cps-ui-kit 0.26.0 → 0.28.0

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

@@ -0,0 +1,35 @@
+import { ElementRef, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+export type TooltipOpenOn = 'hover' | 'click' | 'focus';
+export declare class CpsTooltipDirective implements OnDestroy {
+    private _elementRef;
+    tooltip: string;
+    tooltipOpenDelay: string | number;
+    tooltipCloseDelay: string | number;
+    tooltipOpenOn: TooltipOpenOn;
+    tooltipPosition: TooltipPosition;
+    tooltipPersistent: boolean;
+    tooltipDisabled: boolean;
+    tooltipMaxWidth: number | string;
+    tooltipContentClass: string;
+    private _popup?;
+    private _showTimeout?;
+    private _hideTimeout?;
+    constructor(_elementRef: ElementRef<HTMLElement>);
+    ngOnDestroy(): void;
+    private _createTooltip;
+    private _destroyTooltip;
+    private _constructElement;
+    private _getCoords;
+    private _getCoordsForPosition;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onFocus(): void;
+    onBlur(): void;
+    onClick(): void;
+    onPageResize(): void;
+    onDocumentClick(target: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTooltipDirective, "[cpsTooltip]", never, { "tooltip": "cpsTooltip"; "tooltipOpenDelay": "tooltipOpenDelay"; "tooltipCloseDelay": "tooltipCloseDelay"; "tooltipOpenOn": "tooltipOpenOn"; "tooltipPosition": "tooltipPosition"; "tooltipPersistent": "tooltipPersistent"; "tooltipDisabled": "tooltipDisabled"; "tooltipMaxWidth": "tooltipMaxWidth"; "tooltipContentClass": "tooltipContentClass"; }, {}, never, never, true, never>;
+}

package/package.json

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

package/public-api.d.ts

@@ -17,5 +17,6 @@ export * from './lib/components/cps-progress-circular/cps-progress-circular.comp
 export * from './lib/components/cps-progress-linear/cps-progress-linear.component';
 export * from './lib/components/cps-datepicker/cps-datepicker.component';
 export * from './lib/components/cps-textarea/cps-textarea.component';
+export * from './lib/directives/cps-tooltip.directive';
 export * from './lib/components/cps-button-toggle/cps-button-toggle.component';
 export * from './lib/utils/colors-utils';

package/styles/cps-tooltip-style.scss

@@ -0,0 +1,13 @@
+.cps-tooltip {
+  position: absolute;
+  top: 0;
+  cursor: default;
+  font-size: 14px;
+  background: #faf5f6;
+  color: var(--cps-color-text-darkest);
+  font-family: 'Source Sans Pro', sans-serif;
+  border: 1px solid var(--cps-color-calm);
+  overflow-wrap: break-word;
+  border-radius: 3px;
+  padding: 3px;
+}

package/styles/styles.scss

@@ -1,2 +1,3 @@
 @import 'bootstrap-grid';
-@import '_variables.scss';
+@import 'variables.scss';
+@import 'cps-tooltip-style.scss';