@public-ui/components 1.7.9 → 1.7.10-rc.0

package/dist/kolibri/reprod-accordion-does-not-toggle-with-open-930fccf8.js.map

@@ -1 +1 @@
-{"version":3,"names":["setInterval","items","document","querySelectorAll","forEach","item","open","hasAttribute","removeAttribute","setAttribute","reprodAccordionDoesNotToggleWithOpen"],"sources":["src/dev/reprod-accordion-does-not-toggle-with-open.ts"],"sourcesContent":["setInterval(() => {\n\tconst items = document.querySelectorAll('kol-accordion,kol-details');\n\tif (items) {\n\t\titems.forEach((item) => {\n\t\t\tconst open = item.hasAttribute('_open');\n\t\t\tif (open) {\n\t\t\t\titem.removeAttribute('_open');\n\t\t\t} else {\n\t\t\t\titem.setAttribute('_open', '');\n\t\t\t}\n\t\t});\n\t}\n}, 1000);\n\nexport default {}; // make file a module\n"],"mappings":";;;AAAAA,aAAY,KACX,MAAMC,EAAQC,SAASC,iBAAiB,6BACxC,GAAIF,EAAO,CACVA,EAAMG,SAASC,IACd,MAAMC,EAAOD,EAAKE,aAAa,SAC/B,GAAID,EAAM,CACTD,EAAKG,gBAAgB,Q,KACf,CACNH,EAAKI,aAAa,QAAS,G,QAI5B,KAEH,MAAAC,EAAe,kB"}
+{"version":3,"names":["setInterval","items","document","querySelectorAll","forEach","item","open","hasAttribute","removeAttribute","setAttribute","reprodAccordionDoesNotToggleWithOpen"],"sources":["src/dev/reprod-accordion-does-not-toggle-with-open.ts"],"sourcesContent":["setInterval(() => {\n\tconst items = document.querySelectorAll('kol-accordion,kol-details');\n\tif (items) {\n\t\titems.forEach((item) => {\n\t\t\tconst open = item.hasAttribute('_open');\n\t\t\tif (open) {\n\t\t\t\titem.removeAttribute('_open');\n\t\t\t} else {\n\t\t\t\titem.setAttribute('_open', '');\n\t\t\t}\n\t\t});\n\t}\n}, 1000);\n\nexport default {}; // make file a module\n"],"mappings":";;;AAAAA,aAAY,KACX,MAAMC,EAAQC,SAASC,iBAAiB,6BACxC,GAAIF,EAAO,CACVA,EAAMG,SAASC,IACd,MAAMC,EAAOD,EAAKE,aAAa,SAC/B,GAAID,EAAM,CACTD,EAAKG,gBAAgB,Q,KACf,CACNH,EAAKI,aAAa,QAAS,G,QAI5B,KAEH,MAAAC,EAAe,U"}

package/dist/kolibri/reuse-d79ab469.js.map

