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

package/dist/kolibri/test-component.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as s}from"./index-d47f6be5.js";const t=class{constructor(t){s(this,t)}};export{t as test_component};
+import{r as s}from"./index-DSP9WWRD.js";import"./progress-DvHYRA46.js";const o=class{constructor(o){s(this,o)}};export{o as test_component};

package/dist/kolibri/test-component.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["TestComponent"],"sources":["src/utils/testing/test.component.tsx"],"sourcesContent":["import { Component } from '@stencil/core';\n\n/** @internal **/\n@Component({ tag: 'test-component' })\nexport class TestComponent {}\n"],"mappings":";;;8CAIaA,EAAa,M","ignoreList":[]}
+{"version":3,"names":["TestComponent"],"sources":["src/utils/testing/test.component.tsx"],"sourcesContent":["import { Component } from '@stencil/core';\n\n/** @internal **/\n@Component({ tag: 'test-component' })\nexport class TestComponent {}\n"],"mappings":";;;6EAIaA,EAAa,M","ignoreList":[]}

package/dist/kolibri/tooltip-align-5cqqmpu7.js

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

package/dist/kolibri/tooltip-align-5cqqmpu7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-align-5cqqmpu7.js","sources":["src/schema/props/tooltip-align.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { validateAlignment } from '../validators';\n\nimport type { AlignPropType } from './align';\n\n/* types */\nexport type TooltipAlignPropType = AlignPropType;\n\n/**\n * Defines where to show the Tooltip preferably: top, right, bottom or left.\n */\nexport type PropTooltipAlign = {\n\ttooltipAlign: TooltipAlignPropType;\n};\n\n/* validator */\nexport const validateTooltipAlign = (component: Generic.Element.Component, value?: TooltipAlignPropType): void => {\n\tvalidateAlignment(component, '_tooltipAlign', value);\n};\n"],"names":[],"mappings":";;;;;;MAiBa,oBAAoB,GAAG,CAAC,SAAoC,EAAE,KAA4B,KAAU;AAChH,IAAA,iBAAiB,CAAC,SAAS,EAAE,eAAe,EAAE,KAAK,CAAC;AACrD;;;;"}

package/dist/kolibri/unique-nav-labels-gGjh_FbY.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{L as e}from"./progress-DvHYRA46.js";const a=new Set;function s(t){a.has(t)?e.warn(`There already is a nav element with the label "${t}"`):a.add(t)}function t(e){a.delete(e)}export{s as a,t as r};

package/dist/kolibri/unique-nav-labels-gGjh_FbY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unique-nav-labels-gGjh_FbY.js","sources":["src/utils/unique-nav-labels.ts"],"sourcesContent":["import { Log } from '../schema';\n\n/**\n * There can be several navigations on one page (e.g. main navigation, subnavigation, breadcrumbs, pagination).\n * The navigations must be clearly named for accessibility reasons. To ensure this, all Aria labels are\n * stored in a set and checked for uniqueness.\n */\nconst UNIQUE_LABELS: Set<string> = new Set();\n\nexport function addNavLabel(ariaLabel: string): void {\n\tif (UNIQUE_LABELS.has(ariaLabel)) {\n\t\tLog.warn(`There already is a nav element with the label \"${ariaLabel}\"`);\n\t} else {\n\t\tUNIQUE_LABELS.add(ariaLabel);\n\t}\n}\nexport function removeNavLabel(ariaLabel: string): void {\n\tUNIQUE_LABELS.delete(ariaLabel);\n}\n"],"names":[],"mappings":";;;;;AAOA,MAAM,aAAa,GAAgB,IAAI,GAAG,EAAE;AAEtC,SAAU,WAAW,CAAC,SAAiB,EAAA;AAC5C,IAAA,IAAI,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;AACjC,QAAA,GAAG,CAAC,IAAI,CAAC,kDAAkD,SAAS,CAAA,CAAA,CAAG,CAAC;;SAClE;AACN,QAAA,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC;;AAE9B;AACM,SAAU,cAAc,CAAC,SAAiB,EAAA;AAC/C,IAAA,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC;AAChC;;;;"}

