@nova-design-system/nova-webcomponents 3.31.1 → 3.31.2-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-webcomponents",
-  "version": "3.31.1",
+  "version": "3.31.2-beta.3",
   "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/",
@@ -23,9 +23,11 @@
   "files": [
     "dist/",
     "loader/",
-    "hydrate/"
+    "hydrate/",
+    "THIRD_PARTY_NOTICES.txt"
   ],
   "scripts": {
+    "prebuild": "node -e \"const fs=require('fs'); if(!fs.existsSync('THIRD_PARTY_NOTICES.txt')) fs.writeFileSync('THIRD_PARTY_NOTICES.txt', '');\"",
     "pre-build": "stencil build --config stencil.config.prebuild.ts",
     "build:tw": "tailwindcss -i src/styles/tailwind.css -o src/styles/nova-tailwind.css",
     "build": "npm run build:tw && (stencil build || exit 1) && tsx lib/scripts/nextjs-entry-shim.ts",
@@ -82,6 +84,10 @@
       "import": "./dist/components/nv-statusindicator.js",
       "types": "./dist/components/nv-statusindicator.d.ts"
     },
+    "./nv-pill": {
+      "import": "./dist/components/nv-pill.js",
+      "types": "./dist/components/nv-pill.d.ts"
+    },
     "./nv-datetest": {
       "import": "./dist/components/nv-datetest.js",
       "types": "./dist/components/nv-datetest.d.ts"

package/dist/components/p-1Oq0x2Rx.js

@@ -1 +0,0 @@
-import{t as e,p as o,H as r,c as t,h as n,d as i}from"./p-BzJGjY6m.js";import{d as a}from"./p-waLAN4j3.js";const s=o(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.dropdownItemSelected=t(this,"dropdownItemSelected",7),this.disabled=!1,this.selected=!1,this.detached=!1,this.handleSelected=()=>{this.disabled||this.dropdownItemSelected.emit({label:this.label,value:this.value,detached:this.detached})}}handleKeyDown(e){e.target===this.el&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleSelected()))}componentWillRender(){this.value||(this.value=(this.label??this.el.textContent).replace(/\W+/g,""))}render(){return n(i,{key:"9931decf5664d77d8c164859bc4046ca313e13a9",role:"menuitem",tabindex:"-1",onClick:this.handleSelected},this.selected&&n("nv-icon",{key:"aba64f319fb37bc8f471ebd65d00d0f17158fe41",name:"check","aria-hidden":"true","data-scope":"selected"}),n("slot",{key:"ffafa2e39d704caa576d59bba459503be10f4ffc"},n("div",{key:"065293dca56bfaec8f89910f88b92a52907fcf28",class:"text-wrapper"},n("span",{key:"2f85b57db26203bc19b32047707f9281a6d906a0","data-scope":"text"},this.label))))}get el(){return this}static get style(){return"nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddropdownitem{display:flex;gap:var(--list-select-gap-y);flex-wrap:wrap;align-items:center;width:100%;background-color:var(--components-list-select-option-background-default);padding:var(--list-select-option-padding);font-weight:var(--menu-contextual-item-font-weight);font-size:var(--list-select-font-size);line-height:var(--list-select-line-height);color:var(--components-list-select-option-content-default);border-radius:var(--list-select-option-radius);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fielddropdownitem:not(:first-of-type){margin-top:var(--list-select-gap-y)}nv-fielddropdownitem:hover,nv-fielddropdownitem:focus,nv-fielddropdownitem:focus-within{background-color:var(--components-list-select-option-background-hover);color:var(--components-list-select-option-content-hover)}nv-fielddropdownitem:checked{background-color:var(--components-list-select-option-background-active);color:var(--components-list-select-option-content-active)}nv-fielddropdownitem:checked::after{order:1;margin-left:auto;content:\"\";display:inline-block;width:var(--spacing-5);height:var(--spacing-5);background-color:currentColor;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='nvicon_check' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6px' d='m5 12 5 5L20 7' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='nvicon_check' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6px' d='m5 12 5 5L20 7' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E\");mask-repeat:no-repeat;mask-position:center;mask-size:contain}nv-fielddropdownitem::checkmark{display:none}nv-fielddropdownitem:disabled,nv-fielddropdownitem:checked:disabled{color:var(--components-list-select-option-content-disabled);background-color:var(--components-list-select-option-background-default)}nv-fielddropdownitem[disabled]:not([disabled=false]){cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-fielddropdownitem .text-wrapper{display:flex;flex-grow:1;align-items:center;justify-content:space-between}nv-fielddropdownitem [data-scope=text]{flex-grow:1;word-break:break-word;overflow-wrap:break-word;padding-right:var(--spacing-5)}nv-fielddropdownitem nv-icon[data-scope=selected]{color:var(--components-list-dropdown-item-label-default);align-self:center;margin-left:auto;position:absolute;right:var(--list-dropdown-item-padding-y)}"}},[260,"nv-fielddropdownitem",{disabled:[516],selected:[516],value:[1537],label:[513],detached:[516]},[[0,"keydown","handleKeyDown"]]]);function c(){"undefined"!=typeof customElements&&["nv-fielddropdownitem","nv-icon"].forEach((o=>{switch(o){case"nv-fielddropdownitem":customElements.get(e(o))||customElements.define(e(o),s);break;case"nv-icon":customElements.get(e(o))||a()}}))}c();export{s as N,c as d}

