@seniorsistemas/angular-components 14.16.0 → 14.16.3

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

@@ -1684,6 +1684,7 @@
             this.true = config.true;
             this.false = config.false;
             this.empty = config.empty;
+            this.clear = config.clear;
         }
         return BooleanOptionsLabel;
     }());
@@ -1734,6 +1735,17 @@
             _this.onYearChange = config.onYearChange;
             _this.selectionMode = config.selectionMode || "single";
             _this.rangeSeparator = config.rangeSeparator || "-";
+            _this.showSeconds = config.showSeconds;
+            // Tornando true o padrão para showSeconds.
+            if (_this.showSeconds === null || _this.showSeconds === undefined) {
+                switch (_this.type) {
+                    case exports.FieldType.DateTime:
+                    case exports.FieldType.LocalDateTime:
+                    case exports.FieldType.Time:
+                        _this.showSeconds = true;
+                        break;
+                }
+            }
             return _this;
         }
         return CalendarField;
@@ -4673,6 +4685,9 @@
     var BooleanFieldComponent = /** @class */ (function () {
         function BooleanFieldComponent() {
         }
+        BooleanFieldComponent.prototype.onClear = function () {
+            this.formControl.reset();
+        };
         __decorate([
             core.Input()
         ], BooleanFieldComponent.prototype, "field", void 0);
@@ -4681,7 +4696,7 @@
         ], BooleanFieldComponent.prototype, "formControl", void 0);
         BooleanFieldComponent = __decorate([
             core.Component({
-                template: "<ng-container *ngIf=\"field.verticalAlignment;else horizontalAlignment\">\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <p-radioButton [name]=\"field.name\" [value]=\"true\" [label]=\"field.optionsLabel.true\"\n                [formControl]=\"formControl\" [inputId]=\"(field.id || field.name) + '-1'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>\n        </div>\n        <div class=\"ui-g-12\">\n            <p-radioButton [name]=\"field.name\" [value]=\"false\" [label]=\"field.optionsLabel.false\"\n                [formControl]=\"formControl\" [inputId]=\"(field.id || field.name) + '-2'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>\n        </div>\n        <div class=\"ui-g-12\">\n            <p-radioButton *ngIf=\"!field.required()\" [name]=\"field.name\" [value]=\"null\"\n                [label]=\"field.optionsLabel.empty\" [formControl]=\"formControl\" [inputId]=\"(field.id || field.name) + '-3'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>\n        </div>\n    </div>\n</ng-container>\n\n<ng-template #horizontalAlignment>\n    <p-radioButton [name]=\"field.name\" [value]=\"true\" [label]=\"field.optionsLabel.true\" [formControl]=\"formControl\"\n        [inputId]=\"(field.id || field.name) + '-1'\" (onClick)=\"field.onClick ? field.onClick($event) : null\"\n        (onFocus)=\"field.onFocus ? field.onFocus($event) : null\" (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n    </p-radioButton>\n    <p-radioButton [name]=\"field.name\" [value]=\"false\" [label]=\"field.optionsLabel.false\" [formControl]=\"formControl\"\n        [inputId]=\"(field.id || field.name) + '-2'\" (onClick)=\"field.onClick ? field.onClick($event) : null\"\n        (onFocus)=\"field.onFocus ? field.onFocus($event) : null\" (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n    </p-radioButton>\n    <p-radioButton *ngIf=\"!field.required()\" [name]=\"field.name\" [value]=\"null\" [label]=\"field.optionsLabel.empty\"\n        [formControl]=\"formControl\" [inputId]=\"(field.id || field.name) + '-3'\" (onClick)=\"field.onClick ? field.onClick($event) : null\"\n        (onFocus)=\"field.onFocus ? field.onFocus($event) : null\" (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n    </p-radioButton>\n</ng-template>\n"
+                template: "<ng-container *ngIf=\"field.verticalAlignment;else horizontalAlignment\">\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <p-radioButton\n                [name]=\"field.name\"\n                [value]=\"true\"\n                [label]=\"field.optionsLabel.true\"\n                [formControl]=\"formControl\"\n                [inputId]=\"(field.id || field.name) + '-1'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>\n        </div>\n        <div class=\"ui-g-12\">\n            <p-radioButton\n                [name]=\"field.name\"\n                [value]=\"false\"\n                [label]=\"field.optionsLabel.false\"\n                [formControl]=\"formControl\"\n                [inputId]=\"(field.id || field.name) + '-2'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>\n        </div>\n        <div\n            *ngIf=\"!field.showClear && !field.required()\"\n            class=\"ui-g-12\">\n            <p-radioButton                \n                [name]=\"field.name\"\n                [value]=\"null\"\n                [label]=\"field.optionsLabel.empty\"\n                [formControl]=\"formControl\"\n                [inputId]=\"(field.id || field.name) + '-3'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>            \n        </div>\n        <div>\n            <s-button\n                *ngIf=\"field.showClear && !field.required()\"\n                [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n                (onClick)=\"onClear()\"\n                priority=\"link\">\n            </s-button>\n        </div>\n\n    </div>\n</ng-container>\n\n<ng-template #horizontalAlignment>\n    <div class=\"ui-g\">\n        <p-radioButton\n            [name]=\"field.name\"\n            [value]=\"true\"\n            [label]=\"field.optionsLabel.true\"\n            [formControl]=\"formControl\"\n            [inputId]=\"(field.id || field.name) + '-1'\"\n            (onClick)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n        </p-radioButton>\n    \n        <p-radioButton\n            [name]=\"field.name\"\n            [value]=\"false\"\n            [label]=\"field.optionsLabel.false\"\n            [formControl]=\"formControl\"\n            [inputId]=\"(field.id || field.name) + '-2'\"\n            (onClick)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n        </p-radioButton>\n\n        <p-radioButton\n            *ngIf=\"!field.showClear && !field.required()\"\n            [name]=\"field.name\"\n            [value]=\"null\"\n            [label]=\"field.optionsLabel.empty\"\n            [formControl]=\"formControl\"\n            [inputId]=\"(field.id || field.name) + '-3'\"\n            (onClick)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n        </p-radioButton>\n\n        <s-button\n            *ngIf=\"field.showClear && !field.required()\"\n            style=\"margin-left: 40px;\"\n            [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n            (onClick)=\"onClear()\"\n            priority=\"link\">\n        </s-button>\n    </div>\n</ng-template>\n"
             })
         ], BooleanFieldComponent);
         return BooleanFieldComponent;
