@aurelia-ui-toolkits/headless 1.0.0

package/dist/disclosure/ui-disclosure.html

@@ -0,0 +1,28 @@
+<template class="ui-disclosure" data-open.attr="open ? '' : null">
+  <div class="ui-disclosure__header"
+    role="button"
+    tabindex="0"
+    aria-expanded.attr="open ? 'true' : 'false'"
+    aria-controls.bind="panelId"
+    data-open.attr="open ? '' : null"
+    data-hover.attr="hover ? '' : null"
+    data-focus.attr="focus ? '' : null"
+    data-active.attr="active ? '' : null"
+    click.trigger="onClick($event)"
+    keydown.trigger="onKeyDown($event)"
+    keyup.trigger="onKeyUp($event)"
+    mouseenter.trigger="onMouseEnter()"
+    mouseleave.trigger="onMouseLeave()"
+    focusin.trigger="onFocusIn()"
+    focusout.trigger="onFocusOut()"
+    pointerdown.trigger="onPointerDown()"
+    pointerup.trigger="onPointerUp()"
+    pointerleave.trigger="onPointerLeave()">
+    <au-slot name="header"></au-slot>
+    <span class="ui-disclosure__chevron" aria-hidden="true">▾</span>
+  </div>
+
+  <div class="ui-disclosure__content" id.bind="panelId" data-open.attr="open ? '' : null" hidden.bind="!open">
+    <au-slot name="content"></au-slot>
+  </div>
+</template>

package/dist/disclosure/ui-disclosure.js

