@plusui/library 0.1.15 → 0.1.17

package/dist/components/modal/modal.js

@@ -1,44 +1,68 @@
 import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
 import { x } from '../../lit-element-ByzbtpGk.js';
 import { r } from '../../state-D1d5Sfj8.js';
+import { e } from '../../query-CHb9Ft_d.js';
+import { o } from '../../style-map-DC_vNus2.js';
 import { booleanConverter } from '../../utils/boolean-converter.js';
 import { modalStyle } from './modal.style.js';
 import Tailwind from '../base/tailwind-base.js';
+import '../../base-Cl6v8-BZ.js';
+import '../../directive-DZCF8pFJ.js';
 import '../../index-B9iart53.js';
 import '../../styles/global.js';
 import '../../style-inject.es-tgCJW-Cu.js';
 
 /**
  * @tag plus-modal
- * @summary Modal dialog component that appears on top of the page content.
+ * @summary Modal dialog component built on native HTML Dialog API. Displays content in a layer above the page with full keyboard and focus management.
  *
+ * @slot - Main content area (same as body slot)
  * @slot header - The header content of the modal
- * @slot body - The main content of the modal
+ * @slot body - The main content of the modal (alternative to default slot)
  * @slot footer - The footer content of the modal
  * @slot close - Custom close button (defaults to an X icon)
  *
- * @csspart container - The main container element
- * @csspart overlay - The overlay element
- * @csspart modal - The modal element
- * @csspart header - The header element
- * @csspart body - The body element
- * @csspart footer - The footer element
+ * @csspart dialog - The native dialog element
+ * @csspart container - The container wrapper for centering and scrolling
+ * @csspart modal - The main modal box
+ * @csspart header - The header section
+ * @csspart header-content - The content wrapper inside header
+ * @csspart body - The main content area
+ * @csspart footer - The footer section
  * @csspart close-button - The close button element
  *
+ * @event plus-modal-open - Emitted after the modal has opened
+ * @event plus-modal-close - Emitted after the modal has closed
+ * @event plus-modal-before-open - Emitted before the modal opens (cancelable)
+ * @event plus-modal-before-close - Emitted before the modal closes (cancelable)
+ *
  * @example
  * ```html
- * <plus-modal>
+ * <!-- Basic usage -->
+ * <plus-modal is-open>
  *   <div slot="header">Modal Title</div>
  *   <div slot="body">Modal Content</div>
  *   <div slot="footer">
- *     <button>Save</button>
+ *     <button data-dismiss>Close</button>
  *   </div>
  * </plus-modal>
+ *
+ * <!-- Full screen modal -->
+ * <plus-modal full-screen>
+ *   <div slot="header">Full Screen</div>
+ *   <p>Content here</p>
+ * </plus-modal>
+ *
+ * <!-- Static backdrop (shake on outside click) -->
+ * <plus-modal backdrop="static">
+ *   <div slot="header">Can't Close Outside</div>
+ *   <p>Must use close button</p>
+ * </plus-modal>
  * ```
  */
 class PlusModal extends Tailwind {
     constructor() {
-        super();
+        super(...arguments);
         /**
          * The size of the modal
          * @type {'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full'}
@@ -46,6 +70,13 @@ class PlusModal extends Tailwind {
          * @attr size
          */
         this.size = 'md';
+        /**
+         * The placement of the modal on the screen
+         * @type {'center' | 'top'}
+         * @default 'center'
+         * @attr placement
+         */
+        this.placement = 'center';
         /**
          * Whether the modal is open
          * @type {boolean}
@@ -60,6 +91,23 @@ class PlusModal extends Tailwind {
          * @attr full-width
          */
         this.fullWidth = false;
+        /**
+         * Makes the modal take the full screen (100vw x 100vh, no border radius)
+         * @type {boolean}
+         * @default false
+         * @attr full-screen
+         */
+        this.fullScreen = false;
+        /**
+         * Controls backdrop behavior
+         * - true: Shows backdrop, modal can be closed by clicking outside
+         * - false: No backdrop
+         * - 'static': Shows backdrop but prevents closing by clicking outside (triggers shake animation)
+         * @type {boolean | 'static'}
+         * @default true
+         * @attr backdrop
+         */
+        this.backdrop = true;
         /**
          * Whether the modal should close when clicking the backdrop
          * @type {boolean}
@@ -74,6 +122,20 @@ class PlusModal extends Tailwind {
          * @attr close-on-esc
          */
         this.closeOnEsc = true;
+        /**
+         * Hides the header section completely
+         * @type {boolean}
+         * @default false
+         * @attr no-header
+         */
+        this.noHeader = false;
+        /**
+         * Hides the footer section completely
+         * @type {boolean}
+         * @default false
+         * @attr no-footer
+         */
+        this.noFooter = false;
         /**
          * The duration of the animation in milliseconds
          * @type {number}
@@ -82,118 +144,286 @@ class PlusModal extends Tailwind {
          */
         this.animationDuration = 300;
         this.isAnimating = false;
-        this.keydownHandler = this.handleKeydown.bind(this);
+        this.shake = false;
     }
     connectedCallback() {
         super.connectedCallback();
-        this.addEventListener('plus-modal-before-show', this.handleBeforeShow);
-        this.addEventListener('plus-modal-before-hide', this.handleBeforeHide);
+        this.addEventListener('plus-modal-before-open', this.handleBeforeOpen);
+        this.addEventListener('plus-modal-before-close', this.handleBeforeClose);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('plus-modal-before-open', this.handleBeforeOpen);
+        this.removeEventListener('plus-modal-before-close', this.handleBeforeClose);
+        if (this.dialogRef && this.isOpen) {
+            this.dialogRef.close();
+        }
+    }
+    firstUpdated() {
+        if (this.isOpen && this.dialogRef) {
+            this.dialogRef.showModal();
+        }
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('isOpen')) {
+            if (this.isOpen) {
+                this.handleOpenChange();
+            }
+            else {
+                this.handleCloseChange();
+            }
+        }
     }
     /**
-     * Hides the modal with animation
-     * @returns {void}
+     * Shows the modal with animation
+     * @returns {Promise<void>}
      */
