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

package/docs/miscellaneous/variables.html

@@ -2496,7 +2496,7 @@
                 <tr>
                     <td class="col-md-4">
                         <i>Default value : </i><code>[
-    EclFormLabelComponent, ECLFormLabelOptionalDirective,
+    EclFormLabelComponent, ECLFormLabelOptionalDirective, EclHelpHiddenDirective, EclFeedbackHiddenDirective,
 ] as const</code>
                     </td>
                 </tr>
@@ -3239,6 +3239,9 @@
     EclSiteFooterPictureDirective,
     EclSiteFooterLogoImageDirective,
     EclSiteFooterRowCommonComponent,
+    EclSiteFooterCoownerComponent,
+    EclSiteFooterCoownerItemDirective,
+    EclSiteFooterCoownerListDirective,
 ] as const</code>
                     </td>
                 </tr>

package/docs/modules/EclFormLabelModule.html

@@ -142,7 +142,7 @@
             <h3>Description</h3>
         </p>
         <p class="comment">
-            <p>Module that provides the EclFormLabel component.</p>
+            <p>Module that provides the EclFormLabel component and helper directives.</p>
 
         </p>
 
@@ -157,9 +157,15 @@
                         <li class="list-group-item">
                             <a href="../modules/ECLFormLabelOptionalDirective.html">ECLFormLabelOptionalDirective</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../modules/EclFeedbackHiddenDirective.html">EclFeedbackHiddenDirective</a>
+                        </li>
                         <li class="list-group-item">
                             <a href="../modules/EclFormLabelComponent.html">EclFormLabelComponent</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../modules/EclHelpHiddenDirective.html">EclHelpHiddenDirective</a>
+                        </li>
                     </ul>
                 </div>
                 <div class="col-sm-3">
@@ -170,9 +176,15 @@
                         <li class="list-group-item">
                             <a href="../directives/ECLFormLabelOptionalDirective.html">ECLFormLabelOptionalDirective</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../directives/EclFeedbackHiddenDirective.html">EclFeedbackHiddenDirective</a>
+                        </li>
                         <li class="list-group-item">
                             <a href="../components/EclFormLabelComponent.html">EclFormLabelComponent</a>
                         </li>
+                        <li class="list-group-item">
+                            <a href="../directives/EclHelpHiddenDirective.html">EclHelpHiddenDirective</a>
+                        </li>
                     </ul>
                 </div>
             </div>

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">169 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.10</li>
+            <b>Version</b> : 21.0.0-next.12</li>
     </ul>
 
 

package/fesm2022/eui-ecl-components-ecl-checkbox.mjs

