@seniorsistemas/angular-components 17.2.6 → 17.2.7

package/fesm5/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';
@@ -2970,12 +2971,16 @@ var ChipsField = /** @class */ (function (_super) {
     __extends(ChipsField, _super);
     function ChipsField(config) {
         var _this = _super.call(this, config) || this;
+        _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;
         return _this;
     }
     return ChipsField;
@@ -6611,8 +6616,30 @@ var CalendarFieldComponent = /** @class */ (function () {
 }());
 
 var ChipsFieldComponent = /** @class */ (function () {
-    function ChipsFieldComponent() {
+    function ChipsFieldComponent(clipboard) {
+        this.clipboard = clipboard;
+        this.feedbackMessageVisible = false;
+        this.copyButtonVisible = true;
     }
+    ChipsFieldComponent.prototype.onCopyFieldContent = function () {
+        var _this = this;
+        if (this.formControl.value) {
+            this.copyButtonVisible = false;
+            this.feedbackMessageVisible = true;
+            setTimeout(function () {
+                _this.feedbackMessageVisible = false;
+                _this.copyButtonVisible = true;
+            }, 3000);
+            var content = this.formControl.value.join(this.field.separator || "\n");
+            this.clipboard.copy(content);
+            if (this.field.onCopy) {
+                this.field.onCopy(content);
+            }
+        }
+    };
+    ChipsFieldComponent.ctorParameters = function () { return [
+        { type: Clipboard }
+    ]; };
     __decorate([
         Input()
     ], ChipsFieldComponent.prototype, "field", void 0);
@@ -6621,8 +6648,8 @@ var ChipsFieldComponent = /** @class */ (function () {
     ], 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);
     return ChipsFieldComponent;
@@ -15451,6 +15478,8 @@ var PanelModule = /** @class */ (function () {
 }());
 
 var 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",