@@ -1 +1 @@
-{"version":3,"names":["isObject","value","isString","minLength","length","isStyle","style","property","STATE_CHANGE_EVENT","Event","propagateFocus","host","ref","focus","ops","processEnv","e","handleSlotContent","hostRef","slotRef","slotName","content","querySelector","appendChild","showExpertSlot","label"],"sources":["src/utils/validator.ts","src/utils/reuse.ts"],"sourcesContent":["export const isObject = (value: unknown): boolean => typeof value === 'object' && value !== null;\n\nexport const isString = (value: unknown, minLength = 0): boolean => typeof value === 'string' && value.length >= minLength;\n\nexport const isStyle = (style?: Record<string, string>): boolean => {\n\tif (typeof style === 'object' && style !== null) {\n\t\tfor (const property in style) {\n\t\t\tif (isString(property, 1) === false) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t} else {\n\t\treturn isString(style, 1);\n\t}\n\treturn true;\n};\n\n/**\n * Fix event instance for state changes.\n */\nexport const STATE_CHANGE_EVENT = new Event('StateChange');\n","import { isObject } from './validator';\n\nexport const propagateFocus = <H extends HTMLElement, R extends HTMLElement>(host?: H, ref?: R) => {\n\tif (isObject(host) && host) {\n\t\thost.focus = (ops: FocusOptions) => ref?.focus(ops);\n\t}\n};\n\nconst PROCESS_ENVS = ['development', 'production', 'test'] as const;\ntype ProcessEnv = (typeof PROCESS_ENVS)[number];\nexport let processEnv: ProcessEnv = 'development';\ntry {\n\tprocessEnv = process.env.NODE_ENV as ProcessEnv;\n} catch (e) {\n\tprocessEnv = 'production';\n}\n\n/**\n * This function is used to handle the slot content by\n * moving a DOM element to a defined slot element.\n */\nexport const handleSlotContent = (hostRef: HTMLElement, slotRef: HTMLElement, slotName: string) => {\n\tif (hostRef && slotRef && typeof slotName === 'string') {\n\t\tconst content = hostRef.querySelector(`[slot=\"${slotName}\"]`);\n\t\tif (content) {\n\t\t\tslotRef.appendChild(content);\n\t\t}\n\t}\n};\n\n/**\n * This function is used to check if a label is an empty string.\n * @param label The label of the slot\n * @returns  True if the label is an empty string\n */\nexport const showExpertSlot = (label: unknown) => label === '';\n"],"mappings":";;;MAAaA,EAAYC,UAAmCA,IAAU,UAAYA,IAAU,K,MAE/EC,EAAW,CAACD,EAAgBE,EAAY,WAAsBF,IAAU,UAAYA,EAAMG,QAAUD,E,MAEpGE,EAAWC,IACvB,UAAWA,IAAU,UAAYA,IAAU,KAAM,CAChD,IAAK,MAAMC,KAAYD,EAAO,CAC7B,GAAIJ,EAASK,EAAU,KAAO,MAAO,CACpC,OAAO,K,OAGH,CACN,OAAOL,EAASI,EAAO,E,CAExB,OAAO,IAAI,E,MAMCE,EAAqB,IAAIC,MAAM,e,MClB/BC,EAAiB,CAA+CC,EAAUC,KACtF,GAAIZ,EAASW,IAASA,EAAM,CAC3BA,EAAKE,MAASC,GAAsBF,IAAG,MAAHA,SAAG,SAAHA,EAAKC,MAAMC,E,OAMtCC,EAAyB,cACpC,IACCA,EAAa,Y,CACZ,MAAOC,GACRD,EAAa,Y,OAODE,EAAoB,CAACC,EAAsBC,EAAsBC,KAC7E,GAAIF,GAAWC,UAAkBC,IAAa,SAAU,CACvD,MAAMC,EAAUH,EAAQI,cAAc,UAAUF,OAChD,GAAIC,EAAS,CACZF,EAAQI,YAAYF,E,UAUVG,EAAkBC,GAAmBA,IAAU,U"}
+{"version":3,"names":["isObject","value","isString","minLength","length","isStyle","style","property","STATE_CHANGE_EVENT","Event","propagateFocus","host","ref","focus","ops","processEnv","e","handleSlotContent","hostRef","slotRef","slotName","content","querySelector","appendChild","showExpertSlot","label"],"sources":["src/utils/validator.ts","src/utils/reuse.ts"],"sourcesContent":["export const isObject = (value: unknown): boolean => typeof value === 'object' && value !== null;\n\nexport const isString = (value: unknown, minLength = 0): boolean => typeof value === 'string' && value.length >= minLength;\n\nexport const isStyle = (style?: Record<string, string>): boolean => {\n\tif (typeof style === 'object' && style !== null) {\n\t\tfor (const property in style) {\n\t\t\tif (isString(property, 1) === false) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t} else {\n\t\treturn isString(style, 1);\n\t}\n\treturn true;\n};\n\n/**\n * Fix event instance for state changes.\n */\nexport const STATE_CHANGE_EVENT = new Event('StateChange');\n","import { isObject } from './validator';\n\nexport const propagateFocus = <H extends HTMLElement, R extends HTMLElement>(host?: H, ref?: R) => {\n\tif (isObject(host) && host) {\n\t\thost.focus = (ops: FocusOptions) => ref?.focus(ops);\n\t}\n};\n\nconst PROCESS_ENVS = ['development', 'production', 'test'] as const;\ntype ProcessEnv = (typeof PROCESS_ENVS)[number];\nexport let processEnv: ProcessEnv = 'development';\ntry {\n\tprocessEnv = process.env.NODE_ENV as ProcessEnv;\n} catch (e) {\n\tprocessEnv = 'production';\n}\n\n/**\n * This function is used to handle the slot content by\n * moving a DOM element to a defined slot element.\n */\nexport const handleSlotContent = (hostRef: HTMLElement, slotRef: HTMLElement, slotName: string) => {\n\tif (hostRef && slotRef && typeof slotName === 'string') {\n\t\tconst content = hostRef.querySelector(`[slot=\"${slotName}\"]`);\n\t\tif (content) {\n\t\t\tslotRef.appendChild(content);\n\t\t}\n\t}\n};\n\n/**\n * This function is used to check if a label is an empty string.\n * @param label The label of the slot\n * @returns  True if the label is an empty string\n */\nexport const showExpertSlot = (label: unknown) => label === '';\n"],"mappings":";;;MAAaA,EAAYC,UAAmCA,IAAU,UAAYA,IAAU,K,MAE/EC,EAAW,CAACD,EAAgBE,EAAY,WAAsBF,IAAU,UAAYA,EAAMG,QAAUD,E,MAEpGE,EAAWC,IACvB,UAAWA,IAAU,UAAYA,IAAU,KAAM,CAChD,IAAK,MAAMC,KAAYD,EAAO,CAC7B,GAAIJ,EAASK,EAAU,KAAO,MAAO,CACpC,OAAO,K,OAGH,CACN,OAAOL,EAASI,EAAO,E,CAExB,OAAO,IAAI,E,MAMCE,EAAqB,IAAIC,MAAM,e,MClB/BC,EAAiB,CAA+CC,EAAUC,KACtF,GAAIZ,EAASW,IAASA,EAAM,CAC3BA,EAAKE,MAASC,GAAsBF,IAAG,MAAHA,SAAG,SAAHA,EAAKC,MAAMC,E,OAMtCC,EAAyB,cACpC,IACCA,EAAa,YACd,CAAE,MAAOC,GACRD,EAAa,YACd,C,MAMaE,EAAoB,CAACC,EAAsBC,EAAsBC,KAC7E,GAAIF,GAAWC,UAAkBC,IAAa,SAAU,CACvD,MAAMC,EAAUH,EAAQI,cAAc,UAAUF,OAChD,GAAIC,EAAS,CACZF,EAAQI,YAAYF,E,UAUVG,EAAkBC,GAAmBA,IAAU,U"}

