npm - @eui/ecl - Versions diffs - 21.0.0-next.16 → 21.0.0-next.17 - Mend

@eui/ecl 21.0.0-next.16 → 21.0.0-next.17

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.

Files changed (184) hide show

package/fesm2022/eui-ecl-components-ecl-search-form.mjs CHANGED Viewed

@@ -43,9 +43,7 @@ class EclSearchFormComponent extends ECLBaseDirective {
         /**
         * This event is emited, when user performs the search action. Includes the search text from the input field.
         */
-        // TODO: this output should be renamed in v20 - breaking change!
-        // eslint-disable-next-line @angular-eslint/no-output-native
-        this.search = new EventEmitter();
+        this.searchEvent = new EventEmitter();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.onChange = noop;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -61,14 +59,14 @@ class EclSearchFormComponent extends ECLBaseDirective {
     * Perform search when user clicks the search button. Emits the search event with the search text.
     */
     onSearchClick(evt) {
-        this.search.next(new EclSearchFormEvent(this.searchInputText));
+        this.searchEvent.next(new EclSearchFormEvent(this.searchInputText));
         evt.preventDefault();
     }
     /**
     * Perform search when user clicks Enter when on the input field. Emits the search event with the search text.
     */
     onEnterKeyDown(evt) {
-        this.search.next(new EclSearchFormEvent(this.searchInputText));
+        this.searchEvent.next(new EclSearchFormEvent(this.searchInputText));
         evt.preventDefault();
     }
     /**
@@ -92,7 +90,7 @@ class EclSearchFormComponent extends ECLBaseDirective {
         this.onTouched = fn;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSearchFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0", type: EclSearchFormComponent, isStandalone: true, selector: "ecl-search-form", inputs: { searchInputText: "searchInputText", placeholder: "placeholder", searchButtonLabel: "searchButtonLabel", searchButtonIcon: "searchButtonIcon", buttonExtraClassses: "buttonExtraClassses", inputExtraClassses: "inputExtraClassses" }, outputs: { search: "search" }, host: { listeners: { "keydown.enter": "onEnterKeyDown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, providers: [ECL_SEARCH_FORM_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<ecl-form-group>\n    <input\n        eclTextInput\n        [(ngModel)]=\"searchInputText\"\n        (ngModelChange)=\"onModelChange($event)\"\n        type=\"search\"\n        name=\"search-input\"\n        placeholder=\"{{ placeholder || 'ecl.common.SEARCH' | translate }}\"\n        class=\"ecl-search-form__text-input {{inputExtraClassses}}\" />\n</ecl-form-group>\n<button eclButton type=\"submit\" [variant]=\"eclThemeService.isECTheme() ? 'tertiary': 'primary'\" (click)=\"onSearchClick($event)\"\n    class=\"ecl-button--neutral ecl-search-form__button {{buttonExtraClassses}}\" isIconOnly>\n    <ecl-icon [icon]=\"searchButtonIcon\" size=\"xs\"></ecl-icon>\n    <span eclButtonLabel>\n        {{ searchButtonLabel || 'ecl.common.SEARCH' | translate }}\n    </span>\n</button>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "eclStyle", "size", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i3.EclFormGroupComponent, selector: "[eclFormGroup], ecl-form-group" }, { kind: "directive", type: i4.EclTextInputDirective, selector: "input[eclTextInput]", inputs: ["type", "eclSize", "isInvalid"] }, { kind: "component", type: i5.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0", type: EclSearchFormComponent, isStandalone: true, selector: "ecl-search-form", inputs: { searchInputText: "searchInputText", placeholder: "placeholder", searchButtonLabel: "searchButtonLabel", searchButtonIcon: "searchButtonIcon", buttonExtraClassses: "buttonExtraClassses", inputExtraClassses: "inputExtraClassses" }, outputs: { searchEvent: "searchEvent" }, host: { listeners: { "keydown.enter": "onEnterKeyDown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, providers: [ECL_SEARCH_FORM_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<ecl-form-group>\n    <input\n        eclTextInput\n        [(ngModel)]=\"searchInputText\"\n        (ngModelChange)=\"onModelChange($event)\"\n        type=\"search\"\n        name=\"search-input\"\n        placeholder=\"{{ placeholder || 'ecl.common.SEARCH' | translate }}\"\n        class=\"ecl-search-form__text-input {{inputExtraClassses}}\" />\n</ecl-form-group>\n<button eclButton type=\"submit\" [variant]=\"eclThemeService.isECTheme() ? 'tertiary': 'primary'\" (click)=\"onSearchClick($event)\"\n    class=\"ecl-button--neutral ecl-search-form__button {{buttonExtraClassses}}\" isIconOnly>\n    <ecl-icon [icon]=\"searchButtonIcon\" size=\"xs\"></ecl-icon>\n    <span eclButtonLabel>\n        {{ searchButtonLabel || 'ecl.common.SEARCH' | translate }}\n    </span>\n</button>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "eclStyle", "size", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i3.EclFormGroupComponent, selector: "[eclFormGroup], ecl-form-group" }, { kind: "directive", type: i4.EclTextInputDirective, selector: "input[eclTextInput]", inputs: ["type", "eclSize", "isInvalid"] }, { kind: "component", type: i5.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSearchFormComponent, decorators: [{
             type: Component,
@@ -115,7 +113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
             }], role: [{
                 type: HostBinding,
                 args: ['attr.role']
-            }], search: [{
+            }], searchEvent: [{
                 type: Output
             }], onEnterKeyDown: [{
                 type: HostListener,

package/fesm2022/eui-ecl-components-ecl-search-form.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-ecl-components-ecl-search-form.mjs","sources":["../../components/ecl-search-form/events/ecl-search-form.event.ts","../../components/ecl-search-form/ecl-search-form.component.ts","../../components/ecl-search-form/ecl-search-form.component.html","../../components/ecl-search-form/index.ts","../../components/ecl-search-form/eui-ecl-components-ecl-search-form.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\n\nexport class EclSearchFormEvent extends EclBaseEvent {\n\tconstructor(public keyword: string) {\n\t\tsuper();\n\t}\n}\n","import {\n Component,\n EventEmitter,\n forwardRef,\n HostBinding,\n HostListener,\n Input,\n Output,\n Provider,\n inject,\n} from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclThemeService } from '@eui/ecl/core';\nimport { EclSearchFormEvent } from './events/ecl-search-form.event';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { EUI_ECL_FORM_GROUP } from '@eui/ecl/components/ecl-form-group';\nimport { EUI_ECL_TEXT_INPUT } from '@eui/ecl/components/ecl-text-input';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\n\nexport const ECL_SEARCH_FORM_VALUE_ACCESSOR: Provider = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => EclSearchFormComponent),\n multi: true,\n};\n\nconst noop = (): void => {\n /** empty/\n};\n\n/\n Component representing search field - input and button, in a responsive, styled layout.\n /\n@Component({\n selector: 'ecl-search-form',\n templateUrl: 'ecl-search-form.component.html',\n imports: [TranslateModule, FormsModule, ...EUI_ECL_BUTTON, ...EUI_ECL_FORM_GROUP, ...EUI_ECL_TEXT_INPUT, ...EUI_ECL_ICON], // TODO: replace with new names EUI_ECL_...\n providers: [ECL_SEARCH_FORM_VALUE_ACCESSOR],\n})\nexport class EclSearchFormComponent extends ECLBaseDirective implements ControlValueAccessor {\n protected eclThemeService = inject(EclThemeService);\n\n /\n The current/default search text.\n /\n @Input() searchInputText: string;\n @Input() placeholder: string;\n @Input() searchButtonLabel: string;\n @Input() searchButtonIcon = 'search';\n @Input() buttonExtraClassses = '';\n @Input() inputExtraClassses = '';\n\n /\n Applies the base class `ecl-search-form` to the host element.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-search-form')].join(' ').trim();\n }\n\n @HostBinding('attr.role') role = 'search';\n\n /\n This event is emited, when user performs the search action. Includes the search text from the input field.\n /\n ~~// TODO: this output should be renamed in v20 - breaking change!\n // eslint-disable-next-line @angular-eslint/no-output-native~~\n @Output() ~~search~~ = new EventEmitter<EclSearchFormEvent>();\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n private onChange: (_: any) => void = noop;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n private onTouched: (_: any) => void = noop;\n\n /\n Perform search when user clicks the search button. Emits the search event with the search text.\n /\n onSearchClick(evt: Event): void {\n this.~~search~~.next(new EclSearchFormEvent(this.searchInputText));\n evt.preventDefault();\n }\n\n /\n Perform search when user clicks Enter when on the input field. Emits the search event with the search text.\n /\n @HostListener('keydown.enter', ['$event'])\n onEnterKeyDown(evt: Event): void {\n this.~~search~~.next(new EclSearchFormEvent(this.searchInputText));\n evt.preventDefault();\n }\n\n /\n Assigns the new input text value to the 'searchInputText' property, each time the input is changed.\n * @param newValue\n /\n onModelChange(newValue: string): void {\n this.searchInputText = newValue;\n this.onChange(newValue);\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n writeValue(value: any): void {\n this.searchInputText = value;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n registerOnChange(fn: (_: any) => void): void {\n this.onChange = fn;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n registerOnTouched(fn: (_: any) => void): void {\n this.onTouched = fn;\n }\n}\n","<ecl-form-group>\n <input\n eclTextInput\n [(ngModel)]=\"searchInputText\"\n (ngModelChange)=\"onModelChange($event)\"\n type=\"search\"\n name=\"search-input\"\n placeholder=\"{{ placeholder \|\| 'ecl.common.SEARCH' \| translate }}\"\n class=\"ecl-search-form__text-input {{inputExtraClassses}}\" />\n</ecl-form-group>\n<button eclButton type=\"submit\" [variant]=\"eclThemeService.isECTheme() ? 'tertiary': 'primary'\" (click)=\"onSearchClick($event)\"\n class=\"ecl-button--neutral ecl-search-form__button {{buttonExtraClassses}}\" isIconOnly>\n <ecl-icon [icon]=\"searchButtonIcon\" size=\"xs\"></ecl-icon>\n <span eclButtonLabel>\n {{ searchButtonLabel \|\| 'ecl.common.SEARCH' \| translate }}\n </span>\n</button>\n","import { EclSearchFormComponent } from './ecl-search-form.component';\n\nexport from './ecl-search-form.component';\nexport * from './events/ecl-search-form.event';\n\nexport const EUI_ECL_SEARCH_FORM = [\n EclSearchFormComponent,\n] as const;","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAEM,MAAO,kBAAmB,SAAQ,YAAY,CAAA;AACnD,IAAA,WAAA,CAAmB,OAAe,EAAA;AACjC,QAAA,KAAK,EAAE;QADW,IAAA,CAAA,OAAO,GAAP,OAAO;IAE1B;AACA;;ACeM,MAAM,8BAA8B,GAAa;AACpD,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,WAAW,EAAE,UAAU,CAAC,MAAM,sBAAsB,CAAC;AACrD,IAAA,KAAK,EAAE,IAAI;;AAGf,MAAM,IAAI,GAAG,MAAW;;AAExB,CAAC;AAED;;AAEG;AAOG,MAAO,sBAAuB,SAAQ,gBAAgB,CAAA;AAN5D,IAAA,WAAA,GAAA;;AAOc,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC;QAQ1C,IAAA,CAAA,gBAAgB,GAAG,QAAQ;QAC3B,IAAA,CAAA,mBAAmB,GAAG,EAAE;QACxB,IAAA,CAAA,kBAAkB,GAAG,EAAE;QAUN,IAAA,CAAA,IAAI,GAAG,QAAQ;AAEzC;;AAEE~~;;;AAGQ~~,QAAA,IAAA,CAAA,~~MAAM~~,GAAG,IAAI,YAAY,EAAsB;;~~QAGjD~~,IAAA,CAAA,QAAQ,GAAqB,IAAI;;QAEjC,IAAA,CAAA,SAAS,GAAqB,IAAI;AA0C7C,IAAA;~~AA9DG~~;;AAEE;AACF,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IACpE;~~AAgBA~~;;AAEE;AACF,IAAA,aAAa,CAAC,GAAU,EAAA;AACpB,QAAA,IAAI,CAAC,~~MAAM~~,CAAC,IAAI,CAAC,IAAI,kBAAkB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;~~QAC9D~~,GAAG,CAAC,cAAc,EAAE;IACxB;AAEA;;AAEE;AAEF,IAAA,cAAc,CAAC,GAAU,EAAA;AACrB,QAAA,IAAI,CAAC,~~MAAM~~,CAAC,IAAI,CAAC,IAAI,kBAAkB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;~~QAC9D~~,GAAG,CAAC,cAAc,EAAE;IACxB;AAEA;;;AAGG;AACH,IAAA,aAAa,CAAC,QAAgB,EAAA;AAC1B,QAAA,IAAI,CAAC,eAAe,GAAG,QAAQ;AAC/B,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAC3B;;AAGA,IAAA,UAAU,CAAC,KAAU,EAAA;AACjB,QAAA,IAAI,CAAC,eAAe,GAAG,KAAK;IAChC;;AAGA,IAAA,gBAAgB,CAAC,EAAoB,EAAA;AACjC,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACtB;;AAGA,IAAA,iBAAiB,CAAC,EAAoB,EAAA;AAClC,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACvB;~~8GA1ES~~,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,~~MAAA~~,EAAA,~~QAAA~~,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,wBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,EAAA,EAAA,SAAA,EAFpB,CAAC,8BAA8B,CAAC,iDCtC/C,oxBAiBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDoBc,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,SAAA,EAAA,UAAA,EAAA,MAAA,EAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,WAAA,EAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAG7B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;+BACI,iBAAiB,EAAA,OAAA,EAElB,CAAC,eAAe,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,GAAG,kBAAkB,EAAE,GAAG,kBAAkB,EAAE,GAAG,YAAY,CAAC,EAAA,SAAA,EAC9G,CAAC,8BAA8B,CAAC,EAAA,QAAA,EAAA,oxBAAA,EAAA;;sBAQ1C;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAKA,WAAW;uBAAC,OAAO;;sBAKnB,WAAW;uBAAC,WAAW;;~~sBAOvB~~;;sBAkBA,YAAY;uBAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;;;~~AEjFtC~~,MAAM,mBAAmB,GAAG;IAC/B,sBAAsB;;;ACN1B;;AAEG;;;;"}
1	+ {"version":3,"file":"eui-ecl-components-ecl-search-form.mjs","sources":["../../components/ecl-search-form/events/ecl-search-form.event.ts","../../components/ecl-search-form/ecl-search-form.component.ts","../../components/ecl-search-form/ecl-search-form.component.html","../../components/ecl-search-form/index.ts","../../components/ecl-search-form/eui-ecl-components-ecl-search-form.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\n\nexport class EclSearchFormEvent extends EclBaseEvent {\n\tconstructor(public keyword: string) {\n\t\tsuper();\n\t}\n}\n","import {\n Component,\n EventEmitter,\n forwardRef,\n HostBinding,\n HostListener,\n Input,\n Output,\n Provider,\n inject,\n} from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclThemeService } from '@eui/ecl/core';\nimport { EclSearchFormEvent } from './events/ecl-search-form.event';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { EUI_ECL_FORM_GROUP } from '@eui/ecl/components/ecl-form-group';\nimport { EUI_ECL_TEXT_INPUT } from '@eui/ecl/components/ecl-text-input';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\n\nexport const ECL_SEARCH_FORM_VALUE_ACCESSOR: Provider = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => EclSearchFormComponent),\n multi: true,\n};\n\nconst noop = (): void => {\n /** empty/\n};\n\n/\n Component representing search field - input and button, in a responsive, styled layout.\n /\n@Component({\n selector: 'ecl-search-form',\n templateUrl: 'ecl-search-form.component.html',\n imports: [TranslateModule, FormsModule, ...EUI_ECL_BUTTON, ...EUI_ECL_FORM_GROUP, ...EUI_ECL_TEXT_INPUT, ...EUI_ECL_ICON], // TODO: replace with new names EUI_ECL_...\n providers: [ECL_SEARCH_FORM_VALUE_ACCESSOR],\n})\nexport class EclSearchFormComponent extends ECLBaseDirective implements ControlValueAccessor {\n protected eclThemeService = inject(EclThemeService);\n\n /\n The current/default search text.\n /\n @Input() searchInputText: string;\n @Input() placeholder: string;\n @Input() searchButtonLabel: string;\n @Input() searchButtonIcon = 'search';\n @Input() buttonExtraClassses = '';\n @Input() inputExtraClassses = '';\n\n /\n Applies the base class `ecl-search-form` to the host element.\n /\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-search-form')].join(' ').trim();\n }\n\n @HostBinding('attr.role') role = 'search';\n\n /\n This event is emited, when user performs the search action. Includes the search text from the input field.\n / \n @Output() searchEvent = new EventEmitter<EclSearchFormEvent>();\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n private onChange: (_: any) => void = noop;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n private onTouched: (_: any) => void = noop;\n\n /\n Perform search when user clicks the search button. Emits the search event with the search text.\n /\n onSearchClick(evt: Event): void {\n this.searchEvent.next(new EclSearchFormEvent(this.searchInputText));\n evt.preventDefault();\n }\n\n /\n Perform search when user clicks Enter when on the input field. Emits the search event with the search text.\n /\n @HostListener('keydown.enter', ['$event'])\n onEnterKeyDown(evt: Event): void {\n this.searchEvent.next(new EclSearchFormEvent(this.searchInputText));\n evt.preventDefault();\n }\n\n /\n Assigns the new input text value to the 'searchInputText' property, each time the input is changed.\n * @param newValue\n /\n onModelChange(newValue: string): void {\n this.searchInputText = newValue;\n this.onChange(newValue);\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n writeValue(value: any): void {\n this.searchInputText = value;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n registerOnChange(fn: (_: any) => void): void {\n this.onChange = fn;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n registerOnTouched(fn: (_: any) => void): void {\n this.onTouched = fn;\n }\n}\n","<ecl-form-group>\n <input\n eclTextInput\n [(ngModel)]=\"searchInputText\"\n (ngModelChange)=\"onModelChange($event)\"\n type=\"search\"\n name=\"search-input\"\n placeholder=\"{{ placeholder \|\| 'ecl.common.SEARCH' \| translate }}\"\n class=\"ecl-search-form__text-input {{inputExtraClassses}}\" />\n</ecl-form-group>\n<button eclButton type=\"submit\" [variant]=\"eclThemeService.isECTheme() ? 'tertiary': 'primary'\" (click)=\"onSearchClick($event)\"\n class=\"ecl-button--neutral ecl-search-form__button {{buttonExtraClassses}}\" isIconOnly>\n <ecl-icon [icon]=\"searchButtonIcon\" size=\"xs\"></ecl-icon>\n <span eclButtonLabel>\n {{ searchButtonLabel \|\| 'ecl.common.SEARCH' \| translate }}\n </span>\n</button>\n","import { EclSearchFormComponent } from './ecl-search-form.component';\n\nexport from './ecl-search-form.component';\nexport * from './events/ecl-search-form.event';\n\nexport const EUI_ECL_SEARCH_FORM = [\n EclSearchFormComponent,\n] as const;","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAEM,MAAO,kBAAmB,SAAQ,YAAY,CAAA;AACnD,IAAA,WAAA,CAAmB,OAAe,EAAA;AACjC,QAAA,KAAK,EAAE;QADW,IAAA,CAAA,OAAO,GAAP,OAAO;IAE1B;AACA;;ACeM,MAAM,8BAA8B,GAAa;AACpD,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,WAAW,EAAE,UAAU,CAAC,MAAM,sBAAsB,CAAC;AACrD,IAAA,KAAK,EAAE,IAAI;;AAGf,MAAM,IAAI,GAAG,MAAW;;AAExB,CAAC;AAED;;AAEG;AAOG,MAAO,sBAAuB,SAAQ,gBAAgB,CAAA;AAN5D,IAAA,WAAA,GAAA;;AAOc,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC;QAQ1C,IAAA,CAAA,gBAAgB,GAAG,QAAQ;QAC3B,IAAA,CAAA,mBAAmB,GAAG,EAAE;QACxB,IAAA,CAAA,kBAAkB,GAAG,EAAE;QAUN,IAAA,CAAA,IAAI,GAAG,QAAQ;AAEzC;;AAEE;AACQ,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAsB;;QAGtD,IAAA,CAAA,QAAQ,GAAqB,IAAI;;QAEjC,IAAA,CAAA,SAAS,GAAqB,IAAI;AA0C7C,IAAA;AA5DG;;AAEE;AACF,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IACpE;AAcA;;AAEE;AACF,IAAA,aAAa,CAAC,GAAU,EAAA;AACpB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,kBAAkB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACnE,GAAG,CAAC,cAAc,EAAE;IACxB;AAEA;;AAEE;AAEF,IAAA,cAAc,CAAC,GAAU,EAAA;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,kBAAkB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACnE,GAAG,CAAC,cAAc,EAAE;IACxB;AAEA;;;AAGG;AACH,IAAA,aAAa,CAAC,QAAgB,EAAA;AAC1B,QAAA,IAAI,CAAC,eAAe,GAAG,QAAQ;AAC/B,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAC3B;;AAGA,IAAA,UAAU,CAAC,KAAU,EAAA;AACjB,QAAA,IAAI,CAAC,eAAe,GAAG,KAAK;IAChC;;AAGA,IAAA,gBAAgB,CAAC,EAAoB,EAAA;AACjC,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACtB;;AAGA,IAAA,iBAAiB,CAAC,EAAoB,EAAA;AAClC,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACvB;8GAxES,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,wBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,EAAA,EAAA,SAAA,EAFpB,CAAC,8BAA8B,CAAC,iDCtC/C,oxBAiBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDoBc,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,SAAA,EAAA,UAAA,EAAA,MAAA,EAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,WAAA,EAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAG7B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;+BACI,iBAAiB,EAAA,OAAA,EAElB,CAAC,eAAe,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,GAAG,kBAAkB,EAAE,GAAG,kBAAkB,EAAE,GAAG,YAAY,CAAC,EAAA,SAAA,EAC9G,CAAC,8BAA8B,CAAC,EAAA,QAAA,EAAA,oxBAAA,EAAA;;sBAQ1C;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAKA,WAAW;uBAAC,OAAO;;sBAKnB,WAAW;uBAAC,WAAW;;sBAKvB;;sBAkBA,YAAY;uBAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;;;AE/EtC,MAAM,mBAAmB,GAAG;IAC/B,sBAAsB;;;ACN1B;;AAEG;;;;"}

package/fesm2022/eui-ecl-components-ecl-site-footer.mjs CHANGED Viewed

@@ -102,7 +102,7 @@ class EclSiteFooterListDirective extends ECLBaseDirective {
         this.cmpClass = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0", type: EclSiteFooterListDirective, isStandalone: true, selector: "[eclSiteFooterList]", inputs: { isInline: ["isInline", "isInline", booleanAttribute], isColumns: ["isColumns", "isColumns", booleanAttribute] }, host: { properties: { "class.ecl-site-footer__list": "this.cmpClass", "class.ecl-site-footer__list--inline": "this.isInline", "class.ecl-site-footer__list--columns": "this.isColumns" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0", type: EclSiteFooterListDirective, isStandalone: true, selector: "[eclSiteFooterList]", inputs: { isInline: ["isInline", "isInline", booleanAttribute] }, host: { properties: { "class.ecl-site-footer__list": "this.cmpClass", "class.ecl-site-footer__list--inline": "this.isInline" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterListDirective, decorators: [{
             type: Directive,
@@ -118,12 +118,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
             }, {
                 type: HostBinding,
                 args: ['class.ecl-site-footer__list--inline']
-            }], isColumns: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }, {
-                type: HostBinding,
-                args: ['class.ecl-site-footer__list--columns']
             }] } });
 /**
  * Directive, that applies specific classes to the list item element in site footer.
@@ -145,66 +139,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
                 type: HostBinding,
                 args: ['class.ecl-site-footer__list-item']
             }] } });
-/**
- * @deprecated - this directive is deprecated and will be removed in v20. Not used anymore.
- */
-class EclSiteFooterLogoListDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.cmpClass = true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterLogoListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclSiteFooterLogoListDirective, isStandalone: true, selector: "[eclSiteFooterLogoList]", host: { properties: { "class.ecl-site-footer__logo-list": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterLogoListDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[eclSiteFooterLogoList]',
-                }]
-        }], propDecorators: { cmpClass: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__logo-list']
-            }] } });
-/**
- * @deprecated - this directive is deprecated and will be removed in v20. Not used anymore.
- */
-class EclSiteFooterLogoItemDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.cmpClass = true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterLogoItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclSiteFooterLogoItemDirective, isStandalone: true, selector: "[eclSiteFooterLogoItem]", host: { properties: { "class.ecl-site-footer__logo-item": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterLogoItemDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[eclSiteFooterLogoItem]',
-                }]
-        }], propDecorators: { cmpClass: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__logo-item']
-            }] } });
-/**
- * @deprecated - this directive is deprecated and will be removed in v20. Not used anymore.
- */
-class EclSiteFooterLogoDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.cmpClass = true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterLogoDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclSiteFooterLogoDirective, isStandalone: true, selector: "[eclSiteFooterLogo]", host: { properties: { "class.ecl-site-footer__logo": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterLogoDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[eclSiteFooterLogo]',
-                }]
-        }], propDecorators: { cmpClass: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__logo']
-            }] } });
 /**
  * There is some fixed content in the site footer, that cannot be changed by the user and is mandatory.
@@ -229,7 +163,7 @@ class EclSiteFooterRowCommonComponent extends ECLBaseDirective {
         return logoLanguageCode(this.languageCode);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterRowCommonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: EclSiteFooterRowCommonComponent, isStandalone: true, selector: "div[eclSiteFooterRowCommon]", inputs: { languageCode: "languageCode", isCore: "isCore" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-site-footer__section ecl-site-footer__section--common\">\n    @if (!isCore) {\n    <a href=\"https://commission.europa.eu/index_{{languageCode}}\"\n        class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__logo-link\">\n        <picture class=\"ecl-picture ecl-site-footer__picture\"><img class=\"ecl-site-footer__logo-image\"\n                src=\"assets/images/ecl/ec/logo/negative/logo-ec--{{logoLanguageCode}}.svg\" alt=\"European Commission\">\n        </picture>\n    </a>\n    <div class=\"ecl-site-footer__extra-links-container\">\n        <ecl-social-media-follow description=\"{{'ecl.footer.FOLLOW-EUROPEAN-COMMISSION' | translate}}\"\n            class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n            <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n                isInverted></ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"instagram\" href=\"https://www.instagram.com/europeancommission/\"\n                isInverted></ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"twitter\" href=\"https://x.com/EU_Commission\"\n                isInverted></ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n                isInverted></ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"chain\"\n                href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode}}\"\n                isInverted></ecl-social-media-follow-item>\n        </ecl-social-media-follow>\n        <ul eclSiteFooterList isInline>\n            <li eclSiteFooterListItem><a\n                href=\"https://commission.europa.eu/about-european-commission/contact_{{languageCode}}\"\n                class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__link\">{{ 'ecl.footer.CONTACT' | translate }}</a></li>\n        </ul>\n    </div>\n    } @else {\n    <ecl-social-media-follow description=\"{{'ecl.footer.FOLLOW-EUROPEAN-COMMISSION' | translate}}\"\n        class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n        <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n            isInverted></ecl-social-media-follow-item>\n        <ecl-social-media-follow-item icon=\"instagram\" href=\"https://www.instagram.com/europeancommission/\"\n            isInverted></ecl-social-media-follow-item>\n        <ecl-social-media-follow-item icon=\"twitter\" href=\"https://x.com/EU_Commission\"\n            isInverted></ecl-social-media-follow-item>\n        <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n            isInverted></ecl-social-media-follow-item>\n        <ecl-social-media-follow-item icon=\"chain\"\n            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode}}\"\n            isInverted></ecl-social-media-follow-item>\n    </ecl-social-media-follow>\n    }\n    <ul eclSiteFooterList isInline>\n        <li eclSiteFooterListItem><a\n                href=\"https://commission.europa.eu/legal-notice/vulnerability-disclosure-policy_{{languageCode}}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.REPORT-IT-VULNERABILITY' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/languages-our-websites_{{languageCode}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LANGUAGES' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/cookies_{{languageCode}}\" eclLink isInverted\n                variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.COOKIES' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/privacy-policy_{{languageCode}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.PRIVACY-POLICY' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/legal-notice_{{languageCode}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LEGAL-NOTICE' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/accessibility-statement_{{languageCode}}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.ACCESSIBILITY' | translate }}</a></li>\n    </ul>\n</div>", styles: [".ecl-link--inverted svg.ecl-social-media-follow__icon{fill:#000;filter:invert(1)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isHighlight", "isNoVisited", "variant"] }, { kind: "component", type: i2.EclSocialMediaFollowComponent, selector: "ecl-social-media-follow", inputs: ["description", "isVertical", "horizontalAlignment"] }, { kind: "component", type: i2.EclSocialMediaFollowItemComponent, selector: "ecl-social-media-follow-item", inputs: ["isInverted", "icon", "iconSet", "href", "routerLink", "target", "size"], outputs: ["itemClick"] }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline", "isColumns"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: EclSiteFooterRowCommonComponent, isStandalone: true, selector: "div[eclSiteFooterRowCommon]", inputs: { languageCode: "languageCode", isCore: "isCore" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-site-footer__section ecl-site-footer__section--common\">\n    @if (!isCore) {\n    <a href=\"https://commission.europa.eu/index_{{languageCode}}\"\n        class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__logo-link\">\n        <picture class=\"ecl-picture ecl-site-footer__picture\"><img class=\"ecl-site-footer__logo-image\"\n                src=\"assets/images/ecl/ec/logo/negative/logo-ec--{{logoLanguageCode}}.svg\" alt=\"European Commission\">\n        </picture>\n    </a>\n    <div class=\"ecl-site-footer__extra-links-container\">\n        <ecl-social-media-follow description=\"{{'ecl.footer.FOLLOW-EUROPEAN-COMMISSION' | translate}}\"\n            class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n            <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n                isInverted></ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"instagram\" href=\"https://www.instagram.com/europeancommission/\"\n                isInverted></ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"twitter\" href=\"https://x.com/EU_Commission\"\n                isInverted></ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n                isInverted></ecl-social-media-follow-item>\n            <ecl-social-media-follow-item icon=\"chain\"\n                href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode}}\"\n                isInverted></ecl-social-media-follow-item>\n        </ecl-social-media-follow>\n        <ul eclSiteFooterList isInline>\n            <li eclSiteFooterListItem><a\n                href=\"https://commission.europa.eu/about-european-commission/contact_{{languageCode}}\"\n                class=\"ecl-link ecl-link--standalone ecl-link--inverted ecl-site-footer__link\">{{ 'ecl.footer.CONTACT' | translate }}</a></li>\n        </ul>\n    </div>\n    } @else {\n    <ecl-social-media-follow description=\"{{'ecl.footer.FOLLOW-EUROPEAN-COMMISSION' | translate}}\"\n        class=\"ecl-social-media-follow--description_inline ecl-site-footer__social-media\">\n        <ecl-social-media-follow-item icon=\"facebook\" href=\"https://www.facebook.com/EuropeanCommission\"\n            isInverted></ecl-social-media-follow-item>\n        <ecl-social-media-follow-item icon=\"instagram\" href=\"https://www.instagram.com/europeancommission/\"\n            isInverted></ecl-social-media-follow-item>\n        <ecl-social-media-follow-item icon=\"twitter\" href=\"https://x.com/EU_Commission\"\n            isInverted></ecl-social-media-follow-item>\n        <ecl-social-media-follow-item icon=\"linkedin\" href=\"https://www.linkedin.com/company/european-commission\"\n            isInverted></ecl-social-media-follow-item>\n        <ecl-social-media-follow-item icon=\"chain\"\n            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{languageCode}}\"\n            isInverted></ecl-social-media-follow-item>\n    </ecl-social-media-follow>\n    }\n    <ul eclSiteFooterList isInline>\n        <li eclSiteFooterListItem><a\n                href=\"https://commission.europa.eu/legal-notice/vulnerability-disclosure-policy_{{languageCode}}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.REPORT-IT-VULNERABILITY' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/languages-our-websites_{{languageCode}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LANGUAGES' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/cookies_{{languageCode}}\" eclLink isInverted\n                variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.COOKIES' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/privacy-policy_{{languageCode}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.PRIVACY-POLICY' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/legal-notice_{{languageCode}}\" eclLink\n                isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.LEGAL-NOTICE' | translate }}</a></li>\n        <li eclSiteFooterListItem><a href=\"https://commission.europa.eu/accessibility-statement_{{languageCode}}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLink>{{ 'ecl.footer.ACCESSIBILITY' | translate }}</a></li>\n    </ul>\n</div>", styles: [".ecl-link--inverted svg.ecl-social-media-follow__icon{fill:#000;filter:invert(1)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isHighlight", "isNoVisited", "variant"] }, { kind: "component", type: i2.EclSocialMediaFollowComponent, selector: "ecl-social-media-follow", inputs: ["description", "isVertical", "horizontalAlignment"] }, { kind: "component", type: i2.EclSocialMediaFollowItemComponent, selector: "ecl-social-media-follow-item", inputs: ["isInverted", "icon", "iconSet", "href", "routerLink", "target", "size"], outputs: ["itemClick"] }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterRowCommonComponent, decorators: [{
             type: Component,
@@ -314,29 +248,13 @@ class EclSiteFooterSectionDirective extends ECLBaseDirective {
     constructor() {
         super(...arguments);
         this.variant = '';
-        /**
-         * @deprecated - not used anymore. Will be removed in v21
-         */
-        this.isCondensed = false;
-        /**
-         * @deprecated - use variant="site-info". Will be removed in v21
-         */
-        this.isSiteInfo = false;
-        /**
-         * @deprecated - not used anymore. Will be removed in v21
-         */
-        this.isSplitList = false;
-        /**
-         * @deprecated - not used anymore. Will be removed in v21
-         */
-        this.hasSeparator = false;
     }
     get cssClasses() {
         return [super.getCssClasses('ecl-site-footer__section'),
             this.variant !== '' ? `ecl-site-footer__section--${this.variant}` : ''].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterSectionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.0", type: EclSiteFooterSectionDirective, isStandalone: true, selector: "[eclSiteFooterSection]", inputs: { variant: "variant", isCondensed: ["isCondensed", "isCondensed", booleanAttribute], isSiteInfo: ["isSiteInfo", "isSiteInfo", booleanAttribute], isSplitList: ["isSplitList", "isSplitList", booleanAttribute], hasSeparator: ["hasSeparator", "hasSeparator", booleanAttribute] }, host: { properties: { "class.ecl-site-footer__section--condensed": "this.isCondensed", "class.ecl-site-footer__section--site-info": "this.isSiteInfo", "class": "this.cssClasses", "class.ecl-site-footer__section--split-list": "this.isSplitList", "class.ecl-site-footer__section--separator": "this.hasSeparator" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclSiteFooterSectionDirective, isStandalone: true, selector: "[eclSiteFooterSection]", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterSectionDirective, decorators: [{
             type: Directive,
@@ -345,33 +263,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
                 }]
         }], propDecorators: { variant: [{
                 type: Input
-            }], isCondensed: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }, {
-                type: HostBinding,
-                args: ['class.ecl-site-footer__section--condensed']
-            }], isSiteInfo: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }, {
-                type: HostBinding,
-                args: ['class.ecl-site-footer__section--site-info']
             }], cssClasses: [{
                 type: HostBinding,
                 args: ['class']
-            }], isSplitList: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }, {
-                type: HostBinding,
-                args: ['class.ecl-site-footer__section--split-list']
-            }], hasSeparator: [{
-                type: HostBinding,
-                args: ['class.ecl-site-footer__section--separator']
-            }, {
-                type: Input,
-                args: [{ transform: booleanAttribute }]
             }] } });
 /**
@@ -445,14 +339,14 @@ class EclSiteFooterFixedContentEUComponent extends ECLBaseDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterFixedContentEUComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: EclSiteFooterFixedContentEUComponent, isStandalone: true, selector: "ecl-site-footer-fixed-content-eu", inputs: { isCore: ["isCore", "isCore", booleanAttribute], languageCode: "languageCode", ecLogoLanguageCode: "ecLogoLanguageCode", content: "content" }, usesInheritance: true, ngImport: i0, template: "@if(isCore){\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\"\n                    variant=\"standalone\"\n                    eclSiteFooterLogoLink\n                    [attr.aria-label]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Union logo\" />\n                    </picture>\n                </a>\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            {{ 'ecl.footer.CALL-US' | translate }} 00 800 6 7 8 9 10 11\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/call-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.WRITE-TO-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/write-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.WRITE-TO-US' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.MEET-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/meet-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.MEET-US' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ACCESSIBILITY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/web-accessibility-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS-AND-BODIES' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_{{\n                                languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n}\n@if(!isCore){\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\"\n                    variant=\"standalone\"\n                    class=\"ecl-site-footer__logo-link\"\n                    [attr.aria-label]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Union logo\" />\n                    </picture>\n                </a>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\" eclLink variant=\"standalone\" class=\"ecl-site-footer__link\">\n                            {{ 'ecl.footer.DISCOVER-MORE-ON' | translate }} europa.eu</a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            {{ 'ecl.footer.CALL-US' | translate }} 00 800 6 7 8 9 10 11\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/call-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.WRITE-TO-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/write-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.WRITE-TO-US' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.MEET-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/meet-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.MEET-US' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ACCESSIBILITY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/web-accessibility-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS-AND-BODIES' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isHighlight", "isNoVisited", "variant"] }, { kind: "directive", type: EclSiteFooterRowDirective, selector: "[eclSiteFooterRow]" }, { kind: "directive", type: EclSiteFooterColumnDirective, selector: "[eclSiteFooterColumn]" }, { kind: "directive", type: EclSiteFooterSectionDirective, selector: "[eclSiteFooterSection]", inputs: ["variant", "isCondensed", "isSiteInfo", "isSplitList", "hasSeparator"] }, { kind: "directive", type: EclSiteFooterPictureDirective, selector: "picture[eclSiteFooterPicture]" }, { kind: "directive", type: EclSiteFooterLogoImageDirective, selector: "img[eclSiteFooterLogoImage]" }, { kind: "directive", type: EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline", "isColumns"] }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: EclSiteFooterTitleDirective, selector: "[eclSiteFooterTitle]", inputs: ["isSeparator"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: EclSiteFooterFixedContentEUComponent, isStandalone: true, selector: "ecl-site-footer-fixed-content-eu", inputs: { isCore: ["isCore", "isCore", booleanAttribute], languageCode: "languageCode", ecLogoLanguageCode: "ecLogoLanguageCode", content: "content" }, usesInheritance: true, ngImport: i0, template: "@if(isCore){\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\"\n                    variant=\"standalone\"\n                    eclSiteFooterLogoLink\n                    [attr.aria-label]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Union logo\" />\n                    </picture>\n                </a>\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </div>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            {{ 'ecl.footer.CALL-US' | translate }} 00 800 6 7 8 9 10 11\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/call-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.WRITE-TO-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/write-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.WRITE-TO-US' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.MEET-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/meet-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.MEET-US' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection>\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </div>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </div>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ACCESSIBILITY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/web-accessibility-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection>\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS-AND-BODIES' | translate }}\n                </div>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_{{\n                                languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n}\n@if(!isCore){\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\"\n                    variant=\"standalone\"\n                    class=\"ecl-site-footer__logo-link\"\n                    [attr.aria-label]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Union logo\" />\n                    </picture>\n                </a>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\" eclLink variant=\"standalone\" class=\"ecl-site-footer__link\">\n                            {{ 'ecl.footer.DISCOVER-MORE-ON' | translate }} europa.eu</a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </div>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            {{ 'ecl.footer.CALL-US' | translate }} 00 800 6 7 8 9 10 11\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/call-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.WRITE-TO-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/write-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.WRITE-TO-US' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.MEET-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/meet-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.MEET-US' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection>\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </div>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </div>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ACCESSIBILITY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/web-accessibility-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection>\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS-AND-BODIES' | translate }}\n                </div>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isHighlight", "isNoVisited", "variant"] }, { kind: "directive", type: EclSiteFooterRowDirective, selector: "[eclSiteFooterRow]" }, { kind: "directive", type: EclSiteFooterColumnDirective, selector: "[eclSiteFooterColumn]" }, { kind: "directive", type: EclSiteFooterSectionDirective, selector: "[eclSiteFooterSection]", inputs: ["variant"] }, { kind: "directive", type: EclSiteFooterPictureDirective, selector: "picture[eclSiteFooterPicture]" }, { kind: "directive", type: EclSiteFooterLogoImageDirective, selector: "img[eclSiteFooterLogoImage]" }, { kind: "directive", type: EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline"] }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: EclSiteFooterTitleDirective, selector: "[eclSiteFooterTitle]", inputs: ["isSeparator"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterFixedContentEUComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-site-footer-fixed-content-eu', imports: [NgTemplateOutlet, TranslateModule, ...EUI_ECL_LINK, EclSiteFooterRowDirective, EclSiteFooterColumnDirective,
                         EclSiteFooterSectionDirective, EclSiteFooterPictureDirective, EclSiteFooterLogoImageDirective,
                         EclSiteFooterListDirective, EclSiteFooterListItemDirective, EclSiteFooterLinkDirective, EclSiteFooterTitleDirective,
-                    ], template: "@if(isCore){\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\"\n                    variant=\"standalone\"\n                    eclSiteFooterLogoLink\n                    [attr.aria-label]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Union logo\" />\n                    </picture>\n                </a>\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            {{ 'ecl.footer.CALL-US' | translate }} 00 800 6 7 8 9 10 11\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/call-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.WRITE-TO-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/write-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.WRITE-TO-US' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.MEET-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/meet-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.MEET-US' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ACCESSIBILITY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/web-accessibility-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS-AND-BODIES' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_{{\n                                languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n}\n@if(!isCore){\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\"\n                    variant=\"standalone\"\n                    class=\"ecl-site-footer__logo-link\"\n                    [attr.aria-label]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Union logo\" />\n                    </picture>\n                </a>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\" eclLink variant=\"standalone\" class=\"ecl-site-footer__link\">\n                            {{ 'ecl.footer.DISCOVER-MORE-ON' | translate }} europa.eu</a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            {{ 'ecl.footer.CALL-US' | translate }} 00 800 6 7 8 9 10 11\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/call-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.WRITE-TO-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/write-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.WRITE-TO-US' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.MEET-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/meet-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.MEET-US' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ACCESSIBILITY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/web-accessibility-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection [hasSeparator]=\"true\">\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS-AND-BODIES' | translate }}\n                </div>\n                <ul eclSiteFooterList [isColumns]=\"true\">\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n}\n" }]
+                    ], template: "@if(isCore){\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\"\n                    variant=\"standalone\"\n                    eclSiteFooterLogoLink\n                    [attr.aria-label]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Union logo\" />\n                    </picture>\n                </a>\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </div>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            {{ 'ecl.footer.CALL-US' | translate }} 00 800 6 7 8 9 10 11\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/call-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.WRITE-TO-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/write-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.WRITE-TO-US' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.MEET-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/meet-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.MEET-US' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection>\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </div>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </div>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ACCESSIBILITY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/web-accessibility-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection>\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS-AND-BODIES' | translate }}\n                </div>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_{{\n                                languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n}\n@if(!isCore){\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n    <div eclSiteFooterRow>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <a\n                    eclLink\n                    href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\"\n                    variant=\"standalone\"\n                    class=\"ecl-site-footer__logo-link\"\n                    [attr.aria-label]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                    <picture eclSiteFooterPicture [attr.title]=\"'ecl.footer.EUROPEAN-UNION' | translate\">\n                        <source\n                            srcset=\"./assets/images/ecl/eu/logo/standard-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            media=\"(min-width: 996px)\" />\n                        <img\n                            eclSiteFooterLogoImage\n                            src=\"./assets/images/ecl/eu/logo/condensed-version/positive/logo-eu--{{ ecLogoLanguageCode }}.svg\"\n                            alt=\"European Union logo\" />\n                    </picture>\n                </a>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a href=\"https://european-union.europa.eu/index_{{ ecLogoLanguageCode }}\" eclLink variant=\"standalone\" class=\"ecl-site-footer__link\">\n                            {{ 'ecl.footer.DISCOVER-MORE-ON' | translate }} europa.eu</a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.CONTACT-EU' | translate }}\n                </div>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.STRATEGY' | translate\"\n                            variant=\"standalone\"\n                            href=\"tel:0080067891011\">\n                            {{ 'ecl.footer.CALL-US' | translate }} 00 800 6 7 8 9 10 11\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/call-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.USE-OTHER-TELEPHONE-OPTIONS' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.WRITE-TO-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/write-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.WRITE-TO-US' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.MEET-US' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/meet-us_{{ languageCode }}\">\n                            {{ 'ecl.footer.MEET-US' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection>\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.SOCIAL-MEDIA' | translate }}\n                </div>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/contact-eu/social-media-channels_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-FOR-EU-SOCIAL-MEDIA' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <div eclSiteFooterColumn>\n            <div eclSiteFooterSection>\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.LEGAL' | translate }}\n                </div>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LANGUAGES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/languages-our-websites_{{ languageCode }}\">\n                            {{ 'ecl.footer.LANGUAGES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/privacy-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/legal-notice_{{ languageCode }}\">\n                            {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/cookies_{{ languageCode }}\">\n                            {{ 'ecl.footer.COOKIES' | translate }}\n                        </a>\n                    </li>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.ACCESSIBILITY' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/web-accessibility-policy_{{ languageCode }}\">\n                            {{ 'ecl.footer.ACCESSIBILITY' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n            <div eclSiteFooterSection>\n                <div eclSiteFooterTitle isSeparator>\n                    {{ 'ecl.footer.EU-INSTITUTIONS-AND-BODIES' | translate }}\n                </div>\n                <ul eclSiteFooterList>\n                    <li eclSiteFooterListItem>\n                        <a\n                            eclLink\n                            eclSiteFooterLink\n                            [attr.aria-label]=\"'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate\"\n                            variant=\"standalone\"\n                            href=\"https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_{{ languageCode }}\">\n                            {{ 'ecl.footer.SEARCH-EU-INSTITUTIONS-AND-BODIES' | translate }}\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n}\n" }]
         }], propDecorators: { isCore: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -675,9 +569,6 @@ const EUI_ECL_SITE_FOOTER = [
     EclSiteFooterDescriptionDirective,
     EclSiteFooterListDirective,
     EclSiteFooterLinkDirective,
-    EclSiteFooterLogoListDirective,
-    EclSiteFooterLogoItemDirective,
-    EclSiteFooterLogoDirective,
     EclSiteFooterListItemDirective,
     EclSiteFooterListDirective,
     EclSiteFooterRowDirective,
@@ -696,5 +587,5 @@ const EUI_ECL_SITE_FOOTER = [
  * Generated bundle index. Do not edit.
  */
