@nova-design-system/nova-webcomponents 3.18.0 → 3.19.0

package/dist/collection/components/nv-fielddropdown/nv-fielddropdown.docs.js

@@ -105,7 +105,6 @@ const NvFielddropdownDocs = {
             name: 'PreSelected',
             args: {
                 label: 'Dropdown with Pre-selected Value',
-                value: 'Item 2',
             },
             template: (h("nv-fielddropdown", { "data-storybook-args": true, filterable: true }, h("ul", { slot: "content" }, h("nv-fielddropdownitem", { label: "Item 1", selected: true }), h("nv-fielddropdownitem", { label: "Item 2" }), h("nv-fielddropdownitem", { label: "Item 3" }), h("nv-fielddropdownitem", { label: "Item disabled", disabled: true })))),
         },
@@ -130,15 +129,6 @@ const NvFielddropdownDocs = {
             },
             template: (h("nv-fielddropdown", { "data-storybook-args": true }, h("ul", { slot: "content" }, h("nv-fielddropdownitem", { class: "flex gap-2", value: "AB" }, h("nv-avatar", { initials: "AB", size: "xs" }), h("span", null, "Custom Item Text 1")), h("nv-fielddropdownitem", { class: "flex gap-2", value: "CD" }, h("nv-avatar", { initials: "CD", size: "xs" }), h("span", null, "Custom Item Text 2")), h("nv-fielddropdownitem", { class: "flex gap-2", value: "EF" }, h("nv-avatar", { initials: "EF", size: "xs" }), h("span", null, "Custom Item Text 3"))))),
         },
