@public-ui/components 4.1.5-rc.0 → 4.1.5-rc.2

package/dist/{esm/variant-quote-DI6q8gPw.js.map → kolibri/variant-quote-y0Z1TRdz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"variant-quote-DI6q8gPw.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":[],"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,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;;;;"}
+{"version":3,"file":"variant-quote-y0Z1TRdz.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":[],"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,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;;;;"}

package/dist/types/components/table-stateful/shadow.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FixedColsPropType, HasSettingsMenuPropType, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, LabelPropType, PaginationPositionPropType, Stringified, TableAPI, TableDataFootPropType, TableDataPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TableStates } from '../../schema';
+import type { FixedColsPropType, HasSettingsMenuPropType, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, LabelPropType, PaginationPositionPropType, Stringified, TableAPI, TableDataFootPropType, TableDataPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TableStates, VariantClassNamePropType } from '../../schema';
 export declare class KolTableStateful implements TableAPI {
     private readonly host?;
     private tableWcRef?;
@@ -20,6 +20,7 @@ export declare class KolTableStateful implements TableAPI {
     _selection?: TableSelectionPropType;
     _on?: TableStatefulCallbacksPropType;
     _hasSettingsMenu?: HasSettingsMenuPropType;
+    _variant?: VariantClassNamePropType;
     state: TableStates;
     validateAllowMultiSort(value?: boolean): void;
     validateData(value?: TableDataPropType): void;

package/dist/types/components/table-stateless/component.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FixedColsPropType, HasSettingsMenuPropType, KoliBriTableHeaderCell, LabelPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessAPI, TableStatelessStates } from '../../schema';
+import type { FixedColsPropType, HasSettingsMenuPropType, KoliBriTableHeaderCell, LabelPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessAPI, TableStatelessStates, VariantClassNamePropType } from '../../schema';
 export declare class KolTableStatelessWc implements TableStatelessAPI {
     private readonly host?;
     private readonly translateNoEntries;
@@ -26,6 +26,7 @@ export declare class KolTableStatelessWc implements TableStatelessAPI {
     _label: string;
     _on?: TableCallbacksPropType;
     _selection?: TableSelectionPropType;
+    _variant?: VariantClassNamePropType;
     _hasSettingsMenu?: HasSettingsMenuPropType;
     validateHasSettingsMenu(value?: HasSettingsMenuPropType): void;
     validateData(value?: TableDataPropType): void;
@@ -35,6 +36,7 @@ export declare class KolTableStatelessWc implements TableStatelessAPI {
     validateLabel(value?: LabelPropType): void;
     validateOn(value?: TableCallbacksPropType): void;
     validateSelection(value?: TableSelectionPropType): void;
+    validateVariantClassName(value?: VariantClassNamePropType): void;
     handleKeyDown(event: KeyboardEvent): void;
     componentDidRender(): void;
     componentDidLoad(): void;

package/dist/types/components/table-stateless/shadow.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FixedColsPropType, HasSettingsMenuPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessProps } from '../../schema';
+import type { FixedColsPropType, HasSettingsMenuPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessProps, VariantClassNamePropType } from '../../schema';
 export declare class KolTableStateless implements TableStatelessProps {
     _data: TableDataPropType;
     _dataFoot?: TableDataFootPropType;
@@ -9,5 +9,6 @@ export declare class KolTableStateless implements TableStatelessProps {
     _on?: TableCallbacksPropType;
     _selection?: TableSelectionPropType;
     _hasSettingsMenu?: HasSettingsMenuPropType;
+    _variant?: VariantClassNamePropType;
     render(): JSX.Element;
 }

package/dist/types/components.d.ts

@@ -3461,6 +3461,10 @@ export namespace Components {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
+        /**
+          * Defines which variant should be used for presentation.
+         */
+        "_variant"?: VariantClassNamePropType;
         /**
           * Returns the selected rows.
          */
@@ -3503,6 +3507,10 @@ export namespace Components {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
+        /**
+          * Defines which variant should be used for presentation.
+         */
+        "_variant"?: VariantClassNamePropType;
     }
     interface KolTableStatelessWc {
         /**
@@ -3537,6 +3545,10 @@ export namespace Components {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
+        /**
+          * Defines which variant should be used for presentation.
+         */
+        "_variant"?: VariantClassNamePropType;
     }
     /**
      * The **Tabs** component is used to organize related content on the same page and navigate between them. Tabs ensure that large amounts of content can be more easily organized for users.
@@ -7699,6 +7711,10 @@ declare namespace LocalJSX {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
+        /**
+          * Defines which variant should be used for presentation.
+         */
+        "_variant"?: VariantClassNamePropType;
     }
     interface KolTableStateless {
         /**
@@ -7733,6 +7749,10 @@ declare namespace LocalJSX {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
+        /**
+          * Defines which variant should be used for presentation.
+         */
+        "_variant"?: VariantClassNamePropType;
     }
     interface KolTableStatelessWc {
         /**

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
+export { getDefaultThemeName } from 'adopted-style-sheets';
 export * from './components.d';
 export { setCurrentLocation } from './components/link/ariaCurrentService';
 export { ToasterService } from './components/toaster/toaster';

package/dist/types/schema/components/tableStateless.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropLabel, PropTableCallbacks, PropTableData, PropTableDataFoot, PropTableSelection, TableHeaderCells } from '../props';
+import type { PropLabel, PropTableCallbacks, PropTableData, PropTableDataFoot, PropTableSelection, PropVariantClassName, TableHeaderCells } from '../props';
 import type { PropHasSettingsMenu } from '../props/has-settings-menu';
 import type { PropTableHeaderCells } from '../props/table-header-cells';
 import type { KoliBriTableDataType, KoliBriTableSelection } from '../types';
@@ -13,7 +13,7 @@ type OptionalStates = {
     dataFoot: KoliBriTableDataType[];
     fixedCols: [number, number];
     selection: KoliBriTableSelection;
-} & PropHasSettingsMenu & PropTableCallbacks;
+} & PropHasSettingsMenu & PropVariantClassName & PropTableCallbacks;
 export type TableStatelessProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type TableStatelessStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type TableStatelessAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

package/dist/types/schema/props/accordion-callbacks.d.ts

@@ -3,6 +3,7 @@ import type { Callback } from '../enums';
 import type { EventValueOrEventCallback } from '../types/callbacks';
 export type AccordionCallbacksPropType<T> = {
     [Callback.onClick]?: EventValueOrEventCallback<MouseEvent, T>;
+    [Callback.onToggle]?: EventValueOrEventCallback<MouseEvent, T>;
 };
 export type PropAccordionCallbacks<T> = {
     on: AccordionCallbacksPropType<T>;

package/dist/types/schema/types/modal.d.ts

@@ -1,3 +1,4 @@
 export type KoliBriModalEventCallbacks = {
     onClose?: () => void;
+    onToggle?: (open: boolean) => void;
 };

package/doc/accordion.md

@@ -11,13 +11,13 @@ Accordions are used whenever content associated with a thematic heading needs to
 
 ## Properties
 
-| Property              | Attribute   | Description                                                                                                        | Type                                                                                      | Default     |
-| --------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------- | ----------- |
-| `_disabled`           | `_disabled` | Makes the element not focusable and ignore all events.                                                             | `boolean \| undefined`                                                                    | `false`     |
-| `_label` _(required)_ | `_label`    | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                  | `undefined` |
-| `_level`              | `_level`    | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                  | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| undefined`                                            | `0`         |
-| `_on`                 | --          | Gibt die EventCallback-Funktionen an.                                                                              | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, boolean> \| undefined; }` | `undefined` |
-| `_open`               | `_open`     | Opens/expands the element when truthy, closes/collapses when falsy.                                                | `boolean \| undefined`                                                                    | `false`     |
+| Property              | Attribute   | Description                                                                                                        | Type                                                                                                                                                              | Default     |
+| --------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_disabled`           | `_disabled` | Makes the element not focusable and ignore all events.                                                             | `boolean \| undefined`                                                                                                                                            | `false`     |
+| `_label` _(required)_ | `_label`    | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                          | `undefined` |
+| `_level`              | `_level`    | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                  | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| undefined`                                                                                                                    | `0`         |
+| `_on`                 | --          | Gibt die EventCallback-Funktionen an.                                                                              | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, boolean> \| undefined; onToggle?: EventValueOrEventCallback<MouseEvent, boolean> \| undefined; }` | `undefined` |
+| `_open`               | `_open`     | Opens/expands the element when truthy, closes/collapses when falsy.                                                | `boolean \| undefined`                                                                                                                                            | `false`     |
 
 
 ## Methods

package/doc/dialog.md

@@ -5,13 +5,13 @@
 
 ## Properties
 
-| Property              | Attribute  | Description                                                                                                        | Type                                                      | Default     |
-| --------------------- | ---------- | ------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------- | ----------- |
-| `_label` _(required)_ | `_label`   | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                  | `undefined` |
-| `_level`              | `_level`   | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                  | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| undefined`            | `0`         |
-| `_on`                 | --         | Defines the modal callback functions.                                                                              | `undefined \| ({ onClose?: (() => void) \| undefined; })` | `undefined` |
-| `_variant`            | `_variant` | Defines the variant of the modal.                                                                                  | `"blank" \| "card" \| undefined`                          | `'blank'`   |
-| `_width`              | `_width`   | Defines the width of the modal. (max-width: 100%)                                                                  | `string \| undefined`                                     | `'100%'`    |
+| Property              | Attribute  | Description                                                                                                        | Type                                                                                                         | Default     |
+| --------------------- | ---------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------ | ----------- |
+| `_label` _(required)_ | `_label`   | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                     | `undefined` |
+| `_level`              | `_level`   | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                  | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| undefined`                                                               | `0`         |
+| `_on`                 | --         | Defines the modal callback functions.                                                                              | `undefined \| ({ onClose?: (() => void) \| undefined; onToggle?: ((open: boolean) => void) \| undefined; })` | `undefined` |
+| `_variant`            | `_variant` | Defines the variant of the modal.                                                                                  | `"blank" \| "card" \| undefined`                                                                             | `'blank'`   |
+| `_width`              | `_width`   | Defines the width of the modal. (max-width: 100%)                                                                  | `string \| undefined`                                                                                        | `'100%'`    |
 
 
 ## Methods

package/doc/drawer.md

@@ -5,14 +5,14 @@
 
 ## Properties
 
-| Property              | Attribute     | Description                                                                                                        | Type                                                      | Default     |
-| --------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------- | ----------- |
-| `_align`              | `_align`      | Defines the visual orientation of the component.                                                                   | `"bottom" \| "left" \| "right" \| "top" \| undefined`     | `undefined` |
-| `_hasCloser`          | `_has-closer` | Defines whether the element can be closed.                                                                         | `boolean \| undefined`                                    | `false`     |
-| `_label` _(required)_ | `_label`      | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                  | `undefined` |
-| `_level`              | `_level`      | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                  | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| undefined`            | `0`         |
-| `_on`                 | --            | Specifies the EventCallback function to be called when the drawer is closing.                                      | `undefined \| ({ onClose?: (() => void) \| undefined; })` | `undefined` |
-| `_open`               | `_open`       | Opens/expands the element when truthy, closes/collapses when falsy.                                                | `boolean \| undefined`                                    | `undefined` |
+| Property              | Attribute     | Description                                                                                                        | Type                                                                                                         | Default     |
+| --------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------ | ----------- |
+| `_align`              | `_align`      | Defines the visual orientation of the component.                                                                   | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                        | `undefined` |
+| `_hasCloser`          | `_has-closer` | Defines whether the element can be closed.                                                                         | `boolean \| undefined`                                                                                       | `false`     |
+| `_label` _(required)_ | `_label`      | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                     | `undefined` |
+| `_level`              | `_level`      | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                  | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| undefined`                                                               | `0`         |
+| `_on`                 | --            | Specifies the EventCallback function to be called when the drawer is closing.                                      | `undefined \| ({ onClose?: (() => void) \| undefined; onToggle?: ((open: boolean) => void) \| undefined; })` | `undefined` |
+| `_open`               | `_open`       | Opens/expands the element when truthy, closes/collapses when falsy.                                                | `boolean \| undefined`                                                                                       | `undefined` |
 
 
 ## Methods

package/doc/modal.md

@@ -11,12 +11,12 @@ The **Modal** component has been superseded by `kol-dialog`, which provides impr
 
 ## Properties
 
-| Property              | Attribute  | Description                                                                                                        | Type                                                      | Default     |
-| --------------------- | ---------- | ------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------- | ----------- |
-| `_label` _(required)_ | `_label`   | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                  | `undefined` |
-| `_on`                 | --         | Defines the modal callback functions.                                                                              | `undefined \| ({ onClose?: (() => void) \| undefined; })` | `undefined` |
-| `_variant`            | `_variant` | Defines the variant of the modal.                                                                                  | `"blank" \| "card" \| undefined`                          | `'blank'`   |
-| `_width`              | `_width`   | Defines the width of the modal. (max-width: 100%)                                                                  | `string \| undefined`                                     | `'100%'`    |
+| Property              | Attribute  | Description                                                                                                        | Type                                                                                                         | Default     |
+| --------------------- | ---------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------ | ----------- |
+| `_label` _(required)_ | `_label`   | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                     | `undefined` |
+| `_on`                 | --         | Defines the modal callback functions.                                                                              | `undefined \| ({ onClose?: (() => void) \| undefined; onToggle?: ((open: boolean) => void) \| undefined; })` | `undefined` |
+| `_variant`            | `_variant` | Defines the variant of the modal.                                                                                  | `"blank" \| "card" \| undefined`                                                                             | `'blank'`   |
+| `_width`              | `_width`   | Defines the width of the modal. (max-width: 100%)                                                                  | `string \| undefined`                                                                                        | `'100%'`    |
 
 
 ## Methods

package/doc/table-stateful.md

@@ -22,6 +22,7 @@ The **Table** component is primarily used for the clear presentation of data set
 | `_pagination`           | `_pagination`          | Defines whether to show the data distributed over multiple pages.                                                  | `boolean \| string \| undefined \| { _page: number; } & { _on?: KoliBriPaginationButtonCallbacks \| undefined; _page?: number \| undefined; _max?: number \| undefined; _boundaryCount?: number \| undefined; _hasButtons?: boolean \| Stringified<PaginationHasButton> \| undefined; _pageSize?: number \| undefined; _pageSizeOptions?: Stringified<number[]> \| undefined; _siblingCount?: number \| undefined; _customClass?: string \| undefined; _label?: string \| undefined; _tooltipAlign?: AlignPropType \| undefined; }` | `undefined` |
 | `_paginationPosition`   | `_pagination-position` | Controls the position of the pagination.                                                                           | `"both" \| "bottom" \| "top" \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `'bottom'`  |
 | `_selection`            | `_selection`           | Defines how rows can be selected and the current selection.                                                        | `string \| undefined \| ({ disabledKeys?: KoliBriTableSelectionKeys \| undefined; keyPropertyName?: string \| undefined; label: (row: KoliBriTableDataType) => string; multiple?: boolean \| undefined; selectedKeys?: KoliBriTableSelectionKeys \| undefined; })`                                                                                                                                                                                                                                                                  | `undefined` |
+| `_variant`              | `_variant`             | Defines which variant should be used for presentation.                                                             | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined` |
 
 
 ## Methods

package/doc/table-stateless.md

@@ -15,6 +15,7 @@
 | `_label` _(required)_       | `_label`             | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                                                                               | `undefined` |
 | `_on`                       | --                   | Defines the callback functions for table events.                                                                   | `undefined \| { onSort?: EventValueOrEventCallback<MouseEvent, SortEventPayload> \| undefined; onSelectionChange?: EventValueOrEventCallback<Event, KoliBriTableSelectionKeys> \| undefined; onChangeHeaderCells?: EventValueOrEventCallback<Event, TableHeaderCells> \| undefined; }` | `undefined` |
 | `_selection`                | `_selection`         | Defines how rows can be selected and the current selection.                                                        | `string \| undefined \| ({ disabledKeys?: KoliBriTableSelectionKeys \| undefined; keyPropertyName?: string \| undefined; label: (row: KoliBriTableDataType) => string; multiple?: boolean \| undefined; selectedKeys?: KoliBriTableSelectionKeys \| undefined; })`                     | `undefined` |
+| `_variant`                  | `_variant`           | Defines which variant should be used for presentation.                                                             | `string \| undefined`                                                                                                                                                                                                                                                                  | `undefined` |
 
 
 ----------------------------------------------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "4.1.5-rc.0",
+  "version": "4.1.5-rc.2",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -80,7 +80,7 @@
   "devDependencies": {
     "@eslint/eslintrc": "3.3.5",
     "@eslint/js": "9.39.4",
-    "@playwright/test": "1.59.1",
+    "@playwright/test": "1.60.0",
     "@public-ui/stencil-angular-output-target": "0.9.0",
     "@public-ui/stencil-react-output-target": "0.6.0",
     "@public-ui/stencil-solid-output-target": "0.2.0",
@@ -101,33 +101,33 @@
     "@types/wcag-contrast": "3.0.3",
     "@typescript-eslint/eslint-plugin": "8.58.2",
     "@typescript-eslint/parser": "8.58.2",
-    "adopted-style-sheets": "1.1.9-rc.21",
+    "adopted-style-sheets": "1.1.9-rc.22",
     "autoprefixer": "10.5.0",
     "cross-env": "10.1.0",
-    "cssnano": "7.1.9",
+    "cssnano": "8.0.1",
     "eslint": "9.39.4",
     "eslint-plugin-boundaries": "6.0.2",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "jest": "29.7.0",
-    "jest-cli": "^29.7.0",
-    "knip": "5.88.1",
+    "jest-cli": "29.7.0",
+    "knip": "6.13.1",
     "mustache": "4.2.0",
     "postcss": "8.5.14",
-    "postcss-sorting": "9.1.0",
+    "postcss-sorting": "10.0.0",
     "prettier": "3.8.3",
     "prettier-plugin-organize-imports": "4.3.0",
     "pug": "3.0.4",
     "rimraf": "6.1.3",
     "stencil-awesome-test": "1.0.6",
     "stylelint": "17.11.0",
-    "terser": "5.46.2",
-    "twig": "1.17.1",
+    "terser": "5.47.1",
+    "twig": "3.0.0",
     "typescript": "5.9.3",
     "@public-ui/stylelint-rules": "4.1.2-rc.1"
   },
   "peerDependencies": {
-    "adopted-style-sheets": "1.1.9-rc.21"
+    "adopted-style-sheets": "1.1.9-rc.22"
   },
   "files": [
     "assets",
@@ -140,6 +140,7 @@
     "vscode-custom-data.json"
   ],
   "scripts": {
+    "assets:kolicons": "pnpm --filter @public-ui/icons build",
     "build": "pnpm build:light",
     "build:light": "mkdir doc && cross-env NODE_ENV=production stencil build --docs --prod && node scripts/autogen.doc.js && node scripts/vaadin.js && pnpm format -w",
     "clear": "rimraf -g dist doc www ../adapters/angular/v19/src ../adapters/angular/v20/src ../adapters/angular/v21/src ../adapters/hydrate/dist ../adapters/react/src ../adapters/react-v19/src ../adapters/solid/src ../adapters/vaadin/*.java ../adapters/vue/src assets/kolicons",
@@ -157,8 +158,8 @@
     "test:update:unit": "pnpm test:unit -u",
     "test:watch": "cross-env NODE_ENV=test stencil test --spec --watchAll",
     "postinstall": "node ./postinstall.js",
-    "prebuild:light": "pnpm clear && pnpm pretest:e2e",
-    "pretest:e2e": "pnpm --filter @public-ui/icons build",
+    "prebuild:light": "pnpm clear && pnpm assets:kolicons",
+    "pretest:e2e": "pnpm assets:kolicons",
     "xunused": "knip"
   }
 }

package/vscode-custom-data.json

@@ -3148,6 +3148,10 @@
         {
           "name": "_selection",
           "description": "Defines how rows can be selected and the current selection."
+        },
+        {
+          "name": "_variant",
+          "description": "Defines which variant should be used for presentation."
         }
       ]
     },
@@ -3181,6 +3185,10 @@
         {
           "name": "_selection",
           "description": "Defines how rows can be selected and the current selection."
+        },
+        {
+          "name": "_variant",
+          "description": "Defines which variant should be used for presentation."
         }
       ]
     },

package/dist/cjs/Input-Bb_FgPgW.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";var tslib_es6=require("./tslib.es6-7DbU_BSw.js"),index=require("./index-CobjNfgo.js");require("./common-CyOOsddt.js");var FormFieldStateWrapper=require("./FormFieldStateWrapper-BC8WyGKq.js"),clsx=require("./clsx-Bm_HQUnh.js");const InputFc=e=>{const{class:s,msg:i,required:r,disabled:l,touched:t,readonly:a,ariaDescribedBy:d,hideLabel:n,label:o,suggestions:u,value:p}=e,c=tslib_es6.__rest(e,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]),b={"kol-input--disabled":Boolean(l),"kol-input--required":Boolean(r),"kol-input--touched":Boolean(t),"kol-input--readonly":Boolean(a),[`kol-input--${FormFieldStateWrapper.getMsgType(i)}`]:FormFieldStateWrapper.isMsgDefinedAndInputTouched(i,t)},g=Object.assign(Object.assign({class:clsx.clsx("kol-input",b,s),required:r,disabled:l,readonly:a,type:"text",list:u?`${c.id}-list`:void 0},FormFieldStateWrapper.getDefaultProps({ariaDescribedBy:d,hideLabel:n,label:o})),c);return index.h(index.Fragment,null,index.h("input",Object.assign({},g,{value:p})),u)};exports.InputFc=InputFc;

package/dist/cjs/app-globals-CnHg68mH.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";var common=require("./common-CyOOsddt.js"),index=require("./index-CobjNfgo.js"),appGlobalScript=()=>{index.setMode(o=>{try{o.shadowRoot instanceof ShadowRoot&&common.he(o,common.w(o))}catch(o){}return"default"}),Promise.resolve().then(function(){return require("./devtools-4eGYPu71.js")}).then(o=>{"object"==typeof o&&null!==o&&"function"==typeof o.initialize&&o.initialize()}).catch(o=>{common.Log.error(o)})};const globalScripts=appGlobalScript;exports.globalScripts=globalScripts;

package/dist/cjs/common-CyOOsddt.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";function getDefaultExportFromCjs(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var hasRequiredLoglevel,loglevel$1={exports:{}},loglevel=loglevel$1.exports;function requireLoglevel(){return hasRequiredLoglevel||(hasRequiredLoglevel=1,t=loglevel,o=function(){var e=function(){},t="undefined",o=typeof window!==t&&typeof window.navigator!==t&&/Trident\/|MSIE /.test(window.navigator.userAgent),r=["trace","debug","info","warn","error"],n={},a=null;function i(e,t){var o=e[t];if("function"==typeof o.bind)return o.bind(e);try{return Function.prototype.bind.call(o,e)}catch(t){return function(){return Function.prototype.apply.apply(o,[e,arguments])}}}function l(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function s(){for(var o=this.getLevel(),n=0;n<r.length;n++){var a=r[n];this[a]=n<o?e:this.methodFactory(a,o,this.name)}if(this.log=this.debug,typeof console===t&&o<this.levels.SILENT)return"No console available for logging"}function c(e){return function(){typeof console!==t&&(s.call(this),this[e].apply(this,arguments))}}function u(r,n,a){return function(r){return"debug"===r&&(r="log"),typeof console!==t&&("trace"===r&&o?l:void 0!==console[r]?i(console,r):void 0!==console.log?i(console,"log"):e)}(r)||c.apply(this,arguments)}function d(e,o){var i,l,c,d=this,g="loglevel";function p(){var e;if(typeof window!==t&&g){try{e=window.localStorage[g]}catch(e){}if(typeof e===t)try{var o=window.document.cookie,r=encodeURIComponent(g),n=o.indexOf(r+"=");-1!==n&&(e=/^([^;]+)/.exec(o.slice(n+r.length+1))[1])}catch(e){}return void 0===d.levels[e]&&(e=void 0),e}}function h(e){var t=e;if("string"==typeof t&&void 0!==d.levels[t.toUpperCase()]&&(t=d.levels[t.toUpperCase()]),"number"==typeof t&&t>=0&&t<=d.levels.SILENT)return t;throw new TypeError("log.setLevel() called with invalid level: "+e)}"string"==typeof e?g+=":"+e:"symbol"==typeof e&&(g=void 0),d.name=e,d.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},d.methodFactory=o||u,d.getLevel=function(){return null!=c?c:null!=l?l:i},d.setLevel=function(e,o){return c=h(e),!1!==o&&function(e){var o=(r[e]||"silent").toUpperCase();if(typeof window!==t&&g){try{return void(window.localStorage[g]=o)}catch(e){}try{window.document.cookie=encodeURIComponent(g)+"="+o+";"}catch(e){}}}(c),s.call(d)},d.setDefaultLevel=function(e){l=h(e),p()||d.setLevel(e,!1)},d.resetLevel=function(){c=null,function(){if(typeof window!==t&&g){try{window.localStorage.removeItem(g)}catch(e){}try{window.document.cookie=encodeURIComponent(g)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch(e){}}}(),s.call(d)},d.enableAll=function(e){d.setLevel(d.levels.TRACE,e)},d.disableAll=function(e){d.setLevel(d.levels.SILENT,e)},d.rebuild=function(){if(a!==d&&(i=h(a.getLevel())),s.call(d),a===d)for(var e in n)n[e].rebuild()},i=h(a?a.getLevel():"WARN");var f=p();null!=f&&(c=h(f)),s.call(d)}(a=new d).getLogger=function(e){if("symbol"!=typeof e&&"string"!=typeof e||""===e)throw new TypeError("You must supply a name when creating a logger.");var t=n[e];return t||(t=n[e]=new d(e,a.methodFactory)),t};var g=typeof window!==t?window.log:void 0;return a.noConflict=function(){return typeof window!==t&&window.log===a&&(window.log=g),a},a.getLoggers=function(){return n},a.default=a,a},(e=loglevel$1).exports?e.exports=o():t.log=o()),loglevel$1.exports;var e,t,o}var loglevelExports=requireLoglevel(),h=getDefaultExportFromCjs(loglevelExports);const j=(e,t)=>o=>o(e,t),F=(e,t)=>o=>o(e,t,{append:!1}),Y=()=>{const e=typeof process<"u"&&process.env?process.env:{},t="test"===e.NODE_ENV,o="VITEST"in e,r="JEST_WORKER_ID"in e,n="PLAYWRIGHT_TEST_BASE_URL"in e,a="true"===e.CI,i="true"===e.TEST||"true"===e.IS_TEST,l=typeof navigator<"u"&&!0===navigator.webdriver,s=typeof navigator<"u"&&/playwright|puppeteer|webdriver|selenium|testcafe/i.test(navigator.userAgent);return t||o||r||n||a||i||l||s},n$1={A11yUi:{CSS_STYLE_CACHE:new Map,IS_TEST_ENVIRONMENT:Y(),PERFORMANCE_MEASURES:new Map,STYLING_TASK_QUEUE:new Map,THEMES:new Map,showAverageTimes:()=>{const e={};for(const[t,o]of n$1.A11yUi.PERFORMANCE_MEASURES.entries())e[t]=[o.totalTime/o.count,o.count];const t=Object.entries(e).sort((e,t)=>t[1][0]-e[1][0]);return console.table(Object.fromEntries(t.map(([e,[t,o]])=>[e,{"avg (ms)":parseFloat(t.toFixed(2)),count:o}]))),e}}};let p=!0,f$1=!1;const k=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,G=e=>"string"==typeof e&&k.test(e),S=e=>{if(!G(e))throw new Error(`[Theming] The theme identifier "${"string"==typeof e?e:""}" (Type: ${typeof e}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`)},A=e=>e.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\s*([{},;])\s*/g,"$1").replace(/:\s+/g,":").replace(/\s+/g," ").replace(/;\}/g,"}").trim(),x=(e,t,o,r)=>T(e,t,o,r),T=(e,t,o,r)=>{(r=r??{}).append=r.append??!1,S(e),p&&!f$1&&(f$1=!0,h.warn(`[Theming] The theme process is locked. This means that the theme "${e}" should not be patched.\n\n    import { register } from 'adopted-style-sheets';\n    import { defineCustomElements } from '...';\n    import { THEME } from '...';\n\n    register(THEME, defineCustomElements)\n    .then(() => {\n        // run your app or website\n    })\n    .catch(console.warn);`));let n=n$1.A11yUi.THEMES.get(e);if(n||(n=new Map,n$1.A11yUi.THEMES.set(e,n)),r.append&&n.has(t)){const e=n.get(t);n.set(t,A(`${e}${o}`))}else n.set(t,A(o))},K=(e,t,o,r)=>g(e,t,o,r),g=(e,t,o,r)=>(S(e),"object"==typeof t&&null!==t&&Object.getOwnPropertyNames(t).forEach(n=>{const a=t[n],i=n.toLowerCase(),l="function"!=typeof r?.transformTagName||["GLOBAL","PROPERTIES"].includes(n)?n:r.transformTagName(i);"string"==typeof a&&a.length>0&&T(e,l.toUpperCase(),a,o)}),e),b=e=>{if(e instanceof HTMLElement){if("string"==typeof e.dataset.theme)return e;{let t=e.parentNode;for(;t instanceof ShadowRoot;)t=t.host;return b(t)}}return null},C=(e={})=>"false"!==e.themeEncroachCss&&"true"!==e.themeReset&&{mode:"after"===e.themeEncroachCssMode||"before"===e.themeEncroachCssMode?e.themeEncroachCssMode:"before"},U=()=>"object"==typeof n$1.A11yUi.Theme&&null!==n$1.A11yUi.Theme&&"boolean"==typeof n$1.A11yUi.Theme.cache&&"object"==typeof n$1.A11yUi.Theme.encroachCss&&null!==n$1.A11yUi.Theme.encroachCss&&"string"==typeof n$1.A11yUi.Theme.encroachCss.mode&&"string"==typeof n$1.A11yUi.Theme.name,B=()=>!("object"==typeof n$1.A11yUi.Theme&&null!==n$1.A11yUi.Theme)||"default"!==n$1.A11yUi.Theme.name,w=e=>{if(U())return n$1.A11yUi.Theme;{const t={cache:!0,encroachCss:C(),loglevel:"silent",mode:"csr",name:null},o=b(e);return o instanceof HTMLElement&&(t.cache="false"!==o.dataset.themeCache,t.encroachCss=C(o.dataset),t.loglevel="debug"===o.dataset.themeLoglevel?o.dataset.themeLoglevel:"silent",t.mode="ssr"===o.dataset.themeMode?o.dataset.themeMode:"csr",t.name=o.dataset.theme||null),t}},Q=(e,t)=>({cache:!1!==t.cache,detect:"auto"===t.detect?"auto":"fixed",encroachCss:!1!==t.encroachCss&&("object"!=typeof t.encroachCss||null==t.encroachCss||"after"!==t.encroachCss.mode&&"before"!==t.encroachCss.mode?{mode:"before"}:t.encroachCss),loglevel:"debug"===t.loglevel?t.loglevel:"silent",mode:"ssr"===t.mode?t.mode:"csr",name:"string"==typeof t.name?t.name:e}),D=(e,t)=>{!1===U()&&B()&&"object"==typeof t&&null!==t&&("fixed"===(t=Q(e,t)).detect?(null===t.name&&"string"==typeof e&&(t.name=e),e===t.name&&(n$1.A11yUi.Theme=t,h.info(`[Theming] Theme "${e}" was set as default theme.`))):f$1||(f$1=!0,h.warn("[Theming] The presetting of theme options is only relevant by using 'fixed' detection mode.")))};let M=!1;const J=(e,t,o={})=>{M||(M=!0,p=!1,typeof window<"u"&&(window.A11yUi=n$1.A11yUi)),"function"==typeof e?e=new Set([e]):Array.isArray(e)&&(e=new Set(e)),e instanceof Set&&e.forEach(e=>{"function"==typeof e&&1===e.length?D(e((e,t,r)=>g(e,t,r,o)),{cache:o.theme?.cache,detect:o.theme?.detect,encroachCss:o.theme?.encroachCss,mode:o.theme?.mode,name:o.theme?.name}):h.error("[Theming] An attempt was made to load an incompatible theme.")}),p=!0,"function"==typeof t?t=new Set([t]):Array.isArray(t)&&(t=new Set(t));const r=[];return t.forEach(e=>{const t=e();t instanceof Promise&&r.push(t)}),Promise.all(r)},v=new Set,N=new Map,X=/--[^;]+/g,Z=/:/,ee=typeof MutationObserver<"u";let L=25,R=()=>{L=Math.min(25+20*Math.log2(n$1.A11yUi.STYLING_TASK_QUEUE.size+1),250)};const te=(e,t)=>{let o=t.match(X);if(Array.isArray(o)){o=o.filter(e=>Z.test(e));const t=document.createElement("style");t.innerHTML=`.${e} {${o.join(";")}}`,document.querySelector("head")?.appendChild(t)}v.add(e)},d=(e,t)=>{const o=n$1.A11yUi.THEMES.get(e);if(o instanceof Map){const e=o.get(t);if(void 0!==e)return e}return""},se=e=>{const t=e.firstChild;if(t instanceof HTMLStyleElement&&void 0===t.dataset.themingFallback)for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLStyleElement&&"STYLE"===t.tagName&&void 0===t.dataset.themingFallback))break;e.removeChild(t)}},oe=(e,t)=>{try{if("ssr"===n$1.A11yUi.Theme?.mode)throw new Error("SSR");const o=t.filter(e=>"string"==typeof e&&e.length>0).map(e=>{let t=N.get(e);return t||(t=new CSSStyleSheet,t.replaceSync(e),N.set(e,t)),t});e.adoptedStyleSheets=o}catch{for(let o=t.length-1;o>=0;o--){const r=t[o];if("string"!=typeof r||0===r.length)continue;const n=t.length-1-o,a=document.createElement("style");switch(a.dataset.themingFallback="",n){case 4:a.dataset.themingBaseA11y="";break;case 3:a.dataset.themingBaseGlobal="";break;case 2:a.dataset.themingBaseComponent="";break;case 1:a.dataset.themingCustomGlobal="";break;case 0:a.dataset.themingCustomComponent="";break;default:a.dataset.themingUnknown=""}a.innerHTML=r,e.insertBefore(a,e.firstChild)}}},ae=(e,t,o)=>{if(!1===o||"before"!==o?.mode&&"after"!==o?.mode)return;const r=Array.from(e.childNodes).filter(e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName);let n;try{n=Array.from(e.adoptedStyleSheets)}catch{n=[]}if(0!==r.length||0!==n.length)if("before"===o.mode){const e=[...n.map(e=>Array.from(e.cssRules).map(e=>e.cssText).join("")),...r.map(e=>e.innerHTML)];t.unshift(...e)}else r.forEach(e=>t.push(e.innerHTML)),n.forEach(e=>t.push(Array.from(e.cssRules).map(e=>e.cssText).join("")))},ne=(e,t,o)=>{const r=t.name||"default";let n;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");n=e.shadowRoot}catch{n=e}const a=n$1.A11yUi.CSS_STYLE_CACHE.get(r)?.get(e.tagName);if(a)_(e,n,a,o);else{const a=d(r,"PROPERTIES"),i=d(r,"GLOBAL"),l=d(r,e.tagName);!1===v.has(r)&&te(r,i);const s=[a,i,l];if(ae(n,s,t.encroachCss),!0===t.cache){let t=n$1.A11yUi.CSS_STYLE_CACHE.get(r);t||(t=new Map,n$1.A11yUi.CSS_STYLE_CACHE.set(r,t)),t.set(e.tagName,s)}_(e,n,s,o)}},_=(e,t,o,r)=>{const n="debug"===n$1.A11yUi.Theme?.loglevel,a=n?performance.now():0;if(se(t),oe(t,o),me(e),requestAnimationFrame(r),n){const t=performance.now()-a,o=n$1.A11yUi.PERFORMANCE_MEASURES.get(e.tagName);o?(o.count+=1,o.totalTime+=t):n$1.A11yUi.PERFORMANCE_MEASURES.set(e.tagName,{count:1,totalTime:t})}},O=e=>{const t=n$1.A11yUi.STYLING_TASK_QUEUE.get(e);if(t){const{resetCss:o,themeDetails:r}=t;ne(e,r,o)}},re=100;let E=(e,t=0)=>{if(t>=re)return;const o=setTimeout(()=>{clearTimeout(o),e.classList.contains("hydrated")?O(e):E(e,t+1)},L)};const ie={attributes:!0,attributeFilter:["class"],childList:!1,subtree:!1},ce={attributes:!0,attributeFilter:[],childList:!1,subtree:!1},I=ee?new MutationObserver((e,t)=>{const o=[];for(const t of e){const e=t.target;e.classList.contains("hydrated")&&n$1.A11yUi.STYLING_TASK_QUEUE.has(e)&&(O(e),o.push(e))}for(const e of o)t.observe(e,ce)}):null;I&&(E=e=>I.observe(e,ie),R=()=>{});const H=new Map;let P=(e,t)=>{if(t){const e=H.get(t);if(void 0!==e)return e}const o=getComputedStyle(e).getPropertyValue("--theme-visibility-delay").trim();let r;if(o.endsWith("ms"))r=parseFloat(o);else if(o.endsWith("s"))r=1e3*parseFloat(o);else{const e=parseFloat(o);r=isNaN(e)?0:e}return t&&H.set(t,r),r};n$1.A11yUi.IS_TEST_ENVIRONMENT&&(P=()=>0);const $=(e,t)=>{e.style.setProperty("visibility",t),e.dataset.themed=""},le=(e,t)=>{const o=e.style.visibility||null,r=t.name||"default";n$1.A11yUi.STYLING_TASK_QUEUE.set(e,{resetCss:()=>{const t=P(e,r);t>0?setTimeout(()=>{$(e,o)},t):$(e,o)},themeDetails:t}),e.style.setProperty("visibility","hidden","important"),E(e)},me=e=>{n$1.A11yUi.STYLING_TASK_QUEUE.delete(e),R()},he=(e,t)=>{le(e,{...n$1.A11yUi.Theme,...t})};class fe{Prefix;Key;Tag;createTheme=(e,t)=>F(e,t);createTranslation=(e,t)=>j(e,t);constructor(e,t,o){this.Prefix=e,this.Key=Object.getOwnPropertyNames(t),this.Tag=Object.getOwnPropertyNames(o)}}exports.KeyEnum=void 0,function(e){e[e.error=0]="error",e[e.warning=1]="warning",e[e.info=2]="info",e[e.success=3]="success",e[e.message=4]="message",e[e.close=5]="close",e[e["form-description"]=6]="form-description",e[e.of=7]="of",e[e.characters=8]="characters",e[e.new=9]="new",e[e["no-entries"]=10]="no-entries",e[e["change-order"]=11]="change-order",e[e["action-running"]=12]="action-running",e[e["action-done"]=13]="action-done",e[e["page-first"]=14]="page-first",e[e["page-back"]=15]="page-back",e[e["page-next"]=16]="page-next",e[e["page-last"]=17]="page-last",e[e["entries-per-site"]=18]="entries-per-site",e[e["page-current"]=19]="page-current",e[e["page-selected"]=20]="page-selected",e[e["page-per-site"]=21]="page-per-site",e[e["logo-description"]=22]="logo-description",e[e["live-value-bounded"]=23]="live-value-bounded",e[e["live-value"]=24]="live-value",e[e["open-link-in-tab"]=25]="open-link-in-tab",e[e["kolibri-logo"]=26]="kolibri-logo"}(exports.KeyEnum||(exports.KeyEnum={})),exports.TagEnum=void 0,function(e){e[e.abbr=0]="abbr",e[e.accordion=1]="accordion",e[e.alert=2]="alert",e[e.avatar=3]="avatar",e[e.badge=4]="badge",e[e.breadcrumb=5]="breadcrumb",e[e.button=6]="button",e[e["button-link"]=7]="button-link",e[e.card=8]="card",e[e.combobox=9]="combobox",e[e.details=10]="details",e[e.dialog=11]="dialog",e[e.drawer=12]="drawer",e[e.form=13]="form",e[e.heading=14]="heading",e[e.icon=15]="icon",e[e.image=16]="image",e[e["input-checkbox"]=17]="input-checkbox",e[e["input-color"]=18]="input-color",e[e["input-date"]=19]="input-date",e[e["input-email"]=20]="input-email",e[e["input-file"]=21]="input-file",e[e["input-number"]=22]="input-number",e[e["input-password"]=23]="input-password",e[e["input-radio"]=24]="input-radio",e[e["input-range"]=25]="input-range",e[e["input-text"]=26]="input-text",e[e.kolibri=27]="kolibri",e[e.link=28]="link",e[e["link-button"]=29]="link-button",e[e.logo=30]="logo",e[e.meter=31]="meter",e[e.modal=32]="modal",e[e.nav=33]="nav",e[e.pagination=34]="pagination",e[e["popover-button"]=35]="popover-button",e[e.progress=36]="progress",e[e.quote=37]="quote",e[e.select=38]="select",e[e["single-select"]=39]="single-select",e[e["skip-nav"]=40]="skip-nav",e[e.spin=41]="spin",e[e["split-button"]=42]="split-button",e[e.symbol=43]="symbol",e[e.table=44]="table",e[e["table-stateful"]=45]="table-stateful",e[e["table-stateless"]=46]="table-stateless",e[e.tabs=47]="tabs",e[e.textarea=48]="textarea",e[e["toast-container"]=49]="toast-container",e[e.toolbar=50]="toolbar",e[e.tooltip=51]="tooltip",e[e.tree=52]="tree",e[e["tree-item"]=53]="tree-item"}(exports.TagEnum||(exports.TagEnum={}));const getWindow=()=>"undefined"!=typeof window?window:{},getDocument=()=>{const e=getWindow();return e&&void 0!==e.document?e.document:{}},MODES=["development","production","test"];let runtimeMode="production";const setRuntimeMode=e=>{try{if(!MODES.includes(e))throw new Error(`Invalid NODE_ENV value: ${e}. Expected one of ${MODES.join(", ")}.`);runtimeMode=e}catch(e){runtimeMode="production"}},getInitialMode=()=>{try{const e="undefined"!=typeof process&&process.env?process.env.NODE_ENV:void 0;if(e&&MODES.includes(e))return e}catch(e){}return"production"};setRuntimeMode(getInitialMode());let EXPERIMENTAL_MODE=!1,COLOR_CONTRAST_ANALYSIS=!1;const isDevMode=()=>"development"===runtimeMode,isTestMode=()=>"test"===runtimeMode,getExperimentalMode=()=>!0===EXPERIMENTAL_MODE,setExperimentalMode=e=>{EXPERIMENTAL_MODE=!0===e},getColorContrastAnalysis=()=>!0===COLOR_CONTRAST_ANALYSIS,setColorContrastAnalysis=e=>{COLOR_CONTRAST_ANALYSIS=!0===e},LOG_STYLE="color: white; background: #666; font-weight: bold; padding: .25em .5em; border-radius: 3px; border: 1px solid #000",mapToArray=e=>Array.isArray(e)?e:[e],getLogLabel=e=>`%c${e}`,handleClassifier=(e,t)=>"string"==typeof t&&t.length>0?`${getLogLabel(e)} | ${t}`:getLogLabel(e),getShield=(e,t)=>[handleClassifier(e,null==t?void 0:t.classifier),`${LOG_STYLE};${(null==t?void 0:t.overwriteStyle)||""}`],isDevModeOrForceLog=e=>isDevMode()||!0===e;class Logger{constructor(e){this.label=e}debug(e,t){isDevModeOrForceLog(null==t?void 0:t.forceLog)&&console.debug(...getShield(this.label,t),...mapToArray(e))}info(e,t){isDevModeOrForceLog(null==t?void 0:t.forceLog)&&console.info(...getShield(this.label,t),...mapToArray(e))}trace(e,t){isDevModeOrForceLog(null==t?void 0:t.forceLog)&&console.trace(...getShield(this.label,t),...mapToArray(e))}warn(e,t){isDevModeOrForceLog(null==t?void 0:t.forceLog)&&console.warn(...getShield(this.label,t),...mapToArray(e))}error(e,t){console.error(...getShield(this.label,t),...mapToArray(e))}throw(e,t){if(isDevModeOrForceLog(null==t?void 0:t.forceLog))throw new Error(...getShield(this.label,t),...mapToArray(e))}}const Log=new Logger("KoliBri"),a11yCache=new Set,a11yHint=(e,t)=>{!1===a11yCache.has(e)&&(a11yCache.add(e),Log.debug([e].concat([]),{classifier:"✋ a11y",forceLog:!1,overwriteStyle:"; background-color: #09f"}))},deprecatedCache=new Set,deprecatedHint=(e,t)=>{!1===deprecatedCache.has(e)&&(deprecatedCache.add(e),Log.warn([e].concat([]),{classifier:"🔥 deprecated",forceLog:!1,overwriteStyle:"; background-color: #f00"}))},devCache=new Set,devHint=(e,t)=>{(!1===devCache.has(e)||(null==t?void 0:t.force))&&(devCache.add(e),Log.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"💻 dev",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f09"}))},devWarning=(e,t)=>{!1===devCache.has(e)&&(devCache.add(e),Log.warn([e].concat([]),{classifier:"⚠️ dev",forceLog:!1,overwriteStyle:"; background-color: #f09"}))},featureCache=new Set,featureHint=(e,t=!1,o)=>{!1===featureCache.has(e)&&(featureCache.add(e),e+=!0===t?" ✅":"",Log.debug([e].concat([]),{classifier:"🌟 feature",forceLog:!1,overwriteStyle:"; background-color: #309"}))};devHint("We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!");const uiUxCache=new Set,uiUxHint=(e,t)=>{!1===uiUxCache.has(e)&&(uiUxCache.add(e),Log.debug([e].concat([]),{classifier:"📑 ui/ux",forceLog:!1,overwriteStyle:"; background-color: #060;"}))},a11yHintDisabled=()=>{a11yHint('"Disabled" limits accessibility and visibility. From an accessibility perspective, we recommend using the readonly attribute instead of disabled.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},a11yHintLabelingLandmarks=e=>{"string"==typeof e&&""!==e||a11yHint("Some structural elements, such as the nav tag, can be used multiple times on a webpage. To distinguish between similarly named structural elements, it is necessary to set an ARIA label.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},uiUxHintMillerscheZahl=(e,t=8)=>{t>7&&uiUxHint(`[${e}] Within navigation structures, it is recommended to use no more than 7 menu items.\n\nLink:\n- https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two`)};var colorName,hasRequiredColorName,colorParse,hasRequiredColorParse,n=.2126,r=.7152,t=.0722,e=1/12.92;function u(e){return Math.pow((e+.055)/1.055,2.4)}function a(o){var a=o[0]/255,i=o[1]/255,l=o[2]/255,s=a<=.03928?a*e:u(a),c=i<=.03928?i*e:u(i),d=l<=.03928?l*e:u(l);return s*n+c*r+d*t}function i(e){var t=255;8===(e=e.replace(/^#/,"")).length&&(t=parseInt(e.slice(6,8),16),e=e.substring(0,6)),4===e.length&&(t=parseInt(e.slice(3,4).repeat(2),16),e=e.substring(0,3)),3===e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var o=parseInt(e,16);return[o>>16,o>>8&255,255&o,t]}function c(e,t){return(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}function o(e,t){return c(a(e),a(t))}function s(e,t){return o(i(e),i(t))}function f(e){return e>=7?"AAA":e>=4.5?"AA":e>=3?"AA Large":"Fail"}function requireColorName(){return hasRequiredColorName?colorName:(hasRequiredColorName=1,colorName={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]})}function requireColorParse(){if(hasRequiredColorParse)return colorParse;hasRequiredColorParse=1;var e=requireColorName();colorParse=function(o){var r,n,a=[],i=1;if("string"==typeof o)if(o=o.toLowerCase(),e[o])a=e[o].slice(),n="rgb";else if("transparent"===o)i=0,n="rgb",a=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(o)){var l=o.slice(1);i=1,(u=l.length)<=4?(a=[parseInt(l[0]+l[0],16),parseInt(l[1]+l[1],16),parseInt(l[2]+l[2],16)],4===u&&(i=parseInt(l[3]+l[3],16)/255)):(a=[parseInt(l[0]+l[1],16),parseInt(l[2]+l[3],16),parseInt(l[4]+l[5],16)],8===u&&(i=parseInt(l[6]+l[7],16)/255)),a[0]||(a[0]=0),a[1]||(a[1]=0),a[2]||(a[2]=0),n="rgb"}else if(r=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(o)){var s=r[1],c="rgb"===s;n=l=s.replace(/a$/,"");var u="cmyk"===l?4:"gray"===l?1:3;a=r[2].trim().split(/\s*[,\/]\s*|\s+/).map(function(e,o){if(/%$/.test(e))return o===u?parseFloat(e)/100:"rgb"===l?255*parseFloat(e)/100:parseFloat(e);if("h"===l[o]){if(/deg$/.test(e))return parseFloat(e);if(void 0!==t[e])return t[e]}return parseFloat(e)}),s===l&&a.push(1),i=c||void 0===a[u]?1:a[u],a=a.slice(0,u)}else o.length>10&&/[0-9](?:\s|\/)/.test(o)&&(a=o.match(/([0-9]+)/g).map(function(e){return parseFloat(e)}),n=o.match(/([a-z])/gi).join("").toLowerCase());else isNaN(o)?Array.isArray(o)||o.length?(a=[o[0],o[1],o[2]],n="rgb",i=4===o.length?o[3]:1):o instanceof Object&&(null!=o.r||null!=o.red||null!=o.R?(n="rgb",a=[o.r||o.red||o.R||0,o.g||o.green||o.G||0,o.b||o.blue||o.B||0]):(n="hsl",a=[o.h||o.hue||o.H||0,o.s||o.saturation||o.S||0,o.l||o.lightness||o.L||o.b||o.brightness]),i=o.a||o.alpha||o.opacity||1,null!=o.opacity&&(i/=100)):(n="rgb",a=[o>>>16,(65280&o)>>>8,255&o]);return{space:n,values:a,alpha:i}};var t={red:0,orange:60,yellow:120,green:180,blue:240,purple:300};return colorParse}var colorParseExports=requireColorParse(),parse=getDefaultExportFromCjs(colorParseExports);const rgb={min:[0,0,0],max:[255,255,255]};var hsl={name:"hsl",min:[0,0,0],max:[360,100,100],channel:["hue","saturation","lightness"],alias:["HSL"],rgb:function(e){var t,o,r,n,a,i=e[0]/360,l=e[1]/100,s=e[2]/100,c=0;if(0===l)return[a=255*s,a,a];for(t=2*s-(o=s<.5?s*(1+l):s+l-s*l),n=[0,0,0];c<3;)(r=i+1/3*-(c-1))<0?r++:r>1&&r--,a=6*r<1?t+6*(o-t)*r:2*r<1?o:3*r<2?t+(o-t)*(2/3-r)*6:t,n[c++]=255*a;return n}};rgb.hsl=function(e){var t,o,r=e[0]/255,n=e[1]/255,a=e[2]/255,i=Math.min(r,n,a),l=Math.max(r,n,a),s=l-i;return l===i?t=0:r===l?t=(n-a)/s:n===l?t=2+(a-r)/s:a===l&&(t=4+(r-n)/s),(t=Math.min(60*t,360))<0&&(t+=360),o=(i+l)/2,[t,100*(l===i?0:o<=.5?s/(l+i):s/(2-l-i)),100*o]};var hasRequiredRgbaConvert,rgbaConvert={exports:{}};function requireRgbaConvert(){if(hasRequiredRgbaConvert)return rgbaConvert.exports;function e(e){var o=t(e);return 3==o.length?o.concat(255):(o[3]=Math.round(o[3]),o)}function t(e){return"string"==typeof e?function(e){if("red"==e)return[255,0,0];if("green"==e)return[0,255,0];if("blue"==e)return[0,0,255];if("black"==e)return[0,0,0];if("white"==e)return[255,255,255];if("cyan"==e)return[0,255,255];if("gray"==e)return[128,128,128];if("grey"==e)return[128,128,128];if("magenta"==e)return[255,0,255];if("pink"==e)return[255,0,255];if("yellow"==e)return[255,255,0]}(e=e.toLowerCase())||function(e){var t=e.replace(/^#/,""),o=t.length;if(3==o||4==o){var n=r(t[0]),a=r(t[1]),i=r(t[2]),l=3==o?255:r(t[3]);if(isNaN(n)||isNaN(a)||isNaN(i)||isNaN(l))return;return[n,a,i,l]}}(e)||function(e){var t=e.replace(/^#/,""),o=t.length;if(6==o||8==o){var n=r(t.slice(0,2)),a=r(t.slice(2,4)),i=r(t.slice(4,6)),l=6==o?255:r(t.slice(6,8));if(isNaN(n)||isNaN(a)||isNaN(i)||isNaN(l))return;return[n,a,i,l]}}(e)||function(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=n(t[0],!0),r=n(t[1],!0),a=n(t[2],!0);if(-1!=o&&-1!=r&&-1!=a)return[o,r,a,255]}}(e)||function(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=n(t[0],!0),r=n(t[1],!0),a=n(t[2],!0),i=n(255*t[3]);if(-1!=o&&-1!=r&&-1!=a&&-1!=i)return[o,r,a,i]}}(e)||[0,0,0,255]:function(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=n(null!=e.r?e.r:null!=e.red?e.red:0,!0),o=n(null!=e.g?e.g:null!=e.green?e.green:0,!0),r=n(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),a=n(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=a)return[t,o,r,a]}}(e)||function(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=n(e[0],!0),o=n(e[1],!0),r=n(e[2],!0),a=n(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=a)return[t,o,r,a]}}(e)||function(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0){return[e>>16&255,e>>8&255,255&e,e>>24&255]}}(e)||[0,0,0,255]}function o(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function r(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function n(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}return hasRequiredRgbaConvert=1,rgbaConvert.exports=e,rgbaConvert.exports.arr=e,rgbaConvert.exports.obj=function(e){var o=t(e);return{r:o[0],g:o[1],b:o[2],a:3==o.length?255:Math.round(o[3])}},rgbaConvert.exports.css=function(e){var o=t(e);3==o.length&&o.push(255);return 255==o[3]?"rgb("+o[0]+", "+o[1]+", "+o[2]+")":0==o[3]?"rgba("+o[0]+", "+o[1]+", "+o[2]+", 0)":"rgba("+o[0]+", "+o[1]+", "+o[2]+", "+String(o[3]/255).substr(1)+")"},rgbaConvert.exports.hex=function(e){var r=t(e);3==r.length&&r.push(255);var n=255==r[3],a=o(r[0]),i=o(r[1]),l=o(r[2]),s=(r=o(Math.round(r[3])),function(e,t,o,r){var n=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=n.indexOf(e)&&-1!=n.indexOf(t)&&-1!=n.indexOf(o)&&-1!=n.indexOf(r)}(a,i,l,r));if(n)return s?"#"+a.charAt(0)+i.charAt(0)+l.charAt(0):"#"+a+i+l;return s?"#"+a.charAt(0)+i.charAt(0)+l.charAt(0)+r.charAt(0):"#"+a+i+l+r},rgbaConvert.exports.num=function(e){var o=t(e);3==o.length?o.push(255):o[3]=Math.round(o[3]);return(o[3]<<24>>>0|o[0]<<16|o[1]<<8|o[2])>>>0},rgbaConvert.exports}var rgbaConvertExports=requireRgbaConvert(),rgba=getDefaultExportFromCjs(rgbaConvertExports);const OBJECT_OBJECT=/\[object Object\]/,objectObjectHandler=(e,t)=>{"string"==typeof e&&OBJECT_OBJECT.test(e)||t()},emptyStringByArrayHandler=(e,t)=>{"string"==typeof e&&""===e||t()},setEventTarget=(e,t)=>{getExperimentalMode()&&(Log.debug([e,t]),Log.debug("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:t,writable:!1})},patchState=e=>{var t,o,r;null===(t=e.nextHooks)||void 0===t||t.forEach((t,o)=>{var r;const n=t.get("beforePatch");"function"==typeof n&&n(null===(r=e.nextState)||void 0===r?void 0:r.get(o),e.nextState,e,o)}),(null===(o=e.nextState)||void 0===o?void 0:o.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(r=e.nextHooks)||void 0===r||r.forEach((t,o)=>{const r=t.get("afterPatch");"function"==typeof r&&r(e.state[o],e.state,e,o)})),delete e.nextHooks},setState=(e,t,o,r={})=>{var n,a;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map);e.nextHooks.get(t)instanceof Map==!1&&e.nextHooks.set(t,new Map),"function"==typeof r.afterPatch&&(null===(n=e.nextHooks.get(t))||void 0===n||n.set("afterPatch",r.afterPatch)),"function"==typeof r.beforePatch&&(null===(a=e.nextHooks.get(t))||void 0===a||a.set("beforePatch",r.beforePatch)),e.nextState.set(t,o),patchState(e)},logWarn=(e,t,o,r)=>{devHint(`[${e.constructor.name}] The property value: (${o}) for '${t}' is not valid. Allowed values are: ${Array.from(r).join(", ")}`)};function watchValidator(e,t,o,r,n,a={}){o(n)?setState(e,t,n,a.hooks):void 0===n&&!0!==a.required&&o(a.defaultValue)?setState(e,t,a.defaultValue,a.hooks):(a.required||r.add(null),logWarn(e,t,n,r))}const watchBoolean=(e,t,o,r)=>{watchValidator(e,t,e=>"boolean"==typeof e,new Set(["Boolean {true, false}"]),o,r)},watchString=(e,t,o,r={})=>{const n="number"==typeof r.minLength?null==r?void 0:r.minLength:0;watchValidator(e,t,e=>"string"==typeof e&&e.length>=n&&(void 0===(null==r?void 0:r.maxLength)||e.length<=r.maxLength),new Set(["String"]),o,r)},watchNumber=(e,t,o,r)=>{watchValidator(e,t,e=>"number"==typeof e&&(void 0===(null==r?void 0:r.min)||"number"==typeof(null==r?void 0:r.min)&&e>=r.min)&&(void 0===(null==r?void 0:r.max)||"number"==typeof(null==r?void 0:r.max)&&e<=r.max),new Set(["Number"]),o,r)},watchJsonArrayString=(e,t,o,r,n=e=>e==e,a={})=>{emptyStringByArrayHandler(r,()=>{objectObjectHandler(r,()=>{void 0===r&&(r=[]);try{try{r=parseJson(r)}catch(e){}if(Array.isArray(r)){const i=r.find(e=>!o(e));void 0===i&&n(r)?setState(e,t,r,a.hooks):objectObjectHandler(i,()=>{throw Log.debug(i),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")})}else objectObjectHandler(r,()=>{throw Log.debug(r),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")})}catch(e){Log.debug(e)}})})},stringifyJson=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(t){throw Log.warn(["stringifyJson",e]),Log.error("↑ The JSON could not be converted to a string. A stringifiable JSON is expected."),new Error}},JSON_CHARS=/^[{[]/,parseJson=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(t){if(JSON_CHARS.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(t){Log.warn(["parseJson",e]),Log.error("↑ The JSON string could not be parsed. Make sure that single quotes in the text are escaped (&#8216;).")}}throw new Error},mapBoolean2String=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,mapStringOrBoolean2String=e=>"string"==typeof e?e:mapBoolean2String(e),querySelectorShadow=(e,t)=>{const o=new Set,r=[t];let n=0;for(;n<r.length;){const t=r[n++];if(o.has(t))continue;if(o.add(t),t instanceof Element&&t.matches(e))return t;const a=Array.from(t.children||[]);for(let e=0;e<a.length;e++)r.push(a[e]);if(t instanceof HTMLElement&&t.shadowRoot&&r.push(t.shadowRoot),t instanceof HTMLSlotElement){const e=t.assignedNodes({flatten:!0});for(let t=0;t<e.length;t++)e[t]instanceof Element&&r.push(e[t])}}return null},querySelectorAllShadow=(e,t)=>{const o=new Set,r=[],n=new Set,a=[t];let i=0;for(;i<a.length;){const t=a[i++];if(o.has(t))continue;o.add(t),t instanceof Element&&t.matches(e)&&!n.has(t)&&(r.push(t),n.add(t));const l=Array.from(t.children||[]);for(let e=0;e<l.length;e++)a.push(l[e]);if(t instanceof HTMLElement&&t.shadowRoot&&a.push(t.shadowRoot),t instanceof HTMLSlotElement){const e=t.assignedNodes({flatten:!0});for(let t=0;t<e.length;t++)e[t]instanceof Element&&a.push(e[t])}}return r},koliBriQuerySelector=(e,t)=>querySelectorShadow(e,t||getDocument()),koliBriQuerySelectorAll=(e,t)=>querySelectorAllShadow(e,t||getDocument());let DEFAULT_COLOR_CONTRAST=null;const getDefaultColorContrast=()=>(DEFAULT_COLOR_CONTRAST=DEFAULT_COLOR_CONTRAST||{backgroundColor:"#00000000",color:"#00000000",domNode:getDocument().body,level:"Fail",score:1},DEFAULT_COLOR_CONTRAST),TRANSPARENT_REGEXP=/(\d+, ){3}0\)/,koliBriA11yColorContrast=(e,t=getDefaultColorContrast())=>{const o=getComputedStyle(e),r=TRANSPARENT_REGEXP.test(o.backgroundColor)?t.backgroundColor:rgba.hex(o.backgroundColor),n=TRANSPARENT_REGEXP.test(o.color)?t.color:rgba.hex(o.color),a=s(r,n),i={backgroundColor:r,color:n,domNode:e,level:f(a),score:a};return a<4.5&&Log.error(["Color-Contrast-Error",{backgroundColor:i.backgroundColor,color:i.color,level:i.level,score:i.score},i.domNode]),i},koliBriQuerySelectorColors=(e,t=getDefaultColorContrast())=>{t.domNode instanceof HTMLElement&&(t=koliBriA11yColorContrast(t.domNode,t));const o=t.domNode.querySelector(e);if(null===o){const o=t.domNode.querySelectorAll('[class="hydrated"]');for(let r=0;r<o.length&&(t.domNode=o[r],null===(t=koliBriQuerySelectorColors(e,t)).domNode);r++);return t}return koliBriA11yColorContrast(o,t)};class KoliBriUtils{static queryHtmlElementColors(e,t,o=!1,r=!0){let n=null;if(!0===o||!1===KoliBriUtils.executionLock)if(!1===o&&(KoliBriUtils.cache.clear(),KoliBriUtils.cache.set(t.domNode,t),KoliBriUtils.executionLock=!0,!0===r&&Log.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)n=t;else{const o=new Set;if(t.domNode.shadowRoot){const e=t.domNode.shadowRoot.children;for(let t=0;t<e.length;t++)o.add(e[t])}const r=t.domNode;if("function"==typeof r.assignedNodes){const e=r.assignedNodes();for(let t=0;t<e.length;t++)e[t]instanceof HTMLElement&&o.add(e[t])}const a=t.domNode.children;for(let e=0;e<a.length;e++)o.add(a[e]);const i=Array.from(o);for(let o=0;o<i.length;o++){let r=KoliBriUtils.cache.get(i[o]);void 0===r&&(r=koliBriA11yColorContrast(i[o],t)),KoliBriUtils.cache.set(i[o],r);const a=KoliBriUtils.queryHtmlElementColors(e,r,!0,!1);if(null!==a){n=a;break}}}else Log.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===o&&(!0===r&&Log.debug(`[KoliBriUtils] Color contrast analysis finished (${KoliBriUtils.cache.size} DOM elements are analysed).`),KoliBriUtils.executionLock=!1,KoliBriUtils.cache.clear()),n}}KoliBriUtils.executionLock=!1,KoliBriUtils.cache=new Map;class KoliBriDevHelper{}KoliBriDevHelper.getCssStyle=d,KoliBriDevHelper.patchTheme=K,KoliBriDevHelper.patchThemeTag=x,KoliBriDevHelper.querySelector=koliBriQuerySelector,KoliBriDevHelper.querySelectorAll=koliBriQuerySelectorAll,KoliBriDevHelper.stringifyJson=stringifyJson;const isObject=e=>"object"==typeof e&&null!==e,isString=(e,t=0)=>"string"==typeof e&&e.length>=t,isStyle=e=>{if("object"!=typeof e||null===e)return isString(e,1);for(const t in e)if(!1===isString(t,1))return!1;return!0},STATE_CHANGE_EVENT=new Event("StateChange");exports.J=J,exports.KoliBriDevHelper=KoliBriDevHelper,exports.KoliBriUtils=KoliBriUtils,exports.Log=Log,exports.STATE_CHANGE_EVENT=STATE_CHANGE_EVENT,exports.a11yHint=a11yHint,exports.a11yHintDisabled=a11yHintDisabled,exports.a11yHintLabelingLandmarks=a11yHintLabelingLandmarks,exports.deprecatedHint=deprecatedHint,exports.devHint=devHint,exports.devWarning=devWarning,exports.emptyStringByArrayHandler=emptyStringByArrayHandler,exports.fe=fe,exports.featureHint=featureHint,exports.getColorContrastAnalysis=getColorContrastAnalysis,exports.getDefaultExportFromCjs=getDefaultExportFromCjs,exports.getDocument=getDocument,exports.getExperimentalMode=getExperimentalMode,exports.getWindow=getWindow,exports.he=he,exports.hsl=hsl,exports.isDevMode=isDevMode,exports.isObject=isObject,exports.isString=isString,exports.isStyle=isStyle,exports.isTestMode=isTestMode,exports.koliBriA11yColorContrast=koliBriA11yColorContrast,exports.koliBriQuerySelector=koliBriQuerySelector,exports.koliBriQuerySelectorAll=koliBriQuerySelectorAll,exports.koliBriQuerySelectorColors=koliBriQuerySelectorColors,exports.mapBoolean2String=mapBoolean2String,exports.mapStringOrBoolean2String=mapStringOrBoolean2String,exports.objectObjectHandler=objectObjectHandler,exports.parse=parse,exports.parseJson=parseJson,exports.rgb=rgb,exports.rgba=rgba,exports.s=s,exports.setColorContrastAnalysis=setColorContrastAnalysis,exports.setEventTarget=setEventTarget,exports.setExperimentalMode=setExperimentalMode,exports.setRuntimeMode=setRuntimeMode,exports.setState=setState,exports.stringifyJson=stringifyJson,exports.uiUxHint=uiUxHint,exports.uiUxHintMillerscheZahl=uiUxHintMillerscheZahl,exports.w=w,exports.watchBoolean=watchBoolean,exports.watchJsonArrayString=watchJsonArrayString,exports.watchNumber=watchNumber,exports.watchString=watchString,exports.watchValidator=watchValidator;