@public-ui/components 1.1.15-rc.3 → 1.1.15-rc.5

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

@@ -7,9 +7,8 @@ import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
 import { KoliBriInputIcon } from '../input-text/types';
 import { ComponentApi, States } from './types';
 export declare class KolInputNumber implements ComponentApi {
+  private readonly host?;
   private inputEl;
-  private host?;
-  private readonly catchHost;
   private readonly onKeyUp;
   private catchEl;
   render(): JSX.Element;

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

@@ -8,7 +8,7 @@ import { Props, Watches } from './types';
 export declare class InputNumberController extends InputController implements Watches {
   private readonly numberOrIsoDateRegex;
   protected readonly component: Generic.Element.Component & Props;
-  constructor(component: Generic.Element.Component & Props, name: string);
+  constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   validateAutoComplete(value?: InputTypeOnOff): void;
   validateList(value?: Stringified<string[]>): void;
   private readonly parseToString;

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

@@ -13,7 +13,6 @@ declare type RequiredStates = {
   autoComplete: InputTypeOnOff;
   id: string;
   list: string[];
-  name: string;
   type: InputNumberType;
 };
 declare type OptionalStates = {
@@ -26,6 +25,7 @@ declare type OptionalStates = {
   icon: KoliBriInputIcon;
   max: string;
   min: string;
+  name: string;
   on: InputTypeOnDefault;
   placeholder: string;
   readOnly: boolean;

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

@@ -5,10 +5,9 @@ import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
 import { KoliBriInputIcon } from '../input-text/types';
 import { ComponentApi, States } from './types';
 export declare class KolInputPassword implements ComponentApi {
+  private readonly host?;
   private inputEl;
   private caretPosition;
-  private host?;
-  private readonly catchHost;
   private readonly onKeyUp;
   private catchEl;
   render(): JSX.Element;

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

@@ -5,7 +5,7 @@ import { Props, Watches } from './types';
 export declare class InputPasswordController extends InputController implements Watches {
   protected readonly component: Generic.Element.Component & Props;
   private placeholderCache?;
-  constructor(component: Generic.Element.Component & Props, name: string);
+  constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   private handleHiddenLabelAndRequired;
   validateAutoComplete(value?: InputTypeOnOff): void;
   validateHideLabel(value?: boolean): void;

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

@@ -30,7 +30,6 @@ export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps
 declare type RequiredStates = {
   autoComplete: InputTypeOnOff;
   id: string;
-  name: string;
 };
 declare type OptionalStates = {
   accessKey: string;
@@ -41,6 +40,7 @@ declare type OptionalStates = {
   hint: string;
   icon: KoliBriInputIcon;
   maxLength: number;
+  name: string;
   on: InputTypeOnDefault;
   pattern: string;
   placeholder: string;

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

@@ -4,6 +4,7 @@ import { InputTypeOnDefault, Option } from '../../types/input/types';
 import { Orientation } from '../../types/orientation';
 import { ComponentApi, States } from './types';
 export declare class KolInputRadio implements ComponentApi {
+  private readonly host?;
   render(): JSX.Element;
   private readonly controller;
   _accessKey?: string;

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

@@ -13,7 +13,7 @@ declare type InputCheckboxRadioProps = Generic.Element.Members<RequiredProps, Op
 declare type InputCheckboxRadioWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
 export declare class InputCheckboxRadioController extends InputController implements InputCheckboxRadioWatches {
   protected readonly component: Generic.Element.Component & InputCheckboxRadioProps;
-  constructor(component: Generic.Element.Component & InputCheckboxRadioProps, name: string);
+  constructor(component: Generic.Element.Component & InputCheckboxRadioProps, name: string, host?: HTMLElement);
   validateRequired(value?: boolean): void;
   componentWillLoad(): void;
 }
@@ -21,7 +21,7 @@ export declare class InputRadioController extends InputCheckboxRadioController i
   protected readonly component: Generic.Element.Component & Props;
   private onStateChange;
   private readonly keyOptionMap;
-  constructor(component: Generic.Element.Component & Props, name: string);
+  constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   readonly getOptionByKey: (key: string) => Option<unknown> | undefined;
   private readonly isValueInOptions;
   protected readonly beforePatchListValue: (_value: unknown, nextState: Map<string, unknown>) => void;

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

@@ -25,7 +25,6 @@ export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps
 declare type RequiredStates = {
   id: string;
   list: Option<unknown>[];
-  name: string;
   orientation: Orientation;
 };
 declare type OptionalStates = {
@@ -35,6 +34,7 @@ declare type OptionalStates = {
   error: string;
   hideLabel: boolean;
   hint: string;
+  name: string;
   on: InputTypeOnDefault;
   required: boolean;
   tabIndex: number;

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

@@ -4,6 +4,7 @@ import { InputTypeOnDefault, InputTypeOnOff, Option } from '../../types/input/ty
 import { KoliBriInputIcon } from '../input-text/types';
 import { ComponentApi, States } from './types';
 export declare class KolInputRange implements ComponentApi {
+  private readonly host?;
   render(): JSX.Element;
   private readonly controller;
   _accessKey?: string;

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

@@ -5,7 +5,7 @@ import { InputController } from '../@deprecated/input/controller';
 import { Props, Watches } from './types';
 export declare class InputRangeController extends InputController implements Watches {
   protected readonly component: Generic.Element.Component & Props;
-  constructor(component: Generic.Element.Component & Props, name: string);
+  constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   validateAutoComplete(value?: InputTypeOnOff): void;
   validateList(value?: Stringified<Option<number>[]>): void;
   validateMax(value?: number): void;

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

@@ -27,7 +27,6 @@ declare type RequiredStates = {
   autoComplete: InputTypeOnOff;
   id: string;
   list: Option<number>[];
-  name: string;
 };
 declare type OptionalStates = {
   accessKey: string;
@@ -39,6 +38,7 @@ declare type OptionalStates = {
   icon: KoliBriInputIcon;
   max: number;
   min: number;
+  name: string;
   on: InputTypeOnDefault;
   step: number;
   tabIndex: number;

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

@@ -5,10 +5,9 @@ import { InputTextType } from '../../types/input/control/text';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
 import { ComponentApi, KoliBriInputIcon, States } from './types';
 export declare class KolInputText implements ComponentApi {
-  private host?;
+  private readonly host?;
   private inputEl;
   private oldValue?;
-  private readonly catchHost;
   private readonly onKeyUp;
   private readonly onChange;
   private catchEl;

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

@@ -13,7 +13,7 @@ declare type InputTextEmailProps = Generic.Element.Members<RequiredProps, Option
 declare type InputTextEmailWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
 export declare class InputTextEmailController extends InputPasswordController implements InputTextEmailWatches {
   protected readonly component: Generic.Element.Component & InputTextEmailProps;
-  constructor(component: Generic.Element.Component & InputTextEmailProps, name: string);
+  constructor(component: Generic.Element.Component & InputTextEmailProps, name: string, host?: HTMLElement);
   validateList(value?: Stringified<string[]>): void;
   componentWillLoad(): void;
 }
@@ -21,7 +21,7 @@ export declare class InputTextController extends InputTextEmailController implem
   protected readonly component: Generic.Element.Component & InputTextProps;
   hasError: boolean;
   hasList: boolean;
-  constructor(component: Generic.Element.Component & InputTextProps, name: string);
+  constructor(component: Generic.Element.Component & InputTextProps, name: string, host?: HTMLElement);
   validateType(value?: InputTextType): void;
   componentWillLoad(): void;
 }

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

@@ -4,6 +4,7 @@ import { InputTypeOnDefault, SelectOption } from '../../types/input/types';
 import { KoliBriInputIcon } from '../input-text/types';
 import { ComponentApi, States } from './types';
 export declare class KolSelect implements ComponentApi {
+  private readonly host?;
   private htmlSelect?;
   private renderOptgroup;
   render(): JSX.Element;

package/dist/types/components/select/controller.d.ts

@@ -7,7 +7,7 @@ export declare class SelectController extends InputController implements Watches
   protected readonly component: Generic.Element.Component & Props;
   private onStateChange;
   private readonly keyOptionMap;
-  constructor(component: Generic.Element.Component & Props, name: string);
+  constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   readonly getOptionByKey: (key: string) => Option<unknown> | undefined;
   private readonly isValueInOptions;
   private readonly filterValuesInOptions;

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

@@ -27,7 +27,6 @@ export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps
 declare type RequiredStates = {
   id: string;
   list: SelectOption<unknown>[];
-  name: string;
   value: unknown[];
 };
 declare type OptionalStates = {

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

@@ -2,6 +2,7 @@ import { JSX } from '../../stencil-public-runtime';
 import { InputTypeOnDefault } from '../../types/input/types';
 import { ComponentApi, CSSResize, States } from './types';
 export declare class KolTextarea implements ComponentApi {
+  private readonly host?;
   render(): JSX.Element;
   private readonly controller;
   _accessKey?: string;

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

@@ -3,7 +3,7 @@ import { InputController } from '../@deprecated/input/controller';
 import { CSSResize, Props, Watches } from './types';
 export declare class TextareaController extends InputController implements Watches {
   protected readonly component: Generic.Element.Component & Props;
-  constructor(component: Generic.Element.Component & Props, name: string);
+  constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   private afterSyncCharCounter;
   validateHasCounter(value?: boolean): void;
   validateMaxLength(value?: number): void;

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

@@ -29,7 +29,6 @@ declare type RequiredStates = {
   adjustHeight: boolean;
   currentLength: number;
   id: string;
-  name: string;
   resize: CSSResize;
 };
 declare type OptionalStates = {
@@ -41,6 +40,7 @@ declare type OptionalStates = {
   hideLabel: boolean;
   hint: string;
   maxLength: number;
+  name: string;
   on: InputTypeOnDefault;
   placeholder: string;
   readOnly: boolean;

package/dist/types/components.d.ts

@@ -12,8 +12,8 @@ import { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./types/ale
 import { KoliBriColor } from "./components/badge/component";
 import { Stringified } from "./types/common";
 import { Alignment, KoliBriIconProp } from "./types/icon";
-import { NavLinkProps } from "./components/link/component";
 import { AriaCurrent, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, LinkUseCase } from "./types/button-link";
+import { NavLinkProps } from "./components/link/component";
 import { KoliBriFormCallbacks } from "./components/form/component";
 import { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 import { Icofont } from "./types/icofont";
@@ -118,6 +118,10 @@ export namespace Components {
           * Gibt den Label-Text des Badges an.
          */
         "_label": string;
+        /**
+          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+         */
+        "_smartButton"?: ButtonProps;
     }
     interface KolBreadcrumb {
         /**
@@ -2606,6 +2610,10 @@ declare namespace LocalJSX {
           * Gibt den Label-Text des Badges an.
          */
         "_label": string;
+        /**
+          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+         */
+        "_smartButton"?: ButtonProps;
     }
     interface KolBreadcrumb {
         /**

package/dist/types/utils/dev.utils.d.ts

@@ -2,6 +2,7 @@ export declare const configKoliBri: (window: Window) => void;
 export declare const getWindow: () => Window;
 export declare const getDocument: () => Document;
 export declare const getDevMode: () => boolean;
+export declare const getExperimalMode: () => boolean;
 export declare const getColorContrastAnalysis: () => boolean;
 declare type LogShieldOptions = {
   classifier?: string;