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

package/dist/components/nv-breadcrumb.js

@@ -1,80 +1 @@
-import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-C63Xpg9a.js';
-import { c as clsx } from './p-ChV9xqsO.js';
-import { d as defineCustomElement$3 } from './p-B9i3m6rk.js';
-import { d as defineCustomElement$2 } from './p-BVOv1zgq.js';
-
-const nvBreadcrumbCss = "nv-breadcrumb{display:flex;align-items:center;color:var(--components-breadcrumb-text);font-size:var(--font-size-sm);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--line-height-sm)}nv-breadcrumb.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-breadcrumb ul{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-1)}nv-breadcrumb ul a,nv-breadcrumb ul button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb ul a:focus,nv-breadcrumb ul a:focus-within,nv-breadcrumb ul button:focus,nv-breadcrumb ul button:focus-within{outline:none}nv-breadcrumb ul a:focus-visible,nv-breadcrumb ul a:has(:focus-visible),nv-breadcrumb ul button:focus-visible,nv-breadcrumb ul button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3)}nv-breadcrumb ul a:hover,nv-breadcrumb ul button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb>a,nv-breadcrumb>button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb>a:focus,nv-breadcrumb>a:focus-within,nv-breadcrumb>button:focus,nv-breadcrumb>button:focus-within{outline:none}nv-breadcrumb>a:focus-visible,nv-breadcrumb>a:has(:focus-visible),nv-breadcrumb>button:focus-visible,nv-breadcrumb>button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3)}nv-breadcrumb>a:hover,nv-breadcrumb>button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb span[data-scope=separator]{display:inline-flex;padding-left:var(--breadcrumb-padding-y)}";
-
-const NvBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class NvBreadcrumb extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * The type of the breadcrumb. Use 'collapsed' to house multiple breadcrumbs
-         * in a dropdown. Use default for a single item. When passing multiple items
-         * as collapsed, make sure to wrap you links in list tags
-         */
-        this.type = 'default';
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentDidLoad() {
-        // Force a re-render to pass the popoverTrigger ref to the popovers
-        if (this.type === 'collapsed')
-            forceUpdate(this);
-    }
-    componentWillLoad() {
-        if (this.type === 'default' && this.tooltip) {
-            this.popoverTrigger = Array.from(this.el.children).find(child => child.getAttribute('slot') === null);
-        }
-    }
-    //#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" }, "/")));
-    }
-    get el() { return this; }
-    static get style() { return nvBreadcrumbCss; }
-}, [260, "nv-breadcrumb", {
-        "type": [513],
-        "tooltip": [513],
-        "current": [516]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-breadcrumb", "nv-popover", "nv-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-breadcrumb":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvBreadcrumb$1);
-            }
-            break;
-        case "nv-popover":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "nv-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvBreadcrumb = NvBreadcrumb$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvBreadcrumb, defineCustomElement };
-//# sourceMappingURL=nv-breadcrumb.js.map
-
-//# sourceMappingURL=nv-breadcrumb.js.map
+import{t as e,p as t,H as r,h as n,d as o}from"./p-iXsbKJzR.js";import{c as i}from"./p-ChV9xqsO.js";import{d as a}from"./p-BkqfOhkU.js";import{d as s}from"./p-ChRIFm7p.js";const c=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.type="default"}componentDidRender(){if("default"===this.type&&this.tooltip){const e=this.defaultSlot?.nextSibling;e&&e!==this.toolTipRef&&(this.toolTipRef.triggerElement=e)}"collapsed"===this.type&&this.popoverRef&&(this.popoverRef.triggerElement=this.popoverTrigger)}render(){return n(o,{key:"b1cf4450a7e04d6a85c21c4003f02d1c5da47792",role:"listitem","aria-current":this.current?"location":void 0,class:i({"visually-hidden":this.current})},"collapsed"===this.type?n("button",{ref:e=>this.popoverTrigger=e},"..."):n("slot",{ref:e=>this.defaultSlot=e}),this.tooltip&&n("nv-tooltip",{key:"1459581acafe9ffcc20f85cb53618ad910c9c1df",ref:e=>this.toolTipRef=e,message:this.tooltip,triggerElement:this.popoverTrigger,placement:"top"}),"collapsed"===this.type&&n("nv-popover",{key:"a49865bb2ee61632c68138f9cc3543bc4b5b0ef4",ref:e=>this.popoverRef=e,triggerMode:"click",groupName:"breadcrumbs",triggerElement:this.popoverTrigger},n("ul",{key:"4b88fa9f43a51313b6e638afdfa011a2c4770b85",slot:"content"},n("slot",{key:"abbdd94a21de5d9edccbfa4ff5f3b087b465a3ef"}))),n("span",{key:"2ab42832f8c39e5ee53498f18828ee65da4958f3","data-scope":"separator"},"/"))}get el(){return this}static get style(){return"nv-breadcrumb{display:flex;align-items:center;color:var(--components-breadcrumb-text);font-size:var(--font-size-sm);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--line-height-sm)}nv-breadcrumb.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-breadcrumb ul{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-1)}nv-breadcrumb ul a,nv-breadcrumb ul button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb ul a:focus,nv-breadcrumb ul a:focus-within,nv-breadcrumb ul button:focus,nv-breadcrumb ul button:focus-within{outline:none}nv-breadcrumb ul a:focus-visible,nv-breadcrumb ul a:has(:focus-visible),nv-breadcrumb ul button:focus-visible,nv-breadcrumb ul button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3)}nv-breadcrumb ul a:hover,nv-breadcrumb ul button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb>a,nv-breadcrumb>button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb>a:focus,nv-breadcrumb>a:focus-within,nv-breadcrumb>button:focus,nv-breadcrumb>button:focus-within{outline:none}nv-breadcrumb>a:focus-visible,nv-breadcrumb>a:has(:focus-visible),nv-breadcrumb>button:focus-visible,nv-breadcrumb>button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3)}nv-breadcrumb>a:hover,nv-breadcrumb>button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb span[data-scope=separator]{display:inline-flex;padding-left:var(--breadcrumb-padding-y)}"}},[260,"nv-breadcrumb",{type:[513],tooltip:[513],current:[516]}]);function u(){"undefined"!=typeof customElements&&["nv-breadcrumb","nv-popover","nv-tooltip"].forEach((t=>{switch(t){case"nv-breadcrumb":customElements.get(e(t))||customElements.define(e(t),c);break;case"nv-popover":customElements.get(e(t))||a();break;case"nv-tooltip":customElements.get(e(t))||s()}}))}u();const b=c,l=u;export{b as NvBreadcrumb,l as defineCustomElement}

package/dist/components/nv-breadcrumbs.js

@@ -1,39 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-C63Xpg9a.js';
-
-const nvBreadcrumbsCss = "nv-breadcrumbs{display:block}nv-breadcrumbs>ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--breadcrumb-padding-y)}nv-breadcrumbs nv-breadcrumb:last-child [data-scope=separator],nv-breadcrumbs nv-breadcrumb:last-child [slot=separator]{display:none}";
-
-const NvBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class NvBreadcrumbs extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    //#region RENDER
-    render() {
-        return (h(Host, { key: '4337fe5161c0ce444001e1b92221f3adac26e4bf', role: "navigation", "aria-label": "breadcrumbs" }, h("ol", { key: '00d470eadfe879be525a4a4b7ec3368601a0697c' }, h("slot", { key: '2d012f152b49f33f399aa14dfb18a4c39265128c' }))));
-    }
-    static get style() { return nvBreadcrumbsCss; }
-}, [260, "nv-breadcrumbs"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-breadcrumbs"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-breadcrumbs":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvBreadcrumbs$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvBreadcrumbs = NvBreadcrumbs$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvBreadcrumbs, defineCustomElement };
-//# sourceMappingURL=nv-breadcrumbs.js.map
-
-//# sourceMappingURL=nv-breadcrumbs.js.map
+import{t as e,p as r,H as a,h as s,d as t}from"./p-iXsbKJzR.js";const c=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return s(t,{key:"4337fe5161c0ce444001e1b92221f3adac26e4bf",role:"navigation","aria-label":"breadcrumbs"},s("slot",{key:"03ea061b013a5fc927b0f7edca68195d0b01de2d"}))}static get style(){return"nv-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--breadcrumb-padding-y)}nv-breadcrumbs nv-breadcrumb:last-child [data-scope=separator],nv-breadcrumbs nv-breadcrumb:last-child [slot=separator]{display:none}"}},[260,"nv-breadcrumbs"]);function n(){"undefined"!=typeof customElements&&["nv-breadcrumbs"].forEach((r=>{"nv-breadcrumbs"===r&&(customElements.get(e(r))||customElements.define(e(r),c))}))}n();const b=c,d=n;export{b as NvBreadcrumbs,d as defineCustomElement}

