ng-inail-common 2.0.26 → 2.0.29-beta.0

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

@@ -2256,12 +2256,9 @@
             }
         };
         InailLayoutComponent.prototype.ngOnChanges = function (changes) {
-            var _a;
             this.emitDebug('changes');
             this.emitDebug(changes);
-            if ((_a = changes === null || changes === void 0 ? void 0 : changes.infoDipendente) === null || _a === void 0 ? void 0 : _a.currentValue) {
-                this.cdr.detectChanges();
-            }
+            this.cdr.detectChanges();
         };
         InailLayoutComponent.prototype.ngOnInit = function () {
             _super.prototype.ngOnInit.call(this);
@@ -4733,7 +4730,7 @@
         /**
          * L'inserimento di questo style ha lo scopo di effettuare l'override
          * della regola sul padding-right inserita da bootstrap in fase di apertura della modale
-         * la quale causa un restringimento del body se la scrollbar non viene riemossa.
+         * la quale causa un restringimento del body se la scrollbar non viene rimossa.
          */
         ModalComponent.prototype.inserisciPreventBodyPaddingStyle = function () {
             if (!window['$']("." + PREVENT_PADDING_STYLE_CLASS).length) {
@@ -4822,7 +4819,11 @@
         function AlertComponent(_cdr) {
             var _this = _super.call(this, _cdr) || this;
             _this._cdr = _cdr;
-            _this.okOnClick = function () { return _this.showModal(false); };
+            _this.closeButtonTitle = 'Chiudi modale';
+            _this.close = new core.EventEmitter();
+            _this.width = 'M';
+            _this.preventPageScroll = true;
+            _this.okOnClick = function () { var _a; return (_a = _this.show) === null || _a === void 0 ? void 0 : _a.emit(false); };
             _this.logPrefix = '[inail-alert]';
             _this.title = 'Messaggio informativo';
             _this.width = 'S';
@@ -4831,7 +4832,7 @@
             return _this;
         }
         AlertComponent.prototype.ngOnChanges = function (changes) {
-            // super.ngOnChanges(changes);
+            _super.prototype.ngOnChanges.call(this, changes);
             this._cdr.detectChanges();
         };
         AlertComponent.prototype.ngOnInit = function () {
@@ -4844,11 +4845,11 @@
             _super.prototype.ngOnDestroy.call(this);
         };
         return AlertComponent;
-    }(ModalComponent));
+    }(BasicUxElementComponent));
     AlertComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'inail-alert',
-                    template: "<inail-modal [id]=\"id\"\n             [show]=\"show\"\n             [preventPageScroll]=\"preventPageScroll\"\n             [class]=\"class\"\n             [title]=\"title\"\n             [closeButtonTitle]=\"closeButtonTitle\"\n             [logOnConsole]=\"logOnConsole\"\n             [width]=\"this.width\"\n             (close)=\"close.emit($event)\"\n             (log)=\"log.emit($event)\">\n  <div class=\"row\">\n    <p *ngIf=\"message\" [innerHTML]=\"message\"></p>\n    <p *ngIf=\"!message\">\n      <ng-content></ng-content>\n    </p>\n  </div>\n  <div class=\"row alert-footer\">\n    <button type=\"button\"\n            (click)=\"okOnClick()\"\n            class=\"btn btn-primary pull-right\">Ok\n    </button>\n  </div>\n</inail-modal>\n",
+                    template: "<inail-modal #modalComponent\n             [id]=\"id\"\n             [show]=\"show\"\n             [preventPageScroll]=\"preventPageScroll\"\n             [class]=\"class\"\n             [title]=\"title\"\n             [closeButtonTitle]=\"closeButtonTitle\"\n             [logOnConsole]=\"logOnConsole\"\n             [width]=\"this.width\"\n             (close)=\"close.emit($event)\"\n             (log)=\"log.emit($event)\">\n  <div class=\"row\">\n    <p *ngIf=\"message\" [innerHTML]=\"message\"></p>\n    <p *ngIf=\"!message\">\n      <ng-content></ng-content>\n    </p>\n  </div>\n  <div class=\"row alert-footer\">\n    <button type=\"button\"\n            (click)=\"okOnClick()\"\n            class=\"btn btn-primary pull-right\">Ok\n    </button>\n  </div>\n</inail-modal>\n",
                     changeDetection: CHANGE_DETECTION_STRATEGY,
                     encapsulation: core.ViewEncapsulation.None,
                     styles: [".alert-footer{padding-bottom:20px!important;padding-top:20px!important}.alert-footer button{margin-right:0!important}"]
