@public-ui/components 4.5.0-rc.4 → 4.5.0-rc.5

package/dist/kolibri/{toggle-handler-BIUmTJk5.js → toggle-handler-D5L4pnQ5.js}

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import"./common-DuSFcfNN.js";import{l as e}from"./level-Dxf7dLiz.js";import{a as n}from"./base-web-component-DK8TT74a.js";import{d as t}from"./disabled-Ch6DBLjt.js";import{l as s}from"./label-D2KAEhQi.js";import{o}from"./open-BiWbL5xg.js";import{h as i}from"./index-BtYjJomD.js";import{K as a}from"./Heading-D2EH5Vz9.js";import{c as r}from"./clsx-COFh-Vc8.js";import{p as l}from"./element-interaction-Cy9tx3Sx.js";import{g as d}from"./block-bem-BWLThqqc.js";import{S as m}from"./component-DbsunX7x.js";import{d as u,K as c}from"./events-CRHxtwup.js";const f=n();const p={optional:[f,t,e,o],required:[s]};const b=({block:e,contentClass:n,controlId:t,detailsOpen:s,disabled:o,expanded:u,handleToggle:c,headingId:f,icons:p,label:b,level:j,refHeadingButton:v,transitionMs:g},x)=>{const D=d(e);return i("details",{class:D({disabled:o===true,open:u===true}),open:s===true,style:{"--collapsible-transition-duration":`${g}ms`}},i("summary",{"aria-controls":t,"aria-disabled":o===true?"true":undefined,class:D("heading"),id:f,onClick:c,onMouseDown:o===true?l:undefined,ref:v,tabIndex:o===true?-1:undefined},i(a,{level:j!==null&&j!==void 0?j:0},i(m,{icons:p,label:b}))),i("div",{class:D("wrapper")},i("div",{class:D("wrapper-animation")},i("div",{"aria-hidden":u===false?"true":undefined,"aria-labelledby":f,class:r(D("content"),n),id:t,role:"region"},x))))};const j=300;function v(e){if(typeof requestAnimationFrame==="function"){const n=requestAnimationFrame(e);return()=>cancelAnimationFrame(n)}const n=setTimeout(e,0);return()=>clearTimeout(n)}function g({getTransitionMs:e,setDetailsOpen:n,setExpanded:t}){let s;let o;const i=()=>{s===null||s===void 0?void 0:s();s=undefined;clearTimeout(o);o=undefined};return{syncOpen(a,r){i();if(a){n(true);if(r){s=v((()=>t(true)))}else{t(true)}return}t(false);if(r){o=setTimeout((()=>n(false)),e())}else{n(false)}},dispose:i}}const x=25;function D({getHost:e,getOn:n,isDisabled:t,isOpen:s,setOpen:o}){return i=>{i.preventDefault();if(t()){return}const a=!s();o(a);setTimeout((()=>{var t,s;const o=e();if(o){u(o,c.click,a);u(o,c.toggle,a)}const r=n();(t=r.onClick)===null||t===void 0?void 0:t.call(r,i,a);(s=r.onToggle)===null||s===void 0?void 0:s.call(r,i,a)}),x)}}export{b as C,j as D,D as a,p as b,g as c,f as d};
-//# sourceMappingURL=toggle-handler-BIUmTJk5.js.map
+import"./common-DuSFcfNN.js";import{l as e}from"./level-Dxf7dLiz.js";import{a as n}from"./base-web-component-DK8TT74a.js";import{d as t}from"./disabled-Ch6DBLjt.js";import{l as s}from"./label-D2KAEhQi.js";import{o}from"./open-BiWbL5xg.js";import{h as i}from"./index-CyLMYdnq.js";import{K as a}from"./Heading-DAPZwXCt.js";import{c as r}from"./clsx-COFh-Vc8.js";import{p as l}from"./element-interaction-Cy9tx3Sx.js";import{g as d}from"./block-bem-BWLThqqc.js";import{S as c}from"./component-D_xOkOl6.js";import{d as m,K as u}from"./events-CRHxtwup.js";const f=n();const p={optional:[f,t,e,o],required:[s]};const b=({block:e,contentClass:n,controlId:t,detailsOpen:s,disabled:o,expanded:m,handleToggle:u,headingId:f,icons:p,label:b,level:v,refHeadingButton:j,transitionMs:g},x)=>{const D=d(e);return i("details",{class:D({disabled:o===true,open:m===true}),open:s===true,style:{"--collapsible-transition-duration":`${g}ms`}},i("summary",{"aria-controls":t,"aria-disabled":o===true?"true":undefined,class:D("heading"),id:f,onClick:u,onMouseDown:o===true?l:undefined,ref:j,tabIndex:o===true?-1:undefined},i(a,{level:v!==null&&v!==void 0?v:0},i(c,{icons:p,label:b}))),i("div",{class:D("wrapper")},i("div",{class:D("wrapper-animation")},i("div",{"aria-hidden":m===false?"true":undefined,"aria-labelledby":f,class:r(D("content"),n),id:t,role:"region"},x))))};const v=300;function j(e){if(typeof requestAnimationFrame==="function"){const n=requestAnimationFrame(e);return()=>cancelAnimationFrame(n)}const n=setTimeout(e,0);return()=>clearTimeout(n)}function g({getTransitionMs:e,setDetailsOpen:n,setExpanded:t}){let s;let o;const i=()=>{s===null||s===void 0?void 0:s();s=undefined;clearTimeout(o);o=undefined};return{syncOpen(a,r){i();if(a){n(true);if(r){s=j((()=>t(true)))}else{t(true)}return}t(false);if(r){o=setTimeout((()=>n(false)),e())}else{n(false)}},dispose:i}}const x=25;function D({getHost:e,getOn:n,isDisabled:t,isOpen:s,setOpen:o}){return i=>{i.preventDefault();if(t()){return}const a=!s();o(a);setTimeout((()=>{var t,s;const o=e();if(o){m(o,u.click,a);m(o,u.toggle,a)}const r=n();(t=r.onClick)===null||t===void 0?void 0:t.call(r,i,a);(s=r.onToggle)===null||s===void 0?void 0:s.call(r,i,a)}),x)}}export{b as C,v as D,D as a,p as b,g as c,f as d};
+//# sourceMappingURL=toggle-handler-D5L4pnQ5.js.map

