@seniorsistemas/angular-components 17.2.6 → 17.2.7

package/fesm2015/seniorsistemas-angular-components.js

@@ -39,6 +39,7 @@ import { RadioButtonModule } from 'primeng/radiobutton';
 import { SliderModule } from 'primeng/slider';
 import { ProgressBarModule as ProgressBarModule$1 } from 'primeng/progressbar';
 import { DomSanitizer, BrowserModule } from '@angular/platform-browser';
+import { Clipboard } from '@angular/cdk/clipboard';
 import { MessageService, ConfirmationService } from 'primeng/api';
 import Cropper from 'cropperjs';
 import * as elementResizeDetectorMaker_ from 'element-resize-detector';
@@ -2785,12 +2786,16 @@ class CalendarField extends Field {
 class ChipsField extends Field {
     constructor(config) {
         super(config);
+        this.showCopyButton = false;
         this.keyFilter = config.keyFilter;
+        this.showCopyButton = config.showCopyButton;
+        this.separator = config.separator;
         this.onAdd = config.onAdd;
         this.onRemove = config.onRemove;
         this.onChipClick = config.onChipClick;
         this.onFocus = config.onFocus;
         this.onBlur = config.onBlur;
+        this.onCopy = config.onCopy;
     }
 }
 
@@ -6094,7 +6099,30 @@ CalendarFieldComponent = __decorate([
 ], CalendarFieldComponent);
 
 let ChipsFieldComponent = class ChipsFieldComponent {
+    constructor(clipboard) {
+        this.clipboard = clipboard;
+        this.feedbackMessageVisible = false;
+        this.copyButtonVisible = true;
+    }
+    onCopyFieldContent() {
+        if (this.formControl.value) {
+            this.copyButtonVisible = false;
+            this.feedbackMessageVisible = true;
+            setTimeout(() => {
+                this.feedbackMessageVisible = false;
+                this.copyButtonVisible = true;
+            }, 3000);
+            const content = this.formControl.value.join(this.field.separator || "\n");
+            this.clipboard.copy(content);
+            if (this.field.onCopy) {
+                this.field.onCopy(content);
+            }
+        }
+    }
 };
+ChipsFieldComponent.ctorParameters = () => [
+    { type: Clipboard }
+];
 __decorate([
     Input()
 ], ChipsFieldComponent.prototype, "field", void 0);
@@ -6103,8 +6131,8 @@ __decorate([
 ], ChipsFieldComponent.prototype, "formControl", void 0);
 ChipsFieldComponent = __decorate([
     Component({
-        template: "<p-chips\n    *ngIf=\"field.keyFilter\"\n    [inputId]=\"(field.id || field.name)\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"field.placeholder\"\n    [allowDuplicate]=\"false\"\n    [addOnTab]=\"true\"\n    [addOnBlur]=\"true\"\n    (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n    (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n    (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    [pKeyFilter]=\"field.keyFilter\">\n    <ng-template let-item pTemplate=\"item\">\n        <span\n            class=\"chip-content\"\n            [sTooltip]=\"item\">\n            {{ item }}\n        </span>\n    </ng-template>\n</p-chips>\n\n<p-chips\n    *ngIf=\"!field.keyFilter\"\n    [inputId]=\"(field.id || field.name)\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"field.placeholder\"\n    [allowDuplicate]=\"false\"\n    [addOnTab]=\"true\"\n    [addOnBlur]=\"true\"\n    (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n    (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n    (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n    <ng-template let-item pTemplate=\"item\">\n        <span\n            class=\"chip-content\"\n            [sTooltip]=\"item\">\n            {{ item }}\n        </span>\n    </ng-template>\n</p-chips>\n",
-        styles: [".chip-content{display:block;overflow:hidden;padding-right:1rem;text-overflow:ellipsis}"]
+        template: "<div class=\"chips-field-wrapper\">\n    <div style=\"width: 100%;\">\n        <p-chips\n            *ngIf=\"field.keyFilter\"\n            [inputId]=\"(field.id || field.name)\"\n            [formControl]=\"formControl\"\n            [placeholder]=\"field.placeholder\"\n            [allowDuplicate]=\"false\"\n            [addOnTab]=\"true\"\n            [addOnBlur]=\"true\"\n            (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n            (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n            (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            [pKeyFilter]=\"field.keyFilter\">\n            <ng-template let-item pTemplate=\"item\">\n                <span\n                    class=\"chip-content\"\n                    [sTooltip]=\"item\">\n                    {{ item }}\n                </span>\n            </ng-template>\n        </p-chips>\n        \n        <p-chips\n            *ngIf=\"!field.keyFilter\"\n            [inputId]=\"(field.id || field.name)\"\n            [formControl]=\"formControl\"\n            [placeholder]=\"field.placeholder\"\n            [allowDuplicate]=\"false\"\n            [addOnTab]=\"true\"\n            [addOnBlur]=\"true\"\n            (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n            (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n            (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            <ng-template let-item pTemplate=\"item\">\n                <span\n                    class=\"chip-content\"\n                    [sTooltip]=\"item\">\n                    {{ item }}\n                </span>\n            </ng-template>\n        </p-chips>\n    </div>\n    \n    <button\n        *ngIf=\"field.showCopyButton && formControl.value?.length > 0 && copyButtonVisible\"\n        class=\"copy-content-button\"\n        (click)=\"onCopyFieldContent()\">\n        {{ \"platform.angular_components.copy_field_content\" | translate }}\n    </button>\n    \n    <span\n        *ngIf=\"feedbackMessageVisible\"\n        class=\"feedback-message\">\n        {{ \"platform.angular_components.copied_to_clipboard\" | translate }}\n    </span>\n</div>\n",
+        styles: [".chips-field-wrapper{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.chips-field-wrapper .chip-content{display:block;overflow:hidden;padding-right:1rem;text-overflow:ellipsis}.chips-field-wrapper .copy-content-button{background-color:transparent;border:none;color:#2a6496;cursor:pointer;margin-top:8px}.chips-field-wrapper .feedback-message{color:#0c9348;display:block;margin-top:8px;-webkit-user-select:none;-ms-user-select:none;user-select:none}"]
     })
 ], ChipsFieldComponent);
 
@@ -14439,6 +14467,8 @@ PanelModule = __decorate([
 ], PanelModule);
 
 const fallback = {
+    "platform.angular_components.copied_to_clipboard": "Copiado para área de transferência",
+    "platform.angular_components.copy_field_content": "Copiar conteúdo preenchido",
     "platform.angular_components.ia_text_generator": "Gerador de texto por IA",
     "platform.angular_components.generate_text": "Gerar texto",
     "platform.angular_components.context": "Contexto",