@shoper/phoenix_design_system 1.18.1 → 1.18.2

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

@@ -1,266 +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 modal_constants = require('./modal_constants.js');
-var modal_close = require('./modal_close.js');
-
-var HModal_1;
-exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.opened = false;
-        this.class = '';
-        this.transition = 'scale';
-        this.modalLabel = '';
-        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 = {
-            [modal_constants.MODAL_OPENED_PROP]: {
-                true: () => {
-                    const scrollY = window.scrollY;
-                    HModal_1.openModals = [...HModal_1.openModals, this];
-                    document.addEventListener('keydown', this._bindCloseOnEsc);
-                    document.addEventListener(backdrop_constants.BACKDROP_EVENTS.clicked, this.close);
-                    this._dispatchModalOpenedEvent();
-                    setTimeout(() => {
-                        var _a;
-                        (_a = this._firstFocusableElement) === null || _a === void 0 ? void 0 : _a.focus();
-                        window.scrollTo(0, scrollY);
-                    }, 0);
-                },
-                false: () => {
-                    HModal_1.openModals = HModal_1.openModals.filter((modal) => modal !== this);
-                    document.removeEventListener('keydown', this._bindCloseOnEsc);
-                    document.removeEventListener(backdrop_constants.BACKDROP_EVENTS.clicked, this.close);
-                }
-            }
-        };
-        this._backdropController = new backdrop_controller.BackdropController();
-        this._keepFocusWithinModal = (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 isModalCloseElement = ev.target instanceof modal_close.HModalClose;
-            const isContainedWithinModal = (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.contains(ev.target);
-            if (isModalCloseElement && isContainedWithinModal) {
-                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 shouldCloseModal = closeConditions.every((condition) => condition);
-            if (shouldCloseModal) {
-                const [modalToClose] = HModal_1.openModals.slice(-1);
-                await (modalToClose === null || modalToClose === void 0 ? void 0 : modalToClose.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(`modal_hide-${this.transition}-start`);
-                    (_b = this._contentRef.value) === null || _b === void 0 ? void 0 : _b.classList.add(`modal_hide-${this.transition}-end`);
-                    setTimeout(() => {
-                        var _a;
-                        (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_hide-${this.transition}-start`, `modal_hide-${this.transition}-end`);
-                        this[modal_constants.MODAL_OPENED_PROP] = false;
-                        this._dispatchModalClosedEvent();
-                        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(modal_constants.FOCUSABLE_ELEMENTS_WITHIN_MODAL)];
-    }
-    static _appendModalsPortal() {
-        const $modalsPortalTarget = document.querySelector(`h-portal-target[name="${modal_constants.MODALS_PORTAL_NAME}"]`);
-        if (!$modalsPortalTarget) {
-            const $portalTarget = document.createElement('h-portal-target');
-            $portalTarget.setAttribute(portal_constants.PORTAL_TARGET_NAME_PROP, modal_constants.MODALS_PORTAL_NAME);
-            document.body.appendChild($portalTarget);
-        }
-    }
-    static isSomeModalOpen() {
-        return HModal_1.openModals.some((modal) => modal.opened);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        HModal_1._appendModalsPortal();
-        document.addEventListener('keyup', this._keepFocusWithinModal);
-        document.addEventListener(modal_constants.MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        if (this[modal_constants.MODAL_OPENED_PROP])
-            this.close();
-        document.removeEventListener(modal_constants.MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
-        document.removeEventListener('keydown', this._bindCloseOnEsc);
-        document.removeEventListener('keyup', this._keepFocusWithinModal);
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        this._firstFocusableElement = this._focusSentinelStart.value;
-        this._lastFocusableElement = this._focusSentinelEnd.value;
-    }
-    updated(changedProps) {
-        if (changedProps.has(modal_constants.MODAL_OPENED_PROP)) {
-            this._propsChangeStrategies[modal_constants.MODAL_OPENED_PROP][String(this[modal_constants.MODAL_OPENED_PROP])]();
-        }
-    }
-    _setFocusToFirstFocusableElementInModalOrCloseBtn() {
-        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[modal_constants.MODAL_OPENED_PROP] = true;
-            (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.add(`modal_visible`, `modal_show-${this.transition}-start`);
-            window.requestAnimationFrame(() => {
-                setTimeout(() => {
-                    var _a;
-                    (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.add(`modal_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(`modal_show-${this.transition}-start`, `modal_show-${this.transition}-end`);
-                    this._setFocusToFirstFocusableElementInModalOrCloseBtn();
-                    resolve();
-                }, transitionDuration);
-            });
-        });
-    }
-    _dispatchModalOpenedEvent() {
-        this.emitCustomEvent(modal_constants.MODAL_EVENTS.opened, {
-            detail: this
-        });
-        this._backdropController.show();
-        this._addInertToBodyChildrenElements();
-    }
-    _dispatchModalClosedEvent() {
-        this.emitCustomEvent(modal_constants.MODAL_EVENTS.closed, {
-            detail: this
-        });
-        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="${modal_constants.MODALS_PORTAL_NAME}" hidden>
-                <div class="modal-wrapper ${this.class}">
-                    <div tabindex="0" ${ref_js.ref(this._focusSentinelStart)}></div>
-                    <div ${ref_js.ref(this._contentRef)} class="modal" role="dialog" aria-label="${this.modalLabel}">
-                        <div class="modal__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.HModal.openModals = [];
-tslib_es6.__decorate([
-    decorators_js.property({ type: Boolean, reflect: true }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HModal.prototype, "opened", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: String }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HModal.prototype, "class", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: String }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HModal.prototype, "transition", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: String, attribute: 'modal-label' }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HModal.prototype, "modalLabel", void 0);
-tslib_es6.__decorate([
-    decorators_js.state(),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HModal.prototype, "_firstFocusableElement", void 0);
-tslib_es6.__decorate([
-    decorators_js.state(),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HModal.prototype, "_focusableElements", void 0);
-tslib_es6.__decorate([
-    decorators_js.state(),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HModal.prototype, "_lastFocusableElement", void 0);
-exports.HModal = HModal_1 = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-modal'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HModal);
-//# sourceMappingURL=modal.js.map

package/build/cjs/packages/phoenix/src/components/modal/modal.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;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/modal/modal_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.HModalBody = class HModalBody extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.slot = this.hasAttribute('slot') ? this.slot : 'body';
-        this.className = `modal__body ${this.className}`;
-    }
-};
-exports.HModalBody = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-modal-body'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HModalBody);
-//# sourceMappingURL=modal_body.js.map

package/build/cjs/packages/phoenix/src/components/modal/modal_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/modal/modal_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 modal_constants = require('./modal_constants.js');
-
-exports.HModalClose = class HModalClose extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.tabIndex = 0;
-        this.setAttribute('role', 'button');
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener('click', this._dispatchModalCloseEvent);
-        this.addEventListener('keydown', this._dispatchModalCloseOnEnterEvent);
-    }
-    disconnectedCallback() {
-        this.removeEventListener('click', this._dispatchModalCloseEvent);
-        this.removeEventListener('keydown', this._dispatchModalCloseOnEnterEvent);
-    }
-    _dispatchModalCloseEvent() {
-        this.emitCustomEvent(modal_constants.MODAL_EVENTS.close);
-    }
-    _dispatchModalCloseOnEnterEvent(ev) {
-        if (ev.code === 'Enter' || ev.code === 'Space') {
-            this._dispatchModalCloseEvent();
-        }
-    }
-};
-exports.HModalClose = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-modal-close'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HModalClose);
-//# sourceMappingURL=modal_close.js.map

