npm - @nova-design-system/nova-webcomponents - Versions diffs - 3.24.0 → 3.25.0 - Mend

@nova-design-system/nova-webcomponents 3.24.0 → 3.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1239) hide show

package/dist/collection/components/nv-badge/nv-badge.js CHANGED Viewed

@@ -420,4 +420,3 @@ export class NvBadge {
             }];
     }
 }
-//# sourceMappingURL=nv-badge.js.map

package/dist/collection/components/nv-breadcrumb/nv-breadcrumb.docs.js CHANGED Viewed

@@ -3,4 +3,3 @@ const NvBreadcrumbDocs = {
     skip: true,
 };
 export default NvBreadcrumbDocs;
-//# sourceMappingURL=nv-breadcrumb.docs.js.map

package/dist/collection/components/nv-breadcrumb/nv-breadcrumb.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Host, h, forceUpdate } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import clsx from "clsx";
 /**
  * @slot default - Pass an icon, a link, or text to render the breadcrumb content.
@@ -17,21 +17,24 @@ export class NvBreadcrumb {
     //#endregion PROPERTIES
     /****************************************************************************/
     //#region LIFECYCLE
-    componentDidLoad() {
-        // Force a re-render to pass the popoverTrigger ref to the popovers
-        if (this.type === 'collapsed')
-            forceUpdate(this);
-    }
-    componentWillLoad() {
+    componentDidRender() {
         if (this.type === 'default' && this.tooltip) {
-            this.popoverTrigger = Array.from(this.el.children).find(child => child.getAttribute('slot') === null);
+            const trigger = this.defaultSlot?.nextSibling;
+            if (trigger && trigger !== this.toolTipRef)
+                this.toolTipRef.triggerElement = trigger;
+        }
+        if (this.type === 'collapsed') {
+            // <button ref={..}> does not rerender the component, so we need to
+            // manually assign the trigger
+            if (this.popoverRef)
+                this.popoverRef.triggerElement = this.popoverTrigger;
         }
     }
     //#endregion LIFECYCLE
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'b0cfdee987585488bd49734900ee421b081e6df4', role: "listitem", "aria-current": this.current ? 'location' : undefined, class: clsx({ 'visually-hidden': this.current }) }, this.type === 'collapsed' ? (h("button", { ref: el => (this.popoverTrigger = el) }, "...")) : (h("slot", null)), this.tooltip && (h("nv-tooltip", { key: '970d9552c3f81bffd86889fc2ff169f73810507b', message: this.tooltip, triggerElement: this.popoverTrigger, placement: "top" })), this.type === 'collapsed' && (h("nv-popover", { key: '1b14ce172db49aaeb199d6801978f96204ba05a1', triggerMode: "click", groupName: "breadcrumbs", triggerElement: this.popoverTrigger }, h("ul", { key: 'b984309f9290bb4bcfed796200ffaad6e52a2b93', slot: "content" }, h("slot", { key: '189408f75e689b98b4cf9397074dbaefaecece9a' })))), h("span", { key: '62a4bed098620043b69f1e7dcf51db7de035f5fc', "data-scope": "separator" }, "/")));
+        return (h(Host, { key: 'b1cf4450a7e04d6a85c21c4003f02d1c5da47792', role: "listitem", "aria-current": this.current ? 'location' : undefined, class: clsx({ 'visually-hidden': this.current }) }, this.type === 'collapsed' ? (h("button", { ref: el => (this.popoverTrigger = el) }, "...")) : (h("slot", { ref: el => (this.defaultSlot = el) })), this.tooltip && (h("nv-tooltip", { key: '1459581acafe9ffcc20f85cb53618ad910c9c1df', ref: el => (this.toolTipRef = el), message: this.tooltip, triggerElement: this.popoverTrigger, placement: "top" })), this.type === 'collapsed' && (h("nv-popover", { key: 'a49865bb2ee61632c68138f9cc3543bc4b5b0ef4', ref: el => (this.popoverRef = el), triggerMode: "click", groupName: "breadcrumbs", triggerElement: this.popoverTrigger }, h("ul", { key: '4b88fa9f43a51313b6e638afdfa011a2c4770b85', slot: "content" }, h("slot", { key: 'abbdd94a21de5d9edccbfa4ff5f3b087b465a3ef' })))), h("span", { key: '2ab42832f8c39e5ee53498f18828ee65da4958f3', "data-scope": "separator" }, "/")));
     }
     static get is() { return "nv-breadcrumb"; }
     static get originalStyleUrls() {
@@ -108,4 +111,3 @@ export class NvBreadcrumb {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=nv-breadcrumb.js.map

package/dist/collection/components/nv-breadcrumbs/nv-breadcrumbs.css CHANGED Viewed

@@ -1,7 +1,4 @@
 nv-breadcrumbs {
-  display: block;
-}
-nv-breadcrumbs > ol {
   display: flex;
   flex-wrap: wrap;
   align-items: center;

package/dist/collection/components/nv-breadcrumbs/nv-breadcrumbs.docs.js CHANGED Viewed

@@ -30,4 +30,3 @@ const NvBreadcrumbsDocs = {
     ],
 };
 export default NvBreadcrumbsDocs;
-//# sourceMappingURL=nv-breadcrumbs.docs.js.map

package/dist/collection/components/nv-breadcrumbs/nv-breadcrumbs.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { Host, h } from "@stencil/core";
 export class NvBreadcrumbs {
     //#region RENDER
     render() {
-        return (h(Host, { key: '4337fe5161c0ce444001e1b92221f3adac26e4bf', role: "navigation", "aria-label": "breadcrumbs" }, h("ol", { key: '00d470eadfe879be525a4a4b7ec3368601a0697c' }, h("slot", { key: '2d012f152b49f33f399aa14dfb18a4c39265128c' }))));
+        return (h(Host, { key: '4337fe5161c0ce444001e1b92221f3adac26e4bf', role: "navigation", "aria-label": "breadcrumbs" }, h("slot", { key: '03ea061b013a5fc927b0f7edca68195d0b01de2d' })));
     }
     static get is() { return "nv-breadcrumbs"; }
     static get originalStyleUrls() {
@@ -19,4 +19,3 @@ export class NvBreadcrumbs {
         };
     }
 }
-//# sourceMappingURL=nv-breadcrumbs.js.map

package/dist/collection/components/nv-button/nv-button.docs.js CHANGED Viewed

@@ -101,4 +101,3 @@ const NvButtonDocs = {
     ],
 };
 export default NvButtonDocs;
-//# sourceMappingURL=nv-button.docs.js.map

package/dist/collection/components/nv-button/nv-button.js CHANGED Viewed

@@ -137,7 +137,7 @@ export class NvButton {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '785b6127926d695ddaaff1a1f740102abd5132bb', role: "button", tabindex: this.disableTabindex ? -1 : 0, onClick: this.handleButtonClick }, this.loading && (h("nv-loader", { key: 'b361e4ac45cc1612723d6a67f866b8cdce3c4abc', size: this.size === ButtonSize.Large ? 'sm' : 'xs' })), h("slot", { key: 'b23c877bd95ae0a02c89c83e4e3d5f0178d646a5', name: "leading-icon" }), h("slot", { key: '7c95b1f28a64e7bb5ca02abf2190dfda62d1c758' }), h("slot", { key: 'f1cd34ea21393b78bc2f5140364d47b9e70f505c', name: "trailing-icon" })));
+        return (h(Host, { key: 'e1d1cf7060849d1a62ab93d332aaf757ca10ebec', role: "button", tabindex: this.disableTabindex ? -1 : 0, onClick: this.handleButtonClick }, this.loading && (h("nv-loader", { key: '36a582a1a411584f0a4705631dee7ffd5561d685', size: this.size === ButtonSize.Large ? 'sm' : 'xs' })), h("slot", { key: '1ed41830a7a819ecf4093558c53e7b07197152d3', name: "leading-icon" }), h("slot", { key: '37b513628d6b9b3c496af1f66bb08a98dce02cea' }), h("slot", { key: '6784df28842764fb32e8d882fa8410e29a115ac1', name: "trailing-icon" })));
     }
     static get is() { return "nv-button"; }
     static get formAssociated() { return true; }
