Line No.-0: ﻿&lt;!DOCTYPE html&gt;

Line No.-1: 

Line No.-2: &lt;html lang=&quot;en&quot;&gt;

Line No.-3: &lt;head&gt;

Line No.-4: 

Line No.-5: &lt;meta charset=&quot;utf-8&quot;&gt;

Line No.-6: &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;/assets/mdl/material.min.css&quot;&gt;

Line No.-7: &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;/assets/mdl/additional.css&quot;&gt;

Line No.-8: &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0 &quot;&gt;

Line No.-9: &lt;link rel=&quot;shortcut icon&quot; href=&quot;//www.w3resource.com/images/favicon.png&quot;&gt;

Line No.-10: &lt;title&gt;Web development tutorials | w3resource&lt;/title&gt;

Line No.-11: &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0 &quot;&gt;

Line No.-12: &lt;meta name=&quot;description&quot; content=&quot;Web development tutorials on HTML, CSS, JS, PHP, SQL, MySQL, PostgreSQL, MongoDB, JSON and more.&quot;&gt;

Line No.-13: &lt;meta property=&quot;og:title&quot; content=&quot;web development tutorials from w3resource&quot; /&gt;

Line No.-14: &lt;meta property=&quot;og:description&quot; content=&quot;Web development tutorials on HTML, CSS, JS, PHP, SQL, MySQL, PostgreSQL, MongoDB, JSON and more.&quot; /&gt;

Line No.-15: &lt;meta property=&quot;og:type&quot; content=&quot;tutorial&quot; /&gt;

Line No.-16: &lt;meta property=&quot;og:url&quot; content=&quot;https://www.w3resource.com/&quot; /&gt;

Line No.-17: &lt;meta property=&quot;og:image&quot; content=&quot;https://www.w3resource.com/images/w3resource-logo.png&quot; /&gt;

Line No.-18: &lt;meta property=&quot;og:site_name&quot; content=&quot;w3resource&quot; /&gt;

Line No.-19: &lt;meta name=&quot;msvalidate.01&quot; content=&quot;1F8E3A7A751C0BD17BCB6CE7509D800B&quot; /&gt;

Line No.-20: 

Line No.-21: 

Line No.-22: &lt;script src=&quot;//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/cookieconsent.min.js&quot;&gt;&lt;/script&gt;

Line No.-23: &lt;script src=&quot;https://kit.fontawesome.com/d75c4d42f8.js&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;

Line No.-24: &lt;script&gt;

Line No.-25: 

Line No.-26: window.cookieconsent_options = {

Line No.-27: 

Line No.-28: message: 'This site uses cookies to deliver our services and to show you relevant ads. By using our site, you acknowledge that you have read and understood our Privacy Policy. Your use of w3resource Services, is subject to these policies',

Line No.-29: 

Line No.-30: theme:'dark-bottom',

Line No.-31: 

Line No.-32: learnMore: 'More info',

Line No.-33: 

Line No.-34: link: 'https://www.w3resource.com/privacy.php'

Line No.-35: 

Line No.-36: };

Line No.-37: 

Line No.-38: &lt;/script&gt;

Line No.-39: &lt;style type=&quot;text/css&quot;&gt;

Line No.-40: .demo-card-square.mdl-card {

Line No.-41:   width: 320px;

Line No.-42:   height: 320px;

Line No.-43: }

Line No.-44: .demo-card-square &gt; .mdl-card__title {

Line No.-45:   color: #fff;

Line No.-46:  /* background:

Line No.-47:     url('../assets/demos/dog.png') bottom right 15% no-repeat #46B6AC;*/

Line No.-48: }

Line No.-49: .mdl-card__supporting-text a {

Line No.-50: display: inline-block;

Line No.-51: padding: 5px;

Line No.-52: }

Line No.-53: .mdl-card__supporting-text a:link {

Line No.-54: color: #4485FF

Line No.-55: }

Line No.-56: .mdl-card__supporting-text a:hover {

Line No.-57: color: #f86d1d

Line No.-58: }

Line No.-59: .mdl-card__supporting-text a:visited {

Line No.-60: color: #5407bf

Line No.-61: }

Line No.-62: .mdl-card__supporting-text a:active {

Line No.-63: color: #4485FF

Line No.-64: }

Line No.-65: .mdl-card__actions.mdl-card--border {

Line No.-66: background-color: #4485FF

Line No.-67: }

Line No.-68: .demo-card-square.mdl-card {

Line No.-69: height: 250px

Line No.-70: }

Line No.-71: .mdl-card__actions.mdl-card--border a{

Line No.-72: color: #fff

Line No.-73: }

Line No.-74: html,body {

Line No.-75: background-color: #e8e8ee

Line No.-76: }

Line No.-77: &lt;/style&gt;

Line No.-78: &lt;body&gt;

Line No.-79: &lt;style type=&quot;text/css&quot;&gt;

Line No.-80: article a {

Line No.-81: text-decoration: none	

Line No.-82: }

Line No.-83: .mdl-menu {

Line No.-84: min-width: 1024px;	

Line No.-85: }

Line No.-86: .mdl-menu__item {

Line No.-87: height: 24px;

Line No.-88: line-height: 24px	

Line No.-89: }

Line No.-90: .header_notice a{

Line No.-91: color: #fff

Line No.-92: }

Line No.-93: .w3r_donate_link {

Line No.-94: font-weight: 800

Line No.-95: }

Line No.-96: .w3r_donate_link i{

Line No.-97: margin-right: 5px;

Line No.-98: margin-top: 5px;

Line No.-99: }

Line No.-100: .w3r_donate_link a i{

Line No.-101: color: #fff	

Line No.-102: }

Line No.-103: .w3r_donate_link a:hover{

Line No.-104: color: #ff0a01

Line No.-105: }

Line No.-106: .w3r_donate_link a:visited{

Line No.-107: color: #fff

Line No.-108: }

Line No.-109: 

Line No.-110: .w3r_donate_link a:hover{

Line No.-111: color: #ff0a01

Line No.-112: }

Line No.-113: .w3r_donate_link a:visited{

Line No.-114: color: #fff

Line No.-115: }

Line No.-116: .w3r_donate_link a:link{

Line No.-117: color: #fff	

Line No.-118: }

Line No.-119: .w3r_donate_link a:hover{

Line No.-120: color: #ff0a01

Line No.-121: }

Line No.-122: .w3r_donate_link a:visited{

Line No.-123: color: #fff

Line No.-124: }

Line No.-125: &lt;/style&gt;

Line No.-126: &lt;script async src=&quot;https://www.googletagmanager.com/gtag/js?id=G-HCW88J419P&quot;&gt;&lt;/script&gt;

Line No.-127: &lt;script&gt;

Line No.-128:   window.dataLayer = window.dataLayer || [];

Line No.-129:   function gtag(){dataLayer.push(arguments);}

Line No.-130:   gtag('js', new Date());

Line No.-131: 

Line No.-132:   gtag('config', 'G-HCW88J419P');

Line No.-133: &lt;/script&gt;

Line No.-134: &lt;div class=&quot;mdl-layout mdl-layout--fixed-header&quot;&gt;

Line No.-135: &lt;header class=&quot;mdl-layout__header&quot;&gt;

Line No.-136: &lt;div class=&quot;mdl-layout__header-row&quot;&gt;

Line No.-137: &lt;a href=&quot;https://www.w3resource.com&quot; style=&quot;text-decoration: none;&quot;&gt;&lt;span class=&quot;mdl-layout-title&quot; style=&quot;margin-left: -50px;margin-top: -5px;color:#fff&quot;&gt;w3resource&lt;/span&gt;&lt;/a&gt;

Line No.-138: 

Line No.-139: 

Line No.-140: &lt;/nav&gt;

Line No.-141: &lt;div class=&quot;np&quot;&gt;&lt;/div&gt;

Line No.-142: &lt;div class=&quot;mdl-layout-spacer&quot;&gt;&lt;/div&gt;

Line No.-143: 

Line No.-144: &lt;nav class=&quot;mdl-navigation&quot;&gt;

Line No.-145: 

Line No.-146: &lt;a href=&quot;https://www.patreon.com/bePatron?u=31377924&quot; data-patreon-widget-type=&quot;become-patron-button&quot;&gt;Become a Patron!&lt;/a&gt;&lt;script async src=&quot;https://c6.patreon.com/becomePatronButton.bundle.js&quot;&gt;&lt;/script&gt;

Line No.-147: &lt;/nav&gt;

Line No.-148: &lt;div class=&quot;mdl-textfield mdl-js-textfield mdl-textfield--expandable

Line No.-149:                   mdl-textfield--floating-label mdl-textfield--align-right&quot;&gt;

Line No.-150: 

Line No.-151: &lt;div class=&quot;mdl-textfield__expandable-holder&quot;&gt;

Line No.-152: &lt;input class=&quot;mdl-textfield__input&quot; type=&quot;text&quot; name=&quot;sample&quot; id=&quot;fixed-header-drawer-exp&quot;&gt;

Line No.-153: &lt;/div&gt;

Line No.-154: &lt;/div&gt;

Line No.-155: &lt;nav class=&quot;mdl-navigation mdl-layout--large-screen-only&quot;&gt;

Line No.-156: 

Line No.-157: 

Line No.-158: 

Line No.-159: 

Line No.-160: &lt;button id=&quot;demo-menu-lower-right&quot; class=&quot;mdl-button mdl-js-button mdl-button--icon&quot;&gt;

Line No.-161: &lt;i class=&quot;material-icons&quot;&gt;share&lt;/i&gt;

Line No.-162: &lt;/button&gt;

Line No.-163: &lt;ul class=&quot;mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect&quot; for=&quot;demo-menu-lower-right&quot; style=&quot;overflow-y:scroll;min-width:200px&quot;&gt;

Line No.-164: &lt;li class=&quot;mdl-menu__item&quot;&gt;&lt;a href=&quot;https://www.facebook.com/W3resource-103553425799800&quot; target=&quot;_blank&quot;&gt;Facebook&lt;/a&gt;&lt;/li&gt;

Line No.-165: &lt;li class=&quot;mdl-menu__item&quot;&gt;&lt;a href=&quot;https://twitter.com/w3resource&quot;&gt;Twitter&lt;/a&gt;&lt;/li&gt;

Line No.-166: &lt;li class=&quot;mdl-menu__item&quot;&gt;&lt;a href=&quot;https://plus.google.com/+W3resource&quot;&gt;Google Plus&lt;/a&gt;&lt;/li&gt;

Line No.-167: &lt;li class=&quot;mdl-menu__item&quot;&gt;&lt;a href=&quot;http://in.linkedin.com/in/w3resource&quot;&gt;Linkedin&lt;/a&gt;&lt;/li&gt;

Line No.-168: &lt;li class=&quot;mdl-menu__item&quot;&gt;&lt;a href=&quot;http://feeds.feedburner.com/W3resource&quot;&gt;RSS&lt;/a&gt;&lt;/li&gt;

Line No.-169: &lt;/ul&gt;

Line No.-170: &lt;/nav&gt;

Line No.-171: &lt;/div&gt;

Line No.-172: &lt;/header&gt;

Line No.-173: &lt;main class=&quot;mdl-layout__content&quot;&gt;

Line No.-174: &lt;div class=&quot;page-content&quot;&gt;

Line No.-175: 

Line No.-176: 

Line No.-177: 

Line No.-178: &lt;div class=&quot;mdl-grid&quot;&gt;

Line No.-179: &lt;div class=&quot;mdl-cell mdl-cell--12-col&quot;&gt;

Line No.-180: &lt;a href=&quot;//www.w3resource.com&quot;&gt;&lt;script type=&quot;text/javascript&quot; style=&quot;display:none&quot;&gt;

Line No.-181: //&lt;![CDATA[

Line No.-182: window.__mirage2 = {petok:&quot;DDUBpwxkHcZrAnBwmeloN56JUeJjguiKeqQ5ZHcbo78-1800-0.0.1.1&quot;};

Line No.-183: //]]&gt;

Line No.-184: &lt;/script&gt;

Line No.-185: &lt;script type=&quot;text/javascript&quot; src=&quot;https://ajax.cloudflare.com/cdn-cgi/scripts/04b3eb47/cloudflare-static/mirage2.min.js&quot;&gt;&lt;/script&gt;

Line No.-186: &lt;img alt=&quot;w3resource logo&quot; id=&quot;log_img&quot; data-cfsrc=&quot;https://www.w3resource.com/images/w3resource-logo.png&quot; style=&quot;display:none;visibility:hidden;&quot;&gt;&lt;noscript&gt;&lt;img src=&quot;https://www.w3resource.com/images/w3resource-logo.png&quot; alt=&quot;w3resource logo&quot; id=&quot;log_img&quot;&gt;&lt;/noscript&gt;&lt;/a&gt;

Line No.-187: &lt;/div&gt;

Line No.-188: &lt;div class=&quot;mdl-cell mdl-card mdl-shadow--2dp through mdl-shadow--6dp mdl-cell--12-col&quot;&gt;

Line No.-189: &lt;div class=&quot;mdl-grid&quot;&gt;

Line No.-190: &lt;div class=&quot;mdl-cell mdl-cell--4-col&quot;&gt;

Line No.-191: &lt;div class=&quot;demo-card-square mdl-card mdl-shadow--2dp&quot;&gt;

Line No.-192: &lt;div class=&quot;mdl-card__actions mdl-card--border&quot;&gt;

Line No.-193: &lt;a&gt;Frontend tutorials&lt;/a&gt;

Line No.-194: &lt;/div&gt;

Line No.-195: &lt;div class=&quot;mdl-card__supporting-text&quot;&gt;

Line No.-196: &lt;a href=&quot;https://www.w3resource.com/html/HTML-tutorials.php&quot;&gt;HTML&lt;/a&gt;

Line No.-197: &lt;a href=&quot;https://www.w3resource.com/css/CSS-tutorials.php&quot;&gt;CSS&lt;/a&gt;

Line No.-198: &lt;a href=&quot;https://www.w3resource.com/javascript/javascript.php&quot;&gt;JavaScript&lt;/a&gt;

Line No.-199: &lt;a href=&quot;https://www.w3resource.com/html5/introduction.php&quot;&gt;HTML5&lt;/a&gt;

Line No.-200: &lt;a href=&quot;https://www.w3resource.com/schema.org/introduction.php&quot;&gt;Schema.org&lt;/a&gt;

Line No.-201: &lt;a href=&quot;https://www.w3resource.com/phpjs/use-php-functions-in-javascript.php&quot;&gt;php.js&lt;/a&gt;

Line No.-202: &lt;a href=&quot;https://www.w3resource.com/twitter-bootstrap/tutorial.php&quot;&gt;Twitter Bootstrap&lt;/a&gt;

Line No.-203: &lt;a href=&quot;https://www.w3resource.com/responsive-web-design/overview.php&quot;&gt;Responsive Web Design tutorial&lt;/a&gt;

Line No.-204: &lt;a href=&quot;https://www.w3resource.com/zurb-foundation3/introduction.php&quot;&gt;Zurb Foundation 3 tutorials&lt;/a&gt;

Line No.-205: &lt;a href=&quot;https://www.w3resource.com/pure/index.php&quot;&gt;Pure CSS&lt;/a&gt;

Line No.-206: &lt;a href=&quot;https://www.w3resource.com/html5-canvas/index.php&quot;&gt;HTML5 Canvas&lt;/a&gt;

Line No.-207: &lt;a href=&quot;https://www.w3resource.com/course/javascript-course.html&quot; target=&quot;_blank&quot;&gt;JavaScript Course&lt;/a&gt;

Line No.-208: &lt;a href=&quot;https://www.w3resource.com/icon/index.php&quot;&gt;Icon&lt;/a&gt;

Line No.-209: &lt;a href=&quot;https://www.w3resource.com/angular/getting-started-with-angular.php&quot;&gt;Angular&lt;/a&gt;

Line No.-210: &lt;a href=&quot;https://www.w3resource.com/vue/installation.php&quot;&gt;Vue&lt;/a&gt;

Line No.-211: &lt;a href=&quot;https://www.w3resource.com/jest/introduction.php&quot;&gt;Jest&lt;/a&gt;

Line No.-212: &lt;a href=&quot;https://www.w3resource.com/mocha/getting-started.php&quot;&gt;Mocha&lt;/a&gt;

Line No.-213: &lt;a href=&quot;https://www.w3resource.com/npm/getting-started-with-npm.php&quot;&gt;npm&lt;/a&gt;

Line No.-214: &lt;a href=&quot;https://www.w3resource.com/yarn/getting-started-with-yarn.php&quot;&gt;Yarn&lt;/a&gt;

Line No.-215: &lt;a href=&quot;https://www.w3resource.com/cypress/cypress-overview.php&quot;&gt;Cypress&lt;/a&gt;

Line No.-216: &lt;/div&gt;

Line No.-217: &lt;/div&gt;

Line No.-218: &lt;/div&gt;

Line No.-219: &lt;div class=&quot;mdl-cell mdl-cell--4-col&quot;&gt;

Line No.-220: &lt;div class=&quot;demo-card-square mdl-card mdl-shadow--2dp&quot;&gt;

Line No.-221: &lt;div class=&quot;mdl-card__actions mdl-card--border&quot;&gt;

Line No.-222: &lt;a&gt;Backend tutorials&lt;/a&gt;

Line No.-223: &lt;/div&gt;

Line No.-224: &lt;div class=&quot;mdl-card__supporting-text&quot;&gt;

Line No.-225: &lt;a href=&quot;https://www.w3resource.com/php/php-home.php&quot;&gt;PHP&lt;/a&gt;

Line No.-226: &lt;a href=&quot;https://www.w3resource.com/python/python-tutorial.php&quot;&gt;Python&lt;/a&gt;

Line No.-227: &lt;a href=&quot;https://www.w3resource.com/numpy/index.php&quot;&gt;Python-NumPy&lt;/a&gt;

Line No.-228: &lt;a href=&quot;https://www.w3resource.com/pandas/index.php&quot;&gt;Python-Pandas&lt;/a&gt;

Line No.-229: &lt;a href=&quot;https://www.w3resource.com/java-tutorial/index.php&quot;&gt;Java&lt;/a&gt;

Line No.-230: &lt;a href=&quot;https://www.w3resource.com/node.js/node.js-tutorials.php&quot;&gt;Node.js&lt;/a&gt;

Line No.-231: &lt;a href=&quot;https://www.w3resource.com/ruby/index.php&quot;&gt;Ruby&lt;/a&gt;

Line No.-232: &lt;a href=&quot;https://www.w3resource.com/c-programming/programming-in-c.php&quot;&gt;C programming&lt;/a&gt;

Line No.-233: &lt;a href=&quot;https://www.w3resource.com/php/composer/a-gentle-introduction-to-composer.php&quot;&gt;Composer&lt;/a&gt;

Line No.-234: &lt;a href=&quot;https://www.w3resource.com/php/PHPUnit/a-gentle-introduction-to-unit-test-and-testing.php&quot;&gt;PHPUnit&lt;/a&gt;

Line No.-235: &lt;a href=&quot;https://www.w3resource.com/laravel/laravel-tutorial.php&quot;&gt;Laravel&lt;/a&gt;

Line No.-236: &lt;a href=&quot;https://www.w3resource.com/mojo/index.php&quot;&gt;Mojo&lt;/a&gt;

Line No.-237: &lt;/div&gt;

Line No.-238: &lt;/div&gt;

Line No.-239: &lt;/div&gt;

Line No.-240: &lt;div class=&quot;mdl-cell mdl-cell--4-col&quot;&gt;

Line No.-241: &lt;div class=&quot;demo-card-square mdl-card mdl-shadow--2dp&quot;&gt;

Line No.-242: &lt;div class=&quot;mdl-card__actions mdl-card--border&quot;&gt;

Line No.-243: &lt;a&gt;Database tutorials&lt;/a&gt;

Line No.-244: &lt;/div&gt;

Line No.-245: &lt;div class=&quot;mdl-card__supporting-text&quot;&gt;

Line No.-246: &lt;a href=&quot;https://www.w3resource.com/sql/tutorials.php&quot;&gt;SQL(2003 standard of ANSI)&lt;/a&gt;

Line No.-247: &lt;a href=&quot;https://www.w3resource.com/mysql/mysql-tutorials.php&quot;&gt;MySQL&lt;/a&gt;

Line No.-248: &lt;a href=&quot;https://www.w3resource.com/PostgreSQL/tutorial.php&quot;&gt;PostgreSQL&lt;/a&gt;

Line No.-249: &lt;a href=&quot;https://www.w3resource.com/sqlite/index.php&quot;&gt;SQLite&lt;/a&gt;

Line No.-250: &lt;a href=&quot;https://www.w3resource.com/mongodb/nosql.php&quot;&gt;NoSQL&lt;/a&gt;

Line No.-251: &lt;a href=&quot;https://www.w3resource.com/mongodb/nosql.php&quot;&gt;MongoDB&lt;/a&gt;&lt;a href=&quot;https://www.w3resource.com/oracle/index.php&quot;&gt;Oracle&lt;/a&gt;

Line No.-252: &lt;a href=&quot;https://www.w3resource.com/redis/index.php&quot;&gt;Redis&lt;/a&gt;

Line No.-253: &lt;a href=&quot;https://www.w3resource.com/apollo-graphql/the-apollo-graphql-platform.php&quot;&gt;Apollo GraphQL&lt;/a&gt;

Line No.-254: &lt;/div&gt;

Line No.-255: &lt;/div&gt;

Line No.-256: &lt;/div&gt;

Line No.-257: &lt;/div&gt;

Line No.-258: 

Line No.-259: &lt;div class=&quot;mdl-grid&quot;&gt;

Line No.-260: &lt;div class=&quot;mdl-cell mdl-cell--4-col&quot;&gt;

Line No.-261: &lt;div class=&quot;demo-card-square mdl-card mdl-shadow--2dp&quot;&gt;

Line No.-262: &lt;div class=&quot;mdl-card__actions mdl-card--border&quot;&gt;

Line No.-263: &lt;a&gt;Exercises with online editor&lt;/a&gt;

Line No.-264: &lt;/div&gt;

Line No.-265: &lt;div class=&quot;mdl-card__supporting-text&quot;&gt;

Line No.-266: &lt;a href=&quot;https://www.w3resource.com/html-css-exercise/&quot;&gt;HTML CSS&lt;/a&gt;

