ng-inail-common 1.0.416 → 1.0.422

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('moment'), require('@angular/forms'), require('@ng-bootstrap/ng-bootstrap'), require('rxjs/internal-compatibility'), require('rxjs/operators'), require('@angular/platform-browser'), require('@angular/common/http'), require('@angular/router'), require('@angular/core'), require('uuid')) :
-    typeof define === 'function' && define.amd ? define('ng-inail-common', ['exports', '@angular/common', 'moment', '@angular/forms', '@ng-bootstrap/ng-bootstrap', 'rxjs/internal-compatibility', 'rxjs/operators', '@angular/platform-browser', '@angular/common/http', '@angular/router', '@angular/core', 'uuid'], factory) :
-    (factory((global['ng-inail-common'] = {}),global.ng.common,global.moment_,global.ng.forms,global.ngBootstrap,global.rxjs['internal-compatibility'],global.rxjs.operators,global.ng.platformBrowser,global.ng.common.http,global.ng.router,global.ng.core,global.uuid));
-}(this, (function (exports,common,moment_,forms,ngBootstrap,internalCompatibility,operators,platformBrowser,http,router,i0,uuid) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('moment'), require('@angular/forms'), require('@ng-bootstrap/ng-bootstrap'), require('rxjs/internal-compatibility'), require('rxjs/operators'), require('@angular/platform-browser'), require('@angular/common/http'), require('@angular/router'), require('uuid'), require('@angular/core')) :
+    typeof define === 'function' && define.amd ? define('ng-inail-common', ['exports', '@angular/common', 'moment', '@angular/forms', '@ng-bootstrap/ng-bootstrap', 'rxjs/internal-compatibility', 'rxjs/operators', '@angular/platform-browser', '@angular/common/http', '@angular/router', 'uuid', '@angular/core'], factory) :
+    (factory((global['ng-inail-common'] = {}),global.ng.common,global.moment_,global.ng.forms,global.ngBootstrap,global.rxjs['internal-compatibility'],global.rxjs.operators,global.ng.platformBrowser,global.ng.common.http,global.ng.router,global.uuid,global.ng.core));
+}(this, (function (exports,common,moment_,forms,ngBootstrap,internalCompatibility,operators,platformBrowser,http,router,uuid,i0) { 'use strict';
 
     /**
      * @fileoverview added by tsickle
@@ -176,6 +176,35 @@
             return { value: op[0] ? op[1] : void 0, done: true };
         }
     }
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m)
+            return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                ar.push(r.value);
+        }
+        catch (error) {
+            e = { error: error };
+        }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"]))
+                    m.call(i);
+            }
+            finally {
+                if (e)
+                    throw e.error;
+            }
+        }
+        return ar;
+    }
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -381,7 +410,7 @@
         AccordionComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'inail-accordion',
-                        template: "<div class=\"inail-accordion-view-encapsulation row panel panel-default form-accordion noPadding {{class}}\">\n  <!--<div class=\"row panel-heading heading-form-grey\"\n       (click)=\"onToggle()\"\n       (keyup.enter)=\"onToggle()\"\n       (keyup.space)=\"onToggle()\"\n       (keydown.space)=\"false\"\n       role=\"heading\">\n    <label class=\"search-title\"\n           tabindex=\"0\"\n           [ngClass]=\"{'has-error': hasError}\"\n           [innerHTML]=\"getTitolo() | uppercase\"></label>\n    <span class=\"fa {{mostra ? 'fa-chevron-up' : 'fa-chevron-down'}}\"\n          tabindex=\"0\"\n          role=\"button\"\n          [attr.aria-label]=\"toggleTitleText\"\n          [attr.aria-controls]=\"id\"\n          [attr.aria-expanded]=\"mostra\">&nbsp;</span>\n  </div>-->\n  <div class=\"row panel-heading heading-form-grey\"\n       (click)=\"onToggle()\"\n       (keyup.space)=\"onToggle()\"\n       (keydown.space)=\"false\"\n       role=\"heading\">\n    <h3 class=\"title-modulo\"\n        tabindex=\"0\"\n        [ngClass]=\"{'has-error': hasError}\"\n        [innerHTML]=\"getTitolo()\"></h3>\n    <a href=\"javascript:void(0)\"\n       role=\"button\"\n       class=\"accordion-toggle-command\"\n       [attr.aria-label]=\"toggleTitleText\"\n       [attr.aria-controls]=\"id\"\n       [attr.aria-expanded]=\"mostra\">\n      <span class=\"fa {{mostra ? 'fa-chevron-up' : 'fa-chevron-down'}}\">&nbsp;</span>\n    </a>\n  </div>\n  <div [attr.id]='id || undefined'\n       [hidden]=\"!mostra\"\n       class=\"row panel-body body-form-grey\"\n       role=\"region\">\n    <div class=\"col-md-12 col-lg-12\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n",
+                        template: "<div class=\"inail-accordion-view-encapsulation row panel panel-default form-accordion noPadding {{class}}\">\n  <div class=\"row panel-heading heading-form-grey\"\n       (click)=\"onToggle()\"\n       (keyup.space)=\"onToggle()\"\n       (keydown.space)=\"false\"\n       role=\"heading\">\n    <h3 class=\"title-modulo\"\n        tabindex=\"0\"\n        [ngClass]=\"{'has-error': hasError}\"\n        [innerHTML]=\"getTitolo()\"></h3>\n    <a href=\"javascript:void(0)\"\n       role=\"button\"\n       class=\"accordion-toggle-command\"\n       [attr.aria-label]=\"toggleTitleText\"\n       [attr.aria-controls]=\"id\"\n       [attr.aria-expanded]=\"mostra\">\n      <span class=\"fa {{mostra ? 'fa-chevron-up' : 'fa-chevron-down'}}\">&nbsp;</span>\n    </a>\n  </div>\n  <div [attr.id]='id || undefined'\n       [hidden]=\"!mostra\"\n       class=\"row panel-body body-form-grey\"\n       role=\"region\">\n    <div class=\"col-md-12 col-lg-12\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n",
                         encapsulation: i0.ViewEncapsulation.None,
                         styles: [".accordion{transition:height .5s ease-in-out;overflow:hidden}.inail-accordion-view-encapsulation .ac_hidden{height:0;padding:0}.inail-accordion-view-encapsulation .panel-heading{cursor:pointer}.inail-accordion-view-encapsulation .title-modulo.has-error{color:#c9291b!important}.inail-accordion-view-encapsulation .accordion-toggle-command{margin:12px 15px 8px;position:absolute;top:0;right:10px;width:15px;height:15px}.inail-accordion-view-encapsulation .accordion-toggle-command span{right:0!important}"]
                     }] }
@@ -508,8 +537,30 @@
             _this.showPopover = ( /**
              * @return {?}
              */function () { return _this.popover === true; });
+            _this.hasFocus = ( /**
+             * @return {?}
+             */function () { return document.activeElement && document.activeElement.id == _this.id; });
             return _this;
         }
+        /**
+         * @return {?}
+         */
+        FormElementComponent.prototype.cleanError = /**
+         * @return {?}
+         */
+            function () {
+                var _this = this;
+                setTimeout(( /**
+                 * @return {?}
+                 */function () {
+                    if (_this.hasError) {
+                        _this.hasError = false;
+                    }
+                    if (_this.descError) {
+                        _this.descError = undefined;
+                    }
+                }));
+            };
         FormElementComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'inail-form-element',
@@ -9825,6 +9876,336 @@
         return RadioSelectOption;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /** @type {?} */
+    var CURRENCY_SYMBOL = {
+        'EURO': '€',
+        'DOLLARS': '$'
+    };
+    /** @type {?} */
+    var NUMBERS_INPUTS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
+    /** @type {?} */
+    var ACCEPTED_INPUTS = __spread(NUMBERS_INPUTS, [',', '-', 'Backspace', 'Delete', 'Tab', 'ArrowLeft', 'ArrowRight']);
+    /** @type {?} */
+    var CLEAN_VALUE_REGEX = new RegExp(/[ $€]+/g);
+    /** @type {?} */
+    var COMMA_REGEX = new RegExp(/[,]/g);
+    /** @type {?} */
+    var DOT_REGEX = new RegExp(/[.]/g);
+    /** @type {?} */
+    var THOUSANDS_REGEX = new RegExp(/(\d+)(\d{3})/);
+    var InputMoneyComponent = /** @class */ (function (_super) {
+        __extends(InputMoneyComponent, _super);
+        function InputMoneyComponent() {
+            var _this = _super.call(this) || this;
+            _this.numberOfDecimals = 2;
+            _this.preventPasting = false;
+            _this.currency = 'EURO';
+            _this.selfValidation = true;
+            _this.selfValidationError = 'Importo non valido';
+            _this.showThousandsSeparator = true;
+            // @Input()
+            // decimalSeparatorSymbol: ',' | '.' = getConfigValue(this.libConfig?.inputMoneyComponent?.decimalSeparatorSymbol, ',');
+            // @Input()
+            // thousandsSeparatorSymbol: ',' | '.' = getConfigValue(this.libConfig?.inputMoneyComponent?.thousandsSeparatorSymbol, '.');
+            _this.valueChange = new i0.EventEmitter();
+            _this.getCurrencySymbol = ( /**
+             * @return {?}
+             */function () { return CURRENCY_SYMBOL[_this.currency]; });
+            _this.getCleanedValue = ( /**
+             * @param {?} s
+             * @return {?}
+             */function (s) { return s ? s.replace(CLEAN_VALUE_REGEX, '') : ''; });
+            _this.getNumberValue = ( /**
+             * @param {?} s
+             * @return {?}
+             */function (s) {
+                /** @type {?} */
+                var v = _this.getCleanedValue(s).replace(COMMA_REGEX, '.');
+                return parseFloat(v);
+            });
+            _this.isNotBlankOrUndefined = ( /**
+             * @param {?} value
+             * @return {?}
+             */function (value) { return isNotEmptyOrNull(value) && value != 'undefined' && value != 'null'; });
+            _this.checkError = ( /**
+             * @return {?}
+             */function () { return _this.hasError || isNotEmptyOrNull(_this.descError); });
+            _this.checkDescError = ( /**
+             * @return {?}
+             */function () { return _this.checkError() && isNotEmptyOrNull(_this.getDescError()); });
+            _this.getDescError = ( /**
+             * @return {?}
+             */function () { return _this.descError; });
+            _this.isWrongMinus = ( /**
+             * @param {?} ev
+             * @return {?}
+             */function (ev) { return ev.key == '-' && (isEmptyOrNull(_this.inputValue) || _this.inputValue.indexOf('-') > 0); });
+            _this.isWrongComma = ( /**
+             * @param {?} ev
+             * @return {?}
+             */function (ev) { return ev.key == ',' && (isEmptyOrNull(_this.inputValue) || _this.inputValue.indexOf(',') > 0); });
+            _this.isCommaWithNoDecimals = ( /**
+             * @param {?} ev
+             * @return {?}
+             */function (ev) { return ev.key == ',' && _this.numberOfDecimals <= 0; });
+            _this.isWrongDigit = ( /**
+             * @param {?} ev
+             * @return {?}
+             */function (ev) {
+                return !ACCEPTED_INPUTS.some(( /**
+                 * @param {?} v
+                 * @return {?}
+                 */function (v) { return v === ev.key; }))
+                    || _this.isWrongMinus(ev)
+                    || _this.isWrongComma(ev)
+                    || _this.isCommaWithNoDecimals(ev)
+                    || _this.isMaximumNumberOfDecimalsReached(ev);
+            });
+            return _this;
+        }
+        /**
+         * @param {?} changes
+         * @return {?}
+         */
+        InputMoneyComponent.prototype.ngOnChanges = /**
+         * @param {?} changes
+         * @return {?}
+         */
+            function (changes) {
+            };
+        /**
+         * @return {?}
+         */
+        InputMoneyComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+            function () {
+            };
+        /**
+         * @return {?}
+         */
+        InputMoneyComponent.prototype.ngAfterViewInit = /**
+         * @return {?}
+         */
+            function () {
+            };
+        Object.defineProperty(InputMoneyComponent.prototype, "value", {
+            set: /**
+             * @param {?} value
+             * @return {?}
+             */ function (value) {
+                this.emitDebug("@Input set value: " + this.numberValue + " -> " + value);
+                this.inputValue = value != undefined ? "" + value : '';
+                this.setValue(this.inputValue);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * @param {?} value
+         * @return {?}
+         */
+        InputMoneyComponent.prototype.writeValue = /**
+         * @param {?} value
+         * @return {?}
+         */
+            function (value) {
+                this.emitDebug("writeValue: " + value);
+                this.inputValue = value != undefined ? "" + value : '';
+                this.setValue(this.inputValue);
+            };
+        Object.defineProperty(InputMoneyComponent.prototype, "inputTextValue", {
+            get: /**
+             * @return {?}
+             */ function () {
+                return this.inputValue;
+            },
+            set: /**
+             * @param {?} value
+             * @return {?}
+             */ function (value) {
+                this.emitDebug("set inputTextValue: " + this.inputValue + " -> " + value);
+                this.inputValue = value;
+                this.setValue(this.inputValue);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+        InputMoneyComponent.prototype.setValue = /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+            function (value) {
+                this.emitDebug("setValue: " + value);
+                /** @type {?} */
+                var nextNumberValue;
+                if (this.isNotBlankOrUndefined(value)) {
+                    nextNumberValue = this.getNumberValue(value);
+                    // Se value e' un numero
+                    if (!isNaN(nextNumberValue)) {
+                        if (this.min != undefined && nextNumberValue < this.min) {
+                            nextNumberValue = this.min;
+                        }
+                        else if (this.max != undefined && nextNumberValue > this.max) {
+                            nextNumberValue = this.max;
+                        }
+                    }
+                    // Il valore inserito nell'input text non e' un numero
+                    else {
+                        nextNumberValue = undefined;
+                        if (this.selfValidation) {
+                            this.selfValidationErrorMsg = "" + this.selfValidationError;
+                        }
+                    }
+                }
+                else {
+                    nextNumberValue = undefined;
+                    this.selfValidationErrorMsg = undefined;
+                }
+                if (this.cleanErrorOnChange) {
+                    this.cleanError();
+                }
+                if (nextNumberValue != this.numberValue) {
+                    this.numberValue = nextNumberValue;
+                    this.valueChange.emit(this.numberValue);
+                }
+                this.impostaValoreVisibile();
+            };
+        /**
+         * @return {?}
+         */
+        InputMoneyComponent.prototype.impostaValoreVisibile = /**
+         * @return {?}
+         */
+            function () {
+                if (this.numberValue != undefined) {
+                    /** @type {?} */
+                    var nextInputValue = ("" + this.numberValue).replace(DOT_REGEX, ',');
+                    if (!this.hasFocus()) {
+                        /** @type {?} */
+                        var a = nextInputValue.split(',');
+                        if (this.showThousandsSeparator) {
+                            while (THOUSANDS_REGEX.test(a[0])) {
+                                a[0] = a[0].replace(THOUSANDS_REGEX, "$1.$2");
+                            }
+                        }
+                        if (this.numberOfDecimals > 0) {
+                            /** @type {?} */
+                            var decimals = (a[1] != undefined ? a[1] : '') + "000000000000000000000";
+                            a[1] = decimals.substring(0, this.numberOfDecimals);
+                            nextInputValue = a.join(',');
+                        }
+                        else {
+                            nextInputValue = a[0];
+                        }
+                    }
+                    this.inputValue = (nextInputValue + " " + (!this.hasFocus() ? this.getCurrencySymbol() : '')).trim();
+                }
+            };
+        /**
+         * @return {?}
+         */
+        InputMoneyComponent.prototype.onFocusIn = /**
+         * @return {?}
+         */
+            function () {
+                this.impostaValoreVisibile();
+            };
+        /**
+         * @return {?}
+         */
+        InputMoneyComponent.prototype.onFocusOut = /**
+         * @return {?}
+         */
+            function () {
+                this.impostaValoreVisibile();
+            };
+        /**
+         * @param {?} ev
+         * @return {?}
+         */
+        InputMoneyComponent.prototype.isMaximumNumberOfDecimalsReached = /**
+         * @param {?} ev
+         * @return {?}
+         */
+            function (ev) {
+                /** @type {?} */
+                var v = this.getCleanedValue(this.inputValue);
+                return NUMBERS_INPUTS.some(( /**
+                 * @param {?} v
+                 * @return {?}
+                 */function (v) { return v === ev.key; })) && v != undefined && v.indexOf(',') > 0 && v.split(',')[1].length >= this.numberOfDecimals;
+            };
+        /**
+         * @param {?} ev
+         * @return {?}
+         */
+        InputMoneyComponent.prototype.onKeyDown = /**
+         * @param {?} ev
+         * @return {?}
+         */
+            function (ev) {
+                if (this.isWrongDigit(ev)) {
+                    ev.preventDefault();
+                }
+            };
+        /**
+         * @param {?} $event
+         * @return {?}
+         */
+        InputMoneyComponent.prototype.onPaste = /**
+         * @param {?} $event
+         * @return {?}
+         */
+            function ($event) {
+                if (this.preventPasting === true) {
+                    $event.preventDefault();
+                }
+            };
+        /**
+         * @return {?}
+         */
+        InputMoneyComponent.prototype.ngOnDestroy = /**
+         * @return {?}
+         */
+            function () {
+            };
+        InputMoneyComponent.decorators = [
+            { type: i0.Component, args: [{
+                        selector: 'inail-input-money',
+                        template: "<div class=\"form-group col-lg-{{lg}} col-md-{{md}} col-sm-{{sm}} col-xs-{{xs}} noPaddingLeft {{class}}\"\n     [ngClass]=\"{'has-error': checkError()}\">\n  <label *ngIf=\"label\"\n         class=\"control-label {{labelClass}}\"\n         [hidden]=\"hiddenLabel\"\n         title=\"{{labelTitle}}\"\n         for=\"{{id}}\"\n         [innerHTML]=\"label.concat(required ? ' '+(requiredSimbol || '*') : '')\"></label>\n  <ng-container *ngIf=\"showPopover()\">\n    &nbsp;\n    <em [id]=\"id+'-popover'\"\n        class=\"fa fa-question-circle fa-lg\"\n        data-toggle=\"popover\"\n        title=\"{{popoverButtonTitle}}\"\n        [attr.data-content]=\"popoverContent\"\n        [attr.data-original-title]=\"popoverTitle\">\n    </em>\n  </ng-container>\n  <input #formControl\n         type=\"text\"\n         id=\"{{id}}\"\n         title=\"{{title}}\"\n         [disabled]=\"disabled\"\n         [readonly]=\"readonly\"\n         class=\"form-control {{inputClass}}\"\n         [ngClass]=\"{'disabled': disabled}\"\n         placeholder=\"{{placeholder}}\"\n         [attr.aria-required]=\"required === true ? true : undefined\"\n         [attr.aria-invalid]=\"checkError() === true ? true : undefined\"\n         [attr.aria-describedBy]=\"checkDescError() ? id+'-description-error' : undefined\"\n         (focusin)=\"onFocusIn()\"\n         (focusout)=\"onFocusOut()\"\n         (keydown)=\"onKeyDown($event)\"\n         (paste)=\"onPaste($event)\"\n         (keyup.enter)=\"enterUp.emit()\"\n         [(ngModel)]='inputTextValue'>\n  <ng-container *ngIf=\"checkDescError()\">\n    <span [id]=\"id+'-description-error'\" class=\"msg msg-errore\">\n      <strong [innerHTML]=\"(errorPrefix===false ? '' : 'ERRORE: ')+getDescError()\"></strong>\n    </span>\n  </ng-container>\n</div>\n",
+                        styles: [""]
+                    }] }
+        ];
+        /** @nocollapse */
+        InputMoneyComponent.ctorParameters = function () { return []; };
+        InputMoneyComponent.propDecorators = {
+            formControlElement: [{ type: i0.ViewChild, args: ['formControl',] }],
+            max: [{ type: i0.Input }],
+            min: [{ type: i0.Input }],
+            numberOfDecimals: [{ type: i0.Input }],
+            placeholder: [{ type: i0.Input }],
+            preventPasting: [{ type: i0.Input }],
+            currency: [{ type: i0.Input }],
+            selfValidation: [{ type: i0.Input }],
+            selfValidationError: [{ type: i0.Input }],
+            showThousandsSeparator: [{ type: i0.Input }],
+            valueChange: [{ type: i0.Output }],
+            value: [{ type: i0.Input }]
+        };
+        return InputMoneyComponent;
+    }(FormElementComponent));
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -9881,7 +10262,8 @@
                             PageTitleComponent,
                             CommentDirective,
                             RadioSelectComponent,
-                            ContentComponent
+                            ContentComponent,
+                            InputMoneyComponent
                         ],
                         imports: [
                             forms.FormsModule,
@@ -9925,7 +10307,8 @@
                             PageTitleComponent,
                             RadioSelectComponent,
                             ContentComponent,
-                            BaseComponent
+                            BaseComponent,
+                            InputMoneyComponent
                         ]
                     },] }
         ];
@@ -9984,6 +10367,7 @@
     exports.ɵc = InailWizardComponent;
     exports.ɵw = InputDateRangeComponent;
     exports.ɵbs = InputDateComponent;
+    exports.ɵbv = InputMoneyComponent;
     exports.ɵbe = InputNumberComponent;
     exports.ɵq = InputTextComponent;
     exports.ɵbj = FooterComponent;