@esfaenza/es-table 11.2.93 → 11.2.95

package/bundles/esfaenza-es-table.umd.js

@@ -603,7 +603,7 @@
         { type: i0.Directive, args: [{ selector: '[td]' },] }
     ];
     EsTdDirective.ctorParameters = function () { return [
-        { type: i0.TemplateRef }
+        { type: i0.TemplateRef, decorators: [{ type: i0.Self }] }
     ]; };
     EsTdDirective.propDecorators = {
         tdVisible: [{ type: i0.Input }],
@@ -672,7 +672,7 @@
         { type: i0.Directive, args: [{ selector: '[th]' },] }
     ];
     EsThDirective.ctorParameters = function () { return [
-        { type: i0.TemplateRef }
+        { type: i0.TemplateRef, decorators: [{ type: i0.Self }] }
     ]; };
     EsThDirective.propDecorators = {
         th: [{ type: i0.Input }],
@@ -712,7 +712,7 @@
         { type: i0.Directive, args: [{ selector: '[editor]' },] }
     ];
     EsTdEditorDirective.ctorParameters = function () { return [
-        { type: i0.TemplateRef }
+        { type: i0.TemplateRef, decorators: [{ type: i0.Self }] }
     ]; };
     EsTdEditorDirective.propDecorators = {
         editor: [{ type: i0.Input }],
@@ -4169,9 +4169,12 @@
         };
         /** @ignore */
         EsTableComponent.prototype.ngAfterViewInit = function () {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
             // Se utilizzo la new spicy mode deduco tutti i parametri di lavoro possibili al caricamento della tabella
             // Vengono sovrascritte solo le proprietà non impostate dall'utente
-            var usesThsAndTdsDirectives = this.EsTdsDirective && this.EsTdsDirective.length > 0 && this.EsThsDirective && this.EsThsDirective.length > 0;
+            var tdsD = this.EsTdsDirective.length == 0 ? ((_c = (_b = (_a = this.EsTableTemplate) === null || _a === void 0 ? void 0 : _a.Template) === null || _b === void 0 ? void 0 : _b.EsTdsDirective) === null || _c === void 0 ? void 0 : _c.length) > 0 ? (_e = (_d = this.EsTableTemplate) === null || _d === void 0 ? void 0 : _d.Template) === null || _e === void 0 ? void 0 : _e.EsTdsDirective : this.EsTdsDirective : this.EsTdsDirective;
+            var thsD = this.EsThsDirective.length == 0 ? ((_h = (_g = (_f = this.EsTableTemplate) === null || _f === void 0 ? void 0 : _f.Template) === null || _g === void 0 ? void 0 : _g.EsThsDirective) === null || _h === void 0 ? void 0 : _h.length) > 0 ? (_k = (_j = this.EsTableTemplate) === null || _j === void 0 ? void 0 : _j.Template) === null || _k === void 0 ? void 0 : _k.EsThsDirective : this.EsThsDirective : this.EsThsDirective;
+            var usesThsAndTdsDirectives = tdsD && tdsD.length > 0 && thsD && thsD.length > 0;
             var hasNoContentProjection = !this.bodyRef && !this.headerRef && !this.headerGroupRef && !this.secondaryHeaderGroupRef;
             if (usesThsAndTdsDirectives || hasNoContentProjection) {
                 if (this.UseCustomCells == null)
@@ -4448,9 +4451,12 @@
         };
         /** Per poter distinguere le chiamate a questo metodo: Dopo il setTimeout se uso gli EsTd/EsTh vecchi, senza il setTimeout se uso le nuove direttive */
         EsTableComponent.prototype.internalPostBoundSource = function () {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
             var View = this.View;
-            var ths = this.EsThsDirective && this.EsThsDirective.length > 0 ? this.EsThsDirective.toArray() : [];
-            var tds = this.EsTdsDirective && this.EsTdsDirective.length > 0 ? this.EsTdsDirective.toArray() : [];
+            var tdsD = this.EsTdsDirective.length == 0 ? ((_c = (_b = (_a = this.EsTableTemplate) === null || _a === void 0 ? void 0 : _a.Template) === null || _b === void 0 ? void 0 : _b.EsTdsDirective) === null || _c === void 0 ? void 0 : _c.length) > 0 ? (_e = (_d = this.EsTableTemplate) === null || _d === void 0 ? void 0 : _d.Template) === null || _e === void 0 ? void 0 : _e.EsTdsDirective : this.EsTdsDirective : this.EsTdsDirective;
+            var thsD = this.EsThsDirective.length == 0 ? ((_h = (_g = (_f = this.EsTableTemplate) === null || _f === void 0 ? void 0 : _f.Template) === null || _g === void 0 ? void 0 : _g.EsThsDirective) === null || _h === void 0 ? void 0 : _h.length) > 0 ? (_k = (_j = this.EsTableTemplate) === null || _j === void 0 ? void 0 : _j.Template) === null || _k === void 0 ? void 0 : _k.EsThsDirective : this.EsThsDirective : this.EsThsDirective;
+            var ths = thsD && thsD.length > 0 ? thsD.toArray() : [];
+            var tds = tdsD && tdsD.length > 0 ? tdsD.toArray() : [];
             // Se non ho colonne dinamiche ma sono in modalità dinamica (lo capisco perché c'è una view piena di genericitem) metto il default delle colonne
             this.dynamicMode_H.eventuallyReviewDynamicColumns();
             this.bindDisplayToLoadedItemsOrGroups(View);
@@ -5281,6 +5287,7 @@
         EsTdEditorDirectives: [{ type: i0.ContentChildren, args: [EsTdEditorDirective,] }],
         EsTdsDirective: [{ type: i0.ContentChildren, args: [EsTdDirective,] }],
         EsThsDirective: [{ type: i0.ContentChildren, args: [EsThDirective,] }],
+        EsTableTemplate: [{ type: i0.Input }],
         bodyRef: [{ type: i0.ContentChild, args: ['body', { static: false },] }],
         headerRef: [{ type: i0.ContentChild, args: ['header', { static: false },] }],
         headerGroupRef: [{ type: i0.ContentChild, args: ['headerGroup', { static: false },] }],
@@ -5358,6 +5365,25 @@
         return EsTdReference;
     }());
 