Line No.-267: &lt;a href=&quot;https://www.w3resource.com/javascript-exercises/&quot;&gt;JavaScript&lt;/a&gt;

Line No.-268: &lt;a href=&quot;https://www.w3resource.com/jquery-exercises/&quot;&gt;jQuery&lt;/a&gt;

Line No.-269: &lt;a href=&quot;https://www.w3resource.com/php-exercises/&quot;&gt;PHP&lt;/a&gt;

Line No.-270: &lt;a href=&quot;https://www.w3resource.com/jquery-ui-exercises/&quot;&gt;jQuery-UI&lt;/a&gt;

Line No.-271: &lt;a href=&quot;https://www.w3resource.com/coffeescript-exercises/&quot;&gt;CoffeeScript&lt;/a&gt;

Line No.-272: &lt;a href=&quot;https://www.w3resource.com/python-exercises/&quot;&gt;Python&lt;/a&gt;

Line No.-273: &lt;a href=&quot;https://www.w3resource.com/python-exercises/numpy/index.php&quot;&gt;NumPy&lt;/a&gt;

Line No.-274: &lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas/index.php&quot;&gt;Pandas&lt;/a&gt;

Line No.-275: &lt;a href=&quot;https://www.w3resource.com/csharp-exercises/&quot;&gt;C# &lt;/a&gt;

Line No.-276: &lt;a href=&quot;https://www.w3resource.com/cpp-exercises/index.php&quot;&gt;C++ &lt;/a&gt;

Line No.-277: &lt;a href=&quot;https://www.w3resource.com/java-exercises/&quot;&gt;Java&lt;/a&gt;

Line No.-278: &lt;a href=&quot;https://www.w3resource.com/sql-exercises/&quot;&gt;SQL&lt;/a&gt;

Line No.-279: &lt;a href=&quot;https://www.w3resource.com/ruby-exercises/&quot;&gt;Ruby&lt;/a&gt;

Line No.-280: &lt;a href=&quot;https://www.w3resource.com/graphics/matplotlib/&quot;&gt;Matplotlib&lt;/a&gt;

Line No.-281: &lt;a href=&quot;https://www.w3resource.com/machine-learning/scikit-learn/iris/index.php&quot;&gt;Machine Learning&lt;/a&gt;

Line No.-282: &lt;a href=&quot;https://www.w3resource.com/plsql-exercises/index.php&quot;&gt;PL/SQL&lt;/a&gt;

Line No.-283: &lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/&quot;&gt;C&lt;/a&gt;

Line No.-284: &lt;a href=&quot;https://www.w3resource.com/machine-learning/tensorflow/index.php&quot;&gt;TensorFlow&lt;/a&gt;

Line No.-285: &lt;a href=&quot;https://www.w3resource.com/scala-exercises/index.php&quot;&gt;Scala&lt;/a&gt;

Line No.-286: &lt;a href=&quot;https://www.w3resource.com/swift-programming-exercises/&quot;&gt;Swift&lt;/a&gt;

Line No.-287: &lt;a href=&quot;https://www.w3resource.com/kotlin-exercises/index.php&quot;&gt;Kotlin&lt;/a&gt;

Line No.-288: &lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/index.php&quot;&gt;BASH&lt;/a&gt;

Line No.-289: &lt;a href=&quot;https://www.w3resource.com/r-programming-exercises/&quot;&gt;R &lt;/a&gt;

Line No.-290: &lt;a href=&quot;https://www.w3resource.com/oracle-exercises/&quot;&gt;Oracle&lt;/a&gt;

Line No.-291: &lt;a href=&quot;https://www.w3resource.com/mysql-exercises/&quot;&gt;MySQL&lt;/a&gt;

Line No.-292: &lt;a href=&quot;https://www.w3resource.com/sqlite-exercises/&quot;&gt;SQLite&lt;/a&gt;

Line No.-293: &lt;a href=&quot;https://www.w3resource.com/postgresql-exercises/&quot;&gt;PostgreSQL&lt;/a&gt;

Line No.-294: &lt;a href=&quot;https://www.w3resource.com/mongodb-exercises/&quot;&gt;MongoDB&lt;/a&gt;

Line No.-295: &lt;a href=&quot;https://www.w3resource.com/typescript-exercises/index.php&quot;&gt;TypeScript&lt;/a&gt;

Line No.-296: &lt;a href=&quot;https://www.w3resource.com/java-exercises/javafx/index.php&quot;&gt;JavaFX&lt;/a&gt;

Line No.-297: &lt;a href=&quot;https://www.w3resource.com/rust/index.php&quot;&gt;Rust&lt;/a&gt;

Line No.-298: &lt;/div&gt;

Line No.-299: &lt;/div&gt;

Line No.-300: &lt;/div&gt;

Line No.-301: &lt;div class=&quot;mdl-cell mdl-cell--4-col&quot;&gt;

Line No.-302: &lt;div class=&quot;demo-card-square mdl-card mdl-shadow--2dp&quot;&gt;

Line No.-303: &lt;div class=&quot;mdl-card__actions mdl-card--border&quot;&gt;

Line No.-304: &lt;a&gt;Linux, Data interchange &amp; API tutorials&lt;/a&gt;

Line No.-305: &lt;/div&gt;

Line No.-306: &lt;div class=&quot;mdl-card__supporting-text&quot;&gt;

Line No.-307: &lt;a href=&quot;https://www.w3resource.com/linux-system-administration/installation.php&quot;&gt;Linux Home&lt;/a&gt;

Line No.-308: &lt;a href=&quot;https://www.w3resource.com/linux-system-administration/linux-commands-introduction.php&quot;&gt;Linux Commands&lt;/a&gt;

Line No.-309: &lt;a href=&quot;https://www.w3resource.com/linux-system-administration/installation.php&quot;&gt;Linux Server Administration&lt;/a&gt;

Line No.-310: &lt;a href=&quot;https://www.w3resource.com/xml/xml.php&quot;&gt;XML&lt;/a&gt;

Line No.-311: &lt;a href=&quot;https://www.w3resource.com/JSON/introduction.php&quot;&gt;JSON&lt;/a&gt;

Line No.-312: &lt;a href=&quot;https://www.w3resource.com/ajax/introduction.php&quot;&gt;Ajax&lt;/a&gt;

Line No.-313: &lt;a href=&quot;https://www.w3resource.com/API/google-plus/tutorial.php&quot;&gt;Google Plus API&lt;/a&gt;

Line No.-314: &lt;a href=&quot;https://www.w3resource.com/API/youtube/tutorial.php&quot;&gt;Youtube API&lt;/a&gt;

Line No.-315: &lt;a href=&quot;https://www.w3resource.com/API/google-maps/index.php&quot;&gt;Google Maps API&lt;/a&gt;

Line No.-316: &lt;a href=&quot;https://www.w3resource.com/API/flickr/tutorial.php&quot;&gt;Flickr API&lt;/a&gt;

Line No.-317: &lt;a href=&quot;https://www.w3resource.com/API/last.fm/tutorial.php&quot;&gt;Last.fm API&lt;/a&gt;

Line No.-318: &lt;a href=&quot;https://www.w3resource.com/API/twitter-rest-api/&quot;&gt;Twitter REST API&lt;/a&gt;

Line No.-319: &lt;/div&gt;

Line No.-320: &lt;/div&gt;

Line No.-321: &lt;/div&gt;

Line No.-322: &lt;div class=&quot;mdl-cell mdl-cell--4-col&quot;&gt;

Line No.-323: &lt;div class=&quot;demo-card-square mdl-card mdl-shadow--2dp&quot;&gt;

Line No.-324: &lt;div class=&quot;mdl-card__actions mdl-card--border&quot;&gt;

Line No.-325: &lt;a&gt;Miscellaneous Tutorials&lt;/a&gt;

Line No.-326: &lt;/div&gt;

Line No.-327: &lt;div class=&quot;mdl-card__supporting-text&quot;&gt;

Line No.-328: &lt;a href=&quot;https://www.w3resource.com/projects/python/index.php&quot;&gt;Python Projects&lt;/a&gt;

Line No.-329: &lt;a href=&quot;https://www.w3resource.com/excel/index.php&quot;&gt;Excel Tutorial&lt;/a&gt;

Line No.-330: &lt;a href=&quot;https://www.w3resource.com/web-development-tools/firebug-tutorials.php&quot;&gt;Firebug Tutorial&lt;/a&gt;

Line No.-331: &lt;a href=&quot;https://www.w3resource.com/web-development-tools/useful-web-development-tools.php&quot;&gt;Useful Tools&lt;/a&gt;

Line No.-332: &lt;a href=&quot;https://www.w3resource.com/form-template/index.php&quot;&gt;Google Docs Forms Template&lt;/a&gt;

Line No.-333: &lt;a href=&quot;https://www.w3resource.com/slides/index.php&quot;&gt;Google Docs Slides Presentation&lt;/a&gt;

Line No.-334: &lt;a href=&quot;https://www.w3resource.com/convert/number/binary-to-decimal.php&quot;&gt;Number Conversion&lt;/a&gt;

Line No.-335: &lt;a href=&quot;https://www.w3resource.com/quizzes/index.php&quot;&gt;Quizzes&lt;/a&gt;

Line No.-336: &lt;a href=&quot;https://www.w3resource.com/twitter-bootstrap/examples.php&quot;&gt;Twitter Bootstrap Examples&lt;/a&gt;

Line No.-337: &lt;a href=&quot;https://www.w3resource.com/python-interview/index.php&quot;&gt;Python Interview Q&amp;A&lt;/a&gt;

Line No.-338: &lt;a href=&quot;https://www.w3resource.com/wxmaxima/index.php&quot;&gt;wxMaxima&lt;/a&gt;

Line No.-339: 

Line No.-340: &lt;/div&gt;

Line No.-341: &lt;/div&gt;

Line No.-342: &lt;/div&gt;

Line No.-343: &lt;/div&gt;

Line No.-344: 

Line No.-345: &lt;style type=&quot;text/css&quot;&gt;

Line No.-346:  h1 {

Line No.-347: 	color: #2a69a8;

Line No.-348:     font-size: 30px;

Line No.-349:     margin-left: 30px;    

Line No.-350: }

Line No.-351: .home_updates {

Line No.-352: margin: 20px;

Line No.-353: font-size: 17px;

Line No.-354: background-color: #f1f3f4;

Line No.-355: padding: 10px

Line No.-356: }

Line No.-357: .home_updates a{

Line No.-358: font-size: 17px;

Line No.-359: }

Line No.-360: &lt;/style&gt;

Line No.-361: &lt;hr&gt;

Line No.-362: &lt;div style=&quot;margin-left: 10%&quot;&gt;

Line No.-363: &lt;p&gt;&lt;strong&gt;Tutorials, Exercises published recently&lt;/strong&gt;&lt;/p&gt;

Line No.-364: &lt;p&gt;&lt;strong&gt;Trending Exercises / Tutorial :&lt;/strong&gt;&lt;/p&gt;

Line No.-365: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-interview/index.php&quot; target=&quot;_blank&quot;&gt;Python Interview Questions and Answers: Comprehensive Guide&lt;/a&gt;&lt;/p&gt;

Line No.-366: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/scala-exercises/index.php&quot;&gt;Scala Exercises, Practice, Solution&lt;/a&gt;&lt;/p&gt;

Line No.-367: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python_beginners_projects.php&quot;&gt;100 Python Projects for Beginners with solution&lt;/a&gt;&lt;/p&gt;

Line No.-368: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/weekly-trends-and-language-statistics.php&quot; target=&quot;_blank&quot;&gt;Weekly Trends and Language Statistics&lt;/a&gt;&lt;/p&gt;

Line No.-369: &lt;strong&gt;22 April, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-370: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/working-with-symbolic-links.php&quot; target=&quot;_blank&quot;&gt;Bash Working with Symbolic Links exercises&lt;/a&gt;&lt;/p&gt;

Line No.-371: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/manipulating-text-files.php&quot; target=&quot;_blank&quot;&gt;Bash Manipulating text files exercises&lt;/a&gt;&lt;/p&gt;

Line No.-372: &lt;strong&gt;20 April, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-373: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/archiving-and-compressing-files.php&quot; target=&quot;_blank&quot;&gt;Bash Archiving and Compressing Files Exercises&lt;/a&gt;&lt;/p&gt;

Line No.-374: &lt;strong&gt;19 April, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-375: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/changing-file-permissions.php&quot; target=&quot;_blank&quot;&gt;Bash File Permissions: Exercises, Solutions, and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-376: &lt;strong&gt;18 April, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-377: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/listing-files-and-directories.php&quot; target=&quot;_blank&quot;&gt;Bash Listing Files and Directories: Exercises, Solutions, and Explanations, and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-378: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/seaching-for-files.php&quot; target=&quot;_blank&quot;&gt;Bash File Searching: Exercises, Solutions, and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-379: &lt;strong&gt;17 April, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-380: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/script-execution.php&quot; target=&quot;_blank&quot;&gt;Bash Script Execution Exercises, Solutions, and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-381: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/creating-copying-moving-and-deleting-files-and-directories.php&quot; target=&quot;_blank&quot;&gt;Bash File and Directory Operations: Exercises, Solutions, and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-382: &lt;strong&gt;16 April, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-383: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/conditional-statements.php&quot; target=&quot;_blank&quot;&gt;Bash Conditional Statements - Exercises, Solution and Explanation&lt;/a&gt;&lt;/p&gt;

Line No.-384: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/looping.php&quot; target=&quot;_blank&quot;&gt;Bash Looping (for, while): Exercises, Solution and Explanation&lt;/a&gt;&lt;/p&gt;

Line No.-385: &lt;strong&gt;15 April, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-386: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/index.php&quot; target=&quot;_blank&quot;&gt;Bash Scripting Exercises and Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-387: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/understanding-basic-commands.php&quot; target=&quot;_blank&quot;&gt;Bash Basic Commands: Exercises and Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-388: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/variable-declaration-and-usage.php&quot; target=&quot;_blank&quot;&gt;Bash Variables: Declaration, usage and explanation&lt;/a&gt;&lt;/p&gt;

Line No.-389: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/input-output-redirection.php&quot; target=&quot;_blank&quot;&gt;Bash I/O Redirection: Exercises, Solution and Explanation&lt;/a&gt;&lt;/p&gt;

Line No.-390: &lt;strong&gt;27 March, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-391: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/r-programming-exercises/control-structure/index.php&quot; target=&quot;_blank&quot;&gt;R Programming Control Structure: Exercises, Practice, Solution&lt;/a&gt;&lt;/p&gt;

Line No.-392: &lt;strong&gt;22 March, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-393: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/examples/python-functions-examples.php&quot; target=&quot;_blank&quot;&gt;Python Functions Examples&lt;/a&gt;&lt;/p&gt;

Line No.-394: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/functional-programming/closures-and-higher-order-functions.php&quot; target=&quot;_blank&quot;&gt;Rust Closures and Higher-Order Functions Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-395: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/functional-programming/iteretors-and-iterator-adapters.php&quot; target=&quot;_blank&quot;&gt;Rust Iterator Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-396: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/functional-programming/pattern-matching.php&quot; target=&quot;_blank&quot;&gt;Rust Pattern Matching Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-397: &lt;strong&gt;12 March, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-398: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/collection/array-list.php&quot; target=&quot;_blank&quot;&gt;Java Collection: ArrayList Exercises, Practice &amp; Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-399: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/collection/linked-list.php&quot; target=&quot;_blank&quot;&gt;Java Collection: LinkedList Exercises, Practice &amp; Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-400: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/collection/hash-set.php&quot; target=&quot;_blank&quot;&gt;Java Collection: HashSet Exercises, Practice &amp; Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-401: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/collection/tree-set.php&quot; target=&quot;_blank&quot;&gt;Java Collection: TreeSet Exercises, Practice &amp; Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-402: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/collection/priority-queue.php&quot; target=&quot;_blank&quot;&gt;Java Collection: PriorityQueue Exercises, Practice &amp; Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-403: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/collection/hash-map.php&quot; target=&quot;_blank&quot;&gt;Java Collection: HashMap Exercises, Practice &amp; Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-404: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/collection/tree-map.php&quot; target=&quot;_blank&quot;&gt;Java Collection: TreeMap Exercises, Practice &amp; Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-405: &lt;strong&gt;05 March, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-406: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/threads_and_synchronization/threads-and-synchronization.php&quot; target=&quot;_blank&quot;&gt;Rust Threads and Synchronization Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-407: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/channels/message-passing.php&quot; target=&quot;_blank&quot;&gt;Rust Message Passing Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-408: &lt;strong&gt;29 February, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-409: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/index.php&quot; target=&quot;_blank&quot;&gt;Rust Exercises, Practice, Solution and Explanation&lt;/a&gt;&lt;/p&gt;

Line No.-410: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/basic/basic-exercises-for-beginners.php&quot; target=&quot;_blank&quot;&gt;Rust Basic Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-411: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/basic/variables-and-data-types.php&quot; target=&quot;_blank&quot;&gt;Rust Variables and Data Types Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-412: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/basic/functions-and-control-flow.php&quot; target=&quot;_blank&quot;&gt;Rust Functions and Control Flow Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-413: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/basic/ownership-borrowing-and-lifetimes.php&quot; target=&quot;_blank&quot;&gt;Rust Ownership, Borrowing, and Lifetimes Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-414: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/basic/structs-and-enums.php&quot; target=&quot;_blank&quot;&gt;Rust Structs and Enums Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-415: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/error_handling/result-and-option-types.php&quot; target=&quot;_blank&quot;&gt;Rust Result and Option Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-416: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/error_handling/handling-errors-with-result-and-option.php&quot; target=&quot;_blank&quot;&gt;Rust Handling Errors with Result and Option Exercises&lt;/a&gt;&lt;/p&gt;

Line No.-417: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/error_handling/error-propagation.php&quot; target=&quot;_blank&quot;&gt;Rust Error Propagation Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-418: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/collections_and_data_structures/vectors.php&quot; target=&quot;_blank&quot;&gt;Rust Vectors Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-419: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/collections_and_data_structures/arrays.php&quot; target=&quot;_blank&quot;&gt;Rust Arrays Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-420: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/collections_and_data_structures/vectors-arrays-slices.php&quot; target=&quot;_blank&quot;&gt;Rust Vectors, Arrays, and Slices Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-421: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/collections_and_data_structures/hashmaps.php&quot; target=&quot;_blank&quot;&gt;Rust Hashmaps Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-422: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/collections_and_data_structures/sets.php&quot; target=&quot;_blank&quot;&gt;Rust Sets Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-423: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/rust/collections_and_data_structures/linked-lists.php&quot; target=&quot;_blank&quot;&gt;Rust Linked Lists Exercises with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-424: &lt;strong&gt;08 February, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-425: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-20.php&quot; target=&quot;_blank&quot;&gt;Python Program: Maximum connection Pool size analysis&lt;/a&gt;&lt;/p&gt;

Line No.-426: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-21.php&quot; target=&quot;_blank&quot;&gt;Python Program: Observing urllib3 Response compression handling&lt;/a&gt;&lt;/p&gt;

Line No.-427: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-22.php&quot; target=&quot;_blank&quot;&gt;Python Program: Custom Redirect Handling with urllib3&lt;/a&gt;&lt;/p&gt;

Line No.-428: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-23.php&quot; target=&quot;_blank&quot;&gt;Python Retry Mechanism with incremental timeouts&lt;/a&gt;&lt;/p&gt;

Line No.-429: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-24.php&quot; target=&quot;_blank&quot;&gt;Python Event Hooks for Request and Response Customization&lt;/a&gt;&lt;/p&gt;

Line No.-430: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-25.php&quot; target=&quot;_blank&quot;&gt;Python URL Parsing and Modification for Requests&lt;/a&gt;&lt;/p&gt;

Line No.-431: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-26.php&quot; target=&quot;_blank&quot;&gt;Python HTTP Request with Manual response decompression&lt;/a&gt;&lt;/p&gt;

Line No.-432: &lt;strong&gt;05 February, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-433: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-11.php&quot; target=&quot;_blank&quot;&gt;Implementing Retry Mechanism in Python urllib3 for Resilient HTTP Requests&lt;/a&gt;&lt;/p&gt;

Line No.-434: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-12.php&quot; target=&quot;_blank&quot;&gt;Logging HTTP Requests in Python urllib3: Understanding Request Hooks&lt;/a&gt;&lt;/p&gt;

Line No.-435: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-13.php&quot; target=&quot;_blank&quot;&gt;Making API Requests with digest authentication in Python urllib3&lt;/a&gt;&lt;/p&gt;

Line No.-436: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-14.php&quot; target=&quot;_blank&quot;&gt;Creating a session for multiple Requests with Python urllib3 PoolManager&lt;/a&gt;&lt;/p&gt;

Line No.-437: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-15.php&quot; target=&quot;_blank&quot;&gt;Implementing a Custom SSL Context for Secure HTTPS requests in Python urllib3&lt;/a&gt;&lt;/p&gt;

Line No.-438: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-16.php&quot; target=&quot;_blank&quot;&gt;Implementing Retry Mechanism in Python urllib3 for Resilient HTTP Requests&lt;/a&gt;&lt;/p&gt;

Line No.-439: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-17.php&quot; target=&quot;_blank&quot;&gt;Python file upload with urllib3: Making POST Requests simplified&lt;/a&gt;&lt;/p&gt;

Line No.-440: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-18.php&quot; target=&quot;_blank&quot;&gt;Python Large File Download with Stream Parameter example&lt;/a&gt;&lt;/p&gt;

Line No.-441: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-19.php&quot; target=&quot;_blank&quot;&gt;Python File Upload: Simulate POST request with multipart/Form-Data&lt;/a&gt;&lt;/p&gt;

Line No.-442: &lt;strong&gt;03 February, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-443: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/index.php&quot; target=&quot;_blank&quot;&gt;Python urllib3 Exercises and Solutions for HTTP Requests&lt;/a&gt;&lt;/p&gt;

Line No.-444: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-1.php&quot; target=&quot;_blank&quot;&gt;Python HTTP GET Request to Public API example&lt;/a&gt;&lt;/p&gt;

Line No.-445: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-2.php&quot; target=&quot;_blank&quot;&gt;Python HTTP GET Request with custom Headers Example&lt;/a&gt;&lt;/p&gt;

Line No.-446: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-3.php&quot; target=&quot;_blank&quot;&gt;Python HTTP GET Request with Query parameters example&lt;/a&gt;&lt;/p&gt;

