ng-inail-common 1.0.441 → 1.0.445

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

@@ -2590,6 +2590,7 @@
         function TextareaComponent() {
             var _this = _super.call(this) || this;
             _this.valueChange = new i0.EventEmitter();
+            _this.selfValidation = true;
             return _this;
         }
         /**
@@ -2657,7 +2658,7 @@
          * @return {?}
          */
             function () {
-                return (this.hasError || isNotEmptyOrNull(this.descError) || this.isTextTooLong()) === true;
+                return (this.hasError || isNotEmptyOrNull(this.descError) || (this.isTextTooLong() && this.selfValidation)) === true;
             };
         /**
          * @return {?}
@@ -2688,7 +2689,7 @@
          * @return {?}
          */
             function () {
-                return (isEmptyOrNull(this.descError) && this.isTextTooLong())
+                return (isEmptyOrNull(this.descError) && this.isTextTooLong() && this.selfValidation)
                     ? "Il testo non può essere lungo di " + this.maxlength + " caratteri"
                     : this.descError;
             };
@@ -2731,6 +2732,7 @@
             rows: [{ type: i0.Input }],
             cols: [{ type: i0.Input }],
             preventPasting: [{ type: i0.Input }],
+            selfValidation: [{ type: i0.Input }],
             value: [{ type: i0.Input }]
         };
         return TextareaComponent;
@@ -2745,9 +2747,6 @@
             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;
@@ -2764,6 +2763,30 @@
          * @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 () {
@@ -2801,8 +2824,6 @@
          * @return {?}
          */
             function (event) {
-                // todo
-                // console.warn('th-label-click')
                 event.stopPropagation();
                 this.emettiEventoOrdinamento();
             };
@@ -2815,8 +2836,6 @@
          * @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) {
@@ -2827,8 +2846,6 @@
                         direction: this.direction,
                         property: this.property
                     };
-                    // todo
-                    // console.warn('th-label emettiEventoOrdinamento', info)
                     this.click.emit(info);
                 }
             };
@@ -2847,7 +2864,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    <!--  <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",
+                        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",
                         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}"]
                     }] }
@@ -2860,8 +2877,6 @@
         };
         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 }],
@@ -3482,16 +3497,34 @@
          */
             function (thLabelComponent) {
                 if (thLabelComponent && thLabelComponent.sortable === true) {
+                    // let th: HTMLElement = thLabelComponent.elementRef.nativeElement.parentNode;
                     /** @type {?} */
-                    var th = thLabelComponent.elementRef.nativeElement.parentNode;
+                    var th = thLabelComponent.thParent;
+                    // if (th) {
+                    //
+                    //     this.removeSortClass(th);
+                    //     this.renderer.addClass(th, this.getThSortClass(thLabelComponent.direction));
+                    //
+                    //     // Spostato in th-label
+                    //     // th.setAttribute('aria-label', thLabelComponent.label + ": attiva per ordinare la colonna in ordine " + (thLabelComponent.direction == ThLabelComponent.ASC ? 'decrescente' : 'crescente'));
+                    //
+                    //     th.setAttribute('aria-sort', this.getAriaSortValue(thLabelComponent.direction));
+                    //
+                    //     if (thLabelComponent.direction == ThLabelComponent.UNSORTED) {
+                    //
+                    //         th.removeAttribute('aria-sort');
+                    //     }
+                    // }
                     if (th) {
                         this.removeSortClass(th);
                         this.renderer.addClass(th, this.getThSortClass(thLabelComponent.direction));
-                        // Spostato in th-label
-                        // th.setAttribute('aria-label', thLabelComponent.label + ": attiva per ordinare la colonna in ordine " + (thLabelComponent.direction == ThLabelComponent.ASC ? 'decrescente' : 'crescente'));
-                        th.setAttribute('aria-sort', this.getAriaSortValue(thLabelComponent.direction));
                         if (thLabelComponent.direction == ThLabelComponent.UNSORTED) {
-                            th.removeAttribute('aria-sort');
+                            this.renderer.removeAttribute(th, 'aria-sort');
+                            this.renderer.setAttribute(th, 'aria-label', "Colonna " + thLabelComponent.label + " non ordinata, attiva per ordinare in ordine crescente");
+                        }
+                        else {
+                            this.renderer.setAttribute(th, 'aria-sort', this.getAriaSortValue(thLabelComponent.direction));
+                            this.renderer.setAttribute(th, 'aria-label', "Colonna " + thLabelComponent.label + " ordinata in ordine " + (thLabelComponent.direction == ThLabelComponent.ASC ? 'crescente' : 'decrescente') + ", attiva per ordinare in ordine " + (thLabelComponent.direction == ThLabelComponent.ASC ? 'decrescente' : 'crescente'));
                         }
                     }
                 }