@aurelia-mdc-web/all 9.2.2-au2 → 9.3.0-au2

package/dist/ripple/mdc-ripple.js

@@ -0,0 +1,147 @@
+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';
+let MdcRipple = (() => {
+    let _classDecorators = [inject(Element), customAttribute('mdc-ripple')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _input_decorators;
+    let _input_initializers = [];
+    let _input_extraInitializers = [];
+    let _surface_decorators;
+    let _surface_initializers = [];
+    let _surface_extraInitializers = [];
+    let _computeBoundingRect_decorators;
+    let _computeBoundingRect_initializers = [];
+    let _computeBoundingRect_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    let _unbounded_decorators;
+    let _unbounded_initializers = [];
+    let _unbounded_extraInitializers = [];
+    let _activeSurface_decorators;
+    let _activeSurface_initializers = [];
+    let _activeSurface_extraInitializers = [];
+    let _noClass_decorators;
+    let _noClass_initializers = [];
+    let _noClass_extraInitializers = [];
+    let _primary_decorators;
+    let _primary_initializers = [];
+    let _primary_extraInitializers = [];
+    let _accent_decorators;
+    let _accent_initializers = [];
+    let _accent_extraInitializers = [];
+    var MdcRipple = class extends _classSuper {
+        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);
+            MdcRipple = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __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));
+        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));
+        attaching() {
+            if (!this.noClass) {
+                (this.surface ?? this.root).classList.add('mdc-ripple-surface');
+                if (this.primary) {
+                    (this.surface ?? this.root).classList.add('mdc-ripple-surface--primary');
+                }
+                if (this.accent) {
+                    (this.surface ?? this.root).classList.add('mdc-ripple-surface--accent');
+                }
+            }
+        }
+        initialSyncWithDOM() {
+            this.unboundedChanged();
+        }
+        activate() {
+            this.foundation?.activate();
+        }
+        deactivate() {
+            this.foundation?.deactivate();
+        }
+        layout() {
+            this.foundation?.layout();
+        }
+        getDefaultFoundation() {
+            return new MDCRippleFoundation(this.createAdapter());
+        }
+        createAdapter() {
+            return {
+                addClass: (className) => (this.surface ?? this.root).classList.add(className),
+                browserSupportsCssVars: () => 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()),
+                deregisterInteractionHandler: (evtType, handler) => {
+                    if (this.input) {
+                        this.input.removeEventListener(evtType, handler, applyPassive());
+                    }
+                    else {
+                        this.root.removeEventListener(evtType, handler, applyPassive());
+                    }
+                },
+                deregisterResizeHandler: (handler) => window.removeEventListener('resize', handler),
+                getWindowPageOffset: () => ({ x: window.pageXOffset, y: window.pageYOffset }),
+                isSurfaceActive: () => this.activeSurface && matches(this.input ?? this.root, ':active'),
+                isSurfaceDisabled: () => this.disabled,
+                isUnbounded: () => this.unbounded,
+                registerDocumentInteractionHandler: (evtType, handler) => document.documentElement.addEventListener(evtType, handler, applyPassive()),
+                registerInteractionHandler: (evtType, handler) => {
+                    if (this.input) {
+                        this.input.addEventListener(evtType, handler, applyPassive());
+                    }
+                    else {
+                        this.root.addEventListener(evtType, handler, applyPassive());
+                    }
+                },
+                registerResizeHandler: (handler) => window.addEventListener('resize', handler),
+                removeClass: (className) => (this.surface ?? this.root).classList.remove(className),
+                updateCssVariable: (varName, value) => (this.surface ?? this.root).style.setProperty(varName, value),
+            };
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _accent_extraInitializers);
+        }
+    };
+    return MdcRipple = _classThis;
+})();
+export { MdcRipple };
+//# sourceMappingURL=mdc-ripple.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-ripple.js","sourceRoot":"","sources":["../../src/ripple/mdc-ripple.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAoB,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;IAI/C,SAAS;4BAFrB,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,YAAY,CAAC;;;;sBACC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAApB,SAAQ,WAAiC;;;;iCAC7D,QAAQ,EAAE;mCAGV,QAAQ,EAAE;+CAGV,QAAQ,EAAE;oCAGV,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;qCAG9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;yCAM9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;mCAG9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;mCAG9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;kCAG9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YA1B/B,iKAAA,KAAK,6BAAL,KAAK,qFAAoB;YAGzB,uKAAA,OAAO,6BAAP,OAAO,yFAAe;YAGtB,2MAAA,mBAAmB,6BAAnB,mBAAmB,iHAAmB;YAGtC,0KAAA,QAAQ,6BAAR,QAAQ,2FAAU;YAGlB,6KAAA,SAAS,6BAAT,SAAS,6FAAU;YAMnB,yLAAA,aAAa,6BAAb,aAAa,qGAAU;YAGvB,uKAAA,OAAO,6BAAP,OAAO,yFAAU;YAGjB,uKAAA,OAAO,6BAAP,OAAO,yFAAU;YAGjB,oKAAA,MAAM,6BAAN,MAAM,uFAAU;YA7BlB,6KA+FC;;;YA/FY,uDAAS;;QAEpB,KAAK,wDAAoB;QAGzB,OAAO,+GAAe;QAGtB,mBAAmB,6HAAmB;QAGtC,QAAQ,8HAAU;QAGlB,SAAS,oHAAU;QACnB,gBAAgB;YACd,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;QACzD,CAAC;QAGD,aAAa,yHAAU;QAGvB,OAAO,uHAAU;QAGjB,OAAO,iHAAU;QAGjB,MAAM,gHAAU;QAEhB,SAAS;YACP,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;gBAClB,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;gBAChE,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;oBACjB,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC;gBAC3E,CAAC;gBACD,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;oBAChB,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;gBAC1E,CAAC;YACH,CAAC;QACH,CAAC;QAED,kBAAkB;YAChB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC;QAED,QAAQ;YACN,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,CAAC;QAC9B,CAAC;QAED,UAAU;YACR,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE,CAAC;QAChC,CAAC;QAED,MAAM;YACJ,IAAI,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC;QAC5B,CAAC;QAED,oBAAoB;YAClB,OAAO,IAAI,mBAAmB,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACvD,CAAC;QAED,aAAa;YACX,OAAO;gBACL,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC;gBAC7E,sBAAsB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC;gBAC/D,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,qBAAqB,EAAE,CAAC;gBAC5G,mBAAmB,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAc,CAAC;gBACnE,oCAAoC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;gBAC1I,4BAA4B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE;oBACjD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;wBACf,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC;oBACnE,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC;oBAClE,CAAC;gBACH,CAAC;gBACD,uBAAuB,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;gBACnF,mBAAmB,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC;gBAC7E,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC;gBACxF,iBAAiB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ;gBACtC,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS;gBACjC,kCAAkC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;gBACrI,0BAA0B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE;oBAC/C,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;wBACf,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC;oBAChE,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC;oBAC/D,CAAC;gBACH,CAAC;gBACD,qBAAqB,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC;gBAC9E,WAAW,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;gBACnF,iBAAiB,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC;aACrG,CAAC;QACJ,CAAC;;;;;;;;SA9FU,SAAS","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"]}

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

