@aurelia-ui-toolkits/headless 1.0.0

package/dist/popup/ui-popup.js

@@ -0,0 +1,397 @@
+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-popup.html?raw';
+let UiPopup = (() => {
+    let _classDecorators = [customElement({ name: 'ui-popup', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _open_decorators;
+    let _open_initializers = [];
+    let _open_extraInitializers = [];
+    let _closeOnOutside_decorators;
+    let _closeOnOutside_initializers = [];
+    let _closeOnOutside_extraInitializers = [];
+    let _closeOnEscape_decorators;
+    let _closeOnEscape_initializers = [];
+    let _closeOnEscape_extraInitializers = [];
+    let _matchAnchorWidth_decorators;
+    let _matchAnchorWidth_initializers = [];
+    let _matchAnchorWidth_extraInitializers = [];
+    let _focusOnOpen_decorators;
+    let _focusOnOpen_initializers = [];
+    let _focusOnOpen_extraInitializers = [];
+    let _restoreFocus_decorators;
+    let _restoreFocus_initializers = [];
+    let _restoreFocus_extraInitializers = [];
+    let _anchor_decorators;
+    let _anchor_initializers = [];
+    let _anchor_extraInitializers = [];
+    let _tabReference_decorators;
+    let _tabReference_initializers = [];
+    let _tabReference_extraInitializers = [];
+    let _placement_decorators;
+    let _placement_initializers = [];
+    let _placement_extraInitializers = [];
+    let _offset_decorators;
+    let _offset_initializers = [];
+    let _offset_extraInitializers = [];
+    let _portalTarget_decorators;
+    let _portalTarget_initializers = [];
+    let _portalTarget_extraInitializers = [];
+    let _portalPosition_decorators;
+    let _portalPosition_initializers = [];
+    let _portalPosition_extraInitializers = [];
+    let _exposedHost_decorators;
+    let _exposedHost_initializers = [];
+    let _exposedHost_extraInitializers = [];
+    let _panelRole_decorators;
+    let _panelRole_initializers = [];
+    let _panelRole_extraInitializers = [];
+    let _panelId_decorators;
+    let _panelId_initializers = [];
+    let _panelId_extraInitializers = [];
+    var UiPopup = 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 })];
+            _closeOnOutside_decorators = [bindable({ set: booleanAttr })];
+            _closeOnEscape_decorators = [bindable({ set: booleanAttr })];
+            _matchAnchorWidth_decorators = [bindable({ set: booleanAttr })];
+            _focusOnOpen_decorators = [bindable({ set: booleanAttr })];
+            _restoreFocus_decorators = [bindable({ set: booleanAttr })];
+            _anchor_decorators = [bindable];
+            _tabReference_decorators = [bindable];
+            _placement_decorators = [bindable];
+            _offset_decorators = [bindable];
+            _portalTarget_decorators = [bindable];
+            _portalPosition_decorators = [bindable];
+            _exposedHost_decorators = [bindable];
+            _panelRole_decorators = [bindable];
+            _panelId_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, _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, _matchAnchorWidth_decorators, { kind: "field", name: "matchAnchorWidth", static: false, private: false, access: { has: obj => "matchAnchorWidth" in obj, get: obj => obj.matchAnchorWidth, set: (obj, value) => { obj.matchAnchorWidth = value; } }, metadata: _metadata }, _matchAnchorWidth_initializers, _matchAnchorWidth_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, _anchor_decorators, { kind: "field", name: "anchor", static: false, private: false, access: { has: obj => "anchor" in obj, get: obj => obj.anchor, set: (obj, value) => { obj.anchor = value; } }, metadata: _metadata }, _anchor_initializers, _anchor_extraInitializers);
+            __esDecorate(null, null, _tabReference_decorators, { kind: "field", name: "tabReference", static: false, private: false, access: { has: obj => "tabReference" in obj, get: obj => obj.tabReference, set: (obj, value) => { obj.tabReference = value; } }, metadata: _metadata }, _tabReference_initializers, _tabReference_extraInitializers);
+            __esDecorate(null, null, _placement_decorators, { kind: "field", name: "placement", static: false, private: false, access: { has: obj => "placement" in obj, get: obj => obj.placement, set: (obj, value) => { obj.placement = value; } }, metadata: _metadata }, _placement_initializers, _placement_extraInitializers);
+            __esDecorate(null, null, _offset_decorators, { kind: "field", name: "offset", static: false, private: false, access: { has: obj => "offset" in obj, get: obj => obj.offset, set: (obj, value) => { obj.offset = value; } }, metadata: _metadata }, _offset_initializers, _offset_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, null, _exposedHost_decorators, { kind: "field", name: "exposedHost", static: false, private: false, access: { has: obj => "exposedHost" in obj, get: obj => obj.exposedHost, set: (obj, value) => { obj.exposedHost = value; } }, metadata: _metadata }, _exposedHost_initializers, _exposedHost_extraInitializers);
+            __esDecorate(null, null, _panelRole_decorators, { kind: "field", name: "panelRole", static: false, private: false, access: { has: obj => "panelRole" in obj, get: obj => obj.panelRole, set: (obj, value) => { obj.panelRole = value; } }, metadata: _metadata }, _panelRole_initializers, _panelRole_extraInitializers);
+            __esDecorate(null, null, _panelId_decorators, { kind: "field", name: "panelId", static: false, private: false, access: { has: obj => "panelId" in obj, get: obj => obj.panelId, set: (obj, value) => { obj.panelId = value; } }, metadata: _metadata }, _panelId_initializers, _panelId_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            UiPopup = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        element = resolve(INode);
+        slotHost = this;
+        hiddenPanelStyle = 'position: fixed; top: -10000px; left: -10000px; visibility: hidden;';
+        open = __runInitializers(this, _open_initializers, false);
+        openChanged(newValue) {
+            if (newValue) {
+                this.panelStyle = this.hiddenPanelStyle;
+                this.startOpenState();
+                return;
+            }
+            this.stopOpenState();
+        }
+        closeOnOutside = (__runInitializers(this, _open_extraInitializers), __runInitializers(this, _closeOnOutside_initializers, true));
+        closeOnEscape = (__runInitializers(this, _closeOnOutside_extraInitializers), __runInitializers(this, _closeOnEscape_initializers, true));
+        matchAnchorWidth = (__runInitializers(this, _closeOnEscape_extraInitializers), __runInitializers(this, _matchAnchorWidth_initializers, false));
+        matchAnchorWidthChanged() {
+            this.queuePositionUpdate();
+        }
+        focusOnOpen = (__runInitializers(this, _matchAnchorWidth_extraInitializers), __runInitializers(this, _focusOnOpen_initializers, true));
+        restoreFocus = (__runInitializers(this, _focusOnOpen_extraInitializers), __runInitializers(this, _restoreFocus_initializers, true));
+        anchor = (__runInitializers(this, _restoreFocus_extraInitializers), __runInitializers(this, _anchor_initializers, void 0));
+        anchorChanged(newValue, oldValue) {
+            oldValue?.removeEventListener('pointerdown', this.onAnchorPointerDownCapture, true);
+            newValue?.addEventListener('pointerdown', this.onAnchorPointerDownCapture, true);
+            this.queuePositionUpdate();
+        }
+        tabReference = (__runInitializers(this, _anchor_extraInitializers), __runInitializers(this, _tabReference_initializers, void 0));
+        placement = (__runInitializers(this, _tabReference_extraInitializers), __runInitializers(this, _placement_initializers, 'bottom-start'));
+        placementChanged() {
+            this.queuePositionUpdate();
+        }
+        offset = (__runInitializers(this, _placement_extraInitializers), __runInitializers(this, _offset_initializers, 8));
+        offsetChanged() {
+            this.queuePositionUpdate();
+        }
+        portalTarget = (__runInitializers(this, _offset_extraInitializers), __runInitializers(this, _portalTarget_initializers, void 0));
+        portalPosition = (__runInitializers(this, _portalTarget_extraInitializers), __runInitializers(this, _portalPosition_initializers, 'beforeend'));
+        exposedHost = (__runInitializers(this, _portalPosition_extraInitializers), __runInitializers(this, _exposedHost_initializers, void 0));
+        panelRole = (__runInitializers(this, _exposedHost_extraInitializers), __runInitializers(this, _panelRole_initializers, 'dialog'));
+        panelId = (__runInitializers(this, _panelRole_extraInitializers), __runInitializers(this, _panelId_initializers, void 0));
+        panelStyle = (__runInitializers(this, _panelId_extraInitializers), this.hiddenPanelStyle);
+        panelElement;
+        get effectiveSlotHost() {
+            return this.exposedHost ?? this.slotHost;
+        }
+        attaching() {
+            this.anchor?.addEventListener('pointerdown', this.onAnchorPointerDownCapture, true);
+            if (this.open) {
+                this.startOpenState();
+            }
+        }
+        detaching() {
+            this.anchor?.removeEventListener('pointerdown', this.onAnchorPointerDownCapture, true);
+            this.stopOpenState();
+        }
+        listening = false;
+        anchorRectSnapshot;
+        previousFocus;
+        resizeObserver;
+        observedPanelHeight;
+        observedPanelScrollHeight;
+        mutationObserver;
+        currentPlaceTop;
+        preservePlacementUpdate = false;
+        onAnchorPointerDownCapture = () => {
+            if (!this.anchor) {
+                return;
+            }
+            this.anchorRectSnapshot = this.anchor.getBoundingClientRect();
+        };
+        onWindowPointerDown = (event) => {
+            if (!this.open || !this.closeOnOutside) {
+                return;
+            }
+            const target = event.target;
+            if (!target) {
+                return;
+            }
+            if (this.panelElement?.contains(target) || this.anchor?.contains(target)) {
+                return;
+            }
+            this.requestClose();
+        };
+        onWindowKeyDown = (event) => {
+            if (!this.open) {
+                return;
+            }
+            if (event.key === Keys.Tab && this.panelElement?.contains(event.target)) {
+                this.focusNextFromTabReference(event.shiftKey);
+                event.preventDefault();
+                return;
+            }
+            if (!this.closeOnEscape || event.key !== Keys.Escape) {
+                return;
+            }
+            event.preventDefault();
+            this.requestClose();
+        };
+        onWindowLayoutChange = () => {
+            this.queuePositionUpdate();
+        };
+        startOpenState() {
+            this.previousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : undefined;
+            this.setListeners(true);
+            this.observePanelSize();
+            if (this.focusOnOpen) {
+                this.focusPanel();
+            }
+        }
+        stopOpenState() {
+            this.setListeners(false);
+            this.resizeObserver?.disconnect();
+            this.resizeObserver = undefined;
+            this.mutationObserver?.disconnect();
+            this.mutationObserver = undefined;
+            this.observedPanelHeight = undefined;
+            this.observedPanelScrollHeight = undefined;
+            this.currentPlaceTop = undefined;
+            this.preservePlacementUpdate = false;
+            this.anchorRectSnapshot = undefined;
+            this.panelStyle = this.hiddenPanelStyle;
+            if (this.restoreFocus) {
+                this.restorePreviousFocus();
+            }
+        }
+        requestClose() {
+            this.open = false;
+        }
+        onListSelect(event) {
+            event.stopPropagation();
+            this.element.dispatchEvent(new CustomEvent('list-select', {
+                bubbles: true,
+                detail: event.detail
+            }));
+        }
+        focus() {
+            this.focusPanel();
+        }
+        contains(target) {
+            return !!this.panelElement?.contains(target);
+        }
+        focusPanel() {
+            const focusTarget = this.panelElement?.querySelector('[tabindex]');
+            (focusTarget ?? this.panelElement)?.focus();
+        }
+        restorePreviousFocus() {
+            if (!this.previousFocus || !document.contains(this.previousFocus)) {
+                this.previousFocus = undefined;
+                return;
+            }
+            this.previousFocus.focus();
+            this.previousFocus = undefined;
+        }
+        focusNextFromTabReference(reverse) {
+            const reference = this.tabReference ?? this.anchor;
+            if (!(reference instanceof HTMLElement)) {
+                this.requestClose();
+                return;
+            }
+            const focusable = this.getFocusableElements();
+            const index = focusable.indexOf(reference);
+            if (index < 0) {
+                this.requestClose();
+                return;
+            }
+            const target = focusable[index + (reverse ? -1 : 1)];
+            this.element.dispatchEvent(new CustomEvent('popup-tab-away', {
+                bubbles: true,
+                detail: { reverse }
+            }));
+            this.requestClose();
+            target?.focus();
+        }
+        getFocusableElements() {
+            const selector = [
+                'a[href]',
+                'button',
+                'input:not([type="hidden"])',
+                'select',
+                'textarea',
+                'iframe',
+                '[tabindex]',
+                '[contenteditable="true"]'
+            ].join(',');
+            return Array.from(document.querySelectorAll(selector))
+                .filter((element) => this.isFocusable(element));
+        }
+        isFocusable(element) {
+            if (this.panelElement?.contains(element)) {
+                return false;
+            }
+            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';
+        }
+        setListeners(listen) {
+            if (listen === this.listening) {
+                return;
+            }
+            this.listening = listen;
+            if (listen) {
+                window.addEventListener('pointerdown', this.onWindowPointerDown, true);
+                window.addEventListener('keydown', this.onWindowKeyDown, true);
+                window.addEventListener('resize', this.onWindowLayoutChange);
+                window.addEventListener('scroll', this.onWindowLayoutChange, true);
+                return;
+            }
+            window.removeEventListener('pointerdown', this.onWindowPointerDown, true);
+            window.removeEventListener('keydown', this.onWindowKeyDown, true);
+            window.removeEventListener('resize', this.onWindowLayoutChange);
+            window.removeEventListener('scroll', this.onWindowLayoutChange, true);
+        }
+        observePanelSize() {
+            this.resizeObserver?.disconnect();
+            this.resizeObserver = undefined;
+            this.mutationObserver?.disconnect();
+            this.mutationObserver = undefined;
+            this.observedPanelHeight = undefined;
+            this.observedPanelScrollHeight = undefined;
+            if (!this.open || !this.panelElement) {
+                return;
+            }
+            this.resizeObserver = new ResizeObserver(([entry]) => {
+                const height = entry.contentRect.height;
+                if (this.observedPanelHeight === undefined) {
+                    this.observedPanelHeight = height;
+                    if (height > 0) {
+                        this.queuePositionUpdate();
+                    }
+                    return;
+                }
+                const preservePlacement = height <= this.observedPanelHeight;
+                this.observedPanelHeight = height;
+                this.queuePositionUpdate(preservePlacement);
+            });
+            this.resizeObserver.observe(this.panelElement);
+            this.mutationObserver = new MutationObserver(() => this.handlePanelContentChange());
+            this.mutationObserver.observe(this.panelElement, { childList: true, subtree: true, characterData: true });
+        }
+        handlePanelContentChange() {
+            if (!this.open || !this.panelElement) {
+                return;
+            }
+            const scrollHeight = this.panelElement.scrollHeight;
+            if (this.observedPanelScrollHeight === undefined) {
+                this.observedPanelScrollHeight = scrollHeight;
+                return;
+            }
+            const preservePlacement = scrollHeight <= this.observedPanelScrollHeight;
+            this.observedPanelScrollHeight = scrollHeight;
+            this.queuePositionUpdate(preservePlacement);
+        }
+        queuePositionUpdate(preservePlacement = false) {
+            if (!this.open) {
+                return;
+            }
+            this.preservePlacementUpdate = this.preservePlacementUpdate || preservePlacement;
+            const shouldPreservePlacement = this.preservePlacementUpdate;
+            this.preservePlacementUpdate = false;
+            this.updatePosition(shouldPreservePlacement);
+        }
+        updatePosition(preservePlacement = false) {
+            if (!this.open || !this.panelElement) {
+                return;
+            }
+            if (!this.anchor) {
+                this.panelStyle = this.hiddenPanelStyle;
+                return;
+            }
+            const anchorRect = this.anchorRectSnapshot || this.anchor.getBoundingClientRect();
+            this.anchorRectSnapshot = undefined;
+            const panelRect = this.panelElement.getBoundingClientRect();
+            this.observedPanelHeight = panelRect.height;
+            this.observedPanelScrollHeight = this.panelElement.scrollHeight;
+            const viewportPadding = 8;
+            const alignEnd = this.placement.endsWith('end');
+            const preferTop = this.placement.startsWith('top');
+            const fallbackBottom = anchorRect.bottom + this.offset;
+            const availableTop = Math.max(0, anchorRect.top - this.offset - viewportPadding);
+            const availableBottom = Math.max(0, window.innerHeight - fallbackBottom - viewportPadding);
+            const nextPlaceTop = preferTop
+                ? panelRect.height <= availableTop || availableTop >= availableBottom
+                : panelRect.height > availableBottom && availableTop > availableBottom;
+            const placeTop = preservePlacement && this.currentPlaceTop !== undefined ? this.currentPlaceTop : nextPlaceTop;
+            this.currentPlaceTop = placeTop;
+            const availableHeight = placeTop ? availableTop : availableBottom;
+            const panelHeight = Math.min(panelRect.height, availableHeight);
+            let top = placeTop ? anchorRect.top - this.offset - panelHeight : fallbackBottom;
+            top = Math.max(viewportPadding, Math.min(top, window.innerHeight - panelHeight - viewportPadding));
+            let left = alignEnd ? anchorRect.right - panelRect.width : anchorRect.left;
+            left = Math.max(viewportPadding, Math.min(left, window.innerWidth - panelRect.width - viewportPadding));
+            const maxWidth = `max-width: calc(100vw - ${viewportPadding * 2}px);`;
+            const maxHeight = `max-height: ${availableHeight}px; --ui-popup-available-height: ${availableHeight}px;`;
+            const minWidth = this.matchAnchorWidth ? `min-width: min(${anchorRect.width}px, calc(100vw - ${viewportPadding * 2}px));` : '';
+            this.panelStyle = `position: fixed; top: ${top}px; left: ${left}px; ${maxWidth} ${maxHeight} ${minWidth}`;
+        }
+    };
+    return UiPopup = _classThis;
+})();
+export { UiPopup };
+//# sourceMappingURL=ui-popup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-popup.js","sourceRoot":"","sources":["../../src/popup/ui-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import { bindable, BindingMode, customElement, INode, resolve } from 'aurelia';\nimport { booleanAttr } from '../base/boolean-attr';\r\nimport { Keys } from '../base/keys';\r\nimport template from './ui-popup.html?raw';\r\n\r\ntype PopupPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';\r\n\r\n@customElement({ name: 'ui-popup', template })\r\nexport class UiPopup {\n  readonly element = resolve(INode) as HTMLElement;\n  readonly slotHost = this;\n  private readonly hiddenPanelStyle = 'position: fixed; top: -10000px; left: -10000px; visibility: hidden;';\n\r\n  @bindable({ mode: BindingMode.twoWay, set: booleanAttr })\r\n  open: boolean = false;\r\n  openChanged(newValue: boolean): void {\r\n    if (newValue) {\r\n      this.panelStyle = this.hiddenPanelStyle;\r\n      this.startOpenState();\r\n      return;\r\n    }\r\n\r\n    this.stopOpenState();\r\n  }\r\n\r\n  @bindable({ set: booleanAttr })\r\n  closeOnOutside: boolean = true;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  closeOnEscape: boolean = true;\r\n\r\n  @bindable({ set: booleanAttr })\n  matchAnchorWidth: boolean = false;\n  matchAnchorWidthChanged(): void {\n    this.queuePositionUpdate();\n  }\n\n  @bindable({ set: booleanAttr })\n  focusOnOpen: boolean = true;\n\n  @bindable({ set: booleanAttr })\n  restoreFocus: boolean = true;\n\r\n  @bindable\n  anchor: Element | undefined;\n  anchorChanged(newValue: Element | undefined, oldValue: Element | undefined): void {\n    oldValue?.removeEventListener('pointerdown', this.onAnchorPointerDownCapture, true);\n    newValue?.addEventListener('pointerdown', this.onAnchorPointerDownCapture, true);\n    this.queuePositionUpdate();\n  }\n\n  @bindable\n  tabReference: HTMLElement | undefined;\n\r\n  @bindable\r\n  placement: PopupPlacement = 'bottom-start';\r\n  placementChanged(): void {\r\n    this.queuePositionUpdate();\r\n  }\r\n\r\n  @bindable\r\n  offset: number = 8;\r\n  offsetChanged(): void {\r\n    this.queuePositionUpdate();\r\n  }\r\n\r\n  @bindable\r\n  portalTarget: string | Element | null | undefined;\r\n\r\n  @bindable\n  portalPosition: InsertPosition = 'beforeend';\n\n  @bindable\n  exposedHost: unknown;\n\n  @bindable\n  panelRole: string = 'dialog';\n\n  @bindable\n  panelId: string | undefined;\n\n  panelStyle = this.hiddenPanelStyle;\n  panelElement: HTMLElement | undefined;\n\n  get effectiveSlotHost(): unknown {\n    return this.exposedHost ?? this.slotHost;\n  }\n\n  attaching(): void {\n    this.anchor?.addEventListener('pointerdown', this.onAnchorPointerDownCapture, true);\n    if (this.open) {\n      this.startOpenState();\n    }\n  }\n\n  detaching(): void {\n    this.anchor?.removeEventListener('pointerdown', this.onAnchorPointerDownCapture, true);\n    this.stopOpenState();\n  }\n\n  private listening = false;\n  private anchorRectSnapshot: DOMRect | undefined;\n  private previousFocus: HTMLElement | undefined;\n  private resizeObserver: ResizeObserver | undefined;\n  private observedPanelHeight: number | undefined;\n  private observedPanelScrollHeight: number | undefined;\n  private mutationObserver: MutationObserver | undefined;\n  private currentPlaceTop: boolean | undefined;\n  private preservePlacementUpdate = false;\n\n  private readonly onAnchorPointerDownCapture = (): void => {\n    if (!this.anchor) {\n      return;\n    }\n\n    this.anchorRectSnapshot = this.anchor.getBoundingClientRect();\n  };\n\r\n  private readonly onWindowPointerDown = (event: PointerEvent): void => {\r\n    if (!this.open || !this.closeOnOutside) {\r\n      return;\r\n    }\r\n\r\n    const target = event.target as Node | null;\r\n    if (!target) {\r\n      return;\r\n    }\r\n\r\n    if (this.panelElement?.contains(target) || this.anchor?.contains(target)) {\r\n      return;\r\n    }\r\n\r\n    this.requestClose();\r\n  };\r\n\r\n  private readonly onWindowKeyDown = (event: KeyboardEvent): void => {\n    if (!this.open) {\n      return;\n    }\n\n    if (event.key === Keys.Tab && this.panelElement?.contains(event.target as Node | null)) {\n      this.focusNextFromTabReference(event.shiftKey);\n      event.preventDefault();\n      return;\n    }\n\n    if (!this.closeOnEscape || event.key !== Keys.Escape) {\n      return;\n    }\n\n    event.preventDefault();\n    this.requestClose();\n  };\n\r\n  private readonly onWindowLayoutChange = (): void => {\r\n    this.queuePositionUpdate();\r\n  };\r\n\r\n  private startOpenState(): void {\n    this.previousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : undefined;\n    this.setListeners(true);\n    this.observePanelSize();\n    if (this.focusOnOpen) {\n      this.focusPanel();\n    }\n  }\n\n  private stopOpenState(): void {\n    this.setListeners(false);\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = undefined;\n    this.mutationObserver?.disconnect();\n    this.mutationObserver = undefined;\n    this.observedPanelHeight = undefined;\n    this.observedPanelScrollHeight = undefined;\n    this.currentPlaceTop = undefined;\n    this.preservePlacementUpdate = false;\n    this.anchorRectSnapshot = undefined;\n    this.panelStyle = this.hiddenPanelStyle;\n    if (this.restoreFocus) {\n      this.restorePreviousFocus();\n    }\n  }\n\r\n  private requestClose(): void {\n    this.open = false;\n  }\n\n  onListSelect(event: Event): void {\n    event.stopPropagation();\n    this.element.dispatchEvent(new CustomEvent('list-select', {\n      bubbles: true,\n      detail: (event as CustomEvent).detail\n    }));\n  }\n\n  focus(): void {\n    this.focusPanel();\n  }\n\n  contains(target: Node): boolean {\n    return !!this.panelElement?.contains(target);\n  }\n\n  private focusPanel(): void {\n    const focusTarget = this.panelElement?.querySelector('[tabindex]') as HTMLElement | null;\n    (focusTarget ?? this.panelElement)?.focus();\n  }\n\n  private restorePreviousFocus(): void {\n    if (!this.previousFocus || !document.contains(this.previousFocus)) {\n      this.previousFocus = undefined;\n      return;\n    }\n\n    this.previousFocus.focus();\n    this.previousFocus = undefined;\n  }\n\n  private focusNextFromTabReference(reverse: boolean): void {\n    const reference = this.tabReference ?? this.anchor;\n    if (!(reference instanceof HTMLElement)) {\n      this.requestClose();\n      return;\n    }\n\n    const focusable = this.getFocusableElements();\n    const index = focusable.indexOf(reference);\n    if (index < 0) {\n      this.requestClose();\n      return;\n    }\n\n    const target = focusable[index + (reverse ? -1 : 1)];\n\n    this.element.dispatchEvent(new CustomEvent('popup-tab-away', {\n      bubbles: true,\n      detail: { reverse }\n    }));\n    this.requestClose();\n    target?.focus();\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(document.querySelectorAll<HTMLElement>(selector))\n      .filter((element) => this.isFocusable(element));\n  }\n\n  private isFocusable(element: HTMLElement): boolean {\n    if (this.panelElement?.contains(element)) {\n      return false;\n    }\n\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  private setListeners(listen: boolean): void {\n    if (listen === this.listening) {\r\n      return;\r\n    }\r\n\r\n    this.listening = listen;\r\n    if (listen) {\r\n      window.addEventListener('pointerdown', this.onWindowPointerDown, true);\r\n      window.addEventListener('keydown', this.onWindowKeyDown, true);\r\n      window.addEventListener('resize', this.onWindowLayoutChange);\r\n      window.addEventListener('scroll', this.onWindowLayoutChange, true);\r\n      return;\r\n    }\r\n\r\n    window.removeEventListener('pointerdown', this.onWindowPointerDown, true);\r\n    window.removeEventListener('keydown', this.onWindowKeyDown, true);\r\n    window.removeEventListener('resize', this.onWindowLayoutChange);\r\n    window.removeEventListener('scroll', this.onWindowLayoutChange, true);\n  }\n\n  private observePanelSize(): void {\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = undefined;\n    this.mutationObserver?.disconnect();\n    this.mutationObserver = undefined;\n    this.observedPanelHeight = undefined;\n    this.observedPanelScrollHeight = undefined;\n\n    if (!this.open || !this.panelElement) {\n      return;\n    }\n\n    this.resizeObserver = new ResizeObserver(([entry]) => {\n      const height = entry.contentRect.height;\n      if (this.observedPanelHeight === undefined) {\n        this.observedPanelHeight = height;\n        if (height > 0) {\n          this.queuePositionUpdate();\n        }\n        return;\n      }\n\n      const preservePlacement = height <= this.observedPanelHeight;\n      this.observedPanelHeight = height;\n      this.queuePositionUpdate(preservePlacement);\n    });\n    this.resizeObserver.observe(this.panelElement);\n    this.mutationObserver = new MutationObserver(() => this.handlePanelContentChange());\n    this.mutationObserver.observe(this.panelElement, { childList: true, subtree: true, characterData: true });\n  }\n\n  private handlePanelContentChange(): void {\n    if (!this.open || !this.panelElement) {\n      return;\n    }\n\n    const scrollHeight = this.panelElement.scrollHeight;\n    if (this.observedPanelScrollHeight === undefined) {\n      this.observedPanelScrollHeight = scrollHeight;\n      return;\n    }\n\n    const preservePlacement = scrollHeight <= this.observedPanelScrollHeight;\n    this.observedPanelScrollHeight = scrollHeight;\n    this.queuePositionUpdate(preservePlacement);\n  }\n\n  private queuePositionUpdate(preservePlacement = false): void {\n    if (!this.open) {\n      return;\n    }\n\n    this.preservePlacementUpdate = this.preservePlacementUpdate || preservePlacement;\n    const shouldPreservePlacement = this.preservePlacementUpdate;\n    this.preservePlacementUpdate = false;\n    this.updatePosition(shouldPreservePlacement);\n  }\n\n  private updatePosition(preservePlacement = false): void {\n    if (!this.open || !this.panelElement) {\n      return;\n    }\r\n\r\n    if (!this.anchor) {\r\n      this.panelStyle = this.hiddenPanelStyle;\r\n      return;\r\n    }\r\n\r\n    const anchorRect = this.anchorRectSnapshot || this.anchor.getBoundingClientRect();\n    this.anchorRectSnapshot = undefined;\n    const panelRect = this.panelElement.getBoundingClientRect();\n    this.observedPanelHeight = panelRect.height;\n    this.observedPanelScrollHeight = this.panelElement.scrollHeight;\n    const viewportPadding = 8;\n    const alignEnd = this.placement.endsWith('end');\n    const preferTop = this.placement.startsWith('top');\n    const fallbackBottom = anchorRect.bottom + this.offset;\n    const availableTop = Math.max(0, anchorRect.top - this.offset - viewportPadding);\n    const availableBottom = Math.max(0, window.innerHeight - fallbackBottom - viewportPadding);\n    const nextPlaceTop = preferTop\n      ? panelRect.height <= availableTop || availableTop >= availableBottom\n      : panelRect.height > availableBottom && availableTop > availableBottom;\n    const placeTop = preservePlacement && this.currentPlaceTop !== undefined ? this.currentPlaceTop : nextPlaceTop;\n    this.currentPlaceTop = placeTop;\n    const availableHeight = placeTop ? availableTop : availableBottom;\n    const panelHeight = Math.min(panelRect.height, availableHeight);\n\n    let top = placeTop ? anchorRect.top - this.offset - panelHeight : fallbackBottom;\n    top = Math.max(viewportPadding, Math.min(top, window.innerHeight - panelHeight - viewportPadding));\n\n    let left = alignEnd ? anchorRect.right - panelRect.width : anchorRect.left;\n    left = Math.max(viewportPadding, Math.min(left, window.innerWidth - panelRect.width - viewportPadding));\n\n    const maxWidth = `max-width: calc(100vw - ${viewportPadding * 2}px);`;\n    const maxHeight = `max-height: ${availableHeight}px; --ui-popup-available-height: ${availableHeight}px;`;\n    const minWidth = this.matchAnchorWidth ? `min-width: min(${anchorRect.width}px, calc(100vw - ${viewportPadding * 2}px));` : '';\n    this.panelStyle = `position: fixed; top: ${top}px; left: ${left}px; ${maxWidth} ${maxHeight} ${minWidth}`;\n  }\n}\n"]}

