@tedi-design-system/angular 8.1.0-rc.17 → 8.1.0-rc.18

package/fesm2022/tedi-design-system-angular-tedi.mjs

@@ -2707,20 +2707,6 @@ const translationsMap = {
         en: "Table of contents",
         ru: "Содержание",
     },
-    "table-of-contents.valid": {
-        description: "Number of valid steps",
-        components: ["TableOfContents"],
-        et: (count) => `${count} valiidsed`,
-        en: (count) => `${count} valid`,
-        ru: (count) => `${count} действительны`,
-    },
-    "table-of-contents.invalid": {
-        description: "Number of invalid steps",
-        components: ["TableOfContents"],
-        et: (count) => `${count} mitte valiidne`,
-        en: (count) => `${count} invalid`,
-        ru: (count) => `${count} неверный`,
-    },
     "truncate.see-more": {
         description: "See more button label",
         components: ["Truncate"],
@@ -22557,6 +22543,450 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImpo
                     }, template: "<ng-content />\n", styles: [".tedi-horizontal-stepper{display:flex;background-color:var(--stepper-background)}.tedi-horizontal-stepper--transparent{background-color:transparent}.tedi-horizontal-stepper--compact .tedi-horizontal-stepper-item{flex:1 0 0}.tedi-horizontal-stepper--compact .tedi-horizontal-stepper-item--selected{flex:0 0 auto}.tedi-horizontal-stepper--compact .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__step{align-items:center;justify-content:center;width:100%}.tedi-horizontal-stepper--compact .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__content{display:none}.tedi-horizontal-stepper--compact .tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__content{display:flex}@media(max-width:35.98rem){.tedi-horizontal-stepper--compact-sm .tedi-horizontal-stepper-item{flex:1 0 0}.tedi-horizontal-stepper--compact-sm .tedi-horizontal-stepper-item--selected{flex:0 0 auto}.tedi-horizontal-stepper--compact-sm .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__step{align-items:center;justify-content:center;width:100%}.tedi-horizontal-stepper--compact-sm .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__content{display:none}.tedi-horizontal-stepper--compact-sm .tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__content{display:flex}}@media(max-width:47.98rem){.tedi-horizontal-stepper--compact-md .tedi-horizontal-stepper-item{flex:1 0 0}.tedi-horizontal-stepper--compact-md .tedi-horizontal-stepper-item--selected{flex:0 0 auto}.tedi-horizontal-stepper--compact-md .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__step{align-items:center;justify-content:center;width:100%}.tedi-horizontal-stepper--compact-md .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__content{display:none}.tedi-horizontal-stepper--compact-md .tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__content{display:flex}}@media(max-width:61.98rem){.tedi-horizontal-stepper--compact-lg .tedi-horizontal-stepper-item{flex:1 0 0}.tedi-horizontal-stepper--compact-lg .tedi-horizontal-stepper-item--selected{flex:0 0 auto}.tedi-horizontal-stepper--compact-lg .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__step{align-items:center;justify-content:center;width:100%}.tedi-horizontal-stepper--compact-lg .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__content{display:none}.tedi-horizontal-stepper--compact-lg .tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__content{display:flex}}@media(max-width:74.98rem){.tedi-horizontal-stepper--compact-xl .tedi-horizontal-stepper-item{flex:1 0 0}.tedi-horizontal-stepper--compact-xl .tedi-horizontal-stepper-item--selected{flex:0 0 auto}.tedi-horizontal-stepper--compact-xl .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__step{align-items:center;justify-content:center;width:100%}.tedi-horizontal-stepper--compact-xl .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__content{display:none}.tedi-horizontal-stepper--compact-xl .tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__content{display:flex}}@media(max-width:87.48rem){.tedi-horizontal-stepper--compact-xxl .tedi-horizontal-stepper-item{flex:1 0 0}.tedi-horizontal-stepper--compact-xxl .tedi-horizontal-stepper-item--selected{flex:0 0 auto}.tedi-horizontal-stepper--compact-xxl .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__step{align-items:center;justify-content:center;width:100%}.tedi-horizontal-stepper--compact-xxl .tedi-horizontal-stepper-item .tedi-horizontal-stepper-item__content{display:none}.tedi-horizontal-stepper--compact-xxl .tedi-horizontal-stepper-item--selected .tedi-horizontal-stepper-item__content{display:flex}}\n"] }]
         }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HorizontalStepperItemComponent), { isSignal: true }] }] } });
 
