@nova-design-system/nova-webcomponents 3.1.0 → 3.3.0

package/dist/collection/components/nv-fielddaterange/test/nv-fielddaterange.logic.test.js

@@ -0,0 +1,137 @@
+/* eslint-disable jsdoc/require-jsdoc */
+import { describe, it, expect } from "vitest";
+/**
+ * Logic tests for nv-fielddaterange basic functionality
+ *
+ * These tests validate basic utility functions and logic
+ * without testing the full component implementation.
+ */
+/**
+ * Utility function to validate date format
+ * @param {string} dateString - Date string to validate
+ * @param {string} format - Expected format (e.g., 'DD/MM/YYYY')
+ * @returns {boolean} Whether the date matches the format
+ */
+function isValidDateFormat(dateString, format) {
+    if (!dateString || !format)
+        return false;
+    const formatMap = {
+        'DD/MM/YYYY': /^\d{2}\/\d{2}\/\d{4}$/,
+        'YYYY-MM-DD': /^\d{4}-\d{2}-\d{2}$/,
+        'MM/DD/YYYY': /^\d{2}\/\d{2}\/\d{4}$/,
+    };
+    const regex = formatMap[format];
+    return regex ? regex.test(dateString) : false;
+}
+/**
+ * Utility function to check if a date range is valid
+ * @param {string} startDate - Start date string
+ * @param {string} endDate - End date string
+ * @returns {boolean} Whether the range is valid (start <= end)
+ */
+function isValidDateRange(startDate, endDate) {
+    if (!startDate || !endDate)
+        return false;
+    const start = new Date(startDate);
+    const end = new Date(endDate);
+    return !isNaN(start.getTime()) && !isNaN(end.getTime()) && start <= end;
+}
+/**
+ * Utility function to format date according to pattern
+ * @param {Date} date - Date object to format
+ * @param {string} format - Format pattern
+ * @returns {string} Formatted date string
+ */
+function formatDate(date, format) {
+    if (!date || isNaN(date.getTime()))
+        return '';
+    const day = date.getDate().toString().padStart(2, '0');
+    const month = (date.getMonth() + 1).toString().padStart(2, '0');
+    const year = date.getFullYear().toString();
+    switch (format) {
+        case 'DD/MM/YYYY':
+            return `${day}/${month}/${year}`;
+        case 'YYYY-MM-DD':
+            return `${year}-${month}-${day}`;
+        case 'MM/DD/YYYY':
+            return `${month}/${day}/${year}`;
+        default:
+            return date.toISOString().split('T')[0];
+    }
+}
+describe('nv-fielddaterange - Logic Tests', () => {
+    describe('Date Format Validation', () => {
+        it('should validate DD/MM/YYYY format correctly', () => {
+            expect(isValidDateFormat('15/03/2025', 'DD/MM/YYYY')).toBe(true);
+            expect(isValidDateFormat('1/3/2025', 'DD/MM/YYYY')).toBe(false);
+            expect(isValidDateFormat('15-03-2025', 'DD/MM/YYYY')).toBe(false);
+            expect(isValidDateFormat('', 'DD/MM/YYYY')).toBe(false);
+        });
+        it('should validate YYYY-MM-DD format correctly', () => {
+            expect(isValidDateFormat('2025-03-15', 'YYYY-MM-DD')).toBe(true);
+            expect(isValidDateFormat('25-3-15', 'YYYY-MM-DD')).toBe(false);
+            expect(isValidDateFormat('2025/03/15', 'YYYY-MM-DD')).toBe(false);
+            expect(isValidDateFormat('', 'YYYY-MM-DD')).toBe(false);
+        });
+        it('should handle invalid inputs gracefully', () => {
+            expect(isValidDateFormat(null, 'DD/MM/YYYY')).toBe(false);
+            expect(isValidDateFormat('15/03/2025', null)).toBe(false);
+            expect(isValidDateFormat('15/03/2025', 'INVALID_FORMAT')).toBe(false);
+        });
+    });
+    describe('Date Range Validation', () => {
+        it('should validate correct date ranges', () => {
+            expect(isValidDateRange('2025-03-15', '2025-03-20')).toBe(true);
+            expect(isValidDateRange('2025-03-15', '2025-03-15')).toBe(true); // Same date
+            expect(isValidDateRange('2025-01-01', '2025-12-31')).toBe(true);
+        });
+        it('should reject invalid date ranges', () => {
+            expect(isValidDateRange('2025-03-20', '2025-03-15')).toBe(false); // End before start
+            expect(isValidDateRange('invalid-date', '2025-03-20')).toBe(false);
+            expect(isValidDateRange('2025-03-15', 'invalid-date')).toBe(false);
+        });
+        it('should handle empty inputs', () => {
+            expect(isValidDateRange('', '2025-03-20')).toBe(false);
+            expect(isValidDateRange('2025-03-15', '')).toBe(false);
+            expect(isValidDateRange('', '')).toBe(false);
+        });
+    });
+    describe('Date Formatting', () => {
+        const testDate = new Date(2025, 2, 15); // March 15, 2025
+        it('should format date in DD/MM/YYYY format', () => {
+            expect(formatDate(testDate, 'DD/MM/YYYY')).toBe('15/03/2025');
+        });
+        it('should format date in YYYY-MM-DD format', () => {
+            expect(formatDate(testDate, 'YYYY-MM-DD')).toBe('2025-03-15');
+        });
+        it('should format date in MM/DD/YYYY format', () => {
+            expect(formatDate(testDate, 'MM/DD/YYYY')).toBe('03/15/2025');
+        });
+        it('should handle invalid dates', () => {
+            const invalidDate = new Date('invalid');
+            expect(formatDate(invalidDate, 'DD/MM/YYYY')).toBe('');
+        });
+        it('should handle unknown formats with fallback', () => {
+            // Force the date in UTC to avoid timezone variations
+            const utcDate = new Date(Date.UTC(2025, 2, 15));
+            expect(formatDate(utcDate, 'UNKNOWN_FORMAT')).toBe('2025-03-15');
+        });
+    });
+    describe('Edge Cases', () => {
+        it('should handle leap year dates', () => {
+            const leapYearDate = new Date(2024, 1, 29); // Feb 29, 2024
+            expect(formatDate(leapYearDate, 'DD/MM/YYYY')).toBe('29/02/2024');
+            expect(isValidDateFormat('29/02/2024', 'DD/MM/YYYY')).toBe(true);
+        });
+        it('should handle year boundaries', () => {
+            expect(isValidDateRange('2024-12-31', '2025-01-01')).toBe(true);
+            expect(isValidDateRange('2025-01-01', '2024-12-31')).toBe(false);
+        });
+        it('should handle single digit dates with padding', () => {
+            const singleDigitDate = new Date(2025, 0, 5); // Jan 5, 2025
+            expect(formatDate(singleDigitDate, 'DD/MM/YYYY')).toBe('05/01/2025');
+            expect(formatDate(singleDigitDate, 'YYYY-MM-DD')).toBe('2025-01-05');
+        });
+    });
+});
+//# sourceMappingURL=nv-fielddaterange.logic.test.js.map