-    hide() {
-        if (this.isAnimating)
+    async show() {
+        if (this.isAnimating || this.isOpen)
             return;
-        this.emit('plus-modal-before-hide');
+        this.isOpen = true;
     }
-    handleBeforeHide() {
-        this.isAnimating = true;
+    /**
+     * Hides the modal with animation
+     * @returns {Promise<void>}
+     */
+    async hide() {
+        if (this.isAnimating || !this.isOpen)
+            return;
         this.isOpen = false;
-        setTimeout(() => {
-            this.isAnimating = false;
-            this.emit('plus-modal-hide');
-        }, this.animationDuration);
     }
     /**
-     * Shows the modal with animation
-     * @returns {void}
+     * Toggles the modal open/closed state
+     * @returns {Promise<void>}
      */
-    show() {
-        if (this.isAnimating)
+    async toggle() {
+        if (this.isOpen) {
+            await this.hide();
+        }
+        else {
+            await this.show();
+        }
+    }
+    async handleOpenChange() {
+        this.isAnimating = true;
+        const event = this.emit('plus-modal-before-open', { cancelable: true });
+        if (event.defaultPrevented) {
+            this.isOpen = false;
+            this.isAnimating = false;
             return;
-        this.emit('plus-modal-before-show');
+        }
+        if (this.dialogRef) {
+            this.dialogRef.showModal();
+            // Small delay for animation
+            await new Promise(resolve => setTimeout(resolve, 50));
+            this.isAnimating = false;
+            this.emit('plus-modal-open');
+        }
     }
-    handleBeforeShow() {
+    async handleCloseChange() {
         this.isAnimating = true;
-        this.isOpen = true;
-        setTimeout(() => {
+        const event = this.emit('plus-modal-before-close', { cancelable: true });
+        if (event.defaultPrevented) {
+            this.isOpen = true;
             this.isAnimating = false;
-            this.emit('plus-modal-show');
-        }, this.animationDuration);
-        if (this.closeOnEsc) {
-            document.addEventListener('keydown', this.keydownHandler);
+            return;
         }
+        // Wait for animation before closing
+        await new Promise(resolve => setTimeout(resolve, this.animationDuration));
+        if (this.dialogRef) {
+            this.dialogRef.close();
+        }
+        this.isAnimating = false;
+        this.emit('plus-modal-close');
     }
-    // override firstUpdated() {
-    //   this.modalElement = this.shadowRoot?.querySelector('.modal') as HTMLElement;
-    // }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener('plus-modal-before-show', this.handleBeforeShow);
-        this.removeEventListener('plus-modal-before-hide', this.handleBeforeHide);
-        document.removeEventListener('keydown', this.keydownHandler);
+    handleBeforeOpen() {
+        // Hook for internal use if needed
+    }
+    handleBeforeClose() {
+        // Hook for internal use if needed
+    }
+    handleBackdropClick(e) {
+        const target = e.target;
+        // Check if click is on the container (backdrop area), not on modal content
+        if (target.getAttribute('part') === 'container') {
+            if (this.backdrop === 'static') {
+                this.shakeModal();
+            }
+            else if (this.closeOnBackdrop) {
+                this.hide();
+            }
+        }
+    }
+    handleDialogCancel(e) {
+        e.preventDefault();
+        if (this.closeOnEsc) {
+            if (this.backdrop === 'static') {
+                this.shakeModal();
+            }
+            else {
+                this.hide();
+            }
+        }
+        else if (this.backdrop === 'static') {
+            this.shakeModal();
+        }
     }
     handleKeydown(e) {
-        if (e.key === 'Escape' && this.closeOnEsc && this.isOpen) {
-            this.hide();
+        if (e.key === 'Escape' && this.isOpen) {
+            // Only handle ESC if this is the topmost modal
+            const openModals = Array.from(document.querySelectorAll('plus-modal[is-open]'));
+            const topModal = openModals[openModals.length - 1];
+            if (topModal !== this) {
+                return;
+            }
+            e.preventDefault();
+            if (this.closeOnEsc) {
+                if (this.backdrop === 'static') {
+                    this.shakeModal();
+                }
+                else {
+                    this.hide();
+                }
+            }
+            else if (this.backdrop === 'static') {
+                this.shakeModal();
+            }
         }
     }
-    handleBackdropClick(e) {
-        // Check if the click was on the backdrop (overlay) and not on the modal content
-        if (e.target === e.currentTarget && this.closeOnBackdrop) {
+    handleClick(e) {
+        // Use composedPath to work with shadow DOM and slots
+        const path = e.composedPath();
+        const dismissElement = path.find(el => el.hasAttribute?.('data-dismiss'));
+        const closeModalElement = path.find(el => el.hasAttribute?.('data-close-modal'));
+        if (dismissElement) {
+            // Stop propagation only when dismissing the modal
+            e.stopPropagation();
+            e.preventDefault();
             this.hide();
         }
+        else if (closeModalElement) {
+            const modalId = closeModalElement.getAttribute('data-close-modal');
+            // If modalId matches this modal's id, close it
+            if (!modalId || modalId === this.id) {
+                // Stop propagation only when closing the modal
+                e.stopPropagation();
+                e.preventDefault();
+                this.hide();
+            }
+        }
+        // Don't stop propagation for normal clicks - let them bubble to child elements
+    }
+    shakeModal() {
+        this.shake = true;
+        setTimeout(() => {
+            this.shake = false;
+        }, this.animationDuration);
+    }
+    getModalStyle() {
+        if (this.fullScreen) {
+            return {
+                width: '100vw',
+                height: '100vh',
+                maxWidth: 'none',
+                maxHeight: 'none',
+            };
+        }
+        if (this.fullWidth) {
+            return {
+                width: '100%',
+                maxWidth: '100%',
+            };
+        }
+        const widths = {
+            sm: '400px',
+            md: '600px',
+            lg: '800px',
+            xl: '1024px',
+            '2xl': '1200px',
+            full: '100%',
+        };
+        return {
+            width: widths[this.size],
+            maxWidth: this.fullScreen ? 'none' : '90vw',
+            maxHeight: this.fullScreen ? 'none' : '90vh',
+        };
     }
     render() {
-        const { size, isOpen, fullWidth } = this;
-        const { base, modalClass, modalOverlay, modalContainer, modalHeader, modalBody, modalFooter, modalCloseButtonClass, } = modalStyle({ size, isOpen, fullWidth });
+        const { dialog, container, modal, header, headerContent, body, footer, closeButton, } = modalStyle({
+            open: this.isOpen,
+            placement: this.placement,
+            size: this.size,
+            fullScreen: this.fullScreen,
+            shake: this.shake,
+            noHeader: this.noHeader,
+            noFooter: this.noFooter,
+            fullWidth: this.fullWidth,
+        });
         return x `
-      <div
-        class=${base()}
-        part="container"
-        role="dialog"
+      <dialog
+        part="dialog"
+        class=${dialog()}
+        @click=${this.handleBackdropClick}
+        @cancel=${this.handleDialogCancel}
+        @keydown=${this.handleKeydown}
         aria-modal="true"
-        aria-hidden=${!isOpen}
-        aria-label="Modal"
       >
         <div
-          class=${modalOverlay()}
-          part="overlay"
-          @click=${this.handleBackdropClick}
-        ></div>
-        <div class=${modalClass()} part="modal">
-          <div class=${modalContainer()}>
-            <div class=${modalHeader()} part="header">
-              <slot name="header"></slot>
-              <slot name="close">
-                <button
-                  class=${modalCloseButtonClass()}
-                  part="close-button"
-                  aria-label="Close modal"
-                  @click=${() => this.hide()}
-                >
-                  <plus-icon icon-name="xmark"></plus-icon>
-                </button>
-              </slot>
-            </div>
-            <div class=${modalBody()} part="body">
+          part="container"
+          class=${container()}
+        >
+          <div
+            part="modal"
+            class=${modal()}
+            style=${o(this.getModalStyle())}
+            role="document"
+            @click=${this.handleClick}
+          >
+            ${!this.noHeader ? x `
+              <div part="header" class=${header()}>
+                <div part="header-content" class=${headerContent()}>
+                  <slot name="header"></slot>
+                </div>
+                <slot name="close">
+                  <button
+                    part="close-button"
+                    class=${closeButton()}
+                    @click=${() => this.hide()}
+                    aria-label="Close modal"
+                    type="button"
+                  >
+                    <plus-icon icon-name="xmark"></plus-icon>
+                  </button>
+                </slot>
+              </div>
+            ` : ''}
+
+            <div part="body" class=${body()}>
               <slot name="body"></slot>
               <slot></slot>
             </div>
-            <div class=${modalFooter()} part="footer">
-              <slot name="footer"></slot>
-            </div>
+
+            ${!this.noFooter ? x `
+              <div part="footer" class=${footer()}>
+                <slot name="footer"></slot>
+              </div>
+            ` : ''}
           </div>
         </div>
-      </div>
+      </dialog>
     `;
     }
 }
+__decorate([
+    e('dialog')
+], PlusModal.prototype, "dialogRef", void 0);
 __decorate([
     n({ type: String, reflect: true })
 ], PlusModal.prototype, "size", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], PlusModal.prototype, "placement", void 0);
 __decorate([
     n({
         type: Boolean,
@@ -210,6 +440,17 @@ __decorate([
         converter: booleanConverter,
     })
 ], PlusModal.prototype, "fullWidth", void 0);
+__decorate([
+    n({
+        type: Boolean,
+        reflect: true,
+        attribute: 'full-screen',
+        converter: booleanConverter,
+    })
+], PlusModal.prototype, "fullScreen", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], PlusModal.prototype, "backdrop", void 0);
 __decorate([
     n({
         type: Boolean,
@@ -226,11 +467,30 @@ __decorate([
         attribute: 'close-on-esc',
     })
 ], PlusModal.prototype, "closeOnEsc", void 0);
+__decorate([
+    n({
+        type: Boolean,
+        reflect: true,
+        attribute: 'no-header',
+        converter: booleanConverter,
+    })
+], PlusModal.prototype, "noHeader", void 0);
+__decorate([
+    n({
+        type: Boolean,
+        reflect: true,
+        attribute: 'no-footer',
+        converter: booleanConverter,
+    })
+], PlusModal.prototype, "noFooter", void 0);
 __decorate([
     n({ type: Number, reflect: true, attribute: 'animation-duration' })
 ], PlusModal.prototype, "animationDuration", void 0);
 __decorate([
     r()
 ], PlusModal.prototype, "isAnimating", void 0);
+__decorate([
+    r()
+], PlusModal.prototype, "shake", void 0);
 
 export { PlusModal, PlusModal as default };

package/dist/components/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modal/modal.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,QAAQ;IAiF7C;QACE,KAAK,EAAE,CAAC;QAjFV;;;;;WAKG;QAEH,SAAI,GAA+C,IAAI,CAAC;QAExD;;;;;WAKG;QAOH,WAAM,GAAG,KAAK,CAAC;QAEf;;;;;WAKG;QAOH,cAAS,GAAG,KAAK,CAAC;QAElB;;;;;WAKG;QAOH,oBAAe,GAAG,IAAI,CAAC;QAEvB;;;;;WAKG;QAOH,eAAU,GAAG,IAAI,CAAC;QAElB;;;;;WAKG;QAEH,sBAAiB,GAAG,GAAG,CAAC;QAGhB,gBAAW,GAAG,KAAK,CAAC;QAO1B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACvE,IAAI,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACzE,CAAC;IAED;;;OAGG;IACH,IAAI;QACF,IAAI,IAAI,CAAC,WAAW;YAAE,OAAO;QAC7B,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;IACtC,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QAEpB,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC/B,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC7B,CAAC;IAED;;;OAGG;IACH,IAAI;QACF,IAAI,IAAI,CAAC,WAAW;YAAE,OAAO;QAC7B,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;IACtC,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QAEnB,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC/B,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAE3B,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC5D,CAAC;IACH,CAAC;IAED,4BAA4B;IAC5B,iFAAiF;IACjF,IAAI;IAEK,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,wBAAwB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAC1E,IAAI,CAAC,mBAAmB,CAAC,wBAAwB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAC1E,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC/D,CAAC;IAEO,aAAa,CAAC,CAAgB;QACpC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACzD,IAAI,CAAC,IAAI,EAAE,CAAC;QACd,CAAC;IACH,CAAC;IAEO,mBAAmB,CAAC,CAAa;QACvC,gFAAgF;QAChF,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzD,IAAI,CAAC,IAAI,EAAE,CAAC;QACd,CAAC;IACH,CAAC;IAEQ,MAAM;QACb,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QACzC,MAAM,EACJ,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,cAAc,EACd,WAAW,EACX,SAAS,EACT,WAAW,EACX,qBAAqB,GACtB,GAAG,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;QAE5C,OAAO,IAAI,CAAA;;gBAEC,IAAI,EAAE;;;;sBAIA,CAAC,MAAM;;;;kBAIX,YAAY,EAAE;;mBAEb,IAAI,CAAC,mBAAmB;;qBAEtB,UAAU,EAAE;uBACV,cAAc,EAAE;yBACd,WAAW,EAAE;;;;0BAIZ,qBAAqB,EAAE;;;2BAGtB,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;;;;;;yBAMnB,SAAS,EAAE;;;;yBAIX,WAAW,EAAE;;;;;;KAMjC,CAAC;IACJ,CAAC;CACF;AA5MC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCACc;AAcxD;IANC,QAAQ,CAAC;QACR,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,gBAAgB;KAC5B,CAAC;yCACa;AAcf;IANC,QAAQ,CAAC;QACR,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,YAAY;QACvB,SAAS,EAAE,gBAAgB;KAC5B,CAAC;4CACgB;AAclB;IANC,QAAQ,CAAC;QACR,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,gBAAgB;QAC3B,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,mBAAmB;KAC/B,CAAC;kDACqB;AAcvB;IANC,QAAQ,CAAC;QACR,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,gBAAgB;QAC3B,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,cAAc;KAC1B,CAAC;6CACgB;AASlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;oDACnD;AAGhB;IADP,KAAK,EAAE;8CACoB;AA0I9B,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modal/modal.ts"],"names":[],"mappings":"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"}