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

package/dist/types/components/_skeleton/web-components/skeleton/component.d.ts

@@ -5,13 +5,11 @@ export declare class KolSkeleton implements WebComponentInterface<SkeletonApi> {
     private readonly ctrl;
     focus(): Promise<void>;
     toggle(): Promise<void>;
-    _count?: number | string;
-    watchCount(value?: number | string): void;
     _name: string;
     watchName(value?: string): void;
+    count: number;
     label: string;
     show: boolean;
-    count: number;
     handleKeyDown(event: KeyboardEvent): void;
     loaded: EventEmitter<number>;
     rendered: EventEmitter<void>;

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

@@ -14,10 +14,7 @@ export declare class KolProgress implements WebComponentInterface<ProgressApi> {
     watchValue(value?: number): void;
     _variant?: ProgressVariantType;
     watchVariant(value?: ProgressVariantType): void;
-    unit: string;
-    variant: ProgressVariantType;
     liveValue: number;
-    max: number;
     componentWillLoad(): void;
     disconnectedCallback(): void;
     render(): JSX.Element;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { HasSettingsMenuPropType, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, LabelPropType, PaginationPositionPropType, Stringified, TableAPI, TableDataFootPropType, TableDataPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TableStates } from '../../schema';
+import type { FixedColsPropType, HasSettingsMenuPropType, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, LabelPropType, PaginationPositionPropType, Stringified, TableAPI, TableDataFootPropType, TableDataPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TableStates } from '../../schema';
 export declare class KolTableStateful implements TableAPI {
     private readonly host?;
     private tableWcRef?;
@@ -12,6 +12,7 @@ export declare class KolTableStateful implements TableAPI {
     _allowMultiSort?: boolean;
     _data: Stringified<KoliBriTableDataType[]>;
     _dataFoot?: Stringified<KoliBriTableDataType[]>;
+    _fixedCols?: FixedColsPropType;
     _headers: Stringified<KoliBriTableHeaders>;
     _label: string;
     _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
@@ -23,6 +24,7 @@ export declare class KolTableStateful implements TableAPI {
     validateAllowMultiSort(value?: boolean): void;
     validateData(value?: TableDataPropType): void;
     validateDataFoot(value?: TableDataFootPropType): void;
+    validateFixedCols(value?: FixedColsPropType): void;
     validatePaginationPosition(value?: PaginationPositionPropType): void;
     validateHasSettingsMenu(value?: HasSettingsMenuPropType): void;
     private changeCellSort;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { HasSettingsMenuPropType, KoliBriTableHeaderCell, LabelPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessAPI, TableStatelessStates } from '../../schema';
+import type { FixedColsPropType, HasSettingsMenuPropType, KoliBriTableHeaderCell, LabelPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessAPI, TableStatelessStates } from '../../schema';
 export declare class KolTableStateless implements TableStatelessAPI {
     private readonly host?;
     private readonly translateNoEntries;
@@ -12,10 +12,15 @@ export declare class KolTableStateless implements TableStatelessAPI {
     private checkboxRefs;
     private translateSort;
     private translateSortOrder;
+    private maxCols;
+    private fixedOffsets;
+    private resizeDebounceTimeout?;
     private tableDivElementHasScrollbar;
+    private stickyColsDisabled;
     private previousHeaderCells?;
     _data: TableDataPropType;
     _dataFoot?: TableDataFootPropType;
+    _fixedCols?: FixedColsPropType;
     _headerCells: TableHeaderCellsPropType;
     _label: string;
     _on?: TableCallbacksPropType;
@@ -24,6 +29,7 @@ export declare class KolTableStateless implements TableStatelessAPI {
     validateHasSettingsMenu(value?: HasSettingsMenuPropType): void;
     validateData(value?: TableDataPropType): void;
     validateDataFoot(value?: TableDataFootPropType): void;
+    validateFixedCols(value?: FixedColsPropType): void;
     validateHeaderCells(value?: TableHeaderCellsPropType): void;
     validateLabel(value?: LabelPropType): void;
     validateOn(value?: TableCallbacksPropType): void;
@@ -33,7 +39,10 @@ export declare class KolTableStateless implements TableStatelessAPI {
     componentDidLoad(): void;
     handleSettingsChange(event: CustomEvent<KoliBriTableHeaderCell[][]>): void;
     disconnectedCallback(): void;
+    private handleResize;
     private checkDivElementScrollbar;
+    private calculateFixedColsWidth;
+    private checkAndUpdateStickyState;
     private updateDataToKeyMap;
     private getDataKey;
     private getActionColumnHeader;
@@ -43,6 +52,9 @@ export declare class KolTableStateless implements TableStatelessAPI {
     private getThePrimaryHeadersWithKeyOrRenderFunction;
     private getPrimaryHeaders;
     private createDataField;
+    private isFixedCol;
+    private getFixedOffset;
+    private getOffsetString;
     private handleSelectionChangeCallbackAndEvent;
     private initializeHeaderCellSettings;
     componentWillLoad(): void;

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

@@ -1,8 +1,9 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { HasSettingsMenuPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessProps } from '../../schema';
+import type { FixedColsPropType, HasSettingsMenuPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessProps } from '../../schema';
 export declare class KolTableStateless implements TableStatelessProps {
     _data: TableDataPropType;
     _dataFoot?: TableDataFootPropType;
+    _fixedCols?: FixedColsPropType;
     _headerCells: TableHeaderCellsPropType;
     _label: string;
     _on?: TableCallbacksPropType;

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ButtonVariantPropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType } from "./schema";
+import { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ButtonVariantPropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, FixedColsPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType } from "./schema";
 import { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 import { ModalVariantPropType } from "./schema/props/variant/modal";
 import { LoadingType, ProgressVariantType } from "./internal/props";
@@ -14,7 +14,7 @@ import { PasswordVariantPropType } from "./schema/props/variant/password-variant
 import { OrientationPropType } from "./schema/props/orientation";
 import { QuoteVariantType } from "./internal/props/variant-quote";
 import { HasCreateButtonPropType } from "./schema/props/has-create-button";
-export { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ButtonVariantPropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType } from "./schema";
+export { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ButtonVariantPropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, FixedColsPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType } from "./schema";
 export { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 export { ModalVariantPropType } from "./schema/props/variant/modal";
 export { LoadingType, ProgressVariantType } from "./internal/props";
@@ -2961,10 +2961,6 @@ export namespace Components {
         "getValue": () => Promise<StencilUnknown>;
     }
     interface KolSkeleton {
-        /**
-          * Sets the count of the skeleton component.
-         */
-        "_count"?: number | string;
         /**
           * Sets the name of the skeleton component.
          */
@@ -3126,6 +3122,10 @@ export namespace Components {
           * Defines the data for the table footer.
          */
         "_dataFoot"?: Stringified<KoliBriTableDataType[]>;
+        /**
+          * Defines the fixed number of columns from start and end of the table
+         */
+        "_fixedCols"?: FixedColsPropType;
         /**
           * Enables the settings menu if true (default: false).
          */
@@ -3169,6 +3169,10 @@ export namespace Components {
           * Defines the data for the table footer.
          */
         "_dataFoot"?: TableDataFootPropType;
+        /**
+          * Defines the fixed number of columns from start and end of the table
+         */
+        "_fixedCols"?: FixedColsPropType;
         /**
           * Enables the settings menu if true (default: false).
          */
@@ -3199,6 +3203,10 @@ export namespace Components {
           * Defines the data for the table footer.
          */
         "_dataFoot"?: TableDataFootPropType;
+        /**
+          * Defines the fixed number of columns from start and end of the table
+         */
+        "_fixedCols"?: FixedColsPropType;
         /**
           * Enables the settings menu if true (default: false).
          */
@@ -6757,10 +6765,6 @@ declare namespace LocalJSX {
         "_value"?: StencilUnknown;
     }
     interface KolSkeleton {
-        /**
-          * Sets the count of the skeleton component.
-         */
-        "_count"?: number | string;
         /**
           * Sets the name of the skeleton component.
          */
@@ -6902,6 +6906,10 @@ declare namespace LocalJSX {
           * Defines the data for the table footer.
          */
         "_dataFoot"?: Stringified<KoliBriTableDataType[]>;
+        /**
+          * Defines the fixed number of columns from start and end of the table
+         */
+        "_fixedCols"?: FixedColsPropType;
         /**
           * Enables the settings menu if true (default: false).
          */
@@ -6941,6 +6949,10 @@ declare namespace LocalJSX {
           * Defines the data for the table footer.
          */
         "_dataFoot"?: TableDataFootPropType;
+        /**
+          * Defines the fixed number of columns from start and end of the table
+         */
+        "_fixedCols"?: FixedColsPropType;
         /**
           * Enables the settings menu if true (default: false).
          */
@@ -6971,6 +6983,10 @@ declare namespace LocalJSX {
           * Defines the data for the table footer.
          */
         "_dataFoot"?: TableDataFootPropType;
+        /**
+          * Defines the fixed number of columns from start and end of the table
+         */
+        "_fixedCols"?: FixedColsPropType;
         /**
           * Enables the settings menu if true (default: false).
          */

package/dist/types/internal/functional-components/avatar/api.d.ts

@@ -1,9 +1,11 @@
-import type { ColorProp, InitialsProp, LabelProp, SrcProp } from '../../props';
+import type { ColorProp, LabelProp, SrcProp } from '../../props';
 import type { ComponentApi } from '../generic-types';
 export interface AvatarApi extends ComponentApi {
     Props: {
         Optional: SrcProp & ColorProp;
         Required: LabelProp;
     };
-    States: InitialsProp;
+    States: {
+        initials: string;
+    };
 }

package/dist/types/internal/functional-components/avatar/controller.d.ts

@@ -3,7 +3,6 @@ import { BaseController } from '../base-controller';
 import type { ControllerInterface, ResolvedInputProps } from '../generic-types';
 import type { AvatarApi } from './api';
 export declare class AvatarController extends BaseController<AvatarApi> implements ControllerInterface<AvatarApi> {
-    constructor(states: AvatarApi['States']);
     componentWillLoad(props: ResolvedInputProps<AvatarApi>): void;
     watchColor(value?: string | ColorPair): void;
     watchLabel(value?: string): void;

package/dist/types/internal/functional-components/base-controller.d.ts

@@ -1,11 +1,14 @@
-import type { ComponentApi, InternalOf, ResolvedProps, StrictFields } from './generic-types';
+import type { ComponentApi, InternalOf, ResolvedInputProps, ResolvedProps, StrictFields } from './generic-types';
 type InternalStates<Api extends ComponentApi> = InternalOf<NonNullable<Api['States']>>;
 export declare abstract class BaseController<Api extends ComponentApi> {
     protected readonly component: InternalStates<Api>;
     private readonly props;
-    constructor(component: InternalStates<Api>, props: StrictFields<ResolvedProps<Api>>);
+    private readonly rawProps;
+    constructor(component?: InternalStates<Api>);
     protected setProp<K extends keyof ResolvedProps<Api>>(key: K, value: StrictFields<ResolvedProps<Api>>[K]): void;
     getProps(): StrictFields<ResolvedProps<Api>>;
+    protected setRawProp<K extends keyof ResolvedInputProps<Api>>(key: K, value: ResolvedInputProps<Api>[K] | undefined): void;
+    protected getRawProps(): Partial<ResolvedInputProps<Api>>;
     protected setState<K extends keyof InternalStates<Api>>(key: K, value: InternalStates<Api>[K]): void;
 }
 export {};

package/dist/types/internal/functional-components/click-button/controller.d.ts

@@ -3,7 +3,6 @@ import type { ControllerInterface, ResolvedInputProps } from '../generic-types';
 import type { ClickButtonApi } from './api';
 export declare class ClickButtonController extends BaseController<ClickButtonApi> implements ControllerInterface<ClickButtonApi> {
     private buttonRef?;
-    constructor(states?: ClickButtonApi['States']);
     componentWillLoad(props: ResolvedInputProps<ClickButtonApi>): void;
     watchLabel(value?: string): void;
     handleClick: () => void;

package/dist/types/internal/functional-components/image/controller.d.ts

@@ -3,7 +3,6 @@ import { BaseController } from '../base-controller';
 import type { ControllerInterface, ResolvedInputProps } from '../generic-types';
 import type { ImageApi } from './api';
 export declare class ImageController extends BaseController<ImageApi> implements ControllerInterface<ImageApi> {
-    constructor(states?: ImageApi['States']);
     componentWillLoad(props: ResolvedInputProps<ImageApi>): void;
     watchAlt(value?: string): void;
     watchLoading(value?: LoadingType): void;

package/dist/types/internal/functional-components/progress/api.d.ts

@@ -1,12 +1,11 @@
-import type { LabelProp, MaxProp, UnitProp, ValueProp, VariantProgressProp } from '../../props';
-import type { ComponentApi, InternalOf } from '../generic-types';
+import type { LabelProp, MaxProp, NumberValueProp, UnitProp, VariantProgressProp } from '../../props';
+import type { ComponentApi } from '../generic-types';
 export interface ProgressApi extends ComponentApi {
     Props: {
         Optional: LabelProp & UnitProp & VariantProgressProp;
-        Required: MaxProp & ValueProp;
+        Required: MaxProp & NumberValueProp;
     };
-    States: InternalOf<UnitProp> & InternalOf<VariantProgressProp> & {
+    States: {
         liveValue: number;
-        max: number;
     };
 }

package/dist/types/internal/functional-components/progress/controller.d.ts

@@ -3,14 +3,12 @@ import type { ControllerInterface, ResolvedInputProps } from '../generic-types';
 import type { ProgressApi } from './api';
 export declare class ProgressController extends BaseController<ProgressApi> implements ControllerInterface<ProgressApi> {
     private interval?;
-    constructor(states: ProgressApi['States']);
     componentWillLoad(props: ResolvedInputProps<ProgressApi>): void;
     watchLabel(value?: string): void;
     watchMax(value?: number): void;
     watchUnit(value?: string): void;
     watchValue(value?: number): void;
     watchVariant(value?: string): void;
-    private clampValue;
     private startLiveValueInterval;
     destroy(): void;
 }

package/dist/types/internal/functional-components/quote/controller.d.ts

@@ -2,7 +2,6 @@ import { BaseController } from '../base-controller';
 import type { ControllerInterface, ResolvedInputProps } from '../generic-types';
 import type { QuoteApi } from './api';
 export declare class QuoteController extends BaseController<QuoteApi> implements ControllerInterface<QuoteApi> {
-    constructor();
     componentWillLoad(props: ResolvedInputProps<QuoteApi>): void;
     watchHref(value?: string): void;
     watchLabel(value?: string): void;

package/dist/types/internal/functional-components/skeleton/api.d.ts

@@ -1,11 +1,14 @@
-import type { CountProp, LabelProp, NameProp, ShowProp } from '../../props';
-import type { ComponentApi, InternalOf } from '../generic-types';
+import type { NameProp } from '../../props';
+import type { ComponentApi } from '../generic-types';
 export interface SkeletonApi extends ComponentApi {
     Props: {
-        Optional: CountProp;
         Required: NameProp;
     };
-    States: InternalOf<CountProp> & LabelProp & ShowProp;
+    States: {
+        count: number;
+        label: string;
+        show: boolean;
+    };
     Emitters: {
         loaded: number;
         rendered: void;

package/dist/types/internal/functional-components/skeleton/controller.d.ts

@@ -6,9 +6,7 @@ export declare class SkeletonController extends BaseController<SkeletonApi> impl
     private intervalId?;
     constructor(states: SkeletonApi['States']);
     componentWillLoad(props: ResolvedInputProps<SkeletonApi>): void;
-    watchCount(value?: number | string): void;
     watchName(value?: string): void;
-    watchLabel(value?: string): void;
     toggle(): void;
     onKeydown: (event: KeyboardEvent) => void;
     handleClick: () => void;

package/dist/types/internal/props/helpers/factory.d.ts

@@ -10,6 +10,12 @@ export type InternalPropValue<P extends Prop<string, unknown, unknown>> = NonNul
 export type PropDefinition<TInternal> = {
     normalize: (value: unknown) => TInternal | never;
     validate: (value: TInternal) => boolean;
+    apply: (value: unknown, callback: (normalized: TInternal) => void, defaultValue: TInternal) => void;
 };
 export declare function createPropDefinition<P extends Prop<string, unknown, unknown>>(normalize: (value: unknown) => InternalPropValue<P> | never, validate?: (value: InternalPropValue<P>) => boolean): PropDefinition<InternalPropValue<P>>;
-export declare function withValidPropValue<P extends Prop<string, unknown, unknown>>(propDef: PropDefinition<InternalPropValue<P>>, value: unknown, callback: (normalized: InternalPropValue<P>) => void): void;
+export type DependentPropDefinition<TInternal, TDeps> = {
+    normalize: (value: unknown, deps: TDeps) => TInternal | never;
+    validate: (value: TInternal, deps: TDeps) => boolean;
+    apply: (value: unknown, callback: (normalized: TInternal) => void, deps: TDeps, defaultValue: TInternal) => void;
+};
+export declare function createDependentPropDefinition<P extends Prop<string, unknown, unknown>, TDeps>(normalize: (value: unknown, deps: TDeps) => InternalPropValue<P> | never, validate?: (value: InternalPropValue<P>, deps: TDeps) => boolean): DependentPropDefinition<InternalPropValue<P>, TDeps>;

package/dist/types/internal/props/index.d.ts

@@ -1 +1 @@
-export*from"./alt";export*from"./color";export*from"./count";export*from"./helpers/factory";export*from"./href";export*from"./initials";export*from"./label";export*from"./loading";export*from"./max";export*from"./name";export*from"./quote";export*from"./show";export*from"./sizes";export*from"./src";export*from"./srcset";export*from"./unit";export*from"./value";export*from"./variant-progress";export*from"./variant-quote";
+export*from"./alt";export*from"./color";export*from"./count";export*from"./helpers/factory";export*from"./href";export*from"./label";export*from"./loading";export*from"./max";export*from"./name";export*from"./quote";export*from"./show";export*from"./sizes";export*from"./src";export*from"./srcset";export*from"./unit";export*from"./value-number";export*from"./value-number-clamped";export*from"./variant-progress";export*from"./variant-quote";

package/dist/types/internal/props/value-number-clamped.d.ts

@@ -0,0 +1,7 @@
+import type { SimpleProp } from './helpers/factory';
+export type ClampedNumberValueProp = SimpleProp<'value', number>;
+export type ClampedNumberValueDeps = {
+    min: number;
+    max: number;
+};
+export declare const clampedNumberValueProp: import("./helpers/factory").DependentPropDefinition<number, ClampedNumberValueDeps>;

package/dist/types/internal/props/value-number.d.ts

@@ -0,0 +1,3 @@
+import type { SimpleProp } from './helpers/factory';
+export type NumberValueProp = SimpleProp<'value', number>;
+export declare const numberValueProp: import("./helpers/factory").PropDefinition<number>;

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

@@ -42,10 +42,12 @@ type RequiredProps = {
 } & PropLabel & PropTableData;
 type OptionalProps = {
     allowMultiSort: boolean;
+    fixedCols: [number, number];
     pagination: boolean | Stringified<KoliBriTablePaginationProps>;
 } & PropTableDataFoot & PropPaginationPosition & PropTableSelection & StatefulPropTableCallbacks & PropHasSettingsMenu;
 type RequiredStates = {
     allowMultiSort: boolean;
+    fixedCols: [number, number];
     data: KoliBriTableDataType[];
     dataFoot: KoliBriTableDataType[];
     headers: KoliBriTableHeaders;

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

@@ -11,6 +11,7 @@ type RequiredStates = {
 } & PropLabel;
 type OptionalStates = {
     dataFoot: KoliBriTableDataType[];
+    fixedCols: [number, number];
     selection: KoliBriTableSelection;
 } & PropHasSettingsMenu & PropTableCallbacks;
 export type TableStatelessProps = Generic.Element.Members<RequiredProps, OptionalProps>;

package/dist/types/schema/props/index.d.ts

@@ -1 +1 @@
-export*from"./accept";export*from"./access-key";export*from"./accordion-callbacks";export*from"./active";export*from"./adjust-height";export*from"./alert";export*from"./alert-type";export*from"./align";export*from"./allow-multi-sort";export*from"./alt";export*from"./alternative-button-link-role";export*from"./aria-controls";export*from"./aria-current-value";export*from"./aria-description";export*from"./aria-expanded";export*from"./aria-owns";export*from"./aria-selected";export*from"./auto-complete";export*from"./badge-text";export*from"./button-callbacks";export*from"./button-type";export*from"./button-variant";export*from"./checked";export*from"./collapsible";export*from"./color";export*from"./current-length";export*from"./custom-class";export*from"./details-callbacks";export*from"./disabled";export*from"./download";export*from"./error-list";export*from"./has-closer";export*from"./has-compact-button";export*from"./has-counter";export*from"./has-icons-when-expanded";export*from"./has-settings-menu";export*from"./has-value";export*from"./hide-label";export*from"./hide-msg";export*from"./hint";export*from"./href";export*from"./icons";export*from"./icons-input-checkbox";export*from"./id";export*from"./image-sizes";export*from"./image-source";export*from"./image-srcset";export*from"./indeterminate";export*from"./inline";export*from"./label";export*from"./label-align";export*from"./level";export*from"./link-on-callbacks";export*from"./link-target";export*from"./loading";export*from"./max";export*from"./max-length";export*from"./max-length-behavior";export*from"./modal";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./pattern";export*from"./placeholder";export*from"./popover-align";export*from"./popover-callbacks";export*from"./quote";export*from"./read-only";export*from"./required";export*from"./resize-textarea";export*from"./rows";export*from"./short-key";export*from"./show";export*from"./spell-check";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./tab-behavior";export*from"./tab-index";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./table-selection";export*from"./toolbar-items";export*from"./tooltip-align";export*from"./touched";export*from"./type-input-date";export*from"./type-input-text";export*from"./unit";export*from"./variant-alert";export*from"./variant-class-name";export*from"./variant-input-checkbox";export*from"./variant-progress";export*from"./variant-quote";export*from"./variant/spin";export*from"./width";
+export*from"./accept";export*from"./access-key";export*from"./accordion-callbacks";export*from"./active";export*from"./adjust-height";export*from"./alert";export*from"./alert-type";export*from"./align";export*from"./allow-multi-sort";export*from"./alt";export*from"./alternative-button-link-role";export*from"./aria-controls";export*from"./aria-current-value";export*from"./aria-description";export*from"./aria-expanded";export*from"./aria-owns";export*from"./aria-selected";export*from"./auto-complete";export*from"./badge-text";export*from"./button-callbacks";export*from"./button-type";export*from"./button-variant";export*from"./checked";export*from"./collapsible";export*from"./color";export*from"./current-length";export*from"./custom-class";export*from"./details-callbacks";export*from"./disabled";export*from"./download";export*from"./error-list";export*from"./has-closer";export*from"./has-compact-button";export*from"./has-counter";export*from"./has-icons-when-expanded";export*from"./has-settings-menu";export*from"./has-value";export*from"./hide-label";export*from"./hide-msg";export*from"./hint";export*from"./href";export*from"./icons";export*from"./icons-input-checkbox";export*from"./id";export*from"./image-sizes";export*from"./image-source";export*from"./image-srcset";export*from"./indeterminate";export*from"./inline";export*from"./label";export*from"./label-align";export*from"./level";export*from"./link-on-callbacks";export*from"./link-target";export*from"./loading";export*from"./max";export*from"./max-length";export*from"./max-length-behavior";export*from"./modal";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./pattern";export*from"./placeholder";export*from"./popover-align";export*from"./popover-callbacks";export*from"./quote";export*from"./read-only";export*from"./required";export*from"./resize-textarea";export*from"./rows";export*from"./short-key";export*from"./show";export*from"./spell-check";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./tab-behavior";export*from"./tab-index";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-fixed-cols";export*from"./table-header-cells";export*from"./table-selection";export*from"./toolbar-items";export*from"./tooltip-align";export*from"./touched";export*from"./type-input-date";export*from"./type-input-text";export*from"./unit";export*from"./variant-alert";export*from"./variant-class-name";export*from"./variant-input-checkbox";export*from"./variant-progress";export*from"./variant-quote";export*from"./variant/spin";export*from"./width";

package/dist/types/schema/props/table-fixed-cols.d.ts

@@ -0,0 +1,6 @@
+import type { Generic } from 'adopted-style-sheets';
+export type FixedColsPropType = [number, number];
+export type PropFixedCols = {
+    fixedCols: FixedColsPropType;
+};
+export declare const validateFixedCols: (component: Generic.Element.Component, value?: FixedColsPropType) => void;

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

@@ -5,6 +5,7 @@ export type KoliBriTableDataType = Record<string, unknown>;
 export type KoliBriTableSelectionKey = string | number;
 export type KoliBriTableSelectionKeys = KoliBriTableSelectionKey[];
 export type KoliBriTableCell = {
+    colIndex?: number;
     colSpan?: number;
     data?: KoliBriTableDataType;
     label: string;

package/doc/skeleton.md

@@ -5,10 +5,9 @@
 
 ## Properties
 
-| Property             | Attribute | Description                               | Type                            | Default     |
-| -------------------- | --------- | ----------------------------------------- | ------------------------------- | ----------- |
-| `_count`             | `_count`  | Sets the count of the skeleton component. | `number \| string \| undefined` | `undefined` |
-| `_name` _(required)_ | `_name`   | Sets the name of the skeleton component.  | `string`                        | `undefined` |
+| Property             | Attribute | Description                              | Type     | Default     |
+| -------------------- | --------- | ---------------------------------------- | -------- | ----------- |
+| `_name` _(required)_ | `_name`   | Sets the name of the skeleton component. | `string` | `undefined` |
 
 
 ## Events

package/doc/table-stateful.md

@@ -10,6 +10,7 @@
 | `_allowMultiSort`       | `_allow-multi-sort`    | Defines whether to allow multi sort.                                                                               | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `undefined` |
 | `_data` _(required)_    | `_data`                | Defines the primary table data.                                                                                    | `KoliBriTableDataType[] \| string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
 | `_dataFoot`             | `_data-foot`           | Defines the data for the table footer.                                                                             | `KoliBriTableDataType[] \| string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `undefined` |
+| `_fixedCols`            | --                     | Defines the fixed number of columns from start and end of the table                                                | `[number, number] \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `undefined` |
 | `_hasSettingsMenu`      | `_has-settings-menu`   | Enables the settings menu if true (default: false).                                                                | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `undefined` |
 | `_headers` _(required)_ | `_headers`             | Defines the horizontal and vertical table headers.                                                                 | `string \| { horizontal?: KoliBriTableHeaderCellWithLogic[][] \| undefined; vertical?: KoliBriTableHeaderCellWithLogic[][] \| undefined; }`                                                                                                                                                                                                                                                                                                                                                                                         | `undefined` |
 | `_label` _(required)_   | `_label`               | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `undefined` |

package/doc/table-stateless.md

@@ -9,6 +9,7 @@
 | --------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
 | `_data` _(required)_        | `_data`              | Defines the primary table data.                                                                                    | `KoliBriTableDataType[] \| string`                                                                                                                                                                                                                                                     | `undefined` |
 | `_dataFoot`                 | `_data-foot`         | Defines the data for the table footer.                                                                             | `KoliBriTableDataType[] \| string \| undefined`                                                                                                                                                                                                                                        | `undefined` |
+| `_fixedCols`                | --                   | Defines the fixed number of columns from start and end of the table                                                | `[number, number] \| undefined`                                                                                                                                                                                                                                                        | `undefined` |
 | `_hasSettingsMenu`          | `_has-settings-menu` | Enables the settings menu if true (default: false).                                                                | `boolean \| undefined`                                                                                                                                                                                                                                                                 | `undefined` |
 | `_headerCells` _(required)_ | `_header-cells`      | Defines the horizontal and vertical table headers.                                                                 | `string \| { horizontal?: KoliBriTableHeaderCell[][] \| undefined; vertical?: KoliBriTableHeaderCell[][] \| undefined; }`                                                                                                                                                              | `undefined` |
 | `_label` _(required)_       | `_label`             | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                                                                               | `undefined` |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "4.1.1-rc.1",
+  "version": "4.1.1-rc.3",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -78,8 +78,8 @@
     "wcag-contrast": "3.0.0"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "3.3.4",
-    "@eslint/js": "9.39.3",
+    "@eslint/eslintrc": "3.3.5",
+    "@eslint/js": "9.39.4",
     "@playwright/test": "1.58.2",
     "@public-ui/stencil-angular-output-target": "0.9.0",
     "@public-ui/stencil-react-output-target": "0.6.0",
@@ -104,8 +104,8 @@
     "adopted-style-sheets": "1.1.9-rc.21",
     "autoprefixer": "10.4.27",
     "cross-env": "10.1.0",
-    "cssnano": "7.1.2",
-    "eslint": "9.39.3",
+    "cssnano": "7.1.3",
+    "eslint": "9.39.4",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "jest": "26.6.3",
     "knip": "5.85.0",

package/vscode-custom-data.json

@@ -3184,10 +3184,6 @@
         "value": ""
       },
       "attributes": [
-        {
-          "name": "_count",
-          "description": "Sets the count of the skeleton component."
-        },
         {
           "name": "_name",
           "description": "Sets the name of the skeleton component."

package/dist/cjs/base-controller-Bb3KT5qb.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";var common=require("./common-BDQKBMeS.js");function createPropDefinition(r,e=()=>!0){return{normalize:r,validate:e}}function withValidPropValue(r,e,t){try{const o=r.normalize(e);r.validate(o)&&t(o)}catch(r){common.Log.debug(r)}}function normalizeString(r){if("string"==typeof r)return r;if("number"==typeof r||"boolean"==typeof r||"bigint"==typeof r)return String(r);throw new Error(`Invalid string: ${r}`)}function normalizeInteger(r){if("number"==typeof r)return Number.isInteger(r)?r:Math.round(r);if("string"==typeof r){const e=parseInt(r,10);if(!isNaN(e))return e}throw new Error(`Invalid integer: ${r}`)}function normalizeNumber(r){if("number"==typeof r)return r;if("string"==typeof r){const e=Number(r);if(!isNaN(e))return e}throw new Error(`Invalid number: ${r}`)}const LOADING_OPTIONS=["eager","lazy"],LOADING_SET=new Set(LOADING_OPTIONS),loadingProp=createPropDefinition(r=>normalizeString(r),r=>LOADING_SET.has(r)),QUOTE_VARIANT_OPTIONS=["block","inline"],QUOTE_VARIANT_SET=new Set(QUOTE_VARIANT_OPTIONS),variantQuoteProp=createPropDefinition(r=>normalizeString(r),r=>QUOTE_VARIANT_SET.has(r));class BaseController{constructor(r,e){this.component=r,this.props=e}setProp(r,e){this.props[r]=e}getProps(){return this.props}setState(r,e){this.component[r]=e}}exports.BaseController=BaseController,exports.createPropDefinition=createPropDefinition,exports.loadingProp=loadingProp,exports.normalizeInteger=normalizeInteger,exports.normalizeNumber=normalizeNumber,exports.normalizeString=normalizeString,exports.variantQuoteProp=variantQuoteProp,exports.withValidPropValue=withValidPropValue;

package/dist/cjs/base-controller-Bb3KT5qb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-controller-Bb3KT5qb.js","sources":["src/internal/props/helpers/factory.ts","src/internal/props/helpers/normalizers.ts","src/internal/props/loading.ts","src/internal/props/variant-quote.ts","src/internal/functional-components/base-controller.ts"],"sourcesContent":["import { Log } from '../../../schema';\n\n/**\n * Definiert einen Prop-Typ mit internem und externem Typ.\n *\n * - K: der Property-Name\n * - TExternal: der externe Eingabe-Typ (Web Component)\n * - TInternal: der normalisierte Typ (Controller/FC), default = TExternal\n *\n * Phantom-Keys `__input_${K}` tragen den externen Typ auf Type-Ebene.\n * Der feste Phantom-Key `__propInternal__` trägt TInternal für eine zuverlässige Inferenz.\n */\nexport type Prop<K extends string, TExternal, TInternal> = {\n\t[P in K]: TInternal;\n} & {\n\t[P in K as `__input_${P}`]?: TExternal;\n} & {\n\treadonly __propInternal__?: TInternal;\n};\n\n/**\n * Shorthand for Prop when external and internal types are identical.\n *\n * - K: der Property-Name\n * - T: der Typ (verwendet für externe und interne Nutzung)\n */\nexport type SimpleProp<K extends string, T> = Prop<K, T, T>;\n\nexport type InternalPropValue<P extends Prop<string, unknown, unknown>> = NonNullable<P['__propInternal__']>;\n\nexport type PropDefinition<TInternal> = {\n\tnormalize: (value: unknown) => TInternal | never;\n\tvalidate: (value: TInternal) => boolean;\n};\n\nexport function createPropDefinition<P extends Prop<string, unknown, unknown>>(\n\tnormalize: (value: unknown) => InternalPropValue<P> | never,\n\tvalidate: (value: InternalPropValue<P>) => boolean = () => true,\n): PropDefinition<InternalPropValue<P>> {\n\treturn {\n\t\tnormalize,\n\t\tvalidate,\n\t};\n}\n\nexport function withValidPropValue<P extends Prop<string, unknown, unknown>>(\n\tpropDef: PropDefinition<InternalPropValue<P>>,\n\tvalue: unknown,\n\tcallback: (normalized: InternalPropValue<P>) => void,\n): void {\n\ttry {\n\t\tconst normalized = propDef.normalize(value);\n\t\tif (propDef.validate(normalized)) {\n\t\t\tcallback(normalized);\n\t\t}\n\t} catch (e) {\n\t\tLog.debug(e);\n\t}\n}\n","import { isObject } from '../../../schema';\n\nexport function normalizeString(value?: unknown): string | never {\n\tif (typeof value === 'string') {\n\t\treturn value;\n\t}\n\tif (typeof value === 'number' || typeof value === 'boolean' || typeof value === 'bigint') {\n\t\treturn String(value);\n\t}\n\tthrow new Error(`Invalid string: ${value as string}`);\n}\n\nexport function normalizeInteger(value?: unknown): number | never {\n\tif (typeof value === 'number') {\n\t\treturn Number.isInteger(value) ? value : Math.round(value);\n\t}\n\tif (typeof value === 'string') {\n\t\tconst parsed = parseInt(value, 10);\n\t\tif (!isNaN(parsed)) {\n\t\t\treturn parsed;\n\t\t}\n\t}\n\tthrow new Error(`Invalid integer: ${value as string}`);\n}\n\nexport function normalizeNumber(value?: unknown): number | never {\n\tif (typeof value === 'number') {\n\t\treturn value;\n\t}\n\tif (typeof value === 'string') {\n\t\tconst parsed = Number(value);\n\t\tif (!isNaN(parsed)) {\n\t\t\treturn parsed;\n\t\t}\n\t}\n\tthrow new Error(`Invalid number: ${value as string}`);\n}\n\nexport function normalizeBoolean(value?: unknown): boolean | never {\n\tif (typeof value === 'boolean') {\n\t\treturn value;\n\t}\n\tif (typeof value === 'string') {\n\t\treturn value.toLowerCase() === 'true';\n\t}\n\tthrow new Error(`Invalid boolean: ${value as string}`);\n}\n\nexport function normalizeObject(value?: unknown): object | never {\n\tif (isObject(value)) {\n\t\treturn value as object;\n\t}\n\tif (typeof value === 'string') {\n\t\tconst parsed = JSON.parse(value) as unknown;\n\t\tif (isObject(parsed)) {\n\t\t\treturn parsed as object;\n\t\t}\n\t}\n\tthrow new Error(`Invalid object: ${value as string}`);\n}\n\nexport function normalizeArray(value?: unknown): unknown[] | never {\n\tif (isObject(value) && Array.isArray(value)) {\n\t\treturn value as unknown[];\n\t}\n\tif (typeof value === 'string') {\n\t\tconst parsed = JSON.parse(value) as unknown;\n\t\tif (isObject(parsed) && Array.isArray(parsed)) {\n\t\t\treturn parsed as unknown[];\n\t\t}\n\t}\n\tthrow new Error(`Invalid array: ${value as string}`);\n}\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\nconst LOADING_OPTIONS = ['eager', 'lazy'] as const;\nexport type LoadingType = (typeof LOADING_OPTIONS)[number];\nexport type LoadingProp = SimpleProp<'loading', LoadingType>;\n\nconst LOADING_SET: ReadonlySet<string> = new Set(LOADING_OPTIONS);\n\nexport const loadingProp = createPropDefinition<LoadingProp>(\n\t(value: unknown) => normalizeString(value) as LoadingType,\n\t(v) => LOADING_SET.has(v),\n);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\nconst QUOTE_VARIANT_OPTIONS = ['block', 'inline'] as const;\nexport type QuoteVariantType = (typeof QUOTE_VARIANT_OPTIONS)[number];\nexport type VariantQuoteProp = SimpleProp<'variant', QuoteVariantType>;\n\nconst QUOTE_VARIANT_SET: ReadonlySet<string> = new Set(QUOTE_VARIANT_OPTIONS);\n\nexport const variantQuoteProp = createPropDefinition<VariantQuoteProp>(\n\t(value: unknown) => normalizeString(value) as QuoteVariantType,\n\t(v) => QUOTE_VARIANT_SET.has(v),\n);\n","import type { ComponentApi, InternalOf, ResolvedProps, StrictFields } from './generic-types';\n\ntype InternalStates<Api extends ComponentApi> = InternalOf<NonNullable<Api['States']>>;\n\nexport abstract class BaseController<Api extends ComponentApi> {\n\tpublic constructor(\n\t\tprotected readonly component: InternalStates<Api>,\n\t\tprivate readonly props: StrictFields<ResolvedProps<Api>>,\n\t) {}\n\n\tprotected setProp<K extends keyof ResolvedProps<Api>>(key: K, value: StrictFields<ResolvedProps<Api>>[K]): void {\n\t\tthis.props[key] = value;\n\t}\n\n\tpublic getProps(): StrictFields<ResolvedProps<Api>> {\n\t\treturn this.props;\n\t}\n\n\tprotected setState<K extends keyof InternalStates<Api>>(key: K, value: InternalStates<Api>[K]): void {\n\t\t(this.component as Record<string, unknown>)[key as string] = value;\n\t}\n}\n"],"names":["Log"],"mappings":";;;;;;;AAmCM,SAAU,oBAAoB,CACnC,SAA2D,EAC3D,QAAqD,GAAA,MAAM,IAAI,EAAA;IAE/D,OAAO;QACN,SAAS;QACT,QAAQ;KACR;AACF;SAEgB,kBAAkB,CACjC,OAA6C,EAC7C,KAAc,EACd,QAAoD,EAAA;AAEpD,IAAA,IAAI;QACH,MAAM,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC;AAC3C,QAAA,IAAI,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;YACjC,QAAQ,CAAC,UAAU,CAAC;;;IAEpB,OAAO,CAAC,EAAE;AACX,QAAAA,UAAG,CAAC,KAAK,CAAC,CAAC,CAAC;;AAEd;;ACxDM,SAAU,eAAe,CAAC,KAAe,EAAA;AAC9C,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC9B,QAAA,OAAO,KAAK;;AAEb,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACzF,QAAA,OAAO,MAAM,CAAC,KAAK,CAAC;;AAErB,IAAA,MAAM,IAAI,KAAK,CAAC,mBAAmB,KAAe,CAAA,CAAE,CAAC;AACtD;AAEM,SAAU,gBAAgB,CAAC,KAAe,EAAA;AAC/C,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC9B,QAAA,OAAO,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;;AAE3D,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC9B,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC;AAClC,QAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;AACnB,YAAA,OAAO,MAAM;;;AAGf,IAAA,MAAM,IAAI,KAAK,CAAC,oBAAoB,KAAe,CAAA,CAAE,CAAC;AACvD;AAEM,SAAU,eAAe,CAAC,KAAe,EAAA;AAC9C,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC9B,QAAA,OAAO,KAAK;;AAEb,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC9B,QAAA,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC;AAC5B,QAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;AACnB,YAAA,OAAO,MAAM;;;AAGf,IAAA,MAAM,IAAI,KAAK,CAAC,mBAAmB,KAAe,CAAA,CAAE,CAAC;AACtD;;AChCA,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU;AAIlD,MAAM,WAAW,GAAwB,IAAI,GAAG,CAAC,eAAe,CAAC;AAE1D,MAAM,WAAW,GAAG,oBAAoB,CAC9C,CAAC,KAAc,KAAK,eAAe,CAAC,KAAK,CAAgB,EACzD,CAAC,CAAC,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;;ACR1B,MAAM,qBAAqB,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAU;AAI1D,MAAM,iBAAiB,GAAwB,IAAI,GAAG,CAAC,qBAAqB,CAAC;AAEtE,MAAM,gBAAgB,GAAG,oBAAoB,CACnD,CAAC,KAAc,KAAK,eAAe,CAAC,KAAK,CAAqB,EAC9D,CAAC,CAAC,KAAK,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC;;MCRV,cAAc,CAAA;IACnC,WACoB,CAAA,SAA8B,EAChC,KAAuC,EAAA;AADrC,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS;AACX,QAAA,IAAK,CAAA,KAAA,GAAL,KAAK;;IAGb,OAAO,CAAqC,GAAM,EAAE,KAA0C,EAAA;AACvG,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK;;IAGjB,QAAQ,GAAA;QACd,OAAO,IAAI,CAAC,KAAK;;IAGR,QAAQ,CAAsC,GAAM,EAAE,KAA6B,EAAA;AAC3F,QAAA,IAAI,CAAC,SAAqC,CAAC,GAAa,CAAC,GAAG,KAAK;;AAEnE;;;;;;;;;;;"}

package/dist/cjs/controller-B6NQTXWH.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";var index=require("./index-R5lmd7Z_.js"),bemRegistry=require("./bem-registry-Nu8Olg0G.js"),baseController=require("./base-controller-Bb3KT5qb.js");require("./common-BDQKBMeS.js");var label=require("./label-Cnh0Go2j.js");const clickButtonBem=bemRegistry.bem.forBlock("kol-click-button"),BEM_CLASS_CLICK_BUTTON=clickButtonBem(),BEM_CLASS_CLICK_BUTTON__LABEL=clickButtonBem("label"),ClickButtonFC=({label:e,handleClick:t,refButton:l})=>index.h("button",{class:BEM_CLASS_CLICK_BUTTON,ref:l,onClick:t,onKeyDown:e=>e.preventDefault()},index.h("span",{class:BEM_CLASS_CLICK_BUTTON__LABEL},e));class ClickButtonController extends baseController.BaseController{constructor(e={}){super(e,{label:""}),this.handleClick=()=>{console.log(this,this.buttonRef,"button clicked")},this.setButtonRef=e=>{this.buttonRef=e}}componentWillLoad(e){const{label:t}=e;this.watchLabel(t)}watchLabel(e){baseController.withValidPropValue(label.labelProp,e,e=>{this.setProp("label",e)})}focus(){var e;null===(e=this.buttonRef)||void 0===e||e.focus()}}exports.ClickButtonController=ClickButtonController,exports.ClickButtonFC=ClickButtonFC;

package/dist/cjs/controller-B6NQTXWH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controller-B6NQTXWH.js","sources":["src/internal/functional-components/click-button/component.tsx","src/internal/functional-components/click-button/controller.ts"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { ClickButtonApi } from './api';\n\nconst clickButtonBem = bem.forBlock('kol-click-button');\nconst BEM_CLASS_CLICK_BUTTON = clickButtonBem();\nconst BEM_CLASS_CLICK_BUTTON__LABEL = clickButtonBem('label');\n\nexport const ClickButtonFC: FC<FunctionalComponentProps<ClickButtonApi>> = ({ label, handleClick, refButton }) => (\n\t<button class={BEM_CLASS_CLICK_BUTTON} ref={refButton} onClick={handleClick} onKeyDown={(event) => event.preventDefault()}>\n\t\t<span class={BEM_CLASS_CLICK_BUTTON__LABEL}>{label}</span>\n\t</button>\n);\n","import type { LabelProp } from '../../props';\nimport { labelProp, withValidPropValue } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps } from '../generic-types';\nimport type { ClickButtonApi } from './api';\n\nexport class ClickButtonController extends BaseController<ClickButtonApi> implements ControllerInterface<ClickButtonApi> {\n\tprivate buttonRef?: HTMLButtonElement;\n\n\tpublic constructor(states: ClickButtonApi['States'] = {}) {\n\t\tsuper(states, {\n\t\t\tlabel: '',\n\t\t});\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<ClickButtonApi>): void {\n\t\tconst { label } = props;\n\t\tthis.watchLabel(label);\n\t}\n\n\tpublic watchLabel(value?: string): void {\n\t\twithValidPropValue<LabelProp>(labelProp, value, (v) => {\n\t\t\tthis.setProp('label', v);\n\t\t});\n\t}\n\n\tpublic handleClick = (): void => {\n\t\t// eslint-disable-next-line no-console\n\t\tconsole.log(this, this.buttonRef, 'button clicked');\n\t};\n\n\tpublic focus(): void {\n\t\tthis.buttonRef?.focus();\n\t}\n\n\tpublic setButtonRef = (element?: HTMLButtonElement): void => {\n\t\tthis.buttonRef = element;\n\t};\n}\n"],"names":["bem","h","BaseController","withValidPropValue","labelProp"],"mappings":";;;;;;;;;;;AAOA,MAAM,cAAc,GAAGA,eAAG,CAAC,QAAQ,CAAC,kBAAkB,CAAC;AACvD,MAAM,sBAAsB,GAAG,cAAc,EAAE;AAC/C,MAAM,6BAA6B,GAAG,cAAc,CAAC,OAAO,CAAC;AAEtD,MAAM,aAAa,GAAiD,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAC5GC,oBAAQ,KAAK,EAAE,sBAAsB,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,cAAc,EAAE,EAAA,EACxHA,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,6BAA6B,EAAA,EAAG,KAAK,CAAQ,CAClD;;ACRJ,MAAO,qBAAsB,SAAQC,6BAA8B,CAAA;IAGxE,WAAmB,CAAA,SAAmC,EAAE,EAAA;QACvD,KAAK,CAAC,MAAM,EAAE;AACb,YAAA,KAAK,EAAE,EAAE;AACT,SAAA,CAAC;AAcI,QAAA,IAAW,CAAA,WAAA,GAAG,MAAW;YAE/B,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,gBAAgB,CAAC;AACpD,SAAC;AAMM,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,OAA2B,KAAU;AAC3D,YAAA,IAAI,CAAC,SAAS,GAAG,OAAO;AACzB,SAAC;;AAtBM,IAAA,iBAAiB,CAAC,KAAyC,EAAA;AACjE,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;;AAGhB,IAAA,UAAU,CAAC,KAAc,EAAA;QAC/BC,iCAAkB,CAAYC,eAAS,EAAE,KAAK,EAAE,CAAC,CAAC,KAAI;AACrD,YAAA,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;AACzB,SAAC,CAAC;;IAQI,KAAK,GAAA;;QACX,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,EAAE;;AAMxB;;;;;"}

package/dist/cjs/label-Cnh0Go2j.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";var baseController=require("./base-controller-Bb3KT5qb.js");const labelProp=baseController.createPropDefinition(baseController.normalizeString,e=>e.length>=2&&e.length<=80);exports.labelProp=labelProp;