@seniorsistemas/angular-components 17.2.3 → 17.2.5

package/fesm5/seniorsistemas-angular-components.js

@@ -1,13 +1,12 @@
 import { __decorate, __spread, __assign, __values, __extends, __rest, __awaiter, __generator, __param, __read } from 'tslib';
 import { EventEmitter, Input, Output, Component, ContentChildren, ViewChild, HostListener, forwardRef, NgModule, ɵɵdefineInjectable, Injectable, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, Directive, HostBinding, Renderer2, Pipe, ViewEncapsulation, InjectionToken, Inject, TemplateRef, ViewContainerRef, ChangeDetectorRef, Optional, ContentChild } from '@angular/core';
 import { trigger, transition, style as style$7, animate, state, group, query, animateChild } from '@angular/animations';
+import { Subject, of, from, throwError, forkJoin, ReplaySubject } from 'rxjs';
+import { takeUntil, filter, tap, map, switchMap, catchError, delay, debounceTime, repeat, finalize, take } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule, FormControl, FormGroup, NG_VALIDATORS, FormBuilder, Validators, FormArray, ControlContainer } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { RouterModule, NavigationEnd, PRIMARY_OUTLET, ActivatedRoute, Router } from '@angular/router';
 import { BreadcrumbModule as BreadcrumbModule$1 } from 'primeng/breadcrumb';
-import { Subject, of, from, throwError, forkJoin, ReplaySubject } from 'rxjs';
-import { takeUntil, filter, tap, map, switchMap, catchError, delay, debounceTime, repeat, finalize, take } from 'rxjs/operators';
 import { TieredMenu, TieredMenuModule as TieredMenuModule$1 } from 'primeng/tieredmenu';
 import { TooltipModule as TooltipModule$1 } from 'primeng/tooltip';
 import { DomHandler } from 'primeng/dom';
