@gipisistemas/ng-core 1.1.8 → 1.1.9

package/bundles/gipisistemas-ng-core.umd.js

@@ -1402,14 +1402,12 @@
         PhoneUtil.format = function (number, mask) {
             var numberNotFormatted = NumberUtil.onlyNumbers(number);
             var phoneFormatted = '';
-            if ((numberNotFormatted.length < 8) ||
-                (numberNotFormatted.length > 12) ||
-                (!this.isPossible(numberNotFormatted) && !this.isValid(numberNotFormatted))) {
-                return numberNotFormatted;
-            }
             if (StringUtil.isEmpty(mask)) {
                 mask = this.mask(numberNotFormatted);
             }
+            if (mask === '0*') {
+                return numberNotFormatted;
+            }
             for (var i = 0, j = 0; i < mask.length && j < numberNotFormatted.length; i++) {
                 phoneFormatted += mask.charAt(i) === '0' ? numberNotFormatted.charAt(j++) : mask.charAt(i);
             }
@@ -1431,7 +1429,14 @@
                 case 8: return '0000-0000';
                 case 9: return '0 0000-0000';
                 case 10: return '(00) 0000-0000';
-                case 11: return '(00) 0 0000-0000';
+                case 11:
+                    {
+                        var startWithZero = phoneAux.startsWith('0');
+                        return (startWithZero
+                            ? '(000) 0000-0000'
+                            : '(00) 0 0000-0000');
+                    }
+                    ;
                 case 12: return '(000) 0 0000-0000';
                 default: return '0*';
             }
@@ -11417,13 +11422,188 @@
     }());
 
     var nextUniqueId$8 = 0;
