@shoper/phoenix_design_system 1.18.1 → 1.18.2

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

@@ -1,262 +0,0 @@
-'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');
-                const isBackdrop = child.tagName === 'H-BACKDROP';
-                if (!isPortalTarget && !isAriaLiveContainer && !isBackdrop) {
-                    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

@@ -1 +0,0 @@
-{"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;AACA;"}

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"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/show-more/show_more.js

@@ -1,117 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-require('lit');
-var decorators = require('lit/decorators');
-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 global_constants = require('../../global_constants.js');
-var relative_position_controller_constants = require('../../controllers/relative_position_controller/relative_position_controller_constants.js');
-var throttle = require('../../../../../external/lodash/throttle.js');
-var show_more_constants = require('./show_more_constants.js');
-
-exports.HShowMore = class HShowMore extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this._$showMoreButton = null;
-        this._showMore = () => {
-            this._showAllItems();
-            this._hideButton();
-            this._focusNextItem();
-        };
-        this._onResize = throttle['default'](() => {
-            if (window.innerWidth > global_constants.BREAKPOINTS.xs) {
-                this._showAllItems();
-                this._hideButton();
-                window.removeEventListener('resize', this._onResize);
-            }
-        }, relative_position_controller_constants.DEFAULT_THROTTLE_WAIT_TIME);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._$showMoreButton = this.querySelector('h-show-more-button');
-        this._$items = [...this.querySelectorAll(`[${show_more_constants.SHOW_MORE_ITEM_ATTRIBUTE}]`)];
-        this.classList.add(show_more_constants.SHOW_MORE_CSS_CLASSES.showMore);
-        this._updateComponentVisibility();
-        this._setupListeners();
-    }
-    updated(_changedProperties) {
-        super.updated(_changedProperties);
-        if (_changedProperties.has('showAll')) {
-            this._showAllItems();
-            this._hideButton();
-        }
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener('resize', this._onResize);
-    }
-    _updateComponentVisibility() {
-        const hasOverflowItems = this._$items.length > this.count;
-        const isMobileView = window.innerWidth <= global_constants.BREAKPOINTS.xs;
-        const shouldBeActive = (!this.mobileOnly || isMobileView) && hasOverflowItems;
-        if (shouldBeActive) {
-            this._hideExcessItems();
-            this._showButton();
-        }
-        else {
-            this._hideButton();
-        }
-    }
-    _hideExcessItems() {
-        this._$items.forEach(($item, index) => {
-            $item.removeAttribute('hidden');
-            if (index >= this.count)
-                $item.setAttribute('hidden', '');
-        });
-    }
-    _showAllItems() {
-        this._$items.forEach(($item) => $item.removeAttribute('hidden'));
-    }
-    _hideButton() {
-        var _a;
-        (_a = this._$showMoreButton) === null || _a === void 0 ? void 0 : _a.setAttribute('hidden', '');
-    }
-    _showButton() {
-        var _a;
-        (_a = this._$showMoreButton) === null || _a === void 0 ? void 0 : _a.removeAttribute('hidden');
-    }
-    _setupListeners() {
-        this.addEventListener(show_more_constants.SHOW_MORE_EVENT_NAMES.showMore, this._showMore);
-        if (this.mobileOnly && window.innerWidth <= global_constants.BREAKPOINTS.xs) {
-            window.addEventListener('resize', this._onResize);
-        }
-    }
-    _focusNextItem() {
-        const $nextItem = this._$items[this.count];
-        if (!$nextItem)
-            return;
-        const $firstFocusableElement = utilities.UiDomUtils.getFocusableElement($nextItem);
-        if ($firstFocusableElement) {
-            $firstFocusableElement.focus();
-            return;
-        }
-        if (!$nextItem.getAttribute('tabindex'))
-            $nextItem.setAttribute('tabindex', '-1');
-        $nextItem.focus();
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: Number }),
-    tslib_es6.__metadata("design:type", Number)
-], exports.HShowMore.prototype, "count", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean, attribute: 'mobile-only' }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HShowMore.prototype, "mobileOnly", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean, attribute: 'show-all' }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HShowMore.prototype, "showAll", void 0);
-exports.HShowMore = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-show-more')
-], exports.HShowMore);
-//# sourceMappingURL=show_more.js.map

package/build/cjs/packages/phoenix/src/components/show-more/show_more.js.map

@@ -1 +0,0 @@
-{"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,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/show-more/show_more_button.js

@@ -1,29 +0,0 @@
-'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 btn_controller = require('../../controllers/btn_controller/btn_controller.js');
-var show_more_constants = require('./show_more_constants.js');
-
-exports.HShowMoreButton = class HShowMoreButton extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this._dispatchClickedEvent = () => {
-            this.emitCustomEvent(show_more_constants.SHOW_MORE_EVENT_NAMES.showMore);
-        };
-        this._btnController = new btn_controller.BtnController(this, this._dispatchClickedEvent);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener('click', this._dispatchClickedEvent);
-        this.classList.add(show_more_constants.SHOW_MORE_CSS_CLASSES.showMoreButton);
-    }
-};
-exports.HShowMoreButton = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-show-more-button'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HShowMoreButton);
-//# sourceMappingURL=show_more_button.js.map

package/build/cjs/packages/phoenix/src/components/show-more/show_more_button.js.map

@@ -1 +0,0 @@
-{"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;"}

package/build/cjs/packages/phoenix/src/components/show-more/show_more_constants.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const SHOW_MORE_CSS_CLASSES = {
-    showMore: 'show-more',
-    showMoreButton: 'show-more__button'
-};
-const SHOW_MORE_EVENT_NAMES = {
-    showMore: 'showMore'
-};
-const SHOW_MORE_ITEM_ATTRIBUTE = 'show-more-item';
-
-exports.SHOW_MORE_CSS_CLASSES = SHOW_MORE_CSS_CLASSES;
-exports.SHOW_MORE_EVENT_NAMES = SHOW_MORE_EVENT_NAMES;
-exports.SHOW_MORE_ITEM_ATTRIBUTE = SHOW_MORE_ITEM_ATTRIBUTE;
-//# sourceMappingURL=show_more_constants.js.map

package/build/cjs/packages/phoenix/src/components/show-more/show_more_constants.js.map

@@ -1 +0,0 @@
-{"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;"}