@nova-design-system/nova-react 3.0.0-beta.44 → 3.0.0-beta.45

package/dist/cjs/nv-badge_2.entry-DKGHx4c8.js

@@ -1,194 +0,0 @@
-'use strict';
-
-var index = require('./index-BZCQTWfv.js');
-var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
-var timeline_animation1b88f052 = require('./timeline.animation-1b88f052-B8-vCVrY.js');
-var fade_animation2a077983 = require('./fade.animation-2a077983-aKN0EDTo.js');
-require('react');
-
-const nvBadgeCss = "nv-badge{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.with-gap{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content;gap:var(--badge-gap-x)}nv-badge:not(.with-gap){padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.badge-1{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-1 .close:focus,nv-badge.badge-1 .close:focus-within{outline:none}nv-badge.badge-1 .close:focus-visible,nv-badge.badge-1 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-1 nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-2{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-2 .close:focus,nv-badge.badge-2 .close:focus-within{outline:none}nv-badge.badge-2 .close:focus-visible,nv-badge.badge-2 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-2 nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-3{color:var(--color-rainbow-3-text);background-color:var(--color-rainbow-3-background);border-color:var(--color-rainbow-3-border)}nv-badge.badge-3 .close:focus,nv-badge.badge-3 .close:focus-within{outline:none}nv-badge.badge-3 .close:focus-visible,nv-badge.badge-3 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-3 nv-icon{color:var(--color-rainbow-3-icon)}nv-badge.badge-4{color:var(--color-rainbow-4-text);background-color:var(--color-rainbow-4-background);border-color:var(--color-rainbow-4-border)}nv-badge.badge-4 .close:focus,nv-badge.badge-4 .close:focus-within{outline:none}nv-badge.badge-4 .close:focus-visible,nv-badge.badge-4 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-4 nv-icon{color:var(--color-rainbow-4-icon)}nv-badge.badge-5{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-5 .close:focus,nv-badge.badge-5 .close:focus-within{outline:none}nv-badge.badge-5 .close:focus-visible,nv-badge.badge-5 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-5 nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-6{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-6 .close:focus,nv-badge.badge-6 .close:focus-within{outline:none}nv-badge.badge-6 .close:focus-visible,nv-badge.badge-6 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-6 nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-7{color:var(--color-rainbow-7-text);background-color:var(--color-rainbow-7-background);border-color:var(--color-rainbow-7-border)}nv-badge.badge-7 .close:focus,nv-badge.badge-7 .close:focus-within{outline:none}nv-badge.badge-7 .close:focus-visible,nv-badge.badge-7 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-7 nv-icon{color:var(--color-rainbow-7-icon)}nv-badge.badge-8{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-8 .close:focus,nv-badge.badge-8 .close:focus-within{outline:none}nv-badge.badge-8 .close:focus-visible,nv-badge.badge-8 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-8 nv-icon{color:var(--color-rainbow-8-icon)}nv-badge.badge-9{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-9 .close:focus,nv-badge.badge-9 .close:focus-within{outline:none}nv-badge.badge-9 .close:focus-visible,nv-badge.badge-9 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-9 nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-10{color:var(--color-rainbow-10-text);background-color:var(--color-rainbow-10-background);border-color:var(--color-rainbow-10-border)}nv-badge.badge-10 .close:focus,nv-badge.badge-10 .close:focus-within{outline:none}nv-badge.badge-10 .close:focus-visible,nv-badge.badge-10 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-10 nv-icon{color:var(--color-rainbow-10-icon)}nv-badge span{font-size:var(--font-size-xs);line-height:var(--line-height-xs) !important}nv-badge nv-icon>svg.icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-sm{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-md{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-lg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-xl{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge .close{padding:0;line-height:0;border:none;background:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;aspect-ratio:1/1;border-radius:var(--radius-rounded-full)}";
-const NvBadgeStyle0 = nvBadgeCss;
-
-const NvBadge = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.closeClicked = index.createEvent(this, "closeClicked");
-        this.hiddenChanged = index.createEvent(this, "hiddenChanged");
-        this.hiddenChangedComplete = index.createEvent(this, "hiddenChangedComplete");
-        /****************************************************************************/
-        //#region DEPRECATED
-        /**
-         * Whether the badge is dismissible.
-         * @deprecated use dismissible instead.
-         */
-        this.dismissal = false;
-        //#endregion DEPRECATED
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * The color of the badge. Use a string between 1 to 10
-         */
-        this.color = '1';
-        /**
-         * Main content of the badge.
-         */
-        this.label = null;
-        /**
-         * The lead icon of the badge.
-         */
-        this.leadIcon = null;
-        /**
-         * Whether the badge is dismissible.
-         */
-        this.dismissible = false;
-        /**
-         * Controls the visibility of the badge. Will animate with fade and collapse.
-         */
-        this.hidden = false; // eslint-disable-line @stencil-community/reserved-member-names
-        this._isHidden = this.hidden;
-        /**
-         * When true, the alert does not automatically close upon dismissing.
-         * Useful for externally controlled component behavior.
-         */
-        this.preventAutoClose = false;
-        //#endregion LIFECYCLE
-        /****************************************************************************/
-        //#region METHODS
-        /**
-         * Handles the close button click.
-         * @param {MouseEvent} originalEvent - The original event.
-         */
-        this.handleClose = (originalEvent) => {
-            if (!this.preventAutoClose) {
-                this.hidden = true;
-            }
-            this.closeClicked.emit(originalEvent);
-        };
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region WATCHERS
-    /**
-     * Handles the dismissal prop change.
-     * @param {boolean} dismissal - The new dismissal value.
-     */
-    handleDismissalChange(dismissal) {
-        this.dismissible = dismissal;
-    }
-    /**
-     * Handles the icon prop change.
-     * @param {string} icon - The new icon value.
-     */
-    handleIconChange(icon) {
-        this.leadIcon = icon;
-    }
-    /**
-     * Handles the hidden prop change.
-     * @param {boolean} hidden - The new hidden value.
-     */
-    async handleHiddenChange(hidden) {
-        this.hiddenChanged.emit(hidden);
-        if (this._isHidden === true)
-            this._isHidden = hidden;
-        const { fadeIn, fadeOut } = fade_animation2a077983.useFade(this.ref, { duration: 150 });
-        const { collapse, expand } = timeline_animation1b88f052.useCollapse(this.ref, { duration: 150 });
-        if (hidden === true)
-            await timeline_animation1b88f052.timeline(fadeOut, collapse).start();
-        if (hidden === false)
-            await timeline_animation1b88f052.timeline(expand, fadeIn).start();
-        this.hiddenChangedComplete.emit(hidden);
-        if (this._isHidden === false)
-            this._isHidden = hidden;
-    }
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    /**
-     * Component will load.
-     */
-    componentWillLoad() {
-        if (this.dismissal) {
-            this.dismissible = this.dismissal;
-        }
-        if (this.icon != null && this.icon != '') {
-            this.leadIcon = this.icon;
-        }
-        if (this.hidden) {
-            const { setCollapsed } = timeline_animation1b88f052.useCollapse(this.ref);
-            const { setFadeOut } = fade_animation2a077983.useFade(this.ref);
-            setCollapsed();
-            setFadeOut();
-        }
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (index.h(index.Host, { key: '0fe871313f0a98b8dfb4b84e1fc4898ae73baa69', class: clsx297c1ffe.clsx(`badge-${this.color} with-gap`, {
-                'has-close': this.dismissible,
-                'visually-hidden': this._isHidden,
-            }) }, index.h("slot", { key: '728a5ed5ad4795619bf0bc1c89478c68bc47497a', name: "leading-icon" }, this.leadIcon && (index.h("nv-icon", { key: '4b48fc280769ffe520c6a8f15eb2b283cb42243b', slot: "leading-icon", name: this.leadIcon, size: "sm" }))), this.label && index.h("span", { key: 'c1f3ab6775ffcf3079bf2c861fb34831aa5ffda7' }, this.label), index.h("span", { key: '352cca4c6a6ffb300c25f7ed05d9fdca3fda161c' }, index.h("slot", { key: 'a0a36898691b9a3cf42eb1d87ab3fb3084ae8489' })), this.dismissible && (index.h("button", { key: 'e5702056e9a2080d15df91d2bc3a32898bdc0ce5', onClick: this.handleClose, class: "close", type: "button" }, index.h("nv-icon", { key: '23a856aaa98c4489cd1dabe2eb4a88a5d9065e92', name: "x", size: "sm" })))));
-    }
-    get ref() { return index.getElement(this); }
-    static get watchers() { return {
-        "dismissal": ["handleDismissalChange"],
-        "icon": ["handleIconChange"],
-        "hidden": ["handleHiddenChange"]
-    }; }
-};
-NvBadge.style = NvBadgeStyle0;
-
-const nvFielddropdownitemcheckCss = "nv-fielddropdownitemcheck{cursor:pointer;display:flex;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);border-radius:var(--list-dropdown-item-radius)}nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck:hover{background-color:var(--components-list-dropdown-item-background-hover)}";
-const NvFielddropdownitemcheckStyle0 = nvFielddropdownitemcheckCss;
-
-const NvFielddropdownitemcheck = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.itemChecked = index.createEvent(this, "itemChecked");
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Indicates whether the checkbox is selected.
-         */
-        this.checked = false;
-        /**
-         * Disables the item, preventing any user interaction.
-         */
-        this.disabled = false;
-        /**
-         * when the child <nv-fieldcheckbox> change its `checked` state,
-         * update `this.checked` and emit `itemChecked`.
-         * @param {CustomEvent<boolean>} event - The event emitted by the <nv-fieldcheckbox> component.
-         */
-        this.onFieldcheckboxChanged = (event) => {
-            if (this.disabled)
-                return;
-            // NvFieldcheckbox has emitted checkedChanged
-            this.checked = event.detail; // get the new state
-            this.itemChecked.emit({
-                value: this.value,
-                checked: this.checked,
-                group: this.group,
-            });
-        };
-        /** Make sure the checkbox is checked when clicked anywhere in the item. */
-        this.handleClick = () => {
-            if (this.disabled)
-                return;
-            if (this.el.querySelector('input').checked) {
-                this.checked = false;
-            }
-            else {
-                this.checked = true;
-            }
-        };
-    }
-    render() {
-        return (index.h(index.Host, { key: '99198b739ef8440c24997cd06c563b2c7b0fbcc0', onClick: this.handleClick }, index.h("nv-fieldcheckbox", { key: 'f57f89e6c9e889e254809c0587f92d05339b0116', checked: this.checked, name: this.label || this.value, label: this.label || this.value, "label-placement": "after", description: this.description, disabled: this.disabled, tabindex: "-1", role: "option", onCheckedChanged: this.onFieldcheckboxChanged })));
-    }
-    get el() { return index.getElement(this); }
-};
-NvFielddropdownitemcheck.style = NvFielddropdownitemcheckStyle0;
-
-exports.nv_badge = NvBadge;
-exports.nv_fielddropdownitemcheck = NvFielddropdownitemcheck;