Line No.-447: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-4.php&quot; target=&quot;_blank&quot;&gt;Python POST Request to Sample API with Data example&lt;/a&gt;&lt;/p&gt;

Line No.-448: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-5.php&quot; target=&quot;_blank&quot;&gt;Python GET Request with Timeout example&lt;/a&gt;&lt;/p&gt;

Line No.-449: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-6.php&quot; target=&quot;_blank&quot;&gt;Python Multiple Requests with Connection Pooling Example&lt;/a&gt;&lt;/p&gt;

Line No.-450: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-7.php&quot; target=&quot;_blank&quot;&gt;Python Redirect Handling and final URL example&lt;/a&gt;&lt;/p&gt;

Line No.-451: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-8.php&quot; target=&quot;_blank&quot;&gt;Python HTTPS Requests with and without SSL/TLS verification example&lt;/a&gt;&lt;/p&gt;

Line No.-452: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-9.php&quot; target=&quot;_blank&quot;&gt;Python HTTP Request with Network Exception Handling Exampl&lt;/a&gt;&lt;/p&gt;

Line No.-453: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/urllib3/python-urllib3-exercise-10.php&quot; target=&quot;_blank&quot;&gt;Python Large File Download with Stream Parameter example&lt;/a&gt;&lt;/p&gt;

Line No.-454: &lt;strong&gt;02 February, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-455: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/python_pendulum_module.php&quot; target=&quot;_blank&quot;&gt;Python Pendulum Module - Exercises, Solutions, and Examples&lt;/a&gt;&lt;/p&gt;

Line No.-456: &lt;strong&gt;30 January, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-457: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/while-loop/index.php&quot; target=&quot;_blank&quot;&gt;C Programming Exercises, Practice, Solution : While Loop&lt;/a&gt;&lt;/p&gt;

Line No.-458: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/while-loop/c-while-loop-exercise-1.php&quot; target=&quot;_blank&quot;&gt;C Program to Print numbers from 0 to 10 and 10 to 0 using While loops&lt;/a&gt;&lt;/p&gt;

Line No.-459: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/while-loop/c-while-loop-exercise-2.php&quot; target=&quot;_blank&quot;&gt;C Program: Calculate sum of positive integers using while loop&lt;/a&gt;&lt;/p&gt;

Line No.-460: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/while-loop/c-while-loop-exercise-3.php&quot; target=&quot;_blank&quot;&gt;C Program to calculate product of numbers 1 to 5 using while loop&lt;/a&gt;&lt;/p&gt;

Line No.-461: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/while-loop/c-while-loop-exercise-4.php&quot; target=&quot;_blank&quot;&gt;C Program: Detect duplicate numbers using while loop&lt;/a&gt;&lt;/p&gt;

Line No.-462: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/while-loop/c-while-loop-exercise-5.php&quot; target=&quot;_blank&quot;&gt;C Program: Guess the number game using while loop&lt;/a&gt;&lt;/p&gt;

Line No.-463: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/while-loop/c-while-loop-exercise-6.php&quot; target=&quot;_blank&quot;&gt;C Program: Calculate Factorial with while loop and User-entered positive integer&lt;/a&gt;&lt;/p&gt;

Line No.-464: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/while-loop/c-while-loop-exercise-7.php&quot; target=&quot;_blank&quot;&gt;C Program: User input validation with While Loop for minimum 8-Character username&lt;/a&gt;&lt;/p&gt;

Line No.-465: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/while-loop/c-while-loop-exercise-8.php&quot; target=&quot;_blank&quot;&gt;C Program: Sum of Cubes of Even Numbers up to 20 using While loop&lt;/a&gt;&lt;/p&gt;

Line No.-466: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/while-loop/c-while-loop-exercise-9.php&quot; target=&quot;_blank&quot;&gt;C Program: Palindrome check using While loop&lt;/a&gt;&lt;/p&gt;

Line No.-467: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/while-loop/c-while-loop-exercise-10.php&quot; target=&quot;_blank&quot;&gt;C Program: Print first 10 Fibonacci numbers - While loop&lt;/a&gt;&lt;/p&gt;

Line No.-468: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/while-loop/c-while-loop-exercise-11.php&quot; target=&quot;_blank&quot;&gt;C Program to Print multiplication table using while loop&lt;/a&gt;&lt;/p&gt;

Line No.-469: &lt;strong&gt;29 January, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-470: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/do-while-loop/index.php&quot; target=&quot;_blank&quot;&gt;C Programming Exercises, Practice, Solution : Do While Loop&lt;/a&gt;&lt;/p&gt;

Line No.-471: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/do-while-loop/c-do-while-loop-exercise-1.php&quot; target=&quot;_blank&quot;&gt;C Program to Print numbers from 1 to 10 and 10 to 1 using Do-While Loop&lt;/a&gt;&lt;/p&gt;

Line No.-472: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/do-while-loop/c-do-while-loop-exercise-2.php&quot; target=&quot;_blank&quot;&gt;C Program: Calculate Sum of positive integers using Do-While Loop&lt;/a&gt;&lt;/p&gt;

Line No.-473: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/do-while-loop/c-do-while-loop-exercise-3.php&quot; target=&quot;_blank&quot;&gt;C Program: Calculate Sum of even and odd numbers (1-50) with Do-While Loops&lt;/a&gt;&lt;/p&gt;

Line No.-474: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/do-while-loop/c-do-while-loop-exercise-4.php&quot; target=&quot;_blank&quot;&gt;C Program: Calculate Sum of entered numbers with Do-While Loop&lt;/a&gt;&lt;/p&gt;

Line No.-475: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/do-while-loop/c-do-while-loop-exercise-5.php&quot; target=&quot;_blank&quot;&gt;C Program: Guess the number game with Do-While Loop&lt;/a&gt;&lt;/p&gt;

Line No.-476: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/do-while-loop/c-do-while-loop-exercise-6.php&quot; target=&quot;_blank&quot;&gt;C Program: Calculate Sum of squares of digits with Do-While Loop&lt;/a&gt;&lt;/p&gt;

Line No.-477: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/do-while-loop/c-do-while-loop-exercise-7.php&quot; target=&quot;_blank&quot;&gt;C Program: Calculate average of user input numbers&lt;/a&gt;&lt;/p&gt;

Line No.-478: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/do-while-loop/c-do-while-loop-exercise-8.php&quot; target=&quot;_blank&quot;&gt;C Program: Password authentication with Do-While Loop&lt;/a&gt;&lt;/p&gt;

Line No.-479: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/do-while-loop/c-do-while-loop-exercise-9.php&quot; target=&quot;_blank&quot;&gt;C Program: Calculate sum of Prime numbers with Do-While Loop&lt;/a&gt;&lt;/p&gt;

Line No.-480: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/do-while-loop/c-do-while-loop-exercise-10.php&quot; target=&quot;_blank&quot;&gt;C Program: Counting digits in an integer using Do-While Loop&lt;/a&gt;&lt;/p&gt;

Line No.-481: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/do-while-loop/c-do-while-loop-exercise-11.php&quot; target=&quot;_blank&quot;&gt;C Program: Calculating compound interest with User input Loop&lt;/a&gt;&lt;/p&gt;

Line No.-482: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/do-while-loop/c-do-while-loop-exercise-12.php&quot; target=&quot;_blank&quot;&gt;C Program: Reversing a number using a Do-While loop&lt;/a&gt;&lt;/p&gt;

Line No.-483: &lt;strong&gt;19 January, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-484: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/numpy/numpy_100_exercises_with_solutions.php&quot; target=&quot;_blank&quot;&gt;Mastering NumPy: 100 Exercises with solutions for Python numerical computing&lt;/a&gt;&lt;/p&gt;

Line No.-485: &lt;strong&gt;09 January, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-486: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-21.php&quot; target=&quot;_blank&quot;&gt;Finding index of maximum and minimum values in a NumPy array&lt;/a&gt;&lt;/p&gt;

Line No.-487: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-22.php&quot; target=&quot;_blank&quot;&gt;Reshaping a 1D NumPy array into a 2D array&lt;/a&gt;&lt;/p&gt;

Line No.-488: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-23.php&quot; target=&quot;_blank&quot;&gt;Slicing and extracting a portion of a NumPy array&lt;/a&gt;&lt;/p&gt;

Line No.-489: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-24.php&quot; target=&quot;_blank&quot;&gt;Concatenating NumPy Arrays Vertically&lt;/a&gt;&lt;/p&gt;

Line No.-490: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-25.php&quot; target=&quot;_blank&quot;&gt;Matrix Multiplication with NumPy&lt;/a&gt;&lt;/p&gt;

Line No.-491: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-26.php&quot; target=&quot;_blank&quot;&gt;Cumulative sum of a NumPy array&lt;/a&gt;&lt;/p&gt;

Line No.-492: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-27.php&quot; target=&quot;_blank&quot;&gt;Generating and identifying unique values in a NumPy array&lt;/a&gt;&lt;/p&gt;

Line No.-493: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-28.php&quot; target=&quot;_blank&quot;&gt;Sorting Pandas DataFrame by values: Python data manipulation&lt;/a&gt;&lt;/p&gt;

Line No.-494: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-29.php&quot; target=&quot;_blank&quot;&gt;Applying custom function to salary: Pandas DataFrame operation&lt;/a&gt;&lt;/p&gt;

Line No.-495: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-30.php&quot; target=&quot;_blank&quot;&gt;Renaming columns in Pandas DataFrame&lt;/a&gt;&lt;/p&gt;

Line No.-496: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-31.php&quot; target=&quot;_blank&quot;&gt;Transposing DataFrame: Pandas data manipulation&lt;/a&gt;&lt;/p&gt;

Line No.-497: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-32.php&quot; target=&quot;_blank&quot;&gt;Merging Pandas DataFrames on multiple columns&lt;/a&gt;&lt;/p&gt;

Line No.-498: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-33.php&quot; target=&quot;_blank&quot;&gt;Aggregating data in Pandas: Multiple functions example&lt;/a&gt;&lt;/p&gt;

Line No.-499: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-34.php&quot; target=&quot;_blank&quot;&gt;Extracting date and time from Pandas DateTime&lt;/a&gt;&lt;/p&gt;

Line No.-500: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-35.php&quot; target=&quot;_blank&quot;&gt;Resampling Time-Series in a Pandas DataFrame&lt;/a&gt;&lt;/p&gt;

Line No.-501: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-36.php&quot; target=&quot;_blank&quot;&gt;Rolling Calculation in Pandas DataFrame&lt;/a&gt;&lt;/p&gt;

Line No.-502: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-37.php&quot; target=&quot;_blank&quot;&gt;Cross-Tabulation in Pandas: Analyzing DataFrame categories&lt;/a&gt;&lt;/p&gt;

Line No.-503: &lt;strong&gt;08 January, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-504: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/unittest/index.php&quot; target=&quot;_blank&quot;&gt;Java Unit Test: Exercises, Solutions, and Practice&lt;/a&gt;&lt;/p&gt;

Line No.-505: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/unittest/java-unittest-exercise-1.php&quot; target=&quot;_blank&quot;&gt;Java Unit Test Case: Asserting Expected method returns&lt;/a&gt;&lt;/p&gt;

Line No.-506: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/unittest/java-unittest-exercise-2.php&quot; target=&quot;_blank&quot;&gt;Java Test Case: Exception Testing&lt;/a&gt;&lt;/p&gt;

Line No.-507: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/unittest/java-unittest-exercise-3.php&quot; target=&quot;_blank&quot;&gt;Java JUnit Test Case: Test Setup and Teardown&lt;/a&gt;&lt;/p&gt;

Line No.-508: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/unittest/java-unittest-exercise-4.php&quot; target=&quot;_blank&quot;&gt;Java Parameterized test with JUnit: MultiplyTest example&lt;/a&gt;&lt;/p&gt;

Line No.-509: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/unittest/java-unittest-exercise-5.php&quot; target=&quot;_blank&quot;&gt;Java Timeout test with JUnit: Timeout Test example&lt;/a&gt;&lt;/p&gt;

Line No.-510: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/unittest/java-unittest-exercise-6.php&quot; target=&quot;_blank&quot;&gt;Java ignored test Case with JUnit: IgnoredTest example&lt;/a&gt;&lt;/p&gt;

Line No.-511: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/unittest/java-unittest-exercise-7.php&quot; target=&quot;_blank&quot;&gt;Java Custom Assertion Example: Providing Meaningful feedback in tests&lt;/a&gt;&lt;/p&gt;

Line No.-512: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/unittest/java-unittest-exercise-8.php&quot; target=&quot;_blank&quot;&gt;Java Testing Private methods with reflection: ExampleClass demonstration&lt;/a&gt;&lt;/p&gt;

Line No.-513: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/unittest/java-unittest-exercise-9.php&quot; target=&quot;_blank&quot;&gt;Testing Java Singleton class for Multi-Threading with JUnit&lt;/a&gt;&lt;/p&gt;

Line No.-514: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/unittest/java-unittest-exercise-10.php&quot; target=&quot;_blank&quot;&gt;Java Application Integration testing with JUnit: UserService and OrderService Interaction&lt;/a&gt;&lt;/p&gt;

Line No.-515: &lt;strong&gt;06 January, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-516: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/index.php&quot; target=&quot;_blank&quot;&gt;Pandas and NumPy Exercises, Practice, Solution for Data Analysis&lt;/a&gt;&lt;/p&gt;

Line No.-517: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-1.php&quot; target=&quot;_blank&quot;&gt;Loading a CSV file into a Pandas DataFrame with Python&lt;/a&gt;&lt;/p&gt;

Line No.-518: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-2.php&quot; target=&quot;_blank&quot;&gt;Generating a Pandas DataFrame from a NumPy array with custom column names in Python&lt;/a&gt;&lt;/p&gt;

Line No.-519: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-3.php&quot; target=&quot;_blank&quot;&gt;Selecting rows based on multiple conditions in Pandas DataFrame&lt;/a&gt;&lt;/p&gt;

Line No.-520: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-4.php&quot; target=&quot;_blank&quot;&gt;Selecting the first and last 7 rows in a Pandas DataFrame&lt;/a&gt;&lt;/p&gt;

Line No.-521: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-5.php&quot; target=&quot;_blank&quot;&gt;Filtering rows based on a column condition in Pandas DataFrame&lt;/a&gt;&lt;/p&gt;

Line No.-522: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-6.php&quot; target=&quot;_blank&quot;&gt;Creating a new column with NumPy operation in Pandas DataFrame&lt;/a&gt;&lt;/p&gt;

Line No.-523: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-7.php&quot; target=&quot;_blank&quot;&gt;Merging DataFrames based on a common column in Pandas&lt;/a&gt;&lt;/p&gt;

Line No.-524: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-8.php&quot; target=&quot;_blank&quot;&gt;Filtering DataFrame rows by column values in Pandas using NumPy array&lt;/a&gt;&lt;/p&gt;

Line No.-525: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-9.php&quot; target=&quot;_blank&quot;&gt;Performing element-wise addition in Pandas DataFrame with NumPy array&lt;/a&gt;&lt;/p&gt;

Line No.-526: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-10.php&quot; target=&quot;_blank&quot;&gt;Applying NumPy function to DataFrame column in Python&lt;/a&gt;&lt;/p&gt;

Line No.-527: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-11.php&quot; target=&quot;_blank&quot;&gt;Calculating correlation matrix for DataFrame in Python&lt;/a&gt;&lt;/p&gt;

Line No.-528: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-12.php&quot; target=&quot;_blank&quot;&gt;Calculating cumulative sum in Pandas DataFrame with NumPy array&lt;/a&gt;&lt;/p&gt;

Line No.-529: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas_numpy/pandas_numpy-exercise-13.php&quot; target=&quot;_blank&quot;&gt;Grouping DataFrame by column and calculating mean in Python&lt;/a&gt;&lt;/p&gt;

Line No.-530: &lt;/div&gt;

Line No.-531: ﻿&lt;style type=&quot;text/css&quot;&gt;

Line No.-532: 

Line No.-533: .a_link a:link{

Line No.-534: 

Line No.-535: color: #bc17d6;

Line No.-536: 

Line No.-537: font-weight: bold;

Line No.-538: 

Line No.-539: font-size: 16px;

Line No.-540: 

Line No.-541: margin-left: 1%

Line No.-542: 

Line No.-543: }

Line No.-544: 

Line No.-545: .a_link a:hover{

Line No.-546: 

Line No.-547: color: #4e990d;

Line No.-548: 

Line No.-549: font-weight: bold;

Line No.-550: 

Line No.-551: font-size: 16px;

Line No.-552: 

Line No.-553: margin-left: 1%

Line No.-554: 

Line No.-555: }

Line No.-556: 

Line No.-557: .a_link a:active{

Line No.-558: 

Line No.-559: color: #0c1796;

Line No.-560: 

Line No.-561: font-weight: bold;

Line No.-562: 

Line No.-563: font-size: 16px;

Line No.-564: 

Line No.-565: margin-left: 1%

Line No.-566: 

Line No.-567: }

Line No.-568: 

Line No.-569: .a_link a:visited{

Line No.-570: 

Line No.-571: color: #032859;

Line No.-572: 

Line No.-573: font-weight: bold;

Line No.-574: 

Line No.-575: font-size: 16px;

Line No.-576: 

Line No.-577: margin-left: 1%

Line No.-578: 

Line No.-579: }

Line No.-580: 

Line No.-581: .native-cpc a {

Line No.-582: 

Line No.-583:   font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu,

Line No.-584: 

Line No.-585:   Cantarell, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;

Line No.-586: 

Line No.-587: }

Line No.-588: 

Line No.-589: 

Line No.-590: 

Line No.-591: .default-ad {

Line No.-592: 

Line No.-593:   display: none;

Line No.-594: 

Line No.-595: }

Line No.-596: 

Line No.-597: 

Line No.-598: 

Line No.-599: .native-cpc a {

Line No.-600: 

Line No.-601:   text-decoration: none !important;

Line No.-602: 

Line No.-603: }

Line No.-604: 

Line No.-605: 

Line No.-606: 

Line No.-607: .native-cpc img {

Line No.-608: 

Line No.-609:   display: none;

Line No.-610: 

Line No.-611: }

Line No.-612: 

Line No.-613: 

Line No.-614: 

Line No.-615: .native-cpc ._default_ {

Line No.-616: 

Line No.-617:   display: flex;

Line No.-618: 

Line No.-619:   flex-flow: column wrap;

Line No.-620: 

Line No.-621:   max-width: 600px;

Line No.-622: 

Line No.-623:   padding: 10px;

Line No.-624: 

Line No.-625:   background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);

Line No.-626: 

Line No.-627: 

Line No.-628: 

Line No.-629: }

Line No.-630: 

Line No.-631: 

Line No.-632: 

Line No.-633: .native-cpc .default-title {

Line No.-634: 

Line No.-635:   margin-right: 5px;

Line No.-636: 

Line No.-637:   font-size: 10px;

Line No.-638: 

Line No.-639:   margin-bottom: 2px;

Line No.-640: 

Line No.-641:   letter-spacing: .75px;

Line No.-642: 

Line No.-643:   text-transform: uppercase;

Line No.-644: 

Line No.-645: }

Line No.-646: 

Line No.-647: 

Line No.-648: 

Line No.-649: .native-cpc .default-title:before {

Line No.-650: 

Line No.-651:   content: &quot;Sponsored by &quot;

Line No.-652: 

Line No.-653: }

Line No.-654: 

Line No.-655: 

Line No.-656: 

Line No.-657: .native-cpc .default-description {

Line No.-658: 

Line No.-659:   font-size: 14px;

Line No.-660: 

Line No.-661:   line-height: 1.4;

Line No.-662: 

Line No.-663: }

Line No.-664: .widget {display: none !important;}

Line No.-665: &lt;/style&gt;

Line No.-666: &lt;/div&gt;

Line No.-667: &lt;div class=&quot;mdl-cell mdl-card mdl-shadow--2dp through mdl-shadow--6dp mdl-cell--3-col mdl-cell--hide-phone&quot;&gt;

Line No.-668: &lt;/div&gt;

Line No.-669: &lt;/div&gt;

Line No.-670: &lt;/div&gt;

Line No.-671: &lt;footer class=&quot;mdl-mega-footer&quot;&gt;

Line No.-672: 

Line No.-673: &lt;div class=&quot;mdl-mega-footer__bottom-section&quot;&gt;

Line No.-674: &lt;div class=&quot;mdl-logo&quot;&gt;&lt;a href=&quot;http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US&quot; target=&quot;_blank&quot;&gt;This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.&lt;/a&gt;&lt;/div&gt;

Line No.-675: &lt;/div&gt;

Line No.-676: &lt;div class=&quot;mdl-mega-footer__bottom-section&quot;&gt;

Line No.-677: &lt;div class=&quot;mdl-logo&quot;&gt;©w3resource.com 2011-2024&lt;/div&gt;

Line No.-678: &lt;ul class=&quot;mdl-mega-footer__link-list&quot;&gt;

Line No.-679: &lt;li&gt;&lt;a href=&quot;https://www.w3resource.com/privacy.php&quot;&gt;Privacy&lt;/a&gt;&lt;/li&gt;

Line No.-680: &lt;li&gt;&lt;a href=&quot;https://www.w3resource.com/about.php&quot;&gt;About&lt;/a&gt;&lt;/li&gt;

Line No.-681: &lt;li&gt;&lt;a href=&quot;https://www.w3resource.com/contact.php&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;

Line No.-682: &lt;li&gt;&lt;a href=&quot;https://www.w3resource.com/feedback.php&quot;&gt;Feedback&lt;/a&gt;&lt;/li&gt;

Line No.-683: &lt;/ul&gt;

Line No.-684: &lt;/div&gt;

Line No.-685: &lt;/footer&gt;

Line No.-686: &lt;/main&gt;

Line No.-687: &lt;/div&gt;

Line No.-688: &lt;/div&gt;

Line No.-689: &lt;/div&gt;

Line No.-690: &lt;link rel=&quot;stylesheet&quot; href=&quot;https://fonts.googleapis.com/icon?family=Material+Icons&quot;&gt;

Line No.-691: 

Line No.-692: &lt;script&gt;

Line No.-693: /**

Line No.-694:  * material-design-lite - Material Design Components in CSS, JS and HTML

Line No.-695:  * @version v1.3.0

Line No.-696:  * @license Apache-2.0

Line No.-697:  * @copyright 2015 Google, Inc.

Line No.-698:  * @link https://github.com/google/material-design-lite

Line No.-699:  */

