@public-ui/components 2.0.0-rc.10 → 2.0.0-rc.11

package/dist/kolibri/show-cc5fafc8.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{a as o}from"./prop.validators-3fb6bedf.js";const s=(s,a,r)=>{o(s,"_show",a,r)};export{s as v};

package/dist/kolibri/suggestions-50aff467.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as s}from"./prop.validators-3fb6bedf.js";import{a as o}from"./a11y.tipps-68791110.js";const e=(e,t)=>{s(e,"_suggestions",(s=>"string"==typeof s||"number"==typeof s),t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&o("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{e as v};

package/dist/kolibri/{tab-index-d2087b2a.js → tab-index-95df106a.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{a as t}from"./a11y.tipps-1e89ea61.js";import{e as a}from"./prop.validators-445950f8.js";const e={hooks:{afterPatch:a=>{-1!==a&&0!==a&&t("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},o=(t,o)=>{a(t,"_tabIndex",o,e)};export{o as v};
+import{a as t}from"./a11y.tipps-68791110.js";import{e as a}from"./prop.validators-3fb6bedf.js";const o={hooks:{afterPatch:a=>{-1!==a&&0!==a&&t("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},e=(t,e)=>{a(t,"_tabIndex",e,o)};export{e as v};

package/dist/kolibri/tooltip-align-36725992.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{v as o}from"./alignment-cb8fa342.js";const t=(t,a)=>{o(t,"_tooltipAlign",a)};export{t as v};

package/dist/kolibri/{validation-c79b130c.js → validation-5f69c40a.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{w as e}from"./prop.validators-445950f8.js";const r=[0,1,2,3,4,5,6],t=(t,o)=>{e(t,"_level",(e=>"number"==typeof e&&r.includes(e)),new Set([`Number {${r.join(", ")}`]),o,{defaultValue:1,required:!0})};export{t as w};
+import{w as e}from"./prop.validators-3fb6bedf.js";const r=[0,1,2,3,4,5,6],t=(t,o)=>{e(t,"_level",(e=>"number"==typeof e&&r.includes(e)),new Set([`Number {${r.join(", ")}`]),o,{defaultValue:1,required:!0})};export{t as w};

package/dist/kolibri/validation-7b943391.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as o}from"./a11y.tipps-68791110.js";import{c as t}from"./prop.validators-3fb6bedf.js";const s=(s,e,p)=>{t(e,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),p),o(s,e.state._links.length)};export{s as w};

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

@@ -15,6 +15,7 @@ import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolButton implements Props {
   private readonly host?;
   private readonly catchRef;
+  getValue(): Promise<Stringified<StencilUnknown> | undefined>;
   render(): JSX.Element;
   _accessKey?: AccessKeyPropType;
   _ariaControls?: string;

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

@@ -15,6 +15,7 @@ import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolButtonLink implements Props {
   private readonly host?;
   private readonly catchRef;
+  getValue(): Promise<Stringified<StencilUnknown> | undefined>;
   render(): JSX.Element;
   _accessKey?: AccessKeyPropType;
   _ariaControls?: string;

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

@@ -2,14 +2,17 @@ import { JSX } from '../../stencil-public-runtime';
 import { HeadingLevel } from '../../types/heading-level';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { API, States } from './types';
+import { HeadingVariantPropType } from '../../types/props/heading-variant';
 export declare class KolHeadingWc implements API {
   _label: LabelWithExpertSlotPropType;
   _level?: HeadingLevel;
   _secondaryHeadline?: string;
+  _variant?: HeadingVariantPropType;
   state: States;
   validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateLevel(value?: HeadingLevel): void;
   validateSecondaryHeadline(value?: string): void;
+  validateVariant(value?: HeadingVariantPropType): void;
   componentWillLoad(): void;
   private readonly renderHeadline;
   private readonly renderSecondaryHeadline;

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

@@ -2,9 +2,11 @@ import { JSX } from '../../stencil-public-runtime';
 import { HeadingLevel } from '../../types/heading-level';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { Props } from './types';
+import { HeadingVariantPropType } from '../../types/props/heading-variant';
 export declare class KolHeading implements Props {
   render(): JSX.Element;
   _label: LabelWithExpertSlotPropType;
   _level?: HeadingLevel;
   _secondaryHeadline?: string;
+  _variant?: HeadingVariantPropType;
 }

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

@@ -1,8 +1,9 @@
 import { Generic } from '@a11y-ui/core';
 import { HeadingLevel } from '../../types/heading-level';
 import { PropLabelWithExpertSlot } from '../../types/props/label';
+import { PropHeadingVariant } from '../../types/props/heading-variant';
 type RequiredProps = PropLabelWithExpertSlot;
-type OptionalProps = {
+type OptionalProps = PropHeadingVariant & {
   secondaryHeadline: string;
   level: HeadingLevel;
 };
@@ -10,7 +11,7 @@ export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps & {
   level: HeadingLevel;
 };
-type OptionalStates = {
+type OptionalStates = PropHeadingVariant & {
   secondaryHeadline: string;
 };
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;

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

@@ -13,7 +13,9 @@ import { StencilUnknown } from '../../types/unknown';
 import { API, InputCheckboxIconsProp, InputCheckboxVariant, States } from './types';
 export declare class KolInputCheckbox implements API {
   private readonly host?;
+  private ref?;
   private readonly catchRef;
+  getValue(): Promise<boolean | undefined>;
   render(): JSX.Element;
   private readonly controller;
   _accessKey?: string;

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

@@ -15,6 +15,7 @@ export declare class KolInputColor implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
+  getValue(): Promise<string | undefined>;
   render(): JSX.Element;
   private readonly controller;
   _accessKey?: string;

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

@@ -18,6 +18,7 @@ export declare class KolInputDate implements ComponentApi {
   private readonly host?;
   private ref?;
   private readonly catchRef;
+  getValue(): Promise<string | undefined>;
   private readonly onKeyUp;
   render(): JSX.Element;
   private readonly controller;

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

@@ -16,6 +16,7 @@ export declare class KolInputEmail implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
+  getValue(): Promise<string | undefined>;
   private readonly onKeyUp;
   render(): JSX.Element;
   private readonly controller;

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

@@ -14,6 +14,7 @@ export declare class KolInputFile implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
+  getValue(): Promise<FileList | null | undefined>;
   render(): JSX.Element;
   private readonly controller;
   _accept?: string;

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

@@ -16,6 +16,7 @@ export declare class KolInputNumber implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
+  getValue(): Promise<string | undefined>;
   private readonly onKeyUp;
   render(): JSX.Element;
   private readonly controller;

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

@@ -14,6 +14,7 @@ export declare class KolInputPassword implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
+  getValue(): Promise<string | undefined>;
   private readonly onKeyUp;
   render(): JSX.Element;
   private readonly controller;

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

@@ -14,7 +14,9 @@ import { W3CInputValue } from '../../types/w3c';
 import { API, States } from './types';
 export declare class KolInputRadio implements API {
   private readonly host?;
+  private currentValue?;
   private readonly catchRef;
+  getValue(): Promise<W3CInputValue | undefined>;
   render(): JSX.Element;
   private readonly controller;
   _accessKey?: string;

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

@@ -14,6 +14,8 @@ export declare class KolInputRange implements API {
   private readonly host?;
   private ref?;
   private readonly catchInputNumberRef;
+  private getSanitizedFloatValue;
+  getValue(): Promise<number | undefined>;
   private readonly onChange;
   private readonly onKeyUp;
   render(): JSX.Element;

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

@@ -20,6 +20,7 @@ export declare class KolInputText implements API {
   private readonly catchRef;
   private readonly onKeyUp;
   private readonly onChange;
+  getValue(): Promise<string | undefined>;
   render(): JSX.Element;
   private readonly controller;
   _accessKey?: string;

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

@@ -0,0 +1,5 @@
+type LocationChangeCallback = (location: string) => void;
+export type UnsubscribeFunction = () => void;
+export declare const setCurrentLocation: (location: string) => void;
+export declare const onLocationChange: (callback: LocationChangeCallback, eager?: boolean) => UnsubscribeFunction;
+export {};

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

@@ -2,7 +2,6 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriIconsProp } from '../../types/icons';
 import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
-import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { DownloadPropType } from '../../types/props/download';
 import { HrefPropType } from '../../types/props/href';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
@@ -12,20 +11,22 @@ import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { States as LinkStates } from '../link/types';
 import { API } from './types';
 import { AccessKeyPropType } from '../../types/props/access-key';
+import { AriaCurrentValuePropType } from '../../types/props/aria-current-value';
 export declare class KolLinkWc implements API {
   private readonly host?;
   private ref?;
+  private unsubscribeOnLocationChange?;
   private readonly catchRef;
   private readonly onClick;
   private readonly getRenderValues;
   render(): JSX.Element;
   _accessKey?: AccessKeyPropType;
+  _ariaCurrentValue?: AriaCurrentValuePropType;
   _download?: DownloadPropType;
   _hideLabel?: boolean;
   _href: HrefPropType;
   _icons?: Stringified<KoliBriIconsProp>;
   _label?: LabelWithExpertSlotPropType;
-  _listenAriaCurrent?: AriaCurrentPropType;
   _on?: LinkOnCallbacksPropType;
   _role?: AlternativeButtonLinkRolePropType;
   _tabIndex?: number;
@@ -34,13 +35,12 @@ export declare class KolLinkWc implements API {
   _tooltipAlign?: TooltipAlignPropType;
   state: LinkStates;
   validateAccessKey(value?: AccessKeyPropType): void;
-  private validateAriaCurrent;
+  validateAriaCurrentValue(value?: AriaCurrentValuePropType): void;
   validateDownload(value?: DownloadPropType): void;
   validateHideLabel(value?: boolean): void;
   validateHref(value?: string): void;
   validateIcons(value?: KoliBriIconsProp): void;
   validateLabel(value?: LabelWithExpertSlotPropType): void;
-  validateListenAriaCurrent(value?: AriaCurrentPropType): void;
   validateOn(value?: LinkOnCallbacksPropType): void;
   validateRole(value?: AlternativeButtonLinkRolePropType): void;
   validateTabIndex(value?: number): void;
@@ -48,6 +48,5 @@ export declare class KolLinkWc implements API {
   validateTargetDescription(value?: string): void;
   validateTooltipAlign(value?: TooltipAlignPropType): void;
   componentWillLoad(): void;
-  private unsubscribeAriaCurrentSubject;
   disconnectedCallback(): void;
 }

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

@@ -2,7 +2,6 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriIconsProp } from '../../types/icons';
 import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
-import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { DownloadPropType } from '../../types/props/download';
 import { HrefPropType } from '../../types/props/href';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
@@ -11,17 +10,18 @@ import { LinkTargetPropType } from '../../types/props/link-target';
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { LinkProps } from './types';
 import { AccessKeyPropType } from '../../types/props/access-key';
+import { AriaCurrentValuePropType } from '../../types/props/aria-current-value';
 export declare class KolLink implements LinkProps {
   private readonly host?;
   private readonly catchRef;
   render(): JSX.Element;
   _accessKey?: AccessKeyPropType;
+  _ariaCurrentValue?: AriaCurrentValuePropType;
   _download?: DownloadPropType;
   _hideLabel?: boolean;
   _href: HrefPropType;
   _icons?: Stringified<KoliBriIconsProp>;
   _label?: LabelWithExpertSlotPropType;
-  _listenAriaCurrent?: AriaCurrentPropType;
   _on?: LinkOnCallbacksPropType;
   _role?: AlternativeButtonLinkRolePropType;
   _tabIndex?: number;

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

@@ -1,6 +1,6 @@
 import { Generic } from '@a11y-ui/core';
 import { PropAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';
-import { PropAriaCurrent, PropListenAriaCurrent } from '../../types/props/aria-current';
+import { PropAriaCurrentValue } from '../../types/props/aria-current-value';
 import { PropDownload } from '../../types/props/download';
 import { PropHref } from '../../types/props/href';
 import { PropIcons } from '../../types/props/icons';
@@ -14,10 +14,12 @@ export type RequiredProps = PropHref;
 export type OptionalProps = {
   targetDescription: string;
   tabIndex: number;
-} & PropAccessKey & PropAlternativeButtonLinkRole & PropDownload & PropHideLabel & PropIcons & PropLabelWithExpertSlot & PropLinkOnCallbacks & PropLinkTarget & PropListenAriaCurrent & PropTooltipAlign;
+} & PropAccessKey & PropAriaCurrentValue & PropAlternativeButtonLinkRole & PropDownload & PropHideLabel & PropIcons & PropLabelWithExpertSlot & PropLinkOnCallbacks & PropLinkTarget & PropTooltipAlign;
 export type LinkProps = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = PropIcons & PropHref;
-type OptionalStates = PropAriaCurrent & Omit<RequiredProps & OptionalProps, keyof RequiredStates> & PropLabelWithExpertSlot;
+type RequiredStates = PropAriaCurrentValue & PropIcons & PropHref;
+type OptionalStates = {
+  ariaCurrent: string;
+} & Omit<RequiredProps & OptionalProps, keyof RequiredStates>;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,6 +1,5 @@
 import { JSX } from '../../stencil-public-runtime';
 import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
-import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { ButtonVariantPropType } from '../../types/props/button-variant';
 import { CustomClassPropType } from '../../types/props/custom-class';
 import { DownloadPropType } from '../../types/props/download';
@@ -12,18 +11,19 @@ import { LinkTargetPropType } from '../../types/props/link-target';
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { Props } from './types';
 import { AccessKeyPropType } from '../../types/props/access-key';
+import { AriaCurrentValuePropType } from '../../types/props/aria-current-value';
 export declare class KolLinkButton implements Props {
   private readonly host?;
   private readonly catchRef;
   render(): JSX.Element;
   _accessKey?: AccessKeyPropType;
+  _ariaCurrentValue?: AriaCurrentValuePropType;
   _customClass?: CustomClassPropType;
   _download?: DownloadPropType;
   _hideLabel?: boolean;
   _href: HrefPropType;
   _icons?: IconsPropType;
   _label: LabelWithExpertSlotPropType;
-  _listenAriaCurrent?: AriaCurrentPropType;
   _on?: LinkOnCallbacksPropType;
   _role?: AlternativeButtonLinkRolePropType;
   _tabIndex?: number;

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

@@ -2,7 +2,6 @@ import { JSX } from '../../stencil-public-runtime';
 import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
 import { Stringified } from '../../types/common';
 import { Orientation } from '../../types/orientation';
-import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { CollapsiblePropType } from '../../types/props/collapsible';
 import { HideLabelPropType } from '../../types/props/hide-label';
 import { LabelPropType } from '../../types/props/label';
@@ -15,7 +14,6 @@ export declare class KolNav implements API {
   private li;
   private linkList;
   render(): JSX.Element;
-  _ariaCurrentValue: AriaCurrentPropType;
   _collapsible?: boolean;
   _hasCompactButton?: boolean;
   _hideLabel?: boolean;
@@ -23,7 +21,6 @@ export declare class KolNav implements API {
   _links: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
   _orientation?: Orientation;
   state: States;
-  validateAriaCurrentValue(value?: AriaCurrentPropType): void;
   validateCollapsible(value?: CollapsiblePropType): void;
   validateHasCompactButton(value?: boolean): void;
   validateHideLabel(value?: HideLabelPropType): void;

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

@@ -2,7 +2,6 @@ import { Generic } from '@a11y-ui/core';
 import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
 import { Stringified } from '../../types/common';
 import { Orientation } from '../../types/orientation';
-import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { PropCollapsible } from '../../types/props/collapsible';
 import { PropHasCompactButton } from '../../types/props/has-compact-button';
 import { PropHideLabel } from '../../types/props/hide-label';
@@ -11,11 +10,9 @@ type RequiredProps = {
   links: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
 } & PropLabel;
 type OptionalProps = {
-  ariaCurrentValue: AriaCurrentPropType;
   orientation: Orientation;
 } & PropCollapsible & PropHasCompactButton & PropHideLabel;
 type RequiredStates = {
-  ariaCurrentValue: AriaCurrentPropType;
   links: ButtonOrLinkOrTextWithChildrenProps[];
   orientation: Orientation;
 } & PropCollapsible & PropHasCompactButton & PropLabel & PropHideLabel;

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

@@ -16,6 +16,7 @@ export declare class KolSelect implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
+  getValue(): Promise<Stringified<W3CInputValue[]> | undefined>;
   private renderOptgroup;
   render(): JSX.Element;
   private readonly controller;

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

@@ -6,12 +6,14 @@ export declare class KolTable implements API {
   private horizontal;
   private sortFunction?;
   private sortDirections;
+  private sortData;
   private showPagination;
   private pageStartSlice;
   private pageEndSlice;
   private disableSort;
   private sortedColumnHead;
   private ariaLive;
+  _allowMultiSort?: boolean;
   _data: Stringified<KoliBriTableDataType[]>;
   _dataFoot?: Stringified<KoliBriTableDataType[]>;
   _headers: Stringified<KoliBriTableHeaders>;
@@ -19,9 +21,11 @@ export declare class KolTable implements API {
   _minWidth?: string;
   _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
   state: States;
+  validateAllowMultiSort(value?: boolean): void;
   validateData(value?: Stringified<KoliBriTableDataType[]>): void;
   validateDataFoot(value?: Stringified<KoliBriTableDataType[]>): void;
   private setSortDirection;
+  private changeCellSort;
   validateHeaders(value?: Stringified<KoliBriTableHeaders>): void;
   validateLabel(value?: LabelPropType): void;
   validateMinWidth(value?: string): void;

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

@@ -11,6 +11,7 @@ export type KoliBriTableRender = <T>(domNode: HTMLElement, cell: KoliBriTableCel
 type KoliBriTableSort = <T>(data: T[]) => T[];
 export type KoliBriSortDirection = 'ASC' | 'DESC' | 'NOS';
 export type KoliBriSortFunction = (data: KoliBriTableDataType[]) => KoliBriTableDataType[];
+export type KoliBriDataCompareFn = (a: KoliBriTableDataType, b: KoliBriTableDataType) => number;
 export type KoliBriTableDataType = Record<string, unknown>;
 type KoliBriTableCellTextAlign = 'center' | 'left' | 'right' | 'justify';
 export type KoliBriTableCell = {
@@ -26,6 +27,7 @@ export type KoliBriTableCell = {
 export type KoliBriTableHeaderCell = {
   asTd?: boolean;
   key?: string;
+  compareFn?: KoliBriDataCompareFn;
   sort?: KoliBriTableSort;
   sortDirection?: KoliBriSortDirection;
   textAlign?: KoliBriTableCellTextAlign;
@@ -49,11 +51,13 @@ type RequiredProps = {
   headers: Stringified<KoliBriTableHeaders>;
 } & PropLabel;
 type OptionalProps = {
+  allowMultiSort: boolean;
   dataFoot: Stringified<KoliBriTableDataType[]>;
   minWidth: string;
   pagination: boolean | Stringified<KoliBriTablePaginationProps>;
 };
 type RequiredStates = {
+  allowMultiSort: boolean;
   data: KoliBriTableDataType[];
   dataFoot: KoliBriTableDataType[];
   headers: KoliBriTableHeaders;

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

@@ -14,6 +14,7 @@ export declare class KolTextarea implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
+  getValue(): Promise<string | undefined>;
   render(): JSX.Element;
   private readonly controller;
   _accessKey?: string;