package/dist/kolibri/{toggle-handler-BIUmTJk5.js.map → toggle-handler-D5L4pnQ5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toggle-handler-BIUmTJk5.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":[],"mappings":"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"}
+{"version":3,"file":"toggle-handler-D5L4pnQ5.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":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "4.5.0-rc.4",
+  "version": "4.5.0-rc.5",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -122,9 +122,9 @@
     "tslib": "2.8.1",
     "twig": "3.0.0",
     "typescript": "5.9.3",
-    "@public-ui/stylelint-rules": "4.1.2-rc.1",
     "@public-ui/eslint-config": "4.3.0-rc.1",
-    "@public-ui/icons": "0.0.0"
+    "@public-ui/icons": "0.0.0",
+    "@public-ui/stylelint-rules": "4.1.2-rc.1"
   },
   "peerDependencies": {
     "adopted-style-sheets": "1.1.9-rc.25"
@@ -155,7 +155,7 @@
     "prod": "stencil build --prod",
     "test": "pnpm test:unit && pnpm test:e2e",
     "test:e2e": "playwright test",
-    "test:unit": "mkdir -p dist && cross-env NODE_ENV=test stencil test --spec --json --outputFile dist/jest-test-results.json",
+    "test:unit": "node -e \"require('node:fs').mkdirSync('dist', { recursive: true })\" && cross-env NODE_ENV=test stencil test --spec --json --outputFile dist/jest-test-results.json",
     "test:update:unit": "pnpm test:unit -u",
     "test:watch": "cross-env NODE_ENV=test stencil test --spec --watchAll",
     "prebuild:light": "pnpm clear",

package/dist/kolibri/Heading-D2EH5Vz9.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{a as e}from"./tslib.es6-QNbPBOk5.js";import{h as s}from"./index-BtYjJomD.js";import{c as l}from"./clsx-COFh-Vc8.js";const o=1;const a=6;function n(e){return e>=o&&e<=a}function c(e){return n(e)?`h${e}`:"strong"}const r=(a,n)=>{var{class:r,level:t=o}=a,i=e(a,["class","level"]);const d=c(t);return s(d,Object.assign({class:l("kol-headline",`kol-headline--${d}`,r)},i),n)};const t=(o,a)=>{var{class:n}=o,c=e(o,["class"]);return s("p",Object.assign({class:l("kol-headline kol-headline--group kol-headline--secondary",n)},c),a)};const i=(a,n)=>{var{secondaryHeadline:c,level:i=o,class:d,HeadingGroupProps:p={},SecondaryHeadlineProps:u={}}=a,h=e(a,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const j=Object.assign({level:i},h);if(!c){return s(r,Object.assign({class:l(d,"kol-headline--single")},j),n)}const{class:b}=p,g=e(p,["class"]);const k=Object.assign({class:l("kol-heading-group",b)},g);return s("hgroup",Object.assign({},k),s(r,Object.assign({class:l(d,"kol-headline--group","kol-headline--primary")},j),n),s(t,Object.assign({},u),c))};export{i as K,c as g};
-//# sourceMappingURL=Heading-D2EH5Vz9.js.map

package/dist/kolibri/api-CN_pBHgH.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as e}from"./index-BtYjJomD.js";import{t as a}from"./i18n-CEIPukO1.js";import{e as n}from"./common-DuSFcfNN.js";import{A as o,c as s}from"./component-GqGXpjMZ.js";import{b as t}from"./bem-registry-Bma6U-JA.js";import{c as i}from"./clsx-COFh-Vc8.js";import{p as r}from"./element-interaction-Cy9tx3Sx.js";import{B as l}from"./component-B5OmtChm.js";import{I as d}from"./component-BauANlCU.js";import{S as c}from"./component-DbsunX7x.js";import{T as f}from"./component-ArZwqu6c.js";import{a as m,b as p,c as u,f as b,g as k,h as j,s as h,i as g,l as x,d as y,t as C,e as w,v as D}from"./variant-BeDn7Bgo.js";import{c as v,b as B,a as _}from"./base-web-component-DK8TT74a.js";import{d as A}from"./disabled-Ch6DBLjt.js";import{h as O}from"./href-2YrdryZ6.js";import{l as I}from"./label-with-expert-slot-D91L4OW1.js";import{l as L}from"./link-target-BHp6l4YE.js";const T=["date","location","page","step","time","true","false"];function K(e){const a=B(e);return T.includes(a)?a:"page"}const S=v("ariaCurrentValue","page",K);const q=v("ariaOwns","",B);const E=v("download",undefined,B);const F=_();const N=t.forBlock("kol-link");const Y=(t,m)=>{const{accessKey:p,ariaControls:u,ariaCurrent:b,ariaDescription:k,ariaDescriptionId:j,ariaExpanded:h,ariaOwns:g,class:x,customClass:y,disabled:C,download:w,handleAnchorClick:D,hideLabel:v,href:B,icons:_,inline:A,label:O,on:I,ref:L,refAnchor:T,refTooltip:K,role:S,shortKey:q,tabIndex:E,target:F,variant:Y,expertSlot:Z}=t;const $=a("kol-open-link-in-tab");const G=typeof F==="string"&&F.length>0&&F!=="_self";const J={href:typeof B==="string"&&B.length>0?B:"javascript:void(0);",target:typeof F==="string"&&F.length>0?F:undefined,rel:G?"noopener":undefined,download:typeof w==="string"?w:undefined};if(v===true&&!O){n(`[KolLink] An aria-label must be set when _hide-label is set.`)}const M=k===null||k===void 0?void 0:k.trim();const U=S||undefined;return e(l,{block:"kol-link",ref:L,class:i(x,{[y]:Y.includes("custom")&&y.length>0,[s(Y,"link")]:Y.length>0}),modifiers:{disabled:C===true,"external-link":G,"hide-label":v===true,inline:A===true,standalone:A===false}},e("a",Object.assign({ref:T},J,{accessKey:p||undefined,"aria-current":b||undefined,"aria-controls":u||undefined,"aria-describedby":M?j:undefined,"aria-disabled":C?"true":undefined,"aria-expanded":h===""?undefined:h,"aria-owns":g||undefined,"aria-label":v&&typeof O==="string"&&O.trim()!==""?`${O}${G?` (${$})`:""}`:undefined,"aria-keyshortcuts":q||undefined,class:N("interactive-element")},I,{onClick:D,onMouseDown:C?r:undefined,role:U,tabIndex:C?-1:E}),e(c,{class:"kol-link__text",badgeText:p||q,icons:_,hideLabel:v,label:Z?"":O||B},m.length>0?m:e("slot",{name:"expert",slot:"expert"})),G&&e(d,{class:"kol-link__icon",label:v?"":$,icons:"kolicon-link-external","aria-hidden":v})),v===true&&!Z&&e("div",{class:"kol-link__tooltip"},e(f,{badgeText:p||q||"",label:typeof O==="string"?O:typeof B==="string"?B:"",refFloating:K})),M&&e(o,{description:M,descriptionId:j}))};const Z={required:[O],optional:[m,p,S,u,b,q,k,A,E,j,h,g,I,F,x,L,y,C,w,D]};export{Y as L,S as a,F as b,q as c,E as d,Z as l};
-//# sourceMappingURL=api-CN_pBHgH.js.map

package/dist/kolibri/api-DScxu3ou.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{a as e}from"./tslib.es6-QNbPBOk5.js";import{p as t,j as i,D as o}from"./common-DuSFcfNN.js";import{S as s,b as n,s as r}from"./component-DbsunX7x.js";import{a,c as l,n as d}from"./dev.utils-DVPKJwhh.js";import{K as h,d as c}from"./events-CRHxtwup.js";import{F as u,a as p}from"./behavior-ByHH6jIv.js";import{d as f}from"./disabled-Ch6DBLjt.js";import{h as m,e as b}from"./variant-BeDn7Bgo.js";import{c as v,n as g,b as y,a as j,B}from"./base-web-component-DK8TT74a.js";import{l as L}from"./label-with-expert-slot-D91L4OW1.js";import{n as _}from"./name-D4D5UxdN.js";import{c as O}from"./item-Cj7w26xK.js";import{c as D}from"./item-CD8r4zxe.js";import{T as x}from"./behavior-CiPpEcHi.js";import{h as C}from"./index-BtYjJomD.js";import{t as N}from"./i18n-CEIPukO1.js";import{c as T}from"./component-GqGXpjMZ.js";import{b as F}from"./bem-registry-Bma6U-JA.js";import{c as K}from"./clsx-COFh-Vc8.js";import{B as w}from"./component-B5OmtChm.js";import{T as P}from"./component-ArZwqu6c.js";import{P as A}from"./component-CChFD3b2.js";import{A as H}from"./component-DWiKUdpa.js";function k(e,t){return Boolean(e)&&t===true}function I(e){if(typeof e==="string"){try{return t(e)}catch(t){return{_description:e,_type:"error"}}}if(e&&typeof e==="object"&&!("_type"in e)){return Object.assign(Object.assign({},e),{_type:"error"})}return e}function M(e){var t;if(typeof e==="string"){return"error"}return(t=e===null||e===void 0?void 0:e._type)!==null&&t!==void 0?t:"error"}const S=v("hideMsg",false,g);const q=v("hint","",y);function E(e){if(typeof e==="object"&&e!==null){return e}throw new Error(`Invalid info popover: ${typeof e}`)}const $=v("infoPopover",undefined,E);const z=j();function J(e){if(typeof e==="string"){try{return t(e)}catch(t){return e}}return e}function U(e){if(e===undefined){return true}if(typeof e==="string"){return e.length>0}return i(e)&&o(e._description,1)}const V=v("msg",undefined,J,U);const G=v("touched",false,g);const R=({id:e,msg:t,hint:i,touched:o,hideMsg:s})=>{const n=typeof t==="string"?t:t===null||t===void 0?void 0:t._description;const r=Boolean(n&&n.length>0);const l=M(t)==="error"&&r&&o===true;const d=typeof i==="string"&&i.length>0;const h=[];if(r&&!s){h.push(a(e,"msg"))}if(d){h.push(a(e,"hint"))}return{hasError:l,hasHint:d,ariaDescribedBy:h}};const W=t=>{var{id:i,class:o,hint:s,baseClassName:n="kol-form-field"}=t,r=e(t,["id","class","hint","baseClassName"]);if(!s){return null}return C("span",Object.assign({class:K(`${n}__hint`,o),id:a(i||"","hint")},r),s)};const X=t=>{var{component:i="label",id:o,baseClassName:r="kol-form-field",class:l,accessKey:d,shortKey:h,label:c,hideLabel:u,hasExpertSlot:p,omitId:f,showBadge:m=true,readOnly:b,infoPopover:v}=t,g=e(t,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","omitId","showBadge","readOnly","infoPopover"]);const y=!p&&u;const j=m===false?undefined:n(d,h);return C(i,Object.assign({},g,{class:K(`${r}__label`,l),id:!y&&!f?a(o,"label"):undefined,hidden:y,htmlFor:i==="legend"?undefined:o}),C(s,{class:`${r}__label-text`,label:p?"":c!==null&&c!==void 0?c:"",badgeText:j},C("slot",{name:"expert"})),!p&&b&&C("span",{class:`${r}__label__read-only`,"aria-hidden":"true"},"(",N("kol-readonly"),")"),!p&&v&&C("span",null,C(A,Object.assign({},v.popoverButton),C("div",{class:"kol-popover-button__popover--styled"},v.content))))};const Z=t=>{var i,o;var{alert:s,msg:n,id:r,class:h}=t,c=e(t,["alert","msg","id","class"]);const u=I(n);return C(H,Object.assign({alert:(i=u===null||u===void 0?void 0:u._alert)!==null&&i!==void 0?i:s===true,class:K("kol-form-field__msg",h),closerAriaDescriptionId:d(),handleCloserClick:()=>undefined,hasCloser:false,headingId:l("alert-heading"),id:a(r,"msg"),label:"",level:0,refCloserButton:()=>undefined,refCloserTooltip:()=>undefined,type:(o=u===null||u===void 0?void 0:u._type)!==null&&o!==void 0?o:"error",variant:"msg"},c),(u===null||u===void 0?void 0:u._description)||undefined)};const Q=F.forBlock("kol-form-field");const Y=({hideLabel:e,label:t,renderNoTooltip:i})=>!i&&!r(t)&&e===true;const ee=e=>{const t=M(e);return{[t]:true,[`msg-type-${t}`]:true}};const te=(t,i)=>{const{renderNoLabel:o,renderNoTooltip:s,renderNoHint:l,id:d,required:h,alert:c,disabled:u,class:p,msg:f,hideMsg:m,hideLabel:b,label:v,infoPopover:g,hint:y,accessKey:j,shortKey:B,counter:L,readOnly:_,touched:O,maxLength:D,ariaDescribedBy:x,showBadge:F,tooltipAlign:A,variant:H,component:I="div",orientation:M,refInput:S,refTooltip:q}=t,E=e(t,["renderNoLabel","renderNoTooltip","renderNoHint","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","infoPopover","hint","accessKey","shortKey","counter","readOnly","touched","maxLength","ariaDescribedBy","showBadge","tooltipAlign","variant","component","orientation","refInput","refTooltip"]);const $=r(v);const z=k(f,O);const J=n(j,B);const U=Y({hideLabel:b,label:v,renderNoTooltip:s});const V=I==="fieldset";return C(w,Object.assign({component:I,block:"kol-form-field",modifiers:Object.assign({disabled:Boolean(u),required:Boolean(h),touched:Boolean(O),"hide-label":Boolean(b),"read-only":Boolean(_),"hidden-msg":Boolean(m)},z?ee(f):{}),class:K(H&&T(H,"form-field"),p),"aria-describedby":x},E),!o&&C(X,{component:V?"legend":"label",class:V?"kol-form-field__label--legend":undefined,id:d,hasExpertSlot:$,hideLabel:b,label:v,accessKey:j,shortKey:B,readOnly:_,showBadge:F,infoPopover:g}),C("div",{class:Q("input",{"orientation-horizontal":M==="horizontal","orientation-vertical":M==="vertical"}),ref:S},i,U&&C("div",{class:Q("tooltip")},C(P,{badgeText:J||"",label:v,align:A,id:a(d,"label"),refFloating:q}))),L&&!(L.maxLengthBehavior==="soft"&&typeof L.maxLength!=="number")&&C("div",{class:Q("counter")},C("span",{"data-testid":"input-counter","aria-hidden":"true",class:Q("counter"),ref:L.visualRef}),C("span",{"aria-live":"polite",class:"visually-hidden","data-testid":"input-counter-aria",id:a(d,"counter"),ref:L.ariaRef})),z&&!m&&C(Z,{id:d,alert:c,msg:f}),!l&&C(W,{id:d,hint:y}),typeof D==="number"&&!L&&C("span",{id:a(d,"character-limit-hint"),class:"visually-hidden"},N("kol-character-limit-hint",{placeholders:{limit:String(D)}})))};class ie extends B{constructor(){super(...arguments);this.tooltipBehavior=new x(B.stateLess);this.smartButton=O((()=>this.host));this.infoPopover=D({getFlagHost:()=>this.host,getOpen:()=>this.infoPopoverOpen===true,setOpen:e=>{this.infoPopoverOpen=e}});this.focusEventSent=false;this.handleChange=(e,t)=>{var i,o;e.stopPropagation();if(typeof t==="undefined"){t=e.target.value}this.emit(h.change,t);(o=(i=this._on)===null||i===void 0?void 0:i.onChange)===null||o===void 0?void 0:o.call(i,e,t)};this.handleInput=(e,t)=>{var i,o;e.stopPropagation();if(typeof t==="undefined"){t=e.target.value}this.emit(h.input,t);this.formAssociation.setFormAssociatedValue(t);(o=(i=this._on)===null||i===void 0?void 0:i.onInput)===null||o===void 0?void 0:o.call(i,e,t)};this.handleClick=e=>{var t,i;this.emit(h.click);(i=(t=this._on)===null||t===void 0?void 0:t.onClick)===null||i===void 0?void 0:i.call(t,e)};this.handleFocus=e=>{var t,i;if(!this.focusEventSent){this.emit(h.focus);(i=(t=this._on)===null||t===void 0?void 0:t.onFocus)===null||i===void 0?void 0:i.call(t,e);this.focusEventSent=true}this.shared.setState("inputHasFocus",true)};this.handleBlur=e=>{this.handleFocusLeave(e);this.shared.setState("inputHasFocus",false)};this.handleKeyDown=e=>{var t,i;this.emit(h.keydown);(i=(t=this._on)===null||t===void 0?void 0:t.onKeyDown)===null||i===void 0?void 0:i.call(t,e)};this.setInputRef=e=>{if(e&&this.isTooltipShown()){this.tooltipBehavior.initContext(e);this.tooltipBehavior.syncListeners(undefined,e,true)}};this.setTooltipRef=e=>{this.tooltipBehavior.setTooltipElementRef(e)}}get shared(){return this}initFormAssociation(e,t){this.formAssociation=new u(B.stateLess,{host:this.host,type:e,name:t})}syncFormField(){this.smartButton.syncListeners();this.infoPopover.syncListeners()}destroyFormField(){this.tooltipBehavior.destroy();this.smartButton.destroy();this.infoPopover.destroy()}getInfoPopover(){const t=this.shared.getRenderProp("infoPopover");if(!t){return undefined}const{_content:i}=t,o=e(t,["_content"]);return{popoverButton:this.infoPopover.getFcProps(Object.assign(Object.assign({_variant:"ghost"},o),{_hideLabel:true,_inline:true})),content:i}}getSmartButtonFcProps(e,t){if(typeof e!=="object"||e===null){return undefined}return this.smartButton.getFcProps(Object.assign({_hideLabel:true,_disabled:t},e),{class:"kol-input-container__smart-button"})}applyAriaDetails(e){p.apply(e,(e=>this.shared.setRenderProp("ariaDetails",e)));this.formAssociation.watchAriaDetails(e)}applyDisabled(e){f.apply(e,(e=>this.shared.setRenderProp("disabled",e)))}applyHideLabel(e){m.apply(e,(e=>this.shared.setRenderProp("hideLabel",e)))}applyHideMsg(e){S.apply(e,(e=>this.shared.setRenderProp("hideMsg",e)))}applyHint(e){q.apply(e,(e=>this.shared.setRenderProp("hint",e)))}applyInfoPopover(e){$.apply(e,(e=>this.shared.setRenderProp("infoPopover",e)))}applyLabel(e){const t=e;L.apply(t===false?"":e,(e=>this.shared.setRenderProp("label",e)))}applyMsg(e){V.apply(e,(e=>this.shared.setRenderProp("msg",e)))}applyName(e){_.apply(e,(e=>this.shared.setRenderProp("name",e)));this.formAssociation.watchName(e)}applyOn(e){z.apply(e,(e=>this.shared.setRenderProp("on",e)))}applySyncValueBySelector(e){this.formAssociation.watchSyncValueBySelector(e)}applyTooltipAlign(e){b.apply(e!==null&&e!==void 0?e:"top",(e=>this.shared.setRenderProp("tooltipAlign",e)))}applyTouched(e){G.apply(e,(e=>this.shared.setRenderProp("touched",e)))}get eventHost(){var e,t;return(t=(e=this.formAssociation)===null||e===void 0?void 0:e.host)!==null&&t!==void 0?t:this.host}emit(e,t){if(this.eventHost){c(this.eventHost,e,t)}}handleFocusLeave(e){var t,i;if(this._disabled){return}const o=this.eventHost;const s=(o===null||o===void 0?void 0:o.shadowRoot)||o;const n=(s===null||s===void 0?void 0:s.contains(e.relatedTarget))||o===e.relatedTarget;if(this.focusEventSent&&!n){this._touched=true;this.emit(h.blur);(i=(t=this._on)===null||t===void 0?void 0:t.onBlur)===null||i===void 0?void 0:i.call(t,e);this.focusEventSent=false}}getAria(){const e=this.shared;return R({id:e.getState("id"),msg:e.getRenderProp("msg"),hint:e.getRenderProp("hint"),touched:e.getRenderProp("touched"),hideMsg:e.getRenderProp("hideMsg")})}showAsAlert(){return Boolean(this.shared.getRenderProp("touched"))&&!this.shared.getState("inputHasFocus")}isTooltipShown(){const e=this.shared;return Y({hideLabel:e.getRenderProp("hideLabel"),label:e.getRenderProp("label")})}getLabelTooltipRefs(){return{refInput:this.setInputRef,refTooltip:this.setTooltipRef}}getFormFieldProps({class:e,accessKey:t,shortKey:i,variant:o,counter:s,maxLength:r,readOnly:l,renderNoLabel:d,renderNoTooltip:h,required:c}){const u=this.shared;const p=u.getState("id");const f=u.getRenderProp("label");const m=u.getRenderProp("tooltipAlign");if(this.isTooltipShown()){this.tooltipBehavior.watchAlign(m);this.tooltipBehavior.watchBadgeText(n(t,i)||"");this.tooltipBehavior.watchId(a(p,"label"));this.tooltipBehavior.watchLabel(f)}else{this.tooltipBehavior.destroy()}return{id:p,disabled:u.getRenderProp("disabled"),msg:u.getRenderProp("msg"),hint:u.getRenderProp("hint"),label:f,hideLabel:u.getRenderProp("hideLabel"),hideMsg:u.getRenderProp("hideMsg"),touched:u.getRenderProp("touched"),showBadge:Boolean(t)||Boolean(i),required:c,readOnly:l,accessKey:t,shortKey:i,maxLength:r,counter:s,variant:o,class:e,tooltipAlign:m,alert:this.showAsAlert(),infoPopover:this.getInfoPopover(),renderNoLabel:d,renderNoTooltip:h,refInput:h?undefined:this.setInputRef,refTooltip:this.setTooltipRef}}}function oe({ariaDescribedBy:e,hideLabel:t,label:i}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":(e===null||e===void 0?void 0:e.length)?e.join(" "):undefined,"aria-label":t&&i?i:undefined}}const se={required:[L],optional:[p,f,m,S,q,$,z,V,_,b,G]};export{ie as B,te as F,W as a,X as b,oe as c,se as f,M as g,k as i};
-//# sourceMappingURL=api-DScxu3ou.js.map

package/dist/kolibri/app-globals-CddJRb3M.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{L as o,d as t,w as a}from"./common-DuSFcfNN.js";import{a as f}from"./index-BtYjJomD.js";var n=()=>{f((o=>{try{if(o.shadowRoot instanceof ShadowRoot){t(o,a(o))}}catch(o){}return"default"}));import("./devtools-Ctvg6SnM.js").then((o=>{if(typeof o==="object"&&o!==null&&typeof o.initialize==="function"){o.initialize()}})).catch((t=>{o.error(t)}))};const r=n;export{r as g};
-//# sourceMappingURL=app-globals-CddJRb3M.js.map

package/dist/kolibri/base-Jvi_AWqL.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as i}from"./index-BtYjJomD.js";import{B as t}from"./base-web-component-DK8TT74a.js";import{l as s,a,c as r,d as e,b as o,L as n}from"./api-CN_pBHgH.js";import{T as h}from"./behavior-CiPpEcHi.js";import{s as l}from"./common-DuSFcfNN.js";import{a as p,b as d,c,f,g as y,h as m,s as u,i as b,l as C,d as x,t as g,e as j,v as D}from"./variant-BeDn7Bgo.js";import{d as L}from"./disabled-Ch6DBLjt.js";import{h as A}from"./href-2YrdryZ6.js";import{l as v}from"./label-with-expert-slot-D91L4OW1.js";import{l as w}from"./link-target-BHp6l4YE.js";import{c as B}from"./element-interaction-Cy9tx3Sx.js";import{d as I,K}from"./events-CRHxtwup.js";import{o as T}from"./ariaCurrentService-YoLNpD5S.js";class S extends t{constructor(){super(...arguments);this.ctaRef=B((()=>this.getRenderProp("disabled")===true));this.tooltipBehavior=new h(this.stateAccess);this.handleAnchorClick=i=>{this.tooltipBehavior.hideTooltip();const t=this.getRenderProp("disabled");if(t===true){i.preventDefault();return}const s=this.getRenderProp("href");const a=this.getRenderProp("on");if(typeof(a===null||a===void 0?void 0:a.onClick)==="function"){l(i,this.ctaRef.el);a.onClick(i,s)}if(this.host){I(this.host,K.click,s)}};this.setAnchorRef=i=>{this.ctaRef(i)}}initLinkRenderProps(){this.initRenderProps(s);this.unsetRenderProp("tabIndex")}initLinkBehaviors(){this.unsubscribeOnLocationChange=T((i=>{const t=this.getRenderProp("href");const s=this.getRenderProp("ariaCurrentValue");const a=i===t?s:"";if(this.getState("ariaCurrent")!==a){this.setState("ariaCurrent",a)}}));this.tooltipBehavior.componentWillLoad({label:this.getTooltipLabel(),align:this.getRenderProp("tooltipAlign")})}syncTooltipListeners(){if(this.ctaRef.el){this.tooltipBehavior.syncListeners(undefined,this.ctaRef.el,true)}}destroyLinkBehaviors(){if(this.unsubscribeOnLocationChange){this.unsubscribeOnLocationChange();this.unsubscribeOnLocationChange=undefined}this.tooltipBehavior.destroy()}getTooltipLabel(){const i=this.getRenderProp("label");if(typeof i==="string"&&i.length>0){return i}const t=this.getRenderProp("href");return typeof t==="string"?t:""}applyAccessKey(i){p.apply(i,(i=>this.setRenderProp("accessKey",i)))}applyAriaControls(i){d.apply(i,(i=>this.setRenderProp("ariaControls",i)))}applyAriaCurrentValue(i){a.apply(i,(i=>this.setRenderProp("ariaCurrentValue",i)))}applyAriaDescription(i){c.apply(i,(i=>this.setRenderProp("ariaDescription",i)))}applyAriaExpanded(i){f.apply(i,(i=>this.setRenderProp("ariaExpanded",i)))}applyAriaOwns(i){r.apply(i,(i=>this.setRenderProp("ariaOwns",i)))}applyCustomClass(i){y.apply(i,(i=>this.setRenderProp("customClass",i)))}applyDisabled(i){L.apply(i,(i=>this.setRenderProp("disabled",i)))}applyDownload(i){e.apply(i,(i=>this.setRenderProp("download",i)))}applyHideLabel(i){m.apply(i,(i=>this.setRenderProp("hideLabel",i)))}applyHref(i){A.apply(i,(i=>this.setRenderProp("href",i)))}applyIcons(i){u.apply(i,(i=>this.setRenderProp("icons",i)))}applyInline(i){b.apply(i,(i=>this.setRenderProp("inline",i)))}applyLabel(i){v.apply(i,(t=>{this.setRenderProp("label",t);this.setState("expertSlot",i==="");this.tooltipBehavior.watchLabel(this.getTooltipLabel())}))}applyOn(i){o.apply(i,(i=>this.setRenderProp("on",i)))}applyRole(i){C.apply(i,(i=>this.setRenderProp("role",i)))}applyShortKey(i){x.apply(i,(i=>this.setRenderProp("shortKey",i)))}applyTabIndex(i){if(typeof i==="number"){g.apply(i,(i=>this.setRenderProp("tabIndex",i)))}else{this.unsetRenderProp("tabIndex")}}applyTarget(i){w.apply(i,(i=>this.setRenderProp("target",i)))}applyTooltipAlign(i){j.apply(i,(i=>{this.setRenderProp("tooltipAlign",i);this.tooltipBehavior.watchAlign(i)}))}applyVariant(i){D.apply(i,(i=>this.setRenderProp("variant",i)))}renderLinkFC(){return i(n,{accessKey:this.getRenderProp("accessKey"),ariaControls:this.getRenderProp("ariaControls"),ariaCurrent:this.getState("ariaCurrent"),ariaCurrentValue:this.getRenderProp("ariaCurrentValue"),ariaDescription:this.getRenderProp("ariaDescription"),ariaDescriptionId:this.getState("ariaDescriptionId"),ariaExpanded:this.getRenderProp("ariaExpanded"),ariaOwns:this.getRenderProp("ariaOwns"),customClass:this.getRenderProp("customClass"),disabled:this.getRenderProp("disabled"),download:this.getRenderProp("download"),handleAnchorClick:this.handleAnchorClick,hideLabel:this.getRenderProp("hideLabel"),href:this.getRenderProp("href"),icons:this.getRenderProp("icons"),inline:this.getRenderProp("inline"),label:this.getRenderProp("label"),on:this.getRenderProp("on"),refAnchor:this.setAnchorRef,refTooltip:this.tooltipBehavior.setTooltipElementRef,role:this.getRenderProp("role"),shortKey:this.getRenderProp("shortKey"),tabIndex:this.getRenderProp("tabIndex"),target:this.getRenderProp("target"),tooltipAlign:this.getRenderProp("tooltipAlign"),variant:this.getRenderProp("variant"),expertSlot:this.getState("expertSlot")})}}export{S as B};
-//# sourceMappingURL=base-Jvi_AWqL.js.map

package/dist/kolibri/component-6cLprNJZ.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as o}from"./index-BtYjJomD.js";import{b as t}from"./bem-registry-Bma6U-JA.js";const s=t.forBlock("kol-click-button");const n=s();const l=s("label");const c=({label:t,handleClick:s,refButton:c})=>o("button",{class:n,ref:c,onClick:s,onKeyDown:o=>o.preventDefault()},o("span",{class:l},t));export{c as C};
-//# sourceMappingURL=component-6cLprNJZ.js.map

