vc-create-dashboard 3.0.84 → 3.0.86

package/esm2022/lib/ui-kit/formgroup/cs-switch/cs-switch.component.mjs

@@ -0,0 +1,39 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "../../tooltip/tooltip.directive";
+export class CsSwitchComponent {
+    disabled;
+    ngValue;
+    value;
+    ngValueChange = new EventEmitter();
+    tooltipMessage;
+    position;
+    constructor() { }
+    ngOnInit() {
+        // console.log(this.value);
+    }
+    valueChanged() {
+        this.ngValueChange.emit(this.ngValue);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CsSwitchComponent, selector: "app-cs-switch", inputs: { disabled: "disabled", ngValue: "ngValue", value: "value", tooltipMessage: "tooltipMessage", position: "position" }, outputs: { ngValueChange: "ngValueChange" }, ngImport: i0, template: "<label class=\"cs-switch\" [class.top]=\"position == 'top'\">\r\n  <!-- [class.large]=\"large\" -->\r\n  <span class=\"value\">\r\n    <span [innerHTML]=\"value\" *ngIf=\"value != undefined\"></span>\r\n    <!-- <span class=\"notification\" *ngIf=\"!tooltipMessage\" [arTooltip]=\"tooltipMessage\" placement=\"bottom-right\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n        <i class=\"vc-icons\">&#xe9f3;</i>\r\n      </span> -->\r\n  </span>\r\n  <!-- [class.last]=\"last\" -->\r\n  <span class=\"switch\" *ngIf=\"tooltipMessage === '' || tooltipMessage === undefined\">\r\n    <input type=\"checkbox\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" [disabled]=\"disabled\" />\r\n    <span class=\"switch-box\">\r\n      <span class=\"switch-ball\"></span>\r\n    </span>\r\n  </span>\r\n  <span\r\n    class=\"switch\"\r\n    *ngIf=\"tooltipMessage !== '' && tooltipMessage !== undefined\"\r\n    [arTooltip]=\"tooltipMessage\"\r\n    placement=\"bottom-right\"\r\n    delay=\"0\"\r\n    type=\"black\"\r\n    [tooltipMandatory]=\"true\"\r\n  >\r\n    <input type=\"checkbox\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" [disabled]=\"disabled\" />\r\n    <span class=\"switch-box\">\r\n      <span class=\"switch-ball\"></span>\r\n    </span>\r\n  </span>\r\n</label>\r\n", styles: ["label.cs-switch{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0}label.cs-switch.top{align-items:flex-start}label.cs-switch span.value{font-size:12px;color:#161b2f;font-weight:400;display:flex;justify-content:space-between;width:calc(100% - 35px);align-items:flex-start}label.cs-switch span.switch{position:relative;display:block;width:25px;height:14px}label.cs-switch span.switch input{position:absolute;opacity:0;margin:0;width:100%;height:100%;z-index:1;cursor:pointer}label.cs-switch span.switch input:checked+span.switch-box{background:#34aa44;border:1px solid #34aa44}label.cs-switch span.switch input:checked+span.switch-box .switch-ball{left:13px}label.cs-switch span.switch input:disabled{pointer-events:none}label.cs-switch span.switch input:disabled+.switch-box{opacity:.5}label.cs-switch span.switch-box{height:100%;width:100%;border-radius:11px;background:#bcbcbc;border:1px solid #bcbcbc;display:block;transition:all .2s ease-in-out}label.cs-switch span.switch-ball{height:10px;width:10px;background:#fff;border-radius:50%;border:1px solid #ffffff;display:block;position:absolute;left:2px;top:2px;bottom:1px;transition:all .2s ease-in-out}label.cs-switch span.notification{display:inline-flex;font-size:12px;cursor:pointer;color:#4681ef;align-items:center;line-height:20px;margin:0 10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsSwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-cs-switch', template: "<label class=\"cs-switch\" [class.top]=\"position == 'top'\">\r\n  <!-- [class.large]=\"large\" -->\r\n  <span class=\"value\">\r\n    <span [innerHTML]=\"value\" *ngIf=\"value != undefined\"></span>\r\n    <!-- <span class=\"notification\" *ngIf=\"!tooltipMessage\" [arTooltip]=\"tooltipMessage\" placement=\"bottom-right\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n        <i class=\"vc-icons\">&#xe9f3;</i>\r\n      </span> -->\r\n  </span>\r\n  <!-- [class.last]=\"last\" -->\r\n  <span class=\"switch\" *ngIf=\"tooltipMessage === '' || tooltipMessage === undefined\">\r\n    <input type=\"checkbox\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" [disabled]=\"disabled\" />\r\n    <span class=\"switch-box\">\r\n      <span class=\"switch-ball\"></span>\r\n    </span>\r\n  </span>\r\n  <span\r\n    class=\"switch\"\r\n    *ngIf=\"tooltipMessage !== '' && tooltipMessage !== undefined\"\r\n    [arTooltip]=\"tooltipMessage\"\r\n    placement=\"bottom-right\"\r\n    delay=\"0\"\r\n    type=\"black\"\r\n    [tooltipMandatory]=\"true\"\r\n  >\r\n    <input type=\"checkbox\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" [disabled]=\"disabled\" />\r\n    <span class=\"switch-box\">\r\n      <span class=\"switch-ball\"></span>\r\n    </span>\r\n  </span>\r\n</label>\r\n", styles: ["label.cs-switch{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0}label.cs-switch.top{align-items:flex-start}label.cs-switch span.value{font-size:12px;color:#161b2f;font-weight:400;display:flex;justify-content:space-between;width:calc(100% - 35px);align-items:flex-start}label.cs-switch span.switch{position:relative;display:block;width:25px;height:14px}label.cs-switch span.switch input{position:absolute;opacity:0;margin:0;width:100%;height:100%;z-index:1;cursor:pointer}label.cs-switch span.switch input:checked+span.switch-box{background:#34aa44;border:1px solid #34aa44}label.cs-switch span.switch input:checked+span.switch-box .switch-ball{left:13px}label.cs-switch span.switch input:disabled{pointer-events:none}label.cs-switch span.switch input:disabled+.switch-box{opacity:.5}label.cs-switch span.switch-box{height:100%;width:100%;border-radius:11px;background:#bcbcbc;border:1px solid #bcbcbc;display:block;transition:all .2s ease-in-out}label.cs-switch span.switch-ball{height:10px;width:10px;background:#fff;border-radius:50%;border:1px solid #ffffff;display:block;position:absolute;left:2px;top:2px;bottom:1px;transition:all .2s ease-in-out}label.cs-switch span.notification{display:inline-flex;font-size:12px;cursor:pointer;color:#4681ef;align-items:center;line-height:20px;margin:0 10px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
+                type: Input
+            }], ngValue: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], ngValueChange: [{
+                type: Output
+            }], tooltipMessage: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Mtc3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyZWF0ZS1kYXNoYm9hcmQvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL2NzLXN3aXRjaC9jcy1zd2l0Y2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JlYXRlLWRhc2hib2FyZC9zcmMvbGliL3VpLWtpdC9mb3JtZ3JvdXAvY3Mtc3dpdGNoL2NzLXN3aXRjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQU8vRSxNQUFNLE9BQU8saUJBQWlCO0lBQ25CLFFBQVEsQ0FBVztJQUNuQixPQUFPLENBQU07SUFDYixLQUFLLENBQU07SUFDVixhQUFhLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUN6QyxjQUFjLENBQU07SUFDcEIsUUFBUSxDQUFNO0lBQ3ZCLGdCQUFlLENBQUM7SUFFaEIsUUFBUTtRQUNOLDJCQUEyQjtJQUM3QixDQUFDO0lBQ0QsWUFBWTtRQUNWLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4QyxDQUFDO3dHQWRVLGlCQUFpQjs0RkFBakIsaUJBQWlCLGdPQ1A5Qix3eUNBOEJBOzs0RkR2QmEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLGVBQWU7MEVBS2hCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNO2dCQUNFLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNzLXN3aXRjaCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NzLXN3aXRjaC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3Mtc3dpdGNoLmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDc1N3aXRjaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIG5nVmFsdWU6IGFueTtcclxuICBASW5wdXQoKSB2YWx1ZTogYW55O1xyXG4gIEBPdXRwdXQoKSBuZ1ZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQElucHV0KCkgdG9vbHRpcE1lc3NhZ2U6IGFueTtcclxuICBASW5wdXQoKSBwb3NpdGlvbjogYW55O1xyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAvLyBjb25zb2xlLmxvZyh0aGlzLnZhbHVlKTtcclxuICB9XHJcbiAgdmFsdWVDaGFuZ2VkKCkge1xyXG4gICAgdGhpcy5uZ1ZhbHVlQ2hhbmdlLmVtaXQodGhpcy5uZ1ZhbHVlKTtcclxuICB9XHJcbn1cclxuIiwiPGxhYmVsIGNsYXNzPVwiY3Mtc3dpdGNoXCIgW2NsYXNzLnRvcF09XCJwb3NpdGlvbiA9PSAndG9wJ1wiPlxyXG4gIDwhLS0gW2NsYXNzLmxhcmdlXT1cImxhcmdlXCIgLS0+XHJcbiAgPHNwYW4gY2xhc3M9XCJ2YWx1ZVwiPlxyXG4gICAgPHNwYW4gW2lubmVySFRNTF09XCJ2YWx1ZVwiICpuZ0lmPVwidmFsdWUgIT0gdW5kZWZpbmVkXCI+PC9zcGFuPlxyXG4gICAgPCEtLSA8c3BhbiBjbGFzcz1cIm5vdGlmaWNhdGlvblwiICpuZ0lmPVwiIXRvb2x0aXBNZXNzYWdlXCIgW2FyVG9vbHRpcF09XCJ0b29sdGlwTWVzc2FnZVwiIHBsYWNlbWVudD1cImJvdHRvbS1yaWdodFwiIGRlbGF5PVwiMFwiIHR5cGU9XCJibGFja1wiIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIj5cclxuICAgICAgICA8aSBjbGFzcz1cInZjLWljb25zXCI+JiN4ZTlmMzs8L2k+XHJcbiAgICAgIDwvc3Bhbj4gLS0+XHJcbiAgPC9zcGFuPlxyXG4gIDwhLS0gW2NsYXNzLmxhc3RdPVwibGFzdFwiIC0tPlxyXG4gIDxzcGFuIGNsYXNzPVwic3dpdGNoXCIgKm5nSWY9XCJ0b29sdGlwTWVzc2FnZSA9PT0gJycgfHwgdG9vbHRpcE1lc3NhZ2UgPT09IHVuZGVmaW5lZFwiPlxyXG4gICAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIFsobmdNb2RlbCldPVwibmdWYWx1ZVwiIChuZ01vZGVsQ2hhbmdlKT1cInZhbHVlQ2hhbmdlZCgpXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgLz5cclxuICAgIDxzcGFuIGNsYXNzPVwic3dpdGNoLWJveFwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cInN3aXRjaC1iYWxsXCI+PC9zcGFuPlxyXG4gICAgPC9zcGFuPlxyXG4gIDwvc3Bhbj5cclxuICA8c3BhblxyXG4gICAgY2xhc3M9XCJzd2l0Y2hcIlxyXG4gICAgKm5nSWY9XCJ0b29sdGlwTWVzc2FnZSAhPT0gJycgJiYgdG9vbHRpcE1lc3NhZ2UgIT09IHVuZGVmaW5lZFwiXHJcbiAgICBbYXJUb29sdGlwXT1cInRvb2x0aXBNZXNzYWdlXCJcclxuICAgIHBsYWNlbWVudD1cImJvdHRvbS1yaWdodFwiXHJcbiAgICBkZWxheT1cIjBcIlxyXG4gICAgdHlwZT1cImJsYWNrXCJcclxuICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIlxyXG4gID5cclxuICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBbKG5nTW9kZWwpXT1cIm5nVmFsdWVcIiAobmdNb2RlbENoYW5nZSk9XCJ2YWx1ZUNoYW5nZWQoKVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIC8+XHJcbiAgICA8c3BhbiBjbGFzcz1cInN3aXRjaC1ib3hcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJzd2l0Y2gtYmFsbFwiPjwvc3Bhbj5cclxuICAgIDwvc3Bhbj5cclxuICA8L3NwYW4+XHJcbjwvbGFiZWw+XHJcbiJdfQ==

package/esm2022/lib/ui-kit/formgroup/formgroup.module.mjs

@@ -0,0 +1,55 @@
+import { FormsModule } from '@angular/forms';
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CsCheckboxComponent } from './cs-checkbox/cs-checkbox.component';
+import { CsRadioComponent } from './cs-radio/cs-radio.component';
+import { CsSwitchComponent } from './cs-switch/cs-switch.component';
+import { CsRadioGroupComponent } from './cs-radio-group/cs-radio-group.component';
+import { CsFormSelectComponent } from './cs-select/cs-select.component';
+import { TooltipModule } from '../tooltip/tooltip.module';
+import { PascalPipe } from './pipes/pascal.pipe';
+import { SearchMultiSelectPipe } from './pipes/searchMultiSelect.pipe';
+import { ClickOutsideDirective } from './click-outside.directive';
+import * as i0 from "@angular/core";
+export class FormgroupModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormgroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FormgroupModule, declarations: [CsCheckboxComponent,
+            CsRadioComponent,
+            CsSwitchComponent,
+            CsRadioGroupComponent,
+            CsFormSelectComponent,
+            PascalPipe,
+            SearchMultiSelectPipe,
+            ClickOutsideDirective], imports: [CommonModule, FormsModule, TooltipModule], exports: [CsCheckboxComponent,
+            CsRadioComponent,
+            CsSwitchComponent,
+            CsRadioGroupComponent,
+            CsFormSelectComponent,
+            SearchMultiSelectPipe] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormgroupModule, imports: [CommonModule, FormsModule, TooltipModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormgroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CsCheckboxComponent,
+                        CsRadioComponent,
+                        CsSwitchComponent,
+                        CsRadioGroupComponent,
+                        CsFormSelectComponent,
+                        PascalPipe,
+                        SearchMultiSelectPipe,
+                        ClickOutsideDirective,
+                    ],
+                    imports: [CommonModule, FormsModule, TooltipModule],
+                    exports: [
+                        CsCheckboxComponent,
+                        CsRadioComponent,
+                        CsSwitchComponent,
+                        CsRadioGroupComponent,
+                        CsFormSelectComponent,
+                        SearchMultiSelectPipe,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWdyb3VwLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyZWF0ZS1kYXNoYm9hcmQvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL2Zvcm1ncm91cC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDdkUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBdUJsRSxNQUFNLE9BQU8sZUFBZTt3R0FBZixlQUFlO3lHQUFmLGVBQWUsaUJBbkJ4QixtQkFBbUI7WUFDbkIsZ0JBQWdCO1lBQ2hCLGlCQUFpQjtZQUNqQixxQkFBcUI7WUFDckIscUJBQXFCO1lBQ3JCLFVBQVU7WUFDVixxQkFBcUI7WUFDckIscUJBQXFCLGFBRWIsWUFBWSxFQUFFLFdBQVcsRUFBRSxhQUFhLGFBRWhELG1CQUFtQjtZQUNuQixnQkFBZ0I7WUFDaEIsaUJBQWlCO1lBQ2pCLHFCQUFxQjtZQUNyQixxQkFBcUI7WUFDckIscUJBQXFCO3lHQUdaLGVBQWUsWUFWaEIsWUFBWSxFQUFFLFdBQVcsRUFBRSxhQUFhOzs0RkFVdkMsZUFBZTtrQkFyQjNCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLG1CQUFtQjt3QkFDbkIsZ0JBQWdCO3dCQUNoQixpQkFBaUI7d0JBQ2pCLHFCQUFxQjt3QkFDckIscUJBQXFCO3dCQUNyQixVQUFVO3dCQUNWLHFCQUFxQjt3QkFDckIscUJBQXFCO3FCQUN0QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLGFBQWEsQ0FBQztvQkFDbkQsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjt3QkFDbkIsZ0JBQWdCO3dCQUNoQixpQkFBaUI7d0JBQ2pCLHFCQUFxQjt3QkFDckIscUJBQXFCO3dCQUNyQixxQkFBcUI7cUJBQ3RCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENzQ2hlY2tib3hDb21wb25lbnQgfSBmcm9tICcuL2NzLWNoZWNrYm94L2NzLWNoZWNrYm94LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENzUmFkaW9Db21wb25lbnQgfSBmcm9tICcuL2NzLXJhZGlvL2NzLXJhZGlvLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENzU3dpdGNoQ29tcG9uZW50IH0gZnJvbSAnLi9jcy1zd2l0Y2gvY3Mtc3dpdGNoLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENzUmFkaW9Hcm91cENvbXBvbmVudCB9IGZyb20gJy4vY3MtcmFkaW8tZ3JvdXAvY3MtcmFkaW8tZ3JvdXAuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ3NGb3JtU2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi9jcy1zZWxlY3QvY3Mtc2VsZWN0LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRvb2x0aXBNb2R1bGUgfSBmcm9tICcuLi90b29sdGlwL3Rvb2x0aXAubW9kdWxlJztcclxuaW1wb3J0IHsgUGFzY2FsUGlwZSB9IGZyb20gJy4vcGlwZXMvcGFzY2FsLnBpcGUnO1xyXG5pbXBvcnQgeyBTZWFyY2hNdWx0aVNlbGVjdFBpcGUgfSBmcm9tICcuL3BpcGVzL3NlYXJjaE11bHRpU2VsZWN0LnBpcGUnO1xyXG5pbXBvcnQgeyBDbGlja091dHNpZGVEaXJlY3RpdmUgfSBmcm9tICcuL2NsaWNrLW91dHNpZGUuZGlyZWN0aXZlJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBDc0NoZWNrYm94Q29tcG9uZW50LFxyXG4gICAgQ3NSYWRpb0NvbXBvbmVudCxcclxuICAgIENzU3dpdGNoQ29tcG9uZW50LFxyXG4gICAgQ3NSYWRpb0dyb3VwQ29tcG9uZW50LFxyXG4gICAgQ3NGb3JtU2VsZWN0Q29tcG9uZW50LFxyXG4gICAgUGFzY2FsUGlwZSxcclxuICAgIFNlYXJjaE11bHRpU2VsZWN0UGlwZSxcclxuICAgIENsaWNrT3V0c2lkZURpcmVjdGl2ZSxcclxuICBdLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvcm1zTW9kdWxlLCBUb29sdGlwTW9kdWxlXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBDc0NoZWNrYm94Q29tcG9uZW50LFxyXG4gICAgQ3NSYWRpb0NvbXBvbmVudCxcclxuICAgIENzU3dpdGNoQ29tcG9uZW50LFxyXG4gICAgQ3NSYWRpb0dyb3VwQ29tcG9uZW50LFxyXG4gICAgQ3NGb3JtU2VsZWN0Q29tcG9uZW50LFxyXG4gICAgU2VhcmNoTXVsdGlTZWxlY3RQaXBlLFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGb3JtZ3JvdXBNb2R1bGUge31cclxuIl19

package/esm2022/lib/ui-kit/formgroup/pipes/pascal.pipe.mjs

@@ -0,0 +1,19 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class PascalPipe {
+    transform(value, ...args) {
+        if (typeof value !== 'string') {
+            return value;
+        }
+        return value.charAt(0).toUpperCase() + value.slice(1);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PascalPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PascalPipe, name: "pascal" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PascalPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pascal',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzY2FsLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L2Zvcm1ncm91cC9waXBlcy9wYXNjYWwucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFLcEQsTUFBTSxPQUFPLFVBQVU7SUFDckIsU0FBUyxDQUFDLEtBQWEsRUFBRSxHQUFHLElBQWU7UUFDekMsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUU7WUFDN0IsT0FBTyxLQUFLLENBQUM7U0FDZDtRQUNELE9BQU8sS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3hELENBQUM7d0dBTlUsVUFBVTtzR0FBVixVQUFVOzs0RkFBVixVQUFVO2tCQUh0QixJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxRQUFRO2lCQUNmIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQFBpcGUoe1xyXG4gIG5hbWU6ICdwYXNjYWwnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGFzY2FsUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG4gIHRyYW5zZm9ybSh2YWx1ZTogc3RyaW5nLCAuLi5hcmdzOiB1bmtub3duW10pOiB1bmtub3duIHtcclxuICAgIGlmICh0eXBlb2YgdmFsdWUgIT09ICdzdHJpbmcnKSB7XHJcbiAgICAgIHJldHVybiB2YWx1ZTtcclxuICAgIH1cclxuICAgIHJldHVybiB2YWx1ZS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIHZhbHVlLnNsaWNlKDEpO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2022/lib/ui-kit/formgroup/pipes/searchMultiSelect.pipe.mjs

@@ -0,0 +1,24 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SearchMultiSelectPipe {
+    transform(value, key, searchKey) {
+        if (searchKey && searchKey.length > 0) {
+            searchKey = searchKey.toLowerCase();
+            return value.filter((item) => {
+                if (item[key].toLowerCase().includes(searchKey)) {
+                    return item;
+                }
+            });
+        }
+        return value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchMultiSelectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SearchMultiSelectPipe, name: "searchMultiSelect" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchMultiSelectPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'searchMultiSelect',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoTXVsdGlTZWxlY3QucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyZWF0ZS1kYXNoYm9hcmQvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL3BpcGVzL3NlYXJjaE11bHRpU2VsZWN0LnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBS3BELE1BQU0sT0FBTyxxQkFBcUI7SUFDaEMsU0FBUyxDQUFDLEtBQVksRUFBRSxHQUFXLEVBQUUsU0FBaUI7UUFDcEQsSUFBSSxTQUFTLElBQUksU0FBUyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDckMsU0FBUyxHQUFHLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNwQyxPQUFPLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtnQkFDM0IsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxFQUFFO29CQUMvQyxPQUFPLElBQUksQ0FBQztpQkFDYjtZQUNILENBQUMsQ0FBQyxDQUFDO1NBQ0o7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7d0dBWFUscUJBQXFCO3NHQUFyQixxQkFBcUI7OzRGQUFyQixxQkFBcUI7a0JBSGpDLElBQUk7bUJBQUM7b0JBQ0osSUFBSSxFQUFFLG1CQUFtQjtpQkFDMUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AUGlwZSh7XHJcbiAgbmFtZTogJ3NlYXJjaE11bHRpU2VsZWN0JyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNlYXJjaE11bHRpU2VsZWN0UGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG4gIHRyYW5zZm9ybSh2YWx1ZTogYW55W10sIGtleTogc3RyaW5nLCBzZWFyY2hLZXk6IHN0cmluZyk6IGFueVtdIHtcclxuICAgIGlmIChzZWFyY2hLZXkgJiYgc2VhcmNoS2V5Lmxlbmd0aCA+IDApIHtcclxuICAgICAgc2VhcmNoS2V5ID0gc2VhcmNoS2V5LnRvTG93ZXJDYXNlKCk7XHJcbiAgICAgIHJldHVybiB2YWx1ZS5maWx0ZXIoKGl0ZW0pID0+IHtcclxuICAgICAgICBpZiAoaXRlbVtrZXldLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoc2VhcmNoS2V5KSkge1xyXG4gICAgICAgICAgcmV0dXJuIGl0ZW07XHJcbiAgICAgICAgfVxyXG4gICAgICB9KTtcclxuICAgIH1cclxuICAgIHJldHVybiB2YWx1ZTtcclxuICB9XHJcbn1cclxuIl19

package/esm2022/lib/ui-kit/loaders/loaders.module.mjs

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { TableLoaderComponent } from './table-loader/table-loader.component';
+import * as i0 from "@angular/core";
+export class LoadersModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: LoadersModule, declarations: [TableLoaderComponent], imports: [CommonModule], exports: [TableLoaderComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadersModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadersModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TableLoaderComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        TableLoaderComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVycy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L2xvYWRlcnMvbG9hZGVycy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7O0FBZTdFLE1BQU0sT0FBTyxhQUFhO3dHQUFiLGFBQWE7eUdBQWIsYUFBYSxpQkFUdEIsb0JBQW9CLGFBR3BCLFlBQVksYUFHWixvQkFBb0I7eUdBR1gsYUFBYSxZQU50QixZQUFZOzs0RkFNSCxhQUFhO2tCQVh6QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixvQkFBb0I7cUJBQ3JCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxvQkFBb0I7cUJBQ3JCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgVGFibGVMb2FkZXJDb21wb25lbnQgfSBmcm9tICcuL3RhYmxlLWxvYWRlci90YWJsZS1sb2FkZXIuY29tcG9uZW50JztcclxuXHJcblxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIFRhYmxlTG9hZGVyQ29tcG9uZW50XHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIFRhYmxlTG9hZGVyQ29tcG9uZW50XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTG9hZGVyc01vZHVsZSB7IH1cclxuIl19

package/esm2022/lib/ui-kit/loaders/table-loader/table-loader.component.mjs

@@ -0,0 +1,18 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class TableLoaderComponent {
+    listSize = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+    constructor() { }
+    ngOnInit() {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableLoaderComponent, selector: "app-table-loader", inputs: { listSize: "listSize" }, ngImport: i0, template: "<div class=\"table\">\r\n    <table class=\"table-loader\">\r\n        <tbody>\r\n            <tr *ngFor=\"let data of listSize\">\r\n                <td class=\"serial\">\r\n                    <span class=\"serial\"></span>\r\n                </td>\r\n                <td class=\"name\" width=\"50%\">\r\n                    <span class=\"loader\"></span>\r\n                </td>\r\n                <td class=\"action\" width=\"50%\">\r\n                    <span class=\"loader\"></span>\r\n                </td>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n</div>", styles: [".table table.table-loader{width:100%;position:relative;border-collapse:separate;border-spacing:0 .1875rem;border:none;table-layout:auto}.table table.table-loader thead tr th{font-size:.6875rem;padding:.75rem .625rem;background:#f1f1f1;text-transform:uppercase;color:#747576;font-weight:600;line-height:1.0625rem;text-align:left;position:sticky;top:.1875rem;font-weight:400;white-space:nowrap;z-index:2}.table table.table-loader thead tr th:before{height:.3125rem;content:\"\";position:absolute;top:-.1875rem;right:0;left:0;background:#f1f1f1;z-index:1}.table table.table-loader thead tr th:first-child{border-radius:2px 0 0;text-align:center;width:2.75rem}.table table.table-loader thead tr th:last-child{border-radius:0 2px 0 0}.table table.table-loader thead tr th:last-child:before{border-radius:0 2px 0 0}.table table.table-loader tbody tr{margin-bottom:.1875rem;table-layout:auto;position:relative;transition:all .2s ease-in-out}.table table.table-loader tbody tr td{background:#fff;padding:0 .5rem;height:3.125rem;max-width:15.625rem;border:none;width:50%;table-layout:auto}.table table.table-loader tbody tr td.serial{width:2rem}.table table.table-loader tbody tr td span.serial{width:1rem;margin:0;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:.625rem;display:flex;align-items:center;justify-content:center;height:3.125rem;font-weight:500}.table table.table-loader tbody tr td span.loader{display:block;width:100%;height:.75rem;border-radius:.75rem;background:#f3f3f3}.table table.table-loader tbody tr td.name{width:calc(100% - 31.25rem);padding-left:0}.table table.table-loader tbody tr td:first-child{border-radius:2px 0 0 2px}.table table.table-loader tbody tr td:last-child{text-align:right;border-radius:0 2px 2px 0}.table table.table-loader tbody tr td:last-child .loader{border-radius:.5rem;width:1.5rem;float:right}.table table.table-loader tbody tr:hover{box-shadow:0 0 15px #1e5dd359;z-index:2}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableLoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-table-loader', template: "<div class=\"table\">\r\n    <table class=\"table-loader\">\r\n        <tbody>\r\n            <tr *ngFor=\"let data of listSize\">\r\n                <td class=\"serial\">\r\n                    <span class=\"serial\"></span>\r\n                </td>\r\n                <td class=\"name\" width=\"50%\">\r\n                    <span class=\"loader\"></span>\r\n                </td>\r\n                <td class=\"action\" width=\"50%\">\r\n                    <span class=\"loader\"></span>\r\n                </td>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n</div>", styles: [".table table.table-loader{width:100%;position:relative;border-collapse:separate;border-spacing:0 .1875rem;border:none;table-layout:auto}.table table.table-loader thead tr th{font-size:.6875rem;padding:.75rem .625rem;background:#f1f1f1;text-transform:uppercase;color:#747576;font-weight:600;line-height:1.0625rem;text-align:left;position:sticky;top:.1875rem;font-weight:400;white-space:nowrap;z-index:2}.table table.table-loader thead tr th:before{height:.3125rem;content:\"\";position:absolute;top:-.1875rem;right:0;left:0;background:#f1f1f1;z-index:1}.table table.table-loader thead tr th:first-child{border-radius:2px 0 0;text-align:center;width:2.75rem}.table table.table-loader thead tr th:last-child{border-radius:0 2px 0 0}.table table.table-loader thead tr th:last-child:before{border-radius:0 2px 0 0}.table table.table-loader tbody tr{margin-bottom:.1875rem;table-layout:auto;position:relative;transition:all .2s ease-in-out}.table table.table-loader tbody tr td{background:#fff;padding:0 .5rem;height:3.125rem;max-width:15.625rem;border:none;width:50%;table-layout:auto}.table table.table-loader tbody tr td.serial{width:2rem}.table table.table-loader tbody tr td span.serial{width:1rem;margin:0;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:.625rem;display:flex;align-items:center;justify-content:center;height:3.125rem;font-weight:500}.table table.table-loader tbody tr td span.loader{display:block;width:100%;height:.75rem;border-radius:.75rem;background:#f3f3f3}.table table.table-loader tbody tr td.name{width:calc(100% - 31.25rem);padding-left:0}.table table.table-loader tbody tr td:first-child{border-radius:2px 0 0 2px}.table table.table-loader tbody tr td:last-child{text-align:right;border-radius:0 2px 2px 0}.table table.table-loader tbody tr td:last-child .loader{border-radius:.5rem;width:1.5rem;float:right}.table table.table-loader tbody tr:hover{box-shadow:0 0 15px #1e5dd359;z-index:2}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { listSize: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtbG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyZWF0ZS1kYXNoYm9hcmQvc3JjL2xpYi91aS1raXQvbG9hZGVycy90YWJsZS1sb2FkZXIvdGFibGUtbG9hZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyZWF0ZS1kYXNoYm9hcmQvc3JjL2xpYi91aS1raXQvbG9hZGVycy90YWJsZS1sb2FkZXIvdGFibGUtbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFPekQsTUFBTSxPQUFPLG9CQUFvQjtJQUV0QixRQUFRLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUU1RCxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzt3R0FQVSxvQkFBb0I7NEZBQXBCLG9CQUFvQiwwRkNQakMseWtCQWdCTTs7NEZEVE8sb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGtCQUFrQjswRUFNbkIsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtdGFibGUtbG9hZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGFibGUtbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90YWJsZS1sb2FkZXIuY29tcG9uZW50Lmxlc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFibGVMb2FkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBsaXN0U2l6ZSA9IFsxLCAxLCAxLCAxLCAxLCAxLCAxLCAxLCAxLCAxLCAxLCAxLCAxXTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwidGFibGVcIj5cclxuICAgIDx0YWJsZSBjbGFzcz1cInRhYmxlLWxvYWRlclwiPlxyXG4gICAgICAgIDx0Ym9keT5cclxuICAgICAgICAgICAgPHRyICpuZ0Zvcj1cImxldCBkYXRhIG9mIGxpc3RTaXplXCI+XHJcbiAgICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJzZXJpYWxcIj5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNlcmlhbFwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDwvdGQ+XHJcbiAgICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJuYW1lXCIgd2lkdGg9XCI1MCVcIj5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImxvYWRlclwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDwvdGQ+XHJcbiAgICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJhY3Rpb25cIiB3aWR0aD1cIjUwJVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibG9hZGVyXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPC90ZD5cclxuICAgICAgICAgICAgPC90cj5cclxuICAgICAgICA8L3Rib2R5PlxyXG4gICAgPC90YWJsZT5cclxuPC9kaXY+Il19

package/esm2022/lib/ui-kit/no-data/no-data.component.mjs

@@ -0,0 +1,47 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class NoDataComponent {
+    action;
+    noDataImage;
+    noDataText = '';
+    noDataButton;
+    noDataSecButton;
+    altText;
+    buttonAction = new EventEmitter();
+    smallButton;
+    buttonIcon;
+    iconClass;
+    constructor() { }
+    ngOnInit() { }
+    actionEmitter(button) {
+        this.buttonAction.emit(button);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NoDataComponent, selector: "app-no-data", inputs: { action: "action", noDataImage: "noDataImage", noDataText: "noDataText", noDataButton: "noDataButton", noDataSecButton: "noDataSecButton", altText: "altText", smallButton: "smallButton", buttonIcon: "buttonIcon", iconClass: "iconClass" }, outputs: { buttonAction: "buttonAction" }, ngImport: i0, template: "<div class=\"no-data-wrapper\">\r\n    <div class=\"no-data-container\">\r\n        <img [src]=\"noDataImage\" [alt]=\"altText\" class=\"image\" />\r\n        <p class=\"text\" [innerHTML]=\"noDataText\" *ngIf=\"noDataText\"></p>\r\n        <div class=\"button-row\" *ngFor=\"let button of action\">\r\n                <button *ngIf=\"!button?.buttonIcon\" (click)=\"actionEmitter(button)\" [innerHTML]=\"button?.buttonText\"\r\n                    [class.small]=\"smallButton\"></button>\r\n                <button *ngIf=\"button?.buttonIcon\" (click)=\"actionEmitter(button)\" [class.small]=\"smallButton\">\r\n                    <i class=\"icons\" [innerHTML]=\"button?.buttonIcon\"></i> <span\r\n                        [innerHTML]=\"button?.buttonText\"></span>\r\n                </button>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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\";::ng-deep .no-data-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#fff;border-radius:2px}::ng-deep .no-data-container{display:inline-block;text-align:center;width:450px}::ng-deep .no-data-container .image{width:250px;margin-bottom:12px;display:inline-block}::ng-deep .no-data-container p.text{font-size:13px;font-weight:400;line-height:20px;color:#787a8c;text-align:center;margin:0}::ng-deep .no-data-container p.text strong{font-weight:500}::ng-deep .no-data-container button{width:auto;height:38px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500;line-height:24px;cursor:pointer;background:#1e5dd3;border:1px solid #1e5dd3;outline:none;text-transform:uppercase;padding:0 16px}::ng-deep .no-data-container button+button{margin-left:5px}::ng-deep .no-data-container button i+span{margin-left:12px}::ng-deep .no-data-container button.small{width:60px;height:24px;font-size:11px}::ng-deep .no-data-container button.small i{margin-right:5px;font-size:9px}::ng-deep .no-data-container .button-row{display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-no-data', template: "<div class=\"no-data-wrapper\">\r\n    <div class=\"no-data-container\">\r\n        <img [src]=\"noDataImage\" [alt]=\"altText\" class=\"image\" />\r\n        <p class=\"text\" [innerHTML]=\"noDataText\" *ngIf=\"noDataText\"></p>\r\n        <div class=\"button-row\" *ngFor=\"let button of action\">\r\n                <button *ngIf=\"!button?.buttonIcon\" (click)=\"actionEmitter(button)\" [innerHTML]=\"button?.buttonText\"\r\n                    [class.small]=\"smallButton\"></button>\r\n                <button *ngIf=\"button?.buttonIcon\" (click)=\"actionEmitter(button)\" [class.small]=\"smallButton\">\r\n                    <i class=\"icons\" [innerHTML]=\"button?.buttonIcon\"></i> <span\r\n                        [innerHTML]=\"button?.buttonText\"></span>\r\n                </button>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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\";::ng-deep .no-data-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#fff;border-radius:2px}::ng-deep .no-data-container{display:inline-block;text-align:center;width:450px}::ng-deep .no-data-container .image{width:250px;margin-bottom:12px;display:inline-block}::ng-deep .no-data-container p.text{font-size:13px;font-weight:400;line-height:20px;color:#787a8c;text-align:center;margin:0}::ng-deep .no-data-container p.text strong{font-weight:500}::ng-deep .no-data-container button{width:auto;height:38px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500;line-height:24px;cursor:pointer;background:#1e5dd3;border:1px solid #1e5dd3;outline:none;text-transform:uppercase;padding:0 16px}::ng-deep .no-data-container button+button{margin-left:5px}::ng-deep .no-data-container button i+span{margin-left:12px}::ng-deep .no-data-container button.small{width:60px;height:24px;font-size:11px}::ng-deep .no-data-container button.small i{margin-right:5px;font-size:9px}::ng-deep .no-data-container .button-row{display:flex;justify-content:center}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { action: [{
+                type: Input
+            }], noDataImage: [{
+                type: Input
+            }], noDataText: [{
+                type: Input
+            }], noDataButton: [{
+                type: Input
+            }], noDataSecButton: [{
+                type: Input
+            }], altText: [{
+                type: Input
+            }], buttonAction: [{
+                type: Output
+            }], smallButton: [{
+                type: Input
+            }], buttonIcon: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tZGF0YS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L25vLWRhdGEvbm8tZGF0YS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L25vLWRhdGEvbm8tZGF0YS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPL0UsTUFBTSxPQUFPLGVBQWU7SUFDakIsTUFBTSxDQUFPO0lBQ2IsV0FBVyxDQUFVO0lBQ3JCLFVBQVUsR0FBRyxFQUFFLENBQUM7SUFDaEIsWUFBWSxDQUFvQjtJQUNoQyxlQUFlLENBQW9CO0lBQ25DLE9BQU8sQ0FBVTtJQUNoQixZQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUMzQyxXQUFXLENBQVc7SUFDdEIsVUFBVSxDQUFPO0lBQ2pCLFNBQVMsQ0FBTztJQUN6QixnQkFBZ0IsQ0FBQztJQUVqQixRQUFRLEtBQVcsQ0FBQztJQUVwQixhQUFhLENBQUMsTUFBYztRQUMxQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDO3dHQWpCVSxlQUFlOzRGQUFmLGVBQWUsc1ZDUDVCLHcwQkFhTTs7NEZETk8sZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxhQUFhOzBFQUtkLE1BQU07c0JBQWQsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixNQUFNO2dCQUNFLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtbm8tZGF0YScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25vLWRhdGEuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL25vLWRhdGEuY29tcG9uZW50Lmxlc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE5vRGF0YUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgYWN0aW9uITogYW55O1xyXG4gIEBJbnB1dCgpIG5vRGF0YUltYWdlITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG5vRGF0YVRleHQgPSAnJztcclxuICBASW5wdXQoKSBub0RhdGFCdXR0b24hOiBzdHJpbmcgfCBib29sZWFuO1xyXG4gIEBJbnB1dCgpIG5vRGF0YVNlY0J1dHRvbiE6IHN0cmluZyB8IGJvb2xlYW47XHJcbiAgQElucHV0KCkgYWx0VGV4dCE6IHN0cmluZztcclxuICBAT3V0cHV0KCkgYnV0dG9uQWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxvYmplY3Q+KCk7XHJcbiAgQElucHV0KCkgc21hbGxCdXR0b24hOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGJ1dHRvbkljb24hOiBhbnk7XHJcbiAgQElucHV0KCkgaWNvbkNsYXNzITogYW55O1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQgeyB9XHJcblxyXG4gIGFjdGlvbkVtaXR0ZXIoYnV0dG9uOiBvYmplY3QpIHtcclxuICAgIHRoaXMuYnV0dG9uQWN0aW9uLmVtaXQoYnV0dG9uKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm5vLWRhdGEtd3JhcHBlclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIm5vLWRhdGEtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGltZyBbc3JjXT1cIm5vRGF0YUltYWdlXCIgW2FsdF09XCJhbHRUZXh0XCIgY2xhc3M9XCJpbWFnZVwiIC8+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCIgW2lubmVySFRNTF09XCJub0RhdGFUZXh0XCIgKm5nSWY9XCJub0RhdGFUZXh0XCI+PC9wPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b24tcm93XCIgKm5nRm9yPVwibGV0IGJ1dHRvbiBvZiBhY3Rpb25cIj5cclxuICAgICAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCIhYnV0dG9uPy5idXR0b25JY29uXCIgKGNsaWNrKT1cImFjdGlvbkVtaXR0ZXIoYnV0dG9uKVwiIFtpbm5lckhUTUxdPVwiYnV0dG9uPy5idXR0b25UZXh0XCJcclxuICAgICAgICAgICAgICAgICAgICBbY2xhc3Muc21hbGxdPVwic21hbGxCdXR0b25cIj48L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCJidXR0b24/LmJ1dHRvbkljb25cIiAoY2xpY2spPVwiYWN0aW9uRW1pdHRlcihidXR0b24pXCIgW2NsYXNzLnNtYWxsXT1cInNtYWxsQnV0dG9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uc1wiIFtpbm5lckhUTUxdPVwiYnV0dG9uPy5idXR0b25JY29uXCI+PC9pPiA8c3BhblxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cImJ1dHRvbj8uYnV0dG9uVGV4dFwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/ui-kit/no-data/no-data.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NoDataComponent } from './no-data.component';
+import * as i0 from "@angular/core";
+export class NoDataModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NoDataModule, declarations: [NoDataComponent], imports: [CommonModule], exports: [NoDataComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NoDataComponent],
+                    imports: [CommonModule],
+                    exports: [NoDataComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tZGF0YS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L25vLWRhdGEvbm8tZGF0YS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQU90RCxNQUFNLE9BQU8sWUFBWTt3R0FBWixZQUFZO3lHQUFaLFlBQVksaUJBSlIsZUFBZSxhQUNwQixZQUFZLGFBQ1osZUFBZTt5R0FFZCxZQUFZLFlBSGIsWUFBWTs7NEZBR1gsWUFBWTtrQkFMeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQy9CLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE5vRGF0YUNvbXBvbmVudCB9IGZyb20gJy4vbm8tZGF0YS5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtOb0RhdGFDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIGV4cG9ydHM6IFtOb0RhdGFDb21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTm9EYXRhTW9kdWxlIHt9XHJcbiJdfQ==

package/esm2022/lib/ui-kit/pagination/pagination.component.mjs

@@ -0,0 +1,130 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../create-dashboard-container/services/pagination.service";
+import * as i2 from "@angular/common";
+/**
+ * Adds place holder for Pagination on the lists
+ */
+export class PaginationComponent {
+    paginationService;
+    start = 1;
+    totalCount;
+    paginationArray = [];
+    currentPage;
+    totalPages = 1;
+    limit = 1;
+    totalList = 1;
+    paginationFilter = new EventEmitter();
+    constructor(paginationService) {
+        this.paginationService = paginationService;
+    }
+    ngOnChanges() {
+        this.currentPage = Number(this.paginationService.currentPage);
+        this.start = Number(this.paginationService.currentPage);
+        this.rebuildPagination(this.currentPage, this.totalPages);
+    }
+    ngOnInit() {
+        this.currentPage = Number(this.paginationService.currentPage);
+        this.start = Number(this.paginationService.currentPage);
+        this.rebuildPagination(this.currentPage, this.totalPages);
+        this.paginationService.currentValues.subscribe(event => {
+            if (event && (this.paginationService.currentPage !== this.currentPage)) {
+                this.currentPage = this.paginationService.currentPage;
+            }
+        });
+    }
+    /* In this function we will recreate the pagination structure as per current page and
+     total number of pages */
+    rebuildPagination(currentPage, totalCount) {
+        this.paginationArray = [];
+        this.totalCount = totalCount;
+        this.currentPage = currentPage;
+        if (this.paginationService.currentPage !== this.currentPage) {
+            this.paginationService.currentPage = this.currentPage;
+            this.paginationFilter.emit(true);
+        }
+        // If there are only 6 pages or less in total, just display all pages without "..."
+        if (totalCount <= 6) {
+            for (let i = 1; i <= totalCount; i++) {
+                this.paginationArray.push(i);
+            }
+        }
+        // ELSE display with ...
+        else {
+            // Always print first page button
+            this.paginationArray.push(1);
+            // Print "..." if currentPage is > 3
+            if (currentPage > 3) {
+                // this.paginationArray.push(2);
+                this.paginationArray.push('...');
+            }
+            // special case where last page is selected...
+            // Without this special case, only 2 buttons would be shown after ... if you were on last page
+            if (currentPage === totalCount) {
+                this.paginationArray.push(currentPage - 2);
+            }
+            // Print previous number button if currentPage > 2
+            if (currentPage > 2) {
+                this.paginationArray.push(currentPage - 1);
+            }
+            // Print current page number button as long as it not the first or last page
+            if (currentPage !== 1 && currentPage !== totalCount) {
+                this.paginationArray.push(currentPage);
+            }
+            // print next page number button if currentPage < lastPage - 1
+            if (currentPage < totalCount - 1) {
+                this.paginationArray.push(currentPage + 1);
+            }
+            // special case where first page is selected...
+            // Without this special case, only 2 buttons would be shown before ... if you were on first page
+            if (currentPage === 1) {
+                this.paginationArray.push(currentPage + 2);
+            }
+            // print "..." if currentPage is < lastPage -2
+            if (currentPage < totalCount - 2) {
+                this.paginationArray.push('...');
+                // HTML += "...";
+            }
+            // Always print last page button if there is more than 1 page
+            if (totalCount > 1) {
+                this.paginationArray.push(totalCount);
+            }
+        }
+    }
+    /* In this function we will set current page according to the action performed on browser
+       ex: prev next buttons clicks or selecting a particular page */
+    changePage(prev, page, next) {
+        if (prev) {
+            if (this.start > 1) {
+                this.start--;
+                // We have changed the start page, total rebuild the pagination
+                this.rebuildPagination(this.start, this.totalCount);
+            }
+        }
+        if (next) {
+            if (this.start < this.totalCount) {
+                this.start++;
+                this.rebuildPagination(this.start, this.totalCount);
+            }
+        }
+        if (page) {
+            this.start = page;
+            this.rebuildPagination(this.start, this.totalCount);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginationComponent, deps: [{ token: i1.PaginationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PaginationComponent, selector: "app-pagination", inputs: { totalPages: "totalPages", limit: "limit", totalList: "totalList" }, outputs: { paginationFilter: "paginationFilter" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pagination-box\">\r\n    <ul>\r\n        <li><button [class.disabled]=\"currentPage==1\" (click)=\"changePage('prev',0,'')\"><i class=\"icons vx-fs-10\">&#xe96b;</i></button></li>\r\n        <li *ngFor=\"let page of paginationArray\">\r\n            <button [disabled]=\"page=='...'\" [class.disable]=\"page=='...'\" [class.active]=\"currentPage==page\" (click)=\"changePage('',page,'')\">\r\n                <i *ngIf=\"page=='...'\" class=\"icons\">&#xe911;</i>{{page!='...'?page : ''}}\r\n            </button>\r\n        </li>\r\n        <li><button [class.disabled]=\"currentPage==totalCount\" (click)=\"changePage('',0,'next')\"><i class=\"icons vx-fs-10\">&#xe970;</i></button></li>\r\n    </ul>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.pagination-box{margin-bottom:12px}.pagination-box ul{display:flex;align-items:center;padding:0;margin:0}.pagination-box ul li{list-style:none;display:flex}.pagination-box ul li+li{margin-left:4px}.pagination-box ul li:first-child{margin-right:4px;height:24px}.pagination-box ul li:first-child button{color:#1e5dd3;font-size:17px}.pagination-box ul li:last-child{margin-left:8px!important;height:24px}.pagination-box ul li:last-child button{color:#1e5dd3;font-size:17px}.pagination-box ul li button{border:1px solid #dbdbdb;background:#fff;border-radius:2px;color:#161b2f;font-weight:400;height:24px;min-width:24px;padding:0 5px;display:inline-flex;justify-content:center;align-items:center;outline:none;cursor:pointer;font-size:11px;margin:0}.pagination-box ul li button.active,.pagination-box ul li button:hover{border-color:#1e5dd3;color:#1e5dd3}.pagination-box ul li button.disabled{filter:grayscale(100%);pointer-events:none;background:#f1f1f1;color:#bcbcbc!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-pagination', template: "<div class=\"pagination-box\">\r\n    <ul>\r\n        <li><button [class.disabled]=\"currentPage==1\" (click)=\"changePage('prev',0,'')\"><i class=\"icons vx-fs-10\">&#xe96b;</i></button></li>\r\n        <li *ngFor=\"let page of paginationArray\">\r\n            <button [disabled]=\"page=='...'\" [class.disable]=\"page=='...'\" [class.active]=\"currentPage==page\" (click)=\"changePage('',page,'')\">\r\n                <i *ngIf=\"page=='...'\" class=\"icons\">&#xe911;</i>{{page!='...'?page : ''}}\r\n            </button>\r\n        </li>\r\n        <li><button [class.disabled]=\"currentPage==totalCount\" (click)=\"changePage('',0,'next')\"><i class=\"icons vx-fs-10\">&#xe970;</i></button></li>\r\n    </ul>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.pagination-box{margin-bottom:12px}.pagination-box ul{display:flex;align-items:center;padding:0;margin:0}.pagination-box ul li{list-style:none;display:flex}.pagination-box ul li+li{margin-left:4px}.pagination-box ul li:first-child{margin-right:4px;height:24px}.pagination-box ul li:first-child button{color:#1e5dd3;font-size:17px}.pagination-box ul li:last-child{margin-left:8px!important;height:24px}.pagination-box ul li:last-child button{color:#1e5dd3;font-size:17px}.pagination-box ul li button{border:1px solid #dbdbdb;background:#fff;border-radius:2px;color:#161b2f;font-weight:400;height:24px;min-width:24px;padding:0 5px;display:inline-flex;justify-content:center;align-items:center;outline:none;cursor:pointer;font-size:11px;margin:0}.pagination-box ul li button.active,.pagination-box ul li button:hover{border-color:#1e5dd3;color:#1e5dd3}.pagination-box ul li button.disabled{filter:grayscale(100%);pointer-events:none;background:#f1f1f1;color:#bcbcbc!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.PaginationService }]; }, propDecorators: { totalPages: [{
+                type: Input
+            }], limit: [{
+                type: Input
+            }], totalList: [{
+                type: Input
+            }], paginationFilter: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L3BhZ2luYXRpb24vcGFnaW5hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L3BhZ2luYXRpb24vcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFxQixLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVExRjs7R0FFRztBQUNILE1BQU0sT0FBTyxtQkFBbUI7SUFVVjtJQVRwQixLQUFLLEdBQUcsQ0FBQyxDQUFDO0lBQ1YsVUFBVSxDQUFVO0lBQ3BCLGVBQWUsR0FBVSxFQUFFLENBQUM7SUFDNUIsV0FBVyxDQUFVO0lBQ1osVUFBVSxHQUFHLENBQUMsQ0FBQztJQUNmLEtBQUssR0FBRyxDQUFDLENBQUM7SUFDVixTQUFTLEdBQUcsQ0FBQyxDQUFDO0lBQ2IsZ0JBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVoRCxZQUFvQixpQkFBb0M7UUFBcEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtJQUN4RCxDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUM5RCxJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDeEQsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzVELENBQUM7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QkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDSSxnQkFBZ0I7c0JBQXpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgT25DaGFuZ2VzLCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUGFnaW5hdGlvblNlcnZpY2UgfSBmcm9tICcuLi8uLi9jcmVhdGUtZGFzaGJvYXJkLWNvbnRhaW5lci9zZXJ2aWNlcy9wYWdpbmF0aW9uLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtcGFnaW5hdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3BhZ2luYXRpb24uY29tcG9uZW50Lmxlc3MnXVxyXG59KVxyXG4vKipcclxuICogQWRkcyBwbGFjZSBob2xkZXIgZm9yIFBhZ2luYXRpb24gb24gdGhlIGxpc3RzXHJcbiAqL1xyXG5leHBvcnQgY2xhc3MgUGFnaW5hdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICBzdGFydCA9IDE7XHJcbiAgdG90YWxDb3VudCE6IG51bWJlcjtcclxuICBwYWdpbmF0aW9uQXJyYXk6IGFueVtdID0gW107XHJcbiAgY3VycmVudFBhZ2UhOiBudW1iZXI7XHJcbiAgQElucHV0KCkgdG90YWxQYWdlcyA9IDE7XHJcbiAgQElucHV0KCkgbGltaXQgPSAxO1xyXG4gIEBJbnB1dCgpIHRvdGFsTGlzdCA9IDE7XHJcbiAgQE91dHB1dCgpIHBhZ2luYXRpb25GaWx0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcGFnaW5hdGlvblNlcnZpY2U6IFBhZ2luYXRpb25TZXJ2aWNlKSB7XHJcbiAgfVxyXG4gIG5nT25DaGFuZ2VzKCkge1xyXG4gICAgdGhpcy5jdXJyZW50UGFnZSA9IE51bWJlcih0aGlzLnBhZ2luYXRpb25TZXJ2aWNlLmN1cnJlbnRQYWdlKTtcclxuICAgIHRoaXMuc3RhcnQgPSBOdW1iZXIodGhpcy5wYWdpbmF0aW9uU2VydmljZS5jdXJyZW50UGFnZSk7XHJcbiAgICB0aGlzLnJlYnVpbGRQYWdpbmF0aW9uKHRoaXMuY3VycmVudFBhZ2UsIHRoaXMudG90YWxQYWdlcyk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuY3VycmVudFBhZ2UgPSBOdW1iZXIodGhpcy5wYWdpbmF0aW9uU2VydmljZS5jdXJyZW50UGFnZSk7XHJcbiAgICB0aGlzLnN0YXJ0ID0gTnVtYmVyKHRoaXMucGFnaW5hdGlvblNlcnZpY2UuY3VycmVudFBhZ2UpO1xyXG4gICAgdGhpcy5yZWJ1aWxkUGFnaW5hdGlvbih0aGlzLmN1cnJlbnRQYWdlLCB0aGlzLnRvdGFsUGFnZXMpO1xyXG4gICAgdGhpcy5wYWdpbmF0aW9uU2VydmljZS5jdXJyZW50VmFsdWVzLnN1YnNjcmliZShldmVudCA9PiB7XHJcbiAgICAgIGlmIChldmVudCAmJiAodGhpcy5wYWdpbmF0aW9uU2VydmljZS5jdXJyZW50UGFnZSAhPT0gdGhpcy5jdXJyZW50UGFnZSkpIHtcclxuICAgICAgICB0aGlzLmN1cnJlbnRQYWdlID0gdGhpcy5wYWdpbmF0aW9uU2VydmljZS5jdXJyZW50UGFnZTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICAvKiBJbiB0aGlzIGZ1bmN0aW9uIHdlIHdpbGwgcmVjcmVhdGUgdGhlIHBhZ2luYXRpb24gc3RydWN0dXJlIGFzIHBlciBjdXJyZW50IHBhZ2UgYW5kXHJcbiAgIHRvdGFsIG51bWJlciBvZiBwYWdlcyAqL1xyXG5cclxuICByZWJ1aWxkUGFnaW5hdGlvbihjdXJyZW50UGFnZTogbnVtYmVyLCB0b3RhbENvdW50OiBudW1iZXIpIHtcclxuICAgIHRoaXMucGFnaW5hdGlvbkFycmF5ID0gW107XHJcbiAgICB0aGlzLnRvdGFsQ291bnQgPSB0b3RhbENvdW50O1xyXG4gICAgdGhpcy5jdXJyZW50UGFnZSA9IGN1cnJlbnRQYWdlO1xyXG4gICAgaWYgKHRoaXMucGFnaW5hdGlvblNlcnZpY2UuY3VycmVudFBhZ2UgIT09IHRoaXMuY3VycmVudFBhZ2UpIHtcclxuICAgICAgdGhpcy5wYWdpbmF0aW9uU2VydmljZS5jdXJyZW50UGFnZSA9IHRoaXMuY3VycmVudFBhZ2U7XHJcbiAgICAgIHRoaXMucGFnaW5hdGlvbkZpbHRlci5lbWl0KHRydWUpO1xyXG4gICAgfVxyXG5cclxuICAgIC8vIElmIHRoZXJlIGFyZSBvbmx5IDYgcGFnZXMgb3IgbGVzcyBpbiB0b3RhbCwganVzdCBkaXNwbGF5IGFsbCBwYWdlcyB3aXRob3V0IFwiLi4uXCJcclxuICAgIGlmICh0b3RhbENvdW50IDw9IDYpIHtcclxuICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPD0gdG90YWxDb3VudDsgaSsrKSB7XHJcbiAgICAgICAgdGhpcy5wYWdpbmF0aW9uQXJyYXkucHVzaChpKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgLy8gRUxTRSBkaXNwbGF5IHdpdGggLi4uXHJcbiAgICBlbHNlIHtcclxuXHJcbiAgICAgIC8vIEFsd2F5cyBwcmludCBmaXJzdCBwYWdlIGJ1dHRvblxyXG4gICAgICB0aGlzLnBhZ2luYXRpb25BcnJheS5wdXNoKDEpO1xyXG5cclxuICAgICAgLy8gUHJpbnQgXCIuLi5cIiBpZiBjdXJyZW50UGFnZSBpcyA+IDNcclxuICAgICAgaWYgKGN1cnJlbnRQYWdlID4gMykge1xyXG4gICAgICAgIC8vIHRoaXMucGFnaW5hdGlvbkFycmF5LnB1c2goMik7XHJcbiAgICAgICAgdGhpcy5wYWdpbmF0aW9uQXJyYXkucHVzaCgnLi4uJyk7XHJcblxyXG4gICAgICB9XHJcbiAgICAgIC8vIHNwZWNpYWwgY2FzZSB3aGVyZSBsYXN0IHBhZ2UgaXMgc2VsZWN0ZWQuLi5cclxuICAgICAgLy8gV2l0aG91dCB0aGlzIHNwZWNpYWwgY2FzZSwgb25seSAyIGJ1dHRvbnMgd291bGQgYmUgc2hvd24gYWZ0ZXIgLi4uIGlmIHlvdSB3ZXJlIG9uIGxhc3QgcGFnZVxyXG4gICAgICBpZiAoY3VycmVudFBhZ2UgPT09IHRvdGFsQ291bnQpIHtcclxuICAgICAgICB0aGlzLnBhZ2luYXRpb25BcnJheS5wdXNoKGN1cnJlbnRQYWdlIC0gMik7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIC8vIFByaW50IHByZXZpb3VzIG51bWJlciBidXR0b24gaWYgY3VycmVudFBhZ2UgPiAyXHJcbiAgICAgIGlmIChjdXJyZW50UGFnZSA+IDIpIHtcclxuICAgICAgICB0aGlzLnBhZ2luYXRpb25BcnJheS5wdXNoKGN1cnJlbnRQYWdlIC0gMSk7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIC8vIFByaW50IGN1cnJlbnQgcGFnZSBudW1iZXIgYnV0dG9uIGFzIGxvbmcgYXMgaXQgbm90IHRoZSBmaXJzdCBvciBsYXN0IHBhZ2VcclxuICAgICAgaWYgKGN1cnJlbnRQYWdlICE9PSAxICYmIGN1cnJlbnRQYWdlICE9PSB0b3RhbENvdW50KSB7XHJcbiAgICAgICAgdGhpcy5wYWdpbmF0aW9uQXJyYXkucHVzaChjdXJyZW50UGFnZSk7XHJcblxyXG4gICAgICB9XHJcblxyXG4gICAgICAvLyBwcmludCBuZXh0IHBhZ2UgbnVtYmVyIGJ1dHRvbiBpZiBjdXJyZW50UGFnZSA8IGxhc3RQYWdlIC0gMVxyXG4gICAgICBpZiAoY3VycmVudFBhZ2UgPCB0b3RhbENvdW50IC0gMSkge1xyXG4gICAgICAgIHRoaXMucGFnaW5hdGlvbkFycmF5LnB1c2goY3VycmVudFBhZ2UgKyAxKTtcclxuXHJcbiAgICAgIH1cclxuXHJcbiAgICAgIC8vIHNwZWNpYWwgY2FzZSB3aGVyZSBmaXJzdCBwYWdlIGlzIHNlbGVjdGVkLi4uXHJcbiAgICAgIC8vIFdpdGhvdXQgdGhpcyBzcGVjaWFsIGNhc2UsIG9ubHkgMiBidXR0b25zIHdvdWxkIGJlIHNob3duIGJlZm9yZSAuLi4gaWYgeW91IHdlcmUgb24gZmlyc3QgcGFnZVxyXG4gICAgICBpZiAoY3VycmVudFBhZ2UgPT09IDEpIHtcclxuICAgICAgICB0aGlzLnBhZ2luYXRpb25BcnJheS5wdXNoKGN1cnJlbnRQYWdlICsgMik7XHJcblxyXG4gICAgICB9XHJcblxyXG4gICAgICAvLyBwcmludCBcIi4uLlwiIGlmIGN1cnJlbnRQYWdlIGlzIDwgbGFzdFBhZ2UgLTJcclxuICAgICAgaWYgKGN1cnJlbnRQYWdlIDwgdG90YWxDb3VudCAtIDIpIHtcclxuICAgICAgICB0aGlzLnBhZ2luYXRpb25BcnJheS5wdXNoKCcuLi4nKTtcclxuXHJcbiAgICAgICAgLy8gSFRNTCArPSBcIi4uLlwiO1xyXG4gICAgICB9XHJcblxyXG4gICAgICAvLyBBbHdheXMgcHJpbnQgbGFzdCBwYWdlIGJ1dHRvbiBpZiB0aGVyZSBpcyBtb3JlIHRoYW4gMSBwYWdlXHJcbiAgICAgIGlmICh0b3RhbENvdW50ID4gMSkge1xyXG4gICAgICAgIHRoaXMucGFnaW5hdGlvbkFycmF5LnB1c2godG90YWxDb3VudCk7XHJcblxyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gIH1cclxuLyogSW4gdGhpcyBmdW5jdGlvbiB3ZSB3aWxsIHNldCBjdXJyZW50IHBhZ2UgYWNjb3JkaW5nIHRvIHRoZSBhY3Rpb24gcGVyZm9ybWVkIG9uIGJyb3dzZXJcclxuICAgZXg6IHByZXYgbmV4dCBidXR0b25zIGNsaWNrcyBvciBzZWxlY3RpbmcgYSBwYXJ0aWN1bGFyIHBhZ2UgKi9cclxuXHJcbiAgY2hhbmdlUGFnZShwcmV2OiBzdHJpbmcsIHBhZ2U6IG51bWJlciwgbmV4dDogc3RyaW5nKSB7XHJcbiAgICBpZiAocHJldikge1xyXG4gICAgICBpZiAodGhpcy5zdGFydCA+IDEpIHtcclxuICAgICAgICB0aGlzLnN0YXJ0LS07XHJcbiAgICAgICAgLy8gV2UgaGF2ZSBjaGFuZ2VkIHRoZSBzdGFydCBwYWdlLCB0b3RhbCByZWJ1aWxkIHRoZSBwYWdpbmF0aW9uXHJcbiAgICAgICAgdGhpcy5yZWJ1aWxkUGFnaW5hdGlvbih0aGlzLnN0YXJ0LCB0aGlzLnRvdGFsQ291bnQpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICBpZiAobmV4dCkge1xyXG4gICAgICBpZiAodGhpcy5zdGFydCA8IHRoaXMudG90YWxDb3VudCkge1xyXG4gICAgICAgIHRoaXMuc3RhcnQrKztcclxuICAgICAgICB0aGlzLnJlYnVpbGRQYWdpbmF0aW9uKHRoaXMuc3RhcnQsIHRoaXMudG90YWxDb3VudCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIGlmIChwYWdlKSB7XHJcbiAgICAgIHRoaXMuc3RhcnQgPSBwYWdlO1xyXG4gICAgICB0aGlzLnJlYnVpbGRQYWdpbmF0aW9uKHRoaXMuc3RhcnQsIHRoaXMudG90YWxDb3VudCk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwYWdpbmF0aW9uLWJveFwiPlxyXG4gICAgPHVsPlxyXG4gICAgICAgIDxsaT48YnV0dG9uIFtjbGFzcy5kaXNhYmxlZF09XCJjdXJyZW50UGFnZT09MVwiIChjbGljayk9XCJjaGFuZ2VQYWdlKCdwcmV2JywwLCcnKVwiPjxpIGNsYXNzPVwiaWNvbnMgdngtZnMtMTBcIj4mI3hlOTZiOzwvaT48L2J1dHRvbj48L2xpPlxyXG4gICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgcGFnZSBvZiBwYWdpbmF0aW9uQXJyYXlcIj5cclxuICAgICAgICAgICAgPGJ1dHRvbiBbZGlzYWJsZWRdPVwicGFnZT09Jy4uLidcIiBbY2xhc3MuZGlzYWJsZV09XCJwYWdlPT0nLi4uJ1wiIFtjbGFzcy5hY3RpdmVdPVwiY3VycmVudFBhZ2U9PXBhZ2VcIiAoY2xpY2spPVwiY2hhbmdlUGFnZSgnJyxwYWdlLCcnKVwiPlxyXG4gICAgICAgICAgICAgICAgPGkgKm5nSWY9XCJwYWdlPT0nLi4uJ1wiIGNsYXNzPVwiaWNvbnNcIj4mI3hlOTExOzwvaT57e3BhZ2UhPScuLi4nP3BhZ2UgOiAnJ319XHJcbiAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICAgICAgPGxpPjxidXR0b24gW2NsYXNzLmRpc2FibGVkXT1cImN1cnJlbnRQYWdlPT10b3RhbENvdW50XCIgKGNsaWNrKT1cImNoYW5nZVBhZ2UoJycsMCwnbmV4dCcpXCI+PGkgY2xhc3M9XCJpY29ucyB2eC1mcy0xMFwiPiYjeGU5NzA7PC9pPjwvYnV0dG9uPjwvbGk+XHJcbiAgICA8L3VsPlxyXG48L2Rpdj4iXX0=

package/esm2022/lib/ui-kit/pagination/pagination.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PaginationComponent } from './pagination.component';
+import * as i0 from "@angular/core";
+export class PaginationModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PaginationModule, declarations: [PaginationComponent], imports: [CommonModule], exports: [PaginationComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginationModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PaginationComponent],
+                    imports: [CommonModule],
+                    exports: [PaginationComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L3BhZ2luYXRpb24vcGFnaW5hdGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBTzdELE1BQU0sT0FBTyxnQkFBZ0I7d0dBQWhCLGdCQUFnQjt5R0FBaEIsZ0JBQWdCLGlCQUpaLG1CQUFtQixhQUN4QixZQUFZLGFBQ1osbUJBQW1CO3lHQUVsQixnQkFBZ0IsWUFIakIsWUFBWTs7NEZBR1gsZ0JBQWdCO2tCQUw1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUNuQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFBhZ2luYXRpb25Db21wb25lbnQgfSBmcm9tICcuL3BhZ2luYXRpb24uY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbUGFnaW5hdGlvbkNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgZXhwb3J0czogW1BhZ2luYXRpb25Db21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGFnaW5hdGlvbk1vZHVsZSB7fSJdfQ==