+/**
+ * A single entry in a `tedi-table-of-contents`. Its non-item content (a
+ * `tedi-link`, anchor or button) is the clickable label; nested
+ * `tedi-table-of-contents-item` children become this item's sub-items and are
+ * only revealed when the item is on the active branch.
+ */
+class TableOfContentsItemComponent {
+    /**
+     * Unique id. Required to mark the item active (via the parent's `activeId`)
+     * and to be the parent of nested items. Named `itemId` to avoid
+     * shadowing the native `id` attribute.
+     */
+    itemId = input(...(ngDevMode ? [undefined, { debugName: "itemId" }] : []));
+    /** Render a separator below the item. */
+    separator = input(false, ...(ngDevMode ? [{ debugName: "separator" }] : []));
+    root = inject(TableOfContentsComponent);
+    parent = inject(TableOfContentsItemComponent, {
+        optional: true,
+        skipSelf: true,
+    });
+    /** Direct nested items (a single level down). */
+    childItems = contentChildren(TableOfContentsItemComponent, ...(ngDevMode ? [{ debugName: "childItems" }] : []));
+    numbered = computed(() => this.root.numbered(), ...(ngDevMode ? [{ debugName: "numbered" }] : []));
+    depth = computed(() => this.parent ? this.parent.depth() + 1 : 1, ...(ngDevMode ? [{ debugName: "depth" }] : []));
+    /** CSS indent level — capped at 2, matching the design's two-level hierarchy. */
+    level = computed(() => Math.min(this.depth(), 2), ...(ngDevMode ? [{ debugName: "level" }] : []));
+    hasChildren = computed(() => this.childItems().length > 0, ...(ngDevMode ? [{ debugName: "hasChildren" }] : []));
+    isSelected = computed(() => !!this.itemId() && this.itemId() === this.root.activeId(), ...(ngDevMode ? [{ debugName: "isSelected" }] : []));
+    /** Whether the active item is this item or somewhere in its subtree. */
+    containsActive = computed(() => this.isSelected() ||
+        this.childItems().some((child) => child.containsActive()), ...(ngDevMode ? [{ debugName: "containsActive" }] : []));
+    /**
+     * Whether this item's nested group is expanded: always when the TOC is
+     * `defaultOpen`, otherwise only along the branch leading to the active item.
+     */
+    isOpen = computed(() => this.hasChildren() && (this.root.defaultOpen() || this.containsActive()), ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
+    siblings = computed(() => this.parent ? this.parent.childItems() : this.root.items(), ...(ngDevMode ? [{ debugName: "siblings" }] : []));
+    index = computed(() => this.siblings().indexOf(this), ...(ngDevMode ? [{ debugName: "index" }] : []));
+    numberPrefix = computed(() => this.parent ? this.parent.numberBase() : undefined, ...(ngDevMode ? [{ debugName: "numberPrefix" }] : []));
+    /** Hierarchical number base without trailing dot, e.g. `2` or `2.1`. */
+    numberBase = computed(() => {
+        const position = this.index() + 1;
+        const prefix = this.numberPrefix();
+        return prefix ? `${prefix}.${position}` : `${position}`;
+    }, ...(ngDevMode ? [{ debugName: "numberBase" }] : []));
+    /** Rendered number — `1.` at the top level, `1.1` when nested. */
+    numberLabel = computed(() => this.numberPrefix() ? this.numberBase() : `${this.numberBase()}.`, ...(ngDevMode ? [{ debugName: "numberLabel" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TableOfContentsItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: TableOfContentsItemComponent, isStandalone: true, selector: "tedi-table-of-contents-item", inputs: { itemId: { classPropertyName: "itemId", publicName: "itemId", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, properties: { "class.tedi-table-of-contents__item--selected": "isSelected()", "attr.aria-current": "isSelected() ? 'location' : null", "attr.data-name": "'table-of-contents-item'" }, classAttribute: "tedi-table-of-contents__item" }, queries: [{ propertyName: "childItems", predicate: TableOfContentsItemComponent, isSignal: true }], ngImport: i0, template: "<span\n  class=\"tedi-table-of-contents__row\"\n  [class]=\"'tedi-table-of-contents__row--level-' + level()\"\n>\n  @if (numbered()) {\n    <span class=\"tedi-table-of-contents__number\" aria-hidden=\"true\">{{\n      numberLabel()\n    }}</span>\n  }\n  <span class=\"tedi-table-of-contents__content\">\n    <ng-content />\n  </span>\n  <ng-content select=\"[tediTocItemSuffix]\" />\n</span>\n\n@if (separator()) {\n  <div class=\"tedi-table-of-contents__separator\">\n    <tedi-separator />\n  </div>\n}\n\n@if (isOpen()) {\n  <ul class=\"tedi-table-of-contents__group\" role=\"list\">\n    <ng-content select=\"tedi-table-of-contents-item\" />\n  </ul>\n}\n", dependencies: [{ kind: "component", type: SeparatorComponent, selector: "tedi-separator", inputs: ["axis", "color", "variant", "dotSize", "dotFilled", "thickness", "spacing", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TableOfContentsItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-table-of-contents-item", standalone: true, imports: [SeparatorComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: "tedi-table-of-contents__item",
+                        role: "listitem",
+                        "[class.tedi-table-of-contents__item--selected]": "isSelected()",
+                        "[attr.aria-current]": "isSelected() ? 'location' : null",
+                        "[attr.data-name]": "'table-of-contents-item'",
+                    }, template: "<span\n  class=\"tedi-table-of-contents__row\"\n  [class]=\"'tedi-table-of-contents__row--level-' + level()\"\n>\n  @if (numbered()) {\n    <span class=\"tedi-table-of-contents__number\" aria-hidden=\"true\">{{\n      numberLabel()\n    }}</span>\n  }\n  <span class=\"tedi-table-of-contents__content\">\n    <ng-content />\n  </span>\n  <ng-content select=\"[tediTocItemSuffix]\" />\n</span>\n\n@if (separator()) {\n  <div class=\"tedi-table-of-contents__separator\">\n    <tedi-separator />\n  </div>\n}\n\n@if (isOpen()) {\n  <ul class=\"tedi-table-of-contents__group\" role=\"list\">\n    <ng-content select=\"tedi-table-of-contents-item\" />\n  </ul>\n}\n" }]
+        }], propDecorators: { itemId: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemId", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], childItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TableOfContentsItemComponent), { isSignal: true }] }] } });
+
+let nextUniqueId = 0;
+/**
+ * A navigation aid that lists the sections of a page and highlights the one the
+ * reader is on. Compose it from `tedi-table-of-contents-item` elements; nest
+ * items to build a two-level hierarchy.
+ *
+ * The active item is controlled via `activeId`: it gets the accent bar and active link colour.
+ *
+ * When `sticky` is enabled the container pins while the page scrolls. Two knobs
+ * adapt it to the surrounding layout: `stickyOffset` moves where it pins (raise
+ * it to clear a fixed header), and `stickyMaxHeight` overrides the height cap
+ * for when the TOC scrolls inside a fixed-height container rather than the window.
+ *
+ * The gap the sticky TOC leaves above the viewport bottom has no input — override
+ * the `--tedi-table-of-contents-sticky-bottom` CSS custom property (default
+ * `1.5rem`) from any ancestor when you need to clear a fixed footer.
+ */
+class TableOfContentsComponent {
+    /**
+     * Heading rendered above the list. Defaults to the localised "Table of
+     * contents" label; pass `null` (or an empty string) to render it headless —
+     * the navigation keeps an accessible name via `aria-label`.
+     */
+    heading = input(undefined, ...(ngDevMode ? [{ debugName: "heading" }] : []));
+    /**
+     * Semantic level of the heading element (`h1`–`h6`). The visual style stays
+     * h4 regardless; set this to match the surrounding page's heading outline
+     * (e.g. `h2` when the TOC follows only a page `h1`).
+     */
+    headingLevel = input("h3", ...(ngDevMode ? [{ debugName: "headingLevel" }] : []));
+    /**
+     * Visual variant:
+     * - `default` — rendered inside a bordered card.
+     * - `transparent` — no card chrome; the list sits on the page with a
+     *   continuous grey left rail.
+     */
+    variant = input("default", ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    /**
+     * Draws a divider under each item except the last — sub-items included — so the
+     * list reads as a set of separated rows.
+     * @default false
+     */
+    bordered = input(false, ...(ngDevMode ? [{ debugName: "bordered" }] : []));
+    /** Id of the currently active item. */
+    activeId = input(...(ngDevMode ? [undefined, { debugName: "activeId" }] : []));
+    /**
+     * Keep the active item visible inside the TOC's own scroll area. When the list
+     * is taller than a bounded or sticky container and `activeId` changes, the TOC
+     * scrolls its internal scroll region just enough to reveal the active item.
+     * No-op when the list isn't scrollable (short lists, unbounded layouts).
+     * @default false
+     */
+    scrollActiveIntoView = input(false, ...(ngDevMode ? [{ debugName: "scrollActiveIntoView" }] : []));
+    /**
+     * Whether nested items are expanded by default. When `true` (default) the full
+     * outline is always visible. When `false`, a branch reveals its sub-items only
+     * while it is on the active trail (the active item or one of its ancestors).
+     * @default true
+     */
+    defaultOpen = input(true, ...(ngDevMode ? [{ debugName: "defaultOpen" }] : []));
+    /** Show auto-generated hierarchical numbers (`1.`, `2.`, `2.1`, …). */
+    numbered = input(false, ...(ngDevMode ? [{ debugName: "numbered" }] : []));
+    /** Stick the container to the viewport while scrolling. */
+    sticky = input(true, ...(ngDevMode ? [{ debugName: "sticky" }] : []));
+    /**
+     * Distance from the top of the scroll container at which the sticky TOC pins,
+     * as any CSS length or expression. Raise it to clear a fixed header — e.g.
+     * `"calc(var(--layout-header-height) + 1.5rem)"`. Drives both `top` and the
+     * default `max-height`. Only applies while `sticky` is `true`.
+     * @default "1.5rem"
+     */
+    stickyOffset = input(...(ngDevMode ? [undefined, { debugName: "stickyOffset" }] : []));
+    /**
+     * Overrides the sticky height cap. The default keeps the TOC within the
+     * viewport (`calc(100dvh - offset - 1.5rem)`); set this when the TOC scrolls
+     * inside a fixed-height container rather than the window — e.g.
+     * `"calc(30rem - 3rem)"` for a 30rem scroll region. Only applies while
+     * `sticky` is `true`.
+     */
+    stickyMaxHeight = input(...(ngDevMode ? [undefined, { debugName: "stickyMaxHeight" }] : []));
+    /**
+     * Accessible name for the navigation landmark. Overrides the default, which is
+     * the heading (via `aria-labelledby`) or the localised title when headless.
+     * Useful to disambiguate multiple tables of contents on one page.
+     */
+    ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
+    translations = inject(TediTranslationService);
+    host = inject(ElementRef);
+    platformId = inject(PLATFORM_ID);
+    constructor() {
+        // Reveal the active item within the TOC's own scroll region whenever it
+        // changes. Runs after render so nested items have finished expanding.
+        afterRenderEffect(() => {
+            const activeId = this.activeId();
+            if (!this.scrollActiveIntoView() || !activeId)
+                return;
+            if (!isPlatformBrowser(this.platformId))
+                return;
+            this.revealActiveItem();
+        });
+    }
+    /** Top-level items, used by items to compute their hierarchical numbers. */
+    items = contentChildren(forwardRef(() => TableOfContentsItemComponent), ...(ngDevMode ? [{ debugName: "items" }] : []));
+    titleLabel = this.translations.track("table-of-contents.title");
+    resolvedHeading = computed(() => {
+        const heading = this.heading();
+        return heading === undefined ? this.titleLabel() : heading;
+    }, ...(ngDevMode ? [{ debugName: "resolvedHeading" }] : []));
+    navLabel = computed(() => this.ariaLabel() || this.titleLabel(), ...(ngDevMode ? [{ debugName: "navLabel" }] : []));
+    headingId = `tedi-table-of-contents-heading-${(nextUniqueId += 1)}`;
+    /** Scroll the TOC's own scroll region so the active item's row is visible. */
+    revealActiveItem() {
+        const hostEl = this.host.nativeElement;
+        const activeItem = hostEl.querySelector('[aria-current="location"]');
+        if (!activeItem)
+            return;
+        // Position by the item's own row, not the whole subtree (which may include
+        // expanded children).
+        const target = activeItem.querySelector(":scope > .tedi-table-of-contents__row") ?? activeItem;
+        const scroller = this.findScrollParent(target);
+        if (!scroller)
+            return;
+        const scrollerRect = scroller.getBoundingClientRect();
+        const targetRect = target.getBoundingClientRect();
+        const margin = 8;
+        const behavior = window.matchMedia("(prefers-reduced-motion: reduce)").matches
+            ? "auto"
+            : "smooth";
+        if (targetRect.top < scrollerRect.top + margin) {
+            scroller.scrollBy({
+                top: targetRect.top - scrollerRect.top - margin,
+                behavior,
+            });
+        }
+        else if (targetRect.bottom > scrollerRect.bottom - margin) {
+            scroller.scrollBy({
+                top: targetRect.bottom - scrollerRect.bottom + margin,
+                behavior,
+            });
+        }
+    }
+    /** Nearest scrollable ancestor within this component (e.g. the sticky `nav`). */
+    findScrollParent(el) {
+        const hostEl = this.host.nativeElement;
+        let node = el.parentElement;
+        while (node && hostEl.contains(node)) {
+            const overflowY = getComputedStyle(node).overflowY;
+            if ((overflowY === "auto" || overflowY === "scroll") &&
+                node.scrollHeight > node.clientHeight) {
+                return node;
+            }
+            node = node.parentElement;
+        }
+        return null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TableOfContentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: TableOfContentsComponent, isStandalone: true, selector: "tedi-table-of-contents", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, headingLevel: { classPropertyName: "headingLevel", publicName: "headingLevel", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, activeId: { classPropertyName: "activeId", publicName: "activeId", isSignal: true, isRequired: false, transformFunction: null }, scrollActiveIntoView: { classPropertyName: "scrollActiveIntoView", publicName: "scrollActiveIntoView", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, numbered: { classPropertyName: "numbered", publicName: "numbered", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, stickyOffset: { classPropertyName: "stickyOffset", publicName: "stickyOffset", isSignal: true, isRequired: false, transformFunction: null }, stickyMaxHeight: { classPropertyName: "stickyMaxHeight", publicName: "stickyMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-table-of-contents--bordered": "bordered()", "attr.data-name": "'table-of-contents'", "style.--tedi-table-of-contents-sticky-top": "stickyOffset()", "style.--tedi-table-of-contents-sticky-max-height": "stickyMaxHeight()" }, classAttribute: "tedi-table-of-contents" }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => TableOfContentsItemComponent), isSignal: true }], ngImport: i0, template: "<ng-template #inner>\n  @if (resolvedHeading()) {\n    @switch (headingLevel()) {\n      @case (\"h1\") {\n        <h1\n          tedi-text\n          modifiers=\"h4\"\n          class=\"tedi-table-of-contents__heading\"\n          [id]=\"headingId\"\n        >\n          {{ resolvedHeading() }}\n        </h1>\n      }\n      @case (\"h2\") {\n        <h2\n          tedi-text\n          modifiers=\"h4\"\n          class=\"tedi-table-of-contents__heading\"\n          [id]=\"headingId\"\n        >\n          {{ resolvedHeading() }}\n        </h2>\n      }\n      @case (\"h4\") {\n        <h4\n          tedi-text\n          modifiers=\"h4\"\n          class=\"tedi-table-of-contents__heading\"\n          [id]=\"headingId\"\n        >\n          {{ resolvedHeading() }}\n        </h4>\n      }\n      @case (\"h5\") {\n        <h5\n          tedi-text\n          modifiers=\"h4\"\n          class=\"tedi-table-of-contents__heading\"\n          [id]=\"headingId\"\n        >\n          {{ resolvedHeading() }}\n        </h5>\n      }\n      @case (\"h6\") {\n        <h6\n          tedi-text\n          modifiers=\"h4\"\n          class=\"tedi-table-of-contents__heading\"\n          [id]=\"headingId\"\n        >\n          {{ resolvedHeading() }}\n        </h6>\n      }\n      @default {\n        <h3\n          tedi-text\n          modifiers=\"h4\"\n          class=\"tedi-table-of-contents__heading\"\n          [id]=\"headingId\"\n        >\n          {{ resolvedHeading() }}\n        </h3>\n      }\n    }\n  }\n  <nav\n    [attr.aria-labelledby]=\"\n      !ariaLabel() && resolvedHeading() ? headingId : null\n    \"\n    [attr.aria-label]=\"ariaLabel() || (resolvedHeading() ? null : navLabel())\"\n  >\n    <ul\n      class=\"tedi-table-of-contents__list\"\n      role=\"list\"\n      [class.tedi-table-of-contents__list--headless]=\"!resolvedHeading()\"\n    >\n      <ng-content select=\"tedi-table-of-contents-item\" />\n    </ul>\n  </nav>\n</ng-template>\n\n@if (variant() === \"transparent\") {\n  <div\n    class=\"tedi-table-of-contents__container tedi-table-of-contents--transparent\"\n    [class.tedi-table-of-contents--sticky]=\"sticky()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"inner\" />\n  </div>\n} @else {\n  <tedi-card\n    class=\"tedi-table-of-contents__container\"\n    [class.tedi-table-of-contents--sticky]=\"sticky()\"\n  >\n    <tedi-card-content [padding]=\"0\">\n      <ng-container [ngTemplateOutlet]=\"inner\" />\n    </tedi-card-content>\n  </tedi-card>\n}\n", styles: [".tedi-table-of-contents{--tedi-table-of-contents-padding: var(--card-padding-md-default);--tedi-table-of-contents-sticky-top: 1.5rem;--tedi-table-of-contents-sticky-bottom: 1.5rem;--tedi-table-of-contents-sticky-max-height: calc( 100dvh - var(--tedi-table-of-contents-sticky-top) - var(--tedi-table-of-contents-sticky-bottom) );display:block}.tedi-table-of-contents__container{display:block}.tedi-table-of-contents__container.tedi-table-of-contents--sticky{position:sticky;top:var(--tedi-table-of-contents-sticky-top);display:flex;flex-direction:column;max-height:var(--tedi-table-of-contents-sticky-max-height)}.tedi-table-of-contents--sticky>.tedi-card-content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.tedi-table-of-contents--sticky .tedi-table-of-contents__heading{flex:none}.tedi-table-of-contents--sticky nav{flex:1 1 auto;min-height:0;margin-block:var(--card-padding-md-default);overflow-y:auto}.tedi-table-of-contents--sticky .tedi-table-of-contents__list{padding-block:0}.tedi-table-of-contents--transparent .tedi-table-of-contents__list{position:relative;padding-bottom:0;isolation:isolate}.tedi-table-of-contents--transparent .tedi-table-of-contents__list:before{position:absolute;inset-block:0;inset-inline-start:0;z-index:-1;width:var(--tedi-borders-01);content:\"\";background:var(--card-border-primary)}.tedi-table-of-contents__heading{padding:var(--card-padding-md-default) var(--card-padding-md-default) 0 var(--card-padding-md-default)}.tedi-table-of-contents__list,.tedi-table-of-contents__group{display:flex;flex-direction:column;padding:0;margin:0;list-style:none}.tedi-table-of-contents__list{padding:var(--card-padding-md-default) 0}.tedi-table-of-contents--bordered .tedi-table-of-contents__list{padding:var(--card-padding-xs) 0}.tedi-table-of-contents__list--headless{padding-top:var(--tedi-table-of-contents-padding)}.tedi-table-of-contents__item{display:flex;flex-direction:column}.tedi-table-of-contents__row{display:flex;gap:var(--layout-grid-gutters-04);align-items:center;padding-block:var(--table-of-contents-padding-y);padding-inline:var(--table-of-contents-padding-left-level-1);border-left:var(--table-of-contents-active-item-border-width) solid transparent}.tedi-table-of-contents__row--level-2{padding-right:var(--list-padding-left-level-1);padding-left:var(--list-padding-left-level-2)}.tedi-table-of-contents__number{flex-shrink:0;min-width:1.5rem;color:var(--link-primary-default);text-align:right}.tedi-table-of-contents__separator{padding-block:var(--layout-grid-gutters-04);padding-right:var(--table-of-contents-padding-left-level-1);padding-left:calc(var(--table-of-contents-padding-left-level-1) - var(--table-of-contents-active-item-border-width));border-left:var(--table-of-contents-active-item-border-width) solid transparent}.tedi-table-of-contents__content{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.tedi-table-of-contents__suffix{flex:none}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row{border-left-color:var(--table-of-contents-border-active)}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row .tedi-table-of-contents__number{color:var(--link-primary-active)}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row .tedi-table-of-contents__content :is(a,button){color:var(--link-primary-active)}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row .tedi-table-of-contents__content :is(a,button):hover{color:var(--link-primary-active)}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row .tedi-table-of-contents__content :is(a,button):hover :not(tedi-icon){text-decoration:none}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__separator{border-left-color:var(--table-of-contents-border-active)}.tedi-table-of-contents--bordered .tedi-table-of-contents__row{border-bottom:var(--tedi-borders-01) solid var(--card-border-primary)}.tedi-table-of-contents--bordered .tedi-table-of-contents__list>.tedi-table-of-contents__item:last-child>.tedi-table-of-contents__row{border-bottom:0}.tedi-table-of-contents__bar{position:fixed;inset-inline:0;bottom:0;z-index:var(--z-index-header);display:flex;gap:var(--layout-grid-gutters-16);align-items:center;justify-content:space-between;padding:var(--card-padding-md-default);background:var(--card-background-primary);border-top:var(--tedi-borders-01) solid var(--card-border-primary);border-top-left-radius:var(--card-radius-rounded);border-top-right-radius:var(--card-radius-rounded);transition:transform .3s ease}.tedi-table-of-contents__bar--static{position:static}.tedi-table-of-contents__bar--hidden{display:none}.tedi-table-of-contents__bar--tucked{transform:translateY(100%)}@media(prefers-reduced-motion:reduce){.tedi-table-of-contents__bar{transition:none}}.tedi-table-of-contents__bar-title{margin:0}.tedi-table-of-contents__sheet{--tedi-table-of-contents-padding: var(--card-padding-md-default);display:flex;flex-direction:column;max-height:80dvh}.tedi-table-of-contents__sheet-header{display:flex;flex:none;gap:var(--layout-grid-gutters-16);align-items:center;justify-content:space-between;padding:var(--card-padding-md-default);border-bottom:var(--tedi-borders-01) solid var(--card-border-primary)}.tedi-table-of-contents__sheet-nav{flex:1 1 auto;min-height:0;overflow-y:auto}.tedi-table-of-contents__sheet-panel{width:100%;overflow-y:auto;background:var(--card-background-primary);border-top-left-radius:var(--modal-radius);border-top-right-radius:var(--modal-radius)}.tedi-table-of-contents__backdrop{background:var(--general-surface-overlay)}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["background", "padding", "borderRadius", "borderless", "border", "xs", "sm", "md", "lg", "xl", "xxl"] }, { kind: "component", type: CardContentComponent, selector: "tedi-card-content", inputs: ["background", "padding", "backgroundImage", "backgroundPosition", "backgroundSize", "backgroundRepeat", "autoWidth", "xs", "sm", "md", "lg", "xl", "xxl"] }, { kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TableOfContentsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-table-of-contents", standalone: true, imports: [
+                        CardComponent,
+                        CardContentComponent,
+                        TextComponent,
+                        NgTemplateOutlet,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: "tedi-table-of-contents",
+                        "[class.tedi-table-of-contents--bordered]": "bordered()",
+                        "[attr.data-name]": "'table-of-contents'",
+                        "[style.--tedi-table-of-contents-sticky-top]": "stickyOffset()",
+                        "[style.--tedi-table-of-contents-sticky-max-height]": "stickyMaxHeight()",
+                    }, template: "<ng-template #inner>\n  @if (resolvedHeading()) {\n    @switch (headingLevel()) {\n      @case (\"h1\") {\n        <h1\n          tedi-text\n          modifiers=\"h4\"\n          class=\"tedi-table-of-contents__heading\"\n          [id]=\"headingId\"\n        >\n          {{ resolvedHeading() }}\n        </h1>\n      }\n      @case (\"h2\") {\n        <h2\n          tedi-text\n          modifiers=\"h4\"\n          class=\"tedi-table-of-contents__heading\"\n          [id]=\"headingId\"\n        >\n          {{ resolvedHeading() }}\n        </h2>\n      }\n      @case (\"h4\") {\n        <h4\n          tedi-text\n          modifiers=\"h4\"\n          class=\"tedi-table-of-contents__heading\"\n          [id]=\"headingId\"\n        >\n          {{ resolvedHeading() }}\n        </h4>\n      }\n      @case (\"h5\") {\n        <h5\n          tedi-text\n          modifiers=\"h4\"\n          class=\"tedi-table-of-contents__heading\"\n          [id]=\"headingId\"\n        >\n          {{ resolvedHeading() }}\n        </h5>\n      }\n      @case (\"h6\") {\n        <h6\n          tedi-text\n          modifiers=\"h4\"\n          class=\"tedi-table-of-contents__heading\"\n          [id]=\"headingId\"\n        >\n          {{ resolvedHeading() }}\n        </h6>\n      }\n      @default {\n        <h3\n          tedi-text\n          modifiers=\"h4\"\n          class=\"tedi-table-of-contents__heading\"\n          [id]=\"headingId\"\n        >\n          {{ resolvedHeading() }}\n        </h3>\n      }\n    }\n  }\n  <nav\n    [attr.aria-labelledby]=\"\n      !ariaLabel() && resolvedHeading() ? headingId : null\n    \"\n    [attr.aria-label]=\"ariaLabel() || (resolvedHeading() ? null : navLabel())\"\n  >\n    <ul\n      class=\"tedi-table-of-contents__list\"\n      role=\"list\"\n      [class.tedi-table-of-contents__list--headless]=\"!resolvedHeading()\"\n    >\n      <ng-content select=\"tedi-table-of-contents-item\" />\n    </ul>\n  </nav>\n</ng-template>\n\n@if (variant() === \"transparent\") {\n  <div\n    class=\"tedi-table-of-contents__container tedi-table-of-contents--transparent\"\n    [class.tedi-table-of-contents--sticky]=\"sticky()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"inner\" />\n  </div>\n} @else {\n  <tedi-card\n    class=\"tedi-table-of-contents__container\"\n    [class.tedi-table-of-contents--sticky]=\"sticky()\"\n  >\n    <tedi-card-content [padding]=\"0\">\n      <ng-container [ngTemplateOutlet]=\"inner\" />\n    </tedi-card-content>\n  </tedi-card>\n}\n", styles: [".tedi-table-of-contents{--tedi-table-of-contents-padding: var(--card-padding-md-default);--tedi-table-of-contents-sticky-top: 1.5rem;--tedi-table-of-contents-sticky-bottom: 1.5rem;--tedi-table-of-contents-sticky-max-height: calc( 100dvh - var(--tedi-table-of-contents-sticky-top) - var(--tedi-table-of-contents-sticky-bottom) );display:block}.tedi-table-of-contents__container{display:block}.tedi-table-of-contents__container.tedi-table-of-contents--sticky{position:sticky;top:var(--tedi-table-of-contents-sticky-top);display:flex;flex-direction:column;max-height:var(--tedi-table-of-contents-sticky-max-height)}.tedi-table-of-contents--sticky>.tedi-card-content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.tedi-table-of-contents--sticky .tedi-table-of-contents__heading{flex:none}.tedi-table-of-contents--sticky nav{flex:1 1 auto;min-height:0;margin-block:var(--card-padding-md-default);overflow-y:auto}.tedi-table-of-contents--sticky .tedi-table-of-contents__list{padding-block:0}.tedi-table-of-contents--transparent .tedi-table-of-contents__list{position:relative;padding-bottom:0;isolation:isolate}.tedi-table-of-contents--transparent .tedi-table-of-contents__list:before{position:absolute;inset-block:0;inset-inline-start:0;z-index:-1;width:var(--tedi-borders-01);content:\"\";background:var(--card-border-primary)}.tedi-table-of-contents__heading{padding:var(--card-padding-md-default) var(--card-padding-md-default) 0 var(--card-padding-md-default)}.tedi-table-of-contents__list,.tedi-table-of-contents__group{display:flex;flex-direction:column;padding:0;margin:0;list-style:none}.tedi-table-of-contents__list{padding:var(--card-padding-md-default) 0}.tedi-table-of-contents--bordered .tedi-table-of-contents__list{padding:var(--card-padding-xs) 0}.tedi-table-of-contents__list--headless{padding-top:var(--tedi-table-of-contents-padding)}.tedi-table-of-contents__item{display:flex;flex-direction:column}.tedi-table-of-contents__row{display:flex;gap:var(--layout-grid-gutters-04);align-items:center;padding-block:var(--table-of-contents-padding-y);padding-inline:var(--table-of-contents-padding-left-level-1);border-left:var(--table-of-contents-active-item-border-width) solid transparent}.tedi-table-of-contents__row--level-2{padding-right:var(--list-padding-left-level-1);padding-left:var(--list-padding-left-level-2)}.tedi-table-of-contents__number{flex-shrink:0;min-width:1.5rem;color:var(--link-primary-default);text-align:right}.tedi-table-of-contents__separator{padding-block:var(--layout-grid-gutters-04);padding-right:var(--table-of-contents-padding-left-level-1);padding-left:calc(var(--table-of-contents-padding-left-level-1) - var(--table-of-contents-active-item-border-width));border-left:var(--table-of-contents-active-item-border-width) solid transparent}.tedi-table-of-contents__content{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.tedi-table-of-contents__suffix{flex:none}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row{border-left-color:var(--table-of-contents-border-active)}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row .tedi-table-of-contents__number{color:var(--link-primary-active)}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row .tedi-table-of-contents__content :is(a,button){color:var(--link-primary-active)}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row .tedi-table-of-contents__content :is(a,button):hover{color:var(--link-primary-active)}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row .tedi-table-of-contents__content :is(a,button):hover :not(tedi-icon){text-decoration:none}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__separator{border-left-color:var(--table-of-contents-border-active)}.tedi-table-of-contents--bordered .tedi-table-of-contents__row{border-bottom:var(--tedi-borders-01) solid var(--card-border-primary)}.tedi-table-of-contents--bordered .tedi-table-of-contents__list>.tedi-table-of-contents__item:last-child>.tedi-table-of-contents__row{border-bottom:0}.tedi-table-of-contents__bar{position:fixed;inset-inline:0;bottom:0;z-index:var(--z-index-header);display:flex;gap:var(--layout-grid-gutters-16);align-items:center;justify-content:space-between;padding:var(--card-padding-md-default);background:var(--card-background-primary);border-top:var(--tedi-borders-01) solid var(--card-border-primary);border-top-left-radius:var(--card-radius-rounded);border-top-right-radius:var(--card-radius-rounded);transition:transform .3s ease}.tedi-table-of-contents__bar--static{position:static}.tedi-table-of-contents__bar--hidden{display:none}.tedi-table-of-contents__bar--tucked{transform:translateY(100%)}@media(prefers-reduced-motion:reduce){.tedi-table-of-contents__bar{transition:none}}.tedi-table-of-contents__bar-title{margin:0}.tedi-table-of-contents__sheet{--tedi-table-of-contents-padding: var(--card-padding-md-default);display:flex;flex-direction:column;max-height:80dvh}.tedi-table-of-contents__sheet-header{display:flex;flex:none;gap:var(--layout-grid-gutters-16);align-items:center;justify-content:space-between;padding:var(--card-padding-md-default);border-bottom:var(--tedi-borders-01) solid var(--card-border-primary)}.tedi-table-of-contents__sheet-nav{flex:1 1 auto;min-height:0;overflow-y:auto}.tedi-table-of-contents__sheet-panel{width:100%;overflow-y:auto;background:var(--card-background-primary);border-top-left-radius:var(--modal-radius);border-top-right-radius:var(--modal-radius)}.tedi-table-of-contents__backdrop{background:var(--general-surface-overlay)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], headingLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingLevel", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], activeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeId", required: false }] }], scrollActiveIntoView: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollActiveIntoView", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], numbered: [{ type: i0.Input, args: [{ isSignal: true, alias: "numbered", required: false }] }], sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }], stickyOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyOffset", required: false }] }], stickyMaxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyMaxHeight", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], items: [{ type: i0.ContentChildren, args: [forwardRef(() => TableOfContentsItemComponent), { isSignal: true }] }] } });
+
+/**
+ * Marks projected content as the trailing suffix of a
+ * `tedi-table-of-contents-item`. The item renders it right-aligned at the end of
+ * the row — e.g. a `tedi-tag`.
+ */
+class TableOfContentsItemSuffixDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TableOfContentsItemSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.24", type: TableOfContentsItemSuffixDirective, isStandalone: true, selector: "[tediTocItemSuffix]", host: { classAttribute: "tedi-table-of-contents__suffix" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TableOfContentsItemSuffixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tediTocItemSuffix]",
+                    standalone: true,
+                    host: {
+                        class: "tedi-table-of-contents__suffix",
+                    },
+                }]
+        }] });
+
+/**
+ * Mobile variant of `tedi-table-of-contents`: a bottom bar that opens the list
+ * in a bottom-sheet overlay. Takes the same `tedi-table-of-contents-item`
+ * children as the desktop card; render it on small viewports.
+ *
+ * It provides itself as `TableOfContentsComponent` so the projected items
+ * resolve their context (`activeId`, `numbered`, `items`) exactly as they do
+ * inside the desktop component.
+ */
+class TableOfContentsCollapsibleComponent {
+    /**
+     * Heading shown on the bar and sheet. Defaults to the localised "Table of
+     * contents" label.
+     */
+    heading = input(undefined, ...(ngDevMode ? [{ debugName: "heading" }] : []));
+    /** Id of the currently active item. */
+    activeId = input(...(ngDevMode ? [undefined, { debugName: "activeId" }] : []));
+    /**
+     * Whether nested items are expanded by default. When `false`, a branch reveals
+     * its sub-items only while it is on the active trail. Mirrors
+     * `tedi-table-of-contents` so projected items resolve it via the shared root.
+     * @default true
+     */
+    defaultOpen = input(true, ...(ngDevMode ? [{ debugName: "defaultOpen" }] : []));
+    /** Show auto-generated hierarchical numbers (`1.`, `2.`, `2.1`, …). */
+    numbered = input(false, ...(ngDevMode ? [{ debugName: "numbered" }] : []));
+    /**
+     * Draws a divider under each item except the last — sub-items included — so the
+     * sheet's list reads as a set of separated rows. Mirrors `tedi-table-of-contents`.
+     * @default false
+     */
+    bordered = input(false, ...(ngDevMode ? [{ debugName: "bordered" }] : []));
+    /**
+     * Pin the bar to the bottom of the viewport. Set `false` to render it inline.
+     */
+    sticky = input(true, ...(ngDevMode ? [{ debugName: "sticky" }] : []));
+    /**
+     * Hide the bar while the user scrolls down and reveal it when they scroll up,
+     * keeping the reading area clear. Watches window scroll by default; set
+     * `scrollContainer` to watch a scrollable element instead.
+     * @default false
+     */
+    hideOnScroll = input(false, ...(ngDevMode ? [{ debugName: "hideOnScroll" }] : []));
+    /**
+     * Element whose scroll drives `hideOnScroll`. Defaults to the window; set it to
+     * the scrollable container when the content scrolls inside a region rather than
+     * the whole page.
+     */
+    scrollContainer = input(...(ngDevMode ? [undefined, { debugName: "scrollContainer" }] : []));
+    /**
+     * Accessible name for the sheet's navigation landmark and dialog. Defaults to
+     * the visible title.
+     */
+    ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
+    /** Top-level items, read by items to compute their hierarchical numbers. */
+    items = contentChildren(forwardRef(() => TableOfContentsItemComponent), ...(ngDevMode ? [{ debugName: "items" }] : []));
+    dialog = inject(Dialog);
+    overlay = inject(Overlay);
+    translations = inject(TediTranslationService);
+    platformId = inject(PLATFORM_ID);
+    zone = inject(NgZone);
+    sheet = viewChild.required("sheet");
+    dialogRef;
+    open = signal(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    /** True while the sticky bar is hidden by a scroll-down gesture. */
+    barHidden = signal(false, ...(ngDevMode ? [{ debugName: "barHidden" }] : []));
+    lastScrollY = 0;
+    ticking = false;
+    scrollTarget;
+    onScroll = () => this.handleScroll();
+    constructor() {
+        // Runs client-side only; drives the scroll-away behaviour for `hideOnScroll`.
+        afterNextRender(() => {
+            const target = this.scrollContainer() ?? window;
+            this.scrollTarget = target;
+            this.lastScrollY = this.currentScrollY();
+            // Outside Angular so scroll events don't trigger change detection; the
+            // `barHidden` signal updates the view on its own when it actually changes.
+            this.zone.runOutsideAngular(() => {
+                target.addEventListener("scroll", this.onScroll, {
+                    passive: true,
+                });
+            });
+        });
+    }
+    currentScrollY() {
+        const el = this.scrollContainer();
+        return el ? el.scrollTop : window.scrollY;
+    }
+    titleLabel = this.translations.track("table-of-contents.title");
+    openLabel = this.translations.track("open");
+    closeLabel = this.translations.track("close");
+    title = computed(() => this.heading() || this.titleLabel(), ...(ngDevMode ? [{ debugName: "title" }] : []));
+    /** Accessible name for the nav/dialog — the `ariaLabel` override or the title. */
+    navLabel = computed(() => this.ariaLabel() || this.title(), ...(ngDevMode ? [{ debugName: "navLabel" }] : []));
+    toggle(open) {
+        if (open) {
+            this.openSheet();
+        }
+        else {
+            this.close();
+        }
+    }
+    close() {
+        this.dialogRef?.close();
+    }
+    ngOnDestroy() {
+        this.close();
+        if (isPlatformBrowser(this.platformId)) {
+            this.scrollTarget?.removeEventListener("scroll", this.onScroll);
+        }
+    }
+    // Reveal on scroll up, hide on scroll down; always show near the top. Throttled
+    // to one update per frame and ignores sub-pixel jitter.
+    handleScroll() {
+        if (this.ticking)
+            return;
+        this.ticking = true;
+        requestAnimationFrame(() => {
+            this.ticking = false;
+            const currentY = this.currentScrollY();
+            if (!this.hideOnScroll()) {
+                this.barHidden.set(false);
+                this.lastScrollY = currentY;
+                return;
+            }
+            const delta = currentY - this.lastScrollY;
+            if (Math.abs(delta) < 4)
+                return;
+            this.barHidden.set(currentY > 8 && delta > 0);
+            this.lastScrollY = currentY;
+        });
+    }
+    onListClick(event) {
+        if (event.target.closest("a, button")) {
+            this.close();
+        }
+    }
+    openSheet() {
+        if (this.dialogRef)
+            return;
+        this.open.set(true);
+        this.dialogRef = this.dialog.open(this.sheet(), {
+            panelClass: "tedi-table-of-contents__sheet-panel",
+            backdropClass: "tedi-table-of-contents__backdrop",
+            hasBackdrop: true,
+            ariaModal: true,
+            ariaLabel: this.navLabel(),
+            autoFocus: "first-tabbable",
+            restoreFocus: true,
+            disableClose: true,
+            positionStrategy: this.overlay
+                .position()
+                .global()
+                .centerHorizontally()
+                .bottom("0"),
+            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+        });
+        this.dialogRef.backdropClick?.subscribe(() => this.close());
+        this.dialogRef.keydownEvents?.subscribe((event) => {
+            if (event.key === "Escape")
+                this.close();
+        });
+        this.dialogRef.closed.subscribe(() => {
+            this.dialogRef = undefined;
+            this.open.set(false);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TableOfContentsCollapsibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.24", type: TableOfContentsCollapsibleComponent, isStandalone: true, selector: "tedi-table-of-contents-collapsible", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, activeId: { classPropertyName: "activeId", publicName: "activeId", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, numbered: { classPropertyName: "numbered", publicName: "numbered", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, hideOnScroll: { classPropertyName: "hideOnScroll", publicName: "hideOnScroll", isSignal: true, isRequired: false, transformFunction: null }, scrollContainer: { classPropertyName: "scrollContainer", publicName: "scrollContainer", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-name": "'table-of-contents-collapsible'" }, classAttribute: "tedi-table-of-contents-collapsible" }, providers: [
+            {
+                provide: TableOfContentsComponent,
+                useExisting: forwardRef(() => TableOfContentsCollapsibleComponent),
+            },
+        ], queries: [{ propertyName: "items", predicate: i0.forwardRef(() => TableOfContentsItemComponent), isSignal: true }], viewQueries: [{ propertyName: "sheet", first: true, predicate: ["sheet"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"tedi-table-of-contents__bar\"\n  [class.tedi-table-of-contents__bar--static]=\"!sticky()\"\n  [class.tedi-table-of-contents__bar--hidden]=\"open()\"\n  [class.tedi-table-of-contents__bar--tucked]=\"barHidden()\"\n>\n  <span tedi-text modifiers=\"bold\" class=\"tedi-table-of-contents__bar-title\">\n    {{ title() }}\n  </span>\n  <button\n    tedi-collapse-button\n    aria-haspopup=\"dialog\"\n    [open]=\"open()\"\n    [openText]=\"openLabel()\"\n    [closeText]=\"closeLabel()\"\n    [underline]=\"false\"\n    (openChange)=\"toggle($event)\"\n  ></button>\n</div>\n\n<ng-template #sheet>\n  <div\n    class=\"tedi-table-of-contents tedi-table-of-contents__sheet\"\n    [class.tedi-table-of-contents--bordered]=\"bordered()\"\n  >\n    <div class=\"tedi-table-of-contents__sheet-header\">\n      <span\n        tedi-text\n        modifiers=\"bold\"\n        class=\"tedi-table-of-contents__bar-title\"\n      >\n        {{ title() }}\n      </span>\n      <button\n        tedi-collapse-button\n        [open]=\"true\"\n        [openText]=\"openLabel()\"\n        [closeText]=\"closeLabel()\"\n        [underline]=\"false\"\n        (openChange)=\"close()\"\n      ></button>\n    </div>\n    <nav\n      class=\"tedi-table-of-contents__sheet-nav\"\n      [attr.aria-label]=\"navLabel()\"\n      (click)=\"onListClick($event)\"\n    >\n      <ul\n        class=\"tedi-table-of-contents__list tedi-table-of-contents__list--headless\"\n        role=\"list\"\n      >\n        <ng-content select=\"tedi-table-of-contents-item\" />\n      </ul>\n    </nav>\n  </div>\n</ng-template>\n", styles: [".tedi-table-of-contents{--tedi-table-of-contents-padding: var(--card-padding-md-default);--tedi-table-of-contents-sticky-top: 1.5rem;--tedi-table-of-contents-sticky-bottom: 1.5rem;--tedi-table-of-contents-sticky-max-height: calc( 100dvh - var(--tedi-table-of-contents-sticky-top) - var(--tedi-table-of-contents-sticky-bottom) );display:block}.tedi-table-of-contents__container{display:block}.tedi-table-of-contents__container.tedi-table-of-contents--sticky{position:sticky;top:var(--tedi-table-of-contents-sticky-top);display:flex;flex-direction:column;max-height:var(--tedi-table-of-contents-sticky-max-height)}.tedi-table-of-contents--sticky>.tedi-card-content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.tedi-table-of-contents--sticky .tedi-table-of-contents__heading{flex:none}.tedi-table-of-contents--sticky nav{flex:1 1 auto;min-height:0;margin-block:var(--card-padding-md-default);overflow-y:auto}.tedi-table-of-contents--sticky .tedi-table-of-contents__list{padding-block:0}.tedi-table-of-contents--transparent .tedi-table-of-contents__list{position:relative;padding-bottom:0;isolation:isolate}.tedi-table-of-contents--transparent .tedi-table-of-contents__list:before{position:absolute;inset-block:0;inset-inline-start:0;z-index:-1;width:var(--tedi-borders-01);content:\"\";background:var(--card-border-primary)}.tedi-table-of-contents__heading{padding:var(--card-padding-md-default) var(--card-padding-md-default) 0 var(--card-padding-md-default)}.tedi-table-of-contents__list,.tedi-table-of-contents__group{display:flex;flex-direction:column;padding:0;margin:0;list-style:none}.tedi-table-of-contents__list{padding:var(--card-padding-md-default) 0}.tedi-table-of-contents--bordered .tedi-table-of-contents__list{padding:var(--card-padding-xs) 0}.tedi-table-of-contents__list--headless{padding-top:var(--tedi-table-of-contents-padding)}.tedi-table-of-contents__item{display:flex;flex-direction:column}.tedi-table-of-contents__row{display:flex;gap:var(--layout-grid-gutters-04);align-items:center;padding-block:var(--table-of-contents-padding-y);padding-inline:var(--table-of-contents-padding-left-level-1);border-left:var(--table-of-contents-active-item-border-width) solid transparent}.tedi-table-of-contents__row--level-2{padding-right:var(--list-padding-left-level-1);padding-left:var(--list-padding-left-level-2)}.tedi-table-of-contents__number{flex-shrink:0;min-width:1.5rem;color:var(--link-primary-default);text-align:right}.tedi-table-of-contents__separator{padding-block:var(--layout-grid-gutters-04);padding-right:var(--table-of-contents-padding-left-level-1);padding-left:calc(var(--table-of-contents-padding-left-level-1) - var(--table-of-contents-active-item-border-width));border-left:var(--table-of-contents-active-item-border-width) solid transparent}.tedi-table-of-contents__content{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.tedi-table-of-contents__suffix{flex:none}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row{border-left-color:var(--table-of-contents-border-active)}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row .tedi-table-of-contents__number{color:var(--link-primary-active)}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row .tedi-table-of-contents__content :is(a,button){color:var(--link-primary-active)}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row .tedi-table-of-contents__content :is(a,button):hover{color:var(--link-primary-active)}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row .tedi-table-of-contents__content :is(a,button):hover :not(tedi-icon){text-decoration:none}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__separator{border-left-color:var(--table-of-contents-border-active)}.tedi-table-of-contents--bordered .tedi-table-of-contents__row{border-bottom:var(--tedi-borders-01) solid var(--card-border-primary)}.tedi-table-of-contents--bordered .tedi-table-of-contents__list>.tedi-table-of-contents__item:last-child>.tedi-table-of-contents__row{border-bottom:0}.tedi-table-of-contents__bar{position:fixed;inset-inline:0;bottom:0;z-index:var(--z-index-header);display:flex;gap:var(--layout-grid-gutters-16);align-items:center;justify-content:space-between;padding:var(--card-padding-md-default);background:var(--card-background-primary);border-top:var(--tedi-borders-01) solid var(--card-border-primary);border-top-left-radius:var(--card-radius-rounded);border-top-right-radius:var(--card-radius-rounded);transition:transform .3s ease}.tedi-table-of-contents__bar--static{position:static}.tedi-table-of-contents__bar--hidden{display:none}.tedi-table-of-contents__bar--tucked{transform:translateY(100%)}@media(prefers-reduced-motion:reduce){.tedi-table-of-contents__bar{transition:none}}.tedi-table-of-contents__bar-title{margin:0}.tedi-table-of-contents__sheet{--tedi-table-of-contents-padding: var(--card-padding-md-default);display:flex;flex-direction:column;max-height:80dvh}.tedi-table-of-contents__sheet-header{display:flex;flex:none;gap:var(--layout-grid-gutters-16);align-items:center;justify-content:space-between;padding:var(--card-padding-md-default);border-bottom:var(--tedi-borders-01) solid var(--card-border-primary)}.tedi-table-of-contents__sheet-nav{flex:1 1 auto;min-height:0;overflow-y:auto}.tedi-table-of-contents__sheet-panel{width:100%;overflow-y:auto;background:var(--card-background-primary);border-top-left-radius:var(--modal-radius);border-top-right-radius:var(--modal-radius)}.tedi-table-of-contents__backdrop{background:var(--general-surface-overlay)}\n"], dependencies: [{ kind: "component", type: TextComponent, selector: "[tedi-text]", inputs: ["modifiers", "color"] }, { kind: "component", type: CollapseButtonComponent, selector: "button[tedi-collapse-button]", inputs: ["open", "openText", "closeText", "hideText", "arrowType", "size", "inverted", "underline", "ariaControls", "ariaLabel", "id"], outputs: ["openChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TableOfContentsCollapsibleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "tedi-table-of-contents-collapsible", standalone: true, imports: [TextComponent, CollapseButtonComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: "tedi-table-of-contents-collapsible",
+                        "[attr.data-name]": "'table-of-contents-collapsible'",
+                    }, providers: [
+                        {
+                            provide: TableOfContentsComponent,
+                            useExisting: forwardRef(() => TableOfContentsCollapsibleComponent),
+                        },
+                    ], template: "<div\n  class=\"tedi-table-of-contents__bar\"\n  [class.tedi-table-of-contents__bar--static]=\"!sticky()\"\n  [class.tedi-table-of-contents__bar--hidden]=\"open()\"\n  [class.tedi-table-of-contents__bar--tucked]=\"barHidden()\"\n>\n  <span tedi-text modifiers=\"bold\" class=\"tedi-table-of-contents__bar-title\">\n    {{ title() }}\n  </span>\n  <button\n    tedi-collapse-button\n    aria-haspopup=\"dialog\"\n    [open]=\"open()\"\n    [openText]=\"openLabel()\"\n    [closeText]=\"closeLabel()\"\n    [underline]=\"false\"\n    (openChange)=\"toggle($event)\"\n  ></button>\n</div>\n\n<ng-template #sheet>\n  <div\n    class=\"tedi-table-of-contents tedi-table-of-contents__sheet\"\n    [class.tedi-table-of-contents--bordered]=\"bordered()\"\n  >\n    <div class=\"tedi-table-of-contents__sheet-header\">\n      <span\n        tedi-text\n        modifiers=\"bold\"\n        class=\"tedi-table-of-contents__bar-title\"\n      >\n        {{ title() }}\n      </span>\n      <button\n        tedi-collapse-button\n        [open]=\"true\"\n        [openText]=\"openLabel()\"\n        [closeText]=\"closeLabel()\"\n        [underline]=\"false\"\n        (openChange)=\"close()\"\n      ></button>\n    </div>\n    <nav\n      class=\"tedi-table-of-contents__sheet-nav\"\n      [attr.aria-label]=\"navLabel()\"\n      (click)=\"onListClick($event)\"\n    >\n      <ul\n        class=\"tedi-table-of-contents__list tedi-table-of-contents__list--headless\"\n        role=\"list\"\n      >\n        <ng-content select=\"tedi-table-of-contents-item\" />\n      </ul>\n    </nav>\n  </div>\n</ng-template>\n", styles: [".tedi-table-of-contents{--tedi-table-of-contents-padding: var(--card-padding-md-default);--tedi-table-of-contents-sticky-top: 1.5rem;--tedi-table-of-contents-sticky-bottom: 1.5rem;--tedi-table-of-contents-sticky-max-height: calc( 100dvh - var(--tedi-table-of-contents-sticky-top) - var(--tedi-table-of-contents-sticky-bottom) );display:block}.tedi-table-of-contents__container{display:block}.tedi-table-of-contents__container.tedi-table-of-contents--sticky{position:sticky;top:var(--tedi-table-of-contents-sticky-top);display:flex;flex-direction:column;max-height:var(--tedi-table-of-contents-sticky-max-height)}.tedi-table-of-contents--sticky>.tedi-card-content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.tedi-table-of-contents--sticky .tedi-table-of-contents__heading{flex:none}.tedi-table-of-contents--sticky nav{flex:1 1 auto;min-height:0;margin-block:var(--card-padding-md-default);overflow-y:auto}.tedi-table-of-contents--sticky .tedi-table-of-contents__list{padding-block:0}.tedi-table-of-contents--transparent .tedi-table-of-contents__list{position:relative;padding-bottom:0;isolation:isolate}.tedi-table-of-contents--transparent .tedi-table-of-contents__list:before{position:absolute;inset-block:0;inset-inline-start:0;z-index:-1;width:var(--tedi-borders-01);content:\"\";background:var(--card-border-primary)}.tedi-table-of-contents__heading{padding:var(--card-padding-md-default) var(--card-padding-md-default) 0 var(--card-padding-md-default)}.tedi-table-of-contents__list,.tedi-table-of-contents__group{display:flex;flex-direction:column;padding:0;margin:0;list-style:none}.tedi-table-of-contents__list{padding:var(--card-padding-md-default) 0}.tedi-table-of-contents--bordered .tedi-table-of-contents__list{padding:var(--card-padding-xs) 0}.tedi-table-of-contents__list--headless{padding-top:var(--tedi-table-of-contents-padding)}.tedi-table-of-contents__item{display:flex;flex-direction:column}.tedi-table-of-contents__row{display:flex;gap:var(--layout-grid-gutters-04);align-items:center;padding-block:var(--table-of-contents-padding-y);padding-inline:var(--table-of-contents-padding-left-level-1);border-left:var(--table-of-contents-active-item-border-width) solid transparent}.tedi-table-of-contents__row--level-2{padding-right:var(--list-padding-left-level-1);padding-left:var(--list-padding-left-level-2)}.tedi-table-of-contents__number{flex-shrink:0;min-width:1.5rem;color:var(--link-primary-default);text-align:right}.tedi-table-of-contents__separator{padding-block:var(--layout-grid-gutters-04);padding-right:var(--table-of-contents-padding-left-level-1);padding-left:calc(var(--table-of-contents-padding-left-level-1) - var(--table-of-contents-active-item-border-width));border-left:var(--table-of-contents-active-item-border-width) solid transparent}.tedi-table-of-contents__content{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.tedi-table-of-contents__suffix{flex:none}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row{border-left-color:var(--table-of-contents-border-active)}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row .tedi-table-of-contents__number{color:var(--link-primary-active)}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row .tedi-table-of-contents__content :is(a,button){color:var(--link-primary-active)}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row .tedi-table-of-contents__content :is(a,button):hover{color:var(--link-primary-active)}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__row .tedi-table-of-contents__content :is(a,button):hover :not(tedi-icon){text-decoration:none}.tedi-table-of-contents__item--selected>.tedi-table-of-contents__separator{border-left-color:var(--table-of-contents-border-active)}.tedi-table-of-contents--bordered .tedi-table-of-contents__row{border-bottom:var(--tedi-borders-01) solid var(--card-border-primary)}.tedi-table-of-contents--bordered .tedi-table-of-contents__list>.tedi-table-of-contents__item:last-child>.tedi-table-of-contents__row{border-bottom:0}.tedi-table-of-contents__bar{position:fixed;inset-inline:0;bottom:0;z-index:var(--z-index-header);display:flex;gap:var(--layout-grid-gutters-16);align-items:center;justify-content:space-between;padding:var(--card-padding-md-default);background:var(--card-background-primary);border-top:var(--tedi-borders-01) solid var(--card-border-primary);border-top-left-radius:var(--card-radius-rounded);border-top-right-radius:var(--card-radius-rounded);transition:transform .3s ease}.tedi-table-of-contents__bar--static{position:static}.tedi-table-of-contents__bar--hidden{display:none}.tedi-table-of-contents__bar--tucked{transform:translateY(100%)}@media(prefers-reduced-motion:reduce){.tedi-table-of-contents__bar{transition:none}}.tedi-table-of-contents__bar-title{margin:0}.tedi-table-of-contents__sheet{--tedi-table-of-contents-padding: var(--card-padding-md-default);display:flex;flex-direction:column;max-height:80dvh}.tedi-table-of-contents__sheet-header{display:flex;flex:none;gap:var(--layout-grid-gutters-16);align-items:center;justify-content:space-between;padding:var(--card-padding-md-default);border-bottom:var(--tedi-borders-01) solid var(--card-border-primary)}.tedi-table-of-contents__sheet-nav{flex:1 1 auto;min-height:0;overflow-y:auto}.tedi-table-of-contents__sheet-panel{width:100%;overflow-y:auto;background:var(--card-background-primary);border-top-left-radius:var(--modal-radius);border-top-right-radius:var(--modal-radius)}.tedi-table-of-contents__backdrop{background:var(--general-surface-overlay)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], activeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeId", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], numbered: [{ type: i0.Input, args: [{ isSignal: true, alias: "numbered", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }], hideOnScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideOnScroll", required: false }] }], scrollContainer: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollContainer", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], items: [{ type: i0.ContentChildren, args: [forwardRef(() => TableOfContentsItemComponent), { isSignal: true }] }], sheet: [{ type: i0.ViewChild, args: ["sheet", { isSignal: true }] }] } });
+
 /**
  * Root of the Tabs compound component. Wraps `tedi-tabs-list` and
  * `tedi-tabs-content` elements and owns the active-tab state, which the list,
@@ -23028,5 +23458,5 @@ function provideTedi(config = {}) {
  * Generated bundle index. Do not edit.
  */
 
-export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, AttachmentActionsComponent, AttachmentComponent, BREAKPOINTS, BaseButtonDirective, BreadcrumbItemDirective, BreadcrumbSeparatorDirective, BreadcrumbsComponent, BreakpointService, ButtonComponent, ButtonGroupButtonDirective, ButtonGroupComponent, COUNTER_TAG_WIDTH, CalendarComponent, CardButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardIconComponent, CardRowComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DateFieldComponent, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FloatingButtonComponent, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, FormFieldExtraDirective, HeaderActionsComponent, HeaderBottomComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoComponent, HeaderLogoDarkDirective, HeaderLogoutComponent, HeaderMobileButtonComponent, HeaderProfileComponent, HeaderRoleComponent, HeaderRoleContentDirective, HeaderRoleNoResultsDirective, HeaderRoleTitleDirective, HeaderSearchComponent, HeaderTopComponent, HeadingWithIconComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, InfoTooltipComponent, InputGroupComponent, InputGroupPrefixDirective, InputGroupSuffixDirective, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LabelRowComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, ProgressBarComponent, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SearchComponent, SearchFooterActionsComponent, SearchFooterTemplateDirective, SearchSuggestionComponent, SearchSuggestionTemplateDirective, SelectComponent, SelectOptionTemplateDirective, SelectTooltipTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SkeletonBlockComponent, SkeletonComponent, SliderComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TAG_GAP, TEDI_FIELD_CONTEXT, TEDI_FORM_FIELD_CONTROL, TEDI_INPUT_GROUP, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, TextareaComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, TruncateComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, addDays, addMonths, addYears, breakpointInput, buildMonthGrid, calculateArrowOffset, calculateVisibleTagCount, computeGroupSpans, controlDescribedBy, cookieSignal, createTablePersistence, deriveControlState, endOfMonth, formatDate, formatLocaleDate, formatLocaleDateHint, formatLocaleDateLong, formatMonthYear, generateUUID, getCardBorderPlacementColor, getDaysInMonth, getFirstDayOfWeek, getFocusableElements, getISOWeek, getMonthNames, getPaddingCssVariables, getPlacementFromPositionChange, getWeekdayNames, groupRowSpan, highlightParts, injectTediTableContext, isAfterDay, isBeforeDay, isDateInRange, isSameDay, isSameMonth, isSameYear, isValidTime, matchAny, matchDate, normalizeTime, parseDate, parseLocaleDate, provideTedi, resolveCardBorderRadius, startOfMonth, startOfWeek, toConnectedPositions, toggleDateInArray, usePagination };
+export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, AttachmentActionsComponent, AttachmentComponent, BREAKPOINTS, BaseButtonDirective, BreadcrumbItemDirective, BreadcrumbSeparatorDirective, BreadcrumbsComponent, BreakpointService, ButtonComponent, ButtonGroupButtonDirective, ButtonGroupComponent, COUNTER_TAG_WIDTH, CalendarComponent, CardButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardIconComponent, CardRowComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DateFieldComponent, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FloatingButtonComponent, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, FormFieldExtraDirective, HeaderActionsComponent, HeaderBottomComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoComponent, HeaderLogoDarkDirective, HeaderLogoutComponent, HeaderMobileButtonComponent, HeaderProfileComponent, HeaderRoleComponent, HeaderRoleContentDirective, HeaderRoleNoResultsDirective, HeaderRoleTitleDirective, HeaderSearchComponent, HeaderTopComponent, HeadingWithIconComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, InfoTooltipComponent, InputGroupComponent, InputGroupPrefixDirective, InputGroupSuffixDirective, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LabelRowComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, ProgressBarComponent, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SearchComponent, SearchFooterActionsComponent, SearchFooterTemplateDirective, SearchSuggestionComponent, SearchSuggestionTemplateDirective, SelectComponent, SelectOptionTemplateDirective, SelectTooltipTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SkeletonBlockComponent, SkeletonComponent, SliderComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TAG_GAP, TEDI_FIELD_CONTEXT, TEDI_FORM_FIELD_CONTROL, TEDI_INPUT_GROUP, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TableOfContentsCollapsibleComponent, TableOfContentsComponent, TableOfContentsItemComponent, TableOfContentsItemSuffixDirective, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, TextareaComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, TruncateComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, addDays, addMonths, addYears, breakpointInput, buildMonthGrid, calculateArrowOffset, calculateVisibleTagCount, computeGroupSpans, controlDescribedBy, cookieSignal, createTablePersistence, deriveControlState, endOfMonth, formatDate, formatLocaleDate, formatLocaleDateHint, formatLocaleDateLong, formatMonthYear, generateUUID, getCardBorderPlacementColor, getDaysInMonth, getFirstDayOfWeek, getFocusableElements, getISOWeek, getMonthNames, getPaddingCssVariables, getPlacementFromPositionChange, getWeekdayNames, groupRowSpan, highlightParts, injectTediTableContext, isAfterDay, isBeforeDay, isDateInRange, isSameDay, isSameMonth, isSameYear, isValidTime, matchAny, matchDate, normalizeTime, parseDate, parseLocaleDate, provideTedi, resolveCardBorderRadius, startOfMonth, startOfWeek, toConnectedPositions, toggleDateInArray, usePagination };
 //# sourceMappingURL=tedi-design-system-angular-tedi.mjs.map