ngx-sumax-erp-components 1.1.6 → 1.2.0
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 +24 -24
- package/esm2022/lib/date-picker/CustomDatePickerFormat.mjs +1 -1
- package/esm2022/lib/date-picker/CustomDatePickerI18n.mjs +1 -1
- package/esm2022/lib/date-picker/date-picker.component.mjs +3 -3
- package/esm2022/lib/date-picker/date-picker.mjs +1 -1
- package/esm2022/lib/date-picker/date-picker.module.mjs +1 -1
- package/esm2022/lib/date-picker/date-picker.service.mjs +1 -1
- package/esm2022/lib/date-time-picker/date-time-picker.component.mjs +3 -3
- package/esm2022/lib/date-time-picker/date-time-picker.mjs +1 -1
- package/esm2022/lib/date-time-picker/date-time-picker.module.mjs +1 -1
- package/esm2022/lib/date-time-picker/date-time-picker.service.mjs +1 -1
- package/esm2022/lib/date-time-picker-editable/date-time-picker-editable.component.mjs +3 -3
- package/esm2022/lib/date-time-picker-editable/date-time-picker-editable.module.mjs +1 -1
- package/esm2022/lib/date-time-picker-editable/date-time-picker-editable.service.mjs +1 -1
- package/esm2022/lib/dialog-ag-grid-search/dialog-ag-grid-search.component.mjs +8 -8
- package/esm2022/lib/dialog-ag-grid-search/dialog-ag-grid-search.module.mjs +1 -1
- package/esm2022/lib/error-message/error-message.component.mjs +3 -3
- package/esm2022/lib/error-message/error-message.module.mjs +1 -1
- package/esm2022/lib/input-number/input-number.component.mjs +3 -3
- package/esm2022/lib/input-number/input-number.mjs +1 -1
- package/esm2022/lib/input-number/input-number.module.mjs +1 -1
- package/esm2022/lib/input-number/input-number.service.mjs +1 -1
- package/esm2022/lib/input-text/input-text.component.mjs +3 -3
- package/esm2022/lib/input-text/input-text.mjs +1 -1
- package/esm2022/lib/input-text/input-text.module.mjs +1 -1
- package/esm2022/lib/input-text/input-text.service.mjs +1 -1
- package/esm2022/lib/ng-select-multiple/ng-select-multiple.component.mjs +3 -3
- package/esm2022/lib/ng-select-multiple/ng-select-multiple.mjs +1 -1
- package/esm2022/lib/ng-select-multiple/ng-select-multiple.module.mjs +1 -1
- package/esm2022/lib/ng-select-multiple/ng-select-multiple.service.mjs +1 -1
- package/esm2022/lib/ng-select-simple/ng-select-simple.component.mjs +3 -3
- package/esm2022/lib/ng-select-simple/ng-select-simple.mjs +1 -1
- package/esm2022/lib/ng-select-simple/ng-select-simple.module.mjs +1 -1
- package/esm2022/lib/ng-select-simple/ng-select-simple.service.mjs +1 -1
- package/esm2022/lib/sc-ag-grid/cell-editors/container-shared/container-shared.component.mjs +3 -3
- package/esm2022/lib/sc-ag-grid/cell-render/no-rows-overlay/noRowsOverlayCustom.component.mjs +11 -11
- package/esm2022/lib/sc-ag-grid/cell-render/no-rows-overlay/noRowsOverlayDefault.component.mjs +9 -9
- package/esm2022/lib/sc-ag-grid/cell-render/sc-cell-render-button/sc-cell-render-button.component.mjs +127 -126
- package/esm2022/lib/sc-ag-grid/cell-render/sc-cell-render-checkbox-list/sc-cell-render-checkbox-list.component.mjs +37 -37
- package/esm2022/lib/sc-ag-grid/cell-render/sc-cell-render-config.mjs +1 -1
- package/esm2022/lib/sc-ag-grid/cell-render/sc-cell-render-select/sc-cell-render-select.component.mjs +19 -19
- package/esm2022/lib/sc-ag-grid/cell-render/sc-cell-render-toggle/sc-cell-render-toggle.component.mjs +9 -9
- package/esm2022/lib/sc-ag-grid/directives/scAgGrid.directive.mjs +1 -1
- package/esm2022/lib/sc-ag-grid/index.mjs +1 -1
- package/esm2022/lib/sc-ag-grid/input-search/input-search.component.mjs +3 -3
- package/esm2022/lib/sc-ag-grid/input-search/input-search.module.mjs +1 -1
- package/esm2022/lib/sc-ag-grid/sc-ag-grid-customizable/sc-ag-grid-customizable.component.mjs +13 -13
- package/esm2022/lib/sc-ag-grid/sc-ag-grid-pagination/sc-ag-grid-pagination.component.mjs +3 -3
- package/esm2022/lib/sc-ag-grid/sc-ag-grid-pagination/sc-ag-grid-pagination.module.mjs +1 -1
- package/esm2022/lib/sc-ag-grid/sc-ag-grid.module.mjs +1 -1
- package/esm2022/lib/sc-ag-grid/sc-grid.uitl.mjs +1 -1
- package/esm2022/lib/sc-wizard/sc-wizard.component.mjs +3 -3
- package/esm2022/lib/sc-wizard/sc-wizard.module.mjs +1 -1
- package/esm2022/lib/text-area/text-area.component.mjs +3 -3
- package/esm2022/lib/text-area/text-area.mjs +1 -1
- package/esm2022/lib/text-area/text-area.module.mjs +1 -1
- package/esm2022/lib/text-area/text-area.service.mjs +1 -1
- package/esm2022/lib/tooltip-message/tooltip-message.component.mjs +3 -3
- package/esm2022/lib/tooltip-message/tooltip-message.module.mjs +1 -1
- package/esm2022/lib/utils/DateTimeModel.mjs +1 -1
- package/esm2022/lib/utils/DateTimePickerEditable.mjs +1 -1
- package/esm2022/lib/utils/DateUtil.mjs +1 -1
- package/esm2022/lib/utils/INgSelect.mjs +1 -1
- package/esm2022/lib/utils/IScAgGrid.mjs +1 -1
- package/esm2022/lib/utils/NgSelectUtils.mjs +1 -1
- package/esm2022/lib/utils/ScWizardBase.mjs +1 -1
- package/esm2022/lib/utils/SharedComponentsUtil.mjs +1 -1
- package/esm2022/lib/utils/ValidateUtil.mjs +1 -1
- package/esm2022/lib/utils/message-util.service.mjs +1 -1
- package/esm2022/public-api.mjs +1 -1
- package/fesm2022/ngx-sumax-erp-components.mjs +253 -252
- package/fesm2022/ngx-sumax-erp-components.mjs.map +1 -1
- package/lib/sc-ag-grid/cell-render/sc-cell-render-button/sc-cell-render-button.component.d.ts +4 -2
- package/lib/sc-ag-grid/sc-ag-grid-customizable/sc-ag-grid-customizable.component.d.ts +2 -2
- package/package.json +2 -2
|
@@ -497,11 +497,11 @@ class errorMessageComponent {
|
|
|
497
497
|
constructor() { }
|
|
498
498
|
ngOnInit() { }
|
|
499
499
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: errorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
500
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: errorMessageComponent, selector: "error-message", inputs: { tooltipMessage: "tooltipMessage", validatorMessage: "validatorMessage", controls: "controls", label: "label", submitted: "submitted" }, ngImport: i0, template: "<!-- VALIDATOR GENERICOS -->\
|
|
500
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: errorMessageComponent, selector: "error-message", inputs: { tooltipMessage: "tooltipMessage", validatorMessage: "validatorMessage", controls: "controls", label: "label", submitted: "submitted" }, ngImport: i0, template: "<!-- VALIDATOR GENERICOS -->\n<small *ngIf=\"validatorMessage && controls?.errors?.required && (controls?.dirty || controls?.touched) && submitted\" class=\"text-danger\">\n El campo {{ label }} es requerido<br />\n</small>\n<small *ngIf=\"validatorMessage && controls?.errors?.minlength && (controls?.dirty || controls?.touched) && submitted\" class=\"text-danger\">\n El campo {{ label }} requiere {{ controls.errors.minlength.requiredLength }} caracteres minimo.<br />\n</small>\n<small *ngIf=\"validatorMessage && controls?.errors?.maxlength && (controls?.dirty || controls?.touched) && submitted\" class=\"text-danger\">\n El campo {{ label }} requiere {{ controls.errors.maxlength.requiredLength }} caracteres maximo.<br />\n</small>\n<small *ngIf=\"validatorMessage && controls?.errors?.pattern && (controls?.dirty || controls?.touched) && submitted\" class=\"text-danger\">\n El campo {{ label }} tiene formato incorrecto.<br />\n</small>\n<small *ngIf=\"validatorMessage && controls?.errors?.min && (controls?.dirty || controls?.touched) && submitted\" class=\"text-danger\">\n El valor minimo del campo {{ label }} es: {{ controls?.errors?.min.min }}\n</small>\n<small *ngIf=\"validatorMessage && controls?.errors?.max && (controls?.dirty || controls?.touched) && submitted\" class=\"text-danger\">\n El valor m\u00E1ximo del campo {{ label }} es: {{ controls?.errors?.max.max }}\n</small>\n<!-- CUSTOM VALIDATOR -->\n<small\n *ngIf=\"validatorMessage && controls?.errors?.customValidator && (controls?.dirty || controls?.touched) && submitted\"\n class=\"text-danger\">\n {{ controls.errors?.customValidator.message }}<br />\n</small>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
501
501
|
}
|
|
502
502
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: errorMessageComponent, decorators: [{
|
|
503
503
|
type: Component,
|
|
504
|
-
args: [{ selector: "error-message", template: "<!-- VALIDATOR GENERICOS -->\
|
|
504
|
+
args: [{ selector: "error-message", template: "<!-- VALIDATOR GENERICOS -->\n<small *ngIf=\"validatorMessage && controls?.errors?.required && (controls?.dirty || controls?.touched) && submitted\" class=\"text-danger\">\n El campo {{ label }} es requerido<br />\n</small>\n<small *ngIf=\"validatorMessage && controls?.errors?.minlength && (controls?.dirty || controls?.touched) && submitted\" class=\"text-danger\">\n El campo {{ label }} requiere {{ controls.errors.minlength.requiredLength }} caracteres minimo.<br />\n</small>\n<small *ngIf=\"validatorMessage && controls?.errors?.maxlength && (controls?.dirty || controls?.touched) && submitted\" class=\"text-danger\">\n El campo {{ label }} requiere {{ controls.errors.maxlength.requiredLength }} caracteres maximo.<br />\n</small>\n<small *ngIf=\"validatorMessage && controls?.errors?.pattern && (controls?.dirty || controls?.touched) && submitted\" class=\"text-danger\">\n El campo {{ label }} tiene formato incorrecto.<br />\n</small>\n<small *ngIf=\"validatorMessage && controls?.errors?.min && (controls?.dirty || controls?.touched) && submitted\" class=\"text-danger\">\n El valor minimo del campo {{ label }} es: {{ controls?.errors?.min.min }}\n</small>\n<small *ngIf=\"validatorMessage && controls?.errors?.max && (controls?.dirty || controls?.touched) && submitted\" class=\"text-danger\">\n El valor m\u00E1ximo del campo {{ label }} es: {{ controls?.errors?.max.max }}\n</small>\n<!-- CUSTOM VALIDATOR -->\n<small\n *ngIf=\"validatorMessage && controls?.errors?.customValidator && (controls?.dirty || controls?.touched) && submitted\"\n class=\"text-danger\">\n {{ controls.errors?.customValidator.message }}<br />\n</small>\n" }]
|
|
505
505
|
}], ctorParameters: () => [], propDecorators: { tooltipMessage: [{
|
|
506
506
|
type: Input
|
|
507
507
|
}], validatorMessage: [{
|
|
@@ -518,11 +518,11 @@ class tooltipMessageComponent {
|
|
|
518
518
|
constructor() { }
|
|
519
519
|
ngOnInit() { }
|
|
520
520
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: tooltipMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
521
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: tooltipMessageComponent, selector: "tooltip-message", inputs: { tooltipMessage: "tooltipMessage", validatorMessage: "validatorMessage", controls: "controls", label: "label", submitted: "submitted" }, ngImport: i0, template: "<i\
|
|
521
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: tooltipMessageComponent, selector: "tooltip-message", inputs: { tooltipMessage: "tooltipMessage", validatorMessage: "validatorMessage", controls: "controls", label: "label", submitted: "submitted" }, ngImport: i0, template: "<i\n *ngIf=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n class=\"fa fa-exclamation-circle text-danger mb-2 ml-3\"\n [matTooltip]=\"\n tooltipMessage && submitted && !validatorMessage && controls?.errors?.required && (controls?.dirty || controls?.touched)\n ? 'El campo ' + label + ' es requerido.'\n : tooltipMessage && submitted && !validatorMessage && controls?.errors?.minlength && (controls?.dirty || controls?.touched)\n ? 'El campo ' + label + ' requiere ' + controls.errors.minlength.requiredLength + ' caracteres minimo.'\n : tooltipMessage && submitted && !validatorMessage && controls?.errors?.maxlength && (controls?.dirty || controls?.touched)\n ? 'El campo ' + label + ' requiere ' + controls.errors.maxlength.requiredLength + ' caracteres maximo.'\n : tooltipMessage && submitted && !validatorMessage && controls?.errors?.min && (controls?.dirty || controls?.touched)\n ? 'El valor minimo del campo ' + label + ' es: ' + controls.errors.min.min\n : tooltipMessage && submitted && !validatorMessage && controls?.errors?.max && (controls?.dirty || controls?.touched)\n ? 'El valor m\u00E1ximo del campo ' + label + ' es: ' + controls.errors.max.max\n : tooltipMessage && submitted && !validatorMessage && controls?.errors?.pattern && (controls?.dirty || controls?.touched)\n ? 'El campo ' + label + ' tiene formato incorrecto.'\n : tooltipMessage &&\n submitted &&\n !validatorMessage &&\n controls?.errors?.customValidator &&\n (controls?.dirty || controls?.touched)\n ? controls.errors.customValidator.message\n : null\n \"s\n [matTooltipClass]=\"'bg-danger'\"></i>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
522
522
|
}
|
|
523
523
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: tooltipMessageComponent, decorators: [{
|
|
524
524
|
type: Component,
|
|
525
|
-
args: [{ selector: "tooltip-message", template: "<i\
|
|
525
|
+
args: [{ selector: "tooltip-message", template: "<i\n *ngIf=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n class=\"fa fa-exclamation-circle text-danger mb-2 ml-3\"\n [matTooltip]=\"\n tooltipMessage && submitted && !validatorMessage && controls?.errors?.required && (controls?.dirty || controls?.touched)\n ? 'El campo ' + label + ' es requerido.'\n : tooltipMessage && submitted && !validatorMessage && controls?.errors?.minlength && (controls?.dirty || controls?.touched)\n ? 'El campo ' + label + ' requiere ' + controls.errors.minlength.requiredLength + ' caracteres minimo.'\n : tooltipMessage && submitted && !validatorMessage && controls?.errors?.maxlength && (controls?.dirty || controls?.touched)\n ? 'El campo ' + label + ' requiere ' + controls.errors.maxlength.requiredLength + ' caracteres maximo.'\n : tooltipMessage && submitted && !validatorMessage && controls?.errors?.min && (controls?.dirty || controls?.touched)\n ? 'El valor minimo del campo ' + label + ' es: ' + controls.errors.min.min\n : tooltipMessage && submitted && !validatorMessage && controls?.errors?.max && (controls?.dirty || controls?.touched)\n ? 'El valor m\u00E1ximo del campo ' + label + ' es: ' + controls.errors.max.max\n : tooltipMessage && submitted && !validatorMessage && controls?.errors?.pattern && (controls?.dirty || controls?.touched)\n ? 'El campo ' + label + ' tiene formato incorrecto.'\n : tooltipMessage &&\n submitted &&\n !validatorMessage &&\n controls?.errors?.customValidator &&\n (controls?.dirty || controls?.touched)\n ? controls.errors.customValidator.message\n : null\n \"s\n [matTooltipClass]=\"'bg-danger'\"></i>" }]
|
|
526
526
|
}], ctorParameters: () => [], propDecorators: { tooltipMessage: [{
|
|
527
527
|
type: Input
|
|
528
528
|
}], validatorMessage: [{
|
|
@@ -928,7 +928,7 @@ class DatePickerComponent {
|
|
|
928
928
|
I18n,
|
|
929
929
|
{ provide: NgbDatepickerI18n, useClass: CustomDatepickerI18n },
|
|
930
930
|
{ provide: NgbDateParserFormatter, useClass: CustomDatepickerFormat },
|
|
931
|
-
], viewQueries: [{ propertyName: "ngbDatepicker", first: true, predicate: ["fecha"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\
|
|
931
|
+
], viewQueries: [{ propertyName: "ngbDatepicker", first: true, predicate: ["fecha"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\n ><span [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">{{ label }}</span>\n <span *ngIf=\"required\" class=\"ms-1\" [class.text-danger]=\"controls?.errors != null\"> *</span>\n <span *ngIf=\"labelInfo\">\n <i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\n </span>\n</label>\n<div\n [class.input-icon]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.right]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\">\n <!-- tooltip-message es el icono de error -->\n\n <div class=\"d-flex p-0 group-input-button position-relative\">\n <tooltip-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [submitted]=\"submitted\"\n [tooltipMessage]=\"tooltipMessage\"></tooltip-message>\n <input\n type=\"text\"\n [attr.autocomplete]=\"autocomplete\"\n [class.is-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n (keyup.enter)=\"onKeyUpEnter()\"\n (keyup.ArrowUp)=\"arrowUpKeyUp()\"\n (keypress)=\"handleKeyPress($event)\"\n (input)=\"onInput($any($event.target).value)\"\n (dateSelect)=\"onInput($event)\"\n (focus)=\"onFocus($any($event.target).value)\"\n (focusout)=\"focusOut($any($event.target).value)\"\n (blur)=\"onBlur()\"\n (paste)=\"handlePaste($event)\"\n class=\"form-control form-control-sm rounded-left use-input\"\n container=\"body\"\n placeholder=\"dd/mm/yyyy\"\n [minDate]=\"{ year: 1960, month: 1, day: 1 }\"\n [maxDate]=\"maxDate\"\n name=\"fecha\"\n ngbDatepicker\n #fecha=\"ngbDatepicker\"\n [(ngModel)]=\"value\" />\n <button type=\"button\" [disabled]=\"disabled || readonly\" class=\"btn btn-info p-0 rounded-0 use-button\" (click)=\"fecha.toggle()\">\n <!-- <mat-icon class=\"text-white pt-1\" style=\"font-size: 18px;\" [matTooltip]=\"'Calendario'\" matTooltipClass=\"bg-info\">calendar_today</mat-icon> -->\n <i class=\"fa fa-calendar text-white px-1\" aria-hidden=\"true\"></i>\n </button>\n </div>\n</div>\n<!-- error-message es el mansaje que aparece abajo del componente -->\n<error-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [submitted]=\"submitted\"\n [tooltipMessage]=\"tooltipMessage\"></error-message>\n", styles: ["button[disabled]{pointer-events:none}.sumax-label{color:#646c9a!important}.input-icon tooltip-message{color:#ccc;position:absolute;z-index:3;width:16px;font-size:16px;text-align:center;left:auto;right:35px;top:50%;transform:translateY(-50%)}.input-icon.right>.form-control{padding-right:33px;padding-left:12px}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.was-validated .form-control:invalid,.form-control.is-invalid{background-image:none;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.form-control:focus,.form-control:active{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: errorMessageComponent, selector: "error-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "component", type: tooltipMessageComponent, selector: "tooltip-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i1$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }] }); }
|
|
932
932
|
}
|
|
933
933
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DatePickerComponent, decorators: [{
|
|
934
934
|
type: Component,
|
|
@@ -946,7 +946,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
946
946
|
I18n,
|
|
947
947
|
{ provide: NgbDatepickerI18n, useClass: CustomDatepickerI18n },
|
|
948
948
|
{ provide: NgbDateParserFormatter, useClass: CustomDatepickerFormat },
|
|
949
|
-
], template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\
|
|
949
|
+
], template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\n ><span [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">{{ label }}</span>\n <span *ngIf=\"required\" class=\"ms-1\" [class.text-danger]=\"controls?.errors != null\"> *</span>\n <span *ngIf=\"labelInfo\">\n <i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\n </span>\n</label>\n<div\n [class.input-icon]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.right]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\">\n <!-- tooltip-message es el icono de error -->\n\n <div class=\"d-flex p-0 group-input-button position-relative\">\n <tooltip-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [submitted]=\"submitted\"\n [tooltipMessage]=\"tooltipMessage\"></tooltip-message>\n <input\n type=\"text\"\n [attr.autocomplete]=\"autocomplete\"\n [class.is-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n (keyup.enter)=\"onKeyUpEnter()\"\n (keyup.ArrowUp)=\"arrowUpKeyUp()\"\n (keypress)=\"handleKeyPress($event)\"\n (input)=\"onInput($any($event.target).value)\"\n (dateSelect)=\"onInput($event)\"\n (focus)=\"onFocus($any($event.target).value)\"\n (focusout)=\"focusOut($any($event.target).value)\"\n (blur)=\"onBlur()\"\n (paste)=\"handlePaste($event)\"\n class=\"form-control form-control-sm rounded-left use-input\"\n container=\"body\"\n placeholder=\"dd/mm/yyyy\"\n [minDate]=\"{ year: 1960, month: 1, day: 1 }\"\n [maxDate]=\"maxDate\"\n name=\"fecha\"\n ngbDatepicker\n #fecha=\"ngbDatepicker\"\n [(ngModel)]=\"value\" />\n <button type=\"button\" [disabled]=\"disabled || readonly\" class=\"btn btn-info p-0 rounded-0 use-button\" (click)=\"fecha.toggle()\">\n <!-- <mat-icon class=\"text-white pt-1\" style=\"font-size: 18px;\" [matTooltip]=\"'Calendario'\" matTooltipClass=\"bg-info\">calendar_today</mat-icon> -->\n <i class=\"fa fa-calendar text-white px-1\" aria-hidden=\"true\"></i>\n </button>\n </div>\n</div>\n<!-- error-message es el mansaje que aparece abajo del componente -->\n<error-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [submitted]=\"submitted\"\n [tooltipMessage]=\"tooltipMessage\"></error-message>\n", styles: ["button[disabled]{pointer-events:none}.sumax-label{color:#646c9a!important}.input-icon tooltip-message{color:#ccc;position:absolute;z-index:3;width:16px;font-size:16px;text-align:center;left:auto;right:35px;top:50%;transform:translateY(-50%)}.input-icon.right>.form-control{padding-right:33px;padding-left:12px}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.was-validated .form-control:invalid,.form-control.is-invalid{background-image:none;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.form-control:focus,.form-control:active{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a!important}\n"] }]
|
|
950
950
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: MessageUtilService }, { type: DatePickerService }, { type: i0.Renderer2 }], propDecorators: { showLabel: [{
|
|
951
951
|
type: Input
|
|
952
952
|
}], label: [{
|
|
@@ -2333,7 +2333,7 @@ class DateTimePickerEditableComponent {
|
|
|
2333
2333
|
I18n,
|
|
2334
2334
|
{ provide: NgbDatepickerI18n, useClass: CustomDatepickerI18n },
|
|
2335
2335
|
{ provide: NgbDateParserFormatter, useClass: CustomDatepickerFormat },
|
|
2336
|
-
], viewQueries: [{ propertyName: "inputDateTime", first: true, predicate: ["inputDateTime"], descendants: true }, { propertyName: "btnOpen", first: true, predicate: ["btnOpen"], descendants: true }, { propertyName: "btnClean", first: true, predicate: ["btnClean"], descendants: true }, { propertyName: "ngbDatepicker", first: true, predicate: ["d2"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"row\">\
|
|
2336
|
+
], viewQueries: [{ propertyName: "inputDateTime", first: true, predicate: ["inputDateTime"], descendants: true }, { propertyName: "btnOpen", first: true, predicate: ["btnOpen"], descendants: true }, { propertyName: "btnClean", first: true, predicate: ["btnClean"], descendants: true }, { propertyName: "ngbDatepicker", first: true, predicate: ["d2"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"row\">\n <div class=\"col-12\" style=\"overflow: hidden\">\n <label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\n ><span [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">{{ label }}</span>\n <span *ngIf=\"required\" class=\"ms-1\" [class.text-danger]=\"controls?.errors != null\"> *</span>\n <span *ngIf=\"labelInfo\">\n <i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\n </span>\n </label>\n <input\n type=\"text\"\n class=\"form-control form-control-sm position-absolute\"\n container=\"body\"\n id=\"fakeInput\"\n ngbDatepicker\n [formControl]=\"dateControl\"\n [autoClose]=\"'outside'\"\n [footerTemplate]=\"footerTemplate\"\n [minDate]=\"{ year: 1960, month: 1, day: 1 }\"\n #d2=\"ngbDatepicker\" />\n <div class=\"input-group w-100\">\n <input\n type=\"text\"\n readonly\n id=\"inputDateTime\"\n #inputDateTime\n style=\"flex: 1\"\n [class.is-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [disabled]=\"disabled || readonly\"\n class=\"form-control form-control-sm\"\n (blur)=\"onBlur()\"\n (focusout)=\"focusOutInput()\"\n (keyup)=\"onKeyUp($event)\"\n (dblclick)=\"preventDefault($event)\"\n (click)=\"preventDefault($event)\"\n (mouseup)=\"onClick($event, inputDateTime)\"\n [formControl]=\"dateTimeControl\" />\n <div class=\"input-group-append\">\n <button\n #btnOpen\n (keyup.ArrowLeft)=\"goBack()\"\n [disabled]=\"disabled || readonly\"\n (keyup.ArrowRight)=\"clearable ? btnClean.focus() : goNext()\"\n class=\"btn btn-info p-0 rounded-0 use-button\"\n (click)=\"d2.toggle(); open(d2)\"\n type=\"button\">\n <i aria-hidden=\"true\" class=\"fa fa-calendar text-light px-1\"></i>\n </button>\n <button\n #btnClean\n [hidden]=\"!clearable\"\n class=\"btn btn-danger p-0 rounded-0 limpiar\"\n [disabled]=\"disabled || readonly\"\n (click)=\"limpiarTodo()\"\n (keyup.ArrowLeft)=\"btnOpen.focus()\"\n (keyup.ArrowRight)=\"goNext()\"\n type=\"button\">\n <!-- <mat-icon class=\"text-white pt-1\" style=\"font-size: 18px;\" [matTooltip]=\"'Limpiar'\" matTooltipClass=\"bg-danger\">close</mat-icon> -->\n <i aria-hidden=\"true\" class=\"fa fa-times px-1 text-light\"></i>\n </button>\n </div>\n <div class=\"position-absolute container-tooltipmessage\">\n <tooltip-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [tooltipMessage]=\"tooltipMessage\"\n [submitted]=\"submitted\"></tooltip-message>\n </div>\n </div>\n <error-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [tooltipMessage]=\"tooltipMessage\"\n [submitted]=\"submitted\"></error-message>\n <ng-template #footerTemplate>\n <ngb-timepicker [formControl]=\"hoursControl\" [meridian]=\"format == 12 ? true : false\" (focusout)=\"focusOut($event)\"></ngb-timepicker>\n </ng-template>\n </div>\n</div>\n", styles: ["#fakeInput{position:relative;visibility:hidden;padding:0;height:0}#inputDateTime{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control:focus,.form-control:active{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a!important}ngb-timepicker fieldset{width:230px!important}.container-tooltipmessage{width:16px;height:100%;display:flex;align-items:center;z-index:1000;right:68px;top:1px}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.was-validated .form-control:invalid,.form-control.is-invalid{background-image:none;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.NgbTimepicker, selector: "ngb-timepicker", inputs: ["meridian", "spinners", "seconds", "hourStep", "minuteStep", "secondStep", "readonlyInputs", "size"], exportAs: ["ngbTimepicker"] }, { kind: "directive", type: i1$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: tooltipMessageComponent, selector: "tooltip-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: errorMessageComponent, selector: "error-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }] }); }
|
|
2337
2337
|
}
|
|
2338
2338
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DateTimePickerEditableComponent, decorators: [{
|
|
2339
2339
|
type: Component,
|
|
@@ -2352,7 +2352,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
2352
2352
|
I18n,
|
|
2353
2353
|
{ provide: NgbDatepickerI18n, useClass: CustomDatepickerI18n },
|
|
2354
2354
|
{ provide: NgbDateParserFormatter, useClass: CustomDatepickerFormat },
|
|
2355
|
-
], template: "<div class=\"row\">\
|
|
2355
|
+
], template: "<div class=\"row\">\n <div class=\"col-12\" style=\"overflow: hidden\">\n <label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\n ><span [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">{{ label }}</span>\n <span *ngIf=\"required\" class=\"ms-1\" [class.text-danger]=\"controls?.errors != null\"> *</span>\n <span *ngIf=\"labelInfo\">\n <i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\n </span>\n </label>\n <input\n type=\"text\"\n class=\"form-control form-control-sm position-absolute\"\n container=\"body\"\n id=\"fakeInput\"\n ngbDatepicker\n [formControl]=\"dateControl\"\n [autoClose]=\"'outside'\"\n [footerTemplate]=\"footerTemplate\"\n [minDate]=\"{ year: 1960, month: 1, day: 1 }\"\n #d2=\"ngbDatepicker\" />\n <div class=\"input-group w-100\">\n <input\n type=\"text\"\n readonly\n id=\"inputDateTime\"\n #inputDateTime\n style=\"flex: 1\"\n [class.is-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [disabled]=\"disabled || readonly\"\n class=\"form-control form-control-sm\"\n (blur)=\"onBlur()\"\n (focusout)=\"focusOutInput()\"\n (keyup)=\"onKeyUp($event)\"\n (dblclick)=\"preventDefault($event)\"\n (click)=\"preventDefault($event)\"\n (mouseup)=\"onClick($event, inputDateTime)\"\n [formControl]=\"dateTimeControl\" />\n <div class=\"input-group-append\">\n <button\n #btnOpen\n (keyup.ArrowLeft)=\"goBack()\"\n [disabled]=\"disabled || readonly\"\n (keyup.ArrowRight)=\"clearable ? btnClean.focus() : goNext()\"\n class=\"btn btn-info p-0 rounded-0 use-button\"\n (click)=\"d2.toggle(); open(d2)\"\n type=\"button\">\n <i aria-hidden=\"true\" class=\"fa fa-calendar text-light px-1\"></i>\n </button>\n <button\n #btnClean\n [hidden]=\"!clearable\"\n class=\"btn btn-danger p-0 rounded-0 limpiar\"\n [disabled]=\"disabled || readonly\"\n (click)=\"limpiarTodo()\"\n (keyup.ArrowLeft)=\"btnOpen.focus()\"\n (keyup.ArrowRight)=\"goNext()\"\n type=\"button\">\n <!-- <mat-icon class=\"text-white pt-1\" style=\"font-size: 18px;\" [matTooltip]=\"'Limpiar'\" matTooltipClass=\"bg-danger\">close</mat-icon> -->\n <i aria-hidden=\"true\" class=\"fa fa-times px-1 text-light\"></i>\n </button>\n </div>\n <div class=\"position-absolute container-tooltipmessage\">\n <tooltip-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [tooltipMessage]=\"tooltipMessage\"\n [submitted]=\"submitted\"></tooltip-message>\n </div>\n </div>\n <error-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [tooltipMessage]=\"tooltipMessage\"\n [submitted]=\"submitted\"></error-message>\n <ng-template #footerTemplate>\n <ngb-timepicker [formControl]=\"hoursControl\" [meridian]=\"format == 12 ? true : false\" (focusout)=\"focusOut($event)\"></ngb-timepicker>\n </ng-template>\n </div>\n</div>\n", styles: ["#fakeInput{position:relative;visibility:hidden;padding:0;height:0}#inputDateTime{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control:focus,.form-control:active{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a!important}ngb-timepicker fieldset{width:230px!important}.container-tooltipmessage{width:16px;height:100%;display:flex;align-items:center;z-index:1000;right:68px;top:1px}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.was-validated .form-control:invalid,.form-control.is-invalid{background-image:none;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}\n"] }]
|
|
2356
2356
|
}], ctorParameters: () => [], propDecorators: { inputDateTime: [{
|
|
2357
2357
|
type: ViewChild,
|
|
2358
2358
|
args: ["inputDateTime"]
|
|
@@ -2826,7 +2826,7 @@ class DateTimePickerComponent {
|
|
|
2826
2826
|
I18n,
|
|
2827
2827
|
{ provide: NgbDatepickerI18n, useClass: CustomDatepickerI18n },
|
|
2828
2828
|
{ provide: NgbDateParserFormatter, useClass: CustomDatepickerFormat },
|
|
2829
|
-
], viewQueries: [{ propertyName: "ngbDatepicker", first: true, predicate: ["d"], descendants: true }, { propertyName: "timePicker", first: true, predicate: ["tp"], descendants: true }, { propertyName: "btnOpen", first: true, predicate: ["btnOpen"], descendants: true }, { propertyName: "btnClean", first: true, predicate: ["btnClean"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\
|
|
2829
|
+
], viewQueries: [{ propertyName: "ngbDatepicker", first: true, predicate: ["d"], descendants: true }, { propertyName: "timePicker", first: true, predicate: ["tp"], descendants: true }, { propertyName: "btnOpen", first: true, predicate: ["btnOpen"], descendants: true }, { propertyName: "btnClean", first: true, predicate: ["btnClean"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\n ><span [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">{{ label }}</span>\n <span *ngIf=\"required\" class=\"ms-1\" [class.text-danger]=\"controls?.errors != null\"> *</span>\n <span *ngIf=\"labelInfo\">\n <i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\n </span>\n</label>\n<div\n [class.input-icon]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n class=\"position-relative\"\n [class.right]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\">\n <!-- tooltip-message es el icono de error -->\n\n <tooltip-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [tooltipMessage]=\"tooltipMessage\"\n [submitted]=\"submitted\"></tooltip-message>\n <div class=\"input-group mr-2\">\n <input name=\"input\" type=\"text\" class=\"form-control form-control-sm\" [disabled]=\"true\" [ngModel]=\"input | date: inputDatetimeFormat\" />\n <input\n class=\"form-control form-control-sm\"\n container=\"body\"\n [readonly]=\"true\"\n placeholder=\"dd/mm/yyyy\"\n name=\"dp\"\n [(ngModel)]=\"date\"\n (ngModelChange)=\"onModelDateChange($event)\"\n [autoClose]=\"'outside'\"\n ngbDatepicker\n [footerTemplate]=\"footerTemplate\"\n [minDate]=\"{ year: 1960, month: 1, day: 1 }\"\n #d=\"ngbDatepicker\" />\n <!-- (dateSelect)=\"onDateSelect($event)\" -->\n <div class=\"input-group-append\">\n <button\n #btnOpen\n class=\"btn btn-info p-0 rounded-0 h-100\"\n [disabled]=\"isDisabled || readonly\"\n (click)=\"open(d)\"\n (keyup.ArrowLeft)=\"goBack()\"\n (keyup.ArrowRight)=\"btnClean.focus()\"\n type=\"button\">\n <!-- <mat-icon class=\"text-white pt-1\" style=\"font-size: 18px;\" [matTooltip]=\"'Calendario'\" matTooltipClass=\"bg-info\">calendar_today</mat-icon> -->\n <i aria-hidden=\"true\" class=\"fa fa-calendar text-light px-1\"></i>\n </button>\n <button\n #btnClean\n class=\"btn btn-danger p-0 rounded-0 limpiar h-100\"\n [disabled]=\"isDisabled || readonly\"\n (click)=\"limpiar()\"\n (keyup.ArrowLeft)=\"btnOpen.focus()\"\n (keyup.ArrowRight)=\"goNext()\"\n type=\"button\">\n <!-- <mat-icon class=\"text-white pt-1\" style=\"font-size: 18px;\" [matTooltip]=\"'Limpiar'\" matTooltipClass=\"bg-danger\">close</mat-icon> -->\n <i aria-hidden=\"true\" class=\"fa fa-times px-1 text-light\"></i>\n </button>\n </div>\n </div>\n</div>\n\n<ng-template #footerTemplate>\n <hr class=\"my-0\" />\n <ngb-timepicker #tp [(ngModel)]=\"time\" name=\"timepicker\" (ngModelChange)=\"onModelDateChange($event)\" (focusout)=\"focusOut($event)\">\n </ngb-timepicker>\n</ng-template>\n<!-- error-message es el mansaje que aparece abajo del componente -->\n<error-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [tooltipMessage]=\"tooltipMessage\"\n [submitted]=\"submitted\"></error-message>\n", styles: [".sumax-label{color:#646c9a!important}button[disabled]{pointer-events:none}.input-group i{color:#212529}.input-group input:nth-child(1){position:absolute;width:100%}.input-group input:nth-child(2){position:relative;visibility:hidden}.input-group .input-group-append{background-color:#fff;z-index:1;border-left:1px solid #e2e5ec}.form-control[readonly]{background-color:#f7f8fa;opacity:1}.input-icon tooltip-message{color:#ccc;position:absolute;z-index:3;font-size:16px;text-align:center;right:55px;top:50%;transform:translateY(-50%)}.input-icon.right>.form-control{padding-right:33px;padding-left:12px}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.was-validated .form-control:invalid,.form-control.is-invalid{background-image:none;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.form-control:focus,.form-control:active{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: errorMessageComponent, selector: "error-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "component", type: tooltipMessageComponent, selector: "tooltip-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "directive", type: i1$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i1$1.NgbTimepicker, selector: "ngb-timepicker", inputs: ["meridian", "spinners", "seconds", "hourStep", "minuteStep", "secondStep", "readonlyInputs", "size"], exportAs: ["ngbTimepicker"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2830
2830
|
}
|
|
2831
2831
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DateTimePickerComponent, decorators: [{
|
|
2832
2832
|
type: Component,
|
|
@@ -2844,7 +2844,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
2844
2844
|
I18n,
|
|
2845
2845
|
{ provide: NgbDatepickerI18n, useClass: CustomDatepickerI18n },
|
|
2846
2846
|
{ provide: NgbDateParserFormatter, useClass: CustomDatepickerFormat },
|
|
2847
|
-
], template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\
|
|
2847
|
+
], template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\n ><span [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">{{ label }}</span>\n <span *ngIf=\"required\" class=\"ms-1\" [class.text-danger]=\"controls?.errors != null\"> *</span>\n <span *ngIf=\"labelInfo\">\n <i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\n </span>\n</label>\n<div\n [class.input-icon]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n class=\"position-relative\"\n [class.right]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\">\n <!-- tooltip-message es el icono de error -->\n\n <tooltip-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [tooltipMessage]=\"tooltipMessage\"\n [submitted]=\"submitted\"></tooltip-message>\n <div class=\"input-group mr-2\">\n <input name=\"input\" type=\"text\" class=\"form-control form-control-sm\" [disabled]=\"true\" [ngModel]=\"input | date: inputDatetimeFormat\" />\n <input\n class=\"form-control form-control-sm\"\n container=\"body\"\n [readonly]=\"true\"\n placeholder=\"dd/mm/yyyy\"\n name=\"dp\"\n [(ngModel)]=\"date\"\n (ngModelChange)=\"onModelDateChange($event)\"\n [autoClose]=\"'outside'\"\n ngbDatepicker\n [footerTemplate]=\"footerTemplate\"\n [minDate]=\"{ year: 1960, month: 1, day: 1 }\"\n #d=\"ngbDatepicker\" />\n <!-- (dateSelect)=\"onDateSelect($event)\" -->\n <div class=\"input-group-append\">\n <button\n #btnOpen\n class=\"btn btn-info p-0 rounded-0 h-100\"\n [disabled]=\"isDisabled || readonly\"\n (click)=\"open(d)\"\n (keyup.ArrowLeft)=\"goBack()\"\n (keyup.ArrowRight)=\"btnClean.focus()\"\n type=\"button\">\n <!-- <mat-icon class=\"text-white pt-1\" style=\"font-size: 18px;\" [matTooltip]=\"'Calendario'\" matTooltipClass=\"bg-info\">calendar_today</mat-icon> -->\n <i aria-hidden=\"true\" class=\"fa fa-calendar text-light px-1\"></i>\n </button>\n <button\n #btnClean\n class=\"btn btn-danger p-0 rounded-0 limpiar h-100\"\n [disabled]=\"isDisabled || readonly\"\n (click)=\"limpiar()\"\n (keyup.ArrowLeft)=\"btnOpen.focus()\"\n (keyup.ArrowRight)=\"goNext()\"\n type=\"button\">\n <!-- <mat-icon class=\"text-white pt-1\" style=\"font-size: 18px;\" [matTooltip]=\"'Limpiar'\" matTooltipClass=\"bg-danger\">close</mat-icon> -->\n <i aria-hidden=\"true\" class=\"fa fa-times px-1 text-light\"></i>\n </button>\n </div>\n </div>\n</div>\n\n<ng-template #footerTemplate>\n <hr class=\"my-0\" />\n <ngb-timepicker #tp [(ngModel)]=\"time\" name=\"timepicker\" (ngModelChange)=\"onModelDateChange($event)\" (focusout)=\"focusOut($event)\">\n </ngb-timepicker>\n</ng-template>\n<!-- error-message es el mansaje que aparece abajo del componente -->\n<error-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [tooltipMessage]=\"tooltipMessage\"\n [submitted]=\"submitted\"></error-message>\n", styles: [".sumax-label{color:#646c9a!important}button[disabled]{pointer-events:none}.input-group i{color:#212529}.input-group input:nth-child(1){position:absolute;width:100%}.input-group input:nth-child(2){position:relative;visibility:hidden}.input-group .input-group-append{background-color:#fff;z-index:1;border-left:1px solid #e2e5ec}.form-control[readonly]{background-color:#f7f8fa;opacity:1}.input-icon tooltip-message{color:#ccc;position:absolute;z-index:3;font-size:16px;text-align:center;right:55px;top:50%;transform:translateY(-50%)}.input-icon.right>.form-control{padding-right:33px;padding-left:12px}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.was-validated .form-control:invalid,.form-control.is-invalid{background-image:none;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.form-control:focus,.form-control:active{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a!important}\n"] }]
|
|
2848
2848
|
}], ctorParameters: () => [{ type: i1$1.NgbCalendar }, { type: i1.DatePipe }, { type: DateTimePickerService }, { type: i0.Renderer2 }], propDecorators: { inputDatetimeFormat: [{
|
|
2849
2849
|
type: Input
|
|
2850
2850
|
}], label: [{
|
|
@@ -3389,7 +3389,7 @@ class InputNumberComponent {
|
|
|
3389
3389
|
useExisting: forwardRef(() => InputNumberComponent),
|
|
3390
3390
|
multi: true
|
|
3391
3391
|
}
|
|
3392
|
-
], viewQueries: [{ propertyName: "inputText", first: true, predicate: ["inputText"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\
|
|
3392
|
+
], viewQueries: [{ propertyName: "inputText", first: true, predicate: ["inputText"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\n\t><span [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">{{ label }}</span>\n\t<span *ngIf=\"required\" class=\"ms-1\" [class.text-danger]=\"controls?.errors != null\"> *</span>\n\t<span *ngIf=\"labelInfo\">\n\t\t<i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\n\t</span>\n</label>\n<div\n\t[class.input-icon]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n\t[class.right]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n>\n\t<div class=\"d-flex\">\n\t\t<div class=\"w-100 position-relative\">\n\t\t\t<tooltip-message\n\t\t\t\t[label]=\"label\"\n\t\t\t\t[controls]=\"controls\"\n\t\t\t\t[validatorMessage]=\"validatorMessage\"\n\t\t\t\t[tooltipMessage]=\"tooltipMessage\"\n\t\t\t\t[submitted]=\"submitted\"\n\t\t\t></tooltip-message>\n\t\t\t<input\n\t\t\t\t#inputText\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"form-control form-control-sm text-end\"\n\t\t\t\t[class.is-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n\t\t\t\t[(ngModel)]=\"value\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[readonly]=\"readonly\"\n\t\t\t\t[mask]=\"format\"\n\t\t\t\t[thousandSeparator]=\"disableThousandSeparator ? '' : ','\"\n\t\t\t\t(blur)=\"onBlur($any($event.target).value)\"\n\t\t\t\t(input)=\"onInput($any($event.target).value)\"\n\t\t\t\t(focusout)=\"onFocusOut($any($event.target).value)\"\n\t\t\t\t[attr.autocomplete]=\"autocomplete\"\n\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t(focus)=\"onFocus($any($event.target).value)\"\n\t\t\t\t[attr.maxLength]=\"maxLength\"\n\t\t\t\t(keyup.enter)=\"enterKeyUp()\"\n\t\t\t\t(keyup.ArrowUp)=\"arrowUpKeyUp()\"\n\t\t\t\t[ngClass]=\"setNgClass\"\n\t\t\t\t[class.bold]=\"bold\"\n\t\t\t\t[allowNegativeNumbers]=\"allowNegativeNumbers\"\n\t\t\t\t[leadZero]=\"!allowNegativeNumbers\"\n\t\t\t/>\n\t\t</div>\n\t\t<div class=\"bd-highlight\" *ngIf=\"btnEnable\">\n\t\t\t<button type=\"button\" class=\"btn btn-info p-0 rounded-0 h-100\" (click)=\"clickEnable()\">\n\t\t\t\t<i class=\"fa fa-check text-white px-1\" [matTooltip]=\"'Habilitar'\" matTooltipClass=\"bg-info\"></i>\n\t\t\t</button>\n\t\t</div>\n\t\t<ng-content select=\"[more-buttons]\"></ng-content>\n\t</div>\n</div>\n<error-message\n\t[label]=\"label\"\n\t[controls]=\"controls\"\n\t[validatorMessage]=\"validatorMessage\"\n\t[tooltipMessage]=\"tooltipMessage\"\n\t[submitted]=\"submitted\"\n></error-message>\n", styles: [".sumax-label{color:#646c9a!important}.input-icon tooltip-message{color:#ccc;position:absolute;z-index:3;width:16px;font-size:16px;text-align:center;right:10px;top:50%;transform:translateY(-50%)}.input-icon.right>.form-control{padding-right:33px;padding-left:12px}.bold{color:#000;font-weight:700}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.was-validated .form-control:invalid,.form-control.is-invalid{background-image:none;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.form-control:focus,.form-control:active{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: errorMessageComponent, selector: "error-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "component", type: tooltipMessageComponent, selector: "tooltip-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i8.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }] }); }
|
|
3393
3393
|
}
|
|
3394
3394
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InputNumberComponent, decorators: [{
|
|
3395
3395
|
type: Component,
|
|
@@ -3404,7 +3404,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
3404
3404
|
useExisting: forwardRef(() => InputNumberComponent),
|
|
3405
3405
|
multi: true
|
|
3406
3406
|
}
|
|
3407
|
-
], template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\
|
|
3407
|
+
], template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\n\t><span [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">{{ label }}</span>\n\t<span *ngIf=\"required\" class=\"ms-1\" [class.text-danger]=\"controls?.errors != null\"> *</span>\n\t<span *ngIf=\"labelInfo\">\n\t\t<i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\n\t</span>\n</label>\n<div\n\t[class.input-icon]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n\t[class.right]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n>\n\t<div class=\"d-flex\">\n\t\t<div class=\"w-100 position-relative\">\n\t\t\t<tooltip-message\n\t\t\t\t[label]=\"label\"\n\t\t\t\t[controls]=\"controls\"\n\t\t\t\t[validatorMessage]=\"validatorMessage\"\n\t\t\t\t[tooltipMessage]=\"tooltipMessage\"\n\t\t\t\t[submitted]=\"submitted\"\n\t\t\t></tooltip-message>\n\t\t\t<input\n\t\t\t\t#inputText\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"form-control form-control-sm text-end\"\n\t\t\t\t[class.is-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n\t\t\t\t[(ngModel)]=\"value\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[readonly]=\"readonly\"\n\t\t\t\t[mask]=\"format\"\n\t\t\t\t[thousandSeparator]=\"disableThousandSeparator ? '' : ','\"\n\t\t\t\t(blur)=\"onBlur($any($event.target).value)\"\n\t\t\t\t(input)=\"onInput($any($event.target).value)\"\n\t\t\t\t(focusout)=\"onFocusOut($any($event.target).value)\"\n\t\t\t\t[attr.autocomplete]=\"autocomplete\"\n\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t(focus)=\"onFocus($any($event.target).value)\"\n\t\t\t\t[attr.maxLength]=\"maxLength\"\n\t\t\t\t(keyup.enter)=\"enterKeyUp()\"\n\t\t\t\t(keyup.ArrowUp)=\"arrowUpKeyUp()\"\n\t\t\t\t[ngClass]=\"setNgClass\"\n\t\t\t\t[class.bold]=\"bold\"\n\t\t\t\t[allowNegativeNumbers]=\"allowNegativeNumbers\"\n\t\t\t\t[leadZero]=\"!allowNegativeNumbers\"\n\t\t\t/>\n\t\t</div>\n\t\t<div class=\"bd-highlight\" *ngIf=\"btnEnable\">\n\t\t\t<button type=\"button\" class=\"btn btn-info p-0 rounded-0 h-100\" (click)=\"clickEnable()\">\n\t\t\t\t<i class=\"fa fa-check text-white px-1\" [matTooltip]=\"'Habilitar'\" matTooltipClass=\"bg-info\"></i>\n\t\t\t</button>\n\t\t</div>\n\t\t<ng-content select=\"[more-buttons]\"></ng-content>\n\t</div>\n</div>\n<error-message\n\t[label]=\"label\"\n\t[controls]=\"controls\"\n\t[validatorMessage]=\"validatorMessage\"\n\t[tooltipMessage]=\"tooltipMessage\"\n\t[submitted]=\"submitted\"\n></error-message>\n", styles: [".sumax-label{color:#646c9a!important}.input-icon tooltip-message{color:#ccc;position:absolute;z-index:3;width:16px;font-size:16px;text-align:center;right:10px;top:50%;transform:translateY(-50%)}.input-icon.right>.form-control{padding-right:33px;padding-left:12px}.bold{color:#000;font-weight:700}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.was-validated .form-control:invalid,.form-control.is-invalid{background-image:none;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.form-control:focus,.form-control:active{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a!important}\n"] }]
|
|
3408
3408
|
}], ctorParameters: () => [{ type: MessageUtilService }, { type: InputNumberService }, { type: i0.Renderer2 }], propDecorators: { showLabel: [{
|
|
3409
3409
|
type: Input
|
|
3410
3410
|
}], label: [{
|
|
@@ -3992,7 +3992,7 @@ class InputTextComponent {
|
|
|
3992
3992
|
useExisting: forwardRef(() => InputTextComponent),
|
|
3993
3993
|
multi: true,
|
|
3994
3994
|
},
|
|
3995
|
-
], viewQueries: [{ propertyName: "_inputText", first: true, predicate: ["inputText"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\
|
|
3995
|
+
], viewQueries: [{ propertyName: "_inputText", first: true, predicate: ["inputText"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\n ><span [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">{{ label }}</span>\n <span *ngIf=\"required\" class=\"ml-1\" [class.text-danger]=\"controls?.errors != null\"> *</span>\n <span *ngIf=\"labelInfo\">\n <i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\n </span>\n</label>\n<div\n [class.input-icon]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.right]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\">\n <div class=\"d-flex\">\n <div class=\"w-100 position-relative\">\n <tooltip-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [submitted]=\"submitted\"\n [tooltipMessage]=\"tooltipMessage\"></tooltip-message>\n\n <input\n *ngIf=\"inputMask != null\"\n #inputText\n type=\"text\"\n class=\"form-control form-control-sm\"\n [class.text-uppercase]=\"format === 'M'\"\n [class.text-lowercase]=\"format === 'm'\"\n [class.text-end]=\"textRight\"\n [attr.autocomplete]=\"autocomplete\"\n [placeholder]=\"placeholder\"\n [class.is-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [mask]=\"inputMask\"\n [showMaskTyped]=\"showMaskTyped\"\n [patterns]=\"patterns\"\n (blur)=\"onBlur($any($event.target).value)\"\n (input)=\"onInput($any($event.target).value)\"\n (focusout)=\"onFocusOut($any($event.target).value)\"\n (focus)=\"onFocus($any($event.target).value)\"\n (keyup.enter)=\"enterKeyUp()\"\n (keyup.ArrowUp)=\"arrowUpKeyUp()\"\n [ngClass]=\"setNgClass\"\n [(ngModel)]=\"value\"\n [class.bold]=\"bold\" />\n <input\n *ngIf=\"inputMask == null\"\n #inputText\n [type]=\"type === 'password' ? (showPassword ? 'text' : 'password') : type\"\n class=\"form-control form-control-sm\"\n [class.text-uppercase]=\"format === 'M'\"\n [class.text-lowercase]=\"format === 'm'\"\n [class.text-end]=\"textRight\"\n [attr.autocomplete]=\"autocomplete\"\n [placeholder]=\"placeholder\"\n [class.is-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [attr.maxLength]=\"maxLength\"\n (blur)=\"onBlur($any($event.target).value)\"\n (input)=\"onInput($any($event.target).value)\"\n (focusout)=\"onFocusOut($any($event.target).value)\"\n (focus)=\"onFocus($any($event.target).value)\"\n (keyup.enter)=\"enterKeyUp()\"\n (keyup.ArrowUp)=\"arrowUpKeyUp()\"\n [ngClass]=\"setNgClass\"\n [(ngModel)]=\"value\"\n [class.bold]=\"bold\" />\n </div>\n <div class=\"bd-highlight\" *ngIf=\"type === 'password'\">\n <button type=\"button\" class=\"btn btn-info p-0 rounded-0 h-100\" (click)=\"clickShowPassword()\">\n <i\n [class.fa-eye]=\"showPassword\"\n [class.fa-eye-slash]=\"!showPassword\"\n class=\"far px-1\"\n [matTooltip]=\"!showPassword ? 'Mostrar' : 'Ocultar'\"\n matTooltipClass=\"bg-info\"></i>\n </button>\n </div>\n <div class=\"bd-highlight\" *ngIf=\"btnEnable\">\n <button type=\"button\" class=\"btn btn-info p-0 rounded-0 h-100\" (click)=\"clickEnable()\">\n <i class=\"fa fa-check text-white px-1\" [matTooltip]=\"'Habilitar'\" matTooltipClass=\"bg-info\"></i>\n </button>\n </div>\n <ng-content select=\"[more-buttons]\"></ng-content>\n </div>\n</div>\n<error-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [submitted]=\"submitted\"\n [tooltipMessage]=\"tooltipMessage\"></error-message>\n", styles: [".sumax-label{color:#646c9a!important}.btn-password{position:absolute;right:.3em;top:50%;transform:translateY(-50%);font-size:.8em;border:0;outline:0;border-radius:50%}.input-icon tooltip-message{color:#ccc;position:absolute;z-index:3;font-size:16px;text-align:center;right:10px;top:50%;transform:translateY(-50%)}.input-icon.right>.form-control{padding-right:33px;padding-left:12px}.bold{color:#000;font-weight:700}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.was-validated .form-control:invalid,.form-control.is-invalid{background-image:none;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.form-control:focus,.form-control:active{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: errorMessageComponent, selector: "error-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "component", type: tooltipMessageComponent, selector: "tooltip-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i8.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }] }); }
|
|
3996
3996
|
}
|
|
3997
3997
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
3998
3998
|
type: Component,
|
|
@@ -4007,7 +4007,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
4007
4007
|
useExisting: forwardRef(() => InputTextComponent),
|
|
4008
4008
|
multi: true,
|
|
4009
4009
|
},
|
|
4010
|
-
], template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\
|
|
4010
|
+
], template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\n ><span [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">{{ label }}</span>\n <span *ngIf=\"required\" class=\"ml-1\" [class.text-danger]=\"controls?.errors != null\"> *</span>\n <span *ngIf=\"labelInfo\">\n <i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\n </span>\n</label>\n<div\n [class.input-icon]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.right]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\">\n <div class=\"d-flex\">\n <div class=\"w-100 position-relative\">\n <tooltip-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [submitted]=\"submitted\"\n [tooltipMessage]=\"tooltipMessage\"></tooltip-message>\n\n <input\n *ngIf=\"inputMask != null\"\n #inputText\n type=\"text\"\n class=\"form-control form-control-sm\"\n [class.text-uppercase]=\"format === 'M'\"\n [class.text-lowercase]=\"format === 'm'\"\n [class.text-end]=\"textRight\"\n [attr.autocomplete]=\"autocomplete\"\n [placeholder]=\"placeholder\"\n [class.is-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [mask]=\"inputMask\"\n [showMaskTyped]=\"showMaskTyped\"\n [patterns]=\"patterns\"\n (blur)=\"onBlur($any($event.target).value)\"\n (input)=\"onInput($any($event.target).value)\"\n (focusout)=\"onFocusOut($any($event.target).value)\"\n (focus)=\"onFocus($any($event.target).value)\"\n (keyup.enter)=\"enterKeyUp()\"\n (keyup.ArrowUp)=\"arrowUpKeyUp()\"\n [ngClass]=\"setNgClass\"\n [(ngModel)]=\"value\"\n [class.bold]=\"bold\" />\n <input\n *ngIf=\"inputMask == null\"\n #inputText\n [type]=\"type === 'password' ? (showPassword ? 'text' : 'password') : type\"\n class=\"form-control form-control-sm\"\n [class.text-uppercase]=\"format === 'M'\"\n [class.text-lowercase]=\"format === 'm'\"\n [class.text-end]=\"textRight\"\n [attr.autocomplete]=\"autocomplete\"\n [placeholder]=\"placeholder\"\n [class.is-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [attr.maxLength]=\"maxLength\"\n (blur)=\"onBlur($any($event.target).value)\"\n (input)=\"onInput($any($event.target).value)\"\n (focusout)=\"onFocusOut($any($event.target).value)\"\n (focus)=\"onFocus($any($event.target).value)\"\n (keyup.enter)=\"enterKeyUp()\"\n (keyup.ArrowUp)=\"arrowUpKeyUp()\"\n [ngClass]=\"setNgClass\"\n [(ngModel)]=\"value\"\n [class.bold]=\"bold\" />\n </div>\n <div class=\"bd-highlight\" *ngIf=\"type === 'password'\">\n <button type=\"button\" class=\"btn btn-info p-0 rounded-0 h-100\" (click)=\"clickShowPassword()\">\n <i\n [class.fa-eye]=\"showPassword\"\n [class.fa-eye-slash]=\"!showPassword\"\n class=\"far px-1\"\n [matTooltip]=\"!showPassword ? 'Mostrar' : 'Ocultar'\"\n matTooltipClass=\"bg-info\"></i>\n </button>\n </div>\n <div class=\"bd-highlight\" *ngIf=\"btnEnable\">\n <button type=\"button\" class=\"btn btn-info p-0 rounded-0 h-100\" (click)=\"clickEnable()\">\n <i class=\"fa fa-check text-white px-1\" [matTooltip]=\"'Habilitar'\" matTooltipClass=\"bg-info\"></i>\n </button>\n </div>\n <ng-content select=\"[more-buttons]\"></ng-content>\n </div>\n</div>\n<error-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [submitted]=\"submitted\"\n [tooltipMessage]=\"tooltipMessage\"></error-message>\n", styles: [".sumax-label{color:#646c9a!important}.btn-password{position:absolute;right:.3em;top:50%;transform:translateY(-50%);font-size:.8em;border:0;outline:0;border-radius:50%}.input-icon tooltip-message{color:#ccc;position:absolute;z-index:3;font-size:16px;text-align:center;right:10px;top:50%;transform:translateY(-50%)}.input-icon.right>.form-control{padding-right:33px;padding-left:12px}.bold{color:#000;font-weight:700}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.was-validated .form-control:invalid,.form-control.is-invalid{background-image:none;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.form-control:focus,.form-control:active{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a!important}\n"] }]
|
|
4011
4011
|
}], ctorParameters: () => [{ type: MessageUtilService }, { type: InputTextService }, { type: i0.Renderer2 }], propDecorators: { format: [{
|
|
4012
4012
|
type: Input
|
|
4013
4013
|
}], type: [{
|
|
@@ -4750,7 +4750,7 @@ class NgSelectMultipleComponent {
|
|
|
4750
4750
|
useExisting: forwardRef(() => NgSelectMultipleComponent),
|
|
4751
4751
|
multi: true,
|
|
4752
4752
|
}
|
|
4753
|
-
], viewQueries: [{ propertyName: "ngSelectMultiple", first: true, predicate: ["ngSelectMultiple"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\
|
|
4753
|
+
], viewQueries: [{ propertyName: "ngSelectMultiple", first: true, predicate: ["ngSelectMultiple"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\n ><span [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">{{ label }}</span>\n <span *ngIf=\"required\" class=\"ml-1\" [class.text-danger]=\"controls?.errors != null\"> *</span>\n <span *ngIf=\"labelInfo\">\n <i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\n </span>\n</label>\n\n<div\n [class.input-icon]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.refresh]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted && refresh\"\n [class.right]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\">\n <div class=\"d-flex\">\n <div class=\"position-relative\" [class.app-ng-selec-container]=\"refresh\" [class.w-100]=\"!refresh\">\n <!-- tooltip-message es el icono de error -->\n <tooltip-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [submitted]=\"submitted\"\n [tooltipMessage]=\"tooltipMessage\"></tooltip-message>\n <ng-select\n #ngSelectMultiple\n [class]=\"refresh ? 'app-ng-select' : 'w-100'\"\n [items]=\"$any(checkIfObservable(items) ? (items | async) : items)\"\n [(ngModel)]=\"_value\"\n [readonly]=\"disabled || readonly\"\n (change)=\"eventChange($event)\"\n (focus)=\"eventFocus($event)\"\n (blur)=\"eventBlur($event)\"\n (open)=\"handleDropdownOpen()\"\n (close)=\"handleDropdownClose()\"\n [virtualScroll]=\"virtualScroll\"\n [multiple]=\"true\"\n placeholder=\"Seleccionar\"\n [closeOnSelect]=\"false\"\n [appendTo]=\"appendTo\"\n [inputAttrs]=\"{ autocomplete: autocomplete }\"\n [markFirst]=\"markFirst\"\n (keyup.ArrowLeft)=\"leftKeyUp()\"\n (keyup.ArrowRight)=\"rightKeyUp()\"\n [loading]=\"loading\"\n [loadingText]=\"loadingText\"\n [clearSearchOnAdd]=\"true\"\n [class.ng-select-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.ng-select-touched]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\">\n <ng-template ng-header-tmp *ngIf=\"Header\">\n <mat-checkbox\n class=\"ng-multiselect-checkbox\"\n [color]=\"'primary'\"\n [(ngModel)]=\"checkedAll\"\n [indeterminate]=\"checkedIndeterminate\"\n (change)=\"selectAll($event)\">\n <span *ngIf=\"!checkedAll\">{{ Language.SelectAll }}</span>\n <span *ngIf=\"checkedAll\">{{ Language.UnselectAll }}</span>\n </mat-checkbox>\n </ng-template>\n\n <ng-template\n ng-multi-label-tmp\n let-items=\"items\"\n let-clear=\"clear\"\n *ngIf=\"$any(checkIfObservable(items) ? (items | async) : items)?.length != _value.length\">\n <div class=\"ng-value\" *ngFor=\"let item of items | slice: 0 : showlimit\">\n <span class=\"ng-value-label\"> {{ $any(item).label }}</span>\n <span class=\"ng-value-icon right\" (click)=\"clear(item)\" aria-hidden=\"true\">\u00D7</span>\n </div>\n <div class=\"ng-value\" *ngIf=\"items.length > showlimit\">\n <span class=\"ng-value-label\">+{{ items.length - showlimit }}</span>\n </div>\n </ng-template>\n\n <ng-template ng-option-tmp let-item=\"item\" let-item$=\"item$\" let-index=\"index\">\n <mat-checkbox class=\"ng-multiselect-checkbox\" id=\"item-{{ index }}\" color=\"primary\" [checked]=\"item$.selected\">\n <span data-toggle=\"tooltip\" title=\"{{ item.label }}\">{{ item.label }}</span>\n </mat-checkbox>\n </ng-template>\n\n <ng-template\n ng-multi-label-tmp\n let-items=\"items\"\n let-clear=\"clear\"\n *ngIf=\"$any(checkIfObservable(items) ? (items | async) : items)?.length == _value.length\">\n <div class=\"ng-value\">\n <span class=\"ng-value-label\">{{ Language.All }}</span>\n </div>\n </ng-template>\n\n <ng-template ng-footer-tmp *ngIf=\"Footer\"> {{ Language.Selected }}: {{ _value.length }} </ng-template>\n </ng-select>\n </div>\n <div class=\"app-ng-select-button bd-highlight\" *ngIf=\"refresh\">\n <button\n *ngIf=\"refresh\"\n type=\"button\"\n [disabled]=\"disabled || readonly\"\n class=\"btn btn-info p-0 rounded-0 h-100\"\n (click)=\"onRefresh()\">\n <!-- <mat-icon class=\"text-white pt-1\" style=\"font-size: 18px;\" [matTooltip]=\"'Refrescar'\" matTooltipClass=\"bg-info\">refresh</mat-icon> -->\n <i class=\"fa fa-refresh text-white px-1\" [matTooltip]=\"'Refrescar'\" matTooltipClass=\"bg-info\"></i>\n </button>\n </div>\n <ng-content select=\"[more-buttons]\"></ng-content>\n </div>\n</div>\n\n<!-- error-message es el mansaje que aparece abajo del componente -->\n<error-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [tooltipMessage]=\"tooltipMessage\"\n [submitted]=\"submitted\"></error-message>\n", styles: ["ng-select-simple{display:block}.sumax-label{color:#646c9a!important}.input-icon tooltip-message{color:#ccc;position:absolute;z-index:3;font-size:16px;text-align:center;right:9px;top:50%;transform:translateY(-50%)}.input-icon.right>.form-control{padding-right:33px;padding-left:12px}.upperCase .ng-select-container .ng-value-container .ng-input>input{text-transform:uppercase}.app-ng-select-button{width:34px}.app-ng-select-button button{width:100%}.app-ng-selec-container{width:calc(100% - 34px)}.app-ng-select-action{width:20%}.app-ng-select-action button{width:50%}.overflow-box{padding:5px;height:100px;border:1px solid #999;overflow:hidden}.ng-dropdown-panel{width:auto!important;max-width:550px;min-width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: errorMessageComponent, selector: "error-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "component", type: tooltipMessageComponent, selector: "tooltip-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "component", type: i7$1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i7$1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i7$1.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: i7$1.NgHeaderTemplateDirective, selector: "[ng-header-tmp]" }, { kind: "directive", type: i7$1.NgFooterTemplateDirective, selector: "[ng-footer-tmp]" }, { kind: "component", type: i8$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }] }); }
|
|
4754
4754
|
}
|
|
4755
4755
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: NgSelectMultipleComponent, decorators: [{
|
|
4756
4756
|
type: Component,
|
|
@@ -4765,7 +4765,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
4765
4765
|
useExisting: forwardRef(() => NgSelectMultipleComponent),
|
|
4766
4766
|
multi: true,
|
|
4767
4767
|
}
|
|
4768
|
-
], template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\
|
|
4768
|
+
], template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\n ><span [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">{{ label }}</span>\n <span *ngIf=\"required\" class=\"ml-1\" [class.text-danger]=\"controls?.errors != null\"> *</span>\n <span *ngIf=\"labelInfo\">\n <i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\n </span>\n</label>\n\n<div\n [class.input-icon]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.refresh]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted && refresh\"\n [class.right]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\">\n <div class=\"d-flex\">\n <div class=\"position-relative\" [class.app-ng-selec-container]=\"refresh\" [class.w-100]=\"!refresh\">\n <!-- tooltip-message es el icono de error -->\n <tooltip-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [submitted]=\"submitted\"\n [tooltipMessage]=\"tooltipMessage\"></tooltip-message>\n <ng-select\n #ngSelectMultiple\n [class]=\"refresh ? 'app-ng-select' : 'w-100'\"\n [items]=\"$any(checkIfObservable(items) ? (items | async) : items)\"\n [(ngModel)]=\"_value\"\n [readonly]=\"disabled || readonly\"\n (change)=\"eventChange($event)\"\n (focus)=\"eventFocus($event)\"\n (blur)=\"eventBlur($event)\"\n (open)=\"handleDropdownOpen()\"\n (close)=\"handleDropdownClose()\"\n [virtualScroll]=\"virtualScroll\"\n [multiple]=\"true\"\n placeholder=\"Seleccionar\"\n [closeOnSelect]=\"false\"\n [appendTo]=\"appendTo\"\n [inputAttrs]=\"{ autocomplete: autocomplete }\"\n [markFirst]=\"markFirst\"\n (keyup.ArrowLeft)=\"leftKeyUp()\"\n (keyup.ArrowRight)=\"rightKeyUp()\"\n [loading]=\"loading\"\n [loadingText]=\"loadingText\"\n [clearSearchOnAdd]=\"true\"\n [class.ng-select-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.ng-select-touched]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\">\n <ng-template ng-header-tmp *ngIf=\"Header\">\n <mat-checkbox\n class=\"ng-multiselect-checkbox\"\n [color]=\"'primary'\"\n [(ngModel)]=\"checkedAll\"\n [indeterminate]=\"checkedIndeterminate\"\n (change)=\"selectAll($event)\">\n <span *ngIf=\"!checkedAll\">{{ Language.SelectAll }}</span>\n <span *ngIf=\"checkedAll\">{{ Language.UnselectAll }}</span>\n </mat-checkbox>\n </ng-template>\n\n <ng-template\n ng-multi-label-tmp\n let-items=\"items\"\n let-clear=\"clear\"\n *ngIf=\"$any(checkIfObservable(items) ? (items | async) : items)?.length != _value.length\">\n <div class=\"ng-value\" *ngFor=\"let item of items | slice: 0 : showlimit\">\n <span class=\"ng-value-label\"> {{ $any(item).label }}</span>\n <span class=\"ng-value-icon right\" (click)=\"clear(item)\" aria-hidden=\"true\">\u00D7</span>\n </div>\n <div class=\"ng-value\" *ngIf=\"items.length > showlimit\">\n <span class=\"ng-value-label\">+{{ items.length - showlimit }}</span>\n </div>\n </ng-template>\n\n <ng-template ng-option-tmp let-item=\"item\" let-item$=\"item$\" let-index=\"index\">\n <mat-checkbox class=\"ng-multiselect-checkbox\" id=\"item-{{ index }}\" color=\"primary\" [checked]=\"item$.selected\">\n <span data-toggle=\"tooltip\" title=\"{{ item.label }}\">{{ item.label }}</span>\n </mat-checkbox>\n </ng-template>\n\n <ng-template\n ng-multi-label-tmp\n let-items=\"items\"\n let-clear=\"clear\"\n *ngIf=\"$any(checkIfObservable(items) ? (items | async) : items)?.length == _value.length\">\n <div class=\"ng-value\">\n <span class=\"ng-value-label\">{{ Language.All }}</span>\n </div>\n </ng-template>\n\n <ng-template ng-footer-tmp *ngIf=\"Footer\"> {{ Language.Selected }}: {{ _value.length }} </ng-template>\n </ng-select>\n </div>\n <div class=\"app-ng-select-button bd-highlight\" *ngIf=\"refresh\">\n <button\n *ngIf=\"refresh\"\n type=\"button\"\n [disabled]=\"disabled || readonly\"\n class=\"btn btn-info p-0 rounded-0 h-100\"\n (click)=\"onRefresh()\">\n <!-- <mat-icon class=\"text-white pt-1\" style=\"font-size: 18px;\" [matTooltip]=\"'Refrescar'\" matTooltipClass=\"bg-info\">refresh</mat-icon> -->\n <i class=\"fa fa-refresh text-white px-1\" [matTooltip]=\"'Refrescar'\" matTooltipClass=\"bg-info\"></i>\n </button>\n </div>\n <ng-content select=\"[more-buttons]\"></ng-content>\n </div>\n</div>\n\n<!-- error-message es el mansaje que aparece abajo del componente -->\n<error-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [tooltipMessage]=\"tooltipMessage\"\n [submitted]=\"submitted\"></error-message>\n", styles: ["ng-select-simple{display:block}.sumax-label{color:#646c9a!important}.input-icon tooltip-message{color:#ccc;position:absolute;z-index:3;font-size:16px;text-align:center;right:9px;top:50%;transform:translateY(-50%)}.input-icon.right>.form-control{padding-right:33px;padding-left:12px}.upperCase .ng-select-container .ng-value-container .ng-input>input{text-transform:uppercase}.app-ng-select-button{width:34px}.app-ng-select-button button{width:100%}.app-ng-selec-container{width:calc(100% - 34px)}.app-ng-select-action{width:20%}.app-ng-select-action button{width:50%}.overflow-box{padding:5px;height:100px;border:1px solid #999;overflow:hidden}.ng-dropdown-panel{width:auto!important;max-width:550px;min-width:100%}\n"] }]
|
|
4769
4769
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: MessageUtilService }, { type: NgSelectMultipleService }, { type: i0.NgZone }], propDecorators: { ngSelectMultiple: [{
|
|
4770
4770
|
type: ViewChild,
|
|
4771
4771
|
args: ['ngSelectMultiple']
|
|
@@ -4974,13 +4974,13 @@ class ScAgGridPaginationComponent {
|
|
|
4974
4974
|
}
|
|
4975
4975
|
}
|
|
4976
4976
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScAgGridPaginationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4977
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScAgGridPaginationComponent, selector: "sc-ag-grid-pagination", inputs: { paginationPageSize: "paginationPageSize", gridApi: "gridApi", pageSizeOptions: "pageSizeOptions" }, host: { properties: { "id": "idScAgGridPaginationComponent" } }, ngImport: i0, template: "<div\
|
|
4977
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScAgGridPaginationComponent, selector: "sc-ag-grid-pagination", inputs: { paginationPageSize: "paginationPageSize", gridApi: "gridApi", pageSizeOptions: "pageSizeOptions" }, host: { properties: { "id": "idScAgGridPaginationComponent" } }, ngImport: i0, template: "<div\n class=\"d-flex mt-2 justify-content-center justify-content-sm-between sc-ag-grid__pagination\"\n>\n <nav class=\"d-flex flex-wrap\" aria-label=\"AgGrid pagination\">\n <ul class=\"pagination p-0 m-0\">\n <li\n class=\"page-item\"\n [ngClass]=\"\n gridApi?.paginationGetCurrentPage() == 0 || pages.length == 0\n ? 'disabled'\n : ''\n \"\n >\n <a class=\"page-link\" (click)=\"onPaginationGoToFirstPage()\"\n ><em class=\"fa fa-angle-double-left\"></em\n ></a>\n </li>\n <li\n class=\"page-item\"\n [ngClass]=\"\n gridApi?.paginationGetCurrentPage() == 0 || pages.length == 0\n ? 'disabled'\n : ''\n \"\n >\n <a class=\"page-link\" (click)=\"onPaginationGoToPreviousPage()\"\n ><em class=\"fa fa-angle-left\"></em\n ></a>\n </li>\n\n <li\n class=\"page-item\"\n *ngFor=\"let page of pages\"\n [ngClass]=\"\n page - 1 == gridApi?.paginationGetCurrentPage() ? 'active' : ''\n \"\n >\n <span\n class=\"page-link\"\n *ngIf=\"page - 1 == gridApi?.paginationGetCurrentPage()\"\n >\n {{ page }}\n </span>\n <a\n class=\"page-link\"\n *ngIf=\"page - 1 != gridApi?.paginationGetCurrentPage()\"\n (click)=\"onPaginationGoToPage(page - 1)\"\n >{{ page }}</a\n >\n </li>\n\n <li\n class=\"page-item\"\n [ngClass]=\"\n gridApi?.paginationGetCurrentPage() ==\n (gridApi?.paginationGetTotalPages() || 1) - 1 || pages.length == 0\n ? 'disabled'\n : ''\n \"\n >\n <a class=\"page-link\" (click)=\"onPaginationGoToNextPage()\"\n ><em class=\"fa fa-angle-right\"></em\n ></a>\n </li>\n <li\n class=\"page-item\"\n [ngClass]=\"\n gridApi?.paginationGetCurrentPage() ==\n (gridApi?.paginationGetTotalPages() || 1) - 1 || pages.length == 0\n ? 'disabled'\n : ''\n \"\n >\n <a class=\"page-link\" (click)=\"onPaginationGoToLastPage()\"\n ><em class=\"fa fa-angle-double-right\"></em\n ></a>\n </li>\n </ul>\n <div class=\"d-flex mx-2 align-items-center input-group-sm\">\n Mostrar\n <select\n [(ngModel)]=\"paginationPageSize\"\n (change)=\"onPageSizeChanged($event)\"\n class=\"custom-select mx-2\"\n >\n <option *ngFor=\"let option of pageSizeOptions\" [value]=\"option\">\n {{ option }}\n </option>\n </select>\n registros\n </div>\n </nav>\n\n <div class=\"d-flex justify-content-end mt-2 mt-sm-0\">\n <div\n class=\"sc-ag-grid__pagination--total d-flex align-items-center flex-nowrap\"\n >\n <span class=\"value\">{{ gridApi?.paginationGetRowCount() }} </span>\n <span class=\"label\">{{\n gridApi?.paginationGetRowCount() ?? 0 > 1 ? \"Registros.\" : \"Registro.\"\n }}</span>\n <span class=\"label\"> Página </span>\n <span class=\"value\">\n {{ (gridApi?.paginationGetCurrentPage() ?? 0) + 1 }}\n </span>\n <span class=\"label\"> de </span>\n <span class=\"value\">\n {{\n gridApi?.paginationGetTotalPages() == 0\n ? 1\n : gridApi?.paginationGetTotalPages() ?? 0\n }}\n </span>\n </div>\n </div>\n</div>\n", styles: [".sc-ag-grid__pagination{margin:0;padding:0}.sc-ag-grid__pagination--total{font-size:1rem}.sc-ag-grid__pagination--total span{padding-left:4px;font-size:1rem}.sc-ag-grid__pagination>nav>ul>li>a,.sc-ag-grid__pagination>nav>ul>li>span{font-size:1rem}.sc-ag-grid__pagination>nav>ul>li>a{cursor:pointer}.sc-ag-grid__pagination>nav>ul>li>a>i{margin:0;padding:0}button[disabled]{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
4978
4978
|
}
|
|
4979
4979
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScAgGridPaginationComponent, decorators: [{
|
|
4980
4980
|
type: Component,
|
|
4981
4981
|
args: [{ selector: 'sc-ag-grid-pagination', host: {
|
|
4982
4982
|
'[id]': 'idScAgGridPaginationComponent',
|
|
4983
|
-
}, template: "<div\
|
|
4983
|
+
}, template: "<div\n class=\"d-flex mt-2 justify-content-center justify-content-sm-between sc-ag-grid__pagination\"\n>\n <nav class=\"d-flex flex-wrap\" aria-label=\"AgGrid pagination\">\n <ul class=\"pagination p-0 m-0\">\n <li\n class=\"page-item\"\n [ngClass]=\"\n gridApi?.paginationGetCurrentPage() == 0 || pages.length == 0\n ? 'disabled'\n : ''\n \"\n >\n <a class=\"page-link\" (click)=\"onPaginationGoToFirstPage()\"\n ><em class=\"fa fa-angle-double-left\"></em\n ></a>\n </li>\n <li\n class=\"page-item\"\n [ngClass]=\"\n gridApi?.paginationGetCurrentPage() == 0 || pages.length == 0\n ? 'disabled'\n : ''\n \"\n >\n <a class=\"page-link\" (click)=\"onPaginationGoToPreviousPage()\"\n ><em class=\"fa fa-angle-left\"></em\n ></a>\n </li>\n\n <li\n class=\"page-item\"\n *ngFor=\"let page of pages\"\n [ngClass]=\"\n page - 1 == gridApi?.paginationGetCurrentPage() ? 'active' : ''\n \"\n >\n <span\n class=\"page-link\"\n *ngIf=\"page - 1 == gridApi?.paginationGetCurrentPage()\"\n >\n {{ page }}\n </span>\n <a\n class=\"page-link\"\n *ngIf=\"page - 1 != gridApi?.paginationGetCurrentPage()\"\n (click)=\"onPaginationGoToPage(page - 1)\"\n >{{ page }}</a\n >\n </li>\n\n <li\n class=\"page-item\"\n [ngClass]=\"\n gridApi?.paginationGetCurrentPage() ==\n (gridApi?.paginationGetTotalPages() || 1) - 1 || pages.length == 0\n ? 'disabled'\n : ''\n \"\n >\n <a class=\"page-link\" (click)=\"onPaginationGoToNextPage()\"\n ><em class=\"fa fa-angle-right\"></em\n ></a>\n </li>\n <li\n class=\"page-item\"\n [ngClass]=\"\n gridApi?.paginationGetCurrentPage() ==\n (gridApi?.paginationGetTotalPages() || 1) - 1 || pages.length == 0\n ? 'disabled'\n : ''\n \"\n >\n <a class=\"page-link\" (click)=\"onPaginationGoToLastPage()\"\n ><em class=\"fa fa-angle-double-right\"></em\n ></a>\n </li>\n </ul>\n <div class=\"d-flex mx-2 align-items-center input-group-sm\">\n Mostrar\n <select\n [(ngModel)]=\"paginationPageSize\"\n (change)=\"onPageSizeChanged($event)\"\n class=\"custom-select mx-2\"\n >\n <option *ngFor=\"let option of pageSizeOptions\" [value]=\"option\">\n {{ option }}\n </option>\n </select>\n registros\n </div>\n </nav>\n\n <div class=\"d-flex justify-content-end mt-2 mt-sm-0\">\n <div\n class=\"sc-ag-grid__pagination--total d-flex align-items-center flex-nowrap\"\n >\n <span class=\"value\">{{ gridApi?.paginationGetRowCount() }} </span>\n <span class=\"label\">{{\n gridApi?.paginationGetRowCount() ?? 0 > 1 ? \"Registros.\" : \"Registro.\"\n }}</span>\n <span class=\"label\"> Página </span>\n <span class=\"value\">\n {{ (gridApi?.paginationGetCurrentPage() ?? 0) + 1 }}\n </span>\n <span class=\"label\"> de </span>\n <span class=\"value\">\n {{\n gridApi?.paginationGetTotalPages() == 0\n ? 1\n : gridApi?.paginationGetTotalPages() ?? 0\n }}\n </span>\n </div>\n </div>\n</div>\n", styles: [".sc-ag-grid__pagination{margin:0;padding:0}.sc-ag-grid__pagination--total{font-size:1rem}.sc-ag-grid__pagination--total span{padding-left:4px;font-size:1rem}.sc-ag-grid__pagination>nav>ul>li>a,.sc-ag-grid__pagination>nav>ul>li>span{font-size:1rem}.sc-ag-grid__pagination>nav>ul>li>a{cursor:pointer}.sc-ag-grid__pagination>nav>ul>li>a>i{margin:0;padding:0}button[disabled]{pointer-events:none}\n"] }]
|
|
4984
4984
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { paginationPageSize: [{
|
|
4985
4985
|
type: Input
|
|
4986
4986
|
}], gridApi: [{
|
|
@@ -4998,11 +4998,11 @@ class InputSearchComponent {
|
|
|
4998
4998
|
});
|
|
4999
4999
|
}
|
|
5000
5000
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InputSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5001
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: InputSearchComponent, selector: "input-search", outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"input-search\">\
|
|
5001
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: InputSearchComponent, selector: "input-search", outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"input-search\">\n <input\n class=\"input form-control form-control-sm\"\n [class.input-border]=\"true\"\n type=\"text\"\n [placeholder]=\"'Buscar...'\"\n [formControl]=\"formControl\"/>\n <span class=\"clear\">\n <i class=\"fas fa-search\"></i>\n </span>\n</div>", styles: [".input-search{position:relative;display:block}.input-search .clear{position:absolute;top:50%;transform:translateY(-50%);right:1em;z-index:10;padding:.2em;width:2em;font-weight:400;text-align:right}.input-search .input-border{border-radius:8px}\n"], dependencies: [{ kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
5002
5002
|
}
|
|
5003
5003
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InputSearchComponent, decorators: [{
|
|
5004
5004
|
type: Component,
|
|
5005
|
-
args: [{ selector: 'input-search', template: "<div class=\"input-search\">\
|
|
5005
|
+
args: [{ selector: 'input-search', template: "<div class=\"input-search\">\n <input\n class=\"input form-control form-control-sm\"\n [class.input-border]=\"true\"\n type=\"text\"\n [placeholder]=\"'Buscar...'\"\n [formControl]=\"formControl\"/>\n <span class=\"clear\">\n <i class=\"fas fa-search\"></i>\n </span>\n</div>", styles: [".input-search{position:relative;display:block}.input-search .clear{position:absolute;top:50%;transform:translateY(-50%);right:1em;z-index:10;padding:.2em;width:2em;font-weight:400;text-align:right}.input-search .input-border{border-radius:8px}\n"] }]
|
|
5006
5006
|
}], ctorParameters: () => [] });
|
|
5007
5007
|
|
|
5008
5008
|
class DialogAgGridSearchComponent {
|
|
@@ -5041,12 +5041,12 @@ class DialogAgGridSearchComponent {
|
|
|
5041
5041
|
this._context = { componentParent: this };
|
|
5042
5042
|
this.isRowSelectable = () => true;
|
|
5043
5043
|
this.disableAceptar = true;
|
|
5044
|
-
this.overlayNoRowsTemplate = `<span class="ag-overlay-loading-center border-0 bg-transparent shadow-none">
|
|
5045
|
-
No se encontraron registros...
|
|
5044
|
+
this.overlayNoRowsTemplate = `<span class="ag-overlay-loading-center border-0 bg-transparent shadow-none">
|
|
5045
|
+
No se encontraron registros...
|
|
5046
5046
|
</span>`;
|
|
5047
|
-
this.overlayLoadingTemplate = `<span class="ag-overlay-loading-top d-flex align-items-center border-0 bg-white shadow p-4 text-info" style="height: 20px;">
|
|
5048
|
-
<img src="assets/media-demo/loading.gif" height="20" width="25" class="mr-2">
|
|
5049
|
-
<strong>Cargando registros</strong>
|
|
5047
|
+
this.overlayLoadingTemplate = `<span class="ag-overlay-loading-top d-flex align-items-center border-0 bg-white shadow p-4 text-info" style="height: 20px;">
|
|
5048
|
+
<img src="assets/media-demo/loading.gif" height="20" width="25" class="mr-2">
|
|
5049
|
+
<strong>Cargando registros</strong>
|
|
5050
5050
|
</span>`;
|
|
5051
5051
|
/**
|
|
5052
5052
|
* @description Habilita/deshabilita la paginación
|
|
@@ -5257,11 +5257,11 @@ class DialogAgGridSearchComponent {
|
|
|
5257
5257
|
this.gridApi?.setGridOption("quickFilterText", value);
|
|
5258
5258
|
}
|
|
5259
5259
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DialogAgGridSearchComponent, deps: [{ token: i1$2.MatDialogRef }, { token: i0.ChangeDetectorRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5260
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: DialogAgGridSearchComponent, selector: "lib-dialog-ag-grid-search", inputs: { rowData: "rowData", columnDefs: "columnDefs", tittle: "tittle", rowSelection: "rowSelection", pagination: "pagination" }, outputs: { onSelectRow: "onSelectRow" }, viewQueries: [{ propertyName: "btnAceptar", first: true, predicate: ["btnAceptar"], descendants: true }, { propertyName: "btnCancelar", first: true, predicate: ["btnCancelar"], descendants: true }, { propertyName: "elTxtBuscar", first: true, predicate: ["elTxtBuscar"], descendants: true }, { propertyName: "agGrid", first: true, predicate: ["agGrid"], descendants: true }, { propertyName: "elbPageSize", first: true, predicate: ["lbPageSize"], descendants: true }, { propertyName: "elbCurrentPage", first: true, predicate: ["lbCurrentPage"], descendants: true }, { propertyName: "elbTotalPages", first: true, predicate: ["lbTotalPages"], descendants: true }, { propertyName: "_scAgGridPagination", first: true, predicate: ["agGridPagination"], descendants: true }], ngImport: i0, template: "<div class=\"container w-100\">\r\n <div class=\"row\">\r\n <div class=\"sumax-dialog-head\">\r\n <div style=\"display: flex; align-items: center; gap: 0.5rem\">\r\n <div class=\"mr-3\"><i class=\"fa fa-list\" style=\"font-size: 1.25em !important; color: #646c9a\"></i></div>\r\n <h3\r\n class=\"sumax-dialog-head-title py-1 mr-1\"\r\n style=\"line-height: 1.2; font-family: Soho Gothic Pro; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased\">\r\n <strong>{{ tittle }}</strong>\r\n </h3>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"row mx-1\">\r\n <div class=\"col-12\">\r\n <div class=\"row\">\r\n <div class=\"col-5 my-2\">\r\n <input-search (onChange)=\"changeFilter($event)\"></input-search>\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col-12\" [ngStyle]=\"ngStyleContainer\">\r\n <ag-grid-angular\r\n #agGrid\r\n class=\"ag-theme-balham\"\r\n [ngStyle]=\"ngStyleAgGrid\"\r\n [columnDefs]=\"columnDefs\"\r\n [context]=\"_context\"\r\n [rowSelection]=\"'single'\"\r\n [isRowSelectable]=\"isRowSelectable\"\r\n [rowDragManaged]=\"false\"\r\n [domLayout]=\"'normal'\"\r\n [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\"\r\n [overlayLoadingTemplate]=\"overlayLoadingTemplate\"\r\n [suppressPropertyNamesCheck]=\"true\"\r\n [paginationPageSize]=\"pagination ? paginationPageSize : undefined\"\r\n [pagination]=\"pagination\"\r\n [suppressPaginationPanel]=\"true\"\r\n (gridReady)=\"onGridReady($event.api)\"\r\n (selectionChanged)=\"onSelectedChange()\"\r\n (paginationChanged)=\"paginationChanged()\"\r\n [enableCellTextSelection]=\"true\"\r\n oncontextmenu=\"return false;\">\r\n </ag-grid-angular>\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col-12 py-2\">\r\n <sc-ag-grid-pagination\r\n #agGridPagination\r\n [gridApi]=\"gridApi\"\r\n [paginationPageSize]=\"paginationPageSize\"\r\n [pageSizeOptions]=\"[5, 10, 15, 20, 25]\"></sc-ag-grid-pagination>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div\r\n class=\"row pt-3 pb-3 w-100\"\r\n style=\"border-top: 1px solid #ebedf2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px\">\r\n <div class=\"col-lg-12 d-flex justify-content-end my-auto gap-1\">\r\n <button\r\n style=\"width: 110px\"\r\n #btnAceptar\r\n (click)=\"guardar()\"\r\n [disabled]=\"disableAceptar\"\r\n (keyup.ArrowUp)=\"focusLastRow()\"\r\n (keyup.ArrowRight)=\"btnCancelar.focus()\"\r\n type=\"button\"\r\n class=\"btn btn-sm btn-success mr-3\">\r\n Aceptar\r\n </button>\r\n <button\r\n style=\"width: 110px\"\r\n #btnCancelar\r\n (click)=\"closeDialog()\"\r\n (keyup.ArrowUp)=\"focusLastRow()\"\r\n (keyup.ArrowLeft)=\"btnAceptar.focus()\"\r\n type=\"button\"\r\n class=\"btn btn-sm btn-danger\">\r\n Cancelar\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["#paginacion{margin:0;padding:0}#paginacion>nav>ul>li>a>i{margin:0;padding:0}#paginacion>nav>ul>li>a{cursor:pointer}#paginacion>nav>ul>li>a,#paginacion>nav>ul>li>span,.totalRegistros{font-size:1rem}.totalRegistros>span{padding-left:4px;font-size:1rem}button[disabled]{pointer-events:none}.sumax-dialog{display:-webkit-box;display:flex;-webkit-box-flex:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;box-shadow:0 0 13px #523f690d;background-color:#fff;border-radius:4px;margin-bottom:0!important}.sumax-dialog-head{padding:0 15px;min-height:50px;display:flex;align-items:stretch;justify-content:space-between;position:relative;border-bottom:1px solid #ebedf2;border-top-left-radius:4px;border-top-right-radius:4px}.sumax-dialog-head-title{margin:0;padding:0;font-size:1.2rem;font-weight:500;color:#48465b}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "quickFilterText", "cacheQuickFilter", "excludeHiddenColumnsFromQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "advancedFilterModel", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "suppressChartToolPanelsButton", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDuration", "cellFlashDelay", "cellFadeDuration", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "suppressGroupMaintainValueType", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideInfiniteScroll", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "functionsPassive", "enableGroupEdit", "initialState", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "gridPreDestroyed", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }, { kind: "component", type: ScAgGridPaginationComponent, selector: "sc-ag-grid-pagination", inputs: ["paginationPageSize", "gridApi", "pageSizeOptions"] }, { kind: "component", type: InputSearchComponent, selector: "input-search", outputs: ["onChange"] }] }); }
|
|
5260
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: DialogAgGridSearchComponent, selector: "lib-dialog-ag-grid-search", inputs: { rowData: "rowData", columnDefs: "columnDefs", tittle: "tittle", rowSelection: "rowSelection", pagination: "pagination" }, outputs: { onSelectRow: "onSelectRow" }, viewQueries: [{ propertyName: "btnAceptar", first: true, predicate: ["btnAceptar"], descendants: true }, { propertyName: "btnCancelar", first: true, predicate: ["btnCancelar"], descendants: true }, { propertyName: "elTxtBuscar", first: true, predicate: ["elTxtBuscar"], descendants: true }, { propertyName: "agGrid", first: true, predicate: ["agGrid"], descendants: true }, { propertyName: "elbPageSize", first: true, predicate: ["lbPageSize"], descendants: true }, { propertyName: "elbCurrentPage", first: true, predicate: ["lbCurrentPage"], descendants: true }, { propertyName: "elbTotalPages", first: true, predicate: ["lbTotalPages"], descendants: true }, { propertyName: "_scAgGridPagination", first: true, predicate: ["agGridPagination"], descendants: true }], ngImport: i0, template: "<div class=\"container w-100\">\n <div class=\"row\">\n <div class=\"sumax-dialog-head\">\n <div style=\"display: flex; align-items: center; gap: 0.5rem\">\n <div class=\"mr-3\"><i class=\"fa fa-list\" style=\"font-size: 1.25em !important; color: #646c9a\"></i></div>\n <h3\n class=\"sumax-dialog-head-title py-1 mr-1\"\n style=\"line-height: 1.2; font-family: Soho Gothic Pro; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased\">\n <strong>{{ tittle }}</strong>\n </h3>\n </div>\n </div>\n </div>\n <div class=\"row mx-1\">\n <div class=\"col-12\">\n <div class=\"row\">\n <div class=\"col-5 my-2\">\n <input-search (onChange)=\"changeFilter($event)\"></input-search>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\" [ngStyle]=\"ngStyleContainer\">\n <ag-grid-angular\n #agGrid\n class=\"ag-theme-balham\"\n [ngStyle]=\"ngStyleAgGrid\"\n [columnDefs]=\"columnDefs\"\n [context]=\"_context\"\n [rowSelection]=\"'single'\"\n [isRowSelectable]=\"isRowSelectable\"\n [rowDragManaged]=\"false\"\n [domLayout]=\"'normal'\"\n [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\"\n [overlayLoadingTemplate]=\"overlayLoadingTemplate\"\n [suppressPropertyNamesCheck]=\"true\"\n [paginationPageSize]=\"pagination ? paginationPageSize : undefined\"\n [pagination]=\"pagination\"\n [suppressPaginationPanel]=\"true\"\n (gridReady)=\"onGridReady($event.api)\"\n (selectionChanged)=\"onSelectedChange()\"\n (paginationChanged)=\"paginationChanged()\"\n [enableCellTextSelection]=\"true\"\n oncontextmenu=\"return false;\">\n </ag-grid-angular>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12 py-2\">\n <sc-ag-grid-pagination\n #agGridPagination\n [gridApi]=\"gridApi\"\n [paginationPageSize]=\"paginationPageSize\"\n [pageSizeOptions]=\"[5, 10, 15, 20, 25]\"></sc-ag-grid-pagination>\n </div>\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div\n class=\"row pt-3 pb-3 w-100\"\n style=\"border-top: 1px solid #ebedf2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px\">\n <div class=\"col-lg-12 d-flex justify-content-end my-auto gap-1\">\n <button\n style=\"width: 110px\"\n #btnAceptar\n (click)=\"guardar()\"\n [disabled]=\"disableAceptar\"\n (keyup.ArrowUp)=\"focusLastRow()\"\n (keyup.ArrowRight)=\"btnCancelar.focus()\"\n type=\"button\"\n class=\"btn btn-sm btn-success mr-3\">\n Aceptar\n </button>\n <button\n style=\"width: 110px\"\n #btnCancelar\n (click)=\"closeDialog()\"\n (keyup.ArrowUp)=\"focusLastRow()\"\n (keyup.ArrowLeft)=\"btnAceptar.focus()\"\n type=\"button\"\n class=\"btn btn-sm btn-danger\">\n Cancelar\n </button>\n </div>\n </div>\n </div>\n</div>\n", styles: ["#paginacion{margin:0;padding:0}#paginacion>nav>ul>li>a>i{margin:0;padding:0}#paginacion>nav>ul>li>a{cursor:pointer}#paginacion>nav>ul>li>a,#paginacion>nav>ul>li>span,.totalRegistros{font-size:1rem}.totalRegistros>span{padding-left:4px;font-size:1rem}button[disabled]{pointer-events:none}.sumax-dialog{display:-webkit-box;display:flex;-webkit-box-flex:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;box-shadow:0 0 13px #523f690d;background-color:#fff;border-radius:4px;margin-bottom:0!important}.sumax-dialog-head{padding:0 15px;min-height:50px;display:flex;align-items:stretch;justify-content:space-between;position:relative;border-bottom:1px solid #ebedf2;border-top-left-radius:4px;border-top-right-radius:4px}.sumax-dialog-head-title{margin:0;padding:0;font-size:1.2rem;font-weight:500;color:#48465b}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "quickFilterText", "cacheQuickFilter", "excludeHiddenColumnsFromQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "advancedFilterModel", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "suppressChartToolPanelsButton", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDuration", "cellFlashDelay", "cellFadeDuration", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "suppressGroupMaintainValueType", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideInfiniteScroll", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "functionsPassive", "enableGroupEdit", "initialState", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "gridPreDestroyed", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }, { kind: "component", type: ScAgGridPaginationComponent, selector: "sc-ag-grid-pagination", inputs: ["paginationPageSize", "gridApi", "pageSizeOptions"] }, { kind: "component", type: InputSearchComponent, selector: "input-search", outputs: ["onChange"] }] }); }
|
|
5261
5261
|
}
|
|
5262
5262
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DialogAgGridSearchComponent, decorators: [{
|
|
5263
5263
|
type: Component,
|
|
5264
|
-
args: [{ selector: 'lib-dialog-ag-grid-search', template: "<div class=\"container w-100\">\
|
|
5264
|
+
args: [{ selector: 'lib-dialog-ag-grid-search', template: "<div class=\"container w-100\">\n <div class=\"row\">\n <div class=\"sumax-dialog-head\">\n <div style=\"display: flex; align-items: center; gap: 0.5rem\">\n <div class=\"mr-3\"><i class=\"fa fa-list\" style=\"font-size: 1.25em !important; color: #646c9a\"></i></div>\n <h3\n class=\"sumax-dialog-head-title py-1 mr-1\"\n style=\"line-height: 1.2; font-family: Soho Gothic Pro; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased\">\n <strong>{{ tittle }}</strong>\n </h3>\n </div>\n </div>\n </div>\n <div class=\"row mx-1\">\n <div class=\"col-12\">\n <div class=\"row\">\n <div class=\"col-5 my-2\">\n <input-search (onChange)=\"changeFilter($event)\"></input-search>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\" [ngStyle]=\"ngStyleContainer\">\n <ag-grid-angular\n #agGrid\n class=\"ag-theme-balham\"\n [ngStyle]=\"ngStyleAgGrid\"\n [columnDefs]=\"columnDefs\"\n [context]=\"_context\"\n [rowSelection]=\"'single'\"\n [isRowSelectable]=\"isRowSelectable\"\n [rowDragManaged]=\"false\"\n [domLayout]=\"'normal'\"\n [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\"\n [overlayLoadingTemplate]=\"overlayLoadingTemplate\"\n [suppressPropertyNamesCheck]=\"true\"\n [paginationPageSize]=\"pagination ? paginationPageSize : undefined\"\n [pagination]=\"pagination\"\n [suppressPaginationPanel]=\"true\"\n (gridReady)=\"onGridReady($event.api)\"\n (selectionChanged)=\"onSelectedChange()\"\n (paginationChanged)=\"paginationChanged()\"\n [enableCellTextSelection]=\"true\"\n oncontextmenu=\"return false;\">\n </ag-grid-angular>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12 py-2\">\n <sc-ag-grid-pagination\n #agGridPagination\n [gridApi]=\"gridApi\"\n [paginationPageSize]=\"paginationPageSize\"\n [pageSizeOptions]=\"[5, 10, 15, 20, 25]\"></sc-ag-grid-pagination>\n </div>\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div\n class=\"row pt-3 pb-3 w-100\"\n style=\"border-top: 1px solid #ebedf2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px\">\n <div class=\"col-lg-12 d-flex justify-content-end my-auto gap-1\">\n <button\n style=\"width: 110px\"\n #btnAceptar\n (click)=\"guardar()\"\n [disabled]=\"disableAceptar\"\n (keyup.ArrowUp)=\"focusLastRow()\"\n (keyup.ArrowRight)=\"btnCancelar.focus()\"\n type=\"button\"\n class=\"btn btn-sm btn-success mr-3\">\n Aceptar\n </button>\n <button\n style=\"width: 110px\"\n #btnCancelar\n (click)=\"closeDialog()\"\n (keyup.ArrowUp)=\"focusLastRow()\"\n (keyup.ArrowLeft)=\"btnAceptar.focus()\"\n type=\"button\"\n class=\"btn btn-sm btn-danger\">\n Cancelar\n </button>\n </div>\n </div>\n </div>\n</div>\n", styles: ["#paginacion{margin:0;padding:0}#paginacion>nav>ul>li>a>i{margin:0;padding:0}#paginacion>nav>ul>li>a{cursor:pointer}#paginacion>nav>ul>li>a,#paginacion>nav>ul>li>span,.totalRegistros{font-size:1rem}.totalRegistros>span{padding-left:4px;font-size:1rem}button[disabled]{pointer-events:none}.sumax-dialog{display:-webkit-box;display:flex;-webkit-box-flex:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;box-shadow:0 0 13px #523f690d;background-color:#fff;border-radius:4px;margin-bottom:0!important}.sumax-dialog-head{padding:0 15px;min-height:50px;display:flex;align-items:stretch;justify-content:space-between;position:relative;border-bottom:1px solid #ebedf2;border-top-left-radius:4px;border-top-right-radius:4px}.sumax-dialog-head-title{margin:0;padding:0;font-size:1.2rem;font-weight:500;color:#48465b}\n"] }]
|
|
5265
5265
|
}], ctorParameters: () => [{ type: i1$2.MatDialogRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
5266
5266
|
type: Inject,
|
|
5267
5267
|
args: [MAT_DIALOG_DATA]
|
|
@@ -5967,7 +5967,7 @@ class NgSelectSimpleComponent {
|
|
|
5967
5967
|
useExisting: forwardRef(() => NgSelectSimpleComponent),
|
|
5968
5968
|
multi: true,
|
|
5969
5969
|
},
|
|
5970
|
-
], viewQueries: [{ propertyName: "ngSelectSimple", first: true, predicate: ["ngSelectSimple"], descendants: true }, { propertyName: "btnSearch", first: true, predicate: ["btnSearch"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\">\r\n <span *ngIf=\"!templateLabel; else templateLabel\" [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">\r\n {{ label }}\r\n </span>\r\n <span *ngIf=\"required\" [class.text-danger]=\"controls?.errors != null\"> *</span>\r\n <span *ngIf=\"labelInfo\">\r\n <i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\r\n </span>\r\n</label>\r\n\r\n<div\r\n [class.input-icon]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\r\n [class.right]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\r\n [class.refresh]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted && refresh\"\r\n [class.search]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted && search\">\r\n <div class=\"d-flex\">\r\n <div\r\n class=\"position-relative\"\r\n [class.ng-select-container-fullbuttons]=\"search && refresh && redirect\"\r\n [class.app-ng-selec-container]=\"search || refresh\"\r\n [class.w-100]=\"!search && !refresh\"\r\n style=\"flex: 1; min-width: 0;\">\r\n <ng-select\r\n #ngSelectSimple\r\n [class]=\"search || refresh ? 'app-ng-select ng-select-fixed-width' : 'w-100 ng-select-fixed-width'\"\r\n [class.action]=\"search && refresh\"\r\n [items]=\"items | async\"\r\n [(ngModel)]=\"_value\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n (change)=\"eventChange($event)\"\r\n (blur)=\"eventBlur($event)\"\r\n (focus)=\"eventFocus($event)\"\r\n (search)=\"eventSearch($event)\"\r\n [markFirst]=\"markFirst\"\r\n [clearable]=\"!required && clearable\"\r\n [virtualScroll]=\"virtualScroll\"\r\n [inputAttrs]=\"{ autocomplete: autocomplete }\"\r\n [clearOnBackspace]=\"clearOnBackspace\"\r\n [openOnEnter]=\"openOnEnter\"\r\n (keydown.delete)=\"!required && clearable ? clear() : ''\"\r\n (clear)=\"clear()\"\r\n (keyup.F1)=\"f1KeyUp()\"\r\n [notFoundText]=\"notFoundText\"\r\n placeholder=\"Seleccionar\"\r\n (keyup.enter)=\"enterKeyUp()\"\r\n [clearAllText]=\"clearAllText\"\r\n [searchable]=\"searchable\"\r\n (keyup.ArrowLeft)=\"leftKeyUp()\"\r\n [appendTo]=\"appendTo\"\r\n [loading]=\"loading\"\r\n [loadingText]=\"loadingText\"\r\n [class.ng-select-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\r\n [class.ng-select-touched]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\r\n [class.upperCase]=\"upperCase\"\r\n [ngClass]=\"setNgClass\"\r\n style=\"max-width: 100%; width: 100%;\">\r\n\r\n <!-- OPCIONES DE LISTADO -->\r\n <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\r\n <span data-toggle=\"tooltip\" title=\"{{ item.label }}\">{{ item.label }}</span>\r\n </ng-template>\r\n </ng-select>\r\n\r\n <!-- tooltip-message es el icono de error -->\r\n <tooltip-message\r\n [label]=\"label\"\r\n [controls]=\"controls\"\r\n [validatorMessage]=\"validatorMessage\"\r\n [submitted]=\"submitted\"\r\n [tooltipMessage]=\"tooltipMessage\"></tooltip-message>\r\n </div>\r\n <ng-container *ngIf=\"search && refresh && redirect; else templateAction\">\r\n <div class=\"app-ng-select-action bd-highligh\">\r\n <button\r\n #btnSearch\r\n type=\"button\"\r\n [disabled]=\"disabled || readonly\"\r\n class=\"btn btn-success p-0 rounded-0 h-100\"\r\n (keyup.ArrowLeft)=\"ngSelectSimple.focus()\"\r\n style=\"background-color: orange; border-color: orange\"\r\n (click)=\"onSearch()\">\r\n <i class=\"fa fa-search text-white px-1\" [matTooltip]=\"'Buscar'\" matTooltipClass=\"custom-tooltip\"></i>\r\n </button>\r\n <button\r\n *ngIf=\"refresh\"\r\n type=\"button\"\r\n [disabled]=\"disabled || readonly || isRefreshDisabled\"\r\n class=\"btn btn-info p-0 rounded-0 h-100\"\r\n (click)=\"onRefresh()\">\r\n <i class=\"fa fa-refresh text-white px-1\" [matTooltip]=\"'Refrescar'\" matTooltipClass=\"bg-info\"></i>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"btn btn-success p-0 rounded-0 h-100\"\r\n (click)=\"openEnlace()\"\r\n [disabled]=\"disabled || readonly || isRedirectDisabled\">\r\n <em class=\"fa-regular fa-rectangle-list text-white px-1\" [matTooltip]=\"titleRedirect!\" matTooltipClass=\"bg-success\"> </em>\r\n </button>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-template #templateAction>\r\n <div class=\"app-ng-select-button bd-highlight\" *ngIf=\"search\">\r\n <button\r\n #btnSearch\r\n type=\"button\"\r\n [disabled]=\"disabled || readonly\"\r\n class=\"btn btn-success p-0 rounded-0 h-100\"\r\n (keyup.ArrowLeft)=\"ngSelectSimple.focus()\"\r\n (click)=\"onSearch()\">\r\n <i class=\"fa fa-search text-white px-1\" [matTooltip]=\"'Buscar'\" matTooltipClass=\"bg-success\"></i>\r\n </button>\r\n </div>\r\n <div class=\"app-ng-select-button bd-highlight\" *ngIf=\"refresh\">\r\n <button\r\n *ngIf=\"refresh\"\r\n type=\"button\"\r\n [disabled]=\"disabled || readonly || isRefreshDisabled\"\r\n class=\"btn btn-info p-0 rounded-0 h-100\"\r\n (click)=\"onRefresh()\">\r\n <i class=\"fa fa-refresh text-white px-1\" [matTooltip]=\"'Refrescar'\" matTooltipClass=\"bg-info\"></i>\r\n </button>\r\n </div>\r\n <div class=\"app-ng-select-button bd-highlight\" *ngIf=\"redirect\">\r\n <button\r\n type=\"button\"\r\n class=\"btn btn-success p-0 rounded-0 h-100\"\r\n style=\"padding-top: 3px; padding-bottom: 7px; border-radius: 0px\"\r\n (click)=\"openEnlace()\"\r\n [disabled]=\"disabled || readonly || isRedirectDisabled\">\r\n <em class=\"fa-regular fa-rectangle-list text-white px-1\" [matTooltip]=\"titleRedirect!\" matTooltipClass=\"bg-success\"> </em>\r\n </button>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-content select=\"[more-buttons]\"></ng-content>\r\n </div>\r\n</div>\r\n\r\n<!-- error-message es el mansaje que aparece abajo del componente -->\r\n<error-message\r\n [label]=\"label\"\r\n [controls]=\"controls\"\r\n [validatorMessage]=\"validatorMessage\"\r\n [submitted]=\"submitted\"\r\n [tooltipMessage]=\"tooltipMessage\"></error-message>\r\n", styles: ["ng-select-simple{display:block}.sumax-label{color:#646c9a!important}.input-icon tooltip-message{color:#ccc;position:absolute;z-index:3;font-size:16px;text-align:center;right:9px;top:50%;transform:translateY(-50%)}.input-icon.right>.form-control{padding-right:33px;padding-left:12px}.upperCase .ng-select-container .ng-value-container .ng-input>input{text-transform:uppercase}.app-ng-select-button{width:34px}.app-ng-select-button button{width:100%}.app-ng-selec-container{width:calc(100% - 34px)}.ng-select-container-fullbuttons{width:calc(100% - 102px)}.app-ng-select-action{width:8rem}.app-ng-select-action button{min-width:2rem;width:33%}.overflow-box{padding:5px;height:100px;border:1px solid #999;overflow:hidden}.ng-dropdown-panel{width:auto!important;max-width:550px;min-width:100%}.custom-tooltip{--mdc-plain-tooltip-container-color: orange}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#999!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: errorMessageComponent, selector: "error-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "component", type: tooltipMessageComponent, selector: "tooltip-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i7$1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i7$1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5970
|
+
], viewQueries: [{ propertyName: "ngSelectSimple", first: true, predicate: ["ngSelectSimple"], descendants: true }, { propertyName: "btnSearch", first: true, predicate: ["btnSearch"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\">\n <span *ngIf=\"!templateLabel; else templateLabel\" [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">\n {{ label }}\n </span>\n <span *ngIf=\"required\" [class.text-danger]=\"controls?.errors != null\"> *</span>\n <span *ngIf=\"labelInfo\">\n <i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\n </span>\n</label>\n\n<div\n [class.input-icon]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.right]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.refresh]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted && refresh\"\n [class.search]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted && search\">\n <div class=\"d-flex\">\n <div\n class=\"position-relative\"\n [class.ng-select-container-fullbuttons]=\"search && refresh && redirect\"\n [class.app-ng-selec-container]=\"search || refresh\"\n [class.w-100]=\"!search && !refresh\"\n style=\"flex: 1; min-width: 0;\">\n <ng-select\n #ngSelectSimple\n [class]=\"search || refresh ? 'app-ng-select ng-select-fixed-width' : 'w-100 ng-select-fixed-width'\"\n [class.action]=\"search && refresh\"\n [items]=\"items | async\"\n [(ngModel)]=\"_value\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n (change)=\"eventChange($event)\"\n (blur)=\"eventBlur($event)\"\n (focus)=\"eventFocus($event)\"\n (search)=\"eventSearch($event)\"\n [markFirst]=\"markFirst\"\n [clearable]=\"!required && clearable\"\n [virtualScroll]=\"virtualScroll\"\n [inputAttrs]=\"{ autocomplete: autocomplete }\"\n [clearOnBackspace]=\"clearOnBackspace\"\n [openOnEnter]=\"openOnEnter\"\n (keydown.delete)=\"!required && clearable ? clear() : ''\"\n (clear)=\"clear()\"\n (keyup.F1)=\"f1KeyUp()\"\n [notFoundText]=\"notFoundText\"\n placeholder=\"Seleccionar\"\n (keyup.enter)=\"enterKeyUp()\"\n [clearAllText]=\"clearAllText\"\n [searchable]=\"searchable\"\n (keyup.ArrowLeft)=\"leftKeyUp()\"\n [appendTo]=\"appendTo\"\n [loading]=\"loading\"\n [loadingText]=\"loadingText\"\n [class.ng-select-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.ng-select-touched]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.upperCase]=\"upperCase\"\n [ngClass]=\"setNgClass\"\n style=\"max-width: 100%; width: 100%;\">\n\n <!-- OPCIONES DE LISTADO -->\n <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\n <span data-toggle=\"tooltip\" title=\"{{ item.label }}\">{{ item.label }}</span>\n </ng-template>\n </ng-select>\n\n <!-- tooltip-message es el icono de error -->\n <tooltip-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [submitted]=\"submitted\"\n [tooltipMessage]=\"tooltipMessage\"></tooltip-message>\n </div>\n <ng-container *ngIf=\"search && refresh && redirect; else templateAction\">\n <div class=\"app-ng-select-action bd-highligh\">\n <button\n #btnSearch\n type=\"button\"\n [disabled]=\"disabled || readonly\"\n class=\"btn btn-success p-0 rounded-0 h-100\"\n (keyup.ArrowLeft)=\"ngSelectSimple.focus()\"\n style=\"background-color: orange; border-color: orange\"\n (click)=\"onSearch()\">\n <i class=\"fa fa-search text-white px-1\" [matTooltip]=\"'Buscar'\" matTooltipClass=\"custom-tooltip\"></i>\n </button>\n <button\n *ngIf=\"refresh\"\n type=\"button\"\n [disabled]=\"disabled || readonly || isRefreshDisabled\"\n class=\"btn btn-info p-0 rounded-0 h-100\"\n (click)=\"onRefresh()\">\n <i class=\"fa fa-refresh text-white px-1\" [matTooltip]=\"'Refrescar'\" matTooltipClass=\"bg-info\"></i>\n </button>\n <button\n type=\"button\"\n class=\"btn btn-success p-0 rounded-0 h-100\"\n (click)=\"openEnlace()\"\n [disabled]=\"disabled || readonly || isRedirectDisabled\">\n <em class=\"fa-regular fa-rectangle-list text-white px-1\" [matTooltip]=\"titleRedirect!\" matTooltipClass=\"bg-success\"> </em>\n </button>\n </div>\n </ng-container>\n\n <ng-template #templateAction>\n <div class=\"app-ng-select-button bd-highlight\" *ngIf=\"search\">\n <button\n #btnSearch\n type=\"button\"\n [disabled]=\"disabled || readonly\"\n class=\"btn btn-success p-0 rounded-0 h-100\"\n (keyup.ArrowLeft)=\"ngSelectSimple.focus()\"\n (click)=\"onSearch()\">\n <i class=\"fa fa-search text-white px-1\" [matTooltip]=\"'Buscar'\" matTooltipClass=\"bg-success\"></i>\n </button>\n </div>\n <div class=\"app-ng-select-button bd-highlight\" *ngIf=\"refresh\">\n <button\n *ngIf=\"refresh\"\n type=\"button\"\n [disabled]=\"disabled || readonly || isRefreshDisabled\"\n class=\"btn btn-info p-0 rounded-0 h-100\"\n (click)=\"onRefresh()\">\n <i class=\"fa fa-refresh text-white px-1\" [matTooltip]=\"'Refrescar'\" matTooltipClass=\"bg-info\"></i>\n </button>\n </div>\n <div class=\"app-ng-select-button bd-highlight\" *ngIf=\"redirect\">\n <button\n type=\"button\"\n class=\"btn btn-success p-0 rounded-0 h-100\"\n style=\"padding-top: 3px; padding-bottom: 7px; border-radius: 0px\"\n (click)=\"openEnlace()\"\n [disabled]=\"disabled || readonly || isRedirectDisabled\">\n <em class=\"fa-regular fa-rectangle-list text-white px-1\" [matTooltip]=\"titleRedirect!\" matTooltipClass=\"bg-success\"> </em>\n </button>\n </div>\n </ng-template>\n\n <ng-content select=\"[more-buttons]\"></ng-content>\n </div>\n</div>\n\n<!-- error-message es el mansaje que aparece abajo del componente -->\n<error-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [submitted]=\"submitted\"\n [tooltipMessage]=\"tooltipMessage\"></error-message>\n", styles: ["ng-select-simple{display:block}.sumax-label{color:#646c9a!important}.input-icon tooltip-message{color:#ccc;position:absolute;z-index:3;font-size:16px;text-align:center;right:9px;top:50%;transform:translateY(-50%)}.input-icon.right>.form-control{padding-right:33px;padding-left:12px}.upperCase .ng-select-container .ng-value-container .ng-input>input{text-transform:uppercase}.app-ng-select-button{width:34px}.app-ng-select-button button{width:100%}.app-ng-selec-container{width:calc(100% - 34px)}.ng-select-container-fullbuttons{width:calc(100% - 102px)}.app-ng-select-action{width:8rem}.app-ng-select-action button{min-width:2rem;width:33%}.overflow-box{padding:5px;height:100px;border:1px solid #999;overflow:hidden}.ng-dropdown-panel{width:auto!important;max-width:550px;min-width:100%}.custom-tooltip{--mdc-plain-tooltip-container-color: orange}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#999!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: errorMessageComponent, selector: "error-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "component", type: tooltipMessageComponent, selector: "tooltip-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i7$1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i7$1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5971
5971
|
}
|
|
5972
5972
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: NgSelectSimpleComponent, decorators: [{
|
|
5973
5973
|
type: Component,
|
|
@@ -5982,7 +5982,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
5982
5982
|
useExisting: forwardRef(() => NgSelectSimpleComponent),
|
|
5983
5983
|
multi: true,
|
|
5984
5984
|
},
|
|
5985
|
-
], encapsulation: ViewEncapsulation.None, template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\">\
|
|
5985
|
+
], encapsulation: ViewEncapsulation.None, template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\">\n <span *ngIf=\"!templateLabel; else templateLabel\" [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">\n {{ label }}\n </span>\n <span *ngIf=\"required\" [class.text-danger]=\"controls?.errors != null\"> *</span>\n <span *ngIf=\"labelInfo\">\n <i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\n </span>\n</label>\n\n<div\n [class.input-icon]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.right]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.refresh]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted && refresh\"\n [class.search]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted && search\">\n <div class=\"d-flex\">\n <div\n class=\"position-relative\"\n [class.ng-select-container-fullbuttons]=\"search && refresh && redirect\"\n [class.app-ng-selec-container]=\"search || refresh\"\n [class.w-100]=\"!search && !refresh\"\n style=\"flex: 1; min-width: 0;\">\n <ng-select\n #ngSelectSimple\n [class]=\"search || refresh ? 'app-ng-select ng-select-fixed-width' : 'w-100 ng-select-fixed-width'\"\n [class.action]=\"search && refresh\"\n [items]=\"items | async\"\n [(ngModel)]=\"_value\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n (change)=\"eventChange($event)\"\n (blur)=\"eventBlur($event)\"\n (focus)=\"eventFocus($event)\"\n (search)=\"eventSearch($event)\"\n [markFirst]=\"markFirst\"\n [clearable]=\"!required && clearable\"\n [virtualScroll]=\"virtualScroll\"\n [inputAttrs]=\"{ autocomplete: autocomplete }\"\n [clearOnBackspace]=\"clearOnBackspace\"\n [openOnEnter]=\"openOnEnter\"\n (keydown.delete)=\"!required && clearable ? clear() : ''\"\n (clear)=\"clear()\"\n (keyup.F1)=\"f1KeyUp()\"\n [notFoundText]=\"notFoundText\"\n placeholder=\"Seleccionar\"\n (keyup.enter)=\"enterKeyUp()\"\n [clearAllText]=\"clearAllText\"\n [searchable]=\"searchable\"\n (keyup.ArrowLeft)=\"leftKeyUp()\"\n [appendTo]=\"appendTo\"\n [loading]=\"loading\"\n [loadingText]=\"loadingText\"\n [class.ng-select-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.ng-select-touched]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.upperCase]=\"upperCase\"\n [ngClass]=\"setNgClass\"\n style=\"max-width: 100%; width: 100%;\">\n\n <!-- OPCIONES DE LISTADO -->\n <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\n <span data-toggle=\"tooltip\" title=\"{{ item.label }}\">{{ item.label }}</span>\n </ng-template>\n </ng-select>\n\n <!-- tooltip-message es el icono de error -->\n <tooltip-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [submitted]=\"submitted\"\n [tooltipMessage]=\"tooltipMessage\"></tooltip-message>\n </div>\n <ng-container *ngIf=\"search && refresh && redirect; else templateAction\">\n <div class=\"app-ng-select-action bd-highligh\">\n <button\n #btnSearch\n type=\"button\"\n [disabled]=\"disabled || readonly\"\n class=\"btn btn-success p-0 rounded-0 h-100\"\n (keyup.ArrowLeft)=\"ngSelectSimple.focus()\"\n style=\"background-color: orange; border-color: orange\"\n (click)=\"onSearch()\">\n <i class=\"fa fa-search text-white px-1\" [matTooltip]=\"'Buscar'\" matTooltipClass=\"custom-tooltip\"></i>\n </button>\n <button\n *ngIf=\"refresh\"\n type=\"button\"\n [disabled]=\"disabled || readonly || isRefreshDisabled\"\n class=\"btn btn-info p-0 rounded-0 h-100\"\n (click)=\"onRefresh()\">\n <i class=\"fa fa-refresh text-white px-1\" [matTooltip]=\"'Refrescar'\" matTooltipClass=\"bg-info\"></i>\n </button>\n <button\n type=\"button\"\n class=\"btn btn-success p-0 rounded-0 h-100\"\n (click)=\"openEnlace()\"\n [disabled]=\"disabled || readonly || isRedirectDisabled\">\n <em class=\"fa-regular fa-rectangle-list text-white px-1\" [matTooltip]=\"titleRedirect!\" matTooltipClass=\"bg-success\"> </em>\n </button>\n </div>\n </ng-container>\n\n <ng-template #templateAction>\n <div class=\"app-ng-select-button bd-highlight\" *ngIf=\"search\">\n <button\n #btnSearch\n type=\"button\"\n [disabled]=\"disabled || readonly\"\n class=\"btn btn-success p-0 rounded-0 h-100\"\n (keyup.ArrowLeft)=\"ngSelectSimple.focus()\"\n (click)=\"onSearch()\">\n <i class=\"fa fa-search text-white px-1\" [matTooltip]=\"'Buscar'\" matTooltipClass=\"bg-success\"></i>\n </button>\n </div>\n <div class=\"app-ng-select-button bd-highlight\" *ngIf=\"refresh\">\n <button\n *ngIf=\"refresh\"\n type=\"button\"\n [disabled]=\"disabled || readonly || isRefreshDisabled\"\n class=\"btn btn-info p-0 rounded-0 h-100\"\n (click)=\"onRefresh()\">\n <i class=\"fa fa-refresh text-white px-1\" [matTooltip]=\"'Refrescar'\" matTooltipClass=\"bg-info\"></i>\n </button>\n </div>\n <div class=\"app-ng-select-button bd-highlight\" *ngIf=\"redirect\">\n <button\n type=\"button\"\n class=\"btn btn-success p-0 rounded-0 h-100\"\n style=\"padding-top: 3px; padding-bottom: 7px; border-radius: 0px\"\n (click)=\"openEnlace()\"\n [disabled]=\"disabled || readonly || isRedirectDisabled\">\n <em class=\"fa-regular fa-rectangle-list text-white px-1\" [matTooltip]=\"titleRedirect!\" matTooltipClass=\"bg-success\"> </em>\n </button>\n </div>\n </ng-template>\n\n <ng-content select=\"[more-buttons]\"></ng-content>\n </div>\n</div>\n\n<!-- error-message es el mansaje que aparece abajo del componente -->\n<error-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [submitted]=\"submitted\"\n [tooltipMessage]=\"tooltipMessage\"></error-message>\n", styles: ["ng-select-simple{display:block}.sumax-label{color:#646c9a!important}.input-icon tooltip-message{color:#ccc;position:absolute;z-index:3;font-size:16px;text-align:center;right:9px;top:50%;transform:translateY(-50%)}.input-icon.right>.form-control{padding-right:33px;padding-left:12px}.upperCase .ng-select-container .ng-value-container .ng-input>input{text-transform:uppercase}.app-ng-select-button{width:34px}.app-ng-select-button button{width:100%}.app-ng-selec-container{width:calc(100% - 34px)}.ng-select-container-fullbuttons{width:calc(100% - 102px)}.app-ng-select-action{width:8rem}.app-ng-select-action button{min-width:2rem;width:33%}.overflow-box{padding:5px;height:100px;border:1px solid #999;overflow:hidden}.ng-dropdown-panel{width:auto!important;max-width:550px;min-width:100%}.custom-tooltip{--mdc-plain-tooltip-container-color: orange}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#999!important}\n"] }]
|
|
5986
5986
|
}], ctorParameters: () => [{ type: MessageUtilService }, { type: i1$2.MatDialog }, { type: NgSelectSimpleService }], propDecorators: { ngSelectSimple: [{
|
|
5987
5987
|
type: ViewChild,
|
|
5988
5988
|
args: ["ngSelectSimple"]
|
|
@@ -6327,11 +6327,11 @@ class ContainerSharedComponent {
|
|
|
6327
6327
|
this.params.api?.stopEditing();
|
|
6328
6328
|
}
|
|
6329
6329
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ContainerSharedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6330
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ContainerSharedComponent, selector: "container-shared-component", viewQueries: [{ propertyName: "control", first: true, predicate: ["control"], descendants: true }], ngImport: i0, template: "<div [ngStyle]=\"{'width': width}\" class=\"position-relative row\">\
|
|
6330
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ContainerSharedComponent, selector: "container-shared-component", viewQueries: [{ propertyName: "control", first: true, predicate: ["control"], descendants: true }], ngImport: i0, template: "<div [ngStyle]=\"{'width': width}\" class=\"position-relative row\">\n\t<div *ngIf=\"typeControl==='ng-select-simple'\" class=\"col-12\">\n\t\t<ng-select-simple\n\t\t\t[showLabel]=\"false\"\n\t\t\t[label]=\"label\"\n\t\t\t[required]=\"required\"\n\t\t\t[clearable]=\"clearable\"\n\t\t\t[formControl]=\"formControl\"\n\t\t\t[tooltipMessage]=\"true\"\n\t\t\t[validatorMessage]=\"false\"\n\t\t\t#control\n\t\t\t[items]=\"items\">\n\t\t</ng-select-simple>\n\t</div>\n\t<div *ngIf=\"typeControl==='input-text'\" class=\"col-12\">\n\t\t<input-text\n\t\t\t(blur)=\"onFocusOut()\"\n\t\t\t[showLabel]=\"false\"\n\t\t\t[label]=\"label\"\n\t\t\t[required]=\"required\"\n\t\t\t[formControl]=\"formControl\"\n\t\t\t[inputMask]=\"inputMask\"\n\t\t\t[textRight]=\"textRight\"\n\t\t\t[tooltipMessage]=\"true\"\n\t\t\t[validatorMessage]=\"false\"\n\t\t\t(keypress)=\"detec($event)\"\n\t\t\t#control>\n\t\t</input-text>\n\t</div>\n\t<div *ngIf=\"typeControl==='input-number'\" class=\"col-12\">\n\t\t<input-number\n\t\t\t(blur)=\"onFocusOut()\"\n\t\t\t[formatCero]=\"formatCero\"\n\t\t\t[maxLength]=\"maxLength\"\n\t\t\t[showLabel]=\"false\"\n\t\t\t[decimals]=\"decimals\"\n\t\t\t[label]=\"label\"\n\t\t\t[tooltipMessage]=\"true\"\n\t\t\t[validatorMessage]=\"false\"\n\t\t\t[required]=\"required\"\n\t\t\t[formControl]=\"formControl\"\n\t\t\t#control>\n\t\t</input-number>\n\t</div>\n\t<div *ngIf=\"typeControl==='date-picker'\" class=\"col-12\">\n\t\t<date-picker\n\t\t\t[showLabel]=\"false\"\n\t\t\t[label]=\"label\"\n\t\t\t[required]=\"required\"\n\t\t\t[formControl]=\"formControl\"\n\t\t\t[tooltipMessage]=\"true\"\n\t\t\t[validatorMessage]=\"false\"\n\t\t\t#control>\n\t\t</date-picker>\n\t</div>\n\t<div *ngIf=\"typeControl==='date-time-picker-editable'\" class=\"col-12\">\n\t\t<date-time-picker-editable\n\t\t\t[showLabel]=\"false\"\n\t\t\t[label]=\"label\"\n\t\t\t[required]=\"required\"\n\t\t\t[formControl]=\"formControl\"\n\t\t\t[tooltipMessage]=\"true\"\n\t\t\t[validatorMessage]=\"false\"\n\t\t\t#control>\n\t\t\t></date-time-picker-editable\n\t\t>\n\t</div>\n</div>\n", styles: [".ag-theme-balham .ag-cell.ag-cell-inline-editing{height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: NgSelectSimpleComponent, selector: "ng-select-simple", inputs: ["showLabel", "label", "autocomplete", "next", "nextIsDisable", "back", "backIsDisable", "required", "disabled", "readonly", "validatorMessage", "tooltipMessage", "openWhenFocus", "searchBy", "markFirstItem", "markWhenHaveOneItem", "submitted", "setNgClass", "searchable", "validatorAlert", "upperCase", "templateLabel", "appendTo", "items", "loading", "loadingText", "clearAllText", "notFoundText", "markFirst", "clearable", "clearOnBackspace", "virtualScroll", "openOnEnter", "refresh", "isRefreshDisabled", "search", "redirect", "searchParams", "labelInfo", "textLabelInfo", "urlRedirect", "titleRedirect", "isRedirectDisabled"], outputs: ["onNext", "onBack", "change", "blur", "onfocus", "onrefresh", "onsearch"] }, { kind: "component", type: InputTextComponent, selector: "input-text", inputs: ["format", "type", "showLabel", "label", "btnEnable", "autocomplete", "bold", "inputMask", "showMaskTyped", "next", "nextIsDisable", "back", "backIsDisable", "required", "textRight", "disabled", "readonly", "validatorMessage", "tooltipMessage", "maxLength", "submitted", "validatorAlert", "setNgClass", "patterns", "placeholder", "labelInfo", "textLabelInfo", "controlCharClearReplace", "replaceRegex", "clearRegex"], outputs: ["onNext", "onBack", "change", "blur", "onfocus", "onchange", "onfocusout"] }, { kind: "component", type: InputNumberComponent, selector: "input-number", inputs: ["showLabel", "label", "btnEnable", "autocomplete", "bold", "decimals", "formatCero", "maxLength", "next", "nextIsDisable", "back", "backIsDisable", "required", "disabled", "readonly", "validatorMessage", "tooltipMessage", "submitted", "labelInfo", "textLabelInfo", "validatorAlert", "setNgClass", "placeholder", "allowNegativeNumbers", "disableThousandSeparator"], outputs: ["onNext", "onBack", "change", "onchange", "blur", "onfocus", "onfocusout"] }, { kind: "component", type: DatePickerComponent, selector: "date-picker", inputs: ["showLabel", "label", "autocomplete", "next", "nextIsDisable", "back", "backIsDisable", "required", "noAutoCompleteNull", "readonly", "validatorMessage", "tooltipMessage", "validatorAlert", "submitted", "labelInfo", "textLabelInfo", "minDate", "maxDate", "invalid", "focusInitial", "disabled", "restrictInputLength"], outputs: ["onNext", "onBack", "input", "onchange", "blur"] }, { kind: "component", type: DateTimePickerEditableComponent, selector: "date-time-picker-editable", inputs: ["label", "showLabel", "readonly", "required", "validatorMessage", "tooltipMessage", "submitted", "format", "next", "nextIsDisable", "labelInfo", "textLabelInfo", "back", "backIsDisable", "openWhenFocus", "goNextWhenSelect", "clearable", "autoCompleteHours", "autoComplete", "disabled"], outputs: ["onNext", "onBack"] }] }); }
|
|
6331
6331
|
}
|
|
6332
6332
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ContainerSharedComponent, decorators: [{
|
|
6333
6333
|
type: Component,
|
|
6334
|
-
args: [{ selector: 'container-shared-component', template: "<div [ngStyle]=\"{'width': width}\" class=\"position-relative row\">\
|
|
6334
|
+
args: [{ selector: 'container-shared-component', template: "<div [ngStyle]=\"{'width': width}\" class=\"position-relative row\">\n\t<div *ngIf=\"typeControl==='ng-select-simple'\" class=\"col-12\">\n\t\t<ng-select-simple\n\t\t\t[showLabel]=\"false\"\n\t\t\t[label]=\"label\"\n\t\t\t[required]=\"required\"\n\t\t\t[clearable]=\"clearable\"\n\t\t\t[formControl]=\"formControl\"\n\t\t\t[tooltipMessage]=\"true\"\n\t\t\t[validatorMessage]=\"false\"\n\t\t\t#control\n\t\t\t[items]=\"items\">\n\t\t</ng-select-simple>\n\t</div>\n\t<div *ngIf=\"typeControl==='input-text'\" class=\"col-12\">\n\t\t<input-text\n\t\t\t(blur)=\"onFocusOut()\"\n\t\t\t[showLabel]=\"false\"\n\t\t\t[label]=\"label\"\n\t\t\t[required]=\"required\"\n\t\t\t[formControl]=\"formControl\"\n\t\t\t[inputMask]=\"inputMask\"\n\t\t\t[textRight]=\"textRight\"\n\t\t\t[tooltipMessage]=\"true\"\n\t\t\t[validatorMessage]=\"false\"\n\t\t\t(keypress)=\"detec($event)\"\n\t\t\t#control>\n\t\t</input-text>\n\t</div>\n\t<div *ngIf=\"typeControl==='input-number'\" class=\"col-12\">\n\t\t<input-number\n\t\t\t(blur)=\"onFocusOut()\"\n\t\t\t[formatCero]=\"formatCero\"\n\t\t\t[maxLength]=\"maxLength\"\n\t\t\t[showLabel]=\"false\"\n\t\t\t[decimals]=\"decimals\"\n\t\t\t[label]=\"label\"\n\t\t\t[tooltipMessage]=\"true\"\n\t\t\t[validatorMessage]=\"false\"\n\t\t\t[required]=\"required\"\n\t\t\t[formControl]=\"formControl\"\n\t\t\t#control>\n\t\t</input-number>\n\t</div>\n\t<div *ngIf=\"typeControl==='date-picker'\" class=\"col-12\">\n\t\t<date-picker\n\t\t\t[showLabel]=\"false\"\n\t\t\t[label]=\"label\"\n\t\t\t[required]=\"required\"\n\t\t\t[formControl]=\"formControl\"\n\t\t\t[tooltipMessage]=\"true\"\n\t\t\t[validatorMessage]=\"false\"\n\t\t\t#control>\n\t\t</date-picker>\n\t</div>\n\t<div *ngIf=\"typeControl==='date-time-picker-editable'\" class=\"col-12\">\n\t\t<date-time-picker-editable\n\t\t\t[showLabel]=\"false\"\n\t\t\t[label]=\"label\"\n\t\t\t[required]=\"required\"\n\t\t\t[formControl]=\"formControl\"\n\t\t\t[tooltipMessage]=\"true\"\n\t\t\t[validatorMessage]=\"false\"\n\t\t\t#control>\n\t\t\t></date-time-picker-editable\n\t\t>\n\t</div>\n</div>\n", styles: [".ag-theme-balham .ag-cell.ag-cell-inline-editing{height:100%}\n"] }]
|
|
6335
6335
|
}], ctorParameters: () => [], propDecorators: { control: [{
|
|
6336
6336
|
type: ViewChild,
|
|
6337
6337
|
args: ['control']
|
|
@@ -6345,20 +6345,20 @@ class NoRowsOverlayCustomComponent {
|
|
|
6345
6345
|
this.params?.addRow();
|
|
6346
6346
|
}
|
|
6347
6347
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: NoRowsOverlayCustomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6348
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: NoRowsOverlayCustomComponent, selector: "edit-delete", ngImport: i0, template: `
|
|
6349
|
-
<p class="ag-overlay-loading-center border-0 bg-transparent shadow-none d-flex flex-column">
|
|
6350
|
-
<span>No se encontraron registros...</span>
|
|
6351
|
-
<a href="javascript:void(0)" (click)="onNoRowsClick()">Agregar</a>
|
|
6352
|
-
</p>
|
|
6348
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: NoRowsOverlayCustomComponent, selector: "edit-delete", ngImport: i0, template: `
|
|
6349
|
+
<p class="ag-overlay-loading-center border-0 bg-transparent shadow-none d-flex flex-column">
|
|
6350
|
+
<span>No se encontraron registros...</span>
|
|
6351
|
+
<a href="javascript:void(0)" (click)="onNoRowsClick()">Agregar</a>
|
|
6352
|
+
</p>
|
|
6353
6353
|
`, isInline: true }); }
|
|
6354
6354
|
}
|
|
6355
6355
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: NoRowsOverlayCustomComponent, decorators: [{
|
|
6356
6356
|
type: Component,
|
|
6357
|
-
args: [{ selector: 'edit-delete', template: `
|
|
6358
|
-
<p class="ag-overlay-loading-center border-0 bg-transparent shadow-none d-flex flex-column">
|
|
6359
|
-
<span>No se encontraron registros...</span>
|
|
6360
|
-
<a href="javascript:void(0)" (click)="onNoRowsClick()">Agregar</a>
|
|
6361
|
-
</p>
|
|
6357
|
+
args: [{ selector: 'edit-delete', template: `
|
|
6358
|
+
<p class="ag-overlay-loading-center border-0 bg-transparent shadow-none d-flex flex-column">
|
|
6359
|
+
<span>No se encontraron registros...</span>
|
|
6360
|
+
<a href="javascript:void(0)" (click)="onNoRowsClick()">Agregar</a>
|
|
6361
|
+
</p>
|
|
6362
6362
|
` }]
|
|
6363
6363
|
}] });
|
|
6364
6364
|
|
|
@@ -6367,18 +6367,18 @@ class NoRowsOverlayDefaultComponent {
|
|
|
6367
6367
|
this.params = params;
|
|
6368
6368
|
}
|
|
6369
6369
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: NoRowsOverlayDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6370
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: NoRowsOverlayDefaultComponent, selector: "edit-delete", ngImport: i0, template: `
|
|
6371
|
-
<span class="ag-overlay-loading-center border-0 bg-transparent shadow-none">
|
|
6372
|
-
No se encontraron registros...
|
|
6373
|
-
</span>
|
|
6370
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: NoRowsOverlayDefaultComponent, selector: "edit-delete", ngImport: i0, template: `
|
|
6371
|
+
<span class="ag-overlay-loading-center border-0 bg-transparent shadow-none">
|
|
6372
|
+
No se encontraron registros...
|
|
6373
|
+
</span>
|
|
6374
6374
|
`, isInline: true }); }
|
|
6375
6375
|
}
|
|
6376
6376
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: NoRowsOverlayDefaultComponent, decorators: [{
|
|
6377
6377
|
type: Component,
|
|
6378
|
-
args: [{ selector: 'edit-delete', template: `
|
|
6379
|
-
<span class="ag-overlay-loading-center border-0 bg-transparent shadow-none">
|
|
6380
|
-
No se encontraron registros...
|
|
6381
|
-
</span>
|
|
6378
|
+
args: [{ selector: 'edit-delete', template: `
|
|
6379
|
+
<span class="ag-overlay-loading-center border-0 bg-transparent shadow-none">
|
|
6380
|
+
No se encontraron registros...
|
|
6381
|
+
</span>
|
|
6382
6382
|
` }]
|
|
6383
6383
|
}] });
|
|
6384
6384
|
|
|
@@ -6429,138 +6429,139 @@ class ScMenuPanelComponent extends ScCellRenderBase {
|
|
|
6429
6429
|
this.idScMenuPanel = `sc-menu-panel-${++scMenuPanelNextId}`;
|
|
6430
6430
|
this.subMenus = [];
|
|
6431
6431
|
}
|
|
6432
|
-
onButtonActionEmit(action) {
|
|
6432
|
+
onButtonActionEmit(action, isRightClick = false) {
|
|
6433
6433
|
const index = this.params?.node.rowIndex ?? -1;
|
|
6434
6434
|
this._scCellRenderButtonService.buttonAction({
|
|
6435
6435
|
index,
|
|
6436
6436
|
action,
|
|
6437
|
+
isRightClick
|
|
6437
6438
|
});
|
|
6438
6439
|
}
|
|
6439
6440
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScMenuPanelComponent, deps: [{ token: ScCellRenderButtonService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6440
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScMenuPanelComponent, selector: "sc-menu-panel", inputs: { subMenus: "subMenus", params: "params" }, host: { properties: { "id": "idScMenuPanel" } }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
6441
|
-
<mat-menu #menu>
|
|
6442
|
-
<ng-container *ngFor="let subMenu of subMenus">
|
|
6443
|
-
<ng-container *ngIf="!isFunctionHide(subMenu.hide ?? false)">
|
|
6444
|
-
<button
|
|
6445
|
-
*ngIf="!subMenu.submenu; else branch"
|
|
6446
|
-
mat-menu-item
|
|
6447
|
-
[disabled]="isFunctionDisabled(subMenu?.disabled)"
|
|
6448
|
-
[class.sc-menu-panel-bottom]="subMenu?.icon !== undefined"
|
|
6449
|
-
[attr.aria-label]="subMenu?.label ?? ''"
|
|
6450
|
-
(click)="onButtonActionEmit(subMenu?.actionCode ?? '')"
|
|
6451
|
-
>
|
|
6452
|
-
<i
|
|
6453
|
-
*ngIf="subMenu?.icon"
|
|
6454
|
-
class="fa-lg"
|
|
6455
|
-
[class]="
|
|
6456
|
-
'sc-menu-panel-icon ' +
|
|
6457
|
-
subMenu.icon +
|
|
6458
|
-
' ' +
|
|
6459
|
-
(isFunctionDisabled(subMenu?.disabled)
|
|
6460
|
-
? 'text-muted'
|
|
6461
|
-
: subMenu?.iconClass ?? '')
|
|
6462
|
-
"
|
|
6463
|
-
></i>
|
|
6464
|
-
<span class="sumax-label">{{ subMenu?.label ?? '' }}</span>
|
|
6465
|
-
</button>
|
|
6466
|
-
|
|
6467
|
-
<ng-template #branch>
|
|
6468
|
-
<button
|
|
6469
|
-
mat-menu-item
|
|
6470
|
-
[matMenuTriggerFor]="innerPanel.menu"
|
|
6471
|
-
[class.sc-menu-panel-bottom]="subMenu?.icon !== undefined"
|
|
6472
|
-
[disabled]="isFunctionDisabled(subMenu?.disabled)"
|
|
6473
|
-
[attr.aria-label]="subMenu?.label ?? ''"
|
|
6474
|
-
>
|
|
6475
|
-
<i
|
|
6476
|
-
*ngIf="subMenu?.icon"
|
|
6477
|
-
class="fa-lg"
|
|
6478
|
-
[class]="
|
|
6479
|
-
'sc-menu-panel-icon ' +
|
|
6480
|
-
subMenu.icon +
|
|
6481
|
-
' ' +
|
|
6482
|
-
(isFunctionDisabled(subMenu?.disabled)
|
|
6483
|
-
? 'text-muted'
|
|
6484
|
-
: subMenu?.iconClass ?? '')
|
|
6485
|
-
"
|
|
6486
|
-
></i>
|
|
6487
|
-
<span class="sumax-label">{{ subMenu?.label ?? '' }}</span>
|
|
6488
|
-
</button>
|
|
6489
|
-
|
|
6490
|
-
<sc-menu-panel
|
|
6491
|
-
#innerPanel
|
|
6492
|
-
[params]="params"
|
|
6493
|
-
(onButtonAction)="onButtonActionEmit(subMenu?.actionCode ?? '')"
|
|
6494
|
-
[subMenus]="subMenu.submenu ?? []"
|
|
6495
|
-
></sc-menu-panel>
|
|
6496
|
-
</ng-template>
|
|
6497
|
-
</ng-container>
|
|
6498
|
-
</ng-container>
|
|
6499
|
-
</mat-menu>
|
|
6441
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScMenuPanelComponent, selector: "sc-menu-panel", inputs: { subMenus: "subMenus", params: "params" }, host: { properties: { "id": "idScMenuPanel" } }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
6442
|
+
<mat-menu #menu>
|
|
6443
|
+
<ng-container *ngFor="let subMenu of subMenus">
|
|
6444
|
+
<ng-container *ngIf="!isFunctionHide(subMenu.hide ?? false)">
|
|
6445
|
+
<button
|
|
6446
|
+
*ngIf="!subMenu.submenu; else branch"
|
|
6447
|
+
mat-menu-item
|
|
6448
|
+
[disabled]="isFunctionDisabled(subMenu?.disabled)"
|
|
6449
|
+
[class.sc-menu-panel-bottom]="subMenu?.icon !== undefined"
|
|
6450
|
+
[attr.aria-label]="subMenu?.label ?? ''"
|
|
6451
|
+
(click)="onButtonActionEmit(subMenu?.actionCode ?? '')"
|
|
6452
|
+
>
|
|
6453
|
+
<i
|
|
6454
|
+
*ngIf="subMenu?.icon"
|
|
6455
|
+
class="fa-lg"
|
|
6456
|
+
[class]="
|
|
6457
|
+
'sc-menu-panel-icon ' +
|
|
6458
|
+
subMenu.icon +
|
|
6459
|
+
' ' +
|
|
6460
|
+
(isFunctionDisabled(subMenu?.disabled)
|
|
6461
|
+
? 'text-muted'
|
|
6462
|
+
: subMenu?.iconClass ?? '')
|
|
6463
|
+
"
|
|
6464
|
+
></i>
|
|
6465
|
+
<span class="sumax-label">{{ subMenu?.label ?? '' }}</span>
|
|
6466
|
+
</button>
|
|
6467
|
+
|
|
6468
|
+
<ng-template #branch>
|
|
6469
|
+
<button
|
|
6470
|
+
mat-menu-item
|
|
6471
|
+
[matMenuTriggerFor]="innerPanel.menu"
|
|
6472
|
+
[class.sc-menu-panel-bottom]="subMenu?.icon !== undefined"
|
|
6473
|
+
[disabled]="isFunctionDisabled(subMenu?.disabled)"
|
|
6474
|
+
[attr.aria-label]="subMenu?.label ?? ''"
|
|
6475
|
+
>
|
|
6476
|
+
<i
|
|
6477
|
+
*ngIf="subMenu?.icon"
|
|
6478
|
+
class="fa-lg"
|
|
6479
|
+
[class]="
|
|
6480
|
+
'sc-menu-panel-icon ' +
|
|
6481
|
+
subMenu.icon +
|
|
6482
|
+
' ' +
|
|
6483
|
+
(isFunctionDisabled(subMenu?.disabled)
|
|
6484
|
+
? 'text-muted'
|
|
6485
|
+
: subMenu?.iconClass ?? '')
|
|
6486
|
+
"
|
|
6487
|
+
></i>
|
|
6488
|
+
<span class="sumax-label">{{ subMenu?.label ?? '' }}</span>
|
|
6489
|
+
</button>
|
|
6490
|
+
|
|
6491
|
+
<sc-menu-panel
|
|
6492
|
+
#innerPanel
|
|
6493
|
+
[params]="params"
|
|
6494
|
+
(onButtonAction)="onButtonActionEmit(subMenu?.actionCode ?? '')"
|
|
6495
|
+
[subMenus]="subMenu.submenu ?? []"
|
|
6496
|
+
></sc-menu-panel>
|
|
6497
|
+
</ng-template>
|
|
6498
|
+
</ng-container>
|
|
6499
|
+
</ng-container>
|
|
6500
|
+
</mat-menu>
|
|
6500
6501
|
`, isInline: true, styles: [".sc-menu-panel-bottom{display:flex;align-items:center}.sc-menu-panel-icon{width:1.6rem;margin-right:.3em}.mat-menu-item[disabled]{pointer-events:auto!important;cursor:no-drop!important}button:disabled{cursor:no-drop}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: ScMenuPanelComponent, selector: "sc-menu-panel", inputs: ["subMenus", "params"] }] }); }
|
|
6501
6502
|
}
|
|
6502
6503
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScMenuPanelComponent, decorators: [{
|
|
6503
6504
|
type: Component,
|
|
6504
|
-
args: [{ selector: 'sc-menu-panel', template: `
|
|
6505
|
-
<mat-menu #menu>
|
|
6506
|
-
<ng-container *ngFor="let subMenu of subMenus">
|
|
6507
|
-
<ng-container *ngIf="!isFunctionHide(subMenu.hide ?? false)">
|
|
6508
|
-
<button
|
|
6509
|
-
*ngIf="!subMenu.submenu; else branch"
|
|
6510
|
-
mat-menu-item
|
|
6511
|
-
[disabled]="isFunctionDisabled(subMenu?.disabled)"
|
|
6512
|
-
[class.sc-menu-panel-bottom]="subMenu?.icon !== undefined"
|
|
6513
|
-
[attr.aria-label]="subMenu?.label ?? ''"
|
|
6514
|
-
(click)="onButtonActionEmit(subMenu?.actionCode ?? '')"
|
|
6515
|
-
>
|
|
6516
|
-
<i
|
|
6517
|
-
*ngIf="subMenu?.icon"
|
|
6518
|
-
class="fa-lg"
|
|
6519
|
-
[class]="
|
|
6520
|
-
'sc-menu-panel-icon ' +
|
|
6521
|
-
subMenu.icon +
|
|
6522
|
-
' ' +
|
|
6523
|
-
(isFunctionDisabled(subMenu?.disabled)
|
|
6524
|
-
? 'text-muted'
|
|
6525
|
-
: subMenu?.iconClass ?? '')
|
|
6526
|
-
"
|
|
6527
|
-
></i>
|
|
6528
|
-
<span class="sumax-label">{{ subMenu?.label ?? '' }}</span>
|
|
6529
|
-
</button>
|
|
6530
|
-
|
|
6531
|
-
<ng-template #branch>
|
|
6532
|
-
<button
|
|
6533
|
-
mat-menu-item
|
|
6534
|
-
[matMenuTriggerFor]="innerPanel.menu"
|
|
6535
|
-
[class.sc-menu-panel-bottom]="subMenu?.icon !== undefined"
|
|
6536
|
-
[disabled]="isFunctionDisabled(subMenu?.disabled)"
|
|
6537
|
-
[attr.aria-label]="subMenu?.label ?? ''"
|
|
6538
|
-
>
|
|
6539
|
-
<i
|
|
6540
|
-
*ngIf="subMenu?.icon"
|
|
6541
|
-
class="fa-lg"
|
|
6542
|
-
[class]="
|
|
6543
|
-
'sc-menu-panel-icon ' +
|
|
6544
|
-
subMenu.icon +
|
|
6545
|
-
' ' +
|
|
6546
|
-
(isFunctionDisabled(subMenu?.disabled)
|
|
6547
|
-
? 'text-muted'
|
|
6548
|
-
: subMenu?.iconClass ?? '')
|
|
6549
|
-
"
|
|
6550
|
-
></i>
|
|
6551
|
-
<span class="sumax-label">{{ subMenu?.label ?? '' }}</span>
|
|
6552
|
-
</button>
|
|
6553
|
-
|
|
6554
|
-
<sc-menu-panel
|
|
6555
|
-
#innerPanel
|
|
6556
|
-
[params]="params"
|
|
6557
|
-
(onButtonAction)="onButtonActionEmit(subMenu?.actionCode ?? '')"
|
|
6558
|
-
[subMenus]="subMenu.submenu ?? []"
|
|
6559
|
-
></sc-menu-panel>
|
|
6560
|
-
</ng-template>
|
|
6561
|
-
</ng-container>
|
|
6562
|
-
</ng-container>
|
|
6563
|
-
</mat-menu>
|
|
6505
|
+
args: [{ selector: 'sc-menu-panel', template: `
|
|
6506
|
+
<mat-menu #menu>
|
|
6507
|
+
<ng-container *ngFor="let subMenu of subMenus">
|
|
6508
|
+
<ng-container *ngIf="!isFunctionHide(subMenu.hide ?? false)">
|
|
6509
|
+
<button
|
|
6510
|
+
*ngIf="!subMenu.submenu; else branch"
|
|
6511
|
+
mat-menu-item
|
|
6512
|
+
[disabled]="isFunctionDisabled(subMenu?.disabled)"
|
|
6513
|
+
[class.sc-menu-panel-bottom]="subMenu?.icon !== undefined"
|
|
6514
|
+
[attr.aria-label]="subMenu?.label ?? ''"
|
|
6515
|
+
(click)="onButtonActionEmit(subMenu?.actionCode ?? '')"
|
|
6516
|
+
>
|
|
6517
|
+
<i
|
|
6518
|
+
*ngIf="subMenu?.icon"
|
|
6519
|
+
class="fa-lg"
|
|
6520
|
+
[class]="
|
|
6521
|
+
'sc-menu-panel-icon ' +
|
|
6522
|
+
subMenu.icon +
|
|
6523
|
+
' ' +
|
|
6524
|
+
(isFunctionDisabled(subMenu?.disabled)
|
|
6525
|
+
? 'text-muted'
|
|
6526
|
+
: subMenu?.iconClass ?? '')
|
|
6527
|
+
"
|
|
6528
|
+
></i>
|
|
6529
|
+
<span class="sumax-label">{{ subMenu?.label ?? '' }}</span>
|
|
6530
|
+
</button>
|
|
6531
|
+
|
|
6532
|
+
<ng-template #branch>
|
|
6533
|
+
<button
|
|
6534
|
+
mat-menu-item
|
|
6535
|
+
[matMenuTriggerFor]="innerPanel.menu"
|
|
6536
|
+
[class.sc-menu-panel-bottom]="subMenu?.icon !== undefined"
|
|
6537
|
+
[disabled]="isFunctionDisabled(subMenu?.disabled)"
|
|
6538
|
+
[attr.aria-label]="subMenu?.label ?? ''"
|
|
6539
|
+
>
|
|
6540
|
+
<i
|
|
6541
|
+
*ngIf="subMenu?.icon"
|
|
6542
|
+
class="fa-lg"
|
|
6543
|
+
[class]="
|
|
6544
|
+
'sc-menu-panel-icon ' +
|
|
6545
|
+
subMenu.icon +
|
|
6546
|
+
' ' +
|
|
6547
|
+
(isFunctionDisabled(subMenu?.disabled)
|
|
6548
|
+
? 'text-muted'
|
|
6549
|
+
: subMenu?.iconClass ?? '')
|
|
6550
|
+
"
|
|
6551
|
+
></i>
|
|
6552
|
+
<span class="sumax-label">{{ subMenu?.label ?? '' }}</span>
|
|
6553
|
+
</button>
|
|
6554
|
+
|
|
6555
|
+
<sc-menu-panel
|
|
6556
|
+
#innerPanel
|
|
6557
|
+
[params]="params"
|
|
6558
|
+
(onButtonAction)="onButtonActionEmit(subMenu?.actionCode ?? '')"
|
|
6559
|
+
[subMenus]="subMenu.submenu ?? []"
|
|
6560
|
+
></sc-menu-panel>
|
|
6561
|
+
</ng-template>
|
|
6562
|
+
</ng-container>
|
|
6563
|
+
</ng-container>
|
|
6564
|
+
</mat-menu>
|
|
6564
6565
|
`, host: {
|
|
6565
6566
|
'[id]': 'idScMenuPanel',
|
|
6566
6567
|
}, styles: [".sc-menu-panel-bottom{display:flex;align-items:center}.sc-menu-panel-icon{width:1.6rem;margin-right:.3em}.mat-menu-item[disabled]{pointer-events:auto!important;cursor:no-drop!important}button:disabled{cursor:no-drop}\n"] }]
|
|
@@ -6583,9 +6584,9 @@ class ScCellRendererButtonComponent extends ScCellRenderBase {
|
|
|
6583
6584
|
this.configButtons =
|
|
6584
6585
|
params.context.componentParent._configButtonsDefaultAgGrid;
|
|
6585
6586
|
}
|
|
6586
|
-
onButtonAction(typeButton) {
|
|
6587
|
+
onButtonAction(typeButton, isRightClick = false) {
|
|
6587
6588
|
if (typeButton)
|
|
6588
|
-
this.params?.context.componentParent.onButtonActionAgGridEmit(this.params.node.rowIndex, typeButton);
|
|
6589
|
+
this.params?.context.componentParent.onButtonActionAgGridEmit(this.params.node.rowIndex, typeButton, isRightClick);
|
|
6589
6590
|
}
|
|
6590
6591
|
refresh(_) {
|
|
6591
6592
|
return true;
|
|
@@ -6608,14 +6609,14 @@ class ScCellRendererButtonComponent extends ScCellRenderBase {
|
|
|
6608
6609
|
return configButtons?.tooltipOption;
|
|
6609
6610
|
}
|
|
6610
6611
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScCellRendererButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
6611
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScCellRendererButtonComponent, selector: "ng-component", host: { properties: { "id": "idScCellRenderButton" }, classAttribute: "d-flex justify-content-center sc-cell-render-button" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let option of configButtons\">\
|
|
6612
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScCellRendererButtonComponent, selector: "ng-component", host: { properties: { "id": "idScCellRenderButton" }, classAttribute: "d-flex justify-content-center sc-cell-render-button" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let option of configButtons\">\n <ng-container *ngIf=\"option?.submenu?.length ?? 0 > 0; else buttonPrincipal\">\n <ng-container *ngIf=\"!hideSubMenu(option?.submenu ?? [])\">\n <button\n matRipple\n class=\"btn sc-cell-render-button-action\"\n [ngClass]=\"option?.buttonOption?.classList ? $any(option?.buttonOption?.classList) : ''\"\n *ngIf=\"!isFunctionHide(option?.hide ?? false)\"\n [disabled]=\"isFunctionDisabled(option?.disabled)\"\n [matMenuTriggerFor]=\"panel.menu\"\n [matTooltip]=\"getTooltipOption(option).label\"\n [matTooltipClass]=\"getTooltipOption(option).classList ?? ''\"\n [matTooltipDisabled]=\"isFunctionDisabled(option?.disabled)\"\n [attr.aria-label]=\"getTooltipOption(option).label\">\n <em\n class=\"p-0\"\n [class]=\"\n (option?.iconOption?.icon ?? '') +\n ' ' +\n (isFunctionDisabled(option?.disabled) ? 'text-muted' : option?.iconOption?.classList ?? '')\n \"></em>\n </button>\n\n <sc-menu-panel #panel [params]=\"params\" [subMenus]=\"option.submenu ?? []\"></sc-menu-panel>\n </ng-container>\n </ng-container>\n\n <ng-template #buttonPrincipal>\n <button\n *ngIf=\"!isFunctionHide(option?.hide ?? false)\"\n [disabled]=\"isFunctionDisabled(option?.disabled)\"\n [ngClass]=\"option?.buttonOption?.classList ? $any(option?.buttonOption?.classList) : ''\"\n class=\"btn sc-cell-render-button-action\"\n matRipple\n (click)=\"onButtonAction(option?.actionCode ?? '')\"\n (auxclick)=\"onButtonAction(option?.actionCode ?? '', true)\"\n type=\"button\"\n [matTooltip]=\"getTooltipOption(option).label\"\n [matTooltipClass]=\"getTooltipOption(option).classList ?? ''\"\n [matTooltipDisabled]=\"isFunctionDisabled(option?.disabled)\"\n [attr.aria-label]=\"getTooltipOption(option).label\">\n <em\n class=\"pt-0\"\n [class]=\"\n (option?.iconOption?.icon ?? '') +\n ' ' +\n (isFunctionDisabled(option?.disabled) ? 'text-muted' : option?.iconOption?.classList ?? '')\n \"></em>\n </button>\n </ng-template>\n</ng-container>\n", styles: [".sc-cell-render-button{padding:.1em 1em}.sc-cell-render-button-action{border:none;border-radius:50%;padding:0 .5em;text-align:center;margin:.1em;background-color:transparent}.sc-cell-render-button-action i{display:block;width:1.7em;height:1.7em;line-height:1.7em;padding-right:0}button:disabled{cursor:no-drop}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ScMenuPanelComponent, selector: "sc-menu-panel", inputs: ["subMenus", "params"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6612
6613
|
}
|
|
6613
6614
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScCellRendererButtonComponent, decorators: [{
|
|
6614
6615
|
type: Component,
|
|
6615
6616
|
args: [{ host: {
|
|
6616
6617
|
'[id]': 'idScCellRenderButton',
|
|
6617
6618
|
class: 'd-flex justify-content-center sc-cell-render-button',
|
|
6618
|
-
}, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngFor=\"let option of configButtons\">\
|
|
6619
|
+
}, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngFor=\"let option of configButtons\">\n <ng-container *ngIf=\"option?.submenu?.length ?? 0 > 0; else buttonPrincipal\">\n <ng-container *ngIf=\"!hideSubMenu(option?.submenu ?? [])\">\n <button\n matRipple\n class=\"btn sc-cell-render-button-action\"\n [ngClass]=\"option?.buttonOption?.classList ? $any(option?.buttonOption?.classList) : ''\"\n *ngIf=\"!isFunctionHide(option?.hide ?? false)\"\n [disabled]=\"isFunctionDisabled(option?.disabled)\"\n [matMenuTriggerFor]=\"panel.menu\"\n [matTooltip]=\"getTooltipOption(option).label\"\n [matTooltipClass]=\"getTooltipOption(option).classList ?? ''\"\n [matTooltipDisabled]=\"isFunctionDisabled(option?.disabled)\"\n [attr.aria-label]=\"getTooltipOption(option).label\">\n <em\n class=\"p-0\"\n [class]=\"\n (option?.iconOption?.icon ?? '') +\n ' ' +\n (isFunctionDisabled(option?.disabled) ? 'text-muted' : option?.iconOption?.classList ?? '')\n \"></em>\n </button>\n\n <sc-menu-panel #panel [params]=\"params\" [subMenus]=\"option.submenu ?? []\"></sc-menu-panel>\n </ng-container>\n </ng-container>\n\n <ng-template #buttonPrincipal>\n <button\n *ngIf=\"!isFunctionHide(option?.hide ?? false)\"\n [disabled]=\"isFunctionDisabled(option?.disabled)\"\n [ngClass]=\"option?.buttonOption?.classList ? $any(option?.buttonOption?.classList) : ''\"\n class=\"btn sc-cell-render-button-action\"\n matRipple\n (click)=\"onButtonAction(option?.actionCode ?? '')\"\n (auxclick)=\"onButtonAction(option?.actionCode ?? '', true)\"\n type=\"button\"\n [matTooltip]=\"getTooltipOption(option).label\"\n [matTooltipClass]=\"getTooltipOption(option).classList ?? ''\"\n [matTooltipDisabled]=\"isFunctionDisabled(option?.disabled)\"\n [attr.aria-label]=\"getTooltipOption(option).label\">\n <em\n class=\"pt-0\"\n [class]=\"\n (option?.iconOption?.icon ?? '') +\n ' ' +\n (isFunctionDisabled(option?.disabled) ? 'text-muted' : option?.iconOption?.classList ?? '')\n \"></em>\n </button>\n </ng-template>\n</ng-container>\n", styles: [".sc-cell-render-button{padding:.1em 1em}.sc-cell-render-button-action{border:none;border-radius:50%;padding:0 .5em;text-align:center;margin:.1em;background-color:transparent}.sc-cell-render-button-action i{display:block;width:1.7em;height:1.7em;line-height:1.7em;padding-right:0}button:disabled{cursor:no-drop}\n"] }]
|
|
6619
6620
|
}] });
|
|
6620
6621
|
|
|
6621
6622
|
let nextId$1 = 0;
|
|
@@ -6630,46 +6631,46 @@ class ScCellRenderCheckboxListComponent {
|
|
|
6630
6631
|
return false;
|
|
6631
6632
|
}
|
|
6632
6633
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScCellRenderCheckboxListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6633
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScCellRenderCheckboxListComponent, selector: "ng-component", host: { properties: { "id": "idScCellRenderCheckboxLis" } }, ngImport: i0, template: `
|
|
6634
|
-
<div>
|
|
6635
|
-
<ul>
|
|
6636
|
-
<ng-container *ngIf="params?.value as items">
|
|
6637
|
-
<li *ngFor="let item of items">
|
|
6638
|
-
<ng-container *ngIf="item">
|
|
6639
|
-
<mat-checkbox
|
|
6640
|
-
[ngClass]="{ 'checkbox-list-disabled': item.disabled }"
|
|
6641
|
-
color="primary"
|
|
6642
|
-
[(ngModel)]="item.checked"
|
|
6643
|
-
[disabled]="item.disabled"
|
|
6644
|
-
>{{ item.label || '' }}</mat-checkbox
|
|
6645
|
-
>
|
|
6646
|
-
</ng-container>
|
|
6647
|
-
</li>
|
|
6648
|
-
</ng-container>
|
|
6649
|
-
</ul>
|
|
6650
|
-
</div>
|
|
6634
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScCellRenderCheckboxListComponent, selector: "ng-component", host: { properties: { "id": "idScCellRenderCheckboxLis" } }, ngImport: i0, template: `
|
|
6635
|
+
<div>
|
|
6636
|
+
<ul>
|
|
6637
|
+
<ng-container *ngIf="params?.value as items">
|
|
6638
|
+
<li *ngFor="let item of items">
|
|
6639
|
+
<ng-container *ngIf="item">
|
|
6640
|
+
<mat-checkbox
|
|
6641
|
+
[ngClass]="{ 'checkbox-list-disabled': item.disabled }"
|
|
6642
|
+
color="primary"
|
|
6643
|
+
[(ngModel)]="item.checked"
|
|
6644
|
+
[disabled]="item.disabled"
|
|
6645
|
+
>{{ item.label || '' }}</mat-checkbox
|
|
6646
|
+
>
|
|
6647
|
+
</ng-container>
|
|
6648
|
+
</li>
|
|
6649
|
+
</ng-container>
|
|
6650
|
+
</ul>
|
|
6651
|
+
</div>
|
|
6651
6652
|
`, isInline: true, styles: ["ul{list-style-type:none;margin-top:1.5px;padding-left:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6652
6653
|
}
|
|
6653
6654
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScCellRenderCheckboxListComponent, decorators: [{
|
|
6654
6655
|
type: Component,
|
|
6655
|
-
args: [{ template: `
|
|
6656
|
-
<div>
|
|
6657
|
-
<ul>
|
|
6658
|
-
<ng-container *ngIf="params?.value as items">
|
|
6659
|
-
<li *ngFor="let item of items">
|
|
6660
|
-
<ng-container *ngIf="item">
|
|
6661
|
-
<mat-checkbox
|
|
6662
|
-
[ngClass]="{ 'checkbox-list-disabled': item.disabled }"
|
|
6663
|
-
color="primary"
|
|
6664
|
-
[(ngModel)]="item.checked"
|
|
6665
|
-
[disabled]="item.disabled"
|
|
6666
|
-
>{{ item.label || '' }}</mat-checkbox
|
|
6667
|
-
>
|
|
6668
|
-
</ng-container>
|
|
6669
|
-
</li>
|
|
6670
|
-
</ng-container>
|
|
6671
|
-
</ul>
|
|
6672
|
-
</div>
|
|
6656
|
+
args: [{ template: `
|
|
6657
|
+
<div>
|
|
6658
|
+
<ul>
|
|
6659
|
+
<ng-container *ngIf="params?.value as items">
|
|
6660
|
+
<li *ngFor="let item of items">
|
|
6661
|
+
<ng-container *ngIf="item">
|
|
6662
|
+
<mat-checkbox
|
|
6663
|
+
[ngClass]="{ 'checkbox-list-disabled': item.disabled }"
|
|
6664
|
+
color="primary"
|
|
6665
|
+
[(ngModel)]="item.checked"
|
|
6666
|
+
[disabled]="item.disabled"
|
|
6667
|
+
>{{ item.label || '' }}</mat-checkbox
|
|
6668
|
+
>
|
|
6669
|
+
</ng-container>
|
|
6670
|
+
</li>
|
|
6671
|
+
</ng-container>
|
|
6672
|
+
</ul>
|
|
6673
|
+
</div>
|
|
6673
6674
|
`, host: {
|
|
6674
6675
|
'[id]': 'idScCellRenderCheckboxLis',
|
|
6675
6676
|
}, encapsulation: ViewEncapsulation.None, styles: ["ul{list-style-type:none;margin-top:1.5px;padding-left:0}\n"] }]
|
|
@@ -6710,30 +6711,30 @@ class ScCellRenderSelectComponent {
|
|
|
6710
6711
|
this._params.api.stopEditing();
|
|
6711
6712
|
}
|
|
6712
6713
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScCellRenderSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6713
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScCellRenderSelectComponent, selector: "sc-cell-render-select", ngImport: i0, template: `
|
|
6714
|
-
<ng-select-simple
|
|
6715
|
-
(change)="onChange($event)"
|
|
6716
|
-
[formControl]="formControl"
|
|
6717
|
-
[items]="items$"
|
|
6718
|
-
[virtualScroll]="true"
|
|
6719
|
-
[clearable]="false"
|
|
6720
|
-
>
|
|
6721
|
-
</ng-select-simple>
|
|
6714
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScCellRenderSelectComponent, selector: "sc-cell-render-select", ngImport: i0, template: `
|
|
6715
|
+
<ng-select-simple
|
|
6716
|
+
(change)="onChange($event)"
|
|
6717
|
+
[formControl]="formControl"
|
|
6718
|
+
[items]="items$"
|
|
6719
|
+
[virtualScroll]="true"
|
|
6720
|
+
[clearable]="false"
|
|
6721
|
+
>
|
|
6722
|
+
</ng-select-simple>
|
|
6722
6723
|
`, isInline: true, dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: NgSelectSimpleComponent, selector: "ng-select-simple", inputs: ["showLabel", "label", "autocomplete", "next", "nextIsDisable", "back", "backIsDisable", "required", "disabled", "readonly", "validatorMessage", "tooltipMessage", "openWhenFocus", "searchBy", "markFirstItem", "markWhenHaveOneItem", "submitted", "setNgClass", "searchable", "validatorAlert", "upperCase", "templateLabel", "appendTo", "items", "loading", "loadingText", "clearAllText", "notFoundText", "markFirst", "clearable", "clearOnBackspace", "virtualScroll", "openOnEnter", "refresh", "isRefreshDisabled", "search", "redirect", "searchParams", "labelInfo", "textLabelInfo", "urlRedirect", "titleRedirect", "isRedirectDisabled"], outputs: ["onNext", "onBack", "change", "blur", "onfocus", "onrefresh", "onsearch"] }] }); }
|
|
6723
6724
|
}
|
|
6724
6725
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScCellRenderSelectComponent, decorators: [{
|
|
6725
6726
|
type: Component,
|
|
6726
6727
|
args: [{
|
|
6727
6728
|
selector: 'sc-cell-render-select',
|
|
6728
|
-
template: `
|
|
6729
|
-
<ng-select-simple
|
|
6730
|
-
(change)="onChange($event)"
|
|
6731
|
-
[formControl]="formControl"
|
|
6732
|
-
[items]="items$"
|
|
6733
|
-
[virtualScroll]="true"
|
|
6734
|
-
[clearable]="false"
|
|
6735
|
-
>
|
|
6736
|
-
</ng-select-simple>
|
|
6729
|
+
template: `
|
|
6730
|
+
<ng-select-simple
|
|
6731
|
+
(change)="onChange($event)"
|
|
6732
|
+
[formControl]="formControl"
|
|
6733
|
+
[items]="items$"
|
|
6734
|
+
[virtualScroll]="true"
|
|
6735
|
+
[clearable]="false"
|
|
6736
|
+
>
|
|
6737
|
+
</ng-select-simple>
|
|
6737
6738
|
`,
|
|
6738
6739
|
}]
|
|
6739
6740
|
}] });
|
|
@@ -6765,18 +6766,18 @@ class ScCellRenderToggleComponent {
|
|
|
6765
6766
|
this._params.api.stopEditing();
|
|
6766
6767
|
}
|
|
6767
6768
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScCellRenderToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6768
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScCellRenderToggleComponent, selector: "sc-cell-render-toggle", ngImport: i0, template: `
|
|
6769
|
-
<mat-slide-toggle [disabled]="disabled" [checked]="checkbox" (change)="onChange($event)">{{
|
|
6770
|
-
label
|
|
6771
|
-
}}</mat-slide-toggle>
|
|
6769
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScCellRenderToggleComponent, selector: "sc-cell-render-toggle", ngImport: i0, template: `
|
|
6770
|
+
<mat-slide-toggle [disabled]="disabled" [checked]="checkbox" (change)="onChange($event)">{{
|
|
6771
|
+
label
|
|
6772
|
+
}}</mat-slide-toggle>
|
|
6772
6773
|
`, isInline: true, dependencies: [{ kind: "component", type: i1$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }] }); }
|
|
6773
6774
|
}
|
|
6774
6775
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScCellRenderToggleComponent, decorators: [{
|
|
6775
6776
|
type: Component,
|
|
6776
|
-
args: [{ selector: 'sc-cell-render-toggle', template: `
|
|
6777
|
-
<mat-slide-toggle [disabled]="disabled" [checked]="checkbox" (change)="onChange($event)">{{
|
|
6778
|
-
label
|
|
6779
|
-
}}</mat-slide-toggle>
|
|
6777
|
+
args: [{ selector: 'sc-cell-render-toggle', template: `
|
|
6778
|
+
<mat-slide-toggle [disabled]="disabled" [checked]="checkbox" (change)="onChange($event)">{{
|
|
6779
|
+
label
|
|
6780
|
+
}}</mat-slide-toggle>
|
|
6780
6781
|
` }]
|
|
6781
6782
|
}] });
|
|
6782
6783
|
|
|
@@ -6946,13 +6947,13 @@ class ScAgGridCustomizableComponent {
|
|
|
6946
6947
|
this.bottomMenu = "0";
|
|
6947
6948
|
this.leftMenu = "0";
|
|
6948
6949
|
this.hiddenMenu = true;
|
|
6949
|
-
this.overlayNoRowsTemplate = `<span class="ag-overlay-loading-center border-0 bg-transparent shadow-none">
|
|
6950
|
-
No se encontraron registros...
|
|
6950
|
+
this.overlayNoRowsTemplate = `<span class="ag-overlay-loading-center border-0 bg-transparent shadow-none">
|
|
6951
|
+
No se encontraron registros...
|
|
6951
6952
|
</span>`;
|
|
6952
|
-
this.overlayLoadingTemplate = `<span class="ag-overlay-loading-top d-flex align-items-center border-0 bg-white shadow p-4 text-info" style="height: 20px;">
|
|
6953
|
-
<img src="assets/media-demo/loading.gif" height="20" width="25" class="mr-2">
|
|
6954
|
-
<strong>Cargando registros</strong>
|
|
6955
|
-
</span>
|
|
6953
|
+
this.overlayLoadingTemplate = `<span class="ag-overlay-loading-top d-flex align-items-center border-0 bg-white shadow p-4 text-info" style="height: 20px;">
|
|
6954
|
+
<img src="assets/media-demo/loading.gif" height="20" width="25" class="mr-2">
|
|
6955
|
+
<strong>Cargando registros</strong>
|
|
6956
|
+
</span>
|
|
6956
6957
|
`;
|
|
6957
6958
|
this.suppressDragLeaveHidesColumns = true;
|
|
6958
6959
|
this.suppressScrollOnNewData = false;
|
|
@@ -7006,13 +7007,13 @@ class ScAgGridCustomizableComponent {
|
|
|
7006
7007
|
};
|
|
7007
7008
|
}
|
|
7008
7009
|
ngOnInit() {
|
|
7009
|
-
this._subscription$.add(this._scCellRenderButtonService.handlerButtonAction$.subscribe(({ index, action }) => {
|
|
7010
|
+
this._subscription$.add(this._scCellRenderButtonService.handlerButtonAction$.subscribe(({ index, action, isRightClick }) => {
|
|
7010
7011
|
if (action == null)
|
|
7011
7012
|
return;
|
|
7012
7013
|
if (action.trim() === "")
|
|
7013
7014
|
return;
|
|
7014
7015
|
if (index !== -1) {
|
|
7015
|
-
this.onButtonActionAgGridEmit(index, action);
|
|
7016
|
+
this.onButtonActionAgGridEmit(index, action, isRightClick);
|
|
7016
7017
|
return;
|
|
7017
7018
|
}
|
|
7018
7019
|
this.onButtonActionHeaderEmit(action);
|
|
@@ -7083,7 +7084,7 @@ class ScAgGridCustomizableComponent {
|
|
|
7083
7084
|
return hide();
|
|
7084
7085
|
return hide;
|
|
7085
7086
|
}
|
|
7086
|
-
onButtonActionAgGridEmit(rowIndex, typeButton) {
|
|
7087
|
+
onButtonActionAgGridEmit(rowIndex, typeButton, isRightClick) {
|
|
7087
7088
|
const IRowNode = this.gridApi?.getDisplayedRowAtIndex(rowIndex);
|
|
7088
7089
|
if (IRowNode) {
|
|
7089
7090
|
if (typeButton === EnumButtonType.TYPE_EDIT) {
|
|
@@ -7094,7 +7095,7 @@ class ScAgGridCustomizableComponent {
|
|
|
7094
7095
|
this.onDeleteRow.emit([this.gridApi, [IRowNode.data]]);
|
|
7095
7096
|
return;
|
|
7096
7097
|
}
|
|
7097
|
-
this.onButtonActionAgGrid.emit([typeButton, IRowNode]);
|
|
7098
|
+
this.onButtonActionAgGrid.emit([typeButton, IRowNode, isRightClick]);
|
|
7098
7099
|
}
|
|
7099
7100
|
}
|
|
7100
7101
|
initRowData() {
|
|
@@ -7252,14 +7253,14 @@ class ScAgGridCustomizableComponent {
|
|
|
7252
7253
|
}
|
|
7253
7254
|
}
|
|
7254
7255
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScAgGridCustomizableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7255
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScAgGridCustomizableComponent, selector: "sc-ag-grid-customizable", inputs: { isRowSelectable: "isRowSelectable", headerTitle: "headerTitle", headerSubtitle: "headerSubtitle", getRowStyle: "getRowStyle", fillSearch: "fillSearch", paginationPageSize: "paginationPageSize", searchWidth: "searchWidth", pageSizeOptions: "pageSizeOptions", pagination: "pagination", rowSelection: "rowSelection", columnDefs: "columnDefs", rowData: "rowData", configButtonsAction: "configButtonsAction", defaultCellRendererActions: "defaultCellRendererActions", visibleSearch: "visibleSearch", domLayout: "domLayout", height: "height", btnAdd: "btnAdd", rowDragManaged: "rowDragManaged", animateRows: "animateRows", useGridCopy: "useGridCopy", multiSortKey: "multiSortKey", showMenuDefault: "showMenuDefault", enableCellTextSelection: "enableCellTextSelection", suppressRowTransform: "suppressRowTransform", enableRangeSelection: "enableRangeSelection", noRowsOverlayComponent: "noRowsOverlayComponent", noRowsOverlayComponentParams: "noRowsOverlayComponentParams", tooltipHideDelay: "tooltipHideDelay", tooltipShowDelay: "tooltipShowDelay", tooltipShowMode: "tooltipShowMode", validatePasteCell: "validatePasteCell", validatePasteRows: "validatePasteRows", frameworkComponents: "frameworkComponents", context: "context", overlayNoRowsTemplate: "overlayNoRowsTemplate" }, outputs: { onChangeFilter: "onChangeFilter", onAddRow: "onAddRow", onGridAddRow: "onGridAddRow", onEditRow: "onEditRow", onDeleteRow: "onDeleteRow", onCellKeyDown: "onCellKeyDown", onCellStopEditing: "onCellStopEditing", onButtonActionAgGrid: "onButtonActionAgGrid", onButtonActionHeader: "onButtonActionHeader", onGridReady: "onGridReady", onGridSelectChange: "onGridSelectChange", onGridChange: "onGridChange", onRowDragEnd: "onRowDragEnd", onRowEditingStarted: "onRowEditingStarted", rowClicked: "rowClicked", rowDoubleClicked: "rowDoubleClicked", onRowSelected: "onRowSelected", cellValueChanged: "cellValueChanged", onCellContextMenu: "onCellContextMenu", onPasteMenu: "onPasteMenu", onCopyMenu: "onCopyMenu", afterPasteCell: "afterPasteCell", beforePasteCell: "beforePasteCell", afterPasteRows: "afterPasteRows", beforePasteRows: "beforePasteRows" }, host: { properties: { "id": "idScAgGridCustomizableComponent" }, classAttribute: "sc-ag-grid-customizable" }, queries: [{ propertyName: "viewChildrenButtonHeaders", predicate: ScAgGridButtonHeader, descendants: true }], viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }, { propertyName: "_scAgGridPagination", first: true, predicate: ["scAgGridPagination"], descendants: true }, { propertyName: "buttonAdd", first: true, predicate: ["buttonAdd"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"w-100\">\r\n <!--===========================================-->\r\n <!-- AG-GRID HEADER -->\r\n <!--===========================================-->\r\n <div\r\n class=\"row justify-content-between align-items-center my-2\"\r\n *ngIf=\"visibleSearch || btnAdd?.visible || viewChildrenButtonHeaders?.length || headerTitle\">\r\n <!-- Header Title and Subtitle Section -->\r\n <div class=\"col-auto d-flex align-items-end\" *ngIf=\"headerTitle\">\r\n <span class=\"sc-ag-grid-header-title\">{{ headerTitle }}</span>\r\n <ng-container *ngIf=\"headerSubtitle\">\r\n <span class=\"sc-ag-grid-header-subtitle ms-2\">{{ headerSubtitle }}</span>\r\n </ng-container>\r\n </div>\r\n <!-- End Header Title and Subtitle Section -->\r\n\r\n <!-- Filtro (posici\u00F3n izquierda - cuando NO hay t\u00EDtulo o subt\u00EDtulo) -->\r\n <div [class]=\"fillSearch ? 'col-12 my-2' : searchClass\" *ngIf=\"visibleSearch && !showSearchInActions\">\r\n <input-search (onChange)=\"changeFilter($event)\"></input-search>\r\n </div>\r\n\r\n <div\r\n [class]=\"visibleSearch && !showSearchInActions ? 'col-sm-12 col-md-6 col-lg-6 col-xl-7 col-12' : 'col'\"\r\n class=\"sc-ag-grid-header-actions d-flex justify-content-end align-items-center\"\r\n *ngIf=\"\r\n btnAdd?.visible || viewChildrenButtonHeaders?.length || configButtonsAction?.header || configHeader != null || showSearchInActions\r\n \">\r\n <!-- Filtro (posici\u00F3n derecha - cuando HAY t\u00EDtulo o subt\u00EDtulo) -->\r\n <div class=\"sc-ag-grid-header-search-inline\" *ngIf=\"visibleSearch && showSearchInActions\">\r\n <input-search (onChange)=\"changeFilter($event)\"></input-search>\r\n </div>\r\n <!-- End Search Input inline -->\r\n <!-- Header actions buttons -->\r\n <ng-container *ngIf=\"configButtonsAction && configHeader\">\r\n <ng-container *ngIf=\"configHeader.disabled === false; else templateAction\">\r\n <ng-container [ngTemplateOutlet]=\"tempActions\"></ng-container>\r\n </ng-container>\r\n\r\n <ng-template #templateAction>\r\n <ng-container *ngIf=\"selectedRows.length === 0; else tempActions\">\r\n <button class=\"btn-icon btn-width btn btn-primary btn-sm\" disabled>\r\n Acciones\r\n <em class=\"fa fa-chevron-down\"></em>\r\n </button>\r\n </ng-container>\r\n </ng-template>\r\n\r\n <ng-template #tempActions>\r\n <button *ngIf=\"hideHeaderMenuAction(); else templateHeaderAction\" class=\"btn-icon btn-width btn btn-primary btn-sm\">\r\n Acciones\r\n <em class=\"fa fa-chevron-down\"></em>\r\n </button>\r\n\r\n <ng-template #templateHeaderAction>\r\n <button type=\"button\" class=\"btn-icon btn-width btn btn-primary btn-sm\" [matMenuTriggerFor]=\"panel.menu\">\r\n Acciones\r\n <em class=\"fa fa-chevron-down\"></em>\r\n </button>\r\n\r\n <sc-menu-panel #panel class=\"d-none\" [subMenus]=\"configHeader.submenu ?? []\"></sc-menu-panel>\r\n </ng-template>\r\n </ng-template>\r\n </ng-container>\r\n <!-- End header actions buttons -->\r\n\r\n <!-- Other buttons -->\r\n <ng-container *ngIf=\"viewChildrenButtonHeaders?.length\">\r\n <ng-container\r\n *ngFor=\"let viewChildrenButtonHeader of viewChildrenButtonHeaders\"\r\n [ngTemplateOutlet]=\"viewChildrenButtonHeader.template\">\r\n </ng-container>\r\n </ng-container>\r\n <!--End other buttons -->\r\n\r\n <!-- Add button -->\r\n <ng-container *ngIf=\"btnAdd?.visible\">\r\n <button\r\n type=\"button\"\r\n class=\"btn-width btn btn-warning btn-sm\"\r\n (click)=\"onAddRowEmit()\"\r\n #buttonAdd\r\n [disabled]=\"btnAdd.disabled ?? false\">\r\n Agregar\r\n </button>\r\n </ng-container>\r\n <!--End add button -->\r\n </div>\r\n </div>\r\n <!--===========================================-->\r\n <!-- AG-GRID HEADER END -->\r\n <!--===========================================-->\r\n\r\n <div class=\"row\">\r\n <div class=\"col-12\" [ngStyle]=\"ngStyleContainer\">\r\n <ag-grid-angular\r\n #agGrid\r\n class=\"ag-theme-balham\"\r\n [ngStyle]=\"ngStyleAgGrid\"\r\n [columnDefs]=\"columnDefsAndAddCellActions\"\r\n [defaultColDef]=\"defaultColDef\"\r\n [components]=\"_frameworkComponents\"\r\n [context]=\"_context\"\r\n [rowSelection]=\"rowSelection\"\r\n [isRowSelectable]=\"isRowSelectable\"\r\n [rowDragManaged]=\"rowDragManaged\"\r\n [domLayout]=\"domLayout\"\r\n [animateRows]=\"animateRows\"\r\n [getRowStyle]=\"getRowStyle\"\r\n [enableRangeSelection]=\"enableRangeSelection\"\r\n [suppressRowTransform]=\"suppressRowTransform\"\r\n [suppressMoveWhenRowDragging]=\"animateRows\"\r\n [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\"\r\n [overlayLoadingTemplate]=\"overlayLoadingTemplate\"\r\n [noRowsOverlayComponentParams]=\"noRowsOverlayComponentParams\"\r\n [suppressRowClickSelection]=\"suppressRowClickSelection\"\r\n [suppressDragLeaveHidesColumns]=\"suppressDragLeaveHidesColumns\"\r\n [suppressScrollOnNewData]=\"suppressScrollOnNewData\"\r\n [suppressPropertyNamesCheck]=\"true\"\r\n [paginationPageSize]=\"pagination ? paginationPageSize : undefined\"\r\n [pagination]=\"pagination\"\r\n [suppressPaginationPanel]=\"suppressPaginationPanel\"\r\n (rowClicked)=\"rowClicked.emit($event)\"\r\n (rowDoubleClicked)=\"rowDoubleClicked.emit($event)\"\r\n (rowSelected)=\"onRowSelected.emit($event)\"\r\n (paginationChanged)=\"paginationChanged()\"\r\n (gridReady)=\"gridReady($event)\"\r\n (rowDragEnd)=\"rowDragEndEmit($event)\"\r\n (cellContextMenu)=\"cellContextMenu($event)\"\r\n [enableCellTextSelection]=\"enableCellTextSelection\"\r\n (rowDataUpdated)=\"rowDataChanged($event)\"\r\n (rowEditingStarted)=\"onRowEditingStarted.emit($event)\"\r\n (cellValueChanged)=\"cellValueChanged.emit($event)\"\r\n (selectionChanged)=\"selectionChanged()\"\r\n (cellEditingStopped)=\"cellStopEditing($event)\"\r\n (cellKeyDown)=\"cellKeyDown($any($event))\"\r\n [multiSortKey]=\"multiSortKey\"\r\n [tooltipHideDelay]=\"tooltipHideDelay\"\r\n [tooltipShowDelay]=\"tooltipShowDelay\"\r\n [tooltipShowMode]=\"tooltipShowMode\"\r\n oncontextmenu=\"return false;\">\r\n </ag-grid-angular>\r\n </div>\r\n </div>\r\n\r\n <!--===========================================-->\r\n <!-- AG-GRID PAGINATION -->\r\n <!--===========================================-->\r\n <div class=\"row\" *ngIf=\"pagination\">\r\n <div class=\"col-12\">\r\n <sc-ag-grid-pagination\r\n #scAgGridPagination\r\n [gridApi]=\"gridApi\"\r\n [paginationPageSize]=\"paginationPageSize\"\r\n [pageSizeOptions]=\"pageSizeOptions\"></sc-ag-grid-pagination>\r\n </div>\r\n </div>\r\n <!--===========================================-->\r\n <!-- AG-GRID PAGINATION END -->\r\n <!--===========================================-->\r\n</div>\r\n\r\n<div\r\n *ngIf=\"showMenuDefault\"\r\n oncontextmenu=\"return false;\"\r\n style=\"position: fixed; width: 0px; height: 0px\"\r\n [ngStyle]=\"{ top: bottomMenu + 'px', left: leftMenu + 'px' }\">\r\n <mat-menu oncontextmenu=\"return false;\" #scMenu=\"matMenu\">\r\n <button oncontextmenu=\"return false;\" (click)=\"copyMenu(cellContextMenuActual!)\" mat-menu-item>\r\n <mat-icon>content_copy</mat-icon> <span>Copiar</span>\r\n </button>\r\n <button [disabled]=\"disabledPasteMenu\" oncontextmenu=\"return false;\" (click)=\"pasteMenu(cellContextMenuActual!)\" mat-menu-item>\r\n <mat-icon>content_paste</mat-icon><span>Pegar</span>\r\n </button>\r\n </mat-menu>\r\n <button oncontextmenu=\"return false;\" style=\"visibility: hidden\" mat-button [matMenuTriggerFor]=\"scMenu\" #menuTrigger=\"matMenuTrigger\">\r\n Menu\r\n </button>\r\n</div>\r\n", styles: [".cell-wrap-text{white-space:normal!important}.sc-ag-grid-header-title{font-size:var(--sc-ag-grid-header-title-font-size, 1.2rem);font-weight:var(--sc-ag-grid-header-title-font-weight, 600);color:var(--sc-ag-grid-header-title-color, #48465b)}.sc-ag-grid-header-subtitle{font-size:var(--sc-ag-grid-header-badge-label-font-size, .875rem);font-weight:var(--sc-ag-grid-header-title-font-weight, 400);color:var(--sc-ag-grid-header-badge-label-color, #48465b)}.sc-ag-grid-header-search-inline{flex:1 1 auto;min-width:150px;max-width:50%;margin-right:.5rem}.ag-header__center .ag-header-cell-text{display:block;width:100%;text-align:center!important}.ag-header__right .ag-header-cell-text{display:block;width:100%;text-align:right!important}.sc-ag-grid-header-actions{display:flex;gap:.6rem}.sc-ag-grid-header-actions .btn-width{width:6.5rem}.sc-ag-grid-header-actions .btn-icon em{margin-left:10px}.material-icons{font-size:24px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "quickFilterText", "cacheQuickFilter", "excludeHiddenColumnsFromQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "advancedFilterModel", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "suppressChartToolPanelsButton", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDuration", "cellFlashDelay", "cellFadeDuration", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "suppressGroupMaintainValueType", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideInfiniteScroll", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "functionsPassive", "enableGroupEdit", "initialState", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "gridPreDestroyed", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ScAgGridPaginationComponent, selector: "sc-ag-grid-pagination", inputs: ["paginationPageSize", "gridApi", "pageSizeOptions"] }, { kind: "component", type: InputSearchComponent, selector: "input-search", outputs: ["onChange"] }, { kind: "component", type: ScMenuPanelComponent, selector: "sc-menu-panel", inputs: ["subMenus", "params"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7256
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScAgGridCustomizableComponent, selector: "sc-ag-grid-customizable", inputs: { isRowSelectable: "isRowSelectable", headerTitle: "headerTitle", headerSubtitle: "headerSubtitle", getRowStyle: "getRowStyle", fillSearch: "fillSearch", paginationPageSize: "paginationPageSize", searchWidth: "searchWidth", pageSizeOptions: "pageSizeOptions", pagination: "pagination", rowSelection: "rowSelection", columnDefs: "columnDefs", rowData: "rowData", configButtonsAction: "configButtonsAction", defaultCellRendererActions: "defaultCellRendererActions", visibleSearch: "visibleSearch", domLayout: "domLayout", height: "height", btnAdd: "btnAdd", rowDragManaged: "rowDragManaged", animateRows: "animateRows", useGridCopy: "useGridCopy", multiSortKey: "multiSortKey", showMenuDefault: "showMenuDefault", enableCellTextSelection: "enableCellTextSelection", suppressRowTransform: "suppressRowTransform", enableRangeSelection: "enableRangeSelection", noRowsOverlayComponent: "noRowsOverlayComponent", noRowsOverlayComponentParams: "noRowsOverlayComponentParams", tooltipHideDelay: "tooltipHideDelay", tooltipShowDelay: "tooltipShowDelay", tooltipShowMode: "tooltipShowMode", validatePasteCell: "validatePasteCell", validatePasteRows: "validatePasteRows", frameworkComponents: "frameworkComponents", context: "context", overlayNoRowsTemplate: "overlayNoRowsTemplate" }, outputs: { onChangeFilter: "onChangeFilter", onAddRow: "onAddRow", onGridAddRow: "onGridAddRow", onEditRow: "onEditRow", onDeleteRow: "onDeleteRow", onCellKeyDown: "onCellKeyDown", onCellStopEditing: "onCellStopEditing", onButtonActionAgGrid: "onButtonActionAgGrid", onButtonActionHeader: "onButtonActionHeader", onGridReady: "onGridReady", onGridSelectChange: "onGridSelectChange", onGridChange: "onGridChange", onRowDragEnd: "onRowDragEnd", onRowEditingStarted: "onRowEditingStarted", rowClicked: "rowClicked", rowDoubleClicked: "rowDoubleClicked", onRowSelected: "onRowSelected", cellValueChanged: "cellValueChanged", onCellContextMenu: "onCellContextMenu", onPasteMenu: "onPasteMenu", onCopyMenu: "onCopyMenu", afterPasteCell: "afterPasteCell", beforePasteCell: "beforePasteCell", afterPasteRows: "afterPasteRows", beforePasteRows: "beforePasteRows" }, host: { properties: { "id": "idScAgGridCustomizableComponent" }, classAttribute: "sc-ag-grid-customizable" }, queries: [{ propertyName: "viewChildrenButtonHeaders", predicate: ScAgGridButtonHeader, descendants: true }], viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }, { propertyName: "_scAgGridPagination", first: true, predicate: ["scAgGridPagination"], descendants: true }, { propertyName: "buttonAdd", first: true, predicate: ["buttonAdd"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"w-100\">\n <!--===========================================-->\n <!-- AG-GRID HEADER -->\n <!--===========================================-->\n <div\n class=\"row justify-content-between align-items-center my-2\"\n *ngIf=\"visibleSearch || btnAdd?.visible || viewChildrenButtonHeaders?.length || headerTitle\">\n <!-- Header Title and Subtitle Section -->\n <div class=\"col-auto d-flex align-items-end\" *ngIf=\"headerTitle\">\n <span class=\"sc-ag-grid-header-title\">{{ headerTitle }}</span>\n <ng-container *ngIf=\"headerSubtitle\">\n <span class=\"sc-ag-grid-header-subtitle ms-2\">{{ headerSubtitle }}</span>\n </ng-container>\n </div>\n <!-- End Header Title and Subtitle Section -->\n\n <!-- Filtro (posici\u00F3n izquierda - cuando NO hay t\u00EDtulo o subt\u00EDtulo) -->\n <div [class]=\"fillSearch ? 'col-12 my-2' : searchClass\" *ngIf=\"visibleSearch && !showSearchInActions\">\n <input-search (onChange)=\"changeFilter($event)\"></input-search>\n </div>\n\n <div\n [class]=\"visibleSearch && !showSearchInActions ? 'col-sm-12 col-md-6 col-lg-6 col-xl-7 col-12' : 'col'\"\n class=\"sc-ag-grid-header-actions d-flex justify-content-end align-items-center\"\n *ngIf=\"\n btnAdd?.visible || viewChildrenButtonHeaders?.length || configButtonsAction?.header || configHeader != null || showSearchInActions\n \">\n <!-- Filtro (posici\u00F3n derecha - cuando HAY t\u00EDtulo o subt\u00EDtulo) -->\n <div class=\"sc-ag-grid-header-search-inline\" *ngIf=\"visibleSearch && showSearchInActions\">\n <input-search (onChange)=\"changeFilter($event)\"></input-search>\n </div>\n <!-- End Search Input inline -->\n <!-- Header actions buttons -->\n <ng-container *ngIf=\"configButtonsAction && configHeader\">\n <ng-container *ngIf=\"configHeader.disabled === false; else templateAction\">\n <ng-container [ngTemplateOutlet]=\"tempActions\"></ng-container>\n </ng-container>\n\n <ng-template #templateAction>\n <ng-container *ngIf=\"selectedRows.length === 0; else tempActions\">\n <button class=\"btn-icon btn-width btn btn-primary btn-sm\" disabled>\n Acciones\n <em class=\"fa fa-chevron-down\"></em>\n </button>\n </ng-container>\n </ng-template>\n\n <ng-template #tempActions>\n <button *ngIf=\"hideHeaderMenuAction(); else templateHeaderAction\" class=\"btn-icon btn-width btn btn-primary btn-sm\">\n Acciones\n <em class=\"fa fa-chevron-down\"></em>\n </button>\n\n <ng-template #templateHeaderAction>\n <button type=\"button\" class=\"btn-icon btn-width btn btn-primary btn-sm\" [matMenuTriggerFor]=\"panel.menu\">\n Acciones\n <em class=\"fa fa-chevron-down\"></em>\n </button>\n\n <sc-menu-panel #panel class=\"d-none\" [subMenus]=\"configHeader.submenu ?? []\"></sc-menu-panel>\n </ng-template>\n </ng-template>\n </ng-container>\n <!-- End header actions buttons -->\n\n <!-- Other buttons -->\n <ng-container *ngIf=\"viewChildrenButtonHeaders?.length\">\n <ng-container\n *ngFor=\"let viewChildrenButtonHeader of viewChildrenButtonHeaders\"\n [ngTemplateOutlet]=\"viewChildrenButtonHeader.template\">\n </ng-container>\n </ng-container>\n <!--End other buttons -->\n\n <!-- Add button -->\n <ng-container *ngIf=\"btnAdd?.visible\">\n <button\n type=\"button\"\n class=\"btn-width btn btn-warning btn-sm\"\n (click)=\"onAddRowEmit()\"\n #buttonAdd\n [disabled]=\"btnAdd.disabled ?? false\">\n Agregar\n </button>\n </ng-container>\n <!--End add button -->\n </div>\n </div>\n <!--===========================================-->\n <!-- AG-GRID HEADER END -->\n <!--===========================================-->\n\n <div class=\"row\">\n <div class=\"col-12\" [ngStyle]=\"ngStyleContainer\">\n <ag-grid-angular\n #agGrid\n class=\"ag-theme-balham\"\n [ngStyle]=\"ngStyleAgGrid\"\n [columnDefs]=\"columnDefsAndAddCellActions\"\n [defaultColDef]=\"defaultColDef\"\n [components]=\"_frameworkComponents\"\n [context]=\"_context\"\n [rowSelection]=\"rowSelection\"\n [isRowSelectable]=\"isRowSelectable\"\n [rowDragManaged]=\"rowDragManaged\"\n [domLayout]=\"domLayout\"\n [animateRows]=\"animateRows\"\n [getRowStyle]=\"getRowStyle\"\n [enableRangeSelection]=\"enableRangeSelection\"\n [suppressRowTransform]=\"suppressRowTransform\"\n [suppressMoveWhenRowDragging]=\"animateRows\"\n [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\"\n [overlayLoadingTemplate]=\"overlayLoadingTemplate\"\n [noRowsOverlayComponentParams]=\"noRowsOverlayComponentParams\"\n [suppressRowClickSelection]=\"suppressRowClickSelection\"\n [suppressDragLeaveHidesColumns]=\"suppressDragLeaveHidesColumns\"\n [suppressScrollOnNewData]=\"suppressScrollOnNewData\"\n [suppressPropertyNamesCheck]=\"true\"\n [paginationPageSize]=\"pagination ? paginationPageSize : undefined\"\n [pagination]=\"pagination\"\n [suppressPaginationPanel]=\"suppressPaginationPanel\"\n (rowClicked)=\"rowClicked.emit($event)\"\n (rowDoubleClicked)=\"rowDoubleClicked.emit($event)\"\n (rowSelected)=\"onRowSelected.emit($event)\"\n (paginationChanged)=\"paginationChanged()\"\n (gridReady)=\"gridReady($event)\"\n (rowDragEnd)=\"rowDragEndEmit($event)\"\n (cellContextMenu)=\"cellContextMenu($event)\"\n [enableCellTextSelection]=\"enableCellTextSelection\"\n (rowDataUpdated)=\"rowDataChanged($event)\"\n (rowEditingStarted)=\"onRowEditingStarted.emit($event)\"\n (cellValueChanged)=\"cellValueChanged.emit($event)\"\n (selectionChanged)=\"selectionChanged()\"\n (cellEditingStopped)=\"cellStopEditing($event)\"\n (cellKeyDown)=\"cellKeyDown($any($event))\"\n [multiSortKey]=\"multiSortKey\"\n [tooltipHideDelay]=\"tooltipHideDelay\"\n [tooltipShowDelay]=\"tooltipShowDelay\"\n [tooltipShowMode]=\"tooltipShowMode\"\n oncontextmenu=\"return false;\">\n </ag-grid-angular>\n </div>\n </div>\n\n <!--===========================================-->\n <!-- AG-GRID PAGINATION -->\n <!--===========================================-->\n <div class=\"row\" *ngIf=\"pagination\">\n <div class=\"col-12\">\n <sc-ag-grid-pagination\n #scAgGridPagination\n [gridApi]=\"gridApi\"\n [paginationPageSize]=\"paginationPageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"></sc-ag-grid-pagination>\n </div>\n </div>\n <!--===========================================-->\n <!-- AG-GRID PAGINATION END -->\n <!--===========================================-->\n</div>\n\n<div\n *ngIf=\"showMenuDefault\"\n oncontextmenu=\"return false;\"\n style=\"position: fixed; width: 0px; height: 0px\"\n [ngStyle]=\"{ top: bottomMenu + 'px', left: leftMenu + 'px' }\">\n <mat-menu oncontextmenu=\"return false;\" #scMenu=\"matMenu\">\n <button oncontextmenu=\"return false;\" (click)=\"copyMenu(cellContextMenuActual!)\" mat-menu-item>\n <mat-icon>content_copy</mat-icon> <span>Copiar</span>\n </button>\n <button [disabled]=\"disabledPasteMenu\" oncontextmenu=\"return false;\" (click)=\"pasteMenu(cellContextMenuActual!)\" mat-menu-item>\n <mat-icon>content_paste</mat-icon><span>Pegar</span>\n </button>\n </mat-menu>\n <button oncontextmenu=\"return false;\" style=\"visibility: hidden\" mat-button [matMenuTriggerFor]=\"scMenu\" #menuTrigger=\"matMenuTrigger\">\n Menu\n </button>\n</div>\n", styles: [".cell-wrap-text{white-space:normal!important}.sc-ag-grid-header-title{font-size:var(--sc-ag-grid-header-title-font-size, 1.2rem);font-weight:var(--sc-ag-grid-header-title-font-weight, 600);color:var(--sc-ag-grid-header-title-color, #48465b)}.sc-ag-grid-header-subtitle{font-size:var(--sc-ag-grid-header-badge-label-font-size, .875rem);font-weight:var(--sc-ag-grid-header-title-font-weight, 400);color:var(--sc-ag-grid-header-badge-label-color, #48465b)}.sc-ag-grid-header-search-inline{flex:1 1 auto;min-width:150px;max-width:50%;margin-right:.5rem}.ag-header__center .ag-header-cell-text{display:block;width:100%;text-align:center!important}.ag-header__right .ag-header-cell-text{display:block;width:100%;text-align:right!important}.sc-ag-grid-header-actions{display:flex;gap:.6rem}.sc-ag-grid-header-actions .btn-width{width:6.5rem}.sc-ag-grid-header-actions .btn-icon em{margin-left:10px}.material-icons{font-size:24px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "quickFilterText", "cacheQuickFilter", "excludeHiddenColumnsFromQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "advancedFilterModel", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "suppressChartToolPanelsButton", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDuration", "cellFlashDelay", "cellFadeDuration", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "suppressGroupMaintainValueType", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideInfiniteScroll", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "functionsPassive", "enableGroupEdit", "initialState", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "gridPreDestroyed", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ScAgGridPaginationComponent, selector: "sc-ag-grid-pagination", inputs: ["paginationPageSize", "gridApi", "pageSizeOptions"] }, { kind: "component", type: InputSearchComponent, selector: "input-search", outputs: ["onChange"] }, { kind: "component", type: ScMenuPanelComponent, selector: "sc-menu-panel", inputs: ["subMenus", "params"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7256
7257
|
}
|
|
7257
7258
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScAgGridCustomizableComponent, decorators: [{
|
|
7258
7259
|
type: Component,
|
|
7259
7260
|
args: [{ selector: "sc-ag-grid-customizable", changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
7260
7261
|
"[id]": "idScAgGridCustomizableComponent",
|
|
7261
7262
|
class: "sc-ag-grid-customizable",
|
|
7262
|
-
}, template: "<div class=\"w-100\">\
|
|
7263
|
+
}, template: "<div class=\"w-100\">\n <!--===========================================-->\n <!-- AG-GRID HEADER -->\n <!--===========================================-->\n <div\n class=\"row justify-content-between align-items-center my-2\"\n *ngIf=\"visibleSearch || btnAdd?.visible || viewChildrenButtonHeaders?.length || headerTitle\">\n <!-- Header Title and Subtitle Section -->\n <div class=\"col-auto d-flex align-items-end\" *ngIf=\"headerTitle\">\n <span class=\"sc-ag-grid-header-title\">{{ headerTitle }}</span>\n <ng-container *ngIf=\"headerSubtitle\">\n <span class=\"sc-ag-grid-header-subtitle ms-2\">{{ headerSubtitle }}</span>\n </ng-container>\n </div>\n <!-- End Header Title and Subtitle Section -->\n\n <!-- Filtro (posici\u00F3n izquierda - cuando NO hay t\u00EDtulo o subt\u00EDtulo) -->\n <div [class]=\"fillSearch ? 'col-12 my-2' : searchClass\" *ngIf=\"visibleSearch && !showSearchInActions\">\n <input-search (onChange)=\"changeFilter($event)\"></input-search>\n </div>\n\n <div\n [class]=\"visibleSearch && !showSearchInActions ? 'col-sm-12 col-md-6 col-lg-6 col-xl-7 col-12' : 'col'\"\n class=\"sc-ag-grid-header-actions d-flex justify-content-end align-items-center\"\n *ngIf=\"\n btnAdd?.visible || viewChildrenButtonHeaders?.length || configButtonsAction?.header || configHeader != null || showSearchInActions\n \">\n <!-- Filtro (posici\u00F3n derecha - cuando HAY t\u00EDtulo o subt\u00EDtulo) -->\n <div class=\"sc-ag-grid-header-search-inline\" *ngIf=\"visibleSearch && showSearchInActions\">\n <input-search (onChange)=\"changeFilter($event)\"></input-search>\n </div>\n <!-- End Search Input inline -->\n <!-- Header actions buttons -->\n <ng-container *ngIf=\"configButtonsAction && configHeader\">\n <ng-container *ngIf=\"configHeader.disabled === false; else templateAction\">\n <ng-container [ngTemplateOutlet]=\"tempActions\"></ng-container>\n </ng-container>\n\n <ng-template #templateAction>\n <ng-container *ngIf=\"selectedRows.length === 0; else tempActions\">\n <button class=\"btn-icon btn-width btn btn-primary btn-sm\" disabled>\n Acciones\n <em class=\"fa fa-chevron-down\"></em>\n </button>\n </ng-container>\n </ng-template>\n\n <ng-template #tempActions>\n <button *ngIf=\"hideHeaderMenuAction(); else templateHeaderAction\" class=\"btn-icon btn-width btn btn-primary btn-sm\">\n Acciones\n <em class=\"fa fa-chevron-down\"></em>\n </button>\n\n <ng-template #templateHeaderAction>\n <button type=\"button\" class=\"btn-icon btn-width btn btn-primary btn-sm\" [matMenuTriggerFor]=\"panel.menu\">\n Acciones\n <em class=\"fa fa-chevron-down\"></em>\n </button>\n\n <sc-menu-panel #panel class=\"d-none\" [subMenus]=\"configHeader.submenu ?? []\"></sc-menu-panel>\n </ng-template>\n </ng-template>\n </ng-container>\n <!-- End header actions buttons -->\n\n <!-- Other buttons -->\n <ng-container *ngIf=\"viewChildrenButtonHeaders?.length\">\n <ng-container\n *ngFor=\"let viewChildrenButtonHeader of viewChildrenButtonHeaders\"\n [ngTemplateOutlet]=\"viewChildrenButtonHeader.template\">\n </ng-container>\n </ng-container>\n <!--End other buttons -->\n\n <!-- Add button -->\n <ng-container *ngIf=\"btnAdd?.visible\">\n <button\n type=\"button\"\n class=\"btn-width btn btn-warning btn-sm\"\n (click)=\"onAddRowEmit()\"\n #buttonAdd\n [disabled]=\"btnAdd.disabled ?? false\">\n Agregar\n </button>\n </ng-container>\n <!--End add button -->\n </div>\n </div>\n <!--===========================================-->\n <!-- AG-GRID HEADER END -->\n <!--===========================================-->\n\n <div class=\"row\">\n <div class=\"col-12\" [ngStyle]=\"ngStyleContainer\">\n <ag-grid-angular\n #agGrid\n class=\"ag-theme-balham\"\n [ngStyle]=\"ngStyleAgGrid\"\n [columnDefs]=\"columnDefsAndAddCellActions\"\n [defaultColDef]=\"defaultColDef\"\n [components]=\"_frameworkComponents\"\n [context]=\"_context\"\n [rowSelection]=\"rowSelection\"\n [isRowSelectable]=\"isRowSelectable\"\n [rowDragManaged]=\"rowDragManaged\"\n [domLayout]=\"domLayout\"\n [animateRows]=\"animateRows\"\n [getRowStyle]=\"getRowStyle\"\n [enableRangeSelection]=\"enableRangeSelection\"\n [suppressRowTransform]=\"suppressRowTransform\"\n [suppressMoveWhenRowDragging]=\"animateRows\"\n [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\"\n [overlayLoadingTemplate]=\"overlayLoadingTemplate\"\n [noRowsOverlayComponentParams]=\"noRowsOverlayComponentParams\"\n [suppressRowClickSelection]=\"suppressRowClickSelection\"\n [suppressDragLeaveHidesColumns]=\"suppressDragLeaveHidesColumns\"\n [suppressScrollOnNewData]=\"suppressScrollOnNewData\"\n [suppressPropertyNamesCheck]=\"true\"\n [paginationPageSize]=\"pagination ? paginationPageSize : undefined\"\n [pagination]=\"pagination\"\n [suppressPaginationPanel]=\"suppressPaginationPanel\"\n (rowClicked)=\"rowClicked.emit($event)\"\n (rowDoubleClicked)=\"rowDoubleClicked.emit($event)\"\n (rowSelected)=\"onRowSelected.emit($event)\"\n (paginationChanged)=\"paginationChanged()\"\n (gridReady)=\"gridReady($event)\"\n (rowDragEnd)=\"rowDragEndEmit($event)\"\n (cellContextMenu)=\"cellContextMenu($event)\"\n [enableCellTextSelection]=\"enableCellTextSelection\"\n (rowDataUpdated)=\"rowDataChanged($event)\"\n (rowEditingStarted)=\"onRowEditingStarted.emit($event)\"\n (cellValueChanged)=\"cellValueChanged.emit($event)\"\n (selectionChanged)=\"selectionChanged()\"\n (cellEditingStopped)=\"cellStopEditing($event)\"\n (cellKeyDown)=\"cellKeyDown($any($event))\"\n [multiSortKey]=\"multiSortKey\"\n [tooltipHideDelay]=\"tooltipHideDelay\"\n [tooltipShowDelay]=\"tooltipShowDelay\"\n [tooltipShowMode]=\"tooltipShowMode\"\n oncontextmenu=\"return false;\">\n </ag-grid-angular>\n </div>\n </div>\n\n <!--===========================================-->\n <!-- AG-GRID PAGINATION -->\n <!--===========================================-->\n <div class=\"row\" *ngIf=\"pagination\">\n <div class=\"col-12\">\n <sc-ag-grid-pagination\n #scAgGridPagination\n [gridApi]=\"gridApi\"\n [paginationPageSize]=\"paginationPageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"></sc-ag-grid-pagination>\n </div>\n </div>\n <!--===========================================-->\n <!-- AG-GRID PAGINATION END -->\n <!--===========================================-->\n</div>\n\n<div\n *ngIf=\"showMenuDefault\"\n oncontextmenu=\"return false;\"\n style=\"position: fixed; width: 0px; height: 0px\"\n [ngStyle]=\"{ top: bottomMenu + 'px', left: leftMenu + 'px' }\">\n <mat-menu oncontextmenu=\"return false;\" #scMenu=\"matMenu\">\n <button oncontextmenu=\"return false;\" (click)=\"copyMenu(cellContextMenuActual!)\" mat-menu-item>\n <mat-icon>content_copy</mat-icon> <span>Copiar</span>\n </button>\n <button [disabled]=\"disabledPasteMenu\" oncontextmenu=\"return false;\" (click)=\"pasteMenu(cellContextMenuActual!)\" mat-menu-item>\n <mat-icon>content_paste</mat-icon><span>Pegar</span>\n </button>\n </mat-menu>\n <button oncontextmenu=\"return false;\" style=\"visibility: hidden\" mat-button [matMenuTriggerFor]=\"scMenu\" #menuTrigger=\"matMenuTrigger\">\n Menu\n </button>\n</div>\n", styles: [".cell-wrap-text{white-space:normal!important}.sc-ag-grid-header-title{font-size:var(--sc-ag-grid-header-title-font-size, 1.2rem);font-weight:var(--sc-ag-grid-header-title-font-weight, 600);color:var(--sc-ag-grid-header-title-color, #48465b)}.sc-ag-grid-header-subtitle{font-size:var(--sc-ag-grid-header-badge-label-font-size, .875rem);font-weight:var(--sc-ag-grid-header-title-font-weight, 400);color:var(--sc-ag-grid-header-badge-label-color, #48465b)}.sc-ag-grid-header-search-inline{flex:1 1 auto;min-width:150px;max-width:50%;margin-right:.5rem}.ag-header__center .ag-header-cell-text{display:block;width:100%;text-align:center!important}.ag-header__right .ag-header-cell-text{display:block;width:100%;text-align:right!important}.sc-ag-grid-header-actions{display:flex;gap:.6rem}.sc-ag-grid-header-actions .btn-width{width:6.5rem}.sc-ag-grid-header-actions .btn-icon em{margin-left:10px}.material-icons{font-size:24px!important}\n"] }]
|
|
7263
7264
|
}], propDecorators: { viewChildrenButtonHeaders: [{
|
|
7264
7265
|
type: ContentChildren,
|
|
7265
7266
|
args: [ScAgGridButtonHeader, { descendants: true }]
|
|
@@ -7538,11 +7539,11 @@ class ScWizardComponent extends CdkStepper {
|
|
|
7538
7539
|
}
|
|
7539
7540
|
}
|
|
7540
7541
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScWizardComponent, deps: [{ token: i1$4.Directionality, optional: true }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7541
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScWizardComponent, selector: "sc-wizard", inputs: { hasAutoFillSteps: "hasAutoFillSteps", hasSkeleton: "hasSkeleton", showArrows: "showArrows", subWizard: "subWizard", baseSubWizard: "baseSubWizard", showExpanded: "showExpanded", stepNavigationHandler: "stepNavigationHandler" }, outputs: { clickStepEmit: "clickStepEmit" }, providers: [{ provide: CdkStepper, useExisting: ScWizardComponent }], viewQueries: [{ propertyName: "_scWizardContainer", first: true, predicate: ["scWizardContainer"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div \r\n [class.sc-wizard-horizontal]=\"this.orientation === 'horizontal'\"\r\n [class.sc-wizard-vertical]=\"this.orientation === 'vertical'\" \r\n [class.sc-wizard-vertical-nav]=\"this.orientation === 'vertical' && isExpanded\">\r\n <div \r\n [class]=\"'sc-wizard-' + orientation + (isExpanded ? '-nav' : '') + '-steps-container'\"\r\n [ngStyle]=\"{ display: 'grid', 'margin-right': '0px' }\">\r\n <!--PREVIOUS STEP BUTTON-->\r\n <button\r\n *ngIf=\"showArrows\"\r\n [disabled]=\"this.selectedIndex === 0\"\r\n [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n [class]=\"'sc-wizard-' + orientation + '-button prev'\"\r\n type=\"button\"\r\n mat-icon-button\r\n cdkStepperPrevious>\r\n <mat-icon>{{ orientation === \"horizontal\" ? \"chevron_left\" : \"expand_less\" }}</mat-icon>\r\n </button>\r\n\r\n <ng-container *ngIf=\"this.orientation === 'horizontal'\">\r\n <ng-container *ngIf=\"hasAutoFillSteps\">\r\n <div class=\"sc-wizard-horizontal-steps sc-wizard-horizontal-steps-fill\">\r\n <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!hasAutoFillSteps\">\r\n <div class=\"sc-wizard-horizontal-steps\">\r\n <div class=\"sc-wizard-horizontal-steps-wrapper\" [style.width]=\"24 * steps.length + 'rem'\">\r\n <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"this.orientation === 'vertical'\">\r\n <div style=\"display: flex; justify-content: space-between;\">\r\n <div class=\"sc-wizard-steps sc-wizard-vertical-steps\">\r\n <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n </div>\r\n <div class=\"sc-wizard-expand-icon-container\">\r\n <ng-container *ngIf=\"showExpanded\">\r\n <em class=\"z-3 fa\" [ngClass]=\"{ 'fa-chevron-right': isExpanded, 'fa-chevron-left': !isExpanded }\" style=\"cursor: pointer; font-size: 18px\" (click)=\"this.isExpanded = !this.isExpanded\"> </em>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!--NEXT STEP BUTTON-->\r\n <button\r\n *ngIf=\"showArrows\"\r\n [disabled]=\"this.steps.length - 1 === this.selectedIndex\"\r\n [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n [class]=\"'sc-wizard-' + orientation + '-button next'\"\r\n type=\"button\"\r\n mat-icon-button\r\n cdkStepperNext>\r\n <mat-icon>{{ orientation === \"horizontal\" ? \"navigate_next\" : \"expand_more\" }}</mat-icon>\r\n </button>\r\n </div>\r\n\r\n <div #scWizardContainer [class.sc-wizard-skeleton]=\"hasSkeleton\" [class]=\"'sc-wizard-' + orientation + '-content'\">\r\n <ng-container [ngTemplateOutlet]=\"selected ? selected.content : null\"></ng-container>\r\n </div>\r\n</div>\r\n\r\n<ng-template #templateSteps>\r\n\t<div\r\n\t\t*ngFor=\"let step of steps; let i = index\"\r\n\t\t[class.invisible]=\"step.content.elementRef.nativeElement.parentNode.className === 'invisible'\"\r\n\t\t[tabIndex]=\"selectedIndex === i ? 1 : -1\"\r\n\t\t[attr.data-position]=\"i\"\r\n\t\t[class.sc-wizard-steps-item-active]=\"selectedIndex === i && !step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-error]=\"selectedIndex === i && step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-disable]=\"!step.editable || convertLabelToType(step.label)!.disabled\"\r\n\t\tclass=\"sc-wizard-steps-item\"\r\n\t\t[class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n\t\t(click)=\"goTo(i); clickStepEmit.emit(i)\">\r\n\t\t<span\r\n [matTooltipClass]=\"showExpanded && isExpanded && step.hasError ? 'custom-mat-tooltip-error' : 'custom-mat-tooltip-active'\"\r\n [matTooltip]=\"isExpanded ? convertLabelToType(step.label)!.title : ''\"\r\n\t\t\tclass=\"sc-wizard-steps-item-number d-flex justify-content-center align-items-center\"\r\n\t\t\t[class.sc-wizard-steps-item-number-active]=\"selectedIndex === i\"\r\n\t\t\t[class.sc-wizard-steps-item-number-error]=\"step.hasError\">\r\n <ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label).icon\">\r\n\t\t\t\t<em [class]=\"convertLabelToType(step.label).icon\"></em>\r\n\t\t\t</ng-container>\r\n <ng-container *ngIf=\"!step.hasError && !convertLabelToType(step.label).icon\">\r\n\t\t\t\t{{ subWizard ? baseSubWizard + '.' + (i + 1) : i + 1 }}\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t<em class=\"fa fa-exclamation-triangle\"></em>\r\n\t\t\t</ng-container>\r\n\t\t</span>\r\n\r\n\t\t<div\r\n *ngIf=\"!isExpanded\"\r\n\t\t\tclass=\"sc-wizard-steps-item-label\"\r\n\t\t\t[class.sc-wizard-steps-item-label-error]=\"step.hasError\">\r\n\t\t\t<p\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-title\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-active]=\"selectedIndex === i\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-error]=\"step.hasError\">\r\n\t\t\t\t{{ convertLabelToType(step.label).title }}\r\n\t\t\t</p>\r\n\t\t\t<span\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-subtitle\"\r\n\t\t\t\t[ngStyle]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleStyleActive! : null\"\r\n\t\t\t\t[ngClass]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleClassActive! : []\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-subtitle-error]=\"step.hasError\">\r\n\t\t\t\t<ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label)?.subtitle\">\r\n\t\t\t\t\t{{ convertLabelToType(step.label).subtitle }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t\t{{ step.errorMessage }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>", styles: [":host{font-family:Soho Gothic Pro,Arial,Helvetica,sans-serif;background-color:#fff;overflow:hidden;height:100%;width:100%;display:block}.sc-wizard-horizontal{display:grid;height:100%;grid-template-rows:auto 1fr}.sc-wizard-horizontal-steps{width:100%;overflow:auto hidden}.sc-wizard-horizontal-steps-fill,.sc-wizard-horizontal-steps-wrapper{display:flex;gap:.5rem}.sc-wizard-horizontal-steps-fill{overflow:hidden}.sc-wizard-horizontal-steps-fill .sc-wizard-steps-item{flex:1}.sc-wizard-horizontal-steps .sc-wizard-steps-item{width:24rem;margin-bottom:0}.sc-wizard-vertical{height:100%;display:flex}.sc-wizard-vertical-steps{overflow:hidden auto;margin-right:1rem;width:100%}.sc-wizard-vertical-steps-container{min-width:280px;width:20%}.sc-wizard-vertical-nav{height:100%;display:flex}.sc-wizard-vertical-nav-steps{overflow:hidden auto;margin-right:1rem}.sc-wizard-vertical-nav-steps-container{min-width:125px;width:6%;transition:.1s all;align-content:start}::ng-deep .custom-mat-tooltip-error{--mdc-plain-tooltip-container-color: #fd397a}::ng-deep .custom-mat-tooltip-active{--mdc-plain-tooltip-container-color: #646c9a}.sc-wizard-expand-icon-container{display:flex;align-items:center;height:100%;justify-content:flex-end;padding-right:1rem}.sc-wizard-steps,.sc-wizard-horizontal-content,.sc-wizard-vertical-content{height:100%;scroll-behavior:smooth}.sc-wizard-horizontal-steps-container,.sc-wizard-vertical-steps-container{height:100%;display:grid;border-radius:.8rem}.sc-wizard-horizontal-steps-container{grid-template-columns:auto 1fr auto}.sc-wizard-vertical-steps-container{grid-template-rows:auto 1fr auto}.sc-wizard-steps-item{display:flex;align-items:center;cursor:pointer;padding:.8rem 1rem;border-radius:.8rem;margin-bottom:.4em;transition:.3s all}.sc-wizard-steps-item:last-child{margin-bottom:0}.sc-wizard-steps-item-disable{pointer-events:none;opacity:.5}.sc-wizard-steps-item-active{position:relative;background-color:#646c9a21}.sc-wizard-steps-item-error{background-color:#fd397a21}.sc-wizard-steps-item-number{border-radius:8px;background-color:#f3f3f7;color:#646c9a;font-size:1.3rem;font-weight:700;margin-right:1rem;height:3.2rem;width:3rem;text-align:center;position:relative}.sc-wizard-steps-item-number em,.sc-wizard-steps-item-number span{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-wizard-steps-item-number-active{color:#fff;background-color:#646c9a}.sc-wizard-steps-item-number-error{color:#fff;background-color:#fd397a}.sc-wizard-steps-item-label-title{margin:0;font-weight:100;color:#646c9a;font-size:16px}.sc-wizard-steps-item-label-title-active{font-weight:700}.sc-wizard-steps-item-label-title-error{color:#fd397a}.sc-wizard-steps-item-label-subtitle{color:gray;font-size:11px}.sc-wizard-steps-item-label-subtitle-error{color:#fd397a}.sc-wizard-horizontal-content,.sc-wizard-vertical-content{background-color:#fff;overflow:hidden auto}.sc-wizard-horizontal-content{padding:1rem 0;width:100%;margin-top:.4rem}.sc-wizard-vertical-content{overflow:hidden auto;padding:1rem;width:100%}.sc-wizard-content{padding:1rem}@media screen and (min-height: 750px){.sc-wizard-content{height:calc(100vh - 333px)}}.sc-wizard-horizontal-button,.sc-wizard-vertical-button{margin:auto;transition:all .3s;height:3rem;width:3.1rem}.sc-wizard-vertical-button.prev{margin-bottom:1rem}.sc-wizard-vertical-button.next{margin-top:1rem}.sc-wizard-horizontal-button.prev{margin-right:1rem}.sc-wizard-horizontal-button.next{margin-left:1rem}.sc-wizard-skeleton{overflow:hidden;position:relative}.sc-wizard-skeleton:after{content:\"\";width:100%;height:100%;background:#dedfe1;background:#e6e6e6;background-image:linear-gradient(to right,#e6e6e6,#f2f3f5 20%,#e6e6e6 40% 100%);background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:5;border-radius:.8rem;animation:loading 1.1s infinite linear}@keyframes loading{0%{background-position:-100px}to{background-position:200px}}.visible{visibility:visible}.invisible{visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3$1.CdkStepperNext, selector: "button[cdkStepperNext]", inputs: ["type"] }, { kind: "directive", type: i3$1.CdkStepperPrevious, selector: "button[cdkStepperPrevious]", inputs: ["type"] }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7542
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScWizardComponent, selector: "sc-wizard", inputs: { hasAutoFillSteps: "hasAutoFillSteps", hasSkeleton: "hasSkeleton", showArrows: "showArrows", subWizard: "subWizard", baseSubWizard: "baseSubWizard", showExpanded: "showExpanded", stepNavigationHandler: "stepNavigationHandler" }, outputs: { clickStepEmit: "clickStepEmit" }, providers: [{ provide: CdkStepper, useExisting: ScWizardComponent }], viewQueries: [{ propertyName: "_scWizardContainer", first: true, predicate: ["scWizardContainer"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div \n [class.sc-wizard-horizontal]=\"this.orientation === 'horizontal'\"\n [class.sc-wizard-vertical]=\"this.orientation === 'vertical'\" \n [class.sc-wizard-vertical-nav]=\"this.orientation === 'vertical' && isExpanded\">\n <div \n [class]=\"'sc-wizard-' + orientation + (isExpanded ? '-nav' : '') + '-steps-container'\"\n [ngStyle]=\"{ display: 'grid', 'margin-right': '0px' }\">\n <!--PREVIOUS STEP BUTTON-->\n <button\n *ngIf=\"showArrows\"\n [disabled]=\"this.selectedIndex === 0\"\n [class.sc-wizard-skeleton]=\"hasSkeleton\"\n [class]=\"'sc-wizard-' + orientation + '-button prev'\"\n type=\"button\"\n mat-icon-button\n cdkStepperPrevious>\n <mat-icon>{{ orientation === \"horizontal\" ? \"chevron_left\" : \"expand_less\" }}</mat-icon>\n </button>\n\n <ng-container *ngIf=\"this.orientation === 'horizontal'\">\n <ng-container *ngIf=\"hasAutoFillSteps\">\n <div class=\"sc-wizard-horizontal-steps sc-wizard-horizontal-steps-fill\">\n <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"!hasAutoFillSteps\">\n <div class=\"sc-wizard-horizontal-steps\">\n <div class=\"sc-wizard-horizontal-steps-wrapper\" [style.width]=\"24 * steps.length + 'rem'\">\n <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\n </div>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"this.orientation === 'vertical'\">\n <div style=\"display: flex; justify-content: space-between;\">\n <div class=\"sc-wizard-steps sc-wizard-vertical-steps\">\n <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\n </div>\n <div class=\"sc-wizard-expand-icon-container\">\n <ng-container *ngIf=\"showExpanded\">\n <em class=\"z-3 fa\" [ngClass]=\"{ 'fa-chevron-right': isExpanded, 'fa-chevron-left': !isExpanded }\" style=\"cursor: pointer; font-size: 18px\" (click)=\"this.isExpanded = !this.isExpanded\"> </em>\n </ng-container>\n </div>\n </div>\n </ng-container>\n\n <!--NEXT STEP BUTTON-->\n <button\n *ngIf=\"showArrows\"\n [disabled]=\"this.steps.length - 1 === this.selectedIndex\"\n [class.sc-wizard-skeleton]=\"hasSkeleton\"\n [class]=\"'sc-wizard-' + orientation + '-button next'\"\n type=\"button\"\n mat-icon-button\n cdkStepperNext>\n <mat-icon>{{ orientation === \"horizontal\" ? \"navigate_next\" : \"expand_more\" }}</mat-icon>\n </button>\n </div>\n\n <div #scWizardContainer [class.sc-wizard-skeleton]=\"hasSkeleton\" [class]=\"'sc-wizard-' + orientation + '-content'\">\n <ng-container [ngTemplateOutlet]=\"selected ? selected.content : null\"></ng-container>\n </div>\n</div>\n\n<ng-template #templateSteps>\n\t<div\n\t\t*ngFor=\"let step of steps; let i = index\"\n\t\t[class.invisible]=\"step.content.elementRef.nativeElement.parentNode.className === 'invisible'\"\n\t\t[tabIndex]=\"selectedIndex === i ? 1 : -1\"\n\t\t[attr.data-position]=\"i\"\n\t\t[class.sc-wizard-steps-item-active]=\"selectedIndex === i && !step.hasError\"\n\t\t[class.sc-wizard-steps-item-error]=\"selectedIndex === i && step.hasError\"\n\t\t[class.sc-wizard-steps-item-disable]=\"!step.editable || convertLabelToType(step.label)!.disabled\"\n\t\tclass=\"sc-wizard-steps-item\"\n\t\t[class.sc-wizard-skeleton]=\"hasSkeleton\"\n\t\t(click)=\"goTo(i); clickStepEmit.emit(i)\">\n\t\t<span\n [matTooltipClass]=\"showExpanded && isExpanded && step.hasError ? 'custom-mat-tooltip-error' : 'custom-mat-tooltip-active'\"\n [matTooltip]=\"isExpanded ? convertLabelToType(step.label)!.title : ''\"\n\t\t\tclass=\"sc-wizard-steps-item-number d-flex justify-content-center align-items-center\"\n\t\t\t[class.sc-wizard-steps-item-number-active]=\"selectedIndex === i\"\n\t\t\t[class.sc-wizard-steps-item-number-error]=\"step.hasError\">\n <ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label).icon\">\n\t\t\t\t<em [class]=\"convertLabelToType(step.label).icon\"></em>\n\t\t\t</ng-container>\n <ng-container *ngIf=\"!step.hasError && !convertLabelToType(step.label).icon\">\n\t\t\t\t{{ subWizard ? baseSubWizard + '.' + (i + 1) : i + 1 }}\n\t\t\t</ng-container>\n\t\t\t<ng-container *ngIf=\"step.hasError\">\n\t\t\t\t<em class=\"fa fa-exclamation-triangle\"></em>\n\t\t\t</ng-container>\n\t\t</span>\n\n\t\t<div\n *ngIf=\"!isExpanded\"\n\t\t\tclass=\"sc-wizard-steps-item-label\"\n\t\t\t[class.sc-wizard-steps-item-label-error]=\"step.hasError\">\n\t\t\t<p\n\t\t\t\tclass=\"sc-wizard-steps-item-label-title\"\n\t\t\t\t[class.sc-wizard-steps-item-label-title-active]=\"selectedIndex === i\"\n\t\t\t\t[class.sc-wizard-steps-item-label-title-error]=\"step.hasError\">\n\t\t\t\t{{ convertLabelToType(step.label).title }}\n\t\t\t</p>\n\t\t\t<span\n\t\t\t\tclass=\"sc-wizard-steps-item-label-subtitle\"\n\t\t\t\t[ngStyle]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleStyleActive! : null\"\n\t\t\t\t[ngClass]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleClassActive! : []\"\n\t\t\t\t[class.sc-wizard-steps-item-label-subtitle-error]=\"step.hasError\">\n\t\t\t\t<ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label)?.subtitle\">\n\t\t\t\t\t{{ convertLabelToType(step.label).subtitle }}\n\t\t\t\t</ng-container>\n\t\t\t\t<ng-container *ngIf=\"step.hasError\">\n\t\t\t\t\t{{ step.errorMessage }}\n\t\t\t\t</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t</div>\n</ng-template>", styles: [":host{font-family:Soho Gothic Pro,Arial,Helvetica,sans-serif;background-color:#fff;overflow:hidden;height:100%;width:100%;display:block}.sc-wizard-horizontal{display:grid;height:100%;grid-template-rows:auto 1fr}.sc-wizard-horizontal-steps{width:100%;overflow:auto hidden}.sc-wizard-horizontal-steps-fill,.sc-wizard-horizontal-steps-wrapper{display:flex;gap:.5rem}.sc-wizard-horizontal-steps-fill{overflow:hidden}.sc-wizard-horizontal-steps-fill .sc-wizard-steps-item{flex:1}.sc-wizard-horizontal-steps .sc-wizard-steps-item{width:24rem;margin-bottom:0}.sc-wizard-vertical{height:100%;display:flex}.sc-wizard-vertical-steps{overflow:hidden auto;margin-right:1rem;width:100%}.sc-wizard-vertical-steps-container{min-width:280px;width:20%}.sc-wizard-vertical-nav{height:100%;display:flex}.sc-wizard-vertical-nav-steps{overflow:hidden auto;margin-right:1rem}.sc-wizard-vertical-nav-steps-container{min-width:125px;width:6%;transition:.1s all;align-content:start}::ng-deep .custom-mat-tooltip-error{--mdc-plain-tooltip-container-color: #fd397a}::ng-deep .custom-mat-tooltip-active{--mdc-plain-tooltip-container-color: #646c9a}.sc-wizard-expand-icon-container{display:flex;align-items:center;height:100%;justify-content:flex-end;padding-right:1rem}.sc-wizard-steps,.sc-wizard-horizontal-content,.sc-wizard-vertical-content{height:100%;scroll-behavior:smooth}.sc-wizard-horizontal-steps-container,.sc-wizard-vertical-steps-container{height:100%;display:grid;border-radius:.8rem}.sc-wizard-horizontal-steps-container{grid-template-columns:auto 1fr auto}.sc-wizard-vertical-steps-container{grid-template-rows:auto 1fr auto}.sc-wizard-steps-item{display:flex;align-items:center;cursor:pointer;padding:.8rem 1rem;border-radius:.8rem;margin-bottom:.4em;transition:.3s all}.sc-wizard-steps-item:last-child{margin-bottom:0}.sc-wizard-steps-item-disable{pointer-events:none;opacity:.5}.sc-wizard-steps-item-active{position:relative;background-color:#646c9a21}.sc-wizard-steps-item-error{background-color:#fd397a21}.sc-wizard-steps-item-number{border-radius:8px;background-color:#f3f3f7;color:#646c9a;font-size:1.3rem;font-weight:700;margin-right:1rem;height:3.2rem;width:3rem;text-align:center;position:relative}.sc-wizard-steps-item-number em,.sc-wizard-steps-item-number span{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-wizard-steps-item-number-active{color:#fff;background-color:#646c9a}.sc-wizard-steps-item-number-error{color:#fff;background-color:#fd397a}.sc-wizard-steps-item-label-title{margin:0;font-weight:100;color:#646c9a;font-size:16px}.sc-wizard-steps-item-label-title-active{font-weight:700}.sc-wizard-steps-item-label-title-error{color:#fd397a}.sc-wizard-steps-item-label-subtitle{color:gray;font-size:11px}.sc-wizard-steps-item-label-subtitle-error{color:#fd397a}.sc-wizard-horizontal-content,.sc-wizard-vertical-content{background-color:#fff;overflow:hidden auto}.sc-wizard-horizontal-content{padding:1rem 0;width:100%;margin-top:.4rem}.sc-wizard-vertical-content{overflow:hidden auto;padding:1rem;width:100%}.sc-wizard-content{padding:1rem}@media screen and (min-height: 750px){.sc-wizard-content{height:calc(100vh - 333px)}}.sc-wizard-horizontal-button,.sc-wizard-vertical-button{margin:auto;transition:all .3s;height:3rem;width:3.1rem}.sc-wizard-vertical-button.prev{margin-bottom:1rem}.sc-wizard-vertical-button.next{margin-top:1rem}.sc-wizard-horizontal-button.prev{margin-right:1rem}.sc-wizard-horizontal-button.next{margin-left:1rem}.sc-wizard-skeleton{overflow:hidden;position:relative}.sc-wizard-skeleton:after{content:\"\";width:100%;height:100%;background:#dedfe1;background:#e6e6e6;background-image:linear-gradient(to right,#e6e6e6,#f2f3f5 20%,#e6e6e6 40% 100%);background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:5;border-radius:.8rem;animation:loading 1.1s infinite linear}@keyframes loading{0%{background-position:-100px}to{background-position:200px}}.visible{visibility:visible}.invisible{visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3$1.CdkStepperNext, selector: "button[cdkStepperNext]", inputs: ["type"] }, { kind: "directive", type: i3$1.CdkStepperPrevious, selector: "button[cdkStepperPrevious]", inputs: ["type"] }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7542
7543
|
}
|
|
7543
7544
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScWizardComponent, decorators: [{
|
|
7544
7545
|
type: Component,
|
|
7545
|
-
args: [{ selector: "sc-wizard", providers: [{ provide: CdkStepper, useExisting: ScWizardComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \r\n [class.sc-wizard-horizontal]=\"this.orientation === 'horizontal'\"\r\n [class.sc-wizard-vertical]=\"this.orientation === 'vertical'\" \r\n [class.sc-wizard-vertical-nav]=\"this.orientation === 'vertical' && isExpanded\">\r\n <div \r\n [class]=\"'sc-wizard-' + orientation + (isExpanded ? '-nav' : '') + '-steps-container'\"\r\n [ngStyle]=\"{ display: 'grid', 'margin-right': '0px' }\">\r\n <!--PREVIOUS STEP BUTTON-->\r\n <button\r\n *ngIf=\"showArrows\"\r\n [disabled]=\"this.selectedIndex === 0\"\r\n [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n [class]=\"'sc-wizard-' + orientation + '-button prev'\"\r\n type=\"button\"\r\n mat-icon-button\r\n cdkStepperPrevious>\r\n <mat-icon>{{ orientation === \"horizontal\" ? \"chevron_left\" : \"expand_less\" }}</mat-icon>\r\n </button>\r\n\r\n <ng-container *ngIf=\"this.orientation === 'horizontal'\">\r\n <ng-container *ngIf=\"hasAutoFillSteps\">\r\n <div class=\"sc-wizard-horizontal-steps sc-wizard-horizontal-steps-fill\">\r\n <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!hasAutoFillSteps\">\r\n <div class=\"sc-wizard-horizontal-steps\">\r\n <div class=\"sc-wizard-horizontal-steps-wrapper\" [style.width]=\"24 * steps.length + 'rem'\">\r\n <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"this.orientation === 'vertical'\">\r\n <div style=\"display: flex; justify-content: space-between;\">\r\n <div class=\"sc-wizard-steps sc-wizard-vertical-steps\">\r\n <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n </div>\r\n <div class=\"sc-wizard-expand-icon-container\">\r\n <ng-container *ngIf=\"showExpanded\">\r\n <em class=\"z-3 fa\" [ngClass]=\"{ 'fa-chevron-right': isExpanded, 'fa-chevron-left': !isExpanded }\" style=\"cursor: pointer; font-size: 18px\" (click)=\"this.isExpanded = !this.isExpanded\"> </em>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!--NEXT STEP BUTTON-->\r\n <button\r\n *ngIf=\"showArrows\"\r\n [disabled]=\"this.steps.length - 1 === this.selectedIndex\"\r\n [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n [class]=\"'sc-wizard-' + orientation + '-button next'\"\r\n type=\"button\"\r\n mat-icon-button\r\n cdkStepperNext>\r\n <mat-icon>{{ orientation === \"horizontal\" ? \"navigate_next\" : \"expand_more\" }}</mat-icon>\r\n </button>\r\n </div>\r\n\r\n <div #scWizardContainer [class.sc-wizard-skeleton]=\"hasSkeleton\" [class]=\"'sc-wizard-' + orientation + '-content'\">\r\n <ng-container [ngTemplateOutlet]=\"selected ? selected.content : null\"></ng-container>\r\n </div>\r\n</div>\r\n\r\n<ng-template #templateSteps>\r\n\t<div\r\n\t\t*ngFor=\"let step of steps; let i = index\"\r\n\t\t[class.invisible]=\"step.content.elementRef.nativeElement.parentNode.className === 'invisible'\"\r\n\t\t[tabIndex]=\"selectedIndex === i ? 1 : -1\"\r\n\t\t[attr.data-position]=\"i\"\r\n\t\t[class.sc-wizard-steps-item-active]=\"selectedIndex === i && !step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-error]=\"selectedIndex === i && step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-disable]=\"!step.editable || convertLabelToType(step.label)!.disabled\"\r\n\t\tclass=\"sc-wizard-steps-item\"\r\n\t\t[class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n\t\t(click)=\"goTo(i); clickStepEmit.emit(i)\">\r\n\t\t<span\r\n [matTooltipClass]=\"showExpanded && isExpanded && step.hasError ? 'custom-mat-tooltip-error' : 'custom-mat-tooltip-active'\"\r\n [matTooltip]=\"isExpanded ? convertLabelToType(step.label)!.title : ''\"\r\n\t\t\tclass=\"sc-wizard-steps-item-number d-flex justify-content-center align-items-center\"\r\n\t\t\t[class.sc-wizard-steps-item-number-active]=\"selectedIndex === i\"\r\n\t\t\t[class.sc-wizard-steps-item-number-error]=\"step.hasError\">\r\n <ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label).icon\">\r\n\t\t\t\t<em [class]=\"convertLabelToType(step.label).icon\"></em>\r\n\t\t\t</ng-container>\r\n <ng-container *ngIf=\"!step.hasError && !convertLabelToType(step.label).icon\">\r\n\t\t\t\t{{ subWizard ? baseSubWizard + '.' + (i + 1) : i + 1 }}\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t<em class=\"fa fa-exclamation-triangle\"></em>\r\n\t\t\t</ng-container>\r\n\t\t</span>\r\n\r\n\t\t<div\r\n *ngIf=\"!isExpanded\"\r\n\t\t\tclass=\"sc-wizard-steps-item-label\"\r\n\t\t\t[class.sc-wizard-steps-item-label-error]=\"step.hasError\">\r\n\t\t\t<p\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-title\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-active]=\"selectedIndex === i\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-error]=\"step.hasError\">\r\n\t\t\t\t{{ convertLabelToType(step.label).title }}\r\n\t\t\t</p>\r\n\t\t\t<span\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-subtitle\"\r\n\t\t\t\t[ngStyle]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleStyleActive! : null\"\r\n\t\t\t\t[ngClass]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleClassActive! : []\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-subtitle-error]=\"step.hasError\">\r\n\t\t\t\t<ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label)?.subtitle\">\r\n\t\t\t\t\t{{ convertLabelToType(step.label).subtitle }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t\t{{ step.errorMessage }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>", styles: [":host{font-family:Soho Gothic Pro,Arial,Helvetica,sans-serif;background-color:#fff;overflow:hidden;height:100%;width:100%;display:block}.sc-wizard-horizontal{display:grid;height:100%;grid-template-rows:auto 1fr}.sc-wizard-horizontal-steps{width:100%;overflow:auto hidden}.sc-wizard-horizontal-steps-fill,.sc-wizard-horizontal-steps-wrapper{display:flex;gap:.5rem}.sc-wizard-horizontal-steps-fill{overflow:hidden}.sc-wizard-horizontal-steps-fill .sc-wizard-steps-item{flex:1}.sc-wizard-horizontal-steps .sc-wizard-steps-item{width:24rem;margin-bottom:0}.sc-wizard-vertical{height:100%;display:flex}.sc-wizard-vertical-steps{overflow:hidden auto;margin-right:1rem;width:100%}.sc-wizard-vertical-steps-container{min-width:280px;width:20%}.sc-wizard-vertical-nav{height:100%;display:flex}.sc-wizard-vertical-nav-steps{overflow:hidden auto;margin-right:1rem}.sc-wizard-vertical-nav-steps-container{min-width:125px;width:6%;transition:.1s all;align-content:start}::ng-deep .custom-mat-tooltip-error{--mdc-plain-tooltip-container-color: #fd397a}::ng-deep .custom-mat-tooltip-active{--mdc-plain-tooltip-container-color: #646c9a}.sc-wizard-expand-icon-container{display:flex;align-items:center;height:100%;justify-content:flex-end;padding-right:1rem}.sc-wizard-steps,.sc-wizard-horizontal-content,.sc-wizard-vertical-content{height:100%;scroll-behavior:smooth}.sc-wizard-horizontal-steps-container,.sc-wizard-vertical-steps-container{height:100%;display:grid;border-radius:.8rem}.sc-wizard-horizontal-steps-container{grid-template-columns:auto 1fr auto}.sc-wizard-vertical-steps-container{grid-template-rows:auto 1fr auto}.sc-wizard-steps-item{display:flex;align-items:center;cursor:pointer;padding:.8rem 1rem;border-radius:.8rem;margin-bottom:.4em;transition:.3s all}.sc-wizard-steps-item:last-child{margin-bottom:0}.sc-wizard-steps-item-disable{pointer-events:none;opacity:.5}.sc-wizard-steps-item-active{position:relative;background-color:#646c9a21}.sc-wizard-steps-item-error{background-color:#fd397a21}.sc-wizard-steps-item-number{border-radius:8px;background-color:#f3f3f7;color:#646c9a;font-size:1.3rem;font-weight:700;margin-right:1rem;height:3.2rem;width:3rem;text-align:center;position:relative}.sc-wizard-steps-item-number em,.sc-wizard-steps-item-number span{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-wizard-steps-item-number-active{color:#fff;background-color:#646c9a}.sc-wizard-steps-item-number-error{color:#fff;background-color:#fd397a}.sc-wizard-steps-item-label-title{margin:0;font-weight:100;color:#646c9a;font-size:16px}.sc-wizard-steps-item-label-title-active{font-weight:700}.sc-wizard-steps-item-label-title-error{color:#fd397a}.sc-wizard-steps-item-label-subtitle{color:gray;font-size:11px}.sc-wizard-steps-item-label-subtitle-error{color:#fd397a}.sc-wizard-horizontal-content,.sc-wizard-vertical-content{background-color:#fff;overflow:hidden auto}.sc-wizard-horizontal-content{padding:1rem 0;width:100%;margin-top:.4rem}.sc-wizard-vertical-content{overflow:hidden auto;padding:1rem;width:100%}.sc-wizard-content{padding:1rem}@media screen and (min-height: 750px){.sc-wizard-content{height:calc(100vh - 333px)}}.sc-wizard-horizontal-button,.sc-wizard-vertical-button{margin:auto;transition:all .3s;height:3rem;width:3.1rem}.sc-wizard-vertical-button.prev{margin-bottom:1rem}.sc-wizard-vertical-button.next{margin-top:1rem}.sc-wizard-horizontal-button.prev{margin-right:1rem}.sc-wizard-horizontal-button.next{margin-left:1rem}.sc-wizard-skeleton{overflow:hidden;position:relative}.sc-wizard-skeleton:after{content:\"\";width:100%;height:100%;background:#dedfe1;background:#e6e6e6;background-image:linear-gradient(to right,#e6e6e6,#f2f3f5 20%,#e6e6e6 40% 100%);background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:5;border-radius:.8rem;animation:loading 1.1s infinite linear}@keyframes loading{0%{background-position:-100px}to{background-position:200px}}.visible{visibility:visible}.invisible{visibility:hidden}\n"] }]
|
|
7546
|
+
args: [{ selector: "sc-wizard", providers: [{ provide: CdkStepper, useExisting: ScWizardComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \n [class.sc-wizard-horizontal]=\"this.orientation === 'horizontal'\"\n [class.sc-wizard-vertical]=\"this.orientation === 'vertical'\" \n [class.sc-wizard-vertical-nav]=\"this.orientation === 'vertical' && isExpanded\">\n <div \n [class]=\"'sc-wizard-' + orientation + (isExpanded ? '-nav' : '') + '-steps-container'\"\n [ngStyle]=\"{ display: 'grid', 'margin-right': '0px' }\">\n <!--PREVIOUS STEP BUTTON-->\n <button\n *ngIf=\"showArrows\"\n [disabled]=\"this.selectedIndex === 0\"\n [class.sc-wizard-skeleton]=\"hasSkeleton\"\n [class]=\"'sc-wizard-' + orientation + '-button prev'\"\n type=\"button\"\n mat-icon-button\n cdkStepperPrevious>\n <mat-icon>{{ orientation === \"horizontal\" ? \"chevron_left\" : \"expand_less\" }}</mat-icon>\n </button>\n\n <ng-container *ngIf=\"this.orientation === 'horizontal'\">\n <ng-container *ngIf=\"hasAutoFillSteps\">\n <div class=\"sc-wizard-horizontal-steps sc-wizard-horizontal-steps-fill\">\n <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"!hasAutoFillSteps\">\n <div class=\"sc-wizard-horizontal-steps\">\n <div class=\"sc-wizard-horizontal-steps-wrapper\" [style.width]=\"24 * steps.length + 'rem'\">\n <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\n </div>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"this.orientation === 'vertical'\">\n <div style=\"display: flex; justify-content: space-between;\">\n <div class=\"sc-wizard-steps sc-wizard-vertical-steps\">\n <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\n </div>\n <div class=\"sc-wizard-expand-icon-container\">\n <ng-container *ngIf=\"showExpanded\">\n <em class=\"z-3 fa\" [ngClass]=\"{ 'fa-chevron-right': isExpanded, 'fa-chevron-left': !isExpanded }\" style=\"cursor: pointer; font-size: 18px\" (click)=\"this.isExpanded = !this.isExpanded\"> </em>\n </ng-container>\n </div>\n </div>\n </ng-container>\n\n <!--NEXT STEP BUTTON-->\n <button\n *ngIf=\"showArrows\"\n [disabled]=\"this.steps.length - 1 === this.selectedIndex\"\n [class.sc-wizard-skeleton]=\"hasSkeleton\"\n [class]=\"'sc-wizard-' + orientation + '-button next'\"\n type=\"button\"\n mat-icon-button\n cdkStepperNext>\n <mat-icon>{{ orientation === \"horizontal\" ? \"navigate_next\" : \"expand_more\" }}</mat-icon>\n </button>\n </div>\n\n <div #scWizardContainer [class.sc-wizard-skeleton]=\"hasSkeleton\" [class]=\"'sc-wizard-' + orientation + '-content'\">\n <ng-container [ngTemplateOutlet]=\"selected ? selected.content : null\"></ng-container>\n </div>\n</div>\n\n<ng-template #templateSteps>\n\t<div\n\t\t*ngFor=\"let step of steps; let i = index\"\n\t\t[class.invisible]=\"step.content.elementRef.nativeElement.parentNode.className === 'invisible'\"\n\t\t[tabIndex]=\"selectedIndex === i ? 1 : -1\"\n\t\t[attr.data-position]=\"i\"\n\t\t[class.sc-wizard-steps-item-active]=\"selectedIndex === i && !step.hasError\"\n\t\t[class.sc-wizard-steps-item-error]=\"selectedIndex === i && step.hasError\"\n\t\t[class.sc-wizard-steps-item-disable]=\"!step.editable || convertLabelToType(step.label)!.disabled\"\n\t\tclass=\"sc-wizard-steps-item\"\n\t\t[class.sc-wizard-skeleton]=\"hasSkeleton\"\n\t\t(click)=\"goTo(i); clickStepEmit.emit(i)\">\n\t\t<span\n [matTooltipClass]=\"showExpanded && isExpanded && step.hasError ? 'custom-mat-tooltip-error' : 'custom-mat-tooltip-active'\"\n [matTooltip]=\"isExpanded ? convertLabelToType(step.label)!.title : ''\"\n\t\t\tclass=\"sc-wizard-steps-item-number d-flex justify-content-center align-items-center\"\n\t\t\t[class.sc-wizard-steps-item-number-active]=\"selectedIndex === i\"\n\t\t\t[class.sc-wizard-steps-item-number-error]=\"step.hasError\">\n <ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label).icon\">\n\t\t\t\t<em [class]=\"convertLabelToType(step.label).icon\"></em>\n\t\t\t</ng-container>\n <ng-container *ngIf=\"!step.hasError && !convertLabelToType(step.label).icon\">\n\t\t\t\t{{ subWizard ? baseSubWizard + '.' + (i + 1) : i + 1 }}\n\t\t\t</ng-container>\n\t\t\t<ng-container *ngIf=\"step.hasError\">\n\t\t\t\t<em class=\"fa fa-exclamation-triangle\"></em>\n\t\t\t</ng-container>\n\t\t</span>\n\n\t\t<div\n *ngIf=\"!isExpanded\"\n\t\t\tclass=\"sc-wizard-steps-item-label\"\n\t\t\t[class.sc-wizard-steps-item-label-error]=\"step.hasError\">\n\t\t\t<p\n\t\t\t\tclass=\"sc-wizard-steps-item-label-title\"\n\t\t\t\t[class.sc-wizard-steps-item-label-title-active]=\"selectedIndex === i\"\n\t\t\t\t[class.sc-wizard-steps-item-label-title-error]=\"step.hasError\">\n\t\t\t\t{{ convertLabelToType(step.label).title }}\n\t\t\t</p>\n\t\t\t<span\n\t\t\t\tclass=\"sc-wizard-steps-item-label-subtitle\"\n\t\t\t\t[ngStyle]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleStyleActive! : null\"\n\t\t\t\t[ngClass]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleClassActive! : []\"\n\t\t\t\t[class.sc-wizard-steps-item-label-subtitle-error]=\"step.hasError\">\n\t\t\t\t<ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label)?.subtitle\">\n\t\t\t\t\t{{ convertLabelToType(step.label).subtitle }}\n\t\t\t\t</ng-container>\n\t\t\t\t<ng-container *ngIf=\"step.hasError\">\n\t\t\t\t\t{{ step.errorMessage }}\n\t\t\t\t</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t</div>\n</ng-template>", styles: [":host{font-family:Soho Gothic Pro,Arial,Helvetica,sans-serif;background-color:#fff;overflow:hidden;height:100%;width:100%;display:block}.sc-wizard-horizontal{display:grid;height:100%;grid-template-rows:auto 1fr}.sc-wizard-horizontal-steps{width:100%;overflow:auto hidden}.sc-wizard-horizontal-steps-fill,.sc-wizard-horizontal-steps-wrapper{display:flex;gap:.5rem}.sc-wizard-horizontal-steps-fill{overflow:hidden}.sc-wizard-horizontal-steps-fill .sc-wizard-steps-item{flex:1}.sc-wizard-horizontal-steps .sc-wizard-steps-item{width:24rem;margin-bottom:0}.sc-wizard-vertical{height:100%;display:flex}.sc-wizard-vertical-steps{overflow:hidden auto;margin-right:1rem;width:100%}.sc-wizard-vertical-steps-container{min-width:280px;width:20%}.sc-wizard-vertical-nav{height:100%;display:flex}.sc-wizard-vertical-nav-steps{overflow:hidden auto;margin-right:1rem}.sc-wizard-vertical-nav-steps-container{min-width:125px;width:6%;transition:.1s all;align-content:start}::ng-deep .custom-mat-tooltip-error{--mdc-plain-tooltip-container-color: #fd397a}::ng-deep .custom-mat-tooltip-active{--mdc-plain-tooltip-container-color: #646c9a}.sc-wizard-expand-icon-container{display:flex;align-items:center;height:100%;justify-content:flex-end;padding-right:1rem}.sc-wizard-steps,.sc-wizard-horizontal-content,.sc-wizard-vertical-content{height:100%;scroll-behavior:smooth}.sc-wizard-horizontal-steps-container,.sc-wizard-vertical-steps-container{height:100%;display:grid;border-radius:.8rem}.sc-wizard-horizontal-steps-container{grid-template-columns:auto 1fr auto}.sc-wizard-vertical-steps-container{grid-template-rows:auto 1fr auto}.sc-wizard-steps-item{display:flex;align-items:center;cursor:pointer;padding:.8rem 1rem;border-radius:.8rem;margin-bottom:.4em;transition:.3s all}.sc-wizard-steps-item:last-child{margin-bottom:0}.sc-wizard-steps-item-disable{pointer-events:none;opacity:.5}.sc-wizard-steps-item-active{position:relative;background-color:#646c9a21}.sc-wizard-steps-item-error{background-color:#fd397a21}.sc-wizard-steps-item-number{border-radius:8px;background-color:#f3f3f7;color:#646c9a;font-size:1.3rem;font-weight:700;margin-right:1rem;height:3.2rem;width:3rem;text-align:center;position:relative}.sc-wizard-steps-item-number em,.sc-wizard-steps-item-number span{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-wizard-steps-item-number-active{color:#fff;background-color:#646c9a}.sc-wizard-steps-item-number-error{color:#fff;background-color:#fd397a}.sc-wizard-steps-item-label-title{margin:0;font-weight:100;color:#646c9a;font-size:16px}.sc-wizard-steps-item-label-title-active{font-weight:700}.sc-wizard-steps-item-label-title-error{color:#fd397a}.sc-wizard-steps-item-label-subtitle{color:gray;font-size:11px}.sc-wizard-steps-item-label-subtitle-error{color:#fd397a}.sc-wizard-horizontal-content,.sc-wizard-vertical-content{background-color:#fff;overflow:hidden auto}.sc-wizard-horizontal-content{padding:1rem 0;width:100%;margin-top:.4rem}.sc-wizard-vertical-content{overflow:hidden auto;padding:1rem;width:100%}.sc-wizard-content{padding:1rem}@media screen and (min-height: 750px){.sc-wizard-content{height:calc(100vh - 333px)}}.sc-wizard-horizontal-button,.sc-wizard-vertical-button{margin:auto;transition:all .3s;height:3rem;width:3.1rem}.sc-wizard-vertical-button.prev{margin-bottom:1rem}.sc-wizard-vertical-button.next{margin-top:1rem}.sc-wizard-horizontal-button.prev{margin-right:1rem}.sc-wizard-horizontal-button.next{margin-left:1rem}.sc-wizard-skeleton{overflow:hidden;position:relative}.sc-wizard-skeleton:after{content:\"\";width:100%;height:100%;background:#dedfe1;background:#e6e6e6;background-image:linear-gradient(to right,#e6e6e6,#f2f3f5 20%,#e6e6e6 40% 100%);background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:5;border-radius:.8rem;animation:loading 1.1s infinite linear}@keyframes loading{0%{background-position:-100px}to{background-position:200px}}.visible{visibility:visible}.invisible{visibility:hidden}\n"] }]
|
|
7546
7547
|
}], ctorParameters: () => [{ type: i1$4.Directionality, decorators: [{
|
|
7547
7548
|
type: Optional
|
|
7548
7549
|
}] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { _scWizardContainer: [{
|
|
@@ -7927,7 +7928,7 @@ class TextAreaComponent {
|
|
|
7927
7928
|
useExisting: forwardRef(() => TextAreaComponent),
|
|
7928
7929
|
multi: true,
|
|
7929
7930
|
},
|
|
7930
|
-
], viewQueries: [{ propertyName: "textArea", first: true, predicate: ["textArea"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\
|
|
7931
|
+
], viewQueries: [{ propertyName: "textArea", first: true, predicate: ["textArea"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\n ><span [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">{{ label }}</span>\n <span *ngIf=\"required\" class=\"ml-1\" [class.text-danger]=\"controls?.errors != null\"> *</span>\n <span *ngIf=\"labelInfo\">\n <i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\n </span>\n</label>\n<div\n [class.input-icon]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.right]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\">\n <!-- tooltip-message es el icono de error -->\n <tooltip-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [tooltipMessage]=\"tooltipMessage\"\n [submitted]=\"submitted\"></tooltip-message>\n\n <textarea\n #textArea\n class=\"form-control\"\n [class.text-uppercase]=\"format === 'M'\"\n [class.text-lowercase]=\"format === 'm'\"\n [placeholder]=\"placeholder\"\n [class.is-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [(ngModel)]=\"value\"\n [readonly]=\"disabled || readonly\"\n (blur)=\"onBlur($any($event.target).value)\"\n (input)=\"onInput($any($event.target).value)\"\n (focus)=\"onFocus($any($event.target).value)\"\n (keydown.control.arrowleft)=\"ArrowLeft($event)\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [ngStyle]=\"{ height: height, width: width }\"\n (keydown.control.arrowright)=\"ArrowRight($event)\"></textarea>\n</div>\n\n<!-- error-message es el mansaje que aparece abajo del componente -->\n<error-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [tooltipMessage]=\"tooltipMessage\"\n [submitted]=\"submitted\"></error-message>\n", styles: [".sumax-label{color:#646c9a!important}.input-icon{position:relative}.input-icon.right>tooltip-message{left:auto;right:8px;float:right}.input-icon>tooltip-message{color:#ccc;position:absolute;margin-top:.3rem;margin-right:1.5em;z-index:3;width:16px;font-size:16px;text-align:center;left:0}.input-icon.right>.form-control{padding-right:33px;padding-left:12px}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.was-validated .form-control:invalid,.form-control.is-invalid{background-image:none;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.form-control:focus,.form-control:active{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: errorMessageComponent, selector: "error-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "component", type: tooltipMessageComponent, selector: "tooltip-message", inputs: ["tooltipMessage", "validatorMessage", "controls", "label", "submitted"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
7931
7932
|
}
|
|
7932
7933
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TextAreaComponent, decorators: [{
|
|
7933
7934
|
type: Component,
|
|
@@ -7942,7 +7943,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
7942
7943
|
useExisting: forwardRef(() => TextAreaComponent),
|
|
7943
7944
|
multi: true,
|
|
7944
7945
|
},
|
|
7945
|
-
], template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\
|
|
7946
|
+
], template: "<label *ngIf=\"label != null && label != '' && showLabel\" class=\"d-flex sumax-label mb-0 p-0\"\n ><span [title]=\"label\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis\">{{ label }}</span>\n <span *ngIf=\"required\" class=\"ml-1\" [class.text-danger]=\"controls?.errors != null\"> *</span>\n <span *ngIf=\"labelInfo\">\n <i class=\"fa fa-exclamation-circle text-info ms-2\" [matTooltip]=\"textLabelInfo\" matTooltipClass=\"bg-info\"></i>\n </span>\n</label>\n<div\n [class.input-icon]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [class.right]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\">\n <!-- tooltip-message es el icono de error -->\n <tooltip-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [tooltipMessage]=\"tooltipMessage\"\n [submitted]=\"submitted\"></tooltip-message>\n\n <textarea\n #textArea\n class=\"form-control\"\n [class.text-uppercase]=\"format === 'M'\"\n [class.text-lowercase]=\"format === 'm'\"\n [placeholder]=\"placeholder\"\n [class.is-invalid]=\"controls?.errors != null && (controls?.dirty || controls?.touched) && submitted\"\n [(ngModel)]=\"value\"\n [readonly]=\"disabled || readonly\"\n (blur)=\"onBlur($any($event.target).value)\"\n (input)=\"onInput($any($event.target).value)\"\n (focus)=\"onFocus($any($event.target).value)\"\n (keydown.control.arrowleft)=\"ArrowLeft($event)\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [ngStyle]=\"{ height: height, width: width }\"\n (keydown.control.arrowright)=\"ArrowRight($event)\"></textarea>\n</div>\n\n<!-- error-message es el mansaje que aparece abajo del componente -->\n<error-message\n [label]=\"label\"\n [controls]=\"controls\"\n [validatorMessage]=\"validatorMessage\"\n [tooltipMessage]=\"tooltipMessage\"\n [submitted]=\"submitted\"></error-message>\n", styles: [".sumax-label{color:#646c9a!important}.input-icon{position:relative}.input-icon.right>tooltip-message{left:auto;right:8px;float:right}.input-icon>tooltip-message{color:#ccc;position:absolute;margin-top:.3rem;margin-right:1.5em;z-index:3;width:16px;font-size:16px;text-align:center;left:0}.input-icon.right>.form-control{padding-right:33px;padding-left:12px}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.was-validated .form-control:invalid,.form-control.is-invalid{background-image:none;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #fde6e8!important}.form-control:focus,.form-control:active{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a!important}\n"] }]
|
|
7946
7947
|
}], ctorParameters: () => [{ type: MessageUtilService }, { type: TextAreaService }, { type: i0.Renderer2 }], propDecorators: { format: [{
|
|
7947
7948
|
type: Input
|
|
7948
7949
|
}], showLabel: [{
|