@seniorsistemas/angular-components 17.3.19 → 17.4.0

package/bundles/seniorsistemas-angular-components.umd.js

@@ -5002,6 +5002,7 @@
         function LookupField(config) {
             var _this = _super.call(this, __assign(__assign({}, config), { type: exports.FieldType.Lookup })) || this;
             _this.multiple = false;
+            _this.showSearch = true;
             _this.autocompleteForceSelection = true;
             _this.onSelect = function (event) { };
             _this.onUnselect = function (event) { };
@@ -9147,7 +9148,7 @@
         ], LookupFieldComponent.prototype, "formControl", void 0);
         LookupFieldComponent = __decorate([
             core.Component({
-                template: "<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\">\n    <s-lookup\n        [id]=\"(field.id || field.name)\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.lookupSuggestions\"\n        [dataKey]=\"field.dataKey\"\n        [placeholder]=\"field.placeholder\"\n        [searchFields]=\"field.searchFields\"\n        [searchGridFields]=\"field.searchGridFields\"\n        [searchGridData]=\"field.gridData\"\n        (onLookupRequest)=\"field.onLookupRequest($event)\"\n        (onSearchRequest)=\"field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"field.lookupDisplayField\"\n        [searchTotalRecords]=\"field.searchTotalRecords\"\n        [searchTotalRecordsLabel]=\"field.searchTotalRecordsLabel\"\n        [searchTitle]=\"field.searchTitle\"\n        [selectLabel]=\"field.selectLabel\"\n        [searchEmptyTitle]=\"field.searchEmptyTitle\"\n        [filterLabel]=\"field.filterLabel\"\n        [filterTitle]=\"field.filterTitle\"\n        [clearLabel]=\"field.clearLabel\"\n        [cancelLabel]=\"field.cancelLabel\"\n        [emptyFieldLabel]=\"field.emptyFieldLabel \"\n        (onSelect)=\"field.onSelect($event)\"\n        (onUnselect)=\"field.onUnselect($event)\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupAppendTo]=\"field.appendTo\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n        [recordLabel]=\"field.recordLabel\"\n        [recordsLabel]=\"field.recordsLabel\"\n        [defaultFilter]=\"field.defaultFilter\"\n        [autocompleteForceSelection]=\"field.autocompleteForceSelection\">\n    </s-lookup>\n</div>\n"
+                template: "<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\">\n    <s-lookup\n        [id]=\"(field.id || field.name)\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.lookupSuggestions\"\n        [dataKey]=\"field.dataKey\"\n        [placeholder]=\"field.placeholder\"\n        [showSearch]=\"field.showSearch\"\n        [searchFields]=\"field.searchFields\"\n        [searchGridFields]=\"field.searchGridFields\"\n        [searchGridData]=\"field.gridData\"\n        (onLookupRequest)=\"field.onLookupRequest($event)\"\n        (onSearchRequest)=\"field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"field.lookupDisplayField\"\n        [searchTotalRecords]=\"field.searchTotalRecords\"\n        [searchTotalRecordsLabel]=\"field.searchTotalRecordsLabel\"\n        [searchTitle]=\"field.searchTitle\"\n        [selectLabel]=\"field.selectLabel\"\n        [searchEmptyTitle]=\"field.searchEmptyTitle\"\n        [filterLabel]=\"field.filterLabel\"\n        [filterTitle]=\"field.filterTitle\"\n        [clearLabel]=\"field.clearLabel\"\n        [cancelLabel]=\"field.cancelLabel\"\n        [emptyFieldLabel]=\"field.emptyFieldLabel \"\n        (onSelect)=\"field.onSelect($event)\"\n        (onUnselect)=\"field.onUnselect($event)\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupAppendTo]=\"field.appendTo\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n        [recordLabel]=\"field.recordLabel\"\n        [recordsLabel]=\"field.recordsLabel\"\n        [defaultFilter]=\"field.defaultFilter\"\n        [autocompleteForceSelection]=\"field.autocompleteForceSelection\">\n    </s-lookup>\n</div>\n"
             })
         ], LookupFieldComponent);
         return LookupFieldComponent;
@@ -13096,6 +13097,320 @@
         return GlobalSearchModule;
     }());
 
