cps-ui-kit 0.151.0 → 0.153.0

package/lib/components/cps-tree-table/directives/cps-tree-table-column-filter.directive.d.ts

@@ -20,27 +20,27 @@ export declare class CpsTreeTableColumnFilterDirective implements OnInit, OnChan
      */
     filterType: CpsColumnFilterType;
     /**
-     * Whether the filter menu should be persistent.
+     * Determines whether the filter menu should be persistent.
      * @group Props
      */
     filterPersistent: boolean;
     /**
-     * Whether the filter should have clear button.
+     * Determines whether the filter should have clear button.
      * @group Props
      */
     filterShowClearButton: boolean;
     /**
-     * Whether the filter should have apply button.
+     * Determines whether the filter should have apply button.
      * @group Props
      */
     filterShowApplyButton: boolean;
     /**
-     * Whether the filter should have close button.
+     * Determines whether the filter should have close button.
      * @group Props
      */
     filterShowCloseButton: boolean;
     /**
-     * Whether the filter should have match modes.
+     * Determines whether the filter should have match modes.
      * @group Props
      */
     filterShowMatchModes: boolean;
@@ -50,7 +50,7 @@ export declare class CpsTreeTableColumnFilterDirective implements OnInit, OnChan
      */
     filterMatchModes: CpsColumnFilterMatchMode[];
     /**
-     * Whether the filter should have operator.
+     * Determines whether the filter should have operator.
      * @group Props
      */
     filterShowOperator: boolean;
@@ -60,7 +60,7 @@ export declare class CpsTreeTableColumnFilterDirective implements OnInit, OnChan
      */
     filterHeaderTitle: string;
     /**
-     * Whether the filter should hide on clear.
+     * Determines whether the filter should hide on clear.
      * @group Props
      */
     filterHideOnClear: boolean;
@@ -70,7 +70,7 @@ export declare class CpsTreeTableColumnFilterDirective implements OnInit, OnChan
      */
     filterCategoryOptions: CpsColumnFilterCategoryOption[] | string[];
     /**
-     * Whether to show category filter as button toggles.
+     * Determines whether to show category filter as button toggles.
      * @group Props
      */
     filterAsButtonToggle: boolean;

package/lib/components/internal/cps-base-tree-dropdown/cps-base-tree-dropdown.component.d.ts

@@ -29,7 +29,7 @@ export declare class CpsBaseTreeDropdownComponent implements ControlValueAccesso
      */
     multiple: boolean;
     /**
-     * Whether the component is disabled.
+     * Determines whether the component is disabled.
      * @group Props
      */
     disabled: boolean;
@@ -44,7 +44,7 @@ export declare class CpsBaseTreeDropdownComponent implements ControlValueAccesso
      */
     chips: boolean;
     /**
-     * Whether the chips can be directly removed.
+     * Determines whether the chips can be directly removed.
      * @group Props
      */
     closableChips: boolean;
@@ -54,7 +54,7 @@ export declare class CpsBaseTreeDropdownComponent implements ControlValueAccesso
      */
     clearable: boolean;
     /**
-     * Whether the dropdown should open on clear.
+     * Determines whether the dropdown should open on clear.
      * @group Props
      */
     openOnClear: boolean;
@@ -74,7 +74,7 @@ export declare class CpsBaseTreeDropdownComponent implements ControlValueAccesso
      */
     hideDetails: boolean;
     /**
-     * Whether the component should have persistent clear icon.
+     * Determines whether the component should have persistent clear icon.
      * @group Props
      */
     persistentClear: boolean;
@@ -94,7 +94,7 @@ export declare class CpsBaseTreeDropdownComponent implements ControlValueAccesso
      */
     loading: boolean;
     /**
-     * Whether only the elements within scrollable area should be added into the DOM.
+     * Determines whether only the elements within scrollable area should be added into the DOM.
      * @group Props
      */
     virtualScroll: boolean;