Line No.-700: !function(){&quot;use strict&quot;;function e(e,t){if(e){if(t.element_.classList.contains(t.CssClasses_.MDL_JS_RIPPLE_EFFECT)){var s=document.createElement(&quot;span&quot;);s.classList.add(t.CssClasses_.MDL_RIPPLE_CONTAINER),s.classList.add(t.CssClasses_.MDL_JS_RIPPLE_EFFECT);var i=document.createElement(&quot;span&quot;);i.classList.add(t.CssClasses_.MDL_RIPPLE),s.appendChild(i),e.appendChild(s)}e.addEventListener(&quot;click&quot;,function(s){if(&quot;#&quot;===e.getAttribute(&quot;href&quot;).charAt(0)){s.preventDefault();var i=e.href.split(&quot;#&quot;)[1],n=t.element_.querySelector(&quot;#&quot;+i);t.resetTabState_(),t.resetPanelState_(),e.classList.add(t.CssClasses_.ACTIVE_CLASS),n.classList.add(t.CssClasses_.ACTIVE_CLASS)}})}}function t(e,t,s,i){function n(){var n=e.href.split(&quot;#&quot;)[1],a=i.content_.querySelector(&quot;#&quot;+n);i.resetTabState_(t),i.resetPanelState_(s),e.classList.add(i.CssClasses_.IS_ACTIVE),a.classList.add(i.CssClasses_.IS_ACTIVE)}if(i.tabBar_.classList.contains(i.CssClasses_.JS_RIPPLE_EFFECT)){var a=document.createElement(&quot;span&quot;);a.classList.add(i.CssClasses_.RIPPLE_CONTAINER),a.classList.add(i.CssClasses_.JS_RIPPLE_EFFECT);var l=document.createElement(&quot;span&quot;);l.classList.add(i.CssClasses_.RIPPLE),a.appendChild(l),e.appendChild(a)}i.tabBar_.classList.contains(i.CssClasses_.TAB_MANUAL_SWITCH)||e.addEventListener(&quot;click&quot;,function(t){&quot;#&quot;===e.getAttribute(&quot;href&quot;).charAt(0)&amp;&amp;(t.preventDefault(),n())}),e.show=n}var s={upgradeDom:function(e,t){},upgradeElement:function(e,t){},upgradeElements:function(e){},upgradeAllRegistered:function(){},registerUpgradedCallback:function(e,t){},register:function(e){},downgradeElements:function(e){}};s=function(){function e(e,t){for(var s=0;s&lt;c.length;s++)if(c[s].className===e)return&quot;undefined&quot;!=typeof t&amp;&amp;(c[s]=t),c[s];return!1}function t(e){var t=e.getAttribute(&quot;data-upgraded&quot;);return null===t?[&quot;&quot;]:t.split(&quot;,&quot;)}function s(e,s){var i=t(e);return i.indexOf(s)!==-1}function i(e,t,s){if(&quot;CustomEvent&quot;in window&amp;&amp;&quot;function&quot;==typeof window.CustomEvent)return new CustomEvent(e,{bubbles:t,cancelable:s});var i=document.createEvent(&quot;Events&quot;);return i.initEvent(e,t,s),i}function n(t,s){if(&quot;undefined&quot;==typeof t&amp;&amp;&quot;undefined&quot;==typeof s)for(var i=0;i&lt;c.length;i++)n(c[i].className,c[i].cssClass);else{var l=t;if(&quot;undefined&quot;==typeof s){var o=e(l);o&amp;&amp;(s=o.cssClass)}for(var r=document.querySelectorAll(&quot;.&quot;+s),_=0;_&lt;r.length;_++)a(r[_],l)}}function a(n,a){if(!(&quot;object&quot;==typeof n&amp;&amp;n instanceof Element))throw new Error(&quot;Invalid argument provided to upgrade MDL element.&quot;);var l=i(&quot;mdl-componentupgrading&quot;,!0,!0);if(n.dispatchEvent(l),!l.defaultPrevented){var o=t(n),r=[];if(a)s(n,a)||r.push(e(a));else{var _=n.classList;c.forEach(function(e){_.contains(e.cssClass)&amp;&amp;r.indexOf(e)===-1&amp;&amp;!s(n,e.className)&amp;&amp;r.push(e)})}for(var d,h=0,u=r.length;h&lt;u;h++){if(d=r[h],!d)throw new Error(&quot;Unable to find a registered component for the given class.&quot;);o.push(d.className),n.setAttribute(&quot;data-upgraded&quot;,o.join(&quot;,&quot;));var E=new d.classConstructor(n);E[C]=d,p.push(E);for(var m=0,L=d.callbacks.length;m&lt;L;m++)d.callbacks[m](n);d.widget&amp;&amp;(n[d.className]=E);var I=i(&quot;mdl-componentupgraded&quot;,!0,!1);n.dispatchEvent(I)}}}function l(e){Array.isArray(e)||(e=e instanceof Element?[e]:Array.prototype.slice.call(e));for(var t,s=0,i=e.length;s&lt;i;s++)t=e[s],t instanceof HTMLElement&amp;&amp;(a(t),t.children.length&gt;0&amp;&amp;l(t.children))}function o(t){var s=&quot;undefined&quot;==typeof t.widget&amp;&amp;&quot;undefined&quot;==typeof t.widget,i=!0;s||(i=t.widget||t.widget);var n={classConstructor:t.constructor||t.constructor,className:t.classAsString||t.classAsString,cssClass:t.cssClass||t.cssClass,widget:i,callbacks:[]};if(c.forEach(function(e){if(e.cssClass===n.cssClass)throw new Error(&quot;The provided cssClass has already been registered: &quot;+e.cssClass);if(e.className===n.className)throw new Error(&quot;The provided className has already been registered&quot;)}),t.constructor.prototype.hasOwnProperty(C))throw new Error(&quot;MDL component classes must not have &quot;+C+&quot; defined as a property.&quot;);var a=e(t.classAsString,n);a||c.push(n)}function r(t,s){var i=e(t);i&amp;&amp;i.callbacks.push(s)}function _(){for(var e=0;e&lt;c.length;e++)n(c[e].className)}function d(e){if(e){var t=p.indexOf(e);p.splice(t,1);var s=e.element_.getAttribute(&quot;data-upgraded&quot;).split(&quot;,&quot;),n=s.indexOf(e[C].classAsString);s.splice(n,1),e.element_.setAttribute(&quot;data-upgraded&quot;,s.join(&quot;,&quot;));var a=i(&quot;mdl-componentdowngraded&quot;,!0,!1);e.element_.dispatchEvent(a)}}function h(e){var t=function(e){p.filter(function(t){return t.element_===e}).forEach(d)};if(e instanceof Array||e instanceof NodeList)for(var s=0;s&lt;e.length;s++)t(e[s]);else{if(!(e instanceof Node))throw new Error(&quot;Invalid argument provided to downgrade MDL nodes.&quot;);t(e)}}var c=[],p=[],C=&quot;mdlComponentConfigInternal_&quot;;return{upgradeDom:n,upgradeElement:a,upgradeElements:l,upgradeAllRegistered:_,registerUpgradedCallback:r,register:o,downgradeElements:h}}(),s.ComponentConfigPublic,s.ComponentConfig,s.Component,s.upgradeDom=s.upgradeDom,s.upgradeElement=s.upgradeElement,s.upgradeElements=s.upgradeElements,s.upgradeAllRegistered=s.upgradeAllRegistered,s.registerUpgradedCallback=s.registerUpgradedCallback,s.register=s.register,s.downgradeElements=s.downgradeElements,window.componentHandler=s,window.componentHandler=s,window.addEventListener(&quot;load&quot;,function(){&quot;classList&quot;in document.createElement(&quot;div&quot;)&amp;&amp;&quot;querySelector&quot;in document&amp;&amp;&quot;addEventListener&quot;in window&amp;&amp;Array.prototype.forEach?(document.documentElement.classList.add(&quot;mdl-js&quot;),s.upgradeAllRegistered()):(s.upgradeElement=function(){},s.register=function(){})}),Date.now||(Date.now=function(){return(new Date).getTime()},Date.now=Date.now);for(var i=[&quot;webkit&quot;,&quot;moz&quot;],n=0;n&lt;i.length&amp;&amp;!window.requestAnimationFrame;++n){var a=i[n];window.requestAnimationFrame=window[a+&quot;RequestAnimationFrame&quot;],window.cancelAnimationFrame=window[a+&quot;CancelAnimationFrame&quot;]||window[a+&quot;CancelRequestAnimationFrame&quot;],window.requestAnimationFrame=window.requestAnimationFrame,window.cancelAnimationFrame=window.cancelAnimationFrame}if(/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent)||!window.requestAnimationFrame||!window.cancelAnimationFrame){var l=0;window.requestAnimationFrame=function(e){var t=Date.now(),s=Math.max(l+16,t);return setTimeout(function(){e(l=s)},s-t)},window.cancelAnimationFrame=clearTimeout,window.requestAnimationFrame=window.requestAnimationFrame,window.cancelAnimationFrame=window.cancelAnimationFrame}var o=function(e){this.element_=e,this.init()};window.MaterialButton=o,o.prototype.Constant_={},o.prototype.CssClasses_={RIPPLE_EFFECT:&quot;mdl-js-ripple-effect&quot;,RIPPLE_CONTAINER:&quot;mdl-button__ripple-container&quot;,RIPPLE:&quot;mdl-ripple&quot;},o.prototype.blurHandler_=function(e){e&amp;&amp;this.element_.blur()},o.prototype.disable=function(){this.element_.disabled=!0},o.prototype.disable=o.prototype.disable,o.prototype.enable=function(){this.element_.disabled=!1},o.prototype.enable=o.prototype.enable,o.prototype.init=function(){if(this.element_){if(this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)){var e=document.createElement(&quot;span&quot;);e.classList.add(this.CssClasses_.RIPPLE_CONTAINER),this.rippleElement_=document.createElement(&quot;span&quot;),this.rippleElement_.classList.add(this.CssClasses_.RIPPLE),e.appendChild(this.rippleElement_),this.boundRippleBlurHandler=this.blurHandler_.bind(this),this.rippleElement_.addEventListener(&quot;mouseup&quot;,this.boundRippleBlurHandler),this.element_.appendChild(e)}this.boundButtonBlurHandler=this.blurHandler_.bind(this),this.element_.addEventListener(&quot;mouseup&quot;,this.boundButtonBlurHandler),this.element_.addEventListener(&quot;mouseleave&quot;,this.boundButtonBlurHandler)}},s.register({constructor:o,classAsString:&quot;MaterialButton&quot;,cssClass:&quot;mdl-js-button&quot;,widget:!0});var r=function(e){this.element_=e,this.init()};window.MaterialCheckbox=r,r.prototype.Constant_={TINY_TIMEOUT:.001},r.prototype.CssClasses_={INPUT:&quot;mdl-checkbox__input&quot;,BOX_OUTLINE:&quot;mdl-checkbox__box-outline&quot;,FOCUS_HELPER:&quot;mdl-checkbox__focus-helper&quot;,TICK_OUTLINE:&quot;mdl-checkbox__tick-outline&quot;,RIPPLE_EFFECT:&quot;mdl-js-ripple-effect&quot;,RIPPLE_IGNORE_EVENTS:&quot;mdl-js-ripple-effect--ignore-events&quot;,RIPPLE_CONTAINER:&quot;mdl-checkbox__ripple-container&quot;,RIPPLE_CENTER:&quot;mdl-ripple--center&quot;,RIPPLE:&quot;mdl-ripple&quot;,IS_FOCUSED:&quot;is-focused&quot;,IS_DISABLED:&quot;is-disabled&quot;,IS_CHECKED:&quot;is-checked&quot;,IS_UPGRADED:&quot;is-upgraded&quot;},r.prototype.onChange_=function(e){this.updateClasses_()},r.prototype.onFocus_=function(e){this.element_.classList.add(this.CssClasses_.IS_FOCUSED)},r.prototype.onBlur_=function(e){this.element_.classList.remove(this.CssClasses_.IS_FOCUSED)},r.prototype.onMouseUp_=function(e){this.blur_()},r.prototype.updateClasses_=function(){this.checkDisabled(),this.checkToggleState()},r.prototype.blur_=function(){window.setTimeout(function(){this.inputElement_.blur()}.bind(this),this.Constant_.TINY_TIMEOUT)},r.prototype.checkToggleState=function(){this.inputElement_.checked?this.element_.classList.add(this.CssClasses_.IS_CHECKED):this.element_.classList.remove(this.CssClasses_.IS_CHECKED)},r.prototype.checkToggleState=r.prototype.checkToggleState,r.prototype.checkDisabled=function(){this.inputElement_.disabled?this.element_.classList.add(this.CssClasses_.IS_DISABLED):this.element_.classList.remove(this.CssClasses_.IS_DISABLED)},r.prototype.checkDisabled=r.prototype.checkDisabled,r.prototype.disable=function(){this.inputElement_.disabled=!0,this.updateClasses_()},r.prototype.disable=r.prototype.disable,r.prototype.enable=function(){this.inputElement_.disabled=!1,this.updateClasses_()},r.prototype.enable=r.prototype.enable,r.prototype.check=function(){this.inputElement_.checked=!0,this.updateClasses_()},r.prototype.check=r.prototype.check,r.prototype.uncheck=function(){this.inputElement_.checked=!1,this.updateClasses_()},r.prototype.uncheck=r.prototype.uncheck,r.prototype.init=function(){if(this.element_){this.inputElement_=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.INPUT);var e=document.createElement(&quot;span&quot;);e.classList.add(this.CssClasses_.BOX_OUTLINE);var t=document.createElement(&quot;span&quot;);t.classList.add(this.CssClasses_.FOCUS_HELPER);var s=document.createElement(&quot;span&quot;);if(s.classList.add(this.CssClasses_.TICK_OUTLINE),e.appendChild(s),this.element_.appendChild(t),this.element_.appendChild(e),this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)){this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS),this.rippleContainerElement_=document.createElement(&quot;span&quot;),this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER),this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_EFFECT),this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER),this.boundRippleMouseUp=this.onMouseUp_.bind(this),this.rippleContainerElement_.addEventListener(&quot;mouseup&quot;,this.boundRippleMouseUp);var i=document.createElement(&quot;span&quot;);i.classList.add(this.CssClasses_.RIPPLE),this.rippleContainerElement_.appendChild(i),this.element_.appendChild(this.rippleContainerElement_)}this.boundInputOnChange=this.onChange_.bind(this),this.boundInputOnFocus=this.onFocus_.bind(this),this.boundInputOnBlur=this.onBlur_.bind(this),this.boundElementMouseUp=this.onMouseUp_.bind(this),this.inputElement_.addEventListener(&quot;change&quot;,this.boundInputOnChange),this.inputElement_.addEventListener(&quot;focus&quot;,this.boundInputOnFocus),this.inputElement_.addEventListener(&quot;blur&quot;,this.boundInputOnBlur),this.element_.addEventListener(&quot;mouseup&quot;,this.boundElementMouseUp),this.updateClasses_(),this.element_.classList.add(this.CssClasses_.IS_UPGRADED)}},s.register({constructor:r,classAsString:&quot;MaterialCheckbox&quot;,cssClass:&quot;mdl-js-checkbox&quot;,widget:!0});var _=function(e){this.element_=e,this.init()};window.MaterialIconToggle=_,_.prototype.Constant_={TINY_TIMEOUT:.001},_.prototype.CssClasses_={INPUT:&quot;mdl-icon-toggle__input&quot;,JS_RIPPLE_EFFECT:&quot;mdl-js-ripple-effect&quot;,RIPPLE_IGNORE_EVENTS:&quot;mdl-js-ripple-effect--ignore-events&quot;,RIPPLE_CONTAINER:&quot;mdl-icon-toggle__ripple-container&quot;,RIPPLE_CENTER:&quot;mdl-ripple--center&quot;,RIPPLE:&quot;mdl-ripple&quot;,IS_FOCUSED:&quot;is-focused&quot;,IS_DISABLED:&quot;is-disabled&quot;,IS_CHECKED:&quot;is-checked&quot;},_.prototype.onChange_=function(e){this.updateClasses_()},_.prototype.onFocus_=function(e){this.element_.classList.add(this.CssClasses_.IS_FOCUSED)},_.prototype.onBlur_=function(e){this.element_.classList.remove(this.CssClasses_.IS_FOCUSED)},_.prototype.onMouseUp_=function(e){this.blur_()},_.prototype.updateClasses_=function(){this.checkDisabled(),this.checkToggleState()},_.prototype.blur_=function(){window.setTimeout(function(){this.inputElement_.blur()}.bind(this),this.Constant_.TINY_TIMEOUT)},_.prototype.checkToggleState=function(){this.inputElement_.checked?this.element_.classList.add(this.CssClasses_.IS_CHECKED):this.element_.classList.remove(this.CssClasses_.IS_CHECKED)},_.prototype.checkToggleState=_.prototype.checkToggleState,_.prototype.checkDisabled=function(){this.inputElement_.disabled?this.element_.classList.add(this.CssClasses_.IS_DISABLED):this.element_.classList.remove(this.CssClasses_.IS_DISABLED)},_.prototype.checkDisabled=_.prototype.checkDisabled,_.prototype.disable=function(){this.inputElement_.disabled=!0,this.updateClasses_()},_.prototype.disable=_.prototype.disable,_.prototype.enable=function(){this.inputElement_.disabled=!1,this.updateClasses_()},_.prototype.enable=_.prototype.enable,_.prototype.check=function(){this.inputElement_.checked=!0,this.updateClasses_()},_.prototype.check=_.prototype.check,_.prototype.uncheck=function(){this.inputElement_.checked=!1,this.updateClasses_()},_.prototype.uncheck=_.prototype.uncheck,_.prototype.init=function(){if(this.element_){if(this.inputElement_=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.INPUT),this.element_.classList.contains(this.CssClasses_.JS_RIPPLE_EFFECT)){this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS),this.rippleContainerElement_=document.createElement(&quot;span&quot;),this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER),this.rippleContainerElement_.classList.add(this.CssClasses_.JS_RIPPLE_EFFECT),this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER),this.boundRippleMouseUp=this.onMouseUp_.bind(this),this.rippleContainerElement_.addEventListener(&quot;mouseup&quot;,this.boundRippleMouseUp);var e=document.createElement(&quot;span&quot;);e.classList.add(this.CssClasses_.RIPPLE),this.rippleContainerElement_.appendChild(e),this.element_.appendChild(this.rippleContainerElement_)}this.boundInputOnChange=this.onChange_.bind(this),this.boundInputOnFocus=this.onFocus_.bind(this),this.boundInputOnBlur=this.onBlur_.bind(this),this.boundElementOnMouseUp=this.onMouseUp_.bind(this),this.inputElement_.addEventListener(&quot;change&quot;,this.boundInputOnChange),this.inputElement_.addEventListener(&quot;focus&quot;,this.boundInputOnFocus),this.inputElement_.addEventListener(&quot;blur&quot;,this.boundInputOnBlur),this.element_.addEventListener(&quot;mouseup&quot;,this.boundElementOnMouseUp),this.updateClasses_(),this.element_.classList.add(&quot;is-upgraded&quot;)}},s.register({constructor:_,classAsString:&quot;MaterialIconToggle&quot;,cssClass:&quot;mdl-js-icon-toggle&quot;,widget:!0});var d=function(e){this.element_=e,this.init()};window.MaterialMenu=d,d.prototype.Constant_={TRANSITION_DURATION_SECONDS:.3,TRANSITION_DURATION_FRACTION:.8,CLOSE_TIMEOUT:150},d.prototype.Keycodes_={ENTER:13,ESCAPE:27,SPACE:32,UP_ARROW:38,DOWN_ARROW:40},d.prototype.CssClasses_={CONTAINER:&quot;mdl-menu__container&quot;,OUTLINE:&quot;mdl-menu__outline&quot;,ITEM:&quot;mdl-menu__item&quot;,ITEM_RIPPLE_CONTAINER:&quot;mdl-menu__item-ripple-container&quot;,RIPPLE_EFFECT:&quot;mdl-js-ripple-effect&quot;,RIPPLE_IGNORE_EVENTS:&quot;mdl-js-ripple-effect--ignore-events&quot;,RIPPLE:&quot;mdl-ripple&quot;,IS_UPGRADED:&quot;is-upgraded&quot;,IS_VISIBLE:&quot;is-visible&quot;,IS_ANIMATING:&quot;is-animating&quot;,BOTTOM_LEFT:&quot;mdl-menu--bottom-left&quot;,BOTTOM_RIGHT:&quot;mdl-menu--bottom-right&quot;,TOP_LEFT:&quot;mdl-menu--top-left&quot;,TOP_RIGHT:&quot;mdl-menu--top-right&quot;,UNALIGNED:&quot;mdl-menu--unaligned&quot;},d.prototype.init=function(){if(this.element_){var e=document.createElement(&quot;div&quot;);e.classList.add(this.CssClasses_.CONTAINER),this.element_.parentElement.insertBefore(e,this.element_),this.element_.parentElement.removeChild(this.element_),e.appendChild(this.element_),this.container_=e;var t=document.createElement(&quot;div&quot;);t.classList.add(this.CssClasses_.OUTLINE),this.outline_=t,e.insertBefore(t,this.element_);var s=this.element_.getAttribute(&quot;for&quot;)||this.element_.getAttribute(&quot;data-mdl-for&quot;),i=null;s&amp;&amp;(i=document.getElementById(s),i&amp;&amp;(this.forElement_=i,i.addEventListener(&quot;click&quot;,this.handleForClick_.bind(this)),i.addEventListener(&quot;keydown&quot;,this.handleForKeyboardEvent_.bind(this))));var n=this.element_.querySelectorAll(&quot;.&quot;+this.CssClasses_.ITEM);this.boundItemKeydown_=this.handleItemKeyboardEvent_.bind(this),this.boundItemClick_=this.handleItemClick_.bind(this);for(var a=0;a&lt;n.length;a++)n[a].addEventListener(&quot;click&quot;,this.boundItemClick_),n[a].tabIndex=&quot;-1&quot;,n[a].addEventListener(&quot;keydown&quot;,this.boundItemKeydown_);if(this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT))for(this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS),a=0;a&lt;n.length;a++){var l=n[a],o=document.createElement(&quot;span&quot;);o.classList.add(this.CssClasses_.ITEM_RIPPLE_CONTAINER);var r=document.createElement(&quot;span&quot;);r.classList.add(this.CssClasses_.RIPPLE),o.appendChild(r),l.appendChild(o),l.classList.add(this.CssClasses_.RIPPLE_EFFECT)}this.element_.classList.contains(this.CssClasses_.BOTTOM_LEFT)&amp;&amp;this.outline_.classList.add(this.CssClasses_.BOTTOM_LEFT),this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)&amp;&amp;this.outline_.classList.add(this.CssClasses_.BOTTOM_RIGHT),this.element_.classList.contains(this.CssClasses_.TOP_LEFT)&amp;&amp;this.outline_.classList.add(this.CssClasses_.TOP_LEFT),this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)&amp;&amp;this.outline_.classList.add(this.CssClasses_.TOP_RIGHT),this.element_.classList.contains(this.CssClasses_.UNALIGNED)&amp;&amp;this.outline_.classList.add(this.CssClasses_.UNALIGNED),e.classList.add(this.CssClasses_.IS_UPGRADED)}},d.prototype.handleForClick_=function(e){if(this.element_&amp;&amp;this.forElement_){var t=this.forElement_.getBoundingClientRect(),s=this.forElement_.parentElement.getBoundingClientRect();this.element_.classList.contains(this.CssClasses_.UNALIGNED)||(this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)?(this.container_.style.right=s.right-t.right+&quot;px&quot;,this.container_.style.top=this.forElement_.offsetTop+this.forElement_.offsetHeight+&quot;px&quot;):this.element_.classList.contains(this.CssClasses_.TOP_LEFT)?(this.container_.style.left=this.forElement_.offsetLeft+&quot;px&quot;,this.container_.style.bottom=s.bottom-t.top+&quot;px&quot;):this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)?(this.container_.style.right=s.right-t.right+&quot;px&quot;,this.container_.style.bottom=s.bottom-t.top+&quot;px&quot;):(this.container_.style.left=this.forElement_.offsetLeft+&quot;px&quot;,this.container_.style.top=this.forElement_.offsetTop+this.forElement_.offsetHeight+&quot;px&quot;))}this.toggle(e)},d.prototype.handleForKeyboardEvent_=function(e){if(this.element_&amp;&amp;this.container_&amp;&amp;this.forElement_){var t=this.element_.querySelectorAll(&quot;.&quot;+this.CssClasses_.ITEM+&quot;:not([disabled])&quot;);t&amp;&amp;t.length&gt;0&amp;&amp;this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)&amp;&amp;(e.keyCode===this.Keycodes_.UP_ARROW?(e.preventDefault(),t[t.length-1].focus()):e.keyCode===this.Keycodes_.DOWN_ARROW&amp;&amp;(e.preventDefault(),t[0].focus()))}},d.prototype.handleItemKeyboardEvent_=function(e){if(this.element_&amp;&amp;this.container_){var t=this.element_.querySelectorAll(&quot;.&quot;+this.CssClasses_.ITEM+&quot;:not([disabled])&quot;);if(t&amp;&amp;t.length&gt;0&amp;&amp;this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)){var s=Array.prototype.slice.call(t).indexOf(e.target);if(e.keyCode===this.Keycodes_.UP_ARROW)e.preventDefault(),s&gt;0?t[s-1].focus():t[t.length-1].focus();else if(e.keyCode===this.Keycodes_.DOWN_ARROW)e.preventDefault(),t.length&gt;s+1?t[s+1].focus():t[0].focus();else if(e.keyCode===this.Keycodes_.SPACE||e.keyCode===this.Keycodes_.ENTER){e.preventDefault();var i=new MouseEvent(&quot;mousedown&quot;);e.target.dispatchEvent(i),i=new MouseEvent(&quot;mouseup&quot;),e.target.dispatchEvent(i),e.target.click()}else e.keyCode===this.Keycodes_.ESCAPE&amp;&amp;(e.preventDefault(),this.hide())}}},d.prototype.handleItemClick_=function(e){e.target.hasAttribute(&quot;disabled&quot;)?e.stopPropagation():(this.closing_=!0,window.setTimeout(function(e){this.hide(),this.closing_=!1}.bind(this),this.Constant_.CLOSE_TIMEOUT))},d.prototype.applyClip_=function(e,t){this.element_.classList.contains(this.CssClasses_.UNALIGNED)?this.element_.style.clip=&quot;&quot;:this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)?this.element_.style.clip=&quot;rect(0 &quot;+t+&quot;px 0 &quot;+t+&quot;px)&quot;:this.element_.classList.contains(this.CssClasses_.TOP_LEFT)?this.element_.style.clip=&quot;rect(&quot;+e+&quot;px 0 &quot;+e+&quot;px 0)&quot;:this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)?this.element_.style.clip=&quot;rect(&quot;+e+&quot;px &quot;+t+&quot;px &quot;+e+&quot;px &quot;+t+&quot;px)&quot;:this.element_.style.clip=&quot;&quot;},d.prototype.removeAnimationEndListener_=function(e){e.target.classList.remove(d.prototype.CssClasses_.IS_ANIMATING)},d.prototype.addAnimationEndListener_=function(){this.element_.addEventListener(&quot;transitionend&quot;,this.removeAnimationEndListener_),this.element_.addEventListener(&quot;webkitTransitionEnd&quot;,this.removeAnimationEndListener_)},d.prototype.show=function(e){if(this.element_&amp;&amp;this.container_&amp;&amp;this.outline_){var t=this.element_.getBoundingClientRect().height,s=this.element_.getBoundingClientRect().width;this.container_.style.width=s+&quot;px&quot;,this.container_.style.height=t+&quot;px&quot;,this.outline_.style.width=s+&quot;px&quot;,this.outline_.style.height=t+&quot;px&quot;;for(var i=this.Constant_.TRANSITION_DURATION_SECONDS*this.Constant_.TRANSITION_DURATION_FRACTION,n=this.element_.querySelectorAll(&quot;.&quot;+this.CssClasses_.ITEM),a=0;a&lt;n.length;a++){var l=null;l=this.element_.classList.contains(this.CssClasses_.TOP_LEFT)||this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)?(t-n[a].offsetTop-n[a].offsetHeight)/t*i+&quot;s&quot;:n[a].offsetTop/t*i+&quot;s&quot;,n[a].style.transitionDelay=l}this.applyClip_(t,s),window.requestAnimationFrame(function(){this.element_.classList.add(this.CssClasses_.IS_ANIMATING),this.element_.style.clip=&quot;rect(0 &quot;+s+&quot;px &quot;+t+&quot;px 0)&quot;,this.container_.classList.add(this.CssClasses_.IS_VISIBLE)}.bind(this)),this.addAnimationEndListener_();var o=function(t){t===e||this.closing_||t.target.parentNode===this.element_||(document.removeEventListener(&quot;click&quot;,o),this.hide())}.bind(this);document.addEventListener(&quot;click&quot;,o)}},d.prototype.show=d.prototype.show,d.prototype.hide=function(){if(this.element_&amp;&amp;this.container_&amp;&amp;this.outline_){for(var e=this.element_.querySelectorAll(&quot;.&quot;+this.CssClasses_.ITEM),t=0;t&lt;e.length;t++)e[t].style.removeProperty(&quot;transition-delay&quot;);var s=this.element_.getBoundingClientRect(),i=s.height,n=s.width;this.element_.classList.add(this.CssClasses_.IS_ANIMATING),this.applyClip_(i,n),this.container_.classList.remove(this.CssClasses_.IS_VISIBLE),this.addAnimationEndListener_()}},d.prototype.hide=d.prototype.hide,d.prototype.toggle=function(e){this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)?this.hide():this.show(e)},d.prototype.toggle=d.prototype.toggle,s.register({constructor:d,classAsString:&quot;MaterialMenu&quot;,cssClass:&quot;mdl-js-menu&quot;,widget:!0});var h=function(e){this.element_=e,this.init()};window.MaterialProgress=h,h.prototype.Constant_={},h.prototype.CssClasses_={INDETERMINATE_CLASS:&quot;mdl-progress__indeterminate&quot;},h.prototype.setProgress=function(e){this.element_.classList.contains(this.CssClasses_.INDETERMINATE_CLASS)||(this.progressbar_.style.width=e+&quot;%&quot;)},h.prototype.setProgress=h.prototype.setProgress,h.prototype.setBuffer=function(e){this.bufferbar_.style.width=e+&quot;%&quot;,this.auxbar_.style.width=100-e+&quot;%&quot;},h.prototype.setBuffer=h.prototype.setBuffer,h.prototype.init=function(){if(this.element_){var e=document.createElement(&quot;div&quot;);e.className=&quot;progressbar bar bar1&quot;,this.element_.appendChild(e),this.progressbar_=e,e=document.createElement(&quot;div&quot;),e.className=&quot;bufferbar bar bar2&quot;,this.element_.appendChild(e),this.bufferbar_=e,e=document.createElement(&quot;div&quot;),e.className=&quot;auxbar bar bar3&quot;,this.element_.appendChild(e),this.auxbar_=e,this.progressbar_.style.width=&quot;0%&quot;,this.bufferbar_.style.width=&quot;100%&quot;,this.auxbar_.style.width=&quot;0%&quot;,this.element_.classList.add(&quot;is-upgraded&quot;)}},s.register({constructor:h,classAsString:&quot;MaterialProgress&quot;,cssClass:&quot;mdl-js-progress&quot;,widget:!0});var c=function(e){this.element_=e,this.init()};window.MaterialRadio=c,c.prototype.Constant_={TINY_TIMEOUT:.001},c.prototype.CssClasses_={IS_FOCUSED:&quot;is-focused&quot;,IS_DISABLED:&quot;is-disabled&quot;,IS_CHECKED:&quot;is-checked&quot;,IS_UPGRADED:&quot;is-upgraded&quot;,JS_RADIO:&quot;mdl-js-radio&quot;,RADIO_BTN:&quot;mdl-radio__button&quot;,RADIO_OUTER_CIRCLE:&quot;mdl-radio__outer-circle&quot;,RADIO_INNER_CIRCLE:&quot;mdl-radio__inner-circle&quot;,RIPPLE_EFFECT:&quot;mdl-js-ripple-effect&quot;,RIPPLE_IGNORE_EVENTS:&quot;mdl-js-ripple-effect--ignore-events&quot;,RIPPLE_CONTAINER:&quot;mdl-radio__ripple-container&quot;,RIPPLE_CENTER:&quot;mdl-ripple--center&quot;,RIPPLE:&quot;mdl-ripple&quot;},c.prototype.onChange_=function(e){for(var t=document.getElementsByClassName(this.CssClasses_.JS_RADIO),s=0;s&lt;t.length;s++){var i=t[s].querySelector(&quot;.&quot;+this.CssClasses_.RADIO_BTN);i.getAttribute(&quot;name&quot;)===this.btnElement_.getAttribute(&quot;name&quot;)&amp;&amp;&quot;undefined&quot;!=typeof t[s].MaterialRadio&amp;&amp;t[s].MaterialRadio.updateClasses_()}},c.prototype.onFocus_=function(e){this.element_.classList.add(this.CssClasses_.IS_FOCUSED)},c.prototype.onBlur_=function(e){this.element_.classList.remove(this.CssClasses_.IS_FOCUSED)},c.prototype.onMouseup_=function(e){this.blur_()},c.prototype.updateClasses_=function(){this.checkDisabled(),this.checkToggleState()},c.prototype.blur_=function(){window.setTimeout(function(){this.btnElement_.blur()}.bind(this),this.Constant_.TINY_TIMEOUT)},c.prototype.checkDisabled=function(){this.btnElement_.disabled?this.element_.classList.add(this.CssClasses_.IS_DISABLED):this.element_.classList.remove(this.CssClasses_.IS_DISABLED)},c.prototype.checkDisabled=c.prototype.checkDisabled,c.prototype.checkToggleState=function(){this.btnElement_.checked?this.element_.classList.add(this.CssClasses_.IS_CHECKED):this.element_.classList.remove(this.CssClasses_.IS_CHECKED)},c.prototype.checkToggleState=c.prototype.checkToggleState,c.prototype.disable=function(){this.btnElement_.disabled=!0,this.updateClasses_()},c.prototype.disable=c.prototype.disable,c.prototype.enable=function(){this.btnElement_.disabled=!1,this.updateClasses_()},c.prototype.enable=c.prototype.enable,c.prototype.check=function(){this.btnElement_.checked=!0,this.onChange_(null)},c.prototype.check=c.prototype.check,c.prototype.uncheck=function(){this.btnElement_.checked=!1,this.onChange_(null)},c.prototype.uncheck=c.prototype.uncheck,c.prototype.init=function(){if(this.element_){this.btnElement_=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.RADIO_BTN),this.boundChangeHandler_=this.onChange_.bind(this),this.boundFocusHandler_=this.onChange_.bind(this),this.boundBlurHandler_=this.onBlur_.bind(this),this.boundMouseUpHandler_=this.onMouseup_.bind(this);var e=document.createElement(&quot;span&quot;);e.classList.add(this.CssClasses_.RADIO_OUTER_CIRCLE);var t=document.createElement(&quot;span&quot;);t.classList.add(this.CssClasses_.RADIO_INNER_CIRCLE),this.element_.appendChild(e),this.element_.appendChild(t);var s;if(this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)){this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS),s=document.createElement(&quot;span&quot;),s.classList.add(this.CssClasses_.RIPPLE_CONTAINER),s.classList.add(this.CssClasses_.RIPPLE_EFFECT),s.classList.add(this.CssClasses_.RIPPLE_CENTER),s.addEventListener(&quot;mouseup&quot;,this.boundMouseUpHandler_);var i=document.createElement(&quot;span&quot;);i.classList.add(this.CssClasses_.RIPPLE),s.appendChild(i),this.element_.appendChild(s)}this.btnElement_.addEventListener(&quot;change&quot;,this.boundChangeHandler_),this.btnElement_.addEventListener(&quot;focus&quot;,this.boundFocusHandler_),this.btnElement_.addEventListener(&quot;blur&quot;,this.boundBlurHandler_),this.element_.addEventListener(&quot;mouseup&quot;,this.boundMouseUpHandler_),this.updateClasses_(),this.element_.classList.add(this.CssClasses_.IS_UPGRADED)}},s.register({constructor:c,classAsString:&quot;MaterialRadio&quot;,cssClass:&quot;mdl-js-radio&quot;,widget:!0});var p=function(e){this.element_=e,this.isIE_=window.navigator.msPointerEnabled,this.init()};window.MaterialSlider=p,p.prototype.Constant_={},p.prototype.CssClasses_={IE_CONTAINER:&quot;mdl-slider__ie-container&quot;,SLIDER_CONTAINER:&quot;mdl-slider__container&quot;,BACKGROUND_FLEX:&quot;mdl-slider__background-flex&quot;,BACKGROUND_LOWER:&quot;mdl-slider__background-lower&quot;,BACKGROUND_UPPER:&quot;mdl-slider__background-upper&quot;,IS_LOWEST_VALUE:&quot;is-lowest-value&quot;,IS_UPGRADED:&quot;is-upgraded&quot;},p.prototype.onInput_=function(e){this.updateValueStyles_()},p.prototype.onChange_=function(e){this.updateValueStyles_()},p.prototype.onMouseUp_=function(e){e.target.blur()},p.prototype.onContainerMouseDown_=function(e){if(e.target===this.element_.parentElement){e.preventDefault();var t=new MouseEvent(&quot;mousedown&quot;,{target:e.target,buttons:e.buttons,clientX:e.clientX,clientY:this.element_.getBoundingClientRect().y});this.element_.dispatchEvent(t)}},p.prototype.updateValueStyles_=function(){var e=(this.element_.value-this.element_.min)/(this.element_.max-this.element_.min);0===e?this.element_.classList.add(this.CssClasses_.IS_LOWEST_VALUE):this.element_.classList.remove(this.CssClasses_.IS_LOWEST_VALUE),this.isIE_||(this.backgroundLower_.style.flex=e,this.backgroundLower_.style.webkitFlex=e,this.backgroundUpper_.style.flex=1-e,this.backgroundUpper_.style.webkitFlex=1-e)},p.prototype.disable=function(){this.element_.disabled=!0},p.prototype.disable=p.prototype.disable,p.prototype.enable=function(){this.element_.disabled=!1},p.prototype.enable=p.prototype.enable,p.prototype.change=function(e){&quot;undefined&quot;!=typeof e&amp;&amp;(this.element_.value=e),this.updateValueStyles_()},p.prototype.change=p.prototype.change,p.prototype.init=function(){if(this.element_){if(this.isIE_){var e=document.createElement(&quot;div&quot;);e.classList.add(this.CssClasses_.IE_CONTAINER),this.element_.parentElement.insertBefore(e,this.element_),this.element_.parentElement.removeChild(this.element_),e.appendChild(this.element_)}else{var t=document.createElement(&quot;div&quot;);t.classList.add(this.CssClasses_.SLIDER_CONTAINER),this.element_.parentElement.insertBefore(t,this.element_),this.element_.parentElement.removeChild(this.element_),t.appendChild(this.element_);var s=document.createElement(&quot;div&quot;);s.classList.add(this.CssClasses_.BACKGROUND_FLEX),t.appendChild(s),this.backgroundLower_=document.createElement(&quot;div&quot;),this.backgroundLower_.classList.add(this.CssClasses_.BACKGROUND_LOWER),s.appendChild(this.backgroundLower_),this.backgroundUpper_=document.createElement(&quot;div&quot;),this.backgroundUpper_.classList.add(this.CssClasses_.BACKGROUND_UPPER),s.appendChild(this.backgroundUpper_)}this.boundInputHandler=this.onInput_.bind(this),this.boundChangeHandler=this.onChange_.bind(this),this.boundMouseUpHandler=this.onMouseUp_.bind(this),this.boundContainerMouseDownHandler=this.onContainerMouseDown_.bind(this),this.element_.addEventListener(&quot;input&quot;,this.boundInputHandler),this.element_.addEventListener(&quot;change&quot;,this.boundChangeHandler),this.element_.addEventListener(&quot;mouseup&quot;,this.boundMouseUpHandler),this.element_.parentElement.addEventListener(&quot;mousedown&quot;,this.boundContainerMouseDownHandler),this.updateValueStyles_(),this.element_.classList.add(this.CssClasses_.IS_UPGRADED)}},s.register({constructor:p,classAsString:&quot;MaterialSlider&quot;,cssClass:&quot;mdl-js-slider&quot;,widget:!0});var C=function(e){if(this.element_=e,this.textElement_=this.element_.querySelector(&quot;.&quot;+this.cssClasses_.MESSAGE),this.actionElement_=this.element_.querySelector(&quot;.&quot;+this.cssClasses_.ACTION),!this.textElement_)throw new Error(&quot;There must be a message element for a snackbar.&quot;);if(!this.actionElement_)throw new Error(&quot;There must be an action element for a snackbar.&quot;);this.active=!1,this.actionHandler_=void 0,this.message_=void 0,this.actionText_=void 0,this.queuedNotifications_=[],this.setActionHidden_(!0)};window.MaterialSnackbar=C,C.prototype.Constant_={ANIMATION_LENGTH:250},C.prototype.cssClasses_={SNACKBAR:&quot;mdl-snackbar&quot;,MESSAGE:&quot;mdl-snackbar__text&quot;,ACTION:&quot;mdl-snackbar__action&quot;,ACTIVE:&quot;mdl-snackbar--active&quot;},C.prototype.displaySnackbar_=function(){this.element_.setAttribute(&quot;aria-hidden&quot;,&quot;true&quot;),

Line No.-701: this.actionHandler_&amp;&amp;(this.actionElement_.textContent=this.actionText_,this.actionElement_.addEventListener(&quot;click&quot;,this.actionHandler_),this.setActionHidden_(!1)),this.textElement_.textContent=this.message_,this.element_.classList.add(this.cssClasses_.ACTIVE),this.element_.setAttribute(&quot;aria-hidden&quot;,&quot;false&quot;),setTimeout(this.cleanup_.bind(this),this.timeout_)},C.prototype.showSnackbar=function(e){if(void 0===e)throw new Error(&quot;Please provide a data object with at least a message to display.&quot;);if(void 0===e.message)throw new Error(&quot;Please provide a message to be displayed.&quot;);if(e.actionHandler&amp;&amp;!e.actionText)throw new Error(&quot;Please provide action text with the handler.&quot;);this.active?this.queuedNotifications_.push(e):(this.active=!0,this.message_=e.message,e.timeout?this.timeout_=e.timeout:this.timeout_=2750,e.actionHandler&amp;&amp;(this.actionHandler_=e.actionHandler),e.actionText&amp;&amp;(this.actionText_=e.actionText),this.displaySnackbar_())},C.prototype.showSnackbar=C.prototype.showSnackbar,C.prototype.checkQueue_=function(){this.queuedNotifications_.length&gt;0&amp;&amp;this.showSnackbar(this.queuedNotifications_.shift())},C.prototype.cleanup_=function(){this.element_.classList.remove(this.cssClasses_.ACTIVE),setTimeout(function(){this.element_.setAttribute(&quot;aria-hidden&quot;,&quot;true&quot;),this.textElement_.textContent=&quot;&quot;,Boolean(this.actionElement_.getAttribute(&quot;aria-hidden&quot;))||(this.setActionHidden_(!0),this.actionElement_.textContent=&quot;&quot;,this.actionElement_.removeEventListener(&quot;click&quot;,this.actionHandler_)),this.actionHandler_=void 0,this.message_=void 0,this.actionText_=void 0,this.active=!1,this.checkQueue_()}.bind(this),this.Constant_.ANIMATION_LENGTH)},C.prototype.setActionHidden_=function(e){e?this.actionElement_.setAttribute(&quot;aria-hidden&quot;,&quot;true&quot;):this.actionElement_.removeAttribute(&quot;aria-hidden&quot;)},s.register({constructor:C,classAsString:&quot;MaterialSnackbar&quot;,cssClass:&quot;mdl-js-snackbar&quot;,widget:!0});var u=function(e){this.element_=e,this.init()};window.MaterialSpinner=u,u.prototype.Constant_={MDL_SPINNER_LAYER_COUNT:4},u.prototype.CssClasses_={MDL_SPINNER_LAYER:&quot;mdl-spinner__layer&quot;,MDL_SPINNER_CIRCLE_CLIPPER:&quot;mdl-spinner__circle-clipper&quot;,MDL_SPINNER_CIRCLE:&quot;mdl-spinner__circle&quot;,MDL_SPINNER_GAP_PATCH:&quot;mdl-spinner__gap-patch&quot;,MDL_SPINNER_LEFT:&quot;mdl-spinner__left&quot;,MDL_SPINNER_RIGHT:&quot;mdl-spinner__right&quot;},u.prototype.createLayer=function(e){var t=document.createElement(&quot;div&quot;);t.classList.add(this.CssClasses_.MDL_SPINNER_LAYER),t.classList.add(this.CssClasses_.MDL_SPINNER_LAYER+&quot;-&quot;+e);var s=document.createElement(&quot;div&quot;);s.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE_CLIPPER),s.classList.add(this.CssClasses_.MDL_SPINNER_LEFT);var i=document.createElement(&quot;div&quot;);i.classList.add(this.CssClasses_.MDL_SPINNER_GAP_PATCH);var n=document.createElement(&quot;div&quot;);n.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE_CLIPPER),n.classList.add(this.CssClasses_.MDL_SPINNER_RIGHT);for(var a=[s,i,n],l=0;l&lt;a.length;l++){var o=document.createElement(&quot;div&quot;);o.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE),a[l].appendChild(o)}t.appendChild(s),t.appendChild(i),t.appendChild(n),this.element_.appendChild(t)},u.prototype.createLayer=u.prototype.createLayer,u.prototype.stop=function(){this.element_.classList.remove(&quot;is-active&quot;)},u.prototype.stop=u.prototype.stop,u.prototype.start=function(){this.element_.classList.add(&quot;is-active&quot;)},u.prototype.start=u.prototype.start,u.prototype.init=function(){if(this.element_){for(var e=1;e&lt;=this.Constant_.MDL_SPINNER_LAYER_COUNT;e++)this.createLayer(e);this.element_.classList.add(&quot;is-upgraded&quot;)}},s.register({constructor:u,classAsString:&quot;MaterialSpinner&quot;,cssClass:&quot;mdl-js-spinner&quot;,widget:!0});var E=function(e){this.element_=e,this.init()};window.MaterialSwitch=E,E.prototype.Constant_={TINY_TIMEOUT:.001},E.prototype.CssClasses_={INPUT:&quot;mdl-switch__input&quot;,TRACK:&quot;mdl-switch__track&quot;,THUMB:&quot;mdl-switch__thumb&quot;,FOCUS_HELPER:&quot;mdl-switch__focus-helper&quot;,RIPPLE_EFFECT:&quot;mdl-js-ripple-effect&quot;,RIPPLE_IGNORE_EVENTS:&quot;mdl-js-ripple-effect--ignore-events&quot;,RIPPLE_CONTAINER:&quot;mdl-switch__ripple-container&quot;,RIPPLE_CENTER:&quot;mdl-ripple--center&quot;,RIPPLE:&quot;mdl-ripple&quot;,IS_FOCUSED:&quot;is-focused&quot;,IS_DISABLED:&quot;is-disabled&quot;,IS_CHECKED:&quot;is-checked&quot;},E.prototype.onChange_=function(e){this.updateClasses_()},E.prototype.onFocus_=function(e){this.element_.classList.add(this.CssClasses_.IS_FOCUSED)},E.prototype.onBlur_=function(e){this.element_.classList.remove(this.CssClasses_.IS_FOCUSED)},E.prototype.onMouseUp_=function(e){this.blur_()},E.prototype.updateClasses_=function(){this.checkDisabled(),this.checkToggleState()},E.prototype.blur_=function(){window.setTimeout(function(){this.inputElement_.blur()}.bind(this),this.Constant_.TINY_TIMEOUT)},E.prototype.checkDisabled=function(){this.inputElement_.disabled?this.element_.classList.add(this.CssClasses_.IS_DISABLED):this.element_.classList.remove(this.CssClasses_.IS_DISABLED)},E.prototype.checkDisabled=E.prototype.checkDisabled,E.prototype.checkToggleState=function(){this.inputElement_.checked?this.element_.classList.add(this.CssClasses_.IS_CHECKED):this.element_.classList.remove(this.CssClasses_.IS_CHECKED)},E.prototype.checkToggleState=E.prototype.checkToggleState,E.prototype.disable=function(){this.inputElement_.disabled=!0,this.updateClasses_()},E.prototype.disable=E.prototype.disable,E.prototype.enable=function(){this.inputElement_.disabled=!1,this.updateClasses_()},E.prototype.enable=E.prototype.enable,E.prototype.on=function(){this.inputElement_.checked=!0,this.updateClasses_()},E.prototype.on=E.prototype.on,E.prototype.off=function(){this.inputElement_.checked=!1,this.updateClasses_()},E.prototype.off=E.prototype.off,E.prototype.init=function(){if(this.element_){this.inputElement_=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.INPUT);var e=document.createElement(&quot;div&quot;);e.classList.add(this.CssClasses_.TRACK);var t=document.createElement(&quot;div&quot;);t.classList.add(this.CssClasses_.THUMB);var s=document.createElement(&quot;span&quot;);if(s.classList.add(this.CssClasses_.FOCUS_HELPER),t.appendChild(s),this.element_.appendChild(e),this.element_.appendChild(t),this.boundMouseUpHandler=this.onMouseUp_.bind(this),this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)){this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS),this.rippleContainerElement_=document.createElement(&quot;span&quot;),this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER),this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_EFFECT),this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER),this.rippleContainerElement_.addEventListener(&quot;mouseup&quot;,this.boundMouseUpHandler);var i=document.createElement(&quot;span&quot;);i.classList.add(this.CssClasses_.RIPPLE),this.rippleContainerElement_.appendChild(i),this.element_.appendChild(this.rippleContainerElement_)}this.boundChangeHandler=this.onChange_.bind(this),this.boundFocusHandler=this.onFocus_.bind(this),this.boundBlurHandler=this.onBlur_.bind(this),this.inputElement_.addEventListener(&quot;change&quot;,this.boundChangeHandler),this.inputElement_.addEventListener(&quot;focus&quot;,this.boundFocusHandler),this.inputElement_.addEventListener(&quot;blur&quot;,this.boundBlurHandler),this.element_.addEventListener(&quot;mouseup&quot;,this.boundMouseUpHandler),this.updateClasses_(),this.element_.classList.add(&quot;is-upgraded&quot;)}},s.register({constructor:E,classAsString:&quot;MaterialSwitch&quot;,cssClass:&quot;mdl-js-switch&quot;,widget:!0});var m=function(e){this.element_=e,this.init()};window.MaterialTabs=m,m.prototype.Constant_={},m.prototype.CssClasses_={TAB_CLASS:&quot;mdl-tabs__tab&quot;,PANEL_CLASS:&quot;mdl-tabs__panel&quot;,ACTIVE_CLASS:&quot;is-active&quot;,UPGRADED_CLASS:&quot;is-upgraded&quot;,MDL_JS_RIPPLE_EFFECT:&quot;mdl-js-ripple-effect&quot;,MDL_RIPPLE_CONTAINER:&quot;mdl-tabs__ripple-container&quot;,MDL_RIPPLE:&quot;mdl-ripple&quot;,MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS:&quot;mdl-js-ripple-effect--ignore-events&quot;},m.prototype.initTabs_=function(){this.element_.classList.contains(this.CssClasses_.MDL_JS_RIPPLE_EFFECT)&amp;&amp;this.element_.classList.add(this.CssClasses_.MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS),this.tabs_=this.element_.querySelectorAll(&quot;.&quot;+this.CssClasses_.TAB_CLASS),this.panels_=this.element_.querySelectorAll(&quot;.&quot;+this.CssClasses_.PANEL_CLASS);for(var t=0;t&lt;this.tabs_.length;t++)new e(this.tabs_[t],this);this.element_.classList.add(this.CssClasses_.UPGRADED_CLASS)},m.prototype.resetTabState_=function(){for(var e=0;e&lt;this.tabs_.length;e++)this.tabs_[e].classList.remove(this.CssClasses_.ACTIVE_CLASS)},m.prototype.resetPanelState_=function(){for(var e=0;e&lt;this.panels_.length;e++)this.panels_[e].classList.remove(this.CssClasses_.ACTIVE_CLASS)},m.prototype.init=function(){this.element_&amp;&amp;this.initTabs_()},s.register({constructor:m,classAsString:&quot;MaterialTabs&quot;,cssClass:&quot;mdl-js-tabs&quot;});var L=function(e){this.element_=e,this.maxRows=this.Constant_.NO_MAX_ROWS,this.init()};window.MaterialTextfield=L,L.prototype.Constant_={NO_MAX_ROWS:-1,MAX_ROWS_ATTRIBUTE:&quot;maxrows&quot;},L.prototype.CssClasses_={LABEL:&quot;mdl-textfield__label&quot;,INPUT:&quot;mdl-textfield__input&quot;,IS_DIRTY:&quot;is-dirty&quot;,IS_FOCUSED:&quot;is-focused&quot;,IS_DISABLED:&quot;is-disabled&quot;,IS_INVALID:&quot;is-invalid&quot;,IS_UPGRADED:&quot;is-upgraded&quot;,HAS_PLACEHOLDER:&quot;has-placeholder&quot;},L.prototype.onKeyDown_=function(e){var t=e.target.value.split(&quot;\n&quot;).length;13===e.keyCode&amp;&amp;t&gt;=this.maxRows&amp;&amp;e.preventDefault()},L.prototype.onFocus_=function(e){this.element_.classList.add(this.CssClasses_.IS_FOCUSED)},L.prototype.onBlur_=function(e){this.element_.classList.remove(this.CssClasses_.IS_FOCUSED)},L.prototype.onReset_=function(e){this.updateClasses_()},L.prototype.updateClasses_=function(){this.checkDisabled(),this.checkValidity(),this.checkDirty(),this.checkFocus()},L.prototype.checkDisabled=function(){this.input_.disabled?this.element_.classList.add(this.CssClasses_.IS_DISABLED):this.element_.classList.remove(this.CssClasses_.IS_DISABLED)},L.prototype.checkDisabled=L.prototype.checkDisabled,L.prototype.checkFocus=function(){Boolean(this.element_.querySelector(&quot;:focus&quot;))?this.element_.classList.add(this.CssClasses_.IS_FOCUSED):this.element_.classList.remove(this.CssClasses_.IS_FOCUSED)},L.prototype.checkFocus=L.prototype.checkFocus,L.prototype.checkValidity=function(){this.input_.validity&amp;&amp;(this.input_.validity.valid?this.element_.classList.remove(this.CssClasses_.IS_INVALID):this.element_.classList.add(this.CssClasses_.IS_INVALID))},L.prototype.checkValidity=L.prototype.checkValidity,L.prototype.checkDirty=function(){this.input_.value&amp;&amp;this.input_.value.length&gt;0?this.element_.classList.add(this.CssClasses_.IS_DIRTY):this.element_.classList.remove(this.CssClasses_.IS_DIRTY)},L.prototype.checkDirty=L.prototype.checkDirty,L.prototype.disable=function(){this.input_.disabled=!0,this.updateClasses_()},L.prototype.disable=L.prototype.disable,L.prototype.enable=function(){this.input_.disabled=!1,this.updateClasses_()},L.prototype.enable=L.prototype.enable,L.prototype.change=function(e){this.input_.value=e||&quot;&quot;,this.updateClasses_()},L.prototype.change=L.prototype.change,L.prototype.init=function(){if(this.element_&amp;&amp;(this.label_=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.LABEL),this.input_=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.INPUT),this.input_)){this.input_.hasAttribute(this.Constant_.MAX_ROWS_ATTRIBUTE)&amp;&amp;(this.maxRows=parseInt(this.input_.getAttribute(this.Constant_.MAX_ROWS_ATTRIBUTE),10),isNaN(this.maxRows)&amp;&amp;(this.maxRows=this.Constant_.NO_MAX_ROWS)),this.input_.hasAttribute(&quot;placeholder&quot;)&amp;&amp;this.element_.classList.add(this.CssClasses_.HAS_PLACEHOLDER),this.boundUpdateClassesHandler=this.updateClasses_.bind(this),this.boundFocusHandler=this.onFocus_.bind(this),this.boundBlurHandler=this.onBlur_.bind(this),this.boundResetHandler=this.onReset_.bind(this),this.input_.addEventListener(&quot;input&quot;,this.boundUpdateClassesHandler),this.input_.addEventListener(&quot;focus&quot;,this.boundFocusHandler),this.input_.addEventListener(&quot;blur&quot;,this.boundBlurHandler),this.input_.addEventListener(&quot;reset&quot;,this.boundResetHandler),this.maxRows!==this.Constant_.NO_MAX_ROWS&amp;&amp;(this.boundKeyDownHandler=this.onKeyDown_.bind(this),this.input_.addEventListener(&quot;keydown&quot;,this.boundKeyDownHandler));var e=this.element_.classList.contains(this.CssClasses_.IS_INVALID);this.updateClasses_(),this.element_.classList.add(this.CssClasses_.IS_UPGRADED),e&amp;&amp;this.element_.classList.add(this.CssClasses_.IS_INVALID),this.input_.hasAttribute(&quot;autofocus&quot;)&amp;&amp;(this.element_.focus(),this.checkFocus())}},s.register({constructor:L,classAsString:&quot;MaterialTextfield&quot;,cssClass:&quot;mdl-js-textfield&quot;,widget:!0});var I=function(e){this.element_=e,this.init()};window.MaterialTooltip=I,I.prototype.Constant_={},I.prototype.CssClasses_={IS_ACTIVE:&quot;is-active&quot;,BOTTOM:&quot;mdl-tooltip--bottom&quot;,LEFT:&quot;mdl-tooltip--left&quot;,RIGHT:&quot;mdl-tooltip--right&quot;,TOP:&quot;mdl-tooltip--top&quot;},I.prototype.handleMouseEnter_=function(e){var t=e.target.getBoundingClientRect(),s=t.left+t.width/2,i=t.top+t.height/2,n=-1*(this.element_.offsetWidth/2),a=-1*(this.element_.offsetHeight/2);this.element_.classList.contains(this.CssClasses_.LEFT)||this.element_.classList.contains(this.CssClasses_.RIGHT)?(s=t.width/2,i+a&lt;0?(this.element_.style.top=&quot;0&quot;,this.element_.style.marginTop=&quot;0&quot;):(this.element_.style.top=i+&quot;px&quot;,this.element_.style.marginTop=a+&quot;px&quot;)):s+n&lt;0?(this.element_.style.left=&quot;0&quot;,this.element_.style.marginLeft=&quot;0&quot;):(this.element_.style.left=s+&quot;px&quot;,this.element_.style.marginLeft=n+&quot;px&quot;),this.element_.classList.contains(this.CssClasses_.TOP)?this.element_.style.top=t.top-this.element_.offsetHeight-10+&quot;px&quot;:this.element_.classList.contains(this.CssClasses_.RIGHT)?this.element_.style.left=t.left+t.width+10+&quot;px&quot;:this.element_.classList.contains(this.CssClasses_.LEFT)?this.element_.style.left=t.left-this.element_.offsetWidth-10+&quot;px&quot;:this.element_.style.top=t.top+t.height+10+&quot;px&quot;,this.element_.classList.add(this.CssClasses_.IS_ACTIVE)},I.prototype.hideTooltip_=function(){this.element_.classList.remove(this.CssClasses_.IS_ACTIVE)},I.prototype.init=function(){if(this.element_){var e=this.element_.getAttribute(&quot;for&quot;)||this.element_.getAttribute(&quot;data-mdl-for&quot;);e&amp;&amp;(this.forElement_=document.getElementById(e)),this.forElement_&amp;&amp;(this.forElement_.hasAttribute(&quot;tabindex&quot;)||this.forElement_.setAttribute(&quot;tabindex&quot;,&quot;0&quot;),this.boundMouseEnterHandler=this.handleMouseEnter_.bind(this),this.boundMouseLeaveAndScrollHandler=this.hideTooltip_.bind(this),this.forElement_.addEventListener(&quot;mouseenter&quot;,this.boundMouseEnterHandler,!1),this.forElement_.addEventListener(&quot;touchend&quot;,this.boundMouseEnterHandler,!1),this.forElement_.addEventListener(&quot;mouseleave&quot;,this.boundMouseLeaveAndScrollHandler,!1),window.addEventListener(&quot;scroll&quot;,this.boundMouseLeaveAndScrollHandler,!0),window.addEventListener(&quot;touchstart&quot;,this.boundMouseLeaveAndScrollHandler))}},s.register({constructor:I,classAsString:&quot;MaterialTooltip&quot;,cssClass:&quot;mdl-tooltip&quot;});var f=function(e){this.element_=e,this.init()};window.MaterialLayout=f,f.prototype.Constant_={MAX_WIDTH:&quot;(max-width: 1024px)&quot;,TAB_SCROLL_PIXELS:100,RESIZE_TIMEOUT:100,MENU_ICON:&quot;&amp;#xE5D2;&quot;,CHEVRON_LEFT:&quot;chevron_left&quot;,CHEVRON_RIGHT:&quot;chevron_right&quot;},f.prototype.Keycodes_={ENTER:13,ESCAPE:27,SPACE:32},f.prototype.Mode_={STANDARD:0,SEAMED:1,WATERFALL:2,SCROLL:3},f.prototype.CssClasses_={CONTAINER:&quot;mdl-layout__container&quot;,HEADER:&quot;mdl-layout__header&quot;,DRAWER:&quot;mdl-layout__drawer&quot;,CONTENT:&quot;mdl-layout__content&quot;,DRAWER_BTN:&quot;mdl-layout__drawer-button&quot;,ICON:&quot;material-icons&quot;,JS_RIPPLE_EFFECT:&quot;mdl-js-ripple-effect&quot;,RIPPLE_CONTAINER:&quot;mdl-layout__tab-ripple-container&quot;,RIPPLE:&quot;mdl-ripple&quot;,RIPPLE_IGNORE_EVENTS:&quot;mdl-js-ripple-effect--ignore-events&quot;,HEADER_SEAMED:&quot;mdl-layout__header--seamed&quot;,HEADER_WATERFALL:&quot;mdl-layout__header--waterfall&quot;,HEADER_SCROLL:&quot;mdl-layout__header--scroll&quot;,FIXED_HEADER:&quot;mdl-layout--fixed-header&quot;,OBFUSCATOR:&quot;mdl-layout__obfuscator&quot;,TAB_BAR:&quot;mdl-layout__tab-bar&quot;,TAB_CONTAINER:&quot;mdl-layout__tab-bar-container&quot;,TAB:&quot;mdl-layout__tab&quot;,TAB_BAR_BUTTON:&quot;mdl-layout__tab-bar-button&quot;,TAB_BAR_LEFT_BUTTON:&quot;mdl-layout__tab-bar-left-button&quot;,TAB_BAR_RIGHT_BUTTON:&quot;mdl-layout__tab-bar-right-button&quot;,TAB_MANUAL_SWITCH:&quot;mdl-layout__tab-manual-switch&quot;,PANEL:&quot;mdl-layout__tab-panel&quot;,HAS_DRAWER:&quot;has-drawer&quot;,HAS_TABS:&quot;has-tabs&quot;,HAS_SCROLLING_HEADER:&quot;has-scrolling-header&quot;,CASTING_SHADOW:&quot;is-casting-shadow&quot;,IS_COMPACT:&quot;is-compact&quot;,IS_SMALL_SCREEN:&quot;is-small-screen&quot;,IS_DRAWER_OPEN:&quot;is-visible&quot;,IS_ACTIVE:&quot;is-active&quot;,IS_UPGRADED:&quot;is-upgraded&quot;,IS_ANIMATING:&quot;is-animating&quot;,ON_LARGE_SCREEN:&quot;mdl-layout--large-screen-only&quot;,ON_SMALL_SCREEN:&quot;mdl-layout--small-screen-only&quot;},f.prototype.contentScrollHandler_=function(){if(!this.header_.classList.contains(this.CssClasses_.IS_ANIMATING)){var e=!this.element_.classList.contains(this.CssClasses_.IS_SMALL_SCREEN)||this.element_.classList.contains(this.CssClasses_.FIXED_HEADER);this.content_.scrollTop&gt;0&amp;&amp;!this.header_.classList.contains(this.CssClasses_.IS_COMPACT)?(this.header_.classList.add(this.CssClasses_.CASTING_SHADOW),this.header_.classList.add(this.CssClasses_.IS_COMPACT),e&amp;&amp;this.header_.classList.add(this.CssClasses_.IS_ANIMATING)):this.content_.scrollTop&lt;=0&amp;&amp;this.header_.classList.contains(this.CssClasses_.IS_COMPACT)&amp;&amp;(this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW),this.header_.classList.remove(this.CssClasses_.IS_COMPACT),e&amp;&amp;this.header_.classList.add(this.CssClasses_.IS_ANIMATING))}},f.prototype.keyboardEventHandler_=function(e){e.keyCode===this.Keycodes_.ESCAPE&amp;&amp;this.drawer_.classList.contains(this.CssClasses_.IS_DRAWER_OPEN)&amp;&amp;this.toggleDrawer()},f.prototype.screenSizeHandler_=function(){this.screenSizeMediaQuery_.matches?this.element_.classList.add(this.CssClasses_.IS_SMALL_SCREEN):(this.element_.classList.remove(this.CssClasses_.IS_SMALL_SCREEN),this.drawer_&amp;&amp;(this.drawer_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN),this.obfuscator_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN)))},f.prototype.drawerToggleHandler_=function(e){if(e&amp;&amp;&quot;keydown&quot;===e.type){if(e.keyCode!==this.Keycodes_.SPACE&amp;&amp;e.keyCode!==this.Keycodes_.ENTER)return;e.preventDefault()}this.toggleDrawer()},f.prototype.headerTransitionEndHandler_=function(){this.header_.classList.remove(this.CssClasses_.IS_ANIMATING)},f.prototype.headerClickHandler_=function(){this.header_.classList.contains(this.CssClasses_.IS_COMPACT)&amp;&amp;(this.header_.classList.remove(this.CssClasses_.IS_COMPACT),this.header_.classList.add(this.CssClasses_.IS_ANIMATING))},f.prototype.resetTabState_=function(e){for(var t=0;t&lt;e.length;t++)e[t].classList.remove(this.CssClasses_.IS_ACTIVE)},f.prototype.resetPanelState_=function(e){for(var t=0;t&lt;e.length;t++)e[t].classList.remove(this.CssClasses_.IS_ACTIVE)},f.prototype.toggleDrawer=function(){var e=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.DRAWER_BTN);this.drawer_.classList.toggle(this.CssClasses_.IS_DRAWER_OPEN),this.obfuscator_.classList.toggle(this.CssClasses_.IS_DRAWER_OPEN),this.drawer_.classList.contains(this.CssClasses_.IS_DRAWER_OPEN)?(this.drawer_.setAttribute(&quot;aria-hidden&quot;,&quot;false&quot;),e.setAttribute(&quot;aria-expanded&quot;,&quot;true&quot;)):(this.drawer_.setAttribute(&quot;aria-hidden&quot;,&quot;true&quot;),e.setAttribute(&quot;aria-expanded&quot;,&quot;false&quot;))},f.prototype.toggleDrawer=f.prototype.toggleDrawer,f.prototype.init=function(){if(this.element_){var e=document.createElement(&quot;div&quot;);e.classList.add(this.CssClasses_.CONTAINER);var s=this.element_.querySelector(&quot;:focus&quot;);this.element_.parentElement.insertBefore(e,this.element_),this.element_.parentElement.removeChild(this.element_),e.appendChild(this.element_),s&amp;&amp;s.focus();for(var i=this.element_.childNodes,n=i.length,a=0;a&lt;n;a++){var l=i[a];l.classList&amp;&amp;l.classList.contains(this.CssClasses_.HEADER)&amp;&amp;(this.header_=l),l.classList&amp;&amp;l.classList.contains(this.CssClasses_.DRAWER)&amp;&amp;(this.drawer_=l),l.classList&amp;&amp;l.classList.contains(this.CssClasses_.CONTENT)&amp;&amp;(this.content_=l)}window.addEventListener(&quot;pageshow&quot;,function(e){e.persisted&amp;&amp;(this.element_.style.overflowY=&quot;hidden&quot;,requestAnimationFrame(function(){this.element_.style.overflowY=&quot;&quot;}.bind(this)))}.bind(this),!1),this.header_&amp;&amp;(this.tabBar_=this.header_.querySelector(&quot;.&quot;+this.CssClasses_.TAB_BAR));var o=this.Mode_.STANDARD;if(this.header_&amp;&amp;(this.header_.classList.contains(this.CssClasses_.HEADER_SEAMED)?o=this.Mode_.SEAMED:this.header_.classList.contains(this.CssClasses_.HEADER_WATERFALL)?(o=this.Mode_.WATERFALL,this.header_.addEventListener(&quot;transitionend&quot;,this.headerTransitionEndHandler_.bind(this)),this.header_.addEventListener(&quot;click&quot;,this.headerClickHandler_.bind(this))):this.header_.classList.contains(this.CssClasses_.HEADER_SCROLL)&amp;&amp;(o=this.Mode_.SCROLL,e.classList.add(this.CssClasses_.HAS_SCROLLING_HEADER)),o===this.Mode_.STANDARD?(this.header_.classList.add(this.CssClasses_.CASTING_SHADOW),this.tabBar_&amp;&amp;this.tabBar_.classList.add(this.CssClasses_.CASTING_SHADOW)):o===this.Mode_.SEAMED||o===this.Mode_.SCROLL?(this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW),this.tabBar_&amp;&amp;this.tabBar_.classList.remove(this.CssClasses_.CASTING_SHADOW)):o===this.Mode_.WATERFALL&amp;&amp;(this.content_.addEventListener(&quot;scroll&quot;,this.contentScrollHandler_.bind(this)),this.contentScrollHandler_())),this.drawer_){var r=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.DRAWER_BTN);if(!r){r=document.createElement(&quot;div&quot;),r.setAttribute(&quot;aria-expanded&quot;,&quot;false&quot;),r.setAttribute(&quot;role&quot;,&quot;button&quot;),r.setAttribute(&quot;tabindex&quot;,&quot;0&quot;),r.classList.add(this.CssClasses_.DRAWER_BTN);var _=document.createElement(&quot;i&quot;);_.classList.add(this.CssClasses_.ICON),_.innerHTML=this.Constant_.MENU_ICON,r.appendChild(_)}this.drawer_.classList.contains(this.CssClasses_.ON_LARGE_SCREEN)?r.classList.add(this.CssClasses_.ON_LARGE_SCREEN):this.drawer_.classList.contains(this.CssClasses_.ON_SMALL_SCREEN)&amp;&amp;r.classList.add(this.CssClasses_.ON_SMALL_SCREEN),r.addEventListener(&quot;click&quot;,this.drawerToggleHandler_.bind(this)),r.addEventListener(&quot;keydown&quot;,this.drawerToggleHandler_.bind(this)),this.element_.classList.add(this.CssClasses_.HAS_DRAWER),this.element_.classList.contains(this.CssClasses_.FIXED_HEADER)?this.header_.insertBefore(r,this.header_.firstChild):this.element_.insertBefore(r,this.content_);var d=document.createElement(&quot;div&quot;);d.classList.add(this.CssClasses_.OBFUSCATOR),this.element_.appendChild(d),d.addEventListener(&quot;click&quot;,this.drawerToggleHandler_.bind(this)),this.obfuscator_=d,this.drawer_.addEventListener(&quot;keydown&quot;,this.keyboardEventHandler_.bind(this)),this.drawer_.setAttribute(&quot;aria-hidden&quot;,&quot;true&quot;)}if(this.screenSizeMediaQuery_=window.matchMedia(this.Constant_.MAX_WIDTH),this.screenSizeMediaQuery_.addListener(this.screenSizeHandler_.bind(this)),this.screenSizeHandler_(),this.header_&amp;&amp;this.tabBar_){this.element_.classList.add(this.CssClasses_.HAS_TABS);var h=document.createElement(&quot;div&quot;);h.classList.add(this.CssClasses_.TAB_CONTAINER),this.header_.insertBefore(h,this.tabBar_),this.header_.removeChild(this.tabBar_);var c=document.createElement(&quot;div&quot;);c.classList.add(this.CssClasses_.TAB_BAR_BUTTON),c.classList.add(this.CssClasses_.TAB_BAR_LEFT_BUTTON);var p=document.createElement(&quot;i&quot;);p.classList.add(this.CssClasses_.ICON),p.textContent=this.Constant_.CHEVRON_LEFT,c.appendChild(p),c.addEventListener(&quot;click&quot;,function(){this.tabBar_.scrollLeft-=this.Constant_.TAB_SCROLL_PIXELS}.bind(this));var C=document.createElement(&quot;div&quot;);C.classList.add(this.CssClasses_.TAB_BAR_BUTTON),C.classList.add(this.CssClasses_.TAB_BAR_RIGHT_BUTTON);var u=document.createElement(&quot;i&quot;);u.classList.add(this.CssClasses_.ICON),u.textContent=this.Constant_.CHEVRON_RIGHT,C.appendChild(u),C.addEventListener(&quot;click&quot;,function(){this.tabBar_.scrollLeft+=this.Constant_.TAB_SCROLL_PIXELS}.bind(this)),h.appendChild(c),h.appendChild(this.tabBar_),h.appendChild(C);var E=function(){this.tabBar_.scrollLeft&gt;0?c.classList.add(this.CssClasses_.IS_ACTIVE):c.classList.remove(this.CssClasses_.IS_ACTIVE),this.tabBar_.scrollLeft&lt;this.tabBar_.scrollWidth-this.tabBar_.offsetWidth?C.classList.add(this.CssClasses_.IS_ACTIVE):C.classList.remove(this.CssClasses_.IS_ACTIVE)}.bind(this);this.tabBar_.addEventListener(&quot;scroll&quot;,E),E();var m=function(){this.resizeTimeoutId_&amp;&amp;clearTimeout(this.resizeTimeoutId_),this.resizeTimeoutId_=setTimeout(function(){E(),this.resizeTimeoutId_=null}.bind(this),this.Constant_.RESIZE_TIMEOUT)}.bind(this);window.addEventListener(&quot;resize&quot;,m),this.tabBar_.classList.contains(this.CssClasses_.JS_RIPPLE_EFFECT)&amp;&amp;this.tabBar_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);for(var L=this.tabBar_.querySelectorAll(&quot;.&quot;+this.CssClasses_.TAB),I=this.content_.querySelectorAll(&quot;.&quot;+this.CssClasses_.PANEL),f=0;f&lt;L.length;f++)new t(L[f],L,I,this)}this.element_.classList.add(this.CssClasses_.IS_UPGRADED)}},window.MaterialLayoutTab=t,s.register({constructor:f,classAsString:&quot;MaterialLayout&quot;,cssClass:&quot;mdl-js-layout&quot;});var b=function(e){this.element_=e,this.init()};window.MaterialDataTable=b,b.prototype.Constant_={},b.prototype.CssClasses_={DATA_TABLE:&quot;mdl-data-table&quot;,SELECTABLE:&quot;mdl-data-table--selectable&quot;,SELECT_ELEMENT:&quot;mdl-data-table__select&quot;,IS_SELECTED:&quot;is-selected&quot;,IS_UPGRADED:&quot;is-upgraded&quot;},b.prototype.selectRow_=function(e,t,s){return t?function(){e.checked?t.classList.add(this.CssClasses_.IS_SELECTED):t.classList.remove(this.CssClasses_.IS_SELECTED)}.bind(this):s?function(){var t,i;if(e.checked)for(t=0;t&lt;s.length;t++)i=s[t].querySelector(&quot;td&quot;).querySelector(&quot;.mdl-checkbox&quot;),i.MaterialCheckbox.check(),s[t].classList.add(this.CssClasses_.IS_SELECTED);else for(t=0;t&lt;s.length;t++)i=s[t].querySelector(&quot;td&quot;).querySelector(&quot;.mdl-checkbox&quot;),i.MaterialCheckbox.uncheck(),s[t].classList.remove(this.CssClasses_.IS_SELECTED)}.bind(this):void 0},b.prototype.createCheckbox_=function(e,t){var i=document.createElement(&quot;label&quot;),n=[&quot;mdl-checkbox&quot;,&quot;mdl-js-checkbox&quot;,&quot;mdl-js-ripple-effect&quot;,this.CssClasses_.SELECT_ELEMENT];i.className=n.join(&quot; &quot;);var a=document.createElement(&quot;input&quot;);return a.type=&quot;checkbox&quot;,a.classList.add(&quot;mdl-checkbox__input&quot;),e?(a.checked=e.classList.contains(this.CssClasses_.IS_SELECTED),a.addEventListener(&quot;change&quot;,this.selectRow_(a,e))):t&amp;&amp;a.addEventListener(&quot;change&quot;,this.selectRow_(a,null,t)),i.appendChild(a),s.upgradeElement(i,&quot;MaterialCheckbox&quot;),i},b.prototype.init=function(){if(this.element_){var e=this.element_.querySelector(&quot;th&quot;),t=Array.prototype.slice.call(this.element_.querySelectorAll(&quot;tbody tr&quot;)),s=Array.prototype.slice.call(this.element_.querySelectorAll(&quot;tfoot tr&quot;)),i=t.concat(s);if(this.element_.classList.contains(this.CssClasses_.SELECTABLE)){var n=document.createElement(&quot;th&quot;),a=this.createCheckbox_(null,i);n.appendChild(a),e.parentElement.insertBefore(n,e);for(var l=0;l&lt;i.length;l++){var o=i[l].querySelector(&quot;td&quot;);if(o){var r=document.createElement(&quot;td&quot;);if(&quot;TBODY&quot;===i[l].parentNode.nodeName.toUpperCase()){var _=this.createCheckbox_(i[l]);r.appendChild(_)}i[l].insertBefore(r,o)}}this.element_.classList.add(this.CssClasses_.IS_UPGRADED)}}},s.register({constructor:b,classAsString:&quot;MaterialDataTable&quot;,cssClass:&quot;mdl-js-data-table&quot;});var S=function(e){this.element_=e,this.init()};window.MaterialRipple=S,S.prototype.Constant_={INITIAL_SCALE:&quot;scale(0.0001, 0.0001)&quot;,INITIAL_SIZE:&quot;1px&quot;,INITIAL_OPACITY:&quot;0.4&quot;,FINAL_OPACITY:&quot;0&quot;,FINAL_SCALE:&quot;&quot;},S.prototype.CssClasses_={RIPPLE_CENTER:&quot;mdl-ripple--center&quot;,RIPPLE_EFFECT_IGNORE_EVENTS:&quot;mdl-js-ripple-effect--ignore-events&quot;,RIPPLE:&quot;mdl-ripple&quot;,IS_ANIMATING:&quot;is-animating&quot;,IS_VISIBLE:&quot;is-visible&quot;},S.prototype.downHandler_=function(e){if(!this.rippleElement_.style.width&amp;&amp;!this.rippleElement_.style.height){var t=this.element_.getBoundingClientRect();this.boundHeight=t.height,this.boundWidth=t.width,this.rippleSize_=2*Math.sqrt(t.width*t.width+t.height*t.height)+2,this.rippleElement_.style.width=this.rippleSize_+&quot;px&quot;,this.rippleElement_.style.height=this.rippleSize_+&quot;px&quot;}if(this.rippleElement_.classList.add(this.CssClasses_.IS_VISIBLE),&quot;mousedown&quot;===e.type&amp;&amp;this.ignoringMouseDown_)this.ignoringMouseDown_=!1;else{&quot;touchstart&quot;===e.type&amp;&amp;(this.ignoringMouseDown_=!0);var s=this.getFrameCount();if(s&gt;0)return;this.setFrameCount(1);var i,n,a=e.currentTarget.getBoundingClientRect();if(0===e.clientX&amp;&amp;0===e.clientY)i=Math.round(a.width/2),n=Math.round(a.height/2);else{var l=void 0!==e.clientX?e.clientX:e.touches[0].clientX,o=void 0!==e.clientY?e.clientY:e.touches[0].clientY;i=Math.round(l-a.left),n=Math.round(o-a.top)}this.setRippleXY(i,n),this.setRippleStyles(!0),window.requestAnimationFrame(this.animFrameHandler.bind(this))}},S.prototype.upHandler_=function(e){e&amp;&amp;2!==e.detail&amp;&amp;window.setTimeout(function(){this.rippleElement_.classList.remove(this.CssClasses_.IS_VISIBLE)}.bind(this),0)},S.prototype.init=function(){if(this.element_){var e=this.element_.classList.contains(this.CssClasses_.RIPPLE_CENTER);this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT_IGNORE_EVENTS)||(this.rippleElement_=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.RIPPLE),this.frameCount_=0,this.rippleSize_=0,this.x_=0,this.y_=0,this.ignoringMouseDown_=!1,this.boundDownHandler=this.downHandler_.bind(this),this.element_.addEventListener(&quot;mousedown&quot;,this.boundDownHandler),this.element_.addEventListener(&quot;touchstart&quot;,this.boundDownHandler),this.boundUpHandler=this.upHandler_.bind(this),this.element_.addEventListener(&quot;mouseup&quot;,this.boundUpHandler),this.element_.addEventListener(&quot;mouseleave&quot;,this.boundUpHandler),this.element_.addEventListener(&quot;touchend&quot;,this.boundUpHandler),this.element_.addEventListener(&quot;blur&quot;,this.boundUpHandler),this.getFrameCount=function(){return this.frameCount_},this.setFrameCount=function(e){this.frameCount_=e},this.getRippleElement=function(){return this.rippleElement_},this.setRippleXY=function(e,t){this.x_=e,this.y_=t},this.setRippleStyles=function(t){if(null!==this.rippleElement_){var s,i,n,a=&quot;translate(&quot;+this.x_+&quot;px, &quot;+this.y_+&quot;px)&quot;;t?(i=this.Constant_.INITIAL_SCALE,n=this.Constant_.INITIAL_SIZE):(i=this.Constant_.FINAL_SCALE,n=this.rippleSize_+&quot;px&quot;,e&amp;&amp;(a=&quot;translate(&quot;+this.boundWidth/2+&quot;px, &quot;+this.boundHeight/2+&quot;px)&quot;)),s=&quot;translate(-50%, -50%) &quot;+a+i,this.rippleElement_.style.webkitTransform=s,this.rippleElement_.style.msTransform=s,this.rippleElement_.style.transform=s,t?this.rippleElement_.classList.remove(this.CssClasses_.IS_ANIMATING):this.rippleElement_.classList.add(this.CssClasses_.IS_ANIMATING)}},this.animFrameHandler=function(){this.frameCount_-- &gt;0?window.requestAnimationFrame(this.animFrameHandler.bind(this)):this.setRippleStyles(!1)})}},s.register({constructor:S,classAsString:&quot;MaterialRipple&quot;,cssClass:&quot;mdl-js-ripple-effect&quot;,widget:!1})}();

Line No.-702: //# sourceMappingURL=material.min.js.map

Line No.-703: &lt;/script&gt;

Line No.-704: 

Line No.-705: &lt;style type=&quot;text/css&quot;&gt;

Line No.-706: /* PrismJS 1.15.0

Line No.-707: https://prismjs.com/download.html#themes=prism-coy&amp;languages=markup+css+clike+javascript+abap+actionscript+ada+apacheconf+apl+applescript+c+arff+asciidoc+asm6502+csharp+autohotkey+autoit+bash+basic+batch+bison+brainfuck+bro+cpp+aspnet+arduino+coffeescript+clojure+ruby+csp+css-extras+d+dart+diff+django+docker+eiffel+elixir+elm+markup-templating+erlang+fsharp+flow+fortran+gedcom+gherkin+git+glsl+gml+go+graphql+groovy+less+handlebars+haskell+haxe+http+hpkp+hsts+ichigojam+icon+inform7+ini+io+j+java+jolie+json+julia+keyman+kotlin+latex+markdown+liquid+lisp+livescript+lolcode+lua+makefile+crystal+erb+matlab+mel+mizar+monkey+n4js+nasm+nginx+nim+nix+nsis+objectivec+ocaml+opencl+oz+parigp+parser+pascal+perl+php+php-extras+sql+powershell+processing+prolog+properties+protobuf+scss+puppet+pure+python+q+qore+r+jsx+typescript+renpy+reason+rest+rip+roboconf+textile+rust+sas+sass+stylus+scala+scheme+smalltalk+smarty+plsql+soy+pug+swift+yaml+tcl+haml+tt2+twig+tsx+vbnet+velocity+verilog+vhdl+vim+visual-basic+wasm+wiki+xeora+xojo+xquery+tap&amp;plugins=line-numbers+toolbar+copy-to-clipboard */

Line No.-708: /**

Line No.-709:  * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML

Line No.-710:  * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);

Line No.-711:  * @author Tim  Shedor

Line No.-712:  */

Line No.-713: 

Line No.-714: code[class*=&quot;language-&quot;],

Line No.-715: pre[class*=&quot;language-&quot;] {

Line No.-716: 	color: black;

Line No.-717: 	background: none;

Line No.-718: 	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;

Line No.-719: 	text-align: left;

Line No.-720: 	white-space: pre;

Line No.-721: 	word-spacing: normal;

Line No.-722: 	word-break: normal;

Line No.-723: 	word-wrap: normal;

Line No.-724: 	line-height: 1.5;

Line No.-725: 

Line No.-726: 	-moz-tab-size: 4;

Line No.-727: 	-o-tab-size: 4;

Line No.-728: 	tab-size: 4;

Line No.-729: 

Line No.-730: 	-webkit-hyphens: none;

Line No.-731: 	-moz-hyphens: none;

Line No.-732: 	-ms-hyphens: none;

Line No.-733: 	hyphens: none;

Line No.-734: }

Line No.-735: 

Line No.-736: /* Code blocks */

Line No.-737: pre[class*=&quot;language-&quot;] {

Line No.-738: 	position: relative;

Line No.-739: 	margin: .5em 0;

Line No.-740: 	overflow: visible;

Line No.-741: 	padding: 0;

Line No.-742: }

Line No.-743: pre[class*=&quot;language-&quot;]&gt;code {

Line No.-744: 	position: relative;

Line No.-745: 	border-left: 10px solid #358ccb;

Line No.-746: 	box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;

Line No.-747: 	background-color: #fdfdfd;

Line No.-748: 	background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);

Line No.-749: 	background-size: 3em 3em;

Line No.-750: 	background-origin: content-box;

Line No.-751: 	background-attachment: local;

Line No.-752: }

