ng-inail-common 2.0.30-beta.3 → 2.0.30-beta.7

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

@@ -4155,6 +4155,8 @@
             if (changes.value && !changes.value.firstChange) {
                 this.hasError = false;
                 this.error = undefined;
+                this.hasErrorChange.emit(this.hasError);
+                this.errorChange.emit(this.error);
             }
             // Se cambiano le options o gli array delle date abilitate/disabilitate
             // reinizializzo il componente
@@ -6756,6 +6758,170 @@
         sort: [{ type: core.Input }]
     };
 
+    var HM_PLACEHOLDER = 'HH:MM';
+    var HMS_PLACEHOLDER = 'HH:MM:SS';
+    var ACCEPTED_INPUTS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'Backspace', 'Delete'];
+    var InputTimeComponent = /** @class */ (function (_super) {
+        __extends(InputTimeComponent, _super);
+        function InputTimeComponent(cdr, libConfig) {
+            var _this = this;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+            _this = _super.call(this, cdr, libConfig) || this;
+            _this.cdr = cdr;
+            _this.libConfig = libConfig;
+            _this.timeHMRegex = new RegExp(/^((([01]\d)|([2][0-3]))[:]([0-5]\d)$)/);
+            _this.timeHMSRegex = new RegExp(/^((([01]\d)|([2][0-3]))[:]([0-5]\d)[:]([0-5]\d)$)/);
+            _this.validInputRegx = new RegExp(/^([0-9]+[0-9:]*)$/);
+            _this.nativeInputTypeTime = getConfigValue((_b = (_a = _this.libConfig) === null || _a === void 0 ? void 0 : _a.inputTimeComponent) === null || _b === void 0 ? void 0 : _b.nativeInputTypeTime, false);
+            _this.withSeconds = getConfigValue((_d = (_c = _this.libConfig) === null || _c === void 0 ? void 0 : _c.inputTimeComponent) === null || _d === void 0 ? void 0 : _d.withSeconds, false);
+            _this.selfValidation = getConfigValue((_f = (_e = _this.libConfig) === null || _e === void 0 ? void 0 : _e.inputTimeComponent) === null || _f === void 0 ? void 0 : _f.selfValidation, true);
+            _this.selfValidationError = getConfigValue((_h = (_g = _this.libConfig) === null || _g === void 0 ? void 0 : _g.inputTimeComponent) === null || _h === void 0 ? void 0 : _h.selfValidationError, 'Orario non valido');
+            _this.step = getConfigValue((_k = (_j = _this.libConfig) === null || _j === void 0 ? void 0 : _j.inputTimeComponent) === null || _k === void 0 ? void 0 : _k.step, undefined);
+            _this.valueChange = new core.EventEmitter();
+            _this.preventPasting = getConfigValue((_m = (_l = _this.libConfig) === null || _l === void 0 ? void 0 : _l.inputTimeComponent) === null || _m === void 0 ? void 0 : _m.preventPasting, false);
+            _this.getType = function () { return _this.nativeInputTypeTime ? 'time' : 'text'; };
+            _this.getStep = function () { return _this.nativeInputTypeTime ? _this.step : undefined; };
+            _this.getMaxLength = function () { return _this.nativeInputTypeTime ? undefined : (_this.withSeconds ? 8 : 5); };
+            _this.isBefore2Points = function (value) { return (value === null || value === void 0 ? void 0 : value.length) == 2 || (_this.withSeconds == true && (value === null || value === void 0 ? void 0 : value.length) == 5); };
+            _this.isValidValue = function (value) { return _this.withSeconds ? _this.timeHMSRegex.test(value) : _this.timeHMRegex.test(value); };
+            _this.isValidInput = function (value) { return _this.validInputRegx.test(value); };
+            _this.logPrefix = "[inail-input-time]";
+            _this.emitDebug('NgInailCommonConfig:');
+            _this.emitDebug((_o = _this.libConfig) === null || _o === void 0 ? void 0 : _o.inputTimeComponent);
+            _super.prototype.overrideConfig.call(_this, (_p = _this.libConfig) === null || _p === void 0 ? void 0 : _p.inputTimeComponent);
+            _this.detach();
+            return _this;
+        }
+        InputTimeComponent.prototype.ngOnChanges = function (changes) {
+            var _a, _b, _c;
+            _super.prototype.ngOnChanges.call(this, changes);
+            if (((_a = changes === null || changes === void 0 ? void 0 : changes.withSeconds) === null || _a === void 0 ? void 0 : _a.currentValue) != undefined) {
+                this.placeholder = getConfigValue((_c = (_b = this.libConfig) === null || _b === void 0 ? void 0 : _b.inputTimeComponent) === null || _c === void 0 ? void 0 : _c.placeholder, this.withSeconds ? HMS_PLACEHOLDER : HM_PLACEHOLDER);
+            }
+            this.placeholder = this.getNotBlankValue(this.placeholder);
+            this.cdr.detectChanges();
+        };
+        InputTimeComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            _super.prototype.ngOnInit.call(this);
+            this.emitDebug("@ViewChild('formControl')");
+            this.emitDebug(this.formControlElement);
+            if (this.focus) {
+                this.push(this.focus.subscribe(function (scroll) {
+                    _this.emitDebug("Catch focus!");
+                    setFocus(_this.formControlElement.nativeElement, scroll);
+                }));
+            }
+        };
+        InputTimeComponent.prototype.ngAfterViewInit = function () {
+        };
+        Object.defineProperty(InputTimeComponent.prototype, "value", {
+            get: function () {
+                return this.inputValue;
+            },
+            set: function (value) {
+                this.emitDebug("@Input set value: " + this.inputValue + " -> " + value);
+                this.setValue(value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        InputTimeComponent.prototype.writeValue = function (value) {
+            this.emitDebug("writeValue: " + value);
+            this.setValue(value);
+        };
+        InputTimeComponent.prototype.setValue = function (value) {
+            this.emitDebug("setValue: " + value);
+            if (this.inputValue != value) {
+                this.emitDebug("update value: " + this.inputValue + " -> " + value);
+                if (!this.nativeInputTypeTime) {
+                    value = this.bonificaValore(value);
+                    this.inputValue = this.isBefore2Points(value) ? value + ":" : value;
+                    if (isNotBlankOrNull(this.inputValue) && this.selfValidation && !this.isValidValue(this.inputValue)) {
+                        // console.warn(this.inputValue, this.selfValidation, !this.isValidValue(this.inputValue))
+                        this.setDescError(this.selfValidationError);
+                    }
+                    else {
+                        this.cleanError();
+                    }
+                }
+                else {
+                    this.inputValue = value;
+                    this.cleanError();
+                }
+                this.cdr.detectChanges();
+                this.emitDebug("this.valueChange.emit(" + this.inputValue + ")");
+                this.valueChange.emit(this.inputValue);
+                if (this.onChange) {
+                    this.onChange(value);
+                }
+            }
+        };
+        InputTimeComponent.prototype.bonificaValore = function (value) {
+            var valoreBonificato = undefined;
+            if (value != undefined) {
+                var parti = value.replace(/([:]{2,})/g, ':').split(':');
+                if (parti[0] != undefined && parti[0] == '24') {
+                    parti[0] = '00';
+                }
+                if (parti[1] != undefined && parti[1] == '60') {
+                    parti[1] = '00';
+                }
+                if (parti[2] != undefined && parti[2] == '60') {
+                    parti[2] = '00';
+                }
+                valoreBonificato = parti.join(':');
+            }
+            return valoreBonificato;
+        };
+        InputTimeComponent.prototype.onPaste = function ($event) {
+            if (this.preventPasting === true) {
+                $event.preventDefault();
+            }
+        };
+        InputTimeComponent.prototype.onKeyDown = function (ev) {
+            if (!ACCEPTED_INPUTS.some(function (v) { return v === ev.key; }) && ev.ctrlKey == false) {
+                ev.preventDefault();
+            }
+        };
+        InputTimeComponent.prototype.ngOnDestroy = function () {
+            _super.prototype.ngOnDestroy.call(this);
+        };
+        return InputTimeComponent;
+    }(FormElementComponent));
+    InputTimeComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'inail-input-time',
+                    template: "<div class=\"form-group {{getResponsiveClass()}} noPaddingLeft {{class}} inail-input-time\"\n     [ngClass]=\"{'has-error': isThereError()}\">\n  <label *ngIf=\"label\"\n         class=\"control-label {{labelClass}}\"\n         [ngClass]=\"{'sr-only': hiddenLabel}\"\n         [attr.title]=\"labelTitle\"\n         [for]=\"id\"\n         [innerHTML]=\"getLabel()\"></label>\n  <span *ngIf=\"showPopover()\"\n        [style.padding-left.px]=\"5\">\n    <inail-popover [iconClass]=\"popoverButtonIcon\"\n                   [buttonTitle]=\"popoverButtonTitle\"\n                   [header]=\"popoverHeader\"\n                   [content]=\"popoverContent\">\n    </inail-popover>\n  </span>\n  <div class=\"form-control-wrapper\"\n       [ngClass]=\"{'no-label' : hiddenLabel || !label}\">\n    <input #formControl\n           [id]=\"id\"\n           [attr.type]=\"getType()\"\n           [attr.step]=\"getStep()\"\n           class=\"form-control {{inputClass}}\"\n           [ngClass]=\"{'disabled': disabled}\"\n           [attr.name]=\"name\"\n           [attr.title]=\"title\"\n           [attr.maxlength]=\"getMaxLength()\"\n           [disabled]=\"disabled\"\n           [readonly]=\"readonly\"\n           [attr.placeholder]=\"placeholder\"\n           [attr.aria-required]=\"required === true ? true : undefined\"\n           [attr.aria-invalid]=\"isThereError() === true ? true : undefined\"\n           [attr.aria-describedBy]=\"getAriaDescribedBy()\"\n           (blur)=\"onBlur()\"\n           (keydown)=\"onKeyDown($event)\"\n           (paste)=\"onPaste($event)\"\n           (keyup.enter)=\"enterUp.emit()\"\n           [(ngModel)]=\"value\">\n  </div>\n  <div *ngIf=\"showError()\" [id]=\"id+'-description'\">\n    <div class=\"msg msg-errore\">\n      <strong [innerHTML]=\"'ERRORE: '+this.error\"></strong>\n    </div>\n    <div *ngIf=\"description\" [innerHTML]=\"this.description\"></div>\n  </div>\n  <div *ngIf=\"description && !showError()\"\n       [id]=\"id+'-description'\"\n       [innerHTML]=\"this.description\">\n  </div>\n  <debug-pre *ngIf=\"showState\">\n    <state-propertie [label]=\"'id'\" [propertie]=\"id\"></state-propertie>\n    <state-propertie [label]=\"'label'\" [propertie]=\"label\"></state-propertie>\n    <state-propertie [label]=\"'inputValue'\" [propertie]=\"inputValue\"></state-propertie>\n    <state-propertie [label]=\"'placeholder'\" [propertie]=\"placeholder\" [hideIfNull]=\"false\"></state-propertie>\n    <inail-form-element-state-properties [formElement]=\"this\"></inail-form-element-state-properties>\n  </debug-pre>\n</div>\n",
+                    changeDetection: CHANGE_DETECTION_STRATEGY,
+                    encapsulation: core.ViewEncapsulation.None,
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            useExisting: core.forwardRef(function () { return InputTimeComponent; }),
+                            multi: true
+                        }
+                    ],
+                    styles: [".inail-input-time .form-control-wrapper:after{font-family:FontAwesome;content:\"\\f017\";right:30px;position:absolute;top:30px;font-size:17px}.inail-input-time input[type=time]{padding-right:33px}.inail-input-time .form-control-wrapper.no-label:after{top:11px}"]
+                },] }
+    ];
+    InputTimeComponent.ctorParameters = function () { return [
+        { type: core.ChangeDetectorRef },
+        { type: undefined, decorators: [{ type: core.Inject, args: [NG_INAIL_COMMON_CONFIG,] }] }
+    ]; };
+    InputTimeComponent.propDecorators = {
+        formControlElement: [{ type: core.ViewChild, args: ['formControl', { static: true },] }],
+        nativeInputTypeTime: [{ type: core.Input }],
+        withSeconds: [{ type: core.Input }],
+        selfValidation: [{ type: core.Input }],
+        selfValidationError: [{ type: core.Input }],
+        step: [{ type: core.Input }],
+        placeholder: [{ type: core.Input }],
+        valueChange: [{ type: core.Output }],
+        preventPasting: [{ type: core.Input }],
+        value: [{ type: core.Input }]
+    };
+
     var NgInailCommonModule = /** @class */ (function () {
         function NgInailCommonModule() {
         }
@@ -6822,7 +6988,8 @@
                         ContainerComponent,
                         TrCheckboxComponent,
                         ProgressBarComponent,
-                        MultiSelectComponent
+                        MultiSelectComponent,
+                        InputTimeComponent
                     ],
                     imports: [
                         common.CommonModule,
@@ -6872,7 +7039,8 @@
                         ContainerComponent,
                         TrCheckboxComponent,
                         ProgressBarComponent,
-                        MultiSelectComponent
+                        MultiSelectComponent,
+                        InputTimeComponent
                     ],
                     providers: [common.DatePipe]
                 },] }
@@ -6909,6 +7077,7 @@
     exports.InputFileComponent = InputFileComponent;
     exports.InputNumberComponent = InputNumberComponent;
     exports.InputTextComponent = InputTextComponent;
+    exports.InputTimeComponent = InputTimeComponent;
     exports.LoaderComponent = LoaderComponent;
     exports.MenuComponent = MenuComponent;
     exports.MenuIntranetComponent = MenuIntranetComponent;