cps-ui-kit 0.128.0 → 0.130.0

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

@@ -0,0 +1,101 @@
+import { Observable } from 'rxjs';
+import { CpsDialogComponent } from '../internal/components/cps-dialog/cps-dialog.component';
+export declare class CpsDialogRef<T = any> {
+    private _containerInstance;
+    _setContainerInstance(instance: CpsDialogComponent): void;
+    private _handleContainerEvents;
+    /**
+     * The instance of the component opened into the dialog.
+     * @group Props
+     */
+    componentInstance: T;
+    /**
+     * Closes the dialog.
+     * @group Method
+     */
+    close(result?: any): void;
+    /**
+     * Destroys the dialog.
+     * @group Method
+     */
+    destroy(): void;
+    /**
+     * Sets dialog as full screen.
+     * @group Method
+     */
+    maximize(): void;
+    /**
+     * Switches back from full screen dialog size to normal size.
+     * @group Method
+     */
+    minimize(): void;
+    /**
+     * Checks whether the dialog is currently opened.
+     * @group Method
+     */
+    isOpen(): boolean;
+    /**
+     * Checks whether the dialog is maximized.
+     * @group Method
+     */
+    isMaximized(): boolean;
+    private readonly _onOpen;
+    /**
+     * Event triggered on dialog is opened.
+     * @group Events
+     */
+    onOpen: Observable<void>;
+    private readonly _onClose;
+    /**
+     * Event triggered on dialog is closed.
+     * @param {any} result - Close result.
+     * @group Events
+     */
+    onClose: Observable<any>;
+    private readonly _onDestroy;
+    /**
+     * Event triggered on dialog is destroyed.
+     * @group Events
+     */
+    onDestroy: Observable<void>;
+    private readonly _onDragStart;
+    /**
+     * Event triggered on drag start.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Events
+     */
+    onDragStart: Observable<MouseEvent>;
+    private readonly _onDragEnd;
+    /**
+     * Event triggered on drag end.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Events
+     */
+    onDragEnd: Observable<MouseEvent>;
+    private readonly _onResizeStart;
+    /**
+     * Event triggered on resize start.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Events
+     */
+    onResizeStart: Observable<MouseEvent>;
+    private readonly _onResizeEnd;
+    /**
+     * Event triggered on resize end.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Events
+     */
+    onResizeEnd: Observable<MouseEvent>;
+    private readonly _onMaximize;
+    /**
+     * Event triggered on dialog maximized state changed.
+     * @param {boolean} value - boolean value.
+     * @group Events
+     */
+    onMaximize: Observable<boolean>;
+    /**
+     * Specifies whether the user is allowed to close the dialog.
+     * @group Props
+     */
+    disableClose?: boolean;
+}

package/package.json

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

package/public-api.d.ts

@@ -37,4 +37,7 @@ 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/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/utils/colors-utils';

package/styles/_colors.scss

@@ -248,6 +248,10 @@
   --cps-color-warn-bg: #fffcf7;
   --cps-color-error-bg: #fef8f8;
 
+  // Highlights
+  --cps-color-highlight-hover: #f8f4f5;
+  --cps-color-highlight-active: #f1eaec;
+
   //Backgrounds
   --cps-color-bg-light: #f9f8f8;
   --cps-color-bg-mid: #f4f3f3;