cax-design-system 2.8.4 → 3.0.0

package/listbox/listbox.d.ts

@@ -6,12 +6,6 @@ import { Nullable } from 'cax-design-system/ts-helpers';
 import { ListboxChangeEvent, ListboxClickEvent, ListboxDoubleClickEvent, ListboxFilterEvent, ListboxFilterOptions, ListboxSelectAllChangeEvent } from './listbox.interface';
 import { Scroller } from 'cax-design-system/scroller';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "cax-design-system/api";
-import * as i3 from "cax-design-system/ripple";
-import * as i4 from "cax-design-system/scroller";
-import * as i5 from "cax-design-system/icons/search";
-import * as i6 from "cax-design-system/icons/check";
 export declare const LISTBOX_VALUE_ACCESSOR: any;
 /**
  * ListBox is used to select one or more values from a list of items.
@@ -55,7 +49,12 @@ export declare class Listbox implements AfterContentInit, OnInit, ControlValueAc
      * Defines a string that labels the input for accessibility.
      * @group Props
      */
-    ariaLabel: string | undefined;
+    variant: 'filled' | 'outlined';
+    /**
+     * Size of the component.
+     * @group Props
+     */
+    size: 'sm' | 'md' | 'lg';
     /**
      * When enabled, the focused option is selected.
      * @group Props
@@ -224,7 +223,7 @@ export declare class Listbox implements AfterContentInit, OnInit, ControlValueAc
      * Defines placeholder of the filter input.
      * @group Props
      */
-    filterPlaceHolder: string | undefined;
+    placeholder: string | undefined;
     /**
      * Text to display when filtering does not return any results.
      * @group Props
@@ -333,8 +332,12 @@ export declare class Listbox implements AfterContentInit, OnInit, ControlValueAc
     focused: boolean | undefined;
     scrollerTabIndex: string;
     get containerClass(): {
-        'p-listbox p-component': boolean;
-        'p-disabled': boolean;
+        'cax-listbox cax-component': boolean;
+        'cax-disabled': boolean;
+        'cax-variant-filled': boolean;
+        'cax-listbox-sm': boolean;
+        'cax-listbox-md': boolean;
+        'cax-listbox-lg': boolean;
     };
     get focusedOptionId(): string;
     get filterResultMessageText(): string;
@@ -438,7 +441,7 @@ export declare class Listbox implements AfterContentInit, OnInit, ControlValueAc
     resetFilter(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Listbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Listbox, "p-listbox", never, { "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; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "filterMessage": { "alias": "filterMessage"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "listStyleClass": { "alias": "listStyleClass"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "filterPlaceHolder": { "alias": "filterPlaceHolder"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; }, { "onChange": "onChange"; "onClick": "onClick"; "onDblClick": "onDblClick"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onSelectAllChange": "onSelectAllChange"; }, ["headerFacet", "footerFacet", "templates"], ["cax-header", "cax-footer"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Listbox, "cax-listbox", never, { "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; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "filterMessage": { "alias": "filterMessage"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "listStyleClass": { "alias": "listStyleClass"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; }, { "onChange": "onChange"; "onClick": "onClick"; "onDblClick": "onDblClick"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onSelectAllChange": "onSelectAllChange"; }, ["headerFacet", "footerFacet", "templates"], ["cax-header", "cax-footer"], false, never>;
     static ngAcceptInputType_autoOptionFocus: unknown;
     static ngAcceptInputType_selectOnFocus: unknown;
     static ngAcceptInputType_searchLocale: unknown;
@@ -456,8 +459,3 @@ export declare class Listbox implements AfterContentInit, OnInit, ControlValueAc
     static ngAcceptInputType_showToggleAll: unknown;
     static ngAcceptInputType_group: unknown;
 }
-export declare class ListboxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ListboxModule, [typeof Listbox], [typeof i1.CommonModule, typeof i2.SharedModule, typeof i3.RippleModule, typeof i4.ScrollerModule, typeof i5.SearchIcon, typeof i6.CheckIcon], [typeof Listbox, typeof i2.SharedModule, typeof i4.ScrollerModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ListboxModule>;
-}

package/listbox/listbox.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./listbox";
+import * as i2 from "@angular/common";
+import * as i3 from "cax-design-system/api";
+import * as i4 from "cax-design-system/ripple";
+import * as i5 from "cax-design-system/scroller";
+import * as i6 from "cax-design-system/icons/search";
+import * as i7 from "cax-design-system/icons/check";
+import * as i8 from "cax-design-system/divider";
+export declare class ListboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ListboxModule, [typeof i1.Listbox], [typeof i2.CommonModule, typeof i3.SharedModule, typeof i4.RippleModule, typeof i5.ScrollerModule, typeof i6.SearchIcon, typeof i7.CheckIcon, typeof i8.DividerModule], [typeof i1.Listbox, typeof i3.SharedModule, typeof i5.ScrollerModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ListboxModule>;
+}

package/listbox/public_api.d.ts

@@ -1,2 +1,3 @@
 export * from './listbox';
+export * from './listbox.module';
 export * from './listbox.interface';

package/logocard/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="cax-design-system/logocard" />
+export * from './public_api';

package/logocard/logocard.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class Logocard {
+    logo: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Logocard, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Logocard, "cax-logoCard", never, { "logo": { "alias": "logo"; "required": true; }; }, {}, never, never, true, never>;
+}

package/logocard/logocard.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./logocard";
+export declare class LogocardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LogocardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LogocardModule, never, [typeof i1.Logocard], [typeof i1.Logocard]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LogocardModule>;
+}

package/logocard/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './logocard';
+export * from './logocard.module';

package/messages/messages.d.ts

@@ -53,12 +53,7 @@ export declare class Messages implements AfterContentInit, OnDestroy {
      * Severity level of the message.
      * @group Props
      */
