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

package/dist/cjs/variant-quote-DUWZtljE.js

@@ -1,41 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-'use strict';
-
-var normalizers = require('./normalizers-R90MJyQR.js');
-
-function throwNoStateAccess() {
-    throw new Error('This controller does not use component state.');
-}
-class BaseWebComponent {
-    constructor() {
-        this.stateAccess = {
-            setState: (key, value) => {
-                this[key] = value;
-            },
-            getState: (key) => {
-                return this[key];
-            },
-        };
-    }
-}
-BaseWebComponent.stateLess = Object.freeze({
-    setState: throwNoStateAccess,
-    getState: throwNoStateAccess,
-});
-
-const LOADING_OPTIONS = ['eager', 'lazy'];
-const LOADING_SET = new Set(LOADING_OPTIONS);
-const loadingProp = normalizers.createPropDefinition('loading', 'lazy', (value) => normalizers.normalizeString(value), (v) => LOADING_SET.has(v));
-
-const QUOTE_VARIANT_OPTIONS = ['block', 'inline'];
-const QUOTE_VARIANT_SET = new Set(QUOTE_VARIANT_OPTIONS);
-const variantQuoteProp = normalizers.createPropDefinition('variant', 'inline', (value) => normalizers.normalizeString(value), (v) => QUOTE_VARIANT_SET.has(v));
-
-exports.BaseWebComponent = BaseWebComponent;
-exports.loadingProp = loadingProp;
-exports.variantQuoteProp = variantQuoteProp;
-//# sourceMappingURL=variant-quote-DUWZtljE.js.map
-
-//# sourceMappingURL=variant-quote-DUWZtljE.js.map

package/dist/cjs/variant-quote-DUWZtljE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"variant-quote-DUWZtljE.js","sources":["src/internal/functional-components/base-web-component.ts","src/internal/props/loading.ts","src/internal/props/variant-quote.ts"],"sourcesContent":["import type { ComponentApi, InternalOf, StateAccess } from './generic-types';\n\n/**\n * Throws when a stateless controller accidentally attempts to read or write state.\n * Used as the implementation behind {@link BaseWebComponent.stateLess}.\n */\nfunction throwNoStateAccess(): never {\n\tthrow new Error('This controller does not use component state.');\n}\n\n/**\n * Base class for web components that provides type-safe state access.\n * Subclasses pass `this.stateAccess` to their controller constructors, ensuring\n * that all state reads and writes are validated against Api['States'] at compile time.\n */\nexport abstract class BaseWebComponent<Api extends ComponentApi> {\n\t/**\n\t * Frozen sentinel for controllers that do not need component state.\n\t * Both `setState` and `getState` throw if called, catching accidental\n\t * state access at runtime.\n\t *\n\t * Pass this to the controller constructor in web components whose\n\t * controller only uses render props (no `@State` fields).\n\t */\n\tpublic static readonly stateLess: StateAccess<never> = Object.freeze({\n\t\tsetState: throwNoStateAccess,\n\t\tgetState: throwNoStateAccess,\n\t});\n\n\t/**\n\t * Bundled state access for passing to controllers.\n\t * Writes trigger a Stencil re-render via the @State decorator on the subclass.\n\t */\n\tprotected readonly stateAccess: StateAccess<Api> = {\n\t\tsetState: <K extends keyof InternalOf<NonNullable<Api['States']>>>(key: K, value: InternalOf<NonNullable<Api['States']>>[K]): void => {\n\t\t\t(this as Record<string, unknown>)[key as string] = value;\n\t\t},\n\t\tgetState: <K extends keyof InternalOf<NonNullable<Api['States']>>>(key: K): InternalOf<NonNullable<Api['States']>>[K] => {\n\t\t\treturn (this as Record<string, unknown>)[key as string] as InternalOf<NonNullable<Api['States']>>[K];\n\t\t},\n\t};\n}\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Loading prop for lazy-loading behavior of embedded content\n *\n * Description:\n * The loading attribute controls when the browser should start fetching the resource.\n * Lazy loading defers loading of off-screen content until it is near the viewport,\n * improving initial page load performance.\n *\n * Usage (according to W3C HTML specification):\n * - \"lazy\": Defers loading until the element approaches the viewport\n * - \"eager\": Loads the resource immediately regardless of viewport position\n * - Default is \"lazy\" to optimize performance\n *\n * Accessibility:\n * - Lazy loading must not interfere with assistive technology access to content\n * - Content must be available when focused or navigated to via keyboard (WCAG 2.1.1 Keyboard)\n * - Ensure lazy-loaded content does not cause unexpected layout shifts (WCAG 2.3.3 Animation from Interactions)\n *\n * @see https://html.spec.whatwg.org/multipage/urls-and-fetching.html#lazy-loading-attributes\n * @see https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html\n */\nconst LOADING_OPTIONS = ['eager', 'lazy'] as const;\nexport type LoadingType = (typeof LOADING_OPTIONS)[number];\nexport type LoadingProp = SimpleProp<'loading', LoadingType>;\n\nconst LOADING_SET: ReadonlySet<string> = new Set(LOADING_OPTIONS);\n\nexport const loadingProp = createPropDefinition<LoadingProp>(\n\t'loading',\n\t'lazy',\n\t(value: unknown) => normalizeString(value) as LoadingType,\n\t(v) => LOADING_SET.has(v),\n);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Variant prop for quotation display style\n *\n * Description:\n * Determines whether the quotation is rendered as a block-level (<blockquote>) or\n * inline (<q>) element. The choice affects both visual layout and semantic HTML structure.\n *\n * Usage (according to W3C HTML specification):\n * - \"block\": Renders as <blockquote> — for extended, standalone quotations from an external source\n * - \"inline\": Renders as <q> — for short inline quotations within flowing text (default)\n * - The browser automatically adds appropriate quotation marks around <q> elements\n * - Both elements support the cite attribute to reference the quotation source\n *\n * Accessibility:\n * - Semantic HTML elements (<blockquote>, <q>) help assistive technologies convey content structure\n * - The quotation structure must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n * - Block quotes are announced as distinct sections by screen readers\n *\n * @see https://html.spec.whatwg.org/multipage/grouping-content.html#the-blockquote-element\n * @see https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-q-element\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n */\nconst QUOTE_VARIANT_OPTIONS = ['block', 'inline'] as const;\nexport type QuoteVariantType = (typeof QUOTE_VARIANT_OPTIONS)[number];\nexport type VariantQuoteProp = SimpleProp<'variant', QuoteVariantType>;\n\nconst QUOTE_VARIANT_SET: ReadonlySet<string> = new Set(QUOTE_VARIANT_OPTIONS);\n\nexport const variantQuoteProp = createPropDefinition<VariantQuoteProp>(\n\t'variant',\n\t'inline',\n\t(value: unknown) => normalizeString(value) as QuoteVariantType,\n\t(v) => QUOTE_VARIANT_SET.has(v),\n);\n"],"names":["createPropDefinition","normalizeString"],"mappings":";;;;;;;AAMA,SAAS,kBAAkB,GAAA;AAC1B,IAAA,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC;AACjE;MAOsB,gBAAgB,CAAA;AAAtC,IAAA,WAAA,GAAA;QAkBoB,IAAA,CAAA,WAAW,GAAqB;AAClD,YAAA,QAAQ,EAAE,CAAyD,GAAM,EAAE,KAAgD,KAAU;AACnI,gBAAA,IAAgC,CAAC,GAAa,CAAC,GAAG,KAAK;aACxD;AACD,YAAA,QAAQ,EAAE,CAAyD,GAAM,KAA+C;AACvH,gBAAA,OAAQ,IAAgC,CAAC,GAAa,CAA8C;aACpG;SACD;;;AAhBsB,gBAAA,CAAA,SAAS,GAAuB,MAAM,CAAC,MAAM,CAAC;AACpE,IAAA,QAAQ,EAAE,kBAAkB;AAC5B,IAAA,QAAQ,EAAE,kBAAkB;AAC5B,CAAA,CAAC;;ACFH,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU;AAIlD,MAAM,WAAW,GAAwB,IAAI,GAAG,CAAC,eAAe,CAAC;AAE1D,MAAM,WAAW,GAAGA,gCAAoB,CAC9C,SAAS,EACT,MAAM,EACN,CAAC,KAAc,KAAKC,2BAAe,CAAC,KAAK,CAAgB,EACzD,CAAC,CAAC,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;;ACT1B,MAAM,qBAAqB,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAU;AAI1D,MAAM,iBAAiB,GAAwB,IAAI,GAAG,CAAC,qBAAqB,CAAC;AAEtE,MAAM,gBAAgB,GAAGD,gCAAoB,CACnD,SAAS,EACT,QAAQ,EACR,CAAC,KAAc,KAAKC,2BAAe,CAAC,KAAK,CAAqB,EAC9D,CAAC,CAAC,KAAK,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC;;;;;;"}