@@ -163,7 +163,8 @@ export class NvButton {
                         "ButtonSize": {
                             "location": "import",
                             "path": "../../utils/constants",
-                            "id": "src/utils/constants.ts::ButtonSize"
+                            "id": "src/utils/constants.ts::ButtonSize",
+                            "referenceLocation": "ButtonSize"
                         }
                     }
                 },
@@ -189,7 +190,8 @@ export class NvButton {
                         "ButtonEmphasis": {
                             "location": "import",
                             "path": "../../utils/constants",
-                            "id": "src/utils/constants.ts::ButtonEmphasis"
+                            "id": "src/utils/constants.ts::ButtonEmphasis",
+                            "referenceLocation": "ButtonEmphasis"
                         }
                     }
                 },
@@ -315,7 +317,8 @@ export class NvButton {
                         "ButtonType": {
                             "location": "import",
                             "path": "../../utils/constants",
-                            "id": "src/utils/constants.ts::ButtonType"
+                            "id": "src/utils/constants.ts::ButtonType",
+                            "referenceLocation": "ButtonType"
                         }
                     }
                 },
@@ -393,4 +396,3 @@ export class NvButton {
     }
     static get attachInternalsMemberName() { return "internals"; }
 }
-//# sourceMappingURL=nv-button.js.map

