@seniorsistemas/angular-components 17.7.9 → 17.7.10

package/bundles/seniorsistemas-angular-components.umd.js

@@ -5050,6 +5050,7 @@
             _this.maxLength = config.maxLength || 9999999;
             _this.passwordStrength = config.passwordStrength;
             _this.passwordStrengthOptions = config.passwordStrengthOptions;
+            _this.showToggle = config.showToggle;
             _this.style = config.style;
             _this.onBlur = config.onBlur;
             _this.onFocus = config.onFocus;
@@ -7479,10 +7480,8 @@
     })(exports.PasswordStrengthPositions || (exports.PasswordStrengthPositions = {}));
 
     var PasswordStrengthComponent = /** @class */ (function () {
-        function PasswordStrengthComponent() {
-            this.weakTitle = "Fraca";
-            this.mediumTitle = "Médio";
-            this.strongTitle = "Forte";
+        function PasswordStrengthComponent(translate) {
+            this.translate = translate;
             this.position = exports.PasswordStrengthPositions.Right;
             this.left = 0;
             this.top = 0;
@@ -7506,6 +7505,7 @@
             }
         };
         PasswordStrengthComponent.prototype.updateIndicators = function (passwordStrength) {
+            var _a, _b, _c, _d;
             var strengthIndicator1 = document.querySelector("#strength-indicator-1");
             var strengthIndicator2 = document.querySelector("#strength-indicator-2");
             var strengthIndicator3 = document.querySelector("#strength-indicator-3");
@@ -7518,21 +7518,21 @@
             var strengthClass;
             switch (passwordStrength) {
                 case exports.PasswordStrengths.VeryWeak:
-                    this.title = this.weakTitle;
+                    this.title = (_a = this.weakTitle) !== null && _a !== void 0 ? _a : this.translate.instant("platform.angular_components.weak");
                     break;
                 case exports.PasswordStrengths.Weak:
-                    this.title = this.weakTitle;
+                    this.title = (_b = this.weakTitle) !== null && _b !== void 0 ? _b : this.translate.instant("platform.angular_components.weak");
                     strengthClass = "strength-indicator--weak";
                     onIndicators.push(strengthIndicator1);
                     break;
                 case exports.PasswordStrengths.Medium:
-                    this.title = this.mediumTitle;
+                    this.title = (_c = this.mediumTitle) !== null && _c !== void 0 ? _c : this.translate.instant("platform.angular_components.medium");
                     strengthClass = "strength-indicator--medium";
                     onIndicators.push(strengthIndicator1);
                     onIndicators.push(strengthIndicator2);
                     break;
                 case exports.PasswordStrengths.Strong:
-                    this.title = this.strongTitle;
+                    this.title = (_d = this.strongTitle) !== null && _d !== void 0 ? _d : this.translate.instant("platform.angular_components.strong");
                     strengthClass = "strength-indicator--strong";
                     onIndicators.push(strengthIndicator1);
                     onIndicators.push(strengthIndicator2);
@@ -7546,6 +7546,9 @@
                 indicator.classList.add(strengthClass);
             });
         };
+        PasswordStrengthComponent.ctorParameters = function () { return [
+            { type: core$1.TranslateService }
+        ]; };
         __decorate([
             core.Input()
         ], PasswordStrengthComponent.prototype, "weakTitle", void 0);
@@ -9234,66 +9237,6 @@
         return LookupFieldComponent;
     }());
 