-    severity: 'success' | 'info' | 'error' | 'warn' | undefined;
-    /**
-     * Size of the message.
-     * @group Props
-     */
-    size: 'sm' | 'md' | 'lg';
+    severity: 'success' | 'primary' | 'danger' | 'warning' | undefined;
     /**
      * Display icon or not
      * @group Props
@@ -102,13 +97,9 @@ export declare class Messages implements AfterContentInit, OnDestroy {
     ngOnDestroy(): void;
     private startMessageLifes;
     private startMessageLife;
-    sizeClass(size?: 'sm' | 'md' | 'lg'): {
-        [x: string]: "sm" | "md" | "lg";
-    };
     onItemClick(e: MouseEvent, item: ActionButtonItem): void;
-    getButtonSeverity(severity: 'success' | 'info' | 'error' | 'warn' | undefined, outlined?: boolean): "success" | "secondary" | "primary" | "danger" | "warning";
     static ɵfac: i0.ɵɵFactoryDeclaration<Messages, [{ optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Messages, "cax-messages", never, { "value": { "alias": "value"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "enableService": { "alias": "enableService"; "required": false; }; "key": { "alias": "key"; "required": false; }; "escape": { "alias": "escape"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "size": { "alias": "size"; "required": false; }; "displayIcon": { "alias": "displayIcon"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; }, { "valueChange": "valueChange"; "onClose": "onClose"; }, ["templates"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Messages, "cax-messages", never, { "value": { "alias": "value"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "enableService": { "alias": "enableService"; "required": false; }; "key": { "alias": "key"; "required": false; }; "escape": { "alias": "escape"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "displayIcon": { "alias": "displayIcon"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; }, { "valueChange": "valueChange"; "onClose": "onClose"; }, ["templates"], never, true, never>;
     static ngAcceptInputType_closable: unknown;
     static ngAcceptInputType_enableService: unknown;
     static ngAcceptInputType_escape: unknown;

package/messages/messages.interface.d.ts

@@ -12,7 +12,5 @@ export interface MessagesTemplates {
 }
 export interface ActionButtonItem {
     label?: string;
-    disabled?: boolean;
     command?(event: MenuItemCommandEvent): void;
-    outlined?: boolean;
 }

package/multiselect/multiselect.d.ts

@@ -25,11 +25,12 @@ export declare class MultiSelectItem {
     itemCheckboxIconTemplate: TemplateRef<any> | undefined;
     onClick: EventEmitter<any>;
     onMouseEnter: EventEmitter<any>;
+    size: 'sm' | 'md' | 'lg';
     constructor(config: caxConfig);
     onOptionClick(event: Event): void;
     onOptionMouseEnter(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectItem, "cax-multiSelectItem", never, { "id": { "alias": "id"; "required": false; }; "option": { "alias": "option"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "ariaPosInset": { "alias": "ariaPosInset"; "required": false; }; "ariaSetSize": { "alias": "ariaSetSize"; "required": false; }; "template": { "alias": "template"; "required": false; }; "checkIconTemplate": { "alias": "checkIconTemplate"; "required": false; }; "itemCheckboxIconTemplate": { "alias": "itemCheckboxIconTemplate"; "required": false; }; }, { "onClick": "onClick"; "onMouseEnter": "onMouseEnter"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectItem, "cax-multiSelectItem", never, { "id": { "alias": "id"; "required": false; }; "option": { "alias": "option"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "ariaPosInset": { "alias": "ariaPosInset"; "required": false; }; "ariaSetSize": { "alias": "ariaSetSize"; "required": false; }; "template": { "alias": "template"; "required": false; }; "checkIconTemplate": { "alias": "checkIconTemplate"; "required": false; }; "itemCheckboxIconTemplate": { "alias": "itemCheckboxIconTemplate"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onClick": "onClick"; "onMouseEnter": "onMouseEnter"; }, never, never, false, never>;
     static ngAcceptInputType_selected: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_itemSize: unknown;
@@ -71,6 +72,21 @@ export declare class MultiSelect implements OnInit, AfterViewInit, AfterContentI
      * @group Props
      */
     styleClass: string | undefined;
