@solcre-org/core-ui 2.19.0 → 2.19.2
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.
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
--_holder-px: 3rem;
|
|
12
12
|
--_holder-py: 3.6rem;
|
|
13
13
|
--_holder-br: var(--app-br, 8px);
|
|
14
|
-
--_holder-min-w: 45rem;
|
|
14
|
+
/* --_holder-min-w: 45rem; */
|
|
15
|
+
--_holder-min-w: 52rem;
|
|
15
16
|
--_holder-max-w: 60rem;
|
|
16
17
|
--_holder-w: clamp(var(--_holder-min-w), 32vw, var(--_holder-max-w));
|
|
17
18
|
--_overlay-bg: var(--app-popup-overlay, hsl(var(--color-alternative-800-hsl)/70%));
|
|
@@ -0,0 +1,208 @@
|
|
|
1
|
+
/* ******************************************** */
|
|
2
|
+
/** COMPONENT: LIBRERIA NG-SELECT
|
|
3
|
+
/* ******************************************** */
|
|
4
|
+
|
|
5
|
+
.ng-select .ng-select-container .ng-value-container {
|
|
6
|
+
flex-wrap: wrap;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
/* Placeholder styles for ng-select */
|
|
10
|
+
.c-entry-input--ng-select.is-placeholder .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder {
|
|
11
|
+
color: var(--_entry-input-placeholder-color);
|
|
12
|
+
opacity: 1;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.c-entry-input--ng-select.is-placeholder .ng-select .ng-select-container .ng-value-container .ng-input input {
|
|
16
|
+
color: var(--_entry-input-placeholder-color);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
/* Hide placeholder when there's a value */
|
|
20
|
+
.c-entry-input--ng-select:not(.is-placeholder) .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder {
|
|
21
|
+
opacity: 0;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.ng-select {
|
|
25
|
+
width: 100% !important;
|
|
26
|
+
display: contents;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.c-entry-input--ng-select {
|
|
30
|
+
position: relative;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.c-entry-datetime .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value{
|
|
34
|
+
min-width: 3em;
|
|
35
|
+
text-align: center;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.c-entry-datetime .c-entry-input{
|
|
39
|
+
--_entry-input-addon-gap: 0.15em;
|
|
40
|
+
--_entry-input-padd-x: 0.7em;
|
|
41
|
+
min-height: 3.2em;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.ng-select .ng-select-container .ng-value-container .ng-value {
|
|
45
|
+
background-color: var(--form-highlighted-color, var(--color-neutral-300));
|
|
46
|
+
color: #3F4E6A;
|
|
47
|
+
border-radius: var(--_entry-input-br);
|
|
48
|
+
padding: .2em .8em;
|
|
49
|
+
margin: .2em;
|
|
50
|
+
border: none;
|
|
51
|
+
border-radius: 4px;
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
.ng-value-icon {
|
|
55
|
+
border: none;
|
|
56
|
+
padding-right: 0.4em;
|
|
57
|
+
color: #3F4E6A;
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.ng-dropdown-panel {
|
|
64
|
+
width: auto !important;
|
|
65
|
+
top: 0;
|
|
66
|
+
left: calc(var(--_entry-input-padd-x)*-1);
|
|
67
|
+
right: calc(var(--_entry-input-padd-x)*-1 - var(--_entry-input-addon-gap) - var(--_entry-input-addon-fz));
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.c-entry-datetime .ng-dropdown-panel .scroll-host{
|
|
71
|
+
width: min-content;
|
|
72
|
+
left: 1rem;
|
|
73
|
+
text-align: center;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.ng-dropdown-panel .ng-dropdown-panel-items{
|
|
77
|
+
border: none;
|
|
78
|
+
min-height: auto;
|
|
79
|
+
padding: 0;
|
|
80
|
+
position: relative;
|
|
81
|
+
right: 0;
|
|
82
|
+
margin-top: 3em;
|
|
83
|
+
box-shadow: 1em 2.4em 3.4em -2em hsl(var(--color-neutral-900-hsl) / 25%);
|
|
84
|
+
background-color: var(--color-neutral-100);
|
|
85
|
+
|
|
86
|
+
.ng-option {
|
|
87
|
+
padding: .6em .8em;
|
|
88
|
+
color: #6A788C;
|
|
89
|
+
cursor: pointer;
|
|
90
|
+
transition: background-color 100ms ease-out;
|
|
91
|
+
|
|
92
|
+
&.ng-option-marked {
|
|
93
|
+
color: var(--color-primary-400);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
&.ng-option-selected {
|
|
97
|
+
color: var(--color-primary-400);
|
|
98
|
+
font-weight: 500;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.ng-dropdown-panel .scrollable-content {
|
|
104
|
+
background: #f2f5fa;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.ng-dropdown-panel-items.scroll-host {
|
|
108
|
+
background: #f2f5fa;
|
|
109
|
+
padding: 1em;
|
|
110
|
+
border-radius: var(--_entry-input-br);
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
app-server-select-field .ng-select:not(.ng-select-filtered):not(.ng-select-opened) .ng-dropdown-panel {
|
|
114
|
+
opacity: 0 !important;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.c-entry-input--ng-select {
|
|
118
|
+
--_entry-input-padd-y: 0.76em;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.c-entry-input--ng-select:has(.ng-value-container .ng-value) {
|
|
122
|
+
--_entry-input-padd-y: 0.35em;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input {
|
|
126
|
+
margin-left: 8px;
|
|
127
|
+
z-index: 0;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input>input {
|
|
131
|
+
height: 100%;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.ng-dropdown-panel-items.scroll-host:has(.ng-select-notfound) {
|
|
135
|
+
background-color: hsl(from hsl(var(--color-context-error-hsl)) h s 94%);
|
|
136
|
+
color: hsl(from hsl(var(--color-context-error-hsl)) h s 60%);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.ng-dropdown-panel-items.scroll-host:has(.ng-select-loading) {
|
|
140
|
+
background-color: hsl(from hsl(var(--color-alternative-800-hsl)) h s 96%);
|
|
141
|
+
color: hsl(from hsl(var(--color-alternative-800-hsl)) h 90% 70%);
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.ng-select.ng-select-single .ng-select-container .ng-value-container,
|
|
145
|
+
.ng-select.ng-select-single .ng-select-container .ng-value-container {
|
|
146
|
+
display: grid;
|
|
147
|
+
justify-content: start;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
|
|
151
|
+
height: -webkit-fill-available;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input {
|
|
155
|
+
height: 98%;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.ng-select.ng-select-single .ng-select-container {
|
|
159
|
+
overflow: visible;
|
|
160
|
+
position: relative;
|
|
161
|
+
cursor: pointer;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.ng-select.ng-select-single .ng-select-container::before {
|
|
165
|
+
content: "";
|
|
166
|
+
position: absolute;
|
|
167
|
+
left: calc(var(--_entry-input-padd-x)*-1);
|
|
168
|
+
right: calc(var(--_entry-input-padd-x)*-1 - var(--_entry-input-addon-gap) - var(--_entry-input-addon-icon-fz));
|
|
169
|
+
top: calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1), 2px)*-1);
|
|
170
|
+
bottom: calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1), 2px)*-1);
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.ng-select .ng-clear-wrapper .ng-clear {
|
|
174
|
+
position: absolute;
|
|
175
|
+
top: 50%;
|
|
176
|
+
transform: translateY(-50%);
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
/* ********************** MEDIA HOVER ********************** */
|
|
180
|
+
|
|
181
|
+
@media (hover: hover) {
|
|
182
|
+
|
|
183
|
+
.ng-select .ng-clear-wrapper:is(:hover, :focus-visible) {
|
|
184
|
+
color: var(--color-hover);
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
/* ********************** DISABLED STATE ********************** */
|
|
190
|
+
|
|
191
|
+
.c-entry-input--ng-select.disabled {
|
|
192
|
+
opacity: 0.6;
|
|
193
|
+
pointer-events: none;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
.ng-select.disabled {
|
|
197
|
+
opacity: 0.6;
|
|
198
|
+
pointer-events: none;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.ng-select.disabled .ng-select-container {
|
|
202
|
+
background-color: var(--color-neutral-100, #f5f5f5);
|
|
203
|
+
cursor: not-allowed;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.ng-select.disabled .ng-select-container .ng-value-container .ng-input input {
|
|
207
|
+
cursor: not-allowed;
|
|
208
|
+
}
|
package/assets/css/main.css
CHANGED
|
@@ -73,13 +73,14 @@
|
|
|
73
73
|
@import url(inc/components/chat-layout.css);
|
|
74
74
|
@import url(inc/components/chat-input.css);
|
|
75
75
|
@import url(inc/components/gallery.css);
|
|
76
|
-
@import url(inc/components/refresh.css);
|
|
77
|
-
@import url(inc/components/area-code.css);
|
|
78
|
-
@import url(inc/components/switch.css);
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
76
|
+
@import url(inc/components/refresh.css);
|
|
77
|
+
@import url(inc/components/area-code.css);
|
|
78
|
+
@import url(inc/components/switch.css);
|
|
79
|
+
@import url(inc/components/fixed-actions.css);
|
|
80
|
+
@import url(inc/components/header-mobile.css);
|
|
81
|
+
@import url(inc/components/mobile-nav.css);
|
|
82
|
+
@import url(inc/components/calendar.css);
|
|
83
|
+
@import url(inc/components/ng-select.css);
|
|
83
84
|
|
|
84
85
|
/* Utilities */
|
|
85
86
|
@import url(inc/utilities/headings.css);
|
|
@@ -4041,11 +4041,11 @@ class SelectFieldComponent extends BaseFieldComponent {
|
|
|
4041
4041
|
this.hasValue.set(false);
|
|
4042
4042
|
}
|
|
4043
4043
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SelectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4044
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SelectFieldComponent, isStandalone: true, selector: "core-select-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "ngSelect", first: true, predicate: NgSelectComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- Todo: Ng select + c-entry-select -->\n\n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n <span class=\"c-entry-text\" *ngIf=\"field().label\">\n {{ field().label | translate }}\n @if (hasRequiredValidators()) {\n <span class=\"c-required\">*</span>\n }\n </span>\n\n <div\n class=\"c-entry-input c-entry-input--ng-select c-entry-input--ng-select-alt\"\n [class.is-placeholder]=\"isPlaceholderVisible()\"\n [class.is-invalid]=\"hasError()\"\n [class.disabled]=\"isDisabled()\"\n >\n <ng-select\n [items]=\"field().options ?? []\"\n bindValue=\"value\"\n bindLabel=\"label\"\n [multiple]=\"field().multiple\"\n [formControl]=\"formControl()\"\n [compareWith]=\"compareWith\"\n [class.has-error]=\"hasError()\"\n [class.disabled]=\"isDisabled()\"\n [readonly]=\"isReadonly()\"\n [clearable]=\"true\"\n [searchable]=\"isSearchable()\"\n (blur)=\"onBlurInput()\"\n (change)=\"onSelectChange($event)\"\n (clear)=\"onSelectClear()\"\n [placeholder]=\"\n isPlaceholderVisible() ? (field().placeholder ?? '' | translate) : ''\n \"\n >\n <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\n {{ item.label | translate }}\n </ng-template>\n <ng-template ng-label-tmp let-item=\"item\">\n <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n {{ item.label | translate }}\n </ng-template>\n <ng-template ng-notfound-tmp>\n <span class=\"ng-select-notfound\">{{\n \"modal.field.serverSelect.noResults\" | translate\n }}</span>\n </ng-template>\n </ng-select>\n <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n </div>\n <core-field-errors [errors]=\"errors()\" />\n</div>\n", styles: ["
|
|
4044
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SelectFieldComponent, isStandalone: true, selector: "core-select-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "ngSelect", first: true, predicate: NgSelectComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- Todo: Ng select + c-entry-select -->\n\n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n <span class=\"c-entry-text\" *ngIf=\"field().label\">\n {{ field().label | translate }}\n @if (hasRequiredValidators()) {\n <span class=\"c-required\">*</span>\n }\n </span>\n\n <div\n class=\"c-entry-input c-entry-input--ng-select c-entry-input--ng-select-alt\"\n [class.is-placeholder]=\"isPlaceholderVisible()\"\n [class.is-invalid]=\"hasError()\"\n [class.disabled]=\"isDisabled()\"\n >\n <ng-select\n [items]=\"field().options ?? []\"\n bindValue=\"value\"\n bindLabel=\"label\"\n [multiple]=\"field().multiple\"\n [formControl]=\"formControl()\"\n [compareWith]=\"compareWith\"\n [class.has-error]=\"hasError()\"\n [class.disabled]=\"isDisabled()\"\n [readonly]=\"isReadonly()\"\n [clearable]=\"true\"\n [searchable]=\"isSearchable()\"\n (blur)=\"onBlurInput()\"\n (change)=\"onSelectChange($event)\"\n (clear)=\"onSelectClear()\"\n [placeholder]=\"\n isPlaceholderVisible() ? (field().placeholder ?? '' | translate) : ''\n \"\n >\n <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\n {{ item.label | translate }}\n </ng-template>\n <ng-template ng-label-tmp let-item=\"item\">\n <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n {{ item.label | translate }}\n </ng-template>\n <ng-template ng-notfound-tmp>\n <span class=\"ng-select-notfound\">{{\n \"modal.field.serverSelect.noResults\" | translate\n }}</span>\n </ng-template>\n </ng-select>\n <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n </div>\n <core-field-errors [errors]=\"errors()\" />\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "tabFocusOnClearButton", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i5.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
|
|
4045
4045
|
}
|
|
4046
4046
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SelectFieldComponent, decorators: [{
|
|
4047
4047
|
type: Component,
|
|
4048
|
-
args: [{ selector: 'core-select-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, NgSelectModule, FieldErrorsComponent], hostDirectives: [CoreHostDirective], template: "<!-- Todo: Ng select + c-entry-select -->\n\n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n <span class=\"c-entry-text\" *ngIf=\"field().label\">\n {{ field().label | translate }}\n @if (hasRequiredValidators()) {\n <span class=\"c-required\">*</span>\n }\n </span>\n\n <div\n class=\"c-entry-input c-entry-input--ng-select c-entry-input--ng-select-alt\"\n [class.is-placeholder]=\"isPlaceholderVisible()\"\n [class.is-invalid]=\"hasError()\"\n [class.disabled]=\"isDisabled()\"\n >\n <ng-select\n [items]=\"field().options ?? []\"\n bindValue=\"value\"\n bindLabel=\"label\"\n [multiple]=\"field().multiple\"\n [formControl]=\"formControl()\"\n [compareWith]=\"compareWith\"\n [class.has-error]=\"hasError()\"\n [class.disabled]=\"isDisabled()\"\n [readonly]=\"isReadonly()\"\n [clearable]=\"true\"\n [searchable]=\"isSearchable()\"\n (blur)=\"onBlurInput()\"\n (change)=\"onSelectChange($event)\"\n (clear)=\"onSelectClear()\"\n [placeholder]=\"\n isPlaceholderVisible() ? (field().placeholder ?? '' | translate) : ''\n \"\n >\n <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\n {{ item.label | translate }}\n </ng-template>\n <ng-template ng-label-tmp let-item=\"item\">\n <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n {{ item.label | translate }}\n </ng-template>\n <ng-template ng-notfound-tmp>\n <span class=\"ng-select-notfound\">{{\n \"modal.field.serverSelect.noResults\" | translate\n }}</span>\n </ng-template>\n </ng-select>\n <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n </div>\n <core-field-errors [errors]=\"errors()\" />\n</div>\n"
|
|
4048
|
+
args: [{ selector: 'core-select-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, NgSelectModule, FieldErrorsComponent], hostDirectives: [CoreHostDirective], template: "<!-- Todo: Ng select + c-entry-select -->\n\n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n <span class=\"c-entry-text\" *ngIf=\"field().label\">\n {{ field().label | translate }}\n @if (hasRequiredValidators()) {\n <span class=\"c-required\">*</span>\n }\n </span>\n\n <div\n class=\"c-entry-input c-entry-input--ng-select c-entry-input--ng-select-alt\"\n [class.is-placeholder]=\"isPlaceholderVisible()\"\n [class.is-invalid]=\"hasError()\"\n [class.disabled]=\"isDisabled()\"\n >\n <ng-select\n [items]=\"field().options ?? []\"\n bindValue=\"value\"\n bindLabel=\"label\"\n [multiple]=\"field().multiple\"\n [formControl]=\"formControl()\"\n [compareWith]=\"compareWith\"\n [class.has-error]=\"hasError()\"\n [class.disabled]=\"isDisabled()\"\n [readonly]=\"isReadonly()\"\n [clearable]=\"true\"\n [searchable]=\"isSearchable()\"\n (blur)=\"onBlurInput()\"\n (change)=\"onSelectChange($event)\"\n (clear)=\"onSelectClear()\"\n [placeholder]=\"\n isPlaceholderVisible() ? (field().placeholder ?? '' | translate) : ''\n \"\n >\n <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\n {{ item.label | translate }}\n </ng-template>\n <ng-template ng-label-tmp let-item=\"item\">\n <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n {{ item.label | translate }}\n </ng-template>\n <ng-template ng-notfound-tmp>\n <span class=\"ng-select-notfound\">{{\n \"modal.field.serverSelect.noResults\" | translate\n }}</span>\n </ng-template>\n </ng-select>\n <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n </div>\n <core-field-errors [errors]=\"errors()\" />\n</div>\n" }]
|
|
4049
4049
|
}], ctorParameters: () => [], propDecorators: { ngSelect: [{
|
|
4050
4050
|
type: ViewChild,
|
|
4051
4051
|
args: [NgSelectComponent]
|
|
@@ -16913,11 +16913,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
16913
16913
|
// Este archivo es generado automáticamente por scripts/update-version.js
|
|
16914
16914
|
// No edites manualmente este archivo
|
|
16915
16915
|
const VERSION = {
|
|
16916
|
-
full: '2.19.
|
|
16916
|
+
full: '2.19.2',
|
|
16917
16917
|
major: 2,
|
|
16918
16918
|
minor: 19,
|
|
16919
|
-
patch:
|
|
16920
|
-
timestamp: '2026-01-
|
|
16919
|
+
patch: 2,
|
|
16920
|
+
timestamp: '2026-01-13T19:00:52.058Z',
|
|
16921
16921
|
buildDate: '13/1/2026'
|
|
16922
16922
|
};
|
|
16923
16923
|
|