package/dist/kolibri/validation-BL4fIKiW.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{I as s,J as o}from"./progress-DvHYRA46.js";const t=(t,e,r)=>{s(e,"_links",(s=>"object"==typeof s&&("string"==typeof s._href||"string"==typeof s._label)),r),o(t,e.state._links.length)};export{t as w};

package/dist/kolibri/validation-BL4fIKiW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation-BL4fIKiW.js","sources":["src/components/nav/validation.ts"],"sourcesContent":["import type { HrefProp, LabelProp, Stringified } from '../../schema';\nimport { uiUxHintMillerscheZahl, watchJsonArrayString } from '../../schema';\n\nimport type { Generic } from 'adopted-style-sheets';\n\ntype HrefOrLabelProp = HrefProp | LabelProp;\n\nexport const watchNavLinks = (\n\tclassName: string,\n\tcomponent: Generic.Element.Component & {\n\t\tstate: {\n\t\t\t_links: HrefOrLabelProp[];\n\t\t};\n\t},\n\tvalue?: Stringified<HrefOrLabelProp[]>,\n): void => {\n\twatchJsonArrayString(\n\t\tcomponent,\n\t\t'_links',\n\t\t(link) => typeof link === 'object' && (typeof (link as HrefProp)._href === 'string' || typeof (link as LabelProp)._label === 'string'),\n\t\tvalue,\n\t);\n\tuiUxHintMillerscheZahl(className, component.state._links.length);\n};\n"],"names":[],"mappings":";;;;;AAOa,MAAA,aAAa,GAAG,CAC5B,SAAiB,EACjB,SAIC,EACD,KAAsC,KAC7B;AACT,IAAA,oBAAoB,CACnB,SAAS,EACT,QAAQ,EACR,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,QAAQ,KAAK,OAAQ,IAAiB,CAAC,KAAK,KAAK,QAAQ,IAAI,OAAQ,IAAkB,CAAC,MAAM,KAAK,QAAQ,CAAC,EACtI,KAAK,CACL;IACD,sBAAsB,CAAC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;AACjE;;;;"}

package/dist/kolibri/validation-C2b7CFWx.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{w as e}from"./progress-DvHYRA46.js";import{h as r}from"./label-D3d1qqIG.js";const o=(o,s)=>{e(o,"_level",(e=>"number"==typeof e&&r.includes(e)),new Set([`Number {${r.join(", ")}`]),s,{defaultValue:1,required:!0})};export{o as w};

package/dist/kolibri/validation-C2b7CFWx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation-C2b7CFWx.js","sources":["src/components/heading/validation.ts"],"sourcesContent":["import type { HeadingLevel } from '../../schema';\nimport { headingLevelOptions, watchValidator } from '../../schema';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport const watchHeadingLevel = (component: Generic.Element.Component, value?: HeadingLevel): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_level',\n\t\t(value?: HeadingLevel): boolean => {\n\t\t\treturn typeof value === 'number' && headingLevelOptions.includes(value);\n\t\t},\n\t\tnew Set([`Number {${headingLevelOptions.join(', ')}`]),\n\t\tvalue,\n\t\t{\n\t\t\t// TODO: options not in the validator\n\t\t\tdefaultValue: 1,\n\t\t\trequired: true,\n\t\t},\n\t);\n};\n"],"names":[],"mappings":";;;;;;MAKa,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAoB,KAAU;IACrG,cAAc,CACb,SAAS,EACT,QAAQ,EACR,CAAC,KAAoB,KAAa;QACjC,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC;AACxE,KAAC,EACD,IAAI,GAAG,CAAC,CAAC,WAAW,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,CAAE,CAAC,CAAC,EACtD,KAAK,EACL;AAEC,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,QAAQ,EAAE,IAAI;AACd,KAAA,CACD;AACF;;;;"}