package/dist/collection/components/nv-buttongroup/nv-buttongroup.docs.js CHANGED Viewed

@@ -62,4 +62,3 @@ const NvButtongroupDocs = {
     ],
 };
 export default NvButtongroupDocs;
-//# sourceMappingURL=nv-buttongroup.docs.js.map

package/dist/collection/components/nv-buttongroup/nv-buttongroup.js CHANGED Viewed

@@ -91,7 +91,7 @@ export class NvButtongroup {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'd0322897a0312e7b55b087e4abfc94fcaf9f7747' }, h("slot", { key: '70afccf10fe728482096d3fce42083e9931e06bd' })));
+        return (h(Host, { key: '69c273e6d25e9dfd3b60d35b4c34d9fa331f5a02' }, h("slot", { key: '2ee4b40f9b2026099e49a14705fdff72255ef777' })));
     }
     static get is() { return "nv-buttongroup"; }
     static get originalStyleUrls() {
@@ -116,7 +116,8 @@ export class NvButtongroup {
                         "ButtonSize": {
                             "location": "import",
                             "path": "../../utils/constants",
-                            "id": "src/utils/constants.ts::ButtonSize"
+                            "id": "src/utils/constants.ts::ButtonSize",
+                            "referenceLocation": "ButtonSize"
                         }
                     }
                 },
@@ -142,7 +143,8 @@ export class NvButtongroup {
                         "ButtonEmphasis": {
                             "location": "import",
                             "path": "../../utils/constants",
-                            "id": "src/utils/constants.ts::ButtonEmphasis"
+                            "id": "src/utils/constants.ts::ButtonEmphasis",
+                            "referenceLocation": "ButtonEmphasis"
                         }
                     }
                 },
@@ -214,4 +216,3 @@ export class NvButtongroup {
             }];
     }
 }
-//# sourceMappingURL=nv-buttongroup.js.map

package/dist/collection/components/nv-buttongroup/nv-buttongroup.utils.js CHANGED Viewed

@@ -83,4 +83,3 @@ export function forwardPropsToChildren(containerElement, props) {
         }
     });
 }
-//# sourceMappingURL=nv-buttongroup.utils.js.map

package/dist/collection/components/nv-buttongroup/test/nv-buttongroup.utils.test.js CHANGED Viewed

@@ -309,4 +309,3 @@ describe('nv-buttongroup -> utils', () => {
         });
     });
 });
-//# sourceMappingURL=nv-buttongroup.utils.test.js.map

package/dist/collection/components/nv-calendar/nv-calendar.css CHANGED Viewed

@@ -5,6 +5,44 @@
 * Usage:
 * @include scrollbar();
 */
+/* TODO: integrate this logic in the proper structure */
+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-calendar {
   display: block;
 }
@@ -119,6 +157,77 @@ nv-calendar {
   justify-content: start;
   flex-grow: 1;
 }
