@public-ui/components 4.3.0-rc.2 → 4.3.0-rc.3

package/dist/cjs/{validation-DwarFcC9.js → validation-BWHIPSSp.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var level = require('./level-VjfppjxT.js');
-var common = require('./common-DAAt5YQ7.js');
+var level = require('./level-BytieNof.js');
+var common = require('./common-Bwi0J8Cv.js');
 
 const watchHeadingLevel = (component, value) => {
     common.watchValidator(component, '_level', (value) => typeof value === 'number' && level.headingLevelOptions.includes(value), new Set(level.headingLevelOptions.map(String)), value, {
@@ -14,6 +14,6 @@ const watchHeadingLevel = (component, value) => {
 };
 
 exports.watchHeadingLevel = watchHeadingLevel;
-//# sourceMappingURL=validation-DwarFcC9.js.map
+//# sourceMappingURL=validation-BWHIPSSp.js.map
 
-//# sourceMappingURL=validation-DwarFcC9.js.map
+//# sourceMappingURL=validation-BWHIPSSp.js.map

package/dist/cjs/{validation-DwarFcC9.js.map → validation-BWHIPSSp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"validation-DwarFcC9.js","sources":["src/components/heading/validation.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { HeadingLevel } from '../../internal/props/level';\nimport { headingLevelOptions } from '../../internal/props/level';\nimport { watchValidator } from '../../schema/utils';\n\nexport const watchHeadingLevel = (component: Generic.Element.Component, value?: HeadingLevel): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_level',\n\t\t(value?: HeadingLevel): boolean => typeof value === 'number' && headingLevelOptions.includes(value),\n\t\tnew Set(headingLevelOptions.map(String)),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 1,\n\t\t\trequired: true,\n\t\t},\n\t);\n};\n"],"names":["watchValidator","headingLevelOptions"],"mappings":";;;;;;;;MAMa,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAoB,KAAU;AACrG,IAAAA,qBAAc,CACb,SAAS,EACT,QAAQ,EACR,CAAC,KAAoB,KAAc,OAAO,KAAK,KAAK,QAAQ,IAAIC,yBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnG,IAAI,GAAG,CAACA,yBAAmB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EACxC,KAAK,EACL;AACC,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,QAAQ,EAAE,IAAI;AACd,KAAA,CACD;AACF;;;;"}
+{"version":3,"file":"validation-BWHIPSSp.js","sources":["src/components/heading/validation.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { HeadingLevel } from '../../internal/props/level';\nimport { headingLevelOptions } from '../../internal/props/level';\nimport { watchValidator } from '../../schema/utils';\n\nexport const watchHeadingLevel = (component: Generic.Element.Component, value?: HeadingLevel): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_level',\n\t\t(value?: HeadingLevel): boolean => typeof value === 'number' && headingLevelOptions.includes(value),\n\t\tnew Set(headingLevelOptions.map(String)),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 1,\n\t\t\trequired: true,\n\t\t},\n\t);\n};\n"],"names":["watchValidator","headingLevelOptions"],"mappings":";;;;;;;;MAMa,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAoB,KAAU;AACrG,IAAAA,qBAAc,CACb,SAAS,EACT,QAAQ,EACR,CAAC,KAAoB,KAAc,OAAO,KAAK,KAAK,QAAQ,IAAIC,yBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnG,IAAI,GAAG,CAACA,yBAAmB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EACxC,KAAK,EACL;AACC,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,QAAQ,EAAE,IAAI;AACd,KAAA,CACD;AACF;;;;"}

package/dist/cjs/{validation-D2EuAues.js → validation-CBFtAWEr.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var common = require('./common-DAAt5YQ7.js');
+var common = require('./common-Bwi0J8Cv.js');
 
 const watchNavLinks = (className, component, value) => {
     common.watchJsonArrayString(component, '_links', (link) => typeof link === 'object' && (typeof link._href === 'string' || typeof link._label === 'string'), value);
@@ -11,6 +11,6 @@ const watchNavLinks = (className, component, value) => {
 };
 
 exports.watchNavLinks = watchNavLinks;
-//# sourceMappingURL=validation-D2EuAues.js.map
+//# sourceMappingURL=validation-CBFtAWEr.js.map
 
-//# sourceMappingURL=validation-D2EuAues.js.map
+//# sourceMappingURL=validation-CBFtAWEr.js.map

package/dist/cjs/{validation-D2EuAues.js.map → validation-CBFtAWEr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"validation-D2EuAues.js","sources":["src/components/nav/validation.ts"],"sourcesContent":["import type { HrefProp, LabelProp, Stringified } from '../../schema';\nimport { uiUxHintMillerscheZahl, watchJsonArrayString } from '../../schema';\n\nimport type { Generic } from 'adopted-style-sheets';\n\ntype HrefOrLabelProp = HrefProp | LabelProp;\n\nexport const watchNavLinks = (\n\tclassName: string,\n\tcomponent: Generic.Element.Component & {\n\t\tstate: {\n\t\t\t_links: HrefOrLabelProp[];\n\t\t};\n\t},\n\tvalue?: Stringified<HrefOrLabelProp[]>,\n): void => {\n\twatchJsonArrayString(\n\t\tcomponent,\n\t\t'_links',\n\t\t(link) => typeof link === 'object' && (typeof (link as HrefProp)._href === 'string' || typeof (link as LabelProp)._label === 'string'),\n\t\tvalue,\n\t);\n\tuiUxHintMillerscheZahl(className, component.state._links.length);\n};\n"],"names":["watchJsonArrayString","uiUxHintMillerscheZahl"],"mappings":";;;;;;;AAOa,MAAA,aAAa,GAAG,CAC5B,SAAiB,EACjB,SAIC,EACD,KAAsC,KAC7B;AACT,IAAAA,2BAAoB,CACnB,SAAS,EACT,QAAQ,EACR,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,QAAQ,KAAK,OAAQ,IAAiB,CAAC,KAAK,KAAK,QAAQ,IAAI,OAAQ,IAAkB,CAAC,MAAM,KAAK,QAAQ,CAAC,EACtI,KAAK,CACL;IACDC,6BAAsB,CAAC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;AACjE;;;;"}
+{"version":3,"file":"validation-CBFtAWEr.js","sources":["src/components/nav/validation.ts"],"sourcesContent":["import type { HrefProp, LabelProp, Stringified } from '../../schema';\nimport { uiUxHintMillerscheZahl, watchJsonArrayString } from '../../schema';\n\nimport type { Generic } from 'adopted-style-sheets';\n\ntype HrefOrLabelProp = HrefProp | LabelProp;\n\nexport const watchNavLinks = (\n\tclassName: string,\n\tcomponent: Generic.Element.Component & {\n\t\tstate: {\n\t\t\t_links: HrefOrLabelProp[];\n\t\t};\n\t},\n\tvalue?: Stringified<HrefOrLabelProp[]>,\n): void => {\n\twatchJsonArrayString(\n\t\tcomponent,\n\t\t'_links',\n\t\t(link) => typeof link === 'object' && (typeof (link as HrefProp)._href === 'string' || typeof (link as LabelProp)._label === 'string'),\n\t\tvalue,\n\t);\n\tuiUxHintMillerscheZahl(className, component.state._links.length);\n};\n"],"names":["watchJsonArrayString","uiUxHintMillerscheZahl"],"mappings":";;;;;;;AAOa,MAAA,aAAa,GAAG,CAC5B,SAAiB,EACjB,SAIC,EACD,KAAsC,KAC7B;AACT,IAAAA,2BAAoB,CACnB,SAAS,EACT,QAAQ,EACR,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,QAAQ,KAAK,OAAQ,IAAiB,CAAC,KAAK,KAAK,QAAQ,IAAI,OAAQ,IAAkB,CAAC,MAAM,KAAK,QAAQ,CAAC,EACtI,KAAK,CACL;IACDC,6BAAsB,CAAC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;AACjE;;;;"}

package/dist/cjs/{value-number-clamped-B6AfADe2.js → value-number-clamped-BEHACwW6.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var normalizers = require('./normalizers-R90MJyQR.js');
+var normalizers = require('./normalizers-g6OpZE8-.js');
 
 const maxProp = normalizers.createPropDefinition('max', 100, normalizers.normalizeNumber, (v) => v > 0);
 
@@ -23,6 +23,6 @@ const clampedNumberValueProp = normalizers.createDependentPropDefinition('value'
 exports.clampedNumberValueProp = clampedNumberValueProp;
 exports.maxProp = maxProp;
 exports.unitProp = unitProp;
-//# sourceMappingURL=value-number-clamped-B6AfADe2.js.map
+//# sourceMappingURL=value-number-clamped-BEHACwW6.js.map
 
-//# sourceMappingURL=value-number-clamped-B6AfADe2.js.map
+//# sourceMappingURL=value-number-clamped-BEHACwW6.js.map

package/dist/cjs/{value-number-clamped-B6AfADe2.js.map → value-number-clamped-BEHACwW6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"value-number-clamped-B6AfADe2.js","sources":["src/internal/props/max.ts","src/internal/props/unit.ts","src/internal/props/value-number-clamped.ts"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\n/**\n * Max prop for upper boundary of progress and meter elements\n *\n * Description:\n * The max attribute defines the upper bound of a range. It is used by progress bars and\n * meter elements to indicate the total or maximum achievable value.\n *\n * Usage (according to W3C HTML specification and WAI-ARIA):\n * - Must be a positive number greater than 0\n * - Corresponds to the HTML progress element's max attribute\n * - Maps to aria-valuemax in WAI-ARIA to communicate the upper limit to assistive technologies\n * - Default value is 100 (representing 100%)\n *\n * Accessibility:\n * - Screen readers use aria-valuemax together with aria-valuenow to announce progress status\n * - The relationship between value and max must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n *\n * @see https://html.spec.whatwg.org/multipage/form-elements.html#attr-progress-max\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuemax\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n */\nexport type MaxProp = SimpleProp<'max', number>;\nexport const maxProp = createPropDefinition<MaxProp>('max', 100, normalizeNumber, (v) => v > 0);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Unit prop for value display formatting\n *\n * Description:\n * Defines the unit of measurement to display alongside a numeric value (e.g., \"%\", \"MB\", \"km/h\").\n * The unit helps users understand the meaning and scale of the displayed value.\n *\n * Usage:\n * - Must be a non-empty string\n * - Default is \"%\" (percentage)\n * - The unit is appended to the displayed value for visual users\n * - Common units: \"%\", \"MB\", \"s\", \"€\", \"kg\"\n *\n * Accessibility:\n * - The unit must be part of the accessible value description for screen reader users\n * - Consider using aria-valuetext to create human-readable descriptions that include the unit\n *   (e.g., aria-valuetext=\"75 percent\" instead of just the number 75)\n * - Units convey meaningful information and must be programmatically determinable\n *   (WCAG 1.3.1 Info and Relationships)\n *\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuetext\n */\nexport type UnitProp = SimpleProp<'unit', string>;\nexport const unitProp = createPropDefinition<UnitProp>('unit', '%', normalizeString, (v) => v.length > 0);\n","import type { SimpleProp } from './helpers/factory';\nimport { createDependentPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\n/**\n * Clamped value prop for bounded numeric ranges\n *\n * Description:\n * Represents a numeric value that is automatically clamped between a minimum and maximum.\n * If the provided value falls outside the allowed range, it is silently adjusted to the\n * nearest boundary. This ensures the value always stays within valid bounds.\n *\n * Usage (according to W3C HTML specification and WAI-ARIA):\n * - Depends on min and max props to define the valid range\n * - Corresponds to the HTML <progress> or <meter> element's value, min, and max attributes\n * - Maps to aria-valuenow, aria-valuemin, and aria-valuemax in WAI-ARIA\n * - Clamping happens transparently; no error is raised for out-of-range inputs\n *\n * Accessibility:\n * - The value boundaries must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n * - Screen readers use aria-valuemin, aria-valuenow, and aria-valuemax to announce range status\n * - Consider providing aria-valuetext for a human-readable description of the value\n *\n * @see https://html.spec.whatwg.org/multipage/form-elements.html#the-meter-element\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuenow\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuemin\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuemax\n */\nexport type ClampedNumberValueProp = SimpleProp<'value', number>;\n\nexport type ClampedNumberValueDeps = {\n\tmin: number;\n\tmax: number;\n};\n\nexport const clampedNumberValueProp = createDependentPropDefinition<ClampedNumberValueProp, ClampedNumberValueDeps>(\n\t'value',\n\t0,\n\t(value, deps) => {\n\t\tconst normalized = normalizeNumber(value);\n\t\tif (normalized < deps.min) {\n\t\t\treturn deps.min;\n\t\t} else if (normalized > deps.max) {\n\t\t\treturn deps.max;\n\t\t}\n\t\treturn normalized;\n\t},\n\t(v) => v !== undefined && v !== null,\n);\n"],"names":["createPropDefinition","normalizeNumber","normalizeString","createDependentPropDefinition"],"mappings":";;;;;;;MA0Ba,OAAO,GAAGA,gCAAoB,CAAU,KAAK,EAAE,GAAG,EAAEC,2BAAe,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;;MCEjF,QAAQ,GAAGD,gCAAoB,CAAW,MAAM,EAAE,GAAG,EAAEE,2BAAe,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;;ACOjG,MAAM,sBAAsB,GAAGC,yCAA6B,CAClE,OAAO,EACP,CAAC,EACD,CAAC,KAAK,EAAE,IAAI,KAAI;AACf,IAAA,MAAM,UAAU,GAAGF,2BAAe,CAAC,KAAK,CAAC;AACzC,IAAA,IAAI,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE;QAC1B,OAAO,IAAI,CAAC,GAAG;;AACT,SAAA,IAAI,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE;QACjC,OAAO,IAAI,CAAC,GAAG;;AAEhB,IAAA,OAAO,UAAU;AAClB,CAAC,EACD,CAAC,CAAC,KAAK,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI;;;;;;"}
+{"version":3,"file":"value-number-clamped-BEHACwW6.js","sources":["src/internal/props/max.ts","src/internal/props/unit.ts","src/internal/props/value-number-clamped.ts"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\n/**\n * Max prop for upper boundary of progress and meter elements\n *\n * Description:\n * The max attribute defines the upper bound of a range. It is used by progress bars and\n * meter elements to indicate the total or maximum achievable value.\n *\n * Usage (according to W3C HTML specification and WAI-ARIA):\n * - Must be a positive number greater than 0\n * - Corresponds to the HTML progress element's max attribute\n * - Maps to aria-valuemax in WAI-ARIA to communicate the upper limit to assistive technologies\n * - Default value is 100 (representing 100%)\n *\n * Accessibility:\n * - Screen readers use aria-valuemax together with aria-valuenow to announce progress status\n * - The relationship between value and max must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n *\n * @see https://html.spec.whatwg.org/multipage/form-elements.html#attr-progress-max\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuemax\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n */\nexport type MaxProp = SimpleProp<'max', number>;\nexport const maxProp = createPropDefinition<MaxProp>('max', 100, normalizeNumber, (v) => v > 0);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Unit prop for value display formatting\n *\n * Description:\n * Defines the unit of measurement to display alongside a numeric value (e.g., \"%\", \"MB\", \"km/h\").\n * The unit helps users understand the meaning and scale of the displayed value.\n *\n * Usage:\n * - Must be a non-empty string\n * - Default is \"%\" (percentage)\n * - The unit is appended to the displayed value for visual users\n * - Common units: \"%\", \"MB\", \"s\", \"€\", \"kg\"\n *\n * Accessibility:\n * - The unit must be part of the accessible value description for screen reader users\n * - Consider using aria-valuetext to create human-readable descriptions that include the unit\n *   (e.g., aria-valuetext=\"75 percent\" instead of just the number 75)\n * - Units convey meaningful information and must be programmatically determinable\n *   (WCAG 1.3.1 Info and Relationships)\n *\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuetext\n */\nexport type UnitProp = SimpleProp<'unit', string>;\nexport const unitProp = createPropDefinition<UnitProp>('unit', '%', normalizeString, (v) => v.length > 0);\n","import type { SimpleProp } from './helpers/factory';\nimport { createDependentPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\n/**\n * Clamped value prop for bounded numeric ranges\n *\n * Description:\n * Represents a numeric value that is automatically clamped between a minimum and maximum.\n * If the provided value falls outside the allowed range, it is silently adjusted to the\n * nearest boundary. This ensures the value always stays within valid bounds.\n *\n * Usage (according to W3C HTML specification and WAI-ARIA):\n * - Depends on min and max props to define the valid range\n * - Corresponds to the HTML <progress> or <meter> element's value, min, and max attributes\n * - Maps to aria-valuenow, aria-valuemin, and aria-valuemax in WAI-ARIA\n * - Clamping happens transparently; no error is raised for out-of-range inputs\n *\n * Accessibility:\n * - The value boundaries must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n * - Screen readers use aria-valuemin, aria-valuenow, and aria-valuemax to announce range status\n * - Consider providing aria-valuetext for a human-readable description of the value\n *\n * @see https://html.spec.whatwg.org/multipage/form-elements.html#the-meter-element\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuenow\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuemin\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuemax\n */\nexport type ClampedNumberValueProp = SimpleProp<'value', number>;\n\nexport type ClampedNumberValueDeps = {\n\tmin: number;\n\tmax: number;\n};\n\nexport const clampedNumberValueProp = createDependentPropDefinition<ClampedNumberValueProp, ClampedNumberValueDeps>(\n\t'value',\n\t0,\n\t(value, deps) => {\n\t\tconst normalized = normalizeNumber(value);\n\t\tif (normalized < deps.min) {\n\t\t\treturn deps.min;\n\t\t} else if (normalized > deps.max) {\n\t\t\treturn deps.max;\n\t\t}\n\t\treturn normalized;\n\t},\n\t(v) => v !== undefined && v !== null,\n);\n"],"names":["createPropDefinition","normalizeNumber","normalizeString","createDependentPropDefinition"],"mappings":";;;;;;;MA0Ba,OAAO,GAAGA,gCAAoB,CAAU,KAAK,EAAE,GAAG,EAAEC,2BAAe,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;;MCEjF,QAAQ,GAAGD,gCAAoB,CAAW,MAAM,EAAE,GAAG,EAAEE,2BAAe,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;;ACOjG,MAAM,sBAAsB,GAAGC,yCAA6B,CAClE,OAAO,EACP,CAAC,EACD,CAAC,KAAK,EAAE,IAAI,KAAI;AACf,IAAA,MAAM,UAAU,GAAGF,2BAAe,CAAC,KAAK,CAAC;AACzC,IAAA,IAAI,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE;QAC1B,OAAO,IAAI,CAAC,GAAG;;AACT,SAAA,IAAI,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE;QACjC,OAAO,IAAI,CAAC,GAAG;;AAEhB,IAAA,OAAO,UAAU;AAClB,CAAC,EACD,CAAC,CAAC,KAAK,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI;;;;;;"}

package/dist/cjs/{variant-class-name-DsZdGPeK.js → variant-class-name-DmO450Cb.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var common = require('./common-DAAt5YQ7.js');
+var common = require('./common-Bwi0J8Cv.js');
 
 const SAFE_CLASS_NAME_RE = /^[a-zA-Z][a-zA-Z0-9_-]{3,60}$/;
 const isSafeClassName = (value) => typeof value === 'string' && SAFE_CLASS_NAME_RE.test(value);
@@ -13,6 +13,6 @@ const validateVariantClassName = (component, value) => {
 };
 
 exports.validateVariantClassName = validateVariantClassName;
-//# sourceMappingURL=variant-class-name-DsZdGPeK.js.map
+//# sourceMappingURL=variant-class-name-DmO450Cb.js.map
 
-//# sourceMappingURL=variant-class-name-DsZdGPeK.js.map
+//# sourceMappingURL=variant-class-name-DmO450Cb.js.map

package/dist/cjs/{variant-class-name-DsZdGPeK.js.map → variant-class-name-DmO450Cb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"variant-class-name-DsZdGPeK.js","sources":["src/schema/props/variant-class-name.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\nexport type VariantClassNamePropType = string;\n\nexport type PropVariantClassName = {\n\tvariant: VariantClassNamePropType;\n};\n\nconst SAFE_CLASS_NAME_RE = /^[a-zA-Z][a-zA-Z0-9_-]{3,60}$/;\nconst isSafeClassName = (value: unknown) => typeof value === 'string' && SAFE_CLASS_NAME_RE.test(value);\nconst SAFE_CLASS_NAME_ALLOWED = new Set([SAFE_CLASS_NAME_RE.source]);\n\nexport const validateVariantClassName = (component: Generic.Element.Component, value?: VariantClassNamePropType): void => {\n\twatchValidator(component, '_variant', isSafeClassName, SAFE_CLASS_NAME_ALLOWED, value);\n};\n"],"names":["watchValidator"],"mappings":";;;;;;;AAUA,MAAM,kBAAkB,GAAG,+BAA+B;AAC1D,MAAM,eAAe,GAAG,CAAC,KAAc,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;AACvG,MAAM,uBAAuB,GAAG,IAAI,GAAG,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;MAEvD,wBAAwB,GAAG,CAAC,SAAoC,EAAE,KAAgC,KAAU;IACxHA,qBAAc,CAAC,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,uBAAuB,EAAE,KAAK,CAAC;AACvF;;;;"}
+{"version":3,"file":"variant-class-name-DmO450Cb.js","sources":["src/schema/props/variant-class-name.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\nexport type VariantClassNamePropType = string;\n\nexport type PropVariantClassName = {\n\tvariant: VariantClassNamePropType;\n};\n\nconst SAFE_CLASS_NAME_RE = /^[a-zA-Z][a-zA-Z0-9_-]{3,60}$/;\nconst isSafeClassName = (value: unknown) => typeof value === 'string' && SAFE_CLASS_NAME_RE.test(value);\nconst SAFE_CLASS_NAME_ALLOWED = new Set([SAFE_CLASS_NAME_RE.source]);\n\nexport const validateVariantClassName = (component: Generic.Element.Component, value?: VariantClassNamePropType): void => {\n\twatchValidator(component, '_variant', isSafeClassName, SAFE_CLASS_NAME_ALLOWED, value);\n};\n"],"names":["watchValidator"],"mappings":";;;;;;;AAUA,MAAM,kBAAkB,GAAG,+BAA+B;AAC1D,MAAM,eAAe,GAAG,CAAC,KAAc,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;AACvG,MAAM,uBAAuB,GAAG,IAAI,GAAG,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;MAEvD,wBAAwB,GAAG,CAAC,SAAoC,EAAE,KAAgC,KAAU;IACxHA,qBAAc,CAAC,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,uBAAuB,EAAE,KAAK,CAAC;AACvF;;;;"}

package/dist/collection/components/abbr/style.css

@@ -207,8 +207,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/accordion/style.css

@@ -269,8 +269,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/alert/style.css

@@ -212,8 +212,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/badge/style.css

@@ -207,8 +207,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/breadcrumb/style.css

@@ -207,8 +207,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/button/style.css

@@ -207,8 +207,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/button-link/style.css

@@ -207,8 +207,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/card/style.css

@@ -207,8 +207,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/combobox/style.css

@@ -212,8 +212,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/details/style.css

@@ -269,8 +269,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/dialog/style.css

@@ -207,8 +207,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/drawer/style.css

@@ -207,8 +207,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/form/style.css

@@ -212,8 +212,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/icon/style.css

@@ -1,7 +1,7 @@
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-checkbox/style.css

@@ -212,8 +212,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-color/style.css

@@ -212,8 +212,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-date/style.css

@@ -212,8 +212,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-email/style.css

@@ -212,8 +212,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-file/style.css

@@ -212,8 +212,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-number/shadow.js

@@ -4,6 +4,7 @@
 import { __decorate } from "tslib";
 import { h } from "@stencil/core";
 import clsx from "../../utils/clsx";
+import { getFeatureFlag } from "adopted-style-sheets";
 import KolFormFieldStateWrapperFc from "../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper";
 import KolInputContainerFc from "../../functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper";
 import KolInputStateWrapperFc from "../../functional-component-wrappers/InputStateWrapper/InputStateWrapper";
@@ -66,7 +67,7 @@ export class KolInputNumber {
             } });
     }
     getStepUpButton() {
-        if (this._disabled || this._readOnly) {
+        if (this._disabled || this._readOnly || getFeatureFlag('inputNumberButtons', this.host) === 'hide') {
             return null;
         }
         return (h("button", { type: "button", tabIndex: -1, class: "kol-input-number__step-button kol-input-number__step-button-up kol-input-container__smart-button", "data-testid": "kol-input-number-step-up", onClick: (event) => {
@@ -80,7 +81,7 @@ export class KolInputNumber {
             }, disabled: this._disabled || this._readOnly }, h(IconFC, { icons: "kolicon-plus", label: "" })));
     }
     getStepDownButton() {
-        if (this._disabled || this._readOnly) {
+        if (this._disabled || this._readOnly || getFeatureFlag('inputNumberButtons', this.host) === 'hide') {
             return null;
         }
         return (h("button", { type: "button", tabIndex: -1, class: "kol-input-number__step-button kol-input-number__step-button-down kol-input-container__smart-button", "data-testid": "kol-input-number-step-down", onClick: (event) => {
@@ -94,7 +95,7 @@ export class KolInputNumber {
             }, disabled: this._disabled || this._readOnly }, h(IconFC, { icons: "kolicon-minus", label: "" })));
     }
     render() {
-        return (h(KolFormFieldStateWrapperFc, Object.assign({ key: 'bb90a49f448fbe879f577dd497eef5312d4cb046' }, this.getFormFieldProps()), h(KolInputContainerFc, { key: 'bb898c6d9d52185c11a2e4e60412ffc44033291f', state: this.state, startAdornment: this.getStepDownButton(), endAdornment: this.getStepUpButton() }, h(KolInputStateWrapperFc, Object.assign({ key: '2652645d3824f6126e4c38780fb8cd5214c9f0df' }, this.getInputProps())))));
+        return (h(KolFormFieldStateWrapperFc, Object.assign({ key: 'b792966ef3fa1f492ed8423869e9d963f99c1d34' }, this.getFormFieldProps()), h(KolInputContainerFc, { key: 'f3178b3711acc83283c0083b08ef3f3954dd33b3', state: this.state, startAdornment: this.getStepDownButton(), endAdornment: this.getStepUpButton() }, h(KolInputStateWrapperFc, Object.assign({ key: 'f50cabc7adb7d288f38d54cb4a8764df304a89b4' }, this.getInputProps())))));
     }
     constructor() {
         this.ctaRef = createCtaRef();

package/dist/collection/components/input-number/shadow.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../src/components/input-number/shadow.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JSX, VNode } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport clsx from '../../utils/clsx';\n\nimport type {\n\tAriaDetailsPropType,\n\tAutoCompletePropType,\n\tClickableElement,\n\tDisabledPropType,\n\tFocusableElement,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIconsHorizontalPropType,\n\tInputNumberAPI,\n\tInputNumberStates,\n\tInputTypeOnDefault,\n\tInternalButtonProps,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tNumberString,\n\tPlaceholderPropType,\n\tReadOnlyPropType,\n\tRequiredPropType,\n\tShortKeyPropType,\n\tStringified,\n\tSuggestionsPropType,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\n\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper';\nimport KolInputContainerFc from '../../functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper';\nimport KolInputStateWrapperFc, { type InputStateWrapperProps } from '../../functional-component-wrappers/InputStateWrapper/InputStateWrapper';\nimport { IconFC } from '../../internal/functional-components/icon/component';\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { createCtaRef, delegateClick, delegateFocus } from '../../utils/element-interaction';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { InputNumberController } from './controller';\n\n/**\n * The **Number** input type creates an input field for numeric values. Use the `_min`, `_max`, and `_step` properties to restrict the accepted value range.\n *\n * @slot - The label of the input field.\n */\n@Component({\n\ttag: 'kol-input-number',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolInputNumber implements ClickableElement, FocusableElement, InputNumberAPI {\n\t@Element() protected readonly host?: HTMLKolInputNumberElement;\n\tprotected readonly ctaRef = createCtaRef<HTMLInputElement>();\n\n\t/**\n\t * Returns the current value.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<number | NumberString | null> {\n\t\treturn this.remapValue(this.state._value);\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\tprivate setInitialValueType(value?: number | NumberString | null) {\n\t\tif (this.controller.isNumberString(value)) {\n\t\t\tthis._initialValueType = 'NumberString';\n\t\t} else if (typeof value === 'number' && !isNaN(value)) {\n\t\t\tthis._initialValueType = 'number';\n\t\t} else {\n\t\t\tthis._initialValueType = 'null';\n\t\t}\n\t}\n\n\t/**\n\t * Map the value to the initial format. E.g., if the user provided a string initially, return a string.\n\t * @param value\n\t * @private\n\t */\n\tprivate remapValue(value?: number | null): number | NumberString | null {\n\t\tif (value === undefined || value === null) {\n\t\t\treturn null;\n\t\t} else if (this._initialValueType === 'NumberString') {\n\t\t\treturn String(value) as NumberString;\n\t\t}\n\t\treturn value;\n\t}\n\n\tprivate readonly onInput = (event: InputEvent) => {\n\t\tconst newValue = this.ctaRef.el?.value;\n\t\tthis._value = this.remapValue(newValue === '' ? null : Number(newValue));\n\t\tthis.controller.onFacade.onInput(event, true, this._value);\n\t};\n\n\tprivate readonly onChange = (event: Event) => {\n\t\tconst newValue = this.ctaRef.el?.value;\n\t\tconst mappedValue = this.remapValue(newValue === '' ? null : Number(newValue));\n\t\tthis.controller.onFacade.onChange(event, mappedValue);\n\t};\n\n\tprivate readonly onKeyDown = (event: KeyboardEvent) => {\n\t\tthis.controller.onFacade.onKeyDown(event);\n\n\t\tif (event.code === 'Enter' || event.code === 'NumpadEnter') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ctaRef.el,\n\t\t\t});\n\t\t}\n\t};\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tclass: clsx('kol-input-number', 'number', {\n\t\t\t\t'has-value': this.state._hasValue,\n\t\t\t}),\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\talert: this.showAsAlert(),\n\t\t};\n\t}\n\n\tprivate getInputProps(): InputStateWrapperProps {\n\t\treturn {\n\t\t\tref: this.ctaRef,\n\t\t\tstate: this.state,\n\t\t\ttype: 'number',\n\t\t\t...this.controller.onFacade,\n\t\t\tonInput: this.onInput,\n\t\t\tonChange: this.onChange,\n\t\t\tonKeyDown: this.onKeyDown,\n\t\t\tonFocus: (event: FocusEvent) => {\n\t\t\t\tconst prevFocusElem = event.relatedTarget as HTMLElement;\n\t\t\t\tconst isStepButton = prevFocusElem?.classList.contains('kol-input-number__step-button');\n\t\t\t\tif (!isStepButton) {\n\t\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\t\tthis.inputHasFocus = true;\n\t\t\t\t}\n\t\t\t},\n\t\t\tonBlur: (event: FocusEvent) => {\n\t\t\t\tconst nextFocusElem = event.relatedTarget as HTMLElement;\n\t\t\t\tconst isStepButton = nextFocusElem?.classList.contains('kol-input-number__step-button');\n\t\t\t\tif (!isStepButton) {\n\t\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\t\tthis.inputHasFocus = false;\n\t\t\t\t}\n\t\t\t},\n\t\t};\n\t}\n\n\tprivate getStepUpButton(): VNode | null {\n\t\tif (this._disabled || this._readOnly) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\ttabIndex={-1}\n\t\t\t\tclass=\"kol-input-number__step-button kol-input-number__step-button-up kol-input-container__smart-button\"\n\t\t\t\tdata-testid=\"kol-input-number-step-up\"\n\t\t\t\tonClick={(event: MouseEvent): void => {\n\t\t\t\t\tthis.ctaRef.el?.stepUp();\n\t\t\t\t\t// Manually trigger onInput since stepUp() doesn't fire input events\n\t\t\t\t\tconst newValue = this.ctaRef.el?.value;\n\t\t\t\t\tthis._value = this.remapValue(newValue === '' ? null : Number(newValue));\n\t\t\t\t\t// Pass MouseEvent as Event - onInput handler accepts generic Event type\n\t\t\t\t\tthis.controller.onFacade.onInput(event, true, this._value);\n\t\t\t\t\t// native number buttons also throw the change event on every click\n\t\t\t\t\tthis.controller.onFacade.onChange(event, this._value);\n\t\t\t\t\tthis.ctaRef.el?.focus();\n\t\t\t\t}}\n\t\t\t\tdisabled={this._disabled || this._readOnly}\n\t\t\t>\n\t\t\t\t<IconFC icons=\"kolicon-plus\" label=\"\" />\n\t\t\t</button>\n\t\t);\n\t}\n\n\tprivate getStepDownButton(): VNode | null {\n\t\tif (this._disabled || this._readOnly) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\ttabIndex={-1}\n\t\t\t\tclass=\"kol-input-number__step-button kol-input-number__step-button-down kol-input-container__smart-button\"\n\t\t\t\tdata-testid=\"kol-input-number-step-down\"\n\t\t\t\tonClick={(event: MouseEvent): void => {\n\t\t\t\t\tthis.ctaRef.el?.stepDown();\n\t\t\t\t\t// Manually trigger onInput since stepDown() doesn't fire input events\n\t\t\t\t\tconst newValue = this.ctaRef.el?.value;\n\t\t\t\t\tthis._value = this.remapValue(newValue === '' ? null : Number(newValue));\n\t\t\t\t\t// Pass MouseEvent as Event - onInput handler accepts generic Event type\n\t\t\t\t\tthis.controller.onFacade.onInput(event, true, this._value);\n\t\t\t\t\t// native number buttons also throw the change event on every click\n\t\t\t\t\tthis.controller.onFacade.onChange(event, this._value);\n\t\t\t\t\tthis.ctaRef.el?.focus();\n\t\t\t\t}}\n\t\t\t\tdisabled={this._disabled || this._readOnly}\n\t\t\t>\n\t\t\t\t<IconFC icons=\"kolicon-minus\" label=\"\" />\n\t\t\t</button>\n\t\t);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolFormFieldStateWrapperFc {...this.getFormFieldProps()}>\n\t\t\t\t<KolInputContainerFc state={this.state} startAdornment={this.getStepDownButton()} endAdornment={this.getStepUpButton()}>\n\t\t\t\t\t<KolInputStateWrapperFc {...this.getInputProps()} />\n\t\t\t\t</KolInputContainerFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputNumberController;\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * References an external element by ID that provides accessible details for this input.\n\t * Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary.\n\t * Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\n\t * Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).\n\t */\n\t@Prop() public _ariaDetails?: AriaDetailsPropType;\n\n\t/**\n\t * Defines whether the input can be auto-completed.\n\t */\n\t@Prop() public _autoComplete?: AutoCompletePropType = 'off';\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideMsg?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the maximum value of the element.\n\t */\n\t@Prop() public _max?: number | NumberString;\n\n\t/**\n\t * Defines the smallest possible input value.\n\t */\n\t@Prop() public _min?: number | NumberString;\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/**\n\t * Defines the placeholder for input field. To be shown when there's no value.\n\t */\n\t@Prop() public _placeholder?: string;\n\n\t/**\n\t * Makes the input element read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _readOnly?: boolean = false;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<InternalButtonProps>;\n\n\t/**\n\t * Suggestions to provide for the input.\n\t */\n\t@Prop() public _suggestions?: SuggestionsPropType;\n\n\t/**\n\t * Defines the step size for value changes.\n\t */\n\t@Prop() public _step?: number | NumberString;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: number | NumberString | null;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType;\n\n\t@State() public state: InputNumberStates = {\n\t\t_hasValue: false,\n\t\t_hideMsg: false,\n\t\t_id: createUniqueId('input-number'),\n\t\t_label: '', // ⚠ required\n\t\t_suggestions: [],\n\t};\n\t@State() private _initialValueType: 'number' | 'NumberString' | 'null' = 'null';\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new InputNumberController(this, 'number', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_ariaDetails')\n\tpublic validateAriaDetails(value?: AriaDetailsPropType): void {\n\t\tthis.controller.validateAriaDetails(value);\n\t}\n\n\t@Watch('_autoComplete')\n\tpublic validateAutoComplete(value?: AutoCompletePropType): void {\n\t\tthis.controller.validateAutoComplete(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideMsg')\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tthis.controller.validateHideMsg(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: HintPropType): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_max')\n\tpublic validateMax(value?: number | NumberString): void {\n\t\tthis.controller.validateMax(value);\n\t}\n\n\t@Watch('_min')\n\tpublic validateMin(value?: number | NumberString): void {\n\t\tthis.controller.validateMin(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_placeholder')\n\tpublic validatePlaceholder(value?: PlaceholderPropType): void {\n\t\tthis.controller.validatePlaceholder(value);\n\t}\n\n\t@Watch('_readOnly')\n\tpublic validateReadOnly(value?: ReadOnlyPropType): void {\n\t\tthis.controller.validateReadOnly(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: RequiredPropType): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_smartButton')\n\tpublic validateSmartButton(value?: InternalButtonProps | string): void {\n\t\tthis.controller.validateSmartButton(value);\n\t}\n\n\t@Watch('_suggestions')\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tthis.controller.validateSuggestions(value);\n\t}\n\n\t@Watch('_step')\n\tpublic validateStep(value?: number | NumberString): void {\n\t\tthis.controller.validateStep(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: number | NumberString | null): void {\n\t\tthis.controller.validateValue(value);\n\t\tif (value !== undefined && value !== null) {\n\t\t\t// Don't switch type when value was reset to null\n\t\t\tthis.setInitialValueType(value);\n\t\t}\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: VariantClassNamePropType): void {\n\t\tthis.controller.validateVariant(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tif (this._value !== undefined) {\n\t\t\tthis.setInitialValueType(this._value);\n\t\t}\n\t\tthis._touched = this._touched === true;\n\t\tthis.validateAriaDetails(this._ariaDetails);\n\t\tthis.controller.componentWillLoad();\n\n\t\tthis.state._hasValue = !!this.state._value;\n\t\tthis.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n\t}\n}\n"]}
+{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../src/components/input-number/shadow.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JSX, VNode } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport clsx from '../../utils/clsx';\n\nimport type {\n\tAriaDetailsPropType,\n\tAutoCompletePropType,\n\tClickableElement,\n\tDisabledPropType,\n\tFocusableElement,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIconsHorizontalPropType,\n\tInputNumberAPI,\n\tInputNumberStates,\n\tInputTypeOnDefault,\n\tInternalButtonProps,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tNumberString,\n\tPlaceholderPropType,\n\tReadOnlyPropType,\n\tRequiredPropType,\n\tShortKeyPropType,\n\tStringified,\n\tSuggestionsPropType,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\n\nimport { getFeatureFlag } from 'adopted-style-sheets';\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper';\nimport KolInputContainerFc from '../../functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper';\nimport KolInputStateWrapperFc, { type InputStateWrapperProps } from '../../functional-component-wrappers/InputStateWrapper/InputStateWrapper';\nimport { IconFC } from '../../internal/functional-components/icon/component';\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { createCtaRef, delegateClick, delegateFocus } from '../../utils/element-interaction';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { InputNumberController } from './controller';\n\n/**\n * The **Number** input type creates an input field for numeric values. Use the `_min`, `_max`, and `_step` properties to restrict the accepted value range.\n *\n * @slot - The label of the input field.\n */\n@Component({\n\ttag: 'kol-input-number',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolInputNumber implements ClickableElement, FocusableElement, InputNumberAPI {\n\t@Element() protected readonly host?: HTMLKolInputNumberElement;\n\tprotected readonly ctaRef = createCtaRef<HTMLInputElement>();\n\n\t/**\n\t * Returns the current value.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<number | NumberString | null> {\n\t\treturn this.remapValue(this.state._value);\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\tprivate setInitialValueType(value?: number | NumberString | null) {\n\t\tif (this.controller.isNumberString(value)) {\n\t\t\tthis._initialValueType = 'NumberString';\n\t\t} else if (typeof value === 'number' && !isNaN(value)) {\n\t\t\tthis._initialValueType = 'number';\n\t\t} else {\n\t\t\tthis._initialValueType = 'null';\n\t\t}\n\t}\n\n\t/**\n\t * Map the value to the initial format. E.g., if the user provided a string initially, return a string.\n\t * @param value\n\t * @private\n\t */\n\tprivate remapValue(value?: number | null): number | NumberString | null {\n\t\tif (value === undefined || value === null) {\n\t\t\treturn null;\n\t\t} else if (this._initialValueType === 'NumberString') {\n\t\t\treturn String(value) as NumberString;\n\t\t}\n\t\treturn value;\n\t}\n\n\tprivate readonly onInput = (event: InputEvent) => {\n\t\tconst newValue = this.ctaRef.el?.value;\n\t\tthis._value = this.remapValue(newValue === '' ? null : Number(newValue));\n\t\tthis.controller.onFacade.onInput(event, true, this._value);\n\t};\n\n\tprivate readonly onChange = (event: Event) => {\n\t\tconst newValue = this.ctaRef.el?.value;\n\t\tconst mappedValue = this.remapValue(newValue === '' ? null : Number(newValue));\n\t\tthis.controller.onFacade.onChange(event, mappedValue);\n\t};\n\n\tprivate readonly onKeyDown = (event: KeyboardEvent) => {\n\t\tthis.controller.onFacade.onKeyDown(event);\n\n\t\tif (event.code === 'Enter' || event.code === 'NumpadEnter') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ctaRef.el,\n\t\t\t});\n\t\t}\n\t};\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tclass: clsx('kol-input-number', 'number', {\n\t\t\t\t'has-value': this.state._hasValue,\n\t\t\t}),\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\talert: this.showAsAlert(),\n\t\t};\n\t}\n\n\tprivate getInputProps(): InputStateWrapperProps {\n\t\treturn {\n\t\t\tref: this.ctaRef,\n\t\t\tstate: this.state,\n\t\t\ttype: 'number',\n\t\t\t...this.controller.onFacade,\n\t\t\tonInput: this.onInput,\n\t\t\tonChange: this.onChange,\n\t\t\tonKeyDown: this.onKeyDown,\n\t\t\tonFocus: (event: FocusEvent) => {\n\t\t\t\tconst prevFocusElem = event.relatedTarget as HTMLElement;\n\t\t\t\tconst isStepButton = prevFocusElem?.classList.contains('kol-input-number__step-button');\n\t\t\t\tif (!isStepButton) {\n\t\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\t\tthis.inputHasFocus = true;\n\t\t\t\t}\n\t\t\t},\n\t\t\tonBlur: (event: FocusEvent) => {\n\t\t\t\tconst nextFocusElem = event.relatedTarget as HTMLElement;\n\t\t\t\tconst isStepButton = nextFocusElem?.classList.contains('kol-input-number__step-button');\n\t\t\t\tif (!isStepButton) {\n\t\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\t\tthis.inputHasFocus = false;\n\t\t\t\t}\n\t\t\t},\n\t\t};\n\t}\n\n\tprivate getStepUpButton(): VNode | null {\n\t\tif (this._disabled || this._readOnly || getFeatureFlag('inputNumberButtons', this.host) === 'hide') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\ttabIndex={-1}\n\t\t\t\tclass=\"kol-input-number__step-button kol-input-number__step-button-up kol-input-container__smart-button\"\n\t\t\t\tdata-testid=\"kol-input-number-step-up\"\n\t\t\t\tonClick={(event: MouseEvent): void => {\n\t\t\t\t\tthis.ctaRef.el?.stepUp();\n\t\t\t\t\t// Manually trigger onInput since stepUp() doesn't fire input events\n\t\t\t\t\tconst newValue = this.ctaRef.el?.value;\n\t\t\t\t\tthis._value = this.remapValue(newValue === '' ? null : Number(newValue));\n\t\t\t\t\t// Pass MouseEvent as Event - onInput handler accepts generic Event type\n\t\t\t\t\tthis.controller.onFacade.onInput(event, true, this._value);\n\t\t\t\t\t// native number buttons also throw the change event on every click\n\t\t\t\t\tthis.controller.onFacade.onChange(event, this._value);\n\t\t\t\t\tthis.ctaRef.el?.focus();\n\t\t\t\t}}\n\t\t\t\tdisabled={this._disabled || this._readOnly}\n\t\t\t>\n\t\t\t\t<IconFC icons=\"kolicon-plus\" label=\"\" />\n\t\t\t</button>\n\t\t);\n\t}\n\n\tprivate getStepDownButton(): VNode | null {\n\t\tif (this._disabled || this._readOnly || getFeatureFlag('inputNumberButtons', this.host) === 'hide') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\ttabIndex={-1}\n\t\t\t\tclass=\"kol-input-number__step-button kol-input-number__step-button-down kol-input-container__smart-button\"\n\t\t\t\tdata-testid=\"kol-input-number-step-down\"\n\t\t\t\tonClick={(event: MouseEvent): void => {\n\t\t\t\t\tthis.ctaRef.el?.stepDown();\n\t\t\t\t\t// Manually trigger onInput since stepDown() doesn't fire input events\n\t\t\t\t\tconst newValue = this.ctaRef.el?.value;\n\t\t\t\t\tthis._value = this.remapValue(newValue === '' ? null : Number(newValue));\n\t\t\t\t\t// Pass MouseEvent as Event - onInput handler accepts generic Event type\n\t\t\t\t\tthis.controller.onFacade.onInput(event, true, this._value);\n\t\t\t\t\t// native number buttons also throw the change event on every click\n\t\t\t\t\tthis.controller.onFacade.onChange(event, this._value);\n\t\t\t\t\tthis.ctaRef.el?.focus();\n\t\t\t\t}}\n\t\t\t\tdisabled={this._disabled || this._readOnly}\n\t\t\t>\n\t\t\t\t<IconFC icons=\"kolicon-minus\" label=\"\" />\n\t\t\t</button>\n\t\t);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolFormFieldStateWrapperFc {...this.getFormFieldProps()}>\n\t\t\t\t<KolInputContainerFc state={this.state} startAdornment={this.getStepDownButton()} endAdornment={this.getStepUpButton()}>\n\t\t\t\t\t<KolInputStateWrapperFc {...this.getInputProps()} />\n\t\t\t\t</KolInputContainerFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputNumberController;\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * References an external element by ID that provides accessible details for this input.\n\t * Uses ElementInternals.ariaDetailsElements to cross the Shadow DOM boundary.\n\t * Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\n\t * Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS).\n\t */\n\t@Prop() public _ariaDetails?: AriaDetailsPropType;\n\n\t/**\n\t * Defines whether the input can be auto-completed.\n\t */\n\t@Prop() public _autoComplete?: AutoCompletePropType = 'off';\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideMsg?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the maximum value of the element.\n\t */\n\t@Prop() public _max?: number | NumberString;\n\n\t/**\n\t * Defines the smallest possible input value.\n\t */\n\t@Prop() public _min?: number | NumberString;\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/**\n\t * Defines the placeholder for input field. To be shown when there's no value.\n\t */\n\t@Prop() public _placeholder?: string;\n\n\t/**\n\t * Makes the input element read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _readOnly?: boolean = false;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<InternalButtonProps>;\n\n\t/**\n\t * Suggestions to provide for the input.\n\t */\n\t@Prop() public _suggestions?: SuggestionsPropType;\n\n\t/**\n\t * Defines the step size for value changes.\n\t */\n\t@Prop() public _step?: number | NumberString;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: number | NumberString | null;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType;\n\n\t@State() public state: InputNumberStates = {\n\t\t_hasValue: false,\n\t\t_hideMsg: false,\n\t\t_id: createUniqueId('input-number'),\n\t\t_label: '', // ⚠ required\n\t\t_suggestions: [],\n\t};\n\t@State() private _initialValueType: 'number' | 'NumberString' | 'null' = 'null';\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new InputNumberController(this, 'number', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_ariaDetails')\n\tpublic validateAriaDetails(value?: AriaDetailsPropType): void {\n\t\tthis.controller.validateAriaDetails(value);\n\t}\n\n\t@Watch('_autoComplete')\n\tpublic validateAutoComplete(value?: AutoCompletePropType): void {\n\t\tthis.controller.validateAutoComplete(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideMsg')\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tthis.controller.validateHideMsg(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: HintPropType): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_max')\n\tpublic validateMax(value?: number | NumberString): void {\n\t\tthis.controller.validateMax(value);\n\t}\n\n\t@Watch('_min')\n\tpublic validateMin(value?: number | NumberString): void {\n\t\tthis.controller.validateMin(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_placeholder')\n\tpublic validatePlaceholder(value?: PlaceholderPropType): void {\n\t\tthis.controller.validatePlaceholder(value);\n\t}\n\n\t@Watch('_readOnly')\n\tpublic validateReadOnly(value?: ReadOnlyPropType): void {\n\t\tthis.controller.validateReadOnly(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: RequiredPropType): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_smartButton')\n\tpublic validateSmartButton(value?: InternalButtonProps | string): void {\n\t\tthis.controller.validateSmartButton(value);\n\t}\n\n\t@Watch('_suggestions')\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tthis.controller.validateSuggestions(value);\n\t}\n\n\t@Watch('_step')\n\tpublic validateStep(value?: number | NumberString): void {\n\t\tthis.controller.validateStep(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: number | NumberString | null): void {\n\t\tthis.controller.validateValue(value);\n\t\tif (value !== undefined && value !== null) {\n\t\t\t// Don't switch type when value was reset to null\n\t\t\tthis.setInitialValueType(value);\n\t\t}\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: VariantClassNamePropType): void {\n\t\tthis.controller.validateVariant(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tif (this._value !== undefined) {\n\t\t\tthis.setInitialValueType(this._value);\n\t\t}\n\t\tthis._touched = this._touched === true;\n\t\tthis.validateAriaDetails(this._ariaDetails);\n\t\tthis.controller.componentWillLoad();\n\n\t\tthis.state._hasValue = !!this.state._value;\n\t\tthis.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n\t}\n}\n"]}

package/dist/collection/components/input-number/style.css

@@ -212,8 +212,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-password/style.css

@@ -212,8 +212,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {