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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-webcomponents",
-  "version": "3.26.0",
+  "version": "3.28.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/",
@@ -46,6 +46,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "1.6.11",
+    "@js-joda/core": "5.6.3",
     "fuse.js": "7.0.0",
     "popmotion": "11.0.5",
     "print-message": "^3.0.1",
@@ -69,6 +70,22 @@
     "extract-comments": "1.1.0"
   },
   "exports": {
+    "./nv-datetest": {
+      "import": "./dist/components/nv-datetest.js",
+      "types": "./dist/components/nv-datetest.d.ts"
+    },
+    "./nv-timetest": {
+      "import": "./dist/components/nv-timetest.js",
+      "types": "./dist/components/nv-timetest.d.ts"
+    },
+    "./nv-datetimetest": {
+      "import": "./dist/components/nv-datetimetest.js",
+      "types": "./dist/components/nv-datetimetest.d.ts"
+    },
+    "./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/components/p-BPufjY85.js

@@ -1 +0,0 @@
-import{t as o,p as t,H as e,c as a,h as s,d as r}from"./p-iXsbKJzR.js";import{d as n}from"./p-DHNSuxz-.js";const i=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.openChanged=a(this,"openChanged",3),this.defaultSlot=null,this.popoverElement=null,this.placement="bottom",this.enterDelay=0,this.strategy="absolute"}componentDidRender(){!this.triggerElement&&this.defaultSlot&&(this.popoverElement.triggerElement=this.defaultSlot?.nextSibling)}render(){return s(r,{key:"bda9ba58186add585457f8fdf4a8e1d6389da01a"},s("nv-popover",{key:"ac67ea44cebbc8abb9ff4e190668093bb7179222",ref:o=>this.popoverElement=o,triggerMode:"hover",hasArrow:!0,placement:this.placement,strategy:this.strategy,triggerElement:this.triggerElement,groupName:"tooltip",enterDelay:this.enterDelay,onOpenChanged:o=>this.openChanged.emit(o.detail)},s("p",{key:"b677689d4a73462b7d16ff7d9f31bfd61e7f47eb",slot:"content"},this.message),s("slot",{key:"bd1540db065fdeceb89d09d69e1dbf7ad4de728d",name:"content"})),s("slot",{key:"648d3c3125b0528cd8e88675122d775ad7cc40d9",ref:o=>this.defaultSlot=o}))}get el(){return this}static get style(){return"nv-tooltip{display:inline-block;vertical-align:top;position:relative;user-select:none}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip nv-popover{display:block;height:0;min-height:0;overflow:visible}nv-tooltip nv-popover>[data-scope=popover]{background:var(--components-tooltip-background);color:var(--components-tooltip-text);font-weight:var(--font-weight-medium-emphasis);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);font-size:var(--tooltip-font-size);border-radius:var(--tooltip-radius);border:none;box-shadow:0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2)}nv-tooltip nv-popover>[data-scope=popover] [data-scope=arrow]{background:var(--components-tooltip-background);box-shadow:none;border:none}"}},[260,"nv-tooltip",{triggerElement:[16],message:[513],placement:[513],enterDelay:[514,"enter-delay"],strategy:[513]}]);function d(){"undefined"!=typeof customElements&&["nv-tooltip","nv-popover"].forEach((t=>{switch(t){case"nv-tooltip":customElements.get(o(t))||customElements.define(o(t),i);break;case"nv-popover":customElements.get(o(t))||n()}}))}d();export{i as N,d}

package/dist/components/p-D15RdWEG.js

