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

package/dist/components/nv-table.js

@@ -1,261 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-C63Xpg9a.js';
-
-/**
- * Table utility functions and constants for nv-table component
- *
- * This module contains pure utility functions for table column resizing logic,
- * pointer event handling calculations, and related helper functions.
- */
-/**
- * Constants for table column resizing behavior
- */
-const TABLE_CONSTANTS = Object.freeze({
-    /** Handle width for fine pointers (mouse) in pixels */
-    HANDLE_W: 12,
-    /** Handle width for coarse pointers (touch) in pixels */
-    HANDLE_W_TOUCH: 24,
-    /** Minimum column width in pixels */
-    MIN_W: 40,
-});
-/**
- * Determines the appropriate handle width based on the current pointer type
- * @returns {number} Handle width in pixels (10px for fine pointers, 24px for coarse/touch)
- */
-function getHandleWidthForCurrentPointer() {
-    // Match the CSS media query: wider handle on coarse pointers (touch)
-    return matchMedia('(pointer: coarse)').matches
-        ? TABLE_CONSTANTS.HANDLE_W_TOUCH
-        : TABLE_CONSTANTS.HANDLE_W;
-}
-/**
- * Calculates the pointer's horizontal offset within a table cell
- * @param {PointerEvent} event - The pointer event
- * @param {HTMLTableCellElement} cell - The table cell element
- * @returns {number} The horizontal offset from the left edge of the cell
- */
-function getPointerOffsetInCell(event, cell) {
-    const rect = cell.getBoundingClientRect();
-    return event.clientX - rect.left;
-}
-/**
- * Determines if the pointer is within the resize handle area of a table cell
- * @param {number} offsetX - Horizontal offset within the cell
- * @param {number} cellWidth - Total width of the cell
- * @param {number} handleWidth - Width of the resize handle area
- * @returns {boolean} True if the pointer is in the resize handle area
- */
-function isInResizeHandle(offsetX, cellWidth, handleWidth) {
-    return offsetX >= cellWidth - handleWidth;
-}
-/**
- * Calculates the new column width based on resize delta and constraints
- * @param {number} startWidth - Original width of the column
- * @param {number} delta - Change in pixels from the start position
- * @param {number} minWidth - Minimum allowed width for the column
- * @returns {number} The calculated new width, constrained by minimum
- */
-function calculateNewWidth(startWidth, delta, minWidth = TABLE_CONSTANTS.MIN_W) {
-    return Math.max(minWidth, startWidth + delta);
-}
-/**
- * Validates that a table cell element is suitable for resizing
- * @param {HTMLElement | null} element - The element to check
- * @returns {element is HTMLTableCellElement} Type guard for table cell elements
- */
-function isValidTableCell(element) {
-    return element?.tagName === 'TH' || element?.tagName === 'TD';
-}
-/**
- * Finds the closest table cell element from an event target
- * @param {EventTarget | null} target - The event target
- * @returns {HTMLTableCellElement | null} The closest table cell or null
- */
-function getClosestTableCell(target) {
-    if (!(target instanceof HTMLElement))
-        return null;
-    const cell = target.closest('th, td');
-    return isValidTableCell(cell) ? cell : null;
-}
-/**
- * Sets up pointer capture for consistent drag behavior across browsers
- * @param {HTMLTableCellElement} cell - The table cell element
- * @param {number} pointerId - The pointer ID from the pointer event
- * @returns {boolean} True if capture was successfully set
- */
-function setPointerCapture(cell, pointerId) {
-    try {
-        cell.setPointerCapture?.(pointerId);
-        return true;
-    }
-    catch {
-        return false;
-    }
-}
-/**
- * Releases pointer capture
- * @param {HTMLTableCellElement} cell - The table cell element
- * @param {number} pointerId - The pointer ID from the pointer event
- * @returns {boolean} True if release was successful
- */
-function releasePointerCapture(cell, pointerId) {
-    try {
-        cell.releasePointerCapture?.(pointerId);
-        return true;
-    }
-    catch {
-        return false;
-    }
-}
-/**
- * Prevents text selection during drag operations
- * @param {boolean} prevent - Whether to prevent selection
- */
-function setUserSelectPrevention(prevent) {
-    document.body.style.userSelect = prevent ? 'none' : '';
-}
-/**
- * Gets the current width of a table cell element
- * @param {HTMLTableCellElement} cell - The table cell element
- * @returns {number} The current width in pixels
- */
-function getCellWidth(cell) {
-    return cell.offsetWidth;
-}
-/**
- * Applies a width to a table cell element
- * @param {HTMLTableCellElement} cell - The table cell element
- * @param {number} width - The width to apply in pixels
- */
-function setCellWidth(cell, width) {
-    cell.style.width = `${width}px`;
-}
-/**
- * Calculates the delta (change) in horizontal position between two pointer events
- * @param {number} currentX - Current clientX position
- * @param {number} startX - Starting clientX position
- * @returns {number} The horizontal delta
- */
-function calculatePointerDelta(currentX, startX) {
-    return currentX - startX;
-}
-/**
- * Creates a new resize state object
- * @param {HTMLTableCellElement} cell - The cell being resized
- * @param {PointerEvent} event - The initiating pointer event
- * @returns {ResizeState} A new resize state object
- */
-function createResizeState(cell, event) {
-    return {
-        resizingCell: cell,
-        pointerId: event.pointerId,
-        startX: event.clientX,
-        startWidth: getCellWidth(cell),
-    };
-}
-/**
- * Validates that a resize state is active and matches the given pointer event
- * @param {ResizeState | null} state - The current resize state
- * @param {PointerEvent} event - The pointer event to validate against
- * @returns {boolean} True if the state is valid for this event
- */
-function isValidResizeState(state, event) {
-    return state !== null && state.pointerId === event.pointerId;
-}
-/**
- * Updates the width of a cell during a resize operation
- * @param {ResizeState} state - The current resize state
- * @param {PointerEvent} event - The current pointer event
- * @param {number} minWidth - Minimum width constraint
- */
-function updateCellWidthFromResize(state, event, minWidth = TABLE_CONSTANTS.MIN_W) {
-    const delta = calculatePointerDelta(event.clientX, state.startX);
-    const newWidth = calculateNewWidth(state.startWidth, delta, minWidth);
-    setCellWidth(state.resizingCell, newWidth);
-}
-
-const nvTableCss = "nv-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;background:var(--color-level-00-background)}nv-table table thead{background:var(--components-datagrid-header-background)}nv-table table tbody tr:hover td{background:var(--components-datagrid-body-background-hover)}nv-table table tbody tr[data-selected]{background:var(--components-datagrid-body-background-active)}nv-table table td{height:var(--spacing-16);padding:var(--datagrid-cell-body-padding-y) var(--datagrid-cell-body-padding-x) var(--spacing-2) var(--datagrid-cell-body-padding-x);font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);background:var(--components-datagrid-body-background-default);border-bottom:1px solid var(--components-datagrid-body-border)}nv-table table th{position:relative;text-align:left;padding:var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-right) var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-x);padding-right:calc(var(--datagrid-cell-header-padding-right) + 12px);color:var(--color-content-low-text);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-high-emphasis);line-height:var(--line-height-base);min-width:40px;border-bottom:1px solid var(--components-datagrid-header-border);background:var(--components-datagrid-header-background)}nv-table table th::after{content:\"\";position:absolute;top:0;right:0;width:12px;height:50%;transform:translateY(50%);cursor:col-resize;background:linear-gradient(90deg, transparent 0%, transparent calc(50% - 1px), var(--components-datagrid-header-border), calc(50% - 1px), var(--components-datagrid-header-border) calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);opacity:0;transition:opacity 0.05s ease-in-out}nv-table table th[data-grow]{width:unset}nv-table table th:hover::after{opacity:1}nv-table table th[data-no-resize]::after{display:none}nv-table [data-sticky-left]{position:sticky;z-index:1;background:var(--color-level-00-background);left:0;top:0}nv-table [data-sticky-right]{position:sticky;z-index:1;background:var(--color-level-00-background);right:0;top:0}nv-table [data-sticky-top] th{position:sticky;z-index:1;background:var(--color-level-00-background);top:0}";
-
-const NvTable$1 = /*@__PURE__*/ proxyCustomElement(class NvTable extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.resizeState = null;
-    }
-    /****************************************************************************/
-    //#region PROPERTIES
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region METHODS
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region LISTENERS
-    onPointerDown(ev) {
-        const th = getClosestTableCell(ev.target);
-        if (!th)
-            return;
-        // Skip resize if the cell has data-no-resize attribute
-        if (th.hasAttribute('data-no-resize'))
-            return;
-        const offsetX = getPointerOffsetInCell(ev, th);
-        const handleWidth = getHandleWidthForCurrentPointer();
-        const cellWidth = getCellWidth(th);
-        // Start only if we're in the resize handle area
-        if (!isInResizeHandle(offsetX, cellWidth, handleWidth))
-            return;
-        this.resizeState = createResizeState(th, ev);
-        // Capture so move/up still fire even if the finger leaves the th
-        setPointerCapture(th, ev.pointerId);
-        // Prevent scrolling/selection during drag
-        setUserSelectPrevention(true);
-    }
-    onPointerMove(ev) {
-        if (!isValidResizeState(this.resizeState, ev))
-            return;
-        updateCellWidthFromResize(this.resizeState, ev, TABLE_CONSTANTS.MIN_W);
-    }
-    onPointerUp(ev) {
-        if (!isValidResizeState(this.resizeState, ev))
-            return;
-        releasePointerCapture(this.resizeState.resizingCell, this.resizeState.pointerId);
-        this.resizeState = null;
-        setUserSelectPrevention(false);
-    }
-    //#endregion LISTENERS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region EVENTS
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (h(Host, { key: '6d13efcd059cca60b2f6bc092b75b65e36738913' }, h("slot", { key: '33c715acec9e561586c9059f20e77b403307c134' })));
-    }
-    get host() { return this; }
-    static get style() { return nvTableCss; }
-}, [260, "nv-table", undefined, [[1, "pointerdown", "onPointerDown"], [9, "pointermove", "onPointerMove"], [9, "pointerup", "onPointerUp"], [9, "pointercancel", "onPointerUp"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-table"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-table":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvTable$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvTable = NvTable$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvTable, defineCustomElement };
-//# sourceMappingURL=nv-table.js.map
-
-//# sourceMappingURL=nv-table.js.map
+import{t,p as n,H as e,h as a,d as r}from"./p-iXsbKJzR.js";const o=Object.freeze({HANDLE_W:12,HANDLE_W_TOUCH:24,MIN_W:40});function i(t){document&&(document.body.style.userSelect=t?"none":"")}function d(t){return t.offsetWidth}function c(t,n){return null!==t&&t.pointerId===n.pointerId}const l=n(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.resizeState=null}onPointerDown(t){const n=function(t){if(!(t instanceof HTMLElement))return null;const n=t.closest("th, td");return function(t){return"TH"===t?.tagName||"TD"===t?.tagName}(n)?n:null}(t.target);if(!n)return;if(n.hasAttribute("data-no-resize"))return;const e=function(t,n){const e=n.getBoundingClientRect();return t.clientX-e.left}(t,n),a=matchMedia("(pointer: coarse)").matches?o.HANDLE_W_TOUCH:o.HANDLE_W;(function(t,n,e){return t>=n-e})(e,d(n),a)&&(this.resizeState=function(t,n){return{resizingCell:t,pointerId:n.pointerId,startX:n.clientX,startWidth:d(t)}}(n,t),function(t,n){try{return t.setPointerCapture?.(n),!0}catch{return!1}}(n,t.pointerId),i(!0))}onPointerMove(t){c(this.resizeState,t)&&function(t,n,e=o.MIN_W){const a=function(t,n){return t-n}(n.clientX,t.startX),r=function(t,n,e=o.MIN_W){return Math.max(e,t+n)}(t.startWidth,a,e);!function(t,n){t.style.width=n+"px"}(t.resizingCell,r)}(this.resizeState,t,o.MIN_W)}onPointerUp(t){c(this.resizeState,t)&&(function(t,n){try{return t.releasePointerCapture?.(n),!0}catch{return!1}}(this.resizeState.resizingCell,this.resizeState.pointerId),this.resizeState=null,i(!1))}render(){return a(r,{key:"0d5518a54b41c67bdd7c73d5147fd954fb53d388"},a("slot",{key:"8ab65d5dd1ce751fd357b275b84db042b1d9ce2e"}))}get host(){return this}static get style(){return'nv-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;background:var(--color-level-00-background)}nv-table table thead{background:var(--components-datagrid-header-background)}nv-table table tbody tr:hover td{background:var(--components-datagrid-body-background-hover)}nv-table table tbody tr[data-selected]{background:var(--components-datagrid-body-background-active)}nv-table table td{height:var(--spacing-16);padding:var(--datagrid-cell-body-padding-y) var(--datagrid-cell-body-padding-x) var(--spacing-2) var(--datagrid-cell-body-padding-x);font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);background:var(--components-datagrid-body-background-default);border-bottom:1px solid var(--components-datagrid-body-border)}nv-table table th{position:relative;text-align:left;padding:var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-right) var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-x);padding-right:calc(var(--datagrid-cell-header-padding-right) + 12px);color:var(--color-content-low-text);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-high-emphasis);line-height:var(--line-height-base);min-width:40px;border-bottom:1px solid var(--components-datagrid-header-border);background:var(--components-datagrid-header-background)}nv-table table th::after{content:"";position:absolute;top:0;right:0;width:12px;height:50%;transform:translateY(50%);cursor:col-resize;background:linear-gradient(90deg, transparent 0%, transparent calc(50% - 1px), var(--components-datagrid-header-border), calc(50% - 1px), var(--components-datagrid-header-border) calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);opacity:0;transition:opacity 0.05s ease-in-out}nv-table table th[data-grow]{width:unset}nv-table table th:hover::after{opacity:1}nv-table table th[data-no-resize]::after{display:none}nv-table [data-sticky-left]{position:sticky;z-index:1;background:var(--color-level-00-background);left:0;top:0}nv-table [data-sticky-right]{position:sticky;z-index:1;background:var(--color-level-00-background);right:0;top:0}nv-table [data-sticky-top] th{position:sticky;z-index:1;background:var(--color-level-00-background);top:0}'}},[260,"nv-table",void 0,[[1,"pointerdown","onPointerDown"],[9,"pointermove","onPointerMove"],[9,"pointerup","onPointerUp"],[9,"pointercancel","onPointerUp"]]]);function s(){"undefined"!=typeof customElements&&["nv-table"].forEach((n=>{"nv-table"===n&&(customElements.get(t(n))||customElements.define(t(n),l))}))}s();const b=l,u=s;export{b as NvTable,u as defineCustomElement}

package/dist/components/nv-tableheader.js

@@ -1,114 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-C63Xpg9a.js';
-import { d as defineCustomElement$4 } from './p-nfYynlVq.js';
-import { d as defineCustomElement$3 } from './p-DvapDVBj.js';
-import { d as defineCustomElement$2 } from './p-COnt5ux_.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)}";
-
-const NvTableheader$1 = /*@__PURE__*/ proxyCustomElement(class NvTableheader extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.sortDirectionChanged = createEvent(this, "sortDirectionChanged", 3);
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Will render the header as sortable with the corresponding icon button.
-         * Allows the header to be tabbed, and trigger sorting via click or keyboard
-         * navigation
-         */
-        this.sortable = false;
-        /**
-         * The current sort direction of the header. Will be 'none' if the header is
-         * not sortable or if the sort direction is not set.
-         */
-        this.sortDirection = 'none';
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region METHODS
-    cycleSortDirection(e) {
-        if (!this.sortable)
-            return;
-        e?.preventDefault();
-        const next = {
-            none: 'asc',
-            asc: 'desc',
-            desc: 'none',
-        };
-        this.sortDirection = next[this.sortDirection];
-        this.sortDirectionChanged.emit(this.sortDirection);
-    }
-    handleKeyDown(event) {
-        if (!this.sortable)
-            return;
-        if (event.key === 'Enter' || event.key === ' ') {
-            event.preventDefault();
-            this.cycleSortDirection();
-        }
-    }
-    get ariaSort() {
-        const sortMap = {
-            none: 'none',
-            asc: 'ascending',
-            desc: 'descending',
-        };
-        if (!this.sortable)
-            return sortMap.none;
-        return sortMap[this.sortDirection];
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (h(Host, { key: 'ae56ba389e554b3b555a1f29dba6a2c434e4a0ea', role: "columnheader", "aria-sort": this.ariaSort, tabindex: this.sortable ? 0 : undefined, onKeyDown: this.handleKeyDown.bind(this), onClick: this.cycleSortDirection.bind(this) }, h("slot", { key: '55efe6331ebcbde6b9b37f7d8dec610e444dc4b1' }), this.sortable && (h("span", { key: 'ecde17447218e6d462504cb10bdc8b95266ce402', class: "sort-icon-wrap", "aria-hidden": "true" }, h("nv-iconbutton", { key: 'c6e18e4149d2805cb16d5a79ec29db85a656b42c', 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',
-                'is-desc': this.sortDirection === 'desc',
-            } })))));
-    }
-    static get style() { return nvTableheaderCss; }
-}, [260, "nv-tableheader", {
-        "sortable": [516],
-        "sortDirection": [1537, "sort-direction"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-tableheader", "nv-icon", "nv-iconbutton", "nv-loader"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-tableheader":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvTableheader$1);
-            }
-            break;
-        case "nv-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "nv-iconbutton":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "nv-loader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvTableheader = NvTableheader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvTableheader, defineCustomElement };
-//# sourceMappingURL=nv-tableheader.js.map
-
-//# sourceMappingURL=nv-tableheader.js.map
+import{t as e,p as s,H as t,c as n,h as o,d as i}from"./p-iXsbKJzR.js";import{d as a}from"./p-jZF_Ggmx.js";import{d as c}from"./p-DDqZBSGn.js";import{d as r}from"./p-CAKTe96z.js";const d=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.sortDirectionChanged=n(this,"sortDirectionChanged",3),this.sortable=!1,this.sortDirection="none"}cycleSortDirection(e){this.sortable&&(e?.preventDefault(),this.sortDirection={none:"asc",asc:"desc",desc:"none"}[this.sortDirection],this.sortDirectionChanged.emit(this.sortDirection))}handleKeyDown(e){this.sortable&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.cycleSortDirection()))}get ariaSort(){const e={none:"none",asc:"ascending",desc:"descending"};return this.sortable?e[this.sortDirection]:e.none}render(){return o(i,{key:"95447cd8ccde74d09226bcdbf645eed309be0fa8",role:"columnheader","aria-sort":this.ariaSort,tabindex:this.sortable?0:void 0,onKeyDown:this.handleKeyDown.bind(this),onClick:this.cycleSortDirection.bind(this)},o("slot",{key:"4e26aa21f080cf23ce42fb72d6777463bd079991"}),this.sortable&&o("span",{key:"666254c197e97226d2f1c6830d1216b9457c4acc",class:"sort-icon-wrap","aria-hidden":"true"},o("nv-iconbutton",{key:"11b2de5c4c270740857094ec8a39f1d392d7246a",disableTabindex:!0,name:"arrow-up",size:"xs",emphasis:"none"===this.sortDirection?"lower":"low",onMouseDown:e=>e.preventDefault(),class:{"is-none":"none"===this.sortDirection,"is-desc":"desc"===this.sortDirection}})))}static get style(){return"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)}"}},[260,"nv-tableheader",{sortable:[516],sortDirection:[1537,"sort-direction"]}]);function l(){"undefined"!=typeof customElements&&["nv-tableheader","nv-icon","nv-iconbutton","nv-loader"].forEach((s=>{switch(s){case"nv-tableheader":customElements.get(e(s))||customElements.define(e(s),d);break;case"nv-icon":customElements.get(e(s))||a();break;case"nv-iconbutton":customElements.get(e(s))||c();break;case"nv-loader":customElements.get(e(s))||r()}}))}l();const h=d,b=l;export{h as NvTableheader,b as defineCustomElement}