package/dist/cjs/nv-badge_2.entry-im1VnU5f.js

@@ -1,195 +0,0 @@
-'use strict';
-
-var index = require('./index-CDe7nrrW.js');
-var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
-var timeline_animation1b88f052 = require('./timeline.animation-1b88f052-B8-vCVrY.js');
-var fade_animation2a077983 = require('./fade.animation-2a077983-aKN0EDTo.js');
-require('react');
-
-const nvBadgeCss = "nv-badge{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.with-gap{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content;gap:var(--badge-gap-x)}nv-badge:not(.with-gap){padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.badge-1{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-1 .close:focus,nv-badge.badge-1 .close:focus-within{outline:none}nv-badge.badge-1 .close:focus-visible,nv-badge.badge-1 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-1 nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-2{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-2 .close:focus,nv-badge.badge-2 .close:focus-within{outline:none}nv-badge.badge-2 .close:focus-visible,nv-badge.badge-2 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-2 nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-3{color:var(--color-rainbow-3-text);background-color:var(--color-rainbow-3-background);border-color:var(--color-rainbow-3-border)}nv-badge.badge-3 .close:focus,nv-badge.badge-3 .close:focus-within{outline:none}nv-badge.badge-3 .close:focus-visible,nv-badge.badge-3 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-3 nv-icon{color:var(--color-rainbow-3-icon)}nv-badge.badge-4{color:var(--color-rainbow-4-text);background-color:var(--color-rainbow-4-background);border-color:var(--color-rainbow-4-border)}nv-badge.badge-4 .close:focus,nv-badge.badge-4 .close:focus-within{outline:none}nv-badge.badge-4 .close:focus-visible,nv-badge.badge-4 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-4 nv-icon{color:var(--color-rainbow-4-icon)}nv-badge.badge-5{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-5 .close:focus,nv-badge.badge-5 .close:focus-within{outline:none}nv-badge.badge-5 .close:focus-visible,nv-badge.badge-5 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-5 nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-6{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-6 .close:focus,nv-badge.badge-6 .close:focus-within{outline:none}nv-badge.badge-6 .close:focus-visible,nv-badge.badge-6 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-6 nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-7{color:var(--color-rainbow-7-text);background-color:var(--color-rainbow-7-background);border-color:var(--color-rainbow-7-border)}nv-badge.badge-7 .close:focus,nv-badge.badge-7 .close:focus-within{outline:none}nv-badge.badge-7 .close:focus-visible,nv-badge.badge-7 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-7 nv-icon{color:var(--color-rainbow-7-icon)}nv-badge.badge-8{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-8 .close:focus,nv-badge.badge-8 .close:focus-within{outline:none}nv-badge.badge-8 .close:focus-visible,nv-badge.badge-8 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-8 nv-icon{color:var(--color-rainbow-8-icon)}nv-badge.badge-9{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-9 .close:focus,nv-badge.badge-9 .close:focus-within{outline:none}nv-badge.badge-9 .close:focus-visible,nv-badge.badge-9 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-9 nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-10{color:var(--color-rainbow-10-text);background-color:var(--color-rainbow-10-background);border-color:var(--color-rainbow-10-border)}nv-badge.badge-10 .close:focus,nv-badge.badge-10 .close:focus-within{outline:none}nv-badge.badge-10 .close:focus-visible,nv-badge.badge-10 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-10 nv-icon{color:var(--color-rainbow-10-icon)}nv-badge span{font-size:var(--font-size-xs);line-height:var(--line-height-xs) !important}nv-badge nv-icon>svg.icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-sm{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-md{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-lg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-xl{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge .close{padding:0;line-height:0;border:none;background:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;aspect-ratio:1/1;border-radius:var(--radius-rounded-full)}";
-const NvBadgeStyle0 = nvBadgeCss;
-
-const NvBadge = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.closeClicked = index.createEvent(this, "closeClicked");
-        this.hiddenChanged = index.createEvent(this, "hiddenChanged");
-        this.hiddenChangedComplete = index.createEvent(this, "hiddenChangedComplete");
-        /****************************************************************************/
-        //#region DEPRECATED
-        /**
-         * Whether the badge is dismissible.
-         * @deprecated use dismissible instead.
-         */
-        this.dismissal = false;
-        //#endregion DEPRECATED
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * The color of the badge. Use a string between 1 to 10
-         */
-        this.color = '1';
-        /**
-         * Main content of the badge.
-         */
-        this.label = null;
-        /**
-         * The lead icon of the badge.
-         */
-        this.leadIcon = null;
-        /**
-         * Whether the badge is dismissible.
-         */
-        this.dismissible = false;
-        /**
-         * Controls the visibility of the badge. Will animate with fade and collapse.
-         */
-        this.hidden = false; // eslint-disable-line @stencil-community/reserved-member-names
-        this._isHidden = this.hidden;
-        /**
-         * When true, the alert does not automatically close upon dismissing.
-         * Useful for externally controlled component behavior.
-         */
-        this.preventAutoClose = false;
-        //#endregion LIFECYCLE
-        /****************************************************************************/
-        //#region METHODS
-        /**
-         * Handles the close button click.
-         * @param {MouseEvent} originalEvent - The original event.
-         */
-        this.handleClose = (originalEvent) => {
-            if (!this.preventAutoClose) {
-                this.hidden = true;
-            }
-            this.closeClicked.emit(originalEvent);
-        };
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region WATCHERS
-    /**
-     * Handles the dismissal prop change.
-     * @param {boolean} dismissal - The new dismissal value.
-     */
-    handleDismissalChange(dismissal) {
-        this.dismissible = dismissal;
-    }
-    /**
-     * Handles the icon prop change.
-     * @param {string} icon - The new icon value.
-     */
-    handleIconChange(icon) {
-        this.leadIcon = icon;
-    }
-    /**
-     * Handles the hidden prop change.
-     * @param {boolean} hidden - The new hidden value.
-     */
-    async handleHiddenChange(hidden) {
-        this.hiddenChanged.emit(hidden);
-        if (this._isHidden === true)
-            this._isHidden = hidden;
-        const { fadeIn, fadeOut } = fade_animation2a077983.useFade(this.ref, { duration: 150 });
-        const { collapse, expand } = timeline_animation1b88f052.useCollapse(this.ref, { duration: 150 });
-        if (hidden === true)
-            await timeline_animation1b88f052.timeline(fadeOut, collapse).start();
-        if (hidden === false)
-            await timeline_animation1b88f052.timeline(expand, fadeIn).start();
-        this.hiddenChangedComplete.emit(hidden);
-        if (this._isHidden === false)
-            this._isHidden = hidden;
-    }
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    /**
-     * Component will load.
-     */
-    componentWillLoad() {
-        if (this.dismissal) {
-            this.dismissible = this.dismissal;
-        }
-        if (this.icon != null && this.icon != '') {
-            this.leadIcon = this.icon;
-        }
-        if (this.hidden) {
-            const { setCollapsed } = timeline_animation1b88f052.useCollapse(this.ref);
-            const { setFadeOut } = fade_animation2a077983.useFade(this.ref);
-            setCollapsed();
-            setFadeOut();
-        }
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (index.h(index.Host, { key: '207562298c8eda37a3294b3c8809c82b0c477ae8', class: clsx297c1ffe.clsx(`badge-${this.color}`, {
-                'has-close': this.dismissible,
-                'with-gap': this.dismissible || this.label,
-                'visually-hidden': this._isHidden,
-            }) }, index.h("slot", { key: '01b00841a90930cc815ab46cb8c49233986d40fd', name: "leading-icon" }, this.leadIcon && (index.h("nv-icon", { key: 'aaa51536da7e47ad85a1ed886d99a28232fb03de', slot: "leading-icon", name: this.leadIcon, size: "sm" }))), index.h("slot", { key: '02234a46ee57a39af12ecdf32f895adc9f90947d' }, this.label && index.h("span", { key: '18a192c7733ac6f592d508e043ebc7d039f7c51f' }, this.label)), this.dismissible && (index.h("button", { key: 'e8e7d7d0de74466f444c5742544de3731b1e96b8', onClick: this.handleClose, class: "close", type: "button" }, index.h("nv-icon", { key: 'c32ef22c8865c8eaaab8be4c5c97b1db269f071a', name: "x", size: "sm" })))));
-    }
-    get ref() { return index.getElement(this); }
-    static get watchers() { return {
-        "dismissal": ["handleDismissalChange"],
-        "icon": ["handleIconChange"],
-        "hidden": ["handleHiddenChange"]
-    }; }
-};
-NvBadge.style = NvBadgeStyle0;
-
-const nvFielddropdownitemcheckCss = "nv-fielddropdownitemcheck{cursor:pointer;display:flex;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);border-radius:var(--list-dropdown-item-radius)}nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck:hover{background-color:var(--components-list-dropdown-item-background-hover)}";
-const NvFielddropdownitemcheckStyle0 = nvFielddropdownitemcheckCss;
-
-const NvFielddropdownitemcheck = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.itemChecked = index.createEvent(this, "itemChecked");
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Indicates whether the checkbox is selected.
-         */
-        this.checked = false;
-        /**
-         * Disables the item, preventing any user interaction.
-         */
-        this.disabled = false;
-        /**
-         * when the child <nv-fieldcheckbox> change its `checked` state,
-         * update `this.checked` and emit `itemChecked`.
-         * @param {CustomEvent<boolean>} event - The event emitted by the <nv-fieldcheckbox> component.
-         */
-        this.onFieldcheckboxChanged = (event) => {
-            if (this.disabled)
-                return;
-            // NvFieldcheckbox has emitted checkedChanged
-            this.checked = event.detail; // get the new state
-            this.itemChecked.emit({
-                value: this.value,
-                checked: this.checked,
-                group: this.group,
-            });
-        };
-        /** Make sure the checkbox is checked when clicked anywhere in the item. */
-        this.handleClick = () => {
-            if (this.disabled)
-                return;
-            if (this.el.querySelector('input').checked) {
-                this.checked = false;
-            }
-            else {
-                this.checked = true;
-            }
-        };
-    }
-    render() {
-        return (index.h(index.Host, { key: '69e403031200efea98b211ed6d69d3a21338bea0', onClick: this.handleClick }, index.h("nv-fieldcheckbox", { key: '0d12dbeef8532087d950bfc4e14994821b1cd3f1', checked: this.checked, name: this.label || this.value, label: this.label || this.value, "label-placement": "after", description: this.description, disabled: this.disabled, tabindex: "-1", role: "option", onCheckedChanged: this.onFieldcheckboxChanged })));
-    }
-    get el() { return index.getElement(this); }
-};
-NvFielddropdownitemcheck.style = NvFielddropdownitemcheckStyle0;
-
-exports.nv_badge = NvBadge;
-exports.nv_fielddropdownitemcheck = NvFielddropdownitemcheck;

