@aurelia-mdc-web/all 9.3.3-au2 → 9.3.5-au2

package/dist/expandable/styles/_mixins.scss

@@ -0,0 +1,287 @@
+@use 'sass:math';
+@use "@material/feature-targeting/functions"as feature-targeting-functions;
+@use "@material/feature-targeting/mixins"as feature-targeting-mixins;
+@use "@material/theme/mixins"as theme-mixins;
+@use "@material/theme/variables"as theme-variables;
+@use "@material/rtl/mixins"as rtl-mixins;
+@use "@material/ripple/mixins"as ripple-mixins;
+@use "@material/ripple/functions"as ripple-functions;
+@use "@material/elevation/mixins"as elevation-mixins;
+@use "@material/shape/mixins"as shape-mixins;
+
+@use "./variables";
+@use "./icon-variables";
+
+@mixin core-styles($query: feature-targeting-functions.all()) {
+  @include ripple($query);
+  @include without-ripple($query);
+}
+
+@mixin without-ripple($query: feature-targeting-functions.all()) {
+  $feat-animation: feature-targeting-functions.create-target($query, animation);
+  $feat-color: feature-targeting-functions.create-target($query, color);
+  $feat-structure: feature-targeting-functions.create-target($query, structure);
+
+  @include elevation-mixins.overlay-common($query); // COPYBARA_COMMENT_THIS_LINE
+
+  .mdc-expandable {
+    @include shape-radius(variables.$shape-radius, $query: $query);
+    @include fill-color(surface, $query);
+    @include elevation-mixins.overlay-surface-position($query: $query);
+    @include elevation-mixins.overlay-dimensions(100%, $query: $query);
+    @include elevation-mixins.elevation(1, $query: $query);
+
+    @include dropdown-icon-color(variables.$dropdown-icon-color, $query: $query);
+    @include focused-dropdown-icon-color(primary, $query: $query);
+
+    @include _dropdown-icon-size(icon-variables.$icon-size, $query: $query);
+
+
+    display: block;
+
+    &.mdc-expandable--open {
+      margin: 16px 0;
+    }
+
+    transition: {
+      duration: variables.$duration;
+      timing-function: variables.$fast-out-slow-in-timing-function;
+      property: margin;
+    }
+
+    .mdc-expandable__header {
+      cursor: pointer;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      padding: 0 24px;
+      border-radius: inherit;
+      position: relative;
+      overflow: hidden;
+
+      &:focus {
+        outline: none;
+      }
+
+      &.mdc-expandable__header--open {
+        height: 64px;
+      }
+
+      &.mdc-expandable__header--closed {
+        height: 48px;
+      }
+
+      transition: {
+        duration: variables.$duration;
+        timing-function: variables.$timing-function;
+        property: height;
+      }
+
+      .mdc-expandable__caption {
+        flex: 1;
+      }
+    }
+
+    &__dropdown-icon {
+      @include _dropdown-icon-base($query: $query);
+      @include _dropdown-icon-inactive($query: $query);
+
+      @include feature-targeting-mixins.targets($feat-structure) {
+        @include rtl-mixins.reflexive-property(margin,
+          icon-variables.$icon-horizontal-margin,
+          icon-variables.$icon-horizontal-margin);
+        display: inline-flex;
+        position: relative;
+        align-self: center;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        pointer-events: none;
+      }
+
+      .mdc-expandable--open & {
+        @include _dropdown-icon-active($query: $query);
+      }
+    }
+
+    .mdc-expandable__content-container {
+      height: 0;
+      overflow: hidden;
+
+      transition: {
+        duration: variables.$duration;
+        timing-function: variables.$timing-function;
+        property: height;
+      }
+
+      .mdc-expandable__content {
+        padding: 0 24px 16px;
+      }
+    }
+  }
+}
+
+@mixin ripple($query: feature-targeting-functions.all()) {
+  @include ripple-mixins.common($query); // COPYBARA_COMMENT_THIS_LINE
+
+  .mdc-expandable__header {
+    @include ripple-mixins.surface($query);
+    @include ripple-mixins.radius-bounded($query: $query);
+    @include ripple-mixins.states($query: $query);
+  }
+}
+
+@mixin dropdown-icon-color($color, $query: feature-targeting-functions.all()) {
+  @include _dropdown-icon-color($color, $query: $query);
+}
+
+@mixin focused-dropdown-icon-color($color,
+  $query: feature-targeting-functions.all()) {
+  .mdc-expandable__header--focused {
+    @include _dropdown-icon-color($color, $query: $query);
+  }
+}
+
+///
+/// Sets the dropdown icon to the specified size.
+/// @access private
+///
+@mixin _dropdown-icon-size($size, $query: feature-targeting-functions.all()) {
+  $feat-structure: feature-targeting-functions.create-target($query, structure);
+
+  .mdc-expandable__dropdown-icon {
+    @include feature-targeting-mixins.targets($feat-structure) {
+      width: $size;
+      height: $size;
+    }
+  }
+}
+
+///
+/// Sets the dropdown icon to the specified color.
+/// @access private
+///
+@mixin _dropdown-icon-color($color, $query: feature-targeting-functions.all()) {
+  $feat-color: feature-targeting-functions.create-target($query, color);
+
+  @include feature-targeting-mixins.targets($feat-color) {
+    .mdc-expandable__dropdown-icon {
+      @include theme-mixins.prop(fill, $color);
+    }
+  }
+}
+
+///
+/// Sets base dropdown icon styles.
+/// @access private
+///
+@mixin _dropdown-icon-base($query: feature-targeting-functions.all()) {
+  $feat-structure: feature-targeting-functions.create-target($query, structure);
+
+  .mdc-expandable__dropdown-icon-active,
+  .mdc-expandable__dropdown-icon-inactive {
+    @include feature-targeting-mixins.targets($feat-structure) {
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+  }
+
+  .mdc-expandable__dropdown-icon-graphic {
+    $svg-natural-width: 10px;
+    $svg-natural-height: 5px;
+
+    @include feature-targeting-mixins.targets($feat-structure) {
+      width: math.div($svg-natural-width, icon-variables.$icon-size) * 100%;
+      height: math.div($svg-natural-height, icon-variables.$icon-size) * 100%;
+    }
+  }
+}
+
+///
+/// Sets styles for transitioning the dropdown icon to inactive state.
+/// @access private
+///
+@mixin _dropdown-icon-inactive($query: feature-targeting-functions.all()) {
+  $feat-structure: feature-targeting-functions.create-target($query, structure);
+  $feat-animation: feature-targeting-functions.create-target($query, animation);
+
+  .mdc-expandable__dropdown-icon-inactive {
+    @include feature-targeting-mixins.targets($feat-structure) {
+      opacity: 1;
+    }
+
+    @include feature-targeting-mixins.targets($feat-animation) {
+      transition: opacity variables.$icon-inactive-fade-in-duration linear variables.$icon-inactive-fade-out-duration;
+    }
+  }
+
+  .mdc-expandable__dropdown-icon-active {
+    @include feature-targeting-mixins.targets($feat-structure) {
+      opacity: 0;
+    }
+
+    @include feature-targeting-mixins.targets($feat-animation) {
+      transition: opacity variables.$icon-inactive-fade-out-duration linear;
+    }
+  }
+}
+
+///
+/// Sets styles for transitioning the dropdown icon to activated state.
+/// @access private
+///
+@mixin _dropdown-icon-active($query: feature-targeting-functions.all()) {
+  $feat-structure: feature-targeting-functions.create-target($query, structure);
+  $feat-animation: feature-targeting-functions.create-target($query, animation);
+
+  .mdc-expandable__dropdown-icon-inactive {
+    @include feature-targeting-mixins.targets($feat-structure) {
+      opacity: 0;
+    }
+
+    @include feature-targeting-mixins.targets($feat-animation) {
+      transition: opacity variables.$icon-active-fade-out-duration linear;
+    }
+  }
+
+  .mdc-expandable__dropdown-icon-active {
+    @include feature-targeting-mixins.targets($feat-structure) {
+      opacity: 1;
+    }
+
+    @include feature-targeting-mixins.targets($feat-animation) {
+      transition: opacity variables.$icon-active-fade-in-duration linear variables.$icon-active-fade-out-duration;
+    }
+  }
+}
+
+@mixin fill-color($color, $query: functions.all()) {
+  $feat-color: feature-targeting-functions.create-target($query, color);
+
+  @include feature-targeting-mixins.targets($feat-color) {
+    @include theme-mixins.prop(background-color, $color);
+  }
+}
+
+@mixin shape-radius($radius, $rtl-reflexive: false, $query: functions.all()) {
+  &:first-of-type {
+    @include shape-mixins.radius($radius $radius 0 0, $rtl-reflexive, $query);
+  }
+
+  &:last-of-type {
+    @include shape-mixins.radius(0 0 $radius $radius, $rtl-reflexive, $query);
+  }
+
+  &:first-of-type:last-of-type {
+    @include shape-mixins.radius($radius, $rtl-reflexive, $query);
+  }
+
+  &.mdc-expandable--open {
+    @include shape-mixins.radius($radius, $rtl-reflexive, $query);
+
+    .mdc-expandable__header {
+      @include shape-mixins.radius($radius $radius 0 0, $rtl-reflexive, $query);
+    }
+  }
+}

package/dist/expandable/styles/_variables.scss

@@ -0,0 +1,17 @@
+@use "@material/theme/variables";
+
+$dropdown-icon-color: rgba(variables.prop-value(on-surface), 0.54) !default;
+$dropdown-transition-duration: 150ms !default;
+// Transition durartions to active state
+$icon-active-fade-out-duration: 0.33 * $dropdown-transition-duration !default;
+$icon-active-fade-in-duration: 0.67 * $dropdown-transition-duration !default;
+// Transition durartions to inactive state
+$icon-inactive-fade-out-duration: 0.5 * $dropdown-transition-duration !default;
+$icon-inactive-fade-in-duration: 0.5 * $dropdown-transition-duration !default;
+
+
+$duration: 225ms;
+$timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
+$fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;
+
+$shape-radius: small !default;

package/dist/expandable/styles/mdc-expandable.import.scss

@@ -0,0 +1 @@
+@forward './mdc-expandable.scss';

package/dist/expandable/styles/mdc-expandable.scss

@@ -0,0 +1,3 @@
+@use "./mixins";
+
+@include mixins.core-styles;

package/dist/fab/enhance-mdc-fab.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhanceMdcFab = void 0;
-const tslib_1 = require("tslib");
-const aurelia_1 = require("aurelia");
+import { __esDecorate, __runInitializers } from "tslib";
+import { templateCompilerHooks } from 'aurelia';
 let EnhanceMdcFab = (() => {
-    let _classDecorators = [aurelia_1.templateCompilerHooks];
+    let _classDecorators = [templateCompilerHooks];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -12,10 +9,10 @@ let EnhanceMdcFab = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             EnhanceMdcFab = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         compiling(template) {
             template.innerHTML = template.innerHTML.replaceAll('mdc-fab=""', 'as-element="mdc-fab"');
@@ -23,5 +20,5 @@ let EnhanceMdcFab = (() => {
     };
     return EnhanceMdcFab = _classThis;
 })();
-exports.EnhanceMdcFab = EnhanceMdcFab;
+export { EnhanceMdcFab };
 //# sourceMappingURL=enhance-mdc-fab.js.map

package/dist/fab/enhance-mdc-fab.js.map

@@ -1 +1 @@
-{"version":3,"file":"enhance-mdc-fab.js","sourceRoot":"","sources":["../../src/fab/enhance-mdc-fab.ts"],"names":[],"mappings":";;;;AAAA,qCAAgD;IAGnC,aAAa;4BADzB,+BAAqB;;;;;;;;YACtB,qLAIC;;;YAJY,+DAAa;;QACxB,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,YAAY,EAAC,sBAAsB,CAAC,CAAC;QAC1F,CAAC;;;;AAHU,sCAAa","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMdcFab {\r\n  compiling(template: HTMLElement | HTMLTemplateElement) {\r\n    template.innerHTML = template.innerHTML.replaceAll('mdc-fab=\"\"','as-element=\"mdc-fab\"');\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"enhance-mdc-fab.js","sourceRoot":"","sources":["../../src/fab/enhance-mdc-fab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,aAAa;4BADzB,qBAAqB;;;;;;;;YACtB,6KAIC;;;YAJY,uDAAa;;QACxB,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,YAAY,EAAC,sBAAsB,CAAC,CAAC;QAC1F,CAAC;;;;SAHU,aAAa","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMdcFab {\r\n  compiling(template: HTMLElement | HTMLTemplateElement) {\r\n    template.innerHTML = template.innerHTML.replaceAll('mdc-fab=\"\"','as-element=\"mdc-fab\"');\r\n  }\r\n}\r\n"]}

package/dist/fab/mdc-fab-icon.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcFabIcon = void 0;
-const tslib_1 = require("tslib");
-const aurelia_1 = require("aurelia");
+import { __esDecorate, __runInitializers } from "tslib";
+import { inject, customAttribute } from 'aurelia';
 /**
  * Optional. Can be used with SVG icons, for example.
  * @selector [mdc-fab-icon]
  */
 let MdcFabIcon = (() => {
-    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customAttribute)('mdc-fab-icon')];
+    let _classDecorators = [inject(Element), customAttribute('mdc-fab-icon')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -16,10 +13,10 @@ let MdcFabIcon = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcFabIcon = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         root;
         constructor(root) {
@@ -31,5 +28,5 @@ let MdcFabIcon = (() => {
     };
     return MdcFabIcon = _classThis;
 })();
-exports.MdcFabIcon = MdcFabIcon;
+export { MdcFabIcon };
 //# sourceMappingURL=mdc-fab-icon.js.map

package/dist/fab/mdc-fab-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-fab-icon.js","sourceRoot":"","sources":["../../src/fab/mdc-fab-icon.ts"],"names":[],"mappings":";;;;AAAA,qCAAkD;AAElD;;;GAGG;IAGU,UAAU;4BAFtB,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,yBAAe,EAAC,cAAc,CAAC;;;;;;;;YAChC,qLAMC;;;YANY,+DAAU;;QACD,IAAI;QAAxB,YAAoB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;QAE1C,QAAQ;YACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QAC3C,CAAC;;;;AALU,gCAAU","sourcesContent":["import { inject, customAttribute } from 'aurelia';\r\n\r\n/**\r\n * Optional. Can be used with SVG icons, for example.\r\n * @selector [mdc-fab-icon]\r\n */\r\n@inject(Element)\r\n@customAttribute('mdc-fab-icon')\r\nexport class MdcFabIcon {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  attached() {\r\n    this.root.classList.add('mdc-fab__icon');\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"mdc-fab-icon.js","sourceRoot":"","sources":["../../src/fab/mdc-fab-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAElD;;;GAGG;IAGU,UAAU;4BAFtB,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,cAAc,CAAC;;;;;;;;YAChC,6KAMC;;;YANY,uDAAU;;QACD,IAAI;QAAxB,YAAoB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;QAE1C,QAAQ;YACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QAC3C,CAAC;;;;SALU,UAAU","sourcesContent":["import { inject, customAttribute } from 'aurelia';\r\n\r\n/**\r\n * Optional. Can be used with SVG icons, for example.\r\n * @selector [mdc-fab-icon]\r\n */\r\n@inject(Element)\r\n@customAttribute('mdc-fab-icon')\r\nexport class MdcFabIcon {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  attached() {\r\n    this.root.classList.add('mdc-fab__icon');\r\n  }\r\n}\r\n"]}

package/dist/fab/mdc-fab.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcFab = void 0;
-const tslib_1 = require("tslib");
-const aurelia_1 = require("aurelia");
-const base_1 = require("../base");
-const mdc_fab_html_raw_1 = tslib_1.__importDefault(require("./mdc-fab.html?raw"));
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, bindable, inject } from 'aurelia';
+import { booleanAttr } from '../base';
+import template from './mdc-fab.html?raw';
 /**
  * @selector mdc-fab
  * @selector a[mdc-fab]
  * @selector button[mdc-fab]
  */
 let MdcFab = (() => {
-    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-fab', template: mdc_fab_html_raw_1.default })];
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-fab', template })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -40,44 +37,44 @@ let MdcFab = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _mini_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _extended_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _touch_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _exited_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _icon_decorators = [(0, aurelia_1.bindable)()];
-            _label_decorators = [(0, aurelia_1.bindable)()];
-            _disabled_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            tslib_1.__esDecorate(null, null, _mini_decorators, { kind: "field", name: "mini", static: false, private: false, access: { has: obj => "mini" in obj, get: obj => obj.mini, set: (obj, value) => { obj.mini = value; } }, metadata: _metadata }, _mini_initializers, _mini_extraInitializers);
-            tslib_1.__esDecorate(null, null, _extended_decorators, { kind: "field", name: "extended", static: false, private: false, access: { has: obj => "extended" in obj, get: obj => obj.extended, set: (obj, value) => { obj.extended = value; } }, metadata: _metadata }, _extended_initializers, _extended_extraInitializers);
-            tslib_1.__esDecorate(null, null, _touch_decorators, { kind: "field", name: "touch", static: false, private: false, access: { has: obj => "touch" in obj, get: obj => obj.touch, set: (obj, value) => { obj.touch = value; } }, metadata: _metadata }, _touch_initializers, _touch_extraInitializers);
-            tslib_1.__esDecorate(null, null, _exited_decorators, { kind: "field", name: "exited", static: false, private: false, access: { has: obj => "exited" in obj, get: obj => obj.exited, set: (obj, value) => { obj.exited = value; } }, metadata: _metadata }, _exited_initializers, _exited_extraInitializers);
-            tslib_1.__esDecorate(null, null, _icon_decorators, { kind: "field", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
-            tslib_1.__esDecorate(null, null, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
-            tslib_1.__esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _mini_decorators = [bindable({ set: booleanAttr })];
+            _extended_decorators = [bindable({ set: booleanAttr })];
+            _touch_decorators = [bindable({ set: booleanAttr })];
+            _exited_decorators = [bindable({ set: booleanAttr })];
+            _icon_decorators = [bindable()];
+            _label_decorators = [bindable()];
+            _disabled_decorators = [bindable({ set: booleanAttr })];
+            __esDecorate(null, null, _mini_decorators, { kind: "field", name: "mini", static: false, private: false, access: { has: obj => "mini" in obj, get: obj => obj.mini, set: (obj, value) => { obj.mini = value; } }, metadata: _metadata }, _mini_initializers, _mini_extraInitializers);
+            __esDecorate(null, null, _extended_decorators, { kind: "field", name: "extended", static: false, private: false, access: { has: obj => "extended" in obj, get: obj => obj.extended, set: (obj, value) => { obj.extended = value; } }, metadata: _metadata }, _extended_initializers, _extended_extraInitializers);
+            __esDecorate(null, null, _touch_decorators, { kind: "field", name: "touch", static: false, private: false, access: { has: obj => "touch" in obj, get: obj => obj.touch, set: (obj, value) => { obj.touch = value; } }, metadata: _metadata }, _touch_initializers, _touch_extraInitializers);
+            __esDecorate(null, null, _exited_decorators, { kind: "field", name: "exited", static: false, private: false, access: { has: obj => "exited" in obj, get: obj => obj.exited, set: (obj, value) => { obj.exited = value; } }, metadata: _metadata }, _exited_initializers, _exited_extraInitializers);
+            __esDecorate(null, null, _icon_decorators, { kind: "field", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
+            __esDecorate(null, null, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
+            __esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcFab = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         root;
         constructor(root) {
-            tslib_1.__runInitializers(this, _disabled_extraInitializers);
+            __runInitializers(this, _disabled_extraInitializers);
             this.root = root;
         }
         /** Make the fab smaller (40 x 40 pixels) */
-        mini = tslib_1.__runInitializers(this, _mini_initializers, void 0);
+        mini = __runInitializers(this, _mini_initializers, void 0);
         /** Modifies the FAB to wider size which includes a text label */
-        extended = (tslib_1.__runInitializers(this, _mini_extraInitializers), tslib_1.__runInitializers(this, _extended_initializers, void 0));
+        extended = (__runInitializers(this, _mini_extraInitializers), __runInitializers(this, _extended_initializers, void 0));
         /** Set the mini fab touch target to 48 x 48 px. Only applies if FAB is set to mini as well. */
-        touch = (tslib_1.__runInitializers(this, _extended_extraInitializers), tslib_1.__runInitializers(this, _touch_initializers, void 0));
+        touch = (__runInitializers(this, _extended_extraInitializers), __runInitializers(this, _touch_initializers, void 0));
         /** Animates the FAB in or out of view */
-        exited = (tslib_1.__runInitializers(this, _touch_extraInitializers), tslib_1.__runInitializers(this, _exited_initializers, void 0));
+        exited = (__runInitializers(this, _touch_extraInitializers), __runInitializers(this, _exited_initializers, void 0));
         /** Optional. Apply a Material Icon. */
-        icon = (tslib_1.__runInitializers(this, _exited_extraInitializers), tslib_1.__runInitializers(this, _icon_initializers, void 0));
+        icon = (__runInitializers(this, _exited_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
         /** Optional, for the text label. Applicable only for Extended FAB. */
-        label = (tslib_1.__runInitializers(this, _icon_extraInitializers), tslib_1.__runInitializers(this, _label_initializers, void 0));
+        label = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _label_initializers, void 0));
         /** Set the button disabled */
-        disabled = (tslib_1.__runInitializers(this, _label_extraInitializers), tslib_1.__runInitializers(this, _disabled_initializers, void 0));
+        disabled = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _disabled_initializers, void 0));
         disabledChanged() {
             if (this.disabled) {
                 this.root.setAttribute('disabled', '');
@@ -89,5 +86,5 @@ let MdcFab = (() => {
     };
     return MdcFab = _classThis;
 })();
-exports.MdcFab = MdcFab;
+export { MdcFab };
 //# sourceMappingURL=mdc-fab.js.map

package/dist/fab/mdc-fab.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-fab.js","sourceRoot":"","sources":["../../src/fab/mdc-fab.ts"],"names":[],"mappings":";;;;AAAA,qCAA0D;AAC1D,kCAAsC;AACtC,kFAA0C;AAE1C;;;;GAIG;IAGU,MAAM;4BAFlB,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAR,0BAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAK1C,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;oCAI9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;iCAI9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;kCAI9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;gCAI9B,IAAA,kBAAQ,GAAE;iCAIV,IAAA,kBAAQ,GAAE;oCAKV,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;YAxB/B,sKAAA,IAAI,6BAAJ,IAAI,mFAAU;YAId,kLAAA,QAAQ,6BAAR,QAAQ,2FAAU;YAIlB,yKAAA,KAAK,6BAAL,KAAK,qFAAU;YAIf,4KAAA,MAAM,6BAAN,MAAM,uFAAU;YAIhB,sKAAA,IAAI,6BAAJ,IAAI,mFAAS;YAIb,yKAAA,KAAK,6BAAL,KAAK,qFAAS;YAKd,kLAAA,QAAQ,6BAAR,QAAQ,2FAAU;YA9BpB,qLAsCC;;;YAtCY,+DAAM;;QACG,IAAI;QAAxB,YAAoB,IAAiB;;YAAjB,SAAI,GAAJ,IAAI,CAAa;SAAK;QAE1C,4CAA4C;QAE5C,IAAI,+DAAU;QAEd,iEAAiE;QAEjE,QAAQ,+HAAU;QAElB,+FAA+F;QAE/F,KAAK,gIAAU;QAEf,yCAAyC;QAEzC,MAAM,8HAAU;QAEhB,uCAAuC;QAEvC,IAAI,6HAAS;QAEb,sEAAsE;QAEtE,KAAK,4HAAS;QAGd,8BAA8B;QAE9B,QAAQ,gIAAU;QAClB,eAAe;YACb,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;YACzC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YACxC,CAAC;QACH,CAAC;;;;AArCU,wBAAM","sourcesContent":["import { customElement, bindable, inject } from 'aurelia';\r\nimport { booleanAttr } from '../base';\r\nimport template from './mdc-fab.html?raw';\r\n\r\n/**\r\n * @selector mdc-fab\r\n * @selector a[mdc-fab]\r\n * @selector button[mdc-fab]\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-fab', template })\r\nexport class MdcFab {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  /** Make the fab smaller (40 x 40 pixels) */\r\n  @bindable({ set: booleanAttr })\r\n  mini: boolean;\r\n\r\n  /** Modifies the FAB to wider size which includes a text label */\r\n  @bindable({ set: booleanAttr })\r\n  extended: boolean;\r\n\r\n  /** Set the mini fab touch target to 48 x 48 px. Only applies if FAB is set to mini as well. */\r\n  @bindable({ set: booleanAttr })\r\n  touch: boolean;\r\n\r\n  /** Animates the FAB in or out of view */\r\n  @bindable({ set: booleanAttr })\r\n  exited: boolean;\r\n\r\n  /** Optional. Apply a Material Icon. */\r\n  @bindable()\r\n  icon: string;\r\n\r\n  /** Optional, for the text label. Applicable only for Extended FAB. */\r\n  @bindable()\r\n  label: string;\r\n\r\n\r\n  /** Set the button disabled */\r\n  @bindable({ set: booleanAttr })\r\n  disabled: boolean;\r\n  disabledChanged() {\r\n    if (this.disabled) {\r\n      this.root.setAttribute('disabled', '');\r\n    } else {\r\n      this.root.removeAttribute('disabled');\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"mdc-fab.js","sourceRoot":"","sources":["../../src/fab/mdc-fab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAE1C;;;;GAIG;IAGU,MAAM;4BAFlB,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAK1C,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;oCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;iCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;kCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;gCAI9B,QAAQ,EAAE;iCAIV,QAAQ,EAAE;oCAKV,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YAxB/B,8JAAA,IAAI,6BAAJ,IAAI,mFAAU;YAId,0KAAA,QAAQ,6BAAR,QAAQ,2FAAU;YAIlB,iKAAA,KAAK,6BAAL,KAAK,qFAAU;YAIf,oKAAA,MAAM,6BAAN,MAAM,uFAAU;YAIhB,8JAAA,IAAI,6BAAJ,IAAI,mFAAS;YAIb,iKAAA,KAAK,6BAAL,KAAK,qFAAS;YAKd,0KAAA,QAAQ,6BAAR,QAAQ,2FAAU;YA9BpB,6KAsCC;;;YAtCY,uDAAM;;QACG,IAAI;QAAxB,YAAoB,IAAiB;;YAAjB,SAAI,GAAJ,IAAI,CAAa;SAAK;QAE1C,4CAA4C;QAE5C,IAAI,uDAAU;QAEd,iEAAiE;QAEjE,QAAQ,+GAAU;QAElB,+FAA+F;QAE/F,KAAK,gHAAU;QAEf,yCAAyC;QAEzC,MAAM,8GAAU;QAEhB,uCAAuC;QAEvC,IAAI,6GAAS;QAEb,sEAAsE;QAEtE,KAAK,4GAAS;QAGd,8BAA8B;QAE9B,QAAQ,gHAAU;QAClB,eAAe;YACb,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;YACzC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YACxC,CAAC;QACH,CAAC;;;;SArCU,MAAM","sourcesContent":["import { customElement, bindable, inject } from 'aurelia';\r\nimport { booleanAttr } from '../base';\r\nimport template from './mdc-fab.html?raw';\r\n\r\n/**\r\n * @selector mdc-fab\r\n * @selector a[mdc-fab]\r\n * @selector button[mdc-fab]\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-fab', template })\r\nexport class MdcFab {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  /** Make the fab smaller (40 x 40 pixels) */\r\n  @bindable({ set: booleanAttr })\r\n  mini: boolean;\r\n\r\n  /** Modifies the FAB to wider size which includes a text label */\r\n  @bindable({ set: booleanAttr })\r\n  extended: boolean;\r\n\r\n  /** Set the mini fab touch target to 48 x 48 px. Only applies if FAB is set to mini as well. */\r\n  @bindable({ set: booleanAttr })\r\n  touch: boolean;\r\n\r\n  /** Animates the FAB in or out of view */\r\n  @bindable({ set: booleanAttr })\r\n  exited: boolean;\r\n\r\n  /** Optional. Apply a Material Icon. */\r\n  @bindable()\r\n  icon: string;\r\n\r\n  /** Optional, for the text label. Applicable only for Extended FAB. */\r\n  @bindable()\r\n  label: string;\r\n\r\n\r\n  /** Set the button disabled */\r\n  @bindable({ set: booleanAttr })\r\n  disabled: boolean;\r\n  disabledChanged() {\r\n    if (this.disabled) {\r\n      this.root.setAttribute('disabled', '');\r\n    } else {\r\n      this.root.removeAttribute('disabled');\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/floating-label/mdc-floating-label.js

@@ -1,26 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcFloatingLabel = void 0;
-const tslib_1 = require("tslib");
-const aurelia_1 = require("aurelia");
-const floating_label_1 = require("@material/floating-label");
-const base_1 = require("../base");
-const ponyfill_1 = require("@material/dom/ponyfill");
-const mdc_floating_label_html_raw_1 = tslib_1.__importDefault(require("./mdc-floating-label.html?raw"));
+import { __esDecorate, __runInitializers } from "tslib";
+import { inject, customElement } from 'aurelia';
+import { MDCFloatingLabelFoundation } from '@material/floating-label';
+import { MdcComponent } from '../base';
+import { estimateScrollWidth } from '@material/dom/ponyfill';
+import template from './mdc-floating-label.html?raw';
 let MdcFloatingLabel = (() => {
-    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-floating-label', template: mdc_floating_label_html_raw_1.default })];
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-floating-label', template })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = base_1.MdcComponent;
+    let _classSuper = MdcComponent;
     var MdcFloatingLabel = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcFloatingLabel = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         shake(shouldShake) {
             this.foundation?.shake(shouldShake);
@@ -46,14 +43,14 @@ let MdcFloatingLabel = (() => {
             const adapter = {
                 addClass: (className) => this.root.classList.add(className),
                 removeClass: (className) => this.root.classList.remove(className),
-                getWidth: () => (0, ponyfill_1.estimateScrollWidth)(this.root),
+                getWidth: () => estimateScrollWidth(this.root),
                 registerInteractionHandler: (evtType, handler) => this.listen(evtType, handler),
                 deregisterInteractionHandler: (evtType, handler) => this.unlisten(evtType, handler),
             };
-            return new floating_label_1.MDCFloatingLabelFoundation(adapter);
+            return new MDCFloatingLabelFoundation(adapter);
         }
     };
     return MdcFloatingLabel = _classThis;
 })();
-exports.MdcFloatingLabel = MdcFloatingLabel;
+export { MdcFloatingLabel };
 //# sourceMappingURL=mdc-floating-label.js.map

package/dist/floating-label/mdc-floating-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-floating-label.js","sourceRoot":"","sources":["../../src/floating-label/mdc-floating-label.ts"],"names":[],"mappings":";;;;AAAA,qCAAgD;AAChD,6DAA+F;AAC/F,kCAAuC;AACvC,qDAA6D;AAC7D,wGAAqD;IAIxC,gBAAgB;4BAF5B,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,oBAAoB,EAAE,QAAQ,EAAR,qCAAQ,EAAE,CAAC;;;;sBAClB,mBAAY;gCAApB,SAAQ,WAAwC;;;;YAA9E,qLAmCC;;;YAnCY,+DAAgB;;QAC3B,KAAK,CAAC,WAAoB;YACxB,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;QAED;;;WAGG;QACH,KAAK,CAAC,WAAoB;YACxB,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;QAED;;;WAGG;QACH,WAAW,CAAC,UAAmB;YAC7B,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;QAC3C,CAAC;QAED,QAAQ;YACN,OAAO,IAAI,CAAC,UAAW,CAAC,QAAQ,EAAE,CAAC;QACrC,CAAC;QAED,oBAAoB;YAClB,MAAM,OAAO,GAA4B;gBACvC,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC;gBAC3D,WAAW,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;gBACjE,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAA,8BAAmB,EAAC,IAAI,CAAC,IAAI,CAAC;gBAC9C,0BAA0B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC;gBAC/E,4BAA4B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;aACpF,CAAC;YACF,OAAO,IAAI,2CAA0B,CAAC,OAAO,CAAC,CAAC;QACjD,CAAC;;;;AAlCU,4CAAgB","sourcesContent":["import { inject, customElement } from 'aurelia';\r\nimport { MDCFloatingLabelFoundation, MDCFloatingLabelAdapter } from '@material/floating-label';\r\nimport { MdcComponent } from '../base';\r\nimport { estimateScrollWidth } from '@material/dom/ponyfill';\r\nimport template from './mdc-floating-label.html?raw';\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-floating-label', template })\r\nexport class MdcFloatingLabel extends MdcComponent<MDCFloatingLabelFoundation> {\r\n  shake(shouldShake: boolean) {\r\n    this.foundation?.shake(shouldShake);\r\n  }\r\n\r\n  /**\r\n   * Styles the label to float/dock.\r\n   * @param shouldFloat If true, floats the label by adding a CSS class; otherwise, docks it by removing the class.\r\n   */\r\n  float(shouldFloat: boolean) {\r\n    this.foundation?.float(shouldFloat);\r\n  }\r\n\r\n  /**\r\n   * Styles the label as required.\r\n   * @param isRequired If true, adds an asterisk to the label, indicating that it is required.\r\n   */\r\n  setRequired(isRequired: boolean) {\r\n    this.foundation?.setRequired(isRequired);\r\n  }\r\n\r\n  getWidth(): number {\r\n    return this.foundation!.getWidth();\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    const adapter: MDCFloatingLabelAdapter = {\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      getWidth: () => estimateScrollWidth(this.root),\r\n      registerInteractionHandler: (evtType, handler) => this.listen(evtType, handler),\r\n      deregisterInteractionHandler: (evtType, handler) => this.unlisten(evtType, handler),\r\n    };\r\n    return new MDCFloatingLabelFoundation(adapter);\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"mdc-floating-label.js","sourceRoot":"","sources":["../../src/floating-label/mdc-floating-label.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,0BAA0B,EAA2B,MAAM,0BAA0B,CAAC;AAC/F,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,QAAQ,MAAM,+BAA+B,CAAC;IAIxC,gBAAgB;4BAF5B,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC;;;;sBAClB,YAAY;gCAApB,SAAQ,WAAwC;;;;YAA9E,6KAmCC;;;YAnCY,uDAAgB;;QAC3B,KAAK,CAAC,WAAoB;YACxB,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;QAED;;;WAGG;QACH,KAAK,CAAC,WAAoB;YACxB,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;QAED;;;WAGG;QACH,WAAW,CAAC,UAAmB;YAC7B,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;QAC3C,CAAC;QAED,QAAQ;YACN,OAAO,IAAI,CAAC,UAAW,CAAC,QAAQ,EAAE,CAAC;QACrC,CAAC;QAED,oBAAoB;YAClB,MAAM,OAAO,GAA4B;gBACvC,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC;gBAC3D,WAAW,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;gBACjE,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC;gBAC9C,0BAA0B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC;gBAC/E,4BAA4B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;aACpF,CAAC;YACF,OAAO,IAAI,0BAA0B,CAAC,OAAO,CAAC,CAAC;QACjD,CAAC;;;;SAlCU,gBAAgB","sourcesContent":["import { inject, customElement } from 'aurelia';\r\nimport { MDCFloatingLabelFoundation, MDCFloatingLabelAdapter } from '@material/floating-label';\r\nimport { MdcComponent } from '../base';\r\nimport { estimateScrollWidth } from '@material/dom/ponyfill';\r\nimport template from './mdc-floating-label.html?raw';\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-floating-label', template })\r\nexport class MdcFloatingLabel extends MdcComponent<MDCFloatingLabelFoundation> {\r\n  shake(shouldShake: boolean) {\r\n    this.foundation?.shake(shouldShake);\r\n  }\r\n\r\n  /**\r\n   * Styles the label to float/dock.\r\n   * @param shouldFloat If true, floats the label by adding a CSS class; otherwise, docks it by removing the class.\r\n   */\r\n  float(shouldFloat: boolean) {\r\n    this.foundation?.float(shouldFloat);\r\n  }\r\n\r\n  /**\r\n   * Styles the label as required.\r\n   * @param isRequired If true, adds an asterisk to the label, indicating that it is required.\r\n   */\r\n  setRequired(isRequired: boolean) {\r\n    this.foundation?.setRequired(isRequired);\r\n  }\r\n\r\n  getWidth(): number {\r\n    return this.foundation!.getWidth();\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    const adapter: MDCFloatingLabelAdapter = {\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      getWidth: () => estimateScrollWidth(this.root),\r\n      registerInteractionHandler: (evtType, handler) => this.listen(evtType, handler),\r\n      deregisterInteractionHandler: (evtType, handler) => this.unlisten(evtType, handler),\r\n    };\r\n    return new MDCFloatingLabelFoundation(adapter);\r\n  }\r\n}\r\n"]}