@@ -67,11 +67,11 @@ class EclCheckboxLabelComponent extends ECLBaseDirective {
         return [super.getCssClasses('ecl-checkbox__label')].join(' ');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclCheckboxLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: EclCheckboxLabelComponent, isStandalone: true, selector: "label[eclCheckboxLabel]", inputs: { isInvalid: ["isInvalid", "isInvalid", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isRequired: ["isRequired", "isRequired", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"ecl-checkbox__box\" [class.ecl-checkbox__box--disabled]=\"isDisabled\" [class.ecl-checkbox__box--invalid]=\"isInvalid\">\n    <ecl-icon size=\"xs\" icon=\"check\" class=\"ecl-checkbox__icon\"></ecl-icon>\n</span>\n\n<span class=\"ecl-checkbox__text\">\n    <ng-content></ng-content>\n</span>\n@if(isRequired) {\n<span class=\"ecl-form-label__required\" role=\"note\">(required)</span>\n}", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: EclCheckboxLabelComponent, isStandalone: true, selector: "label[eclCheckboxLabel]", inputs: { isInvalid: ["isInvalid", "isInvalid", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isRequired: ["isRequired", "isRequired", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"ecl-checkbox__box\" [class.ecl-checkbox__box--disabled]=\"isDisabled\" [class.ecl-checkbox__box--invalid]=\"isInvalid\">\n    <ecl-icon size=\"xs\" icon=\"check\" class=\"ecl-checkbox__icon\"></ecl-icon>\n</span>\n\n<span class=\"ecl-checkbox__text\">\n    <ng-content></ng-content>\n</span>\n@if(isRequired) {\n<span class=\"ecl-form-label__required\" role=\"note\">(required)</span>\n}\n", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclCheckboxLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'label[eclCheckboxLabel]', imports: [...EUI_ECL_ICON], encapsulation: ViewEncapsulation.None, template: "<span class=\"ecl-checkbox__box\" [class.ecl-checkbox__box--disabled]=\"isDisabled\" [class.ecl-checkbox__box--invalid]=\"isInvalid\">\n    <ecl-icon size=\"xs\" icon=\"check\" class=\"ecl-checkbox__icon\"></ecl-icon>\n</span>\n\n<span class=\"ecl-checkbox__text\">\n    <ng-content></ng-content>\n</span>\n@if(isRequired) {\n<span class=\"ecl-form-label__required\" role=\"note\">(required)</span>\n}" }]
+            args: [{ selector: 'label[eclCheckboxLabel]', imports: [...EUI_ECL_ICON], encapsulation: ViewEncapsulation.None, template: "<span class=\"ecl-checkbox__box\" [class.ecl-checkbox__box--disabled]=\"isDisabled\" [class.ecl-checkbox__box--invalid]=\"isInvalid\">\n    <ecl-icon size=\"xs\" icon=\"check\" class=\"ecl-checkbox__icon\"></ecl-icon>\n</span>\n\n<span class=\"ecl-checkbox__text\">\n    <ng-content></ng-content>\n</span>\n@if(isRequired) {\n<span class=\"ecl-form-label__required\" role=\"note\">(required)</span>\n}\n" }]
         }], propDecorators: { isInvalid: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]

package/fesm2022/eui-ecl-components-ecl-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-checkbox.mjs","sources":["../../components/ecl-checkbox/ecl-checkbox-help.component.ts","../../components/ecl-checkbox/ecl-checkbox-help.component.html","../../components/ecl-checkbox/ecl-checkbox-label.component.ts","../../components/ecl-checkbox/ecl-checkbox-label.component.html","../../components/ecl-checkbox/ecl-checkbox.directive.ts","../../components/ecl-checkbox/ecl-checkbox-input.directive.ts","../../components/ecl-checkbox/ecl-checkbox.module.ts","../../components/ecl-checkbox/index.ts","../../components/ecl-checkbox/eui-ecl-components-ecl-checkbox.ts"],"sourcesContent":["import { Component, HostBinding, Input, booleanAttribute } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Displays help text associated with a checkbox.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[eclCheckboxHelp]',\n    templateUrl: './ecl-checkbox-help.component.html',\n})\nexport class EclCheckboxHelpComponent extends ECLBaseDirective {\n    /**\n     * Indicates whether the help text is disabled (e.g. visually muted).\n     */\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-checkbox__help--disabled') isDisabled = false;\n\n    /**\n     * Applies base CSS classes for checkbox help.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-checkbox__help')].join(' ');\n    }\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding, Input, ViewEncapsulation, booleanAttribute } from '@angular/core';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Label component for a checkbox, supporting state styles.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'label[eclCheckboxLabel]',\n    templateUrl: './ecl-checkbox-label.component.html',\n    imports: [...EUI_ECL_ICON],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EclCheckboxLabelComponent extends ECLBaseDirective {\n    /**\n     * Indicates whether the checkbox is in an invalid state.\n     */\n    @Input({ transform: booleanAttribute }) isInvalid = false;\n\n    /**\n     * Indicates whether the checkbox is disabled.\n     */\n    @Input({ transform: booleanAttribute }) isDisabled = false;\n\n    /**\n     * Indicates whether the checkbox is required.\n     */\n    @Input({ transform: booleanAttribute }) isRequired = false;\n\n    /**\n     * Applies base CSS classes for checkbox label.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-checkbox__label')].join(' ');\n    }\n}\n","<span class=\"ecl-checkbox__box\" [class.ecl-checkbox__box--disabled]=\"isDisabled\" [class.ecl-checkbox__box--invalid]=\"isInvalid\">\n    <ecl-icon size=\"xs\" icon=\"check\" class=\"ecl-checkbox__icon\"></ecl-icon>\n</span>\n\n<span class=\"ecl-checkbox__text\">\n    <ng-content></ng-content>\n</span>\n@if(isRequired) {\n<span class=\"ecl-form-label__required\" role=\"note\">(required)</span>\n}","import {\n    AfterContentInit,\n    ContentChild,\n    Directive,\n    HostBinding,\n    Input,\n    OnChanges,\n    booleanAttribute,\n    forwardRef,\n} from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclFormLabelComponent } from '@eui/ecl/components/ecl-form-label';\nimport { EclHelpBlockDirective } from '@eui/ecl/components/ecl-help-block';\nimport { EclCheckboxHelpComponent } from './ecl-checkbox-help.component';\nimport { EclCheckboxLabelComponent } from './ecl-checkbox-label.component';\n\n/**\n * Directive that applies ECL styles and manages state for checkbox groups or standalone checkboxes.\n */\n@Directive({\n    selector: '[eclCheckbox]',\n})\nexport class EclCheckboxDirective extends ECLBaseDirective implements AfterContentInit, OnChanges {\n    /**\n     * Indicates whether the checkbox is disabled.\n     */\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-checkbox--disabled') isDisabled = false;\n\n    /**\n     * Indicates whether the checkbox is in an invalid state.\n     */\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-checkbox--invalid') isInvalid = false;\n\n    /**\n     * Indicates whether the checkbox is rendered as a single (standalone) item.\n     */\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-checkbox--single') isSingle = false;\n\n    /**\n     * Child label component projected into the checkbox.\n     */\n    @ContentChild(forwardRef(() => EclCheckboxLabelComponent)) eclCheckboxLabelComponent: EclCheckboxLabelComponent;\n\n    /**\n     * Child help component projected into the checkbox.\n     */\n    @ContentChild(forwardRef(() => EclCheckboxHelpComponent)) eclCheckboxHelpComponent: EclCheckboxHelpComponent;\n\n    /**\n     * Optional form label component projected into the checkbox.\n     */\n    @ContentChild(forwardRef(() => EclFormLabelComponent)) eclFormLabelDirective: EclFormLabelComponent;\n\n    /**\n     * Optional help block directive projected into the checkbox.\n     */\n    @ContentChild(forwardRef(() => EclHelpBlockDirective)) eclHelpBlockDirective: EclHelpBlockDirective;\n\n    /**\n     * Applies base CSS classes for the checkbox container.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-checkbox')].join(' ');\n    }\n\n    ngAfterContentInit(): void {\n        this.updateChildElements();\n    }\n\n    ngOnChanges(): void {\n        this.updateChildElements();\n    }\n\n    private updateChildElements(): void {\n        if (this.eclCheckboxLabelComponent) {\n            this.eclCheckboxLabelComponent.isInvalid = this.isInvalid;\n            this.eclCheckboxLabelComponent.isDisabled = this.isDisabled;\n        }\n\n        if (this.eclCheckboxHelpComponent) {\n            this.eclCheckboxHelpComponent.isDisabled = this.isDisabled;\n        }\n    }\n}\n","import { Directive, DoCheck, HostBinding, inject } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclCheckboxDirective } from './ecl-checkbox.directive';\n\n/**\n * Directive that decorates the native checkbox input with ECL styles and syncs validation state.\n */\n@Directive({\n    selector: 'input[eclCheckboxInput]',\n})\nexport class EclCheckboxInputDirective extends ECLBaseDirective implements DoCheck {\n    eclCheckbox = inject(EclCheckboxDirective);\n    protected ngControl = inject(NgControl, { optional: true, self: true });\n\n    /**\n     * Applies base CSS classes for checkbox input.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-checkbox__input')].join(' ');\n    }\n\n    ngDoCheck(): void {\n        if (this.ngControl) {\n            if (this.eclCheckbox) {\n                this.eclCheckbox.isInvalid = this.ngControl.invalid && this.ngControl.touched;\n                this.eclCheckbox.isDisabled = this.ngControl.disabled;\n            }\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { EclCheckboxHelpComponent } from './ecl-checkbox-help.component';\nimport { EclCheckboxInputDirective } from './ecl-checkbox-input.directive';\nimport { EclCheckboxLabelComponent } from './ecl-checkbox-label.component';\nimport { EclCheckboxDirective } from './ecl-checkbox.directive';\n\nconst COMPONENTS = [EclCheckboxLabelComponent, EclCheckboxHelpComponent, EclCheckboxInputDirective, EclCheckboxDirective];\n\n/**\n * Module that provides the EclCheckbox directive.\n *\n * @deprecated Use {@link EUI_ECL_CHECKBOX} instead.\n */\n@NgModule({\n    imports: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EclCheckboxModule {}\n","import { EclCheckboxDirective } from './ecl-checkbox.directive';\nimport { EclCheckboxLabelComponent } from './ecl-checkbox-label.component';\nimport { EclCheckboxInputDirective } from './ecl-checkbox-input.directive';\nimport { EclCheckboxHelpComponent } from './ecl-checkbox-help.component';\n\nexport * from './ecl-checkbox.module';\nexport * from './ecl-checkbox-input.directive';\nexport * from './ecl-checkbox.directive';\nexport * from './ecl-checkbox-label.component';\nexport * from './ecl-checkbox-help.component';\n\nexport const EUI_ECL_CHECKBOX = [\n    EclCheckboxLabelComponent, EclCheckboxHelpComponent, EclCheckboxInputDirective,\n    EclCheckboxDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-checkbox.mjs","sources":["../../components/ecl-checkbox/ecl-checkbox-help.component.ts","../../components/ecl-checkbox/ecl-checkbox-help.component.html","../../components/ecl-checkbox/ecl-checkbox-label.component.ts","../../components/ecl-checkbox/ecl-checkbox-label.component.html","../../components/ecl-checkbox/ecl-checkbox.directive.ts","../../components/ecl-checkbox/ecl-checkbox-input.directive.ts","../../components/ecl-checkbox/ecl-checkbox.module.ts","../../components/ecl-checkbox/index.ts","../../components/ecl-checkbox/eui-ecl-components-ecl-checkbox.ts"],"sourcesContent":["import { Component, HostBinding, Input, booleanAttribute } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Displays help text associated with a checkbox.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[eclCheckboxHelp]',\n    templateUrl: './ecl-checkbox-help.component.html',\n})\nexport class EclCheckboxHelpComponent extends ECLBaseDirective {\n    /**\n     * Indicates whether the help text is disabled (e.g. visually muted).\n     */\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-checkbox__help--disabled') isDisabled = false;\n\n    /**\n     * Applies base CSS classes for checkbox help.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-checkbox__help')].join(' ');\n    }\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding, Input, ViewEncapsulation, booleanAttribute } from '@angular/core';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Label component for a checkbox, supporting state styles.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'label[eclCheckboxLabel]',\n    templateUrl: './ecl-checkbox-label.component.html',\n    imports: [...EUI_ECL_ICON],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EclCheckboxLabelComponent extends ECLBaseDirective {\n    /**\n     * Indicates whether the checkbox is in an invalid state.\n     */\n    @Input({ transform: booleanAttribute }) isInvalid = false;\n\n    /**\n     * Indicates whether the checkbox is disabled.\n     */\n    @Input({ transform: booleanAttribute }) isDisabled = false;\n\n    /**\n     * Indicates whether the checkbox is required.\n     */\n    @Input({ transform: booleanAttribute }) isRequired = false;\n\n    /**\n     * Applies base CSS classes for checkbox label.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-checkbox__label')].join(' ');\n    }\n}\n","<span class=\"ecl-checkbox__box\" [class.ecl-checkbox__box--disabled]=\"isDisabled\" [class.ecl-checkbox__box--invalid]=\"isInvalid\">\n    <ecl-icon size=\"xs\" icon=\"check\" class=\"ecl-checkbox__icon\"></ecl-icon>\n</span>\n\n<span class=\"ecl-checkbox__text\">\n    <ng-content></ng-content>\n</span>\n@if(isRequired) {\n<span class=\"ecl-form-label__required\" role=\"note\">(required)</span>\n}\n","import {\n    AfterContentInit,\n    ContentChild,\n    Directive,\n    HostBinding,\n    Input,\n    OnChanges,\n    booleanAttribute,\n    forwardRef,\n} from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclFormLabelComponent } from '@eui/ecl/components/ecl-form-label';\nimport { EclHelpBlockDirective } from '@eui/ecl/components/ecl-help-block';\nimport { EclCheckboxHelpComponent } from './ecl-checkbox-help.component';\nimport { EclCheckboxLabelComponent } from './ecl-checkbox-label.component';\n\n/**\n * Directive that applies ECL styles and manages state for checkbox groups or standalone checkboxes.\n */\n@Directive({\n    selector: '[eclCheckbox]',\n})\nexport class EclCheckboxDirective extends ECLBaseDirective implements AfterContentInit, OnChanges {\n    /**\n     * Indicates whether the checkbox is disabled.\n     */\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-checkbox--disabled') isDisabled = false;\n\n    /**\n     * Indicates whether the checkbox is in an invalid state.\n     */\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-checkbox--invalid') isInvalid = false;\n\n    /**\n     * Indicates whether the checkbox is rendered as a single (standalone) item.\n     */\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-checkbox--single') isSingle = false;\n\n    /**\n     * Child label component projected into the checkbox.\n     */\n    @ContentChild(forwardRef(() => EclCheckboxLabelComponent)) eclCheckboxLabelComponent: EclCheckboxLabelComponent;\n\n    /**\n     * Child help component projected into the checkbox.\n     */\n    @ContentChild(forwardRef(() => EclCheckboxHelpComponent)) eclCheckboxHelpComponent: EclCheckboxHelpComponent;\n\n    /**\n     * Optional form label component projected into the checkbox.\n     */\n    @ContentChild(forwardRef(() => EclFormLabelComponent)) eclFormLabelDirective: EclFormLabelComponent;\n\n    /**\n     * Optional help block directive projected into the checkbox.\n     */\n    @ContentChild(forwardRef(() => EclHelpBlockDirective)) eclHelpBlockDirective: EclHelpBlockDirective;\n\n    /**\n     * Applies base CSS classes for the checkbox container.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-checkbox')].join(' ');\n    }\n\n    ngAfterContentInit(): void {\n        this.updateChildElements();\n    }\n\n    ngOnChanges(): void {\n        this.updateChildElements();\n    }\n\n    private updateChildElements(): void {\n        if (this.eclCheckboxLabelComponent) {\n            this.eclCheckboxLabelComponent.isInvalid = this.isInvalid;\n            this.eclCheckboxLabelComponent.isDisabled = this.isDisabled;\n        }\n\n        if (this.eclCheckboxHelpComponent) {\n            this.eclCheckboxHelpComponent.isDisabled = this.isDisabled;\n        }\n    }\n}\n","import { Directive, DoCheck, HostBinding, inject } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclCheckboxDirective } from './ecl-checkbox.directive';\n\n/**\n * Directive that decorates the native checkbox input with ECL styles and syncs validation state.\n */\n@Directive({\n    selector: 'input[eclCheckboxInput]',\n})\nexport class EclCheckboxInputDirective extends ECLBaseDirective implements DoCheck {\n    eclCheckbox = inject(EclCheckboxDirective);\n    protected ngControl = inject(NgControl, { optional: true, self: true });\n\n    /**\n     * Applies base CSS classes for checkbox input.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-checkbox__input')].join(' ');\n    }\n\n    ngDoCheck(): void {\n        if (this.ngControl) {\n            if (this.eclCheckbox) {\n                this.eclCheckbox.isInvalid = this.ngControl.invalid && this.ngControl.touched;\n                this.eclCheckbox.isDisabled = this.ngControl.disabled;\n            }\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { EclCheckboxHelpComponent } from './ecl-checkbox-help.component';\nimport { EclCheckboxInputDirective } from './ecl-checkbox-input.directive';\nimport { EclCheckboxLabelComponent } from './ecl-checkbox-label.component';\nimport { EclCheckboxDirective } from './ecl-checkbox.directive';\n\nconst COMPONENTS = [EclCheckboxLabelComponent, EclCheckboxHelpComponent, EclCheckboxInputDirective, EclCheckboxDirective];\n\n/**\n * Module that provides the EclCheckbox directive.\n *\n * @deprecated Use {@link EUI_ECL_CHECKBOX} instead.\n */\n@NgModule({\n    imports: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EclCheckboxModule {}\n","import { EclCheckboxDirective } from './ecl-checkbox.directive';\nimport { EclCheckboxLabelComponent } from './ecl-checkbox-label.component';\nimport { EclCheckboxInputDirective } from './ecl-checkbox-input.directive';\nimport { EclCheckboxHelpComponent } from './ecl-checkbox-help.component';\n\nexport * from './ecl-checkbox.module';\nexport * from './ecl-checkbox-input.directive';\nexport * from './ecl-checkbox.directive';\nexport * from './ecl-checkbox-label.component';\nexport * from './ecl-checkbox-help.component';\n\nexport const EUI_ECL_CHECKBOX = [\n    EclCheckboxLabelComponent, EclCheckboxHelpComponent, EclCheckboxInputDirective,\n    EclCheckboxDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-ecl-components-ecl-form-label.mjs

@@ -57,11 +57,11 @@ class EclFormLabelComponent extends ECLBaseDirective {
         this.hasClass = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFormLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: EclFormLabelComponent, isStandalone: true, selector: "[eclFormLabel]", inputs: { isOptional: ["isOptional", "isOptional", booleanAttribute], isRequired: ["isRequired", "isRequired", booleanAttribute] }, host: { properties: { "class.ecl-form-label": "this.hasClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n@if(isOptional) {\n<span class=\"ecl-form-label__optional\"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>\n}\n@if(isRequired) {\n<span class=\"ecl-form-label__required\" role=\"note\">(required)</span>\n}\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: EclFormLabelComponent, isStandalone: true, selector: "[eclFormLabel]", inputs: { isOptional: ["isOptional", "isOptional", booleanAttribute], isRequired: ["isRequired", "isRequired", booleanAttribute] }, host: { properties: { "class.ecl-form-label": "this.hasClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n@if(isOptional) {\n<span class=\"ecl-form-label__optional\"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>\n}\n@if(isRequired) {\n<span class=\"ecl-form-label__required\" role=\"note\">(required)</span>\n}\n\n<ng-content select=\"[eclHelpHidden]\"></ng-content>\n<ng-content select=\"[eclFeedbackHidden]\"></ng-content>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFormLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[eclFormLabel]', imports: [TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n@if(isOptional) {\n<span class=\"ecl-form-label__optional\"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>\n}\n@if(isRequired) {\n<span class=\"ecl-form-label__required\" role=\"note\">(required)</span>\n}\n" }]
+            args: [{ selector: '[eclFormLabel]', imports: [TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n@if(isOptional) {\n<span class=\"ecl-form-label__optional\"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>\n}\n@if(isRequired) {\n<span class=\"ecl-form-label__required\" role=\"note\">(required)</span>\n}\n\n<ng-content select=\"[eclHelpHidden]\"></ng-content>\n<ng-content select=\"[eclFeedbackHidden]\"></ng-content>\n" }]
         }], propDecorators: { isOptional: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -74,30 +74,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
             }] } });
 
 /**
- * Module that provides the EclFormLabel component.
+ * The `EclFormLabelHelpHiddenDirective` adds the `ecl-help-block--hidden` CSS class
+ * to an element to hide the help block content by default.
+ */
+class EclHelpHiddenDirective {
+    constructor() {
+        /**
+         * Adds the ECL help block hidden class to the host element.
+         */
+        this.hasClass = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclHelpHiddenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclHelpHiddenDirective, isStandalone: true, selector: "[eclHelpHidden]", host: { properties: { "class.ecl-help-block--hidden": "this.hasClass" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclHelpHiddenDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclHelpHidden]',
+                }]
+        }], propDecorators: { hasClass: [{
+                type: HostBinding,
+                args: ['class.ecl-help-block--hidden']
+            }] } });
+/**
+ * The `EclFormLabelFeedbackHiddenDirective` adds the `ecl-feedback-message--hidden` CSS class
+ * to an element to hide the feedback message content by default.
+ */
+class EclFeedbackHiddenDirective {
+    constructor() {
+        /**
+         * Adds the ECL feedback message hidden class to the host element.
+         */
+        this.hasClass = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFeedbackHiddenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0", type: EclFeedbackHiddenDirective, isStandalone: true, selector: "[eclFeedbackHidden]", host: { properties: { "class.ecl-feedback-message--hidden": "this.hasClass" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFeedbackHiddenDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclFeedbackHidden]',
+                }]
+        }], propDecorators: { hasClass: [{
+                type: HostBinding,
+                args: ['class.ecl-feedback-message--hidden']
+            }] } });
+
+/**
+ * Module that provides the EclFormLabel component and helper directives.
  *
  * @deprecated Use {@link EUI_ECL_FORM_LABEL} instead.
  */
 class EclFormLabelModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFormLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: EclFormLabelModule, imports: [EclFormLabelComponent, ECLFormLabelOptionalDirective], exports: [EclFormLabelComponent, ECLFormLabelOptionalDirective] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0", ngImport: i0, type: EclFormLabelModule, imports: [EclFormLabelComponent,