+    var GIPIInputPhoneComponent = /** @class */ (function () {
+        function GIPIInputPhoneComponent(elementRef, _changeDetectorRef) {
+            this.elementRef = elementRef;
+            this._changeDetectorRef = _changeDetectorRef;
+            this._name = "gipi-input-phone-" + nextUniqueId$8++;
+            this._inputEnter$ = new rxjs.BehaviorSubject(false);
+            this.maskPhone$ = new rxjs.BehaviorSubject('0*');
+            this.id = this._name;
+            this.name = this._name;
+            this.label = '';
+            this.tooltip = '';
+            this.placeholder = '';
+            this.disabled = false;
+            this.loading = false;
+            this.required = false;
+            /** Indica se é um número estrangeiro */
+            this.foreign = false;
+            this.appearance = 'outline';
+            this._value = '';
+            this.focus = new core.EventEmitter();
+            this.blur = new core.EventEmitter();
+            this.onChange = function () { };
+            this.onTouch = function () { };
+        }
+        GIPIInputPhoneComponent_1 = GIPIInputPhoneComponent;
+        Object.defineProperty(GIPIInputPhoneComponent.prototype, "value", {
+            get: function () {
+                return this._value;
+            },
+            set: function (value) {
+                this._value = value;
+                var isInputEntered = this._inputEnter$.getValue();
+                if (!isInputEntered) {
+                    this._changeDetectorRef.detectChanges();
+                }
+                this.onChange(this._value);
+                this.onTouch();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        GIPIInputPhoneComponent.prototype.ngOnInit = function () { };
+        GIPIInputPhoneComponent.prototype.writeValue = function (value) {
+            this.value = value;
+            if (!StringUtil.isEmpty(this.value) && !this.foreign) {
+                this.onInputExit();
+            }
+        };
+        GIPIInputPhoneComponent.prototype.registerOnChange = function (fn) {
+            this.onChange = fn;
+        };
+        GIPIInputPhoneComponent.prototype.registerOnTouched = function (fn) {
+            this.onTouch = fn;
+        };
+        GIPIInputPhoneComponent.prototype.setDisabledState = function (isDisabled) {
+            this.disabled = isDisabled;
+            this._changeDetectorRef.detectChanges();
+        };
+        GIPIInputPhoneComponent.prototype.onFocus = function (event) {
+            if (!this.disabled) {
+                this.focus.emit(event);
+            }
+        };
+        GIPIInputPhoneComponent.prototype.onBlur = function (event) {
+            if (!this.disabled) {
+                this.blur.emit(event);
+                this.onTouch();
+            }
+        };
+        GIPIInputPhoneComponent.prototype.onInputEnter = function () {
+            var _this = this;
+            if (this.foreign) {
+                return;
+            }
+            this._inputEnter$.next(true);
+            var tempValue = this.value;
+            this.value = '';
+            this._changeDetectorRef.detectChanges();
+            this.maskPhone$.next('0*');
+            setTimeout(function (_) { return _this.value = tempValue; });
+        };
+        GIPIInputPhoneComponent.prototype.onInputExit = function () {
+            if (this.foreign) {
+                return;
+            }
+            this._inputEnter$.next(false);
+            if (!this.value) {
+                this.maskPhone$.next('0*');
+                return;
+            }
+            var mask = PhoneUtil.mask(this.value);
+            this.maskPhone$.next(mask);
+        };
+        var GIPIInputPhoneComponent_1;
+        GIPIInputPhoneComponent.ctorParameters = function () { return [
+            { type: core.ElementRef },
+            { type: core.ChangeDetectorRef }
+        ]; };
+        __decorate([
+            core.ViewChild('input', { static: false, read: core.ElementRef }),
+            __metadata("design:type", core.ElementRef)
+        ], GIPIInputPhoneComponent.prototype, "_elementRef", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object)
+        ], GIPIInputPhoneComponent.prototype, "id", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], GIPIInputPhoneComponent.prototype, "name", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], GIPIInputPhoneComponent.prototype, "label", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], GIPIInputPhoneComponent.prototype, "tooltip", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], GIPIInputPhoneComponent.prototype, "placeholder", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], GIPIInputPhoneComponent.prototype, "disabled", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], GIPIInputPhoneComponent.prototype, "loading", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], GIPIInputPhoneComponent.prototype, "required", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], GIPIInputPhoneComponent.prototype, "foreign", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], GIPIInputPhoneComponent.prototype, "appearance", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String),
+            __metadata("design:paramtypes", [String])
+        ], GIPIInputPhoneComponent.prototype, "value", null);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", core.EventEmitter)
+        ], GIPIInputPhoneComponent.prototype, "focus", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", core.EventEmitter)
+        ], GIPIInputPhoneComponent.prototype, "blur", void 0);
+        GIPIInputPhoneComponent = GIPIInputPhoneComponent_1 = __decorate([
+            core.Component({
+                selector: 'gipi-input-phone',
+                template: "<div fxLayout=\"column\">\n    <mat-label *ngIf=\"label\">\n        {{ label }}\n        <span *ngIf=\"required && label\"> * </span>\n        <gipi-helpful-tip *ngIf=\"tooltip && label\"\n                          [tooltip]=\"tooltip\">\n        </gipi-helpful-tip>\n    </mat-label>\n\n    <mat-form-field [appearance]=\"appearance\">\n        <input #input\n               matInput\n               type=\"text\"\n               autocomplete=\"off\"\n               [attr.id]=\"id\"\n               [name]=\"name\"\n               [placeholder]=\"placeholder\"\n               [required]=\"required\"\n               [disabled]=\"disabled\"\n               [min]=\"0\"\n               [max]=\"!foreign ? 12 : 15\"\n               [maxlength]=\"!foreign ? 12 : 15\"\n               [mask]=\"!foreign ? (maskPhone$ | async) : '0*'\"\n               [(ngModel)]=\"value\"\n               (focus)=\"onInputEnter(); onFocus($event)\"\n               (blur)=\"onInputExit(); onBlur($event)\">\n    </mat-form-field>\n</div>",
+                providers: [
+                    {
+                        provide: forms.NG_VALUE_ACCESSOR,
+                        useExisting: core.forwardRef(function () { return GIPIInputPhoneComponent_1; }),
+                        multi: true
+                    }
+                ],
+                styles: [":host{display:block;min-width:0;max-width:100%;flex:1}mat-label span{color:#d14014!important}"]
+            }),
+            __metadata("design:paramtypes", [core.ElementRef,
+                core.ChangeDetectorRef])
+        ], GIPIInputPhoneComponent);
+        return GIPIInputPhoneComponent;
+    }());
+
+    var nextUniqueId$9 = 0;
     /** A altura dos itens selecionados em unidades `px`. */
     var OPTION_HEIGHT_PX = 40;
     var GIPIInputSelectEnumComponent = /** @class */ (function () {
         function GIPIInputSelectEnumComponent(elementRef, _changeDetectorRef) {
             this.elementRef = elementRef;
             this._changeDetectorRef = _changeDetectorRef;
-            this._name = "gipi-input-select-enum-" + nextUniqueId$8++;
+            this._name = "gipi-input-select-enum-" + nextUniqueId$9++;
             this._enumList = [];
             this._itemSizeScrollViewport = 5;
             this._lastOptionSelected = null;
@@ -12445,12 +12625,12 @@
 
     /** A altura dos itens selecionados em unidades `px`. */
     var OPTION_HEIGHT_PX$1 = 44;
-    var nextUniqueId$9 = 0;
+    var nextUniqueId$a = 0;
     var GIPIInputSelectComponent = /** @class */ (function () {
         function GIPIInputSelectComponent(_changeDetectorRef) {
             var _this = this;
             this._changeDetectorRef = _changeDetectorRef;
-            this._name = "gipi-input-select-" + nextUniqueId$9++;
+            this._name = "gipi-input-select-" + nextUniqueId$a++;
             this._onDestroy = new rxjs.Subject();
             this._itemSizeScrollViewport = 5;
             this._overlayVisible = false;
@@ -13137,14 +13317,14 @@
         return GIPIInputSelectComponent;
     }());
 
-    var nextUniqueId$a = 0;
+    var nextUniqueId$b = 0;
     var GIPIInputSelectListboxComponent = /** @class */ (function () {
         function GIPIInputSelectListboxComponent(_changeDetectorRef, _elementRef, _renderer) {
             var _this = this;
             this._changeDetectorRef = _changeDetectorRef;
             this._elementRef = _elementRef;
             this._renderer = _renderer;
-            this._name = "gipi-input-select-listbox-" + nextUniqueId$a++;
+            this._name = "gipi-input-select-listbox-" + nextUniqueId$b++;
             this._isOverlayChildrenClicked = false;
             this._overlayVisible = false;
             this._selectEntityOpened = false;
@@ -13952,12 +14132,12 @@
         return GIPIInputSearchComponent;
     }());
 
-    var nextUniqueId$b = 0;
+    var nextUniqueId$c = 0;
     var GIPIInputSelectPagedComponent = /** @class */ (function () {
         function GIPIInputSelectPagedComponent(_changeDetectorRef) {
             var _this = this;
             this._changeDetectorRef = _changeDetectorRef;
-            this._name = "gipi-input-select-paged-" + nextUniqueId$b++;
+            this._name = "gipi-input-select-paged-" + nextUniqueId$c++;
             this.valueSearchCtrl = new forms.FormControl('');
             this.totalOptions = 0;
             this.subscriptions = [];
@@ -14328,12 +14508,12 @@
         return GIPIInputSelectPagedComponent;
     }());
 
-    var nextUniqueId$c = 0;
+    var nextUniqueId$d = 0;
     var GIPIInputSelectRadioComponent = /** @class */ (function () {
         function GIPIInputSelectRadioComponent(elementRef, _changeDetectorRef) {
             this.elementRef = elementRef;
             this._changeDetectorRef = _changeDetectorRef;
-            this._name = "gipi-input-select-radio-" + nextUniqueId$c++;
+            this._name = "gipi-input-select-radio-" + nextUniqueId$d++;
             this._enumList = [];
             this.id = this._name;
             this.name = this._name;
@@ -14860,11 +15040,11 @@
         return PasswordUtil;
     }());
 
-    var nextUniqueId$d = 0;
+    var nextUniqueId$e = 0;
     var GIPIPasswordRequerimentsComponent = /** @class */ (function () {
         function GIPIPasswordRequerimentsComponent(_changeDetectorRef) {
             this._changeDetectorRef = _changeDetectorRef;
-            this._name = "gipi-password-requeriments-" + nextUniqueId$d++;
+            this._name = "gipi-password-requeriments-" + nextUniqueId$e++;
             this.id = this._name;
             this.name = this._name;
             this.disabled = false;
@@ -15520,11 +15700,11 @@
         return GIPIPopoverTarget;
     }());
 
-    var nextUniqueId$e = 0;
+    var nextUniqueId$f = 0;
     var GIPIRadioGroupComponent = /** @class */ (function () {
         function GIPIRadioGroupComponent(_changeDetectorRef) {
             this._changeDetectorRef = _changeDetectorRef;
-            this._name = "gipi-radio-group-" + nextUniqueId$e++;
+            this._name = "gipi-radio-group-" + nextUniqueId$f++;
             this._enumList = [];
             this.id = this._name;
             this.name = this._name;
@@ -15670,7 +15850,7 @@
         return GIPIRadioGroupComponent;
     }());
 
-    var nextUniqueId$f = 0;
+    var nextUniqueId$g = 0;
     var RangePage = /** @class */ (function () {
         function RangePage(start, end) {
             this.start = start;
@@ -15689,7 +15869,7 @@
         function GIPIRangePageComponent(elementRef, _changeDetectorRef) {
             this.elementRef = elementRef;
             this._changeDetectorRef = _changeDetectorRef;
-            this._name = "gipi-range-page-" + nextUniqueId$f++;
+            this._name = "gipi-range-page-" + nextUniqueId$g++;
             this._startPage = 1;
             this._endPage = 1;
             this.id = this._name;
@@ -15945,12 +16125,12 @@
         return GIPIRangePageComponent;
     }());
 
-    var nextUniqueId$g = 0;
+    var nextUniqueId$h = 0;
     var GIPIRangeSliderComponent = /** @class */ (function () {
         function GIPIRangeSliderComponent(elementRef, _changeDetectorRef) {
             this.elementRef = elementRef;
             this._changeDetectorRef = _changeDetectorRef;
-            this._name = "gipi-range-slider-" + nextUniqueId$g++;
+            this._name = "gipi-range-slider-" + nextUniqueId$h++;
             this.id = this._name;
             this.name = this._name;
             this.label = '';
@@ -17206,11 +17386,11 @@
         return GIPISidenavComponent;
     }());
 
-    var nextUniqueId$h = 0;
+    var nextUniqueId$i = 0;
     var GIPISlideToggleComponent = /** @class */ (function () {
         function GIPISlideToggleComponent(_changeDetectorRef) {
             this._changeDetectorRef = _changeDetectorRef;
-            this._name = "gipi-slide-toggle-" + nextUniqueId$h++;
+            this._name = "gipi-slide-toggle-" + nextUniqueId$i++;
             this._slideToggleValue = false;
             this.id = this._name;
             this.name = this._name;
@@ -17328,11 +17508,11 @@
         return GIPISlideToggleComponent;
     }());
 
-    var nextUniqueId$i = 0;
+    var nextUniqueId$j = 0;
     var GIPISplitButtonComponent = /** @class */ (function () {
         function GIPISplitButtonComponent(elementRef) {
             this.elementRef = elementRef;
-            this._uniqueId = nextUniqueId$i++;
+            this._uniqueId = nextUniqueId$j++;
             this._name = "gipi-split-button-" + this._uniqueId;
             this.idBtnDefault = "gipi-split-button-default-" + this._uniqueId;
             this.idBtnMenu = "gipi-split-button-menu-" + this._uniqueId;
@@ -17375,7 +17555,7 @@
             return attributes.some(function (attribute) { return _this.getHostElement().hasAttribute(attribute); });
         };
         GIPISplitButtonComponent.prototype.btnIdAndName = function () {
-            var uniqueId = nextUniqueId$i++;
+            var uniqueId = nextUniqueId$j++;
             return {
                 btnDefault: "gipi-split-button-default-" + uniqueId,
                 btnMenu: "gipi-split-button-menu-" + uniqueId,
@@ -18324,10 +18504,10 @@
         return TabModel;
     }());
 
-    var nextUniqueId$j = 0;
+    var nextUniqueId$k = 0;
     var GIPITabComponent = /** @class */ (function () {
         function GIPITabComponent() {
-            this._name = "gipi-tab-" + nextUniqueId$j++;
+            this._name = "gipi-tab-" + nextUniqueId$k++;
             this.id = this._name;
             this.name = this._name;
             this.active = false;
@@ -18400,12 +18580,12 @@
         return GIPITabComponent;
     }());
 
-    var nextUniqueId$k = 0;
+    var nextUniqueId$l = 0;
     var GIPITabGroupComponent = /** @class */ (function () {
         function GIPITabGroupComponent(elementRef, _componentFactoryResolver) {
             this.elementRef = elementRef;
             this._componentFactoryResolver = _componentFactoryResolver;
-            this._name = "gipi-tab-" + nextUniqueId$k++;
+            this._name = "gipi-tab-" + nextUniqueId$l++;
             this.id = this._name;
             this.name = this._name;
             this.dynamicTabs = [];
@@ -18539,12 +18719,12 @@
         return GIPITabGroupComponent;
     }());
 
-    var nextUniqueId$l = 0;
+    var nextUniqueId$m = 0;
     var GIPITextareaComponent = /** @class */ (function () {
         function GIPITextareaComponent(elementRef, _changeDetectorRef) {
             this.elementRef = elementRef;
             this._changeDetectorRef = _changeDetectorRef;
-            this._name = "gipi-textarea-" + nextUniqueId$l++;
+            this._name = "gipi-textarea-" + nextUniqueId$m++;
             this.id = this._name;
             this.name = this._name;
             this.label = '';
@@ -22998,7 +23178,7 @@
      * Use of this source code is governed by an MIT-style license that can be
      * found in the LICENSE file at https://angular.io/license
      */
-    var nextUniqueId$m = 0;
+    var nextUniqueId$n = 0;
     var MatDateRangeInput = /** @class */ (function () {
         function MatDateRangeInput(_changeDetectorRef, _elementRef, control, _dateAdapter, _formField) {
             this._changeDetectorRef = _changeDetectorRef;
@@ -23006,7 +23186,7 @@
             this._dateAdapter = _dateAdapter;
             this._formField = _formField;
             /** Unique ID for the input. */
-            this.id = "mat-date-range-input-" + nextUniqueId$m++;
+            this.id = "mat-date-range-input-" + nextUniqueId$n++;
             /** Whether the control is focused. */
             this.focused = false;
             /** Name of the form control. */
@@ -24581,12 +24761,12 @@
     }());
 
     var moment$3 = moment_;
-    var nextUniqueId$o = 0;
+    var nextUniqueId$p = 0;
     var DatepickerComponent = /** @class */ (function () {
         function DatepickerComponent(elementRef, _changeDetectorRef) {
             this.elementRef = elementRef;
             this._changeDetectorRef = _changeDetectorRef;
-            this._name = "gipi-date-range-" + nextUniqueId$o++;
+            this._name = "gipi-date-range-" + nextUniqueId$p++;
             this.id = this._name + "-date";
             this.name = this._name + "-date";
             this.label = '';
@@ -24689,7 +24869,7 @@
         DatepickerComponent.prototype.ngOnInit = function () { };
         DatepickerComponent.prototype.ngOnDestroy = function () { };
         DatepickerComponent.prototype.writeValue = function (value) {
-            this._value = value;
+            this.value = value;
             this._changeDetectorRef.detectChanges();
         };
         DatepickerComponent.prototype.registerOnChange = function (fn) {
@@ -25187,7 +25367,7 @@
         };
         return MonthPickerModel;
     }());
-    var nextUniqueId$p = 0;
+    var nextUniqueId$q = 0;
     var MonthYearPickerComponent = /** @class */ (function () {
         function MonthYearPickerComponent(elementRef, _changeDetectorRef, _overlay, _ngZone, _viewContainerRef, scrollStrategy, _dir, _document) {
             this.elementRef = elementRef;
@@ -25197,7 +25377,7 @@
             this._viewContainerRef = _viewContainerRef;
             this._dir = _dir;
             this._document = _document;
-            this._name = "gipi-date-range-" + nextUniqueId$p++;
+            this._name = "gipi-date-range-" + nextUniqueId$q++;
             this._focusedElementBeforeOpen = null;
             this._backdropHarnessClass = this._name + "-backdrop";
             this._stateChanges = new rxjs.Subject();
@@ -25689,6 +25869,7 @@
         GIPITextareaComponent,
         GIPISplitButtonComponent,
         GIPISkeletonComponent,
+        GIPIInputPhoneComponent,
         // Tabs
         GIPITabGroupComponent,
         GIPITabComponent,
@@ -29251,6 +29432,7 @@
     exports.GIPIInputCheckboxComponent = GIPIInputCheckboxComponent;
     exports.GIPIInputCurrencyComponent = GIPIInputCurrencyComponent;
     exports.GIPIInputMonthPickerComponent = GIPIInputMonthPickerComponent;
+    exports.GIPIInputPhoneComponent = GIPIInputPhoneComponent;
     exports.GIPIInputSearchComponent = GIPIInputSearchComponent;
     exports.GIPIInputSelectComponent = GIPIInputSelectComponent;
     exports.GIPIInputSelectEnumComponent = GIPIInputSelectEnumComponent;