@dev-tcloud/tcloud-ui 4.0.1 → 4.1.1

package/esm2022/lib/_modules/tcloud-ui-datepicker-time/tcloud-ui-datepicker-time.component.mjs

@@ -293,10 +293,10 @@ export class TCloudUiDatepickerTimeComponent {
     registerOnTouched(fn) {
         this.onTouchedCallback = fn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiDatepickerTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: TCloudUiDatepickerTimeComponent, selector: "tcloud-ui-datepicker-time", inputs: { ngModel: "ngModel", minDate: "minDate", maxDate: "maxDate", useOptionsDateTime: "useOptionsDateTime" }, outputs: { ngModelChange: "ngModelChange", onChange: "onChange", eventChange: "eventChange" }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "datepickertime", first: true, predicate: ["_datepickertime"], descendants: true }], ngImport: i0, template: "<div class=\"tcloud-ui-datepicker-time\">\r\n  <input type=\"hidden\" value=\"{{ innerValue }}\" #_datepickertime >\r\n  <form #_formulario=\"ngForm\">\r\n    <div class=\"input-control-time\">\r\n      <div class=\"form-control-time\">\r\n\r\n        <table style=\"width: 100%;\">\r\n          <tr>\r\n            <td>\r\n\r\n              <div class=\"input-options-date\">\r\n              <table class=\"form-time\">\r\n                <tr>\r\n                  <!-- <td class=\"area-icon\"><div class=\"delimiter-time-icon\" (click)=\"toClickIn(ID)\" ><i class=\"fas fa-calendar-alt\"></i></div></td> -->\r\n                  <td class=\"area-input-date\">\r\n                    <ng-container *ngIf=\"show_date_picker\">\r\n                      <tcloud-ui-datepicker [minDate]=\"minDate\" [maxDate]=\"maxDate\" #_tclouddatepickertime [childInputDateTime]=\"true\" [modeInput]=\"true\" name=\"date\" [useBorder]=\"false\" [(ngModel)]=\"DD_MM_YYYY\" (onChange)=\"toSetDate($event)\" ></tcloud-ui-datepicker>\r\n                    </ng-container>\r\n                  </td>\r\n                  \r\n                  <td class=\"area-delimiter\"><div class=\"delimiter-time\"></div></td>\r\n                  <td class=\"area-input-hour\">\r\n                    <!--<input type=\"text\" placeholder=\"HH\" (keyup)=\"toSetTime()\" [(ngModel)]=\"HH\" maxlength=\"2\" name=\"hh\" pattern=\"[0][0-9]|[1][0-9]|2[0-3]\">-->\r\n                    <select class=\"select-time-date\" (change)=\"toSetTime()\" [(ngModel)]=\"HH\" name=\"hh\">\r\n                      <ng-container *ngFor=\"let hh of option_HH\">\r\n                        <option [ngValue]=\"hh\">{{ hh }}</option>\r\n                      </ng-container>\r\n                    </select>\r\n                  </td>\r\n                  <td class=\"area-delimiter\"><div class=\"delimiter-time\">:</div></td>\r\n                  <td class=\"area-input-minute\">\r\n                    <!--<input type=\"text\" placeholder=\"MM\" (keyup)=\"toSetTime()\" [(ngModel)]=\"MM\" maxlength=\"2\" name=\"mm\" pattern=\"[012345][0-9]\">-->\r\n                    <select class=\"select-time-date\" (change)=\"toSetTime()\" [(ngModel)]=\"MM\" name=\"mm\">\r\n                      <ng-container *ngFor=\"let mm of option_MM\">\r\n                        <option [value]=\"mm\">{{ mm }}</option>\r\n                      </ng-container>\r\n                    </select>\r\n                  </td>\r\n                  <td class=\"area-clean\"></td>\r\n                </tr>\r\n              </table>\r\n\r\n              <div class=\"description-options-date\" *ngIf=\"value_options_date_time !== ''\">\r\n                <strong>{{ description_options_date_time }}</strong>\r\n\r\n                  <!-- <div class=\"area-action-date-time-selected\">\r\n                    <button class=\"btn-icon\" type=\"button\" (click)=\"closedTimeDescription()\" >\r\n                      <i class=\"fas fa-times\"></i>\r\n                    </button>                  \r\n                  </div> -->\r\n              </div>\r\n\r\n\r\n            </div>\r\n\r\n            </td>\r\n            <td *ngIf=\"useOptionsDateTime && options_date_time && (options_date_time).length > 0\" style=\"width: 20px\">\r\n              <button type=\"button\" class=\"icon-short-time\" (click)=\"open_options_date_time = !open_options_date_time\" [title]=\"description_options_date_time\" >\r\n                <i *ngIf=\"!open_options_date_time\" class=\"fas fa-caret-down\"></i>\r\n                <i *ngIf=\"open_options_date_time\" class=\"fas fa-caret-up\"></i>\r\n              </button>\r\n\r\n              <ng-container *ngIf=\"value_options_date_time !== ''\">\r\n                <button class=\"btn-icon-close\" type=\"button\" (click)=\"closedTimeDescription()\" >\r\n                  <i class=\"fas fa-times\"></i>\r\n                </button> \r\n              </ng-container>\r\n\r\n            </td>\r\n          </tr>\r\n          <tr *ngIf=\"useOptionsDateTime && options_date_time && (options_date_time).length > 0 && open_options_date_time\">\r\n            <td colspan=\"2\">\r\n                <tcloud-ui-data-list \r\n                  name=\"value_options_date_time\"\r\n                  [showInput]=\"false\" \r\n                  [search]=\"false\" \r\n                  [open]=\"true\" \r\n                  [listItems]=\"options_date_time\" \r\n                  (onClosed)=\"onClosedOptionsDateTime()\"\r\n                  [ngModel]=\"value_options_date_time\"\r\n                  (ngModelChange)=\"onChangeOptionsDateTime($event)\"\r\n                  >\r\n                </tcloud-ui-data-list>\r\n\r\n                \r\n\r\n\r\n              \r\n            </td>\r\n          </tr>\r\n        </table>\r\n\r\n        \r\n      </div>\r\n    </div>\r\n  </form>\r\n</div>", styles: ["@charset \"UTF-8\";.input-control-time{background-color:#fff;border:1px solid #ccc;border-radius:3px;width:100%;height:40px}.form-control-time{max-width:220px;border:none}.form-control-time input{text-align:center}.form-time{width:100%}.form-time td:first-child{overflow:hidden}.delimiter-time{width:100%;text-align:center}.delimiter-time-icon{border:none;height:35px;width:10px;padding:4px;font-size:17px;text-align:center;opacity:.6}.area-icon{width:25px}.area-input-date{width:100px}.area-delimiter{width:2px;text-align:center}.area-input-hour,.area-input-minute{text-align:center;width:28px}.area-input-hour input,.area-input-minute input{height:35px;width:28px;text-align:center;color:#999;font-weight:600;font-style:italic}.area-input-hour input:focus,.area-input-minute input:focus{outline:none}.area-clean{width:12px}input,.datepicker-input{border:none!important}.select-time-date{border:none;background-color:transparent;width:40px;height:35px;padding:0;text-align:center;font-size:13px;color:#777;position:relative;top:-2px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-time-date:focus{box-shadow:0 0;border:0 none;outline:0}.btn-icon-close{border:none;background-color:#fff;cursor:pointer;padding:0;color:#aaa;width:17px;position:relative;top:-20px;z-index:1}.btn-icon-close:hover{color:#c43a3a!important}.icon-short-time{border:none;background:none;cursor:pointer;font-size:15px;color:#8a8a8a}.input-options-date{position:relative}.input-options-date .description-options-date{position:absolute;left:0;top:0;padding:5px 10px;background-color:#fff;width:100%;height:34px;overflow:hidden}.input-options-date .description-options-date strong{font-size:14px;font-weight:400;padding-left:5px}.input-options-date .area-action-date-time-selected{width:20px;display:block;float:right;text-align:right;position:relative;top:-2px;left:30px;z-index:1}\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: "component", type: i2.TCloudUiDatepickerComponent, selector: "tcloud-ui-datepicker", inputs: ["multiple", "maxNumberOfDates", "daysOfWeekDisabled", "minDate", "maxDate", "datesDisabled", "modeInput", "useBorder", "childInputDateTime", "startViewInMinDate", "startViewInMaxDate", "disabled", "ngModel", "code"], outputs: ["onChange", "ngModelChange", "onCheckDate"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.TCloudUiDataListComponent, selector: "tcloud-ui-data-list", inputs: ["placeholder", "disabled", "loading", "showInput", "search", "listItems", "open", "border", "ngModel"], outputs: ["onInputChange", "onChange", "onOpened", "onClosed", "ngModelChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiDatepickerTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: TCloudUiDatepickerTimeComponent, selector: "tcloud-ui-datepicker-time", inputs: { ngModel: "ngModel", minDate: "minDate", maxDate: "maxDate", useOptionsDateTime: "useOptionsDateTime" }, outputs: { ngModelChange: "ngModelChange", onChange: "onChange", eventChange: "eventChange" }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "datepickertime", first: true, predicate: ["_datepickertime"], descendants: true }], ngImport: i0, template: "<div class=\"tcloud-ui-datepicker-time\">\r\n  <input type=\"hidden\" value=\"{{ innerValue }}\" #_datepickertime >\r\n  <form #_formulario=\"ngForm\">\r\n    <div class=\"input-control-time\">\r\n      <div class=\"form-control-time\">\r\n\r\n        <table style=\"width: 100%;\">\r\n          <tr>\r\n            <td>\r\n\r\n              <div class=\"input-options-date\">\r\n              <table class=\"form-time\">\r\n                <tr>\r\n                  <!-- <td class=\"area-icon\"><div class=\"delimiter-time-icon\" (click)=\"toClickIn(ID)\" ><i class=\"fas fa-calendar-alt\"></i></div></td> -->\r\n                  <td class=\"area-input-date\">\r\n                    <ng-container *ngIf=\"show_date_picker\">\r\n                      <tcloud-ui-datepicker [minDate]=\"minDate\" [maxDate]=\"maxDate\" #_tclouddatepickertime [childInputDateTime]=\"true\" [modeInput]=\"true\" name=\"date\" [useBorder]=\"false\" [(ngModel)]=\"DD_MM_YYYY\" (onChange)=\"toSetDate($event)\" ></tcloud-ui-datepicker>\r\n                    </ng-container>\r\n                  </td>\r\n                  \r\n                  <td class=\"area-delimiter\"><div class=\"delimiter-time\"></div></td>\r\n                  <td class=\"area-input-hour\">\r\n                    <!--<input type=\"text\" placeholder=\"HH\" (keyup)=\"toSetTime()\" [(ngModel)]=\"HH\" maxlength=\"2\" name=\"hh\" pattern=\"[0][0-9]|[1][0-9]|2[0-3]\">-->\r\n                    <select class=\"select-time-date\" (change)=\"toSetTime()\" [(ngModel)]=\"HH\" name=\"hh\">\r\n                      <ng-container *ngFor=\"let hh of option_HH\">\r\n                        <option [ngValue]=\"hh\">{{ hh }}</option>\r\n                      </ng-container>\r\n                    </select>\r\n                  </td>\r\n                  <td class=\"area-delimiter\"><div class=\"delimiter-time\">:</div></td>\r\n                  <td class=\"area-input-minute\">\r\n                    <!--<input type=\"text\" placeholder=\"MM\" (keyup)=\"toSetTime()\" [(ngModel)]=\"MM\" maxlength=\"2\" name=\"mm\" pattern=\"[012345][0-9]\">-->\r\n                    <select class=\"select-time-date\" (change)=\"toSetTime()\" [(ngModel)]=\"MM\" name=\"mm\">\r\n                      <ng-container *ngFor=\"let mm of option_MM\">\r\n                        <option [value]=\"mm\">{{ mm }}</option>\r\n                      </ng-container>\r\n                    </select>\r\n                  </td>\r\n                  <td class=\"area-clean\"></td>\r\n                </tr>\r\n              </table>\r\n\r\n              <div class=\"description-options-date\" *ngIf=\"value_options_date_time !== ''\">\r\n                <strong>{{ description_options_date_time }}</strong>\r\n\r\n                  <!-- <div class=\"area-action-date-time-selected\">\r\n                    <button class=\"btn-icon\" type=\"button\" (click)=\"closedTimeDescription()\" >\r\n                      <i class=\"fas fa-times\"></i>\r\n                    </button>                  \r\n                  </div> -->\r\n              </div>\r\n\r\n\r\n            </div>\r\n\r\n            </td>\r\n            <td *ngIf=\"useOptionsDateTime && options_date_time && (options_date_time).length > 0\" style=\"width: 20px\">\r\n              <button type=\"button\" class=\"icon-short-time\" (click)=\"open_options_date_time = !open_options_date_time\" [title]=\"description_options_date_time\" >\r\n                <i *ngIf=\"!open_options_date_time\" class=\"fas fa-caret-down\"></i>\r\n                <i *ngIf=\"open_options_date_time\" class=\"fas fa-caret-up\"></i>\r\n              </button>\r\n\r\n              <ng-container *ngIf=\"value_options_date_time !== ''\">\r\n                <button class=\"btn-icon-close\" type=\"button\" (click)=\"closedTimeDescription()\" >\r\n                  <i class=\"fas fa-times\"></i>\r\n                </button> \r\n              </ng-container>\r\n\r\n            </td>\r\n          </tr>\r\n          <tr *ngIf=\"useOptionsDateTime && options_date_time && (options_date_time).length > 0 && open_options_date_time\">\r\n            <td colspan=\"2\">\r\n                <tcloud-ui-data-list \r\n                  name=\"value_options_date_time\"\r\n                  [showInput]=\"false\" \r\n                  [search]=\"false\" \r\n                  [open]=\"true\" \r\n                  [listItems]=\"options_date_time\" \r\n                  (onClosed)=\"onClosedOptionsDateTime()\"\r\n                  [ngModel]=\"value_options_date_time\"\r\n                  (ngModelChange)=\"onChangeOptionsDateTime($event)\"\r\n                  >\r\n                </tcloud-ui-data-list>\r\n\r\n                \r\n\r\n\r\n              \r\n            </td>\r\n          </tr>\r\n        </table>\r\n\r\n        \r\n      </div>\r\n    </div>\r\n  </form>\r\n</div>", styles: ["@charset \"UTF-8\";.input-control-time{background-color:#fff;border:1px solid #ccc;border-radius:3px;width:100%;height:40px}.form-control-time{max-width:220px;border:none}.form-control-time input{text-align:center}.form-time{width:100%}.form-time td:first-child{overflow:hidden}.delimiter-time{width:100%;text-align:center}.delimiter-time-icon{border:none;height:35px;width:10px;padding:4px;font-size:17px;text-align:center;opacity:.6}.area-icon{width:25px}.area-input-date{width:100px}.area-delimiter{width:2px;text-align:center}.area-input-hour,.area-input-minute{text-align:center;width:28px}.area-input-hour input,.area-input-minute input{height:35px;width:28px;text-align:center;color:#999;font-weight:600;font-style:italic}.area-input-hour input:focus,.area-input-minute input:focus{outline:none}.area-clean{width:12px}input,.datepicker-input{border:none!important}.select-time-date{border:none;background-color:transparent;width:40px;height:35px;padding:0;text-align:center;font-size:13px;color:#777;position:relative;top:-2px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-time-date:focus{box-shadow:0 0;border:0 none;outline:0}.btn-icon-close{border:none;background-color:#fff;cursor:pointer;padding:0;color:#aaa;width:17px;position:relative;top:-20px;z-index:1}.btn-icon-close:hover{color:#c43a3a!important}.icon-short-time{border:none;background:none;cursor:pointer;font-size:15px;color:#8a8a8a}.input-options-date{position:relative}.input-options-date .description-options-date{position:absolute;left:0;top:0;padding:5px 10px;background-color:#fff;width:100%;height:34px;overflow:hidden}.input-options-date .description-options-date strong{font-size:14px;font-weight:400;padding-left:5px}.input-options-date .area-action-date-time-selected{width:20px;display:block;float:right;text-align:right;position:relative;top:-2px;left:30px;z-index:1}\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: "component", type: i2.TCloudUiDatepickerComponent, selector: "tcloud-ui-datepicker", inputs: ["multiple", "maxNumberOfDates", "daysOfWeekDisabled", "minDate", "maxDate", "datesDisabled", "modeInput", "useBorder", "childInputDateTime", "startViewInMinDate", "startViewInMaxDate", "disabled", "ngModel", "code"], outputs: ["onChange", "ngModelChange", "onCheckDate"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.TCloudUiDataListComponent, selector: "tcloud-ui-data-list", inputs: ["placeholder", "disabled", "loading", "showInput", "search", "listItems", "open", "border", "ngModel"], outputs: ["onInputChange", "onChange", "onOpened", "onClosed", "ngModelChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiDatepickerTimeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiDatepickerTimeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tcloud-ui-datepicker-time', providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], template: "<div class=\"tcloud-ui-datepicker-time\">\r\n  <input type=\"hidden\" value=\"{{ innerValue }}\" #_datepickertime >\r\n  <form #_formulario=\"ngForm\">\r\n    <div class=\"input-control-time\">\r\n      <div class=\"form-control-time\">\r\n\r\n        <table style=\"width: 100%;\">\r\n          <tr>\r\n            <td>\r\n\r\n              <div class=\"input-options-date\">\r\n              <table class=\"form-time\">\r\n                <tr>\r\n                  <!-- <td class=\"area-icon\"><div class=\"delimiter-time-icon\" (click)=\"toClickIn(ID)\" ><i class=\"fas fa-calendar-alt\"></i></div></td> -->\r\n                  <td class=\"area-input-date\">\r\n                    <ng-container *ngIf=\"show_date_picker\">\r\n                      <tcloud-ui-datepicker [minDate]=\"minDate\" [maxDate]=\"maxDate\" #_tclouddatepickertime [childInputDateTime]=\"true\" [modeInput]=\"true\" name=\"date\" [useBorder]=\"false\" [(ngModel)]=\"DD_MM_YYYY\" (onChange)=\"toSetDate($event)\" ></tcloud-ui-datepicker>\r\n                    </ng-container>\r\n                  </td>\r\n                  \r\n                  <td class=\"area-delimiter\"><div class=\"delimiter-time\"></div></td>\r\n                  <td class=\"area-input-hour\">\r\n                    <!--<input type=\"text\" placeholder=\"HH\" (keyup)=\"toSetTime()\" [(ngModel)]=\"HH\" maxlength=\"2\" name=\"hh\" pattern=\"[0][0-9]|[1][0-9]|2[0-3]\">-->\r\n                    <select class=\"select-time-date\" (change)=\"toSetTime()\" [(ngModel)]=\"HH\" name=\"hh\">\r\n                      <ng-container *ngFor=\"let hh of option_HH\">\r\n                        <option [ngValue]=\"hh\">{{ hh }}</option>\r\n                      </ng-container>\r\n                    </select>\r\n                  </td>\r\n                  <td class=\"area-delimiter\"><div class=\"delimiter-time\">:</div></td>\r\n                  <td class=\"area-input-minute\">\r\n                    <!--<input type=\"text\" placeholder=\"MM\" (keyup)=\"toSetTime()\" [(ngModel)]=\"MM\" maxlength=\"2\" name=\"mm\" pattern=\"[012345][0-9]\">-->\r\n                    <select class=\"select-time-date\" (change)=\"toSetTime()\" [(ngModel)]=\"MM\" name=\"mm\">\r\n                      <ng-container *ngFor=\"let mm of option_MM\">\r\n                        <option [value]=\"mm\">{{ mm }}</option>\r\n                      </ng-container>\r\n                    </select>\r\n                  </td>\r\n                  <td class=\"area-clean\"></td>\r\n                </tr>\r\n              </table>\r\n\r\n              <div class=\"description-options-date\" *ngIf=\"value_options_date_time !== ''\">\r\n                <strong>{{ description_options_date_time }}</strong>\r\n\r\n                  <!-- <div class=\"area-action-date-time-selected\">\r\n                    <button class=\"btn-icon\" type=\"button\" (click)=\"closedTimeDescription()\" >\r\n                      <i class=\"fas fa-times\"></i>\r\n                    </button>                  \r\n                  </div> -->\r\n              </div>\r\n\r\n\r\n            </div>\r\n\r\n            </td>\r\n            <td *ngIf=\"useOptionsDateTime && options_date_time && (options_date_time).length > 0\" style=\"width: 20px\">\r\n              <button type=\"button\" class=\"icon-short-time\" (click)=\"open_options_date_time = !open_options_date_time\" [title]=\"description_options_date_time\" >\r\n                <i *ngIf=\"!open_options_date_time\" class=\"fas fa-caret-down\"></i>\r\n                <i *ngIf=\"open_options_date_time\" class=\"fas fa-caret-up\"></i>\r\n              </button>\r\n\r\n              <ng-container *ngIf=\"value_options_date_time !== ''\">\r\n                <button class=\"btn-icon-close\" type=\"button\" (click)=\"closedTimeDescription()\" >\r\n                  <i class=\"fas fa-times\"></i>\r\n                </button> \r\n              </ng-container>\r\n\r\n            </td>\r\n          </tr>\r\n          <tr *ngIf=\"useOptionsDateTime && options_date_time && (options_date_time).length > 0 && open_options_date_time\">\r\n            <td colspan=\"2\">\r\n                <tcloud-ui-data-list \r\n                  name=\"value_options_date_time\"\r\n                  [showInput]=\"false\" \r\n                  [search]=\"false\" \r\n                  [open]=\"true\" \r\n                  [listItems]=\"options_date_time\" \r\n                  (onClosed)=\"onClosedOptionsDateTime()\"\r\n                  [ngModel]=\"value_options_date_time\"\r\n                  (ngModelChange)=\"onChangeOptionsDateTime($event)\"\r\n                  >\r\n                </tcloud-ui-data-list>\r\n\r\n                \r\n\r\n\r\n              \r\n            </td>\r\n          </tr>\r\n        </table>\r\n\r\n        \r\n      </div>\r\n    </div>\r\n  </form>\r\n</div>", styles: ["@charset \"UTF-8\";.input-control-time{background-color:#fff;border:1px solid #ccc;border-radius:3px;width:100%;height:40px}.form-control-time{max-width:220px;border:none}.form-control-time input{text-align:center}.form-time{width:100%}.form-time td:first-child{overflow:hidden}.delimiter-time{width:100%;text-align:center}.delimiter-time-icon{border:none;height:35px;width:10px;padding:4px;font-size:17px;text-align:center;opacity:.6}.area-icon{width:25px}.area-input-date{width:100px}.area-delimiter{width:2px;text-align:center}.area-input-hour,.area-input-minute{text-align:center;width:28px}.area-input-hour input,.area-input-minute input{height:35px;width:28px;text-align:center;color:#999;font-weight:600;font-style:italic}.area-input-hour input:focus,.area-input-minute input:focus{outline:none}.area-clean{width:12px}input,.datepicker-input{border:none!important}.select-time-date{border:none;background-color:transparent;width:40px;height:35px;padding:0;text-align:center;font-size:13px;color:#777;position:relative;top:-2px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-time-date:focus{box-shadow:0 0;border:0 none;outline:0}.btn-icon-close{border:none;background-color:#fff;cursor:pointer;padding:0;color:#aaa;width:17px;position:relative;top:-20px;z-index:1}.btn-icon-close:hover{color:#c43a3a!important}.icon-short-time{border:none;background:none;cursor:pointer;font-size:15px;color:#8a8a8a}.input-options-date{position:relative}.input-options-date .description-options-date{position:absolute;left:0;top:0;padding:5px 10px;background-color:#fff;width:100%;height:34px;overflow:hidden}.input-options-date .description-options-date strong{font-size:14px;font-weight:400;padding-left:5px}.input-options-date .area-action-date-time-selected{width:20px;display:block;float:right;text-align:right;position:relative;top:-2px;left:30px;z-index:1}\n"] }]
         }], propDecorators: { ngModel: [{

package/esm2022/lib/_modules/tcloud-ui-datepicker-time/tcloud-ui-datepicker-time.module.mjs

@@ -6,19 +6,19 @@ import { TCloudUiDatepickerModule } from './../tcloud-ui-datepicker/tcloud-ui-da
 import { TCloudUiDataListModule } from '../tcloud-ui-data-list/tcloud-ui-data-list.module';
 import * as i0 from "@angular/core";
 export class TCloudUiDatepickerTimeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiDatepickerTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiDatepickerTimeModule, declarations: [TCloudUiDatepickerTimeComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiDatepickerTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiDatepickerTimeModule, declarations: [TCloudUiDatepickerTimeComponent], imports: [CommonModule,
             TCloudUiDatepickerModule,
             FormsModule,
             ReactiveFormsModule,
             TCloudUiDataListModule], exports: [TCloudUiDatepickerTimeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiDatepickerTimeModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiDatepickerTimeModule, imports: [CommonModule,
             TCloudUiDatepickerModule,
             FormsModule,
             ReactiveFormsModule,
             TCloudUiDataListModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiDatepickerTimeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiDatepickerTimeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/_modules/tcloud-ui-filters/components/range-date/range-date.component.mjs

@@ -193,10 +193,10 @@ export class TCloudUiRangeDateComponent {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiRangeDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: TCloudUiRangeDateComponent, selector: "range-date", inputs: { defaultValuePeriodStartStop: "defaultValuePeriodStartStop", required: "required", descriptionStart: "descriptionStart", descriptionStop: "descriptionStop" }, outputs: { onChange: "onChange" }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, CUSTOM_INPUT_VALIDATORS], ngImport: i0, template: "<table class=\"tcloud-ui-filters-range-date area-range-date\">\r\n    <tr>\r\n\r\n        <td>\r\n            <div *ngIf=\"mode === 'select'\">\r\n                <div class=\"description-period\">Per\u00EDodo</div>\r\n                <select name=\"periodo\" class=\"tc-form-control\" (change)=\"onChangeOptionsDateTime($event.target)\" [(ngModel)]=\"defaultValuePeriodStartStop\"  >\r\n                    <option value=\"\"></option> \r\n                    <ng-container *ngFor=\"let item of options_date_time\">\r\n                        <option [value]=\"item.value\">{{ item.description }}</option>\r\n                    </ng-container>\r\n                </select>\r\n            </div>\r\n            <div *ngIf=\"mode === 'datepickers'\">\r\n\r\n                <table class=\"area-range-datepickers\">\r\n                    <tr>\r\n                        <td>\r\n                            <div class=\"description-start\">{{ descriptionStart }}</div>\r\n                            <tcloud-ui-datepicker-time \r\n                                #_input_start \r\n                                [(ngModel)]=\"result.start\" \r\n                                name=\"input_start\" \r\n                                (eventChange)=\"onChangeStartDateTime(_input_start)\">\r\n                            </tcloud-ui-datepicker-time>\r\n                        </td>\r\n                        <td>\r\n                            <div class=\"description-stop\">{{ descriptionStop }}</div>\r\n                            <tcloud-ui-datepicker-time \r\n                                #_input_stop\r\n                                [(ngModel)]=\"result.stop\" \r\n                                name=\"input_stop\" \r\n                                (eventChange)=\"onChangeStopDateTime(_input_stop)\">\r\n                            </tcloud-ui-datepicker-time>\r\n                        </td>\r\n                    </tr>\r\n                </table>\r\n\r\n            </div>\r\n        </td>\r\n\r\n        <td>\r\n            <button class=\"btn-mode-range-date\" [class.active]=\"mode === 'select'\" (click)=\"toggle()\" type=\"button\">\r\n\r\n                <i *ngIf=\"mode === 'select'\" class=\"far fa-calendar-alt\" title=\"Alterar para calend\u00E1rio\"></i>\r\n                <i *ngIf=\"mode !== 'select'\" class=\"fas fa-calendar-week\" title=\"Selecionar per\u00EDodo\"></i>\r\n\r\n                <!-- <div *ngIf=\"mode === 'select'\">Exibir<br>Calend\u00E1rio</div> -->\r\n                <!-- <div *ngIf=\"mode !== 'select'\">Exibir<br>Per\u00EDodo</div> -->\r\n            </button>\r\n        </td>\r\n\r\n    </tr>\r\n</table>", styles: [".area-range-date{height:40px;width:100%}.area-range-date tr td:first-child{width:calc(100% - 35px)}.area-range-date tr td:first-child select{color:#535353;border-radius:3px 0 0 3px!important}.area-range-date tr td:first-child .area-range-datepickers{width:100%}.area-range-date tr td:first-child .area-range-datepickers td{width:50%!important}.area-range-date tr td:last-child{width:35px}.area-range-date tr td:last-child .btn-mode-range-date{width:100%;text-align:center;border:1px solid #ccc;background-color:#fff;font-size:17px;line-height:1;cursor:pointer;color:#6c6c6c;height:40px;border-radius:0 3px 3px 0}.area-range-date tr td:last-child .btn-mode-range-date:focus{color:#403d3d}.active{background-color:#eee!important}.description-period,.description-start{position:relative;left:17px;top:-15px;line-height:0}.description-stop{position:relative;top:-15px;line-height:0}\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: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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: "component", type: i3.TCloudUiDatepickerTimeComponent, selector: "tcloud-ui-datepicker-time", inputs: ["ngModel", "minDate", "maxDate", "useOptionsDateTime"], outputs: ["ngModelChange", "onChange", "eventChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiRangeDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: TCloudUiRangeDateComponent, selector: "range-date", inputs: { defaultValuePeriodStartStop: "defaultValuePeriodStartStop", required: "required", descriptionStart: "descriptionStart", descriptionStop: "descriptionStop" }, outputs: { onChange: "onChange" }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, CUSTOM_INPUT_VALIDATORS], ngImport: i0, template: "<table class=\"tcloud-ui-filters-range-date area-range-date\">\r\n    <tr>\r\n\r\n        <td>\r\n            <div *ngIf=\"mode === 'select'\">\r\n                <div class=\"description-period\">Per\u00EDodo</div>\r\n                <select name=\"periodo\" class=\"tc-form-control\" (change)=\"onChangeOptionsDateTime($event.target)\" [(ngModel)]=\"defaultValuePeriodStartStop\"  >\r\n                    <option value=\"\"></option> \r\n                    <ng-container *ngFor=\"let item of options_date_time\">\r\n                        <option [value]=\"item.value\">{{ item.description }}</option>\r\n                    </ng-container>\r\n                </select>\r\n            </div>\r\n            <div *ngIf=\"mode === 'datepickers'\">\r\n\r\n                <table class=\"area-range-datepickers\">\r\n                    <tr>\r\n                        <td>\r\n                            <div class=\"description-start\">{{ descriptionStart }}</div>\r\n                            <tcloud-ui-datepicker-time \r\n                                #_input_start \r\n                                [(ngModel)]=\"result.start\" \r\n                                name=\"input_start\" \r\n                                (eventChange)=\"onChangeStartDateTime(_input_start)\">\r\n                            </tcloud-ui-datepicker-time>\r\n                        </td>\r\n                        <td>\r\n                            <div class=\"description-stop\">{{ descriptionStop }}</div>\r\n                            <tcloud-ui-datepicker-time \r\n                                #_input_stop\r\n                                [(ngModel)]=\"result.stop\" \r\n                                name=\"input_stop\" \r\n                                (eventChange)=\"onChangeStopDateTime(_input_stop)\">\r\n                            </tcloud-ui-datepicker-time>\r\n                        </td>\r\n                    </tr>\r\n                </table>\r\n\r\n            </div>\r\n        </td>\r\n\r\n        <td>\r\n            <button class=\"btn-mode-range-date\" [class.active]=\"mode === 'select'\" (click)=\"toggle()\" type=\"button\">\r\n\r\n                <i *ngIf=\"mode === 'select'\" class=\"far fa-calendar-alt\" title=\"Alterar para calend\u00E1rio\"></i>\r\n                <i *ngIf=\"mode !== 'select'\" class=\"fas fa-calendar-week\" title=\"Selecionar per\u00EDodo\"></i>\r\n\r\n                <!-- <div *ngIf=\"mode === 'select'\">Exibir<br>Calend\u00E1rio</div> -->\r\n                <!-- <div *ngIf=\"mode !== 'select'\">Exibir<br>Per\u00EDodo</div> -->\r\n            </button>\r\n        </td>\r\n\r\n    </tr>\r\n</table>", styles: [".area-range-date{height:40px;width:100%}.area-range-date tr td:first-child{width:calc(100% - 35px)}.area-range-date tr td:first-child select{color:#535353;border-radius:3px 0 0 3px!important}.area-range-date tr td:first-child .area-range-datepickers{width:100%}.area-range-date tr td:first-child .area-range-datepickers td{width:50%!important}.area-range-date tr td:last-child{width:35px}.area-range-date tr td:last-child .btn-mode-range-date{width:100%;text-align:center;border:1px solid #ccc;background-color:#fff;font-size:17px;line-height:1;cursor:pointer;color:#6c6c6c;height:40px;border-radius:0 3px 3px 0}.area-range-date tr td:last-child .btn-mode-range-date:focus{color:#403d3d}.active{background-color:#eee!important}.description-period,.description-start{position:relative;left:17px;top:-15px;line-height:0}.description-stop{position:relative;top:-15px;line-height:0}\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: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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: "component", type: i3.TCloudUiDatepickerTimeComponent, selector: "tcloud-ui-datepicker-time", inputs: ["ngModel", "minDate", "maxDate", "useOptionsDateTime"], outputs: ["ngModelChange", "onChange", "eventChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiRangeDateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiRangeDateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'range-date', providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, CUSTOM_INPUT_VALIDATORS], template: "<table class=\"tcloud-ui-filters-range-date area-range-date\">\r\n    <tr>\r\n\r\n        <td>\r\n            <div *ngIf=\"mode === 'select'\">\r\n                <div class=\"description-period\">Per\u00EDodo</div>\r\n                <select name=\"periodo\" class=\"tc-form-control\" (change)=\"onChangeOptionsDateTime($event.target)\" [(ngModel)]=\"defaultValuePeriodStartStop\"  >\r\n                    <option value=\"\"></option> \r\n                    <ng-container *ngFor=\"let item of options_date_time\">\r\n                        <option [value]=\"item.value\">{{ item.description }}</option>\r\n                    </ng-container>\r\n                </select>\r\n            </div>\r\n            <div *ngIf=\"mode === 'datepickers'\">\r\n\r\n                <table class=\"area-range-datepickers\">\r\n                    <tr>\r\n                        <td>\r\n                            <div class=\"description-start\">{{ descriptionStart }}</div>\r\n                            <tcloud-ui-datepicker-time \r\n                                #_input_start \r\n                                [(ngModel)]=\"result.start\" \r\n                                name=\"input_start\" \r\n                                (eventChange)=\"onChangeStartDateTime(_input_start)\">\r\n                            </tcloud-ui-datepicker-time>\r\n                        </td>\r\n                        <td>\r\n                            <div class=\"description-stop\">{{ descriptionStop }}</div>\r\n                            <tcloud-ui-datepicker-time \r\n                                #_input_stop\r\n                                [(ngModel)]=\"result.stop\" \r\n                                name=\"input_stop\" \r\n                                (eventChange)=\"onChangeStopDateTime(_input_stop)\">\r\n                            </tcloud-ui-datepicker-time>\r\n                        </td>\r\n                    </tr>\r\n                </table>\r\n\r\n            </div>\r\n        </td>\r\n\r\n        <td>\r\n            <button class=\"btn-mode-range-date\" [class.active]=\"mode === 'select'\" (click)=\"toggle()\" type=\"button\">\r\n\r\n                <i *ngIf=\"mode === 'select'\" class=\"far fa-calendar-alt\" title=\"Alterar para calend\u00E1rio\"></i>\r\n                <i *ngIf=\"mode !== 'select'\" class=\"fas fa-calendar-week\" title=\"Selecionar per\u00EDodo\"></i>\r\n\r\n                <!-- <div *ngIf=\"mode === 'select'\">Exibir<br>Calend\u00E1rio</div> -->\r\n                <!-- <div *ngIf=\"mode !== 'select'\">Exibir<br>Per\u00EDodo</div> -->\r\n            </button>\r\n        </td>\r\n\r\n    </tr>\r\n</table>", styles: [".area-range-date{height:40px;width:100%}.area-range-date tr td:first-child{width:calc(100% - 35px)}.area-range-date tr td:first-child select{color:#535353;border-radius:3px 0 0 3px!important}.area-range-date tr td:first-child .area-range-datepickers{width:100%}.area-range-date tr td:first-child .area-range-datepickers td{width:50%!important}.area-range-date tr td:last-child{width:35px}.area-range-date tr td:last-child .btn-mode-range-date{width:100%;text-align:center;border:1px solid #ccc;background-color:#fff;font-size:17px;line-height:1;cursor:pointer;color:#6c6c6c;height:40px;border-radius:0 3px 3px 0}.area-range-date tr td:last-child .btn-mode-range-date:focus{color:#403d3d}.active{background-color:#eee!important}.description-period,.description-start{position:relative;left:17px;top:-15px;line-height:0}.description-stop{position:relative;top:-15px;line-height:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { onChange: [{

package/esm2022/lib/_modules/tcloud-ui-filters/tcloud-ui-filters.component.mjs

@@ -496,10 +496,10 @@ export class TCloudUiFiltersComponent {
         }
         this.result.emit(data);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiFiltersComponent, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: TCloudUiFiltersComponent, selector: "tcloud-ui-filters", inputs: { border: "border", data: "data", filters: "filters", submitText: "submitText", btnSubmitClass: "btnSubmitClass", useOnChangeSubmit: "useOnChangeSubmit", useButtonSubmit: "useButtonSubmit", useNormalizeCaseSensitive: "useNormalizeCaseSensitive", useRangeDate: "useRangeDate", useFilterAccept: "useFilterAccept" }, outputs: { result: "result", onFilter: "onFilter", onChange: "onChange", onSubmit: "onSubmit" }, viewQueries: [{ propertyName: "_formulario", first: true, predicate: ["_formulario"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"show_filters\" class=\"tcloud-ui-filters area-filter\" [class.no-border]=\"!border\">\r\n    <ng-container *ngFor=\"let item of filters; let i = index\">\r\n\r\n        <ng-container *ngIf=\"!item.type || (item.type && item.type !== 'boolean')\">\r\n\r\n            <ng-container *ngIf=\"item.type === 'date-local'\">\r\n\r\n                <div class=\"box-filter-input type-{{item.type}} box-type-{{item.type}}\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\r\n                    <div class=\"m-description tc-title-ellipsis box-type-{{item.type}}\" title=\"{{ item.description }}\"><i [class.to-active]=\"(item.value !== undefined && item.value !== null && item.value !== '')\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ item.description }}</div>\r\n                    <div class=\"box-type-{{item.type}}\">\r\n                        <tcloud-ui-datepicker \r\n                            #_input\r\n                            name=\"input_{{i+1}}\"\r\n                            [modeInput]=\"true\"\r\n                            [(ngModel)]=\"item.value\"\r\n                            (ngModelChange)=\"searchIn(item, _input)\">\r\n                        </tcloud-ui-datepicker>\r\n                        <button class=\"btn-clear-filter-text\" [class.to-hide]=\"!(item.value !== undefined && item.value !== null && item.value !== '')\" (click)=\"searchIn(item, null); item.searchText = undefined; item.value = ''\">\r\n                            <i class=\"fas fa-times\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n\r\n                \r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"item.type !== 'date-local'\">\r\n                <ng-container *ngIf=\"item.type === 'datetime-local'\">\r\n\r\n                    <ng-container *ngIf=\"(item.id === 'start' || item.id === 'stop') && useRangeDate\">\r\n                        <!-- PERIOD RANGE DATE -->\r\n                        <ng-container *ngIf=\"item.id === 'start'\">\r\n                            <div class=\"box-filter-input type-{{item.type}} box-type-{{item.type}}\" [style]=\"(item.width !== '') ? 'width:'+start_stop_width+''+start_stop_und : ''\">\r\n                                <div class=\"m-description tc-title-ellipsis box-type-{{item.type}}\" title=\"{{ item.description }}\"><i [class.to-active]=\"(_range_date && _range_date.result && _range_date.result.start && _range_date.result.stop )\" class=\"fas fa-filter icon-filter\"></i>&nbsp;</div>\r\n                                <range-date  \r\n                                    #_range_date ngModel name=\"input_{{i+1}}\" \r\n                                    [defaultValuePeriodStartStop]=\"item.defaultValuePeriodStartStop\"\r\n                                    [descriptionStart]=\"descriptionStart\"\r\n                                    [descriptionStop]=\"descriptionStop\"\r\n                                    required \r\n                                    (onChange)=\"searchInRange(_range_date); searchIn(item, _range_date)\">\r\n                                </range-date>\r\n                            </div>\r\n                        </ng-container>   \r\n                        <input *ngIf=\"item.id === 'start'\" #_input name=\"input_{{i+1}}\" type=\"hidden\" [(ngModel)]=\"start_value\">  \r\n                        <input *ngIf=\"item.id === 'stop'\" #_input name=\"input_{{i+1}}\" type=\"hidden\" [(ngModel)]=\"stop_value\">               \r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"!item.id || !useRangeDate\">\r\n\r\n                        <div class=\"box-filter-input type-{{item.type}} box-type-{{item.type}}\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\r\n                            <div class=\"m-description tc-title-ellipsis box-type-{{item.type}}\" title=\"{{ item.description }}\"><i [class.to-active]=\"(item.value !== undefined && item.value !== null && item.value !== '')\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ item.description }}</div>\r\n                            <div class=\"box-type-{{item.type}}\">\r\n                                <tcloud-ui-datepicker-time \r\n                                    #_input \r\n                                    [(ngModel)]=\"item.value\" \r\n                                    name=\"input_{{i+1}}\" \r\n                                    [useOptionsDateTime]=\"(item && item.useOptionsDateTime) ? true : false\"\r\n                                    (eventChange)=\"searchIn(item, _input)\" >\r\n                                </tcloud-ui-datepicker-time>\r\n                                <button class=\"btn-clear-filter-text\" [class.to-hide]=\"!(item.value !== undefined && item.value !== null && item.value !== '')\" (click)=\"searchIn(item, null); item.searchText = undefined; item.value = ''\">\r\n                                    <i class=\"fas fa-times\"></i>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </ng-container>\r\n\r\n                </ng-container>\r\n            </ng-container>\r\n                        \r\n            <ng-container *ngIf=\"item.type !== 'select' && item.type !== 'datetime-local' && item.type !== 'date-local'\">\r\n                <div class=\"box-filter-input type-{{item.type}} box-type-{{item.type}}\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\r\n\r\n                    <div class=\"m-description tc-title-ellipsis box-type-{{item.type}}\" title=\"{{ item.description }}\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ item.description }}</div>\r\n                    <div class=\"box-type-{{item.type}}\">\r\n                        <input \r\n                            #_input\r\n                            [(ngModel)]=\"item.value\"\r\n                            placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\r\n                            name=\"input_{{i+1}}\" \r\n                            type=\"{{ (item.type === 'number') ? 'text' : item.type }}\" \r\n                            class=\"tc-form-control\"                     \r\n                            (keyup)=\"searchIn(item, $event)\">                    \r\n                        <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\r\n                            <i class=\"fas fa-times\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"item.type === 'select' && item.data && (item.data).length > 0\" >\r\n                <div class=\"box-filter-input type-{{item.type}} box-type-{{item.type}}\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\r\n\r\n                    <div class=\"m-description tc-title-ellipsis box-type-{{item.type}}\" title=\"{{ item.description }}\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ item.description }}</div>\r\n                    <div class=\"box-type-{{item.type}}\">\r\n                        <select \r\n                            #_input\r\n                            [(ngModel)]=\"item.value\"\r\n                            name=\"input_{{i+1}}\" \r\n                            class=\"tc-form-control\"                     \r\n                            (change)=\"searchIn(item, $event)\">\r\n                            <option [ngValue]=\"\"></option>\r\n                            <ng-container *ngFor=\"let v of item.data\">\r\n                                <option [value]=\"v.value\">{{ v.description }}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n\r\n        </ng-container>\r\n\r\n\r\n        <ng-container *ngIf=\"item.type && item.type === 'boolean'\">\r\n            \r\n            <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\r\n                <div class=\"m-description tc-title-ellipsis\" title=\"{{ item.description }}\" title=\"{{ item.description }}\"><i [class.to-active]=\"_input.checked === true\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ item.description }}</div>\r\n                <div class=\"area-input-checkbox\">\r\n                    <div class=\"tc-form-control\">\r\n                        <label>\r\n                            {{ item.placeholder }}\r\n                            <input \r\n                                #_input\r\n                                placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\r\n                                name=\"input_{{i+1}}\" \r\n                                type=\"checkbox\"                   \r\n                                (change)=\"searchIn(item, _input.checked)\">   \r\n                        </label>\r\n                    </div>                 \r\n                </div>\r\n            </div>\r\n\r\n        </ng-container>\r\n\r\n\r\n    </ng-container>\r\n\r\n    <div class=\"text-right mb-1 mr-1\" *ngIf=\"useButtonSubmit\">\r\n        <button type=\"button\" class=\"tc-btn {{ btnSubmitClass }}\" (click)=\"toSubmit()\" >{{ submitText }}</button>\r\n    </div>\r\n\r\n</div>\r\n\r\n<!-- <pre>{{ inputs | json }}</pre> -->\r\n<!-- <pre> {{ data | json }} </pre> -->\r\n\r\n<!-- <p>FILTERS</p><pre> {{ filters | json }}</pre> -->\r\n\r\n<!--\r\n    <pre>start_stop: {{ start_stop }}</pre>\r\n    <pre>start_stop_width: {{ start_stop_width }}</pre>\r\n    <pre>start_stop_und: {{ start_stop_und }}</pre>\r\n-->", styles: [".box-filter-input{display:inline-grid;padding:10px 5px;position:relative}.area-filter{border:1px solid #eeeeee;border-radius:5px;margin-bottom:5px}.btn-clear-filter-text{position:absolute;right:8px;top:38px;background-color:#fff;border:none;cursor:pointer;color:#aaa}.to-hide{display:none}.icon-filter{color:#ccc}.to-active{color:var(--tc-primary)}.area-input-checkbox label{cursor:pointer;margin-bottom:0;color:#9f9f9f}.area-input-checkbox div.tc-form-control{height:40px}.m-description{margin-bottom:3px}input{color:#535353}input[type=text],input[type=number],select{height:40px!important}.type-hidden{display:none;width:0px!important}.box-type-global_vars{display:none!important;width:0px!important}.tc-title-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-border{border:none!important}\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: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.TCloudUiDatepickerTimeComponent, selector: "tcloud-ui-datepicker-time", inputs: ["ngModel", "minDate", "maxDate", "useOptionsDateTime"], outputs: ["ngModelChange", "onChange", "eventChange"] }, { kind: "component", type: i4.TCloudUiDatepickerComponent, selector: "tcloud-ui-datepicker", inputs: ["multiple", "maxNumberOfDates", "daysOfWeekDisabled", "minDate", "maxDate", "datesDisabled", "modeInput", "useBorder", "childInputDateTime", "startViewInMinDate", "startViewInMaxDate", "disabled", "ngModel", "code"], outputs: ["onChange", "ngModelChange", "onCheckDate"] }, { kind: "component", type: i5.TCloudUiRangeDateComponent, selector: "range-date", inputs: ["defaultValuePeriodStartStop", "required", "descriptionStart", "descriptionStop"], outputs: ["onChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiFiltersComponent, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: TCloudUiFiltersComponent, selector: "tcloud-ui-filters", inputs: { border: "border", data: "data", filters: "filters", submitText: "submitText", btnSubmitClass: "btnSubmitClass", useOnChangeSubmit: "useOnChangeSubmit", useButtonSubmit: "useButtonSubmit", useNormalizeCaseSensitive: "useNormalizeCaseSensitive", useRangeDate: "useRangeDate", useFilterAccept: "useFilterAccept" }, outputs: { result: "result", onFilter: "onFilter", onChange: "onChange", onSubmit: "onSubmit" }, viewQueries: [{ propertyName: "_formulario", first: true, predicate: ["_formulario"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"show_filters\" class=\"tcloud-ui-filters area-filter\" [class.no-border]=\"!border\">\r\n    <ng-container *ngFor=\"let item of filters; let i = index\">\r\n\r\n        <ng-container *ngIf=\"!item.type || (item.type && item.type !== 'boolean')\">\r\n\r\n            <ng-container *ngIf=\"item.type === 'date-local'\">\r\n\r\n                <div class=\"box-filter-input type-{{item.type}} box-type-{{item.type}}\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\r\n                    <div class=\"m-description tc-title-ellipsis box-type-{{item.type}}\" title=\"{{ item.description }}\"><i [class.to-active]=\"(item.value !== undefined && item.value !== null && item.value !== '')\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ item.description }}</div>\r\n                    <div class=\"box-type-{{item.type}}\">\r\n                        <tcloud-ui-datepicker \r\n                            #_input\r\n                            name=\"input_{{i+1}}\"\r\n                            [modeInput]=\"true\"\r\n                            [(ngModel)]=\"item.value\"\r\n                            (ngModelChange)=\"searchIn(item, _input)\">\r\n                        </tcloud-ui-datepicker>\r\n                        <button class=\"btn-clear-filter-text\" [class.to-hide]=\"!(item.value !== undefined && item.value !== null && item.value !== '')\" (click)=\"searchIn(item, null); item.searchText = undefined; item.value = ''\">\r\n                            <i class=\"fas fa-times\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n\r\n                \r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"item.type !== 'date-local'\">\r\n                <ng-container *ngIf=\"item.type === 'datetime-local'\">\r\n\r\n                    <ng-container *ngIf=\"(item.id === 'start' || item.id === 'stop') && useRangeDate\">\r\n                        <!-- PERIOD RANGE DATE -->\r\n                        <ng-container *ngIf=\"item.id === 'start'\">\r\n                            <div class=\"box-filter-input type-{{item.type}} box-type-{{item.type}}\" [style]=\"(item.width !== '') ? 'width:'+start_stop_width+''+start_stop_und : ''\">\r\n                                <div class=\"m-description tc-title-ellipsis box-type-{{item.type}}\" title=\"{{ item.description }}\"><i [class.to-active]=\"(_range_date && _range_date.result && _range_date.result.start && _range_date.result.stop )\" class=\"fas fa-filter icon-filter\"></i>&nbsp;</div>\r\n                                <range-date  \r\n                                    #_range_date ngModel name=\"input_{{i+1}}\" \r\n                                    [defaultValuePeriodStartStop]=\"item.defaultValuePeriodStartStop\"\r\n                                    [descriptionStart]=\"descriptionStart\"\r\n                                    [descriptionStop]=\"descriptionStop\"\r\n                                    required \r\n                                    (onChange)=\"searchInRange(_range_date); searchIn(item, _range_date)\">\r\n                                </range-date>\r\n                            </div>\r\n                        </ng-container>   \r\n                        <input *ngIf=\"item.id === 'start'\" #_input name=\"input_{{i+1}}\" type=\"hidden\" [(ngModel)]=\"start_value\">  \r\n                        <input *ngIf=\"item.id === 'stop'\" #_input name=\"input_{{i+1}}\" type=\"hidden\" [(ngModel)]=\"stop_value\">               \r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"!item.id || !useRangeDate\">\r\n\r\n                        <div class=\"box-filter-input type-{{item.type}} box-type-{{item.type}}\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\r\n                            <div class=\"m-description tc-title-ellipsis box-type-{{item.type}}\" title=\"{{ item.description }}\"><i [class.to-active]=\"(item.value !== undefined && item.value !== null && item.value !== '')\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ item.description }}</div>\r\n                            <div class=\"box-type-{{item.type}}\">\r\n                                <tcloud-ui-datepicker-time \r\n                                    #_input \r\n                                    [(ngModel)]=\"item.value\" \r\n                                    name=\"input_{{i+1}}\" \r\n                                    [useOptionsDateTime]=\"(item && item.useOptionsDateTime) ? true : false\"\r\n                                    (eventChange)=\"searchIn(item, _input)\" >\r\n                                </tcloud-ui-datepicker-time>\r\n                                <button class=\"btn-clear-filter-text\" [class.to-hide]=\"!(item.value !== undefined && item.value !== null && item.value !== '')\" (click)=\"searchIn(item, null); item.searchText = undefined; item.value = ''\">\r\n                                    <i class=\"fas fa-times\"></i>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </ng-container>\r\n\r\n                </ng-container>\r\n            </ng-container>\r\n                        \r\n            <ng-container *ngIf=\"item.type !== 'select' && item.type !== 'datetime-local' && item.type !== 'date-local'\">\r\n                <div class=\"box-filter-input type-{{item.type}} box-type-{{item.type}}\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\r\n\r\n                    <div class=\"m-description tc-title-ellipsis box-type-{{item.type}}\" title=\"{{ item.description }}\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ item.description }}</div>\r\n                    <div class=\"box-type-{{item.type}}\">\r\n                        <input \r\n                            #_input\r\n                            [(ngModel)]=\"item.value\"\r\n                            placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\r\n                            name=\"input_{{i+1}}\" \r\n                            type=\"{{ (item.type === 'number') ? 'text' : item.type }}\" \r\n                            class=\"tc-form-control\"                     \r\n                            (keyup)=\"searchIn(item, $event)\">                    \r\n                        <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\r\n                            <i class=\"fas fa-times\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"item.type === 'select' && item.data && (item.data).length > 0\" >\r\n                <div class=\"box-filter-input type-{{item.type}} box-type-{{item.type}}\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\r\n\r\n                    <div class=\"m-description tc-title-ellipsis box-type-{{item.type}}\" title=\"{{ item.description }}\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ item.description }}</div>\r\n                    <div class=\"box-type-{{item.type}}\">\r\n                        <select \r\n                            #_input\r\n                            [(ngModel)]=\"item.value\"\r\n                            name=\"input_{{i+1}}\" \r\n                            class=\"tc-form-control\"                     \r\n                            (change)=\"searchIn(item, $event)\">\r\n                            <option [ngValue]=\"\"></option>\r\n                            <ng-container *ngFor=\"let v of item.data\">\r\n                                <option [value]=\"v.value\">{{ v.description }}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n\r\n        </ng-container>\r\n\r\n\r\n        <ng-container *ngIf=\"item.type && item.type === 'boolean'\">\r\n            \r\n            <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\r\n                <div class=\"m-description tc-title-ellipsis\" title=\"{{ item.description }}\" title=\"{{ item.description }}\"><i [class.to-active]=\"_input.checked === true\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ item.description }}</div>\r\n                <div class=\"area-input-checkbox\">\r\n                    <div class=\"tc-form-control\">\r\n                        <label>\r\n                            {{ item.placeholder }}\r\n                            <input \r\n                                #_input\r\n                                placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\r\n                                name=\"input_{{i+1}}\" \r\n                                type=\"checkbox\"                   \r\n                                (change)=\"searchIn(item, _input.checked)\">   \r\n                        </label>\r\n                    </div>                 \r\n                </div>\r\n            </div>\r\n\r\n        </ng-container>\r\n\r\n\r\n    </ng-container>\r\n\r\n    <div class=\"text-right mb-1 mr-1\" *ngIf=\"useButtonSubmit\">\r\n        <button type=\"button\" class=\"tc-btn {{ btnSubmitClass }}\" (click)=\"toSubmit()\" >{{ submitText }}</button>\r\n    </div>\r\n\r\n</div>\r\n\r\n<!-- <pre>{{ inputs | json }}</pre> -->\r\n<!-- <pre> {{ data | json }} </pre> -->\r\n\r\n<!-- <p>FILTERS</p><pre> {{ filters | json }}</pre> -->\r\n\r\n<!--\r\n    <pre>start_stop: {{ start_stop }}</pre>\r\n    <pre>start_stop_width: {{ start_stop_width }}</pre>\r\n    <pre>start_stop_und: {{ start_stop_und }}</pre>\r\n-->", styles: [".box-filter-input{display:inline-grid;padding:10px 5px;position:relative}.area-filter{border:1px solid #eeeeee;border-radius:5px;margin-bottom:5px}.btn-clear-filter-text{position:absolute;right:8px;top:38px;background-color:#fff;border:none;cursor:pointer;color:#aaa}.to-hide{display:none}.icon-filter{color:#ccc}.to-active{color:var(--tc-primary)}.area-input-checkbox label{cursor:pointer;margin-bottom:0;color:#9f9f9f}.area-input-checkbox div.tc-form-control{height:40px}.m-description{margin-bottom:3px}input{color:#535353}input[type=text],input[type=number],select{height:40px!important}.type-hidden{display:none;width:0px!important}.box-type-global_vars{display:none!important;width:0px!important}.tc-title-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-border{border:none!important}\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: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.TCloudUiDatepickerTimeComponent, selector: "tcloud-ui-datepicker-time", inputs: ["ngModel", "minDate", "maxDate", "useOptionsDateTime"], outputs: ["ngModelChange", "onChange", "eventChange"] }, { kind: "component", type: i4.TCloudUiDatepickerComponent, selector: "tcloud-ui-datepicker", inputs: ["multiple", "maxNumberOfDates", "daysOfWeekDisabled", "minDate", "maxDate", "datesDisabled", "modeInput", "useBorder", "childInputDateTime", "startViewInMinDate", "startViewInMaxDate", "disabled", "ngModel", "code"], outputs: ["onChange", "ngModelChange", "onCheckDate"] }, { kind: "component", type: i5.TCloudUiRangeDateComponent, selector: "range-date", inputs: ["defaultValuePeriodStartStop", "required", "descriptionStart", "descriptionStop"], outputs: ["onChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiFiltersComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiFiltersComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tcloud-ui-filters', template: "<div *ngIf=\"show_filters\" class=\"tcloud-ui-filters area-filter\" [class.no-border]=\"!border\">\r\n    <ng-container *ngFor=\"let item of filters; let i = index\">\r\n\r\n        <ng-container *ngIf=\"!item.type || (item.type && item.type !== 'boolean')\">\r\n\r\n            <ng-container *ngIf=\"item.type === 'date-local'\">\r\n\r\n                <div class=\"box-filter-input type-{{item.type}} box-type-{{item.type}}\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\r\n                    <div class=\"m-description tc-title-ellipsis box-type-{{item.type}}\" title=\"{{ item.description }}\"><i [class.to-active]=\"(item.value !== undefined && item.value !== null && item.value !== '')\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ item.description }}</div>\r\n                    <div class=\"box-type-{{item.type}}\">\r\n                        <tcloud-ui-datepicker \r\n                            #_input\r\n                            name=\"input_{{i+1}}\"\r\n                            [modeInput]=\"true\"\r\n                            [(ngModel)]=\"item.value\"\r\n                            (ngModelChange)=\"searchIn(item, _input)\">\r\n                        </tcloud-ui-datepicker>\r\n                        <button class=\"btn-clear-filter-text\" [class.to-hide]=\"!(item.value !== undefined && item.value !== null && item.value !== '')\" (click)=\"searchIn(item, null); item.searchText = undefined; item.value = ''\">\r\n                            <i class=\"fas fa-times\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n\r\n                \r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"item.type !== 'date-local'\">\r\n                <ng-container *ngIf=\"item.type === 'datetime-local'\">\r\n\r\n                    <ng-container *ngIf=\"(item.id === 'start' || item.id === 'stop') && useRangeDate\">\r\n                        <!-- PERIOD RANGE DATE -->\r\n                        <ng-container *ngIf=\"item.id === 'start'\">\r\n                            <div class=\"box-filter-input type-{{item.type}} box-type-{{item.type}}\" [style]=\"(item.width !== '') ? 'width:'+start_stop_width+''+start_stop_und : ''\">\r\n                                <div class=\"m-description tc-title-ellipsis box-type-{{item.type}}\" title=\"{{ item.description }}\"><i [class.to-active]=\"(_range_date && _range_date.result && _range_date.result.start && _range_date.result.stop )\" class=\"fas fa-filter icon-filter\"></i>&nbsp;</div>\r\n                                <range-date  \r\n                                    #_range_date ngModel name=\"input_{{i+1}}\" \r\n                                    [defaultValuePeriodStartStop]=\"item.defaultValuePeriodStartStop\"\r\n                                    [descriptionStart]=\"descriptionStart\"\r\n                                    [descriptionStop]=\"descriptionStop\"\r\n                                    required \r\n                                    (onChange)=\"searchInRange(_range_date); searchIn(item, _range_date)\">\r\n                                </range-date>\r\n                            </div>\r\n                        </ng-container>   \r\n                        <input *ngIf=\"item.id === 'start'\" #_input name=\"input_{{i+1}}\" type=\"hidden\" [(ngModel)]=\"start_value\">  \r\n                        <input *ngIf=\"item.id === 'stop'\" #_input name=\"input_{{i+1}}\" type=\"hidden\" [(ngModel)]=\"stop_value\">               \r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"!item.id || !useRangeDate\">\r\n\r\n                        <div class=\"box-filter-input type-{{item.type}} box-type-{{item.type}}\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\r\n                            <div class=\"m-description tc-title-ellipsis box-type-{{item.type}}\" title=\"{{ item.description }}\"><i [class.to-active]=\"(item.value !== undefined && item.value !== null && item.value !== '')\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ item.description }}</div>\r\n                            <div class=\"box-type-{{item.type}}\">\r\n                                <tcloud-ui-datepicker-time \r\n                                    #_input \r\n                                    [(ngModel)]=\"item.value\" \r\n                                    name=\"input_{{i+1}}\" \r\n                                    [useOptionsDateTime]=\"(item && item.useOptionsDateTime) ? true : false\"\r\n                                    (eventChange)=\"searchIn(item, _input)\" >\r\n                                </tcloud-ui-datepicker-time>\r\n                                <button class=\"btn-clear-filter-text\" [class.to-hide]=\"!(item.value !== undefined && item.value !== null && item.value !== '')\" (click)=\"searchIn(item, null); item.searchText = undefined; item.value = ''\">\r\n                                    <i class=\"fas fa-times\"></i>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </ng-container>\r\n\r\n                </ng-container>\r\n            </ng-container>\r\n                        \r\n            <ng-container *ngIf=\"item.type !== 'select' && item.type !== 'datetime-local' && item.type !== 'date-local'\">\r\n                <div class=\"box-filter-input type-{{item.type}} box-type-{{item.type}}\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\r\n\r\n                    <div class=\"m-description tc-title-ellipsis box-type-{{item.type}}\" title=\"{{ item.description }}\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ item.description }}</div>\r\n                    <div class=\"box-type-{{item.type}}\">\r\n                        <input \r\n                            #_input\r\n                            [(ngModel)]=\"item.value\"\r\n                            placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\r\n                            name=\"input_{{i+1}}\" \r\n                            type=\"{{ (item.type === 'number') ? 'text' : item.type }}\" \r\n                            class=\"tc-form-control\"                     \r\n                            (keyup)=\"searchIn(item, $event)\">                    \r\n                        <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\r\n                            <i class=\"fas fa-times\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"item.type === 'select' && item.data && (item.data).length > 0\" >\r\n                <div class=\"box-filter-input type-{{item.type}} box-type-{{item.type}}\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\r\n\r\n                    <div class=\"m-description tc-title-ellipsis box-type-{{item.type}}\" title=\"{{ item.description }}\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ item.description }}</div>\r\n                    <div class=\"box-type-{{item.type}}\">\r\n                        <select \r\n                            #_input\r\n                            [(ngModel)]=\"item.value\"\r\n                            name=\"input_{{i+1}}\" \r\n                            class=\"tc-form-control\"                     \r\n                            (change)=\"searchIn(item, $event)\">\r\n                            <option [ngValue]=\"\"></option>\r\n                            <ng-container *ngFor=\"let v of item.data\">\r\n                                <option [value]=\"v.value\">{{ v.description }}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n\r\n        </ng-container>\r\n\r\n\r\n        <ng-container *ngIf=\"item.type && item.type === 'boolean'\">\r\n            \r\n            <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\r\n                <div class=\"m-description tc-title-ellipsis\" title=\"{{ item.description }}\" title=\"{{ item.description }}\"><i [class.to-active]=\"_input.checked === true\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ item.description }}</div>\r\n                <div class=\"area-input-checkbox\">\r\n                    <div class=\"tc-form-control\">\r\n                        <label>\r\n                            {{ item.placeholder }}\r\n                            <input \r\n                                #_input\r\n                                placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\r\n                                name=\"input_{{i+1}}\" \r\n                                type=\"checkbox\"                   \r\n                                (change)=\"searchIn(item, _input.checked)\">   \r\n                        </label>\r\n                    </div>                 \r\n                </div>\r\n            </div>\r\n\r\n        </ng-container>\r\n\r\n\r\n    </ng-container>\r\n\r\n    <div class=\"text-right mb-1 mr-1\" *ngIf=\"useButtonSubmit\">\r\n        <button type=\"button\" class=\"tc-btn {{ btnSubmitClass }}\" (click)=\"toSubmit()\" >{{ submitText }}</button>\r\n    </div>\r\n\r\n</div>\r\n\r\n<!-- <pre>{{ inputs | json }}</pre> -->\r\n<!-- <pre> {{ data | json }} </pre> -->\r\n\r\n<!-- <p>FILTERS</p><pre> {{ filters | json }}</pre> -->\r\n\r\n<!--\r\n    <pre>start_stop: {{ start_stop }}</pre>\r\n    <pre>start_stop_width: {{ start_stop_width }}</pre>\r\n    <pre>start_stop_und: {{ start_stop_und }}</pre>\r\n-->", styles: [".box-filter-input{display:inline-grid;padding:10px 5px;position:relative}.area-filter{border:1px solid #eeeeee;border-radius:5px;margin-bottom:5px}.btn-clear-filter-text{position:absolute;right:8px;top:38px;background-color:#fff;border:none;cursor:pointer;color:#aaa}.to-hide{display:none}.icon-filter{color:#ccc}.to-active{color:var(--tc-primary)}.area-input-checkbox label{cursor:pointer;margin-bottom:0;color:#9f9f9f}.area-input-checkbox div.tc-form-control{height:40px}.m-description{margin-bottom:3px}input{color:#535353}input[type=text],input[type=number],select{height:40px!important}.type-hidden{display:none;width:0px!important}.box-type-global_vars{display:none!important;width:0px!important}.tc-title-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-border{border:none!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.DatePipe }], propDecorators: { _formulario: [{

package/esm2022/lib/_modules/tcloud-ui-filters/tcloud-ui-filters.module.mjs

@@ -7,21 +7,21 @@ import { TCloudUiRangeDateComponent } from './components/range-date/range-date.c
 import { TCloudUiDatepickerModule } from '../tcloud-ui-datepicker/tcloud-ui-datepicker.module';
 import * as i0 from "@angular/core";
 export class TCloudUiFiltersModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiFiltersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiFiltersModule, declarations: [TCloudUiFiltersComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiFiltersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiFiltersModule, declarations: [TCloudUiFiltersComponent,
             TCloudUiRangeDateComponent], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             TCloudUiDatepickerTimeModule,
             TCloudUiDatepickerModule], exports: [TCloudUiFiltersComponent,
             TCloudUiRangeDateComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiFiltersModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiFiltersModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             TCloudUiDatepickerTimeModule,
             TCloudUiDatepickerModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiFiltersModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiFiltersModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/_modules/tcloud-ui-input-password/tcloud-ui-input-password.component.mjs

@@ -114,10 +114,10 @@ export class TCloudUiInputPasswordComponent {
     registerOnTouched(fn) {
         this.onTouchedCallback = fn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiInputPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: TCloudUiInputPasswordComponent, selector: "tcloud-ui-input-password", inputs: { actionView: "actionView", actionCopy: "actionCopy", actionGeneratePassword: "actionGeneratePassword", numberOfCharacter: "numberOfCharacter", atLeastOneUppercaseLetter: "atLeastOneUppercaseLetter", atLeastOneLowercaseLetter: "atLeastOneLowercaseLetter", atLeastOneSpecialCharacter: "atLeastOneSpecialCharacter", ngModel: "ngModel" }, outputs: { ngModelChange: "ngModelChange" }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<div class=\"tcloud-ui-input-password\">\r\n    <table>\r\n        <tr>\r\n            <!-- input password -->\r\n            <td>\r\n                <form #_form=\"ngForm\">\r\n                    <ng-container *ngIf=\"passwordRegex\">\r\n                        <input class=\"tc-form-control\" *ngIf=\"mode == 'password'\" type=\"password\" name=\"tc_password\" [pattern]=\"passwordRegex\" autoComplete=\"new-password\" [(ngModel)]=\"innerValue\" required>\r\n                        <input class=\"tc-form-control\" *ngIf=\"mode == 'text'\" type=\"text\" name=\"tc_text\" [pattern]=\"passwordRegex\" [(ngModel)]=\"innerValue\" required>\r\n                    </ng-container>\r\n                </form>\r\n            </td>\r\n\r\n            <!-- action show hide -->\r\n            <td *ngIf=\"actionView\">\r\n                <button type=\"button\" (click)=\"toggleMode()\" [title]=\"(mode == 'password') ? 'Visualizar Senha' : 'Esconder Senha'\">\r\n                    <i *ngIf=\"mode == 'password'\" class=\"far fa-eye-slash\"></i>\r\n                    <i *ngIf=\"mode == 'text'\" class=\"far fa-eye\"></i> \r\n                </button>\r\n            </td>\r\n\r\n            <!-- action generate pass -->\r\n            <td *ngIf=\"actionGeneratePassword\">\r\n                <button type=\"button\" [title]=\"'Gerar Senha'\" (click)=\"generatePassword()\">\r\n                    <i class=\"fa-solid fa-key\"></i>\r\n                </button>\r\n            </td>\r\n\r\n            <!-- action copy pass -->\r\n            <td *ngIf=\"actionCopy\">\r\n                <button type=\"button\" [title]=\"'Copiar Senha'\" (click)=\"copyText()\">\r\n                    <i *ngIf=\"!isCopy\" class=\"fa-regular fa-copy\"></i>\r\n                    <i *ngIf=\"isCopy\" class=\"fa-solid fa-check\"></i>\r\n                </button>\r\n            </td>\r\n        </tr>\r\n    </table>\r\n</div>", styles: [".tcloud-ui-input-password{border:1px solid var(--tc-gray-300);border-radius:3px}.tcloud-ui-input-password table{width:100%}.tcloud-ui-input-password table td:first-child{width:100%!important}.tcloud-ui-input-password table td:first-child input{width:100%;border:none;height:38px;padding-left:8px}.tcloud-ui-input-password table td{width:50px;height:40px;background-color:#fff}.tcloud-ui-input-password table td button{background:transparent;border:none;margin-right:3px;cursor:pointer;color:var(--tc-gray-500)}.tcloud-ui-input-password table td button:hover{color:var(--tc-primary2)}.tcloud-ui-input-password .ng-invalid.ng-touched{border:1px solid var(--red)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiInputPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: TCloudUiInputPasswordComponent, selector: "tcloud-ui-input-password", inputs: { actionView: "actionView", actionCopy: "actionCopy", actionGeneratePassword: "actionGeneratePassword", numberOfCharacter: "numberOfCharacter", atLeastOneUppercaseLetter: "atLeastOneUppercaseLetter", atLeastOneLowercaseLetter: "atLeastOneLowercaseLetter", atLeastOneSpecialCharacter: "atLeastOneSpecialCharacter", ngModel: "ngModel" }, outputs: { ngModelChange: "ngModelChange" }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<div class=\"tcloud-ui-input-password\">\r\n    <table>\r\n        <tr>\r\n            <!-- input password -->\r\n            <td>\r\n                <form #_form=\"ngForm\">\r\n                    <ng-container *ngIf=\"passwordRegex\">\r\n                        <input class=\"tc-form-control\" *ngIf=\"mode == 'password'\" type=\"password\" name=\"tc_password\" [pattern]=\"passwordRegex\" autoComplete=\"new-password\" [(ngModel)]=\"innerValue\" required>\r\n                        <input class=\"tc-form-control\" *ngIf=\"mode == 'text'\" type=\"text\" name=\"tc_text\" [pattern]=\"passwordRegex\" [(ngModel)]=\"innerValue\" required>\r\n                    </ng-container>\r\n                </form>\r\n            </td>\r\n\r\n            <!-- action show hide -->\r\n            <td *ngIf=\"actionView\">\r\n                <button type=\"button\" (click)=\"toggleMode()\" [title]=\"(mode == 'password') ? 'Visualizar Senha' : 'Esconder Senha'\">\r\n                    <i *ngIf=\"mode == 'password'\" class=\"far fa-eye-slash\"></i>\r\n                    <i *ngIf=\"mode == 'text'\" class=\"far fa-eye\"></i> \r\n                </button>\r\n            </td>\r\n\r\n            <!-- action generate pass -->\r\n            <td *ngIf=\"actionGeneratePassword\">\r\n                <button type=\"button\" [title]=\"'Gerar Senha'\" (click)=\"generatePassword()\">\r\n                    <i class=\"fa-solid fa-key\"></i>\r\n                </button>\r\n            </td>\r\n\r\n            <!-- action copy pass -->\r\n            <td *ngIf=\"actionCopy\">\r\n                <button type=\"button\" [title]=\"'Copiar Senha'\" (click)=\"copyText()\">\r\n                    <i *ngIf=\"!isCopy\" class=\"fa-regular fa-copy\"></i>\r\n                    <i *ngIf=\"isCopy\" class=\"fa-solid fa-check\"></i>\r\n                </button>\r\n            </td>\r\n        </tr>\r\n    </table>\r\n</div>", styles: [".tcloud-ui-input-password{border:1px solid var(--tc-gray-300);border-radius:3px}.tcloud-ui-input-password table{width:100%}.tcloud-ui-input-password table td:first-child{width:100%!important}.tcloud-ui-input-password table td:first-child input{width:100%;border:none;height:38px;padding-left:8px}.tcloud-ui-input-password table td{width:50px;height:40px;background-color:#fff}.tcloud-ui-input-password table td button{background:transparent;border:none;margin-right:3px;cursor:pointer;color:var(--tc-gray-500)}.tcloud-ui-input-password table td button:hover{color:var(--tc-primary2)}.tcloud-ui-input-password .ng-invalid.ng-touched{border:1px solid var(--red)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiInputPasswordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiInputPasswordComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tcloud-ui-input-password', providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], template: "<div class=\"tcloud-ui-input-password\">\r\n    <table>\r\n        <tr>\r\n            <!-- input password -->\r\n            <td>\r\n                <form #_form=\"ngForm\">\r\n                    <ng-container *ngIf=\"passwordRegex\">\r\n                        <input class=\"tc-form-control\" *ngIf=\"mode == 'password'\" type=\"password\" name=\"tc_password\" [pattern]=\"passwordRegex\" autoComplete=\"new-password\" [(ngModel)]=\"innerValue\" required>\r\n                        <input class=\"tc-form-control\" *ngIf=\"mode == 'text'\" type=\"text\" name=\"tc_text\" [pattern]=\"passwordRegex\" [(ngModel)]=\"innerValue\" required>\r\n                    </ng-container>\r\n                </form>\r\n            </td>\r\n\r\n            <!-- action show hide -->\r\n            <td *ngIf=\"actionView\">\r\n                <button type=\"button\" (click)=\"toggleMode()\" [title]=\"(mode == 'password') ? 'Visualizar Senha' : 'Esconder Senha'\">\r\n                    <i *ngIf=\"mode == 'password'\" class=\"far fa-eye-slash\"></i>\r\n                    <i *ngIf=\"mode == 'text'\" class=\"far fa-eye\"></i> \r\n                </button>\r\n            </td>\r\n\r\n            <!-- action generate pass -->\r\n            <td *ngIf=\"actionGeneratePassword\">\r\n                <button type=\"button\" [title]=\"'Gerar Senha'\" (click)=\"generatePassword()\">\r\n                    <i class=\"fa-solid fa-key\"></i>\r\n                </button>\r\n            </td>\r\n\r\n            <!-- action copy pass -->\r\n            <td *ngIf=\"actionCopy\">\r\n                <button type=\"button\" [title]=\"'Copiar Senha'\" (click)=\"copyText()\">\r\n                    <i *ngIf=\"!isCopy\" class=\"fa-regular fa-copy\"></i>\r\n                    <i *ngIf=\"isCopy\" class=\"fa-solid fa-check\"></i>\r\n                </button>\r\n            </td>\r\n        </tr>\r\n    </table>\r\n</div>", styles: [".tcloud-ui-input-password{border:1px solid var(--tc-gray-300);border-radius:3px}.tcloud-ui-input-password table{width:100%}.tcloud-ui-input-password table td:first-child{width:100%!important}.tcloud-ui-input-password table td:first-child input{width:100%;border:none;height:38px;padding-left:8px}.tcloud-ui-input-password table td{width:50px;height:40px;background-color:#fff}.tcloud-ui-input-password table td button{background:transparent;border:none;margin-right:3px;cursor:pointer;color:var(--tc-gray-500)}.tcloud-ui-input-password table td button:hover{color:var(--tc-primary2)}.tcloud-ui-input-password .ng-invalid.ng-touched{border:1px solid var(--red)!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { actionView: [{

package/esm2022/lib/_modules/tcloud-ui-input-password/tcloud-ui-input-password.module.mjs

@@ -4,15 +4,15 @@ import { TCloudUiInputPasswordComponent } from './tcloud-ui-input-password.compo
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i0 from "@angular/core";
 export class TCloudUiInputPasswordModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiInputPasswordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiInputPasswordModule, declarations: [TCloudUiInputPasswordComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiInputPasswordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiInputPasswordModule, declarations: [TCloudUiInputPasswordComponent], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule], exports: [TCloudUiInputPasswordComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiInputPasswordModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiInputPasswordModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiInputPasswordModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiInputPasswordModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/_modules/tcloud-ui-input-search/tcloud-ui-input-search.component.mjs

@@ -48,10 +48,10 @@ export class TCloudUiInputSearchComponent {
     toFound() {
         this.found.emit(this.result_object);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiInputSearchComponent, deps: [{ token: i1.TCloudUiSearchInObjectService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: TCloudUiInputSearchComponent, selector: "tcloud-ui-input-search", inputs: { placeholder: "placeholder", mirror: "mirror", base_object: "base_object" }, outputs: { found: "found" }, ngImport: i0, template: "<table class=\"tcloud-ui-input-search tc-group-input-table\" cellspacing=\"0\" cellpadding=\"0\">\r\n    <tr>\r\n        <td><input class=\"tc-form-control box-ui-input-group\" [(ngModel)]=\"search_text\" type=\"text\" (keyup)=\"buscar(search_text)\" placeholder=\"{{ placeholder }}\" ></td>\r\n        <td>     \r\n            <ng-container *ngIf=\"search_text === ''\">  \r\n                <button type=\"button\" (click)=\"buscar(search_text)\"><i class=\"fas fa-search\"></i></button>\r\n            </ng-container> \r\n\r\n            <ng-container *ngIf=\"search_text !== ''\">  \r\n                <button type=\"button\" (click)=\"clean()\"><i class=\"fas fa-times\"></i></button>\r\n            </ng-container>\r\n        </td>\r\n    </tr>\r\n</table>", styles: [".tc-group-input-table{width:100%;border-collapse:collapse;border-spacing:0}.tc-group-input-table td{border:none;border-style:hidden;border-spacing:0;vertical-align:top}.tc-group-input-table td:first-child input{height:40px;width:100%;border:1px solid #ccc;border-radius:4px 0 0 4px!important}.tc-group-input-table td:last-child{width:40px}.tc-group-input-table td:last-child button{width:100%;height:40px;border:none;border-radius:0 10px 10px 0;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiInputSearchComponent, deps: [{ token: i1.TCloudUiSearchInObjectService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: TCloudUiInputSearchComponent, selector: "tcloud-ui-input-search", inputs: { placeholder: "placeholder", mirror: "mirror", base_object: "base_object" }, outputs: { found: "found" }, ngImport: i0, template: "<table class=\"tcloud-ui-input-search tc-group-input-table\" cellspacing=\"0\" cellpadding=\"0\">\r\n    <tr>\r\n        <td><input class=\"tc-form-control box-ui-input-group\" [(ngModel)]=\"search_text\" type=\"text\" (keyup)=\"buscar(search_text)\" placeholder=\"{{ placeholder }}\" ></td>\r\n        <td>     \r\n            <ng-container *ngIf=\"search_text === ''\">  \r\n                <button type=\"button\" (click)=\"buscar(search_text)\"><i class=\"fas fa-search\"></i></button>\r\n            </ng-container> \r\n\r\n            <ng-container *ngIf=\"search_text !== ''\">  \r\n                <button type=\"button\" (click)=\"clean()\"><i class=\"fas fa-times\"></i></button>\r\n            </ng-container>\r\n        </td>\r\n    </tr>\r\n</table>", styles: [".tc-group-input-table{width:100%;border-collapse:collapse;border-spacing:0}.tc-group-input-table td{border:none;border-style:hidden;border-spacing:0;vertical-align:top}.tc-group-input-table td:first-child input{height:40px;width:100%;border:1px solid #ccc;border-radius:4px 0 0 4px!important}.tc-group-input-table td:last-child{width:40px}.tc-group-input-table td:last-child button{width:100%;height:40px;border:none;border-radius:0 10px 10px 0;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiInputSearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiInputSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tcloud-ui-input-search', template: "<table class=\"tcloud-ui-input-search tc-group-input-table\" cellspacing=\"0\" cellpadding=\"0\">\r\n    <tr>\r\n        <td><input class=\"tc-form-control box-ui-input-group\" [(ngModel)]=\"search_text\" type=\"text\" (keyup)=\"buscar(search_text)\" placeholder=\"{{ placeholder }}\" ></td>\r\n        <td>     \r\n            <ng-container *ngIf=\"search_text === ''\">  \r\n                <button type=\"button\" (click)=\"buscar(search_text)\"><i class=\"fas fa-search\"></i></button>\r\n            </ng-container> \r\n\r\n            <ng-container *ngIf=\"search_text !== ''\">  \r\n                <button type=\"button\" (click)=\"clean()\"><i class=\"fas fa-times\"></i></button>\r\n            </ng-container>\r\n        </td>\r\n    </tr>\r\n</table>", styles: [".tc-group-input-table{width:100%;border-collapse:collapse;border-spacing:0}.tc-group-input-table td{border:none;border-style:hidden;border-spacing:0;vertical-align:top}.tc-group-input-table td:first-child input{height:40px;width:100%;border:1px solid #ccc;border-radius:4px 0 0 4px!important}.tc-group-input-table td:last-child{width:40px}.tc-group-input-table td:last-child button{width:100%;height:40px;border:none;border-radius:0 10px 10px 0;cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: i1.TCloudUiSearchInObjectService }], propDecorators: { placeholder: [{
@@ -63,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
             }], found: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGNsb3VkLXVpLWlucHV0LXNlYXJjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Y2xvdWQtdWkvc3JjL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktaW5wdXQtc2VhcmNoL3RjbG91ZC11aS1pbnB1dC1zZWFyY2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWlucHV0LXNlYXJjaC90Y2xvdWQtdWktaW5wdXQtc2VhcmNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUS9FLE1BQU0sT0FBTyw0QkFBNEI7SUFpQnZDLElBQWEsV0FBVyxDQUFDLFdBQWdCO1FBQ3ZDLElBQUksV0FBVyxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLFlBQVksR0FBRyxXQUFXLENBQUM7WUFFaEMsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ2hCLElBQUksQ0FBQyxhQUFhLEdBQUcsV0FBVyxDQUFDO2dCQUNqQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDakIsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBQ0QsSUFBSSxXQUFXLEtBQUksT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQztJQU05QyxZQUNVLHFCQUFvRDtRQUFwRCwwQkFBcUIsR0FBckIscUJBQXFCLENBQStCO1FBaEM5RDs7Ozs7O1dBTUc7UUFFTSxnQkFBVyxHQUFXLGFBQWEsQ0FBQztRQUVwQyxXQUFNLEdBQVksSUFBSSxDQUFDO1FBRWhDLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBaUJmLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBSXRDLENBQUM7SUFFTCxRQUFRO0lBQ1IsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUFhO1FBQ2xCLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsR0FBRyxLQUFLLEVBQUUsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDN0UsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztRQUN4RCxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNoQixJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2xCLENBQUM7YUFBSSxDQUFDO1lBQ0osSUFBSSxDQUFDLGFBQWEsR0FBRyxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2pCLENBQUM7UUFDRCxJQUFJLENBQUMsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFFLElBQUksQ0FBQyxhQUFhLENBQUUsQ0FBQztJQUN4QyxDQUFDOzhHQTFEVSw0QkFBNEI7a0dBQTVCLDRCQUE0QixpTENSekMsNHZCQWFROzsyRkRMSyw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0Usd0JBQXdCO2tHQWN6QixXQUFXO3NCQUFuQixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFLTyxXQUFXO3NCQUF2QixLQUFLO2dCQWNJLEtBQUs7c0JBQWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRDbG91ZFVpU2VhcmNoSW5PYmplY3RTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vX3NlcnZpY2VzL3NlYXJjaC1pbi1vYmplY3Quc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RjbG91ZC11aS1pbnB1dC1zZWFyY2gnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGNsb3VkLXVpLWlucHV0LXNlYXJjaC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RjbG91ZC11aS1pbnB1dC1zZWFyY2guY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUQ2xvdWRVaUlucHV0U2VhcmNoQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAvKipcbiAgICogdGNsb3VkLXVpLWlucHV0LXNlYXJjaCAtIFByb2N1cmEgcGVsbyB2YWxvciBpbmZvcm1hZG8gbm8gb2JqZXRvIGluZGljYWRvXG4gICAqIEBwYXJhbSBwbGFjZWhvbGRlciBzdHJpbmcgLSBwbGFjZWhvbGRlciBubyBpbnB1dFxuICAgKiBAcGFyYW0gbWlycm9yIGJvb2xlYW4gLSBFeGliaXIgb3MgdmFsb3JlcyBlc3BlbGhhZG9zIG91IHNvbWVudGUgb3MgdmFsb3JlcyBlbmNvbnRyYWRvc1xuICAgKiBAcGFyYW0gYmFzZV9vYmplY3Qgb2JqZWN0IC0gT2JqZXRvIG9uZGUgc2VyIHByb2N1cmFkbyBcbiAgICogQHBhcmFtIGZvdW5kIC0gRW1pdGUgbyB2YWxvciBlbmNvbnRyYWRvXG4gICAqL1xuXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnUHJvY3VyYXIuLi4nO1xuXG4gIEBJbnB1dCgpIG1pcnJvcjogYm9vbGVhbiA9IHRydWU7XG5cbiAgc2VhcmNoX3RleHQ6IHN0cmluZyA9ICcnO1xuXG4gIHByaXZhdGUgX2Jhc2Vfb2JqZWN0OiBhbnk7XG4gIEBJbnB1dCgpIHNldCBiYXNlX29iamVjdChiYXNlX29iamVjdDogYW55KXtcbiAgICBpZiggYmFzZV9vYmplY3QgKXtcbiAgICAgIHRoaXMuX2Jhc2Vfb2JqZWN0ID0gYmFzZV9vYmplY3Q7XG5cbiAgICAgIGlmKCB0aGlzLm1pcnJvciApe1xuICAgICAgICB0aGlzLnJlc3VsdF9vYmplY3QgPSBiYXNlX29iamVjdDtcbiAgICAgICAgdGhpcy50b0ZvdW5kKCk7XG4gICAgICB9XG4gICAgfSAgICBcbiAgfVxuICBnZXQgYmFzZV9vYmplY3QoKXsgcmV0dXJuIHRoaXMuX2Jhc2Vfb2JqZWN0OyB9XG5cbiAgcmVzdWx0X29iamVjdDogYW55IHwgdW5kZWZpbmVkO1xuXG4gIEBPdXRwdXQoKSBmb3VuZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgc2VhcmNoSW5PYmplY3RTZXJ2aWNlOiBUQ2xvdWRVaVNlYXJjaEluT2JqZWN0U2VydmljZVxuICApIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgYnVzY2FyKHZhbHVlOiBzdHJpbmcpe1xuICAgIGNvbnN0IHJlc3VsdCA9IHRoaXMuc2VhcmNoSW5PYmplY3RTZXJ2aWNlLm1lZXQoYCR7dmFsdWV9YCwgdGhpcy5iYXNlX29iamVjdCk7XG4gICAgdGhpcy5yZXN1bHRfb2JqZWN0ID0gSlNPTi5wYXJzZShKU09OLnN0cmluZ2lmeShyZXN1bHQpKTtcbiAgICB0aGlzLnRvRm91bmQoKTtcbiAgfVxuXG4gIGNsZWFuKCl7XG4gICAgaWYoIHRoaXMubWlycm9yICl7XG4gICAgICB0aGlzLmJ1c2NhcignJyk7XG4gICAgfWVsc2V7XG4gICAgICB0aGlzLnJlc3VsdF9vYmplY3QgPSBbXTsgXG4gICAgICB0aGlzLnRvRm91bmQoKTtcbiAgICB9XG4gICAgdGhpcy5zZWFyY2hfdGV4dCA9ICcnO1xuICB9XG5cbiAgdG9Gb3VuZCgpe1xuICAgIHRoaXMuZm91bmQuZW1pdCggdGhpcy5yZXN1bHRfb2JqZWN0ICk7XG4gIH1cblxufVxuIiwiPHRhYmxlIGNsYXNzPVwidGNsb3VkLXVpLWlucHV0LXNlYXJjaCB0Yy1ncm91cC1pbnB1dC10YWJsZVwiIGNlbGxzcGFjaW5nPVwiMFwiIGNlbGxwYWRkaW5nPVwiMFwiPlxyXG4gICAgPHRyPlxyXG4gICAgICAgIDx0ZD48aW5wdXQgY2xhc3M9XCJ0Yy1mb3JtLWNvbnRyb2wgYm94LXVpLWlucHV0LWdyb3VwXCIgWyhuZ01vZGVsKV09XCJzZWFyY2hfdGV4dFwiIHR5cGU9XCJ0ZXh0XCIgKGtleXVwKT1cImJ1c2NhcihzZWFyY2hfdGV4dClcIiBwbGFjZWhvbGRlcj1cInt7IHBsYWNlaG9sZGVyIH19XCIgPjwvdGQ+XHJcbiAgICAgICAgPHRkPiAgICAgXHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzZWFyY2hfdGV4dCA9PT0gJydcIj4gIFxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cImJ1c2NhcihzZWFyY2hfdGV4dClcIj48aSBjbGFzcz1cImZhcyBmYS1zZWFyY2hcIj48L2k+PC9idXR0b24+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPiBcclxuXHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzZWFyY2hfdGV4dCAhPT0gJydcIj4gIFxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cImNsZWFuKClcIj48aSBjbGFzcz1cImZhcyBmYS10aW1lc1wiPjwvaT48L2J1dHRvbj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC90ZD5cclxuICAgIDwvdHI+XHJcbjwvdGFibGU+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGNsb3VkLXVpLWlucHV0LXNlYXJjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Y2xvdWQtdWkvc3JjL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktaW5wdXQtc2VhcmNoL3RjbG91ZC11aS1pbnB1dC1zZWFyY2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWlucHV0LXNlYXJjaC90Y2xvdWQtdWktaW5wdXQtc2VhcmNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUS9FLE1BQU0sT0FBTyw0QkFBNEI7SUFpQnZDLElBQWEsV0FBVyxDQUFDLFdBQWdCO1FBQ3ZDLElBQUksV0FBVyxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLFlBQVksR0FBRyxXQUFXLENBQUM7WUFFaEMsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ2hCLElBQUksQ0FBQyxhQUFhLEdBQUcsV0FBVyxDQUFDO2dCQUNqQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDakIsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBQ0QsSUFBSSxXQUFXLEtBQUksT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQztJQU05QyxZQUNVLHFCQUFvRDtRQUFwRCwwQkFBcUIsR0FBckIscUJBQXFCLENBQStCO1FBaEM5RDs7Ozs7O1dBTUc7UUFFTSxnQkFBVyxHQUFXLGFBQWEsQ0FBQztRQUVwQyxXQUFNLEdBQVksSUFBSSxDQUFDO1FBRWhDLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBaUJmLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBSXRDLENBQUM7SUFFTCxRQUFRO0lBQ1IsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUFhO1FBQ2xCLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsR0FBRyxLQUFLLEVBQUUsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDN0UsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztRQUN4RCxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNoQixJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2xCLENBQUM7YUFBSSxDQUFDO1lBQ0osSUFBSSxDQUFDLGFBQWEsR0FBRyxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2pCLENBQUM7UUFDRCxJQUFJLENBQUMsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFFLElBQUksQ0FBQyxhQUFhLENBQUUsQ0FBQztJQUN4QyxDQUFDOzhHQTFEVSw0QkFBNEI7a0dBQTVCLDRCQUE0QixpTENSekMsNHZCQWFROzsyRkRMSyw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0Usd0JBQXdCO2tHQWN6QixXQUFXO3NCQUFuQixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFLTyxXQUFXO3NCQUF2QixLQUFLO2dCQWNJLEtBQUs7c0JBQWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVENsb3VkVWlTZWFyY2hJbk9iamVjdFNlcnZpY2UgfSBmcm9tICcuLi8uLi9fc2VydmljZXMvc2VhcmNoLWluLW9iamVjdC5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndGNsb3VkLXVpLWlucHV0LXNlYXJjaCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RjbG91ZC11aS1pbnB1dC1zZWFyY2guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RjbG91ZC11aS1pbnB1dC1zZWFyY2guY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVENsb3VkVWlJbnB1dFNlYXJjaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIC8qKlxyXG4gICAqIHRjbG91ZC11aS1pbnB1dC1zZWFyY2ggLSBQcm9jdXJhIHBlbG8gdmFsb3IgaW5mb3JtYWRvIG5vIG9iamV0byBpbmRpY2Fkb1xyXG4gICAqIEBwYXJhbSBwbGFjZWhvbGRlciBzdHJpbmcgLSBwbGFjZWhvbGRlciBubyBpbnB1dFxyXG4gICAqIEBwYXJhbSBtaXJyb3IgYm9vbGVhbiAtIEV4aWJpciBvcyB2YWxvcmVzIGVzcGVsaGFkb3Mgb3Ugc29tZW50ZSBvcyB2YWxvcmVzIGVuY29udHJhZG9zXHJcbiAgICogQHBhcmFtIGJhc2Vfb2JqZWN0IG9iamVjdCAtIE9iamV0byBvbmRlIHNlciBwcm9jdXJhZG8gXHJcbiAgICogQHBhcmFtIGZvdW5kIC0gRW1pdGUgbyB2YWxvciBlbmNvbnRyYWRvXHJcbiAgICovXHJcblxyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnUHJvY3VyYXIuLi4nO1xyXG5cclxuICBASW5wdXQoKSBtaXJyb3I6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBzZWFyY2hfdGV4dDogc3RyaW5nID0gJyc7XHJcblxyXG4gIHByaXZhdGUgX2Jhc2Vfb2JqZWN0OiBhbnk7XHJcbiAgQElucHV0KCkgc2V0IGJhc2Vfb2JqZWN0KGJhc2Vfb2JqZWN0OiBhbnkpe1xyXG4gICAgaWYoIGJhc2Vfb2JqZWN0ICl7XHJcbiAgICAgIHRoaXMuX2Jhc2Vfb2JqZWN0ID0gYmFzZV9vYmplY3Q7XHJcblxyXG4gICAgICBpZiggdGhpcy5taXJyb3IgKXtcclxuICAgICAgICB0aGlzLnJlc3VsdF9vYmplY3QgPSBiYXNlX29iamVjdDtcclxuICAgICAgICB0aGlzLnRvRm91bmQoKTtcclxuICAgICAgfVxyXG4gICAgfSAgICBcclxuICB9XHJcbiAgZ2V0IGJhc2Vfb2JqZWN0KCl7IHJldHVybiB0aGlzLl9iYXNlX29iamVjdDsgfVxyXG5cclxuICByZXN1bHRfb2JqZWN0OiBhbnkgfCB1bmRlZmluZWQ7XHJcblxyXG4gIEBPdXRwdXQoKSBmb3VuZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgc2VhcmNoSW5PYmplY3RTZXJ2aWNlOiBUQ2xvdWRVaVNlYXJjaEluT2JqZWN0U2VydmljZVxyXG4gICkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgYnVzY2FyKHZhbHVlOiBzdHJpbmcpe1xyXG4gICAgY29uc3QgcmVzdWx0ID0gdGhpcy5zZWFyY2hJbk9iamVjdFNlcnZpY2UubWVldChgJHt2YWx1ZX1gLCB0aGlzLmJhc2Vfb2JqZWN0KTtcclxuICAgIHRoaXMucmVzdWx0X29iamVjdCA9IEpTT04ucGFyc2UoSlNPTi5zdHJpbmdpZnkocmVzdWx0KSk7XHJcbiAgICB0aGlzLnRvRm91bmQoKTtcclxuICB9XHJcblxyXG4gIGNsZWFuKCl7XHJcbiAgICBpZiggdGhpcy5taXJyb3IgKXtcclxuICAgICAgdGhpcy5idXNjYXIoJycpO1xyXG4gICAgfWVsc2V7XHJcbiAgICAgIHRoaXMucmVzdWx0X29iamVjdCA9IFtdOyBcclxuICAgICAgdGhpcy50b0ZvdW5kKCk7XHJcbiAgICB9XHJcbiAgICB0aGlzLnNlYXJjaF90ZXh0ID0gJyc7XHJcbiAgfVxyXG5cclxuICB0b0ZvdW5kKCl7XHJcbiAgICB0aGlzLmZvdW5kLmVtaXQoIHRoaXMucmVzdWx0X29iamVjdCApO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPHRhYmxlIGNsYXNzPVwidGNsb3VkLXVpLWlucHV0LXNlYXJjaCB0Yy1ncm91cC1pbnB1dC10YWJsZVwiIGNlbGxzcGFjaW5nPVwiMFwiIGNlbGxwYWRkaW5nPVwiMFwiPlxyXG4gICAgPHRyPlxyXG4gICAgICAgIDx0ZD48aW5wdXQgY2xhc3M9XCJ0Yy1mb3JtLWNvbnRyb2wgYm94LXVpLWlucHV0LWdyb3VwXCIgWyhuZ01vZGVsKV09XCJzZWFyY2hfdGV4dFwiIHR5cGU9XCJ0ZXh0XCIgKGtleXVwKT1cImJ1c2NhcihzZWFyY2hfdGV4dClcIiBwbGFjZWhvbGRlcj1cInt7IHBsYWNlaG9sZGVyIH19XCIgPjwvdGQ+XHJcbiAgICAgICAgPHRkPiAgICAgXHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzZWFyY2hfdGV4dCA9PT0gJydcIj4gIFxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cImJ1c2NhcihzZWFyY2hfdGV4dClcIj48aSBjbGFzcz1cImZhcyBmYS1zZWFyY2hcIj48L2k+PC9idXR0b24+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPiBcclxuXHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzZWFyY2hfdGV4dCAhPT0gJydcIj4gIFxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cImNsZWFuKClcIj48aSBjbGFzcz1cImZhcyBmYS10aW1lc1wiPjwvaT48L2J1dHRvbj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC90ZD5cclxuICAgIDwvdHI+XHJcbjwvdGFibGU+Il19

package/esm2022/lib/_modules/tcloud-ui-input-search/tcloud-ui-input-search.module.mjs

@@ -4,15 +4,15 @@ import { CommonModule } from '@angular/common';
 import { TCloudUiInputSearchComponent } from './tcloud-ui-input-search.component';
 import * as i0 from "@angular/core";
 export class TCloudUiInputSearchModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiInputSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiInputSearchModule, declarations: [TCloudUiInputSearchComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiInputSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiInputSearchModule, declarations: [TCloudUiInputSearchComponent], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule], exports: [TCloudUiInputSearchComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiInputSearchModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiInputSearchModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiInputSearchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiInputSearchModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/_modules/tcloud-ui-label-token/tcloud-ui-label-token.component.mjs

@@ -20,10 +20,10 @@ export class TCloudUiLabelTokenComponent {
             this.isCopy = false;
         }, 3000);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiLabelTokenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: TCloudUiLabelTokenComponent, selector: "tcloud-ui-label-token", inputs: { copy: "copy", value: "value" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div>\r\n\r\n    <div class=\"mb-2 box-area\">\r\n      <table>\r\n        <tr>\r\n\r\n          <td class=\"area-value\">\r\n            <div *ngIf=\"show\">{{ value }}</div>\r\n            <div class=\"no-show\" *ngIf=\"!show\">#*#*#*#*#*#*#*#*#</div>\r\n          </td>\r\n\r\n          <td class=\"area-action\">\r\n            <div class=\"options-area-actions\">\r\n              <button type=\"button\" *ngIf=\"show\" class=\"btn-icon-smart\"  (click)=\"show = !show\" ><i class=\"fas fa-eye\"></i></button>\r\n              <button type=\"button\" *ngIf=\"!show\" class=\"btn-icon-smart\" (click)=\"show = !show\"><i class=\"fas fa-eye-slash\"></i></button>\r\n\r\n              <ng-container *ngIf=\"copy\">\r\n                <button type=\"button\" [title]=\"'Copiar texto'\" *ngIf=\"!isCopy\" class=\"btn-icon-smart\" (click)=\"copyText()\" ><i class=\"fas fa-copy\"></i></button>\r\n                <button type=\"button\" [title]=\"'Texto copiado'\" *ngIf=\"isCopy\" class=\"btn-icon-smart\"><i class=\"fas fa-check\"></i></button>\r\n              </ng-container>\r\n            </div>\r\n          </td>\r\n\r\n        </tr>\r\n      </table>\r\n    </div>\r\n\r\n  </div>", styles: ["table{width:100%}table td.area-value{height:30px;width:100%;padding:6px 10px}table td.area-value div{color:#707070;font-size:18px;line-height:0;padding-left:7px}.box-area{border:1px solid #D5CCC3;border-radius:5px;background-color:#f1f1f1}.btn-icon-smart{color:#d5ccc3;border:none;background-color:#fff;padding:6px;cursor:pointer}.no-show{filter:blur(1.5px);color:#fff;font-size:18px;line-height:0;font-weight:400}.area-action{background:#fff;border-radius:0 5px 5px 0;height:30px}.options-area-actions{width:60px;display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiLabelTokenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: TCloudUiLabelTokenComponent, selector: "tcloud-ui-label-token", inputs: { copy: "copy", value: "value" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div>\r\n\r\n    <div class=\"mb-2 box-area\">\r\n      <table>\r\n        <tr>\r\n\r\n          <td class=\"area-value\">\r\n            <div *ngIf=\"show\">{{ value }}</div>\r\n            <div class=\"no-show\" *ngIf=\"!show\">#*#*#*#*#*#*#*#*#</div>\r\n          </td>\r\n\r\n          <td class=\"area-action\">\r\n            <div class=\"options-area-actions\">\r\n              <button type=\"button\" *ngIf=\"show\" class=\"btn-icon-smart\"  (click)=\"show = !show\" ><i class=\"fas fa-eye\"></i></button>\r\n              <button type=\"button\" *ngIf=\"!show\" class=\"btn-icon-smart\" (click)=\"show = !show\"><i class=\"fas fa-eye-slash\"></i></button>\r\n\r\n              <ng-container *ngIf=\"copy\">\r\n                <button type=\"button\" [title]=\"'Copiar texto'\" *ngIf=\"!isCopy\" class=\"btn-icon-smart\" (click)=\"copyText()\" ><i class=\"fas fa-copy\"></i></button>\r\n                <button type=\"button\" [title]=\"'Texto copiado'\" *ngIf=\"isCopy\" class=\"btn-icon-smart\"><i class=\"fas fa-check\"></i></button>\r\n              </ng-container>\r\n            </div>\r\n          </td>\r\n\r\n        </tr>\r\n      </table>\r\n    </div>\r\n\r\n  </div>", styles: ["table{width:100%}table td.area-value{height:30px;width:100%;padding:6px 10px}table td.area-value div{color:#707070;font-size:18px;line-height:0;padding-left:7px}.box-area{border:1px solid #D5CCC3;border-radius:5px;background-color:#f1f1f1}.btn-icon-smart{color:#d5ccc3;border:none;background-color:#fff;padding:6px;cursor:pointer}.no-show{filter:blur(1.5px);color:#fff;font-size:18px;line-height:0;font-weight:400}.area-action{background:#fff;border-radius:0 5px 5px 0;height:30px}.options-area-actions{width:60px;display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiLabelTokenComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiLabelTokenComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tcloud-ui-label-token', template: "<div>\r\n\r\n    <div class=\"mb-2 box-area\">\r\n      <table>\r\n        <tr>\r\n\r\n          <td class=\"area-value\">\r\n            <div *ngIf=\"show\">{{ value }}</div>\r\n            <div class=\"no-show\" *ngIf=\"!show\">#*#*#*#*#*#*#*#*#</div>\r\n          </td>\r\n\r\n          <td class=\"area-action\">\r\n            <div class=\"options-area-actions\">\r\n              <button type=\"button\" *ngIf=\"show\" class=\"btn-icon-smart\"  (click)=\"show = !show\" ><i class=\"fas fa-eye\"></i></button>\r\n              <button type=\"button\" *ngIf=\"!show\" class=\"btn-icon-smart\" (click)=\"show = !show\"><i class=\"fas fa-eye-slash\"></i></button>\r\n\r\n              <ng-container *ngIf=\"copy\">\r\n                <button type=\"button\" [title]=\"'Copiar texto'\" *ngIf=\"!isCopy\" class=\"btn-icon-smart\" (click)=\"copyText()\" ><i class=\"fas fa-copy\"></i></button>\r\n                <button type=\"button\" [title]=\"'Texto copiado'\" *ngIf=\"isCopy\" class=\"btn-icon-smart\"><i class=\"fas fa-check\"></i></button>\r\n              </ng-container>\r\n            </div>\r\n          </td>\r\n\r\n        </tr>\r\n      </table>\r\n    </div>\r\n\r\n  </div>", styles: ["table{width:100%}table td.area-value{height:30px;width:100%;padding:6px 10px}table td.area-value div{color:#707070;font-size:18px;line-height:0;padding-left:7px}.box-area{border:1px solid #D5CCC3;border-radius:5px;background-color:#f1f1f1}.btn-icon-smart{color:#d5ccc3;border:none;background-color:#fff;padding:6px;cursor:pointer}.no-show{filter:blur(1.5px);color:#fff;font-size:18px;line-height:0;font-weight:400}.area-action{background:#fff;border-radius:0 5px 5px 0;height:30px}.options-area-actions{width:60px;display:flex;justify-content:center}\n"] }]
         }], ctorParameters: () => [], propDecorators: { copy: [{

package/esm2022/lib/_modules/tcloud-ui-label-token/tcloud-ui-label-token.module.mjs

@@ -4,15 +4,15 @@ import { TCloudUiLabelTokenComponent } from './tcloud-ui-label-token.component';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i0 from "@angular/core";
 export class TCloudUiLabelTokenModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiLabelTokenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiLabelTokenModule, declarations: [TCloudUiLabelTokenComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiLabelTokenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiLabelTokenModule, declarations: [TCloudUiLabelTokenComponent], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule], exports: [TCloudUiLabelTokenComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiLabelTokenModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiLabelTokenModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiLabelTokenModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiLabelTokenModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/_modules/tcloud-ui-line-step-circle/tcloud-ui-line-step-circle.component.mjs

@@ -75,10 +75,10 @@ export class TCloudUiLineStepCircleComponent {
         }
         this.trilha = trilha;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiLineStepCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: TCloudUiLineStepCircleComponent, selector: "tcloud-ui-line-step-circle", inputs: { step: "step", active: "active", inactives: "inactives", complete: "complete" }, ngImport: i0, template: "<table class=\"tcloud-ui-line-step-circle table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\r\n  <tr>\r\n    <ng-container *ngFor=\"let fase of trilha; let i = index\" >\r\n      <td class=\"area-circle\">\r\n        <!-- <i class=\"fas fa-circle icon-{{ fase.class }} {{ fase.second_class }} \"></i> -->\r\n\r\n        <div class=\"tc-circle icon-{{ fase.class }} {{ fase.second_class }}\"></div>\r\n      \r\n      </td>\r\n      <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\r\n        <div class=\"step-line {{ fase.class }}\"></div>\r\n      </td>\r\n    </ng-container>\r\n  </tr>\r\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.step-default{background-color:var(--tc-gray-300)}.step-progress{background-color:var(--tc-complemt-2)!important}.icon-step-default{background-color:var(--tc-gray-300)}.icon-step-progress{background-color:var(--tc-complemt-2)}.icon-step-active{background-color:var(--orange)}.step-inactive{background-color:var(--tc-gray-300)!important}.tc-circle{height:13px;width:13px;border-radius:50%;position:relative;z-index:1;font-size:13px}\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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiLineStepCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: TCloudUiLineStepCircleComponent, selector: "tcloud-ui-line-step-circle", inputs: { step: "step", active: "active", inactives: "inactives", complete: "complete" }, ngImport: i0, template: "<table class=\"tcloud-ui-line-step-circle table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\r\n  <tr>\r\n    <ng-container *ngFor=\"let fase of trilha; let i = index\" >\r\n      <td class=\"area-circle\">\r\n        <!-- <i class=\"fas fa-circle icon-{{ fase.class }} {{ fase.second_class }} \"></i> -->\r\n\r\n        <div class=\"tc-circle icon-{{ fase.class }} {{ fase.second_class }}\"></div>\r\n      \r\n      </td>\r\n      <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\r\n        <div class=\"step-line {{ fase.class }}\"></div>\r\n      </td>\r\n    </ng-container>\r\n  </tr>\r\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.step-default{background-color:var(--tc-gray-300)}.step-progress{background-color:var(--tc-complemt-2)!important}.icon-step-default{background-color:var(--tc-gray-300)}.icon-step-progress{background-color:var(--tc-complemt-2)}.icon-step-active{background-color:var(--orange)}.step-inactive{background-color:var(--tc-gray-300)!important}.tc-circle{height:13px;width:13px;border-radius:50%;position:relative;z-index:1;font-size:13px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiLineStepCircleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiLineStepCircleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tcloud-ui-line-step-circle', template: "<table class=\"tcloud-ui-line-step-circle table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\r\n  <tr>\r\n    <ng-container *ngFor=\"let fase of trilha; let i = index\" >\r\n      <td class=\"area-circle\">\r\n        <!-- <i class=\"fas fa-circle icon-{{ fase.class }} {{ fase.second_class }} \"></i> -->\r\n\r\n        <div class=\"tc-circle icon-{{ fase.class }} {{ fase.second_class }}\"></div>\r\n      \r\n      </td>\r\n      <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\r\n        <div class=\"step-line {{ fase.class }}\"></div>\r\n      </td>\r\n    </ng-container>\r\n  </tr>\r\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.step-default{background-color:var(--tc-gray-300)}.step-progress{background-color:var(--tc-complemt-2)!important}.icon-step-default{background-color:var(--tc-gray-300)}.icon-step-progress{background-color:var(--tc-complemt-2)}.icon-step-active{background-color:var(--orange)}.step-inactive{background-color:var(--tc-gray-300)!important}.tc-circle{height:13px;width:13px;border-radius:50%;position:relative;z-index:1;font-size:13px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { step: [{

package/esm2022/lib/_modules/tcloud-ui-line-step-circle/tcloud-ui-line-step-circle.module.mjs

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { TCloudUiLineStepCircleComponent } from './tcloud-ui-line-step-circle.component';
 import * as i0 from "@angular/core";
 export class TCloudUiLineStepCircleModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiLineStepCircleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiLineStepCircleModule, declarations: [TCloudUiLineStepCircleComponent], imports: [CommonModule], exports: [TCloudUiLineStepCircleComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiLineStepCircleModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiLineStepCircleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiLineStepCircleModule, declarations: [TCloudUiLineStepCircleComponent], imports: [CommonModule], exports: [TCloudUiLineStepCircleComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiLineStepCircleModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiLineStepCircleModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TCloudUiLineStepCircleModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [