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

package/dist/components/nv-datagridcolumn.js

@@ -1,47 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-C63Xpg9a.js';
-
-const NvDatagridcolumn$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagridcolumn extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /**
-         * Whether the column need to be repeated with the template.
-         */
-        this.repeatTemplate = false;
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (h(Host, { key: 'd93cf7234c22d08319d2e4157945ece0b9e5f7b1' }, h("slot", { key: 'd4530c7f6854773716e7494e0379bc21f446ca53', name: "header" }), h("slot", { key: '60e2933f219f48c0567fd0e01a137a694ae1c1c9', name: "cell" })));
-    }
-}, [260, "nv-datagridcolumn", {
-        "header": [513],
-        "accessor": [513],
-        "repeatTemplate": [516, "repeat-template"],
-        "group": [513]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-datagridcolumn"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-datagridcolumn":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvDatagridcolumn$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvDatagridcolumn = NvDatagridcolumn$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvDatagridcolumn, defineCustomElement };
-//# sourceMappingURL=nv-datagridcolumn.js.map
-
-//# sourceMappingURL=nv-datagridcolumn.js.map
+import{t as e,p as a,H as t,h as s,d as n}from"./p-iXsbKJzR.js";const d=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.repeatTemplate=!1}render(){return s(n,{key:"413044aa941d307aa9a2e96faad28e5c78e20b71"},s("slot",{key:"c32dedbda74aa8204222b797e92a633eb7246c33",name:"header"}),s("slot",{key:"1412fae3228b4f9583a07395411da3fe264da449",name:"cell"}))}},[260,"nv-datagridcolumn",{header:[513],accessor:[513],repeatTemplate:[516,"repeat-template"],group:[513]}]);function o(){"undefined"!=typeof customElements&&["nv-datagridcolumn"].forEach((a=>{"nv-datagridcolumn"===a&&(customElements.get(e(a))||customElements.define(e(a),d))}))}o();const r=d,c=o;export{r as NvDatagridcolumn,c as defineCustomElement}

package/dist/components/nv-dialog.js

