@nova-design-system/nova-webcomponents 3.30.0 → 3.31.0

package/dist/components/{p-Dg-Ac5i4.js → p-B4Uw_U8V.js}

@@ -1 +1 @@
-import{t as o,p as n,H as t,h as e,d as i}from"./p-DiwYO24j.js";import{c as s}from"./p-ChV9xqsO.js";import{d as a}from"./p-BYrgllP3.js";import{d as r}from"./p-Cx5CLy9v.js";const c=n(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.internals=this.attachInternals(),this.size="md",this.emphasis="high",this.loading=!1,this.disabled=!1,this.active=!1,this.type="button",this.shape="square",this.disableTabindex=!1,this.handleClick=o=>{this.disabled?o.preventDefault():("submit"===this.type&&this.internals?.form?.requestSubmit(),"reset"===this.type&&this.internals?.form?.reset())}}handleLoadingChange(o){this.loading=o,this.disabled=o}handleDisabledChange(o){this.disabled=this.loading?this.loading:o}handleKeyDown(o){"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),this.el.click())}handleTouchStart(o){o.touches.length>1||(o.preventDefault(),this.el.click())}componentWillLoad(){this.loading&&(this.disabled=this.loading)}render(){return e(i,{key:"9b96d47b036561ab1458f193bf7a3b749e6189da",role:"button",type:this.type,tabindex:this.disableTabindex?-1:0,disabled:!!this.disabled||void 0,class:s("root",`size-${this.size}`,`emphasis-${this.emphasis}`,this.loading&&"loading",`shape-${this.shape}`),onClick:this.handleClick},this.loading&&e("nv-loader",{key:"cd55b87aae05c11cf9759421a2aa3c15fef8a19f",size:this.size}),!this.loading&&e("nv-icon",{key:"1fb7bd007f0bde6693bc2241b4e3baa57e0a7fc0",name:this.name,size:this.size}),e("slot",{key:"d2cc6d92bb9714d1b204e75c664b965d696a2fae"}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{loading:[{handleLoadingChange:0}],disabled:[{handleDisabledChange:0}]}}static get style(){return"nv-iconbutton.root{display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:var(--font-weight-medium-emphasis);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;transition:background-color 150ms ease-out;height:fit-content;width:fit-content}nv-iconbutton.size-xs{padding:calc(var(--button-xs-icon-button-padding) - 1px);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-iconbutton.size-sm{padding:calc(var(--button-sm-icon-button-padding) - 1px);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-iconbutton.size-md{padding:calc(var(--button-md-icon-button-padding) - 1px);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-iconbutton.size-lg{padding:calc(var(--button-lg-icon-button-padding) - 1px);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-iconbutton.emphasis-high{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-iconbutton.emphasis-high:hover{background:var(--components-button-high-background-hover);color:var(--components-button-high-text-hover)}nv-iconbutton.emphasis-high:focus,nv-iconbutton.emphasis-high:focus-within{outline:none}nv-iconbutton.emphasis-high:focus-visible,nv-iconbutton.emphasis-high:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-high:disabled{background:var(--components-button-high-background);color:var(--components-button-high-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-high nv-icon>svg{color:var(--components-button-high-icon)}nv-iconbutton.emphasis-medium{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-iconbutton.emphasis-medium:hover{background:var(--components-button-medium-background-hover);color:var(--components-button-medium-text-hover)}nv-iconbutton.emphasis-medium:focus,nv-iconbutton.emphasis-medium:focus-within{outline:none}nv-iconbutton.emphasis-medium:focus-visible,nv-iconbutton.emphasis-medium:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-medium:disabled{background:var(--components-button-medium-background);color:var(--components-button-medium-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-medium nv-icon>svg{color:var(--components-button-medium-icon)}nv-iconbutton.emphasis-low{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-iconbutton.emphasis-low:hover{background:var(--components-button-low-background-hover);color:var(--components-button-low-text-hover)}nv-iconbutton.emphasis-low:focus,nv-iconbutton.emphasis-low:focus-within{outline:none}nv-iconbutton.emphasis-low:focus-visible,nv-iconbutton.emphasis-low:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-low:disabled{background:var(--components-button-low-background);color:var(--components-button-low-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-low nv-icon>svg{color:var(--components-button-low-icon)}nv-iconbutton.emphasis-lower{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-iconbutton.emphasis-lower:hover{background:var(--components-button-lower-background-hover);color:var(--components-button-lower-text-hover)}nv-iconbutton.emphasis-lower:focus,nv-iconbutton.emphasis-lower:focus-within{outline:none}nv-iconbutton.emphasis-lower:focus-visible,nv-iconbutton.emphasis-lower:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-lower:disabled{background:var(--components-button-lower-background);color:var(--components-button-lower-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-lower nv-icon>svg{color:var(--components-button-lower-icon)}nv-iconbutton.loading [slot=leading-icon]{display:none}nv-iconbutton.shape-rounded{border-radius:var(--radius-rounded-full)}"}},[324,"nv-iconbutton",{size:[513],emphasis:[513],loading:[1540],disabled:[1540],active:[516],name:[513],type:[513],shape:[513],disableTabindex:[516,"disable-tabindex"]},[[0,"keydown","handleKeyDown"],[0,"touchstart","handleTouchStart"]],{loading:[{handleLoadingChange:0}],disabled:[{handleDisabledChange:0}]}]);function u(){"undefined"!=typeof customElements&&["nv-iconbutton","nv-icon","nv-loader"].forEach((n=>{switch(n){case"nv-iconbutton":customElements.get(o(n))||customElements.define(o(n),c);break;case"nv-icon":customElements.get(o(n))||a();break;case"nv-loader":customElements.get(o(n))||r()}}))}u();export{c as N,u as d}
+import{t as o,p as n,H as t,h as e,d as i}from"./p-DiwYO24j.js";import{c as s}from"./p-ChV9xqsO.js";import{d as a}from"./p-B_SethFg.js";import{d as r}from"./p-Bt5_pj49.js";const c=n(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.internals=this.attachInternals(),this.size="md",this.emphasis="high",this.loading=!1,this.disabled=!1,this.active=!1,this.type="button",this.shape="square",this.disableTabindex=!1,this.handleClick=o=>{this.disabled?o.preventDefault():("submit"===this.type&&this.internals?.form?.requestSubmit(),"reset"===this.type&&this.internals?.form?.reset())}}handleLoadingChange(o){this.loading=o,this.disabled=o}handleDisabledChange(o){this.disabled=this.loading?this.loading:o}handleKeyDown(o){"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),this.el.click())}handleTouchStart(o){o.touches.length>1||(o.preventDefault(),this.el.click())}componentWillLoad(){this.loading&&(this.disabled=this.loading)}render(){return e(i,{key:"f206fab4c635b6d27b112cc68bebfc3e66593177",role:"button",type:this.type,tabindex:this.disableTabindex?-1:0,disabled:!!this.disabled||void 0,class:s("root",`size-${this.size}`,`emphasis-${this.emphasis}`,this.loading&&"loading",`shape-${this.shape}`),onClick:this.handleClick},this.loading&&e("nv-loader",{key:"2ea73a9f618aeda177874d9d628e67e2ecaeec52",size:this.size}),!this.loading&&e("nv-icon",{key:"8ebed9969c09dedbb7c900b520cb52f28f342adc",name:this.name,size:this.size}),e("slot",{key:"b4d27f55210016a776cb215f2f8788fe4fd7c4a1"}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{loading:[{handleLoadingChange:0}],disabled:[{handleDisabledChange:0}]}}static get style(){return"nv-iconbutton.root{display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:var(--font-weight-medium-emphasis);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;transition:background-color 150ms ease-out;height:fit-content;width:fit-content}nv-iconbutton.size-xs{padding:calc(var(--button-xs-icon-button-padding) - 1px);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-iconbutton.size-sm{padding:calc(var(--button-sm-icon-button-padding) - 1px);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-iconbutton.size-md{padding:calc(var(--button-md-icon-button-padding) - 1px);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-iconbutton.size-lg{padding:calc(var(--button-lg-icon-button-padding) - 1px);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-iconbutton.emphasis-high{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-iconbutton.emphasis-high:hover{background:var(--components-button-high-background-hover);color:var(--components-button-high-text-hover)}nv-iconbutton.emphasis-high:focus,nv-iconbutton.emphasis-high:focus-within{outline:none}nv-iconbutton.emphasis-high:focus-visible,nv-iconbutton.emphasis-high:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-high:disabled{background:var(--components-button-high-background);color:var(--components-button-high-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-high nv-icon>svg{color:var(--components-button-high-icon)}nv-iconbutton.emphasis-medium{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-iconbutton.emphasis-medium:hover{background:var(--components-button-medium-background-hover);color:var(--components-button-medium-text-hover)}nv-iconbutton.emphasis-medium:focus,nv-iconbutton.emphasis-medium:focus-within{outline:none}nv-iconbutton.emphasis-medium:focus-visible,nv-iconbutton.emphasis-medium:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-medium:disabled{background:var(--components-button-medium-background);color:var(--components-button-medium-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-medium nv-icon>svg{color:var(--components-button-medium-icon)}nv-iconbutton.emphasis-low{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-iconbutton.emphasis-low:hover{background:var(--components-button-low-background-hover);color:var(--components-button-low-text-hover)}nv-iconbutton.emphasis-low:focus,nv-iconbutton.emphasis-low:focus-within{outline:none}nv-iconbutton.emphasis-low:focus-visible,nv-iconbutton.emphasis-low:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-low:disabled{background:var(--components-button-low-background);color:var(--components-button-low-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-low nv-icon>svg{color:var(--components-button-low-icon)}nv-iconbutton.emphasis-lower{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-iconbutton.emphasis-lower:hover{background:var(--components-button-lower-background-hover);color:var(--components-button-lower-text-hover)}nv-iconbutton.emphasis-lower:focus,nv-iconbutton.emphasis-lower:focus-within{outline:none}nv-iconbutton.emphasis-lower:focus-visible,nv-iconbutton.emphasis-lower:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-lower:disabled{background:var(--components-button-lower-background);color:var(--components-button-lower-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-lower nv-icon>svg{color:var(--components-button-lower-icon)}nv-iconbutton.loading [slot=leading-icon]{display:none}nv-iconbutton.shape-rounded{border-radius:var(--radius-rounded-full)}"}},[324,"nv-iconbutton",{size:[513],emphasis:[513],loading:[1540],disabled:[1540],active:[516],name:[513],type:[513],shape:[513],disableTabindex:[516,"disable-tabindex"]},[[0,"keydown","handleKeyDown"],[0,"touchstart","handleTouchStart"]],{loading:[{handleLoadingChange:0}],disabled:[{handleDisabledChange:0}]}]);function u(){"undefined"!=typeof customElements&&["nv-iconbutton","nv-icon","nv-loader"].forEach((n=>{switch(n){case"nv-iconbutton":customElements.get(o(n))||customElements.define(o(n),c);break;case"nv-icon":customElements.get(o(n))||a();break;case"nv-loader":customElements.get(o(n))||r()}}))}u();export{c as N,u as d}

package/dist/components/{p-yPMU6HZQ.js → p-BFM_8Jgq.js}

@@ -1 +1 @@
-import{t as e,p as t,H as n,c as a,h as o,d as i}from"./p-DiwYO24j.js";import{d as s}from"./p-BYrgllP3.js";const c=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.menuitemSelected=a(this,"menuitemSelected",7),this.disabled=!1,this.hasSubmenu=!1}handleMenuItemSelect(e){this.disabled?e.stopPropagation():this.menuitemSelected.emit({id:this.el.id,name:this.name,hasSubmenu:this.hasSubmenu})}handleClick(e){this.handleMenuItemSelect(e)}handleKeyDown(e){if("Enter"===e.key||" "===e.key){const t=document.activeElement;t&&"NV-MENUITEM"===t.tagName&&!t.hasAttribute("has-submenu")&&(e.preventDefault(),this.el.click())}}render(){return o(i,{key:"052f7822782c1a50cfc207dc6c7090e9ae7ddb23",role:"menuitem",tabindex:this.disabled?"-1":"0"},this.icon&&o("nv-icon",{key:"b6fb4a24573d6ce2a65d1fbec49f25084aca4efc",name:this.icon}),o("slot",{key:"dd4b413f909db1b13a642411532b4980fe495bcf"}),this.label&&o("span",{key:"06e14c729b5d1a8c7fb58797fcf345eb15d02be4","data-scope":"text"},this.label),this.shortcut&&!this.hasSubmenu&&o("kbd",{key:"53802fa02a1c643b8f04ec71365115c469016e65"},this.shortcut),this.hasSubmenu&&o("nv-icon",{key:"ef8e14ab9147ef7cba4e160a053e4900aac9a927",name:"chevron-right"}))}get el(){return this}static get style(){return"nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}"}},[260,"nv-menuitem",{label:[513],icon:[513],disabled:[516],shortcut:[513],hasSubmenu:[516,"has-submenu"],name:[513]},[[2,"click","handleClick"],[0,"keydown","handleKeyDown"]]]);function m(){"undefined"!=typeof customElements&&["nv-menuitem","nv-icon"].forEach((t=>{switch(t){case"nv-menuitem":customElements.get(e(t))||customElements.define(e(t),c);break;case"nv-icon":customElements.get(e(t))||s()}}))}m();export{c as N,m as d}
+import{t as e,p as t,H as n,c as a,h as o,d as i}from"./p-DiwYO24j.js";import{d as s}from"./p-B_SethFg.js";const c=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.menuitemSelected=a(this,"menuitemSelected",7),this.disabled=!1,this.hasSubmenu=!1}handleMenuItemSelect(e){this.disabled?e.stopPropagation():this.menuitemSelected.emit({id:this.el.id,name:this.name,hasSubmenu:this.hasSubmenu})}handleClick(e){this.handleMenuItemSelect(e)}handleKeyDown(e){if("Enter"===e.key||" "===e.key){const t=document.activeElement;t&&"NV-MENUITEM"===t.tagName&&!t.hasAttribute("has-submenu")&&(e.preventDefault(),this.el.click())}}render(){return o(i,{key:"9ae0a9d4520789157d869a8832f622176f9df331",role:"menuitem",tabindex:this.disabled?"-1":"0"},this.icon&&o("nv-icon",{key:"a0f76ff34d83238add0cebfb83a1c7f715d9fcb0",name:this.icon}),o("slot",{key:"8a5883175325444025efcbd12ecb57c95dfb2ac3"}),this.label&&o("span",{key:"da5452a4fdc521cf336a38575c9ab2e49d7b0179","data-scope":"text"},this.label),this.shortcut&&!this.hasSubmenu&&o("kbd",{key:"de40a96181c57c6ea27669c15634a568c6e3ed05"},this.shortcut),this.hasSubmenu&&o("nv-icon",{key:"ff65838b28f0be31356645cfbdd5b7eb95b47266",name:"chevron-right"}))}get el(){return this}static get style(){return"nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}"}},[260,"nv-menuitem",{label:[513],icon:[513],disabled:[516],shortcut:[513],hasSubmenu:[516,"has-submenu"],name:[513]},[[2,"click","handleClick"],[0,"keydown","handleKeyDown"]]]);function m(){"undefined"!=typeof customElements&&["nv-menuitem","nv-icon"].forEach((t=>{switch(t){case"nv-menuitem":customElements.get(e(t))||customElements.define(e(t),c);break;case"nv-icon":customElements.get(e(t))||s()}}))}m();export{c as N,m as d}