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

package/dist/components/nv-icon.js

@@ -1,9 +1 @@
-import { N as NvIcon$1, d as defineCustomElement$1 } from './p-nfYynlVq.js';
-
-const NvIcon = NvIcon$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvIcon, defineCustomElement };
-//# sourceMappingURL=nv-icon.js.map
-
-//# sourceMappingURL=nv-icon.js.map
+import{N as o,d as s}from"./p-jZF_Ggmx.js";const m=o,p=s;export{m as NvIcon,p as defineCustomElement}

package/dist/components/nv-iconbutton.js

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

package/dist/components/nv-loader.js

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

package/dist/components/nv-menu.js

@@ -1,254 +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-C2QAWGhf.js';
-import { d as defineCustomElement$2 } from './p-B9i3m6rk.js';
-
-const nvMenuCss = "nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-menu{display:inline-block;position:relative}nv-menu:has([fluid]:not([fluid=false])){display:block}nv-menu nv-popover{display:unset}nv-menu nv-popover [data-scope=popover]{background-color:transparent !important;padding:0 !important}nv-menu [slot=content]{padding:var(--menu-contextual-padding-y) var(--menu-contextual-padding-x);border-radius:var(--menu-contextual-radius);gap:var(--menu-contextual-gap-y);background-color:var(--components-menu-contextual-background);border-color:var(--components-menu-contextual-border);display:flex;flex-direction:column}nv-menu nv-menu[open]:not([open=false])>nv-menuitem{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menu hr{display:block;margin:var(--menu-contextual-divider-padding-top) var(--menu-contextual-divider-padding-x) var(--menu-contextual-divider-padding-bottom) var(--menu-contextual-divider-padding-x)}";
-
-const NvMenu$1 = /*@__PURE__*/ proxyCustomElement(class NvMenu extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.menuitemSelected = createEvent(this, "menuitemSelected", 3);
-        this.isHandlingKeyDown = false;
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Use this to toggle the initial visibility of the menu, by default the menu
-         * is hidden.
-         */
-        this.open = false;
-        /**
-         * Use this if the menu is nested inside another menu. This will prevent the
-         * parent menu from closing when the child menu is opened.
-         */
-        this.nested = false;
-        /**
-         * Use this to disable the menu from closing automatically when a menu item is
-         * selected.
-         */
-        this.disableCloseOnSelect = false;
-        /**
-         * Decides where the menu shows up next to the button it's linked to (above,
-         * below, to the sides). If there isn't enough room, it will adjust its
-         * position on the axis to fit on the screen, so users can always see it.
-         */
-        this.placement = 'bottom-start';
-        //#endregion LIFECYCLE
-        /****************************************************************************/
-        //#region RENDER
-        /**
-         * Generates menu items from the `items` property.
-         * @param {MenuItem[]} items - The items to display in the menu.
-         * @returns {HTMLElement[]} The rendered items.
-         */
-        this.renderMenuItems = () => {
-            return this.items.map(item => {
-                if (item.hasSubmenu && item.submenuItems?.length > 0) {
-                    return (h("nv-menu", { nested: true, placement: "right-start", items: item.submenuItems }, h("nv-menuitem", { slot: "trigger", hasSubmenu: true, disabled: item.disabled, icon: item.icon, shortcut: item.shortcut, id: item.value, name: item.label, label: item.label, onMenuitemSelected: e => this.menuitemSelected.emit(e.detail) })));
-                }
-                return (h("nv-menuitem", { disabled: item.disabled, icon: item.icon, shortcut: item.shortcut, id: item.value, name: item.label, label: item.label, onMenuitemSelected: e => this.menuitemSelected.emit(e.detail) }));
-            });
-        };
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region METHODS
-    /**
-     * Opens the menu.
-     */
-    async show() {
-        this.open = true;
-    }
-    /**
-     * Closes the menu.
-     */
-    async close() {
-        this.open = false;
-    }
-    focusFirstItem() {
-        const firstButton = this.popoverElement.querySelector('nv-menuitem');
-        if (firstButton) {
-            requestAnimationFrame(() => firstButton.focus());
-        }
-    }
-    handleOpenChanged(event) {
-        this.open = event.detail;
-        const triggerHasFocus = this.triggerElement === document.activeElement;
-        const triggerHasFocusVisible = this.triggerElement.matches(':focus-visible');
-        if (triggerHasFocus && triggerHasFocusVisible)
-            this.focusFirstItem();
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region LISTENERS
-    /* eslint-disable nova/native-event-listener */
-    handleMenuItemSelect(event) {
-        if (this.disableCloseOnSelect)
-            return;
-        if (event.detail.hasSubmenu)
-            return;
-        this.open = false;
-    }
-    /* eslint-enable nova/native-event-listener */
-    handleKeydown(event) {
-        // If the menu is not open, check if the trigger is focused
-        // and the user presses Enter or ArrowDown, open the menu
-        if (!this.open) {
-            if ((event.key === 'Enter' ||
-                event.key === 'ArrowDown' ||
-                event.key === ' ') &&
-                document.activeElement === this.triggerElement) {
-                event.preventDefault();
-                this.show();
-                this.focusFirstItem();
-                // Then, put the focus on the first menuitem
-                const firstMenuItem = this.popoverElement.querySelector('nv-menuitem');
-                if (firstMenuItem) {
-                    requestAnimationFrame(() => firstMenuItem.focus());
-                }
-            }
-            return;
-        }
-        if (this.isHandlingKeyDown)
-            return;
-        this.isHandlingKeyDown = true;
-        if (event.key === 'ArrowDown' ||
-            event.key === 'ArrowUp' ||
-            event.key === 'ArrowLeft' ||
-            event.key === 'ArrowRight' ||
-            event.key === 'Escape') {
-            event.preventDefault();
-        }
-        if (event.key === 'Escape' && !this.nested) {
-            this.close();
-            this.triggerElement.focus();
-            this.isHandlingKeyDown = false;
-            return;
-        }
-        const menuContent = this.el.querySelector('[slot="content"]');
-        const menuItems = Array.from(menuContent.childNodes).filter(item => item.matches?.('nv-menuitem, nv-menu'));
-        let currentIndex = menuItems.indexOf(document.activeElement);
-        if (currentIndex === -1)
-            currentIndex = menuItems.indexOf(document.activeElement.parentElement);
-        if (currentIndex === -1 &&
-            menuItems.find(item => item.matches('nv-menu[open]'))) {
-            this.isHandlingKeyDown = false;
-            return;
-        }
-        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
-            menuItems.forEach(item => {
-                if (item.matches('nv-menu'))
-                    item.close();
-            });
-        }
-        if (event.key === 'ArrowDown') {
-            let nextIndex = (currentIndex + 1) % menuItems.length;
-            while (menuItems[nextIndex].matches('nv-menuitem[disabled]')) {
-                nextIndex = (nextIndex + 1) % menuItems.length;
-            }
-            const nextFocusable = menuItems[nextIndex];
-            if (nextFocusable.matches('nv-menuitem')) {
-                nextFocusable.focus();
-            }
-            else if (nextFocusable.matches('nv-menu')) {
-                nextFocusable.querySelector('nv-menuitem').focus();
-            }
-        }
-        if (event.key === 'ArrowUp') {
-            let prevIndex = (currentIndex - 1 + menuItems.length) % menuItems.length;
-            while (menuItems[prevIndex].matches('nv-menuitem[disabled]')) {
-                prevIndex = (prevIndex - 1 + menuItems.length) % menuItems.length;
-            }
-            const prevFocusable = menuItems[prevIndex];
-            if (prevFocusable.matches('nv-menuitem')) {
-                prevFocusable.focus();
-            }
-            else if (prevFocusable.matches('nv-menu')) {
-                prevFocusable.querySelector('nv-menuitem').focus();
-            }
-        }
-        if (event.key === 'ArrowRight') {
-            const submenu = menuItems[currentIndex];
-            if (!submenu.matches('nv-menu')) {
-                this.isHandlingKeyDown = false;
-                return;
-            }
-            submenu.show();
-        }
-        if (event.key === 'ArrowLeft' && this.nested) {
-            if (menuItems.find(item => item.matches('nv-menu[open]'))) {
-                this.isHandlingKeyDown = false;
-                return;
-            }
-            this.close();
-            this.triggerElement.focus();
-        }
-        this.isHandlingKeyDown = false;
-    }
-    //#endregion LISTENERS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        this.triggerElement = Array.from(this.el.children).find(child => {
-            return child.getAttribute('slot') === 'trigger';
-        });
-    }
-    render() {
-        return (h(Host, { key: '1139a5dbbbb52e2f32c5d1410b4bdb87156cfd60' }, h("slot", { key: 'f2202b254512643f0a16ebcda3715438a7c7aa2a', name: "trigger" }), h("nv-popover", { key: '2f49bd9af8ff253ab662b5054717e0d44690f47d', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open, onOpenChanged: this.handleOpenChanged.bind(this) }, this.items ? (h("ul", { slot: "content" }, this.renderMenuItems())) : (h("slot", { name: "content" })))));
-    }
-    get el() { return this; }
-    static get style() { return nvMenuCss; }
-}, [260, "nv-menu", {
-        "open": [1540],
-        "nested": [516],
-        "disableCloseOnSelect": [516, "disable-close-on-select"],
-        "placement": [513],
-        "items": [16],
-        "show": [64],
-        "close": [64]
-    }, [[0, "menuitemSelected", "handleMenuItemSelect"], [0, "keydown", "handleKeydown"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-menu", "nv-icon", "nv-menu", "nv-menuitem", "nv-popover"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-menu":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvMenu$1);
-            }
-            break;
-        case "nv-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "nv-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-        case "nv-menuitem":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "nv-popover":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvMenu = NvMenu$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvMenu, defineCustomElement };
-//# sourceMappingURL=nv-menu.js.map
-
-//# sourceMappingURL=nv-menu.js.map
+import{t as e,p as n,H as t,c as o,h as i,d as s}from"./p-iXsbKJzR.js";import{d as r}from"./p-jZF_Ggmx.js";import{d as m}from"./p-CZcMM7Lh.js";import{d as a}from"./p-DHNSuxz-.js";const u=n(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.menuitemSelected=o(this,"menuitemSelected",7),this.isHandlingKeyDown=!1,this.open=!1,this.nested=!1,this.disableCloseOnSelect=!1,this.placement="bottom-start",this.renderMenuItems=()=>this.items.map((e=>e.hasSubmenu&&e.submenuItems?.length>0?i("nv-menu",{nested:!0,placement:"right-start",items:e.submenuItems},i("nv-menuitem",{slot:"trigger",hasSubmenu:!0,disabled:e.disabled,icon:e.icon,shortcut:e.shortcut,id:e.value,name:e.label,label:e.label})):i("nv-menuitem",{disabled:e.disabled,icon:e.icon,shortcut:e.shortcut,id:e.value,name:e.label,label:e.label})))}async show(){this.open=!0}async close(){this.open=!1}focusFirstItem(){const e=this.popoverElement.querySelector("nv-menuitem");e&&requestAnimationFrame((()=>e.focus()))}handleOpenChanged(e){this.open=e.detail;const n=this.triggerElement===document.activeElement,t=this.triggerElement.matches(":focus-visible");n&&t&&this.focusFirstItem()}handleMenuItemSelect(e){this.disableCloseOnSelect||e.detail.hasSubmenu||(this.open=!1)}handleKeydown(e){if(!this.open){if(("Enter"===e.key||"ArrowDown"===e.key||" "===e.key)&&document.activeElement===this.triggerElement){e.preventDefault(),this.show(),this.focusFirstItem();const n=this.popoverElement.querySelector("nv-menuitem");n&&requestAnimationFrame((()=>n.focus()))}return}if(this.isHandlingKeyDown)return;if(this.isHandlingKeyDown=!0,"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key&&"Escape"!==e.key||e.preventDefault(),"Escape"===e.key&&!this.nested)return this.close(),this.triggerElement.focus(),void(this.isHandlingKeyDown=!1);const n=this.el.querySelector('[slot="content"]'),t=Array.from(n.childNodes).filter((e=>e.matches?.("nv-menuitem, nv-menu")));let o=t.indexOf(document.activeElement);if(-1===o&&(o=t.indexOf(document.activeElement.parentElement)),-1===o&&t.find((e=>e.matches("nv-menu[open]"))))this.isHandlingKeyDown=!1;else{if("ArrowDown"!==e.key&&"ArrowUp"!==e.key||t.forEach((e=>{e.matches("nv-menu")&&e.close()})),"ArrowDown"===e.key){let e=(o+1)%t.length;for(;t[e].matches("nv-menuitem[disabled]");)e=(e+1)%t.length;const n=t[e];n.matches("nv-menuitem")?n.focus():n.matches("nv-menu")&&n.querySelector("nv-menuitem").focus()}if("ArrowUp"===e.key){let e=(o-1+t.length)%t.length;for(;t[e].matches("nv-menuitem[disabled]");)e=(e-1+t.length)%t.length;const n=t[e];n.matches("nv-menuitem")?n.focus():n.matches("nv-menu")&&n.querySelector("nv-menuitem").focus()}if("ArrowRight"===e.key){const e=t[o];if(!e.matches("nv-menu"))return void(this.isHandlingKeyDown=!1);e.show()}if("ArrowLeft"===e.key&&this.nested){if(t.find((e=>e.matches("nv-menu[open]"))))return void(this.isHandlingKeyDown=!1);this.close(),this.triggerElement.focus()}this.isHandlingKeyDown=!1}}componentWillRender(){this.triggerElement=this.el.querySelector('[slot="trigger"]')}render(){return i(s,{key:"470d14ed698cc0064a24bf02e5fac3b32d64601a"},i("slot",{key:"2dd81fbe5a23b5225fc464fe528ff08983959b7f",name:"trigger"}),i("nv-popover",{key:"68634d33954033dbd997c8a7f7ed711c6a17470b",ref:e=>this.popoverElement=e,triggerMode:"click",triggerElement:this.triggerElement,placement:this.placement,nested:this.nested,open:this.open,onOpenChanged:this.handleOpenChanged.bind(this)},this.items?i("ul",{slot:"content"},this.renderMenuItems()):i("slot",{name:"content"})))}get el(){return this}static get style(){return"nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-menu{display:inline-block;position:relative}nv-menu:has([fluid]:not([fluid=false])){display:block}nv-menu nv-popover{display:unset}nv-menu nv-popover [data-scope=popover]{background-color:transparent !important;padding:0 !important}nv-menu [slot=content]{padding:var(--menu-contextual-padding-y) var(--menu-contextual-padding-x);border-radius:var(--menu-contextual-radius);gap:var(--menu-contextual-gap-y);background-color:var(--components-menu-contextual-background);border-color:var(--components-menu-contextual-border);display:flex;flex-direction:column}nv-menu nv-menu[open]:not([open=false])>nv-menuitem{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menu hr{display:block;margin:var(--menu-contextual-divider-padding-top) var(--menu-contextual-divider-padding-x) var(--menu-contextual-divider-padding-bottom) var(--menu-contextual-divider-padding-x)}"}},[260,"nv-menu",{open:[1540],nested:[516],disableCloseOnSelect:[516,"disable-close-on-select"],placement:[513],items:[16],show:[64],close:[64]},[[0,"menuitemSelected","handleMenuItemSelect"],[0,"keydown","handleKeydown"]]]);function c(){"undefined"!=typeof customElements&&["nv-menu","nv-icon","nv-menu","nv-menuitem","nv-popover"].forEach((n=>{switch(n){case"nv-menu":customElements.get(e(n))||customElements.define(e(n),u);break;case"nv-icon":customElements.get(e(n))||r();break;case"nv-menu":customElements.get(e(n))||c();break;case"nv-menuitem":customElements.get(e(n))||m();break;case"nv-popover":customElements.get(e(n))||a()}}))}c();const d=u,l=c;export{d as NvMenu,l as defineCustomElement}

package/dist/components/nv-menuitem.js

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

package/dist/components/nv-notification-bullet.js

@@ -1,9 +1 @@
-import { N as NvNotificationBullet$1, d as defineCustomElement$1 } from './p-tyaJ-nGV.js';
-
-const NvNotificationBullet = NvNotificationBullet$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvNotificationBullet, defineCustomElement };
-//# sourceMappingURL=nv-notification-bullet.js.map
-
-//# sourceMappingURL=nv-notification-bullet.js.map
+import{N as o,d as s}from"./p-yHGZRC6Q.js";const p=o,r=s;export{p as NvNotificationBullet,r as defineCustomElement}

package/dist/components/nv-notification.js

@@ -1,212 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-C63Xpg9a.js';
-import { F as FeedbackColors, N as NotificationPosition } 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 { u as useSlide } from './p-D2otK4Ce.js';
-import { p as parallel } from './p-CgHCo_Ho.js';
-import { d as defineCustomElement$2 } from './p-nfYynlVq.js';
-import { v as v4 } from './p-BdYh22OP.js';
-
-const nvNotificationCss = "nv-notification{display:block}nv-notification [data-scope=container]{display:flex;position:relative;max-width:512px;width:100%;padding:var(--notification-padding);align-items:flex-start;gap:var(--notification-gap-x);border-radius:var(--notification-radius);border-style:solid;box-shadow:0 var(--shadow-y-axis-lg-1, 4px) var(--shadow-blur-lg-1, 6px) var(--shadow-spread-lg-1, -2px) var(--shadow-color-opacity-1, rgba(14, 14, 14, 0.06)), 0 var(--shadow-y-axis-lg-2, 10px) var(--shadow-blur-lg-2, 15px) var(--shadow-spread-lg-2, -3px) var(--shadow-color-opacity-2, rgba(14, 14, 14, 0.1))}nv-notification [data-scope=container] [data-scope=icon]{flex-shrink:0}nv-notification [data-scope=container] [data-scope=dismiss]{padding:var(--button-sm-icon-button-padding, 8px);justify-content:center;align-items:center;gap:var(--button-sm-gap, 6px);display:flex;position:absolute;right:8px;top:8px;border-radius:var(--button-sm-border-radius, 4px);background:var(--components-button-lower-background, rgba(255, 255, 255, 0));color:var(--components-button-lower-icon)}nv-notification [data-scope=container] [data-scope=content]{display:flex;padding-right:var(--notification-padding-right);flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);flex:1 0 0}nv-notification [data-scope=container] [data-scope=content] [data-scope=heading]{display:flex;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;color:var(--components-notification-content-title);font-size:var(--notification-title-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:20px;}nv-notification [data-scope=container] [data-scope=content] [data-scope=message]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);align-self:stretch;color:var(--components-notification-content-description);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-sm, 14px);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-sm, 20px)}nv-notification [data-scope=container] [data-scope=content] [data-scope=actions]{display:flex;padding:var(--spacing-2, 8px) 0;padding-bottom:0px;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;margin-left:calc(-1 * var(--button-sm-padding-x))}nv-notification[feedback=information] [data-scope=container]{background-color:var(--components-notification-information-background);border-color:var(--components-notification-information-border)}nv-notification[feedback=information] [data-scope=container] [data-scope=icon]{color:var(--components-notification-information-icon)}nv-notification[feedback=information]>[data-scope=close]:focus,nv-notification[feedback=information]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=information]>[data-scope=close]:focus-visible,nv-notification[feedback=information]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=warning] [data-scope=container]{background-color:var(--components-notification-warning-background);border-color:var(--components-notification-warning-border)}nv-notification[feedback=warning] [data-scope=container] [data-scope=icon]{color:var(--components-notification-warning-icon)}nv-notification[feedback=warning]>[data-scope=close]:focus,nv-notification[feedback=warning]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=warning]>[data-scope=close]:focus-visible,nv-notification[feedback=warning]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=error] [data-scope=container]{background-color:var(--components-notification-error-background);border-color:var(--components-notification-error-border)}nv-notification[feedback=error] [data-scope=container] [data-scope=icon]{color:var(--components-notification-error-icon)}nv-notification[feedback=error]>[data-scope=close]:focus,nv-notification[feedback=error]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=error]>[data-scope=close]:focus-visible,nv-notification[feedback=error]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=success] [data-scope=container]{background-color:var(--components-notification-success-background);border-color:var(--components-notification-success-border)}nv-notification[feedback=success] [data-scope=container] [data-scope=icon]{color:var(--components-notification-success-icon)}nv-notification[feedback=success]>[data-scope=close]:focus,nv-notification[feedback=success]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=success]>[data-scope=close]:focus-visible,nv-notification[feedback=success]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=neutral] [data-scope=container]{background-color:var(--components-notification-neutral-background);border-color:var(--components-notification-neutral-border)}nv-notification[feedback=neutral] [data-scope=container] [data-scope=icon]{color:var(--components-notification-neutral-icon)}nv-notification[feedback=neutral]>[data-scope=close]:focus,nv-notification[feedback=neutral]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=neutral]>[data-scope=close]:focus-visible,nv-notification[feedback=neutral]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[emphasis=high] [data-scope=container]{border-width:1px;border-left-width:var(--notification-border-width-high-emphasis);padding-left:calc(var(--notification-padding) - var(--notification-border-width-high-emphasis) + 1px)}nv-notification[emphasis=medium] [data-scope=container]{border-width:var(--notification-border-width-low-emphasis);border-color:var(--color-content-low-border, #E3E3E3)}";
-
-const NvNotification$1 = /*@__PURE__*/ proxyCustomElement(class NvNotification extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.hiddenChanged = createEvent(this, "hiddenChanged", 3);
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Set a unique ID for the notification. Used for aria attributes and managing
-         * multiple notifications.
-         */
-        this.uid = v4();
-        /**
-         * Specifies the notification type which determines the color and default icon.
-         */
-        this.feedback = 'information';
-        /**
-         * Adjusts the emphasis to make the notification 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 notification to be dismissed via a close button (x). The
-         * notification is not dismissible unless explicitly enabled.
-         */
-        this.dismissible = false;
-        /**
-         * Controls the visibility of the notification.
-         */
-        this.hidden = false; // eslint-disable-line @stencil-community/reserved-member-names
-        /**
-         * When true, the notification will be hidden initially, but internal changes
-         * will not be in a controlled state. Good for animating the notification in.
-         */
-        this.initiallyHidden = false;
-        //#endregion EVENTS
-        /****************************************************************************/
-        //#region INTERNAL
-        this.iconByFeedback = {
-            [FeedbackColors.Warning]: 'alert-circle',
-            [FeedbackColors.Information]: 'info-circle',
-            [FeedbackColors.Success]: 'circle-check',
-            [FeedbackColors.Error]: 'alert-triangle',
-            [FeedbackColors.Neutral]: 'help',
-        };
-        this.roleByFeedback = {
-            [FeedbackColors.Error]: 'alert',
-            [FeedbackColors.Warning]: 'alert',
-            [FeedbackColors.Information]: 'status',
-            [FeedbackColors.Success]: 'status',
-            [FeedbackColors.Neutral]: 'status',
-        };
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region METHODS
-    /**
-     * Dismisses the notification with an animation, after the animation is
-     * complete, the hiddenChanged event will be emitted with the value of true,
-     * and the hidden prop will be set to true.
-     */
-    async dismiss() {
-        await this.dismissAnimation();
-    }
-    /**
-     * Sets the hidden prop to false, and shows the notification with an
-     * animation, after the animation is complete, the hiddenChanged event will be
-     * emitted with the value of false.
-     */
-    async show() {
-        await this.showAnimation();
-    }
-    getDefaultIcon() {
-        return this.iconByFeedback[this.feedback] ?? 'info-circle';
-    }
-    getAriaRole() {
-        return this.roleByFeedback[this.feedback] ?? 'status';
-    }
-    getAriaLive() {
-        return this.getAriaRole() === 'alert' ? 'assertive' : 'polite';
-    }
-    getHeadingId() {
-        return this.heading ? `nv-notification-${this.uid}-heading` : null;
-    }
-    getMessageId() {
-        return this.message ? `nv-notification-${this.uid}-message` : null;
-    }
-    async showAnimation() {
-        this.hidden = false;
-        const { setFadeIn } = useFade(this.container);
-        const { expand } = useCollapse(this.el, {
-            duration: 300,
-            overflow: 'visible',
-        });
-        const { slideY, setSlideY } = useSlide(this.container, {
-            duration: 300,
-        });
-        setSlideY(-100);
-        setFadeIn();
-        await parallel(slideY({ from: -100, to: 0 }), expand).start();
-        this.hiddenChanged.emit(false);
-    }
-    getSlideDestination(pos) {
-        switch (pos) {
-            case NotificationPosition.TopRight:
-            case NotificationPosition.BottomRight:
-                return { axis: 'x', to: 100 }; // right
-            case NotificationPosition.TopLeft:
-            case NotificationPosition.BottomLeft:
-                return { axis: 'x', to: -100 }; // left
-            case NotificationPosition.TopCenter:
-                return { axis: 'y', to: -100 }; // up
-            case NotificationPosition.BottomCenter:
-                return { axis: 'y', to: 100 }; // down
-            default:
-                return { axis: 'x', to: 100 }; // fallback
-        }
-    }
-    async dismissAnimation() {
-        const position = this.el
-            .closest('nv-notificationcontainer')
-            ?.getAttribute('position');
-        const destination = this.getSlideDestination(position);
-        const { fadeOut } = useFade(this.container, { duration: 300 });
-        const { slideX, slideY, setSlideReset } = useSlide(this.container, {
-            duration: 500,
-        });
-        const { collapse } = useCollapse(this.el, {
-            duration: 500,
-            overflow: 'visible',
-        });
-        const slide = destination.axis === 'x'
-            ? slideX({ from: 0, to: destination.to })
-            : slideY({ from: 0, to: destination.to });
-        setSlideReset();
-        await parallel(fadeOut, slide, collapse).start();
-        this.hidden = true;
-        this.hiddenChanged.emit(true);
-    }
-    //#endregion INTERNAL
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        this.headingSlot = this.el.querySelector('[slot="heading"]');
-        this.messageSlot = this.el.querySelector('[slot="content"]');
-        this.actionsSlot = this.el.querySelector('[slot="actions"]');
-        if (this.initiallyHidden)
-            this.hidden = true;
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (h(Host, { key: '64c79843ff7bdd1a4ae001a60a8db540947b8412', role: this.getAriaRole(), "aria-live": this.getAriaLive(), "aria-atomic": true, "aria-labelledby": this.getHeadingId() ?? null, "aria-describedby": this.getMessageId() ?? null, tabindex: "-1" }, h("div", { key: 'b51c9c3829b122476564726e20a1da112059035b', "data-scope": "container", ref: el => (this.container = el) }, this.dismissible && (h("button", { key: '3ee952fb7dc41f54fa35c88d12d4d512b96eece1', "data-scope": "dismiss", type: "button", onClick: this.dismiss.bind(this) }, h("nv-icon", { key: '4fa53d42ff6ea7b5e90a01cfcffec167368aece6', name: "x", size: "sm" }))), h("nv-icon", { key: 'e116c962672fb2237382b7dc2d3c6feae62bfced', name: this.icon ?? this.getDefaultIcon(), size: "md", "data-scope": "icon" }), h("div", { key: '62a1da7ac952aa704965aca61ba6f98eb12341a2', "data-scope": "content" }, (this.heading || this.headingSlot) && (h("p", { key: '4ddc91bc5568f54c6f8f3114720c0821c103f1c3', id: this.getHeadingId(), "data-scope": "heading" }, h("slot", { key: 'b7b7c678c995d68be52ca6711e55e5a8fa43fe68', name: "heading" }, this.heading))), (this.message || this.messageSlot) && (h("p", { key: '5e02782e07e7e2720cef3ec8c7f06321ce53940d', id: this.getMessageId(), "data-scope": "message" }, h("slot", { key: '4886e5e490c5f1baf429c48666fd715f43113a71', name: "content" }, this.message))), this.actionsSlot && (h("div", { key: '1d75b6276a8622bc607cf296336abc734e02320a', "data-scope": "actions" }, h("slot", { key: '6cab1b879e9b0582a415edd5d096a2b794b82ea4', name: "actions" })))))));
-    }
-    get el() { return this; }
-    static get style() { return nvNotificationCss; }
-}, [260, "nv-notification", {
-        "uid": [513],
-        "feedback": [513],
-        "emphasis": [513],
-        "heading": [513],
-        "message": [513],
-        "icon": [513],
-        "dismissible": [516],
-        "hidden": [1540],
-        "initiallyHidden": [516, "initially-hidden"],
-        "dismiss": [64],
-        "show": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-notification", "nv-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-notification":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvNotification$1);
-            }
-            break;
-        case "nv-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvNotification = NvNotification$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvNotification, defineCustomElement };
-//# sourceMappingURL=nv-notification.js.map
-
-//# sourceMappingURL=nv-notification.js.map
+import{t as o,p as i,H as t,c as a,h as n,d as e}from"./p-iXsbKJzR.js";import{F as c,N as s}from"./p-BReL3Lsa.js";import{u as r}from"./p-D1C_pu0E.js";import{u as d}from"./p-9xYwU7ku.js";import"./p-Dz1GUhVy.js";import{u as f}from"./p-D2otK4Ce.js";import{p as l}from"./p-CgHCo_Ho.js";import{d as p}from"./p-jZF_Ggmx.js";import{v as u}from"./p-BdYh22OP.js";const b=i(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.hiddenChanged=a(this,"hiddenChanged",3),this.uid=u(),this.feedback="information",this.emphasis="medium",this.dismissible=!1,this.hidden=!1,this.initiallyHidden=!1,this.iconByFeedback={[c.Warning]:"alert-circle",[c.Information]:"info-circle",[c.Success]:"circle-check",[c.Error]:"alert-triangle",[c.Neutral]:"help"},this.roleByFeedback={[c.Error]:"alert",[c.Warning]:"alert",[c.Information]:"status",[c.Success]:"status",[c.Neutral]:"status"}}async dismiss(){await this.dismissAnimation()}async show(){await this.showAnimation()}getDefaultIcon(){return this.iconByFeedback[this.feedback]??"info-circle"}getAriaRole(){return this.roleByFeedback[this.feedback]??"status"}getAriaLive(){return"alert"===this.getAriaRole()?"assertive":"polite"}getHeadingId(){return this.heading?`nv-notification-${this.uid}-heading`:null}getMessageId(){return this.message?`nv-notification-${this.uid}-message`:null}async showAnimation(){this.hidden=!1;const{setFadeIn:o}=d(this.container),{expand:i}=r(this.el,{duration:300,overflow:"visible"}),{slideY:t,setSlideY:a}=f(this.container,{duration:300});a(-100),o(),await l(t({from:-100,to:0}),i).start(),this.hiddenChanged.emit(!1)}getSlideDestination(o){switch(o){case s.TopRight:case s.BottomRight:return{axis:"x",to:100};case s.TopLeft:case s.BottomLeft:return{axis:"x",to:-100};case s.TopCenter:return{axis:"y",to:-100};case s.BottomCenter:return{axis:"y",to:100};default:return{axis:"x",to:100}}}async dismissAnimation(){const o=this.el.closest("nv-notificationcontainer")?.getAttribute("position"),i=this.getSlideDestination(o),{fadeOut:t}=d(this.container,{duration:300}),{slideX:a,slideY:n,setSlideReset:e}=f(this.container,{duration:500}),{collapse:c}=r(this.el,{duration:500,overflow:"visible"}),s="x"===i.axis?a({from:0,to:i.to}):n({from:0,to:i.to});e(),await l(t,s,c).start(),this.hidden=!0,this.hiddenChanged.emit(!0)}componentWillLoad(){this.headingSlot=this.el.querySelector('[slot="heading"]'),this.messageSlot=this.el.querySelector('[slot="content"]'),this.actionsSlot=this.el.querySelector('[slot="actions"]'),this.initiallyHidden&&(this.hidden=!0)}render(){return n(e,{key:"3c5025f664fcfc1e68856c003cd31ff10b8efdd9",role:this.getAriaRole(),"aria-live":this.getAriaLive(),"aria-atomic":!0,"aria-labelledby":this.getHeadingId()??null,"aria-describedby":this.getMessageId()??null,tabindex:"-1"},n("div",{key:"a26032a0b0ac9818b5da1f6e815a8c96f096ed46","data-scope":"container",ref:o=>this.container=o},this.dismissible&&n("button",{key:"f660bc8b5e5d8df073b69fb60d1ed0b11ec75c6f","data-scope":"dismiss",type:"button",onClick:this.dismiss.bind(this)},n("nv-icon",{key:"dbeea84ab7f1c965eae3a8ae74b7afca98453705",name:"x",size:"sm"})),n("nv-icon",{key:"0cbcee4f8667579b38ea205bdd747aabf6bdca8c",name:this.icon??this.getDefaultIcon(),size:"md","data-scope":"icon"}),n("div",{key:"aed13fae98256180ff8d453c9f9d108eab429952","data-scope":"content"},(this.heading||this.headingSlot)&&n("p",{key:"a2964d1c4dc744765ed916fe74d6cc167164eaf4",id:this.getHeadingId(),"data-scope":"heading"},n("slot",{key:"2eee0bd4a73fd92ea283ae6cd50af2d1edc01f0c",name:"heading"},this.heading)),(this.message||this.messageSlot)&&n("p",{key:"2f7e9b5429b9fa27bc4088b5d26955b8360695c1",id:this.getMessageId(),"data-scope":"message"},n("slot",{key:"f1b3dbe8722c8750231b4fb18fdc120ecfd04c54",name:"content"},this.message)),this.actionsSlot&&n("div",{key:"56a881b3a53bb68a214f8db560805c726930b8d4","data-scope":"actions"},n("slot",{key:"ece50671721f12e58dfd03df09545cb456d00a9c",name:"actions"})))))}get el(){return this}static get style(){return"nv-notification{display:block}nv-notification [data-scope=container]{display:flex;position:relative;max-width:512px;width:100%;padding:var(--notification-padding);align-items:flex-start;gap:var(--notification-gap-x);border-radius:var(--notification-radius);border-style:solid;box-shadow:0 var(--shadow-y-axis-lg-1, 4px) var(--shadow-blur-lg-1, 6px) var(--shadow-spread-lg-1, -2px) var(--shadow-color-opacity-1, rgba(14, 14, 14, 0.06)), 0 var(--shadow-y-axis-lg-2, 10px) var(--shadow-blur-lg-2, 15px) var(--shadow-spread-lg-2, -3px) var(--shadow-color-opacity-2, rgba(14, 14, 14, 0.1))}nv-notification [data-scope=container] [data-scope=icon]{flex-shrink:0}nv-notification [data-scope=container] [data-scope=dismiss]{padding:var(--button-sm-icon-button-padding, 8px);justify-content:center;align-items:center;gap:var(--button-sm-gap, 6px);display:flex;position:absolute;right:8px;top:8px;border-radius:var(--button-sm-border-radius, 4px);background:var(--components-button-lower-background, rgba(255, 255, 255, 0));color:var(--components-button-lower-icon)}nv-notification [data-scope=container] [data-scope=content]{display:flex;padding-right:var(--notification-padding-right);flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);flex:1 0 0}nv-notification [data-scope=container] [data-scope=content] [data-scope=heading]{display:flex;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;color:var(--components-notification-content-title);font-size:var(--notification-title-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:20px;}nv-notification [data-scope=container] [data-scope=content] [data-scope=message]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);align-self:stretch;color:var(--components-notification-content-description);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-sm, 14px);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-sm, 20px)}nv-notification [data-scope=container] [data-scope=content] [data-scope=actions]{display:flex;padding:var(--spacing-2, 8px) 0;padding-bottom:0px;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;margin-left:calc(-1 * var(--button-sm-padding-x))}nv-notification[feedback=information] [data-scope=container]{background-color:var(--components-notification-information-background);border-color:var(--components-notification-information-border)}nv-notification[feedback=information] [data-scope=container] [data-scope=icon]{color:var(--components-notification-information-icon)}nv-notification[feedback=information]>[data-scope=close]:focus,nv-notification[feedback=information]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=information]>[data-scope=close]:focus-visible,nv-notification[feedback=information]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=warning] [data-scope=container]{background-color:var(--components-notification-warning-background);border-color:var(--components-notification-warning-border)}nv-notification[feedback=warning] [data-scope=container] [data-scope=icon]{color:var(--components-notification-warning-icon)}nv-notification[feedback=warning]>[data-scope=close]:focus,nv-notification[feedback=warning]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=warning]>[data-scope=close]:focus-visible,nv-notification[feedback=warning]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=error] [data-scope=container]{background-color:var(--components-notification-error-background);border-color:var(--components-notification-error-border)}nv-notification[feedback=error] [data-scope=container] [data-scope=icon]{color:var(--components-notification-error-icon)}nv-notification[feedback=error]>[data-scope=close]:focus,nv-notification[feedback=error]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=error]>[data-scope=close]:focus-visible,nv-notification[feedback=error]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=success] [data-scope=container]{background-color:var(--components-notification-success-background);border-color:var(--components-notification-success-border)}nv-notification[feedback=success] [data-scope=container] [data-scope=icon]{color:var(--components-notification-success-icon)}nv-notification[feedback=success]>[data-scope=close]:focus,nv-notification[feedback=success]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=success]>[data-scope=close]:focus-visible,nv-notification[feedback=success]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=neutral] [data-scope=container]{background-color:var(--components-notification-neutral-background);border-color:var(--components-notification-neutral-border)}nv-notification[feedback=neutral] [data-scope=container] [data-scope=icon]{color:var(--components-notification-neutral-icon)}nv-notification[feedback=neutral]>[data-scope=close]:focus,nv-notification[feedback=neutral]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=neutral]>[data-scope=close]:focus-visible,nv-notification[feedback=neutral]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[emphasis=high] [data-scope=container]{border-width:1px;border-left-width:var(--notification-border-width-high-emphasis);padding-left:calc(var(--notification-padding) - var(--notification-border-width-high-emphasis) + 1px)}nv-notification[emphasis=medium] [data-scope=container]{border-width:var(--notification-border-width-low-emphasis);border-color:var(--color-content-low-border, #E3E3E3)}"}},[260,"nv-notification",{uid:[513],feedback:[513],emphasis:[513],heading:[513],message:[513],icon:[513],dismissible:[516],hidden:[1540],initiallyHidden:[516,"initially-hidden"],dismiss:[64],show:[64]}]);function h(){"undefined"!=typeof customElements&&["nv-notification","nv-icon"].forEach((i=>{switch(i){case"nv-notification":customElements.get(o(i))||customElements.define(o(i),b);break;case"nv-icon":customElements.get(o(i))||p()}}))}h();const v=b,m=h;export{v as NvNotification,m as defineCustomElement}

