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

package/dist/menu-surface/mdc-menu-surface.js

@@ -1,19 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcMenuSurface = void 0;
-const tslib_1 = require("tslib");
-const base_1 = require("../base");
-const menu_surface_1 = require("@material/menu-surface");
-const aurelia_1 = require("aurelia");
-const util_1 = require("@material/animation/util");
-menu_surface_1.strings.OPENED_EVENT = menu_surface_1.strings.OPENED_EVENT.toLowerCase();
-menu_surface_1.strings.CLOSED_EVENT = menu_surface_1.strings.CLOSED_EVENT.toLowerCase();
+import { __esDecorate, __runInitializers } from "tslib";
+import { MdcComponent, booleanAttr, number } from '../base';
+import { MDCMenuSurfaceFoundation, cssClasses, Corner, strings } from '@material/menu-surface';
+import { inject, customAttribute, bindable, BindingMode } from 'aurelia';
+import { getCorrectPropertyName } from '@material/animation/util';
+strings.OPENED_EVENT = strings.OPENED_EVENT.toLowerCase();
+strings.CLOSED_EVENT = strings.CLOSED_EVENT.toLowerCase();
 let MdcMenuSurface = (() => {
-    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customAttribute)('mdc-menu-surface')];
+    let _classDecorators = [inject(Element), customAttribute('mdc-menu-surface')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = base_1.MdcComponent;
+    let _classSuper = MdcComponent;
     let _anchor_decorators;
     let _anchor_initializers = [];
     let _anchor_extraInitializers = [];
@@ -51,65 +48,65 @@ let MdcMenuSurface = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _anchor_decorators = [(0, aurelia_1.bindable)()];
-            _hoistToBody_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr, mode: aurelia_1.BindingMode.oneTime })];
-            _fixed_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _anchorCorner_decorators = [(0, aurelia_1.bindable)()];
-            _anchorMargin_decorators = [(0, aurelia_1.bindable)()];
-            _quickOpen_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _fullWidth_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _stayOpen_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _maxHeight_decorators = [(0, aurelia_1.bindable)({ set: base_1.number })];
-            _horizontallyCenteredOnViewport_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _openBottomBias_decorators = [(0, aurelia_1.bindable)({ set: base_1.number })];
-            tslib_1.__esDecorate(null, null, _anchor_decorators, { kind: "field", name: "anchor", static: false, private: false, access: { has: obj => "anchor" in obj, get: obj => obj.anchor, set: (obj, value) => { obj.anchor = value; } }, metadata: _metadata }, _anchor_initializers, _anchor_extraInitializers);
-            tslib_1.__esDecorate(null, null, _hoistToBody_decorators, { kind: "field", name: "hoistToBody", static: false, private: false, access: { has: obj => "hoistToBody" in obj, get: obj => obj.hoistToBody, set: (obj, value) => { obj.hoistToBody = value; } }, metadata: _metadata }, _hoistToBody_initializers, _hoistToBody_extraInitializers);
-            tslib_1.__esDecorate(null, null, _fixed_decorators, { kind: "field", name: "fixed", static: false, private: false, access: { has: obj => "fixed" in obj, get: obj => obj.fixed, set: (obj, value) => { obj.fixed = value; } }, metadata: _metadata }, _fixed_initializers, _fixed_extraInitializers);
-            tslib_1.__esDecorate(null, null, _anchorCorner_decorators, { kind: "field", name: "anchorCorner", static: false, private: false, access: { has: obj => "anchorCorner" in obj, get: obj => obj.anchorCorner, set: (obj, value) => { obj.anchorCorner = value; } }, metadata: _metadata }, _anchorCorner_initializers, _anchorCorner_extraInitializers);
-            tslib_1.__esDecorate(null, null, _anchorMargin_decorators, { kind: "field", name: "anchorMargin", static: false, private: false, access: { has: obj => "anchorMargin" in obj, get: obj => obj.anchorMargin, set: (obj, value) => { obj.anchorMargin = value; } }, metadata: _metadata }, _anchorMargin_initializers, _anchorMargin_extraInitializers);
-            tslib_1.__esDecorate(null, null, _quickOpen_decorators, { kind: "field", name: "quickOpen", static: false, private: false, access: { has: obj => "quickOpen" in obj, get: obj => obj.quickOpen, set: (obj, value) => { obj.quickOpen = value; } }, metadata: _metadata }, _quickOpen_initializers, _quickOpen_extraInitializers);
-            tslib_1.__esDecorate(null, null, _fullWidth_decorators, { kind: "field", name: "fullWidth", static: false, private: false, access: { has: obj => "fullWidth" in obj, get: obj => obj.fullWidth, set: (obj, value) => { obj.fullWidth = value; } }, metadata: _metadata }, _fullWidth_initializers, _fullWidth_extraInitializers);
-            tslib_1.__esDecorate(null, null, _stayOpen_decorators, { kind: "field", name: "stayOpen", static: false, private: false, access: { has: obj => "stayOpen" in obj, get: obj => obj.stayOpen, set: (obj, value) => { obj.stayOpen = value; } }, metadata: _metadata }, _stayOpen_initializers, _stayOpen_extraInitializers);
-            tslib_1.__esDecorate(null, null, _maxHeight_decorators, { kind: "field", name: "maxHeight", static: false, private: false, access: { has: obj => "maxHeight" in obj, get: obj => obj.maxHeight, set: (obj, value) => { obj.maxHeight = value; } }, metadata: _metadata }, _maxHeight_initializers, _maxHeight_extraInitializers);
-            tslib_1.__esDecorate(null, null, _horizontallyCenteredOnViewport_decorators, { kind: "field", name: "horizontallyCenteredOnViewport", static: false, private: false, access: { has: obj => "horizontallyCenteredOnViewport" in obj, get: obj => obj.horizontallyCenteredOnViewport, set: (obj, value) => { obj.horizontallyCenteredOnViewport = value; } }, metadata: _metadata }, _horizontallyCenteredOnViewport_initializers, _horizontallyCenteredOnViewport_extraInitializers);
-            tslib_1.__esDecorate(null, null, _openBottomBias_decorators, { kind: "field", name: "openBottomBias", static: false, private: false, access: { has: obj => "openBottomBias" in obj, get: obj => obj.openBottomBias, set: (obj, value) => { obj.openBottomBias = value; } }, metadata: _metadata }, _openBottomBias_initializers, _openBottomBias_extraInitializers);
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _anchor_decorators = [bindable()];
+            _hoistToBody_decorators = [bindable({ set: booleanAttr, mode: BindingMode.oneTime })];
+            _fixed_decorators = [bindable({ set: booleanAttr })];
+            _anchorCorner_decorators = [bindable()];
+            _anchorMargin_decorators = [bindable()];
+            _quickOpen_decorators = [bindable({ set: booleanAttr })];
+            _fullWidth_decorators = [bindable({ set: booleanAttr })];
+            _stayOpen_decorators = [bindable({ set: booleanAttr })];
+            _maxHeight_decorators = [bindable({ set: number })];
+            _horizontallyCenteredOnViewport_decorators = [bindable({ set: booleanAttr })];
+            _openBottomBias_decorators = [bindable({ set: number })];
+            __esDecorate(null, null, _anchor_decorators, { kind: "field", name: "anchor", static: false, private: false, access: { has: obj => "anchor" in obj, get: obj => obj.anchor, set: (obj, value) => { obj.anchor = value; } }, metadata: _metadata }, _anchor_initializers, _anchor_extraInitializers);
+            __esDecorate(null, null, _hoistToBody_decorators, { kind: "field", name: "hoistToBody", static: false, private: false, access: { has: obj => "hoistToBody" in obj, get: obj => obj.hoistToBody, set: (obj, value) => { obj.hoistToBody = value; } }, metadata: _metadata }, _hoistToBody_initializers, _hoistToBody_extraInitializers);
+            __esDecorate(null, null, _fixed_decorators, { kind: "field", name: "fixed", static: false, private: false, access: { has: obj => "fixed" in obj, get: obj => obj.fixed, set: (obj, value) => { obj.fixed = value; } }, metadata: _metadata }, _fixed_initializers, _fixed_extraInitializers);
+            __esDecorate(null, null, _anchorCorner_decorators, { kind: "field", name: "anchorCorner", static: false, private: false, access: { has: obj => "anchorCorner" in obj, get: obj => obj.anchorCorner, set: (obj, value) => { obj.anchorCorner = value; } }, metadata: _metadata }, _anchorCorner_initializers, _anchorCorner_extraInitializers);
+            __esDecorate(null, null, _anchorMargin_decorators, { kind: "field", name: "anchorMargin", static: false, private: false, access: { has: obj => "anchorMargin" in obj, get: obj => obj.anchorMargin, set: (obj, value) => { obj.anchorMargin = value; } }, metadata: _metadata }, _anchorMargin_initializers, _anchorMargin_extraInitializers);
+            __esDecorate(null, null, _quickOpen_decorators, { kind: "field", name: "quickOpen", static: false, private: false, access: { has: obj => "quickOpen" in obj, get: obj => obj.quickOpen, set: (obj, value) => { obj.quickOpen = value; } }, metadata: _metadata }, _quickOpen_initializers, _quickOpen_extraInitializers);
+            __esDecorate(null, null, _fullWidth_decorators, { kind: "field", name: "fullWidth", static: false, private: false, access: { has: obj => "fullWidth" in obj, get: obj => obj.fullWidth, set: (obj, value) => { obj.fullWidth = value; } }, metadata: _metadata }, _fullWidth_initializers, _fullWidth_extraInitializers);
+            __esDecorate(null, null, _stayOpen_decorators, { kind: "field", name: "stayOpen", static: false, private: false, access: { has: obj => "stayOpen" in obj, get: obj => obj.stayOpen, set: (obj, value) => { obj.stayOpen = value; } }, metadata: _metadata }, _stayOpen_initializers, _stayOpen_extraInitializers);
+            __esDecorate(null, null, _maxHeight_decorators, { kind: "field", name: "maxHeight", static: false, private: false, access: { has: obj => "maxHeight" in obj, get: obj => obj.maxHeight, set: (obj, value) => { obj.maxHeight = value; } }, metadata: _metadata }, _maxHeight_initializers, _maxHeight_extraInitializers);
+            __esDecorate(null, null, _horizontallyCenteredOnViewport_decorators, { kind: "field", name: "horizontallyCenteredOnViewport", static: false, private: false, access: { has: obj => "horizontallyCenteredOnViewport" in obj, get: obj => obj.horizontallyCenteredOnViewport, set: (obj, value) => { obj.horizontallyCenteredOnViewport = value; } }, metadata: _metadata }, _horizontallyCenteredOnViewport_initializers, _horizontallyCenteredOnViewport_extraInitializers);
+            __esDecorate(null, null, _openBottomBias_decorators, { kind: "field", name: "openBottomBias", static: false, private: false, access: { has: obj => "openBottomBias" in obj, get: obj => obj.openBottomBias, set: (obj, value) => { obj.openBottomBias = value; } }, metadata: _metadata }, _openBottomBias_initializers, _openBottomBias_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcMenuSurface = _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);
         }
         originalParent;
         previousFocus;
