@public-ui/components 1.6.0-rc.1 → 1.6.0-rc.10

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

@@ -0,0 +1,33 @@
+import { Generic } from '@a11y-ui/core';
+import { Stringified } from '../../types/common';
+import { InputNumberType } from '../../types/input/control/number';
+import { Iso8601 } from '../../types/input/iso8601';
+import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { InputIconController } from '../@deprecated/input/controller-icon';
+import { Props, Watches } from './types';
+export declare class InputDateController extends InputIconController implements Watches {
+  private static readonly isoDateRegex;
+  private static readonly isoLocalDateTimeRegex;
+  private static readonly isoMonthRegex;
+  private static readonly isoTimeRegex;
+  private static readonly isoWeekRegex;
+  private static readonly DEFAULT_MAX_DATE;
+  protected readonly component: Generic.Element.Component & Props;
+  constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
+  validateAutoComplete(value?: InputTypeOnOff): void;
+  validateList(value?: Stringified<string[]>): void;
+  private tryParseToString;
+  private validateDateString;
+  private readonly validateIso8601;
+  protected onChange(event: Event): void;
+  validateMax(value?: Iso8601 | Date): void;
+  validateMin(value?: Iso8601 | Date): void;
+  validateOn(value?: InputTypeOnDefault): void;
+  validateReadOnly(value?: boolean): void;
+  validateRequired(value?: boolean): void;
+  validateStep(value?: number): void;
+  validateType(value?: InputNumberType): void;
+  validateValue(value?: Iso8601 | Date | null): void;
+  validateValueEx(value?: Iso8601 | Date | null, afterPatch?: (v: string) => void): void;
+  componentWillLoad(): void;
+}

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

@@ -1,20 +1,46 @@
 import { Generic } from '@a11y-ui/core';
+import { ButtonProps } from '../../types/button-link';
+import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputDateType, OptionalInputProps } from '../../types/input/control/number';
 import { Iso8601 } from '../../types/input/iso8601';
-import { InputTypeOnDefault } from '../../types/input/types';
+import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { InputRequiredProps } from '../input/types';
-import { PropLabel } from '../../types/props';
 type RequiredProps = InputRequiredProps;
 type OptionalProps = OptionalInputProps<Iso8601 | Date> & {
   type: InputDateType;
 };
-type RequiredStates = PropLabel;
+type RequiredStates = {
+  autoComplete: InputTypeOnOff;
+  hasValue: boolean;
+  id: string;
+  list: string[];
+  type: InputDateType;
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
-  on: InputTypeOnDefault;
+  accessKey: string;
+  alert: boolean;
+  disabled: boolean;
+  error: string;
+  hideLabel: boolean;
+  hint: string;
+  icon: KoliBriHorizontalIcon;
   max: Iso8601;
+  name: string;
   min: Iso8601;
+  on: InputTypeOnDefault;
+  placeholder: string;
+  readOnly: boolean;
+  required: boolean;
+  smartButton: ButtonProps;
+  syncValueBySelector: string;
+  step: number;
+  tabIndex: number;
+  touched: boolean;
   value: Iso8601 | null;
 };
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
 export type ComponentApi = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

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