package/dist/cjs/nv-badge_2.entry-wDuiCwys.js

@@ -1,195 +0,0 @@
-'use strict';
-
-var index = require('./index-CinzsZ8D.js');
-var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
-var timeline_animation1b88f052 = require('./timeline.animation-1b88f052-B8-vCVrY.js');
-var fade_animation2a077983 = require('./fade.animation-2a077983-aKN0EDTo.js');
-require('react');
-
-const nvBadgeCss = "nv-badge{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);height:fit-content;width:fit-content}nv-badge.with-gap{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);height:fit-content;width:fit-content;gap:var(--badge-gap-x)}nv-badge:not(.with-gap){padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);height:fit-content;width:fit-content}nv-badge.badge-1{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background)}nv-badge.badge-1 .close:focus,nv-badge.badge-1 .close:focus-within{outline:none}nv-badge.badge-1 .close:focus-visible,nv-badge.badge-1 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-1 nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-2{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background)}nv-badge.badge-2 .close:focus,nv-badge.badge-2 .close:focus-within{outline:none}nv-badge.badge-2 .close:focus-visible,nv-badge.badge-2 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-2 nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-3{color:var(--color-rainbow-3-text);background-color:var(--color-rainbow-3-background)}nv-badge.badge-3 .close:focus,nv-badge.badge-3 .close:focus-within{outline:none}nv-badge.badge-3 .close:focus-visible,nv-badge.badge-3 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-3 nv-icon{color:var(--color-rainbow-3-icon)}nv-badge.badge-4{color:var(--color-rainbow-4-text);background-color:var(--color-rainbow-4-background)}nv-badge.badge-4 .close:focus,nv-badge.badge-4 .close:focus-within{outline:none}nv-badge.badge-4 .close:focus-visible,nv-badge.badge-4 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-4 nv-icon{color:var(--color-rainbow-4-icon)}nv-badge.badge-5{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background)}nv-badge.badge-5 .close:focus,nv-badge.badge-5 .close:focus-within{outline:none}nv-badge.badge-5 .close:focus-visible,nv-badge.badge-5 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-5 nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-6{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background)}nv-badge.badge-6 .close:focus,nv-badge.badge-6 .close:focus-within{outline:none}nv-badge.badge-6 .close:focus-visible,nv-badge.badge-6 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-6 nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-7{color:var(--color-rainbow-7-text);background-color:var(--color-rainbow-7-background)}nv-badge.badge-7 .close:focus,nv-badge.badge-7 .close:focus-within{outline:none}nv-badge.badge-7 .close:focus-visible,nv-badge.badge-7 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-7 nv-icon{color:var(--color-rainbow-7-icon)}nv-badge.badge-8{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background)}nv-badge.badge-8 .close:focus,nv-badge.badge-8 .close:focus-within{outline:none}nv-badge.badge-8 .close:focus-visible,nv-badge.badge-8 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-8 nv-icon{color:var(--color-rainbow-8-icon)}nv-badge.badge-9{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background)}nv-badge.badge-9 .close:focus,nv-badge.badge-9 .close:focus-within{outline:none}nv-badge.badge-9 .close:focus-visible,nv-badge.badge-9 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-9 nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-10{color:var(--color-rainbow-10-text);background-color:var(--color-rainbow-10-background)}nv-badge.badge-10 .close:focus,nv-badge.badge-10 .close:focus-within{outline:none}nv-badge.badge-10 .close:focus-visible,nv-badge.badge-10 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-10 nv-icon{color:var(--color-rainbow-10-icon)}nv-badge span{font-size:var(--font-size-xs);line-height:var(--line-height-xs) !important}nv-badge nv-icon>svg.icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-sm{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-md{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-lg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-xl{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge .close{padding:0;line-height:0;border:none;background:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;aspect-ratio:1/1;border-radius:var(--radius-rounded-full)}";
-const NvBadgeStyle0 = nvBadgeCss;
-
-const NvBadge = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.closeClicked = index.createEvent(this, "closeClicked");
-        this.hiddenChanged = index.createEvent(this, "hiddenChanged");
-        this.hiddenChangedComplete = index.createEvent(this, "hiddenChangedComplete");
-        /****************************************************************************/
-        //#region DEPRECATED
-        /**
-         * Whether the badge is dismissible.
-         * @deprecated use dismissible instead.
-         */
-        this.dismissal = false;
-        //#endregion DEPRECATED
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * The color of the badge. Use a string between 1 to 10
-         */
-        this.color = '1';
-        /**
-         * Main content of the badge.
-         */
-        this.label = null;
-        /**
-         * The lead icon of the badge.
-         */
-        this.leadIcon = null;
-        /**
-         * Whether the badge is dismissible.
-         */
-        this.dismissible = false;
-        /**
-         * Controls the visibility of the badge. Will animate with fade and collapse.
-         */
-        this.hidden = false; // eslint-disable-line @stencil-community/reserved-member-names
-        this._isHidden = this.hidden;
-        /**
-         * When true, the alert does not automatically close upon dismissing.
-         * Useful for externally controlled component behavior.
-         */
-        this.preventAutoClose = false;
-        //#endregion LIFECYCLE
-        /****************************************************************************/
-        //#region METHODS
-        /**
-         * Handles the close button click.
-         * @param {MouseEvent} originalEvent - The original event.
-         */
-        this.handleClose = (originalEvent) => {
-            if (!this.preventAutoClose) {
-                this.hidden = true;
-            }
-            this.closeClicked.emit(originalEvent);
-        };
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region WATCHERS
-    /**
-     * Handles the dismissal prop change.
-     * @param {boolean} dismissal - The new dismissal value.
-     */
-    handleDismissalChange(dismissal) {
-        this.dismissible = dismissal;
-    }
-    /**
-     * Handles the icon prop change.
-     * @param {string} icon - The new icon value.
-     */
-    handleIconChange(icon) {
-        this.leadIcon = icon;
-    }
-    /**
-     * Handles the hidden prop change.
-     * @param {boolean} hidden - The new hidden value.
-     */
-    async handleHiddenChange(hidden) {
-        this.hiddenChanged.emit(hidden);
-        if (this._isHidden === true)
-            this._isHidden = hidden;
-        const { fadeIn, fadeOut } = fade_animation2a077983.useFade(this.ref, { duration: 150 });
-        const { collapse, expand } = timeline_animation1b88f052.useCollapse(this.ref, { duration: 150 });
-        if (hidden === true)
-            await timeline_animation1b88f052.timeline(fadeOut, collapse).start();
-        if (hidden === false)
-            await timeline_animation1b88f052.timeline(expand, fadeIn).start();
-        this.hiddenChangedComplete.emit(hidden);
-        if (this._isHidden === false)
-            this._isHidden = hidden;
-    }
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    /**
-     * Component will load.
-     */
-    componentWillLoad() {
-        if (this.dismissal) {
-            this.dismissible = this.dismissal;
-        }
-        if (this.icon != null && this.icon != '') {
-            this.leadIcon = this.icon;
-        }
-        if (this.hidden) {
-            const { setCollapsed } = timeline_animation1b88f052.useCollapse(this.ref);
-            const { setFadeOut } = fade_animation2a077983.useFade(this.ref);
-            setCollapsed();
-            setFadeOut();
-        }
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (index.h(index.Host, { key: '63f256c6711546ca5304d46c2624e52f35dc2b46', class: clsx297c1ffe.clsx(`badge-${this.color}`, {
-                'has-close': this.dismissible,
-                'with-gap': this.dismissible || this.label,
-                'visually-hidden': this._isHidden,
-            }) }, index.h("slot", { key: '181e608d22c697517ef55dbc4432ac06cdf6892e', name: "leading-icon" }, this.leadIcon && (index.h("nv-icon", { key: '914d75ef9d54e2c8c94c9c99a4efeb59aa654f1c', slot: "leading-icon", name: this.leadIcon, size: "sm" }))), this.label && index.h("span", { key: 'd32ff92840bba1cc983b24a4fee95af065ffef0e' }, this.label), this.dismissible && (index.h("button", { key: '1dbd1e432774e26936f93f7207e1f6eb93fa0819', onClick: this.handleClose, class: "close", type: "button" }, index.h("nv-icon", { key: '8372fb5ba1dafd5758807485a5be3880a009567d', name: "x", size: "sm" })))));
-    }
-    get ref() { return index.getElement(this); }
-    static get watchers() { return {
-        "dismissal": ["handleDismissalChange"],
-        "icon": ["handleIconChange"],
-        "hidden": ["handleHiddenChange"]
-    }; }
-};
-NvBadge.style = NvBadgeStyle0;
-
-const nvFielddropdownitemcheckCss = "nv-fielddropdownitemcheck{cursor:pointer;display:flex;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);border-radius:var(--list-dropdown-item-radius)}nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck:hover{background-color:var(--components-list-dropdown-item-background-hover)}";
-const NvFielddropdownitemcheckStyle0 = nvFielddropdownitemcheckCss;
-
-const NvFielddropdownitemcheck = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.itemChecked = index.createEvent(this, "itemChecked");
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Indicates whether the checkbox is selected.
-         */
-        this.checked = false;
-        /**
-         * Disables the item, preventing any user interaction.
-         */
-        this.disabled = false;
-        /**
-         * when the child <nv-fieldcheckbox> change its `checked` state,
-         * update `this.checked` and emit `itemChecked`.
-         * @param {CustomEvent<boolean>} event - The event emitted by the <nv-fieldcheckbox> component.
-         */
-        this.onFieldcheckboxChanged = (event) => {
-            if (this.disabled)
-                return;
-            // NvFieldcheckbox has emitted checkedChanged
-            this.checked = event.detail; // get the new state
-            this.itemChecked.emit({
-                value: this.value,
-                checked: this.checked,
-                group: this.group,
-            });
-        };
-        /** Make sure the checkbox is checked when clicked anywhere in the item. */
-        this.handleClick = () => {
-            if (this.disabled)
-                return;
-            if (this.el.querySelector('input').checked) {
-                this.checked = false;
-            }
-            else {
-                this.checked = true;
-            }
-        };
-    }
-    render() {
-        return (index.h(index.Host, { key: 'f9445369d2703e0a5fe4417b1968f9a25dc94743', onClick: this.handleClick }, index.h("nv-fieldcheckbox", { key: 'a64195d14834b2a83d3b4c3f1451272fb97ff46a', checked: this.checked, name: this.label || this.value, label: this.label || this.value, "label-placement": "after", description: this.description, disabled: this.disabled, tabindex: "-1", role: "option", onCheckedChanged: this.onFieldcheckboxChanged })));
-    }
-    get el() { return index.getElement(this); }
-};
-NvFielddropdownitemcheck.style = NvFielddropdownitemcheckStyle0;
-
-exports.nv_badge = NvBadge;
-exports.nv_fielddropdownitemcheck = NvFielddropdownitemcheck;