@shoper/phoenix_design_system 1.15.13 → 1.16.1

package/build/cjs/packages/phoenix/src/components/sheet/sheet.js

@@ -0,0 +1,261 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var utilities = require('@dreamcommerce/utilities');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+var decorators_js = require('@lit/reactive-element/decorators.js');
+require('@lit/reactive-element');
+var litHtml = require('lit-html');
+var ref_js = require('lit-html/directives/ref.js');
+var portal_constants = require('../portal/portal_constants.js');
+var backdrop_constants = require('../backdrop/backdrop_constants.js');
+var backdrop_controller = require('../backdrop/controller/backdrop_controller.js');
+var sheet_constants = require('./sheet_constants.js');
+var sheet_close = require('./sheet_close.js');
+
+var HSheet_1;
+exports.HSheet = HSheet_1 = class HSheet extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.opened = false;
+        this.class = '';
+        this.transition = 'scale';
+        this.sheetLabel = '';
+        this._firstFocusableElement = undefined;
+        this._focusableElements = null;
+        this._lastFocusableElement = undefined;
+        this._focusedToggler = null;
+        this._contentRef = ref_js.createRef();
+        this._focusSentinelStart = ref_js.createRef();
+        this._focusSentinelEnd = ref_js.createRef();
+        this._propsChangeStrategies = {
+            [sheet_constants.SHEET_OPENED_PROP]: {
+                true: () => {
+                    const scrollY = window.scrollY;
+                    HSheet_1.openSheets = [...HSheet_1.openSheets, this];
+                    document.addEventListener('keydown', this._bindCloseOnEsc);
+                    document.addEventListener(backdrop_constants.BACKDROP_EVENTS.clicked, this.close);
+                    this._dispatchSheetOpenedEvent();
+                    setTimeout(() => {
+                        var _a;
+                        (_a = this._firstFocusableElement) === null || _a === void 0 ? void 0 : _a.focus();
+                        window.scrollTo(0, scrollY);
+                    }, 0);
+                },
+                false: () => {
+                    HSheet_1.openSheets = HSheet_1.openSheets.filter((sheet) => sheet !== this);
+                    document.removeEventListener('keydown', this._bindCloseOnEsc);
+                    document.removeEventListener(backdrop_constants.BACKDROP_EVENTS.clicked, this.close);
+                }
+            }
+        };
+        this._backdropController = new backdrop_controller.BackdropController();
+        this._keepFocusWithinSheet = (ev) => {
+            var _a;
+            const isTabPressed = ev.code === 'Tab';
+            if (isTabPressed && this._contentRef.value) {
+                if (ev.shiftKey) {
+                    if (document.activeElement === this._firstFocusableElement) {
+                        const focusableElements = utilities.UiDomUtils.getFocusableElements(this._contentRef.value);
+                        (_a = focusableElements[focusableElements.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
+                        ev.preventDefault();
+                    }
+                }
+                else if (document.activeElement === this._lastFocusableElement) {
+                    utilities.UiDomUtils.setFocusToFirstFocusableElementInContainer(this._contentRef.value);
+                    ev.preventDefault();
+                }
+            }
+        };
+        this._handleCloseFromCloseComponent = async (ev) => {
+            var _a;
+            ev.stopPropagation();
+            const isSheetCloseElement = ev.target instanceof sheet_close.HSheetClose;
+            const isContainedWithinSheet = (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.contains(ev.target);
+            if (isSheetCloseElement && isContainedWithinSheet) {
+                await this.close();
+            }
+        };
+        this._bindCloseOnEsc = async (ev) => {
+            ev.stopImmediatePropagation();
+            const $target = ev.target;
+            const closeConditions = [
+                ev.key === 'Escape',
+                $target.tagName !== 'INPUT',
+                ev.ctrlKey === false,
+                ev.shiftKey === false,
+                ev.altKey === false
+            ];
+            const shouldCloseSheet = closeConditions.every((condition) => condition);
+            if (shouldCloseSheet) {
+                const [sheetToClose] = HSheet_1.openSheets.slice(-1);
+                await (sheetToClose === null || sheetToClose === void 0 ? void 0 : sheetToClose.close());
+            }
+        };
+        this.close = async () => {
+            if (!this.opened)
+                return;
+            return new Promise((resolve) => {
+                const transitionDuration = parseFloat(getComputedStyle(this._contentRef.value || this).transitionDuration) * 1000;
+                window.requestAnimationFrame(() => {
+                    var _a, _b;
+                    (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`sheet_hide-${this.transition}-start`);
+                    (_b = this._contentRef.value) === null || _b === void 0 ? void 0 : _b.classList.add(`sheet_hide-${this.transition}-end`);
+                    setTimeout(() => {
+                        var _a;
+                        (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`sheet_hide-${this.transition}-start`, `sheet_hide-${this.transition}-end`);
+                        this[sheet_constants.SHEET_OPENED_PROP] = false;
+                        this._dispatchHSheetClosedEvent();
+                        resolve();
+                    }, transitionDuration);
+                });
+            });
+        };
+        this._addInertToBodyChildrenElements = () => {
+            [...document.body.children].forEach((child) => {
+                const isPortalTarget = child.tagName === portal_constants.PORTAL_TARGET_COMPONENT_NAME.toUpperCase();
+                const isAriaLiveContainer = child.hasAttribute('aria-live');
+                if (!isPortalTarget && !isAriaLiveContainer) {
+                    child.setAttribute('inert', '');
+                }
+            });
+        };
+        this._removeInertFromBodyChildrenElements = () => {
+            [...document.body.children].forEach((child) => {
+                child.removeAttribute('inert');
+            });
+        };
+        this.hidden = true;
+        this._focusableElements = [...this.querySelectorAll(sheet_constants.FOCUSABLE_ELEMENTS_WITHIN_SHEET)];
+    }
+    static _appendSheetPortal() {
+        const $modalsPortalTarget = document.querySelector(`h-portal-target[name="${sheet_constants.SHEETS_PORTAL_NAME}"]`);
+        if (!$modalsPortalTarget) {
+            const $portalTarget = document.createElement('h-portal-target');
+            $portalTarget.setAttribute(portal_constants.PORTAL_TARGET_NAME_PROP, sheet_constants.SHEETS_PORTAL_NAME);
+            document.body.appendChild($portalTarget);
+        }
+    }
+    static isSomeSheetOpen() {
+        return HSheet_1.openSheets.some((sheet) => sheet.opened);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        HSheet_1._appendSheetPortal();
+        document.addEventListener('keyup', this._keepFocusWithinSheet);
+        document.addEventListener(sheet_constants.SHEET_EVENTS.close, this._handleCloseFromCloseComponent);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this[sheet_constants.SHEET_OPENED_PROP])
+            this.close();
+        document.removeEventListener(sheet_constants.SHEET_EVENTS.close, this._handleCloseFromCloseComponent);
+        document.removeEventListener('keydown', this._bindCloseOnEsc);
+        document.removeEventListener('keyup', this._keepFocusWithinSheet);
+    }
+    firstUpdated(props) {
+        super.firstUpdated(props);
+        this._firstFocusableElement = this._focusSentinelStart.value;
+        this._lastFocusableElement = this._focusSentinelEnd.value;
+    }
+    updated(changedProps) {
+        if (changedProps.has(sheet_constants.SHEET_OPENED_PROP)) {
+            this._propsChangeStrategies[sheet_constants.SHEET_OPENED_PROP][String(this[sheet_constants.SHEET_OPENED_PROP])]();
+        }
+    }
+    _setFocusToFirstFocusableElementInSheetOrCloseBtn() {
+        requestAnimationFrame(() => {
+            if (this._contentRef.value) {
+                const focusableElements = utilities.UiDomUtils.getFocusableElements(this._contentRef.value);
+                if (focusableElements.length > 0) {
+                    focusableElements.length > 1 ? focusableElements[1].focus() : focusableElements[0].focus();
+                }
+            }
+        });
+    }
+    async open() {
+        this._focusedToggler = document.activeElement;
+        return new Promise((resolve) => {
+            var _a;
+            this[sheet_constants.SHEET_OPENED_PROP] = true;
+            (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.add(`sheet_visible`, `sheet_show-${this.transition}-start`);
+            window.requestAnimationFrame(() => {
+                setTimeout(() => {
+                    var _a;
+                    (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.add(`sheet_show-${this.transition}-end`);
+                }, 0);
+                const transitionDuration = parseFloat(getComputedStyle(this._contentRef.value || this).transitionDuration) * 1000;
+                setTimeout(() => {
+                    var _a;
+                    (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`sheet_show-${this.transition}-start`, `sheet_show-${this.transition}-end`);
+                    this._setFocusToFirstFocusableElementInSheetOrCloseBtn();
+                    resolve();
+                }, transitionDuration);
+            });
+        });
+    }
+    _dispatchSheetOpenedEvent() {
+        this.emitCustomEvent(sheet_constants.SHEET_EVENTS.opened);
+        this._backdropController.show();
+        this._addInertToBodyChildrenElements();
+    }
+    _dispatchHSheetClosedEvent() {
+        this.emitCustomEvent(sheet_constants.SHEET_EVENTS.closed);
+        requestAnimationFrame(() => {
+            var _a;
+            (_a = this._focusedToggler) === null || _a === void 0 ? void 0 : _a.focus();
+        });
+        this._backdropController.hide();
+        this._removeInertFromBodyChildrenElements();
+    }
+    render() {
+        return litHtml.html `
+            <h-portal ?disabled="${!this.opened}" to="${sheet_constants.SHEETS_PORTAL_NAME}" hidden>
+                <div class="sheet-wrapper ${this.class}">
+                    <div tabindex="0" ${ref_js.ref(this._focusSentinelStart)}></div>
+                    <div ${ref_js.ref(this._contentRef)} class="sheet" role="dialog" aria-label="${this.sheetLabel}">
+                        <div class="sheet__container">${this.getSlot('header')} ${this.getSlot('body')} ${this.getSlot('footer')}</div>
+                    </div>
+                    <div tabindex="0" ${ref_js.ref(this._focusSentinelEnd)}></div>
+                </div>
+            </h-portal>
+        `;
+    }
+};
+exports.HSheet.openSheets = [];
+tslib_es6.__decorate([
+    decorators_js.property({ type: Boolean, reflect: true }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HSheet.prototype, "opened", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ type: String }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HSheet.prototype, "class", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ type: String }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HSheet.prototype, "transition", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ type: String, attribute: 'sheet-label' }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HSheet.prototype, "sheetLabel", void 0);
+tslib_es6.__decorate([
+    decorators_js.state(),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HSheet.prototype, "_firstFocusableElement", void 0);
+tslib_es6.__decorate([
+    decorators_js.state(),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HSheet.prototype, "_focusableElements", void 0);
+tslib_es6.__decorate([
+    decorators_js.state(),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HSheet.prototype, "_lastFocusableElement", void 0);
+exports.HSheet = HSheet_1 = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-sheet'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HSheet);
+//# sourceMappingURL=sheet.js.map

package/build/cjs/packages/phoenix/src/components/sheet/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/sheet/sheet_body.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+
+exports.HSheetBody = class HSheetBody extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.slot = this.hasAttribute('slot') ? this.slot : 'body';
+        this.className = `sheet__body ${this.className}`;
+    }
+};
+exports.HSheetBody = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-sheet-body'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HSheetBody);
+//# sourceMappingURL=sheet_body.js.map

package/build/cjs/packages/phoenix/src/components/sheet/sheet_body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/sheet/sheet_close.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+var sheet_constants = require('./sheet_constants.js');
+
+exports.HSheetClose = class HSheetClose extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.tabIndex = 0;
+        this.setAttribute('role', 'button');
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('click', this._dispatchSheetCloseEvent);
+        this.addEventListener('keydown', this._dispatchSheetCloseOnEnterEvent);
+    }
+    disconnectedCallback() {
+        this.removeEventListener('click', this._dispatchSheetCloseEvent);
+        this.removeEventListener('keydown', this._dispatchSheetCloseOnEnterEvent);
+    }
+    _dispatchSheetCloseEvent() {
+        this.emitCustomEvent(sheet_constants.SHEET_EVENTS.close);
+    }
+    _dispatchSheetCloseOnEnterEvent(ev) {
+        if (ev.code === 'Enter' || ev.code === 'Space') {
+            this._dispatchSheetCloseEvent();
+        }
+    }
+};
+exports.HSheetClose = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-sheet-close'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HSheetClose);
+//# sourceMappingURL=sheet_close.js.map

