@public-ui/components 4.0.0-beta.0 → 4.0.0-ee1678914efc9a51fdc688bac71b570e768a8032.0

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

@@ -1,23 +1,14 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { KoliBriModalEventCallbacks, LabelPropType, ModalAPI, ModalStates } from '../../schema';
+import type { DialogProps, KoliBriDialogEventCallbacks, LabelPropType } from '../../schema';
 import type { ModalVariantPropType } from '../../schema/props/variant/modal';
-export declare class KolModal implements ModalAPI {
-    private readonly host?;
-    private refDialog?;
-    disconnectedCallback(): void;
-    private handleNativeCloseEvent;
+export declare class KolModal implements DialogProps {
+    private dialogRef?;
+    private readonly catchRef;
     openModal(): Promise<void>;
     closeModal(): Promise<void>;
-    private readonly on;
     render(): JSX.Element;
     _label: LabelPropType;
-    _on?: KoliBriModalEventCallbacks;
+    _on?: KoliBriDialogEventCallbacks;
     _width?: string;
     _variant?: ModalVariantPropType;
-    state: ModalStates;
-    validateLabel(value?: LabelPropType): void;
-    validateOn(value?: KoliBriModalEventCallbacks): void;
-    validateWidth(value?: string): void;
-    validateVariant(value?: ModalVariantPropType): void;
-    componentWillLoad(): void;
 }

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

@@ -1,16 +1,17 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, InlinePropType, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AriaDescriptionPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, InlinePropType, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { PopoverButtonProps, PopoverButtonStates } from '../../schema/components/popover-button';
 export declare class KolPopoverButton implements PopoverButtonProps {
     private refButton?;
     private refPopover?;
     private cleanupAutoPositioning?;
+    private on;
     state: PopoverButtonStates;
     private justClosed;
     private popoverOpen;
     hidePopover(): Promise<void>;
     showPopover(): Promise<void>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private handleBeforeToggle;
     private alignPopover;
     private handleToggle;
@@ -19,9 +20,7 @@ export declare class KolPopoverButton implements PopoverButtonProps {
     disconnectedCallback(): void;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
-    _ariaControls?: string;
     _ariaDescription?: AriaDescriptionPropType;
-    _ariaSelected?: boolean;
     _customClass?: CustomClassPropType;
     _disabled?: boolean;
     _hideLabel?: boolean;
@@ -30,9 +29,7 @@ export declare class KolPopoverButton implements PopoverButtonProps {
     _inline?: InlinePropType;
     _label: LabelWithExpertSlotPropType;
     _name?: string;
-    _on?: ButtonCallbacksPropType<StencilUnknown>;
     _popoverAlign?: PopoverAlignPropType;
-    _role?: AlternativeButtonLinkRolePropType;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
     _tabIndex?: number;

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

@@ -1,17 +1,15 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, InlinePropType, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AriaDescriptionPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, InlinePropType, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { PopoverButtonProps } from '../../schema/components/popover-button';
 export declare class KolPopoverButton implements PopoverButtonProps {
     private ref?;
     hidePopover(): Promise<void>;
     showPopover(): Promise<void>;
     private catchRef;
-    kolFocus(): Promise<void>;
+    focus(): Promise<any>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
-    _ariaControls?: string;
     _ariaDescription?: AriaDescriptionPropType;
-    _ariaSelected?: boolean;
     _customClass?: CustomClassPropType;
     _disabled?: boolean;
     _hideLabel?: boolean;
@@ -20,9 +18,7 @@ export declare class KolPopoverButton implements PopoverButtonProps {
     _id?: string;
     _label: LabelWithExpertSlotPropType;
     _name?: string;
-    _on?: ButtonCallbacksPropType<StencilUnknown>;
     _popoverAlign?: PopoverAlignPropType;
-    _role?: AlternativeButtonLinkRolePropType;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
     _tabIndex?: number;

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

@@ -5,7 +5,7 @@ export declare class KolSelectWc implements SelectAPI, FocusableElement {
     private selectRef?;
     private readonly catchRef;
     getValue(): Promise<StencilUnknown[] | StencilUnknown>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private getFormFieldProps;
     private getSelectProps;
     render(): JSX.Element;

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

@@ -4,7 +4,7 @@ export declare class KolSelect implements SelectProps, FocusableElement {
     private selectWcRef?;
     private readonly catchRef;
     getValue(): Promise<StencilUnknown[] | StencilUnknown>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     render(): JSX.Element;
     _accessKey?: string;
     _disabled?: boolean;

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

@@ -8,7 +8,7 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     private readonly translateNoResultsMessage;
     private oldValue?;
     getValue(): Promise<StencilUnknown>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private readonly catchRef;
     private toggleListbox;
     private onBlur;
@@ -21,12 +21,13 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     private _focusedOptionIndex;
     private moveFocus;
     private focusOption;
+    private selectFocusedOption;
     private focusSuggestionStartingWith;
     private getFormFieldProps;
     private getInputProps;
     render(): JSX.Element;
-    handleFocusOut(): void;
-    handleWindowBlur(): void;
+    handleFocusOut(event: FocusEvent): void;
+    handleWindowBlur(event: FocusEvent): void;
     handleKeyDown(event: KeyboardEvent): void;
     private readonly controller;
     private _isOpen;

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

@@ -3,6 +3,7 @@ import type { JSX } from '../../stencil-public-runtime';
 export declare class KolSkipNav implements SkipNavAPI {
     private firstLinkRef?;
     render(): JSX.Element;
+    focus(): Promise<void | undefined>;
     _label: LabelPropType;
     _links: Stringified<LinkProps[]>;
     state: SkipNavStates;
@@ -10,5 +11,4 @@ export declare class KolSkipNav implements SkipNavAPI {
     validateLinks(value?: Stringified<LinkProps[]>): void;
     componentWillLoad(): void;
     disconnectedCallback(): void;
-    kolFocus(): Promise<void>;
 }

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

@@ -4,7 +4,7 @@ export declare class KolSplitButton implements SplitButtonProps {
     private primaryButtonWcRef?;
     private readonly catchPrimaryRef;
     getValue(): Promise<StencilUnknown>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private readonly clickButtonHandler;
     private readonly clickToggleHandler;
     private readonly toggleDropdown;

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

@@ -1,6 +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 { MinWidthPropType } from '../../schema/props/min-width';
 export declare class KolTableStateful implements TableAPI {
     private readonly host?;
     private tableWcRef?;
@@ -15,7 +14,6 @@ export declare class KolTableStateful implements TableAPI {
     _dataFoot?: Stringified<KoliBriTableDataType[]>;
     _headers: Stringified<KoliBriTableHeaders>;
     _label: string;
-    _minWidth: MinWidthPropType;
     _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
     _paginationPosition?: PaginationPositionPropType;
     _selection?: TableSelectionPropType;
@@ -30,7 +28,6 @@ export declare class KolTableStateful implements TableAPI {
     private changeCellSort;
     validateHeaders(value?: Stringified<KoliBriTableHeaders>): void;
     validateLabel(value?: LabelPropType): void;
-    validateMinWidth(value?: string): void;
     validateSelection(value?: TableSelectionPropType): void;
     validateOn(value?: TableStatefulCallbacksPropType): void;
     private readonly handlePagination;

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

@@ -1,6 +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 { MinWidthPropType } from '../../schema/props/min-width';
 export declare class KolTableStateless implements TableStatelessAPI {
     private readonly host?;
     private readonly translateNoEntries;
@@ -19,7 +18,6 @@ export declare class KolTableStateless implements TableStatelessAPI {
     _dataFoot?: TableDataFootPropType;
     _headerCells: TableHeaderCellsPropType;
     _label: string;
-    _minWidth: MinWidthPropType;
     _on?: TableCallbacksPropType;
     _selection?: TableSelectionPropType;
     _hasSettingsMenu?: HasSettingsMenuPropType;
@@ -28,7 +26,6 @@ export declare class KolTableStateless implements TableStatelessAPI {
     validateDataFoot(value?: TableDataFootPropType): void;
     validateHeaderCells(value?: TableHeaderCellsPropType): void;
     validateLabel(value?: LabelPropType): void;
-    validateMinWidth(value?: MinWidthPropType): void;
     validateOn(value?: TableCallbacksPropType): void;
     validateSelection(value?: TableSelectionPropType): void;
     handleKeyDown(event: KeyboardEvent): void;

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

@@ -1 +1 @@
-export declare const parseColumnWidth: (width?: string, defaultWidth?: number) => number;
+export declare const parseColumnWidth: (width: number | undefined) => number | undefined;

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

@@ -1,12 +1,10 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { HasSettingsMenuPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessProps } from '../../schema';
-import type { MinWidthPropType } from '../../schema/props/min-width';
 export declare class KolTableStateless implements TableStatelessProps {
     _data: TableDataPropType;
     _dataFoot?: TableDataFootPropType;
     _headerCells: TableHeaderCellsPropType;
     _label: string;
-    _minWidth: MinWidthPropType;
     _on?: TableCallbacksPropType;
     _selection?: TableSelectionPropType;
     _hasSettingsMenu?: HasSettingsMenuPropType;

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

@@ -5,7 +5,7 @@ export declare class KolTextarea implements TextareaAPI, FocusableElement {
     private textareaRef?;
     private readonly catchRef;
     getValue(): Promise<string | undefined>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private getFormFieldProps;
     private getTextAreaProps;
     render(): JSX.Element;

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

@@ -1,7 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { AlignPropType, BadgeTextPropType, IdPropType, LabelPropType, TooltipAPI, TooltipStates } from '../../schema';
 export declare class KolTooltipWc implements TooltipAPI {
-    private host;
+    private host?;
     private arrowElement?;
     private previousSibling?;
     private tooltipElement?;

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

@@ -1,7 +1,7 @@
 import { type JSX } from '../../stencil-public-runtime';
 import type { ActivePropType, HrefPropType, LabelPropType, OpenPropType, TreeItemAPI, TreeItemStates } from '../../schema';
 export declare class KolTreeItemWc implements TreeItemAPI {
-    private linkElement;
+    private linkElement?;
     private groupId;
     private level?;
     host: HTMLElement;
@@ -19,7 +19,7 @@ export declare class KolTreeItemWc implements TreeItemAPI {
     private determineTreeItemDepth;
     private handleSlotchange;
     private checkForChildren;
-    focusLink(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private handleExpandClick;
     expand(): Promise<void>;
     private handleCollapseClick;

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

@@ -6,9 +6,9 @@ export declare class KolTreeItem implements TreeItemProps {
     _label: LabelPropType;
     _open?: OpenPropType;
     _href: HrefPropType;
-    focusLink(): Promise<void>;
-    expand(): Promise<void>;
-    collapse(): Promise<void>;
+    focus(): Promise<any>;
+    expand(): Promise<void | undefined>;
+    collapse(): Promise<void | undefined>;
     isOpen(): Promise<boolean>;
     render(): JSX.Element;
 }