@nova-design-system/nova-webcomponents 3.26.0 → 3.27.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-webcomponents",
-  "version": "3.26.0",
+  "version": "3.27.0",
   "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -69,6 +69,10 @@
     "extract-comments": "1.1.0"
   },
   "exports": {
+    "./nv-pagination-nav": {
+      "import": "./dist/components/nv-pagination-nav.js",
+      "types": "./dist/components/nv-pagination-nav.d.ts"
+    },
     "./nv-paginationtable": {
       "import": "./dist/components/nv-paginationtable.js",
       "types": "./dist/components/nv-paginationtable.d.ts"

package/dist/native/p-0bfd188c.entry.js

@@ -1 +0,0 @@
-import{r as e,a,h as t,d as s}from"./p-S-IZ4AN_.js";function i(e,a,t){const s=e??t??"";return s?s.replace(/\{(\w+)\}/g,((e,t)=>t in a?String(a[t]):e)):""}const n=[10,25,50,100],o=class{constructor(t){e(this,t),this.pageIndexChanged=a(this,"pageIndexChanged",3),this.pageSizeChanged=a(this,"pageSizeChanged",3),this.pageIndex=0,this.pageSize=10,this.pageCount=0,this.rowCount=0,this.hideControls=!1,this.hidePrevNext=!1,this.hideFirstLast=!1,this.labelPage="Page {pageIndex} of {pageCount}",this.labelTotal="Total: {rowCount} rows",this.labelPageSizeOption="{pageSize} per page",this.handlePageSizeChange=e=>{const a=Number(e.detail);a>0&&(this.pageSize=a)}}async firstPage(){this.pageIndex=0}async previousPage(){this.pageIndex>0&&(this.pageIndex=this.pageIndex-1)}async nextPage(){this.pageIndex<this.pageCount-1&&(this.pageIndex=this.pageIndex+1)}async lastPage(){this.pageIndex=this.pageCount-1}async setPageIndex(e){e>=0&&e<this.pageCount&&(this.pageIndex=e)}async setPageSize(e){e>0&&(this.pageSize=e)}onPageIndexChange(e){this.pageIndexChanged.emit(e)}onPageSizeChange(e){this.pageSizeChanged.emit(e)}render(){const e=0===this.pageIndex,a=this.pageIndex>=this.pageCount-1,o=i(this.labelPage,{pageIndex:this.pageIndex+1,pageCount:this.pageCount},"Page {pageIndex} of {pageCount}"),c=i(this.labelTotal,{rowCount:this.rowCount},"Total: {rowCount} rows"),h=function(e,a=n){return a.map((a=>({label:i(e,{pageSize:a}),value:String(a)})))}(this.labelPageSizeOption??"{pageSize} per page");return t(s,{key:"1ca51049fc16cc949fe38c80ceabc7a72f189279"},!this.hideControls&&t("div",{key:"6962c8ee324aa42f5eb5defceb48cbb6b5a6ed0a","data-scope":"controls"},!this.hideFirstLast&&t("nv-iconbutton",{key:"faa193b020c69f274fd7024a9fbc736661500152",name:"chevrons-left",emphasis:"lower",size:"sm",disabled:e,onClick:()=>this.firstPage()}),!this.hidePrevNext&&t("nv-iconbutton",{key:"dfa8731f6389768a659207bac3752b9ac674c9e8",name:"chevron-left",emphasis:"lower",size:"sm",disabled:e,onClick:()=>this.previousPage()}),!this.hidePrevNext&&t("nv-iconbutton",{key:"a546e95f9921f4b6b0848ce1eaee929ac223949a",name:"chevron-right",emphasis:"lower",size:"sm",disabled:a,onClick:()=>this.nextPage()}),!this.hideFirstLast&&t("nv-iconbutton",{key:"f59fac8c7ee04c37779089aa8de8980d5ca51d04",name:"chevrons-right",emphasis:"lower",size:"sm",disabled:a,onClick:()=>this.lastPage()})),t("span",{key:"32079d8ea98a2918eee76c0176515eba13ac24a0","data-scope":"page-label"},o),t("span",{key:"21c38d9e335ce7c9d952f5ef8201d51f1d486b76","data-scope":"total"},c),t("div",{key:"e981f5e869c08bdd52639b35ac6bec3deec8577c","data-scope":"per-page"},t("nv-fieldselect",{key:"ac22a50b68b7a75f0560d19641c159a5d771bceb",value:String(this.pageSize),onValueChanged:this.handlePageSizeChange,options:h})),t("slot",{key:"784a6edbfbf83b76ef7e49e881591ba16e9da064"}))}static get watchers(){return{pageIndex:[{onPageIndexChange:0}],pageSize:[{onPageSizeChange:0}]}}};o.style="nv-paginationtable{display:flex;align-items:center;color:var(--color-content-medium-text);gap:var(--pagination-table-gap-x);user-select:none;font-size:var(--pagination-table-font-size);font-weight:400}nv-paginationtable nv-fieldselect .select-wrapper .select-container{border-color:transparent}nv-paginationtable nv-fieldselect .select-wrapper .select-container select{font-size:var(--pagination-table-font-size);font-weight:400;color:var(--color-content-medium-text)}";export{o as nv_paginationtable}

package/dist/native/p-87a1b06c.entry.js

@@ -1 +0,0 @@
-import{r as i,h as e,d as t,e as a}from"./p-S-IZ4AN_.js";const n=class{constructor(e){i(this,e),this.active=!1,this.collapsible=!1,this.open=!1,this.hasSubitems=!1,this.isSidebarCollapsed=!1,this.wasActiveFromSubitem=!1,this.handleToggle=i=>{const e=i.target;if(!e.closest("nv-sidebarnavsubitem"))if(this.isSidebarCollapsed){const i=this.el.querySelector(".nv-sidebarnavitem-content a, :scope > a");if(i?.href){if(e.closest("a"))return;i.click()}}else this.collapsible&&(i.preventDefault(),i.stopPropagation(),this.open=!this.open)},this.isAnimating=!1,this.hasInitializedHeight=!1,this.lastAnimatedOpenState=null,this.updateSubitemsHeight=(i=!1)=>{this.subitemsRef&&(i||null===this.lastAnimatedOpenState||this.lastAnimatedOpenState!==this.open)&&(this.isAnimating&&!i||(this.isAnimating=!0,this.lastAnimatedOpenState=this.open,this.open?(this.subitemsRef.style.transition="none",this.subitemsRef.style.maxHeight="0px",requestAnimationFrame((()=>{this.subitemsRef&&(this.subitemsRef.style.transition="max-height 0.3s ease, opacity 0.2s ease",this.subitemsRef.style.maxHeight=this.subitemsRef.scrollHeight+"px",setTimeout((()=>{this.isAnimating=!1}),300))}))):(this.subitemsRef.style.transition="none",this.subitemsRef.style.maxHeight=this.subitemsRef.scrollHeight+"px",requestAnimationFrame((()=>{this.subitemsRef&&(this.subitemsRef.style.transition="max-height 0.3s ease, opacity 0.2s ease",this.subitemsRef.style.maxHeight="0px",setTimeout((()=>{this.isAnimating=!1}),300))})))))},this.checkSidebarCollapsed=()=>{const i=this.el.closest("nv-sidebar"),e=this.isSidebarCollapsed;this.isSidebarCollapsed=i?.hasAttribute("collapsed")??!1,e!==this.isSidebarCollapsed&&this.updateActiveFromSubitems()},this.updateActiveFromSubitems=()=>{if(!this.hasSubitems)return;const i=Array.from(this.el.querySelectorAll("nv-sidebarnavsubitem")).some((i=>i.active));this.isSidebarCollapsed?i?(this.active=!0,this.wasActiveFromSubitem=!0):this.wasActiveFromSubitem&&(this.active=!1,this.wasActiveFromSubitem=!1):i&&!this.open?(this.active=!0,this.wasActiveFromSubitem=!0):this.wasActiveFromSubitem&&(this.active=!1,this.wasActiveFromSubitem=!1)}}componentWillLoad(){const i=this.el.querySelectorAll("nv-sidebarnavsubitem");this.hasSubitems=i.length>0,this.hasSubitems&&i.forEach((i=>{i.setAttribute("slot","subitems")})),this.checkSidebarCollapsed();const e=this.el.closest("nv-sidebar");if(e&&(this.mutationObserver=new MutationObserver((()=>{this.checkSidebarCollapsed()})),this.mutationObserver.observe(e,{attributes:!0,attributeFilter:["collapsed"]})),this.hasSubitems){const i=this.el.querySelector(".nv-sidebarnavitem-subitems");i?(this.subitemsMutationObserver=new MutationObserver((()=>{this.updateActiveFromSubitems()})),this.subitemsMutationObserver.observe(i,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["active"]})):(this.subitemsMutationObserver=new MutationObserver((()=>{this.updateActiveFromSubitems()})),this.subitemsMutationObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["active"]}))}this.updateActiveFromSubitems()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.subitemsMutationObserver&&this.subitemsMutationObserver.disconnect()}onOpenChanged(i,e){i!==e&&(this.updateSubitemsHeight(!0),this.updateActiveFromSubitems())}render(){const i=void 0!==this.notificationCount&&this.notificationCount>0,a=this.isSidebarCollapsed?"reduced":"default";return e(t,{key:"0809fb5e4f1663571199bd75e3f2d69d09eabc2f",role:"listitem"},e("div",{key:"6885fbc8e01fd60f32d56a8b750398a772ee1169",class:"nv-sidebarnavitem-trigger",onClick:this.handleToggle,"aria-expanded":this.collapsible?String(this.open):void 0,"aria-current":this.active&&!this.collapsible?"page":void 0},this.icon&&e("div",{key:"515ea7bb25f83fb3a645531ade9370357b1a3cc3",class:"nv-sidebarnavitem-icon"},e("nv-icon",{key:"718f35787fcd979dd305bcf985a51a9bf7f21a8b",name:this.icon,size:"md"}),i&&this.isSidebarCollapsed&&e("nv-notification-bullet",{key:"c99767c829bf878d30345933d1bdf9f7c79fc778",count:this.notificationCount,size:a,contrastingBorder:!0})),e("div",{key:"d2cfe856fb91a7d15232ff30c73a6709b6adffbf",class:"nv-sidebarnavitem-content"},e("slot",{key:"dbcc77aaf798efdca11714c0a6c9109c112ea314"})),e("div",{key:"bf0136c15af7ac1c4bb98c9415ef0a37760cf4e1",class:"nv-sidebarnavitem-trailing"},e("slot",{key:"b84329d00c08ba2e7dc1a783b65d309fbf45a4da",name:"trailing"}),i&&!this.isSidebarCollapsed&&e("nv-notification-bullet",{key:"8a5b9447b80a59c38f006d86fe0d6bd655e02735",count:this.notificationCount,size:a}),this.collapsible&&e("nv-icon",{key:"47348e1ad810f7abd022dc510bfd11caeb8d8c71",name:"chevron-down",size:"sm",class:"nv-sidebarnavitem-chevron"}))),this.collapsible&&this.hasSubitems&&e("div",{key:"ba5160e5ea9cac822afdf9ed75f3e00807615304",class:"nv-sidebarnavitem-subitems",ref:i=>{i!==this.subitemsRef&&(this.subitemsRef=i,i&&!this.hasInitializedHeight&&(this.hasInitializedHeight=!0,requestAnimationFrame((()=>{this.open&&this.updateSubitemsHeight()}))))}},e("slot",{key:"4cd023b2af51cf8941d29cb2728cdd1c6b2ea8ed",name:"subitems"})))}get el(){return a(this)}static get watchers(){return{open:[{onOpenChanged:0}]}}};n.style="nv-sidebarnavitem{display:flex;flex-direction:column;gap:0}nv-sidebarnavitem .nv-sidebarnavitem-trigger{display:flex;align-items:center;gap:var(--sidebar-item-gap-x);padding:var(--sidebar-item-padding-y) var(--sidebar-item-padding-x);border-radius:var(--sidebar-item-radius);cursor:pointer;transition:all 0.15s ease;font-size:var(--sidebar-item-font-size);font-weight:var(--font-weight-medium-emphasis);color:var(--color-content-low-text);background:var(--components-sidebar-background);text-decoration:none;--nv-component-background:var(--components-sidebar-background);--nv-sidebarnavitem-background:var(--components-sidebar-background)}nv-sidebarnavitem .nv-sidebarnavitem-trigger:hover{background-color:var(--color-interaction-container-neutral-background-hover);color:var(--color-content-medium-text);--nv-component-background:var(--color-interaction-container-neutral-background-hover);--nv-sidebarnavitem-background:var(--color-interaction-container-neutral-background-hover)}nv-sidebarnavitem .nv-sidebarnavitem-trigger:focus,nv-sidebarnavitem .nv-sidebarnavitem-trigger:focus-within{outline:none}nv-sidebarnavitem .nv-sidebarnavitem-trigger:focus-visible,nv-sidebarnavitem .nv-sidebarnavitem-trigger:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-sidebarnavitem[active] .nv-sidebarnavitem-trigger{background-color:var(--color-interaction-container-neutral-background-active);color:var(--color-interaction-container-neutral-text-active);font-weight:var(--font-weight-medium-emphasis);--nv-component-background:var(--color-interaction-container-neutral-background-active);--nv-sidebarnavitem-background:var(--color-interaction-container-neutral-background-active)}nv-sidebarnavitem .nv-sidebarnavitem-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit;width:var(--sidebar-item-icon-size);height:var(--sidebar-item-icon-size);position:relative}nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-icon{overflow:visible;margin:0;justify-content:center}nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-icon nv-notification-bullet{position:absolute;transform:translate(50%, -50%);z-index:1;--sidebar-notification-bullet-size-reduced:calc(     var(--sidebar-item-icon-size) * 0.4   )}nv-sidebarnavitem .nv-sidebarnavitem-content{flex:1;display:flex;align-items:center}nv-sidebarnavitem .nv-sidebarnavitem-content a{color:inherit !important;text-decoration:none !important;font-weight:var(--font-weight-medium-emphasis) !important;flex:1}nv-sidebarnavitem .nv-sidebarnavitem-trailing{display:flex;align-items:center;gap:var(--spacing-2);margin-left:auto}nv-sidebarnavitem .nv-sidebarnavitem-chevron{transition:transform 0.2s ease;color:inherit}nv-sidebarnavitem[open] .nv-sidebarnavitem-chevron{transform:rotate(180deg)}nv-sidebarnavitem .nv-sidebarnavitem-subitems{display:flex;flex-direction:column;gap:0;max-height:0;overflow:hidden;opacity:0;transition:max-height 0.3s ease, opacity 0.2s ease;padding-left:0}nv-sidebarnavitem[open] .nv-sidebarnavitem-subitems{opacity:1;margin-top:var(--spacing-1)}nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-trigger{justify-content:center;gap:0;padding:var(--sidebar-item-padding-y-collapsed) var(--sidebar-item-padding-x-collapsed)}nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-content{display:none}nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-trailing,nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-chevron{display:none}";export{n as nv_sidebarnavitem}

