cax-design-system 2.8.4 → 3.0.0

package/inputchips/index.d.ts

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

package/{chips/chips.d.ts → inputchips/inputchips.d.ts}

@@ -2,14 +2,14 @@ import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, QueryLis
 import { ControlValueAccessor } from '@angular/forms';
 import { caxConfig } from 'cax-design-system/api';
 import { Nullable } from 'cax-design-system/ts-helpers';
-import { ChipsAddEvent, ChipsClickEvent, ChipsRemoveEvent } from './chips.interface';
+import { ChipsAddEvent, ChipsClickEvent, ChipsRemoveEvent } from './inputchips.interface';
 import * as i0 from "@angular/core";
 export declare const CHIPS_VALUE_ACCESSOR: any;
 /**
  * Chips groups a collection of contents in tabs.
  * @group Components
  */
-export declare class Chips implements AfterContentInit, ControlValueAccessor {
+export declare class InputChips implements AfterContentInit, ControlValueAccessor {
     private document;
     el: ElementRef;
     cd: ChangeDetectorRef;
@@ -20,6 +20,7 @@ export declare class Chips implements AfterContentInit, ControlValueAccessor {
     rightIcon?: boolean;
     chipIcon: string | undefined;
     label: string | undefined;
+    readonly: boolean;
     chipsScrollable: ElementRef;
     isTyping: boolean;
     /**
@@ -136,6 +137,21 @@ export declare class Chips implements AfterContentInit, ControlValueAccessor {
      * @group Props
      */
     size: 'sm' | 'md' | 'lg';
+    /**
+     * Whether the input is in an invalid state.
+     * @group Props
+     */
+    invalid: boolean;
+    /**
+     * Text to display when the input is valid.
+     * @group Props
+     */
+    successText?: string;
+    /**
+     * Text to display when the input is invalid.
+     * @group Props
+     */
+    errorText?: string;
     /**
      * Callback to invoke on chip add.
      * @param {ChipsAddEvent} event - Custom chip add event.
@@ -171,6 +187,7 @@ export declare class Chips implements AfterContentInit, ControlValueAccessor {
      * @group Emits
      */
     onClear: EventEmitter<any>;
+    valueChange: EventEmitter<any>;
     inputViewChild: ElementRef;
     containerViewChild: ElementRef;
     templates: QueryList<any>;
@@ -178,7 +195,7 @@ export declare class Chips implements AfterContentInit, ControlValueAccessor {
     removeTokenIconTemplate: Nullable<TemplateRef<any>>;
     clearIconTemplate: Nullable<TemplateRef<any>>;
     value: any;
-    severity: ChipSeverity;
+    color: 'blue' | 'grey' | 'green' | 'orange' | 'red' | 'pink' | 'purple' | 'teal' | 'cyan' | 'olive' | 'azure' | 'magenta';
     onModelChange: Function;
     onModelTouched: Function;
     valueChanged: Nullable<boolean>;
@@ -218,8 +235,9 @@ export declare class Chips implements AfterContentInit, ControlValueAccessor {
     clear(): void;
     onKeyDown(event: any): void;
     updateMaxedOut(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Chips, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Chips, "cax-chips", never, { "leftIconClass": { "alias": "leftIconClass"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIconClass": { "alias": "rightIconClass"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "chipIcon": { "alias": "chipIcon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "field": { "alias": "field"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "allowDuplicate": { "alias": "allowDuplicate"; "required": false; }; "caseSensitiveDuplication": { "alias": "caseSensitiveDuplication"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "addOnTab": { "alias": "addOnTab"; "required": false; }; "addOnBlur": { "alias": "addOnBlur"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; }, { "onAdd": "onAdd"; "onRemove": "onRemove"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onChipClick": "onChipClick"; "onClear": "onClear"; }, ["templates"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputChips, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputChips, "cax-inputchips", never, { "leftIconClass": { "alias": "leftIconClass"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIconClass": { "alias": "rightIconClass"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "chipIcon": { "alias": "chipIcon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "field": { "alias": "field"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "allowDuplicate": { "alias": "allowDuplicate"; "required": false; }; "caseSensitiveDuplication": { "alias": "caseSensitiveDuplication"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "addOnTab": { "alias": "addOnTab"; "required": false; }; "addOnBlur": { "alias": "addOnBlur"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "successText": { "alias": "successText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "value": { "alias": "value"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "onAdd": "onAdd"; "onRemove": "onRemove"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onChipClick": "onChipClick"; "onClear": "onClear"; "valueChange": "valueChange"; }, ["templates"], never, true, never>;
+    static ngAcceptInputType_readonly: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_max: unknown;
     static ngAcceptInputType_tabindex: unknown;
@@ -229,5 +247,5 @@ export declare class Chips implements AfterContentInit, ControlValueAccessor {
     static ngAcceptInputType_addOnBlur: unknown;
     static ngAcceptInputType_showClear: unknown;
     static ngAcceptInputType_autofocus: unknown;
+    static ngAcceptInputType_invalid: unknown;
 }
-export type ChipSeverity = 'primary' | 'secondary' | 'success' | 'warning' | 'error';

package/{chips/chips.interface.d.ts → inputchips/inputchips.interface.d.ts}

@@ -1,7 +1,7 @@
 import { TemplateRef } from '@angular/core';
 /**
  * Custom add event.
- * @see {@link Chips.onAdd}
+ * @see {@link InputChips.onAdd}
  * @group Events
  */
 export interface ChipsAddEvent {

package/inputchips/inputchips.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "cax-design-system/inputtext";
+import * as i3 from "cax-design-system/api";
+import * as i4 from "cax-design-system/autofocus";
+import * as i5 from "cax-design-system/icons/timescircle";
+import * as i6 from "cax-design-system/icons/times";
+import * as i7 from "./inputchips";
+import * as i8 from "cax-design-system/chip";
+export declare class InputChipsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputChipsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InputChipsModule, never, [typeof i1.CommonModule, typeof i2.InputTextModule, typeof i3.SharedModule, typeof i4.AutoFocusModule, typeof i5.TimesCircleIcon, typeof i6.TimesIcon, typeof i7.InputChips, typeof i8.ChipModule], [typeof i7.InputChips, typeof i2.InputTextModule, typeof i3.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<InputChipsModule>;
+}

package/inputchips/public_api.d.ts

@@ -0,0 +1,3 @@
+export * from './inputchips';
+export * from './inputchips.interface';
+export * from './inputchips.module';

package/inputgroup/inputgroup.d.ts

@@ -28,6 +28,37 @@ export declare class InputGroup {
      * @group Props
      */
     label: string;
+    /**
+     * Success text to display below the input group
+     * @group Props
+     */
+    successText?: string;
+    /**
+     * Error text to display below the input group
+     * @group Props
+     */
+    errorText?: string;
+    /**
+     * Whether the input group is in an invalid state
+     * @group Props
+     */
+    invalid: boolean;
+    /**
+     * Whether the input group is disabled
+     * @group Props
+     */
+    disabled: boolean;
+    /**
+     * Whether the input group is read-only
+     * @group Props
+     */
+    readonly: boolean;
+    /**
+     * Size of the input group
+     * @group Props
+     */
+    size: 'sm' | 'md' | 'lg';
     static ɵfac: i0.ɵɵFactoryDeclaration<InputGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputGroup, "cax-inputgroup", never, { "ingredient": { "alias": "ingredient"; "required": false; }; "value": { "alias": "value"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputGroup, "cax-inputgroup", never, { "ingredient": { "alias": "ingredient"; "required": false; }; "value": { "alias": "value"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "label": { "alias": "label"; "required": false; }; "successText": { "alias": "successText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], false, never>;
+    static ngAcceptInputType_readonly: unknown;
 }

package/inputmask/inputmask.d.ts

@@ -154,6 +154,12 @@ export declare class InputMask implements OnInit, ControlValueAccessor {
      */
     get mask(): string | undefined | null;
     set mask(val: string | undefined | null);
+    /**
+     * Value of the component.
+     * @group Props
+     */
+    get value(): Nullable<string>;
+    set value(val: Nullable<string>);
     /**
      * Callback to invoke when the mask is completed.
      * @group Emits
@@ -191,7 +197,7 @@ export declare class InputMask implements OnInit, ControlValueAccessor {
     inputViewChild: Nullable<ElementRef>;
     templates: QueryList<CaxTemplate>;
     clearIconTemplate: Nullable<TemplateRef<any>>;
-    value: Nullable<string>;
+    _val: Nullable<string>;
     _mask: Nullable<string>;
     onModelChange: Function;
     onModelTouched: Function;
@@ -222,7 +228,7 @@ export declare class InputMask implements OnInit, ControlValueAccessor {
     invalid: boolean;
     errorText?: string;
     successText?: string;
-    heightsize: 'sm' | 'md' | 'lg';
+    inputSize: 'sm' | 'md' | 'lg';
     get inputClass(): {
         'cax-inputmask': boolean;
     };
@@ -257,7 +263,7 @@ export declare class InputMask implements OnInit, ControlValueAccessor {
     focus(): void;
     clear(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputMask, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputMask, "cax-inputMask", never, { "type": { "alias": "type"; "required": false; }; "slotChar": { "alias": "slotChar"; "required": false; }; "autoClear": { "alias": "autoClear"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "style": { "alias": "style"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "unmask": { "alias": "unmask"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "characterPattern": { "alias": "characterPattern"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "keepBuffer": { "alias": "keepBuffer"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "label": { "alias": "label"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "leftIconClass": { "alias": "leftIconClass"; "required": false; }; "rightIconClass": { "alias": "rightIconClass"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "successText": { "alias": "successText"; "required": false; }; "heightsize": { "alias": "heightsize"; "required": false; }; }, { "onComplete": "onComplete"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onInput": "onInput"; "onKeydown": "onKeydown"; "onClear": "onClear"; }, ["templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputMask, "cax-inputMask", never, { "type": { "alias": "type"; "required": false; }; "slotChar": { "alias": "slotChar"; "required": false; }; "autoClear": { "alias": "autoClear"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "style": { "alias": "style"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "unmask": { "alias": "unmask"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "characterPattern": { "alias": "characterPattern"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "keepBuffer": { "alias": "keepBuffer"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "leftIconClass": { "alias": "leftIconClass"; "required": false; }; "rightIconClass": { "alias": "rightIconClass"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "successText": { "alias": "successText"; "required": false; }; "inputSize": { "alias": "inputSize"; "required": false; }; }, { "onComplete": "onComplete"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onInput": "onInput"; "onKeydown": "onKeydown"; "onClear": "onClear"; }, ["templates"], never, false, never>;
     static ngAcceptInputType_autoClear: unknown;
     static ngAcceptInputType_showClear: unknown;
     static ngAcceptInputType_size: unknown;

package/inputnumber/inputnumber.d.ts

@@ -56,7 +56,7 @@ export declare class InputNumber implements OnInit, AfterContentInit, OnChanges,
      * Size of the input field.
      * @group Props
      */
-    size: number | undefined;
+    size: 'sm' | 'md' | 'lg';
     /**
      * Maximum number of character allows in the input field.
      * @group Props
@@ -182,6 +182,26 @@ export declare class InputNumber implements OnInit, AfterContentInit, OnChanges,
      * @group Props
      */
     variant: 'filled' | 'outlined';
+    /**
+     * Text to display as label.
+     * @group Props
+     */
+    label: string | undefined;
+    /**
+     * Text to display when invalid.
+     * @group Props
+     */
+    errorText: string | undefined;
+    /**
+     * Text to display as helper.
+     * @group Props
+     */
+    successText: string | undefined;
+    /**
+     * When present, it specifies that the component is invalid.
+     * @group Props
+     */
+    invalid: boolean;
     /**
      * The minimum number of fraction digits to use. Possible values are from 0 to 20; the default for plain number and percent formatting is 0; the default for currency formatting is the number of minor unit digits provided by the ISO 4217 currency code list (2 if the list doesn't provide that information).
      * @group Props
@@ -267,7 +287,13 @@ export declare class InputNumber implements OnInit, AfterContentInit, OnChanges,
     clearIconTemplate: Nullable<TemplateRef<any>>;
     incrementButtonIconTemplate: Nullable<TemplateRef<any>>;
     decrementButtonIconTemplate: Nullable<TemplateRef<any>>;
-    value: Nullable<number>;
+    /**
+     * Value of the component.
+     * @group Props
+     */
+    get value(): Nullable<number>;
+    set value(val: Nullable<number>);
+    _val: Nullable<number>;
     onModelChange: Function;
     onModelTouched: Function;
     focused: Nullable<boolean>;
@@ -376,10 +402,9 @@ export declare class InputNumber implements OnInit, AfterContentInit, OnChanges,
     get filled(): boolean;
     clearTimer(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputNumber, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputNumber, "cax-inputNumber", never, { "showButtons": { "alias": "showButtons"; "required": false; }; "format": { "alias": "format"; "required": false; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "incrementButtonClass": { "alias": "incrementButtonClass"; "required": false; }; "decrementButtonClass": { "alias": "decrementButtonClass"; "required": false; }; "incrementButtonIcon": { "alias": "incrementButtonIcon"; "required": false; }; "decrementButtonIcon": { "alias": "decrementButtonIcon"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "step": { "alias": "step"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onInput": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onKeyDown": "onKeyDown"; "onClear": "onClear"; }, ["templates"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputNumber, "cax-inputNumber", never, { "showButtons": { "alias": "showButtons"; "required": false; }; "format": { "alias": "format"; "required": false; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "incrementButtonClass": { "alias": "incrementButtonClass"; "required": false; }; "decrementButtonClass": { "alias": "decrementButtonClass"; "required": false; }; "incrementButtonIcon": { "alias": "incrementButtonIcon"; "required": false; }; "decrementButtonIcon": { "alias": "decrementButtonIcon"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "step": { "alias": "step"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "successText": { "alias": "successText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onInput": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onKeyDown": "onKeyDown"; "onClear": "onClear"; }, ["templates"], never, true, never>;
     static ngAcceptInputType_showButtons: unknown;
     static ngAcceptInputType_format: unknown;
-    static ngAcceptInputType_size: unknown;
     static ngAcceptInputType_maxlength: unknown;
     static ngAcceptInputType_tabindex: unknown;
     static ngAcceptInputType_ariaRequired: unknown;
@@ -390,6 +415,7 @@ export declare class InputNumber implements OnInit, AfterContentInit, OnChanges,
     static ngAcceptInputType_step: unknown;
     static ngAcceptInputType_allowEmpty: unknown;
     static ngAcceptInputType_useGrouping: unknown;
+    static ngAcceptInputType_invalid: unknown;
     static ngAcceptInputType_minFractionDigits: unknown;
     static ngAcceptInputType_maxFractionDigits: unknown;
     static ngAcceptInputType_showClear: unknown;

package/inputtext/inputtext.component.d.ts

@@ -5,6 +5,7 @@ export declare class InputTextComponent implements ControlValueAccessor {
     value: string;
     placeholder: string;
     disabled: boolean;
+    readonly: boolean;
     maxlength?: number;
     successText?: string;
     errorText?: string;
@@ -39,5 +40,5 @@ export declare class InputTextComponent implements ControlValueAccessor {
     clearInput(): void;
     onRightIconClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "cax-inputtext", never, { "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "successText": { "alias": "successText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "rightIconClickable": { "alias": "rightIconClickable"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPath": { "alias": "iconPath"; "required": false; }; "disabledIcon": { "alias": "disabledIcon"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "leftIconClass": { "alias": "leftIconClass"; "required": false; }; "rightIconClass": { "alias": "rightIconClass"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "required": { "alias": "required"; "required": false; }; "style": { "alias": "style"; "required": false; }; "size": { "alias": "size"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, { "valueChange": "valueChange"; "rightIconClick": "rightIconClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "cax-inputtext", never, { "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "successText": { "alias": "successText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "rightIconClickable": { "alias": "rightIconClickable"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPath": { "alias": "iconPath"; "required": false; }; "disabledIcon": { "alias": "disabledIcon"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "leftIconClass": { "alias": "leftIconClass"; "required": false; }; "rightIconClass": { "alias": "rightIconClass"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "required": { "alias": "required"; "required": false; }; "style": { "alias": "style"; "required": false; }; "size": { "alias": "size"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, { "valueChange": "valueChange"; "rightIconClick": "rightIconClick"; }, never, never, false, never>;
 }

package/inputtext/inputtext.directive.d.ts

@@ -10,8 +10,10 @@ export declare class InputtextDirective implements DoCheck, AfterViewInit {
     filled: Nullable<boolean>;
     placeholder: string;
     disabled: boolean;
+    readonly: boolean;
     valueChange: EventEmitter<string>;
     variant: 'filled' | 'outlined';
+    size: 'sm' | 'md' | 'lg';
     constructor(el: ElementRef, ngModel: NgModel, cd: ChangeDetectorRef, renderer: Renderer2);
     ngAfterViewInit(): void;
     ngDoCheck(): void;
@@ -20,6 +22,6 @@ export declare class InputtextDirective implements DoCheck, AfterViewInit {
     updateFilledState(): void;
     clearInput(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputtextDirective, [null, { optional: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<InputtextDirective, "[caxInputText]", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputtextDirective, "[caxInputText]", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
 }
 export {};

package/inputtextarea/inputtextarea.component.d.ts

@@ -23,6 +23,8 @@ export declare class InputTextareaComponent implements AfterViewInit {
     autoResize: boolean;
     /** Variant of the textarea: 'filled' or 'outlined' */
     variant: 'filled' | 'outlined';
+    /** Size variant of the textarea */
+    size: 'sm' | 'md' | 'lg';
     /** Whether to show the character counter */
     charCounter: boolean;
     /** Value of the textarea */
@@ -53,5 +55,10 @@ export declare class InputTextareaComponent implements AfterViewInit {
     onInput(event: Event): void;
     resize(event?: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputTextareaComponent, "cax-inputtextarea", never, { "label": { "alias": "label"; "required": false; }; "textareaId": { "alias": "textareaId"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "charCounter": { "alias": "charCounter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "successText": { "alias": "successText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "style": { "alias": "style"; "required": false; }; }, { "onResize": "onResize"; "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputTextareaComponent, "cax-inputtextarea", never, { "label": { "alias": "label"; "required": false; }; "textareaId": { "alias": "textareaId"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "charCounter": { "alias": "charCounter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "successText": { "alias": "successText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "style": { "alias": "style"; "required": false; }; }, { "onResize": "onResize"; "valueChange": "valueChange"; }, never, never, false, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_autoResize: unknown;
+    static ngAcceptInputType_charCounter: unknown;
+    static ngAcceptInputType_invalid: unknown;
 }

package/inputtextarea/inputtextarea.directive.d.ts

@@ -18,11 +18,21 @@ export declare class InputTextareadirective implements OnInit, AfterViewInit, On
      * @group Props
      */
     autoResize: boolean | undefined;
+    /**
+     * When present, it specifies that an input field is read-only.
+     * @group Props
+     */
+    readonly: boolean;
     /**
      * Specifies the input variant of the component.
      * @group Props
      */
     variant: 'filled' | 'outlined';
+    /**
+     * Size of the textarea.
+     * @group Props
+     */
+    size: 'sm' | 'md' | 'lg';
     /**
      * Callback to invoke on textarea resize.
      * @param {(Event | {})} event - Custom resize event.
@@ -42,6 +52,7 @@ export declare class InputTextareadirective implements OnInit, AfterViewInit, On
     updateState(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputTextareadirective, [null, { optional: true; }, { optional: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<InputTextareadirective, "[caxInputTextarea]", never, { "autoResize": { "alias": "autoResize"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "onResize": "onResize"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputTextareadirective, "[caxInputTextarea]", never, { "autoResize": { "alias": "autoResize"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onResize": "onResize"; }, never, never, false, never>;
     static ngAcceptInputType_autoResize: unknown;
+    static ngAcceptInputType_readonly: unknown;
 }