bit-ng-library 19.0.9 → 19.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/fesm2022/bit-ng-library.mjs +39 -27
- package/fesm2022/bit-ng-library.mjs.map +1 -1
- package/lib/sharedlibrary/components/notificacion/bit-notification-error.component.d.ts +3 -3
- package/lib/sharedlibrary/components/notificacion/bit-notification-error.component.d.ts.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -26,6 +26,10 @@ To get more help on the Angular CLI use `ng help` or go check out the [Angular C
|
|
|
26
26
|
|
|
27
27
|
## changelog
|
|
28
28
|
|
|
29
|
+
## [19.0.10] - 2025-06-11
|
|
30
|
+
|
|
31
|
+
Nueva versión de bit-notificacion-error funcionando con p-toast visto que prime en su versión 19 ha decidido que p-messages sirva para otra cosa.
|
|
32
|
+
|
|
29
33
|
## [19.0.9] - 2025-05-27
|
|
30
34
|
|
|
31
35
|
bit-notificacion-error acepta dos inputs booleans para dar valor a escape y closable
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Subject, BehaviorSubject, lastValueFrom, of, ReplaySubject, combineLatest, fromEvent, throwError } from 'rxjs';
|
|
1
|
+
import { Subject, BehaviorSubject, lastValueFrom, of, ReplaySubject, combineLatest, forkJoin, fromEvent, throwError } from 'rxjs';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import { Injectable, inject, signal, EventEmitter, computed, Inject, DestroyRef, Directive, Component, ChangeDetectionStrategy, Input, model, input, output, Pipe, Output, HostListener, ViewChild, forwardRef, ContentChild, ElementRef, effect, NgModule } from '@angular/core';
|
|
4
4
|
import { map, mergeMap, tap, takeUntil, startWith, delay, concatMap, take, filter, switchMapTo, catchError, finalize } from 'rxjs/operators';
|
|
@@ -17,7 +17,7 @@ import * as i3 from '@angular/common';
|
|
|
17
17
|
import { CommonModule } from '@angular/common';
|
|
18
18
|
import * as i1$1 from '@angular/router';
|
|
19
19
|
import { RouterModule } from '@angular/router';
|
|
20
|
-
import * as i3$
|
|
20
|
+
import * as i3$6 from 'primeng/calendar';
|
|
21
21
|
import { CalendarModule } from 'primeng/calendar';
|
|
22
22
|
import * as i2$2 from 'primeng/inputtext';
|
|
23
23
|
import { InputTextModule } from 'primeng/inputtext';
|
|
@@ -41,11 +41,10 @@ import * as i1$4 from 'primeng/autocomplete';
|
|
|
41
41
|
import { AutoCompleteModule } from 'primeng/autocomplete';
|
|
42
42
|
import * as i2$4 from 'primeng/toggleswitch';
|
|
43
43
|
import { ToggleSwitchModule } from 'primeng/toggleswitch';
|
|
44
|
-
import * as i3$
|
|
44
|
+
import * as i3$5 from 'primeng/tooltip';
|
|
45
45
|
import { TooltipModule } from 'primeng/tooltip';
|
|
46
|
-
import * as i3$
|
|
46
|
+
import * as i3$7 from 'primeng/popover';
|
|
47
47
|
import { Popover, PopoverModule } from 'primeng/popover';
|
|
48
|
-
import * as i3$5 from 'primeng/messages';
|
|
49
48
|
import { MessagesModule } from 'primeng/messages';
|
|
50
49
|
import { MenuModule } from 'primeng/menu';
|
|
51
50
|
import { MenubarModule } from 'primeng/menubar';
|
|
@@ -3379,19 +3378,23 @@ class BitNotificationErrorComponent extends BaseComponent {
|
|
|
3379
3378
|
*/
|
|
3380
3379
|
showNotificationError(title, message, context, multipleErrors, detail, clearErrors = true) {
|
|
3381
3380
|
console.log("clearErrors", clearErrors);
|
|
3382
|
-
if (clearErrors)
|
|
3383
|
-
this.
|
|
3381
|
+
if (clearErrors) {
|
|
3382
|
+
this.clearErrors();
|
|
3383
|
+
}
|
|
3384
3384
|
console.log(`showNotificationError ${title} ${message}`);
|
|
3385
3385
|
if (multipleErrors) {
|
|
3386
3386
|
//Para cada error a mostrar
|
|
3387
|
-
multipleErrors.map((error) => combineLatest([
|
|
3387
|
+
const observables = multipleErrors.map((error) => combineLatest([
|
|
3388
3388
|
this.getTranslatedPrefixes(error, context),
|
|
3389
3389
|
this.translateService.selectTranslate(error.errorMessage.code, error.errorMessage.params, error.errorMessage.context)
|
|
3390
|
-
])
|
|
3391
|
-
|
|
3392
|
-
.
|
|
3393
|
-
|
|
3394
|
-
|
|
3390
|
+
]).pipe(take(1)));
|
|
3391
|
+
forkJoin(observables).subscribe((results) => {
|
|
3392
|
+
results.forEach(([prefixes, textError]) => {
|
|
3393
|
+
this.pushError(prefixes.reduce((acc, v) => acc + " > " + v), textError);
|
|
3394
|
+
});
|
|
3395
|
+
// Aquí sabes que han terminado todas las suscripciones
|
|
3396
|
+
this.showErrors();
|
|
3397
|
+
});
|
|
3395
3398
|
}
|
|
3396
3399
|
else {
|
|
3397
3400
|
if (!detail) {
|
|
@@ -3400,23 +3403,32 @@ class BitNotificationErrorComponent extends BaseComponent {
|
|
|
3400
3403
|
else {
|
|
3401
3404
|
this.pushError(message, detail);
|
|
3402
3405
|
}
|
|
3406
|
+
this.showErrors();
|
|
3403
3407
|
}
|
|
3404
3408
|
}
|
|
3405
|
-
hideNotificacionError() {
|
|
3406
|
-
this.messages = [];
|
|
3407
|
-
}
|
|
3408
3409
|
/** Añade un mensaje de error a la lista general de errores que mostrará el componente usando Prime */
|
|
3409
3410
|
pushError(title, message) {
|
|
3410
3411
|
console.log(`new error ${title} ${message}`);
|
|
3411
3412
|
this.messages.push({
|
|
3412
3413
|
severity: "error",
|
|
3413
3414
|
summary: title,
|
|
3414
|
-
detail: message
|
|
3415
|
+
detail: message,
|
|
3416
|
+
sticky: true
|
|
3415
3417
|
});
|
|
3416
3418
|
}
|
|
3417
|
-
|
|
3419
|
+
showErrors() {
|
|
3420
|
+
console.log("showErrors");
|
|
3421
|
+
this.primeMessageService.addAll(this.messages);
|
|
3422
|
+
}
|
|
3423
|
+
clearErrors() {
|
|
3424
|
+
console.log("clearErrors");
|
|
3418
3425
|
this.messages = [];
|
|
3419
3426
|
}
|
|
3427
|
+
hideErrors() {
|
|
3428
|
+
console.log("hideErrors");
|
|
3429
|
+
this.clearErrors();
|
|
3430
|
+
this.primeMessageService.clear();
|
|
3431
|
+
}
|
|
3420
3432
|
/** Transforma un array de códigos a traducir en un array de observables para traducir cada código y combinado todo
|
|
3421
3433
|
* con el operador combineLatest para recibir los valores traducidos en la misma secuencia que ocupan en el array
|
|
3422
3434
|
*/
|
|
@@ -3433,13 +3445,13 @@ class BitNotificationErrorComponent extends BaseComponent {
|
|
|
3433
3445
|
return combineLatest(prefixErrors$);
|
|
3434
3446
|
}
|
|
3435
3447
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitNotificationErrorComponent, deps: [{ token: BitMessageService }, { token: i2$1.MessageService }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3436
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.6", type: BitNotificationErrorComponent, isStandalone: false, selector: "bit-notification-error", inputs: { escape: { classPropertyName: "escape", publicName: "escape", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: ` <p-
|
|
3448
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.6", type: BitNotificationErrorComponent, isStandalone: false, selector: "bit-notification-error", inputs: { escape: { classPropertyName: "escape", publicName: "escape", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: ` <p-toast /> `, isInline: true, dependencies: [{ kind: "component", type: i3$4.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }] }); }
|
|
3437
3449
|
}
|
|
3438
3450
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitNotificationErrorComponent, decorators: [{
|
|
3439
3451
|
type: Component,
|
|
3440
3452
|
args: [{
|
|
3441
3453
|
selector: "bit-notification-error",
|
|
3442
|
-
template: ` <p-
|
|
3454
|
+
template: ` <p-toast /> `,
|
|
3443
3455
|
standalone: false
|
|
3444
3456
|
}]
|
|
3445
3457
|
}], ctorParameters: () => [{ type: BitMessageService }, { type: i2$1.MessageService }, { type: TranslateService }] });
|
|
@@ -3853,7 +3865,7 @@ class BitTextComponent extends BitCustomComponent {
|
|
|
3853
3865
|
provide: NG_VALUE_ACCESSOR,
|
|
3854
3866
|
useExisting: forwardRef(() => BitTextComponent),
|
|
3855
3867
|
multi: true
|
|
3856
|
-
}], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content> @if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n } \n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto && !readOnly) {\n <input\n pInputText\n type=\"text\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [ngModel]=\"value\"\n [attr.directive]=\"nombreDirectiva\"\n [placeholder]=\"placeholder\"\n (ngModelChange)=\"onChangeValue($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n attr.data-testid=\"{{ dataTestId }}\"\n />\n}\n@if (tooltipTexto && !readOnly) {\n <input\n pInputText\n type=\"text\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [ngModel]=\"value\"\n [attr.directive]=\"nombreDirectiva\"\n [pTooltip]=\"tooltipTexto\"\n [tooltipPosition]=\"tooltipPosicion\"\n (ngModelChange)=\"onChangeValue($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n attr.data-testid=\"{{ dataTestId }}\"\n />\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$2.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i3$
|
|
3868
|
+
}], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content> @if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n } \n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto && !readOnly) {\n <input\n pInputText\n type=\"text\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [ngModel]=\"value\"\n [attr.directive]=\"nombreDirectiva\"\n [placeholder]=\"placeholder\"\n (ngModelChange)=\"onChangeValue($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n attr.data-testid=\"{{ dataTestId }}\"\n />\n}\n@if (tooltipTexto && !readOnly) {\n <input\n pInputText\n type=\"text\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [ngModel]=\"value\"\n [attr.directive]=\"nombreDirectiva\"\n [pTooltip]=\"tooltipTexto\"\n [tooltipPosition]=\"tooltipPosicion\"\n (ngModelChange)=\"onChangeValue($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n attr.data-testid=\"{{ dataTestId }}\"\n />\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$2.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i3$5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
|
|
3857
3869
|
}
|
|
3858
3870
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitTextComponent, decorators: [{
|
|
3859
3871
|
type: Component,
|
|
@@ -4031,7 +4043,7 @@ class BitDateComponent extends BitCalendarComponent {
|
|
|
4031
4043
|
provide: NG_VALUE_ACCESSOR,
|
|
4032
4044
|
useExisting: forwardRef(() => BitDateComponent),
|
|
4033
4045
|
multi: true
|
|
4034
|
-
}], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content> @if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n } \n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"dd/MM/yyyy\" }}</p>\n}\n@if (!readOnly) {\n <p-calendar\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n dateFormat=\"dd/mm/yy\"\n placeholder=\"{{ placeholder }}\"\n [monthNavigator]=\"true\"\n [readonlyInput]=\"calendarReadOnlyInput\"\n [minDate]=\"fechaMinima\"\n [maxDate]=\"fechaMaxima\"\n [yearNavigator]=\"true\"\n yearRange=\"2000:2050\"\n [firstDayOfWeek]=\"1\"\n [locale]=\"locale\"\n [showButtonBar]=\"showButtonBar\"\n [appendTo]=\"appendTo\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-calendar>\n}\n@if (!readOnly) {\n <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i3$
|
|
4046
|
+
}], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content> @if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n } \n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"dd/MM/yyyy\" }}</p>\n}\n@if (!readOnly) {\n <p-calendar\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n dateFormat=\"dd/mm/yy\"\n placeholder=\"{{ placeholder }}\"\n [monthNavigator]=\"true\"\n [readonlyInput]=\"calendarReadOnlyInput\"\n [minDate]=\"fechaMinima\"\n [maxDate]=\"fechaMaxima\"\n [yearNavigator]=\"true\"\n yearRange=\"2000:2050\"\n [firstDayOfWeek]=\"1\"\n [locale]=\"locale\"\n [showButtonBar]=\"showButtonBar\"\n [appendTo]=\"appendTo\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-calendar>\n}\n@if (!readOnly) {\n <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i3$6.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] }); }
|
|
4035
4047
|
}
|
|
4036
4048
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitDateComponent, decorators: [{
|
|
4037
4049
|
type: Component,
|
|
@@ -4078,7 +4090,7 @@ class BitTimeComponent extends BitCalendarComponent {
|
|
|
4078
4090
|
provide: NG_VALUE_ACCESSOR,
|
|
4079
4091
|
useExisting: forwardRef(() => BitTimeComponent),
|
|
4080
4092
|
multi: true
|
|
4081
|
-
}], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content> @if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n } \n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"HH:mm\" }}</p>\n}\n@if (!readOnly) {\n <p-calendar\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n timeFormat=\"HH:mm\"\n [timeOnly]=\"true\"\n placeholder=\"{{ placeholder }}\"\n [firstDayOfWeek]=\"1\"\n [showButtonBar]=\"showButtonBar\"\n (onTodayClick)=\"_onTodayClick($event)\"\n [appendTo]=\"appendTo\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-calendar>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i3$
|
|
4093
|
+
}], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content> @if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n } \n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"HH:mm\" }}</p>\n}\n@if (!readOnly) {\n <p-calendar\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n timeFormat=\"HH:mm\"\n [timeOnly]=\"true\"\n placeholder=\"{{ placeholder }}\"\n [firstDayOfWeek]=\"1\"\n [showButtonBar]=\"showButtonBar\"\n (onTodayClick)=\"_onTodayClick($event)\"\n [appendTo]=\"appendTo\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-calendar>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i3$6.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] }); }
|
|
4082
4094
|
}
|
|
4083
4095
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitTimeComponent, decorators: [{
|
|
4084
4096
|
type: Component,
|
|
@@ -4125,7 +4137,7 @@ class BitDateTimeComponent extends BitCalendarComponent {
|
|
|
4125
4137
|
provide: NG_VALUE_ACCESSOR,
|
|
4126
4138
|
useExisting: forwardRef(() => BitDateTimeComponent),
|
|
4127
4139
|
multi: true
|
|
4128
|
-
}], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content> @if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n } \n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"dd/MM/yyyy HH:mm\" }}</p>\n}\n@if (!readOnly) {\n <p-calendar\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n dateFormat=\"dd/mm/yy\"\n placeholder=\"{{ placeholder }}\"\n [monthNavigator]=\"true\"\n [minDate]=\"fechaMinima\"\n [maxDate]=\"fechaMaxima\"\n [yearNavigator]=\"true\"\n yearRange=\"2000:2050\"\n [locale]=\"locale\"\n [showTime]=\"true\"\n [firstDayOfWeek]=\"1\"\n [showButtonBar]=\"showButtonBar\"\n [appendTo]=\"appendTo\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-calendar>\n}\n@if (!readOnly) {\n <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i3$
|
|
4140
|
+
}], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content> @if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n } \n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura | date: \"dd/MM/yyyy HH:mm\" }}</p>\n}\n@if (!readOnly) {\n <p-calendar\n class=\"FormControl\"\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [(ngModel)]=\"value\"\n dateFormat=\"dd/mm/yy\"\n placeholder=\"{{ placeholder }}\"\n [monthNavigator]=\"true\"\n [minDate]=\"fechaMinima\"\n [maxDate]=\"fechaMaxima\"\n [yearNavigator]=\"true\"\n yearRange=\"2000:2050\"\n [locale]=\"locale\"\n [showTime]=\"true\"\n [firstDayOfWeek]=\"1\"\n [showButtonBar]=\"showButtonBar\"\n [appendTo]=\"appendTo\"\n (onSelect)=\"_onSelect(value)\"\n (onClear)=\"_onClear()\"\n (onClearClick)=\"_onClear()\"\n (onFocus)=\"_onFocus()\"\n (onBlur)=\"_onBlur($event)\"\n (onInput)=\"_onInput($event)\"\n attr.data-testid=\"{{ dataTestId }}\"\n >\n </p-calendar>\n}\n@if (!readOnly) {\n <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i3$6.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] }); }
|
|
4129
4141
|
}
|
|
4130
4142
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitDateTimeComponent, decorators: [{
|
|
4131
4143
|
type: Component,
|
|
@@ -4957,7 +4969,7 @@ class BitNumberComponent extends BitCustomComponent {
|
|
|
4957
4969
|
provide: NG_VALUE_ACCESSOR,
|
|
4958
4970
|
useExisting: forwardRef(() => BitNumberComponent),
|
|
4959
4971
|
multi: true
|
|
4960
|
-
}], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputReference"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content> @if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n } \n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto && !readOnly) {\n <p-inputNumber\n #inputReference\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [ngModel]=\"value\"\n [attr.directive]=\"nombreDirectiva\"\n [placeholder]=\"placeholder\"\n [mode]=\"modo\"\n [currency]=\"divisa\"\n [prefix]=\"prefijo\"\n [suffix]=\"sufijo\"\n [min]=\"minimo\"\n [max]=\"maximo\"\n [minFractionDigits]=\"numeroDecimales\"\n [maxFractionDigits]=\"maximoDecimales == null ? numeroDecimales : maximoDecimales\"\n [useGrouping]=\"separadorGrupo\"\n [showButtons]=\"mostrarBotones\"\n [step]=\"incremento\"\n locale=\"es-ES\"\n (ngModelChange)=\"onChangeValue($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n attr.data-testid=\"{{ dataTestId }}\"\n />\n}\n@if (tooltipTexto && !readOnly) {\n <p-inputNumber\n #inputReference\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [ngModel]=\"value\"\n [attr.directive]=\"nombreDirectiva\"\n [pTooltip]=\"tooltipTexto\"\n [tooltipPosition]=\"tooltipPosicion\"\n [mode]=\"modo\"\n [currency]=\"divisa\"\n [prefix]=\"prefijo\"\n [suffix]=\"sufijo\"\n [min]=\"minimo\"\n [max]=\"maximo\"\n [minFractionDigits]=\"numeroDecimales\"\n [maxFractionDigits]=\"maximoDecimales == null ? numeroDecimales : maximoDecimales\"\n [useGrouping]=\"separadorGrupo\"\n [showButtons]=\"mostrarBotones\"\n [step]=\"incremento\"\n locale=\"es-ES\"\n (ngModelChange)=\"onChangeValue($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n attr.data-testid=\"{{ dataTestId }}\"\n />\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i1$5.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$
|
|
4972
|
+
}], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputReference"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content> @if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n } \n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto && !readOnly) {\n <p-inputNumber\n #inputReference\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [ngModel]=\"value\"\n [attr.directive]=\"nombreDirectiva\"\n [placeholder]=\"placeholder\"\n [mode]=\"modo\"\n [currency]=\"divisa\"\n [prefix]=\"prefijo\"\n [suffix]=\"sufijo\"\n [min]=\"minimo\"\n [max]=\"maximo\"\n [minFractionDigits]=\"numeroDecimales\"\n [maxFractionDigits]=\"maximoDecimales == null ? numeroDecimales : maximoDecimales\"\n [useGrouping]=\"separadorGrupo\"\n [showButtons]=\"mostrarBotones\"\n [step]=\"incremento\"\n locale=\"es-ES\"\n (ngModelChange)=\"onChangeValue($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n attr.data-testid=\"{{ dataTestId }}\"\n />\n}\n@if (tooltipTexto && !readOnly) {\n <p-inputNumber\n #inputReference\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [ngModel]=\"value\"\n [attr.directive]=\"nombreDirectiva\"\n [pTooltip]=\"tooltipTexto\"\n [tooltipPosition]=\"tooltipPosicion\"\n [mode]=\"modo\"\n [currency]=\"divisa\"\n [prefix]=\"prefijo\"\n [suffix]=\"sufijo\"\n [min]=\"minimo\"\n [max]=\"maximo\"\n [minFractionDigits]=\"numeroDecimales\"\n [maxFractionDigits]=\"maximoDecimales == null ? numeroDecimales : maximoDecimales\"\n [useGrouping]=\"separadorGrupo\"\n [showButtons]=\"mostrarBotones\"\n [step]=\"incremento\"\n locale=\"es-ES\"\n (ngModelChange)=\"onChangeValue($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n attr.data-testid=\"{{ dataTestId }}\"\n />\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i1$5.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
|
|
4961
4973
|
}
|
|
4962
4974
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitNumberComponent, decorators: [{
|
|
4963
4975
|
type: Component,
|
|
@@ -5010,7 +5022,7 @@ class BitAmountComponent extends BitNumberComponent {
|
|
|
5010
5022
|
provide: NG_VALUE_ACCESSOR,
|
|
5011
5023
|
useExisting: forwardRef(() => BitAmountComponent),
|
|
5012
5024
|
multi: true
|
|
5013
|
-
}], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content> @if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n } \n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto && !readOnly) {\n <p-inputNumber\n #inputReference\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [ngModel]=\"value\"\n [attr.directive]=\"nombreDirectiva\"\n [placeholder]=\"placeholder\"\n [mode]=\"modo\"\n [currency]=\"divisa\"\n [prefix]=\"prefijo\"\n [suffix]=\"sufijo\"\n [min]=\"minimo\"\n [max]=\"maximo\"\n [minFractionDigits]=\"numeroDecimales\"\n [maxFractionDigits]=\"maximoDecimales == null ? numeroDecimales : maximoDecimales\"\n [useGrouping]=\"separadorGrupo\"\n [showButtons]=\"mostrarBotones\"\n [step]=\"incremento\"\n locale=\"es-ES\"\n (ngModelChange)=\"onChangeValue($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n attr.data-testid=\"{{ dataTestId }}\"\n />\n}\n@if (tooltipTexto && !readOnly) {\n <p-inputNumber\n #inputReference\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [ngModel]=\"value\"\n [attr.directive]=\"nombreDirectiva\"\n [pTooltip]=\"tooltipTexto\"\n [tooltipPosition]=\"tooltipPosicion\"\n [mode]=\"modo\"\n [currency]=\"divisa\"\n [prefix]=\"prefijo\"\n [suffix]=\"sufijo\"\n [min]=\"minimo\"\n [max]=\"maximo\"\n [minFractionDigits]=\"numeroDecimales\"\n [maxFractionDigits]=\"maximoDecimales == null ? numeroDecimales : maximoDecimales\"\n [useGrouping]=\"separadorGrupo\"\n [showButtons]=\"mostrarBotones\"\n [step]=\"incremento\"\n locale=\"es-ES\"\n (ngModelChange)=\"onChangeValue($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n attr.data-testid=\"{{ dataTestId }}\"\n />\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i1$5.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$
|
|
5025
|
+
}], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n <label>\n <ng-content></ng-content> @if (obligatorio) {\n <span class=\"obligatorio fa fa-asterisk\"></span>\n } \n @if (ayuda) {\n <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n }\n </label>\n}\n@if (readOnly) {\n <p class=\"lectura\" [id]=\"nombre\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto && !readOnly) {\n <p-inputNumber\n #inputReference\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [ngModel]=\"value\"\n [attr.directive]=\"nombreDirectiva\"\n [placeholder]=\"placeholder\"\n [mode]=\"modo\"\n [currency]=\"divisa\"\n [prefix]=\"prefijo\"\n [suffix]=\"sufijo\"\n [min]=\"minimo\"\n [max]=\"maximo\"\n [minFractionDigits]=\"numeroDecimales\"\n [maxFractionDigits]=\"maximoDecimales == null ? numeroDecimales : maximoDecimales\"\n [useGrouping]=\"separadorGrupo\"\n [showButtons]=\"mostrarBotones\"\n [step]=\"incremento\"\n locale=\"es-ES\"\n (ngModelChange)=\"onChangeValue($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n attr.data-testid=\"{{ dataTestId }}\"\n />\n}\n@if (tooltipTexto && !readOnly) {\n <p-inputNumber\n #inputReference\n id=\"{{ nombre }}\"\n name=\"{{ nombre }}\"\n [disabled]=\"isDisabled\"\n [ngModel]=\"value\"\n [attr.directive]=\"nombreDirectiva\"\n [pTooltip]=\"tooltipTexto\"\n [tooltipPosition]=\"tooltipPosicion\"\n [mode]=\"modo\"\n [currency]=\"divisa\"\n [prefix]=\"prefijo\"\n [suffix]=\"sufijo\"\n [min]=\"minimo\"\n [max]=\"maximo\"\n [minFractionDigits]=\"numeroDecimales\"\n [maxFractionDigits]=\"maximoDecimales == null ? numeroDecimales : maximoDecimales\"\n [useGrouping]=\"separadorGrupo\"\n [showButtons]=\"mostrarBotones\"\n [step]=\"incremento\"\n locale=\"es-ES\"\n (ngModelChange)=\"onChangeValue($event)\"\n (blur)=\"_onBlur()\"\n (focus)=\"_onFocus()\"\n attr.data-testid=\"{{ dataTestId }}\"\n />\n}\n@if (control != null) {\n <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i1$5.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
|
|
5014
5026
|
}
|
|
5015
5027
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitAmountComponent, decorators: [{
|
|
5016
5028
|
type: Component,
|
|
@@ -5185,7 +5197,7 @@ class BitSettingsComponent {
|
|
|
5185
5197
|
this.onDarkModeChange.emit(this.isDarkMode); // Emit the new state
|
|
5186
5198
|
}
|
|
5187
5199
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5188
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: BitSettingsComponent, isStandalone: false, selector: "bit-settings", outputs: { onSelectLanguage: "onSelectLanguage", onDarkModeChange: "onDarkModeChange" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <i (click)=\"op.toggle($event)\" class=\"pi pi-cog icono-header\" pTooltip=\"{{ t('configselection') }}\" tooltipPosition=\"left\"></i>\n <p-popover #op>\n <div class=\"config-panel-settings\">\n <span class=\"config-panel-label\">{{ t('themelabel') }}</span>\n <bit-theme-selector/>\n <span class=\"config-panel-label\">{{ t('darkmodeselection') }}</span>\n <p-toggleswitch [(ngModel)]=\"isDarkMode\" (onChange)=\"toggleDarkMode($event);\" attr.data-testid=\"darkMode\"/>\n <span class=\"config-panel-label\">{{ t('languageselection') }}</span>\n <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"/>\n </div> \n </p-popover>\n</ng-container>", styles: [".config-panel-settings{display:flex;flex-direction:column;gap:.5rem}.config-panel-label{font-weight:700;line-height:1}\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$4.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: i3$
|
|
5200
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: BitSettingsComponent, isStandalone: false, selector: "bit-settings", outputs: { onSelectLanguage: "onSelectLanguage", onDarkModeChange: "onDarkModeChange" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <i (click)=\"op.toggle($event)\" class=\"pi pi-cog icono-header\" pTooltip=\"{{ t('configselection') }}\" tooltipPosition=\"left\"></i>\n <p-popover #op>\n <div class=\"config-panel-settings\">\n <span class=\"config-panel-label\">{{ t('themelabel') }}</span>\n <bit-theme-selector/>\n <span class=\"config-panel-label\">{{ t('darkmodeselection') }}</span>\n <p-toggleswitch [(ngModel)]=\"isDarkMode\" (onChange)=\"toggleDarkMode($event);\" attr.data-testid=\"darkMode\"/>\n <span class=\"config-panel-label\">{{ t('languageselection') }}</span>\n <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"/>\n </div> \n </p-popover>\n</ng-container>", styles: [".config-panel-settings{display:flex;flex-direction:column;gap:.5rem}.config-panel-label{font-weight:700;line-height:1}\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$4.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: i3$7.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i3$5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i5.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: BitLanguageSelectorComponent, selector: "bit-language-selector", outputs: ["onSelectLanguage"] }, { kind: "component", type: BitThemeSelectorComponent, selector: "bit-theme-selector", outputs: ["onChangeTheme"] }] }); }
|
|
5189
5201
|
}
|
|
5190
5202
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitSettingsComponent, decorators: [{
|
|
5191
5203
|
type: Component,
|