cps-ui-kit 19.4.0 → 20.1.0

package/package.json

@@ -1,15 +1,17 @@
 {
   "name": "cps-ui-kit",
-  "version": "19.4.0",
+  "version": "20.1.0",
   "peerDependencies": {
-    "@angular/common": "^19.1.0",
-    "@angular/core": "^19.1.0",
-    "@angular/forms": "^19.1.0",
+    "@angular/common": "^20.2.1",
+    "@angular/core": "^20.2.1",
+    "@angular/forms": "^20.2.1",
     "rxjs": "^7.8.1",
     "zone.js": "^0.15.0",
     "@types/lodash-es": "^4.17.12",
     "lodash-es": "^4.17.21",
-    "primeng": "^19.0.5",
+    "primeng": "^20.0.1",
+    "@primeuix/utils": "^0.6.1",
+    "@primeuix/styled": "^0.7.2",
     "@e965/xlsx": "^0.20.3"
   },
   "repository": {
@@ -19,7 +21,7 @@
   "homepage": "https://github.com/AbsaOSS/cps-shared-ui",
   "license": "Apache License 2.0",
   "dependencies": {
-    "tslib": "^2.6.2"
+    "tslib": "^2.8.1"
   },
   "sideEffects": false,
   "module": "fesm2022/cps-ui-kit.mjs",

package/styles/styles.scss

@@ -1,7 +1,8 @@
-@import './_bootstrap-grid';
-@import './_colors.scss';
-@import './_fonts.scss';
-@import './_cps-tooltip-style.scss';
+@use './_bootstrap-grid';
+@use './_colors.scss';
+@use './_fonts.scss';
+@use './_cps-tooltip-style.scss';
+@use 'primeicons/primeicons.css';
 
 *,
 *::before,
@@ -16,4 +17,4 @@
   overflow: scroll;
   position: absolute;
   top: -9999px;
-}
+}

package/lib/components/cps-autocomplete/cps-autocomplete.component.d.ts