@@ -0,0 +1,24 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { templateCompilerHooks } from 'aurelia';
+let EnhanceMdcSegmentedButtonSegment = (() => {
+    let _classDecorators = [templateCompilerHooks];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var EnhanceMdcSegmentedButtonSegment = class {
+        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);
+            EnhanceMdcSegmentedButtonSegment = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __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');
+        }
+    };
+    return EnhanceMdcSegmentedButtonSegment = _classThis;
+})();
+export { EnhanceMdcSegmentedButtonSegment };
+//# sourceMappingURL=enhance-mdc-segmented-button-segment.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +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>

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

@@ -0,0 +1,169 @@
+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';
+/**
+ * @selector button[mdc-segmented-button-segment]
+ */
+let MdcSegmentedButtonSegment = (() => {
+    let _classDecorators = [inject(Element, MdcSegmentedButton), customElement({ name: 'mdc-segmented-button-segment', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _touch_decorators;
+    let _touch_initializers = [];
+    let _touch_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    var MdcSegmentedButtonSegment = class extends _classSuper {
+        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);
+            MdcSegmentedButtonSegment = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        constructor(root) {
+            super(root);
+            defineMdcSegmentedButtonSegmentElementApis(root);
+        }
+        isSingleSelect;
+        index;
+        /** Indicates the segment has touch target support */
+        touch = __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);
+        /** Use to verify the checked value */
+        get checked() {
+            if (this.foundation) {
+                return this.foundation?.isSelected();
+            }
+            else {
+                return this._checked ?? false;
+            }
+        }
+        /**
+         * Whether the segment is checked.
+         */
+        set checked(value) {
+            this._checked = value;
+            if (value) {
+                this.foundation?.setSelected();
+            }
+            else {
+                this.foundation?.setUnselected();
+            }
+        }
+        handleClick() {
+            this.foundation?.handleClick();
+        }
+        // eslint-disable-next-line @typescript-eslint/require-await
+        async beforeFoundationCreated() {
+            if (this.root.hasAttribute('checked')) {
+                const attributeValue = this.root.getAttribute('checked');
+                if (attributeValue || attributeValue === '') {
+                    this.checked = true;
+                }
+            }
+        }
+        initialSyncWithDOM() {
+            if (this._checked !== undefined) {
+                this.checked = this._checked;
+            }
+        }
+        getDefaultFoundation() {
+            // DO NOT INLINE this variable. For backward compatibility, foundations take
+            // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any
+            // methods, we need a separate, strongly typed adapter variable.
+            // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
+            const adapter = {
+                isSingleSelect: () => {
+                    return this.isSingleSelect;
+                },
+                getAttr: (attrName) => {
+                    return this.root.getAttribute(attrName);
+                },
+                setAttr: (attrName, value) => {
+                    this.root.setAttribute(attrName, value);
+                },
+                addClass: (className) => {
+                    this.root.classList.add(className);
+                },
+                removeClass: (className) => {
+                    this.root.classList.remove(className);
+                },
+                hasClass: (className) => {
+                    return this.root.classList.contains(className);
+                },
+                notifySelectedChange: selected => this.notifySelectedChange(events.SELECTED, selected),
+                getRootBoundingClientRect: () => {
+                    return this.root.getBoundingClientRect();
+                }
+            };
+            return new MDCSegmentedButtonSegmentFoundation(adapter);
+        }
+        notifySelectedChange(event, selected) {
+            this.emit(event, {
+                index: this.index,
+                selected,
+                segmentId: this.getSegmentId()
+            }, true /* shouldBubble */);
+        }
+        setIsSingleSelect(isSingleSelect) {
+            this.isSingleSelect = isSingleSelect;
+            this.root.setAttribute('role', isSingleSelect ? 'radio' : '');
+        }
+        /**
+         * Sets segment's index value
+         *
+         * @hidden
+         * @param index Segment's index within wrapping segmented button
+         */
+        setIndex(index) {
+            this.index = index;
+        }
+        /**
+         * @hidden
+         * @return Returns segment's segmentId if it was set by client
+         */
+        getSegmentId() {
+            return this.foundation?.getSegmentId();
+        }
+    };
+    return MdcSegmentedButtonSegment = _classThis;
+})();
+export { MdcSegmentedButtonSegment };
+function defineMdcSegmentedButtonSegmentElementApis(element) {
+    Object.defineProperties(element, {
+        type: {
+            value: 'checkbox'
+        },
+        tagName: {
+            get() {
+                return 'MDC-SEGMENTED-BUTTON-SEGMENT';
+            }
+        },
+        checked: {
+            get() {
+                return CustomElement.for(this).viewModel.checked;
+            },
+            set(value) {
+                CustomElement.for(this).viewModel.checked = value;
+            },
+            configurable: true
+        }
+    });
+}
+//# sourceMappingURL=mdc-segmented-button-segment.js.map

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

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

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

@@ -0,0 +1,3 @@
+<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

@@ -0,0 +1,104 @@
+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';
+/**
+ * @selector mdc-segmented-button
+ */
+let MdcSegmentedButton = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-segmented-button', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _single_decorators;
+    let _single_initializers = [];
+    let _single_extraInitializers = [];
+    let _segmentElements_decorators;
+    let _segmentElements_initializers = [];
+    let _segmentElements_extraInitializers = [];
+    var MdcSegmentedButton = class extends _classSuper {
+        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);
+            MdcSegmentedButton = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /** Indicates the segmented button only allows one segment to be selected at a time */
+        single = __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));
+        get segmentsList() {
+            return this.segmentElements.map(x => CustomElement.for(x).viewModel);
+        }
+        initialSyncWithDOM() {
+            const isSingleSelect = this.foundation.isSingleSelect();
+            for (let i = 0; i < this.segmentsList.length; i++) {
+                const segment = this.segmentsList[i];
+                segment.setIndex(i);
+                segment.setIsSingleSelect(isSingleSelect);
+            }
+        }
+        handleSelected(event) {
+            this.foundation?.handleSelected(event.detail);
+        }
+        getDefaultFoundation() {
+            const adapter = {
+                hasClass: (className) => {
+                    return this.root.classList.contains(className);
+                },
+                getSegments: () => {
+                    return this.mappedSegments();
+                },
+                selectSegment: (indexOrSegmentId) => {
+                    const segmentDetail = this.mappedSegments().find((detail) => detail.index === indexOrSegmentId ||
+                        detail.segmentId === indexOrSegmentId);
+                    if (segmentDetail) {
+                        this.segmentsList[segmentDetail.index].checked = true;
+                    }
+                },
+                unselectSegment: (indexOrSegmentId) => {
+                    const segmentDetail = this.mappedSegments().find((detail) => detail.index === indexOrSegmentId ||
+                        detail.segmentId === indexOrSegmentId);
+                    if (segmentDetail) {
+                        this.segmentsList[segmentDetail.index].checked = false;
+                        this.segmentsList[segmentDetail.index].notifySelectedChange('unselected', false);
+                    }
+                },
+                notifySelectedChange: (detail) => {
+                    this.emit(events.CHANGE, detail, true /* shouldBubble */);
+                }
+            };
+            return new MDCSegmentedButtonFoundation(adapter);
+        }
+        /**
+         * @return Returns child segments mapped to readonly SegmentDetail list
+         */
+        mappedSegments() {
+            return this.segmentsList.map((segment, index) => {
+                return {
+                    index,
+                    selected: segment.checked,
+                    segmentId: segment.getSegmentId()
+                };
+            });
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _segmentElements_extraInitializers);
+        }
+    };
+    return MdcSegmentedButton = _classThis;
+})();
+export { MdcSegmentedButton };
+//# sourceMappingURL=mdc-segmented-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-segmented-button.js","sourceRoot":"","sources":["../../src/segmented-button/mdc-segmented-button.ts"],"names":[],"mappings":"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","sourcesContent":["import { booleanAttr, MdcComponent } from '../base';\nimport { MDCSegmentedButtonAdapter, MDCSegmentedButtonFoundation, SegmentDetail } from '@material/segmented-button';\nimport { events } from '@material/segmented-button/segmented-button/constants';\nimport { inject, customElement, bindable, slotted, CustomElement } from 'aurelia';\nimport { MdcSegmentedButtonSegment } from './mdc-segmented-button-segment/mdc-segmented-button-segment';\nimport template from './mdc-segmented-button.html?raw';\n\n/**\n * @selector mdc-segmented-button\n */\n@inject(Element)\n@customElement({ name: 'mdc-segmented-button', template })\nexport class MdcSegmentedButton extends MdcComponent<MDCSegmentedButtonFoundation> {\n\n  /** Indicates the segmented button only allows one segment to be selected at a time */\n  @bindable({ set: booleanAttr })\n  single: boolean;\n  singleChanged() {\n    this.root.setAttribute('role', this.single ? 'radiogroup' : 'group');\n  }\n\n  @slotted({ query: 'button' })\n  segmentElements!: HTMLElement[];\n\n  get segmentsList(): MdcSegmentedButtonSegment[] {\n    return this.segmentElements.map(x => CustomElement.for<MdcSegmentedButtonSegment>(x).viewModel);\n  }\n\n  initialSyncWithDOM() {\n    const isSingleSelect = this.foundation!.isSingleSelect();\n    for (let i = 0; i < this.segmentsList.length; i++) {\n      const segment = this.segmentsList[i];\n      segment.setIndex(i);\n      segment.setIsSingleSelect(isSingleSelect);\n    }\n  }\n\n  handleSelected(event: CustomEvent<SegmentDetail>) {\n    this.foundation?.handleSelected(event.detail);\n  }\n\n  getDefaultFoundation(): MDCSegmentedButtonFoundation {\n    const adapter: MDCSegmentedButtonAdapter = {\n      hasClass: (className) => {\n        return this.root.classList.contains(className);\n      },\n      getSegments: () => {\n        return this.mappedSegments();\n      },\n      selectSegment: (indexOrSegmentId) => {\n        const segmentDetail = this.mappedSegments().find(\n          (detail) => detail.index === indexOrSegmentId ||\n            detail.segmentId === indexOrSegmentId);\n        if (segmentDetail) {\n          this.segmentsList[segmentDetail.index].checked = true;\n        }\n      },\n      unselectSegment: (indexOrSegmentId) => {\n        const segmentDetail = this.mappedSegments().find(\n          (detail) => detail.index === indexOrSegmentId ||\n            detail.segmentId === indexOrSegmentId);\n        if (segmentDetail) {\n          this.segmentsList[segmentDetail.index].checked = false;\n          this.segmentsList[segmentDetail.index].notifySelectedChange('unselected', false);\n        }\n      },\n      notifySelectedChange: (detail) => {\n        this.emit<SegmentDetail>(\n          events.CHANGE, detail, true /* shouldBubble */\n        );\n      }\n    };\n    return new MDCSegmentedButtonFoundation(adapter);\n  }\n\n  /**\n   * @return Returns child segments mapped to readonly SegmentDetail list\n   */\n  private mappedSegments(): readonly SegmentDetail[] {\n    return this.segmentsList.map(\n      (segment: MdcSegmentedButtonSegment, index: number) => {\n        return {\n          index,\n          selected: segment.checked,\n          segmentId: segment.getSegmentId()\n        };\n      });\n  }\n}\n"]}

