cps-ui-kit 17.32.0 → 17.34.0

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

@@ -1,11 +1,12 @@
-import { EventEmitter, OnInit } from '@angular/core';
+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 {
+export declare class CpsFileUploadComponent implements OnInit, OnChanges {
     /**
      * Expected extensions of a file to be uploaded. E.g. 'doc or .doc'.
      * @group Props
@@ -21,11 +22,26 @@ export declare class CpsFileUploadComponent implements OnInit {
      * @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
@@ -44,15 +60,20 @@ export declare class CpsFileUploadComponent implements OnInit {
      * @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; }; "fileProcessingCallback": { "alias": "fileProcessingCallback"; "required": false; }; }, { "fileUploaded": "fileUploaded"; "fileUploadFailed": "fileUploadFailed"; "uploadedFileRemoved": "uploadedFileRemoved"; }, never, never, true, 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/directives/cps-tooltip/cps-tooltip.directive.d.ts

@@ -62,6 +62,11 @@ export declare class CpsTooltipDirective implements OnDestroy {
      * @group Props
      */
     tooltipContentClass: string;
+    /**
+     * Tooltip offset for styling.
+     * @group Props
+     */
+    tooltipOffset: number;
     private _popup?;
     private _showTimeout?;
     private _hideTimeout?;
@@ -81,5 +86,5 @@ export declare class CpsTooltipDirective implements OnDestroy {
     onDocumentClick(target: any): void;
     onPageResize(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTooltipDirective, "[cpsTooltip]", never, { "tooltip": { "alias": "cpsTooltip"; "required": false; }; "tooltipOpenDelay": { "alias": "tooltipOpenDelay"; "required": false; }; "tooltipCloseDelay": { "alias": "tooltipCloseDelay"; "required": false; }; "tooltipOpenOn": { "alias": "tooltipOpenOn"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipPersistent": { "alias": "tooltipPersistent"; "required": false; }; "tooltipDisabled": { "alias": "tooltipDisabled"; "required": false; }; "tooltipMaxWidth": { "alias": "tooltipMaxWidth"; "required": false; }; "tooltipContentClass": { "alias": "tooltipContentClass"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTooltipDirective, "[cpsTooltip]", never, { "tooltip": { "alias": "cpsTooltip"; "required": false; }; "tooltipOpenDelay": { "alias": "tooltipOpenDelay"; "required": false; }; "tooltipCloseDelay": { "alias": "tooltipCloseDelay"; "required": false; }; "tooltipOpenOn": { "alias": "tooltipOpenOn"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipPersistent": { "alias": "tooltipPersistent"; "required": false; }; "tooltipDisabled": { "alias": "tooltipDisabled"; "required": false; }; "tooltipMaxWidth": { "alias": "tooltipMaxWidth"; "required": false; }; "tooltipContentClass": { "alias": "tooltipContentClass"; "required": false; }; "tooltipOffset": { "alias": "tooltipOffset"; "required": false; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cps-ui-kit",
-  "version": "17.32.0",
+  "version": "17.34.0",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",