@seniorsistemas/angular-components 17.2.6 → 17.2.8

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';
@@ -62,9 +63,9 @@ var AccordionPanelComponent = /** @class */ (function () {
         this.cache = false;
         this.panelOpened = new EventEmitter();
         this.panelClosed = new EventEmitter();
-        this._isOpen = false;
         this.isAnimating = false;
         this.isContentAnimationDisabled = true;
+        this._isOpen = false;
     }
     Object.defineProperty(AccordionPanelComponent.prototype, "isOpen", {
         get: function () {
@@ -76,9 +77,16 @@ var AccordionPanelComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    AccordionPanelComponent.prototype.ngOnInit = function () {
-        if (this.switch) {
-            this.switchState = this.switch.state;
+    AccordionPanelComponent.prototype.ngOnChanges = function (changes) {
+        if ("disabled" in changes) {
+            if (this.switchControl) {
+                changes["disabled"].currentValue
+                    ? this.switchControl.disable({ emitEvent: false })
+                    : this.switchControl.enable({ emitEvent: false });
+            }
+        }
+        if ("switch" in changes && "switchControl" in changes) {
+            throw new Error("You can't set switch and switchControl together.");
         }
     };
     AccordionPanelComponent.prototype.ngAfterViewInit = function () {
@@ -125,6 +133,9 @@ var AccordionPanelComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], AccordionPanelComponent.prototype, "switch", void 0);
+    __decorate([
+        Input()
+    ], AccordionPanelComponent.prototype, "switchControl", void 0);
     __decorate([
         Input()
     ], AccordionPanelComponent.prototype, "validationMessage", void 0);
@@ -140,7 +151,7 @@ var AccordionPanelComponent = /** @class */ (function () {
     AccordionPanelComponent = __decorate([
         Component({
             selector: "s-accordion-panel",
-            template: "<div\n    class=\"accordion-panel\"\n    [ngClass]=\"{\n        'accordion-panel--open': isOpen,\n        'accordion-panel--disabled': disabled\n    }\">\n    <div class=\"header\" (click)=\"onTabClick()\">\n        <div class=\"header__title\">\n            <span class=\"icon\" [ngClass]=\"isOpen ? 'fas fa-minus' : 'fas fa-plus'\"></span>\n            <span\n                *ngIf=\"validationMessage\"\n                class=\"exclamation-icon fas fa-exclamation-circle\"\n                [sTooltip]=\"validationMessage\">\n            </span>\n            <span class=\"title\">{{ header }}</span>\n        </div>\n        <div class=\"header__controls\">\n            <button\n                *ngFor=\"let button of buttons\"\n                class=\"icon-button\"\n                [ngClass]=\"button.icon\"\n                (click)=\"onIconButtonsClick($event, button.onClick)\">\n            </button>\n            <s-switch\n                *ngIf=\"switch\"\n                class=\"switch\"\n                [disabled]=\"disabled\"\n                [(ngModel)]=\"switchState\"\n                (click)=\"$event.stopPropagation()\"\n                (valueChanged)=\"switch.onChange($event)\">\n            </s-switch>\n        </div>\n    </div>\n    <ng-container *ngIf=\"cache; then cacheTemplate else cachelessTemplate\"></ng-container>\n</div>\n\n<ng-template #cacheTemplate>\n    <div\n        class=\"content\"\n        [@cacheAnimation]=\"isOpen\"\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cacheAnimation.start)=\"onContentAnimationStart()\"\n        (@cacheAnimation.done)=\"onContentAnimationDone()\">\n        <div class=\"content-container\">\n            <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #cachelessTemplate>\n    <div\n        *ngIf=\"isOpen\"\n        class=\"content\"\n        @cachelessAnimation\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n        (@cachelessAnimation.done)=\"onContentAnimationDone()\">\n        <div class=\"content-container\">\n            <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #panelContent>\n    <ng-content></ng-content>\n</ng-template>",
+            template: "<div\n    class=\"accordion-panel\"\n    [ngClass]=\"{\n        'accordion-panel--open': isOpen,\n        'accordion-panel--disabled': disabled\n    }\">\n    <div class=\"header\" (click)=\"onTabClick()\">\n        <div class=\"header__title\">\n            <span class=\"icon\" [ngClass]=\"isOpen ? 'fas fa-minus' : 'fas fa-plus'\"></span>\n            <span\n                *ngIf=\"validationMessage\"\n                class=\"exclamation-icon fas fa-exclamation-circle\"\n                [sTooltip]=\"validationMessage\">\n            </span>\n            <span class=\"title\">{{ header }}</span>\n        </div>\n        <div class=\"header__controls\">\n            <button\n                *ngFor=\"let button of buttons\"\n                class=\"icon-button\"\n                [ngClass]=\"button.icon\"\n                (click)=\"onIconButtonsClick($event, button.onClick)\">\n            </button>\n            <s-switch\n                *ngIf=\"switchControl\"\n                class=\"switch\"\n                [formControl]=\"switchControl\"\n                (click)=\"$event.stopPropagation()\">\n            </s-switch>\n            <s-switch\n                *ngIf=\"!switchControl && switch\"\n                class=\"switch\"\n                [disabled]=\"disabled\"\n                [(ngModel)]=\"switch.state\"\n                (click)=\"$event.stopPropagation()\"\n                (valueChanged)=\"switch.onChange($event)\">\n            </s-switch>\n        </div>\n    </div>\n    <ng-container *ngIf=\"cache; then cacheTemplate else cachelessTemplate\"></ng-container>\n</div>\n\n<ng-template #cacheTemplate>\n    <div\n        class=\"content\"\n        [@cacheAnimation]=\"isOpen\"\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cacheAnimation.start)=\"onContentAnimationStart()\"\n        (@cacheAnimation.done)=\"onContentAnimationDone()\">\n        <div class=\"content-container\">\n            <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #cachelessTemplate>\n    <div\n        *ngIf=\"isOpen\"\n        class=\"content\"\n        @cachelessAnimation\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n        (@cachelessAnimation.done)=\"onContentAnimationDone()\">\n        <div class=\"content-container\">\n            <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #panelContent>\n    <ng-content></ng-content>\n</ng-template>",
             animations: [
                 trigger("cachelessAnimation", [
                     transition(":enter", [style$7({ height: "0" }), animate("200ms linear", style$7({ height: "*" }))]),
@@ -281,6 +292,9 @@ var SwitchComponent = /** @class */ (function () {
         if (this._onChange) {
             this._onChange(this.value);
         }
+        if (this._onTouched) {
+            this._onTouched(this.value);
+        }
     };
     var SwitchComponent_1;
     __decorate([
@@ -749,6 +763,7 @@ var AccordionModule = /** @class */ (function () {
             imports: [
                 CommonModule,
                 FormsModule,
+                ReactiveFormsModule,
                 TooltipModule,
                 SwitchModule,
             ],
@@ -2970,12 +2985,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 +6630,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 +6662,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 +15492,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",