@nuraly/lumenui 0.1.0 → 0.2.1

package/dist/src/components/modal/bundle.js

@@ -1,23 +1,23 @@
-import{css as a,LitElement as o,nothing as t,html as e}from"lit";import{property as i,state as r,customElement as s}from"lit/decorators.js";import{classMap as n}from"lit/directives/class-map.js";import{styleMap as l}from"lit/directives/style-map.js";import{NuralyUIBaseMixin as d}from"@nuralyui/common/mixins";
+import{css as t,nothing as e,html as o,LitElement as i}from"lit";import{property as s,state as a,customElement as n}from"lit/decorators.js";import{classMap as r}from"lit/directives/class-map.js";import{styleMap as d}from"lit/directives/style-map.js";
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */var c,h,m,u;!function(a){a.Small="small",a.Medium="medium",a.Large="large",a.ExtraLarge="xl"}(c||(c={})),function(a){a.Center="center",a.Top="top",a.Bottom="bottom"}(h||(h={})),function(a){a.Fade="fade",a.Zoom="zoom",a.SlideUp="slide-up",a.SlideDown="slide-down",a.None="none"}(m||(m={})),function(a){a.Static="static",a.Closable="closable",a.None="none"}(u||(u={}));const p="",v=1e3,y=a=>Object.values(c).includes(a),f=a=>Object.values(h).includes(a),b=a=>Object.values(m).includes(a),g=a=>Object.values(u).includes(a),x={size:c.Medium,position:h.Center,animation:m.Fade,backdrop:u.Closable,closable:!0,draggable:!1,resizable:!1,fullscreen:!1,destroyOnClose:!1,zIndex:1e3},k={title:p,showCloseButton:!0,icon:p,draggable:!1},w={showCancelButton:!1,showOkButton:!1,cancelText:"Cancel",okText:"OK",okType:"primary"},z=a`
+ */var l,h,c,m;!function(t){t.Small="small",t.Medium="medium",t.Large="large",t.ExtraLarge="xl"}(l||(l={})),function(t){t.Center="center",t.Top="top",t.Bottom="bottom"}(h||(h={})),function(t){t.Fade="fade",t.Zoom="zoom",t.SlideUp="slide-up",t.SlideDown="slide-down",t.None="none"}(c||(c={})),function(t){t.Static="static",t.Closable="closable",t.None="none"}(m||(m={}));const p="",u=1e3,f=t=>Object.values(l).includes(t),b=t=>Object.values(h).includes(t),g=t=>Object.values(c).includes(t),v=t=>Object.values(m).includes(t),y={size:l.Medium,position:h.Center,animation:c.Fade,backdrop:m.Closable,closable:!0,draggable:!1,resizable:!1,fullscreen:!1,destroyOnClose:!1,zIndex:1e3},w={title:p,showCloseButton:!0,icon:p,draggable:!1},x={showCancelButton:!1,showOkButton:!1,cancelText:"Cancel",okText:"OK",okType:"primary"},k=t`
   :host {
     display: contents;
-    font-family: var(--nuraly-font-family);
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
     
     /* Force CSS custom property inheritance to ensure theme switching works properly */
-    color: var(--nuraly-color-text);
-    background-color: var(--nuraly-color-background);
+    color: #161616;
+    background-color: #ffffff;
     
     /* Ensure theme variables are properly inherited */
-    --modal-border-radius: var(--nuraly-border-radius-modal, 8px);
+    --modal-border-radius: 8px;
     
     /* Ensure clean state transitions when theme changes */
     * {
-      transition: all var(--nuraly-transition-fast, 0.15s) ease;
+      transition: all 0.15s ease;
     }
   }
 
