@public-ui/components 1.1.10-rc.12 → 1.1.10-rc.14

package/{www/build/validation-e4911c61.js → dist/kolibri/validation-140faa0f.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-import{a as e}from"./prop.validators-359f6f9d.js";const r=(r,a)=>{e(r,"_level",(e=>"number"==typeof e&&1<=e&&e<=6),new Set(["Number {1, 2, 3, 4, 5, 6}"]),a,{defaultValue:1,required:!0})};export{r as w};
+import{a as e}from"./prop.validators-b13955e2.js";const r=(r,a)=>{e(r,"_level",(e=>"number"==typeof e&&1<=e&&e<=6),new Set(["Number {1, 2, 3, 4, 5, 6}"]),a,{defaultValue:1,required:!0})};export{r as w};

package/dist/kolibri/{validation-7c1d0c98.js → validation-2b971137.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-import{u as o}from"./a11y.tipps-bec0e549.js";import{c as s}from"./prop.validators-359f6f9d.js";const t=(t,e,p)=>{s(e,"_links",(t=>"object"==typeof t&&"string"==typeof t._label),p),o(t,e.state._links.length)};export{t as w};
+import{u as o}from"./a11y.tipps-bec0e549.js";import{c as s}from"./prop.validators-b13955e2.js";const t=(t,e,p)=>{s(e,"_links",(t=>"object"==typeof t&&"string"==typeof t._label),p),o(t,e.state._links.length)};export{t as w};

package/dist/kolibri/validator-05e130c7.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - the accessible web component library
+ */
+const t=e=>"object"==typeof e&&null!==e,e=(e,t=0)=>"string"==typeof e&&e.length>=t,n=t=>{if("object"!=typeof t||null===t)return e(t,1);for(const n in t)if(!1===e(n,1))return!1;return!0},o=new Event("StateChange");export{o as S,n as a,t as b,e as i};

package/dist/types/components/@deprecated/input/controller.d.ts

@@ -1,11 +1,11 @@
 import { Generic } from '@public-ui/core';
 import { ButtonProps } from '../../../types/button-link';
+import { Stringified } from '../../../types/common';
 import { InputTypeOnDefault } from '../../../types/input/types';
 import { ControlledInputController } from '../../input-adapter-leanup/controller';
+import { Props as AdapterProps } from '../../input-adapter-leanup/types';
 import { KoliBriInputIcon } from '../../input-text/types';
 import { Props, Watches } from './types';
-import { Props as AdapterProps } from '../../input-adapter-leanup/types';
-import { Stringified } from '../../../types/common';
 export declare class InputController extends ControlledInputController implements Watches {
   protected readonly component: Generic.Element.Component & Props & AdapterProps;
   hideLabel: boolean;

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

@@ -1,7 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@public-ui/core';
-import { Alignment } from '../../types/icon';
-import { Icofont } from '../../types/icofont';
+import { Alignment, KoliBriIconProp } from '../../types/icon';
+import { Stringified } from '../../types/common';
 export declare type KoliBriColor = {
   backgroundColor: string;
   color: string;
@@ -11,37 +11,27 @@ declare type RequiredProps = {
 };
 declare type OptionalProps = {
   color: string | KoliBriColor;
-  icon: Icofont;
-  iconAlign: Alignment;
+  icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
 };
 export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 declare type RequiredStates = {
   color: string | KoliBriColor;
-  label: string;
-};
-declare type OptionalStates = {
-  icon: Icofont;
-  iconAlign: Alignment;
-  iconOnly: boolean;
 };
+declare type OptionalStates = unknown;
 declare type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolBadge implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+export declare class KolBadge implements Props {
   private bgColorStr;
   private colorStr;
   render(): JSX.Element;
   _color?: string | KoliBriColor;
-  _icon?: Icofont;
+  _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Alignment;
   _iconOnly?: boolean;
   _label: string;
   state: States;
   private handleColorChange;
   validateColor(value?: string | KoliBriColor): void;
-  validateIcon(value?: Icofont): void;
-  validateIconAlign(value?: Alignment): void;
-  validateIconOnly(value?: boolean): void;
-  validateLabel(value?: string): void;
   componentWillLoad(): void;
 }
 export {};

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

@@ -1,6 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@public-ui/core';
 import { AriaCurrent, ButtonStates, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, OptionalButtonProps, OptionalButtonStates, RequiredButtonProps, RequiredButtonStates } from '../../types/button-link';
+import { Stringified } from '../../types/common';
 import { Alignment, KoliBriIconProp } from '../../types/icon';
 import { TooltipAlignment } from '../tooltip/component';
 export declare class KolButtonWc implements Generic.Element.ComponentApi<RequiredButtonProps, OptionalButtonProps, RequiredButtonStates, OptionalButtonStates> {
@@ -20,12 +21,13 @@ export declare class KolButtonWc implements Generic.Element.ComponentApi<Require
   _ariaLabel?: string;
   _customClass?: string;
   _disabled?: boolean;
-  _icon?: KoliBriIconProp;
+  _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Alignment;
   _iconOnly?: boolean;
   _id?: string;
   _label: string;
   _on?: KoliBriButtonCallbacks;
+  _tabIndex?: number;
   _tooltipAlign?: TooltipAlignment;
   _type?: KoliBriButtonType;
   _variant?: KoliBriButtonVariant;
@@ -43,6 +45,7 @@ export declare class KolButtonWc implements Generic.Element.ComponentApi<Require
   validateId(value?: string): void;
   validateLabel(value?: string): void;
   validateOn(value?: KoliBriButtonCallbacks): void;
+  validateTabIndex(value?: number): void;
   validateTooltipAlign(value?: TooltipAlignment): void;
   validateType(value?: KoliBriButtonType): void;
   validateVariant(value?: KoliBriButtonVariant): void;

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

@@ -1,5 +1,4 @@
 import { Generic } from '@public-ui/core';
 import { KoliBriButtonType, KoliBriButtonVariant } from '../../types/button-link';
-export declare const syncAriaLabelBeforePatch: Generic.Element.NextStateHooksCallback;
 export declare const watchButtonType: (component: Generic.Element.Component, propName: string, value?: KoliBriButtonType) => void;
 export declare const watchButtonVariant: (component: Generic.Element.Component, propName: string, value?: KoliBriButtonVariant) => void;

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

@@ -3,6 +3,7 @@ import { Generic } from '@public-ui/core';
 import { AriaCurrent, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, OptionalButtonProps, RequiredButtonProps } from '../../types/button-link';
 import { Alignment, KoliBriIconProp } from '../../types/icon';
 import { TooltipAlignment } from '../tooltip/component';
+import { Stringified } from '../../types/common';
 export declare class KolButton implements Generic.Element.Members<RequiredButtonProps, OptionalButtonProps> {
   forwardedRef?: HTMLKolButtonWcElement;
   ref?: HTMLKolButtonWcElement;
@@ -16,12 +17,13 @@ export declare class KolButton implements Generic.Element.Members<RequiredButton
   _ariaLabel?: string;
   _customClass?: string;
   _disabled?: boolean;
-  _icon?: KoliBriIconProp;
+  _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Alignment;
   _iconOnly?: boolean;
   _id?: string;
   _label: string;
   _on?: KoliBriButtonCallbacks;
+  _tabIndex?: number;
   _tooltipAlign?: TooltipAlignment;
   _type?: KoliBriButtonType;
   _variant?: KoliBriButtonVariant;

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

@@ -1,6 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@public-ui/core';
 import { AriaCurrent, ButtonStates, KoliBriButtonCallbacks, KoliBriButtonType, OptionalButtonLinkProps, OptionalButtonLinkStates, RequiredButtonLinkProps, RequiredButtonLinkStates } from '../../types/button-link';
+import { Stringified } from '../../types/common';
 import { Alignment, KoliBriIconProp } from '../../types/icon';
 import { TooltipAlignment } from '../tooltip/component';
 export declare class KolButtonLink implements Generic.Element.ComponentApi<RequiredButtonLinkProps, OptionalButtonLinkProps, RequiredButtonLinkStates, OptionalButtonLinkStates> {
@@ -18,12 +19,13 @@ export declare class KolButtonLink implements Generic.Element.ComponentApi<Requi
   _ariaExpanded?: boolean;
   _ariaLabel?: string;
   _disabled?: boolean;
-  _icon?: KoliBriIconProp;
+  _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Alignment;
   _iconOnly?: boolean;
   _id?: string;
   _label: string;
   _on?: KoliBriButtonCallbacks;
+  _tabIndex?: number;
   _tooltipAlign?: TooltipAlignment;
   _type?: KoliBriButtonType;
   state: ButtonStates;
@@ -39,6 +41,7 @@ export declare class KolButtonLink implements Generic.Element.ComponentApi<Requi
   validateId(value?: string): void;
   validateLabel(value?: string): void;
   validateOn(value?: KoliBriButtonCallbacks): void;
+  validateTabIndex(value?: number): void;
   validateTooltipAlign(value?: TooltipAlignment): void;
   validateType(value?: KoliBriButtonType): void;
   componentWillLoad(): void;

package/dist/types/components/component-list.d.ts

@@ -1,5 +1,4 @@
 import { KolButtonGroup } from './button-group/component';
-import { KolButton } from './button/shadow';
 import { KolHeading } from './heading/shadow';
 import { KolIconFontAwesome } from './icon-font-awesome/component';
 import { KolIconIcofont } from './icon-icofont/component';
@@ -7,4 +6,5 @@ import { KolInputAdapterLeanup } from './input-adapter-leanup/component';
 import { KolInputRadioGroup } from './input-radio-group/component';
 import { KolInput } from './input/component';
 import { KolLink } from './link/shadow';
-export declare const COMPONENTS: (typeof KolButtonGroup | typeof KolButton | typeof KolHeading | typeof KolIconFontAwesome | typeof KolIconIcofont | typeof KolInputAdapterLeanup | typeof KolInputRadioGroup | typeof KolInput | typeof KolLink)[];
+import { KolSpan } from './span/shadow';
+export declare const COMPONENTS: (typeof KolButtonGroup | typeof KolHeading | typeof KolIconFontAwesome | typeof KolIconIcofont | typeof KolInputAdapterLeanup | typeof KolInputRadioGroup | typeof KolInput | typeof KolLink | typeof KolSpan)[];

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

@@ -3,6 +3,7 @@ import { Generic } from '@public-ui/core';
 import { AriaCurrent, LinkOnCallbacks, LinkStates, LinkTarget, LinkUseCase, OptionalLinkProps, OptionalLinkStates, RequiredLinkProps, RequiredLinkStates } from '../../types/button-link';
 import { Alignment, KoliBriIconProp } from '../../types/icon';
 import { TooltipAlignment } from '../tooltip/component';
+import { Stringified } from '../../types/common';
 declare type RequiredNavLinkProps = RequiredLinkProps & unknown;
 declare type OptionalNavLinkProps = OptionalLinkProps & {
   active: boolean;
@@ -21,13 +22,14 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   _disabled?: boolean;
   _fill?: boolean;
   _href?: string;
-  _icon?: KoliBriIconProp;
+  _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Alignment;
   _iconOnly?: boolean;
   _on?: LinkOnCallbacks;
   _part?: string;
   _selector?: string;
   _stealth?: boolean;
+  _tabIndex?: number;
   _target?: LinkTarget;
   _targetDescription?: string;
   _tooltipAlign?: TooltipAlignment;
@@ -47,6 +49,7 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   validateIconOnly(value?: boolean): void;
   validateSelector(value?: string): void;
   validateStealth(value?: boolean): void;
+  validateTabIndex(value?: number): void;
   validateTarget(value?: LinkTarget): void;
   validateTargetDescription(value?: string): void;
   validateUnderline(value?: boolean): void;

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

@@ -3,6 +3,7 @@ import { Alignment, KoliBriIconProp } from '../../types/icon';
 import { Generic } from '@public-ui/core';
 import { AriaCurrent, LinkOnCallbacks, LinkTarget, LinkUseCase, OptionalLinkProps, RequiredLinkProps } from '../../types/button-link';
 import { TooltipAlignment } from '../tooltip/component';
+import { Stringified } from '../../types/common';
 export declare class KolLink implements Generic.Element.Members<RequiredLinkProps, OptionalLinkProps> {
   render(): JSX.Element;
   _ariaControls?: string;
@@ -13,13 +14,14 @@ export declare class KolLink implements Generic.Element.Members<RequiredLinkProp
   _disabled?: boolean;
   _fill?: boolean;
   _href?: string;
-  _icon?: KoliBriIconProp;
+  _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Alignment;
   _iconOnly?: boolean;
   _on?: LinkOnCallbacks;
   _part?: string;
   _selector?: string;
   _stealth?: boolean;
+  _tabIndex?: number;
   _target?: LinkTarget;
   _targetDescription?: string;
   _tooltipAlign?: TooltipAlignment;

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

@@ -1,6 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@public-ui/core';
 import { AriaCurrent, KoliBriButtonVariant, LinkButtonStates, LinkOnCallbacks, LinkTarget, LinkUseCase, OptionalLinkButtonProps, OptionalLinkButtonStates, RequiredLinkButtonProps, RequiredLinkButtonStates } from '../../types/button-link';
+import { Stringified } from '../../types/common';
 import { Alignment, KoliBriIconProp } from '../../types/icon';
 import { TooltipAlignment } from '../tooltip/component';
 export declare class KolLinkButton implements Generic.Element.ComponentApi<RequiredLinkButtonProps, OptionalLinkButtonProps, RequiredLinkButtonStates, OptionalLinkButtonStates> {
@@ -16,13 +17,15 @@ export declare class KolLinkButton implements Generic.Element.ComponentApi<Requi
   _disabled?: boolean;
   _fill?: boolean;
   _href?: string;
-  _icon?: KoliBriIconProp;
+  _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Alignment;
   _iconOnly?: boolean;
+  _label: string;
   _on?: LinkOnCallbacks;
   _part?: string;
   _selector?: string;
   _stealth?: boolean;
+  _tabIndex?: number;
   _target?: LinkTarget;
   _targetDescription?: string;
   _tooltipAlign?: TooltipAlignment;
@@ -42,8 +45,10 @@ export declare class KolLinkButton implements Generic.Element.ComponentApi<Requi
   validateIcon(value?: KoliBriIconProp): void;
   validateIconAlign(value?: Alignment): void;
   validateIconOnly(value?: boolean): void;
+  validateLabel(value?: string): void;
   validateSelector(value?: string): void;
   validateStealth(value?: boolean): void;
+  validateTabIndex(value?: number): void;
   validateTarget(value?: LinkTarget): void;
   validateTargetDescription(value?: string): void;
   validateUnderline(value?: boolean): void;

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

@@ -1,39 +1,36 @@
 import { Generic } from '@public-ui/core';
 import { JSX } from '../../stencil-public-runtime';
+import { Stringified } from '../../types/common';
 import { KoliBriCustomIcon, KoliBriIconProp } from '../../types/icon';
-import { TooltipAlignment } from '../tooltip/component';
-declare type RequiredProps = unknown;
-declare type OptionalProps = {
-  icon: KoliBriIconProp;
+declare type RequiredProps = {
   label: string;
-  tooltipAlign: TooltipAlignment;
-  tooltipId: string;
 };
-declare type RequiredStates = RequiredProps & {
+declare type OptionalProps = {
+  icon: Stringified<KoliBriIconProp>;
+  iconOnly: boolean;
+};
+export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+declare type RequiredStates = {
   icon: {
     top?: KoliBriCustomIcon;
     right?: KoliBriCustomIcon;
     bottom?: KoliBriCustomIcon;
     left?: KoliBriCustomIcon;
   };
+  iconOnly: boolean;
   label: string;
 };
-declare type OptionalStates = {
-  tooltipAlign: TooltipAlignment;
-  tooltipId: string;
-};
+declare type OptionalStates = unknown;
 declare type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolSpan implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+export declare class KolSpanWc implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
   render(): JSX.Element;
-  _icon?: KoliBriIconProp;
-  _label?: string;
-  _tooltipAlign?: TooltipAlignment;
-  _tooltipId?: string;
+  _icon?: Stringified<KoliBriIconProp>;
+  _iconOnly?: boolean;
+  _label: string;
   state: States;
   validateIcon(value?: KoliBriIconProp): void;
+  validateIconOnly(value?: boolean): void;
   validateLabel(value?: string): void;
-  validateTooltipAlign(value?: TooltipAlignment): void;
-  validateTooltipId(value?: string): void;
   componentWillLoad(): void;
 }
 export {};

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

@@ -0,0 +1,10 @@
+import { JSX } from '../../stencil-public-runtime';
+import { Stringified } from '../../types/common';
+import { KoliBriIconProp } from '../../types/icon';
+import { Props } from './component';
+export declare class KolSpan implements Props {
+  render(): JSX.Element;
+  _icon?: Stringified<KoliBriIconProp>;
+  _iconOnly?: boolean;
+  _label: string;
+}

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

@@ -0,0 +1,8 @@
+import { Props } from '../component';
+declare type Slots = {
+  ''?: string;
+  expert?: string;
+} & Record<string, undefined | string>;
+export declare const getSpanWcHtml: (props: Props, slots?: Slots, additionalAttrs?: string, hiddenSlot?: boolean) => string;
+export declare const getSpanHtml: (props: Props) => string;
+export {};

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

@@ -1,9 +1,8 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Events } from '../../enums/events';
-import { Alignment } from '../../types/icon';
+import { KoliBriIconProp } from '../../types/icon';
 import { Generic } from '@public-ui/core';
 import { EventCallback, EventValueCallback } from '../../types/callbacks';
-import { Icofont } from '../../types/icofont';
 import { Stringified } from '../../types/common';
 export declare type KoliBriTabsCallbacks = {
   onCreate?: EventCallback<Event> | {
@@ -11,15 +10,14 @@ export declare type KoliBriTabsCallbacks = {
     callback: EventCallback<Event>;
   };
 } & {
-  [Events.onSelect]?: EventValueCallback<Event, number>;
+  [Events.onSelect]?: EventValueCallback<CustomEvent | KeyboardEvent | PointerEvent, number>;
 };
 declare type RequiredTabButtonProps = {
   label: string;
 };
 declare type OptionalTabButtonProps = {
   disabled: boolean;
-  icon: Icofont;
-  iconAlign: Alignment;
+  icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
   on: KoliBriTabsCallbacks;
 };