@@ -162,23 +161,24 @@ var AccordionPanelComponent = /** @class */ (function () {
 var AccordionComponent = /** @class */ (function () {
     function AccordionComponent() {
         this.multiple = false;
+        this._unsubscribe$ = new Subject();
         this._panels = [];
     }
     AccordionComponent.prototype.ngAfterContentInit = function () {
         this._panels = this.panelsComponents.toArray();
         this._openSubs = new Array(this._panels.length);
+        this._setBehavior(this.multiple);
         this._setupTabs();
     };
     AccordionComponent.prototype.ngOnChanges = function (changes) {
         if (changes.multiple) {
-            if (changes.multiple.currentValue) {
-                this._enableMultiplePanelBehavior();
-            }
-            else {
-                this._enableSinglePanelBehavior();
-            }
+            this._setBehavior(changes.multiple.currentValue);
         }
     };
+    AccordionComponent.prototype.ngOnDestroy = function () {
+        this._unsubscribe$.next();
+        this._unsubscribe$.complete();
+    };
     AccordionComponent.prototype._setupTabs = function () {
         var _a;
         if ((_a = this._panels) === null || _a === void 0 ? void 0 : _a.length) {
@@ -200,10 +200,20 @@ var AccordionComponent = /** @class */ (function () {
             }
         });
     };
+    AccordionComponent.prototype._setBehavior = function (multiple) {
+        if (multiple) {
+            this._enableMultiplePanelBehavior();
+        }
+        else {
+            this._enableSinglePanelBehavior();
+        }
+    };
     AccordionComponent.prototype._enableSinglePanelBehavior = function () {
         var _this = this;
         this._panels.forEach(function (panel, index) {
-            _this._openSubs[index] = panel.panelOpened.subscribe(function () {
+            _this._openSubs[index] = panel.panelOpened
+                .pipe(takeUntil(_this._unsubscribe$))
+                .subscribe(function () {
                 _this._closeOtherTabs(index);
             });
         });
@@ -739,7 +749,6 @@ var AccordionModule = /** @class */ (function () {
             imports: [
                 CommonModule,
                 FormsModule,
-                BrowserAnimationsModule,
                 TooltipModule,
                 SwitchModule,
             ],
@@ -6828,25 +6837,21 @@ var TextAreaFieldComponent = /** @class */ (function () {
 }());
 
 var IAssistService = /** @class */ (function () {
-    function IAssistService(http, _messageService, _hostProjectConfigs) {
+    function IAssistService(http, _messageService) {
         this.http = http;
         this._messageService = _messageService;
-        this._hostProjectConfigs = _hostProjectConfigs;
     }
     IAssistService.prototype.askIA = function (context, data) {
         var _this = this;
-        var prompt = {
+        return this.http.post("platform/iassist/api/latest/completions", {
             "prompt": this._createPrompt(context, data),
             "provider": "OPEN_AI",
             "parameters": {
                 "model": "gpt-3.5-turbo",
                 "max_tokens": 700,
-                "temperature": 1.0
+                "temperature": 1
             }
-        };
-        var url = this._endpointFactory().build("completions", prompt);
-        return this.http.get(url)
-            .pipe(catchError(function (err) {
+        }).pipe(catchError(function (err) {
             _this._messageService.add({
                 severity: "error",
                 summary: err.status ? String(err.status) : "Error",
@@ -6855,47 +6860,15 @@ var IAssistService = /** @class */ (function () {
             return throwError(err);
         }));
     };
-    IAssistService.prototype._endpointFactory = function () {
-        var _this = this;
-        return {
-            build: function (endpoint, params) {
-                var e_1, _a;
-                var base = _this._hostProjectConfigs.domain + "/" + _this._hostProjectConfigs.service + "/api/latest/" + endpoint;
-                if (params) {
-                    var query = new URLSearchParams();
-                    try {
-                        for (var _b = __values(Object.keys(params)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                            var key = _c.value;
-                            var value = params[key];
-                            if (value) {
-                                query.append(key, value);
-                            }
-                        }
-                    }
-                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                    finally {
-                        try {
-                            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                        }
-                        finally { if (e_1) throw e_1.error; }
-                    }
-                    return base + "?" + query;
-                }
-                return base;
-            },
-        };
-    };
     IAssistService.prototype._createPrompt = function (context, data) {
-        return "Crie um texto gen\u00E9rico para preencher o campo de textarea.\n        " + (data.label ? "O campo tem o label " + data.label + "." : "") + "\n        " + (data.id ? "O campo tem o id " + data.id + "." : "") + "\n        " + (data.placeholder ? "Considere as instru\u00E7\u00F5es/sugest\u00F5es do placeholder: " + data.placeholder + "." : "") + "\n        Baseie-se no contexto informado pelo usu\u00E1rio: '" + context + "'. \n        O texto deve ser formal e conter informa\u00E7\u00F5es pertinentes a um campo como este, como se um usu\u00E1rio real tivesse preenchido com as informa\u00E7\u00F5es necess\u00E1rias. \n        O texto deve ser neutro com rela\u00E7\u00E3o a generos, ra\u00E7as, religi\u00F5es, etc.\n        O texto deve ser impessoal e n\u00E3o deve conter informa\u00E7\u00F5es pessoais do usu\u00E1rio.\n        N\u00E3o direcione o texto a ningu\u00E9m, n\u00E3o use express\u00F5es como: caro, atenciosamente. gostaria, agrade\u00E7o. O texto deve ser gen\u00E9rico.\n    \n        Exemplos de texto:\n        Um campo de descri\u00E7\u00E3o de usu\u00E1rio: \"Usu\u00E1rio com 20 anos, estudante de engenharia, gosta de jogar futebol e assistir filmes.\"\n        Outro exemplo de descri\u00E7\u00E3o de usu\u00E1rio: \"Usu\u00E1rio administrador, com acesso total ao sistema, respons\u00E1vel por gerenciar os usu\u00E1rios e os produtos.\"\n        Um campo de descri\u00E7\u00E3o de um produto: \"O produto \u00E9 um celular, com tela de 6 polegadas, 128GB de armazenamento, 4GB de mem\u00F3ria RAM, c\u00E2mera de 12MP e bateria de 4000mAh.\"\n        Outro exemplo de descri\u00E7\u00E3o de produto: \"O produto \u00E9 uma geladeira, com capacidade de 500 litros, 2 portas, cor branca, com freezer e gaveta de legumes.\"\n        Outro exemplo de descri\u00E7\u00E3o de produto: \"O produto \u00E9 uma camiseta, tamanho M, cor azul, 100% algod\u00E3o, com estampa de um gato.\"\n    \n        Em caso de contexto incompleto crie um texto gen\u00E9rico, como se fosse um exemplo de preenchimento do campo.\n        O texto \u00E9 para um campo de textarea, ent\u00E3o escreva um texto sucinto.\n        Exiba apenas o texto do output";
+        return "Crie um texto gen\u00E9rico para preencher o campo de textarea.\n        " + (data.label ? "O campo tem o label " + data.label + "." : "") + "\n        " + (data.id ? "O campo tem o id " + data.id + "." : "") + "\n        " + (data.placeholder ? "Considere as instru\u00E7\u00F5es/sugest\u00F5es do placeholder: " + data.placeholder + "." : "") + "\n        Baseie-se no contexto informado pelo usu\u00E1rio: '" + context + "'.\n        O texto deve ser formal e conter informa\u00E7\u00F5es pertinentes a um campo como este, como se um usu\u00E1rio real tivesse preenchido com as informa\u00E7\u00F5es necess\u00E1rias. \n        O texto deve ser neutro com rela\u00E7\u00E3o a generos, ra\u00E7as, religi\u00F5es, etc.\n        O texto deve ser impessoal e n\u00E3o deve conter informa\u00E7\u00F5es pessoais do usu\u00E1rio.\n        N\u00E3o direcione o texto a ningu\u00E9m, n\u00E3o use express\u00F5es como: caro, atenciosamente. gostaria, agrade\u00E7o. O texto deve ser gen\u00E9rico.\n    \n        Exemplos de texto:\n        Um campo de descri\u00E7\u00E3o de usu\u00E1rio: \"Usu\u00E1rio com 20 anos, estudante de engenharia, gosta de jogar futebol e assistir filmes.\"\n        Outro exemplo de descri\u00E7\u00E3o de usu\u00E1rio: \"Usu\u00E1rio administrador, com acesso total ao sistema, respons\u00E1vel por gerenciar os usu\u00E1rios e os produtos.\"\n        Um campo de descri\u00E7\u00E3o de um produto: \"O produto \u00E9 um celular, com tela de 6 polegadas, 128GB de armazenamento, 4GB de mem\u00F3ria RAM, c\u00E2mera de 12MP e bateria de 4000mAh.\"\n        Outro exemplo de descri\u00E7\u00E3o de produto: \"O produto \u00E9 uma geladeira, com capacidade de 500 litros, 2 portas, cor branca, com freezer e gaveta de legumes.\"\n        Outro exemplo de descri\u00E7\u00E3o de produto: \"O produto \u00E9 uma camiseta, tamanho M, cor azul, 100% algod\u00E3o, com estampa de um gato.\"\n    \n        Em caso de contexto incompleto crie um texto gen\u00E9rico, como se fosse um exemplo de preenchimento do campo.\n        O texto \u00E9 para um campo de textarea, ent\u00E3o escreva um texto sucinto.\n        Exiba apenas o texto do output";
     };
     IAssistService.ctorParameters = function () { return [
         { type: HttpClient },
-        { type: MessageService },
-        { type: undefined, decorators: [{ type: Inject, args: [HostProjectConfigsInjectionToken,] }] }
+        { type: MessageService }
     ]; };
     IAssistService = __decorate([
-        Injectable(),
-        __param(2, Inject(HostProjectConfigsInjectionToken))
+        Injectable()
     ], IAssistService);
     return IAssistService;
 }());
@@ -6905,32 +6878,40 @@ var TextAreaIAFieldComponent = /** @class */ (function () {
         this._iassistService = _iassistService;
         this._formBuilder = _formBuilder;
         this._translateService = _translateService;
-        this.dialogVisible = false;
+        this.isVisible = false;
+        this.isLoading = false;
     }
     TextAreaIAFieldComponent.prototype.ngOnInit = function () {
         this._createDialogFields();
         this._createDialogFormGroup();
     };
     TextAreaIAFieldComponent.prototype.showDialog = function () {
-        this.dialogVisible = true;
+        this.isVisible = true;
     };
     TextAreaIAFieldComponent.prototype.onHideDialog = function () {
         this.formGroup.get("context").setValue("");
     };
     TextAreaIAFieldComponent.prototype.hideDialog = function () {
-        this.dialogVisible = false;
+        this.isVisible = false;
     };
     TextAreaIAFieldComponent.prototype.submitContext = function () {
         var _this = this;
         var context = this.formGroup.get("context");
+        this.isLoading = true;
         this._iassistService.askIA(context.value, {
             id: this.field.id,
             label: this.field.label,
             placeholder: this.field.placeholder,
-        }).subscribe(function (res) {
+        })
+            .pipe(catchError(function (err) {
+            _this.isLoading = false;
+            return throwError(err);
+        }))
+            .subscribe(function (res) {
             _this.formControl.setValue(res.text);
+            _this.isLoading = false;
         });
-        this.dialogVisible = false;
+        this.hideDialog();
     };
     TextAreaIAFieldComponent.prototype._createDialogFields = function () {
         this.fields = [
@@ -6960,7 +6941,7 @@ var TextAreaIAFieldComponent = /** @class */ (function () {
     ], TextAreaIAFieldComponent.prototype, "formControl", void 0);
     TextAreaIAFieldComponent = __decorate([
         Component({
-            template: "<p-dialog\n    [header]=\"'platform.angular_components.ia_text_generator' | translate\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    [style]=\"{ width: '50vw' }\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    (onHide)=\"onHideDialog()\">\n    <s-dynamic-form\n        [fields]=\"fields\"\n        [form]=\"formGroup\">\n    </s-dynamic-form>\n    <p-footer>\n        <div class=\"footer-content\">\n            <s-button\n                id=\"-submit-button\"\n                type=\"button\"\n                [label]=\"'platform.angular_components.generate_text' | translate\"\n                (onClick)=\"submitContext()\"\n                sTooltip=\"(ALT + SHIFT + S)\"\n                showDelay=\"500\">\n            </s-button>\n            <s-button\n                id=\"-cancel-button\"\n                type=\"button\"\n                priority=\"link\"\n                [label]=\"'platform.angular_components.cancel' | translate\"\n                (onClick)=\"hideDialog()\"\n                sTooltip=\"(ALT + SHIFT + C)\"\n                showDelay=\"500\">\n            </s-button>\n        </div>\n    </p-footer>\n</p-dialog>\n\n<div class=\"textarea-ia\">\n    <textarea\n        [id]=\"(field.id || field.name)\"\n        pInputTextarea\n        [rows]=\"field.rows\"\n        [cols]=\"field.cols\"\n        [formControl]=\"formControl\"\n        style=\"resize: vertical;\"\n        [ngStyle]=\"field.style\">\n    </textarea>\n    <s-button\n        priority=\"default\"\n        (onClick)=\"showDialog()\"\n        iconClass=\"far fa-lightbulb-on\"\n        [auxiliary]=\"true\"\n        [tooltip]=\"'platform.angular_components.ia_text_generator' | translate\">\n    </s-button>\n</div>",
+            template: "<s-loading-state\n    [loading]=\"isLoading\"\n    [blockWindow]=\"true\">    \n</s-loading-state>\n\n<p-dialog\n    [header]=\"'platform.angular_components.ia_text_generator' | translate\"\n    [(visible)]=\"isVisible\"\n    [modal]=\"true\"\n    [style]=\"{ width: '50vw' }\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    (onHide)=\"onHideDialog()\">\n    <s-dynamic-form\n        [fields]=\"fields\"\n        [form]=\"formGroup\">\n    </s-dynamic-form>\n    <p-footer>\n        <div class=\"footer-content\">\n            <s-button\n                id=\"-submit-button\"\n                type=\"button\"\n                [label]=\"'platform.angular_components.generate_text' | translate\"\n                (onClick)=\"submitContext()\"\n                sTooltip=\"(ALT + SHIFT + S)\"\n                showDelay=\"500\">\n            </s-button>\n            <s-button\n                id=\"-cancel-button\"\n                type=\"button\"\n                priority=\"link\"\n                [label]=\"'platform.angular_components.cancel' | translate\"\n                (onClick)=\"hideDialog()\"\n                sTooltip=\"(ALT + SHIFT + C)\"\n                showDelay=\"500\">\n            </s-button>\n        </div>\n    </p-footer>\n</p-dialog>\n\n<div class=\"textarea-ia\">\n    <textarea\n        [id]=\"(field.id || field.name)\"\n        pInputTextarea\n        [rows]=\"field.rows\"\n        [cols]=\"field.cols\"\n        [formControl]=\"formControl\"\n        style=\"resize: vertical;\"\n        [ngStyle]=\"field.style\">\n    </textarea>\n    <s-button\n        priority=\"default\"\n        (onClick)=\"showDialog()\"\n        iconClass=\"far fa-lightbulb-on\"\n        [auxiliary]=\"true\"\n        [tooltip]=\"'platform.angular_components.ia_text_generator' | translate\">\n    </s-button>\n</div>",
             styles: [".footer-content{display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0}.textarea-ia{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;gap:8px}"]
         })
     ], TextAreaIAFieldComponent);
@@ -11782,10 +11763,7 @@ var SlidePanelModule = /** @class */ (function () {
     }
     SlidePanelModule = __decorate([
         NgModule({
-            imports: [
-                CommonModule,
-                BrowserAnimationsModule,
-            ],
+            imports: [CommonModule],
             declarations: [SlidePanelComponent],
             exports: [SlidePanelComponent],
         })