package/dist/types/components/@deprecated/input/controller.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { AccessKeyPropType, AdjustHeightPropType, ButtonProps, HideMsgPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, ShortKeyPropType, StencilUnknown, Stringified, TooltipAlignPropType } from '../../../schema';
+import type { AccessKeyPropType, AdjustHeightPropType, ButtonProps, HideLabelPropType, HideMsgPropType, HintPropType, DisabledPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, ShortKeyPropType, StencilUnknown, Stringified, TooltipAlignPropType } from '../../../schema';
 import { ControlledInputController } from '../../input-adapter-leanup/controller';
 import type { Props as AdapterProps } from '../../input-adapter-leanup/types';
 import type { Props, Watches } from './types';
@@ -10,11 +10,11 @@ export declare class InputController extends ControlledInputController implement
     constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
     validateAccessKey(value?: AccessKeyPropType): void;
     validateAdjustHeight(value?: AdjustHeightPropType): void;
-    validateDisabled(value?: boolean): void;
+    validateDisabled(value?: DisabledPropType): void;
     validateTooltipAlign(value?: TooltipAlignPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;
-    validateHideLabel(value?: boolean): void;
-    validateHint(value?: string): void;
+    validateHideLabel(value?: HideLabelPropType): void;
+    validateHint(value?: HintPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMsg(value?: Stringified<MsgPropType>): void;
@@ -37,5 +37,8 @@ export declare class InputController extends ControlledInputController implement
         onFocus: (event: Event) => void;
         onInput: (event: Event, shouldSetFormAssociatedValue?: boolean, value?: StencilUnknown) => void;
     };
+    readonly updateCurrentLengthDebounced: import("lodash-es").DebouncedFunc<(length: number) => void>;
+    hasSoftCharacterLimit(): boolean;
+    hasCounter(): boolean;
 }
 export {};

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

