@seniorsistemas/angular-components 17.12.1 → 17.12.3

package/fesm2015/seniorsistemas-angular-components.js

@@ -2396,6 +2396,15 @@ let CalendarMaskDirective = class CalendarMaskDirective {
         this.updateModel(e);
         this.updateFilledState();
     }
+    createCompleteMask() {
+        switch (this.host.selectionMode) {
+            case "range":
+                return this.mask + ` ${this.host.rangeSeparator} ` + this.mask;
+            case "single":
+            case "multiple":
+                return this.mask;
+        }
+    }
     checkVal(allow) {
         // Try to place characters where they belong
         const test = this.input.value;
@@ -2501,14 +2510,15 @@ let CalendarMaskDirective = class CalendarMaskDirective {
         this.input.focus();
     }
     initMask() {
+        const 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]",
         };
-        const maskTokens = this.mask.split("");
+        const maskTokens = completeMask.split("");
         for (let i = 0; i < maskTokens.length; i++) {
             const c = maskTokens[i];
             if (c == "?") {
@@ -2745,7 +2755,7 @@ let CalendarMaskDirective = class CalendarMaskDirective {
             let nextIsFocusable = false;
             let previousFocusable;
             let forceCloseModal = true;
-            allFocusableElements.forEach(element => {
+            allFocusableElements.forEach((element) => {
                 if (!e.shiftKey) {
                     if (nextIsFocusable && element.id) {
                         this.focusableElement(element.id, forceCloseModal);
@@ -2777,8 +2787,9 @@ let CalendarMaskDirective = class CalendarMaskDirective {
     focusableElement(id, hide) {
         const htmlElement = window.document.getElementById(id);
         htmlElement.focus();
-        if (hide)
+        if (hide) {
             this.host.hideOverlay();
+        }
     }
 };
 CalendarMaskDirective.ctorParameters = () => [
@@ -5435,6 +5446,7 @@ class SelectField extends Field {
         this.onClick = config.onClick;
         this.onChange = config.onChange;
         this.emptyMessage = config.emptyMessage;
+        this.editable = config.editable;
     }
 }
 class SelectOption {
@@ -9602,7 +9614,7 @@ __decorate([
 ], CalendarFieldComponent.prototype, "calendar", void 0);
 CalendarFieldComponent = __decorate([
     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);
 
@@ -9855,7 +9867,7 @@ __decorate([
 ], SelectFieldComponent.prototype, "formControl", void 0);
 SelectFieldComponent = __decorate([
     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);
 
@@ -10489,7 +10501,7 @@ __decorate([
 ], EditorFieldComponent.prototype, "formControl", void 0);
 EditorFieldComponent = __decorate([
     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);
 
@@ -11687,7 +11699,7 @@ let EditorFieldModule = class EditorFieldModule {
 };
 EditorFieldModule = __decorate([
     NgModule({
-        imports: [CommonModule, FormsModule, ReactiveFormsModule, EditorModule],
+        imports: [CommonModule, FormsModule, ReactiveFormsModule, EditorModule, FieldLabelModule],
         declarations: [EditorFieldComponent],
         exports: [EditorFieldComponent],
     })