npm - vcomply-workflow-engine - Versions diffs - 3.5.3 → 3.5.4 - Mend

vcomply-workflow-engine 3.5.3 → 3.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (645) hide show

package/esm2022/lib/ui-kit/editor-loader/editor-loader/editor-loader.component.mjs ADDED Viewed

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class EditorLoaderComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditorLoaderComponent, selector: "app-editor-loader", ngImport: i0, template: "<div class=\"loader-wrapper\">\r\n    <div class=\"loader-panel\">\r\n        <div class=\"loader-panel-head\">\r\n            <span class=\"title\"></span>\r\n            <span class=\"ddl\"></span>\r\n        </div>\r\n        <div class=\"loader-panel-body\">\r\n            <div class=\"left\">\r\n                <div class=\"label\"></div>\r\n                <div class=\"toolkit\" *ngFor=\"let data of [1,1,1,1,1,1,1]\">\r\n                    <span><span></span></span>\r\n                </div>\r\n            </div>\r\n            <div class=\"right\">\r\n                <div class=\"button\"></div>\r\n                <div class=\"question-block\">\r\n                    <div class=\"head\">\r\n                        <div class=\"nav\">\r\n                            <div class=\"button\" *ngFor=\"let data of [1,1,1]\">\r\n                                <span></span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"action\">\r\n                            <div class=\"button\" *ngFor=\"let data of [1,1]\"></div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"body\">\r\n                        <div class=\"left\">\r\n                            <div class=\"qusetion-number\"></div>\r\n                            <div class=\"qusetion-item\"></div>\r\n                            <div class=\"qusetion-options\">\r\n                                <ul>\r\n                                    <li *ngFor=\"let data of [1,1,1,1]\"></li>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"right\">\r\n                            <div class=\"qusetion-number\"></div>\r\n                            <div class=\"qusetion-item\"></div>\r\n                            <div class=\"qusetion-options\">\r\n                                <ul>\r\n                                    <li *ngFor=\"let data of [1,1,1,1]\"></li>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"footer\">\r\n                        <div class=\"left\">\r\n                            <div class=\"button\"></div>\r\n                        </div>\r\n                        <div class=\"right\">\r\n                            <div class=\"button\"></div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <!-- <div class=\"button\"></div>\r\n                <div class=\"button\"></div> -->\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".loader-wrapper{position:relative;margin-top:12px}.loader-panel{position:relative;height:calc(100vh - 116px);background:#fff;border-radius:2px}.loader-panel-head{height:40px;border-radius:2px 2px 0 0;background:#fbfbfb;padding:8px 12px;border-bottom:1px solid #f1f1f1;justify-content:space-between;align-items:center;display:flex}.loader-panel-head span.title{height:10px;width:400px;border-radius:10px;background:#f1f1f1;display:block}.loader-panel-head span.ddl{height:25px;width:200px;border-radius:4px;background:#f1f1f1;display:block}.loader-panel-body{background:#fff;display:flex;justify-content:space-between;height:calc(100% - 40px)}.loader-panel-body .left{width:182px;position:relative}.loader-panel-body .left:after{content:\"\";position:absolute;top:0;right:0;bottom:0;width:1px;background:#f1f1f1}.loader-panel-body .left .label{display:flex;width:100%;height:24px;border:1px solid #f3f3f3;background:#f3f3f3;font-size:8px;cursor:pointer;position:relative;text-transform:uppercase;justify-content:center;outline:none;align-items:center;margin-bottom:4px}.loader-panel-body .left .toolkit{padding:8px 12px 0}.loader-panel-body .left .toolkit span{display:flex;width:100%;height:32px;padding:3px 5px;background:#f6f6f6;align-items:center}.loader-panel-body .left .toolkit span span{display:inline-block;background:#f1f1f1;height:20px;width:20px;border-radius:4px}.loader-panel-body .right{width:calc(100% - 190px);padding-top:10px}.loader-panel-body .right .button{background:#f8f8f8;width:960px;border-radius:4px;height:50px;border:1px solid #f1f1f1;margin:20px auto 8px}.loader-panel-body .right .question-block{width:960px;margin:0 auto 10px;border-radius:5px}.loader-panel-body .right .question-block .head{height:42px;border-radius:4px 4px 0 0;background:#fbfbfb;display:flex;justify-content:flex-end;border:1px solid #F1F1F1;border-bottom:none}.loader-panel-body .right .question-block .head .nav{width:calc(100% - 224px);display:flex;align-items:center;justify-content:center}.loader-panel-body .right .question-block .head .nav .button{padding:0 20px;width:auto;margin:0;height:auto;background:transparent;border:none}.loader-panel-body .right .question-block .head .nav .button span{background:#f1f1f1;border-radius:10px;width:30px;display:block;height:10px}.loader-panel-body .right .question-block .head .action{width:112px;display:flex;align-items:center}.loader-panel-body .right .question-block .head .action .button{width:78px;height:28px;background:#f1f1f1;border-radius:2px;margin:0}.loader-panel-body .right .question-block .head .action .button+.button{margin-left:5px;width:24px}.loader-panel-body .right .question-block .body{border:1px solid #F1F1F1;padding:26px 21px 50px;display:flex}.loader-panel-body .right .question-block .body .left{width:calc(100% - 275px);padding-right:30px}.loader-panel-body .right .question-block .body .left .qusetion-options ul li{width:80%}.loader-panel-body .right .question-block .body .left .qusetion-options ul li:nth-child(odd){width:85%}.loader-panel-body .right .question-block .body .right{width:275px;padding-left:30px;padding-top:0}.loader-panel-body .right .question-block .body .right .qusetion-options ul li{height:15px}.loader-panel-body .right .question-block .body .qusetion{width:100%}.loader-panel-body .right .question-block .body .qusetion-number{width:50px;height:10px;background:#f1f1f1;border-radius:10px;margin-bottom:20px}.loader-panel-body .right .question-block .body .qusetion-item{width:100%;height:20px;border-radius:20px;background:#f1f1f1;margin-bottom:30px}.loader-panel-body .right .question-block .body .qusetion-options ul{padding:0;margin:0;width:100%;display:block}.loader-panel-body .right .question-block .body .qusetion-options ul li{display:block;list-style:none;height:16px;width:100%;background:#f1f1f1;border-radius:16px}.loader-panel-body .right .question-block .body .qusetion-options ul li+li{margin-top:20px}.loader-panel-body .right .question-block .footer{height:42px;border-radius:0 0 4px 4px;background:#fbfbfb;justify-content:flex-end;border:1px solid #F1F1F1;border-top:none;display:flex;justify-content:space-between;align-items:center;padding:7px 15px}.loader-panel-body .right .question-block .footer .left{display:flex;padding:0;margin:0;width:auto}.loader-panel-body .right .question-block .footer .left:after{display:none}.loader-panel-body .right .question-block .footer .left .button{background:#f1f1f1;border-radius:4px;height:28px;display:block;width:138px;margin:0}.loader-panel-body .right .question-block .footer .right{display:flex;padding:0;margin:0;width:auto}.loader-panel-body .right .question-block .footer .right .button{background:#f1f1f1;border-radius:4px;height:28px;display:block;width:80px;margin:0}\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: EditorLoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-editor-loader', template: "<div class=\"loader-wrapper\">\r\n    <div class=\"loader-panel\">\r\n        <div class=\"loader-panel-head\">\r\n            <span class=\"title\"></span>\r\n            <span class=\"ddl\"></span>\r\n        </div>\r\n        <div class=\"loader-panel-body\">\r\n            <div class=\"left\">\r\n                <div class=\"label\"></div>\r\n                <div class=\"toolkit\" *ngFor=\"let data of [1,1,1,1,1,1,1]\">\r\n                    <span><span></span></span>\r\n                </div>\r\n            </div>\r\n            <div class=\"right\">\r\n                <div class=\"button\"></div>\r\n                <div class=\"question-block\">\r\n                    <div class=\"head\">\r\n                        <div class=\"nav\">\r\n                            <div class=\"button\" *ngFor=\"let data of [1,1,1]\">\r\n                                <span></span>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"action\">\r\n                            <div class=\"button\" *ngFor=\"let data of [1,1]\"></div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"body\">\r\n                        <div class=\"left\">\r\n                            <div class=\"qusetion-number\"></div>\r\n                            <div class=\"qusetion-item\"></div>\r\n                            <div class=\"qusetion-options\">\r\n                                <ul>\r\n                                    <li *ngFor=\"let data of [1,1,1,1]\"></li>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"right\">\r\n                            <div class=\"qusetion-number\"></div>\r\n                            <div class=\"qusetion-item\"></div>\r\n                            <div class=\"qusetion-options\">\r\n                                <ul>\r\n                                    <li *ngFor=\"let data of [1,1,1,1]\"></li>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"footer\">\r\n                        <div class=\"left\">\r\n                            <div class=\"button\"></div>\r\n                        </div>\r\n                        <div class=\"right\">\r\n                            <div class=\"button\"></div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <!-- <div class=\"button\"></div>\r\n                <div class=\"button\"></div> -->\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".loader-wrapper{position:relative;margin-top:12px}.loader-panel{position:relative;height:calc(100vh - 116px);background:#fff;border-radius:2px}.loader-panel-head{height:40px;border-radius:2px 2px 0 0;background:#fbfbfb;padding:8px 12px;border-bottom:1px solid #f1f1f1;justify-content:space-between;align-items:center;display:flex}.loader-panel-head span.title{height:10px;width:400px;border-radius:10px;background:#f1f1f1;display:block}.loader-panel-head span.ddl{height:25px;width:200px;border-radius:4px;background:#f1f1f1;display:block}.loader-panel-body{background:#fff;display:flex;justify-content:space-between;height:calc(100% - 40px)}.loader-panel-body .left{width:182px;position:relative}.loader-panel-body .left:after{content:\"\";position:absolute;top:0;right:0;bottom:0;width:1px;background:#f1f1f1}.loader-panel-body .left .label{display:flex;width:100%;height:24px;border:1px solid #f3f3f3;background:#f3f3f3;font-size:8px;cursor:pointer;position:relative;text-transform:uppercase;justify-content:center;outline:none;align-items:center;margin-bottom:4px}.loader-panel-body .left .toolkit{padding:8px 12px 0}.loader-panel-body .left .toolkit span{display:flex;width:100%;height:32px;padding:3px 5px;background:#f6f6f6;align-items:center}.loader-panel-body .left .toolkit span span{display:inline-block;background:#f1f1f1;height:20px;width:20px;border-radius:4px}.loader-panel-body .right{width:calc(100% - 190px);padding-top:10px}.loader-panel-body .right .button{background:#f8f8f8;width:960px;border-radius:4px;height:50px;border:1px solid #f1f1f1;margin:20px auto 8px}.loader-panel-body .right .question-block{width:960px;margin:0 auto 10px;border-radius:5px}.loader-panel-body .right .question-block .head{height:42px;border-radius:4px 4px 0 0;background:#fbfbfb;display:flex;justify-content:flex-end;border:1px solid #F1F1F1;border-bottom:none}.loader-panel-body .right .question-block .head .nav{width:calc(100% - 224px);display:flex;align-items:center;justify-content:center}.loader-panel-body .right .question-block .head .nav .button{padding:0 20px;width:auto;margin:0;height:auto;background:transparent;border:none}.loader-panel-body .right .question-block .head .nav .button span{background:#f1f1f1;border-radius:10px;width:30px;display:block;height:10px}.loader-panel-body .right .question-block .head .action{width:112px;display:flex;align-items:center}.loader-panel-body .right .question-block .head .action .button{width:78px;height:28px;background:#f1f1f1;border-radius:2px;margin:0}.loader-panel-body .right .question-block .head .action .button+.button{margin-left:5px;width:24px}.loader-panel-body .right .question-block .body{border:1px solid #F1F1F1;padding:26px 21px 50px;display:flex}.loader-panel-body .right .question-block .body .left{width:calc(100% - 275px);padding-right:30px}.loader-panel-body .right .question-block .body .left .qusetion-options ul li{width:80%}.loader-panel-body .right .question-block .body .left .qusetion-options ul li:nth-child(odd){width:85%}.loader-panel-body .right .question-block .body .right{width:275px;padding-left:30px;padding-top:0}.loader-panel-body .right .question-block .body .right .qusetion-options ul li{height:15px}.loader-panel-body .right .question-block .body .qusetion{width:100%}.loader-panel-body .right .question-block .body .qusetion-number{width:50px;height:10px;background:#f1f1f1;border-radius:10px;margin-bottom:20px}.loader-panel-body .right .question-block .body .qusetion-item{width:100%;height:20px;border-radius:20px;background:#f1f1f1;margin-bottom:30px}.loader-panel-body .right .question-block .body .qusetion-options ul{padding:0;margin:0;width:100%;display:block}.loader-panel-body .right .question-block .body .qusetion-options ul li{display:block;list-style:none;height:16px;width:100%;background:#f1f1f1;border-radius:16px}.loader-panel-body .right .question-block .body .qusetion-options ul li+li{margin-top:20px}.loader-panel-body .right .question-block .footer{height:42px;border-radius:0 0 4px 4px;background:#fbfbfb;justify-content:flex-end;border:1px solid #F1F1F1;border-top:none;display:flex;justify-content:space-between;align-items:center;padding:7px 15px}.loader-panel-body .right .question-block .footer .left{display:flex;padding:0;margin:0;width:auto}.loader-panel-body .right .question-block .footer .left:after{display:none}.loader-panel-body .right .question-block .footer .left .button{background:#f1f1f1;border-radius:4px;height:28px;display:block;width:138px;margin:0}.loader-panel-body .right .question-block .footer .right{display:flex;padding:0;margin:0;width:auto}.loader-panel-body .right .question-block .footer .right .button{background:#f1f1f1;border-radius:4px;height:28px;display:block;width:80px;margin:0}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdG9yLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvZWRpdG9yLWxvYWRlci9lZGl0b3ItbG9hZGVyL2VkaXRvci1sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvdWkta2l0L2VkaXRvci1sb2FkZXIvZWRpdG9yLWxvYWRlci9lZGl0b3ItbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7OztBQU9sRCxNQUFNLE9BQU8scUJBQXFCO0lBRWhDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQUxVLHFCQUFxQjttR0FBckIscUJBQXFCLHlEQ1BsQywyc0ZBNkRBOzs0RkR0RGEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1lZGl0b3ItbG9hZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZWRpdG9yLWxvYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZWRpdG9yLWxvYWRlci5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFZGl0b3JMb2FkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJsb2FkZXItd3JhcHBlclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImxvYWRlci1wYW5lbFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsb2FkZXItcGFuZWwtaGVhZFwiPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRpdGxlXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImRkbFwiPjwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibG9hZGVyLXBhbmVsLWJvZHlcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnRcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsYWJlbFwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRvb2xraXRcIiAqbmdGb3I9XCJsZXQgZGF0YSBvZiBbMSwxLDEsMSwxLDEsMV1cIj5cclxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj48c3Bhbj48L3NwYW4+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHRcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25cIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuYXZcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25cIiAqbmdGb3I9XCJsZXQgZGF0YSBvZiBbMSwxLDFdXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYWN0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uXCIgKm5nRm9yPVwibGV0IGRhdGEgb2YgWzEsMV1cIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJvZHlcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJxdXNldGlvbi1udW1iZXJcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJxdXNldGlvbi1pdGVtXCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicXVzZXRpb24tb3B0aW9uc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1bD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBkYXRhIG9mIFsxLDEsMSwxXVwiPjwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC91bD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicXVzZXRpb24tbnVtYmVyXCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicXVzZXRpb24taXRlbVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInF1c2V0aW9uLW9wdGlvbnNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgZGF0YSBvZiBbMSwxLDEsMV1cIj48L2xpPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvdWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZvb3RlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvblwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uXCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8IS0tIDxkaXYgY2xhc3M9XCJidXR0b25cIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25cIj48L2Rpdj4gLS0+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/ui-kit/editor-loader/editor-loader.module.mjs ADDED Viewed

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

package/esm2022/lib/ui-kit/format-html.pipe.mjs ADDED Viewed

@@ -0,0 +1,20 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+export class FormatHtmlPipe {
+    constructor(sanitized) {
+        this.sanitized = sanitized;
+    }
+    transform(value) {
+        return this.sanitized.bypassSecurityTrustHtml(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormatHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FormatHtmlPipe, name: "formatHtml" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormatHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'formatHtml'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0LWh0bWwucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3VpLWtpdC9mb3JtYXQtaHRtbC5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7QUFNcEQsTUFBTSxPQUFPLGNBQWM7SUFFekIsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztJQUFHLENBQUM7SUFDL0MsU0FBUyxDQUFDLEtBQWE7UUFDckIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZELENBQUM7K0dBTFUsY0FBYzs2R0FBZCxjQUFjOzs0RkFBZCxjQUFjO2tCQUgxQixJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxZQUFZO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XHJcblxyXG5AUGlwZSh7XHJcbiAgbmFtZTogJ2Zvcm1hdEh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGb3JtYXRIdG1sUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplZDogRG9tU2FuaXRpemVyKSB7fVxyXG4gIHRyYW5zZm9ybSh2YWx1ZTogc3RyaW5nKSB7XHJcbiAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZWQuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwodmFsdWUpO1xyXG4gIH1cclxuXHJcbn1cclxuIl19

package/esm2022/lib/ui-kit/formgroup/click-outside.directive.mjs ADDED Viewed

@@ -0,0 +1,29 @@
+import { Directive, EventEmitter, HostListener, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ClickOutsideDirective {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.clickOutside = new EventEmitter();
+    }
+    onMouseEnter(targetElement) {
+        const clickedInside = this.elementRef.nativeElement.contains(targetElement);
+        if (!clickedInside) {
+            this.clickOutside.emit(null);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onMouseEnter($event.target)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClickOutsideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[clickOutside]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { clickOutside: [{
+                type: Output,
+                args: ['clickOutside']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['document:click', ['$event.target']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xpY2stb3V0c2lkZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL2NsaWNrLW91dHNpZGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSzFGLE1BQU0sT0FBTyxxQkFBcUI7SUFDaEMsWUFBb0IsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUNsQixpQkFBWSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRGhDLENBQUM7SUFHSyxZQUFZLENBQUMsYUFBa0I7UUFDaEYsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzVFLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDOUI7SUFDSCxDQUFDOytHQVRVLHFCQUFxQjttR0FBckIscUJBQXFCOzs0RkFBckIscUJBQXFCO2tCQUhqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7aUJBQzNCO2lHQUd5QixZQUFZO3NCQUFuQyxNQUFNO3VCQUFDLGNBQWM7Z0JBRTZCLFlBQVk7c0JBQTlELFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSG9zdExpc3RlbmVyLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gIHNlbGVjdG9yOiAnW2NsaWNrT3V0c2lkZV0nLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2xpY2tPdXRzaWRlRGlyZWN0aXZlIHtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XHJcbiAgQE91dHB1dCgnY2xpY2tPdXRzaWRlJykgY2xpY2tPdXRzaWRlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudC50YXJnZXQnXSkgb25Nb3VzZUVudGVyKHRhcmdldEVsZW1lbnQ6IGFueSkge1xyXG4gICAgY29uc3QgY2xpY2tlZEluc2lkZSA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKHRhcmdldEVsZW1lbnQpO1xyXG4gICAgaWYgKCFjbGlja2VkSW5zaWRlKSB7XHJcbiAgICAgIHRoaXMuY2xpY2tPdXRzaWRlLmVtaXQobnVsbCk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2022/lib/ui-kit/formgroup/cs-checkbox/cs-checkbox.component.mjs ADDED Viewed

@@ -0,0 +1,31 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class CsCheckboxComponent {
+    constructor() {
+        this.disabled = false;
+        this.ngValueChange = new EventEmitter();
+    }
+    ngOnInit() { }
+    valueChanged() {
+        this.ngValueChange.emit(this.ngValue);
+    }
+    chileClick(event) {
+        event.stopPropagation();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CsCheckboxComponent, selector: "app-cs-checkbox", inputs: { disabled: "disabled", ngValue: "ngValue", value: "value" }, outputs: { ngValueChange: "ngValueChange" }, ngImport: i0, template: "<label class=\"checkbox-item\" [class.disabled]=\"disabled\" (click)=\"chileClick($event)\">\r\n  <input type=\"checkbox\" [name]=\"value\" [disabled]=\"disabled\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" />\r\n  <span class=\"checkbox\">\r\n    <span class=\"inner\"></span>\r\n  </span>\r\n  <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n    <circle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n    <path class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n  </svg>\r\n  <span class=\"value\"><ng-content></ng-content></span>\r\n</label>\r\n", styles: ["label.checkbox-item{display:inline-flex;align-items:center;cursor:pointer;margin:0;padding:0;max-width:100%}label.checkbox-item span{display:inline-flex;align-items:center;justify-content:center}label.checkbox-item span.checkbox{height:16px;width:16px;border-radius:2px;border:1px solid #dbdbdb;position:relative;padding:2px;margin-top:0}label.checkbox-item span.value{color:#4e4e4e;font-size:14px;line-height:16px;font-weight:400;margin-left:10px;max-width:calc(100% - 26px)}label.checkbox-item span.value:empty{display:none}label.checkbox-item svg{display:none;margin-top:0}label.checkbox-item input[type=checkbox]{display:none}label.checkbox-item input[type=checkbox]:checked~svg{display:block}label.checkbox-item input[type=checkbox]:checked+.checkbox{display:none}label.checkbox-item input[type=checkbox]:disabled~*{opacity:.7}.disabled{opacity:.4!important}.checkmark{width:16px;height:16px;border-radius:2px;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}.checkmark__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}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.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: CsCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-cs-checkbox', template: "<label class=\"checkbox-item\" [class.disabled]=\"disabled\" (click)=\"chileClick($event)\">\r\n  <input type=\"checkbox\" [name]=\"value\" [disabled]=\"disabled\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" />\r\n  <span class=\"checkbox\">\r\n    <span class=\"inner\"></span>\r\n  </span>\r\n  <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n    <circle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n    <path class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n  </svg>\r\n  <span class=\"value\"><ng-content></ng-content></span>\r\n</label>\r\n", styles: ["label.checkbox-item{display:inline-flex;align-items:center;cursor:pointer;margin:0;padding:0;max-width:100%}label.checkbox-item span{display:inline-flex;align-items:center;justify-content:center}label.checkbox-item span.checkbox{height:16px;width:16px;border-radius:2px;border:1px solid #dbdbdb;position:relative;padding:2px;margin-top:0}label.checkbox-item span.value{color:#4e4e4e;font-size:14px;line-height:16px;font-weight:400;margin-left:10px;max-width:calc(100% - 26px)}label.checkbox-item span.value:empty{display:none}label.checkbox-item svg{display:none;margin-top:0}label.checkbox-item input[type=checkbox]{display:none}label.checkbox-item input[type=checkbox]:checked~svg{display:block}label.checkbox-item input[type=checkbox]:checked+.checkbox{display:none}label.checkbox-item input[type=checkbox]:disabled~*{opacity:.7}.disabled{opacity:.4!important}.checkmark{width:16px;height:16px;border-radius:2px;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}.checkmark__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}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s 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
+            }], ngValue: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], ngValueChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3MtY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvdWkta2l0L2Zvcm1ncm91cC9jcy1jaGVja2JveC9jcy1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL2NzLWNoZWNrYm94L2NzLWNoZWNrYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPMUYsTUFBTSxPQUFPLG1CQUFtQjtJQUs5QjtRQUpTLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFHaEIsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBQ25DLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7SUFDbkIsWUFBWTtRQUNWLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVU7UUFDbkIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzFCLENBQUM7K0dBZFUsbUJBQW1CO21HQUFuQixtQkFBbUIsMEtDUGhDLDJwQkFXQTs7NEZESmEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGlCQUFpQjswRUFLbEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNzLWNoZWNrYm94JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3MtY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NzLWNoZWNrYm94LmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDc0NoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIG5nVmFsdWUhOiBhbnk7XHJcbiAgQElucHV0KCkgdmFsdWU6IGFueTtcclxuICBAT3V0cHV0KCkgbmdWYWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG4gIHZhbHVlQ2hhbmdlZCgpIHtcclxuICAgIHRoaXMubmdWYWx1ZUNoYW5nZS5lbWl0KHRoaXMubmdWYWx1ZSk7XHJcbiAgfVxyXG5cclxuICBjaGlsZUNsaWNrKGV2ZW50OiBhbnkpe1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxsYWJlbCBjbGFzcz1cImNoZWNrYm94LWl0ZW1cIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAoY2xpY2spPVwiY2hpbGVDbGljaygkZXZlbnQpXCI+XHJcbiAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIFtuYW1lXT1cInZhbHVlXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgWyhuZ01vZGVsKV09XCJuZ1ZhbHVlXCIgKG5nTW9kZWxDaGFuZ2UpPVwidmFsdWVDaGFuZ2VkKClcIiAvPlxyXG4gIDxzcGFuIGNsYXNzPVwiY2hlY2tib3hcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwiaW5uZXJcIj48L3NwYW4+XHJcbiAgPC9zcGFuPlxyXG4gIDxzdmcgY2xhc3M9XCJjaGVja21hcmtcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCA1MiA1MlwiPlxyXG4gICAgPGNpcmNsZSBjbGFzcz1cImNoZWNrbWFya19fY2lyY2xlXCIgY3g9XCIyNlwiIGN5PVwiMjZcIiByPVwiMjVcIiBmaWxsPVwibm9uZVwiIC8+XHJcbiAgICA8cGF0aCBjbGFzcz1cImNoZWNrbWFya19fY2hlY2tcIiBmaWxsPVwibm9uZVwiIGQ9XCJNMTQuMSAyNy4ybDcuMSA3LjIgMTYuNy0xNi44XCIgLz5cclxuICA8L3N2Zz5cclxuICA8c3BhbiBjbGFzcz1cInZhbHVlXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3Bhbj5cclxuPC9sYWJlbD5cclxuIl19

package/esm2022/lib/ui-kit/formgroup/cs-checkbox-indeterminate/cs-checkbox-indeterminate.component.mjs ADDED Viewed

@@ -0,0 +1,35 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class CsCheckboxIndeterminateComponent {
+    constructor() {
+        this.ngValueChange = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    valueChanged() {
+        const emitValue = {
+            value: this.value,
+            checked: this.ngValue
+        };
+        this.ngValueChange.emit(emitValue);
+    }
+    chileClick(event) {
+        event.stopPropagation();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CsCheckboxIndeterminateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CsCheckboxIndeterminateComponent, selector: "app-cs-checkbox-indeterminate", inputs: { disabled: "disabled", ngValue: "ngValue", value: "value" }, outputs: { ngValueChange: "ngValueChange" }, ngImport: i0, template: "<label class=\"checkbox-item\" [class.disabled]=\"disabled\" (click)=\"chileClick($event)\">\r\n    <input type=\"checkbox\" [name]=\"value\" [disabled]=\"disabled\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" />\r\n    <span class=\"checkbox\">\r\n      <span class=\"inner\"></span>\r\n    </span>\r\n    <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n      <circle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n      <path fill=\"none\" d=\"M37.9,27H14v-2h23.9V27z\"/>\r\n    </svg>\r\n    <span class=\"value\"><ng-content></ng-content></span>\r\n  </label>\r\n  ", styles: ["label.checkbox-item{display:inline-flex;align-items:center;cursor:pointer;margin:0;max-width:100%;position:relative;padding:0 0 0 24px}label.checkbox-item span{display:inline-flex;align-items:center;justify-content:center}label.checkbox-item span.checkbox{height:16px;width:16px;border-radius:2px;border:1px solid #dbdbdb;position:absolute;left:0;top:0;padding:2px;margin-top:0}label.checkbox-item span.value{display:block;color:#747576;font-size:14px;line-height:16px;font-weight:400;max-width:calc(100% - 26px)}label.checkbox-item span.value:empty{display:none}label.checkbox-item svg{display:none;margin-top:0}label.checkbox-item input[type=checkbox]{display:none}label.checkbox-item input[type=checkbox]:checked~svg{display:block}label.checkbox-item input[type=checkbox]:checked+.checkbox{display:none}label.checkbox-item input[type=checkbox]:disabled~*{opacity:.7}.disabled{opacity:.4!important}.checkmark{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:2px;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}.checkmark__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}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.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: CsCheckboxIndeterminateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-cs-checkbox-indeterminate', template: "<label class=\"checkbox-item\" [class.disabled]=\"disabled\" (click)=\"chileClick($event)\">\r\n    <input type=\"checkbox\" [name]=\"value\" [disabled]=\"disabled\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" />\r\n    <span class=\"checkbox\">\r\n      <span class=\"inner\"></span>\r\n    </span>\r\n    <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n      <circle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n      <path fill=\"none\" d=\"M37.9,27H14v-2h23.9V27z\"/>\r\n    </svg>\r\n    <span class=\"value\"><ng-content></ng-content></span>\r\n  </label>\r\n  ", styles: ["label.checkbox-item{display:inline-flex;align-items:center;cursor:pointer;margin:0;max-width:100%;position:relative;padding:0 0 0 24px}label.checkbox-item span{display:inline-flex;align-items:center;justify-content:center}label.checkbox-item span.checkbox{height:16px;width:16px;border-radius:2px;border:1px solid #dbdbdb;position:absolute;left:0;top:0;padding:2px;margin-top:0}label.checkbox-item span.value{display:block;color:#747576;font-size:14px;line-height:16px;font-weight:400;max-width:calc(100% - 26px)}label.checkbox-item span.value:empty{display:none}label.checkbox-item svg{display:none;margin-top:0}label.checkbox-item input[type=checkbox]{display:none}label.checkbox-item input[type=checkbox]:checked~svg{display:block}label.checkbox-item input[type=checkbox]:checked+.checkbox{display:none}label.checkbox-item input[type=checkbox]:disabled~*{opacity:.7}.disabled{opacity:.4!important}.checkmark{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:2px;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}.checkmark__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}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s 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
+            }], ngValue: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], ngValueChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3MtY2hlY2tib3gtaW5kZXRlcm1pbmF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL2NzLWNoZWNrYm94LWluZGV0ZXJtaW5hdGUvY3MtY2hlY2tib3gtaW5kZXRlcm1pbmF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL2NzLWNoZWNrYm94LWluZGV0ZXJtaW5hdGUvY3MtY2hlY2tib3gtaW5kZXRlcm1pbmF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPL0UsTUFBTSxPQUFPLGdDQUFnQztJQU0zQztRQUZVLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUVsQyxDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBQ0QsWUFBWTtRQUNWLE1BQU0sU0FBUyxHQUFHO1lBQ2hCLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztZQUNqQixPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU87U0FDdEIsQ0FBQTtRQUNELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBVTtRQUNuQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDMUIsQ0FBQzsrR0FwQlUsZ0NBQWdDO21HQUFoQyxnQ0FBZ0Msd0xDUDdDLGdwQkFXRTs7NEZESlcsZ0NBQWdDO2tCQUw1QyxTQUFTOytCQUNFLCtCQUErQjswRUFLaEMsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jcy1jaGVja2JveC1pbmRldGVybWluYXRlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3MtY2hlY2tib3gtaW5kZXRlcm1pbmF0ZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3MtY2hlY2tib3gtaW5kZXRlcm1pbmF0ZS5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDc0NoZWNrYm94SW5kZXRlcm1pbmF0ZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIG5nVmFsdWU6IGFueTtcclxuICBASW5wdXQoKSB2YWx1ZTogYW55O1xyXG4gIEBPdXRwdXQoKSBuZ1ZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuICB2YWx1ZUNoYW5nZWQoKSB7XHJcbiAgICBjb25zdCBlbWl0VmFsdWUgPSB7XHJcbiAgICAgIHZhbHVlOiB0aGlzLnZhbHVlLFxyXG4gICAgICBjaGVja2VkOiB0aGlzLm5nVmFsdWVcclxuICAgIH1cclxuICAgIHRoaXMubmdWYWx1ZUNoYW5nZS5lbWl0KGVtaXRWYWx1ZSk7XHJcbiAgfVxyXG5cclxuICBjaGlsZUNsaWNrKGV2ZW50OiBhbnkpe1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8bGFiZWwgY2xhc3M9XCJjaGVja2JveC1pdGVtXCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCIgKGNsaWNrKT1cImNoaWxlQ2xpY2soJGV2ZW50KVwiPlxyXG4gICAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIFtuYW1lXT1cInZhbHVlXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgWyhuZ01vZGVsKV09XCJuZ1ZhbHVlXCIgKG5nTW9kZWxDaGFuZ2UpPVwidmFsdWVDaGFuZ2VkKClcIiAvPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJjaGVja2JveFwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cImlubmVyXCI+PC9zcGFuPlxyXG4gICAgPC9zcGFuPlxyXG4gICAgPHN2ZyBjbGFzcz1cImNoZWNrbWFya1wiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDUyIDUyXCI+XHJcbiAgICAgIDxjaXJjbGUgY2xhc3M9XCJjaGVja21hcmtfX2NpcmNsZVwiIGN4PVwiMjZcIiBjeT1cIjI2XCIgcj1cIjI1XCIgZmlsbD1cIm5vbmVcIiAvPlxyXG4gICAgICA8cGF0aCBmaWxsPVwibm9uZVwiIGQ9XCJNMzcuOSwyN0gxNHYtMmgyMy45VjI3elwiLz5cclxuICAgIDwvc3ZnPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJ2YWx1ZVwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3NwYW4+XHJcbiAgPC9sYWJlbD5cclxuICAiXX0=

package/esm2022/lib/ui-kit/formgroup/cs-radio/cs-radio.component.mjs ADDED Viewed

@@ -0,0 +1,30 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+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" }, outputs: { checkedEvent: "checkedEvent" }, ngImport: i0, template: "<label class=\"radio-item\" [class.readonly]=\"readonly\">\r\n  <input type=\"radio\" [disabled]=\"disabled\" [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\">\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  <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.readonly{pointer-events:none}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:#4e4e4e;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}.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__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__check{stroke-dasharray:100;stroke-dashoffset:100;stroke-width:10;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s 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"] }); }
+}
+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\" [class.readonly]=\"readonly\">\r\n  <input type=\"radio\" [disabled]=\"disabled\" [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\">\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  <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.readonly{pointer-events:none}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:#4e4e4e;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}.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__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__check{stroke-dasharray:100;stroke-dashoffset:100;stroke-width:10;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s 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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3MtcmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvdWkta2l0L2Zvcm1ncm91cC9jcy1yYWRpby9jcy1yYWRpby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL2NzLXJhZGlvL2NzLXJhZGlvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTy9FLE1BQU0sT0FBTyxnQkFBZ0I7SUFPM0I7UUFEVSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQztJQUNuQixXQUFXLENBQUMsR0FBUTtRQUNsQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM5QixDQUFDOytHQVpVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLHlNQ1A3QiwybkJBV0E7OzRGREphLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxjQUFjOzBFQUtmLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtY3MtcmFkaW8nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jcy1yYWRpby5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3MtcmFkaW8uY29tcG9uZW50Lmxlc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENzUmFkaW9Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkITogYm9vbGVhbjtcclxuICBASW5wdXQoKSByZWFkb25seSE6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgbmFtZSE6IHN0cmluZztcclxuICBASW5wdXQoKSBjaGVja2VkITogYm9vbGVhbjtcclxuICBASW5wdXQoKSB2YWx1ZTogYW55O1xyXG4gIEBPdXRwdXQoKSBjaGVja2VkRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcbiAgY2hhbmdlU3RhdGUoZXZ0OiBhbnkpIHtcclxuICAgIHRoaXMuY2hlY2tlZEV2ZW50LmVtaXQoZXZ0KTtcclxuICB9XHJcbn1cclxuIiwiPGxhYmVsIGNsYXNzPVwicmFkaW8taXRlbVwiIFtjbGFzcy5yZWFkb25seV09XCJyZWFkb25seVwiPlxyXG4gIDxpbnB1dCB0eXBlPVwicmFkaW9cIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbbmFtZV09XCJuYW1lXCIgW3ZhbHVlXT1cInZhbHVlXCIgW2NoZWNrZWRdPVwiY2hlY2tlZFwiIChjaGFuZ2UpPVwiY2hhbmdlU3RhdGUoJGV2ZW50KVwiIC8+XHJcbiAgPHNwYW4gY2xhc3M9XCJyYWRpb1wiPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJpbm5lclwiPjwvc3Bhbj5cclxuICA8L3NwYW4+XHJcbiAgPHN2ZyBjbGFzcz1cInJhZGlvbWFya1wiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDUyIDUyXCI+XHJcbiAgICA8Y2lyY2xlIGNsYXNzPVwicmFkaW9tYXJrX19jaXJjbGVcIiBjeD1cIjI2XCIgY3k9XCIyNlwiIHI9XCIyNVwiIGZpbGw9XCJub25lXCIgLz5cclxuICAgIDxjaXJjbGUgY2xhc3M9XCJyYWRpb21hcmtfX2NoZWNrXCIgY3g9XCIyNlwiIGN5PVwiMjZcIiByPVwiNVwiIGZpbGw9XCJub25lXCIgLz5cclxuICA8L3N2Zz5cclxuICA8c3BhbiBjbGFzcz1cInZhbHVlXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3Bhbj5cclxuPC9sYWJlbD5cclxuIl19

package/esm2022/lib/ui-kit/formgroup/cs-radio-group/cs-radio-group.component.mjs ADDED Viewed

@@ -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"], 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3MtcmFkaW8tZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvdWkta2l0L2Zvcm1ncm91cC9jcy1yYWRpby1ncm91cC9jcy1yYWRpby1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL2NzLXJhZGlvLWdyb3VwL2NzLXJhZGlvLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7OztBQU9sRCxNQUFNLE9BQU8scUJBQXFCO0lBQ2hDLGdCQUFlLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7K0dBSFIscUJBQXFCO21HQUFyQixxQkFBcUIsMERDUGxDLDBKQUlBOzs0RkRHYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0Usb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNzLXJhZGlvLWdyb3VwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3MtcmFkaW8tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NzLXJhZGlvLWdyb3VwLmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDc1JhZGlvR3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG59XHJcbiIsIjxhcHAtY3MtcmFkaW8+ZmVmcmU8L2FwcC1jcy1yYWRpbz5cclxuPGFwcC1jcy1yYWRpbz5mZWZyZTwvYXBwLWNzLXJhZGlvPlxyXG48YXBwLWNzLXJhZGlvPmZlZnJlPC9hcHAtY3MtcmFkaW8+XHJcbjxhcHAtY3MtcmFkaW8+ZmVmcmU8L2FwcC1jcy1yYWRpbz5cclxuIl19

package/esm2022/lib/ui-kit/formgroup/cs-select/cs-select.component.mjs ADDED Viewed

@@ -0,0 +1,100 @@
+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 "../click-outside.directive";
+import * as i3 from "../pipes/pascal.pipe";
+export class CsSelectComponent {
+    constructor() {
+        this.selectedData = new EventEmitter();
+        this.selectedValueChange = new EventEmitter();
+        this.dropdownOption = false;
+        this.activeDoropdown = false;
+    }
+    set content(content) {
+        if (content) {
+            // initially setter gets called with undefined
+            this.optionList = content;
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['selectedValue']) {
+            this.selectedValue = 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;
+        }, 10);
+        setTimeout(() => {
+            this.activeDoropdown = true;
+        }, 100);
+    }
+    selectOption(selectedData) {
+        if (typeof selectedData === 'object') {
+            this.selectedValue = selectedData[this.displayProperty];
+            this.colorSelected = selectedData[this.colorProperty];
+        }
+        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", disabled: "disabled", placeholder: "placeholder", stylex: "stylex", valueKey: "valueKey", multipleSelect: "multipleSelect", colorProperty: "colorProperty", colorSelected: "colorSelected" }, outputs: { selectedData: "selectedData", selectedValueChange: "selectedValueChange" }, viewQueries: [{ propertyName: "option", first: true, predicate: ["option"], descendants: true }, { propertyName: "content", first: true, predicate: ["optionList"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"input-group\" (clickOutside)=\"dropdownOption = false\">\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\" [class.disabled]=\"disabled\">\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      *ngIf=\"!colorProperty\"\r\n    />\r\n    <span class=\"show-label\" *ngIf=\"colorProperty\" (click)=\"openDropdown($event)\">\r\n      <span class=\"label\" [innerHTML]=\"selectedValue\" [style.backgroundColor]=\"colorSelected + '1A'\" [style.color]=\"colorSelected\"></span>\r\n    </span>\r\n    <!-- <span class=\"arrow\" [class.line]=\"stylex\">\r\n      <i class=\"icons\">&#xe9e8;</i>\r\n    </span> -->\r\n    <div class=\"overlay active\" *ngIf=\"dropdownOption === true\" (click)=\"closeDropdown()\"></div>\r\n    <ul\r\n      class=\"list-of-option\"\r\n      *ngIf=\"dropdownOption === true && !colorProperty\"\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>\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      </li>\r\n    </ul>\r\n    <ul\r\n      class=\"list-of-option\"\r\n      *ngIf=\"dropdownOption === true && colorProperty\"\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 class=\"colors\">\r\n          <input type=\"radio\" [value]=\"data[valueKey]\" name=\"sliceLabel\" (click)=\"selectOption(data)\" #option (keyup.enter)=\"closeDropdown()\" class=\"pointer-none\" />\r\n          <span\r\n            (click)=\"selectOption(data)\"\r\n            *ngIf=\"displayProperty && displayProperty !== ''\"\r\n            class=\"value\"\r\n            [ngStyle]=\"{ color: data.segment_color }\"\r\n            [style.backgroundColor]=\"data.segment_color + '1A'\"\r\n            >{{ data[displayProperty] }}</span\r\n          >\r\n          <span\r\n            (click)=\"selectOption(data)\"\r\n            *ngIf=\"!displayProperty || displayProperty === ''\"\r\n            class=\"value\"\r\n            [ngStyle]=\"{ color: data.segment_color }\"\r\n            [style.backgroundColor]=\"data.segment_color + '1A'\"\r\n            >{{ data }}</span\r\n          >\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],.input-group .show-label{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;overflow:hidden;text-overflow:ellipsis}.input-group input[type=text].line,.input-group .show-label.line{border:none;border-bottom:1px solid #dbdbdb;border-radius:0;padding-left:0}.input-group .show-label{display:flex;padding:6px;padding-right:25px!important;cursor:pointer}.input-group .show-label .label{white-space:nowrap;padding:2px 5px;height:100%;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;text-transform:uppercase;font-size:11px;font-weight:600;line-height:15px;pointer-events:none}.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{background:#fff;position:relative;z-index:1}.input-group .custom-select-box:after{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);z-index:-1}.input-group .custom-select-box input[type=text],.input-group .custom-select-box .input{cursor:pointer;padding-right:30px;background:transparent}.input-group .custom-select-box input[type=text].line,.input-group .custom-select-box .input.line{padding-right:20px}.input-group .custom-select-box.disabled{filter:grayscale(1);pointer-events:none}.input-group .arrow{position:absolute;right:17px;color:#747576;bottom:8px;font-size:10px;pointer-events:none}.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;left: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}ul.list-of-option li label.multiselect{padding:0 15px}ul.list-of-option li label.multiselect span.checkbox{display:inline-block;border:1px solid #dbdbdb;border-radius:2px;height:16px;width:16px;position:relative;padding:2px}ul.list-of-option li label input[type=checkbox]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}ul.list-of-option li label input[type=checkbox]:checked+span{background:#dcdcdc}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox{border-color:#34aa44;background:#34aa44}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox:after{width:8px;height:3px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;transform:rotate(-45deg);content:\"\";position:absolute;top:3px;left:2px}ul.list-of-option li label.colors{padding:3px 5px}ul.list-of-option li label.colors span.value{padding:3px 6px;line-height:16px;font-size:11px;font-weight:600}\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: "directive", type: i2.ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "pipe", type: i3.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\" (clickOutside)=\"dropdownOption = false\">\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\" [class.disabled]=\"disabled\">\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      *ngIf=\"!colorProperty\"\r\n    />\r\n    <span class=\"show-label\" *ngIf=\"colorProperty\" (click)=\"openDropdown($event)\">\r\n      <span class=\"label\" [innerHTML]=\"selectedValue\" [style.backgroundColor]=\"colorSelected + '1A'\" [style.color]=\"colorSelected\"></span>\r\n    </span>\r\n    <!-- <span class=\"arrow\" [class.line]=\"stylex\">\r\n      <i class=\"icons\">&#xe9e8;</i>\r\n    </span> -->\r\n    <div class=\"overlay active\" *ngIf=\"dropdownOption === true\" (click)=\"closeDropdown()\"></div>\r\n    <ul\r\n      class=\"list-of-option\"\r\n      *ngIf=\"dropdownOption === true && !colorProperty\"\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>\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      </li>\r\n    </ul>\r\n    <ul\r\n      class=\"list-of-option\"\r\n      *ngIf=\"dropdownOption === true && colorProperty\"\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 class=\"colors\">\r\n          <input type=\"radio\" [value]=\"data[valueKey]\" name=\"sliceLabel\" (click)=\"selectOption(data)\" #option (keyup.enter)=\"closeDropdown()\" class=\"pointer-none\" />\r\n          <span\r\n            (click)=\"selectOption(data)\"\r\n            *ngIf=\"displayProperty && displayProperty !== ''\"\r\n            class=\"value\"\r\n            [ngStyle]=\"{ color: data.segment_color }\"\r\n            [style.backgroundColor]=\"data.segment_color + '1A'\"\r\n            >{{ data[displayProperty] }}</span\r\n          >\r\n          <span\r\n            (click)=\"selectOption(data)\"\r\n            *ngIf=\"!displayProperty || displayProperty === ''\"\r\n            class=\"value\"\r\n            [ngStyle]=\"{ color: data.segment_color }\"\r\n            [style.backgroundColor]=\"data.segment_color + '1A'\"\r\n            >{{ data }}</span\r\n          >\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],.input-group .show-label{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;overflow:hidden;text-overflow:ellipsis}.input-group input[type=text].line,.input-group .show-label.line{border:none;border-bottom:1px solid #dbdbdb;border-radius:0;padding-left:0}.input-group .show-label{display:flex;padding:6px;padding-right:25px!important;cursor:pointer}.input-group .show-label .label{white-space:nowrap;padding:2px 5px;height:100%;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;text-transform:uppercase;font-size:11px;font-weight:600;line-height:15px;pointer-events:none}.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{background:#fff;position:relative;z-index:1}.input-group .custom-select-box:after{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);z-index:-1}.input-group .custom-select-box input[type=text],.input-group .custom-select-box .input{cursor:pointer;padding-right:30px;background:transparent}.input-group .custom-select-box input[type=text].line,.input-group .custom-select-box .input.line{padding-right:20px}.input-group .custom-select-box.disabled{filter:grayscale(1);pointer-events:none}.input-group .arrow{position:absolute;right:17px;color:#747576;bottom:8px;font-size:10px;pointer-events:none}.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;left: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}ul.list-of-option li label.multiselect{padding:0 15px}ul.list-of-option li label.multiselect span.checkbox{display:inline-block;border:1px solid #dbdbdb;border-radius:2px;height:16px;width:16px;position:relative;padding:2px}ul.list-of-option li label input[type=checkbox]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}ul.list-of-option li label input[type=checkbox]:checked+span{background:#dcdcdc}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox{border-color:#34aa44;background:#34aa44}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox:after{width:8px;height:3px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;transform:rotate(-45deg);content:\"\";position:absolute;top:3px;left:2px}ul.list-of-option li label.colors{padding:3px 5px}ul.list-of-option li label.colors span.value{padding:3px 6px;line-height:16px;font-size:11px;font-weight:600}\n"] }]
+        }], propDecorators: { dataList: [{
+                type: Input
+            }], dropdownLabel: [{
+                type: Input
+            }], displayProperty: [{
+                type: Input
+            }], selectedValue: [{
+                type: Input
+            }], isRequired: [{
+                type: Input
+            }], dropdownSubLabel: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], option: [{
+                type: ViewChild,
+                args: ['option']
+            }], selectedData: [{
+                type: Output
+            }], selectedValueChange: [{
+                type: Output
+            }], placeholder: [{
+                type: Input
+            }], stylex: [{
+                type: Input
+            }], valueKey: [{
+                type: Input
+            }], multipleSelect: [{
+                type: Input
+            }], colorProperty: [{
+                type: Input
+            }], colorSelected: [{
+                type: Input
+            }], content: [{
+                type: ViewChild,
+                args: ['optionList']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Mtc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3VpLWtpdC9mb3JtZ3JvdXAvY3Mtc2VsZWN0L2NzLXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL2NzLXNlbGVjdC9jcy1zZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBaUIsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQU94SCxNQUFNLE9BQU8saUJBQWlCO0lBTDlCO1FBZVksaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2xDLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFVbkQsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFNdkIsb0JBQWUsR0FBRyxLQUFLLENBQUM7S0FnRHpCO0lBNUNDLElBQTZCLE9BQU8sQ0FBQyxPQUFtQjtRQUN0RCxJQUFJLE9BQU8sRUFBRTtZQUNYLDhDQUE4QztZQUM5QyxJQUFJLENBQUMsVUFBVSxHQUFHLE9BQU8sQ0FBQztTQUMzQjtJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsZUFBZSxDQUFDLEVBQUU7WUFDNUIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxJQUFJLElBQUksQ0FBQztTQUNqRDtJQUNILENBQUM7SUFFRCxZQUFZLENBQUMsS0FBVTtRQUNyQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQztRQUMzQixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQ3RELE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztZQUNoRSxJQUFJLFFBQVEsQ0FBQyxHQUFHLEdBQUcsWUFBWSxHQUFHLENBQUMsR0FBRyxNQUFNLENBQUMsV0FBVyxFQUFFO2dCQUN4RCxJQUFJLENBQUMsTUFBTSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEdBQUcsWUFBWSxDQUFDO2FBQzNDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUFDLEdBQUcsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDO2FBQzlDO1lBQ0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDO1lBQzdCLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQztZQUMvQixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ3hDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNQLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztRQUM5QixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDO0lBQ0QsWUFBWSxDQUFDLFlBQWlCO1FBQzVCLElBQUksT0FBTyxZQUFZLEtBQUssUUFBUSxFQUFFO1lBQ3BDLElBQUksQ0FBQyxhQUFhLEdBQUcsWUFBWSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztZQUN4RCxJQUFJLENBQUMsYUFBYSxHQUFHLFlBQVksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDdkQ7YUFBTTtZQUNMLElBQUksQ0FBQyxhQUFhLEdBQUcsWUFBWSxDQUFDO1NBQ25DO1FBQ0QsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDckMsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7SUFDOUIsQ0FBQztJQUNELGFBQWE7UUFDWCxJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztJQUM5QixDQUFDOytHQTFFVSxpQkFBaUI7bUdBQWpCLGlCQUFpQiw2dEJDUDlCLDhqSEE4RUE7OzRGRHZFYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsZUFBZTs4QkFLaEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNlLE1BQU07c0JBQTFCLFNBQVM7dUJBQUMsUUFBUTtnQkFFVCxZQUFZO3NCQUFyQixNQUFNO2dCQUNHLG1CQUFtQjtzQkFBNUIsTUFBTTtnQkFDRSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFFRyxhQUFhO3NCQUFyQixLQUFLO2dCQWF1QixPQUFPO3NCQUFuQyxTQUFTO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNzLXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NzLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3Mtc2VsZWN0LmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDc1NlbGVjdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XHJcbiAgQElucHV0KCkgZGF0YUxpc3QhOiBhbnlbXTtcclxuICBASW5wdXQoKSBkcm9wZG93bkxhYmVsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRpc3BsYXlQcm9wZXJ0eSE6IHN0cmluZztcclxuICBASW5wdXQoKSBzZWxlY3RlZFZhbHVlITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGlzUmVxdWlyZWQhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGRyb3Bkb3duU3ViTGFiZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQhOiBib29sZWFuO1xyXG4gIEBWaWV3Q2hpbGQoJ29wdGlvbicpIG9wdGlvbiE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBPdXRwdXQoKSBzZWxlY3RlZERhdGEgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIHNlbGVjdGVkVmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IGFueTtcclxuICBASW5wdXQoKSBzdHlsZXg6IGFueTtcclxuICBASW5wdXQoKSB2YWx1ZUtleTogYW55O1xyXG4gIEBJbnB1dCgpIG11bHRpcGxlU2VsZWN0OiBhbnk7XHJcbiAgQElucHV0KCkgY29sb3JQcm9wZXJ0eSE6IHN0cmluZztcclxuXHJcbiAgQElucHV0KCkgY29sb3JTZWxlY3RlZCE6IHN0cmluZztcclxuICBjb2xvckNvZGUhOiBzdHJpbmc7XHJcblxyXG4gIGRyb3Bkb3duT3B0aW9uID0gZmFsc2U7XHJcbiAgcG9zaXRpb25SZXNldCE6IGJvb2xlYW47XHJcbiAgZ2V0TGVmdCE6IG51bWJlcjtcclxuICBnZXRUb3AhOiBudW1iZXI7XHJcbiAgZ2V0V2lkdGghOiBudW1iZXI7XHJcbiAgbWF4V2lkdGghOiBudW1iZXI7XHJcbiAgYWN0aXZlRG9yb3Bkb3duID0gZmFsc2U7XHJcblxyXG4gIHByaXZhdGUgb3B0aW9uTGlzdCE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ29wdGlvbkxpc3QnKSBzZXQgY29udGVudChjb250ZW50OiBFbGVtZW50UmVmKSB7XHJcbiAgICBpZiAoY29udGVudCkge1xyXG4gICAgICAvLyBpbml0aWFsbHkgc2V0dGVyIGdldHMgY2FsbGVkIHdpdGggdW5kZWZpbmVkXHJcbiAgICAgIHRoaXMub3B0aW9uTGlzdCA9IGNvbnRlbnQ7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICBpZiAoY2hhbmdlc1snc2VsZWN0ZWRWYWx1ZSddKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IHRoaXMuc2VsZWN0ZWRWYWx1ZSB8fCAnLS0nO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb3BlbkRyb3Bkb3duKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuZHJvcGRvd25PcHRpb24gPSB0cnVlO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIGNvbnN0IGRyb3Bkb3duID0gZXZlbnQudGFyZ2V0LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG4gICAgICBjb25zdCBzZWxlY3RPcHRpb24gPSB0aGlzLm9wdGlvbkxpc3QubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQ7XHJcbiAgICAgIGlmIChkcm9wZG93bi50b3AgKyBzZWxlY3RPcHRpb24gKiAyID4gd2luZG93LmlubmVySGVpZ2h0KSB7XHJcbiAgICAgICAgdGhpcy5nZXRUb3AgPSBkcm9wZG93bi50b3AgLSBzZWxlY3RPcHRpb247XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgdGhpcy5nZXRUb3AgPSBkcm9wZG93bi50b3AgKyBkcm9wZG93bi5oZWlnaHQ7XHJcbiAgICAgIH1cclxuICAgICAgdGhpcy5nZXRMZWZ0ID0gZHJvcGRvd24ubGVmdDtcclxuICAgICAgdGhpcy5nZXRXaWR0aCA9IGRyb3Bkb3duLndpZHRoO1xyXG4gICAgICB0aGlzLm1heFdpZHRoID0gZHJvcGRvd24ud2lkdGggKiAxLjI1O1xyXG4gICAgfSwgMTApO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuYWN0aXZlRG9yb3Bkb3duID0gdHJ1ZTtcclxuICAgIH0sIDEwMCk7XHJcbiAgfVxyXG4gIHNlbGVjdE9wdGlvbihzZWxlY3RlZERhdGE6IGFueSkge1xyXG4gICAgaWYgKHR5cGVvZiBzZWxlY3RlZERhdGEgPT09ICdvYmplY3QnKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IHNlbGVjdGVkRGF0YVt0aGlzLmRpc3BsYXlQcm9wZXJ0eV07XHJcbiAgICAgIHRoaXMuY29sb3JTZWxlY3RlZCA9IHNlbGVjdGVkRGF0YVt0aGlzLmNvbG9yUHJvcGVydHldO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gc2VsZWN0ZWREYXRhO1xyXG4gICAgfVxyXG4gICAgdGhpcy5zZWxlY3RlZERhdGEuZW1pdChzZWxlY3RlZERhdGEpO1xyXG4gICAgdGhpcy5kcm9wZG93bk9wdGlvbiA9IGZhbHNlO1xyXG4gIH1cclxuICBjbG9zZURyb3Bkb3duKCkge1xyXG4gICAgdGhpcy5kcm9wZG93bk9wdGlvbiA9IGZhbHNlO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXBcIiAoY2xpY2tPdXRzaWRlKT1cImRyb3Bkb3duT3B0aW9uID0gZmFsc2VcIj5cclxuICA8bGFiZWwgKm5nSWY9XCJkcm9wZG93bkxhYmVsICE9IHVuZGVmaW5lZFwiPlxyXG4gICAge3sgZHJvcGRvd25MYWJlbCB9fSA8c3BhbiBjbGFzcz1cInN1Yi1sYWJlbFwiPnt7IGRyb3Bkb3duU3ViTGFiZWwgfX08L3NwYW4+IDxzcGFuIGNsYXNzPVwicmVxdWlyZWRcIiAqbmdJZj1cImlzUmVxdWlyZWRcIj4qPC9zcGFuPjwvbGFiZWxcclxuICA+XHJcbiAgPGRpdiBjbGFzcz1cImN1c3RvbS1zZWxlY3QtYm94XCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCI+XHJcbiAgICA8aW5wdXRcclxuICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgICBbY2xhc3MubGluZV09XCJzdHlsZXhcIlxyXG4gICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgICBbdmFsdWVdPVwic2VsZWN0ZWRWYWx1ZSB8IHBhc2NhbFwiXHJcbiAgICAgIHJlYWRvbmx5XHJcbiAgICAgIChjbGljayk9XCJvcGVuRHJvcGRvd24oJGV2ZW50KVwiXHJcbiAgICAgIChrZXl1cC5lbnRlcik9XCJvcGVuRHJvcGRvd24oJGV2ZW50KVwiXHJcbiAgICAgIChrZXl1cC5hcnJvd3VwKT1cIm9wZW5Ecm9wZG93bigkZXZlbnQpXCJcclxuICAgICAgKGtleXVwLmFycm93ZG93bik9XCJvcGVuRHJvcGRvd24oJGV2ZW50KVwiXHJcbiAgICAgICpuZ0lmPVwiIWNvbG9yUHJvcGVydHlcIlxyXG4gICAgLz5cclxuICAgIDxzcGFuIGNsYXNzPVwic2hvdy1sYWJlbFwiICpuZ0lmPVwiY29sb3JQcm9wZXJ0eVwiIChjbGljayk9XCJvcGVuRHJvcGRvd24oJGV2ZW50KVwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cImxhYmVsXCIgW2lubmVySFRNTF09XCJzZWxlY3RlZFZhbHVlXCIgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJjb2xvclNlbGVjdGVkICsgJzFBJ1wiIFtzdHlsZS5jb2xvcl09XCJjb2xvclNlbGVjdGVkXCI+PC9zcGFuPlxyXG4gICAgPC9zcGFuPlxyXG4gICAgPCEtLSA8c3BhbiBjbGFzcz1cImFycm93XCIgW2NsYXNzLmxpbmVdPVwic3R5bGV4XCI+XHJcbiAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlOWU4OzwvaT5cclxuICAgIDwvc3Bhbj4gLS0+XHJcbiAgICA8ZGl2IGNsYXNzPVwib3ZlcmxheSBhY3RpdmVcIiAqbmdJZj1cImRyb3Bkb3duT3B0aW9uID09PSB0cnVlXCIgKGNsaWNrKT1cImNsb3NlRHJvcGRvd24oKVwiPjwvZGl2PlxyXG4gICAgPHVsXHJcbiAgICAgIGNsYXNzPVwibGlzdC1vZi1vcHRpb25cIlxyXG4gICAgICAqbmdJZj1cImRyb3Bkb3duT3B0aW9uID09PSB0cnVlICYmICFjb2xvclByb3BlcnR5XCJcclxuICAgICAgI29wdGlvbkxpc3RcclxuICAgICAgKGtleXVwLkVzY2FwZSk9XCJjbG9zZURyb3Bkb3duKClcIlxyXG4gICAgICBbc3R5bGUudG9wLnB4XT1cImdldFRvcFwiXHJcbiAgICAgIFtzdHlsZS5sZWZ0LnB4XT1cImdldExlZnRcIlxyXG4gICAgICBbc3R5bGUubWluLXdpZHRoLnB4XT1cImdldFdpZHRoXCJcclxuICAgICAgW3N0eWxlLm1heC13aWR0aC5weF09XCJtYXhXaWR0aFwiXHJcbiAgICAgIFtjbGFzcy5hY3RpdmVdPVwiYWN0aXZlRG9yb3Bkb3duXCJcclxuICAgID5cclxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBkYXRhIG9mIGRhdGFMaXN0XCI+XHJcbiAgICAgICAgPGxhYmVsPlxyXG4gICAgICAgICAgPGlucHV0IHR5cGU9XCJyYWRpb1wiIFt2YWx1ZV09XCJkYXRhW3ZhbHVlS2V5XVwiIG5hbWU9XCJzbGljZUxhYmVsXCIgKGNoYW5nZSk9XCJzZWxlY3RPcHRpb24oZGF0YSlcIiAjb3B0aW9uIChrZXl1cC5lbnRlcik9XCJjbG9zZURyb3Bkb3duKClcIiBjbGFzcz1cInBvaW50ZXItbm9uZVwiIC8+XHJcbiAgICAgICAgICA8c3BhbiAoY2xpY2spPVwiY2xvc2VEcm9wZG93bigpOyBzZWxlY3RPcHRpb24oZGF0YSlcIiAqbmdJZj1cImRpc3BsYXlQcm9wZXJ0eSAmJiBkaXNwbGF5UHJvcGVydHkgIT09ICcnXCIgY2xhc3M9XCJ2YWx1ZVwiPnt7IGRhdGFbZGlzcGxheVByb3BlcnR5XSB9fTwvc3Bhbj5cclxuICAgICAgICAgIDxzcGFuIChjbGljayk9XCJjbG9zZURyb3Bkb3duKCk7IHNlbGVjdE9wdGlvbihkYXRhKVwiICpuZ0lmPVwiIWRpc3BsYXlQcm9wZXJ0eSB8fCBkaXNwbGF5UHJvcGVydHkgPT09ICcnXCIgY2xhc3M9XCJ2YWx1ZVwiPnt7IGRhdGEgfX08L3NwYW4+XHJcbiAgICAgICAgPC9sYWJlbD5cclxuICAgICAgPC9saT5cclxuICAgIDwvdWw+XHJcbiAgICA8dWxcclxuICAgICAgY2xhc3M9XCJsaXN0LW9mLW9wdGlvblwiXHJcbiAgICAgICpuZ0lmPVwiZHJvcGRvd25PcHRpb24gPT09IHRydWUgJiYgY29sb3JQcm9wZXJ0eVwiXHJcbiAgICAgICNvcHRpb25MaXN0XHJcbiAgICAgIChrZXl1cC5Fc2NhcGUpPVwiY2xvc2VEcm9wZG93bigpXCJcclxuICAgICAgW3N0eWxlLnRvcC5weF09XCJnZXRUb3BcIlxyXG4gICAgICBbc3R5bGUubGVmdC5weF09XCJnZXRMZWZ0XCJcclxuICAgICAgW3N0eWxlLm1pbi13aWR0aC5weF09XCJnZXRXaWR0aFwiXHJcbiAgICAgIFtzdHlsZS5tYXgtd2lkdGgucHhdPVwibWF4V2lkdGhcIlxyXG4gICAgICBbY2xhc3MuYWN0aXZlXT1cImFjdGl2ZURvcm9wZG93blwiXHJcbiAgICA+XHJcbiAgICAgIDxsaSAqbmdGb3I9XCJsZXQgZGF0YSBvZiBkYXRhTGlzdFwiPlxyXG4gICAgICAgIDxsYWJlbCBjbGFzcz1cImNvbG9yc1wiPlxyXG4gICAgICAgICAgPGlucHV0IHR5cGU9XCJyYWRpb1wiIFt2YWx1ZV09XCJkYXRhW3ZhbHVlS2V5XVwiIG5hbWU9XCJzbGljZUxhYmVsXCIgKGNsaWNrKT1cInNlbGVjdE9wdGlvbihkYXRhKVwiICNvcHRpb24gKGtleXVwLmVudGVyKT1cImNsb3NlRHJvcGRvd24oKVwiIGNsYXNzPVwicG9pbnRlci1ub25lXCIgLz5cclxuICAgICAgICAgIDxzcGFuXHJcbiAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RPcHRpb24oZGF0YSlcIlxyXG4gICAgICAgICAgICAqbmdJZj1cImRpc3BsYXlQcm9wZXJ0eSAmJiBkaXNwbGF5UHJvcGVydHkgIT09ICcnXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJ2YWx1ZVwiXHJcbiAgICAgICAgICAgIFtuZ1N0eWxlXT1cInsgY29sb3I6IGRhdGEuc2VnbWVudF9jb2xvciB9XCJcclxuICAgICAgICAgICAgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJkYXRhLnNlZ21lbnRfY29sb3IgKyAnMUEnXCJcclxuICAgICAgICAgICAgPnt7IGRhdGFbZGlzcGxheVByb3BlcnR5XSB9fTwvc3BhblxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdE9wdGlvbihkYXRhKVwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwiIWRpc3BsYXlQcm9wZXJ0eSB8fCBkaXNwbGF5UHJvcGVydHkgPT09ICcnXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJ2YWx1ZVwiXHJcbiAgICAgICAgICAgIFtuZ1N0eWxlXT1cInsgY29sb3I6IGRhdGEuc2VnbWVudF9jb2xvciB9XCJcclxuICAgICAgICAgICAgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJkYXRhLnNlZ21lbnRfY29sb3IgKyAnMUEnXCJcclxuICAgICAgICAgICAgPnt7IGRhdGEgfX08L3NwYW5cclxuICAgICAgICAgID5cclxuICAgICAgICA8L2xhYmVsPlxyXG4gICAgICA8L2xpPlxyXG4gICAgPC91bD5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

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

@@ -0,0 +1,32 @@
+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 {
+    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\">\r\n    <span [innerHTML]=\"value\" *ngIf=\"value != undefined\"></span>\r\n    <!-- <span class=\"notification\" *ngIf=\"!tooltipMessage\" [appTooltip]=\"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    [appTooltip]=\"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: "[appTooltip]", inputs: ["appTooltip", "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\" [appTooltip]=\"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    [appTooltip]=\"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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Mtc3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3VpLWtpdC9mb3JtZ3JvdXAvY3Mtc3dpdGNoL2NzLXN3aXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL2NzLXN3aXRjaC9jcy1zd2l0Y2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPdkUsTUFBTSxPQUFPLGlCQUFpQjtJQU81QjtRQUhVLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUduQyxDQUFDO0lBRWhCLFlBQVk7UUFDVixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDeEMsQ0FBQzsrR0FYVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixnT0NQOUIsMHlDQThCQTs7NEZEdkJhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxlQUFlOzBFQUtoQixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTTtnQkFDRSxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtY3Mtc3dpdGNoJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3Mtc3dpdGNoLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jcy1zd2l0Y2guY29tcG9uZW50Lmxlc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENzU3dpdGNoQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBkaXNhYmxlZCE6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgbmdWYWx1ZTogYW55O1xyXG4gIEBJbnB1dCgpIHZhbHVlOiBhbnk7XHJcbiAgQE91dHB1dCgpIG5nVmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBASW5wdXQoKSB0b29sdGlwTWVzc2FnZTogYW55O1xyXG4gIEBJbnB1dCgpIHBvc2l0aW9uOiBhbnk7XHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICB2YWx1ZUNoYW5nZWQoKSB7XHJcbiAgICB0aGlzLm5nVmFsdWVDaGFuZ2UuZW1pdCh0aGlzLm5nVmFsdWUpO1xyXG4gIH1cclxufVxyXG4iLCI8bGFiZWwgY2xhc3M9XCJjcy1zd2l0Y2hcIiBbY2xhc3MudG9wXT1cInBvc2l0aW9uID09ICd0b3AnXCI+XHJcbiAgPCEtLSBbY2xhc3MubGFyZ2VdPVwibGFyZ2VcIiAtLT5cclxuICA8c3BhbiBjbGFzcz1cInZhbHVlXCI+XHJcbiAgICA8c3BhbiBbaW5uZXJIVE1MXT1cInZhbHVlXCIgKm5nSWY9XCJ2YWx1ZSAhPSB1bmRlZmluZWRcIj48L3NwYW4+XHJcbiAgICA8IS0tIDxzcGFuIGNsYXNzPVwibm90aWZpY2F0aW9uXCIgKm5nSWY9XCIhdG9vbHRpcE1lc3NhZ2VcIiBbYXBwVG9vbHRpcF09XCJ0b29sdGlwTWVzc2FnZVwiIHBsYWNlbWVudD1cImJvdHRvbS1yaWdodFwiIGRlbGF5PVwiMFwiIHR5cGU9XCJibGFja1wiIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIj5cclxuICAgICAgICA8aSBjbGFzcz1cInZjLWljb25zXCI+JiN4ZTlmMzs8L2k+XHJcbiAgICAgIDwvc3Bhbj4gLS0+XHJcbiAgPC9zcGFuPlxyXG4gIDwhLS0gW2NsYXNzLmxhc3RdPVwibGFzdFwiIC0tPlxyXG4gIDxzcGFuIGNsYXNzPVwic3dpdGNoXCIgKm5nSWY9XCJ0b29sdGlwTWVzc2FnZSA9PT0gJycgfHwgdG9vbHRpcE1lc3NhZ2UgPT09IHVuZGVmaW5lZFwiPlxyXG4gICAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIFsobmdNb2RlbCldPVwibmdWYWx1ZVwiIChuZ01vZGVsQ2hhbmdlKT1cInZhbHVlQ2hhbmdlZCgpXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgLz5cclxuICAgIDxzcGFuIGNsYXNzPVwic3dpdGNoLWJveFwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cInN3aXRjaC1iYWxsXCI+PC9zcGFuPlxyXG4gICAgPC9zcGFuPlxyXG4gIDwvc3Bhbj5cclxuICA8c3BhblxyXG4gICAgY2xhc3M9XCJzd2l0Y2hcIlxyXG4gICAgKm5nSWY9XCJ0b29sdGlwTWVzc2FnZSAhPT0gJycgJiYgdG9vbHRpcE1lc3NhZ2UgIT09IHVuZGVmaW5lZFwiXHJcbiAgICBbYXBwVG9vbHRpcF09XCJ0b29sdGlwTWVzc2FnZVwiXHJcbiAgICBwbGFjZW1lbnQ9XCJib3R0b20tcmlnaHRcIlxyXG4gICAgZGVsYXk9XCIwXCJcclxuICAgIHR5cGU9XCJibGFja1wiXHJcbiAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJ0cnVlXCJcclxuICA+XHJcbiAgICA8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgWyhuZ01vZGVsKV09XCJuZ1ZhbHVlXCIgKG5nTW9kZWxDaGFuZ2UpPVwidmFsdWVDaGFuZ2VkKClcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAvPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJzd2l0Y2gtYm94XCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwic3dpdGNoLWJhbGxcIj48L3NwYW4+XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9zcGFuPlxyXG48L2xhYmVsPlxyXG4iXX0=