+    //Angular
+    /** Componente rappresentante un template di th coi loro relativi td da poter riutilizzare quandomminchia si vuole */
+    var EsTableTemplate = /** @class */ (function () {
+        function EsTableTemplate() {
+        }
+        return EsTableTemplate;
+    }());
+    EsTableTemplate.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "es-table-template",
+                    template: "",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush
+                },] }
+    ];
+    EsTableTemplate.propDecorators = {
+        EsTdsDirective: [{ type: i0.ContentChildren, args: [EsTdDirective,] }],
+        EsThsDirective: [{ type: i0.ContentChildren, args: [EsThDirective,] }]
+    };
+
     /** Modello di configurazione per L'EsTable */
     var EsTableModuleConfig = /** @class */ (function () {
         function EsTableModuleConfig() {
@@ -5547,7 +5573,7 @@
             /** Quando questa cella viene generata questo evento permette di dire "ehi, sono nato!"  */
             this.onCellGeneration = new i0.EventEmitter();
             // Ema commenta grazie
-            this.ImAMistake = "";
+            this.ValidationError = "";
         }
         Object.defineProperty(EsTd.prototype, "Visible", {
             /**
@@ -5585,7 +5611,7 @@
             this.Class = this.myself.nativeElement.className.replace("app-display-none", "");
         };
         EsTd.prototype.validationError = function (isError, error) {
-            this.ImAMistake = isError ? error : "";
+            this.ValidationError = isError ? error : "";
             this.cdr.markForCheck();
         };
         return EsTd;
@@ -5593,9 +5619,9 @@
     EsTd.decorators = [
         { type: i0.Component, args: [{
                     selector: "[es-td]",
-                    template: "<div style=\"padding: 0.3rem; margin: -0.3rem; box-sizing: border-box !important;\" [class.td-error]=\"!!ImAMistake\" [matTooltip]=\"ImAMistake\">\r\n    <ng-content></ng-content>\r\n</div>",
+                    template: "<div class=\"td-content\" [class.td-error]=\"!!ValidationError\" [matTooltip]=\"ValidationError\">\r\n    <ng-content></ng-content>\r\n</div>",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".td-error{background-color:rgba(255,0,0,.2);box-shadow:inset 0 0 0 1px red}"]
+                    styles: [".td-error{background-color:rgba(255,0,0,.2);box-shadow:inset 0 0 0 1px red}.td-content{padding:.3rem;margin:-.3rem;box-sizing:border-box!important}"]
                 },] }
     ];
     EsTd.ctorParameters = function () { return [
@@ -5648,9 +5674,9 @@
                         dragDrop.DragDropModule,
                         formsAndValidations.FormsAndValidationsModule
                     ],
-                    declarations: [EsTh, EsTd, EsTableComponent, EsTdDirective, EsThDirective, EsTdEditorDirective, TablePagerComponent],
+                    declarations: [EsTh, EsTd, EsTableComponent, EsTdDirective, EsThDirective, EsTdEditorDirective, TablePagerComponent, EsTableTemplate],
                     providers: [i1.UtilityService, i1.ExportService, i1.HashingService, i1.MessageService],
-                    exports: [EsTableComponent, EsTdDirective, EsThDirective, EsTdEditorDirective, TablePagerComponent]
+                    exports: [EsTableComponent, EsTdDirective, EsThDirective, EsTdEditorDirective, TablePagerComponent, EsTableTemplate]
                 },] }
     ];
 
@@ -5767,6 +5793,7 @@
     exports.EsTableModuleConfig = EsTableModuleConfig;
     exports.EsTableMultiValue = EsTableMultiValue;
     exports.EsTableOperationDefinition = EsTableOperationDefinition;
+    exports.EsTableTemplate = EsTableTemplate;
     exports.EsTdDirective = EsTdDirective;
     exports.EsTdEditorDirective = EsTdEditorDirective;
     exports.EsTdReference = EsTdReference;