package/dist/collection/components/abbr/shadow.js

@@ -1,93 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import { h, Host } from "@stencil/core";
-import { BaseWebComponent } from "../../internal/functional-components/base-web-component";
-import { TooltipFC } from "../../internal/functional-components/tooltip/component";
-import { TooltipController } from "../../internal/functional-components/tooltip/controller";
-import { validateLabel } from "../../schema";
-export class KolAbbr {
-    constructor() {
-        this.tooltipCtrl = new TooltipController(BaseWebComponent.stateLess);
-        this.setAbbrRef = (ref) => {
-            this.abbrRef = ref;
-        };
-        this.state = {
-            _label: '',
-        };
-    }
-    render() {
-        return (h(Host, { key: '66308e6f7d25035e13c19ef9dcf4a5cc8537fd17', class: "kol-abbr" }, h("abbr", { key: 'd0ac0653d3d2ffb37ddeab647f300686c48a261a', ref: this.setAbbrRef, tabIndex: this.state._label ? 0 : undefined }, h("slot", { key: '1f95fbdf8e79653e8179b28dc1f5dced4a8f172a' })), this.state._label ? (h(TooltipFC, { "aria-hidden": "true", label: typeof this.state._label === 'string' ? this.state._label : '', badgeText: '', id: this.tooltipCtrl.getRenderProp('id'), refFloating: this.tooltipCtrl.setTooltipElementRef })) : null));
-    }
-    validateLabel(value) {
-        validateLabel(this, value);
-        this.tooltipCtrl.watchLabel(value);
-    }
-    componentWillLoad() {
-        this.validateLabel(this._label);
-        this.tooltipCtrl.componentWillLoad({
-            label: typeof this._label === 'string' ? this._label : '',
-        });
-    }
-    componentDidRender() {
-        if (this.abbrRef) {
-            this.tooltipCtrl.syncListeners(undefined, this.abbrRef, true);
-        }
-    }
-    disconnectedCallback() {
-        this.tooltipCtrl.destroy();
-    }
-    static get is() { return "kol-abbr"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "default": ["./style.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "default": ["style.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "_label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "LabelPropType",
-                    "resolved": "string | undefined",
-                    "references": {
-                        "LabelPropType": {
-                            "location": "import",
-                            "path": "../../schema",
-                            "id": "src/schema/index.ts::LabelPropType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "_label"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "state": {}
-        };
-    }
-    static get watchers() {
-        return [{
-                "propName": "_label",
-                "methodName": "validateLabel"
-            }];
-    }
-}
-//# sourceMappingURL=shadow.js.map

package/dist/collection/components/abbr/shadow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../src/components/abbr/shadow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yDAAyD,CAAC;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,wDAAwD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AAE5F,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAe7C,MAAM,OAAO,OAAO;IAPpB;QAUkB,gBAAW,GAAG,IAAI,iBAAiB,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEhE,eAAU,GAAG,CAAC,GAAiB,EAAE,EAAE;YACnD,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC;QACpB,CAAC,CAAC;QA2Bc,UAAK,GAAe;YACnC,MAAM,EAAE,EAAE;SACV,CAAC;KAwBF;IAnDO,MAAM;QACZ,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAC,UAAU;YAErB,6DAAM,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;gBACtE,8DAAQ,CACF;YACN,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACpB,EAAC,SAAS,mBACG,MAAM,EAClB,KAAK,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EACrE,SAAS,EAAE,EAAE,EACb,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,EACxC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,oBAAoB,GACjD,CACF,CAAC,CAAC,CAAC,IAAI,CACF,CACP,CAAC;IACH,CAAC;IAYM,aAAa,CAAC,KAAqB;QACzC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC3B,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAEM,iBAAiB;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC;YAClC,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;SACzD,CAAC,CAAC;IACJ,CAAC;IAEM,kBAAkB;QACxB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC/D,CAAC;IACF,CAAC;IAEM,oBAAoB;QAC1B,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;IAC5B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport { TooltipFC } from '../../internal/functional-components/tooltip/component';\nimport { TooltipController } from '../../internal/functional-components/tooltip/controller';\nimport type { AbbrAPI, AbbrStates, LabelPropType } from '../../schema';\nimport { validateLabel } from '../../schema';\n\n/**\n * The **Abbr** component implements the HTML tag `abbr` with an accessible tooltip.\n * The tooltip for the description is displayed and read aloud when the **Abbr** component is focused or hovered.\n *\n * @slot - The abbreviation (short form).\n */\n@Component({\n\ttag: 'kol-abbr',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAbbr implements AbbrAPI {\n\tprivate abbrRef?: HTMLElement;\n\n\tprivate readonly tooltipCtrl = new TooltipController(BaseWebComponent.stateLess);\n\n\tprivate readonly setAbbrRef = (ref?: HTMLElement) => {\n\t\tthis.abbrRef = ref;\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-abbr\">\n\t\t\t\t{/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n\t\t\t\t<abbr ref={this.setAbbrRef} tabIndex={this.state._label ? 0 : undefined}>\n\t\t\t\t\t<slot />\n\t\t\t\t</abbr>\n\t\t\t\t{this.state._label ? (\n\t\t\t\t\t<TooltipFC\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tlabel={typeof this.state._label === 'string' ? this.state._label : ''}\n\t\t\t\t\t\tbadgeText={''}\n\t\t\t\t\t\tid={this.tooltipCtrl.getRenderProp('id')}\n\t\t\t\t\t\trefFloating={this.tooltipCtrl.setTooltipElementRef}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t@State() public state: AbbrStates = {\n\t\t_label: '',\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t\tthis.tooltipCtrl.watchLabel(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.tooltipCtrl.componentWillLoad({\n\t\t\tlabel: typeof this._label === 'string' ? this._label : '',\n\t\t});\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tif (this.abbrRef) {\n\t\t\tthis.tooltipCtrl.syncListeners(undefined, this.abbrRef, true);\n\t\t}\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.tooltipCtrl.destroy();\n\t}\n}\n"]}

package/dist/collection/e2e/input-callbacks-and-events.js

@@ -1,56 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import { expect } from "@playwright/test";
-import { test } from "@stencil/playwright";
-import { Callback } from "../schema/enums";
-import { KolEvent } from "../utils/events";
-import { INPUTS_SELECTOR } from "./utils/inputsSelector";
-const testInputCallbacksAndEvents = ({ additionalProperties = '', componentName, equalityCheck = 'toBe', expectedValue, fillAction, omittedEvents = [], selectInput, testValue = 'Test Input', }) => {
-    test.describe('Callbacks and DOM events', () => {
-        const EVENTS = [
-            ['click', Callback.onClick, KolEvent.click],
-            ['focus', Callback.onFocus, KolEvent.focus],
-            ['blur', Callback.onBlur, KolEvent.blur],
-            ['input', Callback.onInput, KolEvent.input, testValue, expectedValue !== null && expectedValue !== void 0 ? expectedValue : testValue],
-            ['change', Callback.onChange, KolEvent.change, testValue, expectedValue !== null && expectedValue !== void 0 ? expectedValue : testValue],
-        ];
-        EVENTS.filter(([eventName]) => !omittedEvents.includes(eventName)).forEach(([nativeEventName, callbackName, eventName, testValue, expectedValue]) => {
-            test(`should call ${callbackName} callback when internal input emits ${nativeEventName}`, async ({ page, browserName }) => {
-                test.skip(componentName === 'kol-input-color' && nativeEventName === 'click' && browserName === 'firefox', 'Clicking on an input[type=color] in Firefox currently makes the page close itself.');
-                await page.setContent(`<${componentName} _label="Input" ${additionalProperties}></${componentName}>`);
-                const component = page.locator(componentName);
-                const input = selectInput ? selectInput(page) : page.locator(INPUTS_SELECTOR);
-                const callbackPromise = component.evaluate((element, callbackName) => {
-                    return new Promise((resolve) => {
-                        element._on = {
-                            [callbackName]: (_event, value) => {
-                                resolve(value);
-                            },
-                        };
-                    });
-                }, callbackName);
-                const eventPromise = component.evaluate((element, eventName) => {
-                    return new Promise((resolve) => {
-                        element.addEventListener(eventName, (event) => {
-                            resolve(event.detail);
-                        });
-                    });
-                }, eventName);
-                await page.waitForChanges();
-                if (fillAction) {
-                    await fillAction(page);
-                }
-                else if (typeof testValue === 'string') {
-                    await page.locator(INPUTS_SELECTOR).fill(testValue);
-                }
-                await page.waitForChanges();
-                await input.dispatchEvent(nativeEventName);
-                await expect(callbackPromise).resolves[equalityCheck](expectedValue);
-                await expect(eventPromise).resolves[equalityCheck](expectedValue !== null && expectedValue !== void 0 ? expectedValue : null);
-            });
-        });
-    });
-};
-export { testInputCallbacksAndEvents };
-//# sourceMappingURL=input-callbacks-and-events.js.map

package/dist/collection/e2e/input-callbacks-and-events.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-callbacks-and-events.js","sourceRoot":"","sources":["../../src/e2e/input-callbacks-and-events.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Locator } from '@playwright/test';\nimport { expect, type Page } from '@playwright/test';\nimport { type E2EPage, test } from '@stencil/playwright';\nimport type { InputTypeOnDefault } from '../schema';\nimport { Callback } from '../schema/enums';\nimport { KolEvent } from '../utils/events';\nimport type { FillAction } from './utils/FillAction';\nimport { INPUTS_SELECTOR } from './utils/inputsSelector';\n\ntype TestInputCallbacksAndEventsOptions = {\n\tadditionalProperties?: string;\n\tcomponentName: string;\n\tequalityCheck?: 'toBe' | 'toEqual';\n\texpectedValue?: unknown;\n\tfillAction?: FillAction;\n\tomittedEvents?: string[];\n\tselectInput?: (page: Page & E2EPage) => Locator;\n\ttestValue?: unknown;\n};\n\nconst testInputCallbacksAndEvents = <ElementType extends { _on?: InputTypeOnDefault } & (HTMLElement | SVGElement)>({\n\tadditionalProperties = '',\n\tcomponentName,\n\tequalityCheck = 'toBe',\n\texpectedValue,\n\tfillAction,\n\tomittedEvents = [],\n\tselectInput,\n\ttestValue = 'Test Input',\n}: TestInputCallbacksAndEventsOptions) => {\n\ttest.describe('Callbacks and DOM events', () => {\n\t\tconst EVENTS: [string, Callback, KolEvent, unknown?, unknown?][] = [\n\t\t\t['click', Callback.onClick, KolEvent.click],\n\t\t\t['focus', Callback.onFocus, KolEvent.focus],\n\t\t\t['blur', Callback.onBlur, KolEvent.blur],\n\t\t\t['input', Callback.onInput, KolEvent.input, testValue, expectedValue ?? testValue],\n\t\t\t['change', Callback.onChange, KolEvent.change, testValue, expectedValue ?? testValue],\n\t\t];\n\n\t\tEVENTS.filter(([eventName]) => !omittedEvents.includes(eventName)).forEach(([nativeEventName, callbackName, eventName, testValue, expectedValue]) => {\n\t\t\ttest(`should call ${callbackName} callback when internal input emits ${nativeEventName}`, async ({ page, browserName }) => {\n\t\t\t\t/* See https://github.com/microsoft/playwright/issues/33864 */\n\t\t\t\ttest.skip(\n\t\t\t\t\tcomponentName === 'kol-input-color' && nativeEventName === 'click' && browserName === 'firefox',\n\t\t\t\t\t'Clicking on an input[type=color] in Firefox currently makes the page close itself.',\n\t\t\t\t);\n\n\t\t\t\tawait page.setContent(`<${componentName} _label=\"Input\" ${additionalProperties}></${componentName}>`);\n\t\t\t\tconst component = page.locator(componentName);\n\t\t\t\tconst input = selectInput ? selectInput(page) : page.locator(INPUTS_SELECTOR);\n\n\t\t\t\tconst callbackPromise = component.evaluate((element: ElementType, callbackName) => {\n\t\t\t\t\treturn new Promise<unknown>((resolve) => {\n\t\t\t\t\t\telement._on = {\n\t\t\t\t\t\t\t[callbackName]: (_event: InputEvent, value?: unknown) => {\n\t\t\t\t\t\t\t\tresolve(value);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t}, callbackName);\n\n\t\t\t\tconst eventPromise = component.evaluate((element: ElementType, eventName: string) => {\n\t\t\t\t\treturn new Promise<unknown>((resolve) => {\n\t\t\t\t\t\telement.addEventListener(eventName, (event: Event) => {\n\t\t\t\t\t\t\tresolve((event as CustomEvent).detail);\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t}, eventName);\n\n\t\t\t\tawait page.waitForChanges();\n\n\t\t\t\tif (fillAction) {\n\t\t\t\t\tawait fillAction(page);\n\t\t\t\t} else if (typeof testValue === 'string') {\n\t\t\t\t\tawait page.locator(INPUTS_SELECTOR).fill(testValue);\n\t\t\t\t}\n\t\t\t\tawait page.waitForChanges();\n\t\t\t\tawait input.dispatchEvent(nativeEventName);\n\n\t\t\t\tawait expect(callbackPromise).resolves[equalityCheck](expectedValue);\n\t\t\t\tawait expect(eventPromise).resolves[equalityCheck](expectedValue ?? null); // For no value, callbacks use `undefined`, the event detail is `null`.\n\t\t\t});\n\t\t});\n\t});\n};\n\nexport { testInputCallbacksAndEvents };\n"]}

package/dist/components/variant-quote.js

@@ -1,39 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import { HTMLElement } from '@stencil/core/internal/client';
-import { c as createPropDefinition, n as normalizeString } from './normalizers.js';
-
-function throwNoStateAccess() {
-    throw new Error('This controller does not use component state.');
-}
-const BaseWebComponent = class extends HTMLElement {
-    constructor() {
-        super(false);
-        this.stateAccess = {
-            setState: (key, value) => {
-                this[key] = value;
-            },
-            getState: (key) => {
-                return this[key];
-            },
-        };
-    }
-};
-BaseWebComponent.stateLess = Object.freeze({
-    setState: throwNoStateAccess,
-    getState: throwNoStateAccess,
-});
-
-const LOADING_OPTIONS = ['eager', 'lazy'];
-const LOADING_SET = new Set(LOADING_OPTIONS);
-const loadingProp = createPropDefinition('loading', 'lazy', (value) => normalizeString(value), (v) => LOADING_SET.has(v));
-
-const QUOTE_VARIANT_OPTIONS = ['block', 'inline'];
-const QUOTE_VARIANT_SET = new Set(QUOTE_VARIANT_OPTIONS);
-const variantQuoteProp = createPropDefinition('variant', 'inline', (value) => normalizeString(value), (v) => QUOTE_VARIANT_SET.has(v));
-
-export { BaseWebComponent as B, loadingProp as l, variantQuoteProp as v };
-//# sourceMappingURL=variant-quote.js.map
-
-//# sourceMappingURL=variant-quote.js.map

package/dist/components/variant-quote.js.map

@@ -1 +0,0 @@
-{"file":"variant-quote.js","mappings":";;;;;;AAMA,SAAS,kBAAkB,GAAA;AAC1B,IAAA,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC;AACjE;MAOsB,gBAAgB,GAAA,cAAA,WAAA,CAAA;AAAtC,IAAA,WAAA,GAAA;;QAkBoB,IAAA,CAAA,WAAW,GAAqB;AAClD,YAAA,QAAQ,EAAE,CAAyD,GAAM,EAAE,KAAgD,KAAU;AACnI,gBAAA,IAAgC,CAAC,GAAa,CAAC,GAAG,KAAK;aACxD;AACD,YAAA,QAAQ,EAAE,CAAyD,GAAM,KAA+C;AACvH,gBAAA,OAAQ,IAAgC,CAAC,GAAa,CAA8C;aACpG;SACD;AACD;;AAjBuB,gBAAA,CAAA,SAAS,GAAuB,MAAM,CAAC,MAAM,CAAC;AACpE,IAAA,QAAQ,EAAE,kBAAkB;AAC5B,IAAA,QAAQ,EAAE,kBAAkB;AAC5B,CAAA,CAAC;;ACFH,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU;AAIlD,MAAM,WAAW,GAAwB,IAAI,GAAG,CAAC,eAAe,CAAC;AAE1D,MAAM,WAAW,GAAG,oBAAoB,CAC9C,SAAS,EACT,MAAM,EACN,CAAC,KAAc,KAAK,eAAe,CAAC,KAAK,CAAgB,EACzD,CAAC,CAAC,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;;ACT1B,MAAM,qBAAqB,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAU;AAI1D,MAAM,iBAAiB,GAAwB,IAAI,GAAG,CAAC,qBAAqB,CAAC;AAEtE,MAAM,gBAAgB,GAAG,oBAAoB,CACnD,SAAS,EACT,QAAQ,EACR,CAAC,KAAc,KAAK,eAAe,CAAC,KAAK,CAAqB,EAC9D,CAAC,CAAC,KAAK,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC;;;;","names":[],"sources":["src/internal/functional-components/base-web-component.ts","src/internal/props/loading.ts","src/internal/props/variant-quote.ts"],"sourcesContent":["import type { ComponentApi, InternalOf, StateAccess } from './generic-types';\n\n/**\n * Throws when a stateless controller accidentally attempts to read or write state.\n * Used as the implementation behind {@link BaseWebComponent.stateLess}.\n */\nfunction throwNoStateAccess(): never {\n\tthrow new Error('This controller does not use component state.');\n}\n\n/**\n * Base class for web components that provides type-safe state access.\n * Subclasses pass `this.stateAccess` to their controller constructors, ensuring\n * that all state reads and writes are validated against Api['States'] at compile time.\n */\nexport abstract class BaseWebComponent<Api extends ComponentApi> {\n\t/**\n\t * Frozen sentinel for controllers that do not need component state.\n\t * Both `setState` and `getState` throw if called, catching accidental\n\t * state access at runtime.\n\t *\n\t * Pass this to the controller constructor in web components whose\n\t * controller only uses render props (no `@State` fields).\n\t */\n\tpublic static readonly stateLess: StateAccess<never> = Object.freeze({\n\t\tsetState: throwNoStateAccess,\n\t\tgetState: throwNoStateAccess,\n\t});\n\n\t/**\n\t * Bundled state access for passing to controllers.\n\t * Writes trigger a Stencil re-render via the @State decorator on the subclass.\n\t */\n\tprotected readonly stateAccess: StateAccess<Api> = {\n\t\tsetState: <K extends keyof InternalOf<NonNullable<Api['States']>>>(key: K, value: InternalOf<NonNullable<Api['States']>>[K]): void => {\n\t\t\t(this as Record<string, unknown>)[key as string] = value;\n\t\t},\n\t\tgetState: <K extends keyof InternalOf<NonNullable<Api['States']>>>(key: K): InternalOf<NonNullable<Api['States']>>[K] => {\n\t\t\treturn (this as Record<string, unknown>)[key as string] as InternalOf<NonNullable<Api['States']>>[K];\n\t\t},\n\t};\n}\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Loading prop for lazy-loading behavior of embedded content\n *\n * Description:\n * The loading attribute controls when the browser should start fetching the resource.\n * Lazy loading defers loading of off-screen content until it is near the viewport,\n * improving initial page load performance.\n *\n * Usage (according to W3C HTML specification):\n * - \"lazy\": Defers loading until the element approaches the viewport\n * - \"eager\": Loads the resource immediately regardless of viewport position\n * - Default is \"lazy\" to optimize performance\n *\n * Accessibility:\n * - Lazy loading must not interfere with assistive technology access to content\n * - Content must be available when focused or navigated to via keyboard (WCAG 2.1.1 Keyboard)\n * - Ensure lazy-loaded content does not cause unexpected layout shifts (WCAG 2.3.3 Animation from Interactions)\n *\n * @see https://html.spec.whatwg.org/multipage/urls-and-fetching.html#lazy-loading-attributes\n * @see https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html\n */\nconst LOADING_OPTIONS = ['eager', 'lazy'] as const;\nexport type LoadingType = (typeof LOADING_OPTIONS)[number];\nexport type LoadingProp = SimpleProp<'loading', LoadingType>;\n\nconst LOADING_SET: ReadonlySet<string> = new Set(LOADING_OPTIONS);\n\nexport const loadingProp = createPropDefinition<LoadingProp>(\n\t'loading',\n\t'lazy',\n\t(value: unknown) => normalizeString(value) as LoadingType,\n\t(v) => LOADING_SET.has(v),\n);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\n/**\n * Variant prop for quotation display style\n *\n * Description:\n * Determines whether the quotation is rendered as a block-level (<blockquote>) or\n * inline (<q>) element. The choice affects both visual layout and semantic HTML structure.\n *\n * Usage (according to W3C HTML specification):\n * - \"block\": Renders as <blockquote> — for extended, standalone quotations from an external source\n * - \"inline\": Renders as <q> — for short inline quotations within flowing text (default)\n * - The browser automatically adds appropriate quotation marks around <q> elements\n * - Both elements support the cite attribute to reference the quotation source\n *\n * Accessibility:\n * - Semantic HTML elements (<blockquote>, <q>) help assistive technologies convey content structure\n * - The quotation structure must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n * - Block quotes are announced as distinct sections by screen readers\n *\n * @see https://html.spec.whatwg.org/multipage/grouping-content.html#the-blockquote-element\n * @see https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-q-element\n * @see https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html\n */\nconst QUOTE_VARIANT_OPTIONS = ['block', 'inline'] as const;\nexport type QuoteVariantType = (typeof QUOTE_VARIANT_OPTIONS)[number];\nexport type VariantQuoteProp = SimpleProp<'variant', QuoteVariantType>;\n\nconst QUOTE_VARIANT_SET: ReadonlySet<string> = new Set(QUOTE_VARIANT_OPTIONS);\n\nexport const variantQuoteProp = createPropDefinition<VariantQuoteProp>(\n\t'variant',\n\t'inline',\n\t(value: unknown) => normalizeString(value) as QuoteVariantType,\n\t(v) => QUOTE_VARIANT_SET.has(v),\n);\n"],"version":3}

package/dist/esm/Alert-2bYvhb8i.js

@@ -1,91 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import { a as __rest } from './tslib.es6-QNbPBOk5.js';
-import { h, F as Fragment } from './index-DqvPZ16l.js';
-import { c as clsx } from './clsx-COFh-Vc8.js';
-import { b as KolButtonWcTag } from './component-names-Dy77vq43.js';
-import { t as translate } from './i18n-CaL2ODdQ.js';
-import { b as bem } from './bem-registry-B9CzNnO1.js';
-import { I as IconFC } from './component-ijX_kUom.js';
-import { K as KolHeadingFc } from './Heading-C9p_CRv4.js';
-
-const alertBem$1 = bem.forBlock('kol-alert');
-const BEM_CLASS_ALERT__ICON = alertBem$1('icon');
-const ALERT_ICON_CONFIG = {
-    error: {
-        label: translate('kol-error'),
-        icon: 'kolicon-alert-error',
-    },
-    info: {
-        label: translate('kol-info'),
-        icon: 'kolicon-alert-info',
-    },
-    warning: {
-        label: translate('kol-warning'),
-        icon: 'kolicon-alert-warning',
-    },
-    success: {
-        label: translate('kol-success'),
-        icon: 'kolicon-alert-success',
-    },
-    default: {
-        label: translate('kol-message'),
-        icon: 'kolicon-alert-info',
-    },
-};
-const AlertIcon = ({ type = 'default' }) => {
-    const config = ALERT_ICON_CONFIG[type || 'default'];
-    return (h(Fragment, null, h("span", { class: "visually-hidden" }, config.label), h(IconFC, { class: BEM_CLASS_ALERT__ICON, label: "", icons: config.icon })));
-};
-
-const alertBem = bem.forBlock('kol-alert');
-const BEM_CLASS_ALERT__CLOSER = alertBem('closer');
-const BEM_CLASS_ALERT__CONTENT = alertBem('content');
-const vibrateOnError = () => {
-    if (typeof navigator === 'undefined' || typeof navigator.vibrate !== 'function') {
-        return;
-    }
-    const ua = navigator.userActivation;
-    const hasGesture = (ua === null || ua === void 0 ? void 0 : ua.isActive) || (ua === null || ua === void 0 ? void 0 : ua.hasBeenActive);
-    if (!hasGesture) {
-        return;
-    }
-    if (!matchMedia('(any-pointer: coarse)').matches) {
-        return;
-    }
-    try {
-        navigator.vibrate([100, 75, 100, 75, 100]);
-    }
-    catch (_a) {
-    }
-};
-const KolAlertFc = (props, children) => {
-    const { class: classNames = {}, alert = false, hasCloser = false, label, level = 0, type = 'default', variant = 'msg', onAlertTimeout, onCloserClick } = props, other = __rest(props, ["class", "alert", "hasCloser", "label", "level", "type", "variant", "onAlertTimeout", "onCloserClick"]);
-    const translateCloseAlert = translate('kol-close-alert');
-    if (alert) {
-        vibrateOnError();
-        setTimeout(() => {
-            onAlertTimeout === null || onAlertTimeout === void 0 ? void 0 : onAlertTimeout();
-        }, 10000);
-    }
-    const BEM_CLASS_ROOT = alertBem({
-        hasCloser: !!hasCloser,
-        [`type-${type}`]: true,
-        [`variant-${variant}`]: true,
-    });
-    const BEM_CLASS__HEADING = alertBem('heading', {
-        [`h${level}`]: true,
-    });
-    const rootProps = Object.assign({ class: clsx(classNames, BEM_CLASS_ROOT) }, other);
-    return (h("div", Object.assign({ role: alert ? 'alert' : undefined }, rootProps, { "data-testid": "alert" }), h("div", { class: "kol-alert__container" }, h(AlertIcon, { label: label, type: type }), h("div", { class: "kol-alert__container-content" }, label && (h(KolHeadingFc, { class: BEM_CLASS__HEADING, level: level, id: "heading" }, label)), variant === 'msg' && (h("span", { class: BEM_CLASS_ALERT__CONTENT, "aria-describedby": label ? 'heading' : undefined }, children))), hasCloser && (h(KolButtonWcTag, { class: BEM_CLASS_ALERT__CLOSER + ' kol-close-button', "data-testid": "alert-close-button", _ariaDescription: (label === null || label === void 0 ? void 0 : label.trim()) || '', _hideLabel: true, _icons: {
-            left: {
-                icon: 'kolicon-cross',
-            },
-        }, _label: translateCloseAlert, _on: { onClick: onCloserClick }, _tooltipAlign: "left" }))), variant === 'card' && (h("div", { class: BEM_CLASS_ALERT__CONTENT, "aria-describedby": label ? 'heading' : undefined }, children))));
-};
-
-export { KolAlertFc as K };
-//# sourceMappingURL=Alert-2bYvhb8i.js.map
-
-//# sourceMappingURL=Alert-2bYvhb8i.js.map

package/dist/esm/Alert-2bYvhb8i.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert-2bYvhb8i.js","sources":["src/functional-components/AlertIcon/AlertIcon.tsx","src/functional-components/Alert/Alert.tsx"],"sourcesContent":["import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\nimport { translate } from '../../i18n';\nimport { IconFC } from '../../internal/functional-components/icon/component';\nimport type { AlertType } from '../../schema';\nimport { bem } from '../../schema/bem-registry';\n\nconst alertBem = bem.forBlock('kol-alert');\nconst BEM_CLASS_ALERT__ICON = alertBem('icon');\n\n/**\n * The icon uses a visually-hidden span instead of an aria-label because the Alert might be referenced as content for aria-describedby.\n * In this scenario, Firefox with NVDA does not properly read the aria-label, so the visually-hidden span ensures correct screen reader behavior.\n * @see https://github.com/public-ui/kolibri/issues/7119\n */\nconst ALERT_ICON_CONFIG: Record<AlertType | 'default', { label: string; icon: string }> = {\n\terror: {\n\t\tlabel: translate('kol-error'),\n\t\ticon: 'kolicon-alert-error',\n\t},\n\tinfo: {\n\t\tlabel: translate('kol-info'),\n\t\ticon: 'kolicon-alert-info',\n\t},\n\twarning: {\n\t\tlabel: translate('kol-warning'),\n\t\ticon: 'kolicon-alert-warning',\n\t},\n\tsuccess: {\n\t\tlabel: translate('kol-success'),\n\t\ticon: 'kolicon-alert-success',\n\t},\n\tdefault: {\n\t\tlabel: translate('kol-message'),\n\t\ticon: 'kolicon-alert-info',\n\t},\n};\n\nconst AlertIcon: FC<{ label?: string; type?: AlertType }> = ({ type = 'default' }) => {\n\tconst config = ALERT_ICON_CONFIG[type || 'default'];\n\treturn (\n\t\t<>\n\t\t\t<span class=\"visually-hidden\">{config.label}</span>\n\t\t\t<IconFC class={BEM_CLASS_ALERT__ICON} label=\"\" icons={config.icon} />\n\t\t</>\n\t);\n};\n\nexport default AlertIcon;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { type JSXBase } from '@stencil/core/internal';\nimport clsx from '../../utils/clsx';\n\nimport { KolButtonWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport { type InternalAlertProps } from '../../schema';\nimport { bem } from '../../schema/bem-registry';\nimport AlertIcon from '../AlertIcon';\nimport KolHeadingFc from '../Heading';\n\nconst alertBem = bem.forBlock('kol-alert');\nconst BEM_CLASS_ALERT__CLOSER = alertBem('closer');\nconst BEM_CLASS_ALERT__CONTENT = alertBem('content');\n\nexport type KolAlertFcProps = JSXBase.HTMLAttributes<HTMLDivElement> &\n\tPartial<Omit<InternalAlertProps, 'on'>> & {\n\t\tonCloserClick?: () => void;\n\t\tonAlertTimeout?: () => void;\n\t};\n\n/**\n * - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n * - https://googlechrome.github.io/samples/vibration/\n * - Ongoing discussion: https://github.com/public-ui/kolibri/issues/7191\n * @todo Move side-effect out of render-function to avoid multiple incarnations.\n */\nconst vibrateOnError = (): void => {\n\tif (typeof navigator === 'undefined' || typeof navigator.vibrate !== 'function') {\n\t\treturn;\n\t}\n\tconst ua = navigator.userActivation;\n\tconst hasGesture = ua?.isActive || ua?.hasBeenActive;\n\tif (!hasGesture) {\n\t\treturn;\n\t}\n\tif (!matchMedia('(any-pointer: coarse)').matches) {\n\t\treturn;\n\t}\n\ttry {\n\t\tnavigator.vibrate([100, 75, 100, 75, 100]);\n\t} catch {\n\t\t/* no-op */\n\t}\n};\n\nconst KolAlertFc: FC<KolAlertFcProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames = {},\n\t\talert = false,\n\t\thasCloser = false,\n\t\tlabel,\n\t\tlevel = 0,\n\t\ttype = 'default',\n\t\tvariant = 'msg',\n\t\tonAlertTimeout,\n\t\tonCloserClick,\n\t\t...other\n\t} = props;\n\n\tconst translateCloseAlert = translate('kol-close-alert');\n\n\tif (alert) {\n\t\tvibrateOnError();\n\n\t\tsetTimeout(() => {\n\t\t\tonAlertTimeout?.();\n\t\t}, 10000);\n\t}\n\n\t/**\n\t * Define the dynamic BEM class names for the alert component.\n\t */\n\tconst BEM_CLASS_ROOT = alertBem({\n\t\thasCloser: !!hasCloser,\n\t\t[`type-${type}`]: true,\n\t\t[`variant-${variant}`]: true,\n\t});\n\tconst BEM_CLASS__HEADING = alertBem('heading', {\n\t\t[`h${level}`]: true,\n\t});\n\n\tconst rootProps: Partial<JSXBase.HTMLAttributes<HTMLDivElement>> = {\n\t\tclass: clsx(classNames, BEM_CLASS_ROOT),\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<div role={alert ? 'alert' : undefined} {...rootProps} data-testid=\"alert\">\n\t\t\t<div class=\"kol-alert__container\">\n\t\t\t\t<AlertIcon label={label} type={type} />\n\t\t\t\t<div class=\"kol-alert__container-content\">\n\t\t\t\t\t{label && (\n\t\t\t\t\t\t<KolHeadingFc class={BEM_CLASS__HEADING} level={level} id=\"heading\">\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</KolHeadingFc>\n\t\t\t\t\t)}\n\t\t\t\t\t{variant === 'msg' && (\n\t\t\t\t\t\t<span class={BEM_CLASS_ALERT__CONTENT} aria-describedby={label ? 'heading' : undefined}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{hasCloser && (\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass={BEM_CLASS_ALERT__CLOSER + ' kol-close-button'}\n\t\t\t\t\t\tdata-testid=\"alert-close-button\"\n\t\t\t\t\t\t_ariaDescription={label?.trim() || ''}\n\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t_icons={{\n\t\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\t\ticon: 'kolicon-cross',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t_label={translateCloseAlert}\n\t\t\t\t\t\t_on={{ onClick: onCloserClick }}\n\t\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{variant === 'card' && (\n\t\t\t\t<div class={BEM_CLASS_ALERT__CONTENT} aria-describedby={label ? 'heading' : undefined}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default KolAlertFc;\n"],"names":["alertBem"],"mappings":"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"}

package/dist/esm/Collapsible-OjK6lDr2.js

@@ -1,25 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import { a as __rest } from './tslib.es6-QNbPBOk5.js';
-import { h } from './index-DqvPZ16l.js';
-import { b as KolButtonWcTag } from './component-names-Dy77vq43.js';
-import { c as clsx } from './clsx-COFh-Vc8.js';
-import { a as createRelatedUniqueId } from './dev.utils-Cv9uCwkA.js';
-import { K as KolHeadingFc } from './Heading-C9p_CRv4.js';
-
-const KolCollapsibleFc = (props, children) => {
-    const { id, class: classNames, label, level = 1, disabled, open, onClick, HeadingProps = {}, HeadingButtonProps = {}, ContentProps = {} } = props, other = __rest(props, ["id", "class", "label", "level", "disabled", "open", "onClick", "HeadingProps", "HeadingButtonProps", "ContentProps"]);
-    const icon = open ? 'kolicon-chevron-down' : 'kolicon-chevron-right';
-    const headingId = createRelatedUniqueId(id, 'heading');
-    const controlId = createRelatedUniqueId(id, 'control');
-    return (h("div", Object.assign({ id: id, class: clsx('collapsible', {
-            'collapsible--disabled': disabled === true,
-            'collapsible--open': open === true,
-        }, classNames) }, other), h(KolHeadingFc, { ref: HeadingProps === null || HeadingProps === void 0 ? void 0 : HeadingProps.ref, level: level, class: clsx('collapsible__heading', HeadingProps === null || HeadingProps === void 0 ? void 0 : HeadingProps.class) }, h(KolButtonWcTag, { class: clsx('collapsible__heading-button', HeadingButtonProps === null || HeadingButtonProps === void 0 ? void 0 : HeadingButtonProps.class), ref: HeadingButtonProps === null || HeadingButtonProps === void 0 ? void 0 : HeadingButtonProps.ref, slot: "expert", id: headingId, _ariaControls: controlId, _ariaExpanded: open, _disabled: disabled, _icons: (HeadingButtonProps === null || HeadingButtonProps === void 0 ? void 0 : HeadingButtonProps._icons) || `${icon}`, _label: label, _on: { onClick } })), h("div", { class: clsx('collapsible__wrapper', ContentProps === null || ContentProps === void 0 ? void 0 : ContentProps.wrapperClass) }, h("div", { class: clsx('collapsible__wrapper-animation', ContentProps === null || ContentProps === void 0 ? void 0 : ContentProps.animationClass) }, h("div", { "aria-hidden": open === false ? 'true' : undefined, "aria-labelledby": headingId, role: "region", class: clsx('collapsible__content', ContentProps === null || ContentProps === void 0 ? void 0 : ContentProps.class), id: controlId }, children)))));
-};
-
-export { KolCollapsibleFc as K };
-//# sourceMappingURL=Collapsible-OjK6lDr2.js.map
-
-//# sourceMappingURL=Collapsible-OjK6lDr2.js.map

package/dist/esm/Collapsible-OjK6lDr2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collapsible-OjK6lDr2.js","sources":["src/functional-components/Collapsible/Collapsible.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { EventValueOrEventCallback, HeadingLevel, IconsPropType, StencilUnknown } from '../../schema';\nimport clsx from '../../utils/clsx';\nimport { createRelatedUniqueId } from '../../utils/dev.utils';\nimport KolHeadingFc from '../Heading';\n\ntype ClassType =\n\t| string\n\t| {\n\t\t\t[className: string]: boolean;\n\t  };\n\nexport type CollapsibleProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id' | 'onClick'> & {\n\tid: string;\n\topen?: boolean;\n\tdisabled?: boolean;\n\tlevel?: HeadingLevel;\n\tlabel: string;\n\tonClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown>;\n\n\tHeadingProps?: {\n\t\tref?: ((elm?: HTMLElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t};\n\n\tHeadingButtonProps?: {\n\t\tref?: ((elm?: HTMLKolButtonWcElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t\t_icons?: IconsPropType;\n\t};\n\n\tContentProps?: {\n\t\tclass?: ClassType;\n\t\tanimationClass?: ClassType;\n\t\twrapperClass?: ClassType;\n\t};\n};\n\nconst KolCollapsibleFc: FC<CollapsibleProps> = (props, children) => {\n\tconst { id, class: classNames, label, level = 1, disabled, open, onClick, HeadingProps = {}, HeadingButtonProps = {}, ContentProps = {}, ...other } = props;\n\tconst icon = open ? 'kolicon-chevron-down' : 'kolicon-chevron-right';\n\n\tconst headingId = createRelatedUniqueId(id, 'heading');\n\tconst controlId = createRelatedUniqueId(id, 'control');\n\n\treturn (\n\t\t<div\n\t\t\tid={id}\n\t\t\tclass={clsx(\n\t\t\t\t'collapsible',\n\t\t\t\t{\n\t\t\t\t\t'collapsible--disabled': disabled === true,\n\t\t\t\t\t'collapsible--open': open === true,\n\t\t\t\t},\n\t\t\t\tclassNames,\n\t\t\t)}\n\t\t\t{...other}\n\t\t>\n\t\t\t<KolHeadingFc ref={HeadingProps?.ref} level={level} class={clsx('collapsible__heading', HeadingProps?.class)}>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass={clsx('collapsible__heading-button', HeadingButtonProps?.class)}\n\t\t\t\t\tref={HeadingButtonProps?.ref}\n\t\t\t\t\tslot=\"expert\"\n\t\t\t\t\tid={headingId}\n\t\t\t\t\t_ariaControls={controlId}\n\t\t\t\t\t_ariaExpanded={open}\n\t\t\t\t\t_disabled={disabled}\n\t\t\t\t\t_icons={HeadingButtonProps?._icons || `${icon}`}\n\t\t\t\t\t_label={label}\n\t\t\t\t\t_on={{ onClick }}\n\t\t\t\t></KolButtonWcTag>\n\t\t\t</KolHeadingFc>\n\t\t\t<div class={clsx('collapsible__wrapper', ContentProps?.wrapperClass)}>\n\t\t\t\t<div class={clsx('collapsible__wrapper-animation', ContentProps?.animationClass)}>\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-hidden={open === false ? 'true' : undefined}\n\t\t\t\t\t\taria-labelledby={headingId}\n\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t\tclass={clsx('collapsible__content', ContentProps?.class)}\n\t\t\t\t\t\tid={controlId}\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</div>\n\t);\n};\n\nexport default KolCollapsibleFc;\n"],"names":[],"mappings":"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"}

package/dist/esm/CustomSuggestionsOptionsGroup-Cw_y_smw.js

@@ -1,28 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import { h } from './index-DqvPZ16l.js';
-import { c as clsx } from './clsx-COFh-Vc8.js';
-
-const CustomSuggestionsOptionFc = ({ disabled, index, ref, selected, onClick, onMouseOver, onFocus, onKeyDown, option, searchTerm, }) => {
-    const highlightSearchTerm = (text, searchTerm) => {
-        if (!(searchTerm === null || searchTerm === void 0 ? void 0 : searchTerm.trim()))
-            return text;
-        const regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, 'gi');
-        const parts = text.split(regex);
-        return parts.map((part, partIndex) => (partIndex % 2 === 1 ? h("mark", null, part) : part));
-    };
-    return (h("li", { id: `option-${index}`, key: `-${index}`, ref: ref, "data-index": index, tabIndex: -1, role: "option", "aria-selected": selected ? 'true' : undefined, "aria-disabled": disabled ? 'true' : undefined, onClick: onClick, onMouseOver: onMouseOver, onFocus: onFocus, class: clsx('kol-custom-suggestions-option', { 'kol-custom-suggestions-option--disabled': disabled }), onKeyDown: onKeyDown }, h("span", null, highlightSearchTerm(String(option), searchTerm || ''))));
-};
-
-const CustomSuggestionsOptionsGroupFc = ({ blockSuggestionMouseOver, onKeyDown, style, hidden, id }, children) => {
-    return (h("ul", { id: id, role: "listbox", style: style, class: clsx('kol-custom-suggestions-options-group', {
-            'kol-custom-suggestions-options-group--cursor-hidden': blockSuggestionMouseOver,
-            'kol-custom-suggestions-options-group--open': !hidden,
-        }), hidden: hidden, onKeyDown: onKeyDown }, children));
-};
-
-export { CustomSuggestionsOptionsGroupFc as C, CustomSuggestionsOptionFc as a };
-//# sourceMappingURL=CustomSuggestionsOptionsGroup-Cw_y_smw.js.map
-
-//# sourceMappingURL=CustomSuggestionsOptionsGroup-Cw_y_smw.js.map

package/dist/esm/CustomSuggestionsOptionsGroup-Cw_y_smw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomSuggestionsOptionsGroup-Cw_y_smw.js","sources":["src/functional-components/CustomSuggestionsOption/CustomSuggestionsOption.tsx","src/functional-components/CustomSuggestionsOptionsGroup/CustomSuggestionsOptionsGroup.tsx"],"sourcesContent":["import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../schema';\nimport clsx from '../../utils/clsx';\n\nexport type CustomSuggestionsProps = JSXBase.HTMLAttributes<HTMLLIElement> & {\n\tdisabled: boolean;\n\tindex: number;\n\toption: W3CInputValue;\n\tselected: boolean;\n\tsearchTerm?: string;\n\tref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;\n};\n\nconst CustomSuggestionsOptionFc: FC<CustomSuggestionsProps> = ({\n\tdisabled,\n\tindex,\n\tref,\n\tselected,\n\tonClick,\n\tonMouseOver,\n\tonFocus,\n\tonKeyDown,\n\toption,\n\tsearchTerm,\n}) => {\n\tconst highlightSearchTerm = (text: string, searchTerm: string) => {\n\t\tif (!searchTerm?.trim()) return text;\n\n\t\tconst regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi');\n\t\tconst parts = text.split(regex);\n\n\t\treturn parts.map((part, partIndex) => (partIndex % 2 === 1 ? <mark>{part}</mark> : part));\n\t};\n\n\treturn (\n\t\t<li\n\t\t\tid={`option-${index}`}\n\t\t\tkey={`-${index}`}\n\t\t\tref={ref}\n\t\t\tdata-index={index}\n\t\t\ttabIndex={-1}\n\t\t\trole=\"option\"\n\t\t\taria-selected={selected ? 'true' : undefined}\n\t\t\taria-disabled={disabled ? 'true' : undefined}\n\t\t\tonClick={onClick}\n\t\t\tonMouseOver={onMouseOver}\n\t\t\tonFocus={onFocus}\n\t\t\tclass={clsx('kol-custom-suggestions-option', { 'kol-custom-suggestions-option--disabled': disabled })}\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t<span>{highlightSearchTerm(String(option), searchTerm || '')}</span>\n\t\t</li>\n\t);\n};\nexport default CustomSuggestionsOptionFc;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../utils/clsx';\n\nexport type CustomSuggestionsOptionsGroupProps = JSXBase.HTMLAttributes<HTMLUListElement> & {\n\tblockSuggestionMouseOver: boolean;\n};\n\nconst CustomSuggestionsOptionsGroupFc: FC<CustomSuggestionsOptionsGroupProps> = ({ blockSuggestionMouseOver, onKeyDown, style, hidden, id }, children) => {\n\treturn (\n\t\t<ul\n\t\t\tid={id}\n\t\t\trole=\"listbox\"\n\t\t\tstyle={style}\n\t\t\tclass={clsx('kol-custom-suggestions-options-group', {\n\t\t\t\t'kol-custom-suggestions-options-group--cursor-hidden': blockSuggestionMouseOver,\n\t\t\t\t'kol-custom-suggestions-options-group--open': !hidden,\n\t\t\t})}\n\t\t\thidden={hidden}\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t{children}\n\t\t</ul>\n\t);\n};\nexport default CustomSuggestionsOptionsGroupFc;\n"],"names":[],"mappings":";;;;;;AAcM,MAAA,yBAAyB,GAA+B,CAAC,EAC9D,QAAQ,EACR,KAAK,EACL,GAAG,EACH,QAAQ,EACR,OAAO,EACP,WAAW,EACX,OAAO,EACP,SAAS,EACT,MAAM,EACN,UAAU,GACV,KAAI;AACJ,IAAA,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,UAAkB,KAAI;QAChE,IAAI,EAAC,UAAU,KAAV,IAAA,IAAA,UAAU,uBAAV,UAAU,CAAE,IAAI,EAAE,CAAA;AAAE,YAAA,OAAO,IAAI;AAEpC,QAAA,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,CAAA,CAAA,EAAI,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC;QACxF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;AAE/B,QAAA,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,GAAG,CAAO,CAAA,MAAA,EAAA,IAAA,EAAA,IAAI,CAAQ,GAAG,IAAI,CAAC,CAAC;AAC1F,KAAC;IAED,QACC,CACC,CAAA,IAAA,EAAA,EAAA,EAAE,EAAE,CAAU,OAAA,EAAA,KAAK,CAAE,CAAA,EACrB,GAAG,EAAE,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,EAChB,GAAG,EAAE,GAAG,EAAA,YAAA,EACI,KAAK,EACjB,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAC,QAAQ,EACE,eAAA,EAAA,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC7B,eAAA,EAAA,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC5C,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,CAAC,+BAA+B,EAAE,EAAE,yCAAyC,EAAE,QAAQ,EAAE,CAAC,EACrG,SAAS,EAAE,SAAS,EAAA,EAEpB,CAAA,CAAA,MAAA,EAAA,IAAA,EAAO,mBAAmB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,UAAU,IAAI,EAAE,CAAC,CAAQ,CAChE;AAEP;;AC9CA,MAAM,+BAA+B,GAA2C,CAAC,EAAE,wBAAwB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,QAAQ,KAAI;IACxJ,QACC,CACC,CAAA,IAAA,EAAA,EAAA,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,CAAC,sCAAsC,EAAE;AACnD,YAAA,qDAAqD,EAAE,wBAAwB;YAC/E,4CAA4C,EAAE,CAAC,MAAM;AACrD,SAAA,CAAC,EACF,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EAEnB,EAAA,QAAQ,CACL;AAEP;;;;"}

package/dist/esm/FieldControlStateWrapper-CU6OjlrU.js

@@ -1,121 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import { a as __rest } from './tslib.es6-QNbPBOk5.js';
-import { h, F as Fragment } from './index-DqvPZ16l.js';
-import { B as BaseWebComponent } from './variant-quote-BMV8GZX8.js';
-import { T as TooltipFC } from './component-BFsdrctP.js';
-import { T as TooltipController } from './controller-oT8Y98Yc.js';
-import './common-DEEjER7G.js';
-import { b as buildBadgeTextString, s as showExpertSlot } from './component-4RtkhTfb.js';
-import { K as KolFormFieldLabelFc, b as KolFormFieldHintFc, g as getMsgType, i as isMsgDefinedAndInputTouched } from './FormFieldStateWrapper-C31luuWs.js';
-import { c as clsx } from './clsx-COFh-Vc8.js';
-import { a as createRelatedUniqueId } from './dev.utils-Cv9uCwkA.js';
-
-const fieldControlTooltipControllerById = new Map();
-const getFieldControlTooltipController = (id) => {
-    const tooltipController = fieldControlTooltipControllerById.get(id);
-    if (tooltipController) {
-        return tooltipController;
-    }
-    const nextTooltipController = new TooltipController(BaseWebComponent.stateLess);
-    nextTooltipController.componentWillLoad({ label: '' });
-    fieldControlTooltipControllerById.set(id, nextTooltipController);
-    return nextTooltipController;
-};
-const destroyFieldControlTooltipController = (id) => {
-    const tooltipController = fieldControlTooltipControllerById.get(id);
-    if (tooltipController) {
-        tooltipController.destroy();
-        fieldControlTooltipControllerById.delete(id);
-    }
-};
-const InputContainer = (_a, children) => {
-    var { class: classNames } = _a, other = __rest(_a, ["class"]);
-    return (h("div", Object.assign({ class: clsx('kol-field-control__input', classNames) }, other), children));
-};
-const KolFieldControlFc = (props, children) => {
-    const { class: classNames, id, disabled, label, hideLabel, labelAlign, renderNoTooltip, hint, renderNoHint, accessKey, shortKey, msg, touched, required, readonly, tooltipAlign, tooltipFloatingRef, fieldControlInputProps, fieldControlLabelProps, fieldControlTooltipProps, fieldControlHintProps } = props, other = __rest(props, ["class", "id", "disabled", "label", "hideLabel", "labelAlign", "renderNoTooltip", "hint", "renderNoHint", "accessKey", "shortKey", "msg", "touched", "required", "readonly", "tooltipAlign", "tooltipFloatingRef", "fieldControlInputProps", "fieldControlLabelProps", "fieldControlTooltipProps", "fieldControlHintProps"]);
-    const canShowHint = !renderNoHint;
-    const canShowTooltip = !renderNoTooltip;
-    const hasExpertSlot = showExpertSlot(label);
-    const useTooltipInsteadOfLabel = canShowTooltip && !hasExpertSlot && hideLabel;
-    const badgeText = buildBadgeTextString(accessKey, shortKey);
-    const labelId = createRelatedUniqueId(id, 'label');
-    const tooltipController = useTooltipInsteadOfLabel ? getFieldControlTooltipController(id) : undefined;
-    if (tooltipController) {
-        tooltipController.watchAlign(tooltipAlign);
-        tooltipController.watchBadgeText(badgeText || '');
-        tooltipController.watchId(labelId);
-        tooltipController.watchLabel(label);
-    }
-    else {
-        destroyFieldControlTooltipController(id);
-    }
-    const forwardedInputRef = fieldControlInputProps === null || fieldControlInputProps === void 0 ? void 0 : fieldControlInputProps.ref;
-    const setInputContainerRef = (el) => {
-        forwardedInputRef === null || forwardedInputRef === void 0 ? void 0 : forwardedInputRef(el);
-        if (tooltipController && el) {
-            tooltipController.initContext(el);
-            tooltipController.syncListeners(undefined, el, true);
-        }
-    };
-    const components = [
-        h(Fragment, null, h(InputContainer, Object.assign({}, fieldControlInputProps, { ref: setInputContainerRef }), children), useTooltipInsteadOfLabel && (h("div", { class: clsx('kol-form-field__tooltip', fieldControlTooltipProps === null || fieldControlTooltipProps === void 0 ? void 0 : fieldControlTooltipProps.class) }, h(TooltipFC, { badgeText: badgeText || '', label: label, align: tooltipAlign, id: labelId, refFloating: tooltipFloatingRef !== null && tooltipFloatingRef !== void 0 ? tooltipFloatingRef : ((el) => {
-                tooltipController === null || tooltipController === void 0 ? void 0 : tooltipController.setTooltipElementRef(el);
-            }) })))),
-        h(KolFormFieldLabelFc, Object.assign({}, (fieldControlLabelProps || {}), { id: id, baseClassName: "kol-field-control", class: clsx(fieldControlLabelProps === null || fieldControlLabelProps === void 0 ? void 0 : fieldControlLabelProps.class, {
-                ['kol-field-control__label--visually-hidden']: Boolean(hideLabel),
-            }), hasExpertSlot: hasExpertSlot, label: label, accessKey: accessKey, shortKey: shortKey })),
-    ];
-    if (labelAlign === 'left') {
-        components.reverse();
-    }
-    const stateCssClasses = {
-        ['kol-field-control--disabled']: Boolean(disabled),
-        ['kol-field-control--required']: Boolean(required),
-        ['kol-field-control--touched']: Boolean(touched),
-        ['kol-field-control--hide-label']: Boolean(hideLabel),
-        ['kol-field-control--read-only']: Boolean(readonly),
-        [`kol-field-control--${getMsgType(msg)}`]: Boolean(isMsgDefinedAndInputTouched(msg, touched)),
-        [`kol-field-control--label-align-${labelAlign}`]: Boolean(labelAlign),
-    };
-    return (h("div", Object.assign({ class: clsx('kol-field-control', stateCssClasses, classNames) }, other), components, canShowHint && h(KolFormFieldHintFc, Object.assign({}, (fieldControlHintProps || {}), { baseClassName: "kol-field-control", id: id, hint: hint }))));
-};
-
-function getFieldControlProps(state) {
-    const props = {
-        id: state._id,
-        disabled: state._disabled,
-        msg: state._msg,
-        hint: state._hint,
-        label: state._label,
-        hideLabel: state._hideLabel,
-        touched: state._touched,
-    };
-    if ('_required' in state) {
-        props.required = state._required;
-    }
-    if ('_readOnly' in state) {
-        props.readonly = state._readOnly;
-    }
-    if ('_labelAlign' in state) {
-        props.labelAlign = state._labelAlign;
-    }
-    if ('_accessKey' in state) {
-        props.accessKey = state._accessKey;
-    }
-    if ('_shortKey' in state) {
-        props.shortKey = state._shortKey;
-    }
-    return props;
-}
-const FieldControlStateWrapper = (_a, children) => {
-    var { state } = _a, other = __rest(_a, ["state"]);
-    return (h(KolFieldControlFc, Object.assign({}, getFieldControlProps(state), other), children));
-};
-
-export { FieldControlStateWrapper as F };
-//# sourceMappingURL=FieldControlStateWrapper-CU6OjlrU.js.map
-
-//# sourceMappingURL=FieldControlStateWrapper-CU6OjlrU.js.map