@@ -0,0 +1,75 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { bindable, customElement } from 'aurelia';
+import { booleanAttr } from '../base/boolean-attr';
+import { Keys } from '../base/keys';
+import template from './ui-disclosure.html?raw';
+let nextPanelId = 0;
+let UiDisclosure = (() => {
+    let _classDecorators = [customElement({ name: 'ui-disclosure', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _open_decorators;
+    let _open_initializers = [];
+    let _open_extraInitializers = [];
+    var UiDisclosure = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _open_decorators = [bindable({ set: booleanAttr })];
+            __esDecorate(null, null, _open_decorators, { kind: "field", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            UiDisclosure = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        open = __runInitializers(this, _open_initializers, false);
+        panelId = (__runInitializers(this, _open_extraInitializers), `ui-disclosure-panel-${++nextPanelId}`);
+        hover = false;
+        focus = false;
+        active = false;
+        onClick(event) {
+            event.preventDefault();
+            this.toggle();
+        }
+        onKeyDown(event) {
+            if (event.key === Keys.Space || event.key === Keys.Enter) {
+                event.preventDefault();
+                event.stopPropagation();
+                this.toggle();
+            }
+        }
+        onKeyUp(event) {
+            if (event.key === Keys.Space) {
+                event.preventDefault();
+            }
+        }
+        onMouseEnter() {
+            this.hover = true;
+        }
+        onMouseLeave() {
+            this.hover = false;
+        }
+        onFocusIn() {
+            this.focus = true;
+        }
+        onFocusOut() {
+            this.focus = false;
+        }
+        onPointerDown() {
+            this.active = true;
+        }
+        onPointerUp() {
+            this.active = false;
+        }
+        onPointerLeave() {
+            this.active = false;
+        }
+        toggle() {
+            this.open = !this.open;
+        }
+    };
+    return UiDisclosure = _classThis;
+})();
+export { UiDisclosure };
+//# sourceMappingURL=ui-disclosure.js.map

package/dist/disclosure/ui-disclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-disclosure.js","sourceRoot":"","sources":["../../src/disclosure/ui-disclosure.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAEhD,IAAI,WAAW,GAAG,CAAC,CAAC;IAGP,YAAY;4BADxB,aAAa,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;gCAEhD,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YAC/B,8JAAA,IAAI,6BAAJ,IAAI,mFAAkB;YAFxB,6KA2DC;;;YA3DY,uDAAY;;QAEvB,IAAI,+CAAY,KAAK,EAAC;QAEtB,OAAO,sDAAW,uBAAuB,EAAE,WAAW,EAAE,EAAC;QACzD,KAAK,GAAY,KAAK,CAAC;QACvB,KAAK,GAAY,KAAK,CAAC;QACvB,MAAM,GAAY,KAAK,CAAC;QAExB,OAAO,CAAC,KAAiB;YACvB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;QAED,SAAS,CAAC,KAAoB;YAC5B,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;gBACzD,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,CAAC;QACH,CAAC;QAED,OAAO,CAAC,KAAoB;YAC1B,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;gBAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,CAAC;QACH,CAAC;QAED,YAAY;YACV,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,CAAC;QAED,YAAY;YACV,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACrB,CAAC;QAED,SAAS;YACP,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,CAAC;QAED,UAAU;YACR,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACrB,CAAC;QAED,aAAa;YACX,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACrB,CAAC;QAED,WAAW;YACT,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACtB,CAAC;QAED,cAAc;YACZ,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACtB,CAAC;QAEO,MAAM;YACZ,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QACzB,CAAC;;;;SA1DU,YAAY","sourcesContent":["import { bindable, customElement } from 'aurelia';\r\nimport { booleanAttr } from '../base/boolean-attr';\r\nimport { Keys } from '../base/keys';\r\nimport template from './ui-disclosure.html?raw';\r\n\r\nlet nextPanelId = 0;\r\n\r\n@customElement({ name: 'ui-disclosure', template })\r\nexport class UiDisclosure {\r\n  @bindable({ set: booleanAttr })\r\n  open: boolean = false;\r\n  \r\n  panelId: string = `ui-disclosure-panel-${++nextPanelId}`;\r\n  hover: boolean = false;\r\n  focus: boolean = false;\r\n  active: boolean = false;\r\n\r\n  onClick(event: MouseEvent): void {\r\n    event.preventDefault();\r\n    this.toggle();\r\n  }\r\n\r\n  onKeyDown(event: KeyboardEvent): void {\r\n    if (event.key === Keys.Space || event.key === Keys.Enter) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      this.toggle();\r\n    }\r\n  }\r\n\r\n  onKeyUp(event: KeyboardEvent): void {\r\n    if (event.key === Keys.Space) {\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  onMouseEnter(): void {\r\n    this.hover = true;\r\n  }\r\n\r\n  onMouseLeave(): void {\r\n    this.hover = false;\r\n  }\r\n\r\n  onFocusIn(): void {\r\n    this.focus = true;\r\n  }\r\n\r\n  onFocusOut(): void {\r\n    this.focus = false;\r\n  }\r\n\r\n  onPointerDown(): void {\r\n    this.active = true;\r\n  }\r\n\r\n  onPointerUp(): void {\r\n    this.active = false;\r\n  }\r\n\r\n  onPointerLeave(): void {\r\n    this.active = false;\r\n  }\r\n\r\n  private toggle(): void {\r\n    this.open = !this.open;\r\n  }\r\n}\r\n"]}

package/dist/drawer/ui-drawer.html

@@ -0,0 +1,35 @@
+<template class="ui-drawer" data-open.attr="open ? '' : null">
+  <aside if.bind="persistent"
+    class="ui-drawer__panel"
+    ref="panelElement"
+    role="dialog"
+    tabindex="-1"
+    aria-label.attr="label || null"
+    aria-labelledby.attr="labelledBy || null"
+    aria-describedby.attr="describedBy || null"
+    aria-hidden.attr="open ? null : 'true'"
+    data-side.attr="side"
+    data-open.attr="open ? '' : null"
+    data-persistent>
+    <au-slot></au-slot>
+  </aside>
+
+  <div else portal="target.bind: portalTarget; position.bind: portalPosition">
+    <div class="ui-drawer__backdrop"
+      if.bind="modal"
+      data-open.attr="open ? '' : null"></div>
+    <aside class="ui-drawer__panel"
+      ref="panelElement"
+      role="dialog"
+      tabindex="-1"
+      aria-modal.attr="modal ? 'true' : null"
+      aria-label.attr="label || null"
+      aria-labelledby.attr="labelledBy || null"
+      aria-describedby.attr="describedBy || null"
+      aria-hidden.attr="open ? null : 'true'"
+      data-side.attr="side"
+      data-open.attr="open ? '' : null">
+      <au-slot></au-slot>
+    </aside>
+  </div>
+</template>

package/dist/drawer/ui-drawer.js

@@ -0,0 +1,246 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { bindable, BindingMode, customElement, INode, resolve } from 'aurelia';
+import { booleanAttr } from '../base/boolean-attr';
+import { Keys } from '../base/keys';
+import template from './ui-drawer.html?raw';
+let UiDrawer = (() => {
+    let _classDecorators = [customElement({ name: 'ui-drawer', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _open_decorators;
+    let _open_initializers = [];
+    let _open_extraInitializers = [];
+    let _side_decorators;
+    let _side_initializers = [];
+    let _side_extraInitializers = [];
+    let _persistent_decorators;
+    let _persistent_initializers = [];
+    let _persistent_extraInitializers = [];
+    let _modal_decorators;
+    let _modal_initializers = [];
+    let _modal_extraInitializers = [];
+    let _closeOnOutside_decorators;
+    let _closeOnOutside_initializers = [];
+    let _closeOnOutside_extraInitializers = [];
+    let _closeOnEscape_decorators;
+    let _closeOnEscape_initializers = [];
+    let _closeOnEscape_extraInitializers = [];
+    let _focusOnOpen_decorators;
+    let _focusOnOpen_initializers = [];
+    let _focusOnOpen_extraInitializers = [];
+    let _restoreFocus_decorators;
+    let _restoreFocus_initializers = [];
+    let _restoreFocus_extraInitializers = [];
+    let _trigger_decorators;
+    let _trigger_initializers = [];
+    let _trigger_extraInitializers = [];
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    let _labelledBy_decorators;
+    let _labelledBy_initializers = [];
+    let _labelledBy_extraInitializers = [];
+    let _describedBy_decorators;
+    let _describedBy_initializers = [];
+    let _describedBy_extraInitializers = [];
+    let _portalTarget_decorators;
+    let _portalTarget_initializers = [];
+    let _portalTarget_extraInitializers = [];
+    let _portalPosition_decorators;
+    let _portalPosition_initializers = [];
+    let _portalPosition_extraInitializers = [];
+    var UiDrawer = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _open_decorators = [bindable({ mode: BindingMode.twoWay, set: booleanAttr })];
+            _side_decorators = [bindable];
+            _persistent_decorators = [bindable({ set: booleanAttr })];
+            _modal_decorators = [bindable({ set: booleanAttr })];
+            _closeOnOutside_decorators = [bindable({ set: booleanAttr })];
+            _closeOnEscape_decorators = [bindable({ set: booleanAttr })];
+            _focusOnOpen_decorators = [bindable({ set: booleanAttr })];
+            _restoreFocus_decorators = [bindable({ set: booleanAttr })];
+            _trigger_decorators = [bindable];
+            _label_decorators = [bindable];
+            _labelledBy_decorators = [bindable];
+            _describedBy_decorators = [bindable];
+            _portalTarget_decorators = [bindable];
+            _portalPosition_decorators = [bindable];
+            __esDecorate(null, null, _open_decorators, { kind: "field", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
+            __esDecorate(null, null, _side_decorators, { kind: "field", name: "side", static: false, private: false, access: { has: obj => "side" in obj, get: obj => obj.side, set: (obj, value) => { obj.side = value; } }, metadata: _metadata }, _side_initializers, _side_extraInitializers);
+            __esDecorate(null, null, _persistent_decorators, { kind: "field", name: "persistent", static: false, private: false, access: { has: obj => "persistent" in obj, get: obj => obj.persistent, set: (obj, value) => { obj.persistent = value; } }, metadata: _metadata }, _persistent_initializers, _persistent_extraInitializers);
+            __esDecorate(null, null, _modal_decorators, { kind: "field", name: "modal", static: false, private: false, access: { has: obj => "modal" in obj, get: obj => obj.modal, set: (obj, value) => { obj.modal = value; } }, metadata: _metadata }, _modal_initializers, _modal_extraInitializers);
+            __esDecorate(null, null, _closeOnOutside_decorators, { kind: "field", name: "closeOnOutside", static: false, private: false, access: { has: obj => "closeOnOutside" in obj, get: obj => obj.closeOnOutside, set: (obj, value) => { obj.closeOnOutside = value; } }, metadata: _metadata }, _closeOnOutside_initializers, _closeOnOutside_extraInitializers);
+            __esDecorate(null, null, _closeOnEscape_decorators, { kind: "field", name: "closeOnEscape", static: false, private: false, access: { has: obj => "closeOnEscape" in obj, get: obj => obj.closeOnEscape, set: (obj, value) => { obj.closeOnEscape = value; } }, metadata: _metadata }, _closeOnEscape_initializers, _closeOnEscape_extraInitializers);
+            __esDecorate(null, null, _focusOnOpen_decorators, { kind: "field", name: "focusOnOpen", static: false, private: false, access: { has: obj => "focusOnOpen" in obj, get: obj => obj.focusOnOpen, set: (obj, value) => { obj.focusOnOpen = value; } }, metadata: _metadata }, _focusOnOpen_initializers, _focusOnOpen_extraInitializers);
+            __esDecorate(null, null, _restoreFocus_decorators, { kind: "field", name: "restoreFocus", static: false, private: false, access: { has: obj => "restoreFocus" in obj, get: obj => obj.restoreFocus, set: (obj, value) => { obj.restoreFocus = value; } }, metadata: _metadata }, _restoreFocus_initializers, _restoreFocus_extraInitializers);
+            __esDecorate(null, null, _trigger_decorators, { kind: "field", name: "trigger", static: false, private: false, access: { has: obj => "trigger" in obj, get: obj => obj.trigger, set: (obj, value) => { obj.trigger = value; } }, metadata: _metadata }, _trigger_initializers, _trigger_extraInitializers);
+            __esDecorate(null, null, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
+            __esDecorate(null, null, _labelledBy_decorators, { kind: "field", name: "labelledBy", static: false, private: false, access: { has: obj => "labelledBy" in obj, get: obj => obj.labelledBy, set: (obj, value) => { obj.labelledBy = value; } }, metadata: _metadata }, _labelledBy_initializers, _labelledBy_extraInitializers);
+            __esDecorate(null, null, _describedBy_decorators, { kind: "field", name: "describedBy", static: false, private: false, access: { has: obj => "describedBy" in obj, get: obj => obj.describedBy, set: (obj, value) => { obj.describedBy = value; } }, metadata: _metadata }, _describedBy_initializers, _describedBy_extraInitializers);
+            __esDecorate(null, null, _portalTarget_decorators, { kind: "field", name: "portalTarget", static: false, private: false, access: { has: obj => "portalTarget" in obj, get: obj => obj.portalTarget, set: (obj, value) => { obj.portalTarget = value; } }, metadata: _metadata }, _portalTarget_initializers, _portalTarget_extraInitializers);
+            __esDecorate(null, null, _portalPosition_decorators, { kind: "field", name: "portalPosition", static: false, private: false, access: { has: obj => "portalPosition" in obj, get: obj => obj.portalPosition, set: (obj, value) => { obj.portalPosition = value; } }, metadata: _metadata }, _portalPosition_initializers, _portalPosition_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            UiDrawer = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        host = resolve(INode);
+        open = __runInitializers(this, _open_initializers, false);
+        openChanged(newValue) {
+            if (newValue) {
+                this.startOpenState();
+                return;
+            }
+            this.stopOpenState();
+        }
+        side = (__runInitializers(this, _open_extraInitializers), __runInitializers(this, _side_initializers, 'right'));
+        persistent = (__runInitializers(this, _side_extraInitializers), __runInitializers(this, _persistent_initializers, false));
+        modal = (__runInitializers(this, _persistent_extraInitializers), __runInitializers(this, _modal_initializers, true));
+        closeOnOutside = (__runInitializers(this, _modal_extraInitializers), __runInitializers(this, _closeOnOutside_initializers, true));
+        closeOnEscape = (__runInitializers(this, _closeOnOutside_extraInitializers), __runInitializers(this, _closeOnEscape_initializers, true));
+        focusOnOpen = (__runInitializers(this, _closeOnEscape_extraInitializers), __runInitializers(this, _focusOnOpen_initializers, true));
+        restoreFocus = (__runInitializers(this, _focusOnOpen_extraInitializers), __runInitializers(this, _restoreFocus_initializers, true));
+        trigger = (__runInitializers(this, _restoreFocus_extraInitializers), __runInitializers(this, _trigger_initializers, void 0));
+        label = (__runInitializers(this, _trigger_extraInitializers), __runInitializers(this, _label_initializers, void 0));
+        labelledBy = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _labelledBy_initializers, void 0));
+        describedBy = (__runInitializers(this, _labelledBy_extraInitializers), __runInitializers(this, _describedBy_initializers, void 0));
+        portalTarget = (__runInitializers(this, _describedBy_extraInitializers), __runInitializers(this, _portalTarget_initializers, void 0));
+        portalPosition = (__runInitializers(this, _portalTarget_extraInitializers), __runInitializers(this, _portalPosition_initializers, 'beforeend'));
+        panelElement = __runInitializers(this, _portalPosition_extraInitializers);
+        listening = false;
+        previousFocus;
+        attaching() {
+            if (this.open) {
+                this.startOpenState();
+            }
+        }
+        detaching() {
+            this.stopOpenState(false);
+        }
+        handleEvent(event) {
+            if (!this.open) {
+                return;
+            }
+            if (event.type === 'keydown') {
+                this.onWindowKeyDown(event);
+                return;
+            }
+            if (event.type === 'pointerdown') {
+                this.onWindowPointerDown(event);
+            }
+        }
+        startOpenState() {
+            if (this.persistent) {
+                return;
+            }
+            this.previousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : undefined;
+            this.setListeners(true);
+            if (this.focusOnOpen) {
+                queueMicrotask(() => this.focusPanel());
+            }
+        }
+        stopOpenState(restore = true) {
+            this.setListeners(false);
+            if (!this.persistent && restore && this.restoreFocus) {
+                this.restorePreviousFocus();
+            }
+        }
+        onWindowPointerDown(event) {
+            if (!this.closeOnOutside) {
+                return;
+            }
+            const target = event.target;
+            if (!target || this.panelElement?.contains(target) || this.trigger?.contains(target) || this.isPortalledPopup(target)) {
+                return;
+            }
+            this.requestClose();
+        }
+        onWindowKeyDown(event) {
+            if (this.closeOnEscape && event.key === Keys.Escape) {
+                event.preventDefault();
+                this.requestClose();
+                return;
+            }
+            if (this.modal && event.key === Keys.Tab) {
+                this.trapFocus(event);
+            }
+        }
+        requestClose() {
+            this.open = false;
+            this.host.dispatchEvent(new CustomEvent('drawer-close', { bubbles: true }));
+        }
+        setListeners(listen) {
+            if (listen === this.listening) {
+                return;
+            }
+            this.listening = listen;
+            if (listen) {
+                window.addEventListener('pointerdown', this, true);
+                window.addEventListener('keydown', this, true);
+                return;
+            }
+            window.removeEventListener('pointerdown', this, true);
+            window.removeEventListener('keydown', this, true);
+        }
+        isPortalledPopup(target) {
+            return target instanceof HTMLElement && !!target.closest('.ui-popup__panel');
+        }
+        focusPanel() {
+            const focusTarget = this.getFocusableElements()[0];
+            (focusTarget ?? this.panelElement)?.focus();
+        }
+        restorePreviousFocus() {
+            const target = this.trigger ?? this.previousFocus;
+            if (target && document.contains(target)) {
+                target.focus();
+            }
+            this.previousFocus = undefined;
+        }
+        trapFocus(event) {
+            const focusable = this.getFocusableElements();
+            if (!focusable.length) {
+                event.preventDefault();
+                this.panelElement?.focus();
+                return;
+            }
+            const first = focusable[0];
+            const last = focusable[focusable.length - 1];
+            if (event.shiftKey && document.activeElement === first) {
+                event.preventDefault();
+                last.focus();
+                return;
+            }
+            if (!event.shiftKey && document.activeElement === last) {
+                event.preventDefault();
+                first.focus();
+            }
+        }
+        getFocusableElements() {
+            const selector = [
+                'a[href]',
+                'button',
+                'input:not([type="hidden"])',
+                'select',
+                'textarea',
+                'iframe',
+                '[tabindex]',
+                '[contenteditable="true"]'
+            ].join(',');
+            return Array.from(this.panelElement?.querySelectorAll(selector) ?? [])
+                .filter((element) => this.isFocusable(element));
+        }
+        isFocusable(element) {
+            if (element.tabIndex < 0 || element.hasAttribute('disabled') || element.getAttribute('aria-hidden') === 'true') {
+                return false;
+            }
+            const style = window.getComputedStyle(element);
+            return style.display !== 'none' && style.visibility !== 'hidden';
+        }
+    };
+    return UiDrawer = _classThis;
+})();
+export { UiDrawer };
+//# sourceMappingURL=ui-drawer.js.map

package/dist/drawer/ui-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-drawer.js","sourceRoot":"","sources":["../../src/drawer/ui-drawer.ts"],"names":[],"mappings":"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","sourcesContent":["import { bindable, BindingMode, customElement, INode, resolve } from 'aurelia';\nimport { booleanAttr } from '../base/boolean-attr';\nimport { Keys } from '../base/keys';\nimport template from './ui-drawer.html?raw';\n\ntype DrawerSide = 'left' | 'right' | 'top' | 'bottom';\n\n@customElement({ name: 'ui-drawer', template })\nexport class UiDrawer implements EventListenerObject {\n  private readonly host = resolve(INode) as HTMLElement;\n\n  @bindable({ mode: BindingMode.twoWay, set: booleanAttr })\n  open: boolean = false;\n  openChanged(newValue: boolean): void {\n    if (newValue) {\n      this.startOpenState();\n      return;\n    }\n\n    this.stopOpenState();\n  }\n\n  @bindable\n  side: DrawerSide = 'right';\n\n  @bindable({ set: booleanAttr })\n  persistent: boolean = false;\n\n  @bindable({ set: booleanAttr })\n  modal: boolean = true;\n\n  @bindable({ set: booleanAttr })\n  closeOnOutside: boolean = true;\n\n  @bindable({ set: booleanAttr })\n  closeOnEscape: boolean = true;\n\n  @bindable({ set: booleanAttr })\n  focusOnOpen: boolean = true;\n\n  @bindable({ set: booleanAttr })\n  restoreFocus: boolean = true;\n\n  @bindable\n  trigger: HTMLElement | undefined;\n\n  @bindable\n  label: string | undefined;\n\n  @bindable\n  labelledBy: string | undefined;\n\n  @bindable\n  describedBy: string | undefined;\n\n  @bindable\n  portalTarget: string | Element | null | undefined;\n\n  @bindable\n  portalPosition: InsertPosition = 'beforeend';\n\n  panelElement: HTMLElement | undefined;\n  private listening = false;\n  private previousFocus: HTMLElement | undefined;\n\n  attaching(): void {\n    if (this.open) {\n      this.startOpenState();\n    }\n  }\n\n  detaching(): void {\n    this.stopOpenState(false);\n  }\n\n  handleEvent(event: Event): void {\n    if (!this.open) {\n      return;\n    }\n\n    if (event.type === 'keydown') {\n      this.onWindowKeyDown(event as KeyboardEvent);\n      return;\n    }\n\n    if (event.type === 'pointerdown') {\n      this.onWindowPointerDown(event as PointerEvent);\n    }\n  }\n\n  private startOpenState(): void {\n    if (this.persistent) {\n      return;\n    }\n\n    this.previousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : undefined;\n    this.setListeners(true);\n    if (this.focusOnOpen) {\n      queueMicrotask(() => this.focusPanel());\n    }\n  }\n\n  private stopOpenState(restore = true): void {\n    this.setListeners(false);\n    if (!this.persistent && restore && this.restoreFocus) {\n      this.restorePreviousFocus();\n    }\n  }\n\n  private onWindowPointerDown(event: PointerEvent): void {\n    if (!this.closeOnOutside) {\n      return;\n    }\n\n    const target = event.target as Node | null;\n    if (!target || this.panelElement?.contains(target) || this.trigger?.contains(target) || this.isPortalledPopup(target)) {\n      return;\n    }\n\n    this.requestClose();\n  }\n\n  private onWindowKeyDown(event: KeyboardEvent): void {\n    if (this.closeOnEscape && event.key === Keys.Escape) {\n      event.preventDefault();\n      this.requestClose();\n      return;\n    }\n\n    if (this.modal && event.key === Keys.Tab) {\n      this.trapFocus(event);\n    }\n  }\n\n  private requestClose(): void {\n    this.open = false;\n    this.host.dispatchEvent(new CustomEvent('drawer-close', { bubbles: true }));\n  }\n\n  private setListeners(listen: boolean): void {\n    if (listen === this.listening) {\n      return;\n    }\n\n    this.listening = listen;\n    if (listen) {\n      window.addEventListener('pointerdown', this, true);\n      window.addEventListener('keydown', this, true);\n      return;\n    }\n\n    window.removeEventListener('pointerdown', this, true);\n    window.removeEventListener('keydown', this, true);\n  }\n\n  private isPortalledPopup(target: Node): boolean {\n    return target instanceof HTMLElement && !!target.closest('.ui-popup__panel');\n  }\n\n  private focusPanel(): void {\n    const focusTarget = this.getFocusableElements()[0];\n    (focusTarget ?? this.panelElement)?.focus();\n  }\n\n  private restorePreviousFocus(): void {\n    const target = this.trigger ?? this.previousFocus;\n    if (target && document.contains(target)) {\n      target.focus();\n    }\n    this.previousFocus = undefined;\n  }\n\n  private trapFocus(event: KeyboardEvent): void {\n    const focusable = this.getFocusableElements();\n    if (!focusable.length) {\n      event.preventDefault();\n      this.panelElement?.focus();\n      return;\n    }\n\n    const first = focusable[0];\n    const last = focusable[focusable.length - 1];\n    if (event.shiftKey && document.activeElement === first) {\n      event.preventDefault();\n      last.focus();\n      return;\n    }\n\n    if (!event.shiftKey && document.activeElement === last) {\n      event.preventDefault();\n      first.focus();\n    }\n  }\n\n  private getFocusableElements(): HTMLElement[] {\n    const selector = [\n      'a[href]',\n      'button',\n      'input:not([type=\"hidden\"])',\n      'select',\n      'textarea',\n      'iframe',\n      '[tabindex]',\n      '[contenteditable=\"true\"]'\n    ].join(',');\n\n    return Array.from(this.panelElement?.querySelectorAll<HTMLElement>(selector) ?? [])\n      .filter((element) => this.isFocusable(element));\n  }\n\n  private isFocusable(element: HTMLElement): boolean {\n    if (element.tabIndex < 0 || element.hasAttribute('disabled') || element.getAttribute('aria-hidden') === 'true') {\n      return false;\n    }\n\n    const style = window.getComputedStyle(element);\n    return style.display !== 'none' && style.visibility !== 'hidden';\n  }\n}\n"]}

package/dist/index.js

@@ -0,0 +1,135 @@
+import { DialogConfigurationStandard } from '@aurelia/dialog';
+import { AppTask, IAttrMapper, IContainer, NodeObserverLocator, Registration } from 'aurelia';
+import { AlertConfiguration } from './alert-service/alert-configuration';
+import { AlertModal } from './alert-service/alert-modal/alert-modal';
+import { AlertService } from './alert-service/alert-service';
+import { ExceptionsTracker } from './alert-service/exceptions-tracker';
+import { PromptDialog } from './alert-service/prompt-dialog/prompt-dialog';
+import { UiAlert } from './alert/ui-alert';
+import { UiBadge } from './badge/ui-badge';
+import { UiBreadcrumbs } from './breadcrumbs/ui-breadcrumbs';
+import { UiButton } from './button/ui-button';
+import { UiIconButton } from './button/ui-icon-button';
+import { UiCheckbox } from './checkbox/ui-checkbox';
+import { UiChip } from './chip/ui-chip';
+import { UiCombobox } from './combobox/ui-combobox';
+import { UiDisclosure } from './disclosure/ui-disclosure';
+import { UiDrawer } from './drawer/ui-drawer';
+import { UiInput } from './input/ui-input';
+import { UiMenu } from './menu/ui-menu';
+import { UiList } from './list/ui-list';
+import { UiListItem } from './list/ui-list-item';
+import { UiPopup } from './popup/ui-popup';
+import { UiProgress } from './progress/ui-progress';
+import { UiRadio } from './radio/ui-radio';
+import { UiRadioGroup } from './radio/ui-radio-group';
+import { UiSegment } from './segmented-control/ui-segment';
+import { UiSegmentedControl } from './segmented-control/ui-segmented-control';
+import { UiSelect } from './select/ui-select';
+import { UiSlider } from './slider/ui-slider';
+import { UiSplitter } from './splitter/ui-splitter';
+import { UiSwitch } from './switch/ui-switch';
+import { UiTab } from './tabs/ui-tab';
+import { UiTabs } from './tabs/ui-tabs';
+import { UiTable } from './table/ui-table';
+import { UiTableColumn } from './table/ui-table-column';
+import { UiToastRegion } from './toast/ui-toast-region';
+import { UiToastService } from './toast/ui-toast-service';
+import { UiTooltip } from './tooltip/ui-tooltip';
+import { UiTooltipService } from './tooltip/ui-tooltip-service';
+import { UiTopAppBar } from './top-app-bar/ui-top-app-bar';
+import { UiTree } from './tree/ui-tree';
+import { EnhanceUiButton } from './button/enhance-ui-button';
+import { EnhanceUiCombobox } from './combobox/enhance-ui-combobox';
+import { EnhanceUiInput } from './input/enhance-ui-input';
+import { EnhanceUiSelect } from './select/enhance-ui-select';
+import { EnhanceUiTable } from './table/enhance-ui-table';
+import { UiValidationControllerFactory } from './validation/ui-validation-controller-factory';
+export { UiButton };
+export { AlertConfiguration };
+export { AlertModal };
+export { AlertService };
+export { UiAlert };
+export { UiBadge };
+export { UiBreadcrumbs };
+export { UiIconButton };
+export { UiCheckbox };
+export { UiChip };
+export { UiCombobox };
+export { UiDisclosure };
+export { UiDrawer };
+export { UiInput };
+export { UiMenu };
+export { UiValidationControllerFactory };
+export { UiList };
+export { UiListItem };
+export { UiPopup };
+export { UiProgress };
+export { UiRadio };
+export { UiRadioGroup };
+export { UiSegment };
+export { UiSegmentedControl };
+export { UiSelect };
+export { UiSlider };
+export { UiSplitter };
+export { UiSwitch };
+export { UiTab };
+export { UiTabs };
+export { UiTable };
+export { UiTableColumn };
+export { UiToastRegion };
+export { UiToastService };
+export { UiTooltip };
+export { UiTooltipService };
+export { UiTopAppBar };
+export { UiTree };
+export { ExceptionsTracker };
+export { PromptDialog };
+export { confirmAction } from './alert-service/decorators/confirm-action';
+export { usingProgress } from './alert-service/decorators/using-progress';
+let registered = false; //
+export const AureliaHeadlessConfiguration = {
+    register(container) {
+        if (registered) {
+            return container;
+        }
+        registered = true;
+        AppTask.creating(IContainer, c => {
+            const attrMapper = c.get(IAttrMapper);
+            const nodeObserverLocator = c.get(NodeObserverLocator);
+            // attrMapper.useTwoWay((el, property) => el.tagName === 'MDC-CHECKBOX' ? property === 'checked' : false);
+            // nodeObserverLocator.useConfig('MDC-CHECKBOX', 'checked', { events: ['change'], type: CheckedObserver });
+            // attrMapper.useTwoWay((el, property) => el.tagName === 'MDC-CHIP' ? property === 'checked' : false);
+            // nodeObserverLocator.useConfig('MDC-CHIP', 'checked', { events: ['change'], type: CheckedObserver });
+            // attrMapper.useTwoWay((el, property) => el.tagName === 'MDC-RADIO' ? property === 'checked' : false);
+            // nodeObserverLocator.useConfig('MDC-RADIO', 'checked', { events: ['change'], type: CheckedObserver });
+            // attrMapper.useTwoWay((el, property) => el.hasAttribute('mdc-segmented-button-segment-element') ? property === 'checked' : false);
+            // nodeObserverLocator.useConfig('MDC-SEGMENTED-BUTTON-SEGMENT', 'checked', { events: [segmentedButtonEvents.SELECTED, 'unselected'], type: CheckedObserver });
+            // attrMapper.useTwoWay((el, property) => el.tagName === 'MDC-SELECT' ? property === 'value' : false);
+            // nodeObserverLocator.useConfig('MDC-SELECT', 'value', { events: [strings.CHANGE_EVENT], type: MdcSelectValueObserver });
+            // attrMapper.useTwoWay((el, property) => el.tagName === 'MDC-SLIDER' ? property === 'value' || property === 'valuestart' : false);
+            // nodeObserverLocator.useConfig({
+            //   'MDC-SLIDER': {
+            //     value: { events: [sliderEvents.CHANGE, sliderEvents.INPUT] },
+            //     valuestart: { events: [sliderEvents.CHANGE, sliderEvents.INPUT] }
+            //   }
+            // });
+            // attrMapper.useTwoWay((el, property) => el.hasAttribute('mdc-switch-element') ? property === 'selected' : false);
+            // nodeObserverLocator.useConfig('MDC-SWITCH', 'selected', { events: ['change'] });
+            attrMapper.useTwoWay((el, property) => el.hasAttribute('ui-input-element') ? property === 'value' : false);
+            nodeObserverLocator.useConfig('UI-INPUT', 'value', { events: ['input', 'change'] });
+            attrMapper.useTwoWay((el, property) => el.hasAttribute('ui-select-element') ? property === 'value' : false);
+            nodeObserverLocator.useConfig('UI-SELECT', 'value', { events: ['input', 'change'] });
+            attrMapper.useTwoWay((el, property) => el.hasAttribute('ui-combobox-element') ? property === 'value' : false);
+            nodeObserverLocator.useConfig('UI-COMBOBOX', 'value', { events: ['input', 'change'] });
+            attrMapper.useTwoWay((el, property) => el.tagName === 'UI-RADIO-GROUP' ? property === 'value' : false);
+            nodeObserverLocator.useConfig('UI-RADIO-GROUP', 'value', { events: ['input', 'change'] });
+            attrMapper.useTwoWay((el, property) => el.tagName === 'UI-SLIDER' ? property === 'value' : false);
+            nodeObserverLocator.useConfig('UI-SLIDER', 'value', { events: ['input', 'change'] });
+            attrMapper.useTwoWay((el, property) => el.tagName === 'UI-SWITCH' ? property === 'checked' : false);
+            nodeObserverLocator.useConfig('UI-SWITCH', 'checked', { events: ['input', 'change'] });
+        }).register(container);
+        return container.register(DialogConfigurationStandard, AlertModal, PromptDialog, Registration.singleton(AlertConfiguration, AlertConfiguration), Registration.singleton(AlertService, AlertService), Registration.singleton(ExceptionsTracker, ExceptionsTracker), UiAlert, UiBadge, UiBreadcrumbs, UiButton, UiIconButton, EnhanceUiButton, UiCheckbox, UiChip, UiCombobox, EnhanceUiCombobox, UiDisclosure, UiDrawer, UiInput, EnhanceUiInput, UiList, UiListItem, UiMenu, UiPopup, UiProgress, UiRadio, UiRadioGroup, UiSegment, UiSegmentedControl, UiSelect, EnhanceUiSelect, UiSlider, UiSplitter, UiSwitch, UiTab, UiTabs, UiTable, UiTableColumn, EnhanceUiTable, UiToastRegion, Registration.singleton(UiToastService, UiToastService), UiTooltip, Registration.singleton(UiTooltipService, UiTooltipService), UiTopAppBar, UiTree);
+    }
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { DialogConfigurationStandard } from '@aurelia/dialog';\nimport { AppTask, IAttrMapper, IContainer, NodeObserverLocator, Registration } from 'aurelia';\nimport { AlertConfiguration } from './alert-service/alert-configuration';\nimport { AlertModal } from './alert-service/alert-modal/alert-modal';\nimport { AlertService } from './alert-service/alert-service';\nimport { ExceptionsTracker } from './alert-service/exceptions-tracker';\nimport { PromptDialog } from './alert-service/prompt-dialog/prompt-dialog';\nimport { UiAlert } from './alert/ui-alert';\nimport { UiBadge } from './badge/ui-badge';\nimport { UiBreadcrumbs } from './breadcrumbs/ui-breadcrumbs';\nimport { UiButton } from './button/ui-button';\nimport { UiIconButton } from './button/ui-icon-button';\nimport { UiCheckbox } from './checkbox/ui-checkbox';\nimport { UiChip } from './chip/ui-chip';\nimport { UiCombobox } from './combobox/ui-combobox';\nimport { UiDisclosure } from './disclosure/ui-disclosure';\nimport { UiDrawer } from './drawer/ui-drawer';\nimport { IError, UiInput } from './input/ui-input';\nimport { UiMenu } from './menu/ui-menu';\nimport { UiList } from './list/ui-list';\nimport { UiListItem } from './list/ui-list-item';\r\nimport { UiPopup } from './popup/ui-popup';\nimport { UiProgress } from './progress/ui-progress';\nimport { UiRadio } from './radio/ui-radio';\nimport { UiRadioGroup } from './radio/ui-radio-group';\nimport { UiSegment } from './segmented-control/ui-segment';\nimport { UiSegmentedControl } from './segmented-control/ui-segmented-control';\nimport { UiSelect } from './select/ui-select';\nimport { UiSlider } from './slider/ui-slider';\nimport { UiSplitter } from './splitter/ui-splitter';\nimport { UiSwitch } from './switch/ui-switch';\nimport { UiTab } from './tabs/ui-tab';\nimport { UiTabs } from './tabs/ui-tabs';\nimport { UiTable } from './table/ui-table';\nimport { UiTableColumn } from './table/ui-table-column';\nimport { UiToastRegion } from './toast/ui-toast-region';\nimport { UiToastService } from './toast/ui-toast-service';\nimport { UiTooltip } from './tooltip/ui-tooltip';\nimport { UiTooltipService } from './tooltip/ui-tooltip-service';\nimport { UiTopAppBar } from './top-app-bar/ui-top-app-bar';\nimport { UiTree } from './tree/ui-tree';\nimport { EnhanceUiButton } from './button/enhance-ui-button';\nimport { EnhanceUiCombobox } from './combobox/enhance-ui-combobox';\nimport { EnhanceUiInput } from './input/enhance-ui-input';\nimport { EnhanceUiSelect } from './select/enhance-ui-select';\nimport { EnhanceUiTable } from './table/enhance-ui-table';\nimport { UiValidationControllerFactory } from './validation/ui-validation-controller-factory';\n\r\nexport { UiButton };\nexport { AlertConfiguration };\nexport { AlertModal };\nexport { AlertService };\nexport { UiAlert };\nexport { UiBadge };\nexport { UiBreadcrumbs };\nexport { UiIconButton };\nexport { UiCheckbox };\nexport { UiChip };\nexport { UiCombobox };\nexport { UiDisclosure };\nexport { UiDrawer };\nexport { UiInput };\nexport { UiMenu };\nexport { UiValidationControllerFactory };\nexport type { IError };\r\nexport { UiList };\r\nexport { UiListItem };\r\nexport { UiPopup };\nexport { UiProgress };\nexport { UiRadio };\nexport { UiRadioGroup };\nexport { UiSegment };\nexport { UiSegmentedControl };\nexport { UiSelect };\nexport { UiSlider };\nexport { UiSplitter };\nexport { UiSwitch };\nexport { UiTab };\nexport { UiTabs };\nexport { UiTable };\nexport { UiTableColumn };\nexport { UiToastRegion };\nexport { UiToastService };\nexport { UiTooltip };\nexport { UiTooltipService };\nexport { UiTopAppBar };\nexport { UiTree };\nexport { ExceptionsTracker };\nexport { PromptDialog };\nexport { confirmAction } from './alert-service/decorators/confirm-action';\nexport { usingProgress } from './alert-service/decorators/using-progress';\nexport type { IWithAlertService } from './alert-service/decorators/using-progress';\nexport type { IAlertModalPayload } from './alert-service/alert-modal/i-alert-modal-payload';\nexport type { IPromptDialogData } from './alert-service/prompt-dialog/prompt-dialog';\nexport type { UiBreadcrumbItem } from './breadcrumbs/ui-breadcrumbs';\n\r\nlet registered = false; //\r\n\r\nexport const AureliaHeadlessConfiguration = {\r\n  register(container: IContainer): IContainer {\r\n    if (registered) {\r\n      return container;\r\n    }\r\n    registered = true;\r\n    AppTask.creating(IContainer, c => {\r\n      const attrMapper = c.get(IAttrMapper);\r\n      const nodeObserverLocator = c.get(NodeObserverLocator);\r\n\r\n      // attrMapper.useTwoWay((el, property) => el.tagName === 'MDC-CHECKBOX' ? property === 'checked' : false);\r\n      // nodeObserverLocator.useConfig('MDC-CHECKBOX', 'checked', { events: ['change'], type: CheckedObserver });\r\n\r\n      // attrMapper.useTwoWay((el, property) => el.tagName === 'MDC-CHIP' ? property === 'checked' : false);\r\n      // nodeObserverLocator.useConfig('MDC-CHIP', 'checked', { events: ['change'], type: CheckedObserver });\r\n\r\n      // attrMapper.useTwoWay((el, property) => el.tagName === 'MDC-RADIO' ? property === 'checked' : false);\r\n      // nodeObserverLocator.useConfig('MDC-RADIO', 'checked', { events: ['change'], type: CheckedObserver });\r\n\r\n      // attrMapper.useTwoWay((el, property) => el.hasAttribute('mdc-segmented-button-segment-element') ? property === 'checked' : false);\r\n      // nodeObserverLocator.useConfig('MDC-SEGMENTED-BUTTON-SEGMENT', 'checked', { events: [segmentedButtonEvents.SELECTED, 'unselected'], type: CheckedObserver });\r\n\r\n      // attrMapper.useTwoWay((el, property) => el.tagName === 'MDC-SELECT' ? property === 'value' : false);\r\n      // nodeObserverLocator.useConfig('MDC-SELECT', 'value', { events: [strings.CHANGE_EVENT], type: MdcSelectValueObserver });\r\n\r\n      // attrMapper.useTwoWay((el, property) => el.tagName === 'MDC-SLIDER' ? property === 'value' || property === 'valuestart' : false);\r\n      // nodeObserverLocator.useConfig({\r\n      //   'MDC-SLIDER': {\r\n      //     value: { events: [sliderEvents.CHANGE, sliderEvents.INPUT] },\r\n      //     valuestart: { events: [sliderEvents.CHANGE, sliderEvents.INPUT] }\r\n      //   }\r\n      // });\r\n\r\n      // attrMapper.useTwoWay((el, property) => el.hasAttribute('mdc-switch-element') ? property === 'selected' : false);\r\n      // nodeObserverLocator.useConfig('MDC-SWITCH', 'selected', { events: ['change'] });\r\n\r\n      attrMapper.useTwoWay((el, property) => el.hasAttribute('ui-input-element') ? property === 'value' : false);\n      nodeObserverLocator.useConfig('UI-INPUT', 'value', { events: ['input', 'change'] });\n      attrMapper.useTwoWay((el, property) => el.hasAttribute('ui-select-element') ? property === 'value' : false);\n      nodeObserverLocator.useConfig('UI-SELECT', 'value', { events: ['input', 'change'] });\n      attrMapper.useTwoWay((el, property) => el.hasAttribute('ui-combobox-element') ? property === 'value' : false);\n      nodeObserverLocator.useConfig('UI-COMBOBOX', 'value', { events: ['input', 'change'] });\n      attrMapper.useTwoWay((el, property) => el.tagName === 'UI-RADIO-GROUP' ? property === 'value' : false);\n      nodeObserverLocator.useConfig('UI-RADIO-GROUP', 'value', { events: ['input', 'change'] });\n      attrMapper.useTwoWay((el, property) => el.tagName === 'UI-SLIDER' ? property === 'value' : false);\n      nodeObserverLocator.useConfig('UI-SLIDER', 'value', { events: ['input', 'change'] });\n      attrMapper.useTwoWay((el, property) => el.tagName === 'UI-SWITCH' ? property === 'checked' : false);\n      nodeObserverLocator.useConfig('UI-SWITCH', 'checked', { events: ['input', 'change'] });\n\n    }).register(container);\n\n    return container.register(DialogConfigurationStandard, AlertModal, PromptDialog, Registration.singleton(AlertConfiguration, AlertConfiguration), Registration.singleton(AlertService, AlertService), Registration.singleton(ExceptionsTracker, ExceptionsTracker), UiAlert, UiBadge, UiBreadcrumbs, UiButton, UiIconButton, EnhanceUiButton, UiCheckbox, UiChip, UiCombobox, EnhanceUiCombobox, UiDisclosure, UiDrawer, UiInput, EnhanceUiInput, UiList, UiListItem, UiMenu, UiPopup, UiProgress, UiRadio, UiRadioGroup, UiSegment, UiSegmentedControl, UiSelect, EnhanceUiSelect, UiSlider, UiSplitter, UiSwitch, UiTab, UiTabs, UiTable, UiTableColumn, EnhanceUiTable, UiToastRegion, Registration.singleton(UiToastService, UiToastService), UiTooltip, Registration.singleton(UiTooltipService, UiTooltipService), UiTopAppBar, UiTree);\n  }\n};\n"]}

package/dist/input/enhance-ui-input.js

@@ -0,0 +1,26 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { templateCompilerHooks } from 'aurelia';
+let EnhanceUiInput = (() => {
+    let _classDecorators = [templateCompilerHooks];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var EnhanceUiInput = 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);
+            EnhanceUiInput = _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('<ui-input ', '<label as-element="ui-input" ui-input-element ')
+                .replaceAll('</ui-input>', '</label>');
+        }
+    };
+    return EnhanceUiInput = _classThis;
+})();
+export { EnhanceUiInput };
+//# sourceMappingURL=enhance-ui-input.js.map

package/dist/input/enhance-ui-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enhance-ui-input.js","sourceRoot":"","sources":["../../src/input/enhance-ui-input.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,cAAc;4BAD1B,qBAAqB;;;;;;;;YACtB,6KAMC;;;YANY,uDAAc;;QACzB,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS;iBACpC,UAAU,CAAC,YAAY,EAAE,gDAAgD,CAAC;iBAC1E,UAAU,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;QAC3C,CAAC;;;;SALU,cAAc","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\n\n@templateCompilerHooks\nexport class EnhanceUiInput {\n  compiling(template: HTMLElement | HTMLTemplateElement) {\n    template.innerHTML = template.innerHTML\n      .replaceAll('<ui-input ', '<label as-element=\"ui-input\" ui-input-element ')\n      .replaceAll('</ui-input>', '</label>');\n  }\n}\n"]}