@seniorsistemas/angular-components 18.1.1 → 19.0.0

package/fesm2022/seniorsistemas-angular-components-insights.mjs

@@ -0,0 +1,287 @@
+import * as i1$2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Input, output, ViewChild, ContentChildren, NgModule } from '@angular/core';
+import * as i3 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i5 from '@seniorsistemas/angular-components/badge';
+import { BadgeModule } from '@seniorsistemas/angular-components/badge';
+import { ButtonModule } from '@seniorsistemas/angular-components/button';
+import { TemplateDirective, TemplateModule } from '@seniorsistemas/angular-components/template';
+import { TooltipModule } from '@seniorsistemas/angular-components/tooltip';
+import { first, finalize } from 'rxjs/operators';
+import { marked } from 'marked';
+import * as i1$1 from '@angular/cdk/clipboard';
+import * as i2 from '@seniorsistemas/angular-components/toast';
+import * as i1 from '@seniorsistemas/angular-components/common';
+import { SVGFactoryModule } from '@seniorsistemas/angular-components/common';
+import * as i1$3 from '@seniorsistemas/angular-components/common/deprecated-selector';
+import { DEPRECATED_CONFIG, DeprecatedSelectorDirective } from '@seniorsistemas/angular-components/common/deprecated-selector';
+
+class InsightsCardLoaderComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InsightsCardLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InsightsCardLoaderComponent, selector: "s-insights-card-loader", ngImport: i0, template: "<div class=\"insights-card-loader\">\n    <div class=\"loader\">\n        <div class=\"loader-icon\">\n                <div *sSVGFactory=\"'iassist'\"></div>\n        </div>\n    </div>\n    \n    <span class=\"loader-label\">{{ \"platform.angular_components.loading_insight\" | translate }}</span>\n</div>\n", styles: [".insights-card-loader{align-items:center;display:flex;flex-direction:column;gap:24px}.insights-card-loader .loader{align-items:center;animation:spin 2s linear infinite;border:2px solid #f1f7f8;border-top:2px solid #0fa389;border-radius:50%;display:flex;height:48px;justify-content:center;width:48px}.insights-card-loader .loader .loader-icon{animation:spin 2s linear infinite reverse;height:32px;transform:translate(-50%,-50%)}.insights-card-loader .loader-label{color:#888b99;font-family:Open Sans,sans-serif;font-size:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1.SVGFactoryDirective, selector: "[sSVGFactory]", inputs: ["sSVGFactory"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InsightsCardLoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "s-insights-card-loader", template: "<div class=\"insights-card-loader\">\n    <div class=\"loader\">\n        <div class=\"loader-icon\">\n                <div *sSVGFactory=\"'iassist'\"></div>\n        </div>\n    </div>\n    \n    <span class=\"loader-label\">{{ \"platform.angular_components.loading_insight\" | translate }}</span>\n</div>\n", styles: [".insights-card-loader{align-items:center;display:flex;flex-direction:column;gap:24px}.insights-card-loader .loader{align-items:center;animation:spin 2s linear infinite;border:2px solid #f1f7f8;border-top:2px solid #0fa389;border-radius:50%;display:flex;height:48px;justify-content:center;width:48px}.insights-card-loader .loader .loader-icon{animation:spin 2s linear infinite reverse;height:32px;transform:translate(-50%,-50%)}.insights-card-loader .loader-label{color:#888b99;font-family:Open Sans,sans-serif;font-size:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+        }] });
+
+class InsightsCardComponent {
+    clipboard;
+    toastService;
+    translateService;
+    insight;
+    open = false;
+    isLoading = false;
+    content;
+    likeSelected = false;
+    dislikeSelected = false;
+    constructor(clipboard, toastService, translateService) {
+        this.clipboard = clipboard;
+        this.toastService = toastService;
+        this.translateService = translateService;
+    }
+    toggle() {
+        const newOpenState = !this.open;
+        this.open = newOpenState;
+        if (newOpenState === true && this.insight.onOpenSidebar) {
+            this.insight.onOpenSidebar();
+        }
+        else if (newOpenState === false && this.insight.onCloseSideBar) {
+            this.insight.onCloseSideBar();
+        }
+        if (newOpenState === true) {
+            this._requestInsight();
+        }
+    }
+    onLikeSelected() {
+        if (this.likeSelected) {
+            this.likeSelected = false;
+        }
+        else {
+            this.likeSelected = true;
+            this.dislikeSelected = false;
+            this.insight.onLikeSelected?.();
+        }
+    }
+    onDislikeSelected() {
+        if (this.dislikeSelected) {
+            this.dislikeSelected = false;
+        }
+        else {
+            this.dislikeSelected = true;
+            this.likeSelected = false;
+            this.insight.onDislikeSelected?.();
+        }
+    }
+    copyContent() {
+        if (!this.content)
+            return;
+        this.insight.onCopy?.(this.content);
+        if (this.clipboard.copy(this.content)) {
+            this.toastService.show({
+                severity: 'info',
+                title: this.translateService.instant('platform.angular_components.copied_to_clipboard'),
+            });
+        }
+    }
+    reloadContent() {
+        this._requestInsight();
+    }
+    _requestInsight() {
+        this.isLoading = true;
+        this.insight.request$
+            .pipe(first(), finalize(() => (this.isLoading = false)))
+            .subscribe(async (content) => {
+            this.content = await marked(content);
+            if (this.insight.onContentLoaded) {
+                this.insight.onContentLoaded();
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InsightsCardComponent, deps: [{ token: i1$1.Clipboard }, { token: i2.ToastService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InsightsCardComponent, selector: "s-insights-card", inputs: { insight: "insight" }, ngImport: i0, template: "<div\n    class=\"insights-card\"\n    [ngClass]=\"{ 'insights-card--close': !open }\"\n>\n    <div\n        class=\"header\"\n        (click)=\"toggle()\"\n    >\n        <s-badge\n            text=\"Insight\"\n            iconClass=\"fal fa-lightbulb\"\n        ></s-badge>\n        <span class=\"insight-title\">{{ insight.title }}</span>\n        <span class=\"toggle-icon\">\n            <i\n                class=\"fas\"\n                [ngClass]=\"{\n                    'fa-angle-down': !open,\n                    'fa-angle-up': open,\n                }\"\n            >\n            </i>\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-insights-card-loader></s-insights-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\n                    class=\"text\"\n                    [innerHTML]=\"content\"\n                ></span>\n                <span class=\"insight-footer\">{{ \"platform.angular_components.insight_footer\" | translate }}</span>\n\n            </ng-template>\n            <ng-template #errorBlock>\n                <span class=\"text text--error\">{{\n                    'platform.angular_components.error_loading_insight_alt' | translate\n                }}</span>\n            </ng-template>\n\n            <div class=\"options\">\n                <button\n                    [disabled]=\"!content\"\n                    (click)=\"copyContent()\"\n                    class=\"option\"\n                >\n                    <i class=\"fal fa-copy\"></i>\n                </button>\n                <button\n                    (click)=\"reloadContent()\"\n                    class=\"option\"\n                >\n                    <i class=\"fal fa-redo\"></i>\n                </button>\n                <button\n                    *ngIf=\"insight.onLikeSelected\"\n                    [disabled]=\"!content\"\n                    (click)=\"onLikeSelected()\"\n                    class=\"option\"\n                >\n                    <i\n                        [ngClass]=\"{\n                            fal: !likeSelected,\n                            fas: likeSelected,\n                            'fa-thumbs-up': true,\n                        }\"\n                    >\n                    </i>\n                </button>\n                <button\n                    *ngIf=\"insight.onDislikeSelected\"\n                    [disabled]=\"!content\"\n                    (click)=\"onDislikeSelected()\"\n                    class=\"option\"\n                >\n                    <i\n                        [ngClass]=\"{\n                            fal: !dislikeSelected,\n                            fas: dislikeSelected,\n                            'fa-thumbs-down': true,\n                        }\"\n                    ></i>\n                </button>\n            </div>\n        </ng-template>\n    </div>\n</div>\n", styles: [".insights-card{background-color:#fff;border:1px solid #9ecad4;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden}.insights-card .header{align-items:center;background-color:#f1f7f8;border-bottom:1px solid #9ecad4;display:flex;gap:8px;min-height:60px;padding:8px 16px;-webkit-user-select:none;user-select:none}.insights-card .header .insight-title{color:#428bca;flex-grow:1;font-family:Open Sans,sans-serif;font-size:14px;line-height:150%}.insights-card .header .toggle-icon{color:#888b99;font-size:20px}.insights-card .content{align-items:center;justify-content:space-between;cursor:auto;display:flex;flex-direction:column;gap:16px;min-height:160px;padding:24px}.insights-card .content .text{color:#212533;font-family:Open Sans,sans-serif;font-size:14px;width:100%}.insights-card .content .text--error{text-align:center}.insights-card .content .insight-footer{color:#888b99;font-family:Open Sans,sans-serif;font-size:12px;text-align:center}.insights-card .content .options{display:flex;gap:8px}.insights-card .content .options .option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-size:12px}.insights-card .content .options .option:disabled{color:#c1c1cc;cursor:auto}.insights-card--close{border-color:#dedce5}.insights-card--close .header{background-color:#fbfafc;border:none;border-color:#dedce5}.insights-card--close .header .insight-title{color:#888b99}.insights-card--close .content{display:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.BadgeComponent, selector: "s-badge", inputs: ["type", "color", "title", "text", "selectable", "iconClass", "iconPosition", "infoSign", "enableTruncateText"], outputs: ["selected"] }, { kind: "component", type: InsightsCardLoaderComponent, selector: "s-insights-card-loader" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InsightsCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-insights-card', template: "<div\n    class=\"insights-card\"\n    [ngClass]=\"{ 'insights-card--close': !open }\"\n>\n    <div\n        class=\"header\"\n        (click)=\"toggle()\"\n    >\n        <s-badge\n            text=\"Insight\"\n            iconClass=\"fal fa-lightbulb\"\n        ></s-badge>\n        <span class=\"insight-title\">{{ insight.title }}</span>\n        <span class=\"toggle-icon\">\n            <i\n                class=\"fas\"\n                [ngClass]=\"{\n                    'fa-angle-down': !open,\n                    'fa-angle-up': open,\n                }\"\n            >\n            </i>\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-insights-card-loader></s-insights-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\n                    class=\"text\"\n                    [innerHTML]=\"content\"\n                ></span>\n                <span class=\"insight-footer\">{{ \"platform.angular_components.insight_footer\" | translate }}</span>\n\n            </ng-template>\n            <ng-template #errorBlock>\n                <span class=\"text text--error\">{{\n                    'platform.angular_components.error_loading_insight_alt' | translate\n                }}</span>\n            </ng-template>\n\n            <div class=\"options\">\n                <button\n                    [disabled]=\"!content\"\n                    (click)=\"copyContent()\"\n                    class=\"option\"\n                >\n                    <i class=\"fal fa-copy\"></i>\n                </button>\n                <button\n                    (click)=\"reloadContent()\"\n                    class=\"option\"\n                >\n                    <i class=\"fal fa-redo\"></i>\n                </button>\n                <button\n                    *ngIf=\"insight.onLikeSelected\"\n                    [disabled]=\"!content\"\n                    (click)=\"onLikeSelected()\"\n                    class=\"option\"\n                >\n                    <i\n                        [ngClass]=\"{\n                            fal: !likeSelected,\n                            fas: likeSelected,\n                            'fa-thumbs-up': true,\n                        }\"\n                    >\n                    </i>\n                </button>\n                <button\n                    *ngIf=\"insight.onDislikeSelected\"\n                    [disabled]=\"!content\"\n                    (click)=\"onDislikeSelected()\"\n                    class=\"option\"\n                >\n                    <i\n                        [ngClass]=\"{\n                            fal: !dislikeSelected,\n                            fas: dislikeSelected,\n                            'fa-thumbs-down': true,\n                        }\"\n                    ></i>\n                </button>\n            </div>\n        </ng-template>\n    </div>\n</div>\n", styles: [".insights-card{background-color:#fff;border:1px solid #9ecad4;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden}.insights-card .header{align-items:center;background-color:#f1f7f8;border-bottom:1px solid #9ecad4;display:flex;gap:8px;min-height:60px;padding:8px 16px;-webkit-user-select:none;user-select:none}.insights-card .header .insight-title{color:#428bca;flex-grow:1;font-family:Open Sans,sans-serif;font-size:14px;line-height:150%}.insights-card .header .toggle-icon{color:#888b99;font-size:20px}.insights-card .content{align-items:center;justify-content:space-between;cursor:auto;display:flex;flex-direction:column;gap:16px;min-height:160px;padding:24px}.insights-card .content .text{color:#212533;font-family:Open Sans,sans-serif;font-size:14px;width:100%}.insights-card .content .text--error{text-align:center}.insights-card .content .insight-footer{color:#888b99;font-family:Open Sans,sans-serif;font-size:12px;text-align:center}.insights-card .content .options{display:flex;gap:8px}.insights-card .content .options .option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-size:12px}.insights-card .content .options .option:disabled{color:#c1c1cc;cursor:auto}.insights-card--close{border-color:#dedce5}.insights-card--close .header{background-color:#fbfafc;border:none;border-color:#dedce5}.insights-card--close .header .insight-title{color:#888b99}.insights-card--close .content{display:none}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.Clipboard }, { type: i2.ToastService }, { type: i3.TranslateService }], propDecorators: { insight: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+class InsightsSidebarComponent {
+    insights = [];
+    hasPermission = false;
+    introText;
+    introTemplate = null;
+    emptyText;
+    emptyTemplate = null;
+    noPermissionText;
+    noPermissionTemplate = null;
+    closedSidebar = output();
+    openedSidebar = output();
+    opened = false;
+    toggle() {
+        const newState = !this.opened;
+        if (newState) {
+            this.open();
+        }
+        else {
+            this.close();
+        }
+    }
+    open() {
+        this.opened = true;
+        this.openedSidebar.emit();
+    }
+    close() {
+        this.opened = false;
+        this.closedSidebar.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InsightsSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InsightsSidebarComponent, selector: "s-insights-sidebar", inputs: { insights: "insights", hasPermission: "hasPermission", introText: "introText", introTemplate: "introTemplate", emptyText: "emptyText", emptyTemplate: "emptyTemplate", noPermissionText: "noPermissionText", noPermissionTemplate: "noPermissionTemplate" }, outputs: { closedSidebar: "closedSidebar", openedSidebar: "openedSidebar" }, ngImport: i0, 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>IAssist Insights</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-insights-card\n                *ngFor=\"let insight of insights\"\n                [insight]=\"insight\">\n            </s-insights-card>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #iassistIcon>\n    <div style=\"width: 28px; height: 28px;\">\n        <span *sSVGFactory=\"'iassist'\"></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: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{align-items:center;color:#212533;display:flex;font-family:Open Sans,sans-serif;font-size:16px;gap:16px;line-height:1;-webkit-user-select:none;user-select:none}.sidebar .intro{margin:8px 40px}.sidebar .intro .text{color:#212533;display:flex;font-family:Open Sans,sans-serif;font-size:14px;justify-content:center;line-height:1.5;text-align:center;-webkit-user-select:none;user-select:none}.sidebar.opened{right:0}.sidebar.opened .insights{padding:12px}.insights{display:flex;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%}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.SVGFactoryDirective, selector: "[sSVGFactory]", inputs: ["sSVGFactory"] }, { kind: "component", type: InsightsCardComponent, selector: "s-insights-card", inputs: ["insight"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InsightsSidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-insights-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>IAssist Insights</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-insights-card\n                *ngFor=\"let insight of insights\"\n                [insight]=\"insight\">\n            </s-insights-card>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #iassistIcon>\n    <div style=\"width: 28px; height: 28px;\">\n        <span *sSVGFactory=\"'iassist'\"></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: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{align-items:center;color:#212533;display:flex;font-family:Open Sans,sans-serif;font-size:16px;gap:16px;line-height:1;-webkit-user-select:none;user-select:none}.sidebar .intro{margin:8px 40px}.sidebar .intro .text{color:#212533;display:flex;font-family:Open Sans,sans-serif;font-size:14px;justify-content:center;line-height:1.5;text-align:center;-webkit-user-select:none;user-select:none}.sidebar.opened{right:0}.sidebar.opened .insights{padding:12px}.insights{display:flex;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%}}\n"] }]
+        }], propDecorators: { insights: [{
+                type: Input
+            }], hasPermission: [{
+                type: Input
+            }], introText: [{
+                type: Input
+            }], introTemplate: [{
+                type: Input
+            }], emptyText: [{
+                type: Input
+            }], emptyTemplate: [{
+                type: Input
+            }], noPermissionText: [{
+                type: Input
+            }], noPermissionTemplate: [{
+                type: Input
+            }] } });
+
+class InsightsComponent {
+    insights = [];
+    hasPermission = true;
+    introText;
+    emptyText;
+    noPermissionText;
+    sidebar = null;
+    templates = null;
+    openInsights = output();
+    closedInsights = output();
+    introTemplate = null;
+    emptyTemplate = null;
+    noPermissionTemplate = null;
+    ngAfterContentInit() {
+        this._getTemplates();
+    }
+    open() {
+        this.sidebar?.open();
+    }
+    close() {
+        this.sidebar?.close();
+    }
+    getIntroTemplate() {
+        return this._getCustomTemplate('intro');
+    }
+    getNoPermissionTemplate() {
+        return this._getCustomTemplate('no-permission');
+    }
+    getEmptyTemplate() {
+        return this._getCustomTemplate('empty');
+    }
+    _getCustomTemplate(type) {
+        return this.templates?.find((template) => template.type === type)?.template ?? null;
+    }
+    _getTemplates() {
+        this.introTemplate = this.getIntroTemplate();
+        this.emptyTemplate = this.getEmptyTemplate();
+        this.noPermissionTemplate = this.getNoPermissionTemplate();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InsightsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InsightsComponent, selector: "s-insights, s-ia-insight", inputs: { insights: "insights", hasPermission: "hasPermission", introText: "introText", emptyText: "emptyText", noPermissionText: "noPermissionText" }, outputs: { openInsights: "openInsights", closedInsights: "closedInsights" }, providers: [
+            {
+                provide: DEPRECATED_CONFIG,
+                useValue: {
+                    oldSelector: 's-ia-insight',
+                    newSelector: 's-insights',
+                    removalVersion: '20.0.0',
+                },
+            },
+        ], queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "sidebar", first: true, predicate: InsightsSidebarComponent, descendants: true }], hostDirectives: [{ directive: i1$3.DeprecatedSelectorDirective }], ngImport: i0, template: "<s-insights-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    (openedSidebar)=\"openInsights.emit()\"\n    (closedSidebar)=\"closedInsights.emit()\"\n>\n</s-insights-sidebar>\n", dependencies: [{ kind: "component", type: InsightsSidebarComponent, selector: "s-insights-sidebar", inputs: ["insights", "hasPermission", "introText", "introTemplate", "emptyText", "emptyTemplate", "noPermissionText", "noPermissionTemplate"], outputs: ["closedSidebar", "openedSidebar"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InsightsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-insights, s-ia-insight', hostDirectives: [DeprecatedSelectorDirective], providers: [
+                        {
+                            provide: DEPRECATED_CONFIG,
+                            useValue: {
+                                oldSelector: 's-ia-insight',
+                                newSelector: 's-insights',
+                                removalVersion: '20.0.0',
+                            },
+                        },
+                    ], template: "<s-insights-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    (openedSidebar)=\"openInsights.emit()\"\n    (closedSidebar)=\"closedInsights.emit()\"\n>\n</s-insights-sidebar>\n" }]
+        }], propDecorators: { insights: [{
+                type: Input
+            }], hasPermission: [{
+                type: Input
+            }], introText: [{
+                type: Input
+            }], emptyText: [{
+                type: Input
+            }], noPermissionText: [{
+                type: Input
+            }], sidebar: [{
+                type: ViewChild,
+                args: [InsightsSidebarComponent]
+            }], templates: [{
+                type: ContentChildren,
+                args: [TemplateDirective]
+            }] } });
+
+class InsightsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InsightsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: InsightsModule, declarations: [InsightsComponent, InsightsCardComponent, InsightsSidebarComponent, InsightsCardLoaderComponent], imports: [CommonModule,
+            TranslateModule,
+            BadgeModule,
+            ButtonModule,
+            TooltipModule,
+            TemplateModule,
+            SVGFactoryModule], exports: [InsightsComponent, TemplateModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InsightsModule, imports: [CommonModule,
+            TranslateModule,
+            BadgeModule,
+            ButtonModule,
+            TooltipModule,
+            TemplateModule,
+            SVGFactoryModule, TemplateModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InsightsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        TranslateModule,
+                        BadgeModule,
+                        ButtonModule,
+                        TooltipModule,
+                        TemplateModule,
+                        SVGFactoryModule,
+                    ],
+                    declarations: [InsightsComponent, InsightsCardComponent, InsightsSidebarComponent, InsightsCardLoaderComponent],
+                    exports: [InsightsComponent, TemplateModule],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InsightsComponent, InsightsModule };
+//# sourceMappingURL=seniorsistemas-angular-components-insights.mjs.map

package/fesm2022/seniorsistemas-angular-components-insights.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-insights.mjs","sources":["../../projects/angular-components/insights/src/lib/insights/components/insights-card/components/insights-card-loader/insights-card-loader.component.ts","../../projects/angular-components/insights/src/lib/insights/components/insights-card/components/insights-card-loader/insights-card-loader.component.html","../../projects/angular-components/insights/src/lib/insights/components/insights-card/insights-card.component.ts","../../projects/angular-components/insights/src/lib/insights/components/insights-card/insights-card.component.html","../../projects/angular-components/insights/src/lib/insights/components/insights-sidebar/insights-sidebar.component.ts","../../projects/angular-components/insights/src/lib/insights/components/insights-sidebar/insights-sidebar.component.html","../../projects/angular-components/insights/src/lib/insights/insights.component.ts","../../projects/angular-components/insights/src/lib/insights/insights.component.html","../../projects/angular-components/insights/src/lib/insights/insights.module.ts","../../projects/angular-components/insights/src/seniorsistemas-angular-components-insights.ts"],"sourcesContent":["import { Component } from \"@angular/core\";\n\n@Component({\n    selector: \"s-insights-card-loader\",\n    templateUrl: \"./insights-card-loader.component.html\",\n    styleUrls: [\"./insights-card-loader.component.scss\"],\n})\nexport class InsightsCardLoaderComponent {}\n","<div class=\"insights-card-loader\">\n    <div class=\"loader\">\n        <div class=\"loader-icon\">\n                <div *sSVGFactory=\"'iassist'\"></div>\n        </div>\n    </div>\n    \n    <span class=\"loader-label\">{{ \"platform.angular_components.loading_insight\" | translate }}</span>\n</div>\n","import { Clipboard } from '@angular/cdk/clipboard';\nimport { Component, Input } from '@angular/core';\n\nimport { TranslateService } from '@ngx-translate/core';\nimport { ToastService } from '@seniorsistemas/angular-components/toast';\nimport { finalize, first } from 'rxjs/operators';\n\nimport { marked } from 'marked';\nimport { InsightsItem } from '../../models/insights-item';\n\n@Component({\n    selector: 's-insights-card',\n    templateUrl: './insights-card.component.html',\n    styleUrls: ['./insights-card.component.scss'],\n})\nexport class InsightsCardComponent {\n    @Input({ required: true })\n    public insight!: InsightsItem;\n\n    public open = false;\n    public isLoading = false;\n    public content?: string;\n\n    public likeSelected = false;\n    public dislikeSelected = false;\n\n    constructor(\n        private readonly clipboard: Clipboard,\n        private readonly toastService: ToastService,\n        private readonly translateService: TranslateService,\n    ) {}\n\n    public toggle(): void {\n        const newOpenState = !this.open;\n        this.open = newOpenState;\n        if (newOpenState === true && this.insight.onOpenSidebar) {\n            this.insight.onOpenSidebar();\n        } else if (newOpenState === false && this.insight.onCloseSideBar) {\n            this.insight.onCloseSideBar();\n        }\n        if (newOpenState === true) {\n            this._requestInsight();\n        }\n    }\n\n    public onLikeSelected(): void {\n        if (this.likeSelected) {\n            this.likeSelected = false;\n        } else {\n            this.likeSelected = true;\n            this.dislikeSelected = false;\n            this.insight.onLikeSelected?.();\n        }\n    }\n\n    public onDislikeSelected(): void {\n        if (this.dislikeSelected) {\n            this.dislikeSelected = false;\n        } else {\n            this.dislikeSelected = true;\n            this.likeSelected = false;\n            this.insight.onDislikeSelected?.();\n        }\n    }\n\n    public copyContent(): void {\n        if (!this.content) return;\n\n        this.insight.onCopy?.(this.content);\n\n        if (this.clipboard.copy(this.content)) {\n            this.toastService.show({\n                severity: 'info',\n                title: this.translateService.instant('platform.angular_components.copied_to_clipboard'),\n            });\n        }\n    }\n\n    public reloadContent(): void {\n        this._requestInsight();\n    }\n\n    private _requestInsight(): void {\n        this.isLoading = true;\n\n        this.insight.request$\n            .pipe(\n                first(),\n                finalize(() => (this.isLoading = false)),\n            )\n            .subscribe(async (content: string) => {\n                this.content = await marked(content);\n                if (this.insight.onContentLoaded) {\n                    this.insight.onContentLoaded();\n                }\n            });\n    }\n}\n","<div\n    class=\"insights-card\"\n    [ngClass]=\"{ 'insights-card--close': !open }\"\n>\n    <div\n        class=\"header\"\n        (click)=\"toggle()\"\n    >\n        <s-badge\n            text=\"Insight\"\n            iconClass=\"fal fa-lightbulb\"\n        ></s-badge>\n        <span class=\"insight-title\">{{ insight.title }}</span>\n        <span class=\"toggle-icon\">\n            <i\n                class=\"fas\"\n                [ngClass]=\"{\n                    'fa-angle-down': !open,\n                    'fa-angle-up': open,\n                }\"\n            >\n            </i>\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-insights-card-loader></s-insights-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\n                    class=\"text\"\n                    [innerHTML]=\"content\"\n                ></span>\n                <span class=\"insight-footer\">{{ \"platform.angular_components.insight_footer\" | translate }}</span>\n\n            </ng-template>\n            <ng-template #errorBlock>\n                <span class=\"text text--error\">{{\n                    'platform.angular_components.error_loading_insight_alt' | translate\n                }}</span>\n            </ng-template>\n\n            <div class=\"options\">\n                <button\n                    [disabled]=\"!content\"\n                    (click)=\"copyContent()\"\n                    class=\"option\"\n                >\n                    <i class=\"fal fa-copy\"></i>\n                </button>\n                <button\n                    (click)=\"reloadContent()\"\n                    class=\"option\"\n                >\n                    <i class=\"fal fa-redo\"></i>\n                </button>\n                <button\n                    *ngIf=\"insight.onLikeSelected\"\n                    [disabled]=\"!content\"\n                    (click)=\"onLikeSelected()\"\n                    class=\"option\"\n                >\n                    <i\n                        [ngClass]=\"{\n                            fal: !likeSelected,\n                            fas: likeSelected,\n                            'fa-thumbs-up': true,\n                        }\"\n                    >\n                    </i>\n                </button>\n                <button\n                    *ngIf=\"insight.onDislikeSelected\"\n                    [disabled]=\"!content\"\n                    (click)=\"onDislikeSelected()\"\n                    class=\"option\"\n                >\n                    <i\n                        [ngClass]=\"{\n                            fal: !dislikeSelected,\n                            fas: dislikeSelected,\n                            'fa-thumbs-down': true,\n                        }\"\n                    ></i>\n                </button>\n            </div>\n        </ng-template>\n    </div>\n</div>\n","import { Component, Input, output, TemplateRef } from '@angular/core';\n\nimport { InsightsItem } from '../../models/index';\n\n@Component({\n    selector: 's-insights-sidebar',\n    templateUrl: './insights-sidebar.component.html',\n    styleUrls: ['./insights-sidebar.component.scss'],\n})\nexport class InsightsSidebarComponent {\n    @Input()\n    public insights: InsightsItem[] = [];\n\n    @Input()\n    public hasPermission = false;\n\n    @Input()\n    public introText?: string;\n\n    @Input()\n    public introTemplate: TemplateRef<any> | null = null;\n\n    @Input()\n    public emptyText?: string;\n\n    @Input()\n    public emptyTemplate: TemplateRef<any> | null = null;\n\n    @Input()\n    public noPermissionText?: string;\n\n    @Input()\n    public noPermissionTemplate: TemplateRef<any> | null = null;\n\n    public closedSidebar = output<void>();\n\n    public openedSidebar = output<void>();\n\n    public opened = false;\n\n    public toggle(): void {\n        const newState = !this.opened;\n        if (newState) {\n            this.open();\n        } else {\n            this.close();\n        }\n    }\n\n    public open(): void {\n        this.opened = true;\n        this.openedSidebar.emit();\n    }\n\n    public close(): void {\n        this.opened = false;\n        this.closedSidebar.emit();\n    }\n}\n","<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>IAssist Insights</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-insights-card\n                *ngFor=\"let insight of insights\"\n                [insight]=\"insight\">\n            </s-insights-card>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #iassistIcon>\n    <div style=\"width: 28px; height: 28px;\">\n        <span *sSVGFactory=\"'iassist'\"></span>\n    </div>\n</ng-template>\n","import {\n    AfterContentInit,\n    Component,\n    ContentChildren,\n    Input,\n    output,\n    QueryList,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\n\nimport { DEPRECATED_CONFIG } from '@seniorsistemas/angular-components/common/deprecated-selector';\nimport { DeprecatedSelectorDirective } from '@seniorsistemas/angular-components/common/deprecated-selector';\nimport { TemplateDirective } from '@seniorsistemas/angular-components/template';\n\nimport { InsightsSidebarComponent } from './components/insights-sidebar/insights-sidebar.component';\nimport { InsightsItem } from './models/insights-item';\nimport { InsightsTemplateTypes } from './models/insights-template-types';\n@Component({\n    selector: 's-insights, s-ia-insight',\n    templateUrl: './insights.component.html',\n    hostDirectives: [DeprecatedSelectorDirective],\n    providers: [\n        {\n            provide: DEPRECATED_CONFIG,\n            useValue: {\n                oldSelector: 's-ia-insight',\n                newSelector: 's-insights',\n                removalVersion: '20.0.0',\n            },\n        },\n    ],\n})\nexport class InsightsComponent implements AfterContentInit {\n    @Input()\n    public insights: InsightsItem[] = [];\n\n    @Input()\n    public hasPermission = true;\n\n    @Input()\n    public introText?: string;\n\n    @Input()\n    public emptyText?: string;\n\n    @Input()\n    public noPermissionText?: string;\n\n    @ViewChild(InsightsSidebarComponent)\n    public sidebar: InsightsSidebarComponent | null = null;\n\n    @ContentChildren(TemplateDirective)\n    public templates: QueryList<TemplateDirective> | null = null;\n\n    public openInsights = output<void>();\n\n    public closedInsights = output<void>();\n\n    public introTemplate: TemplateRef<any> | null = null;\n    public emptyTemplate: TemplateRef<any> | null = null;\n    public noPermissionTemplate: TemplateRef<any> | null = null;\n\n    public ngAfterContentInit(): void {\n        this._getTemplates();\n    }\n\n    public open(): void {\n        this.sidebar?.open();\n    }\n\n    public close(): void {\n        this.sidebar?.close();\n    }\n\n    public getIntroTemplate(): TemplateRef<any> | null {\n        return this._getCustomTemplate('intro');\n    }\n\n    public getNoPermissionTemplate(): TemplateRef<any> | null {\n        return this._getCustomTemplate('no-permission');\n    }\n\n    public getEmptyTemplate(): TemplateRef<any> | null {\n        return this._getCustomTemplate('empty');\n    }\n\n    private _getCustomTemplate(type: InsightsTemplateTypes): TemplateRef<any> | null {\n        return this.templates?.find((template: TemplateDirective) => template.type === type)?.template ?? null;\n    }\n\n    private _getTemplates(): void {\n        this.introTemplate = this.getIntroTemplate();\n        this.emptyTemplate = this.getEmptyTemplate();\n        this.noPermissionTemplate = this.getNoPermissionTemplate();\n    }\n}\n\n","<s-insights-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    (openedSidebar)=\"openInsights.emit()\"\n    (closedSidebar)=\"closedInsights.emit()\"\n>\n</s-insights-sidebar>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { TranslateModule } from '@ngx-translate/core';\nimport { BadgeModule } from '@seniorsistemas/angular-components/badge';\nimport { ButtonModule } from '@seniorsistemas/angular-components/button';\nimport { TemplateModule } from '@seniorsistemas/angular-components/template';\nimport { TooltipModule } from '@seniorsistemas/angular-components/tooltip';\n\nimport { InsightsCardComponent } from './components/insights-card/insights-card.component';\nimport { InsightsSidebarComponent } from './components/insights-sidebar/insights-sidebar.component';\nimport { InsightsComponent } from './insights.component';\nimport { SVGFactoryModule } from '@seniorsistemas/angular-components/common';\nimport { InsightsCardLoaderComponent } from './components/insights-card/components';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TranslateModule,\n        BadgeModule,\n        ButtonModule,\n        TooltipModule,\n        TemplateModule,\n        SVGFactoryModule,\n    ],\n    declarations: [InsightsComponent, InsightsCardComponent, InsightsSidebarComponent, InsightsCardLoaderComponent],\n    exports: [InsightsComponent, TemplateModule],\n})\nexport class InsightsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i1","i4","i6.InsightsCardLoaderComponent","i3.InsightsCardComponent","i2.InsightsSidebarComponent"],"mappings":"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"}

