vcomply-workflow-engine 3.5.3 → 3.5.4

package/esm2022/lib/formgroup/cs-radio/cs-radio.component.mjs

@@ -0,0 +1,34 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CsRadioComponent {
+    constructor() {
+        this.checkedEvent = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    changeState(evt) {
+        this.checkedEvent.emit(evt);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CsRadioComponent, selector: "app-cs-radio", inputs: { disabled: "disabled", readonly: "readonly", name: "name", checked: "checked", value: "value", oneLine: "oneLine" }, outputs: { checkedEvent: "checkedEvent" }, ngImport: i0, template: "<label class=\"radio-item\">\r\n  <input type=\"radio\" [disabled]=\"disabled\" [disabled]=\"readonly\" [class.enable]=\"readonly\" [name]=\"name\" [value]=\"value\" [checked]=\"checked\" (change)=\"changeState($event)\" />\r\n  <span class=\"radio\">\r\n    <span class=\"inner\"></span>\r\n  </span>\r\n  <svg class=\"radiomark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\" *ngIf=\"!oneLine\">\r\n    <circle class=\"radiomark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n    <circle class=\"radiomark__check\" cx=\"26\" cy=\"26\" r=\"5\" fill=\"none\" />\r\n  </svg>\r\n  <svg id=\"check\" viewBox=\"-281 373 48 48\" *ngIf=\"oneLine\">\r\n\t\t<path id=\"check-stroke\" d=\"M-273.2,398.2l10,9.9 l22.4-22.3\"/>\r\n\t</svg>\r\n  <span class=\"value\"><ng-content></ng-content></span>\r\n</label>\r\n", styles: ["label{max-width:600px}label.radio-item{display:inline-flex;align-items:center;cursor:pointer;margin:0;padding:0;max-width:100%}label.radio-item span{display:inline-flex;align-items:center}label.radio-item span.radio{background:#fff;height:16px;width:16px;border-radius:50%;border:1px solid #dbdbdb;position:relative;padding:5px;margin-top:0}label.radio-item span.radio .inner{height:10px;width:10px;border-radius:50%;background:#fff;display:none}label.radio-item span.value{color:#747576;font-size:14px;line-height:16px;font-weight:400;margin-left:10px;max-width:calc(100% - 26px)}label.radio-item span.value:empty{display:none}label.radio-item svg{display:none;margin-top:0}label.radio-item input[type=radio]{display:none}label.radio-item input[type=radio]:checked+span.radio{display:none}label.radio-item input[type=radio]:checked~svg{display:block}label.radio-item input[type=radio]:disabled~*{opacity:.7}label.radio-item input[type=radio].enable:disabled~*{opacity:1}.radiomark{width:16px;height:16px;border-radius:50%;stroke-width:4;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.radiomark.checked{animation:fill 0s ease-in-out 0s forwards,scale 0s ease-in-out 0s both}.radiomark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.radiomark__circle.checked{animation:stroke 0s cubic-bezier(.65,0,.45,1) forwards}.radiomark__check{stroke-dasharray:100;stroke-dashoffset:100;stroke-width:10;animation:stroke .3s cubic-bezier(.65,0,.45,1) 0s forwards}.radiomark__check.checked{animation:stroke 0s cubic-bezier(.65,0,.45,1) 0s forwards}#check{width:100%}#check-stroke{stroke:#34aa44;fill:none;stroke-width:4;stroke-linecap:round;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;stroke-dasharray:100%,200%}#check-stroke.checked{animation:stroke 0s cubic-bezier(.65,0,.45,1) 0s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #34aa44}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsRadioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-cs-radio', template: "<label class=\"radio-item\">\r\n  <input type=\"radio\" [disabled]=\"disabled\" [disabled]=\"readonly\" [class.enable]=\"readonly\" [name]=\"name\" [value]=\"value\" [checked]=\"checked\" (change)=\"changeState($event)\" />\r\n  <span class=\"radio\">\r\n    <span class=\"inner\"></span>\r\n  </span>\r\n  <svg class=\"radiomark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\" *ngIf=\"!oneLine\">\r\n    <circle class=\"radiomark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n    <circle class=\"radiomark__check\" cx=\"26\" cy=\"26\" r=\"5\" fill=\"none\" />\r\n  </svg>\r\n  <svg id=\"check\" viewBox=\"-281 373 48 48\" *ngIf=\"oneLine\">\r\n\t\t<path id=\"check-stroke\" d=\"M-273.2,398.2l10,9.9 l22.4-22.3\"/>\r\n\t</svg>\r\n  <span class=\"value\"><ng-content></ng-content></span>\r\n</label>\r\n", styles: ["label{max-width:600px}label.radio-item{display:inline-flex;align-items:center;cursor:pointer;margin:0;padding:0;max-width:100%}label.radio-item span{display:inline-flex;align-items:center}label.radio-item span.radio{background:#fff;height:16px;width:16px;border-radius:50%;border:1px solid #dbdbdb;position:relative;padding:5px;margin-top:0}label.radio-item span.radio .inner{height:10px;width:10px;border-radius:50%;background:#fff;display:none}label.radio-item span.value{color:#747576;font-size:14px;line-height:16px;font-weight:400;margin-left:10px;max-width:calc(100% - 26px)}label.radio-item span.value:empty{display:none}label.radio-item svg{display:none;margin-top:0}label.radio-item input[type=radio]{display:none}label.radio-item input[type=radio]:checked+span.radio{display:none}label.radio-item input[type=radio]:checked~svg{display:block}label.radio-item input[type=radio]:disabled~*{opacity:.7}label.radio-item input[type=radio].enable:disabled~*{opacity:1}.radiomark{width:16px;height:16px;border-radius:50%;stroke-width:4;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.radiomark.checked{animation:fill 0s ease-in-out 0s forwards,scale 0s ease-in-out 0s both}.radiomark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.radiomark__circle.checked{animation:stroke 0s cubic-bezier(.65,0,.45,1) forwards}.radiomark__check{stroke-dasharray:100;stroke-dashoffset:100;stroke-width:10;animation:stroke .3s cubic-bezier(.65,0,.45,1) 0s forwards}.radiomark__check.checked{animation:stroke 0s cubic-bezier(.65,0,.45,1) 0s forwards}#check{width:100%}#check-stroke{stroke:#34aa44;fill:none;stroke-width:4;stroke-linecap:round;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;stroke-dasharray:100%,200%}#check-stroke.checked{animation:stroke 0s cubic-bezier(.65,0,.45,1) 0s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #34aa44}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], checkedEvent: [{
+                type: Output
+            }], oneLine: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3MtcmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvZm9ybWdyb3VwL2NzLXJhZGlvL2NzLXJhZGlvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL2Zvcm1ncm91cC9jcy1yYWRpby9jcy1yYWRpby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPL0UsTUFBTSxPQUFPLGdCQUFnQjtJQVEzQjtRQUZVLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUU3QixDQUFDO0lBRWhCLFFBQVE7SUFFUixDQUFDO0lBQ0QsV0FBVyxDQUFDLEdBQVE7UUFDbEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDOUIsQ0FBQzsrR0FmVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQiw2TkNQN0IsOHpCQWNBOzs0RkRQYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsY0FBYzswRUFLZixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRSxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jcy1yYWRpbycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NzLXJhZGlvLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jcy1yYWRpby5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3NSYWRpb0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHJlYWRvbmx5ITogYm9vbGVhbjtcclxuICBASW5wdXQoKSBuYW1lITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGNoZWNrZWQhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHZhbHVlOiBhbnk7XHJcbiAgQE91dHB1dCgpIGNoZWNrZWRFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBvbmVMaW5lITogYm9vbGVhbjtcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG5cclxuICB9XHJcbiAgY2hhbmdlU3RhdGUoZXZ0OiBhbnkpIHtcclxuICAgIHRoaXMuY2hlY2tlZEV2ZW50LmVtaXQoZXZ0KTtcclxuICB9XHJcbn1cclxuIiwiPGxhYmVsIGNsYXNzPVwicmFkaW8taXRlbVwiPlxyXG4gIDxpbnB1dCB0eXBlPVwicmFkaW9cIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbZGlzYWJsZWRdPVwicmVhZG9ubHlcIiBbY2xhc3MuZW5hYmxlXT1cInJlYWRvbmx5XCIgW25hbWVdPVwibmFtZVwiIFt2YWx1ZV09XCJ2YWx1ZVwiIFtjaGVja2VkXT1cImNoZWNrZWRcIiAoY2hhbmdlKT1cImNoYW5nZVN0YXRlKCRldmVudClcIiAvPlxyXG4gIDxzcGFuIGNsYXNzPVwicmFkaW9cIj5cclxuICAgIDxzcGFuIGNsYXNzPVwiaW5uZXJcIj48L3NwYW4+XHJcbiAgPC9zcGFuPlxyXG4gIDxzdmcgY2xhc3M9XCJyYWRpb21hcmtcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCA1MiA1MlwiICpuZ0lmPVwiIW9uZUxpbmVcIj5cclxuICAgIDxjaXJjbGUgY2xhc3M9XCJyYWRpb21hcmtfX2NpcmNsZVwiIGN4PVwiMjZcIiBjeT1cIjI2XCIgcj1cIjI1XCIgZmlsbD1cIm5vbmVcIiAvPlxyXG4gICAgPGNpcmNsZSBjbGFzcz1cInJhZGlvbWFya19fY2hlY2tcIiBjeD1cIjI2XCIgY3k9XCIyNlwiIHI9XCI1XCIgZmlsbD1cIm5vbmVcIiAvPlxyXG4gIDwvc3ZnPlxyXG4gIDxzdmcgaWQ9XCJjaGVja1wiIHZpZXdCb3g9XCItMjgxIDM3MyA0OCA0OFwiICpuZ0lmPVwib25lTGluZVwiPlxyXG5cdFx0PHBhdGggaWQ9XCJjaGVjay1zdHJva2VcIiBkPVwiTS0yNzMuMiwzOTguMmwxMCw5LjkgbDIyLjQtMjIuM1wiLz5cclxuXHQ8L3N2Zz5cclxuICA8c3BhbiBjbGFzcz1cInZhbHVlXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3Bhbj5cclxuPC9sYWJlbD5cclxuIl19

package/esm2022/lib/formgroup/cs-radio-group/cs-radio-group.component.mjs

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../cs-radio/cs-radio.component";
+export class CsRadioGroupComponent {
+    constructor() { }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CsRadioGroupComponent, selector: "app-cs-radio-group", ngImport: i0, template: "<app-cs-radio>fefre</app-cs-radio>\r\n<app-cs-radio>fefre</app-cs-radio>\r\n<app-cs-radio>fefre</app-cs-radio>\r\n<app-cs-radio>fefre</app-cs-radio>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsRadioGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-cs-radio-group', template: "<app-cs-radio>fefre</app-cs-radio>\r\n<app-cs-radio>fefre</app-cs-radio>\r\n<app-cs-radio>fefre</app-cs-radio>\r\n<app-cs-radio>fefre</app-cs-radio>\r\n" }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3MtcmFkaW8tZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvZm9ybWdyb3VwL2NzLXJhZGlvLWdyb3VwL2NzLXJhZGlvLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL2Zvcm1ncm91cC9jcy1yYWRpby1ncm91cC9jcy1yYWRpby1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFPbEQsTUFBTSxPQUFPLHFCQUFxQjtJQUNoQyxnQkFBZSxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDOytHQUhSLHFCQUFxQjttR0FBckIscUJBQXFCLDBEQ1BsQywwSkFJQTs7NEZER2EscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jcy1yYWRpby1ncm91cCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NzLXJhZGlvLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jcy1yYWRpby1ncm91cC5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3NSYWRpb0dyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxufVxyXG4iLCI8YXBwLWNzLXJhZGlvPmZlZnJlPC9hcHAtY3MtcmFkaW8+XHJcbjxhcHAtY3MtcmFkaW8+ZmVmcmU8L2FwcC1jcy1yYWRpbz5cclxuPGFwcC1jcy1yYWRpbz5mZWZyZTwvYXBwLWNzLXJhZGlvPlxyXG48YXBwLWNzLXJhZGlvPmZlZnJlPC9hcHAtY3MtcmFkaW8+XHJcbiJdfQ==

package/esm2022/lib/formgroup/cs-select/cs-select.component.mjs

@@ -0,0 +1,95 @@
+import { Component, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../pipes/pascal.pipe";
+export class CsSelectComponent {
+    set content(content) {
+        if (content) {
+            // initially setter gets called with undefined
+            this.optionList = content;
+        }
+    }
+    constructor() {
+        this.selectedData = new EventEmitter();
+        this.selectedValueChange = new EventEmitter();
+        this.dropdownOption = false;
+        this.activeDoropdown = false;
+    }
+    ngOnInit() {
+        if (this.selectedValue === undefined ||
+            this.selectedValue === '' ||
+            this.selectedValue === null) {
+            this.selectedValue = '--';
+        }
+    }
+    openDropdown(event) {
+        this.dropdownOption = true;
+        setTimeout(() => {
+            const dropdown = event.target.getBoundingClientRect();
+            const selectOption = this.optionList.nativeElement.offsetHeight;
+            if (dropdown.top + selectOption * 2 > window.innerHeight) {
+                this.getTop = dropdown.top - selectOption;
+            }
+            else {
+                this.getTop = dropdown.top + dropdown.height;
+            }
+            this.getLeft = dropdown.left;
+            this.getWidth = dropdown.width;
+            this.maxWidth = dropdown.width * 1.25;
+            this.activeDoropdown = true;
+        }, 10);
+    }
+    selectOption(selectedData) {
+        if (typeof selectedData === 'object') {
+            this.selectedValue = selectedData[this.displayProperty];
+            this.selectedData.emit(selectedData);
+        }
+        else {
+            this.selectedValue = selectedData;
+            this.selectedData.emit(selectedData);
+        }
+        this.dropdownOption = false;
+    }
+    closeDropdown() {
+        this.dropdownOption = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CsSelectComponent, selector: "app-cs-select", inputs: { dataList: "dataList", dropdownLabel: "dropdownLabel", displayProperty: "displayProperty", selectedValue: "selectedValue", isRequired: "isRequired", dropdownSubLabel: "dropdownSubLabel", placeholder: "placeholder", stylex: "stylex", valueKey: "valueKey", colorBlock: "colorBlock", colorCode: "colorCode" }, outputs: { selectedData: "selectedData", selectedValueChange: "selectedValueChange" }, viewQueries: [{ propertyName: "option", first: true, predicate: ["option"], descendants: true }, { propertyName: "content", first: true, predicate: ["optionList"], descendants: true }], ngImport: i0, template: "<div class=\"input-group\">\r\n  <label *ngIf=\"dropdownLabel != undefined\">\r\n    {{ dropdownLabel }} <span class=\"sub-label\">{{ dropdownSubLabel }}</span> <span class=\"required\" *ngIf=\"isRequired\">*</span></label\r\n  >\r\n  <div class=\"custom-select-box\">\r\n    <input\r\n      type=\"text\"\r\n      [class.line]=\"stylex\"\r\n      [placeholder]=\"placeholder\"\r\n      [value]=\"selectedValue | pascal\"\r\n      readonly\r\n      (click)=\"openDropdown($event)\"\r\n      (keyup.enter)=\"openDropdown($event)\"\r\n      (keyup.arrowup)=\"openDropdown($event)\"\r\n      (keyup.arrowdown)=\"openDropdown($event)\"\r\n    />\r\n    <span class=\"arrow\" [class.line]=\"stylex\">\r\n      <!-- <i class=\"icons\">&#xe9e8;</i> -->\r\n    </span>\r\n    <div class=\"vx-overlay active\" *ngIf=\"dropdownOption === true\" (click)=\"closeDropdown()\"></div>\r\n    <ul\r\n      class=\"list-of-option\"\r\n      *ngIf=\"dropdownOption === true\"\r\n      #optionList\r\n      (keyup.Escape)=\"closeDropdown()\"\r\n      [style.top.px]=\"getTop\"\r\n      [style.left.px]=\"getLeft\"\r\n      [style.min-width.px]=\"getWidth\"\r\n      [style.max-width.px]=\"maxWidth\"\r\n      [class.active]=\"activeDoropdown\"\r\n    >\r\n      <li *ngFor=\"let data of dataList\">\r\n        <label *ngIf=\"colorBlock !== true\">\r\n          <input type=\"radio\" [value]=\"data[valueKey]\" name=\"sliceLabel\" (change)=\"selectOption(data)\" #option (keyup.enter)=\"closeDropdown()\" class=\"pointer-none\" />\r\n          <span (click)=\"closeDropdown(); selectOption(data)\" *ngIf=\"displayProperty && displayProperty !== ''\" class=\"value\">{{ data[displayProperty] }}</span>\r\n          <span (click)=\"closeDropdown(); selectOption(data)\" *ngIf=\"!displayProperty || displayProperty === ''\" class=\"value\">{{ data }}</span>\r\n        </label>\r\n        <label *ngIf=\"colorBlock === true\" class=\"colors\">\r\n          <input type=\"radio\" [value]=\"data[valueKey]\" name=\"sliceLabel\" (change)=\"selectOption(data)\" #option (keyup.enter)=\"closeDropdown()\" class=\"pointer-none\" />\r\n          <span (click)=\"selectOption(data)\" *ngIf=\"displayProperty && displayProperty !== ''\" class=\"value\" [ngStyle]=\"{ color: colorCode }\">{{ data[displayProperty] }}</span>\r\n          <span (click)=\"selectOption(data)\" *ngIf=\"!displayProperty || displayProperty === ''\" class=\"value\" [ngStyle]=\"{ color: colorCode }\">{{ data }}</span>\r\n        </label>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n", styles: [".input-group{position:relative;margin-bottom:0}.input-group label{font-size:11px;color:#161b2f;font-weight:500;line-height:16px;margin-bottom:5px;text-transform:uppercase;display:block}.input-group label span.required{color:#eb2424;font-size:14px}.input-group label span.sub-label{color:#747576;font-size:11px;font-weight:400;margin-left:3px}.input-group input[type=text]{height:36px;line-height:16px;font-size:13px;color:#747576;font-weight:400;background:#fff;border:1px solid #dbdbdb;border-radius:4px;width:100%;padding:10px 13px;display:block;outline:none}.input-group input[type=text].line{border:none;border-bottom:1px solid #dbdbdb;border-radius:0;padding-left:0}.input-group:focus-within input[type=text]{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd333}.input-group:focus-within input[type=text].line{box-shadow:none}.input-group .custom-select-box{position:relative}.input-group .custom-select-box input[type=text],.input-group .custom-select-box .input{cursor:pointer;padding-right:30px}.input-group .custom-select-box input[type=text].line,.input-group .custom-select-box .input.line{padding-right:20px}.input-group .arrow{position:absolute;right:17px;color:#747576;bottom:8px;font-size:10px;pointer-events:none}.input-group .arrow:before{border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;border-color:#707070;content:\"\";display:inline-block;right:15px;position:absolute;top:calc(50% - 4px);width:5px;height:5px;transform:rotate(45deg)}.input-group .arrow.line{right:5px}ul.list-of-option{position:fixed;overflow:auto;max-height:200px;padding:0;margin:0;display:block;border:1px solid #dbdbdb;box-shadow:0 3px 6px #1e5dd333;z-index:2147483002;background:#fff;border-radius:2px;opacity:0}ul.list-of-option.reset{top:inherit;bottom:100%;box-shadow:0 -3px 6px #1e5dd333}ul.list-of-option.active{opacity:1}ul.list-of-option li{width:100%;display:block;margin-bottom:0;padding:0;height:auto}ul.list-of-option li label{line-height:23px;font-size:13px;font-weight:400;border-radius:4px;display:flex;position:relative;margin:0;align-items:center}ul.list-of-option li label input[type=radio]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}ul.list-of-option li label input[type=radio]:checked+span,ul.list-of-option li label input[type=radio]:hover+span{background:#dcdcdc}ul.list-of-option li label span.value{color:#747576;font-size:14px;line-height:21px;font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;padding:5px 15px;width:100%;text-transform:none;cursor:pointer;text-align:left}.vx-overlay{display:block}\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"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i2.PascalPipe, name: "pascal" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-cs-select', template: "<div class=\"input-group\">\r\n  <label *ngIf=\"dropdownLabel != undefined\">\r\n    {{ dropdownLabel }} <span class=\"sub-label\">{{ dropdownSubLabel }}</span> <span class=\"required\" *ngIf=\"isRequired\">*</span></label\r\n  >\r\n  <div class=\"custom-select-box\">\r\n    <input\r\n      type=\"text\"\r\n      [class.line]=\"stylex\"\r\n      [placeholder]=\"placeholder\"\r\n      [value]=\"selectedValue | pascal\"\r\n      readonly\r\n      (click)=\"openDropdown($event)\"\r\n      (keyup.enter)=\"openDropdown($event)\"\r\n      (keyup.arrowup)=\"openDropdown($event)\"\r\n      (keyup.arrowdown)=\"openDropdown($event)\"\r\n    />\r\n    <span class=\"arrow\" [class.line]=\"stylex\">\r\n      <!-- <i class=\"icons\">&#xe9e8;</i> -->\r\n    </span>\r\n    <div class=\"vx-overlay active\" *ngIf=\"dropdownOption === true\" (click)=\"closeDropdown()\"></div>\r\n    <ul\r\n      class=\"list-of-option\"\r\n      *ngIf=\"dropdownOption === true\"\r\n      #optionList\r\n      (keyup.Escape)=\"closeDropdown()\"\r\n      [style.top.px]=\"getTop\"\r\n      [style.left.px]=\"getLeft\"\r\n      [style.min-width.px]=\"getWidth\"\r\n      [style.max-width.px]=\"maxWidth\"\r\n      [class.active]=\"activeDoropdown\"\r\n    >\r\n      <li *ngFor=\"let data of dataList\">\r\n        <label *ngIf=\"colorBlock !== true\">\r\n          <input type=\"radio\" [value]=\"data[valueKey]\" name=\"sliceLabel\" (change)=\"selectOption(data)\" #option (keyup.enter)=\"closeDropdown()\" class=\"pointer-none\" />\r\n          <span (click)=\"closeDropdown(); selectOption(data)\" *ngIf=\"displayProperty && displayProperty !== ''\" class=\"value\">{{ data[displayProperty] }}</span>\r\n          <span (click)=\"closeDropdown(); selectOption(data)\" *ngIf=\"!displayProperty || displayProperty === ''\" class=\"value\">{{ data }}</span>\r\n        </label>\r\n        <label *ngIf=\"colorBlock === true\" class=\"colors\">\r\n          <input type=\"radio\" [value]=\"data[valueKey]\" name=\"sliceLabel\" (change)=\"selectOption(data)\" #option (keyup.enter)=\"closeDropdown()\" class=\"pointer-none\" />\r\n          <span (click)=\"selectOption(data)\" *ngIf=\"displayProperty && displayProperty !== ''\" class=\"value\" [ngStyle]=\"{ color: colorCode }\">{{ data[displayProperty] }}</span>\r\n          <span (click)=\"selectOption(data)\" *ngIf=\"!displayProperty || displayProperty === ''\" class=\"value\" [ngStyle]=\"{ color: colorCode }\">{{ data }}</span>\r\n        </label>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n", styles: [".input-group{position:relative;margin-bottom:0}.input-group label{font-size:11px;color:#161b2f;font-weight:500;line-height:16px;margin-bottom:5px;text-transform:uppercase;display:block}.input-group label span.required{color:#eb2424;font-size:14px}.input-group label span.sub-label{color:#747576;font-size:11px;font-weight:400;margin-left:3px}.input-group input[type=text]{height:36px;line-height:16px;font-size:13px;color:#747576;font-weight:400;background:#fff;border:1px solid #dbdbdb;border-radius:4px;width:100%;padding:10px 13px;display:block;outline:none}.input-group input[type=text].line{border:none;border-bottom:1px solid #dbdbdb;border-radius:0;padding-left:0}.input-group:focus-within input[type=text]{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd333}.input-group:focus-within input[type=text].line{box-shadow:none}.input-group .custom-select-box{position:relative}.input-group .custom-select-box input[type=text],.input-group .custom-select-box .input{cursor:pointer;padding-right:30px}.input-group .custom-select-box input[type=text].line,.input-group .custom-select-box .input.line{padding-right:20px}.input-group .arrow{position:absolute;right:17px;color:#747576;bottom:8px;font-size:10px;pointer-events:none}.input-group .arrow:before{border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;border-color:#707070;content:\"\";display:inline-block;right:15px;position:absolute;top:calc(50% - 4px);width:5px;height:5px;transform:rotate(45deg)}.input-group .arrow.line{right:5px}ul.list-of-option{position:fixed;overflow:auto;max-height:200px;padding:0;margin:0;display:block;border:1px solid #dbdbdb;box-shadow:0 3px 6px #1e5dd333;z-index:2147483002;background:#fff;border-radius:2px;opacity:0}ul.list-of-option.reset{top:inherit;bottom:100%;box-shadow:0 -3px 6px #1e5dd333}ul.list-of-option.active{opacity:1}ul.list-of-option li{width:100%;display:block;margin-bottom:0;padding:0;height:auto}ul.list-of-option li label{line-height:23px;font-size:13px;font-weight:400;border-radius:4px;display:flex;position:relative;margin:0;align-items:center}ul.list-of-option li label input[type=radio]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}ul.list-of-option li label input[type=radio]:checked+span,ul.list-of-option li label input[type=radio]:hover+span{background:#dcdcdc}ul.list-of-option li label span.value{color:#747576;font-size:14px;line-height:21px;font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;padding:5px 15px;width:100%;text-transform:none;cursor:pointer;text-align:left}.vx-overlay{display:block}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { dataList: [{
+                type: Input
+            }], dropdownLabel: [{
+                type: Input
+            }], displayProperty: [{
+                type: Input
+            }], selectedValue: [{
+                type: Input
+            }], isRequired: [{
+                type: Input
+            }], dropdownSubLabel: [{
+                type: Input
+            }], option: [{
+                type: ViewChild,
+                args: ['option']
+            }], selectedData: [{
+                type: Output
+            }], selectedValueChange: [{
+                type: Output
+            }], placeholder: [{
+                type: Input
+            }], stylex: [{
+                type: Input
+            }], valueKey: [{
+                type: Input
+            }], colorBlock: [{
+                type: Input
+            }], colorCode: [{
+                type: Input
+            }], content: [{
+                type: ViewChild,
+                args: ['optionList']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Mtc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL2Zvcm1ncm91cC9jcy1zZWxlY3QvY3Mtc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL2Zvcm1ncm91cC9jcy1zZWxlY3QvY3Mtc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOzs7O0FBT3ZCLE1BQU0sT0FBTyxpQkFBaUI7SUEyQjVCLElBQTZCLE9BQU8sQ0FBQyxPQUFtQjtRQUN0RCxJQUFJLE9BQU8sRUFBRTtZQUNYLDhDQUE4QztZQUM5QyxJQUFJLENBQUMsVUFBVSxHQUFHLE9BQU8sQ0FBQztTQUMzQjtJQUNILENBQUM7SUFDRDtRQXhCVSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEMsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQU9uRCxtQkFBYyxHQUFHLEtBQUssQ0FBQztRQU12QixvQkFBZSxHQUFHLEtBQUssQ0FBQztJQVVULENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQ0UsSUFBSSxDQUFDLGFBQWEsS0FBSyxTQUFTO1lBQ2hDLElBQUksQ0FBQyxhQUFhLEtBQUssRUFBRTtZQUN6QixJQUFJLENBQUMsYUFBYSxLQUFLLElBQUksRUFDM0I7WUFDQSxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztTQUMzQjtJQUNILENBQUM7SUFDRCxZQUFZLENBQUMsS0FBVTtRQUNyQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQztRQUMzQixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQ3RELE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztZQUNoRSxJQUFJLFFBQVEsQ0FBQyxHQUFHLEdBQUcsWUFBWSxHQUFHLENBQUMsR0FBRyxNQUFNLENBQUMsV0FBVyxFQUFFO2dCQUN4RCxJQUFJLENBQUMsTUFBTSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEdBQUcsWUFBWSxDQUFDO2FBQzNDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUFDLEdBQUcsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDO2FBQzlDO1lBQ0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDO1lBQzdCLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQztZQUMvQixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1lBQ3RDLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO1FBQzlCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNULENBQUM7SUFDRCxZQUFZLENBQUMsWUFBaUI7UUFDNUIsSUFBSSxPQUFPLFlBQVksS0FBSyxRQUFRLEVBQUU7WUFDcEMsSUFBSSxDQUFDLGFBQWEsR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1lBQ3hELElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1NBQ3RDO2FBQU07WUFDTCxJQUFJLENBQUMsYUFBYSxHQUFHLFlBQVksQ0FBQztZQUNsQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztTQUN0QztRQUNELElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFDRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7SUFDOUIsQ0FBQzsrR0F4RVUsaUJBQWlCO21HQUFqQixpQkFBaUIsa29CQ2Y5QiwwK0VBOENBOzs0RkQvQmEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLGVBQWU7MEVBS2hCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ2UsTUFBTTtzQkFBMUIsU0FBUzt1QkFBQyxRQUFRO2dCQUVULFlBQVk7c0JBQXJCLE1BQU07Z0JBQ0csbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNFLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQVl1QixPQUFPO3NCQUFuQyxTQUFTO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0LFxyXG4gIFZpZXdDaGlsZCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNzLXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NzLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3Mtc2VsZWN0LmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDc1NlbGVjdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgZGF0YUxpc3QhOiBhbnlbXTtcclxuICBASW5wdXQoKSBkcm9wZG93bkxhYmVsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRpc3BsYXlQcm9wZXJ0eSE6IHN0cmluZztcclxuICBASW5wdXQoKSBzZWxlY3RlZFZhbHVlITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGlzUmVxdWlyZWQhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGRyb3Bkb3duU3ViTGFiZWwhOiBzdHJpbmc7XHJcbiAgQFZpZXdDaGlsZCgnb3B0aW9uJykgb3B0aW9uITogRWxlbWVudFJlZjtcclxuXHJcbiAgQE91dHB1dCgpIHNlbGVjdGVkRGF0YSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgc2VsZWN0ZWRWYWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogYW55O1xyXG4gIEBJbnB1dCgpIHN0eWxleDogYW55O1xyXG4gIEBJbnB1dCgpIHZhbHVlS2V5OiBhbnk7XHJcbiAgQElucHV0KCkgY29sb3JCbG9jazogYW55O1xyXG4gIEBJbnB1dCgpIGNvbG9yQ29kZTogYW55O1xyXG5cclxuICBkcm9wZG93bk9wdGlvbiA9IGZhbHNlO1xyXG4gIHBvc2l0aW9uUmVzZXQhOiBib29sZWFuO1xyXG4gIGdldExlZnQhOiBudW1iZXI7XHJcbiAgZ2V0VG9wITogbnVtYmVyO1xyXG4gIGdldFdpZHRoITogbnVtYmVyO1xyXG4gIG1heFdpZHRoITogbnVtYmVyO1xyXG4gIGFjdGl2ZURvcm9wZG93biA9IGZhbHNlO1xyXG5cclxuICBwcml2YXRlIG9wdGlvbkxpc3QhOiBFbGVtZW50UmVmO1xyXG5cclxuICBAVmlld0NoaWxkKCdvcHRpb25MaXN0Jykgc2V0IGNvbnRlbnQoY29udGVudDogRWxlbWVudFJlZikge1xyXG4gICAgaWYgKGNvbnRlbnQpIHtcclxuICAgICAgLy8gaW5pdGlhbGx5IHNldHRlciBnZXRzIGNhbGxlZCB3aXRoIHVuZGVmaW5lZFxyXG4gICAgICB0aGlzLm9wdGlvbkxpc3QgPSBjb250ZW50O1xyXG4gICAgfVxyXG4gIH1cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYgKFxyXG4gICAgICB0aGlzLnNlbGVjdGVkVmFsdWUgPT09IHVuZGVmaW5lZCB8fFxyXG4gICAgICB0aGlzLnNlbGVjdGVkVmFsdWUgPT09ICcnIHx8XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9PT0gbnVsbFxyXG4gICAgKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9ICctLSc7XHJcbiAgICB9XHJcbiAgfVxyXG4gIG9wZW5Ecm9wZG93bihldmVudDogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLmRyb3Bkb3duT3B0aW9uID0gdHJ1ZTtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICBjb25zdCBkcm9wZG93biA9IGV2ZW50LnRhcmdldC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcclxuICAgICAgY29uc3Qgc2VsZWN0T3B0aW9uID0gdGhpcy5vcHRpb25MaXN0Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0O1xyXG4gICAgICBpZiAoZHJvcGRvd24udG9wICsgc2VsZWN0T3B0aW9uICogMiA+IHdpbmRvdy5pbm5lckhlaWdodCkge1xyXG4gICAgICAgIHRoaXMuZ2V0VG9wID0gZHJvcGRvd24udG9wIC0gc2VsZWN0T3B0aW9uO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHRoaXMuZ2V0VG9wID0gZHJvcGRvd24udG9wICsgZHJvcGRvd24uaGVpZ2h0O1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuZ2V0TGVmdCA9IGRyb3Bkb3duLmxlZnQ7XHJcbiAgICAgIHRoaXMuZ2V0V2lkdGggPSBkcm9wZG93bi53aWR0aDtcclxuICAgICAgdGhpcy5tYXhXaWR0aCA9IGRyb3Bkb3duLndpZHRoICogMS4yNTtcclxuICAgICAgdGhpcy5hY3RpdmVEb3JvcGRvd24gPSB0cnVlO1xyXG4gICAgfSwgMTApO1xyXG4gIH1cclxuICBzZWxlY3RPcHRpb24oc2VsZWN0ZWREYXRhOiBhbnkpIHtcclxuICAgIGlmICh0eXBlb2Ygc2VsZWN0ZWREYXRhID09PSAnb2JqZWN0Jykge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkVmFsdWUgPSBzZWxlY3RlZERhdGFbdGhpcy5kaXNwbGF5UHJvcGVydHldO1xyXG4gICAgICB0aGlzLnNlbGVjdGVkRGF0YS5lbWl0KHNlbGVjdGVkRGF0YSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkVmFsdWUgPSBzZWxlY3RlZERhdGE7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWREYXRhLmVtaXQoc2VsZWN0ZWREYXRhKTtcclxuICAgIH1cclxuICAgIHRoaXMuZHJvcGRvd25PcHRpb24gPSBmYWxzZTtcclxuICB9XHJcbiAgY2xvc2VEcm9wZG93bigpIHtcclxuICAgIHRoaXMuZHJvcGRvd25PcHRpb24gPSBmYWxzZTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwXCI+XHJcbiAgPGxhYmVsICpuZ0lmPVwiZHJvcGRvd25MYWJlbCAhPSB1bmRlZmluZWRcIj5cclxuICAgIHt7IGRyb3Bkb3duTGFiZWwgfX0gPHNwYW4gY2xhc3M9XCJzdWItbGFiZWxcIj57eyBkcm9wZG93blN1YkxhYmVsIH19PC9zcGFuPiA8c3BhbiBjbGFzcz1cInJlcXVpcmVkXCIgKm5nSWY9XCJpc1JlcXVpcmVkXCI+Kjwvc3Bhbj48L2xhYmVsXHJcbiAgPlxyXG4gIDxkaXYgY2xhc3M9XCJjdXN0b20tc2VsZWN0LWJveFwiPlxyXG4gICAgPGlucHV0XHJcbiAgICAgIHR5cGU9XCJ0ZXh0XCJcclxuICAgICAgW2NsYXNzLmxpbmVdPVwic3R5bGV4XCJcclxuICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcclxuICAgICAgW3ZhbHVlXT1cInNlbGVjdGVkVmFsdWUgfCBwYXNjYWxcIlxyXG4gICAgICByZWFkb25seVxyXG4gICAgICAoY2xpY2spPVwib3BlbkRyb3Bkb3duKCRldmVudClcIlxyXG4gICAgICAoa2V5dXAuZW50ZXIpPVwib3BlbkRyb3Bkb3duKCRldmVudClcIlxyXG4gICAgICAoa2V5dXAuYXJyb3d1cCk9XCJvcGVuRHJvcGRvd24oJGV2ZW50KVwiXHJcbiAgICAgIChrZXl1cC5hcnJvd2Rvd24pPVwib3BlbkRyb3Bkb3duKCRldmVudClcIlxyXG4gICAgLz5cclxuICAgIDxzcGFuIGNsYXNzPVwiYXJyb3dcIiBbY2xhc3MubGluZV09XCJzdHlsZXhcIj5cclxuICAgICAgPCEtLSA8aSBjbGFzcz1cImljb25zXCI+JiN4ZTllODs8L2k+IC0tPlxyXG4gICAgPC9zcGFuPlxyXG4gICAgPGRpdiBjbGFzcz1cInZ4LW92ZXJsYXkgYWN0aXZlXCIgKm5nSWY9XCJkcm9wZG93bk9wdGlvbiA9PT0gdHJ1ZVwiIChjbGljayk9XCJjbG9zZURyb3Bkb3duKClcIj48L2Rpdj5cclxuICAgIDx1bFxyXG4gICAgICBjbGFzcz1cImxpc3Qtb2Ytb3B0aW9uXCJcclxuICAgICAgKm5nSWY9XCJkcm9wZG93bk9wdGlvbiA9PT0gdHJ1ZVwiXHJcbiAgICAgICNvcHRpb25MaXN0XHJcbiAgICAgIChrZXl1cC5Fc2NhcGUpPVwiY2xvc2VEcm9wZG93bigpXCJcclxuICAgICAgW3N0eWxlLnRvcC5weF09XCJnZXRUb3BcIlxyXG4gICAgICBbc3R5bGUubGVmdC5weF09XCJnZXRMZWZ0XCJcclxuICAgICAgW3N0eWxlLm1pbi13aWR0aC5weF09XCJnZXRXaWR0aFwiXHJcbiAgICAgIFtzdHlsZS5tYXgtd2lkdGgucHhdPVwibWF4V2lkdGhcIlxyXG4gICAgICBbY2xhc3MuYWN0aXZlXT1cImFjdGl2ZURvcm9wZG93blwiXHJcbiAgICA+XHJcbiAgICAgIDxsaSAqbmdGb3I9XCJsZXQgZGF0YSBvZiBkYXRhTGlzdFwiPlxyXG4gICAgICAgIDxsYWJlbCAqbmdJZj1cImNvbG9yQmxvY2sgIT09IHRydWVcIj5cclxuICAgICAgICAgIDxpbnB1dCB0eXBlPVwicmFkaW9cIiBbdmFsdWVdPVwiZGF0YVt2YWx1ZUtleV1cIiBuYW1lPVwic2xpY2VMYWJlbFwiIChjaGFuZ2UpPVwic2VsZWN0T3B0aW9uKGRhdGEpXCIgI29wdGlvbiAoa2V5dXAuZW50ZXIpPVwiY2xvc2VEcm9wZG93bigpXCIgY2xhc3M9XCJwb2ludGVyLW5vbmVcIiAvPlxyXG4gICAgICAgICAgPHNwYW4gKGNsaWNrKT1cImNsb3NlRHJvcGRvd24oKTsgc2VsZWN0T3B0aW9uKGRhdGEpXCIgKm5nSWY9XCJkaXNwbGF5UHJvcGVydHkgJiYgZGlzcGxheVByb3BlcnR5ICE9PSAnJ1wiIGNsYXNzPVwidmFsdWVcIj57eyBkYXRhW2Rpc3BsYXlQcm9wZXJ0eV0gfX08L3NwYW4+XHJcbiAgICAgICAgICA8c3BhbiAoY2xpY2spPVwiY2xvc2VEcm9wZG93bigpOyBzZWxlY3RPcHRpb24oZGF0YSlcIiAqbmdJZj1cIiFkaXNwbGF5UHJvcGVydHkgfHwgZGlzcGxheVByb3BlcnR5ID09PSAnJ1wiIGNsYXNzPVwidmFsdWVcIj57eyBkYXRhIH19PC9zcGFuPlxyXG4gICAgICAgIDwvbGFiZWw+XHJcbiAgICAgICAgPGxhYmVsICpuZ0lmPVwiY29sb3JCbG9jayA9PT0gdHJ1ZVwiIGNsYXNzPVwiY29sb3JzXCI+XHJcbiAgICAgICAgICA8aW5wdXQgdHlwZT1cInJhZGlvXCIgW3ZhbHVlXT1cImRhdGFbdmFsdWVLZXldXCIgbmFtZT1cInNsaWNlTGFiZWxcIiAoY2hhbmdlKT1cInNlbGVjdE9wdGlvbihkYXRhKVwiICNvcHRpb24gKGtleXVwLmVudGVyKT1cImNsb3NlRHJvcGRvd24oKVwiIGNsYXNzPVwicG9pbnRlci1ub25lXCIgLz5cclxuICAgICAgICAgIDxzcGFuIChjbGljayk9XCJzZWxlY3RPcHRpb24oZGF0YSlcIiAqbmdJZj1cImRpc3BsYXlQcm9wZXJ0eSAmJiBkaXNwbGF5UHJvcGVydHkgIT09ICcnXCIgY2xhc3M9XCJ2YWx1ZVwiIFtuZ1N0eWxlXT1cInsgY29sb3I6IGNvbG9yQ29kZSB9XCI+e3sgZGF0YVtkaXNwbGF5UHJvcGVydHldIH19PC9zcGFuPlxyXG4gICAgICAgICAgPHNwYW4gKGNsaWNrKT1cInNlbGVjdE9wdGlvbihkYXRhKVwiICpuZ0lmPVwiIWRpc3BsYXlQcm9wZXJ0eSB8fCBkaXNwbGF5UHJvcGVydHkgPT09ICcnXCIgY2xhc3M9XCJ2YWx1ZVwiIFtuZ1N0eWxlXT1cInsgY29sb3I6IGNvbG9yQ29kZSB9XCI+e3sgZGF0YSB9fTwvc3Bhbj5cclxuICAgICAgICA8L2xhYmVsPlxyXG4gICAgICA8L2xpPlxyXG4gICAgPC91bD5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

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

@@ -0,0 +1,31 @@
+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";
+export class CsSwitchComponent {
+    constructor() {
+        this.ngValueChange = new EventEmitter();
+    }
+    valueChanged() {
+        this.ngValueChange.emit(this.ngValue);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵ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\" [class.disabled]=\"disabled\">\r\n    <ng-content></ng-content>\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\" [class.disabled]=\"disabled\">\r\n      <span class=\"switch-ball\"></span>\r\n    </span>\r\n  </span>\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\" [class.disabled]=\"disabled\">\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.value:empty{display:none}label.cs-switch span.switch{position:relative;display:block;width:28px;min-width:28px;height:16px}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;border-color:#34aa44}label.cs-switch span.switch-box{height:100%;width:100%;border-radius:11px;background:#dbdbdb;border:1px solid #dbdbdb;display:block;transition:all .2s ease-in-out}label.cs-switch span.switch-ball{height:14px;width:14px;background:#fff;border-radius:50%;border:1px solid #dbdbdb;display:block;position:absolute;left:1px;top:1px;bottom:1px;transition:all .2s ease-in-out}:disabled{pointer-events:none;opacity:.2}.disabled{pointer-events:none;opacity:.2}\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"] }] }); }
+}
+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\" [class.disabled]=\"disabled\">\r\n    <ng-content></ng-content>\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\" [class.disabled]=\"disabled\">\r\n      <span class=\"switch-ball\"></span>\r\n    </span>\r\n  </span>\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\" [class.disabled]=\"disabled\">\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.value:empty{display:none}label.cs-switch span.switch{position:relative;display:block;width:28px;min-width:28px;height:16px}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;border-color:#34aa44}label.cs-switch span.switch-box{height:100%;width:100%;border-radius:11px;background:#dbdbdb;border:1px solid #dbdbdb;display:block;transition:all .2s ease-in-out}label.cs-switch span.switch-ball{height:14px;width:14px;background:#fff;border-radius:50%;border:1px solid #dbdbdb;display:block;position:absolute;left:1px;top:1px;bottom:1px;transition:all .2s ease-in-out}:disabled{pointer-events:none;opacity:.2}.disabled{pointer-events:none;opacity:.2}\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Mtc3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL2Zvcm1ncm91cC9jcy1zd2l0Y2gvY3Mtc3dpdGNoLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL2Zvcm1ncm91cC9jcy1zd2l0Y2gvY3Mtc3dpdGNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPdkUsTUFBTSxPQUFPLGlCQUFpQjtJQU81QjtRQUhVLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUduQyxDQUFDO0lBRWhCLFlBQVk7UUFDVixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDeEMsQ0FBQzsrR0FYVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixnT0NQOUIsMjdCQW1CQTs7NEZEWmEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLGVBQWU7MEVBS2hCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNO2dCQUNFLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jcy1zd2l0Y2gnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jcy1zd2l0Y2guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NzLXN3aXRjaC5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3NTd2l0Y2hDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkITogYm9vbGVhbjtcclxuICBASW5wdXQoKSBuZ1ZhbHVlOiBhbnk7XHJcbiAgQElucHV0KCkgdmFsdWU6IGFueTtcclxuICBAT3V0cHV0KCkgbmdWYWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBJbnB1dCgpIHRvb2x0aXBNZXNzYWdlOiBhbnk7XHJcbiAgQElucHV0KCkgcG9zaXRpb246IGFueTtcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIHZhbHVlQ2hhbmdlZCgpIHtcclxuICAgIHRoaXMubmdWYWx1ZUNoYW5nZS5lbWl0KHRoaXMubmdWYWx1ZSk7XHJcbiAgfVxyXG59XHJcbiIsIjxsYWJlbCBjbGFzcz1cImNzLXN3aXRjaFwiIFtjbGFzcy50b3BdPVwicG9zaXRpb24gPT0gJ3RvcCdcIj5cclxuICA8IS0tIFtjbGFzcy5sYXJnZV09XCJsYXJnZVwiIC0tPlxyXG4gIDxzcGFuIGNsYXNzPVwidmFsdWVcIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L3NwYW4+XHJcbiAgPCEtLSBbY2xhc3MubGFzdF09XCJsYXN0XCIgLS0+XHJcbiAgPHNwYW4gY2xhc3M9XCJzd2l0Y2hcIiAqbmdJZj1cInRvb2x0aXBNZXNzYWdlID09PSAnJyB8fCB0b29sdGlwTWVzc2FnZSA9PT0gdW5kZWZpbmVkXCI+XHJcbiAgICA8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgWyhuZ01vZGVsKV09XCJuZ1ZhbHVlXCIgKG5nTW9kZWxDaGFuZ2UpPVwidmFsdWVDaGFuZ2VkKClcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAvPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJzd2l0Y2gtYm94XCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwic3dpdGNoLWJhbGxcIj48L3NwYW4+XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9zcGFuPlxyXG4gIDxzcGFuIGNsYXNzPVwic3dpdGNoXCIgKm5nSWY9XCJ0b29sdGlwTWVzc2FnZSAhPT0gJycgJiYgdG9vbHRpcE1lc3NhZ2UgIT09IHVuZGVmaW5lZFwiPlxyXG4gICAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIFsobmdNb2RlbCldPVwibmdWYWx1ZVwiIChuZ01vZGVsQ2hhbmdlKT1cInZhbHVlQ2hhbmdlZCgpXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgLz5cclxuICAgIDxzcGFuIGNsYXNzPVwic3dpdGNoLWJveFwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cInN3aXRjaC1iYWxsXCI+PC9zcGFuPlxyXG4gICAgPC9zcGFuPlxyXG4gIDwvc3Bhbj5cclxuPC9sYWJlbD5cclxuIl19

package/esm2022/lib/formgroup/formgroup.module.mjs

@@ -0,0 +1,56 @@
+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 { CsSelectComponent } from './cs-select/cs-select.component';
+import { PascalPipe } from './pipes/pascal.pipe';
+import { CsCheckboxIndeterminateComponent } from './cs-checkbox-indeterminate/cs-checkbox-indeterminate.component';
+import * as i0 from "@angular/core";
+export class FormgroupModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormgroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FormgroupModule, declarations: [CsCheckboxComponent,
+            CsRadioComponent,
+            CsSwitchComponent,
+            CsRadioGroupComponent,
+            CsSelectComponent,
+            PascalPipe,
+            CsCheckboxIndeterminateComponent], imports: [CommonModule,
+            FormsModule], exports: [CsCheckboxComponent,
+            CsRadioComponent,
+            CsSwitchComponent,
+            CsRadioGroupComponent,
+            CsSelectComponent,
+            CsCheckboxIndeterminateComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormgroupModule, imports: [CommonModule,
+            FormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormgroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CsCheckboxComponent,
+                        CsRadioComponent,
+                        CsSwitchComponent,
+                        CsRadioGroupComponent,
+                        CsSelectComponent,
+                        PascalPipe,
+                        CsCheckboxIndeterminateComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule
+                    ],
+                    exports: [
+                        CsCheckboxComponent,
+                        CsRadioComponent,
+                        CsSwitchComponent,
+                        CsRadioGroupComponent,
+                        CsSelectComponent,
+                        CsCheckboxIndeterminateComponent
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWdyb3VwLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL2Zvcm1ncm91cC9mb3JtZ3JvdXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNqRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNwRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNsRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakQsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0saUVBQWlFLENBQUM7O0FBeUJuSCxNQUFNLE9BQU8sZUFBZTsrR0FBZixlQUFlO2dIQUFmLGVBQWUsaUJBckJ4QixtQkFBbUI7WUFDbkIsZ0JBQWdCO1lBQ2hCLGlCQUFpQjtZQUNqQixxQkFBcUI7WUFDckIsaUJBQWlCO1lBQ2pCLFVBQVU7WUFDVixnQ0FBZ0MsYUFHaEMsWUFBWTtZQUNaLFdBQVcsYUFHWCxtQkFBbUI7WUFDbkIsZ0JBQWdCO1lBQ2hCLGlCQUFpQjtZQUNqQixxQkFBcUI7WUFDckIsaUJBQWlCO1lBQ2pCLGdDQUFnQztnSEFHdkIsZUFBZSxZQVp4QixZQUFZO1lBQ1osV0FBVzs7NEZBV0YsZUFBZTtrQkF2QjNCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLG1CQUFtQjt3QkFDbkIsZ0JBQWdCO3dCQUNoQixpQkFBaUI7d0JBQ2pCLHFCQUFxQjt3QkFDckIsaUJBQWlCO3dCQUNqQixVQUFVO3dCQUNWLGdDQUFnQztxQkFDakM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVztxQkFDWjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsbUJBQW1CO3dCQUNuQixnQkFBZ0I7d0JBQ2hCLGlCQUFpQjt3QkFDakIscUJBQXFCO3dCQUNyQixpQkFBaUI7d0JBQ2pCLGdDQUFnQztxQkFDakM7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ3NDaGVja2JveENvbXBvbmVudCB9IGZyb20gJy4vY3MtY2hlY2tib3gvY3MtY2hlY2tib3guY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ3NSYWRpb0NvbXBvbmVudCB9IGZyb20gJy4vY3MtcmFkaW8vY3MtcmFkaW8uY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ3NTd2l0Y2hDb21wb25lbnQgfSBmcm9tICcuL2NzLXN3aXRjaC9jcy1zd2l0Y2guY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ3NSYWRpb0dyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi9jcy1yYWRpby1ncm91cC9jcy1yYWRpby1ncm91cC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDc1NlbGVjdENvbXBvbmVudCB9IGZyb20gJy4vY3Mtc2VsZWN0L2NzLXNlbGVjdC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBQYXNjYWxQaXBlIH0gZnJvbSAnLi9waXBlcy9wYXNjYWwucGlwZSc7XHJcbmltcG9ydCB7IENzQ2hlY2tib3hJbmRldGVybWluYXRlQ29tcG9uZW50IH0gZnJvbSAnLi9jcy1jaGVja2JveC1pbmRldGVybWluYXRlL2NzLWNoZWNrYm94LWluZGV0ZXJtaW5hdGUuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBDc0NoZWNrYm94Q29tcG9uZW50LFxyXG4gICAgQ3NSYWRpb0NvbXBvbmVudCxcclxuICAgIENzU3dpdGNoQ29tcG9uZW50LFxyXG4gICAgQ3NSYWRpb0dyb3VwQ29tcG9uZW50LFxyXG4gICAgQ3NTZWxlY3RDb21wb25lbnQsXHJcbiAgICBQYXNjYWxQaXBlLFxyXG4gICAgQ3NDaGVja2JveEluZGV0ZXJtaW5hdGVDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBDc0NoZWNrYm94Q29tcG9uZW50LFxyXG4gICAgQ3NSYWRpb0NvbXBvbmVudCxcclxuICAgIENzU3dpdGNoQ29tcG9uZW50LFxyXG4gICAgQ3NSYWRpb0dyb3VwQ29tcG9uZW50LFxyXG4gICAgQ3NTZWxlY3RDb21wb25lbnQsXHJcbiAgICBDc0NoZWNrYm94SW5kZXRlcm1pbmF0ZUNvbXBvbmVudFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGb3JtZ3JvdXBNb2R1bGUge31cclxuIl19

package/esm2022/lib/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 { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PascalPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵ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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzY2FsLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9mb3JtZ3JvdXAvcGlwZXMvcGFzY2FsLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBS3BELE1BQU0sT0FBTyxVQUFVO0lBQ3JCLFNBQVMsQ0FBQyxLQUFhLEVBQUUsR0FBRyxJQUFlO1FBQ3pDLElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxFQUFFO1lBQzdCLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFDRCxPQUFPLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN4RCxDQUFDOytHQU5VLFVBQVU7NkdBQVYsVUFBVTs7NEZBQVYsVUFBVTtrQkFIdEIsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsUUFBUTtpQkFDZiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBQaXBlKHtcclxuICBuYW1lOiAncGFzY2FsJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFBhc2NhbFBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcclxuICB0cmFuc2Zvcm0odmFsdWU6IHN0cmluZywgLi4uYXJnczogdW5rbm93bltdKTogdW5rbm93biB7XHJcbiAgICBpZiAodHlwZW9mIHZhbHVlICE9PSAnc3RyaW5nJykge1xyXG4gICAgICByZXR1cm4gdmFsdWU7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gdmFsdWUuY2hhckF0KDApLnRvVXBwZXJDYXNlKCkgKyB2YWx1ZS5zbGljZSgxKTtcclxuICB9XHJcbn1cclxuIl19

package/esm2022/lib/formgroup/select/cs-option/cs-option.component.mjs

@@ -0,0 +1,42 @@
+import { Component, ElementRef, Input, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../cs-select/cs-select.component";
+import * as i2 from "../select.service";
+import * as i3 from "../../../ui-kit/tooltip/tooltip.directive";
+export class CsOptionComponent {
+    constructor(csSelect, select) {
+        this.csSelect = csSelect;
+        this.select = select;
+        this.optionTooltip = '';
+        this.value = '';
+    }
+    ngAfterViewInit() {
+        this.select.add({
+            name: this.csSelect.name,
+            placeholder: this.option.nativeElement.innerHTML,
+            value: this.value,
+            color: this.color,
+        });
+    }
+    change(event) {
+        this.csSelect.writeValue(this.value, true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsOptionComponent, deps: [{ token: i1.CsSelectComponent }, { token: i2.SelectService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CsOptionComponent, selector: "cs-option", inputs: { value: "value", color: "color", backgroundColor: "backgroundColor", optionTooltip: "optionTooltip" }, viewQueries: [{ propertyName: "option", first: true, predicate: ["options"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"list\">\r\n  <label>\r\n    <input type=\"radio\" tabindex=\"0\" [value]=\"value\" [name]=\"csSelect.name\" (click)=\"change($event)\" [checked]=\"csSelect.val === value\"  [appTooltip]=\"optionTooltip\" placement=\"bottom-left\" delay=\"0\" [tooltipMandatory]=\"true\" />\r\n    <span class=\"value\" #options [style.color]=\"color\">\r\n      <ng-content></ng-content>\r\n    </span>\r\n  </label>\r\n</div>\r\n", styles: [".list label{line-height:23px;font-size:13px;font-weight:400;border-radius:4px;display:flex;position:relative;margin:0;align-items:center}.list label input[type=radio]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}.list label input[type=radio]:checked+span,.list label input[type=radio]:hover+span{background:#dcdcdc}.list label span.value{color:#747576;font-size:14px;line-height:21px;font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;padding:5px 15px;width:100%;text-transform:none;cursor:pointer;text-align:left}\n"], dependencies: [{ kind: "directive", type: i3.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsOptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cs-option', template: "<div class=\"list\">\r\n  <label>\r\n    <input type=\"radio\" tabindex=\"0\" [value]=\"value\" [name]=\"csSelect.name\" (click)=\"change($event)\" [checked]=\"csSelect.val === value\"  [appTooltip]=\"optionTooltip\" placement=\"bottom-left\" delay=\"0\" [tooltipMandatory]=\"true\" />\r\n    <span class=\"value\" #options [style.color]=\"color\">\r\n      <ng-content></ng-content>\r\n    </span>\r\n  </label>\r\n</div>\r\n", styles: [".list label{line-height:23px;font-size:13px;font-weight:400;border-radius:4px;display:flex;position:relative;margin:0;align-items:center}.list label input[type=radio]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}.list label input[type=radio]:checked+span,.list label input[type=radio]:hover+span{background:#dcdcdc}.list label span.value{color:#747576;font-size:14px;line-height:21px;font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;padding:5px 15px;width:100%;text-transform:none;cursor:pointer;text-align:left}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.CsSelectComponent }, { type: i2.SelectService }]; }, propDecorators: { value: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], optionTooltip: [{
+                type: Input
+            }], option: [{
+                type: ViewChild,
+                args: ['options', { read: ElementRef, static: false }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Mtb3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL2Zvcm1ncm91cC9zZWxlY3QvY3Mtb3B0aW9uL2NzLW9wdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9mb3JtZ3JvdXAvc2VsZWN0L2NzLW9wdGlvbi9jcy1vcHRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUXZGLE1BQU0sT0FBTyxpQkFBaUI7SUFRNUIsWUFBbUIsUUFBMkIsRUFBVSxNQUFxQjtRQUExRCxhQUFRLEdBQVIsUUFBUSxDQUFtQjtRQUFVLFdBQU0sR0FBTixNQUFNLENBQWU7UUFKcEUsa0JBQWEsR0FBRyxFQUFFLENBQUM7UUFLMUIsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDbEIsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQztZQUNkLElBQUksRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUk7WUFDeEIsV0FBVyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFNBQVM7WUFDaEQsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO1lBQ2pCLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztTQUNsQixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQVU7UUFDZixJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFDLElBQUksQ0FBQyxDQUFDO0lBQzVDLENBQUM7K0dBdkJVLGlCQUFpQjttR0FBakIsaUJBQWlCLCtPQUtFLFVBQVUsNkJDYjFDLDRhQVFBOzs0RkRBYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVztvSUFLWixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFFTixNQUFNO3NCQURMLFNBQVM7dUJBQUMsU0FBUyxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENzU2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi4vY3Mtc2VsZWN0L2NzLXNlbGVjdC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTZWxlY3RTZXJ2aWNlIH0gZnJvbSAnLi4vc2VsZWN0LnNlcnZpY2UnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NzLW9wdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NzLW9wdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3Mtb3B0aW9uLmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDc09wdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xyXG4gIEBJbnB1dCgpIHZhbHVlITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGNvbG9yITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGJhY2tncm91bmRDb2xvciE6IHN0cmluZztcclxuICBASW5wdXQoKSBvcHRpb25Ub29sdGlwID0gJyc7XHJcbiAgQFZpZXdDaGlsZCgnb3B0aW9ucycsIHsgcmVhZDogRWxlbWVudFJlZiwgc3RhdGljOiBmYWxzZSB9KVxyXG4gIG9wdGlvbiE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjc1NlbGVjdDogQ3NTZWxlY3RDb21wb25lbnQsIHByaXZhdGUgc2VsZWN0OiBTZWxlY3RTZXJ2aWNlKSB7XHJcbiAgICB0aGlzLnZhbHVlID0gJyc7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNlbGVjdC5hZGQoe1xyXG4gICAgICBuYW1lOiB0aGlzLmNzU2VsZWN0Lm5hbWUsXHJcbiAgICAgIHBsYWNlaG9sZGVyOiB0aGlzLm9wdGlvbi5uYXRpdmVFbGVtZW50LmlubmVySFRNTCxcclxuICAgICAgdmFsdWU6IHRoaXMudmFsdWUsXHJcbiAgICAgIGNvbG9yOiB0aGlzLmNvbG9yLFxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBjaGFuZ2UoZXZlbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5jc1NlbGVjdC53cml0ZVZhbHVlKHRoaXMudmFsdWUsdHJ1ZSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJsaXN0XCI+XHJcbiAgPGxhYmVsPlxyXG4gICAgPGlucHV0IHR5cGU9XCJyYWRpb1wiIHRhYmluZGV4PVwiMFwiIFt2YWx1ZV09XCJ2YWx1ZVwiIFtuYW1lXT1cImNzU2VsZWN0Lm5hbWVcIiAoY2xpY2spPVwiY2hhbmdlKCRldmVudClcIiBbY2hlY2tlZF09XCJjc1NlbGVjdC52YWwgPT09IHZhbHVlXCIgIFthcHBUb29sdGlwXT1cIm9wdGlvblRvb2x0aXBcIiBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiIGRlbGF5PVwiMFwiIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIiAvPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJ2YWx1ZVwiICNvcHRpb25zIFtzdHlsZS5jb2xvcl09XCJjb2xvclwiPlxyXG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9sYWJlbD5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/formgroup/select/cs-select/cs-select.component.mjs

@@ -0,0 +1,106 @@
+import { Component, ElementRef, forwardRef, Input, ViewChild, EventEmitter, Output } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { nanoid } from 'nanoid';
+import * as i0 from "@angular/core";
+import * as i1 from "../select.service";
+import * as i2 from "@angular/common";
+export class CsSelectComponent {
+    set content(content) {
+        if (content) {
+            // initially setter gets called with undefined
+            this.optionList = content;
+        }
+    }
+    constructor(select) {
+        this.select = select;
+        this.valueChanged = new EventEmitter();
+        this.onChange = () => { };
+        this.onTouch = () => { };
+        this.name = nanoid();
+        this.valuePlaceholder = '';
+    }
+    set RadioVal(val) {
+        if (val !== undefined && val !== null && this.val !== val) {
+            this.val = val;
+            const { placeholder, color } = this.select.getData(this.name, this.val);
+            this.valuePlaceholder = placeholder;
+            this.color = color;
+            this.onChange(val);
+            this.onTouch(val);
+        }
+    }
+    writeValue(value, emit) {
+        this.RadioVal = value;
+        if (emit) {
+            this.valueChanged.emit(this.RadioVal);
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    openDropdown(event) {
+        this.dropdownToggle = true;
+        setTimeout(() => {
+            const dropdown = event.target.getBoundingClientRect();
+            const selectOption = this.optionList.nativeElement.offsetHeight;
+            if (dropdown.top + selectOption * 2 > window.innerHeight) {
+                this.getTop = dropdown.top - selectOption;
+            }
+            else {
+                this.getTop = dropdown.top + dropdown.height;
+            }
+            this.getLeft = dropdown.left;
+            this.getWidth = dropdown.width;
+            if (this.setMaxWidth == true) {
+                this.maxWidth = dropdown.width * 1.5;
+            }
+            else {
+                this.maxWidth = dropdown.width;
+            }
+            this.showOptions = true;
+        }, 10);
+    }
+    closeDropdown() {
+        this.dropdownToggle = false;
+    }
+    ngOnDestroy() {
+        this.select.remove(this.name);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsSelectComponent, deps: [{ token: i1.SelectService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CsSelectComponent, selector: "cs-select", inputs: { dropdownLabel: "dropdownLabel", dropdownSubLabel: "dropdownSubLabel", isRequired: "isRequired", placeholder: "placeholder", setMaxWidth: "setMaxWidth" }, outputs: { valueChanged: "valueChanged" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CsSelectComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "content", first: true, predicate: ["optionList"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"selection-wrap\">\r\n  <div class=\"input-group\">\r\n    <input\r\n      type=\"text\"\r\n      readonly\r\n      class=\"value\"\r\n      (click)=\"openDropdown($event)\"\r\n      (keyup.enter)=\"openDropdown($event)\"\r\n      tabindex=\"0\"\r\n      [placeholder]=\"placeholder\"\r\n      [value]=\"valuePlaceholder\"\r\n      [style.color]=\"color\"\r\n    />\r\n    <!-- <i class=\"icons\">&#xe9e8;</i> -->\r\n  </div>\r\n  <div class=\"vx-overlay\" *ngIf=\"dropdownToggle === true\" (click)=\"closeDropdown()\"></div>\r\n  <div\r\n    class=\"select-options\"\r\n    *ngIf=\"dropdownToggle === true\"\r\n    #optionList\r\n    (keyup.Escape)=\"closeDropdown()\"\r\n    (keyup.enter)=\"closeDropdown()\"\r\n    (click)=\"closeDropdown()\"\r\n    [style.top.px]=\"getTop\"\r\n    [style.left.px]=\"getLeft\"\r\n    [style.maxWidth.px]=\"maxWidth\"\r\n    [style.minWidth.px]=\"getWidth\"\r\n    [class.active]=\"showOptions\"\r\n  >\r\n    <ng-content select=\"cs-option\"></ng-content>\r\n  </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.selection-wrap{display:block}.selection-wrap .input-group{background:#fff;display:flex;position:relative}.selection-wrap .input-group:before{border:1px solid #707070;border-top:none;border-left:none;content:\"\";display:inline-block;right:12px;position:absolute;top:16px;width:5px;height:5px;transform:rotate(45deg)}.selection-wrap .input-group input.value{height:40px;line-height:16px;font-size:13px;color:#747576;font-weight:400;background:transparent;border:1px solid #dbdbdb;border-radius:4px;width:100%;padding:8px 40px 8px 12px;display:block;outline:none;cursor:pointer;position:relative}.selection-wrap .select-options{position:fixed;overflow:auto;max-height:200px;padding:0;margin:0;display:block;border:1px solid #dbdbdb;box-shadow:0 3px 6px #1e5dd333;z-index:2147483002;background:#fff;border-radius:2px;opacity:0}.selection-wrap .select-options.hidden{opacity:0}.selection-wrap .select-options.active{opacity:1}.selection-wrap .select-options.reset{top:inherit;bottom:100%;box-shadow:0 -3px 6px #1e5dd333}.vx-overlay{display:block;position:fixed;inset:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cs-select', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CsSelectComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"selection-wrap\">\r\n  <div class=\"input-group\">\r\n    <input\r\n      type=\"text\"\r\n      readonly\r\n      class=\"value\"\r\n      (click)=\"openDropdown($event)\"\r\n      (keyup.enter)=\"openDropdown($event)\"\r\n      tabindex=\"0\"\r\n      [placeholder]=\"placeholder\"\r\n      [value]=\"valuePlaceholder\"\r\n      [style.color]=\"color\"\r\n    />\r\n    <!-- <i class=\"icons\">&#xe9e8;</i> -->\r\n  </div>\r\n  <div class=\"vx-overlay\" *ngIf=\"dropdownToggle === true\" (click)=\"closeDropdown()\"></div>\r\n  <div\r\n    class=\"select-options\"\r\n    *ngIf=\"dropdownToggle === true\"\r\n    #optionList\r\n    (keyup.Escape)=\"closeDropdown()\"\r\n    (keyup.enter)=\"closeDropdown()\"\r\n    (click)=\"closeDropdown()\"\r\n    [style.top.px]=\"getTop\"\r\n    [style.left.px]=\"getLeft\"\r\n    [style.maxWidth.px]=\"maxWidth\"\r\n    [style.minWidth.px]=\"getWidth\"\r\n    [class.active]=\"showOptions\"\r\n  >\r\n    <ng-content select=\"cs-option\"></ng-content>\r\n  </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.selection-wrap{display:block}.selection-wrap .input-group{background:#fff;display:flex;position:relative}.selection-wrap .input-group:before{border:1px solid #707070;border-top:none;border-left:none;content:\"\";display:inline-block;right:12px;position:absolute;top:16px;width:5px;height:5px;transform:rotate(45deg)}.selection-wrap .input-group input.value{height:40px;line-height:16px;font-size:13px;color:#747576;font-weight:400;background:transparent;border:1px solid #dbdbdb;border-radius:4px;width:100%;padding:8px 40px 8px 12px;display:block;outline:none;cursor:pointer;position:relative}.selection-wrap .select-options{position:fixed;overflow:auto;max-height:200px;padding:0;margin:0;display:block;border:1px solid #dbdbdb;box-shadow:0 3px 6px #1e5dd333;z-index:2147483002;background:#fff;border-radius:2px;opacity:0}.selection-wrap .select-options.hidden{opacity:0}.selection-wrap .select-options.active{opacity:1}.selection-wrap .select-options.reset{top:inherit;bottom:100%;box-shadow:0 -3px 6px #1e5dd333}.vx-overlay{display:block;position:fixed;inset:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.SelectService }]; }, propDecorators: { dropdownLabel: [{
+                type: Input
+            }], dropdownSubLabel: [{
+                type: Input
+            }], isRequired: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], valueChanged: [{
+                type: Output
+            }], setMaxWidth: [{
+                type: Input
+            }], content: [{
+                type: ViewChild,
+                args: ['optionList', { read: ElementRef, static: false }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Mtc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL2Zvcm1ncm91cC9zZWxlY3QvY3Mtc2VsZWN0L2NzLXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9mb3JtZ3JvdXAvc2VsZWN0L2NzLXNlbGVjdC9jcy1zZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFhLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNySCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sUUFBUSxDQUFDOzs7O0FBZ0JoQyxNQUFNLE9BQU8saUJBQWlCO0lBZ0I1QixJQUFrRSxPQUFPLENBQUMsT0FBbUI7UUFDM0YsSUFBSSxPQUFPLEVBQUU7WUFDWCw4Q0FBOEM7WUFDOUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxPQUFPLENBQUM7U0FDM0I7SUFDSCxDQUFDO0lBS0QsWUFBb0IsTUFBcUI7UUFBckIsV0FBTSxHQUFOLE1BQU0sQ0FBZTtRQXJCL0IsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBMEI1QyxhQUFRLEdBQVEsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQzFCLFlBQU8sR0FBUSxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFMdkIsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFLRCxJQUFJLFFBQVEsQ0FBQyxHQUFRO1FBQ25CLElBQUksR0FBRyxLQUFLLFNBQVMsSUFBSSxHQUFHLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxHQUFHLEtBQUssR0FBRyxFQUFFO1lBQ3pELElBQUksQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDO1lBQ2YsTUFBTSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUN4RSxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsV0FBVyxDQUFDO1lBQ3BDLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1lBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDbkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQztTQUNuQjtJQUNILENBQUM7SUFFRCxVQUFVLENBQUMsS0FBVSxFQUFFLElBQVc7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxJQUFJLEVBQUU7WUFDUixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7U0FDdkM7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQVU7UUFDckIsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7UUFDM0IsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMscUJBQXFCLEVBQUUsQ0FBQztZQUN0RCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUM7WUFDaEUsSUFBSSxRQUFRLENBQUMsR0FBRyxHQUFHLFlBQVksR0FBRyxDQUFDLEdBQUcsTUFBTSxDQUFDLFdBQVcsRUFBRTtnQkFDeEQsSUFBSSxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUMsR0FBRyxHQUFHLFlBQVksQ0FBQzthQUMzQztpQkFBTTtnQkFDTCxJQUFJLENBQUMsTUFBTSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQzthQUM5QztZQUNELElBQUksQ0FBQyxPQUFPLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FBQztZQUM3QixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUM7WUFDL0IsSUFBSSxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksRUFBRTtnQkFDNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQzthQUN0QztpQkFBTTtnQkFDTCxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUM7YUFDaEM7WUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztRQUMxQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDVCxDQUFDO0lBQ0QsYUFBYTtRQUNYLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7K0dBdkZVLGlCQUFpQjttR0FBakIsaUJBQWlCLG1QQVJqQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsaUJBQWlCLENBQUM7Z0JBQ2hELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRiw0R0FrQmdDLFVBQVUsNkJDbEM3Qyx3Z0NBZ0NBOzs0RkRkYSxpQkFBaUI7a0JBYjdCLFNBQVM7K0JBRUUsV0FBVyxhQUdWO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGtCQUFrQixDQUFDOzRCQUNoRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjtvR0FHUSxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTTtnQkFVRSxXQUFXO3NCQUFuQixLQUFLO2dCQUM0RCxPQUFPO3NCQUF4RSxTQUFTO3VCQUFDLFlBQVksRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgZm9yd2FyZFJlZiwgSW5wdXQsIFZpZXdDaGlsZCwgRXZlbnRFbWl0dGVyLCBPbkRlc3Ryb3ksIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgbmFub2lkIH0gZnJvbSAnbmFub2lkJztcclxuXHJcbmltcG9ydCB7IFNlbGVjdFNlcnZpY2UgfSBmcm9tICcuLi9zZWxlY3Quc2VydmljZSc7XHJcbkBDb21wb25lbnQoe1xyXG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpjb21wb25lbnQtc2VsZWN0b3JcclxuICBzZWxlY3RvcjogJ2NzLXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NzLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3Mtc2VsZWN0LmNvbXBvbmVudC5sZXNzJ10sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBDc1NlbGVjdENvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlLFxyXG4gICAgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3NTZWxlY3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xyXG4gIEBJbnB1dCgpIGRyb3Bkb3duTGFiZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZHJvcGRvd25TdWJMYWJlbCE6IHN0cmluZztcclxuICBASW5wdXQoKSBpc1JlcXVpcmVkITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyITogc3RyaW5nO1xyXG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgZHJvcGRvd25Ub2dnbGUhOiBib29sZWFuO1xyXG4gIHBvc2l0aW9uUmVzZXQhOiBib29sZWFuO1xyXG4gIGdldExlZnQhOiBudW1iZXI7XHJcbiAgZ2V0VG9wITogbnVtYmVyO1xyXG4gIGdldFdpZHRoITogbnVtYmVyO1xyXG4gIG1heFdpZHRoITogbnVtYmVyO1xyXG5cclxuICB2YWx1ZVBsYWNlaG9sZGVyOiBzdHJpbmc7XHJcbiAgcHJpdmF0ZSBvcHRpb25MaXN0ITogRWxlbWVudFJlZjtcclxuICBASW5wdXQoKSBzZXRNYXhXaWR0aDogYW55O1xyXG4gIEBWaWV3Q2hpbGQoJ29wdGlvbkxpc3QnLCB7IHJlYWQ6IEVsZW1lbnRSZWYsIHN0YXRpYzogZmFsc2UgfSkgc2V0IGNvbnRlbnQoY29udGVudDogRWxlbWVudFJlZikge1xyXG4gICAgaWYgKGNvbnRlbnQpIHtcclxuICAgICAgLy8gaW5pdGlhbGx5IHNldHRlciBnZXRzIGNhbGxlZCB3aXRoIHVuZGVmaW5lZFxyXG4gICAgICB0aGlzLm9wdGlvbkxpc3QgPSBjb250ZW50O1xyXG4gICAgfVxyXG4gIH1cclxuICBuYW1lITogc3RyaW5nO1xyXG4gIHZhbCE6IHN0cmluZztcclxuICBzaG93T3B0aW9ucyE6IGJvb2xlYW47XHJcbiAgY29sb3IhOiBzdHJpbmc7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzZWxlY3Q6IFNlbGVjdFNlcnZpY2UpIHtcclxuICAgIHRoaXMubmFtZSA9IG5hbm9pZCgpO1xyXG4gICAgdGhpcy52YWx1ZVBsYWNlaG9sZGVyID0gJyc7XHJcbiAgfVxyXG5cclxuICBvbkNoYW5nZTogYW55ID0gKCkgPT4geyB9O1xyXG4gIG9uVG91Y2g6IGFueSA9ICgpID0+IHsgfTtcclxuXHJcbiAgc2V0IFJhZGlvVmFsKHZhbDogYW55KSB7XHJcbiAgICBpZiAodmFsICE9PSB1bmRlZmluZWQgJiYgdmFsICE9PSBudWxsICYmIHRoaXMudmFsICE9PSB2YWwpIHtcclxuICAgICAgdGhpcy52YWwgPSB2YWw7XHJcbiAgICAgIGNvbnN0IHsgcGxhY2Vob2xkZXIsIGNvbG9yIH0gPSB0aGlzLnNlbGVjdC5nZXREYXRhKHRoaXMubmFtZSwgdGhpcy52YWwpO1xyXG4gICAgICB0aGlzLnZhbHVlUGxhY2Vob2xkZXIgPSBwbGFjZWhvbGRlcjtcclxuICAgICAgdGhpcy5jb2xvciA9IGNvbG9yO1xyXG4gICAgICB0aGlzLm9uQ2hhbmdlKHZhbCk7XHJcbiAgICAgIHRoaXMub25Ub3VjaCh2YWwpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55LCBlbWl0PzogdHJ1ZSk6IHZvaWQge1xyXG4gICAgdGhpcy5SYWRpb1ZhbCA9IHZhbHVlO1xyXG4gICAgaWYgKGVtaXQpIHtcclxuICAgICAgdGhpcy52YWx1ZUNoYW5nZWQuZW1pdCh0aGlzLlJhZGlvVmFsKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoID0gZm47XHJcbiAgfVxyXG5cclxuICBvcGVuRHJvcGRvd24oZXZlbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5kcm9wZG93blRvZ2dsZSA9IHRydWU7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgY29uc3QgZHJvcGRvd24gPSBldmVudC50YXJnZXQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XHJcbiAgICAgIGNvbnN0IHNlbGVjdE9wdGlvbiA9IHRoaXMub3B0aW9uTGlzdC5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodDtcclxuICAgICAgaWYgKGRyb3Bkb3duLnRvcCArIHNlbGVjdE9wdGlvbiAqIDIgPiB3aW5kb3cuaW5uZXJIZWlnaHQpIHtcclxuICAgICAgICB0aGlzLmdldFRvcCA9IGRyb3Bkb3duLnRvcCAtIHNlbGVjdE9wdGlvbjtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLmdldFRvcCA9IGRyb3Bkb3duLnRvcCArIGRyb3Bkb3duLmhlaWdodDtcclxuICAgICAgfVxyXG4gICAgICB0aGlzLmdldExlZnQgPSBkcm9wZG93bi5sZWZ0O1xyXG4gICAgICB0aGlzLmdldFdpZHRoID0gZHJvcGRvd24ud2lkdGg7XHJcbiAgICAgIGlmICh0aGlzLnNldE1heFdpZHRoID09IHRydWUpIHtcclxuICAgICAgICB0aGlzLm1heFdpZHRoID0gZHJvcGRvd24ud2lkdGggKiAxLjU7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgdGhpcy5tYXhXaWR0aCA9IGRyb3Bkb3duLndpZHRoO1xyXG4gICAgICB9XHJcblxyXG4gICAgICB0aGlzLnNob3dPcHRpb25zID0gdHJ1ZTtcclxuICAgIH0sIDEwKTtcclxuICB9XHJcbiAgY2xvc2VEcm9wZG93bigpOiB2b2lkIHtcclxuICAgIHRoaXMuZHJvcGRvd25Ub2dnbGUgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zZWxlY3QucmVtb3ZlKHRoaXMubmFtZSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJzZWxlY3Rpb24td3JhcFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cFwiPlxyXG4gICAgPGlucHV0XHJcbiAgICAgIHR5cGU9XCJ0ZXh0XCJcclxuICAgICAgcmVhZG9ubHlcclxuICAgICAgY2xhc3M9XCJ2YWx1ZVwiXHJcbiAgICAgIChjbGljayk9XCJvcGVuRHJvcGRvd24oJGV2ZW50KVwiXHJcbiAgICAgIChrZXl1cC5lbnRlcik9XCJvcGVuRHJvcGRvd24oJGV2ZW50KVwiXHJcbiAgICAgIHRhYmluZGV4PVwiMFwiXHJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbiAgICAgIFt2YWx1ZV09XCJ2YWx1ZVBsYWNlaG9sZGVyXCJcclxuICAgICAgW3N0eWxlLmNvbG9yXT1cImNvbG9yXCJcclxuICAgIC8+XHJcbiAgICA8IS0tIDxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlOWU4OzwvaT4gLS0+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInZ4LW92ZXJsYXlcIiAqbmdJZj1cImRyb3Bkb3duVG9nZ2xlID09PSB0cnVlXCIgKGNsaWNrKT1cImNsb3NlRHJvcGRvd24oKVwiPjwvZGl2PlxyXG4gIDxkaXZcclxuICAgIGNsYXNzPVwic2VsZWN0LW9wdGlvbnNcIlxyXG4gICAgKm5nSWY9XCJkcm9wZG93blRvZ2dsZSA9PT0gdHJ1ZVwiXHJcbiAgICAjb3B0aW9uTGlzdFxyXG4gICAgKGtleXVwLkVzY2FwZSk9XCJjbG9zZURyb3Bkb3duKClcIlxyXG4gICAgKGtleXVwLmVudGVyKT1cImNsb3NlRHJvcGRvd24oKVwiXHJcbiAgICAoY2xpY2spPVwiY2xvc2VEcm9wZG93bigpXCJcclxuICAgIFtzdHlsZS50b3AucHhdPVwiZ2V0VG9wXCJcclxuICAgIFtzdHlsZS5sZWZ0LnB4XT1cImdldExlZnRcIlxyXG4gICAgW3N0eWxlLm1heFdpZHRoLnB4XT1cIm1heFdpZHRoXCJcclxuICAgIFtzdHlsZS5taW5XaWR0aC5weF09XCJnZXRXaWR0aFwiXHJcbiAgICBbY2xhc3MuYWN0aXZlXT1cInNob3dPcHRpb25zXCJcclxuICA+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJjcy1vcHRpb25cIj48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/formgroup/select/select.module.mjs

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CsSelectComponent } from './cs-select/cs-select.component';
+import { CsOptionComponent } from './cs-option/cs-option.component';
+import { FormsModule } from '@angular/forms';
+import { TooltipModule } from '../../ui-kit/tooltip/tooltip.module';
+import * as i0 from "@angular/core";
+export class SelectModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SelectModule, declarations: [CsSelectComponent, CsOptionComponent], imports: [FormsModule, CommonModule, TooltipModule], exports: [CsSelectComponent, CsOptionComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectModule, imports: [FormsModule, CommonModule, TooltipModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CsSelectComponent, CsOptionComponent],
+                    imports: [FormsModule, CommonModule, TooltipModule],
+                    exports: [CsSelectComponent, CsOptionComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL2Zvcm1ncm91cC9zZWxlY3Qvc2VsZWN0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNwRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNwRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOztBQU9wRSxNQUFNLE9BQU8sWUFBWTsrR0FBWixZQUFZO2dIQUFaLFlBQVksaUJBSlIsaUJBQWlCLEVBQUUsaUJBQWlCLGFBQ3pDLFdBQVcsRUFBRSxZQUFZLEVBQUUsYUFBYSxhQUN4QyxpQkFBaUIsRUFBRSxpQkFBaUI7Z0hBRW5DLFlBQVksWUFIYixXQUFXLEVBQUUsWUFBWSxFQUFFLGFBQWE7OzRGQUd2QyxZQUFZO2tCQUx4QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGlCQUFpQixFQUFFLGlCQUFpQixDQUFDO29CQUNwRCxPQUFPLEVBQUUsQ0FBQyxXQUFXLEVBQUUsWUFBWSxFQUFFLGFBQWEsQ0FBQztvQkFDbkQsT0FBTyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsaUJBQWlCLENBQUM7aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ3NTZWxlY3RDb21wb25lbnQgfSBmcm9tICcuL2NzLXNlbGVjdC9jcy1zZWxlY3QuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ3NPcHRpb25Db21wb25lbnQgfSBmcm9tICcuL2NzLW9wdGlvbi9jcy1vcHRpb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFRvb2x0aXBNb2R1bGUgfSBmcm9tICcuLi8uLi91aS1raXQvdG9vbHRpcC90b29sdGlwLm1vZHVsZSc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW0NzU2VsZWN0Q29tcG9uZW50LCBDc09wdGlvbkNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW0Zvcm1zTW9kdWxlLCBDb21tb25Nb2R1bGUsIFRvb2x0aXBNb2R1bGVdLFxyXG4gIGV4cG9ydHM6IFtDc1NlbGVjdENvbXBvbmVudCwgQ3NPcHRpb25Db21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2VsZWN0TW9kdWxlIHt9XHJcbiJdfQ==