@@ -1,4 +1,4 @@
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonStates, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, DisabledPropType, FocusableElement, IconsPropType, InternalButtonAPI, LabelWithExpertSlotPropType, LinkVariantPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, AriaExpandedPropType, AriaSelectedPropType, ButtonCallbacksPropType, ButtonStates, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, DisabledPropType, HideLabelPropType, FocusableElement, IconsPropType, InternalButtonAPI, LabelWithExpertSlotPropType, LinkVariantPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 import type { AriaHasPopupPropType } from '../../schema/props/aria-has-popup';
 export declare class KolButtonWc implements InternalButtonAPI, FocusableElement {
@@ -40,11 +40,11 @@ export declare class KolButtonWc implements InternalButtonAPI, FocusableElement
     validateAccessKey(value?: AccessKeyPropType): void;
     validateAriaControls(value?: string): void;
     validateAriaDescription(value?: AriaDescriptionPropType): void;
-    validateAriaExpanded(value?: boolean): void;
-    validateAriaSelected(value?: boolean): void;
+    validateAriaExpanded(value?: AriaExpandedPropType): void;
+    validateAriaSelected(value?: AriaSelectedPropType): void;
     validateCustomClass(value?: CustomClassPropType): void;
     validateDisabled(value?: DisabledPropType): void;
-    validateHideLabel(value?: boolean): void;
+    validateHideLabel(value?: HideLabelPropType): void;
     validateIcons(value?: IconsPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;

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

@@ -2,6 +2,7 @@ import type { JSX } from '../../stencil-public-runtime';
 import type { CardAPI, CardStates, HasCloserPropType, HeadingLevel, KoliBriCardEventCallbacks, LabelPropType } from '../../schema';
 export declare class KolCard implements CardAPI {
     private readonly host?;
+    private readonly translateClose;
     private readonly close;
     private readonly on;
     render(): JSX.Element;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ComboboxAPI, ComboboxStates, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ComboboxAPI, ComboboxStates, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, DisabledPropType, HideLabelPropType, HintPropType } from '../../schema';
 export declare class KolCombobox implements ComboboxAPI {
     private readonly host?;
     private refInput?;
@@ -51,10 +51,10 @@ export declare class KolCombobox implements ComboboxAPI {
     private showAsAlert;
     validatePlaceholder(value?: string): void;
     validateAccessKey(value?: string): void;
-    validateDisabled(value?: boolean): void;
+    validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;
-    validateHideLabel(value?: boolean): void;
-    validateHint(value?: string): void;
+    validateHideLabel(value?: HideLabelPropType): void;
+    validateHint(value?: HintPropType): void;
     validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;

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

@@ -4,6 +4,9 @@ export declare class KolForm implements FormAPI {
     private readonly host?;
     errorListBlock?: HTMLElement;
     errorListFirstLink?: HTMLElement;
+    private readonly translateErrorListMessage;
+    private readonly translateErrorList;
+    private readonly translateFormDescription;
     private readonly onSubmit;
     private readonly onReset;
     private readonly handleLinkClick;

package/dist/types/components/input-checkbox/shadow.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { CheckedPropType, FocusableElement, HideMsgPropType, IdPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputCheckboxVariant, InputTypeOnDefault, LabelAlignPropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { CheckedPropType, FocusableElement, HideMsgPropType, IdPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputCheckboxVariant, InputTypeOnDefault, LabelAlignPropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, DisabledPropType, HideLabelPropType, HintPropType } from '../../schema';
 export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -40,10 +40,10 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     private showAsAlert;
     validateAccessKey(value?: string): void;
     validateChecked(value?: CheckedPropType): void;
-    validateDisabled(value?: boolean): void;
+    validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;
-    validateHideLabel(value?: boolean): void;
-    validateHint(value?: string): void;
+    validateHideLabel(value?: HideLabelPropType): void;
+    validateHint(value?: HintPropType): void;
     validateIcons(value?: Stringified<InputCheckboxIconsProp>): void;
     validateId(value?: string): void;
     validateIndeterminate(value?: IndeterminatePropType): void;

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

@@ -1,10 +1,10 @@
-import type { InputColorProps, InputColorWatches, InputTypeOnOff, SuggestionsPropType } from '../../schema';
+import type { AutoCompletePropType, InputColorProps, InputColorWatches, SuggestionsPropType } from '../../schema';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import type { Generic } from 'adopted-style-sheets';
 export declare class InputColorController extends InputIconController implements InputColorWatches {
     protected readonly component: Generic.Element.Component & InputColorProps;
     constructor(component: Generic.Element.Component & InputColorProps, name: string, host?: HTMLElement);
-    validateAutoComplete(value?: InputTypeOnOff): void;
+    validateAutoComplete(value?: AutoCompletePropType): void;
     validateSuggestions(value?: SuggestionsPropType): void;
     validateValue(value?: string): void;
     componentWillLoad(): void;

package/dist/types/components/input-color/shadow.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputColorAPI, InputColorStates, InputTypeOnDefault, InputTypeOnOff, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AutoCompletePropType, ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputColorAPI, InputColorStates, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, DisabledPropType, HideLabelPropType, HintPropType } from '../../schema';
 export declare class KolInputColor implements InputColorAPI, FocusableElement {
     private readonly host?;
     private refInputText?;
@@ -20,7 +20,7 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _autoComplete?: InputTypeOnOff;
+    _autoComplete?: AutoCompletePropType;
     _disabled?: boolean;
     _hideMsg?: boolean;
     _hideLabel?: boolean;
@@ -43,11 +43,11 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAutoComplete(value?: InputTypeOnOff): void;
-    validateDisabled(value?: boolean): void;
+    validateAutoComplete(value?: AutoCompletePropType): void;
+    validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;
-    validateHideLabel(value?: boolean): void;
-    validateHint(value?: string): void;
+    validateHideLabel(value?: HideLabelPropType): void;
+    validateHint(value?: HintPropType): void;
     validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;

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

@@ -1,4 +1,4 @@
-import type { InputDateProps, InputDateType, InputDateWatches, InputTypeOnDefault, InputTypeOnOff, Iso8601, NumberString, ReadOnlyPropType, SuggestionsPropType } from '../../schema';
+import type { AutoCompletePropType, InputDateProps, InputDateType, InputDateWatches, InputTypeOnDefault, Iso8601, NumberString, ReadOnlyPropType, SuggestionsPropType } from '../../schema';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import type { Generic } from 'adopted-style-sheets';
 export declare class InputDateController extends InputIconController implements InputDateWatches {
@@ -10,7 +10,7 @@ export declare class InputDateController extends InputIconController implements
     private static readonly DEFAULT_MAX_DATE;
     protected readonly component: Generic.Element.Component & InputDateProps;
     constructor(component: Generic.Element.Component & InputDateProps, name: string, host?: HTMLElement);
-    validateAutoComplete(value?: InputTypeOnOff): void;
+    validateAutoComplete(value?: AutoCompletePropType): void;
     validateSuggestions(value?: SuggestionsPropType): void;
     static tryParseToString(value: Iso8601 | Date | null | undefined, type?: InputDateType, step?: string | number): string | null | undefined;
     static getWeekNumberOfDate(date: Date): string;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputDateAPI, InputDateStates, InputDateType, InputTypeOnDefault, InputTypeOnOff, Iso8601, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ReadOnlyPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AutoCompletePropType, ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputDateAPI, InputDateStates, InputDateType, InputTypeOnDefault, Iso8601, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ReadOnlyPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, DisabledPropType, HideLabelPropType, HintPropType } from '../../schema';
 export declare class KolInputDate implements InputDateAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -20,7 +20,7 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _autoComplete?: InputTypeOnOff;
+    _autoComplete?: AutoCompletePropType;
     _disabled?: boolean;
     _hideMsg?: boolean;
     _hideLabel?: boolean;
@@ -49,11 +49,11 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAutoComplete(value?: InputTypeOnOff): void;
-    validateDisabled(value?: boolean): void;
+    validateAutoComplete(value?: AutoCompletePropType): void;
+    validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;
-    validateHideLabel(value?: boolean): void;
-    validateHint(value?: string): void;
+    validateHideLabel(value?: HideLabelPropType): void;
+    validateHint(value?: HintPropType): void;
     validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;

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

@@ -1,9 +1,10 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { InputEmailProps, InputEmailWatches, MultiplePropType } from '../../schema';
+import type { InputEmailProps, InputEmailWatches, MaxLengthBehaviorPropType, MultiplePropType } from '../../schema';
 import { InputTextEmailController } from '../input-text/controller';
 export declare class InputEmailController extends InputTextEmailController implements InputEmailWatches {
     protected readonly component: Generic.Element.Component & InputEmailProps;
     constructor(component: Generic.Element.Component & InputEmailProps, name: string, host?: HTMLElement);
     validateMultiple(value?: MultiplePropType): void;
+    validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void;
     componentWillLoad(): void;
 }

package/dist/types/components/input-email/shadow.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputEmailAPI, InputEmailStates, InputTypeOnDefault, InputTypeOnOff, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AutoCompletePropType, ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputEmailAPI, InputEmailStates, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, MaxLengthBehaviorPropType, MultiplePropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, DisabledPropType, HasCounterPropType, HideLabelPropType, HintPropType } from '../../schema';
 export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -13,9 +13,10 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _autoComplete?: InputTypeOnOff;
-    _disabled?: boolean;
+    _autoComplete?: AutoCompletePropType;
     _hasCounter?: boolean;
+    _maxLengthBehavior?: MaxLengthBehaviorPropType;
+    _disabled?: boolean;
     _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
@@ -43,12 +44,12 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAutoComplete(value?: InputTypeOnOff): void;
-    validateDisabled(value?: boolean): void;
-    validateHasCounter(value?: boolean): void;
+    validateAutoComplete(value?: AutoCompletePropType): void;
+    validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;
-    validateHideLabel(value?: boolean): void;
-    validateHint(value?: string): void;
+    validateHideLabel(value?: HideLabelPropType): void;
+    validateHasCounter(value?: HasCounterPropType): void;
+    validateHint(value?: HintPropType): void;
     validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
@@ -67,5 +68,6 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: string): void;
+    validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void;
     componentWillLoad(): void;
 }

package/dist/types/components/input-file/shadow.d.ts

@@ -1,8 +1,10 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputFileAPI, InputFileStates, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputFileAPI, InputFileStates, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, DisabledPropType, HideLabelPropType, HintPropType } from '../../schema';
 export declare class KolInputFile implements InputFileAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
+    private readonly translateDataBrowseText;
+    private readonly translateFilenameText;
     private readonly catchRef;
     getValue(): Promise<FileList | null | undefined>;
     kolFocus(): Promise<void>;
@@ -37,10 +39,10 @@ export declare class KolInputFile implements InputFileAPI, FocusableElement {
     private showAsAlert;
     validateAccept(value?: string): void;
     validateAccessKey(value?: string): void;
-    validateDisabled(value?: boolean): void;
+    validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;
-    validateHideLabel(value?: boolean): void;
-    validateHint(value?: string): void;
+    validateHideLabel(value?: HideLabelPropType): void;
+    validateHint(value?: HintPropType): void;
     validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;

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

@@ -1,10 +1,10 @@
-import type { InputNumberProps, InputNumberWatches, InputTypeOnOff, NumberString, SuggestionsPropType } from '../../schema';
+import type { AutoCompletePropType, InputNumberProps, InputNumberWatches, NumberString, SuggestionsPropType } from '../../schema';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import type { Generic } from 'adopted-style-sheets';
 export declare class InputNumberController extends InputIconController implements InputNumberWatches {
     protected readonly component: Generic.Element.Component & InputNumberProps;
     constructor(component: Generic.Element.Component & InputNumberProps, name: string, host?: HTMLElement);
-    validateAutoComplete(value?: InputTypeOnOff): void;
+    validateAutoComplete(value?: AutoCompletePropType): void;
     validateSuggestions(value?: SuggestionsPropType): void;
     validateMax(value?: number | NumberString): void;
     validateMin(value?: number | NumberString): void;

package/dist/types/components/input-number/shadow.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputNumberAPI, InputNumberStates, InputTypeOnDefault, InputTypeOnOff, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputNumberAPI, InputNumberStates, InputTypeOnDefault, AutoCompletePropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, DisabledPropType, HideLabelPropType, HintPropType } from '../../schema';
 export declare class KolInputNumber implements InputNumberAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -16,7 +16,7 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _autoComplete?: InputTypeOnOff;
+    _autoComplete?: AutoCompletePropType;
     _disabled?: boolean;
     _hideMsg?: boolean;
     _hideLabel?: boolean;
@@ -46,11 +46,11 @@ export declare class KolInputNumber implements InputNumberAPI, FocusableElement
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAutoComplete(value?: InputTypeOnOff): void;
-    validateDisabled(value?: boolean): void;
+    validateAutoComplete(value?: AutoCompletePropType): void;
+    validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;
-    validateHideLabel(value?: boolean): void;
-    validateHint(value?: string): void;
+    validateHideLabel(value?: HideLabelPropType): void;
+    validateHint(value?: HintPropType): void;
     validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;

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

@@ -1,4 +1,4 @@
-import type { InputPasswordProps, InputPasswordWatches, InputTypeOnOff } from '../../schema';
+import type { AutoCompletePropType, HasCounterPropType, InputPasswordProps, InputPasswordWatches, MaxLengthBehaviorPropType } from '../../schema';
 import type { PasswordVariantPropType } from '../../schema/props/variant/password-variant';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import type { Generic } from 'adopted-style-sheets';
@@ -6,8 +6,9 @@ export declare class InputPasswordController extends InputIconController impleme
     protected readonly component: Generic.Element.Component & InputPasswordProps;
     constructor(component: Generic.Element.Component & InputPasswordProps, name: string, host?: HTMLElement);
     protected afterSyncCharCounter: () => void;
-    validateAutoComplete(value?: InputTypeOnOff): void;
-    validateHasCounter(value?: boolean): void;
+    validateAutoComplete(value?: AutoCompletePropType): void;
+    validateHasCounter(value?: HasCounterPropType): void;
+    validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void;
     validateVariant(value?: PasswordVariantPropType): void;
     validateMaxLength(value?: number): void;
     validatePattern(value?: string): void;

package/dist/types/components/input-password/shadow.d.ts

@@ -1,9 +1,11 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputPasswordAPI, InputPasswordStates, InputTypeOnDefault, InputTypeOnOff, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputPasswordAPI, InputPasswordStates, InputTypeOnDefault, AutoCompletePropType, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, DisabledPropType, HasCounterPropType, HideLabelPropType, HintPropType } from '../../schema';
 import type { PasswordVariantPropType } from '../../schema/props/variant/password-variant';
 export declare class KolInputPassword implements InputPasswordAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
+    private readonly translateHidePassword;
+    private readonly translateShowPassword;
     private readonly catchRef;
     getValue(): Promise<string | undefined>;
     kolFocus(): Promise<void>;
@@ -15,9 +17,10 @@ export declare class KolInputPassword implements InputPasswordAPI, FocusableElem
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _autoComplete?: InputTypeOnOff;
-    _disabled?: boolean;
+    _autoComplete?: AutoCompletePropType;
     _hasCounter?: boolean;
+    _maxLengthBehavior?: MaxLengthBehaviorPropType;
+    _disabled?: boolean;
     _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
@@ -45,13 +48,14 @@ export declare class KolInputPassword implements InputPasswordAPI, FocusableElem
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAutoComplete(value?: InputTypeOnOff): void;
-    validateDisabled(value?: boolean): void;
+    validateAutoComplete(value?: AutoCompletePropType): void;
+    validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void;
+    validateDisabled(value?: DisabledPropType): void;
     validateVariant(value?: PasswordVariantPropType): void;
-    validateHasCounter(value?: boolean): void;
     validateHideMsg(value?: HideMsgPropType): void;
-    validateHideLabel(value?: boolean): void;
-    validateHint(value?: string): void;
+    validateHideLabel(value?: HideLabelPropType): void;
+    validateHasCounter(value?: HasCounterPropType): void;
+    validateHint(value?: HintPropType): void;
     validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;

package/dist/types/components/input-radio/shadow.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement, HideMsgPropType, IdPropType, InputRadioAPI, InputRadioStates, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, RadioOptionsPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { FocusableElement, HideMsgPropType, IdPropType, InputRadioAPI, InputRadioStates, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, RadioOptionsPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, DisabledPropType, HideLabelPropType, HintPropType } from '../../schema';
 import type { OrientationPropType } from '../../schema/props/orientation';
 export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     private readonly host?;
@@ -34,10 +34,10 @@ export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateTooltipAlign(value?: TooltipAlignPropType): void;
-    validateDisabled(value?: boolean): void;
-    validateHideLabel(value?: boolean): void;
+    validateDisabled(value?: DisabledPropType): void;
+    validateHideLabel(value?: HideLabelPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;
-    validateHint(value?: string): void;
+    validateHint(value?: HintPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMsg(value?: Stringified<MsgPropType>): void;

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

@@ -1,10 +1,10 @@
-import type { InputRangeProps, InputRangeWatches, InputTypeOnOff, NumberString, SuggestionsPropType } from '../../schema';
+import type { AutoCompletePropType, InputRangeProps, InputRangeWatches, NumberString, SuggestionsPropType } from '../../schema';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import type { Generic } from 'adopted-style-sheets';
 export declare class InputRangeController extends InputIconController implements InputRangeWatches {
     protected readonly component: Generic.Element.Component & InputRangeProps;
     constructor(component: Generic.Element.Component & InputRangeProps, name: string, host?: HTMLElement);
-    validateAutoComplete(value?: InputTypeOnOff): void;
+    validateAutoComplete(value?: AutoCompletePropType): void;
     validateMax(value?: number | NumberString): void;
     validateMin(value?: number | NumberString): void;
     validateStep(value?: number | NumberString): void;

package/dist/types/components/input-range/shadow.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputRangeAPI, InputRangeStates, InputTypeOnDefault, InputTypeOnOff, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputRangeAPI, InputRangeStates, InputTypeOnDefault, AutoCompletePropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, NumberString, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType, DisabledPropType, HideLabelPropType, HintPropType } from '../../schema';
 export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     private readonly host?;
     private refInputNumber?;
@@ -23,7 +23,7 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _autoComplete?: InputTypeOnOff;
+    _autoComplete?: AutoCompletePropType;
     _disabled?: boolean;
     _hideMsg?: boolean;
     _hideLabel?: boolean;
@@ -49,11 +49,11 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAutoComplete(value?: InputTypeOnOff): void;
-    validateDisabled(value?: boolean): void;
+    validateAutoComplete(value?: AutoCompletePropType): void;
+    validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;
-    validateHideLabel(value?: boolean): void;
-    validateHint(value?: string): void;
+    validateHideLabel(value?: HideLabelPropType): void;
+    validateHint(value?: HintPropType): void;
     validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;

package/dist/types/components/input-text/shadow.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputTextAPI, InputTextStates, InputTextType, InputTypeOnDefault, InputTypeOnOff, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, SpellCheckPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, ButtonProps, FocusableElement, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputTextAPI, InputTextStates, InputTextType, InputTypeOnDefault, AutoCompletePropType, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, ShortKeyPropType, DisabledPropType, HasCounterPropType, HideLabelPropType, HintPropType, SpellCheckPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputText implements InputTextAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
@@ -17,9 +17,10 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: AccessKeyPropType;
-    _autoComplete?: InputTypeOnOff;
-    _disabled?: boolean;
+    _autoComplete?: AutoCompletePropType;
     _hasCounter?: boolean;
+    _maxLengthBehavior?: MaxLengthBehaviorPropType;
+    _disabled?: boolean;
     _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
@@ -48,12 +49,13 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: AccessKeyPropType): void;
-    validateAutoComplete(value?: InputTypeOnOff): void;
-    validateDisabled(value?: boolean): void;
-    validateHasCounter(value?: boolean): void;
+    validateAutoComplete(value?: AutoCompletePropType): void;
+    validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void;
+    validateDisabled(value?: DisabledPropType): void;
     validateHideMsg(value?: HideMsgPropType): void;
-    validateHideLabel(value?: boolean): void;
-    validateHint(value?: string): void;
+    validateHideLabel(value?: HideLabelPropType): void;
+    validateHasCounter(value?: HasCounterPropType): void;
+    validateHint(value?: HintPropType): void;
     validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;

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

@@ -1,6 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { KolibriAPI, KolibriStates, PropColor, Stringified } from '../../schema';
 export declare class KolKolibri implements KolibriAPI {
+    private readonly translateKolibriLogo;
     render(): JSX.Element;
     _color?: Stringified<PropColor>;
     _labeled?: boolean;