npm - @nova-design-system/nova-webcomponents - Versions diffs - 3.23.0 → 3.24.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (792) hide show

package/dist/collection/components/nv-fieldtime/utils/format-utils.js CHANGED Viewed

@@ -102,7 +102,7 @@ export function parseValueByFormat(value, format) {
     }
     // Handle partial format values - try to parse what we can
     const parts = cleanValue.split(':');
-    const result = Object.assign({}, defaultComponents);
+    const result = { ...defaultComponents };
     if (parts.length >= 1 && parts[0]) {
         const hours = parseInt(parts[0], 10);
         if (!isNaN(hours)) {

package/dist/collection/components/nv-fieldtime/utils/format-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"format-utils.js","sourceRoot":"","sources":["../../../../../src/components/nv-fieldtime/utils/format-utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { TimeType } from '../../../utils/constants';\n\n/*\n Interface representing the components of a time value\n /\n/\n Interface representing the components of a time value\n /\nexport interface TimeComponents {\n /* Hours component as string /\n hours: string;\n /* Minutes component as string /\n minutes: string;\n /* Seconds component as string /\n seconds: string;\n}\n\n/\n Configuration for each supported time format\n /\n/\n Configuration for each supported time format\n /\nexport interface FormatConfig {\n /* Regular expression pattern for validation /\n pattern: RegExp;\n /* Array of time types included in this format /\n parts: TimeType[];\n /* Default value for this format /\n defaultValue: string;\n /* Maximum length of the formatted string /\n maxLength: number;\n}\n\n/\n Format configurations for all supported time formats\n /\nexport const FORMAT_CONFIGS: Record<string, FormatConfig> = {\n 'HH': {\n pattern: /^([0-1]?[0-9]\|2[0-3])$/,\n parts: [TimeType.Hours],\n defaultValue: '00',\n maxLength: 2,\n },\n 'HH:mm': {\n pattern: /^([0-1]?[0-9]\|2[0-3]):([0-5]?[0-9])$/,\n parts: [TimeType.Hours, TimeType.Minutes],\n defaultValue: '00:00',\n maxLength: 5,\n },\n 'HH:mm:ss': {\n pattern: /^([0-1]?[0-9]\|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/,\n parts: [TimeType.Hours, TimeType.Minutes, TimeType.Seconds],\n defaultValue: '00:00:00',\n maxLength: 8,\n },\n 'hh': {\n pattern: /^(0?[1-9]\|1[0-2])$/,\n parts: [TimeType.Hours],\n defaultValue: '01',\n maxLength: 2,\n },\n 'hh:mm': {\n pattern: /^(0?[1-9]\|1[0-2]):([0-5]?[0-9])$/,\n parts: [TimeType.Hours, TimeType.Minutes],\n defaultValue: '01:00',\n maxLength: 5,\n },\n 'hh:mm:ss': {\n pattern: /^(0?[1-9]\|1[0-2]):([0-5]?[0-9]):([0-5]?[0-9])$/,\n parts: [TimeType.Hours, TimeType.Minutes, TimeType.Seconds],\n defaultValue: '01:00:00',\n maxLength: 8,\n },\n};\n\n/\n Returns the visible time types for a given format\n * @param {string} format - The time format string\n * @returns {TimeType[]} Array of TimeType values that should be visible\n /\nexport function getVisibleTimeTypes(format: string): TimeType[] {\n const config = FORMAT_CONFIGS[format];\n if (!config) {\n // Fallback for unknown formats\n return [TimeType.Hours, TimeType.Minutes, TimeType.Seconds];\n }\n return config.parts;\n}\n\n/\n Validates if a given value string matches the expected format pattern\n * @param {string} value - The time value string to validate\n * @param {string} format - The expected time format\n * @returns {boolean} True if the value matches the format, false otherwise\n /\nexport function isValidFormatValue(value: string, format: string): boolean {\n if (!value \|\| !format) {\n return false;\n }\n\n const config = FORMAT_CONFIGS[format];\n if (!config) {\n return false;\n }\n\n return config.pattern.test(value);\n}\n\n/\n Parses a time value string according to the specified format\n * Handles both full and partial time strings with backward compatibility\n * @param {string} value - The time value string to parse\n * @param {string} format - The target time format\n * @returns {TimeComponents} TimeComponents object with parsed hours, minutes, and seconds\n /\nexport function parseValueByFormat(\n value: string,\n format: string,\n): TimeComponents {\n const config = FORMAT_CONFIGS[format];\n const defaultComponents: TimeComponents = {\n hours: format.startsWith('hh') ? '01' : '00',\n minutes: '00',\n seconds: '00',\n };\n\n if (!value \|\| !config) {\n return defaultComponents;\n }\n\n // Clean the input value - remove non-numeric characters except colons\n const cleanValue = value.replace(/[^0-9:]/g, '');\n\n // Try to match the exact format first\n const exactMatch = cleanValue.match(config.pattern);\n if (exactMatch) {\n return extractComponentsFromMatch(exactMatch, format);\n }\n\n // Handle backward compatibility - parse full format values when format is shorter\n const fullFormatPattern =\n /^([0-1]?[0-9]\|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/;\n const fullMatch = cleanValue.match(fullFormatPattern);\n if (fullMatch) {\n const fullComponents = extractComponentsFromMatch(fullMatch, 'HH:mm:ss');\n return extractRelevantComponents(fullComponents, format);\n }\n\n // Handle partial format values - try to parse what we can\n const parts = cleanValue.split(':');\n const result = { ...defaultComponents };\n\n if (parts.length >= 1 && parts[0]) {\n const hours = parseInt(parts[0], 10);\n if (!isNaN(hours)) {\n if (format.startsWith('hh')) {\n // 12-hour format validation\n if (hours >= 1 && hours <= 12) {\n result.hours = hours.toString().padStart(2, '0');\n } else {\n // Invalid hour for 12-hour format, keep default\n result.hours = defaultComponents.hours;\n }\n } else {\n // 24-hour format validation\n if (hours >= 0 && hours <= 23) {\n result.hours = hours.toString().padStart(2, '0');\n } else {\n // Invalid hour for 24-hour format, keep default\n result.hours = defaultComponents.hours;\n }\n }\n }\n }\n\n if (\n parts.length >= 2 &&\n parts[1] &&\n config.parts.includes(TimeType.Minutes)\n ) {\n const minutes = parseInt(parts[1], 10);\n if (!isNaN(minutes) && minutes >= 0 && minutes <= 59) {\n result.minutes = minutes.toString().padStart(2, '0');\n }\n }\n\n if (\n parts.length >= 3 &&\n parts[2] &&\n config.parts.includes(TimeType.Seconds)\n ) {\n const seconds = parseInt(parts[2], 10);\n if (!isNaN(seconds) && seconds >= 0 && seconds <= 59) {\n result.seconds = seconds.toString().padStart(2, '0');\n }\n }\n\n return result;\n}\n\n/\n Extracts time components from a regex match result\n * @param {RegExpMatchArray} match - The regex match result\n * @param {string} format - The format that was matched\n * @returns {TimeComponents} TimeComponents object\n /\nfunction extractComponentsFromMatch(\n match: RegExpMatchArray,\n format: string,\n): TimeComponents {\n const result: TimeComponents = {\n hours: format.startsWith('hh') ? '01' : '00',\n minutes: '00',\n seconds: '00',\n };\n\n if (match[1]) {\n result.hours = parseInt(match[1], 10).toString().padStart(2, '0');\n }\n if (match[2]) {\n result.minutes = parseInt(match[2], 10).toString().padStart(2, '0');\n }\n if (match[3]) {\n result.seconds = parseInt(match[3], 10).toString().padStart(2, '0');\n }\n\n return result;\n}\n\n/\n Extracts only the relevant components based on the target format\n * @param {TimeComponents} components - Full time components\n * @param {string} format - Target format to extract components for\n * @returns {TimeComponents} TimeComponents with only relevant parts\n /\nfunction extractRelevantComponents(\n components: TimeComponents,\n format: string,\n): TimeComponents {\n const config = FORMAT_CONFIGS[format];\n const result: TimeComponents = {\n hours: format.startsWith('hh') ? '01' : '00',\n minutes: '00',\n seconds: '00',\n };\n\n if (config.parts.includes(TimeType.Hours)) {\n // Validate hours for the target format\n const hours = parseInt(components.hours, 10);\n if (format.startsWith('hh')) {\n // 12-hour format validation\n if (hours >= 1 && hours <= 12) {\n result.hours = components.hours;\n }\n // If invalid, keep the default '01'\n } else {\n // 24-hour format validation\n if (hours >= 0 && hours <= 23) {\n result.hours = components.hours;\n }\n // If invalid, keep the default '00'\n }\n }\n if (config.parts.includes(TimeType.Minutes)) {\n result.minutes = components.minutes;\n }\n if (config.parts.includes(TimeType.Seconds)) {\n result.seconds = components.seconds;\n }\n\n return result;\n}\n\n/\n Reconstructs a time string from components according to the specified format\n * @param {TimeComponents} components - Time components to reconstruct\n * @param {string} format - Target format for reconstruction\n * @returns {string} Formatted time string\n */\nexport function reconstructTimeByFormat(\n components: TimeComponents,\n format: string,\n): string {\n const config = FORMAT_CONFIGS[format];\n if (!config) {\n return `${components.hours}:${components.minutes}:${components.seconds}`;\n }\n\n switch (format) {\n case 'HH':\n case 'hh':\n return components.hours;\n case 'HH:mm':\n case 'hh:mm':\n return `${components.hours}:${components.minutes}`;\n case 'HH:mm:ss':\n case 'hh:mm:ss':\n return `${components.hours}:${components.minutes}:${components.seconds}`;\n default:\n return `${components.hours}:${components.minutes}:${components.seconds}`;\n }\n}\n"]}
1	+ {"version":3,"file":"format-utils.js","sourceRoot":"","sources":["../../../../../src/components/nv-fieldtime/utils/format-utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { TimeType } from '../../../utils/constants';\n\n/*\n Interface representing the components of a time value\n /\n/\n Interface representing the components of a time value\n /\nexport interface TimeComponents {\n /* Hours component as string /\n hours: string;\n /* Minutes component as string /\n minutes: string;\n /* Seconds component as string /\n seconds: string;\n}\n\n/\n Configuration for each supported time format\n /\n/\n Configuration for each supported time format\n /\nexport interface FormatConfig {\n /* Regular expression pattern for validation /\n pattern: RegExp;\n /* Array of time types included in this format /\n parts: TimeType[];\n /* Default value for this format /\n defaultValue: string;\n /* Maximum length of the formatted string /\n maxLength: number;\n}\n\n/\n Format configurations for all supported time formats\n /\nexport const FORMAT_CONFIGS: Record<string, FormatConfig> = {\n 'HH': {\n pattern: /^([0-1]?[0-9]\|2[0-3])$/,\n parts: [TimeType.Hours],\n defaultValue: '00',\n maxLength: 2,\n },\n 'HH:mm': {\n pattern: /^([0-1]?[0-9]\|2[0-3]):([0-5]?[0-9])$/,\n parts: [TimeType.Hours, TimeType.Minutes],\n defaultValue: '00:00',\n maxLength: 5,\n },\n 'HH:mm:ss': {\n pattern: /^([0-1]?[0-9]\|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/,\n parts: [TimeType.Hours, TimeType.Minutes, TimeType.Seconds],\n defaultValue: '00:00:00',\n maxLength: 8,\n },\n 'hh': {\n pattern: /^(0?[1-9]\|1[0-2])$/,\n parts: [TimeType.Hours],\n defaultValue: '01',\n maxLength: 2,\n },\n 'hh:mm': {\n pattern: /^(0?[1-9]\|1[0-2]):([0-5]?[0-9])$/,\n parts: [TimeType.Hours, TimeType.Minutes],\n defaultValue: '01:00',\n maxLength: 5,\n },\n 'hh:mm:ss': {\n pattern: /^(0?[1-9]\|1[0-2]):([0-5]?[0-9]):([0-5]?[0-9])$/,\n parts: [TimeType.Hours, TimeType.Minutes, TimeType.Seconds],\n defaultValue: '01:00:00',\n maxLength: 8,\n },\n};\n\n/\n Returns the visible time types for a given format\n * @param {string} format - The time format string\n * @returns {TimeType[]} Array of TimeType values that should be visible\n /\nexport function getVisibleTimeTypes(format: string): TimeType[] {\n const config = FORMAT_CONFIGS[format];\n if (!config) {\n // Fallback for unknown formats\n return [TimeType.Hours, TimeType.Minutes, TimeType.Seconds];\n }\n return config.parts;\n}\n\n/\n Validates if a given value string matches the expected format pattern\n * @param {string} value - The time value string to validate\n * @param {string} format - The expected time format\n * @returns {boolean} True if the value matches the format, false otherwise\n /\nexport function isValidFormatValue(value: string, format: string): boolean {\n if (!value \|\| !format) {\n return false;\n }\n\n const config = FORMAT_CONFIGS[format];\n if (!config) {\n return false;\n }\n\n return config.pattern.test(value);\n}\n\n/\n Parses a time value string according to the specified format\n * Handles both full and partial time strings with backward compatibility\n * @param {string} value - The time value string to parse\n * @param {string} format - The target time format\n * @returns {TimeComponents} TimeComponents object with parsed hours, minutes, and seconds\n /\nexport function parseValueByFormat(\n value: string,\n format: string,\n): TimeComponents {\n const config = FORMAT_CONFIGS[format];\n const defaultComponents: TimeComponents = {\n hours: format.startsWith('hh') ? '01' : '00',\n minutes: '00',\n seconds: '00',\n };\n\n if (!value \|\| !config) {\n return defaultComponents;\n }\n\n // Clean the input value - remove non-numeric characters except colons\n const cleanValue = value.replace(/[^0-9:]/g, '');\n\n // Try to match the exact format first\n const exactMatch = cleanValue.match(config.pattern);\n if (exactMatch) {\n return extractComponentsFromMatch(exactMatch, format);\n }\n\n // Handle backward compatibility - parse full format values when format is shorter\n const fullFormatPattern =\n /^([0-1]?[0-9]\|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/;\n const fullMatch = cleanValue.match(fullFormatPattern);\n if (fullMatch) {\n const fullComponents = extractComponentsFromMatch(fullMatch, 'HH:mm:ss');\n return extractRelevantComponents(fullComponents, format);\n }\n\n // Handle partial format values - try to parse what we can\n const parts = cleanValue.split(':');\n const result = { ...defaultComponents };\n\n if (parts.length >= 1 && parts[0]) {\n const hours = parseInt(parts[0], 10);\n if (!isNaN(hours)) {\n if (format.startsWith('hh')) {\n // 12-hour format validation\n if (hours >= 1 && hours <= 12) {\n result.hours = hours.toString().padStart(2, '0');\n } else {\n // Invalid hour for 12-hour format, keep default\n result.hours = defaultComponents.hours;\n }\n } else {\n // 24-hour format validation\n if (hours >= 0 && hours <= 23) {\n result.hours = hours.toString().padStart(2, '0');\n } else {\n // Invalid hour for 24-hour format, keep default\n result.hours = defaultComponents.hours;\n }\n }\n }\n }\n\n if (\n parts.length >= 2 &&\n parts[1] &&\n config.parts.includes(TimeType.Minutes)\n ) {\n const minutes = parseInt(parts[1], 10);\n if (!isNaN(minutes) && minutes >= 0 && minutes <= 59) {\n result.minutes = minutes.toString().padStart(2, '0');\n }\n }\n\n if (\n parts.length >= 3 &&\n parts[2] &&\n config.parts.includes(TimeType.Seconds)\n ) {\n const seconds = parseInt(parts[2], 10);\n if (!isNaN(seconds) && seconds >= 0 && seconds <= 59) {\n result.seconds = seconds.toString().padStart(2, '0');\n }\n }\n\n return result;\n}\n\n/\n Extracts time components from a regex match result\n * @param {RegExpMatchArray} match - The regex match result\n * @param {string} format - The format that was matched\n * @returns {TimeComponents} TimeComponents object\n /\nfunction extractComponentsFromMatch(\n match: RegExpMatchArray,\n format: string,\n): TimeComponents {\n const result: TimeComponents = {\n hours: format.startsWith('hh') ? '01' : '00',\n minutes: '00',\n seconds: '00',\n };\n\n if (match[1]) {\n result.hours = parseInt(match[1], 10).toString().padStart(2, '0');\n }\n if (match[2]) {\n result.minutes = parseInt(match[2], 10).toString().padStart(2, '0');\n }\n if (match[3]) {\n result.seconds = parseInt(match[3], 10).toString().padStart(2, '0');\n }\n\n return result;\n}\n\n/\n Extracts only the relevant components based on the target format\n * @param {TimeComponents} components - Full time components\n * @param {string} format - Target format to extract components for\n * @returns {TimeComponents} TimeComponents with only relevant parts\n /\nfunction extractRelevantComponents(\n components: TimeComponents,\n format: string,\n): TimeComponents {\n const config = FORMAT_CONFIGS[format];\n const result: TimeComponents = {\n hours: format.startsWith('hh') ? '01' : '00',\n minutes: '00',\n seconds: '00',\n };\n\n if (config.parts.includes(TimeType.Hours)) {\n // Validate hours for the target format\n const hours = parseInt(components.hours, 10);\n if (format.startsWith('hh')) {\n // 12-hour format validation\n if (hours >= 1 && hours <= 12) {\n result.hours = components.hours;\n }\n // If invalid, keep the default '01'\n } else {\n // 24-hour format validation\n if (hours >= 0 && hours <= 23) {\n result.hours = components.hours;\n }\n // If invalid, keep the default '00'\n }\n }\n if (config.parts.includes(TimeType.Minutes)) {\n result.minutes = components.minutes;\n }\n if (config.parts.includes(TimeType.Seconds)) {\n result.seconds = components.seconds;\n }\n\n return result;\n}\n\n/\n Reconstructs a time string from components according to the specified format\n * @param {TimeComponents} components - Time components to reconstruct\n * @param {string} format - Target format for reconstruction\n * @returns {string} Formatted time string\n */\nexport function reconstructTimeByFormat(\n components: TimeComponents,\n format: string,\n): string {\n const config = FORMAT_CONFIGS[format];\n if (!config) {\n return `${components.hours}:${components.minutes}:${components.seconds}`;\n }\n\n switch (format) {\n case 'HH':\n case 'hh':\n return components.hours;\n case 'HH:mm':\n case 'hh:mm':\n return `${components.hours}:${components.minutes}`;\n case 'HH:mm:ss':\n case 'hh:mm:ss':\n return `${components.hours}:${components.minutes}:${components.seconds}`;\n default:\n return `${components.hours}:${components.minutes}:${components.seconds}`;\n }\n}\n"]}

package/dist/collection/components/nv-icon/nv-icon.docs.js CHANGED Viewed

@@ -4,22 +4,68 @@ import { nameof } from "../../utils/class.utils";
 const NvIconDocs = {
     component: 'nv-icon',
     stories: [
+        // Default
         {
             name: 'Default',
             args: { name: 'user' },
             template: h("nv-icon", { "data-storybook-args": true }),
         },
+        // name
         {
             name: nameof(x => x.name),
             description: 'Choose the icon you want to display.',
             args: { name: 'user' },
             template: h("nv-icon", { "data-storybook-args": true }),
         },
+        // size
         {
             name: nameof(x => x.size),
             args: { name: 'user' },
             template: (h("div", { "data-class": "flex gap-4" }, h("nv-icon", { "data-storybook-args": true, size: "xs" }), h("nv-icon", { "data-storybook-args": true, size: "sm" }), h("nv-icon", { "data-storybook-args": true, size: "md" }), h("nv-icon", { "data-storybook-args": true, size: "lg" }), h("nv-icon", { "data-storybook-args": true, size: "xl" }))),
         },
+        // xsmall (deprecated)
+        {
+            name: nameof(x => x.xsmall),
+            description: 'Deprecated: use size instead. Set size to ExtraSmall.',
+            args: { name: 'user', xsmall: true },
+            template: h("nv-icon", { "data-storybook-args": true }),
+        },
+        // small (deprecated)
+        {
+            name: nameof(x => x.small),
+            description: 'Deprecated: use size instead. Set size to Small.',
+            args: { name: 'user', small: true },
+            template: h("nv-icon", { "data-storybook-args": true }),
+        },
+        // medium (deprecated)
+        {
+            name: nameof(x => x.medium),
+            description: 'Deprecated: use size instead. Set size to Medium.',
+            args: { name: 'user', medium: true },
+            template: h("nv-icon", { "data-storybook-args": true }),
+        },
+        // large (deprecated)
+        {
+            name: nameof(x => x.large),
+            description: 'Deprecated: use size instead. Set size to Large.',
+            args: { name: 'user', large: true },
+            template: h("nv-icon", { "data-storybook-args": true }),
+        },
+        // xlarge (deprecated)
+        {
+            name: nameof(x => x.xlarge),
+            description: 'Deprecated: use size instead. Set size to ExtraLarge.',
+            args: { name: 'user', xlarge: true },
+            template: h("nv-icon", { "data-storybook-args": true }),
+        },
+        // color (deprecated)
+        {
+            name: nameof(x => x.color),
+            description: 'Deprecated: use class names instead. Set color of the icon.',
+            args: { name: 'user', color: 'primary' },
+            template: h("nv-icon", { "data-storybook-args": true }),
+        },
+        // List
         {
             name: 'List',
             description: 'Showcase of all available icons.',

package/dist/collection/components/nv-icon/nv-icon.docs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nv-icon.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-icon/nv-icon.docs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGlC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,UAAU,GAAgC;IAC9C,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE;QACP;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,QAAQ,EAAE,6CAAuC;SAClD;QACD;YACE,IAAI,EAAE,MAAM,CAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YAC5C,WAAW,EAAE,sCAAsC;YACnD,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,QAAQ,EAAE,6CAAuC;SAClD;QACD;YACE,IAAI,EAAE,MAAM,CAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YAC5C,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,QAAQ,EAAE,CACR,yBAAgB,YAAY;gBAC1B,4CAA6B,IAAI,EAAC,IAAI,GAAW;gBACjD,4CAA6B,IAAI,EAAC,IAAI,GAAW;gBACjD,4CAA6B,IAAI,EAAC,IAAI,GAAW;gBACjD,4CAA6B,IAAI,EAAC,IAAI,GAAW;gBACjD,4CAA6B,IAAI,EAAC,IAAI,GAAW,CAC7C,CACP;SACF;QACD;YACE,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,kCAAkC;YAC/C,aAAa,EAAE,IAAI;YACnB,QAAQ,EAAE,CACR,yBAAgB,+BAA+B,IAC5C,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CACzB,yBAAgB,iDAAiD;gBAC/D,eAAS,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,IAAI,GAAW;gBAC7C,0BAAiB,cAAc,IAAE,QAAQ,CAAQ,CAC7C,CACP,CAAC,CACE,CACP;SACF;KACF;CACF,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { iconNames } from './nv-icons';\nimport { nameof } from '../../utils/class.utils';\n\nconst NvIconDocs: NovaDocs<Components.NvIcon> = {\n component: 'nv-icon',\n stories: [\n {\n name: 'Default',\n args: { name: 'user' },\n template: <nv-icon data-storybook-args></nv-icon>,\n },\n {\n name: nameof<Components.NvIcon>(x => x.name),\n description: 'Choose the icon you want to display.',\n args: { name: 'user' },\n template: <nv-icon data-storybook-args></nv-icon>,\n },\n {\n name: nameof<Components.NvIcon>(x => x.size),\n args: { name: 'user' },\n template: (\n <div data-class=\"flex gap-4\">\n <nv-icon data-storybook-args size=\"xs\"></nv-icon>\n <nv-icon data-storybook-args size=\"sm\"></nv-icon>\n <nv-icon data-storybook-args size=\"md\"></nv-icon>\n <nv-icon data-storybook-args size=\"lg\"></nv-icon>\n <nv-icon data-storybook-args size=\"xl\"></nv-icon>\n </div>\n ),\n },\n {\n name: 'List',\n description: 'Showcase of all available icons.',\n disableSource: true,\n template: (\n <div data-class=\"flex flex-row flex-wrap gap-4\">\n {iconNames.map(iconName => (\n <div data-class=\"w-2/12 flex flex-col items-center aspect-square\">\n <nv-icon name={iconName} size=\"md\"></nv-icon>\n <span data-class=\"text-xs mt-2\">{iconName}</span>\n </div>\n ))}\n </div>\n ),\n },\n ],\n};\n\nexport default NvIconDocs;\n"]}
1	+ {"version":3,"file":"nv-icon.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-icon/nv-icon.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 { iconNames } from './nv-icons';\nimport { nameof } from '../../utils/class.utils';\n\nconst NvIconDocs: NovaDocs<Components.NvIcon> = {\n component: 'nv-icon',\n stories: [\n // Default\n {\n name: 'Default',\n args: { name: 'user' },\n template: <nv-icon data-storybook-args></nv-icon>,\n },\n // name\n {\n name: nameof<Components.NvIcon>(x => x.name),\n description: 'Choose the icon you want to display.',\n args: { name: 'user' },\n template: <nv-icon data-storybook-args></nv-icon>,\n },\n // size\n {\n name: nameof<Components.NvIcon>(x => x.size),\n args: { name: 'user' },\n template: (\n <div data-class=\"flex gap-4\">\n <nv-icon data-storybook-args size=\"xs\"></nv-icon>\n <nv-icon data-storybook-args size=\"sm\"></nv-icon>\n <nv-icon data-storybook-args size=\"md\"></nv-icon>\n <nv-icon data-storybook-args size=\"lg\"></nv-icon>\n <nv-icon data-storybook-args size=\"xl\"></nv-icon>\n </div>\n ),\n },\n // xsmall (deprecated)\n {\n name: nameof<Components.NvIcon>(x => x.xsmall),\n description: 'Deprecated: use size instead. Set size to ExtraSmall.',\n args: { name: 'user', xsmall: true },\n template: <nv-icon data-storybook-args></nv-icon>,\n },\n // small (deprecated)\n {\n name: nameof<Components.NvIcon>(x => x.small),\n description: 'Deprecated: use size instead. Set size to Small.',\n args: { name: 'user', small: true },\n template: <nv-icon data-storybook-args></nv-icon>,\n },\n // medium (deprecated)\n {\n name: nameof<Components.NvIcon>(x => x.medium),\n description: 'Deprecated: use size instead. Set size to Medium.',\n args: { name: 'user', medium: true },\n template: <nv-icon data-storybook-args></nv-icon>,\n },\n // large (deprecated)\n {\n name: nameof<Components.NvIcon>(x => x.large),\n description: 'Deprecated: use size instead. Set size to Large.',\n args: { name: 'user', large: true },\n template: <nv-icon data-storybook-args></nv-icon>,\n },\n // xlarge (deprecated)\n {\n name: nameof<Components.NvIcon>(x => x.xlarge),\n description: 'Deprecated: use size instead. Set size to ExtraLarge.',\n args: { name: 'user', xlarge: true },\n template: <nv-icon data-storybook-args></nv-icon>,\n },\n // color (deprecated)\n {\n name: nameof<Components.NvIcon>(x => x.color),\n description:\n 'Deprecated: use class names instead. Set color of the icon.',\n args: { name: 'user', color: 'primary' },\n template: <nv-icon data-storybook-args></nv-icon>,\n },\n // List\n {\n name: 'List',\n description: 'Showcase of all available icons.',\n disableSource: true,\n template: (\n <div data-class=\"flex flex-row flex-wrap gap-4\">\n {iconNames.map(iconName => (\n <div data-class=\"w-2/12 flex flex-col items-center aspect-square\">\n <nv-icon name={iconName} size=\"md\"></nv-icon>\n <span data-class=\"text-xs mt-2\">{iconName}</span>\n </div>\n ))}\n </div>\n ),\n },\n ],\n};\n\nexport default NvIconDocs;\n"]}

package/dist/collection/components/nv-icon/nv-icon.js CHANGED Viewed

@@ -48,7 +48,7 @@ export class NvIcon {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '8cb4ada2454c7e9676cd088397eb4416ccab2d82', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, h("svg", { key: '4934c79fa096935be509ff6a641361dac44a4a9f', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, h("use", { key: 'fd1463bd985a473937d6d3035edf83a8d5baf92d', href: `#nvicon_${this.name}` }))));
+        return (h(Host, { key: '31b36db6d7b776186957d70948b9905c96274143', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, h("svg", { key: '55fbe67f9e53aad9854288623b92795238cffc96', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, h("use", { key: 'c5b7abbf6698be110c6458355cc3b732e620eed9', href: `#nvicon_${this.name}` }))));
     }
     static get is() { return "nv-icon"; }
     static get originalStyleUrls() {

package/dist/collection/components/nv-icon/nv-icons.js CHANGED Viewed

@@ -195,8 +195,10 @@ export const iconNames = [
     'eraser-off',
     'eraser',
     'external-link',
+    'eye-check',
     'eye-off',
     'eye',
+    'eyeglass2',
     'face-id',
     'feather',
     'file-alert',

package/dist/collection/components/nv-icon/nv-icons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nv-icons.js","sourceRoot":"","sources":["../../../../src/components/nv-icon/nv-icons.ts"],"names":[],"mappings":"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","sourcesContent":["/** Available icons */\n\nexport const iconNames = [\n 'access-point-off',\n 'access-point',\n 'accessible',\n 'activity',\n 'address-book',\n 'adjustments-horizontal',\n 'adjustments-up',\n 'adjustments',\n 'affiliate',\n 'air-conditioning',\n 'alert-circle',\n 'alert-square-rounded',\n 'alert-triangle',\n 'align-center',\n 'align-left',\n 'align-right',\n 'app-window',\n 'apps',\n 'archive',\n 'areas',\n 'arrow-back-up',\n 'arrow-back',\n 'arrow-down-left',\n 'arrow-down-right',\n 'arrow-down',\n 'arrow-forward-up',\n 'arrow-forward',\n 'arrow-left',\n 'arrow-right',\n 'arrow-up-left',\n 'arrow-up-right',\n 'arrow-up',\n 'arrows-diagonal',\n 'arrows-exchange',\n 'arrows-maximize',\n 'arrows-minimize',\n 'arrows-move',\n 'aspect-ratio',\n 'atom',\n 'ban',\n 'basket',\n 'battery-1',\n 'battery-2',\n 'battery-3',\n 'battery-4',\n 'battery-automotive',\n 'battery-charging',\n 'battery-eco',\n 'battery-off',\n 'battery',\n 'bell-bolt',\n 'bell-off',\n 'bell-ringing',\n 'bell',\n 'bike',\n 'bluetooth-connected',\n 'bluetooth-off',\n 'bluetooth',\n 'bolt-off',\n 'bolt',\n 'book',\n 'bookmark-off',\n 'bookmark',\n 'bookmarks',\n 'box-align-top',\n 'box-multiple',\n 'brand-facebook',\n 'brand-instagram',\n 'brand-linkedin',\n 'brand-x',\n 'brand-youtube',\n 'briefcase',\n 'brightness-down',\n 'brightness-up',\n 'browser-check',\n 'browser-plus',\n 'browser-x',\n 'browser',\n 'brush',\n 'building-bank',\n 'building-factory',\n 'building-lighthouse',\n 'building-store',\n 'building',\n 'bulb-off',\n 'bulb',\n 'cake',\n 'calendar-time',\n 'calendar',\n 'camera-off',\n 'camera',\n 'car-crane',\n 'car',\n 'caravan',\n 'cash-banknote',\n 'cash',\n 'cast',\n 'cell',\n 'charging-pile',\n 'chart-arcs',\n 'chart-area-line',\n 'chart-area',\n 'chart-arrows-vertical',\n 'chart-arrows',\n 'chart-bar',\n 'chart-bubble',\n 'chart-circles',\n 'chart-donut',\n 'chart-dots',\n 'chart-line',\n 'chart-pie',\n 'chart-radar',\n 'check',\n 'checkbox',\n 'checklist',\n 'checks',\n 'chevron-down',\n 'chevron-left',\n 'chevron-right',\n 'chevron-top',\n 'chevrons-left',\n 'chevrons-right',\n 'circle-caret-right',\n 'circle-check',\n 'circle-x',\n 'circuit-alternate',\n 'circuit-ground-digital',\n 'clipboard-check',\n 'clipboard-list',\n 'clipboard-plus',\n 'clipboard-text',\n 'clipboard-x',\n 'clipboard',\n 'clock-edit',\n 'clock',\n 'cloud-data-connection',\n 'cloud-download',\n 'cloud-rain',\n 'cloud-snow',\n 'cloud-upload',\n 'cloud',\n 'color-picker',\n 'color-swatch',\n 'columns-1',\n 'columns-2',\n 'columns-3',\n 'compass',\n 'contract',\n 'cookie',\n 'copy',\n 'cpu',\n 'crane',\n 'credit-card',\n 'crop',\n 'cross',\n 'crown',\n 'currency-bitcoin',\n 'currency-dollar',\n 'currency-ethereum',\n 'currency-euro',\n 'cut',\n 'dashboard',\n 'database',\n 'device-desktop',\n 'device-floppy',\n 'device-gamepad',\n 'device-laptop',\n 'device-mobile-rotated',\n 'device-mobile',\n 'device-tablet',\n 'device-watch',\n 'devices',\n 'dialpad',\n 'direction-horizontal',\n 'direction-sign',\n 'direction',\n 'discount',\n 'door-enter',\n 'door-exit',\n 'door-off',\n 'dots-vertical',\n 'dots',\n 'download',\n 'drone',\n 'droplet-filled',\n 'droplet-half',\n 'droplet',\n 'droplets',\n 'edit',\n 'empty',\n 'engine',\n 'equal-not',\n 'eraser-off',\n 'eraser',\n 'external-link',\n 'eye-off',\n 'eye',\n 'face-id',\n 'feather',\n 'file-alert',\n 'file-analytics',\n 'file-check',\n 'file-code',\n 'file-download',\n 'file-export',\n 'file-horizontal',\n 'file-import',\n 'file-plus',\n 'file-search',\n 'file-text-bookmark',\n 'file-text',\n 'file-type-bmp',\n 'file-type-css',\n 'file-type-csv',\n 'file-type-doc',\n 'file-type-html',\n 'file-type-jpg',\n 'file-type-js',\n 'file-type-pdf',\n 'file-type-png',\n 'file-type-ppt',\n 'file-type-xls',\n 'file-type-xml',\n 'file-type-zip',\n 'file-upload',\n 'file-x',\n 'file-zip',\n 'file',\n 'files-off',\n 'files',\n 'filter-off',\n 'filter-sort',\n 'filter',\n 'fingerprint',\n 'fire-extinguisher',\n 'flag',\n 'flame',\n 'flip-horizontal',\n 'flip-vertical',\n 'folder-minus',\n 'folder-off',\n 'folder-plus',\n 'folder-x',\n 'folder',\n 'folders',\n 'frame',\n 'gas-station',\n 'gauge-off',\n 'gauge',\n 'gift',\n 'git-branch-delete',\n 'git-branch',\n 'git-cherry-pick',\n 'git-commit',\n 'git-compare',\n 'git-fork',\n 'git-merge',\n 'git-pull-request-closed',\n 'git-pull-request-draft',\n 'git-pull-request',\n 'gps',\n 'grid-dots',\n 'grip-horizontal',\n 'grip-vertical',\n 'hand-stop',\n 'hand-waving',\n 'hash',\n 'haze',\n 'headphones-off',\n 'headphones',\n 'headset',\n 'heart-off',\n 'heart',\n 'heartbeat',\n 'helicopter',\n 'helmet-swopp',\n 'helmet',\n 'help',\n 'history',\n 'home',\n 'hourglass-empty',\n 'hourglass-high',\n 'hourglass-low',\n 'hourglass-off',\n 'hourglass',\n 'inbox',\n 'info-circle',\n 'keyboard-hide',\n 'keyboard-show',\n 'keyboard',\n 'layout-board-split',\n 'layout-dashboard',\n 'layout-grid',\n 'layout-sidebar-left-collapse',\n 'layout-sidebar-left-expand',\n 'layout-sidebar-right-collapse',\n 'layout-sidebar-right-expand',\n 'layout',\n 'leaf',\n 'lifebuoy',\n 'link',\n 'list-search',\n 'list',\n 'loader',\n 'location',\n 'lock-off',\n 'lock-open',\n 'lock',\n 'login',\n 'logout',\n 'mail-forward',\n 'mail-opened',\n 'mail',\n 'map-pin-2',\n 'map-pin-off',\n 'map-pin',\n 'map',\n 'master-data',\n 'menu',\n 'message-dots',\n 'message-off',\n 'message',\n 'messages',\n 'microphone-off',\n 'microphone',\n 'minus',\n 'mist',\n 'moon',\n 'motorbike',\n 'mouse',\n 'movie',\n 'network',\n 'news',\n 'note',\n 'notebook',\n 'notes',\n 'offshore-station',\n 'package',\n 'palette',\n 'paperclip',\n 'pencil',\n 'phone-call',\n 'phone-calling',\n 'phone-check',\n 'phone-incoming',\n 'phone-off',\n 'phone-outgoing',\n 'phone',\n 'photo-off',\n 'photo',\n 'pig',\n 'pin',\n 'pinned-off',\n 'pinned',\n 'plane-off',\n 'plane',\n 'plant',\n 'player-pause',\n 'player-play',\n 'player-skip-back',\n 'player-skip-forward',\n 'player-stop',\n 'player-track-next',\n 'player-track-prev',\n 'plug-connected',\n 'plug',\n 'plus',\n 'power-ac',\n 'power-dc',\n 'power',\n 'presentation-analytics',\n 'presentation',\n 'printer',\n 'propeller',\n 'published',\n 'puzzle-2',\n 'puzzle',\n 'pylon',\n 'qrcode',\n 'quotes-open',\n 'quotes',\n 'radar',\n 'radio',\n 'radioactive',\n 'receipt-dollar',\n 'receipt-euro',\n 'receipt',\n 'recharging',\n 'recycle',\n 'refresh-alert',\n 'refresh-off',\n 'refresh',\n 'repeat-once',\n 'repeat',\n 'replace',\n 'report-analytics',\n 'report-medical',\n 'report-search',\n 'report',\n 'ripple-off',\n 'ripple',\n 'rocket',\n 'rotate-2',\n 'rotate-clockwise-2',\n 'rotate-clockwise',\n 'rotate-dot',\n 'rotate',\n 'router',\n 'ruler-measure',\n 'sailboat',\n 'satellite',\n 'scale',\n 'school',\n 'scissors',\n 'scooter-electric',\n 'screenshot',\n 'search',\n 'seeding',\n 'select',\n 'selector',\n 'send',\n 'server',\n 'settings',\n 'shape',\n 'share-2',\n 'share',\n 'shield-check',\n 'shield-lock',\n 'shield-off',\n 'shield-x',\n 'shield',\n 'ship-off',\n 'ship',\n 'shopping-cart',\n 'sitemap',\n 'slash',\n 'smart-home',\n 'snowflake',\n 'solar-panel',\n 'sort-ascending-letters',\n 'sort-ascending-numbers',\n 'sort-descending-letters',\n 'sort-descending-numbers',\n 'spacing-horizontal',\n 'spacing-vertical',\n 'sparkles',\n 'speakerphone',\n 'stack',\n 'stairs',\n 'star',\n 'sun',\n 'sunrise',\n 'sunset',\n 'switch-horizontal',\n 'switch-vertical',\n 'table',\n 'tag',\n 'tank-empty-fill',\n 'tank-full-fill',\n 'tank-medium-fill',\n 'temperature-off',\n 'temperature',\n 'template',\n 'terminal',\n 'text-size',\n 'text',\n 'thumb-down',\n 'thumb-up',\n 'ticket',\n 'timeline',\n 'tir',\n 'tool',\n 'tools',\n 'train',\n 'trash-off',\n 'trash',\n 'tree',\n 'trees',\n 'truck-delivery',\n 'truck',\n 'umbrella',\n 'unlink',\n 'upload',\n 'user-circle',\n 'user-exclamation',\n 'user-minus',\n 'user-off',\n 'user-plus',\n 'user-worker',\n 'user',\n 'users',\n 'versions',\n 'video-minus',\n 'video-off',\n 'video-plus',\n 'video',\n 'volume-2',\n 'volume-3',\n 'volume',\n 'wallet',\n 'wand',\n 'wave',\n 'waves',\n 'wifi-off',\n 'wifi',\n 'wind-direction',\n 'wind',\n 'windmill',\n 'wood',\n 'world-code',\n 'world',\n 'writing',\n 'x',\n 'zoom-reset',\n] as const;\nexport type IconName = (typeof iconNames)[number];\n"]}
1	+ {"version":3,"file":"nv-icons.js","sourceRoot":"","sources":["../../../../src/components/nv-icon/nv-icons.ts"],"names":[],"mappings":"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","sourcesContent":["/** Available icons */\n\nexport const iconNames = [\n 'access-point-off',\n 'access-point',\n 'accessible',\n 'activity',\n 'address-book',\n 'adjustments-horizontal',\n 'adjustments-up',\n 'adjustments',\n 'affiliate',\n 'air-conditioning',\n 'alert-circle',\n 'alert-square-rounded',\n 'alert-triangle',\n 'align-center',\n 'align-left',\n 'align-right',\n 'app-window',\n 'apps',\n 'archive',\n 'areas',\n 'arrow-back-up',\n 'arrow-back',\n 'arrow-down-left',\n 'arrow-down-right',\n 'arrow-down',\n 'arrow-forward-up',\n 'arrow-forward',\n 'arrow-left',\n 'arrow-right',\n 'arrow-up-left',\n 'arrow-up-right',\n 'arrow-up',\n 'arrows-diagonal',\n 'arrows-exchange',\n 'arrows-maximize',\n 'arrows-minimize',\n 'arrows-move',\n 'aspect-ratio',\n 'atom',\n 'ban',\n 'basket',\n 'battery-1',\n 'battery-2',\n 'battery-3',\n 'battery-4',\n 'battery-automotive',\n 'battery-charging',\n 'battery-eco',\n 'battery-off',\n 'battery',\n 'bell-bolt',\n 'bell-off',\n 'bell-ringing',\n 'bell',\n 'bike',\n 'bluetooth-connected',\n 'bluetooth-off',\n 'bluetooth',\n 'bolt-off',\n 'bolt',\n 'book',\n 'bookmark-off',\n 'bookmark',\n 'bookmarks',\n 'box-align-top',\n 'box-multiple',\n 'brand-facebook',\n 'brand-instagram',\n 'brand-linkedin',\n 'brand-x',\n 'brand-youtube',\n 'briefcase',\n 'brightness-down',\n 'brightness-up',\n 'browser-check',\n 'browser-plus',\n 'browser-x',\n 'browser',\n 'brush',\n 'building-bank',\n 'building-factory',\n 'building-lighthouse',\n 'building-store',\n 'building',\n 'bulb-off',\n 'bulb',\n 'cake',\n 'calendar-time',\n 'calendar',\n 'camera-off',\n 'camera',\n 'car-crane',\n 'car',\n 'caravan',\n 'cash-banknote',\n 'cash',\n 'cast',\n 'cell',\n 'charging-pile',\n 'chart-arcs',\n 'chart-area-line',\n 'chart-area',\n 'chart-arrows-vertical',\n 'chart-arrows',\n 'chart-bar',\n 'chart-bubble',\n 'chart-circles',\n 'chart-donut',\n 'chart-dots',\n 'chart-line',\n 'chart-pie',\n 'chart-radar',\n 'check',\n 'checkbox',\n 'checklist',\n 'checks',\n 'chevron-down',\n 'chevron-left',\n 'chevron-right',\n 'chevron-top',\n 'chevrons-left',\n 'chevrons-right',\n 'circle-caret-right',\n 'circle-check',\n 'circle-x',\n 'circuit-alternate',\n 'circuit-ground-digital',\n 'clipboard-check',\n 'clipboard-list',\n 'clipboard-plus',\n 'clipboard-text',\n 'clipboard-x',\n 'clipboard',\n 'clock-edit',\n 'clock',\n 'cloud-data-connection',\n 'cloud-download',\n 'cloud-rain',\n 'cloud-snow',\n 'cloud-upload',\n 'cloud',\n 'color-picker',\n 'color-swatch',\n 'columns-1',\n 'columns-2',\n 'columns-3',\n 'compass',\n 'contract',\n 'cookie',\n 'copy',\n 'cpu',\n 'crane',\n 'credit-card',\n 'crop',\n 'cross',\n 'crown',\n 'currency-bitcoin',\n 'currency-dollar',\n 'currency-ethereum',\n 'currency-euro',\n 'cut',\n 'dashboard',\n 'database',\n 'device-desktop',\n 'device-floppy',\n 'device-gamepad',\n 'device-laptop',\n 'device-mobile-rotated',\n 'device-mobile',\n 'device-tablet',\n 'device-watch',\n 'devices',\n 'dialpad',\n 'direction-horizontal',\n 'direction-sign',\n 'direction',\n 'discount',\n 'door-enter',\n 'door-exit',\n 'door-off',\n 'dots-vertical',\n 'dots',\n 'download',\n 'drone',\n 'droplet-filled',\n 'droplet-half',\n 'droplet',\n 'droplets',\n 'edit',\n 'empty',\n 'engine',\n 'equal-not',\n 'eraser-off',\n 'eraser',\n 'external-link',\n 'eye-check',\n 'eye-off',\n 'eye',\n 'eyeglass2',\n 'face-id',\n 'feather',\n 'file-alert',\n 'file-analytics',\n 'file-check',\n 'file-code',\n 'file-download',\n 'file-export',\n 'file-horizontal',\n 'file-import',\n 'file-plus',\n 'file-search',\n 'file-text-bookmark',\n 'file-text',\n 'file-type-bmp',\n 'file-type-css',\n 'file-type-csv',\n 'file-type-doc',\n 'file-type-html',\n 'file-type-jpg',\n 'file-type-js',\n 'file-type-pdf',\n 'file-type-png',\n 'file-type-ppt',\n 'file-type-xls',\n 'file-type-xml',\n 'file-type-zip',\n 'file-upload',\n 'file-x',\n 'file-zip',\n 'file',\n 'files-off',\n 'files',\n 'filter-off',\n 'filter-sort',\n 'filter',\n 'fingerprint',\n 'fire-extinguisher',\n 'flag',\n 'flame',\n 'flip-horizontal',\n 'flip-vertical',\n 'folder-minus',\n 'folder-off',\n 'folder-plus',\n 'folder-x',\n 'folder',\n 'folders',\n 'frame',\n 'gas-station',\n 'gauge-off',\n 'gauge',\n 'gift',\n 'git-branch-delete',\n 'git-branch',\n 'git-cherry-pick',\n 'git-commit',\n 'git-compare',\n 'git-fork',\n 'git-merge',\n 'git-pull-request-closed',\n 'git-pull-request-draft',\n 'git-pull-request',\n 'gps',\n 'grid-dots',\n 'grip-horizontal',\n 'grip-vertical',\n 'hand-stop',\n 'hand-waving',\n 'hash',\n 'haze',\n 'headphones-off',\n 'headphones',\n 'headset',\n 'heart-off',\n 'heart',\n 'heartbeat',\n 'helicopter',\n 'helmet-swopp',\n 'helmet',\n 'help',\n 'history',\n 'home',\n 'hourglass-empty',\n 'hourglass-high',\n 'hourglass-low',\n 'hourglass-off',\n 'hourglass',\n 'inbox',\n 'info-circle',\n 'keyboard-hide',\n 'keyboard-show',\n 'keyboard',\n 'layout-board-split',\n 'layout-dashboard',\n 'layout-grid',\n 'layout-sidebar-left-collapse',\n 'layout-sidebar-left-expand',\n 'layout-sidebar-right-collapse',\n 'layout-sidebar-right-expand',\n 'layout',\n 'leaf',\n 'lifebuoy',\n 'link',\n 'list-search',\n 'list',\n 'loader',\n 'location',\n 'lock-off',\n 'lock-open',\n 'lock',\n 'login',\n 'logout',\n 'mail-forward',\n 'mail-opened',\n 'mail',\n 'map-pin-2',\n 'map-pin-off',\n 'map-pin',\n 'map',\n 'master-data',\n 'menu',\n 'message-dots',\n 'message-off',\n 'message',\n 'messages',\n 'microphone-off',\n 'microphone',\n 'minus',\n 'mist',\n 'moon',\n 'motorbike',\n 'mouse',\n 'movie',\n 'network',\n 'news',\n 'note',\n 'notebook',\n 'notes',\n 'offshore-station',\n 'package',\n 'palette',\n 'paperclip',\n 'pencil',\n 'phone-call',\n 'phone-calling',\n 'phone-check',\n 'phone-incoming',\n 'phone-off',\n 'phone-outgoing',\n 'phone',\n 'photo-off',\n 'photo',\n 'pig',\n 'pin',\n 'pinned-off',\n 'pinned',\n 'plane-off',\n 'plane',\n 'plant',\n 'player-pause',\n 'player-play',\n 'player-skip-back',\n 'player-skip-forward',\n 'player-stop',\n 'player-track-next',\n 'player-track-prev',\n 'plug-connected',\n 'plug',\n 'plus',\n 'power-ac',\n 'power-dc',\n 'power',\n 'presentation-analytics',\n 'presentation',\n 'printer',\n 'propeller',\n 'published',\n 'puzzle-2',\n 'puzzle',\n 'pylon',\n 'qrcode',\n 'quotes-open',\n 'quotes',\n 'radar',\n 'radio',\n 'radioactive',\n 'receipt-dollar',\n 'receipt-euro',\n 'receipt',\n 'recharging',\n 'recycle',\n 'refresh-alert',\n 'refresh-off',\n 'refresh',\n 'repeat-once',\n 'repeat',\n 'replace',\n 'report-analytics',\n 'report-medical',\n 'report-search',\n 'report',\n 'ripple-off',\n 'ripple',\n 'rocket',\n 'rotate-2',\n 'rotate-clockwise-2',\n 'rotate-clockwise',\n 'rotate-dot',\n 'rotate',\n 'router',\n 'ruler-measure',\n 'sailboat',\n 'satellite',\n 'scale',\n 'school',\n 'scissors',\n 'scooter-electric',\n 'screenshot',\n 'search',\n 'seeding',\n 'select',\n 'selector',\n 'send',\n 'server',\n 'settings',\n 'shape',\n 'share-2',\n 'share',\n 'shield-check',\n 'shield-lock',\n 'shield-off',\n 'shield-x',\n 'shield',\n 'ship-off',\n 'ship',\n 'shopping-cart',\n 'sitemap',\n 'slash',\n 'smart-home',\n 'snowflake',\n 'solar-panel',\n 'sort-ascending-letters',\n 'sort-ascending-numbers',\n 'sort-descending-letters',\n 'sort-descending-numbers',\n 'spacing-horizontal',\n 'spacing-vertical',\n 'sparkles',\n 'speakerphone',\n 'stack',\n 'stairs',\n 'star',\n 'sun',\n 'sunrise',\n 'sunset',\n 'switch-horizontal',\n 'switch-vertical',\n 'table',\n 'tag',\n 'tank-empty-fill',\n 'tank-full-fill',\n 'tank-medium-fill',\n 'temperature-off',\n 'temperature',\n 'template',\n 'terminal',\n 'text-size',\n 'text',\n 'thumb-down',\n 'thumb-up',\n 'ticket',\n 'timeline',\n 'tir',\n 'tool',\n 'tools',\n 'train',\n 'trash-off',\n 'trash',\n 'tree',\n 'trees',\n 'truck-delivery',\n 'truck',\n 'umbrella',\n 'unlink',\n 'upload',\n 'user-circle',\n 'user-exclamation',\n 'user-minus',\n 'user-off',\n 'user-plus',\n 'user-worker',\n 'user',\n 'users',\n 'versions',\n 'video-minus',\n 'video-off',\n 'video-plus',\n 'video',\n 'volume-2',\n 'volume-3',\n 'volume',\n 'wallet',\n 'wand',\n 'wave',\n 'waves',\n 'wifi-off',\n 'wifi',\n 'wind-direction',\n 'wind',\n 'windmill',\n 'wood',\n 'world-code',\n 'world',\n 'writing',\n 'x',\n 'zoom-reset',\n] as const;\nexport type IconName = (typeof iconNames)[number];\n"]}

package/dist/collection/components/nv-iconbutton/nv-iconbutton.css CHANGED Viewed

@@ -13,28 +13,28 @@ nv-iconbutton.root {
   width: fit-content;
 }
 nv-iconbutton.size-xs {
-  padding: var(--button-xs-icon-button-padding);
+  padding: calc(var(--button-xs-icon-button-padding) - 1px);
   gap: var(--button-xs-gap);
   border-radius: var(--button-xs-border-radius);
   line-height: var(--button-xs-line-height);
   font-size: var(--button-xs-font-size);
 }
 nv-iconbutton.size-sm {
-  padding: var(--button-sm-icon-button-padding);
+  padding: calc(var(--button-sm-icon-button-padding) - 1px);
   gap: var(--button-sm-gap);
   border-radius: var(--button-sm-border-radius);
   line-height: var(--button-sm-line-height);
   font-size: var(--button-sm-font-size);
 }
 nv-iconbutton.size-md {
-  padding: var(--button-md-icon-button-padding);
+  padding: calc(var(--button-md-icon-button-padding) - 1px);
   gap: var(--button-md-gap);
   border-radius: var(--button-md-border-radius);
   line-height: var(--button-md-line-height);
   font-size: var(--button-md-font-size);
 }
 nv-iconbutton.size-lg {
-  padding: var(--button-lg-icon-button-padding);
+  padding: calc(var(--button-lg-icon-button-padding) - 1px);
   gap: var(--button-lg-gap);
   border-radius: var(--button-lg-border-radius);
   line-height: var(--button-lg-line-height);

package/dist/collection/components/nv-iconbutton/nv-iconbutton.docs.js CHANGED Viewed

@@ -3,54 +3,71 @@ import { nameof } from "../../utils/class.utils";
 const NvIconbuttonDocs = {
     component: 'nv-iconbutton',
     stories: [
+        // Default
         {
             name: 'Default',
             args: { name: 'user' },
             template: h("nv-iconbutton", { "data-storybook-args": true }),
         },
+        // name
         {
             name: nameof(x => x.name),
             description: 'Choose the icon you want to display.',
             args: { name: 'user' },
             template: h("nv-iconbutton", { "data-storybook-args": true }),
         },
+        // size
         {
             name: nameof(x => x.size),
             args: { name: 'user' },
             template: (h("div", null, h("div", { "data-class": "flex gap-4 items-center" }, h("nv-iconbutton", { "data-storybook-args": true, size: "xs" }), h("nv-iconbutton", { "data-storybook-args": true, size: "sm" }), h("nv-iconbutton", { "data-storybook-args": true, size: "md" }), h("nv-iconbutton", { "data-storybook-args": true, size: "lg" })), h("div", { "data-class": "flex gap-4 items-center" }, h("nv-iconbutton", { "data-storybook-args": true, size: "xs", shape: "rounded" }), h("nv-iconbutton", { "data-storybook-args": true, size: "sm", shape: "rounded" }), h("nv-iconbutton", { "data-storybook-args": true, size: "md", shape: "rounded" }), h("nv-iconbutton", { "data-storybook-args": true, size: "lg", shape: "rounded" })))),
         },
+        // emphasis
         {
             name: nameof(x => x.emphasis),
             args: { name: 'user' },
             template: (h("div", null, h("div", { "data-class": "flex gap-4" }, h("nv-iconbutton", { "data-storybook-args": true, emphasis: "high" }), h("nv-iconbutton", { "data-storybook-args": true, emphasis: "medium" }), h("nv-iconbutton", { "data-storybook-args": true, emphasis: "low" }), h("nv-iconbutton", { "data-storybook-args": true, emphasis: "lower" })), h("div", { "data-class": "flex gap-4" }, h("nv-iconbutton", { "data-storybook-args": true, emphasis: "high", shape: "rounded" }), h("nv-iconbutton", { "data-storybook-args": true, emphasis: "medium", shape: "rounded" }), h("nv-iconbutton", { "data-storybook-args": true, emphasis: "low", shape: "rounded" }), h("nv-iconbutton", { "data-storybook-args": true, emphasis: "lower", shape: "rounded" })))),
         },
+        // loading
         {
             name: nameof(x => x.loading),
             args: { name: 'user', loading: true },
             template: h("nv-iconbutton", { "data-storybook-args": true }),
         },
+        // disabled
         {
             name: nameof(x => x.disabled),
             args: { name: 'user', disabled: true },
             template: (h("div", null, h("nv-iconbutton", { "data-storybook-args": true }), h("nv-iconbutton", { "data-storybook-args": true, shape: "rounded" }))),
         },
+        // active
         {
             name: nameof(x => x.active),
             args: { name: 'user', active: true },
             template: h("nv-iconbutton", { "data-storybook-args": true }),
         },
+        // type
         {
             name: nameof(x => x.type),
             args: { name: 'user' },
             template: (h("div", { "data-class": "flex gap-4" }, h("nv-iconbutton", { "data-storybook-args": true, type: "submit" }), h("nv-iconbutton", { "data-storybook-args": true, type: "reset" }))),
         },
+        // shape
         {
             name: nameof(x => x.shape),
             args: { name: 'user' },
             template: (h("div", { "data-class": "flex gap-4" }, h("nv-iconbutton", { "data-storybook-args": true, shape: "square" }), h("nv-iconbutton", { "data-storybook-args": true, shape: "rounded" }))),
         },
+        // disableTabindex
         {
-            name: 'DefaultSlot',
+            name: nameof(x => x.disableTabindex),
+            description: "Use this to make the button skip-able when users navigate with the keyboard. The button remains clickable but won't be reached via the Tab key.",
+            args: { name: 'user', disableTabindex: true },
+            template: h("nv-iconbutton", { "data-storybook-args": true }),
+        },
+        // SlotDefault
+        {
+            name: 'SlotDefault',
             description: 'Add content inside the icon button.',
             args: { name: 'user' },
             template: (h("nv-iconbutton", { "data-storybook-args": true }, h("span", null, "Default Slot"))),

package/dist/collection/components/nv-iconbutton/nv-iconbutton.docs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nv-iconbutton.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-iconbutton/nv-iconbutton.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 NvIconbuttonDocs: NovaDocs<Components.NvIconbutton> = {\n component: 'nv-iconbutton',\n stories: [\n {\n name: 'Default',\n args: { name: 'user' },\n template: <nv-iconbutton data-storybook-args></nv-iconbutton>,\n },\n {\n name: nameof<Components.NvIconbutton>(x => x.name),\n description: 'Choose the icon you want to display.',\n args: { name: 'user' },\n template: <nv-iconbutton data-storybook-args></nv-iconbutton>,\n },\n {\n name: nameof<Components.NvIconbutton>(x => x.size),\n args: { name: 'user' },\n template: (\n <div>\n <div data-class=\"flex gap-4 items-center\">\n <nv-iconbutton data-storybook-args size=\"xs\"></nv-iconbutton>\n <nv-iconbutton data-storybook-args size=\"sm\"></nv-iconbutton>\n <nv-iconbutton data-storybook-args size=\"md\"></nv-iconbutton>\n <nv-iconbutton data-storybook-args size=\"lg\"></nv-iconbutton>\n </div>\n <div data-class=\"flex gap-4 items-center\">\n <nv-iconbutton\n data-storybook-args\n size=\"xs\"\n shape=\"rounded\"\n ></nv-iconbutton>\n <nv-iconbutton\n data-storybook-args\n size=\"sm\"\n shape=\"rounded\"\n ></nv-iconbutton>\n <nv-iconbutton\n data-storybook-args\n size=\"md\"\n shape=\"rounded\"\n ></nv-iconbutton>\n <nv-iconbutton\n data-storybook-args\n size=\"lg\"\n shape=\"rounded\"\n ></nv-iconbutton>\n </div>\n </div>\n ),\n },\n {\n name: nameof<Components.NvIconbutton>(x => x.emphasis),\n args: { name: 'user' },\n template: (\n <div>\n <div data-class=\"flex gap-4\">\n <nv-iconbutton data-storybook-args emphasis=\"high\"></nv-iconbutton>\n <nv-iconbutton\n data-storybook-args\n emphasis=\"medium\"\n ></nv-iconbutton>\n <nv-iconbutton data-storybook-args emphasis=\"low\"></nv-iconbutton>\n <nv-iconbutton data-storybook-args emphasis=\"lower\"></nv-iconbutton>\n </div>\n <div data-class=\"flex gap-4\">\n <nv-iconbutton\n data-storybook-args\n emphasis=\"high\"\n shape=\"rounded\"\n ></nv-iconbutton>\n <nv-iconbutton\n data-storybook-args\n emphasis=\"medium\"\n shape=\"rounded\"\n ></nv-iconbutton>\n <nv-iconbutton\n data-storybook-args\n emphasis=\"low\"\n shape=\"rounded\"\n ></nv-iconbutton>\n <nv-iconbutton\n data-storybook-args\n emphasis=\"lower\"\n shape=\"rounded\"\n ></nv-iconbutton>\n </div>\n </div>\n ),\n },\n {\n name: nameof<Components.NvIconbutton>(x => x.loading),\n args: { name: 'user', loading: true },\n template: <nv-iconbutton data-storybook-args></nv-iconbutton>,\n },\n {\n name: nameof<Components.NvIconbutton>(x => x.disabled),\n args: { name: 'user', disabled: true },\n template: (\n <div>\n <nv-iconbutton data-storybook-args></nv-iconbutton>\n <nv-iconbutton data-storybook-args shape=\"rounded\"></nv-iconbutton>\n </div>\n ),\n },\n {\n name: nameof<Components.NvIconbutton>(x => x.active),\n args: { name: 'user', active: true },\n template: <nv-iconbutton data-storybook-args></nv-iconbutton>,\n },\n {\n name: nameof<Components.NvIconbutton>(x => x.type),\n args: { name: 'user' },\n template: (\n <div data-class=\"flex gap-4\">\n <nv-iconbutton data-storybook-args type=\"submit\"></nv-iconbutton>\n <nv-iconbutton data-storybook-args type=\"reset\"></nv-iconbutton>\n </div>\n ),\n },\n {\n name: nameof<Components.NvIconbutton>(x => x.shape),\n args: { name: 'user' },\n template: (\n <div data-class=\"flex gap-4\">\n <nv-iconbutton data-storybook-args shape=\"square\"></nv-iconbutton>\n <nv-iconbutton data-storybook-args shape=\"rounded\"></nv-iconbutton>\n </div>\n ),\n },\n {\n name: '~~DefaultSlot~~',\n description: 'Add content inside the icon button.',\n args: { name: 'user' },\n template: (\n <nv-iconbutton data-storybook-args>\n <span>Default Slot</span>\n </nv-iconbutton>\n ),\n },\n ],\n};\n\nexport default NvIconbuttonDocs;\n"]}
1	+ {"version":3,"file":"nv-iconbutton.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-iconbutton/nv-iconbutton.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 NvIconbuttonDocs: NovaDocs<Components.NvIconbutton> = {\n component: 'nv-iconbutton',\n stories: [\n // Default\n {\n name: 'Default',\n args: { name: 'user' },\n template: <nv-iconbutton data-storybook-args></nv-iconbutton>,\n },\n // name\n {\n name: nameof<Components.NvIconbutton>(x => x.name),\n description: 'Choose the icon you want to display.',\n args: { name: 'user' },\n template: <nv-iconbutton data-storybook-args></nv-iconbutton>,\n },\n // size\n {\n name: nameof<Components.NvIconbutton>(x => x.size),\n args: { name: 'user' },\n template: (\n <div>\n <div data-class=\"flex gap-4 items-center\">\n <nv-iconbutton data-storybook-args size=\"xs\"></nv-iconbutton>\n <nv-iconbutton data-storybook-args size=\"sm\"></nv-iconbutton>\n <nv-iconbutton data-storybook-args size=\"md\"></nv-iconbutton>\n <nv-iconbutton data-storybook-args size=\"lg\"></nv-iconbutton>\n </div>\n <div data-class=\"flex gap-4 items-center\">\n <nv-iconbutton\n data-storybook-args\n size=\"xs\"\n shape=\"rounded\"\n ></nv-iconbutton>\n <nv-iconbutton\n data-storybook-args\n size=\"sm\"\n shape=\"rounded\"\n ></nv-iconbutton>\n <nv-iconbutton\n data-storybook-args\n size=\"md\"\n shape=\"rounded\"\n ></nv-iconbutton>\n <nv-iconbutton\n data-storybook-args\n size=\"lg\"\n shape=\"rounded\"\n ></nv-iconbutton>\n </div>\n </div>\n ),\n },\n // emphasis\n {\n name: nameof<Components.NvIconbutton>(x => x.emphasis),\n args: { name: 'user' },\n template: (\n <div>\n <div data-class=\"flex gap-4\">\n <nv-iconbutton data-storybook-args emphasis=\"high\"></nv-iconbutton>\n <nv-iconbutton\n data-storybook-args\n emphasis=\"medium\"\n ></nv-iconbutton>\n <nv-iconbutton data-storybook-args emphasis=\"low\"></nv-iconbutton>\n <nv-iconbutton data-storybook-args emphasis=\"lower\"></nv-iconbutton>\n </div>\n <div data-class=\"flex gap-4\">\n <nv-iconbutton\n data-storybook-args\n emphasis=\"high\"\n shape=\"rounded\"\n ></nv-iconbutton>\n <nv-iconbutton\n data-storybook-args\n emphasis=\"medium\"\n shape=\"rounded\"\n ></nv-iconbutton>\n <nv-iconbutton\n data-storybook-args\n emphasis=\"low\"\n shape=\"rounded\"\n ></nv-iconbutton>\n <nv-iconbutton\n data-storybook-args\n emphasis=\"lower\"\n shape=\"rounded\"\n ></nv-iconbutton>\n </div>\n </div>\n ),\n },\n // loading\n {\n name: nameof<Components.NvIconbutton>(x => x.loading),\n args: { name: 'user', loading: true },\n template: <nv-iconbutton data-storybook-args></nv-iconbutton>,\n },\n // disabled\n {\n name: nameof<Components.NvIconbutton>(x => x.disabled),\n args: { name: 'user', disabled: true },\n template: (\n <div>\n <nv-iconbutton data-storybook-args></nv-iconbutton>\n <nv-iconbutton data-storybook-args shape=\"rounded\"></nv-iconbutton>\n </div>\n ),\n },\n // active\n {\n name: nameof<Components.NvIconbutton>(x => x.active),\n args: { name: 'user', active: true },\n template: <nv-iconbutton data-storybook-args></nv-iconbutton>,\n },\n // type\n {\n name: nameof<Components.NvIconbutton>(x => x.type),\n args: { name: 'user' },\n template: (\n <div data-class=\"flex gap-4\">\n <nv-iconbutton data-storybook-args type=\"submit\"></nv-iconbutton>\n <nv-iconbutton data-storybook-args type=\"reset\"></nv-iconbutton>\n </div>\n ),\n },\n // shape\n {\n name: nameof<Components.NvIconbutton>(x => x.shape),\n args: { name: 'user' },\n template: (\n <div data-class=\"flex gap-4\">\n <nv-iconbutton data-storybook-args shape=\"square\"></nv-iconbutton>\n <nv-iconbutton data-storybook-args shape=\"rounded\"></nv-iconbutton>\n </div>\n ),\n },\n // disableTabindex\n {\n name: nameof<Components.NvIconbutton>(x => x.disableTabindex),\n description:\n \"Use this to make the button skip-able when users navigate with the keyboard. The button remains clickable but won't be reached via the Tab key.\",\n args: { name: 'user', disableTabindex: true },\n template: <nv-iconbutton data-storybook-args></nv-iconbutton>,\n },\n // SlotDefault\n {\n name: 'SlotDefault',\n description: 'Add content inside the icon button.',\n args: { name: 'user' },\n template: (\n <nv-iconbutton data-storybook-args>\n <span>Default Slot</span>\n </nv-iconbutton>\n ),\n },\n ],\n};\n\nexport default NvIconbuttonDocs;\n"]}

package/dist/collection/components/nv-iconbutton/nv-iconbutton.js CHANGED Viewed

@@ -61,16 +61,15 @@ export class NvIconbutton {
          * @param {Event} event - The click event.
          */
         this.handleClick = (event) => {
-            var _a, _b, _c, _d;
             if (this.disabled) {
                 event.preventDefault();
                 return;
             }
             if (this.type === 'submit') {
-                (_b = (_a = this.internals) === null || _a === void 0 ? void 0 : _a.form) === null || _b === void 0 ? void 0 : _b.requestSubmit();
+                this.internals?.form?.requestSubmit();
             }
             if (this.type === 'reset') {
-                (_d = (_c = this.internals) === null || _c === void 0 ? void 0 : _c.form) === null || _d === void 0 ? void 0 : _d.reset();
+                this.internals?.form?.reset();
             }
         };
     }
@@ -116,7 +115,7 @@ export class NvIconbutton {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '81d7f0bfd1e64ecbb640c2f02b7e73cd7b2d3aa4', role: "button", type: this.type, tabindex: this.disableTabindex ? -1 : 0, disabled: this.disabled ? true : undefined, class: clsx('root', `size-${this.size}`, `emphasis-${this.emphasis}`, this.loading && 'loading', `shape-${this.shape}`), onClick: this.handleClick }, this.loading && h("nv-loader", { key: 'cec3ee02a7fb0882557c8742c8f9d785835e79d0', size: this.size }), !this.loading && h("nv-icon", { key: '4892b3b78b291b159403a63ced6a150dd7def1c0', name: this.name, size: this.size }), h("slot", { key: 'b1204bf2dd026c1232b5e8209fd29f21a8aa704f' })));
+        return (h(Host, { key: '2e0011f5ebb23512aa89756ae7fd5ad81586f8b1', role: "button", type: this.type, tabindex: this.disableTabindex ? -1 : 0, disabled: this.disabled ? true : undefined, class: clsx('root', `size-${this.size}`, `emphasis-${this.emphasis}`, this.loading && 'loading', `shape-${this.shape}`), onClick: this.handleClick }, this.loading && h("nv-loader", { key: '435692a00ed0af3548c2ac875e573af00daf5d62', size: this.size }), !this.loading && h("nv-icon", { key: '00b08fbd43724ad7ce54c96cd052ba637e111ece', name: this.name, size: this.size }), h("slot", { key: 'bb61e7db6115c9017007f15320dd5b2f6ccd9671' })));
     }
     static get is() { return "nv-iconbutton"; }
     static get formAssociated() { return true; }

package/dist/collection/components/nv-iconbutton/nv-iconbutton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nv-iconbutton.js","sourceRoot":"","sources":["../../../../src/components/nv-iconbutton/nv-iconbutton.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,IAAI,MAAM,MAAM,CAAC;AAUxB;;GAEG;AAQH,MAAM,OAAO,YAAY;IAPzB;QAWE,8EAA8E;QAC9E,oBAAoB;QAEpB;;;;WAIG;QAEM,SAAI,GAAoB,IAAI,CAAC;QAEtC;;;;WAIG;QAEM,aAAQ,GAAwB,MAAM,CAAC;QAEhD;;;;;;WAMG;QAEH,YAAO,GAAY,KAAK,CAAC;QAEzB;;WAEG;QAEH,aAAQ,GAAY,KAAK,CAAC;QAE1B;;;WAGG;QAEM,WAAM,GAAY,KAAK,CAAC;QAUjC;;;;WAIG;QAEM,SAAI,GAAoB,QAAQ,CAAC;QAE1C;;WAEG;QAEM,UAAK,GAAyB,QAAQ,CAAC;QAEhD;;;WAGG;QAEM,oBAAe,GAAY,KAAK,CAAC;QAE1C,uBAAuB;QACvB,8EAA8E;QAC9E,iBAAiB;QAEjB;;;;;WAKG;QACK,gBAAW,GAAG,CAAC,KAAY,EAAE,EAAE;;YACrC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO;YACT,CAAC;YAED,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC3B,~~MAAA,MAAA,~~IAAI,CAAC,SAAS,~~0CAAE~~,IAAI,~~0CAAE~~,aAAa,EAAE,CAAC;YACxC,CAAC;YACD,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBAC1B,~~MAAA,MAAA,~~IAAI,CAAC,SAAS,~~0CAAE~~,IAAI,~~0CAAE~~,KAAK,EAAE,CAAC;YAChC,CAAC;QACH,CAAC,CAAC;KAgFH;IA9EC,oBAAoB;IACpB,8EAA8E;IAC9E,kBAAkB;IAGlB,mBAAmB,CAAC,OAAgB;QAClC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;IAC1B,CAAC;IAGD,oBAAoB,CAAC,QAAiB;QACpC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,qBAAqB;IACrB,8EAA8E;IAC9E,gBAAgB;IAGhB,aAAa,CAAC,KAAoB;QAChC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;QAClB,CAAC;IACH,CAAC;IAGD,gBAAgB,CAAC,KAAiB;QAChC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO;QACrC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;IAClB,CAAC;IAED,mBAAmB;IACnB,8EAA8E;IAC9E,mBAAmB;IAEnB,iBAAiB;QACf,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,sBAAsB;IACtB,8EAA8E;IAC9E,gBAAgB;IAEhB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC1C,KAAK,EAAE,IAAI,CACT,MAAM,EACN,QAAQ,IAAI,CAAC,IAAI,EAAE,EACnB,YAAY,IAAI,CAAC,QAAQ,EAAE,EAC3B,IAAI,CAAC,OAAO,IAAI,SAAS,EACzB,SAAS,IAAI,CAAC,KAAK,EAAE,CACtB,EACD,OAAO,EAAE,IAAI,CAAC,WAAW;YAExB,IAAI,CAAC,OAAO,IAAI,kEAAW,IAAI,EAAE,IAAI,CAAC,IAAI,GAAc;YAExD,CAAC,IAAI,CAAC,OAAO,IAAI,gEAAS,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;YAE/D,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGF","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n AttachInternals,\n Element,\n Watch,\n Listen,\n} from '@stencil/core';\nimport clsx from 'clsx';\n\nimport {\n ButtonSize,\n ButtonEmphasis,\n ButtonType,\n IconButtonShape,\n} from '../../utils/constants';\nimport { IconName } from '../nv-icon/nv-icons';\n\n/*\n @slot default - Content of the button.\n /\n@Component({\n tag: 'nv-iconbutton',\n shadow: false,\n formAssociated: true,\n styleUrl: 'nv-iconbutton.scss',\n scoped: false,\n})\nexport class NvIconbutton {\n @AttachInternals() internals: ElementInternals;\n @Element() el: HTMLNvIconbuttonElement;\n\n /*************************************************************************/\n //#region PROPERTIES\n\n /\n * Determines how large or small the button appears, allowing for\n * customization of the button's dimensions to fit different design\n * specifications and user needs.\n /\n @Prop({ reflect: true })\n readonly size: `${ButtonSize}` = 'md';\n\n /\n Adjusts the button’s emphasis to make it more or less visually prominent\n * to users. Use this to draw attention to important actions or reduce focus\n * on less critical ones.\n /\n @Prop({ reflect: true })\n readonly emphasis: `${ButtonEmphasis}` = 'high';\n\n /\n Set this to true to show a spinner on the button, letting users know that\n * their action is being processed. It helps improve user experience by\n * indicating ongoing activities. The icon is not displayed when the button\n * is loading. Also, the button is disabled. If you want to disable the\n * button, it is not possible. It is automatically disabled when loading.\n /\n @Prop({ reflect: true, mutable: true })\n loading: boolean = false;\n\n /\n Disables the button, preventing user interaction.\n /\n @Prop({ mutable: true, reflect: true })\n disabled: boolean = false;\n\n /\n Makes the button look active when it’s within a compatible component\n * like a button group.\n /\n @Prop({ reflect: true })\n readonly active: boolean = false;\n\n /\n Choose the icon you want to display. This also sets the aria-label for\n * improved accessibility, helping users who rely on screen readers.\n * The icon is not displayed when the button is loading.\n /\n @Prop({ reflect: true })\n readonly name: `${IconName}` \| string;\n\n /\n Sets the button type to control its function in forms. Use 'submit' to send\n * form data, 'reset' to clear the form, or 'button' for a standard button\n * that doesn’t interact with form submission by default.\n /\n @Prop({ reflect: true })\n readonly type: `${ButtonType}` = 'button';\n\n /\n Sets the shape of the button. Choose between square and rounded.\n /\n @Prop({ reflect: true })\n readonly shape: `${IconButtonShape}` = 'square';\n\n /\n Use this to make the button skip-able when users navigate with the keyboard.\n * The button remains clickable but won’t be reached via the Tab key.\n /\n @Prop({ reflect: true })\n readonly disableTabindex: boolean = false;\n\n //#endregion PROPERTIES\n /*************************************************************************/\n //#region METHODS\n\n /\n * Handles form-related actions when the button is clicked.\n * - Submits the form if the button type is 'submit'.\n * - Resets the form if the button type is 'reset'.\n * @param {Event} event - The click event.\n /\n private handleClick = (event: Event) => {\n if (this.disabled) {\n event.preventDefault();\n return;\n }\n\n if (this.type === 'submit') {\n this.internals?.form?.requestSubmit();\n }\n if (this.type === 'reset') {\n this.internals?.form?.reset();\n }\n };\n\n //#endregion METHODS\n /*************************************************************************/\n //#region WATCHERS\n\n @Watch('loading')\n handleLoadingChange(loading: boolean) {\n this.loading = loading;\n this.disabled = loading;\n }\n\n @Watch('disabled')\n handleDisabledChange(disabled: boolean) {\n if (this.loading) {\n this.disabled = this.loading;\n } else {\n this.disabled = disabled;\n }\n }\n\n //#endregion WATCHERS\n /************************************************************************/\n //#region EVENTS\n\n @Listen('keydown', { passive: false })\n handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n event.preventDefault();\n this.el.click();\n }\n }\n\n @Listen('touchstart', { passive: false })\n handleTouchStart(event: TouchEvent) {\n if (event.touches.length > 1) return;\n event.preventDefault();\n this.el.click();\n }\n\n //#endregion EVENTS\n /************************************************************************/\n //#region LIFECYCLE\n\n componentWillLoad() {\n if (this.loading) {\n this.disabled = this.loading;\n }\n }\n\n //#endregion LIFECYCLE\n /**************************************************************************/\n //#region RENDER\n\n render() {\n return (\n <Host\n role=\"button\"\n type={this.type}\n tabindex={this.disableTabindex ? -1 : 0}\n disabled={this.disabled ? true : undefined}\n class={clsx(\n 'root',\n `size-${this.size}`,\n `emphasis-${this.emphasis}`,\n this.loading && 'loading',\n `shape-${this.shape}`,\n )}\n onClick={this.handleClick}\n >\n {this.loading && <nv-loader size={this.size}></nv-loader>}\n\n {!this.loading && <nv-icon name={this.name} size={this.size} />}\n\n <slot></slot>\n </Host>\n );\n }\n\n //#endregion RENDER\n}\n"]}
1	+ {"version":3,"file":"nv-iconbutton.js","sourceRoot":"","sources":["../../../../src/components/nv-iconbutton/nv-iconbutton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n AttachInternals,\n Element,\n Watch,\n Listen,\n} from '@stencil/core';\nimport clsx from 'clsx';\n\nimport {\n ButtonSize,\n ButtonEmphasis,\n ButtonType,\n IconButtonShape,\n} from '../../utils/constants';\nimport { IconName } from '../nv-icon/nv-icons';\n\n/*\n @slot default - Content of the button.\n /\n@Component({\n tag: 'nv-iconbutton',\n shadow: false,\n formAssociated: true,\n styleUrl: 'nv-iconbutton.scss',\n scoped: false,\n})\nexport class NvIconbutton {\n @AttachInternals() internals: ElementInternals;\n @Element() el: HTMLNvIconbuttonElement;\n\n /*************************************************************************/\n //#region PROPERTIES\n\n /\n * Determines how large or small the button appears, allowing for\n * customization of the button's dimensions to fit different design\n * specifications and user needs.\n /\n @Prop({ reflect: true })\n readonly size: `${ButtonSize}` = 'md';\n\n /\n Adjusts the button’s emphasis to make it more or less visually prominent\n * to users. Use this to draw attention to important actions or reduce focus\n * on less critical ones.\n /\n @Prop({ reflect: true })\n readonly emphasis: `${ButtonEmphasis}` = 'high';\n\n /\n Set this to true to show a spinner on the button, letting users know that\n * their action is being processed. It helps improve user experience by\n * indicating ongoing activities. The icon is not displayed when the button\n * is loading. Also, the button is disabled. If you want to disable the\n * button, it is not possible. It is automatically disabled when loading.\n /\n @Prop({ reflect: true, mutable: true })\n loading: boolean = false;\n\n /\n Disables the button, preventing user interaction.\n /\n @Prop({ mutable: true, reflect: true })\n disabled: boolean = false;\n\n /\n Makes the button look active when it’s within a compatible component\n * like a button group.\n /\n @Prop({ reflect: true })\n readonly active: boolean = false;\n\n /\n Choose the icon you want to display. This also sets the aria-label for\n * improved accessibility, helping users who rely on screen readers.\n * The icon is not displayed when the button is loading.\n /\n @Prop({ reflect: true })\n readonly name: `${IconName}` \| string;\n\n /\n Sets the button type to control its function in forms. Use 'submit' to send\n * form data, 'reset' to clear the form, or 'button' for a standard button\n * that doesn’t interact with form submission by default.\n /\n @Prop({ reflect: true })\n readonly type: `${ButtonType}` = 'button';\n\n /\n Sets the shape of the button. Choose between square and rounded.\n /\n @Prop({ reflect: true })\n readonly shape: `${IconButtonShape}` = 'square';\n\n /\n Use this to make the button skip-able when users navigate with the keyboard.\n * The button remains clickable but won’t be reached via the Tab key.\n /\n @Prop({ reflect: true })\n readonly disableTabindex: boolean = false;\n\n //#endregion PROPERTIES\n /*************************************************************************/\n //#region METHODS\n\n /\n * Handles form-related actions when the button is clicked.\n * - Submits the form if the button type is 'submit'.\n * - Resets the form if the button type is 'reset'.\n * @param {Event} event - The click event.\n /\n private handleClick = (event: Event) => {\n if (this.disabled) {\n event.preventDefault();\n return;\n }\n\n if (this.type === 'submit') {\n this.internals?.form?.requestSubmit();\n }\n if (this.type === 'reset') {\n this.internals?.form?.reset();\n }\n };\n\n //#endregion METHODS\n /*************************************************************************/\n //#region WATCHERS\n\n @Watch('loading')\n handleLoadingChange(loading: boolean) {\n this.loading = loading;\n this.disabled = loading;\n }\n\n @Watch('disabled')\n handleDisabledChange(disabled: boolean) {\n if (this.loading) {\n this.disabled = this.loading;\n } else {\n this.disabled = disabled;\n }\n }\n\n //#endregion WATCHERS\n /************************************************************************/\n //#region EVENTS\n\n @Listen('keydown', { passive: false })\n handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n event.preventDefault();\n this.el.click();\n }\n }\n\n @Listen('touchstart', { passive: false })\n handleTouchStart(event: TouchEvent) {\n if (event.touches.length > 1) return;\n event.preventDefault();\n this.el.click();\n }\n\n //#endregion EVENTS\n /************************************************************************/\n //#region LIFECYCLE\n\n componentWillLoad() {\n if (this.loading) {\n this.disabled = this.loading;\n }\n }\n\n //#endregion LIFECYCLE\n /**************************************************************************/\n //#region RENDER\n\n render() {\n return (\n <Host\n role=\"button\"\n type={this.type}\n tabindex={this.disableTabindex ? -1 : 0}\n disabled={this.disabled ? true : undefined}\n class={clsx(\n 'root',\n `size-${this.size}`,\n `emphasis-${this.emphasis}`,\n this.loading && 'loading',\n `shape-${this.shape}`,\n )}\n onClick={this.handleClick}\n >\n {this.loading && <nv-loader size={this.size}></nv-loader>}\n\n {!this.loading && <nv-icon name={this.name} size={this.size} />}\n\n <slot></slot>\n </Host>\n );\n }\n\n //#endregion RENDER\n}\n"]}

package/dist/collection/components/nv-loader/nv-loader.docs.js CHANGED Viewed

@@ -3,24 +3,28 @@ import { nameof } from "../../utils/class.utils";
 const NvLoaderDocs = {
     component: 'nv-loader',
     stories: [
+        // Default
         {
             name: 'Default',
             args: { color: 'white' },
             template: h("nv-loader", { "data-storybook-args": true }),
         },
+        // size
         {
             name: nameof(x => x.size),
             template: (h("div", { "data-class": "flex gap-4 items-center" }, h("nv-loader", { "data-storybook-args": true, size: "xs" }), h("nv-loader", { "data-storybook-args": true, size: "sm" }), h("nv-loader", { "data-storybook-args": true, size: "md" }), h("nv-loader", { "data-storybook-args": true, size: "lg" }), h("nv-loader", { "data-storybook-args": true, size: "xl" }))),
         },
+        // color
+        {
+            name: nameof(x => x.color),
+            template: (h("div", { "data-class": "flex gap-4 text-green-500" }, h("nv-loader", { "data-storybook-args": true }))),
+        },
+        // Emphasis
         {
             name: 'Emphasis',
             description: 'Choose the emphasis of the loader to best fit your application’s needs, whether it’s a high emphasis loader for important actions or a low emphasis one for less important ones.',
             template: (h("div", { "data-class": "flex gap-4 items-center" }, h("div", { "data-class": "bg-orange-500 p-4 inline-flex items-center" }, h("nv-loader", { "data-storybook-args": true, color: "brand" })), h("nv-loader", { "data-storybook-args": true, color: "white" }))),
         },
-        {
-            name: nameof(x => x.color),
-            template: (h("div", { "data-class": "flex gap-4 text-green-500" }, h("nv-loader", { "data-storybook-args": true }))),
-        },
     ],
 };
 export default NvLoaderDocs;

package/dist/collection/components/nv-loader/nv-loader.docs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nv-loader.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-loader/nv-loader.docs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGlC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,YAAY,GAAkC;IAClD,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE;QACP;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;YACxB,QAAQ,EAAE,+CAA2C;SACtD;QACD;YACE,IAAI,EAAE,MAAM,CAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YAC9C,QAAQ,EAAE,CACR,yBAAgB,yBAAyB;gBACvC,8CAA+B,IAAI,EAAC,IAAI,GAAa;gBACrD,8CAA+B,IAAI,EAAC,IAAI,GAAa;gBACrD,8CAA+B,IAAI,EAAC,IAAI,GAAa;gBACrD,8CAA+B,IAAI,EAAC,IAAI,GAAa;gBACrD,8CAA+B,IAAI,EAAC,IAAI,GAAa,CACjD,CACP;SACF;QACD;YACE,IAAI,EAAE,UAAU;YAChB,WAAW,EACT,kLAAkL;YACpL,QAAQ,EAAE,CACR,yBAAgB,yBAAyB;gBACvC,yBAAgB,4CAA4C;oBAC1D,8CAA+B,KAAK,EAAC,OAAO,GAAa,CACrD;gBACN,8CAA+B,KAAK,EAAC,OAAO,GAAa,CACrD,CACP;SACF;~~QACD;YACE,IAAI,EAAE,MAAM,CAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YAC/C,QAAQ,EAAE,CACR,yBAAgB,2BAA2B;gBACzC,+CAA2C,CACvC,CACP;SACF;~~KACF;CACF,CAAC;AAEF,eAAe,YAAY,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 NvLoaderDocs: NovaDocs<Components.NvLoader> = {\n component: 'nv-loader',\n stories: [\n {\n name: 'Default',\n args: { color: 'white' },\n template: <nv-loader data-storybook-args></nv-loader>,\n },\n {\n name: nameof<Components.NvLoader>(x => x.size),\n template: (\n <div data-class=\"flex gap-4 items-center\">\n <nv-loader data-storybook-args size=\"xs\"></nv-loader>\n <nv-loader data-storybook-args size=\"sm\"></nv-loader>\n <nv-loader data-storybook-args size=\"md\"></nv-loader>\n <nv-loader data-storybook-args size=\"lg\"></nv-loader>\n <nv-loader data-storybook-args size=\"xl\"></nv-loader>\n </div>\n ),\n },\n {\n name: 'Emphasis',\n description:\n 'Choose the emphasis of the loader to best fit your application’s needs, whether it’s a high emphasis loader for important actions or a low emphasis one for less important ones.',\n template: (\n <div data-class=\"flex gap-4 items-center\">\n <div data-class=\"bg-orange-500 p-4 inline-flex items-center\">\n <nv-loader data-storybook-args color=\"brand\"></nv-loader>\n </div>\n <nv-loader data-storybook-args color=\"white\"></nv-loader>\n </div>\n ),\n },\n {\n name: nameof<Components.NvLoader>(x => x.color),\n template: (\n <div data-class=\"flex gap-4 text-green-500\">\n <nv-loader data-storybook-args></nv-loader>\n </div>\n ),\n },\n ],\n};\n\nexport default NvLoaderDocs;\n"]}
1	+ {"version":3,"file":"nv-loader.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-loader/nv-loader.docs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGlC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,YAAY,GAAkC;IAClD,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE;QACP,UAAU;QACV;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;YACxB,QAAQ,EAAE,+CAA2C;SACtD;QACD,OAAO;QACP;YACE,IAAI,EAAE,MAAM,CAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YAC9C,QAAQ,EAAE,CACR,yBAAgB,yBAAyB;gBACvC,8CAA+B,IAAI,EAAC,IAAI,GAAa;gBACrD,8CAA+B,IAAI,EAAC,IAAI,GAAa;gBACrD,8CAA+B,IAAI,EAAC,IAAI,GAAa;gBACrD,8CAA+B,IAAI,EAAC,IAAI,GAAa;gBACrD,8CAA+B,IAAI,EAAC,IAAI,GAAa,CACjD,CACP;SACF;QACD,QAAQ;QACR;YACE,IAAI,EAAE,MAAM,CAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YAC/C,QAAQ,EAAE,CACR,yBAAgB,2BAA2B;gBACzC,+CAA2C,CACvC,CACP;SACF;QACD,WAAW;QACX;YACE,IAAI,EAAE,UAAU;YAChB,WAAW,EACT,kLAAkL;YACpL,QAAQ,EAAE,CACR,yBAAgB,yBAAyB;gBACvC,yBAAgB,4CAA4C;oBAC1D,8CAA+B,KAAK,EAAC,OAAO,GAAa,CACrD;gBACN,8CAA+B,KAAK,EAAC,OAAO,GAAa,CACrD,CACP;SACF;KACF;CACF,CAAC;AAEF,eAAe,YAAY,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 NvLoaderDocs: NovaDocs<Components.NvLoader> = {\n component: 'nv-loader',\n stories: [\n // Default\n {\n name: 'Default',\n args: { color: 'white' },\n template: <nv-loader data-storybook-args></nv-loader>,\n },\n // size\n {\n name: nameof<Components.NvLoader>(x => x.size),\n template: (\n <div data-class=\"flex gap-4 items-center\">\n <nv-loader data-storybook-args size=\"xs\"></nv-loader>\n <nv-loader data-storybook-args size=\"sm\"></nv-loader>\n <nv-loader data-storybook-args size=\"md\"></nv-loader>\n <nv-loader data-storybook-args size=\"lg\"></nv-loader>\n <nv-loader data-storybook-args size=\"xl\"></nv-loader>\n </div>\n ),\n },\n // color\n {\n name: nameof<Components.NvLoader>(x => x.color),\n template: (\n <div data-class=\"flex gap-4 text-green-500\">\n <nv-loader data-storybook-args></nv-loader>\n </div>\n ),\n },\n // Emphasis\n {\n name: 'Emphasis',\n description:\n 'Choose the emphasis of the loader to best fit your application’s needs, whether it’s a high emphasis loader for important actions or a low emphasis one for less important ones.',\n template: (\n <div data-class=\"flex gap-4 items-center\">\n <div data-class=\"bg-orange-500 p-4 inline-flex items-center\">\n <nv-loader data-storybook-args color=\"brand\"></nv-loader>\n </div>\n <nv-loader data-storybook-args color=\"white\"></nv-loader>\n </div>\n ),\n },\n ],\n};\n\nexport default NvLoaderDocs;\n"]}

package/dist/collection/components/nv-loader/nv-loader.js CHANGED Viewed

@@ -16,7 +16,7 @@ export class NvLoader {
     //#region RENDER
     /* <slot> empty to force rendering change */
     render() {
-        return (h(Host, { key: '049afa243c1ce99643408d86afa99e69c5468b8b', class: clsx(this.size && `size-${this.size}`, this.color && `color-${this.color}`) }));
+        return (h(Host, { key: '4347ec4ee393edb5e23a60e253bae73d0f9db583', class: clsx(this.size && `size-${this.size}`, this.color && `color-${this.color}`) }));
     }
     static get is() { return "nv-loader"; }
     static get originalStyleUrls() {