barsa-kanban 1.0.456 → 2.0.2

package/{esm2020 → esm2022}/barsa-kanban.mjs

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2Eta2FuYmFuLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Eta2FuYmFuL3NyYy9iYXJzYS1rYW5iYW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/{esm2020 → esm2022}/lib/Models/drop-info.mjs

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcC1pbmZvLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Eta2FuYmFuL3NyYy9saWIvTW9kZWxzL2Ryb3AtaW5mby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTWV0YW9iamVjdERhdGFNb2RlbCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRHJvcEluZm8ge1xyXG4gICAgZHJhZ2dlZElkOiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkO1xyXG4gICAgdGFyZ2V0SWQ6IHN0cmluZyB8IG51bGw7XHJcbiAgICB0YXJnZXRTdGF0ZTogTWV0YW9iamVjdERhdGFNb2RlbCB8IG51bGw7XHJcbiAgICB0YXJnZXRJbmRleDogbnVtYmVyIHwgbnVsbDtcclxuICAgIGFjdGlvbj86IHN0cmluZyB8IG51bGw7XHJcbn1cclxuIl19

package/{esm2020 → esm2022}/lib/Models/kanban-view-setting.interface.mjs

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2FuYmFuLXZpZXctc2V0dGluZy5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1rYW5iYW4vc3JjL2xpYi9Nb2RlbHMva2FuYmFuLXZpZXctc2V0dGluZy5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFVpUmVwb3J0Vmlld0Jhc2VTZXR0aW5nIH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBLYW5iYW5WaWV3U2V0dGluZyBleHRlbmRzIFVpUmVwb3J0Vmlld0Jhc2VTZXR0aW5nIHtcclxuICAgIENvbHVtbnNSZXBvcnQ6IGFueTtcclxuICAgIENvdmVyOiBzdHJpbmc7XHJcbiAgICBDYXB0aW9uOiBzdHJpbmc7XHJcbiAgICBBc3NpZ25lZXM6IHN0cmluZztcclxuICAgIEFzc2lnbmVlSW1hZ2U6IHN0cmluZztcclxuICAgIEFzc2lnbmVlTmFtZTogc3RyaW5nO1xyXG4gICAgU3RhdGU6IHN0cmluZztcclxuICAgIFRhZ3M6IHN0cmluZztcclxuICAgIFRhZ05hbWU6IHN0cmluZztcclxuICAgIFRhZ0NvbG9yOiBzdHJpbmc7XHJcbiAgICBQcm9ncmVzc1BlcmNlbnRhZ2U6IHN0cmluZztcclxuICAgIFByb2dyZXNzTGFiZWw6IHN0cmluZztcclxuICAgIENvbW1lbnRzQ291bnQ6IHN0cmluZztcclxuICAgIEF0dGFjaGVzQ291bnQ6IHN0cmluZztcclxufVxyXG4iXX0=

package/esm2022/lib/avatar-group/barsa-avatar-group.component.mjs

