@seniorsistemas/angular-components 17.12.1 → 17.12.3

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

@@ -2670,6 +2670,15 @@
             this.updateModel(e);
             this.updateFilledState();
         };
+        CalendarMaskDirective.prototype.createCompleteMask = function () {
+            switch (this.host.selectionMode) {
+                case "range":
+                    return this.mask + (" " + this.host.rangeSeparator + " ") + this.mask;
+                case "single":
+                case "multiple":
+                    return this.mask;
+            }
+        };
         CalendarMaskDirective.prototype.checkVal = function (allow) {
             // Try to place characters where they belong
             var test = this.input.value;
@@ -2777,14 +2786,15 @@
             this.input.focus();
         };
         CalendarMaskDirective.prototype.initMask = function () {
+            var completeMask = this.createCompleteMask();
             this.tests = [];
-            this.partialPosition = this.mask.length;
-            this.len = this.mask.length;
+            this.partialPosition = completeMask.length;
+            this.len = completeMask.length;
             this.firstNonMaskPos = null;
             this.defs = {
                 "9": "[0-9]",
             };
-            var maskTokens = this.mask.split("");
+            var maskTokens = completeMask.split("");
             for (var i = 0; i < maskTokens.length; i++) {
                 var c = maskTokens[i];
                 if (c == "?") {
@@ -3055,8 +3065,9 @@
         CalendarMaskDirective.prototype.focusableElement = function (id, hide) {
             var htmlElement = window.document.getElementById(id);
             htmlElement.focus();
-            if (hide)
+            if (hide) {
                 this.host.hideOverlay();
+            }
         };
         CalendarMaskDirective.ctorParameters = function () { return [
             { type: calendar.Calendar },
@@ -5936,6 +5947,7 @@
             _this.onClick = config.onClick;
             _this.onChange = config.onChange;
             _this.emptyMessage = config.emptyMessage;
+            _this.editable = config.editable;
             return _this;
         }
         return SelectField;
@@ -10395,7 +10407,7 @@
         ], CalendarFieldComponent.prototype, "calendar", void 0);
         CalendarFieldComponent = __decorate([
             core.Component({
-                template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\"\n    [fieldContainerRef]=\"inputRef\"></s-field-label>\n\n<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\">\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]=\"field.showSeconds\"\n        [showOnFocus]=\"field.showOnFocus\"\n        [formControl]=\"formControl\"\n        [icon]=\"timeOnly ? 'fa fa-clock' : 'fa fa-calendar'\"\n        [minDate]=\"field.minDate\"\n        [maxDate]=\"field.maxDate\"\n        [defaultDate]=\"field.defaultDate\"\n        [locale]=\"field.calendarLocaleOptions || locale\"\n        [dateFormat]=\"field.calendarLocaleOptions?.dateFormat || 'platform.angular_components.date_format' | translate\"\n        [hourFormat]=\"field.calendarLocaleOptions?.hourFormat || 'platform.angular_components.hour_format' | translate\"\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: "<s-field-label\n    *ngIf=\"inputRef\"\n    [field]=\"field\"\n    [fieldContainerRef]=\"inputRef\">\n</s-field-label>\n\n<div [sTooltip]=\"field.tooltip\" tooltipPosition=\"top\" [showDelay]=\"500\">\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    <!-- A diretiva sCalendarMask n\u00E3o est\u00E1 suportando sele\u00E7\u00E3o m\u00FAltipla. A forma como ela foi escrita n\u00E3o permite identificar a quantidade de datas\n    que est\u00E3o sendo selecionadas. Removi o uso dela quando est\u00E1 com selectionMode=multiple. Analisar a remove\u00E7\u00E3o completa desta diretiva. -->\n    <p-calendar\n        *ngIf=\"field.selectionMode !== 'multiple'; else multiple\"\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]=\"timeOnly ? 'fa fa-clock' : 'fa fa-calendar'\"\n        [minDate]=\"field.minDate\"\n        [maxDate]=\"field.maxDate\"\n        [defaultDate]=\"field.defaultDate\"\n        [locale]=\"field.calendarLocaleOptions || locale\"\n        [dateFormat]=\"field.calendarLocaleOptions?.dateFormat || 'platform.angular_components.date_format' | translate\"\n        [hourFormat]=\"field.calendarLocaleOptions?.hourFormat || 'platform.angular_components.hour_format' | translate\"\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\n    <!-- A \u00FAnica diferen\u00E7a deste bloco \u00E9 a remo\u00E7\u00E3o da diretiva sCalendarMask. -->\n    <ng-template #multiple>\n        <p-calendar\n            #calendar\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]=\"timeOnly ? 'fa fa-clock' : 'fa fa-calendar'\"\n            [minDate]=\"field.minDate\"\n            [maxDate]=\"field.maxDate\"\n            [defaultDate]=\"field.defaultDate\"\n            [locale]=\"field.calendarLocaleOptions || locale\"\n            [dateFormat]=\"field.calendarLocaleOptions?.dateFormat || 'platform.angular_components.date_format' | translate\"\n            [hourFormat]=\"field.calendarLocaleOptions?.hourFormat || 'platform.angular_components.hour_format' | translate\"\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    </ng-template>\n</div>\n"
             })
         ], CalendarFieldComponent);
         return CalendarFieldComponent;
@@ -10654,7 +10666,7 @@
         ], SelectFieldComponent.prototype, "formControl", void 0);
         SelectFieldComponent = __decorate([
             core.Component({
-                template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<p-dropdown\n    *ngIf=\"!field.multiple\"\n    [inputId]=\"(field.id || field.name)\"\n    [name]=\"field.name\"\n    [options]=\"isFunction(field.options) ? field.options() : field.options\"\n    [placeholder]=\"field.placeholder || ' '\"\n    [formControl]=\"formControl\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    [showClear]=\"field.showClear\"\n    dataKey=\"{{field.dataKey}}\"\n    optionLabel=\"{{field.optionLabel}}\"\n    [autoDisplayFirst]=\"field.autoDisplayFirst\"\n    [appendTo]=\"field.appendTo || 'body'\"\n    (onClick)=\"field.onClick ? field.onClick($event) : null\"\n    (onChange)=\"field.onChange ? field.onChange($event) : null\">\n</p-dropdown>\n<p-multiSelect\n    *ngIf=\"field.multiple\"\n    [formControl]=\"formControl\"\n    [name]=\"field.name\"\n    [inputId]=\"(field.id || field.name)\"\n    [options]=\"isFunction(field.options) ? field.options() : field.options\"\n    [defaultLabel]=\"field.placeholder\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [emptyFilterMessage]=\"field.emptyMessage || 'platform.angular_components.no_records_found' | translate\"\n    [showDelay]=\"500\"\n    [selectedItemsLabel]=\"field.multipleSelectedLabel || 'platform.angular_components.total_records_selected' | translate\"\n    [appendTo]=\"field.appendTo || 'body'\"\n    (onClick)=\"field.onClick ? field.onClick($event) : null\"\n    (onChange)=\"field.onChange ? field.onChange($event) : null\">\n</p-multiSelect>\n\n"
+                template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<p-dropdown\n    *ngIf=\"!field.multiple\"\n    [inputId]=\"(field.id || field.name)\"\n    [name]=\"field.name\"\n    [options]=\"isFunction(field.options) ? field.options() : field.options\"\n    [placeholder]=\"field.placeholder || ' '\"\n    [formControl]=\"formControl\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    [showClear]=\"field.showClear\"\n    dataKey=\"{{field.dataKey}}\"\n    optionLabel=\"{{field.optionLabel}}\"\n    [autoDisplayFirst]=\"field.autoDisplayFirst\"\n    [appendTo]=\"field.appendTo || 'body'\"\n    [editable]=\"field.editable\"\n    (onClick)=\"field.onClick ? field.onClick($event) : null\"\n    (onChange)=\"field.onChange ? field.onChange($event) : null\">\n</p-dropdown>\n<p-multiSelect\n    *ngIf=\"field.multiple\"\n    [formControl]=\"formControl\"\n    [name]=\"field.name\"\n    [inputId]=\"(field.id || field.name)\"\n    [options]=\"isFunction(field.options) ? field.options() : field.options\"\n    [defaultLabel]=\"field.placeholder\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [emptyFilterMessage]=\"field.emptyMessage || 'platform.angular_components.no_records_found' | translate\"\n    [showDelay]=\"500\"\n    [selectedItemsLabel]=\"field.multipleSelectedLabel || 'platform.angular_components.total_records_selected' | translate\"\n    [appendTo]=\"field.appendTo || 'body'\"\n    (onClick)=\"field.onClick ? field.onClick($event) : null\"\n    (onChange)=\"field.onChange ? field.onChange($event) : null\">\n</p-multiSelect>\n\n"
             })
         ], SelectFieldComponent);
         return SelectFieldComponent;
@@ -11300,7 +11312,7 @@
         ], EditorFieldComponent.prototype, "formControl", void 0);
         EditorFieldComponent = __decorate([
             core.Component({
-                template: "<p-editor\n    [formControl]=\"formControl\"\n    [formats]=\"field.formats\"\n    [readonly]=\"field.readonly\"\n    [modules]=\"field.modules\"\n    [style]=\"field.style\">\n</p-editor>"
+                template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<p-editor\n    [formControl]=\"formControl\"\n    [formats]=\"field.formats\"\n    [readonly]=\"field.readonly\"\n    [modules]=\"field.modules\"\n    [style]=\"field.style\">\n</p-editor>"
             })
         ], EditorFieldComponent);
         return EditorFieldComponent;
@@ -12598,7 +12610,7 @@
         }
         EditorFieldModule = __decorate([
             core.NgModule({
-                imports: [common.CommonModule, forms.FormsModule, forms.ReactiveFormsModule, editor.EditorModule],
+                imports: [common.CommonModule, forms.FormsModule, forms.ReactiveFormsModule, editor.EditorModule, FieldLabelModule],
                 declarations: [EditorFieldComponent],
                 exports: [EditorFieldComponent],
             })