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

package/dist/{top-app-bar → src/top-app-bar}/mdc-top-app-bar-row.js

@@ -1,7 +1,10 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcTopAppBarRow = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 let MdcTopAppBarRow = (() => {
-    let _classDecorators = [customElement({
+    let _classDecorators = [(0, aurelia_1.customElement)({
             name: 'mdc-top-app-bar-row',
             template: '<template class="mdc-top-app-bar__row"><au-slot></au-slot></template>'
         })];
@@ -12,13 +15,13 @@ let MdcTopAppBarRow = (() => {
         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);
             MdcTopAppBarRow = _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);
         }
     };
     return MdcTopAppBarRow = _classThis;
 })();
-export { MdcTopAppBarRow };
+exports.MdcTopAppBarRow = MdcTopAppBarRow;
 //# sourceMappingURL=mdc-top-app-bar-row.js.map

package/dist/src/top-app-bar/mdc-top-app-bar-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-top-app-bar-row.js","sourceRoot":"","sources":["../../../src/top-app-bar/mdc-top-app-bar-row.ts"],"names":[],"mappings":";;;;AAAA,qCAAwC;IAM3B,eAAe;4BAJ3B,IAAA,uBAAa,EAAC;YACb,IAAI,EAAE,qBAAqB;YAC3B,QAAQ,EAAE,uEAAuE;SAClF,CAAC;;;;;;;;YACF,qLAAgC;;;YAAnB,+DAAe;;;;;AAAf,0CAAe","sourcesContent":["import { customElement } from 'aurelia';\r\n\r\n@customElement({\r\n  name: 'mdc-top-app-bar-row',\r\n  template: '<template class=\"mdc-top-app-bar__row\"><au-slot></au-slot></template>'\r\n})\r\nexport class MdcTopAppBarRow { }\r\n"]}

package/dist/src/top-app-bar/mdc-top-app-bar-section/mdc-top-app-bar-section.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcTopAppBarSection = void 0;
+const tslib_1 = require("tslib");
+const base_1 = require("../../base");
+const aurelia_1 = require("aurelia");
+const mdc_top_app_bar_section_html_raw_1 = tslib_1.__importDefault(require("./mdc-top-app-bar-section.html?raw"));
+let MdcTopAppBarSection = (() => {
+    let _classDecorators = [(0, aurelia_1.customElement)({ name: 'mdc-top-app-bar-section', template: mdc_top_app_bar_section_html_raw_1.default })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _end_decorators;
+    let _end_initializers = [];
+    let _end_extraInitializers = [];
+    var MdcTopAppBarSection = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _end_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            tslib_1.__esDecorate(null, null, _end_decorators, { kind: "field", name: "end", static: false, private: false, access: { has: obj => "end" in obj, get: obj => obj.end, set: (obj, value) => { obj.end = value; } }, metadata: _metadata }, _end_initializers, _end_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcTopAppBarSection = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        end = tslib_1.__runInitializers(this, _end_initializers, void 0);
+        constructor() {
+            tslib_1.__runInitializers(this, _end_extraInitializers);
+        }
+    };
+    return MdcTopAppBarSection = _classThis;
+})();
+exports.MdcTopAppBarSection = MdcTopAppBarSection;
+//# sourceMappingURL=mdc-top-app-bar-section.js.map

package/dist/src/top-app-bar/mdc-top-app-bar-section/mdc-top-app-bar-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-top-app-bar-section.js","sourceRoot":"","sources":["../../../../src/top-app-bar/mdc-top-app-bar-section/mdc-top-app-bar-section.ts"],"names":[],"mappings":";;;;AAAA,qCAAyC;AACzC,qCAAkD;AAClD,kHAA0D;IAG7C,mBAAmB;4BAD/B,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,yBAAyB,EAAE,QAAQ,EAAR,0CAAQ,EAAE,CAAC;;;;;;;;;;;+BAE1D,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;YAC/B,mKAAA,GAAG,6BAAH,GAAG,iFAAU;YAFf,qLAGC;;;YAHY,+DAAmB;;QAE9B,GAAG,8DAAU;;;;;;;AAFF,kDAAmB","sourcesContent":["import { booleanAttr } from '../../base';\r\nimport { customElement, bindable } from 'aurelia';\r\nimport template from './mdc-top-app-bar-section.html?raw';\r\n\r\n@customElement({ name: 'mdc-top-app-bar-section', template })\r\nexport class MdcTopAppBarSection {\r\n  @bindable({ set: booleanAttr })\r\n  end: boolean;\r\n}\r\n"]}

package/dist/{top-app-bar → src/top-app-bar}/mdc-top-app-bar-title.js

@@ -1,7 +1,10 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcTopAppBarTitle = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 let MdcTopAppBarTitle = (() => {
-    let _classDecorators = [customElement({
+    let _classDecorators = [(0, aurelia_1.customElement)({
             name: 'mdc-top-app-bar-title',
             template: '<template class="mdc-top-app-bar__title"><au-slot></au-slot></template>'
         })];
@@ -12,13 +15,13 @@ let MdcTopAppBarTitle = (() => {
         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);
             MdcTopAppBarTitle = _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);
         }
     };
     return MdcTopAppBarTitle = _classThis;
 })();
-export { MdcTopAppBarTitle };
+exports.MdcTopAppBarTitle = MdcTopAppBarTitle;
 //# sourceMappingURL=mdc-top-app-bar-title.js.map

package/dist/src/top-app-bar/mdc-top-app-bar-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-top-app-bar-title.js","sourceRoot":"","sources":["../../../src/top-app-bar/mdc-top-app-bar-title.ts"],"names":[],"mappings":";;;;AAAA,qCAAwC;IAM3B,iBAAiB;4BAJ7B,IAAA,uBAAa,EAAC;YACb,IAAI,EAAE,uBAAuB;YAC7B,QAAQ,EAAE,yEAAyE;SACpF,CAAC;;;;;;;;YACF,qLAAkC;;;YAArB,+DAAiB;;;;;AAAjB,8CAAiB","sourcesContent":["import { customElement } from 'aurelia';\r\n\r\n@customElement({\r\n  name: 'mdc-top-app-bar-title',\r\n  template: '<template class=\"mdc-top-app-bar__title\"><au-slot></au-slot></template>'\r\n})\r\nexport class MdcTopAppBarTitle { }\r\n"]}

package/dist/src/top-app-bar/mdc-top-app-bar.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcTopAppBar = void 0;
+const tslib_1 = require("tslib");
+const base_1 = require("../base");
+const top_app_bar_1 = require("@material/top-app-bar");
+const aurelia_1 = require("aurelia");
+const mdc_top_app_bar_html_raw_1 = tslib_1.__importDefault(require("./mdc-top-app-bar.html?raw"));
+let MdcTopAppBar = (() => {
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-top-app-bar', template: mdc_top_app_bar_html_raw_1.default })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = base_1.MdcComponent;
+    let _short_decorators;
+    let _short_initializers = [];
+    let _short_extraInitializers = [];
+    let _collapsed_decorators;
+    let _collapsed_initializers = [];
+    let _collapsed_extraInitializers = [];
+    let _fixed_decorators;
+    let _fixed_initializers = [];
+    let _fixed_extraInitializers = [];
+    let _prominent_decorators;
+    let _prominent_initializers = [];
+    let _prominent_extraInitializers = [];
+    let _dense_decorators;
+    let _dense_initializers = [];
+    let _dense_extraInitializers = [];
+    let _scrollTarget_decorators;
+    let _scrollTarget_initializers = [];
+    let _scrollTarget_extraInitializers = [];
+    var MdcTopAppBar = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _short_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _collapsed_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _fixed_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _prominent_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _dense_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _scrollTarget_decorators = [(0, aurelia_1.bindable)()];
+            tslib_1.__esDecorate(null, null, _short_decorators, { kind: "field", name: "short", static: false, private: false, access: { has: obj => "short" in obj, get: obj => obj.short, set: (obj, value) => { obj.short = value; } }, metadata: _metadata }, _short_initializers, _short_extraInitializers);
+            tslib_1.__esDecorate(null, null, _collapsed_decorators, { kind: "field", name: "collapsed", static: false, private: false, access: { has: obj => "collapsed" in obj, get: obj => obj.collapsed, set: (obj, value) => { obj.collapsed = value; } }, metadata: _metadata }, _collapsed_initializers, _collapsed_extraInitializers);
+            tslib_1.__esDecorate(null, null, _fixed_decorators, { kind: "field", name: "fixed", static: false, private: false, access: { has: obj => "fixed" in obj, get: obj => obj.fixed, set: (obj, value) => { obj.fixed = value; } }, metadata: _metadata }, _fixed_initializers, _fixed_extraInitializers);
+            tslib_1.__esDecorate(null, null, _prominent_decorators, { kind: "field", name: "prominent", static: false, private: false, access: { has: obj => "prominent" in obj, get: obj => obj.prominent, set: (obj, value) => { obj.prominent = value; } }, metadata: _metadata }, _prominent_initializers, _prominent_extraInitializers);
+            tslib_1.__esDecorate(null, null, _dense_decorators, { kind: "field", name: "dense", static: false, private: false, access: { has: obj => "dense" in obj, get: obj => obj.dense, set: (obj, value) => { obj.dense = value; } }, metadata: _metadata }, _dense_initializers, _dense_extraInitializers);
+            tslib_1.__esDecorate(null, null, _scrollTarget_decorators, { kind: "field", name: "scrollTarget", static: false, private: false, access: { has: obj => "scrollTarget" in obj, get: obj => obj.scrollTarget, set: (obj, value) => { obj.scrollTarget = value; } }, metadata: _metadata }, _scrollTarget_initializers, _scrollTarget_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcTopAppBar = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        handleNavigationClick_; // assigned in initialSyncWithDOM()
+        handleWindowResize_; // assigned in initialSyncWithDOM()
+        handleTargetScroll_; // assigned in initialSyncWithDOM()
+        navIcon_;
+        hasActionItems;
+        short = tslib_1.__runInitializers(this, _short_initializers, void 0);
+        collapsed = (tslib_1.__runInitializers(this, _short_extraInitializers), tslib_1.__runInitializers(this, _collapsed_initializers, void 0));
+        fixed = (tslib_1.__runInitializers(this, _collapsed_extraInitializers), tslib_1.__runInitializers(this, _fixed_initializers, void 0));
+        prominent = (tslib_1.__runInitializers(this, _fixed_extraInitializers), tslib_1.__runInitializers(this, _prominent_initializers, void 0));
+        dense = (tslib_1.__runInitializers(this, _prominent_extraInitializers), tslib_1.__runInitializers(this, _dense_initializers, void 0));
+        scrollTarget = (tslib_1.__runInitializers(this, _dense_extraInitializers), tslib_1.__runInitializers(this, _scrollTarget_initializers, window));
+        scrollTargetChanged(newValue, oldValue) {
+            // Remove scroll handler from the previous scroll target
+            oldValue?.removeEventListener('scroll', this.handleTargetScroll_);
+            // Initialize scroll handler on the new scroll target
+            newValue?.addEventListener('scroll', this.handleTargetScroll_);
+        }
+        initialSyncWithDOM() {
+            this.handleNavigationClick_ = this.foundation?.handleNavigationClick.bind(this.foundation);
+            this.handleWindowResize_ = this.foundation?.handleWindowResize.bind(this.foundation);
+            this.handleTargetScroll_ = this.foundation?.handleTargetScroll.bind(this.foundation);
+            this.hasActionItems = !!this.root.querySelector(top_app_bar_1.strings.ACTION_ITEM_SELECTOR);
+            this.scrollTargetChanged(this.scrollTarget, window);
+            this.navIcon_ = this.root.querySelector(top_app_bar_1.strings.NAVIGATION_ICON_SELECTOR);
+            if (this.navIcon_) {
+                this.navIcon_.addEventListener('click', this.handleNavigationClick_);
+            }
+            const isFixed = this.root.classList.contains(top_app_bar_1.cssClasses.FIXED_CLASS);
+            const isShort = this.root.classList.contains(top_app_bar_1.cssClasses.SHORT_CLASS);
+            if (!isShort && !isFixed) {
+                window.addEventListener('resize', this.handleWindowResize_);
+            }
+        }
+        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.
+            const adapter = {
+                hasClass: (className) => this.root.classList.contains(className),
+                addClass: (className) => this.root.classList.add(className),
+                removeClass: (className) => this.root.classList.remove(className),
+                setStyle: (property, value) => this.root.style.setProperty(property, value),
+                getTopAppBarHeight: () => this.root.clientHeight,
+                notifyNavigationIconClicked: () => this.emit(top_app_bar_1.strings.NAVIGATION_EVENT, {}),
+                getViewportScrollY: () => {
+                    const win = this.scrollTarget;
+                    const el = this.scrollTarget;
+                    return win.pageYOffset !== undefined ? win.pageYOffset : el.scrollTop;
+                },
+                getTotalActionItems: () => this.root.querySelectorAll(top_app_bar_1.strings.ACTION_ITEM_SELECTOR).length,
+            };
+            let foundation;
+            if (this.root.classList.contains(top_app_bar_1.cssClasses.SHORT_CLASS)) {
+                foundation = new top_app_bar_1.MDCShortTopAppBarFoundation(adapter);
+            }
+            else if (this.root.classList.contains(top_app_bar_1.cssClasses.FIXED_CLASS)) {
+                foundation = new top_app_bar_1.MDCFixedTopAppBarFoundation(adapter);
+            }
+            else {
+                foundation = new top_app_bar_1.MDCTopAppBarFoundation(adapter);
+            }
+            return foundation;
+        }
+        constructor() {
+            super(...arguments);
+            tslib_1.__runInitializers(this, _scrollTarget_extraInitializers);
+        }
+    };
+    return MdcTopAppBar = _classThis;
+})();
+exports.MdcTopAppBar = MdcTopAppBar;
+//# sourceMappingURL=mdc-top-app-bar.js.map

package/dist/src/top-app-bar/mdc-top-app-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-top-app-bar.js","sourceRoot":"","sources":["../../../src/top-app-bar/mdc-top-app-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../base';\r\nimport { MDCTopAppBarFoundation, MDCTopAppBarAdapter, MDCTopAppBarBaseFoundation, cssClasses, strings, MDCShortTopAppBarFoundation, MDCFixedTopAppBarFoundation } from '@material/top-app-bar';\r\nimport { SpecificEventListener } from '@material/base';\r\nimport { inject, customElement, bindable } from 'aurelia';\r\nimport template from './mdc-top-app-bar.html?raw';\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-top-app-bar', template })\r\nexport class MdcTopAppBar extends MdcComponent<MDCTopAppBarBaseFoundation> {\r\n\r\n  private handleNavigationClick_!: SpecificEventListener<'click'>; // assigned in initialSyncWithDOM()\r\n  private handleWindowResize_!: SpecificEventListener<'resize'>; // assigned in initialSyncWithDOM()\r\n  private handleTargetScroll_!: SpecificEventListener<'scroll'>; // assigned in initialSyncWithDOM()\r\n  private navIcon_!: Element | null;\r\n  hasActionItems: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  short: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  collapsed: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  fixed: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  prominent: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  dense: boolean;\r\n\r\n  @bindable()\r\n  scrollTarget: EventTarget = window;\r\n  scrollTargetChanged(newValue: EventTarget, oldValue: EventTarget) {\r\n    // Remove scroll handler from the previous scroll target\r\n    oldValue?.removeEventListener('scroll', this.handleTargetScroll_ as EventListener);\r\n\r\n    // Initialize scroll handler on the new scroll target\r\n    newValue?.addEventListener('scroll', this.handleTargetScroll_ as EventListener);\r\n  }\r\n\r\n  initialSyncWithDOM() {\r\n    this.handleNavigationClick_ = this.foundation?.handleNavigationClick.bind(this.foundation);\r\n    this.handleWindowResize_ = this.foundation?.handleWindowResize.bind(this.foundation);\r\n    this.handleTargetScroll_ = this.foundation?.handleTargetScroll.bind(this.foundation);\r\n\r\n    this.hasActionItems = !!this.root.querySelector(strings.ACTION_ITEM_SELECTOR);\r\n\r\n    this.scrollTargetChanged(this.scrollTarget, window);\r\n\r\n    this.navIcon_ = this.root.querySelector(strings.NAVIGATION_ICON_SELECTOR);\r\n    if (this.navIcon_) {\r\n      this.navIcon_.addEventListener('click', this.handleNavigationClick_ as EventListener);\r\n    }\r\n\r\n    const isFixed = this.root.classList.contains(cssClasses.FIXED_CLASS);\r\n    const isShort = this.root.classList.contains(cssClasses.SHORT_CLASS);\r\n    if (!isShort && !isFixed) {\r\n      window.addEventListener('resize', this.handleWindowResize_ as EventListener);\r\n    }\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: MDCTopAppBarAdapter = {\r\n      hasClass: (className) => this.root.classList.contains(className),\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      setStyle: (property, value) => this.root.style.setProperty(property, value),\r\n      getTopAppBarHeight: () => this.root.clientHeight,\r\n      notifyNavigationIconClicked: () => this.emit(strings.NAVIGATION_EVENT, {}),\r\n      getViewportScrollY: () => {\r\n        const win = this.scrollTarget as Window;\r\n        const el = this.scrollTarget as Element;\r\n        return win.pageYOffset !== undefined ? win.pageYOffset : el.scrollTop;\r\n      },\r\n      getTotalActionItems: () => this.root.querySelectorAll(strings.ACTION_ITEM_SELECTOR).length,\r\n    };\r\n\r\n    let foundation: MDCTopAppBarBaseFoundation;\r\n    if (this.root.classList.contains(cssClasses.SHORT_CLASS)) {\r\n      foundation = new MDCShortTopAppBarFoundation(adapter);\r\n    } else if (this.root.classList.contains(cssClasses.FIXED_CLASS)) {\r\n      foundation = new MDCFixedTopAppBarFoundation(adapter);\r\n    } else {\r\n      foundation = new MDCTopAppBarFoundation(adapter);\r\n    }\r\n\r\n    return foundation;\r\n  }\r\n\r\n}\r\n"]}

package/dist/src/tree-view/i-tree-node.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=i-tree-node.js.map

package/dist/src/tree-view/i-tree-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i-tree-node.js","sourceRoot":"","sources":["../../../src/tree-view/i-tree-node.ts"],"names":[],"mappings":"","sourcesContent":["import { MdcTreeView } from './mdc-tree-view';\r\n\r\nexport interface ITreeNode {\r\n  children?: ITreeNode[];\r\n  expanded?: boolean;\r\n  selected?: boolean;\r\n  childTreeViewPromise?: Promise<MdcTreeView>;\r\n}\r\n"]}

package/dist/{tree-view → src/tree-view}/mdc-tree-node-meta.js

@@ -1,7 +1,10 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customAttribute, inject } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcTreeViewNodeMeta = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 let MdcTreeViewNodeMeta = (() => {
-    let _classDecorators = [inject(Element), customAttribute('mdc-tree-node-meta')];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customAttribute)('mdc-tree-node-meta')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -9,10 +12,10 @@ let MdcTreeViewNodeMeta = (() => {
         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);
             MdcTreeViewNodeMeta = _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);
         }
         root;
         constructor(root) {
@@ -24,5 +27,5 @@ let MdcTreeViewNodeMeta = (() => {
     };
     return MdcTreeViewNodeMeta = _classThis;
 })();
