@dev-tcloud/tcloud-ui 0.0.5 → 0.0.7

package/README.md

@@ -17,7 +17,12 @@ npm install @dev-tcloud/tlcoud-ui --save
 - TCloudUiTabMenuModule
 - TCloudUiLinhaLogoModule
 - TCloudUiLineStepCircleModule
+- TCloudUiMultiSelectModule
+- TCloudUiDataListModule
+- TCloudUiMultiInputModule
 
+## tcloud-ui directives
+- TCloudUiTooltipDirective
 
 ## Example of use
 

package/esm2020/lib/_directives/directives.module.mjs

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { TCloudUiTooltipDirective } from './tooltip/tooltip.directive';
+import * as i0 from "@angular/core";
+export class TCloudUiDirectiveModule {
+}
+TCloudUiDirectiveModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TCloudUiDirectiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiDirectiveModule, declarations: [TCloudUiTooltipDirective], exports: [TCloudUiTooltipDirective] });
+TCloudUiDirectiveModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiDirectiveModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiDirectiveModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TCloudUiTooltipDirective],
+                    exports: [TCloudUiTooltipDirective],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlyZWN0aXZlcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Y2xvdWQtdWkvc3JjL2xpYi9fZGlyZWN0aXZlcy9kaXJlY3RpdmVzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQU12RSxNQUFNLE9BQU8sdUJBQXVCOztxSEFBdkIsdUJBQXVCO3NIQUF2Qix1QkFBdUIsaUJBSG5CLHdCQUF3QixhQUM3Qix3QkFBd0I7c0hBRXZCLHVCQUF1Qjs0RkFBdkIsdUJBQXVCO2tCQUpuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHdCQUF3QixDQUFDO29CQUN4QyxPQUFPLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztpQkFDcEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUQ2xvdWRVaVRvb2x0aXBEaXJlY3RpdmUgfSBmcm9tICcuL3Rvb2x0aXAvdG9vbHRpcC5kaXJlY3RpdmUnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtUQ2xvdWRVaVRvb2x0aXBEaXJlY3RpdmVdLFxyXG4gIGV4cG9ydHM6IFtUQ2xvdWRVaVRvb2x0aXBEaXJlY3RpdmVdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVENsb3VkVWlEaXJlY3RpdmVNb2R1bGUge30iXX0=

package/esm2020/lib/_directives/tooltip/tooltip.directive.mjs

