cps-ui-kit 19.3.0 → 20.0.0

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

@@ -1,51 +0,0 @@
-import { EventEmitter, OnChanges } from '@angular/core';
-import { IconType } from '../cps-icon/cps-icon.component';
-import * as i0 from "@angular/core";
-/**
- * CpsChipComponent represents a chip element.
- * @group Components
- */
-export declare class CpsChipComponent implements OnChanges {
-    /**
-     * Label of the chip element.
-     * @group Props
-     */
-    label: string;
-    /**
-     * Name of the icon.
-     * @group Props
-     */
-    icon: IconType;
-    /**
-     * Color of the icon.
-     * @group Props
-     */
-    iconColor: string;
-    /**
-     * Position of the icon, it can be 'before' or 'after'.
-     * @group Props
-     */
-    iconPosition: 'before' | 'after';
-    /**
-     * Option for closing a chip element.
-     * @group Props
-     */
-    closable: boolean;
-    /**
-     * Determines whether chip is disabled.
-     * @group Props
-     */
-    disabled: boolean;
-    /**
-     * Callback to invoke on chip close.
-     * @param {string} string - Chip closed.
-     * @group Emits
-     */
-    closed: EventEmitter<string>;
-    classesList: string[];
-    ngOnChanges(): void;
-    setClasses(): void;
-    onCloseClick(event: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsChipComponent, "cps-chip", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "closed": "closed"; }, never, never, true, never>;
-}

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