Line No.-753: 

Line No.-754: code[class*=&quot;language&quot;] {

Line No.-755: 	max-height: inherit;

Line No.-756: 	height: inherit;

Line No.-757: 	padding: 0 1em;

Line No.-758: 	display: block;

Line No.-759: 	overflow: auto;

Line No.-760: }

Line No.-761: 

Line No.-762: /* Margin bottom to accommodate shadow */

Line No.-763: :not(pre) &gt; code[class*=&quot;language-&quot;],

Line No.-764: pre[class*=&quot;language-&quot;] {

Line No.-765: 	background-color: #fdfdfd;

Line No.-766: 	-webkit-box-sizing: border-box;

Line No.-767: 	-moz-box-sizing: border-box;

Line No.-768: 	box-sizing: border-box;

Line No.-769: 	margin-bottom: 1em;

Line No.-770: }

Line No.-771: 

Line No.-772: /* Inline code */

Line No.-773: :not(pre) &gt; code[class*=&quot;language-&quot;] {

Line No.-774: 	position: relative;

Line No.-775: 	padding: .2em;

Line No.-776: 	border-radius: 0.3em;

Line No.-777: 	color: #c92c2c;

Line No.-778: 	border: 1px solid rgba(0, 0, 0, 0.1);

Line No.-779: 	display: inline;

Line No.-780: 	white-space: normal;

Line No.-781: }

