@shoper/phoenix_design_system 1.3.0 → 1.3.2

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

@@ -1,174 +1,174 @@
-var HModal_1;
-import { __decorate, __metadata } from "tslib";
-import { FOCUSABLE_ELEMENTS_WITHIN_MODAL, MODALS_PORTAL_NAME, MODAL_EVENTS, MODAL_OPENED_PROP } from './modal_constants';
-import { html } from 'lit-html';
-import '../portal/portal_target';
-import { PORTAL_TARGET_NAME_PROP } from '../portal/portal_constants';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
-import { BackdropController } from '@phoenixRoot/components/backdrop/controller/backdrop_controller';
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { property, state } from '@lit/reactive-element/decorators.js';
-import { createRef, ref } from 'lit-html/directives/ref.js';
 import '@lit/reactive-element';
-let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
-    static _appendModalsPortal() {
-        const $modalsPortalTarget = document.querySelector(`h-portal-target[name="${MODALS_PORTAL_NAME}"]`);
-        if (!$modalsPortalTarget) {
-            const $portalTarget = document.createElement('h-portal-target');
-            $portalTarget.setAttribute(PORTAL_TARGET_NAME_PROP, MODALS_PORTAL_NAME);
-            document.body.appendChild($portalTarget);
-        }
-    }
-    static isSomeModalOpen() {
-        return HModal_1.openModals.some((modal) => modal.opened);
-    }
-    constructor() {
-        super();
-        this.opened = false;
-        this.class = '';
-        this.transition = 'scale';
-        this._firstFocusableElement = undefined;
-        this._focusableElements = null;
-        this._lastFocusableElement = undefined;
-        this._contentRef = createRef();
-        this._focusSentinelStart = createRef();
-        this._focusSentinelEnd = createRef();
-        this._propsChangeStrategies = {
-            [MODAL_OPENED_PROP]: {
-                true: () => {
-                    const scrollY = window.scrollY;
-                    HModal_1.openModals = [...HModal_1.openModals, this];
-                    document.addEventListener('keydown', this._bindCloseOnEsc);
-                    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);
-                }
-            }
-        };
-        this._backdropController = new BackdropController();
-        this._keepFocusWithinModal = (ev) => {
-            var _a, _b;
-            const isTabPressed = ev.code === 'Tab';
-            if (isTabPressed) {
-                if (ev.shiftKey) {
-                    if (document.activeElement === this._firstFocusableElement) {
-                        (_a = this._lastFocusableElement) === null || _a === void 0 ? void 0 : _a.focus();
-                        ev.preventDefault();
-                    }
-                }
-                else if (document.activeElement === this._lastFocusableElement) {
-                    (_b = this._firstFocusableElement) === null || _b === void 0 ? void 0 : _b.focus();
-                    ev.preventDefault();
-                }
-            }
-        };
-        this._handleCloseFromCloseComponent = async (ev) => {
-            var _a;
-            ev.stopPropagation();
-            if ((_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.contains(ev.target)) {
-                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.hidden = true;
-        this._focusableElements = [...this.querySelectorAll(FOCUSABLE_ELEMENTS_WITHIN_MODAL)];
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        HModal_1._appendModalsPortal();
-        document.addEventListener('keydown', this._keepFocusWithinModal);
-        document.addEventListener(MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        if (this[MODAL_OPENED_PROP])
-            this.close();
-        document.removeEventListener(MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
-        document.removeEventListener('keydown', this._bindCloseOnEsc);
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        this._firstFocusableElement = this._focusSentinelStart.value;
-        this._lastFocusableElement = this._focusSentinelEnd.value;
-    }
-    updated(changedProps) {
-        if (changedProps.has(MODAL_OPENED_PROP)) {
-            this._propsChangeStrategies[MODAL_OPENED_PROP][String(this[MODAL_OPENED_PROP])]();
-        }
-    }
-    async open() {
-        return new Promise((resolve) => {
-            var _a;
-            (_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;
-                    this[MODAL_OPENED_PROP] = true;
-                    (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_show-${this.transition}-start`, `modal_show-${this.transition}-end`);
-                    resolve();
-                }, transitionDuration);
-            });
-        });
-    }
-    _dispatchModalOpenedEvent() {
-        const openModalEvent = new CustomEvent(MODAL_EVENTS.opened, {
-            bubbles: true
-        });
-        this.dispatchEvent(openModalEvent);
-        this._backdropController.show();
-    }
-    async close() {
-        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_OPENED_PROP] = false;
-                    this._dispatchModalClosedEvent();
-                    resolve();
-                }, transitionDuration);
-            });
-        });
-    }
-    _dispatchModalClosedEvent() {
-        const closeModalEvent = new CustomEvent(MODAL_EVENTS.closed, {
-            bubbles: true
-        });
-        this.dispatchEvent(closeModalEvent);
-        this._backdropController.hide();
-    }
-    render() {
+import { html } from 'lit-html';
+import { createRef, ref } from 'lit-html/directives/ref.js';
+import { PORTAL_TARGET_NAME_PROP } from '../portal/portal_constants.js';
+import { BackdropController } from '../backdrop/controller/backdrop_controller.js';
+import { MODAL_OPENED_PROP, FOCUSABLE_ELEMENTS_WITHIN_MODAL, MODALS_PORTAL_NAME, MODAL_EVENTS } from './modal_constants.js';
+
+var HModal_1;
+let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.opened = false;
+        this.class = '';
+        this.transition = 'scale';
+        this._firstFocusableElement = undefined;
+        this._focusableElements = null;
+        this._lastFocusableElement = undefined;
+        this._contentRef = createRef();
+        this._focusSentinelStart = createRef();
+        this._focusSentinelEnd = createRef();
+        this._propsChangeStrategies = {
+            [MODAL_OPENED_PROP]: {
+                true: () => {
+                    const scrollY = window.scrollY;
+                    HModal_1.openModals = [...HModal_1.openModals, this];
+                    document.addEventListener('keydown', this._bindCloseOnEsc);
+                    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);
+                }
+            }
+        };
+        this._backdropController = new BackdropController();
+        this._keepFocusWithinModal = (ev) => {
+            var _a, _b;
+            const isTabPressed = ev.code === 'Tab';
+            if (isTabPressed) {
+                if (ev.shiftKey) {
+                    if (document.activeElement === this._firstFocusableElement) {
+                        (_a = this._lastFocusableElement) === null || _a === void 0 ? void 0 : _a.focus();
+                        ev.preventDefault();
+                    }
+                }
+                else if (document.activeElement === this._lastFocusableElement) {
+                    (_b = this._firstFocusableElement) === null || _b === void 0 ? void 0 : _b.focus();
+                    ev.preventDefault();
+                }
+            }
+        };
+        this._handleCloseFromCloseComponent = async (ev) => {
+            var _a;
+            ev.stopPropagation();
+            if ((_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.contains(ev.target)) {
+                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.hidden = true;
+        this._focusableElements = [...this.querySelectorAll(FOCUSABLE_ELEMENTS_WITHIN_MODAL)];
+    }
+    static _appendModalsPortal() {
+        const $modalsPortalTarget = document.querySelector(`h-portal-target[name="${MODALS_PORTAL_NAME}"]`);
+        if (!$modalsPortalTarget) {
+            const $portalTarget = document.createElement('h-portal-target');
+            $portalTarget.setAttribute(PORTAL_TARGET_NAME_PROP, 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('keydown', this._keepFocusWithinModal);
+        document.addEventListener(MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this[MODAL_OPENED_PROP])
+            this.close();
+        document.removeEventListener(MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
+        document.removeEventListener('keydown', this._bindCloseOnEsc);
+    }
+    firstUpdated(props) {
+        super.firstUpdated(props);
+        this._firstFocusableElement = this._focusSentinelStart.value;
+        this._lastFocusableElement = this._focusSentinelEnd.value;
+    }
+    updated(changedProps) {
+        if (changedProps.has(MODAL_OPENED_PROP)) {
+            this._propsChangeStrategies[MODAL_OPENED_PROP][String(this[MODAL_OPENED_PROP])]();
+        }
+    }
+    async open() {
+        return new Promise((resolve) => {
+            var _a;
+            (_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;
+                    this[MODAL_OPENED_PROP] = true;
+                    (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_show-${this.transition}-start`, `modal_show-${this.transition}-end`);
+                    resolve();
+                }, transitionDuration);
+            });
+        });
+    }
+    _dispatchModalOpenedEvent() {
+        const openModalEvent = new CustomEvent(MODAL_EVENTS.opened, {
+            bubbles: true
+        });
+        this.dispatchEvent(openModalEvent);
+        this._backdropController.show();
+    }
+    async close() {
+        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_OPENED_PROP] = false;
+                    this._dispatchModalClosedEvent();
+                    resolve();
+                }, transitionDuration);
+            });
+        });
+    }
+    _dispatchModalClosedEvent() {
+        const closeModalEvent = new CustomEvent(MODAL_EVENTS.closed, {
+            bubbles: true
+        });
+        this.dispatchEvent(closeModalEvent);
+        this._backdropController.hide();
+    }
+    render() {
         return html `
             <h-portal ?disabled="${!this.opened}" to="${MODALS_PORTAL_NAME}" hidden>
                 <div class="modal-wrapper ${this.class}">
@@ -179,37 +179,38 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
                     <div tabindex="0" ${ref(this._focusSentinelEnd)}></div>
                 </div>
             </h-portal>
-        `;
-    }
-};
-HModal.openModals = [];
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Object)
-], HModal.prototype, "opened", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", Object)
-], HModal.prototype, "class", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", Object)
-], HModal.prototype, "transition", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], HModal.prototype, "_firstFocusableElement", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], HModal.prototype, "_focusableElements", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], HModal.prototype, "_lastFocusableElement", void 0);
-HModal = HModal_1 = __decorate([
-    phoenixCustomElement('h-modal'),
-    __metadata("design:paramtypes", [])
+        `;
+    }
+};
+HModal.openModals = [];
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], HModal.prototype, "opened", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], HModal.prototype, "class", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], HModal.prototype, "transition", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], HModal.prototype, "_firstFocusableElement", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], HModal.prototype, "_focusableElements", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], HModal.prototype, "_lastFocusableElement", void 0);
+HModal = HModal_1 = __decorate([
+    phoenixCustomElement('h-modal'),
+    __metadata("design:paramtypes", [])
 ], HModal);
+
 export { HModal };
-//# sourceMappingURL=modal.js.map
+//# sourceMappingURL=modal.js.map

package/build/esm/packages/phoenix/src/components/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/modal.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/src/components/modal/modal_body.d.ts

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-export declare class HModalBody extends PhoenixLightLitElement {
-    constructor();
-}
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HModalBody extends PhoenixLightLitElement {
+    constructor();
+}

package/build/esm/packages/phoenix/src/components/modal/modal_body.js

@@ -1,16 +1,18 @@
-import { __decorate, __metadata } from "tslib";
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
-let HModalBody = class HModalBody extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.slot = this.hasAttribute('slot') ? this.slot : 'body';
-        this.className = `modal__body ${this.className}`;
-    }
-};
-HModalBody = __decorate([
-    phoenixCustomElement('h-modal-body'),
-    __metadata("design:paramtypes", [])
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+
+let HModalBody = class HModalBody extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.slot = this.hasAttribute('slot') ? this.slot : 'body';
+        this.className = `modal__body ${this.className}`;
+    }
+};
+HModalBody = __decorate([
+    phoenixCustomElement('h-modal-body'),
+    __metadata("design:paramtypes", [])
 ], HModalBody);
+
 export { HModalBody };
-//# sourceMappingURL=modal_body.js.map
+//# sourceMappingURL=modal_body.js.map

package/build/esm/packages/phoenix/src/components/modal/modal_body.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal_body.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/modal_body.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAGpF,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,sBAAsB;IAClD;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;QAC3D,IAAI,CAAC,SAAS,GAAG,eAAe,IAAI,CAAC,SAAS,EAAE,CAAC;IACrD,CAAC;CACJ,CAAA;AAPY,UAAU;IADtB,oBAAoB,CAAC,cAAc,CAAC;;GACxB,UAAU,CAOtB;SAPY,UAAU"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/components/modal/modal_close.d.ts

@@ -1,8 +1,8 @@
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-export declare class HModalClose extends PhoenixLightLitElement {
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _dispatchModalCloseEvent;
-    private _dispatchModalCloseOnEnterEvent;
-}
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HModalClose extends PhoenixLightLitElement {
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _dispatchModalCloseEvent;
+    private _dispatchModalCloseOnEnterEvent;
+}

package/build/esm/packages/phoenix/src/components/modal/modal_close.js

@@ -1,37 +1,39 @@
-import { __decorate, __metadata } from "tslib";
-import { MODAL_EVENTS } from './modal_constants';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
-let HModalClose = class HModalClose extends 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() {
-        const closeModalEvent = new CustomEvent(MODAL_EVENTS.close, {
-            bubbles: true
-        });
-        this.dispatchEvent(closeModalEvent);
-    }
-    _dispatchModalCloseOnEnterEvent(ev) {
-        if (ev.code === 'Enter' || ev.code === 'Space') {
-            this._dispatchModalCloseEvent();
-        }
-    }
-};
-HModalClose = __decorate([
-    phoenixCustomElement('h-modal-close'),
-    __metadata("design:paramtypes", [])
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { MODAL_EVENTS } from './modal_constants.js';
+
+let HModalClose = class HModalClose extends 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() {
+        const closeModalEvent = new CustomEvent(MODAL_EVENTS.close, {
+            bubbles: true
+        });
+        this.dispatchEvent(closeModalEvent);
+    }
+    _dispatchModalCloseOnEnterEvent(ev) {
+        if (ev.code === 'Enter' || ev.code === 'Space') {
+            this._dispatchModalCloseEvent();
+        }
+    }
+};
+HModalClose = __decorate([
+    phoenixCustomElement('h-modal-close'),
+    __metadata("design:paramtypes", [])
 ], HModalClose);
+
 export { HModalClose };
-//# sourceMappingURL=modal_close.js.map
+//# sourceMappingURL=modal_close.js.map

package/build/esm/packages/phoenix/src/components/modal/modal_close.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal_close.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/modal_close.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAGpF,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,sBAAsB;IACnD;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACxC,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QAC9D,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,+BAA+B,CAAC,CAAC;IAC3E,CAAC;IAEM,oBAAoB;QACvB,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QACjE,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,+BAA+B,CAAC,CAAC;IAC9E,CAAC;IAEO,wBAAwB;QAC5B,MAAM,eAAe,GAAG,IAAI,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE;YACxD,OAAO,EAAE,IAAI;SAChB,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IACxC,CAAC;IAEO,+BAA+B,CAAC,EAAiB;QACrD,IAAI,EAAE,CAAC,IAAI,KAAK,OAAO,IAAI,EAAE,CAAC,IAAI,KAAK,OAAO,EAAE;YAC5C,IAAI,CAAC,wBAAwB,EAAE,CAAC;SACnC;IACL,CAAC;CACJ,CAAA;AAjCY,WAAW;IADvB,oBAAoB,CAAC,eAAe,CAAC;;GACzB,WAAW,CAiCvB;SAjCY,WAAW"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/src/components/modal/modal_constants.d.ts

@@ -1,9 +1,9 @@
-export declare const MODALS_PORTAL_NAME = "modals";
-export declare const MODAL_EVENTS: {
-    open: string;
-    close: string;
-    opened: string;
-    closed: string;
-};
-export declare const MODAL_OPENED_PROP = "opened";
-export declare const FOCUSABLE_ELEMENTS_WITHIN_MODAL = "button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])";
+export declare const MODALS_PORTAL_NAME = "modals";
+export declare const MODAL_EVENTS: {
+    open: string;
+    close: string;
+    opened: string;
+    closed: string;
+};
+export declare const MODAL_OPENED_PROP = "opened";
+export declare const FOCUSABLE_ELEMENTS_WITHIN_MODAL = "button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])";