@dev-tcloud/tcloud-ui 2.1.7 → 2.2.0

package/fesm2022/dev-tcloud-tcloud-ui.mjs

@@ -815,11 +815,11 @@ class TCloudUiModalFooterComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiModalFooterComponent, deps: [{ token: TcloudModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TCloudUiModalFooterComponent, selector: "tcloud-ui-modal-footer", inputs: { btnCloseText: "btnCloseText", btnCancelText: "btnCancelText", btnConfirmText: "btnConfirmText" }, viewQueries: [{ propertyName: "_formulario", first: true, predicate: ["_formulario"], descendants: true }], ngImport: i0, template: "<div class=\"tcloud-ui-modal-footer tc-modal-footer\">\r\n\r\n  <div class=\"input-confirm\" *ngIf=\"param_confirm && param_confirm.confirmText\">\r\n    <p>Digite a palavra <strong>&quot;{{ param_confirm.confirmText }}&quot;</strong> para confirmar.</p>\r\n    \r\n    <form #_formulario=\"ngForm\" (ngSubmit)=\"toConfirm(_formulario.valid)\">\r\n      <input \r\n        [disabled]=\"loading\"\r\n        placeholder=\"{{ param_confirm.confirmText }}\"\r\n        name=\"txt_value\" \r\n        [(ngModel)]=\"txt_value\" \r\n        type=\"text\" \r\n        class=\"tc-form-confirm\" \r\n        required \r\n        [class.different-text]=\"(txt_value).length >= (param_confirm.confirmText).length && (txt_value).toLowerCase() !== (param_confirm.confirmText).toLowerCase()\" >\r\n    </form>\r\n\r\n  </div>\r\n\r\n  <hr>\r\n\r\n  <div class=\"actions-footer {{ (loading) ? 'state-loading' : '' }}\">\r\n    <!-- {{ param_confirm | json }} -->\r\n    <button [disabled]=\"loading\" *ngIf=\"param_confirm && !param_confirm.confirm\" type=\"button\" class=\"tc-btn margin-l-5\" (click)=\"toClose()\">{{ btnCloseText }}</button>\r\n\r\n    <button [disabled]=\"loading\" *ngIf=\"param_confirm && param_confirm.confirm\" type=\"button\" class=\"tc-btn margin-l-5\" (click)=\"toCancel()\">{{ btnCancelText }}</button>\r\n    <button [disabled]=\"(txt_value).toLowerCase() !== (param_confirm.confirmText).toLowerCase() || loading\" *ngIf=\"param_confirm && param_confirm.confirm\" type=\"button\" class=\"tc-btn tc-btn-primary margin-l-5\" (click)=\"toConfirm(_formulario?.valid)\">{{ btnConfirmText }}</button>\r\n\r\n  </div>\r\n</div>\r\n", styles: [".actions-footer{text-align:right}.ng-valid.ng-touched.different-text{border-color:#fb9c23}.form-confirm{max-width:200px}button:disabled{opacity:.7!important;cursor:not-allowed}.input-confirm{padding:5px 14px}.state-loading button{cursor:progress!important}.margin-l-5{margin-left:5px}\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.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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TCloudUiModalFooterComponent, selector: "tcloud-ui-modal-footer", inputs: { btnCloseText: "btnCloseText", btnCancelText: "btnCancelText", btnConfirmText: "btnConfirmText" }, viewQueries: [{ propertyName: "_formulario", first: true, predicate: ["_formulario"], descendants: true }], ngImport: i0, template: "<div class=\"tcloud-ui-modal-footer tc-modal-footer\">\r\n\r\n  <div class=\"input-confirm\" *ngIf=\"param_confirm && param_confirm.confirmText\">\r\n    <p>Digite a palavra <strong>&quot;{{ param_confirm.confirmText }}&quot;</strong> para confirmar.</p>\r\n    \r\n    <form #_formulario=\"ngForm\" (ngSubmit)=\"toConfirm(_formulario.valid)\">\r\n      <input \r\n        [disabled]=\"loading\"\r\n        placeholder=\"{{ param_confirm.confirmText }}\"\r\n        name=\"txt_value\" \r\n        [(ngModel)]=\"txt_value\" \r\n        type=\"text\" \r\n        class=\"tc-form-confirm tc-form-control\" \r\n        required \r\n        [class.different-text]=\"(txt_value).length >= (param_confirm.confirmText).length && (txt_value).toLowerCase() !== (param_confirm.confirmText).toLowerCase()\" >\r\n    </form>\r\n\r\n  </div>\r\n\r\n  <hr>\r\n\r\n  <div class=\"actions-footer {{ (loading) ? 'state-loading' : '' }}\">\r\n    <!-- {{ param_confirm | json }} -->\r\n    <button [disabled]=\"loading\" *ngIf=\"param_confirm && !param_confirm.confirm\" type=\"button\" class=\"tc-btn margin-l-5\" (click)=\"toClose()\">{{ btnCloseText }}</button>\r\n\r\n    <button [disabled]=\"loading\" *ngIf=\"param_confirm && param_confirm.confirm\" type=\"button\" class=\"tc-btn margin-l-5\" (click)=\"toCancel()\">{{ btnCancelText }}</button>\r\n    <button [disabled]=\"(txt_value).toLowerCase() !== (param_confirm.confirmText).toLowerCase() || loading\" *ngIf=\"param_confirm && param_confirm.confirm\" type=\"button\" class=\"tc-btn tc-btn-primary margin-l-5\" (click)=\"toConfirm(_formulario?.valid)\">{{ btnConfirmText }}</button>\r\n\r\n  </div>\r\n</div>\r\n", styles: [".actions-footer{text-align:right}.ng-valid.ng-touched.different-text{border-color:#fb9c23}.form-confirm{max-width:200px}button:disabled{opacity:.7!important;cursor:not-allowed}.input-confirm{padding:5px 14px}.state-loading button{cursor:progress!important}.margin-l-5{margin-left:5px}.tc-form-confirm{max-width:240px}\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.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: "16.2.12", ngImport: i0, type: TCloudUiModalFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tcloud-ui-modal-footer', template: "<div class=\"tcloud-ui-modal-footer tc-modal-footer\">\r\n\r\n  <div class=\"input-confirm\" *ngIf=\"param_confirm && param_confirm.confirmText\">\r\n    <p>Digite a palavra <strong>&quot;{{ param_confirm.confirmText }}&quot;</strong> para confirmar.</p>\r\n    \r\n    <form #_formulario=\"ngForm\" (ngSubmit)=\"toConfirm(_formulario.valid)\">\r\n      <input \r\n        [disabled]=\"loading\"\r\n        placeholder=\"{{ param_confirm.confirmText }}\"\r\n        name=\"txt_value\" \r\n        [(ngModel)]=\"txt_value\" \r\n        type=\"text\" \r\n        class=\"tc-form-confirm\" \r\n        required \r\n        [class.different-text]=\"(txt_value).length >= (param_confirm.confirmText).length && (txt_value).toLowerCase() !== (param_confirm.confirmText).toLowerCase()\" >\r\n    </form>\r\n\r\n  </div>\r\n\r\n  <hr>\r\n\r\n  <div class=\"actions-footer {{ (loading) ? 'state-loading' : '' }}\">\r\n    <!-- {{ param_confirm | json }} -->\r\n    <button [disabled]=\"loading\" *ngIf=\"param_confirm && !param_confirm.confirm\" type=\"button\" class=\"tc-btn margin-l-5\" (click)=\"toClose()\">{{ btnCloseText }}</button>\r\n\r\n    <button [disabled]=\"loading\" *ngIf=\"param_confirm && param_confirm.confirm\" type=\"button\" class=\"tc-btn margin-l-5\" (click)=\"toCancel()\">{{ btnCancelText }}</button>\r\n    <button [disabled]=\"(txt_value).toLowerCase() !== (param_confirm.confirmText).toLowerCase() || loading\" *ngIf=\"param_confirm && param_confirm.confirm\" type=\"button\" class=\"tc-btn tc-btn-primary margin-l-5\" (click)=\"toConfirm(_formulario?.valid)\">{{ btnConfirmText }}</button>\r\n\r\n  </div>\r\n</div>\r\n", styles: [".actions-footer{text-align:right}.ng-valid.ng-touched.different-text{border-color:#fb9c23}.form-confirm{max-width:200px}button:disabled{opacity:.7!important;cursor:not-allowed}.input-confirm{padding:5px 14px}.state-loading button{cursor:progress!important}.margin-l-5{margin-left:5px}\n"] }]
+            args: [{ selector: 'tcloud-ui-modal-footer', template: "<div class=\"tcloud-ui-modal-footer tc-modal-footer\">\r\n\r\n  <div class=\"input-confirm\" *ngIf=\"param_confirm && param_confirm.confirmText\">\r\n    <p>Digite a palavra <strong>&quot;{{ param_confirm.confirmText }}&quot;</strong> para confirmar.</p>\r\n    \r\n    <form #_formulario=\"ngForm\" (ngSubmit)=\"toConfirm(_formulario.valid)\">\r\n      <input \r\n        [disabled]=\"loading\"\r\n        placeholder=\"{{ param_confirm.confirmText }}\"\r\n        name=\"txt_value\" \r\n        [(ngModel)]=\"txt_value\" \r\n        type=\"text\" \r\n        class=\"tc-form-confirm tc-form-control\" \r\n        required \r\n        [class.different-text]=\"(txt_value).length >= (param_confirm.confirmText).length && (txt_value).toLowerCase() !== (param_confirm.confirmText).toLowerCase()\" >\r\n    </form>\r\n\r\n  </div>\r\n\r\n  <hr>\r\n\r\n  <div class=\"actions-footer {{ (loading) ? 'state-loading' : '' }}\">\r\n    <!-- {{ param_confirm | json }} -->\r\n    <button [disabled]=\"loading\" *ngIf=\"param_confirm && !param_confirm.confirm\" type=\"button\" class=\"tc-btn margin-l-5\" (click)=\"toClose()\">{{ btnCloseText }}</button>\r\n\r\n    <button [disabled]=\"loading\" *ngIf=\"param_confirm && param_confirm.confirm\" type=\"button\" class=\"tc-btn margin-l-5\" (click)=\"toCancel()\">{{ btnCancelText }}</button>\r\n    <button [disabled]=\"(txt_value).toLowerCase() !== (param_confirm.confirmText).toLowerCase() || loading\" *ngIf=\"param_confirm && param_confirm.confirm\" type=\"button\" class=\"tc-btn tc-btn-primary margin-l-5\" (click)=\"toConfirm(_formulario?.valid)\">{{ btnConfirmText }}</button>\r\n\r\n  </div>\r\n</div>\r\n", styles: [".actions-footer{text-align:right}.ng-valid.ng-touched.different-text{border-color:#fb9c23}.form-confirm{max-width:200px}button:disabled{opacity:.7!important;cursor:not-allowed}.input-confirm{padding:5px 14px}.state-loading button{cursor:progress!important}.margin-l-5{margin-left:5px}.tc-form-confirm{max-width:240px}\n"] }]
         }], ctorParameters: function () { return [{ type: TcloudModalService }]; }, propDecorators: { btnCloseText: [{
                 type: Input
             }], btnCancelText: [{
@@ -5285,11 +5285,11 @@ class TCloudUiWelcomeComponent {
     ngOnInit() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiWelcomeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TCloudUiWelcomeComponent, selector: "tcloud-ui-welcome", inputs: { imgSrc: "imgSrc", title: "title", description: "description", size: "size", font: "font", mirrored: "mirrored" }, ngImport: i0, template: "<div class=\"tcloud-ui-welcome\">\r\n    <div class=\"row\">\r\n\r\n        <ng-container>\r\n            <div class=\"{{ col4 }} text-center\" *ngIf=\"imgSrc !== ''\" >\r\n                <img class=\"containt-img-{{ size }}\" src=\"{{ imgSrc }}\">\r\n            </div>\r\n            <div class=\"{{ (imgSrc === '') ? col12 : col8 }} text-center\">\r\n                <div class=\"info-new-window\">\r\n\r\n                    <div class=\"w-info-text\" *ngIf=\"title !== ''\" [innerHTML]=\"title\" ></div>\r\n                    \r\n                    <div class=\"info-{{ font }}\" *ngIf=\"description !== ''\" [innerHTML]=\"description\"></div>\r\n                    \r\n                    <div class=\"mt-5 text-center\">\r\n                        <ng-content></ng-content>\r\n                    </div>\r\n            \r\n                </div>\r\n            </div>\r\n        </ng-container>\r\n\r\n    </div>\r\n</div>", styles: [".containt-img-small{text-align:center;width:100%;max-width:370px;max-height:310px;padding:10px}.w-info-text{color:var(--tc-primary);font-size:1.5em}.containt-img-normal{text-align:center;width:100%;max-width:540px;max-height:345px;padding:10px}.containt-img-big{text-align:center;width:100%;max-width:640px;max-height:425px;padding:10px}.info-new-window{position:relative;top:50%;transform:translateY(-50%)}.info-small{font-size:.7rem}.info-normal{font-size:.8rem}.info-big{font-size:1rem}.top-info{font-size:15px}h2{color:var(--tc-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TCloudUiWelcomeComponent, selector: "tcloud-ui-welcome", inputs: { imgSrc: "imgSrc", title: "title", description: "description", size: "size", font: "font", mirrored: "mirrored" }, ngImport: i0, template: "<div class=\"tcloud-ui-welcome\">\r\n    <div class=\"row\">\r\n\r\n        <ng-container>\r\n            <div class=\"{{ col4 }} text-center\" *ngIf=\"imgSrc !== ''\" >\r\n                <img class=\"containt-img-{{ size }}\" src=\"{{ imgSrc }}\">\r\n            </div>\r\n            <div class=\"{{ (imgSrc === '') ? col12 : col8 }} text-center\">\r\n                <div>\r\n\r\n                    <div class=\"w-info-text\" *ngIf=\"title !== ''\" [innerHTML]=\"title\" ></div>\r\n                    \r\n                    <div class=\"info-{{ font }}\" *ngIf=\"description !== ''\" [innerHTML]=\"description\"></div>\r\n                    \r\n                    <div class=\"mt-5 text-center\">\r\n                        <ng-content></ng-content>\r\n                    </div>\r\n            \r\n                </div>\r\n            </div>\r\n        </ng-container>\r\n\r\n    </div>\r\n</div>", styles: [".containt-img-small{text-align:center;width:100%;max-width:370px;max-height:310px;padding:10px}.w-info-text{color:var(--tc-primary);font-size:1.5em}.containt-img-normal{text-align:center;width:100%;max-width:540px;max-height:345px;padding:10px}.containt-img-big{text-align:center;width:100%;max-width:640px;max-height:425px;padding:10px}.info-small{font-size:.7rem}.info-normal{font-size:.8rem}.info-big{font-size:1rem}.top-info{font-size:15px}h2{color:var(--tc-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiWelcomeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tcloud-ui-welcome', template: "<div class=\"tcloud-ui-welcome\">\r\n    <div class=\"row\">\r\n\r\n        <ng-container>\r\n            <div class=\"{{ col4 }} text-center\" *ngIf=\"imgSrc !== ''\" >\r\n                <img class=\"containt-img-{{ size }}\" src=\"{{ imgSrc }}\">\r\n            </div>\r\n            <div class=\"{{ (imgSrc === '') ? col12 : col8 }} text-center\">\r\n                <div class=\"info-new-window\">\r\n\r\n                    <div class=\"w-info-text\" *ngIf=\"title !== ''\" [innerHTML]=\"title\" ></div>\r\n                    \r\n                    <div class=\"info-{{ font }}\" *ngIf=\"description !== ''\" [innerHTML]=\"description\"></div>\r\n                    \r\n                    <div class=\"mt-5 text-center\">\r\n                        <ng-content></ng-content>\r\n                    </div>\r\n            \r\n                </div>\r\n            </div>\r\n        </ng-container>\r\n\r\n    </div>\r\n</div>", styles: [".containt-img-small{text-align:center;width:100%;max-width:370px;max-height:310px;padding:10px}.w-info-text{color:var(--tc-primary);font-size:1.5em}.containt-img-normal{text-align:center;width:100%;max-width:540px;max-height:345px;padding:10px}.containt-img-big{text-align:center;width:100%;max-width:640px;max-height:425px;padding:10px}.info-new-window{position:relative;top:50%;transform:translateY(-50%)}.info-small{font-size:.7rem}.info-normal{font-size:.8rem}.info-big{font-size:1rem}.top-info{font-size:15px}h2{color:var(--tc-primary)}\n"] }]
+            args: [{ selector: 'tcloud-ui-welcome', template: "<div class=\"tcloud-ui-welcome\">\r\n    <div class=\"row\">\r\n\r\n        <ng-container>\r\n            <div class=\"{{ col4 }} text-center\" *ngIf=\"imgSrc !== ''\" >\r\n                <img class=\"containt-img-{{ size }}\" src=\"{{ imgSrc }}\">\r\n            </div>\r\n            <div class=\"{{ (imgSrc === '') ? col12 : col8 }} text-center\">\r\n                <div>\r\n\r\n                    <div class=\"w-info-text\" *ngIf=\"title !== ''\" [innerHTML]=\"title\" ></div>\r\n                    \r\n                    <div class=\"info-{{ font }}\" *ngIf=\"description !== ''\" [innerHTML]=\"description\"></div>\r\n                    \r\n                    <div class=\"mt-5 text-center\">\r\n                        <ng-content></ng-content>\r\n                    </div>\r\n            \r\n                </div>\r\n            </div>\r\n        </ng-container>\r\n\r\n    </div>\r\n</div>", styles: [".containt-img-small{text-align:center;width:100%;max-width:370px;max-height:310px;padding:10px}.w-info-text{color:var(--tc-primary);font-size:1.5em}.containt-img-normal{text-align:center;width:100%;max-width:540px;max-height:345px;padding:10px}.containt-img-big{text-align:center;width:100%;max-width:640px;max-height:425px;padding:10px}.info-small{font-size:.7rem}.info-normal{font-size:.8rem}.info-big{font-size:1rem}.top-info{font-size:15px}h2{color:var(--tc-primary)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { imgSrc: [{
                 type: Input
             }], title: [{
@@ -5649,6 +5649,128 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class TCloudUiReorderItemsComponent {
+    constructor() {
+        this.sort_items = [];
+        // psg
+        this._items = [];
+        this.itemsChange = new EventEmitter();
+    }
+    set items(v) {
+        if (v) {
+            this._items = v;
+            this.set_sort_items();
+        }
+    }
+    get items() { return this._items; }
+    ngOnInit() {
+    }
+    set_sort_items() {
+        this.sort_items = [];
+        if (this.items && (this.items).length > 0) {
+            for (let i = 0; i < (this.items).length; i++) {
+                const item = this.items[i];
+                if (item.name) {
+                    (this.sort_items).push(item.name);
+                }
+                else {
+                    (this.sort_items).push(`${item}`);
+                }
+            }
+        }
+    }
+    get_description(name) {
+        if (name) {
+            if (this.items && (this.items).length > 0) {
+                for (let i = 0; i < (this.items).length; i++) {
+                    const item = this.items[i];
+                    if (name === item.name && item.description) {
+                        return item.description;
+                    }
+                }
+            }
+        }
+        return undefined;
+    }
+    get_item(name) {
+        if (name) {
+            if (this.items && (this.items).length > 0) {
+                for (let i = 0; i < (this.items).length; i++) {
+                    const item = this.items[i];
+                    if (name === item.name && item.description) {
+                        return item;
+                    }
+                }
+            }
+        }
+        return undefined;
+    }
+    move(item, index, toIndex) {
+        if (toIndex < 0) {
+            return;
+        }
+        if (toIndex > ((this.sort_items).length - 1)) {
+            return;
+        }
+        if ((this.sort_items).length > 0) {
+            for (let i = 0; i < (this.sort_items).length; i++) {
+                if (i === index) {
+                    let aux = this.sort_items[index];
+                    this.sort_items[index] = this.sort_items[toIndex];
+                    this.sort_items[toIndex] = aux;
+                    break;
+                }
+            }
+        }
+        if (this.items && (this.items).length > 0 && this.items[0] && this.items[0].name) {
+            this.items = this.result_items();
+        }
+        else {
+            this.items = this.sort_items;
+        }
+        this.itemsChange.emit(this.items);
+    }
+    result_items() {
+        let items = [];
+        if (this.sort_items && (this.sort_items).length > 0) {
+            for (let i = 0; i < (this.sort_items).length; i++) {
+                (items).push(this.get_item(`${this.sort_items[i]}`));
+            }
+        }
+        return items;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiReorderItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TCloudUiReorderItemsComponent, selector: "tcloud-ui-reorder-items", inputs: { items: "items" }, outputs: { itemsChange: "itemsChange" }, ngImport: i0, template: "<ng-container *ngIf=\"sort_items\">\n\n\n\n    <table class=\"table-sort-items\">\n\n    \n\n\n        <ng-container *ngFor=\"let item of sort_items; let i = index\">\n\n            <tr>\n\n                <td class=\"area-name-description-item\">\n                    {{ item }}\n                    <div *ngIf=\"get_description(item)\" class=\"item-description\">\n                        {{ get_description(item) }}\n                    </div>\n                </td>\n\n                <td class=\"area-action-item\">\n                \n                    <ng-container>\n                        <div class=\"order-control\">\n                            <button class=\"btn-item-action-arrow\" (click)=\"move(item, i, (i-1))\" title=\"Alterar para cima\" [disabled]=\"i===0\">\n                                <i class=\"fas fa-caret-up p-up\" ></i>\n                            </button>\n                        </div>\n                         \n                        <div class=\"order-control\">\n                            <button class=\"btn-item-action-arrow\" (click)=\"move(item, i, (i+1))\" title=\"Alterar para baixo\" [disabled]=\"(i+1) === (sort_items).length\">\n                                <i class=\"fas fa-caret-down p-down\"></i>\n                            </button>\n                        \n                        </div>\n                    </ng-container>\n                </td>\n\n            </tr>\n        </ng-container>  \n\n    </table>\n  \n  </ng-container>", styles: [".table-sort-items{width:100%;border-collapse:initial}.order-control{text-align:center}.btn-item-action-arrow{border:none;background:none;cursor:pointer;padding:0;color:var(--tc-primary);font-size:16px;line-height:0}.btn-item-action-arrow:disabled{opacity:.4;cursor:not-allowed!important}.item-description{color:#a2a2a2}.area-name-description-item{border-radius:15px 0 0 15px;border:1px solid #ccc;padding:10px}.area-action-item{background-color:var(--tc-gray-50);border-radius:0 15px 15px 0;border:1px solid #ccc;padding:10px;width:40px}\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: "16.2.12", ngImport: i0, type: TCloudUiReorderItemsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-reorder-items', template: "<ng-container *ngIf=\"sort_items\">\n\n\n\n    <table class=\"table-sort-items\">\n\n    \n\n\n        <ng-container *ngFor=\"let item of sort_items; let i = index\">\n\n            <tr>\n\n                <td class=\"area-name-description-item\">\n                    {{ item }}\n                    <div *ngIf=\"get_description(item)\" class=\"item-description\">\n                        {{ get_description(item) }}\n                    </div>\n                </td>\n\n                <td class=\"area-action-item\">\n                \n                    <ng-container>\n                        <div class=\"order-control\">\n                            <button class=\"btn-item-action-arrow\" (click)=\"move(item, i, (i-1))\" title=\"Alterar para cima\" [disabled]=\"i===0\">\n                                <i class=\"fas fa-caret-up p-up\" ></i>\n                            </button>\n                        </div>\n                         \n                        <div class=\"order-control\">\n                            <button class=\"btn-item-action-arrow\" (click)=\"move(item, i, (i+1))\" title=\"Alterar para baixo\" [disabled]=\"(i+1) === (sort_items).length\">\n                                <i class=\"fas fa-caret-down p-down\"></i>\n                            </button>\n                        \n                        </div>\n                    </ng-container>\n                </td>\n\n            </tr>\n        </ng-container>  \n\n    </table>\n  \n  </ng-container>", styles: [".table-sort-items{width:100%;border-collapse:initial}.order-control{text-align:center}.btn-item-action-arrow{border:none;background:none;cursor:pointer;padding:0;color:var(--tc-primary);font-size:16px;line-height:0}.btn-item-action-arrow:disabled{opacity:.4;cursor:not-allowed!important}.item-description{color:#a2a2a2}.area-name-description-item{border-radius:15px 0 0 15px;border:1px solid #ccc;padding:10px}.area-action-item{background-color:var(--tc-gray-50);border-radius:0 15px 15px 0;border:1px solid #ccc;padding:10px;width:40px}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], itemsChange: [{
+                type: Output
+            }] } });
+
+class TCloudUiReorderItemsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiReorderItemsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiReorderItemsModule, declarations: [TCloudUiReorderItemsComponent], imports: [CommonModule], exports: [TCloudUiReorderItemsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiReorderItemsModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiReorderItemsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TCloudUiReorderItemsComponent
+                    ],
+                    exports: [
+                        TCloudUiReorderItemsComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ]
+                }]
+        }] });
+
 class TCloudUiModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiModule, imports: [TCloudUiModalModule,
@@ -5673,6 +5795,7 @@ class TCloudUiModule {
             TCloudUiInputPasswordModule,
             TCloudUiProgressBarModule,
             TCloudUiLoadingModule,
+            TCloudUiReorderItemsModule,
             // Directives
             TCloudUiDirectiveModule,
             // Pipes
@@ -5698,6 +5821,7 @@ class TCloudUiModule {
             TCloudUiInputPasswordModule,
             TCloudUiProgressBarModule,
             TCloudUiLoadingModule,
+            TCloudUiReorderItemsModule,
             // Directives
             TCloudUiDirectiveModule,
             // Pipes
@@ -5727,6 +5851,7 @@ class TCloudUiModule {
             TCloudUiInputPasswordModule,
             TCloudUiProgressBarModule,
             TCloudUiLoadingModule,
+            TCloudUiReorderItemsModule,
             // Directives
             TCloudUiDirectiveModule,
             // Pipes
@@ -5752,6 +5877,7 @@ class TCloudUiModule {
             TCloudUiInputPasswordModule,
             TCloudUiProgressBarModule,
             TCloudUiLoadingModule,
+            TCloudUiReorderItemsModule,
             // Directives
             TCloudUiDirectiveModule,
             // Pipes
@@ -5783,6 +5909,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TCloudUiInputPasswordModule,
                         TCloudUiProgressBarModule,
                         TCloudUiLoadingModule,
+                        TCloudUiReorderItemsModule,
                         // Directives
                         TCloudUiDirectiveModule,
                         // Pipes
@@ -5811,6 +5938,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TCloudUiInputPasswordModule,
                         TCloudUiProgressBarModule,
                         TCloudUiLoadingModule,
+                        TCloudUiReorderItemsModule,
                         // Directives
                         TCloudUiDirectiveModule,
                         // Pipes
@@ -5831,5 +5959,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, MonthNamePipe, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCloudCurrencyDirective, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionModule, TCloudUiAccordionTitleComponent, TCloudUiAlignDirective, TCloudUiChoiceIssuesComponent, TCloudUiChoiceIssuesModule, TCloudUiCubesComponent, TCloudUiDataListComponent, TCloudUiDataListModule, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerModule, TCloudUiDatepickerTimeComponent, TCloudUiDatepickerTimeModule, TCloudUiDirectiveModule, TCloudUiElCopyDirective, TCloudUiFiltersComponent, TCloudUiFiltersModule, TCloudUiHoverParentDirective, TCloudUiInputPasswordComponent, TCloudUiInputPasswordModule, TCloudUiInputSearchComponent, TCloudUiInputSearchModule, TCloudUiLineStepCircleComponent, TCloudUiLineStepCircleModule, TCloudUiLinhaLogoComponent, TCloudUiLinhaLogoModule, TCloudUiLoadingComponent, TCloudUiLoadingModule, TCloudUiLoadingTransitionsService, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModalModule, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiInputModule, TCloudUiMultiSelectComponent, TCloudUiMultiSelectModule, TCloudUiMultiplesValuesComponent, TCloudUiMultiplesValuesModule, TCloudUiNotFoundComponent, TCloudUiNotFoundModule, TCloudUiNumberStepComponent, TCloudUiNumberStepModule, TCloudUiPipesModule, TCloudUiProgressBarComponent, TCloudUiProgressBarModule, TCloudUiRangeDateComponent, TCloudUiScrollBoxComponent, TCloudUiScrollBoxModule, TCloudUiSearchInObjectService, TCloudUiTabContentComponent, TCloudUiTabHeadComponent, TCloudUiTabMenuComponent, TCloudUiTabMenuModule, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTableModule, TCloudUiTooltipDirective, TCloudUiWelcomeComponent, TCloudUiWelcomeModule, ToTextPipe };
+export { BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, MonthNamePipe, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCloudCurrencyDirective, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionModule, TCloudUiAccordionTitleComponent, TCloudUiAlignDirective, TCloudUiChoiceIssuesComponent, TCloudUiChoiceIssuesModule, TCloudUiCubesComponent, TCloudUiDataListComponent, TCloudUiDataListModule, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerModule, TCloudUiDatepickerTimeComponent, TCloudUiDatepickerTimeModule, TCloudUiDirectiveModule, TCloudUiElCopyDirective, TCloudUiFiltersComponent, TCloudUiFiltersModule, TCloudUiHoverParentDirective, TCloudUiInputPasswordComponent, TCloudUiInputPasswordModule, TCloudUiInputSearchComponent, TCloudUiInputSearchModule, TCloudUiLineStepCircleComponent, TCloudUiLineStepCircleModule, TCloudUiLinhaLogoComponent, TCloudUiLinhaLogoModule, TCloudUiLoadingComponent, TCloudUiLoadingModule, TCloudUiLoadingTransitionsService, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModalModule, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiInputModule, TCloudUiMultiSelectComponent, TCloudUiMultiSelectModule, TCloudUiMultiplesValuesComponent, TCloudUiMultiplesValuesModule, TCloudUiNotFoundComponent, TCloudUiNotFoundModule, TCloudUiNumberStepComponent, TCloudUiNumberStepModule, TCloudUiPipesModule, TCloudUiProgressBarComponent, TCloudUiProgressBarModule, TCloudUiRangeDateComponent, TCloudUiReorderItemsComponent, TCloudUiReorderItemsModule, TCloudUiScrollBoxComponent, TCloudUiScrollBoxModule, TCloudUiSearchInObjectService, TCloudUiTabContentComponent, TCloudUiTabHeadComponent, TCloudUiTabMenuComponent, TCloudUiTabMenuModule, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTableModule, TCloudUiTooltipDirective, TCloudUiWelcomeComponent, TCloudUiWelcomeModule, ToTextPipe };
 //# sourceMappingURL=dev-tcloud-tcloud-ui.mjs.map