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

package/dist/components/nv-accordion.js

@@ -1,229 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-C63Xpg9a.js';
-import { d as defineCustomElement$5 } from './p-Cc7XnqPp.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 nvAccordionCss = "nv-accordion{display:block;border:var(--spacing-px) solid var(--color-content-low-border);border-radius:var(--radius-rounded-lg)}nv-accordion .nv-accordion__footer{padding:var(--spacing-3);background:var(--color-level-05-background);border-radius:0 0 var(--radius-rounded-lg) var(--radius-rounded-lg);margin-top:calc(var(--spacing-px) * -1);border-top:var(--spacing-px) solid var(--color-content-low-border)}nv-accordion .nv-accordion__footer:empty{display:none}";
-
-const NvAccordion$1 = /*@__PURE__*/ proxyCustomElement(class NvAccordion extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.openIndexesChanged = createEvent(this, "openIndexesChanged", 3);
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Data to display as a list of items (title, subtitle, content).
-         */
-        this.data = [];
-        /**
-         * Expansion mode: 'accordion' (single open) or 'multi' (multiple open)
-         */
-        this.mode = 'accordion';
-        /**
-         * Index of open items (external control possible)
-         */
-        this.openIndexes = [];
-        //#endregion PROPERTIES
-        /****************************************************************************/
-        //#region STATE
-        this.updatingFromInternal = false;
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region METHODS
-    /**
-     * Opens an item by its index (Public API)
-     * @param {number} index Index of the item to open
-     */
-    async open(index) {
-        this.toggleItem(index, true);
-    }
-    /**
-     * Closes an item by its index (Public API)
-     * @param {number} index Index of the item to close
-     */
-    async close(index) {
-        this.toggleItem(index, false);
-    }
-    /**
-     * Toggles an item's state (internal)
-     * @param {number} index Item index
-     * @param {boolean} [forceOpen] Force open (true) or close (false)
-     */
-    toggleItem(index, forceOpen) {
-        const items = Array.from(this.el.querySelectorAll('nv-accordion-item'));
-        const item = items[index];
-        if (!item || item.disabled) {
-            console.warn('[toggleItem] Item not found or disabled:', index);
-            this.openIndexesChanged.emit([...(this.openIndexes || [])]);
-            return;
-        }
-        let openIndexes = [...(this.openIndexes || [])];
-        const isOpen = openIndexes.includes(index);
-        if (this.mode === 'accordion') {
-            openIndexes =
-                forceOpen === false || (forceOpen === undefined && isOpen)
-                    ? []
-                    : [index];
-        }
-        else {
-            if (forceOpen === false) {
-                openIndexes = openIndexes.filter(i => i !== index);
-            }
-            else if (forceOpen === true && !isOpen) {
-                openIndexes.push(index);
-            }
-            else if (forceOpen === undefined) {
-                openIndexes = isOpen
-                    ? openIndexes.filter(i => i !== index)
-                    : [...openIndexes, index];
-            }
-        }
-        this.updatingFromInternal = true;
-        this.openIndexes = [...openIndexes];
-        this.updateChildrenState();
-        this.updatingFromInternal = false;
-        this.openIndexesChanged.emit([...openIndexes]);
-    }
-    /**
-     * Updates the open state of child elements based on openIndexes
-     */
-    async updateChildrenState() {
-        const items = Array.from(this.el.querySelectorAll('nv-accordion-item'));
-        items.forEach((item, i) => {
-            const shouldBeOpen = (this.openIndexes || []).includes(i);
-            item.open = shouldBeOpen;
-            item.mode = this.mode;
-            item.setAttribute('aria-expanded', shouldBeOpen ? 'true' : 'false');
-            forceUpdate(item);
-        });
-    }
-    /* eslint-disable nova/native-event-listener */
-    /**
-     * Listens to itemToggle events from nv-accordion-item elements
-     * @param {CustomEvent<boolean>} event Event emitted by nv-accordion-item
-     */
-    onItemToggle(event) {
-        event.stopPropagation();
-        if (this.updatingFromInternal) {
-            return;
-        }
-        const items = Array.from(this.el.querySelectorAll('nv-accordion-item'));
-        const targetItem = event.target;
-        const index = items.indexOf(targetItem);
-        if (index !== -1) {
-            this.toggleItem(index, event.detail);
-        }
-        else {
-            console.warn('[onItemToggle] Target item not found in items list');
-        }
-    }
-    /* eslint-enable nova/native-event-listener */
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region WATCHERS
-    onOpenIndexesChange(newValue, oldValue) {
-        if (!this.updatingFromInternal &&
-            newValue !== undefined &&
-            newValue !== oldValue) {
-            this.updateChildrenState();
-        }
-    }
-    onModeChange() {
-        this.updateChildrenState();
-    }
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        if (this.openIndexes === undefined) {
-            this.openIndexes = [];
-        }
-    }
-    async componentDidLoad() {
-        const items = Array.from(this.el.querySelectorAll('nv-accordion-item'));
-        // Only initialize openIndexes from child items if no data is provided and openIndexes is not explicitly set
-        if (!this.data?.length &&
-            (!this.openIndexes || this.openIndexes.length === 0)) {
-            const childOpenIndexes = items
-                .map((item, i) => (item.hasAttribute('open') || item.open ? i : -1))
-                .filter(i => i !== -1);
-            if (childOpenIndexes.length > 0) {
-                this.updatingFromInternal = true;
-                this.openIndexes = [...childOpenIndexes];
-                this.updatingFromInternal = false;
-                this.openIndexesChanged.emit([...this.openIndexes]);
-            }
-        }
-        // Ensure children are in sync with current openIndexes state
-        await this.updateChildrenState();
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (h(Host, { key: 'b498df032480f7b961883ad963ea1c7729e964cb', role: "list", class: "nv-accordion" }, this.data?.length ? (this.data.map((item, i) => (h("nv-accordion-item", { key: item.id ?? i, itemTitle: item.title, disabled: item.disabled, open: (this.openIndexes || []).includes(i), mode: this.mode }, item.subtitle ? (h("div", { slot: "header" }, h("div", { class: "nv-accordion-item__header-content" }, h("span", { class: "nv-accordion-item__title" }, item.title), h("span", { class: "nv-accordion-item__subtitle" }, item.subtitle)))) : null, h("div", { slot: "content" }, item.content), item.footer && h("div", { slot: "footer" }, item.footer))))) : (h("slot", null))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "openIndexes": ["onOpenIndexesChange"],
-        "mode": ["onModeChange"]
-    }; }
-    static get style() { return nvAccordionCss; }
-}, [260, "nv-accordion", {
-        "data": [16],
-        "mode": [513],
-        "openIndexes": [1040],
-        "updatingFromInternal": [32],
-        "open": [64],
-        "close": [64]
-    }, [[0, "itemToggle", "onItemToggle"]], {
-        "openIndexes": ["onOpenIndexesChange"],
-        "mode": ["onModeChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-accordion", "nv-accordion-item", "nv-icon", "nv-iconbutton", "nv-loader"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-accordion":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvAccordion$1);
-            }
-            break;
-        case "nv-accordion-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            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 NvAccordion = NvAccordion$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvAccordion, defineCustomElement };
-//# sourceMappingURL=nv-accordion.js.map
-
-//# sourceMappingURL=nv-accordion.js.map
+import{t as o,p as e,H as t,c as n,f as s,h as i,d as r}from"./p-iXsbKJzR.js";import{d as a}from"./p-CPjfMClF.js";import{d as c}from"./p-Bg-b6OWh.js";import{d}from"./p-C6LzzMQm.js";import{d as l}from"./p-tJDdN0lo.js";const h=e(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.openIndexesChanged=n(this,"openIndexesChanged",3),this.data=[],this.mode="accordion",this.openIndexes=[],this.updatingFromInternal=!1}async open(o){this.toggleItem(o,!0)}async close(o){this.toggleItem(o,!1)}toggleItem(o,e){const t=Array.from(this.el.querySelectorAll("nv-accordion-item"))[o];if(!t||t.disabled)return console.warn("[toggleItem] Item not found or disabled:",o),void this.openIndexesChanged.emit([...this.openIndexes||[]]);let n=[...this.openIndexes||[]];const s=n.includes(o);"accordion"===this.mode?n=!1===e||void 0===e&&s?[]:[o]:!1===e?n=n.filter((e=>e!==o)):!0!==e||s?void 0===e&&(n=s?n.filter((e=>e!==o)):[...n,o]):n.push(o),this.updatingFromInternal=!0,this.openIndexes=[...n],this.updateChildrenState(),this.updatingFromInternal=!1,this.openIndexesChanged.emit([...n])}async updateChildrenState(){Array.from(this.el.querySelectorAll("nv-accordion-item")).forEach(((o,e)=>{const t=(this.openIndexes||[]).includes(e);o.open=t,o.mode=this.mode,o.setAttribute("aria-expanded",t?"true":"false"),s(o)}))}onItemToggle(o){if(o.stopPropagation(),this.updatingFromInternal)return;const e=Array.from(this.el.querySelectorAll("nv-accordion-item")).indexOf(o.target);-1!==e?this.toggleItem(e,o.detail):console.warn("[onItemToggle] Target item not found in items list")}onOpenIndexesChange(o,e){this.updatingFromInternal||void 0===o||o===e||this.updateChildrenState()}onModeChange(){this.updateChildrenState()}componentWillLoad(){void 0===this.openIndexes&&(this.openIndexes=[])}async componentDidLoad(){const o=Array.from(this.el.querySelectorAll("nv-accordion-item"));if(!(this.data?.length||this.openIndexes&&0!==this.openIndexes.length)){const e=o.map(((o,e)=>o.hasAttribute("open")||o.open?e:-1)).filter((o=>-1!==o));e.length>0&&(this.updatingFromInternal=!0,this.openIndexes=[...e],this.updatingFromInternal=!1,this.openIndexesChanged.emit([...this.openIndexes]))}await this.updateChildrenState()}render(){return i(r,{key:"20a8663e2ff17d685423567ee2ff29b96d4ddef2",role:"list",class:"nv-accordion"},this.data?.length?this.data.map(((o,e)=>i("nv-accordion-item",{key:o.id??e,itemTitle:o.title,disabled:o.disabled,open:(this.openIndexes||[]).includes(e),mode:this.mode},o.subtitle?i("div",{slot:"header"},i("div",{class:"nv-accordion-item__header-content"},i("span",{class:"nv-accordion-item__title"},o.title),i("span",{class:"nv-accordion-item__subtitle"},o.subtitle))):null,i("div",{slot:"content"},o.content),o.footer&&i("div",{slot:"footer"},o.footer)))):i("slot",null))}get el(){return this}static get watchers(){return{openIndexes:[{onOpenIndexesChange:0}],mode:[{onModeChange:0}]}}static get style(){return"nv-accordion{display:block;border:var(--spacing-px) solid var(--color-content-low-border);border-radius:var(--radius-rounded-lg)}nv-accordion .nv-accordion__footer{padding:var(--spacing-3);background:var(--color-level-05-background);border-radius:0 0 var(--radius-rounded-lg) var(--radius-rounded-lg);margin-top:calc(var(--spacing-px) * -1);border-top:var(--spacing-px) solid var(--color-content-low-border)}nv-accordion .nv-accordion__footer:empty{display:none}"}},[260,"nv-accordion",{data:[16],mode:[513],openIndexes:[1040],updatingFromInternal:[32],open:[64],close:[64]},[[0,"itemToggle","onItemToggle"]],{openIndexes:[{onOpenIndexesChange:0}],mode:[{onModeChange:0}]}]);function m(){"undefined"!=typeof customElements&&["nv-accordion","nv-accordion-item","nv-icon","nv-iconbutton","nv-loader"].forEach((e=>{switch(e){case"nv-accordion":customElements.get(o(e))||customElements.define(o(e),h);break;case"nv-accordion-item":customElements.get(o(e))||a();break;case"nv-icon":customElements.get(o(e))||c();break;case"nv-iconbutton":customElements.get(o(e))||d();break;case"nv-loader":customElements.get(o(e))||l()}}))}m();const p=h,v=m;export{p as NvAccordion,v as defineCustomElement}

