@public-ui/components 4.5.0-rc.6 → 4.5.0-rc.8

package/dist/cjs/{toggle-handler-kOflG5om.js → toggle-handler-CENFGRWT.js}

@@ -9,12 +9,12 @@ var baseWebComponent = require('./base-web-component-DK5Y-vq5.js');
 var disabled = require('./disabled-B8tOrtj_.js');
 var label = require('./label-DVnpZWVb.js');
 var open = require('./open-XeILuCji.js');
-var index = require('./index-BnEus4Y9.js');
-var Heading = require('./Heading-Bck3PFpH.js');
+var index = require('./index-RAfZF5x0.js');
+var Heading = require('./Heading-yiwXjRrz.js');
 var clsx = require('./clsx-Bm_HQUnh.js');
 var elementInteraction = require('./element-interaction-7FI_z19L.js');
 var blockBem = require('./block-bem-D7PDS6kC.js');
-var component = require('./component-o3s7XplI.js');
+var component = require('./component-Dd-PS3jp.js');
 var events = require('./events-PISRnO5c.js');
 
 const collapsibleCallbacksProp = baseWebComponent.createCallbacksPropDefinition();
@@ -104,6 +104,6 @@ exports.collapsibleCallbacksProp = collapsibleCallbacksProp;
 exports.collapsiblePropsConfig = collapsiblePropsConfig;
 exports.createCollapsibleOpenAnimation = createCollapsibleOpenAnimation;
 exports.createCollapsibleToggleHandler = createCollapsibleToggleHandler;
-//# sourceMappingURL=toggle-handler-kOflG5om.js.map
+//# sourceMappingURL=toggle-handler-CENFGRWT.js.map
 
-//# sourceMappingURL=toggle-handler-kOflG5om.js.map
+//# sourceMappingURL=toggle-handler-CENFGRWT.js.map