package/dist/components/nv-button.js

@@ -1,9 +1 @@
-import { N as NvButton$1, d as defineCustomElement$1 } from './p-B45HbBWe.js';
-
-const NvButton = NvButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvButton, defineCustomElement };
-//# sourceMappingURL=nv-button.js.map
-
-//# sourceMappingURL=nv-button.js.map
+import{N as o,d as s}from"./p-Cq5FI49y.js";const p=o,r=s;export{p as NvButton,r as defineCustomElement}

package/dist/components/nv-buttongroup.js

@@ -1,223 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-C63Xpg9a.js';
-
-/**
- * Utility functions for nv-buttongroup.
- */
-/**
- * Recursively finds the first button or link element within a container
- * @param {HTMLElement} element - The HTML element to search within
- * @returns {HTMLElement | null} The first button or link element found, or null if none exists
- */
-function findFirstButtonOrLink(element) {
-    // Check if the element itself is a button or link
-    const tagName = element.tagName.toLowerCase();
-    if (tagName === 'nv-button' ||
-        tagName === 'nv-iconbutton' ||
-        tagName === 'a') {
-        return element;
-    }
-    // Recursively search through children
-    for (const child of Array.from(element.children)) {
-        const found = findFirstButtonOrLink(child);
-        if (found) {
-            return found;
-        }
-    }
-    return null;
-}
-/**
- * Forwards the buttongroup properties to all child elements
- * @param {HTMLElement} containerElement - The container element containing the buttons
- * @param {object} props - The properties to forward to children
- * @param {string} props.size - The size property to apply
- * @param {string} props.emphasis - The emphasis property to apply
- * @param {boolean} props.fluid - Whether the buttons should be fluid
- */
-function forwardPropsToChildren(containerElement, props) {
-    const children = Array.from(containerElement.children);
-    const buttonElements = [];
-    // Find the first button or link in each direct child
-    children.forEach(child => {
-        const buttonOrLink = findFirstButtonOrLink(child);
-        if (buttonOrLink) {
-            buttonElements.push(buttonOrLink);
-        }
-    });
-    buttonElements.forEach(element => {
-        element.classList.remove('first', 'last', 'group-item');
-    });
-    // Apply properties and positional classes to found elements
-    buttonElements.forEach((element, index) => {
-        const isFirst = index === 0;
-        const isLast = index === buttonElements.length - 1;
-        const tagName = element.tagName.toLowerCase();
-        // Add positional classes
-        if (isFirst) {
-            element.classList.add('first');
-        }
-        if (isLast) {
-            element.classList.add('last');
-        }
-        // Add group item classes
-        element.classList.add('group-item');
-        // Forward props to nv-button elements
-        if (tagName === 'nv-button' || tagName === 'nv-iconbutton') {
-            element.setAttribute('size', props.size);
-            element.setAttribute('emphasis', props.emphasis);
-            if (props.fluid) {
-                element.setAttribute('fluid', '');
-            }
-            else {
-                element.removeAttribute('fluid');
-            }
-        }
-        // Forward props to anchor elements by adding CSS classes
-        if (tagName === 'a') {
-            element.classList.add('nv-button');
-            element.classList.add(`size-${props.size}`);
-            element.classList.add(`emphasis-${props.emphasis}`);
-            if (props.fluid) {
-                element.classList.add('fluid');
-            }
-            else {
-                element.classList.remove('fluid');
-            }
-        }
-    });
-}
-
-const nvButtongroupCss = "nv-buttongroup{display:flex}nv-buttongroup[emphasis=high]{gap:1px}nv-buttongroup[emphasis=low] .group-item,nv-buttongroup[emphasis=low] .group-item:hover{border:1px solid var(--components-button-low-text)}nv-buttongroup[emphasis=lower] .group-item,nv-buttongroup[emphasis=lower] .group-item:hover{border:1px solid var(--components-button-lower-text)}nv-buttongroup:not([orientation=vertical]) .group-item:not(.last):not(.first){border-radius:0}nv-buttongroup:not([orientation=vertical]) .group-item.first{border-top-right-radius:0;border-bottom-right-radius:0}nv-buttongroup:not([orientation=vertical]) .group-item.last{border-top-left-radius:0;border-bottom-left-radius:0}nv-buttongroup:not([orientation=vertical])[emphasis=medium] .group-item:not(.last){border-right:none}nv-buttongroup:not([orientation=vertical])[emphasis=low] .group-item:not(.last){border-right:none}nv-buttongroup:not([orientation=vertical])[emphasis=low] .group-item:not(.first){border-left:none}nv-buttongroup:not([orientation=vertical])[emphasis=lower] .group-item:not(.last){border-right:none}nv-buttongroup:not([orientation=vertical])[emphasis=lower] .group-item:not(.first){border-left:none}nv-buttongroup[orientation=vertical]{flex-direction:column;align-items:stretch;width:fit-content}nv-buttongroup[orientation=vertical] .group-item{width:unset;display:flex}nv-buttongroup[orientation=vertical] .group-item:not(.last):not(.first){border-radius:0}nv-buttongroup[orientation=vertical] .group-item.first{border-bottom-left-radius:0;border-bottom-right-radius:0}nv-buttongroup[orientation=vertical] .group-item.last{border-top-left-radius:0;border-top-right-radius:0}nv-buttongroup[orientation=vertical][emphasis=medium] .group-item:not(.last){border-bottom:none}nv-buttongroup[orientation=vertical][emphasis=low] .group-item:not(.last){border-bottom:none}nv-buttongroup[orientation=vertical][emphasis=low] .group-item:not(.first){border-top:none}nv-buttongroup[orientation=vertical][emphasis=lower] .group-item:not(.last){border-bottom:none}nv-buttongroup[orientation=vertical][emphasis=lower] .group-item:not(.first){border-top:none}";
-
-const NvButtongroup$1 = /*@__PURE__*/ proxyCustomElement(class NvButtongroup extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Determines how large or small all the buttons appear, allowing for
-         * customization of the button's dimensions to fit different design
-         * specifications and user needs.
-         */
-        this.size = 'md';
-        /**
-         * Adjusts the emphasis of all the buttons to make it more or less visually
-         * prominent to users. Use this to draw attention to important actions or
-         * reduce focus on less critical ones
-         */
-        this.emphasis = 'medium';
-        /**
-         * Allows the button group to stretch and fill the entire width of its
-         * container.
-         */
-        this.fluid = false;
-        /**
-         * Determines the orientation of the button group. When enabled, the buttons
-         * are stacked vertically rather than aligned side by side.
-         */
-        this.orientation = 'horizontal';
-        //#endregion PROPERTIES
-        /****************************************************************************/
-        //#region METHODS
-        /**
-         * Forwards the buttongroup properties to all child elements
-         */
-        this.forwardPropsToChildren = () => {
-            forwardPropsToChildren(this.el, {
-                size: this.size,
-                emphasis: this.emphasis,
-                fluid: this.fluid,
-            });
-        };
-        /**
-         * Sets up the MutationObserver to watch for changes in child elements
-         */
-        this.setupMutationObserver = () => {
-            this.mutationObserver = new MutationObserver(mutations => {
-                mutations.forEach(mutation => {
-                    if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
-                        // Forward props to all children when changes occur
-                        this.forwardPropsToChildren();
-                    }
-                });
-            });
-            this.mutationObserver.observe(this.el, {
-                childList: true,
-                subtree: true,
-            });
-        };
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region WATCHERS
-    onEmphasisChange() {
-        this.forwardPropsToChildren();
-    }
-    onSizeChange() {
-        this.forwardPropsToChildren();
-    }
-    onFluidChange() {
-        this.forwardPropsToChildren();
-    }
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        this.forwardPropsToChildren();
-        this.setupMutationObserver();
-    }
-    disconnectedCallback() {
-        if (this.mutationObserver) {
-            this.mutationObserver.disconnect();
-        }
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region EVENTS
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (h(Host, { key: 'd0322897a0312e7b55b087e4abfc94fcaf9f7747' }, h("slot", { key: '70afccf10fe728482096d3fce42083e9931e06bd' })));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "emphasis": ["onEmphasisChange"],
-        "size": ["onSizeChange"],
-        "fluid": ["onFluidChange"]
-    }; }
-    static get style() { return nvButtongroupCss; }
-}, [260, "nv-buttongroup", {
-        "size": [513],
-        "emphasis": [513],
-        "fluid": [516],
-        "orientation": [513]
-    }, undefined, {
-        "emphasis": ["onEmphasisChange"],
-        "size": ["onSizeChange"],
-        "fluid": ["onFluidChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-buttongroup"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-buttongroup":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvButtongroup$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvButtongroup = NvButtongroup$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvButtongroup, defineCustomElement };
-//# sourceMappingURL=nv-buttongroup.js.map
-
-//# sourceMappingURL=nv-buttongroup.js.map
+import{t,p as o,H as n,h as i,d as e}from"./p-iXsbKJzR.js";function r(t){const o=t.tagName.toLowerCase();if("nv-button"===o||"nv-iconbutton"===o||"a"===o)return t;for(const o of Array.from(t.children)){const t=r(o);if(t)return t}return null}function s(t,o){const n=Array.from(t.children),i=[];n.forEach((t=>{const o=r(t);o&&i.push(o)})),i.forEach((t=>{t.classList.remove("first","last","group-item")})),i.forEach(((t,n)=>{const e=0===n,r=n===i.length-1,s=t.tagName.toLowerCase();e&&t.classList.add("first"),r&&t.classList.add("last"),t.classList.add("group-item"),"nv-button"!==s&&"nv-iconbutton"!==s||(t.setAttribute("size",o.size),t.setAttribute("emphasis",o.emphasis),o.fluid?t.setAttribute("fluid",""):t.removeAttribute("fluid")),"a"===s&&(t.classList.add("nv-button"),t.classList.add("size-"+o.size),t.classList.add("emphasis-"+o.emphasis),o.fluid?t.classList.add("fluid"):t.classList.remove("fluid"))}))}const u=o(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.size="md",this.emphasis="medium",this.fluid=!1,this.orientation="horizontal",this.forwardPropsToChildren=()=>{s(this.el,{size:this.size,emphasis:this.emphasis,fluid:this.fluid})},this.setupMutationObserver=()=>{this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{"childList"===t.type&&t.addedNodes.length>0&&this.forwardPropsToChildren()}))})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0})}}onEmphasisChange(){this.forwardPropsToChildren()}onSizeChange(){this.forwardPropsToChildren()}onFluidChange(){this.forwardPropsToChildren()}componentWillLoad(){this.forwardPropsToChildren(),this.setupMutationObserver()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}render(){return i(e,{key:"69c273e6d25e9dfd3b60d35b4c34d9fa331f5a02"},i("slot",{key:"2ee4b40f9b2026099e49a14705fdff72255ef777"}))}get el(){return this}static get watchers(){return{emphasis:[{onEmphasisChange:0}],size:[{onSizeChange:0}],fluid:[{onFluidChange:0}]}}static get style(){return"nv-buttongroup{display:flex}nv-buttongroup[emphasis=high]{gap:1px}nv-buttongroup[emphasis=low] .group-item,nv-buttongroup[emphasis=low] .group-item:hover{border:1px solid var(--components-button-low-text)}nv-buttongroup[emphasis=lower] .group-item,nv-buttongroup[emphasis=lower] .group-item:hover{border:1px solid var(--components-button-lower-text)}nv-buttongroup:not([orientation=vertical]) .group-item:not(.last):not(.first){border-radius:0}nv-buttongroup:not([orientation=vertical]) .group-item.first{border-top-right-radius:0;border-bottom-right-radius:0}nv-buttongroup:not([orientation=vertical]) .group-item.last{border-top-left-radius:0;border-bottom-left-radius:0}nv-buttongroup:not([orientation=vertical])[emphasis=medium] .group-item:not(.last){border-right:none}nv-buttongroup:not([orientation=vertical])[emphasis=low] .group-item:not(.last){border-right:none}nv-buttongroup:not([orientation=vertical])[emphasis=low] .group-item:not(.first){border-left:none}nv-buttongroup:not([orientation=vertical])[emphasis=lower] .group-item:not(.last){border-right:none}nv-buttongroup:not([orientation=vertical])[emphasis=lower] .group-item:not(.first){border-left:none}nv-buttongroup[orientation=vertical]{flex-direction:column;align-items:stretch;width:fit-content}nv-buttongroup[orientation=vertical] .group-item{width:unset;display:flex}nv-buttongroup[orientation=vertical] .group-item:not(.last):not(.first){border-radius:0}nv-buttongroup[orientation=vertical] .group-item.first{border-bottom-left-radius:0;border-bottom-right-radius:0}nv-buttongroup[orientation=vertical] .group-item.last{border-top-left-radius:0;border-top-right-radius:0}nv-buttongroup[orientation=vertical][emphasis=medium] .group-item:not(.last){border-bottom:none}nv-buttongroup[orientation=vertical][emphasis=low] .group-item:not(.last){border-bottom:none}nv-buttongroup[orientation=vertical][emphasis=low] .group-item:not(.first){border-top:none}nv-buttongroup[orientation=vertical][emphasis=lower] .group-item:not(.last){border-bottom:none}nv-buttongroup[orientation=vertical][emphasis=lower] .group-item:not(.first){border-top:none}"}},[260,"nv-buttongroup",{size:[513],emphasis:[513],fluid:[516],orientation:[513]},void 0,{emphasis:[{onEmphasisChange:0}],size:[{onSizeChange:0}],fluid:[{onFluidChange:0}]}]);function a(){"undefined"!=typeof customElements&&["nv-buttongroup"].forEach((o=>{"nv-buttongroup"===o&&(customElements.get(t(o))||customElements.define(t(o),u))}))}a();const p=u,l=a;export{p as NvButtongroup,l as defineCustomElement}