@@ -1,332 +0,0 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
-import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { IconType, iconSizeType } from '../cps-icon/cps-icon.component';
-import { LabelByValuePipe } from '../../pipes/internal/label-by-value.pipe';
-import { CpsTooltipPosition } from '../../directives/cps-tooltip/cps-tooltip.directive';
-import { CpsMenuComponent, CpsMenuHideReason } from '../cps-menu/cps-menu.component';
-import { Scroller } from 'primeng/scroller';
-import * as i0 from "@angular/core";
-/**
- * CpsAutocompleteAppearanceType is used to define the border of the autocomplete input.
- * @group Types
- */
-export type CpsAutocompleteAppearanceType = 'outlined' | 'underlined' | 'borderless';
-/**
- * CpsAutocompleteComponent is an input component that provides real-time suggestions when being typed.
- * @group Components
- */
-export declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit, OnChanges, AfterViewInit, OnDestroy {
-    private _control;
-    private document;
-    private cdRef;
-    private _labelByValue;
-    /**
-     * Label of the autocomplete component.
-     * @group Props
-     */
-    label: string;
-    /**
-     * Placeholder text.
-     * @group Props
-     */
-    placeholder: string;
-    /**
-     * Bottom hint text.
-     * @group Props
-     */
-    hint: string;
-    /**
-     * Returns the object directly rather than the value specified with optionValue.
-     * @group Props
-     */
-    returnObject: boolean;
-    /**
-     * Specifies if multiple values can be selected.
-     * @group Props
-     */
-    multiple: boolean;
-    /**
-     * Determines whether autocomplete is disabled.
-     * @group Props
-     */
-    disabled: boolean;
-    /**
-     * Width of the autocomplete component, a number denoting pixels or a string.
-     * @group Props
-     */
-    width: number | string;
-    /**
-     * Option for selecting all elements. Doesn't work with virtual scroll.
-     * @group Props
-     */
-    selectAll: boolean;
-    /**
-     * Determines whether the chevron icon should be displayed.
-     * @group Props
-     */
-    showChevron: boolean;
-    /**
-     * Determines whether the options should be filtered by aliases in addition to labels.
-     * @group Props
-     */
-    withOptionsAliases: boolean;
-    /**
-     * Determines whether the options should be filtered by aliases in addition to labels only when no label match is found. Works only If withOptionsAliases is true.
-     * @group Props
-     */
-    useOptionsAliasesWhenNoMatch: boolean;
-    /**
-     * Name of the alias field of an option. Needed only if withOptionsAliases is true.
-     * @group Props
-     */
-    optionAlias: string;
-    /**
-     * When selecting elements, they will appear in a form of a chip.
-     * @group Props
-     */
-    chips: boolean;
-    /**
-     * Determines whether the chips can be directly removed.
-     * @group Props
-     */
-    closableChips: boolean;
-    /**
-     * When enabled, a clear icon is displayed to clear the value.
-     * @group Props
-     */
-    clearable: boolean;
-    /**
-     * Determines whether the dropdown list should open on clear.
-     * @group Props
-     */
-    openOnClear: boolean;
-    /**
-     * If multiple, determines whether selected options should be ordered according to the initial order of the options.
-     * @group Props
-     */
-    keepInitialOrder: boolean;
-    /**
-     * Name of the label field of an option.
-     * @group Props
-     */
-    optionLabel: string;
-    /**
-     * Name of the value field of an option. Needed only if returnObject prop is false.
-     * @group Props
-     */
-    optionValue: string;
-    /**
-     * Name of the info field of an option, shows the additional information text.
-     * @group Props
-     */
-    optionInfo: string;
-    /**
-     * Hides hint and validation errors.
-     * @group Props
-     */
-    hideDetails: boolean;
-    /**
-     * Determines whether the component should have persistent clear icon.
-     * @group Props
-     */
-    persistentClear: boolean;
-    /**
-     * Icon before input value.
-     * @group Props
-     */
-    prefixIcon: IconType;
-    /**
-     * Size of icon before input value.
-     * @group Props
-     */
-    prefixIconSize: iconSizeType;
-    /**
-     * When enabled, a loading bar is displayed.
-     * @group Props
-     */
-    loading: boolean;
-    /**
-     * Text to display when options list is loading.
-     * @group Props
-     */
-    loadingMessage: string;
-    /**
-     * Determines whether the loading message should be displayed.
-     * @group Props
-     */
-    showLoadingMessage: boolean;
-    /**
-     * Text to display when there is no data.
-     * @group Props
-     */
-    emptyMessage: string;
-    /**
-     * Determines whether the empty message should be displayed.
-     * @group Props
-     */
-    showEmptyMessage: boolean;
-    /**
-     * Determines whether only the elements within scrollable area should be added into the DOM.
-     * @group Props
-     */
-    virtualScroll: boolean;
-    /**
-     * Determines how many additional elements to add to the DOM outside of the view.
-     * @group Props
-     */
-    numToleratedItems: number;
-    /**
-     * Externally set error message.
-     * @group Props
-     */
-    externalError: string;
-    /**
-     * When it is not an empty string, an info icon is displayed to show text for more info.
-     * @group Props
-     */
-    infoTooltip: string;
-    /**
-     * Info tooltip class for styling.
-     * @group Props
-     */
-    infoTooltipClass: string;
-    /**
-     * Max width of infoTooltip of type number denoting pixels or string.
-     * @group Props
-     */
-    infoTooltipMaxWidth: number | string;
-    /**
-     * Determines whether the infoTooltip is persistent.
-     * @group Props
-     */
-    infoTooltipPersistent: boolean;
-    /**
-     * Position of infoTooltip, it can be 'top', 'bottom', 'left' or 'right'.
-     * @group Props
-     */
-    infoTooltipPosition: CpsTooltipPosition;
-    /**
-     * Styling appearance of autocomplete input, it could be 'outlined', 'underlined' or 'borderless'.
-     * @group Props
-     */
-    appearance: CpsAutocompleteAppearanceType;
-    /**
-     * Index of empty value in options array. Applicable only if multiple is false.
-     * @group Props
-     */
-    emptyOptionIndex: number;
-    /**
-     * Debounce time for inputChanged event.
-     * @group Props
-     */
-    inputChangeDebounceTime: number;
-    /**
-     * Determines whether the component is currently validating the selected value asynchronously.
-     * @group Props
-     */
-    validating: boolean;
-    /**
-     * Value of the autocomplete.
-     * @group Props
-     */
-    _value: any;
-    get value(): any;
-    set value(value: any);
-    /**
-     * An array of options.
-     * @group Props
-     */
-    set options(opts: any[] | undefined);
-    get options(): any[];
-    /**
-     * Callback to invoke on value change.
-     * @param {any} any - value changed.
-     * @group Emits
-     */
-    valueChanged: EventEmitter<any>;
-    /**
-     * Callback to invoke on field input change.
-     * @param {string} string - input changed.
-     * @group Emits
-     */
-    inputChanged: EventEmitter<string>;
-    /**
-     * Callback to invoke when the component receives focus.
-     * @param {any}
-     * @group Emits
-     */
-    focused: EventEmitter<any>;
-    /**
-     * Callback to invoke when the component loses focus.
-     * @param {any}
-     * @group Emits
-     */
-    blurred: EventEmitter<any>;
-    autocompleteBox: ElementRef;
-    autocompleteContainer: ElementRef;
-    virtualList: Scroller;
-    optionsMenu: CpsMenuComponent;
-    optionsList: ElementRef;
-    autocompleteInput: ElementRef;
-    error: string;
-    cvtWidth: string;
-    isOpened: boolean;
-    inputText: string;
-    inputTextDebounced: string;
-    filteredOptions: any[];
-    backspaceClickedOnce: boolean;
-    activeSingle: boolean;
-    optionHighlightedIndex: number;
-    virtualListHeight: number;
-    virtualScrollItemSize: number;
-    autocompleteBoxWidth: number;
-    resizeObserver: ResizeObserver;
-    isTimePickerField: boolean;
-    private _inputChangeSubject$;
-    private _destroy$;
-    private _options;
-    constructor(_control: NgControl, document: Document, cdRef: ChangeDetectorRef, _labelByValue: LabelByValuePipe);
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    select(option: any, byValue: boolean, needClearInput?: boolean, needFocusInput?: boolean): void;
-    onOptionClick(option: any): void;
-    toggleAll(): void;
-    onChange: (event: any) => void;
-    onTouched: () => void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    filterOptions(event: any): void;
-    writeValue(value: any): void;
-    clear(event?: any): void;
-    setDisabledState(disabled: boolean): void;
-    onBlur(): void;
-    onFocus(): void;
-    isActive(): boolean;
-    onBeforeOptionsHidden(reason: CpsMenuHideReason): void;
-    onBoxClick(): void;
-    onContainerKeyDown(event: any): void;
-    onInputKeyDown(event: any): void;
-    onChevronClick(event: any): void;
-    focusInput(): void;
-    focus(): void;
-    recalcVirtualListHeight(): void;
-    isEmptyValue(): boolean;
-    clearInput(): void;
-    private _getEmptyValue;
-    private _toggleOptions;
-    private _clickOption;
-    private _checkErrors;
-    private updateValue;
-    private _getValueLabel;
-    private _closeAndClear;
-    private _getHTMLOptions;
-    private _dehighlightOption;
-    private _highlightOption;
-    private _navigateOptionsByArrows;
-    private _confirmInput;
-    private _removeLastValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsAutocompleteComponent, [{ optional: true; self: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsAutocompleteComponent, "cps-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "returnObject": { "alias": "returnObject"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "showChevron": { "alias": "showChevron"; "required": false; }; "withOptionsAliases": { "alias": "withOptionsAliases"; "required": false; }; "useOptionsAliasesWhenNoMatch": { "alias": "useOptionsAliasesWhenNoMatch"; "required": false; }; "optionAlias": { "alias": "optionAlias"; "required": false; }; "chips": { "alias": "chips"; "required": false; }; "closableChips": { "alias": "closableChips"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "openOnClear": { "alias": "openOnClear"; "required": false; }; "keepInitialOrder": { "alias": "keepInitialOrder"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionInfo": { "alias": "optionInfo"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "prefixIconSize": { "alias": "prefixIconSize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingMessage": { "alias": "loadingMessage"; "required": false; }; "showLoadingMessage": { "alias": "showLoadingMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "numToleratedItems": { "alias": "numToleratedItems"; "required": false; }; "externalError": { "alias": "externalError"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "emptyOptionIndex": { "alias": "emptyOptionIndex"; "required": false; }; "inputChangeDebounceTime": { "alias": "inputChangeDebounceTime"; "required": false; }; "validating": { "alias": "validating"; "required": false; }; "_value": { "alias": "value"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "valueChanged": "valueChanged"; "inputChanged": "inputChanged"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
-}

package/lib/components/cps-button/cps-button.component.d.ts

@@ -1,89 +0,0 @@
-import { EventEmitter, OnChanges } from '@angular/core';
-import { IconType } from '../cps-icon/cps-icon.component';
-import * as i0 from "@angular/core";
-/**
- * CpsButtonComponent is a button element.
- * @group Components
- */
-export declare class CpsButtonComponent implements OnChanges {
-    private document;
-    /**
-     * Color of the button.
-     * @group Props
-     */
-    color: string;
-    /**
-     * Color of content on the button. Works only with 'solid' type.
-     * @group Props
-     */
-    contentColor: string;
-    /**
-     * Border radius of the button, of type number denoting pixels or string.
-     * @group Props
-     */
-    borderRadius: number | string;
-    /**
-     * Type of the button in terms of appearance, it can be 'solid' or 'outlined' or 'borderless'.
-     * @group Props
-     */
-    type: 'solid' | 'outlined' | 'borderless';
-    /**
-     * Label or text on the button.
-     * @group Props
-     */
-    label: string;
-    /**
-     * Name of the icon on the button.
-     * @group Props
-     */
-    icon: IconType;
-    /**
-     * Position of the icon on the button, it can be 'before' or 'after'.
-     * @group Props
-     */
-    iconPosition: 'before' | 'after';
-    /**
-     * Size on the button, it can be 'xsmall', 'small', 'normal' or 'large'.
-     * @group Props
-     */
-    size: 'xsmall' | 'small' | 'normal' | 'large';
-    /**
-     * Width on the button, of type number denoting pixels or string.
-     * @group Props
-     */
-    width: number | string;
-    /**
-     * Height on the button, of type number denoting pixels or string.
-     * @group Props
-     */
-    height: number | string;
-    /**
-     * Determines whether the button is disabled.
-     * @group Props
-     */
-    disabled: boolean;
-    /**
-     * When enabled, a cps-progress-circular bar is displayed.
-     * @group Props
-     */
-    loading: boolean;
-    /**
-     * Callback to execute when button is clicked.
-     * @param {any} any - button clicked.
-     * @group Emits
-     */
-    clicked: EventEmitter<any>;
-    buttonColor: string;
-    textColor: string;
-    cvtWidth: string;
-    cvtHeight: string;
-    cvtFontSize: string;
-    cvtIconSize: string;
-    classesList: string[];
-    constructor(document: Document);
-    ngOnChanges(): void;
-    setClasses(): void;
-    onClick(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsButtonComponent, "cps-button", never, { "color": { "alias": "color"; "required": false; }; "contentColor": { "alias": "contentColor"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "size": { "alias": "size"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
-}

package/lib/components/cps-button-toggle/cps-button-toggle.component.d.ts

@@ -1,111 +0,0 @@
-import { EventEmitter, OnInit, Renderer2 } from '@angular/core';
-import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { CpsTooltipPosition } from '../../directives/cps-tooltip/cps-tooltip.directive';
-import * as i0 from "@angular/core";
-/**
- * CpsButtonToggleOption is used to define the options of the CpsButtonToggleComponent.
- * @group Types
- */
-export type CpsButtonToggleOption = {
-    value: any;
-    label?: string;
-    icon?: string;
-    disabled?: boolean;
-    tooltip?: string;
-};
-/**
- * CpsButtonToggleComponent is used to select values using buttons.
- * @group Components
- */
-export declare class CpsButtonToggleComponent implements ControlValueAccessor, OnInit {
-    private _control;
-    private document;
-    private renderer;
-    /**
-     * Label of the toggle buttons.
-     * @group Props
-     */
-    label: string;
-    /**
-     * An array of options.
-     * @group Props
-     */
-    options: CpsButtonToggleOption[];
-    /**
-     * Specifies if multiple values can be selected.
-     * @group Props
-     */
-    multiple: boolean;
-    /**
-     * Specifies that the component should be disabled.
-     * @group Props
-     */
-    disabled: boolean;
-    /**
-     * Determines whether at least one of the options is mandatory.
-     * @group Props
-     */
-    mandatory: boolean;
-    /**
-     * Determines whether all buttons should have equal widths.
-     * @group Props
-     */
-    equalWidths: boolean;
-    /**
-     * Position of the option tooltip, can be 'top', 'bottom', 'left' or 'right'.
-     * @group Props
-     */
-    optionTooltipPosition: CpsTooltipPosition;
-    /**
-     * When it is not an empty string, an info icon is displayed to show text for more info.
-     * @group Props
-     */
-    infoTooltip: string;
-    /**
-     * Info tooltip class for styling.
-     * @group Props
-     */
-    infoTooltipClass: string;
-    /**
-     * Size of infoTooltip, of type number denoting pixels or string.
-     * @group Props
-     */
-    infoTooltipMaxWidth: number | string;
-    /**
-     * Determines whether the infoTooltip is persistent.
-     * @group Props
-     */
-    infoTooltipPersistent: boolean;
-    /**
-     * Position of infoTooltip, it can be 'top', 'bottom', 'left' or 'right'.
-     * @group Props
-     */
-    infoTooltipPosition: CpsTooltipPosition;
-    /**
-     * Value of the component.
-     * @group Props
-     */
-    _value: any;
-    set value(value: any);
-    get value(): any;
-    /**
-     * Callback to invoke on value change.
-     * @param {any} any - value changed.
-     * @group Emits
-     */
-    valueChanged: EventEmitter<any>;
-    largestButtonWidth: number;
-    constructor(_control: NgControl, document: Document, renderer: Renderer2);
-    ngOnInit(): void;
-    onChange: (event: any) => void;
-    onTouched: () => void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    writeValue(value: any): void;
-    updateValueEvent(event: any, val: any): void;
-    private _updateValue;
-    private _setEqualWidths;
-    setDisabledState(disabled: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsButtonToggleComponent, [{ optional: true; self: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsButtonToggleComponent, "cps-button-toggle", never, { "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mandatory": { "alias": "mandatory"; "required": false; }; "equalWidths": { "alias": "equalWidths"; "required": false; }; "optionTooltipPosition": { "alias": "optionTooltipPosition"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "_value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
-}

package/lib/components/cps-checkbox/cps-checkbox.component.d.ts

@@ -1,86 +0,0 @@
-import { ElementRef, EventEmitter, OnInit } from '@angular/core';
-import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { CpsTooltipPosition } from '../../directives/cps-tooltip/cps-tooltip.directive';
-import { IconType } from '../cps-icon/cps-icon.component';
-import * as i0 from "@angular/core";
-/**
- * CpsCheckboxComponent is a checkbox element.
- * @group Components
- */
-export declare class CpsCheckboxComponent implements OnInit, ControlValueAccessor {
-    private _control;
-    private document;
-    private _elementRef;
-    /**
-     * Label of the checkbox.
-     * @group Props
-     */
-    label: string;
-    /**
-     * Determines whether checkbox is disabled.
-     * @group Props
-     */
-    disabled: boolean;
-    /**
-     * When it is not an empty string, an info icon is displayed to show text for more info.
-     * @group Props
-     */
-    infoTooltip: string;
-    /**
-     * InfoTooltip class for styling.
-     * @group Props
-     */
-    infoTooltipClass: string;
-    /**
-     * Size of infoTooltip, of type number denoting pixels or string.
-     * @group Props
-     */
-    infoTooltipMaxWidth: number | string;
-    /**
-     * Determines whether the infoTooltip is persistent.
-     * @group Props
-     */
-    infoTooltipPersistent: boolean;
-    /**
-     * Position of infoTooltip, it can be 'top', 'bottom', 'left' or 'right'.
-     * @group Props
-     */
-    infoTooltipPosition: CpsTooltipPosition;
-    /**
-     * Name of the icon.
-     * @group Props
-     */
-    icon: IconType;
-    /**
-     * Color of the icon.
-     * @group Props
-     */
-    iconColor: string;
-    /**
-     * Value of the checkbox.
-     * @default false
-     * @group Props
-     */
-    set value(value: boolean);
-    get value(): boolean;
-    /**
-     * Callback to invoke on value change.
-     * @param {boolean} boolean - value changed.
-     * @group Emits
-     */
-    valueChanged: EventEmitter<boolean>;
-    private _value;
-    constructor(_control: NgControl, document: Document, _elementRef: ElementRef<HTMLElement>);
-    ngOnInit(): void;
-    onChange: (event: any) => void;
-    onTouched: () => void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    writeValue(value: boolean): void;
-    updateValueEvent(event: any): void;
-    private _updateValue;
-    setDisabledState(disabled: boolean): void;
-    focus(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsCheckboxComponent, [{ optional: true; self: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsCheckboxComponent, "cps-checkbox", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
-}