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

package/dist/esm/nv-split.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-S-IZ4AN_.js';
+import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-BCjiE1MF.js';
 
 const nvSplitCss = () => `nv-split{display:flex;width:100%;height:100%;position:relative}nv-split[direction=horizontal]{flex-direction:row}nv-split[direction=vertical]{flex-direction:column}nv-split .nv-split-gutter{position:absolute;z-index:10;background:transparent;display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background-color 0.2s ease}nv-split .nv-split-gutter::after{content:"";position:absolute;background:var(--components-splitter-line-background);transition:background-color 0.2s ease}nv-split .nv-split-gutter:hover::after{background:var(--components-splitter-line-background-hover)}nv-split .nv-split-gutter::before{content:"";background:var(--components-splitter-handle-background);position:absolute;background-repeat:no-repeat;background-position:center;transition:all 0.2s ease;pointer-events:none}nv-split[direction=horizontal]>.nv-split-gutter{width:var(--splitter-gutter);top:0;bottom:0;transform:translateX(-50%);cursor:col-resize}nv-split[direction=horizontal]>.nv-split-gutter::after{width:var(--splitter-line-width);background-color:var(--components-splitter-line-background);height:100%;left:50%;top:0%;transform:translateX(-50%)}nv-split[direction=horizontal]>.nv-split-gutter:hover::after{background-color:var(--components-splitter-line-background-hover)}nv-split[direction=horizontal]>.nv-split-gutter:active::after{background-color:var(--components-splitter-line-background-active)}nv-split[direction=horizontal]>.nv-split-gutter::before{background-color:var(--components-splitter-handle-background);width:var(--splitter-handle-wide);height:var(--splitter-handle-long);border-radius:var(--splitter-handle-radius);z-index:11;transition:all 0.2s ease}nv-split[direction=horizontal]>.nv-split-gutter:hover::before{background-color:var(--components-splitter-handle-background-hover)}nv-split[direction=horizontal]>.nv-split-gutter:active::before{background-color:var(--components-splitter-handle-background-active)}nv-split[direction=vertical]>.nv-split-gutter{height:var(--splitter-gutter);left:0;right:0;transform:translateY(-50%);cursor:row-resize}nv-split[direction=vertical]>.nv-split-gutter::after{height:var(--splitter-line-width);background-color:var(--components-splitter-line-background);width:100%;top:50%;left:0%;transform:translateY(-50%)}nv-split[direction=vertical]>.nv-split-gutter:hover::after{background-color:var(--components-splitter-line-background-hover)}nv-split[direction=vertical]>.nv-split-gutter:active::after{background-color:var(--components-splitter-line-background-active)}nv-split[direction=vertical]>.nv-split-gutter::before{background-color:var(--components-splitter-handle-background);width:var(--splitter-handle-long);height:var(--splitter-handle-wide);border-radius:var(--splitter-handle-radius);z-index:11;transition:all 0.2s ease}nv-split[direction=vertical]>.nv-split-gutter:hover::before{background-color:var(--components-splitter-handle-background-hover)}nv-split[direction=vertical]>.nv-split-gutter:active::before{background-color:var(--components-splitter-handle-background-active)}nv-split[data-dragging=true]>.nv-split-gutter::after{background:var(--components-splitter-line-background-active)}nv-split>[slot=pane]{box-sizing:border-box;flex:1 1 auto;overflow:hidden;min-width:0;min-height:0;display:flex;flex-direction:column;margin:0 !important}nv-split>[slot=pane]>nv-split{flex:1 1 auto;width:100%;height:100%}`;
 
@@ -321,7 +321,7 @@ const NvSplit = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'ab2b75b963d3cee109e90fe22e0dfe356a384706', "data-dragging": this.isDragging.toString() }, h("slot", { key: 'a7a8258a976029f91ffbce3fa1f90f7ed35409ef', name: "pane" }), h("slot", { key: '9af34cb299ff061bec6ba7dfe6e969e093aeb3bc', name: "gutter" })));
+        return (h(Host, { key: '8ad8bebda77f9868b9715280c0157f247057026d', "data-dragging": this.isDragging.toString() }, h("slot", { key: '8ca002feab0c3cd7755a5f1f53864e4e20585420', name: "pane" }), h("slot", { key: 'f7f7352ed8c326ec263f6d617bcd84fea02689ea', name: "gutter" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/nv-stack.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as Host } from './index-S-IZ4AN_.js';
+import { r as registerInstance, h, d as Host } from './index-BCjiE1MF.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 
 const nvStackCss = () => `nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}`;
@@ -18,7 +18,7 @@ const NvStack = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '1fe102ad734149231a7058af441e5ee77ef97ca3', class: clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, h("slot", { key: 'f7ed597dabd90182887096441ff1258812dfe9fc' })));
+        return (h(Host, { key: '861c5eed0b6dc7cdd5bf3a2d07af92127e2025bf', class: clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, h("slot", { key: '4cf3d3fb15fa6c4ed2d7d6bb70334965b0cca457' })));
     }
 };
 NvStack.style = nvStackCss();