@@ -34,13 +34,13 @@ import{css as a,LitElement as o,nothing as t,html as e}from"lit";import{property
     left: 0;
     right: 0;
     bottom: 0;
-    background-color: var(--nuraly-color-modal-backdrop, rgba(0, 0, 0, 0.45));
-    z-index: var(--nuraly-z-modal-backdrop, 1000);
+    background-color: rgba(0, 0, 0, 0.45);
+    z-index: 1000;
     display: flex;
     align-items: center;
     justify-content: center;
-    padding: var(--nuraly-spacing-modal-padding, var(--nuraly-spacing-05, 1rem));
-    backdrop-filter: var(--nuraly-modal-backdrop-filter, none);
+    padding: 1rem;
+    backdrop-filter: none;
     
     &.modal-backdrop--hidden {
       display: none;
@@ -48,25 +48,25 @@ import{css as a,LitElement as o,nothing as t,html as e}from"lit";import{property
     
     &.modal-backdrop--position-top {
       align-items: flex-start;
-      padding-top: var(--nuraly-spacing-modal-top, var(--nuraly-spacing-07, 2rem));
+      padding-top: 2rem;
     }
     
     &.modal-backdrop--position-bottom {
       align-items: flex-end;
-      padding-bottom: var(--nuraly-spacing-modal-bottom, var(--nuraly-spacing-07, 2rem));
+      padding-bottom: 2rem;
     }
   }
 
   /* Nested modals support */
   .modal-backdrop {
     /* Ensure each modal backdrop has its own stacking context */
-    z-index: var(--nuraly-z-modal-backdrop, 1000);
+    z-index: 1000;
   }
 
   /* Nested modal backdrop styling */
   .modal-backdrop + .modal-backdrop {
     /* Subsequent modals get slightly darker backdrop */
-    background-color: var(--nuraly-color-modal-backdrop-nested, rgba(0, 0, 0, 0.6));
+    background-color: rgba(0, 0, 0, 0.6);
   }
 
   /* Nested modal animation delay to avoid conflicts */
@@ -77,46 +77,44 @@ import{css as a,LitElement as o,nothing as t,html as e}from"lit";import{property
   /* Modal container */
   .modal {
     position: relative;
-    background-color: var(--nuraly-color-modal-background, var(--nuraly-color-background, #ffffff));
+    background-color: #ffffff;
     border-radius: var(--modal-border-radius);
-    box-shadow: var(--nuraly-shadow-modal, 
-      0 6px 16px 0 rgba(0, 0, 0, 0.08), 
+    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 
       0 3px 6px -4px rgba(0, 0, 0, 0.12),
-      0 9px 28px 8px rgba(0, 0, 0, 0.05)
-    );
-    border: var(--nuraly-border-modal, 1px solid var(--nuraly-color-border, #e0e0e0));
-    max-height: calc(100vh - var(--nuraly-spacing-modal-margin, var(--nuraly-spacing-07, 2rem)) * 2);
-    max-width: calc(100vw - var(--nuraly-spacing-modal-margin, var(--nuraly-spacing-07, 2rem)) * 2);
+      0 9px 28px 8px rgba(0, 0, 0, 0.05);
+    border: 1px solid #e0e0e0;
+    max-height: calc(100vh - 2rem * 2);
+    max-width: calc(100vw - 2rem * 2);
     display: flex;
     flex-direction: column;
     outline: none;
     
     &:focus {
-      outline: var(--nuraly-focus-outline, 2px solid var(--nuraly-color-primary, #0f62fe));
-      outline-offset: var(--nuraly-focus-outline-offset, 1px);
+      outline: 2px solid #7c3aed;
+      outline-offset: 1px;
     }
   }
 
 
   /* Modal sizes */
   .modal--size-small {
-    width: var(--nuraly-modal-width-small, 400px);
-    min-height: var(--nuraly-modal-min-height-small, 200px);
+    width: 400px;
+    min-height: 200px;
   }
 
   .modal--size-medium {
-    width: var(--nuraly-modal-width-medium, 600px);
-    min-height: var(--nuraly-modal-min-height-medium, 300px);
+    width: 600px;
+    min-height: 300px;
   }
 
   .modal--size-large {
-    width: var(--nuraly-modal-width-large, 800px);
-    min-height: var(--nuraly-modal-min-height-large, 400px);
+    width: 800px;
+    min-height: 400px;
   }
 
   .modal--size-xl {
-    width: var(--nuraly-modal-width-xl, 1000px);
-    min-height: var(--nuraly-modal-min-height-xl, 500px);
+    width: 1000px;
+    min-height: 500px;
   }
 
   .modal--fullscreen {
@@ -129,12 +127,12 @@ import{css as a,LitElement as o,nothing as t,html as e}from"lit";import{property
 
   /* Modal header */
   .modal-header {
-    padding: var(--nuraly-spacing-modal-header, var(--nuraly-spacing-05, 1rem) var(--nuraly-spacing-06, 1.5rem));
-    border-bottom: var(--nuraly-border-modal-header, 1px solid var(--nuraly-color-border, #e0e0e0));
+    padding: 1rem 1.5rem;
+    border-bottom: 1px solid #e0e0e0;
     display: flex;
     align-items: center;
     justify-content: space-between;
-    min-height: var(--nuraly-modal-header-height);
+    min-height: 56px;
     flex-shrink: 0;
     
     &.modal-header--draggable {
@@ -146,24 +144,24 @@ import{css as a,LitElement as o,nothing as t,html as e}from"lit";import{property
   .modal-header-content {
     display: flex;
     align-items: center;
-    gap: var(--nuraly-spacing-03, 0.5rem);
+    gap: 0.5rem;
     flex: 1;
     min-width: 0;
   }
 
   .modal-header-icon {
     flex-shrink: 0;
-    width: var(--nuraly-modal-header-icon-size, 20px);
-    height: var(--nuraly-modal-header-icon-size, 20px);
-    color: var(--nuraly-color-modal-header-icon, var(--nuraly-color-text-secondary, #525252));
+    width: 20px;
+    height: 20px;
+    color: #525252;
   }
 
   .modal-title {
-    font-size: var(--nuraly-font-size-modal-title, var(--nuraly-font-size-04, 1.125rem));
-    font-weight: var(--nuraly-font-weight-modal-title, var(--nuraly-font-weight-medium, 500));
-    color: var(--nuraly-color-modal-title, var(--nuraly-color-text, #161616));
+    font-size: 1.125rem;
+    font-weight: 500;
+    color: #161616;
     margin: 0;
-    line-height: var(--nuraly-line-height-02, 1.375);
+    line-height: 1.375;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -171,36 +169,36 @@ import{css as a,LitElement as o,nothing as t,html as e}from"lit";import{property
 
   .modal-close-button {
     flex-shrink: 0;
-    width: var(--nuraly-modal-close-size, 32px);
-    height: var(--nuraly-modal-close-size, 32px);
+    width: 32px;
+    height: 32px;
     border: none;
     background: transparent;
-    border-radius: var(--nuraly-border-radius-sm, 4px);
+    border-radius: 4px;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
-    color: var(--nuraly-color-modal-close-icon, var(--nuraly-color-text-secondary, #525252));
-    transition: all var(--nuraly-transition-fast, 0.15s) ease;
+    color: #525252;
+    transition: all 0.15s ease;
     
     &:hover {
-      background-color: var(--nuraly-color-modal-close-hover, var(--nuraly-color-background-hover, #f4f4f4));
-      color: var(--nuraly-color-modal-close-icon-hover, var(--nuraly-color-text, #161616));
+      background-color: #f4f4f4;
+      color: #161616;
     }
     
     &:focus {
-      outline: var(--nuraly-focus-outline, 2px solid var(--nuraly-color-primary, #0f62fe));
-      outline-offset: var(--nuraly-focus-outline-offset, 1px);
+      outline: 2px solid #7c3aed;
+      outline-offset: 1px;
     }
     
     &:active {
-      background-color: var(--nuraly-color-modal-close-active, var(--nuraly-color-background-active, #c6c6c6));
+      background-color: #c6c6c6;
     }
   }
 
   .modal-close-icon {
-    width: var(--nuraly-modal-close-icon-size, 16px);
-    height: var(--nuraly-modal-close-icon-size, 16px);
+    width: 16px;
+    height: 16px;
   }
 
   /* Carbon theme specific - sharp corners for close button */
@@ -213,21 +211,21 @@ import{css as a,LitElement as o,nothing as t,html as e}from"lit";import{property
   /* Modal body */
   .modal-body {
     flex: 1;
-    padding: var(--nuraly-spacing-modal-body, var(--nuraly-spacing-05, 1rem) var(--nuraly-spacing-06, 1.5rem));
+    padding: 1rem 1.5rem;
     overflow-y: auto;
-    color: var(--nuraly-color-modal-body-text, var(--nuraly-color-text, #161616));
-    line-height: var(--nuraly-line-height-03, 1.5);
+    color: #161616;
+    line-height: 1.5;
   }
 
   /* Modal footer */
   .modal-footer {
-    padding: var(--nuraly-spacing-modal-footer, var(--nuraly-spacing-03, 0.5rem) var(--nuraly-spacing-05, 1rem));
-    border-top: var(--nuraly-border-modal-footer, 1px solid var(--nuraly-color-border, #e0e0e0));
+    padding: 0.5rem 1rem;
+    border-top: 1px solid #e0e0e0;
     display: flex;
     align-items: center;
     justify-content: flex-end;
-    gap: var(--nuraly-spacing-03, 0.5rem);
-    min-height: var(--nuraly-modal-footer-height, 48px);
+    gap: 0.5rem;
+    min-height: 48px;
     flex-shrink: 0;
   }
 
@@ -287,23 +285,23 @@ import{css as a,LitElement as o,nothing as t,html as e}from"lit";import{property
 
   /* Animation classes */
   .modal-backdrop--animation-fade {
-    animation: backdropFadeIn var(--nuraly-transition-modal, 0.3s) ease;
+    animation: backdropFadeIn 0.3s ease;
   }
 
   .modal--animation-fade {
-    animation: modalFadeIn var(--nuraly-transition-modal, 0.3s) ease;
+    animation: modalFadeIn 0.3s ease;
   }
 
   .modal--animation-zoom {
-    animation: modalZoomIn var(--nuraly-transition-modal, 0.3s) ease;
+    animation: modalZoomIn 0.3s ease;
   }
 
   .modal--animation-slide-up {
-    animation: modalSlideUp var(--nuraly-transition-modal, 0.3s) ease;
+    animation: modalSlideUp 0.3s ease;
   }
 
   .modal--animation-slide-down {
-    animation: modalSlideDown var(--nuraly-transition-modal, 0.3s) ease;
+    animation: modalSlideDown 0.3s ease;
   }
 
   /* Dragging state */
@@ -328,8 +326,8 @@ import{css as a,LitElement as o,nothing as t,html as e}from"lit";import{property
     background: linear-gradient(
       -45deg,
       transparent 40%,
-      var(--nuraly-color-border, #e0e0e0) 40%,
-      var(--nuraly-color-border, #e0e0e0) 60%,
+      #e0e0e0 40%,
+      #e0e0e0 60%,
       transparent 60%
     );
   }
@@ -337,7 +335,7 @@ import{css as a,LitElement as o,nothing as t,html as e}from"lit";import{property
   /* Responsive behavior */
   @media (max-width: 768px) {
     .modal-backdrop {
-      padding: var(--nuraly-spacing-02, 0.25rem);
+      padding: 0.25rem;
     }
     
     .modal--size-small,
@@ -351,8 +349,8 @@ import{css as a,LitElement as o,nothing as t,html as e}from"lit";import{property
     .modal-header,
     .modal-body,
     .modal-footer {
-      padding-left: var(--nuraly-spacing-04, 0.75rem);
-      padding-right: var(--nuraly-spacing-04, 0.75rem);
+      padding-left: 0.75rem;
+      padding-right: 0.75rem;
     }
   }
 
@@ -367,63 +365,74 @@ import{css as a,LitElement as o,nothing as t,html as e}from"lit";import{property
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */;const M=new class{constructor(){this.modalStack=[],this.baseZIndex=1e3,this.zIndexIncrement=10,this.bodyScrollDisabled=!1,this.originalBodyOverflow=""}openModal(a){const o=this.generateModalId(),t=this.baseZIndex+this.modalStack.length*this.zIndexIncrement,e={modal:a,previousFocus:document.activeElement,zIndex:t,id:o};return this.modalStack.push(e),1===this.modalStack.length&&this.disableBodyScroll(),this.updateModalZIndex(a,t),t}closeModal(a){const o=this.modalStack.findIndex(o=>o.modal===a);if(-1===o)return void console.warn("Attempting to close a modal that is not in the stack");const t=this.modalStack[o];if(o<this.modalStack.length-1){this.modalStack.slice(o+1).forEach(a=>{a.modal&&"function"==typeof a.modal.closeModal&&a.modal.closeModal()})}this.modalStack.splice(o),t.previousFocus instanceof HTMLElement&&setTimeout(()=>{t.previousFocus instanceof HTMLElement&&t.previousFocus.focus()},100),0===this.modalStack.length&&this.restoreBodyScroll(),console.log(`Modal closed. Stack depth: ${this.modalStack.length}`)}getModalZIndex(a){const o=this.modalStack.find(o=>o.modal===a);return o?o.zIndex:this.baseZIndex}isTopModal(a){return 0!==this.modalStack.length&&this.modalStack[this.modalStack.length-1].modal===a}getStackDepth(){return this.modalStack.length}closeAllModals(){[...this.modalStack].reverse().forEach(a=>{a.modal&&"function"==typeof a.modal.closeModal&&a.modal.closeModal()})}getOpenModalIds(){return this.modalStack.map(a=>a.id)}hasOpenModals(){return this.modalStack.length>0}generateModalId(){return`modal-${Date.now()}-${Math.random().toString(36).substr(2,9)}`}updateModalZIndex(a,o){a&&a.style&&a.style.setProperty("--nuraly-z-modal-backdrop",o.toString())}disableBodyScroll(){this.bodyScrollDisabled||(this.originalBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden",this.bodyScrollDisabled=!0)}restoreBodyScroll(){this.bodyScrollDisabled&&(document.body.style.overflow=this.originalBodyOverflow,this.bodyScrollDisabled=!1)}handleEscapeKey(){if(0===this.modalStack.length)return!1;const a=this.modalStack[this.modalStack.length-1].modal;return!(!a||"function"!=typeof a.closeModal||!1===a.closable)&&(a.closeModal(),!0)}handleBackdropClick(a){return this.isTopModal(a)}};"undefined"!=typeof window&&(window.ModalManager=M)
+ */,C=t=>class extends t{constructor(){super(...arguments),this.handleSystemThemeChange=()=>{this.closest("[data-theme]")||document.documentElement.hasAttribute("data-theme")||this.requestUpdate()}}connectedCallback(){super.connectedCallback(),this.setupThemeObserver(),this.setupDesignSystemObserver(),this.setupSystemThemeListener()}disconnectedCallback(){var t,e,o;super.disconnectedCallback(),null===(t=this.themeObserver)||void 0===t||t.disconnect(),null===(e=this.designSystemObserver)||void 0===e||e.disconnect(),null===(o=this.mediaQuery)||void 0===o||o.removeEventListener("change",this.handleSystemThemeChange)}get currentTheme(){var t,e;const o=(null===(t=this.closest("[data-theme]"))||void 0===t?void 0:t.getAttribute("data-theme"))||document.documentElement.getAttribute("data-theme");return o||((null===(e=window.matchMedia)||void 0===e?void 0:e.call(window,"(prefers-color-scheme: dark)").matches)?"dark":"light")}get currentDesignSystem(){var t;const e=(null===(t=this.closest("[design-system]"))||void 0===t?void 0:t.getAttribute("design-system"))||document.documentElement.getAttribute("design-system");return"carbon"===e?e:"default"}setupThemeObserver(){this.themeObserver=new MutationObserver(()=>{this.requestUpdate()}),this.themeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]})}setupDesignSystemObserver(){this.designSystemObserver=new MutationObserver(()=>{this.requestUpdate()}),this.designSystemObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["design-system"]})}setupSystemThemeListener(){window.matchMedia&&(this.mediaQuery=window.matchMedia("(prefers-color-scheme: dark)"),this.mediaQuery.addEventListener("change",this.handleSystemThemeChange))}},S=()=>{var t;return void 0!==globalThis.litElementVersions||"undefined"!=typeof process&&"development"===(null===(t=process.env)||void 0===t?void 0:t.NODE_ENV)||"undefined"!=typeof window&&("localhost"===window.location.hostname||"127.0.0.1"===window.location.hostname)},E=t=>class extends t{constructor(){super(...arguments),this.requiredComponents=[]}validateDependencies(){if(S())for(const t of this.requiredComponents)if(!this.isComponentAvailable(t))throw new Error(`Required component "${t}" is not registered. Please import and register the component before using ${this.tagName.toLowerCase()}. Example: import '@nuralyui/${t}';`)}validateDependenciesWithHandler(t){if(!S())return!0;let e=!0;for(const o of this.requiredComponents)if(!this.isComponentAvailable(o)){e=!1;const i=new Error(`Required component "${o}" is not registered. Please import and register the component before using ${this.tagName.toLowerCase()}.`);t?t(o,i):console.error(i.message)}return e}isComponentAvailable(t){return!!customElements.get(t)}getMissingDependencies(){return this.requiredComponents.filter(t=>!this.isComponentAvailable(t))}areDependenciesAvailable(){return this.requiredComponents.every(t=>this.isComponentAvailable(t))}addRequiredComponent(t){this.requiredComponents.includes(t)||this.requiredComponents.push(t)}removeRequiredComponent(t){const e=this.requiredComponents.indexOf(t);e>-1&&this.requiredComponents.splice(e,1)}},M=t=>class extends t{dispatchCustomEvent(t,e){this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0}))}dispatchEventWithMetadata(t,e){var o;const i=Object.assign(Object.assign({},e),{timestamp:Date.now(),componentName:(null===(o=this.tagName)||void 0===o?void 0:o.toLowerCase())||"unknown"});this.dispatchCustomEvent(t,i)}dispatchInputEvent(t,e){const o=Object.assign({target:e.target||this,value:e.value,originalEvent:e.originalEvent},e);this.dispatchCustomEvent(t,o)}dispatchFocusEvent(t,e){const o=Object.assign({target:e.target||this,value:e.value,focused:e.focused,cursorPosition:e.cursorPosition,selectedText:e.selectedText},e);this.dispatchCustomEvent(t,o)}dispatchValidationEvent(t,e){var o;const i=Object.assign({target:e.target||this,value:e.value,isValid:null!==(o=e.isValid)&&void 0!==o&&o,error:e.error},e);this.dispatchCustomEvent(t,i)}dispatchActionEvent(t,e){const o=Object.assign({target:e.target||this,action:e.action,previousValue:e.previousValue,newValue:e.newValue},e);this.dispatchCustomEvent(t,o)}isReadonlyKeyAllowed(t){if(t.ctrlKey||t.metaKey){return["KeyA","KeyC"].includes(t.code)}return["Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"].includes(t.key)}isActivationKey(t){return"Enter"===t.key||" "===t.key}},z=new Set,$=new Map;
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+const D=t=>{class e extends t{constructor(){super(...arguments),this.t=null}createRenderRoot(){return this.constructor.useShadowDom?super.createRenderRoot():this}connectedCallback(){const t=this.constructor.useShadowDom;if(!t&&null===this.t)for(this.t=[];this.firstChild;)this.t.push(this.removeChild(this.firstChild));if(super.connectedCallback(),!t){const t=this.constructor,e=this.tagName.toLowerCase(),o=t.styles;if(o){const t=O(o);t&&function(t,e,o){var i;if(!$.has(t)){const o=new CSSStyleSheet;o.replaceSync(e),$.set(t,o)}const s=$.get(t),a=`doc:${t}`;if(z.has(a)||(document.adoptedStyleSheets=[...document.adoptedStyleSheets,s],z.add(a)),o){let e=o;for(;e;){const o=e.getRootNode();if(!(o instanceof ShadowRoot))break;{const a=`shadow:${((null===(i=o.host)||void 0===i?void 0:i.tagName)||"").toLowerCase()}:${t}`;z.has(a)||(o.adoptedStyleSheets=[...o.adoptedStyleSheets,s],z.add(a)),e=o.host}}}}(e,t,this)}}}get lightChildren(){return this.t?this.t.filter(t=>!(t instanceof Element&&t.hasAttribute("slot"))):[]}lightChildrenNamed(t){return this.t?this.t.filter(e=>e instanceof Element&&e.getAttribute("slot")===t):[]}}return e.useShadowDom=!1,e};function O(t){return Array.isArray(t)?t.map(t=>O(t)).filter(Boolean).join("\n"):t&&"string"==typeof t.cssText?t.cssText:"string"==typeof t?t:""}
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */const j=new class{constructor(){this.modalStack=[],this.baseZIndex=1e3,this.zIndexIncrement=10,this.bodyScrollDisabled=!1,this.originalBodyOverflow=""}openModal(t){const e=this.generateModalId(),o=this.baseZIndex+this.modalStack.length*this.zIndexIncrement,i={modal:t,previousFocus:document.activeElement,zIndex:o,id:e};return this.modalStack.push(i),1===this.modalStack.length&&this.disableBodyScroll(),this.updateModalZIndex(t,o),o}closeModal(t){const e=this.modalStack.findIndex(e=>e.modal===t);if(-1===e)return void console.warn("Attempting to close a modal that is not in the stack");const o=this.modalStack[e];if(e<this.modalStack.length-1){this.modalStack.slice(e+1).forEach(t=>{t.modal&&"function"==typeof t.modal.closeModal&&t.modal.closeModal()})}this.modalStack.splice(e),o.previousFocus instanceof HTMLElement&&setTimeout(()=>{o.previousFocus instanceof HTMLElement&&o.previousFocus.focus()},100),0===this.modalStack.length&&this.restoreBodyScroll(),console.log(`Modal closed. Stack depth: ${this.modalStack.length}`)}getModalZIndex(t){const e=this.modalStack.find(e=>e.modal===t);return e?e.zIndex:this.baseZIndex}isTopModal(t){return 0!==this.modalStack.length&&this.modalStack[this.modalStack.length-1].modal===t}getStackDepth(){return this.modalStack.length}closeAllModals(){[...this.modalStack].reverse().forEach(t=>{t.modal&&"function"==typeof t.modal.closeModal&&t.modal.closeModal()})}getOpenModalIds(){return this.modalStack.map(t=>t.id)}hasOpenModals(){return this.modalStack.length>0}generateModalId(){return`modal-${Date.now()}-${Math.random().toString(36).substr(2,9)}`}updateModalZIndex(t,e){t&&t.style&&t.style.setProperty("--nuraly-z-modal-backdrop",e.toString())}disableBodyScroll(){this.bodyScrollDisabled||(this.originalBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden",this.bodyScrollDisabled=!0)}restoreBodyScroll(){this.bodyScrollDisabled&&(document.body.style.overflow=this.originalBodyOverflow,this.bodyScrollDisabled=!1)}handleEscapeKey(){if(0===this.modalStack.length)return!1;const t=this.modalStack[this.modalStack.length-1].modal;return!(!t||"function"!=typeof t.closeModal||!1===t.closable)&&(t.closeModal(),!0)}handleBackdropClick(t){return this.isTopModal(t)}};"undefined"!=typeof window&&(window.ModalManager=j)
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */;class C{constructor(a){this.initialX=0,this.initialY=0,this.dragHandle=null,this.handleMouseDown=a=>{var o;if(!this.host.modalDraggable)return;a.preventDefault(),this.host.isDragging=!0,this.initialX=a.clientX-this.host.offsetX,this.initialY=a.clientY-this.host.offsetY;const t=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".modal");t&&t.classList.add("modal--dragging")},this.handleMouseMove=a=>{var o;if(!this.host.isDragging||!this.host.modalDraggable)return;a.preventDefault();const t=a.clientX-this.initialX,e=a.clientY-this.initialY,i=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".modal");if(i){const a=i.getBoundingClientRect(),o=window.innerWidth,r=window.innerHeight,s=-a.width/2,n=o-a.width/2,l=-a.height/2,d=r-a.height/2;this.host.offsetX=Math.max(s,Math.min(n,t)),this.host.offsetY=Math.max(l,Math.min(d,e)),i.style.transform=`translate(${this.host.offsetX}px, ${this.host.offsetY}px)`}this.host.requestUpdate()},this.handleMouseUp=()=>{var a;if(!this.host.isDragging)return;this.host.isDragging=!1;const o=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector(".modal");o&&o.classList.remove("modal--dragging"),this.host.requestUpdate()},this.host=a,this.host.addController(this)}hostConnected(){this.setupDragHandlers()}hostDisconnected(){this.cleanupDragHandlers()}setupDragHandlers(){requestAnimationFrame(()=>{var a;this.dragHandle=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector(".modal-header--draggable"),this.dragHandle&&this.host.modalDraggable&&(this.dragHandle.addEventListener("mousedown",this.handleMouseDown),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp))})}cleanupDragHandlers(){this.dragHandle&&this.dragHandle.removeEventListener("mousedown",this.handleMouseDown),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)}resetPosition(){var a;this.host.offsetX=0,this.host.offsetY=0;const o=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector(".modal");o&&(o.style.transform="none"),this.host.requestUpdate()}}
+ */;class A{constructor(t){this.initialX=0,this.initialY=0,this.dragHandle=null,this.handleMouseDown=t=>{var e;if(!this.host.modalDraggable)return;t.preventDefault(),this.host.isDragging=!0,this.initialX=t.clientX-this.host.offsetX,this.initialY=t.clientY-this.host.offsetY;const o=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".modal");o&&o.classList.add("modal--dragging")},this.handleMouseMove=t=>{var e;if(!this.host.isDragging||!this.host.modalDraggable)return;t.preventDefault();const o=t.clientX-this.initialX,i=t.clientY-this.initialY,s=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".modal");if(s){const t=s.getBoundingClientRect(),e=window.innerWidth,a=window.innerHeight,n=-t.width/2,r=e-t.width/2,d=-t.height/2,l=a-t.height/2;this.host.offsetX=Math.max(n,Math.min(r,o)),this.host.offsetY=Math.max(d,Math.min(l,i)),s.style.transform=`translate(${this.host.offsetX}px, ${this.host.offsetY}px)`}this.host.requestUpdate()},this.handleMouseUp=()=>{var t;if(!this.host.isDragging)return;this.host.isDragging=!1;const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".modal");e&&e.classList.remove("modal--dragging"),this.host.requestUpdate()},this.host=t,this.host.addController(this)}hostConnected(){this.setupDragHandlers()}hostDisconnected(){this.cleanupDragHandlers()}setupDragHandlers(){requestAnimationFrame(()=>{var t;this.dragHandle=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".modal-header--draggable"),this.dragHandle&&this.host.modalDraggable&&(this.dragHandle.addEventListener("mousedown",this.handleMouseDown),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp))})}cleanupDragHandlers(){this.dragHandle&&this.dragHandle.removeEventListener("mousedown",this.handleMouseDown),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)}resetPosition(){var t;this.host.offsetX=0,this.host.offsetY=0;const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".modal");e&&(e.style.transform="none"),this.host.requestUpdate()}}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */class S{constructor(a){this.handleKeyDown=a=>{if(this.host.open)switch(a.key){case"Escape":if(this.host.closable){a.preventDefault(),a.stopPropagation();if(!M.handleEscapeKey()){const a=new CustomEvent("modal-escape",{bubbles:!0,cancelable:!0});this.host.dispatchEvent(a)&&this.host.closeModal()}}break;case"Tab":M.isTopModal(this.host)&&this.handleTabNavigation(a)}},this.host=a,this.host.addController(this)}hostConnected(){document.addEventListener("keydown",this.handleKeyDown)}hostDisconnected(){document.removeEventListener("keydown",this.handleKeyDown)}handleTabNavigation(a){var o;const t=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".modal");if(!t)return;const e=this.getFocusableElements(t);if(0===e.length)return;const i=e[0],r=e[e.length-1];a.shiftKey?document.activeElement===i&&(a.preventDefault(),r.focus()):document.activeElement===r&&(a.preventDefault(),i.focus())}getFocusableElements(a){const o=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])','[contenteditable="true"]'].join(", ");return Array.from(a.querySelectorAll(o)).filter(a=>a.offsetWidth>0&&a.offsetHeight>0&&!a.hidden&&"hidden"!==getComputedStyle(a).visibility)}focusFirstElement(){var a;const o=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector(".modal");if(!o)return;const t=this.getFocusableElements(o);t.length>0?t[0].focus():o.focus()}focusLastElement(){var a;const o=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector(".modal");if(!o)return;const t=this.getFocusableElements(o);t.length>0&&t[t.length-1].focus()}}
+ */class T{constructor(t){this.handleKeyDown=t=>{if(this.host.open)switch(t.key){case"Escape":if(this.host.closable){t.preventDefault(),t.stopPropagation();if(!j.handleEscapeKey()){const t=new CustomEvent("modal-escape",{bubbles:!0,cancelable:!0});this.host.dispatchEvent(t)&&this.host.closeModal()}}break;case"Tab":j.isTopModal(this.host)&&this.handleTabNavigation(t)}},this.host=t,this.host.addController(this)}hostConnected(){document.addEventListener("keydown",this.handleKeyDown)}hostDisconnected(){document.removeEventListener("keydown",this.handleKeyDown)}handleTabNavigation(t){var e;const o=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".modal");if(!o)return;const i=this.getFocusableElements(o);if(0===i.length)return;const s=i[0],a=i[i.length-1];t.shiftKey?document.activeElement===s&&(t.preventDefault(),a.focus()):document.activeElement===a&&(t.preventDefault(),s.focus())}getFocusableElements(t){const e=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])','[contenteditable="true"]'].join(", ");return Array.from(t.querySelectorAll(e)).filter(t=>t.offsetWidth>0&&t.offsetHeight>0&&!t.hidden&&"hidden"!==getComputedStyle(t).visibility)}focusFirstElement(){var t;const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".modal");if(!e)return;const o=this.getFocusableElements(e);o.length>0?o[0].focus():e.focus()}focusLastElement(){var t;const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".modal");if(!e)return;const o=this.getFocusableElements(e);o.length>0&&o[o.length-1].focus()}}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */var $=function(a,o,t,e){for(var i,r=arguments.length,s=r<3?o:null===e?e=Object.getOwnPropertyDescriptor(o,t):e,n=a.length-1;n>=0;n--)(i=a[n])&&(s=(r<3?i(s):r>3?i(o,t,s):i(o,t))||s);return r>3&&s&&Object.defineProperty(o,t,s),s};let E=class extends(d(o)){constructor(){super(...arguments),this.open=!1,this.size=c.Medium,this.position=h.Center,this.animation=m.Fade,this.backdrop=u.Closable,this.closable=!0,this.modalDraggable=!1,this.resizable=!1,this.fullscreen=!1,this.modalTitle=p,this.showCloseButton=!0,this.headerIcon=p,this.zIndex=1e3,this.width=p,this.height=p,this.isDragging=!1,this.offsetX=0,this.offsetY=0,this.animationState="closed",this.previousActiveElement=null,this.requiredComponents=["nr-icon","nr-button"],this.dragController=new C(this),this.keyboardController=new S(this),this.closeModal=()=>{if(!this.closable)return;const a=new CustomEvent("modal-before-close",{bubbles:!0,cancelable:!0,detail:{modal:this,cancel:()=>a.preventDefault()}});this.dispatchEvent(a)&&(this.open=!1,this.dispatchEvent(new CustomEvent("modal-close",{bubbles:!0,composed:!0,detail:{modal:this}})))},this.handleBackdropClick=a=>{this.backdrop===u.Closable&&a.target===a.currentTarget&&M.handleBackdropClick(this)&&this.closeModal()}}connectedCallback(){super.connectedCallback(),this.validateDependencies()}disconnectedCallback(){super.disconnectedCallback(),this.previousActiveElement instanceof HTMLElement&&this.previousActiveElement.focus()}willUpdate(a){super.willUpdate(a),a.has("open")&&(this.open?this.handleOpen():this.handleClose())}handleOpen(){const a=M.openModal(this);this.zIndex=a,this.animationState="opening",this.dispatchEvent(new CustomEvent("modal-open",{bubbles:!0,detail:{modal:this,stackDepth:M.getStackDepth()}})),this.updateComplete.then(()=>{this.startOpenAnimation()})}startOpenAnimation(){var a,o;const t=null===(a=this.shadowRoot)||void 0===a?void 0:a.querySelector(".modal"),e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(".modal-backdrop");if(!t||!e)return;const{modalKeyframes:i}=this.getAnimationKeyframes(),r=t.animate(i,{duration:300,easing:"ease",fill:"forwards"});r.addEventListener("finish",()=>{this.animationState="open",r.commitStyles(),r.cancel(),t.style.transform="",M.isTopModal(this)&&this.keyboardController.focusFirstElement(),this.dispatchEvent(new CustomEvent("modal-after-open",{bubbles:!0,detail:{modal:this,stackDepth:M.getStackDepth()}}))})}getAnimationKeyframes(){let a;switch(this.animation){case"fade":default:a=[{opacity:0,transform:"scale(0.9)"},{opacity:1,transform:"scale(1)"}];break;case"zoom":a=[{opacity:0,transform:"scale(0.7)"},{opacity:1,transform:"scale(1)"}];break;case"slide-up":a=[{opacity:0,transform:"translateY(20px)"},{opacity:1,transform:"translateY(0)"}];break;case"slide-down":a=[{opacity:0,transform:"translateY(-20px)"},{opacity:1,transform:"translateY(0)"}]}return{modalKeyframes:a,backdropKeyframes:[{opacity:0},{opacity:1}]}}handleClose(){this.animationState="closing",M.closeModal(this),this.dragController.resetPosition(),setTimeout(()=>{this.animationState="closed"},300)}openModal(){this.open=!0}getBackdropClasses(){return{"modal-backdrop":!0,"modal-backdrop--hidden":!this.open,[`modal-backdrop--position-${this.position}`]:!0}}getModalClasses(){return{modal:!0,[`modal--size-${this.size}`]:!this.fullscreen,"modal--fullscreen":this.fullscreen,[`modal--animation-${this.animation}`]:"opening"===this.animationState||"open"===this.animationState,"modal--dragging":this.isDragging,"modal--resizable":this.resizable}}getModalStyles(){const a={};return this.zIndex&&(a["--nuraly-z-modal-backdrop"]=this.zIndex.toString()),this.width&&(a.width=this.width),this.height&&(a.height=this.height),a}renderHeader(){const a=this.querySelector('[slot="header"]'),o=this.modalTitle||this.headerIcon;return a||o||this.showCloseButton?e`
+ */var B=function(t,e,o,i){for(var s,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,r=t.length-1;r>=0;r--)(s=t[r])&&(n=(a<3?s(n):a>3?s(e,o,n):s(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};let I=class extends((t=>E(C(M(D(t)))))(i)){constructor(){super(...arguments),this.open=!1,this.size=l.Medium,this.position=h.Center,this.animation=c.Fade,this.backdrop=m.Closable,this.closable=!0,this.modalDraggable=!1,this.resizable=!1,this.fullscreen=!1,this.modalTitle=p,this.showCloseButton=!0,this.headerIcon=p,this.zIndex=1e3,this.width=p,this.height=p,this.isDragging=!1,this.offsetX=0,this.offsetY=0,this.animationState="closed",this.previousActiveElement=null,this.requiredComponents=["nr-icon","nr-button"],this.dragController=new A(this),this.keyboardController=new T(this),this.closeModal=()=>{if(!this.closable)return;const t=new CustomEvent("modal-before-close",{bubbles:!0,cancelable:!0,detail:{modal:this,cancel:()=>t.preventDefault()}});this.dispatchEvent(t)&&(this.open=!1,this.dispatchEvent(new CustomEvent("modal-close",{bubbles:!0,composed:!0,detail:{modal:this}})))},this.handleBackdropClick=t=>{this.backdrop===m.Closable&&t.target===t.currentTarget&&j.handleBackdropClick(this)&&this.closeModal()}}connectedCallback(){super.connectedCallback(),this.validateDependencies()}disconnectedCallback(){super.disconnectedCallback(),this.previousActiveElement instanceof HTMLElement&&this.previousActiveElement.focus()}willUpdate(t){super.willUpdate(t),t.has("open")&&(this.open?this.handleOpen():this.handleClose())}handleOpen(){const t=j.openModal(this);this.zIndex=t,this.animationState="opening",this.dispatchEvent(new CustomEvent("modal-open",{bubbles:!0,detail:{modal:this,stackDepth:j.getStackDepth()}})),this.updateComplete.then(()=>{this.startOpenAnimation()})}startOpenAnimation(){var t,e;const o=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".modal"),i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".modal-backdrop");if(!o||!i)return;const{modalKeyframes:s}=this.getAnimationKeyframes(),a=o.animate(s,{duration:300,easing:"ease",fill:"forwards"});a.addEventListener("finish",()=>{this.animationState="open",a.commitStyles(),a.cancel(),o.style.transform="",j.isTopModal(this)&&this.keyboardController.focusFirstElement(),this.dispatchEvent(new CustomEvent("modal-after-open",{bubbles:!0,detail:{modal:this,stackDepth:j.getStackDepth()}}))})}getAnimationKeyframes(){let t;switch(this.animation){case"fade":default:t=[{opacity:0,transform:"scale(0.9)"},{opacity:1,transform:"scale(1)"}];break;case"zoom":t=[{opacity:0,transform:"scale(0.7)"},{opacity:1,transform:"scale(1)"}];break;case"slide-up":t=[{opacity:0,transform:"translateY(20px)"},{opacity:1,transform:"translateY(0)"}];break;case"slide-down":t=[{opacity:0,transform:"translateY(-20px)"},{opacity:1,transform:"translateY(0)"}]}return{modalKeyframes:t,backdropKeyframes:[{opacity:0},{opacity:1}]}}handleClose(){this.animationState="closing",j.closeModal(this),this.dragController.resetPosition(),setTimeout(()=>{this.animationState="closed"},300)}openModal(){this.open=!0}getBackdropClasses(){return{"modal-backdrop":!0,"modal-backdrop--hidden":!this.open,[`modal-backdrop--position-${this.position}`]:!0}}getModalClasses(){return{modal:!0,[`modal--size-${this.size}`]:!this.fullscreen,"modal--fullscreen":this.fullscreen,[`modal--animation-${this.animation}`]:"opening"===this.animationState||"open"===this.animationState,"modal--dragging":this.isDragging,"modal--resizable":this.resizable}}getModalStyles(){const t={};return this.zIndex&&(t["--nuraly-z-modal-backdrop"]=this.zIndex.toString()),this.width&&(t.width=this.width),this.height&&(t.height=this.height),t}renderHeader(){const t=this.querySelector('[slot="header"]'),i=this.modalTitle||this.headerIcon;return t||i||this.showCloseButton?o`
       <div class="modal-header ${this.modalDraggable?"modal-header--draggable":""}">
-        ${a?e`
+        ${t?o`
           <div class="modal-header-content">
             <slot name="header"></slot>
           </div>
-        `:o?e`
+        `:i?o`
           <div class="modal-header-content">
-            ${this.headerIcon?e`
+            ${this.headerIcon?o`
               <nr-icon class="modal-header-icon" name="${this.headerIcon}"></nr-icon>
-            `:t}
-            ${this.modalTitle?e`
+            `:e}
+            ${this.modalTitle?o`
               <h2 class="modal-title">${this.modalTitle}</h2>
-            `:t}
+            `:e}
           </div>
-        `:t}
+        `:e}
         
-        ${this.showCloseButton?e`
+        ${this.showCloseButton?o`
           <button
             class="modal-close-button"
-            @click=${a=>{a.stopPropagation(),this.open=!1,this.dispatchEvent(new CustomEvent("modal-close",{bubbles:!0,composed:!0,detail:{modal:this}}))}}
+            @click=${t=>{t.stopPropagation(),this.open=!1,this.dispatchEvent(new CustomEvent("modal-close",{bubbles:!0,composed:!0,detail:{modal:this}}))}}
             aria-label="Close modal"
             type="button">
             <nr-icon class="modal-close-icon" name="x"></nr-icon>
           </button>
-        `:t}
+        `:e}
       </div>
-    `:t}renderFooter(){return this.querySelector('[slot="footer"]')?e`
+    `:e}renderFooter(){return this.querySelector('[slot="footer"]')?o`
       <div class="modal-footer">
         <slot name="footer"></slot>
       </div>
-    `:t}updated(){this.updateDataTheme()}updateDataTheme(){this.closest("[data-theme]")||this.setAttribute("data-theme",this.currentTheme)}render(){return this.open||"closed"!==this.animationState?e`
+    `:e}updated(){this.updateDataTheme()}updateDataTheme(){this.closest("[data-theme]")||this.setAttribute("data-theme",this.currentTheme)}render(){return this.open||"closed"!==this.animationState?o`
       <div 
-        class=${n(this.getBackdropClasses())}
+        class=${r(this.getBackdropClasses())}
         @click=${this.handleBackdropClick}
-        style=${l(this.getModalStyles())}>
+        style=${d(this.getModalStyles())}>
         
         <div 
-          class=${n(this.getModalClasses())}
+          class=${r(this.getModalClasses())}
           role="dialog"
           aria-modal="true"
-          aria-labelledby=${this.modalTitle?"modal-title":t}
+          aria-labelledby=${this.modalTitle?"modal-title":e}
           tabindex="-1">
           
           ${this.renderHeader()}
@@ -434,9 +443,9 @@ import{css as a,LitElement as o,nothing as t,html as e}from"lit";import{property
           
           ${this.renderFooter()}
           
-          ${this.resizable?e`
+          ${this.resizable?o`
             <div class="resize-handle"></div>
-          `:t}
+          `:e}
         </div>
       </div>
-    `:t}};E.styles=z,$([i({type:Boolean,reflect:!0})],E.prototype,"open",void 0),$([i({type:String})],E.prototype,"size",void 0),$([i({type:String})],E.prototype,"position",void 0),$([i({type:String})],E.prototype,"animation",void 0),$([i({type:String})],E.prototype,"backdrop",void 0),$([i({type:Boolean})],E.prototype,"closable",void 0),$([i({type:Boolean})],E.prototype,"modalDraggable",void 0),$([i({type:Boolean})],E.prototype,"resizable",void 0),$([i({type:Boolean})],E.prototype,"fullscreen",void 0),$([i({type:String})],E.prototype,"modalTitle",void 0),$([i({type:Boolean,attribute:"show-close-button"})],E.prototype,"showCloseButton",void 0),$([i({type:String})],E.prototype,"headerIcon",void 0),$([i({type:Number})],E.prototype,"zIndex",void 0),$([i({type:String})],E.prototype,"width",void 0),$([i({type:String})],E.prototype,"height",void 0),$([r()],E.prototype,"isDragging",void 0),$([i({type:Number})],E.prototype,"offsetX",void 0),$([i({type:Number})],E.prototype,"offsetY",void 0),$([r()],E.prototype,"animationState",void 0),E=$([s("nr-modal")],E);export{x as DEFAULT_MODAL_CONFIG,w as DEFAULT_MODAL_FOOTER,k as DEFAULT_MODAL_HEADER,v as DEFAULT_Z_INDEX,p as EMPTY_STRING,m as ModalAnimation,u as ModalBackdrop,C as ModalDragController,S as ModalKeyboardController,M as ModalManager,h as ModalPosition,c as ModalSize,E as NrModalElement,b as isModalAnimation,g as isModalBackdrop,f as isModalPosition,y as isModalSize};
+    `:e}};I.useShadowDom=!0,I.styles=k,B([s({type:Boolean,reflect:!0})],I.prototype,"open",void 0),B([s({type:String})],I.prototype,"size",void 0),B([s({type:String})],I.prototype,"position",void 0),B([s({type:String})],I.prototype,"animation",void 0),B([s({type:String})],I.prototype,"backdrop",void 0),B([s({type:Boolean})],I.prototype,"closable",void 0),B([s({type:Boolean})],I.prototype,"modalDraggable",void 0),B([s({type:Boolean})],I.prototype,"resizable",void 0),B([s({type:Boolean})],I.prototype,"fullscreen",void 0),B([s({type:String})],I.prototype,"modalTitle",void 0),B([s({type:Boolean,attribute:"show-close-button"})],I.prototype,"showCloseButton",void 0),B([s({type:String})],I.prototype,"headerIcon",void 0),B([s({type:Number})],I.prototype,"zIndex",void 0),B([s({type:String})],I.prototype,"width",void 0),B([s({type:String})],I.prototype,"height",void 0),B([a()],I.prototype,"isDragging",void 0),B([s({type:Number})],I.prototype,"offsetX",void 0),B([s({type:Number})],I.prototype,"offsetY",void 0),B([a()],I.prototype,"animationState",void 0),I=B([n("nr-modal")],I);export{y as DEFAULT_MODAL_CONFIG,x as DEFAULT_MODAL_FOOTER,w as DEFAULT_MODAL_HEADER,u as DEFAULT_Z_INDEX,p as EMPTY_STRING,c as ModalAnimation,m as ModalBackdrop,A as ModalDragController,T as ModalKeyboardController,j as ModalManager,h as ModalPosition,l as ModalSize,I as NrModalElement,g as isModalAnimation,v as isModalBackdrop,b as isModalPosition,f as isModalSize};

package/dist/src/components/modal/modal.component.d.ts

@@ -6,7 +6,7 @@
 import { LitElement, nothing, type PropertyValues } from 'lit';
 import { ModalSize, ModalPosition, ModalAnimation, ModalBackdrop } from './modal.types.js';
 import { ModalDragHost, ModalKeyboardHost } from './controllers/index.js';
-declare const NrModalElement_base: (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & typeof LitElement;
+declare const NrModalElement_base: (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & (new (...args: any[]) => import("packages/common/src/shared/base-mixin.js").LightDomContent) & typeof LitElement;
 /**
  * Versatile modal component with multiple sizes, animations, and enhanced functionality.
  *
@@ -48,6 +48,7 @@ declare const NrModalElement_base: (new (...args: any[]) => import("@nuralyui/co
  * @slot footer - Custom footer content
  */
 export declare class NrModalElement extends NrModalElement_base implements ModalDragHost, ModalKeyboardHost {
+    static useShadowDom: boolean;
     static styles: import("lit").CSSResult;
     /** Whether the modal is open */
     open: boolean;

package/dist/src/components/modal/modal.component.js

@@ -396,6 +396,7 @@ let NrModalElement = class NrModalElement extends NuralyUIBaseMixin(LitElement)
     `;
     }
 };
+NrModalElement.useShadowDom = true;
 NrModalElement.styles = styles;
 __decorate([
     property({ type: Boolean, reflect: true })