package/dist/kolibri/component-B5OmtChm.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{a as o}from"./tslib.es6-QNbPBOk5.js";import{h as s}from"./index-BtYjJomD.js";import{c}from"./clsx-COFh-Vc8.js";import{g as m}from"./block-bem-BWLThqqc.js";const r=(r,t)=>{var{block:i,modifiers:e,class:a,component:n="div"}=r,l=o(r,["block","modifiers","class","component"]);const b=m(i);const p=n;return s(p,Object.assign({class:c(b(e),a)},l),t)};export{r as B};
-//# sourceMappingURL=component-B5OmtChm.js.map

package/dist/kolibri/component-CoN6ZwTo.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{a as e}from"./tslib.es6-QNbPBOk5.js";import{h as a}from"./index-BtYjJomD.js";import"./common-DuSFcfNN.js";import{A as n,c as o}from"./component-GqGXpjMZ.js";import{b as s}from"./bem-registry-Bma6U-JA.js";import{c as i}from"./clsx-COFh-Vc8.js";import{B as t}from"./component-B5OmtChm.js";import{S as r}from"./component-DbsunX7x.js";import{T as d}from"./component-ArZwqu6c.js";const l=s.forBlock("kol-button");const c=l("interactive-element");const p=l("text");const u=l("tooltip");const m=s=>{const{accessKey:l,ariaControls:m,ariaDescription:b,ariaDescriptionId:f,ariaExpanded:h,ariaHasPopup:x,ariaSelected:j,class:y,customClass:B,disabled:D,handleBlur:C,handleClick:k,handleFocus:F,handleMouseDown:I,hideLabel:g,icons:K,id:T,inline:v,label:w,name:A,refButton:M,refTooltip:O,role:S,shortKey:L,tabIndex:N,type:P,variant:q}=s,E=e(s,["accessKey","ariaControls","ariaDescription","ariaDescriptionId","ariaExpanded","ariaHasPopup","ariaSelected","class","customClass","disabled","handleBlur","handleClick","handleFocus","handleMouseDown","hideLabel","icons","id","inline","label","name","refButton","refTooltip","role","shortKey","tabIndex","type","variant","on","tooltipAlign"]);const G=l||L;const H=w.length>0;const J=b.trim().length>0;return a(t,Object.assign({block:"kol-button",class:i(y,{[o(q,"button")]:q.length>0,[B]:B.length>0}),modifiers:{disabled:D,"hide-label":g,inline:v===true,standalone:v===false}},E),a("button",{ref:M,accessKey:l||undefined,"aria-controls":m||undefined,"aria-describedby":J?f:undefined,"aria-expanded":h||undefined,"aria-haspopup":x||undefined,"aria-keyshortcuts":L||undefined,"aria-label":g&&H?w:undefined,"aria-selected":j||undefined,class:c,disabled:D,id:T||undefined,name:A||undefined,onBlur:C,onClick:k,onFocus:F,onMouseDown:I,role:S||undefined,tabIndex:N,type:P},a(r,{class:p,badgeText:G,icons:K,hideLabel:g,label:w},a("slot",{name:"expert",slot:"expert"}))),g&&H&&a("div",{class:u},a(d,{badgeText:G,label:w,refFloating:O})),J&&a(n,{description:b,descriptionId:f}))};export{m as B};
-//# sourceMappingURL=component-CoN6ZwTo.js.map

