@eui/ecl 23.0.0-alpha.10 → 23.0.0-alpha.11

package/fesm2022/eui-ecl-components-ecl-story-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-ecl-components-ecl-story-card.mjs","sources":["../../components/ecl-story-card/ecl-story-card-directives.ts","../../components/ecl-story-card/ecl-story-card-item/ecl-story-card-item.component.ts","../../components/ecl-story-card/ecl-story-card-item/ecl-story-card-item.component.html","../../components/ecl-story-card/ecl-story-card-grid-details/ecl-story-card-grid-details.component.ts","../../components/ecl-story-card/ecl-story-card-grid-details/ecl-story-card-grid-details.component.html","../../components/ecl-story-card/ecl-story-card.component.ts","../../components/ecl-story-card/ecl-story-card.component.html","../../components/ecl-story-card/index.ts","../../components/ecl-story-card/eui-ecl-components-ecl-story-card.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive applied to the <ul> element that holds the story card items.\n * Adds the grid container class and tablist role.\n *\n * @example\n * <ul eclStoryCardList>...</ul>\n */\n@Directive({\n    selector: 'ul[eclStoryCardList]',\n    host: {\n        role: 'tablist',\n        '[class]': 'getCssClasses(\"ecl-story-card__grid-container\")',\n    },\n})\nexport class EclStoryCardListDirective extends ECLBaseDirective {}\n\n/**\n * Directive applied to <picture> elements inside a story card item.\n * Adds the ECL picture classes.\n *\n * @example\n * <picture eclStoryCardPicture>\n *   <source srcset=\"...\" media=\"(max-width: 50rem)\">\n *   <img src=\"...\" alt=\"...\">\n * </picture>\n */\n@Directive({\n    selector: 'picture[eclStoryCardPicture]',\n    host: {\n        '[class]': 'getCssClasses(\"ecl-picture ecl-story-card__picture\")',\n    },\n})\nexport class EclStoryCardPictureDirective extends ECLBaseDirective {}\n\n/**\n * Directive applied to <a> elements inside story card grid details.\n * Adds the ECL link classes for the \"Read more\" link.\n *\n * @example\n * <a eclStoryCardLink href=\"/example\">Read more</a>\n */\n@Directive({\n    selector: '[eclStoryCardLink]',\n    host: {\n        '[class]': 'getCssClasses(\"ecl-link ecl-link--standalone ecl-link--icon ecl-story-card__link\")',\n    },\n})\nexport class EclStoryCardLinkDirective extends ECLBaseDirective {}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    ElementRef,\n    input,\n    output,\n    signal,\n} from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclStoryCardPictureDirective } from '../ecl-story-card-directives';\n\n/**\n * Component for a single story card grid item (tab).\n * Applied to <li> elements within the story card list.\n *\n * The user provides:\n * - `gridTitle`: the short label shown in the accordion tab button\n * - A <picture eclStoryCardPicture> as projected content\n *\n * The component internally renders the button with role=\"tab\",\n * the loading bar, and the title wrapper.\n *\n * @example\n * <li eclStoryCardItem gridTitle=\"why twelve\">\n *   <picture eclStoryCardPicture>\n *     <img src=\"example.jpg\" alt=\"Example\">\n *   </picture>\n * </li>\n */\n@Component({\n    selector: 'li[eclStoryCardItem]',\n    templateUrl: './ecl-story-card-item.component.html',\n    host: {\n        role: 'presentation',\n        '[class]': 'cssClasses()',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EclStoryCardItemComponent extends ECLBaseDirective {\n\n    /** Short title displayed in the accordion tab button. */\n    gridTitle = input<string>('');\n\n    /** Whether this item is currently expanded/selected. Set by parent. */\n    isExpanded = signal(false);\n\n    /** Whether autoplay is active (controls loading bar animation). Set by parent. */\n    isAutoPlaying = signal(false);\n\n    /** The index of this item within the list. Set by parent. */\n    index = signal(0);\n\n    /** The generated ID for the tab button. Set by parent. */\n    tabId = signal('');\n\n    /** The ID of the controlled tabpanel. Set by parent. */\n    panelId = signal('');\n\n    /** Emitted when the item's button is clicked. */\n    itemClick = output<number>();\n\n    /** Emitted when the loading bar animation ends. */\n    loadingBarAnimationEnd = output<void>();\n\n    /** Reference to the projected picture element for cloning into carousel. */\n    pictureRef = contentChild(EclStoryCardPictureDirective, { read: ElementRef });\n\n    readonly cssClasses = computed(() => [\n        super.getCssClasses('ecl-story-card__grid-item'),\n        this.isExpanded() ? 'ecl-story-card__grid-item--expanded' : '',\n    ].join(' ').trim());\n\n    protected onButtonClick(): void {\n        this.itemClick.emit(this.index());\n    }\n\n    protected onAnimationEnd(): void {\n        this.loadingBarAnimationEnd.emit();\n    }\n}\n","<button class=\"ecl-story-card__grid-card\"\n    type=\"button\"\n    [attr.id]=\"tabId()\"\n    role=\"tab\"\n    [attr.aria-selected]=\"isExpanded()\"\n    [attr.aria-controls]=\"panelId()\"\n    (click)=\"onButtonClick()\">\n    <div class=\"ecl-story-card__grid-image\">\n        <ng-content select=\"picture[eclStoryCardPicture]\"></ng-content>\n        <div class=\"ecl-story-card__grid-loading-bar\">\n            <div class=\"ecl-story-card__grid-loading-bar-completion\"\n                [class.is-paused]=\"!isExpanded() || !isAutoPlaying()\"\n                (animationend)=\"onAnimationEnd()\">\n            </div>\n        </div>\n    </div>\n    <div class=\"ecl-story-card__grid-title-wrapper\">\n        @if (gridTitle()) {\n            <div class=\"ecl-story-card__grid-title\">{{ gridTitle() }}</div>\n        }\n    </div>\n</button>\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    contentChild,\n    ElementRef,\n    input,\n    signal,\n} from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclStoryCardLinkDirective } from '../ecl-story-card-directives';\n\n/**\n * Component for a story card grid details panel (tabpanel).\n * Contains the expanded content: title, description, and optional link.\n *\n * For the 'testimonial' variant, additional inputs are available:\n * - `author`: name of the author\n * - `role`: role/position of the author\n * - `source`: publication source\n *\n * @example\n * <div eclStoryCardGridDetails\n *      eclTitle=\"The European flag...\"\n *      description=\"It appears on official documents...\"\n *      author=\"John Doe\"\n *      role=\"Commissioner\"\n *      source=\"Published on The Guardian\">\n *   <a eclStoryCardLink eclLink variant=\"standalone\" href=\"/example\">\n *     <span eclLinkLabel>Read more</span>\n *     <ecl-icon icon=\"arrow-right\" size=\"xs\"></ecl-icon>\n *   </a>\n * </div>\n */\n@Component({\n    selector: '[eclStoryCardGridDetails]',\n    templateUrl: './ecl-story-card-grid-details.component.html',\n    host: {\n        '[class]': 'getCssClasses(\"ecl-story-card__grid-details\")',\n        '[attr.id]': 'panelId()',\n        '[attr.role]': '\"tabpanel\"',\n        '[attr.aria-labelledby]': 'tabId()',\n        '[hidden]': '!isActive()',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EclStoryCardGridDetailsComponent extends ECLBaseDirective {\n\n    /** Title shown in the details panel. */\n    eclTitle = input<string>('');\n\n    /** Description shown in the details panel. */\n    description = input<string>('');\n\n    /** Author name (testimonial variant). */\n    author = input<string>('');\n\n    /** Author role/position (testimonial variant). */\n    role = input<string>('');\n\n    /** Publication source (testimonial variant). */\n    source = input<string>('');\n\n    /** Whether this panel is currently visible. Set by parent. */\n    isActive = signal(false);\n\n    /** Whether the parent is in testimonial variant. Set by parent. */\n    isTestimonial = signal(false);\n\n    /** Index of this panel. Set by parent. */\n    index = signal(0);\n\n    /** Generated panel ID. Set by parent. */\n    panelId = signal('');\n\n    /** ID of the controlling tab. Set by parent. */\n    tabId = signal('');\n\n    /** Reference to the projected link element for cloning into carousel. */\n    linkRef = contentChild(EclStoryCardLinkDirective, { read: ElementRef });\n}\n","<article class=\"ecl-story-card__grid-details-content\">\n    <div class=\"ecl-story-card__content\">\n        @if (isTestimonial()) {\n            <div class=\"ecl-story-card__content-icon\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"45\" viewBox=\"0 0 22 45\" fill=\"none\">\n                    <path d=\"M0 0H22V23.3143L0 44.5714V0Z\" fill=\"currentColor\"/>\n                </svg>\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"45\" viewBox=\"0 0 22 45\" fill=\"none\">\n                    <path d=\"M0 0H22V23.3143L0 44.5714V0Z\" fill=\"currentColor\"/>\n                </svg>\n            </div>\n        }\n        @if (eclTitle()) {\n            <div class=\"ecl-story-card__card-title\">{{ eclTitle() }}</div>\n        }\n        @if (author() || role() || source()) {\n            <div class=\"ecl-story-card__testimonial\">\n                @if (author()) {\n                    <span class=\"ecl-story-card__author\">{{ author() }}</span>\n                }\n                @if (role()) {\n                    <span class=\"ecl-story-card__role\">{{ role() }}</span>\n                }\n                @if (source()) {\n                    <cite class=\"ecl-story-card__source\">{{ source() }}</cite>\n                }\n            </div>\n        }\n        @if (description()) {\n            <div class=\"ecl-story-card__card-description\">{{ description() }}</div>\n        }\n        <ng-content select=\"[eclStoryCardLink]\"></ng-content>\n    </div>\n</article>\n","import {\n    afterNextRender,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    computed,\n    contentChildren,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    OnDestroy,\n    output,\n    signal,\n    untracked,\n    viewChild,\n    viewChildren,\n} from '@angular/core';\nimport { EclIconComponent } from '@eui/ecl/components/ecl-icon';\nimport { ECLBaseDirective, EclRtlService } from '@eui/ecl/core';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { EmblaCarouselDirective } from 'embla-carousel-angular';\nimport { Subject, takeUntil } from 'rxjs';\nimport { outputToObservable } from '@angular/core/rxjs-interop';\n\nimport { EclStoryCardItemComponent } from './ecl-story-card-item/ecl-story-card-item.component';\nimport { EclStoryCardGridDetailsComponent } from './ecl-story-card-grid-details/ecl-story-card-grid-details.component';\nimport { EmblaCarouselType, EmblaEventType } from 'embla-carousel';\n\nexport interface EclStoryCardSelectionEvent {\n    index: number;\n}\n\n/**\n * ECL Story Card component.\n *\n * Renders a desktop grid accordion (user-authored) and automatically\n * generates a mobile carousel from the same data.\n *\n * Desktop: tablist/tab/tabpanel pattern with autoplay loading bar.\n * Mobile: Embla carousel with prev/next and dot navigation.\n *\n * @example\n * <section eclStoryCard isAutoplay [autoplayDelay]=\"10000\"\n *                 [eclTitle]=\"'Stories'\" [eclDescription]=\"'...'\">\n *   <ul eclStoryCardList>\n *     <li eclStoryCardItem gridTitle=\"why twelve\">\n *       <picture eclStoryCardPicture>...</picture>\n *     </li>\n *   </ul>\n *   <div eclStoryCardGridDetails eclTitle=\"...\" description=\"...\">\n *     <a eclStoryCardLink href=\"...\">Read more</a>\n *   </div>\n * </section>\n */\n@Component({\n    selector: 'section[eclStoryCard]',\n    templateUrl: './ecl-story-card.component.html',\n    host: {\n        '[id]': 'componentId()',\n        '[class]': 'cssClasses()',\n        '[attr.aria-labelledby]': 'titleId()',\n        '[style.--ecl-story-card-slide-duration]': 'slideDuration()',\n    },\n    imports: [\n        TranslatePipe,\n        EclIconComponent,\n        EmblaCarouselDirective,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EclStoryCardComponent extends ECLBaseDirective implements OnDestroy {\n\n    /** Title displayed in the story card header. */\n    eclTitle = input<string>('');\n\n    /** Description displayed below the title. */\n    eclDescription = input<string>('');\n\n    /** Variant of the story card: 'story' (default) or 'testimonial'. */\n    variant = input<'story' | 'testimonial'>('story');\n\n    /** Whether autoplay is enabled for the grid accordion. */\n    isAutoplay = input(false, { transform: booleanAttribute });\n\n    /** Autoplay delay in milliseconds. Default: 10000. */\n    autoplayDelay = input<number>(10000);\n\n    /** ID for the component. All internal IDs derive from it. If not provided, auto-generated. */\n    eclId = input<string>('', { alias: 'id' });\n\n    /** Emitted when the active grid item changes. */\n    selectionChange = output<EclStoryCardSelectionEvent>();\n\n    private generatedId = `story-card-${crypto.randomUUID().slice(0, 8)}`;\n    protected componentId = computed(() => this.eclId() || this.generatedId);\n    protected titleId = computed(() => `${this.componentId()}-title`);\n\n    /** Embla carousel options. */\n    protected emblaOptions: { loop: boolean; direction: 'ltr' | 'rtl' } = { loop: true, direction: 'ltr' };\n\n    /** Subscribed Embla events. */\n    protected subscribeToEvents: EmblaEventType[] = ['select', 'init', 'reInit'];\n\n    /** Current carousel snap index. */\n    protected activeSlideIndex = signal(0);\n\n    /** Total number of items. */\n    protected totalSlides = computed(() => this.items().length);\n\n    /** Previous button disabled state (carousel). */\n    protected prevDisabled = signal(false);\n\n    /** Next button disabled state (carousel). */\n    protected nextDisabled = signal(false);\n\n    /** Currently expanded grid item index. */\n    protected expandedIndex = signal(0);\n\n    /** Whether grid autoplay is currently playing. */\n    protected isAutoPlaying = signal(false);\n\n    protected items = contentChildren(EclStoryCardItemComponent, { descendants: true });\n\n    protected detailsPanels = contentChildren(EclStoryCardGridDetailsComponent, { descendants: true });\n\n    private emblaRef = viewChild(EmblaCarouselDirective);\n    private carouselImageWrappers = viewChildren<ElementRef>('carouselImageWrapper');\n    private carouselContentWrappers = viewChildren<ElementRef>('carouselContentWrapper');\n\n    private cd = inject(ChangeDetectorRef);\n    private eclRtlService = inject(EclRtlService);\n    private destroy$ = new Subject<void>();\n    private setupTeardown$ = new Subject<void>();\n    private emblaApi: EmblaCarouselType | undefined;\n\n    constructor() {\n        super();\n        afterNextRender(() => {\n            setTimeout(() => this.clonePicturesToCarousel());\n        });\n\n        effect(() => {\n            const itemsArray = this.items();\n            const detailsArray = this.detailsPanels();\n\n            untracked(() => {\n                this.setupGrid(itemsArray, detailsArray);\n            });\n        }, { allowSignalWrites: true });\n\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((isRtl) => {\n            const direction = isRtl ? 'rtl' : 'ltr';\n            if (this.emblaOptions.direction !== direction) {\n                this.emblaOptions = { ...this.emblaOptions, direction };\n                this.cd.detectChanges();\n            }\n        });\n    }\n\n    readonly cssClasses = computed(() => [\n        super.getCssClasses('ecl-story-card'),\n        this.eclDescription() ? 'ecl-story-card--has-description' : '',\n        this.variant() === 'testimonial' ? 'ecl-story-card--testimonial' : '',\n    ].join(' ').trim());\n\n    readonly slideDuration = computed(() => `${this.autoplayDelay()}ms`);\n\n    ngOnDestroy(): void {\n        this.setupTeardown$.next();\n        this.setupTeardown$.complete();\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    /**\n     * Configures the grid accordion: assigns IDs, indices, and initial state\n     * to each item and details panel, subscribes to item interaction events,\n     * and starts autoplay if enabled.\n     */\n    private setupGrid(\n        itemsArray: readonly EclStoryCardItemComponent[],\n        detailsArray: readonly EclStoryCardGridDetailsComponent[],\n    ): void {\n        this.setupTeardown$.next();\n        const id = this.componentId();\n\n        itemsArray.forEach((item, i) => {\n            item.index.set(i);\n            item.tabId.set(`${id}-tab-${i}`);\n            item.panelId.set(`${id}-details-${i}`);\n            item.isExpanded.set(i === this.expandedIndex());\n            item.isAutoPlaying.set(this.isAutoPlaying());\n\n            outputToObservable(item.itemClick).pipe(\n                takeUntil(this.setupTeardown$),\n            ).subscribe((index: number) => this.onGridItemClick(index));\n\n            outputToObservable(item.loadingBarAnimationEnd).pipe(\n                takeUntil(this.setupTeardown$),\n            ).subscribe(() => this.onLoadingBarAnimationEnd());\n        });\n\n        detailsArray.forEach((panel, i) => {\n            panel.index.set(i);\n            panel.panelId.set(`${id}-details-${i}`);\n            panel.tabId.set(`${id}-tab-${i}`);\n            panel.isActive.set(i === this.expandedIndex());\n            panel.isTestimonial.set(this.variant() === 'testimonial');\n        });\n\n        if (this.isAutoplay()) {\n            this.playAutoplay();\n        }\n    }\n\n    /** Set the expanded grid item by index. */\n    private setGridItem(index: number): void {\n        const itemsArray = this.items();\n        const detailsArray = this.detailsPanels();\n        if (itemsArray.length === 0) return;\n\n        const nextIndex = ((index % itemsArray.length) + itemsArray.length) % itemsArray.length;\n\n        itemsArray.forEach((item, i) => {\n            item.isExpanded.set(i === nextIndex);\n            item.isAutoPlaying.set(this.isAutoPlaying());\n        });\n\n        detailsArray.forEach((panel, i) => {\n            panel.isActive.set(i === nextIndex);\n        });\n\n        this.expandedIndex.set(nextIndex);\n        this.selectionChange.emit({ index: nextIndex });\n    }\n\n    /** Handle click on a grid item button. */\n    private onGridItemClick(index: number): void {\n        const itemsArray = this.items();\n        const isCurrentlyExpanded = itemsArray[index]?.isExpanded();\n\n        if (isCurrentlyExpanded && !this.isAutoPlaying()) {\n            this.playAutoplay();\n        } else {\n            this.pauseAutoplay();\n        }\n\n        this.setGridItem(index);\n    }\n\n    /** Go to the previous grid item. */\n    protected onGridPrevClick(): void {\n        this.setGridItem(this.expandedIndex() - 1);\n    }\n\n    /** Go to the next grid item. */\n    protected onGridNextClick(): void {\n        this.setGridItem(this.expandedIndex() + 1);\n    }\n\n    /** Handle animation end on the loading bar (advance to next). */\n    private onLoadingBarAnimationEnd(): void {\n        if (this.isAutoPlaying()) {\n            this.setGridItem(this.expandedIndex() + 1);\n        }\n    }\n\n    /** Start autoplay. */\n    protected playAutoplay(): void {\n        if (this.items().length < 2) return;\n        this.isAutoPlaying.set(true);\n        this.items().forEach(item => item.isAutoPlaying.set(true));\n    }\n\n    protected pauseAutoplay(): void {\n        this.isAutoPlaying.set(false);\n        this.items().forEach(item => item.isAutoPlaying.set(false));\n    }\n\n    /** Play button click. */\n    protected onPlayClick(): void {\n        this.playAutoplay();\n    }\n\n    /** Pause button click. */\n    protected onPauseClick(): void {\n        this.pauseAutoplay();\n    }\n\n    /** Clone each item's projected picture and link into the corresponding carousel slide. */\n    private clonePicturesToCarousel(): void {\n        const imageWrappers = this.carouselImageWrappers();\n        const contentWrappers = this.carouselContentWrappers();\n        const itemsArray = this.items();\n        const detailsArray = this.detailsPanels();\n\n        itemsArray.forEach((item, i) => {\n            const pictureEl = item.pictureRef();\n            if (pictureEl && imageWrappers[i]) {\n                const clone = pictureEl.nativeElement.cloneNode(true) as HTMLElement;\n                imageWrappers[i].nativeElement.appendChild(clone);\n            }\n        });\n\n        detailsArray.forEach((panel, i) => {\n            const linkEl = panel.linkRef();\n            if (linkEl && contentWrappers[i]) {\n                const clone = linkEl.nativeElement.cloneNode(true) as HTMLElement;\n                contentWrappers[i].nativeElement.appendChild(clone);\n            }\n        });\n    }\n\n    protected onEmblaChange(eventName: string): void {\n        if (!this.emblaApi) {\n            this.emblaApi = this.emblaRef()?.emblaApi;\n        }\n        if (!this.emblaApi) return;\n\n        if (eventName === 'select' || eventName === 'init' || eventName === 'reInit') {\n            this.syncCarouselState();\n        }\n    }\n\n    /** Sync carousel state from Embla API. */\n    private syncCarouselState(): void {\n        if (!this.emblaApi) return;\n\n        this.activeSlideIndex.set(this.emblaApi.selectedScrollSnap());\n        this.prevDisabled.set(!this.emblaApi.canScrollPrev());\n        this.nextDisabled.set(!this.emblaApi.canScrollNext());\n    }\n\n    /** Navigate carousel to previous slide. */\n    protected onCarouselPrevClick(): void {\n        this.emblaRef()?.scrollPrev();\n    }\n\n    /** Navigate carousel to next slide. */\n    protected onCarouselNextClick(): void {\n        this.emblaRef()?.scrollNext();\n    }\n\n    /** Navigate carousel to a specific slide. */\n    protected goToSlide(index: number): void {\n        this.emblaRef()?.scrollTo(index);\n    }\n\n    /** Returns dot indices for rendering. */\n    protected getDotIndices(): number[] {\n        return Array.from({ length: this.totalSlides() }, (_, i) => i);\n    }\n}\n","@if (eclTitle() || eclDescription()) {\n<div class=\"ecl-story-card__header\">\n    @if (eclTitle()) {\n    <div class=\"ecl-story-card__title\" [attr.id]=\"titleId()\">{{ eclTitle() }}</div>\n    }\n    @if (eclDescription()) {\n    <div class=\"ecl-story-card__description\">{{ eclDescription() }}</div>\n    }\n</div>\n}\n\n<!-- Mobile: Embla Carousel (auto-generated from items + details) -->\n<div class=\"ecl-story-card__carousel\">\n    <div class=\"ecl-story-card__carousel-viewport\"\n        role=\"region\"\n        [attr.aria-label]=\"'ecl.story-card.SLIDER-LABEL' | translate\"\n        emblaCarousel\n        [options]=\"emblaOptions\"\n        [subscribeToEvents]=\"subscribeToEvents\"\n        (emblaChange)=\"onEmblaChange($event)\">\n        <ul class=\"ecl-story-card__carousel-container\">\n            @for (item of items(); track i; let i = $index) {\n            <li class=\"ecl-story-card__carousel-slide\"\n                [attr.aria-hidden]=\"i !== activeSlideIndex() ? true : null\">\n                <article class=\"ecl-story-card__card\">\n                    <div class=\"ecl-story-card__image-wrapper\" #carouselImageWrapper>\n                    </div>\n                    <div class=\"ecl-story-card__content\" #carouselContentWrapper>\n                        @if (detailsPanels()[i]; as panel) {\n                            @if (panel.eclTitle()) {\n                            <div class=\"ecl-story-card__card-title\">{{ panel.eclTitle() }}</div>\n                            }\n                            @if (panel.description()) {\n                            <div class=\"ecl-story-card__card-description\">{{ panel.description() }}</div>\n                            }\n                        }\n                    </div>\n                </article>\n            </li>\n            }\n        </ul>\n    </div>\n\n    <!-- Carousel Controls -->\n    @if (totalSlides() > 1) {\n    <div class=\"ecl-story-card__pager\">\n        <button class=\"ecl-story-card__prev\"\n            [disabled]=\"prevDisabled()\"\n            (click)=\"onCarouselPrevClick()\"\n            [attr.aria-label]=\"'ecl.story-card.SHOW-PREV-SLIDE' | translate\">\n            <ecl-icon icon=\"corner-arrow\" size=\"s\" transform=\"rotate-270\"></ecl-icon>\n            <span class=\"ecl-story-card__prev-label\">\n                {{ 'ecl.story-card.PREVIOUS' | translate }}\n            </span>\n        </button>\n\n        <div class=\"ecl-story-card__dots\">\n            @for (dotIndex of getDotIndices(); track dotIndex) {\n            <button\n                #dotButton\n                class=\"ecl-story-card__dot\"\n                [class.ecl-story-card__dot--active]=\"dotIndex === activeSlideIndex()\"\n                [class.is-prev]=\"dotIndex === activeSlideIndex() - 1\"\n                [attr.aria-label]=\"'ecl.story-card.GO-TO-SLIDE' | translate: { current: dotIndex + 1, total: totalSlides() }\"\n                (click)=\"goToSlide(dotIndex)\">\n            </button>\n            }\n        </div>\n\n        <button class=\"ecl-story-card__next\"\n            [disabled]=\"nextDisabled()\"\n            (click)=\"onCarouselNextClick()\"\n            [attr.aria-label]=\"'ecl.story-card.SHOW-NEXT-SLIDE' | translate\">\n            <span class=\"ecl-story-card__next-label\">\n                {{ 'ecl.story-card.NEXT' | translate }}\n            </span>\n            <ecl-icon icon=\"corner-arrow\" size=\"s\" transform=\"rotate-90\"></ecl-icon>\n        </button>\n    </div>\n    }\n</div>\n\n<!-- Desktop: Grid with Accordion (user-authored content projected here) -->\n<div class=\"ecl-story-card__grid\">\n    <ng-content select=\"ul[eclStoryCardList]\"></ng-content>\n    <ng-content select=\"[eclStoryCardGridDetails]\"></ng-content>\n\n    <!-- Grid Controls -->\n    @if (totalSlides() > 1) {\n    <div class=\"ecl-story-card__grid-controls\">\n        <button class=\"ecl-button ecl-button--tertiary ecl-button--neutral ecl-story-card__grid-prev ecl-button--icon-only\"\n            type=\"button\"\n            (click)=\"onGridPrevClick()\"\n            [attr.aria-label]=\"'ecl.story-card.PREVIOUS' | translate\">\n            <span class=\"ecl-button__container\">\n                <span class=\"ecl-button__label\" data-ecl-label=\"true\">\n                    {{ 'ecl.story-card.PREVIOUS' | translate }}\n                </span>\n                <ecl-icon iconSet=\"phosphor\" icon=\"caret-left\" size=\"l\"></ecl-icon>\n            </span>\n        </button>\n\n        <button class=\"ecl-button ecl-button--secondary ecl-button--neutral ecl-story-card__grid-play ecl-button--icon-only\"\n            type=\"button\"\n            [style.display]=\"isAutoPlaying() ? 'none' : 'flex'\"\n            (click)=\"onPlayClick()\"\n            [attr.aria-label]=\"'ecl.story-card.PLAY' | translate\">\n            <span class=\"ecl-button__container\">\n                <span class=\"ecl-button__label\" data-ecl-label=\"true\">\n                    {{ 'ecl.story-card.PLAY' | translate }}\n                </span>\n                <ecl-icon iconSet=\"phosphor-fill\" icon=\"play\" size=\"l\"></ecl-icon>\n            </span>\n        </button>\n\n        <button class=\"ecl-button ecl-button--secondary ecl-button--neutral ecl-story-card__grid-pause ecl-button--icon-only\"\n            type=\"button\"\n            [style.display]=\"isAutoPlaying() ? 'flex' : 'none'\"\n            (click)=\"onPauseClick()\"\n            [attr.aria-label]=\"'ecl.story-card.PAUSE' | translate\">\n            <span class=\"ecl-button__container\">\n                <span class=\"ecl-button__label\" data-ecl-label=\"true\">\n                    {{ 'ecl.story-card.PAUSE' | translate }}\n                </span>\n                <ecl-icon iconSet=\"phosphor-fill\" icon=\"pause\" size=\"l\"></ecl-icon>\n            </span>\n        </button>\n\n        <button class=\"ecl-button ecl-button--tertiary ecl-button--neutral ecl-story-card__grid-next ecl-button--icon-only\"\n            type=\"button\"\n            (click)=\"onGridNextClick()\"\n            [attr.aria-label]=\"'ecl.story-card.NEXT' | translate\">\n            <span class=\"ecl-button__container\">\n                <span class=\"ecl-button__label\" data-ecl-label=\"true\">\n                    {{ 'ecl.story-card.NEXT' | translate }}\n                </span>\n                <ecl-icon iconSet=\"phosphor\" icon=\"caret-right\" size=\"l\"></ecl-icon>\n            </span>\n        </button>\n    </div>\n    }\n</div>\n","import { EclStoryCardComponent } from './ecl-story-card.component';\nimport { EclStoryCardItemComponent } from './ecl-story-card-item/ecl-story-card-item.component';\nimport { EclStoryCardGridDetailsComponent } from './ecl-story-card-grid-details/ecl-story-card-grid-details.component';\nimport {\n    EclStoryCardListDirective,\n    EclStoryCardPictureDirective,\n    EclStoryCardLinkDirective,\n} from './ecl-story-card-directives';\n\nexport * from './ecl-story-card.component';\nexport * from './ecl-story-card-item/ecl-story-card-item.component';\nexport * from './ecl-story-card-grid-details/ecl-story-card-grid-details.component';\nexport * from './ecl-story-card-directives';\n\nexport const EUI_ECL_STORY_CARD = [\n    EclStoryCardComponent,\n    EclStoryCardItemComponent,\n    EclStoryCardGridDetailsComponent,\n    EclStoryCardListDirective,\n    EclStoryCardPictureDirective,\n    EclStoryCardLinkDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eui/ecl",
-  "version": "23.0.0-alpha.10",
+  "version": "23.0.0-alpha.11",
   "tag": "next",
   "description": "eUI ECL components package",
   "homepage": "https://eui.ecdevops.eu",
@@ -150,6 +150,10 @@
       "types": "./types/eui-ecl-components-ecl-highlight-box.d.ts",
       "default": "./fesm2022/eui-ecl-components-ecl-highlight-box.mjs"
     },
+    "./components/ecl-highlighted-search": {
+      "types": "./types/eui-ecl-components-ecl-highlighted-search.d.ts",
+      "default": "./fesm2022/eui-ecl-components-ecl-highlighted-search.mjs"
+    },
     "./components/ecl-icon": {
       "types": "./types/eui-ecl-components-ecl-icon.d.ts",
       "default": "./fesm2022/eui-ecl-components-ecl-icon.mjs"
@@ -286,6 +290,10 @@
       "types": "./types/eui-ecl-components-ecl-sticky-container.d.ts",
       "default": "./fesm2022/eui-ecl-components-ecl-sticky-container.mjs"
     },
+    "./components/ecl-story-card": {
+      "types": "./types/eui-ecl-components-ecl-story-card.d.ts",
+      "default": "./fesm2022/eui-ecl-components-ecl-story-card.mjs"
+    },
     "./components/ecl-table": {
       "types": "./types/eui-ecl-components-ecl-table.d.ts",
       "default": "./fesm2022/eui-ecl-components-ecl-table.mjs"

package/types/eui-ecl-components-ecl-accordion.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnDestroy, QueryList, ElementRef } from '@angular/core';
+import { OnDestroy } from '@angular/core';
 import * as i1 from '@eui/ecl/core';
 import { ECLBaseDirective, EclBaseEvent } from '@eui/ecl/core';
 
@@ -19,7 +19,7 @@ declare class EclAccordionContentDirective {
 declare class EclAccordionSummaryComponent {
     private customIcons;
     /** Whether to show the default +/- icons. Hidden when custom toggle icons are projected. */
-    showDefaultIcons: i0.Signal<boolean>;
+    protected showDefaultIcons: i0.Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<EclAccordionSummaryComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EclAccordionSummaryComponent, "summary[eclAccordionToggle]", never, {}, {}, ["customIcons"], ["*"], true, never>;
 }
@@ -39,9 +39,21 @@ declare class EclAccordionSummaryComponent {
  */
 declare class EclAccordionDirective implements OnDestroy {
     baseDirective: ECLBaseDirective;
-    private renderer;
     isSidebar: i0.InputSignalWithTransform<boolean, unknown>;
-    items: QueryList<ElementRef>;
+    /**
+     * Configurable breakpoint (in pixels) for the sidebar variant.
+     * When the viewport width is at or above this value, sidebar items are opened;
+     * below it, they are collapsed. Defaults to 996 (the 'lg' breakpoint).
+     *
+     * Matches the ECL pattern: data-ecl-accordion-sidebar-media-query="(min-width: 768px)"
+     *
+     * @example
+     * <div eclAccordion isSidebar [sidebarBreakpoint]="768">
+     */
+    sidebarBreakpoint: i0.InputSignal<480 | 768 | 996 | 1140 | 1440 | 1920 | 2560 | 3840>;
+    private items;
+    private renderer;
+    private euiAppShellService;
     private destroy$;
     /**
      * @description
@@ -53,9 +65,15 @@ declare class EclAccordionDirective implements OnDestroy {
     get cssClasses(): string;
     constructor();
     ngOnDestroy(): void;
+    /**
+     * Subscribes to the app shell state's windowWidth and toggles the open state
+     * of all accordion items when in sidebar mode. Items are opened when the viewport
+     * is at or above the configured sidebarBreakpoint (in px), and collapsed below it.
+     */
+    private subscribeToBreakpoints;
     private setFirstAndLastClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<EclAccordionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EclAccordionDirective, "div[eclAccordion]", never, { "isSidebar": { "alias": "isSidebar"; "required": false; "isSignal": true; }; }, {}, ["items"], never, true, [{ directive: typeof i1.ECLBaseDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclAccordionDirective, "div[eclAccordion]", never, { "isSidebar": { "alias": "isSidebar"; "required": false; "isSignal": true; }; "sidebarBreakpoint": { "alias": "sidebarBreakpoint"; "required": false; "isSignal": true; }; }, {}, ["items"], never, true, [{ directive: typeof i1.ECLBaseDirective; inputs: {}; outputs: {}; }]>;
 }
 /**
  * Marks an icon element as the accordion toggle icon.

package/types/eui-ecl-components-ecl-accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-accordion.d.ts","sources":["../../components/ecl-accordion/ecl-accordion-item-new.directive.ts","../../components/ecl-accordion/ecl-accordion-summary.component.ts","../../components/ecl-accordion/ecl-accordion.directive.ts","../../components/ecl-accordion/events/ecl-accordion-toggle.event.ts","../../components/ecl-accordion/index.ts"],"mappings":";;;;;AAEA,cAMa,yBAAyB;yCAAzB,yBAAyB;2CAAzB,yBAAyB;AAAG;AAEzC,cAMa,4BAA4B;yCAA5B,4BAA4B;2CAA5B,4BAA4B;AAAG;;ACR5C;;;AAGG;AACH,cAQa,4BAA4B;;;AAIrC,sBAAgBA,EAAA,CAAA,MAAA;yCAJP,4BAA4B;2CAA5B,4BAA4B;AAKxC;;ACRD;;;;;;;;;;;;AAYG;AACH,cAWa,qBAAsB,YAAW,SAAS;AACnD,mBAAa,gBAAA;;AAEb,eAASA,EAAA,CAAA,wBAAA;AAGT,WAAQ,SAAS,CAAC,UAAU;;AAG5B;;;;;;AAMG;;;AAgBH;AAKA;yCApCS,qBAAqB;2CAArB,qBAAqB,iKAAA,EAAA,CAAA,gBAAA;AAmDjC;AAED;;;;;;;;AAQG;AACH,cAMa,+BAA+B;yCAA/B,+BAA+B;2CAA/B,+BAA+B;AAAG;;AC3G/C,cAAa,uBAAwB,SAAQ,YAAY;AACrC;AAAA;AAGnB;;ACID,cAAa,iBAAiB,mBAAA,4BAAA,SAAA,yBAAA,SAAA,4BAAA,SAAA,qBAAA,SAAA,+BAAA;;;;","names":["_angular_core"]}
+{"version":3,"file":"eui-ecl-components-ecl-accordion.d.ts","sources":["../../components/ecl-accordion/ecl-accordion-item-new.directive.ts","../../components/ecl-accordion/ecl-accordion-summary.component.ts","../../components/ecl-accordion/ecl-accordion.directive.ts","../../components/ecl-accordion/events/ecl-accordion-toggle.event.ts","../../components/ecl-accordion/index.ts"],"mappings":";;;;;AAEA,cAMa,yBAAyB;yCAAzB,yBAAyB;2CAAzB,yBAAyB;AAAG;AAEzC,cAMa,4BAA4B;yCAA5B,4BAA4B;2CAA5B,4BAA4B;AAAG;;ACR5C;;;AAGG;AACH,cAQa,4BAA4B;;;gCAIXA,EAAA,CAAA,MAAA;yCAJjB,4BAA4B;2CAA5B,4BAA4B;AAKxC;;ACRD;;;;;;;;;;;;AAYG;AACH,cAWa,qBAAsB,YAAW,SAAS;AACnD,mBAAa,gBAAA;AACb,eAASA,EAAA,CAAA,wBAAA;AAET;;;;;;;;;AASG;AACH,uBAAiBA,EAAA,CAAA,WAAA;;;;;AAOjB;;;;;;AAMG;;;AAmBH;AAKA;;;;AAIG;AACH;AAaA;yCArES,qBAAqB;2CAArB,qBAAqB,8PAAA,EAAA,CAAA,gBAAA;AAoFjC;AAED;;;;;;;;AAQG;AACH,cAMa,+BAA+B;yCAA/B,+BAA+B;2CAA/B,+BAA+B;AAAG;;AC5I/C,cAAa,uBAAwB,SAAQ,YAAY;AACrC;AAAA;AAGnB;;ACID,cAAa,iBAAiB,mBAAA,4BAAA,SAAA,yBAAA,SAAA,4BAAA,SAAA,qBAAA,SAAA,+BAAA;;;;","names":["_angular_core"]}

package/types/eui-ecl-components-ecl-file.d.ts

@@ -6,10 +6,6 @@ import * as _angular_core from '@angular/core';
  * inside a file component.
  */
 declare class EclFileTranslationDownloadDirective extends ECLBaseDirective {
-    /**
-     * Applies the ECL translation download class to the host element.
-     */
-    className: boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclFileTranslationDownloadDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EclFileTranslationDownloadDirective, "[eclFileTranslationDownload]", never, {}, {}, never, never, true, never>;
 }
@@ -17,42 +13,37 @@ declare class EclFileTranslationDownloadDirective extends ECLBaseDirective {
  * Directive to apply the correct styling class for a standard file download link.
  */
 declare class EclFileDownloadDirective extends ECLBaseDirective {
-    /**
-     * Applies the ECL download class to the host element.
-     */
-    className: boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclFileDownloadDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EclFileDownloadDirective, "[eclFileDownload]", never, {}, {}, never, never, true, never>;
 }
 /**
  * Directive to style a file preview link.
- * Adds spacing and ECL link classes for standalone appearance.
+ * Adds ECL link classes for standalone branded appearance.
  */
 declare class EclFilePreviewDirective extends ECLBaseDirective {
-    /**
-     * Applies ECL link class to the host element.
-     */
-    hasClass: boolean;
-    /**
-     * Applies the standalone variant of the ECL link class to the host element.
-     */
-    hasClassStandalone: boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclFilePreviewDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EclFilePreviewDirective, "[eclFilePreview]", never, {}, {}, never, never, true, never>;
 }
+/**
+ * Directive to style the file meta element (e.g. file size and format)
+ * inside the download link label.
+ */
+declare class EclFileMetaDirective extends ECLBaseDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclFileMetaDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EclFileMetaDirective, "[eclFileMeta]", never, {}, {}, never, never, true, never>;
+}
 
 /**
- * Component representing a single file translation or descriptive item
- * inside the main ECL File component.
+ * Component representing a single file translation item
+ * inside the ecl-file-items translation list.
  */
 declare class EclFileItemComponent extends ECLBaseDirective {
     /**
-     * Indicates whether the item is a description block rather than a translation.
-     * Adds the `ecl-file__translation-description` class when true.
+     * @deprecated No longer used in v5.1.0. Kept for backward compatibility.
      */
     isDescription: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
-     * Title text of the file item.
+     * Title text of the file item (language name, e.g. "български").
      */
     eclTitle: _angular_core.InputSignal<string>;
     /**
@@ -68,74 +59,32 @@ declare class EclFileItemComponent extends ECLBaseDirective {
      */
     meta: _angular_core.InputSignal<string>;
     /**
-     * Language label displayed next to the title (e.g., "FR", "EN").
+     * @deprecated No longer used in v5.1.0. Kept for backward compatibility.
      */
     label: _angular_core.InputSignal<string>;
     /**
-     * Supplementary language detail displayed below the language label.
+     * Language code (e.g. "bg", "fr") applied as the `lang` attribute on the title element.
      */
     langDetail: _angular_core.InputSignal<string>;
-    /**
-     * Host CSS classes for the item, based on the content and state.
-     */
-    get cssClasses(): string;
-    /**
-     * ARIA role attribute set to 'listitem' for accessibility.
-     */
-    role: string;
-    private eclFileComponent;
-    /**
-     * Indicates whether the parent `EclFileComponent` has a thumbnail image.
-     */
-    get isThumbnail(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclFileItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclFileItemComponent, "ecl-file-item", never, { "isDescription": { "alias": "isDescription"; "required": false; "isSignal": true; }; "eclTitle": { "alias": "eclTitle"; "required": false; "isSignal": true; }; "titleId": { "alias": "titleId"; "required": false; "isSignal": true; }; "metaId": { "alias": "metaId"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "langDetail": { "alias": "langDetail"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[eclFilePreview]", "[eclFileTranslationDownload]"], true, never>;
-}
-
-declare class EclFileItemsToggleEvent extends EclBaseEvent {
-    isExpanded: boolean;
-    constructor(isExpanded: boolean);
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclFileItemComponent, "ecl-file-item", never, { "isDescription": { "alias": "isDescription"; "required": false; "isSignal": true; }; "eclTitle": { "alias": "eclTitle"; "required": false; "isSignal": true; }; "titleId": { "alias": "titleId"; "required": false; "isSignal": true; }; "metaId": { "alias": "metaId"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "langDetail": { "alias": "langDetail"; "required": false; "isSignal": true; }; }, {}, never, ["[eclFilePreview]", "[eclFileTranslationDownload]"], true, never>;
 }
 
 /**
- * Component representing a container for file item translations within an ECL File component.
- * It can be expanded or collapsed, and emits an event when toggled.
+ * Component representing the translation list within an ECL File component.
+ * The host element IS the list. The toggle button is rendered by the parent ecl-file.
  */
 declare class EclFileItemsComponent extends ECLBaseDirective {
     /**
-     * CSS classes applied to the host element.
-     */
-    get cssClasses(): string;
-    /**
-     * Label displayed above the translations list.
-     */
-    readonly label: _angular_core.InputSignal<string>;
-    /**
-     * Whether the list is initially expanded.
+     * ID for the list, used by the toggle button's aria-controls.
      */
-    readonly isExpanded: _angular_core.ModelSignal<boolean>;
+    id: _angular_core.ModelSignal<string>;
     /**
-     * Emits a toggle event when the translations list is expanded or collapsed.
-     *
-     * @remarks
-     * Consumers can call `preventDefault()` on the event to cancel the toggle.
-     */
-    readonly toggle: _angular_core.OutputEmitterRef<EclFileItemsToggleEvent>;
-    /**
-     * Content-projected list of translation items (excluding description blocks).
-     */
-    readonly items: _angular_core.Signal<readonly EclFileItemComponent[]>;
-    /**
-     * Returns the number of translation items excluding description entries.
+     * Whether the list is expanded. Managed by the parent ecl-file component.
      */
-    getItemsCount(): number;
-    /**
-     * Toggles the expansion state of the translation list.
-     * Emits `toggle` event and updates `isExpanded` if not prevented.
-     */
-    onToggleClick(evt: MouseEvent): void;
+    isExpanded: _angular_core.ModelSignal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclFileItemsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclFileItemsComponent, "ecl-file-items", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; }, { "isExpanded": "isExpandedChange"; "toggle": "toggle"; }, ["items"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclFileItemsComponent, "ecl-file-items", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; }, { "id": "idChange"; "isExpanded": "isExpandedChange"; }, never, ["*"], true, never>;
 }
 
 /**
@@ -143,10 +92,6 @@ declare class EclFileItemsComponent extends ECLBaseDirective {
  * Adds ECL-specific picture and file picture classes.
  */
 declare class EclFilePictureDirective extends ECLBaseDirective {
-    /**
-     * Applies ECL picture styling classes to the host element.
-     */
-    get cssClasses(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclFilePictureDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EclFilePictureDirective, "picture[eclFilePicture]", never, {}, {}, never, never, true, never>;
 }
@@ -155,10 +100,6 @@ declare class EclFilePictureDirective extends ECLBaseDirective {
  * Adds the ECL-specific image class.
  */
 declare class EclFileImageDirective extends ECLBaseDirective {
-    /**
-     * Applies the ECL image class to the host element.
-     */
-    className: boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclFileImageDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EclFileImageDirective, "img[eclFileImage]", never, {}, {}, never, never, true, never>;
 }
@@ -166,38 +107,63 @@ declare class EclFileImageDirective extends ECLBaseDirective {
  * Directive to style a title element in an ECL file component.
  */
 declare class EclFileTitleDirective extends ECLBaseDirective {
-    /**
-     * Applies the ECL file title class to the host element.
-     */
-    className: boolean;
-    /**
-     * ID attribute for the title element.
-     */
-    readonly id: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclFileTitleDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EclFileTitleDirective, "[eclFileTitle]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EclFileTitleDirective, "[eclFileTitle]", never, {}, {}, never, never, true, never>;
 }
 
 /**
- * Component representing the taxonomy section of a file in the ECL File component.
+ * Component representing the lists section of a file in the ECL File component.
  */
-declare class EclFileTaxonomyComponent extends ECLBaseDirective {
-    /**
-     * CSS classes applied to the host element.
-     */
-    get cssClasses(): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclFileTaxonomyComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclFileTaxonomyComponent, "ecl-file-taxonomy", never, {}, {}, never, ["*"], true, never>;
+declare class EclFileListsComponent extends ECLBaseDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclFileListsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclFileListsComponent, "ecl-file-lists, ecl-file-taxonomy", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class EclFileItemsToggleEvent extends EclBaseEvent {
+    isExpanded: boolean;
+    constructor(isExpanded: boolean);
 }
 
 /**
- * Component representing a file item with optional metadata, description,
- * and image (thumbnail) support.
+ * ECL File component.
+ * Displays downloadable file information with an icon or picture,
+ * metadata, and an optional expandable translations panel.
+ *
+ * @example
+ * ```html
+ * <ecl-file id="my-file" language="English" langId="my-file-lang"
+ *           [primaryMeta]="['Meta info', 'DD Month YYYY']"
+ *           labelInfo="Highlight" description="File description"
+ *           fileIcon="pdf"
+ *           toggleAriaLabel="Translations"
+ *           (translationsToggle)="onToggle($event)">
+ *
+ *   <div eclFileTitle id="my-file-title">State of the Union 2018 brochure</div>
+ *
+ *   <a eclFileDownload eclLink variant="standalone" isBranded href="/path/to/file">
+ *     <span eclLinkLabel>
+ *       <span>Download</span>
+ *       <span eclFileMeta>(16.2 MB - PDF)</span>
+ *     </span>
+ *     <ecl-icon icon="download-simple" iconSet="phosphor" size="fluid"></ecl-icon>
+ *   </a>
+ *
+ *   <ecl-file-items>
+ *     <ecl-file-item eclTitle="български" meta="(15.7 MB - PDF)" langDetail="bg"
+ *                    titleId="my-file-0-title" metaId="my-file-0-meta">
+ *       <a eclFileTranslationDownload eclLink variant="standalone" href="/example#bg" hreflang="bg">
+ *         <span eclLinkLabel>Download</span>
+ *         <ecl-icon icon="download-simple" iconSet="phosphor" size="fluid"></ecl-icon>
+ *       </a>
+ *     </ecl-file-item>
+ *   </ecl-file-items>
+ * </ecl-file>
+ * ```
  */
 declare class EclFileComponent extends ECLBaseDirective {
     eclThemeService: EclThemeService;
     /**
-     * Host element CSS classes based on theme and content.
+     * Host element CSS classes.
      */
     get cssClasses(): string;
     /**
@@ -205,9 +171,10 @@ declare class EclFileComponent extends ECLBaseDirective {
      */
     description: _angular_core.InputSignal<string>;
     /**
-     * Optional ID for the file component, useful for accessibility or referencing.
+     * Unique ID for the file component. Auto-generated if not provided.
+     * Used to derive accessibility IDs for child elements.
      */
-    readonly id: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     /**
      * Optional language ID (e.g., for translation or accessibility attributes).
      */
@@ -217,35 +184,83 @@ declare class EclFileComponent extends ECLBaseDirective {
      */
     labelInfo: _angular_core.InputSignal<string>;
     /**
-     * Language indicator string (e.g. "EN", "FR") used in the label.
+     * Language indicator string (e.g. "English", "French") used in the footer.
+     * When translations are present, this becomes the toggle button label.
      */
     language: _angular_core.InputSignal<string>;
     /**
-     * Additional details displayed in the file component (e.g. file size, date).
+     * Primary metadata array (e.g. ['Meta info', 'DD Month YYYY']).
+     * Rendered as a list below the title/description.
+     */
+    primaryMeta: _angular_core.InputSignal<string[]>;
+    /**
+     * @deprecated Use `primaryMeta` instead. Kept for backward compatibility.
      */
     detailMeta: _angular_core.InputSignal<string[]>;
     /**
-     * Main metadata displayed for the file (e.g. format, license).
+     * @deprecated Meta is now rendered inside the download link by the consumer.
+     * Kept for backward compatibility — no longer rendered in the template.
      */
     meta: _angular_core.InputSignal<string>;
     /**
-     * ID applied to the meta element for accessibility.
+     * @deprecated Meta ID is now managed by the consumer inside the download link.
+     * Kept for backward compatibility — no longer rendered in the template.
      */
     metaId: _angular_core.InputSignal<string>;
     /**
-     * Optional image directive projected via content slot, used for thumbnails.
+     * Accessible label for the translation toggle button.
+     * Defaults to the `language` value if not provided.
+     */
+    toggleAriaLabel: _angular_core.InputSignal<string>;
+    /**
+     * File type icon to display. Renders a phosphor icon internally.
+     * Options: 'file' (default), 'pdf', 'doc', 'xls', 'txt', 'zip'.
+     * Ignored when a picture is projected.
+     */
+    fileIcon: _angular_core.InputSignal<"file" | "pdf" | "doc" | "xls" | "txt" | "zip">;
+    /**
+     * Whether the translation list is currently expanded.
+     */
+    protected isTranslationsExpanded: _angular_core.WritableSignal<boolean>;
+    /**
+     * Emits when the translation toggle is clicked.
+     * Consumers can call `preventDefault()` on the event to cancel the toggle.
+     */
+    translationsToggle: _angular_core.OutputEmitterRef<EclFileItemsToggleEvent>;
+    /**
+     * Optional image directive projected via content slot, used for pictures.
+     */
+    protected eclPictureContent: _angular_core.Signal<EclFilePictureDirective>;
+    /**
+     * Projected translation list component.
+     */
+    protected eclFileItems: _angular_core.Signal<EclFileItemsComponent>;
+    constructor();
+    /**
+     * Whether this file has a picture projected.
+     */
+    protected hasPicture: _angular_core.Signal<boolean>;
+    /**
+     * Resolved phosphor icon name based on the fileIcon input.
+     */
+    protected resolvedIconName: _angular_core.Signal<string>;
+    /**
+     * Whether translations are present.
+     */
+    protected hasTranslations: _angular_core.Signal<boolean>;
+    /**
+     * Resolved primary meta — uses primaryMeta if available, falls back to deprecated detailMeta.
      */
-    readonly eclPictureContent: _angular_core.Signal<EclFilePictureDirective>;
+    protected resolvedPrimaryMeta: _angular_core.Signal<string[]>;
     /**
-     * Determines whether the file has an associated thumbnail.
-     * Returns true if an `EclFilePictureDirective` is present in projected content.
+     * Handles the translation toggle button click.
      */
-    get isThumbnail(): boolean;
+    onTranslationToggleClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclFileComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclFileComponent, "ecl-file", never, { "description": { "alias": "description"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "langId": { "alias": "langId"; "required": false; "isSignal": true; }; "labelInfo": { "alias": "labelInfo"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "detailMeta": { "alias": "detailMeta"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "metaId": { "alias": "metaId"; "required": false; "isSignal": true; }; }, {}, ["eclPictureContent"], ["[eclFilePicture]", "[eclFileTitle]", "ecl-file-taxonomy", "[eclFilePreview]", "[eclFileDownload]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclFileComponent, "ecl-file", never, { "description": { "alias": "description"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "langId": { "alias": "langId"; "required": false; "isSignal": true; }; "labelInfo": { "alias": "labelInfo"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "primaryMeta": { "alias": "primaryMeta"; "required": false; "isSignal": true; }; "detailMeta": { "alias": "detailMeta"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "metaId": { "alias": "metaId"; "required": false; "isSignal": true; }; "toggleAriaLabel": { "alias": "toggleAriaLabel"; "required": false; "isSignal": true; }; "fileIcon": { "alias": "fileIcon"; "required": false; "isSignal": true; }; }, { "translationsToggle": "translationsToggle"; }, ["eclPictureContent", "eclFileItems"], ["[eclFilePicture]", "[eclFileTitle]", "ecl-file-lists, ecl-file-taxonomy", "[eclFilePreview]", "[eclFileDownload]", "ecl-file-items", "*"], true, never>;
 }
 
-declare const EUI_ECL_FILE: readonly [typeof EclFileComponent, typeof EclFileDownloadDirective, typeof EclFileItemsComponent, typeof EclFileItemComponent, typeof EclFileTaxonomyComponent, typeof EclFileTitleDirective, typeof EclFileTranslationDownloadDirective, typeof EclFilePictureDirective, typeof EclFileImageDirective, typeof EclFilePreviewDirective];
+declare const EUI_ECL_FILE: readonly [typeof EclFileComponent, typeof EclFileDownloadDirective, typeof EclFileItemsComponent, typeof EclFileItemComponent, typeof EclFileListsComponent, typeof EclFileTitleDirective, typeof EclFileTranslationDownloadDirective, typeof EclFilePictureDirective, typeof EclFileImageDirective, typeof EclFilePreviewDirective, typeof EclFileMetaDirective];
 
-export { EUI_ECL_FILE, EclFileComponent, EclFileDownloadDirective, EclFileImageDirective, EclFileItemComponent, EclFileItemsComponent, EclFileItemsToggleEvent, EclFilePictureDirective, EclFilePreviewDirective, EclFileTaxonomyComponent, EclFileTitleDirective, EclFileTranslationDownloadDirective };
+export { EUI_ECL_FILE, EclFileComponent, EclFileDownloadDirective, EclFileImageDirective, EclFileItemComponent, EclFileItemsComponent, EclFileItemsToggleEvent, EclFileListsComponent, EclFileMetaDirective, EclFilePictureDirective, EclFilePreviewDirective, EclFileTitleDirective, EclFileTranslationDownloadDirective };
 //# sourceMappingURL=eui-ecl-components-ecl-file.d.ts.map

package/types/eui-ecl-components-ecl-file.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-file.d.ts","sources":["../../components/ecl-file/ecl-file-download.directive.ts","../../components/ecl-file/ecl-file-item/ecl-file-item.component.ts","../../components/ecl-file/events/ecl-file-items-toggle.event.ts","../../components/ecl-file/ecl-file-items/ecl-file-items.component.ts","../../components/ecl-file/ecl-file-picture.directive.ts","../../components/ecl-file/ecl-file-taxonomy/ecl-file-taxonomy.component.ts","../../components/ecl-file/ecl-file.component.ts","../../components/ecl-file/index.ts"],"mappings":";;;AAGA;;;AAGG;AACH,cAGa,mCAAoC,SAAQ,gBAAgB;AAErE;;AAEG;AACkD;oDAL5C,mCAAmC;sDAAnC,mCAAmC;AAM/C;AAED;;AAEG;AACH,cAGa,wBAAyB,SAAQ,gBAAgB;AAE1D;;AAEG;AACsC;oDALhC,wBAAwB;sDAAxB,wBAAwB;AAMpC;AAED;;;AAGG;AACH,cAMa,uBAAwB,SAAQ,gBAAgB;AAEzD;;AAEG;AAC4B;AAE/B;;AAEG;AACwC;oDAVlC,uBAAuB;sDAAvB,uBAAuB;AAWnC;;ACjDD;;;AAGG;AACH,cAIa,oBAAqB,SAAQ,gBAAgB;AACtD;;;AAGG;AACH,mBAAa,aAAA,CAAA,wBAAA;AAEb;;AAEG;AACH,cAAQ,aAAA,CAAA,WAAA;AAER;;AAEG;AACH,aAAO,aAAA,CAAA,WAAA;AAEP;;AAEG;AACH,YAAM,aAAA,CAAA,WAAA;AAEN;;AAEG;AACH,UAAI,aAAA,CAAA,WAAA;AAEJ;;AAEG;AACH,WAAK,aAAA,CAAA,WAAA;AAEL;;AAEG;AACH,gBAAU,aAAA,CAAA,WAAA;AAEV;;AAEG;;AASH;;AAEG;AACuB;;AAG1B;;AAEG;;oDAxDM,oBAAoB;sDAApB,oBAAoB;AA4DhC;;ACtED,cAAa,uBAAwB,SAAQ,YAAY;AAClC;AAAA;AAGtB;;ACSD;;;AAGG;AACH,cASa,qBAAsB,SAAQ,gBAAgB;AAEvD;;AAEG;;AAMH;;AAEG;oBACW,aAAA,CAAA,WAAA;AAEd;;AAEG;yBACgB,aAAA,CAAA,WAAA;AAEnB;;;;;AAKG;qBAEY,aAAA,CAAA,gBAAA,CAAA,uBAAA;AAEf;;AAEG;oBACW,aAAA,CAAA,MAAA,UAAA,oBAAA;AAEd;;AAEG;AACH;AAIA;;;AAGG;AACH,uBAAmB,UAAU;oDA7CpB,qBAAqB;sDAArB,qBAAqB;AAuDjC;;AChFD;;;AAGG;AACH,cAGa,uBAAwB,SAAQ,gBAAgB;AAEzD;;AAEG;;oDAJM,uBAAuB;sDAAvB,uBAAuB;AASnC;AAED;;;AAGG;AACH,cAGa,qBAAsB,SAAQ,gBAAgB;AAEvD;;AAEG;AACmC;oDAL7B,qBAAqB;sDAArB,qBAAqB;AAMjC;AAED;;AAEG;AACH,cAGa,qBAAsB,SAAQ,gBAAgB;AAEvD;;AAEG;AACmC;AAEtC;;AAEG;iBACQ,aAAA,CAAA,WAAA;oDAVF,qBAAqB;sDAArB,qBAAqB;AAWjC;;AClDD;;AAEG;AACH,cAIa,wBAAyB,SAAQ,gBAAgB;AAE1D;;AAEG;;oDAJM,wBAAwB;sDAAxB,wBAAwB;AASpC;;ACPD;;;AAGG;AACH,cAea,gBAAiB,SAAQ,gBAAgB;AAClD,qBAAe,eAAA;AAEf;;AAEG;;AAMH;;AAEG;AACH,iBAAW,aAAA,CAAA,WAAA;AAEX;;AAEG;iBACQ,aAAA,CAAA,WAAA;AAEX;;AAEG;AACH,YAAM,aAAA,CAAA,WAAA;AAEN;;AAEG;AACH,eAAS,aAAA,CAAA,WAAA;AAET;;AAEG;AACH,cAAQ,aAAA,CAAA,WAAA;AAER;;AAEG;AACH,gBAAU,aAAA,CAAA,WAAA;AAEV;;AAEG;AACH,UAAI,aAAA,CAAA,WAAA;AAEJ;;AAEG;AACH,YAAM,aAAA,CAAA,WAAA;AAEN;;AAEG;gCACuB,aAAA,CAAA,MAAA,CAAA,uBAAA;AAE1B;;;AAGG;;oDA3DM,gBAAgB;sDAAhB,gBAAgB;AA+D5B;;AC/ED,cAAa,YAAY,mBAAA,gBAAA,SAAA,wBAAA,SAAA,qBAAA,SAAA,oBAAA,SAAA,wBAAA,SAAA,qBAAA,SAAA,mCAAA,SAAA,uBAAA,SAAA,qBAAA,SAAA,uBAAA;;;;","names":[]}
+{"version":3,"file":"eui-ecl-components-ecl-file.d.ts","sources":["../../components/ecl-file/ecl-file-download.directive.ts","../../components/ecl-file/ecl-file-item/ecl-file-item.component.ts","../../components/ecl-file/ecl-file-items/ecl-file-items.component.ts","../../components/ecl-file/ecl-file-picture.directive.ts","../../components/ecl-file/ecl-file-lists/ecl-file-lists.component.ts","../../components/ecl-file/events/ecl-file-items-toggle.event.ts","../../components/ecl-file/ecl-file.component.ts","../../components/ecl-file/index.ts"],"mappings":"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","names":[]}