+.date-controls select {
+  appearance: base-select;
+}
+.date-controls select::picker(select) {
+  appearance: base-select;
+  background-color: var(--components-popover-background);
+  border-color: var(--components-popover-border);
+  border-width: 1px;
+  border-style: solid;
+  border-radius: var(--popover-radius);
+  padding: var(--popover-padding-y) var(--popover-padding-x);
+  margin-top: var(--spacing-2);
+  box-shadow: var(--popover-shadow-1-x) var(--popover-shadow-1-y) var(--popover-shadow-1-blur) -2px var(--popover-shadow-1-opacity), var(--popover-shadow-2-x) var(--popover-shadow-2-y) var(--popover-shadow-2-blur) var(--shadow-spread-lg-2) var(--popover-shadow-2-opacity);
+}
+.date-controls select::picker-icon {
+  display: none;
+}
+.date-controls select option {
+  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;
+}
+.date-controls select option:not(:first-of-type) {
+  margin-top: var(--list-select-gap-y);
+}
+.date-controls select option:hover, .date-controls select option:focus, .date-controls select option:focus-within {
+  background-color: var(--components-list-select-option-background-hover);
+  color: var(--components-list-select-option-content-hover);
+}
+.date-controls select option:checked {
+  background-color: var(--components-list-select-option-background-active);
+  color: var(--components-list-select-option-content-active);
+}
+.date-controls select option: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;
+}
+.date-controls select option::checkmark {
+  display: none;
+}
+.date-controls select option:disabled, .date-controls select option:checked:disabled {
+  color: var(--components-list-select-option-content-disabled);
+  background-color: var(--components-list-select-option-background-default);
+}
+.date-controls select option {
+  padding: calc(var(--list-dropdown-item-padding-y) * 0.5) calc(var(--list-dropdown-item-padding-x) * 0.8);
+}
 .date-controls .month-select,
 .date-controls .year-input {
   background: transparent !important;
@@ -221,7 +330,7 @@ nv-calendar {
   background: var(--components-calendar-cell-background-hover);
   color: var(--components-calendar-cell-text-hover);
 }
-.day.selected, .day.selected:hover .day.is-today.selected, .day.is-today.selected:hover {
+.day.selected, .day.selected:hover, .day.is-today.selected, .day.is-today.selected:hover {
   background: var(--components-calendar-cell-background-selected);
   color: var(--components-calendar-cell-text-selected) !important;
 }

package/dist/collection/components/nv-calendar/nv-calendar.docs.js CHANGED Viewed

@@ -653,4 +653,3 @@ const NvCalendarDocs = {
     ],
 };
 export default NvCalendarDocs;
-//# sourceMappingURL=nv-calendar.docs.js.map

package/dist/collection/components/nv-calendar/nv-calendar.js CHANGED Viewed

@@ -789,6 +789,13 @@ export class NvCalendar {
         // Initialize from unified value prop if provided
         if (this.value) {
             this.parseUnifiedValue(this.value);
+            // Force navigation to initial value date (ignore data-prevent-navigation for initial load)
+            if (this.selectionType === 'single' && this.selectedDate) {
+                this.currentDate = this.selectedDate;
+            }
+            else if (this.selectionType === 'range' && this.startDate) {
+                this.currentDate = this.startDate;
+            }
         }
         else if (this.selectionType === 'single' && this.singleValue) {
             this.selectedDate = parseDate(this.singleValue, this.dateFormat);
@@ -907,8 +914,8 @@ export class NvCalendar {
      * @slot default - Child content of the component.
      */
     render() {
-        return (h(Host, { key: '18793334c6b01685f8c42acb0709bb3b35a1d466' }, h("div", { key: '2fa622b5027d4fc94732e0826fac044056e8bca1', class: "datepicker-root" }, h("div", { key: '4c88d823b5a720d3529bc199014b5e498ba1a701', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, h("div", { key: 'e6be82fb79db589171e4db2beb640fb005dd603f', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), ((this.hasShortcuts && this.shortcutsPlacement === 'bottom') ||
-            this.hasActions) && (h("div", { key: '5991593c0ae9128c3dfea099db2864a37105c9a4', class: "datepicker-controls" }, this.shortcutsPlacement === 'bottom' && this.renderShortcuts(), this.hasActions && this.renderActions())))), h("slot", { key: '5e92296fdc3732ea7f241a5ce381e0234330e7a3' })));
+        return (h(Host, { key: 'fe0fd0f2f2c8d76adafc51b0458cd0a13dd307bd' }, h("div", { key: 'b61d041fc5b75565d19daaa7689f9f71547d1277', class: "datepicker-root" }, h("div", { key: 'd221228c747e93e44187b089d89df9cdf94429b6', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, h("div", { key: 'f5ff5a8fbe2e39be862c81739eedd2f715d92d30', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), ((this.hasShortcuts && this.shortcutsPlacement === 'bottom') ||
+            this.hasActions) && (h("div", { key: '7bfb1a8e6924274d1e78ad185eb97b9ae8150814', class: "datepicker-controls" }, this.shortcutsPlacement === 'bottom' && this.renderShortcuts(), this.hasActions && this.renderActions())))), h("slot", { key: '2ef9230df097cdac96de0ff7ff6086ed5f4ad57f' })));
     }
     static get is() { return "nv-calendar"; }
     static get originalStyleUrls() {
@@ -1396,4 +1403,3 @@ export class NvCalendar {
             }];
     }
 }
-//# sourceMappingURL=nv-calendar.js.map

package/dist/collection/components/nv-calendar/nv-calendar.utils.js CHANGED Viewed

@@ -272,4 +272,3 @@ export const isHoverRangeValid = (startDate, hoverDate, min, max, parsedDisabled
     }
     return true;
 };
-//# sourceMappingURL=nv-calendar.utils.js.map

package/dist/collection/components/nv-calendar/partials/calendar-actions.js CHANGED Viewed

@@ -8,4 +8,3 @@ export const CalendarActions = props => {
     const { onReset, onConfirm, cancelLabel = 'Cancel', primaryLabel = 'OK', useSlot = false, } = props;
     return (h("div", { class: "datepicker-actions" }, useSlot ? (h("slot", { name: "actions" }, h("nv-button", { emphasis: "low", size: "xs", onClick: onReset }, cancelLabel), h("nv-button", { size: "xs", onClick: onConfirm }, primaryLabel))) : (h("div", { class: "actions-container" }, h("nv-button", { emphasis: "low", size: "xs", onClick: onReset }, cancelLabel), h("nv-button", { size: "xs", onClick: onConfirm }, primaryLabel)))));
 };
-//# sourceMappingURL=calendar-actions.js.map

package/dist/collection/components/nv-calendar/partials/calendar-grid.js CHANGED Viewed

@@ -27,4 +27,3 @@ export const CalendarGrid = props => {
         return (h(DayCell, { date: date, dayOfMonth: day.dayOfMonth, isCurrentMonth: day.isCurrentMonth, isSelected: isSelected, isInRange: isInRange, isStart: isStart, isEnd: isEnd, isToday: isTodayDate, isDisabled: day.isDisabled, selectionType: selectionType, onClick: onDayClick, onDayHover: onDayHover, isInHoverRange: inHoverRange, isHoverRangeValid: hoverRangeValid }));
     }))));
 };