-export { MdcTreeViewNodeMeta };
+exports.MdcTreeViewNodeMeta = MdcTreeViewNodeMeta;
 //# sourceMappingURL=mdc-tree-node-meta.js.map

package/dist/src/tree-view/mdc-tree-node-meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-tree-node-meta.js","sourceRoot":"","sources":["../../../src/tree-view/mdc-tree-node-meta.ts"],"names":[],"mappings":";;;;AAAA,qCAAkD;IAIrC,mBAAmB;4BAF/B,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,yBAAe,EAAC,oBAAoB,CAAC;;;;;;;;YACtC,qLAMC;;;YANY,+DAAmB;;QACV,IAAI;QAAxB,YAAoB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;QAE1C,QAAQ;YACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;QACjD,CAAC;;;;AALU,kDAAmB","sourcesContent":["import { customAttribute, inject } from 'aurelia';\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-tree-node-meta')\r\nexport class MdcTreeViewNodeMeta {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  attached() {\r\n    this.root.classList.add('mdc-tree-node__meta');\r\n  }\r\n}\r\n"]}

package/dist/src/tree-view/mdc-tree-node.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcTreeNode = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+let MdcTreeNode = (() => {
+    let _classDecorators = [(0, aurelia_1.customElement)({ name: 'mdc-tree-node', template: '<au-slot></au-slot>' })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcTreeNode = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcTreeNode = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return MdcTreeNode = _classThis;
+})();
+exports.MdcTreeNode = MdcTreeNode;
+//# sourceMappingURL=mdc-tree-node.js.map

package/dist/src/tree-view/mdc-tree-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-tree-node.js","sourceRoot":"","sources":["../../../src/tree-view/mdc-tree-node.ts"],"names":[],"mappings":";;;;AAAA,qCAAwC;IAG3B,WAAW;4BADvB,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,qBAAqB,EAAE,CAAC;;;;;;;;YAC1E,qLAA4B;;;YAAf,+DAAW;;;;;AAAX,kCAAW","sourcesContent":["import { customElement } from 'aurelia';\r\n\r\n@customElement({ name: 'mdc-tree-node', template: '<au-slot></au-slot>' })\r\nexport class MdcTreeNode { }\r\n"]}

package/dist/{tree-view → src/tree-view}/mdc-tree-view.js

@@ -1,17 +1,21 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { MdcComponent } from '../base';
-import { MDCFoundation } from '@material/base';
-import { customElement, bindable, inject } from 'aurelia';
-import { processContent } from '@aurelia/runtime-html';
-import template from './mdc-tree-view.html?raw';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcTreeView = exports.MDCTreeViewFoundation = void 0;
+const tslib_1 = require("tslib");
+const base_1 = require("../base");
+const base_2 = require("@material/base");
+const aurelia_1 = require("aurelia");
+const runtime_html_1 = require("@aurelia/runtime-html");
+const mdc_tree_view_html_raw_1 = tslib_1.__importDefault(require("./mdc-tree-view.html?raw"));
 let id = 0;
 const templateLookup = {};
 const getNextNodeTemplateId = () => ++id;
 const NODE_SELECTED_EVENT = 'mdctree:node-selected';
-export class MDCTreeViewFoundation extends MDCFoundation {
+class MDCTreeViewFoundation extends base_2.MDCFoundation {
 }
+exports.MDCTreeViewFoundation = MDCTreeViewFoundation;
 let MdcTreeView = (() => {
-    let _classDecorators = [inject(Element), customElement({ name: 'mdc-tree-view', template }), processContent(function processContent(node) {
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-tree-view', template: mdc_tree_view_html_raw_1.default }), (0, runtime_html_1.processContent)(function processContent(node) {
             const element = node;
             const treeNode = element.querySelector('mdc-tree-node');
             if (treeNode) {
@@ -25,7 +29,7 @@ let MdcTreeView = (() => {
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     let _nodeTemplate_decorators;
     let _nodeTemplate_initializers = [];
     let _nodeTemplate_extraInitializers = [];
@@ -42,25 +46,25 @@ let MdcTreeView = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _nodeTemplate_decorators = [bindable()];
-            _nodes_decorators = [bindable()];
-            _filter_decorators = [bindable()];
-            _rootBindingContext_decorators = [bindable()];
-            __esDecorate(null, null, _nodeTemplate_decorators, { kind: "field", name: "nodeTemplate", static: false, private: false, access: { has: obj => "nodeTemplate" in obj, get: obj => obj.nodeTemplate, set: (obj, value) => { obj.nodeTemplate = value; } }, metadata: _metadata }, _nodeTemplate_initializers, _nodeTemplate_extraInitializers);
-            __esDecorate(null, null, _nodes_decorators, { kind: "field", name: "nodes", static: false, private: false, access: { has: obj => "nodes" in obj, get: obj => obj.nodes, set: (obj, value) => { obj.nodes = value; } }, metadata: _metadata }, _nodes_initializers, _nodes_extraInitializers);
-            __esDecorate(null, null, _filter_decorators, { kind: "field", name: "filter", static: false, private: false, access: { has: obj => "filter" in obj, get: obj => obj.filter, set: (obj, value) => { obj.filter = value; } }, metadata: _metadata }, _filter_initializers, _filter_extraInitializers);
-            __esDecorate(null, null, _rootBindingContext_decorators, { kind: "field", name: "rootBindingContext", static: false, private: false, access: { has: obj => "rootBindingContext" in obj, get: obj => obj.rootBindingContext, set: (obj, value) => { obj.rootBindingContext = value; } }, metadata: _metadata }, _rootBindingContext_initializers, _rootBindingContext_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _nodeTemplate_decorators = [(0, aurelia_1.bindable)()];
+            _nodes_decorators = [(0, aurelia_1.bindable)()];
+            _filter_decorators = [(0, aurelia_1.bindable)()];
+            _rootBindingContext_decorators = [(0, aurelia_1.bindable)()];
+            tslib_1.__esDecorate(null, null, _nodeTemplate_decorators, { kind: "field", name: "nodeTemplate", static: false, private: false, access: { has: obj => "nodeTemplate" in obj, get: obj => obj.nodeTemplate, set: (obj, value) => { obj.nodeTemplate = value; } }, metadata: _metadata }, _nodeTemplate_initializers, _nodeTemplate_extraInitializers);
+            tslib_1.__esDecorate(null, null, _nodes_decorators, { kind: "field", name: "nodes", static: false, private: false, access: { has: obj => "nodes" in obj, get: obj => obj.nodes, set: (obj, value) => { obj.nodes = value; } }, metadata: _metadata }, _nodes_initializers, _nodes_extraInitializers);
+            tslib_1.__esDecorate(null, null, _filter_decorators, { kind: "field", name: "filter", static: false, private: false, access: { has: obj => "filter" in obj, get: obj => obj.filter, set: (obj, value) => { obj.filter = value; } }, metadata: _metadata }, _filter_initializers, _filter_extraInitializers);
+            tslib_1.__esDecorate(null, null, _rootBindingContext_decorators, { kind: "field", name: "rootBindingContext", static: false, private: false, access: { has: obj => "rootBindingContext" in obj, get: obj => obj.rootBindingContext, set: (obj, value) => { obj.rootBindingContext = value; } }, metadata: _metadata }, _rootBindingContext_initializers, _rootBindingContext_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcTreeView = _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);
         }
         getDefaultFoundation() {
             return new MDCTreeViewFoundation();
         }
         constructor(root) {
             super(root);
-            __runInitializers(this, _rootBindingContext_extraInitializers);
+            tslib_1.__runInitializers(this, _rootBindingContext_extraInitializers);
             const templateId = root.getAttribute('data-template-id');
             if (templateId !== null) {
                 this.nodeTemplate = templateLookup[templateId];
@@ -68,13 +72,13 @@ let MdcTreeView = (() => {
         }
         nodeViewFactory;
         selectedNode;
-        nodeTemplate = __runInitializers(this, _nodeTemplate_initializers, void 0);
-        nodes = (__runInitializers(this, _nodeTemplate_extraInitializers), __runInitializers(this, _nodes_initializers, void 0));
+        nodeTemplate = tslib_1.__runInitializers(this, _nodeTemplate_initializers, void 0);
+        nodes = (tslib_1.__runInitializers(this, _nodeTemplate_extraInitializers), tslib_1.__runInitializers(this, _nodes_initializers, void 0));
         /**
          * Allows for filtering tree nodes
          */
-        filter = (__runInitializers(this, _nodes_extraInitializers), __runInitializers(this, _filter_initializers, () => true));
-        rootBindingContext = (__runInitializers(this, _filter_extraInitializers), __runInitializers(this, _rootBindingContext_initializers, void 0));
+        filter = (tslib_1.__runInitializers(this, _nodes_extraInitializers), tslib_1.__runInitializers(this, _filter_initializers, () => true));
+        rootBindingContext = (tslib_1.__runInitializers(this, _filter_extraInitializers), tslib_1.__runInitializers(this, _rootBindingContext_initializers, void 0));
         bind(bindingContext) {
             this.rootBindingContext = this.rootBindingContext ?? bindingContext;
         }
@@ -148,5 +152,5 @@ let MdcTreeView = (() => {
     };
     return MdcTreeView = _classThis;
 })();
-export { MdcTreeView };
+exports.MdcTreeView = MdcTreeView;
 //# sourceMappingURL=mdc-tree-view.js.map

package/dist/src/tree-view/mdc-tree-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-tree-view.js","sourceRoot":"","sources":["../../../src/tree-view/mdc-tree-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent } from '../base';\r\nimport { MDCFoundation } from '@material/base';\r\nimport { customElement, bindable, inject, ViewFactory, INode } from 'aurelia';\r\nimport { ITreeNode } from './i-tree-node';\r\nimport { processContent } from '@aurelia/runtime-html';\r\nimport template from './mdc-tree-view.html?raw';\r\n\r\nlet id = 0;\r\nconst templateLookup: Record<string, string> = {};\r\nconst getNextNodeTemplateId = () => ++id;\r\nconst NODE_SELECTED_EVENT = 'mdctree:node-selected';\r\n\r\nexport class MDCTreeViewFoundation extends MDCFoundation { }\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-tree-view', template })\r\n@processContent(function processContent(node: INode) {\r\n  const element = node as Element;\r\n  const treeNode = element.querySelector('mdc-tree-node');\r\n  if (treeNode) {\r\n    const nodeTemplateId = getNextNodeTemplateId();\r\n    element.setAttribute('data-template-id', nodeTemplateId.toString());\r\n    templateLookup[nodeTemplateId] = treeNode.innerHTML;\r\n  }\r\n  element.innerHTML = '';\r\n  return false;\r\n}\r\n)\r\nexport class MdcTreeView extends MdcComponent<MDCTreeViewFoundation> {\r\n  getDefaultFoundation(): MDCTreeViewFoundation {\r\n    return new MDCTreeViewFoundation();\r\n  }\r\n\r\n  constructor(root: HTMLElement) {\r\n    super(root);\r\n    const templateId = root.getAttribute('data-template-id');\r\n    if (templateId !== null) {\r\n      this.nodeTemplate = templateLookup[templateId];\r\n    }\r\n  }\r\n\r\n  nodeViewFactory: ViewFactory;\r\n  selectedNode?: ITreeNode;\r\n\r\n  @bindable()\r\n  nodeTemplate: string;\r\n\r\n  @bindable()\r\n  nodes: ITreeNode[];\r\n\r\n  /**\r\n   * Allows for filtering tree nodes\r\n   */\r\n  @bindable()\r\n  filter: (n: ITreeNode) => boolean = () => true;\r\n\r\n  @bindable()\r\n  rootBindingContext: Record<string, unknown>;\r\n\r\n  bind(bindingContext: Record<string, unknown>) {\r\n    this.rootBindingContext = this.rootBindingContext ?? bindingContext;\r\n  }\r\n\r\n  toggleExpanded(n: ITreeNode, e: Event): boolean {\r\n    n.expanded = !n.expanded;\r\n    e.stopPropagation();\r\n    return false;\r\n  }\r\n\r\n  nodeClicked(n?: ITreeNode) {\r\n    if (this.selectedNode) {\r\n      this.selectedNode.selected = false;\r\n    }\r\n    if (n) {\r\n      n.selected = true;\r\n    }\r\n    this.selectedNode = n;\r\n    this.root.dispatchEvent(new CustomEvent(NODE_SELECTED_EVENT,\r\n      { detail: { node: n }, bubbles: true })\r\n    );\r\n    return true;\r\n  }\r\n\r\n  childNodeSelected(n: ITreeNode) {\r\n    if (this.selectedNode && this.selectedNode !== n) {\r\n      this.selectedNode.selected = false;\r\n    }\r\n    this.selectedNode = n;\r\n  }\r\n\r\n  findPath<T extends ITreeNode>(nodes: T[], predicate: (node: T) => boolean): number[] {\r\n    const path: number[] = [];\r\n    for (let i = 0; i < nodes.length; ++i) {\r\n      if (predicate(nodes[i])) {\r\n        return [i];\r\n      }\r\n      if (!nodes[i].children) {\r\n        continue;\r\n      }\r\n      const childPath = this.findPath(nodes[i].children!, predicate);\r\n      if (childPath.length) {\r\n        return [i, ...childPath];\r\n      }\r\n    }\r\n    return path;\r\n  }\r\n\r\n  async expandPath(path: number[]) {\r\n    const filteredNodes = this.nodes.filter(x => this.filter(x));\r\n    if (path.length === 1) {\r\n      this.nodeClicked(filteredNodes[path[0]]);\r\n      this.root.querySelectorAll('.mdc-tree-view__node')[path[0]].scrollIntoView();\r\n    } else {\r\n      filteredNodes[path[0]].expanded = true;\r\n      // child tree views are hidden with 'if.bind'\r\n      // promises are created by a helper element `mdc-promisify-reference`\r\n      // this lets dependent code to wait till a view model reference is assigned\r\n      await this.initialised;\r\n      const childTreeView = await (filteredNodes[path[0]].childTreeViewPromise);\r\n      await childTreeView?.expandPath(path.slice(1));\r\n    }\r\n  }\r\n\r\n  async find<T extends ITreeNode>(predicate: (node: T) => boolean) {\r\n    // to avoid rendering the whole tree finding a node is a 2-step process\r\n    // firstly, find the path - nodes which need to be expanded to display the target node\r\n    const filteredNodes = this.nodes.filter(x => this.filter(x));\r\n    const path = this.findPath(filteredNodes, predicate);\r\n    if (path.length) {\r\n      // secondly, expand the path\r\n      await this.expandPath(path);\r\n    }\r\n  }\r\n\r\n  dispatchEvent(type: string, node: ITreeNode) {\r\n    this.root.dispatchEvent(new CustomEvent(type, { bubbles: true, detail: { node } }));\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcTreeElement extends HTMLElement {\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcTreeView;\r\n    };\r\n  };\r\n}\r\n"]}

package/dist/{tree-view → src/tree-view}/node-filter.js

@@ -1,7 +1,10 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { valueConverter } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NodeFilterValueConverter = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 let NodeFilterValueConverter = (() => {
-    let _classDecorators = [valueConverter('nodeFilter')];
+    let _classDecorators = [(0, aurelia_1.valueConverter)('nodeFilter')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -9,10 +12,10 @@ let NodeFilterValueConverter = (() => {
         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);
             NodeFilterValueConverter = _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);
         }
         toView(nodes, filter) {
             if (!filter) {
@@ -23,5 +26,5 @@ let NodeFilterValueConverter = (() => {
     };
     return NodeFilterValueConverter = _classThis;
 })();
-export { NodeFilterValueConverter };
+exports.NodeFilterValueConverter = NodeFilterValueConverter;
 //# sourceMappingURL=node-filter.js.map

package/dist/src/tree-view/node-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-filter.js","sourceRoot":"","sources":["../../../src/tree-view/node-filter.ts"],"names":[],"mappings":";;;;AAAA,qCAAyC;IAI5B,wBAAwB;4BADpC,IAAA,wBAAc,EAAC,YAAY,CAAC;;;;;;;;YAC7B,qLAOC;;;YAPY,+DAAwB;;QACnC,MAAM,CAAC,KAAkB,EAAE,MAAiC;YAC1D,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,OAAO,KAAK,CAAC;YACf,CAAC;YACD,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACvC,CAAC;;;;AANU,4DAAwB","sourcesContent":["import { valueConverter } from 'aurelia';\r\nimport { ITreeNode } from './i-tree-node';\r\n\r\n@valueConverter('nodeFilter')\r\nexport class NodeFilterValueConverter {\r\n  toView(nodes: ITreeNode[], filter: (n: ITreeNode) => boolean) {\r\n    if (!filter) {\r\n      return nodes;\r\n    }\r\n    return nodes?.filter(x => filter(x));\r\n  }\r\n}\r\n"]}