@dev-tcloud/tcloud-ui 0.0.96 → 0.0.97

package/esm2020/lib/_modules/tcloud-ui-accordion/tcloud-ui-accordion.component.mjs

@@ -0,0 +1,75 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { TCloudUiAccordionService } from './services/tcloud-ui-accordion.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./services/tcloud-ui-accordion.service";
+export class TCloudUiAccordionComponent {
+    constructor(_tCloudUiAccordionService) {
+        this._tCloudUiAccordionService = _tCloudUiAccordionService;
+        this._disabled = false;
+        this._show = false;
+        this.onAction = new EventEmitter();
+        this._loading = false;
+    }
+    set disabled(v) {
+        this._disabled = v;
+        if (this._disabled) {
+            setTimeout(() => {
+                this._tCloudUiAccordionService.setDisabled(this._disabled);
+                this._tCloudUiAccordionService.toggle(false);
+            });
+        }
+    }
+    get disabled() { return this._disabled; }
+    set show(v) {
+        if (this._show !== v) {
+            this._show = v;
+            if (!this.disabled) {
+                setTimeout(() => { this._tCloudUiAccordionService.toggle(this._show); });
+            }
+        }
+    }
+    get show() { return this._show; }
+    /**
+     * loading - boolean - Coloca o modal em modo de carregamento - default false
+     */
+    set loading(loading) {
+        this._loading = loading;
+        this._tCloudUiAccordionService.setLoading(loading);
+    }
+    get loading() { return this._loading; }
+    ngOnInit() {
+        this.subscription_01 = this._tCloudUiAccordionService.stateLoading$.subscribe((loading) => {
+            this.loading = loading;
+        });
+        this.subscription_02 = this._tCloudUiAccordionService.stateToggle$.subscribe((show) => {
+            this.onAction.emit((show === true) ? 'open' : 'close');
+        });
+    }
+    ngOnDestroy() {
+        if (this.subscription_01) {
+            this.subscription_01.unsubscribe();
+        }
+        if (this.subscription_02) {
+            this.subscription_02.unsubscribe();
+        }
+    }
+}
+TCloudUiAccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionComponent, deps: [{ token: i1.TCloudUiAccordionService }], target: i0.ɵɵFactoryTarget.Component });
+TCloudUiAccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiAccordionComponent, selector: "tcloud-ui-accordion", inputs: { disabled: "disabled", show: "show", loading: "loading" }, outputs: { onAction: "onAction" }, providers: [
+        TCloudUiAccordionService
+    ], ngImport: i0, template: "<div class=\"tc-accordion\" [class.tc-accordion-disabled]=\"disabled\">\n    <ng-content></ng-content>\n</div>", styles: [".tc-accordion{border:1px solid #ccc;padding:8px 12px;border-radius:15px;margin-bottom:5px}.tc-accordion-disabled{background-color:#e3e3e3;opacity:.6}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-accordion', providers: [
+                        TCloudUiAccordionService
+                    ], template: "<div class=\"tc-accordion\" [class.tc-accordion-disabled]=\"disabled\">\n    <ng-content></ng-content>\n</div>", styles: [".tc-accordion{border:1px solid #ccc;padding:8px 12px;border-radius:15px;margin-bottom:5px}.tc-accordion-disabled{background-color:#e3e3e3;opacity:.6}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TCloudUiAccordionService }]; }, propDecorators: { disabled: [{
+                type: Input
+            }], show: [{
+                type: Input
+            }], onAction: [{
+                type: Output
+            }], loading: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGNsb3VkLXVpLWFjY29yZGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Y2xvdWQtdWkvc3JjL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktYWNjb3JkaW9uL3RjbG91ZC11aS1hY2NvcmRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWFjY29yZGlvbi90Y2xvdWQtdWktYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDMUYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sd0NBQXdDLENBQUM7OztBQVVsRixNQUFNLE9BQU8sMEJBQTBCO0lBMkNyQyxZQUNVLHlCQUFtRDtRQUFuRCw4QkFBeUIsR0FBekIseUJBQXlCLENBQTBCO1FBdkNyRCxjQUFTLEdBQVksS0FBSyxDQUFDO1FBYTNCLFVBQUssR0FBWSxLQUFLLENBQUM7UUFhckIsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFrQixDQUFDO1FBRWhELGFBQVEsR0FBWSxLQUFLLENBQUM7SUFZOUIsQ0FBQztJQXZDTCxJQUFhLFFBQVEsQ0FBQyxDQUFVO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDO1FBQ25CLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNsQixVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2dCQUMzRCxJQUFJLENBQUMseUJBQXlCLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQy9DLENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDO0lBQ0QsSUFBSSxRQUFRLEtBQUksT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztJQUl4QyxJQUFhLElBQUksQ0FBQyxDQUFVO1FBQzFCLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxDQUFDLEVBQUU7WUFDcEIsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7WUFDZixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtnQkFDbEIsVUFBVSxDQUFDLEdBQUcsRUFBRSxHQUFHLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDMUU7U0FDRjtJQUNILENBQUM7SUFFRCxJQUFJLElBQUksS0FBSSxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBTWhDOztPQUVHO0lBQ0gsSUFBYSxPQUFPLENBQUMsT0FBZ0I7UUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7UUFDeEIsSUFBSSxDQUFDLHlCQUF5QixDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBQ0QsSUFBSSxPQUFPLEtBQWMsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQU1oRCxRQUFRO1FBRU4sSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMseUJBQXlCLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE9BQWdCLEVBQUUsRUFBRTtZQUNqRyxJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztRQUN6QixDQUFDLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLHlCQUF5QixDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFhLEVBQUUsRUFBRTtZQUM3RixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBRSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUUsQ0FBQztRQUMzRCxDQUFDLENBQUMsQ0FBQTtJQUVKLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUFFO1FBQ2pFLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUFFLElBQUksQ0FBQyxlQUFlLENBQUMsV0FBVyxFQUFFLENBQUM7U0FBRTtJQUNuRSxDQUFDOzt3SEE5RFUsMEJBQTBCOzRHQUExQiwwQkFBMEIscUpBSjFCO1FBQ1Qsd0JBQXdCO0tBQ3pCLDBCQ1ZILGdIQUVNOzRGRFVPLDBCQUEwQjtrQkFSdEMsU0FBUzsrQkFDRSxxQkFBcUIsYUFHcEI7d0JBQ1Qsd0JBQXdCO3FCQUN6QjsrR0FRWSxRQUFRO3NCQUFwQixLQUFLO2dCQWFPLElBQUk7c0JBQWhCLEtBQUs7Z0JBWUksUUFBUTtzQkFBakIsTUFBTTtnQkFNTSxPQUFPO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRDbG91ZFVpQWNjb3JkaW9uU2VydmljZSB9IGZyb20gJy4vc2VydmljZXMvdGNsb3VkLXVpLWFjY29yZGlvbi5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGNsb3VkLXVpLWFjY29yZGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi90Y2xvdWQtdWktYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGNsb3VkLXVpLWFjY29yZGlvbi5jb21wb25lbnQuY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIFRDbG91ZFVpQWNjb3JkaW9uU2VydmljZVxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBUQ2xvdWRVaUFjY29yZGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICBzdWJzY3JpcHRpb25fMDE6IFN1YnNjcmlwdGlvbiB8IHVuZGVmaW5lZDtcbiAgc3Vic2NyaXB0aW9uXzAyOiBTdWJzY3JpcHRpb24gfCB1bmRlZmluZWQ7XG4gIFxuICBwcml2YXRlIF9kaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzZXQgZGlzYWJsZWQodjogYm9vbGVhbil7ICBcbiAgICB0aGlzLl9kaXNhYmxlZCA9IHY7XG4gICAgaWYoIHRoaXMuX2Rpc2FibGVkICl7ICAgICAgXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHsgXG4gICAgICAgIHRoaXMuX3RDbG91ZFVpQWNjb3JkaW9uU2VydmljZS5zZXREaXNhYmxlZCh0aGlzLl9kaXNhYmxlZCk7XG4gICAgICAgIHRoaXMuX3RDbG91ZFVpQWNjb3JkaW9uU2VydmljZS50b2dnbGUoZmFsc2UpOyBcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuICBnZXQgZGlzYWJsZWQoKXsgcmV0dXJuIHRoaXMuX2Rpc2FibGVkOyB9XG5cblxuICBwcml2YXRlIF9zaG93OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNldCBzaG93KHY6IGJvb2xlYW4peyAgICBcbiAgICBpZiggdGhpcy5fc2hvdyAhPT0gdiApe1xuICAgICAgdGhpcy5fc2hvdyA9IHY7XG4gICAgICBpZiggIXRoaXMuZGlzYWJsZWQgKXtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7IHRoaXMuX3RDbG91ZFVpQWNjb3JkaW9uU2VydmljZS50b2dnbGUodGhpcy5fc2hvdyk7IH0pOyBcbiAgICAgIH0gICAgICAgICAgIFxuICAgIH1cbiAgfVxuXG4gIGdldCBzaG93KCl7IHJldHVybiB0aGlzLl9zaG93OyB9XG5cblxuICBAT3V0cHV0KCkgb25BY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPCdvcGVuJ3wnY2xvc2UnPigpO1xuXG4gIHByaXZhdGUgX2xvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcbiAgLyoqXG4gICAqIGxvYWRpbmcgLSBib29sZWFuIC0gQ29sb2NhIG8gbW9kYWwgZW0gbW9kbyBkZSBjYXJyZWdhbWVudG8gLSBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASW5wdXQoKSBzZXQgbG9hZGluZyhsb2FkaW5nOiBib29sZWFuKXsgXG4gICAgdGhpcy5fbG9hZGluZyA9IGxvYWRpbmc7XG4gICAgdGhpcy5fdENsb3VkVWlBY2NvcmRpb25TZXJ2aWNlLnNldExvYWRpbmcobG9hZGluZyk7XG4gIH1cbiAgZ2V0IGxvYWRpbmcoKTogYm9vbGVhbiB7IHJldHVybiB0aGlzLl9sb2FkaW5nOyB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfdENsb3VkVWlBY2NvcmRpb25TZXJ2aWNlOiBUQ2xvdWRVaUFjY29yZGlvblNlcnZpY2VcbiAgKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcblxuICAgIHRoaXMuc3Vic2NyaXB0aW9uXzAxID0gdGhpcy5fdENsb3VkVWlBY2NvcmRpb25TZXJ2aWNlLnN0YXRlTG9hZGluZyQuc3Vic2NyaWJlKChsb2FkaW5nOiBib29sZWFuKSA9PiB7XG4gICAgICB0aGlzLmxvYWRpbmcgPSBsb2FkaW5nOyAgICAgIFxuICAgIH0pO1xuICAgIFxuICAgIHRoaXMuc3Vic2NyaXB0aW9uXzAyID0gdGhpcy5fdENsb3VkVWlBY2NvcmRpb25TZXJ2aWNlLnN0YXRlVG9nZ2xlJC5zdWJzY3JpYmUoKHNob3c6IGJvb2xlYW4pID0+IHtcbiAgICAgIHRoaXMub25BY3Rpb24uZW1pdCggKHNob3cgPT09IHRydWUpID8gJ29wZW4nIDogJ2Nsb3NlJyApO1xuICAgIH0pXG5cbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGlmKCB0aGlzLnN1YnNjcmlwdGlvbl8wMSApeyB0aGlzLnN1YnNjcmlwdGlvbl8wMS51bnN1YnNjcmliZSgpOyB9XG4gICAgaWYoIHRoaXMuc3Vic2NyaXB0aW9uXzAyICl7IHRoaXMuc3Vic2NyaXB0aW9uXzAyLnVuc3Vic2NyaWJlKCk7IH1cbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwidGMtYWNjb3JkaW9uXCIgW2NsYXNzLnRjLWFjY29yZGlvbi1kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PiJdfQ==