package/dist/components/p-BxhBaMXw.js

@@ -1 +0,0 @@
-import{t as e,p as t,H as n,c as a,h as o,d as i}from"./p-BzJGjY6m.js";import{d as s}from"./p-waLAN4j3.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}

package/dist/components/p-CrNItly_.js

@@ -1 +0,0 @@
-import{t as o,p as n,H as t,h as e,d as i}from"./p-BzJGjY6m.js";import{c as s}from"./p-ChV9xqsO.js";import{d as a}from"./p-waLAN4j3.js";import{d as r}from"./p-BxbhIzS0.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-CuSI994X.js

@@ -1 +0,0 @@
-import{t as e,p as t,H as i,c as n,h as o,d as a}from"./p-BzJGjY6m.js";import{u as s}from"./p-D1C_pu0E.js";import"./p-Dz1GUhVy.js";import{d as c}from"./p-waLAN4j3.js";import{d as r}from"./p-CrNItly_.js";import{d}from"./p-BxbhIzS0.js";const h=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.itemToggle=n(this,"itemToggle",7),this.isToggling=!1,this.open=!1,this.disabled=!1,this.mode="accordion",this.currentOpenState=!1,this.isInitialized=!1,this.isAnimating=!1,this.handleHeaderClick=()=>{this.toggle()},this.handleIconClick=e=>{e.stopPropagation(),this.toggle()},this.handleHeaderKeyDown=e=>{if(this.disabled)console.warn("[handleHeaderKeyDown] Ignored (disabled)");else switch(e.key){case"Enter":case" ":e.preventDefault(),this.toggle();break;case"ArrowDown":e.preventDefault(),this.open||(this.isToggling=!0,this.open=!0,this.itemToggle.emit(!0),this.isToggling=!1);break;case"ArrowUp":e.preventDefault(),this.open&&(this.isToggling=!0,this.open=!1,this.itemToggle.emit(!1),this.isToggling=!1)}}}async onOpenChanged(e,t){if(this.disabled)return console.warn("[onOpenChanged] Item is disabled, forcing closed state"),this.currentOpenState=!1,void(this.open=!1);this.currentOpenState=e,void 0===t||(!1!==e||this.isToggling?e&&!this.isToggling&&this.itemToggle.emit(e):this.itemToggle.emit(e),await this.updateVisibility(e))}async updateVisibility(e){if(!this.contentRef)return void console.error("[updateVisibility] No contentRef available");this.isAnimating=!0;const{collapse:t,expand:i}=s(this.contentRef,{duration:200});e?await i():await t(),this.isAnimating=!1}componentWillLoad(){this.currentOpenState=this.open}componentDidLoad(){this.contentRef&&setTimeout((()=>{const{setExpanded:e,setCollapsed:t}=s(this.contentRef,{duration:200});this.open?(e(),this.currentOpenState=!0):(t(),this.currentOpenState=!1),this.isInitialized=!0}),0)}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}async toggle(){if(this.disabled||this.isAnimating)console.warn("[toggle] Ignored toggle (disabled or animating)");else{this.isToggling=!0;const e=!this.open;this.open=e,this.itemToggle.emit(e),this.isToggling=!1}}get chevronIconName(){return this.open?"chevron-top":"chevron-down"}render(){return o(a,{key:"d4c17c017d33831281ff47b857dbf89cc4c81fff",class:{"nv-accordion-item":!0,"is-open":this.currentOpenState,"is-disabled":this.disabled,"is-animating":this.isAnimating},role:"listitem","aria-expanded":this.currentOpenState?"true":"false","aria-disabled":this.disabled?"true":"false"},o("div",{key:"32f3f117cf65d4ac9550dff00928f0099b72405a",class:"nv-accordion-item__header",onClick:this.handleHeaderClick,"aria-controls":"content"},o("slot",{key:"8533b9dfde96c2da7867175dc73749ed0fd17f5f",name:"header"},o("div",{key:"9f6ccf7d5044e5e236fcba238f898d4d6f296d3e",class:"nv-accordion-item__header-content"},this.itemTitle&&o("span",{key:"4458aad736c819b129f066838f22a750e316c8be",class:"nv-accordion-item__title"},this.itemTitle),this.subtitle&&o("span",{key:"5bbb2e546c6ada4402401e4a5fcac30a7058b191",class:"nv-accordion-item__subtitle"},this.subtitle))),o("nv-iconbutton",{key:"97d5cf23c30fafd8dbac383f9e1e19d7a92e2294",emphasis:"low",size:"sm",shape:"square",name:this.chevronIconName,tabindex:this.disabled?-1:0,onClick:this.handleIconClick,onKeyDown:this.handleHeaderKeyDown,"aria-controls":"content","aria-label":this.currentOpenState?"Close the section":"Open the section"})),o("div",{key:"71e54e7f92aff4568b2ea22d4774b7c95a0335ce",id:"content",class:"nv-accordion-item__content",ref:e=>this.contentRef=e},o("div",{key:"fd6ec95ca0efc4d65a723d3b2f40171fa7ee0e01",class:"nv-accordion-item__content-inner"},o("slot",{key:"46a72758177f8d6a4d62bb880f8744aa85db571f",name:"content"}))))}get el(){return this}static get watchers(){return{open:[{onOpenChanged:0}]}}static get style(){return"nv-accordion-item{display:block;border-bottom:var(--spacing-px) solid var(--color-content-low-border)}nv-accordion-item:last-child{border-bottom:none}nv-accordion-item .nv-accordion-item__header{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4)}nv-accordion-item .nv-accordion-item__header .nv-accordion-item__chevron{margin-left:var(--spacing-2);flex-shrink:0}nv-accordion-item .nv-accordion-item__header .nv-accordion-item__header-content{display:flex;flex-direction:column;gap:var(--spacing-0-5);flex:1;min-width:0}nv-accordion-item .nv-accordion-item__header .nv-accordion-item__title{color:var(--color-content-high-text);font-size:var(--font-size-lg);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--line-height-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nv-accordion-item .nv-accordion-item__header .nv-accordion-item__subtitle{color:var(--color-content-low-text);font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--line-height-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nv-accordion-item .nv-accordion-item__content{background:var(--color-level-10-background)}nv-accordion-item .nv-accordion-item__content .nv-accordion-item__content-inner{padding:var(--spacing-4);color:var(--color-content-low-text);font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--line-height-base);}nv-accordion-item.is-disabled{opacity:var(--opacity-disabled);pointer-events:none}nv-accordion-item.is-open .nv-accordion-item__header{border-bottom:var(--spacing-px) solid var(--color-content-low-border)}nv-accordion-item:last-child .nv-accordion-item__content{border-radius:0 0 calc(var(--radius-rounded-lg) - var(--spacing-px)) calc(var(--radius-rounded-lg) - var(--spacing-px))}"}},[260,"nv-accordion-item",{itemTitle:[513,"item-title"],subtitle:[513],open:[1540],disabled:[516],maxContentHeight:[514,"max-content-height"],mode:[513],currentOpenState:[32],isInitialized:[32],isAnimating:[32],toggle:[64]},void 0,{open:[{onOpenChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["nv-accordion-item","nv-icon","nv-iconbutton","nv-loader"].forEach((t=>{switch(t){case"nv-accordion-item":customElements.get(e(t))||customElements.define(e(t),h);break;case"nv-icon":customElements.get(e(t))||c();break;case"nv-iconbutton":customElements.get(e(t))||r();break;case"nv-loader":customElements.get(e(t))||d()}}))}l();export{h as N,l as d}

package/dist/components/p-DnBhX14P.js

@@ -1 +0,0 @@
-import{t as o,p as t,H as e,h as n,d as s}from"./p-BzJGjY6m.js";import{b as a,B as r}from"./p-gOKBmbgZ.js";import{d as i}from"./p-BxbhIzS0.js";const u=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.internals=this.attachInternals(),this.size="md",this.emphasis="high",this.active=!1,this.danger=!1,this.loading=!1,this.disabled=!1,this.fluid=!1,this.type="button",this.disableTabindex=!1,this.handleButtonClick=o=>{this.loading||this.disabled?o.preventDefault():this.type!==a.Button&&(this.form||this.internals?.form)?this.processFormAction():this.form&&this.type===a.Button&&console.warn("Button has a form id but is not of type submit or reset so no form action will be processed.","Button:",this.el)},this.processFormAction=()=>{const o=this.form?document.getElementById(this.form):this.internals?.form;if(o)switch(this.type){case a.Submit:o.requestSubmit();break;case a.Reset:o.reset()}else console.warn("No form element found.",`Form ID: ${this.form||"Not provided"}`,"Internals form:",this.internals?.form)}}handleKeyDown(o){"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),this.el.click())}handleLoadingChange(o){this.loading=o,this.disabled=o}handleDisabledChange(o){this.disabled=this.loading?this.loading:o}componentWillLoad(){this.loading&&(this.disabled=this.loading)}render(){return n(s,{key:"2597730775f043b11be36a52a9dc5d21e7ad4ef0",role:"button",tabindex:this.disableTabindex?-1:0,onClick:this.handleButtonClick},this.loading&&n("nv-loader",{key:"e39ab02bc5b8843866f2baa734d56956c5d7be18",size:this.size===r.Large?"sm":"xs"}),n("slot",{key:"e6cc54748edc793da1654e9a9fe17a5db20c679f",name:"leading-icon"}),n("slot",{key:"c3bd505559a3646fdce310726b1d14068ce3a020"}),n("slot",{key:"4459bc71ee05c8812e78539757aa427a2da4620a",name:"trailing-icon"}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{loading:[{handleLoadingChange:0}],disabled:[{handleDisabledChange:0}]}}static get style(){return"nv-button{text-decoration:none;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;user-select:none;cursor:pointer;height:fit-content;width:fit-content}nv-button[size=xs]{padding:var(--button-xs-padding-y) var(--button-xs-padding-x);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);height:var(--button-xs-height);font-size:var(--button-xs-font-size)}nv-button[size=xs] nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-button[size=sm]{padding:var(--button-sm-padding-y) var(--button-sm-padding-x);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);height:var(--button-sm-height);font-size:var(--button-sm-font-size)}nv-button[size=sm] nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-button[size=md]{padding:var(--button-md-padding-y) var(--button-md-padding-x);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);height:var(--button-md-height);font-size:var(--button-md-font-size)}nv-button[size=md] nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-button[size=lg]{padding:var(--button-lg-padding-y) var(--button-lg-padding-x);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);height:var(--button-lg-height);font-size:var(--button-lg-font-size)}nv-button[size=lg] nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-button[emphasis=high]{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-button[emphasis=high]:hover{background:var(--components-button-high-background-hover);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text-hover)}nv-button[emphasis=high]:active{background:var(--components-button-high-background-active);border:1px solid var(--components-button-high-border-active);color:var(--components-button-high-text-active)}nv-button[emphasis=high]:focus,nv-button[emphasis=high]:focus-within{outline:none}nv-button[emphasis=high]:focus-visible,nv-button[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-button[emphasis=high]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=high][active]:not([active=false]){background:var(--components-button-high-background-active);border:1px solid var(--components-button-high-border-active);color:var(--components-button-high-text-active)}nv-button[emphasis=high][danger]:not([danger=false]){background:var(--components-button-destructive-high-background);border:1px solid transparent;color:var(--components-button-destructive-high-text)}nv-button[emphasis=high][danger]:not([danger=false]):hover{background:var(--components-button-destructive-high-background-hover);border:1px solid transparent;color:var(--components-button-destructive-high-text-hover)}nv-button[emphasis=high][danger]:not([danger=false]):focus,nv-button[emphasis=high][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=high][danger]:not([danger=false]):focus-visible,nv-button[emphasis=high][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=medium]{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-button[emphasis=medium]:hover{background:var(--components-button-medium-background-hover);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text-hover)}nv-button[emphasis=medium]:active{background:var(--components-button-medium-background-active);border:1px solid var(--components-button-medium-border-active);color:var(--components-button-medium-text-active)}nv-button[emphasis=medium]:focus,nv-button[emphasis=medium]:focus-within{outline:none}nv-button[emphasis=medium]:focus-visible,nv-button[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-button[emphasis=medium]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=medium][active]:not([active=false]){background:var(--components-button-medium-background-active);border:1px solid var(--components-button-medium-border-active);color:var(--components-button-medium-text-active)}nv-button[emphasis=medium][danger]:not([danger=false]){background:var(--components-button-destructive-medium-background);border:1px solid var(--components-button-destructive-medium-border);color:var(--components-button-destructive-medium-text)}nv-button[emphasis=medium][danger]:not([danger=false]):hover{background:var(--components-button-destructive-medium-background-hover);border:1px solid var(--components-button-destructive-medium-border);color:var(--components-button-destructive-medium-text-hover)}nv-button[emphasis=medium][danger]:not([danger=false]):focus,nv-button[emphasis=medium][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=medium][danger]:not([danger=false]):focus-visible,nv-button[emphasis=medium][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=low]{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-button[emphasis=low]:hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-button[emphasis=low]:active{background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-button[emphasis=low]:focus,nv-button[emphasis=low]:focus-within{outline:none}nv-button[emphasis=low]:focus-visible,nv-button[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-button[emphasis=low]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=low][active]:not([active=false]){background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-button[emphasis=low][danger]:not([danger=false]){background:var(--components-button-destructive-low-background);border:1px solid var(--components-button-destructive-low-border);color:var(--components-button-destructive-low-text)}nv-button[emphasis=low][danger]:not([danger=false]):hover{background:var(--components-button-destructive-low-background-hover);border:1px solid var(--components-button-destructive-low-border);color:var(--components-button-destructive-low-text-hover)}nv-button[emphasis=low][danger]:not([danger=false]):focus,nv-button[emphasis=low][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=low][danger]:not([danger=false]):focus-visible,nv-button[emphasis=low][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=lower]{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-button[emphasis=lower]:hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-button[emphasis=lower]:active{background:var(--components-button-lower-background-active);border:1px solid var(--components-button-lower-border-active);color:var(--components-button-lower-text-active)}nv-button[emphasis=lower]:focus,nv-button[emphasis=lower]:focus-within{outline:none}nv-button[emphasis=lower]:focus-visible,nv-button[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-button[emphasis=lower]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=lower][active]:not([active=false]){background:var(--components-button-lower-background-active);border:1px solid var(--components-button-lower-border-active);color:var(--components-button-lower-text-active)}nv-button[emphasis=lower][danger]:not([danger=false]){background:var(--components-button-destructive-lower-background);border:1px solid var(--components-button-destructive-lower-border);color:var(--components-button-destructive-lower-text)}nv-button[emphasis=lower][danger]:not([danger=false]):hover{background:var(--components-button-destructive-lower-background-hover);border:1px solid var(--components-button-destructive-lower-border);color:var(--components-button-destructive-lower-text-hover)}nv-button[emphasis=lower][danger]:not([danger=false]):focus,nv-button[emphasis=lower][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=lower][danger]:not([danger=false]):focus-visible,nv-button[emphasis=lower][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[fluid]:not([fluid=false]){width:100%}nv-button[loading]:not([loading=false]) [slot=leading-icon]{display:none}"}},[324,"nv-button",{size:[513],emphasis:[513],active:[516],danger:[516],loading:[1540],disabled:[1540],fluid:[516],type:[513],form:[513],disableTabindex:[516,"disable-tabindex"]},[[0,"keydown","handleKeyDown"]],{loading:[{handleLoadingChange:0}],disabled:[{handleDisabledChange:0}]}]);function d(){"undefined"!=typeof customElements&&["nv-button","nv-loader"].forEach((t=>{switch(t){case"nv-button":customElements.get(o(t))||customElements.define(o(t),u);break;case"nv-loader":customElements.get(o(t))||i()}}))}d();export{u as N,d}