@public-ui/components 1.5.0-rc.9 → 1.5.1

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

@@ -1,9 +1,11 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
+import { PropColor } from '../../types/props/color';
+import { Stringified } from '../../components';
 type RequiredProps = unknown;
 type OptionalProps = {
   animate: boolean;
-  color: string;
+  color: Stringified<PropColor>;
   labeled: boolean;
 };
 type RequiredStates = {
@@ -21,12 +23,12 @@ export declare class KolKolibri implements Generic.Element.ComponentApi<Required
   render(): JSX.Element;
   private interval?;
   _animate?: boolean;
-  _color?: string;
+  _color?: Stringified<PropColor>;
   _labeled?: boolean;
   state: States;
   validateAnimate(value?: boolean): void;
   private handleColorChange;
-  validateColor(value?: string): void;
+  validateColor(value?: Stringified<PropColor>): void;
   validateLabeled(value?: boolean): void;
   componentWillLoad(): void;
   componentDidRender(): void;

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

@@ -3,7 +3,7 @@ import { Generic } from '@a11y-ui/core';
 import { AlternativButtonLinkRole, LinkOnCallbacks, LinkStates, LinkTarget, LinkUseCase, OptionalLinkProps, OptionalLinkStates, RequiredLinkProps, RequiredLinkStates } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, PropAlignment } from '../../types/props';
+import { AriaCurrent, Alignment } from '../../types/props';
 export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredLinkProps, OptionalLinkProps, RequiredLinkStates, OptionalLinkStates> {
   private readonly host?;
   private readonly nonce;
@@ -18,9 +18,10 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   _ariaLabel?: string;
   _ariaSelected?: boolean;
   _disabled?: boolean;
+  _download?: boolean | string;
   _href: string;
   _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: PropAlignment;
+  _iconAlign?: Alignment;
   _iconOnly?: boolean;
   _label: string;
   _on?: LinkOnCallbacks;
@@ -30,7 +31,7 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   _tabIndex?: number;
   _target?: LinkTarget;
   _targetDescription?: string;
-  _tooltipAlign?: PropAlignment;
+  _tooltipAlign?: Alignment;
   _useCase?: LinkUseCase;
   state: LinkStates;
   validateAriaControls(value?: string): void;
@@ -39,9 +40,10 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   validateAriaLabel(value?: string): void;
   validateAriaSelected(value?: boolean): void;
   validateDisabled(value?: boolean): void;
+  validateDownload(value?: boolean | string): void;
   validateHref(value?: string): void;
   validateIcon(value?: KoliBriIconProp): void;
-  validateIconAlign(value?: PropAlignment): void;
+  validateIconAlign(value?: Alignment): void;
   validateIconOnly(value?: boolean): void;
   validateLabel(value?: string): void;
   validateOn(value?: LinkOnCallbacks): void;
@@ -51,7 +53,7 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   validateTabIndex(value?: number): void;
   validateTarget(value?: LinkTarget): void;
   validateTargetDescription(value?: string): void;
-  validateTooltipAlign(value?: PropAlignment): void;
+  validateTooltipAlign(value?: Alignment): void;
   validateUseCase(value?: LinkUseCase): void;
   componentWillLoad(): void;
 }

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

@@ -3,7 +3,7 @@ import { JSX } from '../../stencil-public-runtime';
 import { AlternativButtonLinkRole, LinkOnCallbacks, LinkTarget, LinkUseCase, OptionalLinkProps, RequiredLinkProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, PropAlignment } from '../../types/props';
+import { AriaCurrent, Alignment } from '../../types/props';
 export declare class KolLink implements Generic.Element.Members<RequiredLinkProps, OptionalLinkProps> {
   private readonly host?;
   private ref?;
@@ -15,9 +15,10 @@ export declare class KolLink implements Generic.Element.Members<RequiredLinkProp
   _ariaLabel?: string;
   _ariaSelected?: boolean;
   _disabled?: boolean;
+  _download?: boolean | string;
   _href: string;
   _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: PropAlignment;
+  _iconAlign?: Alignment;
   _iconOnly?: boolean;
   _label: string;
   _on?: LinkOnCallbacks;
@@ -27,6 +28,6 @@ export declare class KolLink implements Generic.Element.Members<RequiredLinkProp
   _tabIndex?: number;
   _target?: LinkTarget;
   _targetDescription?: string;
-  _tooltipAlign?: PropAlignment;
+  _tooltipAlign?: Alignment;
   _useCase?: LinkUseCase;
 }

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

