carriera-intern-components 1.1.165 → 1.1.166

package/app/components/copy/copy.component.d.ts

@@ -0,0 +1,20 @@
+import { eAlignment } from '../../enums';
+import { eGeneralActions } from '../../enums/general-actions.enum';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { Clipboard } from '@angular/cdk/clipboard';
+import * as i0 from "@angular/core";
+export declare class CopyComponent {
+    private clipboard;
+    value: import("@angular/core").InputSignal<string | undefined>;
+    alignment: import("@angular/core").InputSignal<eAlignment>;
+    copyTooltip: import("@angular/core").InputSignal<string | undefined>;
+    copied: import("@angular/core").WritableSignal<boolean>;
+    eGeneralActions: typeof eGeneralActions;
+    eAlignment: typeof eAlignment;
+    constructor(clipboard: Clipboard);
+    tooltip: NgbTooltip;
+    onCopy(): void;
+    resetCopied(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopyComponent, "cai-copy", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "copyTooltip": { "alias": "copyTooltip"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/app/enums/alignment.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum eAlignment {
+    LEFT = "left",
+    RIGHT = "right"
+}

package/app/enums/index.d.ts

@@ -0,0 +1,3 @@
+export * from './string-placeholder.enum';
+export * from './general-actions.enum';
+export * from './alignment.enum';

package/app/enums/string-placeholder.enum.d.ts

@@ -0,0 +1,3 @@
+export declare enum eStringPlaceholder {
+    EMPTY = ""
+}

package/fesm2022/carriera-intern-components.mjs

@@ -16,6 +16,7 @@ import { Subject, takeUntil } from 'rxjs';
 import { distinctUntilChanged } from 'rxjs/operators';
 import * as i3 from '@angular/cdk/scrolling';
 import { ScrollingModule, VIRTUAL_SCROLL_STRATEGY } from '@angular/cdk/scrolling';
+import * as i1$2 from '@angular/cdk/clipboard';
 
 /**
  * Creates a validator that ignores validation rules when the control is autofilled.
@@ -6201,13 +6202,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 args: ['holder1', { static: true }]
             }] } });
 
+var eStringPlaceholder;
+(function (eStringPlaceholder) {
+    eStringPlaceholder["EMPTY"] = "";
+})(eStringPlaceholder || (eStringPlaceholder = {}));
+
+var eAlignment;
+(function (eAlignment) {
+    eAlignment["LEFT"] = "left";
+    eAlignment["RIGHT"] = "right";
+})(eAlignment || (eAlignment = {}));
+
+class CopyComponent {
+    clipboard;
+    value = input();
+    alignment = input(eAlignment.RIGHT);
+    copyTooltip = input();
+    copied = signal(false);
+    // Enums
+    eGeneralActions = eGeneralActions;
+    eAlignment = eAlignment;
+    constructor(clipboard) {
+        this.clipboard = clipboard;
+    }
+    tooltip;
+    onCopy() {
+        this.clipboard.copy(this.value() ?? '');
+        this.copied.set(true);
+    }
+    resetCopied() {
+        this.copied.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CopyComponent, deps: [{ token: i1$2.Clipboard }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: CopyComponent, isStandalone: true, selector: "cai-copy", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, alignment: { classPropertyName: "alignment", publicName: "alignment", isSignal: true, isRequired: false, transformFunction: null }, copyTooltip: { classPropertyName: "copyTooltip", publicName: "copyTooltip", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: NgbTooltip, descendants: true }], ngImport: i0, template: "@let isCopied = !!copied();\n<div\n  class=\"copy-container d-flex align-items-center gap-1\"\n  (mouseleave)=\"resetCopied()\"\n>\n  <div\n    class=\"copy-content\"\n    [class]=\"{\n    'order-1': alignment() === eAlignment.LEFT,\n    'order-0': alignment() === eAlignment.RIGHT,\n  }\"\n  >\n    <ng-content></ng-content>\n  </div>\n  <div\n    (click)=\"onCopy()\"\n    [ngbTooltip]=\"tooltipTemplate\"\n    [container]=\"'body'\"\n    [tooltipClass]=\"isCopied ? 'tooltip-bg-blue-500' : ''\"\n    placement=\"bottom\"\n    #tooltip=\"ngbTooltip\"\n    class=\"copy-icon\"\n    [class]=\"{\n      'text-black-100': !isCopied,\n      'hover:text-black-300': !isCopied,\n      'text-blue-700': isCopied,\n    }\"\n  >\n    <svg-icon [name]=\"'cai-copy'\" class=\"icon transition\"></svg-icon>\n  </div>\n</div>\n\n@let copyText = isCopied ? eGeneralActions.COPIED : copyTooltip() ??\neGeneralActions.COPY;\n<ng-template #tooltipTemplate>\n  {{ copyText }}\n</ng-template>\n", styles: [".copy-container .copy-content{max-width:calc(100% - 16px)}.copy-container .copy-icon{opacity:0;transition:opacity .1s ease-in-out}.copy-container .copy-icon .icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:12px;height:12px}.copy-container:hover .copy-icon{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: 
+                // Components
+                SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CopyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cai-copy', imports: [
+                        CommonModule,
+                        NgbTooltip,
+                        // Components
+                        SvgIconComponent,
+                    ], template: "@let isCopied = !!copied();\n<div\n  class=\"copy-container d-flex align-items-center gap-1\"\n  (mouseleave)=\"resetCopied()\"\n>\n  <div\n    class=\"copy-content\"\n    [class]=\"{\n    'order-1': alignment() === eAlignment.LEFT,\n    'order-0': alignment() === eAlignment.RIGHT,\n  }\"\n  >\n    <ng-content></ng-content>\n  </div>\n  <div\n    (click)=\"onCopy()\"\n    [ngbTooltip]=\"tooltipTemplate\"\n    [container]=\"'body'\"\n    [tooltipClass]=\"isCopied ? 'tooltip-bg-blue-500' : ''\"\n    placement=\"bottom\"\n    #tooltip=\"ngbTooltip\"\n    class=\"copy-icon\"\n    [class]=\"{\n      'text-black-100': !isCopied,\n      'hover:text-black-300': !isCopied,\n      'text-blue-700': isCopied,\n    }\"\n  >\n    <svg-icon [name]=\"'cai-copy'\" class=\"icon transition\"></svg-icon>\n  </div>\n</div>\n\n@let copyText = isCopied ? eGeneralActions.COPIED : copyTooltip() ??\neGeneralActions.COPY;\n<ng-template #tooltipTemplate>\n  {{ copyText }}\n</ng-template>\n", styles: [".copy-container .copy-content{max-width:calc(100% - 16px)}.copy-container .copy-icon{opacity:0;transition:opacity .1s ease-in-out}.copy-container .copy-icon .icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:12px;height:12px}.copy-container:hover .copy-icon{opacity:1}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.Clipboard }], propDecorators: { tooltip: [{
+                type: ViewChild,
+                args: [NgbTooltip]
+            }] } });
+
 /*
- * Public API Surface of ca-components
+ * Public API Surface of carriera-intern-components
  */
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AvatarComponent, CaiInputDatetimePickerComponent, DropZoneComponent, DropdownTypes, InputComponent, PmComponent, ignoreWhenAutofilled };
+export { AvatarComponent, CaiInputDatetimePickerComponent, CopyComponent, DropZoneComponent, DropdownTypes, InputComponent, PmComponent, ignoreWhenAutofilled };
 //# sourceMappingURL=carriera-intern-components.mjs.map