-//# sourceMappingURL=calendar-grid.js.map

package/dist/collection/components/nv-calendar/partials/calendar-header.js CHANGED Viewed

@@ -35,4 +35,3 @@ export const CalendarHeader = props => {
         Math.floor((currentDate.getUTCMonth() + monthOffset) / 12);
     return (h("div", { class: "header" }, numberOfCalendars > 1 && calendarIndex === 0 && (h("nv-iconbutton", { class: "nav-left", emphasis: "lower", name: "chevron-left", onClick: createNavigationHandler(-1) })), h("div", { class: "date-controls" }, h("select", { class: "month-select mr-4", onChange: createMonthSelectHandler(monthOffset) }, months.map(month => (h("option", { key: month.value, value: month.value, selected: month.value === currentMonth }, month.label)))), h("input", { type: "number", class: "year-input", min: "1950", max: "2100", value: currentYear, onChange: createYearChangeHandler(monthOffset) })), numberOfCalendars === 1 && (h("div", { class: "nav-buttons" }, h("nv-iconbutton", { emphasis: "lower", name: "chevron-left", onClick: createNavigationHandler(-1) }), h("nv-iconbutton", { emphasis: "lower", name: "chevron-right", onClick: createNavigationHandler(1) }))), numberOfCalendars > 1 && calendarIndex === numberOfCalendars - 1 && (h("nv-iconbutton", { emphasis: "lower", name: "chevron-right", onClick: createNavigationHandler(1), class: "nav-right" }))));
 };