@@ -4702,12 +4717,9 @@
         __decorate([
             core.Input()
         ], CalendarFieldComponent.prototype, "timeOnly", void 0);
-        __decorate([
-            core.Input()
-        ], CalendarFieldComponent.prototype, "showSeconds", void 0);
         CalendarFieldComponent = __decorate([
             core.Component({
-                template: "<div [pTooltip]=\"field.tooltip\" tooltipPosition=\"top\" [showDelay]=\"500\" [appendTo]=\"field.appendTo || 'body'\">\n    <!-- Remover as propriedades [showTransitionOptions] e [hideTransitionOptions] quando atualizar para o PrimeNG v10, esses atributos foram\n    usados para remover um bug ocasionado pela anima\u00E7\u00E3o do componente p-calendar, bug explicado nas issues: #ERPROM-5534, #ERPROM-8248 e #DSN-1045. -->\n    <p-calendar\n        #calendar\n        sCalendarMask\n        [inputId]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [showIcon]=\"true\"\n        [timeOnly]=\"timeOnly\"\n        [selectionMode]=\"field.selectionMode\"\n        [rangeSeparator]=\"field.rangeSeparator\"\n        [showTime]=\"showTime\"\n        [showSeconds]=\"showTime\"\n        [showOnFocus]=\"field.showOnFocus\"\n        [formControl]=\"formControl\"\n        icon=\"fa fa-calendar\"\n        [minDate]=\"field.minDate\"\n        [maxDate]=\"field.maxDate\"\n        [locale]=\"field.calendarLocaleOptions\"\n        [dateFormat]=\"field.calendarLocaleOptions.dateFormat\"\n        [hourFormat]=\"field.calendarLocaleOptions.hourFormat\"\n        [view]=\"field.view\"\n        [placeholder]=\"field.placeholder\"\n        inputStyleClass=\"mousetrap\"\n        [appendTo]=\"field.appendTo\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"field.onFocus ? field.onFocus($event): null\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onClose)=\"field.onClose ? field.onClose($event) : null\"\n        (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n        (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n        (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n        (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n        [showTransitionOptions]=\"'0ms'\"\n        [hideTransitionOptions]=\"'0ms'\"\n    ></p-calendar>\n</div>\n"
+                template: "<div [pTooltip]=\"field.tooltip\" tooltipPosition=\"top\" [showDelay]=\"500\" [appendTo]=\"field.appendTo || 'body'\">\n    <!-- Remover as propriedades [showTransitionOptions] e [hideTransitionOptions] quando atualizar para o PrimeNG v10, esses atributos foram\n    usados para remover um bug ocasionado pela anima\u00E7\u00E3o do componente p-calendar, bug explicado nas issues: #ERPROM-5534, #ERPROM-8248 e #DSN-1045. -->\n    \n    <p-calendar\n        #calendar\n        sCalendarMask\n        [inputId]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [showIcon]=\"true\"\n        [timeOnly]=\"timeOnly\"\n        [selectionMode]=\"field.selectionMode\"\n        [rangeSeparator]=\"field.rangeSeparator\"\n        [showTime]=\"showTime\"\n        [showSeconds]=\"field.showSeconds\"\n        [showOnFocus]=\"field.showOnFocus\"\n        [formControl]=\"formControl\"\n        icon=\"fa fa-calendar\"\n        [minDate]=\"field.minDate\"\n        [maxDate]=\"field.maxDate\"\n        [locale]=\"field.calendarLocaleOptions\"\n        [dateFormat]=\"field.calendarLocaleOptions.dateFormat\"\n        [hourFormat]=\"field.calendarLocaleOptions.hourFormat\"\n        [view]=\"field.view\"\n        [placeholder]=\"field.placeholder\"\n        inputStyleClass=\"mousetrap\"\n        [appendTo]=\"field.appendTo\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"field.onFocus ? field.onFocus($event): null\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onClose)=\"field.onClose ? field.onClose($event) : null\"\n        (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n        (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n        (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n        (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n        [showTransitionOptions]=\"'0ms'\"\n        [hideTransitionOptions]=\"'0ms'\"\n    ></p-calendar>\n</div>\n"
             })
         ], CalendarFieldComponent);
         return CalendarFieldComponent;
