@tsi-developpement/tsi-shared-ui 1.7.26 → 1.7.27

package/esm2022/lib/enums/bind-mode.mjs

@@ -0,0 +1,26 @@
+/**
+ * Defines how a component binds its value.
+ */
+export var BindMode;
+(function (BindMode) {
+    /**
+     * The full object is used as the bound value.
+     *
+     * Example:
+     * `{ id: 1, label: 'John' }`
+     */
+    BindMode["Object"] = "object";
+    /**
+     * Only the object's key (e.g., `id`) is used as the bound value.
+     *
+     * Example:
+     * `1`
+     */
+    BindMode["Key"] = "key";
+    /**
+     * Default binding mode.
+     * Currently set to `Key`.
+     */
+    BindMode["Default"] = "key";
+})(BindMode || (BindMode = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmluZC1tb2RlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL2VudW1zL2JpbmQtbW9kZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFFBc0JYO0FBdEJELFdBQVksUUFBUTtJQUNsQjs7Ozs7T0FLRztJQUNILDZCQUFpQixDQUFBO0lBRWpCOzs7OztPQUtHO0lBQ0gsdUJBQVcsQ0FBQTtJQUVYOzs7T0FHRztJQUNILDJCQUFhLENBQUE7QUFDZixDQUFDLEVBdEJXLFFBQVEsS0FBUixRQUFRLFFBc0JuQiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxyXG4gKiBEZWZpbmVzIGhvdyBhIGNvbXBvbmVudCBiaW5kcyBpdHMgdmFsdWUuXHJcbiAqL1xyXG5leHBvcnQgZW51bSBCaW5kTW9kZSB7XHJcbiAgLyoqXHJcbiAgICogVGhlIGZ1bGwgb2JqZWN0IGlzIHVzZWQgYXMgdGhlIGJvdW5kIHZhbHVlLlxyXG4gICAqIFxyXG4gICAqIEV4YW1wbGU6XHJcbiAgICogYHsgaWQ6IDEsIGxhYmVsOiAnSm9obicgfWBcclxuICAgKi9cclxuICBPYmplY3QgPSAnb2JqZWN0JyxcclxuXHJcbiAgLyoqXHJcbiAgICogT25seSB0aGUgb2JqZWN0J3Mga2V5IChlLmcuLCBgaWRgKSBpcyB1c2VkIGFzIHRoZSBib3VuZCB2YWx1ZS5cclxuICAgKiBcclxuICAgKiBFeGFtcGxlOlxyXG4gICAqIGAxYFxyXG4gICAqL1xyXG4gIEtleSA9ICdrZXknLFxyXG5cclxuICAvKipcclxuICAgKiBEZWZhdWx0IGJpbmRpbmcgbW9kZS5cclxuICAgKiBDdXJyZW50bHkgc2V0IHRvIGBLZXlgLlxyXG4gICAqL1xyXG4gIERlZmF1bHQgPSBLZXksXHJcbn0iXX0=

package/esm2022/lib/functions/common.functions.mjs

@@ -0,0 +1,45 @@
+/**
+ * Determines whether a value is null, undefined, or considered "empty".
+ *
+ * A value is considered empty if:
+ * - It is `null` or `undefined`
+ * - It is a `number` and is `NaN`
+ * - It is a `string` that is empty or contains only whitespace
+ * - It is an `array` with no elements
+ *
+ * @param value - The value to evaluate.
+ * @returns `true` if the value is null or empty; otherwise, `false`.
+ */
+export function isNullOrEmpty(value) {
+    if (value == null)
+        return true;
+    if (typeof value === 'number') {
+        return Number.isNaN(value);
+    }
+    if (typeof value === 'string') {
+        return value.trim().length === 0;
+    }
+    if (Array.isArray(value)) {
+        return value.length === 0;
+    }
+    return false;
+}
+/**
+ * Returns a new array containing only unique values from the input array.
+ *
+ * Works for all primitive types (`string`, `number`, `boolean`, `bigint`, `symbol`).
+ * Removes duplicates while preserving the original order.
+ *
+ * @template T - Primitive type.
+ * @param {T[]} values - Array of primitive values to filter.
+ * @returns {T[]} A new array containing only distinct values.
+ *
+ * @example
+ * distinct([1, 2, 1, 3]);       // returns [1, 2, 3]
+ * distinct(['a', 'b', 'a']);    // returns ['a', 'b']
+ * distinct([true, false, true]); // returns [true, false]
+ */
+export function distinct(values) {
+    return [...new Set(values)];
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmZ1bmN0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi9mdW5jdGlvbnMvY29tbW9uLmZ1bmN0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7R0FXRztBQUNILE1BQU0sVUFBVSxhQUFhLENBQUMsS0FBVTtJQUN0QyxJQUFJLEtBQUssSUFBSSxJQUFJO1FBQUUsT0FBTyxJQUFJLENBQUM7SUFFL0IsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztRQUM5QixPQUFPLE1BQU0sQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVELElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxFQUFFLENBQUM7UUFDOUIsT0FBTyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7UUFDekIsT0FBTyxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQsT0FBTyxLQUFLLENBQUM7QUFDZixDQUFDO0FBRUQ7Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUFDSCxNQUFNLFVBQVUsUUFBUSxDQUF3RCxNQUFXO0lBQ3pGLE9BQU8sQ0FBQyxHQUFHLElBQUksR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7QUFDOUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxyXG4gKiBEZXRlcm1pbmVzIHdoZXRoZXIgYSB2YWx1ZSBpcyBudWxsLCB1bmRlZmluZWQsIG9yIGNvbnNpZGVyZWQgXCJlbXB0eVwiLlxyXG4gKlxyXG4gKiBBIHZhbHVlIGlzIGNvbnNpZGVyZWQgZW1wdHkgaWY6XHJcbiAqIC0gSXQgaXMgYG51bGxgIG9yIGB1bmRlZmluZWRgXHJcbiAqIC0gSXQgaXMgYSBgbnVtYmVyYCBhbmQgaXMgYE5hTmBcclxuICogLSBJdCBpcyBhIGBzdHJpbmdgIHRoYXQgaXMgZW1wdHkgb3IgY29udGFpbnMgb25seSB3aGl0ZXNwYWNlXHJcbiAqIC0gSXQgaXMgYW4gYGFycmF5YCB3aXRoIG5vIGVsZW1lbnRzXHJcbiAqXHJcbiAqIEBwYXJhbSB2YWx1ZSAtIFRoZSB2YWx1ZSB0byBldmFsdWF0ZS5cclxuICogQHJldHVybnMgYHRydWVgIGlmIHRoZSB2YWx1ZSBpcyBudWxsIG9yIGVtcHR5OyBvdGhlcndpc2UsIGBmYWxzZWAuXHJcbiAqL1xyXG5leHBvcnQgZnVuY3Rpb24gaXNOdWxsT3JFbXB0eSh2YWx1ZTogYW55KTogYm9vbGVhbiB7XHJcbiAgaWYgKHZhbHVlID09IG51bGwpIHJldHVybiB0cnVlO1xyXG5cclxuICBpZiAodHlwZW9mIHZhbHVlID09PSAnbnVtYmVyJykge1xyXG4gICAgcmV0dXJuIE51bWJlci5pc05hTih2YWx1ZSk7XHJcbiAgfVxyXG5cclxuICBpZiAodHlwZW9mIHZhbHVlID09PSAnc3RyaW5nJykge1xyXG4gICAgcmV0dXJuIHZhbHVlLnRyaW0oKS5sZW5ndGggPT09IDA7XHJcbiAgfVxyXG5cclxuICBpZiAoQXJyYXkuaXNBcnJheSh2YWx1ZSkpIHtcclxuICAgIHJldHVybiB2YWx1ZS5sZW5ndGggPT09IDA7XHJcbiAgfVxyXG5cclxuICByZXR1cm4gZmFsc2U7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBSZXR1cm5zIGEgbmV3IGFycmF5IGNvbnRhaW5pbmcgb25seSB1bmlxdWUgdmFsdWVzIGZyb20gdGhlIGlucHV0IGFycmF5LlxyXG4gKlxyXG4gKiBXb3JrcyBmb3IgYWxsIHByaW1pdGl2ZSB0eXBlcyAoYHN0cmluZ2AsIGBudW1iZXJgLCBgYm9vbGVhbmAsIGBiaWdpbnRgLCBgc3ltYm9sYCkuXHJcbiAqIFJlbW92ZXMgZHVwbGljYXRlcyB3aGlsZSBwcmVzZXJ2aW5nIHRoZSBvcmlnaW5hbCBvcmRlci5cclxuICpcclxuICogQHRlbXBsYXRlIFQgLSBQcmltaXRpdmUgdHlwZS5cclxuICogQHBhcmFtIHtUW119IHZhbHVlcyAtIEFycmF5IG9mIHByaW1pdGl2ZSB2YWx1ZXMgdG8gZmlsdGVyLlxyXG4gKiBAcmV0dXJucyB7VFtdfSBBIG5ldyBhcnJheSBjb250YWluaW5nIG9ubHkgZGlzdGluY3QgdmFsdWVzLlxyXG4gKlxyXG4gKiBAZXhhbXBsZVxyXG4gKiBkaXN0aW5jdChbMSwgMiwgMSwgM10pOyAgICAgICAvLyByZXR1cm5zIFsxLCAyLCAzXVxyXG4gKiBkaXN0aW5jdChbJ2EnLCAnYicsICdhJ10pOyAgICAvLyByZXR1cm5zIFsnYScsICdiJ11cclxuICogZGlzdGluY3QoW3RydWUsIGZhbHNlLCB0cnVlXSk7IC8vIHJldHVybnMgW3RydWUsIGZhbHNlXVxyXG4gKi9cclxuZXhwb3J0IGZ1bmN0aW9uIGRpc3RpbmN0PFQgZXh0ZW5kcyBzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuIHwgYmlnaW50IHwgc3ltYm9sPih2YWx1ZXM6IFRbXSk6IFRbXSB7XHJcbiAgcmV0dXJuIFsuLi5uZXcgU2V0KHZhbHVlcyldO1xyXG59Il19

package/esm2022/lib/functions/index.mjs

@@ -1,4 +1,5 @@
 export * from './array.functions';
 export * from './library-initializer';
+export * from './common.functions';
 // export * from './modal-open.function'
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90c2ktc2hhcmVkLXVpL3NyYy9saWIvZnVuY3Rpb25zL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0Qyx3Q0FBd0MiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2FycmF5LmZ1bmN0aW9ucyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGlicmFyeS1pbml0aWFsaXplcic7XHJcbi8vIGV4cG9ydCAqIGZyb20gJy4vbW9kYWwtb3Blbi5mdW5jdGlvbiciXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90c2ktc2hhcmVkLXVpL3NyYy9saWIvZnVuY3Rpb25zL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLHdDQUF3QyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYXJyYXkuZnVuY3Rpb25zJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWJyYXJ5LWluaXRpYWxpemVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9jb21tb24uZnVuY3Rpb25zJztcclxuLy8gZXhwb3J0ICogZnJvbSAnLi9tb2RhbC1vcGVuLmZ1bmN0aW9uJyJdfQ==

package/esm2022/lib/tsi-components/create-or-edit-entity-informations/create-or-edit-entity-informations.component.mjs

@@ -197,7 +197,7 @@ export class CreateOrEditEntityInformationsComponent extends TsiFormComponentBas
         this.entityWithRelations.relations.map(er => er.entityFrom = this.entityWithRelations.entity.className ?? '');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateOrEditEntityInformationsComponent, deps: [{ token: i1.EntityConfigurationService }, { token: i1.ErrorResponseManagerService }, { token: i2.DynamicDialogRef }, { token: i2.DynamicDialogConfig }, { token: i1.TsiNotificationService }, { token: i1.TsiConfirmationService }, { token: i1.ApiExplorerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateOrEditEntityInformationsComponent, selector: "app-create-or-edit-entity-informations", providers: [...appProviders], usesInheritance: true, ngImport: i0, template: "<tsi-form class=\"form-horizontal\" autocomplete=\"off\" (onSubmit)=\"save()\" [isLoading]=\"isloading\">\r\n  <Tsi-Modal-Header [inputTitle]=\"header | modalLabel : mode : 'administration_entityRelations_title' | localize\"\r\n    (onCloseClick)=\"hide()\">\r\n  </Tsi-Modal-Header>\r\n\r\n  <div *ngIf=\"uid\" class=\"flex align-items-center gap-2 mb-2\">\r\n    <span class=\"font-semibold\">{{'administration_gestionEntityInformation_uid' | localize}} :</span>\r\n    <span>{{ uid }}</span>\r\n  </div>\r\n\r\n  <p-tabView>\r\n    <p-tabPanel [header]=\"'administration_tab_entityInformation' | localize\">\r\n      <fieldset [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n        <div class=\"modal-body\">\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_className'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'ClassName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.className\"\r\n                  (inputFieldChange)=\"getColonnesByClassNameAsKeyValuePair($event)\"\r\n                  [disabled]=\"isDeleteMode() || isConsultMode() || isEditMode()\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_formName'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.formName\" id-field=\"key\" label-field=\"value\" [showClear]=\"true\"\r\n                  [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_listComponent'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.listComponent\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_logged'\"></Tsi-Label>\r\n                <Tsi-CheckBox class=\"col-8\" [inputName]=\"'Logged'\" [(inputField)]=\"entityWithRelations.entity.logged\">\r\n                </Tsi-CheckBox>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_listRoute'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'ListRoute'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.listRoute\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_formRoute'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'FormRoute'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.formRoute\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_discriminatorPropertyName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DiscriminatorPropertyName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.discriminatorPropertyName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_discriminatorClassName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DiscriminatorClassName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.discriminatorClassName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_keyColumns'\"></Tsi-Label>\r\n                <div class=\"col-8\">\r\n                  <p-multiSelect [options]=\"keyColumnOptions\" [(ngModel)]=\"entityWithRelations.entity.keyColumns\"\r\n                    optionValue=\"key\" optionLabel=\"value\" display=\"chip\" defaultLabel=\"Select columns\" [filter]=\"true\">\r\n                  </p-multiSelect>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_statusColumnName'\"></Tsi-Label>\r\n                  \r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.statusColumnName\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_isWorkflow'\"></Tsi-Label>\r\n                <Tsi-CheckBox class=\"col-8\" [inputName]=\"'IsWorkflow'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.isWorkflow\">\r\n                </Tsi-CheckBox>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_defaultStatus'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DefaultStatus'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.defaultStatus\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_statusEnumName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'StatusEnumName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.statusEnumName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_advancedSearchComponent'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.advancedSearchComponent\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"grid\">\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardHeaderPhotoColumn'\"></Tsi-Label>\r\n\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardHeaderPhotoColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardTitleColumn'\"></Tsi-Label>\r\n                  \r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardTitleColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardSubHeaderColumn'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardSubHeaderColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-12\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-2\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardDescriptionColumn'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardDescriptionColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </fieldset>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_relations' | localize\">\r\n      <div class=\"grid\">\r\n        <Tsi-Generic-Editable-Grid [columns]=\"entitiesRelationsColumns\" [gridData]=\"entityWithRelations.relations\"\r\n          [parent]=\"this\" (addedRowEventEmitter)=\"onAddRelation()\" [showAddButton]=\"isEditMode()\">\r\n        </Tsi-Generic-Editable-Grid>\r\n      </div>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_permissions' | localize\">\r\n      <div class=\"grid\">\r\n        <tsi-view-grid [header]=\"entityWithRelations.entity.className ?? ''\" class=\"col-12 mb-3\"\r\n          [columns]=\"permissionsGridColumns\" [getDataFromApi]=\"false\" [gridData]=\"endpointInfos\">\r\n        </tsi-view-grid>\r\n      </div>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_properties' | localize\">\r\n      <div class=\"grid\">\r\n        <tsi-view-grid [header]=\"'administration_properties_title' | localize\" class=\"col-12 mb-3\"\r\n          [columns]=\"propertiesGridColumns\" [getDataFromApi]=\"false\" [gridData]=\"propertiesData\">\r\n        </tsi-view-grid>\r\n      </div>\r\n    </p-tabPanel>\r\n  </p-tabView>\r\n  \r\n  <Tsi-Modal-Footer [isConsult]=\"isConsultMode()\" [cancelDisabled]=\"saving\" [saveDisabled]=\"isSubmitDisabled()\"\r\n    (onCancelClick)=\"hide()\">\r\n  </Tsi-Modal-Footer>\r\n</tsi-form>", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i5.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: i6.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: i7.EditableGridComponent, selector: "Tsi-Generic-Editable-Grid", inputs: ["selectedItems", "configuration", "key", "items", "events", "showAddButton", "showDeleteButton", "showEditButton", "showRowSummary", "scrollHeight", "rowPerPage", "pageSize", "columns", "gridData", "isTableLoading", "parent", "showSaveButton", "showActionColumn", "enableRowDisabling", "rowSummaryConfig", "showHaveSumary", "showRowSumary", "selectKeyOnly", "selectionMode", "showConsultButton", "disabled", "editableGridBusinessClass", "orderColumn", "deleteLineButtonDisabled", "id"], outputs: ["itemsSave", "refreshEventEmitter", "saveDataEventEmitter", "rowChangedEventEmitter", "selectedRowEventEmitter", "addedRowEventEmitter", "focusOutEventEmitter", "cellChanged", "rowDeletedEventEmitter", "selectedItemsChange", "onRowSelect", "focusOutRow", "onConsultClicked"] }, { kind: "component", type: i8.TsiSearchComboComponent, selector: "Tsi-Search-Combo", inputs: ["elementSourceUrl", "listSourceUrl", "listSourceParams", "id-field", "label-field", "multiple", "sort", "showClear", "reloadDataSource", "isFiltered", "selectedLabel", "maxWidth", "businessClass", "comboType", "statusMetadata", "currentRowItem", "datasource", "bind", "maxSelectedLabels", "tooltipMaxDisplayedItems", "showSearchButton", "showAddButton", "showConsultButton", "showUpdateButton"], outputs: ["bindChange", "datasource-loaded", "init", "isLoaded", "selectedLabelChange", "onClick", "onSearchButtonClick"] }, { kind: "component", type: i9.TsiCheckboxComponent, selector: "Tsi-CheckBox", inputs: ["class", "isBinary", "checked", "tooltipText", "tooltipPosition"], outputs: ["inputFieldChange", "checkedChange"] }, { kind: "component", type: i10.TsiTextBoxComponent, selector: "Tsi-Text-Box", inputs: ["textBoxType", "autocomplete"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: i11.TsiLabelComponent, selector: "Tsi-Label", inputs: ["labelValue", "styleClass", "infoText"] }, { kind: "component", type: i12.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", "calenderSchema", "showHeaderFilters", "showFilterButton", "selectAll", "checkedByField", "sortMode", "searchOnInit"], outputs: ["summariesChange", "selectedItemsChange", "buttonColumnClicked", "searchFieldsValueChanged", "getAllPagedResultChanged"] }, { kind: "component", type: i13.TsiModalFooterComponent, selector: "Tsi-Modal-Footer", inputs: ["cancelDisabled", "saveDisabled", "cancelLabel", "saveLabel", "isConsult", "isDuplicate", "isOnlyCreate", "additionalButtonLabel", "additionalButtonIcon", "additionalButtonDisabled", "showAdditionalButton"], outputs: ["onCancelClick", "onSaveClick", "onAdditionalButtonClick"] }, { kind: "component", type: i14.TsiModalHeaderComponent, selector: "Tsi-Modal-Header", inputs: ["inputTitle"], outputs: ["onCloseClick"] }, { kind: "component", type: i15.TsiFormComponent, selector: "tsi-form", inputs: ["class", "autocomplete", "optionalEndpoints", "disabled", "isLoading", "modalSize", "formEndpoint", "formName", "isReportingToolbarDisabled", "isCreateOnly"], outputs: ["onSave", "onSubmit", "onSubmitFormWorkflowConfiguration", "formRefChange", "onStatusChange"] }, { kind: "pipe", type: i16.LocalizePipe, name: "localize" }, { kind: "pipe", type: i17.ModalLabelPipe, name: "modalLabel" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateOrEditEntityInformationsComponent, selector: "app-create-or-edit-entity-informations", providers: [...appProviders], usesInheritance: true, ngImport: i0, template: "<tsi-form class=\"form-horizontal\" autocomplete=\"off\" (onSubmit)=\"save()\" [isLoading]=\"isloading\">\r\n  <Tsi-Modal-Header [inputTitle]=\"header | modalLabel : mode : 'administration_entityRelations_title' | localize\"\r\n    (onCloseClick)=\"hide()\">\r\n  </Tsi-Modal-Header>\r\n\r\n  <div *ngIf=\"uid\" class=\"flex align-items-center gap-2 mb-2\">\r\n    <span class=\"font-semibold\">{{'administration_gestionEntityInformation_uid' | localize}} :</span>\r\n    <span>{{ uid }}</span>\r\n  </div>\r\n\r\n  <p-tabView>\r\n    <p-tabPanel [header]=\"'administration_tab_entityInformation' | localize\">\r\n      <fieldset [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n        <div class=\"modal-body\">\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_className'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'ClassName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.className\"\r\n                  (inputFieldChange)=\"getColonnesByClassNameAsKeyValuePair($event)\"\r\n                  [disabled]=\"isDeleteMode() || isConsultMode() || isEditMode()\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_formName'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.formName\" id-field=\"key\" label-field=\"value\" [showClear]=\"true\"\r\n                  [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_listComponent'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.listComponent\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_logged'\"></Tsi-Label>\r\n                <Tsi-CheckBox class=\"col-8\" [inputName]=\"'Logged'\" [(inputField)]=\"entityWithRelations.entity.logged\">\r\n                </Tsi-CheckBox>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_listRoute'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'ListRoute'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.listRoute\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\" [labelValue]=\"'administration_gestionEntityInformation_formRoute'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'FormRoute'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.formRoute\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_discriminatorPropertyName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DiscriminatorPropertyName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.discriminatorPropertyName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_discriminatorClassName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DiscriminatorClassName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.discriminatorClassName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_keyColumns'\"></Tsi-Label>\r\n                <div class=\"col-8\">\r\n                  <p-multiSelect [options]=\"keyColumnOptions\" [(ngModel)]=\"entityWithRelations.entity.keyColumns\"\r\n                    optionValue=\"key\" optionLabel=\"value\" display=\"chip\" defaultLabel=\"Select columns\" [filter]=\"true\">\r\n                  </p-multiSelect>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_statusColumnName'\"></Tsi-Label>\r\n                  \r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.statusColumnName\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_isWorkflow'\"></Tsi-Label>\r\n                <Tsi-CheckBox class=\"col-8\" [inputName]=\"'IsWorkflow'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.isWorkflow\">\r\n                </Tsi-CheckBox>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_defaultStatus'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'DefaultStatus'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.defaultStatus\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_statusEnumName'\"></Tsi-Label>\r\n                <Tsi-Text-Box class=\"col-8\" [inputName]=\"'StatusEnumName'\"\r\n                  [(inputField)]=\"entityWithRelations.entity.statusEnumName\">\r\n                </Tsi-Text-Box>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-6\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-4\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_advancedSearchComponent'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-8\" [datasource]=\"componentsOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.advancedSearchComponent\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"grid\">\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardHeaderPhotoColumn'\"></Tsi-Label>\r\n\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardHeaderPhotoColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardTitleColumn'\"></Tsi-Label>\r\n                  \r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardTitleColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n            <div class=\"col-4\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-6\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardSubHeaderColumn'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardSubHeaderColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grid\">\r\n            <div class=\"col-12\">\r\n              <div class=\"grid\">\r\n                <Tsi-Label class=\"col-2\"\r\n                  [labelValue]=\"'administration_gestionEntityInformation_cardDescriptionColumn'\"></Tsi-Label>\r\n                <Tsi-Search-Combo class=\"col-6\" [datasource]=\"keyColumnOptions\"\r\n                  [(bind)]=\"entityWithRelations.entity.cardDescriptionColumn\" id-field=\"key\" label-field=\"value\"\r\n                  [showClear]=\"true\" [disabled]=\"isDeleteMode() || isConsultMode()\">\r\n                </Tsi-Search-Combo>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </fieldset>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_relations' | localize\">\r\n      <div class=\"grid\">\r\n        <Tsi-Generic-Editable-Grid [columns]=\"entitiesRelationsColumns\" [gridData]=\"entityWithRelations.relations\"\r\n          [parent]=\"this\" (addedRowEventEmitter)=\"onAddRelation()\" [showAddButton]=\"isEditMode()\">\r\n        </Tsi-Generic-Editable-Grid>\r\n      </div>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_permissions' | localize\">\r\n      <div class=\"grid\">\r\n        <tsi-view-grid [header]=\"entityWithRelations.entity.className ?? ''\" class=\"col-12 mb-3\"\r\n          [columns]=\"permissionsGridColumns\" [getDataFromApi]=\"false\" [gridData]=\"endpointInfos\">\r\n        </tsi-view-grid>\r\n      </div>\r\n    </p-tabPanel>\r\n    <p-tabPanel [header]=\"'administration_tab_properties' | localize\">\r\n      <div class=\"grid\">\r\n        <tsi-view-grid [header]=\"'administration_properties_title' | localize\" class=\"col-12 mb-3\"\r\n          [columns]=\"propertiesGridColumns\" [getDataFromApi]=\"false\" [gridData]=\"propertiesData\">\r\n        </tsi-view-grid>\r\n      </div>\r\n    </p-tabPanel>\r\n  </p-tabView>\r\n  \r\n  <Tsi-Modal-Footer [isConsult]=\"isConsultMode()\" [cancelDisabled]=\"saving\" [saveDisabled]=\"isSubmitDisabled()\"\r\n    (onCancelClick)=\"hide()\">\r\n  </Tsi-Modal-Footer>\r\n</tsi-form>", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i5.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: i6.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: i7.EditableGridComponent, selector: "Tsi-Generic-Editable-Grid", inputs: ["selectedItems", "configuration", "key", "items", "events", "showAddButton", "showDeleteButton", "showEditButton", "showRowSummary", "scrollHeight", "rowPerPage", "pageSize", "columns", "gridData", "isTableLoading", "parent", "showSaveButton", "showActionColumn", "enableRowDisabling", "rowSummaryConfig", "showHaveSumary", "showRowSumary", "selectKeyOnly", "selectionMode", "showConsultButton", "disabled", "editableGridBusinessClass", "orderColumn", "deleteLineButtonDisabled", "id"], outputs: ["itemsSave", "refreshEventEmitter", "saveDataEventEmitter", "rowChangedEventEmitter", "selectedRowEventEmitter", "addedRowEventEmitter", "focusOutEventEmitter", "cellChanged", "rowDeletedEventEmitter", "selectedItemsChange", "onRowSelect", "focusOutRow", "onConsultClicked"] }, { kind: "component", type: i8.TsiSearchComboComponent, selector: "Tsi-Search-Combo", inputs: ["elementSourceUrl", "listSourceUrl", "listSourceParams", "id-field", "label-field", "multiple", "sort", "showClear", "reloadDataSource", "isFiltered", "selectedLabel", "maxWidth", "businessClass", "comboType", "statusMetadata", "currentRowItem", "datasource", "bind", "maxSelectedLabels", "tooltipMaxDisplayedItems", "bindMode", "showSearchButton", "showAddButton", "showConsultButton", "showUpdateButton"], outputs: ["bindChange", "datasource-loaded", "init", "isLoaded", "selectedLabelChange", "onClick", "onSearchButtonClick", "selectionChange"] }, { kind: "component", type: i9.TsiCheckboxComponent, selector: "Tsi-CheckBox", inputs: ["class", "isBinary", "checked", "tooltipText", "tooltipPosition"], outputs: ["inputFieldChange", "checkedChange"] }, { kind: "component", type: i10.TsiTextBoxComponent, selector: "Tsi-Text-Box", inputs: ["textBoxType", "autocomplete"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: i11.TsiLabelComponent, selector: "Tsi-Label", inputs: ["labelValue", "styleClass", "infoText"] }, { kind: "component", type: i12.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", "calenderSchema", "showHeaderFilters", "showFilterButton", "selectAll", "checkedByField", "sortMode", "searchOnInit"], outputs: ["summariesChange", "selectedItemsChange", "buttonColumnClicked", "searchFieldsValueChanged", "getAllPagedResultChanged"] }, { kind: "component", type: i13.TsiModalFooterComponent, selector: "Tsi-Modal-Footer", inputs: ["cancelDisabled", "saveDisabled", "cancelLabel", "saveLabel", "isConsult", "isDuplicate", "isOnlyCreate", "additionalButtonLabel", "additionalButtonIcon", "additionalButtonDisabled", "showAdditionalButton"], outputs: ["onCancelClick", "onSaveClick", "onAdditionalButtonClick"] }, { kind: "component", type: i14.TsiModalHeaderComponent, selector: "Tsi-Modal-Header", inputs: ["inputTitle"], outputs: ["onCloseClick"] }, { kind: "component", type: i15.TsiFormComponent, selector: "tsi-form", inputs: ["class", "autocomplete", "optionalEndpoints", "disabled", "isLoading", "modalSize", "formEndpoint", "formName", "isReportingToolbarDisabled", "isCreateOnly"], outputs: ["onSave", "onSubmit", "onSubmitFormWorkflowConfiguration", "formRefChange", "onStatusChange"] }, { kind: "pipe", type: i16.LocalizePipe, name: "localize" }, { kind: "pipe", type: i17.ModalLabelPipe, name: "modalLabel" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateOrEditEntityInformationsComponent, decorators: [{
             type: Component,

package/esm2022/lib/tsi-components/create-or-edit-modele-import/create-or-edit-modele-import.component.mjs

@@ -194,7 +194,7 @@ export class CreateOrEditModeleImportComponent extends TsiFormComponentBaseCompo
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateOrEditModeleImportComponent, deps: [{ token: i1.ModeleImportService }, { token: i1.TsiNotificationService }, { token: i2.DynamicDialogConfig }, { token: i2.DynamicDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateOrEditModeleImportComponent, selector: "app-create-or-edit-modele-import", providers: [...appProviders], usesInheritance: true, ngImport: i0, template: "<tsi-form class=\"form-horizontal\" [isLoading]=\"isloading\" autocomplete=\"off\">\r\n  <Tsi-Modal-Header [inputTitle]=\"header | modalLabel : mode : 'Mod\u00E8le import'\"\r\n    (onCloseClick)=\"hide()\"></Tsi-Modal-Header>\r\n\r\n  <fieldset [disabled]=\"isDeleteMode() || isConsultMode() \">\r\n\r\n    <div class=\"modal-body\">\r\n      <div class=\"grid\">\r\n        <div class=\"col-8\">\r\n          <div class=\"grid\">\r\n\r\n            <Tsi-Label class=\"col-3\" [labelValue]=\"'Nom Modele'\"></Tsi-Label>\r\n            <Tsi-Text-Box [(inputField)]=\"modeleImport.nom\" [disabled]=\"false\" class=\"col-9\"\r\n              [inputName]=\"'nomModele'\"></Tsi-Text-Box>\r\n\r\n            <Tsi-Label class=\"col-3\" [labelValue]=\"'Nom Form'\"></Tsi-Label>\r\n            <Tsi-Text-Box [(inputField)]=\"modeleImport.form\" [disabled]=\"true\" class=\"col-9\"\r\n              [inputName]=\"'nomForm'\"></Tsi-Text-Box>\r\n\r\n            <Tsi-Label class=\"col-3\" [labelValue]=\"'Nom Classe'\"></Tsi-Label>\r\n            <Tsi-Text-Box [(inputField)]=\"modeleImport.classe\" [disabled]=\"true\" class=\"col-9\"\r\n              [inputName]=\"'nomClasse'\"></Tsi-Text-Box>\r\n\r\n            <Tsi-Label class=\"col-3\" [labelValue]=\"'Premiere Ligne Import'\"></Tsi-Label>\r\n            <Tsi-Integer [(inputField)]=\"modeleImport.premiereLigneImport\" [disabled]=\"false\" class=\"col-9\"\r\n              [inputName]=\"'premiereLigneImport'\"></Tsi-Integer>\r\n\r\n            <Tsi-Label class=\"col-3\" [labelValue]=\"'Derniere Ligne Import'\"></Tsi-Label>\r\n            <Tsi-Integer [(inputField)]=\"modeleImport.dernierLigneImport\" [disabled]=\"false\" class=\"col-9\"\r\n              [inputName]=\"'dernierLigneImport'\"></Tsi-Integer>\r\n\r\n            <Tsi-Label class=\"col-3\" [labelValue]=\"'Arrete lors de premier erreur '\"></Tsi-Label>\r\n            <Tsi-CheckBox [(inputField)]=\"modeleImport.arretePremierErreur\" [disabled]=\"false\" class=\"col-9\"\r\n              [inputName]=\"'arretePremierErreur'\"></Tsi-CheckBox>\r\n\r\n            <Tsi-Label class=\"col-3\" [labelValue]=\"'Ordre Ou Titre Colonne'\"></Tsi-Label>\r\n            <Tsi-Search-Combo (bindChange)=\"typeImportChange($event)\" class=\"col-9\" [listSourceUrl]=\"\r\n                  modeleImportEndPoints.getTypeNatureDocumentEnum()\r\n                \" [(bind)]=\"modeleImport.ordreOuTitreColonne\" id-field=\"key\" label-field=\"value\">\r\n            </Tsi-Search-Combo>\r\n\r\n            <Tsi-Label class=\"col-3\" [labelValue]=\"'Type de fichier'\"></Tsi-Label>\r\n            <Tsi-Search-Combo class=\"col-9\" [listSourceUrl]=\"\r\n                  modeleImportEndPoints.getImportFileTypeEnum()\r\n                \" [(bind)]=\"modeleImport.fileType\" id-field=\"key\" label-field=\"value\">\r\n            </Tsi-Search-Combo>\r\n\r\n              <Tsi-Label *ngIf=\"modeleImport.fileType == fileTypeImportEnumRef.CSV\" class=\"col-3\"\r\n                [labelValue]=\"'S\u00E9parateur de fichier CSV'\"></Tsi-Label>\r\n              <Tsi-Search-Combo *ngIf=\"modeleImport.fileType == fileTypeImportEnumRef.CSV\" class=\"col-9\"\r\n                [listSourceUrl]=\"\r\n                  modeleImportEndPoints.getCsvFileSeparatorEnum()\r\n                \" [(bind)]=\"modeleImport.csvFileSeparator\" id-field=\"key\" label-field=\"value\">\r\n              </Tsi-Search-Combo>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n\r\n    <div *ngIf=\"showModeleImportDetails\">\r\n      <Tsi-Generic-Editable-Grid [gridData]=\"modeleImport.modeleImportDetails\"\r\n        [events]=\"eventsSubjectModeleImportDetail.asObservable()\"\r\n        (rowDeletedEventEmitter)=\"onSaveModeleImportDetails($event)\" [columns]=\"modeleImportDetailColumns\"\r\n        [parent]=\"this\" [showSaveButton]=\"false\" [key]=\"'numLigne'\">\r\n      </Tsi-Generic-Editable-Grid>\r\n    </div>\r\n\r\n\r\n  </fieldset>\r\n\r\n  <Tsi-Modal-Footer [cancelDisabled]=\"saving\" [saveDisabled]=\"isSubmitDisabled()\" (onCancelClick)=\"hide()\"\r\n    (onSaveClick)=\"save()\"></Tsi-Modal-Footer>\r\n\r\n</tsi-form>", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.EditableGridComponent, selector: "Tsi-Generic-Editable-Grid", inputs: ["selectedItems", "configuration", "key", "items", "events", "showAddButton", "showDeleteButton", "showEditButton", "showRowSummary", "scrollHeight", "rowPerPage", "pageSize", "columns", "gridData", "isTableLoading", "parent", "showSaveButton", "showActionColumn", "enableRowDisabling", "rowSummaryConfig", "showHaveSumary", "showRowSumary", "selectKeyOnly", "selectionMode", "showConsultButton", "disabled", "editableGridBusinessClass", "orderColumn", "deleteLineButtonDisabled", "id"], outputs: ["itemsSave", "refreshEventEmitter", "saveDataEventEmitter", "rowChangedEventEmitter", "selectedRowEventEmitter", "addedRowEventEmitter", "focusOutEventEmitter", "cellChanged", "rowDeletedEventEmitter", "selectedItemsChange", "onRowSelect", "focusOutRow", "onConsultClicked"] }, { kind: "component", type: i5.TsiSearchComboComponent, selector: "Tsi-Search-Combo", inputs: ["elementSourceUrl", "listSourceUrl", "listSourceParams", "id-field", "label-field", "multiple", "sort", "showClear", "reloadDataSource", "isFiltered", "selectedLabel", "maxWidth", "businessClass", "comboType", "statusMetadata", "currentRowItem", "datasource", "bind", "maxSelectedLabels", "tooltipMaxDisplayedItems", "showSearchButton", "showAddButton", "showConsultButton", "showUpdateButton"], outputs: ["bindChange", "datasource-loaded", "init", "isLoaded", "selectedLabelChange", "onClick", "onSearchButtonClick"] }, { kind: "component", type: i6.TsiCheckboxComponent, selector: "Tsi-CheckBox", inputs: ["class", "isBinary", "checked", "tooltipText", "tooltipPosition"], outputs: ["inputFieldChange", "checkedChange"] }, { kind: "component", type: i7.TsiIntegerComponent, selector: "Tsi-Integer", inputs: ["class", "minValue", "maxValue", "delayChangeTime"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: i8.TsiTextBoxComponent, selector: "Tsi-Text-Box", inputs: ["textBoxType", "autocomplete"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: i9.TsiLabelComponent, selector: "Tsi-Label", inputs: ["labelValue", "styleClass", "infoText"] }, { kind: "component", type: i10.TsiModalFooterComponent, selector: "Tsi-Modal-Footer", inputs: ["cancelDisabled", "saveDisabled", "cancelLabel", "saveLabel", "isConsult", "isDuplicate", "isOnlyCreate", "additionalButtonLabel", "additionalButtonIcon", "additionalButtonDisabled", "showAdditionalButton"], outputs: ["onCancelClick", "onSaveClick", "onAdditionalButtonClick"] }, { kind: "component", type: i11.TsiModalHeaderComponent, selector: "Tsi-Modal-Header", inputs: ["inputTitle"], outputs: ["onCloseClick"] }, { kind: "component", type: i12.TsiFormComponent, selector: "tsi-form", inputs: ["class", "autocomplete", "optionalEndpoints", "disabled", "isLoading", "modalSize", "formEndpoint", "formName", "isReportingToolbarDisabled", "isCreateOnly"], outputs: ["onSave", "onSubmit", "onSubmitFormWorkflowConfiguration", "formRefChange", "onStatusChange"] }, { kind: "pipe", type: i13.ModalLabelPipe, name: "modalLabel" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateOrEditModeleImportComponent, selector: "app-create-or-edit-modele-import", providers: [...appProviders], usesInheritance: true, ngImport: i0, template: "<tsi-form class=\"form-horizontal\" [isLoading]=\"isloading\" autocomplete=\"off\">\r\n  <Tsi-Modal-Header [inputTitle]=\"header | modalLabel : mode : 'Mod\u00E8le import'\"\r\n    (onCloseClick)=\"hide()\"></Tsi-Modal-Header>\r\n\r\n  <fieldset [disabled]=\"isDeleteMode() || isConsultMode() \">\r\n\r\n    <div class=\"modal-body\">\r\n      <div class=\"grid\">\r\n        <div class=\"col-8\">\r\n          <div class=\"grid\">\r\n\r\n            <Tsi-Label class=\"col-3\" [labelValue]=\"'Nom Modele'\"></Tsi-Label>\r\n            <Tsi-Text-Box [(inputField)]=\"modeleImport.nom\" [disabled]=\"false\" class=\"col-9\"\r\n              [inputName]=\"'nomModele'\"></Tsi-Text-Box>\r\n\r\n            <Tsi-Label class=\"col-3\" [labelValue]=\"'Nom Form'\"></Tsi-Label>\r\n            <Tsi-Text-Box [(inputField)]=\"modeleImport.form\" [disabled]=\"true\" class=\"col-9\"\r\n              [inputName]=\"'nomForm'\"></Tsi-Text-Box>\r\n\r\n            <Tsi-Label class=\"col-3\" [labelValue]=\"'Nom Classe'\"></Tsi-Label>\r\n            <Tsi-Text-Box [(inputField)]=\"modeleImport.classe\" [disabled]=\"true\" class=\"col-9\"\r\n              [inputName]=\"'nomClasse'\"></Tsi-Text-Box>\r\n\r\n            <Tsi-Label class=\"col-3\" [labelValue]=\"'Premiere Ligne Import'\"></Tsi-Label>\r\n            <Tsi-Integer [(inputField)]=\"modeleImport.premiereLigneImport\" [disabled]=\"false\" class=\"col-9\"\r\n              [inputName]=\"'premiereLigneImport'\"></Tsi-Integer>\r\n\r\n            <Tsi-Label class=\"col-3\" [labelValue]=\"'Derniere Ligne Import'\"></Tsi-Label>\r\n            <Tsi-Integer [(inputField)]=\"modeleImport.dernierLigneImport\" [disabled]=\"false\" class=\"col-9\"\r\n              [inputName]=\"'dernierLigneImport'\"></Tsi-Integer>\r\n\r\n            <Tsi-Label class=\"col-3\" [labelValue]=\"'Arrete lors de premier erreur '\"></Tsi-Label>\r\n            <Tsi-CheckBox [(inputField)]=\"modeleImport.arretePremierErreur\" [disabled]=\"false\" class=\"col-9\"\r\n              [inputName]=\"'arretePremierErreur'\"></Tsi-CheckBox>\r\n\r\n            <Tsi-Label class=\"col-3\" [labelValue]=\"'Ordre Ou Titre Colonne'\"></Tsi-Label>\r\n            <Tsi-Search-Combo (bindChange)=\"typeImportChange($event)\" class=\"col-9\" [listSourceUrl]=\"\r\n                  modeleImportEndPoints.getTypeNatureDocumentEnum()\r\n                \" [(bind)]=\"modeleImport.ordreOuTitreColonne\" id-field=\"key\" label-field=\"value\">\r\n            </Tsi-Search-Combo>\r\n\r\n            <Tsi-Label class=\"col-3\" [labelValue]=\"'Type de fichier'\"></Tsi-Label>\r\n            <Tsi-Search-Combo class=\"col-9\" [listSourceUrl]=\"\r\n                  modeleImportEndPoints.getImportFileTypeEnum()\r\n                \" [(bind)]=\"modeleImport.fileType\" id-field=\"key\" label-field=\"value\">\r\n            </Tsi-Search-Combo>\r\n\r\n              <Tsi-Label *ngIf=\"modeleImport.fileType == fileTypeImportEnumRef.CSV\" class=\"col-3\"\r\n                [labelValue]=\"'S\u00E9parateur de fichier CSV'\"></Tsi-Label>\r\n              <Tsi-Search-Combo *ngIf=\"modeleImport.fileType == fileTypeImportEnumRef.CSV\" class=\"col-9\"\r\n                [listSourceUrl]=\"\r\n                  modeleImportEndPoints.getCsvFileSeparatorEnum()\r\n                \" [(bind)]=\"modeleImport.csvFileSeparator\" id-field=\"key\" label-field=\"value\">\r\n              </Tsi-Search-Combo>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n\r\n    <div *ngIf=\"showModeleImportDetails\">\r\n      <Tsi-Generic-Editable-Grid [gridData]=\"modeleImport.modeleImportDetails\"\r\n        [events]=\"eventsSubjectModeleImportDetail.asObservable()\"\r\n        (rowDeletedEventEmitter)=\"onSaveModeleImportDetails($event)\" [columns]=\"modeleImportDetailColumns\"\r\n        [parent]=\"this\" [showSaveButton]=\"false\" [key]=\"'numLigne'\">\r\n      </Tsi-Generic-Editable-Grid>\r\n    </div>\r\n\r\n\r\n  </fieldset>\r\n\r\n  <Tsi-Modal-Footer [cancelDisabled]=\"saving\" [saveDisabled]=\"isSubmitDisabled()\" (onCancelClick)=\"hide()\"\r\n    (onSaveClick)=\"save()\"></Tsi-Modal-Footer>\r\n\r\n</tsi-form>", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.EditableGridComponent, selector: "Tsi-Generic-Editable-Grid", inputs: ["selectedItems", "configuration", "key", "items", "events", "showAddButton", "showDeleteButton", "showEditButton", "showRowSummary", "scrollHeight", "rowPerPage", "pageSize", "columns", "gridData", "isTableLoading", "parent", "showSaveButton", "showActionColumn", "enableRowDisabling", "rowSummaryConfig", "showHaveSumary", "showRowSumary", "selectKeyOnly", "selectionMode", "showConsultButton", "disabled", "editableGridBusinessClass", "orderColumn", "deleteLineButtonDisabled", "id"], outputs: ["itemsSave", "refreshEventEmitter", "saveDataEventEmitter", "rowChangedEventEmitter", "selectedRowEventEmitter", "addedRowEventEmitter", "focusOutEventEmitter", "cellChanged", "rowDeletedEventEmitter", "selectedItemsChange", "onRowSelect", "focusOutRow", "onConsultClicked"] }, { kind: "component", type: i5.TsiSearchComboComponent, selector: "Tsi-Search-Combo", inputs: ["elementSourceUrl", "listSourceUrl", "listSourceParams", "id-field", "label-field", "multiple", "sort", "showClear", "reloadDataSource", "isFiltered", "selectedLabel", "maxWidth", "businessClass", "comboType", "statusMetadata", "currentRowItem", "datasource", "bind", "maxSelectedLabels", "tooltipMaxDisplayedItems", "bindMode", "showSearchButton", "showAddButton", "showConsultButton", "showUpdateButton"], outputs: ["bindChange", "datasource-loaded", "init", "isLoaded", "selectedLabelChange", "onClick", "onSearchButtonClick", "selectionChange"] }, { kind: "component", type: i6.TsiCheckboxComponent, selector: "Tsi-CheckBox", inputs: ["class", "isBinary", "checked", "tooltipText", "tooltipPosition"], outputs: ["inputFieldChange", "checkedChange"] }, { kind: "component", type: i7.TsiIntegerComponent, selector: "Tsi-Integer", inputs: ["class", "minValue", "maxValue", "delayChangeTime"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: i8.TsiTextBoxComponent, selector: "Tsi-Text-Box", inputs: ["textBoxType", "autocomplete"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: i9.TsiLabelComponent, selector: "Tsi-Label", inputs: ["labelValue", "styleClass", "infoText"] }, { kind: "component", type: i10.TsiModalFooterComponent, selector: "Tsi-Modal-Footer", inputs: ["cancelDisabled", "saveDisabled", "cancelLabel", "saveLabel", "isConsult", "isDuplicate", "isOnlyCreate", "additionalButtonLabel", "additionalButtonIcon", "additionalButtonDisabled", "showAdditionalButton"], outputs: ["onCancelClick", "onSaveClick", "onAdditionalButtonClick"] }, { kind: "component", type: i11.TsiModalHeaderComponent, selector: "Tsi-Modal-Header", inputs: ["inputTitle"], outputs: ["onCloseClick"] }, { kind: "component", type: i12.TsiFormComponent, selector: "tsi-form", inputs: ["class", "autocomplete", "optionalEndpoints", "disabled", "isLoading", "modalSize", "formEndpoint", "formName", "isReportingToolbarDisabled", "isCreateOnly"], outputs: ["onSave", "onSubmit", "onSubmitFormWorkflowConfiguration", "formRefChange", "onStatusChange"] }, { kind: "pipe", type: i13.ModalLabelPipe, name: "modalLabel" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateOrEditModeleImportComponent, decorators: [{
             type: Component,

package/esm2022/lib/tsi-components/input-components/editable-grid/editable-grid.component.mjs

@@ -538,7 +538,7 @@ export class EditableGridComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditableGridComponent, deps: [{ token: i1.LocalizePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EditableGridComponent, selector: "Tsi-Generic-Editable-Grid", inputs: { selectedItems: "selectedItems", configuration: "configuration", key: "key", items: "items", saveEvent: ["events", "saveEvent"], showAddButton: "showAddButton", showDeleteButton: "showDeleteButton", showEditButton: "showEditButton", showRowSummary: "showRowSummary", scrollHeight: "scrollHeight", rowPerPage: "rowPerPage", pageSize: "pageSize", columns: "columns", gridData: "gridData", isTableLoading: "isTableLoading", parent: "parent", events: "events", showSaveButton: "showSaveButton", showActionColumn: "showActionColumn", enableRowDisabling: "enableRowDisabling", rowSummaryConfig: "rowSummaryConfig", showHaveSumary: "showHaveSumary", showRowSumary: "showRowSumary", selectKeyOnly: "selectKeyOnly", selectionMode: "selectionMode", showConsultButton: "showConsultButton", disabled: "disabled", editableGridBusinessClass: "editableGridBusinessClass", orderColumn: "orderColumn", deleteLineButtonDisabled: "deleteLineButtonDisabled", id: "id" }, outputs: { itemsSave: "itemsSave", refreshEventEmitter: "refreshEventEmitter", saveDataEventEmitter: "saveDataEventEmitter", rowChangedEventEmitter: "rowChangedEventEmitter", selectedRowEventEmitter: "selectedRowEventEmitter", addedRowEventEmitter: "addedRowEventEmitter", focusOutEventEmitter: "focusOutEventEmitter", cellChanged: "cellChanged", rowDeletedEventEmitter: "rowDeletedEventEmitter", selectedItemsChange: "selectedItemsChange", onRowSelect: "onRowSelect", focusOutRow: "focusOutRow", onConsultClicked: "onConsultClicked" }, providers: [GenericValidationStateService], viewQueries: [{ propertyName: "editableTable", first: true, predicate: ["editableTable"], descendants: true }, { propertyName: "dt", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<div class=\"card\">\r\n  <p-table #dt [selectionMode]=\"selectionMode\" [(selection)]=\"selectedItems\" editMode=\"row\"\r\n    [paginator]=\"gridData.length > pageSize\" [rowsPerPageOptions]=\"rowPerPage\" [rows]=\"pageSize\"\r\n    (onRowSelect)=\"onRowSelected($event)\" (onRowUnselect)=\"onRowUnselect($event)\" [scrollable]=\"true\"\r\n    [resizableColumns]=\"true\" columnResizeMode=\"expand\" appendTo=\"body\" styleClass=\"p-datatable-sm\" [value]=\"gridData\"\r\n    [columns]=\"selectedColumns\" [dataKey]=\"key\" [scrollHeight]=\"scrollHeight\" styleClass=\"p-datatable-gridlines\"\r\n    (selectionChange)=\"selectionChange($event)\" #editableTable [totalRecords]=\"gridData.length\">\r\n    <!-- [tableStyle]=\"{'min-width': '50rem','width': 'inherit'}\" -->\r\n\r\n    <ng-template pTemplate=\"caption\">\r\n      <p-multiSelect [options]=\"columns\" [(ngModel)]=\"selectedColumns\"\r\n        selectedItemsLabel=\"{0} {{ 'columns_selected' | localize }}\" optionLabel=\"translatedHeader\"\r\n        [style]=\"{'min-width': '180px'}\" placeholder=\"{{ 'choose_columns' | localize }}\">\r\n        <ng-template let-option pTemplate=\"item\">\r\n          <div class=\"flex items-center gap-2\">\r\n            <span>{{ option.header | localize }}</span>\r\n          </div>\r\n        </ng-template>\r\n      </p-multiSelect>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n\r\n      <tr>\r\n        <ng-container *ngIf=\"selectionMode != multipleGridSelectionMode\">\r\n          <th pResizableColumn pFrozenColumn style=\"min-width:2rem; left: 1rem !important; width:2rem !important;\"></th>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"selectionMode == multipleGridSelectionMode\">\r\n          <th pResizableColumn pFrozenColumn style=\"min-width:2rem; left: 1rem !important; width:2rem !important;\">\r\n            <p-tableHeaderCheckbox #tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n          </th>\r\n        </ng-container>\r\n        \r\n        <th pResizableColumn pFrozenColumn *ngIf=\"showHaveSumary\" scope=\"col\"\r\n          style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\"></th>\r\n\r\n        <!-- <th pResizableColumn pFrozenColumn *ngIf=\"showEditButton\" scope=\"col\"\r\n          style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\"></th> -->\r\n        \r\n        <th pResizableColumn pFrozenColumn *ngIf=\"showConsultButton\" scope=\"col\"\r\n          style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\"></th>\r\n        <th pResizableColumn pFrozenColumn *ngIf=\"showDeleteButton\" scope=\"col\"\r\n          style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\"></th>\r\n\r\n        <th pResizableColumn pFrozenColumn [frozen]=\"col.isFrozen\" [style]=\"col.style\" scope=\"col\"\r\n          style=\"min-width:3rem;\" pSortableColumn=\"{{col.field}}\" *ngFor=\"let col of columns\"\r\n          pTooltip=\"{{col.toolTipText | localize }}\" tooltipPosition=\"top\" pReorderableColumn>{{ col.header | localize\r\n          }}\r\n          <p-sortIcon field=\"{{col.field}}\"></p-sortIcon>\r\n          <Tsi-Bubble-Info [infoText]=\"col.infoText | localize\"></Tsi-Bubble-Info>\r\n        </th>\r\n        <th style=\"min-width:3rem\" *ngIf=\"showRowSummary\" scope=\"col\">{{'RowSummary' | localize}}</th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"body\" let-item let-editing=\"editing\" let-columns=\"columns\" let-rowIndex=\"rowIndex\">\r\n      \r\n      <tr [pEditableRow]=\"item\"\r\n        *ngIf=\"selectionMode == multipleGridSelectionMode || selectionMode == undefined; else selectionModeBlock\"\r\n        (focusOut)=\"onFocusOutRow(item)\">\r\n        \r\n        <td style=\"text-align: center;\">\r\n          <p-tableCheckbox [value]=\"item\" ></p-tableCheckbox>\r\n        </td>\r\n\r\n        <!-- <td pFrozenColumn style=\"left: 1rem !important; width:3rem !important;\" class=\"p-1\"> -->\r\n\r\n\r\n        <!-- <td pFrozenColumn style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\" class=\"p-1\">\r\n        </td> -->\r\n\r\n        <!-- <td pFrozenColumn *ngIf=\"showEditButton\" style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\" class=\"p-1\">\r\n          <div class=\"flex align-items-center justify-content-center\">\r\n            <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow icon=\"pi pi-pencil\"\r\n              class=\"p-button-rounded p-button-text\">\r\n            </button>\r\n            <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow icon=\"pi pi-check\"\r\n              class=\"p-button-rounded p-button-text p-button-success -ml-1\">\r\n            </button>\r\n            <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow icon=\"pi pi-times\"\r\n              class=\"p-button-rounded p-button-text p-button-danger -ml-2\">\r\n            </button>\r\n          </div>\r\n        </td> -->\r\n        <td pFrozenColumn *ngIf=\"showHaveSumary\" scope=\"col\" style=\"left: 1rem !important; width:3rem !important;\"></td>\r\n\r\n        <td pFrozenColumn *ngIf=\"showConsultButton\" style=\"left: -1rem !important; width:3rem !important;\"\r\n          class=\"p-1 btn-consult-style\">\r\n          <div class=\"p-0\">\r\n            <Tsi-Button [buttonType]=\"buttonType.Button\" icon=\"p-button-icon pi pi-eye\"\r\n              [tooltipPosition]=\"tooltipPosition.Top\" tooltipText=\"shared_edittable_consulter\"\r\n              styleClass=\"p-button-rounded p-button-text p-button-secondary\" (click)=\"consult(item)\"></Tsi-Button>\r\n          </div>\r\n        </td>\r\n\r\n        <td pFrozenColumn *ngIf=\"showDeleteButton\" \r\n          style=\"left: 1rem !important; width:3rem !important;\"\r\n          class=\"p-1 btn-delete-style\">\r\n          <div class=\"p-0\">\r\n            <Tsi-Button [disabled]=\"isDeleteButtonDisabled(item)\" type=\"button\" icon=\"p-button-icon pi pi-trash\"\r\n              [tooltipPosition]=\"tooltipPosition.Top\" tooltipText=\"shared_edittable_supprimer\"\r\n              styleClass=\"p-element p-button-rounded p-button-text p-button-danger p-button p-component p-button-icon-only\"\r\n              (click)=\"delete(item)\"></Tsi-Button>\r\n          </div>\r\n        </td>\r\n\r\n\r\n        <td class=\"ui-resizable-column\" pFrozenColumn [frozen]=\"col.isFrozen\" *ngFor=\"let col of columns\"\r\n          [ngStyle]=\"isAr ? {'text-align': 'start'} : {}\">\r\n          \r\n          \r\n          <div *ngIf=\"col.displayOnly || disabled; else ordinaryBloc\">\r\n\r\n                <!-- Tsi-Search-Combo -->\r\n                <div *ngIf=\"col.type == inputTypes.SEARCH_COMBO; else currencySocieteOutputBlock\">\r\n                  <Tsi-Search-Combo [disabled]=\"true\" [elementSourceUrl]=\"col.elementSourceUrl\"\r\n                    [businessClass]=\"col.businessClass\" [currentRowItem]=\"item\" [(bind)]=\"item[col.field]\"\r\n                    id-field=\"{{col.idField}}\" [listSourceUrl]=\"col.listSourceUrl\" label-field=\"{{col.labelField}}\"\r\n                    [isFiltered]=\"col.isFiltered\" [datasource]=\"col.datasource\"\r\n                    [showSearchButton]=\"col.showSearchButton ?? true\" [showAddButton]=\"col.showAddButton ?? true\"\r\n                    [showUpdateButton]=\"col.showUpdateButton ?? undefined\"\r\n                    [showConsultButton]=\"col.showConsultButton ?? undefined\"\r\n                    [validationStatusCssClass]=\"col.validationStatusCssClass\"\r\n                    [inputName]=\"col.inputName\"></Tsi-Search-Combo>\r\n                </div>\r\n\r\n                <!-- Tsi-Currency-Societe-Display -->\r\n                <ng-template #currencySocieteOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_SOCIETE_INPUT; else currencyOtherOutputBlock\">\r\n                    <Tsi-Currency-Societe-Display [inputData]=\"item[col.field]\">\r\n                    </Tsi-Currency-Societe-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Currency-Other-Display -->\r\n                <ng-template #currencyOtherOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_OTHER_INPUT; else datePickerOutputBlock\">\r\n                    <Tsi-Currency-Other-Display [currency]=\"col.currencyOtherCode\" [inputData]=\"item[col.field]\">\r\n                    </Tsi-Currency-Other-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Date-Display -->\r\n                <ng-template #datePickerOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.DATE; else checkBoxOutputBlock\">\r\n                    <Tsi-Date-Display [showTime]=\"col.showTime\" [inputData]=\"item[col.field]\">\r\n                    </Tsi-Date-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-CheckBox-Display -->\r\n                <ng-template #checkBoxOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CHECKBOX; else decimalOutputBlock\">\r\n                    <Tsi-Checkbox-Display [inputData]=\"item[col.field]\">\r\n                    </Tsi-Checkbox-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Decimal-Display -->\r\n                <ng-template #decimalOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.DECIMAL_INPUT; else integerOutputBlock\">\r\n                    <Tsi-Decimal-Display [formatDecimal]=\"col.formatDecimal\" [inputData]=\"item[col.field]\"\r\n                      [numOfDecimal]=\"col.numOfDecimal\">\r\n                    </Tsi-Decimal-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Integer-Display -->\r\n                <ng-template #integerOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.INTEGER; else rateOutputBlock\">\r\n                    <Tsi-Integer-Display [inputData]=\"item[col.field]\">\r\n                    </Tsi-Integer-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Rate-Display -->\r\n                <ng-template #rateOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.RATE_INPUT; else timeOutputBlock\">\r\n                    <Tsi-Rate-Display [isFraction]=\"col.isFraction\" [inputData]=\"item[col.field]\">\r\n                    </Tsi-Rate-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Time-Display -->\r\n                <ng-template #timeOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.TIME; else formulaOutputBlock\">\r\n                    <tsi-time-display [inputData]=\"item[col.field]\"></tsi-time-display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Formula-Display -->\r\n                <ng-template #formulaOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.FORMULA_TEXT_BOX; else defaultTextOutputBlock\">\r\n                    <Tsi-Formula-Box [inputName]=\"col.inputName\" [(value)]=\"item[col.field]\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\"></Tsi-Formula-Box>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Text-Box -->\r\n                <ng-template #defaultTextOutputBlock>\r\n                  <ng-container>\r\n                    <span>\r\n                      {{item[col.field]}}\r\n                    </span>\r\n                  </ng-container>\r\n                </ng-template>\r\n          </div>\r\n\r\n          <ng-template #ordinaryBloc> \r\n            \r\n            <!-- Tsi-Search-Combo -->\r\n            <div *ngIf=\"col.type == inputTypes.SEARCH_COMBO; else currencySocieteInputBlock\">\r\n              <Tsi-Search-Combo [elementSourceUrl]=\"col.elementSourceUrl\" (bindChange)=\"inputChanged(col)\"\r\n                [businessClass]=\"col.businessClass\" [listSourceUrl]=\"col.listSourceUrl\" [(bind)]=\"item[col.field]\"\r\n                id-field=\"{{col.idField}}\" label-field=\"{{col.labelField}}\" [isFiltered]=\"col.isFiltered\"\r\n                [currentRowItem]=\"item\" (bindChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\"\r\n                [datasource]=\"col.datasource\" [showSearchButton]=\"col.showSearchButton ?? true\"\r\n                [showAddButton]=\"col.showAddButton ?? true\" [showUpdateButton]=\"col.showUpdateButton ?? undefined\"\r\n                [showConsultButton]=\"col.showConsultButton ?? undefined\"\r\n                [validationStatusCssClass]=\"col.validationStatusCssClass\"\r\n                [inputName]=\"col.inputName\"></Tsi-Search-Combo>\r\n            </div>\r\n\r\n            <!-- Tsi-Currency-Societe-Input -->\r\n            <ng-template #currencySocieteInputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_SOCIETE_INPUT; else currencyOtherInputBlock\">\r\n                <Tsi-Currency-Societe-Input [inputName]=\"col.inputName\" [disabled]=\"col.disabled\" [inputId]=\"col.field\"\r\n                  [(inputField)]=\"item[col.field]\" (inputFieldChange)=\"onCellValueChanged(col, $event, item)\"\r\n                  [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                </Tsi-Currency-Societe-Input>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Currency-Other-Input -->\r\n            <ng-template #currencyOtherInputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_OTHER_INPUT; else datePickerInputBlock\">\r\n                <Tsi-Currency-Other-Input [inputName]=\"col.inputName\"\r\n                  [validationStatusCssClass]=\"col.validationStatusCssClass\" [inputId]=\"col.field\"\r\n                  [(inputField)]=\"item[col.field]\" (inputFieldChange)=\"onCellValueChanged(col, $event, item)\"\r\n                  [numOfDecimal]=\"col.numOfDecimal\" [disabled]=\"col.disabled\">\r\n                </Tsi-Currency-Other-Input>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Date-Picker -->\r\n            <ng-template #datePickerInputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.DATE; else checkBoxInputBlock\">\r\n                <Tsi-Date-Picker [inputName]=\"col.inputName\" [inputId]=\"col.field\" [(inputField)]=\"item[col.field]\"\r\n                  (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [showTime]=\"col.showTime\"\r\n                  [disabled]=\"col.disabled\" [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                </Tsi-Date-Picker>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-CheckBox -->\r\n            <ng-template #checkBoxInputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.CHECKBOX; else decimalInputBlock\">\r\n                <Tsi-CheckBox [inputName]=\"col.inputName\" [inputId]=\"col.field\" [(inputField)]=\"item[col.field]\"\r\n                  (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\"\r\n                  [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                </Tsi-CheckBox>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Decimal-Input -->\r\n            <ng-template #decimalInputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.DECIMAL_INPUT; else integerInputBlock\">\r\n                <Tsi-Decimal-Input [inputName]=\"col.inputName\" [inputId]=\"col.field\" [(inputField)]=\"item[col.field]\"\r\n                  (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [numOfDecimal]=\"col.numOfDecimal\"\r\n                  [disabled]=\"col.disabled\" [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                </Tsi-Decimal-Input>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Integer -->\r\n            <ng-template #integerInputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.INTEGER; else rateInputBlock\">\r\n                <Tsi-Integer [inputName]=\"col.inputName\" [validationStatusCssClass]=\"col.validationStatusCssClass\"\r\n                  [inputId]=\"col.field\" [(inputField)]=\"item[col.field]\"\r\n                  (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\">\r\n                </Tsi-Integer>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Rate-Input -->\r\n            <ng-template #rateInputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.RATE_INPUT; else timeInputBloc\">\r\n                <Tsi-Rate-Input [inputName]=\"col.inputName\" [numOfDecimal]=\"col.numOfDecimal\" [inputId]=\"col.field\"\r\n                  [(inputField)]=\"item[col.field]\" (inputFieldChange)=\"onCellValueChanged(col, $event, item)\"\r\n                  [disabled]=\"col.disabled\" [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                </Tsi-Rate-Input>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Time-picker bloc -->\r\n            <ng-template #timeInputBloc>\r\n              <ng-container *ngIf=\"col.type == inputTypes.TIME; else formulaInputBlock\">\r\n                <tsi-time-picker (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [inputName]=\"col.inputName\"\r\n                  [inputId]=\"col.field\" [(inputField)]=\"item[col.field]\" [disabled]=\"col.disabled\"\r\n                  [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                </tsi-time-picker>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <ng-template #formulaInputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.FORMULA_TEXT_BOX; else defaultTextInputBlock\">\r\n                <!--<Tsi-Bubble-Info\r\n                  [infoText]=\"['formula_explication',\r\n                  ]\"></Tsi-Bubble-Info> -->\r\n                <Tsi-Formula-Box [inputName]=\"col.inputName\" [(value)]=\"item[col.field]\"\r\n                  [validationStatusCssClass]=\"col.validationStatusCssClass\"></Tsi-Formula-Box>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Text-Box -->\r\n            <ng-template #defaultTextInputBlock>\r\n              <ng-container>\r\n                <Tsi-Text-Box [inputId]=\"col.field\" [(inputField)]=\"item[col.field]\" (keydown)=\"handleKeydown($event)\"\r\n                  (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\"\r\n                  [inputName]=\"col.inputName\" [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                </Tsi-Text-Box>\r\n              \r\n              </ng-container>\r\n            </ng-template>\r\n          </ng-template>\r\n\r\n        </td>\r\n\r\n        <td *ngIf=\"showRowSummary\" class=\"font-bold\">\r\n          {{rowSummary(item)}}\r\n        </td>\r\n      </tr>\r\n\r\n      <ng-template #selectionModeBlock>\r\n        <ng-container>\r\n          <tr [pEditableRow]=\"item\" [pSelectableRow]=\"item\" [pSelectableRowIndex]=\"rowIndex\"\r\n            (focusOut)=\"onFocusOutRow(item)\">\r\n\r\n       <!-- <td pFrozenColumn style=\"left: 1rem !important; width:3rem !important;\" class=\"p-1\"> -->\r\n\r\n            <td pFrozenColumn style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\" class=\"p-1\">\r\n              </td>\r\n\r\n            <!-- <td *ngIf=\"selectionMode == multipleGridSelectionMode\" style=\"width: 2rem;\">\r\n              <p-tableHeaderCheckbox #tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n            </td> -->\r\n\r\n            <!-- <td pFrozenColumn *ngIf=\"showEditButton\" style=\"min-width:3rem;left: 1rem !important; width:3rem !important;\" class=\"p-1\">\r\n              <div class=\"flex align-items-center justify-content-center\">\r\n                <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow icon=\"pi pi-pencil\"\r\n                  class=\"p-button-rounded p-button-text\">\r\n                </button>\r\n                <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow icon=\"pi pi-check\"\r\n                  class=\"p-button-rounded p-button-text p-button-success -ml-1\">\r\n                </button>\r\n                <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow icon=\"pi pi-times\"\r\n                  class=\"p-button-rounded p-button-text p-button-danger -ml-2\">\r\n                </button>\r\n              </div>\r\n            </td> -->\r\n            \r\n            <td pFrozenColumn *ngIf=\"showHaveSumary\" scope=\"col\" style=\"left: 1rem !important; width:3rem !important;\">\r\n            </td>\r\n            \r\n            <td pFrozenColumn pResizableColumn *ngIf=\"showConsultButton\"\r\n              style=\"left: 1rem !important; width:3rem !important;\" class=\"p-1 btn-consult-style\">\r\n              <div class=\"p-0\">\r\n                <Tsi-Button [buttonType]=\"buttonType.Button\" icon=\"p-button-icon pi pi-eye\"\r\n                  [tooltipPosition]=\"tooltipPosition.Top\" tooltipText=\"shared_edittable_consulter\"\r\n                  styleClass=\"p-button-rounded p-button-text p-button-secondary\" (click)=\"consult(item)\"></Tsi-Button>\r\n              </div>\r\n            </td>\r\n\r\n            <td pFrozenColumn pResizableColumn *ngIf=\"showDeleteButton\" style=\"left: 1rem !important; width:3rem !important;\"\r\n              class=\"p-1 btn-delete-style\">\r\n              <div class=\"p-0\">\r\n                <Tsi-Button type=\"button\" icon=\"p-button-icon pi pi-trash\" [tooltipPosition]=\"tooltipPosition.Top\"\r\n                  tooltipText=\"shared_edittable_supprimer\"\r\n                  styleClass=\"p-element p-button-rounded p-button-text p-button-danger p-button p-component p-button-icon-only\"\r\n                  (click)=\"delete(item)\"></Tsi-Button>\r\n              </div>\r\n            </td>\r\n            \r\n            <td class=\"ui-resizable-column\" pFrozenColumn [frozen]=\"col.isFrozen\" *ngFor=\"let col of columns\">\r\n\r\n              <div *ngIf=\"col.displayOnly || disabled; else ordinaryBloc\">\r\n                <!-- Tsi-Search-Combo -->\r\n                <div *ngIf=\"col.type == inputTypes.SEARCH_COMBO; else currencySocieteOutputBlock\">\r\n                  <Tsi-Search-Combo [disabled]=\"true\" [elementSourceUrl]=\"col.elementSourceUrl\"\r\n                    [businessClass]=\"col.businessClass\" [currentRowItem]=\"item\" [(bind)]=\"item[col.field]\"\r\n                    id-field=\"{{col.idField}}\" [listSourceUrl]=\"col.listSourceUrl\" label-field=\"{{col.labelField}}\"\r\n                    [isFiltered]=\"col.isFiltered\" [datasource]=\"col.datasource\"\r\n                    [showSearchButton]=\"col.showSearchButton ?? true\" [showAddButton]=\"col.showAddButton ?? true\"\r\n                    [showUpdateButton]=\"col.showUpdateButton ?? undefined\"\r\n                    [showConsultButton]=\"col.showConsultButton ?? undefined\"\r\n                    [validationStatusCssClass]=\"col.validationStatusCssClass\"\r\n                    [inputName]=\"col.inputName\"></Tsi-Search-Combo>\r\n                </div>\r\n\r\n                <!-- Tsi-Currency-Societe-Display -->\r\n                <ng-template #currencySocieteOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_SOCIETE_INPUT; else currencyOtherOutputBlock\">\r\n                    <Tsi-Currency-Societe-Display [inputData]=\"item[col.field]\">\r\n                    </Tsi-Currency-Societe-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Currency-Other-Display -->\r\n                <ng-template #currencyOtherOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_OTHER_INPUT; else datePickerOutputBlock\">\r\n                    <Tsi-Currency-Other-Display [currency]=\"col.currencyOtherCode\" [inputData]=\"item[col.field]\">\r\n                    </Tsi-Currency-Other-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Date-Display -->\r\n                <ng-template #datePickerOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.DATE; else checkBoxOutputBlock\">\r\n                    <Tsi-Date-Display [showTime]=\"col.showTime\" [inputData]=\"item[col.field]\">\r\n                    </Tsi-Date-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-CheckBox-Display -->\r\n                <ng-template #checkBoxOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CHECKBOX; else decimalOutputBlock\">\r\n                    <Tsi-Checkbox-Display [inputData]=\"item[col.field]\">\r\n                    </Tsi-Checkbox-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Decimal-Display -->\r\n                <ng-template #decimalOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.DECIMAL_INPUT; else integerOutputBlock\">\r\n                    <Tsi-Decimal-Display [formatDecimal]=\"col.formatDecimal\" [inputData]=\"item[col.field]\"\r\n                      [numOfDecimal]=\"col.numOfDecimal\">\r\n                    </Tsi-Decimal-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Integer-Display -->\r\n                <ng-template #integerOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.INTEGER; else rateOutputBlock\">\r\n                    <Tsi-Integer-Display [inputData]=\"item[col.field]\">\r\n                    </Tsi-Integer-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Rate-Display -->\r\n                <ng-template #rateOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.RATE_INPUT; else timeOutputBlock\">\r\n                    <Tsi-Rate-Display [isFraction]=\"col.isFraction\" [inputData]=\"item[col.field]\">\r\n                    </Tsi-Rate-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Time-Display -->\r\n                <ng-template #timeOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.TIME; else formulaOutputBlock\">\r\n                    <tsi-time-display [inputData]=\"item[col.field]\"></tsi-time-display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Formula-Display -->\r\n                <ng-template #formulaOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.FORMULA_TEXT_BOX; else defaultTextOutputBlock\">\r\n                    <Tsi-Formula-Box [inputName]=\"col.inputName\" [(value)]=\"item[col.field]\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\"></Tsi-Formula-Box>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Text-Box -->\r\n                <ng-template #defaultTextOutputBlock>\r\n                  <ng-container>\r\n                    <span>\r\n                      {{item[col.field]}}\r\n                    </span>\r\n                  </ng-container>\r\n                </ng-template>\r\n              </div>\r\n              \r\n              <ng-template #ordinaryBloc>\r\n                <!-- Tsi-Search-Combo -->\r\n                <div *ngIf=\"col.type == inputTypes.SEARCH_COMBO; else currencySocieteInputBlock\">\r\n                  <Tsi-Search-Combo [elementSourceUrl]=\"col.elementSourceUrl\" (bindChange)=\"inputChanged(col)\"\r\n                    [listSourceUrl]=\"col.listSourceUrl\" [(bind)]=\"item[col.field]\" id-field=\"{{col.idField}}\"\r\n                    label-field=\"{{col.labelField}}\" [isFiltered]=\"col.isFiltered\" [businessClass]=\"col.businessClass\"\r\n                    (bindChange)=\"onCellValueChanged(col, $event, item)\" [currentRowItem]=\"item\"\r\n                    [datasource]=\"col.datasource\" [disabled]=\"col.disabled\"\r\n                    [showSearchButton]=\"col.showSearchButton ?? true\" [showAddButton]=\"col.showAddButton ?? true\"\r\n                    [showUpdateButton]=\"col.showUpdateButton ?? undefined\"\r\n                    [showConsultButton]=\"col.showConsultButton ?? undefined\"\r\n                    [validationStatusCssClass]=\"col.validationStatusCssClass\"\r\n                    [inputName]=\"col.inputName\"></Tsi-Search-Combo>\r\n                </div>\r\n\r\n                <!-- Tsi-Currency-Societe-Input -->\r\n                <ng-template #currencySocieteInputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_SOCIETE_INPUT; else currencyOtherInputBlock\">\r\n                    <Tsi-Currency-Societe-Input [inputName]=\"col.inputName\" [inputId]=\"col.field\"\r\n                      [(inputField)]=\"item[col.field]\" (inputFieldChange)=\"inputChanged(col)\"\r\n                      (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                    </Tsi-Currency-Societe-Input>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Currency-Other-Input -->\r\n                <ng-template #currencyOtherInputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_OTHER_INPUT; else datePickerInputBlock\">\r\n                    <Tsi-Currency-Other-Input [disabled]=\"col.disabled\" [inputName]=\"col.inputName\"\r\n                      [inputId]=\"col.field\" (inputFieldChange)=\"inputChanged(col)\" [(inputField)]=\"item[col.field]\"\r\n                      (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [numOfDecimal]=\"col.numOfDecimal\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                    </Tsi-Currency-Other-Input>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Date-Picker -->\r\n                <ng-template #datePickerInputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.DATE; else checkBoxInputBlock\">\r\n                    <Tsi-Date-Picker [showTime]=\"col.showTime\" [inputName]=\"col.inputName\" [inputId]=\"col.field\"\r\n                      (inputFieldChange)=\"inputChanged(col)\" [(inputField)]=\"item[col.field]\"\r\n                      (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                    </Tsi-Date-Picker>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-CheckBox -->\r\n                <ng-template #checkBoxInputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CHECKBOX; else decimalInputBlock\">\r\n                    <Tsi-CheckBox [inputName]=\"col.inputName\" [inputId]=\"col.field\"\r\n                      (inputFieldChange)=\"inputChanged(col)\" [(inputField)]=\"item[col.field]\"\r\n                      (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                    </Tsi-CheckBox>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Decimal-Input -->\r\n                <ng-template #decimalInputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.DECIMAL_INPUT; else integerInputBlock\">\r\n                    <Tsi-Decimal-Input [inputName]=\"col.inputName\" [inputId]=\"col.field\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\" (inputFieldChange)=\"inputChanged(col)\"\r\n                      [(inputField)]=\"item[col.field]\" [numOfDecimal]=\"col.numOfDecimal\"\r\n                      (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\">\r\n                    </Tsi-Decimal-Input>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Integer -->\r\n                <ng-template #integerInputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.INTEGER; else rateInputBlock\">\r\n                    <Tsi-Integer [class]=\"'max-w-4rem'\" [inputName]=\"col.inputName\" [inputId]=\"col.field\"\r\n                      (inputFieldChange)=\"inputChanged(col)\" [(inputField)]=\"item[col.field]\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\"\r\n                      (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\">\r\n                    </Tsi-Integer>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Rate-Input -->\r\n                <ng-template #rateInputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.RATE_INPUT; else timeInputBloc\">\r\n                    <Tsi-Rate-Input [inputName]=\"col.inputName\" [inputId]=\"col.field\"\r\n                      (inputFieldChange)=\"inputChanged(col)\" [(inputField)]=\"item[col.field]\"\r\n                      (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                    </Tsi-Rate-Input>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Time-Picker -->\r\n                <ng-template #timeInputBloc>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.TIME else formulaInputBlock\">\r\n                    <tsi-time-picker (inputFieldChange)=\"onCellValueChanged(col, $event, item)\"\r\n                      [inputName]=\"col.inputName\" [inputId]=\"col.field\" [(inputField)]=\"item[col.field]\"\r\n                      [disabled]=\"col.disabled\" [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                    </tsi-time-picker>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <ng-template #formulaInputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.FORMULA_TEXT_BOX; else defaultTextInputBlock\">\r\n                    <Tsi-Formula-Box [inputName]=\"col.inputName\" [(value)]=\"item[col.field]\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\"></Tsi-Formula-Box>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Text-Box -->\r\n                <ng-template #defaultTextInputBlock>\r\n                  <ng-container>\r\n                    <Tsi-Text-Box [inputId]=\"col.field\" [disabled]=\"col.disabled\" (inputFieldChange)=\"inputChanged(col)\"\r\n                      [(inputField)]=\"item[col.field]\" (keydown)=\"handleKeydown($event)\"\r\n                      (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [inputName]=\"col.inputName\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                    </Tsi-Text-Box>\r\n                  </ng-container>\r\n                </ng-template>\r\n              </ng-template>\r\n\r\n            </td>\r\n            <td *ngIf=\"showRowSummary\" class=\"font-bold\">\r\n              {{rowSummary(item)}}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n      </ng-template>\r\n\r\n    </ng-template>\r\n\r\n    <ng-template *ngIf=\"showHaveSumary\" pTemplate=\"footer\" let-columns>\r\n\r\n      <tr class=\"tfooter\">\r\n        <!-- <td pFrozenColumn scope=\"col\" style=\"left: 1rem !important; width:3rem !important;\"></td> -->\r\n        <td *ngIf=\"selectionMode == multipleGridSelectionMode\"\r\n          style=\"min-width:2rem; left: 1rem !important; width:2rem !important;\">\r\n          <p-tableHeaderCheckbox #tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n        </td>\r\n        <td pFrozenColumn scope=\"col\" style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\">Total</td>\r\n        <td pFrozenColumn *ngIf=\"showDeleteButton\" style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\"\r\n          class=\"p-1\">\r\n        <td pFrozenColumn style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\" class=\"p-1\">\r\n          <!--<td pFrozenColumn *ngIf=\"showEditButton\" style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\"\r\n          class=\"p-1\"> -->\r\n        <td pFrozenColumn *ngIf=\"showConsultButton\"\r\n          style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\" class=\"p-1\">\r\n        </td>\r\n        <td pFrozenColumn [frozen]=\"col.isFrozen\" [style]=\"col.style\" scope=\"col\" *ngFor=\"let col of columns\">\r\n          <div *ngIf=\"col.haveSummary\">\r\n            <!-- Tsi-Currency-Societe-Display -->\r\n            <div *ngIf=\"col.type == inputTypes.CURRENCY_SOCIETE_INPUT; else currencyOtherOutputBlock\">\r\n              <Tsi-Currency-Societe-Display [inputData]=\"getSummary(col)\">\r\n              </Tsi-Currency-Societe-Display>\r\n            </div>\r\n\r\n            <!-- Tsi-Currency-Other-Display -->\r\n            <ng-template #currencyOtherOutputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_OTHER_INPUT; else decimalOutputBlock\">\r\n                <Tsi-Currency-Other-Display [currency]=\"col.currencyCode\" [inputData]=\"getSummary(col)\">\r\n                </Tsi-Currency-Other-Display>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Decimal-Display -->\r\n            <ng-template #decimalOutputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.DECIMAL_INPUT; else integerOutputBlock\">\r\n                <Tsi-Decimal-Display [formatDecimal]=\"col.formatDecimal\" [inputData]=\"getSummary(col)\"\r\n                  [numOfDecimal]=\"col.numOfDecimal\">\r\n                </Tsi-Decimal-Display>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Integer-Display -->\r\n            <ng-template #integerOutputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.INTEGER; else rateOutputBlock\">\r\n                <Tsi-Integer-Display [inputData]=\"getSummary(col)\">\r\n                </Tsi-Integer-Display>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Rate-Display -->\r\n            <ng-template #rateOutputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.RATE_INPUT; else defaultTextOutputBlock\">\r\n                <Tsi-Rate-Display [isFraction]=\"col.isFraction\" [inputData]=\"getSummary(col)\">\r\n                </Tsi-Rate-Display>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Default -->\r\n            <ng-template #defaultTextOutputBlock>\r\n              <ng-container>\r\n                <span>\r\n                  {{getSummary(col)}}\r\n                </span>\r\n              </ng-container>\r\n            </ng-template>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"summary\">\r\n      <tr>\r\n        {{'TotalRecordsCount' | localize }} {{gridData.length}}\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  <div>\r\n    <Tsi-Button *ngIf=\"showAddButton\" style=\"height: 20px;width: 20px;\" icon=\"p-button-icon pi pi-plus\" type=\"button\"\r\n      [tooltipPosition]=\"tooltipPosition.Top\" tooltipText=\"shared_edittable_ajouter\"\r\n      styleClass=\"p-element p-button-sm p-button-success p-button-text p-button p-component p-button-icon-only ng-star-inserted\"\r\n      (click)=\"addRow()\"></Tsi-Button>\r\n  </div>\r\n</div>", styles: [".tfooter{position:sticky;bottom:0;width:100%;z-index:10}::ng-deep .p-datatable .p-datatable-tfoot>tr>td{padding:1.8px!important}.p-button.p-button-icon-only.p-button-rounded{border-radius:50%}:host ::ng-deep .p-multiselect{border-radius:13px}:host ::ng-deep .p-multiselect .p-multiselect-label{padding:.5rem .75rem!important}.grid-cell{overflow:visible!important}.p-datatable .p-cell-editing{overflow:visible!important;position:relative;z-index:1}td,.p-editable-column{overflow:visible!important}.p-editable-column input{width:100%}::ng-deep .p-tabview .p-tabview-panels{overflow:visible!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i5.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i5.FrozenColumn, selector: "[pFrozenColumn]", inputs: ["frozen", "alignFrozen"] }, { kind: "directive", type: i5.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i5.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "directive", type: i5.ReorderableColumn, selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "component", type: i5.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i5.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i5.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i5.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i7.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: i8.TsiSearchComboComponent, selector: "Tsi-Search-Combo", inputs: ["elementSourceUrl", "listSourceUrl", "listSourceParams", "id-field", "label-field", "multiple", "sort", "showClear", "reloadDataSource", "isFiltered", "selectedLabel", "maxWidth", "businessClass", "comboType", "statusMetadata", "currentRowItem", "datasource", "bind", "maxSelectedLabels", "tooltipMaxDisplayedItems", "showSearchButton", "showAddButton", "showConsultButton", "showUpdateButton"], outputs: ["bindChange", "datasource-loaded", "init", "isLoaded", "selectedLabelChange", "onClick", "onSearchButtonClick"] }, { kind: "component", type: i9.TsiCheckboxComponent, selector: "Tsi-CheckBox", inputs: ["class", "isBinary", "checked", "tooltipText", "tooltipPosition"], outputs: ["inputFieldChange", "checkedChange"] }, { kind: "component", type: i10.TsiCurrencyOtherInputComponent, selector: "Tsi-Currency-Other-Input", inputs: ["numOfDecimal", "currency", "class"], outputs: ["inputFieldChange"] }, { kind: "component", type: i11.TsiCurrencySocieteInputComponent, selector: "Tsi-Currency-Societe-Input", inputs: ["class"], outputs: ["inputFieldChange"] }, { kind: "component", type: i12.TsiDatePickerComponent, selector: "Tsi-Date-Picker", inputs: ["required", "showTime", "showButtonBar"], outputs: ["inputFieldChange"] }, { kind: "component", type: i13.TsiDecimalInputComponent, selector: "Tsi-Decimal-Input", inputs: ["numOfDecimal", "class"], outputs: ["inputFieldChange"] }, { kind: "component", type: i14.TsiIntegerComponent, selector: "Tsi-Integer", inputs: ["class", "minValue", "maxValue", "delayChangeTime"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: i15.TsiRateInputComponent, selector: "Tsi-Rate-Input", inputs: ["required", "isFraction", "numOfDecimal"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: i16.TsiTextBoxComponent, selector: "Tsi-Text-Box", inputs: ["textBoxType", "autocomplete"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: i17.TsiFormulaBoxComponent, selector: "Tsi-Formula-Box", inputs: ["value", "endPoint"], outputs: ["valueChange"] }, { kind: "component", type: i18.TsiTimePickerComponent, selector: "tsi-time-picker", outputs: ["inputFieldChange"] }, { kind: "component", type: i19.TsiCheckboxDisplayComponent, selector: "Tsi-Checkbox-Display", inputs: ["inputData"] }, { kind: "component", type: i20.TsiCurrencyOtherDisplayComponent, selector: "Tsi-Currency-Other-Display", inputs: ["inputData", "currency"] }, { kind: "component", type: i21.TsiCurrencySocieteDisplayComponent, selector: "Tsi-Currency-Societe-Display", inputs: ["inputData"] }, { kind: "component", type: i22.TsiDateDisplayComponent, selector: "Tsi-Date-Display", inputs: ["inputData", "showTime"] }, { kind: "component", type: i23.TsiDecimalDisplayComponent, selector: "Tsi-Decimal-Display", inputs: ["inputData", "formatDecimal", "numOfDecimal"] }, { kind: "component", type: i24.TsiIntegerDisplayComponent, selector: "Tsi-Integer-Display", inputs: ["inputData"] }, { kind: "component", type: i25.TsiRateDisplayComponent, selector: "Tsi-Rate-Display", inputs: ["isFraction", "inputData", "numOfDecimal"] }, { kind: "component", type: i26.TsiBubbleInfoComponent, selector: "Tsi-Bubble-Info", inputs: ["infoText"] }, { kind: "component", type: i27.TsiButtonComponent, selector: "Tsi-Button", inputs: ["disabled", "text", "style", "tooltipText", "tooltipPosition", "buttonType", "icon", "styleClass", "iconSrc", "id", "iconWidth", "iconClass"], outputs: ["onClick", "rightClick"] }, { kind: "component", type: i28.TsiTimeDisplayComponent, selector: "tsi-time-display", inputs: ["inputData"] }, { kind: "pipe", type: i1.LocalizePipe, name: "localize" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EditableGridComponent, selector: "Tsi-Generic-Editable-Grid", inputs: { selectedItems: "selectedItems", configuration: "configuration", key: "key", items: "items", saveEvent: ["events", "saveEvent"], showAddButton: "showAddButton", showDeleteButton: "showDeleteButton", showEditButton: "showEditButton", showRowSummary: "showRowSummary", scrollHeight: "scrollHeight", rowPerPage: "rowPerPage", pageSize: "pageSize", columns: "columns", gridData: "gridData", isTableLoading: "isTableLoading", parent: "parent", events: "events", showSaveButton: "showSaveButton", showActionColumn: "showActionColumn", enableRowDisabling: "enableRowDisabling", rowSummaryConfig: "rowSummaryConfig", showHaveSumary: "showHaveSumary", showRowSumary: "showRowSumary", selectKeyOnly: "selectKeyOnly", selectionMode: "selectionMode", showConsultButton: "showConsultButton", disabled: "disabled", editableGridBusinessClass: "editableGridBusinessClass", orderColumn: "orderColumn", deleteLineButtonDisabled: "deleteLineButtonDisabled", id: "id" }, outputs: { itemsSave: "itemsSave", refreshEventEmitter: "refreshEventEmitter", saveDataEventEmitter: "saveDataEventEmitter", rowChangedEventEmitter: "rowChangedEventEmitter", selectedRowEventEmitter: "selectedRowEventEmitter", addedRowEventEmitter: "addedRowEventEmitter", focusOutEventEmitter: "focusOutEventEmitter", cellChanged: "cellChanged", rowDeletedEventEmitter: "rowDeletedEventEmitter", selectedItemsChange: "selectedItemsChange", onRowSelect: "onRowSelect", focusOutRow: "focusOutRow", onConsultClicked: "onConsultClicked" }, providers: [GenericValidationStateService], viewQueries: [{ propertyName: "editableTable", first: true, predicate: ["editableTable"], descendants: true }, { propertyName: "dt", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<div class=\"card\">\r\n  <p-table #dt [selectionMode]=\"selectionMode\" [(selection)]=\"selectedItems\" editMode=\"row\"\r\n    [paginator]=\"gridData.length > pageSize\" [rowsPerPageOptions]=\"rowPerPage\" [rows]=\"pageSize\"\r\n    (onRowSelect)=\"onRowSelected($event)\" (onRowUnselect)=\"onRowUnselect($event)\" [scrollable]=\"true\"\r\n    [resizableColumns]=\"true\" columnResizeMode=\"expand\" appendTo=\"body\" styleClass=\"p-datatable-sm\" [value]=\"gridData\"\r\n    [columns]=\"selectedColumns\" [dataKey]=\"key\" [scrollHeight]=\"scrollHeight\" styleClass=\"p-datatable-gridlines\"\r\n    (selectionChange)=\"selectionChange($event)\" #editableTable [totalRecords]=\"gridData.length\">\r\n    <!-- [tableStyle]=\"{'min-width': '50rem','width': 'inherit'}\" -->\r\n\r\n    <ng-template pTemplate=\"caption\">\r\n      <p-multiSelect [options]=\"columns\" [(ngModel)]=\"selectedColumns\"\r\n        selectedItemsLabel=\"{0} {{ 'columns_selected' | localize }}\" optionLabel=\"translatedHeader\"\r\n        [style]=\"{'min-width': '180px'}\" placeholder=\"{{ 'choose_columns' | localize }}\">\r\n        <ng-template let-option pTemplate=\"item\">\r\n          <div class=\"flex items-center gap-2\">\r\n            <span>{{ option.header | localize }}</span>\r\n          </div>\r\n        </ng-template>\r\n      </p-multiSelect>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n\r\n      <tr>\r\n        <ng-container *ngIf=\"selectionMode != multipleGridSelectionMode\">\r\n          <th pResizableColumn pFrozenColumn style=\"min-width:2rem; left: 1rem !important; width:2rem !important;\"></th>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"selectionMode == multipleGridSelectionMode\">\r\n          <th pResizableColumn pFrozenColumn style=\"min-width:2rem; left: 1rem !important; width:2rem !important;\">\r\n            <p-tableHeaderCheckbox #tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n          </th>\r\n        </ng-container>\r\n        \r\n        <th pResizableColumn pFrozenColumn *ngIf=\"showHaveSumary\" scope=\"col\"\r\n          style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\"></th>\r\n\r\n        <!-- <th pResizableColumn pFrozenColumn *ngIf=\"showEditButton\" scope=\"col\"\r\n          style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\"></th> -->\r\n        \r\n        <th pResizableColumn pFrozenColumn *ngIf=\"showConsultButton\" scope=\"col\"\r\n          style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\"></th>\r\n        <th pResizableColumn pFrozenColumn *ngIf=\"showDeleteButton\" scope=\"col\"\r\n          style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\"></th>\r\n\r\n        <th pResizableColumn pFrozenColumn [frozen]=\"col.isFrozen\" [style]=\"col.style\" scope=\"col\"\r\n          style=\"min-width:3rem;\" pSortableColumn=\"{{col.field}}\" *ngFor=\"let col of columns\"\r\n          pTooltip=\"{{col.toolTipText | localize }}\" tooltipPosition=\"top\" pReorderableColumn>{{ col.header | localize\r\n          }}\r\n          <p-sortIcon field=\"{{col.field}}\"></p-sortIcon>\r\n          <Tsi-Bubble-Info [infoText]=\"col.infoText | localize\"></Tsi-Bubble-Info>\r\n        </th>\r\n        <th style=\"min-width:3rem\" *ngIf=\"showRowSummary\" scope=\"col\">{{'RowSummary' | localize}}</th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"body\" let-item let-editing=\"editing\" let-columns=\"columns\" let-rowIndex=\"rowIndex\">\r\n      \r\n      <tr [pEditableRow]=\"item\"\r\n        *ngIf=\"selectionMode == multipleGridSelectionMode || selectionMode == undefined; else selectionModeBlock\"\r\n        (focusOut)=\"onFocusOutRow(item)\">\r\n        \r\n        <td style=\"text-align: center;\">\r\n          <p-tableCheckbox [value]=\"item\" ></p-tableCheckbox>\r\n        </td>\r\n\r\n        <!-- <td pFrozenColumn style=\"left: 1rem !important; width:3rem !important;\" class=\"p-1\"> -->\r\n\r\n\r\n        <!-- <td pFrozenColumn style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\" class=\"p-1\">\r\n        </td> -->\r\n\r\n        <!-- <td pFrozenColumn *ngIf=\"showEditButton\" style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\" class=\"p-1\">\r\n          <div class=\"flex align-items-center justify-content-center\">\r\n            <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow icon=\"pi pi-pencil\"\r\n              class=\"p-button-rounded p-button-text\">\r\n            </button>\r\n            <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow icon=\"pi pi-check\"\r\n              class=\"p-button-rounded p-button-text p-button-success -ml-1\">\r\n            </button>\r\n            <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow icon=\"pi pi-times\"\r\n              class=\"p-button-rounded p-button-text p-button-danger -ml-2\">\r\n            </button>\r\n          </div>\r\n        </td> -->\r\n        <td pFrozenColumn *ngIf=\"showHaveSumary\" scope=\"col\" style=\"left: 1rem !important; width:3rem !important;\"></td>\r\n\r\n        <td pFrozenColumn *ngIf=\"showConsultButton\" style=\"left: -1rem !important; width:3rem !important;\"\r\n          class=\"p-1 btn-consult-style\">\r\n          <div class=\"p-0\">\r\n            <Tsi-Button [buttonType]=\"buttonType.Button\" icon=\"p-button-icon pi pi-eye\"\r\n              [tooltipPosition]=\"tooltipPosition.Top\" tooltipText=\"shared_edittable_consulter\"\r\n              styleClass=\"p-button-rounded p-button-text p-button-secondary\" (click)=\"consult(item)\"></Tsi-Button>\r\n          </div>\r\n        </td>\r\n\r\n        <td pFrozenColumn *ngIf=\"showDeleteButton\" \r\n          style=\"left: 1rem !important; width:3rem !important;\"\r\n          class=\"p-1 btn-delete-style\">\r\n          <div class=\"p-0\">\r\n            <Tsi-Button [disabled]=\"isDeleteButtonDisabled(item)\" type=\"button\" icon=\"p-button-icon pi pi-trash\"\r\n              [tooltipPosition]=\"tooltipPosition.Top\" tooltipText=\"shared_edittable_supprimer\"\r\n              styleClass=\"p-element p-button-rounded p-button-text p-button-danger p-button p-component p-button-icon-only\"\r\n              (click)=\"delete(item)\"></Tsi-Button>\r\n          </div>\r\n        </td>\r\n\r\n\r\n        <td class=\"ui-resizable-column\" pFrozenColumn [frozen]=\"col.isFrozen\" *ngFor=\"let col of columns\"\r\n          [ngStyle]=\"isAr ? {'text-align': 'start'} : {}\">\r\n          \r\n          \r\n          <div *ngIf=\"col.displayOnly || disabled; else ordinaryBloc\">\r\n\r\n                <!-- Tsi-Search-Combo -->\r\n                <div *ngIf=\"col.type == inputTypes.SEARCH_COMBO; else currencySocieteOutputBlock\">\r\n                  <Tsi-Search-Combo [disabled]=\"true\" [elementSourceUrl]=\"col.elementSourceUrl\"\r\n                    [businessClass]=\"col.businessClass\" [currentRowItem]=\"item\" [(bind)]=\"item[col.field]\"\r\n                    id-field=\"{{col.idField}}\" [listSourceUrl]=\"col.listSourceUrl\" label-field=\"{{col.labelField}}\"\r\n                    [isFiltered]=\"col.isFiltered\" [datasource]=\"col.datasource\"\r\n                    [showSearchButton]=\"col.showSearchButton ?? true\" [showAddButton]=\"col.showAddButton ?? true\"\r\n                    [showUpdateButton]=\"col.showUpdateButton ?? undefined\"\r\n                    [showConsultButton]=\"col.showConsultButton ?? undefined\"\r\n                    [validationStatusCssClass]=\"col.validationStatusCssClass\"\r\n                    [inputName]=\"col.inputName\"></Tsi-Search-Combo>\r\n                </div>\r\n\r\n                <!-- Tsi-Currency-Societe-Display -->\r\n                <ng-template #currencySocieteOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_SOCIETE_INPUT; else currencyOtherOutputBlock\">\r\n                    <Tsi-Currency-Societe-Display [inputData]=\"item[col.field]\">\r\n                    </Tsi-Currency-Societe-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Currency-Other-Display -->\r\n                <ng-template #currencyOtherOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_OTHER_INPUT; else datePickerOutputBlock\">\r\n                    <Tsi-Currency-Other-Display [currency]=\"col.currencyOtherCode\" [inputData]=\"item[col.field]\">\r\n                    </Tsi-Currency-Other-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Date-Display -->\r\n                <ng-template #datePickerOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.DATE; else checkBoxOutputBlock\">\r\n                    <Tsi-Date-Display [showTime]=\"col.showTime\" [inputData]=\"item[col.field]\">\r\n                    </Tsi-Date-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-CheckBox-Display -->\r\n                <ng-template #checkBoxOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CHECKBOX; else decimalOutputBlock\">\r\n                    <Tsi-Checkbox-Display [inputData]=\"item[col.field]\">\r\n                    </Tsi-Checkbox-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Decimal-Display -->\r\n                <ng-template #decimalOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.DECIMAL_INPUT; else integerOutputBlock\">\r\n                    <Tsi-Decimal-Display [formatDecimal]=\"col.formatDecimal\" [inputData]=\"item[col.field]\"\r\n                      [numOfDecimal]=\"col.numOfDecimal\">\r\n                    </Tsi-Decimal-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Integer-Display -->\r\n                <ng-template #integerOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.INTEGER; else rateOutputBlock\">\r\n                    <Tsi-Integer-Display [inputData]=\"item[col.field]\">\r\n                    </Tsi-Integer-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Rate-Display -->\r\n                <ng-template #rateOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.RATE_INPUT; else timeOutputBlock\">\r\n                    <Tsi-Rate-Display [isFraction]=\"col.isFraction\" [inputData]=\"item[col.field]\">\r\n                    </Tsi-Rate-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Time-Display -->\r\n                <ng-template #timeOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.TIME; else formulaOutputBlock\">\r\n                    <tsi-time-display [inputData]=\"item[col.field]\"></tsi-time-display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Formula-Display -->\r\n                <ng-template #formulaOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.FORMULA_TEXT_BOX; else defaultTextOutputBlock\">\r\n                    <Tsi-Formula-Box [inputName]=\"col.inputName\" [(value)]=\"item[col.field]\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\"></Tsi-Formula-Box>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Text-Box -->\r\n                <ng-template #defaultTextOutputBlock>\r\n                  <ng-container>\r\n                    <span>\r\n                      {{item[col.field]}}\r\n                    </span>\r\n                  </ng-container>\r\n                </ng-template>\r\n          </div>\r\n\r\n          <ng-template #ordinaryBloc> \r\n            \r\n            <!-- Tsi-Search-Combo -->\r\n            <div *ngIf=\"col.type == inputTypes.SEARCH_COMBO; else currencySocieteInputBlock\">\r\n              <Tsi-Search-Combo [elementSourceUrl]=\"col.elementSourceUrl\" (bindChange)=\"inputChanged(col)\"\r\n                [businessClass]=\"col.businessClass\" [listSourceUrl]=\"col.listSourceUrl\" [(bind)]=\"item[col.field]\"\r\n                id-field=\"{{col.idField}}\" label-field=\"{{col.labelField}}\" [isFiltered]=\"col.isFiltered\"\r\n                [currentRowItem]=\"item\" (bindChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\"\r\n                [datasource]=\"col.datasource\" [showSearchButton]=\"col.showSearchButton ?? true\"\r\n                [showAddButton]=\"col.showAddButton ?? true\" [showUpdateButton]=\"col.showUpdateButton ?? undefined\"\r\n                [showConsultButton]=\"col.showConsultButton ?? undefined\"\r\n                [validationStatusCssClass]=\"col.validationStatusCssClass\"\r\n                [inputName]=\"col.inputName\"></Tsi-Search-Combo>\r\n            </div>\r\n\r\n            <!-- Tsi-Currency-Societe-Input -->\r\n            <ng-template #currencySocieteInputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_SOCIETE_INPUT; else currencyOtherInputBlock\">\r\n                <Tsi-Currency-Societe-Input [inputName]=\"col.inputName\" [disabled]=\"col.disabled\" [inputId]=\"col.field\"\r\n                  [(inputField)]=\"item[col.field]\" (inputFieldChange)=\"onCellValueChanged(col, $event, item)\"\r\n                  [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                </Tsi-Currency-Societe-Input>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Currency-Other-Input -->\r\n            <ng-template #currencyOtherInputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_OTHER_INPUT; else datePickerInputBlock\">\r\n                <Tsi-Currency-Other-Input [inputName]=\"col.inputName\"\r\n                  [validationStatusCssClass]=\"col.validationStatusCssClass\" [inputId]=\"col.field\"\r\n                  [(inputField)]=\"item[col.field]\" (inputFieldChange)=\"onCellValueChanged(col, $event, item)\"\r\n                  [numOfDecimal]=\"col.numOfDecimal\" [disabled]=\"col.disabled\">\r\n                </Tsi-Currency-Other-Input>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Date-Picker -->\r\n            <ng-template #datePickerInputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.DATE; else checkBoxInputBlock\">\r\n                <Tsi-Date-Picker [inputName]=\"col.inputName\" [inputId]=\"col.field\" [(inputField)]=\"item[col.field]\"\r\n                  (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [showTime]=\"col.showTime\"\r\n                  [disabled]=\"col.disabled\" [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                </Tsi-Date-Picker>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-CheckBox -->\r\n            <ng-template #checkBoxInputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.CHECKBOX; else decimalInputBlock\">\r\n                <Tsi-CheckBox [inputName]=\"col.inputName\" [inputId]=\"col.field\" [(inputField)]=\"item[col.field]\"\r\n                  (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\"\r\n                  [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                </Tsi-CheckBox>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Decimal-Input -->\r\n            <ng-template #decimalInputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.DECIMAL_INPUT; else integerInputBlock\">\r\n                <Tsi-Decimal-Input [inputName]=\"col.inputName\" [inputId]=\"col.field\" [(inputField)]=\"item[col.field]\"\r\n                  (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [numOfDecimal]=\"col.numOfDecimal\"\r\n                  [disabled]=\"col.disabled\" [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                </Tsi-Decimal-Input>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Integer -->\r\n            <ng-template #integerInputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.INTEGER; else rateInputBlock\">\r\n                <Tsi-Integer [inputName]=\"col.inputName\" [validationStatusCssClass]=\"col.validationStatusCssClass\"\r\n                  [inputId]=\"col.field\" [(inputField)]=\"item[col.field]\"\r\n                  (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\">\r\n                </Tsi-Integer>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Rate-Input -->\r\n            <ng-template #rateInputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.RATE_INPUT; else timeInputBloc\">\r\n                <Tsi-Rate-Input [inputName]=\"col.inputName\" [numOfDecimal]=\"col.numOfDecimal\" [inputId]=\"col.field\"\r\n                  [(inputField)]=\"item[col.field]\" (inputFieldChange)=\"onCellValueChanged(col, $event, item)\"\r\n                  [disabled]=\"col.disabled\" [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                </Tsi-Rate-Input>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Time-picker bloc -->\r\n            <ng-template #timeInputBloc>\r\n              <ng-container *ngIf=\"col.type == inputTypes.TIME; else formulaInputBlock\">\r\n                <tsi-time-picker (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [inputName]=\"col.inputName\"\r\n                  [inputId]=\"col.field\" [(inputField)]=\"item[col.field]\" [disabled]=\"col.disabled\"\r\n                  [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                </tsi-time-picker>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <ng-template #formulaInputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.FORMULA_TEXT_BOX; else defaultTextInputBlock\">\r\n                <!--<Tsi-Bubble-Info\r\n                  [infoText]=\"['formula_explication',\r\n                  ]\"></Tsi-Bubble-Info> -->\r\n                <Tsi-Formula-Box [inputName]=\"col.inputName\" [(value)]=\"item[col.field]\"\r\n                  [validationStatusCssClass]=\"col.validationStatusCssClass\"></Tsi-Formula-Box>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Text-Box -->\r\n            <ng-template #defaultTextInputBlock>\r\n              <ng-container>\r\n                <Tsi-Text-Box [inputId]=\"col.field\" [(inputField)]=\"item[col.field]\" (keydown)=\"handleKeydown($event)\"\r\n                  (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\"\r\n                  [inputName]=\"col.inputName\" [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                </Tsi-Text-Box>\r\n              \r\n              </ng-container>\r\n            </ng-template>\r\n          </ng-template>\r\n\r\n        </td>\r\n\r\n        <td *ngIf=\"showRowSummary\" class=\"font-bold\">\r\n          {{rowSummary(item)}}\r\n        </td>\r\n      </tr>\r\n\r\n      <ng-template #selectionModeBlock>\r\n        <ng-container>\r\n          <tr [pEditableRow]=\"item\" [pSelectableRow]=\"item\" [pSelectableRowIndex]=\"rowIndex\"\r\n            (focusOut)=\"onFocusOutRow(item)\">\r\n\r\n       <!-- <td pFrozenColumn style=\"left: 1rem !important; width:3rem !important;\" class=\"p-1\"> -->\r\n\r\n            <td pFrozenColumn style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\" class=\"p-1\">\r\n              </td>\r\n\r\n            <!-- <td *ngIf=\"selectionMode == multipleGridSelectionMode\" style=\"width: 2rem;\">\r\n              <p-tableHeaderCheckbox #tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n            </td> -->\r\n\r\n            <!-- <td pFrozenColumn *ngIf=\"showEditButton\" style=\"min-width:3rem;left: 1rem !important; width:3rem !important;\" class=\"p-1\">\r\n              <div class=\"flex align-items-center justify-content-center\">\r\n                <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow icon=\"pi pi-pencil\"\r\n                  class=\"p-button-rounded p-button-text\">\r\n                </button>\r\n                <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow icon=\"pi pi-check\"\r\n                  class=\"p-button-rounded p-button-text p-button-success -ml-1\">\r\n                </button>\r\n                <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow icon=\"pi pi-times\"\r\n                  class=\"p-button-rounded p-button-text p-button-danger -ml-2\">\r\n                </button>\r\n              </div>\r\n            </td> -->\r\n            \r\n            <td pFrozenColumn *ngIf=\"showHaveSumary\" scope=\"col\" style=\"left: 1rem !important; width:3rem !important;\">\r\n            </td>\r\n            \r\n            <td pFrozenColumn pResizableColumn *ngIf=\"showConsultButton\"\r\n              style=\"left: 1rem !important; width:3rem !important;\" class=\"p-1 btn-consult-style\">\r\n              <div class=\"p-0\">\r\n                <Tsi-Button [buttonType]=\"buttonType.Button\" icon=\"p-button-icon pi pi-eye\"\r\n                  [tooltipPosition]=\"tooltipPosition.Top\" tooltipText=\"shared_edittable_consulter\"\r\n                  styleClass=\"p-button-rounded p-button-text p-button-secondary\" (click)=\"consult(item)\"></Tsi-Button>\r\n              </div>\r\n            </td>\r\n\r\n            <td pFrozenColumn pResizableColumn *ngIf=\"showDeleteButton\" style=\"left: 1rem !important; width:3rem !important;\"\r\n              class=\"p-1 btn-delete-style\">\r\n              <div class=\"p-0\">\r\n                <Tsi-Button type=\"button\" icon=\"p-button-icon pi pi-trash\" [tooltipPosition]=\"tooltipPosition.Top\"\r\n                  tooltipText=\"shared_edittable_supprimer\"\r\n                  styleClass=\"p-element p-button-rounded p-button-text p-button-danger p-button p-component p-button-icon-only\"\r\n                  (click)=\"delete(item)\"></Tsi-Button>\r\n              </div>\r\n            </td>\r\n            \r\n            <td class=\"ui-resizable-column\" pFrozenColumn [frozen]=\"col.isFrozen\" *ngFor=\"let col of columns\">\r\n\r\n              <div *ngIf=\"col.displayOnly || disabled; else ordinaryBloc\">\r\n                <!-- Tsi-Search-Combo -->\r\n                <div *ngIf=\"col.type == inputTypes.SEARCH_COMBO; else currencySocieteOutputBlock\">\r\n                  <Tsi-Search-Combo [disabled]=\"true\" [elementSourceUrl]=\"col.elementSourceUrl\"\r\n                    [businessClass]=\"col.businessClass\" [currentRowItem]=\"item\" [(bind)]=\"item[col.field]\"\r\n                    id-field=\"{{col.idField}}\" [listSourceUrl]=\"col.listSourceUrl\" label-field=\"{{col.labelField}}\"\r\n                    [isFiltered]=\"col.isFiltered\" [datasource]=\"col.datasource\"\r\n                    [showSearchButton]=\"col.showSearchButton ?? true\" [showAddButton]=\"col.showAddButton ?? true\"\r\n                    [showUpdateButton]=\"col.showUpdateButton ?? undefined\"\r\n                    [showConsultButton]=\"col.showConsultButton ?? undefined\"\r\n                    [validationStatusCssClass]=\"col.validationStatusCssClass\"\r\n                    [inputName]=\"col.inputName\"></Tsi-Search-Combo>\r\n                </div>\r\n\r\n                <!-- Tsi-Currency-Societe-Display -->\r\n                <ng-template #currencySocieteOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_SOCIETE_INPUT; else currencyOtherOutputBlock\">\r\n                    <Tsi-Currency-Societe-Display [inputData]=\"item[col.field]\">\r\n                    </Tsi-Currency-Societe-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Currency-Other-Display -->\r\n                <ng-template #currencyOtherOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_OTHER_INPUT; else datePickerOutputBlock\">\r\n                    <Tsi-Currency-Other-Display [currency]=\"col.currencyOtherCode\" [inputData]=\"item[col.field]\">\r\n                    </Tsi-Currency-Other-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Date-Display -->\r\n                <ng-template #datePickerOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.DATE; else checkBoxOutputBlock\">\r\n                    <Tsi-Date-Display [showTime]=\"col.showTime\" [inputData]=\"item[col.field]\">\r\n                    </Tsi-Date-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-CheckBox-Display -->\r\n                <ng-template #checkBoxOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CHECKBOX; else decimalOutputBlock\">\r\n                    <Tsi-Checkbox-Display [inputData]=\"item[col.field]\">\r\n                    </Tsi-Checkbox-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Decimal-Display -->\r\n                <ng-template #decimalOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.DECIMAL_INPUT; else integerOutputBlock\">\r\n                    <Tsi-Decimal-Display [formatDecimal]=\"col.formatDecimal\" [inputData]=\"item[col.field]\"\r\n                      [numOfDecimal]=\"col.numOfDecimal\">\r\n                    </Tsi-Decimal-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Integer-Display -->\r\n                <ng-template #integerOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.INTEGER; else rateOutputBlock\">\r\n                    <Tsi-Integer-Display [inputData]=\"item[col.field]\">\r\n                    </Tsi-Integer-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Rate-Display -->\r\n                <ng-template #rateOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.RATE_INPUT; else timeOutputBlock\">\r\n                    <Tsi-Rate-Display [isFraction]=\"col.isFraction\" [inputData]=\"item[col.field]\">\r\n                    </Tsi-Rate-Display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Time-Display -->\r\n                <ng-template #timeOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.TIME; else formulaOutputBlock\">\r\n                    <tsi-time-display [inputData]=\"item[col.field]\"></tsi-time-display>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Formula-Display -->\r\n                <ng-template #formulaOutputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.FORMULA_TEXT_BOX; else defaultTextOutputBlock\">\r\n                    <Tsi-Formula-Box [inputName]=\"col.inputName\" [(value)]=\"item[col.field]\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\"></Tsi-Formula-Box>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Text-Box -->\r\n                <ng-template #defaultTextOutputBlock>\r\n                  <ng-container>\r\n                    <span>\r\n                      {{item[col.field]}}\r\n                    </span>\r\n                  </ng-container>\r\n                </ng-template>\r\n              </div>\r\n              \r\n              <ng-template #ordinaryBloc>\r\n                <!-- Tsi-Search-Combo -->\r\n                <div *ngIf=\"col.type == inputTypes.SEARCH_COMBO; else currencySocieteInputBlock\">\r\n                  <Tsi-Search-Combo [elementSourceUrl]=\"col.elementSourceUrl\" (bindChange)=\"inputChanged(col)\"\r\n                    [listSourceUrl]=\"col.listSourceUrl\" [(bind)]=\"item[col.field]\" id-field=\"{{col.idField}}\"\r\n                    label-field=\"{{col.labelField}}\" [isFiltered]=\"col.isFiltered\" [businessClass]=\"col.businessClass\"\r\n                    (bindChange)=\"onCellValueChanged(col, $event, item)\" [currentRowItem]=\"item\"\r\n                    [datasource]=\"col.datasource\" [disabled]=\"col.disabled\"\r\n                    [showSearchButton]=\"col.showSearchButton ?? true\" [showAddButton]=\"col.showAddButton ?? true\"\r\n                    [showUpdateButton]=\"col.showUpdateButton ?? undefined\"\r\n                    [showConsultButton]=\"col.showConsultButton ?? undefined\"\r\n                    [validationStatusCssClass]=\"col.validationStatusCssClass\"\r\n                    [inputName]=\"col.inputName\"></Tsi-Search-Combo>\r\n                </div>\r\n\r\n                <!-- Tsi-Currency-Societe-Input -->\r\n                <ng-template #currencySocieteInputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_SOCIETE_INPUT; else currencyOtherInputBlock\">\r\n                    <Tsi-Currency-Societe-Input [inputName]=\"col.inputName\" [inputId]=\"col.field\"\r\n                      [(inputField)]=\"item[col.field]\" (inputFieldChange)=\"inputChanged(col)\"\r\n                      (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                    </Tsi-Currency-Societe-Input>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Currency-Other-Input -->\r\n                <ng-template #currencyOtherInputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_OTHER_INPUT; else datePickerInputBlock\">\r\n                    <Tsi-Currency-Other-Input [disabled]=\"col.disabled\" [inputName]=\"col.inputName\"\r\n                      [inputId]=\"col.field\" (inputFieldChange)=\"inputChanged(col)\" [(inputField)]=\"item[col.field]\"\r\n                      (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [numOfDecimal]=\"col.numOfDecimal\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                    </Tsi-Currency-Other-Input>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Date-Picker -->\r\n                <ng-template #datePickerInputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.DATE; else checkBoxInputBlock\">\r\n                    <Tsi-Date-Picker [showTime]=\"col.showTime\" [inputName]=\"col.inputName\" [inputId]=\"col.field\"\r\n                      (inputFieldChange)=\"inputChanged(col)\" [(inputField)]=\"item[col.field]\"\r\n                      (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                    </Tsi-Date-Picker>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-CheckBox -->\r\n                <ng-template #checkBoxInputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.CHECKBOX; else decimalInputBlock\">\r\n                    <Tsi-CheckBox [inputName]=\"col.inputName\" [inputId]=\"col.field\"\r\n                      (inputFieldChange)=\"inputChanged(col)\" [(inputField)]=\"item[col.field]\"\r\n                      (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                    </Tsi-CheckBox>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Decimal-Input -->\r\n                <ng-template #decimalInputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.DECIMAL_INPUT; else integerInputBlock\">\r\n                    <Tsi-Decimal-Input [inputName]=\"col.inputName\" [inputId]=\"col.field\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\" (inputFieldChange)=\"inputChanged(col)\"\r\n                      [(inputField)]=\"item[col.field]\" [numOfDecimal]=\"col.numOfDecimal\"\r\n                      (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\">\r\n                    </Tsi-Decimal-Input>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Integer -->\r\n                <ng-template #integerInputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.INTEGER; else rateInputBlock\">\r\n                    <Tsi-Integer [class]=\"'max-w-4rem'\" [inputName]=\"col.inputName\" [inputId]=\"col.field\"\r\n                      (inputFieldChange)=\"inputChanged(col)\" [(inputField)]=\"item[col.field]\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\"\r\n                      (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\">\r\n                    </Tsi-Integer>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Rate-Input -->\r\n                <ng-template #rateInputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.RATE_INPUT; else timeInputBloc\">\r\n                    <Tsi-Rate-Input [inputName]=\"col.inputName\" [inputId]=\"col.field\"\r\n                      (inputFieldChange)=\"inputChanged(col)\" [(inputField)]=\"item[col.field]\"\r\n                      (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [disabled]=\"col.disabled\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                    </Tsi-Rate-Input>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Time-Picker -->\r\n                <ng-template #timeInputBloc>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.TIME else formulaInputBlock\">\r\n                    <tsi-time-picker (inputFieldChange)=\"onCellValueChanged(col, $event, item)\"\r\n                      [inputName]=\"col.inputName\" [inputId]=\"col.field\" [(inputField)]=\"item[col.field]\"\r\n                      [disabled]=\"col.disabled\" [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                    </tsi-time-picker>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <ng-template #formulaInputBlock>\r\n                  <ng-container *ngIf=\"col.type == inputTypes.FORMULA_TEXT_BOX; else defaultTextInputBlock\">\r\n                    <Tsi-Formula-Box [inputName]=\"col.inputName\" [(value)]=\"item[col.field]\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\"></Tsi-Formula-Box>\r\n                  </ng-container>\r\n                </ng-template>\r\n\r\n                <!-- Tsi-Text-Box -->\r\n                <ng-template #defaultTextInputBlock>\r\n                  <ng-container>\r\n                    <Tsi-Text-Box [inputId]=\"col.field\" [disabled]=\"col.disabled\" (inputFieldChange)=\"inputChanged(col)\"\r\n                      [(inputField)]=\"item[col.field]\" (keydown)=\"handleKeydown($event)\"\r\n                      (inputFieldChange)=\"onCellValueChanged(col, $event, item)\" [inputName]=\"col.inputName\"\r\n                      [validationStatusCssClass]=\"col.validationStatusCssClass\">\r\n                    </Tsi-Text-Box>\r\n                  </ng-container>\r\n                </ng-template>\r\n              </ng-template>\r\n\r\n            </td>\r\n            <td *ngIf=\"showRowSummary\" class=\"font-bold\">\r\n              {{rowSummary(item)}}\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n      </ng-template>\r\n\r\n    </ng-template>\r\n\r\n    <ng-template *ngIf=\"showHaveSumary\" pTemplate=\"footer\" let-columns>\r\n\r\n      <tr class=\"tfooter\">\r\n        <!-- <td pFrozenColumn scope=\"col\" style=\"left: 1rem !important; width:3rem !important;\"></td> -->\r\n        <td *ngIf=\"selectionMode == multipleGridSelectionMode\"\r\n          style=\"min-width:2rem; left: 1rem !important; width:2rem !important;\">\r\n          <p-tableHeaderCheckbox #tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n        </td>\r\n        <td pFrozenColumn scope=\"col\" style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\">Total</td>\r\n        <td pFrozenColumn *ngIf=\"showDeleteButton\" style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\"\r\n          class=\"p-1\">\r\n        <td pFrozenColumn style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\" class=\"p-1\">\r\n          <!--<td pFrozenColumn *ngIf=\"showEditButton\" style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\"\r\n          class=\"p-1\"> -->\r\n        <td pFrozenColumn *ngIf=\"showConsultButton\"\r\n          style=\"min-width:3rem; left: 1rem !important; width:3rem !important;\" class=\"p-1\">\r\n        </td>\r\n        <td pFrozenColumn [frozen]=\"col.isFrozen\" [style]=\"col.style\" scope=\"col\" *ngFor=\"let col of columns\">\r\n          <div *ngIf=\"col.haveSummary\">\r\n            <!-- Tsi-Currency-Societe-Display -->\r\n            <div *ngIf=\"col.type == inputTypes.CURRENCY_SOCIETE_INPUT; else currencyOtherOutputBlock\">\r\n              <Tsi-Currency-Societe-Display [inputData]=\"getSummary(col)\">\r\n              </Tsi-Currency-Societe-Display>\r\n            </div>\r\n\r\n            <!-- Tsi-Currency-Other-Display -->\r\n            <ng-template #currencyOtherOutputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.CURRENCY_OTHER_INPUT; else decimalOutputBlock\">\r\n                <Tsi-Currency-Other-Display [currency]=\"col.currencyCode\" [inputData]=\"getSummary(col)\">\r\n                </Tsi-Currency-Other-Display>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Decimal-Display -->\r\n            <ng-template #decimalOutputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.DECIMAL_INPUT; else integerOutputBlock\">\r\n                <Tsi-Decimal-Display [formatDecimal]=\"col.formatDecimal\" [inputData]=\"getSummary(col)\"\r\n                  [numOfDecimal]=\"col.numOfDecimal\">\r\n                </Tsi-Decimal-Display>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Integer-Display -->\r\n            <ng-template #integerOutputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.INTEGER; else rateOutputBlock\">\r\n                <Tsi-Integer-Display [inputData]=\"getSummary(col)\">\r\n                </Tsi-Integer-Display>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Tsi-Rate-Display -->\r\n            <ng-template #rateOutputBlock>\r\n              <ng-container *ngIf=\"col.type == inputTypes.RATE_INPUT; else defaultTextOutputBlock\">\r\n                <Tsi-Rate-Display [isFraction]=\"col.isFraction\" [inputData]=\"getSummary(col)\">\r\n                </Tsi-Rate-Display>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <!-- Default -->\r\n            <ng-template #defaultTextOutputBlock>\r\n              <ng-container>\r\n                <span>\r\n                  {{getSummary(col)}}\r\n                </span>\r\n              </ng-container>\r\n            </ng-template>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"summary\">\r\n      <tr>\r\n        {{'TotalRecordsCount' | localize }} {{gridData.length}}\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  <div>\r\n    <Tsi-Button *ngIf=\"showAddButton\" style=\"height: 20px;width: 20px;\" icon=\"p-button-icon pi pi-plus\" type=\"button\"\r\n      [tooltipPosition]=\"tooltipPosition.Top\" tooltipText=\"shared_edittable_ajouter\"\r\n      styleClass=\"p-element p-button-sm p-button-success p-button-text p-button p-component p-button-icon-only ng-star-inserted\"\r\n      (click)=\"addRow()\"></Tsi-Button>\r\n  </div>\r\n</div>", styles: [".tfooter{position:sticky;bottom:0;width:100%;z-index:10}::ng-deep .p-datatable .p-datatable-tfoot>tr>td{padding:1.8px!important}.p-button.p-button-icon-only.p-button-rounded{border-radius:50%}:host ::ng-deep .p-multiselect{border-radius:13px}:host ::ng-deep .p-multiselect .p-multiselect-label{padding:.5rem .75rem!important}.grid-cell{overflow:visible!important}.p-datatable .p-cell-editing{overflow:visible!important;position:relative;z-index:1}td,.p-editable-column{overflow:visible!important}.p-editable-column input{width:100%}::ng-deep .p-tabview .p-tabview-panels{overflow:visible!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i5.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i5.FrozenColumn, selector: "[pFrozenColumn]", inputs: ["frozen", "alignFrozen"] }, { kind: "directive", type: i5.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i5.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "directive", type: i5.ReorderableColumn, selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "component", type: i5.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i5.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i5.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i5.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i7.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: i8.TsiSearchComboComponent, selector: "Tsi-Search-Combo", inputs: ["elementSourceUrl", "listSourceUrl", "listSourceParams", "id-field", "label-field", "multiple", "sort", "showClear", "reloadDataSource", "isFiltered", "selectedLabel", "maxWidth", "businessClass", "comboType", "statusMetadata", "currentRowItem", "datasource", "bind", "maxSelectedLabels", "tooltipMaxDisplayedItems", "bindMode", "showSearchButton", "showAddButton", "showConsultButton", "showUpdateButton"], outputs: ["bindChange", "datasource-loaded", "init", "isLoaded", "selectedLabelChange", "onClick", "onSearchButtonClick", "selectionChange"] }, { kind: "component", type: i9.TsiCheckboxComponent, selector: "Tsi-CheckBox", inputs: ["class", "isBinary", "checked", "tooltipText", "tooltipPosition"], outputs: ["inputFieldChange", "checkedChange"] }, { kind: "component", type: i10.TsiCurrencyOtherInputComponent, selector: "Tsi-Currency-Other-Input", inputs: ["numOfDecimal", "currency", "class"], outputs: ["inputFieldChange"] }, { kind: "component", type: i11.TsiCurrencySocieteInputComponent, selector: "Tsi-Currency-Societe-Input", inputs: ["class"], outputs: ["inputFieldChange"] }, { kind: "component", type: i12.TsiDatePickerComponent, selector: "Tsi-Date-Picker", inputs: ["required", "showTime", "showButtonBar"], outputs: ["inputFieldChange"] }, { kind: "component", type: i13.TsiDecimalInputComponent, selector: "Tsi-Decimal-Input", inputs: ["numOfDecimal", "class"], outputs: ["inputFieldChange"] }, { kind: "component", type: i14.TsiIntegerComponent, selector: "Tsi-Integer", inputs: ["class", "minValue", "maxValue", "delayChangeTime"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: i15.TsiRateInputComponent, selector: "Tsi-Rate-Input", inputs: ["required", "isFraction", "numOfDecimal"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: i16.TsiTextBoxComponent, selector: "Tsi-Text-Box", inputs: ["textBoxType", "autocomplete"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: i17.TsiFormulaBoxComponent, selector: "Tsi-Formula-Box", inputs: ["value", "endPoint"], outputs: ["valueChange"] }, { kind: "component", type: i18.TsiTimePickerComponent, selector: "tsi-time-picker", outputs: ["inputFieldChange"] }, { kind: "component", type: i19.TsiCheckboxDisplayComponent, selector: "Tsi-Checkbox-Display", inputs: ["inputData"] }, { kind: "component", type: i20.TsiCurrencyOtherDisplayComponent, selector: "Tsi-Currency-Other-Display", inputs: ["inputData", "currency"] }, { kind: "component", type: i21.TsiCurrencySocieteDisplayComponent, selector: "Tsi-Currency-Societe-Display", inputs: ["inputData"] }, { kind: "component", type: i22.TsiDateDisplayComponent, selector: "Tsi-Date-Display", inputs: ["inputData", "showTime"] }, { kind: "component", type: i23.TsiDecimalDisplayComponent, selector: "Tsi-Decimal-Display", inputs: ["inputData", "formatDecimal", "numOfDecimal"] }, { kind: "component", type: i24.TsiIntegerDisplayComponent, selector: "Tsi-Integer-Display", inputs: ["inputData"] }, { kind: "component", type: i25.TsiRateDisplayComponent, selector: "Tsi-Rate-Display", inputs: ["isFraction", "inputData", "numOfDecimal"] }, { kind: "component", type: i26.TsiBubbleInfoComponent, selector: "Tsi-Bubble-Info", inputs: ["infoText"] }, { kind: "component", type: i27.TsiButtonComponent, selector: "Tsi-Button", inputs: ["disabled", "text", "style", "tooltipText", "tooltipPosition", "buttonType", "icon", "styleClass", "iconSrc", "id", "iconWidth", "iconClass"], outputs: ["onClick", "rightClick"] }, { kind: "component", type: i28.TsiTimeDisplayComponent, selector: "tsi-time-display", inputs: ["inputData"] }, { kind: "pipe", type: i1.LocalizePipe, name: "localize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditableGridComponent, decorators: [{
             type: Component,