-//# sourceMappingURL=calendar-header.js.map

package/dist/collection/components/nv-calendar/partials/calendar-shortcuts.js CHANGED Viewed

@@ -19,4 +19,3 @@ export const CalendarShortcuts = props => {
     };
     return (h("div", { class: `shortcuts-container shortcuts-placement-${placement}` }, shortcuts.map((shortcut, index) => (h("nv-button", { key: `shortcut-${index}`, emphasis: "lower", size: "xs", "aria-label": shortcut.label, onClick: createShortcutHandler(shortcut) }, shortcut.label)))));
 };
-//# sourceMappingURL=calendar-shortcuts.js.map

package/dist/collection/components/nv-calendar/partials/day-cell.js CHANGED Viewed

@@ -23,4 +23,3 @@ export const DayCell = props => {
         .join(' ');
     return (h("div", { class: dayClasses, "data-date": date.toISOString(), onClick: !isDisabled ? onClick : undefined, onMouseEnter: onDayHover, "aria-disabled": isDisabled }, dayOfMonth));
 };
-//# sourceMappingURL=day-cell.js.map

package/dist/collection/components/nv-calendar/partials/index.js CHANGED Viewed

@@ -4,4 +4,3 @@ export { WeekNumbers } from './week-numbers';
 export { CalendarShortcuts } from './calendar-shortcuts';
 export { CalendarHeader } from './calendar-header';
 export { CalendarGrid } from './calendar-grid';
-//# sourceMappingURL=index.js.map

package/dist/collection/components/nv-calendar/partials/week-numbers.js CHANGED Viewed

@@ -32,4 +32,3 @@ export const WeekNumbers = props => {
         return (h("div", { class: `week-number ${isClickable ? 'clickable' : ''}`, onClick: createWeekHandler(week), key: `week-${weekIndex}`, role: isClickable ? 'button' : undefined, tabindex: isClickable ? 0 : undefined }, weekNumber));
     })));
 };
-//# sourceMappingURL=week-numbers.js.map

package/dist/collection/components/nv-calendar/test/nv-calendar.utils.test.js CHANGED Viewed

@@ -679,4 +679,3 @@ describe('nv-calendar.utils - Comprehensive Tests', () => {
         });
     });
 });
-//# sourceMappingURL=nv-calendar.utils.test.js.map

package/dist/collection/components/nv-calendar/test/partials/calendar-actions.logic.test.js CHANGED Viewed

@@ -166,4 +166,3 @@ describe('CalendarActions - Logic Tests', () => {
         });
     });
 });
-//# sourceMappingURL=calendar-actions.logic.test.js.map

package/dist/collection/components/nv-calendar/test/partials/calendar-grid.logic.test.js CHANGED Viewed

@@ -259,4 +259,3 @@ describe('CalendarGrid - Logic Tests', () => {
         });
     });
 });
-//# sourceMappingURL=calendar-grid.logic.test.js.map

package/dist/collection/components/nv-calendar/test/partials/calendar-header.logic.test.js CHANGED Viewed

@@ -205,4 +205,3 @@ describe('CalendarHeader - Logic Tests', () => {
         });
     });
 });
-//# sourceMappingURL=calendar-header.logic.test.js.map

package/dist/collection/components/nv-calendar/test/partials/calendar-shortcuts.logic.test.js CHANGED Viewed

@@ -353,4 +353,3 @@ describe('CalendarShortcuts - Logic Tests', () => {
         });
     });
 });
-//# sourceMappingURL=calendar-shortcuts.logic.test.js.map

package/dist/collection/components/nv-calendar/test/partials/day-cell.logic.test.js CHANGED Viewed

@@ -256,4 +256,3 @@ describe('DayCell - Logic Tests', () => {
         });
     });
 });
