@eui/ecl 21.0.0-next.37 → 21.0.0-next.39
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/docs/changelog.html +20 -0
- package/docs/js/search/search_index.js +2 -2
- package/docs/properties.html +1 -1
- package/fesm2022/eui-ecl-components-ecl-accordion.mjs +6 -6
- package/fesm2022/eui-ecl-components-ecl-app.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-banner.mjs +30 -30
- package/fesm2022/eui-ecl-components-ecl-blockquote.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-breadcrumb.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-button.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-card.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-carousel.mjs +6 -6
- package/fesm2022/eui-ecl-components-ecl-category-filter.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-checkbox.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-content-block.mjs +54 -54
- package/fesm2022/eui-ecl-components-ecl-content-item.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-date-block.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-date-picker.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-divider.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-expandable.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-fact-figures.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-featured.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-feedback-message.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-file-upload.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-file.mjs +30 -30
- package/fesm2022/eui-ecl-components-ecl-form-group.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-form-label.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-gallery.mjs +18 -18
- package/fesm2022/eui-ecl-components-ecl-help-block.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-icon.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-inpage-navigation.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-label.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-link.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-list-illustration.mjs +15 -15
- package/fesm2022/eui-ecl-components-ecl-list.mjs +27 -27
- package/fesm2022/eui-ecl-components-ecl-loading-indicator.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-media-container.mjs +15 -15
- package/fesm2022/eui-ecl-components-ecl-mega-menu.mjs +48 -48
- package/fesm2022/eui-ecl-components-ecl-menu.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-modal.mjs +21 -21
- package/fesm2022/eui-ecl-components-ecl-multiselect.mjs +21 -21
- package/fesm2022/eui-ecl-components-ecl-navigation-list.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-news-ticker.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-notification.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-page-header.mjs +39 -39
- package/fesm2022/eui-ecl-components-ecl-pagination.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-popover.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-radio.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-range.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-rating-field.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-search-form.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-select.mjs +6 -6
- package/fesm2022/eui-ecl-components-ecl-site-footer.mjs +63 -63
- package/fesm2022/eui-ecl-components-ecl-site-header.mjs +60 -60
- package/fesm2022/eui-ecl-components-ecl-social-media-follow.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-splash-page.mjs +27 -27
- package/fesm2022/eui-ecl-components-ecl-spotlight.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-sticky-container.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-table.mjs +30 -30
- package/fesm2022/eui-ecl-components-ecl-tabs.mjs +9 -9
- package/fesm2022/eui-ecl-components-ecl-tag.mjs +12 -12
- package/fesm2022/eui-ecl-components-ecl-text-area.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-text-input.mjs +3 -3
- package/fesm2022/eui-ecl-components-ecl-timeline.mjs +18 -18
- package/fesm2022/eui-ecl-core.mjs +25 -25
- package/fesm2022/eui-ecl-shared.mjs +3 -3
- package/package.json +1 -1
|
@@ -33,10 +33,10 @@ class EclDescriptionListDefinitionItemDirective extends ECLBaseDirective {
|
|
|
33
33
|
this.isLastVisible ? 'ecl-description-list__definition-item--last-visible' : '',
|
|
34
34
|
].join(' ');
|
|
35
35
|
}
|
|
36
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
37
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
36
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclDescriptionListDefinitionItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
37
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.2", type: EclDescriptionListDefinitionItemDirective, isStandalone: true, selector: "[eclDescriptionListDefinitionItem]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
|
|
38
38
|
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclDescriptionListDefinitionItemDirective, decorators: [{
|
|
40
40
|
type: Directive,
|
|
41
41
|
args: [{
|
|
42
42
|
selector: '[eclDescriptionListDefinitionItem]',
|
|
@@ -58,10 +58,10 @@ class EclDescriptionListDefinitionListDirective extends ECLBaseDirective {
|
|
|
58
58
|
*/
|
|
59
59
|
this.cmpClass = true;
|
|
60
60
|
}
|
|
61
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
62
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
61
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclDescriptionListDefinitionListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
62
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.2", type: EclDescriptionListDefinitionListDirective, isStandalone: true, selector: "[eclDescriptionListDefinitionList]", host: { properties: { "class.ecl-description-list__definition-list": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
|
|
63
63
|
}
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclDescriptionListDefinitionListDirective, decorators: [{
|
|
65
65
|
type: Directive,
|
|
66
66
|
args: [{
|
|
67
67
|
selector: '[eclDescriptionListDefinitionList]',
|
|
@@ -146,10 +146,10 @@ class EclDescriptionListDefinitionComponent extends ECLBaseDirective {
|
|
|
146
146
|
getLastVisibleItem() {
|
|
147
147
|
return this.eclListItems.filter((item, cnt) => cnt < this._maxVisibleItems).pop();
|
|
148
148
|
}
|
|
149
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
150
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
149
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclDescriptionListDefinitionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
150
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: EclDescriptionListDefinitionComponent, isStandalone: true, selector: "[eclDescriptionListDefinition]", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclListItems", predicate: EclDescriptionListDefinitionItemDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n@if(hasSeeAll) {\n<a eclLink class=\"ecl-description-list__see_more\" href (click)=\"onShowAllItems($event)\">{{\n 'ecl.SHOW-MORE-ITEMS' | translate\n }}</a>\n}", dependencies: [{ kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["extraAttributes", "isInverted", "isIconOnly", "isHighlight", "isNoVisited", "variant"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
|
|
151
151
|
}
|
|
152
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclDescriptionListDefinitionComponent, decorators: [{
|
|
153
153
|
type: Component,
|
|
154
154
|
args: [{ selector: '[eclDescriptionListDefinition]', imports: [...EUI_ECL_LINK, TranslateModule], template: "<ng-content></ng-content>\n@if(hasSeeAll) {\n<a eclLink class=\"ecl-description-list__see_more\" href (click)=\"onShowAllItems($event)\">{{\n 'ecl.SHOW-MORE-ITEMS' | translate\n }}</a>\n}" }]
|
|
155
155
|
}], propDecorators: { variant: [{
|
|
@@ -173,10 +173,10 @@ class EclOrderedListDirective extends ECLBaseDirective {
|
|
|
173
173
|
*/
|
|
174
174
|
this.cmpClass = true;
|
|
175
175
|
}
|
|
176
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
177
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
176
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclOrderedListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
177
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.2", type: EclOrderedListDirective, isStandalone: true, selector: "[eclOrderedList]", host: { properties: { "class.ecl-ordered-list": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
|
|
178
178
|
}
|
|
179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
179
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclOrderedListDirective, decorators: [{
|
|
180
180
|
type: Directive,
|
|
181
181
|
args: [{
|
|
182
182
|
selector: '[eclOrderedList]',
|
|
@@ -196,10 +196,10 @@ class EclOrderedListItemDirective extends ECLBaseDirective {
|
|
|
196
196
|
*/
|
|
197
197
|
this.cmpClass = true;
|
|
198
198
|
}
|
|
199
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
200
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
199
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclOrderedListItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
200
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.2", type: EclOrderedListItemDirective, isStandalone: true, selector: "[eclOrderedListItem]", host: { properties: { "class.ecl-ordered-list__item": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
|
|
201
201
|
}
|
|
202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclOrderedListItemDirective, decorators: [{
|
|
203
203
|
type: Directive,
|
|
204
204
|
args: [{
|
|
205
205
|
selector: '[eclOrderedListItem]',
|
|
@@ -229,10 +229,10 @@ class EclUnorderedListDirective extends ECLBaseDirective {
|
|
|
229
229
|
*/
|
|
230
230
|
this.isNoMarker = false;
|
|
231
231
|
}
|
|
232
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
233
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.
|
|
232
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclUnorderedListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
233
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.2", type: EclUnorderedListDirective, isStandalone: true, selector: "[eclUnorderedList]", inputs: { isDivider: ["isDivider", "isDivider", booleanAttribute], isNoMarker: ["isNoMarker", "isNoMarker", booleanAttribute] }, host: { properties: { "class.ecl-unordered-list": "this.cmpClass", "class.ecl-unordered-list--divider": "this.isDivider", "class.ecl-unordered-list--no-marker": "this.isNoMarker" } }, usesInheritance: true, ngImport: i0 }); }
|
|
234
234
|
}
|
|
235
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
235
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclUnorderedListDirective, decorators: [{
|
|
236
236
|
type: Directive,
|
|
237
237
|
args: [{
|
|
238
238
|
selector: '[eclUnorderedList]',
|
|
@@ -264,10 +264,10 @@ class EclUnorderedListItemDirective extends ECLBaseDirective {
|
|
|
264
264
|
*/
|
|
265
265
|
this.cmpClass = true;
|
|
266
266
|
}
|
|
267
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
268
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
267
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclUnorderedListItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
268
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.2", type: EclUnorderedListItemDirective, isStandalone: true, selector: "[eclUnorderedListItem]", host: { properties: { "class.ecl-unordered-list__item": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
|
|
269
269
|
}
|
|
270
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
270
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclUnorderedListItemDirective, decorators: [{
|
|
271
271
|
type: Directive,
|
|
272
272
|
args: [{
|
|
273
273
|
selector: '[eclUnorderedListItem]',
|
|
@@ -311,10 +311,10 @@ class EclDescriptionListDirective extends ECLBaseDirective {
|
|
|
311
311
|
}
|
|
312
312
|
this.cd.detectChanges();
|
|
313
313
|
}
|
|
314
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
315
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.
|
|
314
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclDescriptionListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
315
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.2", type: EclDescriptionListDirective, isStandalone: true, selector: "[eclDescriptionList]", inputs: { isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute], maxVisibleItems: ["maxVisibleItems", "maxVisibleItems", numberAttribute] }, host: { properties: { "class.ecl-description-list--horizontal": "this.isHorizontal", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclListItems", predicate: EclDescriptionListDefinitionComponent }], usesInheritance: true, ngImport: i0 }); }
|
|
316
316
|
}
|
|
317
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
317
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclDescriptionListDirective, decorators: [{
|
|
318
318
|
type: Directive,
|
|
319
319
|
args: [{
|
|
320
320
|
selector: '[eclDescriptionList]',
|
|
@@ -346,10 +346,10 @@ class EclDescriptionListTermDirective extends ECLBaseDirective {
|
|
|
346
346
|
*/
|
|
347
347
|
this.cmpClass = true;
|
|
348
348
|
}
|
|
349
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
350
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
349
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclDescriptionListTermDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
350
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.2", type: EclDescriptionListTermDirective, isStandalone: true, selector: "[eclDescriptionListTerm]", host: { properties: { "class.ecl-description-list__term": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
|
|
351
351
|
}
|
|
352
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
352
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclDescriptionListTermDirective, decorators: [{
|
|
353
353
|
type: Directive,
|
|
354
354
|
args: [{
|
|
355
355
|
selector: '[eclDescriptionListTerm]',
|
|
@@ -60,10 +60,10 @@ class EclLoadingIndicatorComponent extends ECLBaseDirective {
|
|
|
60
60
|
.join(' ')
|
|
61
61
|
.trim();
|
|
62
62
|
}
|
|
63
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
64
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.
|
|
63
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclLoadingIndicatorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
64
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.2", type: EclLoadingIndicatorComponent, isStandalone: true, selector: "ecl-loading-indicator", inputs: { size: "size", variant: "variant", isCentered: ["isCentered", "isCentered", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute] }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<svg class=\"ecl-spinner__loader\" viewBox=\"25 25 50 50\">\n <circle\n class=\"ecl-spinner__circle\"\n cx=\"50\"\n cy=\"50\"\n r=\"20\"\n fill=\"none\"\n stroke-width=\"4px\"\n stroke-miterlimit=\"10\"\n vector-effect=\"non-scaling-stroke\"></circle>\n</svg>\n<ng-content></ng-content>\n" }); }
|
|
65
65
|
}
|
|
66
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclLoadingIndicatorComponent, decorators: [{
|
|
67
67
|
type: Component,
|
|
68
68
|
args: [{ selector: 'ecl-loading-indicator', template: "<svg class=\"ecl-spinner__loader\" viewBox=\"25 25 50 50\">\n <circle\n class=\"ecl-spinner__circle\"\n cx=\"50\"\n cy=\"50\"\n r=\"20\"\n fill=\"none\"\n stroke-width=\"4px\"\n stroke-miterlimit=\"10\"\n vector-effect=\"non-scaling-stroke\"></circle>\n</svg>\n<ng-content></ng-content>\n" }]
|
|
69
69
|
}], propDecorators: { size: [{
|
|
@@ -96,10 +96,10 @@ class EclLoadingIndicatorLabelDirective {
|
|
|
96
96
|
*/
|
|
97
97
|
this.className = true;
|
|
98
98
|
}
|
|
99
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
100
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
99
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclLoadingIndicatorLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
100
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.2", type: EclLoadingIndicatorLabelDirective, isStandalone: true, selector: "[eclLoadingIndicatorLabel]", host: { properties: { "class.ecl-spinner__text": "this.className" } }, ngImport: i0 }); }
|
|
101
101
|
}
|
|
102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclLoadingIndicatorLabelDirective, decorators: [{
|
|
103
103
|
type: Directive,
|
|
104
104
|
args: [{
|
|
105
105
|
selector: '[eclLoadingIndicatorLabel]',
|
|
@@ -121,10 +121,10 @@ class EclLoadingIndicatorOverlayDirective extends ECLBaseDirective {
|
|
|
121
121
|
get cssClasses() {
|
|
122
122
|
return [super.getCssClasses('ecl-spinner__overlay ecl-spinner__overlay--visible')].join(' ').trim();
|
|
123
123
|
}
|
|
124
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
125
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
124
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclLoadingIndicatorOverlayDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
125
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.2", type: EclLoadingIndicatorOverlayDirective, isStandalone: true, selector: "[eclLoadingIndicatorOverlay]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
|
|
126
126
|
}
|
|
127
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclLoadingIndicatorOverlayDirective, decorators: [{
|
|
128
128
|
type: Directive,
|
|
129
129
|
args: [{
|
|
130
130
|
selector: '[eclLoadingIndicatorOverlay]',
|
|
@@ -29,10 +29,10 @@ class EclMediaContainerIframeDirective extends ECLBaseDirective {
|
|
|
29
29
|
}
|
|
30
30
|
return `${iframeWidth}/${iframeHeight}`;
|
|
31
31
|
}
|
|
32
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
33
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
32
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclMediaContainerIframeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
33
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.2", type: EclMediaContainerIframeDirective, isStandalone: true, selector: "iframe[eclMediaContainerIframe]", inputs: { width: "width", height: "height", ratio: "ratio" }, host: { properties: { "style.aspect-ratio": "this.ratio" } }, usesInheritance: true, ngImport: i0 }); }
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclMediaContainerIframeDirective, decorators: [{
|
|
36
36
|
type: Directive,
|
|
37
37
|
args: [{
|
|
38
38
|
selector: 'iframe[eclMediaContainerIframe]',
|
|
@@ -55,10 +55,10 @@ class EclMediaContainerItemAudioDescriptionDirective extends ECLBaseDirective {
|
|
|
55
55
|
get cssClasses() {
|
|
56
56
|
return [super.getCssClasses('ecl-media-container__media-audio')].join(' ').trim();
|
|
57
57
|
}
|
|
58
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
59
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
58
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclMediaContainerItemAudioDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
59
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.2", type: EclMediaContainerItemAudioDescriptionDirective, isStandalone: true, selector: "[eclMediaContainerItemAudioDescription]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
|
|
60
60
|
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclMediaContainerItemAudioDescriptionDirective, decorators: [{
|
|
62
62
|
type: Directive,
|
|
63
63
|
args: [{
|
|
64
64
|
selector: '[eclMediaContainerItemAudioDescription]',
|
|
@@ -106,10 +106,10 @@ class EclMediaContainerItemDirective extends ECLBaseDirective {
|
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
110
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
109
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclMediaContainerItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
110
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.2", type: EclMediaContainerItemDirective, isStandalone: true, selector: "[eclMediaContainerItem], img[eclMediaContainerImage]", inputs: { ratio: "ratio" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "contentIframe", first: true, predicate: EclMediaContainerIframeDirective, descendants: true }], usesInheritance: true, ngImport: i0 }); }
|
|
111
111
|
}
|
|
112
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclMediaContainerItemDirective, decorators: [{
|
|
113
113
|
type: Directive,
|
|
114
114
|
args: [{
|
|
115
115
|
selector: '[eclMediaContainerItem], img[eclMediaContainerImage]',
|
|
@@ -131,10 +131,10 @@ class EclMediaContainerPictureDirective extends ECLBaseDirective {
|
|
|
131
131
|
get cssClasses() {
|
|
132
132
|
return [super.getCssClasses('ecl-picture ecl-media-container__picture')].join(' ').trim();
|
|
133
133
|
}
|
|
134
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
135
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.
|
|
134
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclMediaContainerPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
135
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.2", type: EclMediaContainerPictureDirective, isStandalone: true, selector: "picture[eclMediaContainerPicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
|
|
136
136
|
}
|
|
137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclMediaContainerPictureDirective, decorators: [{
|
|
138
138
|
type: Directive,
|
|
139
139
|
args: [{
|
|
140
140
|
selector: 'picture[eclMediaContainerPicture]',
|
|
@@ -215,10 +215,10 @@ class EclMediaContainerComponent extends ECLBaseDirective {
|
|
|
215
215
|
}
|
|
216
216
|
button.onFocus();
|
|
217
217
|
}
|
|
218
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.
|
|
219
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.
|
|
218
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclMediaContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
219
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: EclMediaContainerComponent, isStandalone: true, selector: "ecl-media-container", inputs: { isFullWidth: ["isFullWidth", "isFullWidth", booleanAttribute], eclAutoplay: ["eclAutoplay", "eclAutoplay", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "expandable", first: true, predicate: EclExpandableComponent, descendants: true }, { propertyName: "eclMediaContainerItem", first: true, predicate: EclMediaContainerItemDirective, descendants: true }], viewQueries: [{ propertyName: "pauseButton", first: true, predicate: ["pauseButton"], descendants: true }, { propertyName: "playButton", first: true, predicate: ["playButton"], descendants: true }, { propertyName: "eclButtons", predicate: EclButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<figure class=\"ecl-media-container__figure\" [class.ecl-media-container--full-width]=\"isFullWidth\">\n @if (hasVideo) {\n <div class=\"ecl-media-container__video-wrapper\">\n <ng-content select=\"video[eclMediaContainerItem]\"></ng-content>\n @if (eclAutoplay) {\n <button #playButton eclButton variant=\"tertiary\" isIconOnly class=\"ecl-media-container__play\" (click)=\"onVideoPlay()\"\n [style.display]=\"isPlaying ? 'none' : 'flex'\" type=\"button\">\n <span eclButtonLabel>Play</span>\n <ecl-icon icon=\"play-outline\" size=\"m\"></ecl-icon>\n </button>\n <button #pauseButton eclButton variant=\"tertiary\" isIconOnly class=\"ecl-media-container__pause\" (click)=\"onVideoPause()\"\n [style.display]=\"isPlaying ? 'flex' : 'none'\" type=\"button\">\n <span eclButtonLabel>Pause</span>\n <ecl-icon icon=\"pause-outline\" size=\"m\"></ecl-icon>\n </button>\n }\n </div>\n }\n <ng-content select=\"div[eclMediaContainerItem]\"></ng-content>\n <ng-content select=\"picture[eclMediaContainerPicture]\"></ng-content>\n\n <figcaption class=\"ecl-media-container__caption\">\n <ng-content></ng-content>\n </figcaption>\n <ng-content select=\"ecl-expandable\"></ng-content>\n</figure>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "eclStyle", "size", "containerStyleClass"] }, { kind: "directive", type: i1.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }] }); }
|
|
220
220
|
}
|
|
221
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.
|
|
221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: EclMediaContainerComponent, decorators: [{
|
|
222
222
|
type: Component,
|
|
223
223
|
args: [{ selector: 'ecl-media-container', imports: [...EUI_ECL_BUTTON, ...EUI_ECL_ICON], template: "<figure class=\"ecl-media-container__figure\" [class.ecl-media-container--full-width]=\"isFullWidth\">\n @if (hasVideo) {\n <div class=\"ecl-media-container__video-wrapper\">\n <ng-content select=\"video[eclMediaContainerItem]\"></ng-content>\n @if (eclAutoplay) {\n <button #playButton eclButton variant=\"tertiary\" isIconOnly class=\"ecl-media-container__play\" (click)=\"onVideoPlay()\"\n [style.display]=\"isPlaying ? 'none' : 'flex'\" type=\"button\">\n <span eclButtonLabel>Play</span>\n <ecl-icon icon=\"play-outline\" size=\"m\"></ecl-icon>\n </button>\n <button #pauseButton eclButton variant=\"tertiary\" isIconOnly class=\"ecl-media-container__pause\" (click)=\"onVideoPause()\"\n [style.display]=\"isPlaying ? 'flex' : 'none'\" type=\"button\">\n <span eclButtonLabel>Pause</span>\n <ecl-icon icon=\"pause-outline\" size=\"m\"></ecl-icon>\n </button>\n }\n </div>\n }\n <ng-content select=\"div[eclMediaContainerItem]\"></ng-content>\n <ng-content select=\"picture[eclMediaContainerPicture]\"></ng-content>\n\n <figcaption class=\"ecl-media-container__caption\">\n <ng-content></ng-content>\n </figcaption>\n <ng-content select=\"ecl-expandable\"></ng-content>\n</figure>\n", styles: [":host{display:block}\n"] }]
|
|
224
224
|
}], propDecorators: { isFullWidth: [{
|