package/dist/progress/ui-progress.html

@@ -0,0 +1,17 @@
+<template class="ui-progress"
+  role="progressbar"
+  aria-label.attr="label || null"
+  aria-valuemin="0"
+  aria-valuemax.attr="indeterminate ? null : normalizedMax"
+  aria-valuenow.attr="indeterminate ? null : normalizedValue"
+  aria-valuetext.attr="indeterminate ? 'Loading' : null"
+  data-circular.attr="circular ? '' : null"
+  data-indeterminate.attr="indeterminate ? '' : null">
+  <span class="ui-progress__track" aria-hidden="true" if.bind="!circular">
+    <span class="ui-progress__bar" style.bind="barStyle"></span>
+  </span>
+  <svg class="ui-progress__circle" viewBox="0 0 36 36" aria-hidden="true" if.bind="circular">
+    <circle class="ui-progress__circle-track" cx="18" cy="18" r="16" pathLength="100" fill="none"></circle>
+    <circle class="ui-progress__circle-bar" cx="18" cy="18" r="16" pathLength="100" fill="none" style.bind="circleStyle"></circle>
+  </svg>
+</template>

package/dist/progress/ui-progress.js

@@ -0,0 +1,76 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { bindable, customElement } from 'aurelia';
+import { booleanAttr } from '../base/boolean-attr';
+import template from './ui-progress.html?raw';
+let UiProgress = (() => {
+    let _classDecorators = [customElement({ name: 'ui-progress', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _max_decorators;
+    let _max_initializers = [];
+    let _max_extraInitializers = [];
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    let _circular_decorators;
+    let _circular_initializers = [];
+    let _circular_extraInitializers = [];
+    var UiProgress = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _value_decorators = [bindable];
+            _max_decorators = [bindable];
+            _label_decorators = [bindable];
+            _circular_decorators = [bindable({ set: booleanAttr })];
+            __esDecorate(null, null, _value_decorators, { kind: "field", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+            __esDecorate(null, null, _max_decorators, { kind: "field", name: "max", static: false, private: false, access: { has: obj => "max" in obj, get: obj => obj.max, set: (obj, value) => { obj.max = value; } }, metadata: _metadata }, _max_initializers, _max_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, _circular_decorators, { kind: "field", name: "circular", static: false, private: false, access: { has: obj => "circular" in obj, get: obj => obj.circular, set: (obj, value) => { obj.circular = value; } }, metadata: _metadata }, _circular_initializers, _circular_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            UiProgress = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        value = __runInitializers(this, _value_initializers, void 0);
+        valueChanged() {
+            this.updateState();
+        }
+        max = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _max_initializers, 100));
+        maxChanged() {
+            this.updateState();
+        }
+        label = (__runInitializers(this, _max_extraInitializers), __runInitializers(this, _label_initializers, void 0));
+        circular = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _circular_initializers, false));
+        indeterminate = (__runInitializers(this, _circular_extraInitializers), true);
+        normalizedMax = 100;
+        normalizedValue = 0;
+        barStyle;
+        circleStyle;
+        binding() {
+            this.updateState();
+        }
+        updateState() {
+            const max = Number(this.max);
+            this.normalizedMax = max > 0 ? max : 100;
+            this.indeterminate = this.value === undefined || this.value === null || Number.isNaN(Number(this.value));
+            if (this.indeterminate) {
+                this.normalizedValue = 0;
+                this.barStyle = undefined;
+                this.circleStyle = undefined;
+                return;
+            }
+            this.normalizedValue = Math.max(0, Math.min(Number(this.value), this.normalizedMax));
+            const percent = this.normalizedValue / this.normalizedMax * 100;
+            this.barStyle = `width: ${percent}%`;
+            this.circleStyle = `stroke-dasharray: ${percent} 100`;
+        }
+    };
+    return UiProgress = _classThis;
+})();
+export { UiProgress };
+//# sourceMappingURL=ui-progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-progress.js","sourceRoot":"","sources":["../../src/progress/ui-progress.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;IAGjC,UAAU;4BADtB,aAAa,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;iCAE9C,QAAQ;+BAMR,QAAQ;iCAMR,QAAQ;oCAGR,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YAd/B,iKAAA,KAAK,6BAAL,KAAK,qFAAqB;YAM1B,2JAAA,GAAG,6BAAH,GAAG,iFAAe;YAMlB,iKAAA,KAAK,6BAAL,KAAK,qFAAqB;YAG1B,0KAAA,QAAQ,6BAAR,QAAQ,2FAAkB;YAjB5B,6KA6CC;;;YA7CY,uDAAU;;QAErB,KAAK,wDAAqB;QAC1B,YAAY;YACV,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC;QAGD,GAAG,kGAAW,GAAG,GAAC;QAClB,UAAU;YACR,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC;QAGD,KAAK,2GAAqB;QAG1B,QAAQ,uGAAY,KAAK,GAAC;QAE1B,aAAa,0DAAG,IAAI,EAAC;QACrB,aAAa,GAAG,GAAG,CAAC;QACpB,eAAe,GAAG,CAAC,CAAC;QACpB,QAAQ,CAAqB;QAC7B,WAAW,CAAqB;QAEhC,OAAO;YACL,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC;QAEO,WAAW;YACjB,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC7B,IAAI,CAAC,aAAa,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;YACzC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;YACzG,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC;gBACzB,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;gBAC1B,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;gBAC7B,OAAO;YACT,CAAC;YAED,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;YACrF,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC;YAChE,IAAI,CAAC,QAAQ,GAAG,UAAU,OAAO,GAAG,CAAC;YACrC,IAAI,CAAC,WAAW,GAAG,qBAAqB,OAAO,MAAM,CAAC;QACxD,CAAC;;;;SA5CU,UAAU","sourcesContent":["import { bindable, customElement } from 'aurelia';\nimport { booleanAttr } from '../base/boolean-attr';\nimport template from './ui-progress.html?raw';\n\n@customElement({ name: 'ui-progress', template })\nexport class UiProgress {\n  @bindable\n  value: number | undefined;\n  valueChanged(): void {\n    this.updateState();\n  }\n\n  @bindable\n  max: number = 100;\n  maxChanged(): void {\n    this.updateState();\n  }\n\n  @bindable\n  label: string | undefined;\n\n  @bindable({ set: booleanAttr })\n  circular: boolean = false;\n\n  indeterminate = true;\n  normalizedMax = 100;\n  normalizedValue = 0;\n  barStyle: string | undefined;\n  circleStyle: string | undefined;\n\n  binding(): void {\n    this.updateState();\n  }\n\n  private updateState(): void {\n    const max = Number(this.max);\n    this.normalizedMax = max > 0 ? max : 100;\n    this.indeterminate = this.value === undefined || this.value === null || Number.isNaN(Number(this.value));\n    if (this.indeterminate) {\n      this.normalizedValue = 0;\n      this.barStyle = undefined;\n      this.circleStyle = undefined;\n      return;\n    }\n\n    this.normalizedValue = Math.max(0, Math.min(Number(this.value), this.normalizedMax));\n    const percent = this.normalizedValue / this.normalizedMax * 100;\n    this.barStyle = `width: ${percent}%`;\n    this.circleStyle = `stroke-dasharray: ${percent} 100`;\n  }\n}\n"]}

package/dist/radio/ui-radio-group.html

@@ -0,0 +1,27 @@
+<template class="ui-radio-group"
+  data-disabled.attr="disabled ? '' : null"
+  data-invalid.attr="invalid || errors.size ? '' : null"
+  data-focus.attr="focus ? '' : null">
+  <div class="ui-radio-group__label" id.bind="label ? labelId : null" show.bind="label">${label}</div>
+
+  <div class="ui-radio-group__control"
+    role="radiogroup"
+    aria-labelledby.bind="label ? labelId : null"
+    aria-invalid.bind="invalid || errors.size ? 'true' : 'false'"
+    aria-describedby.bind="errors.size ? errorsId : (helperNodes.length ? helperId : null)"
+    aria-required.attr="required ? 'true' : null"
+    focusin.trigger="onFocusIn()"
+    focusout.trigger="onFocusOut()">
+    <au-slot></au-slot>
+  </div>
+
+  <div class="ui-radio-group__subscript" show.bind="errors.size || helperText || helperNodes.length">
+    <div class="ui-radio-group__helper" id.bind="helperId" show.bind="!errors.size && (helperText || helperNodes.length)">
+      <au-slot name="helper">${helperText}</au-slot>
+    </div>
+
+    <div class="ui-radio-group__errors" id.bind="errorsId" show.bind="errors.size">
+      <div class="ui-radio-group__error" repeat.for="[error, _] of errors" if.bind="error.message">${error.message}</div>
+    </div>
+  </div>
+</template>