@@ -1,362 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-C63Xpg9a.js';
-import { t as tabbable } from './p-D3eWMME9.js';
-import { a as addEventListeners, r as removeEventListeners } from './p-B6GgGra-.js';
-import { u as useFade } from './p-9xYwU7ku.js';
-import { u as useGrow } from './p-D02w_Ru6.js';
-import './p-Dz1GUhVy.js';
-import { p as parallel } from './p-CgHCo_Ho.js';
-import { c as clsx } from './p-ChV9xqsO.js';
-import { b as ButtonType } from './p-BReL3Lsa.js';
-import { d as defineCustomElement$6 } from './p-B45HbBWe.js';
-import { d as defineCustomElement$5 } from './p-DiUP3TzF.js';
-import { d as defineCustomElement$4 } from './p-B5jN7NKA.js';
-import { d as defineCustomElement$3 } from './p-nfYynlVq.js';
-import { d as defineCustomElement$2 } from './p-COnt5ux_.js';
-import { v as v4 } from './p-BdYh22OP.js';
-
-const nvDialogCss = "nv-dialog dialog{width:100vw;height:100svh;margin:0;max-height:unset;max-width:unset;padding:0;background:color-mix(in srgb, var(--components-overlay-background) 70%, transparent);backdrop-filter:blur(4px)}nv-dialog dialog.full .content{min-width:90vw;width:90vw;max-width:90vw}nv-dialog .backdrop{display:flex;min-height:100%;padding:var(--spacing-3);box-shadow:0px var(--shadow-y-axis-2xl) var(--shadow-blur-2xl) var(--shadow-spread-2xl) var(--shadow-color-opacity-3) var(--shadow-color-opacity-3)}nv-dialog .backdrop .content{border-radius:var(--radius-rounded-2xl);background:var(--color-level-00-background);min-width:min(90vw, 400px);width:fit-content;max-width:clamp(90vw, min(90vw, 960px), 960px);margin:auto;display:flex;flex-direction:column;align-items:flex-start;height:fit-content;position:relative}nv-dialog .backdrop .content nv-button.close-button{position:absolute;top:var(--dialog-dismissible-position-top);right:var(--dialog-dismissible-position-right);display:flex;padding:var(--button-sm-icon-button-padding);justify-content:flex-end;align-items:flex-start;gap:10px}nv-dialog .backdrop .content .content-body::-webkit-scrollbar{width:6px;height:6px}nv-dialog .backdrop .content .content-body::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-dialog .backdrop .content .content-body::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-dialog .backdrop .content .content-body{box-sizing:border-box;padding:var(--dialog-body-padding-y) var(--dialog-body-padding-x);scrollbar-gutter:stable both-edges;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);color:var(--color-content-medium-text);width:100%}";
-
-const NvDialog$1 = /*@__PURE__*/ proxyCustomElement(class NvDialog extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.openChanged = createEvent(this, "openChanged", 3);
-        this.eventsAttached = false;
-        this.triggerClickEvents = [
-            ['click', this.show],
-            [
-                'keydown',
-                (e) => {
-                    if (e.key === 'Enter' || e.key === ' ') {
-                        e.preventDefault();
-                        this.show();
-                    }
-                },
-            ],
-        ];
-        /**
-         * Use this prop to toggle the visibility of the dialog. Set to true to show
-         * the dialog and false to hide it.
-         */
-        this.open = false;
-        /**
-         * If true, the dialog cannot be closed by the user.
-         */
-        this.undismissable = false;
-        /**
-         * If true, the dialog will be closed when the backdrop is clicked.
-         */
-        this.clickOutside = false;
-        /**
-         * If true, the dialog visibility is managed manually through methods or the
-         * open prop.
-         */
-        this.controlled = false;
-        /**
-         * If true, the dialog takes full width styling.
-         */
-        this.full = false;
-        /**
-         * Controls whether the dialog should automatically focus the first focusable
-         * element when opened. When disabled, prevents unwanted tooltip triggers on
-         * dialog open.
-         */
-        this.autofocus = false;
-        /**
-         * Checks for and sets up form ID if a form is present
-         */
-        this.checkForForm = () => {
-            if (!this.form) {
-                const formElement = this.el.querySelector('form');
-                if (formElement) {
-                    this.form = this.ensureFormId(formElement);
-                }
-            }
-        };
-        /**
-         * Handles the native dialog close event.
-         */
-        this.handleDialogClose = () => {
-            if (this.open) {
-                this.close();
-            }
-        };
-        /**
-         * Handles the click event to close the dialog when clickOutside is true.
-         * @param {MouseEvent} event - The click event.
-         */
-        this.handleDialogClick = (event) => {
-            if (!this.clickOutside || this.undismissable)
-                return;
-            if (this.checkForOpenPopovers())
-                return;
-            if (event.target === this.backdropElement) {
-                this.close();
-                event.preventDefault();
-                event.stopPropagation();
-            }
-        };
-        this.checkForOpenPopovers = () => {
-            let hasOpenPopover = false;
-            this.el.querySelectorAll('nv-popover').forEach(popover => {
-                if (popover.hasAttribute('open')) {
-                    hasOpenPopover = true;
-                }
-            });
-            return hasOpenPopover;
-        };
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region METHODS
-    /**
-     * Call this method to show the dialog, making it visible on the screen.
-     */
-    async show() {
-        this.open = true;
-        this.preventScroll();
-        /** It is recommended to use the .show() or .showModal() method to render
-         * dialogs, rather than the open attribute. If a <dialog> is opened using
-         * the open attribute, it is non-modal. */
-        const { setFadeOut } = useFade(this.dialogElement);
-        setFadeOut();
-        this.dialogElement.showModal();
-        const { setGrowIn, growIn } = useGrow(this.contentElement, {
-            duration: 100,
-            amount: 0.9,
-        });
-        const { fadeIn } = useFade(this.dialogElement, {
-            duration: 100,
-        });
-        setGrowIn();
-        await parallel(fadeIn, growIn).start();
-    }
-    /**
-     * Call this method to hide the dialog, making it disappear from view.
-     */
-    async close() {
-        this.open = false;
-        this.allowScroll();
-        const { growOut } = useGrow(this.contentElement, {
-            duration: 150,
-            amount: 0.85,
-        });
-        const { fadeOut } = useFade(this.dialogElement, {
-            duration: 150,
-        });
-        await parallel(growOut, fadeOut).start();
-        this.dialogElement.close();
-    }
-    /**
-     * Sets the autofocus on the first focusable element in the dialog.
-     */
-    setAutofocus() {
-        const focusableElements = tabbable(this.dialogElement, {
-            displayCheck: 'none',
-        });
-        if (focusableElements.length > 0) {
-            // Convert to array and find element with smallest top and left position
-            let topLeftElement = focusableElements[0];
-            let topLeftRect = topLeftElement.getBoundingClientRect();
-            focusableElements.forEach(element => {
-                const rect = element.getBoundingClientRect();
-                if (rect.top < topLeftRect.top || rect.left < topLeftRect.left) {
-                    topLeftElement = element;
-                    topLeftRect = rect;
-                }
-            });
-            // Set autofocus attribute on the found element
-            topLeftElement.setAttribute('autofocus', 'true');
-        }
-    }
-    /**
-     * Attaches event listeners to the dialog.
-     */
-    attachEventListeners() {
-        if (this.triggerElement && !this.eventsAttached && !this.controlled) {
-            addEventListeners(this.triggerClickEvents, this.triggerElement, this);
-            this.eventsAttached = true;
-        }
-    }
-    /**
-     * Prevents the body from scrolling when the dialog is open.
-     * Compensates for scrollbar width to prevent layout shift.
-     */
-    preventScroll() {
-        // Calculate scrollbar width
-        const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;
-        // Apply overflow hidden and padding compensation
-        document.documentElement.style.overflow = 'hidden';
-        document.documentElement.style.paddingRight = `${scrollBarWidth}px`;
-    }
-    /**
-     * Allows the body to scroll when the dialog is closed.
-     * Removes the applied overflow and padding styles.
-     */
-    allowScroll() {
-        // Remove the applied styles
-        document.documentElement.style.removeProperty('overflow');
-        document.documentElement.style.removeProperty('padding-right');
-    }
-    ensureFormId(formElement) {
-        if (!formElement.id) {
-            formElement.id = `dialog-form-${v4()}`;
-        }
-        return formElement.id;
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region WATCHERS
-    async handleDialogOpenChange(isOpen) {
-        if (isOpen) {
-            this.show();
-            this.openChanged.emit(isOpen);
-        }
-        else {
-            this.close();
-            this.openChanged.emit(isOpen);
-        }
-    }
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region LISTENERS
-    /**
-     * Handles the keydown event to optionally prevent the native dialog from closing when the escape key is pressed.
-     * @param {KeyboardEvent} event - The keydown event.
-     */
-    handleKeyDown(event) {
-        if (event.key !== 'Escape')
-            return;
-        if (!this.open)
-            return;
-        event.preventDefault();
-        event.stopPropagation();
-        const hasOpenPopover = this.checkForOpenPopovers();
-        if (!this.undismissable && !hasOpenPopover) {
-            event.preventDefault();
-            event.stopPropagation();
-            this.close();
-        }
-    }
-    //#endregion LISTENERS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    /**
-     * Lifecycle method that runs before the component loads.
-     * Initializes the trigger, header, and footer elements by finding them in the component's children.
-     * Elements are found either by their slot attribute or by their tag name (for dialog header/footer)
-     */
-    componentWillLoad() {
-        this.triggerElement = Array.from(this.el.children).find(child => {
-            return child.getAttribute('slot') === 'trigger';
-        });
-        this.headerElement = Array.from(this.el.children).find(child => {
-            return (child.getAttribute('slot') === 'header' ||
-                child.tagName.toLowerCase() === 'nv-dialogheader');
-        });
-        this.footerElement = Array.from(this.el.children).find(child => {
-            return (child.getAttribute('slot') === 'footer' ||
-                child.tagName.toLowerCase() === 'nv-dialogfooter');
-        });
-        // Initial form check
-        this.checkForForm();
-    }
-    componentWillUpdate() {
-        this.attachEventListeners();
-    }
-    componentDidLoad() {
-        if (this.open) {
-            this.show();
-        }
-        // Only set autofocus if the prop is true and no element already has autofocus
-        if (this.autofocus && !this.dialogElement.querySelector('[autofocus]')) {
-            this.setAutofocus();
-        }
-        this.attachEventListeners();
-        // Additional form check in case form was added after initial load
-        this.checkForForm();
-        // this.setupContentBodyListeners();
-    }
-    disconnectedCallback() {
-        if (this.triggerElement && !this.eventsAttached && !this.controlled) {
-            removeEventListeners(this.triggerClickEvents, this.triggerElement, this);
-            this.eventsAttached = false;
-        }
-        this.allowScroll();
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        const hasForm = this.form || this.el.querySelector('form');
-        return (h(Host, { key: 'e1837ebe65fcf0e56880438b59a5e8c4b5873926' }, h("slot", { key: '543e69780f3dad15a91b4bcb1f4199153bbce1b3', name: "trigger" }), h("dialog", { key: 'ef1600f73c8d25744b3b69356e1c4a98e605be1e', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, onClick: this.handleDialogClick, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsx({ full: this.full }) }, h("div", { key: '894e91291a5ee2a1c26a658e1ca7aaf237d71069', class: "backdrop", ref: el => (this.backdropElement = el) }, h("div", { key: '78700c26d1ec553d67a8e62f3f3628fab8deb49a', class: "content", ref: el => (this.contentElement = el) }, !this.undismissable && (h("nv-button", { key: 'd042c828bc6886091128425ea3e5c73035a0cea1', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDialogClose, "aria-label": "Close dialog" }, h("nv-icon", { key: '035273dd23255883a7a5feb354d230242683e00e', name: "x", size: "sm" }))), this.headerElement ? (h("slot", { name: "header" })) : (h("nv-dialogheader", { id: "dialog-header" })), h("div", { key: 'd86417aae675f8611312495d31ca8d0b58c2caaf', class: "content-body", id: "dialog-content" }, h("slot", { key: 'cb48b94b846097d04ffd98c6689cd4116e8cd9f9' })), this.footerElement ? (h("slot", { name: "footer" })) : (h("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? ButtonType.Submit : ButtonType.Button, onDialogCanceled: this.handleDialogClose, undismissable: this.undismissable })))))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "open": ["handleDialogOpenChange"]
-    }; }
-    static get style() { return nvDialogCss; }
-}, [260, "nv-dialog", {
-        "triggerElement": [1040],
-        "headerElement": [1040],
-        "footerElement": [1040],
-        "open": [1540],
-        "undismissable": [516],
-        "clickOutside": [516, "click-outside"],
-        "controlled": [516],
-        "full": [516],
-        "autofocus": [516],
-        "show": [64],
-        "close": [64]
-    }, [[4, "keydown", "handleKeyDown"]], {
-        "open": ["handleDialogOpenChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-dialog", "nv-button", "nv-dialogfooter", "nv-dialogheader", "nv-icon", "nv-loader"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-dialog":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvDialog$1);
-            }
-            break;
-        case "nv-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "nv-dialogfooter":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "nv-dialogheader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "nv-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "nv-loader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvDialog = NvDialog$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvDialog, defineCustomElement };
-//# sourceMappingURL=nv-dialog.js.map
-
-//# sourceMappingURL=nv-dialog.js.map
+import{t,p as o,H as i,c as s,h as e,d as a}from"./p-iXsbKJzR.js";import{t as n}from"./p-D3eWMME9.js";import{a as r,r as d}from"./p-B6GgGra-.js";import{u as l}from"./p-9xYwU7ku.js";import{u as h}from"./p-D02w_Ru6.js";import"./p-Dz1GUhVy.js";import{p as c}from"./p-CgHCo_Ho.js";import{c as m}from"./p-ChV9xqsO.js";import{b as p}from"./p-BReL3Lsa.js";import{d as f}from"./p-Cq5FI49y.js";import{d as b}from"./p-BqRuoNHJ.js";import{d as g}from"./p-CGXDiomF.js";import{d as u}from"./p-Bg-b6OWh.js";import{d as v}from"./p-tJDdN0lo.js";import{v as w}from"./p-BdYh22OP.js";const y=o(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.openChanged=s(this,"openChanged",3),this.eventsAttached=!1,this.triggerClickEvents=[["click",this.show],["keydown",t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.show())}]],this.open=!1,this.undismissable=!1,this.clickOutside=!1,this.controlled=!1,this.full=!1,this.autofocus=!1,this.checkForForm=()=>{if(!this.form){const t=this.el.querySelector("form");t&&(this.form=this.ensureFormId(t))}},this.handleDialogClose=()=>{this.open&&this.close()},this.handleDialogClick=t=>{this.clickOutside&&!this.undismissable&&(this.checkForOpenPopovers()||t.target===this.backdropElement&&(this.close(),t.preventDefault(),t.stopPropagation()))},this.checkForOpenPopovers=()=>{let t=!1;return this.el.querySelectorAll("nv-popover").forEach((o=>{o.hasAttribute("open")&&(t=!0)})),t}}async show(){this.open=!0,this.preventScroll();const{setFadeOut:t}=l(this.dialogElement);t(),this.dialogElement.showModal();const{setGrowIn:o,growIn:i}=h(this.contentElement,{duration:100,amount:.9}),{fadeIn:s}=l(this.dialogElement,{duration:100});o(),await c(s,i).start()}async close(){this.open=!1,this.allowScroll();const{growOut:t}=h(this.contentElement,{duration:150,amount:.85}),{fadeOut:o}=l(this.dialogElement,{duration:150});await c(t,o).start(),this.dialogElement.close()}setAutofocus(){const t=n(this.dialogElement,{displayCheck:"none"});if(t.length>0){let o=t[0],i=o.getBoundingClientRect();t.forEach((t=>{const s=t.getBoundingClientRect();(s.top<i.top||s.left<i.left)&&(o=t,i=s)})),o.setAttribute("autofocus","true")}}attachEventListeners(){!this.triggerElement||this.eventsAttached||this.controlled||(r(this.triggerClickEvents,this.triggerElement,this),this.eventsAttached=!0)}preventScroll(){const t=window.innerWidth-document.documentElement.clientWidth;document.documentElement.style.overflow="hidden",document.documentElement.style.paddingRight=t+"px"}allowScroll(){document.documentElement.style.removeProperty("overflow"),document.documentElement.style.removeProperty("padding-right")}ensureFormId(t){return t.id||(t.id="dialog-form-"+w()),t.id}async handleDialogOpenChange(t){t?(this.show(),this.openChanged.emit(t)):(this.close(),this.openChanged.emit(t))}handleKeyDown(t){if("Escape"!==t.key)return;if(!this.open)return;t.preventDefault(),t.stopPropagation();const o=this.checkForOpenPopovers();this.undismissable||o||(t.preventDefault(),t.stopPropagation(),this.close())}componentWillLoad(){this.headerElement||(this.headerElement=this.el.querySelector('[slot="header"]')??this.el.querySelector("nv-dialogheader")),this.footerElement||(this.footerElement=this.el.querySelector('[slot="footer"]')??this.el.querySelector("nv-dialogfooter")),this.checkForForm()}componentDidRender(){this.triggerElement=this.el.querySelector('[slot="trigger"]'),this.attachEventListeners()}componentDidLoad(){this.open&&this.show(),this.autofocus&&!this.dialogElement.querySelector("[autofocus]")&&this.setAutofocus(),this.checkForForm()}disconnectedCallback(){!this.triggerElement||this.eventsAttached||this.controlled||(d(this.triggerClickEvents,this.triggerElement,this),this.eventsAttached=!1),this.allowScroll()}render(){const t=this.form||this.el.querySelector("form");return e(a,{key:"3117cc6be5dfcdb0fd561bb7b8cc0179233adca5"},e("slot",{key:"3462bbebcb37fe65ef192b47562ee554263d8e3d",name:"trigger"}),e("dialog",{key:"2baee57bc9924ac6a7f0e5511228877283c67b7e",ref:t=>this.dialogElement=t,onClose:this.handleDialogClose,onClick:this.handleDialogClick,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-header","aria-describedby":"dialog-content",class:m({full:this.full})},e("div",{key:"6083efe9e58d402c6df91f57bf45ca2ea77acb3b",class:"backdrop",ref:t=>this.backdropElement=t},e("div",{key:"e133552c05d709d9fb95ca97d4fae1fbba135585",class:"content",ref:t=>this.contentElement=t},!this.undismissable&&e("nv-button",{key:"81830f0546f280cf2401f765252fee0a464fca2e",class:"close-button",emphasis:"lower",size:"sm",onClick:this.handleDialogClose,"aria-label":"Close dialog"},e("nv-icon",{key:"95a5eff054aad7385c440c1c1833d994b21c0583",name:"x",size:"sm"})),this.headerElement?e("slot",{name:"header"}):e("nv-dialogheader",{id:"dialog-header"}),e("div",{key:"8ec787b70862976f09f8bbaa2f2acbd743abd9c5",class:"content-body",id:"dialog-content"},e("slot",{key:"6939345af1fa362fe9575948f099cf19dee54590"})),this.footerElement?e("slot",{name:"footer"}):e("nv-dialogfooter",{form:this.form,primaryButtonType:t?p.Submit:p.Button,onDialogCanceled:this.handleDialogClose,undismissable:this.undismissable})))))}get el(){return this}static get watchers(){return{open:[{handleDialogOpenChange:0}]}}static get style(){return"nv-dialog dialog{width:100vw;height:100svh;margin:0;max-height:unset;max-width:unset;padding:0;background:color-mix(in srgb, var(--components-overlay-background) 70%, transparent);backdrop-filter:blur(4px)}nv-dialog dialog.full .content{min-width:90vw;width:90vw;max-width:90vw}nv-dialog .backdrop{display:flex;min-height:100%;padding:var(--spacing-3);box-shadow:0px var(--shadow-y-axis-2xl) var(--shadow-blur-2xl) var(--shadow-spread-2xl) var(--shadow-color-opacity-3) var(--shadow-color-opacity-3)}nv-dialog .backdrop .content{border-radius:var(--radius-rounded-2xl);background:var(--color-level-00-background);min-width:min(90vw, 400px);width:fit-content;max-width:clamp(90vw, min(90vw, 960px), 960px);margin:auto;display:flex;flex-direction:column;align-items:flex-start;height:fit-content;position:relative}nv-dialog .backdrop .content nv-button.close-button{position:absolute;top:var(--dialog-dismissible-position-top);right:var(--dialog-dismissible-position-right);display:flex;padding:var(--button-sm-icon-button-padding);justify-content:flex-end;align-items:flex-start;gap:10px}nv-dialog .backdrop .content .content-body::-webkit-scrollbar{width:6px;height:6px}nv-dialog .backdrop .content .content-body::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-dialog .backdrop .content .content-body::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-dialog .backdrop .content .content-body{box-sizing:border-box;padding:var(--dialog-body-padding-y) var(--dialog-body-padding-x);scrollbar-gutter:stable both-edges;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);color:var(--color-content-medium-text);width:100%}"}},[260,"nv-dialog",{headerElement:[1040],footerElement:[1040],open:[1540],undismissable:[516],clickOutside:[516,"click-outside"],controlled:[516],full:[516],autofocus:[516],show:[64],close:[64]},[[4,"keydown","handleKeyDown"]],{open:[{handleDialogOpenChange:0}]}]);function k(){"undefined"!=typeof customElements&&["nv-dialog","nv-button","nv-dialogfooter","nv-dialogheader","nv-icon","nv-loader"].forEach((o=>{switch(o){case"nv-dialog":customElements.get(t(o))||customElements.define(t(o),y);break;case"nv-button":customElements.get(t(o))||f();break;case"nv-dialogfooter":customElements.get(t(o))||b();break;case"nv-dialogheader":customElements.get(t(o))||g();break;case"nv-icon":customElements.get(t(o))||u();break;case"nv-loader":customElements.get(t(o))||v()}}))}k();const x=y,j=k;export{x as NvDialog,j as defineCustomElement}

package/dist/components/nv-dialogfooter.js

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

package/dist/components/nv-dialogheader.js

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