import { Component, HostBinding } from '@angular/core';
import { EclFooterComponent } from '../common/ecl-footer.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "./ecl-footer-elements/ecl-footer-harmonised-column.directive";
import * as i3 from "./ecl-footer-elements/ecl-footer-harmonised-section.directive";
import * as i4 from "../../ecl-link/ecl-link.directive";
import * as i5 from "./ecl-footer-elements/ecl-footer-harmonised-link.directive";
import * as i6 from "./ecl-footer-elements/ecl-footer-harmonised-title.directive";
import * as i7 from "./ecl-footer-elements/ecl-footer-harmonised-list.directive";
import * as i8 from "@ngx-translate/core";
export class EclFooterHarmonisedComponent extends EclFooterComponent {
    constructor() {
        super(...arguments);
        this.role = 'contentinfo';
    }
    get cssClasses() {
        return [
            super.getCssClasses('ecl-footer-harmonised'),
            `ecl-footer-harmonised--group${this.group}`,
        ].join(' ').trim();
    }
}
/** @nocollapse */ /** @nocollapse */ EclFooterHarmonisedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: EclFooterHarmonisedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ /** @nocollapse */ EclFooterHarmonisedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: EclFooterHarmonisedComponent, selector: "ecl-footer-harmonised", host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-container ecl-footer-harmonised__container\">\n    <ng-container *ngIf=\"isGroup('1')\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n        <div eclFooterHarmonisedRow>\n            <div eclFooterHarmonisedColumn>\n                <div eclFooterHarmonisedSection>\n                    <a eclLink\n                        href=\"https://ec.europa.eu/info/index_{{ languageCode }}\"\n                        eclFooterHarmonisedLogoLink\n                        variant=\"standalone\"\n                        [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n                        <img alt=\"European Commission logo\"\n                            [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\"\n                            eclFooterHarmonisedLogoImageDesktop\n                            src=\"assets/images/ecl/ec/logo/negative/logo-ec--{{ecLogoLanguageCode}}.svg\" />\n                    </a>\n                    <h2 eclFooterHarmonisedTitle>\n                        <a eclLink\n                            variant=\"standalone\"\n                            href=\"https://ec.europa.eu/info/index_{{ languageCode }}\"\n                            eclFooterHarmonisedTitleLink>\n                            {{ 'ecl.footer.EUROPEAN-COMMISSION' | translate }}\n                        </a>\n                    </h2>\n                </div>\n            </div>\n            <div eclFooterHarmonisedColumn>\n                <div eclFooterHarmonisedSection\n                    [isSplitList]=\"true\">\n                    <ul eclFooterHarmonisedList>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.CONTACT-EC' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/about-european-commission/contact_{{ languageCode }}\">\n                                {{ 'ecl.footer.CONTACT-EC' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://europa.eu/european-union/contact/social-networks_{{ languageCode }}\">\n                                {{ 'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.RESOURCES-FOR-PARTNERS' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/resources-partners_{{ languageCode }}\">\n                                {{ 'ecl.footer.RESOURCES-FOR-PARTNERS' | translate }}\n                            </a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n            <div eclFooterHarmonisedColumn>\n                <div eclFooterHarmonisedSection\n                    [isSplitList]=\"true\">\n                    <ul eclFooterHarmonisedList>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.LANGUAGE-POLICY' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/language-policy_{{ languageCode }}\">\n                                {{ 'ecl.footer.LANGUAGE-POLICY' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/cookies_{{ languageCode }}\">\n                                {{ 'ecl.footer.COOKIES' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/privacy-policy_{{ languageCode }}\">\n                                {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/legal-notice_{{ languageCode }}\">\n                                {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                            </a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"isGroup('2')\">\n        <div eclFooterHarmonisedRow>\n            <div eclFooterHarmonisedColumn>\n                <div eclFooterHarmonisedSection>\n                    <a eclLink\n                        eclFooterHarmonisedLink\n                        href=\"https://ec.europa.eu/info/index_{{ languageCode }}\"\n                        eclFooterHarmonisedLogoLink\n                        [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n                        <img alt=\"European Commission logo\"\n                            [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\"\n                            eclFooterHarmonisedLogoImageDesktop\n                            src=\"assets/images/ecl/ec/logo/logo-ec--{{languageCode}}.svg\" />\n                    </a>\n                    <h2 eclFooterHarmonisedTitle>\n                        <a eclLink\n                            eclFooterHarmonisedLink\n                            variant=\"standalone\"\n                            href=\"https://ec.europa.eu/info/index_{{ languageCode }}\"\n                            eclFooterHarmonisedTitleLink>\n                            {{ 'ecl.footer.EUROPEAN-COMMISSION' | translate }}\n                        </a>\n                    </h2>\n                </div>\n            </div>\n            <div eclFooterHarmonisedColumn>\n                <div eclFooterHarmonisedSection>\n                    <ul eclFooterHarmonisedList>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.CONTACT-EC' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/about-european-commission/contact_{{ languageCode }}\">\n                                {{ 'ecl.footer.CONTACT-EC' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://europa.eu/european-union/contact/social-networks_{{ languageCode }}\">\n                                {{ 'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.RESOURCES-FOR-PARTNERS' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/resources-partners_{{ languageCode }}\">\n                                {{ 'ecl.footer.RESOURCES-FOR-PARTNERS' | translate }}\n                            </a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n            <div eclFooterHarmonisedColumn>\n                <div eclFooterHarmonisedSection>\n                    <ul eclFooterHarmonisedList>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.LANGUAGE-POLICY' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/language-policy_{{ languageCode }}\">\n                                {{ 'ecl.footer.LANGUAGE-POLICY' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/cookies_{{ languageCode }}\">\n                                {{ 'ecl.footer.COOKIES' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/privacy-policy_{{ languageCode }}\">\n                                {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/legal-notice_{{ languageCode }}\">\n                                {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                            </a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"isGroup('3')\">\n        <div eclFooterHarmonisedRow>\n            <div eclFooterHarmonisedColumn>\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n</div>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.EclFooterHarmonisedRowDirective, selector: "[eclFooterHarmonisedRow]" }, { type: i2.EclFooterHarmonisedColumnDirective, selector: "[eclFooterHarmonisedColumn]" }, { type: i3.EclFooterHarmonisedSectionDirective, selector: "[eclFooterHarmonisedSection]", inputs: ["isCondensed", "isSplitList"] }, { type: i4.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { type: i5.EclFooterHarmonisedLogoLinkDirective, selector: "[eclFooterHarmonisedLogoLink]" }, { type: i5.EclFooterHarmonisedLogoImageDesktopDirective, selector: "[eclFooterHarmonisedLogoImageDesktop]" }, { type: i6.EclFooterHarmonisedTitleDirective, selector: "[eclFooterHarmonisedTitle]", inputs: ["isSeparator"] }, { type: i6.EclFooterHarmonisedTitleLinkDirective, selector: "[eclFooterHarmonisedTitleLink]" }, { type: i7.EclFooterHarmonisedListDirective, selector: "[eclFooterHarmonisedList]", inputs: ["isInline"] }, { type: i7.EclFooterHarmonisedListItemDirective, selector: "[eclFooterHarmonisedListItem]" }, { type: i5.EclFooterHarmonisedLinkDirective, selector: "[eclFooterHarmonisedLink]" }], pipes: { "translate": i8.TranslatePipe } });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: EclFooterHarmonisedComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ecl-footer-harmonised', template: "<div class=\"ecl-container ecl-footer-harmonised__container\">\n    <ng-container *ngIf=\"isGroup('1')\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n        <div eclFooterHarmonisedRow>\n            <div eclFooterHarmonisedColumn>\n                <div eclFooterHarmonisedSection>\n                    <a eclLink\n                        href=\"https://ec.europa.eu/info/index_{{ languageCode }}\"\n                        eclFooterHarmonisedLogoLink\n                        variant=\"standalone\"\n                        [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n                        <img alt=\"European Commission logo\"\n                            [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\"\n                            eclFooterHarmonisedLogoImageDesktop\n                            src=\"assets/images/ecl/ec/logo/negative/logo-ec--{{ecLogoLanguageCode}}.svg\" />\n                    </a>\n                    <h2 eclFooterHarmonisedTitle>\n                        <a eclLink\n                            variant=\"standalone\"\n                            href=\"https://ec.europa.eu/info/index_{{ languageCode }}\"\n                            eclFooterHarmonisedTitleLink>\n                            {{ 'ecl.footer.EUROPEAN-COMMISSION' | translate }}\n                        </a>\n                    </h2>\n                </div>\n            </div>\n            <div eclFooterHarmonisedColumn>\n                <div eclFooterHarmonisedSection\n                    [isSplitList]=\"true\">\n                    <ul eclFooterHarmonisedList>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.CONTACT-EC' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/about-european-commission/contact_{{ languageCode }}\">\n                                {{ 'ecl.footer.CONTACT-EC' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://europa.eu/european-union/contact/social-networks_{{ languageCode }}\">\n                                {{ 'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.RESOURCES-FOR-PARTNERS' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/resources-partners_{{ languageCode }}\">\n                                {{ 'ecl.footer.RESOURCES-FOR-PARTNERS' | translate }}\n                            </a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n            <div eclFooterHarmonisedColumn>\n                <div eclFooterHarmonisedSection\n                    [isSplitList]=\"true\">\n                    <ul eclFooterHarmonisedList>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.LANGUAGE-POLICY' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/language-policy_{{ languageCode }}\">\n                                {{ 'ecl.footer.LANGUAGE-POLICY' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/cookies_{{ languageCode }}\">\n                                {{ 'ecl.footer.COOKIES' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/privacy-policy_{{ languageCode }}\">\n                                {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/legal-notice_{{ languageCode }}\">\n                                {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                            </a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"isGroup('2')\">\n        <div eclFooterHarmonisedRow>\n            <div eclFooterHarmonisedColumn>\n                <div eclFooterHarmonisedSection>\n                    <a eclLink\n                        eclFooterHarmonisedLink\n                        href=\"https://ec.europa.eu/info/index_{{ languageCode }}\"\n                        eclFooterHarmonisedLogoLink\n                        [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n                        <img alt=\"European Commission logo\"\n                            [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\"\n                            eclFooterHarmonisedLogoImageDesktop\n                            src=\"assets/images/ecl/ec/logo/logo-ec--{{languageCode}}.svg\" />\n                    </a>\n                    <h2 eclFooterHarmonisedTitle>\n                        <a eclLink\n                            eclFooterHarmonisedLink\n                            variant=\"standalone\"\n                            href=\"https://ec.europa.eu/info/index_{{ languageCode }}\"\n                            eclFooterHarmonisedTitleLink>\n                            {{ 'ecl.footer.EUROPEAN-COMMISSION' | translate }}\n                        </a>\n                    </h2>\n                </div>\n            </div>\n            <div eclFooterHarmonisedColumn>\n                <div eclFooterHarmonisedSection>\n                    <ul eclFooterHarmonisedList>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.CONTACT-EC' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/about-european-commission/contact_{{ languageCode }}\">\n                                {{ 'ecl.footer.CONTACT-EC' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://europa.eu/european-union/contact/social-networks_{{ languageCode }}\">\n                                {{ 'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.RESOURCES-FOR-PARTNERS' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/resources-partners_{{ languageCode }}\">\n                                {{ 'ecl.footer.RESOURCES-FOR-PARTNERS' | translate }}\n                            </a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n            <div eclFooterHarmonisedColumn>\n                <div eclFooterHarmonisedSection>\n                    <ul eclFooterHarmonisedList>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.LANGUAGE-POLICY' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/language-policy_{{ languageCode }}\">\n                                {{ 'ecl.footer.LANGUAGE-POLICY' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.COOKIES' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/cookies_{{ languageCode }}\">\n                                {{ 'ecl.footer.COOKIES' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.PRIVACY-POLICY' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/privacy-policy_{{ languageCode }}\">\n                                {{ 'ecl.footer.PRIVACY-POLICY' | translate }}\n                            </a>\n                        </li>\n                        <li eclFooterHarmonisedListItem>\n                            <a eclLink\n                                eclFooterHarmonisedLink\n                                [attr.aria-label]=\"'ecl.footer.LEGAL-NOTICE' | translate\"\n                                variant=\"standalone\"\n                                href=\"https://ec.europa.eu/info/legal-notice_{{ languageCode }}\">\n                                {{ 'ecl.footer.LEGAL-NOTICE' | translate }}\n                            </a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"isGroup('3')\">\n        <div eclFooterHarmonisedRow>\n            <div eclFooterHarmonisedColumn>\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n</div>\n" }]
        }], propDecorators: { cssClasses: [{
                type: HostBinding,
                args: ['class']
            }], role: [{
                type: HostBinding,
                args: ['attr.role']
            }] } });
//# sourceMappingURL=data:application/json;base64, 