+            ECLFormLabelOptionalDirective,
+            EclHelpHiddenDirective,
+            EclFeedbackHiddenDirective], exports: [EclFormLabelComponent,
+            ECLFormLabelOptionalDirective,
+            EclHelpHiddenDirective,
+            EclFeedbackHiddenDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFormLabelModule, imports: [EclFormLabelComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: EclFormLabelModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [EclFormLabelComponent, ECLFormLabelOptionalDirective],
-                    exports: [EclFormLabelComponent, ECLFormLabelOptionalDirective],
+                    imports: [
+                        EclFormLabelComponent,
+                        ECLFormLabelOptionalDirective,
+                        EclHelpHiddenDirective,
+                        EclFeedbackHiddenDirective,
+                    ],
+                    exports: [
+                        EclFormLabelComponent,
+                        ECLFormLabelOptionalDirective,
+                        EclHelpHiddenDirective,
+                        EclFeedbackHiddenDirective,
+                    ],
                 }]
         }] });
 
 const EUI_ECL_FORM_LABEL = [
-    EclFormLabelComponent, ECLFormLabelOptionalDirective,
+    EclFormLabelComponent, ECLFormLabelOptionalDirective, EclHelpHiddenDirective, EclFeedbackHiddenDirective,
 ];
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ECLFormLabelOptionalDirective, EUI_ECL_FORM_LABEL, EclFormLabelComponent, EclFormLabelModule };
+export { ECLFormLabelOptionalDirective, EUI_ECL_FORM_LABEL, EclFeedbackHiddenDirective, EclFormLabelComponent, EclFormLabelModule, EclHelpHiddenDirective };
 //# sourceMappingURL=eui-ecl-components-ecl-form-label.mjs.map