package/dist/components/nv-toggle.js

@@ -1,111 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-C63Xpg9a.js';
-import { c as clsx } from './p-ChV9xqsO.js';
-import { v as v4 } from './p-BdYh22OP.js';
-
-const nvToggleCss = "nv-toggle{display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-toggle:not([disabled],[readonly]) input,nv-toggle:not([disabled],[readonly]) label{cursor:pointer}nv-toggle.label-placement-before{flex-direction:row-reverse}nv-toggle[disabled]{opacity:0.5}nv-toggle label{align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-toggle label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-toggle .input-container{position:relative;color:var(--components-form-shape-foreground-default)}nv-toggle .input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--components-form-shape-foreground-disabled)}nv-toggle .input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-toggle-width);height:var(--form-toggle-height);flex-direction:column;align-items:flex-start;border-radius:var(--form-toggle-radius);border-width:var(--form-toggle-border-width);border-style:solid;border-color:var(--components-toggle-border-default);background:var(--components-toggle-background-default)}nv-toggle .input-container input[type=checkbox]::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-toggle-shape-default);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:25%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:hover{border-color:var(--components-toggle-border-hover)}nv-toggle .input-container input[type=checkbox]:hover::after{background-color:var(--components-toggle-shape-hover)}nv-toggle .input-container input[type=checkbox]:focus{border-color:var(--components-toggle-border-default)}nv-toggle .input-container input[type=checkbox]:focus::after{background-color:var(--components-toggle-shape-default)}nv-toggle .input-container input[type=checkbox]:focus,nv-toggle .input-container input[type=checkbox]:focus-within{outline:none}nv-toggle .input-container input[type=checkbox]:focus-visible,nv-toggle .input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-toggle .input-container input[type=checkbox]:checked{background:var(--components-toggle-background-default-checked);border-color:var(--components-toggle-border-default-checked)}nv-toggle .input-container input[type=checkbox]:checked::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-toggle-shape-default-checked);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:75%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:checked:focus{background:var(--components-toggle-background-default-checked);border-color:var(--components-toggle-border-default-checked)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]){box-shadow:unset;background:var(--components-toggle-background-disabled);border-color:var(--components-toggle-border-default)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked{background:var(--components-toggle-background-disabled-checked);border-color:var(--components-toggle-border-disabled-checked)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked::after{background-color:var(--components-toggle-shape-disabled-checked)}nv-toggle .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:450;line-height:var(--form-description-line-height)}nv-toggle .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}";
-
-const NvToggle$1 = /*@__PURE__*/ proxyCustomElement(class NvToggle extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.checkedChanged = createEvent(this, "checkedChanged", 3);
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Sets the ID for the radio button’s input element and the for attribute of
-         * the associated label. If no ID is provided, a random one will be
-         * automatically generated to ensure unique identification, facilitating
-         * proper label association and accessibility.
-         */
-        this.inputId = v4();
-        /**
-         * Hides the label visually while still keeping it available for screen
-         * readers.
-         */
-        this.hideLabel = false;
-        /** Indicates whether the toggle is checked or not. */
-        this.checked = false;
-        /** Disables the toggle, preventing user interaction. */
-        this.disabled = false;
-        /**
-         * Sets the toggle to read-only, preventing user changes but still allowing
-         * focus and selection of text.
-         */
-        this.readonly = false;
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region WATCHERS
-    /**
-     * Watches for changes to the checked state and emits the new value.
-     * @param {boolean} checked - The new value of the checked state.
-     */
-    onCheckedChanged(checked) {
-        this.checkedChanged.emit(checked);
-    }
-    /**
-     * Listens for the change event on the toggle input element and updates the checked state.
-     * the checked state of the host elements.
-     * @param {Event} event - The change event.
-     */
-    handleChange(event) {
-        const target = event.target;
-        if (target.type === 'checkbox' && target.id === this.inputId) {
-            if (this.readonly || this.disabled) {
-                event.preventDefault();
-                return;
-            }
-            this.checked = target.checked;
-        }
-    }
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (h(Host, { key: 'bf104d1513a3cf741c6b42ab48554c40d19263d1', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, h("div", { key: '8c7e9684887e0d454a69101fb83f290d26236841', class: "input-container" }, h("input", { key: '5771d8999e03247600a2b98d0eae985ff0345e28', 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: '8c95821037235c2eab053bce5bb7a0dc15173ea4', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '36c1d110f4c9151e1d05c665546f01f323999b15', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h("slot", { key: '4fe3f5fab8c1a20480c9eba085221afc36caae73', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '63dc983d3b09327f57bd62feb7a25865f90390a7', class: "description" }, h("slot", { key: 'e85b616e8bf1301e53f62a2c4e1ea87675b1dcff', name: "description" }, this.description))))));
-    }
-    static get formAssociated() { return true; }
-    get el() { return this; }
-    static get watchers() { return {
-        "checked": ["onCheckedChanged"]
-    }; }
-    static get style() { return nvToggleCss; }
-}, [324, "nv-toggle", {
-        "inputId": [513, "input-id"],
-        "name": [513],
-        "value": [513],
-        "label": [513],
-        "labelPlacement": [513, "label-placement"],
-        "hideLabel": [516, "hide-label"],
-        "description": [513],
-        "checked": [1540],
-        "disabled": [516],
-        "readonly": [516]
-    }, [[0, "change", "handleChange"]], {
-        "checked": ["onCheckedChanged"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-toggle"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-toggle":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvToggle$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvToggle = NvToggle$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvToggle, defineCustomElement };
-//# sourceMappingURL=nv-toggle.js.map
-
-//# sourceMappingURL=nv-toggle.js.map
+import{t as e,p as t,H as o,c as n,h as a,d as r}from"./p-iXsbKJzR.js";import{c}from"./p-ChV9xqsO.js";import{v as i}from"./p-BdYh22OP.js";const l=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.checkedChanged=n(this,"checkedChanged",3),this.inputId=i(),this.hideLabel=!1,this.checked=!1,this.disabled=!1,this.readonly=!1}onCheckedChanged(e){this.checkedChanged.emit(e)}handleChange(e){const t=e.target;if("checkbox"===t.type&&t.id===this.inputId){if(this.readonly||this.disabled)return void e.preventDefault();this.checked=t.checked}}render(){return a(r,{key:"38dd2a460c82599e2c2bfd6b039eafff0dc6fc67",class:c("before"===this.labelPlacement&&"label-placement-before")},a("div",{key:"4d6bf742f548cc5f92ae84497f12569d9680dcef",class:"input-container"},a("input",{key:"97f54363c17cde48ec226680ee58da012e590b69",type:"checkbox",id:this.inputId,name:this.name,autocomplete:"off",value:this.value,checked:!!this.checked,disabled:this.disabled||this.readonly,readonly:this.readonly})),a("div",{key:"e4576a0884f02731a3e6d2d20537cfabf411a8fe",class:"text-container"},(this.label||this.el.querySelector('[slot="label"]'))&&a("label",{key:"4744036b0d1e73f350bbc4b6f6e7664bb9361d1e",htmlFor:this.inputId,class:c(this.hideLabel&&"visually-hidden")},a("slot",{key:"44a2aeb86c840246473bc47e0ba01269af77ef06",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&a("div",{key:"6e5c3d1721c9db3cffd019c9274294c40793daf0",class:"description"},a("slot",{key:"87c3d35c78ded085cd1ddb5b2874dfae7bd99842",name:"description"},this.description))))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{onCheckedChanged:0}]}}static get style(){return'@charset "UTF-8";nv-toggle{display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-toggle:not([disabled],[readonly]) input,nv-toggle:not([disabled],[readonly]) label{cursor:pointer}nv-toggle.label-placement-before{flex-direction:row-reverse}nv-toggle[disabled]{opacity:0.5}nv-toggle label{align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-toggle label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-toggle .input-container{position:relative;color:var(--components-form-shape-foreground-default)}nv-toggle .input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--components-form-shape-foreground-disabled)}nv-toggle .input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-toggle-width);height:var(--form-toggle-height);flex-direction:column;align-items:flex-start;border-radius:var(--form-toggle-radius);border-width:var(--form-toggle-border-width);border-style:solid;border-color:var(--components-toggle-border-default);background:var(--components-toggle-background-default)}nv-toggle .input-container input[type=checkbox]::after{content:"";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-toggle-shape-default);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:25%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:hover{border-color:var(--components-toggle-border-hover)}nv-toggle .input-container input[type=checkbox]:hover::after{background-color:var(--components-toggle-shape-hover)}nv-toggle .input-container input[type=checkbox]:focus{border-color:var(--components-toggle-border-default)}nv-toggle .input-container input[type=checkbox]:focus::after{background-color:var(--components-toggle-shape-default)}nv-toggle .input-container input[type=checkbox]:focus,nv-toggle .input-container input[type=checkbox]:focus-within{outline:none}nv-toggle .input-container input[type=checkbox]:focus-visible,nv-toggle .input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-toggle .input-container input[type=checkbox]:checked{background:var(--components-toggle-background-default-checked);border-color:var(--components-toggle-border-default-checked)}nv-toggle .input-container input[type=checkbox]:checked::after{content:"";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-toggle-shape-default-checked);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:75%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:checked:focus{background:var(--components-toggle-background-default-checked);border-color:var(--components-toggle-border-default-checked)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]){box-shadow:unset;background:var(--components-toggle-background-disabled);border-color:var(--components-toggle-border-default)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked{background:var(--components-toggle-background-disabled-checked);border-color:var(--components-toggle-border-disabled-checked)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked::after{background-color:var(--components-toggle-shape-disabled-checked)}@media print{nv-toggle .input-container input[type=checkbox]::after{content:"●";top:calc(50% - 3.5px);width:auto;height:auto;background:none;color:var(--components-toggle-border-default);font-size:calc(var(--form-toggle-switch-dot-default) * 3);line-height:1}nv-toggle .input-container input[type=checkbox]:checked{background:transparent;border-color:var(--components-toggle-border-default-checked)}nv-toggle .input-container input[type=checkbox]:checked::after{content:"●";top:calc(50% - 3.5px);width:auto;height:auto;left:75%;background:none;color:var(--components-toggle-border-default-checked)}}nv-toggle .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:450;line-height:var(--form-description-line-height)}nv-toggle .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}'}},[324,"nv-toggle",{inputId:[513,"input-id"],name:[513],value:[513],label:[513],labelPlacement:[513,"label-placement"],hideLabel:[516,"hide-label"],description:[513],checked:[1540],disabled:[516],readonly:[516]},[[0,"change","handleChange"]],{checked:[{onCheckedChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["nv-toggle"].forEach((t=>{"nv-toggle"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}d();const s=l,g=d;export{s as NvToggle,g as defineCustomElement}

package/dist/components/nv-togglebutton.js

@@ -1,91 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-C63Xpg9a.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)}";
-
-const NvTogglebutton$1 = /*@__PURE__*/ proxyCustomElement(class NvTogglebutton extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.toggled = createEvent(this, "toggled", 7);
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Determines how large or small the togglebutton appears, allowing for
-         * customization of the togglebutton's dimensions to fit different design
-         * specifications and user needs.
-         */
-        this.size = 'md';
-        /**
-         * Prevents all interaction, rendering the toggle in a non-interactive state.
-         */
-        this.disabled = false;
-        /**
-         * Whether the button is active or not. Will not toggle automatically but
-         * needs to be controlled externally.
-         */
-        this.active = false;
-        /**
-         * Make it more or less visually prominent to users.
-         */
-        this.emphasis = 'high';
-        //#endregion PROPERTIES
-        /****************************************************************************/
-        //#region METHODS
-        this.handleClick = () => {
-            if (this.disabled)
-                return;
-            this.toggled.emit({
-                value: this.value,
-                active: this.active,
-            });
-        };
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region LISTENERS
-    handleKeyDown(event) {
-        if (event.key === 'Enter' || event.key === ' ') {
-            event.preventDefault();
-            this.el.click();
-        }
-    }
-    /* eslint-enable nova/event-bubbling */
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (h(Host, { key: 'af68f5f4887be35f48bb74f15f597e7fe575b3fd', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, h("slot", { key: '624ab0edc86bf9b5686f3f99097adf82ea972764' })));
-    }
-    get el() { return this; }
-    static get style() { return nvTogglebuttonCss; }
-}, [260, "nv-togglebutton", {
-        "size": [513],
-        "value": [513],
-        "disabled": [516],
-        "active": [516],
-        "emphasis": [513]
-    }, [[0, "keydown", "handleKeyDown"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-togglebutton"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-togglebutton":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvTogglebutton$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvTogglebutton = NvTogglebutton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvTogglebutton, defineCustomElement };
-//# sourceMappingURL=nv-togglebutton.js.map
-
-//# sourceMappingURL=nv-togglebutton.js.map
+import{t,p as o,H as e,c as n,h as r,d as g}from"./p-iXsbKJzR.js";const a=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.toggled=n(this,"toggled",7),this.size="md",this.disabled=!1,this.active=!1,this.emphasis="high",this.handleClick=()=>{this.disabled||this.toggled.emit({value:this.value,active:this.active})}}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.el.click())}render(){return r(g,{key:"4af1293d9eb69a3a20d8f30c6b2876c6c29ddc03",role:"button",tabindex:"0","aria-pressed":this.active+"",onClick:this.handleClick},r("slot",{key:"783fad27c525553cd404c1ffed0ae1305d330de8"}))}get el(){return this}static get style(){return"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)}"}},[260,"nv-togglebutton",{size:[513],value:[513],disabled:[516],active:[516],emphasis:[513]},[[0,"keydown","handleKeyDown"]]]);function s(){"undefined"!=typeof customElements&&["nv-togglebutton"].forEach((o=>{"nv-togglebutton"===o&&(customElements.get(t(o))||customElements.define(t(o),a))}))}s();const i=a,l=s;export{i as NvTogglebutton,l as defineCustomElement}