Line No.-782: 

Line No.-783: pre[class*=&quot;language-&quot;]:before,

Line No.-784: pre[class*=&quot;language-&quot;]:after {

Line No.-785: 	content: '';

Line No.-786: 	z-index: -2;

Line No.-787: 	display: block;

Line No.-788: 	position: absolute;

Line No.-789: 	bottom: 0.75em;

Line No.-790: 	left: 0.18em;

Line No.-791: 	width: 40%;

Line No.-792: 	height: 20%;

Line No.-793: 	max-height: 13em;

Line No.-794: 	box-shadow: 0px 13px 8px #979797;

Line No.-795: 	-webkit-transform: rotate(-2deg);

Line No.-796: 	-moz-transform: rotate(-2deg);

Line No.-797: 	-ms-transform: rotate(-2deg);

Line No.-798: 	-o-transform: rotate(-2deg);

Line No.-799: 	transform: rotate(-2deg);

Line No.-800: }

Line No.-801: 

Line No.-802: :not(pre) &gt; code[class*=&quot;language-&quot;]:after,

Line No.-803: pre[class*=&quot;language-&quot;]:after {

Line No.-804: 	right: 0.75em;

Line No.-805: 	left: auto;

Line No.-806: 	-webkit-transform: rotate(2deg);

Line No.-807: 	-moz-transform: rotate(2deg);

Line No.-808: 	-ms-transform: rotate(2deg);

Line No.-809: 	-o-transform: rotate(2deg);

Line No.-810: 	transform: rotate(2deg);

Line No.-811: }

