@skyux/forms 15.0.0-alpha.11 → 15.0.0-alpha.13
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/fesm2022/skyux-forms.mjs
CHANGED
|
@@ -7,7 +7,7 @@ import { NG_VALIDATORS, FormsModule, ReactiveFormsModule, Validators, NG_VALUE_A
|
|
|
7
7
|
import * as i6 from '@skyux/i18n';
|
|
8
8
|
import { SkyLibResourcesService, SkyI18nModule } from '@skyux/i18n';
|
|
9
9
|
import * as i5 from '@skyux/core';
|
|
10
|
-
import { SkyIdModule, SkyIdService, SkyLogService, SkyTrimModule, SkyFileReaderService, SkyLiveAnnouncerService, SkyContentInfoProvider, SkyCoreAdapterService, SkyMediaBreakpoints, SkyMutationObserverService } from '@skyux/core';
|
|
10
|
+
import { SkyIdModule, SkyIdService, SkyLogService, SkyTrimModule, SkyFileReaderService, SkyLiveAnnouncerService, SkyContentInfoProvider, SkyCoreAdapterService, SkyMediaBreakpoints, SkyMutationObserverService, SkyResizeObserverService } from '@skyux/core';
|
|
11
11
|
import * as i3 from '@skyux/help-inline';
|
|
12
12
|
import { SkyHelpInlineModule } from '@skyux/help-inline';
|
|
13
13
|
import * as i4 from '@skyux/icon';
|
|
@@ -142,6 +142,138 @@ const RESOURCES = {
|
|
|
142
142
|
message: 'Show help content for {0}',
|
|
143
143
|
},
|
|
144
144
|
},
|
|
145
|
+
ES: {
|
|
146
|
+
skyux_character_count_message: { message: '{0} caracteres de {1}' },
|
|
147
|
+
skyux_character_count_over_limit: {
|
|
148
|
+
message: 'Ha superado el límite de caracteres.',
|
|
149
|
+
},
|
|
150
|
+
skyux_form_error_character_count: {
|
|
151
|
+
message: 'Limite {0} a {1} caracteres.',
|
|
152
|
+
},
|
|
153
|
+
skyux_form_error_date: {
|
|
154
|
+
message: 'Seleccione o introduzca una fecha válida.',
|
|
155
|
+
},
|
|
156
|
+
skyux_form_error_date_max: {
|
|
157
|
+
message: 'Seleccione o introduzca una fecha igual o anterior al {0}.',
|
|
158
|
+
},
|
|
159
|
+
skyux_form_error_date_min: {
|
|
160
|
+
message: 'Seleccione o introduzca una fecha igual o posterior al {0}.',
|
|
161
|
+
},
|
|
162
|
+
skyux_form_error_fuzzy_date_future_disabled: {
|
|
163
|
+
message: 'Las fechas futuras están deshabilitadas. Seleccione o introduzca una fecha pasada.',
|
|
164
|
+
},
|
|
165
|
+
skyux_form_error_fuzzy_date_invalid: {
|
|
166
|
+
message: 'Seleccione o introduzca una fecha válida.',
|
|
167
|
+
},
|
|
168
|
+
skyux_form_error_fuzzy_date_max_date: {
|
|
169
|
+
message: 'Seleccione o introduzca una fecha igual o anterior al {0}.',
|
|
170
|
+
},
|
|
171
|
+
skyux_form_error_fuzzy_date_min_date: {
|
|
172
|
+
message: 'Seleccione o introduzca una fecha igual o posterior al {0}.',
|
|
173
|
+
},
|
|
174
|
+
skyux_form_error_fuzzy_date_year_required: {
|
|
175
|
+
message: 'El año es obligatorio.',
|
|
176
|
+
},
|
|
177
|
+
skyux_form_error_email: {
|
|
178
|
+
message: 'Introduzca una dirección de correo electrónico con un formato válido.',
|
|
179
|
+
},
|
|
180
|
+
skyux_form_error_maxlength: { message: 'Limite {0} a {1} caracteres.' },
|
|
181
|
+
skyux_form_error_minlength: {
|
|
182
|
+
message: '{0} debe tener al menos {1} caracteres.',
|
|
183
|
+
},
|
|
184
|
+
skyux_form_error_phone: {
|
|
185
|
+
message: 'Introduzca un número de teléfono válido para el país seleccionado.',
|
|
186
|
+
},
|
|
187
|
+
skyux_form_error_required: { message: '{0} es obligatorio.' },
|
|
188
|
+
skyux_form_error_time: {
|
|
189
|
+
message: 'Seleccione o introduzca una hora válida.',
|
|
190
|
+
},
|
|
191
|
+
skyux_form_error_url: {
|
|
192
|
+
message: 'Introduzca una URL con un formato válido.',
|
|
193
|
+
},
|
|
194
|
+
skyux_form_group_required: { message: 'Obligatorio' },
|
|
195
|
+
skyux_file_attachment_button_label_choose_file: {
|
|
196
|
+
message: 'Adjuntar archivo',
|
|
197
|
+
},
|
|
198
|
+
skyux_file_attachment_button_label_choose_file_label: {
|
|
199
|
+
message: 'Adjuntar archivo para',
|
|
200
|
+
},
|
|
201
|
+
skyux_file_attachment_button_label_replace_file: {
|
|
202
|
+
message: 'Reemplazar archivo',
|
|
203
|
+
},
|
|
204
|
+
skyux_file_attachment_button_label_replace_file_label: {
|
|
205
|
+
message: 'Reemplazar archivo {0} para',
|
|
206
|
+
},
|
|
207
|
+
skyux_file_attachment_file_item_delete: { message: 'Eliminar {0}' },
|
|
208
|
+
skyux_file_attachment_file_item_remove: {
|
|
209
|
+
message: 'Eliminar archivo {0} para',
|
|
210
|
+
},
|
|
211
|
+
skyux_file_attachment_file_size_b_plural: { message: '{0} bytes' },
|
|
212
|
+
skyux_file_attachment_file_size_b_singular: { message: '{0} byte' },
|
|
213
|
+
skyux_file_attachment_file_size_gb: { message: '{0} GB' },
|
|
214
|
+
skyux_file_attachment_file_size_kb: { message: '{0} KB' },
|
|
215
|
+
skyux_file_attachment_file_size_mb: { message: '{0} MB' },
|
|
216
|
+
skyux_file_attachment_file_upload_drag_file_here: {
|
|
217
|
+
message: 'Arrastrar un archivo aquí',
|
|
218
|
+
},
|
|
219
|
+
skyux_file_attachment_file_upload_drag_or_click: {
|
|
220
|
+
message: 'Arrastre un archivo aquí o haga clic para buscarlo',
|
|
221
|
+
},
|
|
222
|
+
skyux_file_attachment_file_upload_drop_files_here: {
|
|
223
|
+
message: 'Arrastrar archivos aquí',
|
|
224
|
+
},
|
|
225
|
+
skyux_file_attachment_file_upload_file_added: { message: 'Se agregó {0}.' },
|
|
226
|
+
skyux_file_attachment_file_upload_file_replaced: {
|
|
227
|
+
message: 'Se eliminó {0}. Se agregó {1}.',
|
|
228
|
+
},
|
|
229
|
+
skyux_file_attachment_file_upload_file_removed: {
|
|
230
|
+
message: 'Se eliminó {0}',
|
|
231
|
+
},
|
|
232
|
+
skyux_file_attachment_file_upload_image_preview_alt_text: {
|
|
233
|
+
message: 'Vista previa de la imagen',
|
|
234
|
+
},
|
|
235
|
+
skyux_file_attachment_file_upload_invalid_file: {
|
|
236
|
+
message: 'Este tipo de archivo no es válido',
|
|
237
|
+
},
|
|
238
|
+
skyux_file_attachment_file_upload_link_label: {
|
|
239
|
+
message: 'Vincule a un archivo',
|
|
240
|
+
},
|
|
241
|
+
skyux_file_attachment_file_upload_or_click_to_browse: {
|
|
242
|
+
message: 'o haga clic para navegar',
|
|
243
|
+
},
|
|
244
|
+
skyux_file_attachment_file_upload_link_done: { message: 'Hecho' },
|
|
245
|
+
skyux_file_attachment_file_upload_link_added: {
|
|
246
|
+
message: 'Se agregó el vínculo a {0}.',
|
|
247
|
+
},
|
|
248
|
+
skyux_file_attachment_file_upload_link_removed: {
|
|
249
|
+
message: 'Se eliminó el vínculo a {0}.',
|
|
250
|
+
},
|
|
251
|
+
skyux_file_attachment_file_type_error_label_text: {
|
|
252
|
+
message: 'Cargue uno de estos tipos de archivo: {0}.',
|
|
253
|
+
},
|
|
254
|
+
skyux_file_attachment_file_type_error_label_text_with_name: {
|
|
255
|
+
message: '{0}: Cargue uno de estos tipos de archivo: {1}.',
|
|
256
|
+
},
|
|
257
|
+
skyux_file_attachment_max_file_size_error_label_text: {
|
|
258
|
+
message: 'Cargue un archivo de menos de {0}.',
|
|
259
|
+
},
|
|
260
|
+
skyux_file_attachment_max_file_size_error_label_text_with_name: {
|
|
261
|
+
message: '{0}: Cargue un archivo de menos de {1}.',
|
|
262
|
+
},
|
|
263
|
+
skyux_file_attachment_min_file_size_error_label_text: {
|
|
264
|
+
message: 'Cargue un archivo de más de {0}.',
|
|
265
|
+
},
|
|
266
|
+
skyux_file_attachment_min_file_size_error_label_text_with_name: {
|
|
267
|
+
message: '{0}: Cargue un archivo de más de {1}.',
|
|
268
|
+
},
|
|
269
|
+
skyux_file_attachment_label_no_file_chosen: {
|
|
270
|
+
message: 'No se ha seleccionado ningún archivo.',
|
|
271
|
+
},
|
|
272
|
+
skyux_file_attachment_required: { message: 'Obligatorio' },
|
|
273
|
+
skyux_input_box_help_inline_aria_label: {
|
|
274
|
+
message: 'Mostrar contenido de ayuda para {0}',
|
|
275
|
+
},
|
|
276
|
+
},
|
|
145
277
|
'FR-CA': {
|
|
146
278
|
skyux_character_count_message: { message: '{0} caractères de {1}' },
|
|
147
279
|
skyux_character_count_over_limit: {
|
|
@@ -4384,15 +4516,18 @@ class SkySelectionBoxGridComponent {
|
|
|
4384
4516
|
set containerElementRef(value) {
|
|
4385
4517
|
this.#_containerElementRef = value;
|
|
4386
4518
|
this.#destroyMutationObserver();
|
|
4519
|
+
this.#destroyResizeObserver();
|
|
4387
4520
|
if (value) {
|
|
4388
4521
|
this.#updateBreakpointClass();
|
|
4389
4522
|
this.#initMutationObserver();
|
|
4523
|
+
this.#initResizeObserver(value);
|
|
4390
4524
|
}
|
|
4391
4525
|
}
|
|
4392
4526
|
get containerElementRef() {
|
|
4393
4527
|
return this.#_containerElementRef;
|
|
4394
4528
|
}
|
|
4395
4529
|
#mutationObserver;
|
|
4530
|
+
#resizeSubscription;
|
|
4396
4531
|
#ngUnsubscribe = new Subject();
|
|
4397
4532
|
#_alignItems = 'center';
|
|
4398
4533
|
#_containerElementRef;
|
|
@@ -4401,6 +4536,7 @@ class SkySelectionBoxGridComponent {
|
|
|
4401
4536
|
#hostElRef = inject(ElementRef);
|
|
4402
4537
|
#mutationObserverSvc = inject(SkyMutationObserverService);
|
|
4403
4538
|
#ngZone = inject(NgZone);
|
|
4539
|
+
#resizeObserverSvc = inject(SkyResizeObserverService);
|
|
4404
4540
|
#themeSvc = inject(SkyThemeService, { optional: true });
|
|
4405
4541
|
ngOnInit() {
|
|
4406
4542
|
/* istanbul ignore else */
|
|
@@ -4416,9 +4552,7 @@ class SkySelectionBoxGridComponent {
|
|
|
4416
4552
|
this.#ngUnsubscribe.next();
|
|
4417
4553
|
this.#ngUnsubscribe.complete();
|
|
4418
4554
|
this.#destroyMutationObserver();
|
|
4419
|
-
|
|
4420
|
-
onWindowResize() {
|
|
4421
|
-
this.#updateBreakpointClass();
|
|
4555
|
+
this.#destroyResizeObserver();
|
|
4422
4556
|
}
|
|
4423
4557
|
#initMutationObserver() {
|
|
4424
4558
|
/* istanbul ignore else */
|
|
@@ -4445,6 +4579,17 @@ class SkySelectionBoxGridComponent {
|
|
|
4445
4579
|
this.#mutationObserver = undefined;
|
|
4446
4580
|
}
|
|
4447
4581
|
}
|
|
4582
|
+
#initResizeObserver(containerElementRef) {
|
|
4583
|
+
this.#resizeSubscription = this.#resizeObserverSvc
|
|
4584
|
+
.observe(containerElementRef)
|
|
4585
|
+
.subscribe(() => {
|
|
4586
|
+
this.#updateBreakpointClass();
|
|
4587
|
+
});
|
|
4588
|
+
}
|
|
4589
|
+
#destroyResizeObserver() {
|
|
4590
|
+
this.#resizeSubscription?.unsubscribe();
|
|
4591
|
+
this.#resizeSubscription = undefined;
|
|
4592
|
+
}
|
|
4448
4593
|
#updateBreakpointClass() {
|
|
4449
4594
|
const parentWidth = this.#selectionBoxAdapter.getParentWidth(this.#hostElRef);
|
|
4450
4595
|
if (this.containerElementRef) {
|
|
@@ -4459,7 +4604,7 @@ class SkySelectionBoxGridComponent {
|
|
|
4459
4604
|
}
|
|
4460
4605
|
}
|
|
4461
4606
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySelectionBoxGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4462
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: SkySelectionBoxGridComponent, isStandalone: false, selector: "sky-selection-box-grid", inputs: { alignItems: "alignItems" },
|
|
4607
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: SkySelectionBoxGridComponent, isStandalone: false, selector: "sky-selection-box-grid", inputs: { alignItems: "alignItems" }, queries: [{ propertyName: "selectionBoxes", predicate: SkySelectionBoxComponent, read: SkySelectionBoxComponent }], viewQueries: [{ propertyName: "containerElementRef", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n #container\n class=\"sky-selection-box-grid\"\n [ngClass]=\"'sky-selection-box-grid-align-' + alignItems\"\n>\n <ng-content select=\"sky-selection-box\" />\n</div>\n", styles: [".sky-selection-box-grid:not(.sky-theme-modern *){--sky-override-selection-box-grid-margin-bottom: -15px;--sky-override-selection-box-grid-padding-horizontal: 7.5px;--sky-override-selection-box-margin-horizontal: 7.5px;--sky-override-selection-box-margin-bottom: 15px;--sky-override-selection-box-padding-responsive: 15px 15px 15px 15px;--sky-override-selection-box-header-heading-2-font-size: 26px;--sky-override-selection-box-header-heading-2-font-weight: 300;--sky-override-selection-box-header-heading-2-line-height: calc(20 / 14);--sky-override-selection-box-header-heading-3-color-no-icon: var( --sky-text-color-deemphasized );--sky-override-selection-box-header-heading-3-font-family: BLKB Sans Condensed, Helvetica Neue Condensed, Arial Narrow;--sky-override-selection-box-header-heading-3-font-family-no-icon: BLKB Sans, Helvetica Neue, Arial, sans-serif;--sky-override-selection-box-header-heading-3-font-size: 20px;--sky-override-selection-box-header-heading-3-font-size-no-icon: 19px;--sky-override-selection-box-header-heading-3-font-size-no-icon-sm: 20px;--sky-override-selection-box-header-heading-3-font-weight: 400;--sky-override-selection-box-header-heading-3-font-weight-no-icon: 300;--sky-override-selection-box-header-heading-3-font-weight-no-icon-sm: 400;--sky-override-selection-box-header-heading-3-line-height: calc(20 / 14)}:host{display:block}.sky-selection-box-grid{display:flex;flex-flow:row wrap;padding:0 var(--sky-override-selection-box-grid-padding-horizontal, calc(var(--sky-space-gap-action_group-l) / 2));margin:0 auto var(--sky-override-selection-box-grid-margin-bottom, calc(var(--sky-space-stacked-m) * -1))}.sky-selection-box-grid.sky-selection-box-grid-align-center{justify-content:center}.sky-selection-box-grid.sky-selection-box-grid-align-left{justify-content:flex-start}.sky-selection-box-grid>sky-selection-box{margin:0 var(--sky-override-selection-box-margin-horizontal, calc(var(--sky-space-gap-action_group-l) / 2)) var(--sky-override-selection-box-margin-bottom, var(--sky-space-stacked-m));height:100%}.sky-selection-box-grid.sky-selection-box-container-xs{max-width:374px}.sky-selection-box-grid.sky-selection-box-container-xs>sky-selection-box{flex:0 1 344px}.sky-selection-box-grid.sky-selection-box-container-xs .sky-selection-box{padding:var(--sky-override-selection-box-padding-responsive, var(--sky-comp-selection_box-collapsed-space-inset-top) var(--sky-comp-selection_box-collapsed-space-inset-right) var(--sky-comp-selection_box-collapsed-space-inset-bottom) var(--sky-comp-selection_box-collapsed-space-inset-left))}.sky-selection-box-grid.sky-selection-box-container-xs .sky-selection-box .sky-selection-box-icon{display:none}.sky-selection-box-grid.sky-selection-box-container-xs .sky-selection-box .sky-selection-box-header{font-family:var(--sky-override-selection-box-header-heading-3-font-family, var(--sky-font-family-primary));font-size:var(--sky-override-selection-box-header-heading-3-font-size, var(--sky-font-size-display-2));font-weight:var(--sky-override-selection-box-header-heading-3-font-weight, var(--sky-font-style-display-2));line-height:var(--sky-override-selection-box-header-heading-3-line-height, var(--sky-font-line_height-display-2))}.sky-selection-box-grid.sky-selection-box-container-xs .sky-selection-box .sky-selection-box-icon-hidden+.sky-selection-box-content .sky-selection-box-header{color:var(--sky-override-selection-box-header-heading-3-color-no-icon, var(--sky-color-text-default));font-family:var(--sky-override-selection-box-header-heading-3-font-family-no-icon, var(--sky-font-family-primary));font-size:var(--sky-override-selection-box-header-heading-3-font-size-no-icon-sm, var(--sky-font-size-display-2));font-weight:var(--sky-override-selection-box-header-heading-3-font-weight-no-icon-sm, var(--sky-font-style-display-2));line-height:var(--sky-override-selection-box-header-heading-3-line-height, var(--sky-font-line_height-display-2))}.sky-selection-box-grid.sky-selection-box-container-sm{max-width:733px}.sky-selection-box-grid.sky-selection-box-container-sm>sky-selection-box{flex:0 1 344px}.sky-selection-box-grid.sky-selection-box-container-sm .sky-selection-box{padding:var(--sky-override-selection-box-padding-responsive, var(--sky-comp-selection_box-expanded-space-inset-top) var(--sky-comp-selection_box-expanded-space-inset-right) var(--sky-comp-selection_box-expanded-space-inset-bottom) var(--sky-comp-selection_box-expanded-space-inset-left))}.sky-selection-box-grid.sky-selection-box-container-sm .sky-selection-box .sky-selection-box-icon{display:none}.sky-selection-box-grid.sky-selection-box-container-sm .sky-selection-box .sky-selection-box-header{font-family:var(--sky-override-selection-box-header-heading-3-font-family, var(--sky-font-family-primary));font-size:var(--sky-override-selection-box-header-heading-3-font-size, var(--sky-font-size-display-2));font-weight:var(--sky-override-selection-box-header-heading-3-font-weight, var(--sky-font-style-display-2));line-height:var(--sky-override-selection-box-header-heading-3-line-height, var(--sky-font-line_height-display-2))}.sky-selection-box-grid.sky-selection-box-container-sm .sky-selection-box .sky-selection-box-icon-hidden+.sky-selection-box-content .sky-selection-box-header{color:var(--sky-override-selection-box-header-heading-3-color-no-icon, var(--sky-color-text-default));font-family:var(--sky-override-selection-box-header-heading-3-font-family-no-icon, var(--sky-font-family-primary));font-size:var(--sky-override-selection-box-header-heading-3-font-size-no-icon-sm, var(--sky-font-size-display-2));font-weight:var(--sky-override-selection-box-header-heading-3-font-weight-no-icon-sm, var(--sky-font-style-display-2));line-height:var(--sky-override-selection-box-header-heading-3-line-height, var(--sky-font-line_height-display-2))}.sky-selection-box-grid.sky-selection-box-container-md{max-width:937px}.sky-selection-box-grid.sky-selection-box-container-md>sky-selection-box{flex:0 1 446px}.sky-selection-box-grid.sky-selection-box-container-md .sky-selection-box .sky-selection-box-header{font-size:var(--sky-override-selection-box-header-heading-2-font-size, var(--sky-font-size-display-2));font-weight:var(--sky-override-selection-box-header-heading-2-font-weight, var(--sky-font-style-display-2));line-height:var(--sky-override-selection-box-header-heading-2-line-height, var(--sky-font-line_height-display-2))}.sky-selection-box-grid.sky-selection-box-container-md .sky-selection-box .sky-selection-box-icon-hidden+.sky-selection-box-content .sky-selection-box-header{color:var(--sky-override-selection-box-header-heading-3-color-no-icon, var(--sky-color-text-default));font-family:var(--sky-override-selection-box-header-heading-3-font-family-no-icon, var(--sky-font-family-primary));font-size:var(--sky-override-selection-box-header-heading-3-font-size-no-icon, var(--sky-font-size-display-2));font-weight:var(--sky-override-selection-box-header-heading-3-font-weight-no-icon, var(--sky-font-style-display-2));line-height:var(--sky-override-selection-box-header-heading-3-line-height, var(--sky-font-line_height-display-2))}.sky-selection-box-grid.sky-selection-box-container-lg{max-width:1398px}.sky-selection-box-grid.sky-selection-box-container-lg>sky-selection-box{flex:0 1 446px}.sky-selection-box-grid.sky-selection-box-container-lg .sky-selection-box .sky-selection-box-header{font-size:var(--sky-override-selection-box-header-heading-2-font-size, var(--sky-font-size-display-2));font-weight:var(--sky-override-selection-box-header-heading-2-font-weight, var(--sky-font-style-display-2));line-height:var(--sky-override-selection-box-header-heading-2-line-height, var(--sky-font-line_height-display-2))}.sky-selection-box-grid.sky-selection-box-container-lg .sky-selection-box .sky-selection-box-icon-hidden+.sky-selection-box-content .sky-selection-box-header{color:var(--sky-override-selection-box-header-heading-3-color-no-icon, var(--sky-color-text-default));font-family:var(--sky-override-selection-box-header-heading-3-font-family-no-icon, var(--sky-font-family-primary));font-size:var(--sky-override-selection-box-header-heading-3-font-size-no-icon, var(--sky-font-size-display-2));font-weight:var(--sky-override-selection-box-header-heading-3-font-weight-no-icon, var(--sky-font-style-display-2));line-height:var(--sky-override-selection-box-header-heading-3-line-height, var(--sky-font-line_height-display-2))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4463
4608
|
}
|
|
4464
4609
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySelectionBoxGridComponent, decorators: [{
|
|
4465
4610
|
type: Component,
|
|
@@ -4477,9 +4622,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
4477
4622
|
read: ElementRef,
|
|
4478
4623
|
static: true,
|
|
4479
4624
|
}]
|
|
4480
|
-
}], onWindowResize: [{
|
|
4481
|
-
type: HostListener,
|
|
4482
|
-
args: ['window:resize']
|
|
4483
4625
|
}] } });
|
|
4484
4626
|
|
|
4485
4627
|
/**
|