package/esm2020/lib/_modules/tcloud-ui-accordion/tcloud-ui-accordion.module.mjs

@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { TCloudUiAccordionComponent } from './tcloud-ui-accordion.component';
+import { TCloudUiAccordionTitleComponent } from './components/tcloud-ui-accordion-title/tcloud-ui-accordion-title.component';
+import { TCloudUiAccordionBodyComponent } from './components/tcloud-ui-accordion-body/tcloud-ui-accordion-body.component';
+import * as i0 from "@angular/core";
+export class TCloudUiAccordionModule {
+}
+TCloudUiAccordionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TCloudUiAccordionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionModule, declarations: [TCloudUiAccordionComponent,
+        TCloudUiAccordionTitleComponent,
+        TCloudUiAccordionBodyComponent], imports: [CommonModule], exports: [TCloudUiAccordionComponent,
+        TCloudUiAccordionTitleComponent,
+        TCloudUiAccordionBodyComponent] });
+TCloudUiAccordionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TCloudUiAccordionComponent,
+                        TCloudUiAccordionTitleComponent,
+                        TCloudUiAccordionBodyComponent
+                    ],
+                    exports: [
+                        TCloudUiAccordionComponent,
+                        TCloudUiAccordionTitleComponent,
+                        TCloudUiAccordionBodyComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGNsb3VkLXVpLWFjY29yZGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Y2xvdWQtdWkvc3JjL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktYWNjb3JkaW9uL3RjbG91ZC11aS1hY2NvcmRpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLDRFQUE0RSxDQUFDO0FBQzdILE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDBFQUEwRSxDQUFDOztBQW1CMUgsTUFBTSxPQUFPLHVCQUF1Qjs7cUhBQXZCLHVCQUF1QjtzSEFBdkIsdUJBQXVCLGlCQWJoQywwQkFBMEI7UUFDMUIsK0JBQStCO1FBQy9CLDhCQUE4QixhQVE5QixZQUFZLGFBTFosMEJBQTBCO1FBQzFCLCtCQUErQjtRQUMvQiw4QkFBOEI7c0hBTXJCLHVCQUF1QixZQUhoQyxZQUFZOzRGQUdILHVCQUF1QjtrQkFmbkMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osMEJBQTBCO3dCQUMxQiwrQkFBK0I7d0JBQy9CLDhCQUE4QjtxQkFDL0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLDBCQUEwQjt3QkFDMUIsK0JBQStCO3dCQUMvQiw4QkFBOEI7cUJBQy9CO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBUQ2xvdWRVaUFjY29yZGlvbkNvbXBvbmVudCB9IGZyb20gJy4vdGNsb3VkLXVpLWFjY29yZGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgVENsb3VkVWlBY2NvcmRpb25UaXRsZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy90Y2xvdWQtdWktYWNjb3JkaW9uLXRpdGxlL3RjbG91ZC11aS1hY2NvcmRpb24tdGl0bGUuY29tcG9uZW50JztcbmltcG9ydCB7IFRDbG91ZFVpQWNjb3JkaW9uQm9keUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy90Y2xvdWQtdWktYWNjb3JkaW9uLWJvZHkvdGNsb3VkLXVpLWFjY29yZGlvbi1ib2R5LmNvbXBvbmVudCc7XG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBUQ2xvdWRVaUFjY29yZGlvbkNvbXBvbmVudCxcbiAgICBUQ2xvdWRVaUFjY29yZGlvblRpdGxlQ29tcG9uZW50LFxuICAgIFRDbG91ZFVpQWNjb3JkaW9uQm9keUNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgVENsb3VkVWlBY2NvcmRpb25Db21wb25lbnQsXG4gICAgVENsb3VkVWlBY2NvcmRpb25UaXRsZUNvbXBvbmVudCxcbiAgICBUQ2xvdWRVaUFjY29yZGlvbkJvZHlDb21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFRDbG91ZFVpQWNjb3JkaW9uTW9kdWxlIHsgfVxuIl19

package/esm2020/lib/_modules/tcloud-ui-choice-issues/tcloud-ui-choice-issues.component.mjs

@@ -0,0 +1,87 @@
+import { Component, EventEmitter, Input, forwardRef, ViewChild, Output } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+const CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => TCloudUiChoiceIssuesComponent),
+    multi: true
+};
+const noop = () => {
+};
+export class TCloudUiChoiceIssuesComponent {
+    constructor() {
+        this.view = false;
+        this.titulo = '';
+        this.subTitulo = '';
+        this.disabled = false;
+        this.onChange = new EventEmitter();
+        this.innerValue = false;
+        //Placeholders for the callbacks which are later providesd
+        //by the Control Value Accessor
+        this.onTouchedCallback = noop;
+        this.onChangeCallback = noop;
+        this.ID = 'tc-issue-' + Math.random().toString(36).substr(2, 9);
+    }
+    //get accessor
+    get value() {
+        return this.innerValue;
+    }
+    ;
+    //set accessor including call the onchange callback
+    set value(v) {
+        if (v !== this.innerValue) {
+            this.innerValue = v;
+            this.onChangeCallback(v);
+        }
+    }
+    //Set touched on blur
+    onBlur() {
+        this.onTouchedCallback();
+    }
+    //From ControlValueAccessor interface
+    writeValue(value) {
+        if (value !== this.innerValue) {
+            this.innerValue = value;
+        }
+    }
+    //From ControlValueAccessor interface
+    registerOnChange(fn) {
+        this.onChangeCallback = fn;
+    }
+    //From ControlValueAccessor interface
+    registerOnTouched(fn) {
+        this.onTouchedCallback = fn;
+    }
+    setV(v) {
+        this.value = v;
+        this.onChange.emit(v);
+    }
+    createID() {
+        // Math.random should be unique because of its seeding algorithm.
+        // Convert it to base 36 (numbers + letters), and grab the first 9 characters
+        // after the decimal.
+        return '_' + Math.random().toString(36).substr(2, 9);
+    }
+}
+TCloudUiChoiceIssuesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiChoiceIssuesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TCloudUiChoiceIssuesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiChoiceIssuesComponent, selector: "tcloud-ui-choice-issues", inputs: { view: "view", titulo: "titulo", subTitulo: "subTitulo", disabled: "disabled" }, outputs: { onChange: "onChange" }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["campo"], descendants: true, read: true }], ngImport: i0, template: "\r\n\r\n<input #campo [(ngModel)]=\"value\" type=\"hidden\" [value]=\"false\" >\r\n<div class=\"box p-2 mt-3 mb-2\">\r\n  <div class=\"row\">\r\n    <div class=\"col-md-8\">\r\n      <p class=\"titulo\">{{ titulo }}</p>      \r\n    </div>\r\n    <div class=\"col-md-4 text-right\">  \r\n\r\n      <table class=\"mt-2 mr-2\" *ngIf=\"!view\" >\r\n        <tr>\r\n          <td>\r\n            <div class=\"form-fieldset\">\r\n              <label [class.v-true]=\"value\" class=\"mr-1\"><input #campo name=\"{{ ID }}\" [value]=\"true\" type=\"radio\" [(ngModel)]=\"value\" (click)=\"setV(true)\" >Sim</label>\r\n            </div>\r\n          </td>\r\n          <td>\r\n            <div class=\"form-fieldset\">\r\n              <label [class.v-true]=\"!value\" class=\"ml-2\"><input #campo name=\"{{ ID }}\" [value]=\"false\" type=\"radio\" [(ngModel)]=\"value\" (click)=\"setV(false)\" >N\u00E3o</label>\r\n            </div>\r\n          </td>\r\n        </tr>\r\n      </table>    \r\n\r\n      <table class=\"mt-2 mr-2\" *ngIf=\"view\" >\r\n        <tr>\r\n          <td>\r\n            <div class=\"form-fieldset view\" >\r\n              <label *ngIf=\"value\" class=\"v-true disabled\" >Sim</label>\r\n              <label *ngIf=\"!value\">N\u00E3o</label>\r\n            </div>\r\n          </td>\r\n        </tr>\r\n      </table>\r\n    </div>\r\n    <div class=\"col-md-12 mt-1\">\r\n      <p class=\"sub-titulo\">{{ subTitulo }}</p>\r\n    </div>\r\n    <div class=\"col-md-12 mt-2 mb-1\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".titulo{font-size:1rem;color:var(--cinza)}.sub-titulo{color:#b0adaa}.box{border:1px solid var(--cinza3);border-radius:10px}.box.box-icon{display:flex;justify-content:center;padding:35px 20px}.form-fieldset input{display:none}.form-fieldset .v-true{background:var(--verde);color:#fff}.form-fieldset label{font-size:11px;background:var(--cinza4);cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:space-around;text-transform:uppercase;border-radius:30px;padding:7px;margin:0;width:66px}.form-fieldset label:before{content:\"\";background:#fff;border-radius:50%;height:15px;width:15px}.form-fieldset label:nth-child(2){margin-right:20px}table{width:100%;max-width:200px}table th,table td{vertical-align:top}.view,.view label{cursor:inherit!important}.disabled{background-color:#8fdfe8!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiChoiceIssuesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-choice-issues', providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], template: "\r\n\r\n<input #campo [(ngModel)]=\"value\" type=\"hidden\" [value]=\"false\" >\r\n<div class=\"box p-2 mt-3 mb-2\">\r\n  <div class=\"row\">\r\n    <div class=\"col-md-8\">\r\n      <p class=\"titulo\">{{ titulo }}</p>      \r\n    </div>\r\n    <div class=\"col-md-4 text-right\">  \r\n\r\n      <table class=\"mt-2 mr-2\" *ngIf=\"!view\" >\r\n        <tr>\r\n          <td>\r\n            <div class=\"form-fieldset\">\r\n              <label [class.v-true]=\"value\" class=\"mr-1\"><input #campo name=\"{{ ID }}\" [value]=\"true\" type=\"radio\" [(ngModel)]=\"value\" (click)=\"setV(true)\" >Sim</label>\r\n            </div>\r\n          </td>\r\n          <td>\r\n            <div class=\"form-fieldset\">\r\n              <label [class.v-true]=\"!value\" class=\"ml-2\"><input #campo name=\"{{ ID }}\" [value]=\"false\" type=\"radio\" [(ngModel)]=\"value\" (click)=\"setV(false)\" >N\u00E3o</label>\r\n            </div>\r\n          </td>\r\n        </tr>\r\n      </table>    \r\n\r\n      <table class=\"mt-2 mr-2\" *ngIf=\"view\" >\r\n        <tr>\r\n          <td>\r\n            <div class=\"form-fieldset view\" >\r\n              <label *ngIf=\"value\" class=\"v-true disabled\" >Sim</label>\r\n              <label *ngIf=\"!value\">N\u00E3o</label>\r\n            </div>\r\n          </td>\r\n        </tr>\r\n      </table>\r\n    </div>\r\n    <div class=\"col-md-12 mt-1\">\r\n      <p class=\"sub-titulo\">{{ subTitulo }}</p>\r\n    </div>\r\n    <div class=\"col-md-12 mt-2 mb-1\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".titulo{font-size:1rem;color:var(--cinza)}.sub-titulo{color:#b0adaa}.box{border:1px solid var(--cinza3);border-radius:10px}.box.box-icon{display:flex;justify-content:center;padding:35px 20px}.form-fieldset input{display:none}.form-fieldset .v-true{background:var(--verde);color:#fff}.form-fieldset label{font-size:11px;background:var(--cinza4);cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:space-around;text-transform:uppercase;border-radius:30px;padding:7px;margin:0;width:66px}.form-fieldset label:before{content:\"\";background:#fff;border-radius:50%;height:15px;width:15px}.form-fieldset label:nth-child(2){margin-right:20px}table{width:100%;max-width:200px}table th,table td{vertical-align:top}.view,.view label{cursor:inherit!important}.disabled{background-color:#8fdfe8!important}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { view: [{
+                type: Input
+            }], titulo: [{
+                type: Input
+            }], subTitulo: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }], inputRef: [{
+                type: ViewChild,
+                args: ['campo', { read: true, static: false }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGNsb3VkLXVpLWNob2ljZS1pc3N1ZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWNob2ljZS1pc3N1ZXMvdGNsb3VkLXVpLWNob2ljZS1pc3N1ZXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWNob2ljZS1pc3N1ZXMvdGNsb3VkLXVpLWNob2ljZS1pc3N1ZXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQWMsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBRW5ELE1BQU0sbUNBQW1DLEdBQVE7SUFDL0MsT0FBTyxFQUFFLGlCQUFpQjtJQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDZCQUE2QixDQUFDO0lBQzVELEtBQUssRUFBRSxJQUFJO0NBQ1osQ0FBQztBQUVGLE1BQU0sSUFBSSxHQUFHLEdBQUcsRUFBRTtBQUNsQixDQUFDLENBQUM7QUFRRixNQUFNLE9BQU8sNkJBQTZCO0lBa0J4QztRQWZTLFNBQUksR0FBWSxLQUFLLENBQUM7UUFDdEIsV0FBTSxHQUFXLEVBQUUsQ0FBQztRQUNwQixjQUFTLEdBQVcsRUFBRSxDQUFDO1FBRXZCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDekIsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFNN0MsZUFBVSxHQUFZLEtBQUssQ0FBQztRQU81QiwwREFBMEQ7UUFDeEQsK0JBQStCO1FBQ3ZCLHNCQUFpQixHQUFlLElBQUksQ0FBQztRQUNyQyxxQkFBZ0IsR0FBcUIsSUFBSSxDQUFDO1FBTGxELElBQUksQ0FBQyxFQUFFLEdBQUcsV0FBVyxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNsRSxDQUFDO0lBTUMsY0FBYztJQUNkLElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUMzQixDQUFDO0lBQUEsQ0FBQztJQUVGLG1EQUFtRDtJQUNuRCxJQUFJLEtBQUssQ0FBQyxDQUFVO1FBQ2hCLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDdkIsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUM7WUFDcEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQzVCO0lBQ0wsQ0FBQztJQUVELHFCQUFxQjtJQUNyQixNQUFNO1FBQ0YsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELHFDQUFxQztJQUNyQyxVQUFVLENBQUMsS0FBVTtRQUNqQixJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQzNCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1NBQzNCO0lBQ0wsQ0FBQztJQUVELHFDQUFxQztJQUNyQyxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3BCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELHFDQUFxQztJQUNyQyxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3JCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELElBQUksQ0FBQyxDQUFNO1FBQ1AsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7UUFDZixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsUUFBUTtRQUNKLGlFQUFpRTtRQUNqRSw2RUFBNkU7UUFDN0UscUJBQXFCO1FBQ3JCLE9BQU8sR0FBRyxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUN6RCxDQUFDOzsySEF2RVEsNkJBQTZCOytHQUE3Qiw2QkFBNkIsK0tBRjdCLENBQUMsbUNBQW1DLENBQUMsd0dBY3JCLElBQUksNkJDL0JqQywraURBNkNBOzRGRDFCYSw2QkFBNkI7a0JBTnpDLFNBQVM7K0JBQ0UseUJBQXlCLGFBR3hCLENBQUMsbUNBQW1DLENBQUM7MEVBS3ZDLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU07Z0JBSTRDLFFBQVE7c0JBQTFELFNBQVM7dUJBQUMsT0FBTyxFQUFDLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgZm9yd2FyZFJlZiwgVmlld0NoaWxkLCBFbGVtZW50UmVmLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5jb25zdCBDVVNUT01fSU5QVVRfQ09OVFJPTF9WQUxVRV9BQ0NFU1NPUjogYW55ID0ge1xyXG4gIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFRDbG91ZFVpQ2hvaWNlSXNzdWVzQ29tcG9uZW50KSxcclxuICBtdWx0aTogdHJ1ZVxyXG59O1xyXG5cclxuY29uc3Qgbm9vcCA9ICgpID0+IHtcclxufTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndGNsb3VkLXVpLWNob2ljZS1pc3N1ZXMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90Y2xvdWQtdWktY2hvaWNlLWlzc3Vlcy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGNsb3VkLXVpLWNob2ljZS1pc3N1ZXMuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtDVVNUT01fSU5QVVRfQ09OVFJPTF9WQUxVRV9BQ0NFU1NPUl1cclxufSlcclxuZXhwb3J0IGNsYXNzIFRDbG91ZFVpQ2hvaWNlSXNzdWVzQ29tcG9uZW50IHtcclxuXHJcbiAgICBcclxuICBASW5wdXQoKSB2aWV3OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdGl0dWxvOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBzdWJUaXR1bG86IHN0cmluZyA9ICcnO1xyXG5cclxuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBPdXRwdXQoKSBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBzdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbiB8IHVuZGVmaW5lZDtcclxuICAvLyBSZWZlcmVuY2lhIG8gY2FtcG8gKGlucHV0LHNlbGVjdCx0ZXh0YXJlYSlcclxuICBAVmlld0NoaWxkKCdjYW1wbycseyByZWFkOiB0cnVlLCBzdGF0aWM6IGZhbHNlIH0pICBpbnB1dFJlZjogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcclxuXHJcbiAgaW5uZXJWYWx1ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBJRDogc3RyaW5nO1xyXG5cclxuICBjb25zdHJ1Y3Rvcigpe1xyXG4gICAgdGhpcy5JRCA9ICd0Yy1pc3N1ZS0nICsgTWF0aC5yYW5kb20oKS50b1N0cmluZygzNikuc3Vic3RyKDIsIDkpO1xyXG4gIH1cclxuICAvL1BsYWNlaG9sZGVycyBmb3IgdGhlIGNhbGxiYWNrcyB3aGljaCBhcmUgbGF0ZXIgcHJvdmlkZXNkXHJcbiAgICAvL2J5IHRoZSBDb250cm9sIFZhbHVlIEFjY2Vzc29yXHJcbiAgICBwcml2YXRlIG9uVG91Y2hlZENhbGxiYWNrOiAoKSA9PiB2b2lkID0gbm9vcDtcclxuICAgIHByaXZhdGUgb25DaGFuZ2VDYWxsYmFjazogKF86IGFueSkgPT4gdm9pZCA9IG5vb3A7XHJcblxyXG4gICAgLy9nZXQgYWNjZXNzb3JcclxuICAgIGdldCB2YWx1ZSgpOiBib29sZWFuIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5pbm5lclZhbHVlO1xyXG4gICAgfTtcclxuXHJcbiAgICAvL3NldCBhY2Nlc3NvciBpbmNsdWRpbmcgY2FsbCB0aGUgb25jaGFuZ2UgY2FsbGJhY2tcclxuICAgIHNldCB2YWx1ZSh2OiBib29sZWFuKSB7XHJcbiAgICAgICAgaWYgKHYgIT09IHRoaXMuaW5uZXJWYWx1ZSkge1xyXG4gICAgICAgICAgICB0aGlzLmlubmVyVmFsdWUgPSB2O1xyXG4gICAgICAgICAgICB0aGlzLm9uQ2hhbmdlQ2FsbGJhY2sodik7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIC8vU2V0IHRvdWNoZWQgb24gYmx1clxyXG4gICAgb25CbHVyKCkge1xyXG4gICAgICAgIHRoaXMub25Ub3VjaGVkQ2FsbGJhY2soKTtcclxuICAgIH1cclxuXHJcbiAgICAvL0Zyb20gQ29udHJvbFZhbHVlQWNjZXNzb3IgaW50ZXJmYWNlXHJcbiAgICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpIHtcclxuICAgICAgICBpZiAodmFsdWUgIT09IHRoaXMuaW5uZXJWYWx1ZSkge1xyXG4gICAgICAgICAgICB0aGlzLmlubmVyVmFsdWUgPSB2YWx1ZTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgLy9Gcm9tIENvbnRyb2xWYWx1ZUFjY2Vzc29yIGludGVyZmFjZVxyXG4gICAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KSB7XHJcbiAgICAgICAgdGhpcy5vbkNoYW5nZUNhbGxiYWNrID0gZm47XHJcbiAgICB9XHJcblxyXG4gICAgLy9Gcm9tIENvbnRyb2xWYWx1ZUFjY2Vzc29yIGludGVyZmFjZVxyXG4gICAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSkge1xyXG4gICAgICAgIHRoaXMub25Ub3VjaGVkQ2FsbGJhY2sgPSBmbjtcclxuICAgIH1cclxuXHJcbiAgICBzZXRWKHY6IGFueSl7XHJcbiAgICAgICAgdGhpcy52YWx1ZSA9IHY7XHJcbiAgICAgICAgdGhpcy5vbkNoYW5nZS5lbWl0KHYpO1xyXG4gICAgfVxyXG5cclxuICAgIGNyZWF0ZUlEKCkge1xyXG4gICAgICAgIC8vIE1hdGgucmFuZG9tIHNob3VsZCBiZSB1bmlxdWUgYmVjYXVzZSBvZiBpdHMgc2VlZGluZyBhbGdvcml0aG0uXHJcbiAgICAgICAgLy8gQ29udmVydCBpdCB0byBiYXNlIDM2IChudW1iZXJzICsgbGV0dGVycyksIGFuZCBncmFiIHRoZSBmaXJzdCA5IGNoYXJhY3RlcnNcclxuICAgICAgICAvLyBhZnRlciB0aGUgZGVjaW1hbC5cclxuICAgICAgICByZXR1cm4gJ18nICsgTWF0aC5yYW5kb20oKS50b1N0cmluZygzNikuc3Vic3RyKDIsIDkpO1xyXG4gICAgfVxyXG5cclxuXHJcbn1cclxuIiwiXHJcblxyXG48aW5wdXQgI2NhbXBvIFsobmdNb2RlbCldPVwidmFsdWVcIiB0eXBlPVwiaGlkZGVuXCIgW3ZhbHVlXT1cImZhbHNlXCIgPlxyXG48ZGl2IGNsYXNzPVwiYm94IHAtMiBtdC0zIG1iLTJcIj5cclxuICA8ZGl2IGNsYXNzPVwicm93XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLW1kLThcIj5cclxuICAgICAgPHAgY2xhc3M9XCJ0aXR1bG9cIj57eyB0aXR1bG8gfX08L3A+ICAgICAgXHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtNCB0ZXh0LXJpZ2h0XCI+ICBcclxuXHJcbiAgICAgIDx0YWJsZSBjbGFzcz1cIm10LTIgbXItMlwiICpuZ0lmPVwiIXZpZXdcIiA+XHJcbiAgICAgICAgPHRyPlxyXG4gICAgICAgICAgPHRkPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1maWVsZHNldFwiPlxyXG4gICAgICAgICAgICAgIDxsYWJlbCBbY2xhc3Mudi10cnVlXT1cInZhbHVlXCIgY2xhc3M9XCJtci0xXCI+PGlucHV0ICNjYW1wbyBuYW1lPVwie3sgSUQgfX1cIiBbdmFsdWVdPVwidHJ1ZVwiIHR5cGU9XCJyYWRpb1wiIFsobmdNb2RlbCldPVwidmFsdWVcIiAoY2xpY2spPVwic2V0Vih0cnVlKVwiID5TaW08L2xhYmVsPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvdGQ+XHJcbiAgICAgICAgICA8dGQ+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWZpZWxkc2V0XCI+XHJcbiAgICAgICAgICAgICAgPGxhYmVsIFtjbGFzcy52LXRydWVdPVwiIXZhbHVlXCIgY2xhc3M9XCJtbC0yXCI+PGlucHV0ICNjYW1wbyBuYW1lPVwie3sgSUQgfX1cIiBbdmFsdWVdPVwiZmFsc2VcIiB0eXBlPVwicmFkaW9cIiBbKG5nTW9kZWwpXT1cInZhbHVlXCIgKGNsaWNrKT1cInNldFYoZmFsc2UpXCIgPk7Do288L2xhYmVsPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvdGQ+XHJcbiAgICAgICAgPC90cj5cclxuICAgICAgPC90YWJsZT4gICAgXHJcblxyXG4gICAgICA8dGFibGUgY2xhc3M9XCJtdC0yIG1yLTJcIiAqbmdJZj1cInZpZXdcIiA+XHJcbiAgICAgICAgPHRyPlxyXG4gICAgICAgICAgPHRkPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1maWVsZHNldCB2aWV3XCIgPlxyXG4gICAgICAgICAgICAgIDxsYWJlbCAqbmdJZj1cInZhbHVlXCIgY2xhc3M9XCJ2LXRydWUgZGlzYWJsZWRcIiA+U2ltPC9sYWJlbD5cclxuICAgICAgICAgICAgICA8bGFiZWwgKm5nSWY9XCIhdmFsdWVcIj5Ow6NvPC9sYWJlbD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L3RkPlxyXG4gICAgICAgIDwvdHI+XHJcbiAgICAgIDwvdGFibGU+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtMTIgbXQtMVwiPlxyXG4gICAgICA8cCBjbGFzcz1cInN1Yi10aXR1bG9cIj57eyBzdWJUaXR1bG8gfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtMTIgbXQtMiBtYi0xXCI+XHJcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbiJdfQ==

package/esm2020/lib/_modules/tcloud-ui-choice-issues/tcloud-ui-choice-issues.module.mjs

@@ -0,0 +1,31 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { TCloudUiChoiceIssuesComponent } from './tcloud-ui-choice-issues.component';
+import * as i0 from "@angular/core";
+export class TCloudUiChoiceIssuesModule {
+}
+TCloudUiChoiceIssuesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiChoiceIssuesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TCloudUiChoiceIssuesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiChoiceIssuesModule, declarations: [TCloudUiChoiceIssuesComponent], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule], exports: [TCloudUiChoiceIssuesComponent] });
+TCloudUiChoiceIssuesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiChoiceIssuesModule, imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiChoiceIssuesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TCloudUiChoiceIssuesComponent,
+                    ],
+                    exports: [
+                        TCloudUiChoiceIssuesComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGNsb3VkLXVpLWNob2ljZS1pc3N1ZXMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWNob2ljZS1pc3N1ZXMvdGNsb3VkLXVpLWNob2ljZS1pc3N1ZXMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7QUFpQnBGLE1BQU0sT0FBTywwQkFBMEI7O3dIQUExQiwwQkFBMEI7eUhBQTFCLDBCQUEwQixpQkFYbkMsNkJBQTZCLGFBTTdCLFlBQVk7UUFDWixXQUFXO1FBQ1gsbUJBQW1CLGFBTG5CLDZCQUE2Qjt5SEFRcEIsMEJBQTBCLFlBTG5DLFlBQVk7UUFDWixXQUFXO1FBQ1gsbUJBQW1COzRGQUdWLDBCQUEwQjtrQkFidEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osNkJBQTZCO3FCQUM5QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsNkJBQTZCO3FCQUM5QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLG1CQUFtQjtxQkFDcEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgVENsb3VkVWlDaG9pY2VJc3N1ZXNDb21wb25lbnQgfSBmcm9tICcuL3RjbG91ZC11aS1jaG9pY2UtaXNzdWVzLmNvbXBvbmVudCc7XHJcblxyXG5cclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBUQ2xvdWRVaUNob2ljZUlzc3Vlc0NvbXBvbmVudCxcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIFRDbG91ZFVpQ2hvaWNlSXNzdWVzQ29tcG9uZW50LFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVENsb3VkVWlDaG9pY2VJc3N1ZXNNb2R1bGUgeyB9XHJcbiJdfQ==

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

@@ -0,0 +1,38 @@
+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) {
+        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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1saXN0LnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Y2xvdWQtdWkvc3JjL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktZGF0YS1saXN0L3NlcnZpY2VzL2RhdGEtbGlzdC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFjLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFHM0MsTUFBTSxPQUFPLGVBQWU7SUFENUI7UUFFVSxzQkFBaUIsR0FBaUIsSUFBSSxPQUFPLEVBQU8sQ0FBQztRQUN0RCxnQkFBVyxHQUE2QixJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUM7UUFFN0UsNEJBQXVCLEdBQWlCLElBQUksT0FBTyxFQUFPLENBQUM7UUFDNUQsc0JBQWlCLEdBQTZCLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUV6Rix3QkFBbUIsR0FBaUIsSUFBSSxPQUFPLEVBQU8sQ0FBQztRQUN4RCxrQkFBYSxHQUE2QixJQUFJLENBQUMsbUJBQW1CLENBQUMsWUFBWSxFQUFFLENBQUM7UUFFakYsdUJBQWtCLEdBQWlCLElBQUksT0FBTyxFQUFPLENBQUM7UUFDdkQsaUJBQVksR0FBNkIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxDQUFDO0tBMEJ4RjtJQXRCUSxZQUFZLENBQUMsQ0FBTTtRQUN4QixJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztRQUN2QixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFTSxrQkFBa0IsQ0FBQyxDQUFNO1FBQzlCLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVNLG1DQUFtQyxDQUFDLENBQU07UUFDL0MsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRU0sYUFBYSxDQUFDLENBQU07UUFDekIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRU0sYUFBYTtRQUNsQixvREFBb0Q7UUFDcEQsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQzVCLENBQUM7OzZHQW5DVSxlQUFlO2lIQUFmLGVBQWU7NEZBQWYsZUFBZTtrQkFEM0IsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgRGF0YUxpc3RTZXJ2aWNlIHtcclxuICBwcml2YXRlIF9zdGF0ZVNvdXJjZVZhbHVlOiBTdWJqZWN0PGFueT4gPSBuZXcgU3ViamVjdDxhbnk+KCk7XHJcbiAgcHVibGljIHN0YXRlVmFsdWUkOiBPYnNlcnZhYmxlPFN1YmplY3Q8YW55Pj4gPSB0aGlzLl9zdGF0ZVNvdXJjZVZhbHVlLmFzT2JzZXJ2YWJsZSgpO1xyXG5cclxuICBwcml2YXRlIF9zdGF0ZVNvdXJjZURlc2NyaXB0aW9uOiBTdWJqZWN0PGFueT4gPSBuZXcgU3ViamVjdDxhbnk+KCk7XHJcbiAgcHVibGljIHN0YXRlRGVzY3JpcHRpb24kOiBPYnNlcnZhYmxlPFN1YmplY3Q8YW55Pj4gPSB0aGlzLl9zdGF0ZVNvdXJjZURlc2NyaXB0aW9uLmFzT2JzZXJ2YWJsZSgpO1xyXG5cclxuICBwcml2YXRlIF9zdGF0ZVNvdXJjZU9wdGlvbnM6IFN1YmplY3Q8YW55PiA9IG5ldyBTdWJqZWN0PGFueT4oKTtcclxuICBwdWJsaWMgc3RhdGVPcHRpb25zJDogT2JzZXJ2YWJsZTxTdWJqZWN0PGFueT4+ID0gdGhpcy5fc3RhdGVTb3VyY2VPcHRpb25zLmFzT2JzZXJ2YWJsZSgpO1xyXG5cclxuICBwcml2YXRlIF9zdGF0ZVNvdXJjZUFjdGl2ZTogU3ViamVjdDxhbnk+ID0gbmV3IFN1YmplY3Q8YW55PigpO1xyXG4gIHB1YmxpYyBzdGF0ZUFjdGl2ZSQ6IE9ic2VydmFibGU8U3ViamVjdDxhbnk+PiA9IHRoaXMuX3N0YXRlU291cmNlQWN0aXZlLmFzT2JzZXJ2YWJsZSgpO1xyXG5cclxuICBwcml2YXRlIGFjdGl2ZWRfdmFsdWU6IGFueSB8IHVuZGVmaW5lZDtcclxuXHJcbiAgcHVibGljIHNldEl0ZW1WYWx1ZSh2OiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuYWN0aXZlZF92YWx1ZSA9IHY7XHJcbiAgICB0aGlzLl9zdGF0ZVNvdXJjZVZhbHVlLm5leHQodik7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgc2V0SXRlbURlc2NyaXB0aW9uKHY6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5fc3RhdGVTb3VyY2VEZXNjcmlwdGlvbi5uZXh0KHYpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHJlZ2lzdGVyU2VsZWN0aW9uT3B0aW9uc0Rlc2NyaXB0aW9uKHY6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5fc3RhdGVTb3VyY2VPcHRpb25zLm5leHQodik7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgc2V0QWN0aXZlSXRlbSh2OiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuX3N0YXRlU291cmNlQWN0aXZlLm5leHQodik7ICAgXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0QWN0aXZlSXRlbSgpOiBhbnkge1xyXG4gICAgLy8gY29uc29sZS5sb2coJ2dldEFjdGl2ZUl0ZW0nLCB0aGlzLmFjdGl2ZWRfdmFsdWUpO1xyXG4gICAgcmV0dXJuIHRoaXMuYWN0aXZlZF92YWx1ZTtcclxuICB9XHJcbiBcclxufSJdfQ==

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

@@ -0,0 +1,59 @@
+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();
+    }
+    ngOnInit() {
+        this.actived_value = this.dataListService.getActiveItem();
+        this.subscription_active = this.dataListService.stateActive$.subscribe(v => {
+            this.actived_value = v;
+        });
+        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  [attr.data-actived-value]=\"actived_value\"\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  [attr.data-actived-value]=\"actived_value\"\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGNsb3VkLXVpLWRhdGEtbGlzdC1vcHRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWRhdGEtbGlzdC90Y2xvdWQtdWktZGF0YS1saXN0LW9wdGlvbi90Y2xvdWQtdWktZGF0YS1saXN0LW9wdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Y2xvdWQtdWkvc3JjL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktZGF0YS1saXN0L3RjbG91ZC11aS1kYXRhLWxpc3Qtb3B0aW9uL3RjbG91ZC11aS1kYXRhLWxpc3Qtb3B0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTL0UsTUFBTSxPQUFPLCtCQUErQjtJQVcxQyxZQUFxQixlQUFnQztRQUFoQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFUckQsT0FBRSxHQUFXLEVBQUUsQ0FBQztRQUVoQixtQkFBYyxHQUFHLElBQUksY0FBYyxFQUFFLENBQUM7UUFLNUIsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFHN0MsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDMUQsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUN6RSxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztRQUN6QixDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxVQUFVO1FBQ1IsT0FBTyxvQkFBb0IsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ2xHLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBVTtRQUN4QixJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUU7WUFBRSxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztTQUFFO1FBRXRDLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QyxNQUFNLFdBQVcsR0FBUyxRQUFRLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsRUFBRSxTQUFTLElBQUksRUFBRSxDQUFDO1FBQzVFLElBQUksQ0FBQyxlQUFlLENBQUMsa0JBQWtCLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDckQsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGdCQUFnQjtRQUNkLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJO2dCQUNGLE1BQU0sV0FBVyxHQUFTLFFBQVEsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxFQUFFLFNBQVMsQ0FBQztnQkFDdEUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztnQkFDdkMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO2dCQUM5QyxJQUFJLENBQUMsZUFBZSxDQUFDLG1DQUFtQyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQzthQUMvRTtZQUFDLE9BQU8sS0FBSyxFQUFFLEdBQUc7UUFDckIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLG1CQUFtQixFQUFFO1lBQUUsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQUU7SUFDM0UsQ0FBQzs7NkhBakRVLCtCQUErQjtpSEFBL0IsK0JBQStCLGlJQ1g1Qyw4ZEFhQTs0RkRGYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsNEJBQTRCO3NHQVc3QixLQUFLO3NCQUFiLEtBQUs7Z0JBRUksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJU2VsZWN0T3B0aW9ucyB9IGZyb20gJy4vLi4vdGNsb3VkLXVpLWRhdGEtbGlzdCc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRGF0YUxpc3RTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvZGF0YS1saXN0LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndGNsb3VkLXVpLWRhdGEtbGlzdC1vcHRpb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90Y2xvdWQtdWktZGF0YS1saXN0LW9wdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGNsb3VkLXVpLWRhdGEtbGlzdC1vcHRpb24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVENsb3VkVWlEYXRhTGlzdE9wdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuXHJcbiAgaWQ6IHN0cmluZyA9ICcnOyAgXHJcbiAgYWN0aXZlZF92YWx1ZTogYW55O1xyXG4gIHNlbGVjdF9vcHRpb25zID0gbmV3IElTZWxlY3RPcHRpb25zKCk7XHJcbiAgcHJpdmF0ZSBzdWJzY3JpcHRpb25fYWN0aXZlOiBTdWJzY3JpcHRpb24gfCB1bmRlZmluZWQ7XHJcblxyXG4gIEBJbnB1dCgpIHZhbHVlOiBhbnkgfCB1bmRlZmluZWQ7XHJcblxyXG4gIEBPdXRwdXQoKSBzZWxlY3RlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpOyAgXHJcblxyXG4gIGNvbnN0cnVjdG9yKCBwcml2YXRlIGRhdGFMaXN0U2VydmljZTogRGF0YUxpc3RTZXJ2aWNlICkgeyBcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5hY3RpdmVkX3ZhbHVlID0gdGhpcy5kYXRhTGlzdFNlcnZpY2UuZ2V0QWN0aXZlSXRlbSgpO1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb25fYWN0aXZlID0gdGhpcy5kYXRhTGlzdFNlcnZpY2Uuc3RhdGVBY3RpdmUkLnN1YnNjcmliZSh2ID0+IHsgXHJcbiAgICAgIHRoaXMuYWN0aXZlZF92YWx1ZSA9IHY7IFxyXG4gICAgfSk7XHJcbiAgICB0aGlzLmlkID0gdGhpcy5nZW5lcmF0ZUlEKCk7XHJcbiAgICB0aGlzLnNldFNlbGVjdE9wdGlvbnMoKTtcclxuICB9XHJcblxyXG4gIGdlbmVyYXRlSUQoKTogc3RyaW5ne1xyXG4gICAgcmV0dXJuIGBkYXRhLWxpc3Qtb3B0aW9uLSR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogRGF0ZS5ub3coKSkpfWA7XHJcbiAgfVxyXG5cclxuICBzZXRTZWxlY3RlZEl0ZW0odmFsdWU6IGFueSl7XHJcbiAgICBpZiggdmFsdWUgPT09ICcnICl7IHRoaXMudmFsdWUgPSAnJzsgfVxyXG5cclxuICAgIHRoaXMuZGF0YUxpc3RTZXJ2aWNlLnNldEl0ZW1WYWx1ZSh0aGlzLnZhbHVlKTtcclxuICAgIGNvbnN0IGRlc2NyaXB0aW9uID0gPGFueT4gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5pZCk/LmlubmVyVGV4dCB8fCAnJztcclxuICAgIHRoaXMuZGF0YUxpc3RTZXJ2aWNlLnNldEl0ZW1EZXNjcmlwdGlvbihkZXNjcmlwdGlvbik7XHJcbiAgICB0aGlzLnNldFNlbGVjdE9wdGlvbnMoKTsgICAgXHJcbiAgfVxyXG5cclxuICBzZXRTZWxlY3RPcHRpb25zKCl7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdHJ5IHtcclxuICAgICAgICBjb25zdCBkZXNjcmlwdGlvbiA9IDxhbnk+IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHRoaXMuaWQpPy5pbm5lclRleHQ7XHJcbiAgICAgICAgdGhpcy5zZWxlY3Rfb3B0aW9ucy52YWx1ZSA9IHRoaXMudmFsdWU7XHJcbiAgICAgICAgdGhpcy5zZWxlY3Rfb3B0aW9ucy5kZXNjcmlwdGlvbiA9IGRlc2NyaXB0aW9uOyAgXHJcbiAgICAgICAgdGhpcy5kYXRhTGlzdFNlcnZpY2UucmVnaXN0ZXJTZWxlY3Rpb25PcHRpb25zRGVzY3JpcHRpb24odGhpcy5zZWxlY3Rfb3B0aW9ucyk7XHJcbiAgICAgIH0gY2F0Y2ggKGVycm9yKSB7IH1cclxuICAgIH0pOyAgICBcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgaWYoIHRoaXMuc3Vic2NyaXB0aW9uX2FjdGl2ZSApeyB0aGlzLnN1YnNjcmlwdGlvbl9hY3RpdmUudW5zdWJzY3JpYmUoKTsgfSAgICBcclxuICB9XHJcblxyXG59XHJcbiIsIjxidXR0b24gXHJcbiAgW3RpdGxlXT1cInNlbGVjdF9vcHRpb25zLmRlc2NyaXB0aW9uXCJcclxuICBpZD1cInt7aWR9fVwiXHJcbiAgW2F0dHIuZGF0YS1kZXNjcmlwdGlvbl09XCJzZWxlY3Rfb3B0aW9ucy5kZXNjcmlwdGlvblwiXHJcbiAgW2F0dHIuZGF0YS1hY3RpdmVkLXZhbHVlXT1cImFjdGl2ZWRfdmFsdWVcIlxyXG4gIGNsYXNzPVwiZHJvcGRvd24taXRlbVwiIFxyXG4gIFtjbGFzcy5udWxsLXZhbHVlXT1cInZhbHVlID09PSB1bmRlZmluZWQgfHwgdmFsdWUgPT09IG51bGwgfHwgdmFsdWUgPT09ICcnXCJcclxuICBbY2xhc3MuYWN0aXZlXT1cInZhbHVlID09PSBhY3RpdmVkX3ZhbHVlXCIgXHJcbiAgdHlwZT1cImJ1dHRvblwiIFxyXG4gIFt2YWx1ZV09XCJ2YWx1ZVwiXHJcbiAgKGNsaWNrKT1cInNldFNlbGVjdGVkSXRlbSh2YWx1ZSlcIiA+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2J1dHRvbj5cclxuIl19