package/dist/native/p-ae4fc02a.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,d as r}from"./p-S-IZ4AN_.js";const o=class{constructor(a){e(this,a)}render(){return a(r,{key:"ac36a47c2f96070779b7b05134303604e3ef7676"},a("slot",{key:"295d26a47fa386deade3799a02686afe6ef42ce0"}))}};o.style="nv-sidebarfooter{display:block;margin-top:auto}";export{o as nv_sidebarfooter}

package/dist/native/p-c825c542.entry.js

@@ -1 +0,0 @@
-import{r as e,h as o,d as r}from"./p-S-IZ4AN_.js";const c=class{constructor(o){e(this,o)}render(){return o(r,{key:"e88e1557fbfa8ec74391dc11b6073eecb4d97685",role:"list"},o("slot",{key:"ccaf985cc498a5729600316135d750190a514582"}))}};c.style="nv-sidebarcontent{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden}";export{c as nv_sidebarcontent}

package/dist/native/p-ce2c17dc.entry.js

@@ -1 +0,0 @@
-import{r,h as e,d as a}from"./p-S-IZ4AN_.js";const i=class{constructor(e){r(this,e)}render(){return e(a,{key:"e2288aab359dff9087f7758e53a476e4715b0742",role:"separator","aria-orientation":"horizontal"})}};i.style="nv-sidebardivider{display:block;height:var(--sidebar-divider-size);background-color:var(--components-sidebar-divider)}";export{i as nv_sidebardivider}