@@ -3,6 +3,7 @@ import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { ComponentApi, States } from './types';
 export declare class KolInputEmail implements ComponentApi {
   private readonly host?;
@@ -16,11 +17,12 @@ export declare class KolInputEmail implements ComponentApi {
   _autoComplete?: InputTypeOnOff;
   _disabled?: boolean;
   _error?: string;
+  _hasCounter?: boolean;
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _list?: Stringified<string[]>;
   _maxLength?: number;
   _multiple?: boolean;
@@ -32,6 +34,7 @@ export declare class KolInputEmail implements ComponentApi {
   _required?: boolean;
   _size?: number;
   _smartButton?: ButtonProps;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
   _touched?: boolean;
   _value?: string;
@@ -42,11 +45,12 @@ export declare class KolInputEmail implements ComponentApi {
   validateAutoComplete(value?: InputTypeOnOff): void;
   validateDisabled(value?: boolean): void;
   validateError(value?: string): void;
+  validateHasCounter(value?: boolean): void;
   validateHideLabel(value?: boolean): void;
   validateHint(value?: string): void;
   validateIcon(value?: Stringified<KoliBriHorizontalIcon>): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateList(value?: Stringified<string[]>): void;
   validateMaxLength(value?: number): void;
   validateMultiple(value?: boolean): void;
@@ -58,6 +62,7 @@ export declare class KolInputEmail implements ComponentApi {
   validateRequired(value?: boolean): void;
   validateSize(value?: number): void;
   validateSmartButton(value?: ButtonProps | string): void;
+  validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateValue(value?: string): void;

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

@@ -1,10 +1,11 @@
 import { Generic } from '@a11y-ui/core';
 import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
+import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
+import { PropMultiple } from '../../types/props/multiple';
 import { InputRequiredProps } from '../input/types';
-import { KoliBriHorizontalIcon } from '../../types/icon';
-import { PropLabel, PropMultiple } from '../../types/props';
 type RequiredProps = InputRequiredProps;
 type OptionalProps = {
   accessKey: string;
@@ -12,6 +13,7 @@ type OptionalProps = {
   autoComplete: InputTypeOnOff;
   disabled: boolean;
   error: string;
+  hasCounter: boolean;
   hideLabel: boolean;
   hint: string;
   icon: Stringified<KoliBriHorizontalIcon>;
@@ -25,6 +27,7 @@ type OptionalProps = {
   required: boolean;
   size: number;
   smartButton: ButtonProps;
+  syncValueBySelector: string;
   touched: boolean;
   tabIndex: number;
   value: string;
@@ -35,12 +38,14 @@ type RequiredStates = {
   id: string;
   hasValue: boolean;
   list: string[];
-} & PropLabel;
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
+  currentLength: number;
   disabled: boolean;
   error: string;
+  hasCounter: boolean;
   hideLabel: boolean;
   hint: string;
   icon: KoliBriHorizontalIcon;

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

@@ -3,6 +3,7 @@ import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault } from '../../types/input/types';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { ComponentApi, States } from './types';
 export declare class KolInputFile implements ComponentApi {
   private readonly host?;
@@ -19,12 +20,13 @@ export declare class KolInputFile implements ComponentApi {
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _multiple?: boolean;
   _name?: string;
   _on?: InputTypeOnDefault;
   _required?: boolean;
   _smartButton?: ButtonProps;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
   _touched?: boolean;
   _value?: string;
@@ -39,12 +41,13 @@ export declare class KolInputFile implements ComponentApi {
   validateHint(value?: string): void;
   validateIcon(value?: Stringified<KoliBriHorizontalIcon>): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateMultiple(value?: boolean): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
   validateRequired(value?: boolean): void;
   validateSmartButton(value?: ButtonProps | string): void;
+  validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateValue(value?: string): void;

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

@@ -1,10 +1,10 @@
 import { Generic } from '@a11y-ui/core';
 import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
+import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault } from '../../types/input/types';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { InputRequiredProps } from '../input/types';
-import { KoliBriHorizontalIcon } from '../../types/icon';
-import { PropLabel } from '../../types/props';
 type RequiredProps = InputRequiredProps;
 type OptionalProps = {
   accept: string;
@@ -20,6 +20,7 @@ type OptionalProps = {
   on: InputTypeOnDefault;
   required: boolean;
   smartButton: ButtonProps;
+  syncValueBySelector: string;
   touched: boolean;
   tabIndex: number;
   value: string;
@@ -27,7 +28,7 @@ type OptionalProps = {
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   id: string;
-} & PropLabel;
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accept: string;
   alert: boolean;

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

@@ -5,6 +5,7 @@ import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputNumberType } from '../../types/input/control/number';
 import { Iso8601 } from '../../types/input/iso8601';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { ComponentApi, States } from './types';
 export declare class KolInputNumber implements ComponentApi {
   private readonly host?;
@@ -22,7 +23,7 @@ export declare class KolInputNumber implements ComponentApi {
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _list?: Stringified<string[]>;
   _max?: number | Iso8601;
   _min?: number | Iso8601;
@@ -33,6 +34,7 @@ export declare class KolInputNumber implements ComponentApi {
   _required?: boolean;
   _smartButton?: ButtonProps;
   _step?: number;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
   _touched?: boolean;
   _type?: InputNumberType;
@@ -48,7 +50,7 @@ export declare class KolInputNumber implements ComponentApi {
   validateHint(value?: string): void;
   validateIcon(value?: Stringified<KoliBriHorizontalIcon>): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateList(value?: Stringified<string[]>): void;
   validateMax(value?: number | Iso8601): void;
   validateMin(value?: number | Iso8601): void;
@@ -59,6 +61,7 @@ export declare class KolInputNumber implements ComponentApi {
   validateRequired(value?: boolean): void;
   validateSmartButton(value?: ButtonProps | string): void;
   validateStep(value?: number): void;
+  validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateType(value?: InputNumberType): void;

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

@@ -1,11 +1,11 @@
 import { Generic } from '@a11y-ui/core';
 import { ButtonProps } from '../../types/button-link';
+import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputNumberType, OptionalInputProps } from '../../types/input/control/number';
 import { Iso8601 } from '../../types/input/iso8601';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { InputRequiredProps } from '../input/types';
-import { KoliBriHorizontalIcon } from '../../types/icon';
-import { PropLabel } from '../../types/props';
 type RequiredProps = InputRequiredProps;
 type OptionalProps = OptionalInputProps<number | Iso8601> & {
   placeholder: string;
@@ -17,7 +17,7 @@ type RequiredStates = {
   id: string;
   list: string[];
   type: InputNumberType;
-} & PropLabel;
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
@@ -34,6 +34,7 @@ type OptionalStates = {
   readOnly: boolean;
   required: boolean;
   smartButton: ButtonProps;
+  syncValueBySelector: string;
   step: number;
   tabIndex: number;
   touched: boolean;

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

@@ -1,8 +1,9 @@
 import { JSX } from '../../stencil-public-runtime';
 import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
-import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
 import { KoliBriHorizontalIcon } from '../../types/icon';
+import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { ComponentApi, States } from './types';
 export declare class KolInputPassword implements ComponentApi {
   private readonly host?;
@@ -16,11 +17,12 @@ export declare class KolInputPassword implements ComponentApi {
   _autoComplete?: InputTypeOnOff;
   _disabled?: boolean;
   _error?: string;
+  _hasCounter?: boolean;
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _maxLength?: number;
   _name?: string;
   _on?: InputTypeOnDefault;
@@ -30,6 +32,7 @@ export declare class KolInputPassword implements ComponentApi {
   _required?: boolean;
   _size?: number;
   _smartButton?: ButtonProps;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
   _touched?: boolean;
   _value?: string;
@@ -40,11 +43,12 @@ export declare class KolInputPassword implements ComponentApi {
   validateAutoComplete(value?: InputTypeOnOff): void;
   validateDisabled(value?: boolean): void;
   validateError(value?: string): void;
+  validateHasCounter(value?: boolean): void;
   validateHideLabel(value?: boolean): void;
   validateHint(value?: string): void;
   validateIcon(value?: Stringified<KoliBriHorizontalIcon>): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateMaxLength(value?: number): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
@@ -54,6 +58,7 @@ export declare class KolInputPassword implements ComponentApi {
   validateRequired(value?: boolean): void;
   validateSize(value?: number): void;
   validateSmartButton(value?: ButtonProps | string): void;
+  validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateValue(value?: string): void;

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

@@ -8,6 +8,7 @@ export declare class InputPasswordController extends InputIconController impleme
   constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   private handleHiddenLabelAndRequired;
   validateAutoComplete(value?: InputTypeOnOff): void;
+  validateHasCounter(value?: boolean): void;
   validateHideLabel(value?: boolean): void;
   validateMaxLength(value?: number): void;
   validatePattern(value?: string): void;

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

@@ -1,10 +1,10 @@
 import { Generic } from '@a11y-ui/core';
 import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
+import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { InputRequiredProps } from '../input/types';
-import { KoliBriHorizontalIcon } from '../../types/icon';
-import { PropLabel } from '../../types/props';
 type RequiredProps = InputRequiredProps;
 type OptionalProps = {
   accessKey: string;
@@ -12,6 +12,7 @@ type OptionalProps = {
   autoComplete: InputTypeOnOff;
   disabled: boolean;
   error: string;
+  hasCounter: boolean;
   hideLabel: boolean;
   hint: string;
   icon: Stringified<KoliBriHorizontalIcon>;
@@ -24,6 +25,7 @@ type OptionalProps = {
   required: boolean;
   size: number;
   smartButton: ButtonProps;
+  syncValueBySelector: string;
   tabIndex: number;
   touched: boolean;
   value: string;
@@ -33,12 +35,14 @@ type RequiredStates = {
   autoComplete: InputTypeOnOff;
   hasValue: boolean;
   id: string;
-} & PropLabel;
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
+  currentLength: number;
   disabled: boolean;
   error: string;
+  hasCounter: boolean;
   hideLabel: boolean;
   hint: string;
   icon: KoliBriHorizontalIcon;

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

@@ -2,6 +2,7 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { InputTypeOnDefault, Option } from '../../types/input/types';
 import { Orientation } from '../../types/orientation';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { W3CInputValue } from '../../types/w3c';
 import { ComponentApi, States } from './types';
 export declare class KolInputRadio implements ComponentApi {
@@ -17,12 +18,13 @@ export declare class KolInputRadio implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _list: Stringified<Option<W3CInputValue>[]>;
   _name?: string;
   _on?: InputTypeOnDefault;
   _orientation?: Orientation;
   _required?: boolean;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
   _touched?: boolean;
   _value?: Stringified<W3CInputValue>;
@@ -35,12 +37,13 @@ export declare class KolInputRadio implements ComponentApi {
   validateHideLabel(value?: boolean): void;
   validateHint(value?: string): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateList(value?: Stringified<Option<W3CInputValue>[]>): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
   validateOrientation(value?: Orientation): void;
   validateRequired(value?: boolean): void;
+  validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateValue(value?: Stringified<unknown>): void;

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

@@ -2,12 +2,12 @@ import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { Option, SelectOption } from '../../types/input/types';
 import { Orientation } from '../../types/orientation';
-import { PropLabel } from '../../types/props';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { W3CInputValue } from '../../types/w3c';
 import { InputController } from '../@deprecated/input/controller';
 import { Props, Watches } from './types';
 export declare const fillKeyOptionMap: <T>(keyOptionMap: Map<string, Option<T>>, options: SelectOption<T>[], preKey?: string) => void;
-type RequiredProps = PropLabel;
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   required: boolean;
 };

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

@@ -2,9 +2,9 @@ import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { InputTypeOnDefault, Option } from '../../types/input/types';
 import { Orientation } from '../../types/orientation';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { W3CInputValue } from '../../types/w3c';
 import { InputRequiredProps } from '../input/types';
-import { PropLabel } from '../../types/props';
 type RequiredProps = InputRequiredProps & {
   list: Stringified<Option<W3CInputValue>[]>;
 };
@@ -19,6 +19,7 @@ type OptionalProps = {
   on: InputTypeOnDefault;
   orientation: Orientation;
   required: boolean;
+  syncValueBySelector: string;
   tabIndex: number;
   touched: boolean;
   value: W3CInputValue;
@@ -28,7 +29,7 @@ type RequiredStates = {
   id: string;
   list: Option<W3CInputValue>[];
   orientation: Orientation;
-} & PropLabel;
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;

package/dist/types/components/input-radio-group/component.d.ts

@@ -2,6 +2,7 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { InputTypeOnDefault, Option } from '../../types/input/types';
 import { Orientation } from '../../types/orientation';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { W3CInputValue } from '../../types/w3c';
 import { Props } from '../input-radio/types';
 export declare class KolInputRadioGroup implements Props {
@@ -13,7 +14,7 @@ export declare class KolInputRadioGroup implements Props {
   _hideLabel?: boolean;
   _hint?: string;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _list: Stringified<Option<W3CInputValue>[]>;
   _name?: string;
   _on?: InputTypeOnDefault;

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

@@ -2,11 +2,14 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault, InputTypeOnOff, Option } from '../../types/input/types';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { ComponentApi, States } from './types';
 export declare class KolInputRange implements ComponentApi {
   private readonly host?;
   private ref?;
-  private readonly catchRef;
+  private readonly catchInputNumberRef;
+  private readonly onChange;
+  private readonly onKeyUp;
   render(): JSX.Element;
   private readonly controller;
   _accessKey?: string;
@@ -18,13 +21,14 @@ export declare class KolInputRange implements ComponentApi {
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _list?: Stringified<Option<number>[]>;
   _max?: number;
   _min?: number;
   _name?: string;
   _on?: InputTypeOnDefault;
   _step?: number;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
   _touched?: boolean;
   _value?: number;
@@ -39,13 +43,14 @@ export declare class KolInputRange implements ComponentApi {
   validateHint(value?: string): void;
   validateIcon(value?: Stringified<KoliBriHorizontalIcon>): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateList(value?: Stringified<Option<number>[]>): void;
   validateMax(value?: number): void;
   validateMin(value?: number): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
   validateStep(value?: number): void;
+  validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateValue(value?: number): void;

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

@@ -1,9 +1,9 @@
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
+import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault, InputTypeOnOff, Option } from '../../types/input/types';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { InputRequiredProps } from '../input/types';
-import { KoliBriHorizontalIcon } from '../../types/icon';
-import { PropLabel } from '../../types/props';
 type RequiredProps = InputRequiredProps;
 type OptionalProps = {
   accessKey: string;
@@ -20,6 +20,7 @@ type OptionalProps = {
   name: string;
   on: InputTypeOnDefault;
   step: number;
+  syncValueBySelector: string;
   tabIndex: number;
   touched: boolean;
   value: number;
@@ -29,7 +30,7 @@ type RequiredStates = {
   autoComplete: InputTypeOnOff;
   id: string;
   list: Option<number>[];
-} & PropLabel;
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;

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

@@ -4,6 +4,7 @@ import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTextType } from '../../types/input/control/text';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { ComponentApi, States } from './types';
 export declare class KolInputText implements ComponentApi {
   private readonly host?;
@@ -19,11 +20,12 @@ export declare class KolInputText implements ComponentApi {
   _autoComplete?: InputTypeOnOff;
   _disabled?: boolean;
   _error?: string;
+  _hasCounter?: boolean;
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _list?: Stringified<string[]>;
   _maxLength?: number;
   _name?: string;
@@ -34,6 +36,7 @@ export declare class KolInputText implements ComponentApi {
   _required?: boolean;
   _size?: number;
   _smartButton?: ButtonProps;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
   _touched?: boolean;
   _type?: InputTextType;
@@ -45,11 +48,12 @@ export declare class KolInputText implements ComponentApi {
   validateAutoComplete(value?: InputTypeOnOff): void;
   validateDisabled(value?: boolean): void;
   validateError(value?: string): void;
+  validateHasCounter(value?: boolean): void;
   validateHideLabel(value?: boolean): void;
   validateHint(value?: string): void;
   validateIcon(value?: Stringified<KoliBriHorizontalIcon>): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateList(value?: Stringified<string[]>): void;
   validateMaxLength(value?: number): void;
   validateName(value?: string): void;
@@ -60,6 +64,7 @@ export declare class KolInputText implements ComponentApi {
   validateRequired(value?: boolean): void;
   validateSize(value?: number): void;
   validateSmartButton(value?: ButtonProps | string): void;
+  validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateType(value?: InputTextType): void;