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

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

package/dist/ripple/mdc-ripple.js

@@ -1,15 +1,18 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { MdcComponent, booleanAttr } from '../base';
-import { MDCRippleFoundation, util } from '@material/ripple';
-import { matches } from '@material/dom/ponyfill';
-import { applyPassive } from '@material/dom/events';
-import { customAttribute, bindable, inject } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcRipple = void 0;
+const tslib_1 = require("tslib");
+const base_1 = require("../base");
+const ripple_1 = require("@material/ripple");
+const ponyfill_1 = require("@material/dom/ponyfill");
+const events_1 = require("@material/dom/events");
+const aurelia_1 = require("aurelia");
 let MdcRipple = (() => {
-    let _classDecorators = [inject(Element), customAttribute('mdc-ripple')];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customAttribute)('mdc-ripple')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     let _input_decorators;
     let _input_initializers = [];
     let _input_extraInitializers = [];
@@ -41,41 +44,41 @@ let MdcRipple = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _input_decorators = [bindable()];
-            _surface_decorators = [bindable()];
-            _computeBoundingRect_decorators = [bindable()];
-            _disabled_decorators = [bindable({ set: booleanAttr })];
-            _unbounded_decorators = [bindable({ set: booleanAttr })];
-            _activeSurface_decorators = [bindable({ set: booleanAttr })];
-            _noClass_decorators = [bindable({ set: booleanAttr })];
-            _primary_decorators = [bindable({ set: booleanAttr })];
-            _accent_decorators = [bindable({ set: booleanAttr })];
-            __esDecorate(null, null, _input_decorators, { kind: "field", name: "input", static: false, private: false, access: { has: obj => "input" in obj, get: obj => obj.input, set: (obj, value) => { obj.input = value; } }, metadata: _metadata }, _input_initializers, _input_extraInitializers);
-            __esDecorate(null, null, _surface_decorators, { kind: "field", name: "surface", static: false, private: false, access: { has: obj => "surface" in obj, get: obj => obj.surface, set: (obj, value) => { obj.surface = value; } }, metadata: _metadata }, _surface_initializers, _surface_extraInitializers);
-            __esDecorate(null, null, _computeBoundingRect_decorators, { kind: "field", name: "computeBoundingRect", static: false, private: false, access: { has: obj => "computeBoundingRect" in obj, get: obj => obj.computeBoundingRect, set: (obj, value) => { obj.computeBoundingRect = value; } }, metadata: _metadata }, _computeBoundingRect_initializers, _computeBoundingRect_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, null, _unbounded_decorators, { kind: "field", name: "unbounded", static: false, private: false, access: { has: obj => "unbounded" in obj, get: obj => obj.unbounded, set: (obj, value) => { obj.unbounded = value; } }, metadata: _metadata }, _unbounded_initializers, _unbounded_extraInitializers);
-            __esDecorate(null, null, _activeSurface_decorators, { kind: "field", name: "activeSurface", static: false, private: false, access: { has: obj => "activeSurface" in obj, get: obj => obj.activeSurface, set: (obj, value) => { obj.activeSurface = value; } }, metadata: _metadata }, _activeSurface_initializers, _activeSurface_extraInitializers);
-            __esDecorate(null, null, _noClass_decorators, { kind: "field", name: "noClass", static: false, private: false, access: { has: obj => "noClass" in obj, get: obj => obj.noClass, set: (obj, value) => { obj.noClass = value; } }, metadata: _metadata }, _noClass_initializers, _noClass_extraInitializers);
-            __esDecorate(null, null, _primary_decorators, { kind: "field", name: "primary", static: false, private: false, access: { has: obj => "primary" in obj, get: obj => obj.primary, set: (obj, value) => { obj.primary = value; } }, metadata: _metadata }, _primary_initializers, _primary_extraInitializers);
-            __esDecorate(null, null, _accent_decorators, { kind: "field", name: "accent", static: false, private: false, access: { has: obj => "accent" in obj, get: obj => obj.accent, set: (obj, value) => { obj.accent = value; } }, metadata: _metadata }, _accent_initializers, _accent_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _input_decorators = [(0, aurelia_1.bindable)()];
+            _surface_decorators = [(0, aurelia_1.bindable)()];
+            _computeBoundingRect_decorators = [(0, aurelia_1.bindable)()];
+            _disabled_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _unbounded_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _activeSurface_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _noClass_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _primary_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _accent_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            tslib_1.__esDecorate(null, null, _input_decorators, { kind: "field", name: "input", static: false, private: false, access: { has: obj => "input" in obj, get: obj => obj.input, set: (obj, value) => { obj.input = value; } }, metadata: _metadata }, _input_initializers, _input_extraInitializers);
+            tslib_1.__esDecorate(null, null, _surface_decorators, { kind: "field", name: "surface", static: false, private: false, access: { has: obj => "surface" in obj, get: obj => obj.surface, set: (obj, value) => { obj.surface = value; } }, metadata: _metadata }, _surface_initializers, _surface_extraInitializers);
+            tslib_1.__esDecorate(null, null, _computeBoundingRect_decorators, { kind: "field", name: "computeBoundingRect", static: false, private: false, access: { has: obj => "computeBoundingRect" in obj, get: obj => obj.computeBoundingRect, set: (obj, value) => { obj.computeBoundingRect = value; } }, metadata: _metadata }, _computeBoundingRect_initializers, _computeBoundingRect_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, null, _unbounded_decorators, { kind: "field", name: "unbounded", static: false, private: false, access: { has: obj => "unbounded" in obj, get: obj => obj.unbounded, set: (obj, value) => { obj.unbounded = value; } }, metadata: _metadata }, _unbounded_initializers, _unbounded_extraInitializers);
+            tslib_1.__esDecorate(null, null, _activeSurface_decorators, { kind: "field", name: "activeSurface", static: false, private: false, access: { has: obj => "activeSurface" in obj, get: obj => obj.activeSurface, set: (obj, value) => { obj.activeSurface = value; } }, metadata: _metadata }, _activeSurface_initializers, _activeSurface_extraInitializers);
+            tslib_1.__esDecorate(null, null, _noClass_decorators, { kind: "field", name: "noClass", static: false, private: false, access: { has: obj => "noClass" in obj, get: obj => obj.noClass, set: (obj, value) => { obj.noClass = value; } }, metadata: _metadata }, _noClass_initializers, _noClass_extraInitializers);
+            tslib_1.__esDecorate(null, null, _primary_decorators, { kind: "field", name: "primary", static: false, private: false, access: { has: obj => "primary" in obj, get: obj => obj.primary, set: (obj, value) => { obj.primary = value; } }, metadata: _metadata }, _primary_initializers, _primary_extraInitializers);
+            tslib_1.__esDecorate(null, null, _accent_decorators, { kind: "field", name: "accent", static: false, private: false, access: { has: obj => "accent" in obj, get: obj => obj.accent, set: (obj, value) => { obj.accent = value; } }, metadata: _metadata }, _accent_initializers, _accent_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcRipple = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
-        input = __runInitializers(this, _input_initializers, void 0);
-        surface = (__runInitializers(this, _input_extraInitializers), __runInitializers(this, _surface_initializers, void 0));
-        computeBoundingRect = (__runInitializers(this, _surface_extraInitializers), __runInitializers(this, _computeBoundingRect_initializers, void 0));
-        disabled = (__runInitializers(this, _computeBoundingRect_extraInitializers), __runInitializers(this, _disabled_initializers, void 0));
-        unbounded = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _unbounded_initializers, void 0));
+        input = tslib_1.__runInitializers(this, _input_initializers, void 0);
+        surface = (tslib_1.__runInitializers(this, _input_extraInitializers), tslib_1.__runInitializers(this, _surface_initializers, void 0));
+        computeBoundingRect = (tslib_1.__runInitializers(this, _surface_extraInitializers), tslib_1.__runInitializers(this, _computeBoundingRect_initializers, void 0));
+        disabled = (tslib_1.__runInitializers(this, _computeBoundingRect_extraInitializers), tslib_1.__runInitializers(this, _disabled_initializers, void 0));
+        unbounded = (tslib_1.__runInitializers(this, _disabled_extraInitializers), tslib_1.__runInitializers(this, _unbounded_initializers, void 0));
         unboundedChanged() {
             this.foundation?.setUnbounded(Boolean(this.unbounded));
         }
-        activeSurface = (__runInitializers(this, _unbounded_extraInitializers), __runInitializers(this, _activeSurface_initializers, void 0));
-        noClass = (__runInitializers(this, _activeSurface_extraInitializers), __runInitializers(this, _noClass_initializers, void 0));
-        primary = (__runInitializers(this, _noClass_extraInitializers), __runInitializers(this, _primary_initializers, void 0));
-        accent = (__runInitializers(this, _primary_extraInitializers), __runInitializers(this, _accent_initializers, void 0));
+        activeSurface = (tslib_1.__runInitializers(this, _unbounded_extraInitializers), tslib_1.__runInitializers(this, _activeSurface_initializers, void 0));
+        noClass = (tslib_1.__runInitializers(this, _activeSurface_extraInitializers), tslib_1.__runInitializers(this, _noClass_initializers, void 0));
+        primary = (tslib_1.__runInitializers(this, _noClass_extraInitializers), tslib_1.__runInitializers(this, _primary_initializers, void 0));
+        accent = (tslib_1.__runInitializers(this, _primary_extraInitializers), tslib_1.__runInitializers(this, _accent_initializers, void 0));
         attaching() {
             if (!this.noClass) {
                 (this.surface ?? this.root).classList.add('mdc-ripple-surface');
@@ -100,35 +103,35 @@ let MdcRipple = (() => {
             this.foundation?.layout();
         }
         getDefaultFoundation() {
-            return new MDCRippleFoundation(this.createAdapter());
+            return new ripple_1.MDCRippleFoundation(this.createAdapter());
         }
         createAdapter() {
             return {
                 addClass: (className) => (this.surface ?? this.root).classList.add(className),
-                browserSupportsCssVars: () => util.supportsCssVariables(window),
+                browserSupportsCssVars: () => ripple_1.util.supportsCssVariables(window),
                 computeBoundingRect: this.computeBoundingRect ?? (() => (this.surface ?? this.root).getBoundingClientRect()),
                 containsEventTarget: (target) => this.root.contains(target),
-                deregisterDocumentInteractionHandler: (evtType, handler) => document.documentElement.removeEventListener(evtType, handler, applyPassive()),
+                deregisterDocumentInteractionHandler: (evtType, handler) => document.documentElement.removeEventListener(evtType, handler, (0, events_1.applyPassive)()),
                 deregisterInteractionHandler: (evtType, handler) => {
                     if (this.input) {
-                        this.input.removeEventListener(evtType, handler, applyPassive());
+                        this.input.removeEventListener(evtType, handler, (0, events_1.applyPassive)());
                     }
                     else {
-                        this.root.removeEventListener(evtType, handler, applyPassive());
+                        this.root.removeEventListener(evtType, handler, (0, events_1.applyPassive)());
                     }
                 },
                 deregisterResizeHandler: (handler) => window.removeEventListener('resize', handler),
                 getWindowPageOffset: () => ({ x: window.pageXOffset, y: window.pageYOffset }),
-                isSurfaceActive: () => this.activeSurface && matches(this.input ?? this.root, ':active'),
+                isSurfaceActive: () => this.activeSurface && (0, ponyfill_1.matches)(this.input ?? this.root, ':active'),
                 isSurfaceDisabled: () => this.disabled,
                 isUnbounded: () => this.unbounded,
-                registerDocumentInteractionHandler: (evtType, handler) => document.documentElement.addEventListener(evtType, handler, applyPassive()),
+                registerDocumentInteractionHandler: (evtType, handler) => document.documentElement.addEventListener(evtType, handler, (0, events_1.applyPassive)()),
                 registerInteractionHandler: (evtType, handler) => {
                     if (this.input) {
-                        this.input.addEventListener(evtType, handler, applyPassive());
+                        this.input.addEventListener(evtType, handler, (0, events_1.applyPassive)());
                     }
                     else {
-                        this.root.addEventListener(evtType, handler, applyPassive());
+                        this.root.addEventListener(evtType, handler, (0, events_1.applyPassive)());
                     }
                 },
                 registerResizeHandler: (handler) => window.addEventListener('resize', handler),
@@ -138,10 +141,10 @@ let MdcRipple = (() => {
         }
         constructor() {
             super(...arguments);
-            __runInitializers(this, _accent_extraInitializers);
+            tslib_1.__runInitializers(this, _accent_extraInitializers);
         }
     };
     return MdcRipple = _classThis;
 })();
-export { MdcRipple };
+exports.MdcRipple = MdcRipple;
 //# sourceMappingURL=mdc-ripple.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mdc-ripple.js","sourceRoot":"","sources":["../../src/ripple/mdc-ripple.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../base';\nimport { MDCRippleFoundation, MDCRippleAdapter, util } from '@material/ripple';\nimport { matches } from '@material/dom/ponyfill';\nimport { applyPassive } from '@material/dom/events';\nimport { customAttribute, bindable, inject } from 'aurelia';\n\n@inject(Element)\n@customAttribute('mdc-ripple')\nexport class MdcRipple extends MdcComponent<MDCRippleFoundation> {\n  @bindable()\n  input?: HTMLInputElement;\n\n  @bindable()\n  surface?: HTMLElement;\n\n  @bindable()\n  computeBoundingRect: () => ClientRect;\n\n  @bindable({ set: booleanAttr })\n  disabled: boolean;\n\n  @bindable({ set: booleanAttr })\n  unbounded: boolean;\n  unboundedChanged() {\n    this.foundation?.setUnbounded(Boolean(this.unbounded));\n  }\n\n  @bindable({ set: booleanAttr })\n  activeSurface: boolean;\n\n  @bindable({ set: booleanAttr })\n  noClass: boolean;\n\n  @bindable({ set: booleanAttr })\n  primary: boolean;\n\n  @bindable({ set: booleanAttr })\n  accent: boolean;\n\n  attaching() {\n    if (!this.noClass) {\n      (this.surface ?? this.root).classList.add('mdc-ripple-surface');\n      if (this.primary) {\n        (this.surface ?? this.root).classList.add('mdc-ripple-surface--primary');\n      }\n      if (this.accent) {\n        (this.surface ?? this.root).classList.add('mdc-ripple-surface--accent');\n      }\n    }\n  }\n\n  initialSyncWithDOM() {\n    this.unboundedChanged();\n  }\n\n  activate() {\n    this.foundation?.activate();\n  }\n\n  deactivate() {\n    this.foundation?.deactivate();\n  }\n\n  layout() {\n    this.foundation?.layout();\n  }\n\n  getDefaultFoundation() {\n    return new MDCRippleFoundation(this.createAdapter());\n  }\n\n  createAdapter(): MDCRippleAdapter {\n    return {\n      addClass: (className) => (this.surface ?? this.root).classList.add(className),\n      browserSupportsCssVars: () => util.supportsCssVariables(window),\n      computeBoundingRect: this.computeBoundingRect ?? (() => (this.surface ?? this.root).getBoundingClientRect()),\n      containsEventTarget: (target) => this.root.contains(target as Node),\n      deregisterDocumentInteractionHandler: (evtType, handler) => document.documentElement.removeEventListener(evtType, handler, applyPassive()),\n      deregisterInteractionHandler: (evtType, handler) => {\n        if (this.input) {\n          this.input.removeEventListener(evtType, handler, applyPassive());\n        } else {\n          this.root.removeEventListener(evtType, handler, applyPassive());\n        }\n      },\n      deregisterResizeHandler: (handler) => window.removeEventListener('resize', handler),\n      getWindowPageOffset: () => ({ x: window.pageXOffset, y: window.pageYOffset }),\n      isSurfaceActive: () => this.activeSurface && matches(this.input ?? this.root, ':active'),\n      isSurfaceDisabled: () => this.disabled,\n      isUnbounded: () => this.unbounded,\n      registerDocumentInteractionHandler: (evtType, handler) => document.documentElement.addEventListener(evtType, handler, applyPassive()),\n      registerInteractionHandler: (evtType, handler) => {\n        if (this.input) {\n          this.input.addEventListener(evtType, handler, applyPassive());\n        } else {\n          this.root.addEventListener(evtType, handler, applyPassive());\n        }\n      },\n      registerResizeHandler: (handler) => window.addEventListener('resize', handler),\n      removeClass: (className) => (this.surface ?? this.root).classList.remove(className),\n      updateCssVariable: (varName, value) => (this.surface ?? this.root).style.setProperty(varName, value),\n    };\n  }\n}\n\n/** @hidden */\nexport interface IMdcRippleElement extends HTMLElement {\n  $au: {\n    'au:resource:custom-attribute:mdc-ripple': {\n      viewModel: MdcRipple;\n      // boundProperties: { binding: Binding & { targetProperty: string }; observer: BehaviorPropertyObserver }[];\n    };\n  };\n}\n"]}
+{"version":3,"file":"mdc-ripple.js","sourceRoot":"","sources":["../../src/ripple/mdc-ripple.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../base';\r\nimport { MDCRippleFoundation, MDCRippleAdapter, util } from '@material/ripple';\r\nimport { matches } from '@material/dom/ponyfill';\r\nimport { applyPassive } from '@material/dom/events';\r\nimport { customAttribute, bindable, inject } from 'aurelia';\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-ripple')\r\nexport class MdcRipple extends MdcComponent<MDCRippleFoundation> {\r\n  @bindable()\r\n  input?: HTMLInputElement;\r\n\r\n  @bindable()\r\n  surface?: HTMLElement;\r\n\r\n  @bindable()\r\n  computeBoundingRect: () => ClientRect;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  disabled: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  unbounded: boolean;\r\n  unboundedChanged() {\r\n    this.foundation?.setUnbounded(Boolean(this.unbounded));\r\n  }\r\n\r\n  @bindable({ set: booleanAttr })\r\n  activeSurface: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  noClass: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  primary: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  accent: boolean;\r\n\r\n  attaching() {\r\n    if (!this.noClass) {\r\n      (this.surface ?? this.root).classList.add('mdc-ripple-surface');\r\n      if (this.primary) {\r\n        (this.surface ?? this.root).classList.add('mdc-ripple-surface--primary');\r\n      }\r\n      if (this.accent) {\r\n        (this.surface ?? this.root).classList.add('mdc-ripple-surface--accent');\r\n      }\r\n    }\r\n  }\r\n\r\n  initialSyncWithDOM() {\r\n    this.unboundedChanged();\r\n  }\r\n\r\n  activate() {\r\n    this.foundation?.activate();\r\n  }\r\n\r\n  deactivate() {\r\n    this.foundation?.deactivate();\r\n  }\r\n\r\n  layout() {\r\n    this.foundation?.layout();\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    return new MDCRippleFoundation(this.createAdapter());\r\n  }\r\n\r\n  createAdapter(): MDCRippleAdapter {\r\n    return {\r\n      addClass: (className) => (this.surface ?? this.root).classList.add(className),\r\n      browserSupportsCssVars: () => util.supportsCssVariables(window),\r\n      computeBoundingRect: this.computeBoundingRect ?? (() => (this.surface ?? this.root).getBoundingClientRect()),\r\n      containsEventTarget: (target) => this.root.contains(target as Node),\r\n      deregisterDocumentInteractionHandler: (evtType, handler) => document.documentElement.removeEventListener(evtType, handler, applyPassive()),\r\n      deregisterInteractionHandler: (evtType, handler) => {\r\n        if (this.input) {\r\n          this.input.removeEventListener(evtType, handler, applyPassive());\r\n        } else {\r\n          this.root.removeEventListener(evtType, handler, applyPassive());\r\n        }\r\n      },\r\n      deregisterResizeHandler: (handler) => window.removeEventListener('resize', handler),\r\n      getWindowPageOffset: () => ({ x: window.pageXOffset, y: window.pageYOffset }),\r\n      isSurfaceActive: () => this.activeSurface && matches(this.input ?? this.root, ':active'),\r\n      isSurfaceDisabled: () => this.disabled,\r\n      isUnbounded: () => this.unbounded,\r\n      registerDocumentInteractionHandler: (evtType, handler) => document.documentElement.addEventListener(evtType, handler, applyPassive()),\r\n      registerInteractionHandler: (evtType, handler) => {\r\n        if (this.input) {\r\n          this.input.addEventListener(evtType, handler, applyPassive());\r\n        } else {\r\n          this.root.addEventListener(evtType, handler, applyPassive());\r\n        }\r\n      },\r\n      registerResizeHandler: (handler) => window.addEventListener('resize', handler),\r\n      removeClass: (className) => (this.surface ?? this.root).classList.remove(className),\r\n      updateCssVariable: (varName, value) => (this.surface ?? this.root).style.setProperty(varName, value),\r\n    };\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcRippleElement extends HTMLElement {\r\n  $au: {\r\n    'au:resource:custom-attribute:mdc-ripple': {\r\n      viewModel: MdcRipple;\r\n      // boundProperties: { binding: Binding & { targetProperty: string }; observer: BehaviorPropertyObserver }[];\r\n    };\r\n  };\r\n}\r\n"]}

package/dist/segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment.js

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

package/dist/segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment.js.map

@@ -1 +1 @@
-{"version":3,"file":"enhance-mdc-segmented-button-segment.js","sourceRoot":"","sources":["../../../src/segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,gCAAgC;4BAD5C,qBAAqB;;;;;;;;YACtB,6KAIC;;;YAJY,uDAAgC;;QAC3C,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,iCAAiC,EAAE,gFAAgF,CAAC,CAAC;QAC1K,CAAC;;;;SAHU,gCAAgC","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\n\n@templateCompilerHooks\nexport class EnhanceMdcSegmentedButtonSegment {\n  compiling(template: HTMLElement | HTMLTemplateElement) {\n    template.innerHTML = template.innerHTML.replaceAll('mdc-segmented-button-segment=\"\"', 'as-element=\"mdc-segmented-button-segment\" mdc-segmented-button-segment-element');\n  }\n}\n"]}
+{"version":3,"file":"enhance-mdc-segmented-button-segment.js","sourceRoot":"","sources":["../../../src/segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment.ts"],"names":[],"mappings":";;;;AAAA,qCAAgD;IAGnC,gCAAgC;4BAD5C,+BAAqB;;;;;;;;YACtB,qLAIC;;;YAJY,+DAAgC;;QAC3C,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,iCAAiC,EAAE,gFAAgF,CAAC,CAAC;QAC1K,CAAC;;;;AAHU,4EAAgC","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMdcSegmentedButtonSegment {\r\n  compiling(template: HTMLElement | HTMLTemplateElement) {\r\n    template.innerHTML = template.innerHTML.replaceAll('mdc-segmented-button-segment=\"\"', 'as-element=\"mdc-segmented-button-segment\" mdc-segmented-button-segment-element');\r\n  }\r\n}\r\n"]}

package/dist/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.html

@@ -1,11 +1,11 @@
-<template class="
-    mdc-segmented-button__segment
-    ${touch ? 'mdc-segmented-button--touch' : ''}
-  " mdc-ripple="no-class.bind: true" click.trigger="handleClick()">
-  <div class="mdc-segmented-button__touch" if.bind="touch"></div>
-  <div class="mdc-segmented-button__ripple"></div>
-  <i class="material-icons mdc-segmented-button__icon" if.bind="icon">${icon}</i>
-  <div class="mdc-segmented-button__label">
-    <au-slot></au-slot>
-  </div>
-</template>
+<template class="
+    mdc-segmented-button__segment
+    ${touch ? 'mdc-segmented-button--touch' : ''}
+  " mdc-ripple="no-class.bind: true" click.trigger="handleClick()">
+  <div class="mdc-segmented-button__touch" if.bind="touch"></div>
+  <div class="mdc-segmented-button__ripple"></div>
+  <i class="material-icons mdc-segmented-button__icon" if.bind="icon">${icon}</i>
+  <div class="mdc-segmented-button__label">
+    <au-slot></au-slot>
+  </div>
+</template>

package/dist/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.js

@@ -1,20 +1,23 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { booleanAttr, MdcComponent } from '../../base';
-import { CustomElement } from '@aurelia/runtime-html';
-import { inject, customElement, bindable } from 'aurelia';
-import { MDCSegmentedButtonSegmentFoundation } from '@material/segmented-button';
-import { events } from '@material/segmented-button/segmented-button/constants';
-import template from './mdc-segmented-button-segment.html?raw';
-import { MdcSegmentedButton } from '../mdc-segmented-button';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcSegmentedButtonSegment = void 0;
+const tslib_1 = require("tslib");
+const base_1 = require("../../base");
+const runtime_html_1 = require("@aurelia/runtime-html");
+const aurelia_1 = require("aurelia");
+const segmented_button_1 = require("@material/segmented-button");
+const constants_1 = require("@material/segmented-button/segmented-button/constants");
+const mdc_segmented_button_segment_html_raw_1 = tslib_1.__importDefault(require("./mdc-segmented-button-segment.html?raw"));
+const mdc_segmented_button_1 = require("../mdc-segmented-button");
 /**
  * @selector button[mdc-segmented-button-segment]
  */
 let MdcSegmentedButtonSegment = (() => {
-    let _classDecorators = [inject(Element, MdcSegmentedButton), customElement({ name: 'mdc-segmented-button-segment', template })];
+    let _classDecorators = [(0, aurelia_1.inject)(Element, mdc_segmented_button_1.MdcSegmentedButton), (0, aurelia_1.customElement)({ name: 'mdc-segmented-button-segment', template: mdc_segmented_button_segment_html_raw_1.default })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     let _touch_decorators;
     let _touch_initializers = [];
     let _touch_extraInitializers = [];
@@ -25,14 +28,14 @@ let MdcSegmentedButtonSegment = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _touch_decorators = [bindable({ set: booleanAttr })];
-            _icon_decorators = [bindable()];
-            __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, _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, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _touch_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _icon_decorators = [(0, aurelia_1.bindable)()];
+            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, _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, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcSegmentedButtonSegment = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         constructor(root) {
             super(root);
@@ -41,10 +44,10 @@ let MdcSegmentedButtonSegment = (() => {
         isSingleSelect;
         index;
         /** Indicates the segment has touch target support */
-        touch = __runInitializers(this, _touch_initializers, void 0);
+        touch = tslib_1.__runInitializers(this, _touch_initializers, void 0);
         /** Sets an icon in the segment */
-        icon = (__runInitializers(this, _touch_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
-        _checked = __runInitializers(this, _icon_extraInitializers);
+        icon = (tslib_1.__runInitializers(this, _touch_extraInitializers), tslib_1.__runInitializers(this, _icon_initializers, void 0));
+        _checked = tslib_1.__runInitializers(this, _icon_extraInitializers);
         /** Use to verify the checked value */
         get checked() {
             if (this.foundation) {
@@ -107,12 +110,12 @@ let MdcSegmentedButtonSegment = (() => {
                 hasClass: (className) => {
                     return this.root.classList.contains(className);
                 },
-                notifySelectedChange: selected => this.notifySelectedChange(events.SELECTED, selected),
+                notifySelectedChange: selected => this.notifySelectedChange(constants_1.events.SELECTED, selected),
                 getRootBoundingClientRect: () => {
                     return this.root.getBoundingClientRect();
                 }
             };
-            return new MDCSegmentedButtonSegmentFoundation(adapter);
+            return new segmented_button_1.MDCSegmentedButtonSegmentFoundation(adapter);
         }
         notifySelectedChange(event, selected) {
             this.emit(event, {
@@ -144,7 +147,7 @@ let MdcSegmentedButtonSegment = (() => {
     };
     return MdcSegmentedButtonSegment = _classThis;
 })();
-export { MdcSegmentedButtonSegment };
+exports.MdcSegmentedButtonSegment = MdcSegmentedButtonSegment;
 function defineMdcSegmentedButtonSegmentElementApis(element) {
     Object.defineProperties(element, {
         type: {
@@ -157,10 +160,10 @@ function defineMdcSegmentedButtonSegmentElementApis(element) {
         },
         checked: {
             get() {
-                return CustomElement.for(this).viewModel.checked;
+                return runtime_html_1.CustomElement.for(this).viewModel.checked;
             },
             set(value) {
-                CustomElement.for(this).viewModel.checked = value;
+                runtime_html_1.CustomElement.for(this).viewModel.checked = value;
             },
             configurable: true
         }

package/dist/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-segmented-button-segment.js","sourceRoot":"","sources":["../../../src/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.ts"],"names":[],"mappings":"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","sourcesContent":["import { booleanAttr, MdcComponent } from '../../base';\r\nimport { CustomElement } from '@aurelia/runtime-html';\r\nimport { inject, customElement, bindable } from 'aurelia';\r\nimport { MDCSegmentedButtonSegmentAdapter, MDCSegmentedButtonSegmentFoundation, SegmentDetail } from '@material/segmented-button';\r\nimport { events } from '@material/segmented-button/segmented-button/constants';\r\nimport template from './mdc-segmented-button-segment.html?raw';\r\nimport { MdcSegmentedButton } from '../mdc-segmented-button';\r\n\r\n/**\r\n * @selector button[mdc-segmented-button-segment]\r\n */\r\n@inject(Element, MdcSegmentedButton)\r\n@customElement({ name: 'mdc-segmented-button-segment', template })\r\nexport class MdcSegmentedButtonSegment extends MdcComponent<MDCSegmentedButtonSegmentFoundation> {\r\n  constructor(root: IMdcSegmentedButtonSegmentElement) {\r\n    super(root);\r\n    defineMdcSegmentedButtonSegmentElementApis(root);\r\n  }\r\n\r\n  private isSingleSelect: boolean;\r\n  private index: number;\r\n\r\n  /** Indicates the segment has touch target support */\r\n  @bindable({ set: booleanAttr })\r\n  touch: boolean;\r\n\r\n  /** Sets an icon in the segment */\r\n  @bindable()\r\n  icon: string;\r\n\r\n  private _checked?: boolean;\r\n  /** Use to verify the checked value */\r\n  get checked(): boolean {\r\n    if (this.foundation) {\r\n      return this.foundation?.isSelected();\r\n    } else {\r\n      return this._checked ?? false;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Whether the segment is checked.\r\n   */\r\n  set checked(value: boolean) {\r\n    this._checked = value;\r\n    if (value) {\r\n      this.foundation?.setSelected();\r\n    } else {\r\n      this.foundation?.setUnselected();\r\n    }\r\n  }\r\n\r\n  handleClick() {\r\n    this.foundation?.handleClick();\r\n  }\r\n\r\n  // eslint-disable-next-line @typescript-eslint/require-await\r\n  async beforeFoundationCreated() {\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.checked = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  initialSyncWithDOM() {\r\n    if (this._checked !== undefined) {\r\n      this.checked = this._checked;\r\n    }\r\n  }\r\n\r\n  getDefaultFoundation(): MDCSegmentedButtonSegmentFoundation {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take\r\n    // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\r\n    // methods, we need a separate, strongly typed adapter variable.\r\n    // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.\r\n    const adapter: MDCSegmentedButtonSegmentAdapter = {\r\n      isSingleSelect: () => {\r\n        return this.isSingleSelect;\r\n      },\r\n      getAttr: (attrName) => {\r\n        return this.root.getAttribute(attrName);\r\n      },\r\n      setAttr: (attrName, value) => {\r\n        this.root.setAttribute(attrName, value);\r\n      },\r\n      addClass: (className) => {\r\n        this.root.classList.add(className);\r\n      },\r\n      removeClass: (className) => {\r\n        this.root.classList.remove(className);\r\n      },\r\n      hasClass: (className) => {\r\n        return this.root.classList.contains(className);\r\n      },\r\n      notifySelectedChange: selected => this.notifySelectedChange(events.SELECTED, selected),\r\n      getRootBoundingClientRect: () => {\r\n        return this.root.getBoundingClientRect();\r\n      }\r\n    };\r\n    return new MDCSegmentedButtonSegmentFoundation(adapter);\r\n  }\r\n\r\n  notifySelectedChange(event: string, selected: boolean) {\r\n    this.emit<SegmentDetail>(\r\n      event, {\r\n      index: this.index,\r\n      selected,\r\n      segmentId: this.getSegmentId()\r\n    }, true /* shouldBubble */);\r\n  }\r\n\r\n  setIsSingleSelect(isSingleSelect: boolean) {\r\n    this.isSingleSelect = isSingleSelect;\r\n    this.root.setAttribute('role', isSingleSelect ? 'radio' : '');\r\n  }\r\n\r\n  /**\r\n   * Sets segment's index value\r\n   *\r\n   * @hidden\r\n   * @param index Segment's index within wrapping segmented button\r\n   */\r\n  setIndex(index: number) {\r\n    this.index = index;\r\n  }\r\n\r\n  /**\r\n   * @hidden\r\n   * @return Returns segment's segmentId if it was set by client\r\n   */\r\n  getSegmentId(): string | undefined {\r\n    return this.foundation?.getSegmentId();\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcSegmentedButtonSegmentElement extends HTMLElement {\r\n  checked: boolean;\r\n  indeterminate: boolean;\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcSegmentedButtonSegment;\r\n    };\r\n  };\r\n}\r\n\r\nfunction defineMdcSegmentedButtonSegmentElementApis(element: IMdcSegmentedButtonSegmentElement) {\r\n  Object.defineProperties(element, {\r\n    type: {\r\n      value: 'checkbox'\r\n    },\r\n    tagName: {\r\n      get() {\r\n        return 'MDC-SEGMENTED-BUTTON-SEGMENT';\r\n      }\r\n    },\r\n    checked: {\r\n      get(this: IMdcSegmentedButtonSegmentElement) {\r\n        return CustomElement.for<MdcSegmentedButtonSegment>(this).viewModel.checked;\r\n      },\r\n      set(this: IMdcSegmentedButtonSegmentElement, value: boolean) {\r\n        CustomElement.for<MdcSegmentedButtonSegment>(this).viewModel.checked = value;\r\n      },\r\n      configurable: true\r\n    }\r\n  });\r\n}\r\n"]}
+{"version":3,"file":"mdc-segmented-button-segment.js","sourceRoot":"","sources":["../../../src/segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment.ts"],"names":[],"mappings":"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","sourcesContent":["import { booleanAttr, MdcComponent } from '../../base';\r\nimport { CustomElement } from '@aurelia/runtime-html';\r\nimport { inject, customElement, bindable } from 'aurelia';\r\nimport { MDCSegmentedButtonSegmentAdapter, MDCSegmentedButtonSegmentFoundation, SegmentDetail } from '@material/segmented-button';\r\nimport { events } from '@material/segmented-button/segmented-button/constants';\r\nimport template from './mdc-segmented-button-segment.html?raw';\r\nimport { MdcSegmentedButton } from '../mdc-segmented-button';\r\n\r\n/**\r\n * @selector button[mdc-segmented-button-segment]\r\n */\r\n@inject(Element, MdcSegmentedButton)\r\n@customElement({ name: 'mdc-segmented-button-segment', template })\r\nexport class MdcSegmentedButtonSegment extends MdcComponent<MDCSegmentedButtonSegmentFoundation> {\r\n  constructor(root: IMdcSegmentedButtonSegmentElement) {\r\n    super(root);\r\n    defineMdcSegmentedButtonSegmentElementApis(root);\r\n  }\r\n\r\n  private isSingleSelect: boolean;\r\n  private index: number;\r\n\r\n  /** Indicates the segment has touch target support */\r\n  @bindable({ set: booleanAttr })\r\n  touch: boolean;\r\n\r\n  /** Sets an icon in the segment */\r\n  @bindable()\r\n  icon: string;\r\n\r\n  private _checked?: boolean;\r\n  /** Use to verify the checked value */\r\n  get checked(): boolean {\r\n    if (this.foundation) {\r\n      return this.foundation?.isSelected();\r\n    } else {\r\n      return this._checked ?? false;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Whether the segment is checked.\r\n   */\r\n  set checked(value: boolean) {\r\n    this._checked = value;\r\n    if (value) {\r\n      this.foundation?.setSelected();\r\n    } else {\r\n      this.foundation?.setUnselected();\r\n    }\r\n  }\r\n\r\n  handleClick() {\r\n    this.foundation?.handleClick();\r\n  }\r\n\r\n  // eslint-disable-next-line @typescript-eslint/require-await\r\n  async beforeFoundationCreated() {\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.checked = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  initialSyncWithDOM() {\r\n    if (this._checked !== undefined) {\r\n      this.checked = this._checked;\r\n    }\r\n  }\r\n\r\n  getDefaultFoundation(): MDCSegmentedButtonSegmentFoundation {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take\r\n    // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\r\n    // methods, we need a separate, strongly typed adapter variable.\r\n    // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.\r\n    const adapter: MDCSegmentedButtonSegmentAdapter = {\r\n      isSingleSelect: () => {\r\n        return this.isSingleSelect;\r\n      },\r\n      getAttr: (attrName) => {\r\n        return this.root.getAttribute(attrName);\r\n      },\r\n      setAttr: (attrName, value) => {\r\n        this.root.setAttribute(attrName, value);\r\n      },\r\n      addClass: (className) => {\r\n        this.root.classList.add(className);\r\n      },\r\n      removeClass: (className) => {\r\n        this.root.classList.remove(className);\r\n      },\r\n      hasClass: (className) => {\r\n        return this.root.classList.contains(className);\r\n      },\r\n      notifySelectedChange: selected => this.notifySelectedChange(events.SELECTED, selected),\r\n      getRootBoundingClientRect: () => {\r\n        return this.root.getBoundingClientRect();\r\n      }\r\n    };\r\n    return new MDCSegmentedButtonSegmentFoundation(adapter);\r\n  }\r\n\r\n  notifySelectedChange(event: string, selected: boolean) {\r\n    this.emit<SegmentDetail>(\r\n      event, {\r\n      index: this.index,\r\n      selected,\r\n      segmentId: this.getSegmentId()\r\n    }, true /* shouldBubble */);\r\n  }\r\n\r\n  setIsSingleSelect(isSingleSelect: boolean) {\r\n    this.isSingleSelect = isSingleSelect;\r\n    this.root.setAttribute('role', isSingleSelect ? 'radio' : '');\r\n  }\r\n\r\n  /**\r\n   * Sets segment's index value\r\n   *\r\n   * @hidden\r\n   * @param index Segment's index within wrapping segmented button\r\n   */\r\n  setIndex(index: number) {\r\n    this.index = index;\r\n  }\r\n\r\n  /**\r\n   * @hidden\r\n   * @return Returns segment's segmentId if it was set by client\r\n   */\r\n  getSegmentId(): string | undefined {\r\n    return this.foundation?.getSegmentId();\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcSegmentedButtonSegmentElement extends HTMLElement {\r\n  checked: boolean;\r\n  indeterminate: boolean;\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcSegmentedButtonSegment;\r\n    };\r\n  };\r\n}\r\n\r\nfunction defineMdcSegmentedButtonSegmentElementApis(element: IMdcSegmentedButtonSegmentElement) {\r\n  Object.defineProperties(element, {\r\n    type: {\r\n      value: 'checkbox'\r\n    },\r\n    tagName: {\r\n      get() {\r\n        return 'MDC-SEGMENTED-BUTTON-SEGMENT';\r\n      }\r\n    },\r\n    checked: {\r\n      get(this: IMdcSegmentedButtonSegmentElement) {\r\n        return CustomElement.for<MdcSegmentedButtonSegment>(this).viewModel.checked;\r\n      },\r\n      set(this: IMdcSegmentedButtonSegmentElement, value: boolean) {\r\n        CustomElement.for<MdcSegmentedButtonSegment>(this).viewModel.checked = value;\r\n      },\r\n      configurable: true\r\n    }\r\n  });\r\n}\r\n"]}

package/dist/segmented-button/mdc-segmented-button.html

@@ -1,3 +1,3 @@
-<template class="mdc-segmented-button ${single ? 'mdc-segmented-button--single-select' : ''}"
-  selected.trigger="handleSelected($event)"><au-slot></au-slot>
-</template>
+<template class="mdc-segmented-button ${single ? 'mdc-segmented-button--single-select' : ''}"
+  selected.trigger="handleSelected($event)"><au-slot></au-slot>
+</template>

package/dist/segmented-button/mdc-segmented-button.js

@@ -1,18 +1,21 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { booleanAttr, MdcComponent } from '../base';
-import { MDCSegmentedButtonFoundation } from '@material/segmented-button';
-import { events } from '@material/segmented-button/segmented-button/constants';
-import { inject, customElement, bindable, slotted, CustomElement } from 'aurelia';
-import template from './mdc-segmented-button.html?raw';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcSegmentedButton = void 0;
+const tslib_1 = require("tslib");
+const base_1 = require("../base");
+const segmented_button_1 = require("@material/segmented-button");
+const constants_1 = require("@material/segmented-button/segmented-button/constants");
+const aurelia_1 = require("aurelia");
+const mdc_segmented_button_html_raw_1 = tslib_1.__importDefault(require("./mdc-segmented-button.html?raw"));
 /**
  * @selector mdc-segmented-button
  */
 let MdcSegmentedButton = (() => {
-    let _classDecorators = [inject(Element), customElement({ name: 'mdc-segmented-button', template })];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-segmented-button', template: mdc_segmented_button_html_raw_1.default })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     let _single_decorators;
     let _single_initializers = [];
     let _single_extraInitializers = [];
@@ -23,23 +26,23 @@ let MdcSegmentedButton = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _single_decorators = [bindable({ set: booleanAttr })];
-            _segmentElements_decorators = [slotted({ query: 'button' })];
-            __esDecorate(null, null, _single_decorators, { kind: "field", name: "single", static: false, private: false, access: { has: obj => "single" in obj, get: obj => obj.single, set: (obj, value) => { obj.single = value; } }, metadata: _metadata }, _single_initializers, _single_extraInitializers);
-            __esDecorate(null, null, _segmentElements_decorators, { kind: "field", name: "segmentElements", static: false, private: false, access: { has: obj => "segmentElements" in obj, get: obj => obj.segmentElements, set: (obj, value) => { obj.segmentElements = value; } }, metadata: _metadata }, _segmentElements_initializers, _segmentElements_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _single_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _segmentElements_decorators = [(0, aurelia_1.slotted)({ query: 'button' })];
+            tslib_1.__esDecorate(null, null, _single_decorators, { kind: "field", name: "single", static: false, private: false, access: { has: obj => "single" in obj, get: obj => obj.single, set: (obj, value) => { obj.single = value; } }, metadata: _metadata }, _single_initializers, _single_extraInitializers);
+            tslib_1.__esDecorate(null, null, _segmentElements_decorators, { kind: "field", name: "segmentElements", static: false, private: false, access: { has: obj => "segmentElements" in obj, get: obj => obj.segmentElements, set: (obj, value) => { obj.segmentElements = value; } }, metadata: _metadata }, _segmentElements_initializers, _segmentElements_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcSegmentedButton = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         /** Indicates the segmented button only allows one segment to be selected at a time */
-        single = __runInitializers(this, _single_initializers, void 0);
+        single = tslib_1.__runInitializers(this, _single_initializers, void 0);
         singleChanged() {
             this.root.setAttribute('role', this.single ? 'radiogroup' : 'group');
         }
-        segmentElements = (__runInitializers(this, _single_extraInitializers), __runInitializers(this, _segmentElements_initializers, void 0));
+        segmentElements = (tslib_1.__runInitializers(this, _single_extraInitializers), tslib_1.__runInitializers(this, _segmentElements_initializers, void 0));
         get segmentsList() {
-            return this.segmentElements.map(x => CustomElement.for(x).viewModel);
+            return this.segmentElements.map(x => aurelia_1.CustomElement.for(x).viewModel);
         }
         initialSyncWithDOM() {
             const isSingleSelect = this.foundation.isSingleSelect();
@@ -76,10 +79,10 @@ let MdcSegmentedButton = (() => {
                     }
                 },
                 notifySelectedChange: (detail) => {
-                    this.emit(events.CHANGE, detail, true /* shouldBubble */);
+                    this.emit(constants_1.events.CHANGE, detail, true /* shouldBubble */);
                 }
             };
-            return new MDCSegmentedButtonFoundation(adapter);
+            return new segmented_button_1.MDCSegmentedButtonFoundation(adapter);
         }
         /**
          * @return Returns child segments mapped to readonly SegmentDetail list
@@ -95,10 +98,10 @@ let MdcSegmentedButton = (() => {
         }
         constructor() {
             super(...arguments);
-            __runInitializers(this, _segmentElements_extraInitializers);
+            tslib_1.__runInitializers(this, _segmentElements_extraInitializers);
         }
     };
     return MdcSegmentedButton = _classThis;
 })();
-export { MdcSegmentedButton };
+exports.MdcSegmentedButton = MdcSegmentedButton;
 //# sourceMappingURL=mdc-segmented-button.js.map