@nova-design-system/nova-webcomponents 3.0.0-beta.37 → 3.0.0-beta.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-webcomponents",
-  "version": "3.0.0-beta.37",
+  "version": "3.0.0-beta.39",
   "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -29,14 +29,18 @@
   "scripts": {
     "build": "rimraf dist && stencil build || exit 1",
     "build.watch": "stencil build --watch",
-    "dev": "stencil build --dev --watch --serve",
+    "dev": "stencil build --config stencil.config.dev.ts --dev --watch --serve",
     "generate": "stencil generate",
     "clean": "rimraf dist loader hydrate www .stencil stories test-results",
     "storybook": "storybook dev -p 6007",
     "storybook.build": "storybook build -o ../../storybook-static/native",
     "typecheck": "tsc --emitDeclarationOnly false --noEmit",
     "playwright": "playwright test",
+    "playwright.coverage": "cross-env COVERAGE=true playwright test",
+    "playwright.coverage:show-report": "npx monocart show-report ../../coverage-playwright/monocart-report.html",
+    "playwright.coverage:show-report-coverage": "open-cli ../../coverage-playwright/code-coverage/v8/index.html",
     "playwright.ci": "playwright test --workers=1",
+    "playwright.ci.coverage": "cross-env COVERAGE=true playwright test --workers=1",
     "playwright.ui": "playwright test --ui",
     "playwright.failed": "playwright test --last-failed",
     "postinstall": "node postinstall.js"
@@ -52,7 +56,7 @@
     "@open-wc/lit-helpers": "0.7.0",
     "@pxtrn/storybook-addon-docs-stencil": "6.4.1",
     "@stencil-community/eslint-plugin": "^0.8.0",
-    "@stencil/angular-output-target": "0.9.0",
+    "@stencil/angular-output-target": "0.10.2",
     "@stencil/core": "4.23.1",
     "@stencil/playwright": "^0.2.1",
     "@stencil/react-output-target": "0.8.1",
@@ -66,6 +70,10 @@
     "nova-utils": "*"
   },
   "exports": {
+    "./nv-calendar": {
+      "import": "./dist/components/nv-calendar.js",
+      "types": "./dist/components/nv-calendar.d.ts"
+    },
     "./nv-toggle": {
       "import": "./dist/components/nv-toggle.js",
       "types": "./dist/components/nv-toggle.d.ts"

package/dist/cjs/app-globals-bd4d701e.js

@@ -1,11 +0,0 @@
-'use strict';
-
-require('./index-5910ba06.js');
-
-const globalFn = () => { };
-
-const globalScripts = globalFn;
-
-exports.globalScripts = globalScripts;
-
-//# sourceMappingURL=app-globals-bd4d701e.js.map

package/dist/cjs/app-globals-bd4d701e.js.map

@@ -1 +0,0 @@
-{"file":"app-globals-bd4d701e.js","mappings":";;;;;;AACY,MAAC,aAAa,GAAGA;;;;","names":["appGlobalScript"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["import appGlobalScript from '/home/runner/work/nova-design-system/nova-design-system/packages/native/src/global.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}

package/dist/cjs/constants-69b40456.js.map

@@ -1 +0,0 @@
-{"file":"constants-69b40456.js","mappings":"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","names":["FeedbackColors","SemanticSizes","ButtonSize","TimeType"],"sources":["src/utils/constants.ts"],"sourcesContent":["export enum FeedbackColors {\n  Information = 'information',\n  Warning = 'warning',\n  Success = 'success',\n  Error = 'error',\n  Neutral = 'neutral',\n}\nexport enum DeprecatedSemanticColors {\n  Neutral = 'neutral',\n  Primary = 'primary',\n  Secondary = 'secondary',\n  Success = 'success',\n  Error = 'error',\n}\nexport enum SemanticSizes {\n  ExtraSmall = 'xs',\n  Small = 'sm',\n  Medium = 'md',\n  Large = 'lg',\n  ExtraLarge = 'xl',\n}\nexport enum ButtonSize {\n  ExtraSmall = 'xs',\n  Small = 'sm',\n  Medium = 'md',\n  Large = 'lg',\n}\nexport enum ButtonEmphasis {\n  High = 'high',\n  Medium = 'medium',\n  Low = 'low',\n  Lower = 'lower',\n}\nexport enum ButtonType {\n  Submit = 'submit',\n  Reset = 'reset',\n  Button = 'button',\n}\nexport enum IconButtonShape {\n  Square = 'square',\n  Rounded = 'rounded',\n}\nexport enum LoaderColors {\n  High = 'brand',\n  Low = 'white',\n}\nexport enum LabelPlacement {\n  Before = 'before',\n  After = 'after',\n}\n\nexport enum TextInputAutocomplete {\n  On = 'on',\n  Off = 'off',\n  Section = 'section-*',\n  Shipping = 'shipping',\n  Billing = 'billing',\n  Home = 'home',\n  Work = 'work',\n  Mobile = 'mobile',\n  Fax = 'fax',\n  Pager = 'pager',\n  Tel = 'tel',\n  TelCountryCode = 'tel-country-code',\n  TelNational = 'tel-national',\n  TelAreaCode = 'tel-area-code',\n  TelLocal = 'tel-local',\n  TelLocalPrefix = 'tel-local-prefix',\n  TelLocalSuffix = 'tel-local-suffix',\n  TelExtension = 'tel-extension',\n  Email = 'email',\n  IMProtocol = 'impp',\n  Name = 'name',\n  HonorificPrefix = 'honorific-prefix',\n  GivenName = 'given-name',\n  AdditionalName = 'additional-name',\n  FamilyName = 'family-name',\n  HonorificSuffix = 'honorific-suffix',\n  Nickname = 'nickname',\n  Username = 'username',\n  NewPassword = 'new-password',\n  CurrentPassword = 'current-password',\n  OneTimeCode = 'one-time-code',\n  OrganizationTitle = 'organization-title',\n  Organization = 'organization',\n  StreetAddress = 'street-address',\n  AddressLine1 = 'address-line1',\n  AddressLine2 = 'address-line2',\n  AddressLine3 = 'address-line3',\n  AddressLevel4 = 'address-level4',\n  AddressLevel3 = 'address-level3',\n  AddressLevel2 = 'address-level2',\n  AddressLevel1 = 'address-level1',\n  Country = 'country',\n  CountryName = 'country-name',\n  PostalCode = 'postal-code',\n  CCName = 'cc-name',\n  CCGivenName = 'cc-given-name',\n  CCAdditionalName = 'cc-additional-name',\n  CCFamilyName = 'cc-family-name',\n  CCNumber = 'cc-number',\n  CCExp = 'cc-exp',\n  CCExpMonth = 'cc-exp-month',\n  CCExpYear = 'cc-exp-year',\n  CCCSC = 'cc-csc',\n  CCType = 'cc-type',\n  TransactionCurrency = 'transaction-currency',\n  TransactionAmount = 'transaction-amount',\n  Language = 'language',\n  Bday = 'bday',\n  BdayDay = 'bday-day',\n  BdayMonth = 'bday-month',\n  BdayYear = 'bday-year',\n  Sex = 'sex',\n  Url = 'url',\n  Photo = 'photo',\n}\n\nexport enum TimeType {\n  Hours = 'hours',\n  Minutes = 'minutes',\n  Seconds = 'seconds',\n}\n"],"version":3}

package/dist/collection/components/nv-fielddropdownitem/DropdownItemSelectedEventDetail.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=DropdownItemSelectedEventDetail.js.map

package/dist/collection/components/nv-fielddropdownitem/DropdownItemSelectedEventDetail.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownItemSelectedEventDetail.js","sourceRoot":"","sources":["../../../src/components/nv-fielddropdownitem/DropdownItemSelectedEventDetail.tsx"],"names":[],"mappings":"","sourcesContent":["/**\n * Interface for the event emitted by the dropdown item.\n */\nexport interface DropdownItemSelectedEventDetail {\n  /**\n   * The value associated with the item.\n   */\n  label?: string;\n\n  /**\n   * The value associated with the item.\n   */\n  value: string;\n\n  /**\n   * Indicates if the item is selected.\n   */\n  selected: boolean;\n\n  /**\n   * Disables the item, preventing any user interaction.\n   */\n  disabled: boolean;\n}\n"]}

package/dist/collection/dev/dev-components.js

@@ -1,3 +0,0 @@
-import { h } from "@stencil/core";
-export const DevComponents = () => (h("div", null, h("div", { class: "py-10 flex justify-center" }, h("nv-breadcrumbs", null, h("nv-breadcrumb", null, h("a", { href: "#" }, "Breadcrumb")), h("nv-breadcrumb", { type: "collapsed", tooltip: "Show more" }, h("li", null, h("a", { href: "#" }, "Breadcrumb")), h("li", null, h("a", { href: "#" }, "Breadcrumb")), h("li", null, h("a", { href: "#" }, "Breadcrumb"))), h("nv-breadcrumb", null, h("a", { href: "#" }, "Breadcrumb")), h("nv-breadcrumb", { current: true }, h("a", { href: "#" }, "Current Page")))), h("div", { class: "flex gap-4 items-start mb-20" }, h("nv-menu", null, h("nv-button", { slot: "trigger" }, "Button"), h("ul", { slot: "content" }, h("nv-menuitem", { id: "foo", disabled: true, "data-testid": "disabled-item" }, "Menu Item 1"), h("nv-menuitem", { id: "bar", "data-testid": "enabled-item" }, "Menu Item 2"))), h("nv-tooltip", { message: "hello!", "group-name": "tooltip-test" }, h("nv-button", null, "Tooltip!"), h("img", { slot: "content", class: "rounded border-white", src: "https://picsum.photos/200/50", alt: "profile" })), h("nv-tooltip", { message: "hello!", "group-name": "tooltip-test" }, h("nv-button", null, "Tooltip!"), h("img", { slot: "content", class: "rounded border-white", src: "https://picsum.photos/200/50", alt: "profile" })), h("nv-tooltip", { message: "hello!", "group-name": "tooltip-test" }, h("nv-button", null, "Tooltip!"), h("img", { slot: "content", class: "rounded border-white", src: "https://picsum.photos/200/50", alt: "profile" })), h("nv-dialog", null, h("nv-button", { slot: "trigger" }, "Dialog!"), h("img", { autofocus: true, src: "https://picsum.photos/400/400" }), h("div", { slot: "footer" }, h("nv-button", null, "Custom Footer"))), h("nv-dialog", { clickOutside: true }, h("nv-button", { slot: "trigger" }, "Default dialog"), h("img", { autofocus: true, src: "https://picsum.photos/400/400" })), h("nv-popover", { placement: "bottom", "has-arrow": true, "trigger-mode": "click" }, h("nv-button", { slot: "trigger" }, "trigger popover"), h("p", { slot: "content" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit.")), h("nv-popover", { placement: "bottom", "has-arrow": true, "group-name": "test", "trigger-mode": "click" }, h("nv-button", { slot: "trigger" }, "trigger popover"), h("p", { slot: "content" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit.")), h("nv-menu", null, h("nv-button", { slot: "trigger" }, h("nv-icon", { name: "menu", slot: "leading-icon" }), "Menu"), h("ul", { slot: "content" }, h("nv-menuitem", { icon: "user", shortcut: "\u2318K", disabled: true }, "Item 1"), h("nv-menuitem", { icon: "bulb", disabled: true }, "Item 2"), h("nv-menuitem", { icon: "bulb" }, "Item 3"), h("nv-menuitem", { icon: "bulb" }, "Item 4"), h("nv-menuitem", { icon: "bulb" }, "Item 5"), h("hr", null), h("nv-menu", { nested: true, placement: "right-start" }, h("nv-menuitem", { slot: "trigger", hasSubmenu: true }, "submenu"), h("ul", { slot: "content" }, h("nv-menuitem", { icon: "bulb" }, "Sub Item 1"), h("nv-menuitem", { icon: "bulb" }, "Sub Item 2"), h("nv-menu", { nested: true, placement: "right-start" }, h("nv-menuitem", { icon: "bulb", slot: "trigger", hasSubmenu: true }, "submenu"), h("ul", { slot: "content" }, h("nv-menuitem", { icon: "bulb" }, "Sub Item 1"), h("nv-menuitem", { icon: "bulb" }, "Sub Item 2"), h("nv-menuitem", { icon: "bulb" }, "Sub Item 3"), h("nv-menuitem", { icon: "bulb" }, "Sub Item 4"))), h("nv-menuitem", { icon: "bulb" }, "Sub Item 4"))), h("nv-menu", { nested: true, placement: "right-start" }, h("nv-menuitem", { slot: "trigger", hasSubmenu: true }, "submenu"), h("ul", { slot: "content" }, h("nv-menuitem", { icon: "bulb" }, "Sub Item 1"), h("nv-menuitem", { icon: "bulb" }, "Sub Item 2"), h("nv-menuitem", { icon: "bulb" }, "Sub Item 3"), h("nv-menuitem", { icon: "bulb" }, "Sub Item 4")))))), h("nv-row", null, h("nv-col", { size: 4 }, "Col-4"), h("nv-col", { size: 8 }, "Col-8")), h("div", { class: "grid grid-cols-5 gap-4" }, h("nv-badge", null), h("nv-badge", { label: "Label" }), h("nv-badge", { "lead-icon": "user" }), h("nv-badge", { label: "Icon slot" }, h("nv-icon", { slot: "leading-icon", name: "user" }, ' ')), h("nv-badge", { label: "Icon slot", "lead-icon": "home" }, h("nv-icon", { slot: "leading-icon", name: "search" }, ' ')), h("nv-badge", { label: "Icon slot" }, h("nv-icon", { slot: "leading-icon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "icon icon-tabler icons-tabler-outline icon-tabler-message-search" }, h("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), h("path", { d: "M8 9h8" }), h("path", { d: "M8 13h5" }), h("path", { d: "M11.008 19.195l-3.008 1.805v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v4.5" }), h("path", { d: "M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" }), h("path", { d: "M20.2 20.2l1.8 1.8" })))), h("nv-badge", { dismissible: true, label: "hello" }), h("nv-badge", { color: "1", label: "Badge color 1", leadIcon: "user" }), h("nv-badge", { color: "2", label: "Badge color 2", leadIcon: "search" }), h("nv-badge", { color: "3", label: "Badge color 3" }), h("nv-badge", { color: "4", label: "Badge color 4" }), h("nv-badge", { color: "5", label: "Badge color 5" }), h("nv-badge", { color: "6", label: "Badge color 6" }), h("nv-badge", { color: "7", label: "Badge color 7" }), h("nv-badge", { color: "8", label: "Badge color 8" }), h("nv-badge", { color: "9", label: "Badge color 9" }), h("nv-badge", { color: "10", label: "Badge color 10" }))));
-//# sourceMappingURL=dev-components.js.map

package/dist/collection/dev/dev-components.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dev-components.js","sourceRoot":"","sources":["../../src/dev/dev-components.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\n\nexport const DevComponents: FunctionalComponent = () => (\n  <div>\n    <div class=\"py-10 flex justify-center\">\n      <nv-breadcrumbs>\n        <nv-breadcrumb>\n          <a href=\"#\">Breadcrumb</a>\n        </nv-breadcrumb>\n\n        <nv-breadcrumb type=\"collapsed\" tooltip=\"Show more\">\n          <li>\n            <a href=\"#\">Breadcrumb</a>\n          </li>\n          <li>\n            <a href=\"#\">Breadcrumb</a>\n          </li>\n          <li>\n            <a href=\"#\">Breadcrumb</a>\n          </li>\n        </nv-breadcrumb>\n\n        <nv-breadcrumb>\n          <a href=\"#\">Breadcrumb</a>\n        </nv-breadcrumb>\n\n        <nv-breadcrumb current>\n          <a href=\"#\">Current Page</a>\n        </nv-breadcrumb>\n      </nv-breadcrumbs>\n    </div>\n    <div class=\"flex gap-4 items-start mb-20\">\n      <nv-menu>\n        <nv-button slot=\"trigger\">Button</nv-button>\n        <ul slot=\"content\">\n          <nv-menuitem id=\"foo\" disabled data-testid=\"disabled-item\">\n            Menu Item 1\n          </nv-menuitem>\n          <nv-menuitem id=\"bar\" data-testid=\"enabled-item\">\n            Menu Item 2\n          </nv-menuitem>\n        </ul>\n      </nv-menu>\n      <nv-tooltip message=\"hello!\" group-name=\"tooltip-test\">\n        <nv-button>Tooltip!</nv-button>\n        <img\n          slot=\"content\"\n          class=\"rounded border-white\"\n          src=\"https://picsum.photos/200/50\"\n          alt=\"profile\"\n        />\n      </nv-tooltip>\n      <nv-tooltip message=\"hello!\" group-name=\"tooltip-test\">\n        <nv-button>Tooltip!</nv-button>\n        <img\n          slot=\"content\"\n          class=\"rounded border-white\"\n          src=\"https://picsum.photos/200/50\"\n          alt=\"profile\"\n        />\n      </nv-tooltip>\n      <nv-tooltip message=\"hello!\" group-name=\"tooltip-test\">\n        <nv-button>Tooltip!</nv-button>\n        <img\n          slot=\"content\"\n          class=\"rounded border-white\"\n          src=\"https://picsum.photos/200/50\"\n          alt=\"profile\"\n        />\n      </nv-tooltip>\n\n      <nv-dialog>\n        <nv-button slot=\"trigger\">Dialog!</nv-button>\n        <img autofocus src=\"https://picsum.photos/400/400\"></img>\n        <div slot=\"footer\">\n          <nv-button>Custom Footer</nv-button>\n        </div>\n      </nv-dialog>\n\n      <nv-dialog clickOutside>\n        <nv-button slot=\"trigger\">Default dialog</nv-button>\n        <img autofocus src=\"https://picsum.photos/400/400\"></img>\n      </nv-dialog>\n\n      <nv-popover\n        placement=\"bottom\"\n        has-arrow\n        // group-name=\"test\"\n        trigger-mode=\"click\"\n      >\n        <nv-button slot=\"trigger\">trigger popover</nv-button>\n\n        <p slot=\"content\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n        </p>\n      </nv-popover>\n      <nv-popover\n        placement=\"bottom\"\n        has-arrow\n        group-name=\"test\"\n        trigger-mode=\"click\"\n      >\n        <nv-button slot=\"trigger\">trigger popover</nv-button>\n\n        <p slot=\"content\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n        </p>\n      </nv-popover>\n\n      <nv-menu>\n        <nv-button slot=\"trigger\">\n          <nv-icon name=\"menu\" slot=\"leading-icon\"></nv-icon>Menu\n        </nv-button>\n\n        <ul slot=\"content\">\n          <nv-menuitem icon=\"user\" shortcut=\"&#8984;K\" disabled>\n            Item 1\n          </nv-menuitem>\n\n          <nv-menuitem icon=\"bulb\" disabled>\n            Item 2\n          </nv-menuitem>\n\n          <nv-menuitem icon=\"bulb\">Item 3</nv-menuitem>\n          <nv-menuitem icon=\"bulb\">Item 4</nv-menuitem>\n          <nv-menuitem icon=\"bulb\">Item 5</nv-menuitem>\n\n          <hr />\n\n          <nv-menu nested placement=\"right-start\">\n            <nv-menuitem slot=\"trigger\" hasSubmenu>\n              submenu\n            </nv-menuitem>\n\n            <ul slot=\"content\">\n              <nv-menuitem icon=\"bulb\">Sub Item 1</nv-menuitem>\n              <nv-menuitem icon=\"bulb\">Sub Item 2</nv-menuitem>\n              <nv-menu nested placement=\"right-start\">\n                <nv-menuitem icon=\"bulb\" slot=\"trigger\" hasSubmenu>\n                  submenu\n                </nv-menuitem>\n\n                <ul slot=\"content\">\n                  <nv-menuitem icon=\"bulb\">Sub Item 1</nv-menuitem>\n                  <nv-menuitem icon=\"bulb\">Sub Item 2</nv-menuitem>\n                  <nv-menuitem icon=\"bulb\">Sub Item 3</nv-menuitem>\n                  <nv-menuitem icon=\"bulb\">Sub Item 4</nv-menuitem>\n                </ul>\n              </nv-menu>\n              <nv-menuitem icon=\"bulb\">Sub Item 4</nv-menuitem>\n            </ul>\n          </nv-menu>\n\n          <nv-menu nested placement=\"right-start\">\n            <nv-menuitem slot=\"trigger\" hasSubmenu>\n              submenu\n            </nv-menuitem>\n\n            <ul slot=\"content\">\n              <nv-menuitem icon=\"bulb\">Sub Item 1</nv-menuitem>\n              <nv-menuitem icon=\"bulb\">Sub Item 2</nv-menuitem>\n              <nv-menuitem icon=\"bulb\">Sub Item 3</nv-menuitem>\n              <nv-menuitem icon=\"bulb\">Sub Item 4</nv-menuitem>\n            </ul>\n          </nv-menu>\n        </ul>\n      </nv-menu>\n    </div>\n\n    <nv-row>\n      <nv-col size={4}>Col-4</nv-col>\n      <nv-col size={8}>Col-8</nv-col>\n    </nv-row>\n\n    <div class=\"grid grid-cols-5 gap-4\">\n      <nv-badge></nv-badge>\n      <nv-badge label=\"Label\"></nv-badge>\n      <nv-badge lead-icon=\"user\"></nv-badge>\n      <nv-badge label=\"Icon slot\">\n        <nv-icon slot=\"leading-icon\" name=\"user\">\n          {' '}\n        </nv-icon>\n      </nv-badge>\n      <nv-badge label=\"Icon slot\" lead-icon=\"home\">\n        <nv-icon slot=\"leading-icon\" name=\"search\">\n          {' '}\n        </nv-icon>\n      </nv-badge>\n      <nv-badge label=\"Icon slot\">\n        <nv-icon slot=\"leading-icon\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            class=\"icon icon-tabler icons-tabler-outline icon-tabler-message-search\"\n          >\n            <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n            <path d=\"M8 9h8\" />\n            <path d=\"M8 13h5\" />\n            <path d=\"M11.008 19.195l-3.008 1.805v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v4.5\" />\n            <path d=\"M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0\" />\n            <path d=\"M20.2 20.2l1.8 1.8\" />\n          </svg>\n        </nv-icon>\n      </nv-badge>\n      <nv-badge dismissible label=\"hello\"></nv-badge>\n      <nv-badge color=\"1\" label=\"Badge color 1\" leadIcon=\"user\"></nv-badge>\n      <nv-badge color=\"2\" label=\"Badge color 2\" leadIcon=\"search\"></nv-badge>\n      <nv-badge color=\"3\" label=\"Badge color 3\"></nv-badge>\n      <nv-badge color=\"4\" label=\"Badge color 4\"></nv-badge>\n      <nv-badge color=\"5\" label=\"Badge color 5\"></nv-badge>\n      <nv-badge color=\"6\" label=\"Badge color 6\"></nv-badge>\n      <nv-badge color=\"7\" label=\"Badge color 7\"></nv-badge>\n      <nv-badge color=\"8\" label=\"Badge color 8\"></nv-badge>\n      <nv-badge color=\"9\" label=\"Badge color 9\"></nv-badge>\n      <nv-badge color=\"10\" label=\"Badge color 10\"></nv-badge>\n    </div>\n  </div>\n);\n"]}

package/dist/collection/dev/dev-forms.js

@@ -1,3 +0,0 @@
-import { h } from "@stencil/core";
-export const DevForms = () => (h("div", null, h("fieldset", null, h("nv-fieldradio", { class: "m-6", label: "hello 1", name: "test", value: "1", description: "hello", "error-description": "wrong", disabled: true, error: true, "label-placement": "before" }), h("nv-fieldradio", { class: "m-6", label: "hello 2", name: "test", value: "2", error: true }), h("nv-fieldradio", { class: "m-6", label: "hello 3", name: "test", value: "3" })), h("form", { class: "m-6" }, h("nv-avatar", { size: "xs", initials: "AB", color: "1" }), h("nv-avatar", { size: "xl", src: "https://picsum.photos/200/400.jpg" }), h("nv-icon", { name: "user", size: "xl" }), h("nv-icon", { name: "search", size: "sm" }), h("nv-icon", { name: "chart-bubble", size: "xs" }), h("nv-icon", { name: "icon-5", size: "lg" }), h("div", { class: "my-10 flex" }, h("nv-button", { type: "button", id: "toggle", class: "mb-4 ml-auto mr-auto", size: "xs", emphasis: "high" }, "Hello", h("nv-icon", { name: "user", slot: "leading-icon" }), h("nv-icon", { name: "user", slot: "leading-icon" }), h("nv-icon", { name: "user", slot: "leading-icon" }), h("nv-icon", { name: "user", slot: "trailing-icon" }))), h("nv-alert", { heading: "Alert Title", message: "Alert Message", feedback: "error", dismissible: true }, "hello"), h("nv-fieldtext", { label: "Hello World", description: "hello", placeholder: "test", "error-description": "wrong", required: true, minlength: 10, value: "test", readonly: true }), h("nv-fieldnumber", { label: "Hello Number", description: "Tell number I said hello.", step: 0.2, value: 2, min: 0, max: 3 }), h("nv-fieldcheckbox", { id: "mysuperid" }), h("nv-fieldcheckbox", { id: "mysuperid", class: "nv-field nv-field-checkbox nv-field-label-before label-placement-start hydrated", value: "on", "label-placement": "startbefore" }, h("div", { class: "nv-field-input" }, h("input", { type: "checkbox", id: "mysuperid", autocomplete: "off", value: "on", class: "" }))), h("div", { class: "my-16 flex flex-col gap-16" }, h("div", { class: "flex gap-4 " }, h("nv-fieldcheckbox", { name: "Unchecked", label: "Unchecked", "label-placement": "after", description: "Description" }), h("nv-fieldcheckbox", { checked: true, name: "Checked", label: "Checked", "label-placement": "after", description: "Description" }), h("nv-fieldcheckbox", { checked: true, name: "Indeterminate", label: "Indeterminate", indeterminate: true, "label-placement": "after", description: "Description" })), h("div", { class: "flex gap-4 " }, h("nv-fieldcheckbox", { required: true, name: "Unchecked required", label: "Unchecked required", "label-placement": "after", description: "Description" }), h("nv-fieldcheckbox", { checked: true, required: true, name: "Checked required", label: "Checked required", "label-placement": "after", description: "Description" }), h("nv-fieldcheckbox", { checked: true, required: true, name: "Indeterminate required", label: "Indeterminate required", indeterminate: true, "label-placement": "after", description: "Description" })), h("div", { class: "flex gap-4 " }, h("nv-fieldcheckbox", { disabled: true, name: "Unchecked disabled", label: "Unchecked disabled", "label-placement": "after", description: "Description" }), h("nv-fieldcheckbox", { checked: true, disabled: true, name: "Checked disabled", label: "Checked disabled", "label-placement": "after", description: "Description" }), h("nv-fieldcheckbox", { checked: true, disabled: true, name: "Indeterminate disabled", label: "Indeterminate disabled", indeterminate: true, "label-placement": "after", description: "Description" })), h("div", { class: "flex gap-4 " }, h("nv-fieldcheckbox", { readonly: true, name: "Unchecked readonly", label: "Unchecked readonly", "label-placement": "after", description: "Description" }), h("nv-fieldcheckbox", { checked: true, readonly: true, name: "Checked readonly", label: "Checked readonly", "label-placement": "after", description: "Description" }), h("nv-fieldcheckbox", { checked: true, readonly: true, name: "Indeterminate readonly", label: "Indeterminate readonly", indeterminate: true, "label-placement": "after", description: "Description" })), h("div", { class: "flex gap-4 " }, h("nv-fieldcheckbox", { error: true, "error-description": "An error occurred", name: "Unchecked error", label: "Unchecked error", "label-placement": "after", description: "Description" }), h("nv-fieldcheckbox", { checked: true, error: true, "error-description": "An error occurred", name: "Checked error", label: "Checked error", "label-placement": "after", description: "Description" }), h("nv-fieldcheckbox", { checked: true, error: true, "error-description": "An error occurred", name: "Indeterminate error", label: "Indeterminate error", indeterminate: true, "label-placement": "after", description: "Description" })), h("div", { class: "flex gap-4 " }, h("nv-fieldcheckbox", { error: true, "error-description": "An error occurred", disabled: true, name: "Unchecked disabled error", label: "Unchecked disabled error", "label-placement": "after", description: "Description" }), h("nv-fieldcheckbox", { checked: true, error: true, "error-description": "An error occurred", disabled: true, name: "Checked disabled error", label: "Checked disabled error", "label-placement": "after", description: "Description" }), h("nv-fieldcheckbox", { checked: true, error: true, "error-description": "An error occurred", disabled: true, name: "Indeterminate disabled error", label: "Indeterminate disabled error", indeterminate: true, "label-placement": "after", description: "Description" })), h("div", { class: "flex gap-4 " }, h("nv-fieldcheckbox", { error: true, "error-description": "An error occurred", readonly: true, name: "Unchecked readonly error", label: "Unchecked readonly error", "label-placement": "after", description: "Description" }), h("nv-fieldcheckbox", { checked: true, error: true, "error-description": "An error occurred", readonly: true, name: "Checked readonly error", label: "Checked readonly error", "label-placement": "after", description: "Description" }), h("nv-fieldcheckbox", { checked: true, error: true, "error-description": "An error occurred", readonly: true, name: "Indeterminate readonly error", label: "Indeterminate readonly error", indeterminate: true, "label-placement": "after", description: "Description" })), h("div", { class: "flex gap-4 " }, h("nv-fieldcheckbox", { name: "Unchecked", label: "Unchecked", "label-placement": "before", description: "Description" }), h("nv-fieldcheckbox", { checked: true, name: "Checked", label: "Checked", "label-placement": "before", description: "Description" }), h("nv-fieldcheckbox", { checked: true, name: "Indeterminate", label: "Indeterminate", indeterminate: true, "label-placement": "before", description: "Description" })), h("div", { class: "flex gap-4 " }, h("nv-fieldcheckbox", { required: true, name: "Unchecked required", label: "Unchecked required", "label-placement": "before", description: "Description" }), h("nv-fieldcheckbox", { checked: true, required: true, name: "Checked required", label: "Checked required", "label-placement": "before", description: "Description" }), h("nv-fieldcheckbox", { checked: true, required: true, name: "Indeterminate required", label: "Indeterminate required", indeterminate: true, "label-placement": "before", description: "Description" })), h("div", { class: "flex gap-4 " }, h("nv-fieldcheckbox", { disabled: true, name: "Unchecked disabled", label: "Unchecked disabled", "label-placement": "before", description: "Description" }), h("nv-fieldcheckbox", { checked: true, disabled: true, name: "Checked disabled", label: "Checked disabled", "label-placement": "before", description: "Description" }), h("nv-fieldcheckbox", { checked: true, disabled: true, name: "Indeterminate disabled", label: "Indeterminate disabled", indeterminate: true, "label-placement": "before", description: "Description" })), h("div", { class: "flex gap-4 " }, h("nv-fieldcheckbox", { readonly: true, name: "Unchecked readonly", label: "Unchecked readonly", "label-placement": "before", description: "Description" }), h("nv-fieldcheckbox", { checked: true, readonly: true, name: "Checked readonly", label: "Checked readonly", "label-placement": "before", description: "Description" }), h("nv-fieldcheckbox", { checked: true, readonly: true, name: "Indeterminate readonly", label: "Indeterminate readonly", indeterminate: true, "label-placement": "before", description: "Description" })), h("div", { class: "flex gap-4 " }, h("nv-fieldcheckbox", { error: true, "error-description": "An error occurred", name: "Unchecked error", label: "Unchecked error", "label-placement": "before", description: "Description" }), h("nv-fieldcheckbox", { checked: true, error: true, "error-description": "An error occurred", name: "Checked error", label: "Checked error", "label-placement": "before", description: "Description" }), h("nv-fieldcheckbox", { checked: true, error: true, "error-description": "An error occurred", name: "Indeterminate error", label: "Indeterminate error", indeterminate: true, "label-placement": "before", description: "Description" })), h("div", { class: "flex gap-4 " }, h("nv-fieldcheckbox", { error: true, "error-description": "An error occurred", disabled: true, name: "Unchecked disabled error", label: "Unchecked disabled error", "label-placement": "before", description: "Description" }), h("nv-fieldcheckbox", { checked: true, error: true, "error-description": "An error occurred", disabled: true, name: "Checked disabled error", label: "Checked disabled error", "label-placement": "before", description: "Description" }), h("nv-fieldcheckbox", { checked: true, error: true, "error-description": "An error occurred", disabled: true, name: "Indeterminate disabled error", label: "Indeterminate disabled error", indeterminate: true, "label-placement": "before", description: "Description" })), h("div", { class: "flex gap-4 " }, h("nv-fieldcheckbox", { error: true, "error-description": "An error occurred", readonly: true, name: "Unchecked readonly error", label: "Unchecked readonly error", "label-placement": "before", description: "Description" }), h("nv-fieldcheckbox", { checked: true, error: true, "error-description": "An error occurred", readonly: true, name: "Checked readonly error", label: "Checked readonly error", "label-placement": "before", description: "Description" }), h("nv-fieldcheckbox", { checked: true, error: true, "error-description": "An error occurred", readonly: true, name: "Indeterminate readonly error", label: "Indeterminate readonly error", indeterminate: true, "label-placement": "before", description: "Description" }))))));
-//# sourceMappingURL=dev-forms.js.map

package/dist/collection/dev/dev-forms.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dev-forms.js","sourceRoot":"","sources":["../../src/dev/dev-forms.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\n\nexport const DevForms: FunctionalComponent = () => (\n  <div>\n    <fieldset>\n      <nv-fieldradio\n        class=\"m-6\"\n        label=\"hello 1\"\n        name=\"test\"\n        value=\"1\"\n        description=\"hello\"\n        error-description=\"wrong\"\n        disabled\n        error\n        label-placement=\"before\"\n      ></nv-fieldradio>\n      <nv-fieldradio\n        class=\"m-6\"\n        label=\"hello 2\"\n        name=\"test\"\n        value=\"2\"\n        error\n      ></nv-fieldradio>\n      <nv-fieldradio\n        class=\"m-6\"\n        label=\"hello 3\"\n        name=\"test\"\n        value=\"3\"\n      ></nv-fieldradio>\n    </fieldset>\n    <form class=\"m-6\">\n      <nv-avatar size=\"xs\" initials=\"AB\" color=\"1\"></nv-avatar>\n      <nv-avatar size=\"xl\" src=\"https://picsum.photos/200/400.jpg\"></nv-avatar>\n\n      <nv-icon name=\"user\" size=\"xl\"></nv-icon>\n      <nv-icon name=\"search\" size=\"sm\"></nv-icon>\n      <nv-icon name=\"chart-bubble\" size=\"xs\"></nv-icon>\n      <nv-icon name=\"icon-5\" size=\"lg\"></nv-icon>\n\n      <div class=\"my-10 flex\">\n        <nv-button\n          type=\"button\"\n          id=\"toggle\"\n          class=\"mb-4 ml-auto mr-auto\"\n          size=\"xs\"\n          emphasis=\"high\"\n        >\n          Hello\n          <nv-icon name=\"user\" slot=\"leading-icon\"></nv-icon>\n          <nv-icon name=\"user\" slot=\"leading-icon\"></nv-icon>\n          <nv-icon name=\"user\" slot=\"leading-icon\"></nv-icon>\n          <nv-icon name=\"user\" slot=\"trailing-icon\"></nv-icon>\n        </nv-button>\n      </div>\n\n      <nv-alert\n        heading=\"Alert Title\"\n        message=\"Alert Message\"\n        feedback=\"error\"\n        dismissible\n      >\n        hello\n      </nv-alert>\n\n      <nv-fieldtext\n        label=\"Hello World\"\n        description=\"hello\"\n        placeholder=\"test\"\n        error-description=\"wrong\"\n        required\n        minlength={10}\n        value=\"test\"\n        readonly\n      ></nv-fieldtext>\n\n      <nv-fieldnumber\n        label=\"Hello Number\"\n        description=\"Tell number I said hello.\"\n        step={0.2}\n        value={2}\n        min={0}\n        max={3}\n      ></nv-fieldnumber>\n\n      <nv-fieldcheckbox id=\"mysuperid\"></nv-fieldcheckbox>\n\n      <nv-fieldcheckbox\n        id=\"mysuperid\"\n        class=\"nv-field nv-field-checkbox nv-field-label-before label-placement-start hydrated\"\n        value=\"on\"\n        label-placement=\"startbefore\"\n      >\n        <div class=\"nv-field-input\">\n          <input\n            type=\"checkbox\"\n            id=\"mysuperid\"\n            autocomplete=\"off\"\n            value=\"on\"\n            class=\"\"\n          ></input>\n        </div>\n      </nv-fieldcheckbox>\n\n      <div class=\"my-16 flex flex-col gap-16\">\n        <div class=\"flex gap-4 \">\n          <nv-fieldcheckbox\n            name=\"Unchecked\"\n            label=\"Unchecked\"\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            name=\"Checked\"\n            label=\"Checked\"\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            name=\"Indeterminate\"\n            label=\"Indeterminate\"\n            indeterminate\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n        </div>\n        <div class=\"flex gap-4 \">\n          <nv-fieldcheckbox\n            required\n            name=\"Unchecked required\"\n            label=\"Unchecked required\"\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            required\n            name=\"Checked required\"\n            label=\"Checked required\"\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            required\n            name=\"Indeterminate required\"\n            label=\"Indeterminate required\"\n            indeterminate\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n        </div>\n        <div class=\"flex gap-4 \">\n          <nv-fieldcheckbox\n            disabled\n            name=\"Unchecked disabled\"\n            label=\"Unchecked disabled\"\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            disabled\n            name=\"Checked disabled\"\n            label=\"Checked disabled\"\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            disabled\n            name=\"Indeterminate disabled\"\n            label=\"Indeterminate disabled\"\n            indeterminate\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n        </div>\n        <div class=\"flex gap-4 \">\n          <nv-fieldcheckbox\n            readonly\n            name=\"Unchecked readonly\"\n            label=\"Unchecked readonly\"\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            readonly\n            name=\"Checked readonly\"\n            label=\"Checked readonly\"\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            readonly\n            name=\"Indeterminate readonly\"\n            label=\"Indeterminate readonly\"\n            indeterminate\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n        </div>\n        <div class=\"flex gap-4 \">\n          <nv-fieldcheckbox\n            error\n            error-description=\"An error occurred\"\n            name=\"Unchecked error\"\n            label=\"Unchecked error\"\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            error\n            error-description=\"An error occurred\"\n            name=\"Checked error\"\n            label=\"Checked error\"\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            error\n            error-description=\"An error occurred\"\n            name=\"Indeterminate error\"\n            label=\"Indeterminate error\"\n            indeterminate\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n        </div>\n        <div class=\"flex gap-4 \">\n          <nv-fieldcheckbox\n            error\n            error-description=\"An error occurred\"\n            disabled\n            name=\"Unchecked disabled error\"\n            label=\"Unchecked disabled error\"\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            error\n            error-description=\"An error occurred\"\n            disabled\n            name=\"Checked disabled error\"\n            label=\"Checked disabled error\"\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            error\n            error-description=\"An error occurred\"\n            disabled\n            name=\"Indeterminate disabled error\"\n            label=\"Indeterminate disabled error\"\n            indeterminate\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n        </div>\n        <div class=\"flex gap-4 \">\n          <nv-fieldcheckbox\n            error\n            error-description=\"An error occurred\"\n            readonly\n            name=\"Unchecked readonly error\"\n            label=\"Unchecked readonly error\"\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            error\n            error-description=\"An error occurred\"\n            readonly\n            name=\"Checked readonly error\"\n            label=\"Checked readonly error\"\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            error\n            error-description=\"An error occurred\"\n            readonly\n            name=\"Indeterminate readonly error\"\n            label=\"Indeterminate readonly error\"\n            indeterminate\n            label-placement=\"after\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n        </div>\n        <div class=\"flex gap-4 \">\n          <nv-fieldcheckbox\n            name=\"Unchecked\"\n            label=\"Unchecked\"\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            name=\"Checked\"\n            label=\"Checked\"\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            name=\"Indeterminate\"\n            label=\"Indeterminate\"\n            indeterminate\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n        </div>\n        <div class=\"flex gap-4 \">\n          <nv-fieldcheckbox\n            required\n            name=\"Unchecked required\"\n            label=\"Unchecked required\"\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            required\n            name=\"Checked required\"\n            label=\"Checked required\"\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            required\n            name=\"Indeterminate required\"\n            label=\"Indeterminate required\"\n            indeterminate\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n        </div>\n        <div class=\"flex gap-4 \">\n          <nv-fieldcheckbox\n            disabled\n            name=\"Unchecked disabled\"\n            label=\"Unchecked disabled\"\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            disabled\n            name=\"Checked disabled\"\n            label=\"Checked disabled\"\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            disabled\n            name=\"Indeterminate disabled\"\n            label=\"Indeterminate disabled\"\n            indeterminate\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n        </div>\n        <div class=\"flex gap-4 \">\n          <nv-fieldcheckbox\n            readonly\n            name=\"Unchecked readonly\"\n            label=\"Unchecked readonly\"\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            readonly\n            name=\"Checked readonly\"\n            label=\"Checked readonly\"\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            readonly\n            name=\"Indeterminate readonly\"\n            label=\"Indeterminate readonly\"\n            indeterminate\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n        </div>\n        <div class=\"flex gap-4 \">\n          <nv-fieldcheckbox\n            error\n            error-description=\"An error occurred\"\n            name=\"Unchecked error\"\n            label=\"Unchecked error\"\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            error\n            error-description=\"An error occurred\"\n            name=\"Checked error\"\n            label=\"Checked error\"\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            error\n            error-description=\"An error occurred\"\n            name=\"Indeterminate error\"\n            label=\"Indeterminate error\"\n            indeterminate\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n        </div>\n        <div class=\"flex gap-4 \">\n          <nv-fieldcheckbox\n            error\n            error-description=\"An error occurred\"\n            disabled\n            name=\"Unchecked disabled error\"\n            label=\"Unchecked disabled error\"\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            error\n            error-description=\"An error occurred\"\n            disabled\n            name=\"Checked disabled error\"\n            label=\"Checked disabled error\"\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            error\n            error-description=\"An error occurred\"\n            disabled\n            name=\"Indeterminate disabled error\"\n            label=\"Indeterminate disabled error\"\n            indeterminate\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n        </div>\n        <div class=\"flex gap-4 \">\n          <nv-fieldcheckbox\n            error\n            error-description=\"An error occurred\"\n            readonly\n            name=\"Unchecked readonly error\"\n            label=\"Unchecked readonly error\"\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            error\n            error-description=\"An error occurred\"\n            readonly\n            name=\"Checked readonly error\"\n            label=\"Checked readonly error\"\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n          <nv-fieldcheckbox\n            checked\n            error\n            error-description=\"An error occurred\"\n            readonly\n            name=\"Indeterminate readonly error\"\n            label=\"Indeterminate readonly error\"\n            indeterminate\n            label-placement=\"before\"\n            description=\"Description\"\n          ></nv-fieldcheckbox>\n        </div>\n      </div>\n    </form>\n  </div>\n);\n"]}

package/dist/collection/dev/dev-root.js

@@ -1,23 +0,0 @@
-import { h, Build } from "@stencil/core";
-import { vNodeToDom } from "./dev-utils";
-import { DevForms } from "./dev-forms";
-import { DevComponents } from "./dev-components";
-const DevComponent = () => (h("div", { class: "flex justify-center" }, h(DevComponents, null), h(DevForms, null)));
-if (Build.isDev && !Build.isTesting && !navigator.webdriver) {
-    const root = document.createElement('div');
-    document.body.appendChild(root);
-    const renderToRoot = (vNode) => {
-        // Clear root contents before re-rendering
-        while (root.firstChild) {
-            root.removeChild(root.firstChild);
-        }
-        try {
-            root.appendChild(vNodeToDom(vNode));
-        }
-        catch (error) {
-            console.error('Render error:', error);
-        }
-    };
-    renderToRoot(h(DevComponent));
-}
-//# sourceMappingURL=dev-root.js.map

package/dist/collection/dev/dev-root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dev-root.js","sourceRoot":"","sources":["../../src/dev/dev-root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,KAAK,EAAS,MAAM,eAAe,CAAC;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,YAAY,GAAwB,GAAG,EAAE,CAAC,CAC9C,WAAK,KAAK,EAAC,qBAAqB;IAC9B,EAAC,aAAa,OAAG;IACjB,EAAC,QAAQ,OAAG,CACR,CACP,CAAC;AAEF,IAAI,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC;IAC5D,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEhC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;QACpC,0CAA0C;QAC1C,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;YACvB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACpC,CAAC;QAED,IAAI,CAAC;YACH,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QACtC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;QACxC,CAAC;IACH,CAAC,CAAC;IAEF,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;AAChC,CAAC","sourcesContent":["import { FunctionalComponent, h, Build, VNode } from '@stencil/core';\n\nimport { vNodeToDom } from './dev-utils';\nimport { DevForms } from './dev-forms';\nimport { DevComponents } from './dev-components';\n\nconst DevComponent: FunctionalComponent = () => (\n  <div class=\"flex justify-center\">\n    <DevComponents />\n    <DevForms />\n  </div>\n);\n\nif (Build.isDev && !Build.isTesting && !navigator.webdriver) {\n  const root = document.createElement('div');\n  document.body.appendChild(root);\n\n  const renderToRoot = (vNode: VNode) => {\n    // Clear root contents before re-rendering\n    while (root.firstChild) {\n      root.removeChild(root.firstChild);\n    }\n\n    try {\n      root.appendChild(vNodeToDom(vNode));\n    } catch (error) {\n      console.error('Render error:', error);\n    }\n  };\n\n  renderToRoot(h(DevComponent));\n}\n"]}

package/dist/collection/dev/dev-utils.js

@@ -1,54 +0,0 @@
-import { h } from "@stencil/core";
-import { toKebabCase } from "nova-utils/dist/string.utils";
-/**
- * Converts a virtual DOM node (vNode) to a real DOM node.
- *
- * This function takes a Stencil vNode structure and recursively converts it
- * into actual DOM nodes that can be appended to the document. It handles text
- * nodes, HTML element nodes, and recursively processes children vNodes.
- *
- * The function assumes that vNodes with `$tag$` values as functional components
- * or non-HTML elements are invalid and throws an error if encountered.
- *
- * @param {VNode} vNode - The virtual DOM node to convert.
- * @returns {Node} - A real DOM Node representing the provided vNode.
- *
- * @throws {Error} If the vNode's tag is invalid or unsupported.
- */
-export function vNodeToDom(vNode) {
-    try {
-        if (vNode.$tag$ === null && vNode.$text$ !== null) {
-            // Create a text node
-            return document.createTextNode(vNode.$text$);
-        }
-        if (typeof vNode.$tag$ === 'function') {
-            // Render functional components and recursively process returned vNodes
-            const childVNode = vNode.$tag$.call({ h });
-            return vNodeToDom(childVNode);
-        }
-        // Create the actual DOM element for this vNode's tag
-        if (typeof vNode.$tag$ === 'string') {
-            const element = document.createElement(vNode.$tag$);
-            // Set attributes if they exist
-            if (vNode.$attrs$) {
-                for (const [key, value] of Object.entries(vNode.$attrs$)) {
-                    element.setAttribute(toKebabCase(key), value);
-                }
-            }
-            // Process children vNodes, if present
-            if (vNode.$children$) {
-                vNode.$children$.forEach(childVNode => {
-                    const childElement = vNodeToDom(childVNode);
-                    element.appendChild(childElement);
-                });
-            }
-            return element;
-        }
-        throw new Error(`Invalid or unsupported tag: ${vNode.$tag$}`);
-    }
-    catch (error) {
-        console.error('Error converting vNode to DOM:', error);
-        return document.createComment('Error rendering vNode');
-    }
-}
-//# sourceMappingURL=dev-utils.js.map

package/dist/collection/dev/dev-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dev-utils.js","sourceRoot":"","sources":["../../src/dev/dev-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,CAAC,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,UAAU,CAAC,KAAY;IACrC,IAAI,CAAC;QACH,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;YAClD,qBAAqB;YACrB,OAAO,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC/C,CAAC;QAED,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,EAAE,CAAC;YACtC,uEAAuE;YACvE,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAC3C,OAAO,UAAU,CAAC,UAAU,CAAC,CAAC;QAChC,CAAC;QAED,qDAAqD;QACrD,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YACpC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAEpD,+BAA+B;YAC/B,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBAClB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;oBACzD,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,KAAe,CAAC,CAAC;gBAC1D,CAAC;YACH,CAAC;YAED,sCAAsC;YACtC,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBACrB,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;oBACpC,MAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;oBAC5C,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;gBACpC,CAAC,CAAC,CAAC;YACL,CAAC;YAED,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,IAAI,KAAK,CAAC,+BAA+B,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;IAChE,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC,CAAC;QACvD,OAAO,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;IACzD,CAAC;AACH,CAAC","sourcesContent":["import { type VNode, h } from '@stencil/core';\nimport { toKebabCase } from 'nova-utils/dist/string.utils';\n\n/**\n * Converts a virtual DOM node (vNode) to a real DOM node.\n *\n * This function takes a Stencil vNode structure and recursively converts it\n * into actual DOM nodes that can be appended to the document. It handles text\n * nodes, HTML element nodes, and recursively processes children vNodes.\n *\n * The function assumes that vNodes with `$tag$` values as functional components\n * or non-HTML elements are invalid and throws an error if encountered.\n *\n * @param {VNode} vNode - The virtual DOM node to convert.\n * @returns {Node} - A real DOM Node representing the provided vNode.\n *\n * @throws {Error} If the vNode's tag is invalid or unsupported.\n */\nexport function vNodeToDom(vNode: VNode): Node {\n  try {\n    if (vNode.$tag$ === null && vNode.$text$ !== null) {\n      // Create a text node\n      return document.createTextNode(vNode.$text$);\n    }\n\n    if (typeof vNode.$tag$ === 'function') {\n      // Render functional components and recursively process returned vNodes\n      const childVNode = vNode.$tag$.call({ h });\n      return vNodeToDom(childVNode);\n    }\n\n    // Create the actual DOM element for this vNode's tag\n    if (typeof vNode.$tag$ === 'string') {\n      const element = document.createElement(vNode.$tag$);\n\n      // Set attributes if they exist\n      if (vNode.$attrs$) {\n        for (const [key, value] of Object.entries(vNode.$attrs$)) {\n          element.setAttribute(toKebabCase(key), value as string);\n        }\n      }\n\n      // Process children vNodes, if present\n      if (vNode.$children$) {\n        vNode.$children$.forEach(childVNode => {\n          const childElement = vNodeToDom(childVNode);\n          element.appendChild(childElement);\n        });\n      }\n\n      return element;\n    }\n\n    throw new Error(`Invalid or unsupported tag: ${vNode.$tag$}`);\n  } catch (error) {\n    console.error('Error converting vNode to DOM:', error);\n    return document.createComment('Error rendering vNode');\n  }\n}\n"]}

package/dist/collection/global.js

@@ -1,6 +0,0 @@
-import { Build } from "@stencil/core";
-// Prevents the dev components from being bundled in production as a component
-if (Build.isDev) {
-    import('./dev/dev-root');
-}
-//# sourceMappingURL=global.js.map

package/dist/collection/global.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"global.js","sourceRoot":"","sources":["../src/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,8EAA8E;AAC9E,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;IAChB,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAC3B,CAAC","sourcesContent":["import { Build } from '@stencil/core';\n\n// Prevents the dev components from being bundled in production as a component\nif (Build.isDev) {\n  import('./dev/dev-root');\n}\n"]}

package/dist/components/p-11fcdad9.js

@@ -1,90 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-77d0fedc.js';
-import { d as defineCustomElement$1 } from './p-a01bdf02.js';
-
-const nvFielddropdownitemCss = "nv-fielddropdownitem{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--list-custom-item-padding-y) var(--list-custom-item-padding-x);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);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fielddropdownitem:hover,nv-fielddropdownitem:focus,nv-fielddropdownitem:focus-within{background-color:var(--components-list-custom-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-fielddropdownitem[disabled]:not([disabled=false]){cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-fielddropdownitem .dropdown-item-text-wrapper{display:flex;flex-grow:1;align-items:center;justify-content:space-between}nv-fielddropdownitem [data-scope=text]{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nv-fielddropdownitem .selection-icon{color:var(--components-list-custom-item-content-default);align-self:center}";
-const NvFielddropdownitemStyle0 = nvFielddropdownitemCss;
-
-const NvFielddropdownitem = /*@__PURE__*/ proxyCustomElement(class NvFielddropdownitem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.itemSelected = createEvent(this, "itemSelected", 7);
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Disables the item, preventing any user interaction.
-         */
-        this.disabled = false;
-        /**
-         * Indicates if the item is selected.
-         */
-        this.selected = false;
-        this.handleClick = () => {
-            if (!this.disabled) {
-                let itemValue = this.value || '';
-                if (!itemValue) {
-                    itemValue =
-                        Array.from(this.el.childNodes)
-                            .map(node => { var _a; return (_a = node.textContent) === null || _a === void 0 ? void 0 : _a.trim(); })
-                            .filter(text => text && text.length > 0)
-                            .join(' ') || '';
-                }
-                this.selected = !this.selected; // Toggle the selected state
-                this.itemSelected.emit({
-                    label: this.label,
-                    value: itemValue,
-                    selected: this.selected,
-                    disabled: this.disabled,
-                });
-            }
-        };
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region METHODS
-    /**
-     * Utility function to check if a string is null, empty, or contains only whitespace.
-     * @param {string | null | undefined} input - The string to check.
-     * @returns {boolean} - Returns true if the string is null, empty, or contains only whitespace; otherwise, false.
-     */
-    isNullOrEmptyOrWhitespace(input) {
-        return !input || input.trim().length === 0;
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        const showDefaultLayout = this.isNullOrEmptyOrWhitespace(this.label);
-        return (h(Host, { key: '8125c415bf5e94d054c4a6e36a6d4636e54c719f', role: "menuitem", tabindex: this.disabled ? '-1' : '0', onClick: this.handleClick, class: { selected: this.selected } }, showDefaultLayout ? (h("slot", null)) : (h("div", { class: "dropdown-item-text-wrapper" }, h("span", { "data-scope": "text" }, this.label), this.selected && (h("nv-icon", { name: "check", "aria-hidden": "true", class: "selection-icon" }))))));
-    }
-    get el() { return this; }
-    static get style() { return NvFielddropdownitemStyle0; }
-}, [4, "nv-fielddropdownitem", {
-        "disabled": [516],
-        "selected": [1540],
-        "value": [513],
-        "label": [513]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-fielddropdownitem", "nv-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-fielddropdownitem":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvFielddropdownitem);
-            }
-            break;
-        case "nv-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { NvFielddropdownitem as N, defineCustomElement as d };
-
-//# sourceMappingURL=p-11fcdad9.js.map

package/dist/components/p-11fcdad9.js.map

@@ -1 +0,0 @@
-{"file":"p-11fcdad9.js","mappings":";;;AAAA,MAAM,sBAAsB,GAAG,mpCAAmpC,CAAC;AACnrC,kCAAe,sBAAsB;;MCmBxB,mBAAmB;IALhC;;;;;;;;;QAeW,aAAQ,GAAY,KAAK,CAAC;;;;QAMnC,aAAQ,GAAY,KAAK,CAAC;QAwBlB,gBAAW,GAAG;YACpB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;gBACjC,IAAI,CAAC,SAAS,EAAE;oBACd,SAAS;wBACP,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC;6BAC3B,GAAG,CAAC,IAAI,cAAI,OAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,IAAI,EAAE,CAAA,EAAA,CAAC;6BACrC,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;6BACvC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;iBACtB;gBAED,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAE/B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;oBACrB,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,KAAK,EAAE,SAAS;oBAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;iBACxB,CAAC,CAAC;aACJ;SACF,CAAC;KAgDH;;;;;;;;;IArCS,yBAAyB,CAAC,KAAgC;QAChE,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;KAC5C;;;;IAMD,MAAM;QACJ,MAAM,iBAAiB,GAAG,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAErE,QACE,EAAC,IAAI,qDACH,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,GAAG,EACpC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAEjC,iBAAiB,IAChB,eAAa,KAEb,WAAK,KAAK,EAAC,4BAA4B,IACrC,0BAAiB,MAAM,IAAE,IAAI,CAAC,KAAK,CAAQ,EAC1C,IAAI,CAAC,QAAQ,KACZ,eACE,IAAI,EAAC,OAAO,iBACA,MAAM,EAClB,KAAK,EAAC,gBAAgB,GACb,CACZ,CACG,CACP,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nv-fielddropdownitem/nv-fielddropdownitem.scss?tag=nv-fielddropdownitem","src/components/nv-fielddropdownitem/nv-fielddropdownitem.tsx"],"sourcesContent":["@import '../../styles/form-field';\n\nnv-fielddropdownitem {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: var(--list-custom-item-padding-y) var(--list-custom-item-padding-x);\n  font-size: var(--menu-contextual-item-font-size);\n  font-weight: var(--menu-contextual-item-font-weight);\n  color: var(--components-menu-contextual-item-content);\n  border-radius: var(--menu-contextual-item-radius);\n  transition: background-color 150ms ease-out, color 150ms ease-out;\n  cursor: pointer;\n\n  &:hover,\n  &:focus,\n  &:focus-within {\n    background-color: var(--components-list-custom-item-background-hover);\n    color: var(--components-menu-contextual-item-content-hover);\n  }\n\n  &[disabled]:not([disabled='false']) {\n    cursor: not-allowed;\n    background-color: unset;\n    color: var(--components-menu-contextual-item-content-disabled);\n  }\n.dropdown-item-text-wrapper{\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  justify-content: space-between;\n}\n  [data-scope='text'] {\n    flex-grow: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .selection-icon {\n    color: var(--components-list-custom-item-content-default);\n    align-self: center;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n} from '@stencil/core';\nimport { DropdownItemSelectedEventDetail } from './DropdownItemSelectedEventDetail';\n\n/**\n * @slot default - The content to be displayed inside the dropdown item.\n */\n\n@Component({\n  tag: 'nv-fielddropdownitem',\n  styleUrl: 'nv-fielddropdownitem.scss',\n  shadow: false,\n})\nexport class NvFielddropdownitem {\n  @Element() el: HTMLNvFielddropdownitemElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Disables the item, preventing any user interaction.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Indicates if the item is selected.\n   */\n  @Prop({ reflect: true, mutable: true })\n  selected: boolean = false;\n\n  /**\n   * Value associated with the item.\n   */\n  @Prop({ reflect: true })\n  readonly value?: string;\n\n  /**\n   * Label used as the value for the default layout.\n   */\n  @Prop({ reflect: true })\n  readonly label?: string;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Event emitted when an item is clicked.\n   */\n  @Event()\n  itemSelected: EventEmitter<DropdownItemSelectedEventDetail>;\n\n  private handleClick = () => {\n    if (!this.disabled) {\n      let itemValue = this.value || '';\n      if (!itemValue) {\n        itemValue =\n          Array.from(this.el.childNodes)\n            .map(node => node.textContent?.trim())\n            .filter(text => text && text.length > 0)\n            .join(' ') || '';\n      }\n\n      this.selected = !this.selected; // Toggle the selected state\n\n      this.itemSelected.emit({\n        label: this.label,\n        value: itemValue,\n        selected: this.selected,\n        disabled: this.disabled,\n      });\n    }\n  };\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Utility function to check if a string is null, empty, or contains only whitespace.\n   * @param {string | null | undefined} input - The string to check.\n   * @returns {boolean} - Returns true if the string is null, empty, or contains only whitespace; otherwise, false.\n   */\n  private isNullOrEmptyOrWhitespace(input: string | null | undefined): boolean {\n    return !input || input.trim().length === 0;\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    const showDefaultLayout = this.isNullOrEmptyOrWhitespace(this.label);\n\n    return (\n      <Host\n        role=\"menuitem\"\n        tabindex={this.disabled ? '-1' : '0'}\n        onClick={this.handleClick}\n        class={{ selected: this.selected }}\n      >\n        {showDefaultLayout ? (\n          <slot></slot>\n        ) : (\n          <div class=\"dropdown-item-text-wrapper\">\n            <span data-scope=\"text\">{this.label}</span>\n            {this.selected && (\n              <nv-icon\n                name=\"check\"\n                aria-hidden=\"true\"\n                class=\"selection-icon\"\n              ></nv-icon>\n            )}\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"version":3}