@@ -1,158 +0,0 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { CpsInputComponent } from '../cps-input/cps-input.component';
-import { CpsTooltipPosition } from '../../directives/cps-tooltip/cps-tooltip.directive';
-import { CpsMenuComponent } from '../cps-menu/cps-menu.component';
-import * as i0 from "@angular/core";
-/**
- * CpsDatepickerAppearanceType is used to define the border of the datepicker input.
- * @group Types
- */
-export type CpsDatepickerAppearanceType = 'outlined' | 'underlined' | 'borderless';
-/**
- * CpsDatepickerComponent is an input component to provide date input.
- * @group Components
- */
-export declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, OnDestroy {
-    private _control;
-    /**
-     * Label of the datepicker element.
-     * @group Props
-     */
-    label: string;
-    /**
-     * Determines whether datepicker is disabled.
-     * @group Props
-     */
-    disabled: boolean;
-    /**
-     * Width of the datepicker of type number denoting pixels or string.
-     * @group Props
-     */
-    width: number | string;
-    /**
-     * Placeholder text.
-     * @group Props
-     */
-    placeholder: string;
-    /**
-     * Bottom hint text for the input field.
-     * @group Props
-     */
-    hint: string;
-    /**
-     * When enabled, a clear icon is displayed to clear the value.
-     * @group Props
-     */
-    clearable: boolean;
-    /**
-     * Hides hint and validation errors.
-     * @group Props
-     */
-    hideDetails: boolean;
-    /**
-     * Determines whether the component should have persistent clear icon.
-     * @group Props
-     */
-    persistentClear: boolean;
-    /**
-     * Determines whether to show button to be able to select today's date.
-     * @group Props
-     */
-    showTodayButton: boolean;
-    /**
-     * Determines whether the datepicker dropdown should open on input focus.
-     * @group Props
-     */
-    openOnInputFocus: 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;
-    /**
-     * Styling appearance of datepicker input, it can be 'outlined', 'underlined' or 'borderless.
-     * @group Props
-     */
-    appearance: CpsDatepickerAppearanceType;
-    /**
-     * Minimal date availalbe for selection.
-     * @group Props
-     */
-    minDate: Date;
-    /**
-     * Maximal date availalbe for selection.
-     * @group Props
-     */
-    maxDate: Date;
-    /**
-     * Value of the datepicker.
-     * @default null
-     * @group Props
-     */
-    set value(value: Date | null);
-    get value(): Date | null;
-    /**
-     * Callback to invoke on value change.
-     * @param {Date | null} value - value change.
-     * @group Emits
-     */
-    valueChanged: EventEmitter<Date | null>;
-    datepickerInput: CpsInputComponent;
-    calendarMenu: CpsMenuComponent;
-    stringDate: string;
-    isOpened: boolean;
-    error: string;
-    cvtWidth: string;
-    private _statusChangesSubscription?;
-    private _value;
-    constructor(_control: NgControl);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    onChange: (event: any) => void;
-    onTouched: () => void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    onInputValueChanged(val: string): void;
-    writeValue(value: Date | null): void;
-    private _updateValue;
-    private _updateValueFromInputString;
-    private _checkDateFormat;
-    private _checkDateInRange;
-    private _dateToString;
-    private _stringToDate;
-    private _checkErrors;
-    onClearCalendarDate(): void;
-    onSelectCalendarDate(dateVal: Date | null): void;
-    onInputBlur(): void;
-    onInputFocus(): void;
-    onInputEnterClicked(): void;
-    onClickCalendarIcon(): void;
-    onBeforeCalendarHidden(): void;
-    onInputClear(): void;
-    onCalendarContentClick(): void;
-    focusInput(): void;
-    toggleCalendar(show?: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsDatepickerComponent, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsDatepickerComponent, "cps-datepicker", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "openOnInputFocus": { "alias": "openOnInputFocus"; "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; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
-}

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

@@ -1,39 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * CpsDividerType is used to define the type of the divider.
- * @group Types
- */
-export type CpsDividerType = 'solid' | 'dashed' | 'dotted';
-/**
- * CpsDividerComponent is a component that can be used to separate content.
- * @group Components
- */
-export declare class CpsDividerComponent {
-    private document;
-    /**
-     * Determines whether the divider is vertically aligned.
-     * @group Props
-     */
-    vertical: import("@angular/core").InputSignal<boolean>;
-    /**
-     * Color of the divider.
-     * @group Props
-     */
-    color: import("@angular/core").InputSignal<string>;
-    /**
-     * Type of the divider.
-     * @group Props
-     */
-    type: import("@angular/core").InputSignal<CpsDividerType>;
-    /**
-     * Thickness of the divider, a number denoting pixels or a string.
-     * @group Props
-     */
-    thickness: import("@angular/core").InputSignal<string | number>;
-    constructor(document: Document);
-    private _borderTop;
-    private _borderRight;
-    private _constructBorder;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsDividerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsDividerComponent, "cps-divider", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/lib/components/cps-expansion-panel/cps-expansion-panel.component.d.ts

@@ -1,86 +0,0 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnInit, Renderer2 } from '@angular/core';
-import { IconType } from '../cps-icon/cps-icon.component';
-import { AnimationBuilder } from '@angular/animations';
-import * as i0 from "@angular/core";
-/**
- * CpsExpansionPanelComponent is a component that provides content on expansion.
- * @group Components
- */
-export declare class CpsExpansionPanelComponent implements OnInit, AfterViewInit {
-    private _animationBuilder;
-    private document;
-    private _renderer;
-    /**
-     * Title of the expansionPanel element.
-     * @group Props
-     */
-    headerTitle: string;
-    /**
-     * Background color of the expansion panel element.
-     * @group Props
-     */
-    backgroundColor: string;
-    /**
-     * Determines whether to show the chevron icon.
-     * @group Props
-     */
-    showChevron: boolean;
-    /**
-     * Indicates current expansion state.
-     * @group Props
-     */
-    isExpanded: boolean;
-    /**
-     * Determines whether expansion panel is disabled.
-     * @group Props
-     */
-    disabled: boolean;
-    /**
-     * If true, expansion panel element will have borders.
-     * @group Props
-     */
-    bordered: boolean;
-    /**
-     * The border radius of the component.
-     * @group Props
-     */
-    borderRadius: number | string;
-    /**
-     * Border color of the expansion panel.
-     * @group Props
-     */
-    borderColor: string;
-    /**
-     * The width of the expansion panel of type number denoting pixels or string.
-     * @group Props
-     */
-    width: number | string;
-    /**
-     * Name of the icon in front of the title.
-     * @group Props
-     */
-    prefixIcon: IconType;
-    /**
-     * Callback to invoke after a tab gets collapsed.
-     * @param {void}
-     * @group Emits
-     */
-    afterCollapse: EventEmitter<void>;
-    /**
-     * Callback to invoke after a tab gets expanded.
-     * @param {void}
-     * @group Emits
-     */
-    afterExpand: EventEmitter<void>;
-    panelContentElem: ElementRef;
-    private _contentExpandAnimation;
-    private _contentCollapseAnimation;
-    private _contentAnimationPlayer;
-    constructor(_animationBuilder: AnimationBuilder, document: Document, _renderer: Renderer2);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    toggleExpansion(): void;
-    private _updateContentVisibilityStyles;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsExpansionPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsExpansionPanelComponent, "cps-expansion-panel", never, { "headerTitle": { "alias": "headerTitle"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "showChevron": { "alias": "showChevron"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "width": { "alias": "width"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; }, { "afterCollapse": "afterCollapse"; "afterExpand": "afterExpand"; }, never, ["*"], true, never>;
-}

package/lib/components/cps-file-upload/cps-file-upload.component.d.ts

@@ -1,79 +0,0 @@
-import { ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { Observable } from 'rxjs';
-import { CpsTooltipPosition } from '../../directives/cps-tooltip/cps-tooltip.directive';
-import * as i0 from "@angular/core";
-/**
- * CpsFileUploadComponent is an advanced uploader with dragdrop support.
- * @group Components
- */
-export declare class CpsFileUploadComponent implements OnInit, OnChanges {
-    /**
-     * Expected extensions of a file to be uploaded. E.g. 'doc or .doc'.
-     * @group Props
-     */
-    extensions: string[];
-    /**
-     * Expected file description. E.g. 'Word document'.
-     * @group Props
-     */
-    fileDesc: string;
-    /**
-     * Width of the component, a number denoting pixels or a string.
-     * @group Props
-     */
-    width: number | string;
-    /**
-     * Expected file info block, explaining some extra stuff about file.
-     * @group Props
-     */
-    fileInfo: string;
-    /**
-     * Callback for uploaded file processing.
-     * @group Props
-     */
-    fileProcessingCallback?: (file: File) => Observable<boolean>;
-    /**
-     * Position of file name tooltip, it can be 'top', 'bottom', 'left' or 'right'.
-     * @group Props
-     */
-    fileNameTooltipPosition: CpsTooltipPosition;
-    /**
-     * File name tooltip offset for styling.
-     * @group Props
-     */
-    fileNameTooltipOffset: number;
-    /**
-     * Callback to invoke when file is uploaded.
-     * @param {File} File
-     * @group Emits
-     */
-    fileUploaded: EventEmitter<File>;
-    /**
-     * Callback to invoke when file upload fails.
-     * @param {string} - file name
-     * @group Emits
-     */
-    fileUploadFailed: EventEmitter<string>;
-    /**
-     * Callback to invoke when uploaded file is removed.
-     * @param {string} - file name
-     * @group Emits
-     */
-    uploadedFileRemoved: EventEmitter<string>;
-    fileInput?: ElementRef<HTMLInputElement>;
-    isDragoverFile: boolean;
-    uploadedFile?: File;
-    extensionsString: string;
-    extensionsStringAsterisks: string;
-    cvtWidth: string;
-    isProcessingFile: boolean;
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    updateExtensionsString(): void;
-    tryUploadFile(event: Event): void;
-    removeUploadedFile(): void;
-    private _isFileExtensionValid;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsFileUploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsFileUploadComponent, "cps-file-upload", never, { "extensions": { "alias": "extensions"; "required": false; }; "fileDesc": { "alias": "fileDesc"; "required": false; }; "width": { "alias": "width"; "required": false; }; "fileInfo": { "alias": "fileInfo"; "required": false; }; "fileProcessingCallback": { "alias": "fileProcessingCallback"; "required": false; }; "fileNameTooltipPosition": { "alias": "fileNameTooltipPosition"; "required": false; }; "fileNameTooltipOffset": { "alias": "fileNameTooltipOffset"; "required": false; }; }, { "fileUploaded": "fileUploaded"; "fileUploadFailed": "fileUploadFailed"; "uploadedFileRemoved": "uploadedFileRemoved"; }, never, never, true, never>;
-    static ngAcceptInputType_fileNameTooltipOffset: unknown;
-}

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

@@ -1,44 +0,0 @@
-import { OnChanges } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare const iconNames: string[];
-/**
- * IconType is used to define the type of the icon.
- * @group Types
- */
-export type IconType = (typeof iconNames)[number];
-/**
- * iconSizeType is used to define the size of the icon.
- * @group Types
- */
-export type iconSizeType = number | string | 'fill' | 'xsmall' | 'small' | 'normal' | 'large';
-/**
- * CpsIconComponent is a component that is used for icons.
- * @group Components
- */
-export declare class CpsIconComponent implements OnChanges {
-    private document;
-    /**
-     * Name of the icon.
-     * @group Props
-     */
-    icon: IconType;
-    /**
-     * Size of the icon, it can be of type number denoting pixels, string or 'fill', 'xsmall', 'small', 'normal' or 'large'.
-     * @group Props
-     */
-    size: iconSizeType;
-    /**
-     * Color of the icon.
-     * @group Props
-     */
-    color: string;
-    iconColor: string;
-    url: string;
-    cvtSize: string;
-    classesList: string[];
-    constructor(document: Document);
-    ngOnChanges(): void;
-    setClasses(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsIconComponent, "cps-icon", never, { "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/components/cps-info-circle/cps-info-circle.component.d.ts

@@ -1,41 +0,0 @@
-import { iconSizeType } from '../cps-icon/cps-icon.component';
-import { CpsTooltipPosition } from '../../directives/cps-tooltip/cps-tooltip.directive';
-import * as i0 from "@angular/core";
-/**
- * CpsInfoCircleComponent is a component that provides information by means of the info icon with the tooltip on hover.
- * @group Components
- */
-export declare class CpsInfoCircleComponent {
-    /**
-     * Size of the icon, it can be of type number denoting pixels, string or 'fill', 'xsmall', 'small', 'normal' or 'large'.
-     * @group Props
-     */
-    size: iconSizeType;
-    /**
-     * Tooltip text to provide more info.
-     * @group Props
-     */
-    tooltipText: string;
-    /**
-     * Position of the tooltip, it can be 'top', 'bottom', 'left' or 'right'.
-     * @group Props
-     */
-    tooltipPosition: CpsTooltipPosition;
-    /**
-     * Info tooltip class for styling.
-     * @group Props
-     */
-    tooltipContentClass: string;
-    /**
-     * Max width of the tooltip of type number denoting pixels or string.
-     * @group Props
-     */
-    tooltipMaxWidth: number | string;
-    /**
-     * Determines whether the tooltip is persistent.
-     * @group Props
-     */
-    tooltipPersistent: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsInfoCircleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsInfoCircleComponent, "cps-info-circle", never, { "size": { "alias": "size"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipContentClass": { "alias": "tooltipContentClass"; "required": false; }; "tooltipMaxWidth": { "alias": "tooltipMaxWidth"; "required": false; }; "tooltipPersistent": { "alias": "tooltipPersistent"; "required": false; }; }, {}, never, never, true, never>;
-}