@@ -1 +0,0 @@
-import{t as e,p as o,H as r,c as i,h as c,d as t}from"./p-iXsbKJzR.js";import{c as n}from"./p-ChV9xqsO.js";import{v as a}from"./p-BdYh22OP.js";const d=o(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.checkedChanged=i(this,"checkedChanged",3),this.labelBefore=!1,this.inputId=a(),this.hideLabel=!1,this.error=!1,this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.autofocus=!1}handleChange(e){const o=e.target;if("checkbox"===o.type&&o.id===this.inputId){if(this.readonly||this.disabled)return void e.preventDefault();this.indeterminate&&(this.indeterminate=!1),this.checked=o.checked}}onCheckedChanged(e){this.checkedChanged.emit(e)}componentWillRender(){this.message&&(this.description=this.message),this.labelBefore&&(this.labelPlacement="before"),this.validation&&(this.errorDescription=this.validation,this.error=!0)}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),o=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,r=e?o:null,i=e?"true"===r||""===r:void 0,a=this.required&&(!e||!0===i);return c(t,{key:"6ee6fed9bb078e32a40ac2d6c1c4baf2f1825be1",class:n("before"===this.labelPlacement&&"label-placement-before",this.error&&"error")},c("div",{key:"21b122c2c36382824eea7e66f2382cd333c0831c",class:"input-container"},c("input",{key:"727fd8a8321e4259d44a8ffe362aa23bdb2e640e",type:"checkbox",id:this.inputId,name:this.name,autofocus:this.autofocus,autocomplete:"off",value:this.value,checked:Boolean(this.checked),disabled:this.disabled||this.readonly,readonly:this.readonly&&!a,required:a?this.required:void 0,...void 0!==i&&{"aria-required":String(i)},indeterminate:this.indeterminate,ref:e=>{e&&(e.indeterminate=this.indeterminate)}}),c("span",{key:"74e19f64867b671e2f632780726f8cab9c6e485e",class:"icon"},this.checked&&!this.indeterminate&&c("slot",{key:"960d296f7caa4abe6f4268c41c09b29b4c0454da",name:"checked-icon"},c("svg",{key:"5a6875f34252b36490daabfdc600b4aa748c6f2e",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},c("path",{key:"8acd040c77cb913d2904daaac86038171e338761",d:"M11.6667 3.5L5.25004 9.91667L2.33337 7","stroke-linecap":"round","stroke-linejoin":"round"}))),this.indeterminate&&c("slot",{key:"42163fea08858131d3a4e74c119565e70d850cf2",name:"indeterminate-icon"},c("svg",{key:"86d0ce5504ea9e8a82ba6c85b7729ce8161aaecf",class:"indeterminate-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 14 14",fill:"none"},c("path",{key:"ce47ed03186447bc90321a2aa8343a3377a6ade7",d:"M2.9165 7H11.0832","stroke-linecap":"round","stroke-linejoin":"round"}))))),c("slot",{key:"b41cb04185643e5dada6da24e5fc325905b53d08"}),c("div",{key:"57509a30441ab9de0c1949f6392dab34674ce91c",class:"text-container"},c("slot",{key:"81ee7728a5a814371dab853d377e249afb5eab7e",name:"main"},(this.label||this.el.querySelector('[slot="label"]'))&&c("label",{key:"f428aeaedd1e70f7b9626c54f3995b2998cde140",htmlFor:this.inputId,class:n(this.hideLabel&&"visually-hidden")},c("slot",{key:"e36c574ba6041b7ab0dee5c02a025370f21d947a",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&c("div",{key:"fed901aef5e5ac91b5ac04fc8751585b55031666",class:"description"},c("slot",{key:"84fdd3bd94f0249f3ed821e1849be6a6f192fb72",name:"description"},this.description))),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&c("div",{key:"fc0526ddbbd84e08c18ee27c0b4be0533af0fe22",hidden:!this.error,class:"error-description"},c("slot",{key:"d288116644ed450bdab0be20a3e7def7481e6c8b",name:"error-description"},this.errorDescription))))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{onCheckedChanged:0}]}}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-fieldcheckbox{--nv-fieldcheckbox-border-default:var(     --components-form-field-border-default   );--nv-fieldcheckbox-border-hover:var(--components-form-field-border-hover);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-default);--nv-fieldcheckbox-background-default:var(     --components-form-field-background-default   );--nv-fieldcheckbox-background-checked:var(     --components-form-field-background-checked   );--nv-fieldcheckbox-background-disabled:var(     --components-form-field-background-disabled   );--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-brand);--nv-fieldcheckbox-color-checked:var(     --components-form-shape-foreground-default   );--nv-fieldcheckbox-color-disabled:var(     --components-form-shape-foreground-disabled   );--nv-fieldcheckbox-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-fieldcheckbox:not([disabled],[readonly]) input,nv-fieldcheckbox:not([disabled],[readonly]) label{cursor:pointer}nv-fieldcheckbox.error>.input-container{--nv-fieldcheckbox-border-default:var(--components-form-field-border-error);--nv-fieldcheckbox-border-hover:var(--nv-fieldcheckbox-border-default);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-error);--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-destructive);--nv-fieldcheckbox-color-disabled:var(     --components-form-shape-foreground-disabled-error   );--nv-fieldcheckbox-background-checked:var(     --components-form-field-background-error   );--nv-fieldcheckbox-outline-color:var(--color-focus-destructive)}nv-fieldcheckbox.label-placement-before{flex-direction:row-reverse}nv-fieldcheckbox[disabled]:not([disabled=false]){opacity:0.5}nv-fieldcheckbox>.input-container{position:relative;color:var(--nv-fieldcheckbox-color-checked)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--nv-fieldcheckbox-color-disabled)}nv-fieldcheckbox>.input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-checkbox-size);height:var(--form-checkbox-size);flex-direction:column;align-items:flex-start;border-radius:var(--form-checkbox-radius);border-width:var(--form-checkbox-border-width);border-style:solid;border-color:var(--nv-fieldcheckbox-border-default);background:var(--nv-fieldcheckbox-background-default)}nv-fieldcheckbox>.input-container input[type=checkbox]:hover{border-color:var(--nv-fieldcheckbox-border-hover)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus{border-color:var(--nv-fieldcheckbox-border-focus)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus,nv-fieldcheckbox>.input-container input[type=checkbox]:focus-within{outline:none}nv-fieldcheckbox>.input-container input[type=checkbox]:focus-visible,nv-fieldcheckbox>.input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldcheckbox-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldcheckbox>.input-container input[type=checkbox]:checked,nv-fieldcheckbox>.input-container input[type=checkbox]:indeterminate{background:var(--nv-fieldcheckbox-background-checked);border-color:var(--nv-fieldcheckbox-background-checked)}nv-fieldcheckbox>.input-container input[type=checkbox]:disabled:not([readonly]){background:var(--nv-fieldcheckbox-background-disabled);border-color:var(--nv-fieldcheckbox-border-default)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container .icon{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}nv-fieldcheckbox>.input-container .icon svg{width:var(--form-checkbox-icon-size);height:var(--form-checkbox-icon-size);fill:none;stroke:currentcolor;stroke-width:var(--form-checkbox-icon-stroke);flex-shrink:0}nv-fieldcheckbox[required]:not([required=false])>.text-container label::after,nv-fieldcheckbox[aria-required=true]>.text-container label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldcheckbox>.text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}nv-fieldcheckbox>.text-container label{align-self:stretch;text-align:left;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldcheckbox>.text-container label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-fieldcheckbox>.text-container .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldcheckbox>.text-container .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}@media print{nv-fieldcheckbox>.input-container{color:var(--nv-fieldcheckbox-background-checked)}nv-fieldcheckbox>.input-container input[type=checkbox]:checked,nv-fieldcheckbox>.input-container input[type=checkbox]:indeterminate{background:transparent;border-color:var(--nv-fieldcheckbox-background-checked)}}'}},[324,"nv-fieldcheckbox",{message:[513],validation:[513],labelBefore:[516,"label-before"],inputId:[513,"input-id"],name:[513],value:[513],label:[513],labelPlacement:[1537,"label-placement"],hideLabel:[516,"hide-label"],description:[1537],error:[1540],errorDescription:[1537,"error-description"],checked:[1540],indeterminate:[1540],disabled:[516],readonly:[516],required:[516],ariaRequiredAttr:[516,"aria-required"],autofocus:[516]},[[0,"change","handleChange"]],{checked:[{onCheckedChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["nv-fieldcheckbox"].forEach((o=>{"nv-fieldcheckbox"===o&&(customElements.get(e(o))||customElements.define(e(o),d))}))}l();export{d as N,l as d}

package/dist/components/p-FSPz8FER.js

@@ -1 +0,0 @@
-import{t as e,p as a,H as t,h as i,F as n,d as s}from"./p-iXsbKJzR.js";const d=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.heading="Dialog Title"}render(){return i(s,{key:"8577fd5a719adf8764d85f667495701cb1514df2"},i("slot",{key:"5858bd8fff71db135f69a76cb298343f0590f853"},i(n,{key:"81ac703e205f1b8587144213c7f57c9fd7ba9657"},i("div",{key:"5a12e1facef605d96338b31468c8d8109379e2d1",class:"heading"},this.heading),i("div",{key:"1a559041968e2b2b92a987c014e41380fe6f8616",class:"subheading"},this.subheading))))}get el(){return this}static get style(){return"nv-dialogheader{padding:var(--dialog-header-padding-top) var(--dialog-header-padding-x) var(--dialog-header-padding-bottom) var(--dialog-header-padding-x);justify-content:space-between;align-items:flex-start;align-self:stretch}nv-dialogheader .heading{color:var(--color-content-high-text);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-lg);font-style:normal;font-weight:var(--font-weight-medium-emphasis);padding-right:var(--spacing-7);line-height:var(--leading-px-6);letter-spacing:var(--letter-spacing-heading-xs)}nv-dialogheader .subheading{color:var(--color-content-low-text);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-sm);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-sm);}"}},[260,"nv-dialogheader",{heading:[513],subheading:[513]}]);function o(){"undefined"!=typeof customElements&&["nv-dialogheader"].forEach((a=>{"nv-dialogheader"===a&&(customElements.get(e(a))||customElements.define(e(a),d))}))}o();export{d as N,o as d}