-//# sourceMappingURL=day-cell.logic.test.js.map

package/dist/collection/components/nv-calendar/test/partials/week-numbers.logic.test.js CHANGED Viewed

@@ -214,4 +214,3 @@ describe('WeekNumbers - Logic Tests', () => {
         });
     });
 });
-//# sourceMappingURL=week-numbers.logic.test.js.map

package/dist/collection/components/nv-col/nv-col.docs.js CHANGED Viewed

@@ -23,4 +23,3 @@ const NvColDocs = {
     ],
 };
 export default NvColDocs;
-//# sourceMappingURL=nv-col.docs.js.map

package/dist/collection/components/nv-col/nv-col.js CHANGED Viewed

@@ -22,7 +22,7 @@ export class NvCol {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '4fe90a1d020de9e85d32a52ccb39c8b6d8c1fc25', class: clsx(this.getColSize()) }, h("slot", { key: '5a6ad624fd7c6251b2f555c0e3bc828c0e048761' })));
+        return (h(Host, { key: '4ce8944befd5b0f0c6f5091b58e70c70e2bae91e', class: clsx(this.getColSize()) }, h("slot", { key: '43cc8bf485c918f0fdfa22aa904fec4bf94553d0' })));
     }
     static get is() { return "nv-col"; }
     static get originalStyleUrls() {
@@ -59,4 +59,3 @@ export class NvCol {
         };
     }
 }
-//# sourceMappingURL=nv-col.js.map

package/dist/collection/components/nv-datagrid/nv-datagrid.docs.js CHANGED Viewed

@@ -974,4 +974,3 @@ const NvDatagridDocs = {
     ],
 };
 export default NvDatagridDocs;
-//# sourceMappingURL=nv-datagrid.docs.js.map

package/dist/collection/components/nv-datagrid/nv-datagrid.js CHANGED Viewed