@@ -119,7 +119,7 @@ export declare class CpsBaseTreeDropdownComponent implements ControlValueAccesso
      */
     infoTooltipMaxWidth: number | string;
     /**
-     * Whether the infoTooltip is persistent.
+     * Determines whether the infoTooltip is persistent.
      * @group Props
      */
     infoTooltipPersistent: boolean;

package/lib/directives/cps-tooltip.directive.d.ts

@@ -24,7 +24,7 @@ export declare class CpsTooltipDirective implements OnDestroy {
      */
     tooltipCloseDelay: string | number;
     /**
-     * Whether the tooltip should open on hover, click or focus.
+     * Determines whether the tooltip should open on hover, click or focus.
      * @group Props
      */
     tooltipOpenOn: CpsTooltipOpenOn;
@@ -34,7 +34,7 @@ export declare class CpsTooltipDirective implements OnDestroy {
      */
     tooltipPosition: CpsTooltipPosition;
     /**
-     * Whether the tooltip is persistent.
+     * Determines whether the tooltip is persistent.
      * @group Props
      */
     tooltipPersistent: boolean;

package/lib/services/cps-dialog/utils/cps-dialog-config.d.ts

@@ -5,7 +5,7 @@ export declare class CpsDialogConfig<T = any> {
      */
     data?: T;
     /**
-     * Whether to show the header or not.
+     * Determines whether to show the header or not.
      */
     showHeader?: boolean;
     /**
@@ -29,11 +29,11 @@ export declare class CpsDialogConfig<T = any> {
      */
     headerIconColor?: string;
     /**
-     * Whether to show the header left border.
+     * Determines whether to show the header left border.
      */
     showHeaderLeftBorder?: boolean;
     /**
-     * Whether to show the header bottom border.
+     * Determines whether to show the header bottom border.
      */
     showHeaderBottomBorder?: boolean;
     /**
@@ -73,7 +73,7 @@ export declare class CpsDialogConfig<T = any> {
      */
     baseZIndex?: number;
     /**
-     * Whether to automatically manage layering.
+     * Determines whether to automatically manage layering.
      */
     autoZIndex?: boolean;
     /**
@@ -113,7 +113,7 @@ export declare class CpsDialogConfig<T = any> {
      */
     modal?: boolean;
     /**
-     * When modal dialog is displayed, defines whether background should be blurred.
+     * When modal dialog is displayed, determines whether background should be blurred.
      */
     blurredBackground?: boolean;
     /**
@@ -141,11 +141,11 @@ export declare class CpsDialogConfig<T = any> {
      */
     minY?: number;
     /**
-     * Whether the dialog can be displayed full screen.
+     * Determines whether the dialog can be displayed full screen.
      */
     maximizable?: boolean;
     /**
-     * Whether the dialog is initially opened as full screen.
+     * Determines whether the dialog is initially opened as full screen.
      */
     maximized?: boolean;
     /**

package/lib/services/cps-notification/cps-notification.service.d.ts

@@ -0,0 +1,24 @@
+import { ApplicationRef } from '@angular/core';
+import { CpsNotificationConfig } from './utils/cps-notification-config';
+import * as i0 from "@angular/core";
+/**
+ * Service for showing notifications.
+ * @group Services
+ */
+export declare class CpsNotificationService {
+    private _appRef;
+    private document;
+    private _containersMap;
+    constructor(_appRef: ApplicationRef, document: Document);
+    info(message: string, details?: string, config?: CpsNotificationConfig): void;
+    warning(message: string, details?: string, config?: CpsNotificationConfig): void;
+    success(message: string, details?: string, config?: CpsNotificationConfig): void;
+    error(message: string, details?: string, config?: CpsNotificationConfig): void;
+    clear(): void;
+    private _createNotification;
+    private _initConfig;
+    private _appendNotificationToContainer;
+    private _tryRemoveContainer;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsNotificationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CpsNotificationService>;
+}

package/lib/services/cps-notification/internal/components/cps-notification-container/cps-notification-container.component.d.ts

@@ -0,0 +1,44 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, Renderer2 } from '@angular/core';
+import { PrimeNGConfig } from 'primeng/api';
+import { CpsNotificationConfig, CpsNotificationPosition } from '../../../utils/cps-notification-config';
+import { CpsNotificationData } from '../../../utils/internal/cps-notification-data';
+import * as i0 from "@angular/core";
+type Nullable<T = void> = T | null | undefined;
+export declare class CpsNotificationContainerComponent implements AfterViewInit, OnDestroy {
+    renderer: Renderer2;
+    zone: NgZone;
+    primeNGConfig: PrimeNGConfig;
+    private _cdRef;
+    /**
+     * Position of the notification container.
+     * @group Props
+     */
+    position: CpsNotificationPosition;
+    /**
+     * Max amount of notifications to be displayed within the container.
+     * @group Props
+     */
+    maxAmount?: number;
+    /**
+     * Callback to invoke on notification close.
+     * @param {CpsNotificationConfig} CpsNotificationConfig - notification closed.
+     * @group Emits
+     */
+    closed: EventEmitter<any>;
+    CpsNotificationPosition: typeof CpsNotificationPosition;
+    container: Nullable<ElementRef>;
+    wrapper: Nullable<HTMLElement>;
+    notifications: {
+        data: CpsNotificationData;
+        config: CpsNotificationConfig;
+    }[];
+    constructor(renderer: Renderer2, zone: NgZone, primeNGConfig: PrimeNGConfig, _cdRef: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    addNotification(config: CpsNotificationConfig, data: CpsNotificationData): void;
+    onCloseNotification(index: number): void;
+    moveOnTop(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsNotificationContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsNotificationContainerComponent, "cps-notification-container", never, { "position": "position"; "maxAmount": "maxAmount"; }, { "closed": "closed"; }, never, never, true, never>;
+}
+export {};

package/lib/services/cps-notification/internal/components/cps-toast/cps-toast.component.d.ts

@@ -0,0 +1,28 @@
+import { AfterViewInit, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { CpsNotificationConfig } from '../../../utils/cps-notification-config';
+import { CpsNotificationData } from '../../../utils/internal/cps-notification-data';
+import * as i0 from "@angular/core";
+export declare class CpsToastComponent implements OnInit, AfterViewInit, OnDestroy {
+    private zone;
+    config: CpsNotificationConfig;
+    data: CpsNotificationData;
+    /**
+     * Callback to invoke on toast close.
+     * @param {any}
+     * @group Emits
+     */
+    closed: EventEmitter<any>;
+    timeout: any;
+    maxWidth: string | undefined;
+    filled: boolean;
+    color: string;
+    constructor(zone: NgZone);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    close(): void;
+    initiateTimeout(): void;
+    clearTimeout(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsToastComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsToastComponent, "cps-toast", never, { "config": "config"; "data": "data"; }, { "closed": "closed"; }, never, never, true, never>;
+}

package/lib/services/cps-notification/utils/cps-notification-config.d.ts

@@ -0,0 +1,49 @@
+/**
+ * An enumeration of appearances of notifications.
+ */
+export declare enum CpsNotificationAppearance {
+    FILLED = "filled",
+    OUTLINED = "outlined"
+}
+/**
+ * An enumeration of positions of notifications.
+ */
+export declare enum CpsNotificationPosition {
+    CENTER = "center",
+    TOP = "top",
+    BOTTOM = "bottom",
+    LEFT = "left",
+    RIGHT = "right",
+    TOPLEFT = "top-left",
+    TOPRIGHT = "top-right",
+    BOTTOMLEFT = "bottom-left",
+    BOTTOMRIGHT = "bottom-right"
+}
+export interface CpsNotificationConfig {
+    /**
+     * Position of the notification, options are "center", "top", "bottom", "left", "right", "top-left", "top-right", "bottom-left" or "bottom-right".
+     * @default top-right
+     */
+    position?: CpsNotificationPosition;
+    /**
+     * Appearance of the notification, options are "filled" or "outlined".
+     * @default filled
+     */
+    appearance?: CpsNotificationAppearance;
+    /**
+     * The duration (in milliseconds) that the notification will be displayed before automatically closing.
+     * Value 0 means that the notification is persistent and will not be automatically closed.
+     * @default 5000
+     */
+    timeout?: number;
+    /**
+     * Max amount of notifications that can be simultaneously visualized within a positioned container.
+     * @default undefined
+     */
+    maxAmount?: number;
+    /**
+     * Max width of the notification of type number denoting pixels or string.
+     * @default undefined
+     */
+    maxWidth?: string;
+}

package/lib/services/cps-notification/utils/internal/cps-notification-data.d.ts

@@ -0,0 +1,23 @@
+/**
+ * An enumeration of the different types of notifications that can be displayed.
+ */
+export declare enum CpsNotificationType {
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    INFO = "info"
+}
+export interface CpsNotificationData {
+    /**
+     * Message to be displayed in the notification.
+     */
+    message?: string;
+    /**
+     * Details to be displayed in the notification.
+     */
+    details?: string;
+    /**
+     * Type of the notification, options are "warning", "success", "error" or "info".
+     */
+    type?: CpsNotificationType;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cps-ui-kit",
-  "version": "0.151.0",
+  "version": "0.153.0",
   "peerDependencies": {
     "@angular/common": "15 - 16",
     "@angular/core": "15 - 16",

package/public-api.d.ts

@@ -36,8 +36,11 @@ export * from './lib/components/cps-textarea/cps-textarea.component';
 export * from './lib/components/cps-button-toggle/cps-button-toggle.component';
 export * from './lib/components/cps-tab-group/cps-tab-group.component';
 export * from './lib/components/cps-tab-group/cps-tab/cps-tab.component';
+export * from './lib/components/cps-timepicker/cps-timepicker.component';
 export * from './lib/directives/cps-tooltip.directive';
 export * from './lib/services/cps-dialog/cps-dialog.service';
 export * from './lib/services/cps-dialog/utils/cps-dialog-config';
 export * from './lib/services/cps-dialog/utils/cps-dialog-ref';
+export * from './lib/services/cps-notification/cps-notification.service';
+export * from './lib/services/cps-notification/utils/cps-notification-config';
 export * from './lib/utils/colors-utils';

package/styles/_colors.scss

@@ -230,17 +230,17 @@
   --cps-color-warn-darken3: #a15300;
   --cps-color-warn-darken4: #843b00;
 
-  --cps-color-error: #f60e08;
+  --cps-color-error: #cc3333;
   --cps-color-error-highlighten: #f9e4e5;
-  --cps-color-error-lighten5: #ffbd8c;
-  --cps-color-error-lighten4: #ff9f72;
-  --cps-color-error-lighten3: #ff8058;
-  --cps-color-error-lighten2: #ff623f;
-  --cps-color-error-lighten1: #ff4025;
-  --cps-color-error-darken1: #d40000;
-  --cps-color-error-darken2: #b30000;
-  --cps-color-error-darken3: #940000;
-  --cps-color-error-darken4: #760000;
+  --cps-color-error-lighten5: #f5d9d9;
+  --cps-color-error-lighten4: #f2cece;
+  --cps-color-error-lighten3: #e9a7a7;
+  --cps-color-error-lighten2: #df8080;
+  --cps-color-error-lighten1: #d55959;
+  --cps-color-error-darken1: #a32828;
+  --cps-color-error-darken2: #7a1e1e;
+  --cps-color-error-darken3: #511414;
+  --cps-color-error-darken4: #300c0c;
 
   // States backgrounds
   --cps-color-info-bg: #f7fcfe;