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

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

@@ -1 +0,0 @@
-import{r as t,a as i,h as o,d as s,e as a}from"./p-BCjiE1MF.js";import{t as e}from"./p-D3eWMME9.js";import{a as n,r as d}from"./p-B6GgGra-.js";import{u as r}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 f}from"./p-BReL3Lsa.js";import{v as p}from"./p-BdYh22OP.js";const g=class{constructor(o){t(this,o),this.openChanged=i(this,"openChanged",3),this.eventsAttached=!1,this.pointerDownTarget=null,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.handleDialogPointerDown=t=>{this.pointerDownTarget=t.target},this.handleDialogClick=t=>{this.clickOutside&&!this.undismissable&&(this.checkForOpenPopovers()||(t.target===this.backdropElement&&this.pointerDownTarget===this.backdropElement&&(this.close(),t.preventDefault(),t.stopPropagation()),this.pointerDownTarget=null))},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}=r(this.dialogElement);t(),this.dialogElement.showModal();const{setGrowIn:i,growIn:o}=h(this.contentElement,{duration:100,amount:.9}),{fadeIn:s}=r(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}=r(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-${p()}`),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||(d(this.triggerClickEvents,this.triggerElement,this),this.eventsAttached=!1),this.allowScroll()}render(){const t=this.form||this.el.querySelector("form");return o(s,{key:"402dda24aab32637cbfd4a2967297fab760e6389"},o("slot",{key:"3744313bc37f3bbf4fabe235004d1e99a6d82ffd",name:"trigger"}),o("dialog",{key:"8d34a090d52e729c8dbed18270900d8ef46c6a7a",ref:t=>this.dialogElement=t,onClose:this.handleDialogClose,onPointerDown:this.handleDialogPointerDown,onClick:this.handleDialogClick,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-header","aria-describedby":"dialog-content",class:c({full:this.full})},o("div",{key:"9539f8682b25f4cf52f4a6fc554d1c314f015655",class:"backdrop",ref:t=>this.backdropElement=t},o("div",{key:"3d74eb9b30bd5d39afd76a20d229adc0f3343f8c",class:"content",ref:t=>this.contentElement=t},!this.undismissable&&o("nv-button",{key:"d061699ef943f1178e985cfca832918b05e914be",class:"close-button",emphasis:"lower",size:"sm",onClick:this.handleDialogClose,"aria-label":"Close dialog"},o("nv-icon",{key:"f60991a49b800d6a5f3af15ddc27fcbf77310a0d",name:"x",size:"sm"})),this.headerElement?o("slot",{name:"header"}):o("nv-dialogheader",{id:"dialog-header"}),o("div",{key:"b3e76c96245728cd574d7d357ec0507525ba9ed5",class:"content-body",id:"dialog-content"},o("slot",{key:"be5a36d7e816f5be9c624c13d5ee03126e1d97cf"})),this.footerElement?o("slot",{name:"footer"}):o("nv-dialogfooter",{form:this.form,primaryButtonType:t?f.Submit:f.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}

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

@@ -1 +0,0 @@
-import{r,h as d,d as o}from"./p-BCjiE1MF.js";const c=class{constructor(d){r(this,d)}render(){return d(o,{key:"073019b05fc2bd13af8db145b4d7bcb8d7b20d34"},d("slot",{key:"41905c616f7e74dcd9c578a68693b4e95cd4ccd7"}))}};c.style="nv-sidebarfooter{display:block;margin-top:auto}";export{c as nv_sidebarfooter}