package/dist/collection/components/nv-fielddaterange/test/nv-fielddaterange.logic.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nv-fielddaterange.logic.test.js","sourceRoot":"","sources":["../../../../src/components/nv-fielddaterange/test/nv-fielddaterange.logic.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\nimport { describe, it, expect } from 'vitest';\n\n/**\n * Logic tests for nv-fielddaterange basic functionality\n *\n * These tests validate basic utility functions and logic\n * without testing the full component implementation.\n */\n\n/**\n * Utility function to validate date format\n * @param {string} dateString - Date string to validate\n * @param {string} format - Expected format (e.g., 'DD/MM/YYYY')\n * @returns {boolean} Whether the date matches the format\n */\nfunction isValidDateFormat(dateString: string, format: string): boolean {\n  if (!dateString || !format) return false;\n\n  const formatMap = {\n    'DD/MM/YYYY': /^\\d{2}\\/\\d{2}\\/\\d{4}$/,\n    'YYYY-MM-DD': /^\\d{4}-\\d{2}-\\d{2}$/,\n    'MM/DD/YYYY': /^\\d{2}\\/\\d{2}\\/\\d{4}$/,\n  };\n\n  const regex = formatMap[format as keyof typeof formatMap];\n  return regex ? regex.test(dateString) : false;\n}\n\n/**\n * Utility function to check if a date range is valid\n * @param {string} startDate - Start date string\n * @param {string} endDate - End date string\n * @returns {boolean} Whether the range is valid (start <= end)\n */\nfunction isValidDateRange(startDate: string, endDate: string): boolean {\n  if (!startDate || !endDate) return false;\n\n  const start = new Date(startDate);\n  const end = new Date(endDate);\n\n  return !isNaN(start.getTime()) && !isNaN(end.getTime()) && start <= end;\n}\n\n/**\n * Utility function to format date according to pattern\n * @param {Date} date - Date object to format\n * @param {string} format - Format pattern\n * @returns {string} Formatted date string\n */\nfunction formatDate(date: Date, format: string): string {\n  if (!date || isNaN(date.getTime())) return '';\n\n  const day = date.getDate().toString().padStart(2, '0');\n  const month = (date.getMonth() + 1).toString().padStart(2, '0');\n  const year = date.getFullYear().toString();\n\n  switch (format) {\n    case 'DD/MM/YYYY':\n      return `${day}/${month}/${year}`;\n    case 'YYYY-MM-DD':\n      return `${year}-${month}-${day}`;\n    case 'MM/DD/YYYY':\n      return `${month}/${day}/${year}`;\n    default:\n      return date.toISOString().split('T')[0];\n  }\n}\n\ndescribe('nv-fielddaterange - Logic Tests', () => {\n  describe('Date Format Validation', () => {\n    it('should validate DD/MM/YYYY format correctly', () => {\n      expect(isValidDateFormat('15/03/2025', 'DD/MM/YYYY')).toBe(true);\n      expect(isValidDateFormat('1/3/2025', 'DD/MM/YYYY')).toBe(false);\n      expect(isValidDateFormat('15-03-2025', 'DD/MM/YYYY')).toBe(false);\n      expect(isValidDateFormat('', 'DD/MM/YYYY')).toBe(false);\n    });\n\n    it('should validate YYYY-MM-DD format correctly', () => {\n      expect(isValidDateFormat('2025-03-15', 'YYYY-MM-DD')).toBe(true);\n      expect(isValidDateFormat('25-3-15', 'YYYY-MM-DD')).toBe(false);\n      expect(isValidDateFormat('2025/03/15', 'YYYY-MM-DD')).toBe(false);\n      expect(isValidDateFormat('', 'YYYY-MM-DD')).toBe(false);\n    });\n\n    it('should handle invalid inputs gracefully', () => {\n      expect(isValidDateFormat(null as unknown as string, 'DD/MM/YYYY')).toBe(\n        false,\n      );\n      expect(isValidDateFormat('15/03/2025', null as unknown as string)).toBe(\n        false,\n      );\n      expect(isValidDateFormat('15/03/2025', 'INVALID_FORMAT')).toBe(false);\n    });\n  });\n\n  describe('Date Range Validation', () => {\n    it('should validate correct date ranges', () => {\n      expect(isValidDateRange('2025-03-15', '2025-03-20')).toBe(true);\n      expect(isValidDateRange('2025-03-15', '2025-03-15')).toBe(true); // Same date\n      expect(isValidDateRange('2025-01-01', '2025-12-31')).toBe(true);\n    });\n\n    it('should reject invalid date ranges', () => {\n      expect(isValidDateRange('2025-03-20', '2025-03-15')).toBe(false); // End before start\n      expect(isValidDateRange('invalid-date', '2025-03-20')).toBe(false);\n      expect(isValidDateRange('2025-03-15', 'invalid-date')).toBe(false);\n    });\n\n    it('should handle empty inputs', () => {\n      expect(isValidDateRange('', '2025-03-20')).toBe(false);\n      expect(isValidDateRange('2025-03-15', '')).toBe(false);\n      expect(isValidDateRange('', '')).toBe(false);\n    });\n  });\n\n  describe('Date Formatting', () => {\n    const testDate = new Date(2025, 2, 15); // March 15, 2025\n\n    it('should format date in DD/MM/YYYY format', () => {\n      expect(formatDate(testDate, 'DD/MM/YYYY')).toBe('15/03/2025');\n    });\n\n    it('should format date in YYYY-MM-DD format', () => {\n      expect(formatDate(testDate, 'YYYY-MM-DD')).toBe('2025-03-15');\n    });\n\n    it('should format date in MM/DD/YYYY format', () => {\n      expect(formatDate(testDate, 'MM/DD/YYYY')).toBe('03/15/2025');\n    });\n\n    it('should handle invalid dates', () => {\n      const invalidDate = new Date('invalid');\n      expect(formatDate(invalidDate, 'DD/MM/YYYY')).toBe('');\n    });\n\n    it('should handle unknown formats with fallback', () => {\n      // Force the date in UTC to avoid timezone variations\n      const utcDate = new Date(Date.UTC(2025, 2, 15));\n      expect(formatDate(utcDate, 'UNKNOWN_FORMAT')).toBe('2025-03-15');\n    });\n  });\n\n  describe('Edge Cases', () => {\n    it('should handle leap year dates', () => {\n      const leapYearDate = new Date(2024, 1, 29); // Feb 29, 2024\n      expect(formatDate(leapYearDate, 'DD/MM/YYYY')).toBe('29/02/2024');\n      expect(isValidDateFormat('29/02/2024', 'DD/MM/YYYY')).toBe(true);\n    });\n\n    it('should handle year boundaries', () => {\n      expect(isValidDateRange('2024-12-31', '2025-01-01')).toBe(true);\n      expect(isValidDateRange('2025-01-01', '2024-12-31')).toBe(false);\n    });\n\n    it('should handle single digit dates with padding', () => {\n      const singleDigitDate = new Date(2025, 0, 5); // Jan 5, 2025\n      expect(formatDate(singleDigitDate, 'DD/MM/YYYY')).toBe('05/01/2025');\n      expect(formatDate(singleDigitDate, 'YYYY-MM-DD')).toBe('2025-01-05');\n    });\n  });\n});\n"]}

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

@@ -187,6 +187,14 @@ const NvFielddropdownDocs = {
             },
             template: h("nv-fielddropdown", { "data-storybook-args": true }),
         },
+        {
+            name: nameof(x => x.maxHeight),
+            args: {
+                label: 'Dropdown with Custom Max Height',
+                maxHeight: '300px',
+            },
+            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}` })))))),
+        },
     ],
 };
 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":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGlC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,mBAAmB,GAAyC;IAChE,SAAS,EAAE,kBAAkB;IAC7B,aAAa,EAAE,CAAC,sBAAsB,EAAE,WAAW,EAAE,SAAS,CAAC;IAC/D,OAAO,EAAE;QACP;YACE,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BACE,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,QAAQ,GACQ;oBACxB,4BACE,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,QAAQ,GACQ;oBACxB,4BACE,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,QAAQ,GACQ;oBACxB,4BACE,KAAK,EAAC,UAAU,EAChB,KAAK,EAAC,eAAe,EACrB,QAAQ,SACc,CACrB,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC;YAC3D,IAAI,EAAE;gBACJ,KAAK,EAAE,gBAAgB;gBACvB,UAAU,EAAE,IAAI;aACjB;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BAAsB,KAAK,EAAC,QAAQ,GAAwB;oBAC5D,4BAAsB,KAAK,EAAC,QAAQ,GAAwB;oBAC5D,4BAAsB,KAAK,EAAC,QAAQ,GAAwB;oBAC5D,4BACE,KAAK,EAAC,eAAe,EACrB,QAAQ,SACc,CACrB,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YACtD,IAAI,EAAE;gBACJ,KAAK,EAAE,qBAAqB;aAC7B;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BAAsB,KAAK,EAAC,QAAQ,GAAwB,CACzD,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;YAC5D,IAAI,EAAE;gBACJ,KAAK,EAAE,2BAA2B;gBAClC,WAAW,EAAE,4BAA4B;aAC1C;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BAAsB,KAAK,EAAC,QAAQ,GAAwB,CACzD,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;YAC5D,IAAI,EAAE;gBACJ,KAAK,EAAE,2BAA2B;gBAClC,WAAW,EAAE,qBAAqB;aACnC;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BAAsB,KAAK,EAAC,QAAQ,GAAwB,CACzD,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;YACzD,IAAI,EAAE;gBACJ,KAAK,EAAE,mBAAmB;gBAC1B,QAAQ,EAAE,IAAI;aACf;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BAAsB,KAAK,EAAC,QAAQ,GAAwB,CACzD,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;YACzD,IAAI,EAAE;gBACJ,KAAK,EAAE,mBAAmB;gBAC1B,QAAQ,EAAE,IAAI;aACf;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BAAsB,KAAK,EAAC,QAAQ,GAAwB,CACzD,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE;gBACJ,KAAK,EAAE,wBAAwB;gBAC/B,UAAU,EAAE,IAAI;aACjB;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BAAsB,KAAK,EAAC,QAAQ,GAAwB;oBAC5D,aAAM;oBACN,4BAAsB,KAAK,EAAC,QAAQ,GAAwB;oBAC5D,aAAM;oBACN,4BAAsB,KAAK,EAAC,QAAQ,GAAwB;oBAC5D,4BACE,KAAK,EAAC,eAAe,EACrB,QAAQ,SACc,CACrB,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YACtD,IAAI,EAAE;gBACJ,KAAK,EAAE,qBAAqB;gBAC5B,KAAK,EAAE,IAAI;aACZ;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BAAsB,KAAK,EAAC,QAAQ,GAAwB,CACzD,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;YACjE,IAAI,EAAE;gBACJ,KAAK,EAAE,iCAAiC;gBACxC,WAAW,EAAE,8BAA8B;gBAC3C,KAAK,EAAE,IAAI;gBACX,gBAAgB,EAAE,6BAA6B;aAChD;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BAAsB,KAAK,EAAC,QAAQ,GAAwB,CACzD,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YACtD,IAAI,EAAE;gBACJ,KAAK,EAAE,gBAAgB;gBACvB,KAAK,EAAE,IAAI;aACZ;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BAAsB,KAAK,EAAC,QAAQ,GAAwB,CACzD,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,aAAa;YACnB,IAAI,EAAE;gBACJ,KAAK,EAAE,kCAAkC;gBACzC,KAAK,EAAE,QAAQ;aAChB;YACD,QAAQ,EAAE,CACR,qDAAsC,UAAU;gBAC9C,UAAI,IAAI,EAAC,SAAS;oBAChB,4BACE,KAAK,EAAC,QAAQ,EACd,QAAQ,SACc;oBACxB,4BAAsB,KAAK,EAAC,QAAQ,GAAwB;oBAC5D,4BAAsB,KAAK,EAAC,QAAQ,GAAwB;oBAC5D,4BACE,KAAK,EAAC,eAAe,EACrB,QAAQ,SACc,CACrB,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,aAAa;YACnB,IAAI,EAAE;gBACJ,KAAK,EAAE,sBAAsB;gBAC7B,WAAW,EAAE,iCAAiC;gBAC9C,WAAW,EAAE,qBAAqB;aACnC;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BAAsB,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,IAAI;wBACjD,iBAAW,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAa;wBAC/C,mCAA6B,CACR;oBACvB,4BAAsB,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,IAAI;wBACjD,iBAAW,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAa;wBAC/C,mCAA6B,CACR;oBACvB,4BAAsB,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,IAAI;wBACjD,iBAAW,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAa;wBAC/C,mCAA6B,CACR,CACpB,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,wBAAwB;YAC9B,IAAI,EAAE;gBACJ,KAAK,EAAE,mCAAmC;gBAC1C,WAAW,EAAE,8CAA8C;gBAC3D,WAAW,EAAE,qBAAqB;gBAClC,UAAU,EAAE,IAAI;aACjB;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BAAsB,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,IAAI;wBACjD,iBAAW,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAa;wBAC/C,mCAA6B,CACR;oBACvB,4BAAsB,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,IAAI;wBACjD,iBAAW,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAa;wBAC/C,mCAA6B,CACR;oBACvB,4BAAsB,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,IAAI;wBACjD,iBAAW,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAa;wBAC/C,mCAA6B,CACR,CACpB,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YACrD,IAAI,EAAE;gBACJ,KAAK,EAAE,iBAAiB;gBACxB,IAAI,EAAE,IAAI;aACX;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BAAsB,KAAK,EAAC,QAAQ,GAAwB;oBAC5D,4BAAsB,KAAK,EAAC,QAAQ,GAAwB;oBAC5D,4BAAsB,KAAK,EAAC,QAAQ,GAAwB,CACzD,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YACtD,IAAI,EAAE;gBACJ,KAAK,EAAE,kCAAkC;gBACzC,KAAK,EAAE,QAAQ;aAChB;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BAAsB,KAAK,EAAC,QAAQ,GAAwB;oBAC5D,4BAAsB,KAAK,EAAC,QAAQ,GAAwB;oBAC5D,4BAAsB,KAAK,EAAC,QAAQ,GAAwB;oBAC5D,4BACE,KAAK,EAAC,eAAe,EACrB,QAAQ,SACc,CACrB,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;YACzD,IAAI,EAAE;gBACJ,KAAK,EAAE,mBAAmB;gBAC1B,QAAQ,EAAE,IAAI;aACf;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BAAsB,KAAK,EAAC,QAAQ,GAAwB;oBAC5D,4BAAsB,KAAK,EAAC,QAAQ,GAAwB;oBAC5D,4BAAsB,KAAK,EAAC,QAAQ,GAAwB,CACzD,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;YAC5D,IAAI,EAAE;gBACJ,KAAK,EAAE,iCAAiC;gBACxC,UAAU,EAAE,IAAI;gBAChB,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,8BAA8B;gBACrC,WAAW,EAAE,gBAAgB;aAC9B;YACD,QAAQ,EAAE,CACR;gBACE,UAAI,IAAI,EAAC,SAAS;oBAChB,4BAAsB,KAAK,EAAC,QAAQ,GAAwB,CACzD,CACY,CACpB;SACF;QACD;YACE,IAAI,EAAE,MAAM,CAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YAC1D,IAAI,EAAE;gBACJ,KAAK,EAAE,WAAW;gBAClB,SAAS,EAAE,IAAI;aAChB;YACD,QAAQ,EAAE,sDAAyD;SACpE;QACD;YACE,IAAI,EAAE,eAAe;YACrB,IAAI,EAAE;gBACJ,KAAK,EAAE,6BAA6B;gBACpC,OAAO,EAAE;oBACP,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;oBAClC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;oBACpC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE;oBAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;oBAClD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;iBACrC;aACF;YACD,QAAQ,EAAE,sDAAyD;SACpE;QACD;YACE,IAAI,EAAE,2BAA2B;YACjC,IAAI,EAAE;gBACJ,KAAK,EAAE,sCAAsC;gBAC7C,OAAO,EAAE;oBACP,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;oBAClC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;oBACpD,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE;oBAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;oBAClD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;iBACrC;aACF;YACD,QAAQ,EAAE,sDAAyD;SACpE;KACF;CACF,CAAC;AAEF,eAAe,mBAAmB,CAAC","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    {\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    {\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    {\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    {\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    {\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    {\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    {\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    {\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    {\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    {\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    {\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    {\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    {\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</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</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</span>\n            </nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\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</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</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</span>\n            </nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\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    {\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    {\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    {\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    {\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    {\n      name: 'Options Array',\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    {\n      name: 'Options Array Preselected',\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  ],\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    {\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    {\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    {\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    {\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    {\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    {\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    {\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    {\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    {\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    {\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    {\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    {\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    {\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</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</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</span>\n            </nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\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</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</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</span>\n            </nv-fielddropdownitem>\n          </ul>\n        </nv-fielddropdown>\n      ),\n    },\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    {\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    {\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    {\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    {\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    {\n      name: 'Options Array',\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    {\n      name: 'Options Array Preselected',\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    {\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"]}