package/fesm2022/eui-ecl-components-ecl-form-label.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-form-label.mjs","sources":["../../components/ecl-form-label/ecl-form-label-optional.directive.ts","../../components/ecl-form-label/ecl-form-label.component.ts","../../components/ecl-form-label/ecl-form-label.component.html","../../components/ecl-form-label/ecl-form-label.module.ts","../../components/ecl-form-label/index.ts","../../components/ecl-form-label/eui-ecl-components-ecl-form-label.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n/**\n * The `ECLFormLabelOptionalDirective` adds the `ecl-form-label__optional` CSS class\n * to an element to indicate that a form field is optional.\n */\n@Directive({\n    selector: '[eclFormLabelOptional]',\n})\nexport class ECLFormLabelOptionalDirective {\n\n    /**\n     * Adds the ECL optional label class to the host element.\n     */\n    @HostBinding('class.ecl-form-label__optional') hasClass = true;\n}\n","import { ChangeDetectionStrategy, Component, HostBinding, Input, booleanAttribute } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { TranslateModule } from '@ngx-translate/core';\n\n/**\n * The `EclFormLabelComponent` is used to render a form label with optional or required state.\n * \n * It supports ECL design system styling and applies relevant classes or attributes\n * based on the input flags.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[eclFormLabel]',\n    templateUrl: './ecl-form-label.component.html',\n    imports: [TranslateModule],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EclFormLabelComponent extends ECLBaseDirective {\n\n    /**\n     * Marks the form label as optional.\n     * When `true`, the label can display additional styling or indicators for optional fields.\n     * \n     * Defaults to `false`.\n     */\n    @Input({ transform: booleanAttribute }) isOptional = false;\n\n    /**\n     * Marks the form label as required.\n     * When `true`, the label can display styling or indicators for required fields.\n     * \n     * Defaults to `false`.\n     */\n    @Input({ transform: booleanAttribute }) isRequired = false;\n\n    /**\n     * Applies the base ECL class for form labels to the host element.\n     */\n    @HostBinding('class.ecl-form-label') hasClass = true;\n}\n","<ng-content></ng-content>\n@if(isOptional) {\n<span class=\"ecl-form-label__optional\"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>\n}\n@if(isRequired) {\n<span class=\"ecl-form-label__required\" role=\"note\">(required)</span>\n}\n","import { NgModule } from '@angular/core';\nimport { ECLFormLabelOptionalDirective } from './ecl-form-label-optional.directive';\nimport { EclFormLabelComponent } from './ecl-form-label.component';\n\n/**\n * Module that provides the EclFormLabel component.\n *\n * @deprecated Use {@link EUI_ECL_FORM_LABEL} instead.\n */\n@NgModule({\n    imports: [EclFormLabelComponent, ECLFormLabelOptionalDirective],\n    exports: [EclFormLabelComponent, ECLFormLabelOptionalDirective],\n})\nexport class EclFormLabelModule {}\n","import { ECLFormLabelOptionalDirective } from './ecl-form-label-optional.directive';\nimport { EclFormLabelComponent } from './ecl-form-label.component';\n\nexport * from './ecl-form-label.module';\nexport * from './ecl-form-label.component';\nexport * from './ecl-form-label-optional.directive';\n\nexport const EUI_ECL_FORM_LABEL = [\n    EclFormLabelComponent, ECLFormLabelOptionalDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-form-label.mjs","sources":["../../components/ecl-form-label/ecl-form-label-optional.directive.ts","../../components/ecl-form-label/ecl-form-label.component.ts","../../components/ecl-form-label/ecl-form-label.component.html","../../components/ecl-form-label/ecl-form-label-hidden.directive.ts","../../components/ecl-form-label/ecl-form-label.module.ts","../../components/ecl-form-label/index.ts","../../components/ecl-form-label/eui-ecl-components-ecl-form-label.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n/**\n * The `ECLFormLabelOptionalDirective` adds the `ecl-form-label__optional` CSS class\n * to an element to indicate that a form field is optional.\n */\n@Directive({\n    selector: '[eclFormLabelOptional]',\n})\nexport class ECLFormLabelOptionalDirective {\n\n    /**\n     * Adds the ECL optional label class to the host element.\n     */\n    @HostBinding('class.ecl-form-label__optional') hasClass = true;\n}\n","import { ChangeDetectionStrategy, Component, HostBinding, Input, booleanAttribute } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { TranslateModule } from '@ngx-translate/core';\n\n/**\n * The `EclFormLabelComponent` is used to render a form label with optional or required state.\n * \n * It supports ECL design system styling and applies relevant classes or attributes\n * based on the input flags.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[eclFormLabel]',\n    templateUrl: './ecl-form-label.component.html',\n    imports: [TranslateModule],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EclFormLabelComponent extends ECLBaseDirective {\n\n    /**\n     * Marks the form label as optional.\n     * When `true`, the label can display additional styling or indicators for optional fields.\n     * \n     * Defaults to `false`.\n     */\n    @Input({ transform: booleanAttribute }) isOptional = false;\n\n    /**\n     * Marks the form label as required.\n     * When `true`, the label can display styling or indicators for required fields.\n     * \n     * Defaults to `false`.\n     */\n    @Input({ transform: booleanAttribute }) isRequired = false;\n\n    /**\n     * Applies the base ECL class for form labels to the host element.\n     */\n    @HostBinding('class.ecl-form-label') hasClass = true;\n}\n","<ng-content></ng-content>\n@if(isOptional) {\n<span class=\"ecl-form-label__optional\"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>\n}\n@if(isRequired) {\n<span class=\"ecl-form-label__required\" role=\"note\">(required)</span>\n}\n\n<ng-content select=\"[eclHelpHidden]\"></ng-content>\n<ng-content select=\"[eclFeedbackHidden]\"></ng-content>\n","import { Directive, HostBinding } from '@angular/core';\n\n/**\n * The `EclFormLabelHelpHiddenDirective` adds the `ecl-help-block--hidden` CSS class\n * to an element to hide the help block content by default.\n */\n@Directive({\n    selector: '[eclHelpHidden]',\n})\nexport class EclHelpHiddenDirective {\n\n    /**\n     * Adds the ECL help block hidden class to the host element.\n     */\n    @HostBinding('class.ecl-help-block--hidden') hasClass = true;\n}\n\n/**\n * The `EclFormLabelFeedbackHiddenDirective` adds the `ecl-feedback-message--hidden` CSS class\n * to an element to hide the feedback message content by default.\n */\n@Directive({\n    selector: '[eclFeedbackHidden]',\n})\nexport class EclFeedbackHiddenDirective {\n\n    /**\n     * Adds the ECL feedback message hidden class to the host element.\n     */\n    @HostBinding('class.ecl-feedback-message--hidden') hasClass = true;\n}\n","import { NgModule } from '@angular/core';\nimport { ECLFormLabelOptionalDirective } from './ecl-form-label-optional.directive';\nimport { EclFormLabelComponent } from './ecl-form-label.component';\nimport { EclHelpHiddenDirective, EclFeedbackHiddenDirective } from './ecl-form-label-hidden.directive';\n\n/**\n * Module that provides the EclFormLabel component and helper directives.\n *\n * @deprecated Use {@link EUI_ECL_FORM_LABEL} instead.\n */\n@NgModule({\n  imports: [\n    EclFormLabelComponent,\n    ECLFormLabelOptionalDirective,\n    EclHelpHiddenDirective,\n    EclFeedbackHiddenDirective,\n  ],\n  exports: [\n    EclFormLabelComponent,\n    ECLFormLabelOptionalDirective,\n    EclHelpHiddenDirective,\n    EclFeedbackHiddenDirective,\n  ],\n})\nexport class EclFormLabelModule {}\n","import { ECLFormLabelOptionalDirective } from './ecl-form-label-optional.directive';\nimport { EclFormLabelComponent } from './ecl-form-label.component';\nimport { EclHelpHiddenDirective, EclFeedbackHiddenDirective } from './ecl-form-label-hidden.directive';\n\nexport * from './ecl-form-label.module';\nexport * from './ecl-form-label.component';\nexport * from './ecl-form-label-optional.directive';\nexport * from './ecl-form-label-hidden.directive';\n\nexport const EUI_ECL_FORM_LABEL = [\n    EclFormLabelComponent, ECLFormLabelOptionalDirective, EclHelpHiddenDirective, EclFeedbackHiddenDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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