package/dist/kolibri/component-D6Z14V5i.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{t as e}from"./i18n-CEIPukO1.js";import{r as o}from"./resolve-props-vskIOP3D.js";import{h as l}from"./index-BtYjJomD.js";import{K as s}from"./Heading-D2EH5Vz9.js";import{b as t}from"./bem-registry-Bma6U-JA.js";import{c as r}from"./clsx-COFh-Vc8.js";import{B as a}from"./component-CoN6ZwTo.js";function n(l){return o({_hideLabel:true,_icons:{left:{icon:"kolicon-cross"}},_label:e("kol-close"),_tooltipAlign:"left"},l)}const c=t.forBlock("kol-card");const i=c("close-button");const d=c("content");const f=c("header");const m=c("link");const u=()=>{};const h=({headingId:e,label:o,level:t})=>l(s,{class:f,id:e,level:t},o);const p=(e,o)=>{const{ariaDescriptionId:s,class:t,closeButtonProps:n,handleBlur:f,handleClose:p,handleFocus:b,hasCloser:g,headingId:j,href:v,label:B,level:C,refCloseButton:k,refCta:I,refTooltip:D,target:F}=e;return l("article",{"aria-labelledby":j,class:r(c(),t)},v.length>0?l("a",{class:m,href:v,target:F||undefined,onBlur:f,onFocus:b,ref:I},l(h,{headingId:j,label:B,level:C})):l(h,{headingId:j,label:B,level:C}),l("div",{class:d},o),g&&l("div",{class:r(i,"kol-close-button")},l(a,Object.assign({},n,{ariaDescriptionId:s,handleBlur:u,handleClick:p,handleFocus:u,handleMouseDown:u,refButton:k,refTooltip:D}))))};export{p as C,n as r};
-//# sourceMappingURL=component-D6Z14V5i.js.map

