@public-ui/components 1.1.10-rc.1 → 1.1.10-rc.11

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

@@ -0,0 +1,40 @@
+import { JSX } from '../../stencil-public-runtime';
+import { ButtonProps } from '../../types/button-link';
+import { Stringified } from '../../types/common';
+import { InputDateType } from '../../types/input/control/number';
+import { Iso8601 } from '../../types/input/iso8601';
+import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { KoliBriInputIcon } from '../input-text/types';
+import { ComponentApi, States } from './types';
+export declare class KolInputDate implements ComponentApi {
+  render(): JSX.Element;
+  _accessKey?: string;
+  _alert?: boolean;
+  _autoComplete?: InputTypeOnOff;
+  _disabled?: boolean;
+  _error?: string;
+  _hideLabel?: boolean;
+  _hint?: string;
+  _icon?: Stringified<KoliBriInputIcon>;
+  _id: string;
+  _list?: Stringified<string[]>;
+  _max?: Iso8601 | Date;
+  _min?: Iso8601 | Date;
+  _name?: string;
+  _on?: InputTypeOnDefault;
+  _readOnly?: boolean;
+  _required?: boolean;
+  _smartButton?: ButtonProps;
+  _step?: number;
+  _tabIndex?: number;
+  _touched?: boolean;
+  _type: InputDateType;
+  _value?: Iso8601 | Date;
+  state: States;
+  private readonly isoDateRegex;
+  private valueAsIsoDate;
+  validateMax(value?: Iso8601 | Date): void;
+  validateMin(value?: Iso8601 | Date): void;
+  validateValue(value?: Iso8601 | Date): void;
+  componentWillLoad(): void;
+}

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

@@ -0,0 +1,17 @@
+import { Generic } from '@public-ui/core';
+import { InputDateType, OptionalInputProps } from '../../types/input/control/number';
+import { Iso8601 } from '../../types/input/iso8601';
+import { InputRequiredProps } from '../input-text/types';
+declare type RequiredProps = InputRequiredProps;
+declare type OptionalProps = OptionalInputProps<Iso8601 | Date> & {
+  type: InputDateType;
+};
+declare type RequiredStates = unknown;
+declare type OptionalStates = {
+  max: Iso8601;
+  min: Iso8601;
+  value: Iso8601;
+};
+export declare type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export declare type ComponentApi = Generic.Element.Members<RequiredProps, OptionalProps>;
+export {};

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

@@ -2,6 +2,7 @@ import { JSX } from '../../stencil-public-runtime';
 import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { InputNumberType } from '../../types/input/control/number';
+import { Iso8601 } from '../../types/input/iso8601';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
 import { KoliBriInputIcon } from '../input-text/types';
 import { ComponentApi, States } from './types';
@@ -23,8 +24,8 @@ export declare class KolInputNumber implements ComponentApi {
   _icon?: Stringified<KoliBriInputIcon>;
   _id: string;
   _list?: Stringified<string[]>;
-  _max?: number;
-  _min?: number;
+  _max?: number | Iso8601;
+  _min?: number | Iso8601;
   _name?: string;
   _on?: InputTypeOnDefault;
   _placeholder?: string;
@@ -35,7 +36,7 @@ export declare class KolInputNumber implements ComponentApi {
   _tabIndex?: number;
   _touched?: boolean;
   _type?: InputNumberType;
-  _value?: string;
+  _value?: number | Iso8601;
   state: States;
   constructor();
   validateAccessKey(value?: string): void;
@@ -48,8 +49,8 @@ export declare class KolInputNumber implements ComponentApi {
   validateIcon(value?: Stringified<KoliBriInputIcon>): void;
   validateId(value?: string): void;
   validateList(value?: Stringified<string[]>): void;
-  validateMax(value?: number): void;
-  validateMin(value?: number): void;
+  validateMax(value?: number | Iso8601): void;
+  validateMin(value?: number | Iso8601): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
   validatePlaceholder(value?: string): void;
@@ -60,6 +61,6 @@ export declare class KolInputNumber implements ComponentApi {
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateType(value?: InputNumberType): void;
-  validateValue(value?: string): void;
+  validateValue(value?: number | Iso8601): void;
   componentWillLoad(): void;
 }

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

@@ -1,21 +1,24 @@
 import { Generic } from '@public-ui/core';
 import { Stringified } from '../../types/common';
 import { InputNumberType } from '../../types/input/control/number';
+import { Iso8601 } from '../../types/input/iso8601';
 import { InputTypeOnOff } from '../../types/input/types';
 import { InputController } from '../@deprecated/input/controller';
 import { Props, Watches } from './types';
 export declare class InputNumberController extends InputController implements Watches {
+  private readonly numberOrIsoDateRegex;
   protected readonly component: Generic.Element.Component & Props;
   constructor(component: Generic.Element.Component & Props, name: string);
   validateAutoComplete(value?: InputTypeOnOff): void;
   validateList(value?: Stringified<string[]>): void;
-  validateMax(value?: number): void;
-  validateMin(value?: number): void;
+  private parseToString;
+  validateMax(value?: number | Date | string): void;
+  validateMin(value?: number | Date | string): void;
   validatePlaceholder(value?: string): void;
   validateReadOnly(value?: boolean): void;
   validateRequired(value?: boolean): void;
   validateStep(value?: number): void;
   validateType(value?: InputNumberType): void;
-  validateValue(value?: string | null): void;
+  validateValue(value?: number | Iso8601 | null): void;
   componentWillLoad(): void;
 }

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

@@ -1,35 +1,14 @@
 import { Generic } from '@public-ui/core';
 import { ButtonProps } from '../../types/button-link';
-import { Stringified } from '../../types/common';
-import { InputNumberType } from '../../types/input/control/number';
+import { InputNumberType, OptionalInputProps } from '../../types/input/control/number';
+import { Iso8601 } from '../../types/input/iso8601';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
 import { InputRequiredProps, KoliBriInputIcon } from '../input-text/types';
 declare type RequiredProps = InputRequiredProps;
-declare type OptionalProps = {
-  accessKey: string;
-  alert: boolean;
-  autoComplete: InputTypeOnOff;
-  disabled: boolean;
-  error: string;
-  hideLabel: boolean;
-  hint: string;
-  icon: Stringified<KoliBriInputIcon>;
-  list: Stringified<string[]>;
-  max: number;
-  min: number;
-  name: string;
-  on: InputTypeOnDefault;
+declare type OptionalProps = OptionalInputProps<number | Iso8601> & {
   placeholder: string;
-  readOnly: boolean;
-  required: boolean;
-  smartButton: ButtonProps;
-  step: number;
-  tabIndex: number;
-  touched: boolean;
   type: InputNumberType;
-  value: string;
 };
-export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 declare type RequiredStates = {
   autoComplete: InputTypeOnOff;
   id: string;
@@ -45,8 +24,8 @@ declare type OptionalStates = {
   hideLabel: boolean;
   hint: string;
   icon: KoliBriInputIcon;
-  max: number;
-  min: number;
+  max: string;
+  min: string;
   on: InputTypeOnDefault;
   placeholder: string;
   readOnly: boolean;
@@ -57,6 +36,7 @@ declare type OptionalStates = {
   touched: boolean;
   value: string;
 };
+export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export declare type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
 export declare type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

@@ -1,6 +1,6 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@public-ui/core';
-import { AriaCurrent, KoliBriButtonLinkShowAs, LinkOnCallbacks, LinkStates, LinkTarget, LinkUseCase, OptionalLinkProps, OptionalLinkStates, RequiredLinkProps, RequiredLinkStates } from '../../types/button-link';
+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';
 declare type RequiredNavLinkProps = RequiredLinkProps & unknown;
@@ -27,7 +27,6 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   _on?: LinkOnCallbacks;
   _part?: string;
   _selector?: string;
-  _showAs?: KoliBriButtonLinkShowAs;
   _stealth?: boolean;
   _target?: LinkTarget;
   _targetDescription?: string;
@@ -47,7 +46,6 @@ export declare class KolLinkWc implements Generic.Element.ComponentApi<RequiredL
   validateIconAlign(value?: Alignment): void;
   validateIconOnly(value?: boolean): void;
   validateSelector(value?: string): void;
-  validateShowAs(value?: KoliBriButtonLinkShowAs): void;
   validateStealth(value?: boolean): void;
   validateTarget(value?: LinkTarget): void;
   validateTargetDescription(value?: string): void;

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

@@ -1,7 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Alignment, KoliBriIconProp } from '../../types/icon';
 import { Generic } from '@public-ui/core';
-import { AriaCurrent, KoliBriButtonLinkShowAs, LinkOnCallbacks, LinkTarget, LinkUseCase, OptionalLinkProps, RequiredLinkProps } from '../../types/button-link';
+import { AriaCurrent, LinkOnCallbacks, LinkTarget, LinkUseCase, OptionalLinkProps, RequiredLinkProps } from '../../types/button-link';
 import { TooltipAlignment } from '../tooltip/component';
 export declare class KolLink implements Generic.Element.Members<RequiredLinkProps, OptionalLinkProps> {
   render(): JSX.Element;
@@ -19,7 +19,6 @@ export declare class KolLink implements Generic.Element.Members<RequiredLinkProp
   _on?: LinkOnCallbacks;
   _part?: string;
   _selector?: string;
-  _showAs?: KoliBriButtonLinkShowAs;
   _stealth?: boolean;
   _target?: LinkTarget;
   _targetDescription?: string;

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

@@ -0,0 +1,56 @@
+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 { Alignment, KoliBriIconProp } from '../../types/icon';
+import { TooltipAlignment } from '../tooltip/component';
+export declare class KolLinkButton implements Generic.Element.ComponentApi<RequiredLinkButtonProps, OptionalLinkButtonProps, RequiredLinkButtonStates, OptionalLinkButtonStates> {
+  private readonly nonce;
+  private readonly getRenderValues;
+  render(): JSX.Element;
+  _ariaControls?: string;
+  _ariaCurrent?: AriaCurrent;
+  _ariaExpanded?: boolean;
+  _ariaLabel?: string;
+  _ariaSelected?: boolean;
+  _customClass?: string;
+  _disabled?: boolean;
+  _fill?: boolean;
+  _href?: string;
+  _icon?: KoliBriIconProp;
+  _iconAlign?: Alignment;
+  _iconOnly?: boolean;
+  _on?: LinkOnCallbacks;
+  _part?: string;
+  _selector?: string;
+  _stealth?: boolean;
+  _target?: LinkTarget;
+  _targetDescription?: string;
+  _tooltipAlign?: TooltipAlignment;
+  _underline?: boolean;
+  _useCase?: LinkUseCase;
+  _variant?: KoliBriButtonVariant;
+  state: LinkButtonStates;
+  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;
+  validateFill(value?: boolean): void;
+  validateHref(value?: string): void;
+  validateIcon(value?: KoliBriIconProp): void;
+  validateIconAlign(value?: Alignment): void;
+  validateIconOnly(value?: boolean): void;
+  validateSelector(value?: string): void;
+  validateStealth(value?: boolean): void;
+  validateTarget(value?: LinkTarget): void;
+  validateTargetDescription(value?: string): void;
+  validateUnderline(value?: boolean): void;
+  validateUseCase(value?: LinkUseCase): void;
+  validatePart(value?: string): void;
+  validateTooltipAlign(value?: TooltipAlignment): void;
+  validateOn(value?: LinkOnCallbacks): void;
+  validateVariant(value?: KoliBriButtonVariant): void;
+  componentWillLoad(): void;
+}

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

@@ -3,6 +3,7 @@ import { Generic } from '@public-ui/core';
 import { Orientation } from '../../types/orientation';
 import { NavLinkProps } from '../link/component';
 import { Stringified } from '../../types/common';
+import { AriaCurrent } from '../../types/button-link';
 export declare type NavLinkWithChildrenProps = NavLinkProps & {
   _children?: NavLinkWithChildrenProps[];
 };
@@ -12,6 +13,7 @@ declare type RequiredProps = {
   links: Stringified<NavLinkWithChildrenProps[]>;
 };
 declare type OptionalProps = {
+  ariaCurrentValue: AriaCurrent;
   collapsible: boolean;
   compact: boolean;
   hasCompactButton: boolean;
@@ -19,6 +21,7 @@ declare type OptionalProps = {
   variant: KoliBriNavVariant;
 };
 declare type RequiredStates = {
+  ariaCurrentValue: AriaCurrent;
   ariaLabel: string;
   collapsible: boolean;
   hasCompactButton: boolean;
@@ -35,6 +38,7 @@ export declare class KolNav implements Generic.Element.ComponentApi<RequiredProp
   private readonly hasActiveChild;
   private linkList;
   render(): JSX.Element;
+  _ariaCurrentValue: AriaCurrent;
   _ariaLabel: string;
   _collapsible?: boolean;
   _compact?: boolean;
@@ -43,6 +47,7 @@ export declare class KolNav implements Generic.Element.ComponentApi<RequiredProp
   _links: Stringified<NavLinkWithChildrenProps[]>;
   _variant?: KoliBriNavVariant;
   state: States;
+  validateAriaCurrentValue(value?: AriaCurrent): void;
   validateAriaLabel(value?: string): void;
   validateCollapsible(value?: boolean): void;
   validateCompact(value?: boolean): void;

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

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

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

@@ -5,6 +5,7 @@ export declare class KolTextarea implements ComponentApi {
   render(): JSX.Element;
   private readonly controller;
   _accessKey?: string;
+  _adjustHeight?: boolean;
   _alert?: boolean;
   _hasCounter?: boolean;
   _disabled?: boolean;
@@ -26,6 +27,7 @@ export declare class KolTextarea implements ComponentApi {
   state: States;
   constructor();
   validateAccessKey(value?: string): void;
+  validateAdjustHeight(value?: boolean): void;
   validateAlert(value?: boolean): void;
   validateDisabled(value?: boolean): void;
   validateError(value?: string): void;

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

@@ -5,6 +5,7 @@ export declare type CSSResize = 'both' | 'horizontal' | 'vertical' | 'none';
 declare type RequiredProps = InputRequiredProps;
 declare type OptionalProps = {
   accessKey: string;
+  adjustHeight: boolean;
   alert: boolean;
   disabled: boolean;
   error: string;
@@ -25,6 +26,7 @@ declare type OptionalProps = {
 };
 export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 declare type RequiredStates = {
+  adjustHeight: boolean;
   currentLength: number;
   id: string;
   name: string;