@seniorsistemas/angular-components 17.7.4 → 17.7.6

package/fesm2015/seniorsistemas-angular-components.js

@@ -50,6 +50,7 @@ import { MessageService, ConfirmationService } from 'primeng/api';
 import { ProgressBarModule as ProgressBarModule$1 } from 'primeng/progressbar';
 import { DomSanitizer } from '@angular/platform-browser';
 import { Clipboard } from '@angular/cdk/clipboard';
+import marked from 'marked';
 import Cropper from 'cropperjs';
 import { moveItemInArray, transferArrayItem, DragDropModule } from '@angular/cdk/drag-drop';
 import * as elementResizeDetectorMaker_ from 'element-resize-detector';
@@ -12476,7 +12477,7 @@ let IAInsightCardComponent = class IAInsightCardComponent {
         this.insight.request$
             .pipe(first(), finalize(() => (this.isLoading = false)))
             .subscribe((content) => {
-            this.content = content;
+            this.content = marked.marked(content);
         });
     }
 };
@@ -12548,8 +12549,8 @@ let IAInsightCardLoaderComponent = class IAInsightCardLoaderComponent {
 IAInsightCardLoaderComponent = __decorate([
     Component({
         selector: "s-ia-insight-card-loader",
-        template: "<div class=\"ia-insight-card-loader\">\n    <div class=\"loader\">\n        <div class=\"loader-icon\">\n                <div sSVGFactory></div>\n        </div>\n    </div>\n    \n    <span class=\"loader-label\">{{ \"platform.angular_components.loading_insight\" | translate }}</span>\n</div>\n",
-        styles: [".ia-insight-card-loader{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:24px}.ia-insight-card-loader .loader{-ms-flex-align:center;align-items:center;animation:2s linear infinite spin;border:2px solid #f1f7f8;border-top:2px solid #0fa389;border-radius:50%;display:-ms-flexbox;display:flex;height:48px;-ms-flex-pack:center;justify-content:center;width:48px}.ia-insight-card-loader .loader .loader-icon{animation:2s linear infinite reverse spin;height:64px;transform:translate(-50%,-50%);width:64px}.ia-insight-card-loader .loader-label{color:#888b99;font-family:\"Open Sans\",sans-serif;font-size:16px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}"]
+        template: "<div class=\"ia-insight-card-loader\">\n    <div class=\"loader\">\n        <div class=\"loader-icon\">\n                <div *sSVGFactory=\"'iassist'\"></div>\n        </div>\n    </div>\n    \n    <span class=\"loader-label\">{{ \"platform.angular_components.loading_insight\" | translate }}</span>\n</div>\n",
+        styles: [".ia-insight-card-loader{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:24px}.ia-insight-card-loader .loader{-ms-flex-align:center;align-items:center;animation:2s linear infinite spin;border:2px solid #f1f7f8;border-top:2px solid #0fa389;border-radius:50%;display:-ms-flexbox;display:flex;height:48px;-ms-flex-pack:center;justify-content:center;width:48px}.ia-insight-card-loader .loader .loader-icon{animation:2s linear infinite reverse spin;height:32px;transform:translate(-50%,-50%)}.ia-insight-card-loader .loader-label{color:#888b99;font-family:\"Open Sans\",sans-serif;font-size:16px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}"]
     })
 ], IAInsightCardLoaderComponent);
 
@@ -14964,7 +14965,7 @@ let TieredMenuService = class TieredMenuService {
     }
     normalizeData(items, parent) {
         return items.map((i) => {
-            const item = Object.assign({}, i);
+            const item = Object.assign({ visible: true }, i);
             if (item.submenu) {
                 item.submenu = this.normalizeData(item.submenu, item);
             }
@@ -15168,7 +15169,7 @@ __decorate([
 ], TieredMenuNestedComponent.prototype, "onKeydownHandler", null);
 TieredMenuNestedComponent = __decorate([
     Component({
-        template: "<div\n    class=\"menu menu--nested\"\n    [ngStyle]=\"{\n        'top': top + 'px',\n        'left': left + 'px'\n    }\">\n    <ng-container *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: items }\"></ng-container>\n</div>\n\n<ng-template #itemsTemplate let-items>\n    <div *ngFor=\"let item of items\">\n        <s-tiered-menu-item\n            *ngIf=\"!item.divider\"\n            [item]=\"item\"\n            [focused]=\"item === tieredMenuService.currentItem\"\n            [closeOnClick]=\"true\">\n        </s-tiered-menu-item>\n\n        <s-tiered-menu-divider *ngIf=\"item.divider\"></s-tiered-menu-divider>\n\n        <div *ngIf=\"item.submenu && item.isOpen\">\n            <div class=\"submenu\">\n                <ng-container *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: item.submenu }\"></ng-container>\n            </div>\n        </div>\n    </div>\n</ng-template>\n",
+        template: "<div\n    class=\"menu menu--nested\"\n    [ngStyle]=\"{\n        'top': top + 'px',\n        'left': left + 'px'\n    }\">\n    <ng-container *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: items }\"></ng-container>\n</div>\n\n<ng-template #itemsTemplate let-items>\n    <div *ngFor=\"let item of items\">\n        <s-tiered-menu-item\n            *ngIf=\"item.visible && !item.divider\"\n            [item]=\"item\"\n            [focused]=\"item === tieredMenuService.currentItem\"\n            [closeOnClick]=\"true\">\n        </s-tiered-menu-item>\n\n        <s-tiered-menu-divider *ngIf=\"item.divider\"></s-tiered-menu-divider>\n\n        <div *ngIf=\"item.submenu && item.isOpen\">\n            <div class=\"submenu\">\n                <ng-container *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: item.submenu }\"></ng-container>\n            </div>\n        </div>\n    </div>\n</ng-template>\n",
         styles: [".menu{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;min-width:176px;padding:4px 0;position:absolute;z-index:9999;overflow:auto;width:calc(100vw - 8px)}.menu .submenu{margin-left:24px}"]
     })
 ], TieredMenuNestedComponent);
@@ -15438,7 +15439,7 @@ __decorate([
 TieredMenuComponent = TieredMenuComponent_1 = __decorate([
     Component({
         selector: "s-tiered-menu",
-        template: "<div\n    class=\"menu\"\n    [ngStyle]=\"{\n        'left': left + 'px',\n        'top': top + 'px'\n    }\">\n\n    <div *ngFor=\"let item of items\">\n        <s-tiered-menu-item\n            *ngIf=\"!item.divider\"\n            [item]=\"item\"\n            [focused]=\"item === tieredMenuService.currentItem\"\n            [highlight]=\"item.isOpen\"\n            triggerEvent=\"hover\"\n            [closeOnClick]=\"false\">\n        </s-tiered-menu-item>\n        <s-tiered-menu-divider *ngIf=\"item.divider\"></s-tiered-menu-divider>\n    </div>\n</div>",
+        template: "<div\n    class=\"menu\"\n    [ngStyle]=\"{\n        'left': left + 'px',\n        'top': top + 'px'\n    }\">\n\n    <div *ngFor=\"let item of items\">\n        <s-tiered-menu-item\n            *ngIf=\"item.visible && !item.divider\"\n            [item]=\"item\"\n            [focused]=\"item === tieredMenuService.currentItem\"\n            [highlight]=\"item.isOpen\"\n            triggerEvent=\"hover\"\n            [closeOnClick]=\"false\">\n        </s-tiered-menu-item>\n        <s-tiered-menu-divider *ngIf=\"item.divider\"></s-tiered-menu-divider>\n    </div>\n</div>",
         styles: [".menu{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;max-height:100vh;min-width:176px;padding:4px 0;overflow-y:auto;position:absolute;z-index:9999}"]
     })
 ], TieredMenuComponent);
@@ -15467,8 +15468,7 @@ let TieredMenuDirective = class TieredMenuDirective {
         this._unsubscribe$ = new Subject();
     }
     onClick(event) {
-        var _a;
-        if (this.triggerEvent === "click" && ((_a = this._tieredMenuService.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && !this._isOpen) {
+        if (this.triggerEvent === "click" && !this._isOpen) {
             this._lastActiveElement = document.activeElement;
             this._createMenu();
             event.preventDefault();
@@ -15476,14 +15476,12 @@ let TieredMenuDirective = class TieredMenuDirective {
         }
     }
     ngOnInit() {
-        this._updateServiceItems();
         this._subscribeEvents();
     }
     ngDoCheck() {
         if (!this.previousItems) {
             this.previousItems = this._tieredMenuService.cloneItems(this.items);
         }
-        ;
         let hasChanges = false;
         if (this.items.length !== this.previousItems.length) {
             hasChanges = true;
@@ -15510,6 +15508,7 @@ let TieredMenuDirective = class TieredMenuDirective {
     }
     _createMenu() {
         var _a, _b, _c;
+        this._updateServiceItems();
         if (!this._componentRef && ((_a = this._tieredMenuService.items) === null || _a === void 0 ? void 0 : _a.length) > 0) {
             (_b = this._tieredMenuGlobalService.lastInstance) === null || _b === void 0 ? void 0 : _b._destroy();
             this._tieredMenuGlobalService.lastInstance = this;
@@ -15567,7 +15566,7 @@ let TieredMenuDirective = class TieredMenuDirective {
         const MARGIN = 4;
         if (this._componentRef !== null) {
             this._componentRef.instance.top = 8;
-            const { bottom, left, right } = this._elementRef.nativeElement.getBoundingClientRect();
+            let { bottom, left, right } = this._elementRef.nativeElement.getBoundingClientRect();
             const itemsCount = (_a = this._componentRef.instance.items) === null || _a === void 0 ? void 0 : _a.reduce((count, item) => {
                 return !item.divider ? count + 1 : count;
             }, 0);
@@ -15580,16 +15579,17 @@ let TieredMenuDirective = class TieredMenuDirective {
             this._componentRef.instance.top = bottom;
             this._componentRef.instance.left = left;
             if (bottomFreeSpace <= menuHeight) {
-                this._componentRef.instance.top = Math.max(bottom - menuHeight, 0);
+                this._componentRef.instance.top = Math.max(scrollY + bottom - menuHeight, 0);
             }
             else {
-                this._componentRef.instance.top = bottom + MARGIN;
+                console.log("Tem espaço abaixo");
+                this._componentRef.instance.top = window.scrollY + bottom + MARGIN;
             }
             if (rightFreeSpace > 176) {
-                this._componentRef.instance.left = left;
+                this._componentRef.instance.left = window.scrollX + left;
             }
             else {
-                this._componentRef.instance.left = right - ITEM_WIDTH;
+                this._componentRef.instance.left = window.scrollX + right - ITEM_WIDTH;
             }
             if (this._isNested) {
                 this._componentRef.instance.left = MARGIN;