+    var IAssistIconComponent = /** @class */ (function () {
+        function IAssistIconComponent() {
+        }
+        IAssistIconComponent = __decorate([
+            core.Component({
+                template: "<svg style=\"width: 100%; height: 100%;\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M5.81451 18.1054L5.99593 17.6059L7.52166 13.4099L7.60877 13.1726L7.61277 13.1614L7.94285 12.2543L8.01159 12.0648L8.05394 11.949L5.2998 8.52426L5.02726 8.18379C5.00569 8.15821 4.9881 8.13104 4.97292 8.10226C4.90099 7.9632 4.85063 7.81294 4.82186 7.6531C4.73075 7.1344 4.90418 6.60771 5.28382 6.24326C5.29421 6.23447 5.3038 6.22567 5.31419 6.21688L5.47164 6.0914L9.3439 3.00238L9.5469 2.84094L9.57088 2.82096L10.4101 2.15041L11.8007 1.04188C11.2181 0.925188 10.6163 0.863647 10.0001 0.863647C4.95374 0.863647 0.863281 4.9541 0.863281 9.99963C0.863281 13.5346 2.87254 16.5989 5.80971 18.1182\" fill=\"#0FA389\"/>\n    <path d=\"M14.099 1.83472L13.9495 2.24632L11.997 7.61074L11.9427 7.7594L11.9003 7.87369L14.7448 11.4103C14.7463 11.4127 14.7479 11.4143 14.7495 11.4167L14.9414 11.654C14.9541 11.67 14.9661 11.6868 14.9765 11.7044C15.0764 11.8698 15.1444 12.0505 15.1779 12.2431C15.273 12.7826 15.0812 13.3284 14.676 13.6897C14.656 13.7129 14.6345 13.7344 14.6105 13.7536L11.8563 15.9507L11.6789 16.0922L11.6022 16.1537L10.7406 16.8402V16.841L10.3937 17.1176L9.85747 17.5452L9.39951 17.9112L8.11035 18.9398C8.72016 19.0677 9.35155 19.1364 9.99973 19.1364C15.0461 19.1364 19.1365 15.046 19.1365 9.99964C19.1365 6.42789 17.0857 3.33727 14.099 1.83472Z\" fill=\"#0FA389\"/>\n    <path d=\"M14.7287 12.3222C14.7047 12.1832 14.6551 12.0545 14.5864 11.941L14.3954 11.7036C14.3954 11.7036 14.3946 11.7028 14.3938 11.7028L11.3839 7.96005L10.5031 6.86511L10.4256 6.7676L9.03255 5.03487L8.83674 4.79191C8.79278 4.71678 8.75681 4.63446 8.73204 4.54814C8.72085 4.51058 8.71286 4.47222 8.70566 4.43465C8.68568 4.32196 8.68408 4.21007 8.69847 4.10217L8.62334 4.16291L8.44511 4.30438L5.75731 6.44871L5.60066 6.57339C5.34011 6.82275 5.20584 7.19279 5.27218 7.57482C5.29296 7.68751 5.32892 7.79541 5.37927 7.89292C5.37927 7.89292 5.37927 7.89292 5.38007 7.89371L5.6566 8.23818L8.57139 11.8627L8.63293 11.9394L9.53047 13.0559L9.59041 13.1303L9.98363 13.6186L11.0178 14.9046C11.0186 14.9054 11.0194 14.9069 11.0202 14.9077L11.1361 15.0516V15.0524C11.2184 15.1755 11.2768 15.317 11.3048 15.4728C11.3239 15.5807 11.3263 15.6878 11.3143 15.7925L11.3175 15.7965L11.3943 15.735L11.5717 15.5935L14.3266 13.3964L14.3218 13.3908C14.6335 13.1438 14.8022 12.7394 14.7287 12.3222Z\" fill=\"#F3F3F5\"/>\n    <path d=\"M10.6822 15.0082C10.6814 15.0074 10.6806 15.0058 10.6806 15.005L10.5672 14.8643L10.3809 14.6325L10.3282 14.567L10.2211 14.4335L9.40028 13.4129L9.32835 13.3242L8.77289 12.6345L8.68098 12.5194L8.44121 12.2205L8.37168 12.4099L8.04159 13.317L8.0376 13.329L7.95128 13.5664L6.42475 17.7623L6.24333 18.2618L5.90605 19.1881L5.73262 19.6645C5.73182 19.6661 5.73102 19.6677 5.73102 19.6685C5.72863 19.6749 5.72703 19.6821 5.72543 19.6885C5.71584 19.7228 5.71424 19.758 5.72063 19.7948C5.74461 19.929 5.87329 20.0193 6.00836 19.9962C6.04112 19.9898 6.07229 19.9778 6.09867 19.9602C6.09867 19.9602 6.09947 19.9602 6.10027 19.9594L6.14103 19.9266L7.39422 18.9268L9.11496 17.5537L9.57292 17.1877L10.1092 16.7601L10.4561 16.4827L10.4537 16.4811C10.7582 16.2382 10.9236 15.8402 10.8509 15.4294C10.8237 15.2735 10.7654 15.1313 10.6822 15.0082Z\" fill=\"#0C847B\"/>\n    <path d=\"M9.17644 4.56325C9.2124 4.68713 9.26915 4.80062 9.34268 4.90053C9.34348 4.90053 9.34428 4.90213 9.34428 4.90213L9.40342 4.97645C9.40502 4.97805 9.40582 4.97885 9.40662 4.98045L9.56806 5.17946L9.64878 5.28096L9.67915 5.31932L9.8414 5.51993L10.5559 6.40947L10.7054 6.59569L11.2169 7.23188L11.5142 7.60192L11.5693 7.45247L13.5202 2.08964L14.1596 0.332135C14.1596 0.330536 14.1604 0.328139 14.1612 0.32654C14.174 0.288177 14.1772 0.246617 14.17 0.205058C14.1468 0.0699879 14.0182 -0.0195258 13.8823 0.00365186C13.8407 0.0116442 13.8024 0.028428 13.7712 0.0540033L12.578 1.00589L12.498 1.06982L10.6958 2.50844L9.85658 3.17819L9.8326 3.19737L9.6296 3.35961L9.45297 3.50028C9.2116 3.73925 9.08692 4.08931 9.15006 4.44976C9.15726 4.48813 9.16525 4.52649 9.17644 4.56325Z\" fill=\"#0C847B\"/>\n</svg>"
+            })
+        ], IAssistIconComponent);
+        return IAssistIconComponent;
+    }());
+
+    var SVGFactoryDirective = /** @class */ (function () {
+        function SVGFactoryDirective(viewContainerRef, componentFactoryResolver) {
+            this.viewContainerRef = viewContainerRef;
+            this.componentFactoryResolver = componentFactoryResolver;
+            var factory = this.componentFactoryResolver.resolveComponentFactory(IAssistIconComponent);
+            this.viewContainerRef.clear();
+            this.viewContainerRef.createComponent(factory);
+        }
+        SVGFactoryDirective.ctorParameters = function () { return [
+            { type: core.ViewContainerRef },
+            { type: core.ComponentFactoryResolver }
+        ]; };
+        SVGFactoryDirective = __decorate([
+            core.Directive({
+                selector: "[sSVGFactory]",
+            })
+        ], SVGFactoryDirective);
+        return SVGFactoryDirective;
+    }());
+
+    var SVGFactoryModule = /** @class */ (function () {
+        function SVGFactoryModule() {
+        }
+        SVGFactoryModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule],
+                declarations: [
+                    SVGFactoryDirective,
+                    IAssistIconComponent,
+                ],
+                exports: [SVGFactoryDirective],
+            })
+        ], SVGFactoryModule);
+        return SVGFactoryModule;
+    }());
+
+    var TemplateDirective = /** @class */ (function () {
+        function TemplateDirective(template) {
+            this.template = template;
+        }
+        TemplateDirective.ctorParameters = function () { return [
+            { type: core.TemplateRef }
+        ]; };
+        __decorate([
+            core.Input("sTemplate")
+        ], TemplateDirective.prototype, "type", void 0);
+        TemplateDirective = __decorate([
+            core.Directive({
+                selector: "[sTemplate]",
+            })
+        ], TemplateDirective);
+        return TemplateDirective;
+    }());
+
+    var TemplateModule = /** @class */ (function () {
+        function TemplateModule() {
+        }
+        TemplateModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule],
+                declarations: [TemplateDirective],
+                exports: [TemplateDirective],
+            })
+        ], TemplateModule);
+        return TemplateModule;
+    }());
+
+    var IAInsightCardComponent = /** @class */ (function () {
+        function IAInsightCardComponent(clipboard, messageService, translateService) {
+            this.clipboard = clipboard;
+            this.messageService = messageService;
+            this.translateService = translateService;
+            this.open = false;
+            this.isLoading = false;
+            this.likeSelected = false;
+            this.dislikeSelected = false;
+        }
+        IAInsightCardComponent.prototype.toggle = function () {
+            this.open = !this.open;
+            this._requestInsight();
+        };
+        IAInsightCardComponent.prototype.onLikeSelected = function () {
+            var _a, _b;
+            if (this.likeSelected) {
+                this.likeSelected = false;
+            }
+            else {
+                this.likeSelected = true;
+                this.dislikeSelected = false;
+                (_b = (_a = this.insight).onLikeSelected) === null || _b === void 0 ? void 0 : _b.call(_a);
+            }
+        };
+        IAInsightCardComponent.prototype.onDislikeSelected = function () {
+            var _a, _b;
+            if (this.dislikeSelected) {
+                this.dislikeSelected = false;
+            }
+            else {
+                this.dislikeSelected = true;
+                this.likeSelected = false;
+                (_b = (_a = this.insight).onDislikeSelected) === null || _b === void 0 ? void 0 : _b.call(_a);
+            }
+        };
+        IAInsightCardComponent.prototype.copyContent = function () {
+            var _a, _b;
+            (_b = (_a = this.insight).onCopy) === null || _b === void 0 ? void 0 : _b.call(_a, this.content);
+            if (this.clipboard.copy(this.content)) {
+                this.messageService.add({
+                    severity: "info",
+                    summary: this.translateService.instant("platform.angular_components.copied_to_clipboard"),
+                });
+            }
+        };
+        IAInsightCardComponent.prototype.reloadContent = function () {
+            this._requestInsight();
+        };
+        IAInsightCardComponent.prototype._requestInsight = function () {
+            var _this = this;
+            this.isLoading = true;
+            this.insight.request$
+                .pipe(operators.first(), operators.finalize(function () { return (_this.isLoading = false); }))
+                .subscribe(function (content) {
+                _this.content = content;
+            });
+        };
+        IAInsightCardComponent.ctorParameters = function () { return [
+            { type: clipboard.Clipboard },
+            { type: api.MessageService },
+            { type: core$1.TranslateService }
+        ]; };
+        __decorate([
+            core.Input()
+        ], IAInsightCardComponent.prototype, "insight", void 0);
+        IAInsightCardComponent = __decorate([
+            core.Component({
+                selector: "s-ia-insight-card",
+                template: "<div class=\"ia-insight-card\" [ngClass]=\"{ 'ia-insight-card--close': !open }\">\n    <div class=\"header\" (click)=\"toggle()\">\n        <s-badge text=\"Insight\" iconClass=\"fal fa-lightbulb\"></s-badge>\n        <span class=\"insight-title\">{{ insight.title }}</span>\n        <span\n            class=\"toggle-icon fas\"\n            [ngClass]=\"{\n                'fa-angle-down': !open,\n                'fa-angle-up': open\n            }\"\n        >\n        </span>\n    </div>\n    <div class=\"content\">\n        <ng-container *ngIf=\"isLoading; then loadingBlock; else contentBlock\"></ng-container>\n        <ng-template #loadingBlock>\n            <s-ia-insight-card-loader></s-ia-insight-card-loader>\n        </ng-template>\n        <ng-template #contentBlock>\n            <ng-container *ngIf=\"content; then successBlock; else errorBlock\"></ng-container>\n\n            <ng-template #successBlock>\n                <span class=\"text\" [innerHTML]=\"content\"></span>\n            </ng-template>\n            <ng-template #errorBlock>\n                <span class=\"text text--error\">{{ \"platform.angular_components.error_loading_insight_alt\" | translate }}</span>\n            </ng-template>\n\n            <div class=\"options\">\n                <button [disabled]=\"!content\" (click)=\"copyContent()\" class=\"option fal fa-copy\"></button>\n                <button (click)=\"reloadContent()\" class=\"option fal fa-redo\"></button>\n                <button\n                    *ngIf=\"insight.onLikeSelected\"\n                    [disabled]=\"!content\"\n                    (click)=\"onLikeSelected()\"\n                    class=\"option\"\n                    [ngClass]=\"{\n                        'fal': !likeSelected,\n                        'fas': likeSelected,\n                        'fa-thumbs-up': true\n                    }\">\n                </button>\n                <button\n                    *ngIf=\"insight.onDislikeSelected\"\n                    [disabled]=\"!content\"\n                    (click)=\"onDislikeSelected()\"\n                    class=\"option\"\n                    [ngClass]=\"{\n                        'fal': !dislikeSelected,\n                        'fas': dislikeSelected,\n                        'fa-thumbs-down': true\n                    }\">\n                </button>\n            </div>\n        </ng-template>\n    </div>\n</div>\n",
+                styles: [".ia-insight-card{background-color:#fff;border:1px solid #9ecad4;border-radius:4px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.ia-insight-card .header{-ms-flex-align:center;align-items:center;background-color:#f1f7f8;border-bottom:1px solid #9ecad4;display:-ms-flexbox;display:flex;gap:8px;min-height:60px;padding:8px 16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ia-insight-card .header .insight-title{color:#428bca;-ms-flex-positive:1;flex-grow:1;font-family:\"Open Sans\",sans-serif;font-size:14px;line-height:150%}.ia-insight-card .header .toggle-icon{color:#888b99;font-size:20px}.ia-insight-card .content{-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;cursor:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px;min-height:160px;padding:24px}.ia-insight-card .content .text{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:14px;width:100%}.ia-insight-card .content .text--error{text-align:center}.ia-insight-card .content .options{display:-ms-flexbox;display:flex;gap:8px}.ia-insight-card .content .options .option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-size:12px}.ia-insight-card .content .options .option:disabled{color:#c1c1cc;cursor:auto}.ia-insight-card--close{border-color:#dedce5}.ia-insight-card--close .header{background-color:#fbfafc;border:#dedce5}.ia-insight-card--close .header .insight-title{color:#888b99}.ia-insight-card--close .content{display:none}"]
+            })
+        ], IAInsightCardComponent);
+        return IAInsightCardComponent;
+    }());
+
+    var IAInsightSidebarComponent = /** @class */ (function () {
+        function IAInsightSidebarComponent() {
+            this.insights = [];
+            this.opened = false;
+        }
+        IAInsightSidebarComponent.prototype.toggle = function () {
+            this.opened = !this.opened;
+        };
+        IAInsightSidebarComponent.prototype.open = function () {
+            this.opened = true;
+        };
+        IAInsightSidebarComponent.prototype.close = function () {
+            this.opened = false;
+        };
+        __decorate([
+            core.Input()
+        ], IAInsightSidebarComponent.prototype, "insights", void 0);
+        __decorate([
+            core.Input()
+        ], IAInsightSidebarComponent.prototype, "hasPermission", void 0);
+        __decorate([
+            core.Input()
+        ], IAInsightSidebarComponent.prototype, "introText", void 0);
+        __decorate([
+            core.Input()
+        ], IAInsightSidebarComponent.prototype, "introTemplate", void 0);
+        __decorate([
+            core.Input()
+        ], IAInsightSidebarComponent.prototype, "emptyText", void 0);
+        __decorate([
+            core.Input()
+        ], IAInsightSidebarComponent.prototype, "emptyTemplate", void 0);
+        __decorate([
+            core.Input()
+        ], IAInsightSidebarComponent.prototype, "noPermissionText", void 0);
+        __decorate([
+            core.Input()
+        ], IAInsightSidebarComponent.prototype, "noPermissionTemplate", void 0);
+        IAInsightSidebarComponent = __decorate([
+            core.Component({
+                selector: "s-ia-insight-sidebar",
+                template: "<div\n    class=\"sidebar\"\n    [class.opened]=\"opened\">\n    <div class=\"header\">\n        <button (click)=\"close()\" class=\"option\">\n            <span class=\"far fa-chevron-double-right\"></span>\n        </button>\n        <div class=\"title\">\n            <span><ng-container [ngTemplateOutlet]=\"iassistIcon\"></ng-container></span>\n            <span>Insight</span>\n        </div>\n    </div>\n    <div class=\"intro\">\n        <ng-container *ngIf=\"hasPermission; then permissionBlock; else noPermissionBlock\"></ng-container>\n\n        <ng-template #permissionBlock>\n            <ng-container *ngIf=\"insights?.length; then introBlock; else emptyBlock\"></ng-container>\n        \n            <ng-template #introBlock>\n                <ng-container *ngIf=\"introTemplate; then introCustomBlock; else introTextBlock\"></ng-container>\n\n                <ng-template #introCustomBlock>\n                    <ng-container *ngTemplateOutlet=\"introTemplate\"></ng-container>\n                </ng-template>\n\n                <ng-template #introTextBlock>\n                    <span class=\"text\">{{ introText || \"platform.angular_components.insight_intro\" | translate }}</span>\n                </ng-template>\n            </ng-template>\n            \n            <ng-template #emptyBlock>\n                <ng-container *ngIf=\"emptyTemplate; then emptyCustomBlock; else emptyTextBlock\"></ng-container>\n\n                <ng-template #emptyCustomBlock>\n                    <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n                </ng-template>\n\n                <ng-template #emptyTextBlock>\n                    <span class=\"text\">{{ emptyText || \"platform.angular_components.insight_empty\" | translate }}</span>\n                </ng-template>\n            </ng-template>\n        </ng-template>\n        \n        <ng-template #noPermissionBlock>\n            <ng-container *ngIf=\"noPermissionTemplate; then noPermissionCustomBlock; else noPermissionTextBlock\"></ng-container>\n\n            <ng-template #noPermissionCustomBlock>\n                <ng-container *ngTemplateOutlet=\"noPermissionTemplate\"></ng-container>\n            </ng-template>\n\n            <ng-template #noPermissionTextBlock>\n                <span>{{ noPermissionText || \"platform.angular_components.insight_no_permission\" | translate }}</span>\n            </ng-template>\n        </ng-template>\n    </div>\n    <div class=\"insights\">\n        <ng-container *ngIf=\"insights?.length\">\n            <s-ia-insight-card\n                *ngFor=\"let insight of insights\"\n                [insight]=\"insight\">\n            </s-ia-insight-card>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #iassistIcon>\n    <div style=\"width: 28px; height: 28px;\">\n        <span sSVGFactory></span>\n    </div>\n</ng-template>\n",
+                styles: [".sidebar{background-color:#fff;border-left:1px solid #dedce5;height:100%;overflow-x:hidden;position:fixed;right:-25%;transition:.5s;top:0;width:25%;z-index:1002}.sidebar .header{border-bottom:1px solid #dedce5;display:-ms-flexbox;display:flex;gap:16px;padding:12px 20px}.sidebar .header .option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-size:16px;padding:12px}.sidebar .header .title{-ms-flex-align:center;align-items:center;color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:16px;gap:16px;line-height:1;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sidebar .intro{margin:8px 40px}.sidebar .intro .text{color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;-ms-flex-pack:center;justify-content:center;line-height:1.5;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sidebar.opened{right:0}.sidebar.opened .insights{padding:12px}.insights{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}@media (max-width:1366px){.sidebar{right:-50%;width:50%}}@media (max-width:768px){.sidebar{right:-75%;width:75%}}@media (max-width:600px){.sidebar{right:-100%;width:100%}}"]
+            })
+        ], IAInsightSidebarComponent);
+        return IAInsightSidebarComponent;
+    }());
+
+    var IAInsightCardLoaderComponent = /** @class */ (function () {
+        function IAInsightCardLoaderComponent() {
+        }
+        IAInsightCardLoaderComponent = __decorate([
+            core.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)}}"]
+            })
+        ], IAInsightCardLoaderComponent);
+        return IAInsightCardLoaderComponent;
+    }());
+
+
+    (function (IAInsightTemplateTypes) {
+        IAInsightTemplateTypes["Empty"] = "empty";
+        IAInsightTemplateTypes["Intro"] = "intro";
+        IAInsightTemplateTypes["NoPermission"] = "noPermission";
+    })(exports.IAInsightTemplateTypes || (exports.IAInsightTemplateTypes = {}));
+
+    var IAInsightComponent = /** @class */ (function () {
+        function IAInsightComponent() {
+            this.insights = [];
+            this.hasPermission = true;
+        }
+        IAInsightComponent.prototype.ngAfterContentInit = function () {
+            this._getTemplates();
+        };
+        IAInsightComponent.prototype.open = function () {
+            this.sidebar.open();
+        };
+        IAInsightComponent.prototype.close = function () {
+            this.sidebar.close();
+        };
+        IAInsightComponent.prototype.getIntroTemplate = function () {
+            return this._getCustomTemplate(exports.IAInsightTemplateTypes.Intro);
+        };
+        IAInsightComponent.prototype.getNoPermissionTemplate = function () {
+            return this._getCustomTemplate(exports.IAInsightTemplateTypes.NoPermission);
+        };
+        IAInsightComponent.prototype.getEmptyTemplate = function () {
+            return this._getCustomTemplate(exports.IAInsightTemplateTypes.Empty);
+        };
+        IAInsightComponent.prototype._getCustomTemplate = function (type) {
+            var _a;
+            return (_a = this.templates.find(function (template) { return template.type === type; })) === null || _a === void 0 ? void 0 : _a.template;
+        };
+        IAInsightComponent.prototype._getTemplates = function () {
+            this.introTemplate = this.getIntroTemplate();
+            this.emptyTemplate = this.getEmptyTemplate();
+            this.noPermissionTemplate = this.getNoPermissionTemplate();
+        };
+        __decorate([
+            core.Input()
+        ], IAInsightComponent.prototype, "insights", void 0);
+        __decorate([
+            core.Input()
+        ], IAInsightComponent.prototype, "hasPermission", void 0);
+        __decorate([
+            core.Input()
+        ], IAInsightComponent.prototype, "introText", void 0);
+        __decorate([
+            core.Input()
+        ], IAInsightComponent.prototype, "emptyText", void 0);
+        __decorate([
+            core.Input()
+        ], IAInsightComponent.prototype, "noPermissionText", void 0);
+        __decorate([
+            core.ViewChild(IAInsightSidebarComponent)
+        ], IAInsightComponent.prototype, "sidebar", void 0);
+        __decorate([
+            core.ContentChildren(TemplateDirective)
+        ], IAInsightComponent.prototype, "templates", void 0);
+        IAInsightComponent = __decorate([
+            core.Component({
+                selector: "s-ia-insight",
+                template: "<s-ia-insight-sidebar\n    #sidebar\n    [insights]=\"insights\"\n    [hasPermission]=\"hasPermission\"\n    [introText]=\"introText\"\n    [introTemplate]=\"introTemplate\"\n    [emptyText]=\"emptyText\"\n    [emptyTemplate]=\"emptyTemplate\"\n    [noPermissionText]=\"noPermissionText\"\n    [noPermissionTemplate]=\"noPermissionTemplate\">\n</s-ia-insight-sidebar>",
+                styles: [""]
+            })
+        ], IAInsightComponent);
+        return IAInsightComponent;
+    }());
+
+    var IAInsightModule = /** @class */ (function () {
+        function IAInsightModule() {
+        }
+        IAInsightModule = __decorate([
+            core.NgModule({
+                imports: [
+                    common.CommonModule,
+                    core$1.TranslateModule,
+                    BadgeModule,
+                    ButtonModule,
+                    TooltipModule,
+                    TemplateModule,
+                    SVGFactoryModule,
+                ],
+                declarations: [
+                    IAInsightComponent,
+                    IAInsightCardComponent,
+                    IAInsightSidebarComponent,
+                    IAInsightCardLoaderComponent,
+                ],
+                exports: [
+                    IAInsightComponent,
+                    TemplateModule,
+                ],
+            })
+        ], IAInsightModule);
+        return IAInsightModule;
+    }());
+
     var HeaderComponent = /** @class */ (function () {
         function HeaderComponent() {
         }
@@ -13390,33 +13705,6 @@
         return ImageCropperService;
     }());
 