@@ -0,0 +1,165 @@
+import { Directive, Input, HostListener } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TCloudUiTooltipDirective {
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+        this._direction = 'top';
+        // main
+        this.el_height = 0;
+        this.el_width = 0;
+        this.el_center = 0;
+        this.el_position = 0;
+        // tooltip
+        this.target_height = 0;
+        this.target_width = 0;
+        this.target_center = 0;
+        this.ID = '';
+        this.info_text = '';
+    }
+    onMouseOver() {
+        if (this.getElement()) {
+            this.renderer.addClass(this.el.nativeElement, 'main-tooltip');
+            const el = this.getElement();
+            el.style.display = 'inline';
+            setTimeout(() => {
+                this.el_height = this.el.nativeElement.offsetHeight;
+                this.el_width = this.el.nativeElement.offsetWidth;
+                this.el_center = this.el_width / 2;
+                const rect = this.el.nativeElement?.getBoundingClientRect();
+                this.el_position = rect?.left || 0;
+                // console.log('this.el_width', this.el_width);
+                // console.log('this.el_center', this.el_center);
+                // console.log('this.el_position', this.el_position);
+                this.target_height = el.offsetHeight;
+                this.target_width = el.offsetWidth;
+                this.target_center = this.target_width / 2;
+                // console.log('target_heigth', this.target_height);
+                // console.log('target_width', this.target_width);
+                // console.log('target_center', this.target_center);
+                // this.renderer.setStyle(el, 'bottom', `${this.el_position}px`);
+                switch (this._direction) {
+                    case 'top':
+                        this.to_top(el);
+                        break;
+                    case 'bottom':
+                        this.to_bottom(el);
+                        break;
+                    case 'left':
+                        this.to_left(el);
+                        break;
+                    case 'right':
+                        this.to_right(el);
+                        break;
+                }
+            });
+        }
+    }
+    onMouseOut() {
+        if (this.getElement()) {
+            const el = this.getElement();
+            el.style.display = 'none';
+            this.renderer.removeClass(this.el.nativeElement, 'main-tooltip');
+        }
+    }
+    set tooltip(tooltip) {
+        if (tooltip) {
+            this.check(tooltip);
+        }
+    }
+    ;
+    set direction(direction) {
+        if (direction) {
+            this._direction = direction;
+        }
+    }
+    ;
+    ngOnInit() {
+    }
+    generateID() {
+        return `tc-tooltip-${Math.floor(Math.random() * Math.floor(Math.random() * Date.now()))}`;
+    }
+    getElement() {
+        return document.getElementById(this.ID) || undefined;
+    }
+    check(tooltip) {
+        this.ID = this.generateID();
+        this.info_text = tooltip;
+        let el = this.el.nativeElement;
+        this.main_el = el;
+        if (el) {
+            this.create_tooltip(tooltip, el);
+        }
+        else {
+            console.log("TCL: tooltip -> el", this.el.nativeElement);
+        }
+    }
+    setStyle(el) {
+        // this.renderer.setStyle(el, 'position', 'relative');
+        // this.renderer.setStyle(el, 'display', 'inline');
+    }
+    create_tooltip(tip, el) {
+        this.setStyle(el);
+        const tooltip = document.createElement("div");
+        tooltip.setAttribute('id', this.ID);
+        tooltip.setAttribute('style', `
+      position: absolute;  
+      display: none;
+      padding: 10px;
+      border-radius: 10px;
+      text-align: center;
+      width: max-content;
+      max-width: 250px;
+      background-color: transparent;
+      color: transparent;
+      z-index: 1090;
+      bottom: ${this.el_position}px;
+      left: ${this.target_center}px;
+    `);
+        tooltip.innerHTML = tip;
+        el.insertBefore(tooltip, null);
+    }
+    to_top(el) {
+        const pos = this.el_center - (this.target_center);
+        this.renderer.setStyle(el, 'left', `${(pos)}px`);
+        this.renderer.setStyle(el, 'bottom', `${(this.el_height + 7)}px`);
+        el.setAttribute('class', 'tc-directive-tooltip tc-directive-tooltip-top');
+    }
+    to_bottom(el) {
+        const pos = this.el_center - (this.target_center);
+        this.renderer.setStyle(el, 'left', `${(pos)}px`);
+        this.renderer.setStyle(el, 'bottom', `-${(this.target_height + 7)}px`);
+        el.setAttribute('class', 'tc-directive-tooltip tc-directive-tooltip-bottom');
+    }
+    to_right(el) {
+        const pos = this.el_width;
+        this.renderer.setStyle(el, 'left', `${(pos + 11)}px`);
+        this.renderer.setStyle(el, 'bottom', `-${(((this.target_height) / 2) - (this.el_height / 2))}px`);
+        el.setAttribute('class', 'tc-directive-tooltip tc-directive-tooltip-right');
+    }
+    to_left(el) {
+        const pos = -((this.target_width));
+        this.renderer.setStyle(el, 'left', `${(pos - 11)}px`);
+        this.renderer.setStyle(el, 'bottom', `-${(((this.target_height) / 2) - (this.el_height / 2))}px`);
+        el.setAttribute('class', 'tc-directive-tooltip tc-directive-tooltip-left');
+    }
+}
+TCloudUiTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+TCloudUiTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiTooltipDirective, selector: "[tooltip]", inputs: { tooltip: "tooltip", direction: "direction" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseout": "onMouseOut()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tooltip]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { onMouseOver: [{
+                type: HostListener,
+                args: ['mouseover']
+            }], onMouseOut: [{
+                type: HostListener,
+                args: ['mouseout']
+            }], tooltip: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Y2xvdWQtdWkvc3JjL2xpYi9fZGlyZWN0aXZlcy90b29sdGlwL3Rvb2x0aXAuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWlDLEtBQUssRUFBRSxZQUFZLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBTTdGLE1BQU0sT0FBTyx3QkFBd0I7SUFpRm5DLFlBQ1UsRUFBYyxFQUNkLFFBQW1CO1FBRG5CLE9BQUUsR0FBRixFQUFFLENBQVk7UUFDZCxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBakZyQixlQUFVLEdBQXdDLEtBQUssQ0FBQztRQUloRSxPQUFPO1FBQ1AsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUN0QixhQUFRLEdBQVcsQ0FBQyxDQUFDO1FBQ3JCLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFDdEIsZ0JBQVcsR0FBVyxDQUFDLENBQUM7UUFHeEIsVUFBVTtRQUNWLGtCQUFhLEdBQVcsQ0FBQyxDQUFDO1FBQzFCLGlCQUFZLEdBQVcsQ0FBQyxDQUFDO1FBQ3pCLGtCQUFhLEdBQVcsQ0FBQyxDQUFDO1FBRTFCLE9BQUUsR0FBVyxFQUFFLENBQUM7UUFpRGhCLGNBQVMsR0FBVyxFQUFFLENBQUM7SUFpQmxCLENBQUM7SUFoRXFCLFdBQVc7UUFDcEMsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLEVBQUU7WUFDckIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsY0FBYyxDQUFDLENBQUM7WUFFOUQsTUFBTSxFQUFFLEdBQVMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ25DLEVBQUUsQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLFFBQVEsQ0FBQztZQUM1QixVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkLElB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RSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBRSxDQUFDO1FBQ3JDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsR0FBRyxDQUFDLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdEQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLENBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLEdBQUMsQ0FBQyxDQUFDLENBQUUsSUFBSSxDQUFDLENBQUM7UUFDaEcsRUFBRSxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUMsZ0RBQWdELENBQUMsQ0FBQztJQUM1RSxDQUFDOztzSEExS1Usd0JBQXdCOzBHQUF4Qix3QkFBd0I7NEZBQXhCLHdCQUF3QjtrQkFIcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsV0FBVztpQkFDdEI7eUhBcUI0QixXQUFXO3NCQUFyQyxZQUFZO3VCQUFDLFdBQVc7Z0JBdUNDLFVBQVU7c0JBQW5DLFlBQVk7dUJBQUMsVUFBVTtnQkFVWCxPQUFPO3NCQUFuQixLQUFLO2dCQU1PLFNBQVM7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE9uSW5pdCwgUmVuZGVyZXIyLCBJbnB1dCwgSG9zdExpc3RlbmVyfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ1t0b29sdGlwXSdcclxufSlcclxuZXhwb3J0IGNsYXNzIFRDbG91ZFVpVG9vbHRpcERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdHtcclxuXHJcbiAgcHJpdmF0ZSBfZGlyZWN0aW9uOiAndG9wJyB8ICdib3R0b20nIHwgJ2xlZnQnIHwgJ3JpZ2h0JyA9ICd0b3AnO1xyXG5cclxuICBtYWluX2VsOiBhbnk7XHJcblxyXG4gIC8vIG1haW5cclxuICBlbF9oZWlnaHQ6IG51bWJlciA9IDA7XHJcbiAgZWxfd2lkdGg6IG51bWJlciA9IDA7XHJcbiAgZWxfY2VudGVyOiBudW1iZXIgPSAwO1xyXG4gIGVsX3Bvc2l0aW9uOiBudW1iZXIgPSAwO1xyXG5cclxuICBcclxuICAvLyB0b29sdGlwXHJcbiAgdGFyZ2V0X2hlaWdodDogbnVtYmVyID0gMDsgXHJcbiAgdGFyZ2V0X3dpZHRoOiBudW1iZXIgPSAwOyBcclxuICB0YXJnZXRfY2VudGVyOiBudW1iZXIgPSAwO1xyXG5cclxuICBJRDogc3RyaW5nID0gJyc7XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlb3ZlcicpIG9uTW91c2VPdmVyKCkge1xyXG4gICAgaWYoIHRoaXMuZ2V0RWxlbWVudCgpICl7XHJcbiAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5lbC5uYXRpdmVFbGVtZW50LCAnbWFpbi10b29sdGlwJyk7XHJcblxyXG4gICAgICBjb25zdCBlbCA9IDxhbnk+IHRoaXMuZ2V0RWxlbWVudCgpO1xyXG4gICAgICBlbC5zdHlsZS5kaXNwbGF5ID0gJ2lubGluZSc7XHJcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgIHRoaXMuZWxfaGVpZ2h0ID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodDtcclxuICAgICAgICB0aGlzLmVsX3dpZHRoID0gIHRoaXMuZWwubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aDtcclxuICAgICAgICB0aGlzLmVsX2NlbnRlciA9IHRoaXMuZWxfd2lkdGggLyAyO1xyXG5cclxuICAgICAgICBjb25zdCByZWN0ICA9IHRoaXMuZWwubmF0aXZlRWxlbWVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XHJcbiAgICAgICAgdGhpcy5lbF9wb3NpdGlvbiA9IHJlY3Q/LmxlZnQgfHwgMDsgXHJcblxyXG4gICAgICAgIC8vIGNvbnNvbGUubG9nKCd0aGlzLmVsX3dpZHRoJywgdGhpcy5lbF93aWR0aCk7XHJcbiAgICAgICAgLy8gY29uc29sZS5sb2coJ3RoaXMuZWxfY2VudGVyJywgdGhpcy5lbF9jZW50ZXIpO1xyXG4gICAgICAgIC8vIGNvbnNvbGUubG9nKCd0aGlzLmVsX3Bvc2l0aW9uJywgdGhpcy5lbF9wb3NpdGlvbik7XHJcblxyXG4gICAgICAgIHRoaXMudGFyZ2V0X2hlaWdodCA9IGVsLm9mZnNldEhlaWdodDtcclxuICAgICAgICB0aGlzLnRhcmdldF93aWR0aCA9IGVsLm9mZnNldFdpZHRoO1xyXG4gICAgICAgIHRoaXMudGFyZ2V0X2NlbnRlciA9IHRoaXMudGFyZ2V0X3dpZHRoIC8gMjtcclxuXHJcbiAgICAgICAgLy8gY29uc29sZS5sb2coJ3RhcmdldF9oZWlndGgnLCB0aGlzLnRhcmdldF9oZWlnaHQpO1xyXG4gICAgICAgIC8vIGNvbnNvbGUubG9nKCd0YXJnZXRfd2lkdGgnLCB0aGlzLnRhcmdldF93aWR0aCk7XHJcbiAgICAgICAgLy8gY29uc29sZS5sb2coJ3RhcmdldF9jZW50ZXInLCB0aGlzLnRhcmdldF9jZW50ZXIpO1xyXG4gICAgICAgIC8vIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoZWwsICdib3R0b20nLCBgJHt0aGlzLmVsX3Bvc2l0aW9ufXB4YCk7XHJcbiAgICAgICAgXHJcbiAgICAgICAgc3dpdGNoICh0aGlzLl9kaXJlY3Rpb24pIHtcclxuICAgICAgICAgIGNhc2UgJ3RvcCc6IHRoaXMudG9fdG9wKGVsKTsgYnJlYWs7XHJcbiAgICAgICAgICBjYXNlICdib3R0b20nOiB0aGlzLnRvX2JvdHRvbShlbCk7IGJyZWFrO1xyXG4gICAgICAgICAgY2FzZSAnbGVmdCc6IHRoaXMudG9fbGVmdChlbCk7IGJyZWFrO1xyXG4gICAgICAgICAgY2FzZSAncmlnaHQnOiB0aGlzLnRvX3JpZ2h0KGVsKTsgYnJlYWs7XHJcbiAgICAgICAgfVxyXG4gICAgICB9KTtcclxuICAgICAgXHJcbiAgICAgIFxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignbW91c2VvdXQnKSBvbk1vdXNlT3V0KCkge1xyXG4gICAgaWYoIHRoaXMuZ2V0RWxlbWVudCgpICl7XHJcbiAgICAgIGNvbnN0IGVsID0gPGFueT4gdGhpcy5nZXRFbGVtZW50KCk7XHJcbiAgICAgIGVsLnN0eWxlLmRpc3BsYXkgPSAnbm9uZSc7XHJcbiAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5lbC5uYXRpdmVFbGVtZW50LCAnbWFpbi10b29sdGlwJyk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBpbmZvX3RleHQ6IHN0cmluZyA9ICcnO1xyXG5cclxuICBASW5wdXQoKSBzZXQgdG9vbHRpcCAodG9vbHRpcDogYW55KXtcclxuICAgIGlmICh0b29sdGlwKXtcclxuICAgICAgdGhpcy5jaGVjayh0b29sdGlwKTtcclxuICAgIH1cclxuICB9O1xyXG5cclxuICBASW5wdXQoKSBzZXQgZGlyZWN0aW9uIChkaXJlY3Rpb246IGFueSl7XHJcbiAgICBpZiAoZGlyZWN0aW9uKXtcclxuICAgICAgdGhpcy5fZGlyZWN0aW9uID0gZGlyZWN0aW9uO1xyXG4gICAgfVxyXG4gIH07XHJcbiAgXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGVsOiBFbGVtZW50UmVmLFxyXG4gICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyXHJcbiAgICApIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgXHJcbiAgfVxyXG5cclxuICBnZW5lcmF0ZUlEKCk6IHN0cmluZ3tcclxuICAgIHJldHVybiBgdGMtdG9vbHRpcC0ke01hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIERhdGUubm93KCkpKX1gO1xyXG4gIH1cclxuXHJcbiAgZ2V0RWxlbWVudCgpOiBIVE1MRWxlbWVudCB8IHVuZGVmaW5lZHtcclxuICAgIHJldHVybiBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLklEKSB8fCB1bmRlZmluZWQ7XHJcbiAgfVxyXG5cclxuICBjaGVjayh0b29sdGlwOiBhbnkpe1xyXG4gICAgdGhpcy5JRCA9IHRoaXMuZ2VuZXJhdGVJRCgpO1xyXG5cclxuICAgIHRoaXMuaW5mb190ZXh0ID0gdG9vbHRpcDtcclxuXHJcbiAgICBsZXQgZWwgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQ7XHJcbiAgICB0aGlzLm1haW5fZWwgPSBlbDtcclxuICAgIGlmIChlbCl7XHJcbiAgICAgIHRoaXMuY3JlYXRlX3Rvb2x0aXAodG9vbHRpcCwgZWwpOyAgICAgICAgXHJcbiAgICB9ZWxzZXtcclxuICAgICAgY29uc29sZS5sb2coXCJUQ0w6IHRvb2x0aXAgLT4gZWxcIiwgdGhpcy5lbC5uYXRpdmVFbGVtZW50KVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgc2V0U3R5bGUoZWw6IGFueSl7XHJcbiAgICAvLyB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKGVsLCAncG9zaXRpb24nLCAncmVsYXRpdmUnKTtcclxuICAgIC8vIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoZWwsICdkaXNwbGF5JywgJ2lubGluZScpO1xyXG4gIH1cclxuXHJcbiAgY3JlYXRlX3Rvb2x0aXAodGlwOiBhbnksIGVsOiBhbnkpe1xyXG5cclxuICAgIHRoaXMuc2V0U3R5bGUoZWwpO1xyXG5cclxuICAgIGNvbnN0IHRvb2x0aXAgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiZGl2XCIpO1xyXG4gICAgdG9vbHRpcC5zZXRBdHRyaWJ1dGUoJ2lkJywgdGhpcy5JRCk7XHJcbiAgICB0b29sdGlwLnNldEF0dHJpYnV0ZSgnc3R5bGUnLGBcclxuICAgICAgcG9zaXRpb246IGFic29sdXRlOyAgXHJcbiAgICAgIGRpc3BsYXk6IG5vbmU7XHJcbiAgICAgIHBhZGRpbmc6IDEwcHg7XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcbiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgICAgd2lkdGg6IG1heC1jb250ZW50O1xyXG4gICAgICBtYXgtd2lkdGg6IDI1MHB4O1xyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcclxuICAgICAgY29sb3I6IHRyYW5zcGFyZW50O1xyXG4gICAgICB6LWluZGV4OiAxMDkwO1xyXG4gICAgICBib3R0b206ICR7dGhpcy5lbF9wb3NpdGlvbn1weDtcclxuICAgICAgbGVmdDogJHt0aGlzLnRhcmdldF9jZW50ZXJ9cHg7XHJcbiAgICBgKTtcclxuICAgIHRvb2x0aXAuaW5uZXJIVE1MID0gdGlwOyBcclxuICAgIFxyXG4gICAgZWwuaW5zZXJ0QmVmb3JlKHRvb2x0aXAsIG51bGwpO1xyXG4gIH1cclxuXHJcbiAgdG9fdG9wKGVsOiBhbnkpe1xyXG4gICAgY29uc3QgcG9zID0gdGhpcy5lbF9jZW50ZXIgLSAodGhpcy50YXJnZXRfY2VudGVyKSA7XHJcbiAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKGVsLCAnbGVmdCcsIGAkeyhwb3MpfXB4YCk7XHJcbiAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKGVsLCAnYm90dG9tJywgYCR7KHRoaXMuZWxfaGVpZ2h0ICsgNyl9cHhgKTtcclxuICAgIGVsLnNldEF0dHJpYnV0ZSgnY2xhc3MnLCd0Yy1kaXJlY3RpdmUtdG9vbHRpcCB0Yy1kaXJlY3RpdmUtdG9vbHRpcC10b3AnKTtcclxuICAgIFxyXG4gIH0gXHJcblxyXG4gIHRvX2JvdHRvbShlbDogYW55KXtcclxuICAgIGNvbnN0IHBvcyA9IHRoaXMuZWxfY2VudGVyIC0gKHRoaXMudGFyZ2V0X2NlbnRlcikgO1xyXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShlbCwgJ2xlZnQnLCBgJHsocG9zKX1weGApO1xyXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShlbCwgJ2JvdHRvbScsIGAtJHsodGhpcy50YXJnZXRfaGVpZ2h0ICsgNyl9cHhgKTtcclxuICAgIGVsLnNldEF0dHJpYnV0ZSgnY2xhc3MnLCd0Yy1kaXJlY3RpdmUtdG9vbHRpcCB0Yy1kaXJlY3RpdmUtdG9vbHRpcC1ib3R0b20nKTtcclxuICAgIFxyXG4gIH1cclxuXHJcbiAgdG9fcmlnaHQoZWw6IGFueSl7XHJcbiAgICBjb25zdCBwb3MgPSB0aGlzLmVsX3dpZHRoO1xyXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShlbCwgJ2xlZnQnLCBgJHsocG9zICsgMTEgKX1weGApO1xyXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShlbCwgJ2JvdHRvbScsIGAtJHsoICgodGhpcy50YXJnZXRfaGVpZ2h0KS8yKSAtICh0aGlzLmVsX2hlaWdodC8yKSApfXB4YCk7XHJcbiAgICBlbC5zZXRBdHRyaWJ1dGUoJ2NsYXNzJywndGMtZGlyZWN0aXZlLXRvb2x0aXAgdGMtZGlyZWN0aXZlLXRvb2x0aXAtcmlnaHQnKTsgICAgXHJcbiAgfSBcclxuXHJcbiAgdG9fbGVmdChlbDogYW55KXtcclxuICAgIGNvbnN0IHBvcyA9IC0oICh0aGlzLnRhcmdldF93aWR0aCkgKTtcclxuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoZWwsICdsZWZ0JywgYCR7KHBvcyAtIDExKX1weGApO1xyXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShlbCwgJ2JvdHRvbScsIGAtJHsoICgodGhpcy50YXJnZXRfaGVpZ2h0KS8yKSAtICh0aGlzLmVsX2hlaWdodC8yKSApfXB4YCk7XHJcbiAgICBlbC5zZXRBdHRyaWJ1dGUoJ2NsYXNzJywndGMtZGlyZWN0aXZlLXRvb2x0aXAgdGMtZGlyZWN0aXZlLXRvb2x0aXAtbGVmdCcpOyAgICBcclxuICB9XHJcblxyXG59Il19

package/esm2020/lib/_modules/tcloud-ui-data-list/services/data-list.service.mjs

@@ -0,0 +1,39 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class DataListService {
+    constructor() {
+        this._stateSourceValue = new Subject();
+        this.stateValue$ = this._stateSourceValue.asObservable();
+        this._stateSourceDescription = new Subject();
+        this.stateDescription$ = this._stateSourceDescription.asObservable();
+        this._stateSourceOptions = new Subject();
+        this.stateOptions$ = this._stateSourceOptions.asObservable();
+        this._stateSourceActive = new Subject();
+        this.stateActive$ = this._stateSourceActive.asObservable();
+    }
+    setItemValue(v) {
+        this.actived_value = v;
+        this._stateSourceValue.next(v);
+    }
+    setItemDescription(v) {
+        this._stateSourceDescription.next(v);
+    }
+    registerSelectionOptionsDescription(v) {
+        this._stateSourceOptions.next(v);
+    }
+    setActiveItem(v) {
+        // console.log('setActiveItem', v);
+        this._stateSourceActive.next(v);
+    }
+    getActiveItem() {
+        // console.log('getActiveItem', this.actived_value);
+        return this.actived_value;
+    }
+}
+DataListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DataListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DataListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DataListService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DataListService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1saXN0LnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Y2xvdWQtdWkvc3JjL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktZGF0YS1saXN0L3NlcnZpY2VzL2RhdGEtbGlzdC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFjLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFHM0MsTUFBTSxPQUFPLGVBQWU7SUFENUI7UUFFVSxzQkFBaUIsR0FBaUIsSUFBSSxPQUFPLEVBQU8sQ0FBQztRQUN0RCxnQkFBVyxHQUE2QixJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUM7UUFFN0UsNEJBQXVCLEdBQWlCLElBQUksT0FBTyxFQUFPLENBQUM7UUFDNUQsc0JBQWlCLEdBQTZCLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUV6Rix3QkFBbUIsR0FBaUIsSUFBSSxPQUFPLEVBQU8sQ0FBQztRQUN4RCxrQkFBYSxHQUE2QixJQUFJLENBQUMsbUJBQW1CLENBQUMsWUFBWSxFQUFFLENBQUM7UUFFakYsdUJBQWtCLEdBQWlCLElBQUksT0FBTyxFQUFPLENBQUM7UUFDdkQsaUJBQVksR0FBNkIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxDQUFDO0tBMkJ4RjtJQXZCUSxZQUFZLENBQUMsQ0FBTTtRQUN4QixJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztRQUN2QixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFTSxrQkFBa0IsQ0FBQyxDQUFNO1FBQzlCLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVNLG1DQUFtQyxDQUFDLENBQU07UUFDL0MsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRU0sYUFBYSxDQUFDLENBQU07UUFDekIsbUNBQW1DO1FBQ25DLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVNLGFBQWE7UUFDbEIsb0RBQW9EO1FBQ3BELE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUM1QixDQUFDOzs2R0FwQ1UsZUFBZTtpSEFBZixlQUFlOzRGQUFmLGVBQWU7a0JBRDNCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuXHJcbkBJbmplY3RhYmxlKClcclxuZXhwb3J0IGNsYXNzIERhdGFMaXN0U2VydmljZSB7XHJcbiAgcHJpdmF0ZSBfc3RhdGVTb3VyY2VWYWx1ZTogU3ViamVjdDxhbnk+ID0gbmV3IFN1YmplY3Q8YW55PigpO1xyXG4gIHB1YmxpYyBzdGF0ZVZhbHVlJDogT2JzZXJ2YWJsZTxTdWJqZWN0PGFueT4+ID0gdGhpcy5fc3RhdGVTb3VyY2VWYWx1ZS5hc09ic2VydmFibGUoKTtcclxuXHJcbiAgcHJpdmF0ZSBfc3RhdGVTb3VyY2VEZXNjcmlwdGlvbjogU3ViamVjdDxhbnk+ID0gbmV3IFN1YmplY3Q8YW55PigpO1xyXG4gIHB1YmxpYyBzdGF0ZURlc2NyaXB0aW9uJDogT2JzZXJ2YWJsZTxTdWJqZWN0PGFueT4+ID0gdGhpcy5fc3RhdGVTb3VyY2VEZXNjcmlwdGlvbi5hc09ic2VydmFibGUoKTtcclxuXHJcbiAgcHJpdmF0ZSBfc3RhdGVTb3VyY2VPcHRpb25zOiBTdWJqZWN0PGFueT4gPSBuZXcgU3ViamVjdDxhbnk+KCk7XHJcbiAgcHVibGljIHN0YXRlT3B0aW9ucyQ6IE9ic2VydmFibGU8U3ViamVjdDxhbnk+PiA9IHRoaXMuX3N0YXRlU291cmNlT3B0aW9ucy5hc09ic2VydmFibGUoKTtcclxuXHJcbiAgcHJpdmF0ZSBfc3RhdGVTb3VyY2VBY3RpdmU6IFN1YmplY3Q8YW55PiA9IG5ldyBTdWJqZWN0PGFueT4oKTtcclxuICBwdWJsaWMgc3RhdGVBY3RpdmUkOiBPYnNlcnZhYmxlPFN1YmplY3Q8YW55Pj4gPSB0aGlzLl9zdGF0ZVNvdXJjZUFjdGl2ZS5hc09ic2VydmFibGUoKTtcclxuXHJcbiAgcHJpdmF0ZSBhY3RpdmVkX3ZhbHVlOiBhbnkgfCB1bmRlZmluZWQ7XHJcblxyXG4gIHB1YmxpYyBzZXRJdGVtVmFsdWUodjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLmFjdGl2ZWRfdmFsdWUgPSB2O1xyXG4gICAgdGhpcy5fc3RhdGVTb3VyY2VWYWx1ZS5uZXh0KHYpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHNldEl0ZW1EZXNjcmlwdGlvbih2OiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuX3N0YXRlU291cmNlRGVzY3JpcHRpb24ubmV4dCh2KTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWdpc3RlclNlbGVjdGlvbk9wdGlvbnNEZXNjcmlwdGlvbih2OiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuX3N0YXRlU291cmNlT3B0aW9ucy5uZXh0KHYpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHNldEFjdGl2ZUl0ZW0odjogYW55KTogdm9pZCB7XHJcbiAgICAvLyBjb25zb2xlLmxvZygnc2V0QWN0aXZlSXRlbScsIHYpO1xyXG4gICAgdGhpcy5fc3RhdGVTb3VyY2VBY3RpdmUubmV4dCh2KTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXRBY3RpdmVJdGVtKCk6IGFueSB7XHJcbiAgICAvLyBjb25zb2xlLmxvZygnZ2V0QWN0aXZlSXRlbScsIHRoaXMuYWN0aXZlZF92YWx1ZSk7XHJcbiAgICByZXR1cm4gdGhpcy5hY3RpdmVkX3ZhbHVlO1xyXG4gIH1cclxuIFxyXG59Il19

package/esm2020/lib/_modules/tcloud-ui-data-list/tcloud-ui-data-list-option/tcloud-ui-data-list-option.component.mjs

@@ -0,0 +1,56 @@
+import { ISelectOptions } from './../tcloud-ui-data-list';
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../services/data-list.service";
+export class TCloudUiDataListOptionComponent {
+    constructor(dataListService) {
+        this.dataListService = dataListService;
+        this.id = '';
+        this.select_options = new ISelectOptions();
+        this.selected = new EventEmitter();
+        this.subscription_active = dataListService.stateValue$.subscribe(v => { this.actived_value = v; });
+    }
+    ngOnInit() {
+        this.id = this.generateID();
+        this.setSelectOptions();
+    }
+    generateID() {
+        return `data-list-option-${Math.floor(Math.random() * Math.floor(Math.random() * Date.now()))}`;
+    }
+    setSelectedItem(value) {
+        if (value === '') {
+            this.value = '';
+        }
+        this.dataListService.setItemValue(this.value);
+        const description = document.getElementById(this.id)?.innerText || '';
+        this.dataListService.setItemDescription(description);
+        this.setSelectOptions();
+    }
+    setSelectOptions() {
+        setTimeout(() => {
+            try {
+                const description = document.getElementById(this.id)?.innerText;
+                this.select_options.value = this.value;
+                this.select_options.description = description;
+                this.dataListService.registerSelectionOptionsDescription(this.select_options);
+            }
+            catch (error) { }
+        });
+    }
+    ngOnDestroy() {
+        if (this.subscription_active) {
+            this.subscription_active.unsubscribe();
+        }
+    }
+}
+TCloudUiDataListOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiDataListOptionComponent, deps: [{ token: i1.DataListService }], target: i0.ɵɵFactoryTarget.Component });
+TCloudUiDataListOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiDataListOptionComponent, selector: "tcloud-ui-data-list-option", inputs: { value: "value" }, outputs: { selected: "selected" }, ngImport: i0, template: "<button \r\n  [title]=\"select_options.description\"\r\n  id=\"{{id}}\"\r\n  [attr.data-description]=\"select_options.description\"\r\n  class=\"dropdown-item\" \r\n  [class.null-value]=\"value === undefined || value === null || value === ''\"\r\n  [class.active]=\"value === actived_value\" \r\n  type=\"button\" \r\n  [value]=\"value\"\r\n  (click)=\"setSelectedItem(value)\" >\r\n  <ng-content></ng-content>\r\n</button>\r\n", styles: ["button{color:#666;width:100%;padding:10px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}button:hover{background-color:#e5f5f9;color:#333}button.active{background-color:#ceedf5;color:#333}.null-value{height:35px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiDataListOptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-data-list-option', template: "<button \r\n  [title]=\"select_options.description\"\r\n  id=\"{{id}}\"\r\n  [attr.data-description]=\"select_options.description\"\r\n  class=\"dropdown-item\" \r\n  [class.null-value]=\"value === undefined || value === null || value === ''\"\r\n  [class.active]=\"value === actived_value\" \r\n  type=\"button\" \r\n  [value]=\"value\"\r\n  (click)=\"setSelectedItem(value)\" >\r\n  <ng-content></ng-content>\r\n</button>\r\n", styles: ["button{color:#666;width:100%;padding:10px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}button:hover{background-color:#e5f5f9;color:#333}button.active{background-color:#ceedf5;color:#333}.null-value{height:35px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DataListService }]; }, propDecorators: { value: [{
+                type: Input
+            }], selected: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGNsb3VkLXVpLWRhdGEtbGlzdC1vcHRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWRhdGEtbGlzdC90Y2xvdWQtdWktZGF0YS1saXN0LW9wdGlvbi90Y2xvdWQtdWktZGF0YS1saXN0LW9wdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Y2xvdWQtdWkvc3JjL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktZGF0YS1saXN0L3RjbG91ZC11aS1kYXRhLWxpc3Qtb3B0aW9uL3RjbG91ZC11aS1kYXRhLWxpc3Qtb3B0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTL0UsTUFBTSxPQUFPLCtCQUErQjtJQVcxQyxZQUFxQixlQUFnQztRQUFoQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFUckQsT0FBRSxHQUFXLEVBQUUsQ0FBQztRQUVoQixtQkFBYyxHQUFHLElBQUksY0FBYyxFQUFFLENBQUM7UUFLNUIsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFHM0MsSUFBSSxDQUFDLG1CQUFtQixHQUFHLGVBQWUsQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNyRyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxVQUFVO1FBQ1IsT0FBTyxvQkFBb0IsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ2xHLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBVTtRQUV4QixJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUU7WUFBRSxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztTQUFFO1FBRXRDLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QyxNQUFNLFdBQVcsR0FBUyxRQUFRLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsRUFBRSxTQUFTLElBQUksRUFBRSxDQUFDO1FBQzVFLElBQUksQ0FBQyxlQUFlLENBQUMsa0JBQWtCLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDckQsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGdCQUFnQjtRQUNkLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJO2dCQUNGLE1BQU0sV0FBVyxHQUFTLFFBQVEsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxFQUFFLFNBQVMsQ0FBQztnQkFDdEUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztnQkFDdkMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO2dCQUM5QyxJQUFJLENBQUMsZUFBZSxDQUFDLG1DQUFtQyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQzthQUMvRTtZQUFDLE9BQU8sS0FBSyxFQUFFLEdBQUc7UUFDckIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLG1CQUFtQixFQUFFO1lBQUUsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQUU7SUFDM0UsQ0FBQzs7NkhBL0NVLCtCQUErQjtpSEFBL0IsK0JBQStCLGlJQ1g1Qyw2YUFZQTs0RkREYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsNEJBQTRCO3NHQVc3QixLQUFLO3NCQUFiLEtBQUs7Z0JBRUksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJU2VsZWN0T3B0aW9ucyB9IGZyb20gJy4vLi4vdGNsb3VkLXVpLWRhdGEtbGlzdCc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRGF0YUxpc3RTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvZGF0YS1saXN0LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndGNsb3VkLXVpLWRhdGEtbGlzdC1vcHRpb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90Y2xvdWQtdWktZGF0YS1saXN0LW9wdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGNsb3VkLXVpLWRhdGEtbGlzdC1vcHRpb24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVENsb3VkVWlEYXRhTGlzdE9wdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuXHJcbiAgaWQ6IHN0cmluZyA9ICcnOyAgXHJcbiAgYWN0aXZlZF92YWx1ZTogYW55O1xyXG4gIHNlbGVjdF9vcHRpb25zID0gbmV3IElTZWxlY3RPcHRpb25zKCk7XHJcbiAgcHJpdmF0ZSBzdWJzY3JpcHRpb25fYWN0aXZlOiBTdWJzY3JpcHRpb24gfCB1bmRlZmluZWQ7XHJcblxyXG4gIEBJbnB1dCgpIHZhbHVlOiBhbnkgfCB1bmRlZmluZWQ7XHJcblxyXG4gIEBPdXRwdXQoKSBzZWxlY3RlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpOyAgXHJcblxyXG4gIGNvbnN0cnVjdG9yKCBwcml2YXRlIGRhdGFMaXN0U2VydmljZTogRGF0YUxpc3RTZXJ2aWNlICkgeyBcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uX2FjdGl2ZSA9IGRhdGFMaXN0U2VydmljZS5zdGF0ZVZhbHVlJC5zdWJzY3JpYmUodiA9PiB7IHRoaXMuYWN0aXZlZF92YWx1ZSA9IHY7IH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmlkID0gdGhpcy5nZW5lcmF0ZUlEKCk7XHJcbiAgICB0aGlzLnNldFNlbGVjdE9wdGlvbnMoKTtcclxuICB9XHJcblxyXG4gIGdlbmVyYXRlSUQoKTogc3RyaW5ne1xyXG4gICAgcmV0dXJuIGBkYXRhLWxpc3Qtb3B0aW9uLSR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogRGF0ZS5ub3coKSkpfWA7XHJcbiAgfVxyXG5cclxuICBzZXRTZWxlY3RlZEl0ZW0odmFsdWU6IGFueSl7XHJcblxyXG4gICAgaWYoIHZhbHVlID09PSAnJyApeyB0aGlzLnZhbHVlID0gJyc7IH1cclxuXHJcbiAgICB0aGlzLmRhdGFMaXN0U2VydmljZS5zZXRJdGVtVmFsdWUodGhpcy52YWx1ZSk7XHJcbiAgICBjb25zdCBkZXNjcmlwdGlvbiA9IDxhbnk+IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHRoaXMuaWQpPy5pbm5lclRleHQgfHwgJyc7XHJcbiAgICB0aGlzLmRhdGFMaXN0U2VydmljZS5zZXRJdGVtRGVzY3JpcHRpb24oZGVzY3JpcHRpb24pO1xyXG4gICAgdGhpcy5zZXRTZWxlY3RPcHRpb25zKCk7ICAgIFxyXG4gIH1cclxuXHJcbiAgc2V0U2VsZWN0T3B0aW9ucygpe1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRyeSB7XHJcbiAgICAgICAgY29uc3QgZGVzY3JpcHRpb24gPSA8YW55PiBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmlkKT8uaW5uZXJUZXh0O1xyXG4gICAgICAgIHRoaXMuc2VsZWN0X29wdGlvbnMudmFsdWUgPSB0aGlzLnZhbHVlO1xyXG4gICAgICAgIHRoaXMuc2VsZWN0X29wdGlvbnMuZGVzY3JpcHRpb24gPSBkZXNjcmlwdGlvbjsgIFxyXG4gICAgICAgIHRoaXMuZGF0YUxpc3RTZXJ2aWNlLnJlZ2lzdGVyU2VsZWN0aW9uT3B0aW9uc0Rlc2NyaXB0aW9uKHRoaXMuc2VsZWN0X29wdGlvbnMpO1xyXG4gICAgICB9IGNhdGNoIChlcnJvcikgeyB9XHJcbiAgICB9KTsgICAgXHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpIHtcclxuICAgIGlmKCB0aGlzLnN1YnNjcmlwdGlvbl9hY3RpdmUgKXsgdGhpcy5zdWJzY3JpcHRpb25fYWN0aXZlLnVuc3Vic2NyaWJlKCk7IH0gICAgXHJcbiAgfVxyXG5cclxufVxyXG4iLCI8YnV0dG9uIFxyXG4gIFt0aXRsZV09XCJzZWxlY3Rfb3B0aW9ucy5kZXNjcmlwdGlvblwiXHJcbiAgaWQ9XCJ7e2lkfX1cIlxyXG4gIFthdHRyLmRhdGEtZGVzY3JpcHRpb25dPVwic2VsZWN0X29wdGlvbnMuZGVzY3JpcHRpb25cIlxyXG4gIGNsYXNzPVwiZHJvcGRvd24taXRlbVwiIFxyXG4gIFtjbGFzcy5udWxsLXZhbHVlXT1cInZhbHVlID09PSB1bmRlZmluZWQgfHwgdmFsdWUgPT09IG51bGwgfHwgdmFsdWUgPT09ICcnXCJcclxuICBbY2xhc3MuYWN0aXZlXT1cInZhbHVlID09PSBhY3RpdmVkX3ZhbHVlXCIgXHJcbiAgdHlwZT1cImJ1dHRvblwiIFxyXG4gIFt2YWx1ZV09XCJ2YWx1ZVwiXHJcbiAgKGNsaWNrKT1cInNldFNlbGVjdGVkSXRlbSh2YWx1ZSlcIiA+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2J1dHRvbj5cclxuIl19