@nova-design-system/nova-react 3.7.0 → 3.8.0

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 require('react');
 
 

package/dist/cjs/{nv-accordion-item.entry-BgDBJjHO.js → nv-accordion-item.entry-C5661fm-.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var collapse_animation16e3af45 = require('./collapse.animation-16e3af45-CChx_tQJ.js');
 require('./stylefire.es-74da334a-y0piPjlz.js');
 require('react');

package/dist/cjs/{nv-accordion.entry-1dHBq_qo.js → nv-accordion.entry-CP_zsF6b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 require('react');
 
 const nvAccordionCss = "nv-accordion{display:block;border:var(--spacing-px) solid var(--color-content-low-border);border-radius:var(--radius-rounded-lg)}nv-accordion .nv-accordion__footer{padding:var(--spacing-3);background:var(--color-level-05-background);border-radius:0 0 var(--radius-rounded-lg) var(--radius-rounded-lg);margin-top:calc(var(--spacing-px) * -1);border-top:var(--spacing-px) solid var(--color-content-low-border)}nv-accordion .nv-accordion__footer:empty{display:none}";

package/dist/cjs/{nv-alert.entry-6J-BEBxl.js → nv-alert.entry-D_p0AAmo.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var constants4faa1fae = require('./constants-4faa1fae-BzFAKCkR.js');
 var collapse_animation16e3af45 = require('./collapse.animation-16e3af45-CChx_tQJ.js');

package/dist/cjs/{nv-avatar.entry-Lav6aVEw.js → nv-avatar.entry-BnilI7zk.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var constants4faa1fae = require('./constants-4faa1fae-BzFAKCkR.js');
 require('react');

package/dist/cjs/{nv-badge_2.entry-DaAOJgy_.js → nv-badge_2.entry-ChSAhfAs.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var collapse_animation16e3af45 = require('./collapse.animation-16e3af45-CChx_tQJ.js');
 var fade_animation71e8e34c = require('./fade.animation-71e8e34c-BAw_TYsB.js');

package/dist/cjs/{nv-breadcrumb.entry-BKoLlkWC.js → nv-breadcrumb.entry-Buou7RzA.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 require('react');
 

package/dist/cjs/{nv-breadcrumbs.entry-BdGgzdxC.js → nv-breadcrumbs.entry-8F3MtWWO.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 require('react');
 
 const nvBreadcrumbsCss = "nv-breadcrumbs{display:block}nv-breadcrumbs>ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--breadcrumb-padding-y)}nv-breadcrumbs nv-breadcrumb:last-child [data-scope=separator],nv-breadcrumbs nv-breadcrumb:last-child [slot=separator]{display:none}";

package/dist/cjs/{nv-button.entry-Pe2qJFy0.js → nv-button.entry-ChGTpHXs.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var constants4faa1fae = require('./constants-4faa1fae-BzFAKCkR.js');
 require('react');
 

package/dist/cjs/{nv-calendar.entry-WRFrbZtz.js → nv-calendar.entry-6F5iqww_.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var constants4faa1fae = require('./constants-4faa1fae-BzFAKCkR.js');
 var _commonjsHelpers1789f0cf = require('./_commonjsHelpers-1789f0cf-BJu3ubxk.js');
 require('react');

package/dist/cjs/{nv-col.entry-C3IgKfxS.js → nv-col.entry-D_uhyhgW.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 require('react');
 

package/dist/cjs/{nv-datagrid.entry-Bh1mgk8D.js → nv-datagrid.entry-CcHlFYFE.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var dom_utilsAc71e0ef = require('./dom.utils-ac71e0ef-CmIwRr6O.js');
 var constants4faa1fae = require('./constants-4faa1fae-BzFAKCkR.js');
 require('react');

package/dist/cjs/{nv-datagridcolumn.entry-DopvtY6C.js → nv-datagridcolumn.entry-BfWZGDa6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 require('react');
 
 const NvDatagridcolumn = class {

package/dist/cjs/{nv-dialog.entry-D8oF5B-9.js → nv-dialog.entry-BsBvypIE.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var events_utilsFe1d907f = require('./events.utils-fe1d907f-01N__3wY.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var constants4faa1fae = require('./constants-4faa1fae-BzFAKCkR.js');

package/dist/cjs/{nv-dialogfooter_2.entry-QE1dFuOh.js → nv-dialogfooter_2.entry-CRLL5Dgd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var constants4faa1fae = require('./constants-4faa1fae-BzFAKCkR.js');
 require('react');
 

package/dist/cjs/{nv-fieldcheckbox.entry-BbC0JUWc.js → nv-fieldcheckbox.entry-Bq5qfost.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');

package/dist/cjs/{nv-fielddate.entry-BIuQgdYW.js → nv-fielddate.entry-CovA2_W4.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var inputmaskEdcad3c1 = require('./inputmask-edcad3c1-B9Omti4z.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');

package/dist/cjs/{nv-fielddaterange.entry-C82h1WUR.js → nv-fielddaterange.entry-DYUoBivt.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var inputmaskEdcad3c1 = require('./inputmask-edcad3c1-B9Omti4z.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');

package/dist/cjs/{nv-fielddropdown.entry-CWqg8M3_.js → nv-fielddropdown.entry-BoQNqqD1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 

package/dist/cjs/{nv-fielddropdownitem.entry-KuL1iVS4.js → nv-fielddropdownitem.entry-PjgKcj17.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 require('react');
 
 const nvFielddropdownitemCss = "nv-fielddropdownitem{display:flex;gap:var(--spacing-2);flex-wrap:wrap;align-items:center;width:100%;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);font-weight:var(--menu-contextual-item-font-weight);font-size:var(--list-dropdown-font-size);line-height:var(--list-dropdown-line-height);color:var(--components-list-dropdown-item-label-default);border-radius:var(--list-dropdown-item-radius);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fielddropdownitem:hover,nv-fielddropdownitem:focus,nv-fielddropdownitem:focus-within{background-color:var(--components-list-dropdown-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nv-fielddropdownitem nv-icon[data-scope=selected]{color:var(--components-list-dropdown-item-label-default);align-self:center;margin-left:auto}";

package/dist/cjs/{nv-fieldmultiselect.entry-CAdWlUw2.js → nv-fieldmultiselect.entry-DYoxBuHi.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 

package/dist/cjs/{nv-fieldnumber.entry-Bbk2wO5k.js → nv-fieldnumber.entry-7gqmeRyL.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 

package/dist/cjs/{nv-fieldpassword.entry-BOtLqrGx.js → nv-fieldpassword.entry-Dkd4jwfO.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 

package/dist/cjs/{nv-fieldradio.entry-CY4txacC.js → nv-fieldradio.entry-Bvod-7bv.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');

package/dist/cjs/{nv-fieldselect.entry-CRP6e7uq.js → nv-fieldselect.entry-DF_mKXpV.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 

package/dist/cjs/{nv-fieldslider.entry-BLO9yOcu.js → nv-fieldslider.entry-RindpJRB.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 
@@ -297,7 +297,7 @@ const NvFieldslider = class {
          * the value should be a an array of one number. When in range mode, the value
          * should be an array of two numbers.
          */
-        this.value = [0, 0];
+        this.value = [0];
         /**
          * Defines the interval between selectable values on the slider. Controls how
          * much the value increases or decreases with each keyboard interaction, drag
@@ -677,6 +677,17 @@ const NvFieldslider = class {
             this.rawPosition = this.valueInternal;
         }
     }
+    componentWillLoad() {
+        // Initialize value array based on range mode when props are available
+        if (this.value.length === 1 && this.range) {
+            // If range mode but only one value provided, duplicate it
+            this.value = [this.value[0], this.value[0]];
+        }
+        else if (this.value.length === 2 && !this.range) {
+            // If single mode but two values provided, take the first
+            this.value = [this.value[0]];
+        }
+    }
     disconnectedCallback() {
         this.removeGlobalEvents();
     }
@@ -684,11 +695,11 @@ const NvFieldslider = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '688357b41179bb99a662b8ea22f2beb7454b0d8c' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '7628e9ac0f304aa792f7c68f3e0b9b96d84583e0', htmlFor: this.startInputId }, index.h("slot", { key: 'd876dc0602df8badadcfdf435d68356d382c8b25', name: "label" }, this.label))), index.h("div", { key: '4aedd7863c3d06e4ad7dec800b14f858568bcb79', class: "slider-container" }, this.range ? (index.h(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 0, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : null, index.h("div", { key: '74d455d904614092ed51daf34f73425571b7ca24', class: "track-container" }, index.h("div", { key: 'a53a1e0f1770006fece64a87ca03a511d0e4dd9d', class: "track", onPointerDown: this.onTrackInteraction }, this.range ? (index.h(RangeThumb, { rangeValue: this.rangeValueInternal, rawRangePosition: this.rawRangePosition, activeDragThumb: this.activeDragThumb, isDragging: this.isDragging, snap: this.snap, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue })) : (index.h(SingleThumb, { value: this.valueInternal, min: this.min, max: this.max, step: this.step, rawPosition: this.rawPosition, isDragging: this.isDragging, snap: this.snap, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue }))), index.h(TickMarks, { key: 'aafdd02a87071f214d8710d6a0678ee01668609d', ticks: this.internalTicks, min: this.min, max: this.max })), this.range ? (index.h(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 1, inputId: this.endInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : (index.h(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name }))), (this.success ||
+        return (index.h(index.Host, { key: 'd255ebffd908e0b64a9d80316de351c5a35fc230' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'e618f586707865f67d4008855299d4983b2bbb9d', htmlFor: this.startInputId }, index.h("slot", { key: 'fb9131f051ad669a797b5784f1cceee2169f8b8f', name: "label" }, this.label))), index.h("div", { key: '37147af53e7e0a0145f543c2a1070378e41e6605', class: "slider-container" }, this.range ? (index.h(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 0, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : null, index.h("div", { key: '64a7232e46499efb355deea683113042bc745ae0', class: "track-container" }, index.h("div", { key: 'b9f5f5dc7f5e98aaa44b6e361786804af1a9798c', class: "track", onPointerDown: this.onTrackInteraction }, this.range ? (index.h(RangeThumb, { rangeValue: this.rangeValueInternal, rawRangePosition: this.rawRangePosition, activeDragThumb: this.activeDragThumb, isDragging: this.isDragging, snap: this.snap, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue })) : (index.h(SingleThumb, { value: this.valueInternal, min: this.min, max: this.max, step: this.step, rawPosition: this.rawPosition, isDragging: this.isDragging, snap: this.snap, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue }))), index.h(TickMarks, { key: '40e2bc4b91cf40a1d0c7e1f126b092f9d149912b', ticks: this.internalTicks, min: this.min, max: this.max })), this.range ? (index.h(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 1, inputId: this.endInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : (index.h(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name }))), (this.success ||
             this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '10eb3eb2f7a903af08419df8476c11e27e9e575e', class: "description" }, this.success && (index.h("nv-icon", { key: 'ee312f8f0563e6dc920e9cbf886784df8c57e719', name: "circle-check", class: "validation", size: "md" })), index.h("slot", { key: '4ee31b6914ebae20404acd582c27b38b5ad64700', name: "description" }, this.description))), (this.error ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '830b5921d75ee627002ef19ddc7946948d1bb6a7', class: "description" }, this.success && (index.h("nv-icon", { key: '451d013f7a3ffa19cb12df406187ec4001bbad2a', name: "circle-check", class: "validation", size: "md" })), index.h("slot", { key: '59f84a04d635db6ceb465a642d8584167bd0cd9d', name: "description" }, this.description))), (this.error ||
             this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'e37e44dea94b691cbac98d16fb74c5c5cb280c5e', class: "error-description", hidden: !this.error }, this.error && (index.h("nv-icon", { key: 'c1b403a4848fdcf0e9f51f37ec7454224562ed5c', name: "alert-circle", class: "validation", size: "md" })), index.h("slot", { key: '87db18643f9473ae30e936fc1a316de95f06c107', name: "error-description" }, this.errorDescription)))));
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '10a5a273b0feeb9c0248b8aadcb801d7e832dcab', class: "error-description", hidden: !this.error }, this.error && (index.h("nv-icon", { key: '7540ff563068f83701d82a8a948473b20351021f', name: "alert-circle", class: "validation", size: "md" })), index.h("slot", { key: 'b76bfbbd817b15faf4f963f9c93c7d04cbbdade4', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/{nv-fieldtext.entry-BqgV8SxD.js → nv-fieldtext.entry-DyA5rIaN.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 

package/dist/cjs/{nv-fieldtextarea.entry-dDaXddme.js → nv-fieldtextarea.entry-B0AebkE0.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');

package/dist/cjs/{nv-fieldtime.entry-DAIYFHO7.js → nv-fieldtime.entry-DZzNBYkw.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cv7U-U85.js');
+var index = require('./index-Bb1XKZGx.js');
 var constants4faa1fae = require('./constants-4faa1fae-BzFAKCkR.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');