@seniorsistemas/angular-components 17.3.20 → 17.4.1

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

@@ -987,7 +987,7 @@
             core.Component({
                 selector: "s-badge",
                 template: "<span\n   class=\"badge\"\n   [ngClass]=\"{\n      'badge--pill': type === 'pill',\n      'badge--chip': type === 'chip', \n      'badge--red': color === 'red',\n      'badge--orange': color === 'orange',\n      'badge--yellow': color === 'yellow',\n      'badge--blue': color === 'blue',\n      'badge--green': color === 'green',\n      'badge--gray': color === 'gray',\n      'badge--selectable': selectable\n   }\">\n   <span\n      *ngIf=\"iconClass\"\n      [class]=\"'badge-icon ' + iconClass\"\n      [ngClass]=\"{\n         'badge-icon--left': iconPosition === 'left' && text,\n         'badge-icon--right': iconPosition === 'right' && text\n      }\">\n   </span>\n   <span *ngIf=\"title\" class=\"badge-title\">{{ title }}:</span>\n   <span class=\"badge-text\">{{ text }}</span>\n</span>",
-                styles: [".badge{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;height:1.25rem;-ms-flex-pack:center;justify-content:center;min-width:20px;padding:0 .5rem}.badge--chip{border-radius:4px}.badge--pill{border-radius:12px}.badge .badge-title{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:700;line-height:150%;margin-right:.125rem}.badge .badge-text{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:.75rem;font-weight:400;line-height:150%}.badge .badge-icon{color:#212533;font-size:10px}.badge .badge-icon--left{margin-right:8px}.badge .badge-icon--right{margin-left:8px;-ms-flex-order:2;order:2}.badge--red{background-color:#fcd2d2;border:1px solid #c13018}.badge--orange{background-color:#fce3ba;border:1px solid #f8931f}.badge--yellow{background-color:#fef4e3;border:1px solid #fcbf10}.badge--blue{background-color:#d5e8ec;border:1px solid #428bca}.badge--green{background-color:#e6ffb3;border:1px solid #0c9348}.badge--gray{background-color:#e5eaea;border:1px solid #697882}.badge--selectable{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}"]
+                styles: [".badge{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;min-height:1.25rem;-ms-flex-pack:center;justify-content:center;min-width:20px;padding:0 .5rem}.badge--chip{border-radius:4px}.badge--pill{border-radius:12px}.badge .badge-title{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:700;line-height:150%;margin-right:.125rem}.badge .badge-text{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:.75rem;font-weight:400;line-height:150%}.badge .badge-icon{color:#212533;font-size:10px}.badge .badge-icon--left{margin-right:8px}.badge .badge-icon--right{margin-left:8px;-ms-flex-order:2;order:2}.badge--red{background-color:#fcd2d2;border:1px solid #c13018}.badge--orange{background-color:#fce3ba;border:1px solid #f8931f}.badge--yellow{background-color:#fef4e3;border:1px solid #fcbf10}.badge--blue{background-color:#d5e8ec;border:1px solid #428bca}.badge--green{background-color:#e6ffb3;border:1px solid #0c9348}.badge--gray{background-color:#e5eaea;border:1px solid #697882}.badge--selectable{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}"]
             })
         ], BadgeComponent);
         return BadgeComponent;
@@ -13097,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() {
         }
@@ -13391,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();
@@ -13443,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;
@@ -13647,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;
@@ -13782,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() {
         }
@@ -13796,17 +14092,17 @@
                     BadgeModule,
                     ButtonModule,
                     tieredmenu.TieredMenuModule,
+                    TemplateModule,
                 ],
                 declarations: [
                     KanbanComponent,
                     KanbanItemComponent,
                     KanbanColumnComponent,
                     KanbanItemDraggingComponent,
-                    TemplateDirective,
                 ],
                 exports: [
                     KanbanComponent,
-                    TemplateDirective,
+                    TemplateModule,
                 ],
                 providers: [KanbanEventService],
             })
@@ -16661,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",
@@ -17017,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;
@@ -17072,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;
@@ -17095,7 +17400,6 @@
     exports.TableHeaderCheckboxModule = TableHeaderCheckboxModule;
     exports.TableModule = TableModule;
     exports.TaxCalculationLanguageConfigs = TaxCalculationLanguageConfigs;
-    exports.TemplateDirective = TemplateDirective;
     exports.TextAreaField = TextAreaField;
     exports.TextField = TextField;
     exports.ThumbnailComponent = ThumbnailComponent;
@@ -17138,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;