-        anchor = tslib_1.__runInitializers(this, _anchor_initializers, void 0);
+        anchor = __runInitializers(this, _anchor_initializers, void 0);
         /** Sets the foundation to use page offsets for an positioning when the menu is hoisted to the body. */
-        hoistToBody = (tslib_1.__runInitializers(this, _anchor_extraInitializers), tslib_1.__runInitializers(this, _hoistToBody_initializers, void 0));
-        fixed = (tslib_1.__runInitializers(this, _hoistToBody_extraInitializers), tslib_1.__runInitializers(this, _fixed_initializers, void 0));
+        hoistToBody = (__runInitializers(this, _anchor_extraInitializers), __runInitializers(this, _hoistToBody_initializers, void 0));
+        fixed = (__runInitializers(this, _hoistToBody_extraInitializers), __runInitializers(this, _fixed_initializers, void 0));
         fixedChanged() {
             if (this.fixed) {
-                this.root.classList.add(menu_surface_1.cssClasses.FIXED);
+                this.root.classList.add(cssClasses.FIXED);
             }
             else {
-                this.root.classList.remove(menu_surface_1.cssClasses.FIXED);
+                this.root.classList.remove(cssClasses.FIXED);
             }
             this.foundation?.setFixedPosition(this.fixed);
         }
-        anchorCorner = (tslib_1.__runInitializers(this, _fixed_extraInitializers), tslib_1.__runInitializers(this, _anchorCorner_initializers, void 0));
+        anchorCorner = (__runInitializers(this, _fixed_extraInitializers), __runInitializers(this, _anchorCorner_initializers, void 0));
         anchorCornerChanged() {
             if (this.anchorCorner !== undefined) {
-                this.foundation?.setAnchorCorner(menu_surface_1.Corner[this.anchorCorner]);
+                this.foundation?.setAnchorCorner(Corner[this.anchorCorner]);
             }
         }
-        anchorMargin = (tslib_1.__runInitializers(this, _anchorCorner_extraInitializers), tslib_1.__runInitializers(this, _anchorMargin_initializers, void 0));
+        anchorMargin = (__runInitializers(this, _anchorCorner_extraInitializers), __runInitializers(this, _anchorMargin_initializers, void 0));
         anchorMarginChanged() {
             if (this.anchorMargin !== undefined) {
                 this.foundation?.setAnchorMargin(this.anchorMargin);
             }
         }
-        quickOpen = (tslib_1.__runInitializers(this, _anchorMargin_extraInitializers), tslib_1.__runInitializers(this, _quickOpen_initializers, void 0));
+        quickOpen = (__runInitializers(this, _anchorMargin_extraInitializers), __runInitializers(this, _quickOpen_initializers, void 0));
         quickOpenChanged() {
             this.foundation?.setQuickOpen(this.quickOpen);
         }