Line No.-812: 

Line No.-813: .token.comment,

Line No.-814: .token.block-comment,

Line No.-815: .token.prolog,

Line No.-816: .token.doctype,

Line No.-817: .token.cdata {

Line No.-818: 	color: #7D8B99;

Line No.-819: }

Line No.-820: 

Line No.-821: .token.punctuation {

Line No.-822: 	color: #5F6364;

Line No.-823: }

Line No.-824: 

Line No.-825: .token.property,

Line No.-826: .token.tag,

Line No.-827: .token.boolean,

Line No.-828: .token.number,

Line No.-829: .token.function-name,

Line No.-830: .token.constant,

Line No.-831: .token.symbol,

Line No.-832: .token.deleted {

Line No.-833: 	color: #c92c2c;

Line No.-834: }

Line No.-835: 

Line No.-836: .token.selector,

Line No.-837: .token.attr-name,

Line No.-838: .token.string,

Line No.-839: .token.char,

Line No.-840: .token.function,

Line No.-841: .token.builtin,

Line No.-842: .token.inserted {

Line No.-843: 	color: #2f9c0a;

Line No.-844: }

Line No.-845: 

Line No.-846: .token.operator,

Line No.-847: .token.entity,

Line No.-848: .token.url,

Line No.-849: .token.variable {

Line No.-850: 	color: #a67f59;

Line No.-851: 	background: rgba(255, 255, 255, 0.5);

Line No.-852: }