@@ -3,7 +3,7 @@ import { Generic } from '@a11y-ui/core';
 import { AlternativButtonLinkRole, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, OptionalLinkButtonProps, RequiredLinkButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, PropAlignment } from '../../types/props';
+import { AriaCurrent, Alignment } from '../../types/props';
 export declare class KolLinkButton implements Generic.Element.Members<RequiredLinkButtonProps, OptionalLinkButtonProps> {
   private readonly host?;
   private ref?;
@@ -16,6 +16,7 @@ export declare class KolLinkButton implements Generic.Element.Members<RequiredLi
   _ariaSelected?: boolean;
   _customClass?: string;
   _disabled?: boolean;
+  _download?: boolean | string;
   _href: string;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
@@ -25,6 +26,6 @@ export declare class KolLinkButton implements Generic.Element.Members<RequiredLi
   _tabIndex?: number;
   _target?: LinkTarget;
   _targetDescription?: string;
-  _tooltipAlign?: PropAlignment;
+  _tooltipAlign?: Alignment;
   _variant?: KoliBriButtonVariant;
 }

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

@@ -30,7 +30,6 @@ export declare class KolNav implements Generic.Element.ComponentApi<RequiredProp
   private readonly hasActiveChild;
   private button;
   private text;
-  private dropDown;
   private entry;
   private expandButton;
   private li;

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

@@ -1,7 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
 import { KoliBriButtonVariant, KoliBriButtonVariantPropState, KoliBriButtonCustomClassPropState } from '../../types/button-link';
-import { PropAlignment } from '../../types/props';
+import { Alignment } from '../../types/props';
 import { KoliBriPaginationButtonCallbacks } from './types';
 import { Stringified } from '../../types/common';
 import { Option } from '../../types/input/types';
@@ -22,7 +22,7 @@ export type OptionalProps = KoliBriButtonCustomClassPropState & KoliBriButtonVar
   pageSize: number;
   pageSizeOptions: Stringified<number[]>;
   siblingCount: number;
-  tooltipAlign: PropAlignment;
+  tooltipAlign: Alignment;
 };
 type RequiredStates = KoliBriButtonVariantPropState & {
   boundaryCount: number;
@@ -35,7 +35,7 @@ type RequiredStates = KoliBriButtonVariantPropState & {
   total: number;
 };
 type OptionalStates = KoliBriButtonCustomClassPropState & {
-  tooltipAlign: PropAlignment;
+  tooltipAlign: Alignment;
 };
 type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare class KolPagination implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
@@ -51,7 +51,7 @@ export declare class KolPagination implements Generic.Element.ComponentApi<Requi
   _pageSizeOptions: Stringified<number[]>;
   _on: KoliBriPaginationButtonCallbacks;
   _siblingCount?: number;
-  _tooltipAlign?: PropAlignment;
+  _tooltipAlign?: Alignment;
   _total: number;
   _variant?: KoliBriButtonVariant;
   state: States;
@@ -76,7 +76,7 @@ export declare class KolPagination implements Generic.Element.ComponentApi<Requi
   validatePageSizeOptions(value?: Stringified<number[]>): void;
   validateSiblingCount(value?: number): void;
   validateTotal(value?: number): void;
-  validateTooltipAlign(value?: PropAlignment): void;
+  validateTooltipAlign(value?: Alignment): void;
   validateVariant(value?: KoliBriButtonVariant): void;
   componentWillLoad(): void;
 }

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

@@ -0,0 +1,37 @@
+import { JSX } from '../../stencil-public-runtime';
+import { Generic } from '@a11y-ui/core';
+import { Alignment, PropAlignment, PropShow } from '../../types/props';
+type RequiredProps = unknown;
+type OptionalProps = PropAlignment & PropShow;
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = PropAlignment & PropShow & {
+  visible: boolean;
+};
+type OptionalStates = unknown;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export declare class KolPopover implements API {
+  private arrowElement?;
+  private popoverElement?;
+  private triggerElement?;
+  private host?;
+  private alignPopover;
+  private setPosition;
+  private showPopover;
+  private hidePopover;
+  private hidePopoverByEscape;
+  private hidePopoverByClickOutside;
+  private addListenersToBody;
+  private removeListenersToBody;
+  private catchHostAndTriggerElement;
+  private catchPopoverElement;
+  private catchArrowElement;
+  render(): JSX.Element;
+  _alignment?: Alignment;
+  _show?: boolean;
+  state: States;
+  validateAlignment(value?: Alignment): void;
+  validateShow(value?: boolean): void;
+  componentWillLoad(): void;
+}
+export {};