-    var PasswordFieldComponent = /** @class */ (function () {
-        function PasswordFieldComponent() {
-            this.onInput = new core.EventEmitter();
-            this.onFocus = new core.EventEmitter();
-            this.onComplete = new core.EventEmitter();
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        PasswordFieldComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.onFocus
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (event) {
-                if (_this.field.onFocus) {
-                    _this.field.onFocus(event);
-                }
-            });
-            this.onInput
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (event) {
-                if (_this.field.onInput) {
-                    _this.field.onInput(event);
-                }
-            });
-            this.onComplete
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (event) {
-                if (_this.field.onComplete) {
-                    _this.field.onComplete(event);
-                }
-            });
-        };
-        PasswordFieldComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        __decorate([
-            core.Input()
-        ], PasswordFieldComponent.prototype, "field", void 0);
-        __decorate([
-            core.Input()
-        ], PasswordFieldComponent.prototype, "formControl", void 0);
-        __decorate([
-            core.Output()
-        ], PasswordFieldComponent.prototype, "onInput", void 0);
-        __decorate([
-            core.Output()
-        ], PasswordFieldComponent.prototype, "onFocus", void 0);
-        __decorate([
-            core.Output()
-        ], PasswordFieldComponent.prototype, "onComplete", void 0);
-        PasswordFieldComponent = __decorate([
-            core.Component({
-                template: "<input\n   type=\"password\"\n   [id]=\"(field.id || field.name)\"\n   [name]=\"field.name\"\n   [sTooltip]=\"field.tooltip\"\n   tooltipPosition=\"top\"\n   [placeholder]=\"field.placeholder\"\n   [showDelay]=\"500\"\n   [maxLength]=\"field.maxLength\"\n   pInputText\n   [ngClass]=\"'mousetrap'\"\n   (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n   (focus)=\"onFocus.next($event)\"\n   (input)=\"onInput.next($event)\"\n   [formControl]=\"formControl\"\n   [ngStyle]=\"field.style\"\n   [sPasswordStrength]=\"field.passwordStrength\"\n   [psDescription]=\"field.passwordStrengthOptions?.description\"\n   [psWeakTitle]=\"field.passwordStrengthOptions?.weakTitle\"\n   [psMediumTitle]=\"field.passwordStrengthOptions?.mediumTitle\"\n   [psStrongTitle]=\"field.passwordStrengthOptions?.strongTitle\"\n   [psValidation]=\"field.passwordStrengthOptions?.validation\" />",
-                encapsulation: core.ViewEncapsulation.None,
-                styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}"]
-            })
-        ], PasswordFieldComponent);
-        return PasswordFieldComponent;
-    }());
-
     var RadioButtonComponent = /** @class */ (function () {
         function RadioButtonComponent() {
             this.onClick = new core.EventEmitter();
@@ -9826,6 +9769,70 @@
         return CurrencyFieldComponent;
     }(BaseFieldComponent));
 
+    var PasswordFieldComponent = /** @class */ (function () {
+        function PasswordFieldComponent() {
+            this.onInput = new core.EventEmitter();
+            this.onFocus = new core.EventEmitter();
+            this.onComplete = new core.EventEmitter();
+            this.ngUnsubscribe = new rxjs.Subject();
+            this.passwordVisible = false;
+        }
+        PasswordFieldComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.onFocus
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function (event) {
+                if (_this.field.onFocus) {
+                    _this.field.onFocus(event);
+                }
+            });
+            this.onInput
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function (event) {
+                if (_this.field.onInput) {
+                    _this.field.onInput(event);
+                }
+            });
+            this.onComplete
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function (event) {
+                if (_this.field.onComplete) {
+                    _this.field.onComplete(event);
+                }
+            });
+        };
+        PasswordFieldComponent.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
+            this.ngUnsubscribe.complete();
+        };
+        PasswordFieldComponent.prototype.onChangeVisible = function () {
+            this.passwordVisible = !this.passwordVisible;
+        };
+        __decorate([
+            core.Input()
+        ], PasswordFieldComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], PasswordFieldComponent.prototype, "formControl", void 0);
+        __decorate([
+            core.Output()
+        ], PasswordFieldComponent.prototype, "onInput", void 0);
+        __decorate([
+            core.Output()
+        ], PasswordFieldComponent.prototype, "onFocus", void 0);
+        __decorate([
+            core.Output()
+        ], PasswordFieldComponent.prototype, "onComplete", void 0);
+        PasswordFieldComponent = __decorate([
+            core.Component({
+                template: "<div class=\"password-field\" [ngClass]=\"{ 'password-field--toggle': field.showToggle }\">\n    <input\n        [type]=\"passwordVisible ? 'text' : 'password'\"\n        [id]=\"field.id || field.name\"\n        class=\"password-input\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [sPasswordStrength]=\"field.passwordStrength\"\n        [psDescription]=\"field.passwordStrengthOptions?.description\"\n        [psWeakTitle]=\"field.passwordStrengthOptions?.weakTitle\"\n        [psMediumTitle]=\"field.passwordStrengthOptions?.mediumTitle\"\n        [psStrongTitle]=\"field.passwordStrengthOptions?.strongTitle\"\n        [psValidation]=\"field.passwordStrengthOptions?.validation\"\n    />\n    <span *ngIf=\"field.showToggle\" class=\"toggle-button\">\n      <s-button\n        [iconClass]=\"passwordVisible ? 'fas fa-eye-slash' : 'fas fa-eye'\"\n        priority=\"default\"\n        (onClick)=\"onChangeVisible()\">\n      </s-button>\n    </span>\n</div>\n",
+                encapsulation: core.ViewEncapsulation.None,
+                styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}.password-field{display:-ms-flexbox;display:flex}.password-field--toggle .password-input{border-top-right-radius:0;border-bottom-right-radius:0}.password-field--toggle .toggle-button s-button button{border-bottom-left-radius:0;border-top-left-radius:0}"]
+            })
+        ], PasswordFieldComponent);
+        return PasswordFieldComponent;
+    }());
+
     var TextFieldComponent = /** @class */ (function (_super) {
         __extends(TextFieldComponent, _super);
         function TextFieldComponent() {
@@ -10113,6 +10120,27 @@
         return DynamicFormDirective;
     }());
 
+    var PasswordFieldModule = /** @class */ (function () {
+        function PasswordFieldModule() {
+        }
+        PasswordFieldModule = __decorate([
+            core.NgModule({
+                imports: [
+                    common.CommonModule,
+                    forms.FormsModule,
+                    forms.ReactiveFormsModule,
+                    ButtonModule,
+                    TooltipModule,
+                    PasswordStrengthModule,
+                    inputtext.InputTextModule,
+                ],
+                declarations: [PasswordFieldComponent],
+                exports: [PasswordFieldComponent],
+            })
+        ], PasswordFieldModule);
+        return PasswordFieldModule;
+    }());
+
     var TextFieldModule = /** @class */ (function () {
         function TextFieldModule() {
         }
@@ -10342,6 +10370,7 @@
                     PasswordStrengthModule,
                     slider.SliderModule,
                     core$1.TranslateModule.forChild(),
+                    PasswordFieldModule,
                     TextFieldModule,
                     NumberFieldModule,
                     CurrencyFieldModule,
@@ -10361,7 +10390,6 @@
                     FileUploadComponent$1,
                     LookupComponent,
                     LookupFieldComponent,
-                    PasswordFieldComponent,
                     RadioButtonComponent,
                     RowComponent,
                     SectionComponent,
@@ -10381,7 +10409,6 @@
                     FieldsetComponent,
                     FileUploadComponent$1,
                     LookupFieldComponent,
-                    PasswordFieldComponent,
                     RadioButtonComponent,
                     RowComponent,
                     SectionComponent,
@@ -17588,6 +17615,9 @@
     }());
 
     var fallback = {
+        "platform.angular_components.strong": "Forte",
+        "platform.angular_components.medium": "Média",
+        "platform.angular_components.weak": "Fraca",
         "platform.angular_components.invalid_value": "Valor inválido",
         "platform.angular_components.insight_intro": "Olá! Aqui você encontrará insights valiosos a partir dos seus dados",
         "platform.angular_components.insight_empty": "Ainda não há Insights na página",
@@ -18056,75 +18086,76 @@
     exports.fallback = fallback;
     exports.ɵa = TooltipComponent;
     exports.ɵb = TooltipDirective;
-    exports.ɵba = LocalizedNumberInputModule;
-    exports.ɵbb = NumberInputModule;
-    exports.ɵbc = NumberFieldComponent;
-    exports.ɵbd = CurrencyFieldModule;
-    exports.ɵbe = CurrencyFieldComponent;
-    exports.ɵbf = NumberFieldModule$1;
-    exports.ɵbg = BignumberInputModule;
-    exports.ɵbh = BignumberFieldComponent;
-    exports.ɵbi = AutocompleteFieldComponent;
-    exports.ɵbj = BooleanFieldComponent;
-    exports.ɵbk = BooleanSwitchFieldComponent;
-    exports.ɵbl = CalendarFieldComponent;
-    exports.ɵbm = ChipsFieldComponent;
-    exports.ɵbn = CountryPhonePickerFieldComponent;
-    exports.ɵbo = DynamicFieldComponent;
-    exports.ɵbp = DynamicFormDirective;
-    exports.ɵbq = FieldsetComponent;
-    exports.ɵbr = FileUploadComponent$1;
-    exports.ɵbs = LookupFieldComponent;
-    exports.ɵbt = PasswordFieldComponent;
-    exports.ɵbu = RadioButtonComponent;
-    exports.ɵbv = RowComponent;
-    exports.ɵbw = SectionComponent;
-    exports.ɵbx = SelectFieldComponent;
-    exports.ɵby = SliderFieldComponent;
-    exports.ɵbz = TextAreaFieldComponent;
+    exports.ɵba = TextFieldComponent;
+    exports.ɵbb = NumberFieldModule;
+    exports.ɵbc = LocalizedNumberInputModule;
+    exports.ɵbd = NumberInputModule;
+    exports.ɵbe = NumberFieldComponent;
+    exports.ɵbf = CurrencyFieldModule;
+    exports.ɵbg = CurrencyFieldComponent;
+    exports.ɵbh = NumberFieldModule$1;
+    exports.ɵbi = BignumberInputModule;
+    exports.ɵbj = BignumberFieldComponent;
+    exports.ɵbk = AutocompleteFieldComponent;
+    exports.ɵbl = BooleanFieldComponent;
+    exports.ɵbm = BooleanSwitchFieldComponent;
+    exports.ɵbn = CalendarFieldComponent;
+    exports.ɵbo = ChipsFieldComponent;
+    exports.ɵbp = CountryPhonePickerFieldComponent;
+    exports.ɵbq = DynamicFieldComponent;
+    exports.ɵbr = DynamicFormDirective;
+    exports.ɵbs = FieldsetComponent;
+    exports.ɵbt = FileUploadComponent$1;
+    exports.ɵbu = LookupFieldComponent;
+    exports.ɵbv = RadioButtonComponent;
+    exports.ɵbw = RowComponent;
+    exports.ɵbx = SectionComponent;
+    exports.ɵby = SelectFieldComponent;
+    exports.ɵbz = SliderFieldComponent;
     exports.ɵc = TemplateDirective;
-    exports.ɵca = TextAreaIAFieldComponent;
-    exports.ɵcb = IAssistService;
-    exports.ɵcd = DecimalField;
-    exports.ɵce = SideTableComponent;
-    exports.ɵcf = ThumbnailService;
-    exports.ɵcg = InfiniteScrollModule;
-    exports.ɵch = InfiniteScrollDirective;
-    exports.ɵci = IAInsightSidebarComponent;
-    exports.ɵcj = IAInsightCardComponent;
-    exports.ɵck = IAInsightCardLoaderComponent;
-    exports.ɵcl = StructureModule;
-    exports.ɵcm = HeaderComponent;
-    exports.ɵcn = FooterComponent;
-    exports.ɵco = KanbanEventService;
-    exports.ɵcp = KanbanItemComponent;
-    exports.ɵcq = KanbanColumnComponent;
-    exports.ɵcr = KanbanItemDraggingComponent;
-    exports.ɵcs = NumberLocaleOptions;
-    exports.ɵct = BorderButtonModule;
-    exports.ɵcu = BorderButtonComponent;
-    exports.ɵcv = ProgressBarDeterminateComponent;
-    exports.ɵcw = ProgressBarIndeterminateComponent;
-    exports.ɵcx = SelectButtonItemComponent;
-    exports.ɵcy = SlidePanelService;
-    exports.ɵcz = TieredMenuEventService;
+    exports.ɵca = TextAreaFieldComponent;
+    exports.ɵcb = TextAreaIAFieldComponent;
+    exports.ɵcc = IAssistService;
+    exports.ɵce = DecimalField;
+    exports.ɵcf = SideTableComponent;
+    exports.ɵcg = ThumbnailService;
+    exports.ɵch = InfiniteScrollModule;
+    exports.ɵci = InfiniteScrollDirective;
+    exports.ɵcj = IAInsightSidebarComponent;
+    exports.ɵck = IAInsightCardComponent;
+    exports.ɵcl = IAInsightCardLoaderComponent;
+    exports.ɵcm = StructureModule;
+    exports.ɵcn = HeaderComponent;
+    exports.ɵco = FooterComponent;
+    exports.ɵcp = KanbanEventService;
+    exports.ɵcq = KanbanItemComponent;
+    exports.ɵcr = KanbanColumnComponent;
+    exports.ɵcs = KanbanItemDraggingComponent;
+    exports.ɵct = NumberLocaleOptions;
+    exports.ɵcu = BorderButtonModule;
+    exports.ɵcv = BorderButtonComponent;
+    exports.ɵcw = ProgressBarDeterminateComponent;
+    exports.ɵcx = ProgressBarIndeterminateComponent;
+    exports.ɵcy = SelectButtonItemComponent;
+    exports.ɵcz = SlidePanelService;
     exports.ɵd = TemplateModule;
-    exports.ɵda = TieredMenuService;
-    exports.ɵdb = TieredMenuGlobalService;
-    exports.ɵdc = TieredMenuComponent;
-    exports.ɵdd = TieredMenuNestedComponent;
-    exports.ɵde = TieredMenuItemComponent;
-    exports.ɵdf = TieredMenuDividerComponent;
-    exports.ɵdg = TimelineItemModule;
-    exports.ɵdh = TimelineIconItemComponent;
-    exports.ɵdi = HorizontalTimelineModule;
-    exports.ɵdj = HorizontalTimelineComponent;
-    exports.ɵdk = VerticalTimelineModule;
-    exports.ɵdl = VerticalTimelineComponent;
-    exports.ɵdm = RangeLineComponent;
-    exports.ɵdn = CollapseOptionComponent;
-    exports.ɵdo = CollapsedItemsComponent;
-    exports.ɵdp = VerticalItemsComponent;
+    exports.ɵda = TieredMenuEventService;
+    exports.ɵdb = TieredMenuService;
+    exports.ɵdc = TieredMenuGlobalService;
+    exports.ɵdd = TieredMenuComponent;
+    exports.ɵde = TieredMenuNestedComponent;
+    exports.ɵdf = TieredMenuItemComponent;
+    exports.ɵdg = TieredMenuDividerComponent;
+    exports.ɵdh = TimelineItemModule;
+    exports.ɵdi = TimelineIconItemComponent;
+    exports.ɵdj = HorizontalTimelineModule;
+    exports.ɵdk = HorizontalTimelineComponent;
+    exports.ɵdl = VerticalTimelineModule;
+    exports.ɵdm = VerticalTimelineComponent;
+    exports.ɵdn = RangeLineComponent;
+    exports.ɵdo = CollapseOptionComponent;
+    exports.ɵdp = CollapsedItemsComponent;
+    exports.ɵdq = VerticalItemsComponent;
     exports.ɵe = CustomTranslationsModule;
     exports.ɵf = CodeEditorComponent;
     exports.ɵg = CoreFacade;
@@ -18144,9 +18175,9 @@
     exports.ɵu = InfoSignComponent;
     exports.ɵv = TableColumnsComponent;
     exports.ɵw = TablePagingComponent;
-    exports.ɵx = TextFieldModule;
-    exports.ɵy = TextFieldComponent;
-    exports.ɵz = NumberFieldModule;
+    exports.ɵx = PasswordFieldModule;
+    exports.ɵy = PasswordFieldComponent;
+    exports.ɵz = TextFieldModule;
 
     Object.defineProperty(exports, '__esModule', { value: true });