snice 2.5.4 → 3.2.0

package/dist/components/modal/snice-modal.js

@@ -1,7 +1,7 @@
 import { __runInitializers, __esDecorate } from 'tslib';
-import { element, property, query, ready, watch, on, dispatch } from 'snice';
+import { element, property, query, render, styles, ready, watch, dispatch, html, css } from 'snice';
 
-var css = ":host {\n  --modal-z-index: 1000;\n  --modal-backdrop-bg: rgba(0, 0, 0, 0.5);\n  --modal-panel-bg: var(--snice-color-background, white);\n  --modal-panel-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n  --modal-border-radius: var(--snice-border-radius-lg, 8px);\n  --modal-padding: var(--snice-spacing-lg, 1.5rem);\n  --modal-transition-duration: 200ms;\n}\n\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: var(--modal-z-index);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--modal-padding);\n  pointer-events: none;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.modal--open {\n  pointer-events: auto;\n  opacity: 1;\n  visibility: visible;\n}\n\n.modal__backdrop {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--modal-backdrop-bg);\n  opacity: 0;\n  transition: opacity var(--modal-transition-duration) ease;\n}\n\n.modal--open .modal__backdrop {\n  opacity: 1;\n}\n\n.modal__panel {\n  position: relative;\n  background: var(--modal-panel-bg);\n  border-radius: var(--modal-border-radius);\n  box-shadow: var(--modal-panel-shadow);\n  display: flex;\n  flex-direction: column;\n  max-height: calc(100vh - 2 * var(--modal-padding));\n  opacity: 0;\n  transform: scale(0.95) translateY(1.25rem); /* 20px */\n  transition: \n    opacity var(--modal-transition-duration) ease,\n    transform var(--modal-transition-duration) ease;\n  z-index: 1;\n}\n\n.modal--open .modal__panel {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n}\n\n/* Sizes */\n.modal__panel--small {\n  width: 100%;\n  max-width: 25rem; /* 400px */\n}\n\n.modal__panel--medium {\n  width: 100%;\n  max-width: 37.5rem; /* 600px */\n}\n\n.modal__panel--large {\n  width: 100%;\n  max-width: 56.25rem; /* 900px */\n}\n\n.modal__panel--fullscreen {\n  width: calc(100vw - 2 * var(--modal-padding));\n  height: calc(100vh - 2 * var(--modal-padding));\n  max-width: none;\n}\n\n.modal__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--modal-padding);\n  border-bottom: 1px solid var(--snice-color-border, #e5e7eb);\n}\n\n.modal__header:empty {\n  display: none;\n}\n\n::slotted([slot=\"header\"]) {\n  flex: 1;\n  margin: 0;\n  font-size: var(--snice-font-size-lg, 1.125rem);\n  font-weight: 600;\n  color: var(--snice-color-text, #111827);\n}\n\n.modal__close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem; /* 32px */\n  height: 2rem; /* 32px */\n  padding: 0;\n  margin-left: auto;\n  background: transparent;\n  border: none;\n  border-radius: var(--snice-border-radius-md, 6px);\n  color: var(--snice-color-text-secondary, #6b7280);\n  cursor: pointer;\n  transition: \n    background-color var(--snice-transition-fast) ease,\n    color var(--snice-transition-fast) ease;\n}\n\n.modal__close:hover {\n  background: var(--snice-color-background-hover, #f3f4f6);\n  color: var(--snice-color-text, #111827);\n}\n\n.modal__close:focus-visible {\n  outline: 2px solid var(--snice-color-primary, #3b82f6);\n  outline-offset: 2px;\n}\n\n.modal__body {\n  flex: 1;\n  padding: var(--modal-padding);\n  overflow-y: auto;\n  color: var(--snice-color-text, #111827);\n}\n\n.modal__footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--snice-spacing-sm, 0.5rem);\n  padding: var(--modal-padding);\n  border-top: 1px solid var(--snice-color-border, #e5e7eb);\n}\n\n.modal__footer:empty {\n  display: none;\n}\n\n/* Remove borders when header/footer are empty */\n.modal__header:empty + .modal__body {\n  padding-top: var(--modal-padding);\n}\n\n.modal__body:has(+ .modal__footer:empty) {\n  padding-bottom: var(--modal-padding);\n}\n\n/* Animation for entrance from bottom (alternative) */\n@keyframes slideUp {\n  from {\n    opacity: 0;\n    transform: translateY(6.25rem); /* 100px */\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* Animation for exit */\n@keyframes fadeOut {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n/* Mobile responsiveness */\n@media (max-width: 640px) {\n  .modal {\n    padding: 0;\n  }\n  \n  .modal__panel:not(.modal__panel--fullscreen) {\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    max-height: none;\n    border-radius: 0;\n  }\n}";
+var cssContent = ":host{--modal-z-index:1000;--modal-backdrop-bg:rgba(0, 0, 0, 0.5);--modal-panel-bg:var(--snice-color-background, white);--modal-panel-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);--modal-border-radius:var(--snice-border-radius-lg, 8px);--modal-padding:var(--snice-spacing-lg, 1.5rem);--modal-transition-duration:200ms}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--modal-z-index);display:flex;align-items:center;justify-content:center;padding:var(--modal-padding);pointer-events:none;opacity:0;visibility:hidden}.modal--open{pointer-events:auto;opacity:1;visibility:visible}.modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--modal-backdrop-bg);opacity:0;transition:opacity var(--modal-transition-duration) ease}.modal--open .modal__backdrop{opacity:1}.modal__panel{position:relative;background:var(--modal-panel-bg);border-radius:var(--modal-border-radius);box-shadow:var(--modal-panel-shadow);display:flex;flex-direction:column;max-height:calc(100vh - 2 * var(--modal-padding));opacity:0;transform:scale(.95) translateY(1.25rem);transition:opacity var(--modal-transition-duration) ease,transform var(--modal-transition-duration) ease;z-index:1}.modal--open .modal__panel{opacity:1;transform:scale(1) translateY(0)}.modal__panel--small{width:100%;max-width:25rem}.modal__panel--medium{width:100%;max-width:37.5rem}.modal__panel--large{width:100%;max-width:56.25rem}.modal__panel--fullscreen{width:calc(100vw - 2 * var(--modal-padding));height:calc(100vh - 2 * var(--modal-padding));max-width:none}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--modal-padding);border-bottom:1px solid var(--snice-color-border,#e5e7eb)}.modal__header:empty{display:none}::slotted([slot=header]){flex:1;margin:0;font-size:var(--snice-font-size-lg, 1.125rem);font-weight:600;color:var(--snice-color-text,#111827)}.modal__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;margin-left:auto;background:0 0;border:none;border-radius:var(--snice-border-radius-md,6px);color:var(--snice-color-text-secondary,#6b7280);cursor:pointer;transition:background-color var(--snice-transition-fast) ease,color var(--snice-transition-fast) ease}.modal__close:hover{background:var(--snice-color-background-hover,#f3f4f6);color:var(--snice-color-text,#111827)}.modal__close:focus-visible{outline:2px solid var(--snice-color-primary,#3b82f6);outline-offset:2px}.modal__body{flex:1;padding:var(--modal-padding);overflow-y:auto;color:var(--snice-color-text,#111827)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--snice-spacing-sm,.5rem);padding:var(--modal-padding);border-top:1px solid var(--snice-color-border,#e5e7eb)}.modal__footer:empty{display:none}.modal__header:empty+.modal__body{padding-top:var(--modal-padding)}.modal__body:has(+ .modal__footer:empty){padding-bottom:var(--modal-padding)}@keyframes slideUp{from{opacity:0;transform:translateY(6.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@media (max-width:640px){.modal{padding:0}.modal__panel:not(.modal__panel--fullscreen){width:100%;height:100%;max-width:none;max-height:none;border-radius:0}}";
 
 let SniceModal = (() => {
     let _classDecorators = [element('snice-modal')];
@@ -40,14 +40,10 @@ let SniceModal = (() => {
     let _backdrop_decorators;
     let _backdrop_initializers = [];
     let _backdrop_extraInitializers = [];
+    let _renderContent_decorators;
+    let _componentStyles_decorators;
     let _init_decorators;
     let _handleOpenChange_decorators;
-    let _handleSizeChange_decorators;
-    let _handleCloseButtonChange_decorators;
-    let _handleBackdropClick_decorators;
-    let _handleCloseClick_decorators;
-    let _handleEscape_decorators;
-    let _handleTab_decorators;
     let _dispatchOpenEvent_decorators;
     let _dispatchCloseEvent_decorators;
     (class extends _classSuper {
@@ -56,8 +52,7 @@ let SniceModal = (() => {
             super(...arguments);
             this.open = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _open_initializers, false));
             this.size = (__runInitializers(this, _open_extraInitializers), __runInitializers(this, _size_initializers, 'medium'));
-            this.previousSize = (__runInitializers(this, _size_extraInitializers), 'medium');
-            this.noBackdropDismiss = __runInitializers(this, _noBackdropDismiss_initializers, false);
+            this.noBackdropDismiss = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _noBackdropDismiss_initializers, false));
             this.noEscapeDismiss = (__runInitializers(this, _noBackdropDismiss_extraInitializers), __runInitializers(this, _noEscapeDismiss_initializers, false));
             this.noFocusTrap = (__runInitializers(this, _noEscapeDismiss_extraInitializers), __runInitializers(this, _noFocusTrap_initializers, false));
             this.noCloseButton = (__runInitializers(this, _noFocusTrap_extraInitializers), __runInitializers(this, _noCloseButton_initializers, false));
@@ -79,24 +74,16 @@ let SniceModal = (() => {
             _modal_decorators = [query('.modal')];
             _panel_decorators = [query('.modal__panel')];
             _backdrop_decorators = [query('.modal__backdrop')];
+            _renderContent_decorators = [render()];
+            _componentStyles_decorators = [styles()];
             _init_decorators = [ready()];
             _handleOpenChange_decorators = [watch('open')];
-            _handleSizeChange_decorators = [watch('size')];
-            _handleCloseButtonChange_decorators = [watch('noCloseButton')];
-            _handleBackdropClick_decorators = [on('click', '.modal__backdrop')];
-            _handleCloseClick_decorators = [on('click', '.modal__close')];
-            _handleEscape_decorators = [on('keydown:Escape', { stopPropagation: true })];
-            _handleTab_decorators = [on('keydown:Tab')];
             _dispatchOpenEvent_decorators = [dispatch('@snice/modal-open', { bubbles: true, composed: true })];
             _dispatchCloseEvent_decorators = [dispatch('@snice/modal-close', { bubbles: true, composed: true })];
+            __esDecorate(this, null, _renderContent_decorators, { kind: "method", name: "renderContent", static: false, private: false, access: { has: obj => "renderContent" in obj, get: obj => obj.renderContent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _handleOpenChange_decorators, { kind: "method", name: "handleOpenChange", static: false, private: false, access: { has: obj => "handleOpenChange" in obj, get: obj => obj.handleOpenChange }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleSizeChange_decorators, { kind: "method", name: "handleSizeChange", static: false, private: false, access: { has: obj => "handleSizeChange" in obj, get: obj => obj.handleSizeChange }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleCloseButtonChange_decorators, { kind: "method", name: "handleCloseButtonChange", static: false, private: false, access: { has: obj => "handleCloseButtonChange" in obj, get: obj => obj.handleCloseButtonChange }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleBackdropClick_decorators, { kind: "method", name: "handleBackdropClick", static: false, private: false, access: { has: obj => "handleBackdropClick" in obj, get: obj => obj.handleBackdropClick }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleCloseClick_decorators, { kind: "method", name: "handleCloseClick", static: false, private: false, access: { has: obj => "handleCloseClick" in obj, get: obj => obj.handleCloseClick }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleEscape_decorators, { kind: "method", name: "handleEscape", static: false, private: false, access: { has: obj => "handleEscape" in obj, get: obj => obj.handleEscape }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleTab_decorators, { kind: "method", name: "handleTab", static: false, private: false, access: { has: obj => "handleTab" in obj, get: obj => obj.handleTab }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _dispatchOpenEvent_decorators, { kind: "method", name: "dispatchOpenEvent", static: false, private: false, access: { has: obj => "dispatchOpenEvent" in obj, get: obj => obj.dispatchOpenEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _dispatchCloseEvent_decorators, { kind: "method", name: "dispatchCloseEvent", static: false, private: false, access: { has: obj => "dispatchCloseEvent" in obj, get: obj => obj.dispatchCloseEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, null, _open_decorators, { kind: "field", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
@@ -114,23 +101,32 @@ let SniceModal = (() => {
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        html() {
-            // Renders once - initial state
-            return /*html*/ `
-      <div class="modal" 
-           role="dialog" 
+        renderContent() {
+            const modalClass = `modal${this.open ? ' modal--open' : ''}`;
+            const panelClass = `modal__panel modal__panel--${this.size}`;
+            const ariaHidden = this.open ? 'false' : 'true';
+            return html /*html*/ `
+      <div class="${modalClass}"
+           role="dialog"
            aria-modal="true"
            aria-label="${this.label}"
-           aria-hidden="true">
+           aria-hidden="${ariaHidden}"
+           @click=${this.handleBackdropClick}
+           @keydown=${this.handleKeydown}>
         <div class="modal__backdrop" part="backdrop"></div>
-        <div class="modal__panel modal__panel--${this.size}" part="panel">
+        <div class="${panelClass}" part="panel">
           <div class="modal__header" part="header">
             <slot name="header"></slot>
-            <button class="modal__close" part="close" aria-label="Close modal">
-              <svg viewBox="0 0 24 24" width="20" height="20">
-                <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="currentColor"/>
-              </svg>
-            </button>
+            <if ${!this.noCloseButton}>
+              <button class="modal__close"
+                      part="close"
+                      aria-label="Close modal"
+                      @click=${this.handleCloseClick}>
+                <svg viewBox="0 0 24 24" width="20" height="20">
+                  <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="currentColor"/>
+                </svg>
+              </button>
+            </if>
           </div>
           <div class="modal__body" part="body">
             <slot></slot>
@@ -142,71 +138,44 @@ let SniceModal = (() => {
       </div>
     `;
         }
-        css() {
-            return css;
+        componentStyles() {
+            return css /*css*/ `${cssContent}`;
         }
         init() {
             // Make sure modal state is properly initialized
             if (this.open) {
                 this.showModal();
             }
-            // Apply initial close button state
-            if (this.noCloseButton) {
-                const closeButton = this.shadowRoot?.querySelector('.modal__close');
-                if (closeButton) {
-                    closeButton.style.display = 'none';
-                }
-            }
         }
         handleOpenChange() {
-            // Imperatively update the modal DOM
-            if (this.modal) {
-                if (this.open) {
-                    this.modal.classList.add('modal--open');
-                    this.modal.setAttribute('aria-hidden', 'false');
-                    this.showModal();
-                }
-                else {
-                    this.modal.classList.remove('modal--open');
-                    this.modal.setAttribute('aria-hidden', 'true');
-                    this.hideModal();
-                }
-            }
-        }
-        handleSizeChange() {
-            // Imperatively update the panel size class
-            if (this.panel) {
-                this.panel.classList.remove(`modal__panel--${this.previousSize}`);
-                this.panel.classList.add(`modal__panel--${this.size}`);
-                this.previousSize = this.size;
+            // Handle side effects when modal opens/closes
+            if (this.open) {
+                this.showModal();
             }
-        }
-        handleCloseButtonChange() {
-            // Imperatively show/hide the close button
-            const closeButton = this.shadowRoot?.querySelector('.modal__close');
-            if (closeButton) {
-                closeButton.style.display = this.noCloseButton ? 'none' : '';
+            else {
+                this.hideModal();
             }
         }
-        handleBackdropClick() {
+        handleBackdropClick(e) {
+            const target = e.target;
+            if (!target.classList.contains('modal__backdrop'))
+                return;
             if (!this.noBackdropDismiss) {
                 this.close();
             }
         }
-        handleCloseClick() {
+        handleCloseClick(e) {
+            e.stopPropagation();
             this.close();
         }
-        handleEscape() {
+        handleKeydown(e) {
             if (!this.open)
                 return;
-            if (!this.noEscapeDismiss) {
+            if (e.key === 'Escape' && !this.noEscapeDismiss) {
+                e.stopPropagation();
                 this.close();
             }
-        }
-        handleTab(e) {
-            if (!this.open)
-                return;
-            if (!this.noFocusTrap) {
+            if (e.key === 'Tab' && !this.noFocusTrap) {
                 this.trapFocus(e);
             }
         }

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

@@ -1 +1 @@
-{"version":3,"file":"snice-modal.js","sources":["../../../components/modal/snice-modal.css?inline","../../../../components/modal/snice-modal.ts"],"sourcesContent":["export default \":host {\\n  --modal-z-index: 1000;\\n  --modal-backdrop-bg: rgba(0, 0, 0, 0.5);\\n  --modal-panel-bg: var(--snice-color-background, white);\\n  --modal-panel-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\\n  --modal-border-radius: var(--snice-border-radius-lg, 8px);\\n  --modal-padding: var(--snice-spacing-lg, 1.5rem);\\n  --modal-transition-duration: 200ms;\\n}\\n\\n.modal {\\n  position: fixed;\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  z-index: var(--modal-z-index);\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  padding: var(--modal-padding);\\n  pointer-events: none;\\n  opacity: 0;\\n  visibility: hidden;\\n}\\n\\n.modal--open {\\n  pointer-events: auto;\\n  opacity: 1;\\n  visibility: visible;\\n}\\n\\n.modal__backdrop {\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  background: var(--modal-backdrop-bg);\\n  opacity: 0;\\n  transition: opacity var(--modal-transition-duration) ease;\\n}\\n\\n.modal--open .modal__backdrop {\\n  opacity: 1;\\n}\\n\\n.modal__panel {\\n  position: relative;\\n  background: var(--modal-panel-bg);\\n  border-radius: var(--modal-border-radius);\\n  box-shadow: var(--modal-panel-shadow);\\n  display: flex;\\n  flex-direction: column;\\n  max-height: calc(100vh - 2 * var(--modal-padding));\\n  opacity: 0;\\n  transform: scale(0.95) translateY(1.25rem); /* 20px */\\n  transition: \\n    opacity var(--modal-transition-duration) ease,\\n    transform var(--modal-transition-duration) ease;\\n  z-index: 1;\\n}\\n\\n.modal--open .modal__panel {\\n  opacity: 1;\\n  transform: scale(1) translateY(0);\\n}\\n\\n/* Sizes */\\n.modal__panel--small {\\n  width: 100%;\\n  max-width: 25rem; /* 400px */\\n}\\n\\n.modal__panel--medium {\\n  width: 100%;\\n  max-width: 37.5rem; /* 600px */\\n}\\n\\n.modal__panel--large {\\n  width: 100%;\\n  max-width: 56.25rem; /* 900px */\\n}\\n\\n.modal__panel--fullscreen {\\n  width: calc(100vw - 2 * var(--modal-padding));\\n  height: calc(100vh - 2 * var(--modal-padding));\\n  max-width: none;\\n}\\n\\n.modal__header {\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  padding: var(--modal-padding);\\n  border-bottom: 1px solid var(--snice-color-border, #e5e7eb);\\n}\\n\\n.modal__header:empty {\\n  display: none;\\n}\\n\\n::slotted([slot=\\\"header\\\"]) {\\n  flex: 1;\\n  margin: 0;\\n  font-size: var(--snice-font-size-lg, 1.125rem);\\n  font-weight: 600;\\n  color: var(--snice-color-text, #111827);\\n}\\n\\n.modal__close {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  width: 2rem; /* 32px */\\n  height: 2rem; /* 32px */\\n  padding: 0;\\n  margin-left: auto;\\n  background: transparent;\\n  border: none;\\n  border-radius: var(--snice-border-radius-md, 6px);\\n  color: var(--snice-color-text-secondary, #6b7280);\\n  cursor: pointer;\\n  transition: \\n    background-color var(--snice-transition-fast) ease,\\n    color var(--snice-transition-fast) ease;\\n}\\n\\n.modal__close:hover {\\n  background: var(--snice-color-background-hover, #f3f4f6);\\n  color: var(--snice-color-text, #111827);\\n}\\n\\n.modal__close:focus-visible {\\n  outline: 2px solid var(--snice-color-primary, #3b82f6);\\n  outline-offset: 2px;\\n}\\n\\n.modal__body {\\n  flex: 1;\\n  padding: var(--modal-padding);\\n  overflow-y: auto;\\n  color: var(--snice-color-text, #111827);\\n}\\n\\n.modal__footer {\\n  display: flex;\\n  align-items: center;\\n  justify-content: flex-end;\\n  gap: var(--snice-spacing-sm, 0.5rem);\\n  padding: var(--modal-padding);\\n  border-top: 1px solid var(--snice-color-border, #e5e7eb);\\n}\\n\\n.modal__footer:empty {\\n  display: none;\\n}\\n\\n/* Remove borders when header/footer are empty */\\n.modal__header:empty + .modal__body {\\n  padding-top: var(--modal-padding);\\n}\\n\\n.modal__body:has(+ .modal__footer:empty) {\\n  padding-bottom: var(--modal-padding);\\n}\\n\\n/* Animation for entrance from bottom (alternative) */\\n@keyframes slideUp {\\n  from {\\n    opacity: 0;\\n    transform: translateY(6.25rem); /* 100px */\\n  }\\n  to {\\n    opacity: 1;\\n    transform: translateY(0);\\n  }\\n}\\n\\n/* Animation for exit */\\n@keyframes fadeOut {\\n  from {\\n    opacity: 1;\\n  }\\n  to {\\n    opacity: 0;\\n  }\\n}\\n\\n/* Mobile responsiveness */\\n@media (max-width: 640px) {\\n  .modal {\\n    padding: 0;\\n  }\\n  \\n  .modal__panel:not(.modal__panel--fullscreen) {\\n    width: 100%;\\n    height: 100%;\\n    max-width: none;\\n    max-height: none;\\n    border-radius: 0;\\n  }\\n}\";",null],"names":[],"mappings":"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"}
+{"version":3,"file":"snice-modal.js","sources":["../../../components/modal/snice-modal.css?inline","../../../../components/modal/snice-modal.ts"],"sourcesContent":["export default \":host{--modal-z-index:1000;--modal-backdrop-bg:rgba(0, 0, 0, 0.5);--modal-panel-bg:var(--snice-color-background, white);--modal-panel-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);--modal-border-radius:var(--snice-border-radius-lg, 8px);--modal-padding:var(--snice-spacing-lg, 1.5rem);--modal-transition-duration:200ms}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--modal-z-index);display:flex;align-items:center;justify-content:center;padding:var(--modal-padding);pointer-events:none;opacity:0;visibility:hidden}.modal--open{pointer-events:auto;opacity:1;visibility:visible}.modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--modal-backdrop-bg);opacity:0;transition:opacity var(--modal-transition-duration) ease}.modal--open .modal__backdrop{opacity:1}.modal__panel{position:relative;background:var(--modal-panel-bg);border-radius:var(--modal-border-radius);box-shadow:var(--modal-panel-shadow);display:flex;flex-direction:column;max-height:calc(100vh - 2 * var(--modal-padding));opacity:0;transform:scale(.95) translateY(1.25rem);transition:opacity var(--modal-transition-duration) ease,transform var(--modal-transition-duration) ease;z-index:1}.modal--open .modal__panel{opacity:1;transform:scale(1) translateY(0)}.modal__panel--small{width:100%;max-width:25rem}.modal__panel--medium{width:100%;max-width:37.5rem}.modal__panel--large{width:100%;max-width:56.25rem}.modal__panel--fullscreen{width:calc(100vw - 2 * var(--modal-padding));height:calc(100vh - 2 * var(--modal-padding));max-width:none}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--modal-padding);border-bottom:1px solid var(--snice-color-border,#e5e7eb)}.modal__header:empty{display:none}::slotted([slot=header]){flex:1;margin:0;font-size:var(--snice-font-size-lg, 1.125rem);font-weight:600;color:var(--snice-color-text,#111827)}.modal__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;margin-left:auto;background:0 0;border:none;border-radius:var(--snice-border-radius-md,6px);color:var(--snice-color-text-secondary,#6b7280);cursor:pointer;transition:background-color var(--snice-transition-fast) ease,color var(--snice-transition-fast) ease}.modal__close:hover{background:var(--snice-color-background-hover,#f3f4f6);color:var(--snice-color-text,#111827)}.modal__close:focus-visible{outline:2px solid var(--snice-color-primary,#3b82f6);outline-offset:2px}.modal__body{flex:1;padding:var(--modal-padding);overflow-y:auto;color:var(--snice-color-text,#111827)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--snice-spacing-sm,.5rem);padding:var(--modal-padding);border-top:1px solid var(--snice-color-border,#e5e7eb)}.modal__footer:empty{display:none}.modal__header:empty+.modal__body{padding-top:var(--modal-padding)}.modal__body:has(+ .modal__footer:empty){padding-bottom:var(--modal-padding)}@keyframes slideUp{from{opacity:0;transform:translateY(6.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@media (max-width:640px){.modal{padding:0}.modal__panel:not(.modal__panel--fullscreen){width:100%;height:100%;max-width:none;max-height:none;border-radius:0}}\";",null],"names":[],"mappings":";;;AAAA,iBAAe,uqGAAuqG;;ICKzqG,UAAU,GAAA,CAAA,MAAA;4BADtB,OAAO,CAAC,aAAa,CAAC,CAAA;;;;sBACS,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAnB,KAAA,cAAQ,WAAW,CAAA;;;;AAEzC,YAAA,IAAA,CAAA,IAAI,IAFO,iBAAA,CAAA,IAAA,EAAA,0BAAA,CAAU,EAAA,iBAAA,CAAA,IAAA,EAAA,kBAAA,EAEd,KAAK,CAAA,CAAA;YAGZ,IAAA,CAAA,IAAI,IAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,kBAAA,EAAc,QAAQ,CAAA,CAAA;YAG1B,IAAA,CAAA,iBAAiB,IAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,+BAAA,EAAG,KAAK,CAAA,CAAA;YAGzB,IAAA,CAAA,eAAe,IAAA,iBAAA,CAAA,IAAA,EAAA,oCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,6BAAA,EAAG,KAAK,CAAA,CAAA;YAGvB,IAAA,CAAA,WAAW,IAAA,iBAAA,CAAA,IAAA,EAAA,kCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,yBAAA,EAAG,KAAK,CAAA,CAAA;YAGnB,IAAA,CAAA,aAAa,IAAA,iBAAA,CAAA,IAAA,EAAA,8BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,EAAG,KAAK,CAAA,CAAA;YAGrB,IAAA,CAAA,KAAK,IAAA,iBAAA,CAAA,IAAA,EAAA,gCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,mBAAA,EAAG,EAAE,CAAA,CAAA;AAGV,YAAA,IAAA,CAAA,KAAK,IAAA,iBAAA,CAAA,IAAA,EAAA,wBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,mBAAA,EAAA,MAAA,CAAA,CAAA;AAGL,YAAA,IAAA,CAAA,KAAK,IAAA,iBAAA,CAAA,IAAA,EAAA,wBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,mBAAA,EAAA,MAAA,CAAA,CAAA;AAGL,YAAA,IAAA,CAAA,QAAQ,IAAA,iBAAA,CAAA,IAAA,EAAA,wBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,sBAAA,EAAA,MAAA,CAAA,CAAA;YAEA,IAAA,CAAA,aAAa,IAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,CAAA,EAAuB,IAAI,CAAA;QA4KlD;;;AA1MG,YAAA,gBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAA;gCAG7B,QAAQ,CAAC,EAAI,CAAC,CAAA;6CAGd,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,qBAAqB,GAAI,CAAC,CAAA;2CAG/D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,mBAAmB,GAAI,CAAC,CAAA;uCAG7D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,GAAI,CAAC,CAAA;yCAGzD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,iBAAiB,GAAI,CAAC,CAAA;iCAG3D,QAAQ,CAAC,EAAI,CAAC,CAAA;iCAGd,KAAK,CAAC,QAAQ,CAAC,CAAA;iCAGf,KAAK,CAAC,eAAe,CAAC,CAAA;oCAGtB,KAAK,CAAC,kBAAkB,CAAC,CAAA;AAKzB,YAAA,yBAAA,GAAA,CAAA,MAAM,EAAE,CAAA;AAwCR,YAAA,2BAAA,GAAA,CAAA,MAAM,EAAE,CAAA;AAKR,YAAA,gBAAA,GAAA,CAAA,KAAK,EAAE,CAAA;4CAQP,KAAK,CAAC,MAAM,CAAC,CAAA;AAkGb,YAAA,6BAAA,GAAA,CAAA,QAAQ,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;AAKhE,YAAA,8BAAA,GAAA,CAAA,QAAQ,CAAC,oBAAoB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;AA3JlE,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,eAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,aAAa,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAwCb,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,2BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,iBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,eAAe,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAKf,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAQJ,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,4BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,kBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,gBAAgB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAkGhB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,6BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,mBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAQ,iBAAiB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAKzB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,8BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,oBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAQ,kBAAkB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;YA5L1B,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAJ,IAAI,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,CAAA;YAGJ,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAJ,IAAI,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,CAAA;YAGJ,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,6BAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,mBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,iBAAiB,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAjB,iBAAiB,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,+BAAA,EAAA,oCAAA,CAAA;YAGjB,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,2BAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,iBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,eAAe,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAf,eAAe,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,6BAAA,EAAA,kCAAA,CAAA;YAGf,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,uBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,aAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,WAAW,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAX,WAAW,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,yBAAA,EAAA,8BAAA,CAAA;YAGX,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,eAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,eAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,aAAa,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAb,aAAa,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,2BAAA,EAAA,gCAAA,CAAA;YAGb,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,OAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,OAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,KAAK,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAL,KAAK,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,mBAAA,EAAA,wBAAA,CAAA;YAGL,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,OAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,OAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,KAAK,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAL,KAAK,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,mBAAA,EAAA,wBAAA,CAAA;YAGL,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,OAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,OAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,KAAK,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAL,KAAK,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,mBAAA,EAAA,wBAAA,CAAA;YAGL,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,UAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,QAAQ,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAR,QAAQ,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,sBAAA,EAAA,2BAAA,CAAA;YA7BV,YAAA,CAAA,IAAA,EAAA,gBAAA,GAAA,EAAA,KAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,CAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,uBAAA,CAAA;;;YAAa,iBAAA,CAAA,UAAA,EAAA,uBAAA,CAAA;;QAkCX,aAAa,GAAA;AACX,YAAA,MAAM,UAAU,GAAG,CAAA,KAAA,EAAQ,IAAI,CAAC,IAAI,GAAG,cAAc,GAAG,EAAE,EAAE;AAC5D,YAAA,MAAM,UAAU,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,IAAI,EAAE;AAC5D,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,MAAM;YAE/C,OAAO,IAAI,UAAQ;oBACH,UAAU,CAAA;;;AAGL,uBAAA,EAAA,IAAI,CAAC,KAAK,CAAA;0BACT,UAAU,CAAA;AAChB,kBAAA,EAAA,IAAI,CAAC,mBAAmB;AACtB,oBAAA,EAAA,IAAI,CAAC,aAAa,CAAA;;sBAElB,UAAU,CAAA;;;kBAGd,CAAC,IAAI,CAAC,aAAa,CAAA;;;;AAIN,6BAAA,EAAA,IAAI,CAAC,gBAAgB,CAAA;;;;;;;;;;;;;;;KAe/C;QACH;QAGA,eAAe,GAAA;AACb,YAAA,OAAO,GAAG,SAAO,CAAA,EAAG,UAAU,EAAE;QAClC;QAGA,IAAI,GAAA;;AAEF,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,IAAI,CAAC,SAAS,EAAE;YAClB;QACF;QAGA,gBAAgB,GAAA;;AAEd,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,IAAI,CAAC,SAAS,EAAE;YAClB;iBAAO;gBACL,IAAI,CAAC,SAAS,EAAE;YAClB;QACF;AAEQ,QAAA,mBAAmB,CAAC,CAAQ,EAAA;AAClC,YAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB;YACtC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC;gBAAE;AACnD,YAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;gBAC3B,IAAI,CAAC,KAAK,EAAE;YACd;QACF;AAEQ,QAAA,gBAAgB,CAAC,CAAQ,EAAA;YAC/B,CAAC,CAAC,eAAe,EAAE;YACnB,IAAI,CAAC,KAAK,EAAE;QACd;AAEQ,QAAA,aAAa,CAAC,CAAgB,EAAA;YACpC,IAAI,CAAC,IAAI,CAAC,IAAI;gBAAE;YAEhB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;gBAC/C,CAAC,CAAC,eAAe,EAAE;gBACnB,IAAI,CAAC,KAAK,EAAE;YACd;YAEA,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACxC,gBAAA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;YACnB;QACF;QAGQ,SAAS,GAAA;;AAEf,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAA4B;;YAG1D,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;;YAGvC,qBAAqB,CAAC,MAAK;gBACzB,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,EAAE,aAAa,CAC9C,0EAA0E,CAC3E;gBACD,IAAI,cAAc,EAAE;oBAClB,cAAc,CAAC,KAAK,EAAE;gBACxB;qBAAO;AACL,oBAAA,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE;gBACrB;AACF,YAAA,CAAC,CAAC;YAEF,IAAI,CAAC,iBAAiB,EAAE;QAC1B;QAEQ,SAAS,GAAA;;YAEf,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE;;AAGjC,YAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,gBAAA,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;AAC1B,gBAAA,IAAI,CAAC,aAAa,GAAG,IAAI;YAC3B;YAEA,IAAI,CAAC,kBAAkB,EAAE;QAC3B;AAEQ,QAAA,SAAS,CAAC,CAAgB,EAAA;YAChC,IAAI,CAAC,IAAI,CAAC,KAAK;gBAAE;YAEjB,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CACnD,0EAA0E,CAC3E;YAED,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC;AAC/C,YAAA,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC;YACnC,MAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;AAErD,YAAA,IAAI,CAAC,CAAC,QAAQ,EAAE;;AAEd,gBAAA,IAAI,QAAQ,CAAC,aAAa,KAAK,cAAc,EAAE;oBAC7C,aAAa,EAAE,KAAK,EAAE;oBACtB,CAAC,CAAC,cAAc,EAAE;gBACpB;YACF;iBAAO;;AAEL,gBAAA,IAAI,QAAQ,CAAC,aAAa,KAAK,aAAa,EAAE;oBAC5C,cAAc,EAAE,KAAK,EAAE;oBACvB,CAAC,CAAC,cAAc,EAAE;gBACpB;YACF;QACF;QAGQ,iBAAiB,GAAA;AACvB,YAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB;QAGQ,kBAAkB,GAAA;AACxB,YAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB;;QAGA,IAAI,GAAA;AACF,YAAA,IAAI,CAAC,IAAI,GAAG,IAAI;QAClB;QAEA,KAAK,GAAA;AACH,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;QACnB;;;;;;;"}

package/dist/components/nav/snice-nav.d.ts

@@ -1,18 +1,24 @@
-import type { Placard } from 'snice';
+import type { Placard, AppContext, Context } from 'snice';
 import type { SniceNavElement, NavVariant, NavOrientation } from './snice-nav.types';
 export declare class SniceNav extends HTMLElement implements SniceNavElement {
-    placards: Placard[];
-    currentRoute: string;
     variant: NavVariant;
     orientation: NavOrientation;
-    html(): string;
-    css(): string;
+    isTopLevel: boolean;
+    private placards;
+    private currentRoute;
+    private routeParams;
+    private appContext;
+    connectedCallback(): void;
+    handleContext(ctx: Context): void;
+    handleChange(): void;
+    private applyStyles;
+    private render;
     private renderFlat;
     private renderHierarchical;
     private renderGrouped;
     private renderNavItem;
     private renderNavLink;
     private isActive;
-    update(placards: Placard[], currentRoute: string): void;
-    renderNavContent(): string;
+    private isVisible;
+    update(placards: Placard[], appContext?: AppContext, currentRoute?: string, routeParams?: Record<string, string>): void;
 }