package/dist/kolibri/component-DWiKUdpa.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{a as e}from"./tslib.es6-QNbPBOk5.js";import{h as o,F as l}from"./index-BtYjJomD.js";import{g as s}from"./Heading-D2EH5Vz9.js";import{t as a}from"./i18n-CEIPukO1.js";import{b as n}from"./bem-registry-Bma6U-JA.js";import{c as r}from"./clsx-COFh-Vc8.js";import{B as t}from"./component-B5OmtChm.js";import{B as i}from"./component-CoN6ZwTo.js";import{I as c}from"./component-BauANlCU.js";const d=n.forBlock("kol-alert");const f=d("icon");const u={error:{label:a("kol-error"),icon:"kolicon-alert-error"},info:{label:a("kol-info"),icon:"kolicon-alert-info"},warning:{label:a("kol-warning"),icon:"kolicon-alert-warning"},success:{label:a("kol-success"),icon:"kolicon-alert-success"},default:{label:a("kol-message"),icon:"kolicon-alert-info"}};const m=({type:e="default"})=>{const s=u[e||"default"];return o(l,null,o("span",{class:"visually-hidden"},s.label),o(c,{class:f,label:"",icons:s.icon}))};const p=n.forBlock("kol-alert");const k=p("closer");const b=p("content");const h=undefined;const C=(l,n)=>{const{alert:c,class:d,closerAriaDescriptionId:f,handleCloserClick:u,hasCloser:C,headingId:g,label:j,level:y,refCloserButton:B,refCloserTooltip:v,type:I,variant:D}=l,A=e(l,["alert","class","closerAriaDescriptionId","handleCloserClick","hasCloser","headingId","label","level","refCloserButton","refCloserTooltip","type","variant"]);const w=a("kol-close-alert");const x=s(y);return o(t,Object.assign({block:"kol-alert",class:d,modifiers:{hasCloser:C===true,[`type-${I}`]:true,[`variant-${D}`]:true},role:c?"alert":undefined},A),o(m,{type:I}),j.length>0&&o(x,{class:r("kol-headline",`kol-headline--${x}`,p("heading",{[`h${y}`]:true}),"kol-headline--single"),id:g},j),C&&o(i,{accessKey:"",ariaControls:"",ariaDescription:j.trim(),ariaDescriptionId:f,ariaExpanded:h,ariaHasPopup:"",ariaSelected:h,class:r(k,"kol-close-button"),customClass:"",disabled:false,handleBlur:()=>undefined,handleClick:u,handleFocus:()=>undefined,handleMouseDown:()=>undefined,hideLabel:true,icons:{left:{icon:"kolicon-cross"}},id:"",inline:false,label:w,name:"",on:{},refButton:B,refTooltip:v,role:h,shortKey:"",tabIndex:h,tooltipAlign:"left",type:"button",variant:["normal"]}),o("div",{"aria-describedby":j.length>0?g:undefined,class:b},n))};export{C as A};
-//# sourceMappingURL=component-DWiKUdpa.js.map

package/dist/kolibri/component-GqGXpjMZ.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import"./common-DuSFcfNN.js";import{h as o}from"./index-BtYjJomD.js";const s=(o,s)=>{let i="";if(Array.isArray(o)){o.forEach((o=>{i+="kol-"+s+"--"+o+" "}))}return i};const i=({description:s,descriptionId:i})=>s?o("span",{class:"visually-hidden",id:i},s):null;export{i as A,s as c};
-//# sourceMappingURL=component-GqGXpjMZ.js.map