@@ -1013,7 +1013,7 @@ export class NvDatagrid {
         const rows = !this.table || this.table === undefined || this.parsedData.length === 0
             ? []
             : this.table?.getRowModel()?.rows;
-        return (h(Host, { key: 'd1ca320f75940993840349a4f33afb0a8dc10788' }, h("div", { key: 'd07f038bfa0d4c0092f0ad9e6f13c95a47331f75', class: "hidden" }, h("slot", { key: 'be8e292240da78d055cce83fb5700111d371d0db' })), h("slot", { key: 'af921e34986bf67afa14190e2d01e866af7ab7ae', name: "before" }), this.enableGlobalFilter && this.table && (h("div", { key: 'f3ffe4bdfee63e86ad470923e4faf62be821b5fa', class: `search-container justify-${this.globalFilterPosition}` }, h("nv-fieldtext", { key: 'a5ab10f4e088b106368bd5d98d99e3cef2b59955', value: this.globalFilterSearchTerm, onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns..." }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (h("div", null, h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (h("thead", null, this.parsedColumns.length > 0 && headerGroups
+        return (h(Host, { key: '08593ceb15e31184e76c7ab641f5e2db635527e2' }, h("div", { key: '092f351ba6b5683b798651e5fb4eb1a40015684e', class: "hidden" }, h("slot", { key: 'c24d531e1e48dfc7db7bae7d6453994f70487f7b' })), h("slot", { key: 'e0d2aa2dd23eac36c5b735ea7640937cce649987', name: "before" }), this.enableGlobalFilter && this.table && (h("div", { key: 'beb373f14fad14c50b2c92b6c5542dec797750b3', class: `search-container justify-${this.globalFilterPosition}` }, h("nv-fieldtext", { key: '943dc6d3b0663e15846682ede0f9ea5cb3f1c56e', value: this.globalFilterSearchTerm, onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns..." }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (h("div", null, h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (h("thead", null, this.parsedColumns.length > 0 && headerGroups
             ? headerGroups?.map(headerGroup => (h("tr", { key: headerGroup.id }, headerGroup.headers.map(header => {
                 return this.getHeaderCell(header);
             }))))
@@ -1025,7 +1025,7 @@ export class NvDatagrid {
             })));
         }))), this.table && this.enableRowSelection ? (h("tfoot", null, h("tr", null, h("td", { colSpan: 20 }, this.enableRowSelection && this.table ? (h("div", null, this.rowSelectionState &&
             Object.keys(this.rowSelectionState).length > 0 ? (h("span", null, Object.keys(this.rowSelectionState).length, " of", ' ', this.table.getPreFilteredRowModel()?.rows
-            ?.length || 0, ' ', "Total Rows Selected")) : (h("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), h("slot", { key: '8941adaa686dec6b3f09e0434bdf9df3d273e930', name: "after" })));
+            ?.length || 0, ' ', "Total Rows Selected")) : (h("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), h("slot", { key: '9d016c03102ff36aeaf8ff5364086902b129f2ce', name: "after" })));
     }
     static get is() { return "nv-datagrid"; }
     static get originalStyleUrls() {
@@ -1074,7 +1074,8 @@ export class NvDatagrid {
                         "Column": {
                             "location": "import",
                             "path": "../../interfaces/Column",
-                            "id": "src/interfaces/Column.tsx::Column"
+                            "id": "src/interfaces/Column.tsx::Column",
+                            "referenceLocation": "Column"
                         }
                     }
                 },
@@ -1219,7 +1220,8 @@ export class NvDatagrid {
                         "GlobalFilterPosition": {
                             "location": "import",
                             "path": "../../utils/constants",
-                            "id": "src/utils/constants.ts::GlobalFilterPosition"
+                            "id": "src/utils/constants.ts::GlobalFilterPosition",
+                            "referenceLocation": "GlobalFilterPosition"
                         }
                     }
                 },
@@ -1472,4 +1474,3 @@ export class NvDatagrid {
             }];
     }
 }
-//# sourceMappingURL=nv-datagrid.js.map

package/dist/collection/components/nv-datagridcolumn/nv-datagridcolumn.docs.js CHANGED Viewed

@@ -3,4 +3,3 @@ const NvDatagridcolumnDocs = {
     skip: true,
 };
 export default NvDatagridcolumnDocs;
-//# sourceMappingURL=nv-datagridcolumn.docs.js.map

package/dist/collection/components/nv-datagridcolumn/nv-datagridcolumn.js CHANGED Viewed

@@ -14,7 +14,7 @@ export class NvDatagridcolumn {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: 'd93cf7234c22d08319d2e4157945ece0b9e5f7b1' }, h("slot", { key: 'd4530c7f6854773716e7494e0379bc21f446ca53', name: "header" }), h("slot", { key: '60e2933f219f48c0567fd0e01a137a694ae1c1c9', name: "cell" })));
+        return (h(Host, { key: '413044aa941d307aa9a2e96faad28e5c78e20b71' }, h("slot", { key: 'c32dedbda74aa8204222b797e92a633eb7246c33', name: "header" }), h("slot", { key: '1412fae3228b4f9583a07395411da3fe264da449', name: "cell" })));
     }
     static get is() { return "nv-datagridcolumn"; }
     static get properties() {
@@ -99,4 +99,3 @@ export class NvDatagridcolumn {
         };
     }
 }
-//# sourceMappingURL=nv-datagridcolumn.js.map

package/dist/collection/components/nv-dialog/nv-dialog.docs.js CHANGED Viewed

@@ -49,12 +49,6 @@ const NvDialogDocs = {
             },
             template: (h("nv-dialog", { "data-storybook-args": true }, h("nv-button", { slot: "trigger" }, "Open Dialog"), h("p", null, "The dialog will take the full width of the screen regardless of the content."))),
         },
-        // triggerElement
-        {
-            name: nameof(x => x.triggerElement),
-            description: 'Internal: Accepts a reference to the DOM element acting as the popover trigger. This should be used when the slot for the trigger is not defined.',
-            template: (h("nv-dialog", { "data-storybook-args": true }, h("nv-button", { slot: "trigger" }, "Open Dialog"), h("p", null, "Child Content"))),
-        },
         // headerElement
         {
             name: nameof(x => x.headerElement),
@@ -157,4 +151,3 @@ const NvDialogDocs = {
     ],
 };
 export default NvDialogDocs;
-//# sourceMappingURL=nv-dialog.docs.js.map