ngwr 14.9.1 → 14.11.0

package/fesm2022/ngwr-tabs.mjs

@@ -1,433 +1,410 @@
-import { Directionality } from '@angular/cdk/bidi';
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from '@angular/core';
-import { InjectionToken, input, viewChild, TemplateRef, inject, DestroyRef, computed, ViewEncapsulation, Component, model, contentChildren, signal, effect, afterNextRender, forwardRef } from '@angular/core';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { randomId } from 'ngwr/utils';
-
-/**
- * @license
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
- */
-/**
- * Token a `<wr-tab>` injects to register itself with — and read the active
- * key from — its parent `<wr-tabs>` host.
- *
- * @internal
- */
-const WR_TABS = new InjectionToken('WR_TABS');
-
+import { Directionality } from "@angular/cdk/bidi";
+import { NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { Component, DestroyRef, InjectionToken, TemplateRef, ViewEncapsulation, afterNextRender, computed, contentChildren, effect, forwardRef, inject, input, model, signal, viewChild } from "@angular/core";
+import { coerceBooleanProperty } from "@angular/cdk/coercion";
+import { randomId } from "ngwr/utils";
 /**
- * @license
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
- */
+* @license
+*
+* Use of this source code is governed by an MIT-style license that can be
+* found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+*/
+const WR_TABS = new InjectionToken("WR_TABS");
 /**
- * Token a `<wr-tabs>` reads to find out whether router tabs are usable. Provided
- * by the `WrTabsRouting` directive from `ngwr/tabs/router`; absent by default,
- * which is what keeps `@angular/router` out of a content-only strip.
- */
-const WR_TABS_ROUTING = new InjectionToken('WR_TABS_ROUTING');
-
-/**
- * @license
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
- */
-/**
- * Single tab. Two modes, decided by inputs:
- *
- * - **Content tab** — projected children render in the parent's content
- *   panel when this tab is active.
- * - **Router tab** — set `routerLink` and the tab becomes a link; the
- *   parent skips its content panel and the consumer drops a
- *   `<router-outlet>` below the tab strip. Router mode needs the
- *   `WrTabsRouting` directive from `ngwr/tabs/router` in the same
- *   `imports: []`; without it a strip carrying a `routerLink` throws.
- */
-class WrTab {
-    /** Visible label on the tab strip. */
-    title = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
-    /**
-     * Stable identifier used by the parent to track the active tab.
-     * Auto-generated if omitted.
-     */
-    key = input(randomId('wr-tab'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
-    /** Router target — when set, the tab becomes a `[routerLink]` link. */
-    routerLink = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "routerLink" }] : /* istanbul ignore next */ []));
-    /** Disable the tab. */
-    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
-    /** Tab content template; portaled into the parent's panel area. @internal */
-    contentTpl = viewChild.required(TemplateRef, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "contentTpl" }] : /* istanbul ignore next */ []));
-    parent = inject(WR_TABS, { optional: true });
-    destroyRef = inject(DestroyRef);
-    /**
-     * The routing adapter published by `WrTabsRouting` on the parent `<wr-tabs>`
-     * element. A `<wr-tab>` is DECLARED inside `<wr-tabs>` in the consumer's
-     * template — content projection moves where it renders, not where it injects
-     * — so the parent's element injector is this one's, the same walk that
-     * resolves `WR_TABS` above.
-     */
-    routing = inject(WR_TABS_ROUTING, { optional: true });
-    isRouter = computed(() => this.routerLink() !== null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isRouter" }] : /* istanbul ignore next */ []));
-    /**
-     * Resolved href for a router tab — `null` for a content tab, and for a
-     * disabled one, which is how the anchor stops navigating at all.
-     * @internal
-     */
-    routerHref = computed(() => {
-        const link = this.routerLink();
-        if (link === null || this.disabled())
-            return null;
-        return this.routing?.href(link) ?? null;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "routerHref" }] : /* istanbul ignore next */ []));
-    /**
-     * Whether the current route selects this tab. The strip publishes it as BOTH
-     * `aria-selected` and the `--active` class, off this one read, so the
-     * announced selection and the painted one cannot drift apart.
-     * @internal
-     */
-    routerActive = computed(() => {
-        const link = this.routerLink();
-        if (link === null || this.disabled())
-            return false;
-        return this.routing?.isActive(link) ?? false;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "routerActive" }] : /* istanbul ignore next */ []));
-    /** Hand a click on this tab's anchor to the routing adapter. @internal */
-    navigate(event) {
-        const link = this.routerLink();
-        if (link === null || this.disabled())
-            return;
-        this.routing?.navigate(link, event);
-    }
-    constructor() {
-        if (this.parent) {
-            // Both calls run with the input signals still on their defaults — a
-            // constructor is too early for `key()` to be the consumer's value. The
-            // parent tracks tabs through `contentChildren` and seeds `active` from
-            // there; these stay as the declared lifecycle contract.
-            this.parent.register({ key: this.key(), routerLink: this.routerLink() });
-            this.destroyRef.onDestroy(() => this.parent?.unregister(this.key()));
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrTab, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.7", type: WrTab, isStandalone: true, selector: "wr-tab", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "'none'" } }, viewQueries: [{ propertyName: "contentTpl", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `<ng-template><ng-content /></ng-template>`, isInline: true, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrTab, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'wr-tab',
-                    template: `<ng-template><ng-content /></ng-template>`,
-                    encapsulation: ViewEncapsulation.None,
-                    // A BOUND display rather than a static `style` attribute: Angular writes a
-                    // binding through `style.setProperty`, which no CSP governs, while a real
-                    // `style="…"` attribute is refused under `style-src 'self'` — and this host
-                    // would then lay out an empty box in the middle of the content.
-                    host: { '[style.display]': "'none'" },
-                }]
-        }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], routerLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerLink", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], contentTpl: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
-
+* @license
+*
+* Use of this source code is governed by an MIT-style license that can be
+* found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+*/
+const WR_TABS_ROUTING = new InjectionToken("WR_TABS_ROUTING");
 /**
- * @license
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
- */
+* @license
+*
+* Use of this source code is governed by an MIT-style license that can be
+* found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+*/
+var WrTab = class WrTab {
+	title = input.required(...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
+	key = input(randomId("wr-tab"), ...ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []);
+	routerLink = input(null, ...ngDevMode ? [{ debugName: "routerLink" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: coerceBooleanProperty
+	});
+	contentTpl = viewChild.required(TemplateRef, ...ngDevMode ? [{ debugName: "contentTpl" }] : /* istanbul ignore next */ []);
+	parent = inject(WR_TABS, { optional: true });
+	destroyRef = inject(DestroyRef);
+	routing = inject(WR_TABS_ROUTING, { optional: true });
+	isRouter = computed(() => this.routerLink() !== null, ...ngDevMode ? [{ debugName: "isRouter" }] : /* istanbul ignore next */ []);
+	routerHref = computed(() => {
+		const link = this.routerLink();
+		if (link === null || this.disabled()) return null;
+		return this.routing?.href(link) ?? null;
+	}, ...ngDevMode ? [{ debugName: "routerHref" }] : /* istanbul ignore next */ []);
+	routerActive = computed(() => {
+		const link = this.routerLink();
+		if (link === null || this.disabled()) return false;
+		return this.routing?.isActive(link) ?? false;
+	}, ...ngDevMode ? [{ debugName: "routerActive" }] : /* istanbul ignore next */ []);
+	navigate(event) {
+		const link = this.routerLink();
+		if (link === null || this.disabled()) return;
+		this.routing?.navigate(link, event);
+	}
+	constructor() {
+		if (this.parent) {
+			this.parent.register({
+				key: this.key(),
+				routerLink: this.routerLink()
+			});
+			this.destroyRef.onDestroy(() => this.parent?.unregister(this.key()));
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: WrTab,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.0",
+		type: WrTab,
+		isStandalone: true,
+		selector: "wr-tab",
+		inputs: {
+			title: {
+				classPropertyName: "title",
+				publicName: "title",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			key: {
+				classPropertyName: "key",
+				publicName: "key",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			routerLink: {
+				classPropertyName: "routerLink",
+				publicName: "routerLink",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: { "style.display": "'none'" } },
+		viewQueries: [{
+			propertyName: "contentTpl",
+			first: true,
+			predicate: TemplateRef,
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `<ng-template><ng-content /></ng-template>`,
+		isInline: true,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: WrTab,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "wr-tab",
+			template: `<ng-template><ng-content /></ng-template>`,
+			encapsulation: ViewEncapsulation.None,
+			host: { "[style.display]": "'none'" }
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		title: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "title",
+				required: true
+			}]
+		}],
+		key: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "key",
+				required: false
+			}]
+		}],
+		routerLink: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "routerLink",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		contentTpl: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => TemplateRef), { isSignal: true }]
+		}]
+	}
+});
 /**
- * Instance counter for the header / panel ids. Deterministic under prerender,
- * unlike `randomId()` — the same reason `wr-sidebar` and `wr-mention` count.
- *
- * The ids used to be built from the tab key alone, so two `<wr-tabs>` on one
- * page that both name a tab `key="overview"` emitted the same
- * `wr-tab-overview-header` twice, and the second group's `aria-labelledby`
- * resolved to the FIRST group's tab. A key is documented as parent-scoped, so
- * it is the parent that has to make it unique document-wide.
- */
+* @license
+*
+* Use of this source code is governed by an MIT-style license that can be
+* found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+*/
 let tabsUid = 0;