package/dist/native/p-f2a32774.entry.js

@@ -1 +0,0 @@
-import{r,h as a,d as c}from"./p-S-IZ4AN_.js";const s=class{constructor(a){r(this,a)}render(){return a(c,{key:"507041a8331236632f2dc12e94ca7c87465e8312"},a("slot",{key:"3bef8f23cdc72e42467dc0407b9d2693f15638d7"}))}};s.style="nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";export{s as nv_row}

package/dist/native/p-f5eff2b2.entry.js

@@ -1 +0,0 @@
-import{r as e,h as d,d as r}from"./p-S-IZ4AN_.js";const c=class{constructor(d){e(this,d)}render(){return d(r,{key:"8dd986cfb2cd89557955c6eb61ebfbad0eb1dbcc"},d("slot",{key:"ee7808c81f750f5c46da9ed0bfd3b9fcb18d393d"}))}};c.style="nv-sidebarheader{display:block}";export{c as nv_sidebarheader}

package/dist/native/p-f64f1bea.entry.js

@@ -1 +0,0 @@
-import{r as t,a as i,h as o,d as s,e as a}from"./p-S-IZ4AN_.js";import{t as e}from"./p-D3eWMME9.js";import{a as n,r}from"./p-B6GgGra-.js";import{u as d}from"./p-13YSIyGW.js";import{u as h}from"./p-Blc6XEY7.js";import"./p-xlgmw4x8.js";import{p as l}from"./p-CgHCo_Ho.js";import{c}from"./p-ChV9xqsO.js";import{b as p}from"./p-BReL3Lsa.js";import{v as f}from"./p-BdYh22OP.js";const g=class{constructor(o){t(this,o),this.openChanged=i(this,"openChanged",3),this.eventsAttached=!1,this.triggerClickEvents=[["click",this.show],["keydown",t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.show())}]],this.open=!1,this.undismissable=!1,this.clickOutside=!1,this.controlled=!1,this.full=!1,this.autofocus=!1,this.checkForForm=()=>{if(!this.form){const t=this.el.querySelector("form");t&&(this.form=this.ensureFormId(t))}},this.handleDialogClose=()=>{this.open&&this.close()},this.handleDialogClick=t=>{this.clickOutside&&!this.undismissable&&(this.checkForOpenPopovers()||t.target===this.backdropElement&&(this.close(),t.preventDefault(),t.stopPropagation()))},this.checkForOpenPopovers=()=>{let t=!1;return this.el.querySelectorAll("nv-popover").forEach((i=>{i.hasAttribute("open")&&(t=!0)})),t}}async show(){this.open=!0,this.preventScroll();const{setFadeOut:t}=d(this.dialogElement);t(),this.dialogElement.showModal();const{setGrowIn:i,growIn:o}=h(this.contentElement,{duration:100,amount:.9}),{fadeIn:s}=d(this.dialogElement,{duration:100});i(),await l(s,o).start()}async close(){this.open=!1,this.allowScroll();const{growOut:t}=h(this.contentElement,{duration:150,amount:.85}),{fadeOut:i}=d(this.dialogElement,{duration:150});await l(t,i).start(),this.dialogElement.close()}setAutofocus(){const t=e(this.dialogElement,{displayCheck:"none"});if(t.length>0){let i=t[0],o=i.getBoundingClientRect();t.forEach((t=>{const s=t.getBoundingClientRect();(s.top<o.top||s.left<o.left)&&(i=t,o=s)})),i.setAttribute("autofocus","true")}}attachEventListeners(){!this.triggerElement||this.eventsAttached||this.controlled||(n(this.triggerClickEvents,this.triggerElement,this),this.eventsAttached=!0)}preventScroll(){const t=window.innerWidth-document.documentElement.clientWidth;document.documentElement.style.overflow="hidden",document.documentElement.style.paddingRight=`${t}px`}allowScroll(){document.documentElement.style.removeProperty("overflow"),document.documentElement.style.removeProperty("padding-right")}ensureFormId(t){return t.id||(t.id=`dialog-form-${f()}`),t.id}async handleDialogOpenChange(t){t?(this.show(),this.openChanged.emit(t)):(this.close(),this.openChanged.emit(t))}handleKeyDown(t){if("Escape"!==t.key)return;if(!this.open)return;t.preventDefault(),t.stopPropagation();const i=this.checkForOpenPopovers();this.undismissable||i||(t.preventDefault(),t.stopPropagation(),this.close())}componentWillLoad(){this.headerElement||(this.headerElement=this.el.querySelector('[slot="header"]')??this.el.querySelector("nv-dialogheader")),this.footerElement||(this.footerElement=this.el.querySelector('[slot="footer"]')??this.el.querySelector("nv-dialogfooter")),this.checkForForm()}componentDidRender(){this.triggerElement=this.el.querySelector('[slot="trigger"]'),this.attachEventListeners()}componentDidLoad(){this.open&&this.show(),this.autofocus&&!this.dialogElement.querySelector("[autofocus]")&&this.setAutofocus(),this.checkForForm()}disconnectedCallback(){!this.triggerElement||this.eventsAttached||this.controlled||(r(this.triggerClickEvents,this.triggerElement,this),this.eventsAttached=!1),this.allowScroll()}render(){const t=this.form||this.el.querySelector("form");return o(s,{key:"d8d44a128d01fd7a9b62d42f08f7eb5b85e4e5b2"},o("slot",{key:"7157a6121fea5e8828dd2c0c3db4998c0cb5d0d2",name:"trigger"}),o("dialog",{key:"22674ade1de7b50439ffe77ad2a20e6473929c34",ref:t=>this.dialogElement=t,onClose:this.handleDialogClose,onClick:this.handleDialogClick,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-header","aria-describedby":"dialog-content",class:c({full:this.full})},o("div",{key:"4f851e286f94be5972ebb417bef891e29714cb44",class:"backdrop",ref:t=>this.backdropElement=t},o("div",{key:"881171acec6e40b627a544b716302d576b836487",class:"content",ref:t=>this.contentElement=t},!this.undismissable&&o("nv-button",{key:"9691520158952a35da536f94073e8ff5fd6041f0",class:"close-button",emphasis:"lower",size:"sm",onClick:this.handleDialogClose,"aria-label":"Close dialog"},o("nv-icon",{key:"8392a7d6ec89d08391904c94f10296223c4d6012",name:"x",size:"sm"})),this.headerElement?o("slot",{name:"header"}):o("nv-dialogheader",{id:"dialog-header"}),o("div",{key:"7fa62a9d5e8f1fe3f42872af3fc753e2fb175a9a",class:"content-body",id:"dialog-content"},o("slot",{key:"5ec44365b70f6ec2762896ce242a264fb4ffb05a"})),this.footerElement?o("slot",{name:"footer"}):o("nv-dialogfooter",{form:this.form,primaryButtonType:t?p.Submit:p.Button,onDialogCanceled:this.handleDialogClose,undismissable:this.undismissable})))))}get el(){return a(this)}static get watchers(){return{open:[{handleDialogOpenChange:0}]}}};g.style="nv-dialog dialog{width:100vw;height:100svh;margin:0;max-height:unset;max-width:unset;padding:0;background:color-mix(in srgb, var(--components-overlay-background) 70%, transparent);backdrop-filter:blur(4px)}nv-dialog dialog.full .content{min-width:90vw;width:90vw;max-width:90vw}nv-dialog .backdrop{display:flex;min-height:100%;padding:var(--spacing-3);box-shadow:0px var(--shadow-y-axis-2xl) var(--shadow-blur-2xl) var(--shadow-spread-2xl) var(--shadow-color-opacity-3) var(--shadow-color-opacity-3)}nv-dialog .backdrop .content{border-radius:var(--radius-rounded-2xl);background:var(--color-level-00-background);min-width:min(90vw, 400px);width:fit-content;max-width:clamp(90vw, min(90vw, 960px), 960px);margin:auto;display:flex;flex-direction:column;align-items:flex-start;height:fit-content;position:relative}nv-dialog .backdrop .content nv-button.close-button{position:absolute;top:var(--dialog-dismissible-position-top);right:var(--dialog-dismissible-position-right);display:flex;padding:var(--button-sm-icon-button-padding);justify-content:flex-end;align-items:flex-start;gap:10px}nv-dialog .backdrop .content .content-body::-webkit-scrollbar{width:6px;height:6px}nv-dialog .backdrop .content .content-body::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-dialog .backdrop .content .content-body::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-dialog .backdrop .content .content-body{box-sizing:border-box;padding:var(--dialog-body-padding-y) var(--dialog-body-padding-x);scrollbar-gutter:stable both-edges;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);color:var(--color-content-medium-text);width:100%}";export{g as nv_dialog}