+    /**
+     * When present, it specifies that the component is invalid.
+     * @group Props
+     */
+    invalid: boolean;
+    /**
+     * Text to display when validation fails.
+     * @group Props
+     */
+    errorText: string | undefined;
+    /**
+     * Helper text to display below the input.
+     * @group Props
+     */
+    successText: string | undefined;
     /**
      * Inline style of the overlay panel.
      * @group Props
@@ -131,6 +147,11 @@ export declare class MultiSelect implements OnInit, AfterViewInit, AfterContentI
      * @group Props
      */
     variant: 'filled' | 'outlined';
+    /**
+     * Size of the component.
+     * @group Props
+     */
+    size: 'sm' | 'md' | 'lg';
     /**
      * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
      * @group Props
@@ -551,6 +572,7 @@ export declare class MultiSelect implements OnInit, AfterViewInit, AfterContentI
         'cax-multiselect-chip': boolean;
         'cax-focus': boolean;
         'cax-variant-filled': boolean;
+        'cax-multiselect-open': boolean;
         active: boolean;
     };
     get inputClass(): {
@@ -567,6 +589,9 @@ export declare class MultiSelect implements OnInit, AfterViewInit, AfterContentI
         'cax-multiselect-label': boolean;
         'cax-placeholder': boolean;
         'cax-multiselect-label-empty': boolean;
+        'cax-text-action-sm-medium': boolean;
+        'cax-text-action-md-medium': boolean;
+        'cax-text-action-lg-medium': boolean;
     };
     get emptyMessageLabel(): string;
     get emptyFilterMessageLabel(): string;
@@ -686,7 +711,8 @@ export declare class MultiSelect implements OnInit, AfterViewInit, AfterContentI
     hasFocusableElements(): boolean;
     hasFilter(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelect, "cax-multiSelect", never, { "labelText": { "alias": "labelText"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "group": { "alias": "group"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterPlaceHolder": { "alias": "filterPlaceHolder"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "overlayVisible": { "alias": "overlayVisible"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "name": { "alias": "name"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "displaySelectedLabel": { "alias": "displaySelectedLabel"; "required": false; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; }; "selectionLimit": { "alias": "selectionLimit"; "required": false; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipPositionStyle": { "alias": "tooltipPositionStyle"; "required": false; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; }; "display": { "alias": "display"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "defaultLabel": { "alias": "defaultLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onClick": "onClick"; "onClear": "onClear"; "onPanelShow": "onPanelShow"; "onPanelHide": "onPanelHide"; "onLazyLoad": "onLazyLoad"; "onRemove": "onRemove"; "onSelectAllChange": "onSelectAllChange"; }, ["footerFacet", "headerFacet", "templates"], ["cax-header", "cax-footer"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelect, "cax-multiSelect", never, { "labelText": { "alias": "labelText"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "successText": { "alias": "successText"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "group": { "alias": "group"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterPlaceHolder": { "alias": "filterPlaceHolder"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "overlayVisible": { "alias": "overlayVisible"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "name": { "alias": "name"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "displaySelectedLabel": { "alias": "displaySelectedLabel"; "required": false; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; }; "selectionLimit": { "alias": "selectionLimit"; "required": false; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipPositionStyle": { "alias": "tooltipPositionStyle"; "required": false; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; }; "display": { "alias": "display"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "defaultLabel": { "alias": "defaultLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onClick": "onClick"; "onClear": "onClear"; "onPanelShow": "onPanelShow"; "onPanelHide": "onPanelHide"; "onLazyLoad": "onLazyLoad"; "onRemove": "onRemove"; "onSelectAllChange": "onSelectAllChange"; }, ["footerFacet", "headerFacet", "templates"], ["cax-header", "cax-footer"], false, never>;
+    static ngAcceptInputType_invalid: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_readonly: unknown;
     static ngAcceptInputType_group: unknown;

package/navigation/navigation.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, EventEmitter, ElementRef, AfterViewInit, OnChanges } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, ElementRef, AfterViewInit, OnChanges, QueryList } from '@angular/core';
 import { ActiveSubscription, NavListItem, SubscriptionList, TabIndexType } from './navigation.interface';
 import * as i0 from "@angular/core";
 export declare class Navigation implements OnChanges, AfterViewInit {
@@ -9,11 +9,11 @@ export declare class Navigation implements OnChanges, AfterViewInit {
     activeTab: TabIndexType | 'notifications' | 'help-centre';
     notifications: boolean;
     helpCentre: boolean;
+    privacyPolicy: boolean;
     copyrightYear: number | undefined;
     version: string | undefined;
     logout: boolean;
-    profile: boolean;
-    settings: boolean;
+    myAccount: boolean;
     userName: string | undefined;
     userImage: string | undefined;
     headerLogo: {
@@ -21,21 +21,20 @@ export declare class Navigation implements OnChanges, AfterViewInit {
         collapsed: string;
     } | undefined;
     headerInitials: string | undefined;
-    subscriptionMode: 'advance' | 'default';
-    subscriptionList: string[];
+    subscriptions: (string | SubscriptionList)[];
     selectedSubscription: string | ActiveSubscription | undefined;
-    advanceSubscriptionList: SubscriptionList[];
     displaySubscriptionName: string | undefined;
     notificationCount: number;
+    isAdvance(item: any): boolean;
     constructor(cd: ChangeDetectorRef);
     onNavListItemChange: EventEmitter<{
         activeTab: TabIndexType | 'notifications' | 'help-centre';
     }>;
     onNotificationClick: EventEmitter<any>;
     onHelpCentreClick: EventEmitter<any>;
+    onPrivacyPolicyClick: EventEmitter<any>;
     onLogoutClick: EventEmitter<any>;
-    onProfileClick: EventEmitter<any>;
-    onSettingsClick: EventEmitter<any>;
+    onMyAccountClick: EventEmitter<any>;
     onLogoClick: EventEmitter<any>;
     onSubscriptionChange: EventEmitter<any>;
     onNavExpanded: EventEmitter<boolean>;
@@ -45,26 +44,32 @@ export declare class Navigation implements OnChanges, AfterViewInit {
     helpCentreActive: boolean;
     accountDetailsActive: boolean;
     checkRadio: number;
+    expandedIndex: number;
+    flyoutTop: number;
     bottomContainer: ElementRef<HTMLDivElement>;
     headerContainer: ElementRef<HTMLDivElement>;
+    subscriptionItems: QueryList<ElementRef>;
     ngOnChanges(): void;
     ngAfterViewInit(): void;
     onItemClick(e: MouseEvent, item: NavListItem, index: number, position: 'top' | 'bottom'): void;
     getInitials(name: string): string;
     emitNotification(): void;
     emitHelpCentre(): void;
+    emitPrivacyPolicy(): void;
     emitLogout(): void;
-    emitProfile(): void;
-    emitSettings(): void;
+    emitMyAccount(): void;
     emitLogoClick(): void;
     onResize(): void;
     adjustUpDivHeight(): number;
     onMouseEnter(): void;
     onMouseLeave(): void;
+    onAccountOverlayShow(): void;
     hideAccountDetails(): void;
     changeActiveSusbcription(item: string): void;
     updateSubscription(item: SubscriptionList, child: string): void;
-    toggleSubscriptionList(index: number): void;
+    toggleSubscriptionList(index: number, event?: MouseEvent): void;
+    onSubscriptionListScroll(event: Event): void;
+    private updateFlyoutPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<Navigation, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Navigation, "cax-navigation", never, { "header": { "alias": "header"; "required": false; }; "topNavList": { "alias": "topNavList"; "required": false; }; "bottomNavList": { "alias": "bottomNavList"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "notifications": { "alias": "notifications"; "required": false; }; "helpCentre": { "alias": "helpCentre"; "required": false; }; "copyrightYear": { "alias": "copyrightYear"; "required": false; }; "version": { "alias": "version"; "required": false; }; "logout": { "alias": "logout"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "userImage": { "alias": "userImage"; "required": false; }; "headerLogo": { "alias": "headerLogo"; "required": false; }; "headerInitials": { "alias": "headerInitials"; "required": false; }; "subscriptionMode": { "alias": "subscriptionMode"; "required": false; }; "subscriptionList": { "alias": "subscriptionList"; "required": false; }; "selectedSubscription": { "alias": "selectedSubscription"; "required": false; }; "advanceSubscriptionList": { "alias": "advanceSubscriptionList"; "required": false; }; "displaySubscriptionName": { "alias": "displaySubscriptionName"; "required": false; }; "notificationCount": { "alias": "notificationCount"; "required": false; }; }, { "onNavListItemChange": "onNavListItemChange"; "onNotificationClick": "onNotificationClick"; "onHelpCentreClick": "onHelpCentreClick"; "onLogoutClick": "onLogoutClick"; "onProfileClick": "onProfileClick"; "onSettingsClick": "onSettingsClick"; "onLogoClick": "onLogoClick"; "onSubscriptionChange": "onSubscriptionChange"; "onNavExpanded": "onNavExpanded"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Navigation, "cax-navigation", never, { "header": { "alias": "header"; "required": false; }; "topNavList": { "alias": "topNavList"; "required": false; }; "bottomNavList": { "alias": "bottomNavList"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "notifications": { "alias": "notifications"; "required": false; }; "helpCentre": { "alias": "helpCentre"; "required": false; }; "privacyPolicy": { "alias": "privacyPolicy"; "required": false; }; "copyrightYear": { "alias": "copyrightYear"; "required": false; }; "version": { "alias": "version"; "required": false; }; "logout": { "alias": "logout"; "required": false; }; "myAccount": { "alias": "myAccount"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "userImage": { "alias": "userImage"; "required": false; }; "headerLogo": { "alias": "headerLogo"; "required": false; }; "headerInitials": { "alias": "headerInitials"; "required": false; }; "subscriptions": { "alias": "subscriptions"; "required": false; }; "selectedSubscription": { "alias": "selectedSubscription"; "required": false; }; "displaySubscriptionName": { "alias": "displaySubscriptionName"; "required": false; }; "notificationCount": { "alias": "notificationCount"; "required": false; }; }, { "onNavListItemChange": "onNavListItemChange"; "onNotificationClick": "onNotificationClick"; "onHelpCentreClick": "onHelpCentreClick"; "onPrivacyPolicyClick": "onPrivacyPolicyClick"; "onLogoutClick": "onLogoutClick"; "onMyAccountClick": "onMyAccountClick"; "onLogoClick": "onLogoClick"; "onSubscriptionChange": "onSubscriptionChange"; "onNavExpanded": "onNavExpanded"; }, never, never, true, never>;
 }

package/overlaypanel/overlaypanel.d.ts

@@ -70,6 +70,11 @@ export declare class OverlayPanel implements AfterContentInit, OnDestroy {
      * @group Props
      */
     baseZIndex: number;
+    /**
+     * Variant of the panel, can be 'low', 'medium', or 'high'.
+     * @group Props
+     */
+    variant: 'low' | 'medium' | 'high';
     /**
      * When enabled, first button receives focus on show.
      * @group Props
@@ -153,7 +158,7 @@ export declare class OverlayPanel implements AfterContentInit, OnDestroy {
     onContainerDestroy(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OverlayPanel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OverlayPanel, "cax-overlayPanel", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "dismissable": { "alias": "dismissable"; "required": false; }; "showCloseIcon": { "alias": "showCloseIcon"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "ariaCloseLabel": { "alias": "ariaCloseLabel"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "focusOnShow": { "alias": "focusOnShow"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverlayPanel, "cax-overlayPanel", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "dismissable": { "alias": "dismissable"; "required": false; }; "showCloseIcon": { "alias": "showCloseIcon"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "ariaCloseLabel": { "alias": "ariaCloseLabel"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "focusOnShow": { "alias": "focusOnShow"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], ["*"], true, never>;
     static ngAcceptInputType_dismissable: unknown;
     static ngAcceptInputType_showCloseIcon: unknown;
     static ngAcceptInputType_autoZIndex: unknown;