package/dist/types/components/popover/test/html.mock.d.ts

@@ -0,0 +1,4 @@
+import { Props } from '../component';
+export declare const getPopoverHtml: (props: Props, slots?: {
+  default?: string;
+}) => string;

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

@@ -1,11 +1,12 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
 import { KoliBriProgressType } from '../../types/progress';
+import { PropLabel } from '../../types/props';
 type RequiredProps = {
   max: number;
   value: number;
 };
-type OptionalProps = {
+type OptionalProps = PropLabel & {
   type: KoliBriProgressType;
   unit: string;
 };
@@ -17,11 +18,13 @@ type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare class KolProcess implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
   private interval?;
   render(): JSX.Element;
+  _label?: string;
   _max: number;
   _type?: KoliBriProgressType;
   _unit?: string;
   _value: number;
   state: States;
+  validateLabel(value?: string): void;
   validateMax(value?: number): void;
   validateType(value?: KoliBriProgressType): void;
   validateUnit(value?: string): void;

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

@@ -19,7 +19,7 @@ export declare class KolSelect implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id: string;
+  _id?: string;
   _list: Stringified<SelectOption<W3CInputValue>[]>;
   _multiple?: boolean;
   _name?: string;

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

@@ -0,0 +1,61 @@
+import { JSX } from '../../stencil-public-runtime';
+import { API, KoliBriSplitButtonCallback, States } from './types';
+import { Alignment, AlternativButtonLinkRole, AriaCurrent, KoliBriButtonType, KoliBriButtonVariant, Stringified } from '../../components';
+export declare class KolSplitButton implements API {
+  private dropdown;
+  private dropdownContent;
+  private readonly clickHandler;
+  private readonly openDropdown;
+  private readonly closeDropdown;
+  private readonly toggleDropdown;
+  private forceCounter;
+  private readonly forceOpenDropdown;
+  private readonly catchDropdownElements;
+  render(): JSX.Element;
+  _accessKey?: string;
+  _ariaControls?: string;
+  _ariaCurrent?: AriaCurrent;
+  _ariaExpanded?: boolean;
+  _ariaLabel?: string;
+  _ariaSelected?: boolean;
+  _customClass?: string;
+  _disabled?: boolean;
+  _hideLabel?: boolean;
+  _icon?: string;
+  _iconOnly?: boolean;
+  _label: string;
+  _on?: {
+    onClick: KoliBriSplitButtonCallback;
+  };
+  _role?: AlternativButtonLinkRole;
+  _showDropdown?: boolean;
+  _tabIndex?: number;
+  _tooltipAlign?: Alignment;
+  _type?: KoliBriButtonType;
+  _value?: Stringified<unknown>;
+  _variant?: KoliBriButtonVariant;
+  state: States;
+  validateAccessKey(value?: string): void;
+  validateAriaControls(value?: string): void;
+  validateAriaCurrent(value?: AriaCurrent): void;
+  validateAriaExpanded(value?: boolean): void;
+  validateAriaLabel(value?: string): void;
+  validateAriaSelected(value?: boolean): void;
+  validateCustomClass(value?: string): void;
+  validateDisabled(value?: boolean): void;
+  validateHideLabel(value?: boolean): void;
+  validateIcon(value?: string): void;
+  validateIconOnly(value?: boolean): void;
+  validateLabel(value?: string): void;
+  validateOn(value?: {
+    onClick: KoliBriSplitButtonCallback;
+  }): void;
+  validateRole(value?: AlternativButtonLinkRole): void;
+  validateShowDropdown(value?: boolean): void;
+  validateTabIndex(value?: number): void;
+  validateTooltipAlign(value?: Alignment): void;
+  validateType(value?: KoliBriButtonType): void;
+  validateValue(value?: Stringified<unknown>): void;
+  validateVariant(value?: KoliBriButtonVariant): void;
+  componentWillLoad(): void;
+}

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

@@ -0,0 +1,23 @@
+import { Generic } from '@a11y-ui/core';
+import { PropLabel } from '../../types/props';
+export type KoliBriSplitButtonCallback = (e: Event) => void;
+type RequiredProps = PropLabel;
+type OptionalProps = {
+  icon: string;
+  on?: {
+    onClick: KoliBriSplitButtonCallback;
+  };
+  showDropdown: boolean;
+};
+type RequiredStates = PropLabel & {
+  showDropdown: boolean;
+  on: {
+    onClick?: KoliBriSplitButtonCallback;
+  };
+};
+type OptionalStates = {
+  icon: string;
+};
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -20,7 +20,6 @@ type RequiredStates = {
 };
 type OptionalStates = {
   minWidth: string;
-} & {
   sortDirection: KoliBriSortDirection;
 };
 type States = Generic.Element.Members<RequiredStates, OptionalStates>;

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

@@ -4,7 +4,7 @@ import { KoliBriIconProp } from '../../types/icon';
 import { Generic } from '@a11y-ui/core';
 import { EventCallback, EventValueOrEventCallback } from '../../types/callbacks';
 import { Stringified } from '../../types/common';
-import { PropAlignment } from '../../types/props';
+import { Alignment } from '../../types/props';
 export type KoliBriTabsCallbacks = {
   onCreate?: EventCallback<Event> | {
     label: string;
@@ -20,7 +20,7 @@ type OptionalTabButtonProps = {
   disabled: boolean;
   icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
-  tooltipAlign: PropAlignment;
+  tooltipAlign: Alignment;
 };
 export type TabButtonProps = Generic.Element.Members<RequiredTabButtonProps, OptionalTabButtonProps>;
 type RequiredProps = {
@@ -29,12 +29,12 @@ type RequiredProps = {
 };
 type OptionalProps = {
   on: KoliBriTabsCallbacks;
-  tabsAlign: PropAlignment;
+  tabsAlign: Alignment;
   selected: number;
 };
 type RequiredStates = {
   ariaLabel: string;
-  tabsAlign: PropAlignment;
+  tabsAlign: Alignment;
   selected: number;
   tabs: TabButtonProps[];
 };
@@ -61,7 +61,7 @@ export declare class KolTabs implements Generic.Element.ComponentApi<RequiredPro
   _on?: KoliBriTabsCallbacks;
   _selected?: number;
   _tabs: Stringified<TabButtonProps[]>;
-  _tabsAlign?: PropAlignment;
+  _tabsAlign?: Alignment;
   state: States;
   private selectNextNotDisabledTab;
   private syncSelectedAndTabs;
@@ -69,7 +69,7 @@ export declare class KolTabs implements Generic.Element.ComponentApi<RequiredPro
   validateOn(value?: KoliBriTabsCallbacks): void;
   validateSelected(value?: number): void;
   validateTabs(value?: Stringified<TabButtonProps[]>): void;
-  validateTabsAlign(value?: PropAlignment): void;
+  validateTabsAlign(value?: Alignment): void;
   componentWillLoad(): void;
   private readonly handleTabPanels;
   componentDidRender(): void;

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

@@ -15,7 +15,7 @@ export declare class KolTextarea implements ComponentApi {
   _error?: string;
   _hideLabel?: boolean;
   _hint?: string;
-  _id: string;
+  _id?: string;
   _maxLength?: number;
   _name?: string;
   _on?: InputTypeOnDefault;

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

@@ -1,12 +1,12 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
-import { PropAlignment } from '../../types/props';
+import { Alignment } from '../../types/props';
 type RequiredProps = {
   id: string;
   label: string;
 };
 type OptionalProps = {
-  align: PropAlignment;
+  align: Alignment;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps & OptionalProps;
@@ -27,11 +27,11 @@ export declare class KolTooltip implements Generic.Element.ComponentApi<Required
   private catchTooltipElement;
   private catchArrowElement;
   render(): JSX.Element;
-  _align?: PropAlignment;
+  _align?: Alignment;
   _id: string;
   _label: string;
   state: States;
-  validateAlign(value?: PropAlignment): void;
+  validateAlign(value?: Alignment): void;
   validateId(value?: string): void;
   validateLabel(value?: string): void;
   private overFocusCount;