barsa-sap-ui 2.2.1 → 2.2.3

package/esm2022/lib/barsa-tag-categories/barsa-tag-categories.component.mjs

@@ -0,0 +1,60 @@
+import { Component } from '@angular/core';
+import { ReportViewBaseComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "barsa-novin-ray-core";
+import * as i2 from "../barsa-chip/barsa-chip.component";
+import * as i3 from "@angular/common";
+export class BarsaTagCategoriesComponent extends ReportViewBaseComponent {
+    ngOnInit() {
+        super.ngOnInit();
+        this.groupTags(this.moDataList);
+    }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+        const { moDataList } = changes;
+        if (!moDataList?.firstChange && moDataList?.currentValue) {
+            this.groupTags(moDataList.currentValue);
+        }
+    }
+    groupTags(moDataList) {
+        if (!moDataList.length) {
+            return;
+        }
+        this.groupedTags = moDataList
+            .map((i, index) => {
+            i.index = index;
+            return i;
+        })
+            .reduce((a, b) => {
+            const foundCellIndex = a.findIndex((i) => i.Id === b.F2?.Id);
+            if (foundCellIndex !== -1) {
+                a[foundCellIndex].items.push(b);
+            }
+            else {
+                if (b.F2?.Id) {
+                    a.push({
+                        Id: b.F2.Id,
+                        title: b.F2.$Caption,
+                        items: [b],
+                        order: b.A_F2_OrderNumber
+                    });
+                }
+            }
+            return a;
+        }, [])
+            .sort((a, b) => +a.order - +b.order)
+            .map((i) => {
+            i.items = i.items.sort((a, b) => +b.QuestionsCount - +a.QuestionsCount);
+            return i;
+        });
+        console.log(this.groupedTags);
+        this._cdr.detectChanges();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaTagCategoriesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BarsaTagCategoriesComponent, selector: "bsu-barsa-tag-categories", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@for (category of groupedTags; track category) {\r\n<p class=\"tw-w-full tw-border-b tw-border-gray-300 tw-py-2 tw-text-xl\">{{ category.title }}</p>\r\n<div class=\"tw-grid tw-grid-cols-4 tw-gap-4 tw-items-stretch tw-py-4\">\r\n    @for (mo of category.items; track mo) {\r\n    <div\r\n        class=\"tw-col-span-1 tw-flex tw-flex-col tw-gap-2 tw-p-2 tw-bg-white tw-border tw-border-transparent hover:tw-border-gray-200 tw-transition-all tw-rounded-md\"\r\n    >\r\n        @if (viewSetting.RowOlgo.Selector) {\r\n        <bnrc-dynamic-item-component\r\n            [component]=\"viewSetting.RowOlgo\"\r\n            [mo]=\"mo\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            [moDataList]=\"moDataList\"\r\n            [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n            [isChecked]=\"mo.$IsChecked\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [formSetting]=\"formSetting\"\r\n            [index]=\"mo.index\"\r\n            [setting]=\"viewSetting\"\r\n            [columns]=\"columns\"\r\n            [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n            [inlineEditMode]=\"inlineEditMode\"\r\n            [allowInlineEdit]=\"allowInlineEdit\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [allColumns]=\"allColumns\"\r\n            [canView]=\"canView\"\r\n            [conditionalFormats]=\"conditionalFormats\"\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            [navigationArrow]=\"navigationArrow\"\r\n            [isCheckList]=\"isCheckList\"\r\n            (events)=\"onOlgoEvents($event)\"\r\n        >\r\n        </bnrc-dynamic-item-component>\r\n        } @else {\r\n        <div class=\"tw-flex tw-justify-between tw-items-center\">\r\n            <bsu-barsa-chip\r\n                #Chip\r\n                [title]=\"mo.$Caption\"\r\n                [canCheck]=\"true\"\r\n                (checkedChange)=\"rowCheck.emit({ mo: mo, index: mo.index })\"\r\n                (mouseenter)=\"Chip.isChecked = true\"\r\n                (mouseleave)=\"Chip.isChecked = false\"\r\n            ></bsu-barsa-chip>\r\n            <span class=\"tw-text-gray-400\">\r\n                {{ mo.QuestionsCount | number: '1.0-0' }}\r\n                \u0633\u0648\u0627\u0644\r\n            </span>\r\n        </div>\r\n        <p class=\"tw-line-clamp-3 tw-text-xs\">{{ mo.Description }}</p>\r\n        }\r\n    </div>\r\n    }\r\n</div>\r\n}\r\n", styles: [":root{--sapBackgroundColor: #fdfdfd}\n"], dependencies: [{ kind: "component", type: i1.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "component", type: i2.BarsaChipComponent, selector: "bsu-barsa-chip", inputs: ["title", "moreInfo", "canCheck", "isChecked"], outputs: ["checkedChange"] }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaTagCategoriesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-barsa-tag-categories', standalone: false, template: "@for (category of groupedTags; track category) {\r\n<p class=\"tw-w-full tw-border-b tw-border-gray-300 tw-py-2 tw-text-xl\">{{ category.title }}</p>\r\n<div class=\"tw-grid tw-grid-cols-4 tw-gap-4 tw-items-stretch tw-py-4\">\r\n    @for (mo of category.items; track mo) {\r\n    <div\r\n        class=\"tw-col-span-1 tw-flex tw-flex-col tw-gap-2 tw-p-2 tw-bg-white tw-border tw-border-transparent hover:tw-border-gray-200 tw-transition-all tw-rounded-md\"\r\n    >\r\n        @if (viewSetting.RowOlgo.Selector) {\r\n        <bnrc-dynamic-item-component\r\n            [component]=\"viewSetting.RowOlgo\"\r\n            [mo]=\"mo\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            [moDataList]=\"moDataList\"\r\n            [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n            [isChecked]=\"mo.$IsChecked\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [formSetting]=\"formSetting\"\r\n            [index]=\"mo.index\"\r\n            [setting]=\"viewSetting\"\r\n            [columns]=\"columns\"\r\n            [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n            [inlineEditMode]=\"inlineEditMode\"\r\n            [allowInlineEdit]=\"allowInlineEdit\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [allColumns]=\"allColumns\"\r\n            [canView]=\"canView\"\r\n            [conditionalFormats]=\"conditionalFormats\"\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            [navigationArrow]=\"navigationArrow\"\r\n            [isCheckList]=\"isCheckList\"\r\n            (events)=\"onOlgoEvents($event)\"\r\n        >\r\n        </bnrc-dynamic-item-component>\r\n        } @else {\r\n        <div class=\"tw-flex tw-justify-between tw-items-center\">\r\n            <bsu-barsa-chip\r\n                #Chip\r\n                [title]=\"mo.$Caption\"\r\n                [canCheck]=\"true\"\r\n                (checkedChange)=\"rowCheck.emit({ mo: mo, index: mo.index })\"\r\n                (mouseenter)=\"Chip.isChecked = true\"\r\n                (mouseleave)=\"Chip.isChecked = false\"\r\n            ></bsu-barsa-chip>\r\n            <span class=\"tw-text-gray-400\">\r\n                {{ mo.QuestionsCount | number: '1.0-0' }}\r\n                \u0633\u0648\u0627\u0644\r\n            </span>\r\n        </div>\r\n        <p class=\"tw-line-clamp-3 tw-text-xs\">{{ mo.Description }}</p>\r\n        }\r\n    </div>\r\n    }\r\n</div>\r\n}\r\n", styles: [":root{--sapBackgroundColor: #fdfdfd}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtdGFnLWNhdGVnb3JpZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtdGFnLWNhdGVnb3JpZXMvYmFyc2EtdGFnLWNhdGVnb3JpZXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtdGFnLWNhdGVnb3JpZXMvYmFyc2EtdGFnLWNhdGVnb3JpZXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUF1Qix1QkFBdUIsRUFBMkIsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7QUFRN0csTUFBTSxPQUFPLDJCQUE0QixTQUFRLHVCQUFnRDtJQUU3RixRQUFRO1FBQ0osS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFDRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIsS0FBSyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMzQixNQUFNLEVBQUUsVUFBVSxFQUFFLEdBQUcsT0FBTyxDQUFDO1FBQy9CLElBQUksQ0FBQyxVQUFVLEVBQUUsV0FBVyxJQUFJLFVBQVUsRUFBRSxZQUFZLEVBQUUsQ0FBQztZQUN2RCxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUM1QyxDQUFDO0lBQ0wsQ0FBQztJQUNELFNBQVMsQ0FBQyxVQUFpQztRQUN2QyxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ3JCLE9BQU87UUFDWCxDQUFDO1FBQ0QsSUFBSSxDQUFDLFdBQVcsR0FBRyxVQUFVO2FBQ3hCLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUNkLENBQUMsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1lBQ2hCLE9BQU8sQ0FBQyxDQUFDO1FBQ2IsQ0FBQyxDQUFDO2FBQ0QsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ2IsTUFBTSxjQUFjLEdBQUcsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQzdELElBQUksY0FBYyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUM7Z0JBQ3hCLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3BDLENBQUM7aUJBQU0sQ0FBQztnQkFDSixJQUFJLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUM7b0JBQ1gsQ0FBQyxDQUFDLElBQUksQ0FBQzt3QkFDSCxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFO3dCQUNYLEtBQUssRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLFFBQVE7d0JBQ3BCLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQzt3QkFDVixLQUFLLEVBQUUsQ0FBQyxDQUFDLGdCQUFnQjtxQkFDTSxDQUFDLENBQUM7Z0JBQ3pDLENBQUM7WUFDTCxDQUFDO1lBQ0QsT0FBTyxDQUFDLENBQUM7UUFDYixDQUFDLEVBQUUsRUFBMkIsQ0FBQzthQUM5QixJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO2FBQ25DLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ1AsQ0FBQyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLGNBQWMsR0FBRyxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQztZQUN4RSxPQUFPLENBQUMsQ0FBQztRQUNiLENBQUMsQ0FBQyxDQUFDO1FBQ1AsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM5QixDQUFDOytHQTdDUSwyQkFBMkI7bUdBQTNCLDJCQUEyQiw0R0NUeEMsNjhFQXdEQTs7NEZEL0NhLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDSSwwQkFBMEIsY0FHeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNZXRhb2JqZWN0RGF0YU1vZGVsLCBSZXBvcnRWaWV3QmFzZUNvbXBvbmVudCwgVWlSZXBvcnRWaWV3QmFzZVNldHRpbmcgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYnN1LWJhcnNhLXRhZy1jYXRlZ29yaWVzJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9iYXJzYS10YWctY2F0ZWdvcmllcy5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9iYXJzYS10YWctY2F0ZWdvcmllcy5jb21wb25lbnQuY3NzJ10sXHJcbiAgICBzdGFuZGFsb25lOiBmYWxzZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQmFyc2FUYWdDYXRlZ29yaWVzQ29tcG9uZW50IGV4dGVuZHMgUmVwb3J0Vmlld0Jhc2VDb21wb25lbnQ8VWlSZXBvcnRWaWV3QmFzZVNldHRpbmc+IHtcclxuICAgIGdyb3VwZWRUYWdzOiBhbnlbXTtcclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XHJcbiAgICAgICAgdGhpcy5ncm91cFRhZ3ModGhpcy5tb0RhdGFMaXN0KTtcclxuICAgIH1cclxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgICAgICBzdXBlci5uZ09uQ2hhbmdlcyhjaGFuZ2VzKTtcclxuICAgICAgICBjb25zdCB7IG1vRGF0YUxpc3QgfSA9IGNoYW5nZXM7XHJcbiAgICAgICAgaWYgKCFtb0RhdGFMaXN0Py5maXJzdENoYW5nZSAmJiBtb0RhdGFMaXN0Py5jdXJyZW50VmFsdWUpIHtcclxuICAgICAgICAgICAgdGhpcy5ncm91cFRhZ3MobW9EYXRhTGlzdC5jdXJyZW50VmFsdWUpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIGdyb3VwVGFncyhtb0RhdGFMaXN0OiBNZXRhb2JqZWN0RGF0YU1vZGVsW10pOiB2b2lkIHtcclxuICAgICAgICBpZiAoIW1vRGF0YUxpc3QubGVuZ3RoKSB7XHJcbiAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICB9XHJcbiAgICAgICAgdGhpcy5ncm91cGVkVGFncyA9IG1vRGF0YUxpc3RcclxuICAgICAgICAgICAgLm1hcCgoaSwgaW5kZXgpID0+IHtcclxuICAgICAgICAgICAgICAgIGkuaW5kZXggPSBpbmRleDtcclxuICAgICAgICAgICAgICAgIHJldHVybiBpO1xyXG4gICAgICAgICAgICB9KVxyXG4gICAgICAgICAgICAucmVkdWNlKChhLCBiKSA9PiB7XHJcbiAgICAgICAgICAgICAgICBjb25zdCBmb3VuZENlbGxJbmRleCA9IGEuZmluZEluZGV4KChpKSA9PiBpLklkID09PSBiLkYyPy5JZCk7XHJcbiAgICAgICAgICAgICAgICBpZiAoZm91bmRDZWxsSW5kZXggIT09IC0xKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgYVtmb3VuZENlbGxJbmRleF0uaXRlbXMucHVzaChiKTtcclxuICAgICAgICAgICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKGIuRjI/LklkKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGEucHVzaCh7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBJZDogYi5GMi5JZCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRpdGxlOiBiLkYyLiRDYXB0aW9uLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaXRlbXM6IFtiXSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9yZGVyOiBiLkFfRjJfT3JkZXJOdW1iZXJcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSBhcyB1bmtub3duIGFzIE1ldGFvYmplY3REYXRhTW9kZWwpO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIHJldHVybiBhO1xyXG4gICAgICAgICAgICB9LCBbXSBhcyBNZXRhb2JqZWN0RGF0YU1vZGVsW10pXHJcbiAgICAgICAgICAgIC5zb3J0KChhLCBiKSA9PiArYS5vcmRlciAtICtiLm9yZGVyKVxyXG4gICAgICAgICAgICAubWFwKChpKSA9PiB7XHJcbiAgICAgICAgICAgICAgICBpLml0ZW1zID0gaS5pdGVtcy5zb3J0KChhLCBiKSA9PiArYi5RdWVzdGlvbnNDb3VudCAtICthLlF1ZXN0aW9uc0NvdW50KTtcclxuICAgICAgICAgICAgICAgIHJldHVybiBpO1xyXG4gICAgICAgICAgICB9KTtcclxuICAgICAgICBjb25zb2xlLmxvZyh0aGlzLmdyb3VwZWRUYWdzKTtcclxuICAgICAgICB0aGlzLl9jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfVxyXG59XHJcbiIsIkBmb3IgKGNhdGVnb3J5IG9mIGdyb3VwZWRUYWdzOyB0cmFjayBjYXRlZ29yeSkge1xyXG48cCBjbGFzcz1cInR3LXctZnVsbCB0dy1ib3JkZXItYiB0dy1ib3JkZXItZ3JheS0zMDAgdHctcHktMiB0dy10ZXh0LXhsXCI+e3sgY2F0ZWdvcnkudGl0bGUgfX08L3A+XHJcbjxkaXYgY2xhc3M9XCJ0dy1ncmlkIHR3LWdyaWQtY29scy00IHR3LWdhcC00IHR3LWl0ZW1zLXN0cmV0Y2ggdHctcHktNFwiPlxyXG4gICAgQGZvciAobW8gb2YgY2F0ZWdvcnkuaXRlbXM7IHRyYWNrIG1vKSB7XHJcbiAgICA8ZGl2XHJcbiAgICAgICAgY2xhc3M9XCJ0dy1jb2wtc3Bhbi0xIHR3LWZsZXggdHctZmxleC1jb2wgdHctZ2FwLTIgdHctcC0yIHR3LWJnLXdoaXRlIHR3LWJvcmRlciB0dy1ib3JkZXItdHJhbnNwYXJlbnQgaG92ZXI6dHctYm9yZGVyLWdyYXktMjAwIHR3LXRyYW5zaXRpb24tYWxsIHR3LXJvdW5kZWQtbWRcIlxyXG4gICAgPlxyXG4gICAgICAgIEBpZiAodmlld1NldHRpbmcuUm93T2xnby5TZWxlY3Rvcikge1xyXG4gICAgICAgIDxibnJjLWR5bmFtaWMtaXRlbS1jb21wb25lbnRcclxuICAgICAgICAgICAgW2NvbXBvbmVudF09XCJ2aWV3U2V0dGluZy5Sb3dPbGdvXCJcclxuICAgICAgICAgICAgW21vXT1cIm1vXCJcclxuICAgICAgICAgICAgW1Vsdk1haW5DdHJscl09XCJVbHZNYWluQ3RybHJcIlxyXG4gICAgICAgICAgICBbbW9EYXRhTGlzdF09XCJtb0RhdGFMaXN0XCJcclxuICAgICAgICAgICAgW3Nob3dSb3dOdW1iZXJdPVwiY29udGV4dFZpZXc/LkdyaWRfU2hvd1Jvd051bWJlclwiXHJcbiAgICAgICAgICAgIFtpc0NoZWNrZWRdPVwibW8uJElzQ2hlY2tlZFwiXHJcbiAgICAgICAgICAgIFt0eXBlRGVmSWRdPVwidHlwZURlZklkXCJcclxuICAgICAgICAgICAgW2Zvcm1TZXR0aW5nXT1cImZvcm1TZXR0aW5nXCJcclxuICAgICAgICAgICAgW2luZGV4XT1cIm1vLmluZGV4XCJcclxuICAgICAgICAgICAgW3NldHRpbmddPVwidmlld1NldHRpbmdcIlxyXG4gICAgICAgICAgICBbY29sdW1uc109XCJjb2x1bW5zXCJcclxuICAgICAgICAgICAgW2lzTmV3SW5saW5lTW9dPVwibW8uJE5ld0lubGluZU1vXCJcclxuICAgICAgICAgICAgW2lubGluZUVkaXRNb2RlXT1cImlubGluZUVkaXRNb2RlXCJcclxuICAgICAgICAgICAgW2FsbG93SW5saW5lRWRpdF09XCJhbGxvd0lubGluZUVkaXRcIlxyXG4gICAgICAgICAgICBbcnRsXT1cInJ0bFwiXHJcbiAgICAgICAgICAgIFtkZXZpY2VOYW1lXT1cImRldmljZU5hbWVcIlxyXG4gICAgICAgICAgICBbZGV2aWNlU2l6ZV09XCJkZXZpY2VTaXplXCJcclxuICAgICAgICAgICAgW2FsbENvbHVtbnNdPVwiYWxsQ29sdW1uc1wiXHJcbiAgICAgICAgICAgIFtjYW5WaWV3XT1cImNhblZpZXdcIlxyXG4gICAgICAgICAgICBbY29uZGl0aW9uYWxGb3JtYXRzXT1cImNvbmRpdGlvbmFsRm9ybWF0c1wiXHJcbiAgICAgICAgICAgIFtkaXNhYmxlT3ZlcmZsb3dDb250ZXh0TWVudV09XCJkaXNhYmxlT3ZlcmZsb3dDb250ZXh0TWVudVwiXHJcbiAgICAgICAgICAgIFtuYXZpZ2F0aW9uQXJyb3ddPVwibmF2aWdhdGlvbkFycm93XCJcclxuICAgICAgICAgICAgW2lzQ2hlY2tMaXN0XT1cImlzQ2hlY2tMaXN0XCJcclxuICAgICAgICAgICAgKGV2ZW50cyk9XCJvbk9sZ29FdmVudHMoJGV2ZW50KVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDwvYm5yYy1keW5hbWljLWl0ZW0tY29tcG9uZW50PlxyXG4gICAgICAgIH0gQGVsc2Uge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0dy1mbGV4IHR3LWp1c3RpZnktYmV0d2VlbiB0dy1pdGVtcy1jZW50ZXJcIj5cclxuICAgICAgICAgICAgPGJzdS1iYXJzYS1jaGlwXHJcbiAgICAgICAgICAgICAgICAjQ2hpcFxyXG4gICAgICAgICAgICAgICAgW3RpdGxlXT1cIm1vLiRDYXB0aW9uXCJcclxuICAgICAgICAgICAgICAgIFtjYW5DaGVja109XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgIChjaGVja2VkQ2hhbmdlKT1cInJvd0NoZWNrLmVtaXQoeyBtbzogbW8sIGluZGV4OiBtby5pbmRleCB9KVwiXHJcbiAgICAgICAgICAgICAgICAobW91c2VlbnRlcik9XCJDaGlwLmlzQ2hlY2tlZCA9IHRydWVcIlxyXG4gICAgICAgICAgICAgICAgKG1vdXNlbGVhdmUpPVwiQ2hpcC5pc0NoZWNrZWQgPSBmYWxzZVwiXHJcbiAgICAgICAgICAgID48L2JzdS1iYXJzYS1jaGlwPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInR3LXRleHQtZ3JheS00MDBcIj5cclxuICAgICAgICAgICAgICAgIHt7IG1vLlF1ZXN0aW9uc0NvdW50IHwgbnVtYmVyOiAnMS4wLTAnIH19XHJcbiAgICAgICAgICAgICAgICDYs9mI2KfZhFxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJ0dy1saW5lLWNsYW1wLTMgdHctdGV4dC14c1wiPnt7IG1vLkRlc2NyaXB0aW9uIH19PC9wPlxyXG4gICAgICAgIH1cclxuICAgIDwvZGl2PlxyXG4gICAgfVxyXG48L2Rpdj5cclxufVxyXG4iXX0=

package/esm2022/lib/barsa-tag-chip/barsa-tag-chip.component.mjs

@@ -0,0 +1,26 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { BaseViewItemPropsComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "../barsa-chip/barsa-chip.component";
+export class BarsaTagChipComponent extends BaseViewItemPropsComponent {
+    constructor() {
+        super(...arguments);
+        this.isChecked = false;
+    }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+        const { isChecked } = changes;
+        this.isChecked = isChecked?.currentValue;
+        this._cdr.detectChanges();
+    }
+    rowChecked() {
+        this.events.emit({ title: 'rowCheck', data: { mo: this.mo, index: this.index } });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaTagChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BarsaTagChipComponent, selector: "bsu-barsa-tag-chip", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<bsu-barsa-chip\n    [title]=\"mo.Title\"\n    [moreInfo]=\"mo.QuestionsCount\"\n    (checkedChange)=\"rowChecked()\"\n    [canCheck]=\"true\"\n    [isChecked]=\"isChecked\"\n></bsu-barsa-chip>\n", styles: [""], dependencies: [{ kind: "component", type: i1.BarsaChipComponent, selector: "bsu-barsa-chip", inputs: ["title", "moreInfo", "canCheck", "isChecked"], outputs: ["checkedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaTagChipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-barsa-tag-chip', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bsu-barsa-chip\n    [title]=\"mo.Title\"\n    [moreInfo]=\"mo.QuestionsCount\"\n    (checkedChange)=\"rowChecked()\"\n    [canCheck]=\"true\"\n    [isChecked]=\"isChecked\"\n></bsu-barsa-chip>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtdGFnLWNoaXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtdGFnLWNoaXAvYmFyc2EtdGFnLWNoaXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtdGFnLWNoaXAvYmFyc2EtdGFnLWNoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDbEYsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7OztBQVNsRSxNQUFNLE9BQU8scUJBQXNCLFNBQVEsMEJBQTBCO0lBUHJFOztRQVFJLGNBQVMsR0FBRyxLQUFLLENBQUM7S0FVckI7SUFURyxXQUFXLENBQUMsT0FBc0I7UUFDOUIsS0FBSyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMzQixNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsT0FBTyxDQUFDO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxFQUFFLFlBQVksQ0FBQztRQUN6QyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFDRCxVQUFVO1FBQ04sSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3RGLENBQUM7K0dBVlEscUJBQXFCO21HQUFyQixxQkFBcUIsc0dDVmxDLHFNQU9BOzs0RkRHYSxxQkFBcUI7a0JBUGpDLFNBQVM7K0JBQ0ksb0JBQW9CLG1CQUdiLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmFzZVZpZXdJdGVtUHJvcHNDb21wb25lbnQgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYnN1LWJhcnNhLXRhZy1jaGlwJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9iYXJzYS10YWctY2hpcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9iYXJzYS10YWctY2hpcC5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBzdGFuZGFsb25lOiBmYWxzZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQmFyc2FUYWdDaGlwQ29tcG9uZW50IGV4dGVuZHMgQmFzZVZpZXdJdGVtUHJvcHNDb21wb25lbnQge1xyXG4gICAgaXNDaGVja2VkID0gZmFsc2U7XHJcbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICAgICAgc3VwZXIubmdPbkNoYW5nZXMoY2hhbmdlcyk7XHJcbiAgICAgICAgY29uc3QgeyBpc0NoZWNrZWQgfSA9IGNoYW5nZXM7XHJcbiAgICAgICAgdGhpcy5pc0NoZWNrZWQgPSBpc0NoZWNrZWQ/LmN1cnJlbnRWYWx1ZTtcclxuICAgICAgICB0aGlzLl9jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfVxyXG4gICAgcm93Q2hlY2tlZCgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmV2ZW50cy5lbWl0KHsgdGl0bGU6ICdyb3dDaGVjaycsIGRhdGE6IHsgbW86IHRoaXMubW8sIGluZGV4OiB0aGlzLmluZGV4IH0gfSk7XHJcbiAgICB9XHJcbn1cclxuIiwiPGJzdS1iYXJzYS1jaGlwXG4gICAgW3RpdGxlXT1cIm1vLlRpdGxlXCJcbiAgICBbbW9yZUluZm9dPVwibW8uUXVlc3Rpb25zQ291bnRcIlxuICAgIChjaGVja2VkQ2hhbmdlKT1cInJvd0NoZWNrZWQoKVwiXG4gICAgW2NhbkNoZWNrXT1cInRydWVcIlxuICAgIFtpc0NoZWNrZWRdPVwiaXNDaGVja2VkXCJcbj48L2JzdS1iYXJzYS1jaGlwPlxuIl19

package/esm2022/lib/barsa-tags-category-row/barsa-tags-category-row.component.mjs

@@ -0,0 +1,23 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../barsa-chip/barsa-chip.component";
+import * as i2 from "@angular/common";
+export class BarsaTagsCategoryRowComponent {
+    constructor() {
+        this.rowCheck = new EventEmitter();
+    }
+    ngOnInit() {
+        //   super.ngOnInit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaTagsCategoryRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BarsaTagsCategoryRowComponent, selector: "bsu-barsa-tags-category-row", inputs: { category: "category" }, outputs: { rowCheck: "rowCheck" }, ngImport: i0, template: "<p class=\"tw-w-full tw-border-b tw-border-gray-300 tw-py-2 tw-text-xl\">{{ category.title }}</p>\r\n<div class=\"tw-grid tw-grid-cols-4 tw-gap-4 tw-items-stretch tw-py-4\">\r\n    @for (i of category.items; track i) {\r\n    <div\r\n        class=\"tw-col-span-1 tw-flex tw-flex-col tw-gap-2 tw-p-2 tw-bg-white tw-border tw-border-transparent hover:tw-border-gray-200 tw-transition-all tw-rounded-md\"\r\n    >\r\n        <div class=\"tw-flex tw-justify-between tw-items-center\">\r\n            <bsu-barsa-chip\r\n                #Chip\r\n                [title]=\"i.$Caption\"\r\n                [canCheck]=\"true\"\r\n                (click)=\"rowCheck.emit({ mo: i, index: i.index })\"\r\n                (mouseenter)=\"Chip.isChecked = true\"\r\n                (mouseleave)=\"Chip.isChecked = false\"\r\n            ></bsu-barsa-chip>\r\n            <span class=\"tw-text-gray-400\">\r\n                {{ i.QuestionsCount | number: '1.0-0' }}\r\n                \u0633\u0648\u0627\u0644\r\n            </span>\r\n        </div>\r\n        <p class=\"tw-line-clamp-3 tw-text-xs\">{{ i.Description }}</p>\r\n    </div>\r\n    }\r\n</div>\r\n", styles: [":root{--sapBackgroundColor: #fdfdfd}\n"], dependencies: [{ kind: "component", type: i1.BarsaChipComponent, selector: "bsu-barsa-chip", inputs: ["title", "moreInfo", "canCheck", "isChecked"], outputs: ["checkedChange"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaTagsCategoryRowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-barsa-tags-category-row', standalone: false, template: "<p class=\"tw-w-full tw-border-b tw-border-gray-300 tw-py-2 tw-text-xl\">{{ category.title }}</p>\r\n<div class=\"tw-grid tw-grid-cols-4 tw-gap-4 tw-items-stretch tw-py-4\">\r\n    @for (i of category.items; track i) {\r\n    <div\r\n        class=\"tw-col-span-1 tw-flex tw-flex-col tw-gap-2 tw-p-2 tw-bg-white tw-border tw-border-transparent hover:tw-border-gray-200 tw-transition-all tw-rounded-md\"\r\n    >\r\n        <div class=\"tw-flex tw-justify-between tw-items-center\">\r\n            <bsu-barsa-chip\r\n                #Chip\r\n                [title]=\"i.$Caption\"\r\n                [canCheck]=\"true\"\r\n                (click)=\"rowCheck.emit({ mo: i, index: i.index })\"\r\n                (mouseenter)=\"Chip.isChecked = true\"\r\n                (mouseleave)=\"Chip.isChecked = false\"\r\n            ></bsu-barsa-chip>\r\n            <span class=\"tw-text-gray-400\">\r\n                {{ i.QuestionsCount | number: '1.0-0' }}\r\n                \u0633\u0648\u0627\u0644\r\n            </span>\r\n        </div>\r\n        <p class=\"tw-line-clamp-3 tw-text-xs\">{{ i.Description }}</p>\r\n    </div>\r\n    }\r\n</div>\r\n", styles: [":root{--sapBackgroundColor: #fdfdfd}\n"] }]
+        }], propDecorators: { rowCheck: [{
+                type: Output
+            }], category: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtdGFncy1jYXRlZ29yeS1yb3cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtdGFncy1jYXRlZ29yeS1yb3cvYmFyc2EtdGFncy1jYXRlZ29yeS1yb3cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtdGFncy1jYXRlZ29yeS1yb3cvYmFyc2EtdGFncy1jYXRlZ29yeS1yb3cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVF2RSxNQUFNLE9BQU8sNkJBQTZCO0lBTjFDO1FBT2MsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FLaEQ7SUFIRyxRQUFRO1FBQ0osc0JBQXNCO0lBQzFCLENBQUM7K0dBTFEsNkJBQTZCO21HQUE3Qiw2QkFBNkIsd0lDUjFDLDZuQ0F3QkE7OzRGRGhCYSw2QkFBNkI7a0JBTnpDLFNBQVM7K0JBQ0ksNkJBQTZCLGNBRzNCLEtBQUs7OEJBR1AsUUFBUTtzQkFBakIsTUFBTTtnQkFDRSxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdic3UtYmFyc2EtdGFncy1jYXRlZ29yeS1yb3cnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JhcnNhLXRhZ3MtY2F0ZWdvcnktcm93LmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2JhcnNhLXRhZ3MtY2F0ZWdvcnktcm93LmNvbXBvbmVudC5jc3MnXSxcclxuICAgIHN0YW5kYWxvbmU6IGZhbHNlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYXJzYVRhZ3NDYXRlZ29yeVJvd0NvbXBvbmVudCB7XHJcbiAgICBAT3V0cHV0KCkgcm93Q2hlY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICAgIEBJbnB1dCgpIGNhdGVnb3J5OiBhbnk7XHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICAvLyAgIHN1cGVyLm5nT25Jbml0KCk7XHJcbiAgICB9XHJcbn1cclxuIiwiPHAgY2xhc3M9XCJ0dy13LWZ1bGwgdHctYm9yZGVyLWIgdHctYm9yZGVyLWdyYXktMzAwIHR3LXB5LTIgdHctdGV4dC14bFwiPnt7IGNhdGVnb3J5LnRpdGxlIH19PC9wPlxyXG48ZGl2IGNsYXNzPVwidHctZ3JpZCB0dy1ncmlkLWNvbHMtNCB0dy1nYXAtNCB0dy1pdGVtcy1zdHJldGNoIHR3LXB5LTRcIj5cclxuICAgIEBmb3IgKGkgb2YgY2F0ZWdvcnkuaXRlbXM7IHRyYWNrIGkpIHtcclxuICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cInR3LWNvbC1zcGFuLTEgdHctZmxleCB0dy1mbGV4LWNvbCB0dy1nYXAtMiB0dy1wLTIgdHctYmctd2hpdGUgdHctYm9yZGVyIHR3LWJvcmRlci10cmFuc3BhcmVudCBob3Zlcjp0dy1ib3JkZXItZ3JheS0yMDAgdHctdHJhbnNpdGlvbi1hbGwgdHctcm91bmRlZC1tZFwiXHJcbiAgICA+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInR3LWZsZXggdHctanVzdGlmeS1iZXR3ZWVuIHR3LWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICA8YnN1LWJhcnNhLWNoaXBcclxuICAgICAgICAgICAgICAgICNDaGlwXHJcbiAgICAgICAgICAgICAgICBbdGl0bGVdPVwiaS4kQ2FwdGlvblwiXHJcbiAgICAgICAgICAgICAgICBbY2FuQ2hlY2tdPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwicm93Q2hlY2suZW1pdCh7IG1vOiBpLCBpbmRleDogaS5pbmRleCB9KVwiXHJcbiAgICAgICAgICAgICAgICAobW91c2VlbnRlcik9XCJDaGlwLmlzQ2hlY2tlZCA9IHRydWVcIlxyXG4gICAgICAgICAgICAgICAgKG1vdXNlbGVhdmUpPVwiQ2hpcC5pc0NoZWNrZWQgPSBmYWxzZVwiXHJcbiAgICAgICAgICAgID48L2JzdS1iYXJzYS1jaGlwPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInR3LXRleHQtZ3JheS00MDBcIj5cclxuICAgICAgICAgICAgICAgIHt7IGkuUXVlc3Rpb25zQ291bnQgfCBudW1iZXI6ICcxLjAtMCcgfX1cclxuICAgICAgICAgICAgICAgINiz2YjYp9mEXHJcbiAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8cCBjbGFzcz1cInR3LWxpbmUtY2xhbXAtMyB0dy10ZXh0LXhzXCI+e3sgaS5EZXNjcmlwdGlvbiB9fTwvcD5cclxuICAgIDwvZGl2PlxyXG4gICAgfVxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/barsa-text-ellipsis/barsa-text-ellipsis.component.mjs

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { BaseComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "barsa-novin-ray-core";
+import * as i2 from "@fundamental-ngx/core/content-density";
+import * as i3 from "@fundamental-ngx/core/button";
+import * as i4 from "@fundamental-ngx/core/popover";
+import * as i5 from "@fundamental-ngx/core/text";
+export class BarsaTextEllipsisComponent extends BaseComponent {
+    constructor(_el, _renderer2, _cdr) {
+        super();
+        this._el = _el;
+        this._renderer2 = _renderer2;
+        this._cdr = _cdr;
+        this.ellipsised = false;
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+    }
+    onEllapsised(val) {
+        this.ellipsised = val;
+        this._cdr.detectChanges();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaTextEllipsisComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BarsaTextEllipsisComponent, selector: "bsu-barsa-text-ellipsis,[textEllipsis]", inputs: { text: "text", fontSize: "fontSize", deviceSize: "deviceSize" }, usesInheritance: true, ngImport: i0, template: "<div (ellapsised)=\"onEllapsised($event)\" ellapsisText [ellapsisText]=\"text | bbbTranslate\">\r\n    {{ text | bbbTranslate }}\r\n</div>\r\n@if (ellipsised) {\r\n<fd-popover>\r\n    <fd-popover-control>\r\n        <button style=\"position: absolute; left: 0\" fd-button glyph=\"overflow\" fdType=\"transparent\" fdCompact></button>\r\n    </fd-popover-control>\r\n    <fd-popover-body style=\"max-width: 320px\">\r\n        <fd-text [text]=\"text | bbbTranslate\" [whitespaces]=\"true\"></fd-text>\r\n    </fd-popover-body>\r\n</fd-popover>\r\n}\r\n", styles: [":host{display:block;position:relative}\n"], dependencies: [{ kind: "directive", type: i1.EllapsisTextDirective, selector: "[ellapsisText]", inputs: ["ellapsisText", "fontSize", "disableEllapsis"], outputs: ["ellapsised"] }, { kind: "directive", type: i2.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i4.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i4.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i5.TextComponent, selector: "fd-text", inputs: ["text", "maxLines", "whitespaces", "hyphenation", "expandable", "isCollapsed"], outputs: ["isCollapsedChange"] }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaTextEllipsisComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-barsa-text-ellipsis,[textEllipsis]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div (ellapsised)=\"onEllapsised($event)\" ellapsisText [ellapsisText]=\"text | bbbTranslate\">\r\n    {{ text | bbbTranslate }}\r\n</div>\r\n@if (ellipsised) {\r\n<fd-popover>\r\n    <fd-popover-control>\r\n        <button style=\"position: absolute; left: 0\" fd-button glyph=\"overflow\" fdType=\"transparent\" fdCompact></button>\r\n    </fd-popover-control>\r\n    <fd-popover-body style=\"max-width: 320px\">\r\n        <fd-text [text]=\"text | bbbTranslate\" [whitespaces]=\"true\"></fd-text>\r\n    </fd-popover-body>\r\n</fd-popover>\r\n}\r\n", styles: [":host{display:block;position:relative}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }], propDecorators: { text: [{
+                type: Input
+            }], fontSize: [{
+                type: Input
+            }], deviceSize: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtdGV4dC1lbGxpcHNpcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1zYXAtdWkvc3JjL2xpYi9iYXJzYS10ZXh0LWVsbGlwc2lzL2JhcnNhLXRleHQtZWxsaXBzaXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtdGV4dC1lbGxpcHNpcy9iYXJzYS10ZXh0LWVsbGlwc2lzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFFdkIsU0FBUyxFQUNULEtBQUssRUFLUixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXlCLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7Ozs7O0FBUzVFLE1BQU0sT0FBTywwQkFBMkIsU0FBUSxhQUFhO0lBT3pELFlBQXNCLEdBQWUsRUFBWSxVQUFxQixFQUFZLElBQXVCO1FBQ3JHLEtBQUssRUFBRSxDQUFDO1FBRFUsUUFBRyxHQUFILEdBQUcsQ0FBWTtRQUFZLGVBQVUsR0FBVixVQUFVLENBQVc7UUFBWSxTQUFJLEdBQUosSUFBSSxDQUFtQjtRQUZ6RyxlQUFVLEdBQUcsS0FBSyxDQUFDO0lBSW5CLENBQUM7SUFDRCxlQUFlO1FBQ1gsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFDRCxZQUFZLENBQUMsR0FBWTtRQUNyQixJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsQ0FBQztRQUN0QixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzlCLENBQUM7K0dBaEJRLDBCQUEwQjttR0FBMUIsMEJBQTBCLCtLQ25CdkMseWlCQWFBOzs0RkRNYSwwQkFBMEI7a0JBUHRDLFNBQVM7K0JBQ0ksd0NBQXdDLG1CQUdqQyx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLEtBQUs7dUlBR1IsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICAgIENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgQ29tcG9uZW50LFxyXG4gICAgSW5wdXQsXHJcbiAgICBBZnRlclZpZXdJbml0LFxyXG4gICAgT25Jbml0LFxyXG4gICAgUmVuZGVyZXIyLFxyXG4gICAgRWxlbWVudFJlZlxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBYmJyZXZhdGlvbkRldmljZVNpemUsIEJhc2VDb21wb25lbnQgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYnN1LWJhcnNhLXRleHQtZWxsaXBzaXMsW3RleHRFbGxpcHNpc10nLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JhcnNhLXRleHQtZWxsaXBzaXMuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vYmFyc2EtdGV4dC1lbGxpcHNpcy5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBzdGFuZGFsb25lOiBmYWxzZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQmFyc2FUZXh0RWxsaXBzaXNDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcclxuICAgIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGZvbnRTaXplOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBkZXZpY2VTaXplOiBBYmJyZXZhdGlvbkRldmljZVNpemU7XHJcblxyXG4gICAgZWxsaXBzaXNlZCA9IGZhbHNlO1xyXG4gICAgd2lkdGg6IG51bWJlcjtcclxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfZWw6IEVsZW1lbnRSZWYsIHByb3RlY3RlZCBfcmVuZGVyZXIyOiBSZW5kZXJlcjIsIHByb3RlY3RlZCBfY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG4gICAgICAgIHN1cGVyKCk7XHJcbiAgICB9XHJcbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICAgICAgc3VwZXIubmdBZnRlclZpZXdJbml0KCk7XHJcbiAgICB9XHJcbiAgICBvbkVsbGFwc2lzZWQodmFsOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5lbGxpcHNpc2VkID0gdmFsO1xyXG4gICAgICAgIHRoaXMuX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICB9XHJcbn1cclxuIiwiPGRpdiAoZWxsYXBzaXNlZCk9XCJvbkVsbGFwc2lzZWQoJGV2ZW50KVwiIGVsbGFwc2lzVGV4dCBbZWxsYXBzaXNUZXh0XT1cInRleHQgfCBiYmJUcmFuc2xhdGVcIj5cclxuICAgIHt7IHRleHQgfCBiYmJUcmFuc2xhdGUgfX1cclxuPC9kaXY+XHJcbkBpZiAoZWxsaXBzaXNlZCkge1xyXG48ZmQtcG9wb3Zlcj5cclxuICAgIDxmZC1wb3BvdmVyLWNvbnRyb2w+XHJcbiAgICAgICAgPGJ1dHRvbiBzdHlsZT1cInBvc2l0aW9uOiBhYnNvbHV0ZTsgbGVmdDogMFwiIGZkLWJ1dHRvbiBnbHlwaD1cIm92ZXJmbG93XCIgZmRUeXBlPVwidHJhbnNwYXJlbnRcIiBmZENvbXBhY3Q+PC9idXR0b24+XHJcbiAgICA8L2ZkLXBvcG92ZXItY29udHJvbD5cclxuICAgIDxmZC1wb3BvdmVyLWJvZHkgc3R5bGU9XCJtYXgtd2lkdGg6IDMyMHB4XCI+XHJcbiAgICAgICAgPGZkLXRleHQgW3RleHRdPVwidGV4dCB8IGJiYlRyYW5zbGF0ZVwiIFt3aGl0ZXNwYWNlc109XCJ0cnVlXCI+PC9mZC10ZXh0PlxyXG4gICAgPC9mZC1wb3BvdmVyLWJvZHk+XHJcbjwvZmQtcG9wb3Zlcj5cclxufVxyXG4iXX0=