UNPKG

41.7 kBJavaScriptView Raw
1/**
2 * @license
3 * Copyright Google LLC All Rights Reserved.
4 *
5 * Use of this source code is governed by an MIT-style license that can be
6 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
7 */
8(function webpackUniversalModuleDefinition(root, factory) {
9 if(typeof exports === 'object' && typeof module === 'object')
10 module.exports = factory();
11 else if(typeof define === 'function' && define.amd)
12 define("@material/notched-outline", [], factory);
13 else if(typeof exports === 'object')
14 exports["notched-outline"] = factory();
15 else
16 root["mdc"] = root["mdc"] || {}, root["mdc"]["notched-outline"] = factory();
17})(this, function() {
18return /******/ (function(modules) { // webpackBootstrap
19/******/ // The module cache
20/******/ var installedModules = {};
21/******/
22/******/ // The require function
23/******/ function __webpack_require__(moduleId) {
24/******/
25/******/ // Check if module is in cache
26/******/ if(installedModules[moduleId]) {
27/******/ return installedModules[moduleId].exports;
28/******/ }
29/******/ // Create a new module (and put it into the cache)
30/******/ var module = installedModules[moduleId] = {
31/******/ i: moduleId,
32/******/ l: false,
33/******/ exports: {}
34/******/ };
35/******/
36/******/ // Execute the module function
37/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
38/******/
39/******/ // Flag the module as loaded
40/******/ module.l = true;
41/******/
42/******/ // Return the exports of the module
43/******/ return module.exports;
44/******/ }
45/******/
46/******/
47/******/ // expose the modules object (__webpack_modules__)
48/******/ __webpack_require__.m = modules;
49/******/
50/******/ // expose the module cache
51/******/ __webpack_require__.c = installedModules;
52/******/
53/******/ // define getter function for harmony exports
54/******/ __webpack_require__.d = function(exports, name, getter) {
55/******/ if(!__webpack_require__.o(exports, name)) {
56/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
57/******/ }
58/******/ };
59/******/
60/******/ // define __esModule on exports
61/******/ __webpack_require__.r = function(exports) {
62/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
63/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
64/******/ }
65/******/ Object.defineProperty(exports, '__esModule', { value: true });
66/******/ };
67/******/
68/******/ // create a fake namespace object
69/******/ // mode & 1: value is a module id, require it
70/******/ // mode & 2: merge all properties of value into the ns
71/******/ // mode & 4: return value when already ns object
72/******/ // mode & 8|1: behave like require
73/******/ __webpack_require__.t = function(value, mode) {
74/******/ if(mode & 1) value = __webpack_require__(value);
75/******/ if(mode & 8) return value;
76/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
77/******/ var ns = Object.create(null);
78/******/ __webpack_require__.r(ns);
79/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
80/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
81/******/ return ns;
82/******/ };
83/******/
84/******/ // getDefaultExport function for compatibility with non-harmony modules
85/******/ __webpack_require__.n = function(module) {
86/******/ var getter = module && module.__esModule ?
87/******/ function getDefault() { return module['default']; } :
88/******/ function getModuleExports() { return module; };
89/******/ __webpack_require__.d(getter, 'a', getter);
90/******/ return getter;
91/******/ };
92/******/
93/******/ // Object.prototype.hasOwnProperty.call
94/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
95/******/
96/******/ // __webpack_public_path__
97/******/ __webpack_require__.p = "";
98/******/
99/******/
100/******/ // Load entry module and return exports
101/******/ return __webpack_require__(__webpack_require__.s = "./packages/mdc-notched-outline/index.ts");
102/******/ })
103/************************************************************************/
104/******/ ({
105
106/***/ "./packages/mdc-base/component.ts":
107/*!****************************************!*\
108 !*** ./packages/mdc-base/component.ts ***!
109 \****************************************/
110/*! no static exports found */
111/***/ (function(module, exports, __webpack_require__) {
112
113"use strict";
114
115/**
116 * @license
117 * Copyright 2016 Google Inc.
118 *
119 * Permission is hereby granted, free of charge, to any person obtaining a copy
120 * of this software and associated documentation files (the "Software"), to deal
121 * in the Software without restriction, including without limitation the rights
122 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
123 * copies of the Software, and to permit persons to whom the Software is
124 * furnished to do so, subject to the following conditions:
125 *
126 * The above copyright notice and this permission notice shall be included in
127 * all copies or substantial portions of the Software.
128 *
129 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
130 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
131 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
132 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
133 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
134 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
135 * THE SOFTWARE.
136 */
137
138var __read = this && this.__read || function (o, n) {
139 var m = typeof Symbol === "function" && o[Symbol.iterator];
140 if (!m) return o;
141 var i = m.call(o),
142 r,
143 ar = [],
144 e;
145 try {
146 while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
147 ar.push(r.value);
148 }
149 } catch (error) {
150 e = { error: error };
151 } finally {
152 try {
153 if (r && !r.done && (m = i["return"])) m.call(i);
154 } finally {
155 if (e) throw e.error;
156 }
157 }
158 return ar;
159};
160var __spreadArray = this && this.__spreadArray || function (to, from) {
161 for (var i = 0, il = from.length, j = to.length; i < il; i++, j++) {
162 to[j] = from[i];
163 }return to;
164};
165Object.defineProperty(exports, "__esModule", { value: true });
166exports.MDCComponent = void 0;
167var foundation_1 = __webpack_require__(/*! ./foundation */ "./packages/mdc-base/foundation.ts");
168var MDCComponent = /** @class */function () {
169 function MDCComponent(root, foundation) {
170 var args = [];
171 for (var _i = 2; _i < arguments.length; _i++) {
172 args[_i - 2] = arguments[_i];
173 }
174 this.root = root;
175 this.initialize.apply(this, __spreadArray([], __read(args)));
176 // Note that we initialize foundation here and not within the constructor's
177 // default param so that this.root is defined and can be used within the
178 // foundation class.
179 this.foundation = foundation === undefined ? this.getDefaultFoundation() : foundation;
180 this.foundation.init();
181 this.initialSyncWithDOM();
182 }
183 MDCComponent.attachTo = function (root) {
184 // Subclasses which extend MDCBase should provide an attachTo() method that takes a root element and
185 // returns an instantiated component with its root set to that element. Also note that in the cases of
186 // subclasses, an explicit foundation class will not have to be passed in; it will simply be initialized
187 // from getDefaultFoundation().
188 return new MDCComponent(root, new foundation_1.MDCFoundation({}));
189 };
190 /* istanbul ignore next: method param only exists for typing purposes; it does not need to be unit tested */
191 MDCComponent.prototype.initialize = function () {
192 var _args = [];
193 for (var _i = 0; _i < arguments.length; _i++) {
194 _args[_i] = arguments[_i];
195 }
196 // Subclasses can override this to do any additional setup work that would be considered part of a
197 // "constructor". Essentially, it is a hook into the parent constructor before the foundation is
198 // initialized. Any additional arguments besides root and foundation will be passed in here.
199 };
200 MDCComponent.prototype.getDefaultFoundation = function () {
201 // Subclasses must override this method to return a properly configured foundation class for the
202 // component.
203 throw new Error('Subclasses must override getDefaultFoundation to return a properly configured ' + 'foundation class');
204 };
205 MDCComponent.prototype.initialSyncWithDOM = function () {
206 // Subclasses should override this method if they need to perform work to synchronize with a host DOM
207 // object. An example of this would be a form control wrapper that needs to synchronize its internal state
208 // to some property or attribute of the host DOM. Please note: this is *not* the place to perform DOM
209 // reads/writes that would cause layout / paint, as this is called synchronously from within the constructor.
210 };
211 MDCComponent.prototype.destroy = function () {
212 // Subclasses may implement this method to release any resources / deregister any listeners they have
213 // attached. An example of this might be deregistering a resize event from the window object.
214 this.foundation.destroy();
215 };
216 MDCComponent.prototype.listen = function (evtType, handler, options) {
217 this.root.addEventListener(evtType, handler, options);
218 };
219 MDCComponent.prototype.unlisten = function (evtType, handler, options) {
220 this.root.removeEventListener(evtType, handler, options);
221 };
222 /**
223 * Fires a cross-browser-compatible custom event from the component root of the given type, with the given data.
224 */
225 MDCComponent.prototype.emit = function (evtType, evtData, shouldBubble) {
226 if (shouldBubble === void 0) {
227 shouldBubble = false;
228 }
229 var evt;
230 if (typeof CustomEvent === 'function') {
231 evt = new CustomEvent(evtType, {
232 bubbles: shouldBubble,
233 detail: evtData
234 });
235 } else {
236 evt = document.createEvent('CustomEvent');
237 evt.initCustomEvent(evtType, shouldBubble, false, evtData);
238 }
239 this.root.dispatchEvent(evt);
240 };
241 return MDCComponent;
242}();
243exports.MDCComponent = MDCComponent;
244// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.
245exports.default = MDCComponent;
246
247/***/ }),
248
249/***/ "./packages/mdc-base/foundation.ts":
250/*!*****************************************!*\
251 !*** ./packages/mdc-base/foundation.ts ***!
252 \*****************************************/
253/*! no static exports found */
254/***/ (function(module, exports, __webpack_require__) {
255
256"use strict";
257
258/**
259 * @license
260 * Copyright 2016 Google Inc.
261 *
262 * Permission is hereby granted, free of charge, to any person obtaining a copy
263 * of this software and associated documentation files (the "Software"), to deal
264 * in the Software without restriction, including without limitation the rights
265 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
266 * copies of the Software, and to permit persons to whom the Software is
267 * furnished to do so, subject to the following conditions:
268 *
269 * The above copyright notice and this permission notice shall be included in
270 * all copies or substantial portions of the Software.
271 *
272 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
273 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
274 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
275 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
276 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
277 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
278 * THE SOFTWARE.
279 */
280
281Object.defineProperty(exports, "__esModule", { value: true });
282exports.MDCFoundation = void 0;
283var MDCFoundation = /** @class */function () {
284 function MDCFoundation(adapter) {
285 if (adapter === void 0) {
286 adapter = {};
287 }
288 this.adapter = adapter;
289 }
290 Object.defineProperty(MDCFoundation, "cssClasses", {
291 get: function get() {
292 // Classes extending MDCFoundation should implement this method to return an object which exports every
293 // CSS class the foundation class needs as a property. e.g. {ACTIVE: 'mdc-component--active'}
294 return {};
295 },
296 enumerable: false,
297 configurable: true
298 });
299 Object.defineProperty(MDCFoundation, "strings", {
300 get: function get() {
301 // Classes extending MDCFoundation should implement this method to return an object which exports all
302 // semantic strings as constants. e.g. {ARIA_ROLE: 'tablist'}
303 return {};
304 },
305 enumerable: false,
306 configurable: true
307 });
308 Object.defineProperty(MDCFoundation, "numbers", {
309 get: function get() {
310 // Classes extending MDCFoundation should implement this method to return an object which exports all
311 // of its semantic numbers as constants. e.g. {ANIMATION_DELAY_MS: 350}
312 return {};
313 },
314 enumerable: false,
315 configurable: true
316 });
317 Object.defineProperty(MDCFoundation, "defaultAdapter", {
318 get: function get() {
319 // Classes extending MDCFoundation may choose to implement this getter in order to provide a convenient
320 // way of viewing the necessary methods of an adapter. In the future, this could also be used for adapter
321 // validation.
322 return {};
323 },
324 enumerable: false,
325 configurable: true
326 });
327 MDCFoundation.prototype.init = function () {
328 // Subclasses should override this method to perform initialization routines (registering events, etc.)
329 };
330 MDCFoundation.prototype.destroy = function () {
331 // Subclasses should override this method to perform de-initialization routines (de-registering events, etc.)
332 };
333 return MDCFoundation;
334}();
335exports.MDCFoundation = MDCFoundation;
336// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.
337exports.default = MDCFoundation;
338
339/***/ }),
340
341/***/ "./packages/mdc-floating-label/constants.ts":
342/*!**************************************************!*\
343 !*** ./packages/mdc-floating-label/constants.ts ***!
344 \**************************************************/
345/*! no static exports found */
346/***/ (function(module, exports, __webpack_require__) {
347
348"use strict";
349
350/**
351 * @license
352 * Copyright 2016 Google Inc.
353 *
354 * Permission is hereby granted, free of charge, to any person obtaining a copy
355 * of this software and associated documentation files (the "Software"), to deal
356 * in the Software without restriction, including without limitation the rights
357 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
358 * copies of the Software, and to permit persons to whom the Software is
359 * furnished to do so, subject to the following conditions:
360 *
361 * The above copyright notice and this permission notice shall be included in
362 * all copies or substantial portions of the Software.
363 *
364 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
365 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
366 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
367 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
368 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
369 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
370 * THE SOFTWARE.
371 */
372
373Object.defineProperty(exports, "__esModule", { value: true });
374exports.cssClasses = void 0;
375exports.cssClasses = {
376 LABEL_FLOAT_ABOVE: 'mdc-floating-label--float-above',
377 LABEL_REQUIRED: 'mdc-floating-label--required',
378 LABEL_SHAKE: 'mdc-floating-label--shake',
379 ROOT: 'mdc-floating-label'
380};
381
382/***/ }),
383
384/***/ "./packages/mdc-floating-label/foundation.ts":
385/*!***************************************************!*\
386 !*** ./packages/mdc-floating-label/foundation.ts ***!
387 \***************************************************/
388/*! no static exports found */
389/***/ (function(module, exports, __webpack_require__) {
390
391"use strict";
392
393/**
394 * @license
395 * Copyright 2016 Google Inc.
396 *
397 * Permission is hereby granted, free of charge, to any person obtaining a copy
398 * of this software and associated documentation files (the "Software"), to deal
399 * in the Software without restriction, including without limitation the rights
400 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
401 * copies of the Software, and to permit persons to whom the Software is
402 * furnished to do so, subject to the following conditions:
403 *
404 * The above copyright notice and this permission notice shall be included in
405 * all copies or substantial portions of the Software.
406 *
407 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
408 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
409 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
410 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
411 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
412 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
413 * THE SOFTWARE.
414 */
415
416var __extends = this && this.__extends || function () {
417 var _extendStatics = function extendStatics(d, b) {
418 _extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (d, b) {
419 d.__proto__ = b;
420 } || function (d, b) {
421 for (var p in b) {
422 if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
423 }
424 };
425 return _extendStatics(d, b);
426 };
427 return function (d, b) {
428 if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
429 _extendStatics(d, b);
430 function __() {
431 this.constructor = d;
432 }
433 d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
434 };
435}();
436var __assign = this && this.__assign || function () {
437 __assign = Object.assign || function (t) {
438 for (var s, i = 1, n = arguments.length; i < n; i++) {
439 s = arguments[i];
440 for (var p in s) {
441 if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
442 }
443 }
444 return t;
445 };
446 return __assign.apply(this, arguments);
447};
448Object.defineProperty(exports, "__esModule", { value: true });
449exports.MDCFloatingLabelFoundation = void 0;
450var foundation_1 = __webpack_require__(/*! @material/base/foundation */ "./packages/mdc-base/foundation.ts");
451var constants_1 = __webpack_require__(/*! ./constants */ "./packages/mdc-floating-label/constants.ts");
452var MDCFloatingLabelFoundation = /** @class */function (_super) {
453 __extends(MDCFloatingLabelFoundation, _super);
454 function MDCFloatingLabelFoundation(adapter) {
455 var _this = _super.call(this, __assign(__assign({}, MDCFloatingLabelFoundation.defaultAdapter), adapter)) || this;
456 _this.shakeAnimationEndHandler = function () {
457 _this.handleShakeAnimationEnd();
458 };
459 return _this;
460 }
461 Object.defineProperty(MDCFloatingLabelFoundation, "cssClasses", {
462 get: function get() {
463 return constants_1.cssClasses;
464 },
465 enumerable: false,
466 configurable: true
467 });
468 Object.defineProperty(MDCFloatingLabelFoundation, "defaultAdapter", {
469 /**
470 * See {@link MDCFloatingLabelAdapter} for typing information on parameters and return types.
471 */
472 get: function get() {
473 // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
474 return {
475 addClass: function addClass() {
476 return undefined;
477 },
478 removeClass: function removeClass() {
479 return undefined;
480 },
481 getWidth: function getWidth() {
482 return 0;
483 },
484 registerInteractionHandler: function registerInteractionHandler() {
485 return undefined;
486 },
487 deregisterInteractionHandler: function deregisterInteractionHandler() {
488 return undefined;
489 }
490 };
491 // tslint:enable:object-literal-sort-keys
492 },
493 enumerable: false,
494 configurable: true
495 });
496 MDCFloatingLabelFoundation.prototype.init = function () {
497 this.adapter.registerInteractionHandler('animationend', this.shakeAnimationEndHandler);
498 };
499 MDCFloatingLabelFoundation.prototype.destroy = function () {
500 this.adapter.deregisterInteractionHandler('animationend', this.shakeAnimationEndHandler);
501 };
502 /**
503 * Returns the width of the label element.
504 */
505 MDCFloatingLabelFoundation.prototype.getWidth = function () {
506 return this.adapter.getWidth();
507 };
508 /**
509 * Styles the label to produce a shake animation to indicate an error.
510 * @param shouldShake If true, adds the shake CSS class; otherwise, removes shake class.
511 */
512 MDCFloatingLabelFoundation.prototype.shake = function (shouldShake) {
513 var LABEL_SHAKE = MDCFloatingLabelFoundation.cssClasses.LABEL_SHAKE;
514 if (shouldShake) {
515 this.adapter.addClass(LABEL_SHAKE);
516 } else {
517 this.adapter.removeClass(LABEL_SHAKE);
518 }
519 };
520 /**
521 * Styles the label to float or dock.
522 * @param shouldFloat If true, adds the float CSS class; otherwise, removes float and shake classes to dock the label.
523 */
524 MDCFloatingLabelFoundation.prototype.float = function (shouldFloat) {
525 var _a = MDCFloatingLabelFoundation.cssClasses,
526 LABEL_FLOAT_ABOVE = _a.LABEL_FLOAT_ABOVE,
527 LABEL_SHAKE = _a.LABEL_SHAKE;
528 if (shouldFloat) {
529 this.adapter.addClass(LABEL_FLOAT_ABOVE);
530 } else {
531 this.adapter.removeClass(LABEL_FLOAT_ABOVE);
532 this.adapter.removeClass(LABEL_SHAKE);
533 }
534 };
535 /**
536 * Styles the label as required.
537 * @param isRequired If true, adds an asterisk to the label, indicating that it is required.
538 */
539 MDCFloatingLabelFoundation.prototype.setRequired = function (isRequired) {
540 var LABEL_REQUIRED = MDCFloatingLabelFoundation.cssClasses.LABEL_REQUIRED;
541 if (isRequired) {
542 this.adapter.addClass(LABEL_REQUIRED);
543 } else {
544 this.adapter.removeClass(LABEL_REQUIRED);
545 }
546 };
547 MDCFloatingLabelFoundation.prototype.handleShakeAnimationEnd = function () {
548 var LABEL_SHAKE = MDCFloatingLabelFoundation.cssClasses.LABEL_SHAKE;
549 this.adapter.removeClass(LABEL_SHAKE);
550 };
551 return MDCFloatingLabelFoundation;
552}(foundation_1.MDCFoundation);
553exports.MDCFloatingLabelFoundation = MDCFloatingLabelFoundation;
554// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.
555exports.default = MDCFloatingLabelFoundation;
556
557/***/ }),
558
559/***/ "./packages/mdc-notched-outline/adapter.ts":
560/*!*************************************************!*\
561 !*** ./packages/mdc-notched-outline/adapter.ts ***!
562 \*************************************************/
563/*! no static exports found */
564/***/ (function(module, exports, __webpack_require__) {
565
566"use strict";
567
568/**
569 * @license
570 * Copyright 2017 Google Inc.
571 *
572 * Permission is hereby granted, free of charge, to any person obtaining a copy
573 * of this software and associated documentation files (the "Software"), to deal
574 * in the Software without restriction, including without limitation the rights
575 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
576 * copies of the Software, and to permit persons to whom the Software is
577 * furnished to do so, subject to the following conditions:
578 *
579 * The above copyright notice and this permission notice shall be included in
580 * all copies or substantial portions of the Software.
581 *
582 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
583 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
584 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
585 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
586 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
587 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
588 * THE SOFTWARE.
589 */
590
591Object.defineProperty(exports, "__esModule", { value: true });
592
593/***/ }),
594
595/***/ "./packages/mdc-notched-outline/component.ts":
596/*!***************************************************!*\
597 !*** ./packages/mdc-notched-outline/component.ts ***!
598 \***************************************************/
599/*! no static exports found */
600/***/ (function(module, exports, __webpack_require__) {
601
602"use strict";
603
604/**
605 * @license
606 * Copyright 2017 Google Inc.
607 *
608 * Permission is hereby granted, free of charge, to any person obtaining a copy
609 * of this software and associated documentation files (the "Software"), to deal
610 * in the Software without restriction, including without limitation the rights
611 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
612 * copies of the Software, and to permit persons to whom the Software is
613 * furnished to do so, subject to the following conditions:
614 *
615 * The above copyright notice and this permission notice shall be included in
616 * all copies or substantial portions of the Software.
617 *
618 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
619 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
620 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
621 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
622 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
623 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
624 * THE SOFTWARE.
625 */
626
627var __extends = this && this.__extends || function () {
628 var _extendStatics = function extendStatics(d, b) {
629 _extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (d, b) {
630 d.__proto__ = b;
631 } || function (d, b) {
632 for (var p in b) {
633 if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
634 }
635 };
636 return _extendStatics(d, b);
637 };
638 return function (d, b) {
639 if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
640 _extendStatics(d, b);
641 function __() {
642 this.constructor = d;
643 }
644 d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
645 };
646}();
647Object.defineProperty(exports, "__esModule", { value: true });
648exports.MDCNotchedOutline = void 0;
649var component_1 = __webpack_require__(/*! @material/base/component */ "./packages/mdc-base/component.ts");
650var foundation_1 = __webpack_require__(/*! @material/floating-label/foundation */ "./packages/mdc-floating-label/foundation.ts");
651var constants_1 = __webpack_require__(/*! ./constants */ "./packages/mdc-notched-outline/constants.ts");
652var foundation_2 = __webpack_require__(/*! ./foundation */ "./packages/mdc-notched-outline/foundation.ts");
653var MDCNotchedOutline = /** @class */function (_super) {
654 __extends(MDCNotchedOutline, _super);
655 function MDCNotchedOutline() {
656 return _super !== null && _super.apply(this, arguments) || this;
657 }
658 MDCNotchedOutline.attachTo = function (root) {
659 return new MDCNotchedOutline(root);
660 };
661 MDCNotchedOutline.prototype.initialSyncWithDOM = function () {
662 this.notchElement = this.root.querySelector(constants_1.strings.NOTCH_ELEMENT_SELECTOR);
663 var label = this.root.querySelector('.' + foundation_1.MDCFloatingLabelFoundation.cssClasses.ROOT);
664 if (label) {
665 label.style.transitionDuration = '0s';
666 this.root.classList.add(constants_1.cssClasses.OUTLINE_UPGRADED);
667 requestAnimationFrame(function () {
668 label.style.transitionDuration = '';
669 });
670 } else {
671 this.root.classList.add(constants_1.cssClasses.NO_LABEL);
672 }
673 };
674 /**
675 * Updates classes and styles to open the notch to the specified width.
676 * @param notchWidth The notch width in the outline.
677 */
678 MDCNotchedOutline.prototype.notch = function (notchWidth) {
679 this.foundation.notch(notchWidth);
680 };
681 /**
682 * Updates classes and styles to close the notch.
683 */
684 MDCNotchedOutline.prototype.closeNotch = function () {
685 this.foundation.closeNotch();
686 };
687 MDCNotchedOutline.prototype.getDefaultFoundation = function () {
688 var _this = this;
689 // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
690 // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
691 // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
692 var adapter = {
693 addClass: function addClass(className) {
694 return _this.root.classList.add(className);
695 },
696 removeClass: function removeClass(className) {
697 return _this.root.classList.remove(className);
698 },
699 setNotchWidthProperty: function setNotchWidthProperty(width) {
700 _this.notchElement.style.setProperty('width', width + 'px');
701 },
702 removeNotchWidthProperty: function removeNotchWidthProperty() {
703 _this.notchElement.style.removeProperty('width');
704 }
705 };
706 // tslint:enable:object-literal-sort-keys
707 return new foundation_2.MDCNotchedOutlineFoundation(adapter);
708 };
709 return MDCNotchedOutline;
710}(component_1.MDCComponent);
711exports.MDCNotchedOutline = MDCNotchedOutline;
712
713/***/ }),
714
715/***/ "./packages/mdc-notched-outline/constants.ts":
716/*!***************************************************!*\
717 !*** ./packages/mdc-notched-outline/constants.ts ***!
718 \***************************************************/
719/*! no static exports found */
720/***/ (function(module, exports, __webpack_require__) {
721
722"use strict";
723
724/**
725 * @license
726 * Copyright 2018 Google Inc.
727 *
728 * Permission is hereby granted, free of charge, to any person obtaining a copy
729 * of this software and associated documentation files (the "Software"), to deal
730 * in the Software without restriction, including without limitation the rights
731 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
732 * copies of the Software, and to permit persons to whom the Software is
733 * furnished to do so, subject to the following conditions:
734 *
735 * The above copyright notice and this permission notice shall be included in
736 * all copies or substantial portions of the Software.
737 *
738 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
739 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
740 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
741 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
742 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
743 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
744 * THE SOFTWARE.
745 */
746
747Object.defineProperty(exports, "__esModule", { value: true });
748exports.strings = exports.numbers = exports.cssClasses = void 0;
749var strings = {
750 NOTCH_ELEMENT_SELECTOR: '.mdc-notched-outline__notch'
751};
752exports.strings = strings;
753var numbers = {
754 // This should stay in sync with $mdc-notched-outline-padding * 2.
755 NOTCH_ELEMENT_PADDING: 8
756};
757exports.numbers = numbers;
758var cssClasses = {
759 NO_LABEL: 'mdc-notched-outline--no-label',
760 OUTLINE_NOTCHED: 'mdc-notched-outline--notched',
761 OUTLINE_UPGRADED: 'mdc-notched-outline--upgraded'
762};
763exports.cssClasses = cssClasses;
764
765/***/ }),
766
767/***/ "./packages/mdc-notched-outline/foundation.ts":
768/*!****************************************************!*\
769 !*** ./packages/mdc-notched-outline/foundation.ts ***!
770 \****************************************************/
771/*! no static exports found */
772/***/ (function(module, exports, __webpack_require__) {
773
774"use strict";
775
776/**
777 * @license
778 * Copyright 2017 Google Inc.
779 *
780 * Permission is hereby granted, free of charge, to any person obtaining a copy
781 * of this software and associated documentation files (the "Software"), to deal
782 * in the Software without restriction, including without limitation the rights
783 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
784 * copies of the Software, and to permit persons to whom the Software is
785 * furnished to do so, subject to the following conditions:
786 *
787 * The above copyright notice and this permission notice shall be included in
788 * all copies or substantial portions of the Software.
789 *
790 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
791 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
792 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
793 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
794 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
795 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
796 * THE SOFTWARE.
797 */
798
799var __extends = this && this.__extends || function () {
800 var _extendStatics = function extendStatics(d, b) {
801 _extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (d, b) {
802 d.__proto__ = b;
803 } || function (d, b) {
804 for (var p in b) {
805 if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
806 }
807 };
808 return _extendStatics(d, b);
809 };
810 return function (d, b) {
811 if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
812 _extendStatics(d, b);
813 function __() {
814 this.constructor = d;
815 }
816 d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
817 };
818}();
819var __assign = this && this.__assign || function () {
820 __assign = Object.assign || function (t) {
821 for (var s, i = 1, n = arguments.length; i < n; i++) {
822 s = arguments[i];
823 for (var p in s) {
824 if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
825 }
826 }
827 return t;
828 };
829 return __assign.apply(this, arguments);
830};
831Object.defineProperty(exports, "__esModule", { value: true });
832exports.MDCNotchedOutlineFoundation = void 0;
833var foundation_1 = __webpack_require__(/*! @material/base/foundation */ "./packages/mdc-base/foundation.ts");
834var constants_1 = __webpack_require__(/*! ./constants */ "./packages/mdc-notched-outline/constants.ts");
835var MDCNotchedOutlineFoundation = /** @class */function (_super) {
836 __extends(MDCNotchedOutlineFoundation, _super);
837 function MDCNotchedOutlineFoundation(adapter) {
838 return _super.call(this, __assign(__assign({}, MDCNotchedOutlineFoundation.defaultAdapter), adapter)) || this;
839 }
840 Object.defineProperty(MDCNotchedOutlineFoundation, "strings", {
841 get: function get() {
842 return constants_1.strings;
843 },
844 enumerable: false,
845 configurable: true
846 });
847 Object.defineProperty(MDCNotchedOutlineFoundation, "cssClasses", {
848 get: function get() {
849 return constants_1.cssClasses;
850 },
851 enumerable: false,
852 configurable: true
853 });
854 Object.defineProperty(MDCNotchedOutlineFoundation, "numbers", {
855 get: function get() {
856 return constants_1.numbers;
857 },
858 enumerable: false,
859 configurable: true
860 });
861 Object.defineProperty(MDCNotchedOutlineFoundation, "defaultAdapter", {
862 /**
863 * See {@link MDCNotchedOutlineAdapter} for typing information on parameters and return types.
864 */
865 get: function get() {
866 // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
867 return {
868 addClass: function addClass() {
869 return undefined;
870 },
871 removeClass: function removeClass() {
872 return undefined;
873 },
874 setNotchWidthProperty: function setNotchWidthProperty() {
875 return undefined;
876 },
877 removeNotchWidthProperty: function removeNotchWidthProperty() {
878 return undefined;
879 }
880 };
881 // tslint:enable:object-literal-sort-keys
882 },
883 enumerable: false,
884 configurable: true
885 });
886 /**
887 * Adds the outline notched selector and updates the notch width calculated based off of notchWidth.
888 */
889 MDCNotchedOutlineFoundation.prototype.notch = function (notchWidth) {
890 var OUTLINE_NOTCHED = MDCNotchedOutlineFoundation.cssClasses.OUTLINE_NOTCHED;
891 if (notchWidth > 0) {
892 notchWidth += constants_1.numbers.NOTCH_ELEMENT_PADDING; // Add padding from left/right.
893 }
894 this.adapter.setNotchWidthProperty(notchWidth);
895 this.adapter.addClass(OUTLINE_NOTCHED);
896 };
897 /**
898 * Removes notched outline selector to close the notch in the outline.
899 */
900 MDCNotchedOutlineFoundation.prototype.closeNotch = function () {
901 var OUTLINE_NOTCHED = MDCNotchedOutlineFoundation.cssClasses.OUTLINE_NOTCHED;
902 this.adapter.removeClass(OUTLINE_NOTCHED);
903 this.adapter.removeNotchWidthProperty();
904 };
905 return MDCNotchedOutlineFoundation;
906}(foundation_1.MDCFoundation);
907exports.MDCNotchedOutlineFoundation = MDCNotchedOutlineFoundation;
908// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.
909exports.default = MDCNotchedOutlineFoundation;
910
911/***/ }),
912
913/***/ "./packages/mdc-notched-outline/index.ts":
914/*!***********************************************!*\
915 !*** ./packages/mdc-notched-outline/index.ts ***!
916 \***********************************************/
917/*! no static exports found */
918/***/ (function(module, exports, __webpack_require__) {
919
920"use strict";
921
922/**
923 * @license
924 * Copyright 2019 Google Inc.
925 *
926 * Permission is hereby granted, free of charge, to any person obtaining a copy
927 * of this software and associated documentation files (the "Software"), to deal
928 * in the Software without restriction, including without limitation the rights
929 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
930 * copies of the Software, and to permit persons to whom the Software is
931 * furnished to do so, subject to the following conditions:
932 *
933 * The above copyright notice and this permission notice shall be included in
934 * all copies or substantial portions of the Software.
935 *
936 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
937 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
938 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
939 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
940 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
941 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
942 * THE SOFTWARE.
943 */
944
945var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
946 if (k2 === undefined) k2 = k;
947 Object.defineProperty(o, k2, { enumerable: true, get: function get() {
948 return m[k];
949 } });
950} : function (o, m, k, k2) {
951 if (k2 === undefined) k2 = k;
952 o[k2] = m[k];
953});
954var __exportStar = this && this.__exportStar || function (m, exports) {
955 for (var p in m) {
956 if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
957 }
958};
959Object.defineProperty(exports, "__esModule", { value: true });
960__exportStar(__webpack_require__(/*! ./adapter */ "./packages/mdc-notched-outline/adapter.ts"), exports);
961__exportStar(__webpack_require__(/*! ./component */ "./packages/mdc-notched-outline/component.ts"), exports);
962__exportStar(__webpack_require__(/*! ./constants */ "./packages/mdc-notched-outline/constants.ts"), exports);
963__exportStar(__webpack_require__(/*! ./foundation */ "./packages/mdc-notched-outline/foundation.ts"), exports);
964
965/***/ })
966
967/******/ });
968});
969//# sourceMappingURL=mdc.notchedOutline.js.map
\No newline at end of file