package/build/cjs/packages/phoenix/src/components/sheet/sheet_close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/sheet/sheet_constants.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const SHEETS_PORTAL_NAME = 'modals';
+const SHEET_EVENTS = {
+    open: 'open',
+    close: 'close',
+    opened: 'opened',
+    closed: 'closed'
+};
+const SHEET_OPENED_PROP = 'opened';
+const FOCUSABLE_ELEMENTS_WITHIN_SHEET = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+
+exports.FOCUSABLE_ELEMENTS_WITHIN_SHEET = FOCUSABLE_ELEMENTS_WITHIN_SHEET;
+exports.SHEETS_PORTAL_NAME = SHEETS_PORTAL_NAME;
+exports.SHEET_EVENTS = SHEET_EVENTS;
+exports.SHEET_OPENED_PROP = SHEET_OPENED_PROP;
+//# sourceMappingURL=sheet_constants.js.map

package/build/cjs/packages/phoenix/src/components/sheet/sheet_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/sheet/sheet_footer.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+
+exports.HSheetFooter = class HSheetFooter extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.slot = this.hasAttribute('slot') ? this.slot : 'footer';
+        this.className = `sheet__footer ${this.className}`;
+    }
+};
+exports.HSheetFooter = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-sheet-footer'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HSheetFooter);
+//# sourceMappingURL=sheet_footer.js.map