package/dist/components/nv-alert.js

@@ -1,211 +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 { F as FeedbackColors } from './p-BReL3Lsa.js';
-import { u as useCollapse } from './p-D1C_pu0E.js';
-import { u as useFade } from './p-9xYwU7ku.js';
-import './p-Dz1GUhVy.js';
-import { t as timeline } from './p-CgHCo_Ho.js';
-import { d as defineCustomElement$2 } from './p-nfYynlVq.js';
-
-const nvAlertCss = "nv-alert{display:flex !important;align-items:flex-start;position:relative;gap:var(--alert-gap-x);border-radius:var(--alert-radius);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif}nv-alert>nv-icon{margin-left:var(--alert-icon-position-x);margin-top:var(--alert-icon-position-y)}nv-alert.hidden{display:none !important}nv-alert.feedback-information{background-color:var(--components-alert-information-background);border:1px solid var(--components-alert-information-border) !important}nv-alert.feedback-information>.close:focus,nv-alert.feedback-information>.close:focus-within{outline:none}nv-alert.feedback-information>.close:focus-visible,nv-alert.feedback-information>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-warning{background-color:var(--components-alert-warning-background);border:1px solid var(--components-alert-warning-border) !important}nv-alert.feedback-warning>.close:focus,nv-alert.feedback-warning>.close:focus-within{outline:none}nv-alert.feedback-warning>.close:focus-visible,nv-alert.feedback-warning>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-error{background-color:var(--components-alert-error-background);border:1px solid var(--components-alert-error-border) !important}nv-alert.feedback-error>.close:focus,nv-alert.feedback-error>.close:focus-within{outline:none}nv-alert.feedback-error>.close:focus-visible,nv-alert.feedback-error>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-success{background-color:var(--components-alert-success-background);border:1px solid var(--components-alert-success-border) !important}nv-alert.feedback-success>.close:focus,nv-alert.feedback-success>.close:focus-within{outline:none}nv-alert.feedback-success>.close:focus-visible,nv-alert.feedback-success>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-neutral{background-color:var(--components-alert-neutral-background);border:1px solid var(--components-alert-neutral-border) !important}nv-alert.feedback-neutral>.close:focus,nv-alert.feedback-neutral>.close:focus-within{outline:none}nv-alert.feedback-neutral>.close:focus-visible,nv-alert.feedback-neutral>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert>nv-icon.icon-information{color:var(--components-alert-information-icon)}nv-alert>nv-icon.icon-warning{color:var(--components-alert-warning-icon)}nv-alert>nv-icon.icon-error{color:var(--components-alert-error-icon)}nv-alert>nv-icon.icon-success{color:var(--components-alert-success-icon)}nv-alert>nv-icon.icon-neutral{color:var(--components-alert-neutral-icon)}nv-alert>.content{display:flex;padding:var(--alert-padding);padding-right:calc(var(--alert-padding) + var(--spacing-5) + var(--spacing-1));padding-left:0;flex-direction:column;gap:var(--alert-gap-y)}nv-alert>.content>.heading{color:var(--components-alert-content-title);font-size:var(--alert-heading-font-size);line-height:var(--alert-heading-line-height);font-weight:var(--alert-heading-font-weight)}nv-alert>.content>.message{color:var(--components-alert-content-description);font-size:var(--alert-message-font-size);line-height:var(--alert-message-line-height)}nv-alert>.close{border-radius:var(--alert-radius);position:absolute;display:flex;top:var(--alert-icon-position-y);right:var(--alert-icon-position-x);padding:0;border:none;background:none;cursor:pointer}";
-
-const NvAlert$1 = /*@__PURE__*/ proxyCustomElement(class NvAlert extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.hiddenChanged = createEvent(this, "hiddenChanged", 3);
-        this.hiddenChangedComplete = createEvent(this, "hiddenChangedComplete", 3);
-        this.closeClicked = createEvent(this, "closeClicked", 3);
-        //#endregion DEPRECATED
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Specifies the alert type which determines the color and default icon.
-         */
-        this.feedback = 'information';
-        /**
-         * Allows the alert to be dismissed via a close button (x). The alert is not
-         * dismissible unless explicitly enabled.
-         */
-        this.dismissible = false;
-        /**
-         * When true, the alert does not automatically close upon dismissing.
-         * Useful for externally controlled component behavior.
-         */
-        this.preventAutoClose = false;
-        /**
-         * Controls the visibility of the alert. Will animate with fade and collapse.
-         */
-        this.hidden = false; // eslint-disable-line @stencil-community/reserved-member-names
-        /**
-         * When true, the alert will not animate when it is hidden or shown.
-         */
-        this.hasNoAnimations = false;
-        //#endregion WATCHERS
-        /****************************************************************************/
-        //#region METHODS
-        /**
-         * Handles the dismissal of the alert, considering the preventAutoClose prop.
-         * Passes the original event from the close button to the close event detail.
-         * @param {MouseEvent} originalEvent - The original event from the close button.
-         */
-        this.handleDismiss = () => {
-            if (!this.preventAutoClose) {
-                this.hidden = true;
-            }
-            this.closeClicked.emit();
-        };
-        /**
-         * By default an icon is linked to the feedback type
-         * @returns {string} - The default icon name.
-         */
-        this.getDefaultIcon = () => {
-            switch (this.feedback) {
-                case FeedbackColors.Warning:
-                    return 'alert-circle';
-                case FeedbackColors.Information:
-                    return 'info-circle';
-                case FeedbackColors.Success:
-                    return 'circle-check';
-                case FeedbackColors.Error:
-                    return 'alert-circle';
-                case FeedbackColors.Neutral:
-                    return 'help';
-                default:
-                    return 'info-circle';
-            }
-        };
-    }
-    componentWillRender() {
-        if (this.color) {
-            switch (this.color) {
-                case 'primary':
-                    this.feedback = 'warning';
-                    break;
-                case 'secondary':
-                    this.feedback = 'information';
-                    break;
-                case 'neutral':
-                    this.feedback = 'information';
-                    break;
-                default:
-                    this.feedback = this.color;
-            }
-        }
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region WATCHERS
-    /**
-     * Used for 2 way binding with the hidden property.
-     * Triggers open and close animations.
-     * @param {boolean} hidden - The visibility state of the alert.
-     */
-    async handleHiddenChange(hidden) {
-        this.hiddenChanged.emit(hidden);
-        await this.updateVisibility(hidden);
-        this.hiddenChangedComplete.emit(hidden);
-    }
-    /**
-     * Updates the visibility state of the alert with optional animations
-     * @param {boolean} hidden - Whether the alert should be hidden
-     */
-    async updateVisibility(hidden) {
-        if (this.hasNoAnimations) {
-            this.toggleHiddenClass(hidden);
-            return;
-        }
-        const { fadeIn, fadeOut } = useFade(this.el, { duration: 150 });
-        const { collapse, expand } = useCollapse(this.el, { duration: 250 });
-        if (hidden) {
-            await timeline(fadeOut, collapse).start();
-            this.toggleHiddenClass(true);
-        }
-        else {
-            this.toggleHiddenClass(false);
-            await timeline(expand, fadeIn).start();
-        }
-    }
-    /**
-     * Toggles the 'hidden' class on the element
-     * @param {boolean} hidden - Whether to add or remove the hidden class
-     */
-    toggleHiddenClass(hidden) {
-        this.el.classList.toggle('hidden', hidden);
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        if (this.color) {
-            switch (this.color) {
-                case 'primary':
-                    this.feedback = 'warning';
-                    break;
-                case 'secondary':
-                    this.feedback = 'information';
-                    break;
-                case 'neutral':
-                    this.feedback = 'information';
-                    break;
-                default:
-                    this.feedback = this.color;
-            }
-        }
-        if (this.hidden) {
-            this.el.classList.add('hidden');
-        }
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (h(Host, { key: '2c89126ecbdca5e8df9c0541a4e312d2dc8a9fb3', role: "alert", class: clsx('root', `feedback-${this.feedback}`) }, h("nv-icon", { key: '3aa514682ac670d81c7c88fa8b9b6f02e2761c45', name: this.icon ?? this.getDefaultIcon(), class: `icon-${this.feedback}`, size: "md" }), h("div", { key: '5049bdb9d17b9ef07e15554631cc8fbd557e4b22', class: "content" }, this.heading && h("p", { key: '3faaa7e738f484f2f7dc543866eadaa861c0709b', class: "heading" }, this.heading), this.message && h("p", { key: 'abd16d9cb5bc2f28e63c534e8f9f2169e511df2f', class: "message" }, this.message), h("slot", { key: '0b14b616a7e6665f903f0aa6c32f706b0aa8bd27' })), this.dismissible && (h("button", { key: '5d35998aac73ea82ef06e1d083597a7677c0cd70', class: "close", type: "button", onClick: this.handleDismiss }, h("nv-icon", { key: '3088178c1152525a400d116ac07ce372dadd420b', name: "x", size: "sm" })))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "hidden": ["handleHiddenChange"]
-    }; }
-    static get style() { return nvAlertCss; }
-}, [260, "nv-alert", {
-        "color": [513],
-        "feedback": [1537],
-        "message": [513],
-        "heading": [513],
-        "icon": [513],
-        "dismissible": [516],
-        "preventAutoClose": [516, "prevent-auto-close"],
-        "hidden": [1540],
-        "hasNoAnimations": [516, "has-no-animations"]
-    }, undefined, {
-        "hidden": ["handleHiddenChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-alert", "nv-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-alert":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvAlert$1);
-            }
-            break;
-        case "nv-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvAlert = NvAlert$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvAlert, defineCustomElement };
-//# sourceMappingURL=nv-alert.js.map
-
-//# sourceMappingURL=nv-alert.js.map
+import{t as e,p as a,H as o,c as n,h as t,d as r}from"./p-iXsbKJzR.js";import{c as s}from"./p-ChV9xqsO.js";import{F as i}from"./p-BReL3Lsa.js";import{u as c}from"./p-D1C_pu0E.js";import{u as l}from"./p-9xYwU7ku.js";import"./p-Dz1GUhVy.js";import{t as d}from"./p-CgHCo_Ho.js";import{d as f}from"./p-Bg-b6OWh.js";const u=a(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.hiddenChanged=n(this,"hiddenChanged",3),this.hiddenChangedComplete=n(this,"hiddenChangedComplete",3),this.closeClicked=n(this,"closeClicked",3),this.feedback="information",this.dismissible=!1,this.preventAutoClose=!1,this.hidden=!1,this.hasNoAnimations=!1,this.handleDismiss=()=>{this.preventAutoClose||(this.hidden=!0),this.closeClicked.emit()},this.getDefaultIcon=()=>{switch(this.feedback){case i.Warning:return"alert-circle";case i.Information:return"info-circle";case i.Success:return"circle-check";case i.Error:return"alert-circle";case i.Neutral:return"help";default:return"info-circle"}}}componentWillRender(){if(this.color)switch(this.color){case"primary":this.feedback="warning";break;case"secondary":case"neutral":this.feedback="information";break;default:this.feedback=this.color}}async handleHiddenChange(e){this.hiddenChanged.emit(e),await this.updateVisibility(e),this.hiddenChangedComplete.emit(e)}async updateVisibility(e){if(this.hasNoAnimations)return void this.toggleHiddenClass(e);const{fadeIn:a,fadeOut:o}=l(this.el,{duration:150}),{collapse:n,expand:t}=c(this.el,{duration:250});e?(await d(o,n).start(),this.toggleHiddenClass(!0)):(this.toggleHiddenClass(!1),await d(t,a).start())}toggleHiddenClass(e){this.el.classList.toggle("hidden",e)}componentWillLoad(){if(this.color)switch(this.color){case"primary":this.feedback="warning";break;case"secondary":case"neutral":this.feedback="information";break;default:this.feedback=this.color}this.hidden&&this.el.classList.add("hidden")}render(){return t(r,{key:"2c89126ecbdca5e8df9c0541a4e312d2dc8a9fb3",role:"alert",class:s("root","feedback-"+this.feedback)},t("nv-icon",{key:"3aa514682ac670d81c7c88fa8b9b6f02e2761c45",name:this.icon??this.getDefaultIcon(),class:"icon-"+this.feedback,size:"md"}),t("div",{key:"5049bdb9d17b9ef07e15554631cc8fbd557e4b22",class:"content"},this.heading&&t("p",{key:"3faaa7e738f484f2f7dc543866eadaa861c0709b",class:"heading"},this.heading),this.message&&t("p",{key:"abd16d9cb5bc2f28e63c534e8f9f2169e511df2f",class:"message"},this.message),t("slot",{key:"0b14b616a7e6665f903f0aa6c32f706b0aa8bd27"})),this.dismissible&&t("button",{key:"5d35998aac73ea82ef06e1d083597a7677c0cd70",class:"close",type:"button",onClick:this.handleDismiss},t("nv-icon",{key:"3088178c1152525a400d116ac07ce372dadd420b",name:"x",size:"sm"})))}get el(){return this}static get watchers(){return{hidden:[{handleHiddenChange:0}]}}static get style(){return"nv-alert{display:flex !important;align-items:flex-start;position:relative;gap:var(--alert-gap-x);border-radius:var(--alert-radius);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif}nv-alert>nv-icon{margin-left:var(--alert-icon-position-x);margin-top:var(--alert-icon-position-y)}nv-alert.hidden{display:none !important}nv-alert.feedback-information{background-color:var(--components-alert-information-background);border:1px solid var(--components-alert-information-border) !important}nv-alert.feedback-information>.close:focus,nv-alert.feedback-information>.close:focus-within{outline:none}nv-alert.feedback-information>.close:focus-visible,nv-alert.feedback-information>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-warning{background-color:var(--components-alert-warning-background);border:1px solid var(--components-alert-warning-border) !important}nv-alert.feedback-warning>.close:focus,nv-alert.feedback-warning>.close:focus-within{outline:none}nv-alert.feedback-warning>.close:focus-visible,nv-alert.feedback-warning>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-error{background-color:var(--components-alert-error-background);border:1px solid var(--components-alert-error-border) !important}nv-alert.feedback-error>.close:focus,nv-alert.feedback-error>.close:focus-within{outline:none}nv-alert.feedback-error>.close:focus-visible,nv-alert.feedback-error>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-success{background-color:var(--components-alert-success-background);border:1px solid var(--components-alert-success-border) !important}nv-alert.feedback-success>.close:focus,nv-alert.feedback-success>.close:focus-within{outline:none}nv-alert.feedback-success>.close:focus-visible,nv-alert.feedback-success>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-neutral{background-color:var(--components-alert-neutral-background);border:1px solid var(--components-alert-neutral-border) !important}nv-alert.feedback-neutral>.close:focus,nv-alert.feedback-neutral>.close:focus-within{outline:none}nv-alert.feedback-neutral>.close:focus-visible,nv-alert.feedback-neutral>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert>nv-icon.icon-information{color:var(--components-alert-information-icon)}nv-alert>nv-icon.icon-warning{color:var(--components-alert-warning-icon)}nv-alert>nv-icon.icon-error{color:var(--components-alert-error-icon)}nv-alert>nv-icon.icon-success{color:var(--components-alert-success-icon)}nv-alert>nv-icon.icon-neutral{color:var(--components-alert-neutral-icon)}nv-alert>.content{display:flex;padding:var(--alert-padding);padding-right:calc(var(--alert-padding) + var(--spacing-5) + var(--spacing-1));padding-left:0;flex-direction:column;gap:var(--alert-gap-y)}nv-alert>.content>.heading{color:var(--components-alert-content-title);font-size:var(--alert-heading-font-size);line-height:var(--alert-heading-line-height);font-weight:var(--alert-heading-font-weight)}nv-alert>.content>.message{color:var(--components-alert-content-description);font-size:var(--alert-message-font-size);line-height:var(--alert-message-line-height)}nv-alert>.close{border-radius:var(--alert-radius);position:absolute;display:flex;top:var(--alert-icon-position-y);right:var(--alert-icon-position-x);padding:0;border:none;background:none;cursor:pointer}"}},[260,"nv-alert",{color:[513],feedback:[1537],message:[513],heading:[513],icon:[513],dismissible:[516],preventAutoClose:[516,"prevent-auto-close"],hidden:[1540],hasNoAnimations:[516,"has-no-animations"]},void 0,{hidden:[{handleHiddenChange:0}]}]);function v(){"undefined"!=typeof customElements&&["nv-alert","nv-icon"].forEach((a=>{switch(a){case"nv-alert":customElements.get(e(a))||customElements.define(e(a),u);break;case"nv-icon":customElements.get(e(a))||f()}}))}v();const h=u,b=v;export{h as NvAlert,b as defineCustomElement}