package/dist/cjs/{toggle-handler-kOflG5om.js.map → toggle-handler-CENFGRWT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toggle-handler-kOflG5om.js","sources":["src/internal/props/collapsible-callbacks.ts","src/internal/functional-components/collapsible/api.tsx","src/internal/functional-components/collapsible/component.tsx","src/internal/functional-components/collapsible/open-animation.ts","src/internal/functional-components/collapsible/toggle-handler.ts"],"sourcesContent":["import type { CollapsibleCallbacksPropType } from '../../schema';\nimport type { SimpleProp } from './helpers/factory';\nimport { createCallbacksPropDefinition } from './helpers/factory';\n\nexport type CollapsibleCallbacksProp = SimpleProp<'on', CollapsibleCallbacksPropType<boolean>>;\n\n/**\n * Callbacks prop shared by `kol-accordion` and `kol-details` — both expose the same\n * `onClick`/`onToggle` pair on their heading toggle button.\n */\nexport const collapsibleCallbacksProp = createCallbacksPropDefinition<CollapsibleCallbacksPropType<boolean>>();\n","import type { IconsPropType, KolFocusOptions } from '../../../schema';\nimport { collapsibleCallbacksProp, disabledProp, labelProp, levelProp, openProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\n/**\n * Props configuration shared by the collapsible components (`kol-accordion`, `kol-details`).\n *\n * `label` is the only required prop. All others are optional.\n *\n * Notes on prop choices:\n * - `labelProp` (not `labelWithExpertSlotProp`): the label labels the toggle button and has no\n *   expert slot. It keeps the shared 2–80 character validation and accessibility hints.\n * - `openProp`: the toggle state. The public `_open` prop stays mutable and reflected on the web\n *   component; the render prop mirrors it for the functional component.\n */\nexport const collapsiblePropsConfig = {\n\toptional: [collapsibleCallbacksProp, disabledProp, levelProp, openProp],\n\trequired: [labelProp],\n} as const satisfies PropsConfigShape;\n\nexport type CollapsibleApi = ApiFromConfig<\n\ttypeof collapsiblePropsConfig,\n\t{\n\t\tCallbacks: {\n\t\t\t/**\n\t\t\t * Click handler bound to the `<summary>` element. Implemented by the web component,\n\t\t\t * which suppresses the user agent's own toggle (so the collapse can be animated), flips\n\t\t\t * the mutable `_open` prop and — delayed so the reflected attribute is already updated —\n\t\t\t * dispatches the custom `KolEvent.click`/`KolEvent.toggle` events on the host element\n\t\t\t * and invokes the consumer's `onClick`/`onToggle` callbacks.\n\t\t\t */\n\t\t\ttoggle: (event: MouseEvent) => void;\n\t\t};\n\t\tMethods: {\n\t\t\tclick: () => void;\n\t\t\tfocus: (options?: KolFocusOptions) => void;\n\t\t};\n\t\tRefs: {\n\t\t\t/** The `<summary>` element — the disclosure control `focus()` and `click()` delegate to. */\n\t\t\theadingButton: HTMLElement;\n\t\t};\n\t\tStates: {\n\t\t\t/**\n\t\t\t * DOM id of the collapsible content region, referenced by the summary's aria-controls\n\t\t\t * attribute. Derived once per web component instance.\n\t\t\t */\n\t\t\tcontrolId: string;\n\t\t\t/**\n\t\t\t * Whether the `open` attribute is set on `<details>`. Tracks {@link expanded}, except\n\t\t\t * while collapsing: the attribute has to outlive the class so the user agent keeps the\n\t\t\t * content rendered until the grid transition has finished.\n\t\t\t */\n\t\t\tdetailsOpen: boolean;\n\t\t\t/**\n\t\t\t * Whether the collapsible is visually expanded — drives the `--open` block modifier\n\t\t\t * and therefore the transition. Set one frame after {@link detailsOpen} when opening,\n\t\t\t * so the transition has a from-state to start from.\n\t\t\t */\n\t\t\texpanded: boolean;\n\t\t\t/**\n\t\t\t * DOM id of the heading toggle button, referenced by the content region's\n\t\t\t * aria-labelledby attribute. Derived once per web component instance.\n\t\t\t */\n\t\t\theadingId: string;\n\t\t\t/**\n\t\t\t * Duration of the open/close transition in milliseconds, from the theme's\n\t\t\t * `collapsibleTransitionMs` feature flag. Rendered as the CSS custom property\n\t\t\t * `--collapsible-transition-duration` on `<details>` so the stylesheet and the timer\n\t\t\t * that keeps the `open` attribute alive share one value.\n\t\t\t */\n\t\t\ttransitionMs: number;\n\t\t};\n\t}\n>;\n\n/**\n * The BEM blocks that render through `CollapsibleFC`.\n *\n * Both are registered in `schema/bem-registry.ts` with the identical element set\n * (`content`, `heading`, `wrapper`, `wrapper-animation`) and modifier set (`disabled`, `open`),\n * which is what lets one functional component serve both: `keyof` over the union of their maps is\n * still exactly those names.\n */\nexport type CollapsibleBlock = 'kol-accordion' | 'kol-details';\n\n/**\n * The per-component differences of the otherwise identical collapsible markup.\n *\n * These are neither public props nor component state, so they stay out of {@link CollapsibleApi}\n * and are passed as plain arguments by the rendering web component — the same way\n * `BemRootNodeFC` and `AriaDescriptionSpanFC` take their own local prop types.\n */\nexport type CollapsibleVariant = {\n\t/** BEM block of the rendering component. */\n\tblock: CollapsibleBlock;\n\t/**\n\t * Icon of the toggle control (`<summary>`). `kol-accordion` swaps it with the open state,\n\t * `kol-details` keeps one icon and rotates it via CSS.\n\t */\n\ticons: IconsPropType;\n\t/** Additional class on the content region — `kol-details` adds `indented-text`. */\n\tcontentClass?: string;\n};\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport KolHeadingFc from '../../../functional-components/Heading/Heading';\nimport clsx from '../../../utils/clsx';\nimport { preventFocus } from '../../../utils/element-interaction';\nimport { getBlockBem } from '../bem-root-node/block-bem';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { SpanFC } from '../span/component';\nimport type { CollapsibleApi, CollapsibleVariant } from './api';\n\n/**\n * Renders a collapsible — `kol-accordion` and `kol-details` — on the native `<details>`/`<summary>`\n * elements.\n *\n * `<summary>` is the disclosure control: one tab stop, keyboard handling and the expanded state\n * come from the user agent. It has to be the first child of `<details>`, so the heading sits inside\n * the control; label and icon render through `SpanFC`.\n *\n * `level` is forwarded as `level ?? 0` because `KolHeadingFc` falls back to level 1 on `undefined`,\n * while the collapsible's own `_level` default is 0 — the bold `<strong>` rendering.\n *\n * `open` on `<details>` and the `--open` modifier are driven separately: the attribute has to be set\n * before the modifier flips so the grid transition has a from-state, and it has to outlive the\n * modifier on close so the collapse is visible. The web component owns that sequencing; the FC only\n * renders what it is told.\n */\nexport const CollapsibleFC: FC<FunctionalComponentProps<CollapsibleApi> & CollapsibleVariant> = (\n\t{ block, contentClass, controlId, detailsOpen, disabled, expanded, handleToggle, headingId, icons, label, level, refHeadingButton, transitionMs },\n\tchildren,\n) => {\n\tconst blockBem = getBlockBem(block);\n\n\treturn (\n\t\t<details\n\t\t\tclass={blockBem({\n\t\t\t\tdisabled: disabled === true,\n\t\t\t\topen: expanded === true,\n\t\t\t})}\n\t\t\topen={detailsOpen === true}\n\t\t\tstyle={{ '--collapsible-transition-duration': `${transitionMs}ms` }}\n\t\t>\n\t\t\t<summary\n\t\t\t\taria-controls={controlId}\n\t\t\t\taria-disabled={disabled === true ? 'true' : undefined}\n\t\t\t\tclass={blockBem('heading')}\n\t\t\t\tid={headingId}\n\t\t\t\tonClick={handleToggle}\n\t\t\t\tonMouseDown={disabled === true ? preventFocus : undefined}\n\t\t\t\tref={refHeadingButton}\n\t\t\t\ttabIndex={disabled === true ? -1 : undefined}\n\t\t\t>\n\t\t\t\t<KolHeadingFc level={level ?? 0}>\n\t\t\t\t\t<SpanFC icons={icons} label={label} />\n\t\t\t\t</KolHeadingFc>\n\t\t\t</summary>\n\t\t\t<div class={blockBem('wrapper')}>\n\t\t\t\t<div class={blockBem('wrapper-animation')}>\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-hidden={expanded === false ? 'true' : undefined}\n\t\t\t\t\t\taria-labelledby={headingId}\n\t\t\t\t\t\tclass={clsx(blockBem('content'), contentClass)}\n\t\t\t\t\t\tid={controlId}\n\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</details>\n\t);\n};\n","/**\n * Fallback duration of the open/close transition when the theme declares no\n * `collapsibleTransitionMs` feature flag. Mirrors the default of\n * `--collapsible-transition-duration` in `components/@shared/_collapsible.mixin.scss`.\n */\nexport const DEFAULT_COLLAPSIBLE_TRANSITION_MS = 300;\n\n/** Runs `callback` on the next frame; falls back to a macrotask where `requestAnimationFrame` is unavailable (SSR). */\nfunction onNextFrame(callback: () => void): () => void {\n\tif (typeof requestAnimationFrame === 'function') {\n\t\tconst handle = requestAnimationFrame(callback);\n\t\treturn () => cancelAnimationFrame(handle);\n\t}\n\tconst handle = setTimeout(callback, 0);\n\treturn () => clearTimeout(handle);\n}\n\nexport type CollapsibleOpenAnimationContext = {\n\t/** Duration of the CSS transition; the `open` attribute is kept on `<details>` until it has elapsed. */\n\tgetTransitionMs: () => number;\n\t/** Sets the `open` attribute on `<details>`. */\n\tsetDetailsOpen: (value: boolean) => void;\n\t/** Sets the `--open` block modifier, which drives the transition. */\n\tsetExpanded: (value: boolean) => void;\n};\n\nexport type CollapsibleOpenAnimation = {\n\t/**\n\t * Applies an open state to the two rendered flags.\n\t *\n\t * With `animate`, opening sets the `open` attribute first and the modifier one frame later — the\n\t * content is `display:none` while `<details>` is closed, so without that gap the transition has\n\t * no from-state and the panel snaps open. Collapsing does the reverse: the modifier goes first\n\t * and the attribute is removed once the transition has run.\n\t */\n\tsyncOpen: (open: boolean, animate: boolean) => void;\n\t/** Cancels pending frames and timers. Call from `disconnectedCallback`. */\n\tdispose: () => void;\n};\n\nexport function createCollapsibleOpenAnimation({ getTransitionMs, setDetailsOpen, setExpanded }: CollapsibleOpenAnimationContext): CollapsibleOpenAnimation {\n\tlet cancelPendingFrame: (() => void) | undefined;\n\tlet collapseTimeout: ReturnType<typeof setTimeout> | undefined;\n\n\tconst clearPending = (): void => {\n\t\tcancelPendingFrame?.();\n\t\tcancelPendingFrame = undefined;\n\t\tclearTimeout(collapseTimeout);\n\t\tcollapseTimeout = undefined;\n\t};\n\n\treturn {\n\t\tsyncOpen(open, animate) {\n\t\t\tclearPending();\n\n\t\t\tif (open) {\n\t\t\t\tsetDetailsOpen(true);\n\t\t\t\tif (animate) {\n\t\t\t\t\tcancelPendingFrame = onNextFrame(() => setExpanded(true));\n\t\t\t\t} else {\n\t\t\t\t\tsetExpanded(true);\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetExpanded(false);\n\t\t\tif (animate) {\n\t\t\t\tcollapseTimeout = setTimeout(() => setDetailsOpen(false), getTransitionMs());\n\t\t\t} else {\n\t\t\t\tsetDetailsOpen(false);\n\t\t\t}\n\t\t},\n\t\tdispose: clearPending,\n\t};\n}\n","import type { CollapsibleCallbacksPropType } from '../../../schema';\nimport { dispatchDomEvent, KolEvent } from '../../../utils/events';\n\n/**\n * Delay between flipping `_open` and announcing the new state.\n *\n * `_open` is declared `@Prop({ mutable: true, reflect: true })`, and Stencil writes the reflected\n * attribute asynchronously. Announcing synchronously would let a consumer callback read a stale\n * `_open` attribute off the host, so the announcement is deferred by one macrotask window.\n */\nconst ANNOUNCE_DELAY_MS = 25;\n\nexport type CollapsibleToggleContext = {\n\t/** The host element the DOM events are dispatched on. */\n\tgetHost: () => HTMLElement | undefined;\n\t/** The normalized `_on` render prop. Read at announce time so late assignments are picked up. */\n\tgetOn: () => CollapsibleCallbacksPropType<boolean>;\n\t/** Whether the collapsible currently refuses interaction. */\n\tisDisabled: () => boolean;\n\t/** The current normalized open state. */\n\tisOpen: () => boolean;\n\t/** Writes the component's mutable `_open` prop, which its watcher turns into rendered state. */\n\tsetOpen: (open: boolean) => void;\n};\n\n/**\n * Builds the `<summary>` click handler shared by `kol-accordion` and `kol-details`.\n *\n * The user agent's own toggle is suppressed: it flips `open` synchronously, which skips the\n * collapse transition and races the component's controlled state. Everything else follows the\n * native element — `<summary>` is still the focusable control, and Enter/Space arrive here as\n * clicks, so keyboard operation needs no extra handling.\n *\n * The new state is captured synchronously, before the deferred announcement, so two quick toggles\n * report their own value rather than the same final one twice.\n */\nexport function createCollapsibleToggleHandler({ getHost, getOn, isDisabled, isOpen, setOpen }: CollapsibleToggleContext): (event: MouseEvent) => void {\n\treturn (event: MouseEvent): void => {\n\t\tevent.preventDefault();\n\n\t\tif (isDisabled()) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst open = !isOpen();\n\t\tsetOpen(open);\n\n\t\tsetTimeout(() => {\n\t\t\tconst host = getHost();\n\t\t\tif (host) {\n\t\t\t\tdispatchDomEvent(host, KolEvent.click, open);\n\t\t\t\tdispatchDomEvent(host, KolEvent.toggle, open);\n\t\t\t}\n\n\t\t\tconst on = getOn();\n\t\t\ton.onClick?.(event, open);\n\t\t\ton.onToggle?.(event, open);\n\t\t}, ANNOUNCE_DELAY_MS);\n\t};\n}\n"],"names":["createCallbacksPropDefinition","disabledProp","levelProp","openProp","labelProp","blockBem","getBlockBem","h","preventFocus","KolHeadingFc","SpanFC","clsx","dispatchDomEvent","KolEvent"],"mappings":"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"}
+{"version":3,"file":"toggle-handler-CENFGRWT.js","sources":["src/internal/props/collapsible-callbacks.ts","src/internal/functional-components/collapsible/api.tsx","src/internal/functional-components/collapsible/component.tsx","src/internal/functional-components/collapsible/open-animation.ts","src/internal/functional-components/collapsible/toggle-handler.ts"],"sourcesContent":["import type { CollapsibleCallbacksPropType } from '../../schema';\nimport type { SimpleProp } from './helpers/factory';\nimport { createCallbacksPropDefinition } from './helpers/factory';\n\nexport type CollapsibleCallbacksProp = SimpleProp<'on', CollapsibleCallbacksPropType<boolean>>;\n\n/**\n * Callbacks prop shared by `kol-accordion` and `kol-details` — both expose the same\n * `onClick`/`onToggle` pair on their heading toggle button.\n */\nexport const collapsibleCallbacksProp = createCallbacksPropDefinition<CollapsibleCallbacksPropType<boolean>>();\n","import type { IconsPropType, KolFocusOptions } from '../../../schema';\nimport { collapsibleCallbacksProp, disabledProp, labelProp, levelProp, openProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\n/**\n * Props configuration shared by the collapsible components (`kol-accordion`, `kol-details`).\n *\n * `label` is the only required prop. All others are optional.\n *\n * Notes on prop choices:\n * - `labelProp` (not `labelWithExpertSlotProp`): the label labels the toggle button and has no\n *   expert slot. It keeps the shared 2–80 character validation and accessibility hints.\n * - `openProp`: the toggle state. The public `_open` prop stays mutable and reflected on the web\n *   component; the render prop mirrors it for the functional component.\n */\nexport const collapsiblePropsConfig = {\n\toptional: [collapsibleCallbacksProp, disabledProp, levelProp, openProp],\n\trequired: [labelProp],\n} as const satisfies PropsConfigShape;\n\nexport type CollapsibleApi = ApiFromConfig<\n\ttypeof collapsiblePropsConfig,\n\t{\n\t\tCallbacks: {\n\t\t\t/**\n\t\t\t * Click handler bound to the `<summary>` element. Implemented by the web component,\n\t\t\t * which suppresses the user agent's own toggle (so the collapse can be animated), flips\n\t\t\t * the mutable `_open` prop and — delayed so the reflected attribute is already updated —\n\t\t\t * dispatches the custom `KolEvent.click`/`KolEvent.toggle` events on the host element\n\t\t\t * and invokes the consumer's `onClick`/`onToggle` callbacks.\n\t\t\t */\n\t\t\ttoggle: (event: MouseEvent) => void;\n\t\t};\n\t\tMethods: {\n\t\t\tclick: () => void;\n\t\t\tfocus: (options?: KolFocusOptions) => void;\n\t\t};\n\t\tRefs: {\n\t\t\t/** The `<summary>` element — the disclosure control `focus()` and `click()` delegate to. */\n\t\t\theadingButton: HTMLElement;\n\t\t};\n\t\tStates: {\n\t\t\t/**\n\t\t\t * DOM id of the collapsible content region, referenced by the summary's aria-controls\n\t\t\t * attribute. Derived once per web component instance.\n\t\t\t */\n\t\t\tcontrolId: string;\n\t\t\t/**\n\t\t\t * Whether the `open` attribute is set on `<details>`. Tracks {@link expanded}, except\n\t\t\t * while collapsing: the attribute has to outlive the class so the user agent keeps the\n\t\t\t * content rendered until the grid transition has finished.\n\t\t\t */\n\t\t\tdetailsOpen: boolean;\n\t\t\t/**\n\t\t\t * Whether the collapsible is visually expanded — drives the `--open` block modifier\n\t\t\t * and therefore the transition. Set one frame after {@link detailsOpen} when opening,\n\t\t\t * so the transition has a from-state to start from.\n\t\t\t */\n\t\t\texpanded: boolean;\n\t\t\t/**\n\t\t\t * DOM id of the heading toggle button, referenced by the content region's\n\t\t\t * aria-labelledby attribute. Derived once per web component instance.\n\t\t\t */\n\t\t\theadingId: string;\n\t\t\t/**\n\t\t\t * Duration of the open/close transition in milliseconds, from the theme's\n\t\t\t * `collapsibleTransitionMs` feature flag. Rendered as the CSS custom property\n\t\t\t * `--collapsible-transition-duration` on `<details>` so the stylesheet and the timer\n\t\t\t * that keeps the `open` attribute alive share one value.\n\t\t\t */\n\t\t\ttransitionMs: number;\n\t\t};\n\t}\n>;\n\n/**\n * The BEM blocks that render through `CollapsibleFC`.\n *\n * Both are registered in `schema/bem-registry.ts` with the identical element set\n * (`content`, `heading`, `wrapper`, `wrapper-animation`) and modifier set (`disabled`, `open`),\n * which is what lets one functional component serve both: `keyof` over the union of their maps is\n * still exactly those names.\n */\nexport type CollapsibleBlock = 'kol-accordion' | 'kol-details';\n\n/**\n * The per-component differences of the otherwise identical collapsible markup.\n *\n * These are neither public props nor component state, so they stay out of {@link CollapsibleApi}\n * and are passed as plain arguments by the rendering web component — the same way\n * `BemRootNodeFC` and `AriaDescriptionSpanFC` take their own local prop types.\n */\nexport type CollapsibleVariant = {\n\t/** BEM block of the rendering component. */\n\tblock: CollapsibleBlock;\n\t/**\n\t * Icon of the toggle control (`<summary>`). `kol-accordion` swaps it with the open state,\n\t * `kol-details` keeps one icon and rotates it via CSS.\n\t */\n\ticons: IconsPropType;\n\t/** Additional class on the content region — `kol-details` adds `indented-text`. */\n\tcontentClass?: string;\n};\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport KolHeadingFc from '../../../functional-components/Heading/Heading';\nimport clsx from '../../../utils/clsx';\nimport { preventFocus } from '../../../utils/element-interaction';\nimport { getBlockBem } from '../bem-root-node/block-bem';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { SpanFC } from '../span/component';\nimport type { CollapsibleApi, CollapsibleVariant } from './api';\n\n/**\n * Renders a collapsible — `kol-accordion` and `kol-details` — on the native `<details>`/`<summary>`\n * elements.\n *\n * `<summary>` is the disclosure control: one tab stop, keyboard handling and the expanded state\n * come from the user agent. It has to be the first child of `<details>`, so the heading sits inside\n * the control; label and icon render through `SpanFC`.\n *\n * `level` is forwarded as `level ?? 0` because `KolHeadingFc` falls back to level 1 on `undefined`,\n * while the collapsible's own `_level` default is 0 — the bold `<strong>` rendering.\n *\n * `open` on `<details>` and the `--open` modifier are driven separately: the attribute has to be set\n * before the modifier flips so the grid transition has a from-state, and it has to outlive the\n * modifier on close so the collapse is visible. The web component owns that sequencing; the FC only\n * renders what it is told.\n */\nexport const CollapsibleFC: FC<FunctionalComponentProps<CollapsibleApi> & CollapsibleVariant> = (\n\t{ block, contentClass, controlId, detailsOpen, disabled, expanded, handleToggle, headingId, icons, label, level, refHeadingButton, transitionMs },\n\tchildren,\n) => {\n\tconst blockBem = getBlockBem(block);\n\n\treturn (\n\t\t<details\n\t\t\tclass={blockBem({\n\t\t\t\tdisabled: disabled === true,\n\t\t\t\topen: expanded === true,\n\t\t\t})}\n\t\t\topen={detailsOpen === true}\n\t\t\tstyle={{ '--collapsible-transition-duration': `${transitionMs}ms` }}\n\t\t>\n\t\t\t<summary\n\t\t\t\taria-controls={controlId}\n\t\t\t\taria-disabled={disabled === true ? 'true' : undefined}\n\t\t\t\tclass={blockBem('heading')}\n\t\t\t\tid={headingId}\n\t\t\t\tonClick={handleToggle}\n\t\t\t\tonMouseDown={disabled === true ? preventFocus : undefined}\n\t\t\t\tref={refHeadingButton}\n\t\t\t\ttabIndex={disabled === true ? -1 : undefined}\n\t\t\t>\n\t\t\t\t<KolHeadingFc level={level ?? 0}>\n\t\t\t\t\t<SpanFC icons={icons} label={label} />\n\t\t\t\t</KolHeadingFc>\n\t\t\t</summary>\n\t\t\t<div class={blockBem('wrapper')}>\n\t\t\t\t<div class={blockBem('wrapper-animation')}>\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-hidden={expanded === false ? 'true' : undefined}\n\t\t\t\t\t\taria-labelledby={headingId}\n\t\t\t\t\t\tclass={clsx(blockBem('content'), contentClass)}\n\t\t\t\t\t\tid={controlId}\n\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</details>\n\t);\n};\n","/**\n * Fallback duration of the open/close transition when the theme declares no\n * `collapsibleTransitionMs` feature flag. Mirrors the default of\n * `--collapsible-transition-duration` in `components/@shared/_collapsible.mixin.scss`.\n */\nexport const DEFAULT_COLLAPSIBLE_TRANSITION_MS = 300;\n\n/** Runs `callback` on the next frame; falls back to a macrotask where `requestAnimationFrame` is unavailable (SSR). */\nfunction onNextFrame(callback: () => void): () => void {\n\tif (typeof requestAnimationFrame === 'function') {\n\t\tconst handle = requestAnimationFrame(callback);\n\t\treturn () => cancelAnimationFrame(handle);\n\t}\n\tconst handle = setTimeout(callback, 0);\n\treturn () => clearTimeout(handle);\n}\n\nexport type CollapsibleOpenAnimationContext = {\n\t/** Duration of the CSS transition; the `open` attribute is kept on `<details>` until it has elapsed. */\n\tgetTransitionMs: () => number;\n\t/** Sets the `open` attribute on `<details>`. */\n\tsetDetailsOpen: (value: boolean) => void;\n\t/** Sets the `--open` block modifier, which drives the transition. */\n\tsetExpanded: (value: boolean) => void;\n};\n\nexport type CollapsibleOpenAnimation = {\n\t/**\n\t * Applies an open state to the two rendered flags.\n\t *\n\t * With `animate`, opening sets the `open` attribute first and the modifier one frame later — the\n\t * content is `display:none` while `<details>` is closed, so without that gap the transition has\n\t * no from-state and the panel snaps open. Collapsing does the reverse: the modifier goes first\n\t * and the attribute is removed once the transition has run.\n\t */\n\tsyncOpen: (open: boolean, animate: boolean) => void;\n\t/** Cancels pending frames and timers. Call from `disconnectedCallback`. */\n\tdispose: () => void;\n};\n\nexport function createCollapsibleOpenAnimation({ getTransitionMs, setDetailsOpen, setExpanded }: CollapsibleOpenAnimationContext): CollapsibleOpenAnimation {\n\tlet cancelPendingFrame: (() => void) | undefined;\n\tlet collapseTimeout: ReturnType<typeof setTimeout> | undefined;\n\n\tconst clearPending = (): void => {\n\t\tcancelPendingFrame?.();\n\t\tcancelPendingFrame = undefined;\n\t\tclearTimeout(collapseTimeout);\n\t\tcollapseTimeout = undefined;\n\t};\n\n\treturn {\n\t\tsyncOpen(open, animate) {\n\t\t\tclearPending();\n\n\t\t\tif (open) {\n\t\t\t\tsetDetailsOpen(true);\n\t\t\t\tif (animate) {\n\t\t\t\t\tcancelPendingFrame = onNextFrame(() => setExpanded(true));\n\t\t\t\t} else {\n\t\t\t\t\tsetExpanded(true);\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetExpanded(false);\n\t\t\tif (animate) {\n\t\t\t\tcollapseTimeout = setTimeout(() => setDetailsOpen(false), getTransitionMs());\n\t\t\t} else {\n\t\t\t\tsetDetailsOpen(false);\n\t\t\t}\n\t\t},\n\t\tdispose: clearPending,\n\t};\n}\n","import type { CollapsibleCallbacksPropType } from '../../../schema';\nimport { dispatchDomEvent, KolEvent } from '../../../utils/events';\n\n/**\n * Delay between flipping `_open` and announcing the new state.\n *\n * `_open` is declared `@Prop({ mutable: true, reflect: true })`, and Stencil writes the reflected\n * attribute asynchronously. Announcing synchronously would let a consumer callback read a stale\n * `_open` attribute off the host, so the announcement is deferred by one macrotask window.\n */\nconst ANNOUNCE_DELAY_MS = 25;\n\nexport type CollapsibleToggleContext = {\n\t/** The host element the DOM events are dispatched on. */\n\tgetHost: () => HTMLElement | undefined;\n\t/** The normalized `_on` render prop. Read at announce time so late assignments are picked up. */\n\tgetOn: () => CollapsibleCallbacksPropType<boolean>;\n\t/** Whether the collapsible currently refuses interaction. */\n\tisDisabled: () => boolean;\n\t/** The current normalized open state. */\n\tisOpen: () => boolean;\n\t/** Writes the component's mutable `_open` prop, which its watcher turns into rendered state. */\n\tsetOpen: (open: boolean) => void;\n};\n\n/**\n * Builds the `<summary>` click handler shared by `kol-accordion` and `kol-details`.\n *\n * The user agent's own toggle is suppressed: it flips `open` synchronously, which skips the\n * collapse transition and races the component's controlled state. Everything else follows the\n * native element — `<summary>` is still the focusable control, and Enter/Space arrive here as\n * clicks, so keyboard operation needs no extra handling.\n *\n * The new state is captured synchronously, before the deferred announcement, so two quick toggles\n * report their own value rather than the same final one twice.\n */\nexport function createCollapsibleToggleHandler({ getHost, getOn, isDisabled, isOpen, setOpen }: CollapsibleToggleContext): (event: MouseEvent) => void {\n\treturn (event: MouseEvent): void => {\n\t\tevent.preventDefault();\n\n\t\tif (isDisabled()) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst open = !isOpen();\n\t\tsetOpen(open);\n\n\t\tsetTimeout(() => {\n\t\t\tconst host = getHost();\n\t\t\tif (host) {\n\t\t\t\tdispatchDomEvent(host, KolEvent.click, open);\n\t\t\t\tdispatchDomEvent(host, KolEvent.toggle, open);\n\t\t\t}\n\n\t\t\tconst on = getOn();\n\t\t\ton.onClick?.(event, open);\n\t\t\ton.onToggle?.(event, open);\n\t\t}, ANNOUNCE_DELAY_MS);\n\t};\n}\n"],"names":["createCallbacksPropDefinition","disabledProp","levelProp","openProp","labelProp","blockBem","getBlockBem","h","preventFocus","KolHeadingFc","SpanFC","clsx","dispatchDomEvent","KolEvent"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -288,8 +288,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791360508850"); /* IE9*/
-  src: url("kolicons.eot?t=1791360508850#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791360508850") format("woff2"), url("kolicons.woff?t=1791360508850") format("woff"), url("kolicons.ttf?t=1791360508850") format("truetype"), url("kolicons.svg?t=1791360508850#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
+  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#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=1791360508850"); /* IE9*/
-  src: url("kolicons.eot?t=1791360508850#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791360508850") format("woff2"), url("kolicons.woff?t=1791360508850") format("woff"), url("kolicons.ttf?t=1791360508850") format("truetype"), url("kolicons.svg?t=1791360508850#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
+  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/collection/components/input-password/component.js

@@ -159,7 +159,7 @@ export class KolInputPassword extends BaseTextInputWebComponent {
         this.watchTooltipAlign(this._tooltipAlign);
         this.watchVariant(this._variant);
         this.watchIcons(this._icons);
-        this.applyAutoComplete(this._autoComplete);
+        this.watchAutoComplete(this._autoComplete);
         this.watchHasCounter(this._hasCounter);
         this.watchMaxLengthBehavior(this._maxLengthBehavior);
         this.initMaxLength(this._maxLength);
@@ -199,7 +199,7 @@ export class KolInputPassword extends BaseTextInputWebComponent {
     }
     render() {
         const { startAdornment, endAdornment } = this.getTextInputAdornments(this.getVisibilityToggle());
-        return (h(Host, { key: '57f0bca5289aca2d1d22a0946c9d97ea54bbfe22' }, h(FormFieldFC, Object.assign({ key: '7c4f619e346cdac0c05c1feacff1040c525bd06a' }, this.getTextFormFieldProps('kol-input-password password')), h(InputContainerFC, { key: '6d75d02b4383a8aa24313f62c460cb2f75e1fbad', disabled: this.getRenderProp('disabled'), msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), startAdornment: startAdornment, endAdornment: endAdornment }, h(InputFC, Object.assign({ key: '4344a4a532afe64c4a9f523a4441820c7d5853fb' }, this.getTextInputProps({}, { type: this.getRenderProp('visibilityToggle') && this.passwordVisible ? 'text' : 'password' })))))));
+        return (h(Host, { key: '5f2990720fc1b301e3098a40371f8254977f9127' }, h(FormFieldFC, Object.assign({ key: '447c26b98a951438051637ccb7ec23d4d5ec727a' }, this.getTextFormFieldProps('kol-input-password password')), h(InputContainerFC, { key: '8daae2d01f57ff9ae9385877c9ff24b7e4a0da17', disabled: this.getRenderProp('disabled'), msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), startAdornment: startAdornment, endAdornment: endAdornment }, h(InputFC, Object.assign({ key: '6340cc5f5568d8d68dfc296af4f3c38843c78b4f' }, this.getTextInputProps({}, { type: this.getRenderProp('visibilityToggle') && this.passwordVisible ? 'text' : 'password' })))))));
     }
     static get is() { return "kol-input-password"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/input-password/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/input-password/component.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JSX, VNode } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tAriaDetailsPropType,\n\tAutoCompletePropType,\n\tClickableElement,\n\tFocusableElement,\n\tFormFieldLabelInfoPopoverProps,\n\tIconsHorizontalPropType,\n\tInputPasswordProps,\n\tInputTypeOnDefault,\n\tInternalButtonProps,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tMaxLengthBehaviorPropType,\n\tMsgPropType,\n\tNamePropType,\n\tShortKeyPropType,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n\tVisibilityTogglePropType,\n} from '../../schema';\nimport { devHint } from '../../schema';\n\nimport { translate } from '../../i18n';\nimport { ButtonFC } from '../../internal/functional-components/button/component';\nimport { createButtonItem } from '../../internal/functional-components/button/item';\nimport { FormFieldFC } from '../../internal/functional-components/form-field/component';\nimport { InputFC } from '../../internal/functional-components/form-field/input';\nimport { InputContainerFC } from '../../internal/functional-components/form-field/input-container';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { InputPasswordApi } from '../../internal/functional-components/input-password/api';\nimport { inputPasswordPropsConfig } from '../../internal/functional-components/input-password/api';\nimport { BaseTextInputWebComponent } from '../../internal/functional-components/text-input/base-web-component';\nimport { visibilityToggleProp } from '../../internal/props';\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { delegateClick, delegateFocus } from '../../utils/element-interaction';\n\n/**\n * The **Password** input type creates an input field for passwords. The input is masked with dot symbols.\n *\n * @slot - The label of the input field.\n * @slot expert - Custom label content, e.g. for rich text or icons. https://public-ui.github.io/docs/concepts/expert-slot\n */\n@Component({\n\ttag: 'kol-input-password',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolInputPassword\n\textends BaseTextInputWebComponent<InputPasswordApi>\n\timplements ClickableElement, FocusableElement, InputPasswordProps, WebComponentInterface<InputPasswordApi>\n{\n\t@Element() protected readonly host?: HTMLKolInputPasswordElement;\n\n\t@State() public id = createUniqueId('input-password');\n\n\t/** Whether the info popover of the label is open. */\n\t@State() public infoPopoverOpen = false;\n\n\t@State() public inputHasFocus = false;\n\n\t@State() public passwordVisible = false;\n\n\tprivate readonly visibilityToggle = createButtonItem(() => this.host);\n\n\tprivate readonly translateHidePassword = translate('kol-hide-password');\n\n\tprivate readonly translateShowPassword = translate('kol-show-password');\n\n\tpublic constructor() {\n\t\tsuper();\n\t\tthis.initFormAssociation('password', this._name);\n\t}\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@Watch('_accessKey')\n\tpublic watchAccessKey(value?: string): void {\n\t\tthis.applyAccessKey(value);\n\t}\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@Watch('_ariaDetails')\n\tpublic watchAriaDetails(value?: AriaDetailsPropType): void {\n\t\tthis.applyAriaDetails(value);\n\t}\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@Watch('_autoComplete')\n\tpublic watchAutoComplete(value?: AutoCompletePropType): void {\n\t\tthis.applyAutoComplete(value);\n\t\tif (value === 'on') {\n\t\t\tdevHint(`[KolInputPassword] The 'autocomplete' option should not be set to \"on\" for a password input field`);\n\t\t}\n\t}\n\n\t/**\n\t * Shows a character counter for the input element.\n\t */\n\t@Prop() public _hasCounter?: boolean = false;\n\n\t@Watch('_hasCounter')\n\tpublic watchHasCounter(value?: boolean): void {\n\t\tthis.applyHasCounter(value);\n\t}\n\n\t/**\n\t * Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.\n\t */\n\t@Prop() public _maxLengthBehavior?: MaxLengthBehaviorPropType = 'hard';\n\n\t@Watch('_maxLengthBehavior')\n\tpublic watchMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tthis.applyMaxLengthBehavior(value);\n\t}\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@Watch('_disabled')\n\tpublic watchDisabled(value?: boolean): void {\n\t\tthis.applyDisabled(value);\n\t}\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@Watch('_hideMsg')\n\tpublic watchHideMsg(value?: boolean): void {\n\t\tthis.applyHideMsg(value);\n\t}\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@Watch('_hideLabel')\n\tpublic watchHideLabel(value?: boolean): void {\n\t\tthis.applyHideLabel(value);\n\t}\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t@Watch('_hint')\n\tpublic watchHint(value?: string): void {\n\t\tthis.applyHint(value);\n\t}\n\n\t/**\n\t * Defines the icon classnames.\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t@Watch('_icons')\n\tpublic watchIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.applyIcons(value);\n\t}\n\n\t/**\n\t * Defines the informational popover after the label.\n\t */\n\t@Prop() public _infoPopover?: FormFieldLabelInfoPopoverProps;\n\n\t@Watch('_infoPopover')\n\tpublic watchInfoPopover(value?: FormFieldLabelInfoPopoverProps): void {\n\t\tthis.applyInfoPopover(value);\n\t}\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@Watch('_label')\n\tpublic watchLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.applyLabel(value);\n\t}\n\n\t/**\n\t * Defines the maximum number of input characters.\n\t */\n\t@Prop() public _maxLength?: number;\n\n\t@Watch('_maxLength')\n\tpublic watchMaxLength(value?: number): void {\n\t\tthis.applyMaxLength(value);\n\t}\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@Watch('_msg')\n\tpublic watchMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.applyMsg(value);\n\t}\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t@Watch('_name')\n\tpublic watchName(value?: NamePropType): void {\n\t\tthis.applyName(value);\n\t}\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@Watch('_on')\n\tpublic watchOn(value?: InputTypeOnDefault): void {\n\t\tthis.applyOn(value);\n\t}\n\n\t/**\n\t * Defines a validation pattern for the input field.\n\t */\n\t@Prop() public _pattern?: string;\n\n\t@Watch('_pattern')\n\tpublic watchPattern(value?: string): void {\n\t\tthis.applyPattern(value);\n\t}\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@Watch('_placeholder')\n\tpublic watchPlaceholder(value?: string): void {\n\t\tthis.applyPlaceholder(value);\n\t}\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@Watch('_readOnly')\n\tpublic watchReadOnly(value?: boolean): void {\n\t\tthis.applyReadOnly(value);\n\t}\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@Watch('_required')\n\tpublic watchRequired(value?: boolean): void {\n\t\tthis.applyRequired(value);\n\t}\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@Watch('_shortKey')\n\tpublic watchShortKey(value?: ShortKeyPropType): void {\n\t\tthis.applyShortKey(value);\n\t}\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@Watch('_smartButton')\n\tpublic watchSmartButton(value?: Stringified<InternalButtonProps>): void {\n\t\tthis.applySmartButton(value);\n\t}\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@Watch('_syncValueBySelector')\n\tpublic watchSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.applySyncValueBySelector(value);\n\t}\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@Watch('_tooltipAlign')\n\tpublic watchTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tthis.applyTooltipAlign(value);\n\t}\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@Watch('_touched')\n\tpublic watchTouched(value?: boolean): void {\n\t\tthis.applyTouched(value);\n\t}\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: string;\n\n\t@Watch('_value')\n\tpublic watchValue(value?: string): void {\n\t\tthis.applyValue(value);\n\t}\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType;\n\n\t@Watch('_variant')\n\tpublic watchVariant(value?: VariantClassNamePropType): void {\n\t\tthis.applyVariant(value);\n\t}\n\n\t/**\n\t * Activates the show password button\n\t */\n\t@Prop() public _visibilityToggle?: VisibilityTogglePropType = false;\n\n\t@Watch('_visibilityToggle')\n\tpublic watchVisibilityToggle(value?: VisibilityTogglePropType): void {\n\t\tvisibilityToggleProp.apply(value, (v) => this.setRenderProp('visibilityToggle', v));\n\t}\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<string | undefined> {\n\t\treturn this.ctaRef.el?.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\tpublic componentWillLoad(): void {\n\t\tthis.initRenderProps(inputPasswordPropsConfig);\n\t\tthis.unsetRenderProp('smartButton');\n\t\tthis._touched = this._touched === true;\n\t\tthis.watchAriaDetails(this._ariaDetails);\n\t\tthis.watchName(this._name);\n\t\tthis.watchSyncValueBySelector(this._syncValueBySelector);\n\t\tthis.watchTouched(this._touched);\n\t\tthis.watchAccessKey(this._accessKey);\n\t\tthis.watchMsg(this._msg);\n\t\tthis.watchDisabled(this._disabled);\n\t\tthis.watchHideMsg(this._hideMsg);\n\t\tthis.watchHideLabel(this._hideLabel);\n\t\tthis.watchHint(this._hint);\n\t\tthis.watchInfoPopover(this._infoPopover);\n\t\tthis.watchLabel(this._label);\n\t\tthis.watchShortKey(this._shortKey);\n\t\tthis.watchSmartButton(this._smartButton);\n\t\tthis.watchOn(this._on);\n\t\tthis.watchTooltipAlign(this._tooltipAlign);\n\t\tthis.watchVariant(this._variant);\n\t\tthis.watchIcons(this._icons);\n\t\t// Unlike the watcher, loading gives no hint for `'on'` (#11054).\n\t\tthis.applyAutoComplete(this._autoComplete);\n\t\tthis.watchHasCounter(this._hasCounter);\n\t\tthis.watchMaxLengthBehavior(this._maxLengthBehavior);\n\t\tthis.initMaxLength(this._maxLength);\n\t\tthis.watchPattern(this._pattern);\n\t\tthis.watchPlaceholder(this._placeholder);\n\t\tthis.watchReadOnly(this._readOnly);\n\t\tthis.watchRequired(this._required);\n\t\tthis.watchVisibilityToggle(this._visibilityToggle);\n\t\tthis.initValue(this._value);\n\t\tthis.initHasValue();\n\t}\n\n\tpublic componentDidLoad(): void {\n\t\tthis.didLoadTextInput();\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tthis.syncFormField();\n\t\tthis.visibilityToggle.syncListeners();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.visibilityToggle.destroy();\n\t\tthis.destroyTextInput();\n\t}\n\n\tprivate readonly handleVisibilityToggle = (): void => {\n\t\tthis.passwordVisible = !this.passwordVisible;\n\t\tthis.ctaRef.el?.focus();\n\t};\n\n\tprivate getVisibilityToggle(): JSX.Element | null {\n\t\tif (!this.getRenderProp('visibilityToggle')) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<ButtonFC\n\t\t\t\t{...this.visibilityToggle.getFcProps(\n\t\t\t\t\t{\n\t\t\t\t\t\t_label: this.passwordVisible ? this.translateHidePassword : this.translateShowPassword,\n\t\t\t\t\t\t_icons: this.passwordVisible ? 'kolicon-eye-closed' : 'kolicon-eye',\n\t\t\t\t\t\t_hideLabel: true,\n\t\t\t\t\t\t_disabled: this._disabled,\n\t\t\t\t\t\t_on: { onClick: this.handleVisibilityToggle },\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tclass: 'kol-input-password__password-toggle-button kol-input-container__smart-button',\n\t\t\t\t\t\t'data-testid': 'kol-input-password-toggle-button',\n\t\t\t\t\t},\n\t\t\t\t)}\n\t\t\t/>\n\t\t);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst { startAdornment, endAdornment } = this.getTextInputAdornments(this.getVisibilityToggle() as VNode | null);\n\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<FormFieldFC {...this.getTextFormFieldProps('kol-input-password password')}>\n\t\t\t\t\t<InputContainerFC\n\t\t\t\t\t\tdisabled={this.getRenderProp('disabled')}\n\t\t\t\t\t\tmsg={this.getRenderProp('msg')}\n\t\t\t\t\t\ttouched={this.getRenderProp('touched')}\n\t\t\t\t\t\tstartAdornment={startAdornment}\n\t\t\t\t\t\tendAdornment={endAdornment}\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputFC {...this.getTextInputProps({}, { type: this.getRenderProp('visibilityToggle') && this.passwordVisible ? 'text' : 'password' })} />\n\t\t\t\t\t</InputContainerFC>\n\t\t\t\t</FormFieldFC>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/input-password/component.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JSX, VNode } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tAriaDetailsPropType,\n\tAutoCompletePropType,\n\tClickableElement,\n\tFocusableElement,\n\tFormFieldLabelInfoPopoverProps,\n\tIconsHorizontalPropType,\n\tInputPasswordProps,\n\tInputTypeOnDefault,\n\tInternalButtonProps,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tMaxLengthBehaviorPropType,\n\tMsgPropType,\n\tNamePropType,\n\tShortKeyPropType,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n\tVisibilityTogglePropType,\n} from '../../schema';\nimport { devHint } from '../../schema';\n\nimport { translate } from '../../i18n';\nimport { ButtonFC } from '../../internal/functional-components/button/component';\nimport { createButtonItem } from '../../internal/functional-components/button/item';\nimport { FormFieldFC } from '../../internal/functional-components/form-field/component';\nimport { InputFC } from '../../internal/functional-components/form-field/input';\nimport { InputContainerFC } from '../../internal/functional-components/form-field/input-container';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { InputPasswordApi } from '../../internal/functional-components/input-password/api';\nimport { inputPasswordPropsConfig } from '../../internal/functional-components/input-password/api';\nimport { BaseTextInputWebComponent } from '../../internal/functional-components/text-input/base-web-component';\nimport { visibilityToggleProp } from '../../internal/props';\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { delegateClick, delegateFocus } from '../../utils/element-interaction';\n\n/**\n * The **Password** input type creates an input field for passwords. The input is masked with dot symbols.\n *\n * @slot - The label of the input field.\n * @slot expert - Custom label content, e.g. for rich text or icons. https://public-ui.github.io/docs/concepts/expert-slot\n */\n@Component({\n\ttag: 'kol-input-password',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolInputPassword\n\textends BaseTextInputWebComponent<InputPasswordApi>\n\timplements ClickableElement, FocusableElement, InputPasswordProps, WebComponentInterface<InputPasswordApi>\n{\n\t@Element() protected readonly host?: HTMLKolInputPasswordElement;\n\n\t@State() public id = createUniqueId('input-password');\n\n\t/** Whether the info popover of the label is open. */\n\t@State() public infoPopoverOpen = false;\n\n\t@State() public inputHasFocus = false;\n\n\t@State() public passwordVisible = false;\n\n\tprivate readonly visibilityToggle = createButtonItem(() => this.host);\n\n\tprivate readonly translateHidePassword = translate('kol-hide-password');\n\n\tprivate readonly translateShowPassword = translate('kol-show-password');\n\n\tpublic constructor() {\n\t\tsuper();\n\t\tthis.initFormAssociation('password', this._name);\n\t}\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@Watch('_accessKey')\n\tpublic watchAccessKey(value?: string): void {\n\t\tthis.applyAccessKey(value);\n\t}\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@Watch('_ariaDetails')\n\tpublic watchAriaDetails(value?: AriaDetailsPropType): void {\n\t\tthis.applyAriaDetails(value);\n\t}\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@Watch('_autoComplete')\n\tpublic watchAutoComplete(value?: AutoCompletePropType): void {\n\t\tthis.applyAutoComplete(value);\n\t\tif (value === 'on') {\n\t\t\tdevHint(`[KolInputPassword] The 'autocomplete' option should not be set to \"on\" for a password input field`);\n\t\t}\n\t}\n\n\t/**\n\t * Shows a character counter for the input element.\n\t */\n\t@Prop() public _hasCounter?: boolean = false;\n\n\t@Watch('_hasCounter')\n\tpublic watchHasCounter(value?: boolean): void {\n\t\tthis.applyHasCounter(value);\n\t}\n\n\t/**\n\t * Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.\n\t */\n\t@Prop() public _maxLengthBehavior?: MaxLengthBehaviorPropType = 'hard';\n\n\t@Watch('_maxLengthBehavior')\n\tpublic watchMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tthis.applyMaxLengthBehavior(value);\n\t}\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@Watch('_disabled')\n\tpublic watchDisabled(value?: boolean): void {\n\t\tthis.applyDisabled(value);\n\t}\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@Watch('_hideMsg')\n\tpublic watchHideMsg(value?: boolean): void {\n\t\tthis.applyHideMsg(value);\n\t}\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@Watch('_hideLabel')\n\tpublic watchHideLabel(value?: boolean): void {\n\t\tthis.applyHideLabel(value);\n\t}\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t@Watch('_hint')\n\tpublic watchHint(value?: string): void {\n\t\tthis.applyHint(value);\n\t}\n\n\t/**\n\t * Defines the icon classnames.\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t@Watch('_icons')\n\tpublic watchIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.applyIcons(value);\n\t}\n\n\t/**\n\t * Defines the informational popover after the label.\n\t */\n\t@Prop() public _infoPopover?: FormFieldLabelInfoPopoverProps;\n\n\t@Watch('_infoPopover')\n\tpublic watchInfoPopover(value?: FormFieldLabelInfoPopoverProps): void {\n\t\tthis.applyInfoPopover(value);\n\t}\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@Watch('_label')\n\tpublic watchLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.applyLabel(value);\n\t}\n\n\t/**\n\t * Defines the maximum number of input characters.\n\t */\n\t@Prop() public _maxLength?: number;\n\n\t@Watch('_maxLength')\n\tpublic watchMaxLength(value?: number): void {\n\t\tthis.applyMaxLength(value);\n\t}\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@Watch('_msg')\n\tpublic watchMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.applyMsg(value);\n\t}\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t@Watch('_name')\n\tpublic watchName(value?: NamePropType): void {\n\t\tthis.applyName(value);\n\t}\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@Watch('_on')\n\tpublic watchOn(value?: InputTypeOnDefault): void {\n\t\tthis.applyOn(value);\n\t}\n\n\t/**\n\t * Defines a validation pattern for the input field.\n\t */\n\t@Prop() public _pattern?: string;\n\n\t@Watch('_pattern')\n\tpublic watchPattern(value?: string): void {\n\t\tthis.applyPattern(value);\n\t}\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@Watch('_placeholder')\n\tpublic watchPlaceholder(value?: string): void {\n\t\tthis.applyPlaceholder(value);\n\t}\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@Watch('_readOnly')\n\tpublic watchReadOnly(value?: boolean): void {\n\t\tthis.applyReadOnly(value);\n\t}\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@Watch('_required')\n\tpublic watchRequired(value?: boolean): void {\n\t\tthis.applyRequired(value);\n\t}\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@Watch('_shortKey')\n\tpublic watchShortKey(value?: ShortKeyPropType): void {\n\t\tthis.applyShortKey(value);\n\t}\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@Watch('_smartButton')\n\tpublic watchSmartButton(value?: Stringified<InternalButtonProps>): void {\n\t\tthis.applySmartButton(value);\n\t}\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@Watch('_syncValueBySelector')\n\tpublic watchSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.applySyncValueBySelector(value);\n\t}\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@Watch('_tooltipAlign')\n\tpublic watchTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tthis.applyTooltipAlign(value);\n\t}\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@Watch('_touched')\n\tpublic watchTouched(value?: boolean): void {\n\t\tthis.applyTouched(value);\n\t}\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: string;\n\n\t@Watch('_value')\n\tpublic watchValue(value?: string): void {\n\t\tthis.applyValue(value);\n\t}\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType;\n\n\t@Watch('_variant')\n\tpublic watchVariant(value?: VariantClassNamePropType): void {\n\t\tthis.applyVariant(value);\n\t}\n\n\t/**\n\t * Activates the show password button\n\t */\n\t@Prop() public _visibilityToggle?: VisibilityTogglePropType = false;\n\n\t@Watch('_visibilityToggle')\n\tpublic watchVisibilityToggle(value?: VisibilityTogglePropType): void {\n\t\tvisibilityToggleProp.apply(value, (v) => this.setRenderProp('visibilityToggle', v));\n\t}\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<string | undefined> {\n\t\treturn this.ctaRef.el?.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\tpublic componentWillLoad(): void {\n\t\tthis.initRenderProps(inputPasswordPropsConfig);\n\t\tthis.unsetRenderProp('smartButton');\n\t\tthis._touched = this._touched === true;\n\t\tthis.watchAriaDetails(this._ariaDetails);\n\t\tthis.watchName(this._name);\n\t\tthis.watchSyncValueBySelector(this._syncValueBySelector);\n\t\tthis.watchTouched(this._touched);\n\t\tthis.watchAccessKey(this._accessKey);\n\t\tthis.watchMsg(this._msg);\n\t\tthis.watchDisabled(this._disabled);\n\t\tthis.watchHideMsg(this._hideMsg);\n\t\tthis.watchHideLabel(this._hideLabel);\n\t\tthis.watchHint(this._hint);\n\t\tthis.watchInfoPopover(this._infoPopover);\n\t\tthis.watchLabel(this._label);\n\t\tthis.watchShortKey(this._shortKey);\n\t\tthis.watchSmartButton(this._smartButton);\n\t\tthis.watchOn(this._on);\n\t\tthis.watchTooltipAlign(this._tooltipAlign);\n\t\tthis.watchVariant(this._variant);\n\t\tthis.watchIcons(this._icons);\n\t\tthis.watchAutoComplete(this._autoComplete);\n\t\tthis.watchHasCounter(this._hasCounter);\n\t\tthis.watchMaxLengthBehavior(this._maxLengthBehavior);\n\t\tthis.initMaxLength(this._maxLength);\n\t\tthis.watchPattern(this._pattern);\n\t\tthis.watchPlaceholder(this._placeholder);\n\t\tthis.watchReadOnly(this._readOnly);\n\t\tthis.watchRequired(this._required);\n\t\tthis.watchVisibilityToggle(this._visibilityToggle);\n\t\tthis.initValue(this._value);\n\t\tthis.initHasValue();\n\t}\n\n\tpublic componentDidLoad(): void {\n\t\tthis.didLoadTextInput();\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tthis.syncFormField();\n\t\tthis.visibilityToggle.syncListeners();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.visibilityToggle.destroy();\n\t\tthis.destroyTextInput();\n\t}\n\n\tprivate readonly handleVisibilityToggle = (): void => {\n\t\tthis.passwordVisible = !this.passwordVisible;\n\t\tthis.ctaRef.el?.focus();\n\t};\n\n\tprivate getVisibilityToggle(): JSX.Element | null {\n\t\tif (!this.getRenderProp('visibilityToggle')) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<ButtonFC\n\t\t\t\t{...this.visibilityToggle.getFcProps(\n\t\t\t\t\t{\n\t\t\t\t\t\t_label: this.passwordVisible ? this.translateHidePassword : this.translateShowPassword,\n\t\t\t\t\t\t_icons: this.passwordVisible ? 'kolicon-eye-closed' : 'kolicon-eye',\n\t\t\t\t\t\t_hideLabel: true,\n\t\t\t\t\t\t_disabled: this._disabled,\n\t\t\t\t\t\t_on: { onClick: this.handleVisibilityToggle },\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tclass: 'kol-input-password__password-toggle-button kol-input-container__smart-button',\n\t\t\t\t\t\t'data-testid': 'kol-input-password-toggle-button',\n\t\t\t\t\t},\n\t\t\t\t)}\n\t\t\t/>\n\t\t);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst { startAdornment, endAdornment } = this.getTextInputAdornments(this.getVisibilityToggle() as VNode | null);\n\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<FormFieldFC {...this.getTextFormFieldProps('kol-input-password password')}>\n\t\t\t\t\t<InputContainerFC\n\t\t\t\t\t\tdisabled={this.getRenderProp('disabled')}\n\t\t\t\t\t\tmsg={this.getRenderProp('msg')}\n\t\t\t\t\t\ttouched={this.getRenderProp('touched')}\n\t\t\t\t\t\tstartAdornment={startAdornment}\n\t\t\t\t\t\tendAdornment={endAdornment}\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputFC {...this.getTextInputProps({}, { type: this.getRenderProp('visibilityToggle') && this.passwordVisible ? 'text' : 'password' })} />\n\t\t\t\t\t</InputContainerFC>\n\t\t\t\t</FormFieldFC>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

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

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

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

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

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

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

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

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

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

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

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

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