package/build/cjs/packages/phoenix/src/components/sheet/sheet_footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/sheet/sheet_header.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+
+exports.HSheetHeader = class HSheetHeader extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.slot = this.hasAttribute('slot') ? this.slot : 'header';
+        this.className = `sheet__header ${this.className}`;
+    }
+};
+exports.HSheetHeader = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-sheet-header'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HSheetHeader);
+//# sourceMappingURL=sheet_header.js.map

package/build/cjs/packages/phoenix/src/components/sheet/sheet_header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/sheet/sheet_opener.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+
+exports.HSheetOpener = class HSheetOpener extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.name = '';
+        this.tabIndex = 0;
+        this.setAttribute('role', 'button');
+        this.setAttribute('aria-haspopup', 'dialog');
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('click', this._openSheet);
+        this.addEventListener('keydown', this._openSheetOnKeydownEvent);
+    }
+    disconnectedCallback() {
+        this.removeEventListener('click', this._openSheet);
+        this.removeEventListener('keydown', this._openSheetOnKeydownEvent);
+    }
+    _openSheet() {
+        const sheet = document.querySelector(`h-sheet#${this.name}`);
+        sheet === null || sheet === void 0 ? void 0 : sheet.open();
+    }
+    _openSheetOnKeydownEvent(ev) {
+        if (ev.code === 'Enter' || ev.code === 'Space') {
+            this._openSheet();
+        }
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HSheetOpener.prototype, "name", void 0);
+exports.HSheetOpener = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-sheet-opener'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HSheetOpener);
+//# sourceMappingURL=sheet_opener.js.map

package/build/cjs/packages/phoenix/src/components/sheet/sheet_opener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/toggle/toggle.js

@@ -9,7 +9,7 @@ var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/ph
 var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
 var behavior_subject = require('../../core/classes/behavior_subject/behavior_subject.js');
 var context_provider_controller = require('../../core/context/context_provider_controller.js');
-var templateContent = require('../../../../../external/lit/external/lit-html/directives/template-content.js');
+var templateContent = require('../../../../../external/lit-html/directives/template-content.js');
 var toggle_constants = require('./toggle_constants.js');
 
 exports.HToggle = class HToggle extends phoenix_light_lit_element.PhoenixLightLitElement {

package/build/cjs/packages/phoenix/src/components/toggle/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,8EAAsF;AACpH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,iEAAqE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/directives/namespaced_attribute_directive.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var lit = require('lit');
-require('../../../../external/lit/external/lit-html/lit-html.js');
-var directive = require('../../../../external/lit/external/lit-html/directive.js');
+require('../../../../external/lit-html/lit-html.js');
+var directive = require('../../../../external/lit-html/directive.js');
 
 class NamespaceAttributeDirective extends directive.Directive {
     update(part, [namespace, value]) {

package/build/cjs/packages/phoenix/src/directives/namespaced_attribute_directive.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,QAAQ,wDAAgE;AACxE,wBAAwB,yDAAiE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,QAAQ,2CAA+C;AACvD,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/directives/observable_directive.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var lit = require('lit');
-var directive = require('../../../../external/lit/external/lit-html/directive.js');
-var asyncDirective = require('../../../../external/lit/external/lit-html/async-directive.js');
+var directive = require('../../../../external/lit-html/directive.js');
+var asyncDirective = require('../../../../external/lit-html/async-directive.js');
 var observer = require('../core/classes/observer/observer.js');
 
 class ObserveDirective extends asyncDirective.AsyncDirective {

package/build/cjs/packages/phoenix/src/directives/observable_directive.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,wBAAwB,yDAAiE;AACzF,6BAA6B,+DAAuE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE,6BAA6B,kDAAsD;AACnF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/index.js

@@ -36,6 +36,13 @@ var modal_opener = require('./components/modal/modal_opener.js');
 var modal_body = require('./components/modal/modal_body.js');
 var modal_footer = require('./components/modal/modal_footer.js');
 var modal_header = require('./components/modal/modal_header.js');
+var sheet_constants = require('./components/sheet/sheet_constants.js');
+var sheet_close = require('./components/sheet/sheet_close.js');
+var sheet = require('./components/sheet/sheet.js');
+var sheet_opener = require('./components/sheet/sheet_opener.js');
+var sheet_body = require('./components/sheet/sheet_body.js');
+var sheet_footer = require('./components/sheet/sheet_footer.js');
+var sheet_header = require('./components/sheet/sheet_header.js');
 var control_constatns = require('./components/form/control/control_constatns.js');
 var control = require('./components/form/control/control.js');
 var control_errors = require('./components/form/control/control_errors.js');
@@ -258,6 +265,43 @@ Object.defineProperty(exports, 'HModalHeader', {
 		return modal_header.HModalHeader;
 	}
 });
+exports.SHEET_EVENTS = sheet_constants.SHEET_EVENTS;
+Object.defineProperty(exports, 'HSheetClose', {
+	enumerable: true,
+	get: function () {
+		return sheet_close.HSheetClose;
+	}
+});
+Object.defineProperty(exports, 'HSheet', {
+	enumerable: true,
+	get: function () {
+		return sheet.HSheet;
+	}
+});
+Object.defineProperty(exports, 'HSheetOpener', {
+	enumerable: true,
+	get: function () {
+		return sheet_opener.HSheetOpener;
+	}
+});
+Object.defineProperty(exports, 'HSheetBody', {
+	enumerable: true,
+	get: function () {
+		return sheet_body.HSheetBody;
+	}
+});
+Object.defineProperty(exports, 'HSheetFooter', {
+	enumerable: true,
+	get: function () {
+		return sheet_footer.HSheetFooter;
+	}
+});
+Object.defineProperty(exports, 'HSheetHeader', {
+	enumerable: true,
+	get: function () {
+		return sheet_header.HSheetHeader;
+	}
+});
 exports.ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP = control_constatns.ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP;
 exports.CONTROL_ADDITIONAL_CONTENT_TYPES = control_constatns.CONTROL_ADDITIONAL_CONTENT_TYPES;
 exports.CONTROL_CONTENT_SIZES = control_constatns.CONTROL_CONTENT_SIZES;

package/build/cjs/packages/phoenix/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/{packages/phoenix/external → external}/classnames/index.js

@@ -1,4 +1,4 @@
-import { createCommonjsModule } from '../../../../_virtual/_commonjsHelpers.js';
+import { createCommonjsModule } from '../../_virtual/_commonjsHelpers.js';
 
 /*!
   Copyright (c) 2018 Jed Watson.

package/build/esm/external/lit-html/directive-helpers.js

@@ -0,0 +1,10 @@
+import { _$LH as j } from './lit-html.js';
+
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const {I:l}=j,e=o=>void 0===o.strings,r=()=>document.createComment(""),c=(o,i,n)=>{var t;const v=o._$AA.parentNode,d=void 0===i?o._$AB:i._$AA;if(void 0===n){const i=v.insertBefore(r(),d),t=v.insertBefore(r(),d);n=new l(i,t,o,o.options);}else {const l=n._$AB.nextSibling,i=n._$AM,u=i!==o;if(u){let l;null===(t=n._$AQ)||void 0===t||t.call(n,o),n._$AM=o,void 0!==n._$AP&&(l=o._$AU)!==i._$AU&&n._$AP(l);}if(l!==d||u){let o=n._$AA;for(;o!==l;){const l=o.nextSibling;v.insertBefore(o,d),o=l;}}}return n},f=(o,l,i=o)=>(o._$AI(l,i),o),s={},a=(o,l=s)=>o._$AH=l,m=o=>o._$AH,p=o=>{var l;null===(l=o._$AP)||void 0===l||l.call(o,!1,!0);let i=o._$AA;const n=o._$AB.nextSibling;for(;i!==n;){const o=i.nextSibling;i.remove(),i=o;}};
+
+export { m as getCommittedValue, c as insertPart, e as isSingleExpression, p as removePart, f as setChildPartValue, a as setCommittedValue };
+//# sourceMappingURL=directive-helpers.js.map

package/build/esm/external/lit-html/directives/repeat.js

@@ -0,0 +1,13 @@
+import { noChange as T } from '../lit-html.js';
+import { getCommittedValue as m, setChildPartValue as f, insertPart as c$1, removePart as p, setCommittedValue as a } from '../directive-helpers.js';
+import { directive as e, Directive as i, PartType as t } from '../directive.js';
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=e(class extends i{constructor(e){if(super(e),e.type!==t.CHILD)throw Error("repeat() can only be used in text expressions")}ct(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.ct(e,s,t).values}update(s,[t,r,c]){var d;const a$1=m(s),{values:p$1,keys:v}=this.ct(t,r,c);if(!Array.isArray(a$1))return this.ut=v,p$1;const h=null!==(d=this.ut)&&void 0!==d?d:this.ut=[],m$1=[];let y,x,j=0,k=a$1.length-1,w=0,A=p$1.length-1;for(;j<=k&&w<=A;)if(null===a$1[j])j++;else if(null===a$1[k])k--;else if(h[j]===v[w])m$1[w]=f(a$1[j],p$1[w]),j++,w++;else if(h[k]===v[A])m$1[A]=f(a$1[k],p$1[A]),k--,A--;else if(h[j]===v[A])m$1[A]=f(a$1[j],p$1[A]),c$1(s,m$1[A+1],a$1[j]),j++,A--;else if(h[k]===v[w])m$1[w]=f(a$1[k],p$1[w]),c$1(s,a$1[j],a$1[k]),k--,w++;else if(void 0===y&&(y=u(v,w,A),x=u(h,j,k)),y.has(h[j]))if(y.has(h[k])){const e=x.get(v[w]),t=void 0!==e?a$1[e]:null;if(null===t){const e=c$1(s,a$1[j]);f(e,p$1[w]),m$1[w]=e;}else m$1[w]=f(t,p$1[w]),c$1(s,a$1[j],t),a$1[e]=null;w++;}else p(a$1[k]),k--;else p(a$1[j]),j++;for(;w<=A;){const e=c$1(s,m$1[A+1]);f(e,p$1[w]),m$1[w++]=e;}for(;j<=k;){const e=a$1[j++];null!==e&&p(e);}return this.ut=v,a(s,m$1),T}});
+
+export { c as repeat };
+//# sourceMappingURL=repeat.js.map

package/build/esm/external/{lit/external/lit-html → lit-html}/directives/template-content.js

@@ -1,11 +1,11 @@
-import { noChange as x } from '../lit-html.js';
+import { noChange as T } from '../lit-html.js';
 import { directive as e, Directive as i, PartType as t } from '../directive.js';
 
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const o=e(class extends i{constructor(t$1){if(super(t$1),t$1.type!==t.CHILD)throw Error("templateContent can only be used in child bindings")}render(r){return this.ft===r?x:(this.ft=r,document.importNode(r.content,!0))}});
+ */const o=e(class extends i{constructor(t$1){if(super(t$1),t$1.type!==t.CHILD)throw Error("templateContent can only be used in child bindings")}render(r){return this.vt===r?T:(this.vt=r,document.importNode(r.content,!0))}});
 
 export { o as templateContent };
 //# sourceMappingURL=template-content.js.map