package/dist/components/nv-notificationcontainer.js

@@ -1,61 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-C63Xpg9a.js';
-
-const nvNotificationcontainerCss = "nv-notificationcontainer{position:fixed;display:flex;flex-direction:column;padding:var(--spacing-2);padding-top:0;z-index:9999;pointer-events:none;width:100%;max-width:512px}nv-notificationcontainer.position-top-right{top:0;right:0}nv-notificationcontainer.position-top-right nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-top-left{top:0;left:0}nv-notificationcontainer.position-top-left nv-notification{margin-bottom:var(--spacing-2)}nv-notificationcontainer.position-top-center{top:0;left:50%;transform:translateX(-50%)}nv-notificationcontainer.position-top-center nv-notification{margin-bottom:var(--spacing-2)}nv-notificationcontainer.position-bottom-right{bottom:0;right:0;flex-direction:column-reverse}nv-notificationcontainer.position-bottom-right nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-bottom-left{bottom:0;left:0;flex-direction:column-reverse}nv-notificationcontainer.position-bottom-left nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-bottom-center{bottom:0;left:50%;transform:translateX(-50%);flex-direction:column-reverse}nv-notificationcontainer.position-bottom-center nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer>*{pointer-events:auto}";
-
-const NvNotificationContainer = /*@__PURE__*/ proxyCustomElement(class NvNotificationContainer extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Position of the notification container on the screen.
-         */
-        this.position = 'top-right';
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region METHODS
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region WATCHERS
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region EVENTS
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (h(Host, { key: '5dee0dc22cb8917d8134e2f256996118e3e30b42', class: `position-${this.position}` }, h("slot", { key: '14664d70fb1840877d80eda1b3c7804457ffa67f' })));
-    }
-    static get style() { return nvNotificationcontainerCss; }
-}, [260, "nv-notificationcontainer", {
-        "position": [513]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-notificationcontainer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-notificationcontainer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvNotificationContainer);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvNotificationcontainer = NvNotificationContainer;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvNotificationcontainer, defineCustomElement };
-//# sourceMappingURL=nv-notificationcontainer.js.map
-
-//# sourceMappingURL=nv-notificationcontainer.js.map
+import{t,p as n,H as i,h as o,d as e}from"./p-iXsbKJzR.js";const a=n(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.position="top-right"}render(){return o(e,{key:"97882d6391db2e1c9db884a84469db78136765e4",class:"position-"+this.position},o("slot",{key:"0a0c52f26006ebd186862634b7b5470c7410c976"}))}static get style(){return"nv-notificationcontainer{position:fixed;display:flex;flex-direction:column;padding:var(--spacing-2);padding-top:0;z-index:9999;pointer-events:none;width:100%;max-width:512px}nv-notificationcontainer.position-top-right{top:0;right:0}nv-notificationcontainer.position-top-right nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-top-left{top:0;left:0}nv-notificationcontainer.position-top-left nv-notification{margin-bottom:var(--spacing-2)}nv-notificationcontainer.position-top-center{top:0;left:50%;transform:translateX(-50%)}nv-notificationcontainer.position-top-center nv-notification{margin-bottom:var(--spacing-2)}nv-notificationcontainer.position-bottom-right{bottom:0;right:0;flex-direction:column-reverse}nv-notificationcontainer.position-bottom-right nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-bottom-left{bottom:0;left:0;flex-direction:column-reverse}nv-notificationcontainer.position-bottom-left nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-bottom-center{bottom:0;left:50%;transform:translateX(-50%);flex-direction:column-reverse}nv-notificationcontainer.position-bottom-center nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer>*{pointer-events:auto}"}},[260,"nv-notificationcontainer",{position:[513]}]);function c(){"undefined"!=typeof customElements&&["nv-notificationcontainer"].forEach((n=>{"nv-notificationcontainer"===n&&(customElements.get(t(n))||customElements.define(t(n),a))}))}c();const r=a,s=c;export{r as NvNotificationcontainer,s as defineCustomElement}