-        // Open
-        {
-            name: nameof(x => x.open),
-            args: {
-                label: 'Dropdown Opened',
-                open: true,
-            },
-            template: (h("nv-fielddropdown", { "data-storybook-args": true }, h("ul", { slot: "content" }, h("nv-fielddropdownitem", { label: "Item 1" }), h("nv-fielddropdownitem", { label: "Item 2" }), h("nv-fielddropdownitem", { label: "Item 3" })))),
-        },
         // Value
         {
             name: nameof(x => x.value),
@@ -163,8 +153,7 @@ const NvFielddropdownDocs = {
             args: {
                 label: 'Dropdown with Empty Result Text',
                 filterable: true,
-                open: true,
-                value: 'search for a inexistent item',
+                placeholder: 'Search for a inexistent item here to see',
                 emptyResult: 'No items found',
             },
             template: (h("nv-fielddropdown", { "data-storybook-args": true }, h("ul", { slot: "content" }, h("nv-fielddropdownitem", { label: "Item 1" })))),
@@ -198,9 +187,10 @@ const NvFielddropdownDocs = {
             name: 'OptionsArrayPreselected',
             args: {
                 label: 'Preselected Item Using Options Array',
+                value: 'london',
                 options: [
                     { label: 'Paris', value: 'paris' },
-                    { label: 'London', value: 'london', selected: true },
+                    { label: 'London', value: 'london' },
                     { label: 'New York', value: 'ny' },
                     { label: 'Tokyo', value: 'tokyo', disabled: true },
                     { label: 'Berlin', value: 'berlin' },
@@ -217,6 +207,34 @@ const NvFielddropdownDocs = {
             },
             template: (h("nv-fielddropdown", { "data-storybook-args": true }, h("ul", { slot: "content" }, Array.from({ length: 50 }).map((_, index) => (h("nv-fielddropdownitem", { label: `Item ${index + 1}`, value: `item-${index + 1}` })))))),
         },
+        // OpenOnSelect
+        {
+            name: nameof(x => x.openOnSelect),
+            args: {
+                label: 'Dropdown Stays Open',
+                openOnSelect: true,
+            },
+            template: (h("nv-fielddropdown", { "data-storybook-args": true }, h("ul", { slot: "content" }, h("nv-fielddropdownitem", { label: "Item 1" }), h("nv-fielddropdownitem", { label: "Item 2" }), h("nv-fielddropdownitem", { label: "Item 3" })))),
+        },
+        // ControlledFilter
+        {
+            name: nameof(x => x.controlledFilter),
+            args: {
+                label: 'Implement Your Own Filter',
+                controlledFilter: true,
+                filterable: true,
+            },
+            template: (h("nv-fielddropdown", { "data-storybook-args": true }, h("ul", { slot: "content" }, h("nv-fielddropdownitem", { label: "Item 1" }), h("nv-fielddropdownitem", { label: "Item 2" }), h("nv-fielddropdownitem", { label: "Item 3" })))),
+        },
+        // DetachedItems
+        {
+            name: nameof(x => x.detached),
+            descriptionSource: 'nv-fielddropdownitem',
+            args: {
+                filterable: true,
+            },
+            template: (h("nv-fielddropdown", { "data-storybook-args": true }, h("ul", { slot: "content" }, h("nv-fielddropdownitem", { label: "Item 1" }), h("nv-fielddropdownitem", { label: "Item 2" }), h("nv-fielddropdownitem", { label: "Item 3" }), h("nv-fielddropdownitem", { label: "Add More", detached: true })))),
+        },
     ],
 };
 export default NvFielddropdownDocs;

package/dist/collection/components/nv-fielddropdown/nv-fielddropdown.docs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nv-fielddropdown.docs.js","sourceRoot":"","sources":["../../../src/components/nv-fielddropdown/nv-fielddropdown.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\n\nconst NvFielddropdownDocs: NovaDocs<Components.NvFielddropdown> = {\n  component: 'nv-fielddropdown',\n  subcomponents: ['nv-fielddropdownitem', 'nv-avatar', 'nv-icon'],\n  stories: [\n    // Default\n    {\n      name: 'Default',\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem\n              value=\"item_1\"\n              label=\"Item 1\"\n            ></nv-fielddropdownitem>\n            <nv-fielddropdownitem\n              value=\"item_2\"\n              label=\"Item 2\"\n            ></nv-fielddropdownitem>\n            <nv-fielddropdownitem\n              value=\"item_3\"\n              label=\"Item 3\"\n            ></nv-fielddropdownitem>\n            <nv-fielddropdownitem\n              value=\"disabled\"\n              label=\"Item disabled\"\n              disabled\n            ></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Filterable\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.filterable),\n      args: {\n        label: 'Dropdown Label',\n        filterable: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 2\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 3\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem\n              label=\"Item disabled\"\n              disabled\n            ></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Label\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.label),\n      args: {\n        label: 'filterable Dropdown',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Description\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.description),\n      args: {\n        label: 'Dropdown with Description',\n        description: 'Description will show here',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Placeholder\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.placeholder),\n      args: {\n        label: 'Dropdown with Placeholder',\n        placeholder: 'Select an option...',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Disabled\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.disabled),\n      args: {\n        label: 'Disabled Dropdown',\n        disabled: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Required\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.required),\n      args: {\n        label: 'Required Dropdown',\n        required: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Dividers\n    {\n      name: 'Dividers',\n      args: {\n        label: 'Dropdown with dividers',\n        filterable: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n            <hr />\n            <nv-fielddropdownitem label=\"Item 2\"></nv-fielddropdownitem>\n            <hr />\n            <nv-fielddropdownitem label=\"Item 3\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem\n              label=\"Item disabled\"\n              disabled\n            ></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Error\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.error),\n      args: {\n        label: 'Dropdown with Error',\n        error: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // ErrorDescription\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.errorDescription),\n      args: {\n        label: 'Dropdown with Error Description',\n        description: 'Ensure you select an option.',\n        error: true,\n        errorDescription: 'This dropdown has an error.',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Fluid\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.fluid),\n      args: {\n        label: 'Fluid Dropdown',\n        fluid: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // PreSelected\n    {\n      name: 'PreSelected',\n      args: {\n        label: 'Dropdown with Pre-selected Value',\n        value: 'Item 2',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args filterable>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem\n              label=\"Item 1\"\n              selected\n            ></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 2\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 3\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem\n              label=\"Item disabled\"\n              disabled\n            ></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // DefaultSlot\n    {\n      name: 'DefaultSlot',\n      args: {\n        label: 'DefaultSlot Dropdown',\n        description: 'This is a DefaultSlot dropdown.',\n        placeholder: 'Select an option...',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem class=\"flex gap-2\" value=\"AB\">\n              <nv-avatar initials=\"AB\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text 1</span>\n            </nv-fielddropdownitem>\n            <nv-fielddropdownitem class=\"flex gap-2\" value=\"CD\">\n              <nv-avatar initials=\"CD\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text 2</span>\n            </nv-fielddropdownitem>\n            <nv-fielddropdownitem class=\"flex gap-2\" value=\"EF\">\n              <nv-avatar initials=\"EF\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text 3</span>\n            </nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // DefaultSlotFiltereable\n    {\n      name: 'DefaultSlotFiltereable',\n      args: {\n        label: 'Default Slot Filtereable Dropdown',\n        description: 'This is a Default Slot Filtereable dropdown.',\n        placeholder: 'Select an option...',\n        filterable: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem class=\"flex gap-2\" value=\"AB\">\n              <nv-avatar initials=\"AB\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text 1</span>\n            </nv-fielddropdownitem>\n            <nv-fielddropdownitem class=\"flex gap-2\" value=\"CD\">\n              <nv-avatar initials=\"CD\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text 2</span>\n            </nv-fielddropdownitem>\n            <nv-fielddropdownitem class=\"flex gap-2\" value=\"EF\">\n              <nv-avatar initials=\"EF\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text 3</span>\n            </nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Open\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.open),\n      args: {\n        label: 'Dropdown Opened',\n        open: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 2\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 3\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Value\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.value),\n      args: {\n        label: 'Dropdown with Pre-selected Value',\n        value: 'Item 2',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 2\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 3\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem\n              label=\"Item disabled\"\n              disabled\n            ></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Readonly\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.readonly),\n      args: {\n        label: 'Readonly Dropdown',\n        readonly: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 2\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 3\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // EmptyResult\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.emptyResult),\n      args: {\n        label: 'Dropdown with Empty Result Text',\n        filterable: true,\n        open: true,\n        value: 'search for a inexistent item',\n        emptyResult: 'No items found',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Autofocus\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.autofocus),\n      args: {\n        label: 'Autofocus',\n        autofocus: true,\n      },\n      template: <nv-fielddropdown data-storybook-args></nv-fielddropdown>,\n    },\n    // OptionsArray\n    {\n      name: 'OptionsArray',\n      args: {\n        label: 'Dropdown with Options Array',\n        options: [\n          { label: 'Paris', value: 'paris' },\n          { label: 'London', value: 'london' },\n          { label: 'New York', value: 'ny' },\n          { label: 'Tokyo', value: 'tokyo', disabled: true },\n          { label: 'Berlin', value: 'berlin' },\n        ],\n      },\n      template: <nv-fielddropdown data-storybook-args></nv-fielddropdown>,\n    },\n    // OptionsArrayPreselected\n    {\n      name: 'OptionsArrayPreselected',\n      args: {\n        label: 'Preselected Item Using Options Array',\n        options: [\n          { label: 'Paris', value: 'paris' },\n          { label: 'London', value: 'london', selected: true },\n          { label: 'New York', value: 'ny' },\n          { label: 'Tokyo', value: 'tokyo', disabled: true },\n          { label: 'Berlin', value: 'berlin' },\n        ],\n      },\n      template: <nv-fielddropdown data-storybook-args></nv-fielddropdown>,\n    },\n    // MaxHeight\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.maxHeight),\n      args: {\n        label: 'Dropdown with Custom Max Height',\n        maxHeight: '300px',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            {Array.from({ length: 50 }).map((_, index) => (\n              <nv-fielddropdownitem\n                label={`Item ${index + 1}`}\n                value={`item-${index + 1}`}\n              ></nv-fielddropdownitem>\n            ))}\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n  ],\n};\n\nexport default NvFielddropdownDocs;\n"]}
+{"version":3,"file":"nv-fielddropdown.docs.js","sourceRoot":"","sources":["../../../src/components/nv-fielddropdown/nv-fielddropdown.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\n\nconst NvFielddropdownDocs: NovaDocs<Components.NvFielddropdown> = {\n  component: 'nv-fielddropdown',\n  subcomponents: ['nv-fielddropdownitem', 'nv-avatar', 'nv-icon'],\n  stories: [\n    // Default\n    {\n      name: 'Default',\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem\n              value=\"item_1\"\n              label=\"Item 1\"\n            ></nv-fielddropdownitem>\n            <nv-fielddropdownitem\n              value=\"item_2\"\n              label=\"Item 2\"\n            ></nv-fielddropdownitem>\n            <nv-fielddropdownitem\n              value=\"item_3\"\n              label=\"Item 3\"\n            ></nv-fielddropdownitem>\n            <nv-fielddropdownitem\n              value=\"disabled\"\n              label=\"Item disabled\"\n              disabled\n            ></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Filterable\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.filterable),\n      args: {\n        label: 'Dropdown Label',\n        filterable: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 2\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 3\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem\n              label=\"Item disabled\"\n              disabled\n            ></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Label\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.label),\n      args: {\n        label: 'filterable Dropdown',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Description\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.description),\n      args: {\n        label: 'Dropdown with Description',\n        description: 'Description will show here',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Placeholder\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.placeholder),\n      args: {\n        label: 'Dropdown with Placeholder',\n        placeholder: 'Select an option...',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Disabled\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.disabled),\n      args: {\n        label: 'Disabled Dropdown',\n        disabled: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Required\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.required),\n      args: {\n        label: 'Required Dropdown',\n        required: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Dividers\n    {\n      name: 'Dividers',\n      args: {\n        label: 'Dropdown with dividers',\n        filterable: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n            <hr />\n            <nv-fielddropdownitem label=\"Item 2\"></nv-fielddropdownitem>\n            <hr />\n            <nv-fielddropdownitem label=\"Item 3\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem\n              label=\"Item disabled\"\n              disabled\n            ></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Error\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.error),\n      args: {\n        label: 'Dropdown with Error',\n        error: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // ErrorDescription\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.errorDescription),\n      args: {\n        label: 'Dropdown with Error Description',\n        description: 'Ensure you select an option.',\n        error: true,\n        errorDescription: 'This dropdown has an error.',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Fluid\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.fluid),\n      args: {\n        label: 'Fluid Dropdown',\n        fluid: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // PreSelected\n    {\n      name: 'PreSelected',\n      args: {\n        label: 'Dropdown with Pre-selected Value',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args filterable>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem\n              label=\"Item 1\"\n              selected\n            ></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 2\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 3\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem\n              label=\"Item disabled\"\n              disabled\n            ></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // DefaultSlot\n    {\n      name: 'DefaultSlot',\n      args: {\n        label: 'DefaultSlot Dropdown',\n        description: 'This is a DefaultSlot dropdown.',\n        placeholder: 'Select an option...',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem class=\"flex gap-2\" value=\"AB\">\n              <nv-avatar initials=\"AB\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text 1</span>\n            </nv-fielddropdownitem>\n            <nv-fielddropdownitem class=\"flex gap-2\" value=\"CD\">\n              <nv-avatar initials=\"CD\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text 2</span>\n            </nv-fielddropdownitem>\n            <nv-fielddropdownitem class=\"flex gap-2\" value=\"EF\">\n              <nv-avatar initials=\"EF\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text 3</span>\n            </nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // DefaultSlotFiltereable\n    {\n      name: 'DefaultSlotFiltereable',\n      args: {\n        label: 'Default Slot Filtereable Dropdown',\n        description: 'This is a Default Slot Filtereable dropdown.',\n        placeholder: 'Select an option...',\n        filterable: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem class=\"flex gap-2\" value=\"AB\">\n              <nv-avatar initials=\"AB\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text 1</span>\n            </nv-fielddropdownitem>\n            <nv-fielddropdownitem class=\"flex gap-2\" value=\"CD\">\n              <nv-avatar initials=\"CD\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text 2</span>\n            </nv-fielddropdownitem>\n            <nv-fielddropdownitem class=\"flex gap-2\" value=\"EF\">\n              <nv-avatar initials=\"EF\" size=\"xs\"></nv-avatar>\n              <span>Custom Item Text 3</span>\n            </nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Value\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.value),\n      args: {\n        label: 'Dropdown with Pre-selected Value',\n        value: 'Item 2',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 2\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 3\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem\n              label=\"Item disabled\"\n              disabled\n            ></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Readonly\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.readonly),\n      args: {\n        label: 'Readonly Dropdown',\n        readonly: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 2\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 3\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // EmptyResult\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.emptyResult),\n      args: {\n        label: 'Dropdown with Empty Result Text',\n        filterable: true,\n        placeholder: 'Search for a inexistent item here to see',\n        emptyResult: 'No items found',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // Autofocus\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.autofocus),\n      args: {\n        label: 'Autofocus',\n        autofocus: true,\n      },\n      template: <nv-fielddropdown data-storybook-args></nv-fielddropdown>,\n    },\n    // OptionsArray\n    {\n      name: 'OptionsArray',\n      args: {\n        label: 'Dropdown with Options Array',\n        options: [\n          { label: 'Paris', value: 'paris' },\n          { label: 'London', value: 'london' },\n          { label: 'New York', value: 'ny' },\n          { label: 'Tokyo', value: 'tokyo', disabled: true },\n          { label: 'Berlin', value: 'berlin' },\n        ],\n      },\n      template: <nv-fielddropdown data-storybook-args></nv-fielddropdown>,\n    },\n    // OptionsArrayPreselected\n    {\n      name: 'OptionsArrayPreselected',\n      args: {\n        label: 'Preselected Item Using Options Array',\n        value: 'london',\n        options: [\n          { label: 'Paris', value: 'paris' },\n          { label: 'London', value: 'london' },\n          { label: 'New York', value: 'ny' },\n          { label: 'Tokyo', value: 'tokyo', disabled: true },\n          { label: 'Berlin', value: 'berlin' },\n        ],\n      },\n      template: <nv-fielddropdown data-storybook-args></nv-fielddropdown>,\n    },\n    // MaxHeight\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.maxHeight),\n      args: {\n        label: 'Dropdown with Custom Max Height',\n        maxHeight: '300px',\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            {Array.from({ length: 50 }).map((_, index) => (\n              <nv-fielddropdownitem\n                label={`Item ${index + 1}`}\n                value={`item-${index + 1}`}\n              ></nv-fielddropdownitem>\n            ))}\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // OpenOnSelect\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.openOnSelect),\n      args: {\n        label: 'Dropdown Stays Open',\n        openOnSelect: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 2\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 3\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // ControlledFilter\n    {\n      name: nameof<Components.NvFielddropdown>(x => x.controlledFilter),\n      args: {\n        label: 'Implement Your Own Filter',\n        controlledFilter: true,\n        filterable: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 2\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 3\"></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n    // DetachedItems\n    {\n      name: nameof<Components.NvFielddropdownitem>(x => x.detached),\n      descriptionSource: 'nv-fielddropdownitem',\n      args: {\n        filterable: true,\n      },\n      template: (\n        <nv-fielddropdown data-storybook-args>\n          <ul slot=\"content\">\n            <nv-fielddropdownitem label=\"Item 1\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 2\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem label=\"Item 3\"></nv-fielddropdownitem>\n            <nv-fielddropdownitem\n              label=\"Add More\"\n              detached\n            ></nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\n  ],\n};\n\nexport default NvFielddropdownDocs;\n"]}