cax-design-system 2.8.4 → 3.0.0

package/README.md

@@ -1,46 +1,46 @@
-# Cax Design System
-
-You can access all the modules available in cax design system in the [storybook](https://673d43a5032fb6c56edd4107-brtdbxzhxe.chromatic.com/)
-
-### Installation
-
-You can download cax design system using below command.
-
-```bash
-npm install cax-design-system
-
-```
-
-### Styles
-
-Import styles in your global css
-
-```css
-@import 'cax-design-system/resources/cax.scss';
-```
-
-### Assets
-
-Add assets from library to the assets array in build and test configurations in angular.json file
-
-```json
-{
-    "glob": "**/*",
-    "input": "node_modules/cax-design-system/resources",
-    "output": "/assets/"
-}
-```
-
-### Animations (if required)
-
-Import animations in providers array in app.config.ts
-
-```ts
-import { provideAnimations } from '@angular/platform-browser/animations';
-
-export const appConfig: ApplicationConfig = {
-    providers: [provideAnimations()]
-};
-```
-
-With this setup you will be able to use all the modules from cax design system.
+# Cax Design System
+
+You can access all the modules available in cax design system in the [storybook](https://673d43a5032fb6c56edd4107-pquyfkgcwz.chromatic.com/)
+
+### Installation
+
+You can download cax design system using below command.
+
+```bash
+npm install cax-design-system
+
+```
+
+### Styles
+
+Import styles in your global css
+
+```css
+@import 'cax-design-system/resources/cax.scss';
+```
+
+### Assets
+
+Add assets from library to the assets array in build and test configurations in angular.json file
+
+```json
+{
+    "glob": "**/*",
+    "input": "node_modules/cax-design-system/resources",
+    "output": "/assets/"
+}
+```
+
+### Animations (if required)
+
+Import animations in providers array in app.config.ts
+
+```ts
+import { provideAnimations } from '@angular/platform-browser/animations';
+
+export const appConfig: ApplicationConfig = {
+    providers: [provideAnimations()]
+};
+```
+
+With this setup you will be able to use all the modules from cax design system.

package/api/confirmation.d.ts

@@ -68,14 +68,6 @@ export interface Confirmation {
      * The ID or class name of the element to receive focus by default when the confirmation dialog is opened.
      */
     defaultFocus?: string;
-    /**
-     * The CSS class name to be applied to the accept button.
-     */
-    acceptButtonStyleClass?: string;
-    /**
-     * The CSS class name to be applied to the reject button.
-     */
-    rejectButtonStyleClass?: string;
     /**
      * The target event where the confirmation dialog is triggered from.
      */
@@ -91,6 +83,8 @@ export interface Confirmation {
     closable?: boolean;
     showCheckbox?: boolean;
     checkboxLabel?: string;
-    headerIcon?: string;
-    headerIconStyle?: any;
+    /**
+     * Severity level of the confirmation.
+     */
+    severity?: 'primary' | 'success' | 'danger' | 'warning';
 }

package/api/message.d.ts

@@ -23,7 +23,6 @@ export interface Message {
     contentStyleClass?: string;
     styleClass?: string;
     closeIcon?: string;
-    size?: 'sm' | 'md' | 'lg';
     displayIcon?: boolean;
     actionButtons?: ActionButtonItem[];
     action?: ActionButtonItem;

package/autocomplete/autocomplete.d.ts

@@ -21,12 +21,13 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
     config: caxConfig;
     overlayService: OverlayService;
     private zone;
+    private configService;
     /**
      * Minimum number of characters to initiate a search.
      * @group Props
      */
     minLength: number;
-    size: 'small' | 'medium' | 'large' | undefined;
+    size: 'sm' | 'md' | 'lg' | undefined;
     /**
      * Delay between keystrokes to wait before sending a query.
      * @group Props
@@ -442,12 +443,13 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
     loadingIconTemplate: Nullable<TemplateRef<any>>;
     clearIconTemplate: Nullable<TemplateRef<any>>;
     dropdownIconTemplate: Nullable<TemplateRef<any>>;
+    actionTemplate: Nullable<TemplateRef<any>>;
     value: string | any;
     _suggestions: import("@angular/core").WritableSignal<any>;
     onModelChange: Function;
     onModelTouched: Function;
     timeout: Nullable<any>;
-    overlayVisible: boolean | undefined;
+    overlayVisible: boolean;
     suggestionsUpdated: Nullable<boolean>;
     highlightOption: any;
     highlightOptionChanged: Nullable<boolean>;
@@ -455,13 +457,21 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
     _filled: boolean;
     get filled(): any;
     set filled(value: any);
-    loading: Nullable<boolean>;
-    isloading: Nullable<boolean>;
+    _loading: import("@angular/core").WritableSignal<boolean>;
+    _searching: import("@angular/core").WritableSignal<boolean>;
+    get loading(): boolean;
+    set loading(value: boolean);
+    get isLoading(): boolean;
+    _skeletonCount: import("@angular/core").WritableSignal<number>;
+    get skeletonCount(): number;
+    set skeletonCount(value: number);
+    get skeletonItems(): number[];
     scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
     listId: string | undefined;
     searchTimeout: any;
     dirty: boolean;
     modelValue: import("@angular/core").WritableSignal<any>;
+    query: import("@angular/core").WritableSignal<string>;
     focusedMultipleOptionIndex: import("@angular/core").WritableSignal<number>;
     focusedOptionIndex: import("@angular/core").WritableSignal<number>;
     visibleOptions: import("@angular/core").Signal<any>;
@@ -479,6 +489,7 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
         'cax-autocomplete-sm': boolean;
         'cax-autocomplete-md': boolean;
         'cax-autocomplete-lg': boolean;
+        'cax-autocomplete-with-actions': boolean;
     };
     get multiContainerClass(): {
         'cax-autocomplete-multiple-container cax-component cax-inputtext': boolean;
@@ -496,6 +507,9 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
         'cax-autocomplete-input cax-inputtext cax-component': boolean;
         'cax-autocomplete-dd-input': boolean;
         'cax-variant-filled': boolean;
+        'cax-text-action-sm-medium': boolean;
+        'cax-text-action-md-medium': boolean;
+        'cax-text-action-lg-medium': boolean;
     };
     get searchResultMessageText(): string;
     get searchMessageText(): string;
@@ -508,7 +522,7 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
     get virtualScrollerDisabled(): boolean;
     get optionValueSelected(): string | ((item: any) => string);
     get isVisibleClearIcon(): boolean | undefined;
-    constructor(document: Document, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, config: caxConfig, overlayService: OverlayService, zone: NgZone);
+    constructor(document: Document, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, config: caxConfig, overlayService: OverlayService, zone: NgZone, configService: OverlayService);
     ngOnInit(): void;
     ngAfterViewChecked(): void;
     ngAfterContentInit(): void;
@@ -573,6 +587,7 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
     writeValue(value: any): void;
     hasSelectedOption(): boolean;
     getAriaPosInset(index: any): any;
+    highlightText(text: string): string;
     getOptionLabel(option: any): any;
     getOptionValue(option: any): any;
     getOptionIndex(index: any, scrollerOptions: any): any;
@@ -586,7 +601,7 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
     onOverlayAnimationStart(event: AnimationEvent): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoComplete, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutoComplete, "cax-autoComplete", never, { "minLength": { "alias": "minLength"; "required": false; }; "size": { "alias": "size"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "style": { "alias": "style"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; }; "forceSelection": { "alias": "forceSelection"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "dropdownAriaLabel": { "alias": "dropdownAriaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "unique": { "alias": "unique"; "required": false; }; "group": { "alias": "group"; "required": false; }; "completeOnFocus": { "alias": "completeOnFocus"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "field": { "alias": "field"; "required": false; }; "dropdown": { "alias": "dropdown"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "id": { "alias": "id"; "required": false; }; "searchMessage": { "alias": "searchMessage"; "required": false; }; "emptySelectionMessage": { "alias": "emptySelectionMessage"; "required": false; }; "selectionMessage": { "alias": "selectionMessage"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "isloading": { "alias": "isloading"; "required": false; }; }, { "completeMethod": "completeMethod"; "onSelect": "onSelect"; "onUnselect": "onUnselect"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onDropdownClick": "onDropdownClick"; "onClear": "onClear"; "onKeyUp": "onKeyUp"; "onShow": "onShow"; "onHide": "onHide"; "onLazyLoad": "onLazyLoad"; }, ["templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutoComplete, "cax-autoComplete", never, { "minLength": { "alias": "minLength"; "required": false; }; "size": { "alias": "size"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "style": { "alias": "style"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; }; "forceSelection": { "alias": "forceSelection"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "dropdownAriaLabel": { "alias": "dropdownAriaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "unique": { "alias": "unique"; "required": false; }; "group": { "alias": "group"; "required": false; }; "completeOnFocus": { "alias": "completeOnFocus"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "field": { "alias": "field"; "required": false; }; "dropdown": { "alias": "dropdown"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "id": { "alias": "id"; "required": false; }; "searchMessage": { "alias": "searchMessage"; "required": false; }; "emptySelectionMessage": { "alias": "emptySelectionMessage"; "required": false; }; "selectionMessage": { "alias": "selectionMessage"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "skeletonCount": { "alias": "skeletonCount"; "required": false; }; }, { "completeMethod": "completeMethod"; "onSelect": "onSelect"; "onUnselect": "onUnselect"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onDropdownClick": "onDropdownClick"; "onClear": "onClear"; "onKeyUp": "onKeyUp"; "onShow": "onShow"; "onHide": "onHide"; "onLazyLoad": "onLazyLoad"; }, ["templates"], never, false, never>;
     static ngAcceptInputType_minLength: unknown;
     static ngAcceptInputType_delay: unknown;
     static ngAcceptInputType_readonly: unknown;
@@ -613,4 +628,6 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
     static ngAcceptInputType_selectOnFocus: unknown;
     static ngAcceptInputType_searchLocale: unknown;
     static ngAcceptInputType_focusOnHover: unknown;
+    static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_skeletonCount: unknown;
 }

package/autocomplete/autocomplete.module.d.ts

@@ -7,14 +7,15 @@ import * as i5 from "cax-design-system/button";
 import * as i6 from "cax-design-system/api";
 import * as i7 from "cax-design-system/ripple";
 import * as i8 from "cax-design-system/scroller";
-import * as i9 from "cax-design-system/autofocus";
-import * as i10 from "cax-design-system/icons/timescircle";
-import * as i11 from "cax-design-system/icons/spinner";
-import * as i12 from "cax-design-system/icons/times";
-import * as i13 from "cax-design-system/icons/chevrondown";
-import * as i14 from "cax-design-system/icons/search";
+import * as i9 from "cax-design-system/skeleton";
+import * as i10 from "cax-design-system/autofocus";
+import * as i11 from "cax-design-system/icons/timescircle";
+import * as i12 from "cax-design-system/icons/spinner";
+import * as i13 from "cax-design-system/icons/times";
+import * as i14 from "cax-design-system/icons/chevrondown";
+import * as i15 from "cax-design-system/icons/search";
 export declare class AutoCompleteModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AutoCompleteModule, [typeof i1.AutoComplete], [typeof i2.CommonModule, typeof i3.OverlayModule, typeof i4.InputTextModule, typeof i5.ButtonModule, typeof i6.SharedModule, typeof i7.RippleModule, typeof i8.ScrollerModule, typeof i9.AutoFocusModule, typeof i10.TimesCircleIcon, typeof i11.SpinnerIcon, typeof i12.TimesIcon, typeof i13.ChevronDownIcon, typeof i14.SearchIcon], [typeof i1.AutoComplete, typeof i3.OverlayModule, typeof i6.SharedModule, typeof i8.ScrollerModule, typeof i9.AutoFocusModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AutoCompleteModule, [typeof i1.AutoComplete], [typeof i2.CommonModule, typeof i3.OverlayModule, typeof i4.InputTextModule, typeof i5.ButtonModule, typeof i6.SharedModule, typeof i7.RippleModule, typeof i8.ScrollerModule, typeof i9.SkeletonModule, typeof i10.AutoFocusModule, typeof i11.TimesCircleIcon, typeof i12.SpinnerIcon, typeof i13.TimesIcon, typeof i14.ChevronDownIcon, typeof i15.SearchIcon], [typeof i1.AutoComplete, typeof i3.OverlayModule, typeof i6.SharedModule, typeof i8.ScrollerModule, typeof i9.SkeletonModule, typeof i10.AutoFocusModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AutoCompleteModule>;
 }

package/avatar/avatar.d.ts

@@ -42,6 +42,16 @@ export declare class Avatar {
      * @group Props
      */
     styleClass: string | undefined;
+    /**
+     * Color of the text.
+     * @group Props
+     */
+    textColor: string | undefined;
+    /**
+     * Color of the background.
+     * @group Props
+     */
+    backgroundColor: string | undefined;
     /**
      * Establishes a string value that labels the component.
      * @group Props
@@ -64,10 +74,22 @@ export declare class Avatar {
         'cax-avatar-circle': boolean;
         'cax-avatar-xs': boolean;
         'cax-avatar-sm': boolean;
+        'cax-avatar-md': boolean;
         'cax-avatar-lg': boolean;
         'cax-avatar-xl': boolean;
     };
+    textSize(): {
+        'cax-text-action-xsm-semibold': boolean;
+        'cax-text-action-sm-semibold': boolean;
+        'cax-text-action-md-semibold': boolean;
+        'cax-text-heading-md-semibold': boolean;
+        'cax-text-heading-lg-semibold': boolean;
+    };
+    getAvatarStyle(): {
+        'background-color': string;
+        color: string;
+    };
     imageError(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Avatar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Avatar, "cax-avatar", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "image": { "alias": "image"; "required": false; }; "avatarSize": { "alias": "avatarSize"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; }, { "onImageError": "onImageError"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Avatar, "cax-avatar", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "image": { "alias": "image"; "required": false; }; "avatarSize": { "alias": "avatarSize"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; }, { "onImageError": "onImageError"; }, never, ["*"], true, never>;
 }

package/badge/badge.d.ts

@@ -15,6 +15,10 @@ export declare class Badge {
         [x: string]: boolean | "xs" | "sm" | "md" | "lg" | "primary" | "secondary" | "info" | "success" | "warning" | "danger";
         'cax-badge cax-component': boolean;
         'cax-badge-no-gutter': boolean;
+        'cax-text-action-xsm-medium': boolean;
+        'cax-text-action-sm-medium': boolean;
+        'cax-text-action-md-medium': boolean;
+        'cax-text-action-lg-medium': boolean;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<Badge, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Badge, "cax-badge", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "badgeSize": { "alias": "badgeSize"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "value": { "alias": "value"; "required": false; }; "badgeDisabled": { "alias": "badgeDisabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;

package/button/button.d.ts

@@ -22,7 +22,7 @@ export declare class Button implements AfterContentInit {
     outlined: boolean;
     link: boolean;
     tabindex: number | undefined;
-    size: 'small' | 'medium' | 'large' | undefined;
+    size: 'sm' | 'md' | 'lg' | undefined;
     style: {
         [klass: string]: any;
     } | null | undefined;
@@ -39,6 +39,13 @@ export declare class Button implements AfterContentInit {
     templates: QueryList<CaxTemplate> | undefined;
     constructor(el: ElementRef);
     spinnerIconClass(): string;
+    get loadingIconClass(): {
+        [x: string]: boolean;
+        'cax-button-icon': boolean;
+        'cax-button-icon-left': boolean;
+        'cax-button-icon-center': boolean;
+        'cax-button-loading-icon': boolean;
+    };
     iconClass(): {
         'cax-button-icon': boolean;
         'cax-button-icon-left': string;

package/button/button.directive.d.ts

@@ -17,7 +17,7 @@ export declare class ButtonDirective implements AfterViewInit, OnDestroy {
     rounded: boolean;
     text: boolean;
     outlined: boolean;
-    size: 'small' | 'medium' | 'large' | undefined | null;
+    size: 'sm' | 'md' | 'lg' | undefined | null;
     plain: boolean;
     link: boolean;
     _label: string | undefined;
@@ -31,6 +31,8 @@ export declare class ButtonDirective implements AfterViewInit, OnDestroy {
     ngAfterViewInit(): void;
     getStyleClass(): string[];
     setStyleClass(): void;
+    getTypographyClass(): string;
+    getContainer(): HTMLElement;
     createLabel(): void;
     createIcon(): void;
     updateLabel(): void;

package/calendar/calendar.d.ts

@@ -80,6 +80,11 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
      * @group Props
      */
     disabled: boolean | undefined;
+    /**
+     * Specifies the size of the input.
+     * @group Props
+     */
+    size: 'sm' | 'md' | 'lg';
     /**
      * Format of the date which can also be defined at locale settings.
      * @group Props
@@ -282,6 +287,9 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
      * @group Props
      */
     labelText: string | undefined;
+    helperText: string | undefined;
+    errorText: string | undefined;
+    invalid: boolean | undefined;
     timeSeparator: string;
     leftIcon: boolean;
     /**
@@ -383,8 +391,9 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
     get defaultDate(): Date;
     set defaultDate(defaultDate: Date);
     get inputClass(): {
-        'cax-inputtext cax-component': boolean;
+        'cax-inputtext cax-calendar-input cax-component': boolean;
         'cax-variant-filled': boolean;
+        'cax-input-invalid': boolean;
     };
     /**
      * Callback to invoke on focus of input field.
@@ -454,8 +463,7 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
      * Callback to invoke when datepicker panel is shown.
      * @group Emits
      */
-    onInlineSaved: EventEmitter<Date>;
-    onInlineCancelled: EventEmitter<void>;
+    onDateSaved: EventEmitter<Date>;
     onShow: EventEmitter<any>;
     templates: QueryList<CaxTemplate>;
     containerViewChild: Nullable<ElementRef>;
@@ -529,8 +537,12 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
     _defaultDate: Date;
     _focusKey: Nullable<string>;
     originalValue: Date;
-    formattedInlineDate: string;
     private window;
+    isJustFocused: boolean;
+    preSelectValue: any;
+    isSaved: boolean;
+    manualInputValue: string;
+    manualInputError: string | null;
     get locale(): LocaleSettings;
     get iconButtonAriaLabel(): any;
     get prevIconAriaLabel(): any;
@@ -539,7 +551,6 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
-    updateFormattedInlineDate(): void;
     getTranslation(option: string): any;
     populateYearOptions(start: number, end: number): void;
     createWeekDays(): void;
@@ -551,6 +562,8 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
     initTime(date: Date): void;
     navBackward(event: any): void;
     navForward(event: any): void;
+    navBackwardYear(event: any): void;
+    navForwardYear(event: any): void;
     decrementYear(): void;
     decrementYearPickerStep(): void;
     incrementYearPickerStep(): void;
@@ -562,6 +575,7 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
     onMonthSelect(event: Event, index: number): void;
     onYearSelect(event: Event, year: number): void;
     updateInputfield(): void;
+    getFormattedValue(value: any): string;
     formatDateTime(date: any): any;
     formatDateMetaToDate(dateMeta: any): Date;
     formatDateKey(date: Date): string;
@@ -582,11 +596,15 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
     };
     getSundayIndex(): number;
     isSelected(dateMeta: any): boolean | undefined;
+    isRangeStart(dateMeta: any): boolean;
+    isRangeEnd(dateMeta: any): boolean;
+    isRangeSelectionCompleted(): boolean;
+    isRangeBetween(dateMeta: any): boolean;
     isComparable(): boolean;
-    isMonthSelected(month: number): boolean;
+    isMonthSelected(month: number): any;
     isMonthDisabled(month: number, year?: number): boolean;
     isYearDisabled(year: number): boolean;
-    isYearSelected(year: number): boolean;
+    isYearSelected(year: number): any;
     isDateEquals(value: any, dateMeta: any): boolean;
     isDateBetween(start: Date, end: Date, dateMeta: any): boolean;
     isSingleSelection(): boolean;
@@ -600,13 +618,15 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
     onInputClick(): void;
     onInputBlur(event: Event): void;
     onButtonClick(event: Event, inputfield?: any): void;
-    clear(): void;
+    clear(event?: Event): void;
     onOverlayClick(event: Event): void;
     getMonthName(index: number): any;
     getYear(month: any): any;
     switchViewButtonDisabled(): boolean;
     onPrevButtonClick(event: Event): void;
     onNextButtonClick(event: Event): void;
+    onPrevYearButtonClick(event: Event): void;
+    onNextYearButtonClick(event: Event): void;
     onContainerButtonKeydown(event: KeyboardEvent): void;
     onInputKeydown(event: any): void;
     onDateCellKeydown(event: any, dateMeta: any, groupIndex: number): void;
@@ -659,6 +679,7 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
     registerOnTouched(fn: Function): void;
     setDisabledState(val: boolean): void;
     getDateFormat(): any;
+    getInputMask(): any;
     getFirstDateOfWeek(): any;
     formatDate(date: any, format: any): string;
     formatTime(date: any): string;
@@ -687,10 +708,10 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
     onWindowResize(): void;
     onOverlayHide(): void;
     ngOnDestroy(): void;
-    onInlineSave(event?: Event): void;
-    onInlineCancel(): void;
+    onDateSave(event?: Event): void;
+    onManualInput(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Calendar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Calendar, "cax-calendar", never, { "iconDisplay": { "alias": "iconDisplay"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "iconAriaLabel": { "alias": "iconAriaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "multipleSeparator": { "alias": "multipleSeparator"; "required": false; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "showOtherMonths": { "alias": "showOtherMonths"; "required": false; }; "selectOtherMonths": { "alias": "selectOtherMonths"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; }; "shortYearCutoff": { "alias": "shortYearCutoff"; "required": false; }; "monthNavigator": { "alias": "monthNavigator"; "required": false; }; "yearNavigator": { "alias": "yearNavigator"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "timeOnly": { "alias": "timeOnly"; "required": false; }; "stepYearPicker": { "alias": "stepYearPicker"; "required": false; }; "stepHour": { "alias": "stepHour"; "required": false; }; "stepMinute": { "alias": "stepMinute"; "required": false; }; "stepSecond": { "alias": "stepSecond"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showOnFocus": { "alias": "showOnFocus"; "required": false; }; "showWeek": { "alias": "showWeek"; "required": false; }; "startWeekFromFirstDayOfYear": { "alias": "startWeekFromFirstDayOfYear"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "dataType": { "alias": "dataType"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "maxDateCount": { "alias": "maxDateCount"; "required": false; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; }; "todayButtonStyleClass": { "alias": "todayButtonStyleClass"; "required": false; }; "clearButtonStyleClass": { "alias": "clearButtonStyleClass"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "keepInvalid": { "alias": "keepInvalid"; "required": false; }; "hideOnDateTimeSelect": { "alias": "hideOnDateTimeSelect"; "required": false; }; "touchUI": { "alias": "touchUI"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "timeSeparator": { "alias": "timeSeparator"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledDays": { "alias": "disabledDays"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "view": { "alias": "view"; "required": false; }; "defaultDate": { "alias": "defaultDate"; "required": false; }; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; "onClose": "onClose"; "onSelect": "onSelect"; "onClear": "onClear"; "onInput": "onInput"; "onTodayClick": "onTodayClick"; "onClearClick": "onClearClick"; "onMonthChange": "onMonthChange"; "onYearChange": "onYearChange"; "onClickOutside": "onClickOutside"; "onInlineSaved": "onInlineSaved"; "onInlineCancelled": "onInlineCancelled"; "onShow": "onShow"; }, ["templates"], ["cax-header", "cax-footer"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Calendar, "cax-calendar", never, { "iconDisplay": { "alias": "iconDisplay"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "iconAriaLabel": { "alias": "iconAriaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "multipleSeparator": { "alias": "multipleSeparator"; "required": false; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "showOtherMonths": { "alias": "showOtherMonths"; "required": false; }; "selectOtherMonths": { "alias": "selectOtherMonths"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; }; "shortYearCutoff": { "alias": "shortYearCutoff"; "required": false; }; "monthNavigator": { "alias": "monthNavigator"; "required": false; }; "yearNavigator": { "alias": "yearNavigator"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "timeOnly": { "alias": "timeOnly"; "required": false; }; "stepYearPicker": { "alias": "stepYearPicker"; "required": false; }; "stepHour": { "alias": "stepHour"; "required": false; }; "stepMinute": { "alias": "stepMinute"; "required": false; }; "stepSecond": { "alias": "stepSecond"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showOnFocus": { "alias": "showOnFocus"; "required": false; }; "showWeek": { "alias": "showWeek"; "required": false; }; "startWeekFromFirstDayOfYear": { "alias": "startWeekFromFirstDayOfYear"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "dataType": { "alias": "dataType"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "maxDateCount": { "alias": "maxDateCount"; "required": false; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; }; "todayButtonStyleClass": { "alias": "todayButtonStyleClass"; "required": false; }; "clearButtonStyleClass": { "alias": "clearButtonStyleClass"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "keepInvalid": { "alias": "keepInvalid"; "required": false; }; "hideOnDateTimeSelect": { "alias": "hideOnDateTimeSelect"; "required": false; }; "touchUI": { "alias": "touchUI"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "timeSeparator": { "alias": "timeSeparator"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledDays": { "alias": "disabledDays"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "view": { "alias": "view"; "required": false; }; "defaultDate": { "alias": "defaultDate"; "required": false; }; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; "onClose": "onClose"; "onSelect": "onSelect"; "onClear": "onClear"; "onInput": "onInput"; "onTodayClick": "onTodayClick"; "onClearClick": "onClearClick"; "onMonthChange": "onMonthChange"; "onYearChange": "onYearChange"; "onClickOutside": "onClickOutside"; "onDateSaved": "onDateSaved"; "onShow": "onShow"; }, ["templates"], ["cax-header", "cax-footer"], true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_inline: unknown;
     static ngAcceptInputType_showOtherMonths: unknown;
@@ -717,6 +738,7 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
     static ngAcceptInputType_keepInvalid: unknown;
     static ngAcceptInputType_hideOnDateTimeSelect: unknown;
     static ngAcceptInputType_touchUI: unknown;
+    static ngAcceptInputType_invalid: unknown;
     static ngAcceptInputType_focusTrap: unknown;
     static ngAcceptInputType_tabindex: unknown;
 }

package/card/card.d.ts

@@ -12,16 +12,12 @@ export declare class Card implements AfterContentInit, BlockableUI {
      * @group Props
      */
     header: string | undefined;
-    activeCard: boolean;
-    imageUrl: string;
-    badgeSeverity: 'success' | 'info' | 'warning' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast' | null | undefined;
-    badgeValue: string | number | null | undefined;
-    iconClass: string;
     /**
      * Subheader of the card.
      * @group Props
      */
     subheader: string | undefined;
+    selected: boolean;
     /**
      * Inline style of the element.
      * @group Props
@@ -49,5 +45,5 @@ export declare class Card implements AfterContentInit, BlockableUI {
     ngAfterContentInit(): void;
     getBlockableElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<Card, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Card, "cax-card", never, { "header": { "alias": "header"; "required": false; }; "activeCard": { "alias": "activeCard"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "badgeSeverity": { "alias": "badgeSeverity"; "required": false; }; "badgeValue": { "alias": "badgeValue"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "subheader": { "alias": "subheader"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, {}, ["headerFacet", "footerFacet", "templates"], ["cax-header", "*", "cax-footer"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Card, "cax-card", never, { "header": { "alias": "header"; "required": false; }; "subheader": { "alias": "subheader"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, {}, ["headerFacet", "footerFacet", "templates"], ["*", "cax-footer"], false, never>;
 }