@public-ui/components 4.2.0 → 4.3.0-rc.0

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AriaDescriptionPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, FocusableElement, IconsPropType, IdPropType, InlinePropType, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AriaDescriptionPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, FocusableElement, IconsPropType, IdPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { PopoverButtonProps, PopoverButtonStates } from '../../schema/components/popover-button';
 export declare class KolPopoverButtonWc implements PopoverButtonProps, FocusableElement {
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolButtonWcElement>;
@@ -13,7 +13,7 @@ export declare class KolPopoverButtonWc implements PopoverButtonProps, Focusable
     private popoverOpen;
     hidePopover(): Promise<void>;
     showPopover(): Promise<void>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     private handleToggle;
     render(): JSX.Element;

package/dist/types/components/popover-button/shadow.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AriaDescriptionPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, FocusableElement, IconsPropType, InlinePropType, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AriaDescriptionPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, FocusableElement, IconsPropType, InlinePropType, KolFocusOptions, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { PopoverButtonProps } from '../../schema/components/popover-button';
 export declare class KolPopoverButton implements PopoverButtonProps, FocusableElement {
     protected readonly host?: HTMLKolPopoverButtonElement;
@@ -7,7 +7,7 @@ export declare class KolPopoverButton implements PopoverButtonProps, FocusableEl
     hidePopover(): Promise<void>;
     showPopover(): Promise<void>;
     click(): Promise<void>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
     _ariaDescription?: AriaDescriptionPropType;

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

@@ -1,10 +1,10 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, OptionsWithOptgroupPropType, RequiredPropType, RowsPropType, SelectAPI, SelectStates, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+import type { DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, OptionsWithOptgroupPropType, RequiredPropType, RowsPropType, SelectAPI, SelectStates, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
 export declare class KolSelectWc implements SelectAPI, FocusableElement {
     private readonly host?;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLSelectElement>;
     getValue(): Promise<StencilUnknown[] | StencilUnknown>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     private getFormFieldProps;
     private getSelectProps;

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

@@ -1,10 +1,10 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement, IconsHorizontalPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsWithOptgroupPropType, RowsPropType, SelectProps, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+import type { FocusableElement, IconsHorizontalPropType, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsWithOptgroupPropType, RowsPropType, SelectProps, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
 export declare class KolSelect implements SelectProps, FocusableElement {
     protected readonly host?: HTMLKolSelectElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolSelectWcElement>;
     getValue(): Promise<StencilUnknown[] | StencilUnknown | undefined>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     render(): JSX.Element;
     _accessKey?: string;
     _disabled?: boolean;

package/dist/types/components/single-select/shadow.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsPropType, PlaceholderPropType, RequiredPropType, RowsPropType, ShortKeyPropType, SingleSelectAPI, SingleSelectStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+import type { DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsPropType, PlaceholderPropType, RequiredPropType, RowsPropType, ShortKeyPropType, SingleSelectAPI, SingleSelectStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
 export declare class KolSingleSelect implements SingleSelectAPI, FocusableElement {
     protected readonly host?: HTMLKolSingleSelectElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLInputElement>;
@@ -9,7 +9,7 @@ export declare class KolSingleSelect implements SingleSelectAPI, FocusableElemen
     private oldValue?;
     private clearButtonFocused;
     getValue(): Promise<StencilUnknown>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     private toggleListbox;
     private onBlur;
     private createEventWithTarget;

package/dist/types/components/skip-nav/shadow.d.ts

@@ -1,10 +1,10 @@
-import type { FocusableElement, LabelPropType, LinkProps, SkipNavAPI, SkipNavStates, Stringified } from '../../schema';
+import type { FocusableElement, KolFocusOptions, LabelPropType, LinkProps, SkipNavAPI, SkipNavStates, Stringified } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolSkipNav implements SkipNavAPI, FocusableElement {
     protected readonly host?: HTMLKolSkipNavElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolLinkWcElement>;
     render(): JSX.Element;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     _label: LabelPropType;
     _links: Stringified<LinkProps[]>;
     state: SkipNavStates;

package/dist/types/components/split-button/shadow.d.ts

@@ -1,12 +1,12 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, FocusableElement, IconsPropType, LabelWithExpertSlotPropType, ShortKeyPropType, SplitButtonProps, SplitButtonStates, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, FocusableElement, IconsPropType, KolFocusOptions, LabelWithExpertSlotPropType, ShortKeyPropType, SplitButtonProps, SplitButtonStates, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolSplitButton implements SplitButtonProps, FocusableElement {
     protected readonly host?: HTMLKolSplitButtonElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolButtonWcElement>;
     private popoverButtonRef?;
     private readonly setPopoverButtonRef;
     getValue(): Promise<StencilUnknown>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     private readonly clickButtonHandler;
     render(): JSX.Element;

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

@@ -15,6 +15,7 @@ export declare class KolTableStateful implements TableAPI {
     private pageStartSlice;
     private pageEndSlice;
     private disableSort;
+    private adjustedHeaderCells?;
     _allowMultiSort?: boolean;
     _data: Stringified<KoliBriTableDataType[]>;
     _dataFoot?: Stringified<KoliBriTableDataType[]>;
@@ -56,5 +57,9 @@ export declare class KolTableStateful implements TableAPI {
     private handleSelectionChange;
     getSelection(): Promise<KoliBriTableDataType[] | null>;
     resetSort(): Promise<void>;
+    private readonly handleChangeHeaderCells;
+    private headerKeysChanged;
+    private mergeAdjustedHeaderCells;
+    private buildHeaderCells;
     render(): JSX.Element;
 }

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

@@ -10,6 +10,9 @@ export declare class KolTableStatelessWc implements TableStatelessAPI {
     private horizontal;
     private cellsToRenderTimeouts;
     private dataToKeyMap;
+    private primaryHeadersCache?;
+    private selectedKeysStringSet;
+    private disabledKeysStringSet;
     private checkboxRefs;
     private translateSort;
     private translateSortOrder;
@@ -73,6 +76,8 @@ export declare class KolTableStatelessWc implements TableStatelessAPI {
     private readonly renderTableCell;
     private readonly renderActionItems;
     private getSelectionKeyPropertyName;
+    private static normalizeKeys;
+    private updateSelectionKeySets;
     private getDataWithSelectionEnabled;
     private getSelectedKeysWithoutDisabledKeys;
     private getSelectedKeysWithDisabledKeysOnly;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AlignPropType, FocusableElement, KoliBriTabsCallbacks, LabelPropType, Stringified, TabBehaviorPropType, TabButtonProps, TabsAPI, TabsStates } from '../../schema';
+import type { AlignPropType, FocusableElement, KolFocusOptions, KoliBriTabsCallbacks, LabelPropType, Stringified, TabBehaviorPropType, TabButtonProps, TabsAPI, TabsStates } from '../../schema';
 import type { HasCreateButtonPropType } from '../../schema/props/has-create-button';
 export declare class KolTabs implements TabsAPI, FocusableElement {
     protected readonly host?: HTMLKolTabsElement;
@@ -19,7 +19,7 @@ export declare class KolTabs implements TabsAPI, FocusableElement {
     private selectNextTabEvent;
     private readonly onMouseDown;
     private readonly callbacks;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     private renderButtonGroup;
     private tabPanelHost?;

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

@@ -1,10 +1,10 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AdjustHeightPropType, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, Stringified, SyncValueBySelectorPropType, TextareaAPI, TextareaResizePropType, TextareaStates, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+import type { AdjustHeightPropType, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, InputTypeOnDefault, KolFocusOptions, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, Stringified, SyncValueBySelectorPropType, TextareaAPI, TextareaResizePropType, TextareaStates, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
 export declare class KolTextarea implements TextareaAPI, FocusableElement {
     protected readonly host?: HTMLKolTextareaElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLTextAreaElement>;
     getValue(): Promise<string | undefined>;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     private getFormFieldProps;
     private getTextAreaProps;

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

@@ -4,6 +4,7 @@ export declare class KolToastContainer implements ToasterAPI {
     state: ToasterStates;
     private readonly translateToastCloseAll;
     private knownRenderFunctions;
+    componentWillLoad(): void;
     enqueue(toast: Toast): Promise<() => void>;
     private handleClose;
     closeAll(immediate?: boolean): Promise<void>;

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

@@ -1,12 +1,12 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement, LabelPropType, ToolbarAPI, ToolbarItemsPropType, ToolbarStates } from '../../schema';
+import type { FocusableElement, KolFocusOptions, LabelPropType, ToolbarAPI, ToolbarItemsPropType, ToolbarStates } from '../../schema';
 import type { OrientationPropType } from '../../schema/props/orientation';
 export declare class KolToolbar implements ToolbarAPI, FocusableElement {
     private readonly host?;
     state: ToolbarStates;
     private currentIndex;
     private indexToElement;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     click(): Promise<void>;
     private normalizeItem;
     private renderItem;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement, LabelPropType, TreeAPI, TreeStates } from '../../schema';
+import type { FocusableElement, KolFocusOptions, LabelPropType, TreeAPI, TreeStates } from '../../schema';
 export declare class KolTreeWc implements TreeAPI, FocusableElement {
     private readonly host?;
     state: TreeStates;
@@ -10,7 +10,7 @@ export declare class KolTreeWc implements TreeAPI, FocusableElement {
     private rafHandle?;
     _label: LabelPropType;
     validateLabel(value?: LabelPropType): void;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     invalidateOpenItemsCache(): Promise<void>;
     render(): JSX.Element;
     private static isTreeItem;

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

@@ -1,9 +1,9 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement, LabelPropType, TreeProps } from '../../schema';
+import type { FocusableElement, KolFocusOptions, LabelPropType, TreeProps } from '../../schema';
 export declare class KolTree implements TreeProps, FocusableElement {
     protected readonly host?: HTMLKolTreeElement;
     protected readonly ctaRef: import("../../utils/element-interaction").CtaRef<HTMLKolTreeWcElement>;
     _label: LabelPropType;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     render(): JSX.Element;
 }

package/dist/types/components/tree-item/component.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from '../../stencil-public-runtime';
-import type { ActivePropType, HrefPropType, LabelPropType, OpenPropType, TreeItemAPI, TreeItemStates } from '../../schema';
+import type { ActivePropType, HrefPropType, KolFocusOptions, LabelPropType, OpenPropType, TreeItemAPI, TreeItemStates } from '../../schema';
 export declare class KolTreeItemWc implements TreeItemAPI {
     private readonly host?;
     private linkElement?;
@@ -20,7 +20,7 @@ export declare class KolTreeItemWc implements TreeItemAPI {
     private handleSlotchange;
     private checkForChildren;
     private getTreeParent;
-    focus(): Promise<void>;
+    focus(options?: KolFocusOptions): Promise<void>;
     private handleExpandClick;
     expand(): Promise<void>;
     private handleCollapseClick;

package/dist/types/components/tree-item/shadow.d.ts

@@ -1,12 +1,12 @@
 import { type JSX } from '../../stencil-public-runtime';
-import type { HrefPropType, LabelPropType, OpenPropType, TreeItemProps } from '../../schema';
+import type { HrefPropType, KolFocusOptions, LabelPropType, OpenPropType, TreeItemProps } from '../../schema';
 export declare class KolTreeItem implements TreeItemProps {
     private element?;
     _active?: OpenPropType;
     _label: LabelPropType;
     _open?: OpenPropType;
     _href: HrefPropType;
-    focus(): Promise<any>;
+    focus(options?: KolFocusOptions): Promise<any>;
     expand(): Promise<void | undefined>;
     collapse(): Promise<void | undefined>;
     isOpen(): Promise<boolean>;