-/**
- * A tab key as an id fragment: anything outside `[A-Za-z0-9_-]` becomes `-`.
- * These ids land in `aria-controls` / `aria-labelledby`, which are
- * space-separated IDREF lists — `key="my tab"` emitted
- * `aria-controls="wr-tab-my tab-panel"`, two tokens, neither of which resolves.
- *
- * Two keys differing only outside that set collapse to one fragment; the
- * instance counter keeps that inside a single group, where the keys are the
- * consumer's own to keep apart.
- */
 function idFragment(key) {
-    return key.replace(/[^A-Za-z0-9_-]/g, '-');
-}
-/**
- * Tabbed container. Two modes depending on the child `<wr-tab>`
- * definitions:
- *
- * - **Content** — children project body content; the parent renders an
- *   active-tab panel automatically.
- * - **Router** — any child with `routerLink` switches the whole strip
- *   into router mode; the parent skips its panel so the consumer can
- *   drop a `<router-outlet>` after it. That mode needs the `WrTabsRouting`
- *   directive from `ngwr/tabs/router` alongside `WrTabs` in `imports: []`
- *   — the strip itself names no `@angular/router` symbol, which is what
- *   keeps a content-only strip free of the router.
- *
- * @example
- * ```html
- * <!-- content tabs -->
- * <wr-tabs [(active)]="key">
- *   <wr-tab key="one" title="One">First panel</wr-tab>
- *   <wr-tab key="two" title="Two">Second panel</wr-tab>
- * </wr-tabs>
- *
- * <!-- router tabs: imports: [WrTabs, WrTab, WrTabsRouting] -->
- * <wr-tabs>
- *   <wr-tab title="Overview" routerLink="overview" />
- *   <wr-tab title="Details" routerLink="details" />
- * </wr-tabs>
- * <router-outlet />
- * ```
- *
- * @see https://ngwr.dev/reference/components/tabs
- */
-class WrTabs {
-    /** Two-way bindable active tab key (content mode). */
-    active = model(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
-    /** Visual size variant. */
-    size = input('md', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    tabs = contentChildren(WrTab, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
-    dir = inject(Directionality, { optional: true });
-    /**
-     * Reading direction of the strip. `Directionality` is root-provided, so this
-     * always resolves — `optional` only guards a consumer who has deliberately
-     * torn the provider out. It reads the document once at construction; a
-     * subtree that overrides the direction does it with the CDK's `Dir`
-     * directive, which writes `valueSignal`, so the read stays reactive.
-     */
-    isRtl = computed(() => this.dir?.valueSignal() === 'rtl', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isRtl" }] : /* istanbul ignore next */ []));
-    /**
-     * The routing adapter, when `WrTabsRouting` from `ngwr/tabs/router` is in the
-     * consumer's `imports`. `null` is the default and the whole point: the strip
-     * has no `@angular/router` import of its own, so a content-only tab strip
-     * costs no router bytes.
-     */
-    routing = inject(WR_TABS_ROUTING, { optional: true });
-    /**
-     * When any child has a routerLink, the whole strip switches to router mode.
-     *
-     * Throws rather than degrading when the adapter is missing. Falling back to
-     * content mode would render the tabs as `<button>`s that navigate nowhere and
-     * open an empty panel — a strip that looks right and does nothing, with the
-     * one missing import unnamed. The route is what selects a tab here, so there
-     * is no half of this that still works.
-     */
-    isRouter = computed(() => {
-        const isRouter = this.tabs().some(t => t.routerLink() !== null);
-        if (isRouter && !this.routing) {
-            throw new Error('<wr-tabs>: a <wr-tab> sets `routerLink`, but no routing adapter is provided. ' +
-                "Add `WrTabsRouting` from 'ngwr/tabs/router' to the `imports` of the component that " +
-                'declares this strip.');
-        }
-        return isRouter;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isRouter" }] : /* istanbul ignore next */ []));
-    /** Content-mode: the tab whose key matches `active()` (or the first tab if none yet). */
-    activeTab = computed(() => {
-        const key = this.active();
-        const tabs = this.tabs();
-        if (tabs.length === 0)
-            return null;
-        return tabs.find(t => t.key() === key) ?? tabs[0];
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []));
-    // WrTabsContext
-    activate(key) {
-        this.active.set(key);
-    }
-    register() {
-        // Deliberately a no-op. A `WrTab` calls this from its own constructor,
-        // where its `key` signal input is not bound yet — so it would report the
-        // generated default and this parent would write THAT into `active`. The
-        // effect below seeds from `tabs()`, by which point the inputs are real.
-    }
-    unregister() {
-        // No-op: contentChildren handles removal.
-    }
-    // Template handlers
-    stripRef = viewChild('strip', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "stripRef" }] : /* istanbul ignore next */ []));
-    /** Whether the strip is scrolled away from its start / end — drives the edge fades. */
-    canScrollStart = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "canScrollStart" }] : /* istanbul ignore next */ []));
-    canScrollEnd = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "canScrollEnd" }] : /* istanbul ignore next */ []));
-    constructor() {
-        // Seed `active` with the first tab's key, once the content children exist
-        // and their inputs are bound. Without this the model writes back a
-        // generated id like `wr-tab-b1crta5aix0v`: the strip still highlighted the
-        // right tab, because `activeTab()` falls back to `tabs[0]`, so the only
-        // visible symptom was a two-way binding holding a key the consumer had
-        // never heard of.
-        effect(() => {
-            const tabs = this.tabs();
-            if (tabs.length > 0 && this.active() === null)
-                this.active.set(tabs[0].key());
-        });
-        const destroyRef = inject(DestroyRef);
-        afterNextRender(() => {
-            this.updateFades();
-            const el = this.stripRef()?.nativeElement;
-            if (!el || typeof ResizeObserver === 'undefined')
-                return;
-            // Re-evaluate when the strip's width changes (e.g. the container narrows
-            // and the tabs start overflowing).
-            const ro = new ResizeObserver(() => this.updateFades());
-            ro.observe(el);
-            destroyRef.onDestroy(() => ro.disconnect());
-        });
-    }
-    /** Recompute which edges can scroll, from the strip's scroll metrics. @internal */
-    updateFades() {
-        const el = this.stripRef()?.nativeElement;
-        if (!el)
-            return;
-        const max = el.scrollWidth - el.clientWidth;
-        // Distance from the INLINE start, which is what the two fades mean.
-        // `scrollLeft` is 0 at the inline start in BOTH directions and counts away
-        // from it — up in LTR, DOWN into negatives under `dir="rtl"` (the CSSOM
-        // model every engine Angular 22 supports now implements; the legacy
-        // "reversed"/"normal" RTL conventions are gone). Read raw, the RTL value
-        // said "never scrolled from the start, always more to come" at every
-        // position: the end fade was pinned on and the start fade never appeared.
-        //
-        // Clamped rather than `Math.abs`, because an elastic overscroll reports a
-        // value of the WRONG sign at the start edge — a rubber-band past the start
-        // is still the start, and `abs` would light the start fade there in LTR too.
-        const scrolled = this.isRtl() ? Math.max(-el.scrollLeft, 0) : Math.max(el.scrollLeft, 0);
-        this.canScrollStart.set(scrolled > 1);
-        this.canScrollEnd.set(max > 1 && scrolled < max - 1);
-    }
-    onTabClick(tab) {
-        if (tab.disabled())
-            return;
-        if (!this.isRouter())
-            this.activate(tab.key());
-    }
-    /**
-     * Click on a router tab's anchor. The anchor carries a real `href`, so a
-     * modified or middle click is left alone and the browser opens it the way it
-     * opens any link; only a plain left click is turned into a navigation.
-     */
-    onRouterTabClick(tab, event) {
-        tab.navigate(event);
-    }
-    /** Per-instance prefix, so keys only have to be unique within one group. */
-    uid = ++tabsUid;
-    /** Header id for `aria-labelledby` on the panel. @internal */
-    headerId(key) {
-        return `wr-tabs-${this.uid}-tab-${idFragment(key)}-header`;
-    }
-    /** Panel id for `aria-controls` on the tab header. @internal */
-    panelId(key) {
-        return `wr-tabs-${this.uid}-tab-${idFragment(key)}-panel`;
-    }
-    /** ArrowLeft/Right/Home/End keyboard navigation on the tab strip. */
-    onStripKeydown(event) {
-        const tabs = this.tabs().filter(t => !t.disabled());
-        if (tabs.length === 0)
-            return;
-        // Step from where FOCUS is, not from what is active.
-        //
-        // In router mode nothing ever moves `active` — `onTabClick` and this
-        // handler both gate `activate()` on `!isRouter()`, because the route is
-        // what selects a tab there. Reading the neighbour off `activeTab()`
-        // therefore recomputed the same `idx` on every press, and ArrowRight
-        // walked from the first tab to the second and stayed there for the rest of
-        // the session. In manual mode focus and activation move together, so the
-        // two readings agree and nothing changes.
-        const strip = this.stripRef()?.nativeElement;
-        const focused = strip?.ownerDocument.activeElement;
-        const focusedIdx = focused instanceof HTMLElement && strip?.contains(focused)
-            ? tabs.findIndex(t => this.headerId(t.key()) === focused.id)
-            : -1;
-        const active = this.activeTab();
-        const idx = focusedIdx >= 0 ? focusedIdx : active ? tabs.indexOf(active) : -1;
-        // The two neighbours in DOM order, wrapping at the ends.
-        const forward = idx < tabs.length - 1 ? idx + 1 : 0;
-        const backward = idx > 0 ? idx - 1 : tabs.length - 1;
-        const rtl = this.isRtl();
-        let nextIdx;
-        switch (event.key) {
-            // Arrow keys follow VISUAL order (WAI-ARIA APG). The strip is mirrored
-            // under `dir="rtl"`, so ArrowRight moves toward the visual right, which is
-            // the PREVIOUS tab there.
-            case 'ArrowRight':
-                nextIdx = rtl ? backward : forward;
-                break;
-            case 'ArrowLeft':
-                nextIdx = rtl ? forward : backward;
-                break;
-            // Home / End name a position in the tab list — first and last — not a
-            // physical edge, so they read the same in both directions.
-            case 'Home':
-                nextIdx = 0;
-                break;
-            case 'End':
-                nextIdx = tabs.length - 1;
-                break;
-            default:
-                return;
-        }
-        event.preventDefault();
-        const next = tabs[nextIdx];
-        if (!this.isRouter())
-            this.activate(next.key());
-        // Move focus to the corresponding header element.
-        const headerEl = this.stripRef()?.nativeElement.querySelector(`#${CSS.escape(this.headerId(next.key()))}`);
-        headerEl?.focus();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrTabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: WrTabs, isStandalone: true, selector: "wr-tabs", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, host: { properties: { "class.wr-tabs--fade-start": "canScrollStart()", "class.wr-tabs--fade-end": "canScrollEnd()", "class.wr-tabs--sm": "size() === 'sm'", "class.wr-tabs--lg": "size() === 'lg'" }, classAttribute: "wr-tabs" }, providers: [
-            {
-                provide: WR_TABS,
-                // eslint-disable-next-line @angular-eslint/no-forward-ref
-                useExisting: forwardRef(() => WrTabs),
-            },
-        ], queries: [{ propertyName: "tabs", predicate: WrTab, isSignal: true }], viewQueries: [{ propertyName: "stripRef", first: true, predicate: ["strip"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->\n<div\n  #strip\n  class=\"wr-tabs__strip\"\n  role=\"tablist\"\n  aria-orientation=\"horizontal\"\n  (keydown)=\"onStripKeydown($event)\"\n  (scroll)=\"updateFades()\"\n>\n  @for (tab of tabs(); track tab.key()) {\n    @if (tab.routerLink() !== null) {\n      <!--\n        `aria-selected` and `--active` come off the SAME `tab.routerActive()`, so the\n        announced state and the painted one can never disagree. Without it a\n        `role=\"tablist\"` shipped with no tab selected in any of them: the route decides\n        here, and the class it paints is invisible to assistive tech.\n\n        A real `href` rather than a `[routerLink]`: the directive would drag\n        `@angular/router` into every content-only strip as well (see `WR_TABS_ROUTING`).\n        The href, the active match and the click all come from the adapter the\n        `ngwr/tabs/router` directive publishes, which is `RouterLink` doing the work.\n      -->\n      <a\n        class=\"wr-tabs__tab\"\n        role=\"tab\"\n        [attr.id]=\"headerId(tab.key())\"\n        [attr.href]=\"tab.routerHref()\"\n        [class.wr-tabs__tab--active]=\"tab.routerActive()\"\n        [class.wr-tabs__tab--disabled]=\"tab.disabled()\"\n        [attr.aria-disabled]=\"tab.disabled() ? true : null\"\n        [attr.aria-selected]=\"tab.routerActive()\"\n        [attr.tabindex]=\"tab.disabled() ? -1 : 0\"\n        (click)=\"onRouterTabClick(tab, $event)\"\n      >\n        {{ tab.title() }}\n      </a>\n    } @else {\n      <button\n        type=\"button\"\n        class=\"wr-tabs__tab\"\n        role=\"tab\"\n        [attr.id]=\"headerId(tab.key())\"\n        [attr.aria-controls]=\"panelId(tab.key())\"\n        [attr.tabindex]=\"tab === activeTab() && !tab.disabled() ? 0 : -1\"\n        [class.wr-tabs__tab--active]=\"tab === activeTab()\"\n        [class.wr-tabs__tab--disabled]=\"tab.disabled()\"\n        [attr.aria-selected]=\"tab === activeTab()\"\n        [disabled]=\"tab.disabled()\"\n        (click)=\"onTabClick(tab)\"\n      >\n        {{ tab.title() }}\n      </button>\n    }\n  }\n</div>\n\n@if (!isRouter() && activeTab(); as tab) {\n  <div\n    class=\"wr-tabs__panel\"\n    role=\"tabpanel\"\n    tabindex=\"0\"\n    [attr.id]=\"panelId(tab.key())\"\n    [attr.aria-labelledby]=\"headerId(tab.key())\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tab.contentTpl()\" />\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
+	return key.replace(/[^A-Za-z0-9_-]/g, "-");
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrTabs, decorators: [{
-            type: Component,
-            args: [{ selector: 'wr-tabs', encapsulation: ViewEncapsulation.None, host: {
-                        class: 'wr-tabs',
-                        '[class.wr-tabs--fade-start]': 'canScrollStart()',
-                        '[class.wr-tabs--fade-end]': 'canScrollEnd()',
-                        '[class.wr-tabs--sm]': "size() === 'sm'",
-                        '[class.wr-tabs--lg]': "size() === 'lg'",
-                    }, imports: [NgTemplateOutlet], providers: [
-                        {
-                            provide: WR_TABS,
-                            // eslint-disable-next-line @angular-eslint/no-forward-ref
-                            useExisting: forwardRef(() => WrTabs),
-                        },
-                    ], template: "<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->\n<div\n  #strip\n  class=\"wr-tabs__strip\"\n  role=\"tablist\"\n  aria-orientation=\"horizontal\"\n  (keydown)=\"onStripKeydown($event)\"\n  (scroll)=\"updateFades()\"\n>\n  @for (tab of tabs(); track tab.key()) {\n    @if (tab.routerLink() !== null) {\n      <!--\n        `aria-selected` and `--active` come off the SAME `tab.routerActive()`, so the\n        announced state and the painted one can never disagree. Without it a\n        `role=\"tablist\"` shipped with no tab selected in any of them: the route decides\n        here, and the class it paints is invisible to assistive tech.\n\n        A real `href` rather than a `[routerLink]`: the directive would drag\n        `@angular/router` into every content-only strip as well (see `WR_TABS_ROUTING`).\n        The href, the active match and the click all come from the adapter the\n        `ngwr/tabs/router` directive publishes, which is `RouterLink` doing the work.\n      -->\n      <a\n        class=\"wr-tabs__tab\"\n        role=\"tab\"\n        [attr.id]=\"headerId(tab.key())\"\n        [attr.href]=\"tab.routerHref()\"\n        [class.wr-tabs__tab--active]=\"tab.routerActive()\"\n        [class.wr-tabs__tab--disabled]=\"tab.disabled()\"\n        [attr.aria-disabled]=\"tab.disabled() ? true : null\"\n        [attr.aria-selected]=\"tab.routerActive()\"\n        [attr.tabindex]=\"tab.disabled() ? -1 : 0\"\n        (click)=\"onRouterTabClick(tab, $event)\"\n      >\n        {{ tab.title() }}\n      </a>\n    } @else {\n      <button\n        type=\"button\"\n        class=\"wr-tabs__tab\"\n        role=\"tab\"\n        [attr.id]=\"headerId(tab.key())\"\n        [attr.aria-controls]=\"panelId(tab.key())\"\n        [attr.tabindex]=\"tab === activeTab() && !tab.disabled() ? 0 : -1\"\n        [class.wr-tabs__tab--active]=\"tab === activeTab()\"\n        [class.wr-tabs__tab--disabled]=\"tab.disabled()\"\n        [attr.aria-selected]=\"tab === activeTab()\"\n        [disabled]=\"tab.disabled()\"\n        (click)=\"onTabClick(tab)\"\n      >\n        {{ tab.title() }}\n      </button>\n    }\n  }\n</div>\n\n@if (!isRouter() && activeTab(); as tab) {\n  <div\n    class=\"wr-tabs__panel\"\n    role=\"tabpanel\"\n    tabindex=\"0\"\n    [attr.id]=\"panelId(tab.key())\"\n    [attr.aria-labelledby]=\"headerId(tab.key())\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tab.contentTpl()\" />\n  </div>\n}\n" }]
-        }], ctorParameters: () => [], propDecorators: { active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }, { type: i0.Output, args: ["activeChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => WrTab), { isSignal: true }] }], stripRef: [{ type: i0.ViewChild, args: ['strip', { isSignal: true }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var WrTabs = class WrTabs {
+	active = model(null, ...ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	tabs = contentChildren(WrTab, ...ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []);
+	dir = inject(Directionality, { optional: true });
+	isRtl = computed(() => this.dir?.valueSignal() === "rtl", ...ngDevMode ? [{ debugName: "isRtl" }] : /* istanbul ignore next */ []);
+	routing = inject(WR_TABS_ROUTING, { optional: true });
+	isRouter = computed(() => {
+		const isRouter = this.tabs().some((t) => t.routerLink() !== null);
+		if (isRouter && !this.routing) throw new Error("<wr-tabs>: a <wr-tab> sets `routerLink`, but no routing adapter is provided. Add `WrTabsRouting` from 'ngwr/tabs/router' to the `imports` of the component that declares this strip.");
+		return isRouter;
+	}, ...ngDevMode ? [{ debugName: "isRouter" }] : /* istanbul ignore next */ []);
+	activeTab = computed(() => {
+		const key = this.active();
+		const tabs = this.tabs();
+		if (tabs.length === 0) return null;
+		return tabs.find((t) => t.key() === key) ?? tabs[0];
+	}, ...ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []);
+	activate(key) {
+		this.active.set(key);
+	}
+	register() {}
+	unregister() {}
+	stripRef = viewChild("strip", ...ngDevMode ? [{ debugName: "stripRef" }] : /* istanbul ignore next */ []);
+	canScrollStart = signal(false, ...ngDevMode ? [{ debugName: "canScrollStart" }] : /* istanbul ignore next */ []);
+	canScrollEnd = signal(false, ...ngDevMode ? [{ debugName: "canScrollEnd" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => {
+			const tabs = this.tabs();
+			if (tabs.length > 0 && this.active() === null) this.active.set(tabs[0].key());
+		});
+		const destroyRef = inject(DestroyRef);
+		afterNextRender(() => {
+			this.updateFades();
+			const el = this.stripRef()?.nativeElement;
+			if (!el || typeof ResizeObserver === "undefined") return;
+			const ro = new ResizeObserver(() => this.updateFades());
+			ro.observe(el);
+			destroyRef.onDestroy(() => ro.disconnect());
+		});
+	}
+	updateFades() {
+		const el = this.stripRef()?.nativeElement;
+		if (!el) return;
+		const max = el.scrollWidth - el.clientWidth;
+		const scrolled = this.isRtl() ? Math.max(-el.scrollLeft, 0) : Math.max(el.scrollLeft, 0);
+		this.canScrollStart.set(scrolled > 1);
+		this.canScrollEnd.set(max > 1 && scrolled < max - 1);
+	}
+	onTabClick(tab) {
+		if (tab.disabled()) return;
+		if (!this.isRouter()) this.activate(tab.key());
+	}
+	onRouterTabClick(tab, event) {
+		tab.navigate(event);
+	}
+	uid = ++tabsUid;
+	headerId(key) {
+		return `wr-tabs-${this.uid}-tab-${idFragment(key)}-header`;
+	}
+	panelId(key) {
+		return `wr-tabs-${this.uid}-tab-${idFragment(key)}-panel`;
+	}
+	onStripKeydown(event) {
+		const tabs = this.tabs().filter((t) => !t.disabled());
+		if (tabs.length === 0) return;
+		const strip = this.stripRef()?.nativeElement;
+		const focused = strip?.ownerDocument.activeElement;
+		const focusedIdx = focused instanceof HTMLElement && strip?.contains(focused) ? tabs.findIndex((t) => this.headerId(t.key()) === focused.id) : -1;
+		const active = this.activeTab();
+		const idx = focusedIdx >= 0 ? focusedIdx : active ? tabs.indexOf(active) : -1;
+		const forward = idx < tabs.length - 1 ? idx + 1 : 0;
+		const backward = idx > 0 ? idx - 1 : tabs.length - 1;
+		const rtl = this.isRtl();
+		let nextIdx;
+		switch (event.key) {
+			case "ArrowRight":
+				nextIdx = rtl ? backward : forward;
+				break;
+			case "ArrowLeft":
+				nextIdx = rtl ? forward : backward;
+				break;
+			case "Home":
+				nextIdx = 0;
+				break;
+			case "End":
+				nextIdx = tabs.length - 1;
+				break;
+			default: return;
+		}
+		event.preventDefault();
+		const next = tabs[nextIdx];
+		if (!this.isRouter()) this.activate(next.key());
+		(this.stripRef()?.nativeElement.querySelector(`#${CSS.escape(this.headerId(next.key()))}`))?.focus();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: WrTabs,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: WrTabs,
+		isStandalone: true,
+		selector: "wr-tabs",
+		inputs: {
+			active: {
+				classPropertyName: "active",
+				publicName: "active",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { active: "activeChange" },
+		host: {
+			properties: {
+				"class.wr-tabs--fade-start": "canScrollStart()",
+				"class.wr-tabs--fade-end": "canScrollEnd()",
+				"class.wr-tabs--sm": "size() === 'sm'",
+				"class.wr-tabs--lg": "size() === 'lg'"
+			},
+			classAttribute: "wr-tabs"
+		},
+		providers: [{
+			provide: WR_TABS,
+			useExisting: forwardRef(() => WrTabs)
+		}],
+		queries: [{
+			propertyName: "tabs",
+			predicate: WrTab,
+			isSignal: true
+		}],
+		viewQueries: [{
+			propertyName: "stripRef",
+			first: true,
+			predicate: ["strip"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->\n<div\n  #strip\n  class=\"wr-tabs__strip\"\n  role=\"tablist\"\n  aria-orientation=\"horizontal\"\n  (keydown)=\"onStripKeydown($event)\"\n  (scroll)=\"updateFades()\"\n>\n  @for (tab of tabs(); track tab.key()) {\n    @if (tab.routerLink() !== null) {\n      <!--\n        `aria-selected` and `--active` come off the SAME `tab.routerActive()`, so the\n        announced state and the painted one can never disagree. Without it a\n        `role=\"tablist\"` shipped with no tab selected in any of them: the route decides\n        here, and the class it paints is invisible to assistive tech.\n\n        A real `href` rather than a `[routerLink]`: the directive would drag\n        `@angular/router` into every content-only strip as well (see `WR_TABS_ROUTING`).\n        The href, the active match and the click all come from the adapter the\n        `ngwr/tabs/router` directive publishes, which is `RouterLink` doing the work.\n      -->\n      <a\n        class=\"wr-tabs__tab\"\n        role=\"tab\"\n        [attr.id]=\"headerId(tab.key())\"\n        [attr.href]=\"tab.routerHref()\"\n        [class.wr-tabs__tab--active]=\"tab.routerActive()\"\n        [class.wr-tabs__tab--disabled]=\"tab.disabled()\"\n        [attr.aria-disabled]=\"tab.disabled() ? true : null\"\n        [attr.aria-selected]=\"tab.routerActive()\"\n        [attr.tabindex]=\"tab.disabled() ? -1 : 0\"\n        (click)=\"onRouterTabClick(tab, $event)\"\n      >\n        {{ tab.title() }}\n      </a>\n    } @else {\n      <button\n        type=\"button\"\n        class=\"wr-tabs__tab\"\n        role=\"tab\"\n        [attr.id]=\"headerId(tab.key())\"\n        [attr.aria-controls]=\"panelId(tab.key())\"\n        [attr.tabindex]=\"tab === activeTab() && !tab.disabled() ? 0 : -1\"\n        [class.wr-tabs__tab--active]=\"tab === activeTab()\"\n        [class.wr-tabs__tab--disabled]=\"tab.disabled()\"\n        [attr.aria-selected]=\"tab === activeTab()\"\n        [disabled]=\"tab.disabled()\"\n        (click)=\"onTabClick(tab)\"\n      >\n        {{ tab.title() }}\n      </button>\n    }\n  }\n</div>\n\n@if (!isRouter() && activeTab(); as tab) {\n  <div\n    class=\"wr-tabs__panel\"\n    role=\"tabpanel\"\n    tabindex=\"0\"\n    [attr.id]=\"panelId(tab.key())\"\n    [attr.aria-labelledby]=\"headerId(tab.key())\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tab.contentTpl()\" />\n  </div>\n}\n",
+		dependencies: [{
+			kind: "directive",
+			type: NgTemplateOutlet,
+			selector: "[ngTemplateOutlet]",
+			inputs: [
+				"ngTemplateOutletContext",
+				"ngTemplateOutlet",
+				"ngTemplateOutletInjector"
+			]
+		}],
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: WrTabs,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "wr-tabs",
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				class: "wr-tabs",
+				"[class.wr-tabs--fade-start]": "canScrollStart()",
+				"[class.wr-tabs--fade-end]": "canScrollEnd()",
+				"[class.wr-tabs--sm]": "size() === 'sm'",
+				"[class.wr-tabs--lg]": "size() === 'lg'"
+			},
+			imports: [NgTemplateOutlet],
+			providers: [{
+				provide: WR_TABS,
+				useExisting: forwardRef(() => WrTabs)
+			}],
+			template: "<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->\n<div\n  #strip\n  class=\"wr-tabs__strip\"\n  role=\"tablist\"\n  aria-orientation=\"horizontal\"\n  (keydown)=\"onStripKeydown($event)\"\n  (scroll)=\"updateFades()\"\n>\n  @for (tab of tabs(); track tab.key()) {\n    @if (tab.routerLink() !== null) {\n      <!--\n        `aria-selected` and `--active` come off the SAME `tab.routerActive()`, so the\n        announced state and the painted one can never disagree. Without it a\n        `role=\"tablist\"` shipped with no tab selected in any of them: the route decides\n        here, and the class it paints is invisible to assistive tech.\n\n        A real `href` rather than a `[routerLink]`: the directive would drag\n        `@angular/router` into every content-only strip as well (see `WR_TABS_ROUTING`).\n        The href, the active match and the click all come from the adapter the\n        `ngwr/tabs/router` directive publishes, which is `RouterLink` doing the work.\n      -->\n      <a\n        class=\"wr-tabs__tab\"\n        role=\"tab\"\n        [attr.id]=\"headerId(tab.key())\"\n        [attr.href]=\"tab.routerHref()\"\n        [class.wr-tabs__tab--active]=\"tab.routerActive()\"\n        [class.wr-tabs__tab--disabled]=\"tab.disabled()\"\n        [attr.aria-disabled]=\"tab.disabled() ? true : null\"\n        [attr.aria-selected]=\"tab.routerActive()\"\n        [attr.tabindex]=\"tab.disabled() ? -1 : 0\"\n        (click)=\"onRouterTabClick(tab, $event)\"\n      >\n        {{ tab.title() }}\n      </a>\n    } @else {\n      <button\n        type=\"button\"\n        class=\"wr-tabs__tab\"\n        role=\"tab\"\n        [attr.id]=\"headerId(tab.key())\"\n        [attr.aria-controls]=\"panelId(tab.key())\"\n        [attr.tabindex]=\"tab === activeTab() && !tab.disabled() ? 0 : -1\"\n        [class.wr-tabs__tab--active]=\"tab === activeTab()\"\n        [class.wr-tabs__tab--disabled]=\"tab.disabled()\"\n        [attr.aria-selected]=\"tab === activeTab()\"\n        [disabled]=\"tab.disabled()\"\n        (click)=\"onTabClick(tab)\"\n      >\n        {{ tab.title() }}\n      </button>\n    }\n  }\n</div>\n\n@if (!isRouter() && activeTab(); as tab) {\n  <div\n    class=\"wr-tabs__panel\"\n    role=\"tabpanel\"\n    tabindex=\"0\"\n    [attr.id]=\"panelId(tab.key())\"\n    [attr.aria-labelledby]=\"headerId(tab.key())\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tab.contentTpl()\" />\n  </div>\n}\n"
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		active: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "active",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["activeChange"]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		tabs: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => WrTab), { isSignal: true }]
+		}],
+		stripRef: [{
+			type: i0.ViewChild,
+			args: ["strip", { isSignal: true }]
+		}]
+	}
+});
 export { WR_TABS, WR_TABS_ROUTING, WrTab, WrTabs };
-//# sourceMappingURL=ngwr-tabs.mjs.map
+
+//# sourceMappingURL=ngwr-tabs.mjs.map