-export { EUI_ECL_SITE_FOOTER, EclSiteFooterColumnDirective, EclSiteFooterComponent, EclSiteFooterCoownerComponent, EclSiteFooterCoownerItemDirective, EclSiteFooterCoownerListDirective, EclSiteFooterCoreComponent, EclSiteFooterDescriptionDirective, EclSiteFooterDescriptionNameDirective, EclSiteFooterFixedContentEUComponent, EclSiteFooterLinkDirective, EclSiteFooterListDirective, EclSiteFooterListItemDirective, EclSiteFooterLogoDirective, EclSiteFooterLogoImageDirective, EclSiteFooterLogoItemDirective, EclSiteFooterLogoLinkDirective, EclSiteFooterLogoListDirective, EclSiteFooterPictureDirective, EclSiteFooterRowCommonComponent, EclSiteFooterRowDirective, EclSiteFooterSectionDirective, EclSiteFooterSocialMediaDirective, EclSiteFooterTitleDirective, EclSiteFooterTitleLinkDirective };
+export { EUI_ECL_SITE_FOOTER, EclSiteFooterColumnDirective, EclSiteFooterComponent, EclSiteFooterCoownerComponent, EclSiteFooterCoownerItemDirective, EclSiteFooterCoownerListDirective, EclSiteFooterCoreComponent, EclSiteFooterDescriptionDirective, EclSiteFooterDescriptionNameDirective, EclSiteFooterFixedContentEUComponent, EclSiteFooterLinkDirective, EclSiteFooterListDirective, EclSiteFooterListItemDirective, EclSiteFooterLogoImageDirective, EclSiteFooterLogoLinkDirective, EclSiteFooterPictureDirective, EclSiteFooterRowCommonComponent, EclSiteFooterRowDirective, EclSiteFooterSectionDirective, EclSiteFooterSocialMediaDirective, EclSiteFooterTitleDirective, EclSiteFooterTitleLinkDirective };
 //# sourceMappingURL=eui-ecl-components-ecl-site-footer.mjs.map