Line No.-853: 

Line No.-854: .token.atrule,

Line No.-855: .token.attr-value,

Line No.-856: .token.keyword,

Line No.-857: .token.class-name {

Line No.-858: 	color: #1990b8;

Line No.-859: }

Line No.-860: 

Line No.-861: .token.regex,

Line No.-862: .token.important {

Line No.-863: 	color: #e90;

Line No.-864: }

Line No.-865: 

Line No.-866: .language-css .token.string,

Line No.-867: .style .token.string {

Line No.-868: 	color: #a67f59;

Line No.-869: 	background: rgba(255, 255, 255, 0.5);

Line No.-870: }

Line No.-871: 

Line No.-872: .token.important {

Line No.-873: 	font-weight: normal;

Line No.-874: }

Line No.-875: 

Line No.-876: .token.bold {

Line No.-877: 	font-weight: bold;

Line No.-878: }

Line No.-879: .token.italic {

Line No.-880: 	font-style: italic;

Line No.-881: }

Line No.-882: 

Line No.-883: .token.entity {

Line No.-884: 	cursor: help;

Line No.-885: }

Line No.-886: 

Line No.-887: .namespace {

Line No.-888: 	opacity: .7;

Line No.-889: }

Line No.-890: 

Line No.-891: @media screen and (max-width: 767px) {

Line No.-892: 	pre[class*=&quot;language-&quot;]:before,

Line No.-893: 	pre[class*=&quot;language-&quot;]:after {

Line No.-894: 		bottom: 14px;

Line No.-895: 		box-shadow: none;

Line No.-896: 	}

Line No.-897: 

Line No.-898: }

Line No.-899: 

Line No.-900: /* Plugin styles */

Line No.-901: .token.tab:not(:empty):before,

Line No.-902: .token.cr:before,

Line No.-903: .token.lf:before {

Line No.-904: 	color: #e0d7d1;

Line No.-905: }

Line No.-906: 

Line No.-907: /* Plugin styles: Line Numbers */

Line No.-908: pre[class*=&quot;language-&quot;].line-numbers.line-numbers {

Line No.-909: 	padding-left: 0;

Line No.-910: }

Line No.-911: 

Line No.-912: pre[class*=&quot;language-&quot;].line-numbers.line-numbers code {

Line No.-913: 	padding-left: 3.8em;

Line No.-914: }

Line No.-915: 

Line No.-916: pre[class*=&quot;language-&quot;].line-numbers.line-numbers .line-numbers-rows {

Line No.-917: 	left: 0;

Line No.-918: }

Line No.-919: 

Line No.-920: /* Plugin styles: Line Highlight */

Line No.-921: pre[class*=&quot;language-&quot;][data-line] {

Line No.-922: 	padding-top: 0;

Line No.-923: 	padding-bottom: 0;

Line No.-924: 	padding-left: 0;

Line No.-925: }

Line No.-926: pre[data-line] code {

Line No.-927: 	position: relative;

Line No.-928: 	padding-left: 4em;

Line No.-929: }

Line No.-930: pre .line-highlight {

Line No.-931: 	margin-top: 0;

Line No.-932: }

Line No.-933: 

Line No.-934: pre[class*=&quot;language-&quot;].line-numbers {

Line No.-935: 	position: relative;

Line No.-936: 	padding-left: 3.8em;

Line No.-937: 	counter-reset: linenumber;

Line No.-938: }

Line No.-939: 

Line No.-940: pre[class*=&quot;language-&quot;].line-numbers &gt; code {

Line No.-941: 	position: relative;

Line No.-942: 	white-space: inherit;

Line No.-943: }

Line No.-944: 

Line No.-945: .line-numbers .line-numbers-rows {

Line No.-946: 	position: absolute;

Line No.-947: 	pointer-events: none;

Line No.-948: 	top: 0;

Line No.-949: 	font-size: 100%;

Line No.-950: 	left: -3.8em;

Line No.-951: 	width: 3em; /* works for line-numbers below 1000 lines */

Line No.-952: 	letter-spacing: -1px;

Line No.-953: 	border-right: 1px solid #999;

Line No.-954: 

Line No.-955: 	-webkit-user-select: none;

Line No.-956: 	-moz-user-select: none;

Line No.-957: 	-ms-user-select: none;

Line No.-958: 	user-select: none;

Line No.-959: 

Line No.-960: }

Line No.-961: 

Line No.-962: 	.line-numbers-rows &gt; span {

Line No.-963: 		pointer-events: none;

Line No.-964: 		display: block;

Line No.-965: 		counter-increment: linenumber;

Line No.-966: 	}

Line No.-967: 

Line No.-968: 		.line-numbers-rows &gt; span:before {

Line No.-969: 			content: counter(linenumber);

Line No.-970: 			color: #999;

Line No.-971: 			display: block;

Line No.-972: 			padding-right: 0.8em;

Line No.-973: 			text-align: right;

Line No.-974: 		}

Line No.-975: 

Line No.-976: div.code-toolbar {

Line No.-977: 	position: relative;

Line No.-978: }

Line No.-979: 

Line No.-980: div.code-toolbar &gt; .toolbar {

Line No.-981: 	position: absolute;

Line No.-982: 	top: .3em;

Line No.-983: 	right: .2em;

Line No.-984: 	transition: opacity 0.3s ease-in-out;

Line No.-985: 	opacity: 0;

Line No.-986: }

Line No.-987: 

Line No.-988: div.code-toolbar:hover &gt; .toolbar {

Line No.-989: 	opacity: 1;

Line No.-990: }

Line No.-991: 

Line No.-992: div.code-toolbar &gt; .toolbar .toolbar-item {

Line No.-993: 	display: inline-block;

Line No.-994: }

Line No.-995: 

Line No.-996: div.code-toolbar &gt; .toolbar a {

Line No.-997: 	cursor: pointer;

Line No.-998: }

Line No.-999: 

Line No.-1000: div.code-toolbar &gt; .toolbar button {

Line No.-1001: 	background: none;

Line No.-1002: 	border: 0;

Line No.-1003: 	color: inherit;

Line No.-1004: 	font: inherit;

Line No.-1005: 	line-height: normal;

Line No.-1006: 	overflow: visible;

Line No.-1007: 	padding: 0;

Line No.-1008: 	-webkit-user-select: none; /* for button */

Line No.-1009: 	-moz-user-select: none;

Line No.-1010: 	-ms-user-select: none;

Line No.-1011: }

Line No.-1012: 

Line No.-1013: div.code-toolbar &gt; .toolbar a,

Line No.-1014: div.code-toolbar &gt; .toolbar button,

Line No.-1015: div.code-toolbar &gt; .toolbar span {

Line No.-1016: 	color: #bbb;

Line No.-1017: 	font-size: .8em;

Line No.-1018: 	padding: 0 .5em;

Line No.-1019: 	background: #f5f2f0;

Line No.-1020: 	background: rgba(224, 224, 224, 0.2);

Line No.-1021: 	box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);

Line No.-1022: 	border-radius: .5em;

Line No.-1023: }

Line No.-1024: 

Line No.-1025: div.code-toolbar &gt; .toolbar a:hover,

Line No.-1026: div.code-toolbar &gt; .toolbar a:focus,

Line No.-1027: div.code-toolbar &gt; .toolbar button:hover,

Line No.-1028: div.code-toolbar &gt; .toolbar button:focus,

Line No.-1029: div.code-toolbar &gt; .toolbar span:hover,

Line No.-1030: div.code-toolbar &gt; .toolbar span:focus {

Line No.-1031: 	color: inherit;

Line No.-1032: 	text-decoration: none;

Line No.-1033: }

Line No.-1034: &lt;/style&gt;

Line No.-1035: &lt;script src=&quot;/assets/prism.js&quot;&gt;&lt;/script&gt;

Line No.-1036: &lt;script&gt;

Line No.-1037: var goTop = document.createElement(&quot;a&quot;);

Line No.-1038: 

Line No.-1039: goTop.innerHTML = '&lt;i class=&quot;material-icons&quot;&gt;&amp;#xE5D8;&lt;/i&gt;';

Line No.-1040: 

Line No.-1041: goTop.style = &quot;bottom:0;right:27%;position:absolute;z-index: 9999&quot;;

Line No.-1042: 

Line No.-1043: goTop.setAttribute(&quot;href&quot;, &quot;#log_img&quot;);

Line No.-1044: 

Line No.-1045: document.body.appendChild(goTop);

Line No.-1046: 

Line No.-1047: &lt;/script&gt;

Line No.-1048: 

Line No.-1049: 

Line No.-1050: &lt;script src=&quot;//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/cookieconsent.min.js&quot;&gt;&lt;/script&gt;

Line No.-1051: &lt;script&gt;

Line No.-1052: 

Line No.-1053: window.cookieconsent_options = {

Line No.-1054: 

Line No.-1055: message: 'This site uses cookies to deliver our services and to show you relevant ads. By using our site, you acknowledge that you have read and understood our Privacy Policy. Your use of w3resource Services, is subject to these policies',

Line No.-1056: 

Line No.-1057: theme:'dark-bottom',

Line No.-1058: 

Line No.-1059: learnMore: 'More info',

Line No.-1060: 

Line No.-1061: link: 'https://www.w3resource.com/privacy.php'

Line No.-1062: 

Line No.-1063: };

Line No.-1064: 

Line No.-1065: &lt;/script&gt;

Line No.-1066: &lt;style type=&quot;text/css&quot;&gt;

Line No.-1067: 

Line No.-1068: .previousNext_bottom a:first-child  {

Line No.-1069: 

Line No.-1070: float: left;

Line No.-1071: 

Line No.-1072: margin-left:8px;

Line No.-1073: 

Line No.-1074: }

Line No.-1075: 

Line No.-1076: .previousNext_bottom a:last-child  {

Line No.-1077: 

Line No.-1078: float: right;

Line No.-1079: 

Line No.-1080: margin-right:8px;

Line No.-1081: 

Line No.-1082: }

Line No.-1083: 

Line No.-1084: &lt;/style&gt;

Line No.-1085: &lt;script&gt;

Line No.-1086: 

Line No.-1087: window.onload = function() {

Line No.-1088: 

Line No.-1089: //var old_links = document.getElementById(&quot;np&quot;).style.display = &quot;none&quot;;

Line No.-1090: 

Line No.-1091: var links = document.querySelector(&quot;ul.nav.nav-list&quot;).childNodes;

Line No.-1092: 

Line No.-1093: var parentDiv = document.querySelector(&quot;.np&quot;);

Line No.-1094: 

Line No.-1095: var parentDiv_bottom = document.querySelector(&quot;.np_bottom&quot;);

Line No.-1096: 

Line No.-1097: var node = document.createElement(&quot;span&quot;); 

Line No.-1098: 

Line No.-1099: var node_bottom = document.createElement(&quot;span&quot;);

Line No.-1100: 

Line No.-1101: node.setAttribute(&quot;class&quot;,&quot;previousNext&quot;);

Line No.-1102: 

Line No.-1103: node_bottom.setAttribute(&quot;class&quot;,&quot;previousNext_bottom&quot;);

Line No.-1104: 

Line No.-1105: parentDiv.appendChild(node);

Line No.-1106: 

Line No.-1107: parentDiv_bottom.appendChild(node_bottom);

Line No.-1108: 

Line No.-1109: for (var i=0; i &lt; links.length; i++) {

Line No.-1110: 

Line No.-1111: if(links[i].getAttribute(&quot;class&quot;)!==&quot;nav-header&quot; &amp;&amp; links[i].children[0].getAttribute('href')===window.location.pathname){

Line No.-1112: 

Line No.-1113: if(links[i-1].getAttribute(&quot;class&quot;)!==&quot;nav-header&quot;){

Line No.-1114: 

Line No.-1115: var newLink = document.createElement(&quot;a&quot;);

Line No.-1116: 

Line No.-1117: newLink.setAttribute(&quot;href&quot;,links[i-1].children[0].getAttribute(&quot;href&quot;));

Line No.-1118: 

Line No.-1119: var icon = document.createElement(&quot;i&quot;);

Line No.-1120: 

Line No.-1121: icon.setAttribute(&quot;class&quot;,&quot;material-icons&quot;);

Line No.-1122: 

Line No.-1123: icon.style.marginLeft = '40px';

Line No.-1124: 

Line No.-1125: icon.style.color = '#fff';

Line No.-1126: 

Line No.-1127: icon.style.verticalAlign = 'middle';

Line No.-1128: 

Line No.-1129: var previousTxt = document.createTextNode('skip_previous');

Line No.-1130: 

Line No.-1131: icon.appendChild(previousTxt);

Line No.-1132: 

Line No.-1133: newLink.appendChild(icon);

Line No.-1134: 

Line No.-1135: node.appendChild(newLink);

Line No.-1136: 

Line No.-1137: //for bottom

Line No.-1138: 

Line No.-1139: var newLink_bottom = document.createElement(&quot;a&quot;);

Line No.-1140: 

Line No.-1141: newLink_bottom.setAttribute(&quot;href&quot;,links[i-1].children[0].getAttribute(&quot;href&quot;));

Line No.-1142: 

Line No.-1143: var previousTxt_bottom = document.createTextNode('Previous');

Line No.-1144: 

Line No.-1145: newLink_bottom.appendChild(previousTxt_bottom);

Line No.-1146: 

Line No.-1147: node_bottom.appendChild(newLink_bottom);

Line No.-1148: 

Line No.-1149: }

Line No.-1150: 

Line No.-1151: else if (links[i-1].getAttribute(&quot;class&quot;)===&quot;nav-header&quot;){

Line No.-1152: 

Line No.-1153: var newLink = document.createElement(&quot;a&quot;);

Line No.-1154: 

Line No.-1155: newLink.setAttribute(&quot;href&quot;,links[i-2].children[0].getAttribute(&quot;href&quot;));

Line No.-1156: 

Line No.-1157: var icon = document.createElement(&quot;i&quot;);

Line No.-1158: 

Line No.-1159: icon.setAttribute(&quot;class&quot;,&quot;material-icons&quot;);

Line No.-1160: 

Line No.-1161: icon.style.marginLeft = '40px';

Line No.-1162: 

Line No.-1163: icon.style.color = '#fff';

Line No.-1164: 

Line No.-1165: icon.style.verticalAlign = 'middle';

Line No.-1166: 

Line No.-1167: var previousTxt = document.createTextNode('skip_previous');

Line No.-1168: 

Line No.-1169: icon.appendChild(previousTxt);

Line No.-1170: 

Line No.-1171: newLink.appendChild(icon);

Line No.-1172: 

Line No.-1173: node.appendChild(newLink);

Line No.-1174: 

Line No.-1175: //for bottom

Line No.-1176: 

Line No.-1177: var newLink_bottom = document.createElement(&quot;a&quot;);

Line No.-1178: 

Line No.-1179: newLink_bottom.setAttribute(&quot;href&quot;,links[i-2].children[0].getAttribute(&quot;href&quot;));

Line No.-1180: 

Line No.-1181: var previousTxt_bottom = document.createTextNode('Previous');

Line No.-1182: 

Line No.-1183: newLink_bottom.appendChild(previousTxt_bottom);

Line No.-1184: 

Line No.-1185: node_bottom.appendChild(newLink_bottom);

Line No.-1186: 

Line No.-1187: }

Line No.-1188: 

Line No.-1189: if(links[i+1].getAttribute(&quot;class&quot;)!==&quot;nav-header&quot;) {

Line No.-1190: 

Line No.-1191: var newLink = document.createElement(&quot;a&quot;);

Line No.-1192: 

Line No.-1193: newLink.setAttribute(&quot;href&quot;,links[i+1].children[0].getAttribute(&quot;href&quot;));

Line No.-1194: 

Line No.-1195: var icon = document.createElement(&quot;i&quot;);

Line No.-1196: 

Line No.-1197: icon.setAttribute(&quot;class&quot;,&quot;material-icons&quot;);

Line No.-1198: 

Line No.-1199: icon.style.marginLeft = '30px';

Line No.-1200: 

Line No.-1201: icon.style.color = '#fff';

Line No.-1202: 

Line No.-1203: icon.style.verticalAlign = 'middle';

Line No.-1204: 

Line No.-1205: var nextTxt = document.createTextNode('skip_next');

Line No.-1206: 

Line No.-1207: icon.appendChild(nextTxt);

Line No.-1208: 

Line No.-1209: newLink.appendChild(icon);

Line No.-1210: 

Line No.-1211: node.appendChild(newLink);

Line No.-1212: 

Line No.-1213: //for bottom

Line No.-1214: 

Line No.-1215: var newLink_bottom = document.createElement(&quot;a&quot;);

Line No.-1216: 

Line No.-1217: newLink_bottom.setAttribute(&quot;href&quot;,links[i+1].children[0].getAttribute(&quot;href&quot;));

Line No.-1218: 

Line No.-1219: var NextTxt_bottom = document.createTextNode('Next');

Line No.-1220: 

Line No.-1221: newLink_bottom.appendChild(NextTxt_bottom);

Line No.-1222: 

Line No.-1223: node_bottom.appendChild(newLink_bottom);

Line No.-1224: 

Line No.-1225: }

Line No.-1226: 

Line No.-1227: else if (links[i+1].getAttribute(&quot;class&quot;)===&quot;nav-header&quot;) {

Line No.-1228: 

Line No.-1229: var newLink = document.createElement(&quot;a&quot;);

Line No.-1230: 

Line No.-1231: newLink.setAttribute(&quot;href&quot;,links[i+2].children[0].getAttribute(&quot;href&quot;));

Line No.-1232: 

Line No.-1233: var icon = document.createElement(&quot;i&quot;);

Line No.-1234: 

Line No.-1235: icon.setAttribute(&quot;class&quot;,&quot;material-icons&quot;);

Line No.-1236: 

Line No.-1237: icon.style.marginLeft = '30px';

Line No.-1238: 

Line No.-1239: icon.style.color = '#fff';

Line No.-1240: 

Line No.-1241: icon.style.verticalAlign = 'middle';

Line No.-1242: 

Line No.-1243: var nextTxt = document.createTextNode('skip_next');

Line No.-1244: 

Line No.-1245: icon.appendChild(nextTxt);

Line No.-1246: 

Line No.-1247: newLink.appendChild(icon);

Line No.-1248: 

Line No.-1249: node.appendChild(newLink);

Line No.-1250: 

Line No.-1251: //for bottom

Line No.-1252: 

Line No.-1253: var newLink_bottom = document.createElement(&quot;a&quot;);

Line No.-1254: 

Line No.-1255: newLink_bottom.setAttribute(&quot;href&quot;,links[i+2].children[0].getAttribute(&quot;href&quot;));

Line No.-1256: 

Line No.-1257: var NextTxt_bottom = document.createTextNode('Next');

Line No.-1258: 

Line No.-1259: newLink_bottom.appendChild(NextTxt_bottom);

Line No.-1260: 

Line No.-1261: node_bottom.appendChild(newLink_bottom);

Line No.-1262: 

Line No.-1263: }

Line No.-1264: 

Line No.-1265: }

Line No.-1266: 

Line No.-1267: }

Line No.-1268: 

Line No.-1269: var prenext = document.querySelector(&quot;span.previousNext&quot;);

Line No.-1270: 

Line No.-1271: var cln = prenext.cloneNode(true);

Line No.-1272: 

Line No.-1273: }	

Line No.-1274: 

Line No.-1275: &lt;/script&gt;

Line No.-1276: 

Line No.-1277: 

Line No.-1278: 

Line No.-1279: &lt;script src=&quot;//m.servedby-buysellads.com/monetization.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;

Line No.-1280: &lt;script&gt;

Line No.-1281: 

Line No.-1282: (function(){

Line No.-1283: 

Line No.-1284: 	if(typeof _bsa !== 'undefined' &amp;&amp; _bsa) {

Line No.-1285: 

Line No.-1286:   		// format, zoneKey, segment:value, options

Line No.-1287: 

Line No.-1288:   		_bsa.init('flexbar', 'CK7DCK7L', 'placement:w3resourcecom');

Line No.-1289: 

Line No.-1290:   	}

Line No.-1291: 

Line No.-1292: })();

Line No.-1293: 

Line No.-1294: &lt;/script&gt;

Line No.-1295: &lt;/body&gt;

Line No.-1296: &lt;/html&gt;