-
-    (function (KanbanTemplateTypes) {
-        KanbanTemplateTypes["ColumnHeader"] = "column-header";
-        KanbanTemplateTypes["ColumnEmptyMessage"] = "column-empty-message";
-        KanbanTemplateTypes["ItemHeader"] = "item-header";
-        KanbanTemplateTypes["ItemBody"] = "item-body";
-        KanbanTemplateTypes["ItemFooter"] = "item-footer";
-    })(exports.KanbanTemplateTypes || (exports.KanbanTemplateTypes = {}));
-
-    var TemplateDirective = /** @class */ (function () {
-        function TemplateDirective(template) {
-            this.template = template;
-        }
-        TemplateDirective.ctorParameters = function () { return [
-            { type: core.TemplateRef }
-        ]; };
-        __decorate([
-            core.Input("sTemplate")
-        ], TemplateDirective.prototype, "type", void 0);
-        TemplateDirective = __decorate([
-            core.Directive({
-                selector: "[sTemplate]",
-            })
-        ], TemplateDirective);
-        return TemplateDirective;
-    }());
-
     var KanbanEventService = /** @class */ (function () {
         function KanbanEventService() {
             this.selectAllColumnItemsEvent = new core.EventEmitter();
@@ -13442,6 +13730,15 @@
         return KanbanEventService;
     }());
 
+
+    (function (KanbanTemplateTypes) {
+        KanbanTemplateTypes["ColumnHeader"] = "column-header";
+        KanbanTemplateTypes["ColumnEmptyMessage"] = "column-empty-message";
+        KanbanTemplateTypes["ItemHeader"] = "item-header";
+        KanbanTemplateTypes["ItemBody"] = "item-body";
+        KanbanTemplateTypes["ItemFooter"] = "item-footer";
+    })(exports.KanbanTemplateTypes || (exports.KanbanTemplateTypes = {}));
+
     var KanbanComponent = /** @class */ (function () {
         function KanbanComponent(kanbanEventService) {
             this.kanbanEventService = kanbanEventService;
@@ -13646,47 +13943,6 @@
         return KanbanComponent;
     }());
 
-    var KanbanItemComponent = /** @class */ (function () {
-        function KanbanItemComponent(_kanbanEventService) {
-            this._kanbanEventService = _kanbanEventService;
-            this.selected = false;
-        }
-        KanbanItemComponent.prototype.onSelectedChange = function (value) {
-            if (value) {
-                this._kanbanEventService.emitSelectItemEvent(this.item);
-            }
-            else {
-                this._kanbanEventService.emitUnselectItemEvent(this.item);
-            }
-        };
-        KanbanItemComponent.ctorParameters = function () { return [
-            { type: KanbanEventService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], KanbanItemComponent.prototype, "item", void 0);
-        __decorate([
-            core.Input()
-        ], KanbanItemComponent.prototype, "selected", void 0);
-        __decorate([
-            core.Input()
-        ], KanbanItemComponent.prototype, "headerTemplate", void 0);
-        __decorate([
-            core.Input()
-        ], KanbanItemComponent.prototype, "bodyTemplate", void 0);
-        __decorate([
-            core.Input()
-        ], KanbanItemComponent.prototype, "footerTemplate", void 0);
-        KanbanItemComponent = __decorate([
-            core.Component({
-                selector: 's-kanban-item',
-                template: "<p-tieredMenu\n    #optionsMenu\n    [popup]=\"true\"\n    appendTo=\"body\"\n    [baseZIndex]=\"9999\"\n    [model]=\"item.options\">\n</p-tieredMenu>\n\n<div\n    class=\"kanban-item\"\n    [ngClass]=\"{\n        'kanban-item--selected': selected && !item.disabled,\n        'kanban-item--disabled': item.disabled\n    }\">\n    <div class=\"kanban-item__header\">\n        <div class=\"content\">\n            <form>\n                <input\n                    *ngIf=\"!item.disabled\"\n                    type=\"checkbox\"\n                    name=\"checkbox\"\n                    [(ngModel)]=\"selected\"\n                    (ngModelChange)=\"onSelectedChange($event)\"\n                    (click)=\"$event.stopPropagation()\">\n            </form>\n            <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: item }\"></ng-container>\n        </div>\n        <button\n            *ngIf=\"item.options && !item.disabled\"\n            class=\"options-button\"\n            (click)=\"optionsMenu.toggle($event); $event.stopPropagation();\">\n            <i class=\"fas fa-ellipsis-v\"></i>\n        </button>\n    </div>\n    <div class=\"kanban-item__body\">\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: item }\"></ng-container>\n    </div>\n    <div *ngIf=\"footerTemplate\" class=\"kanban-item__footer\">\n        <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: item }\"></ng-container>     \n    </div>\n</div>",
-                styles: [".kanban-item{background-color:#fff;border-radius:4px;box-shadow:0 1px 5px 0 rgba(0,0,0,.25);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:16px;min-width:260px;padding:16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.kanban-item .kanban-item__header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.kanban-item .kanban-item__header .content{display:-ms-flexbox;display:flex;gap:16px}.kanban-item .kanban-item__header .options-button{background-color:transparent;border:none;cursor:pointer;margin-right:-8px;padding:0 8px}.kanban-item .kanban-item__body{margin:16px 0}.kanban-item .kanban-item__footer{border-top:1px solid #dedce5;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.kanban-item .kanban-item__footer .date-info{-ms-flex-align:center;align-items:center;color:#6e7280;display:-ms-flexbox;display:flex;font-family:\"Open Sans\" sans-serif;font-size:12px;gap:4px;line-height:150%}.kanban-item--selected{border:1px solid #428bca}.kanban-item--disabled{opacity:50%}"]
-            })
-        ], KanbanItemComponent);
-        return KanbanItemComponent;
-    }());
-
     var KanbanColumnComponent = /** @class */ (function () {
         function KanbanColumnComponent(kanbanEventService) {
             this.kanbanEventService = kanbanEventService;
@@ -13781,6 +14037,47 @@
         return KanbanItemDraggingComponent;
     }());
 
+    var KanbanItemComponent = /** @class */ (function () {
+        function KanbanItemComponent(_kanbanEventService) {
+            this._kanbanEventService = _kanbanEventService;
+            this.selected = false;
+        }
+        KanbanItemComponent.prototype.onSelectedChange = function (value) {
+            if (value) {
+                this._kanbanEventService.emitSelectItemEvent(this.item);
+            }
+            else {
+                this._kanbanEventService.emitUnselectItemEvent(this.item);
+            }
+        };
+        KanbanItemComponent.ctorParameters = function () { return [
+            { type: KanbanEventService }
+        ]; };
+        __decorate([
+            core.Input()
+        ], KanbanItemComponent.prototype, "item", void 0);
+        __decorate([
+            core.Input()
+        ], KanbanItemComponent.prototype, "selected", void 0);
+        __decorate([
+            core.Input()
+        ], KanbanItemComponent.prototype, "headerTemplate", void 0);
+        __decorate([
+            core.Input()
+        ], KanbanItemComponent.prototype, "bodyTemplate", void 0);
+        __decorate([
+            core.Input()
+        ], KanbanItemComponent.prototype, "footerTemplate", void 0);
+        KanbanItemComponent = __decorate([
+            core.Component({
+                selector: 's-kanban-item',
+                template: "<p-tieredMenu\n    #optionsMenu\n    [popup]=\"true\"\n    appendTo=\"body\"\n    [baseZIndex]=\"9999\"\n    [model]=\"item.options\">\n</p-tieredMenu>\n\n<div\n    class=\"kanban-item\"\n    [ngClass]=\"{\n        'kanban-item--selected': selected && !item.disabled,\n        'kanban-item--disabled': item.disabled\n    }\">\n    <div class=\"kanban-item__header\">\n        <div class=\"content\">\n            <form>\n                <input\n                    *ngIf=\"!item.disabled\"\n                    type=\"checkbox\"\n                    name=\"checkbox\"\n                    [(ngModel)]=\"selected\"\n                    (ngModelChange)=\"onSelectedChange($event)\"\n                    (click)=\"$event.stopPropagation()\">\n            </form>\n            <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: item }\"></ng-container>\n        </div>\n        <button\n            *ngIf=\"item.options && !item.disabled\"\n            class=\"options-button\"\n            (click)=\"optionsMenu.toggle($event); $event.stopPropagation();\">\n            <i class=\"fas fa-ellipsis-v\"></i>\n        </button>\n    </div>\n    <div class=\"kanban-item__body\">\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: item }\"></ng-container>\n    </div>\n    <div *ngIf=\"footerTemplate\" class=\"kanban-item__footer\">\n        <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: item }\"></ng-container>     \n    </div>\n</div>",
+                styles: [".kanban-item{background-color:#fff;border-radius:4px;box-shadow:0 1px 5px 0 rgba(0,0,0,.25);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:16px;min-width:260px;padding:16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.kanban-item .kanban-item__header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.kanban-item .kanban-item__header .content{display:-ms-flexbox;display:flex;gap:16px}.kanban-item .kanban-item__header .options-button{background-color:transparent;border:none;cursor:pointer;margin-right:-8px;padding:0 8px}.kanban-item .kanban-item__body{margin:16px 0}.kanban-item .kanban-item__footer{border-top:1px solid #dedce5;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.kanban-item .kanban-item__footer .date-info{-ms-flex-align:center;align-items:center;color:#6e7280;display:-ms-flexbox;display:flex;font-family:\"Open Sans\" sans-serif;font-size:12px;gap:4px;line-height:150%}.kanban-item--selected{border:1px solid #428bca}.kanban-item--disabled{opacity:50%}"]
+            })
+        ], KanbanItemComponent);
+        return KanbanItemComponent;
+    }());
+
     var KanbanModule = /** @class */ (function () {
         function KanbanModule() {
         }
@@ -13795,17 +14092,17 @@
                     BadgeModule,
                     ButtonModule,
                     tieredmenu.TieredMenuModule,
+                    TemplateModule,
                 ],
                 declarations: [
                     KanbanComponent,
                     KanbanItemComponent,
                     KanbanColumnComponent,
                     KanbanItemDraggingComponent,
-                    TemplateDirective,
                 ],
                 exports: [
                     KanbanComponent,
-                    TemplateDirective,
+                    TemplateModule,
                 ],
                 providers: [KanbanEventService],
             })
@@ -16660,6 +16957,11 @@
     }());
 
     var fallback = {
+        "platform.angular_components.insight_intro": "Olá! Aqui você encontrará insights valiosos a partir dos seus dados",
+        "platform.angular_components.insight_empty": "Ainda não há Insights na página",
+        "platform.angular_components.error_loading_insight_alt": "Não foi possível carregar o insight no momento. Por favor, verifique sua conexão com a internet e tente novamente.",
+        "platform.angular_components.loading_insight": "Carregando insight valioso...",
+        "platform.angular_components.insight_no_permission": "Olá! Você não possui acesso à página de insights. Entre em contato com o administrador para saber mais",
         "platform.angular_components.count_items_in_target": "{{ count }} itens em {{ target }}",
         "platform.angular_components.count_items_selected": "{{ count }} itens selecionados",
         "platform.angular_components.january": "Janeiro",
@@ -17016,6 +17318,8 @@
     exports.GlobalSearchDropdownItemComponent = GlobalSearchDropdownItemComponent;
     exports.GlobalSearchModule = GlobalSearchModule;
     exports.HostProjectConfigsInjectionToken = HostProjectConfigsInjectionToken;
+    exports.IAInsightComponent = IAInsightComponent;
+    exports.IAInsightModule = IAInsightModule;
     exports.ImageCropperComponent = ImageCropperComponent;
     exports.ImageCropperModule = ImageCropperModule;
     exports.ImageCropperService = ImageCropperService;
@@ -17071,6 +17375,8 @@
     exports.RatingScaleModule = RatingScaleModule;
     exports.RationButtonOption = RationButtonOption;
     exports.RowTogllerDirective = RowTogllerDirective;
+    exports.SVGFactoryDirective = SVGFactoryDirective;
+    exports.SVGFactoryModule = SVGFactoryModule;
     exports.Section = Section;
     exports.SelectButtonComponent = SelectButtonComponent;
     exports.SelectButtonModule = SelectButtonModule;
@@ -17094,7 +17400,6 @@
     exports.TableHeaderCheckboxModule = TableHeaderCheckboxModule;
     exports.TableModule = TableModule;
     exports.TaxCalculationLanguageConfigs = TaxCalculationLanguageConfigs;
-    exports.TemplateDirective = TemplateDirective;
     exports.TextAreaField = TextAreaField;
     exports.TextField = TextField;
     exports.ThumbnailComponent = ThumbnailComponent;
@@ -17137,36 +17442,42 @@
     exports.ɵbu = ThumbnailService;
     exports.ɵbv = InfiniteScrollModule;
     exports.ɵbw = InfiniteScrollDirective;
-    exports.ɵbx = StructureModule;
-    exports.ɵby = HeaderComponent;
-    exports.ɵbz = FooterComponent;
+    exports.ɵbx = TemplateModule;
+    exports.ɵby = TemplateDirective;
+    exports.ɵbz = IAssistIconComponent;
     exports.ɵc = CustomTranslationsModule;
-    exports.ɵca = KanbanEventService;
-    exports.ɵcb = KanbanItemComponent;
-    exports.ɵcc = KanbanColumnComponent;
-    exports.ɵcd = KanbanItemDraggingComponent;
-    exports.ɵce = NumberLocaleOptions;
-    exports.ɵcf = BorderButtonModule;
-    exports.ɵcg = BorderButtonComponent;
-    exports.ɵch = SelectButtonItemComponent;
-    exports.ɵci = SlidePanelService;
-    exports.ɵcj = TieredMenuEventService;
-    exports.ɵck = TieredMenuService;
-    exports.ɵcl = TieredMenuComponent;
-    exports.ɵcm = TieredMenuNestedComponent;
-    exports.ɵcn = TieredMenuItemComponent;
-    exports.ɵco = TieredMenuDividerComponent;
-    exports.ɵcp = TimelineItemModule;
-    exports.ɵcq = TimelineIconItemComponent;
-    exports.ɵcr = HorizontalTimelineModule;
-    exports.ɵcs = HorizontalTimelineComponent;
-    exports.ɵct = VerticalTimelineModule;
-    exports.ɵcu = VerticalTimelineComponent;
-    exports.ɵcv = RangeLineComponent;
-    exports.ɵcw = CollapseOptionComponent;
-    exports.ɵcx = CollapsedItemsComponent;
-    exports.ɵcy = VerticalItemsComponent;
+    exports.ɵca = IAInsightSidebarComponent;
+    exports.ɵcb = IAInsightCardComponent;
+    exports.ɵcc = IAInsightCardLoaderComponent;
+    exports.ɵcd = StructureModule;
+    exports.ɵce = HeaderComponent;
+    exports.ɵcf = FooterComponent;
+    exports.ɵcg = KanbanEventService;
+    exports.ɵch = KanbanItemComponent;
+    exports.ɵci = KanbanColumnComponent;
+    exports.ɵcj = KanbanItemDraggingComponent;
+    exports.ɵck = NumberLocaleOptions;
+    exports.ɵcl = BorderButtonModule;
+    exports.ɵcm = BorderButtonComponent;
+    exports.ɵcn = SelectButtonItemComponent;
+    exports.ɵco = SlidePanelService;
+    exports.ɵcp = TieredMenuEventService;
+    exports.ɵcq = TieredMenuService;
+    exports.ɵcr = TieredMenuComponent;
+    exports.ɵcs = TieredMenuNestedComponent;
+    exports.ɵct = TieredMenuItemComponent;
+    exports.ɵcu = TieredMenuDividerComponent;
+    exports.ɵcv = TimelineItemModule;
+    exports.ɵcw = TimelineIconItemComponent;
+    exports.ɵcx = HorizontalTimelineModule;
+    exports.ɵcy = HorizontalTimelineComponent;
+    exports.ɵcz = VerticalTimelineModule;
     exports.ɵd = CodeEditorComponent;
+    exports.ɵda = VerticalTimelineComponent;
+    exports.ɵdb = RangeLineComponent;
+    exports.ɵdc = CollapseOptionComponent;
+    exports.ɵdd = CollapsedItemsComponent;
+    exports.ɵde = VerticalItemsComponent;
     exports.ɵe = CoreFacade;
     exports.ɵf = CodeMirror6Core;
     exports.ɵg = CountryPhonePickerService;