package/build/cjs/packages/phoenix/src/components/modal/modal_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/modal/modal_constants.js

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

package/build/cjs/packages/phoenix/src/components/modal/modal_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/modal/modal_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.HModalFooter = class HModalFooter extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.slot = this.hasAttribute('slot') ? this.slot : 'footer';
-        this.className = `modal__footer ${this.className}`;
-    }
-};
-exports.HModalFooter = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-modal-footer'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HModalFooter);
-//# sourceMappingURL=modal_footer.js.map

package/build/cjs/packages/phoenix/src/components/modal/modal_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/modal/modal_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.HModalHeader = class HModalHeader extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.slot = this.hasAttribute('slot') ? this.slot : 'header';
-        this.className = `modal__header ${this.className}`;
-    }
-};
-exports.HModalHeader = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-modal-header'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HModalHeader);
-//# sourceMappingURL=modal_header.js.map

package/build/cjs/packages/phoenix/src/components/modal/modal_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/modal/modal_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.HModalOpener = class HModalOpener 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._openModal);
-        this.addEventListener('keydown', this._openModalOnKeydownEvent);
-    }
-    disconnectedCallback() {
-        this.removeEventListener('click', this._openModal);
-        this.removeEventListener('keydown', this._openModalOnKeydownEvent);
-    }
-    _openModal() {
-        const modal = document.querySelector(`h-modal#${this.name}`);
-        modal === null || modal === void 0 ? void 0 : modal.open();
-    }
-    _openModalOnKeydownEvent(ev) {
-        if (ev.code === 'Enter' || ev.code === 'Space') {
-            this._openModal();
-        }
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HModalOpener.prototype, "name", void 0);
-exports.HModalOpener = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-modal-opener'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HModalOpener);
-//# sourceMappingURL=modal_opener.js.map