package/dist/select/mdc-default-select-configuration.js

@@ -0,0 +1,4 @@
+export class MdcDefaultSelectConfiguration {
+    outlined;
+}
+//# sourceMappingURL=mdc-default-select-configuration.js.map

package/dist/select/mdc-default-select-configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-default-select-configuration.js","sourceRoot":"","sources":["../../src/select/mdc-default-select-configuration.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,6BAA6B;IACxC,QAAQ,CAAW;CACpB","sourcesContent":["export class MdcDefaultSelectConfiguration {\n  outlined?: boolean;\n}\n"]}

package/dist/select/mdc-select-adapter-aurelia.js

@@ -0,0 +1,24 @@
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+export {};
+//# sourceMappingURL=mdc-select-adapter-aurelia.js.map

package/dist/select/mdc-select-adapter-aurelia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-select-adapter-aurelia.js","sourceRoot":"","sources":["../../src/select/mdc-select-adapter-aurelia.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG","sourcesContent":["/**\n * @license\n * Copyright 2018 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\nimport {Corner} from '@material/menu-surface/constants';\n\n/**\n * Defines the shape of the adapter expected by the foundation.\n * Implement this adapter for your framework of choice to delegate updates to\n * the component in your framework of choice. See architecture documentation\n * for more details.\n * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md\n * @hidden\n */\nexport interface MDCSelectAdapterAurelia {\n  /**\n   * Adds class to select anchor element.\n   */\n  addClass(className: string): void;\n\n  /**\n   * Removes a class from the select anchor element.\n   */\n  removeClass(className: string): void;\n\n  /**\n   * Returns true if the select anchor element contains the given class name.\n   */\n  hasClass(className: string): boolean;\n\n  /**\n   * Activates the bottom line, showing a focused state.\n   */\n  activateBottomLine(): void;\n\n  /**\n   * Deactivates the bottom line.\n   */\n  deactivateBottomLine(): void;\n\n  /**\n   * Returns true if label exists, false if it doesn't.\n   */\n  hasLabel(): boolean;\n\n  /**\n   * Floats label determined based off of the shouldFloat argument.\n   */\n  floatLabel(shouldFloat: boolean): void;\n\n  /**\n   * Returns width of label in pixels, if the label exists.\n   */\n  getLabelWidth(): number;\n\n  /**\n   * Styles the label as required, if the label exists.\n   */\n  setLabelRequired(isRequired: boolean): void;\n\n  /**\n   * Returns true if outline element exists, false if it doesn't.\n   */\n  hasOutline(): boolean;\n\n  /**\n   * Only implement if outline element exists.\n   */\n  notchOutline(labelWidth: number): void;\n\n  /**\n   * Closes notch in outline element, if the outline exists.\n   */\n  closeOutline(): void;\n\n  /**\n   * Sets the line ripple transform origin center.\n   */\n  setRippleCenter(normalizedX: number): void;\n\n  /**\n   * Emits a change event when an element is selected.\n   * !!! MODIFIED FOR AURELIA !!!\n   */\n  notifyChange(value: unknown): void;\n\n  /**\n   * Sets the text content of the selectedText element to the given string.\n   */\n  setSelectedText(text: string): void;\n\n  /**\n   * Returns whether the select anchor is focused.\n   */\n  isSelectAnchorFocused(): boolean;\n\n  /**\n   * Gets the given attribute on the select anchor element.\n   */\n  getSelectAnchorAttr(attr: string): string|null;\n\n  /**\n   * Sets the given attribute on the select anchor element.\n   */\n  setSelectAnchorAttr(attr: string, value: string): void;\n\n  /**\n   * Removes the given attribute on the select anchor element.\n   */\n  removeSelectAnchorAttr(attr: string): void;\n\n  // Menu-related methods ======================================================\n  /**\n   * Adds class to the menu element.\n   */\n  addMenuClass(className: string): void;\n\n  /**\n   * Removes a class from the menu element.\n   */\n  removeMenuClass(className: string): void;\n\n  /**\n   * Opens the menu.\n   */\n  openMenu(): void;\n\n  /**\n   * Closes the menu.\n   */\n  closeMenu(): void;\n\n  /**\n   * Returns the select anchor element.\n   */\n  getAnchorElement(): Element | null;\n\n  /**\n   * Sets the menu anchor element.\n   */\n  setMenuAnchorElement(anchorEl: Element): void;\n\n  /**\n   * Sets the menu anchor corner.\n   */\n  setMenuAnchorCorner(anchorCorner: Corner): void;\n\n  /**\n   * Sets whether the menu should wrap focus.\n   */\n  setMenuWrapFocus(wrapFocus: boolean): void;\n\n  /**\n   * Focuses the menu item element at the given index.\n   */\n  focusMenuItemAtIndex(index: number): void;\n\n  /**\n   * Returns the number of menu items.\n   */\n  getMenuItemCount(): number;\n\n  /**\n   * Returns an array representing the VALUE_ATTR attributes of each menu item.\n   * !!! MODIFIED FOR AURELIA !!!\n   */\n  getMenuItemValues(): unknown[];\n\n  /**\n   * Gets the text content of the menu item element at the given index.\n   */\n  getMenuItemTextAtIndex(index: number): string;\n\n  /**\n   * Returns the selected index.\n   */\n  getSelectedIndex(): number;\n\n  /**\n   * Sets the selected index in the menu.\n   */\n  setSelectedIndex(index: number): void;\n\n  /**\n   * Returns whether typeahead is in progress in the menu.\n   */\n  isTypeaheadInProgress(): boolean;\n\n  /**\n   * Adds a character to the list typeahead buffer and returns index of the\n   * next item in the list matching the buffer.\n   */\n  typeaheadMatchItem(nextChar: string, startingIndex: number): number;\n}\n"]}