@eui/ecl 21.0.0-next.11 → 21.0.0-next.12

package/docs/miscellaneous/variables.html

@@ -179,10 +179,10 @@
                             <a href="#COMPONENTS" title="packages/ecl/components/ecl-menu/ecl-menu.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-menu.module.ts)</a>
                         </li>
                         <li>
-                            <a href="#COMPONENTS" title="packages/ecl/components/ecl-multiselect/ecl-multiselect.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-multiselect.module.ts)</a>
+                            <a href="#COMPONENTS" title="packages/ecl/components/ecl-modal/ecl-modal.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-modal.module.ts)</a>
                         </li>
                         <li>
-                            <a href="#COMPONENTS" title="packages/ecl/components/ecl-modal/ecl-modal.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-modal.module.ts)</a>
+                            <a href="#COMPONENTS" title="packages/ecl/components/ecl-multiselect/ecl-multiselect.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-multiselect.module.ts)</a>
                         </li>
                         <li>
                             <a href="#COMPONENTS" title="packages/ecl/components/ecl-navigation-list/ecl-navigation-list.module.ts" ><b>COMPONENTS</b>&nbsp;&nbsp;&nbsp;(packages/.../ecl-navigation-list.module.ts)</a>
@@ -1037,7 +1037,7 @@
         </tbody>
     </table>
 </section>
-    <h3>packages/ecl/components/ecl-multiselect/ecl-multiselect.module.ts</h3>
+    <h3>packages/ecl/components/ecl-modal/ecl-modal.module.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -1059,13 +1059,13 @@
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
-    EclMultiselectComponent,
-    EclMultiselectOptionDirective,
-    EclMultiselectOptionComponent,
-    EclMultiselectInputComponent,
-    EclMultiselectDropdownComponent,
-    EclMultiselectOptgroupComponent,
-    BoldTextPipe,
+    EclModalComponent,
+    EclModalHeaderComponent,
+    EclModalBodyComponent,
+    EclModalBodyFixedContentDirective,
+    EclModalFooterComponent,
+    EclModalCloseDirective,
+    EclModalTriggerDirective,
 ]</code>
                     </td>
                 </tr>
@@ -1074,7 +1074,7 @@
         </tbody>
     </table>
 </section>
-    <h3>packages/ecl/components/ecl-modal/ecl-modal.module.ts</h3>
+    <h3>packages/ecl/components/ecl-multiselect/ecl-multiselect.module.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -1096,13 +1096,13 @@
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
-    EclModalComponent,
-    EclModalHeaderComponent,
-    EclModalBodyComponent,
-    EclModalBodyFixedContentDirective,
-    EclModalFooterComponent,
-    EclModalCloseDirective,
-    EclModalTriggerDirective,
+    EclMultiselectComponent,
+    EclMultiselectOptionDirective,
+    EclMultiselectOptionComponent,
+    EclMultiselectInputComponent,
+    EclMultiselectDropdownComponent,
+    EclMultiselectOptgroupComponent,
+    BoldTextPipe,
 ]</code>
                     </td>
                 </tr>
@@ -3239,6 +3239,9 @@
     EclSiteFooterPictureDirective,
     EclSiteFooterLogoImageDirective,
     EclSiteFooterRowCommonComponent,
+    EclSiteFooterCoownerComponent,
+    EclSiteFooterCoownerItemDirective,
+    EclSiteFooterCoownerListDirective,
 ] as const</code>
                     </td>
                 </tr>

package/docs/overview.html

@@ -122,7 +122,7 @@
             <div class="card text-center">
                 <div class="card-block">
                     <h4 class="card-title"><span class="icon ion-md-cog"></span></h4>
-                    <p class="card-text">111 Components</p>
+                    <p class="card-text">112 Components</p>
                 </div>
             </div>
         </div>
@@ -130,7 +130,7 @@
             <div class="card text-center">
                 <div class="card-block">
                     <h4 class="card-title"><span class="icon ion-md-code-working"></span></h4>
-                    <p class="card-text">171 Directives</p>
+                    <p class="card-text">173 Directives</p>
                 </div>
             </div>
         </div>

package/docs/properties.html

@@ -121,7 +121,7 @@
     </ol>
     <ul class="properties-list">
         <li>
-            <b>Version</b> : 21.0.0-next.11</li>
+            <b>Version</b> : 21.0.0-next.12</li>
     </ul>
 
 

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

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Directive, booleanAttribute, Input, ViewEncapsulation, Component, inject, NgModule } from '@angular/core';
+import { HostBinding, Directive, booleanAttribute, Input, ViewEncapsulation, Component, input, contentChildren, inject, NgModule } from '@angular/core';
 import * as i1 from '@eui/ecl/components/ecl-link';
