@tsi-developpement/tsi-shared-ui 1.9.2 → 1.9.4

package/esm2022/lib/tsi-components/input-components/tsi-rate-input/tsi-rate-input.component.mjs

@@ -8,8 +8,16 @@ import * as i4 from "../../../tsi-directives/auto-select.directive";
 export class TsiRateInputComponent extends TsiInputBase {
     constructor() {
         super(...arguments);
-        // isFraction = true  : 2% est enregistré 0.02
-        // isFraction = false  : 2% est enregistré 2
+        /**
+         * Governs how the percentage the user sees/edits relates to the value stored in the model.
+         * The user always reads and types a percentage; this flag only changes what is persisted.
+         *
+         * - false (default): "2 %" on screen is stored as the whole percent `2`.
+         * - true            : "2 %" on screen is stored as the fraction `0.02`.
+         *
+         * Must match the `isFraction` given to the mirror `Tsi-Rate-Display` so the pair
+         * interprets a stored value identically.
+         */
         this.isFraction = false;
         this.numOfDecimal = 2;
         //#endregion
@@ -19,16 +27,17 @@ export class TsiRateInputComponent extends TsiInputBase {
         //#endregion
         this.isValueChanged = false;
     }
-    ngOnInit() {
-        super.ngOnInit();
-        // if (this.inputField === undefined || this.inputField === null) {
-        //   this.inputField = 0;
-        //   this.inputFieldChange.emit(this.inputField);
-        // }
+    /**
+     * The percentage shown in / typed into the p-inputNumber. It is a view-only
+     * projection of the stored model value (`inputField`), converted according to
+     * `isFraction`. The model remains the single source of truth.
+     */
+    get displayValue() {
+        return this.toDisplay(this.inputField);
     }
     valueChanged(event) {
         this.isValueChanged = true;
-        this.inputField = event;
+        this.inputField = this.toModel(event);
         this.isDirty = true;
     }
     onChangeofOptions() {
@@ -38,12 +47,32 @@ export class TsiRateInputComponent extends TsiInputBase {
             this.isValueChanged = false;
         }
     }
+    /** stored model value -> on-screen percentage */
+    toDisplay(model) {
+        if (model == null) {
+            return model;
+        }
+        return this.isFraction ? this.round(model * 100, this.numOfDecimal ?? 0) : model;
+    }
+    /** on-screen percentage -> stored model value */
+    toModel(displayValue) {
+        if (displayValue == null) {
+            return displayValue;
+        }
+        // A fraction needs two more decimals than the percentage the user typed.
+        return this.isFraction ? this.round(displayValue / 100, (this.numOfDecimal ?? 0) + 2) : displayValue;
+    }
+    /** Rounds to a fixed number of decimals, guarding against binary-float drift introduced by the x100 conversion. */
+    round(value, decimals) {
+        const factor = Math.pow(10, decimals);
+        return Math.round((value + Number.EPSILON) * factor) / factor;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiRateInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiRateInputComponent, selector: "Tsi-Rate-Input", inputs: { required: "required", isFraction: "isFraction", numOfDecimal: "numOfDecimal" }, outputs: { newItemEvent: "newItemEvent", inputFieldChange: "inputFieldChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex h-2rem\">\r\n    <p-inputNumber autoSelect class=\"{{myStyleClass}}\" \r\n        styleClass=\"{{myStyleClass}} border-radius-7\" \r\n        inputStyleClass=\"{{myStyleClass}} {{validationStatusCssClass}}\"\r\n        [disabled]=\"disabled\" [ngModel]=\"inputField\" \r\n        (ngModelChange)=\"valueChanged($event)\"\r\n        [required]=\"isRequired\"\r\n        (onBlur)=\"onChangeofOptions()\" name=\"{{inputName}}\"\r\n        id=\"{{inputId}}\" suffix=\"%\" [minFractionDigits]=\"numOfDecimal ?? 0\" [maxFractionDigits]=\"numOfDecimal ?? 0\"\r\n        [locale]=\"locale\">\r\n    </p-inputNumber>\r\n    <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [".ColorClass{background-color:#f0f;text-align:right}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: i3.TsiBubbleInfoComponent, selector: "Tsi-Bubble-Info", inputs: ["infoText"] }, { kind: "directive", type: i4.AutoSelectDirective, selector: "[autoSelect]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiRateInputComponent, selector: "Tsi-Rate-Input", inputs: { required: "required", isFraction: "isFraction", numOfDecimal: "numOfDecimal" }, outputs: { newItemEvent: "newItemEvent", inputFieldChange: "inputFieldChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex h-2rem\">\r\n    <p-inputNumber autoSelect class=\"{{myStyleClass}}\" \r\n        styleClass=\"{{myStyleClass}} border-radius-7\" \r\n        inputStyleClass=\"{{myStyleClass}} {{validationStatusCssClass}}\"\r\n        [disabled]=\"disabled\" [ngModel]=\"displayValue\"\r\n        (ngModelChange)=\"valueChanged($event)\"\r\n        [required]=\"isRequired\"\r\n        (onBlur)=\"onChangeofOptions()\" name=\"{{inputName}}\"\r\n        id=\"{{inputId}}\" suffix=\"%\" [minFractionDigits]=\"numOfDecimal ?? 0\" [maxFractionDigits]=\"numOfDecimal ?? 0\"\r\n        [locale]=\"locale\">\r\n    </p-inputNumber>\r\n    <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [".ColorClass{background-color:#f0f;text-align:right}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: i3.TsiBubbleInfoComponent, selector: "Tsi-Bubble-Info", inputs: ["infoText"] }, { kind: "directive", type: i4.AutoSelectDirective, selector: "[autoSelect]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiRateInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'Tsi-Rate-Input', template: "<div class=\"flex h-2rem\">\r\n    <p-inputNumber autoSelect class=\"{{myStyleClass}}\" \r\n        styleClass=\"{{myStyleClass}} border-radius-7\" \r\n        inputStyleClass=\"{{myStyleClass}} {{validationStatusCssClass}}\"\r\n        [disabled]=\"disabled\" [ngModel]=\"inputField\" \r\n        (ngModelChange)=\"valueChanged($event)\"\r\n        [required]=\"isRequired\"\r\n        (onBlur)=\"onChangeofOptions()\" name=\"{{inputName}}\"\r\n        id=\"{{inputId}}\" suffix=\"%\" [minFractionDigits]=\"numOfDecimal ?? 0\" [maxFractionDigits]=\"numOfDecimal ?? 0\"\r\n        [locale]=\"locale\">\r\n    </p-inputNumber>\r\n    <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [".ColorClass{background-color:#f0f;text-align:right}\n"] }]
+            args: [{ selector: 'Tsi-Rate-Input', template: "<div class=\"flex h-2rem\">\r\n    <p-inputNumber autoSelect class=\"{{myStyleClass}}\" \r\n        styleClass=\"{{myStyleClass}} border-radius-7\" \r\n        inputStyleClass=\"{{myStyleClass}} {{validationStatusCssClass}}\"\r\n        [disabled]=\"disabled\" [ngModel]=\"displayValue\"\r\n        (ngModelChange)=\"valueChanged($event)\"\r\n        [required]=\"isRequired\"\r\n        (onBlur)=\"onChangeofOptions()\" name=\"{{inputName}}\"\r\n        id=\"{{inputId}}\" suffix=\"%\" [minFractionDigits]=\"numOfDecimal ?? 0\" [maxFractionDigits]=\"numOfDecimal ?? 0\"\r\n        [locale]=\"locale\">\r\n    </p-inputNumber>\r\n    <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [".ColorClass{background-color:#f0f;text-align:right}\n"] }]
         }], propDecorators: { required: [{
                 type: Input
             }], isFraction: [{
@@ -55,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }], inputFieldChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLXJhdGUtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL2lucHV0LWNvbXBvbmVudHMvdHNpLXJhdGUtaW5wdXQvdHNpLXJhdGUtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL2lucHV0LWNvbXBvbmVudHMvdHNpLXJhdGUtaW5wdXQvdHNpLXJhdGUtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkRBQTJELENBQUM7Ozs7OztBQU96RixNQUFNLE9BQU8scUJBQXNCLFNBQVEsWUFBZ0M7SUFMM0U7O1FBVUUsOENBQThDO1FBRTlDLDRDQUE0QztRQUNuQyxlQUFVLEdBQWEsS0FBSyxDQUFDO1FBQzdCLGlCQUFZLEdBQVksQ0FBQyxDQUFDO1FBQ25DLFlBQVk7UUFFWixpQkFBaUI7UUFDUCxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDMUMscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUN4RCxZQUFZO1FBRUosbUJBQWMsR0FBWSxLQUFLLENBQUE7S0F1QnhDO0lBckJVLFFBQVE7UUFDZixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsbUVBQW1FO1FBQ25FLHlCQUF5QjtRQUN6QixpREFBaUQ7UUFDakQsSUFBSTtJQUNOLENBQUM7SUFFRCxZQUFZLENBQUMsS0FBVztRQUN0QixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQTtRQUMxQixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQTtRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQTtJQUNyQixDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO1lBQ2hELElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQzVDLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFBO1FBQzdCLENBQUM7SUFDSCxDQUFDOytHQXZDVSxxQkFBcUI7bUdBQXJCLHFCQUFxQix3UENSbEMsZ3NCQVlNOzs0RkRKTyxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQU9qQixRQUFRO3NCQUFoQixLQUFLO2dCQUtHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFJSSxZQUFZO3NCQUFyQixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVHNpSW5wdXRCYXNlIH0gZnJvbSAnLi4vLi4vLi4vdHNpLWJhc2UvdHNpLWlucHV0LWJhc2UvdHNpLWlucHV0LWJhc2UuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnVHNpLVJhdGUtSW5wdXQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90c2ktcmF0ZS1pbnB1dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdHNpLXJhdGUtaW5wdXQuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUc2lSYXRlSW5wdXRDb21wb25lbnQgZXh0ZW5kcyBUc2lJbnB1dEJhc2U8bnVtYmVyIHwgdW5kZWZpbmVkPiBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgLy8jcmVnaW9uIGlucHV0c1xyXG4gIC8vIEBJbnB1dCgpIGlucHV0RmllbGQ/OiBudW1iZXI7XHJcbiAgQElucHV0KCkgcmVxdWlyZWQ/OiBib29sZWFuO1xyXG5cclxuICAvLyBpc0ZyYWN0aW9uID0gdHJ1ZSAgOiAyJSBlc3QgZW5yZWdpc3Ryw6kgMC4wMlxyXG5cclxuICAvLyBpc0ZyYWN0aW9uID0gZmFsc2UgIDogMiUgZXN0IGVucmVnaXN0csOpIDJcclxuICBASW5wdXQoKSBpc0ZyYWN0aW9uPzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIG51bU9mRGVjaW1hbD86IG51bWJlciA9IDI7XHJcbiAgLy8jZW5kcmVnaW9uXHJcblxyXG4gIC8vI3JlZ2lvbiBvdXRwdXRzXHJcbiAgQE91dHB1dCgpIG5ld0l0ZW1FdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG4gIEBPdXRwdXQoKSBpbnB1dEZpZWxkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XHJcbiAgLy8jZW5kcmVnaW9uXHJcblxyXG4gIHByaXZhdGUgaXNWYWx1ZUNoYW5nZWQ6IGJvb2xlYW4gPSBmYWxzZVxyXG5cclxuICBvdmVycmlkZSBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHN1cGVyLm5nT25Jbml0KCk7XHJcbiAgICAvLyBpZiAodGhpcy5pbnB1dEZpZWxkID09PSB1bmRlZmluZWQgfHwgdGhpcy5pbnB1dEZpZWxkID09PSBudWxsKSB7XHJcbiAgICAvLyAgIHRoaXMuaW5wdXRGaWVsZCA9IDA7XHJcbiAgICAvLyAgIHRoaXMuaW5wdXRGaWVsZENoYW5nZS5lbWl0KHRoaXMuaW5wdXRGaWVsZCk7XHJcbiAgICAvLyB9XHJcbiAgfVxyXG5cclxuICB2YWx1ZUNoYW5nZWQoZXZlbnQgOiBhbnkpIHtcclxuICAgIHRoaXMuaXNWYWx1ZUNoYW5nZWQgPSB0cnVlXHJcbiAgICB0aGlzLmlucHV0RmllbGQgPSBldmVudFxyXG4gICAgdGhpcy5pc0RpcnR5ID0gdHJ1ZVxyXG4gIH1cclxuXHJcbiAgb25DaGFuZ2VvZk9wdGlvbnMoKSB7XHJcbiAgICBpZiAodGhpcy5pc1ZhbHVlQ2hhbmdlZCkge1xyXG4gICAgICB0aGlzLm5ld0l0ZW1FdmVudC5lbWl0KE51bWJlcih0aGlzLmlucHV0RmllbGQpKTtcclxuICAgICAgdGhpcy5pbnB1dEZpZWxkQ2hhbmdlLmVtaXQodGhpcy5pbnB1dEZpZWxkKTtcclxuICAgICAgdGhpcy5pc1ZhbHVlQ2hhbmdlZCA9IGZhbHNlXHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJmbGV4IGgtMnJlbVwiPlxyXG4gICAgPHAtaW5wdXROdW1iZXIgYXV0b1NlbGVjdCBjbGFzcz1cInt7bXlTdHlsZUNsYXNzfX1cIiBcclxuICAgICAgICBzdHlsZUNsYXNzPVwie3tteVN0eWxlQ2xhc3N9fSBib3JkZXItcmFkaXVzLTdcIiBcclxuICAgICAgICBpbnB1dFN0eWxlQ2xhc3M9XCJ7e215U3R5bGVDbGFzc319IHt7dmFsaWRhdGlvblN0YXR1c0Nzc0NsYXNzfX1cIlxyXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtuZ01vZGVsXT1cImlucHV0RmllbGRcIiBcclxuICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJ2YWx1ZUNoYW5nZWQoJGV2ZW50KVwiXHJcbiAgICAgICAgW3JlcXVpcmVkXT1cImlzUmVxdWlyZWRcIlxyXG4gICAgICAgIChvbkJsdXIpPVwib25DaGFuZ2VvZk9wdGlvbnMoKVwiIG5hbWU9XCJ7e2lucHV0TmFtZX19XCJcclxuICAgICAgICBpZD1cInt7aW5wdXRJZH19XCIgc3VmZml4PVwiJVwiIFttaW5GcmFjdGlvbkRpZ2l0c109XCJudW1PZkRlY2ltYWwgPz8gMFwiIFttYXhGcmFjdGlvbkRpZ2l0c109XCJudW1PZkRlY2ltYWwgPz8gMFwiXHJcbiAgICAgICAgW2xvY2FsZV09XCJsb2NhbGVcIj5cclxuICAgIDwvcC1pbnB1dE51bWJlcj5cclxuICAgIDxUc2ktQnViYmxlLUluZm8gW2luZm9UZXh0XT1cImluZm9UZXh0XCI+PC9Uc2ktQnViYmxlLUluZm8+XHJcbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLXJhdGUtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL2lucHV0LWNvbXBvbmVudHMvdHNpLXJhdGUtaW5wdXQvdHNpLXJhdGUtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL2lucHV0LWNvbXBvbmVudHMvdHNpLXJhdGUtaW5wdXQvdHNpLXJhdGUtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkRBQTJELENBQUM7Ozs7OztBQU96RixNQUFNLE9BQU8scUJBQXNCLFNBQVEsWUFBZ0M7SUFMM0U7O1FBU0U7Ozs7Ozs7OztXQVNHO1FBQ00sZUFBVSxHQUFhLEtBQUssQ0FBQztRQUM3QixpQkFBWSxHQUFZLENBQUMsQ0FBQztRQUNuQyxZQUFZO1FBRVosaUJBQWlCO1FBQ1AsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzFDLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDeEQsWUFBWTtRQUVKLG1CQUFjLEdBQVksS0FBSyxDQUFBO0tBK0N4QztJQTdDQzs7OztPQUlHO0lBQ0gsSUFBSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQVU7UUFDckIsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUE7UUFDMUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ3JDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFBO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7WUFDaEQsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDNUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUE7UUFDN0IsQ0FBQztJQUNILENBQUM7SUFFRCxpREFBaUQ7SUFDekMsU0FBUyxDQUFDLEtBQXlCO1FBQ3pDLElBQUksS0FBSyxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ2xCLE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQztRQUNELE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsR0FBRyxFQUFFLElBQUksQ0FBQyxZQUFZLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUNuRixDQUFDO0lBRUQsaURBQWlEO0lBQ3pDLE9BQU8sQ0FBQyxZQUFnQztRQUM5QyxJQUFJLFlBQVksSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUN6QixPQUFPLFlBQVksQ0FBQztRQUN0QixDQUFDO1FBQ0QseUVBQXlFO1FBQ3pFLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFlBQVksSUFBSSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDO0lBQ3ZHLENBQUM7SUFFRCxtSEFBbUg7SUFDM0csS0FBSyxDQUFDLEtBQWEsRUFBRSxRQUFnQjtRQUMzQyxNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsRUFBRSxRQUFRLENBQUMsQ0FBQztRQUN0QyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxHQUFHLE1BQU0sQ0FBQyxHQUFHLE1BQU0sQ0FBQztJQUNoRSxDQUFDOytHQXJFVSxxQkFBcUI7bUdBQXJCLHFCQUFxQix3UENSbEMsaXNCQVlNOzs0RkRKTyxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQU1qQixRQUFRO3NCQUFoQixLQUFLO2dCQVlHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFJSSxZQUFZO3NCQUFyQixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRzaUlucHV0QmFzZSB9IGZyb20gJy4uLy4uLy4uL3RzaS1iYXNlL3RzaS1pbnB1dC1iYXNlL3RzaS1pbnB1dC1iYXNlLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ1RzaS1SYXRlLUlucHV0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdHNpLXJhdGUtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RzaS1yYXRlLWlucHV0LmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVHNpUmF0ZUlucHV0Q29tcG9uZW50IGV4dGVuZHMgVHNpSW5wdXRCYXNlPG51bWJlciB8IHVuZGVmaW5lZD4ge1xyXG4gIC8vI3JlZ2lvbiBpbnB1dHNcclxuICBASW5wdXQoKSByZXF1aXJlZD86IGJvb2xlYW47XHJcblxyXG4gIC8qKlxyXG4gICAqIEdvdmVybnMgaG93IHRoZSBwZXJjZW50YWdlIHRoZSB1c2VyIHNlZXMvZWRpdHMgcmVsYXRlcyB0byB0aGUgdmFsdWUgc3RvcmVkIGluIHRoZSBtb2RlbC5cclxuICAgKiBUaGUgdXNlciBhbHdheXMgcmVhZHMgYW5kIHR5cGVzIGEgcGVyY2VudGFnZTsgdGhpcyBmbGFnIG9ubHkgY2hhbmdlcyB3aGF0IGlzIHBlcnNpc3RlZC5cclxuICAgKlxyXG4gICAqIC0gZmFsc2UgKGRlZmF1bHQpOiBcIjIgJVwiIG9uIHNjcmVlbiBpcyBzdG9yZWQgYXMgdGhlIHdob2xlIHBlcmNlbnQgYDJgLlxyXG4gICAqIC0gdHJ1ZSAgICAgICAgICAgIDogXCIyICVcIiBvbiBzY3JlZW4gaXMgc3RvcmVkIGFzIHRoZSBmcmFjdGlvbiBgMC4wMmAuXHJcbiAgICpcclxuICAgKiBNdXN0IG1hdGNoIHRoZSBgaXNGcmFjdGlvbmAgZ2l2ZW4gdG8gdGhlIG1pcnJvciBgVHNpLVJhdGUtRGlzcGxheWAgc28gdGhlIHBhaXJcclxuICAgKiBpbnRlcnByZXRzIGEgc3RvcmVkIHZhbHVlIGlkZW50aWNhbGx5LlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGlzRnJhY3Rpb24/OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbnVtT2ZEZWNpbWFsPzogbnVtYmVyID0gMjtcclxuICAvLyNlbmRyZWdpb25cclxuXHJcbiAgLy8jcmVnaW9uIG91dHB1dHNcclxuICBAT3V0cHV0KCkgbmV3SXRlbUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XHJcbiAgQE91dHB1dCgpIGlucHV0RmllbGRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcclxuICAvLyNlbmRyZWdpb25cclxuXHJcbiAgcHJpdmF0ZSBpc1ZhbHVlQ2hhbmdlZDogYm9vbGVhbiA9IGZhbHNlXHJcblxyXG4gIC8qKlxyXG4gICAqIFRoZSBwZXJjZW50YWdlIHNob3duIGluIC8gdHlwZWQgaW50byB0aGUgcC1pbnB1dE51bWJlci4gSXQgaXMgYSB2aWV3LW9ubHlcclxuICAgKiBwcm9qZWN0aW9uIG9mIHRoZSBzdG9yZWQgbW9kZWwgdmFsdWUgKGBpbnB1dEZpZWxkYCksIGNvbnZlcnRlZCBhY2NvcmRpbmcgdG9cclxuICAgKiBgaXNGcmFjdGlvbmAuIFRoZSBtb2RlbCByZW1haW5zIHRoZSBzaW5nbGUgc291cmNlIG9mIHRydXRoLlxyXG4gICAqL1xyXG4gIGdldCBkaXNwbGF5VmFsdWUoKTogbnVtYmVyIHwgdW5kZWZpbmVkIHtcclxuICAgIHJldHVybiB0aGlzLnRvRGlzcGxheSh0aGlzLmlucHV0RmllbGQpO1xyXG4gIH1cclxuXHJcbiAgdmFsdWVDaGFuZ2VkKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMuaXNWYWx1ZUNoYW5nZWQgPSB0cnVlXHJcbiAgICB0aGlzLmlucHV0RmllbGQgPSB0aGlzLnRvTW9kZWwoZXZlbnQpXHJcbiAgICB0aGlzLmlzRGlydHkgPSB0cnVlXHJcbiAgfVxyXG5cclxuICBvbkNoYW5nZW9mT3B0aW9ucygpIHtcclxuICAgIGlmICh0aGlzLmlzVmFsdWVDaGFuZ2VkKSB7XHJcbiAgICAgIHRoaXMubmV3SXRlbUV2ZW50LmVtaXQoTnVtYmVyKHRoaXMuaW5wdXRGaWVsZCkpO1xyXG4gICAgICB0aGlzLmlucHV0RmllbGRDaGFuZ2UuZW1pdCh0aGlzLmlucHV0RmllbGQpO1xyXG4gICAgICB0aGlzLmlzVmFsdWVDaGFuZ2VkID0gZmFsc2VcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKiBzdG9yZWQgbW9kZWwgdmFsdWUgLT4gb24tc2NyZWVuIHBlcmNlbnRhZ2UgKi9cclxuICBwcml2YXRlIHRvRGlzcGxheShtb2RlbDogbnVtYmVyIHwgdW5kZWZpbmVkKTogbnVtYmVyIHwgdW5kZWZpbmVkIHtcclxuICAgIGlmIChtb2RlbCA9PSBudWxsKSB7XHJcbiAgICAgIHJldHVybiBtb2RlbDtcclxuICAgIH1cclxuICAgIHJldHVybiB0aGlzLmlzRnJhY3Rpb24gPyB0aGlzLnJvdW5kKG1vZGVsICogMTAwLCB0aGlzLm51bU9mRGVjaW1hbCA/PyAwKSA6IG1vZGVsO1xyXG4gIH1cclxuXHJcbiAgLyoqIG9uLXNjcmVlbiBwZXJjZW50YWdlIC0+IHN0b3JlZCBtb2RlbCB2YWx1ZSAqL1xyXG4gIHByaXZhdGUgdG9Nb2RlbChkaXNwbGF5VmFsdWU6IG51bWJlciB8IHVuZGVmaW5lZCk6IG51bWJlciB8IHVuZGVmaW5lZCB7XHJcbiAgICBpZiAoZGlzcGxheVZhbHVlID09IG51bGwpIHtcclxuICAgICAgcmV0dXJuIGRpc3BsYXlWYWx1ZTtcclxuICAgIH1cclxuICAgIC8vIEEgZnJhY3Rpb24gbmVlZHMgdHdvIG1vcmUgZGVjaW1hbHMgdGhhbiB0aGUgcGVyY2VudGFnZSB0aGUgdXNlciB0eXBlZC5cclxuICAgIHJldHVybiB0aGlzLmlzRnJhY3Rpb24gPyB0aGlzLnJvdW5kKGRpc3BsYXlWYWx1ZSAvIDEwMCwgKHRoaXMubnVtT2ZEZWNpbWFsID8/IDApICsgMikgOiBkaXNwbGF5VmFsdWU7XHJcbiAgfVxyXG5cclxuICAvKiogUm91bmRzIHRvIGEgZml4ZWQgbnVtYmVyIG9mIGRlY2ltYWxzLCBndWFyZGluZyBhZ2FpbnN0IGJpbmFyeS1mbG9hdCBkcmlmdCBpbnRyb2R1Y2VkIGJ5IHRoZSB4MTAwIGNvbnZlcnNpb24uICovXHJcbiAgcHJpdmF0ZSByb3VuZCh2YWx1ZTogbnVtYmVyLCBkZWNpbWFsczogbnVtYmVyKTogbnVtYmVyIHtcclxuICAgIGNvbnN0IGZhY3RvciA9IE1hdGgucG93KDEwLCBkZWNpbWFscyk7XHJcbiAgICByZXR1cm4gTWF0aC5yb3VuZCgodmFsdWUgKyBOdW1iZXIuRVBTSUxPTikgKiBmYWN0b3IpIC8gZmFjdG9yO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBoLTJyZW1cIj5cclxuICAgIDxwLWlucHV0TnVtYmVyIGF1dG9TZWxlY3QgY2xhc3M9XCJ7e215U3R5bGVDbGFzc319XCIgXHJcbiAgICAgICAgc3R5bGVDbGFzcz1cInt7bXlTdHlsZUNsYXNzfX0gYm9yZGVyLXJhZGl1cy03XCIgXHJcbiAgICAgICAgaW5wdXRTdHlsZUNsYXNzPVwie3tteVN0eWxlQ2xhc3N9fSB7e3ZhbGlkYXRpb25TdGF0dXNDc3NDbGFzc319XCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbbmdNb2RlbF09XCJkaXNwbGF5VmFsdWVcIlxyXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInZhbHVlQ2hhbmdlZCgkZXZlbnQpXCJcclxuICAgICAgICBbcmVxdWlyZWRdPVwiaXNSZXF1aXJlZFwiXHJcbiAgICAgICAgKG9uQmx1cik9XCJvbkNoYW5nZW9mT3B0aW9ucygpXCIgbmFtZT1cInt7aW5wdXROYW1lfX1cIlxyXG4gICAgICAgIGlkPVwie3tpbnB1dElkfX1cIiBzdWZmaXg9XCIlXCIgW21pbkZyYWN0aW9uRGlnaXRzXT1cIm51bU9mRGVjaW1hbCA/PyAwXCIgW21heEZyYWN0aW9uRGlnaXRzXT1cIm51bU9mRGVjaW1hbCA/PyAwXCJcclxuICAgICAgICBbbG9jYWxlXT1cImxvY2FsZVwiPlxyXG4gICAgPC9wLWlucHV0TnVtYmVyPlxyXG4gICAgPFRzaS1CdWJibGUtSW5mbyBbaW5mb1RleHRdPVwiaW5mb1RleHRcIj48L1RzaS1CdWJibGUtSW5mbz5cclxuPC9kaXY+Il19

package/esm2022/lib/tsi-components/manage-import-export/manage-import-export.component.mjs

@@ -489,7 +489,7 @@ export class ManageImportExportComponent extends TsiFormComponentBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ManageImportExportComponent, deps: [{ token: i1.ModeleImportService }, { token: i1.TsiConfirmationService }, { token: i1.TsiNotificationService }, { token: i2.DynamicDialogConfig }, { token: i1.TsiModalService }, { token: i1.ErrorResponseManagerService }, { token: i2.DynamicDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ManageImportExportComponent, selector: "app-manage-import-export", providers: [...appProviders], viewQueries: [{ propertyName: "gridComponent", first: true, predicate: TsiViewGridComponent, descendants: true }, { propertyName: "fileUploader", first: true, predicate: ["fileUpload"], descendants: true }, { propertyName: "viewGridComponent", first: true, predicate: ["viewGrid"], descendants: true }, { propertyName: "importFileToExecuteFileUpload", first: true, predicate: ["importFileToExecuteFileUpload"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<p-tabView>\r\n  <p-tabPanel [header]=\"'shared_execute_import_model_import_export' | localize\" class=\"pt-3 px-2\">\r\n    <div class=\"card\">\r\n      <div *busy=\"isloading\"></div>\r\n      <div class=\"grid\">\r\n        <div class=\"grid col-10\">\r\n          <div>\r\n            <Tsi-Label class=\"col-2\" [labelValue]=\"'shared_reporting_form'\">\r\n            </Tsi-Label>\r\n            <!-- <p-dropdown class=\"col-10 tsi-component\" class=\"tsi-component\" styleClass=\"tsi-component\" appendTp=\"body\"\r\n                optionLabel=\"value\" optionValue=\"key\" [filter]=\"true\"\r\n                filterBy=\"value\" [showClear]=\"true\" placeholder=\"{{'shared_reporting_select_form' | localize}}\"\r\n                [disabled]=\"true\">\r\n              </p-dropdown> -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <p-toolbar styleClass=\"mb-4 gap-2\">\r\n        <ng-template pTemplate=\"left\">\r\n          <Tsi-Button [text]=\"'shared_reporting_add_report' | localize\"\r\n            icon=\"p-button-icon p-button-icon-left pi pi-plus\"\r\n            styleClass=\"p-element p-button-success mr-2 p-button p-component ng-star-inserted p-button-label\"\r\n            (click)=\"openModal()\"></Tsi-Button>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"right\">\r\n          <p-fileUpload #fileUpload name=\"demo[]\" (onBeforeUpload)=\"onImportFile($event)\"\r\n            (onSelect)=\"onFileSelected($event)\" (onClear)=\"onClear($event)\" (onRemove)=\"onRemove($event)\"\r\n            [multiple]=\"false\" accept=\"application/json\" [maxFileSize]=\"1000000\"\r\n            [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n            [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n            [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n            [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n            [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n            [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n            [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n            removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n            [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n            [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n            <ng-template *ngIf=\"toUploadFileData\" pTemplate=\"fileupload-content\" let-files>\r\n              <div *ngIf=\"files?.length\">\r\n                <strong>{{ files[0].name }}</strong>\r\n              </div>\r\n            </ng-template>\r\n          </p-fileUpload>\r\n        </ng-template>\r\n      </p-toolbar>\r\n\r\n      <tsi-view-grid #viewGrid [header]=\"'shared_execute_import_model_import_export'  |localize\"\r\n        [searchFields]=\"searchFields\" [showConsultButton]=\"false\" [getDataFromApi]=\"true\"\r\n        [crudService]=\"modeleImportService\" (buttonColumnClicked)=\"buttonClicked($event)\"\r\n        [formName]=\"'app-manage-import-export'\" [columns]=\"columns\" key=\"uid\" [selectKeyOnly]=\"false\">\r\n      </tsi-view-grid>\r\n    </div>\r\n  </p-tabPanel>\r\n\r\n  <p-tabPanel [header]=\"'shared_execute_import_model_import_export_default' | localize\" class=\"pt-3 px-2\">\r\n    <div class=\"grid\">\r\n      <tsi-view-grid class=\"col-12\" [header]=\"'shared_execute_import_model_import_export_default'  |localize\"\r\n        [columns]=\"columnsJson\" [getDataFromApi]=\"false\" [gridData]=\"gridData\" [key]=\"key\"\r\n        [formName]=\"'modele-import-par-default'\"\r\n        (buttonColumnClicked)=\"handleButtonColumnExecuteClicked($event)\"></tsi-view-grid>\r\n    </div>\r\n  </p-tabPanel>\r\n\r\n  <p-tabPanel [header]=\"'shared_execute_import_history' | localize\" class=\"pt-3 px-2\">\r\n    <div class=\"grid\">\r\n      <tsi-view-grid class=\"col-12\" [header]=\"'shared_execute_import_history'  |localize\" [columns]=\"columnsHistory\"\r\n        [getDataFromApi]=\"false\" [gridData]=\"historyGridData\" [key]=\"importHistoryKey\"\r\n        [formName]=\"'modele-import-par-default'\"\r\n        (buttonColumnClicked)=\"handleButtonColumnExecuteClicked($event)\"></tsi-view-grid>\r\n    </div>\r\n  </p-tabPanel>\r\n\r\n  <p-tabPanel [header]=\"'shared_execute_import_without_model' | localize\" class=\"pt-3 px-2\">\r\n    <div *busy=\"isloading\"></div>\r\n    <ng-template pTemplate=\"body\">\r\n      <p-fileUpload #importFileToReportFileUpload name=\"importFileToReport\" [multiple]=\"false\"\r\n        (onSelect)=\"onImportFileWithoutModel_FileSelected($event)\" (onClear)=\"onImportFileWithoutModel_Clear($event)\"\r\n        (onBeforeUpload)=\"onImportFileWithoutModel_ImportFile($event)\"\r\n        (onRemove)=\"onImportFileWithoutModel_Remove($event)\" accept=\".xls,.xlsx\" [maxFileSize]=\"10000000\"\r\n        [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n        [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n        [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n        [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n        [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n        [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n        [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n        removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n        [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n        [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n        <ng-template *ngIf=\"toUploadWithoutModel\" pTemplate=\"fileupload-content\" let-files>\r\n          <div *ngIf=\"files?.length\">\r\n            <strong>{{ files[0].name }}</strong>\r\n          </div>\r\n        </ng-template>\r\n      </p-fileUpload>\r\n    </ng-template>\r\n  </p-tabPanel>\r\n\r\n  <p-tabPanel [header]=\"'shared_import_result_header' | localize\" class=\"pt-3 px-2\">\r\n\r\n    <div class=\"p-1\">\r\n      <Tsi-Button (onClick)=\"getImportResult()\"\r\n        styleClass=\"p-element p-button-text p-button-raised p-button-rounded mr-2 p-button p-component p-button-icon-only\"\r\n        [tooltipText]=\"'shared_import_export_refresh'\" [tooltipPosition]=\"tooltipPosition.Top\"\r\n        icon=\"p-button-icon pi pi-refresh\" class=\"p-button-text p-button-raised p-button-rounded mr-2\"></Tsi-Button>\r\n    </div>\r\n\r\n    <div class=\"grid\">\r\n      <tsi-view-grid class=\"col-12\" [header]=\"'shared_import_result_header'  |localize\" [columns]=\"importResultsColumns\"\r\n        [getDataFromApi]=\"false\" [gridData]=\"importResultData\" [key]=\"'uid'\" [formName]=\"'modele-import-result-import'\"\r\n        (buttonColumnClicked)=\"handleConsultImportResultButtonClicked($event)\"></tsi-view-grid>\r\n    </div>\r\n  </p-tabPanel>\r\n\r\n</p-tabView>\r\n\r\n<div class=\"p-1\">\r\n  <Tsi-Button\r\n    styleClass=\"p-element p-button-text p-button-raised p-button-rounded mr-2 p-button p-component p-button-icon-only\"\r\n    [tooltipText]=\"'shared_import_export_refresh'\" [tooltipPosition]=\"tooltipPosition.Top\"\r\n    icon=\"p-button-icon pi pi-refresh\" (onClick)=\"refreshImportExportData()\"\r\n    class=\"p-button-text p-button-raised p-button-rounded mr-2\"></Tsi-Button>\r\n</div>\r\n\r\n<!-- dialog to import file to report -->\r\n<p-dialog header=\"{{'shared_reporting_select_file_to_import_into_report' | localize}}\"\r\n  [(visible)]=\"isImportFileToExecuteVisible\" [style]=\"{width: '50vw'}\">\r\n  <!-- <Tsi-Modal-Header (onCloseClick)=\"onImportFileToReportModalCancelClick()\" [inputTitle]=\"'shared_reporting_select_file_to_import_into_report'\"></Tsi-Modal-Header> -->\r\n\r\n  <ng-template pTemplate=\"body\">\r\n    <p-fileUpload #importFileToReportFileUpload name=\"importFileToReport\" [multiple]=\"false\"\r\n      (onSelect)=\"onImportFileToExecute_FileSelected($event)\" (onClear)=\"onImportFileToExecute_Clear($event)\"\r\n      (onBeforeUpload)=\"onImportFileToExecute_ImportFile($event)\" (onRemove)=\"onImportFileToExecute_Remove($event)\"\r\n      accept=\"{{fileType}}\" [maxFileSize]=\"10000000\"\r\n      [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n      [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n      [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n      [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n      [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n      [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n      [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n      removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n      [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n      [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n      <ng-template *ngIf=\"toUploadToExecuteFile\" pTemplate=\"fileupload-content\" let-files>\r\n        <div *ngIf=\"files?.length\">\r\n          <strong>{{ files[0].name }}</strong>\r\n        </div>\r\n      </ng-template>\r\n    </p-fileUpload>\r\n  </ng-template>\r\n\r\n\r\n  <!-- <Tsi-Modal-Footer (onCancelClick)=\"onImportFileToReportModalCancelClick()\"\r\n    (onSaveClick)=\"onImportFileToReportModalSaveClick()\"\r\n    [saveDisabled]=\"!toUploadToUpdateReportFileData\"></Tsi-Modal-Footer> -->\r\n\r\n</p-dialog>", styles: ["::ng-deep .p-fileupload-choose input{display:none!important}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }, { kind: "component", type: i6.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i7.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i7.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: i8.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "component", type: i9.TsiLabelComponent, selector: "Tsi-Label", inputs: ["labelValue", "styleClass", "infoText"] }, { kind: "component", type: i10.TsiViewGridComponent, selector: "tsi-view-grid", inputs: ["columns", "gridConfiguration", "viewComponent", "crudService", "header", "modalSize", "showConsultButton", "showSearchField", "searchFields", "formEndpoint", "formName", "id", "showImportExportButton", "targetBusinessClass", "getDataFromApi", "gridData", "isSearchButtonDisabled", "selectKeyOnly", "selectionMode", "selectedItems", "key", "showGlobalSearch", "showExportButton", "showCalenderView", "showHeaderFilters", "showFilterButton", "selectAll", "checkedByField", "sortMode", "searchOnInit"], outputs: ["summariesChange", "selectedItemsChange", "buttonColumnClicked", "searchFieldsValueChanged", "getAllPagedResultChanged"] }, { kind: "component", type: i11.TsiButtonComponent, selector: "Tsi-Button", inputs: ["disabled", "text", "style", "tooltipText", "tooltipPosition", "buttonType", "icon", "styleClass", "iconSrc", "id", "iconWidth", "iconClass"], outputs: ["onClick", "rightClick"] }, { kind: "directive", type: i12.BusyDirective, selector: "[busy]", inputs: ["busy"] }, { kind: "pipe", type: i13.LocalizePipe, name: "localize" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ManageImportExportComponent, selector: "app-manage-import-export", providers: [...appProviders], viewQueries: [{ propertyName: "gridComponent", first: true, predicate: TsiViewGridComponent, descendants: true }, { propertyName: "fileUploader", first: true, predicate: ["fileUpload"], descendants: true }, { propertyName: "viewGridComponent", first: true, predicate: ["viewGrid"], descendants: true }, { propertyName: "importFileToExecuteFileUpload", first: true, predicate: ["importFileToExecuteFileUpload"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<p-tabView>\r\n  <p-tabPanel [header]=\"'shared_execute_import_model_import_export' | localize\" class=\"pt-3 px-2\">\r\n    <div class=\"card\">\r\n      <div *busy=\"isloading\"></div>\r\n      <div class=\"grid\">\r\n        <div class=\"grid col-10\">\r\n          <div>\r\n            <Tsi-Label class=\"col-2\" [labelValue]=\"'shared_reporting_form'\">\r\n            </Tsi-Label>\r\n            <!-- <p-dropdown class=\"col-10 tsi-component\" class=\"tsi-component\" styleClass=\"tsi-component\" appendTp=\"body\"\r\n                optionLabel=\"value\" optionValue=\"key\" [filter]=\"true\"\r\n                filterBy=\"value\" [showClear]=\"true\" placeholder=\"{{'shared_reporting_select_form' | localize}}\"\r\n                [disabled]=\"true\">\r\n              </p-dropdown> -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <p-toolbar styleClass=\"mb-4 gap-2\">\r\n        <ng-template pTemplate=\"left\">\r\n          <Tsi-Button [text]=\"'shared_reporting_add_report' | localize\"\r\n            icon=\"p-button-icon p-button-icon-left pi pi-plus\"\r\n            styleClass=\"p-element p-button-success mr-2 p-button p-component ng-star-inserted p-button-label\"\r\n            (click)=\"openModal()\"></Tsi-Button>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"right\">\r\n          <p-fileUpload #fileUpload name=\"demo[]\" (onBeforeUpload)=\"onImportFile($event)\"\r\n            (onSelect)=\"onFileSelected($event)\" (onClear)=\"onClear($event)\" (onRemove)=\"onRemove($event)\"\r\n            [multiple]=\"false\" accept=\"application/json\" [maxFileSize]=\"1000000\"\r\n            [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n            [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n            [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n            [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n            [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n            [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n            [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n            removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n            [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n            [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n            <ng-template *ngIf=\"toUploadFileData\" pTemplate=\"fileupload-content\" let-files>\r\n              <div *ngIf=\"files?.length\">\r\n                <strong>{{ files[0].name }}</strong>\r\n              </div>\r\n            </ng-template>\r\n          </p-fileUpload>\r\n        </ng-template>\r\n      </p-toolbar>\r\n\r\n      <tsi-view-grid #viewGrid [header]=\"'shared_execute_import_model_import_export'  |localize\"\r\n        [searchFields]=\"searchFields\" [showConsultButton]=\"false\" [getDataFromApi]=\"true\"\r\n        [crudService]=\"modeleImportService\" (buttonColumnClicked)=\"buttonClicked($event)\"\r\n        [formName]=\"'app-manage-import-export'\" [columns]=\"columns\" key=\"uid\" [selectKeyOnly]=\"false\">\r\n      </tsi-view-grid>\r\n    </div>\r\n  </p-tabPanel>\r\n\r\n  <p-tabPanel [header]=\"'shared_execute_import_model_import_export_default' | localize\" class=\"pt-3 px-2\">\r\n    <div class=\"grid\">\r\n      <tsi-view-grid class=\"col-12\" [header]=\"'shared_execute_import_model_import_export_default'  |localize\"\r\n        [columns]=\"columnsJson\" [getDataFromApi]=\"false\" [gridData]=\"gridData\" [key]=\"key\"\r\n        [formName]=\"'modele-import-par-default'\"\r\n        (buttonColumnClicked)=\"handleButtonColumnExecuteClicked($event)\"></tsi-view-grid>\r\n    </div>\r\n  </p-tabPanel>\r\n\r\n  <p-tabPanel [header]=\"'shared_execute_import_history' | localize\" class=\"pt-3 px-2\">\r\n    <div class=\"grid\">\r\n      <tsi-view-grid class=\"col-12\" [header]=\"'shared_execute_import_history'  |localize\" [columns]=\"columnsHistory\"\r\n        [getDataFromApi]=\"false\" [gridData]=\"historyGridData\" [key]=\"importHistoryKey\"\r\n        [formName]=\"'modele-import-par-default'\"\r\n        (buttonColumnClicked)=\"handleButtonColumnExecuteClicked($event)\"></tsi-view-grid>\r\n    </div>\r\n  </p-tabPanel>\r\n\r\n  <p-tabPanel [header]=\"'shared_execute_import_without_model' | localize\" class=\"pt-3 px-2\">\r\n    <div *busy=\"isloading\"></div>\r\n    <ng-template pTemplate=\"body\">\r\n      <p-fileUpload #importFileToReportFileUpload name=\"importFileToReport\" [multiple]=\"false\"\r\n        (onSelect)=\"onImportFileWithoutModel_FileSelected($event)\" (onClear)=\"onImportFileWithoutModel_Clear($event)\"\r\n        (onBeforeUpload)=\"onImportFileWithoutModel_ImportFile($event)\"\r\n        (onRemove)=\"onImportFileWithoutModel_Remove($event)\" accept=\".xls,.xlsx\" [maxFileSize]=\"10000000\"\r\n        [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n        [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n        [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n        [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n        [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n        [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n        [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n        removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n        [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n        [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n        <ng-template *ngIf=\"toUploadWithoutModel\" pTemplate=\"fileupload-content\" let-files>\r\n          <div *ngIf=\"files?.length\">\r\n            <strong>{{ files[0].name }}</strong>\r\n          </div>\r\n        </ng-template>\r\n      </p-fileUpload>\r\n    </ng-template>\r\n  </p-tabPanel>\r\n\r\n  <p-tabPanel [header]=\"'shared_import_result_header' | localize\" class=\"pt-3 px-2\">\r\n\r\n    <div class=\"p-1\">\r\n      <Tsi-Button (onClick)=\"getImportResult()\"\r\n        styleClass=\"p-element p-button-text p-button-raised p-button-rounded mr-2 p-button p-component p-button-icon-only\"\r\n        [tooltipText]=\"'shared_import_export_refresh'\" [tooltipPosition]=\"tooltipPosition.Top\"\r\n        icon=\"p-button-icon pi pi-refresh\" class=\"p-button-text p-button-raised p-button-rounded mr-2\"></Tsi-Button>\r\n    </div>\r\n\r\n    <div class=\"grid\">\r\n      <tsi-view-grid class=\"col-12\" [header]=\"'shared_import_result_header'  |localize\" [columns]=\"importResultsColumns\"\r\n        [getDataFromApi]=\"false\" [gridData]=\"importResultData\" [key]=\"'uid'\" [formName]=\"'modele-import-result-import'\"\r\n        (buttonColumnClicked)=\"handleConsultImportResultButtonClicked($event)\"></tsi-view-grid>\r\n    </div>\r\n  </p-tabPanel>\r\n\r\n</p-tabView>\r\n\r\n<div class=\"p-1\">\r\n  <Tsi-Button\r\n    styleClass=\"p-element p-button-text p-button-raised p-button-rounded mr-2 p-button p-component p-button-icon-only\"\r\n    [tooltipText]=\"'shared_import_export_refresh'\" [tooltipPosition]=\"tooltipPosition.Top\"\r\n    icon=\"p-button-icon pi pi-refresh\" (onClick)=\"refreshImportExportData()\"\r\n    class=\"p-button-text p-button-raised p-button-rounded mr-2\"></Tsi-Button>\r\n</div>\r\n\r\n<!-- dialog to import file to report -->\r\n<p-dialog header=\"{{'shared_reporting_select_file_to_import_into_report' | localize}}\"\r\n  [(visible)]=\"isImportFileToExecuteVisible\" [style]=\"{width: '50vw'}\">\r\n  <!-- <Tsi-Modal-Header (onCloseClick)=\"onImportFileToReportModalCancelClick()\" [inputTitle]=\"'shared_reporting_select_file_to_import_into_report'\"></Tsi-Modal-Header> -->\r\n\r\n  <ng-template pTemplate=\"body\">\r\n    <p-fileUpload #importFileToReportFileUpload name=\"importFileToReport\" [multiple]=\"false\"\r\n      (onSelect)=\"onImportFileToExecute_FileSelected($event)\" (onClear)=\"onImportFileToExecute_Clear($event)\"\r\n      (onBeforeUpload)=\"onImportFileToExecute_ImportFile($event)\" (onRemove)=\"onImportFileToExecute_Remove($event)\"\r\n      accept=\"{{fileType}}\" [maxFileSize]=\"10000000\"\r\n      [invalidFileSizeMessageSummary]=\"'shared_file_upload_invalid_file_size_message_summary' | localize\"\r\n      [invalidFileSizeMessageDetail]=\"'shared_file_upload_invalid_file_size_message_detail' | localize\"\r\n      [invalidFileTypeMessageSummary]=\"'shared_file_upload_invalid_file_type_message_summary' | localize\"\r\n      [invalidFileLimitMessageDetail]=\"'shared_file_upload_invalid_file_limit_message_detail' | localize\"\r\n      [invalidFileLimitMessageSummary]=\"'shared_file_upload_invalid_file_limit_message_summary' | localize\"\r\n      [invalidFileTypeMessageDetail]=\"'shared_file_upload_invalid_file_type_message_detail' | localize\"\r\n      [chooseIcon]=\"'pi pi-paperclip'\" cancelStyleClass=\"p-button-secondary\" uploadStyleClass=\"p-button-help\"\r\n      removeStyleClass=\"p-button-danger\" [chooseLabel]=\"'shared_reporting_choose_report_file' | localize\"\r\n      [uploadLabel]=\"'shared_reporting_import_report' | localize\"\r\n      [cancelLabel]=\"'shared_reporting_cancel_choose_report_file' | localize\">\r\n      <ng-template *ngIf=\"toUploadToExecuteFile\" pTemplate=\"fileupload-content\" let-files>\r\n        <div *ngIf=\"files?.length\">\r\n          <strong>{{ files[0].name }}</strong>\r\n        </div>\r\n      </ng-template>\r\n    </p-fileUpload>\r\n  </ng-template>\r\n\r\n\r\n  <!-- <Tsi-Modal-Footer (onCancelClick)=\"onImportFileToReportModalCancelClick()\"\r\n    (onSaveClick)=\"onImportFileToReportModalSaveClick()\"\r\n    [saveDisabled]=\"!toUploadToUpdateReportFileData\"></Tsi-Modal-Footer> -->\r\n\r\n</p-dialog>", styles: ["::ng-deep .p-fileupload-choose input{display:none!important}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }, { kind: "component", type: i6.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i7.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i7.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: i8.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "component", type: i9.TsiLabelComponent, selector: "Tsi-Label", inputs: ["labelValue", "styleClass", "infoText"] }, { kind: "component", type: i10.TsiViewGridComponent, selector: "tsi-view-grid", inputs: ["columns", "gridConfiguration", "viewComponent", "crudService", "header", "modalSize", "showConsultButton", "showSearchField", "searchFields", "formEndpoint", "formName", "id", "showImportExportButton", "targetBusinessClass", "getDataFromApi", "gridData", "isSearchButtonDisabled", "selectKeyOnly", "selectionMode", "selectedItems", "key", "showGlobalSearch", "showExportButton", "showCalenderView", "showHeaderFilters", "showFilterButton", "selectAll", "checkedByField", "sortMode", "sizingMode", "searchOnInit"], outputs: ["summariesChange", "selectedItemsChange", "buttonColumnClicked", "searchFieldsValueChanged", "getAllPagedResultChanged"] }, { kind: "component", type: i11.TsiButtonComponent, selector: "Tsi-Button", inputs: ["disabled", "text", "style", "tooltipText", "tooltipPosition", "buttonType", "icon", "styleClass", "iconSrc", "id", "iconWidth", "iconClass"], outputs: ["onClick", "rightClick"] }, { kind: "directive", type: i12.BusyDirective, selector: "[busy]", inputs: ["busy"] }, { kind: "pipe", type: i13.LocalizePipe, name: "localize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ManageImportExportComponent, decorators: [{
             type: Component,