package/dist/kolibri/rows-1bfd96ae.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{e as o}from"./prop.validators-5fa8ad17.js";const a=(a,r)=>{o(a,"_rows",r,{min:1})};export{a as v};

package/dist/kolibri/show-ad893770.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{a}from"./prop.validators-5fa8ad17.js";const o=(o,r,s)=>{a(o,"_show",r,s)};export{o as v};

package/dist/kolibri/{show-aa1bbfa4.js.map → show-ad893770.js.map}

@@ -1 +1 @@
-{"version":3,"names":["validateShow","component","value","hooks","watchBoolean"],"sources":["src/types/props/show.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean, WatchBooleanOptions } from '../../utils/prop.validators';\n\n/* types */\nexport type ShowPropType = boolean;\n\n/**\n * Makes the element show up.\n */\nexport type PropShow = {\n\tshow: ShowPropType;\n};\n\n/* validator */\nexport const validateShow = (component: Generic.Element.Component, value?: ShowPropType, hooks?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_show', value, hooks);\n};\n"],"mappings":";;;wDAeaA,EAAe,CAACC,EAAsCC,EAAsBC,KACxFC,EAAaH,EAAW,QAASC,EAAOC,EAAM,S"}
+{"version":3,"names":["validateShow","component","value","hooks","watchBoolean"],"sources":["src/types/props/show.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean, WatchBooleanOptions } from '../../utils/prop.validators';\n\n/* types */\nexport type ShowPropType = boolean;\n\n/**\n * Makes the element show up.\n */\nexport type PropShow = {\n\tshow: ShowPropType;\n};\n\n/* validator */\nexport const validateShow = (component: Generic.Element.Component, value?: ShowPropType, hooks?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_show', value, hooks);\n};\n"],"mappings":";;;mDAeaA,EAAe,CAACC,EAAsCC,EAAsBC,KACxFC,EAAaH,EAAW,QAASC,EAAOC,EAAM,S"}

package/dist/kolibri/{suggestions-aa86adad.js → suggestions-482f16b1.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{c as s}from"./prop.validators-b9732831.js";import{a as o}from"./a11y.tipps-f6c45c86.js";const e=(e,t)=>{s(e,"_suggestions",(s=>"string"==typeof s||"number"==typeof s),t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&o("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{e as v};
+import{c as s}from"./prop.validators-5fa8ad17.js";import{a as o}from"./a11y.tipps-32a6b338.js";const e=(e,t)=>{s(e,"_suggestions",(s=>"string"==typeof s||"number"==typeof s),t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&o("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{e as v};

package/dist/kolibri/tab-index-5c4bb50c.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{a}from"./a11y.tipps-32a6b338.js";import{e as t}from"./prop.validators-5fa8ad17.js";const o={hooks:{afterPatch:t=>{-1!==t&&0!==t&&a("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},r=(a,r)=>{t(a,"_tabIndex",r,o)};export{r as v};

package/dist/kolibri/{tab-index-0f24625a.js.map → tab-index-5c4bb50c.js.map}

@@ -1 +1 @@
-{"version":3,"names":["options","hooks","afterPatch","value","a11yHint","validateTabIndex","component","watchNumber"],"sources":["src/utils/validators/tab-index.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { a11yHint } from '../a11y.tipps';\nimport { watchNumber, WatchNumberOptions } from '../prop.validators';\n\n/**\n * Accessibility hints\n * - https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html\n */\n\nconst options: WatchNumberOptions = {\n\thooks: {\n\t\tafterPatch: (value) => {\n\t\t\tif (value !== -1 && value !== 0) {\n\t\t\t\ta11yHint(`Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);\n\t\t\t}\n\t\t},\n\t},\n};\n\n/**\n * Diese Methode validiert das Property und setzt den State, wenn es valide ist.\n */\nexport const validateTabIndex = (component: Generic.Element.Component, value?: number): void => {\n\twatchNumber(component, '_tabIndex', value, options);\n};\n"],"mappings":";;;+FAUA,MAAMA,EAA8B,CACnCC,MAAO,CACNC,WAAaC,IACZ,GAAIA,KAAW,GAAKA,IAAU,EAAG,CAChCC,EAAS,6G,WASAC,EAAmB,CAACC,EAAsCH,KACtEI,EAAYD,EAAW,YAAaH,EAAOH,EAAQ,S"}
+{"version":3,"names":["options","hooks","afterPatch","value","a11yHint","validateTabIndex","component","watchNumber"],"sources":["src/utils/validators/tab-index.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { a11yHint } from '../a11y.tipps';\nimport { watchNumber, WatchNumberOptions } from '../prop.validators';\n\n/**\n * Accessibility hints\n * - https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html\n */\n\nconst options: WatchNumberOptions = {\n\thooks: {\n\t\tafterPatch: (value) => {\n\t\t\tif (value !== -1 && value !== 0) {\n\t\t\t\ta11yHint(`Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);\n\t\t\t}\n\t\t},\n\t},\n};\n\n/**\n * Diese Methode validiert das Property und setzt den State, wenn es valide ist.\n */\nexport const validateTabIndex = (component: Generic.Element.Component, value?: number): void => {\n\twatchNumber(component, '_tabIndex', value, options);\n};\n"],"mappings":";;;0FAUA,MAAMA,EAA8B,CACnCC,MAAO,CACNC,WAAaC,IACZ,GAAIA,KAAW,GAAKA,IAAU,EAAG,CAChCC,EAAS,6G,WASAC,EAAmB,CAACC,EAAsCH,KACtEI,EAAYD,EAAW,YAAaH,EAAOH,EAAQ,S"}

package/dist/kolibri/tooltip-align-b29e6d11.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{v as o}from"./alignment-a489cd69.js";const t=(t,a)=>{o(t,"_tooltipAlign",a)};export{t as v};

package/dist/kolibri/validation-0cec1a10.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as o}from"./a11y.tipps-32a6b338.js";import{c as t}from"./prop.validators-5fa8ad17.js";const s=(s,a,p)=>{t(a,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),p),o(s,a.state._links.length)};export{s as w};

package/dist/kolibri/validation-3db94f5d.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{w as e}from"./prop.validators-5fa8ad17.js";const r=(r,a)=>{e(r,"_level",(e=>"number"==typeof e&&0<=e&&e<=6),new Set(["Number {0, 1, 2, 3, 4, 5, 6}"]),a,{defaultValue:1,required:!0})};export{r as w};

package/dist/types/components/input-date/controller.d.ts

@@ -21,7 +21,7 @@ export declare class InputDateController extends InputIconController implements
     private tryParseToString;
     private validateDateString;
     private readonly validateIso8601;
-    protected onChange(event: Event): void;
+    protected onBlur(event: Event): void;
     validateMax(value?: Iso8601 | Date): void;
     validateMin(value?: Iso8601 | Date): void;
     validateOn(value?: InputTypeOnDefault): void;

package/dist/types/components/link/component.d.ts

@@ -41,7 +41,6 @@ export declare class KolLinkWc implements API {
     _stealth?: boolean;
     _tabIndex?: number;
     _target?: LinkTargetPropType;
-    _targetDescription?: string;
     _tooltipAlign?: TooltipAlignPropType;
     _useCase?: LinkUseCase;
     state: LinkStates;
@@ -66,7 +65,6 @@ export declare class KolLinkWc implements API {
     validateStealth(value?: boolean): void;
     validateTabIndex(value?: number): void;
     validateTarget(value?: LinkTargetPropType): void;
-    validateTargetDescription(value?: string): void;
     validateTooltipAlign(value?: TooltipAlignPropType): void;
     validateUseCase(value?: LinkUseCase): void;
     componentWillLoad(): void;

package/dist/types/components/link/shadow.d.ts

@@ -37,7 +37,6 @@ export declare class KolLink implements LinkProps {
     _stealth?: boolean;
     _tabIndex?: number;
     _target?: LinkTargetPropType;
-    _targetDescription?: string;
     _tooltipAlign?: TooltipAlignPropType;
     _useCase?: LinkUseCase;
 }

package/dist/types/components/link/types.d.ts

@@ -19,7 +19,6 @@ import { PropStealth } from '../../types/props/stealth';
 import { PropTooltipAlign } from '../../types/props/tooltip-align';
 export type RequiredProps = PropHref;
 export type OptionalProps = {
-    targetDescription: string;
     tabIndex: number;
     iconAlign: AlignPropType;
     iconOnly: boolean;

package/dist/types/components/link-button/component.d.ts

@@ -33,7 +33,6 @@ export declare class KolLinkButton implements Props {
     _role?: AlternativeButtonLinkRolePropType;
     _tabIndex?: number;
     _target?: LinkTargetPropType;
-    _targetDescription?: string;
     _tooltipAlign?: TooltipAlignPropType;
     _variant?: ButtonVariantPropType;
 }

package/dist/types/components/span/test/html.mock.d.ts

@@ -5,6 +5,7 @@ type Slots = {
 } & Record<string, undefined | string>;
 export type SpanOptions = {
     additionalAttrs?: string;
+    additionalClassNames?: string[];
 };
 export declare const getSpanWcHtml: (props: Props, slots?: Slots, options?: SpanOptions) => string;
 export declare const getSpanHtml: (props: Props, slots?: Slots) => string;

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

@@ -10,8 +10,10 @@ export declare class KolTable implements API {
     private pageStartSlice;
     private pageEndSlice;
     private disableSort;
+    private tableDivElement?;
+    private tableDivElementResizeObserver?;
     private sortedColumnHead;
-    private ariaLive;
+    private tableDivElementHasScrollbar;
     _caption?: string;
     _data: Stringified<KoliBriTableDataType[]>;
     _dataFoot?: Stringified<KoliBriTableDataType[]>;
@@ -28,9 +30,12 @@ export declare class KolTable implements API {
     validateLabel(value?: LabelPropType): void;
     validateMinWidth(value?: string): void;
     private readonly handlePagination;
-    private readonly beforePatchPagination;
     validatePagination(value?: boolean | Stringified<KoliBriTablePaginationProps>): void;
     componentWillLoad(): void;
+    componentDidRender(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private checkDivElementScrollbar;
     private getNumberOfCols;
     private getNumberOfRows;
     private filterHeaderKeys;

package/dist/types/components/textarea/component.d.ts

@@ -65,6 +65,7 @@ export declare class KolTextarea implements API {
     validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: string): void;
+    componentDidLoad(): void;
     componentWillLoad(): void;
-    private readonly onKeyUp;
+    private readonly onInput;
 }

package/dist/types/components/tooltip/types.d.ts

@@ -5,8 +5,8 @@ import { PropLabel } from '../../types/props/label';
 type RequiredProps = PropLabel;
 type OptionalProps = PropAlign & PropId;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = RequiredProps & OptionalProps;
-type OptionalStates = NonNullable<unknown>;
+type RequiredStates = PropLabel & PropAlign;
+type OptionalStates = PropId;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

package/dist/types/components.d.ts

@@ -631,7 +631,7 @@ export namespace Components {
         "_heading"?: string;
         /**
           * Deprecated: Gibt die Beschriftung der Komponente an.
-          * @deprecated Verwende stattdessen das Property _heading.
+          * @deprecated Use _label.
          */
         "_headline"?: string;
         /**
@@ -2170,10 +2170,6 @@ export namespace Components {
           * Defines where to open the link.
          */
         "_target"?: LinkTargetPropType;
-        /**
-          * Defines the description to use when the link is going to be opened in another application.
-         */
-        "_targetDescription"?: string;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -2265,10 +2261,6 @@ export namespace Components {
           * Defines where to open the link.
          */
         "_target"?: LinkTargetPropType;
-        /**
-          * Defines the description to use when the link is going to be opened in another application.
-         */
-        "_targetDescription"?: string;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -2411,10 +2403,6 @@ export namespace Components {
           * Defines where to open the link.
          */
         "_target"?: LinkTargetPropType;
-        /**
-          * Defines the description to use when the link is going to be opened in another application.
-         */
-        "_targetDescription"?: string;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -4124,7 +4112,7 @@ declare namespace LocalJSX {
         "_heading"?: string;
         /**
           * Deprecated: Gibt die Beschriftung der Komponente an.
-          * @deprecated Verwende stattdessen das Property _heading.
+          * @deprecated Use _label.
          */
         "_headline"?: string;
         /**
@@ -5618,10 +5606,6 @@ declare namespace LocalJSX {
           * Defines where to open the link.
          */
         "_target"?: LinkTargetPropType;
-        /**
-          * Defines the description to use when the link is going to be opened in another application.
-         */
-        "_targetDescription"?: string;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -5713,10 +5697,6 @@ declare namespace LocalJSX {
           * Defines where to open the link.
          */
         "_target"?: LinkTargetPropType;
-        /**
-          * Defines the description to use when the link is going to be opened in another application.
-         */
-        "_targetDescription"?: string;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -5859,10 +5839,6 @@ declare namespace LocalJSX {
           * Defines where to open the link.
          */
         "_target"?: LinkTargetPropType;
-        /**
-          * Defines the description to use when the link is going to be opened in another application.
-         */
-        "_targetDescription"?: string;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */

package/dist/types/dev/input-error.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/types/i18n.d.ts

@@ -2,7 +2,7 @@ import type { Generic } from 'adopted-style-sheets';
 import locale_de from './locales/de';
 type ResourcePrefix = 'Kol';
 type ComponentKeys = keyof typeof locale_de;
-export declare const translations: Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, "Kol", "info" | "success" | "warning" | "error" | "close" | "of" | "characters" | "message" | "form-description" | "new" | "no-entries" | "change-order" | "action-running" | "action-done" | "pagination" | "page-first" | "page-back" | "page-next" | "page-last" | "entries-per-site" | "page-current" | "page-selected" | "page-per-site" | "nav-maximize" | "nav-minimize" | "logo-description" | "open-link-in-tab" | "kolibri-logo" | "sort-descending" | "sort-ascending" | "sort-none" | "table-pagination-label" | "avatar-alt" | "toast-close-all">>;
+export declare const translations: Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, "Kol", "info" | "success" | "warning" | "error" | "close" | "of" | "characters" | "message" | "form-description" | "new" | "no-entries" | "change-order" | "action-running" | "action-done" | "pagination" | "page-first" | "page-back" | "page-next" | "page-last" | "entries-per-site" | "page-current" | "page-selected" | "page-per-site" | "nav-maximize" | "nav-minimize" | "logo-description" | "open-link-in-tab" | "kolibri-logo" | "table-pagination-label" | "avatar-alt" | "toast-close-all" | "version">>;
 type Options = {
     count?: number;
     placeholders?: {

package/dist/types/locales/de.d.ts

@@ -27,11 +27,9 @@ declare const _default: {
     'logo-description': string;
     'open-link-in-tab': string;
     'kolibri-logo': string;
-    'sort-descending': string;
-    'sort-ascending': string;
-    'sort-none': string;
     'table-pagination-label': string;
     'avatar-alt': string;
     'toast-close-all': string;
+    version: string;
 };
 export default _default;

package/dist/types/locales/en.d.ts

@@ -27,11 +27,9 @@ declare const _default: {
     'logo-description': string;
     'open-link-in-tab': string;
     'kolibri-logo': string;
-    'sort-descending': string;
-    'sort-ascending': string;
-    'sort-none': string;
     'table-pagination-label': string;
     'avatar-alt': string;
     'toast-close-all': string;
+    version: string;
 };
 export default _default;

package/dist/types/types/button-link-text.d.ts

@@ -11,7 +11,6 @@ type RequiredLinkProps = PropHref;
 type RequiredTextProps = PropLabel;
 type OptionalButtonOrLinkOrTextProps = PropHideLabel & {
     active: boolean;
-    targetDescription: string;
     icon: IconsPropType;
 } & PropIcons & PropLinkTarget;
 type OptionalButtonProps = OptionalButtonOrLinkOrTextProps & {

package/dist/types/types/icons.d.ts

@@ -1,6 +1,7 @@
 export type AnyIconFontClass = string;
 export type KoliBriCustomIcon = {
     icon: AnyIconFontClass;
+    label?: string;
     style?: Record<string, string>;
 };
 type IconOrIconClass = AnyIconFontClass | KoliBriCustomIcon;

package/dist/types/types/props/icons.d.ts

@@ -1,4 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
+import { WatchOptions } from '../../utils/prop.validators';
 import { Stringified } from '../common';
 import { KoliBriIconsProp, KoliBriIconsState } from '../icons';
 import { AlignPropType } from './align';
@@ -6,7 +7,7 @@ export type IconsPropType = Stringified<KoliBriIconsProp>;
 export type PropIcons = {
     icons: IconsPropType;
 };
-export declare const mapIconProp2State: (icon: KoliBriIconsProp, iconAlign?: AlignPropType) => KoliBriIconsState;
+export declare const mapIconProp2State: (icon: KoliBriIconsProp) => KoliBriIconsState;
 export declare const isIcon: (value?: unknown) => boolean;
-export declare const validateIcons: (component: Generic.Element.Component, value?: IconsPropType) => void;
+export declare const validateIcons: (component: Generic.Element.Component, value?: IconsPropType, options?: WatchOptions) => void;
 export declare const watchIconAlign: (component: Generic.Element.Component, value?: AlignPropType) => void;

package/doc/card.md

@@ -70,15 +70,15 @@ Bitte beachten Sie, dass Sie zwar ein beliebiges HTML-Tag als Inhalts-Container
 
 ## Properties
 
-| Property     | Attribute     | Description                                                                                                                                               | Type                                                            | Default     |
-| ------------ | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | ----------- |
-| `_hasCloser` | `_has-closer` | Defines whether the element can be closed.                                                                                                                | `boolean` \| `undefined`                                          | `false`     |
-| `_hasFooter` | `_has-footer` | Shows the slot="footer".                                                                                                                                  | `boolean` \| `undefined`                                          | `false`     |
-| `_heading`   | `_heading`    | <span class="text-red-500">**[DEPRECATED]**</span> Use _label.<br/><br/>Deprecated: Gibt die Beschriftung der Komponente an.                                 | `string` \| `undefined`                                           | `undefined` |
-| `_headline`  | `_headline`   | <span style="color:red">**[DEPRECATED]**</span> Verwende stattdessen das Property _heading.<br/><br/>Deprecated: Gibt die Beschriftung der Komponente an. | `string` \| `undefined`                                           | `undefined` |
-| `_label`     | `_label`      | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).                                        | `string` \| `undefined`                                           | `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`                  | `1`         |
-| `_on`        | --            | Defines the event callback functions for the component.                                                                                                   | `undefined` \| `{ onClose?: EventCallback<Event>` \| `undefined; }` | `undefined` |
+| Property     | Attribute     | Description                                                                                                               | Type                                                            | Default     |
+| ------------ | ------------- | ------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | ----------- |
+| `_hasCloser` | `_has-closer` | Defines whether the element can be closed.                                                                                | `boolean` \| `undefined`                                          | `false`     |
+| `_hasFooter` | `_has-footer` | Shows the slot="footer".                                                                                                  | `boolean` \| `undefined`                                          | `false`     |
+| `_heading`   | `_heading`    | <span class="text-red-500">**[DEPRECATED]**</span> Use _label.<br/><br/>Deprecated: Gibt die Beschriftung der Komponente an. | `string` \| `undefined`                                           | `undefined` |
+| `_headline`  | `_headline`   | <span style="color:red">**[DEPRECATED]**</span> Use _label.<br/><br/>Deprecated: Gibt die Beschriftung der Komponente an. | `string` \| `undefined`                                           | `undefined` |
+| `_label`     | `_label`      | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).        | `string` \| `undefined`                                           | `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`                  | `1`         |
+| `_on`        | --            | Defines the event callback functions for the component.                                                                   | `undefined` \| `{ onClose?: EventCallback<Event>` \| `undefined; }` | `undefined` |
 
 
 ## Slots

package/doc/kolibri.md

@@ -7,13 +7,13 @@ Diese Komponente implementiert das Logo von KoliBri.
 ### Code
 
 ```html
-<kol-kolibri /> <kol-kolibri _labeled="false" />
+<kol-kolibri></kol-kolibri> <kol-kolibri _labeled="false"></kol-kolibri>
 ```
 
 ## Beispiele
 
-<kol-kolibri />
-<kol-kolibri _labeled="false" />
+<kol-kolibri></kol-kolibri>
+<kol-kolibri _labeled="false"></kol-kolibri>
 
 ## Barrierefreiheit
 
@@ -25,7 +25,7 @@ Diese Komponente implementiert das Logo von KoliBri.
 | Property   | Attribute  | Description                                | Type                                                                                                                                                     | Default     |
 | ---------- | ---------- | ------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
 | `_color`   | `_color`   | Defines the color of the logo and label.   | `string` \| `undefined` \| `{ backgroundColor: string; color: string; }` \| `{ backgroundColor: string; foregroundColor: Stringified<CharacteristicColors>; }` | `'#003c78'` |
-| `_labeled` | `_labeled` | Defines whether the component has a label. | `boolean` \| `undefined`                                                                                                                                   | `undefined` |
+| `_labeled` | `_labeled` | Defines whether the component has a label. | `boolean` \| `undefined`                                                                                                                                   | `true`      |
 
 
 ----------------------------------------------

package/doc/link-button.md

@@ -30,29 +30,28 @@ Weitere Informationen zum Aussehen finden Sie auf der <kol-link _href="/docs/com
 
 ## Properties
 
-| Property              | Attribute              | Description                                                                                                                                                                                                                                                                                                                                                  | Type                                                                                                 | Default                             |
-| --------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------- | ----------------------------------- |
-| `_ariaControls`       | `_aria-controls`       | <span class="text-red-500">**[DEPRECATED]**</span> will be removed in v2<br/><br/>Deprecated: Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                                                                                                               | `string` \| `undefined`                                                                                | `undefined`                         |
-| `_ariaCurrent`        | `_aria-current`        | <span style="color:red">**[DEPRECATED]**</span> use _listen-aria-current instead<br/><br/>Deprecated: Marks the element as the selected in a group of related elements. Can be one of the following: `date`` \| ``location`` \| ``page`` \| ``step`` \| ``time`` \| ``true`. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current) | `"date"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `boolean` \| `undefined`                         | `undefined`                         |
-| `_ariaExpanded`       | `_aria-expanded`       | <span style="color:red">**[DEPRECATED]**</span> will be removed in v2<br/><br/>Deprecated: Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)                                                                                           | `boolean` \| `undefined`                                                                               | `undefined`                         |
-| `_ariaLabel`          | `_aria-label`          | <span style="color:red">**[DEPRECATED]**</span> use _label instead<br/><br/>Deprecated: Setzt die semantische Beschriftung der Komponente.                                                                                                                                                                                                                   | `string` \| `undefined`                                                                                | `undefined`                         |
-| `_ariaSelected`       | `_aria-selected`       | <span style="color:red">**[DEPRECATED]**</span> will be removed in v2<br/><br/>Deprecated: Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)                                                                                  | `boolean` \| `undefined`                                                                               | `undefined`                         |
-| `_customClass`        | `_custom-class`        | Defines the custom class attribute if _variant="custom" is set.                                                                                                                                                                                                                                                                                              | `string` \| `undefined`                                                                                | `undefined`                         |
-| `_disabled`           | `_disabled`            | <span style="color:red">**[DEPRECATED]**</span> Ein Link kann nicht deaktiviert werden, nutzen Sie den Button-Link stattdessen.<br/><br/>Deprecated: Makes the element not focusable and ignore all events.                                                                                                                                                  | `boolean` \| `undefined`                                                                               | `false`                             |
-| `_download`           | `_download`            | Tells the browser that the link contains a file. Optionally sets the filename.                                                                                                                                                                                                                                                                               | `string` \| `undefined`                                                                                | `undefined`                         |
-| `_hideLabel`          | `_hide-label`          | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                                                                                                                                                                                   | `boolean` \| `undefined`                                                                               | `false`                             |
-| `_href` _(required)_  | `_href`                | Defines the target URI of the link.                                                                                                                                                                                                                                                                                                                          | `string`                                                                                             | `undefined`                         |
-| `_icon`               | `_icon`                | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                                                                                                                                              | `KoliBriHorizontalIcons & KoliBriVerticalIcons` \| `string` \| `undefined`                               | `undefined`                         |
-| `_iconOnly`           | `_icon-only`           | <span style="color:red">**[DEPRECATED]**</span> use _hide-label<br/><br/>Deprecated: Hides the label and shows the description in a Tooltip instead.                                                                                                                                                                                                         | `boolean` \| `undefined`                                                                               | `undefined`                         |
-| `_label` _(required)_ | `_label`               | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                                                                                                                                                                                 | `string`                                                                                             | `undefined`                         |
-| `_listenAriaCurrent`  | `_listen-aria-current` | Listen on a aria-current event with this value. If the value matches the current value and the href is the same as the current url, the aria-current attribute will be set to current value.                                                                                                                                                                 | `"date"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `boolean` \| `undefined`                         | `undefined`                         |
-| `_on`                 | --                     | Defines the callback functions for links.                                                                                                                                                                                                                                                                                                                    | `undefined` \| `{ onClick?: EventValueOrEventCallback<Event, string>` \| `undefined; }`                  | `undefined`                         |
-| `_role`               | `_role`                | Defines the role of the components primary element.                                                                                                                                                                                                                                                                                                          | `"button"` \| `"link"` \| `"tab"` \| `undefined`                                                           | `undefined`                         |
-| `_tabIndex`           | `_tab-index`           | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)                                                                                                                                                                                                             | `number` \| `undefined`                                                                                | `undefined`                         |
-| `_target`             | `_target`              | Defines where to open the link.                                                                                                                                                                                                                                                                                                                              | `string` \| `undefined`                                                                                | `undefined`                         |
-| `_targetDescription`  | `_target-description`  | Defines the description to use when the link is going to be opened in another application.                                                                                                                                                                                                                                                                   | `string` \| `undefined`                                                                                | `translate('kol-open-link-in-tab')` |
-| `_tooltipAlign`       | `_tooltip-align`       | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                                                                                                                                    | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                | `'right'`                           |
-| `_variant`            | `_variant`             | Defines which variant should be used for presentation.                                                                                                                                                                                                                                                                                                       | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `"tertiary"` \| `undefined` | `'normal'`                          |
+| Property              | Attribute              | Description                                                                                                                                                                                                                                                                                                                                                  | Type                                                                                                 | Default     |
+| --------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------- | ----------- |
+| `_ariaControls`       | `_aria-controls`       | <span class="text-red-500">**[DEPRECATED]**</span> will be removed in v2<br/><br/>Deprecated: Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                                                                                                               | `string` \| `undefined`                                                                                | `undefined` |
+| `_ariaCurrent`        | `_aria-current`        | <span style="color:red">**[DEPRECATED]**</span> use _listen-aria-current instead<br/><br/>Deprecated: Marks the element as the selected in a group of related elements. Can be one of the following: `date`` \| ``location`` \| ``page`` \| ``step`` \| ``time`` \| ``true`. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current) | `"date"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `boolean` \| `undefined`                         | `undefined` |
+| `_ariaExpanded`       | `_aria-expanded`       | <span style="color:red">**[DEPRECATED]**</span> will be removed in v2<br/><br/>Deprecated: Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)                                                                                           | `boolean` \| `undefined`                                                                               | `undefined` |
+| `_ariaLabel`          | `_aria-label`          | <span style="color:red">**[DEPRECATED]**</span> use _label instead<br/><br/>Deprecated: Setzt die semantische Beschriftung der Komponente.                                                                                                                                                                                                                   | `string` \| `undefined`                                                                                | `undefined` |
+| `_ariaSelected`       | `_aria-selected`       | <span style="color:red">**[DEPRECATED]**</span> will be removed in v2<br/><br/>Deprecated: Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)                                                                                  | `boolean` \| `undefined`                                                                               | `undefined` |
+| `_customClass`        | `_custom-class`        | Defines the custom class attribute if _variant="custom" is set.                                                                                                                                                                                                                                                                                              | `string` \| `undefined`                                                                                | `undefined` |
+| `_disabled`           | `_disabled`            | <span style="color:red">**[DEPRECATED]**</span> Ein Link kann nicht deaktiviert werden, nutzen Sie den Button-Link stattdessen.<br/><br/>Deprecated: Makes the element not focusable and ignore all events.                                                                                                                                                  | `boolean` \| `undefined`                                                                               | `false`     |
+| `_download`           | `_download`            | Tells the browser that the link contains a file. Optionally sets the filename.                                                                                                                                                                                                                                                                               | `string` \| `undefined`                                                                                | `undefined` |
+| `_hideLabel`          | `_hide-label`          | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                                                                                                                                                                                   | `boolean` \| `undefined`                                                                               | `false`     |
+| `_href` _(required)_  | `_href`                | Defines the target URI of the link.                                                                                                                                                                                                                                                                                                                          | `string`                                                                                             | `undefined` |
+| `_icon`               | `_icon`                | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                                                                                                                                              | `KoliBriHorizontalIcons & KoliBriVerticalIcons` \| `string` \| `undefined`                               | `undefined` |
+| `_iconOnly`           | `_icon-only`           | <span style="color:red">**[DEPRECATED]**</span> use _hide-label<br/><br/>Deprecated: Hides the label and shows the description in a Tooltip instead.                                                                                                                                                                                                         | `boolean` \| `undefined`                                                                               | `undefined` |
+| `_label` _(required)_ | `_label`               | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                                                                                                                                                                                 | `string`                                                                                             | `undefined` |
+| `_listenAriaCurrent`  | `_listen-aria-current` | Listen on a aria-current event with this value. If the value matches the current value and the href is the same as the current url, the aria-current attribute will be set to current value.                                                                                                                                                                 | `"date"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `boolean` \| `undefined`                         | `undefined` |
+| `_on`                 | --                     | Defines the callback functions for links.                                                                                                                                                                                                                                                                                                                    | `undefined` \| `{ onClick?: EventValueOrEventCallback<Event, string>` \| `undefined; }`                  | `undefined` |
+| `_role`               | `_role`                | Defines the role of the components primary element.                                                                                                                                                                                                                                                                                                          | `"button"` \| `"link"` \| `"tab"` \| `undefined`                                                           | `undefined` |
+| `_tabIndex`           | `_tab-index`           | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)                                                                                                                                                                                                             | `number` \| `undefined`                                                                                | `undefined` |
+| `_target`             | `_target`              | Defines where to open the link.                                                                                                                                                                                                                                                                                                                              | `string` \| `undefined`                                                                                | `undefined` |
+| `_tooltipAlign`       | `_tooltip-align`       | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                                                                                                                                    | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                | `'right'`   |
+| `_variant`            | `_variant`             | Defines which variant should be used for presentation.                                                                                                                                                                                                                                                                                                       | `"custom"` \| `"danger"` \| `"ghost"` \| `"normal"` \| `"primary"` \| `"secondary"` \| `"tertiary"` \| `undefined` | `'normal'`  |
 
 
 ## Dependencies