-import { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';
+import { EUI_ECL_LINK, EclLinkDirective } from '@eui/ecl/components/ecl-link';
 import * as i2 from '@eui/ecl/components/ecl-social-media-follow';
 import { EUI_ECL_SOCIAL_MEDIA_FOLLOW } from '@eui/ecl/components/ecl-social-media-follow';
 import { ECLBaseDirective, logoLanguageCode, EclThemeService } from '@eui/ecl/core';
@@ -523,6 +523,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
                 args: ['class.ecl-site-footer__description-name']
             }] } });
 
+/**
+ * The content of the site footer core component. The part that is specific for the core variant.
+ */
+class EclSiteFooterCoownerComponent extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.eclTitle = input(null, ...(ngDevMode ? [{ debugName: "eclTitle" }] : []));
+    }
+    get cssClasses() {
+        return [super.getCssClasses('ecl-site-footer__co-owner')].join(' ').trim();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterCoownerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.0", type: EclSiteFooterCoownerComponent, isStandalone: true, selector: "div[eclSiteFooterCoowner]", inputs: { eclTitle: { classPropertyName: "eclTitle", publicName: "eclTitle", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-container ecl-site-footer__co-owner-container\">\n        <div class=\"ecl-site-footer__co-owner-title\">{{ eclTitle() }}</div>\n        <ng-content></ng-content>\n</div>" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterCoownerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'div[eclSiteFooterCoowner]', template: "<div class=\"ecl-container ecl-site-footer__co-owner-container\">\n        <div class=\"ecl-site-footer__co-owner-title\">{{ eclTitle() }}</div>\n        <ng-content></ng-content>\n</div>" }]
+        }], propDecorators: { eclTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "eclTitle", required: false }] }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/**
+ * Directive, that applies a specific class to a list (<ul>) in site footer's co-owner section.
+ */
+class EclSiteFooterCoownerListDirective {
+    constructor() {
+        this.className = true;
+        this.eclFooterCoownerListItems = contentChildren(EclSiteFooterCoownerItemDirective, ...(ngDevMode ? [{ debugName: "eclFooterCoownerListItems" }] : []));
+        this.ITEM_CLASS_FIRST = 'is-first';
+    }
+    ngAfterContentInit() {
+        this.eclFooterCoownerListItems()[0].class = this.ITEM_CLASS_FIRST;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterCoownerListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.0.0", type: EclSiteFooterCoownerListDirective, isStandalone: true, selector: "[eclSiteFooterCoownerList]", host: { properties: { "class.ecl-site-footer__co-owner-list": "this.className" } }, queries: [{ propertyName: "eclFooterCoownerListItems", predicate: EclSiteFooterCoownerItemDirective, isSignal: true }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterCoownerListDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclSiteFooterCoownerList]',
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class.ecl-site-footer__co-owner-list']
+            }], eclFooterCoownerListItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => EclSiteFooterCoownerItemDirective), { isSignal: true }] }] } });
+/**
+ * Directive, that applies a specific class to a list item (<li>) in site footer's co-owner section.
+ *  Also add classes for the eclLinks children of the list item.
+ */
+class EclSiteFooterCoownerItemDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.eclLinks = contentChildren(EclLinkDirective, ...(ngDevMode ? [{ debugName: "eclLinks" }] : []));
+        this.LINK_CLASS = 'ecl-site-footer__co-owner-link';
+    }
+    get cssClasses() {
+        return [super.getCssClasses('ecl-site-footer__co-owner-item'),
+        ].join(' ').trim();
+    }
+    ngAfterContentInit() {
+        this.eclLinks().forEach(link => link.class = this.LINK_CLASS);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterCoownerItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.0.0", type: EclSiteFooterCoownerItemDirective, isStandalone: true, selector: "[eclSiteFooterCoownerItem]", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclLinks", predicate: EclLinkDirective, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterCoownerItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclSiteFooterCoownerItem]',
+                }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], eclLinks: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => EclLinkDirective), { isSignal: true }] }] } });
+
 /**
  * The site footer component content provides supplementary information such as a sitemap, copyright and legal notices,
  *  privacy and accessibility statements, social media and contact information as well as various links to other
@@ -570,13 +646,13 @@ class EclSiteFooterComponent extends ECLBaseDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: EclSiteFooterComponent, isStandalone: true, selector: "footer[eclSiteFooter], ecl-site-footer", inputs: { isCore: ["isCore", "isCore", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-container ecl-site-footer__container\">\n    @if(eclThemeService.isEC$ | async) {\n    @if (isCore) {\n    <div class=\"ecl-site-footer__row ecl-site-footer__row--specific\">\n        <div class=\"ecl-site-footer__section ecl-site-footer__section--site-info\"><a href=\"https://commission.europa.eu/index_{{languageCode}}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLogoLink>\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\"></picture>\n            </a>\n            <div class=\"ecl-site-footer__description\"><ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n        <div eclSiteFooterCore [languageCode]=\"languageCode\"></div>\n    </div>\n    <div eclSiteFooterRowCommon [isCore]=\"isCore\" [languageCode]=\"languageCode\"></div>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    <div eclSiteFooterRowCommon [isCore]=\"isCore\" [languageCode]=\"languageCode\"></div>\n    }\n    }\n    @if(eclThemeService.isEU$ | async) {\n    <ecl-site-footer-fixed-content-eu [isCore]=\"isCore\" [languageCode]=\"languageCode\"\n        [ecLogoLanguageCode]=\"languageCode\" [content]=\"content\">\n    </ecl-site-footer-fixed-content-eu>\n    }\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n</div>", styles: [".ecl-link--inverted svg.ecl-social-media-follow__icon{fill:#000;filter:invert(1)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EclSiteFooterRowCommonComponent, selector: "div[eclSiteFooterRowCommon]", inputs: ["languageCode", "isCore"] }, { kind: "component", type: EclSiteFooterFixedContentEUComponent, selector: "ecl-site-footer-fixed-content-eu", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content"] }, { kind: "component", type: EclSiteFooterCoreComponent, selector: "div[eclSiteFooterCore]", inputs: ["languageCode"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: EclSiteFooterComponent, isStandalone: true, selector: "footer[eclSiteFooter], ecl-site-footer", inputs: { isCore: ["isCore", "isCore", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[eclSiteFooterCoowner]\"></ng-content>\n<div class=\"ecl-site-footer__main\">\n    <div class=\"ecl-container ecl-site-footer__container\">\n        @if(eclThemeService.isEC$ | async) {\n        @if (isCore) {\n        <div class=\"ecl-site-footer__row ecl-site-footer__row--specific\">\n            <div class=\"ecl-site-footer__section ecl-site-footer__section--site-info\"><a\n                    href=\"https://commission.europa.eu/index_{{languageCode}}\" eclLink isInverted variant=\"standalone\"\n                    eclSiteFooterLogoLink>\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\"\n                            alt=\"European Commission\"></picture>\n                </a>\n                <div class=\"ecl-site-footer__description\"><ng-container *ngTemplateOutlet=\"content\"></ng-container>\n                </div>\n            </div>\n            <div eclSiteFooterCore [languageCode]=\"languageCode\"></div>\n        </div>\n        <div eclSiteFooterRowCommon [isCore]=\"isCore\" [languageCode]=\"languageCode\"></div>\n        } @else {\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        <div eclSiteFooterRowCommon [isCore]=\"isCore\" [languageCode]=\"languageCode\"></div>\n        }\n        }\n        @if(eclThemeService.isEU$ | async) {\n        <ecl-site-footer-fixed-content-eu [isCore]=\"isCore\" [languageCode]=\"languageCode\"\n            [ecLogoLanguageCode]=\"languageCode\" [content]=\"content\">\n        </ecl-site-footer-fixed-content-eu>\n        }\n\n        <ng-template #content>\n            <ng-content></ng-content>\n        </ng-template>\n    </div>\n</div>", styles: [".ecl-link--inverted svg.ecl-social-media-follow__icon{fill:#000;filter:invert(1)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EclSiteFooterRowCommonComponent, selector: "div[eclSiteFooterRowCommon]", inputs: ["languageCode", "isCore"] }, { kind: "component", type: EclSiteFooterFixedContentEUComponent, selector: "ecl-site-footer-fixed-content-eu", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content"] }, { kind: "component", type: EclSiteFooterCoreComponent, selector: "div[eclSiteFooterCore]", inputs: ["languageCode"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclSiteFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'footer[eclSiteFooter], ecl-site-footer', encapsulation: ViewEncapsulation.None, imports: [AsyncPipe, NgTemplateOutlet, EclSiteFooterRowCommonComponent, EclSiteFooterFixedContentEUComponent,
                         EclSiteFooterCoreComponent,
-                    ], template: "<div class=\"ecl-container ecl-site-footer__container\">\n    @if(eclThemeService.isEC$ | async) {\n    @if (isCore) {\n    <div class=\"ecl-site-footer__row ecl-site-footer__row--specific\">\n        <div class=\"ecl-site-footer__section ecl-site-footer__section--site-info\"><a href=\"https://commission.europa.eu/index_{{languageCode}}\"\n                eclLink isInverted variant=\"standalone\" eclSiteFooterLogoLink>\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\"></picture>\n            </a>\n            <div class=\"ecl-site-footer__description\"><ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n        <div eclSiteFooterCore [languageCode]=\"languageCode\"></div>\n    </div>\n    <div eclSiteFooterRowCommon [isCore]=\"isCore\" [languageCode]=\"languageCode\"></div>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    <div eclSiteFooterRowCommon [isCore]=\"isCore\" [languageCode]=\"languageCode\"></div>\n    }\n    }\n    @if(eclThemeService.isEU$ | async) {\n    <ecl-site-footer-fixed-content-eu [isCore]=\"isCore\" [languageCode]=\"languageCode\"\n        [ecLogoLanguageCode]=\"languageCode\" [content]=\"content\">\n    </ecl-site-footer-fixed-content-eu>\n    }\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n</div>", styles: [".ecl-link--inverted svg.ecl-social-media-follow__icon{fill:#000;filter:invert(1)}\n"] }]
+                    ], template: "<ng-content select=\"[eclSiteFooterCoowner]\"></ng-content>\n<div class=\"ecl-site-footer__main\">\n    <div class=\"ecl-container ecl-site-footer__container\">\n        @if(eclThemeService.isEC$ | async) {\n        @if (isCore) {\n        <div class=\"ecl-site-footer__row ecl-site-footer__row--specific\">\n            <div class=\"ecl-site-footer__section ecl-site-footer__section--site-info\"><a\n                    href=\"https://commission.europa.eu/index_{{languageCode}}\" eclLink isInverted variant=\"standalone\"\n                    eclSiteFooterLogoLink>\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\"\n                            alt=\"European Commission\"></picture>\n                </a>\n                <div class=\"ecl-site-footer__description\"><ng-container *ngTemplateOutlet=\"content\"></ng-container>\n                </div>\n            </div>\n            <div eclSiteFooterCore [languageCode]=\"languageCode\"></div>\n        </div>\n        <div eclSiteFooterRowCommon [isCore]=\"isCore\" [languageCode]=\"languageCode\"></div>\n        } @else {\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        <div eclSiteFooterRowCommon [isCore]=\"isCore\" [languageCode]=\"languageCode\"></div>\n        }\n        }\n        @if(eclThemeService.isEU$ | async) {\n        <ecl-site-footer-fixed-content-eu [isCore]=\"isCore\" [languageCode]=\"languageCode\"\n            [ecLogoLanguageCode]=\"languageCode\" [content]=\"content\">\n        </ecl-site-footer-fixed-content-eu>\n        }\n\n        <ng-template #content>\n            <ng-content></ng-content>\n        </ng-template>\n    </div>\n</div>", styles: [".ecl-link--inverted svg.ecl-social-media-follow__icon{fill:#000;filter:invert(1)}\n"] }]
         }], propDecorators: { isCore: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -698,11 +774,14 @@ const EUI_ECL_SITE_FOOTER = [
     EclSiteFooterPictureDirective,
     EclSiteFooterLogoImageDirective,
     EclSiteFooterRowCommonComponent,
+    EclSiteFooterCoownerComponent,
+    EclSiteFooterCoownerItemDirective,
+    EclSiteFooterCoownerListDirective,
 ];
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { EUI_ECL_SITE_FOOTER, EclSiteFooterColumnDirective, EclSiteFooterComponent, EclSiteFooterCoreComponent, EclSiteFooterDescriptionDirective, EclSiteFooterDescriptionNameDirective, EclSiteFooterFixedContentEUComponent, EclSiteFooterLinkDirective, EclSiteFooterListDirective, EclSiteFooterListItemDirective, EclSiteFooterLogoDirective, EclSiteFooterLogoImageDirective, EclSiteFooterLogoItemDirective, EclSiteFooterLogoLinkDirective, EclSiteFooterLogoListDirective, EclSiteFooterModule, EclSiteFooterPictureDirective, EclSiteFooterRowCommonComponent, EclSiteFooterRowDirective, EclSiteFooterSectionDirective, EclSiteFooterSocialMediaDirective, EclSiteFooterTitleDirective, EclSiteFooterTitleLinkDirective };
+export { EUI_ECL_SITE_FOOTER, EclSiteFooterColumnDirective, EclSiteFooterComponent, EclSiteFooterCoownerComponent, EclSiteFooterCoownerItemDirective, EclSiteFooterCoownerListDirective, EclSiteFooterCoreComponent, EclSiteFooterDescriptionDirective, EclSiteFooterDescriptionNameDirective, EclSiteFooterFixedContentEUComponent, EclSiteFooterLinkDirective, EclSiteFooterListDirective, EclSiteFooterListItemDirective, EclSiteFooterLogoDirective, EclSiteFooterLogoImageDirective, EclSiteFooterLogoItemDirective, EclSiteFooterLogoLinkDirective, EclSiteFooterLogoListDirective, EclSiteFooterModule, EclSiteFooterPictureDirective, EclSiteFooterRowCommonComponent, EclSiteFooterRowDirective, EclSiteFooterSectionDirective, EclSiteFooterSocialMediaDirective, EclSiteFooterTitleDirective, EclSiteFooterTitleLinkDirective };
 //# sourceMappingURL=eui-ecl-components-ecl-site-footer.mjs.map