vcomply-workflow-engine 3.5.3 → 3.5.4

package/esm2022/lib/workflow/shared/components/edit-mode/edit-mode.component.mjs

@@ -0,0 +1,216 @@
+import { Component, EventEmitter } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PopoverModule } from '../../../../ui-kit/popover/popover.module';
+import { TooltipModule } from '../../../../ui-kit/tooltip/tooltip.module';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../../ui-kit/popover/popover.component";
+import * as i3 from "../../../../ui-kit/popover/popover.directive";
+import * as i4 from "../../../../ui-kit/tooltip/tooltip.directive";
+export class EditModeComponent {
+    constructor() {
+        this.selectedData = [];
+        this.type = '';
+        this.nonRemovableIds = [];
+        this.isMultiple = false;
+        this.countColor = '';
+        this.nameDisplayKey = '';
+        this.isOnEdit = new EventEmitter();
+        this.onRemoveData = new EventEmitter();
+    }
+    removeItem(index) {
+        this.onRemoveData.emit({ index, data: this.selectedData[index] });
+    }
+    identify(index, item) {
+        return item?.item_name ?? item?.name;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditModeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditModeComponent, isStandalone: true, selector: "lib-edit-mode", inputs: { selectedData: "selectedData", type: "type", nonRemovableIds: "nonRemovableIds", isMultiple: "isMultiple", countColor: "countColor", nameDisplayKey: "nameDisplayKey" }, outputs: { isOnEdit: "isOnEdit", onRemoveData: "onRemoveData" }, ngImport: i0, template: `
+    <div
+      *ngIf="selectedData?.length"
+      class="selected"
+      [class.vx-mb-2]="isMultiple"
+    >
+      <div class="chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2">
+        <i
+          *ngIf="
+            type !== 'text' &&
+            !nonRemovableIds.includes(selectedData[0]?.item_id)
+          "
+          (click)="removeItem(0)"
+          class="icons cross vx-fs-10 vx-paragraph-txt vx-mr-1"
+          >&#xe9ae;</i
+        >
+        <ng-content [select]="'GRC_TYPE'"></ng-content>
+
+        <span
+          class="chipName vx-fs-11 vx-label-txt"
+          [appTooltip]="
+            selectedData[0]?.item_name ??
+            selectedData[0]?.name ??
+            selectedData[0][nameDisplayKey]
+          "
+          placement="bottom-left"
+          delay="0"
+          type="black"
+          [tooltipMandatory]="false"
+          >{{
+            selectedData[0]?.item_name ??
+              selectedData[0]?.name ??
+              selectedData[0][nameDisplayKey]
+          }}</span
+        >
+        <button
+          *ngIf="selectedData.length > 1"
+          class="countBtn vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-lh-4"
+          [ngClass]="countColor"
+          appPopover
+          (click)="selectedList.popover()"
+          placement="right"
+        >
+          +{{ selectedData?.length - 1 }}
+        </button>
+      </div>
+      <button class="edit" type="button" (click)="isOnEdit.emit()">
+        <i class="icons">&#xe9ba;</i> Edit
+      </button>
+    </div>
+    <app-popover #selectedList [dontCloseonClick]="true">
+      <div class="wf-action-list">
+        <ul class="action-item">
+          <li
+            *ngFor="
+              let data of selectedData | slice : 1;
+              let i = index;
+              trackBy: identify
+            "
+          >
+            <div class="avatar-card">
+              <span
+                class="value"
+                [appTooltip]="
+                  data?.item_name ?? data?.name ?? data[nameDisplayKey]
+                "
+                placement="bottom-left"
+                delay="0"
+                type="black"
+                [tooltipMandatory]="false"
+              >
+                <i
+                  *ngIf="!nonRemovableIds.includes(data?.item_id)"
+                  (click)="removeItem(i + 1)"
+                  class="icons"
+                  >&#xe90d;</i
+                >
+                {{ data?.item_name ?? data?.name ?? data[nameDisplayKey] }}
+              </span>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </app-popover>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i2.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: i3.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditModeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-edit-mode',
+                    standalone: true,
+                    imports: [CommonModule, PopoverModule, TooltipModule],
+                    inputs: [
+                        'selectedData',
+                        'type',
+                        'nonRemovableIds',
+                        'isMultiple',
+                        'countColor',
+                        'nameDisplayKey',
+                    ],
+                    outputs: ['isOnEdit', 'onRemoveData'],
+                    template: `
+    <div
+      *ngIf="selectedData?.length"
+      class="selected"
+      [class.vx-mb-2]="isMultiple"
+    >
+      <div class="chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2">
+        <i
+          *ngIf="
+            type !== 'text' &&
+            !nonRemovableIds.includes(selectedData[0]?.item_id)
+          "
+          (click)="removeItem(0)"
+          class="icons cross vx-fs-10 vx-paragraph-txt vx-mr-1"
+          >&#xe9ae;</i
+        >
+        <ng-content [select]="'GRC_TYPE'"></ng-content>
+
+        <span
+          class="chipName vx-fs-11 vx-label-txt"
+          [appTooltip]="
+            selectedData[0]?.item_name ??
+            selectedData[0]?.name ??
+            selectedData[0][nameDisplayKey]
+          "
+          placement="bottom-left"
+          delay="0"
+          type="black"
+          [tooltipMandatory]="false"
+          >{{
+            selectedData[0]?.item_name ??
+              selectedData[0]?.name ??
+              selectedData[0][nameDisplayKey]
+          }}</span
+        >
+        <button
+          *ngIf="selectedData.length > 1"
+          class="countBtn vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-lh-4"
+          [ngClass]="countColor"
+          appPopover
+          (click)="selectedList.popover()"
+          placement="right"
+        >
+          +{{ selectedData?.length - 1 }}
+        </button>
+      </div>
+      <button class="edit" type="button" (click)="isOnEdit.emit()">
+        <i class="icons">&#xe9ba;</i> Edit
+      </button>
+    </div>
+    <app-popover #selectedList [dontCloseonClick]="true">
+      <div class="wf-action-list">
+        <ul class="action-item">
+          <li
+            *ngFor="
+              let data of selectedData | slice : 1;
+              let i = index;
+              trackBy: identify
+            "
+          >
+            <div class="avatar-card">
+              <span
+                class="value"
+                [appTooltip]="
+                  data?.item_name ?? data?.name ?? data[nameDisplayKey]
+                "
+                placement="bottom-left"
+                delay="0"
+                type="black"
+                [tooltipMandatory]="false"
+              >
+                <i
+                  *ngIf="!nonRemovableIds.includes(data?.item_id)"
+                  (click)="removeItem(i + 1)"
+                  class="icons"
+                  >&#xe90d;</i
+                >
+                {{ data?.item_name ?? data?.name ?? data[nameDisplayKey] }}
+              </span>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </app-popover>
+  `,
+                }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdC1tb2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3dvcmtmbG93L3NoYXJlZC9jb21wb25lbnRzL2VkaXQtbW9kZS9lZGl0LW1vZGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJDQUEyQyxDQUFDOzs7Ozs7QUFxRzFFLE1BQU0sT0FBTyxpQkFBaUI7SUFXNUI7UUFWQSxpQkFBWSxHQUFlLEVBQUUsQ0FBQztRQUM5QixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLG9CQUFlLEdBQWtCLEVBQUUsQ0FBQztRQUNwQyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFDeEIsbUJBQWMsR0FBVyxFQUFFLENBQUM7UUFFNUIsYUFBUSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2pELGlCQUFZLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7SUFFdEMsQ0FBQztJQUVoQixVQUFVLENBQUMsS0FBYTtRQUN0QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDcEUsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFVLEVBQUUsSUFBUztRQUM1QixPQUFPLElBQUksRUFBRSxTQUFTLElBQUksSUFBSSxFQUFFLElBQUksQ0FBQztJQUN2QyxDQUFDOytHQW5CVSxpQkFBaUI7bUdBQWpCLGlCQUFpQiw0VEF0RmxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvRlQsMkRBOUZTLFlBQVksa1pBQUUsYUFBYSxzUEFBRSxhQUFhOzs0RkFnR3pDLGlCQUFpQjtrQkFuRzdCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGFBQWEsQ0FBQztvQkFDckQsTUFBTSxFQUFFO3dCQUNOLGNBQWM7d0JBQ2QsTUFBTTt3QkFDTixpQkFBaUI7d0JBQ2pCLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixnQkFBZ0I7cUJBQ2pCO29CQUNELE9BQU8sRUFBRSxDQUFDLFVBQVUsRUFBRSxjQUFjLENBQUM7b0JBQ3JDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0ZUO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgUG9wb3Zlck1vZHVsZSB9IGZyb20gJy4uLy4uLy4uLy4uL3VpLWtpdC9wb3BvdmVyL3BvcG92ZXIubW9kdWxlJztcclxuaW1wb3J0IHsgVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4uLy4uLy4uLy4uL3VpLWtpdC90b29sdGlwL3Rvb2x0aXAubW9kdWxlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWVkaXQtbW9kZScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBQb3BvdmVyTW9kdWxlLCBUb29sdGlwTW9kdWxlXSxcclxuICBpbnB1dHM6IFtcclxuICAgICdzZWxlY3RlZERhdGEnLFxyXG4gICAgJ3R5cGUnLFxyXG4gICAgJ25vblJlbW92YWJsZUlkcycsXHJcbiAgICAnaXNNdWx0aXBsZScsXHJcbiAgICAnY291bnRDb2xvcicsXHJcbiAgICAnbmFtZURpc3BsYXlLZXknLFxyXG4gIF0sXHJcbiAgb3V0cHV0czogWydpc09uRWRpdCcsICdvblJlbW92ZURhdGEnXSxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdlxyXG4gICAgICAqbmdJZj1cInNlbGVjdGVkRGF0YT8ubGVuZ3RoXCJcclxuICAgICAgY2xhc3M9XCJzZWxlY3RlZFwiXHJcbiAgICAgIFtjbGFzcy52eC1tYi0yXT1cImlzTXVsdGlwbGVcIlxyXG4gICAgPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiY2hpcENvbnRhaW5lciB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LXBsLTIgdngtcHItMlwiPlxyXG4gICAgICAgIDxpXHJcbiAgICAgICAgICAqbmdJZj1cIlxyXG4gICAgICAgICAgICB0eXBlICE9PSAndGV4dCcgJiZcclxuICAgICAgICAgICAgIW5vblJlbW92YWJsZUlkcy5pbmNsdWRlcyhzZWxlY3RlZERhdGFbMF0/Lml0ZW1faWQpXHJcbiAgICAgICAgICBcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cInJlbW92ZUl0ZW0oMClcIlxyXG4gICAgICAgICAgY2xhc3M9XCJpY29ucyBjcm9zcyB2eC1mcy0xMCB2eC1wYXJhZ3JhcGgtdHh0IHZ4LW1yLTFcIlxyXG4gICAgICAgICAgPiYjeGU5YWU7PC9pXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDxuZy1jb250ZW50IFtzZWxlY3RdPVwiJ0dSQ19UWVBFJ1wiPjwvbmctY29udGVudD5cclxuXHJcbiAgICAgICAgPHNwYW5cclxuICAgICAgICAgIGNsYXNzPVwiY2hpcE5hbWUgdngtZnMtMTEgdngtbGFiZWwtdHh0XCJcclxuICAgICAgICAgIFthcHBUb29sdGlwXT1cIlxyXG4gICAgICAgICAgICBzZWxlY3RlZERhdGFbMF0/Lml0ZW1fbmFtZSA/P1xyXG4gICAgICAgICAgICBzZWxlY3RlZERhdGFbMF0/Lm5hbWUgPz9cclxuICAgICAgICAgICAgc2VsZWN0ZWREYXRhWzBdW25hbWVEaXNwbGF5S2V5XVxyXG4gICAgICAgICAgXCJcclxuICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcclxuICAgICAgICAgIGRlbGF5PVwiMFwiXHJcbiAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxyXG4gICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxyXG4gICAgICAgICAgPnt7XHJcbiAgICAgICAgICAgIHNlbGVjdGVkRGF0YVswXT8uaXRlbV9uYW1lID8/XHJcbiAgICAgICAgICAgICAgc2VsZWN0ZWREYXRhWzBdPy5uYW1lID8/XHJcbiAgICAgICAgICAgICAgc2VsZWN0ZWREYXRhWzBdW25hbWVEaXNwbGF5S2V5XVxyXG4gICAgICAgICAgfX08L3NwYW5cclxuICAgICAgICA+XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgKm5nSWY9XCJzZWxlY3RlZERhdGEubGVuZ3RoID4gMVwiXHJcbiAgICAgICAgICBjbGFzcz1cImNvdW50QnRuIHZ4LWZzLTkgdngtZnctNTAwIHZ4LXR4dC13aGl0ZSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyIHZ4LWxoLTRcIlxyXG4gICAgICAgICAgW25nQ2xhc3NdPVwiY291bnRDb2xvclwiXHJcbiAgICAgICAgICBhcHBQb3BvdmVyXHJcbiAgICAgICAgICAoY2xpY2spPVwic2VsZWN0ZWRMaXN0LnBvcG92ZXIoKVwiXHJcbiAgICAgICAgICBwbGFjZW1lbnQ9XCJyaWdodFwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgK3t7IHNlbGVjdGVkRGF0YT8ubGVuZ3RoIC0gMSB9fVxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGJ1dHRvbiBjbGFzcz1cImVkaXRcIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cImlzT25FZGl0LmVtaXQoKVwiPlxyXG4gICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlOWJhOzwvaT4gRWRpdFxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGFwcC1wb3BvdmVyICNzZWxlY3RlZExpc3QgW2RvbnRDbG9zZW9uQ2xpY2tdPVwidHJ1ZVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwid2YtYWN0aW9uLWxpc3RcIj5cclxuICAgICAgICA8dWwgY2xhc3M9XCJhY3Rpb24taXRlbVwiPlxyXG4gICAgICAgICAgPGxpXHJcbiAgICAgICAgICAgICpuZ0Zvcj1cIlxyXG4gICAgICAgICAgICAgIGxldCBkYXRhIG9mIHNlbGVjdGVkRGF0YSB8IHNsaWNlIDogMTtcclxuICAgICAgICAgICAgICBsZXQgaSA9IGluZGV4O1xyXG4gICAgICAgICAgICAgIHRyYWNrQnk6IGlkZW50aWZ5XHJcbiAgICAgICAgICAgIFwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhdmF0YXItY2FyZFwiPlxyXG4gICAgICAgICAgICAgIDxzcGFuXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInZhbHVlXCJcclxuICAgICAgICAgICAgICAgIFthcHBUb29sdGlwXT1cIlxyXG4gICAgICAgICAgICAgICAgICBkYXRhPy5pdGVtX25hbWUgPz8gZGF0YT8ubmFtZSA/PyBkYXRhW25hbWVEaXNwbGF5S2V5XVxyXG4gICAgICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcclxuICAgICAgICAgICAgICAgIGRlbGF5PVwiMFwiXHJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxyXG4gICAgICAgICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxyXG4gICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgIDxpXHJcbiAgICAgICAgICAgICAgICAgICpuZ0lmPVwiIW5vblJlbW92YWJsZUlkcy5pbmNsdWRlcyhkYXRhPy5pdGVtX2lkKVwiXHJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCJyZW1vdmVJdGVtKGkgKyAxKVwiXHJcbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaWNvbnNcIlxyXG4gICAgICAgICAgICAgICAgICA+JiN4ZTkwZDs8L2lcclxuICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgIHt7IGRhdGE/Lml0ZW1fbmFtZSA/PyBkYXRhPy5uYW1lID8/IGRhdGFbbmFtZURpc3BsYXlLZXldIH19XHJcbiAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgPC91bD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2FwcC1wb3BvdmVyPlxyXG4gIGAsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFZGl0TW9kZUNvbXBvbmVudCB7XHJcbiAgc2VsZWN0ZWREYXRhOiBBcnJheTxhbnk+ID0gW107XHJcbiAgdHlwZTogc3RyaW5nID0gJyc7XHJcbiAgbm9uUmVtb3ZhYmxlSWRzOiBBcnJheTxudW1iZXI+ID0gW107XHJcbiAgaXNNdWx0aXBsZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIGNvdW50Q29sb3I6IHN0cmluZyA9ICcnO1xyXG4gIG5hbWVEaXNwbGF5S2V5OiBzdHJpbmcgPSAnJztcclxuXHJcbiAgaXNPbkVkaXQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIG9uUmVtb3ZlRGF0YTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgcmVtb3ZlSXRlbShpbmRleDogbnVtYmVyKSB7XHJcbiAgICB0aGlzLm9uUmVtb3ZlRGF0YS5lbWl0KHsgaW5kZXgsIGRhdGE6IHRoaXMuc2VsZWN0ZWREYXRhW2luZGV4XSB9KTtcclxuICB9XHJcblxyXG4gIGlkZW50aWZ5KGluZGV4OiBhbnksIGl0ZW06IGFueSkge1xyXG4gICAgcmV0dXJuIGl0ZW0/Lml0ZW1fbmFtZSA/PyBpdGVtPy5uYW1lO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2022/lib/workflow/shared/components/grc-category-listing/grc-category-listing.component.mjs

@@ -0,0 +1,119 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FloatingBarModule } from '../../../../sharedComponents/floating-bar/floating-bar.module';
+import { FormgroupModule } from '../../../../ui-kit/formgroup/formgroup.module';
+import { PaginationModule } from '../../../../ui-kit/pagination/pagination.module';
+import { PopoverModule } from '../../../../ui-kit/popover/popover.module';
+import { TooltipModule } from '../../../../ui-kit/tooltip/tooltip.module';
+import { PAGINATION_LIMITS } from '../../constants/pagination-limits.constant';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../../ui-kit/formgroup/cs-checkbox/cs-checkbox.component";
+import * as i3 from "../../../../ui-kit/formgroup/cs-checkbox-indeterminate/cs-checkbox-indeterminate.component";
+import * as i4 from "../../../../ui-kit/tooltip/tooltip.directive";
+import * as i5 from "../../../../ui-kit/pagination/pagination/pagination.component";
+export class GrcCategoryListingComponent {
+    set categoryList(value) {
+        this.categories = value;
+        this.activeCategoryId = this.categories[0]?.category_id;
+        this.setPaginationData();
+    }
+    set getProgramData(value) {
+        this.categories = value?.data;
+        this.activeCategoryId = value?.data[0]?.category_id;
+        this.totalPage = value?.total_pages;
+        this.totalCategory = value?.total_items ?? 0;
+        this.categoryFrom = value?.items_from ?? 0;
+        this.categoryEnd = value?.items_to ?? 0;
+        this.perPageLimit = PAGINATION_LIMITS?.mid_limit ?? 30;
+    }
+    constructor() {
+        this.categories = [];
+        this.tableCard = [];
+        this.selectedCategory = [];
+        this.selectedCategoryIds = [];
+        this.activeCategoryId = '';
+        this.activeCategory = {};
+        this.headerText = 'Categories';
+        this.selectedCatAndRisk = [];
+        this.currentPage = 1;
+        this.totalPage = 1;
+        this.totalCategory = 0;
+        this.perPageLimit = PAGINATION_LIMITS?.mid_limit ?? 30;
+        this.selectedTabIndex = 1;
+        this.nameDisplayKey = 'name';
+        this.categoryFrom = 0;
+        this.categoryEnd = 0;
+        this.activeSelectedCategory = new EventEmitter();
+        this.onCategoryPageChange = new EventEmitter();
+    }
+    ngOnInit() { }
+    getSelectedCategory(category, event) {
+        if (event) {
+            this.selectedCategory.push(category);
+            this.selectedCategoryIds.push(category?.category_id);
+            this.activeCategoryId = category?.category_id;
+            this.onCategoryClick(category, 'checked');
+        }
+        else {
+            this.deleteEvent(category);
+            this.onCategoryClick(category, 'unchecked');
+        }
+    }
+    deleteEvent(category) {
+        this.selectedCategory = this.selectedCategory?.filter((selected) => selected?.category_id !== category?.category_id);
+        this.selectedCategoryIds = this.selectedCategoryIds?.filter((selectedCategoryId) => selectedCategoryId !== category?.category_id);
+    }
+    onCategoryClick(category, clickedType) {
+        this.activeCategory = category;
+        this.activeSelectedCategory.emit({
+            category: this.activeCategory,
+            clickedType: clickedType,
+        });
+        this.activeCategoryId = category?.category_id;
+    }
+    setPaginationData() {
+        this.perPageLimit =
+            this.tableCard[this.selectedTabIndex]?.limit_per_page ?? 30;
+        this.totalCategory = this.tableCard[this.selectedTabIndex]?.categoryCount;
+        this.totalPage = Math.ceil(this.tableCard[this.selectedTabIndex]?.categoryCount /
+            this.tableCard[this.selectedTabIndex]?.limit_per_page);
+    }
+    changePage(event) {
+        this.currentPage = event;
+        this.onCategoryPageChange.emit({
+            pageNo: this.currentPage,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GrcCategoryListingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GrcCategoryListingComponent, isStandalone: true, selector: "app-grc-category-listing", inputs: { tableCard: "tableCard", headerText: "headerText", currentPage: "currentPage", selectedTabIndex: "selectedTabIndex", selectedCatAndRisk: "selectedCatAndRisk", selectedCategoryIds: "selectedCategoryIds", categoryList: ["categories", "categoryList"], getProgramData: ["programData", "getProgramData"] }, outputs: { activeSelectedCategory: "activeSelectedCategory", onCategoryPageChange: "onCategoryPageChange" }, ngImport: i0, template: "<div class=\"grc-category-listing\">\r\n    <div class=\"top-heading vx-pl-2 vx-mb-2 vx-d-flex vx-align-center\">\r\n        <app-cs-checkbox *ngIf=\"false\" [ngValue]=\"true\"></app-cs-checkbox>\r\n        <app-cs-checkbox-indeterminate *ngIf=\"false\"></app-cs-checkbox-indeterminate>\r\n        <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-ml-2 vx-lh-4\">{{headerText}}</div>\r\n    </div>\r\n    <div class=\"grc-category-listing-inner\">\r\n        <div class=\"category-table-body\" [class.with-pagination]=\"totalPage > 1\">\r\n            <div class=\"category-table-row cursor-pointer\" *ngFor=\"let category of categories; let i = index\" [class.active]=\"selectedCategoryIds?.includes(category?.category_id)\" [class.select]=\"activeCategoryId === category?.category_id\" (click)=\"onCategoryClick(category, 'view')\">\r\n                <div class=\"category-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\r\n                    <div class=\"sr-no\" [appTooltip]=\"i + (categoryFrom || (perPageLimit * (currentPage - 1) + 1))\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{(categoryFrom || (perPageLimit * (currentPage - 1) + 1)) + i}}</div>\r\n                    <app-cs-checkbox *ngIf=\"false\" [ngValue]=\"selectedCategoryIds?.includes(category?.category_id)\" (ngValueChange)=\"getSelectedCategory(category,$event)\"></app-cs-checkbox>\r\n                </div>\r\n                <div class=\"category-table-column vx-pr-1 vx-d-flex vx-align-center category-name\">\r\n                    <div class=\"value vx-fs-12 vx-label-txt vx-pr-5\" [appTooltip]=\"category[nameDisplayKey]\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{category[nameDisplayKey]}}</div>\r\n                </div>\r\n                <div class=\"category-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center action\">\r\n                    <i *ngIf=\"selectedCategoryIds?.includes(category?.category_id) || selectedCategoryIds?.includes(category?._id)\" class=\"icons grc-tick vx-fs-14\">&#xe93d;</i>\r\n                    <button class=\"arrow-btn vx-fs-12 vx-paragraph-txt vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe970;</i></button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <app-pagination *ngIf=\"totalPage > 1\" [start]=\"categoryFrom || (perPageLimit * (currentPage - 1) + 1)\" [end]=\"categoryEnd || (perPageLimit * currentPage)\" [total]=\"totalCategory\" [pageCount]=\"totalPage\" [currentPage]=\"currentPage\" (selectedPage)=\"changePage($event)\"></app-pagination>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .grc-category-listing .top-heading{border-left:1px solid transparent}::ng-deep .grc-category-listing .top-heading app-cs-checkbox,::ng-deep .grc-category-listing .top-heading app-cs-checkbox-indeterminate{width:1rem;height:1rem;position:relative}::ng-deep .grc-category-listing .top-heading app-cs-checkbox .checkbox-item,::ng-deep .grc-category-listing .top-heading app-cs-checkbox-indeterminate .checkbox-item{position:absolute;top:0;left:0;width:1rem;height:1rem}::ng-deep .grc-category-listing-inner{border-radius:.25rem;border:1px solid #f1f1f1;height:calc(100vh - 19rem);overflow:hidden}::ng-deep .grc-category-listing-inner .category-table-body{overflow:hidden;overflow-y:auto;height:calc(100vh - 19rem)}::ng-deep .grc-category-listing-inner .category-table-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row{border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;position:relative}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row:hover{background:#fbfbfb}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row:hover .category-table-column.serial app-cs-checkbox,::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.active .category-table-column.serial app-cs-checkbox{opacity:1}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.cursor-pointer{cursor:pointer}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select{background:#161b2f}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select .category-table-column.serial .sr-no{background:#ffffff30;color:#fff}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select .category-table-column.category-name .value{color:#fff}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select .category-table-column.action button.arrow-btn{color:#fff}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select.active .category-table-column.serial .sr-no{background:transparent}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column{min-height:2.5rem;position:relative;width:100%}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial .sr-no{width:1rem;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial app-cs-checkbox{background:#fff;border-radius:.125rem;position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial app-cs-checkbox .checkbox-item{position:absolute!important}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial app-cs-checkbox .checkbox-item .checkbox,::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial app-cs-checkbox .checkbox-item .checkmark{position:absolute;top:0}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.category-name{width:calc(100% - 3.5rem);min-width:calc(100% - 3.5rem)}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.category-name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.action{width:1.5rem;max-width:1.5rem;justify-content:center;position:relative}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.action button.arrow-btn{background:transparent;border-radius:0;border:none;width:100%;height:100%}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.action .grc-tick{color:#34aa44;position:absolute;top:13px;left:-16px}::ng-deep .grc-category-listing-inner .category-table-body.with-pagination{height:calc(100vh - 21.5rem)}::ng-deep .grc-category-listing-inner app-pagination .wk-pagination-sec-ds{background:#fff;border-radius:0;box-shadow:0 -10px 20px #1e5dd31a;padding:.5rem;justify-content:unset}::ng-deep .grc-category-listing-inner app-pagination .wk-pagination-sec-ds .right{order:1}::ng-deep .grc-category-listing-inner app-pagination .wk-pagination-sec-ds .right .goto-page{display:none!important}::ng-deep .grc-category-listing-inner app-pagination .wk-pagination-sec-ds .left{order:2;font-size:11px!important;color:#747576!important;text-transform:capitalize!important;margin-left:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "ngmodule", type: FormgroupModule }, { kind: "component", type: i2.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }, { kind: "component", type: i3.CsCheckboxIndeterminateComponent, selector: "app-cs-checkbox-indeterminate", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "ngmodule", type: FloatingBarModule }, { kind: "ngmodule", type: PaginationModule }, { kind: "component", type: i5.PaginationComponent, selector: "app-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GrcCategoryListingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-grc-category-listing', standalone: true, imports: [
+                        CommonModule,
+                        PopoverModule,
+                        FormgroupModule,
+                        TooltipModule,
+                        FloatingBarModule,
+                        PaginationModule,
+                    ], inputs: [
+                        'tableCard',
+                        'headerText',
+                        'currentPage',
+                        'selectedTabIndex',
+                        'selectedCatAndRisk',
+                        'selectedCategoryIds',
+                    ], template: "<div class=\"grc-category-listing\">\r\n    <div class=\"top-heading vx-pl-2 vx-mb-2 vx-d-flex vx-align-center\">\r\n        <app-cs-checkbox *ngIf=\"false\" [ngValue]=\"true\"></app-cs-checkbox>\r\n        <app-cs-checkbox-indeterminate *ngIf=\"false\"></app-cs-checkbox-indeterminate>\r\n        <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-ml-2 vx-lh-4\">{{headerText}}</div>\r\n    </div>\r\n    <div class=\"grc-category-listing-inner\">\r\n        <div class=\"category-table-body\" [class.with-pagination]=\"totalPage > 1\">\r\n            <div class=\"category-table-row cursor-pointer\" *ngFor=\"let category of categories; let i = index\" [class.active]=\"selectedCategoryIds?.includes(category?.category_id)\" [class.select]=\"activeCategoryId === category?.category_id\" (click)=\"onCategoryClick(category, 'view')\">\r\n                <div class=\"category-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\r\n                    <div class=\"sr-no\" [appTooltip]=\"i + (categoryFrom || (perPageLimit * (currentPage - 1) + 1))\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{(categoryFrom || (perPageLimit * (currentPage - 1) + 1)) + i}}</div>\r\n                    <app-cs-checkbox *ngIf=\"false\" [ngValue]=\"selectedCategoryIds?.includes(category?.category_id)\" (ngValueChange)=\"getSelectedCategory(category,$event)\"></app-cs-checkbox>\r\n                </div>\r\n                <div class=\"category-table-column vx-pr-1 vx-d-flex vx-align-center category-name\">\r\n                    <div class=\"value vx-fs-12 vx-label-txt vx-pr-5\" [appTooltip]=\"category[nameDisplayKey]\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{category[nameDisplayKey]}}</div>\r\n                </div>\r\n                <div class=\"category-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center action\">\r\n                    <i *ngIf=\"selectedCategoryIds?.includes(category?.category_id) || selectedCategoryIds?.includes(category?._id)\" class=\"icons grc-tick vx-fs-14\">&#xe93d;</i>\r\n                    <button class=\"arrow-btn vx-fs-12 vx-paragraph-txt vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe970;</i></button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <app-pagination *ngIf=\"totalPage > 1\" [start]=\"categoryFrom || (perPageLimit * (currentPage - 1) + 1)\" [end]=\"categoryEnd || (perPageLimit * currentPage)\" [total]=\"totalCategory\" [pageCount]=\"totalPage\" [currentPage]=\"currentPage\" (selectedPage)=\"changePage($event)\"></app-pagination>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .grc-category-listing .top-heading{border-left:1px solid transparent}::ng-deep .grc-category-listing .top-heading app-cs-checkbox,::ng-deep .grc-category-listing .top-heading app-cs-checkbox-indeterminate{width:1rem;height:1rem;position:relative}::ng-deep .grc-category-listing .top-heading app-cs-checkbox .checkbox-item,::ng-deep .grc-category-listing .top-heading app-cs-checkbox-indeterminate .checkbox-item{position:absolute;top:0;left:0;width:1rem;height:1rem}::ng-deep .grc-category-listing-inner{border-radius:.25rem;border:1px solid #f1f1f1;height:calc(100vh - 19rem);overflow:hidden}::ng-deep .grc-category-listing-inner .category-table-body{overflow:hidden;overflow-y:auto;height:calc(100vh - 19rem)}::ng-deep .grc-category-listing-inner .category-table-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row{border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;position:relative}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row:hover{background:#fbfbfb}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row:hover .category-table-column.serial app-cs-checkbox,::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.active .category-table-column.serial app-cs-checkbox{opacity:1}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.cursor-pointer{cursor:pointer}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select{background:#161b2f}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select .category-table-column.serial .sr-no{background:#ffffff30;color:#fff}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select .category-table-column.category-name .value{color:#fff}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select .category-table-column.action button.arrow-btn{color:#fff}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row.select.active .category-table-column.serial .sr-no{background:transparent}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column{min-height:2.5rem;position:relative;width:100%}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial .sr-no{width:1rem;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial app-cs-checkbox{background:#fff;border-radius:.125rem;position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial app-cs-checkbox .checkbox-item{position:absolute!important}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial app-cs-checkbox .checkbox-item .checkbox,::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.serial app-cs-checkbox .checkbox-item .checkmark{position:absolute;top:0}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.category-name{width:calc(100% - 3.5rem);min-width:calc(100% - 3.5rem)}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.category-name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.action{width:1.5rem;max-width:1.5rem;justify-content:center;position:relative}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.action button.arrow-btn{background:transparent;border-radius:0;border:none;width:100%;height:100%}::ng-deep .grc-category-listing-inner .category-table-body .category-table-row .category-table-column.action .grc-tick{color:#34aa44;position:absolute;top:13px;left:-16px}::ng-deep .grc-category-listing-inner .category-table-body.with-pagination{height:calc(100vh - 21.5rem)}::ng-deep .grc-category-listing-inner app-pagination .wk-pagination-sec-ds{background:#fff;border-radius:0;box-shadow:0 -10px 20px #1e5dd31a;padding:.5rem;justify-content:unset}::ng-deep .grc-category-listing-inner app-pagination .wk-pagination-sec-ds .right{order:1}::ng-deep .grc-category-listing-inner app-pagination .wk-pagination-sec-ds .right .goto-page{display:none!important}::ng-deep .grc-category-listing-inner app-pagination .wk-pagination-sec-ds .left{order:2;font-size:11px!important;color:#747576!important;text-transform:capitalize!important;margin-left:.75rem}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { categoryList: [{
+                type: Input,
+                args: ['categories']
+            }], getProgramData: [{
+                type: Input,
+                args: ['programData']
+            }], activeSelectedCategory: [{
+                type: Output
+            }], onCategoryPageChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JjLWNhdGVnb3J5LWxpc3RpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvd29ya2Zsb3cvc2hhcmVkL2NvbXBvbmVudHMvZ3JjLWNhdGVnb3J5LWxpc3RpbmcvZ3JjLWNhdGVnb3J5LWxpc3RpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvd29ya2Zsb3cvc2hhcmVkL2NvbXBvbmVudHMvZ3JjLWNhdGVnb3J5LWxpc3RpbmcvZ3JjLWNhdGVnb3J5LWxpc3RpbmcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0RBQStELENBQUM7QUFDbEcsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQ25GLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNENBQTRDLENBQUM7Ozs7Ozs7QUF3Qi9FLE1BQU0sT0FBTywyQkFBMkI7SUFpQnRDLElBQXlCLFlBQVksQ0FBQyxLQUFVO1FBQzlDLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJ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Q2IsZUFBZTt3QkFDZixhQUFhO3dCQUNiLGlCQUFpQjt3QkFDakIsZ0JBQWdCO3FCQUNqQixVQUdPO3dCQUNOLFdBQVc7d0JBQ1gsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3dCQUNwQixxQkFBcUI7cUJBQ3RCOzBFQW1Cd0IsWUFBWTtzQkFBcEMsS0FBSzt1QkFBQyxZQUFZO2dCQU1PLGNBQWM7c0JBQXZDLEtBQUs7dUJBQUMsYUFBYTtnQkFVVixzQkFBc0I7c0JBQS9CLE1BQU07Z0JBQ0csb0JBQW9CO3NCQUE3QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGbG9hdGluZ0Jhck1vZHVsZSB9IGZyb20gJy4uLy4uLy4uLy4uL3NoYXJlZENvbXBvbmVudHMvZmxvYXRpbmctYmFyL2Zsb2F0aW5nLWJhci5tb2R1bGUnO1xyXG5pbXBvcnQgeyBGb3JtZ3JvdXBNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi8uLi91aS1raXQvZm9ybWdyb3VwL2Zvcm1ncm91cC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBQYWdpbmF0aW9uTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vLi4vdWkta2l0L3BhZ2luYXRpb24vcGFnaW5hdGlvbi5tb2R1bGUnO1xyXG5pbXBvcnQgeyBQb3BvdmVyTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vLi4vdWkta2l0L3BvcG92ZXIvcG9wb3Zlci5tb2R1bGUnO1xyXG5pbXBvcnQgeyBUb29sdGlwTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vLi4vdWkta2l0L3Rvb2x0aXAvdG9vbHRpcC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBQQUdJTkFUSU9OX0xJTUlUUyB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9wYWdpbmF0aW9uLWxpbWl0cy5jb25zdGFudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1ncmMtY2F0ZWdvcnktbGlzdGluZycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBQb3BvdmVyTW9kdWxlLFxyXG4gICAgRm9ybWdyb3VwTW9kdWxlLFxyXG4gICAgVG9vbHRpcE1vZHVsZSxcclxuICAgIEZsb2F0aW5nQmFyTW9kdWxlLFxyXG4gICAgUGFnaW5hdGlvbk1vZHVsZSxcclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmMtY2F0ZWdvcnktbGlzdGluZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZ3JjLWNhdGVnb3J5LWxpc3RpbmcuY29tcG9uZW50Lmxlc3MnXSxcclxuICBpbnB1dHM6IFtcclxuICAgICd0YWJsZUNhcmQnLFxyXG4gICAgJ2hlYWRlclRleHQnLFxyXG4gICAgJ2N1cnJlbnRQYWdlJyxcclxuICAgICdzZWxlY3RlZFRhYkluZGV4JyxcclxuICAgICdzZWxlY3RlZENhdEFuZFJpc2snLFxyXG4gICAgJ3NlbGVjdGVkQ2F0ZWdvcnlJZHMnLFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBHcmNDYXRlZ29yeUxpc3RpbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGNhdGVnb3JpZXM6IGFueSA9IFtdO1xyXG4gIHRhYmxlQ2FyZDogQXJyYXk8YW55PiA9IFtdO1xyXG4gIHNlbGVjdGVkQ2F0ZWdvcnk6IGFueSA9IFtdO1xyXG4gIHNlbGVjdGVkQ2F0ZWdvcnlJZHM6IGFueSA9IFtdO1xyXG4gIGFjdGl2ZUNhdGVnb3J5SWQ6IHN0cmluZyA9ICcnO1xyXG4gIGFjdGl2ZUNhdGVnb3J5OiBhbnkgPSB7fTtcclxuICBoZWFkZXJUZXh0OiBzdHJpbmcgPSAnQ2F0ZWdvcmllcyc7XHJcbiAgc2VsZWN0ZWRDYXRBbmRSaXNrOiBhbnkgPSBbXTtcclxuICBjdXJyZW50UGFnZTogbnVtYmVyID0gMTtcclxuICB0b3RhbFBhZ2U6IG51bWJlciA9IDE7XHJcbiAgdG90YWxDYXRlZ29yeTogbnVtYmVyID0gMDtcclxuICBwZXJQYWdlTGltaXQ6IG51bWJlciA9IFBBR0lOQVRJT05fTElNSVRTPy5taWRfbGltaXQgPz8gMzA7XHJcbiAgc2VsZWN0ZWRUYWJJbmRleDogbnVtYmVyID0gMTtcclxuICBuYW1lRGlzcGxheUtleTogYW55ID0gJ25hbWUnO1xyXG4gIGNhdGVnb3J5RnJvbTogbnVtYmVyID0gMDtcclxuICBjYXRlZ29yeUVuZDogbnVtYmVyID0gMDtcclxuICBASW5wdXQoJ2NhdGVnb3JpZXMnKSBzZXQgY2F0ZWdvcnlMaXN0KHZhbHVlOiBhbnkpIHtcclxuICAgIHRoaXMuY2F0ZWdvcmllcyA9IHZhbHVlO1xyXG4gICAgdGhpcy5hY3RpdmVDYXRlZ29yeUlkID0gdGhpcy5jYXRlZ29yaWVzWzBdPy5jYXRlZ29yeV9pZDtcclxuICAgIHRoaXMuc2V0UGFnaW5hdGlvbkRhdGEoKTtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgncHJvZ3JhbURhdGEnKSBzZXQgZ2V0UHJvZ3JhbURhdGEodmFsdWU6IGFueSkge1xyXG4gICAgdGhpcy5jYXRlZ29yaWVzID0gdmFsdWU/LmRhdGE7XHJcbiAgICB0aGlzLmFjdGl2ZUNhdGVnb3J5SWQgPSB2YWx1ZT8uZGF0YVswXT8uY2F0ZWdvcnlfaWQ7XHJcbiAgICB0aGlzLnRvdGFsUGFnZSA9IHZhbHVlPy50b3RhbF9wYWdlcztcclxuICAgIHRoaXMudG90YWxDYXRlZ29yeSA9IHZhbHVlPy50b3RhbF9pdGVtcyA/PyAwO1xyXG4gICAgdGhpcy5jYXRlZ29yeUZyb20gPSB2YWx1ZT8uaXRlbXNfZnJvbSA/PyAwO1xyXG4gICAgdGhpcy5jYXRlZ29yeUVuZCA9IHZhbHVlPy5pdGVtc190byA/PyAwO1xyXG4gICAgdGhpcy5wZXJQYWdlTGltaXQgPSBQQUdJTkFUSU9OX0xJTUlUUz8ubWlkX2xpbWl0ID8/IDMwO1xyXG4gIH1cclxuXHJcbiAgQE91dHB1dCgpIGFjdGl2ZVNlbGVjdGVkQ2F0ZWdvcnk6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBvbkNhdGVnb3J5UGFnZUNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG5cclxuICBnZXRTZWxlY3RlZENhdGVnb3J5KGNhdGVnb3J5OiBhbnksIGV2ZW50OiBhbnkpIHtcclxuICAgIGlmIChldmVudCkge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkQ2F0ZWdvcnkucHVzaChjYXRlZ29yeSk7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRDYXRlZ29yeUlkcy5wdXNoKGNhdGVnb3J5Py5jYXRlZ29yeV9pZCk7XHJcbiAgICAgIHRoaXMuYWN0aXZlQ2F0ZWdvcnlJZCA9IGNhdGVnb3J5Py5jYXRlZ29yeV9pZDtcclxuICAgICAgdGhpcy5vbkNhdGVnb3J5Q2xpY2soY2F0ZWdvcnksICdjaGVja2VkJyk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmRlbGV0ZUV2ZW50KGNhdGVnb3J5KTtcclxuICAgICAgdGhpcy5vbkNhdGVnb3J5Q2xpY2soY2F0ZWdvcnksICd1bmNoZWNrZWQnKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGRlbGV0ZUV2ZW50KGNhdGVnb3J5OiBhbnkpIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRDYXRlZ29yeSA9IHRoaXMuc2VsZWN0ZWRDYXRlZ29yeT8uZmlsdGVyKFxyXG4gICAgICAoc2VsZWN0ZWQ6IGFueSkgPT4gc2VsZWN0ZWQ/LmNhdGVnb3J5X2lkICE9PSBjYXRlZ29yeT8uY2F0ZWdvcnlfaWRcclxuICAgICk7XHJcbiAgICB0aGlzLnNlbGVjdGVkQ2F0ZWdvcnlJZHMgPSB0aGlzLnNlbGVjdGVkQ2F0ZWdvcnlJZHM/LmZpbHRlcihcclxuICAgICAgKHNlbGVjdGVkQ2F0ZWdvcnlJZDogYW55KSA9PiBzZWxlY3RlZENhdGVnb3J5SWQgIT09IGNhdGVnb3J5Py5jYXRlZ29yeV9pZFxyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIG9uQ2F0ZWdvcnlDbGljayhcclxuICAgIGNhdGVnb3J5OiBhbnksXHJcbiAgICBjbGlja2VkVHlwZTogJ2NoZWNrZWQnIHwgJ3VuY2hlY2tlZCcgfCAndmlldydcclxuICApIHtcclxuICAgIHRoaXMuYWN0aXZlQ2F0ZWdvcnkgPSBjYXRlZ29yeTtcclxuICAgIHRoaXMuYWN0aXZlU2VsZWN0ZWRDYXRlZ29yeS5lbWl0KHtcclxuICAgICAgY2F0ZWdvcnk6IHRoaXMuYWN0aXZlQ2F0ZWdvcnksXHJcbiAgICAgIGNsaWNrZWRUeXBlOiBjbGlja2VkVHlwZSxcclxuICAgIH0pO1xyXG4gICAgdGhpcy5hY3RpdmVDYXRlZ29yeUlkID0gY2F0ZWdvcnk/LmNhdGVnb3J5X2lkO1xyXG4gIH1cclxuXHJcbiAgc2V0UGFnaW5hdGlvbkRhdGEoKSB7XHJcbiAgICB0aGlzLnBlclBhZ2VMaW1pdCA9XHJcbiAgICAgIHRoaXMudGFibGVDYXJkW3RoaXMuc2VsZWN0ZWRUYWJJbmRleF0/LmxpbWl0X3Blcl9wYWdlID8/IDMwO1xyXG4gICAgdGhpcy50b3RhbENhdGVnb3J5ID0gdGhpcy50YWJsZUNhcmRbdGhpcy5zZWxlY3RlZFRhYkluZGV4XT8uY2F0ZWdvcnlDb3VudDtcclxuICAgIHRoaXMudG90YWxQYWdlID0gTWF0aC5jZWlsKFxyXG4gICAgICB0aGlzLnRhYmxlQ2FyZFt0aGlzLnNlbGVjdGVkVGFiSW5kZXhdPy5jYXRlZ29yeUNvdW50IC9cclxuICAgICAgICB0aGlzLnRhYmxlQ2FyZFt0aGlzLnNlbGVjdGVkVGFiSW5kZXhdPy5saW1pdF9wZXJfcGFnZVxyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIGNoYW5nZVBhZ2UoZXZlbnQ6IG51bWJlcikge1xyXG4gICAgdGhpcy5jdXJyZW50UGFnZSA9IGV2ZW50O1xyXG4gICAgdGhpcy5vbkNhdGVnb3J5UGFnZUNoYW5nZS5lbWl0KHtcclxuICAgICAgcGFnZU5vOiB0aGlzLmN1cnJlbnRQYWdlLFxyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJncmMtY2F0ZWdvcnktbGlzdGluZ1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cInRvcC1oZWFkaW5nIHZ4LXBsLTIgdngtbWItMiB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyXCI+XHJcbiAgICAgICAgPGFwcC1jcy1jaGVja2JveCAqbmdJZj1cImZhbHNlXCIgW25nVmFsdWVdPVwidHJ1ZVwiPjwvYXBwLWNzLWNoZWNrYm94PlxyXG4gICAgICAgIDxhcHAtY3MtY2hlY2tib3gtaW5kZXRlcm1pbmF0ZSAqbmdJZj1cImZhbHNlXCI+PC9hcHAtY3MtY2hlY2tib3gtaW5kZXRlcm1pbmF0ZT5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidngtZnMtMTEgdngtZnctNTAwIHZ4LWxhYmVsLXR4dCB2eC10dC11cHBlcmNhc2UgdngtbWwtMiB2eC1saC00XCI+e3toZWFkZXJUZXh0fX08L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImdyYy1jYXRlZ29yeS1saXN0aW5nLWlubmVyXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhdGVnb3J5LXRhYmxlLWJvZHlcIiBbY2xhc3Mud2l0aC1wYWdpbmF0aW9uXT1cInRvdGFsUGFnZSA+IDFcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhdGVnb3J5LXRhYmxlLXJvdyBjdXJzb3ItcG9pbnRlclwiICpuZ0Zvcj1cImxldCBjYXRlZ29yeSBvZiBjYXRlZ29yaWVzOyBsZXQgaSA9IGluZGV4XCIgW2NsYXNzLmFjdGl2ZV09XCJzZWxlY3RlZENhdGVnb3J5SWRzPy5pbmNsdWRlcyhjYXRlZ29yeT8uY2F0ZWdvcnlfaWQpXCIgW2NsYXNzLnNlbGVjdF09XCJhY3RpdmVDYXRlZ29yeUlkID09PSBjYXRlZ29yeT8uY2F0ZWdvcnlfaWRcIiAoY2xpY2spPVwib25DYXRlZ29yeUNsaWNrKGNhdGVnb3J5LCAndmlldycpXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2F0ZWdvcnktdGFibGUtY29sdW1uIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHNlcmlhbFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzci1ub1wiIFthcHBUb29sdGlwXT1cImkgKyAoY2F0ZWdvcnlGcm9tIHx8IChwZXJQYWdlTGltaXQgKiAoY3VycmVudFBhZ2UgLSAxKSArIDEpKVwiIHBsYWNlbWVudD1cImJvdHRvbVwiIGRlbGF5PVwiMFwiIHR5cGU9XCJibGFja1wiIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIj57eyhjYXRlZ29yeUZyb20gfHwgKHBlclBhZ2VMaW1pdCAqIChjdXJyZW50UGFnZSAtIDEpICsgMSkpICsgaX19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGFwcC1jcy1jaGVja2JveCAqbmdJZj1cImZhbHNlXCIgW25nVmFsdWVdPVwic2VsZWN0ZWRDYXRlZ29yeUlkcz8uaW5jbHVkZXMoY2F0ZWdvcnk/LmNhdGVnb3J5X2lkKVwiIChuZ1ZhbHVlQ2hhbmdlKT1cImdldFNlbGVjdGVkQ2F0ZWdvcnkoY2F0ZWdvcnksJGV2ZW50KVwiPjwvYXBwLWNzLWNoZWNrYm94PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2F0ZWdvcnktdGFibGUtY29sdW1uIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciBjYXRlZ29yeS1uYW1lXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlIHZ4LWZzLTEyIHZ4LWxhYmVsLXR4dCB2eC1wci01XCIgW2FwcFRvb2x0aXBdPVwiY2F0ZWdvcnlbbmFtZURpc3BsYXlLZXldXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiPnt7Y2F0ZWdvcnlbbmFtZURpc3BsYXlLZXldfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhdGVnb3J5LXRhYmxlLWNvbHVtbiB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciBhY3Rpb25cIj5cclxuICAgICAgICAgICAgICAgICAgICA8aSAqbmdJZj1cInNlbGVjdGVkQ2F0ZWdvcnlJZHM/LmluY2x1ZGVzKGNhdGVnb3J5Py5jYXRlZ29yeV9pZCkgfHwgc2VsZWN0ZWRDYXRlZ29yeUlkcz8uaW5jbHVkZXMoY2F0ZWdvcnk/Ll9pZClcIiBjbGFzcz1cImljb25zIGdyYy10aWNrIHZ4LWZzLTE0XCI+JiN4ZTkzZDs8L2k+XHJcbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImFycm93LWJ0biB2eC1mcy0xMiB2eC1wYXJhZ3JhcGgtdHh0IHZ4LXAtMCB2eC1tLTAgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlclwiPjxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlOTcwOzwvaT48L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8YXBwLXBhZ2luYXRpb24gKm5nSWY9XCJ0b3RhbFBhZ2UgPiAxXCIgW3N0YXJ0XT1cImNhdGVnb3J5RnJvbSB8fCAocGVyUGFnZUxpbWl0ICogKGN1cnJlbnRQYWdlIC0gMSkgKyAxKVwiIFtlbmRdPVwiY2F0ZWdvcnlFbmQgfHwgKHBlclBhZ2VMaW1pdCAqIGN1cnJlbnRQYWdlKVwiIFt0b3RhbF09XCJ0b3RhbENhdGVnb3J5XCIgW3BhZ2VDb3VudF09XCJ0b3RhbFBhZ2VcIiBbY3VycmVudFBhZ2VdPVwiY3VycmVudFBhZ2VcIiAoc2VsZWN0ZWRQYWdlKT1cImNoYW5nZVBhZ2UoJGV2ZW50KVwiPjwvYXBwLXBhZ2luYXRpb24+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19