package/dist/components/nv-avatar.js

@@ -1,105 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-C63Xpg9a.js';
-import { c as clsx } from './p-ChV9xqsO.js';
-import { S as SemanticSizes } from './p-BReL3Lsa.js';
-import { d as defineCustomElement$2 } from './p-nfYynlVq.js';
-
-const nvAvatarCss = "nv-avatar{align-items:center !important;background-color:var(--components-avatar-background-1);border-radius:var(--radius-rounded-full) !important;display:flex !important;flex-shrink:0 !important;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-style:normal;font-weight:var(--font-weight-medium-emphasis);justify-content:center !important;leading-trim:both;line-height:1 !important;text-align:center;text-edge:cap;text-transform:uppercase}nv-avatar.avatar-color-1{background-color:var(--components-avatar-background-1);color:var(--components-avatar-content-1)}nv-avatar.avatar-color-2{background-color:var(--components-avatar-background-2);color:var(--components-avatar-content-2)}nv-avatar.avatar-color-3{background-color:var(--components-avatar-background-3);color:var(--components-avatar-content-3)}nv-avatar.avatar-color-4{background-color:var(--components-avatar-background-4);color:var(--components-avatar-content-4)}nv-avatar.avatar-color-5{background-color:var(--components-avatar-background-5);color:var(--components-avatar-content-5)}nv-avatar.avatar-color-6{background-color:var(--components-avatar-background-6);color:var(--components-avatar-content-6)}nv-avatar.avatar-color-7{background-color:var(--components-avatar-background-7);color:var(--components-avatar-content-7)}nv-avatar.avatar-color-8{background-color:var(--components-avatar-background-8);color:var(--components-avatar-content-8)}nv-avatar.avatar-color-9{background-color:var(--components-avatar-background-9);color:var(--components-avatar-content-9)}nv-avatar.avatar-color-10{background-color:var(--components-avatar-background-10);color:var(--components-avatar-content-10)}nv-avatar img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:50%}nv-avatar.avatar-xs{width:var(--avatar-xs-size);height:var(--avatar-xs-size);font-size:var(--avatar-xs-font-size);line-height:var(--avatar-xs-font-size)}nv-avatar.avatar-xs nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-avatar.avatar-sm{width:var(--avatar-sm-size);height:var(--avatar-sm-size);font-size:var(--avatar-sm-font-size);line-height:var(--avatar-sm-font-size)}nv-avatar.avatar-sm nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-avatar.avatar-md{width:var(--avatar-md-size);height:var(--avatar-md-size);font-size:var(--avatar-md-font-size);line-height:var(--avatar-md-font-size)}nv-avatar.avatar-md nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-avatar.avatar-lg{width:var(--avatar-lg-size);height:var(--avatar-lg-size);font-size:var(--avatar-lg-font-size);line-height:var(--avatar-lg-font-size)}nv-avatar.avatar-lg nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-avatar.avatar-xl{width:var(--avatar-xl-size);height:var(--avatar-xl-size);font-size:var(--avatar-xl-font-size);line-height:var(--avatar-xl-font-size)}nv-avatar.avatar-xl nv-icon>svg{width:var(--spacing-7);height:var(--spacing-7);stroke-width:1.9px}";
-
-const NvAvatar$1 = /*@__PURE__*/ proxyCustomElement(class NvAvatar extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /**
-         * Define the size of the avatar. You can use t-shirt sizes.
-         */
-        this.size = 'md';
-        /**
-         * You can apply different colors on the Avatar.
-         * Use a string number between 1 and 10.
-         */
-        this.color = '1';
-    }
-    componentWillRender() {
-        if (this.xsmall) {
-            this.size = SemanticSizes.ExtraSmall;
-        }
-        if (this.small) {
-            this.size = SemanticSizes.Small;
-        }
-        if (this.medium) {
-            this.size = SemanticSizes.Medium;
-        }
-        if (this.large) {
-            this.size = SemanticSizes.Large;
-        }
-        if (this.xlarge) {
-            this.size = SemanticSizes.ExtraLarge;
-        }
-        if (this.text) {
-            this.initials = this.text;
-        }
-        if (this.url) {
-            this.src = this.url;
-        }
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region METHODS
-    /**
-     * Makes sure the initials are trimmed to 2 letters.
-     * @param {string} initials - The initials to be trimmed.
-     * @returns {string} The trimmed initials.
-     */
-    trimInitials(initials) {
-        return initials.trim().substring(0, 2);
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (h(Host, { key: '127d470eb9121f611f9e18f029ab9ef15a4a49df', class: clsx(`avatar-${this.size}`, `avatar-color-${this.color}`), "aria-label": this.alt }, this.src ? (h("img", { src: this.src, alt: this.alt })) : this.initials ? (this.trimInitials(this.initials)) : (h("slot", { name: "icon" }, h("nv-icon", { name: "user" })))));
-    }
-    static get style() { return nvAvatarCss; }
-}, [260, "nv-avatar", {
-        "xsmall": [516],
-        "small": [516],
-        "medium": [516],
-        "large": [516],
-        "xlarge": [516],
-        "text": [513],
-        "url": [513],
-        "alt": [513],
-        "src": [1537],
-        "initials": [1537],
-        "size": [1537],
-        "color": [513]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-avatar", "nv-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-avatar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvAvatar$1);
-            }
-            break;
-        case "nv-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvAvatar = NvAvatar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvAvatar, defineCustomElement };
-//# sourceMappingURL=nv-avatar.js.map
-
-//# sourceMappingURL=nv-avatar.js.map
+import{t as a,p as t,H as r,h as o,d as n}from"./p-iXsbKJzR.js";import{c as v}from"./p-ChV9xqsO.js";import{S as s}from"./p-BReL3Lsa.js";import{d as i}from"./p-Bg-b6OWh.js";const e=t(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.size="md",this.color="1"}componentWillRender(){this.xsmall&&(this.size=s.ExtraSmall),this.small&&(this.size=s.Small),this.medium&&(this.size=s.Medium),this.large&&(this.size=s.Large),this.xlarge&&(this.size=s.ExtraLarge),this.text&&(this.initials=this.text),this.url&&(this.src=this.url)}trimInitials(a){return a.trim().substring(0,2)}render(){return o(n,{key:"127d470eb9121f611f9e18f029ab9ef15a4a49df",class:v("avatar-"+this.size,"avatar-color-"+this.color),"aria-label":this.alt},this.src?o("img",{src:this.src,alt:this.alt}):this.initials?this.trimInitials(this.initials):o("slot",{name:"icon"},o("nv-icon",{name:"user"})))}static get style(){return"nv-avatar{align-items:center !important;background-color:var(--components-avatar-background-1);border-radius:var(--radius-rounded-full) !important;display:flex !important;flex-shrink:0 !important;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-style:normal;font-weight:var(--font-weight-medium-emphasis);justify-content:center !important;leading-trim:both;line-height:1 !important;text-align:center;text-edge:cap;text-transform:uppercase}nv-avatar.avatar-color-1{background-color:var(--components-avatar-background-1);color:var(--components-avatar-content-1)}nv-avatar.avatar-color-2{background-color:var(--components-avatar-background-2);color:var(--components-avatar-content-2)}nv-avatar.avatar-color-3{background-color:var(--components-avatar-background-3);color:var(--components-avatar-content-3)}nv-avatar.avatar-color-4{background-color:var(--components-avatar-background-4);color:var(--components-avatar-content-4)}nv-avatar.avatar-color-5{background-color:var(--components-avatar-background-5);color:var(--components-avatar-content-5)}nv-avatar.avatar-color-6{background-color:var(--components-avatar-background-6);color:var(--components-avatar-content-6)}nv-avatar.avatar-color-7{background-color:var(--components-avatar-background-7);color:var(--components-avatar-content-7)}nv-avatar.avatar-color-8{background-color:var(--components-avatar-background-8);color:var(--components-avatar-content-8)}nv-avatar.avatar-color-9{background-color:var(--components-avatar-background-9);color:var(--components-avatar-content-9)}nv-avatar.avatar-color-10{background-color:var(--components-avatar-background-10);color:var(--components-avatar-content-10)}nv-avatar img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:50%}nv-avatar.avatar-xs{width:var(--avatar-xs-size);height:var(--avatar-xs-size);font-size:var(--avatar-xs-font-size);line-height:var(--avatar-xs-font-size)}nv-avatar.avatar-xs nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-avatar.avatar-sm{width:var(--avatar-sm-size);height:var(--avatar-sm-size);font-size:var(--avatar-sm-font-size);line-height:var(--avatar-sm-font-size)}nv-avatar.avatar-sm nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-avatar.avatar-md{width:var(--avatar-md-size);height:var(--avatar-md-size);font-size:var(--avatar-md-font-size);line-height:var(--avatar-md-font-size)}nv-avatar.avatar-md nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-avatar.avatar-lg{width:var(--avatar-lg-size);height:var(--avatar-lg-size);font-size:var(--avatar-lg-font-size);line-height:var(--avatar-lg-font-size)}nv-avatar.avatar-lg nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-avatar.avatar-xl{width:var(--avatar-xl-size);height:var(--avatar-xl-size);font-size:var(--avatar-xl-font-size);line-height:var(--avatar-xl-font-size)}nv-avatar.avatar-xl nv-icon>svg{width:var(--spacing-7);height:var(--spacing-7);stroke-width:1.9px}"}},[260,"nv-avatar",{xsmall:[516],small:[516],medium:[516],large:[516],xlarge:[516],text:[513],url:[513],alt:[513],src:[1537],initials:[1537],size:[1537],color:[513]}]);function c(){"undefined"!=typeof customElements&&["nv-avatar","nv-icon"].forEach((t=>{switch(t){case"nv-avatar":customElements.get(a(t))||customElements.define(a(t),e);break;case"nv-icon":customElements.get(a(t))||i()}}))}c();const l=e,h=c;export{l as NvAvatar,h as defineCustomElement}

package/dist/components/nv-badge.js

@@ -1,9 +1 @@
-import { N as NvBadge$1, d as defineCustomElement$1 } from './p-Bg_l3jn1.js';
-
-const NvBadge = NvBadge$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvBadge, defineCustomElement };
-//# sourceMappingURL=nv-badge.js.map
-
-//# sourceMappingURL=nv-badge.js.map
+import{N as r,d as o}from"./p-r3_atQ9r.js";const s=r,t=o;export{s as NvBadge,t as defineCustomElement}