@eui/ecl 16.0.0-next.10 → 16.0.0-next.11
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/components/EclBreadcrumbSegmentComponent.html +2 -40
- package/docs/components/EclLanguageListComponent.html +40 -2
- package/docs/components/EclRadioLabelComponent.html +1 -1
- package/docs/components/EclSiteHeaderComponent.html +1 -1
- package/docs/dependencies.html +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/lib/components/ecl-breadcrumb/ecl-breadcrumb-segment.component.mjs +10 -12
- package/esm2022/lib/components/ecl-language-list/ecl-language-list.component.mjs +7 -6
- package/esm2022/lib/components/ecl-radio/ecl-radio-label.component.mjs +3 -3
- package/esm2022/lib/components/ecl-site-header/ecl-site-header.component.mjs +3 -3
- package/fesm2022/eui-ecl.mjs +15 -15
- package/fesm2022/eui-ecl.mjs.map +1 -1
- package/lib/components/ecl-breadcrumb/ecl-breadcrumb-segment.component.d.ts +1 -3
- package/lib/components/ecl-breadcrumb/ecl-breadcrumb-segment.component.d.ts.map +1 -1
- package/lib/components/ecl-language-list/ecl-language-list.component.d.ts +3 -2
- package/lib/components/ecl-language-list/ecl-language-list.component.d.ts.map +1 -1
- package/package.json +1 -1
package/fesm2022/eui-ecl.mjs
CHANGED
|
@@ -908,9 +908,10 @@ class EclLanguageListComponent extends ECLBaseDirective {
|
|
|
908
908
|
this.isOverlay ? 'ecl-language-list--overlay' : '',
|
|
909
909
|
].join(' ').trim();
|
|
910
910
|
}
|
|
911
|
-
constructor(eclLanguageService) {
|
|
911
|
+
constructor(eclLanguageService, eclThemeService) {
|
|
912
912
|
super();
|
|
913
913
|
this.eclLanguageService = eclLanguageService;
|
|
914
|
+
this.eclThemeService = eclThemeService;
|
|
914
915
|
this.isOverlay = false;
|
|
915
916
|
this.isHidden = false;
|
|
916
917
|
this.languageSelected = new EventEmitter();
|
|
@@ -1018,8 +1019,8 @@ class EclLanguageListComponent extends ECLBaseDirective {
|
|
|
1018
1019
|
item.isActive = false;
|
|
1019
1020
|
});
|
|
1020
1021
|
}
|
|
1021
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: EclLanguageListComponent, deps: [{ token: EclLanguageService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1022
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: EclLanguageListComponent, selector: "ecl-language-list", inputs: { isOverlay: "isOverlay", selectedLanguageCode: "selectedLanguageCode", isHidden: "isHidden" }, outputs: { languageSelected: "languageSelected", close: "close" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclLanguageListItems", predicate: EclLanguageListItemComponent }], viewQueries: [{ propertyName: "euLeftContainer", first: true, predicate: ["euLeftContainer"], descendants: true }, { propertyName: "euRightContainer", first: true, predicate: ["euRightContainer"], descendants: true }, { propertyName: "nonEuLeftContainer", first: true, predicate: ["nonEuLeftContainer"], descendants: true }, { propertyName: "nonEuRightContainer", first: true, predicate: ["nonEuRightContainer"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<header *ngIf=\"isSplash\" class=\"ecl-language-list__header\">\n <img class=\"ecl-language-list__logo\" src=\"./assets/images/ecl/ec/logo/logo-ec--mute.svg\" alt=\"European Commission logo\" />\n</header>\n<div class=\"ecl-language-list__container ecl-container\">\n <div *ngIf=\"isOverlay\" class=\"ecl-language-list--overlay__header\">\n <div class=\"ecl-language-list__close ecl-col-12 ecl-col-l-8 ecl-col-m-11 ecl-offset-l-2\">\n <button eclButton type=\"ghost\" (click)=\"onCloseClick($event)\" styleClass=\"ecl-language-list__close-button\">\n <span eclButtonLabel>\n {{ 'ecl.common.CLOSE' | translate }}\n </span>\n <ecl-icon icon=\"close\" size=\"s\" class=\"ecl-icon--fluid\"></ecl-icon>\n </button>\n </div>\n <div class=\"ecl-language-list__title ecl-col-12 ecl-col-l-8 ecl-offset-l-2 ecl-col-m-11 ecl-offset-m-1\">\n <ecl-icon size=\"m\" class=\"ecl-language-list__title-icon\" icon=\"generic-lang\"></ecl-icon>\n {{ 'ecl.language-list.SELECT-LANGUAGE' | translate }}\n </div>\n </div>\n <div [eclHidden]=\"!hasEuLanguageListItems\" class=\"ecl-row ecl-language-list__eu\">\n <div class=\"ecl-language-list__category ecl-col-12 ecl-col-l-8 ecl-offset-l-2 ecl-col-m-11 ecl-offset-m-1\">\n {{ 'ecl.language-list.EU-LANGUAGES' | translate }}\n </div>\n <div class=\"ecl-language-list__column ecl-col-12 ecl-col-l-4 ecl-offset-l-2 ecl-col-m-5 ecl-offset-m-1\">\n <ul #euLeftContainer class=\"ecl-language-list__list\"></ul>\n </div>\n <div class=\"ecl-language-list__column ecl-col-12 ecl-col-l-4 ecl-col-m-5\">\n <ul #euRightContainer class=\"ecl-language-list__list\"></ul>\n </div>\n </div>\n <div [eclHidden]=\"!hasNonEuLanguageListItems\" class=\"ecl-row ecl-language-list__non-eu\">\n <div class=\"ecl-language-list__category ecl-col-12 ecl-col-l-8 ecl-offset-l-2 ecl-col-m-11 ecl-offset-m-1\">\n {{ 'ecl.language-list.NON-EU-LANGUAGES' | translate }}\n </div>\n <div class=\"ecl-language-list__column ecl-col-12 ecl-col-l-4 ecl-offset-l-2 ecl-col-m-5 ecl-offset-m-1\">\n <ul #nonEuLeftContainer class=\"ecl-language-list__list\"></ul>\n </div>\n <div class=\"ecl-language-list__column ecl-col-12 ecl-col-l-4 ecl-col-m-5\">\n <ul #nonEuRightContainer class=\"ecl-language-list__list\"></ul>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "directive", type: EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "directive", type: EclHiddenDirective, selector: "[eclHidden]", inputs: ["eclHidden"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
|
|
1022
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: EclLanguageListComponent, deps: [{ token: EclLanguageService }, { token: EclThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1023
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: EclLanguageListComponent, selector: "ecl-language-list", inputs: { isOverlay: "isOverlay", selectedLanguageCode: "selectedLanguageCode", isHidden: "isHidden" }, outputs: { languageSelected: "languageSelected", close: "close" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclLanguageListItems", predicate: EclLanguageListItemComponent }], viewQueries: [{ propertyName: "euLeftContainer", first: true, predicate: ["euLeftContainer"], descendants: true }, { propertyName: "euRightContainer", first: true, predicate: ["euRightContainer"], descendants: true }, { propertyName: "nonEuLeftContainer", first: true, predicate: ["nonEuLeftContainer"], descendants: true }, { propertyName: "nonEuRightContainer", first: true, predicate: ["nonEuRightContainer"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<header *ngIf=\"isSplash\" class=\"ecl-language-list__header\">\n <img *ngIf=\"eclThemeService.isEC$ | async\" \n class=\"ecl-language-list__logo\" \n src=\"./assets/images/ecl/ec/logo/logo-ec--mute.svg\" \n alt=\"European Commission logo\" />\n <img *ngIf=\"eclThemeService.isEU$ | async\" \n class=\"ecl-language-list__logo\" \n src=\"./assets/images/ecl/eu/logo/logo-eu--mute.svg\" \n alt=\"European Union logo\" />\n</header>\n<div class=\"ecl-language-list__container ecl-container\">\n <div *ngIf=\"isOverlay\" class=\"ecl-language-list--overlay__header\">\n <div class=\"ecl-language-list__close ecl-col-12 ecl-col-l-8 ecl-col-m-11 ecl-offset-l-2\">\n <button eclButton type=\"ghost\" (click)=\"onCloseClick($event)\" styleClass=\"ecl-language-list__close-button\">\n <span eclButtonLabel>\n {{ 'ecl.common.CLOSE' | translate }}\n </span>\n <ecl-icon icon=\"close\" size=\"s\" class=\"ecl-icon--fluid\"></ecl-icon>\n </button>\n </div>\n <div class=\"ecl-language-list__title ecl-col-12 ecl-col-l-8 ecl-offset-l-2 ecl-col-m-11 ecl-offset-m-1\">\n <ecl-icon size=\"m\" class=\"ecl-language-list__title-icon\" icon=\"generic-lang\"></ecl-icon>\n {{ 'ecl.language-list.SELECT-LANGUAGE' | translate }}\n </div>\n </div>\n <div [eclHidden]=\"!hasEuLanguageListItems\" class=\"ecl-row ecl-language-list__eu\">\n <div class=\"ecl-language-list__category ecl-col-12 ecl-col-l-8 ecl-offset-l-2 ecl-col-m-11 ecl-offset-m-1\">\n {{ 'ecl.language-list.EU-LANGUAGES' | translate }}\n </div>\n <div class=\"ecl-language-list__column ecl-col-12 ecl-col-l-4 ecl-offset-l-2 ecl-col-m-5 ecl-offset-m-1\">\n <ul #euLeftContainer class=\"ecl-language-list__list\"></ul>\n </div>\n <div class=\"ecl-language-list__column ecl-col-12 ecl-col-l-4 ecl-col-m-5\">\n <ul #euRightContainer class=\"ecl-language-list__list\"></ul>\n </div>\n </div>\n <div [eclHidden]=\"!hasNonEuLanguageListItems\" class=\"ecl-row ecl-language-list__non-eu\">\n <div class=\"ecl-language-list__category ecl-col-12 ecl-col-l-8 ecl-offset-l-2 ecl-col-m-11 ecl-offset-m-1\">\n {{ 'ecl.language-list.NON-EU-LANGUAGES' | translate }}\n </div>\n <div class=\"ecl-language-list__column ecl-col-12 ecl-col-l-4 ecl-offset-l-2 ecl-col-m-5 ecl-offset-m-1\">\n <ul #nonEuLeftContainer class=\"ecl-language-list__list\"></ul>\n </div>\n <div class=\"ecl-language-list__column ecl-col-12 ecl-col-l-4 ecl-col-m-5\">\n <ul #nonEuRightContainer class=\"ecl-language-list__list\"></ul>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "directive", type: EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "directive", type: EclHiddenDirective, selector: "[eclHidden]", inputs: ["eclHidden"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
|
|
1023
1024
|
}
|
|
1024
1025
|
__decorate([
|
|
1025
1026
|
coerceBoolean
|
|
@@ -1029,8 +1030,8 @@ __decorate([
|
|
|
1029
1030
|
], EclLanguageListComponent.prototype, "isHidden", void 0);
|
|
1030
1031
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: EclLanguageListComponent, decorators: [{
|
|
1031
1032
|
type: Component,
|
|
1032
|
-
args: [{ selector: 'ecl-language-list', template: "<header *ngIf=\"isSplash\" class=\"ecl-language-list__header\">\n <img class=\"ecl-language-list__logo\" src=\"./assets/images/ecl/ec/logo/logo-ec--mute.svg\" alt=\"European Commission logo\" />\n</header>\n<div class=\"ecl-language-list__container ecl-container\">\n <div *ngIf=\"isOverlay\" class=\"ecl-language-list--overlay__header\">\n <div class=\"ecl-language-list__close ecl-col-12 ecl-col-l-8 ecl-col-m-11 ecl-offset-l-2\">\n <button eclButton type=\"ghost\" (click)=\"onCloseClick($event)\" styleClass=\"ecl-language-list__close-button\">\n <span eclButtonLabel>\n {{ 'ecl.common.CLOSE' | translate }}\n </span>\n <ecl-icon icon=\"close\" size=\"s\" class=\"ecl-icon--fluid\"></ecl-icon>\n </button>\n </div>\n <div class=\"ecl-language-list__title ecl-col-12 ecl-col-l-8 ecl-offset-l-2 ecl-col-m-11 ecl-offset-m-1\">\n <ecl-icon size=\"m\" class=\"ecl-language-list__title-icon\" icon=\"generic-lang\"></ecl-icon>\n {{ 'ecl.language-list.SELECT-LANGUAGE' | translate }}\n </div>\n </div>\n <div [eclHidden]=\"!hasEuLanguageListItems\" class=\"ecl-row ecl-language-list__eu\">\n <div class=\"ecl-language-list__category ecl-col-12 ecl-col-l-8 ecl-offset-l-2 ecl-col-m-11 ecl-offset-m-1\">\n {{ 'ecl.language-list.EU-LANGUAGES' | translate }}\n </div>\n <div class=\"ecl-language-list__column ecl-col-12 ecl-col-l-4 ecl-offset-l-2 ecl-col-m-5 ecl-offset-m-1\">\n <ul #euLeftContainer class=\"ecl-language-list__list\"></ul>\n </div>\n <div class=\"ecl-language-list__column ecl-col-12 ecl-col-l-4 ecl-col-m-5\">\n <ul #euRightContainer class=\"ecl-language-list__list\"></ul>\n </div>\n </div>\n <div [eclHidden]=\"!hasNonEuLanguageListItems\" class=\"ecl-row ecl-language-list__non-eu\">\n <div class=\"ecl-language-list__category ecl-col-12 ecl-col-l-8 ecl-offset-l-2 ecl-col-m-11 ecl-offset-m-1\">\n {{ 'ecl.language-list.NON-EU-LANGUAGES' | translate }}\n </div>\n <div class=\"ecl-language-list__column ecl-col-12 ecl-col-l-4 ecl-offset-l-2 ecl-col-m-5 ecl-offset-m-1\">\n <ul #nonEuLeftContainer class=\"ecl-language-list__list\"></ul>\n </div>\n <div class=\"ecl-language-list__column ecl-col-12 ecl-col-l-4 ecl-col-m-5\">\n <ul #nonEuRightContainer class=\"ecl-language-list__list\"></ul>\n </div>\n </div>\n</div>\n" }]
|
|
1033
|
-
}], ctorParameters: function () { return [{ type: EclLanguageService }]; }, propDecorators: { isOverlay: [{
|
|
1033
|
+
args: [{ selector: 'ecl-language-list', template: "<header *ngIf=\"isSplash\" class=\"ecl-language-list__header\">\n <img *ngIf=\"eclThemeService.isEC$ | async\" \n class=\"ecl-language-list__logo\" \n src=\"./assets/images/ecl/ec/logo/logo-ec--mute.svg\" \n alt=\"European Commission logo\" />\n <img *ngIf=\"eclThemeService.isEU$ | async\" \n class=\"ecl-language-list__logo\" \n src=\"./assets/images/ecl/eu/logo/logo-eu--mute.svg\" \n alt=\"European Union logo\" />\n</header>\n<div class=\"ecl-language-list__container ecl-container\">\n <div *ngIf=\"isOverlay\" class=\"ecl-language-list--overlay__header\">\n <div class=\"ecl-language-list__close ecl-col-12 ecl-col-l-8 ecl-col-m-11 ecl-offset-l-2\">\n <button eclButton type=\"ghost\" (click)=\"onCloseClick($event)\" styleClass=\"ecl-language-list__close-button\">\n <span eclButtonLabel>\n {{ 'ecl.common.CLOSE' | translate }}\n </span>\n <ecl-icon icon=\"close\" size=\"s\" class=\"ecl-icon--fluid\"></ecl-icon>\n </button>\n </div>\n <div class=\"ecl-language-list__title ecl-col-12 ecl-col-l-8 ecl-offset-l-2 ecl-col-m-11 ecl-offset-m-1\">\n <ecl-icon size=\"m\" class=\"ecl-language-list__title-icon\" icon=\"generic-lang\"></ecl-icon>\n {{ 'ecl.language-list.SELECT-LANGUAGE' | translate }}\n </div>\n </div>\n <div [eclHidden]=\"!hasEuLanguageListItems\" class=\"ecl-row ecl-language-list__eu\">\n <div class=\"ecl-language-list__category ecl-col-12 ecl-col-l-8 ecl-offset-l-2 ecl-col-m-11 ecl-offset-m-1\">\n {{ 'ecl.language-list.EU-LANGUAGES' | translate }}\n </div>\n <div class=\"ecl-language-list__column ecl-col-12 ecl-col-l-4 ecl-offset-l-2 ecl-col-m-5 ecl-offset-m-1\">\n <ul #euLeftContainer class=\"ecl-language-list__list\"></ul>\n </div>\n <div class=\"ecl-language-list__column ecl-col-12 ecl-col-l-4 ecl-col-m-5\">\n <ul #euRightContainer class=\"ecl-language-list__list\"></ul>\n </div>\n </div>\n <div [eclHidden]=\"!hasNonEuLanguageListItems\" class=\"ecl-row ecl-language-list__non-eu\">\n <div class=\"ecl-language-list__category ecl-col-12 ecl-col-l-8 ecl-offset-l-2 ecl-col-m-11 ecl-offset-m-1\">\n {{ 'ecl.language-list.NON-EU-LANGUAGES' | translate }}\n </div>\n <div class=\"ecl-language-list__column ecl-col-12 ecl-col-l-4 ecl-offset-l-2 ecl-col-m-5 ecl-offset-m-1\">\n <ul #nonEuLeftContainer class=\"ecl-language-list__list\"></ul>\n </div>\n <div class=\"ecl-language-list__column ecl-col-12 ecl-col-l-4 ecl-col-m-5\">\n <ul #nonEuRightContainer class=\"ecl-language-list__list\"></ul>\n </div>\n </div>\n</div>\n" }]
|
|
1034
|
+
}], ctorParameters: function () { return [{ type: EclLanguageService }, { type: EclThemeService }]; }, propDecorators: { isOverlay: [{
|
|
1034
1035
|
type: Input
|
|
1035
1036
|
}], selectedLanguageCode: [{
|
|
1036
1037
|
type: Input
|
|
@@ -1573,11 +1574,11 @@ class EclSiteHeaderComponent extends ECLBaseDirective {
|
|
|
1573
1574
|
return languageCode;
|
|
1574
1575
|
}
|
|
1575
1576
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: EclSiteHeaderComponent, deps: [{ token: EclLanguageService }, { token: i2$1.TranslateService }, { token: EclThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1576
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: EclSiteHeaderComponent, selector: "ecl-site-header", inputs: { logoUrl: "logoUrl", siteName: "siteName" }, outputs: { logoClick: "logoClick", languageClick: "languageClick" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, queries: [{ propertyName: "eclLoginComponent", first: true, predicate: EclSiteHeaderLoginComponent, descendants: true }, { propertyName: "eclSearchComponent", first: true, predicate: EclSiteHeaderSearchComponent, descendants: true }, { propertyName: "eclLanguageComponent", first: true, predicate: EclSiteHeaderLanguageComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-site-header__header\">\n <div class=\"ecl-site-header__container ecl-container\">\n <div class=\"ecl-site-header__top\">\n <a eclLink \n variant=\"standalone\" \n class=\"ecl-site-header__logo-link\"\n href=\"https://ec.europa.eu/info/index_{{ languageCode }}\"\n (click)=\"onECLogoClick($event)\" \n [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n\n <ng-content select=\"[eclSiteHeaderEnvironment]\"></ng-content>\n\n <ng-container *ngIf=\"eclThemeService.isEC$ | async\">\n <img alt=\"European Commission logo\" \n [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\" \n class=\"ecl-site-header__logo-image\" \n src=\"./assets/images/ecl/ec/logo/logo-ec--{{ languageCode }}.svg\"/>\n </ng-container>\n\n <ng-container *ngIf=\"eclThemeService.isEU$ | async\">\n <img alt=\"European Union flag\" \n [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\" \n class=\"ecl-site-header__logo-image ecl-site-header__logo-image-mobile\" \n src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ languageCode}}.svg\"/>\n <img alt=\"European Union flag\" \n [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\" \n class=\"ecl-site-header__logo-image ecl-site-header__logo-image-desktop\" \n src=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ languageCode}}.svg\"/>\n </ng-container>\n </a>\n <ng-content select=\"ecl-site-header-action\"></ng-content>\n </div>\n </div>\n</div>\n\n<ng-content select=\"ecl-site-header-message\"></ng-content>\n<ng-content select=\"ecl-site-header-banner-top\"></ng-content>\n\n<div *ngIf=\"siteName\" class=\"ecl-site-header__banner\">\n <div class=\"ecl-container\">\n <div class=\"ecl-site-header__site-name\">{{ siteName }}</div>\n <ng-content select=\"[eclSiteHeaderCta]\"></ng-content>\n </div>\n</div>\n\n<ng-content select=\"ecl-menu\"></ng-content>\n\n<!-- @deprecated language list is replaced with site header language -->\n<ng-content select=\"ecl-language-list\"></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
|
|
1577
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: EclSiteHeaderComponent, selector: "ecl-site-header", inputs: { logoUrl: "logoUrl", siteName: "siteName" }, outputs: { logoClick: "logoClick", languageClick: "languageClick" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, queries: [{ propertyName: "eclLoginComponent", first: true, predicate: EclSiteHeaderLoginComponent, descendants: true }, { propertyName: "eclSearchComponent", first: true, predicate: EclSiteHeaderSearchComponent, descendants: true }, { propertyName: "eclLanguageComponent", first: true, predicate: EclSiteHeaderLanguageComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-site-header__header\">\n <div class=\"ecl-site-header__container ecl-container\">\n <div class=\"ecl-site-header__top\">\n <a eclLink \n variant=\"standalone\" \n class=\"ecl-site-header__logo-link\"\n href=\"https://ec.europa.eu/info/index_{{ languageCode }}\"\n (click)=\"onECLogoClick($event)\" \n [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n\n <ng-content select=\"[eclSiteHeaderEnvironment]\"></ng-content>\n\n <ng-container *ngIf=\"eclThemeService.isEC$ | async\">\n <img alt=\"European Commission logo\" \n [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\" \n class=\"ecl-site-header__logo-image ecl-site-header__logo-image-desktop\" \n src=\"./assets/images/ecl/ec/logo/logo-ec--{{ languageCode }}.svg\"/>\n </ng-container>\n\n <ng-container *ngIf=\"eclThemeService.isEU$ | async\">\n <img alt=\"European Union flag\" \n [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\" \n class=\"ecl-site-header__logo-image ecl-site-header__logo-image-mobile\" \n src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ languageCode}}.svg\"/>\n <img alt=\"European Union flag\" \n [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\" \n class=\"ecl-site-header__logo-image ecl-site-header__logo-image-desktop\" \n src=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ languageCode}}.svg\"/>\n </ng-container>\n </a>\n <ng-content select=\"ecl-site-header-action\"></ng-content>\n </div>\n </div>\n</div>\n\n<ng-content select=\"ecl-site-header-message\"></ng-content>\n<ng-content select=\"ecl-site-header-banner-top\"></ng-content>\n\n<div *ngIf=\"siteName\" class=\"ecl-site-header__banner\">\n <div class=\"ecl-container\">\n <div class=\"ecl-site-header__site-name\">{{ siteName }}</div>\n <ng-content select=\"[eclSiteHeaderCta]\"></ng-content>\n </div>\n</div>\n\n<ng-content select=\"ecl-menu\"></ng-content>\n\n<!-- @deprecated language list is replaced with site header language -->\n<ng-content select=\"ecl-language-list\"></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
|
|
1577
1578
|
}
|
|
1578
1579
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: EclSiteHeaderComponent, decorators: [{
|
|
1579
1580
|
type: Component,
|
|
1580
|
-
args: [{ selector: 'ecl-site-header', template: "<div class=\"ecl-site-header__header\">\n <div class=\"ecl-site-header__container ecl-container\">\n <div class=\"ecl-site-header__top\">\n <a eclLink \n variant=\"standalone\" \n class=\"ecl-site-header__logo-link\"\n href=\"https://ec.europa.eu/info/index_{{ languageCode }}\"\n (click)=\"onECLogoClick($event)\" \n [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n\n <ng-content select=\"[eclSiteHeaderEnvironment]\"></ng-content>\n\n <ng-container *ngIf=\"eclThemeService.isEC$ | async\">\n <img alt=\"European Commission logo\" \n [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\" \n class=\"ecl-site-header__logo-image\" \n src=\"./assets/images/ecl/ec/logo/logo-ec--{{ languageCode }}.svg\"/>\n </ng-container>\n\n <ng-container *ngIf=\"eclThemeService.isEU$ | async\">\n <img alt=\"European Union flag\" \n [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\" \n class=\"ecl-site-header__logo-image ecl-site-header__logo-image-mobile\" \n src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ languageCode}}.svg\"/>\n <img alt=\"European Union flag\" \n [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\" \n class=\"ecl-site-header__logo-image ecl-site-header__logo-image-desktop\" \n src=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ languageCode}}.svg\"/>\n </ng-container>\n </a>\n <ng-content select=\"ecl-site-header-action\"></ng-content>\n </div>\n </div>\n</div>\n\n<ng-content select=\"ecl-site-header-message\"></ng-content>\n<ng-content select=\"ecl-site-header-banner-top\"></ng-content>\n\n<div *ngIf=\"siteName\" class=\"ecl-site-header__banner\">\n <div class=\"ecl-container\">\n <div class=\"ecl-site-header__site-name\">{{ siteName }}</div>\n <ng-content select=\"[eclSiteHeaderCta]\"></ng-content>\n </div>\n</div>\n\n<ng-content select=\"ecl-menu\"></ng-content>\n\n<!-- @deprecated language list is replaced with site header language -->\n<ng-content select=\"ecl-language-list\"></ng-content>\n", styles: [":host{display:block}\n"] }]
|
|
1581
|
+
args: [{ selector: 'ecl-site-header', template: "<div class=\"ecl-site-header__header\">\n <div class=\"ecl-site-header__container ecl-container\">\n <div class=\"ecl-site-header__top\">\n <a eclLink \n variant=\"standalone\" \n class=\"ecl-site-header__logo-link\"\n href=\"https://ec.europa.eu/info/index_{{ languageCode }}\"\n (click)=\"onECLogoClick($event)\" \n [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n\n <ng-content select=\"[eclSiteHeaderEnvironment]\"></ng-content>\n\n <ng-container *ngIf=\"eclThemeService.isEC$ | async\">\n <img alt=\"European Commission logo\" \n [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\" \n class=\"ecl-site-header__logo-image ecl-site-header__logo-image-desktop\" \n src=\"./assets/images/ecl/ec/logo/logo-ec--{{ languageCode }}.svg\"/>\n </ng-container>\n\n <ng-container *ngIf=\"eclThemeService.isEU$ | async\">\n <img alt=\"European Union flag\" \n [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\" \n class=\"ecl-site-header__logo-image ecl-site-header__logo-image-mobile\" \n src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ languageCode}}.svg\"/>\n <img alt=\"European Union flag\" \n [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\" \n class=\"ecl-site-header__logo-image ecl-site-header__logo-image-desktop\" \n src=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ languageCode}}.svg\"/>\n </ng-container>\n </a>\n <ng-content select=\"ecl-site-header-action\"></ng-content>\n </div>\n </div>\n</div>\n\n<ng-content select=\"ecl-site-header-message\"></ng-content>\n<ng-content select=\"ecl-site-header-banner-top\"></ng-content>\n\n<div *ngIf=\"siteName\" class=\"ecl-site-header__banner\">\n <div class=\"ecl-container\">\n <div class=\"ecl-site-header__site-name\">{{ siteName }}</div>\n <ng-content select=\"[eclSiteHeaderCta]\"></ng-content>\n </div>\n</div>\n\n<ng-content select=\"ecl-menu\"></ng-content>\n\n<!-- @deprecated language list is replaced with site header language -->\n<ng-content select=\"ecl-language-list\"></ng-content>\n", styles: [":host{display:block}\n"] }]
|
|
1581
1582
|
}], ctorParameters: function () { return [{ type: EclLanguageService }, { type: i2$1.TranslateService }, { type: EclThemeService }]; }, propDecorators: { logoUrl: [{
|
|
1582
1583
|
type: Input
|
|
1583
1584
|
}], cssClasses: [{
|
|
@@ -3935,10 +3936,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImpor
|
|
|
3935
3936
|
class EclBreadcrumbSegmentClickEvent extends EclBaseEvent {
|
|
3936
3937
|
}
|
|
3937
3938
|
class EclBreadcrumbSegmentComponent extends ECLBaseDirective {
|
|
3938
|
-
constructor(el
|
|
3939
|
+
constructor(el) {
|
|
3939
3940
|
super();
|
|
3940
3941
|
this.el = el;
|
|
3941
|
-
this.eclThemeService = eclThemeService;
|
|
3942
3942
|
this.tabIndex = '-1';
|
|
3943
3943
|
this.routerLink = null;
|
|
3944
3944
|
this.queryParams = null;
|
|
@@ -3960,8 +3960,8 @@ class EclBreadcrumbSegmentComponent extends ECLBaseDirective {
|
|
|
3960
3960
|
evt.stopPropagation();
|
|
3961
3961
|
}
|
|
3962
3962
|
}
|
|
3963
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: EclBreadcrumbSegmentComponent, deps: [{ token: i0.ElementRef }
|
|
3964
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: EclBreadcrumbSegmentComponent, selector: "ecl-breadcrumb-segment", inputs: { routerLink: "routerLink", queryParams: "queryParams", href: "href", queryParamsHandling: "queryParamsHandling", isCurrentPage: "isCurrentPage", isNegative: "isNegative", isHidden: "isHidden" }, outputs: { segmentClick: "segmentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "class.ecl-u-d-none": "this.isHidden", "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n eclLink\n variant=\"standalone\"\n [isNoVisited]=\"true\"\n [isNegative]=\"isNegative\"\n [href]=\"href\"\n (click)=\"onSegmentClick($event)\"\n class=\"ecl-breadcrumb__link\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n eclLink\n [routerLink]=\"routerLink\"\n [queryParams]=\"queryParams\"\n [queryParamsHandling]=\"queryParamsHandling\"\n variant=\"standalone\"\n [isNoVisited]=\"true\"\n [isNegative]=\"isNegative\"\n [href]=\"href\"\n tabindex\n (click)=\"onSegmentClick($event)\"\n class=\"ecl-breadcrumb__link\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<ng-container *ngIf=\"isCurrentPage\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\"\n role=\"presentation\"\n icon=\"corner-arrow\"\n
|
|
3963
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: EclBreadcrumbSegmentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3964
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: EclBreadcrumbSegmentComponent, selector: "ecl-breadcrumb-segment", inputs: { routerLink: "routerLink", queryParams: "queryParams", href: "href", queryParamsHandling: "queryParamsHandling", isCurrentPage: "isCurrentPage", isNegative: "isNegative", isHidden: "isHidden" }, outputs: { segmentClick: "segmentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "class.ecl-u-d-none": "this.isHidden", "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n eclLink\n variant=\"standalone\"\n [isNoVisited]=\"true\"\n [isNegative]=\"isNegative\"\n [href]=\"href\"\n (click)=\"onSegmentClick($event)\"\n class=\"ecl-breadcrumb__link\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n eclLink\n [routerLink]=\"routerLink\"\n [queryParams]=\"queryParams\"\n [queryParamsHandling]=\"queryParamsHandling\"\n variant=\"standalone\"\n [isNoVisited]=\"true\"\n [isNegative]=\"isNegative\"\n [href]=\"href\"\n tabindex\n (click)=\"onSegmentClick($event)\"\n class=\"ecl-breadcrumb__link\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<ng-container *ngIf=\"isCurrentPage\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\"\n role=\"presentation\"\n icon=\"corner-arrow\"\n size=\"2xs\"\n class=\"ecl-breadcrumb__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>", dependencies: [{ 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: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3965
3965
|
}
|
|
3966
3966
|
__decorate([
|
|
3967
3967
|
coerceBoolean
|
|
@@ -3971,8 +3971,8 @@ __decorate([
|
|
|
3971
3971
|
], EclBreadcrumbSegmentComponent.prototype, "isNegative", void 0);
|
|
3972
3972
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: EclBreadcrumbSegmentComponent, decorators: [{
|
|
3973
3973
|
type: Component,
|
|
3974
|
-
args: [{ selector: 'ecl-breadcrumb-segment', encapsulation: ViewEncapsulation.None, template: "<a *ngIf=\"!isCurrentPage && href\"\n eclLink\n variant=\"standalone\"\n [isNoVisited]=\"true\"\n [isNegative]=\"isNegative\"\n [href]=\"href\"\n (click)=\"onSegmentClick($event)\"\n class=\"ecl-breadcrumb__link\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n eclLink\n [routerLink]=\"routerLink\"\n [queryParams]=\"queryParams\"\n [queryParamsHandling]=\"queryParamsHandling\"\n variant=\"standalone\"\n [isNoVisited]=\"true\"\n [isNegative]=\"isNegative\"\n [href]=\"href\"\n tabindex\n (click)=\"onSegmentClick($event)\"\n class=\"ecl-breadcrumb__link\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<ng-container *ngIf=\"isCurrentPage\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\"\n role=\"presentation\"\n icon=\"corner-arrow\"\n
|
|
3975
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }
|
|
3974
|
+
args: [{ selector: 'ecl-breadcrumb-segment', encapsulation: ViewEncapsulation.None, template: "<a *ngIf=\"!isCurrentPage && href\"\n eclLink\n variant=\"standalone\"\n [isNoVisited]=\"true\"\n [isNegative]=\"isNegative\"\n [href]=\"href\"\n (click)=\"onSegmentClick($event)\"\n class=\"ecl-breadcrumb__link\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n eclLink\n [routerLink]=\"routerLink\"\n [queryParams]=\"queryParams\"\n [queryParamsHandling]=\"queryParamsHandling\"\n variant=\"standalone\"\n [isNoVisited]=\"true\"\n [isNegative]=\"isNegative\"\n [href]=\"href\"\n tabindex\n (click)=\"onSegmentClick($event)\"\n class=\"ecl-breadcrumb__link\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<ng-container *ngIf=\"isCurrentPage\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\"\n role=\"presentation\"\n icon=\"corner-arrow\"\n size=\"2xs\"\n class=\"ecl-breadcrumb__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>" }]
|
|
3975
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { tabIndex: [{
|
|
3976
3976
|
type: HostBinding,
|
|
3977
3977
|
args: ['attr.tabindex']
|
|
3978
3978
|
}], routerLink: [{
|
|
@@ -11789,7 +11789,7 @@ class EclRadioLabelComponent extends ECLBaseDirective {
|
|
|
11789
11789
|
].join(' ').trim();
|
|
11790
11790
|
}
|
|
11791
11791
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: EclRadioLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
11792
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: EclRadioLabelComponent, selector: "[eclRadioLabel]", inputs: { isInvalid: "isInvalid", isDisabled: "isDisabled" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"ecl-radio__box\"\n [class.ecl-radio__box--disabled]=\"isDisabled\"\n [class.ecl-radio__box--invalid]=\"isInvalid\">\n</span>\n\n<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
|
|
11792
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: EclRadioLabelComponent, selector: "[eclRadioLabel]", inputs: { isInvalid: "isInvalid", isDisabled: "isDisabled" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"ecl-radio__box\"\n [class.ecl-radio__box--disabled]=\"isDisabled\"\n [class.ecl-radio__box--invalid]=\"isInvalid\">\n <span class=\"ecl-radio__box-inner\"></span>\n</span>\n\n<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
|
|
11793
11793
|
}
|
|
11794
11794
|
__decorate([
|
|
11795
11795
|
coerceBoolean
|
|
@@ -11799,7 +11799,7 @@ __decorate([
|
|
|
11799
11799
|
], EclRadioLabelComponent.prototype, "isDisabled", void 0);
|
|
11800
11800
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: EclRadioLabelComponent, decorators: [{
|
|
11801
11801
|
type: Component,
|
|
11802
|
-
args: [{ selector: '[eclRadioLabel]', encapsulation: ViewEncapsulation.None, template: "<span class=\"ecl-radio__box\"\n [class.ecl-radio__box--disabled]=\"isDisabled\"\n [class.ecl-radio__box--invalid]=\"isInvalid\">\n</span>\n\n<ng-content></ng-content>\n" }]
|
|
11802
|
+
args: [{ selector: '[eclRadioLabel]', encapsulation: ViewEncapsulation.None, template: "<span class=\"ecl-radio__box\"\n [class.ecl-radio__box--disabled]=\"isDisabled\"\n [class.ecl-radio__box--invalid]=\"isInvalid\">\n <span class=\"ecl-radio__box-inner\"></span>\n</span>\n\n<ng-content></ng-content>\n" }]
|
|
11803
11803
|
}], propDecorators: { isInvalid: [{
|
|
11804
11804
|
type: Input
|
|
11805
11805
|
}], isDisabled: [{
|