@@ -4858,7 +4859,15 @@
         { type: core.ChangeDetectorRef }
     ]; };
     AlertComponent.propDecorators = {
-        message: [{ type: core.Input }]
+        title: [{ type: core.Input }],
+        closeButtonTitle: [{ type: core.Input }],
+        close: [{ type: core.Output }],
+        show: [{ type: core.Input }],
+        width: [{ type: core.Input }],
+        setFocusOnError: [{ type: core.Input }],
+        preventPageScroll: [{ type: core.Input }],
+        message: [{ type: core.Input }],
+        modalComponent: [{ type: core.ViewChild, args: ['modalComponent',] }]
     };
 
     var ConfirmComponent = /** @class */ (function (_super) {
@@ -4866,11 +4875,14 @@
         function ConfirmComponent(_cdr) {
             var _this = _super.call(this, _cdr) || this;
             _this._cdr = _cdr;
+            _this.closeButtonTitle = 'Chiudi modale';
+            _this.close = new core.EventEmitter();
+            _this.width = 'M';
+            _this.preventPageScroll = true;
             _this.confirmButtonLabel = 'Si';
             _this.rejectButtonLabel = 'No';
             _this.confirm = new core.EventEmitter();
             _this.reject = new core.EventEmitter();
-            _this.cancel = new core.EventEmitter();
             _this.logPrefix = '[inail-confirm]';
             _this.title = 'Conferma operazione';
             _this.message = 'Confermare l\'operazione richiesta?';
@@ -4880,7 +4892,7 @@
             return _this;
         }
         ConfirmComponent.prototype.ngOnChanges = function (changes) {
-            // super.ngOnChanges(changes);
+            _super.prototype.ngOnChanges.call(this, changes);
             this._cdr.detectChanges();
         };
         ConfirmComponent.prototype.ngOnInit = function () {
@@ -4893,23 +4905,26 @@
             _super.prototype.ngOnDestroy.call(this);
         };
         ConfirmComponent.prototype.confirmOnClick = function () {
-            this.showModal(false);
+            this.action = 'y';
+            this.show.emit(false);
             this.confirm.emit();
+            this.action = undefined;
         };
         ConfirmComponent.prototype.rejectOnClick = function () {
-            this.showModal(false);
+            this.action = 'n';
+            this.show.emit(false);
             this.reject.emit();
+            this.action = undefined;
         };
-        ConfirmComponent.prototype.cancelOnClick = function () {
-            this.showModal(false);
-            this.cancel.emit();
+        ConfirmComponent.prototype.onClose = function () {
+            this.close.emit(this.action || 'x');
         };
         return ConfirmComponent;
-    }(ModalComponent));
+    }(BasicUxElementComponent));
     ConfirmComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'inail-confirm',
-                    template: "<inail-modal [id]=\"id\"\n             [show]=\"show\"\n             [preventPageScroll]=\"preventPageScroll\"\n             [class]=\"class\"\n             [title]=\"title\"\n             [closeButtonTitle]=\"closeButtonTitle\"\n             [logOnConsole]=\"logOnConsole\"\n             [width]=\"width\"\n             (close)=\"cancelOnClick()\"\n             (log)=\"log.emit($event)\">\n  <div class=\"row\">\n    <p *ngIf=\"message\" [innerHTML]=\"message\"></p>\n    <p *ngIf=\"!message\">\n      <ng-content></ng-content>\n    </p>\n  </div>\n  <div class=\"row confirm-footer\">\n    <inail-button [label]=\"rejectButtonLabel\"\n                  (onclick)=\"rejectOnClick()\">\n    </inail-button>\n    <inail-button [class]=\"'pull-right'\"\n                  [setFocusOnError]=\"setFocusOnError\"\n                  [label]=\"confirmButtonLabel\"\n                  (onclick)=\"confirmOnClick()\">\n    </inail-button>\n  </div>\n</inail-modal>\n",
+                    template: "<inail-modal #modalComponent\n             [id]=\"id\"\n             [show]=\"show\"\n             [preventPageScroll]=\"preventPageScroll\"\n             [class]=\"class\"\n             [title]=\"title\"\n             [closeButtonTitle]=\"closeButtonTitle\"\n             [logOnConsole]=\"logOnConsole\"\n             [width]=\"width\"\n             (close)=\"onClose()\"\n             (log)=\"log.emit($event)\">\n  <div class=\"row\">\n    <p *ngIf=\"message\" [innerHTML]=\"message\"></p>\n    <p *ngIf=\"!message\">\n      <ng-content></ng-content>\n    </p>\n  </div>\n  <div class=\"row confirm-footer\">\n    <inail-button [label]=\"rejectButtonLabel\"\n                  (onclick)=\"rejectOnClick()\">\n    </inail-button>\n    <inail-button [class]=\"'pull-right'\"\n                  [setFocusOnError]=\"setFocusOnError\"\n                  [label]=\"confirmButtonLabel\"\n                  (onclick)=\"confirmOnClick()\">\n    </inail-button>\n  </div>\n</inail-modal>\n",
                     changeDetection: CHANGE_DETECTION_STRATEGY,
                     encapsulation: core.ViewEncapsulation.None,
                     styles: [".confirm-footer{padding-bottom:20px!important;padding-top:20px!important}.confirm-footer button{margin-right:0!important}"]
@@ -4919,12 +4934,19 @@
         { type: core.ChangeDetectorRef }
     ]; };
     ConfirmComponent.propDecorators = {
+        title: [{ type: core.Input }],
+        closeButtonTitle: [{ type: core.Input }],
+        close: [{ type: core.Output }],
+        show: [{ type: core.Input }],
+        width: [{ type: core.Input }],
+        setFocusOnError: [{ type: core.Input }],
+        preventPageScroll: [{ type: core.Input }],
         message: [{ type: core.Input }],
         confirmButtonLabel: [{ type: core.Input }],
         rejectButtonLabel: [{ type: core.Input }],
         confirm: [{ type: core.Output }],
         reject: [{ type: core.Output }],
-        cancel: [{ type: core.Output }]
+        modalComponent: [{ type: core.ViewChild, args: ['modalComponent',] }]
     };
 
     var DEFAULT_TABLE_LENGTH = 10;
@@ -5725,8 +5747,10 @@
             }
         };
         TableComponent.prototype.setSortDirection = function (thLabel, direction) {
+            var _a, _b;
             if (thLabel) {
-                switch (direction) {
+                var dir = (_b = (_a = direction === null || direction === void 0 ? void 0 : direction.toString()) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.toLowerCase();
+                switch (dir) {
                     case "asc":
                         thLabel.direction = ThLabelComponent.ASC;
                         break;