package/fesm2022/seniorsistemas-angular-components-numeric-mask.mjs

@@ -322,27 +322,6 @@ class NumericMaskDirective {
         const multiplier = new BigNumber(10).pow(decimalPlaces);
         return bigNumber.multipliedBy(multiplier).integerValue(BigNumber.ROUND_DOWN).dividedBy(multiplier);
     }
-    /**
-     * Checks if the value has excessive decimal places
-     * @private
-     */
-    hasExcessiveDecimalPlaces(value) {
-        const parts = value.split(this.decimalSeparator);
-        if (parts.length > 1) {
-            const decimalPart = parts[1].replace(/[^0-9]/g, '');
-            return decimalPart.length > this.maxDecimalPlaces();
-        }
-        return false;
-    }
-    /**
-     * Clears the input and notifies the model
-     * @private
-     */
-    clearInput() {
-        this.renderer.setProperty(this.elementRef.nativeElement, 'value', '');
-        this.lastModelValue = null;
-        this.onChange(null);
-    }
     /**
      * Parses a string value to its numeric representation, handling separators and sign
      * Returns BigNumber to preserve full precision and optional number conversion
@@ -386,18 +365,7 @@ class NumericMaskDirective {
         const effectiveDecimalPlaces = decimalPart.replace(/0+$/, '').length;
         const decimalPlacesToShow = Math.max(this.minDecimalPlaces(), Math.min(effectiveDecimalPlaces, this.maxDecimalPlaces()));
         decimalPart = decimalPart.substring(0, decimalPlacesToShow).padEnd(decimalPlacesToShow, '0');
-        return formattedInteger + this.decimalSeparator + decimalPart;
-    }
-    /**
-     * Formats the value according to the locale
-     * @private
-     */
-    formatValue(value) {
-        if (!value || value.trim() === '') {
-            return '';
-        }
-        const { numeric } = this.parseStringToValue(value);
-        return this.formatNumeric(numeric);
+        return decimalPart ? formattedInteger + this.decimalSeparator + decimalPart : formattedInteger;
     }
     /**
      * Converts the formatted value to the model format (international standard string)