@@ -5186,7 +5198,7 @@
         ], BooleanSwitchFieldComponent.prototype, "formControl", void 0);
         BooleanSwitchFieldComponent = __decorate([
             core.Component({
-                template: "<p-inputSwitch [id]=\"(field.id || field.name)\" [name]=\"field.name\" [formControl]=\"formControl\"\n    [pTooltip]=\"field.tooltip\" tooltipPosition=\"top\"\n    (onChange)=\"field.onChange ? field.onChange($event) : null\">\n</p-inputSwitch>"
+                template: "<div class=\"ui-g\">\n    <p-inputSwitch [id]=\"(field.id || field.name)\" [name]=\"field.name\" [formControl]=\"formControl\"\n        [pTooltip]=\"field.tooltip\" tooltipPosition=\"top\"\n        (onChange)=\"field.onChange ? field.onChange($event) : null\">\n    </p-inputSwitch>\n</div>"
             })
         ], BooleanSwitchFieldComponent);
         return BooleanSwitchFieldComponent;
@@ -5224,16 +5236,9 @@
         DynamicField.prototype.setVariablesByType = function (component) {
             switch (this.field.type) {
                 case exports.FieldType.DateTime:
-                    component.instance.showTime = true;
-                    component.instance.showSeconds = true;
-                    break;
                 case exports.FieldType.LocalDateTime:
-                    component.instance.showTime = true;
-                    component.instance.showSeconds = true;
-                    break;
                 case exports.FieldType.Time:
-                    component.instance.timeOnly = true;
-                    component.instance.showSeconds = true;
+                    component.instance.showTime = true;
                     break;
             }
         };