package/dist/components/nv-calendar.js

@@ -1,9 +1 @@
-import { N as NvCalendar$1, d as defineCustomElement$1 } from './p-B7VlEQVW.js';
-
-const NvCalendar = NvCalendar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvCalendar, defineCustomElement };
-//# sourceMappingURL=nv-calendar.js.map
-
-//# sourceMappingURL=nv-calendar.js.map
+import{N as o,d as s}from"./p-C_a7VT_H.js";const a=o,p=s;export{a as NvCalendar,p as defineCustomElement}

package/dist/components/nv-col.js

@@ -1,58 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-C63Xpg9a.js';
-import { c as clsx } from './p-ChV9xqsO.js';
-
-const nvColCss = "nv-col{display:block;flex:1 1 0%;padding-left:calc(var(--spacing-4) / 2);padding-right:calc(var(--spacing-4) / 2)}nv-col[class*=w-]{flex:none}nv-col.w-1\\/12{width:calc(100% * 1 / 12)}nv-col.w-2\\/12{width:calc(100% * 2 / 12)}nv-col.w-3\\/12{width:calc(100% * 3 / 12)}nv-col.w-4\\/12{width:calc(100% * 4 / 12)}nv-col.w-5\\/12{width:calc(100% * 5 / 12)}nv-col.w-6\\/12{width:calc(100% * 6 / 12)}nv-col.w-7\\/12{width:calc(100% * 7 / 12)}nv-col.w-8\\/12{width:calc(100% * 8 / 12)}nv-col.w-9\\/12{width:calc(100% * 9 / 12)}nv-col.w-10\\/12{width:calc(100% * 10 / 12)}nv-col.w-11\\/12{width:calc(100% * 11 / 12)}nv-col.w-12\\/12{width:calc(100% * 12 / 12)}";
-
-const NvCol$1 = /*@__PURE__*/ proxyCustomElement(class NvCol extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region METHODS
-    /**
-     * Get the column size class.
-     * @returns {string | undefined} The column size class.
-     */
-    getColSize() {
-        if (this.size) {
-            if (this.size < 1 || this.size > 12)
-                return;
-            return `w-${this.size}/12`;
-        }
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (h(Host, { key: '4fe90a1d020de9e85d32a52ccb39c8b6d8c1fc25', class: clsx(this.getColSize()) }, h("slot", { key: '5a6ad624fd7c6251b2f555c0e3bc828c0e048761' })));
-    }
-    static get style() { return nvColCss; }
-}, [260, "nv-col", {
-        "size": [514]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-col"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-col":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvCol$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvCol = NvCol$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvCol, defineCustomElement };
-//# sourceMappingURL=nv-col.js.map
-
-//# sourceMappingURL=nv-col.js.map
+import{t as c,p as t,H as l,h as n,d as s}from"./p-iXsbKJzR.js";import{c as e}from"./p-ChV9xqsO.js";const o=t(class extends l{constructor(c){super(),!1!==c&&this.__registerHost()}getColSize(){if(this.size){if(this.size<1||this.size>12)return;return`w-${this.size}/12`}}render(){return n(s,{key:"4ce8944befd5b0f0c6f5091b58e70c70e2bae91e",class:e(this.getColSize())},n("slot",{key:"43cc8bf485c918f0fdfa22aa904fec4bf94553d0"}))}static get style(){return"nv-col{display:block;flex:1 1 0%;padding-left:calc(var(--spacing-4) / 2);padding-right:calc(var(--spacing-4) / 2)}nv-col[class*=w-]{flex:none}nv-col.w-1\\/12{width:calc(100% * 1 / 12)}nv-col.w-2\\/12{width:calc(100% * 2 / 12)}nv-col.w-3\\/12{width:calc(100% * 3 / 12)}nv-col.w-4\\/12{width:calc(100% * 4 / 12)}nv-col.w-5\\/12{width:calc(100% * 5 / 12)}nv-col.w-6\\/12{width:calc(100% * 6 / 12)}nv-col.w-7\\/12{width:calc(100% * 7 / 12)}nv-col.w-8\\/12{width:calc(100% * 8 / 12)}nv-col.w-9\\/12{width:calc(100% * 9 / 12)}nv-col.w-10\\/12{width:calc(100% * 10 / 12)}nv-col.w-11\\/12{width:calc(100% * 11 / 12)}nv-col.w-12\\/12{width:calc(100% * 12 / 12)}"}},[260,"nv-col",{size:[514]}]);function i(){"undefined"!=typeof customElements&&["nv-col"].forEach((t=>{"nv-col"===t&&(customElements.get(c(t))||customElements.define(c(t),o))}))}i();const a=o,w=i;export{a as NvCol,w as defineCustomElement}