-        fullWidth = (tslib_1.__runInitializers(this, _quickOpen_extraInitializers), tslib_1.__runInitializers(this, _fullWidth_initializers, void 0));
+        fullWidth = (__runInitializers(this, _quickOpen_extraInitializers), __runInitializers(this, _fullWidth_initializers, void 0));
         fullWidthChanged() {
             if (this.fullWidth) {
                 this.root.classList.add('mdc-menu-surface--fullwidth');
@@ -118,18 +115,18 @@ let MdcMenuSurface = (() => {
                 this.root.classList.remove('mdc-menu-surface--fullwidth');
             }
         }
-        stayOpen = (tslib_1.__runInitializers(this, _fullWidth_extraInitializers), tslib_1.__runInitializers(this, _stayOpen_initializers, void 0));
-        maxHeight = (tslib_1.__runInitializers(this, _stayOpen_extraInitializers), tslib_1.__runInitializers(this, _maxHeight_initializers, void 0));
+        stayOpen = (__runInitializers(this, _fullWidth_extraInitializers), __runInitializers(this, _stayOpen_initializers, void 0));
+        maxHeight = (__runInitializers(this, _stayOpen_extraInitializers), __runInitializers(this, _maxHeight_initializers, void 0));
         async maxHeightChanged() {
             await this.initialised;
             this.foundation?.setMaxHeight(this.maxHeight);
         }
-        horizontallyCenteredOnViewport = (tslib_1.__runInitializers(this, _maxHeight_extraInitializers), tslib_1.__runInitializers(this, _horizontallyCenteredOnViewport_initializers, void 0));
+        horizontallyCenteredOnViewport = (__runInitializers(this, _maxHeight_extraInitializers), __runInitializers(this, _horizontallyCenteredOnViewport_initializers, void 0));
         async horizontallyCenteredOnViewportChanged() {
             await this.initialised;
             this.foundation?.setIsHorizontallyCenteredOnViewport(this.horizontallyCenteredOnViewport);
         }
-        openBottomBias = (tslib_1.__runInitializers(this, _horizontallyCenteredOnViewport_extraInitializers), tslib_1.__runInitializers(this, _openBottomBias_initializers, void 0));
+        openBottomBias = (__runInitializers(this, _horizontallyCenteredOnViewport_extraInitializers), __runInitializers(this, _openBottomBias_initializers, void 0));
         async openBottomBiasChanged() {
             await this.initialised;
             this.foundation?.setOpenBottomBias(this.openBottomBias);
@@ -154,7 +151,7 @@ let MdcMenuSurface = (() => {
             }
         }
         attaching() {
-            this.root.classList.add(menu_surface_1.cssClasses.ROOT);
+            this.root.classList.add(cssClasses.ROOT);
         }
         handleEvent(evt) {
             switch (evt.currentTarget) {
@@ -192,7 +189,7 @@ let MdcMenuSurface = (() => {
             this.anchorMarginChanged();
             const parentEl = this.root.parentElement;
             if (!this.anchor) {
-                this.anchor = parentEl?.classList.contains(menu_surface_1.cssClasses.ANCHOR) ? parentEl : null;
+                this.anchor = parentEl?.classList.contains(cssClasses.ANCHOR) ? parentEl : null;
             }
             if (this.hoistToBody) {
                 this.originalParent = this.root.parentElement;
@@ -203,7 +200,7 @@ let MdcMenuSurface = (() => {
             }
             this.foundation?.setFixedPosition(this.fixed);
             if (this.anchorCorner) {
-                this.foundation?.setAnchorCorner(menu_surface_1.Corner[this.anchorCorner]);
+                this.foundation?.setAnchorCorner(Corner[this.anchorCorner]);
             }
             if (this.anchorMargin) {
                 this.foundation?.setAnchorMargin(this.anchorMargin);
@@ -246,23 +243,23 @@ let MdcMenuSurface = (() => {
                 hasClass: (className) => this.root.classList.contains(className),
                 hasAnchor: () => !!this.anchor,
                 notifyClose: () => {
-                    this.emit(menu_surface_1.MDCMenuSurfaceFoundation.strings.CLOSED_EVENT, {});
+                    this.emit(MDCMenuSurfaceFoundation.strings.CLOSED_EVENT, {});
                     this.deregisterBodyClickListener();
                 },
                 notifyClosing: () => {
-                    this.emit(menu_surface_1.MDCMenuSurfaceFoundation.strings.CLOSING_EVENT, {});
+                    this.emit(MDCMenuSurfaceFoundation.strings.CLOSING_EVENT, {});
                 },
                 notifyOpen: () => {
-                    this.emit(menu_surface_1.MDCMenuSurfaceFoundation.strings.OPENED_EVENT, {});
+                    this.emit(MDCMenuSurfaceFoundation.strings.OPENED_EVENT, {});
                     this.registerBodyClickListener();
                 },
                 notifyOpening: () => {
-                    this.emit(menu_surface_1.MDCMenuSurfaceFoundation.strings.OPENING_EVENT, {});
+                    this.emit(MDCMenuSurfaceFoundation.strings.OPENING_EVENT, {});
                 },
                 isElementInContainer: (el) => this.root.contains(el),
                 isRtl: () => getComputedStyle(this.root).getPropertyValue('direction') === 'rtl',
                 setTransformOrigin: (origin) => {
-                    const propertyName = `${(0, util_1.getCorrectPropertyName)(window, 'transform')}-origin`;
+                    const propertyName = `${getCorrectPropertyName(window, 'transform')}-origin`;
                     this.root.style.setProperty(propertyName, origin);
                 },
                 isFocused: () => document.activeElement === this.root,
@@ -307,14 +304,14 @@ let MdcMenuSurface = (() => {
                     (this.root).style.maxHeight = height;
                 },
             };
-            return new menu_surface_1.MDCMenuSurfaceFoundation(adapter);
+            return new MDCMenuSurfaceFoundation(adapter);
         }
         constructor() {
             super(...arguments);
-            tslib_1.__runInitializers(this, _openBottomBias_extraInitializers);
+            __runInitializers(this, _openBottomBias_extraInitializers);
         }
     };
     return MdcMenuSurface = _classThis;
 })();
-exports.MdcMenuSurface = MdcMenuSurface;
+export { MdcMenuSurface };
 //# sourceMappingURL=mdc-menu-surface.js.map

package/dist/menu-surface/mdc-menu-surface.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-menu-surface.js","sourceRoot":"","sources":["../../src/menu-surface/mdc-menu-surface.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr, number } from '../base';\r\nimport { MDCMenuSurfaceFoundation, MDCMenuSurfaceAdapter, cssClasses, Corner, MDCMenuDistance, strings } from '@material/menu-surface';\r\nimport { inject, customAttribute, bindable, BindingMode } from 'aurelia';\r\nimport { getCorrectPropertyName } from '@material/animation/util';\r\n\r\nstrings.OPENED_EVENT = strings.OPENED_EVENT.toLowerCase();\r\nstrings.CLOSED_EVENT = strings.CLOSED_EVENT.toLowerCase();\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-menu-surface')\r\nexport class MdcMenuSurface extends MdcComponent<MDCMenuSurfaceFoundation> implements EventListenerObject {\r\n  originalParent: HTMLElement | null;\r\n  private previousFocus?: HTMLElement | SVGElement | null;\r\n\r\n  @bindable()\r\n  anchor?: Element | null;\r\n\r\n  /** Sets the foundation to use page offsets for an positioning when the menu is hoisted to the body. */\r\n  @bindable({ set: booleanAttr, mode: BindingMode.oneTime })\r\n  hoistToBody: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  fixed: boolean;\r\n  fixedChanged() {\r\n    if (this.fixed) {\r\n      this.root.classList.add(cssClasses.FIXED);\r\n    } else {\r\n      this.root.classList.remove(cssClasses.FIXED);\r\n    }\r\n    this.foundation?.setFixedPosition(this.fixed);\r\n  }\r\n\r\n  @bindable()\r\n  anchorCorner?: keyof typeof Corner;\r\n  anchorCornerChanged() {\r\n    if (this.anchorCorner !== undefined) {\r\n      this.foundation?.setAnchorCorner(Corner[this.anchorCorner]);\r\n    }\r\n  }\r\n\r\n  @bindable()\r\n  anchorMargin?: Partial<MDCMenuDistance>;\r\n  anchorMarginChanged() {\r\n    if (this.anchorMargin !== undefined) {\r\n      this.foundation?.setAnchorMargin(this.anchorMargin);\r\n    }\r\n  }\r\n\r\n  @bindable({ set: booleanAttr })\r\n  quickOpen: boolean;\r\n  quickOpenChanged() {\r\n    this.foundation?.setQuickOpen(this.quickOpen);\r\n  }\r\n\r\n  @bindable({ set: booleanAttr })\r\n  fullWidth: boolean;\r\n  fullWidthChanged() {\r\n    if (this.fullWidth) {\r\n      this.root.classList.add('mdc-menu-surface--fullwidth');\r\n    } else {\r\n      this.root.classList.remove('mdc-menu-surface--fullwidth');\r\n    }\r\n  }\r\n\r\n  @bindable({ set: booleanAttr })\r\n  stayOpen: boolean;\r\n\r\n  @bindable({ set: number })\r\n  maxHeight: number;\r\n  async maxHeightChanged() {\r\n    await this.initialised;\r\n    this.foundation?.setMaxHeight(this.maxHeight);\r\n  }\r\n\r\n  @bindable({ set: booleanAttr })\r\n  horizontallyCenteredOnViewport: boolean;\r\n  async horizontallyCenteredOnViewportChanged() {\r\n    await this.initialised;\r\n    this.foundation?.setIsHorizontallyCenteredOnViewport(this.horizontallyCenteredOnViewport);\r\n  }\r\n\r\n  @bindable({ set: number })\r\n  openBottomBias: number;\r\n  async openBottomBiasChanged() {\r\n    await this.initialised;\r\n    this.foundation?.setOpenBottomBias(this.openBottomBias);\r\n  }\r\n\r\n  get open(): boolean {\r\n    return this.foundation?.isOpen() ?? false;\r\n  }\r\n\r\n  set open(value: boolean) {\r\n    if (value) {\r\n      this.foundation?.open();\r\n    } else {\r\n      this.foundation?.close();\r\n    }\r\n  }\r\n\r\n  handleKeydown(evt: KeyboardEvent) {\r\n    this.foundation?.handleKeydown(evt);\r\n  }\r\n\r\n  handleBodyClick(evt: MouseEvent) {\r\n    if (!this.stayOpen) {\r\n      this.foundation?.handleBodyClick(evt);\r\n    }\r\n  }\r\n\r\n  attaching() {\r\n    this.root.classList.add(cssClasses.ROOT);\r\n  }\r\n\r\n  handleEvent(evt: Event): void {\r\n    switch (evt.currentTarget) {\r\n      case this.root:\r\n        switch (evt.type) {\r\n          case 'keydown': this.handleKeydown(evt as KeyboardEvent); break;\r\n        }\r\n        break;\r\n      case document.body:\r\n        switch (evt.type) {\r\n          case 'click': this.handleBodyClick(evt as MouseEvent); break;\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  registerBodyClickListener() {\r\n    // this is different to native implementation\r\n    // refer to https://github.com/material-components/material-components-web/issues/6188\r\n    // capture so that no race between handleBodyClick and quickOpen when\r\n    // menusurface opened on button click which registers this listener\r\n    document.body.addEventListener('click', this);\r\n  }\r\n\r\n  deregisterBodyClickListener() {\r\n    document.body.removeEventListener('click', this);\r\n  }\r\n\r\n  initialSyncWithDOM() {\r\n    this.fixedChanged();\r\n    this.fullWidthChanged();\r\n    this.quickOpenChanged();\r\n    this.anchorCornerChanged();\r\n    this.anchorMarginChanged();\r\n\r\n    const parentEl = this.root.parentElement;\r\n    if (!this.anchor) {\r\n      this.anchor = parentEl?.classList.contains(cssClasses.ANCHOR) ? parentEl : null;\r\n    }\r\n    if (this.hoistToBody) {\r\n      this.originalParent = this.root.parentElement;\r\n      if (this.originalParent) {\r\n        document.body.appendChild(this.originalParent.removeChild(this.root));\r\n        this.foundation?.setIsHoisted(true);\r\n      }\r\n    }\r\n    this.foundation?.setFixedPosition(this.fixed);\r\n    if (this.anchorCorner) {\r\n      this.foundation?.setAnchorCorner(Corner[this.anchorCorner]);\r\n    }\r\n    if (this.anchorMargin) {\r\n      this.foundation?.setAnchorMargin(this.anchorMargin);\r\n    }\r\n    if (this.maxHeight) {\r\n      this.foundation?.setMaxHeight(this.maxHeight);\r\n    }\r\n    if (this.horizontallyCenteredOnViewport !== undefined) {\r\n      this.foundation?.setIsHorizontallyCenteredOnViewport(this.horizontallyCenteredOnViewport);\r\n    }\r\n    this.listen('keydown', this);\r\n  }\r\n\r\n  destroy() {\r\n    this.unlisten('keydown', this);\r\n    if (this.originalParent) {\r\n      this.originalParent.appendChild(document.body.removeChild(this.root));\r\n    }\r\n    super.destroy();\r\n  }\r\n\r\n  close(skipRestoreFocus = false) {\r\n    this.foundation?.close(skipRestoreFocus);\r\n  }\r\n\r\n  /** Sets the absolute x/y position to position based on. Requires the menu to be hoisted. */\r\n  setAbsolutePosition(x: number, y: number) {\r\n    this.foundation?.setAbsolutePosition(x, y);\r\n    this.hoistToBody = true;\r\n  }\r\n\r\n  /**\r\n   * @param corner Default anchor corner alignment of top-left surface corner.\r\n   */\r\n  setAnchorCorner(corner: Corner) {\r\n    this.foundation?.setAnchorCorner(corner);\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCMenuSurfaceAdapter = {\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      hasClass: (className) => this.root.classList.contains(className),\r\n      hasAnchor: () => !!this.anchor,\r\n      notifyClose: () => {\r\n        this.emit(MDCMenuSurfaceFoundation.strings.CLOSED_EVENT, {});\r\n        this.deregisterBodyClickListener();\r\n      },\r\n      notifyClosing: () => {\r\n        this.emit(MDCMenuSurfaceFoundation.strings.CLOSING_EVENT, {});\r\n      },\r\n      notifyOpen: () => {\r\n        this.emit(MDCMenuSurfaceFoundation.strings.OPENED_EVENT, {});\r\n        this.registerBodyClickListener();\r\n      },\r\n      notifyOpening: () => {\r\n        this.emit(MDCMenuSurfaceFoundation.strings.OPENING_EVENT, {});\r\n      },\r\n      isElementInContainer: (el) => this.root.contains(el),\r\n      isRtl: () => getComputedStyle(this.root).getPropertyValue('direction') === 'rtl',\r\n      setTransformOrigin: (origin) => {\r\n        const propertyName =\r\n          `${getCorrectPropertyName(window, 'transform')}-origin`;\r\n        this.root.style.setProperty(propertyName, origin);\r\n      },\r\n      isFocused: () => document.activeElement === this.root,\r\n      saveFocus: () => {\r\n        this.previousFocus = document.activeElement as HTMLElement | SVGElement | null;\r\n      },\r\n      restoreFocus: () => {\r\n        if (this.root.contains(document.activeElement)) {\r\n          if (this.previousFocus?.focus) {\r\n            this.previousFocus.focus();\r\n          }\r\n        }\r\n      },\r\n      getInnerDimensions: () => {\r\n        const firstChild = this.root.firstElementChild as HTMLElement;\r\n        // workaround https://github.com/material-components/material-components-web/issues/6709\r\n        // by explicitly displaying vertical scroll if a list does not fit\r\n        this.root.style.overflowY = this.root.offsetHeight < firstChild.offsetHeight ? 'scroll' : '';\r\n        return {\r\n          width: this.root.offsetWidth,\r\n          height: this.root.offsetHeight\r\n        };\r\n      },\r\n      getAnchorDimensions: () => this.anchor ? this.anchor.getBoundingClientRect() : null,\r\n      getWindowDimensions: () => {\r\n        return { width: window.innerWidth, height: window.innerHeight };\r\n      },\r\n      getBodyDimensions: () => {\r\n        return { width: document.body.clientWidth, height: document.body.clientHeight };\r\n      },\r\n      getWindowScroll: () => {\r\n        return { x: window.pageXOffset, y: window.pageYOffset };\r\n      },\r\n      setPosition: (position) => {\r\n        const rootHTML = this.root;\r\n        rootHTML.style.left = 'left' in position ? `${position.left}px` : '';\r\n        rootHTML.style.right = 'right' in position ? `${position.right}px` : '';\r\n        rootHTML.style.top = 'top' in position ? `${position.top}px` : '';\r\n        rootHTML.style.bottom = 'bottom' in position ? `${position.bottom}px` : '';\r\n      },\r\n      setMaxHeight: (height) => {\r\n        (this.root).style.maxHeight = height;\r\n      },\r\n    };\r\n    return new MDCMenuSurfaceFoundation(adapter);\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"mdc-menu-surface.js","sourceRoot":"","sources":["../../src/menu-surface/mdc-menu-surface.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAyB,UAAU,EAAE,MAAM,EAAmB,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACvI,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;AAC1D,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IAI7C,cAAc;4BAF1B,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,kBAAkB,CAAC;;;;sBACA,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAApB,SAAQ,WAAsC;;;;kCAIvE,QAAQ,EAAE;uCAIV,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC;iCAGzD,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;wCAW9B,QAAQ,EAAE;wCAQV,QAAQ,EAAE;qCAQV,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;qCAM9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;oCAU9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;qCAG9B,QAAQ,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;0DAOzB,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;0CAO9B,QAAQ,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;YAlE1B,oKAAA,MAAM,6BAAN,MAAM,uFAAkB;YAIxB,mLAAA,WAAW,6BAAX,WAAW,iGAAU;YAGrB,iKAAA,KAAK,6BAAL,KAAK,qFAAU;YAWf,sLAAA,YAAY,6BAAZ,YAAY,mGAAuB;YAQnC,sLAAA,YAAY,6BAAZ,YAAY,mGAA4B;YAQxC,6KAAA,SAAS,6BAAT,SAAS,6FAAU;YAMnB,6KAAA,SAAS,6BAAT,SAAS,6FAAU;YAUnB,0KAAA,QAAQ,6BAAR,QAAQ,2FAAU;YAGlB,6KAAA,SAAS,6BAAT,SAAS,6FAAS;YAOlB,4OAAA,8BAA8B,6BAA9B,8BAA8B,uIAAU;YAOxC,4LAAA,cAAc,6BAAd,cAAc,uGAAS;YAxEzB,6KAwQC;;;YAxQY,uDAAc;;QACzB,cAAc,CAAqB;QAC3B,aAAa,CAAmC;QAGxD,MAAM,yDAAkB;QAExB,uGAAuG;QAEvG,WAAW,oHAAU;QAGrB,KAAK,mHAAU;QACf,YAAY;YACV,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAC5C,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAC/C,CAAC;YACD,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChD,CAAC;QAGD,YAAY,oHAAuB;QACnC,mBAAmB;YACjB,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,EAAE,CAAC;gBACpC,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;YAC9D,CAAC;QACH,CAAC;QAGD,YAAY,2HAA4B;QACxC,mBAAmB;YACjB,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,EAAE,CAAC;gBACpC,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YACtD,CAAC;QACH,CAAC;QAGD,SAAS,wHAAU;QACnB,gBAAgB;YACd,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAChD,CAAC;QAGD,SAAS,qHAAU;QACnB,gBAAgB;YACd,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC;YACzD,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAC;YAC5D,CAAC;QACH,CAAC;QAGD,QAAQ,oHAAU;QAGlB,SAAS,oHAAS;QAClB,KAAK,CAAC,gBAAgB;YACpB,MAAM,IAAI,CAAC,WAAW,CAAC;YACvB,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAChD,CAAC;QAGD,8BAA8B,0IAAU;QACxC,KAAK,CAAC,qCAAqC;YACzC,MAAM,IAAI,CAAC,WAAW,CAAC;YACvB,IAAI,CAAC,UAAU,EAAE,mCAAmC,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;QAC5F,CAAC;QAGD,cAAc,+IAAS;QACvB,KAAK,CAAC,qBAAqB;YACzB,MAAM,IAAI,CAAC,WAAW,CAAC;YACvB,IAAI,CAAC,UAAU,EAAE,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC1D,CAAC;QAED,IAAI,IAAI;YACN,OAAO,IAAI,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,KAAK,CAAC;QAC5C,CAAC;QAED,IAAI,IAAI,CAAC,KAAc;YACrB,IAAI,KAAK,EAAE,CAAC;gBACV,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC;YAC3B,CAAC;QACH,CAAC;QAED,aAAa,CAAC,GAAkB;YAC9B,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;QACtC,CAAC;QAED,eAAe,CAAC,GAAe;YAC7B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACnB,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;YACxC,CAAC;QACH,CAAC;QAED,SAAS;YACP,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC3C,CAAC;QAED,WAAW,CAAC,GAAU;YACpB,QAAQ,GAAG,CAAC,aAAa,EAAE,CAAC;gBAC1B,KAAK,IAAI,CAAC,IAAI;oBACZ,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;wBACjB,KAAK,SAAS;4BAAE,IAAI,CAAC,aAAa,CAAC,GAAoB,CAAC,CAAC;4BAAC,MAAM;oBAClE,CAAC;oBACD,MAAM;gBACR,KAAK,QAAQ,CAAC,IAAI;oBAChB,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;wBACjB,KAAK,OAAO;4BAAE,IAAI,CAAC,eAAe,CAAC,GAAiB,CAAC,CAAC;4BAAC,MAAM;oBAC/D,CAAC;oBACD,MAAM;YACV,CAAC;QACH,CAAC;QAED,yBAAyB;YACvB,6CAA6C;YAC7C,sFAAsF;YACtF,qEAAqE;YACrE,mEAAmE;YACnE,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAChD,CAAC;QAED,2BAA2B;YACzB,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACnD,CAAC;QAED,kBAAkB;YAChB,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAE3B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;YACzC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACjB,IAAI,CAAC,MAAM,GAAG,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;YAClF,CAAC;YACD,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBACrB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;gBAC9C,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;oBACxB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;oBACtE,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;gBACtC,CAAC;YACH,CAAC;YACD,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC9C,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;YAC9D,CAAC;YACD,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YACtD,CAAC;YACD,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAChD,CAAC;YACD,IAAI,IAAI,CAAC,8BAA8B,KAAK,SAAS,EAAE,CAAC;gBACtD,IAAI,CAAC,UAAU,EAAE,mCAAmC,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;YAC5F,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC/B,CAAC;QAED,OAAO;YACL,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;YAC/B,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;gBACxB,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YACxE,CAAC;YACD,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,CAAC;QAED,KAAK,CAAC,gBAAgB,GAAG,KAAK;YAC5B,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;QAC3C,CAAC;QAED,4FAA4F;QAC5F,mBAAmB,CAAC,CAAS,EAAE,CAAS;YACtC,IAAI,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC3C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC;QAED;;WAEG;QACH,eAAe,CAAC,MAAc;YAC5B,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QAC3C,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAA0B;gBACrC,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,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;gBAChE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM;gBAC9B,WAAW,EAAE,GAAG,EAAE;oBAChB,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;oBAC7D,IAAI,CAAC,2BAA2B,EAAE,CAAC;gBACrC,CAAC;gBACD,aAAa,EAAE,GAAG,EAAE;oBAClB,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;gBAChE,CAAC;gBACD,UAAU,EAAE,GAAG,EAAE;oBACf,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;oBAC7D,IAAI,CAAC,yBAAyB,EAAE,CAAC;gBACnC,CAAC;gBACD,aAAa,EAAE,GAAG,EAAE;oBAClB,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;gBAChE,CAAC;gBACD,oBAAoB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACpD,KAAK,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,WAAW,CAAC,KAAK,KAAK;gBAChF,kBAAkB,EAAE,CAAC,MAAM,EAAE,EAAE;oBAC7B,MAAM,YAAY,GAChB,GAAG,sBAAsB,CAAC,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC;oBAC1D,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;gBACpD,CAAC;gBACD,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,KAAK,IAAI,CAAC,IAAI;gBACrD,SAAS,EAAE,GAAG,EAAE;oBACd,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAAgD,CAAC;gBACjF,CAAC;gBACD,YAAY,EAAE,GAAG,EAAE;oBACjB,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;wBAC/C,IAAI,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,CAAC;4BAC9B,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;wBAC7B,CAAC;oBACH,CAAC;gBACH,CAAC;gBACD,kBAAkB,EAAE,GAAG,EAAE;oBACvB,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,iBAAgC,CAAC;oBAC9D,wFAAwF;oBACxF,kEAAkE;oBAClE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;oBAC7F,OAAO;wBACL,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW;wBAC5B,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY;qBAC/B,CAAC;gBACJ,CAAC;gBACD,mBAAmB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,IAAI;gBACnF,mBAAmB,EAAE,GAAG,EAAE;oBACxB,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC;gBAClE,CAAC;gBACD,iBAAiB,EAAE,GAAG,EAAE;oBACtB,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;gBAClF,CAAC;gBACD,eAAe,EAAE,GAAG,EAAE;oBACpB,OAAO,EAAE,CAAC,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC;gBAC1D,CAAC;gBACD,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;oBACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;oBAC3B,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;oBACrE,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;oBACxE,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;oBAClE,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC7E,CAAC;gBACD,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE;oBACvB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;gBACvC,CAAC;aACF,CAAC;YACF,OAAO,IAAI,wBAAwB,CAAC,OAAO,CAAC,CAAC;QAC/C,CAAC;;;;;;;;SAtQU,cAAc","sourcesContent":["import { MdcComponent, booleanAttr, number } from '../base';\r\nimport { MDCMenuSurfaceFoundation, MDCMenuSurfaceAdapter, cssClasses, Corner, MDCMenuDistance, strings } from '@material/menu-surface';\r\nimport { inject, customAttribute, bindable, BindingMode } from 'aurelia';\r\nimport { getCorrectPropertyName } from '@material/animation/util';\r\n\r\nstrings.OPENED_EVENT = strings.OPENED_EVENT.toLowerCase();\r\nstrings.CLOSED_EVENT = strings.CLOSED_EVENT.toLowerCase();\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-menu-surface')\r\nexport class MdcMenuSurface extends MdcComponent<MDCMenuSurfaceFoundation> implements EventListenerObject {\r\n  originalParent: HTMLElement | null;\r\n  private previousFocus?: HTMLElement | SVGElement | null;\r\n\r\n  @bindable()\r\n  anchor?: Element | null;\r\n\r\n  /** Sets the foundation to use page offsets for an positioning when the menu is hoisted to the body. */\r\n  @bindable({ set: booleanAttr, mode: BindingMode.oneTime })\r\n  hoistToBody: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  fixed: boolean;\r\n  fixedChanged() {\r\n    if (this.fixed) {\r\n      this.root.classList.add(cssClasses.FIXED);\r\n    } else {\r\n      this.root.classList.remove(cssClasses.FIXED);\r\n    }\r\n    this.foundation?.setFixedPosition(this.fixed);\r\n  }\r\n\r\n  @bindable()\r\n  anchorCorner?: keyof typeof Corner;\r\n  anchorCornerChanged() {\r\n    if (this.anchorCorner !== undefined) {\r\n      this.foundation?.setAnchorCorner(Corner[this.anchorCorner]);\r\n    }\r\n  }\r\n\r\n  @bindable()\r\n  anchorMargin?: Partial<MDCMenuDistance>;\r\n  anchorMarginChanged() {\r\n    if (this.anchorMargin !== undefined) {\r\n      this.foundation?.setAnchorMargin(this.anchorMargin);\r\n    }\r\n  }\r\n\r\n  @bindable({ set: booleanAttr })\r\n  quickOpen: boolean;\r\n  quickOpenChanged() {\r\n    this.foundation?.setQuickOpen(this.quickOpen);\r\n  }\r\n\r\n  @bindable({ set: booleanAttr })\r\n  fullWidth: boolean;\r\n  fullWidthChanged() {\r\n    if (this.fullWidth) {\r\n      this.root.classList.add('mdc-menu-surface--fullwidth');\r\n    } else {\r\n      this.root.classList.remove('mdc-menu-surface--fullwidth');\r\n    }\r\n  }\r\n\r\n  @bindable({ set: booleanAttr })\r\n  stayOpen: boolean;\r\n\r\n  @bindable({ set: number })\r\n  maxHeight: number;\r\n  async maxHeightChanged() {\r\n    await this.initialised;\r\n    this.foundation?.setMaxHeight(this.maxHeight);\r\n  }\r\n\r\n  @bindable({ set: booleanAttr })\r\n  horizontallyCenteredOnViewport: boolean;\r\n  async horizontallyCenteredOnViewportChanged() {\r\n    await this.initialised;\r\n    this.foundation?.setIsHorizontallyCenteredOnViewport(this.horizontallyCenteredOnViewport);\r\n  }\r\n\r\n  @bindable({ set: number })\r\n  openBottomBias: number;\r\n  async openBottomBiasChanged() {\r\n    await this.initialised;\r\n    this.foundation?.setOpenBottomBias(this.openBottomBias);\r\n  }\r\n\r\n  get open(): boolean {\r\n    return this.foundation?.isOpen() ?? false;\r\n  }\r\n\r\n  set open(value: boolean) {\r\n    if (value) {\r\n      this.foundation?.open();\r\n    } else {\r\n      this.foundation?.close();\r\n    }\r\n  }\r\n\r\n  handleKeydown(evt: KeyboardEvent) {\r\n    this.foundation?.handleKeydown(evt);\r\n  }\r\n\r\n  handleBodyClick(evt: MouseEvent) {\r\n    if (!this.stayOpen) {\r\n      this.foundation?.handleBodyClick(evt);\r\n    }\r\n  }\r\n\r\n  attaching() {\r\n    this.root.classList.add(cssClasses.ROOT);\r\n  }\r\n\r\n  handleEvent(evt: Event): void {\r\n    switch (evt.currentTarget) {\r\n      case this.root:\r\n        switch (evt.type) {\r\n          case 'keydown': this.handleKeydown(evt as KeyboardEvent); break;\r\n        }\r\n        break;\r\n      case document.body:\r\n        switch (evt.type) {\r\n          case 'click': this.handleBodyClick(evt as MouseEvent); break;\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  registerBodyClickListener() {\r\n    // this is different to native implementation\r\n    // refer to https://github.com/material-components/material-components-web/issues/6188\r\n    // capture so that no race between handleBodyClick and quickOpen when\r\n    // menusurface opened on button click which registers this listener\r\n    document.body.addEventListener('click', this);\r\n  }\r\n\r\n  deregisterBodyClickListener() {\r\n    document.body.removeEventListener('click', this);\r\n  }\r\n\r\n  initialSyncWithDOM() {\r\n    this.fixedChanged();\r\n    this.fullWidthChanged();\r\n    this.quickOpenChanged();\r\n    this.anchorCornerChanged();\r\n    this.anchorMarginChanged();\r\n\r\n    const parentEl = this.root.parentElement;\r\n    if (!this.anchor) {\r\n      this.anchor = parentEl?.classList.contains(cssClasses.ANCHOR) ? parentEl : null;\r\n    }\r\n    if (this.hoistToBody) {\r\n      this.originalParent = this.root.parentElement;\r\n      if (this.originalParent) {\r\n        document.body.appendChild(this.originalParent.removeChild(this.root));\r\n        this.foundation?.setIsHoisted(true);\r\n      }\r\n    }\r\n    this.foundation?.setFixedPosition(this.fixed);\r\n    if (this.anchorCorner) {\r\n      this.foundation?.setAnchorCorner(Corner[this.anchorCorner]);\r\n    }\r\n    if (this.anchorMargin) {\r\n      this.foundation?.setAnchorMargin(this.anchorMargin);\r\n    }\r\n    if (this.maxHeight) {\r\n      this.foundation?.setMaxHeight(this.maxHeight);\r\n    }\r\n    if (this.horizontallyCenteredOnViewport !== undefined) {\r\n      this.foundation?.setIsHorizontallyCenteredOnViewport(this.horizontallyCenteredOnViewport);\r\n    }\r\n    this.listen('keydown', this);\r\n  }\r\n\r\n  destroy() {\r\n    this.unlisten('keydown', this);\r\n    if (this.originalParent) {\r\n      this.originalParent.appendChild(document.body.removeChild(this.root));\r\n    }\r\n    super.destroy();\r\n  }\r\n\r\n  close(skipRestoreFocus = false) {\r\n    this.foundation?.close(skipRestoreFocus);\r\n  }\r\n\r\n  /** Sets the absolute x/y position to position based on. Requires the menu to be hoisted. */\r\n  setAbsolutePosition(x: number, y: number) {\r\n    this.foundation?.setAbsolutePosition(x, y);\r\n    this.hoistToBody = true;\r\n  }\r\n\r\n  /**\r\n   * @param corner Default anchor corner alignment of top-left surface corner.\r\n   */\r\n  setAnchorCorner(corner: Corner) {\r\n    this.foundation?.setAnchorCorner(corner);\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCMenuSurfaceAdapter = {\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      hasClass: (className) => this.root.classList.contains(className),\r\n      hasAnchor: () => !!this.anchor,\r\n      notifyClose: () => {\r\n        this.emit(MDCMenuSurfaceFoundation.strings.CLOSED_EVENT, {});\r\n        this.deregisterBodyClickListener();\r\n      },\r\n      notifyClosing: () => {\r\n        this.emit(MDCMenuSurfaceFoundation.strings.CLOSING_EVENT, {});\r\n      },\r\n      notifyOpen: () => {\r\n        this.emit(MDCMenuSurfaceFoundation.strings.OPENED_EVENT, {});\r\n        this.registerBodyClickListener();\r\n      },\r\n      notifyOpening: () => {\r\n        this.emit(MDCMenuSurfaceFoundation.strings.OPENING_EVENT, {});\r\n      },\r\n      isElementInContainer: (el) => this.root.contains(el),\r\n      isRtl: () => getComputedStyle(this.root).getPropertyValue('direction') === 'rtl',\r\n      setTransformOrigin: (origin) => {\r\n        const propertyName =\r\n          `${getCorrectPropertyName(window, 'transform')}-origin`;\r\n        this.root.style.setProperty(propertyName, origin);\r\n      },\r\n      isFocused: () => document.activeElement === this.root,\r\n      saveFocus: () => {\r\n        this.previousFocus = document.activeElement as HTMLElement | SVGElement | null;\r\n      },\r\n      restoreFocus: () => {\r\n        if (this.root.contains(document.activeElement)) {\r\n          if (this.previousFocus?.focus) {\r\n            this.previousFocus.focus();\r\n          }\r\n        }\r\n      },\r\n      getInnerDimensions: () => {\r\n        const firstChild = this.root.firstElementChild as HTMLElement;\r\n        // workaround https://github.com/material-components/material-components-web/issues/6709\r\n        // by explicitly displaying vertical scroll if a list does not fit\r\n        this.root.style.overflowY = this.root.offsetHeight < firstChild.offsetHeight ? 'scroll' : '';\r\n        return {\r\n          width: this.root.offsetWidth,\r\n          height: this.root.offsetHeight\r\n        };\r\n      },\r\n      getAnchorDimensions: () => this.anchor ? this.anchor.getBoundingClientRect() : null,\r\n      getWindowDimensions: () => {\r\n        return { width: window.innerWidth, height: window.innerHeight };\r\n      },\r\n      getBodyDimensions: () => {\r\n        return { width: document.body.clientWidth, height: document.body.clientHeight };\r\n      },\r\n      getWindowScroll: () => {\r\n        return { x: window.pageXOffset, y: window.pageYOffset };\r\n      },\r\n      setPosition: (position) => {\r\n        const rootHTML = this.root;\r\n        rootHTML.style.left = 'left' in position ? `${position.left}px` : '';\r\n        rootHTML.style.right = 'right' in position ? `${position.right}px` : '';\r\n        rootHTML.style.top = 'top' in position ? `${position.top}px` : '';\r\n        rootHTML.style.bottom = 'bottom' in position ? `${position.bottom}px` : '';\r\n      },\r\n      setMaxHeight: (height) => {\r\n        (this.root).style.maxHeight = height;\r\n      },\r\n    };\r\n    return new MDCMenuSurfaceFoundation(adapter);\r\n  }\r\n\r\n}\r\n"]}

package/dist/notched-outline/mdc-notched-outline.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcNotchedOutline = void 0;
-const tslib_1 = require("tslib");
-const base_1 = require("../base");
-const notched_outline_1 = require("@material/notched-outline");
-const floating_label_1 = require("@material/floating-label");
-const aurelia_1 = require("aurelia");
-const mdc_notched_outline_html_raw_1 = tslib_1.__importDefault(require("./mdc-notched-outline.html?raw"));
+import { __esDecorate, __runInitializers } from "tslib";
+import { MdcComponent } from '../base';
+import { MDCNotchedOutlineFoundation, cssClasses } from '@material/notched-outline';
+import { MDCFloatingLabelFoundation } from '@material/floating-label';
+import { inject, customElement, slotted } from 'aurelia';
+import template from './mdc-notched-outline.html?raw';
 let MdcNotchedOutline = (() => {
-    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-notched-outline', template: mdc_notched_outline_html_raw_1.default })];
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-notched-outline', template })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = base_1.MdcComponent;
+    let _classSuper = MdcComponent;
     let _labels_decorators;
     let _labels_initializers = [];
     let _labels_extraInitializers = [];
@@ -20,21 +17,21 @@ let MdcNotchedOutline = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _labels_decorators = [(0, aurelia_1.slotted)({ query: `.${floating_label_1.MDCFloatingLabelFoundation.cssClasses.ROOT}` })];
-            tslib_1.__esDecorate(null, null, _labels_decorators, { kind: "field", name: "labels", static: false, private: false, access: { has: obj => "labels" in obj, get: obj => obj.labels, set: (obj, value) => { obj.labels = value; } }, metadata: _metadata }, _labels_initializers, _labels_extraInitializers);
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _labels_decorators = [slotted({ query: `.${MDCFloatingLabelFoundation.cssClasses.ROOT}` })];
+            __esDecorate(null, null, _labels_decorators, { kind: "field", name: "labels", static: false, private: false, access: { has: obj => "labels" in obj, get: obj => obj.labels, set: (obj, value) => { obj.labels = value; } }, metadata: _metadata }, _labels_initializers, _labels_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcNotchedOutline = _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);
         }
         notchElement_; // assigned in html
         label;
-        labels = tslib_1.__runInitializers(this, _labels_initializers, void 0);
+        labels = __runInitializers(this, _labels_initializers, void 0);
         labelsChanged() {
             if (this.labels.length) {
                 this.label = this.labels[0];
                 this.label.style.transitionDuration = '0s';
-                this.root.classList.add(notched_outline_1.cssClasses.OUTLINE_UPGRADED);
+                this.root.classList.add(cssClasses.OUTLINE_UPGRADED);
                 requestAnimationFrame(() => {
                     this.label.style.transitionDuration = '';
                 });
@@ -68,14 +65,14 @@ let MdcNotchedOutline = (() => {
                 setNotchWidthProperty: (width) => this.notchElement_.style.setProperty('width', `${width}px`),
                 removeNotchWidthProperty: () => this.notchElement_.style.removeProperty('width'),
             };
-            return new notched_outline_1.MDCNotchedOutlineFoundation(adapter);
+            return new MDCNotchedOutlineFoundation(adapter);
         }
         constructor() {
             super(...arguments);
-            tslib_1.__runInitializers(this, _labels_extraInitializers);
+            __runInitializers(this, _labels_extraInitializers);
         }
     };
     return MdcNotchedOutline = _classThis;
 })();
-exports.MdcNotchedOutline = MdcNotchedOutline;
+export { MdcNotchedOutline };
 //# sourceMappingURL=mdc-notched-outline.js.map

package/dist/notched-outline/mdc-notched-outline.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-notched-outline.js","sourceRoot":"","sources":["../../src/notched-outline/mdc-notched-outline.ts"],"names":[],"mappings":";;;;AAAA,kCAAuC;AACvC,+DAA8G;AAC9G,6DAAsE;AACtE,qCAAyD;AACzD,0GAAsD;IAIzC,iBAAiB;4BAF7B,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,QAAQ,EAAR,sCAAQ,EAAE,CAAC;;;;sBAClB,mBAAY;;;;iCAApB,SAAQ,WAAyC;;;;kCAK7E,IAAA,iBAAO,EAAC,EAAE,KAAK,EAAE,IAAI,2CAA0B,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC;YACrE,4KAAA,MAAM,6BAAN,MAAM,uFAAgB;YANxB,qLAmDC;;;YAnDY,+DAAiB;;QACpB,aAAa,CAAe,CAAC,mBAAmB;QAExD,KAAK,CAAe;QAGpB,MAAM,iEAAgB;QACtB,aAAa;YACX,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;gBACvB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAC5B,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,kBAAkB,GAAG,IAAI,CAAC;gBAC3C,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,4BAAU,CAAC,gBAAgB,CAAC,CAAC;gBACrD,qBAAqB,CAAC,GAAG,EAAE;oBACzB,IAAI,CAAC,KAAM,CAAC,KAAK,CAAC,kBAAkB,GAAG,EAAE,CAAC;gBAC5C,CAAC,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;YACzB,CAAC;QACH,CAAC;QAED,kBAAkB;YAChB,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;QAED;;;WAGG;QACH,KAAK,CAAC,UAAkB;YACtB,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;QACrC,CAAC;QAED;;WAEG;QACH,UAAU;YACR,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE,CAAC;QAChC,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAA6B;gBACxC,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,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;gBAC7F,wBAAwB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;aACjF,CAAC;YACF,OAAO,IAAI,6CAA2B,CAAC,OAAO,CAAC,CAAC;QAClD,CAAC;;;;;;;;AAjDU,8CAAiB","sourcesContent":["import { MdcComponent } from '../base';\r\nimport { MDCNotchedOutlineFoundation, MDCNotchedOutlineAdapter, cssClasses } from '@material/notched-outline';\r\nimport { MDCFloatingLabelFoundation } from '@material/floating-label';\r\nimport { inject, customElement, slotted } from 'aurelia';\r\nimport template from './mdc-notched-outline.html?raw';\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-notched-outline', template })\r\nexport class MdcNotchedOutline extends MdcComponent<MDCNotchedOutlineFoundation> {\r\n  private notchElement_!: HTMLElement; // assigned in html\r\n\r\n  label?: HTMLElement;\r\n\r\n  @slotted({ query: `.${MDCFloatingLabelFoundation.cssClasses.ROOT}` })\r\n  labels: HTMLElement[];\r\n  labelsChanged() {\r\n    if (this.labels.length) {\r\n      this.label = this.labels[0];\r\n      this.label.style.transitionDuration = '0s';\r\n      this.root.classList.add(cssClasses.OUTLINE_UPGRADED);\r\n      requestAnimationFrame(() => {\r\n        this.label!.style.transitionDuration = '';\r\n      });\r\n    } else {\r\n      this.label = undefined;\r\n    }\r\n  }\r\n\r\n  initialSyncWithDOM() {\r\n    this.labelsChanged();\r\n  }\r\n\r\n  /**\r\n   * Updates classes and styles to open the notch to the specified width.\r\n   * @param notchWidth The notch width in the outline.\r\n   */\r\n  notch(notchWidth: number) {\r\n    this.foundation?.notch(notchWidth);\r\n  }\r\n\r\n  /**\r\n   * Updates classes and styles to close the notch.\r\n   */\r\n  closeNotch() {\r\n    this.foundation?.closeNotch();\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCNotchedOutlineAdapter = {\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      setNotchWidthProperty: (width) => this.notchElement_.style.setProperty('width', `${width}px`),\r\n      removeNotchWidthProperty: () => this.notchElement_.style.removeProperty('width'),\r\n    };\r\n    return new MDCNotchedOutlineFoundation(adapter);\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"mdc-notched-outline.js","sourceRoot":"","sources":["../../src/notched-outline/mdc-notched-outline.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,2BAA2B,EAA4B,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC9G,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,QAAQ,MAAM,gCAAgC,CAAC;IAIzC,iBAAiB;4BAF7B,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC;;;;sBAClB,YAAY;;;;iCAApB,SAAQ,WAAyC;;;;kCAK7E,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,0BAA0B,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC;YACrE,oKAAA,MAAM,6BAAN,MAAM,uFAAgB;YANxB,6KAmDC;;;YAnDY,uDAAiB;;QACpB,aAAa,CAAe,CAAC,mBAAmB;QAExD,KAAK,CAAe;QAGpB,MAAM,yDAAgB;QACtB,aAAa;YACX,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;gBACvB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAC5B,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,kBAAkB,GAAG,IAAI,CAAC;gBAC3C,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;gBACrD,qBAAqB,CAAC,GAAG,EAAE;oBACzB,IAAI,CAAC,KAAM,CAAC,KAAK,CAAC,kBAAkB,GAAG,EAAE,CAAC;gBAC5C,CAAC,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;YACzB,CAAC;QACH,CAAC;QAED,kBAAkB;YAChB,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;QAED;;;WAGG;QACH,KAAK,CAAC,UAAkB;YACtB,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;QACrC,CAAC;QAED;;WAEG;QACH,UAAU;YACR,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE,CAAC;QAChC,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAA6B;gBACxC,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,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;gBAC7F,wBAAwB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;aACjF,CAAC;YACF,OAAO,IAAI,2BAA2B,CAAC,OAAO,CAAC,CAAC;QAClD,CAAC;;;;;;;;SAjDU,iBAAiB","sourcesContent":["import { MdcComponent } from '../base';\r\nimport { MDCNotchedOutlineFoundation, MDCNotchedOutlineAdapter, cssClasses } from '@material/notched-outline';\r\nimport { MDCFloatingLabelFoundation } from '@material/floating-label';\r\nimport { inject, customElement, slotted } from 'aurelia';\r\nimport template from './mdc-notched-outline.html?raw';\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-notched-outline', template })\r\nexport class MdcNotchedOutline extends MdcComponent<MDCNotchedOutlineFoundation> {\r\n  private notchElement_!: HTMLElement; // assigned in html\r\n\r\n  label?: HTMLElement;\r\n\r\n  @slotted({ query: `.${MDCFloatingLabelFoundation.cssClasses.ROOT}` })\r\n  labels: HTMLElement[];\r\n  labelsChanged() {\r\n    if (this.labels.length) {\r\n      this.label = this.labels[0];\r\n      this.label.style.transitionDuration = '0s';\r\n      this.root.classList.add(cssClasses.OUTLINE_UPGRADED);\r\n      requestAnimationFrame(() => {\r\n        this.label!.style.transitionDuration = '';\r\n      });\r\n    } else {\r\n      this.label = undefined;\r\n    }\r\n  }\r\n\r\n  initialSyncWithDOM() {\r\n    this.labelsChanged();\r\n  }\r\n\r\n  /**\r\n   * Updates classes and styles to open the notch to the specified width.\r\n   * @param notchWidth The notch width in the outline.\r\n   */\r\n  notch(notchWidth: number) {\r\n    this.foundation?.notch(notchWidth);\r\n  }\r\n\r\n  /**\r\n   * Updates classes and styles to close the notch.\r\n   */\r\n  closeNotch() {\r\n    this.foundation?.closeNotch();\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCNotchedOutlineAdapter = {\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      setNotchWidthProperty: (width) => this.notchElement_.style.setProperty('width', `${width}px`),\r\n      removeNotchWidthProperty: () => this.notchElement_.style.removeProperty('width'),\r\n    };\r\n    return new MDCNotchedOutlineFoundation(adapter);\r\n  }\r\n\r\n}\r\n"]}

package/dist/radio/mdc-radio.js

@@ -1,21 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcRadio = void 0;
-const tslib_1 = require("tslib");
-const base_1 = require("../base");
-const radio_1 = require("@material/radio");
-const aurelia_1 = require("aurelia");
-const mdc_radio_html_raw_1 = tslib_1.__importDefault(require("./mdc-radio.html?raw"));
+import { __esDecorate, __runInitializers } from "tslib";
+import { MdcComponent, booleanAttr } from '../base';
+import { MDCRadioFoundation } from '@material/radio';
+import { inject, customElement, CustomElement, bindable } from 'aurelia';
+import template from './mdc-radio.html?raw';
 let radioId = 0;
 /**
  * @selector mdc-radio
  */
 let MdcRadio = (() => {
-    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-radio', template: mdc_radio_html_raw_1.default })];
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-radio', template })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = base_1.MdcComponent;
+    let _classSuper = MdcComponent;
     let _disabled_decorators;
     let _disabled_initializers = [];
     let _disabled_extraInitializers = [];
@@ -26,14 +23,14 @@ let MdcRadio = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _disabled_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _touch_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            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, 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, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _disabled_decorators = [bindable({ set: booleanAttr })];
+            _touch_decorators = [bindable({ set: booleanAttr })];
+            __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, 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, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcRadio = _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);
         }
         constructor(root) {
             super(root);
@@ -42,15 +39,15 @@ let MdcRadio = (() => {
         nativeControl_;
         id = `mdc-radio-${++radioId}-input`;
         /** Disables the component */
-        disabled = tslib_1.__runInitializers(this, _disabled_initializers, void 0);
+        disabled = __runInitializers(this, _disabled_initializers, void 0);
         disabledChanged() {
             if (this.nativeControl_) {
                 this.nativeControl_.disabled = this.disabled;
             }
         }
         /** Set the component touch target to 48 x 48 px */
-        touch = (tslib_1.__runInitializers(this, _disabled_extraInitializers), tslib_1.__runInitializers(this, _touch_initializers, void 0));
-        _checked = tslib_1.__runInitializers(this, _touch_extraInitializers);
+        touch = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _touch_initializers, void 0));
+        _checked = __runInitializers(this, _touch_extraInitializers);
         /** Use to verify the checked value */
         get checked() {
             if (this.nativeControl_) {
@@ -111,7 +108,7 @@ let MdcRadio = (() => {
                 setNativeControlDisabled: (disabled) => this.nativeControl_.disabled =
                     disabled,
             };
-            return new radio_1.MDCRadioFoundation(adapter);
+            return new MDCRadioFoundation(adapter);
         }
         /** Set focus to the radio button */
         focus() {
@@ -124,7 +121,7 @@ let MdcRadio = (() => {
     };
     return MdcRadio = _classThis;
 })();
-exports.MdcRadio = MdcRadio;
+export { MdcRadio };
 function defineMdcRadioElementApis(element) {
     Object.defineProperties(element, {
         type: {
@@ -132,30 +129,30 @@ function defineMdcRadioElementApis(element) {
         },
         checked: {
             get() {
-                return aurelia_1.CustomElement.for(this).viewModel.checked;
+                return CustomElement.for(this).viewModel.checked;
             },
             set(value) {
-                aurelia_1.CustomElement.for(this).viewModel.checked = value;
+                CustomElement.for(this).viewModel.checked = value;
             },
             configurable: true
         },
         value: {
             get() {
-                return aurelia_1.CustomElement.for(this).viewModel.value;
+                return CustomElement.for(this).viewModel.value;
             },
             set(value) {
-                aurelia_1.CustomElement.for(this).viewModel.value = value;
+                CustomElement.for(this).viewModel.value = value;
             }
         },
         focus: {
             value() {
-                aurelia_1.CustomElement.for(this).viewModel.focus();
+                CustomElement.for(this).viewModel.focus();
             },
             configurable: true
         },
         blur: {
             value() {
-                aurelia_1.CustomElement.for(this).viewModel.blur();
+                CustomElement.for(this).viewModel.blur();
             },
             configurable: true
         }

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

@@ -1 +1 @@
-{"version":3,"file":"mdc-radio.js","sourceRoot":"","sources":["../../src/radio/mdc-radio.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../base';\r\nimport { MDCRadioFoundation, MDCRadioAdapter } from '@material/radio';\r\nimport { inject, customElement, CustomElement, bindable } from 'aurelia';\r\nimport template from './mdc-radio.html?raw';\r\n\r\nlet radioId = 0;\r\n\r\n/**\r\n * @selector mdc-radio\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-radio', template })\r\nexport class MdcRadio extends MdcComponent<MDCRadioFoundation> {\r\n  constructor(root: IMdcRadioElement) {\r\n    super(root);\r\n    defineMdcRadioElementApis(this.root);\r\n  }\r\n\r\n  nativeControl_: HTMLInputElement;\r\n\r\n  id = `mdc-radio-${++radioId}-input`;\r\n\r\n  /** Disables the component */\r\n  @bindable({ set: booleanAttr })\r\n  disabled: boolean;\r\n  disabledChanged() {\r\n    if (this.nativeControl_) {\r\n      this.nativeControl_.disabled = this.disabled;\r\n    }\r\n  }\r\n\r\n  /** Set the component touch target to 48 x 48 px */\r\n  @bindable({ set: booleanAttr })\r\n  touch: boolean;\r\n\r\n  _checked?: boolean;\r\n  /** Use to verify the checked value */\r\n  get checked(): boolean {\r\n    if (this.nativeControl_) {\r\n      return this.nativeControl_.checked;\r\n    } else {\r\n      return this._checked ?? false;\r\n    }\r\n  }\r\n\r\n  set checked(checked: boolean) {\r\n    this._checked = checked;\r\n    if (this.nativeControl_) {\r\n      this.nativeControl_.checked = checked;\r\n    }\r\n  }\r\n\r\n  _value?: string;\r\n  /** Value of the radio button */\r\n  get value(): string {\r\n    if (this.nativeControl_) {\r\n      return this.nativeControl_.value;\r\n    } else {\r\n      return this._value ?? '';\r\n    }\r\n  }\r\n\r\n  set value(value: string) {\r\n    this._value = value;\r\n    if (this.nativeControl_) {\r\n      this.nativeControl_.value = value;\r\n    }\r\n  }\r\n\r\n  attaching() {\r\n    if (this.root.hasAttribute('checked')) {\r\n      const attributeValue = this.root.getAttribute('checked');\r\n\r\n      if (attributeValue || attributeValue === '') {\r\n        (this.root as IMdcRadioElement).checked = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  initialSyncWithDOM() {\r\n    this.disabledChanged();\r\n    if (this._checked !== undefined) {\r\n      this.checked = this._checked;\r\n    }\r\n    if (this._value !== undefined) {\r\n      this.value = this._value;\r\n    }\r\n  }\r\n\r\n  destroy() {\r\n    this._checked = undefined;\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCRadioAdapter = {\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      setNativeControlDisabled: (disabled) => this.nativeControl_.disabled =\r\n        disabled,\r\n    };\r\n    return new MDCRadioFoundation(adapter);\r\n  }\r\n\r\n  /** Set focus to the radio button */\r\n  focus() {\r\n    this.nativeControl_.focus();\r\n  }\r\n\r\n  /** Set focus away from the radio button */\r\n  blur() {\r\n    this.nativeControl_.blur();\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcRadioElement extends HTMLElement {\r\n  checked: boolean;\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcRadio;\r\n    };\r\n  };\r\n}\r\n\r\nfunction defineMdcRadioElementApis(element: HTMLElement) {\r\n  Object.defineProperties(element, {\r\n    type: {\r\n      value: 'radio',\r\n    },\r\n    checked: {\r\n      get(this: IMdcRadioElement) {\r\n        return CustomElement.for<MdcRadio>(this).viewModel.checked;\r\n      },\r\n      set(this: IMdcRadioElement, value: boolean) {\r\n        CustomElement.for<MdcRadio>(this).viewModel.checked = value;\r\n      },\r\n      configurable: true\r\n    },\r\n    value: {\r\n      get(this: IMdcRadioElement) {\r\n        return CustomElement.for<MdcRadio>(this).viewModel.value;\r\n      },\r\n      set(this: IMdcRadioElement, value: string) {\r\n        CustomElement.for<MdcRadio>(this).viewModel.value = value;\r\n      }\r\n    },\r\n    focus: {\r\n      value(this: IMdcRadioElement) {\r\n        CustomElement.for<MdcRadio>(this).viewModel.focus();\r\n      },\r\n      configurable: true\r\n    },\r\n    blur: {\r\n      value(this: IMdcRadioElement) {\r\n        CustomElement.for<MdcRadio>(this).viewModel.blur();\r\n      },\r\n      configurable: true\r\n    }\r\n  });\r\n}\r\n"]}
+{"version":3,"file":"mdc-radio.js","sourceRoot":"","sources":["../../src/radio/mdc-radio.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../base';\r\nimport { MDCRadioFoundation, MDCRadioAdapter } from '@material/radio';\r\nimport { inject, customElement, CustomElement, bindable } from 'aurelia';\r\nimport template from './mdc-radio.html?raw';\r\n\r\nlet radioId = 0;\r\n\r\n/**\r\n * @selector mdc-radio\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-radio', template })\r\nexport class MdcRadio extends MdcComponent<MDCRadioFoundation> {\r\n  constructor(root: IMdcRadioElement) {\r\n    super(root);\r\n    defineMdcRadioElementApis(this.root);\r\n  }\r\n\r\n  nativeControl_: HTMLInputElement;\r\n\r\n  id = `mdc-radio-${++radioId}-input`;\r\n\r\n  /** Disables the component */\r\n  @bindable({ set: booleanAttr })\r\n  disabled: boolean;\r\n  disabledChanged() {\r\n    if (this.nativeControl_) {\r\n      this.nativeControl_.disabled = this.disabled;\r\n    }\r\n  }\r\n\r\n  /** Set the component touch target to 48 x 48 px */\r\n  @bindable({ set: booleanAttr })\r\n  touch: boolean;\r\n\r\n  _checked?: boolean;\r\n  /** Use to verify the checked value */\r\n  get checked(): boolean {\r\n    if (this.nativeControl_) {\r\n      return this.nativeControl_.checked;\r\n    } else {\r\n      return this._checked ?? false;\r\n    }\r\n  }\r\n\r\n  set checked(checked: boolean) {\r\n    this._checked = checked;\r\n    if (this.nativeControl_) {\r\n      this.nativeControl_.checked = checked;\r\n    }\r\n  }\r\n\r\n  _value?: string;\r\n  /** Value of the radio button */\r\n  get value(): string {\r\n    if (this.nativeControl_) {\r\n      return this.nativeControl_.value;\r\n    } else {\r\n      return this._value ?? '';\r\n    }\r\n  }\r\n\r\n  set value(value: string) {\r\n    this._value = value;\r\n    if (this.nativeControl_) {\r\n      this.nativeControl_.value = value;\r\n    }\r\n  }\r\n\r\n  attaching() {\r\n    if (this.root.hasAttribute('checked')) {\r\n      const attributeValue = this.root.getAttribute('checked');\r\n\r\n      if (attributeValue || attributeValue === '') {\r\n        (this.root as IMdcRadioElement).checked = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  initialSyncWithDOM() {\r\n    this.disabledChanged();\r\n    if (this._checked !== undefined) {\r\n      this.checked = this._checked;\r\n    }\r\n    if (this._value !== undefined) {\r\n      this.value = this._value;\r\n    }\r\n  }\r\n\r\n  destroy() {\r\n    this._checked = undefined;\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCRadioAdapter = {\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      setNativeControlDisabled: (disabled) => this.nativeControl_.disabled =\r\n        disabled,\r\n    };\r\n    return new MDCRadioFoundation(adapter);\r\n  }\r\n\r\n  /** Set focus to the radio button */\r\n  focus() {\r\n    this.nativeControl_.focus();\r\n  }\r\n\r\n  /** Set focus away from the radio button */\r\n  blur() {\r\n    this.nativeControl_.blur();\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcRadioElement extends HTMLElement {\r\n  checked: boolean;\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcRadio;\r\n    };\r\n  };\r\n}\r\n\r\nfunction defineMdcRadioElementApis(element: HTMLElement) {\r\n  Object.defineProperties(element, {\r\n    type: {\r\n      value: 'radio',\r\n    },\r\n    checked: {\r\n      get(this: IMdcRadioElement) {\r\n        return CustomElement.for<MdcRadio>(this).viewModel.checked;\r\n      },\r\n      set(this: IMdcRadioElement, value: boolean) {\r\n        CustomElement.for<MdcRadio>(this).viewModel.checked = value;\r\n      },\r\n      configurable: true\r\n    },\r\n    value: {\r\n      get(this: IMdcRadioElement) {\r\n        return CustomElement.for<MdcRadio>(this).viewModel.value;\r\n      },\r\n      set(this: IMdcRadioElement, value: string) {\r\n        CustomElement.for<MdcRadio>(this).viewModel.value = value;\r\n      }\r\n    },\r\n    focus: {\r\n      value(this: IMdcRadioElement) {\r\n        CustomElement.for<MdcRadio>(this).viewModel.focus();\r\n      },\r\n      configurable: true\r\n    },\r\n    blur: {\r\n      value(this: IMdcRadioElement) {\r\n        CustomElement.for<MdcRadio>(this).viewModel.blur();\r\n      },\r\n      configurable: true\r\n    }\r\n  });\r\n}\r\n"]}