package/dist/esm/nv-table.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as Host, e as getElement } from './index-S-IZ4AN_.js';
+import { r as registerInstance, h, d as Host, e as getElement } from './index-BCjiE1MF.js';
 
 /**
  * Table utility functions and constants for nv-table component
@@ -231,7 +231,7 @@ const NvTable = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '0d5518a54b41c67bdd7c73d5147fd954fb53d388' }, h("slot", { key: '8ab65d5dd1ce751fd357b275b84db042b1d9ce2e' })));
+        return (h(Host, { key: 'a6882cbcf9b0b12776f6d4be6d9cbfb42aff6833' }, h("slot", { key: 'd4d47a2eb77c50ff30109e217ceecd2677b9d28d' })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/nv-tableheader.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as createEvent, h, d as Host } from './index-S-IZ4AN_.js';
+import { r as registerInstance, a as createEvent, h, d as Host } from './index-BCjiE1MF.js';
 
 const nvTableheaderCss = () => `nv-tableheader{display:inline-flex;width:100%;align-items:center;gap:var(--spacing-2)}nv-tableheader:focus-visible:focus,nv-tableheader:focus-visible:focus-within{outline:none}nv-tableheader:focus-visible:focus-visible,nv-tableheader:focus-visible:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-tableheader:focus-visible{border-radius:var(--radius-rounded-sm)}nv-tableheader nv-iconbutton{transition:transform 120ms ease, opacity 120ms ease}nv-tableheader nv-iconbutton svg{transition:transform 240ms ease}nv-tableheader nv-iconbutton.is-none{opacity:0.5}nv-tableheader nv-iconbutton.is-desc svg{transform:rotate(180deg)}`;
 
@@ -57,7 +57,7 @@ const NvTableheader = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '95447cd8ccde74d09226bcdbf645eed309be0fa8', role: "columnheader", "aria-sort": this.ariaSort, tabindex: this.sortable ? 0 : undefined, onKeyDown: this.handleKeyDown.bind(this), onClick: this.cycleSortDirection.bind(this) }, h("slot", { key: '4e26aa21f080cf23ce42fb72d6777463bd079991' }), this.sortable && (h("span", { key: '666254c197e97226d2f1c6830d1216b9457c4acc', class: "sort-icon-wrap", "aria-hidden": "true" }, h("nv-iconbutton", { key: '11b2de5c4c270740857094ec8a39f1d392d7246a', disableTabindex: true, name: "arrow-up", size: "xs", emphasis: this.sortDirection === 'none' ? 'lower' : 'low',
+        return (h(Host, { key: '962f555a02b3035148c5915ae7493c68c0202cc7', role: "columnheader", "aria-sort": this.ariaSort, tabindex: this.sortable ? 0 : undefined, onKeyDown: this.handleKeyDown.bind(this), onClick: this.cycleSortDirection.bind(this) }, h("slot", { key: '0e69da3d4e2eb8ad01060f51d5043ffc14380415' }), this.sortable && (h("span", { key: 'a9b5ff97552d142cc3e1becc14a34ebab1f3092d', class: "sort-icon-wrap", "aria-hidden": "true" }, h("nv-iconbutton", { key: '76f832eba2b57f244dbce597668f493a918cf599', disableTabindex: true, name: "arrow-up", size: "xs", emphasis: this.sortDirection === 'none' ? 'lower' : 'low',
             // prevent mousedown from selecting text
             onMouseDown: (e) => e.preventDefault(), class: {
                 'is-none': this.sortDirection === 'none',

package/dist/esm/nv-timetest.entry.js

@@ -0,0 +1,70 @@
+import { r as registerInstance, a as createEvent, h, d as Host } from './index-BCjiE1MF.js';
+import { a as parseTimeOnly, b as formatTimeOnly, L as LocalDate } from './nova-datetime-CyL2J6O4.js';
+
+const nvTimetestCss = () => `nv-timetest{display:flex}nv-timetest label{display:flex;flex-direction:column;margin-right:10px;font-weight:bold}nv-timetest input{font-weight:normal;padding:var(--spacing-2);border-radius:var(--spacing-1);border:1px solid #ccc}`;
+
+const NvTimetest = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.valueChanged = createEvent(this, "valueChanged", 3);
+        this.lastChanged = createEvent(this, "lastChanged", 3);
+        this.historyChanged = createEvent(this, "historyChanged", 3);
+        this.valueDateChanged = createEvent(this, "valueDateChanged", 3);
+        //#endregion PROPERTIES
+        /****************************************************************************/
+        //#region METHODS
+        this.handleStartChange = (event) => {
+            const input = event.target;
+            const parsed = parseTimeOnly(input.value);
+            if (!parsed)
+                return;
+            const newStart = formatTimeOnly(parsed);
+            this.value = { start: newStart, end: this.value?.end };
+            this.lastChange = newStart;
+            this.history = [...(this.history ?? []), newStart];
+            this.valueChanged.emit(this.value);
+            this.lastChanged.emit({ time: this.lastChange });
+            this.historyChanged.emit({ times: this.history });
+            const todayDate = LocalDate.now().toString();
+            this.valueDateChanged.emit({
+                start: this.value?.start
+                    ? new Date(todayDate + 'T' + this.value.start)
+                    : undefined,
+                end: this.value?.end
+                    ? new Date(todayDate + 'T' + this.value.end)
+                    : undefined,
+            });
+        };
+        this.handleEndChange = (event) => {
+            const input = event.target;
+            const parsed = parseTimeOnly(input.value);
+            if (!parsed)
+                return;
+            const newEnd = formatTimeOnly(parsed);
+            this.value = { start: this.value?.start, end: newEnd };
+            this.lastChange = newEnd;
+            this.history = [...(this.history ?? []), newEnd];
+            this.valueChanged.emit(this.value);
+            this.lastChanged.emit({ time: this.lastChange });
+            this.historyChanged.emit({ times: this.history });
+            const todayDate = LocalDate.now().toString();
+            this.valueDateChanged.emit({
+                start: this.value?.start
+                    ? new Date(todayDate + 'T' + this.value.start)
+                    : undefined,
+                end: this.value?.end
+                    ? new Date(todayDate + 'T' + this.value.end)
+                    : undefined,
+            });
+        };
+    }
+    //#endregion EVENTS
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (h(Host, { key: '85d3773d49a180e5bc9b5bc0962cc3b709a474b0' }, h("label", { key: 'c0d5c262578e6aa1555ded8c542e2eef7e42d491' }, "Start:", h("input", { key: '31fe9447be14efd87aab1161dbc01593a30328dc', type: "time", step: "1", value: this.value?.start ?? '', onInput: this.handleStartChange })), h("label", { key: '0959b432f53169c425765b94c098ca5ecc8d6ede' }, "End:", h("input", { key: 'ccc50a80dfea2ab7eb627d11840dd5626ca25f88', type: "time", step: "1", value: this.value?.end ?? '', onInput: this.handleEndChange })), h("slot", { key: 'd4c6a017d41102a245e1f8472d676bc866382c00' })));
+    }
+};
+NvTimetest.style = nvTimetestCss();
+
+export { NvTimetest as nv_timetest };

package/dist/esm/nv-toggle.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-S-IZ4AN_.js';
+import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-BCjiE1MF.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 import { v as v4 } from './v4-BdYh22OP.js';
 
@@ -61,8 +61,8 @@ const NvToggle = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '38dd2a460c82599e2c2bfd6b039eafff0dc6fc67', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, h("div", { key: '4d6bf742f548cc5f92ae84497f12569d9680dcef', class: "input-container" }, h("input", { key: '97f54363c17cde48ec226680ee58da012e590b69', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), h("div", { key: 'e4576a0884f02731a3e6d2d20537cfabf411a8fe', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '4744036b0d1e73f350bbc4b6f6e7664bb9361d1e', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h("slot", { key: '44a2aeb86c840246473bc47e0ba01269af77ef06', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '6e5c3d1721c9db3cffd019c9274294c40793daf0', class: "description" }, h("slot", { key: '87c3d35c78ded085cd1ddb5b2874dfae7bd99842', name: "description" }, this.description))))));
+        return (h(Host, { key: '39ad1374bbf8cd5393a99dc4c18fa28091dc5e90', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, h("div", { key: '3a8be2405404975398f1a0dae05c0855b913245f', class: "input-container" }, h("input", { key: 'b589b9faa5801f99e698d0e664e0a35779a1271f', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), h("div", { key: 'a3308782b02b1c0eca3d6a1b87509674b9bc5c13', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '854b2ffe7bf61423512154ffe8b3b0351a2950a4', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h("slot", { key: '933bf88b7841f3b2ed24c3bb86fb24159eaac900', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: '5a04358d1be3b935239bb23e1466cc22ed2f3b48', class: "description" }, h("slot", { key: 'f5c1513eff6ee42bc171b0088baec634f8458197', name: "description" }, this.description))))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/nv-togglebutton.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-S-IZ4AN_.js';
+import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-BCjiE1MF.js';
 
 const nvTogglebuttonCss = () => `nv-togglebutton{display:inline-flex;justify-content:center;align-items:center}nv-togglebutton:focus-visible,nv-togglebutton:has(:focus-visible){z-index:1}nv-togglebutton[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-togglebutton[size=xs] nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-togglebutton[size=xs]{padding-top:calc(var(--togglegroup-xs-button-padding-y) - var(--togglegroup-stroke));padding-bottom:calc(var(--togglegroup-xs-button-padding-y) - var(--togglegroup-stroke));border-radius:var(--togglegroup-xs-button-radius);height:calc((var(--togglegroup-xs-height)) - var(--togglegroup-inner-space));border-width:0}nv-togglebutton[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-togglebutton[size=sm] nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-togglebutton[size=sm]{padding-top:calc(var(--togglegroup-sm-button-padding-y) - var(--togglegroup-stroke));padding-bottom:calc(var(--togglegroup-sm-button-padding-y) - var(--togglegroup-stroke));border-radius:calc(var(--togglegroup-sm-button-radius) + 1px);height:calc((var(--togglegroup-sm-height)) - var(--togglegroup-inner-space));border-width:0}nv-togglebutton[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-togglebutton[size=md] nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-togglebutton[size=md]{padding-top:calc(var(--togglegroup-md-button-padding-y) - var(--togglegroup-stroke));padding-bottom:calc(var(--togglegroup-md-button-padding-y) - var(--togglegroup-stroke));border-radius:calc(var(--togglegroup-md-button-radius) + 1px);height:calc((var(--togglegroup-md-height)) - var(--togglegroup-inner-space));border-width:0}nv-togglebutton[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-togglebutton[size=lg] nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-togglebutton[size=lg]{padding-top:calc(var(--togglegroup-lg-button-padding-y) - var(--togglegroup-stroke));padding-bottom:calc(var(--togglegroup-lg-button-padding-y) - var(--togglegroup-stroke));border-radius:calc(var(--togglegroup-lg-button-radius) + 1px);height:calc((var(--togglegroup-lg-height)) - var(--togglegroup-inner-space));border-width:0}nv-togglebutton[emphasis=high]{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-togglebutton[emphasis=high]:hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-togglebutton[emphasis=high]: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-togglebutton[emphasis=high]:focus,nv-togglebutton[emphasis=high]:focus-within{outline:none}nv-togglebutton[emphasis=high]:focus-visible,nv-togglebutton[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-togglebutton[emphasis=high]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-togglebutton[emphasis=high][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-togglebutton[emphasis=low]{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-togglebutton[emphasis=low]:hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-togglebutton[emphasis=low]: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-togglebutton[emphasis=low]:focus,nv-togglebutton[emphasis=low]:focus-within{outline:none}nv-togglebutton[emphasis=low]:focus-visible,nv-togglebutton[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-togglebutton[emphasis=low]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-togglebutton[emphasis=low][active]:not([active=false]),nv-togglebutton[emphasis=low]:active{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}`;
 
@@ -52,7 +52,7 @@ const NvTogglebutton = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '4af1293d9eb69a3a20d8f30c6b2876c6c29ddc03', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, h("slot", { key: '783fad27c525553cd404c1ffed0ae1305d330de8' })));
+        return (h(Host, { key: '8e700d38ba155b977d4efa0d9e01b41e73fc4413', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, h("slot", { key: '92427015839f98b0d9238b8df6af8e08ee511153' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/nv-togglebuttongroup.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-S-IZ4AN_.js';
+import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-BCjiE1MF.js';
 
 const nvTogglebuttongroupCss = () => `nv-togglebuttongroup{display:flex;gap:var(--togglegroup-lg-gap);border-radius:var(--togglegroup-lg-radius);width:fit-content;padding:var(--togglegroup-lg-gap)}nv-togglebuttongroup[emphasis=high]{border:1px solid var(--components-togglegroup-high-border)}nv-togglebuttongroup[emphasis=low]{border:1px solid var(--components-togglegroup-low-border)}nv-togglebuttongroup[size=xs]{padding:calc(var(--togglegroup-xs-padding) - 1px);gap:var(--togglegroup-xs-gap);border-radius:var(--togglegroup-xs-radius);height:var(--togglegroup-xs-height)}nv-togglebuttongroup[size=sm]{padding:calc(var(--togglegroup-sm-padding) - 1px);gap:var(--togglegroup-sm-gap);border-radius:var(--togglegroup-sm-radius);height:var(--togglegroup-sm-height)}nv-togglebuttongroup[size=md]{padding:calc(var(--togglegroup-md-padding) - 1px);gap:var(--togglegroup-md-gap);border-radius:var(--togglegroup-md-radius);height:var(--togglegroup-md-height)}nv-togglebuttongroup[size=lg]{padding:calc(var(--togglegroup-lg-padding) - 1px);gap:var(--togglegroup-lg-gap);border-radius:var(--togglegroup-lg-radius);height:var(--togglegroup-lg-height)}`;
 
@@ -151,7 +151,7 @@ const NvTogglebuttongroup = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '1116872815229d09e1e286dd1f12a9787218e207' }, h("slot", { key: 'fa5363ec707f38830065718b2423dd8493acdd4e' })));
+        return (h(Host, { key: '2026cb95db8b57f2a1cd4ea53608f336843b63fe' }, h("slot", { key: '5c06ab59d6c99e789c3a1c3a8a4842a0772ca3a2' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/nv-tooltip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-S-IZ4AN_.js';
+import { r as registerInstance, a as createEvent, h, d as Host, e as getElement } from './index-BCjiE1MF.js';
 
 const nvTooltipCss = () => `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}`;
 
@@ -34,15 +34,20 @@ const NvTooltip = class {
     /****************************************************************************/
     //#region LIFECYCLE
     componentDidRender() {
-        if (this.triggerElement || !this.defaultSlot)
+        if (!this.popoverElement)
             return;
-        this.popoverElement.triggerElement = this.defaultSlot?.nextSibling;
+        const trigger = this.triggerElement ??
+            this.defaultSlot?.nextElementSibling ??
+            this.el.querySelector(':scope > :not(nv-popover):not(slot):not([slot])');
+        if (trigger && this.popoverElement.triggerElement !== trigger) {
+            this.popoverElement.triggerElement = trigger;
+        }
     }
     //#endregion LIFECYCLE
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'bda9ba58186add585457f8fdf4a8e1d6389da01a' }, h("nv-popover", { key: 'ac67ea44cebbc8abb9ff4e190668093bb7179222', ref: el => (this.popoverElement = el), triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay, onOpenChanged: e => this.openChanged.emit(e.detail) }, h("p", { key: 'b677689d4a73462b7d16ff7d9f31bfd61e7f47eb', slot: "content" }, this.message), h("slot", { key: 'bd1540db065fdeceb89d09d69e1dbf7ad4de728d', name: "content" })), h("slot", { key: '648d3c3125b0528cd8e88675122d775ad7cc40d9', ref: el => (this.defaultSlot = el) })));
+        return (h(Host, { key: '8285fbb412cb45cc7baf2936f0405c0438395c8d' }, h("nv-popover", { key: '29d70e9baa826de35d2cdca88f48610d70ec55e4', ref: el => (this.popoverElement = el), triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, groupName: 'tooltip', enterDelay: this.enterDelay, onOpenChanged: e => this.openChanged.emit(e.detail) }, h("p", { key: 'a9c907fa96f9c4108a8d84cec53981218c060811', slot: "content" }, this.message), h("slot", { key: 'af1b7ac8069071fe2d41e925f1c0090f8b6aaab5', name: "content" })), h("slot", { key: 'e5d3c6d16fb7e4a682b66e0016d9e4e30e5647e0', ref: el => (this.defaultSlot = el) })));
     }
     get el() { return getElement(this); }
 };

package/dist/lib/generators/docs-blazor.js

@@ -158,7 +158,10 @@ const augmentProps = (component) => {
         if (!prop.values)
             return prop; // Skip props without values
         const transformedValues = prop.values.map(value => {
-            return { ...value, type: convertToCSharpType(value.type) };
+            return {
+                ...value,
+                type: convertToCSharpType(value.type, prop.complexType?.original),
+            };
         });
         let propType = transformedValues[0]?.type; // Default to the first value's type
         if (transformedValues.length > 1) {

package/dist/lib/utils/parseToCSharpTypes.js

@@ -2,11 +2,12 @@
 import extract from "extract-comments";
 /**
  * Convert a TypeScript type to its C# equivalent
- * @param { string } tsType The TypeScript type
+ * @param { string } resolvedType The type as it is resolved by TypeScript
+ * @param { string } originalType The original reference name
  * @returns { string } The corresponding C# type
  */
-export const convertToCSharpType = (tsType) => {
-    const normalizedType = tsType.replace(/\s+/g, '');
+export const convertToCSharpType = (resolvedType, originalType) => {
+    const normalizedType = resolvedType.replace(/\s+/g, '');
     const unionParts = normalizedType.split('|');
     if (unionParts.includes('number') &&
         unionParts.length > 1 &&
@@ -15,19 +16,34 @@ export const convertToCSharpType = (tsType) => {
             .every(part => part === '""' || part === 'null' || part === 'undefined')) {
         return 'double';
     }
-    switch (tsType) {
+    switch (originalType) {
+        case 'TimeOnly':
+            return 'TimeOnly';
+        case 'DateOnly':
+            return 'DateOnly';
+    }
+    switch (resolvedType) {
         case 'string':
             return 'string';
         case 'number':
             return 'double';
         case 'boolean':
             return 'bool';
+        case 'Date':
+            return 'DateTimeOffset';
     }
-    const isArray = tsType.endsWith('[]');
-    let baseType = isArray ? tsType.slice(0, -2).trim() : tsType;
-    if (baseType.startsWith('{') && baseType.endsWith('}'))
-        baseType = 'object';
-    return isArray ? `${convertToCSharpType(baseType)}[]` : baseType;
+    const isArray = resolvedType.endsWith('[]');
+    const baseOriginalType = isArray
+        ? originalType?.slice(0, -2).trim()
+        : originalType;
+    let baseResolvedType = isArray
+        ? resolvedType.slice(0, -2).trim()
+        : resolvedType;
+    if (baseResolvedType.startsWith('{') && baseResolvedType.endsWith('}'))
+        baseResolvedType = 'object';
+    return isArray
+        ? `${convertToCSharpType(baseResolvedType, baseOriginalType)}[]`
+        : baseResolvedType;
 };
 /**
  * Checks for any recursive types (for example with the nv-menu component)
@@ -99,23 +115,24 @@ export const extractCommentsFromInterface = (interfaceString) => {
 export const parseCSharpObjectStructure = (objectTypeString, originalTypeString) => {
     const interfaceComments = extractCommentsFromInterface(originalTypeString);
     // Remove leading/trailing whitespace
-    const trimmed = objectTypeString.trim();
+    objectTypeString = objectTypeString.trim();
+    originalTypeString = originalTypeString?.trim();
     // If this isn't an object, handle it directly
-    if (!trimmed.startsWith('{')) {
-        return { type: convertToCSharpType(trimmed) };
+    if (!objectTypeString.startsWith('{')) {
+        return { type: convertToCSharpType(objectTypeString, originalTypeString) };
     }
     // Find the content between the outermost curly braces
     // We need to properly handle nested objects
     let depth = 0;
     let start = -1;
     let end = -1;
-    for (let i = 0; i < trimmed.length; i++) {
-        if (trimmed[i] === '{') {
+    for (let i = 0; i < objectTypeString.length; i++) {
+        if (objectTypeString[i] === '{') {
             if (depth === 0)
                 start = i;
             depth++;
         }
-        else if (trimmed[i] === '}') {
+        else if (objectTypeString[i] === '}') {
             depth--;
             if (depth === 0) {
                 end = i;
@@ -126,7 +143,7 @@ export const parseCSharpObjectStructure = (objectTypeString, originalTypeString)
     if (start === -1 || end === -1) {
         throw new Error(`Invalid object structure: ${objectTypeString}`);
     }
-    const innerContent = trimmed.substring(start + 1, end).trim();
+    const innerContent = objectTypeString.substring(start + 1, end).trim();
     // Parse the properties, respecting nested objects and structures
     const properties = {};
     // Split the content on semicolons, but only when not inside nested objects/arrays
@@ -157,6 +174,81 @@ export const parseCSharpObjectStructure = (objectTypeString, originalTypeString)
     // Add the last property if it exists
     if (current.trim())
         propStrings.push(current.trim());
+    // Parse originalTypeString into a property-name → original-type map
+    const originalTypes = {};
+    if (originalTypeString?.startsWith('{')) {
+        let oDepth = 0;
+        let oStart = -1;
+        let oEnd = -1;
+        for (let i = 0; i < originalTypeString.length; i++) {
+            if (originalTypeString[i] === '{') {
+                if (oDepth === 0)
+                    oStart = i;
+                oDepth++;
+            }
+            else if (originalTypeString[i] === '}') {
+                oDepth--;
+                if (oDepth === 0) {
+                    oEnd = i;
+                    break;
+                }
+            }
+        }
+        if (oStart !== -1 && oEnd !== -1) {
+            const originalInner = originalTypeString
+                .substring(oStart + 1, oEnd)
+                .trim();
+            const originalPropStrings = [];
+            let oCurrent = '';
+            let oCurrentDepth = 0;
+            let oInArray = false;
+            for (let i = 0; i < originalInner.length; i++) {
+                const char = originalInner[i];
+                if (char === '{')
+                    oCurrentDepth++;
+                else if (char === '}')
+                    oCurrentDepth--;
+                else if (char === '[')
+                    oInArray = true;
+                else if (char === ']')
+                    oInArray = false;
+                if (char === ';' && oCurrentDepth === 0 && !oInArray) {
+                    if (oCurrent.trim())
+                        originalPropStrings.push(oCurrent.trim());
+                    oCurrent = '';
+                }
+                else {
+                    oCurrent += char;
+                }
+            }
+            if (oCurrent.trim())
+                originalPropStrings.push(oCurrent.trim());
+            originalPropStrings.forEach(prop => {
+                let colonIdx = -1;
+                let od = 0;
+                let ad = 0;
+                for (let i = 0; i < prop.length; i++) {
+                    if (prop[i] === '{')
+                        od++;
+                    else if (prop[i] === '}')
+                        od--;
+                    else if (prop[i] === '[')
+                        ad++;
+                    else if (prop[i] === ']')
+                        ad--;
+                    else if (prop[i] === ':' && od === 0 && ad === 0) {
+                        colonIdx = i;
+                        break;
+                    }
+                }
+                if (colonIdx === -1)
+                    return;
+                const key = prop.substring(0, colonIdx).trim().replace(/\?$/, '');
+                const typeVal = prop.substring(colonIdx + 1).trim();
+                originalTypes[key] = typeVal;
+            });
+        }
+    }
     // Process each property
     propStrings.forEach(prop => {
         // Find the first colon that's not inside a nested object/array
@@ -193,13 +285,17 @@ export const parseCSharpObjectStructure = (objectTypeString, originalTypeString)
         };
         if (baseType.startsWith('{')) {
             // This is a nested object
-            const nestedStructure = parseCSharpObjectStructure(baseType);
+            const nestedStructure = parseCSharpObjectStructure(baseType, originalTypes[propertyName]);
             propertyDef.type = isArray ? 'object[]' : 'object';
             propertyDef.structure = nestedStructure;
         }
         else {
             // This is a primitive type
-            const csharpType = convertToCSharpType(baseType);
+            const originalPropType = originalTypes[propertyName];
+            const baseOriginalPropType = isArray && originalPropType?.endsWith('[]')
+                ? originalPropType.slice(0, -2).trim()
+                : originalPropType;
+            const csharpType = convertToCSharpType(baseType, baseOriginalPropType);
             propertyDef.type = isArray ? `${csharpType}[]` : csharpType;
         }
         propertyDef.comment = interfaceComments?.[propertyName] ?? 'N/A';

package/dist/lib/utils/test/parseToCSharpTypes.test.js

@@ -38,14 +38,17 @@ describe('util -> convertToCSharpType', () => {
         expect(convertToCSharpType('undefined')).toBe('undefined');
         expect(convertToCSharpType('void')).toBe('void');
     });
+    it('should convert Date to DateTimeOffset', () => {
+        expect(convertToCSharpType('Date')).toBe('DateTimeOffset');
+    });
     it('should return the original type if no mapping exists', () => {
-        expect(convertToCSharpType('Date')).toBe('Date');
         expect(convertToCSharpType('CustomType')).toBe('CustomType');
     });
     it('should handle array types', () => {
         expect(convertToCSharpType('string[]')).toBe('string[]');
         expect(convertToCSharpType('number[]')).toBe('double[]');
         expect(convertToCSharpType('boolean[]')).toBe('bool[]');
+        expect(convertToCSharpType('Date[]')).toBe('DateTimeOffset[]');
         expect(convertToCSharpType('CustomType[]')).toBe('CustomType[]');
     });
     it('should convert object types to "object"', () => {
@@ -56,6 +59,22 @@ describe('util -> convertToCSharpType', () => {
         expect(convertToCSharpType('{ foo: string }[]')).toBe('object[]');
         expect(convertToCSharpType('{ label: string; value: string; disabled?: boolean; }[]')).toBe('object[]');
     });
+    it('should return TimeOnly when originalType is TimeOnly', () => {
+        expect(convertToCSharpType('`${number}:${number}:${number}`', 'TimeOnly')).toBe('TimeOnly');
+    });
+    it('should return DateOnly when originalType is DateOnly', () => {
+        expect(convertToCSharpType('`${number}-${number}-${number}`', 'DateOnly')).toBe('DateOnly');
+    });
+    it('should handle TimeOnly array via originalType', () => {
+        expect(convertToCSharpType('`${number}:${number}:${number}`[]', 'TimeOnly[]')).toBe('TimeOnly[]');
+    });
+    it('should handle DateOnly array via originalType', () => {
+        expect(convertToCSharpType('`${number}-${number}-${number}`[]', 'DateOnly[]')).toBe('DateOnly[]');
+    });
+    it('should ignore originalType when it is not TimeOnly or DateOnly', () => {
+        expect(convertToCSharpType('string', 'SomeAlias')).toBe('string');
+        expect(convertToCSharpType('number', 'MyNumber')).toBe('double');
+    });
 });
 describe('util -> checkForRecursiveType', () => {
     it('marks recursive when structure keys match parent keys', () => {
@@ -247,4 +266,79 @@ describe('util -> parseCSharpObjectStructure', () => {
         expect(() => parseCSharpObjectStructure('{ unclosed: string;')).toThrow();
         expect(() => parseCSharpObjectStructure('malformed')).not.toThrow();
     });
+    it('should pass original type names to convertToCSharpType for TimeOnly', () => {
+        const result = parseCSharpObjectStructure('{ start?: `${number}:${number}:${number}`; end?: `${number}:${number}:${number}` }', '{ start?: TimeOnly; end?: TimeOnly }');
+        expect(result).toEqual({
+            start: {
+                type: 'TimeOnly',
+                optional: true,
+                comment: 'N/A',
+            },
+            end: {
+                type: 'TimeOnly',
+                optional: true,
+                comment: 'N/A',
+            },
+        });
+    });
+    it('should pass original type names to convertToCSharpType for DateOnly', () => {
+        const result = parseCSharpObjectStructure('{ date?: `${number}-${number}-${number}` }', '{ date?: DateOnly }');
+        expect(result).toEqual({
+            date: {
+                type: 'DateOnly',
+                optional: true,
+                comment: 'N/A',
+            },
+        });
+    });
+    it('should handle array types with original type names', () => {
+        const result = parseCSharpObjectStructure('{ times: `${number}:${number}:${number}`[] }', '{ times: TimeOnly[] }');
+        expect(result).toEqual({
+            times: {
+                type: 'TimeOnly[]',
+                optional: false,
+                comment: 'N/A',
+            },
+        });
+    });
+    it('should pass original type through nested object structures', () => {
+        const result = parseCSharpObjectStructure('{ range: { start?: `${number}:${number}:${number}`; end?: `${number}:${number}:${number}` } }', '{ range: { start?: TimeOnly; end?: TimeOnly } }');
+        expect(result).toEqual({
+            range: {
+                type: 'object',
+                optional: false,
+                comment: 'N/A',
+                structure: {
+                    start: {
+                        type: 'TimeOnly',
+                        optional: true,
+                        comment: 'N/A',
+                    },
+                    end: {
+                        type: 'TimeOnly',
+                        optional: true,
+                        comment: 'N/A',
+                    },
+                },
+            },
+        });
+    });
+    it('should handle mixed original types and regular types', () => {
+        const result = parseCSharpObjectStructure('{ label: string; time: `${number}:${number}:${number}`; count: number }', '{ label: string; time: TimeOnly; count: number }');
+        expect(result).toEqual({
+            label: { type: 'string', optional: false, comment: 'N/A' },
+            time: { type: 'TimeOnly', optional: false, comment: 'N/A' },
+            count: { type: 'double', optional: false, comment: 'N/A' },
+        });
+    });
+    it('should still work when originalTypeString is not provided', () => {
+        const result = parseCSharpObjectStructure('{ start?: `${number}:${number}:${number}` }');
+        expect(result).toEqual({
+            start: {
+                type: '`${number}:${number}:${number}`',
+                optional: true,
+                comment: 'N/A',
+            },
+        });
+    });
 });