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

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}