package/dist/kolibri/dev.utils-DVPKJwhh.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{L as t,t as n,v as e,x as o,y as s,z as i}from"./common-DuSFcfNN.js";import{E as r}from"./index-BtYjJomD.js";const a=()=>{try{const t=n();if(!t||typeof t.querySelector!=="function"){return}const s=t.querySelector('meta[name="kolibri"]');if(s&&s.hasAttribute("content")){const t=s.getAttribute("content");if(typeof t==="string"){e(t.includes("experimental-mode=true"));o(t.includes("color-contrast-analysis=true"))}}}catch(t){}};const c=()=>{let t=s().KoliBri;if(t===undefined){t={};Object.defineProperty(s(),"KoliBri",{value:t,writable:false})}return t};const u=()=>{a();t.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${r.kolibriVersion}\n\t`,{forceLog:true})};const f=()=>{if(c().adviceShown!==true){Object.defineProperty(c(),"adviceShown",{get:function(){return true}});t.debug(`\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n`)}};let l=()=>Math.floor(Math.random()*16777215).toString(16);if(i()){l=()=>"nonce"}const m=t=>`${t}-${l()}`;const p=(t,n)=>{const e=t.lastIndexOf("-");if(e===-1)return`${t}-${n}`;const o=t.slice(e+1);const s=o==="nonce"||/^[0-9a-f]+$/.test(o);return s?`${t.slice(0,e)}-${n}-${o}`:`${t}-${n}`};export{p as a,m as c,u as i,l as n,f as r};
-//# sourceMappingURL=dev.utils-DVPKJwhh.js.map

package/dist/kolibri/field-control-CJ-9C7AK.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{a as o}from"./tslib.es6-QNbPBOk5.js";import{h as e}from"./index-BtYjJomD.js";import"./common-DuSFcfNN.js";import{s as l,b as t}from"./component-DbsunX7x.js";import{a as s,g as i,b as a,i as r}from"./api-DScxu3ou.js";import{b as n}from"./bem-registry-Bma6U-JA.js";import{a as d}from"./dev.utils-DVPKJwhh.js";import{B as c}from"./component-B5OmtChm.js";import{T as b}from"./component-ArZwqu6c.js";const m=n.forBlock("kol-field-control");const p=({hideLabel:o,label:e,renderNoTooltip:t})=>!t&&!l(e)&&o===true;const f=(n,f)=>{const{class:h,id:u,label:g,hint:j,hideLabel:y,labelAlign:N,infoPopover:B,accessKey:k,shortKey:O,tooltipAlign:T,disabled:v,msg:K,touched:P,required:x,readOnly:A,renderNoHint:D,renderNoTooltip:q,labelProps:L,refInput:_,refTooltip:C}=n,F=o(n,["class","id","label","hint","hideLabel","labelAlign","infoPopover","accessKey","shortKey","tooltipAlign","disabled","msg","touched","required","readOnly","renderNoHint","renderNoTooltip","labelProps","refInput","refTooltip"]);const I=l(g);const J=p({hideLabel:y,label:g,renderNoTooltip:q});const S=t(k,O);const w=r(K,P);const H=()=>e("div",{class:m("input"),ref:_},f);const E=()=>J?e("div",{class:"kol-form-field__tooltip"},e(b,{badgeText:S||"",label:g,align:T,id:d(u,"label"),refFloating:C})):null;const Q=()=>e(a,Object.assign({},L,{id:u,baseClassName:"kol-field-control",class:y?"kol-field-control__label--visually-hidden":undefined,omitId:J,hasExpertSlot:I,label:g,accessKey:k,shortKey:O,infoPopover:B}));return e(c,Object.assign({block:"kol-field-control",modifiers:Object.assign(Object.assign({disabled:Boolean(v),required:Boolean(x),touched:Boolean(P),"hide-label":Boolean(y),"read-only":Boolean(A)},w?{[i(K)]:true}:{}),{"label-align-left":N==="left","label-align-right":N==="right"}),class:h},F),N==="left"?[Q(),H(),E()]:[H(),E(),Q()],!D&&e(s,{baseClassName:"kol-field-control",id:u,hint:j}))};export{f as F,p as i};
-//# sourceMappingURL=field-control-CJ-9C7AK.js.map

package/dist/kolibri/input-DispvARh.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{a as e}from"./tslib.es6-QNbPBOk5.js";import{h as s,F as a}from"./index-BtYjJomD.js";import"./common-DuSFcfNN.js";import{i as o,g as i,c as l}from"./api-DScxu3ou.js";import{c as r}from"./clsx-COFh-Vc8.js";import{a as t}from"./dev.utils-DVPKJwhh.js";import{g as d}from"./block-bem-BWLThqqc.js";const c=c=>{const{class:n,msg:u,required:b,disabled:m,touched:p,readonly:j,ariaDescribedBy:h,hideLabel:B,label:f,suggestions:g,value:y}=c,D=e(c,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]);const q=Object.assign(Object.assign({class:r(d("kol-input")(Object.assign({disabled:Boolean(m),required:Boolean(b),touched:Boolean(p),readonly:Boolean(j)},o(u,p)?{[i(u)]:true}:{})),n),required:b,disabled:m,readonly:j,type:"text",list:g&&typeof D.id==="string"?t(D.id,"list"):undefined},l({ariaDescribedBy:h,hideLabel:B,label:f})),D);return s(a,null,s("input",Object.assign({},q,{value:y})),g)};export{c as I};
-//# sourceMappingURL=input-DispvARh.js.map

package/dist/kolibri/item-BShglo-p.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{o}from"./ariaCurrentService-YoLNpD5S.js";import{s as t}from"./common-DuSFcfNN.js";import{n as e}from"./dev.utils-DVPKJwhh.js";import{c as r}from"./element-interaction-Cy9tx3Sx.js";import{d as i,K as n}from"./events-CRHxtwup.js";import{B as s}from"./base-web-component-DK8TT74a.js";import{T as c}from"./behavior-CiPpEcHi.js";import{r as l}from"./resolve-props-USwvESw_.js";const f=f=>{const a=new c(s.stateLess);const d=r();const p=e();let u;let m="";let v;let j;let b=false;const S=()=>typeof(u===null||u===void 0?void 0:u.href)==="string"?u.href:"";const h=()=>{const o=u===null||u===void 0?void 0:u.label;return typeof o==="string"&&o.length>0?o:S()};const w=o=>{const t=o===(u===null||u===void 0?void 0:u.href)?u.ariaCurrentValue:"";if(m!==t){m=t;if(!b){f()}}};const y=o=>{a.hideTooltip();if((u===null||u===void 0?void 0:u.disabled)===true){o.preventDefault();return}const e=S();const r=u===null||u===void 0?void 0:u.on;if(typeof(r===null||r===void 0?void 0:r.onClick)==="function"){t(o,d.el);r.onClick(o,e)}if(v){i(v,n.click,e)}};const C=o=>{if(o){v=o}};return{getFcProps:(t,e)=>{u=l(t);if(!j){b=true;j=o(w);b=false}a.componentWillLoad({label:h(),align:u.tooltipAlign});return Object.assign(Object.assign(Object.assign({},u),e),{ariaCurrent:m,ariaDescriptionId:p,expertSlot:t._label==="",handleAnchorClick:y,ref:C,refAnchor:d,refTooltip:a.setTooltipElementRef})},syncListeners:()=>{if(d.el){a.syncListeners(undefined,d.el,true)}},destroy:()=>{j===null||j===void 0?void 0:j();j=undefined;a.destroy()}}};export{f as c};
-//# sourceMappingURL=item-BShglo-p.js.map

package/dist/kolibri/item-CD8r4zxe.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{X as o}from"./common-DuSFcfNN.js";import{n as s,c as t}from"./dev.utils-DVPKJwhh.js";import{c as e}from"./element-interaction-Cy9tx3Sx.js";import{d as a,K as n}from"./events-CRHxtwup.js";import{e as r,a as i,c as m,d as l}from"./api-BZzrHnyD.js";import{d as p}from"./disabled-Ch6DBLjt.js";import{a as c,c as f,g as d,h as j,i as u,l as v,d as b,s as D,t as g,e as h,v as O}from"./variant-BeDn7Bgo.js";import{B as w,e as x}from"./base-web-component-DK8TT74a.js";import{l as C}from"./label-with-expert-slot-D91L4OW1.js";import{p as B,a as y}from"./component-CChFD3b2.js";import{r as P}from"./resolve-props-vskIOP3D.js";import{i as F,T as H}from"./behavior-CiPpEcHi.js";import{n as K}from"./name-D4D5UxdN.js";const L={required:[C],optional:[c,f,r,i,m,l,d,p,j,F,u,C,v,K,B,b,D,g,h,O]};const N=r=>{var i;const m=new y(w.stateLess);const c=new H(w.stateLess);const f=e();let d;let v;const b=x(L);delete b.tabIndex;const g=o=>{p.apply(o,(o=>{b.disabled=o}))};g(r.disabled);j.apply(r.hideLabel,(o=>{b.hideLabel=o}));D.apply(r.icons,(o=>{b.icons=o}));u.apply(false,(o=>{b.inline=o}));h.apply("top",(o=>{b.tooltipAlign=o}));l.apply("button",(o=>{b.type=o}));C.apply(r.label,(o=>{b.label=o}));let F=B.getDefaultValue();B.apply(r.popoverAlign,(o=>{F=o}));b.popoverAlign=F;m.componentWillLoad({align:F});O.apply((i=o("buttonVariantDefault",r.getFlagHost()))!==null&&i!==void 0?i:"normal",(o=>{b.variant=o}));b.ariaDescriptionId=s();b.popoverId=t("popover");const K=o=>{const s=r.getEventTarget?r.getEventTarget():v;if(s){a(s,o)}};const N=o=>{r.setOpen(o.newState==="open")};b.handleClick=o=>{o.stopPropagation();c.hideTooltip();m.setShow(!r.getOpen());K(n.click)};b.handleMouseDown=()=>K(n.mousedown);b.handleFocus=()=>K(n.focus);b.handleBlur=()=>K(n.blur);b.refButton=o=>{f(o);m.setTriggerElement(o)};b.refPopover=o=>{d=o;m.setPopoverElementRef(o)};b.refTooltip=c.setTooltipElementRef;const T=o=>{v=o};const S=()=>{c.componentWillLoad({label:b.label,align:b.tooltipAlign})};const V=o=>{var s,t;const e=P(Object.assign(Object.assign({},o),{_on:undefined,_variant:(s=o._variant)!==null&&s!==void 0?s:"normal"}),r.getFlagHost());b.accessKey=e.accessKey;b.ariaDescription=e.ariaDescription;b.customClass=e.customClass;b.disabled=e.disabled;b.hideLabel=e.hideLabel;b.icons=e.icons;b.id=e.id;b.inline=e.inline;b.label=e.label;b.name=e.name;b.shortKey=e.shortKey;b.tabIndex=e.tabIndex;b.tooltipAlign=e.tooltipAlign;b.type=e.type;b.variant=e.variant;B.apply((t=o._popoverAlign)!==null&&t!==void 0?t:"bottom",(o=>{b.popoverAlign=o;m.watchAlign(o)}));S()};S();return{getFcProps:o=>{if(o){V(o)}return Object.assign(Object.assign({},b),{popoverOpen:r.getOpen(),ref:T})},hide:()=>m.setShow(false),setDisabled:g,syncListeners:()=>{if(f.el){c.syncListeners(undefined,f.el,true)}d===null||d===void 0?void 0:d.addEventListener("toggle",N)},destroy:()=>{c.destroy();if(d){d.removeEventListener("toggle",N);d=undefined}m.destroy()}}};export{N as c};
-//# sourceMappingURL=item-CD8r4zxe.js.map

package/dist/kolibri/item-CIIV_ncI.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as t}from"./index-BtYjJomD.js";import{t as e}from"./i18n-CEIPukO1.js";import{b as s}from"./bem-registry-Bma6U-JA.js";import{n,c as o}from"./dev.utils-DVPKJwhh.js";import{B as i}from"./component-B5OmtChm.js";import{B as a}from"./component-CoN6ZwTo.js";import{p as l,S as r}from"./common-DuSFcfNN.js";import{d as c,K as u}from"./events-CRHxtwup.js";import{r as p,a as g}from"./unique-nav-labels-Cexq1CaF.js";import{c as h,q as f,a as d,b as m,e as b}from"./base-web-component-DK8TT74a.js";import{g as v,e as C}from"./variant-BeDn7Bgo.js";import{c as y}from"./item-Cj7w26xK.js";import{c as j}from"./item-pool-BOxAYePG.js";import{c as S}from"./element-interaction-Cy9tx3Sx.js";import{B as z,s as k}from"./base-web-component-t9oDjRt3.js";const x=h("boundaryCount",1,(t=>Math.max(0,t)));const O=h("page",0,f);const B=h("pageSize",1,f);const _=/^\[object Object\]$/;function P(t){if(t===""||typeof t==="string"&&_.test(t)){throw new Error("Unreflected page size options")}const e=typeof t==="string"?l(t):t;if(Array.isArray(e)&&e.every((t=>typeof t==="number"))){return e.map((t=>({label:`${t}`,value:t})))}throw new Error("Invalid page size options")}const w=h("pageSizeOptions",[],P);const A=d();const D=["first","last","next","previous"];const $=t=>({first:t,last:t,next:t,previous:t});function F(t){if(typeof t==="boolean"){return $(t)}if(typeof t==="object"&&t!==null){const e={};D.forEach((s=>{const n=t[s];if(typeof n==="boolean"){e[s]=n}}));return e}if(typeof t==="string"){const e=l(t);return typeof e==="object"&&e!==null?F(e):$(false)}throw new Error("Invalid pagination buttons")}const K=h("hasButtons",$(true),F);const T=h("label","",m);const E=h("max",0,f);const I=h("siblingCount",1,(t=>Math.max(0,t)));const M={required:[O,A,E],optional:[x,v,w,B,K,T,I,C]};const q=(t,e=1)=>Math.ceil(t/e);const H=(t,e,s)=>{if(s>0){const n=q(s,e);if(n>0){if(t>n){return n}if(t<1){return 1}}}return undefined};const J=(t,e)=>{var s,n;if(e.length>0){return(n=(s=e.find((e=>e.value===t)))===null||s===void 0?void 0:s.value)!==null&&n!==void 0?n:e[0].value}return t};const N=(t,e,s,n)=>{const o=[];let i=false;for(let a=1;a<=e;a++){if(a<=s||a>e-s||a>=t-n&&a<=t+n){i=true;o.push({page:a,selected:a===t})}else if(i){i=false;o.push("separator")}else{o.push(null)}}return o};const L=(t,e,s)=>{const n=t*e;return{start:Math.max(0,(t-1)*e+1),end:s<n?s:n}};const R=s.forBlock("kol-pagination");const U={left:"kolicon-chevron-double-left"};const Y={left:"kolicon-chevron-left"};const G={right:"kolicon-chevron-right"};const V={right:"kolicon-chevron-double-right"};const Z=(t=>t.includes("-")?t:`${t}-${t.toUpperCase()}`)(navigator.language||"de-DE");const Q=new Intl.NumberFormat(Z,{style:"decimal",minimumFractionDigits:0,maximumFractionDigits:0});const W=({boundaryCount:s,customClass:o,getButtonFcProps:i,handlePageClick:l,hasButtons:r,label:c,max:u,navigationCallbacks:p,page:g,pageSize:h,pageSizeOptions:f,renderPageSizeSelect:d,siblingCount:m,tooltipAlign:b})=>{const v=q(u,h);const{start:C,end:y}=L(g,h,u);const j=(e,s,n,l)=>t("li",null,t(a,Object.assign({},i(`navigation-${e}`,{_customClass:o,_disabled:l,_icons:s,_hideLabel:true,_label:n,_on:p[e],_tooltipAlign:b},{class:R("button",{[e]:true})}))));const S=(s,r)=>{const c=Q.format(s);const u=`${e("kol-page")} ${c}`;return t("li",{key:n()},r?t(a,Object.assign({},i(`page-${s}`,{_ariaDescription:u,_customClass:o,_label:c},{"aria-current":"page",class:`${R("button",{selected:true})} selected`}))):t(a,Object.assign({},i(`page-${s}`,{_ariaDescription:u,_customClass:o,_label:c,_on:{onClick:t=>l(t,s)}},{class:R("button",{numbers:true})}))))};return[t("span",{role:"status","aria-live":"polite",class:R("entries")},e("kol-table-visible-range",{placeholders:{start:Q.format(C),end:Q.format(y),total:Q.format(u)}})),t("nav",{class:R("navigation"),"aria-label":c},t("ul",{class:R("navigation-list")},r.first&&j("first",U,e("kol-page-first"),g<=1),r.previous&&j("previous",Y,e("kol-page-back"),g<=1),N(g,v,s,m).map((e=>e===null?null:e==="separator"?t("li",{key:n()},t("span",{class:R("separator"),"aria-hidden":"true"})):S(e.page,e.selected))),r.next&&j("next",G,e("kol-page-next"),v<=g),r.last&&j("last",V,e("kol-page-last"),v<=g))),(f===null||f===void 0?void 0:f.length)>0&&t("div",{class:"page-size"},t("div",{class:R("page-size-select")},d({label:e("kol-entries-per-site"),options:f,value:h})))]};const X=e=>t(i,{block:"kol-pagination"},t(W,Object.assign({},e)));class tt extends z{constructor(t,e){super();this.getHost=t;this.requestRender=e;this._disabled=false;this._multiple=false;this.ctaRef=S();this.id=o("select");this.loaded=false;this.focused=false;this.touched=false;this.initFormAssociation("select")}get host(){var t;return(t=this.getHost)===null||t===void 0?void 0:t.call(this)}get inputHasFocus(){return this.focused}set inputHasFocus(t){if(t!==this.focused){this.focused=t;this.requestRender()}}get _touched(){return this.touched}set _touched(t){if(t!==this.touched){this.touched=t===true;this.applyTouched(t);this.requestRender()}}get _value(){return this.value}set _value(t){if(t!==this.value){this.value=t;this.applyValue(t);this.requestRender()}}getAccessKeyProp(){return undefined}getShortKeyProp(){return undefined}render(t){if(this.loaded){this.update(t)}else{this.load(t)}return this.renderSelectField()}sync(){this.syncFormField()}destroy(){this.destroyFormField()}load(t){this.passed=t;this._on=t.on;this.value=t.value;this.initRenderProps(k);this.applyAriaDetails(undefined);this.applyName(undefined);this.applySyncValueBySelector(undefined);this.applyTouched(false);this.applyAccessKey(undefined);this.applyMsg(undefined);this.applyDisabled(false);this.applyHideMsg(false);this.applyHideLabel(false);this.applyHint("");this.applyInfoPopover(undefined);this.applyLabel(t.label);this.applyShortKey(undefined);this.applyOn(t.on);this.applyTooltipAlign("top");this.applyVariant(undefined);this.applyTabIndex(undefined);this.applyIcons(undefined);this.applyOptions(t.options);this.applyMultiple(false);this.applyRequired(false);this.applyRows(undefined);this.applyValue(t.value);this.loaded=true}update(t){const e=this.passed;this.passed=t;if(t.label!==e.label){this.applyLabel(t.label)}if(t.options!==e.options){this.applyOptions(t.options)}if(t.on!==e.on){this._on=t.on;this.applyOn(t.on)}if(t.value!==e.value&&t.value!==this.value){this.value=t.value;this.applyValue(t.value)}}}const et=["boundaryCount","customClass","hasButtons","on","page","pageSize","pageSizeOptions","siblingCount","tooltipAlign","max","label"];const st=()=>{const t=b(M);return{get:e=>t[e],set:(e,s)=>{t[e]=s}}};const nt=t=>{var s;const n=(s=t.store)!==null&&s!==void 0?s:st();const o=e("kol-pagination");const i=j((()=>y(t.getEventTarget)),(t=>t.syncListeners()),(t=>t.destroy()));const a=(t,e,s)=>i.get(t).getFcProps(e,s);const l=j((()=>new tt(t.getEventTarget,t.requestRender)),(t=>t.sync()),(t=>t.destroy()));let h=1;let f={};n.set("label",o);const d=(e,s)=>{setTimeout((()=>{var o,i;(i=(o=n.get("on")).onChangePage)===null||i===void 0?void 0:i.call(o,e,s);const a=t.getEventTarget();if(a){c(a,u.changePage,s)}}))};const m=(t,e,s)=>{const o=H(t,e,s);if(o!==undefined){n.set("page",o);d(r,o)}};const b=t=>{if(t===undefined||t===null){return}B.apply(t,(t=>{const e=J(t,n.get("pageSizeOptions"));n.set("pageSize",e);m(n.get("page"),e,n.get("max"))}))};const S=(t,e)=>{if(!e){p(n.get("label"))}T.apply(t!==null&&t!==void 0?t:o,(t=>n.set("label",t)));g(n.get("label"))};const z=(e,s)=>{var o,i;(i=(o=n.get("on")).onClick)===null||i===void 0?void 0:i.call(o,e,s);const a=t.getEventTarget();if(a){c(a,u.click,s)}d(e,s)};const k=(e,s)=>{const o=parseInt(s);if(o>0&&h!==o){b(o);h=o;t.requestRender();setTimeout((()=>{var s,o;const i=h;(o=(s=n.get("on")).onChangePageSize)===null||o===void 0?void 0:o.call(s,e,i);const a=t.getEventTarget();if(a){c(a,u.changePageSize,i)}}))}};const _={onChange:k};const P=t=>l.get("page-size").render(Object.assign(Object.assign({},t),{on:_}));const D={first:{onClick:t=>z(t,1)},last:{onClick:t=>z(t,q(n.get("max"),n.get("pageSize")))},next:{onClick:t=>z(t,n.get("page")+1)},previous:{onClick:t=>z(t,n.get("page")-1)}};const $={applyBoundaryCount:t=>x.apply(t,(t=>n.set("boundaryCount",t))),applyCustomClass:t=>v.apply(t,(t=>n.set("customClass",t))),applyHasButtons:t=>K.apply(t,(t=>n.set("hasButtons",Object.assign(Object.assign({},n.get("hasButtons")),t)))),applyLabel:t=>S(t,false),applyMax:t=>{if(t===undefined||t===null){return}E.apply(t,(t=>{n.set("max",t);m(n.get("page"),n.get("pageSize"),t)}))},applyOn:t=>A.apply(t,(t=>n.set("on",t))),applyPage:t=>{if(t===undefined||t===null){return}O.apply(t,(t=>{n.set("page",t);m(t,n.get("pageSize"),n.get("max"))}))},applyPageSize:t=>{b(t);h=t},applyPageSizeOptions:t=>w.apply(t,(t=>{n.set("pageSizeOptions",t);let e;if(t.length>0){e=J(n.get("pageSize"),t);n.set("pageSize",e)}m(n.get("page"),e,n.get("max"))})),applySiblingCount:t=>I.apply(t,(t=>n.set("siblingCount",t))),applyTooltipAlign:t=>C.apply(t!==null&&t!==void 0?t:"top",(t=>n.set("tooltipAlign",t))),load:t=>{f=Object.assign({},t);$.applyBoundaryCount(t.boundaryCount);$.applyCustomClass(t.customClass);$.applyHasButtons(t.hasButtons);S(t.label,true);$.applyOn(t.on);$.applyPage(t.page);$.applyPageSize(t.pageSize);$.applyPageSizeOptions(t.pageSizeOptions);$.applySiblingCount(t.siblingCount);$.applyTooltipAlign(t.tooltipAlign);$.applyMax(t.max);$.applyPage(t.page)},update:t=>{for(const e of et){if(t[e]!==f[e]){f=Object.assign(Object.assign({},f),{[e]:t[e]});if(e!=="pageSize"||t.pageSize!==h){F[e](t[e])}}}},getFcProps:()=>{i.beginRender();l.beginRender();return{boundaryCount:n.get("boundaryCount"),customClass:n.get("customClass"),getButtonFcProps:a,handlePageClick:z,handlePageSizeChange:k,hasButtons:n.get("hasButtons"),label:n.get("label"),max:n.get("max"),navigationCallbacks:D,on:n.get("on"),page:n.get("page"),pageSize:n.get("pageSize"),pageSizeOptions:n.get("pageSizeOptions"),renderPageSizeSelect:P,siblingCount:n.get("siblingCount"),tooltipAlign:n.get("tooltipAlign")}},sync:()=>{i.endRender();l.endRender()},destroy:()=>{p(n.get("label"));i.destroy();l.destroy()}};const F={boundaryCount:$.applyBoundaryCount,customClass:$.applyCustomClass,hasButtons:$.applyHasButtons,label:$.applyLabel,max:$.applyMax,on:$.applyOn,page:$.applyPage,pageSize:$.applyPageSize,pageSizeOptions:$.applyPageSizeOptions,siblingCount:$.applySiblingCount,tooltipAlign:$.applyTooltipAlign};return $};export{X as P,nt as c,M as p};
-//# sourceMappingURL=item-CIIV_ncI.js.map

package/dist/kolibri/resolve-props-USwvESw_.js

@@ -1,5 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{v as a}from"./access-and-short-key-ijzCZfHm.js";import"./common-DuSFcfNN.js";import{a as s,b as o,c as r,f as e,g as i,h as t,s as l,i as n,l as d,d as m,e as p,v as f,t as c}from"./variant-BeDn7Bgo.js";import{l as b,a as u,c as h,d as j,b as v}from"./api-CN_pBHgH.js";import{d as g}from"./disabled-Ch6DBLjt.js";import{h as C}from"./href-2YrdryZ6.js";import{e as D}from"./base-web-component-DK8TT74a.js";import{l as y}from"./label-with-expert-slot-D91L4OW1.js";import{l as B}from"./link-target-BHp6l4YE.js";const w={disabled:false,hideLabel:false,inline:true,tooltipAlign:"right"};function x(x){var H,L,K,N;const k=D(b);const A=a=>s=>{k[a]=s};C.apply(x._href,A("href"));s.apply(x._accessKey,A("accessKey"));o.apply(x._ariaControls,A("ariaControls"));u.apply(x._ariaCurrentValue,A("ariaCurrentValue"));r.apply(x._ariaDescription,A("ariaDescription"));e.apply(x._ariaExpanded,A("ariaExpanded"));h.apply(x._ariaOwns,A("ariaOwns"));i.apply(x._customClass,A("customClass"));g.apply((H=x._disabled)!==null&&H!==void 0?H:w.disabled,A("disabled"));j.apply(x._download,A("download"));t.apply((L=x._hideLabel)!==null&&L!==void 0?L:w.hideLabel,A("hideLabel"));l.apply(x._icons,A("icons"));n.apply((K=x._inline)!==null&&K!==void 0?K:w.inline,A("inline"));y.apply(x._label,A("label"));v.apply(x._on,A("on"));d.apply(x._role,A("role"));m.apply(x._shortKey,A("shortKey"));B.apply(x._target,A("target"));p.apply((N=x._tooltipAlign)!==null&&N!==void 0?N:w.tooltipAlign,A("tooltipAlign"));f.apply(x._variant,A("variant"));if(typeof x._tabIndex==="number"){c.apply(x._tabIndex,A("tabIndex"))}else{k.tabIndex=undefined}a(x._accessKey,x._shortKey);return k}export{x as r};
-//# sourceMappingURL=resolve-props-USwvESw_.js.map