ng-inail-common 1.0.445 → 1.0.453

package/bundles/ng-inail-common.umd.js

@@ -2747,6 +2747,9 @@
             this.ASC = ThLabelComponent.ASC;
             this.DESC = ThLabelComponent.DESC;
             this.UNSORTED = ThLabelComponent.UNSORTED;
+            // Deprecato!
+            // Obbligatorio se paginazione interna: Da usare in 2-way-data-binding
+            this.elementsChange = new i0.EventEmitter();
             this.click = new i0.EventEmitter();
             this.direction = ThLabelComponent.UNSORTED;
             this.elementRef = element;
@@ -2763,30 +2766,6 @@
          * @return {?}
          */
         ThLabelComponent.prototype.ngAfterViewInit = /**
-         * @return {?}
-         */
-            function () {
-                var _this = this;
-                this.thParent = this.elementRef.nativeElement.parentNode;
-                if (this.thParent != undefined) {
-                    this.thParent.onclick = ( /**
-                     * @param {?} ev
-                     * @return {?}
-                     */function (ev) { return _this.onClick(ev); });
-                    this.thParent.onkeyup = ( /**
-                     * @param {?} ev
-                     * @return {?}
-                     */function (ev) {
-                        if (ev.key === 'Enter' || ev.keyCode === 13) {
-                            _this.onClick(ev);
-                        }
-                    });
-                }
-            };
-        /**
-         * @return {?}
-         */
-        ThLabelComponent.prototype.ngOnDestroy = /**
          * @return {?}
          */
             function () {
@@ -2824,6 +2803,8 @@
          * @return {?}
          */
             function (event) {
+                // todo
+                // console.warn('th-label-click')
                 event.stopPropagation();
                 this.emettiEventoOrdinamento();
             };
@@ -2836,6 +2817,8 @@
          * @return {?}
          */
             function () {
+                // todo
+                // console.warn('th-label emettiEventoOrdinamento', this.sortable, this.property)
                 if (this.sortable && this.property) {
                     this.direction = this.direction * -1;
                     if (this.direction == ThLabelComponent.UNSORTED) {
@@ -2846,6 +2829,8 @@
                         direction: this.direction,
                         property: this.property
                     };
+                    // todo
+                    // console.warn('th-label emettiEventoOrdinamento', info)
                     this.click.emit(info);
                 }
             };
@@ -2864,7 +2849,7 @@
         ThLabelComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'inail-th-label',
-                        template: "<!--<a *ngIf=\"sortable\"\n   href=\"javascript:void(0)\"\n   role=\"button\"\n   class=\"inail-th-label-view-encapsulation\"\n   [attr.aria-label]=\"sortable ? label + ': attiva per ordinare la colonna in ordine ' + (direction == ASC ? 'decrescente' : 'crescente') : undefined\"\n   (click)=\"onClick($event)\">\n<span class=\"sortable thLabel\" [innerHTML]=\"label\" [attr.title]=\"title\">\n    &lt;!&ndash;  <span *ngIf=\"sortable\" class=\"fa {{direction==0 ? 'fa-sort' : direction==1 ? 'fa-sort-asc' : 'fa-sort-desc'}}\"></span>&ndash;&gt;\n</span>\n</a>\n<span *ngIf=\"!sortable\"\n      (click)=\"onClick($event)\" [innerHTML]=\"label\" [attr.title]=\"title\">\n    &lt;!&ndash;  <span *ngIf=\"sortable\" class=\"fa {{direction==0 ? 'fa-sort' : direction==1 ? 'fa-sort-asc' : 'fa-sort-desc'}}\"></span>&ndash;&gt;\n</span>\n<div *comment>\n    &lt;!&ndash;  con aria sort (problema con W3C)  &ndash;&gt;\n    <a *ngIf=\"sortable\"\n       href=\"javascript:void(0)\"\n       role=\"button\"\n       class=\"inail-th-label-view-encapsulation\"\n       [attr.aria-label]=\"sortable ? label + ': attiva per ordinare la colonna in ordine ' + (direction == ASC ? 'decrescente' : 'crescente') : undefined\"\n       [attr.aria-sort]=\"sortable ? getAriaSortValue(direction) : undefined\"\n       (click)=\"onClick($event)\">\n        <span class=\"sortable thLabel\" [innerHTML]=\"label\" [attr.title]=\"title\">\n            &lt;!&ndash;  <span *ngIf=\"sortable\" class=\"fa {{direction==0 ? 'fa-sort' : direction==1 ? 'fa-sort-asc' : 'fa-sort-desc'}}\"></span>&ndash;&gt;\n        </span>\n    </a>\n</div>-->\n\n<span [innerHTML]=\"label\"\n      [attr.title]=\"title\">\n</span>\n",
+                        template: "<a *ngIf=\"sortable\"\n   href=\"javascript:void(0)\"\n   role=\"button\"\n   class=\"inail-th-label-view-encapsulation\"\n   (click)=\"onClick($event)\">\n<span class=\"sortable thLabel\" [innerHTML]=\"label\" [attr.title]=\"title\">\n    <!--  <span *ngIf=\"sortable\" class=\"fa {{direction==0 ? 'fa-sort' : direction==1 ? 'fa-sort-asc' : 'fa-sort-desc'}}\"></span>-->\n</span>\n</a>\n<span *ngIf=\"!sortable\"\n      (click)=\"onClick($event)\" [innerHTML]=\"label\" [attr.title]=\"title\">\n    <!--  <span *ngIf=\"sortable\" class=\"fa {{direction==0 ? 'fa-sort' : direction==1 ? 'fa-sort-asc' : 'fa-sort-desc'}}\"></span>-->\n</span>\n<div *comment>\n    <!--  con aria sort (problema con W3C)  -->\n    <a *ngIf=\"sortable\"\n       href=\"javascript:void(0)\"\n       role=\"button\"\n       class=\"inail-th-label-view-encapsulation\"\n       [attr.aria-label]=\"sortable ? label + ': attiva per ordinare la colonna in ordine ' + (direction == ASC ? 'decrescente' : 'crescente') : undefined\"\n       [attr.aria-sort]=\"sortable ? getAriaSortValue(direction) : undefined\"\n       (click)=\"onClick($event)\">\n        <span class=\"sortable thLabel\" [innerHTML]=\"label\" [attr.title]=\"title\">\n            <!--  <span *ngIf=\"sortable\" class=\"fa {{direction==0 ? 'fa-sort' : direction==1 ? 'fa-sort-asc' : 'fa-sort-desc'}}\"></span>-->\n        </span>\n    </a>\n</div>\n",
                         encapsulation: i0.ViewEncapsulation.None,
                         styles: [".inail-th-label-view-encapsulation .sortable{cursor:pointer}.inail-th-label-view-encapsulation .fa{padding:0 10px}a.inail-th-label-view-encapsulation{background:0 0;color:#000;text-decoration:none}"]
                     }] }
@@ -2877,6 +2862,8 @@
         };
         ThLabelComponent.propDecorators = {
             label: [{ type: i0.Input }],
+            elements: [{ type: i0.Input }],
+            elementsChange: [{ type: i0.Output }],
             property: [{ type: i0.Input }],
             title: [{ type: i0.Input }],
             sortable: [{ type: i0.Input }],
@@ -3497,9 +3484,8 @@
          */
             function (thLabelComponent) {
                 if (thLabelComponent && thLabelComponent.sortable === true) {
-                    // let th: HTMLElement = thLabelComponent.elementRef.nativeElement.parentNode;
                     /** @type {?} */
-                    var th = thLabelComponent.thParent;
+                    var th = thLabelComponent.elementRef.nativeElement.parentNode;
                     // if (th) {
                     //
                     //     this.removeSortClass(th);