cax-design-system 1.1.1 → 1.2.0

package/README.md

@@ -1,6 +1,6 @@
 # Cax Design System
 
-You can access all the modules available in cax design system in the [storybook](https://673d43a5032fb6c56edd4107-mdewdqtluf.chromatic.com/)
+You can access all the modules available in cax design system in the [storybook](https://673d43a5032fb6c56edd4107-kffmukohdo.chromatic.com/)
 
 ### Installation
 

package/autocomplete/autocomplete.d.ts

@@ -8,18 +8,6 @@ import { Scroller } from 'cax-design-system/scroller';
 import { Nullable } from 'cax-design-system/ts-helpers';
 import { AutoCompleteCompleteEvent, AutoCompleteDropdownClickEvent, AutoCompleteLazyLoadEvent, AutoCompleteSelectEvent, AutoCompleteUnselectEvent } from './autocomplete.interface';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "cax-design-system/overlay";
-import * as i3 from "cax-design-system/inputtext";
-import * as i4 from "cax-design-system/button";
-import * as i5 from "cax-design-system/api";
-import * as i6 from "cax-design-system/ripple";
-import * as i7 from "cax-design-system/scroller";
-import * as i8 from "cax-design-system/autofocus";
-import * as i9 from "cax-design-system/icons/timescircle";
-import * as i10 from "cax-design-system/icons/spinner";
-import * as i11 from "cax-design-system/icons/times";
-import * as i12 from "cax-design-system/icons/chevrondown";
 export declare const AUTOCOMPLETE_VALUE_ACCESSOR: any;
 /**
  * AutoComplete is an input component that provides real-time suggestions when being typed.
@@ -480,30 +468,30 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
     get focusedMultipleOptionId(): string;
     get focusedOptionId(): string;
     get containerClass(): {
-        'p-autocomplete p-component p-inputwrapper': boolean;
-        'p-disabled': boolean;
-        'p-focus': boolean;
-        'p-autocomplete-dd': boolean;
-        'p-autocomplete-multiple': boolean;
-        'p-inputwrapper-focus': boolean;
-        'p-overlay-open': boolean;
+        'cax-autocomplete cax-component cax-inputwrapper': boolean;
+        'cax-disabled': boolean;
+        'cax-focus': boolean;
+        'cax-autocomplete-dd': boolean;
+        'cax-autocomplete-multiple': boolean;
+        'cax-inputwrapper-focus': boolean;
+        'cax-overlay-open': boolean;
     };
     get multiContainerClass(): {
-        'p-autocomplete-multiple-container p-component p-inputtext': boolean;
-        'p-variant-filled': boolean;
+        'cax-autocomplete-multiple-container cax-component cax-inputtext': boolean;
+        'cax-variant-filled': boolean;
     };
     get panelClass(): {
-        'p-autocomplete-panel p-component': boolean;
-        'p-input-filled': boolean;
-        'p-ripple-disabled': boolean;
+        'cax-autocomplete-panel cax-component': boolean;
+        'cax-input-filled': boolean;
+        'cax-ripple-disabled': boolean;
     };
     get panelStyles(): {
         'max-height': string;
     };
     get inputClass(): {
-        'p-autocomplete-input p-inputtext p-component': boolean;
-        'p-autocomplete-dd-input': boolean;
-        'p-variant-filled': boolean;
+        'cax-autocomplete-input cax-inputtext cax-component': boolean;
+        'cax-autocomplete-dd-input': boolean;
+        'cax-variant-filled': boolean;
     };
     get searchResultMessageText(): string;
     get searchMessageText(): string;
@@ -593,7 +581,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, "p-autoComplete", never, { "minLength": { "alias": "minLength"; "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; }; "size": { "alias": "size"; "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; }; }, { "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; }; "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; }; "size": { "alias": "size"; "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; }; }, { "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;
@@ -622,8 +610,3 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
     static ngAcceptInputType_searchLocale: unknown;
     static ngAcceptInputType_focusOnHover: unknown;
 }
-export declare class AutoCompleteModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AutoCompleteModule, [typeof AutoComplete], [typeof i1.CommonModule, typeof i2.OverlayModule, typeof i3.InputTextModule, typeof i4.ButtonModule, typeof i5.SharedModule, typeof i6.RippleModule, typeof i7.ScrollerModule, typeof i8.AutoFocusModule, typeof i9.TimesCircleIcon, typeof i10.SpinnerIcon, typeof i11.TimesIcon, typeof i12.ChevronDownIcon], [typeof AutoComplete, typeof i2.OverlayModule, typeof i5.SharedModule, typeof i7.ScrollerModule, typeof i8.AutoFocusModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AutoCompleteModule>;
-}

package/autocomplete/autocomplete.module.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./autocomplete";
+import * as i2 from "@angular/common";
+import * as i3 from "cax-design-system/overlay";
+import * as i4 from "cax-design-system/inputtext";
+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";
+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 ɵinj: i0.ɵɵInjectorDeclaration<AutoCompleteModule>;
+}

package/autocomplete/public_api.d.ts

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