npm - @public-ui/components - Versions diffs - 4.3.0-rc.1 → 4.3.0-rc.2 - Mend

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

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

Files changed (1315) hide show

package/dist/collection/components/toolbar/style.css CHANGED Viewed

@@ -18,9 +18,14 @@
 @layer kol-a11y {
   :host {
     /*
-                   * Minimum size of interactive elements.
-                   */
-    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));
+     * Minimum size of interactive elements.
+     *
+     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:
+     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose
+     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's
+     * rounding, dropping just below the required minimum.
+     */
+    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);
     /*
      * No element should be used without verifying the contrast ratio of its background and font colors.
      * By initially setting the background color to white and the font color to black,
@@ -202,8 +207,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1780919027063"); /* IE9*/
-  src: url("kolicons.eot?t=1780919027063#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780919027063") format("woff2"), url("kolicons.woff?t=1780919027063") format("woff"), url("kolicons.ttf?t=1780919027063") format("truetype"), url("kolicons.svg?t=1780919027063#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
+  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/tooltip/component.js CHANGED Viewed

@@ -49,7 +49,7 @@ export class KolTooltipWc {
         (_a = this.controller) === null || _a === void 0 ? void 0 : _a.destroy();
     }
     render() {
-        return (h(Host, { key: 'f677d58b886cdb9f1aab620608155ee412e0ef7d', class: "kol-tooltip" }, h(TooltipFC, { key: 'd86d1adc81a94fbb1116532e9f2529d96362834d', label: this.controller.getRenderProp('label'), badgeText: this._badgeText, id: this.controller.getRenderProp('id'), refFloating: (el) => { var _a; return (_a = this.controller) === null || _a === void 0 ? void 0 : _a.setTooltipElementRef(el); } })));
+        return (h(Host, { key: 'a53a016bddcefab710ae6f44221a0e4ffe44b84a', class: "kol-tooltip" }, h(TooltipFC, { key: 'edd70a17cc202deae7ecbbc9b8ba9ebf63c1db6f', label: this.controller.getRenderProp('label'), badgeText: this._badgeText, id: this.controller.getRenderProp('id'), refFloating: (el) => { var _a; return (_a = this.controller) === null || _a === void 0 ? void 0 : _a.setTooltipElementRef(el); } })));
     }
     static get is() { return "kol-tooltip-wc"; }
     static get properties() {

package/dist/collection/components/tree/component.js CHANGED Viewed

@@ -23,7 +23,7 @@ export class KolTreeWc {
         await Promise.resolve((this.cacheValid = false));
     }
     render() {
-        return (h(Host, { key: 'e959e7567723280a3d2b977fd517a8a244da4f1d', onSlotchange: this.handleSlotchange.bind(this) }, h("nav", { key: 'b52775ce12c956296121529050946f6df7ba4297', class: "kol-tree", "aria-label": this.state._label }, h("ul", { key: '009f17ecffc6cc4548c61a16592fa72d9f6b82ec', class: "kol-tree__treeview-navigation", role: "tree", "aria-label": this.state._label }, h("slot", { key: '4c929606aa81ed19511e29f31c002343083114b9' })))));
+        return (h(Host, { key: 'ee07abb3b748443010336d2d6b2cf99e6ad10d64', onSlotchange: this.handleSlotchange.bind(this) }, h("nav", { key: 'aeb88ca3da07336fa1aa164723246bd7b69da7f3', class: "kol-tree", "aria-label": this.state._label }, h("ul", { key: '108e2ede70e08f5e77ada9961b47e57fcad50a3a', class: "kol-tree__treeview-navigation", role: "tree", "aria-label": this.state._label }, h("slot", { key: '0b67541fbb1e2f5eab04837fe1478296256baed2' })))));
     }
     static isTreeItem(element) {
         return (element === null || element === void 0 ? void 0 : element.tagName) === KolTreeItemTag.toUpperCase();

package/dist/collection/components/tree/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/tree/component.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { KolTreeItemTag, KolTreeTag } from '../../core/component-names';\nimport type { FocusableElement, KolFocusOptions, LabelPropType, TreeAPI, TreeStates } from '../../schema';\nimport { validateLabel } from '../../schema';\n\n/*\n @internal\n /\n@Component({\n\ttag: 'kol-tree-wc',\n\tshadow: false,\n})\nexport class KolTreeWc implements TreeAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolTreeWcElement;\n\n\t@State() public state: TreeStates = {\n\t\t_label: '',\n\t};\n\tprivate observer?: MutationObserver;\n\tprivate treeItemElements?: HTMLKolTreeItemElement[];\n\tprivate cachedOpenItems?: HTMLKolTreeItemElement[] \| undefined;\n\tprivate cacheValid = false;\n\tprivate rafHandle?: number;\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t /\n\t@Prop() _label!: LabelPropType;\n\n\t@Watch('_label') validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t/\n\t Sets focus on the first focusable tree item.\n\t /\n\t@Method()\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {\n\t\tconst openItems = await this.getOpenTreeItemElements();\n\t\tawait openItems?.[0]?.focus(options);\n\t}\n\n\t/\n\t Invalidates the cache for open tree items.\n\t * Called by tree-item when expand/collapse occurs.\n\t * @internal\n\t /\n\t@Method()\n\tpublic async invalidateOpenItemsCache(): Promise<void> {\n\t\tawait Promise.resolve((this.cacheValid = false));\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host onSlotchange={this.handleSlotchange.bind(this)}>\n\t\t\t\t<nav class=\"kol-tree\" aria-label={this.state._label}>\n\t\t\t\t\t<ul class=\"kol-tree__treeview-navigation\" role=\"tree\" aria-label={this.state._label}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate static isTreeItem(this: void, element?: HTMLElement \| null): element is HTMLKolTreeItemElement {\n\t\treturn element?.tagName === KolTreeItemTag.toUpperCase();\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\n\t\tthis.handleTreeChange();\n\t\tthis.observeChildListMutations();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.observer?.disconnect();\n\t\tif (this.rafHandle !== undefined) {\n\t\t\tcancelAnimationFrame(this.rafHandle);\n\t\t\tthis.rafHandle = undefined;\n\t\t}\n\t}\n\n\tprivate observeChildListMutations() {\n\t\tthis.observer = new MutationObserver(() => this.scheduleTreeChange());\n\t\tthis.observeTopLevelItems();\n\t}\n\n\tprivate handleSlotchange() {\n\t\tthis.observeTopLevelItems();\n\t\tthis.scheduleTreeChange();\n\t}\n\n\tprivate observeTopLevelItems() {\n\t\tthis.getTopLevelTreeItems()?.forEach((treeItem) => {\n\t\t\tthis.observer?.observe(treeItem, { childList: true, subtree: true });\n\t\t});\n\t}\n\n\tprivate scheduleTreeChange() {\n\t\tif (this.rafHandle) cancelAnimationFrame(this.rafHandle);\n\t\tthis.rafHandle = requestAnimationFrame(() => {\n\t\t\tthis.handleTreeChange();\n\t\t});\n\t}\n\n\tprivate getTopLevelTreeItems(): HTMLKolTreeItemElement[] {\n\t\treturn (this.host?.querySelector('slot')?.assignedNodes?.() as HTMLElement[])?.filter(KolTreeWc.isTreeItem);\n\t}\n\n\tprivate handleTreeChange(): void {\n\t\tthis.treeItemElements = this.getTreeItemElements();\n\t\tthis.cacheValid = false;\n\t\tvoid this.ensureActiveItemVisibility();\n\t}\n\n\t/\n\t Returns array of all TreeItem elements in the order they appear\n\t /\n\tprivate getTreeItemElements(): HTMLKolTreeItemElement[] {\n\t\treturn this.getTopLevelTreeItems()?.reduce((accumulator: HTMLKolTreeItemElement[], currentValue: HTMLKolTreeItemElement) => {\n\t\t\tconst children = currentValue.querySelectorAll(KolTreeItemTag);\n\n\t\t\treturn [...accumulator, currentValue, ...children];\n\t\t}, []);\n\t}\n\n\tprivate async getOpenTreeItemElements(): Promise<HTMLKolTreeItemElement[] \| undefined> {\n\t\tif (!this.treeItemElements) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Cache-Hit: Return cached result\n\t\tif (this.cacheValid && this.cachedOpenItems) {\n\t\t\treturn this.cachedOpenItems;\n\t\t}\n\n\t\tconst areAllParentsOpen = async (element: HTMLKolTreeItemElement): Promise<boolean> => {\n\t\t\tlet parent = element.parentElement as HTMLKolTreeItemElement \| null;\n\t\t\twhile (parent && KolTreeWc.isTreeItem(parent)) {\n\t\t\t\tif (!(await parent.isOpen())) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tparent = parent.parentElement as HTMLKolTreeItemElement \| null;\n\t\t\t}\n\t\t\treturn true;\n\t\t};\n\n\t\t// Cache the result\n\t\tthis.cachedOpenItems = await Promise.all(\n\t\t\tthis.treeItemElements.map(async (item) => ({\n\t\t\t\titem,\n\t\t\t\tisOpen: await areAllParentsOpen(item),\n\t\t\t})),\n\t\t).then((results) => results.filter(({ isOpen }) => isOpen).map(({ item }) => item));\n\t\tthis.cacheValid = true;\n\n\t\treturn this.cachedOpenItems;\n\t}\n\n\t@Listen('keydown')\n\tpublic async handleKeyDown(event: KeyboardEvent) {\n\t\tconst openItems = await this.getOpenTreeItemElements();\n\t\tconst currentTreeItem: HTMLKolTreeItemElement \| undefined \| null = document.activeElement?.closest(KolTreeItemTag);\n\t\tconst hasModifierKeyPressed = event.metaKey \|\| event.altKey \|\| event.ctrlKey \|\| event.shiftKey;\n\n\t\tif (!openItems \|\| !currentTreeItem) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentIndex = openItems?.findIndex((elem) => elem === currentTreeItem);\n\n\t\tswitch (event.key) {\n\t\t\tcase 'ArrowDown': {\n\t\t\t\tawait openItems[currentIndex + 1]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'ArrowUp': {\n\t\t\t\tawait openItems[currentIndex - 1]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Right':\n\t\t\tcase 'ArrowRight': {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (await currentTreeItem.isOpen()) {\n\t\t\t\t\tawait openItems[currentIndex + 1]?.focus();\n\t\t\t\t} else {\n\t\t\t\t\tawait currentTreeItem.expand();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Left':\n\t\t\tcase 'ArrowLeft': {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (await currentTreeItem.isOpen()) {\n\t\t\t\t\tawait currentTreeItem.collapse();\n\t\t\t\t} else {\n\t\t\t\t\tconst parentItem = currentTreeItem.parentElement as HTMLKolTreeItemElement \| null;\n\t\t\t\t\tconst parentIndex = parentItem ? openItems.indexOf(parentItem) : -1;\n\t\t\t\t\tif (parentIndex !== -1) {\n\t\t\t\t\t\tawait openItems[parentIndex]?.focus();\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Home': {\n\t\t\t\tawait openItems[0]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'End': {\n\t\t\t\tawait openItems[openItems.length - 1]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase event.key.match(/^[a-zA-Z0-9]$/)?.input: {\n\t\t\t\t/ Ignore events with any modifier key to avoid breaking native browser or OS shortcuts such as ⌘+L /\n\t\t\t\tif (!hasModifierKeyPressed) {\n\t\t\t\t\tconst char = event.key.toLowerCase();\n\t\t\t\t\tconst startIndex = openItems.indexOf(currentTreeItem) + 1;\n\n\t\t\t\t\t// Search from startIndex to end\n\t\t\t\t\tlet matchIndex = openItems.slice(startIndex).findIndex((item) => item.getAttribute('_label')?.trim().toLowerCase().startsWith(char));\n\n\t\t\t\t\t// If not found, wrap around to beginning\n\t\t\t\t\tif (matchIndex === -1) {\n\t\t\t\t\t\tmatchIndex = openItems.slice(0, startIndex).findIndex((item) => item.getAttribute('_label')?.trim().toLowerCase().startsWith(char));\n\t\t\t\t\t\t// Adjust matchIndex if found in wrap-around\n\t\t\t\t\t\tif (matchIndex !== -1) {\n\t\t\t\t\t\t\t// matchIndex is already correct (0-based from slice(0, startIndex))\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// matchIndex is from slice(startIndex), so add startIndex to get actual index\n\t\t\t\t\t\tmatchIndex += startIndex;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (matchIndex !== -1) {\n\t\t\t\t\t\tawait openItems[matchIndex]?.focus();\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase '': {\n\t\t\t\tconst siblings = currentTreeItem.parentElement?.querySelectorAll(KolTreeItemTag);\n\t\t\t\tsiblings?.forEach((element) => {\n\t\t\t\t\tvoid element.expand();\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\t@Listen('focusin')\n\tpublic handleFocusIn(event: FocusEvent) {\n\t\t// Only delegate if no tree item is already focused\n\t\tif (event.target === this.host && !document.activeElement?.closest(KolTreeItemTag)) {\n\t\t\t// Defer to next frame to ensure tree is fully ready\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tvoid this.focus();\n\t\t\t});\n\t\t}\n\t}\n\n\t@Listen('focusout')\n\tpublic handleFocusOut(event: FocusEvent) {\n\t\tif (event.relatedTarget && !(event.relatedTarget as Element).closest(KolTreeTag)) {\n\t\t\t/* Tree lost focus */\n\t\t\tthis.ensureActiveItemVisibility();\n\t\t}\n\t}\n\n\tprivate ensureActiveItemVisibility() {\n\t\tconst findActiveItem = (): HTMLKolTreeItemElement \| undefined => {\n\t\t\tconst rootNodes = (this.host?.querySelector('slot')?.assignedNodes?.() as HTMLElement[])?.filter(KolTreeWc.isTreeItem) ?? [];\n\t\t\tfor (const rootNode of rootNodes) {\n\t\t\t\tif (rootNode._active) {\n\t\t\t\t\treturn rootNode;\n\t\t\t\t}\n\t\t\t\tconst childMatch = rootNode.querySelector(`${KolTreeItemTag}[_active=\"true\"]`);\n\t\t\t\tif (childMatch && (childMatch as HTMLKolTreeItemElement)._active) {\n\t\t\t\t\treturn childMatch as HTMLKolTreeItemElement;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tconst expandParentElements = (element: HTMLKolTreeItemElement) => {\n\t\t\tif (KolTreeWc.isTreeItem(element.parentElement)) {\n\t\t\t\tvoid element.parentElement.expand();\n\t\t\t\texpandParentElements(element.parentElement);\n\t\t\t}\n\t\t};\n\n\t\tconst target = findActiveItem();\n\t\tif (target) {\n\t\t\texpandParentElements(target);\n\t\t}\n\t}\n}\n"]}
1	+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/tree/component.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { KolTreeItemTag, KolTreeTag } from '../../core/component-names';\nimport type { FocusableElement, KolFocusOptions, LabelPropType, TreeAPI, TreeStates } from '../../schema';\nimport { validateLabel } from '../../schema';\n\n/*\n @internal\n /\n@Component({\n\ttag: 'kol-tree-wc',\n\tshadow: false,\n})\nexport class KolTreeWc implements FocusableElement, TreeAPI {\n\t@Element() private readonly host?: HTMLKolTreeWcElement;\n\n\t@State() public state: TreeStates = {\n\t\t_label: '',\n\t};\n\tprivate observer?: MutationObserver;\n\tprivate treeItemElements?: HTMLKolTreeItemElement[];\n\tprivate cachedOpenItems?: HTMLKolTreeItemElement[] \| undefined;\n\tprivate cacheValid = false;\n\tprivate rafHandle?: number;\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t /\n\t@Prop() _label!: LabelPropType;\n\n\t@Watch('_label') validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t/\n\t Sets focus on the first focusable tree item.\n\t /\n\t@Method()\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {\n\t\tconst openItems = await this.getOpenTreeItemElements();\n\t\tawait openItems?.[0]?.focus(options);\n\t}\n\n\t/\n\t Invalidates the cache for open tree items.\n\t * Called by tree-item when expand/collapse occurs.\n\t * @internal\n\t /\n\t@Method()\n\tpublic async invalidateOpenItemsCache(): Promise<void> {\n\t\tawait Promise.resolve((this.cacheValid = false));\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host onSlotchange={this.handleSlotchange.bind(this)}>\n\t\t\t\t<nav class=\"kol-tree\" aria-label={this.state._label}>\n\t\t\t\t\t<ul class=\"kol-tree__treeview-navigation\" role=\"tree\" aria-label={this.state._label}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate static isTreeItem(this: void, element?: HTMLElement \| null): element is HTMLKolTreeItemElement {\n\t\treturn element?.tagName === KolTreeItemTag.toUpperCase();\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\n\t\tthis.handleTreeChange();\n\t\tthis.observeChildListMutations();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.observer?.disconnect();\n\t\tif (this.rafHandle !== undefined) {\n\t\t\tcancelAnimationFrame(this.rafHandle);\n\t\t\tthis.rafHandle = undefined;\n\t\t}\n\t}\n\n\tprivate observeChildListMutations() {\n\t\tthis.observer = new MutationObserver(() => this.scheduleTreeChange());\n\t\tthis.observeTopLevelItems();\n\t}\n\n\tprivate handleSlotchange() {\n\t\tthis.observeTopLevelItems();\n\t\tthis.scheduleTreeChange();\n\t}\n\n\tprivate observeTopLevelItems() {\n\t\tthis.getTopLevelTreeItems()?.forEach((treeItem) => {\n\t\t\tthis.observer?.observe(treeItem, { childList: true, subtree: true });\n\t\t});\n\t}\n\n\tprivate scheduleTreeChange() {\n\t\tif (this.rafHandle) cancelAnimationFrame(this.rafHandle);\n\t\tthis.rafHandle = requestAnimationFrame(() => {\n\t\t\tthis.handleTreeChange();\n\t\t});\n\t}\n\n\tprivate getTopLevelTreeItems(): HTMLKolTreeItemElement[] {\n\t\treturn (this.host?.querySelector('slot')?.assignedNodes?.() as HTMLElement[])?.filter(KolTreeWc.isTreeItem);\n\t}\n\n\tprivate handleTreeChange(): void {\n\t\tthis.treeItemElements = this.getTreeItemElements();\n\t\tthis.cacheValid = false;\n\t\tvoid this.ensureActiveItemVisibility();\n\t}\n\n\t/\n\t Returns array of all TreeItem elements in the order they appear\n\t /\n\tprivate getTreeItemElements(): HTMLKolTreeItemElement[] {\n\t\treturn this.getTopLevelTreeItems()?.reduce((accumulator: HTMLKolTreeItemElement[], currentValue: HTMLKolTreeItemElement) => {\n\t\t\tconst children = currentValue.querySelectorAll(KolTreeItemTag);\n\n\t\t\treturn [...accumulator, currentValue, ...children];\n\t\t}, []);\n\t}\n\n\tprivate async getOpenTreeItemElements(): Promise<HTMLKolTreeItemElement[] \| undefined> {\n\t\tif (!this.treeItemElements) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Cache-Hit: Return cached result\n\t\tif (this.cacheValid && this.cachedOpenItems) {\n\t\t\treturn this.cachedOpenItems;\n\t\t}\n\n\t\tconst areAllParentsOpen = async (element: HTMLKolTreeItemElement): Promise<boolean> => {\n\t\t\tlet parent = element.parentElement as HTMLKolTreeItemElement \| null;\n\t\t\twhile (parent && KolTreeWc.isTreeItem(parent)) {\n\t\t\t\tif (!(await parent.isOpen())) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tparent = parent.parentElement as HTMLKolTreeItemElement \| null;\n\t\t\t}\n\t\t\treturn true;\n\t\t};\n\n\t\t// Cache the result\n\t\tthis.cachedOpenItems = await Promise.all(\n\t\t\tthis.treeItemElements.map(async (item) => ({\n\t\t\t\titem,\n\t\t\t\tisOpen: await areAllParentsOpen(item),\n\t\t\t})),\n\t\t).then((results) => results.filter(({ isOpen }) => isOpen).map(({ item }) => item));\n\t\tthis.cacheValid = true;\n\n\t\treturn this.cachedOpenItems;\n\t}\n\n\t@Listen('keydown')\n\tpublic async handleKeyDown(event: KeyboardEvent) {\n\t\tconst openItems = await this.getOpenTreeItemElements();\n\t\tconst currentTreeItem: HTMLKolTreeItemElement \| undefined \| null = document.activeElement?.closest(KolTreeItemTag);\n\t\tconst hasModifierKeyPressed = event.metaKey \|\| event.altKey \|\| event.ctrlKey \|\| event.shiftKey;\n\n\t\tif (!openItems \|\| !currentTreeItem) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentIndex = openItems?.findIndex((elem) => elem === currentTreeItem);\n\n\t\tswitch (event.key) {\n\t\t\tcase 'ArrowDown': {\n\t\t\t\tawait openItems[currentIndex + 1]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'ArrowUp': {\n\t\t\t\tawait openItems[currentIndex - 1]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Right':\n\t\t\tcase 'ArrowRight': {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (await currentTreeItem.isOpen()) {\n\t\t\t\t\tawait openItems[currentIndex + 1]?.focus();\n\t\t\t\t} else {\n\t\t\t\t\tawait currentTreeItem.expand();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Left':\n\t\t\tcase 'ArrowLeft': {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (await currentTreeItem.isOpen()) {\n\t\t\t\t\tawait currentTreeItem.collapse();\n\t\t\t\t} else {\n\t\t\t\t\tconst parentItem = currentTreeItem.parentElement as HTMLKolTreeItemElement \| null;\n\t\t\t\t\tconst parentIndex = parentItem ? openItems.indexOf(parentItem) : -1;\n\t\t\t\t\tif (parentIndex !== -1) {\n\t\t\t\t\t\tawait openItems[parentIndex]?.focus();\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Home': {\n\t\t\t\tawait openItems[0]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'End': {\n\t\t\t\tawait openItems[openItems.length - 1]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase event.key.match(/^[a-zA-Z0-9]$/)?.input: {\n\t\t\t\t/ Ignore events with any modifier key to avoid breaking native browser or OS shortcuts such as ⌘+L /\n\t\t\t\tif (!hasModifierKeyPressed) {\n\t\t\t\t\tconst char = event.key.toLowerCase();\n\t\t\t\t\tconst startIndex = openItems.indexOf(currentTreeItem) + 1;\n\n\t\t\t\t\t// Search from startIndex to end\n\t\t\t\t\tlet matchIndex = openItems.slice(startIndex).findIndex((item) => item.getAttribute('_label')?.trim().toLowerCase().startsWith(char));\n\n\t\t\t\t\t// If not found, wrap around to beginning\n\t\t\t\t\tif (matchIndex === -1) {\n\t\t\t\t\t\tmatchIndex = openItems.slice(0, startIndex).findIndex((item) => item.getAttribute('_label')?.trim().toLowerCase().startsWith(char));\n\t\t\t\t\t\t// Adjust matchIndex if found in wrap-around\n\t\t\t\t\t\tif (matchIndex !== -1) {\n\t\t\t\t\t\t\t// matchIndex is already correct (0-based from slice(0, startIndex))\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// matchIndex is from slice(startIndex), so add startIndex to get actual index\n\t\t\t\t\t\tmatchIndex += startIndex;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (matchIndex !== -1) {\n\t\t\t\t\t\tawait openItems[matchIndex]?.focus();\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase '': {\n\t\t\t\tconst siblings = currentTreeItem.parentElement?.querySelectorAll(KolTreeItemTag);\n\t\t\t\tsiblings?.forEach((element) => {\n\t\t\t\t\tvoid element.expand();\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\t@Listen('focusin')\n\tpublic handleFocusIn(event: FocusEvent) {\n\t\t// Only delegate if no tree item is already focused\n\t\tif (event.target === this.host && !document.activeElement?.closest(KolTreeItemTag)) {\n\t\t\t// Defer to next frame to ensure tree is fully ready\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tvoid this.focus();\n\t\t\t});\n\t\t}\n\t}\n\n\t@Listen('focusout')\n\tpublic handleFocusOut(event: FocusEvent) {\n\t\tif (event.relatedTarget && !(event.relatedTarget as Element).closest(KolTreeTag)) {\n\t\t\t/* Tree lost focus */\n\t\t\tthis.ensureActiveItemVisibility();\n\t\t}\n\t}\n\n\tprivate ensureActiveItemVisibility() {\n\t\tconst findActiveItem = (): HTMLKolTreeItemElement \| undefined => {\n\t\t\tconst rootNodes = (this.host?.querySelector('slot')?.assignedNodes?.() as HTMLElement[])?.filter(KolTreeWc.isTreeItem) ?? [];\n\t\t\tfor (const rootNode of rootNodes) {\n\t\t\t\tif (rootNode._active) {\n\t\t\t\t\treturn rootNode;\n\t\t\t\t}\n\t\t\t\tconst childMatch = rootNode.querySelector(`${KolTreeItemTag}[_active=\"true\"]`);\n\t\t\t\tif (childMatch && (childMatch as HTMLKolTreeItemElement)._active) {\n\t\t\t\t\treturn childMatch as HTMLKolTreeItemElement;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tconst expandParentElements = (element: HTMLKolTreeItemElement) => {\n\t\t\tif (KolTreeWc.isTreeItem(element.parentElement)) {\n\t\t\t\tvoid element.parentElement.expand();\n\t\t\t\texpandParentElements(element.parentElement);\n\t\t\t}\n\t\t};\n\n\t\tconst target = findActiveItem();\n\t\tif (target) {\n\t\t\texpandParentElements(target);\n\t\t}\n\t}\n}\n"]}

package/dist/collection/components/tree/shadow.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class KolTree {
     }
     async focus(options) { }
     render() {
-        return (h(KolTreeWcTag, { key: 'e040898cbd1832f69a365dbcbc59b269e1ac55f7', _label: this._label, ref: this.ctaRef }, h("slot", { key: '3d3213f69ce43f884b3ef31677d69473be02bed7' })));
+        return (h(KolTreeWcTag, { key: 'c3c1ea08961facbed8b660b2b5a9af5dd6662e3a', _label: this._label, ref: this.ctaRef }, h("slot", { key: '24592c12e290cbd9be0ea4825dcf651494c0ea1a' })));
     }
     static get is() { return "kol-tree"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tree/shadow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../src/components/tree/shadow.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAS9E,MAAM,OAAO,OAAO;IAPpB;QASoB,WAAM,GAAG,YAAY,EAAwB,CAAC;KAuBjE;IATa,AAAN,KAAK,CAAC,KAAK,CAAC,OAAyB,IAAkB,CAAC;IAExD,MAAM;QACZ,OAAO,CACN,EAAC,YAAY,qDAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM;YAClD,8DAAQ,CACM,CACf,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD;AATa;IAHZ,aAAa,CAAC,QAAQ,CAAC;oCAGuC","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop } from '@stencil/core';\n\nimport { KolTreeWcTag } from '../../core/component-names';\nimport type { FocusableElement, KolFocusOptions, LabelPropType, TreeProps } from '../../schema';\nimport { createCtaRef, delegateFocus } from '../../utils/element-interaction';\n\n@Component({\n\ttag: 'kol-tree',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTree implements ~~TreeProps~~, ~~FocusableElement~~ {\n\t@Element() protected readonly host?: HTMLKolTreeElement;\n\tprotected readonly ctaRef = createCtaRef<HTMLKolTreeWcElement>();\n\n\t/*\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t /\n\t@Prop() _label!: LabelPropType;\n\n\t/\n\t Sets focus on the first focusable tree item.\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\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolTreeWcTag _label={this._label} ref={this.ctaRef}>\n\t\t\t\t<slot />\n\t\t\t</KolTreeWcTag>\n\t\t);\n\t}\n}\n"]}
1	+ {"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../src/components/tree/shadow.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAS9E,MAAM,OAAO,OAAO;IAPpB;QASoB,WAAM,GAAG,YAAY,EAAwB,CAAC;KAuBjE;IATa,AAAN,KAAK,CAAC,KAAK,CAAC,OAAyB,IAAkB,CAAC;IAExD,MAAM;QACZ,OAAO,CACN,EAAC,YAAY,qDAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM;YAClD,8DAAQ,CACM,CACf,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD;AATa;IAHZ,aAAa,CAAC,QAAQ,CAAC;oCAGuC","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop } from '@stencil/core';\n\nimport { KolTreeWcTag } from '../../core/component-names';\nimport type { FocusableElement, KolFocusOptions, LabelPropType, TreeProps } from '../../schema';\nimport { createCtaRef, delegateFocus } from '../../utils/element-interaction';\n\n@Component({\n\ttag: 'kol-tree',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTree implements FocusableElement, TreeProps {\n\t@Element() protected readonly host?: HTMLKolTreeElement;\n\tprotected readonly ctaRef = createCtaRef<HTMLKolTreeWcElement>();\n\n\t/*\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t /\n\t@Prop() _label!: LabelPropType;\n\n\t/\n\t Sets focus on the first focusable tree item.\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\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolTreeWcTag _label={this._label} ref={this.ctaRef}>\n\t\t\t\t<slot />\n\t\t\t</KolTreeWcTag>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/tree/style.css CHANGED Viewed

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /* forward the rem function */
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
@@ -17,9 +18,14 @@
 @layer kol-a11y {
   :host {
     /*
-                   * Minimum size of interactive elements.
-                   */
-    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));
+     * Minimum size of interactive elements.
+     *
+     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:
+     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose
+     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's
+     * rounding, dropping just below the required minimum.
+     */
+    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);
     /*
      * No element should be used without verifying the contrast ratio of its background and font colors.
      * By initially setting the background color to white and the font color to black,

package/dist/collection/components/tree-item/component.js CHANGED Viewed

@@ -20,12 +20,12 @@ export class KolTreeItemWc {
     }
     render() {
         const { _href, _active, _hasChildren, _open, _label } = this.state;
-        return (h(Host, { key: '5dafc8516e71c4908d468b8844b0e765d1cba71a', onSlotchange: this.handleSlotchange.bind(this) }, h("li", { key: 'b050361b08edf953c60cda62bce3c716528d19ca', class: "kol-tree-item", style: {
+        return (h(Host, { key: '033b9e4fa4869b03c27a23e26d682040f8d15029', onSlotchange: this.handleSlotchange.bind(this) }, h("li", { key: '4627c891d1bd05d9b0d4151b54e90a3efe38b37b', class: "kol-tree-item", style: {
                 '--level': `${this.level}`,
-            } }, h(KolLinkWcTag, { key: '5575f3158d9adbb566f75ec7687d83f1b84a8935', class: clsx('kol-tree-item__link', {
+            } }, h(KolLinkWcTag, { key: 'aef7f99136e1edd49155ca2520d0c036159cfdf2', class: clsx('kol-tree-item__link', {
                 'kol-tree-item__link--first-level': this.level === 0,
                 'kol-tree-item__link--active': _active,
-            }), _href: _href, _label: "", _role: "treeitem", _tabIndex: _active ? 0 : -1, _ariaExpanded: _hasChildren ? _open : undefined, _ariaOwns: _hasChildren ? this.groupId : undefined, ref: (element) => (this.linkElement = element) }, h("span", { key: 'f64170d2888e773e1649252efac509108c92ebe6', class: "kol-tree-item__link-inner", slot: "expert" }, _hasChildren ? (h("span", { class: "kol-tree-item__toggle-button", onClick: (event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event)) }, h(IconFC, { class: "kol-tree-item__toggle-button-icon", icons: `kolicon kolicon-${_open ? 'chevron-down' : 'chevron-right'}`, label: '' }))) : (h("span", { class: "kol-tree-item__toggle-button-placeholder" })), h("span", { key: '02eeae533f9c27fb1d34856ef83dc54b0472abb4', class: "kol-tree-item__text" }, _label))), h("ul", { key: 'fdfad19b37792ed8efed76b6e9b7bf977ee7d6cb', class: "kol-tree-item__children", hidden: !_hasChildren || !_open, role: "group", id: this.groupId }, h("slot", { key: 'eba7b5f9a6ee173a12d67238195d5c5fd34f38b4' })))));
+            }), _href: _href, _label: "", _role: "treeitem", _tabIndex: _active ? 0 : -1, _ariaExpanded: _hasChildren ? _open : undefined, _ariaOwns: _hasChildren ? this.groupId : undefined, ref: (element) => (this.linkElement = element) }, h("span", { key: 'f2fc1f85b52708c6792283a59d29954b6f4622ca', class: "kol-tree-item__link-inner", slot: "expert" }, _hasChildren ? (h("span", { class: "kol-tree-item__toggle-button", onClick: (event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event)) }, h(IconFC, { class: "kol-tree-item__toggle-button-icon", icons: `kolicon kolicon-${_open ? 'chevron-down' : 'chevron-right'}`, label: '' }))) : (h("span", { class: "kol-tree-item__toggle-button-placeholder" })), h("span", { key: '83cdee0ee9ff9ddff20e4d1ad9714ad80c1c6eb3', class: "kol-tree-item__text" }, _label))), h("ul", { key: 'dde87b4cbbab2833af27a1530842561fd376bd63', class: "kol-tree-item__children", hidden: !_hasChildren || !_open, role: "group", id: this.groupId }, h("slot", { key: '36e347147c5c8a8f733a9aa8076d05d84f08c26b' })))));
     }
     validateActive(value) {
         validateActive(this, value || false);

package/dist/collection/components/tree-item/shadow.js CHANGED Viewed

@@ -21,7 +21,7 @@ export class KolTreeItem {
         return (_b = (await ((_a = this.element) === null || _a === void 0 ? void 0 : _a.isOpen()))) !== null && _b !== void 0 ? _b : false;
     }
     render() {
-        return (h(KolTreeItemWcTag, { key: '25b3875f49f3f7356796ff41376b5fffda1a0231', _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, h("slot", { key: '00007ca55b586bdfa89bc54585c20f2c4d89ecec' })));
+        return (h(KolTreeItemWcTag, { key: '85b09f7121a7deda9d342ee60a8e8bdb4fec7465', _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, h("slot", { key: '87390d0ee5088434546b925b9d3381a04eeed0b9' })));
     }
     static get is() { return "kol-tree-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tree-item/style.css CHANGED Viewed

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /* forward the rem function */
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
@@ -17,9 +18,14 @@
 @layer kol-a11y {
   :host {
     /*
-                   * Minimum size of interactive elements.
-                   */
-    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));
+     * Minimum size of interactive elements.
+     *
+     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:
+     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose
+     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's
+     * rounding, dropping just below the required minimum.
+     */
+    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);
     /*
      * No element should be used without verifying the contrast ratio of its background and font colors.
      * By initially setting the background color to white and the font color to black,
@@ -201,8 +207,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1780919027063"); /* IE9*/
-  src: url("kolicons.eot?t=1780919027063#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780919027063") format("woff2"), url("kolicons.woff?t=1780919027063") format("woff"), url("kolicons.ttf?t=1780919027063") format("truetype"), url("kolicons.svg?t=1780919027063#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
+  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/version/shadow.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class KolVersion {
         };
     }
     render() {
-        return (h(Host, { key: '29ddec003958afa4877b73448f335a1d4a47c3bf', class: "kol-version" }, h(KolBadgeTag, { key: '5a4dae3a9775557e3de93cbd105e37ad122cb616', _color: "#bec5c9", _icons: {
+        return (h(Host, { key: '46d6c57fec1c2bb63e60341538135f5423c4f681', class: "kol-version" }, h(KolBadgeTag, { key: '8f174591a26459975f1be7c602499bd3dd586b53', _color: "#bec5c9", _icons: {
                 left: { icon: 'kolicon-version', label: this.translateVersion },
             }, _label: this.state._label })));
     }

package/dist/collection/components/version/style.css CHANGED Viewed

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
 * The order is important as it determines the cascade priority.
@@ -17,9 +18,14 @@
 @layer kol-a11y {
   :host {
     /*
-                   * Minimum size of interactive elements.
-                   */
-    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));
+     * Minimum size of interactive elements.
+     *
+     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:
+     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose
+     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's
+     * rounding, dropping just below the required minimum.
+     */
+    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);
     /*
      * No element should be used without verifying the contrast ratio of its background and font colors.
      * By initially setting the background color to white and the font color to black,

package/dist/collection/e2e/index.js CHANGED Viewed

@@ -1,7 +1,6 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-export * from './input-callbacks-and-events';
 export * from './input-character-limit';
 export * from './input-value-reflection';
 //# sourceMappingURL=index.js.map

package/dist/collection/e2e/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/e2e/index.ts"],"names":[],"mappings":"AAAA,cAAc,~~8BAA8B,CAAC;AAC7C,cAAc,~~yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './input-~~callbacks-and-events';\nexport * from './input-~~character-limit';\nexport * from './input-value-reflection';\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/e2e/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './input-character-limit';\nexport * from './input-value-reflection';\n"]}

package/dist/collection/functional-component-wrappers/SelectStateWrapper/SelectStateWrapper.js CHANGED Viewed

@@ -17,7 +17,7 @@ function getSelectProps(state) {
         disabled: state._disabled,
         name: state._name,
         ariaDescribedBy: ariaDescribedBy,
-        size: state._rows,
+        size: state._multiple ? state._rows : undefined,
         multiple: state._multiple,
         required: state._required,
         touched: state._touched,

package/dist/collection/functional-component-wrappers/SelectStateWrapper/SelectStateWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectStateWrapper.js","sourceRoot":"","sources":["../../../src/functional-component-wrappers/SelectStateWrapper/SelectStateWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAkC,MAAM,eAAe,CAAC;AAClE,OAAO,WAAiC,MAAM,iDAAiD,CAAC;AAGhG,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAM9D,SAAS,cAAc,CAAC,KAAmB;IAC1C,MAAM,EAAE,eAAe,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAgB;QAC1B,EAAE,EAAE,KAAK,CAAC,GAAG;QACb,SAAS,EAAE,KAAK,CAAC,UAAU;QAC3B,KAAK,EAAE,KAAK,CAAC,MAAM;QACnB,KAAK,EAAE,KAAK,CAAC,MAAM;QACnB,OAAO,EAAE,KAAK,CAAC,QAAQ;QACvB,SAAS,EAAE,KAAK,CAAC,UAAU;QAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS;QACzB,IAAI,EAAE,KAAK,CAAC,KAAK;QACjB,eAAe,EAAE,eAAe;QAChC,IAAI,EAAE,KAAK,CAAC,KAAK;~~QACjB~~,QAAQ,EAAE,KAAK,CAAC,SAAS;QACzB,QAAQ,EAAE,KAAK,CAAC,SAAS;QACzB,OAAO,EAAE,KAAK,CAAC,QAAQ;QACvB,GAAG,EAAE,KAAK,CAAC,IAAmB;KAC9B,CAAC;IAEF,IAAI,WAAW,IAAI,KAAK;QAAE,KAAK,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAEvE,OAAO,KAAK,CAAC;AACd,CAAC;AAED,MAAM,kBAAkB,GAAgC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,cAAjB,SAAmB,CAAF;IACzE,OAAO,EAAC,WAAW,oBAAK,cAAc,CAAC,KAAK,CAAC,EAAM,KAAK,EAAI,CAAC;AAC9D,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolSelectFc, { type SelectProps } from '../../functional-components/inputs/NativeSelect';\n\nimport { type MsgPropType, type SelectStates } from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\n\nexport type SelectStateWrapperProps = Partial<SelectProps> & {\n\tstate: SelectStates;\n};\n\nfunction getSelectProps(state: SelectStates): SelectProps {\n\tconst { ariaDescribedBy } = getRenderStates(state);\n\n\tconst props: SelectProps = {\n\t\tid: state._id,\n\t\thideLabel: state._hideLabel,\n\t\tlabel: state._label,\n\t\tvalue: state._value,\n\t\toptions: state._options,\n\t\taccessKey: state._accessKey,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\t\tariaDescribedBy: ariaDescribedBy,\n\t\tsize: state._rows,\n\t\tmultiple: state._multiple,\n\t\trequired: state._required,\n\t\ttouched: state._touched,\n\t\tmsg: state._msg as MsgPropType,\n\t};\n\n\tif ('_shortKey' in state) props['aria-keyshortcuts'] = state._shortKey;\n\n\treturn props;\n}\n\nconst SelectStateWrapper: FC<SelectStateWrapperProps> = ({ state, ...other }) => {\n\treturn <KolSelectFc {...getSelectProps(state)} {...other} />;\n};\n\nexport default SelectStateWrapper;\n"]}
1	+ {"version":3,"file":"SelectStateWrapper.js","sourceRoot":"","sources":["../../../src/functional-component-wrappers/SelectStateWrapper/SelectStateWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAkC,MAAM,eAAe,CAAC;AAClE,OAAO,WAAiC,MAAM,iDAAiD,CAAC;AAGhG,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAM9D,SAAS,cAAc,CAAC,KAAmB;IAC1C,MAAM,EAAE,eAAe,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAgB;QAC1B,EAAE,EAAE,KAAK,CAAC,GAAG;QACb,SAAS,EAAE,KAAK,CAAC,UAAU;QAC3B,KAAK,EAAE,KAAK,CAAC,MAAM;QACnB,KAAK,EAAE,KAAK,CAAC,MAAM;QACnB,OAAO,EAAE,KAAK,CAAC,QAAQ;QACvB,SAAS,EAAE,KAAK,CAAC,UAAU;QAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS;QACzB,IAAI,EAAE,KAAK,CAAC,KAAK;QACjB,eAAe,EAAE,eAAe;QAChC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS;QACzB,QAAQ,EAAE,KAAK,CAAC,SAAS;QACzB,OAAO,EAAE,KAAK,CAAC,QAAQ;QACvB,GAAG,EAAE,KAAK,CAAC,IAAmB;KAC9B,CAAC;IAEF,IAAI,WAAW,IAAI,KAAK;QAAE,KAAK,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAEvE,OAAO,KAAK,CAAC;AACd,CAAC;AAED,MAAM,kBAAkB,GAAgC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,cAAjB,SAAmB,CAAF;IACzE,OAAO,EAAC,WAAW,oBAAK,cAAc,CAAC,KAAK,CAAC,EAAM,KAAK,EAAI,CAAC;AAC9D,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolSelectFc, { type SelectProps } from '../../functional-components/inputs/NativeSelect';\n\nimport { type MsgPropType, type SelectStates } from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\n\nexport type SelectStateWrapperProps = Partial<SelectProps> & {\n\tstate: SelectStates;\n};\n\nfunction getSelectProps(state: SelectStates): SelectProps {\n\tconst { ariaDescribedBy } = getRenderStates(state);\n\n\tconst props: SelectProps = {\n\t\tid: state._id,\n\t\thideLabel: state._hideLabel,\n\t\tlabel: state._label,\n\t\tvalue: state._value,\n\t\toptions: state._options,\n\t\taccessKey: state._accessKey,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\t\tariaDescribedBy: ariaDescribedBy,\n\t\tsize: state._multiple ? state._rows : undefined,\n\t\tmultiple: state._multiple,\n\t\trequired: state._required,\n\t\ttouched: state._touched,\n\t\tmsg: state._msg as MsgPropType,\n\t};\n\n\tif ('_shortKey' in state) props['aria-keyshortcuts'] = state._shortKey;\n\n\treturn props;\n}\n\nconst SelectStateWrapper: FC<SelectStateWrapperProps> = ({ state, ...other }) => {\n\treturn <KolSelectFc {...getSelectProps(state)} {...other} />;\n};\n\nexport default SelectStateWrapper;\n"]}

package/dist/collection/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACtE,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;~~AAgBrD~~,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC","sourcesContent":["export { getDefaultThemeName } from 'adopted-style-sheets';\nexport * from './components.d';\nexport { setCurrentLocation } from './components/link/ariaCurrentService';\nexport { ToasterService } from './components/toaster/toaster';\nexport { bootstrap, isInitialized, register } from './core/bootstrap';\nexport * from './enums/bund';\nexport * from './kolibri';\nexport { KoliBri, KoliBriDevHelper } from './schema';\nexport type {\n\tEventValueOrEventCallback,\n\tFocusableElement,\n\tKoliBriTableCell,\n\tKoliBriTableHeaderCell,\n\tKoliBriTableHeaderCellWithLogic,\n\tKoliBriTableSelection,\n\tOptgroup,\n\tOption,\n\tRadioOption,\n\tSelectOption,\n\tToast,\n\tToasterOptions,\n\tW3CInputValue,\n} from './schema';\nexport { BEM } from './schema/bem-registry';\nexport { KolEvent } from './utils/events';\nexport { isTooltipOpen } from './utils/tooltip-open-tracking';\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACtE,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAiBrD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC","sourcesContent":["export { getDefaultThemeName } from 'adopted-style-sheets';\nexport * from './components.d';\nexport { setCurrentLocation } from './components/link/ariaCurrentService';\nexport { ToasterService } from './components/toaster/toaster';\nexport { bootstrap, isInitialized, register } from './core/bootstrap';\nexport * from './enums/bund';\nexport * from './kolibri';\nexport { KoliBri, KoliBriDevHelper } from './schema';\nexport type {\n\tClickableElement,\n\tEventValueOrEventCallback,\n\tFocusableElement,\n\tKoliBriTableCell,\n\tKoliBriTableHeaderCell,\n\tKoliBriTableHeaderCellWithLogic,\n\tKoliBriTableSelection,\n\tOptgroup,\n\tOption,\n\tRadioOption,\n\tSelectOption,\n\tToast,\n\tToasterOptions,\n\tW3CInputValue,\n} from './schema';\nexport { BEM } from './schema/bem-registry';\nexport { KolEvent } from './utils/events';\nexport { isTooltipOpen } from './utils/tooltip-open-tracking';\n"]}

package/dist/collection/internal/functional-components/abbr/api.js ADDED Viewed

@@ -0,0 +1,8 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { labelProp } from "../../props";
+export const abbrPropsConfig = {
+    optional: [labelProp],
+};
+//# sourceMappingURL=api.js.map

package/dist/collection/internal/functional-components/abbr/api.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../src/internal/functional-components/abbr/api.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,CAAC,MAAM,eAAe,GAAG;IAC9B,QAAQ,EAAE,CAAC,SAAS,CAAC;CACe,CAAC","sourcesContent":["import { labelProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const abbrPropsConfig = {\n\toptional: [labelProp],\n} as const satisfies PropsConfigShape;\n\nexport type AbbrApi = ApiFromConfig<\n\ttypeof abbrPropsConfig,\n\t{\n\t\tRefs: {\n\t\t\tabbr: HTMLElement;\n\t\t};\n\t}\n>;\n"]}

package/dist/collection/internal/functional-components/abbr/component.js ADDED Viewed

@@ -0,0 +1,9 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { h } from "@stencil/core";
+import { bem } from "../../../schema/bem-registry";
+const abbrBem = bem.forBlock('kol-abbr');
+const BEM_CLASS_ABBR = abbrBem();
+export const AbbrFC = ({ label, refAbbr }) => (h("abbr", { class: BEM_CLASS_ABBR, ref: refAbbr, tabIndex: label ? 0 : undefined }, h("slot", null)));
+//# sourceMappingURL=component.js.map

package/dist/collection/internal/functional-components/abbr/component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/internal/functional-components/abbr/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,OAAO,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAC;AAInD,MAAM,OAAO,GAAG,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACzC,MAAM,cAAc,GAAG,OAAO,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,MAAM,GAA0C,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAEpF,YAAM,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;IACzE,eAAQ,CACF,CACP,CAAC","sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { AbbrApi } from './api';\n\nconst abbrBem = bem.forBlock('kol-abbr');\nconst BEM_CLASS_ABBR = abbrBem();\n\nexport const AbbrFC: FC<FunctionalComponentProps<AbbrApi>> = ({ label, refAbbr }) => (\n\t// eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n\t<abbr class={BEM_CLASS_ABBR} ref={refAbbr} tabIndex={label ? 0 : undefined}>\n\t\t<slot />\n\t</abbr>\n);\n"]}

package/dist/collection/internal/functional-components/abbr/controller.js ADDED Viewed

@@ -0,0 +1,20 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { labelProp } from "../../props";
+import { BaseController } from "../base-controller";
+import { abbrPropsConfig } from "./api";
+export class AbbrController extends BaseController {
+    constructor(stateAccess) {
+        super(stateAccess, abbrPropsConfig);
+    }
+    componentWillLoad(props) {
+        this.watchLabel(props.label);
+    }
+    watchLabel(value) {
+        labelProp.apply(value, (v) => {
+            this.setRenderProp('label', v);
+        });
+    }
+}
+//# sourceMappingURL=controller.js.map

package/dist/collection/internal/functional-components/abbr/controller.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../../src/internal/functional-components/abbr/controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,OAAO,cAAe,SAAQ,cAAuB;IAC1D,YAAmB,WAAiC;QACnD,KAAK,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IACrC,CAAC;IAEM,iBAAiB,CAAC,KAAkC;QAC1D,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAEM,UAAU,CAAC,KAAc;QAC/B,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE;YAC5B,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;IACJ,CAAC;CACD","sourcesContent":["import { labelProp } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { AbbrApi } from './api';\nimport { abbrPropsConfig } from './api';\n\nexport class AbbrController extends BaseController<AbbrApi> implements ControllerInterface<AbbrApi> {\n\tpublic constructor(stateAccess: StateAccess<AbbrApi>) {\n\t\tsuper(stateAccess, abbrPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<AbbrApi>): void {\n\t\tthis.watchLabel(props.label);\n\t}\n\n\tpublic watchLabel(value?: string): void {\n\t\tlabelProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('label', v);\n\t\t});\n\t}\n}\n"]}

package/dist/collection/internal/functional-components/meter/component.js CHANGED Viewed

@@ -43,7 +43,11 @@ export const MeterFC = (props) => {
     const state = getMeterState(value, min, max, low, high, optimum);
     const hasStateClassification = low !== undefined || high !== undefined;
     const stateLabel = hasStateClassification ? translate(`kol-meter-state-${state}`) : '';
+    const staticValueText = isPercentage
+        ? translate('kol-live-value', { placeholders: { value: String(displayValue), unit } })
+        : translate('kol-live-value-bounded', { placeholders: { value: String(displayValue), max: String(max), unit } });
+    const staticValueWithState = hasStateClassification ? `${staticValueText} – ${stateLabel}` : staticValueText;
     const charCount = max.toString().length > min.toString().length ? max.toString().length + 'ch' : min.toString().length + 'ch';
-    return (h("div", { class: { 'kol-meter': true, 'kol-meter--vertical': isVertical } }, h("div", { class: "kol-meter__bar" }, h("div", { class: "kol-meter__bar-label" }, label, hasStateClassification && (h("span", { class: `kol-meter__bar-state kol-meter__bar-state--${state}` }, ' – ', stateLabel))), h("div", { class: "kol-meter__bar-track" }, h("meter", { "aria-label": label, high: high, low: low, max: max, min: min, optimum: optimum, value: value })), h("span", { class: "kol-meter__value-unit" }, h("span", { class: "kol-meter__value", style: { 'min-width': charCount } }, displayValue), h("span", { class: "kol-meter__unit" }, unit)))));
+    return (h("div", { class: { 'kol-meter': true, 'kol-meter--vertical': isVertical } }, h("div", { class: "kol-meter__bar" }, h("div", { class: "kol-meter__bar-label" }, label, hasStateClassification && (h("span", { class: `kol-meter__bar-state kol-meter__bar-state--${state}` }, ' – ', stateLabel))), h("div", { class: "kol-meter__bar-track" }, h("meter", { "aria-label": label, "aria-valuetext": staticValueWithState, high: high, low: low, max: max, min: min, optimum: optimum, value: value })), h("span", { class: "kol-meter__value-unit" }, h("span", { class: "kol-meter__value", style: { 'min-width': charCount } }, displayValue), h("span", { class: "kol-meter__unit" }, unit)))));
 };
 //# sourceMappingURL=component.js.map

package/dist/collection/internal/functional-components/meter/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/internal/functional-components/meter/component.tsx"],"names":[],"mappings":"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~~CACvG~~;YACN,YAAM,KAAK,EAAC,uBAAuB;gBAClC,YAAM,KAAK,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,IAC9D,YAAY,CACP;gBACP,YAAM,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAQ,CACrC,CACF,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport type { TranslationKey } from '../../../i18n';\nimport { translate } from '../../../i18n';\n\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { MeterApi } from './api';\n\ntype MeterState = 'optimum' \| 'suboptimal' \| 'critical';\n\nfunction getMeterState(value: number, min: number, max: number, low: number \| undefined, high: number \| undefined, optimum: number \| undefined): MeterState {\n\tconst effectiveLow = low ?? min;\n\tconst effectiveHigh = high ?? max;\n\n\tif (optimum === undefined) {\n\t\tconst inMidRegion = value >= effectiveLow && value <= effectiveHigh;\n\t\treturn inMidRegion ? 'optimum' : 'suboptimal';\n\t}\n\n\tconst inLowRegion = value < effectiveLow;\n\tconst inHighRegion = value > effectiveHigh;\n\tconst inMidRegion = !inLowRegion && !inHighRegion;\n\n\tconst optimumInLow = optimum < effectiveLow;\n\tconst optimumInHigh = optimum > effectiveHigh;\n\n\tif (optimumInLow) {\n\t\tif (inLowRegion) return 'optimum';\n\t\tif (inMidRegion) return 'suboptimal';\n\t\treturn 'critical';\n\t} else if (optimumInHigh) {\n\t\tif (inHighRegion) return 'optimum';\n\t\tif (inMidRegion) return 'suboptimal';\n\t\treturn 'critical';\n\t} else {\n\t\tif (inMidRegion) return 'optimum';\n\t\treturn 'suboptimal';\n\t}\n}\n\ntype MeterFCProps = Omit<FunctionalComponentProps<MeterApi>, 'high' \| 'low' \| 'optimum'> & {\n\thigh: number \| undefined;\n\tlow: number \| undefined;\n\toptimum: number \| undefined;\n};\n\nexport const MeterFC: FC<MeterFCProps> = (props) => {\n\tconst { high, label, low, max, min, optimum, orientation, unit, value } = props;\n\n\tconst isVertical = orientation === 'vertical';\n\tconst isPercentage = unit === '%';\n\tconst displayValue = isPercentage ? Math.round(((value - min) / (max - min)) * 100) : value;\n\tconst state = getMeterState(value, min, max, low, high, optimum);\n\n\t// State classification is only meaningful when low or high boundaries are defined\n\tconst hasStateClassification = low !== undefined \|\| high !== undefined;\n\tconst stateLabel = hasStateClassification ? translate(`kol-meter-state-${state}` as TranslationKey) : '';\n\n\tconst charCount = max.toString().length > min.toString().length ? max.toString().length + 'ch' : min.toString().length + 'ch';\n\n\treturn (\n\t\t<div class={{ 'kol-meter': true, 'kol-meter--vertical': isVertical }}>\n\t\t\t<div class=\"kol-meter__bar\">\n\t\t\t\t<div class=\"kol-meter__bar-label\">\n\t\t\t\t\t{label}\n\t\t\t\t\t{hasStateClassification && (\n\t\t\t\t\t\t<span class={`kol-meter__bar-state kol-meter__bar-state--${state}`}>\n\t\t\t\t\t\t\t{' – '}\n\t\t\t\t\t\t\t{stateLabel}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"kol-meter__bar-track\">\n\t\t\t\t\t<meter aria-label={label} high={high} low={low} max={max} min={min} optimum={optimum} value={value}></meter>\n\t\t\t\t</div>\n\t\t\t\t<span class=\"kol-meter__value-unit\">\n\t\t\t\t\t<span class=\"kol-meter__value\" style={{ 'min-width': charCount }}>\n\t\t\t\t\t\t{displayValue}\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class=\"kol-meter__unit\">{unit}</span>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}
1	+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/internal/functional-components/meter/component.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport type { TranslationKey } from '../../../i18n';\nimport { translate } from '../../../i18n';\n\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { MeterApi } from './api';\n\ntype MeterState = 'optimum' \| 'suboptimal' \| 'critical';\n\nfunction getMeterState(value: number, min: number, max: number, low: number \| undefined, high: number \| undefined, optimum: number \| undefined): MeterState {\n\tconst effectiveLow = low ?? min;\n\tconst effectiveHigh = high ?? max;\n\n\tif (optimum === undefined) {\n\t\tconst inMidRegion = value >= effectiveLow && value <= effectiveHigh;\n\t\treturn inMidRegion ? 'optimum' : 'suboptimal';\n\t}\n\n\tconst inLowRegion = value < effectiveLow;\n\tconst inHighRegion = value > effectiveHigh;\n\tconst inMidRegion = !inLowRegion && !inHighRegion;\n\n\tconst optimumInLow = optimum < effectiveLow;\n\tconst optimumInHigh = optimum > effectiveHigh;\n\n\tif (optimumInLow) {\n\t\tif (inLowRegion) return 'optimum';\n\t\tif (inMidRegion) return 'suboptimal';\n\t\treturn 'critical';\n\t} else if (optimumInHigh) {\n\t\tif (inHighRegion) return 'optimum';\n\t\tif (inMidRegion) return 'suboptimal';\n\t\treturn 'critical';\n\t} else {\n\t\tif (inMidRegion) return 'optimum';\n\t\treturn 'suboptimal';\n\t}\n}\n\ntype MeterFCProps = Omit<FunctionalComponentProps<MeterApi>, 'high' \| 'low' \| 'optimum'> & {\n\thigh: number \| undefined;\n\tlow: number \| undefined;\n\toptimum: number \| undefined;\n};\n\nexport const MeterFC: FC<MeterFCProps> = (props) => {\n\tconst { high, label, low, max, min, optimum, orientation, unit, value } = props;\n\n\tconst isVertical = orientation === 'vertical';\n\tconst isPercentage = unit === '%';\n\tconst displayValue = isPercentage ? Math.round(((value - min) / (max - min)) * 100) : value;\n\tconst state = getMeterState(value, min, max, low, high, optimum);\n\n\t// State classification is only meaningful when low or high boundaries are defined\n\tconst hasStateClassification = low !== undefined \|\| high !== undefined;\n\tconst stateLabel = hasStateClassification ? translate(`kol-meter-state-${state}` as TranslationKey) : '';\n\n\tconst staticValueText = isPercentage\n\t\t? translate('kol-live-value', { placeholders: { value: String(displayValue), unit } })\n\t\t: translate('kol-live-value-bounded', { placeholders: { value: String(displayValue), max: String(max), unit } });\n\tconst staticValueWithState = hasStateClassification ? `${staticValueText} – ${stateLabel}` : staticValueText;\n\n\tconst charCount = max.toString().length > min.toString().length ? max.toString().length + 'ch' : min.toString().length + 'ch';\n\n\treturn (\n\t\t<div class={{ 'kol-meter': true, 'kol-meter--vertical': isVertical }}>\n\t\t\t<div class=\"kol-meter__bar\">\n\t\t\t\t<div class=\"kol-meter__bar-label\">\n\t\t\t\t\t{label}\n\t\t\t\t\t{hasStateClassification && (\n\t\t\t\t\t\t<span class={`kol-meter__bar-state kol-meter__bar-state--${state}`}>\n\t\t\t\t\t\t\t{' – '}\n\t\t\t\t\t\t\t{stateLabel}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"kol-meter__bar-track\">\n\t\t\t\t\t<meter aria-label={label} aria-valuetext={staticValueWithState} high={high} low={low} max={max} min={min} optimum={optimum} value={value}></meter>\n\t\t\t\t</div>\n\t\t\t\t<span class=\"kol-meter__value-unit\">\n\t\t\t\t\t<span class=\"kol-meter__value\" style={{ 'min-width': charCount }}>\n\t\t\t\t\t\t{displayValue}\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class=\"kol-meter__unit\">{unit}</span>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}

package/dist/collection/internal/functional-components/meter/controller.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../../src/internal/functional-components/meter/controller.ts"],"names":[],"mappings":"~~AAAA~~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~~KAAc~~;~~QACrC~~,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE;YAClC,IAAI,CAAC,aAAa,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;IACJ,CAAC;IAEM,SAAS,CAAC,KAAc;QAC9B,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE;YAC3B,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACJ,CAAC;IAEM,UAAU,CAAC,KAAc;QAC/B,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAChC,sBAAsB,CAAC,KAAK,CAC3B,KAAK,EACL,CAAC,CAAC,EAAE,EAAE;YACL,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QAChC,CAAC,EACD,EAAE,GAAG,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAClE,CAAC;IACH,CAAC;CACD","sourcesContent":["import { clampedNumberValueProp, highProp, labelProp, lowProp, maxProp, minProp, optimumProp, orientationProp, unitProp } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { MeterApi } from './api';\nimport { meterPropsConfig } from './api';\n\ntype MeterData = {\n\thigh: number \| undefined;\n\tlow: number \| undefined;\n\toptimum: number \| undefined;\n};\n\nexport class MeterController extends BaseController<MeterApi> implements ControllerInterface<MeterApi> {\n\tprivate meterData: MeterData = { high: undefined, low: undefined, optimum: undefined };\n\n\tpublic constructor(stateAccess: StateAccess<MeterApi>) {\n\t\tsuper(stateAccess, meterPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<MeterApi>): void {\n\t\tconst { high, label, low, max, min, optimum, orientation, unit, value } = props;\n\t\tthis.watchHigh(high);\n\t\tthis.watchLabel(label);\n\t\tthis.watchLow(low);\n\t\tthis.watchMax(max);\n\t\tthis.watchMin(min);\n\t\tthis.watchOptimum(optimum);\n\t\tthis.watchOrientation(orientation);\n\t\tthis.watchUnit(unit);\n\t\tthis.watchValue(value);\n\t}\n\n\tpublic getMeterData(): MeterData {\n\t\treturn this.meterData;\n\t}\n\n\tpublic watchHigh(value?: number): void {\n\t\tif (value === undefined) {\n\t\t\tthis.meterData.high = undefined;\n\t\t} else {\n\t\t\thighProp.apply(value, (v) => {\n\t\t\t\tthis.meterData.high = v;\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic watchLabel(value?: string): void {\n\t\tlabelProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('label', v);\n\t\t});\n\t}\n\n\tpublic watchLow(value?: number): void {\n\t\tif (value === undefined) {\n\t\t\tthis.meterData.low = undefined;\n\t\t} else {\n\t\t\tlowProp.apply(value, (v) => {\n\t\t\t\tthis.meterData.low = v;\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic watchMax(value?: number): void {\n\t\tmaxProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('max', v);\n\t\t\tthis.watchValue(this.getRawProp('value'));\n\t\t});\n\t}\n\n\tpublic watchMin(value?: number): void {\n\t\tminProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('min', v);\n\t\t\tthis.watchValue(this.getRawProp('value'));\n\t\t});\n\t}\n\n\tpublic watchOptimum(value?: number): void {\n\t\tif (value === undefined) {\n\t\t\tthis.meterData.optimum = undefined;\n\t\t} else {\n\t\t\toptimumProp.apply(value, (v) => {\n\t\t\t\tthis.meterData.optimum = v;\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic watchOrientation(value?: ~~string~~): void {\n\t\torientationProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('orientation', v);\n\t\t});\n\t}\n\n\tpublic watchUnit(value?: string): void {\n\t\tunitProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('unit', v);\n\t\t});\n\t}\n\n\tpublic watchValue(value?: number): void {\n\t\tthis.setRawProp('value', value);\n\t\tclampedNumberValueProp.apply(\n\t\t\tvalue,\n\t\t\t(v) => {\n\t\t\t\tthis.setRenderProp('value', v);\n\t\t\t},\n\t\t\t{ min: this.getRenderProp('min'), max: this.getRenderProp('max') },\n\t\t);\n\t}\n}\n"]}
1	+ {"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../../src/internal/functional-components/meter/controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { OrientationPropType } from '../../props';\nimport { clampedNumberValueProp, highProp, labelProp, lowProp, maxProp, minProp, optimumProp, orientationProp, unitProp } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { MeterApi } from './api';\nimport { meterPropsConfig } from './api';\n\ntype MeterData = {\n\thigh: number \| undefined;\n\tlow: number \| undefined;\n\toptimum: number \| undefined;\n};\n\nexport class MeterController extends BaseController<MeterApi> implements ControllerInterface<MeterApi> {\n\tprivate meterData: MeterData = { high: undefined, low: undefined, optimum: undefined };\n\n\tpublic constructor(stateAccess: StateAccess<MeterApi>) {\n\t\tsuper(stateAccess, meterPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<MeterApi>): void {\n\t\tconst { high, label, low, max, min, optimum, orientation, unit, value } = props;\n\t\tthis.watchHigh(high);\n\t\tthis.watchLabel(label);\n\t\tthis.watchLow(low);\n\t\tthis.watchMax(max);\n\t\tthis.watchMin(min);\n\t\tthis.watchOptimum(optimum);\n\t\tthis.watchOrientation(orientation);\n\t\tthis.watchUnit(unit);\n\t\tthis.watchValue(value);\n\t}\n\n\tpublic getMeterData(): MeterData {\n\t\treturn this.meterData;\n\t}\n\n\tpublic watchHigh(value?: number): void {\n\t\tif (value === undefined) {\n\t\t\tthis.meterData.high = undefined;\n\t\t} else {\n\t\t\thighProp.apply(value, (v) => {\n\t\t\t\tthis.meterData.high = v;\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic watchLabel(value?: string): void {\n\t\tlabelProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('label', v);\n\t\t});\n\t}\n\n\tpublic watchLow(value?: number): void {\n\t\tif (value === undefined) {\n\t\t\tthis.meterData.low = undefined;\n\t\t} else {\n\t\t\tlowProp.apply(value, (v) => {\n\t\t\t\tthis.meterData.low = v;\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic watchMax(value?: number): void {\n\t\tmaxProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('max', v);\n\t\t\tthis.watchValue(this.getRawProp('value'));\n\t\t});\n\t}\n\n\tpublic watchMin(value?: number): void {\n\t\tminProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('min', v);\n\t\t\tthis.watchValue(this.getRawProp('value'));\n\t\t});\n\t}\n\n\tpublic watchOptimum(value?: number): void {\n\t\tif (value === undefined) {\n\t\t\tthis.meterData.optimum = undefined;\n\t\t} else {\n\t\t\toptimumProp.apply(value, (v) => {\n\t\t\t\tthis.meterData.optimum = v;\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic watchOrientation(value?: OrientationPropType): void {\n\t\torientationProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('orientation', v);\n\t\t});\n\t}\n\n\tpublic watchUnit(value?: string): void {\n\t\tunitProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('unit', v);\n\t\t});\n\t}\n\n\tpublic watchValue(value?: number): void {\n\t\tthis.setRawProp('value', value);\n\t\tclampedNumberValueProp.apply(\n\t\t\tvalue,\n\t\t\t(v) => {\n\t\t\t\tthis.setRenderProp('value', v);\n\t\t\t},\n\t\t\t{ min: this.getRenderProp('min'), max: this.getRenderProp('max') },\n\t\t);\n\t}\n}\n"]}

package/dist/collection/internal/functional-components/progress/controller.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../../src/internal/functional-components/progress/controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,mBAAmB,~~EAAE~~,MAAM,aAAa,CAAC;~~AACxG~~,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,OAAO,kBAAmB,SAAQ,cAA2B;IAGlE,YAAmB,WAAqC;QACvD,KAAK,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC;IACzC,CAAC;IAEM,iBAAiB,CAAC,KAAsC;QAC9D,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;QACnD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAE3B,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;QACxD,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAC/B,CAAC;IAEM,UAAU,CAAC,KAAc;QAC/B,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE;YAC5B,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;IACJ,CAAC;IAEM,QAAQ,CAAC,KAAc;QAC7B,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE;YAC1B,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAC7B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;IACJ,CAAC;IAEM,SAAS,CAAC,KAAc;QAC9B,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE;YAC3B,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACJ,CAAC;IAEM,UAAU,CAAC,KAAc;QAC/B,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAChC,sBAAsB,CAAC,KAAK,CAC3B,KAAK,EACL,CAAC,CAAC,EAAE,EAAE;YACL,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QAChC,CAAC,EACD,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAC1C,CAAC;IACH,CAAC;IAEM,YAAY,CAAC,~~KAAc~~;~~QACjC~~,mBAAmB,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE;YACtC,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;IACJ,CAAC;IAGO,sBAAsB;QAC7B,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC1C,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QACnC,CAAC,EAAE,IAAI,CAAC,CAAC;IACV,CAAC;IAEM,OAAO;QACb,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC7B,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC3B,CAAC;IACF,CAAC;CACD","sourcesContent":["import { clampedNumberValueProp, labelProp, maxProp, unitProp, variantProgressProp } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { ProgressApi } from './api';\nimport { progressPropsConfig } from './api';\n\nexport class ProgressController extends BaseController<ProgressApi> implements ControllerInterface<ProgressApi> {\n\tprivate interval?: ReturnType<typeof setInterval>;\n\n\tpublic constructor(stateAccess: StateAccess<ProgressApi>) {\n\t\tsuper(stateAccess, progressPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<ProgressApi>): void {\n\t\tconst { label, max, unit, value, variant } = props;\n\t\tthis.watchLabel(label);\n\t\tthis.watchMax(max);\n\t\tthis.watchUnit(unit);\n\t\tthis.watchValue(value);\n\t\tthis.watchVariant(variant);\n\n\t\tthis.setState('liveValue', this.getRenderProp('value'));\n\t\tthis.startLiveValueInterval();\n\t}\n\n\tpublic watchLabel(value?: string): void {\n\t\tlabelProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('label', v);\n\t\t});\n\t}\n\n\tpublic watchMax(value?: number): void {\n\t\tmaxProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('max', v);\n\t\t\tthis.watchValue(this.getRawProp('value'));\n\t\t});\n\t}\n\n\tpublic watchUnit(value?: string): void {\n\t\tunitProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('unit', v);\n\t\t});\n\t}\n\n\tpublic watchValue(value?: number): void {\n\t\tthis.setRawProp('value', value);\n\t\tclampedNumberValueProp.apply(\n\t\t\tvalue,\n\t\t\t(v) => {\n\t\t\t\tthis.setRenderProp('value', v);\n\t\t\t},\n\t\t\t{ min: 0, max: this.getRenderProp('max') },\n\t\t);\n\t}\n\n\tpublic watchVariant(value?: ~~string~~): void {\n\t\tvariantProgressProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('variant', v);\n\t\t});\n\t}\n\n\t// a11y: says the value of the component every 5s\n\tprivate startLiveValueInterval(): void {\n\t\tthis.interval = setInterval(() => {\n\t\t\tconst value = this.getRenderProp('value');\n\t\t\tthis.setState('liveValue', value);\n\t\t}, 5000);\n\t}\n\n\tpublic destroy(): void {\n\t\tif (this.interval) {\n\t\t\tclearInterval(this.interval);\n\t\t\tthis.interval = undefined;\n\t\t}\n\t}\n}\n"]}
1	+ {"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../../src/internal/functional-components/progress/controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { clampedNumberValueProp, labelProp, maxProp, unitProp, variantProgressProp, type ProgressVariantType } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { ProgressApi } from './api';\nimport { progressPropsConfig } from './api';\n\nexport class ProgressController extends BaseController<ProgressApi> implements ControllerInterface<ProgressApi> {\n\tprivate interval?: ReturnType<typeof setInterval>;\n\n\tpublic constructor(stateAccess: StateAccess<ProgressApi>) {\n\t\tsuper(stateAccess, progressPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<ProgressApi>): void {\n\t\tconst { label, max, unit, value, variant } = props;\n\t\tthis.watchLabel(label);\n\t\tthis.watchMax(max);\n\t\tthis.watchUnit(unit);\n\t\tthis.watchValue(value);\n\t\tthis.watchVariant(variant);\n\n\t\tthis.setState('liveValue', this.getRenderProp('value'));\n\t\tthis.startLiveValueInterval();\n\t}\n\n\tpublic watchLabel(value?: string): void {\n\t\tlabelProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('label', v);\n\t\t});\n\t}\n\n\tpublic watchMax(value?: number): void {\n\t\tmaxProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('max', v);\n\t\t\tthis.watchValue(this.getRawProp('value'));\n\t\t});\n\t}\n\n\tpublic watchUnit(value?: string): void {\n\t\tunitProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('unit', v);\n\t\t});\n\t}\n\n\tpublic watchValue(value?: number): void {\n\t\tthis.setRawProp('value', value);\n\t\tclampedNumberValueProp.apply(\n\t\t\tvalue,\n\t\t\t(v) => {\n\t\t\t\tthis.setRenderProp('value', v);\n\t\t\t},\n\t\t\t{ min: 0, max: this.getRenderProp('max') },\n\t\t);\n\t}\n\n\tpublic watchVariant(value?: ProgressVariantType): void {\n\t\tvariantProgressProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('variant', v);\n\t\t});\n\t}\n\n\t// a11y: says the value of the component every 5s\n\tprivate startLiveValueInterval(): void {\n\t\tthis.interval = setInterval(() => {\n\t\t\tconst value = this.getRenderProp('value');\n\t\t\tthis.setState('liveValue', value);\n\t\t}, 5000);\n\t}\n\n\tpublic destroy(): void {\n\t\tif (this.interval) {\n\t\t\tclearInterval(this.interval);\n\t\t\tthis.interval = undefined;\n\t\t}\n\t}\n}\n"]}

package/dist/collection/internal/functional-components/spin/api.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../src/internal/functional-components/spin/api.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnE,MAAM,CAAC,MAAM,eAAe,GAAG;IAC9B,QAAQ,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,CAAC;CACZ,CAAC","sourcesContent":["import { labelProp, showProp, variantSpinProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const spinPropsConfig = {\n\toptional: [labelProp, showProp, variantSpinProp],\n} as const satisfies PropsConfigShape;\n\nexport type SpinApi = ApiFromConfig<\n\ttypeof spinPropsConfig,\n\t{\n\t\tStates: {\n\t\t\tshowToggled: boolean;\n\t\t};\n\t~~\tCallbacks: {\n\t\t\tgetTranslateActionRunning: () => string;\n\t\t\tgetTranslateActionDone: () => string;\n\t\t~~}~~;\n~~\~~t}\~~n>;\n"]}
1	+ {"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../src/internal/functional-components/spin/api.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnE,MAAM,CAAC,MAAM,eAAe,GAAG;IAC9B,QAAQ,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,CAAC;CACZ,CAAC","sourcesContent":["import { labelProp, showProp, variantSpinProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const spinPropsConfig = {\n\toptional: [labelProp, showProp, variantSpinProp],\n} as const satisfies PropsConfigShape;\n\nexport type SpinApi = ApiFromConfig<\n\ttypeof spinPropsConfig,\n\t{\n\t\tStates: {\n\t\t\tshowToggled: boolean;\n\t\t};\n\t}\n>;\n"]}

package/dist/collection/internal/functional-components/spin/component.js CHANGED Viewed

@@ -2,6 +2,7 @@
  * KoliBri - The accessible HTML-Standard
  */
 import { Fragment, h } from "@stencil/core";
+import { translate } from "../../../i18n";
 function renderSpinVariant(variant) {
     switch (variant) {
         case 'cycle':
@@ -25,7 +26,7 @@ function renderSpinVariant(variant) {
     }
 }
 export const SpinFC = (props) => {
-    const { show, label, variant, showToggled, handleGetTranslateActionRunning, handleGetTranslateActionDone } = props;
-    return (h(Fragment, null, show ? (h(Fragment, null, h("span", { class: `kol-spin__spinner kol-spin__spinner--${variant}` }, renderSpinVariant(variant)), h("span", { "aria-busy": "true", class: "visually-hidden", role: "alert" }, label || handleGetTranslateActionRunning()))) : (showToggled && (h("span", { "aria-busy": "false", class: "visually-hidden", role: "alert" }, label || handleGetTranslateActionDone())))));
+    const { show, label, variant, showToggled } = props;
+    return (h(Fragment, null, show ? (h(Fragment, null, h("span", { class: `kol-spin__spinner kol-spin__spinner--${variant}` }, renderSpinVariant(variant)), h("span", { "aria-busy": "true", class: "visually-hidden", role: "alert" }, label || translate('kol-action-running')))) : (showToggled && (h("span", { "aria-busy": "false", class: "visually-hidden", role: "alert" }, label || translate('kol-action-done'))))));
 };
 //# sourceMappingURL=component.js.map

package/dist/collection/internal/functional-components/spin/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/internal/functional-components/spin/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;~~AAK5C~~,SAAS,iBAAiB,CAAC,OAAe;IACzC,QAAQ,OAAO,EAAE,CAAC;QACjB,KAAK,OAAO;YACX,OAAO,YAAM,KAAK,EAAE,uCAAuC,OAAO,WAAW,GAAS,CAAC;QACxF,KAAK,MAAM;YACV,OAAO,YAAM,IAAI,EAAC,QAAQ,GAAQ,CAAC;QACpC;YACC,OAAO,CACN;gBACC,YACC,KAAK,EAAE;;4BAEe,OAAO;4BACP,OAAO,cAAc,GACpC;gBACR,YACC,KAAK,EAAE;;4BAEe,OAAO;4BACP,OAAO,cAAc,GACpC;gBACR,YACC,KAAK,EAAE;;4BAEe,OAAO;4BACP,OAAO,cAAc,GACpC;gBACR,YACC,KAAK,EAAE;;4BAEe,OAAO;4BACP,OAAO,cAAc,GACpC,CACN,CACH,CAAC;IACJ,CAAC;AACF,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAA0C,CAAC,KAAK,EAAE,EAAE;IACtE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE~~,+BAA+B~~,~~EAAE,4BAA4B,EAAE,~~GAAG,KAAK,CAAC;~~IAEnH~~,OAAO,CACN,EAAC,QAAQ,QACP,IAAI,CAAC,CAAC,CAAC,CACP,EAAC,QAAQ;QACR,YAAM,KAAK,EAAE,wCAAwC,OAAO,EAAE,IAAG,iBAAiB,CAAC,OAAO,CAAC,CAAQ;QACnG,yBAAgB,MAAM,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,IACzD,KAAK,IAAI~~,+BAA+B~~,~~EAAE~~,~~CACrC~~,CACG,CACX,CAAC,CAAC,CAAC,CACH,WAAW,IAAI,CACd,yBAAgB,OAAO,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,IAC1D,KAAK,IAAI,~~4BAA4B~~,~~EAAE~~,~~CAClC~~,CACP,CACD,CACS,CACX,CAAC;AACH,CAAC,CAAC","sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { Fragment, h } from '@stencil/core';\n\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { SpinApi } from './api';\n\nfunction renderSpinVariant(variant: string): unknown {\n\tswitch (variant) {\n\t\tcase 'cycle':\n\t\t\treturn <span class={`kol-spin__loader kol-spin__spinner--${variant}__element`}></span>;\n\t\tcase 'none':\n\t\t\treturn <slot name=\"expert\"></slot>;\n\t\tdefault:\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass={`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--1 \n\t\t\t\t\t\t\tkol-spin__spinner--${variant}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${variant}__element--1`}\n\t\t\t\t\t></span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass={`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--2 \n\t\t\t\t\t\t\tkol-spin__spinner--${variant}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${variant}__element--2`}\n\t\t\t\t\t></span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass={`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--3 \n\t\t\t\t\t\t\tkol-spin__spinner--${variant}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${variant}__element--3`}\n\t\t\t\t\t></span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass={`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--neutral \n\t\t\t\t\t\t\tkol-spin__spinner--${variant}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${variant}__element--4`}\n\t\t\t\t\t></span>\n\t\t\t\t</>\n\t\t\t);\n\t}\n}\n\nexport const SpinFC: FC<FunctionalComponentProps<SpinApi>> = (props) => {\n\tconst { show, label, variant, showToggled, ~~handleGetTranslateActionRunning, handleGetTranslateActionDone~~ } = props;\n\n\treturn (\n\t\t<Fragment>\n\t\t\t{show ? (\n\t\t\t\t<Fragment>\n\t\t\t\t\t<span class={`kol-spin__spinner kol-spin__spinner--${variant}`}>{renderSpinVariant(variant)}</span>\n\t\t\t\t\t<span aria-busy=\"true\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t\t{label \|\| ~~handleGetTranslateActionRunning~~()}\n\t\t\t\t\t</span>\n\t\t\t\t</Fragment>\n\t\t\t) : (\n\t\t\t\tshowToggled && (\n\t\t\t\t\t<span aria-busy=\"false\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t\t{label \|\| ~~handleGetTranslateActionDone~~()}\n\t\t\t\t\t</span>\n\t\t\t\t)\n\t\t\t)}\n\t\t</Fragment>\n\t);\n};\n"]}
1	+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/internal/functional-components/spin/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,SAAS,iBAAiB,CAAC,OAAe;IACzC,QAAQ,OAAO,EAAE,CAAC;QACjB,KAAK,OAAO;YACX,OAAO,YAAM,KAAK,EAAE,uCAAuC,OAAO,WAAW,GAAS,CAAC;QACxF,KAAK,MAAM;YACV,OAAO,YAAM,IAAI,EAAC,QAAQ,GAAQ,CAAC;QACpC;YACC,OAAO,CACN;gBACC,YACC,KAAK,EAAE;;4BAEe,OAAO;4BACP,OAAO,cAAc,GACpC;gBACR,YACC,KAAK,EAAE;;4BAEe,OAAO;4BACP,OAAO,cAAc,GACpC;gBACR,YACC,KAAK,EAAE;;4BAEe,OAAO;4BACP,OAAO,cAAc,GACpC;gBACR,YACC,KAAK,EAAE;;4BAEe,OAAO;4BACP,OAAO,cAAc,GACpC,CACN,CACH,CAAC;IACJ,CAAC;AACF,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAA0C,CAAC,KAAK,EAAE,EAAE;IACtE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEpD,OAAO,CACN,EAAC,QAAQ,QACP,IAAI,CAAC,CAAC,CAAC,CACP,EAAC,QAAQ;QACR,YAAM,KAAK,EAAE,wCAAwC,OAAO,EAAE,IAAG,iBAAiB,CAAC,OAAO,CAAC,CAAQ;QACnG,yBAAgB,MAAM,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,IACzD,KAAK,IAAI,SAAS,CAAC,oBAAoB,CAAC,CACnC,CACG,CACX,CAAC,CAAC,CAAC,CACH,WAAW,IAAI,CACd,yBAAgB,OAAO,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,IAC1D,KAAK,IAAI,SAAS,CAAC,iBAAiB,CAAC,CAChC,CACP,CACD,CACS,CACX,CAAC;AACH,CAAC,CAAC","sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { Fragment, h } from '@stencil/core';\n\nimport { translate } from '../../../i18n';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { SpinApi } from './api';\n\nfunction renderSpinVariant(variant: string): unknown {\n\tswitch (variant) {\n\t\tcase 'cycle':\n\t\t\treturn <span class={`kol-spin__loader kol-spin__spinner--${variant}__element`}></span>;\n\t\tcase 'none':\n\t\t\treturn <slot name=\"expert\"></slot>;\n\t\tdefault:\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass={`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--1 \n\t\t\t\t\t\t\tkol-spin__spinner--${variant}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${variant}__element--1`}\n\t\t\t\t\t></span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass={`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--2 \n\t\t\t\t\t\t\tkol-spin__spinner--${variant}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${variant}__element--2`}\n\t\t\t\t\t></span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass={`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--3 \n\t\t\t\t\t\t\tkol-spin__spinner--${variant}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${variant}__element--3`}\n\t\t\t\t\t></span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass={`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--neutral \n\t\t\t\t\t\t\tkol-spin__spinner--${variant}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${variant}__element--4`}\n\t\t\t\t\t></span>\n\t\t\t\t</>\n\t\t\t);\n\t}\n}\n\nexport const SpinFC: FC<FunctionalComponentProps<SpinApi>> = (props) => {\n\tconst { show, label, variant, showToggled } = props;\n\n\treturn (\n\t\t<Fragment>\n\t\t\t{show ? (\n\t\t\t\t<Fragment>\n\t\t\t\t\t<span class={`kol-spin__spinner kol-spin__spinner--${variant}`}>{renderSpinVariant(variant)}</span>\n\t\t\t\t\t<span aria-busy=\"true\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t\t{label \|\| translate('kol-action-running')}\n\t\t\t\t\t</span>\n\t\t\t\t</Fragment>\n\t\t\t) : (\n\t\t\t\tshowToggled && (\n\t\t\t\t\t<span aria-busy=\"false\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t\t{label \|\| translate('kol-action-done')}\n\t\t\t\t\t</span>\n\t\t\t\t)\n\t\t\t)}\n\t\t</Fragment>\n\t);\n};\n"]}

package/dist/collection/internal/functional-components/spin/controller.js CHANGED Viewed

@@ -1,21 +1,12 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import { translate } from "../../../i18n";
 import { labelProp, showProp, variantSpinProp } from "../../props";
 import { BaseController } from "../base-controller";
 import { spinPropsConfig } from "./api";
 export class SpinController extends BaseController {
     constructor(stateAccess) {
         super(stateAccess, spinPropsConfig);
-        this.translateActionRunning = translate('kol-action-running');
-        this.translateActionDone = translate('kol-action-done');
-        this.handleGetTranslateActionRunning = () => {
-            return this.translateActionRunning;
-        };
-        this.handleGetTranslateActionDone = () => {
-            return this.translateActionDone;
-        };
     }
     componentWillLoad(props) {
         const { show, label, variant } = props;