Строка №-0: <! DOCTYPE html> Строка №-1: Строка №-2: <html lang = "en"> Строка №-3: <head> Строка №-4: Строка № -5: <meta charset = "utf-8"> Строка №-6: <link type = "text / css" rel = "таблица стилей" href = "/ assets / mdl / material.min.css"> Строка № .-7: <link type = "text / css" rel = "таблица стилей" href = "/ assets / mdl / extra.css"> Строка №-8: <meta name = "viewport" content = "width = device -width, initial-scale = 1.0 "> Строка №-9: <link rel =" значок ярлыка "href =" // kodesource.top/images/favicon.png "> Строка №-10: <title> Интернет учебные пособия по разработке | w3resource </ title> Строка №-11: <meta name = "viewport" content = "width = device-width, initial-scale = 1.0"> Строка №-12: <meta name = "description" content = " Учебники по веб-разработке на HTML, CSS, JS, PHP, SQL, MySQL, PostgreSQL, MongoDb, JSON и т. Д. "> Строка № 13: <meta property =" og: title "content =" Учебники по веб-разработке от w3resource " /> Строка №-14: <meta property = "og: description" content = "Учебники по веб-разработке на HTML, CSS, JS, PHP, SQL, MySQL, PostgreSQL, MOngoDb, JSON и других." /> Строка №-15: <meta property = "og: type" content = "tutorial" /> Строка №-16: <meta property = "og: url" content = "/" /> Строка №- 17: <meta property = "og: image" content = "/ images / w3resource-logo.png" /> Строка №-18: <meta property = "og: site_name" content = "w3resource" /> Строка № -19: <meta name = "msvalidate.01" content = "1F8E3A7A751C0BD17BCB6CE7509D800B" /> Строка №-20: Строка №-21: <script type = "application / ld + json"> Строка №-22: { Строка №-23: «@context»: «https://schema.org», Строка №-24: «@type»: «Веб-сайт», Строка №-25: «URL-адрес»: «/», Строка №-26: «потенциальное действие»: {Строка №-27: «@type»: «SearchAction», строка №-28: «цель»: «https://query.w3resource.com/search?q = w3resource ", строка № 29:" запрос-ввод ":" обязательное имя = w3resource "строка № 30:} строка № 31:} строка № 32: </ script> строка № 33: <script src = "// cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/cookieconsent.min.js"> </ script> Строка № 34: <script> Строка № 35 : Строка №-36: window.cookieconsent_options = {Строка №-37: Строка №- 38: сообщение: «Этот сайт использует куки для предоставления наших услуг и показа вам соответствующих объявлений. Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику конфиденциальности. Использование вами сервисов w3resource регулируется этими политиками », строка № 39: строка № 40: тема:« темное дно », строка № 41: строка № 42: LearnMore:« Подробнее ', Строка №-43: строка №-44: ссылка:' /privacy.php 'строка №-45: строка №-46:}; Строка №-47: Строка №-48: </ script> Строка №-49: <style type = "text / css"> Строка №-50: .demo-card-square.mdl-card {Строка №-51: ширина: 320 пикселей; Строка №-52: высота: 320 пикселей; Строка №-53:} Строка №-54: .demo-card-square> .mdl-card__title {Строка №-55: цвет: #fff; Строка №-56: / * фон: Строка №-57: url ('../ assets / demos / dog.png') внизу справа 15% без повтора # 46B6AC; * / Строка №-58:} Строка №-59: .mdl-card__supporting-text a {Строка №-60: отображение: встроенный блок; Строка № 61: отступы: 5 пикселей; Строка №-62:} Строка №-63: .mdl-card__supporting-text a: ссылка {Строка №-64: цвет: # 4485FF Строка №-65:} Строка №-66: .mdl-card__supporting -текст a: hover {Строка №-67: цвет: # f86d1d Строка №-68:} Строка №-69: .mdl-card__supporting-text a: посещения {Строка №-70: цвет: # 5407bf Строка №-71:} Строка №-72: .mdl-card__supporting-text a: active {Строка №-73: цвет: # 4485FF Строка №-74:} Строка №-75: .mdl-card__actions. mdl-card - border {Строка №-76: цвет фона: # 4485FF Строка №-77:} Строка №-78: .demo-card-square.mdl-card {Строка №-79: высота : 250px Строка №-80:} Строка №-81: .mdl-card__actions.mdl-card - граница a {Строка №-82: цвет: #fff Строка №-83:} Строка №-84 : html, body {Строка №-85: цвет фона: # e8e8ee Строка №-86:} Строка №-87: </ style> Строка №-88: </ head> Строка №-89: <body> Строка №-90: <style type = "text / css"> Строка №-91: статья a {Строка №-92: оформление текста: нет Строка №-93:} Строка №- 94: строка №-95: .mdl-menu {строка №-96: минимальная ширина: 1024 пикселей; Строка №-97:} Строка №-98: Строка №-99: .mdl-menu__item {Строка №-100: высота: 24px; Строка №-101: высота строки: 24px Строка №-102:} Строка №-103: Строка №-104: .header_notice a {Строка №-105: цвет: #fff Строка №-106: } Строка №-107: .widget {display: none! Важный;} Строка №-108: </ style> Строка №-109: <script> Строка №-110: (функция (i, s, o , g, r, a, m) {Строка №-111: i ['GoogleAnalyticsObject'] = r; Строка №-112: i [r] = i [r] || function () {Строка №- 113: (i [r] .q = i [r] .q || []). Push (аргументы) Строка №-114:}, i [r] .l = 1 * новая Дата (); Строка № .-115: a = s.createElement (o), m = s.getElementsByTagName (o) [0]; строка №-116: a.async = 1; строка №-117: a.src = g; строка №-118: m.parentNode.insertBefore (a, m) Строка №-119:}) (окно, документ, «скрипт», «//www.google-analytics.com/analytics.js», «ga «); Строка №-120: ga («создать», «UA-21234995-1», «авто»); Строка №-121: ga («отправить», «просмотр страницы»); Строка №-122: </ script> Строка №-123: <div class = "mdl-layout mdl-layout - fixed-header"> Строка №-124: <header class = "mdl-layout__header"> Строка №-125: <div class = "mdl-layout__header-row"> <a href="https://kodesource.top" style="text-decoration: none;"> <span class = "mdl-layout -title "style =" margin-left: -50px; margin-top: -3px; цвет: #fff "> w3resource </ span> </a> Строка №-126: Строка №-127: <идентификатор кнопки = "main-menu-lower-right" class = "mdl-button mdl-js-button mdl-button - icon"> <i class = "material-icons"> меню </ i> </ button> Строка № .-128: <nav class = "mdl-navigation mdl-layout - только для большого экрана"> Строка №-129: <div class = "mdl-grid mdl-menu mdl-cell-mdl-menu-- нижний правый mdl-js-menu mdl-js-ripple-effect "style =" width: 100%; overflow-x: скрытый; высота: 360px; overflow-y: scroll "for =" главное меню-нижний правый "> Строка №-130: <div class =" mdl-cell mdl-cell - 3-col "> Строка №-131: <ul> Строка №-132: <li class =" mdl-menu__item mdl -cell - 12-col "style =" color: # f86d1d; высота: 24px; высота строки: 24px "> Front End </ li> Строка №-133: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/html/HTML-tutorials.php"> HTML </a> </ li> Строка № .-134: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/css/CSS-tutorials.php"> CSS </a> </ li> Строка № 135: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/javascript/javascript.php"> JavaScript </a> </ li> Строка №-136: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/html5/introduction.php"> HTML5 </a> </ li> Строка №-137: <li class = "mdl -menu__item mdl-cell - 12-col. "> <a href="/schema.org/introduction.php"> Schema.org </a> </ li> Строка № 138: <li class =" mdl -menu__item mdl-cell - 12-col. "> <a href="/phpjs/use-php-functions-in-javascript.php"> php.js </a> </ li> Строка №-139: <li class = "mdl-menu__item mdl-cell - 12-col."> <a href="/twitter-bootstrap/tutorial.php"> Bootstrap Twitter </a> </ li> строка № 140: < li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/responsive-web-design/overview.php"> Учебник по адаптивному веб-дизайну </a> </ li> Строка № 141: <li class = "mdl-menu__item mdl-cell - 1 2-колонка "> <a href="/zurb-foundation3/introduction.php"> Учебные пособия по Zurb Foundation 3 3 </a> </ li> Строка №-142: <li class =" mdl-menu__item mdl-cell- -12-col "> <a href="/pure/"> Pure CSS </a> </ li> Строка №-143: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href="/html5-canvas/"> HTML5 Canvas </a> </ li> Строка №-144: <li class = "mdl-menu__item mdl-cell - 12-col" "> <a href = "/course/javascript-course.html" target = "_ blank"> Курс JavaScript </a> </ li> Строка №-145: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/icon/"> Значок </a> </ li> Строка №-146: <li class = "mdl-menu__item mdl-cell - 12-col" style = "color: # f86d1d; высота: 24px; line-height: 24px "> Linux </ li> Строка №-147: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href =" / linux-system-администрация / установка. php "> Домашняя страница Linux </a> </ li> Строка №-148: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href =" / linux-system-Administration / linux -commands-ввод.php "> Команды Linux </a> </ li> Строка №-149: <li class =" mdl-menu__item mdl-cell - 12-столбец "> <a href =" / linux- system-Administration / installation.php "> Администрирование сервера Linux </a> </ li> Строка №-150: </ ul> Строка №-151: </ div> Строка №-152: <div class = "mdl-cell mdl-cell - 3-col"> Строка №-153: <ul> Строка №-154: <li class = "mdl-menu__item mdl-cell - 12-col" style = "color : # f86d1d; высота: 24px; line-height: 24px "> Back End </ li> Строка №-155: <li class =" mdl-menu__item mdl-cell - 12-col "" <a href = "/ php / php-home.php "> PHP </a> </ li> Строка №-156: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href="/python/python-tutorial.php"> Python </a> </ li> Строка №-157: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/java-tutorial/"> Java </a> </ li> Строка №-158: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/node.js/node.js-tutorials.php"> Node.js </a> </ li> Строка №-159: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/ruby/"> Ruby </a> </ li > Строка №-160: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/c-programming/programming-in-c.php"> C-программирование </a> </ li> Строка №-161: <li class = "mdl-menu__item mdl-cell - 12-col" style = "color: # f86d1d; высота: 24px; line-height: 24px "> SQL & RDBMS </ li> Строка №-162: <li class =" mdl-menu__item mdl-cell - 12-столбец "> <a href =" / sql / tutorials.php " > SQL (стандарт ANSI 2003) </a> </ li> Строка №-163: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href = "/ mysql / mysql- tutorials.php "> MySQL </a> </ li> Строка №-164: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href =" https://w3resource.com /PostgreSQL/tutorial.php">PostgreSQL </a> </ li> Строка № 165: <li class = "mdl-menu__item mdl-cell - 12-столбец"> <a href = "/ sqlite /" > SQLite </a> </ li> Строка №-166: <li class = "mdl-menu__item mdl-cell - 12-col" style = "color: # f86d1d; высота: 24px; line-height: 24px "> NoSQL & MongoDB </ li> Строка №-167: <li class =" mdl-menu__item mdl-cell - 12-столбец "> <a href =" / mongodb / nosql.php " > NoSQL </a> </ li> Строка №-168: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/mongodb/nosql.php"> MongoDB </ a> </ li> Строка №-169: <li class = "mdl-menu__item mdl-cell - 12-col" style = "color: # f86d1d; высота: 24px; line-height: 24px "> API </ li> Строка №-170: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href =" / API / google-plus / tutorial. php "> API Google Plus </a> </ li> Строка №-171: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href =" / API / youtube / tutorial. php "> API YouTube </a> </ li> Строка №-172: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href =" / API / google-maps / index .php "> API Карт Google </a> </ li> Строка №-173: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href =" / API / flickr / tutorial .php "> API Flickr </a> </ li> Строка №-174: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href =" / API / last.fm / tutorial.php "> Last.fm API </a> </ li> Строка №-175: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href =" / API / twitter -rest-api / "> API REST Twitter </a> </ li> Строка №-176: </ ul> Строка №-177: </ div> Строка №-178: <div class =" mdl -cell mdl-cell - 3-col "> Строка №-179: <ul> Строка №-180: <li class =" mdl-menu__item mdl-cell - 12-col "style =" color: # f86d1d; высота: 24px; line-height: 24px "> Interchnage Data </ li> Строка №-181: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href="/xml/xml.php"> XML </a> </ li> Строка №-182: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/JSON/introduction.php"> JSON </ a > </ li> Строка №-183: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/ajax/introduction.php"> Ajax </a> </ li > Строка №-184: <li class = "mdl-menu__item mdl-cell - 12-col" style = "color: # f86d1d; высота: 24 пикселя; line-height: 24px "> Упражнения </ li> Строка №-185: <li class =" mdl-menu__item mdl-cell - 12-col "" <a href = "/ html-css-упражнение / индекс. php "> HTML CSS Exercises </a> </ li> Строка №-186: <li class =" mdl-menu__item mdl-cell - 12-col "" <a href="/javascript-exercises/"> Упражнения JavaScript </a> </ li> Строка №-187: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/jquery-exercises/"> Упражнения jQuery </ a> </ li> Строка №-188: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/jquery-ui-exercises/"> Упражнения jQuery-UI </ a> </ li> Строка №-189: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/coffeescript-exercises/"> CoffeeScript Exercises </a> </ li> Строка № 190: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/php-exercises/"> Упражнения по PHP </a> </ li> Строка № .-191: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/python-exercises/"> Упражнения на Python </a> </ li> Строка №-192: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/c-programming-exercises/"> Упражнения по программированию на C </a> </ li> Строка №-193: < L i class = "mdl-menu__item mdl-cell - 12-col"> <a href="/csharp-exercises/"> Упражнения на C # </a> </ li> Строка №-194: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/java-exercises/"> Упражнения на Java </a> </ li> Строка №-195: <li class = "mdl-menu__item mdl-cell - 12 столбцов "> <a href="/sql-exercises/"> Упражнения по SQL </a> </ li> Строка №-196: <li class =" mdl-menu__item mdl-cell- -12-col "> <a href="/oracle-exercises/"> Oracle Exercises </a> </ li> Строка №-197: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href="/mysql-exercises/"> MySQL Exercises </a> </ li> Строка №-198: <li class =" mdl-menu__item mdl-cell - 12-col ""> <a href = "/ sqlite-упражнения /"> Упражнения по SQLite </a> </ li> Строка №-199: <li class = "mdl-menu__item mdl-cell - 12-col" "> <a href =" / postgresql-упражнения / "> Упражнения в PostgreSQL </a> </ li> Строка №-200: <li class =" mdl-menu__item mdl-cell - 12-col "" <a href = "/ mongodb-упражнения / "> Упражнения MongoDB </a> </ li> Строка №-201: <li class =" mdl-menu__item mdl-cell - 12-col "" <a href = "/ twitter-bootstrap / examples.php" > Загрузка Twitter Примеры ремешков </a> </ li> Строка №-202: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/euler-project/"> Euler Project </ a> </ li> Строка №-203: </ ul> Строка №-204: </ div> Строка №-205: <div class = "mdl-cell mdl-cell - 3-col"> Строка №-206: <ul> Строка №-207: <li class = "mdl-menu__item mdl-cell - 12-col" style = "color: # f86d1d; высота: 24px; line-height: 24px "> Викторина </ li> Строка №-208: <li class =" mdl-menu__item mdl-cell - 12-col "" <a href = "https://w3resource.com/w3skills / html5-quiz / "> HTML5 Quiz </a> </ li> Строка №-209: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href =" https: // w3resource.com/w3skills/php-fundamentals/">PHP Quiz </a> </ li> Строка № 210: <li class = "mdl-menu__item mdl-cell - 12-col" "> <a href = "https://w3resource.com/w3skills/sql-beginner/"> SQL Quiz </a> </ li> Строка №-211: <li class =" mdl-menu__item mdl-cell - 12-col " > <a href="https://w3resource.com/w3skills/python-beginner-quiz/"> Python Quiz </a> </ li> Строка №-212: <li class = "mdl-menu__item mdl- ячейка - 12-значная "> <a href="https://w3resource.com/w3skills/mysql-basic-quiz/"> MySQL Quiz </a> </ li> Строка №-213: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="https://w3resource.com/w3skills/javascript-basic-skill-test/"> JavaScript I Quiz </a> </ li > Строка №-214: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="https://w3resource.com/w3skills/javascript-advanced-quiz/"> JavaScri тест II. </a> </ li> Строка №-215: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href = "https://w3resource.com/w3skills/ javascript-quiz-part-iii / "> JavaScript III Quiz </a> </ li> Строка №-216: <li class =" mdl-menu__item mdl-cell - 12-col "" <a href = " https://w3resource.com/w3skills/mongodb-basic-quiz/"> MongoDB Quiz </a> </ li> Строка №-217: <li class = "mdl-menu__item mdl-cell - 12-col. "style =" color: # f86d1d; высота: 24px; line-height: 24px "> Шаблон формы </ li> Строка №-218: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href="/form-template/"> Формы Шаблон </a> </ li> Строка №-219: <li class = "mdl-menu__item mdl-cell - 12-col" style = "color: # f86d1d; высота: 24px; line-height: 24px "> Слайды </ li> Строка №-220: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href="/slides/"> Презентация слайдов </ a> </ li> Строка №-221: <li class = "mdl-menu__item mdl-cell - 12-col" style = "color: # f86d1d; высота: 24px; высота строки: 24 пикселя "> Документы Google </ li> Строка №-222: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href="/form-template/"> Формы Шаблон </a> </ li> Строка №-223: <li class = "mdl-menu__item mdl-cell - 12-col"> <a href="/slides/"> Презентация слайдов </a> < / li> Строка №-224: <li class = "mdl-menu__item mdl-cell - 12-col" style = "color: # f86d1d; высота: 24px; line-height: 24px "> Инструменты преобразования </ li> Строка №-225: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href =" / convert / number / binary-to -decimal.php "> Преобразование чисел </a> </ li> Строка №-226: <li class =" mdl-menu__item mdl-cell - 12-col "style =" color: # f86d1d; высота: 24 пикс. ; высота строки: 24 пикселя "> MS Excel </ li> Строка №-227: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href="/excel/"> Учебное пособие по Excel 2013 </a> </ li> Строка №-228: <li class = "mdl-menu__item mdl-cell - 12-col" style = "color: # f86d1d; высота: 24px; line-height: 24px "> Videos </ li> Строка №-229: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href =" / video-tutorial / php / some- basics-of-php.php "> PHP-видео </a> </ li> Строка №-230: <li class =" mdl-menu__item mdl-cell - 12-col ""> <a href = "/ video -tutorial / javascript / list-of-tutorial.php "> Видео JavaScript </a> </ li> Строка №-231: <li class =" mdl-menu__item mdl-cell - 12-col "style =" цвет: # f86d1d; высота: 24px; line-height: 24px "> Инструменты </ li> Строка №-232: <li class =" mdl-menu__item mdl-cell - 12-col "" <a href = "/ web-development-tools / firebug- tutorials.php "> Учебник по Firebug </a> </ li> Строка №-233: <li class =" mdl-menu__item mdl-cell - 12-col "> <a href =" / web-development-tools /useful-web-development-tools.php">Полезные инструменты </a> </ li> Строка №-234: </ ul> Строка №-235: </ div> Строка №-236: </ div> Строка №-237: </ nav> Строка №-238: <div class = "np"> </ div> Строка №-239: <div class = "mdl-layout-spacer"> </ div> Строка №-240: Строка №-241: <div class = "mdl-textfield mdl-js-textfield mdl-textfield - расширяемое mdl-текстовое поле - mdl-textfield с плавающей меткой - align-right" > Строка №-242: Строка №-243: <div class = "mdl-textfield__expandable-holder"> Строка №-244: <input class = "mdl-textfield__input" type = "text" name = "sample" id = "fixed-header-box-exp"> </ div> Строка №-245: </ div> Строка №-246: <nav class = "mdl-navigation mdl-layout - только для большого экрана "> Строка №-247: Строка №-248: Строка №-249: <style type =" text / css "> Строка №- 250: .gsc-control-cse {Строка №-251: высота: 20 пикселей; Строка №-252: цвет фона: rgb (63, 81, 181); Строка №-253: граница: 0; Строка №-254: верхняя граница: -15px; Строка №-255:! Важно; Строка №-256:} Строка №-257: Строка №-258: .gsc-control-cse-en {Строка №-259: высота: 20 пикселей; Строка №-260: цвет фона: rgb (63, 81, 181); Линия № 261: граница: 0; Строка №-262: верхняя граница: -15px; Строка №-263:! Важно; Строка №-264:} Строка №-265: </ style> Строка №-266: <div class = "customSearch" style = "border: 0px solid; поле: -20px; ширина: 400px; высота: автоматически ; "> Строка №-267: <скрипт> Строка №-268: (функция () {Строка №-269: var cx = '013584948386948090933: pjqiqxq1drs'; Строка №-270: var gcse = document.createElement ('script'); Строка №-271: gcse.type = 'text / javascript'; Строка №-272: gcse.async = true; Строка №-273: gcse.src = 'https: // cse .google.com / cse.js? cx = '+ cx; строка №-274: var s = document.getElementsByTagName (' script ') [0]; строка №-275: s.parentNode.insertBefore (gcse, s); строка №-276:}) (); Строка №-277: </ script> Строка №-278: <gcse: search enableAutoComplete = "true"> </ gcse: search> Строка №-279: </ div> Строка №-280: Строка № .-281: <button id = "demo-menu-lower-right" class = "mdl-button mdl-js-button mdl-button - icon"> <i class = "material-icons"> поделиться </ i > </ button> Строка №-282: <ul class = "mdl-menu mdl-menu - нижний правый mdl-js-menu mdl-js-ripple-effect" for = "демо-меню-нижний правый "style =" overflow-y: scroll; min-width: 200px "> Строка №-283: <li class =" mdl-menu__item "> <a href =" https://www.facebook.com/w3resource " > Facebook </a> </ li> Строка №-284: <li class = "mdl-menu__item"> <a href="https://twitter.com/w3resource"> Twitter </a> </ li > Строка №-285: <li class = "mdl-menu__item"> <a href="https://plus.google.com/+W3resource"> Google Plus </a> </ li> Строка №- 286: <li class = "mdl-menu__item"> <a href="https://in.linkedin.com/in/w3resource"> Linkedin </a> </ li> Строка №-287: <li class = "mdl-menu__item"> <a href="https://feeds.feedburner.com/W3resource"> RSS </a> </ li> Строка №-288: </ ul> Строка №-289: </ nav> L ine №-290: </ div> Строка №-291: </ header> Строка №-292: <main class = "mdl-layout__content"> Строка №-293: <div class = "page-content "> Строка №-294: <div class =" mdl-grid "> Строка №-295: <div class =" mdl-cell mdl-cell - 3-столбец mdl-cell - hide-phone "> Строка №-296: <a href="//kodesource.top"> <script type = "text / javascript" style = "display: none"> Строка №-297: // <! [CDATA [Строка № .-298: окно .__ mirage2 = {petok: "6b9b7bf86aa93cf618dd44b74e66e229a05ece2c-1565727765-1800"}; Строка №-299: //]]> Строка №-300: </ script> Строка №-301: <script type = "text / javascript" src = "https://ajax.cloudflare.com/cdn -cgi / scripts / 04b3eb47 / cloudflare-static / mirage2.min.js "> </ script> Строка №-302: <img data-cfsrc =" / images / w3resource-logo.png "alt =" w3resource logo " style = "display: none; visibility: hidden;"> <noscript> <img src = "/ images / w3resource-logo.png" alt = "w3resource logo"> </ noscript> </a> Строка №-303 : </ div> Строка №-304: <div class = "mdl-cell mdl-cell - 9-cold mdl-cell - hide-phone"> Строка №-305: Строка №-306: < / div> Строка №-307: </ div> Строка №-308: <div class = "mdl-grid"> Строка №-309: <div class = "mdl-cell mdl-cell - 12- col mdl-card mdl-shadow - от 2dp до mdl-shadow - 6dp mdl-cell - hide-phone "> Строка №-310: Строка №-311: Строка №-312: <p style =" margin: 3px "> Новые упражнения добавлены в: <a href="/ruby-exercises/"> Ruby, </a> <a href="/java-exercises/"> Java, </a> <a href = "/ php-упражнения /"> PHP, </a> <a href="/python-exercises/"> Python, </a> <a href="/c-programming-exercises/"> C Programmin g, </a> Строка №-313: <a href="/graphics/matplotlib/"> Matplotlib, </a> <a href="/python-exercises/numpy/index.php"> Python NumPy, </a> <a href="/python-exercises/pandas/index.php"> Python Pandas </a>, <a href="https://w3resource.com/plsql-exercises/"> PL / SQL </a>, <a href="https://w3resource.com/swift-programming-exercises/"> Swift </a> </ p> Строка №-314: </ div> Строка №-315 : </ div> Строка №-316: <div class = "mdl-grid"> Строка №-317: <div class = "mdl-cell mdl-cell - 4-col">> Строка №-318 : <div class = "квадрат демо-карты mdl-карта mdl-shadow - 2dp"> строка №-319: <div class = "mdl-card__actions mdl-карта-граница"> строка №-320: <a> Обучающие программы внешнего интерфейса </a> Строка №-321: </ div> Строка №-322: <div class = "mdl-card__supporting-text"> Строка №-323: <a href = "/ html /HTML-tutorials.php">HTML </a> Строка №-324: <a href="/css/CSS-tutorials.php"> CSS </a> Строка №-325: <a href = " /javascript/javascript.php">JavaScript </a> Строка №-326: <a href="/html5/introduction.php"> HTML5 </a> Строка №-327: <a href = "/ schema .org / введение. php "> Schema.org </a> Строка №-328: <a href="/phpjs/use-php-functions-in-javascript.php"> php.js </a> Строка №-329: <a href="/twitter-bootstrap/tutorial.php"> Bootstrap Twitter </a> Строка № 330: <a href="/responsive-web-design/overview.php"> Учебное пособие по адаптивному веб-дизайну </ a> Строка № 331: <a href="/zurb-foundation3/introduction.php"> Учебники по Zurb Foundation 3 3 </a> Строка № 332: <a href="/pure/"> Чистый CSS < / a> Строка №-333: <a href="/html5-canvas/"> HTML5 Canvas </a> Строка №-334: <a href = "/ course / javascript-course.html" target = " _blank "> Курс JavaScript </a> Строка № 335: <a href="/icon/"> Значок </a> Строка № 336: <a href =" / angular / Getting-Start-with- angular.php "> Угловая </a> строка №-337: <a href="/react/react-js-overview.php"> Реагировать </a> строка №-338: <a href =" / vue / installation.php "> Vue </a> Строка №-339: </ div> Строка №-340: </ div> Строка №-341: </ div> Строка №-342: <div class = "mdl-cell mdl-cell - 4-col"> Строка №-343: <div class = "demo-card-square mdl-card mdl-shadow - 2dp"> Строка №-344: < класс div = "mdl-card__actions mdl-card - border"> Строка №-345: <a> Руководства по внутренним программам </a> Строка №-346: </ div> Строка №-347: <div class = "mdl -card__supporting-text "> Строка №-348: <a href="/php/php-home.php"> PHP </a> Строка №-349: <a href =" / python / python-tutorial. php "> Python </a> Строка №-350: <a href="/java-tutorial/"> Java </a> Строка №-351: <a href =" / node.js / node.js -tutorials.php "> Node.js </a> Строка №-352: <a href="/ruby/"> Ruby </a> Строка №-353: <a href =" / c-Programming / program-in-c.php "> программирование на C </a> Строка №-354: <a href="/numpy/"> Python-NumPy </a> Строка №-355: <a href =" / php / composer / a-нежное-введение-в-composer.php "> Композитор </a> Строка №-356: <a href =" / php / PHPUnit / a-нежное введение в юнит-тест- and-testing.php "> PHPUnit </a> Строка № 357: <a
href = "/ laravel / laravel-tutorial.php"> Laravel </a> Строка №-358: </ div> Строка №-359: </ div> Строка №-360: </ div> Строка № .-361: <div class = "mdl-cell mdl-cell - 4-col"> Строка №-362: <div class = "demo-card-square mdl-card mdl-shadow - 2dp"> Строка №-363: <div class = "mdl-card__actions mdl-card - border"> Строка №-364: <a> Учебники по базе данных </a> Строка №-365: </ div> Строка №- 366: <div class = "mdl-card__supporting-text"> Строка №-367: <a href="/sql/tutorials.php"> SQL (стандарт ANSI 2003) </a> Строка №-368: <a href="/mysql/mysql-tutorials.php"> MySQL </a> Строка № 369: <a href="https://w3resource.com/PostgreSQL/tutorial.php"> PostgreSQL </ a > Строка №-370: <a href="/sqlite/"> SQLite </a> Строка №-371: <a href="/mongodb/nosql.php"> NoSQL </a> Строка №- 372: <a href="/mongodb/nosql.php"> MongoDB </a> <a href="/oracle/index.php"> Oracle </a> Строка №-373: <a href = "/ redis / index.php "> Redis </a> Строка №-374: </ div> Строка №-375: </ div> Строка №-376: </ div> Строка №-377: </ div> Строка №-378: Строка №-379: <div class = "m dl-grid "> Строка №-380: <div class =" mdl-cell mdl-cell - 4-col "> Строка №-381: <div class =" demo-card-square mdl-card mdl- shadow - 2dp "> Строка №-382: <div class =" mdl-card__actions mdl-card - border "> Строка №-383: <a> Упражнения с онлайн-редактором </a> Строка №-384 : </ div> Строка №-385: <div class = "mdl-card__supporting-text"> Строка №-386: <a href="/html-css-exercise/index.php"> HTML CSS </ a> Строка №-387: <a href="/javascript-exercises/"> JavaScript </a> Строка №-388: <a href="/jquery-exercises/"> jQuery </a> Строка № .-389: <a href="/jquery-ui-exercises/"> jQuery-UI </a> <a href="/coffeescript-exercises/"> CoffeeScript </a> Строка №-390: <a href = "/ php-упражнения /"> PHP </a> Строка №-391: <a href="/python-exercises/"> Python </a> Строка №-392: <a href = "/ python-упражнения / numpy / index.php "> NumPy </a> Строка №-393: <a href="/python-exercises/pandas/index.php"> Панды </a> Строка №-394: <a href="/ruby-exercises/"> Ruby </a> Строка №-395: <a href="/graphics/matplotlib/"> Matplotlib </a> Строка №-396: <a href = «/ с-programmi ng-упражнения / "> Программирование на C </a> Строка №-397: <a href="/csharp-exercises/"> C # Sharp </a> Строка №-398: <a href =" / cpp- упражнения / "> C ++ </a> Строка №-399: <a href="/java-exercises/"> Java </a> Строка №-400: <a href =" / r-программирование-упражнения / "> Программирование на R </a> Строка №-401: <a href="https://w3resource.com/swift-programming-exercises/"> Swift </a> Строка №-402: <a href = "/ sql-упражнения /"> SQL </a> Строка №-403: <a href="/oracle-exercises/"> Oracle </a> Строка №-404: <a href = "https: / /w3resource.com/plsql-exercises/">PL/SQL </a> Строка №-405: <a href="/mysql-exercises/"> MySQL </a> Строка №-406: <a href = "/ sqlite-упражнения /"> SQLite </a> Строка №-407: <a href="/postgresql-exercises/"> PostgreSQL </a> Строка №-408: <a href = "/ mongodb -exercises / "> MongoDB </a> Строка №-409: <a href="/twitter-bootstrap/examples.php"> Примеры начальной загрузки Twitter </a> Строка №-410: <a href =" / euler-project / "> Проект Эйлера </a> Строка №-411: </ div> Строка №-412: </ div> Строка №-413: </ div> Строка №-414: <div класс = "MDL-ячейка MDL-ячейка - 4-Ко l "> Строка №-415: <div class =" квадрат демо-карты mdl-card mdl-shadow - 2dp "> Строка №-416: <div class =" mdl-card__actions mdl-card - border "> Строка №-417: <a> Linux, Обмен данными и руководства по API </a> Строка №-418: </ div> Строка №-419: <div class =" mdl-card__supporting-text "> Строка №-420: <a href="/linux-system-administration/installation.php"> Домашняя страница Linux </a> Строка №-421: <a href = "/ linux-system-Administration / linux-команды -introduction.php "> Команды Linux </a> Строка №-422: <a href="/linux-system-administration/installation.php"> Администрирование сервера Linux </a> Строка №-423: <a href = "/ xml / xml.php"> XML </a> Строка №-424: <a href="/JSON/introduction.php"> JSON </a> Строка №-425: <a href = "/ajax/introduction.php">Ajax </a> Строка №-426: <a href="/API/google-plus/tutorial.php"> API Google Plus </a> Строка №-427: <a href="/API/youtube/tutorial.php"> API YouTube </a>, строка № 428: <a href="/API/google-maps/index.php"> API Карт Google </ a > Строка №-429: <a href="/API/flickr/tutorial.php"> Flickr API </a> Строка №-430: <a href="/API/last.fm/tutorial.php"> API Last.fm </a> Строка №-431: <a href = "/ API / twitter-rest-api / "> API REST Twitter </a> Строка №-432: </ div> Строка №-433: </ div> Строка №-434: </ div> Строка №-435: <div class =" mdl-cell mdl-cell - 4-col "> строка №-436: <div class =" квадрат демо-карты mdl-карта mdl-shadow - 2dp "> строка №-437: <div class = "mdl-card__actions mdl-card - border"> Строка №-438: <a> Разные руководства </a> Строка №-439: </ div> Строка №-440: <div class = "mdl- card__supporting-text "> Строка №-441: <a href="/excel/"> Учебное пособие по Excel </a> Строка №-442: <a href =" / инструменты для веб-разработки / firebug-tutorials.php "> Руководство по Firebug </a> Строка №-443: <a href="/web-development-tools/useful-web-development-tools.php"> Полезные инструменты </a> Строка №-444: < a href = "/ form-template /"> Шаблон форм Документов Google </a> Строка №-445: <a href="/slides/"> Презентация слайдов Документов Google </a> Строка №-446: < a href = "/ convert / number / binary-to-decimal.php"> Преобразование чисел </a> Строка №-447: </ div> Строка №-448: </ di v> Строка №-449: </ div> Строка №-450: </ div> Строка №-451: Строка №-452: <div class = "mdl-grid"> Строка №-453: <div class = "mdl-cell mdl-cell - 4-col"> Строка №-454: <div class = "demo-card-square mdl-card mdl-shadow - 2dp"> Строка №-455 : <div class = "mdl-card__actions mdl-card - border"> Строка №-456: <a> Тесты </a> Строка №-457: </ div> Строка №-458: <div-класс = "mdl-card__supporting-text"> Строка №-459: <a href="https://w3resource.com/w3skills/"> HTML5 </a> Строка №-460: <a href = "https: //w3resource.com/w3skills/">PHP </a> Строка № 461: <a href="https://w3resource.com/w3skills/"> SQL </a> Строка № 462: < a href = "https://w3resource.com/w3skills/"> Python </a> Строка №-463: <a href="https://w3resource.com/w3skills/"> MySQL </a> № 464: <a href="https://w3resource.com/w3skills/"> JavaScript I </a>, строка № 465: <a href = "https://w3resource.com/w3skills/" > JavaScript II </a> Строка № 466: <a href="https://w3resource.com/w3skills/"> JavaScript III </a> Строка № 467: <a href = "https: / /w3resource.com/w3skills / "> MongoDB </a> Строка №-468: </ div> Строка №-469: </ div> Строка №-470: </ div> Строка №-471: </ div> Строка №-472 : Строка №-473: <стиль> Строка №-474: div.mdl-logo a {Строка №-475: текстовое оформление: нет; Строка №-476: цвет: # 5a7bfe; Строка №-477:} Строка №-478: div.mdl-logo {Строка №-479: цвет: # 5a7bfe; Строка №-480:} Строка №-481: .mdl-mega-footer {Строка №-482: цвет фона: #fff Строка №-483: цвет: # 5a7bfe; Строка №-484:} Строка №-485: .mdl-mega-footer a {Строка №-486: текстовое оформление: нет; Строка №-487: цвет: # 5a7bfe; Строка №-488:} Строка №-489: .megalogo {дисплей: нет! Важно;} Строка №-490: </ style> Строка №-491: </ div> Строка №-492: < footer class = "mdl-mega-footer"> Строка №-493: <div class = "mdl-mega-footer__top-section"> Строка №-494: <div class = "mdl-logo"> <a href = "https://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US" target = "_ blank" class = ""> Эта работа лицензирована в соответствии с лицензией Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported . </a> </ div> Строка №-495: </ div> Строка №-496: </ div> Строка №-497: <div class = "mdl-mega-footer__bottom-section"> Строка №-498: <div class = "mdl-logo"> kodesource.top 2019 </ div> Строка №-499: <ul class = "mdl-mega-footer__link-list"> Строка №-500: < li> <a href="/privacy.php"> Конфиденциальность </a> </ li> Строка №-501: <li> <a href="/about.php"> О программе </a> </ li > Строка №-502: <li> <a href="/contact.php"> Контакт </a> </ li> Строка №-503: <li> <a href="/feedback.php"> Отзыв </a> </ li> Строка №-504: <li> <a href="/advertise.php"> Рекламировать </a> </ li> Строка №-505: </ ul> Строка N o.-506: </ div> строка №-507: </ footer> строка №-508: </ main> строка №-509: <link rel = "stylesheet" href = "https: // fonts .googleapis.com / icon? family = Material + Icons "> Строка №-510: <script> Строка №-511: / ** Строка №-512: * material-design-lite - Компоненты дизайна материалов в CSS , JS и HTML Строка №-513: * @version v1.3.0 Строка №-514: * @license Apache-2.0 Строка №-515: * @copyright 2015 Google, Inc. Строка №-516: * @ ссылка https://github.com/google/material-design-lite Строка №-517: * / Строка №-518:! function () {"использовать строгий"; функция e (e, t) {if ( e) {if (t.element_.classList.contains (t.CssClasses_.MDL_JS_RIPPLE_EFFECT)) {var s = document.createElement ("span"); s.classList.add (t.CssClasses_.MDL_RIPPLE_CONTAcList, sistclass). add (t.CssClasses_.MDL_JS_RIPPLE_EFFECT); var i = document.createElement ("span"); i.classList.add (t.CssClasses_.MDL_RIPPLE), s.appendChild (i), e.appendChild (s)} e. addEventListener ("click", function (s) {if ("#" === e.getAttribute ("href"). charAt (0)) {s.preventDefault (); var i = e.href.split (" # ") [1] , П = t.element_.querySelector ( "#" + I); t.resetTabState (_), t.resetPanelState (_), e.classList.add (t.CssClasses_.ACTIVE_CLASS), n.classList.add (t.CssClasses_ .ACTIVE_CLASS)}})}} функция t (e, t, s, i) {function n () {var n = e.href.split ("#") [1], a = i.content_.querySelector ( "#" + N); i.resetTabState_ (т), i.resetPanelState_ (ы), e.classList.add (i.CssClasses_.IS_ACTIVE), a.classList.add (i.CssClasses_.IS_ACTIVE)}, если (я .tabBar_.classList.contains (i.CssClasses_.JS_RIPPLE_EFFECT)) {var a = document.createElement ("span"); a.classList.add (i.CssClasses_.RIPPLE_CONTAINER), a.classList.add_C .C. JS_RIPPLE_EFFECT); var l = document.createElement ("span"); l.classList.add (i.CssClasses_.RIPPLE), a.appendChild (l), e.appendChild (a)} i.tabBar_.classList.contains ( i.CssClasses_.TAB_MANUAL_SWITCH) || e.addEventListener ( "щелчок", функция (т) { "#" === e.getAttribute ( "HREF"). Charat (0) && (t.preventDefault (), п ( ))}), e.show = n} var s = {upgradeDom: function (e, t) {}, upgradeElement: function (e, t) {}, upgradeElements: function (e) {}, upgradeAllRegistered: function ( ){},р egisterUpgradedCallback: function (e, t) {}, регистр: function (e) {}, downgradeElements: function (e) {}}; s = function () {function e (e, t) {для (var s = 0 ; s <c.length; s ++) if (c [s] .className === e) вернуть "undefined"! = typeof t && (c [s] = t), c [s]; return! 1} функция t (e) {var t = e.getAttribute («data-updated»); вернуть null === t? [""]: t.split (",")} функцию s (e, s) {var i = t (e); вернуть i.indexOf (s)! == - 1} функция i (e, t, s) {if ("CustomEvent" в окне && "function" == typeof window.CustomEvent) вернуть новый CustomEvent (e , {bubbles: t, cancellable: s}); var i = document.createEvent ("Events"); вернуть i.initEvent (e, t, s), i} функцию n (t, s) {if ("undefined "== typeof t &&" undefined "== typeof s) для (var i = 0; i <c.length; i ++) n (c [i] .className, c [i] .cssClass); else {var l = t; if ("undefined" == typeof s) {var o = e (l); o && (s = o.cssClass)} для (var r = document.querySelectorAll ("." + s), _ = 0; _ <r.length; _ ++) a (r [_], l)}} функция a (n, a) {if (! ("object" == typeof n && n instanceof элемента)) throw new Error ("Invalid аргумент для обновления элемента MDL. "); var l = i (" mdl-componentupgrading ",! 0,! 0); i f (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) {_. содержит (e.cssClass) && r.indexOf (e) === - 1 &&! s (n, e.className) && r.push ( e)})} для (var d, h = 0, u = r.length; h <u; h ++) {if (d = r [h] ,! d) выбросить новую ошибку ("Невозможно найти зарегистрированный компонент для данного класса. "); o.push (d.className), n.setAttribute (" обновление данных ", o.join (", ")); var E = new d.classConstructor (n); E [ C] = d, p.push (E); для (var m = 0, L = d.callbacks.length; m <L; m ++) d.callbacks [m] (n); d.widget && (n [d .className] = E); var I = i ("mdl-componentupgraded",! 0,! 1); n.dispatchEvent (I)}}} function l (e) {Array.isArray (e) || (e = e instanceof элемента? [e]: Array.prototype.slice.call (e)); для (var t, s = 0, i = e.length; s <i; s ++) t = e [s], t экземпляр HTMLElement && (a (t), t.children.length> 0 && l (t.children))} функция o (t) {var s = "undefined" == typeof t.widget && "undefined" == typeof t.widget, i =! 0; s || (i = t.widget || t.widget); var n = {classConstructor: t.constructor || t.constructor, className: t.classAsString || t.classAsString, cssCla ss: t.cssClass || t.cssClass, виджет: i, обратные вызовы: []}; if (c.forEach (function (e) {if (e.cssClass === n.cssClass) выдает новую ошибку ("The при условии, что cssClass уже зарегистрирован: "+ e.cssClass); if (e.className === n.className) выдает новую ошибку (" предоставленное className уже зарегистрировано ")}), t.constructor.prototype.hasOwnProperty (C)) throw new Error («Классы компонентов MDL не должны иметь« + C + », определенный как свойство.»); Var a = e (t.classAsString, n); функция || c.push (n)} r (t, s) {var i = e (t); i && i.callbacks.push (s)} function _ () {for (var e = 0; e <c.length; e ++) n (c [e] .className)} функция d (e) {if (e) {var t = p.indexOf (e); p.splice (t, 1); var s = e.element_.getAttribute («обновление данных»). сплит ( " "), п = s.indexOf (е [С] .classAsString); s.splice (п, 1), e.element_.setAttribute (" данные повышены", s.join ( "") ); var a = i ("mdl-компонент понижен",! 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 instance of Array || e instanceof NodeList) для (var s = 0; s <e.length; s ++) t (e [s]); else {if (! (e instanceof Node)) throw new Error («Предоставлен неверный аргумент для понижения уровня узлов MDL.»); t (e)}} var c = [], p = [] , С = "mdlComponentConfigInternal _"; возвращение {upgradeDom: п, upgradeElement: а, upgradeElements: л, upgradeAllRegistered: _ registerUpgradedCallback: г, регистре: O, downgradeElements: ч}} (), s.ComponentConfigPublic, s.ComponentConfig, с .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 ("load", function () {"classList" в document.createElement ("div") && "querySelector" в document && "addEventListener" в окне && Array.prototype.forEach? (document.documentElement.classList.add ("mdl-js"), s.upgradeAllRegistered ()) :( s.upgradeElement = function () {}, s.register = function () {})}), Date.now || (Date.now = функция () {возвращение (новая дата) .getTime ()}, Date.now = Date.now); для (var i = ["webkit", "moz"], n = 0; n <i.length &&! window.requestAnimationFrame; ++ n) {var a = i [n]; window.requestAnimationFrame = window [a + "RequestAnimationFrame"], window.cancelAnimationFrame = window [a + "CancelAnimationFrame"] || window [a + "CancelRequestAnimationFrame"], 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); вернуть setTimeout (function () {e (l = s)}, st)}, window.cancelAnimationFrame = clearTimeout, window.requestAnimationFrame = window.requestAnimationFrame, window.cancelAnimationFrame = window.cancelAnimationFrame} var o = function (e) {this.element_ = e, this.init () }B). = O, o.prototype.Constant _ = {}, o.prototype.CssClasses _ = {RIPPLE_EFFECT: "MDL-JS-пульсации-эффект", RIPPLE_CONTAINER: "MDL-button__ Пульсации-контейнер», ПУЛЬСАЦИИ: "MDL-пульсация"}, o.prototype.blurHandler_ = функция (е) {е && this.element_.blur ()}, o.prototype.disable = функция () {this.element_.disabled = ! 0}, o.prototype.disable = o.prototype.disable, o.prototype.enable = функция () {this.element_.disabled =! 1}, o.prototype.enable = o.prototype.enable, о. prototype.init = function () {if (this.element _) {if (this.element_.classList.contains (this.CssClasses_.RIPPLE_EFFECT)) {var e = document.createElement ("span"); e.classList.add (this.CssClasses_.RIPPLE_CONTAINER), this.rippleElement_ = document.createElement ( "оболочка"), this.rippleElement_.classList.add (this.CssClasses_.RIPPLE), e.appendChild (this.rippleElement _) = this.boundRippleBlurHandler это .blurHandler_.bind (это), this.rippleElement_.addEventListener ( "MouseUp", this.boundRippleBlurHandler), this.element_.appendChild (е)} this.boundButtonBlurHandler = this.blurHandler_.bind (это), this.element_.addEventListener ( "MouseUp", this.boundButtonBlurHandler), this.element_.addEventListener ( "MouseLeave", this.boundButtonBlurHandl er)}}, s.register ({constructor: o, classAsString: "MaterialButton", cssClass: "mdl-js-button", виджет:! 0}); var r = function (e) {this.element_ = e , this.init ()}; window.MaterialCheckbox = г, r.prototype.Constant _ = {TINY_TIMEOUT: .001}, r.prototype.CssClasses _ = {ВХОД: "MDL-checkbox__input", BOX_OUTLINE: "MDL-checkbox__box контурные », FOCUS_HELPER: "лея-checkbox__focus-помощник", TICK_OUTLINE: "лея-checkbox__tick контурные", RIPPLE_EFFECT: "лея-JS-пульсация-эффект", RIPPLE_IGNORE_EVENTS: "лея-JS-пульсация-эффект - игнорирующие-события" , RIPPLE_CONTAINER: "лея-checkbox__ripple-контейнер", RIPPLE_CENTER: "лея-пульсация - центр", RIPPLE: "лея-пульсация", IS_FOCUSED: "это-ориентированный", IS_DISABLED: "это-инвалиды", IS_CHECKED: "есть -checked», IS_UPGRADED: "это-обновление"}, r.prototype.onChange_ = функция (е) {this.updateClasses (_)}, r.prototype.onFocus_ = функция (е) {this.element_.classList.add ( this.CssClasses_.IS_FOCUSED)}, r.prototype.onBlur_ = функция (е) {this.element_.classList.remove (this.CssClasses_.IS_FOCUSED)}, r.prototype.onMouseUp_ = функция (е) {this.blur_ ( )}, r.prototype.upda teClasses_ = функция () {this.checkDisabled (), this.checkToggleState ()}, r.prototype.blur_ = функция () {window.setTimeout (функция () {this.inputElement_.blur ()}. связывать (это) , this.Constant_.TINY_TIMEOUT)}, r.prototype.checkToggleState = функция () {this.inputElement_.checked this.element_.classList.add (this.CssClasses_.IS_CHECKED): this.element_.classList.remove (это. CssClasses_.IS_CHECKED)}, r.prototype.checkToggleState = r.prototype.checkToggleState, r.prototype.checkDisabled = функция () {this.inputElement_.disabled this.element_.classList.add (this.CssClasses_.IS_DISABLED): это .element_.classList.remove (this.CssClasses_.IS_DISABLED)}, r.prototype.checkDisabled = r.prototype.checkDisabled, r.prototype.disable = функция () {this.inputElement_.disabled =! 0, this.updateClasses_ ( )}, r.prototype.disable = r.prototype.disable, r.prototype.enable = функция () {this.inputElement_.disabled! = 1, this.updateClasses _ ()}, r.prototype.enable = r.prototype .enable, r.prototype.check = функция () {this.inputElement_.checked! = 0, this.updateClasses_ ( )}, R.prototype.check = r.prototype.check, r.prototype.uncheck = функция () {this.inputElement_.checked! = 1, this.updateClasses _ ()}, r.prototype.uncheck = r.prototype .uncheck, r.prototype.init = function () {if (this.element _) {this.inputElement_ = this.element_.querySelector ("." + this.CssClasses_.INPUT); var e = document.createElement ("span) "); e.classList.add (this.CssClasses_.BOX_OUTLINE); var t = document.createElement (" span "); t.classList.add (this.CssClasses_.FOCUS_HELPER); var s = document.createElement (" span «); если (s.classList.add (this.CssClasses_.TICK_OUTLINE), e.appendChild (ов), this.element_.appendChild (т), this.element_.appendChild (е), this.element_.classList.contains (this.CssClasses_.RIPPLE_EFFECT)) {this.element_.classList.add (this.CssClasses_.RIPPLE_IGNORE_EVENTS), this.rippleContainerElement_ = document.createElement ( "оболочка"), this.rippleContainerElement_.classList.add (this.CssClasses_.RIPPLE_CONTAINER ), this.rippleContainerElement_.classList.add (this.CssClasses_.RIPPLE_EFFECT), this.rippleContainerElement_.classList.ad d (this.CssClasses_.RIPPLE_CENTER), this.boundRippleMouseUp = this.onMouseUp_.bind (this), this.rippleContainerElement_.addEventListener ("mouseup", this.boundRippleMouseUp); var i = document.createElement () .classList.add (this.CssClasses_.RIPPLE), this.rippleContainerElement_.appendChild (я), this.element_.appendChild (this.rippleContainerElement _)} this.boundInputOnChange = this.onChange_.bind (это), this.boundInputOnFocus = это .onFocus_.bind (это), this.boundInputOnBlur = this.onBlur_.bind (это), this.boundElementMouseUp = this.onMouseUp_.bind (это), this.inputElement_.addEventListener ( "изменение", this.boundInputOnChange), этот .inputElement_.addEventListener ( "фокус", this.boundInputOnFocus), this.inputElement_.addEventListener ( "размытость", this.boundInputOnBlur), this.element_.addEventListener ( "MouseUp", this.boundElementMouseUp), this.updateClasses_ (), this.element_.classList.add (this.CssClasses_.IS_UPGRADED)}}, s.register ({конструктор: г, classAsString: "MaterialCheckbox", CssClass: "MDL-JS-бокс", виджет: 0}); вар _ = весело ие (е) {this.element_ = е, this.init) (}; window.MaterialIconToggle = _ _ _ prototype.Constant = {TINY_TIMEOUT: .001}.., _ _ prototype.CssClasses = {ВХОД: "Значок MDL- -toggle__input "JS_RIPPLE_EFFECT: "лея-JS-пульсация-эффект", RIPPLE_IGNORE_EVENTS: "лея-JS-пульсация-эффект - игнорирующая-событие", RIPPLE_CONTAINER: "лея-икона-toggle__ripple-контейнер", RIPPLE_CENTER:" mdl- пульсация - центр», RIPPLE: " лея-пульсация", IS_FOCUSED: "является ориентированной", IS_DISABLED: "это-инвалидов", IS_CHECKED: "это проверено"}, _ prototype.onChange_ = функция (е) { this.updateClasses (_)} _. prototype.onFocus_ = функция (е) {this.element_.classList.add (this.CssClasses_.IS_FOCUSED)} _. prototype.onBlur_ = функция (е) {this.element_.classList .remove (this.CssClasses_.IS_FOCUSED)} _. prototype.onMouseUp_ = функция (е) {this.blur (_)} _. prototype.updateClasses_ = функция () {this.checkDisabled (), this.checkToggleState () } _. prototype.blur_ = функция () {window.setTimeout (функция () {this.inputElement_.blur ()}. Bind (это), this.Constant_.TINY_TIMEOUT)} _. prototype.checkToggleState = функция ( ) {this.inputElem ent_.checked this.element_.classList.add (this.CssClasses_.IS_CHECKED):... this.element_.classList.remove (this.CssClasses_.IS_CHECKED)}, _ prototype.checkToggleState = _ prototype.checkToggleState, _ прототип .checkDisabled = функция () {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 = функция () {this.inputElement_.disabled! = 0, this.updateClasses _ ()}, _. prototype.disable = _. prototype.disable, _. prototype.enable = функция () {this.inputElement_.disabled =! 1, this.updateClasses (_)} _. prototype.enable = _. prototype.enable _. prototype.check = функция () {this.inputElement_.checked =! 0 , this.updateClasses _ ()}, _. prototype.check = _. prototype.check, _. prototype.uncheck = функция () {this.inputElement_.checked! = 1, this.updateClasses _ ()}, _. прототип. снимите флажок = _. prototype.uncheck _. prototype.init = функция () {если (this.element _) {если (this.inputElement_ = this.element_.que rySelector ( "" + this.CssClasses_.INPUT), this.element_.classList.contains (this.CssClasses_.JS_RIPPLE_EFFECT)) {this.element_.classList.add (this.CssClasses_.RIPPLE_IGNORE_EVENTS), this.rippleContainerElement_ = документ. createElement ( "оболочка"), 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 ("mouseup", this.boundRippleMouseUp); var e = document.createElement ("span"); e.classList.add (this. CssClasses_.RIPPLE), this.rippleContainerElement_.appendChild (е), this.element_.appendChild (this.rippleContainerElement _)} this.boundInputOnChange = this.onChange_.bind (это), this.boundInputOnFocus = this.onFocus_.bind (это) , this.boundInputOnBlur = this.onBlur_.bind (это), this.boundElementOnMouseUp = this.onMouseUp_.bind (это), this.inputElement_.addEven tListener ( "изменение", this.boundInputOnChange), this.inputElement_.addEventListener ( "фокус", this.boundInputOnFocus), this.inputElement_.addEventListener ( "размытость", this.boundInputOnBlur), this.element_.addEventListener ( "MouseUp" , this.boundElementOnMouseUp), this.updateClasses (_), this.element_.classList.add ( "это-обновление")}}, s.register ({конструктор: _ classAsString: "MaterialIconToggle", CssClass: "MDL-JS -icon-toggle ", widget:! 0}); var d = function (e) {this.element_ = e, this.init ()}; window.MaterialMenu = d, d.prototype.Constant _ = {TRANSITION_DURATION_SECONDS :. 3, TRANSITION_DURATION_FRACTION: 0,8, CLOSE_TIMEOUT: 150}, d.prototype.Keycodes _ = {ENTER: 13, ПОБЕГ: 27, ПЛОЩАДЬ: 32, UP_ARROW: 38, DOWN_ARROW: 40}, d.prototype.CssClasses _ = {КОНТЕЙНЕР» MDL-menu__container "OUTLINE: "MDL-menu__outline", пункт: "MDL-menu__item", ITEM_RIPPLE_CONTAINER: "MDL-menu__item-пульсация-контейнер", RIPPLE_EFFECT: "MDL-JS-пульсация-эффект", RIPPLE_IGNORE_EVENTS:" mdl- JS-пульсация эффект - игнорирующая-событие», пульсация: "лея-пульсация", IS_UPGRADED: "это-модернизировано", IS_VISIBLE: "есть видимый", И.С. _ANIMATING: "это-анимации", BOTTOM_LEFT: "лея меню - слева внизу", BOTTOM_RIGHT: "лея меню - нижний правый", TOP_LEFT: "лея меню - верхний левый", TOP_RIGHT:» mdl-menu - top-right ", UNALIGNED:" mdl-menu - unaligned "}, d.prototype.init = function () {if (this.element _) {var e = document.createElement (" div ") ; e.classList.add (this.CssClasses_.CONTAINER), this.element_.parentElement.insertBefore (е, this.element _) this.element_.parentElement.removeChild (this.element _) e.appendChild (this.element_) , this.container_ = e; var t = document.createElement ("div"); t.classList.add (this.CssClasses_.OUTLINE), this.outline_ = t, e.insertBefore (t, this.element _); var s = this.element_.getAttribute ( "за") || this.element_.getAttribute ( "данных-MDL-за"), i = NULL; s && (я = document.getElementById (ы), я && (this.forElement_ = i, i.addEventListener ("click", this.handleForClick_.bind (this)), i.addEventListener ("keydown", this.handleForKeyboardEvent_.bind (this)))); var n = this.element_.querySelectorAll (" . "+ this.CssClasses_.ITEM); this.boundItemKeydown_ = this.handleItemKeyboardEven t_.bind (this), this.boundItemClick_ = this.handleItemClick_.bind (this); для (var a = 0; a <n.length; a ++) n [a] .addEventListener ("click", this.boundItemClick_) , п [а] .tabIndex = "- 1", п [а] .addEventListener ( "KeyDown", this.boundItemKeydown _); если (this.element_.classList.contains (this.CssClasses_.RIPPLE_EFFECT)) для (это. element_.classList.add (this.CssClasses_.RIPPLE_IGNORE_EVENTS), a = 0; a <n.length; a ++) {var l = n [a], o = document.createElement ("span"); o.classList.add (this.CssClasses_.ITEM_RIPPLE_CONTAINER); var r = document.createElement ("span"); 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) && this.outline_.classList.add (this.CssClasses_.BOTTOM_LEFT), this.element_.classList.contains (this.CssClasses_ .BOTTOM_RIGHT) && this.outline_.classList.add (this.CssClasses_.BOTTOM_RIGHT), this.element_.classList.contains (this.CssClasses_.TOP_LEFT) && this.outline_.classList.add (this.CssClasses_.TOP_LEF Т), this.element_.classList.contains (this.CssClasses_.TOP_RIGHT) && this.outline_.classList.add (this.CssClasses_.TOP_RIGHT), this.element_.classList.contains (this.CssClasses_.UNALIGNED) && this.outline_. classList.add (this.CssClasses_.UNALIGNED), e.classList.add (this.CssClasses_.IS_UPGRADED)}}, d.prototype.handleForClick_ = function (e) {if (this.element _ && this.forElement _) {var t = this .forElement_.getBoundingClientRect (), с = 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 + "точки", this.container_.style.top = this.forElement_.offsetTop + this.forElement_.offsetHeight + "точки"): this.element_.classList .Contains (this.CssClasses_.TOP_LEFT) (this.container_.style.left = this.forElement_.offsetLeft + "точки", this.container_.style.bottom = s.bottom-t.top + "точки"):? это. element_.classList.contains (this.CssClasses_.TOP_RIGHT)? (this.container_.style.right = s.righ tt.right + "точки", this.container_.style.bottom = s.bottom-t.top + "ПВ") :( this.container_.style.left = this.forElement_.offsetLeft + "точки", this.container_.style .top = this.forElement_.offsetTop + this.forElement_.offsetHeight + "ПВ"))} this.toggle (е)}, d.prototype.handleForKeyboardEvent_ = функция (е) {если (this.element _ _ && this.container && this.forElement _) { var t = this.element_.querySelectorAll ("." + this.CssClasses_.ITEM + ": not ([отключено])"); t && t.length> 0 && this.container_.classList.contains (this.CssClasses_.IS_VISIBLE) && (e .keyCode === this.Keycodes_.UP_ARROW (e.preventDefault (), т [t.length-1] .focus ()):? e.keyCode === this.Keycodes_.DOWN_ARROW && (e.preventDefault (), t [0] .focus ()))}}, d.prototype.handleItemKeyboardEvent_ = function (e) {if (this.element _ && this.container _) {var t = this.element_.querySelectorAll ("." + this.CssClasses_. ПУНКТ + ": нет ([отключено])"); if (t && t.length> 0 && this.container_.classList.contains (this.CssClasses_.IS_VISIBLE)) {var s = Array.prototype.slice.call (t) .indexOf ( e.target); если (e.keyCode === this.Keycodes_.UP_ARROW) e.pre ventDefault (), с> 0 т [с-1] .focus (): т [t.length-1] .focus (); остальное
if (e.keyCode === this.Keycodes_.DOWN_ARROW) e.preventDefault (), длина t> s + 1? t [s + 1] .focus (): t [0] .focus (); еще, если (e.keyCode === this.Keycodes_.SPACE || e.keyCode === this.Keycodes_.ENTER) {e.preventDefault (); var i = new MouseEvent ("mousedown"); e.target.dispatchEvent ( i), i = new MouseEvent ("mouseup"), e.target.dispatchEvent (i), e.target.click ()} else e.keyCode === this.Keycodes_.ESCAPE && (e.preventDefault (), это .hide ())}}}, d.prototype.handleItemClick_ = функция (е) {e.target.hasAttribute ( "отключено")? e.stopPropagation () :( this.closing _! = 0, window.setTimeout (функция (е) {this.hide (), this.closing _ =! 1} .bind (это), this.Constant_.CLOSE_TIMEOUT))}, d.prototype.applyClip_ = функция (е, т) {this.element_.classList .contains (this.CssClasses_.UNALIGNED)? this.element_.style.clip = "": this.element_.classList.contains (this.CssClasses_.BOTTOM_RIGHT)? this.element_.style.clip = "rect (0" + t + "px 0" + t + "px)": this.element_.classList.contains (this.CssClasses_.TOP_LEFT)? this.element_.style.clip = "rect (" + e + "px 0" + e + "px 0 ) ": this.element_.classList.c ontains (this.CssClasses_.TOP_RIGHT)? this.element_.style.clip = "rect (" + e + "px" + t + "px" + e + "px" + t + "px)": this.element_.style.clip = ""}, d.prototype.removeAnimationEndListener_ = функция (е) {e.target.classList.remove (d.prototype.CssClasses_.IS_ANIMATING)}, d.prototype.addAnimationEndListener_ = функция () {this.element_.addEventListener ( "transitionend", this.removeAnimationEndListener _), this.element_.addEventListener ("webkitTransitionEnd", this.removeAnimationEndListener _)}, d.prototype.show = function (e) {if (this.element _ && this.container _ & {this.container _ && this.container _ &) this .. this.element_.getBoundingClientRect () по высоте, с = this.element_.getBoundingClientRect () ширина; this.container_.style.width = s + "РХ", this.container_.style.height = T + "ПВ", это. outline_.style.width = s + "px", this.outline_.style.height = t + "px"; для (var i = this.Constant_.TRANSITION_DURATION_SECONDS * this.Constant_.TRANSITION_DURATION_FRACTION, n = this.element_.querySelectorAll (" . "+ this.CssClasses_.ITEM), a = 0; a <длина n; a ++) {var l = null; l = this.element_.classList.contains (this.CssClasses_.TOP_LEFT) || this.element_.classList.contains (this.CssClasses_.TOP_RIGHT) (т [а] .offsetTop-н [а] .offsetHeight) / т * I + "S":? п [а ] .offsetTop / т * I + "s", п [а] .style.transitionDelay = л} this.applyClip_ (т, с), window.requestAnimationFrame (функция () {this.element_.classList.add (this.CssClasses_ .IS_ANIMATING), this.element_.style.clip = "rect (0" + s + "px" + t + "px 0)", 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 ("click", . о), this.hide ())} связать (это); document.addEventListener ( "щелчок", о)}}, d.prototype.show = d.prototype.show, d.prototype.hide = функция () {if (this.element _ && this.container _ && this.outline _) {for (var e = this.element_.querySelectorAll ("." + this.CssClasses_.ITEM), t = 0; t <e.length; t ++) e [t] .style.removeProperty ("transition-delay"); var s = this.element_.getBoundingClientRect (), i = s.height, n = s.width; this.element_.classList.add (this.CssClasses_. IS_ANIMATING), this.applyClip_ (я, п), this.container_.classList.remove (this.CssClasses_.IS_VISIBLE), this.addAnimationEndListener _ ()}}, d.prototype.hide = d.prototype.hide, d.prototype .toggle = функция (е) {this.container_.classList.contains (this.CssClasses_.IS_VISIBLE) this.hide ():? this.show (е)}, d.prototype.toggle = d.prototype.toggle, с .register ({конструктор: d, classAsString: "MaterialMenu", cssClass: "mdl-js-menu", виджет:! 0}); var h = function (e) {this.element_ = e, this.init () }; window.MaterialProgress = Н, h.prototype.Constant _ = {}, h.prototype.CssClasses _ = {INDETERMINATE_CLASS: "MDL-progress__indeterminate"}, h.prototype.setProgress = функция (е) {this.element_.classList. содержит (this.CssClasses_.INDETERMINATE_CLASS) || (this.progressbar_.style.width = е + "%")}, h.prototype.setProgress = h.prototype.setProgress, h.prototype.setBuffer = функция (е) {этот .bufferbar_.style.width = е + "%", this.auxbar_.style.width = 100-е + "%"}, h.prototype.setBuffer = h.prototype.setBuffer, h.prototype.init = функция () { if (this.element _) {var e = document.createEl ement ("div"); e.className = "панель прогресса bar1", this.element_.appendChild (e), this.progressbar_ = e, e = document.createElement ("div"), e.className = "панель буферов bar2 ", this.element_.appendChild (e), this.bufferbar_ = e, e = document.createElement (" div "), e.className =" auxbar bar bar3 ", this.element_.appendChild (e), this. auxbar_ = е, this.progressbar_.style.width = "0%", this.bufferbar_.style.width = "100%", this.auxbar_.style.width = "0%", this.element_.classList.add ("is-updated")}}, s.register ({конструктор: h, classAsString: "MaterialProgress", cssClass: "mdl-js-progress", виджет:! 0}); var c = function (e) { this.element_ = е, this.init ()}; window.MaterialRadio = с, c.prototype.Constant _ = {TINY_TIMEOUT: .001}, c.prototype.CssClasses _ = {IS_FOCUSED: "является ориентированным", IS_DISABLED:» это-инвалидов», IS_CHECKED: "будет проверено", IS_UPGRADED: "это-модернизированы", JS_RADIO: "лея-JS-радио", RADIO_BTN: "лея-radio__button", RADIO_OUTER_CIRCLE: "лея-radio__outer-круг", RADIO_INNER_CIRCLE : "лея-radio__inner-круг", RIPPLE_EFFECT: "лея-JS-пульсация-эффект", RIPPLE_IGNORE_EVENTS: "мкр л-JS-пульсация эффект - игнорировать-событие», RIPPLE_CONTAINER: "MDL-radio__ripple-контейнер", RIPPLE_CENTER: "MDL-пульсация - центр", ПУЛЬСАЦИИ: "MDL-пульсация"}, c.prototype.onChange_ = function (e) {for (var t = document.getElementsByClassName (this.CssClasses_.JS_RADIO), s = 0; s <t.length; s ++) {var i = t [s] .querySelector ("." + this. CssClasses_.RADIO_BTN); i.getAttribute ("name") === this.btnElement_.getAttribute ("name") && "undefined"! = Typeof t [s] .MaterialRadio && t [s] .MaterialRadio.updateClasses_ ()}} , c.prototype.onFocus_ = функция (е) {this.element_.classList.add (this.CssClasses_.IS_FOCUSED)}, c.prototype.onBlur_ = функция (е) {this.element_.classList.remove (this.CssClasses_ .IS_FOCUSED)}, c.prototype.onMouseup_ = функция (е) {this.blur (_)}, c.prototype.updateClasses_ = функция () {this.checkDisabled (), this.checkToggleState ()}, c.prototype. blur_ = функция () {window.setTimeout (функция () {this.btnElement_.blur ()}. Bind (это), this.Constant_.TINY_TIMEOUT)}, c.prototype.checkDisabled = функция () {this.btnElement_. инвалидов? this.element_.classList.add (this.css Classes_.IS_DISABLED): this.element_.classList.remove (this.CssClasses_.IS_DISABLED)}, c.prototype.checkDisabled = c.prototype.checkDisabled, c.prototype.checkToggleState = функция () {this.btnElement_.checked это .element_.classList.add (this.CssClasses_.IS_CHECKED): this.element_.classList.remove (this.CssClasses_.IS_CHECKED)}, c.prototype.checkToggleState = c.prototype.checkToggleState, c.prototype.disable = функция ( ) {this.btnElement_.disabled! = 0, this.updateClasses _ ()}, c.prototype.disable = c.prototype.disable, c.prototype.enable = функция () {this.btnElement_.disabled! = 1, это .updateClasses _ ()}, c.prototype.enable = c.prototype.enable, c.prototype.check = функция () {this.btnElement_.checked! = 0, this.onChange_ (нуль)}, c.prototype.check = c.prototype.check, c.prototype.uncheck = функция () {this.btnElement_.checked! = 1, this.onChange_ (нуль)}, c.prototype.uncheck = c.prototype.uncheck, c.prototype. INIT = функция () {если (this.element _) {this.btnElement_ = this.element_.querySelector ( "" + this.CssClasses_.RADIO_BTN), this.boundChangeHandl er_ = this.onChange_.bind (это), this.boundFocusHandler_ = this.onChange_.bind (это), this.boundBlurHandler_ = this.onBlur_.bind (это), this.boundMouseUpHandler_ = this.onMouseup_.bind (это); var e = document.createElement ("span"); e.classList.add (this.CssClasses_.RADIO_OUTER_CIRCLE); var t = document.createElement ("span"); 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), с = document.createElement ( "оболочка"), s.classList.add (this.CssClasses_.RIPPLE_CONTAINER), s.classList.add (this.CssClasses_.RIPPLE_EFFECT), s.classList.add (this.CssClasses_ .RIPPLE_CENTER), s.addEventListener ("mouseup", this.boundMouseUpHandler _); var i = document.createElement ("span"); i.classList.add (this.CssClasses_.RIPPLE), s.appendChild (i), this .element_.appendChild (ы)} this.btnElement_.addEventListener ( "изменение", this.boundChangeHandler _) this.btnEle ment_.addEventListener ( "фокус", this.boundFocusHandler _), this.btnElement_.addEventListener ( "размытость", this.boundBlurHandler _), this.element_.addEventListener ( "MouseUp", this.boundMouseUpHandler _), this.updateClasses _ (), это .element_.classList.add (this.CssClasses_.IS_UPGRADED)}}, s.register ({конструктор: c, classAsString: "MaterialRadio", cssClass: "mdl-js-radio", виджет:! 0}); var p = функция (е) {this.element_ = е, this.isIE_ = window.navigator.msPointerEnabled, this.init ()}; window.MaterialSlider = р, p.prototype.Constant _ = {}, p.prototype.CssClasses_ = {IE_CONTAINER: "MDL-slider__ie-контейнер", SLIDER_CONTAINER: "MDL-slider__container", BACKGROUND_FLEX: "MDL-slider__background-флекс", BACKGROUND_LOWER: "MDL-slider__background-низший", BACKGROUND_UPPER: "MDL-slider__background-верхний", IS_LOWEST_VALUE : "это-самое низкое значение", IS_UPGRADED: "это-обновление"}, p.prototype.onInput_ = функция (е) {this.updateValueStyles (_)}, p.prototype.onChange_ = функция (е) {this.updateValueStyles_ ()}, p.prototype.onMouseUp_ = функция (е) {e.target.blur ()}, p.prototype.on ContainerMouseDown_ = function (e) {if (e.target === this.element_.parentElement) {e.preventDefault (); var t = new MouseEvent ("mousedown", {target: e.target, кнопки: e.buttons , clientX: e.clientX, clientY: this.element_.getBoundingClientRect (). y}); this.element_.dispatchEvent (t)}}, p.prototype.updateValueStyles_ = function () {var e = (this.element_. значение-this.element_.min) / (this.element_.max-this.element_.min); 0 === е this.element_.classList.add (this.CssClasses_.IS_LOWEST_VALUE): this.element_.classList. удалить (this.CssClasses_.IS_LOWEST_VALUE), this.isIE_ || (this.backgroundLower_.style.flex = е, е = this.backgroundLower_.style.webkitFlex, this.backgroundUpper_.style.flex = 1-е, this.backgroundUpper_ .style.webkitFlex = 1-е)}, p.prototype.disable = функция () {this.element_.disabled =! 0}, p.prototype.disable = p.prototype.disable, p.prototype.enable = функция () {this.element_.disabled =! 1}, p.prototype.enable = p.prototype.enable, p.prototype.change = function (e) {"undefined"! = typeof e && (this.element_.value = е) this.updateValueStyles _ ()}, p.prototy pe.change = p.prototype.change, p.prototype.init = function () {if (this.element _) {if (this.isIE _) {var e = document.createElement ("div"); e.classList. добавить (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 ( "ДИВ"); t.classList.add (this.CssClasses_.SLIDER_CONTAINER), this.element_.parentElement.insertBefore (т, this.element _), this.element_.parentElement.removeChild (this.element_) , t.appendChild (this.element _); var s = document.createElement ("div"); s.classList.add (this.CssClasses_.BACKGROUND_FLEX), t.appendChild (s), this.backgroundLower_ = document.createElement ( "ДИВ"), this.backgroundLower_.classList.add (this.CssClasses_.BACKGROUND_LOWER), s.appendChild (this.backgroundLower _), this.backgroundUpper_ = document.createElement ( "DIV"), this.backgroundUpper_.classList.add ( this.CssClasses_.BACKGROUND_UPPER), s.appendChild (this.backgroundUpper _)} = this.boundInputHandler это. onInput_.bind (это), this.boundChangeHandler = this.onChange_.bind (это), this.boundMouseUpHandler = this.onMouseUp_.bind (это), this.boundContainerMouseDownHandler = this.onContainerMouseDown_.bind (это), this.element_. addEventListener ( "вход", this.boundInputHandler), this.element_.addEventListener ( "изменение", this.boundChangeHandler), this.element_.addEventListener ( "MouseUp", this.boundMouseUpHandler), this.element_.parentElement.addEventListener (» MouseDown "this.boundContainerMouseDownHandler), this.updateValueStyles (_), this.element_.classList.add (this.CssClasses_.IS_UPGRADED)}}, s.register ({конструктор: р, classAsString: "MaterialSlider", CssClass:" MDL -js-slider ", widget:! 0}); var C = function (e) {if (this.element_ = e, this.textElement_ = this.element_.querySelector (". "+ this.cssClasses_.MESSAGE), this.actionElement_ = this.element_.querySelector ("." + this.cssClasses_.ACTION) ,! this.textElement_) выдает новую ошибку ("Должен быть элемент сообщения для закусочной."); if (! this.actionElement_ ) выдать новую ошибку («Должно быть Элемент ction для закусочной. "); this.active =! 1, this.actionHandler_ = void 0, this.message_ = void 0, this.actionText_ = void 0, this.queuedNotifications _ = [], this.setActionHidden _ (! 0 )}; window.MaterialSnackbar = С, C.prototype.Constant _ = {ANIMATION_LENGTH: 250}, C.prototype.cssClasses _ = {закусочной: "MDL-закусочная", сообщение: "MDL-snackbar__text", ДЕЙСТВИЕ: "MDL-snackbar__action ", ACTIVE:" mdl-snackbar - active "}, C.prototype.displaySnackbar_ = function () {this.element_.setAttribute (" aria-hidden "," true "), строка № 519: this.actionHandler _ && (this.actionElement_.textContent = this.actionText_, this.actionElement_.addEventListener ( "щелчок", this.actionHandler _), this.setActionHidden _ (! 1)), this.textElement_.textContent = this.message_, this.element_.classList .add (this.cssClasses_.ACTIVE), this.element_.setAttribute ( "ария-скрытый", "ложь"), SetTimeout (this.cleanup_.bind (это), this.timeout _)}, C.prototype.showSnackbar = function (e) {if (void 0 === e) выдает новую ошибку («Пожалуйста, предоставьте объекту данных хотя бы сообщение для отображения.»); if (void 0 === e .message) throw new Error («Пожалуйста, предоставьте сообщение для отображения.»); if (e.actionHandler &&! e.actionText) выдает новую Error («Пожалуйста, предоставьте текст действия с обработчиком.»); this.active? this .queuedNotifications_.push (е) :( this.active = 0, this.message_ = e.message, e.timeout this.timeout_ = e.timeout:? this.timeout_ = 2750, e.actionHandler && (this.actionHandler_ = e.actionHandler), e.actionText && (this.actionText_ = e.actionText), this.displaySnackbar (_))}, C.prototype.showSnackbar = C.prototype.showSnackbar, C.prototype.checkQueue_ = функция () {это. queuedNotifications_.length> 0 && this.showSnackbar (this.queuedNotifications_.shift ())}, C.prototype.cleanup_ = функция () {this.element_.classList.remove (this.cssClasses_.ACTIVE), SetTimeout (функция () {этот .element_.setAttribute ( "ария-скрытый", "истина"), this.textElement_.textContent = "", Boolean (this.actionElement_.getAttribute ( "ария-скрытый")) || (this.setActionHidden _ (! 0) , this.actionElement_.textContent = "", this.actionElement_.removeEventListener ( "щелчок", this.actionHandler _)), this.acti onHandler_ = void 0, this.message_ = void 0, this.actionText_ = void 0, this.active =! 1, this.checkQueue _ ()}. bind (this), this.Constant_.ANIMATION_LENGTH)}, C.prototype. setActionHidden_ = функция (е) {е this.actionElement_.setAttribute ( "ария-скрыто", "истина"): this.actionElement_.removeAttribute ( "ария-скрытый")}, s.register ({конструктор: C classAsString : "MaterialSnackbar", cssClass: "mdl-js-snackbar", виджет:! 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: "MDL-spinner__layer", MDL_SPINNER_CIRCLE_CLIPPER: "MDL-spinner__circle-машинки для стрижки", MDL_SPINNER_CIRCLE: "MDL-spinner__circle", MDL_SPINNER_GAP_PATCH: "MDL-spinner__gap -patch ", MDL_SPINNER_LEFT:" mdl-spinner__left ", MDL_SPINNER_RIGHT:" mdl-spinner__right "}, u.prototype.createLayer = function (e) {var t = document.createElement (" div "); t.classList.ad ( this.CssClasses_.MDL_SPINNER_LAYER), t.classList.add (this.CssClasses_.MDL_SPINNER_LAYER + "-" + e); var s = document.crea teElement ("div"); s.classList.add (this.CssClasses_.MDL_SPINNER_CIRCLE_CLIPPER), s.classList.add (this.CssClasses_.MDL_SPINNER_LEFT); var i = document.createElement ("div"); (this.CssClasses_. = [s, i, n], l = 0; l <a.length; l ++) {var o = document.createElement ("div"); o.classList.add (this.CssClasses_.MDL_SPINNER_CIRCLE), a [l ] .appendChild (о)} t.appendChild (ы), t.appendChild (я), t.appendChild (п), this.element_.appendChild (т)}, u.prototype.createLayer = u.prototype.createLayer, u.prototype.stop = функция () {this.element_.classList.remove ( "это-активный")}, u.prototype.stop = u.prototype.stop, u.prototype.start = функция () {это. element_.classList.add ("is-active")}, u.prototype.start = u.prototype.start, u.prototype.init = function () {if (this.element _) {for (var e = 1; е <= this.Constant_.MDL_SPINNER_LAYER_COUNT; е ++) this.createLayer (е); this.element_.cl assList.add ("is-upgradeded")}}, s.register ({constructor: u, classAsString: "MaterialSpinner", cssClass: "mdl-js-spinner", виджет:! 0}); var E = function ( е) {this.element_ = е, this.init ()}; window.MaterialSwitch = е, E.prototype.Constant _ = {TINY_TIMEOUT: .001}, E.prototype.CssClasses _ = {ВХОД: "MDL-switch__input", СЛЕД: "лея-switch__track", THUMB: "лея-switch__thumb", FOCUS_HELPER: "лея-switch__focus-помощник", RIPPLE_EFFECT: "лея-JS-пульсация-эффект", RIPPLE_IGNORE_EVENTS: "лея-JS-пульсация-effect-- игнорировать-событие», RIPPLE_CONTAINER: "лея-switch__ripple-контейнер", RIPPLE_CENTER: "лея-пульсация - центр", RIPPLE: "лея-пульсация", IS_FOCUSED: "является ориентированным", IS_DISABLED: "это-инвалидов", IS_CHECKED: "будет проверено"}, E.prototype.onChange_ = функция (е) {this.updateClasses (_)}, E.prototype.onFocus_ = функция (е) {this.element_.classList.add (this.CssClasses_. IS_FOCUSED)}, E.prototype.onBlur_ = функция (е) {this.element_.classList.remove (this.CssClasses_.IS_FOCUSED)}, E.prototype.onMouseUp_ = функция (е) {this.blur (_)}, е .prototype.updateClasses_ = функция () {this.checkDisable д (), this.checkToggleState ()}, E.prototype.blur_ = функция () {window.setTimeout (функция () {this.inputElement_.blur ()}. связывать (это), this.Constant_.TINY_TIMEOUT)} , E.prototype.checkDisabled = функция () {this.inputElement_.disabled this.element_.classList.add (this.CssClasses_.IS_DISABLED): this.element_.classList.remove (this.CssClasses_.IS_DISABLED)}, Е. prototype.checkDisabled = E.prototype.checkDisabled, E.prototype.checkToggleState = функция () {this.inputElement_.checked this.element_.classList.add (this.CssClasses_.IS_CHECKED): this.element_.classList.remove (это .CssClasses_.IS_CHECKED)}, E.prototype.checkToggleState = E.prototype.checkToggleState, E.prototype.disable = функция () {this.inputElement_.disabled! = 0, this.updateClasses _ ()}, E.prototype.disable = E.prototype.disable, E.prototype.enable = функция () {this.inputElement_.disabled! = 1, this.updateClasses _ ()}, E.prototype.enable = E.prototype.enable, E.prototype.on = функция () {this.inputElement_.checked! = 0, this.updateClasses _ ()}, E.prototype.on = E.prototype.on, E.prototy pe.off = функция () {this.inputElement_.checked! = 1, this.updateClasses _ ()}, E.prototype.off = E.prototype.off, E.prototype.init = функция () {если (это. элемент _) {this.inputElement_ = this.element_.querySelector ("." + this.CssClasses_.INPUT); var e = document.createElement ("div"); e.classList.add (this.CssClasses_.TRACK); var t = document.createElement ("div"); t.classList.add (this.CssClasses_.THUMB); var s = document.createElement ("span"); if (s.classList.add (this.CssClasses_.FOCUS_HELPER) , t.appendChild (ы), this.element_.appendChild (е), this.element_.appendChild (т), this.boundMouseUpHandler = this.onMouseUp_.bind (это), this.element_.classList.contains (this.CssClasses_ .RIPPLE_EFFECT)) {this.element_.classList.add (this.CssClasses_.RIPPLE_IGNORE_EVENTS), this.rippleContainerElement_ = document.createElement ( "оболочка"), this.rippleContainerElement_.classList.add (this.CssClasses_.RIPPLE_CONTAINER), это. rippleContainerElement_.classList.add (this.CssClasses_.RIPPLE_EFFECT), this.rippleContainerElement_.classList.add (this.CssClasses_.RIPP LE_CENTER), this.rippleContainerElement_.addEventListener ("mouseup", this.boundMouseUpHandler); var i = document.createElement ("span"); i.classList.add (this.CssClasses_.RIPPLE), this.ripple_aptainerClayer ), this.element_.appendChild (this.rippleContainerElement _)} this.boundChangeHandler = this.onChange_.bind (это), this.boundFocusHandler = this.onFocus_.bind (это), this.boundBlurHandler = this.onBlur_.bind (это ), this.inputElement_.addEventListener ( "изменение", this.boundChangeHandler), this.inputElement_.addEventListener ( "фокус", this.boundFocusHandler), this.inputElement_.addEventListener ( "размытость", this.boundBlurHandler), this.element_ .addEventListener ( "MouseUp", this.boundMouseUpHandler), this.updateClasses (_), this.element_.classList.add ( "это-обновление")}}, s.register ({конструктор: Е, classAsString: "MaterialSwitch", cssClass: «mdl-js-switch», виджет:! 0}); var m = function (e) {this.element_ = e, this.init ()}; window.MaterialTabs = m, m.prototype.Constant_ = {}, m.prototype.CssClasses _ = {TAB_CLASS: "лея-tabs__tab", PANEL_CL АСС: "MDL-tabs__panel", ACTIVE_CLASS: "это-активный", UPGRADED_CLASS: "это-модернизирована", MDL_JS_RIPPLE_EFFECT: "MDL-JS-пульсации-эффект", MDL_RIPPLE_CONTAINER: "MDL-tabs__ripple-контейнер", MDL_RIPPLE: "MDL -ripple», MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS: "MDL-JS-пульсации эффект - игнорировать-события"}, m.prototype.initTabs_ = функция () {this.element_.classList.contains (this.CssClasses_.MDL_JS_RIPPLE_EFFECT) && this.element_. classList.add (this.CssClasses_.MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS), this.tabs_ = this.element_.querySelectorAll ( " "+ this.CssClasses_.TAB_CLASS), this.panels_ = this.element_.querySelectorAll ("." + this.CssClasses_. PANEL_CLASS); для (var t = 0; t <this.tabs_.length; t ++) new e (this.tabs_ [t], this); this.element_.classList.add (this.CssClasses_.UPGRADED_CLASS)}, м .prototype.resetTabState_ = function () {for (var e = 0; e <this.tabs_.length; e ++) this.tabs_ [e] .classList.remove (this.CssClasses_.ACTIVE_CLASS)}, m.prototype.resetPanelState_ = function () {for (var e = 0; e <this.panels_.length; e ++) this.panels_ [e] .classList.remove (this.CssClasses_.ACTI VE_CLASS)}, m.prototype.init = функция () {this.element _ && this.initTabs _ ()}, s.register ({Конструктор: м, classAsString: "MaterialTabs", CssClass: "MDL-JS-вкладки"}); 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 : "maxrows"}, L.prototype.CssClasses _ = {ЗАГОЛОВОК: "MDL-textfield__label", ВХОД: "MDL-textfield__input", IS_DIRTY: "это-грязный", IS_FOCUSED: "является ориентированной", IS_DISABLED: "IS- отключено ", IS_INVALID:" is-invalid ", IS_UPGRADED:" is-updated ", HAS_PLACEHOLDER:" has-placeholder "}, L.prototype.onKeyDown_ = function (e) {var t = e.target.value.split ( «/n").length;13===e.keyCode&&t>=this.maxRows&&e.preventDefault()},L.prototype.onFocus_=function(e){this.element_.classList.add(this.CssClasses_.IS_FOCUSED )}, L.prototype.onBlur_ = функция (е) {this.element_.classList.remove (this.CssClasses_.IS_FOCUSED)}, L.prototype.onReset_ = функция (е) {this.updateClasses (_)}, л. prototype.updateClasses_ = функция () {this.checkDisabled (), т his.checkValidity (), this.checkDirty (), this.checkFocus ()}, L.prototype.checkDisabled = функция () {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 = функция () {Логическое (this.element_.querySelector ( ": фокус" )) 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 = функция () {this.input_.validity && (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 = функция () {this.input_.value && this.input_.value.length> 0? this.element_.classList.add (this.CssClasses_. IS_DIRTY): this.element_.classList.remove (this.CssClasses_.IS_DIRTY)}, L.prototype.chec kDirty = L.prototype.checkDirty, L.prototype.disable = функция () {this.input_.disabled! = 0, this.updateClasses _ ()}, L.prototype.disable = L.prototype.disable, L.prototype. включить функцию = () {this.input_.disabled! = 1, this.updateClasses _ ()}, L.prototype.enable = L.prototype.enable, L.prototype.change = функция (е) {this.input_.value = е || "", this.updateClasses _ ()}, L.prototype.change = L.prototype.change, L.prototype.init = функция () {если (this.element _ && (this.label_ = this.element_. querySelector ( " "+ this.CssClasses_.LABEL), this.input_ = this.element_.querySelector ("." + this.CssClasses_.INPUT), this.input _)) {this.input_.hasAttribute (this.Constant_. MAX_ROWS_ATTRIBUTE) && (this.maxRows = ParseInt (this.input_.getAttribute (this.Constant_.MAX_ROWS_ATTRIBUTE), 10), IsNaN (this.maxRows) && (this.maxRows = this.Constant_.NO_MAX_ROWS)), this.input_. hasAttribute ( "заполнитель") && this.element_.classList.add (this.CssClasses_.HAS_PLACEHOLDER), this.boundUpdateClassesHandler = this.updateClasses_.bind (это), this.boundFocusHandler = this.onFocus_.bind (это) , This.boundBlurHandler = this.onBlur_.bind (это), this.boundResetHandler = this.onReset_.bind (это), this.input_.addEventListener ( "вход", this.boundUpdateClassesHandler), this.input_.addEventListener ( "фокус », this.boundFocusHandler), this.input_.addEventListener ( "размытость", this.boundBlurHandler), this.input_.addEventListener ( "сброс", this.boundResetHandler), this.maxRows! == this.Constant_.NO_MAX_ROWS && (это .boundKeyDownHandler = this.onKeyDown_.bind (this), this.input_.addEventListener ("keydown", this.boundKeyDownHandler)); var e = this.element_.classList.contains (this.CssClasses_.IS_INVALID); this.updateC ), this.element_.classList.add (this.CssClasses_.IS_UPGRADED), е && this.element_.classList.add (this.CssClasses_.IS_INVALID), this.input_.hasAttribute ( "автофокусировка") && (this.element_.focus ( ), this.checkFocus ())}}, s.register ({конструктор: L, classAsString: "MaterialTextfield", cssClass: "mdl-js-textfield", виджет:! 0}); var I = function (e) {this.element_ = е, this.init ()}; window.MaterialTooltip = I, I.prototype.Constant _ = {}, I.pro totype.CssClasses _ = {IS_ACTIVE: "это-активный", НИЗ: "лея-подсказка - снизу", ЛЕВАЯ: "лея-подсказка - влево", RIGHT: "лея-подсказка - право", TOP: "лея -tooltip - top "}, I.prototype.handleMouseEnter_ = function (e) {var t = e.target.getBoundingClientRect (), s = t.left + t.width / 2, i = t.top + t. высота / 2, N = -1 * (this.element_.offsetWidth / 2), а = -1 * (this.element_.offsetHeight / 2); this.element_.classList.contains (this.CssClasses_.LEFT) || this.element_.classList.contains (this.CssClasses_.RIGHT)? (с = t.width / 2, г + а <0? (this.element_.style.top = "0", this.element_.style.marginTop = "0") :( this.element_.style.top = I + "ПВ", this.element_.style.marginTop = а + "ПВ")):? з + п <0 (= this.element_.style.left "0", this.element_.style.marginLeft = "0") :( this.element_.style.left = s + "ПВ", this.element_.style.marginLeft = п + "ПВ"), this.element_.classList .Contains (this.CssClasses_.TOP) this.element_.style.top = t.top-this.element_.offsetHeight-10 + "ПВ":? this.element_.classList.contains (this.CssClasses_.RIGHT) это .element_.style.left = t.left + t.width + 10 + "точек": this.element_.classList.co ntains (this.CssClasses_.LEFT) this.element_.style.left = t.left-this.element_.offsetWidth-10 + "ПВ": this.element_.style.top = t.top + t.height + 10 + "ПВ", this.element_.classList.add (this.CssClasses_.IS_ACTIVE)}, I.prototype.hideTooltip_ = функция () {this.element_.classList.remove (this.CssClasses_.IS_ACTIVE)}, I.prototype .init = function () {if (this.element _) {var e = this.element_.getAttribute ("for") || this.element_.getAttribute ("data-mdl-for"); e && (this.forElement_ = document.getElementById (е)), this.forElement _ && (this.forElement_.hasAttribute ( "TabIndex") || this.forElement_.setAttribute ( "TabIndex", "0"), this.boundMouseEnterHandler = this.handleMouseEnter_.bind (это ), this.boundMouseLeaveAndScrollHandler = this.hideTooltip_.bind (это), this.forElement_.addEventListener ( "MouseEnter", this.boundMouseEnterHandler,! 1), this.forElement_.addEventListener ( "touchend", this.boundMouseEnterHandler,! 1) , this.forElement_.addEventListener ( "MouseLeave", this.boundMouseLeaveAndScrollHandler,! 1), window.addEventListener ( "прокручивать", this.boundMo useLeaveAndScrollHandler,! 0), window.addEventListener ("touchstart", this.boundMouseLeaveAndScrollHandler))}}, s.register ({конструктор: I, classAsString: "MaterialTooltip", cssClass: "mdl-tooltip"}); var f = function (e) {this.element_ = e, this.init ()}; window.MaterialLayout = f, f.prototype.Constant _ = {MAX_WIDTH: "(max-width: 1024px)", TAB_SCROLL_PIXELS: 100, RESIZE_TIMEOUT: 100 , MENU_ICON: "& # xE5D2;", cHEVRON_LEFT: "chevron_left", CHEVRON_RIGHT: "chevron_right"}, f.prototype.Keycodes _ = {ENTER: 13, ESCAPE: 27, площадь: 32}, f.prototype.Mode _ = { СТАНДАРТ: 0, лоскутный: 1, ВОДОПАД: 2, ПРОКРУТКИ: 3}, f.prototype.CssClasses _ = {КОНТЕЙНЕР: "MDL-layout__container", ЗАГОЛОВОК: "MDL-layout__header", КАССЕТА: "MDL-layout__drawer", СОДЕРЖАНИЕ: "MDL-layout__content", DRAWER_BTN: "MDL-layout__drawer-кнопка", иконка: "материал-иконка", JS_RIPPLE_EFFECT: "MDL-JS-пульсация-эффект", RIPPLE_CONTAINER: "MDL-layout__tab-пульсация-контейнер", пУЛЬСАЦИИ: "лея-пульсация", RIPPLE_IGNORE_EVENTS: "леи-JS-мультипликационный эффект - игнорировать-событие", HEADER_SEAMED: "лея-layout__header - сшито", HEADER_WATERFALL: "лея-layout__ Заголовок - водопад», HEADER_SCROLL: "лея-layout__header - прокрутка", FIXED_HEADER: "лея-макет - с фиксированным заголовком", обфускатор: "лея-layout__obfuscator", TAB_BAR: "лея-layout__tab-бар", TAB_CONTAINER: "лея-layout__tab-бар-контейнер", TAB: "лея-layout__tab", TAB_BAR_BUTTON: "лея-layout__tab-бар-кнопка", TAB_BAR_LEFT_BUTTON: "лея-layout__tab-бар левая кнопка", TAB_BAR_RIGHT_BUTTON: "лея-layout__tab -бар правая кнопка "TAB_MANUAL_SWITCH: "лея-layout__tab-ручной переключатель", пАНЕЛЬ: "лея-layout__tab-панель", HAS_DRAWER: "есть-ящик", HAS_TABS: "HAS-язычки", HAS_SCROLLING_HEADER:" есть -scrolling-заголовок», CASTING_SHADOW: "является литье-тень", IS_COMPACT: "это-компактный", IS_SMALL_SCREEN: "это-с маленьким экраном", IS_DRAWER_OPEN: "это видимый", IS_ACTIVE: "это-активный", IS_UPGRADED: "это-модернизированы", IS_ANIMATING: "это-анимации", ON_LARGE_SCREEN: "лея-макет - большой экран только", ON_SMALL_SCREEN: "лея-макет - маленький экран только"}, f.prototype .contentScrollHandler_ = функция () {если (! this.header_.classList.contains (this.CssClasses_.IS_ANIMATING)) {вар
! е = this.element_.classList.contains (this.CssClasses_.IS_SMALL_SCREEN) || this.element_.classList.contains (this.CssClasses_.FIXED_HEADER); this.content_.scrollTop> 0 && this.header_.classList.contains (! this.CssClasses_.IS_COMPACT)? (this.header_.classList.add (this.CssClasses_.CASTING_SHADOW), this.header_.classList.add (this.CssClasses_.IS_COMPACT), е && this.header_.classList.add (this.CssClasses_. IS_ANIMATING)): this.content_.scrollTop <= 0 && this.header_.classList.contains (this.CssClasses_.IS_COMPACT) && (this.header_.classList.remove (this.CssClasses_.CASTING_SHADOW), this.header_.classList.remove ( this.CssClasses_.IS_COMPACT), е && this.header_.classList.add (this.CssClasses_.IS_ANIMATING))}}, f.prototype.keyboardEventHandler_ = функция (е) {e.keyCode === this.Keycodes_.ESCAPE && this.drawer_. classList.contains (this.CssClasses_.IS_DRAWER_OPEN) && this.toggleDrawer ()}, f.prototype.screenSizeHandler_ = функция () {this.screenSizeMediaQuery_.matches? this.element_.classList.add (this.CssClasses_.IS_SMALL_SCREEN) :( это .элемент _.classList.remove (this.CssClasses_.IS_SMALL_SCREEN), this.drawer _ && (this.drawer_.classList.remove (this.CssClasses_.IS_DRAWER_OPEN), this.obfuscator_.classList.remove (this.CssClasses_.IS_DRAWER_OPEN)))}, f.prototype.drawerToggleHandler_ = функция (е) {если (е && "KeyDown" === e.type) {если возвращение (e.keyCode! == this.Keycodes_.SPACE && e.keyCode! == this.Keycodes_.ENTER) ; e.preventDefault ()} this.toggleDrawer ()}, f.prototype.headerTransitionEndHandler_ = функция () {this.header_.classList.remove (this.CssClasses_.IS_ANIMATING)}, f.prototype.headerClickHandler_ = функция () { this.header_.classList.contains (this.CssClasses_.IS_COMPACT) && (this.header_.classList.remove (this.CssClasses_.IS_COMPACT), this.header_.classList.add (this.CssClasses_.IS_ANIMATING))}, ф. prototype.resetTabState_ = function (e) {for (var t = 0; t <e.length; t ++) e [t] .classList.remove (this.CssClasses_.IS_ACTIVE)}, f.prototype.resetPanelState_ = function (e ) {for (var t = 0; t <e.length; t ++) e [t] .classList.remove (this.CssClasses_.IS_ACTIVE)}, f.prototype.toggleDrawer = function () {v ar e = this.element_.querySelector ("." + this.CssClasses_.DRAWER_BTN); this.drawer_.classList.toggle (this.CssClasses_.IS_DRAWER_OPEN), this.obfuscator_.classList.toggle (this.CssDlassesWERER_OP) this.drawer_.classList.contains (this.CssClasses_.IS_DRAWER_OPEN)? (this.drawer_.setAttribute ( "ария-скрытый", "ложь"), e.setAttribute ( "ария вспененные", "правда")) :( this.drawer_.setAttribute ( "ария-скрыты", "истина"), e.setAttribute ( "Aria вспененные", "ложь"))}, f.prototype.toggleDrawer = f.prototype.toggleDrawer, f.prototype. init = function () {if (this.element _) {var e = document.createElement ("div"); e.classList.add (this.CssClasses_.CONTAINER); var s = this.element_.querySelector (": focus "); this.element_.parentElement.insertBefore (e, this.element _), this.element_.parentElement.removeChild (this.element _), e.appendChild (this.element _), s && s.focus (); для (var i = this.element_.childNodes, n = i.length, a = 0; a <n; a ++) {var l = i [a]; l.classList && l.classList.contains (this.CssClasses_.HEADER) && (this. header_ = л), l.classList && l.classList.contains (й is.CssClasses_.DRAWER) && (this.drawer_ = л), l.classList && l.classList.contains (this.CssClasses_.CONTENT) && (this.content_ = л)} window.addEventListener ( "pageshow", функция (е) {e.persisted && (this.element_.style.overflowY = "скрытый", requestAnimationFrame (функция () {this.element_.style.overflowY = ""}. Bind (это)))}. Bind (это) ,! 1 ), this.header _ && (this.tabBar_ = this.header_.querySelector ("." + this.CssClasses_.TAB_BAR)); var o = this.Mode_.STANDARD; if (this.header _ && (this.header_.classList.contains (this.CssClasses_.HEADER_SEAMED) о = this.Mode_.SEAMED:? this.header_.classList.contains (this.CssClasses_.HEADER_WATERFALL) (о = this.Mode_.WATERFALL, this.header_.addEventListener ( "transitionend",? this.headerTransitionEndHandler_.bind (это)), this.header_.addEventListener ( "щелчок", this.headerClickHandler_.bind (это))): this.header_.classList.contains (this.CssClasses_.HEADER_SCROLL) && (о = это .Mode_.SCROLL, e.classList.add (this.CssClasses_.HAS_SCROLLING_HEADER)), о === this.Mode_.STANDARD? (this.header_.classList.add (this.CssClasses_.C ASTING_SHADOW), this.tabBar _ && this.tabBar_.classList.add (this.CssClasses_.CASTING_SHADOW)): о === this.Mode_.SEAMED || о === this.Mode_.SCROLL (this.header_.classList.remove (this.CssClasses_.CASTING_SHADOW), this.tabBar _ && this.tabBar_.classList.remove (this.CssClasses_.CASTING_SHADOW)): о === this.Mode_.WATERFALL && (this.content_.addEventListener ( "прокрутки", this.contentScrollHandler_. bind (this)), this.contentScrollHandler _ ())), this.drawer _) {var r = this.element_.querySelector ("." + this.CssClasses_.DRAWER_BTN); if (! r) {r = document.createElement ( "DIV"), r.setAttribute ( "ария вспененные", "ложь"), r.setAttribute ( "роль", "кнопка"), r.setAttribute ( "TabIndex", "0"), r.classList .add (this.CssClasses_.DRAWER_BTN); var _ = document.createElement ("i"); _. 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) && r.classL ist.add (this.CssClasses_.ON_SMALL_SCREEN), r.addEventListener ( "щелчок", this.drawerToggleHandler_.bind (это)), r.addEventListener ( "KeyDown", this.drawerToggleHandler_.bind (это)), this.element_ .classList.add (this.CssClasses_.HAS_DRAWER), this.element_.classList.contains (this.CssClasses_.FIXED_HEADER) this.header_.insertBefore (г, this.header_.firstChild): this.element_.insertBefore (г, this.content _); var d = document.createElement ("div"); d.classList.add (this.CssClasses_.OBFUSCATOR), this.element_.appendChild (d), d.addEventListener ("click", this.drawerToggleHandler__ .bind (это)), this.obfuscator_ = D, this.drawer_.addEventListener ( "KeyDown", this.keyboardEventHandler_.bind (это)), this.drawer_.setAttribute ( "ария-скрыты", "истина")} если (this.screenSizeMediaQuery_ = window.matchMedia (this.Constant_.MAX_WIDTH), this.screenSizeMediaQuery_.addListener (this.screenSizeHandler_.bind (это)), this.screenSizeHandler (_), this.header _ _ && this.tabBar) {this.element_. classList.add (this.CssClasses_.HAS_TABS); var h = document.createElement ( "div"); h.classList.add (this.CssClasses_.TAB_CONTAINER), this.header_.insertBefore (h, this.tabBar _), this.header_.removeChild (this.tabBar _); var c = document.createElement (" div "); c.classList.add (this.CssClasses_.TAB_BAR_BUTTON), c.classList.add (this.CssClasses_.TAB_BAR_LEFT_BUTTON); var p = document.createElement (" i "); p.classList.add (this. CssClasses_.ICON), p.textContent = this.Constant_.CHEVRON_LEFT, c.appendChild (р), c.addEventListener ( "щелчок", функция () {this.tabBar_.scrollLeft- = this.Constant_.TAB_SCROLL_PIXELS} .bind ( this)); var C = document.createElement ("div"); C.classList.add (this.CssClasses_.TAB_BAR_BUTTON), C.classList.add (this.CssClasses_.TAB_BAR_RIGHT_BUTTON); var u = document.createElement (" я "); u.classList.add (this.CssClasses_.ICON), u.textContent = this.Constant_.CHEVRON_RIGHT, C.appendChild (и), C.addEventListener (" щелчок», функция () {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 > 0 c.classList.add (this.CssClasses_.IS_ACTIVE):? C.classList.remove (this.CssClasses_.IS_ACTIVE), this.tabBar_.scrollLeft <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 ("scroll", E), E (); var m = function () {this.resizeTimeoutId _ && clearTimeout (this.resizeTimeoutId _) this.resizeTimeoutId_ = SetTimeout (функция () {Е (), this.resizeTimeoutId_ = NULL} .bind (это), this.Constant_.RESIZE_TIMEOUT)}. Bind (это) ; window.addEventListener ("resize", m), this.tabBar_.classList.contains (this.CssClasses_.JS_RIPPLE_EFFECT) && this.tabBar_.classList.add (this.CssClasses_.RIPPLE_IGNORE_EVENTS) this.Bar =. querySelectorAll ("." + this.CssClasses_.TAB), I = this.content_.querySelectorAll ("." + this.CssClasses_.PANEL), f = 0; f <L.length; f ++) new t (L [f ], L, I, это)} this.element_.classList.add (this.CssClasses_.IS_UPGRADED)}}, window.MaterialLayoutTab = т, s.register ({конструктор: F, classAsString: "MaterialLayo ut ", cssClass:" mdl-js-layout "}); var b = function (e) {this.element_ = e, this.init ()}; window.MaterialDataTable = b, b.prototype.Constant _ = {} , b.prototype.CssClasses _ = {DATA_TABLE: "MDL-данных таблицы", вЫБИРАЕТСЯ: "MDL-данных таблицы - по выбору", SELECT_ELEMENT: "MDL-данных table__select", IS_SELECTED: "является выбранным", IS_UPGRADED : "is-upgradeded"}, 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) для (t = 0; t <s.length; t ++) i = s [t] .querySelector ("td"). querySelector (". mdl-checkbox"), i.MaterialCheckbox.check (), s [t] .classList.add (this.CssClasses_.IS_SELECTED); еще для (t = 0; т <s.length;. т ++), я = ы [т] .querySelector ( "TD") querySelector ( "MDL-бокс"), i.MaterialCheckbox.uncheck (), с [т] .classList.remove (this.CssClasses_.IS_SELECTED)}. bind (this): void 0}, b.prototype.createCheckbox_ = function (e, t) {var i = document.createElement ("label"), n = ["mdl-checkbox" " "лея-JS-флажок"," лея-JS-пульсация -effect ", this.CssClasses_.SELECT_ELEMENT]; i.className = n.join (" "); var a = document.createElement (" input "); вернуть a.type =" checkbox ", a.classList.add ( "MDL-checkbox__input"), е (a.checked = e.classList.contains (this.CssClasses_.IS_SELECTED), a.addEventListener ( "изменение", this.selectRow_ (а, е))): т && a.addEventListener ( "изменение", this.selectRow_ (а, нуль, т)), i.appendChild (а), s.upgradeElement (я, "MaterialCheckbox"), я}, b.prototype.init = функция () {если (это .element _) {var e = this.element_.querySelector ("th"), t = Array.prototype.slice.call (this.element_.querySelectorAll ("tbody tr")), s = Array.prototype.slice.call (this.element_.querySelectorAll ("tfoot tr")), i = t.concat (s); if (this.element_.classList.contains (this.CssClasses_.SELECTABLE)) {var n = document.createElement ("th "), a = this.createCheckbox_ (null, i); n.appendChild (a), e.parentElement.insertBefore (n, e); для (var l = 0; l <i.length; l ++) {var o = i [l] .querySelector ("td"); if (o) {var r = document.createElement ("td"); if ("TBODY" === i [l] .parentNode.nodeName.toUpperCase () ) {var _ = this.createC heckbox_ (я [л]); r.appendChild (_)} я [л] .insertBefore (г, о)}} this.element_.classList.add (this.CssClasses_.IS_UPGRADED)}}}, s.register ( {constructor: b, classAsString: "MaterialDataTable", cssClass: "mdl-js-data-table"}); var S = function (e) {this.element_ = e, this.init ()}; window.MaterialRipple = S, S.prototype.Constant _ = {INITIAL_SCALE: "scale (0.0001, 0.0001)", INITIAL_SIZE: "1px", INITIAL_OPACITY: "0.4", FINAL_OPACITY: "0", FINAL_SCALE: ""}, S.prototype.CssClasses_ = {RIPPLE_CENTER: "лея-пульсация - центр", RIPPLE_EFFECT_IGNORE_EVENTS: "лея-JS-пульсация эффект - игнорирующие-события", RIPPLE: "лея-пульсация", IS_ANIMATING: "это-анимации", IS_VISIBLE: "IS- visible "}, S.prototype.downHandler_ = function (e) {if (! this.rippleElement_.style.width &&! 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 = это .rippleSize _ + "точки", this.rippleElement_.style.height = this.rippleSize _ + "точки"} если (это. rippleElement_.classList.add (this.CssClasses_.IS_VISIBLE), "MouseDown" === e.type && this.ignoringMouseDown_) this.ignoringMouseDown _ = 1;! еще { "touchstart" === e.type && (this.ignoringMouseDown _ = 0 ); var s = this.getFrameCount (); if (s> 0) return; this.setFrameCount (1); var i, n, a = e.currentTarget.getBoundingClientRect (); if (0 === e.clientX && 0 === e.clientY) i = Math.round (a.width / 2), n = Math.round (a.height / 2); иначе {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 (la.left), n = Math.round (oa.top)} this.setRippleXY (я, п), this.setRippleStyles (! 0), window.requestAnimationFrame (this.animFrameHandler.bind (это))}}, S.prototype.upHandler_ = функция (е) { е && 2! == e.detail && window.setTimeout (функция () {this.rippleElement_.classList.remove (this.CssClasses_.IS_VISIBLE)}. Bind (это), 0)}, S.prototype.init = функция () {если (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 ( "" + this.CssClasses_.RIPPLE), this.frameCount_ = 0, this.rippleSize_ = 0, this.x_ = 0, this.y_ = 0, this.ignoringMouseDown _! = 1, this.boundDownHandler = this.downHandler_.bind (это), this.element_.addEventListener ( "MouseDown", this.boundDownHandler), this.element_.addEventListener ( "touchstart", this.boundDownHandler), this.boundUpHandler = this.upHandler_.bind (это), this.element_.addEventListener ( "MouseUp", this.boundUpHandler), this.element_.addEventListener ( "MouseLeave", this.boundUpHandler), this.element_.addEventListener (» touchend ", this.boundUpHandler), this.element_.addEventListener (" размытие ", this.boundUpHandler), this.getFrameCount = function () {вернуть this.frameCount _}, this.setFrameCount = function (e) {this.frameCount_ = e}, this.getRippleElement = function () {вернуть 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 = "translate (" + this.x _ + "px," + this.y _ + "px)"; t? (i = this. Constant_.INITIAL_SCALE, п = this.Constant_.INITIAL_SIZE) :( я = this.Constant_.FINAL_SCALE, п = this.rippleSize _ + "ПВ", е && (а = "перевести (" + this.boundWidth / 2 + "точек, "+ this.boundHeight / 2 +" px) ")), s =" translate (-50%, -50%) "+ a + i, this.rippleElement_.style.webkitTransform = s, this.rippleElement_.style. msTransform = с, this.rippleElement_.style.transform = s, T this.rippleElement_.classList.remove (this.CssClasses_.IS_ANIMATING): this.rippleElement_.classList.add (this.CssClasses_.IS_ANIMATING)}}, это. animFrameHandler = function () {this.frameCount _--> 0? window.requestAnimationFrame (this.animFrameHandler.bind (this)): this.setRippleStyles (! 1)})}}}, s.register ({конструктор: S, classAsString : "MaterialRipple", CssClass: "лея-JS-пульсация-эффект", виджет: 1})} (); Строка №-520: // # sourceMappingURL = material.min.js.map Строка №-521: </ script> Строка №-522: <script src = "// cdnjs.cloudflare.com/ajax/libs /cookieconsent2/1.0.9/cookieconsent.min.js "> </ script> Строка №-523: <script> Строка №-524: window.cookieconsent_options = {Строка №-525: сообщение: 'Этот сайт использует куки для предоставления наших услуг и показа вам релевантной рекламы. Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику конфиденциальности. Использование вами сервисов w3resource регулируется этими политиками », строка №-526: тема:« темное дно », строка №-527: learnMore:« дополнительная информация », строка №-528: ссылка: '/ privacy.php 'Строка №-529:}; Строка №-530:
</script></body>