package/build/cjs/packages/phoenix/src/components/modal/modal_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/navigator/navigator_controller/navigator_controller.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-var lit = require('lit');
-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');
-var navigator_controller_constants = require('./navigator_controller_constants.js');
-
-exports.NavigatorController = class NavigatorController extends phoenix_light_lit_element.PhoenixLightLitElement {
-    connectedCallback() {
-        super.connectedCallback();
-        const doesSupportProperty = !!navigator[this.property];
-        this._templateSlot = doesSupportProperty ?
-            navigator_controller_constants.NAVIGATOR_CONTROLLER_SLOT_NAMES.supported :
-            navigator_controller_constants.NAVIGATOR_CONTROLLER_SLOT_NAMES.unsupported;
-    }
-    render() {
-        super.render();
-        return lit.html `${this.getSlot(this._templateSlot)}`;
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.NavigatorController.prototype, "property", void 0);
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", String)
-], exports.NavigatorController.prototype, "_templateSlot", void 0);
-exports.NavigatorController = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('navigator-controller')
-], exports.NavigatorController);
-//# sourceMappingURL=navigator_controller.js.map

package/build/cjs/packages/phoenix/src/components/navigator/navigator_controller/navigator_controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;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/navigator/navigator_controller/navigator_controller_constants.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const NAVIGATOR_CONTROLLER_SLOT_NAMES = {
-    supported: 'supported',
-    unsupported: `unsupported`
-};
-
-exports.NAVIGATOR_CONTROLLER_SLOT_NAMES = NAVIGATOR_CONTROLLER_SLOT_NAMES;
-//# sourceMappingURL=navigator_controller_constants.js.map

package/build/cjs/packages/phoenix/src/components/navigator/navigator_controller/navigator_controller_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;"}

package/build/cjs/packages/phoenix/src/components/navigator/navigator_share/navigator_share.js

@@ -1,78 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-var lit = require('lit');
-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');
-var btn_controller = require('../../../controllers/btn_controller/btn_controller.js');
-var navigator_share_constants = require('./navigator_share_constants.js');
-
-exports.NavigatorShare = class NavigatorShare extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.url = '';
-        this.text = '';
-        this.title = '';
-        this.files = [];
-        this._handleShare = async () => {
-            if (!navigator.canShare(this.shareData))
-                return;
-            try {
-                await navigator.share(this.shareData);
-                this.emitCustomEvent(navigator_share_constants.NAVIGATOR_SHARE_EVENTS.success);
-            }
-            catch (err) {
-                this.emitCustomEvent(navigator_share_constants.NAVIGATOR_SHARE_EVENTS.error, {
-                    detail: err
-                });
-            }
-        };
-        this._btnController = new btn_controller.BtnController(this, this._handleShare);
-    }
-    get shareData() {
-        return {
-            url: this.url,
-            text: this.text,
-            title: this.title,
-            files: this.files
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener('click', this._handleShare);
-    }
-    render() {
-        super.render();
-        return lit.html `
-            <navigator-controller property="share">
-                <div slot="supported">
-                    ${this.getSlot('content')}
-                </div>
-            </navigator-controller>
-        `;
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.NavigatorShare.prototype, "url", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.NavigatorShare.prototype, "text", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.NavigatorShare.prototype, "title", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Array }),
-    tslib_es6.__metadata("design:type", Array)
-], exports.NavigatorShare.prototype, "files", void 0);
-exports.NavigatorShare = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('navigator-share'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.NavigatorShare);
-//# sourceMappingURL=navigator_share.js.map

package/build/cjs/packages/phoenix/src/components/navigator/navigator_share/navigator_share.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/navigator/navigator_share/navigator_share_constants.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const NAVIGATOR_SHARE_EVENTS_BASE_NAME = 'navigator';
-const NAVIGATOR_SHARE_EVENTS = {
-    success: `${NAVIGATOR_SHARE_EVENTS_BASE_NAME}.success`,
-    error: `${NAVIGATOR_SHARE_EVENTS_BASE_NAME}.error`
-};
-
-exports.NAVIGATOR_SHARE_EVENTS = NAVIGATOR_SHARE_EVENTS;
-//# sourceMappingURL=navigator_share_constants.js.map

package/build/cjs/packages/phoenix/src/components/navigator/navigator_share/navigator_share_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;"}