@@ -0,0 +1,82 @@
+import { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';
+import { ENTER, ESCAPE, SPACE, TAB } from '@angular/cdk/keycodes';
+import { KeyUtil } from '@fundamental-ngx/core/utils';
+import { AvatarGroupComponent } from '@fundamental-ngx/core';
+import { KanbanBaseComponent } from '../kanban-base/kanban-base.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@fundamental-ngx/core/avatar";
+import * as i2 from "@fundamental-ngx/core/bar";
+import * as i3 from "@fundamental-ngx/core/button";
+import * as i4 from "@fundamental-ngx/core/list";
+import * as i5 from "@fundamental-ngx/core/popover";
+import * as i6 from "barsa-novin-ray-core";
+export class BarsaAvatarGroupComponent extends KanbanBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.visibleFields = [];
+        this.size = 'l';
+        this.personDetails = null;
+        this.overflowPopoverStage = 'main';
+    }
+    get isDetailStage() {
+        return this.overflowPopoverStage === 'detail';
+    }
+    isOpenChanged(isOpened) {
+        if (isOpened) {
+            this.openOverflowMain();
+        }
+    }
+    newItem(newItem) {
+        const exist = this.existedItems.find((item) => item.Id === newItem.Id);
+        if (!exist) {
+            this.existedItems.push(newItem);
+        }
+    }
+    deleteAvatar(idx) {
+        this.existedItems.splice(idx, 1);
+    }
+    openOverflowMain() {
+        this.personDetails = null;
+        this.overflowPopoverStage = 'main';
+        setTimeout(() => this.popoverBodyComponent?._focusFirstTabbableElement(), 0);
+    }
+    handleControlClick(event, popover) {
+        popover.open();
+    }
+    handleControlKeydown(event, popover) {
+        if (!KeyUtil.isKeyCode(event, [ESCAPE, TAB, SPACE, ENTER])) {
+            return;
+        }
+        if (KeyUtil.isKeyCode(event, [ESCAPE, TAB])) {
+            popover.close();
+        }
+        if (KeyUtil.isKeyCode(event, [SPACE, ENTER])) {
+            popover.open();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaAvatarGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaAvatarGroupComponent, selector: "bk-avatar-group", inputs: { existedItems: "existedItems", availableItems: "availableItems", viewSetting: "viewSetting", visibleFields: "visibleFields", addItem: "addItem", size: "size" }, viewQueries: [{ propertyName: "popoverBodyComponent", first: true, predicate: ["overflowPopoverBody"], descendants: true }, { propertyName: "avatarGroupCom", first: true, predicate: AvatarGroupComponent, descendants: true, read: AvatarGroupComponent, static: true }], usesInheritance: true, ngImport: i0, template: "<fd-avatar-group #avatarGroupCom type=\"group\" [size]=\"size\">\r\n    <fd-popover\r\n        [noArrow]=\"false\"\r\n        [focusTrapped]=\"true\"\r\n        [focusAutoCapture]=\"true\"\r\n        [triggers]=\"[]\"\r\n        [closeOnOutsideClick]=\"true\"\r\n        [closeOnEscapeKey]=\"true\"\r\n        (isOpenChange)=\"isOpenChanged($event)\"\r\n        placement=\"bottom\"\r\n        [maxWidth]=\"312\"\r\n        #overflowPopover\r\n    >\r\n        <fd-popover-control\r\n            fd-avatar-group-popover-control\r\n            [attr.aria-label]=\"\r\n                'Has popup type dialog Conjoined avatars, ' +\r\n                ' avatars displayed, ' +\r\n                1 +\r\n                ' avatars hidden, activate for complete list'\r\n            \"\r\n            (click)=\"handleControlClick($event, overflowPopover)\"\r\n            (keydown)=\"handleControlKeydown($event, overflowPopover)\"\r\n        >\r\n            @for (person of existedItems; track person) {\r\n            <div fd-avatar-group-item>\r\n                @if (!person[viewSetting.AssigneeImage]) {\r\n                <fd-avatar\r\n                    [label]=\"person[viewSetting.AssigneeName]\"\r\n                    [title]=\"person[viewSetting.AssigneeName]\"\r\n                    [ariaLabel]=\"person[viewSetting.AssigneeName] + ' avatar'\"\r\n                    role=\"img\"\r\n                    [circle]=\"true\"\r\n                    [border]=\"true\"\r\n                    [size]=\"size\"\r\n                ></fd-avatar>\r\n                } @if (person[viewSetting.AssigneeImage]; as avatar) {\r\n                <fd-avatar\r\n                    role=\"img\"\r\n                    [title]=\"person[viewSetting.AssigneeName]\"\r\n                    [ariaLabel]=\"person[viewSetting.AssigneeName] + ' avatar'\"\r\n                    [circle]=\"true\"\r\n                    [border]=\"true\"\r\n                    [size]=\"size\"\r\n                    [image]=\"(avatar.FileId | picFieldSrc: 'ID':person.Id) || ''\"\r\n                >\r\n                </fd-avatar>\r\n                }\r\n            </div>\r\n            } \r\n            <button fd-button fd-avatar-group-overflow-button tabindex=\"-1\" [compact]=\"false\" [size]=\"size\">\r\n                <bdi fd-avatar-group-overflow-button-text> 1 </bdi>\r\n            </button>\r\n            \r\n        </fd-popover-control>\r\n        <fd-popover-body #overflowPopoverBody aria-labelledby=\"avatar-group-1-popover-header\" role=\"tooltip\">\r\n            <div class=\"fd-popover__wrapper\">\r\n                <div fd-popover-body-header>\r\n                    <div fd-bar barDesign=\"header\">\r\n                        <div fd-bar-left>\r\n                            @if (isDetailStage) {\r\n                            <fd-button-bar\r\n                                (click)=\"openOverflowMain()\"\r\n                                glyph=\"navigation-left-arrow\"\r\n                                fdType=\"transparent\"\r\n                                aria-label=\"Back\"\r\n                                title=\"Back\"\r\n                            ></fd-button-bar>\r\n                            }\r\n                            <fd-bar-element id=\"avatar-group-1-popover-header\">\r\n                                {{ isDetailStage ? 'Business Card' : 'Team Members (' + existedItems?.length + ')' }}\r\n                            </fd-bar-element>\r\n                            @if (isDetailStage) {\r\n                            <fd-bar-element>&nbsp;</fd-bar-element>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div\r\n                    fd-avatar-group-overflow-body\r\n                    [noPadding]=\"isDetailStage\"\r\n                    [noHorizontalScroll]=\"isDetailStage\"\r\n                    [noVerticalScroll]=\"false\"\r\n                >\r\n                    @if (overflowPopoverStage === 'main') { @for (person of existedItems; track person; let idx =\r\n                    $index) {\r\n                    <div fd-avatar-group-overflow-item>\r\n                        <fd-popover [triggers]=\"['click']\">\r\n                            <fd-popover-control>\r\n                                @if (!person[viewSetting.AssigneeImage]) {\r\n                                <fd-avatar\r\n                                    fd-avatar-group-focusable-avatar\r\n                                    [circle]=\"true\"\r\n                                    size=\"s\"\r\n                                    [label]=\"person[viewSetting.AssigneeName]\"\r\n                                    [title]=\"person[viewSetting.AssigneeName]\"\r\n                                    [ariaLabel]=\"person[viewSetting.AssigneeName] + ' avatar'\"\r\n                                    role=\"img\"\r\n                                ></fd-avatar>\r\n                                } @if (person[viewSetting.AssigneeImage]; as avatar) {\r\n                                <fd-avatar\r\n                                    fd-avatar-group-focusable-avatar\r\n                                    role=\"img\"\r\n                                    [title]=\"person[viewSetting.AssigneeName]\"\r\n                                    [ariaLabel]=\"person[viewSetting.AssigneeName] + ' avatar'\"\r\n                                    [circle]=\"true\"\r\n                                    size=\"s\"\r\n                                    [image]=\"(avatar.FileId | picFieldSrc: 'ID':person.Id) || ''\"\r\n                                ></fd-avatar>\r\n                                }\r\n                            </fd-popover-control>\r\n                            <fd-popover-body>\r\n                                <div class=\"avatar-actions\">\r\n                                    <button\r\n                                        fd-button\r\n                                        (click)=\"deleteAvatar(idx)\"\r\n                                        [label]=\"'Delete' | bbbTranslate\"\r\n                                        glyph=\"decline\"\r\n                                    ></button>\r\n                                    <button fd-button [label]=\"'Show' | bbbTranslate\" glyph=\"detail-view\"></button>\r\n                                </div>\r\n                            </fd-popover-body>\r\n                        </fd-popover>\r\n                    </div>\r\n                    } }\r\n                </div>\r\n            </div>\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n</fd-avatar-group>\r\n\r\n@if (addItem) {\r\n<fd-popover\r\n    #peoplePopover\r\n    [triggers]=\"[]\"\r\n    [focusTrapped]=\"false\"\r\n    [closeOnOutsideClick]=\"true\"\r\n    [noArrow]=\"false\"\r\n    placement=\"bottom\"\r\n    [focusAutoCapture]=\"true\"\r\n>\r\n    <fd-popover-control>\r\n        <div>\r\n            <button\r\n                fd-button\r\n                (click)=\"openPopover($event, peoplePopover)\"\r\n                fdType=\"transparent\"\r\n                glyph=\"sys-add\"\r\n            ></button>\r\n        </div>\r\n    </fd-popover-control>\r\n    <fd-popover-body>\r\n        <ul fd-list>\r\n            @for (item of availableItems; track item) {\r\n            <li fd-list-item (click)=\"newItem(item)\">\r\n                @if (visibleFields.length > 0) { @for (field of visibleFields; track field) {\r\n                {{ item[field] }}\r\n                } } @else {\r\n                {{ item }}\r\n                }\r\n            </li>\r\n            }\r\n        </ul>\r\n    </fd-popover-body>\r\n</fd-popover>\r\n}\r\n", styles: [":host{display:flex;align-items:center;column-gap:2px;width:130px}.avatar-actions{display:flex;padding:10px;flex-direction:column;justify-content:center;row-gap:15px;width:100px}\n"], dependencies: [{ kind: "component", type: i1.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i2.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i4.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "component", type: i5.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i5.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i5.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "component", type: i5.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "pipe", type: i6.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i6.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaAvatarGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bk-avatar-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-avatar-group #avatarGroupCom type=\"group\" [size]=\"size\">\r\n    <fd-popover\r\n        [noArrow]=\"false\"\r\n        [focusTrapped]=\"true\"\r\n        [focusAutoCapture]=\"true\"\r\n        [triggers]=\"[]\"\r\n        [closeOnOutsideClick]=\"true\"\r\n        [closeOnEscapeKey]=\"true\"\r\n        (isOpenChange)=\"isOpenChanged($event)\"\r\n        placement=\"bottom\"\r\n        [maxWidth]=\"312\"\r\n        #overflowPopover\r\n    >\r\n        <fd-popover-control\r\n            fd-avatar-group-popover-control\r\n            [attr.aria-label]=\"\r\n                'Has popup type dialog Conjoined avatars, ' +\r\n                ' avatars displayed, ' +\r\n                1 +\r\n                ' avatars hidden, activate for complete list'\r\n            \"\r\n            (click)=\"handleControlClick($event, overflowPopover)\"\r\n            (keydown)=\"handleControlKeydown($event, overflowPopover)\"\r\n        >\r\n            @for (person of existedItems; track person) {\r\n            <div fd-avatar-group-item>\r\n                @if (!person[viewSetting.AssigneeImage]) {\r\n                <fd-avatar\r\n                    [label]=\"person[viewSetting.AssigneeName]\"\r\n                    [title]=\"person[viewSetting.AssigneeName]\"\r\n                    [ariaLabel]=\"person[viewSetting.AssigneeName] + ' avatar'\"\r\n                    role=\"img\"\r\n                    [circle]=\"true\"\r\n                    [border]=\"true\"\r\n                    [size]=\"size\"\r\n                ></fd-avatar>\r\n                } @if (person[viewSetting.AssigneeImage]; as avatar) {\r\n                <fd-avatar\r\n                    role=\"img\"\r\n                    [title]=\"person[viewSetting.AssigneeName]\"\r\n                    [ariaLabel]=\"person[viewSetting.AssigneeName] + ' avatar'\"\r\n                    [circle]=\"true\"\r\n                    [border]=\"true\"\r\n                    [size]=\"size\"\r\n                    [image]=\"(avatar.FileId | picFieldSrc: 'ID':person.Id) || ''\"\r\n                >\r\n                </fd-avatar>\r\n                }\r\n            </div>\r\n            } \r\n            <button fd-button fd-avatar-group-overflow-button tabindex=\"-1\" [compact]=\"false\" [size]=\"size\">\r\n                <bdi fd-avatar-group-overflow-button-text> 1 </bdi>\r\n            </button>\r\n            \r\n        </fd-popover-control>\r\n        <fd-popover-body #overflowPopoverBody aria-labelledby=\"avatar-group-1-popover-header\" role=\"tooltip\">\r\n            <div class=\"fd-popover__wrapper\">\r\n                <div fd-popover-body-header>\r\n                    <div fd-bar barDesign=\"header\">\r\n                        <div fd-bar-left>\r\n                            @if (isDetailStage) {\r\n                            <fd-button-bar\r\n                                (click)=\"openOverflowMain()\"\r\n                                glyph=\"navigation-left-arrow\"\r\n                                fdType=\"transparent\"\r\n                                aria-label=\"Back\"\r\n                                title=\"Back\"\r\n                            ></fd-button-bar>\r\n                            }\r\n                            <fd-bar-element id=\"avatar-group-1-popover-header\">\r\n                                {{ isDetailStage ? 'Business Card' : 'Team Members (' + existedItems?.length + ')' }}\r\n                            </fd-bar-element>\r\n                            @if (isDetailStage) {\r\n                            <fd-bar-element>&nbsp;</fd-bar-element>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div\r\n                    fd-avatar-group-overflow-body\r\n                    [noPadding]=\"isDetailStage\"\r\n                    [noHorizontalScroll]=\"isDetailStage\"\r\n                    [noVerticalScroll]=\"false\"\r\n                >\r\n                    @if (overflowPopoverStage === 'main') { @for (person of existedItems; track person; let idx =\r\n                    $index) {\r\n                    <div fd-avatar-group-overflow-item>\r\n                        <fd-popover [triggers]=\"['click']\">\r\n                            <fd-popover-control>\r\n                                @if (!person[viewSetting.AssigneeImage]) {\r\n                                <fd-avatar\r\n                                    fd-avatar-group-focusable-avatar\r\n                                    [circle]=\"true\"\r\n                                    size=\"s\"\r\n                                    [label]=\"person[viewSetting.AssigneeName]\"\r\n                                    [title]=\"person[viewSetting.AssigneeName]\"\r\n                                    [ariaLabel]=\"person[viewSetting.AssigneeName] + ' avatar'\"\r\n                                    role=\"img\"\r\n                                ></fd-avatar>\r\n                                } @if (person[viewSetting.AssigneeImage]; as avatar) {\r\n                                <fd-avatar\r\n                                    fd-avatar-group-focusable-avatar\r\n                                    role=\"img\"\r\n                                    [title]=\"person[viewSetting.AssigneeName]\"\r\n                                    [ariaLabel]=\"person[viewSetting.AssigneeName] + ' avatar'\"\r\n                                    [circle]=\"true\"\r\n                                    size=\"s\"\r\n                                    [image]=\"(avatar.FileId | picFieldSrc: 'ID':person.Id) || ''\"\r\n                                ></fd-avatar>\r\n                                }\r\n                            </fd-popover-control>\r\n                            <fd-popover-body>\r\n                                <div class=\"avatar-actions\">\r\n                                    <button\r\n                                        fd-button\r\n                                        (click)=\"deleteAvatar(idx)\"\r\n                                        [label]=\"'Delete' | bbbTranslate\"\r\n                                        glyph=\"decline\"\r\n                                    ></button>\r\n                                    <button fd-button [label]=\"'Show' | bbbTranslate\" glyph=\"detail-view\"></button>\r\n                                </div>\r\n                            </fd-popover-body>\r\n                        </fd-popover>\r\n                    </div>\r\n                    } }\r\n                </div>\r\n            </div>\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n</fd-avatar-group>\r\n\r\n@if (addItem) {\r\n<fd-popover\r\n    #peoplePopover\r\n    [triggers]=\"[]\"\r\n    [focusTrapped]=\"false\"\r\n    [closeOnOutsideClick]=\"true\"\r\n    [noArrow]=\"false\"\r\n    placement=\"bottom\"\r\n    [focusAutoCapture]=\"true\"\r\n>\r\n    <fd-popover-control>\r\n        <div>\r\n            <button\r\n                fd-button\r\n                (click)=\"openPopover($event, peoplePopover)\"\r\n                fdType=\"transparent\"\r\n                glyph=\"sys-add\"\r\n            ></button>\r\n        </div>\r\n    </fd-popover-control>\r\n    <fd-popover-body>\r\n        <ul fd-list>\r\n            @for (item of availableItems; track item) {\r\n            <li fd-list-item (click)=\"newItem(item)\">\r\n                @if (visibleFields.length > 0) { @for (field of visibleFields; track field) {\r\n                {{ item[field] }}\r\n                } } @else {\r\n                {{ item }}\r\n                }\r\n            </li>\r\n            }\r\n        </ul>\r\n    </fd-popover-body>\r\n</fd-popover>\r\n}\r\n", styles: [":host{display:flex;align-items:center;column-gap:2px;width:130px}.avatar-actions{display:flex;padding:10px;flex-direction:column;justify-content:center;row-gap:15px;width:100px}\n"] }]
+        }], propDecorators: { popoverBodyComponent: [{
+                type: ViewChild,
+                args: ['overflowPopoverBody']
+            }], avatarGroupCom: [{
+                type: ViewChild,
+                args: [AvatarGroupComponent, { static: true, read: AvatarGroupComponent }]
+            }], existedItems: [{
+                type: Input
+            }], availableItems: [{
+                type: Input
+            }], viewSetting: [{
+                type: Input
+            }], visibleFields: [{
+                type: Input
+            }], addItem: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtYXZhdGFyLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLWthbmJhbi9zcmMvbGliL2F2YXRhci1ncm91cC9iYXJzYS1hdmF0YXItZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Eta2FuYmFuL3NyYy9saWIvYXZhdGFyLWdyb3VwL2JhcnNhLWF2YXRhci1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFckYsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxPQUFPLEVBQVEsTUFBTSw2QkFBNkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsb0JBQW9CLEVBQTBDLE1BQU0sdUJBQXVCLENBQUM7QUFDckcsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7Ozs7Ozs7O0FBVTNFLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxtQkFBbUI7SUFObEU7O1FBYWEsa0JBQWEsR0FBYSxFQUFFLENBQUM7UUFFN0IsU0FBSSxHQUFTLEdBQUcsQ0FBQztRQUUxQixrQkFBYSxHQUFRLElBQUksQ0FBQztRQUMxQix5QkFBb0IsR0FBc0IsTUFBTSxDQUFDO0tBK0NwRDtJQTdDRyxJQUFJLGFBQWE7UUFDYixPQUFPLElBQUksQ0FBQyxvQkFBb0IsS0FBSyxRQUFRLENBQUM7SUFDbEQsQ0FBQztJQUVELGFBQWEsQ0FBQyxRQUFpQjtRQUMzQixJQUFJLFFBQVEsRUFBRSxDQUFDO1lBQ1gsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDNUIsQ0FBQztJQUNMLENBQUM7SUFFRCxPQUFPLENBQUMsT0FBTztRQUNYLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLE9BQU8sQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN2RSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNwQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFlBQVksQ0FBQyxHQUFXO1FBQ3BCLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsZ0JBQWdCO1FBQ1osSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7UUFDMUIsSUFBSSxDQUFDLG9CQUFvQixHQUFHLE1BQU0sQ0FBQztRQUVuQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLG9CQUFvQixFQUFFLDBCQUEwQixFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDakYsQ0FBQztJQUVELGtCQUFrQixDQUFDLEtBQWlCLEVBQUUsT0FBeUI7UUFDM0QsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxLQUFvQixFQUFFLE9BQXlCO1FBQ2hFLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUN6RCxPQUFPO1FBQ1gsQ0FBQztRQUVELElBQUksT0FBTyxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLEVBQUUsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQzFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNwQixDQUFDO1FBRUQsSUFBSSxPQUFPLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDM0MsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ25CLENBQUM7SUFDTCxDQUFDOzhHQTFEUSx5QkFBeUI7a0dBQXpCLHlCQUF5QiwrWEFHdkIsb0JBQW9CLDJCQUF3QixvQkFBb0Isa0VDbEIvRSxpa1BBdUtBOzsyRkR4SmEseUJBQXlCO2tCQU5yQyxTQUFTOytCQUNJLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNOzhCQUkvQyxvQkFBb0I7c0JBRG5CLFNBQVM7dUJBQUMscUJBQXFCO2dCQUUrQyxjQUFjO3NCQUE1RixTQUFTO3VCQUFDLG9CQUFvQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsb0JBQW9CLEVBQUU7Z0JBQ3BFLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IEVOVEVSLCBFU0NBUEUsIFNQQUNFLCBUQUIgfSBmcm9tICdAYW5ndWxhci9jZGsva2V5Y29kZXMnO1xyXG5pbXBvcnQgeyBLZXlVdGlsLCBTaXplIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL3V0aWxzJztcclxuaW1wb3J0IHsgQXZhdGFyR3JvdXBDb21wb25lbnQsIFBvcG92ZXJCb2R5Q29tcG9uZW50LCBQb3BvdmVyQ29tcG9uZW50IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlJztcclxuaW1wb3J0IHsgS2FuYmFuQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uL2thbmJhbi1iYXNlL2thbmJhbi1iYXNlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IE1ldGFvYmplY3REYXRhTW9kZWwgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XHJcbmltcG9ydCB7IEthbmJhblZpZXdTZXR0aW5nIH0gZnJvbSAnLi4vTW9kZWxzL2thbmJhbi12aWV3LXNldHRpbmcuaW50ZXJmYWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdiay1hdmF0YXItZ3JvdXAnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JhcnNhLWF2YXRhci1ncm91cC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9iYXJzYS1hdmF0YXItZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYXJzYUF2YXRhckdyb3VwQ29tcG9uZW50IGV4dGVuZHMgS2FuYmFuQmFzZUNvbXBvbmVudCB7XHJcbiAgICBAVmlld0NoaWxkKCdvdmVyZmxvd1BvcG92ZXJCb2R5JylcclxuICAgIHBvcG92ZXJCb2R5Q29tcG9uZW50OiBQb3BvdmVyQm9keUNvbXBvbmVudDtcclxuICAgIEBWaWV3Q2hpbGQoQXZhdGFyR3JvdXBDb21wb25lbnQsIHsgc3RhdGljOiB0cnVlLCByZWFkOiBBdmF0YXJHcm91cENvbXBvbmVudCB9KSBhdmF0YXJHcm91cENvbTogQXZhdGFyR3JvdXBDb21wb25lbnQ7XHJcbiAgICBASW5wdXQoKSBleGlzdGVkSXRlbXM6IE1ldGFvYmplY3REYXRhTW9kZWxbXTtcclxuICAgIEBJbnB1dCgpIGF2YWlsYWJsZUl0ZW1zOiBNZXRhb2JqZWN0RGF0YU1vZGVsW107XHJcbiAgICBASW5wdXQoKSB2aWV3U2V0dGluZzogS2FuYmFuVmlld1NldHRpbmc7XHJcbiAgICBASW5wdXQoKSB2aXNpYmxlRmllbGRzOiBzdHJpbmdbXSA9IFtdO1xyXG4gICAgQElucHV0KCkgYWRkSXRlbTogYm9vbGVhbjtcclxuICAgIEBJbnB1dCgpIHNpemU6IFNpemUgPSAnbCc7XHJcblxyXG4gICAgcGVyc29uRGV0YWlsczogYW55ID0gbnVsbDtcclxuICAgIG92ZXJmbG93UG9wb3ZlclN0YWdlOiAnbWFpbicgfCAnZGV0YWlsJyA9ICdtYWluJztcclxuICAgIG92ZXJmbG93SXRlbXNDb3VudDtcclxuICAgIGdldCBpc0RldGFpbFN0YWdlKCk6IGJvb2xlYW4ge1xyXG4gICAgICAgIHJldHVybiB0aGlzLm92ZXJmbG93UG9wb3ZlclN0YWdlID09PSAnZGV0YWlsJztcclxuICAgIH1cclxuXHJcbiAgICBpc09wZW5DaGFuZ2VkKGlzT3BlbmVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKGlzT3BlbmVkKSB7XHJcbiAgICAgICAgICAgIHRoaXMub3Blbk92ZXJmbG93TWFpbigpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBuZXdJdGVtKG5ld0l0ZW0pOiB2b2lkIHtcclxuICAgICAgICBjb25zdCBleGlzdCA9IHRoaXMuZXhpc3RlZEl0ZW1zLmZpbmQoKGl0ZW0pID0+IGl0ZW0uSWQgPT09IG5ld0l0ZW0uSWQpO1xyXG4gICAgICAgIGlmICghZXhpc3QpIHtcclxuICAgICAgICAgICAgdGhpcy5leGlzdGVkSXRlbXMucHVzaChuZXdJdGVtKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgZGVsZXRlQXZhdGFyKGlkeDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5leGlzdGVkSXRlbXMuc3BsaWNlKGlkeCwgMSk7XHJcbiAgICB9XHJcblxyXG4gICAgb3Blbk92ZXJmbG93TWFpbigpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnBlcnNvbkRldGFpbHMgPSBudWxsO1xyXG4gICAgICAgIHRoaXMub3ZlcmZsb3dQb3BvdmVyU3RhZ2UgPSAnbWFpbic7XHJcblxyXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5wb3BvdmVyQm9keUNvbXBvbmVudD8uX2ZvY3VzRmlyc3RUYWJiYWJsZUVsZW1lbnQoKSwgMCk7XHJcbiAgICB9XHJcblxyXG4gICAgaGFuZGxlQ29udHJvbENsaWNrKGV2ZW50OiBNb3VzZUV2ZW50LCBwb3BvdmVyOiBQb3BvdmVyQ29tcG9uZW50KTogdm9pZCB7XHJcbiAgICAgICAgcG9wb3Zlci5vcGVuKCk7XHJcbiAgICB9XHJcblxyXG4gICAgaGFuZGxlQ29udHJvbEtleWRvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQsIHBvcG92ZXI6IFBvcG92ZXJDb21wb25lbnQpOiB2b2lkIHtcclxuICAgICAgICBpZiAoIUtleVV0aWwuaXNLZXlDb2RlKGV2ZW50LCBbRVNDQVBFLCBUQUIsIFNQQUNFLCBFTlRFUl0pKSB7XHJcbiAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGlmIChLZXlVdGlsLmlzS2V5Q29kZShldmVudCwgW0VTQ0FQRSwgVEFCXSkpIHtcclxuICAgICAgICAgICAgcG9wb3Zlci5jbG9zZSgpO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgaWYgKEtleVV0aWwuaXNLZXlDb2RlKGV2ZW50LCBbU1BBQ0UsIEVOVEVSXSkpIHtcclxuICAgICAgICAgICAgcG9wb3Zlci5vcGVuKCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiIsIjxmZC1hdmF0YXItZ3JvdXAgI2F2YXRhckdyb3VwQ29tIHR5cGU9XCJncm91cFwiIFtzaXplXT1cInNpemVcIj5cclxuICAgIDxmZC1wb3BvdmVyXHJcbiAgICAgICAgW25vQXJyb3ddPVwiZmFsc2VcIlxyXG4gICAgICAgIFtmb2N1c1RyYXBwZWRdPVwidHJ1ZVwiXHJcbiAgICAgICAgW2ZvY3VzQXV0b0NhcHR1cmVdPVwidHJ1ZVwiXHJcbiAgICAgICAgW3RyaWdnZXJzXT1cIltdXCJcclxuICAgICAgICBbY2xvc2VPbk91dHNpZGVDbGlja109XCJ0cnVlXCJcclxuICAgICAgICBbY2xvc2VPbkVzY2FwZUtleV09XCJ0cnVlXCJcclxuICAgICAgICAoaXNPcGVuQ2hhbmdlKT1cImlzT3BlbkNoYW5nZWQoJGV2ZW50KVwiXHJcbiAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcclxuICAgICAgICBbbWF4V2lkdGhdPVwiMzEyXCJcclxuICAgICAgICAjb3ZlcmZsb3dQb3BvdmVyXHJcbiAgICA+XHJcbiAgICAgICAgPGZkLXBvcG92ZXItY29udHJvbFxyXG4gICAgICAgICAgICBmZC1hdmF0YXItZ3JvdXAtcG9wb3Zlci1jb250cm9sXHJcbiAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiXHJcbiAgICAgICAgICAgICAgICAnSGFzIHBvcHVwIHR5cGUgZGlhbG9nIENvbmpvaW5lZCBhdmF0YXJzLCAnICtcclxuICAgICAgICAgICAgICAgICcgYXZhdGFycyBkaXNwbGF5ZWQsICcgK1xyXG4gICAgICAgICAgICAgICAgMSArXHJcbiAgICAgICAgICAgICAgICAnIGF2YXRhcnMgaGlkZGVuLCBhY3RpdmF0ZSBmb3IgY29tcGxldGUgbGlzdCdcclxuICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgKGNsaWNrKT1cImhhbmRsZUNvbnRyb2xDbGljaygkZXZlbnQsIG92ZXJmbG93UG9wb3ZlcilcIlxyXG4gICAgICAgICAgICAoa2V5ZG93bik9XCJoYW5kbGVDb250cm9sS2V5ZG93bigkZXZlbnQsIG92ZXJmbG93UG9wb3ZlcilcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgICAgQGZvciAocGVyc29uIG9mIGV4aXN0ZWRJdGVtczsgdHJhY2sgcGVyc29uKSB7XHJcbiAgICAgICAgICAgIDxkaXYgZmQtYXZhdGFyLWdyb3VwLWl0ZW0+XHJcbiAgICAgICAgICAgICAgICBAaWYgKCFwZXJzb25bdmlld1NldHRpbmcuQXNzaWduZWVJbWFnZV0pIHtcclxuICAgICAgICAgICAgICAgIDxmZC1hdmF0YXJcclxuICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwicGVyc29uW3ZpZXdTZXR0aW5nLkFzc2lnbmVlTmFtZV1cIlxyXG4gICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJwZXJzb25bdmlld1NldHRpbmcuQXNzaWduZWVOYW1lXVwiXHJcbiAgICAgICAgICAgICAgICAgICAgW2FyaWFMYWJlbF09XCJwZXJzb25bdmlld1NldHRpbmcuQXNzaWduZWVOYW1lXSArICcgYXZhdGFyJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgcm9sZT1cImltZ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgW2NpcmNsZV09XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgICAgICBbYm9yZGVyXT1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtzaXplXT1cInNpemVcIlxyXG4gICAgICAgICAgICAgICAgPjwvZmQtYXZhdGFyPlxyXG4gICAgICAgICAgICAgICAgfSBAaWYgKHBlcnNvblt2aWV3U2V0dGluZy5Bc3NpZ25lZUltYWdlXTsgYXMgYXZhdGFyKSB7XHJcbiAgICAgICAgICAgICAgICA8ZmQtYXZhdGFyXHJcbiAgICAgICAgICAgICAgICAgICAgcm9sZT1cImltZ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgW3RpdGxlXT1cInBlcnNvblt2aWV3U2V0dGluZy5Bc3NpZ25lZU5hbWVdXCJcclxuICAgICAgICAgICAgICAgICAgICBbYXJpYUxhYmVsXT1cInBlcnNvblt2aWV3U2V0dGluZy5Bc3NpZ25lZU5hbWVdICsgJyBhdmF0YXInXCJcclxuICAgICAgICAgICAgICAgICAgICBbY2lyY2xlXT1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtib3JkZXJdPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgW3NpemVdPVwic2l6ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgW2ltYWdlXT1cIihhdmF0YXIuRmlsZUlkIHwgcGljRmllbGRTcmM6ICdJRCc6cGVyc29uLklkKSB8fCAnJ1wiXHJcbiAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8L2ZkLWF2YXRhcj5cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIH0gXHJcbiAgICAgICAgICAgIDxidXR0b24gZmQtYnV0dG9uIGZkLWF2YXRhci1ncm91cC1vdmVyZmxvdy1idXR0b24gdGFiaW5kZXg9XCItMVwiIFtjb21wYWN0XT1cImZhbHNlXCIgW3NpemVdPVwic2l6ZVwiPlxyXG4gICAgICAgICAgICAgICAgPGJkaSBmZC1hdmF0YXItZ3JvdXAtb3ZlcmZsb3ctYnV0dG9uLXRleHQ+IDEgPC9iZGk+XHJcbiAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICBcclxuICAgICAgICA8L2ZkLXBvcG92ZXItY29udHJvbD5cclxuICAgICAgICA8ZmQtcG9wb3Zlci1ib2R5ICNvdmVyZmxvd1BvcG92ZXJCb2R5IGFyaWEtbGFiZWxsZWRieT1cImF2YXRhci1ncm91cC0xLXBvcG92ZXItaGVhZGVyXCIgcm9sZT1cInRvb2x0aXBcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZkLXBvcG92ZXJfX3dyYXBwZXJcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgZmQtcG9wb3Zlci1ib2R5LWhlYWRlcj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGZkLWJhciBiYXJEZXNpZ249XCJoZWFkZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBmZC1iYXItbGVmdD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoaXNEZXRhaWxTdGFnZSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGZkLWJ1dHRvbi1iYXJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib3Blbk92ZXJmbG93TWFpbigpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBnbHlwaD1cIm5hdmlnYXRpb24tbGVmdC1hcnJvd1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJCYWNrXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aXRsZT1cIkJhY2tcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvZmQtYnV0dG9uLWJhcj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZC1iYXItZWxlbWVudCBpZD1cImF2YXRhci1ncm91cC0xLXBvcG92ZXItaGVhZGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgaXNEZXRhaWxTdGFnZSA/ICdCdXNpbmVzcyBDYXJkJyA6ICdUZWFtIE1lbWJlcnMgKCcgKyBleGlzdGVkSXRlbXM/Lmxlbmd0aCArICcpJyB9fVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9mZC1iYXItZWxlbWVudD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoaXNEZXRhaWxTdGFnZSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGZkLWJhci1lbGVtZW50PiZuYnNwOzwvZmQtYmFyLWVsZW1lbnQ+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICAgIGZkLWF2YXRhci1ncm91cC1vdmVyZmxvdy1ib2R5XHJcbiAgICAgICAgICAgICAgICAgICAgW25vUGFkZGluZ109XCJpc0RldGFpbFN0YWdlXCJcclxuICAgICAgICAgICAgICAgICAgICBbbm9Ib3Jpem9udGFsU2Nyb2xsXT1cImlzRGV0YWlsU3RhZ2VcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtub1ZlcnRpY2FsU2Nyb2xsXT1cImZhbHNlXCJcclxuICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICBAaWYgKG92ZXJmbG93UG9wb3ZlclN0YWdlID09PSAnbWFpbicpIHsgQGZvciAocGVyc29uIG9mIGV4aXN0ZWRJdGVtczsgdHJhY2sgcGVyc29uOyBsZXQgaWR4ID1cclxuICAgICAgICAgICAgICAgICAgICAkaW5kZXgpIHtcclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGZkLWF2YXRhci1ncm91cC1vdmVyZmxvdy1pdGVtPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZmQtcG9wb3ZlciBbdHJpZ2dlcnNdPVwiWydjbGljayddXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZmQtcG9wb3Zlci1jb250cm9sPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoIXBlcnNvblt2aWV3U2V0dGluZy5Bc3NpZ25lZUltYWdlXSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZC1hdmF0YXJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmQtYXZhdGFyLWdyb3VwLWZvY3VzYWJsZS1hdmF0YXJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NpcmNsZV09XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwicGVyc29uW3ZpZXdTZXR0aW5nLkFzc2lnbmVlTmFtZV1cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdGl0bGVdPVwicGVyc29uW3ZpZXdTZXR0aW5nLkFzc2lnbmVlTmFtZV1cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbYXJpYUxhYmVsXT1cInBlcnNvblt2aWV3U2V0dGluZy5Bc3NpZ25lZU5hbWVdICsgJyBhdmF0YXInXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcm9sZT1cImltZ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvZmQtYXZhdGFyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gQGlmIChwZXJzb25bdmlld1NldHRpbmcuQXNzaWduZWVJbWFnZV07IGFzIGF2YXRhcikge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZC1hdmF0YXJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmQtYXZhdGFyLWdyb3VwLWZvY3VzYWJsZS1hdmF0YXJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcm9sZT1cImltZ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJwZXJzb25bdmlld1NldHRpbmcuQXNzaWduZWVOYW1lXVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthcmlhTGFiZWxdPVwicGVyc29uW3ZpZXdTZXR0aW5nLkFzc2lnbmVlTmFtZV0gKyAnIGF2YXRhcidcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY2lyY2xlXT1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpbWFnZV09XCIoYXZhdGFyLkZpbGVJZCB8IHBpY0ZpZWxkU3JjOiAnSUQnOnBlcnNvbi5JZCkgfHwgJydcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L2ZkLWF2YXRhcj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2ZkLXBvcG92ZXItY29udHJvbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZC1wb3BvdmVyLWJvZHk+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImF2YXRhci1hY3Rpb25zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b25cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZkLWJ1dHRvblxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImRlbGV0ZUF2YXRhcihpZHgpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCInRGVsZXRlJyB8IGJiYlRyYW5zbGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBnbHlwaD1cImRlY2xpbmVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+PC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gZmQtYnV0dG9uIFtsYWJlbF09XCInU2hvdycgfCBiYmJUcmFuc2xhdGVcIiBnbHlwaD1cImRldGFpbC12aWV3XCI+PC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2ZkLXBvcG92ZXItYm9keT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9mZC1wb3BvdmVyPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIH0gfVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZmQtcG9wb3Zlci1ib2R5PlxyXG4gICAgPC9mZC1wb3BvdmVyPlxyXG48L2ZkLWF2YXRhci1ncm91cD5cclxuXHJcbkBpZiAoYWRkSXRlbSkge1xyXG48ZmQtcG9wb3ZlclxyXG4gICAgI3Blb3BsZVBvcG92ZXJcclxuICAgIFt0cmlnZ2Vyc109XCJbXVwiXHJcbiAgICBbZm9jdXNUcmFwcGVkXT1cImZhbHNlXCJcclxuICAgIFtjbG9zZU9uT3V0c2lkZUNsaWNrXT1cInRydWVcIlxyXG4gICAgW25vQXJyb3ddPVwiZmFsc2VcIlxyXG4gICAgcGxhY2VtZW50PVwiYm90dG9tXCJcclxuICAgIFtmb2N1c0F1dG9DYXB0dXJlXT1cInRydWVcIlxyXG4+XHJcbiAgICA8ZmQtcG9wb3Zlci1jb250cm9sPlxyXG4gICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgIDxidXR0b25cclxuICAgICAgICAgICAgICAgIGZkLWJ1dHRvblxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9wZW5Qb3BvdmVyKCRldmVudCwgcGVvcGxlUG9wb3ZlcilcIlxyXG4gICAgICAgICAgICAgICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxyXG4gICAgICAgICAgICAgICAgZ2x5cGg9XCJzeXMtYWRkXCJcclxuICAgICAgICAgICAgPjwvYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9mZC1wb3BvdmVyLWNvbnRyb2w+XHJcbiAgICA8ZmQtcG9wb3Zlci1ib2R5PlxyXG4gICAgICAgIDx1bCBmZC1saXN0PlxyXG4gICAgICAgICAgICBAZm9yIChpdGVtIG9mIGF2YWlsYWJsZUl0ZW1zOyB0cmFjayBpdGVtKSB7XHJcbiAgICAgICAgICAgIDxsaSBmZC1saXN0LWl0ZW0gKGNsaWNrKT1cIm5ld0l0ZW0oaXRlbSlcIj5cclxuICAgICAgICAgICAgICAgIEBpZiAodmlzaWJsZUZpZWxkcy5sZW5ndGggPiAwKSB7IEBmb3IgKGZpZWxkIG9mIHZpc2libGVGaWVsZHM7IHRyYWNrIGZpZWxkKSB7XHJcbiAgICAgICAgICAgICAgICB7eyBpdGVtW2ZpZWxkXSB9fVxyXG4gICAgICAgICAgICAgICAgfSB9IEBlbHNlIHtcclxuICAgICAgICAgICAgICAgIHt7IGl0ZW0gfX1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIDwvdWw+XHJcbiAgICA8L2ZkLXBvcG92ZXItYm9keT5cclxuPC9mZC1wb3BvdmVyPlxyXG59XHJcbiJdfQ==

package/esm2022/lib/barsa-kanban.module.mjs

@@ -0,0 +1,79 @@
+import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BarsaNovinRayCoreModule, BaseModule } from 'barsa-novin-ray-core';
+import { KanbanViewComponent } from './kanban-view/kanban-view.component';
+import { FundamentalNgxCoreModule } from '@fundamental-ngx/core';
+import { BarsaAvatarGroupComponent } from './avatar-group/barsa-avatar-group.component';
+import { BarsaEchartsModule } from 'barsa-echarts';
+import { FormsModule } from '@angular/forms';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { KanbanCardComponent } from './kanban-card/kanban-card.component';
+import { KanbanTagsComponent } from './kanban-tags/kanban-tags.component';
+import { KanbanBaseComponent } from './kanban-base/kanban-base.component';
+import { HttpClientModule } from '@angular/common/http';
+import { BarsaSapUiModule } from 'barsa-sap-ui';
+import { PlatformMenuModule } from '@fundamental-ngx/platform';
+import * as i0 from "@angular/core";
+import * as i1 from "barsa-novin-ray-core";
+const components = [
+    KanbanViewComponent,
+    BarsaAvatarGroupComponent,
+    KanbanCardComponent,
+    KanbanTagsComponent,
+    KanbanBaseComponent
+];
+export class BarsaKanbanModule extends BaseModule {
+    constructor(dcm, componentFactoryResolver) {
+        super(dcm, componentFactoryResolver, 'BarsaKanbanModule');
+        this.dcm = dcm;
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.dynamicComponents = [...components];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaKanbanModule, deps: [{ token: i1.DynamicComponentService }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.5", ngImport: i0, type: BarsaKanbanModule, declarations: [KanbanViewComponent,
+            BarsaAvatarGroupComponent,
+            KanbanCardComponent,
+            KanbanTagsComponent,
+            KanbanBaseComponent], imports: [CommonModule,
+            BarsaNovinRayCoreModule,
+            FundamentalNgxCoreModule,
+            PlatformMenuModule,
+            BarsaEchartsModule,
+            BarsaSapUiModule,
+            FormsModule,
+            DragDropModule,
+            HttpClientModule], exports: [KanbanViewComponent,
+            BarsaAvatarGroupComponent,
+            KanbanCardComponent,
+            KanbanTagsComponent,
+            KanbanBaseComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaKanbanModule, imports: [CommonModule,
+            BarsaNovinRayCoreModule,
+            FundamentalNgxCoreModule,
+            PlatformMenuModule,
+            BarsaEchartsModule,
+            BarsaSapUiModule,
+            FormsModule,
+            DragDropModule,
+            HttpClientModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaKanbanModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...components],
+                    schemas: [NO_ERRORS_SCHEMA],
+                    imports: [
+                        CommonModule,
+                        BarsaNovinRayCoreModule,
+                        FundamentalNgxCoreModule,
+                        PlatformMenuModule,
+                        BarsaEchartsModule,
+                        BarsaSapUiModule,
+                        FormsModule,
+                        DragDropModule,
+                        HttpClientModule
+                    ],
+                    exports: [...components]
+                }]
+        }], ctorParameters: () => [{ type: i1.DynamicComponentService }, { type: i0.ComponentFactoryResolver }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2Eta2FuYmFuLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLWthbmJhbi9zcmMvbGliL2JhcnNhLWthbmJhbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE0QixRQUFRLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxVQUFVLEVBQTJCLE1BQU0sc0JBQXNCLENBQUM7QUFDcEcsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDakUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFFeEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ2hELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUFFL0QsTUFBTSxVQUFVLEdBQUc7SUFDZixtQkFBbUI7SUFDbkIseUJBQXlCO0lBQ3pCLG1CQUFtQjtJQUNuQixtQkFBbUI7SUFDbkIsbUJBQW1CO0NBQ3RCLENBQUM7QUFrQkYsTUFBTSxPQUFPLGlCQUFrQixTQUFRLFVBQVU7SUFHN0MsWUFBc0IsR0FBNEIsRUFBWSx3QkFBa0Q7UUFDNUcsS0FBSyxDQUFDLEdBQUcsRUFBRSx3QkFBd0IsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO1FBRHhDLFFBQUcsR0FBSCxHQUFHLENBQXlCO1FBQVksNkJBQXdCLEdBQXhCLHdCQUF3QixDQUEwQjtRQUZ0RyxzQkFBaUIsR0FBRyxDQUFDLEdBQUcsVUFBVSxDQUFDLENBQUM7SUFJOUMsQ0FBQzs4R0FMUSxpQkFBaUI7K0dBQWpCLGlCQUFpQixpQkF2QjFCLG1CQUFtQjtZQUNuQix5QkFBeUI7WUFDekIsbUJBQW1CO1lBQ25CLG1CQUFtQjtZQUNuQixtQkFBbUIsYUFPZixZQUFZO1lBQ1osdUJBQXVCO1lBQ3ZCLHdCQUF3QjtZQUN4QixrQkFBa0I7WUFDbEIsa0JBQWtCO1lBQ2xCLGdCQUFnQjtZQUNoQixXQUFXO1lBQ1gsY0FBYztZQUNkLGdCQUFnQixhQW5CcEIsbUJBQW1CO1lBQ25CLHlCQUF5QjtZQUN6QixtQkFBbUI7WUFDbkIsbUJBQW1CO1lBQ25CLG1CQUFtQjsrR0FtQlYsaUJBQWlCLFlBWnRCLFlBQVk7WUFDWix1QkFBdUI7WUFDdkIsd0JBQXdCO1lBQ3hCLGtCQUFrQjtZQUNsQixrQkFBa0I7WUFDbEIsZ0JBQWdCO1lBQ2hCLFdBQVc7WUFDWCxjQUFjO1lBQ2QsZ0JBQWdCOzsyRkFJWCxpQkFBaUI7a0JBaEI3QixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLEdBQUcsVUFBVSxDQUFDO29CQUM3QixPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDM0IsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osdUJBQXVCO3dCQUN2Qix3QkFBd0I7d0JBQ3hCLGtCQUFrQjt3QkFDbEIsa0JBQWtCO3dCQUNsQixnQkFBZ0I7d0JBQ2hCLFdBQVc7d0JBQ1gsY0FBYzt3QkFDZCxnQkFBZ0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRSxDQUFDLEdBQUcsVUFBVSxDQUFDO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudEZhY3RvcnlSZXNvbHZlciwgTmdNb2R1bGUsIE5PX0VSUk9SU19TQ0hFTUEgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQmFyc2FOb3ZpblJheUNvcmVNb2R1bGUsIEJhc2VNb2R1bGUsIER5bmFtaWNDb21wb25lbnRTZXJ2aWNlIH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xyXG5pbXBvcnQgeyBLYW5iYW5WaWV3Q29tcG9uZW50IH0gZnJvbSAnLi9rYW5iYW4tdmlldy9rYW5iYW4tdmlldy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBGdW5kYW1lbnRhbE5neENvcmVNb2R1bGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUnO1xyXG5pbXBvcnQgeyBCYXJzYUF2YXRhckdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi9hdmF0YXItZ3JvdXAvYmFyc2EtYXZhdGFyLWdyb3VwLmNvbXBvbmVudCc7XHJcblxyXG5pbXBvcnQgeyBCYXJzYUVjaGFydHNNb2R1bGUgfSBmcm9tICdiYXJzYS1lY2hhcnRzJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IERyYWdEcm9wTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XHJcbmltcG9ydCB7IEthbmJhbkNhcmRDb21wb25lbnQgfSBmcm9tICcuL2thbmJhbi1jYXJkL2thbmJhbi1jYXJkLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEthbmJhblRhZ3NDb21wb25lbnQgfSBmcm9tICcuL2thbmJhbi10YWdzL2thbmJhbi10YWdzLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEthbmJhbkJhc2VDb21wb25lbnQgfSBmcm9tICcuL2thbmJhbi1iYXNlL2thbmJhbi1iYXNlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEh0dHBDbGllbnRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XHJcbmltcG9ydCB7IEJhcnNhU2FwVWlNb2R1bGUgfSBmcm9tICdiYXJzYS1zYXAtdWknO1xyXG5pbXBvcnQgeyBQbGF0Zm9ybU1lbnVNb2R1bGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L3BsYXRmb3JtJztcclxuXHJcbmNvbnN0IGNvbXBvbmVudHMgPSBbXHJcbiAgICBLYW5iYW5WaWV3Q29tcG9uZW50LFxyXG4gICAgQmFyc2FBdmF0YXJHcm91cENvbXBvbmVudCxcclxuICAgIEthbmJhbkNhcmRDb21wb25lbnQsXHJcbiAgICBLYW5iYW5UYWdzQ29tcG9uZW50LFxyXG4gICAgS2FuYmFuQmFzZUNvbXBvbmVudFxyXG5dO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICAgIGRlY2xhcmF0aW9uczogWy4uLmNvbXBvbmVudHNdLFxyXG4gICAgc2NoZW1hczogW05PX0VSUk9SU19TQ0hFTUFdLFxyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIENvbW1vbk1vZHVsZSxcclxuICAgICAgICBCYXJzYU5vdmluUmF5Q29yZU1vZHVsZSxcclxuICAgICAgICBGdW5kYW1lbnRhbE5neENvcmVNb2R1bGUsICAgICAgICBcclxuICAgICAgICBQbGF0Zm9ybU1lbnVNb2R1bGUsXHJcbiAgICAgICAgQmFyc2FFY2hhcnRzTW9kdWxlLFxyXG4gICAgICAgIEJhcnNhU2FwVWlNb2R1bGUsXHJcbiAgICAgICAgRm9ybXNNb2R1bGUsXHJcbiAgICAgICAgRHJhZ0Ryb3BNb2R1bGUsXHJcbiAgICAgICAgSHR0cENsaWVudE1vZHVsZVxyXG4gICAgXSxcclxuICAgIGV4cG9ydHM6IFsuLi5jb21wb25lbnRzXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQmFyc2FLYW5iYW5Nb2R1bGUgZXh0ZW5kcyBCYXNlTW9kdWxlIHtcclxuICAgIHByb3RlY3RlZCBkeW5hbWljQ29tcG9uZW50cyA9IFsuLi5jb21wb25lbnRzXTtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZGNtOiBEeW5hbWljQ29tcG9uZW50U2VydmljZSwgcHJvdGVjdGVkIGNvbXBvbmVudEZhY3RvcnlSZXNvbHZlcjogQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyKSB7XHJcbiAgICAgICAgc3VwZXIoZGNtLCBjb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsICdCYXJzYUthbmJhbk1vZHVsZScpO1xyXG4gICAgfVxyXG59XHJcbiJdfQ==

package/{esm2020 → esm2022}/lib/kanban-base/kanban-base.component.mjs

@@ -1,20 +1,20 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { BaseComponent } from 'barsa-novin-ray-core';
-import * as i0 from "@angular/core";
-export class KanbanBaseComponent extends BaseComponent {
-    openPopover(e, popover) {
-        e.stopPropagation();
-        e.preventDefault();
-        popover.toggle();
-    }
-    closePopover(popover) {
-        popover.close();
-    }
-}
-KanbanBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: KanbanBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-KanbanBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: KanbanBaseComponent, selector: "bk-kanban-base", usesInheritance: true, ngImport: i0, template: "<p>kanban-base works!</p>\r\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: KanbanBaseComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bk-kanban-base', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p>kanban-base works!</p>\r\n" }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2FuYmFuLWJhc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Eta2FuYmFuL3NyYy9saWIva2FuYmFuLWJhc2Uva2FuYmFuLWJhc2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Eta2FuYmFuL3NyYy9saWIva2FuYmFuLWJhc2Uva2FuYmFuLWJhc2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBU3JELE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxhQUFhO0lBQ2xELFdBQVcsQ0FBQyxDQUFDLEVBQUUsT0FBeUI7UUFDcEMsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3BCLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUNuQixPQUFPLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFlBQVksQ0FBQyxPQUF5QjtRQUNsQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDcEIsQ0FBQzs7Z0hBVFEsbUJBQW1CO29HQUFuQixtQkFBbUIsNkVDWGhDLCtCQUNBOzJGRFVhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDSSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IEJhc2VDb21wb25lbnQgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XHJcbmltcG9ydCB7IFBvcG92ZXJDb21wb25lbnQgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2JrLWthbmJhbi1iYXNlJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9rYW5iYW4tYmFzZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9rYW5iYW4tYmFzZS5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEthbmJhbkJhc2VDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IHtcclxuICAgIG9wZW5Qb3BvdmVyKGUsIHBvcG92ZXI6IFBvcG92ZXJDb21wb25lbnQpOiB2b2lkIHtcclxuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgICBwb3BvdmVyLnRvZ2dsZSgpO1xyXG4gICAgfVxyXG5cclxuICAgIGNsb3NlUG9wb3Zlcihwb3BvdmVyOiBQb3BvdmVyQ29tcG9uZW50KTogdm9pZCB7XHJcbiAgICAgICAgcG9wb3Zlci5jbG9zZSgpO1xyXG4gICAgfVxyXG59XHJcbiIsIjxwPmthbmJhbi1iYXNlIHdvcmtzITwvcD5cclxuIl19
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { BaseComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+export class KanbanBaseComponent extends BaseComponent {
+    openPopover(e, popover) {
+        e.stopPropagation();
+        e.preventDefault();
+        popover.toggle();
+    }
+    closePopover(popover) {
+        popover.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: KanbanBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: KanbanBaseComponent, selector: "bk-kanban-base", usesInheritance: true, ngImport: i0, template: "<p>kanban-base works!</p>\r\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: KanbanBaseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bk-kanban-base', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p>kanban-base works!</p>\r\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2FuYmFuLWJhc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Eta2FuYmFuL3NyYy9saWIva2FuYmFuLWJhc2Uva2FuYmFuLWJhc2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Eta2FuYmFuL3NyYy9saWIva2FuYmFuLWJhc2Uva2FuYmFuLWJhc2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBU3JELE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxhQUFhO0lBQ2xELFdBQVcsQ0FBQyxDQUFDLEVBQUUsT0FBeUI7UUFDcEMsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3BCLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUNuQixPQUFPLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFlBQVksQ0FBQyxPQUF5QjtRQUNsQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDcEIsQ0FBQzs4R0FUUSxtQkFBbUI7a0dBQW5CLG1CQUFtQiw2RUNYaEMsK0JBQ0E7OzJGRFVhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDSSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IEJhc2VDb21wb25lbnQgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XHJcbmltcG9ydCB7IFBvcG92ZXJDb21wb25lbnQgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2JrLWthbmJhbi1iYXNlJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9rYW5iYW4tYmFzZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9rYW5iYW4tYmFzZS5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEthbmJhbkJhc2VDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IHtcclxuICAgIG9wZW5Qb3BvdmVyKGUsIHBvcG92ZXI6IFBvcG92ZXJDb21wb25lbnQpOiB2b2lkIHtcclxuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgICBwb3BvdmVyLnRvZ2dsZSgpO1xyXG4gICAgfVxyXG5cclxuICAgIGNsb3NlUG9wb3Zlcihwb3BvdmVyOiBQb3BvdmVyQ29tcG9uZW50KTogdm9pZCB7XHJcbiAgICAgICAgcG9wb3Zlci5jbG9zZSgpO1xyXG4gICAgfVxyXG59XHJcbiIsIjxwPmthbmJhbi1iYXNlIHdvcmtzITwvcD5cclxuIl19

package/esm2022/lib/kanban-card/kanban-card.component.mjs

@@ -0,0 +1,35 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { BaseViewItemPropsComponent, FormPanelService } 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/card";
+import * as i3 from "@fundamental-ngx/core/icon";
+import * as i4 from "@fundamental-ngx/platform";
+import * as i5 from "barsa-sap-ui";
+import * as i6 from "@angular/common";
+export class KanbanCardComponent extends BaseViewItemPropsComponent {
+    constructor() {
+        super(...arguments);
+        this.moTasksCount = 4;
+        this.moFinishedTasksCount = 2;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.moTaskPercentage = Math.floor((this.moFinishedTasksCount / this.moTasksCount) * 100);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: KanbanCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: KanbanCardComponent, selector: "bk-kanban-card", inputs: { index: "index", mo: "mo", viewSetting: "viewSetting", allAvailableAssignees: "allAvailableAssignees" }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<fd-card cardType=\"quickView\" class=\"docs-flex-item-margin\" style=\"background: transparent\" ellipsify>\r\n    <div class=\"row task-cover\">\r\n        <img\r\n            [src]=\"\r\n                viewSetting.Cover\r\n                    ? (mo[viewSetting.Cover]?.FileId\r\n                      | picFieldSrc: 'ID':viewSetting[viewSetting.Cover + 'Column']?.FieldDefId)\r\n                    : ''\r\n            \"\r\n        />\r\n    </div>\r\n    <fdp-action-button-group class=\"card-menu\">\r\n        <fdp-button\r\n            contentDensity=\"compact\"\r\n            glyph=\"overflow\"\r\n            buttonType=\"transparent\"\r\n            [fdpMenuTriggerFor]=\"basicMenu\"\r\n        ></fdp-button>\r\n        <fdp-menu #basicMenu id=\"basic-menu\" [xPosition]=\"'before'\">\r\n            <fdp-menu-item>{{ 'Edit' | bbbTranslate }}</fdp-menu-item>\r\n            <fdp-menu-item>{{ 'Delete' | bbbTranslate }}</fdp-menu-item>\r\n        </fdp-menu>\r\n    </fdp-action-button-group>\r\n    <fd-card-content>\r\n        @if (layout$ | async; as layout94) {\r\n        <bsu-ly-layout-container-of-root\r\n            [config]=\"layout94\"\r\n            [isPanel]=\"false\"\r\n            [isRoot]=\"true\"\r\n        ></bsu-ly-layout-container-of-root>\r\n        }\r\n    </fd-card-content>\r\n    <fd-card-footer>\r\n        <div class=\"kanban-footer row\">\r\n            <div class=\"comment row\">\r\n                <fd-icon glyph=\"post\"></fd-icon>\r\n                {{ mo[viewSetting.CommentsCount] }}\r\n            </div>\r\n            <div class=\"attachment row\">\r\n                <fd-icon glyph=\"attachment\"></fd-icon>\r\n                {{ mo[viewSetting.AttachesCount] }}\r\n            </div>\r\n\r\n            <div class=\"task row\">\r\n                {{ mo[viewSetting.ProgressLabel] }}\r\n                <div class=\"circle-icon\">\r\n                    <fd-icon glyph=\"accept\"></fd-icon>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </fd-card-footer>\r\n</fd-card>\r\n", styles: [":host{position:relative}:host.selected{background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa)}:host.selected fd-card{border-color:var(--sapList_SelectionBorderColor, #0854a0)}:host.selected fd-card,:host.selected fd-card-header,:host.selected .fd-bar--footer,:host.selected fd-quick-view-subheader .fd-bar{background-color:inherit!important}.row{display:flex;align-items:center}.fd-card{background:var(--sapBackgroundColor, #f7f7f7)!important;box-shadow:none}.fd-card:hover .card-menu fdp-button{display:block}.fd-card .card-menu{position:absolute;right:1rem;top:1rem;background-color:#fff}.fd-card .card-menu fdp-button{display:none}.fd-card .card-menu [aria-controls=fdp-menu-basic-menu]{display:block}.fd-card .task-cover{width:100%;height:150px;justify-content:center}.fd-card .task-cover img{object-fit:cover;width:100%;height:100%}.fd-card fd-card-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;row-gap:20px;padding:1rem}.fd-card fd-card-content .progress-indicator{flex:1}.fd-card fd-card-content .progress-indicator ::ng-deep .fd-progress-indicator__remaining{display:flex;align-items:center}.fd-card ::ng-deep fd-info-label .fd-info-label__text{display:inline-flex!important}.kanban-footer{padding:1rem;column-gap:10px}.kanban-footer .comment,.kanban-footer .attachment,.kanban-footer .task{column-gap:2px}.kanban-footer .task{margin-right:auto}.kanban-footer .task .circle-icon{width:calc(var(--sapFontSize, .875rem) + 6px);height:calc(var(--sapFontSize, .875rem) + 6px);border-radius:calc(var(--sapFontSize, .875rem) + 6px);border:1px solid var(--sapButton_BorderColor, #0854a0);display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i2.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i2.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: i2.CardFooterComponent, selector: "fd-card-footer" }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i4.MenuComponent, selector: "fdp-menu", inputs: ["id", "openByArrowKeys", "xPosition"], outputs: ["close"] }, { kind: "component", type: i4.MenuItemComponent, selector: "fdp-menu-item", inputs: ["disabled", "cascadeDirection"], outputs: ["itemSelect"] }, { kind: "directive", type: i4.MenuTriggerDirective, selector: "[fdpMenuTriggerFor]", inputs: ["fdpMenuTriggerFor"] }, { kind: "component", type: i5.LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: KanbanCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bk-kanban-card', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card cardType=\"quickView\" class=\"docs-flex-item-margin\" style=\"background: transparent\" ellipsify>\r\n    <div class=\"row task-cover\">\r\n        <img\r\n            [src]=\"\r\n                viewSetting.Cover\r\n                    ? (mo[viewSetting.Cover]?.FileId\r\n                      | picFieldSrc: 'ID':viewSetting[viewSetting.Cover + 'Column']?.FieldDefId)\r\n                    : ''\r\n            \"\r\n        />\r\n    </div>\r\n    <fdp-action-button-group class=\"card-menu\">\r\n        <fdp-button\r\n            contentDensity=\"compact\"\r\n            glyph=\"overflow\"\r\n            buttonType=\"transparent\"\r\n            [fdpMenuTriggerFor]=\"basicMenu\"\r\n        ></fdp-button>\r\n        <fdp-menu #basicMenu id=\"basic-menu\" [xPosition]=\"'before'\">\r\n            <fdp-menu-item>{{ 'Edit' | bbbTranslate }}</fdp-menu-item>\r\n            <fdp-menu-item>{{ 'Delete' | bbbTranslate }}</fdp-menu-item>\r\n        </fdp-menu>\r\n    </fdp-action-button-group>\r\n    <fd-card-content>\r\n        @if (layout$ | async; as layout94) {\r\n        <bsu-ly-layout-container-of-root\r\n            [config]=\"layout94\"\r\n            [isPanel]=\"false\"\r\n            [isRoot]=\"true\"\r\n        ></bsu-ly-layout-container-of-root>\r\n        }\r\n    </fd-card-content>\r\n    <fd-card-footer>\r\n        <div class=\"kanban-footer row\">\r\n            <div class=\"comment row\">\r\n                <fd-icon glyph=\"post\"></fd-icon>\r\n                {{ mo[viewSetting.CommentsCount] }}\r\n            </div>\r\n            <div class=\"attachment row\">\r\n                <fd-icon glyph=\"attachment\"></fd-icon>\r\n                {{ mo[viewSetting.AttachesCount] }}\r\n            </div>\r\n\r\n            <div class=\"task row\">\r\n                {{ mo[viewSetting.ProgressLabel] }}\r\n                <div class=\"circle-icon\">\r\n                    <fd-icon glyph=\"accept\"></fd-icon>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </fd-card-footer>\r\n</fd-card>\r\n", styles: [":host{position:relative}:host.selected{background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa)}:host.selected fd-card{border-color:var(--sapList_SelectionBorderColor, #0854a0)}:host.selected fd-card,:host.selected fd-card-header,:host.selected .fd-bar--footer,:host.selected fd-quick-view-subheader .fd-bar{background-color:inherit!important}.row{display:flex;align-items:center}.fd-card{background:var(--sapBackgroundColor, #f7f7f7)!important;box-shadow:none}.fd-card:hover .card-menu fdp-button{display:block}.fd-card .card-menu{position:absolute;right:1rem;top:1rem;background-color:#fff}.fd-card .card-menu fdp-button{display:none}.fd-card .card-menu [aria-controls=fdp-menu-basic-menu]{display:block}.fd-card .task-cover{width:100%;height:150px;justify-content:center}.fd-card .task-cover img{object-fit:cover;width:100%;height:100%}.fd-card fd-card-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;row-gap:20px;padding:1rem}.fd-card fd-card-content .progress-indicator{flex:1}.fd-card fd-card-content .progress-indicator ::ng-deep .fd-progress-indicator__remaining{display:flex;align-items:center}.fd-card ::ng-deep fd-info-label .fd-info-label__text{display:inline-flex!important}.kanban-footer{padding:1rem;column-gap:10px}.kanban-footer .comment,.kanban-footer .attachment,.kanban-footer .task{column-gap:2px}.kanban-footer .task{margin-right:auto}.kanban-footer .task .circle-icon{width:calc(var(--sapFontSize, .875rem) + 6px);height:calc(var(--sapFontSize, .875rem) + 6px);border-radius:calc(var(--sapFontSize, .875rem) + 6px);border:1px solid var(--sapButton_BorderColor, #0854a0);display:flex;align-items:center;justify-content:center}\n"] }]
+        }], propDecorators: { index: [{
+                type: Input
+            }], mo: [{
+                type: Input
+            }], viewSetting: [{
+                type: Input
+            }], allAvailableAssignees: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2FuYmFuLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Eta2FuYmFuL3NyYy9saWIva2FuYmFuLWNhcmQva2FuYmFuLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Eta2FuYmFuL3NyYy9saWIva2FuYmFuLWNhcmQva2FuYmFuLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFbEYsT0FBTyxFQUFFLDBCQUEwQixFQUFFLGdCQUFnQixFQUF1QixNQUFNLHNCQUFzQixDQUFDOzs7Ozs7OztBQVV6RyxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsMEJBQTBCO0lBUG5FOztRQWFJLGlCQUFZLEdBQUcsQ0FBQyxDQUFDO1FBQ2pCLHlCQUFvQixHQUFHLENBQUMsQ0FBQztLQU81QjtJQUpHLFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxJQUFJLENBQUMsb0JBQW9CLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDO0lBQzlGLENBQUM7OEdBYlEsbUJBQW1CO2tHQUFuQixtQkFBbUIsMkpBSGpCLENBQUMsZ0JBQWdCLENBQUMsaURDVGpDLHdnRUFvREE7OzJGRHhDYSxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0ksZ0JBQWdCLGFBR2YsQ0FBQyxnQkFBZ0IsQ0FBQyxtQkFDWix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgQmFzZVZpZXdJdGVtUHJvcHNDb21wb25lbnQsIEZvcm1QYW5lbFNlcnZpY2UsIE1ldGFvYmplY3REYXRhTW9kZWwgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XHJcbmltcG9ydCB7IEthbmJhblZpZXdTZXR0aW5nIH0gZnJvbSAnLi4vTW9kZWxzL2thbmJhbi12aWV3LXNldHRpbmcuaW50ZXJmYWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdiay1rYW5iYW4tY2FyZCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4va2FuYmFuLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4va2FuYmFuLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIHByb3ZpZGVyczogW0Zvcm1QYW5lbFNlcnZpY2VdLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEthbmJhbkNhcmRDb21wb25lbnQgZXh0ZW5kcyBCYXNlVmlld0l0ZW1Qcm9wc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICBASW5wdXQoKSBpbmRleDogbnVtYmVyO1xyXG4gICAgQElucHV0KCkgbW86IE1ldGFvYmplY3REYXRhTW9kZWw7XHJcbiAgICBASW5wdXQoKSB2aWV3U2V0dGluZzogS2FuYmFuVmlld1NldHRpbmc7XHJcbiAgICBASW5wdXQoKSBhbGxBdmFpbGFibGVBc3NpZ25lZXM6IE1ldGFvYmplY3REYXRhTW9kZWxbXTtcclxuXHJcbiAgICBtb1Rhc2tzQ291bnQgPSA0O1xyXG4gICAgbW9GaW5pc2hlZFRhc2tzQ291bnQgPSAyO1xyXG4gICAgbW9UYXNrUGVyY2VudGFnZTtcclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xyXG4gICAgICAgIHRoaXMubW9UYXNrUGVyY2VudGFnZSA9IE1hdGguZmxvb3IoKHRoaXMubW9GaW5pc2hlZFRhc2tzQ291bnQgLyB0aGlzLm1vVGFza3NDb3VudCkgKiAxMDApO1xyXG4gICAgfVxyXG59XHJcbiIsIjxmZC1jYXJkIGNhcmRUeXBlPVwicXVpY2tWaWV3XCIgY2xhc3M9XCJkb2NzLWZsZXgtaXRlbS1tYXJnaW5cIiBzdHlsZT1cImJhY2tncm91bmQ6IHRyYW5zcGFyZW50XCIgZWxsaXBzaWZ5PlxyXG4gICAgPGRpdiBjbGFzcz1cInJvdyB0YXNrLWNvdmVyXCI+XHJcbiAgICAgICAgPGltZ1xyXG4gICAgICAgICAgICBbc3JjXT1cIlxyXG4gICAgICAgICAgICAgICAgdmlld1NldHRpbmcuQ292ZXJcclxuICAgICAgICAgICAgICAgICAgICA/IChtb1t2aWV3U2V0dGluZy5Db3Zlcl0/LkZpbGVJZFxyXG4gICAgICAgICAgICAgICAgICAgICAgfCBwaWNGaWVsZFNyYzogJ0lEJzp2aWV3U2V0dGluZ1t2aWV3U2V0dGluZy5Db3ZlciArICdDb2x1bW4nXT8uRmllbGREZWZJZClcclxuICAgICAgICAgICAgICAgICAgICA6ICcnXHJcbiAgICAgICAgICAgIFwiXHJcbiAgICAgICAgLz5cclxuICAgIDwvZGl2PlxyXG4gICAgPGZkcC1hY3Rpb24tYnV0dG9uLWdyb3VwIGNsYXNzPVwiY2FyZC1tZW51XCI+XHJcbiAgICAgICAgPGZkcC1idXR0b25cclxuICAgICAgICAgICAgY29udGVudERlbnNpdHk9XCJjb21wYWN0XCJcclxuICAgICAgICAgICAgZ2x5cGg9XCJvdmVyZmxvd1wiXHJcbiAgICAgICAgICAgIGJ1dHRvblR5cGU9XCJ0cmFuc3BhcmVudFwiXHJcbiAgICAgICAgICAgIFtmZHBNZW51VHJpZ2dlckZvcl09XCJiYXNpY01lbnVcIlxyXG4gICAgICAgID48L2ZkcC1idXR0b24+XHJcbiAgICAgICAgPGZkcC1tZW51ICNiYXNpY01lbnUgaWQ9XCJiYXNpYy1tZW51XCIgW3hQb3NpdGlvbl09XCInYmVmb3JlJ1wiPlxyXG4gICAgICAgICAgICA8ZmRwLW1lbnUtaXRlbT57eyAnRWRpdCcgfCBiYmJUcmFuc2xhdGUgfX08L2ZkcC1tZW51LWl0ZW0+XHJcbiAgICAgICAgICAgIDxmZHAtbWVudS1pdGVtPnt7ICdEZWxldGUnIHwgYmJiVHJhbnNsYXRlIH19PC9mZHAtbWVudS1pdGVtPlxyXG4gICAgICAgIDwvZmRwLW1lbnU+XHJcbiAgICA8L2ZkcC1hY3Rpb24tYnV0dG9uLWdyb3VwPlxyXG4gICAgPGZkLWNhcmQtY29udGVudD5cclxuICAgICAgICBAaWYgKGxheW91dCQgfCBhc3luYzsgYXMgbGF5b3V0OTQpIHtcclxuICAgICAgICA8YnN1LWx5LWxheW91dC1jb250YWluZXItb2Ytcm9vdFxyXG4gICAgICAgICAgICBbY29uZmlnXT1cImxheW91dDk0XCJcclxuICAgICAgICAgICAgW2lzUGFuZWxdPVwiZmFsc2VcIlxyXG4gICAgICAgICAgICBbaXNSb290XT1cInRydWVcIlxyXG4gICAgICAgID48L2JzdS1seS1sYXlvdXQtY29udGFpbmVyLW9mLXJvb3Q+XHJcbiAgICAgICAgfVxyXG4gICAgPC9mZC1jYXJkLWNvbnRlbnQ+XHJcbiAgICA8ZmQtY2FyZC1mb290ZXI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImthbmJhbi1mb290ZXIgcm93XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb21tZW50IHJvd1wiPlxyXG4gICAgICAgICAgICAgICAgPGZkLWljb24gZ2x5cGg9XCJwb3N0XCI+PC9mZC1pY29uPlxyXG4gICAgICAgICAgICAgICAge3sgbW9bdmlld1NldHRpbmcuQ29tbWVudHNDb3VudF0gfX1cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhdHRhY2htZW50IHJvd1wiPlxyXG4gICAgICAgICAgICAgICAgPGZkLWljb24gZ2x5cGg9XCJhdHRhY2htZW50XCI+PC9mZC1pY29uPlxyXG4gICAgICAgICAgICAgICAge3sgbW9bdmlld1NldHRpbmcuQXR0YWNoZXNDb3VudF0gfX1cclxuICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFzayByb3dcIj5cclxuICAgICAgICAgICAgICAgIHt7IG1vW3ZpZXdTZXR0aW5nLlByb2dyZXNzTGFiZWxdIH19XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2lyY2xlLWljb25cIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZmQtaWNvbiBnbHlwaD1cImFjY2VwdFwiPjwvZmQtaWNvbj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZmQtY2FyZC1mb290ZXI+XHJcbjwvZmQtY2FyZD5cclxuIl19

package/esm2022/lib/kanban-tags/kanban-tags.component.mjs

@@ -0,0 +1,43 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { KanbanBaseComponent } from '../kanban-base/kanban-base.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@fundamental-ngx/core/button";
+import * as i3 from "@fundamental-ngx/core/form";
+import * as i4 from "@fundamental-ngx/core/info-label";
+import * as i5 from "@fundamental-ngx/core/popover";
+import * as i6 from "@angular/forms";
+import * as i7 from "barsa-novin-ray-core";
+export class KanbanTagsComponent extends KanbanBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.colorList = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'];
+        this.currentTagLabel = '';
+        this.selectedColor = '';
+    }
+    colorClick(color) {
+        this.selectedColor = color;
+    }
+    addTag() {
+        const newTag = { Id: '', $Caption: '' };
+        newTag[this.viewSetting.TagColor] = this.selectedColor;
+        newTag[this.viewSetting.TagName] = this.currentTagLabel;
+        this.tags.push(newTag);
+        this.currentTagLabel = '';
+        this.selectedColor = '';
+    }
+    deleteTag(index) {
+        this.tags.splice(index, 1);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: KanbanTagsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: KanbanTagsComponent, selector: "bk-kanban-tags", inputs: { tags: "tags", viewSetting: "viewSetting" }, usesInheritance: true, ngImport: i0, template: "<div class=\"row tags-container\">\r\n    @for (tag of tags; track tag; let i = $index) {\r\n    <fd-popover placement=\"bottom\" [closeOnOutsideClick]=\"true\">\r\n        <fd-popover-control>\r\n            <div class=\"tag\">\r\n                <fd-info-label\r\n                    [label]=\"tag[viewSetting.TagName]\"\r\n                    [color]=\"tag[viewSetting.TagColor]\"\r\n                    [title]=\"tag[viewSetting.TagName]\"\r\n                ></fd-info-label>\r\n            </div>\r\n        </fd-popover-control>\r\n        <fd-popover-body>\r\n            <div class=\"tag-delete\">\r\n                <button fd-button (click)=\"deleteTag(i)\" [label]=\"'Delete' | bbbTranslate\" glyph=\"decline\"></button>\r\n            </div>\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n    }\r\n\r\n    <fd-popover\r\n        #tagPopover\r\n        [triggers]=\"[]\"\r\n        [focusTrapped]=\"false\"\r\n        [closeOnOutsideClick]=\"true\"\r\n        [noArrow]=\"false\"\r\n        placement=\"bottom\"\r\n        [focusAutoCapture]=\"true\"\r\n    >\r\n        <fd-popover-control>\r\n            <div>\r\n                <button\r\n                    fd-button\r\n                    (click)=\"openPopover($event, tagPopover)\"\r\n                    fdType=\"transparent\"\r\n                    glyph=\"sys-add\"\r\n                ></button>\r\n            </div>\r\n        </fd-popover-control>\r\n        <fd-popover-body>\r\n            <div class=\"new-tag\" (keydown.enter)=\"addTag()\">\r\n                <div fd-form-item class=\"row\">\r\n                    <input fd-form-control type=\"text\" [(ngModel)]=\"currentTagLabel\" id=\"input-1\" placeholder=\" \u0646\u0627\u0645\" />\r\n                </div>\r\n                <div class=\"colors-colection row\">\r\n                    @for (color of colorList; track color) {\r\n                    <div\r\n                        (click)=\"colorClick(color)\"\r\n                        [ngClass]=\"'fd-info-label--accent-color-' + color\"\r\n                        [class.selected-color]=\"selectedColor === color\"\r\n                        class=\"color\"\r\n                    ></div>\r\n                    }\r\n                </div>\r\n                <div class=\"ok-cancel-btns row\">\r\n                    <button fd-button [label]=\"'Ok' | bbbTranslate\" [fdType]=\"'emphasized'\" (click)=\"addTag()\"></button>\r\n                    <button\r\n                        fd-button\r\n                        [label]=\"'Cancel' | bbbTranslate\"\r\n                        [fdType]=\"'transparent'\"\r\n                        (click)=\"closePopover(tagPopover)\"\r\n                    ></button>\r\n                </div>\r\n            </div>\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n</div>\r\n", styles: [":host ::ng-deep .fd-info-label__text{height:auto!important}.row,.new-tag .colors-colection{display:flex;align-items:center}.tags-container{column-gap:10px;flex-wrap:wrap}.new-tag{padding:15px;max-width:200px;row-gap:15px;display:flex;flex-direction:column;justify-content:center;align-items:center}.new-tag .row,.new-tag .colors-colection{column-gap:15px;width:100%}.new-tag .colors-colection{flex-wrap:wrap;row-gap:10px}.new-tag .colors-colection .color{width:40px;height:24px;border-radius:10px;border:1px solid var(--sapBackgroundColor, #f7f7f7)}.new-tag .colors-colection .selected-color{border-color:var(--sapList_SelectionBorderColor, #0854a0)}.ok-cancel-btns{justify-content:flex-end}.tag-delete{display:flex;align-items:center;justify-content:center;width:100px;height:80px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i3.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i4.InfoLabelComponent, selector: "fd-info-label", inputs: ["class", "type", "glyph", "font", "color", "label", "title", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i5.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i5.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i5.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i7.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: KanbanTagsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bk-kanban-tags', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"row tags-container\">\r\n    @for (tag of tags; track tag; let i = $index) {\r\n    <fd-popover placement=\"bottom\" [closeOnOutsideClick]=\"true\">\r\n        <fd-popover-control>\r\n            <div class=\"tag\">\r\n                <fd-info-label\r\n                    [label]=\"tag[viewSetting.TagName]\"\r\n                    [color]=\"tag[viewSetting.TagColor]\"\r\n                    [title]=\"tag[viewSetting.TagName]\"\r\n                ></fd-info-label>\r\n            </div>\r\n        </fd-popover-control>\r\n        <fd-popover-body>\r\n            <div class=\"tag-delete\">\r\n                <button fd-button (click)=\"deleteTag(i)\" [label]=\"'Delete' | bbbTranslate\" glyph=\"decline\"></button>\r\n            </div>\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n    }\r\n\r\n    <fd-popover\r\n        #tagPopover\r\n        [triggers]=\"[]\"\r\n        [focusTrapped]=\"false\"\r\n        [closeOnOutsideClick]=\"true\"\r\n        [noArrow]=\"false\"\r\n        placement=\"bottom\"\r\n        [focusAutoCapture]=\"true\"\r\n    >\r\n        <fd-popover-control>\r\n            <div>\r\n                <button\r\n                    fd-button\r\n                    (click)=\"openPopover($event, tagPopover)\"\r\n                    fdType=\"transparent\"\r\n                    glyph=\"sys-add\"\r\n                ></button>\r\n            </div>\r\n        </fd-popover-control>\r\n        <fd-popover-body>\r\n            <div class=\"new-tag\" (keydown.enter)=\"addTag()\">\r\n                <div fd-form-item class=\"row\">\r\n                    <input fd-form-control type=\"text\" [(ngModel)]=\"currentTagLabel\" id=\"input-1\" placeholder=\" \u0646\u0627\u0645\" />\r\n                </div>\r\n                <div class=\"colors-colection row\">\r\n                    @for (color of colorList; track color) {\r\n                    <div\r\n                        (click)=\"colorClick(color)\"\r\n                        [ngClass]=\"'fd-info-label--accent-color-' + color\"\r\n                        [class.selected-color]=\"selectedColor === color\"\r\n                        class=\"color\"\r\n                    ></div>\r\n                    }\r\n                </div>\r\n                <div class=\"ok-cancel-btns row\">\r\n                    <button fd-button [label]=\"'Ok' | bbbTranslate\" [fdType]=\"'emphasized'\" (click)=\"addTag()\"></button>\r\n                    <button\r\n                        fd-button\r\n                        [label]=\"'Cancel' | bbbTranslate\"\r\n                        [fdType]=\"'transparent'\"\r\n                        (click)=\"closePopover(tagPopover)\"\r\n                    ></button>\r\n                </div>\r\n            </div>\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n</div>\r\n", styles: [":host ::ng-deep .fd-info-label__text{height:auto!important}.row,.new-tag .colors-colection{display:flex;align-items:center}.tags-container{column-gap:10px;flex-wrap:wrap}.new-tag{padding:15px;max-width:200px;row-gap:15px;display:flex;flex-direction:column;justify-content:center;align-items:center}.new-tag .row,.new-tag .colors-colection{column-gap:15px;width:100%}.new-tag .colors-colection{flex-wrap:wrap;row-gap:10px}.new-tag .colors-colection .color{width:40px;height:24px;border-radius:10px;border:1px solid var(--sapBackgroundColor, #f7f7f7)}.new-tag .colors-colection .selected-color{border-color:var(--sapList_SelectionBorderColor, #0854a0)}.ok-cancel-btns{justify-content:flex-end}.tag-delete{display:flex;align-items:center;justify-content:center;width:100px;height:80px}\n"] }]
+        }], propDecorators: { tags: [{
+                type: Input
+            }], viewSetting: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2FuYmFuLXRhZ3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Eta2FuYmFuL3NyYy9saWIva2FuYmFuLXRhZ3Mva2FuYmFuLXRhZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Eta2FuYmFuL3NyYy9saWIva2FuYmFuLXRhZ3Mva2FuYmFuLXRhZ3MuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7Ozs7Ozs7OztBQVUzRSxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsbUJBQW1CO0lBTjVEOztRQVNJLGNBQVMsR0FBRyxDQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ2hFLG9CQUFlLEdBQUcsRUFBRSxDQUFDO1FBQ3JCLGtCQUFhLEdBQUcsRUFBRSxDQUFDO0tBa0J0QjtJQWhCRyxVQUFVLENBQUMsS0FBYTtRQUNwQixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUMvQixDQUFDO0lBRUQsTUFBTTtRQUNGLE1BQU0sTUFBTSxHQUF3QixFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDO1FBQzdELE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUM7UUFDdkQsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQztRQUN4RCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN2QixJQUFJLENBQUMsZUFBZSxHQUFHLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQWE7UUFDbkIsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQy9CLENBQUM7OEdBdEJRLG1CQUFtQjtrR0FBbkIsbUJBQW1CLG1JQ1poQyxxd0ZBbUVBOzsyRkR2RGEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNJLGdCQUFnQixtQkFHVCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBLYW5iYW5CYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4va2FuYmFuLWJhc2Uva2FuYmFuLWJhc2UuY29tcG9uZW50JztcclxuaW1wb3J0IHsgS2FuYmFuVmlld1NldHRpbmcgfSBmcm9tICcuLi9Nb2RlbHMva2FuYmFuLXZpZXctc2V0dGluZy5pbnRlcmZhY2UnO1xyXG5pbXBvcnQgeyBNZXRhb2JqZWN0RGF0YU1vZGVsIH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2JrLWthbmJhbi10YWdzJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9rYW5iYW4tdGFncy5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9rYW5iYW4tdGFncy5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEthbmJhblRhZ3NDb21wb25lbnQgZXh0ZW5kcyBLYW5iYW5CYXNlQ29tcG9uZW50IHtcclxuICAgIEBJbnB1dCgpIHRhZ3M6IE1ldGFvYmplY3REYXRhTW9kZWxbXTtcclxuICAgIEBJbnB1dCgpIHZpZXdTZXR0aW5nOiBLYW5iYW5WaWV3U2V0dGluZztcclxuICAgIGNvbG9yTGlzdCA9IFsnMScsICcyJywgJzMnLCAnNCcsICc1JywgJzYnLCAnNycsICc4JywgJzknLCAnMTAnXTtcclxuICAgIGN1cnJlbnRUYWdMYWJlbCA9ICcnO1xyXG4gICAgc2VsZWN0ZWRDb2xvciA9ICcnO1xyXG5cclxuICAgIGNvbG9yQ2xpY2soY29sb3I6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRDb2xvciA9IGNvbG9yO1xyXG4gICAgfVxyXG5cclxuICAgIGFkZFRhZygpOiB2b2lkIHtcclxuICAgICAgICBjb25zdCBuZXdUYWc6IE1ldGFvYmplY3REYXRhTW9kZWwgPSB7IElkOiAnJywgJENhcHRpb246ICcnIH07XHJcbiAgICAgICAgbmV3VGFnW3RoaXMudmlld1NldHRpbmcuVGFnQ29sb3JdID0gdGhpcy5zZWxlY3RlZENvbG9yO1xyXG4gICAgICAgIG5ld1RhZ1t0aGlzLnZpZXdTZXR0aW5nLlRhZ05hbWVdID0gdGhpcy5jdXJyZW50VGFnTGFiZWw7XHJcbiAgICAgICAgdGhpcy50YWdzLnB1c2gobmV3VGFnKTtcclxuICAgICAgICB0aGlzLmN1cnJlbnRUYWdMYWJlbCA9ICcnO1xyXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRDb2xvciA9ICcnO1xyXG4gICAgfVxyXG5cclxuICAgIGRlbGV0ZVRhZyhpbmRleDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy50YWdzLnNwbGljZShpbmRleCwgMSk7XHJcbiAgICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJvdyB0YWdzLWNvbnRhaW5lclwiPlxyXG4gICAgQGZvciAodGFnIG9mIHRhZ3M7IHRyYWNrIHRhZzsgbGV0IGkgPSAkaW5kZXgpIHtcclxuICAgIDxmZC1wb3BvdmVyIHBsYWNlbWVudD1cImJvdHRvbVwiIFtjbG9zZU9uT3V0c2lkZUNsaWNrXT1cInRydWVcIj5cclxuICAgICAgICA8ZmQtcG9wb3Zlci1jb250cm9sPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFnXCI+XHJcbiAgICAgICAgICAgICAgICA8ZmQtaW5mby1sYWJlbFxyXG4gICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJ0YWdbdmlld1NldHRpbmcuVGFnTmFtZV1cIlxyXG4gICAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCJ0YWdbdmlld1NldHRpbmcuVGFnQ29sb3JdXCJcclxuICAgICAgICAgICAgICAgICAgICBbdGl0bGVdPVwidGFnW3ZpZXdTZXR0aW5nLlRhZ05hbWVdXCJcclxuICAgICAgICAgICAgICAgID48L2ZkLWluZm8tbGFiZWw+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZmQtcG9wb3Zlci1jb250cm9sPlxyXG4gICAgICAgIDxmZC1wb3BvdmVyLWJvZHk+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWctZGVsZXRlXCI+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uIGZkLWJ1dHRvbiAoY2xpY2spPVwiZGVsZXRlVGFnKGkpXCIgW2xhYmVsXT1cIidEZWxldGUnIHwgYmJiVHJhbnNsYXRlXCIgZ2x5cGg9XCJkZWNsaW5lXCI+PC9idXR0b24+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZmQtcG9wb3Zlci1ib2R5PlxyXG4gICAgPC9mZC1wb3BvdmVyPlxyXG4gICAgfVxyXG5cclxuICAgIDxmZC1wb3BvdmVyXHJcbiAgICAgICAgI3RhZ1BvcG92ZXJcclxuICAgICAgICBbdHJpZ2dlcnNdPVwiW11cIlxyXG4gICAgICAgIFtmb2N1c1RyYXBwZWRdPVwiZmFsc2VcIlxyXG4gICAgICAgIFtjbG9zZU9uT3V0c2lkZUNsaWNrXT1cInRydWVcIlxyXG4gICAgICAgIFtub0Fycm93XT1cImZhbHNlXCJcclxuICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxyXG4gICAgICAgIFtmb2N1c0F1dG9DYXB0dXJlXT1cInRydWVcIlxyXG4gICAgPlxyXG4gICAgICAgIDxmZC1wb3BvdmVyLWNvbnRyb2w+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgICAgICAgICAgZmQtYnV0dG9uXHJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9wZW5Qb3BvdmVyKCRldmVudCwgdGFnUG9wb3ZlcilcIlxyXG4gICAgICAgICAgICAgICAgICAgIGZkVHlwZT1cInRyYW5zcGFyZW50XCJcclxuICAgICAgICAgICAgICAgICAgICBnbHlwaD1cInN5cy1hZGRcIlxyXG4gICAgICAgICAgICAgICAgPjwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2ZkLXBvcG92ZXItY29udHJvbD5cclxuICAgICAgICA8ZmQtcG9wb3Zlci1ib2R5PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmV3LXRhZ1wiIChrZXlkb3duLmVudGVyKT1cImFkZFRhZygpXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGZkLWZvcm0taXRlbSBjbGFzcz1cInJvd1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpbnB1dCBmZC1mb3JtLWNvbnRyb2wgdHlwZT1cInRleHRcIiBbKG5nTW9kZWwpXT1cImN1cnJlbnRUYWdMYWJlbFwiIGlkPVwiaW5wdXQtMVwiIHBsYWNlaG9sZGVyPVwiINmG2KfZhVwiIC8+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2xvcnMtY29sZWN0aW9uIHJvd1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIEBmb3IgKGNvbG9yIG9mIGNvbG9yTGlzdDsgdHJhY2sgY29sb3IpIHtcclxuICAgICAgICAgICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJjb2xvckNsaWNrKGNvbG9yKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIidmZC1pbmZvLWxhYmVsLS1hY2NlbnQtY29sb3ItJyArIGNvbG9yXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLnNlbGVjdGVkLWNvbG9yXT1cInNlbGVjdGVkQ29sb3IgPT09IGNvbG9yXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJjb2xvclwiXHJcbiAgICAgICAgICAgICAgICAgICAgPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm9rLWNhbmNlbC1idG5zIHJvd1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gZmQtYnV0dG9uIFtsYWJlbF09XCInT2snIHwgYmJiVHJhbnNsYXRlXCIgW2ZkVHlwZV09XCInZW1waGFzaXplZCdcIiAoY2xpY2spPVwiYWRkVGFnKClcIj48L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGZkLWJ1dHRvblxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiJ0NhbmNlbCcgfCBiYmJUcmFuc2xhdGVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbZmRUeXBlXT1cIid0cmFuc3BhcmVudCdcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiY2xvc2VQb3BvdmVyKHRhZ1BvcG92ZXIpXCJcclxuICAgICAgICAgICAgICAgICAgICA+PC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9mZC1wb3BvdmVyLWJvZHk+XHJcbiAgICA8L2ZkLXBvcG92ZXI+XHJcbjwvZGl2PlxyXG4iXX0=