@zambon-dev/ui 0.0.0-stage → 0.0.1-bootstrap.0

package/fesm2022/zambon-dev-ui-framework.mjs

@@ -0,0 +1,3997 @@
+import * as i0 from '@angular/core';
+import { inject, ApplicationRef, Inject, signal, Injectable, viewChild, input, model, computed, effect, Component, output, NgModule, forwardRef, afterEveryRender, ViewChild, InjectionToken, Input, EventEmitter, Output } from '@angular/core';
+import { toSignal, toObservable } from '@angular/core/rxjs-interop';
+import * as i1$3 from '@zambon-dev/ui/library';
+import { RibbonGroupChild, RibbonButtonComponent, DataProviderService, FormService, ModalComponent, DataGridDataset, DisplayControls, RibbonComponent, GroupContainerComponent, RibbonGroupComponent, DataGridConfigsProvider, MultiSelectResultDataset, RouterFormatter, MultiEditorComponent, MultiEditorDataset, MultiSelectComponent } from '@zambon-dev/ui/library';
+export { DateValidators } from '@zambon-dev/ui/library';
+import { ReplaySubject, take, map, switchMap, of, Subject, startWith, takeUntil, filter, skip, tap, throwError } from 'rxjs';
+import { __decorate } from 'tslib';
+import * as i1 from '@angular/common';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import * as i1$1 from '@angular/router';
+import { Router, NavigationEnd, RouterModule, ActivatedRoute } from '@angular/router';
+import { TranslatePipe, TranslateService, TranslateLoader, provideTranslateService } from '@ngx-translate/core';
+import * as i1$2 from '@angular/forms';
+import { ControlContainer, FormGroupDirective, FormBuilder } from '@angular/forms';
+import { HttpBackend, HttpErrorResponse } from '@angular/common/http';
+import { MultiTranslateHttpLoader } from 'ngx-translate-multi-http-loader';
+
+const ADMINISTRATIVE_MASTER_ACTION = 'AdministrativeMaster';
+class AuthService {
+    jwtHelper;
+    tabService;
+    //#region ViewChilds, Inputs, Outputs
+    //#endregion
+    //#region Variables
+    actionsCache$ = new ReplaySubject(1);
+    isActionsCacheInitialized = false;
+    get isAuthenticated() {
+        return this.username !== null;
+    }
+    get isTokenExpired() {
+        return this.token !== null && this.jwtHelper.isTokenExpired(this.token);
+    }
+    get token() {
+        return localStorage.getItem('token') ?? sessionStorage.getItem('token');
+    }
+    get userID() {
+        return 0;
+    }
+    get refreshToken() {
+        return localStorage.getItem('refreshToken') ?? sessionStorage.getItem('refreshToken');
+    }
+    get userInfo() {
+        return localStorage.getItem('userInfo') ?? sessionStorage.getItem('userInfo');
+    }
+    get username() {
+        return localStorage.getItem('username') ?? sessionStorage.getItem('username');
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor(jwtHelper, tabService) {
+        this.jwtHelper = jwtHelper;
+        this.tabService = tabService;
+    }
+    //#endregion
+    //#region Event handlers
+    //#endregion
+    //#region Public methods
+    checkActionIsAllowed(actionToCheck) {
+        if (!this.isActionsCacheInitialized) {
+            this.isActionsCacheInitialized = true;
+            this.getActions()
+                .pipe(take(1))
+                .subscribe((actions) => {
+                this.actionsCache$.next(actions);
+            });
+        }
+        return this.actionsCache$.pipe(map((actions) => actions.includes(this.adminAction) || actions.includes(actionToCheck)));
+    }
+    checkActionsAreAllowed(actionsToCheck, checkForAdministrativeMaster = true) {
+        if (!this.isActionsCacheInitialized) {
+            this.isActionsCacheInitialized = true;
+            this.getActions()
+                .pipe(take(1))
+                .subscribe((actions) => {
+                this.actionsCache$.next(actions);
+            });
+        }
+        return this.actionsCache$.pipe(switchMap((actions) => of(actionsToCheck.map((actionsToCheck) => (checkForAdministrativeMaster && actions.indexOf(ADMINISTRATIVE_MASTER_ACTION) >= 0) ||
+            actions.indexOf(actionsToCheck) >= 0))));
+    }
+    signOut() {
+        localStorage.clear();
+        sessionStorage.clear();
+        this.tabService.closeAllTabs();
+        this.resetActionsCache();
+    }
+    setStorage(key, value, useLocalStorage = null) {
+        if (useLocalStorage === null) {
+            useLocalStorage = sessionStorage.getItem(key) === null;
+        }
+        if (value) {
+            if (useLocalStorage) {
+                localStorage.setItem(key, value);
+            }
+            else {
+                sessionStorage.setItem(key, value);
+            }
+        }
+        else {
+            localStorage.removeItem(key);
+            sessionStorage.removeItem(key);
+        }
+    }
+    //#endregion
+    //#region Private methods
+    resetActionsCache() {
+        this.isActionsCacheInitialized = false;
+        this.actionsCache$ = new ReplaySubject(1);
+    }
+}
+
+let CustomReuseStrategy = class CustomReuseStrategy {
+    //#region ViewChilds, Inputs, Outputs
+    //#endregion
+    //#region Variables
+    clones = {};
+    redirects = {};
+    tabService;
+    applicationRef = inject(ApplicationRef);
+    cachedHandles = {};
+    componentIDs = new WeakMap();
+    nextComponentID = 1;
+    //#endregion
+    //#region Properties
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    //#endregion
+    //#region Event handlers
+    //#endregion
+    //#region Public methods
+    clearAllHandles() {
+        this.cachedHandles = {};
+    }
+    clearHandle(url) {
+        const keysToRemove = Object.keys(this.cachedHandles).filter((key) => key.startsWith(`${url}-`));
+        keysToRemove.forEach((key) => {
+            const handle = this.cachedHandles[key];
+            if (handle) {
+                if (handle?.componentRef?.instance?.ngOnDestroy) {
+                    handle.componentRef.instance.ngOnDestroy();
+                }
+            }
+            delete this.cachedHandles[key];
+        });
+    }
+    retrieve(route) {
+        if (!route.component) {
+            return null;
+        }
+        const cacheKey = this.getCacheKey(route);
+        const handle = this.cachedHandles[cacheKey];
+        if (handle) {
+            // Schedule global change detection after Angular finishes reattaching the component.
+            // Without this, reattached components may render stale views (e.g., empty ribbon)
+            // because NgTemplateOutlet does not re-create its embedded view automatically.
+            // ApplicationRef.tick() ensures the entire app tree is checked, including embedded views.
+            setTimeout(() => {
+                this.applicationRef.tick();
+            });
+        }
+        return handle;
+    }
+    shouldAttach(route) {
+        const url = this.getUrlFromRoute(route);
+        const hasComponent = !!route.component;
+        if ((this.tabService?.isUrlOpen(url) ?? false) && hasComponent) {
+            const cacheKey = this.getCacheKey(route);
+            const isCached = !!this.cachedHandles[cacheKey];
+            return isCached;
+        }
+        return false;
+    }
+    shouldDetach(route) {
+        const url = this.getUrlFromRoute(route);
+        const hasComponent = !!route.component;
+        return (this.tabService?.isUrlOpen(url) ?? false) && hasComponent;
+    }
+    shouldReuseRoute(future, current) {
+        const futureUrl = this.getUrlFromRoute(future);
+        const currentUrl = this.getUrlFromRoute(current);
+        return ((futureUrl === currentUrl && future.routeConfig === current.routeConfig) ||
+            this.redirects[currentUrl] === futureUrl ||
+            this.clones[futureUrl] === currentUrl);
+    }
+    store(route, handle) {
+        const cacheKey = this.getCacheKey(route);
+        this.cachedHandles[cacheKey] = handle;
+    }
+    //#endregion
+    //#region Private methods
+    getCacheKey(route) {
+        let url = this.getUrlFromRoute(route);
+        if (this.clones[url]) {
+            url = this.clones[url];
+        }
+        // The component is identified by identity, never by name. A production build renames every
+        // class: esbuild wraps each component as `X = (() => { class i { } return i; })()`, so
+        // `component.name` is a single mangled letter that the whole chunk shares. Nested empty-path
+        // routes already resolve to the same URL, because an empty path contributes no segment, so a
+        // key built from the name collapsed a screen's tab view and its list into one entry: storing
+        // one overwrote the other, both levels were then handed the same detached view, and Angular
+        // blew the stack building a router state whose node was its own descendant. That reproduced
+        // only in a minified build, and only on the screens whose chunk happened to mangle to the
+        // same letter as the framework's.
+        //
+        // The depth is part of the key too, so two sibling routes sharing a component type under one
+        // URL cannot collide either.
+        return `${url}-${this.getRouteDepth(route)}-${this.getComponentID(route.component)}`;
+    }
+    getComponentID(component) {
+        if (typeof component !== 'function') {
+            return 0;
+        }
+        let componentID = this.componentIDs.get(component);
+        if (componentID === undefined) {
+            componentID = this.nextComponentID++;
+            this.componentIDs.set(component, componentID);
+        }
+        return componentID;
+    }
+    getRouteDepth(route) {
+        let depth = 0;
+        let current = route.parent;
+        while (current) {
+            depth++;
+            current = current.parent;
+        }
+        return depth;
+    }
+    getUrlFromRoute(route) {
+        const segments = [];
+        const buildRoute = (route) => {
+            if (route) {
+                if (route.url.length) {
+                    segments.push(...route.url.map((segment) => segment.path));
+                }
+                buildRoute(route.parent);
+            }
+        };
+        buildRoute(route);
+        return `/${segments.reverse().join('/')}`;
+    }
+};
+CustomReuseStrategy = __decorate([
+    Inject({})
+], CustomReuseStrategy);
+
+class TabViewService {
+    //#region ViewChilds, Inputs, Outputs
+    //#endregion
+    //#region Variables
+    onUpdateRibbonTemplate = new ReplaySubject(1);
+    onViewChanged = new Subject();
+    _activeView = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_activeView" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Properties
+    get activeView() {
+        return this._activeView() ?? '';
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    //#endregion
+    //#region Event handlers
+    //#endregion
+    //#region Public methods
+    setActiveView(viewId) {
+        if (viewId === this._activeView()) {
+            return;
+        }
+        this._activeView.set(viewId);
+        this.onViewChanged.next(viewId);
+    }
+    updateRibbonTemplate(template) {
+        this.onUpdateRibbonTemplate.next(template);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TabViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TabViewService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TabViewService, decorators: [{
+            type: Injectable
+        }] });
+
+class TabService {
+    applicationRef;
+    location;
+    router;
+    //#region ViewChilds, Inputs, Outputs
+    //#endregion
+    //#region Variables
+    // Tab state is a tree of arrays mutated in place -- spliced, pushed, and with ITab objects
+    // whose titles are rewritten as they resolve. A signal over the array could not see any of
+    // that, so this counter stands in for it: every write below bumps it, and the public getters
+    // read it, which is what makes a template that reads them re-render. It is a bridge, not the
+    // destination -- the tab state itself still wants to become signals. See
+    // docs/guides/reactivity.md.
+    revision = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "revision" }] : /* istanbul ignore next */ []));
+    activeTabIndex = -1;
+    customReuseStrategy;
+    displayTitleIndices = [];
+    openTabs = [];
+    //#endregion
+    //#region Properties
+    get activeTabHistory() {
+        this.revision();
+        return this.openTabs[this.activeTabIndex] ?? [];
+    }
+    get activeTabs() {
+        this.revision();
+        return this.openTabs.map((tabs) => tabs[0]) ?? [];
+    }
+    get activeTabsDisplayTitles() {
+        this.revision();
+        return this.openTabs.map((tabs, i) => {
+            const displayIndex = this.displayTitleIndices[i] ?? 0;
+            return tabs[displayIndex]?.title;
+        });
+    }
+    get activeTabsLoadingStates() {
+        this.revision();
+        return this.openTabs.map((tabs, i) => {
+            const displayIndex = this.displayTitleIndices[i] ?? 0;
+            return tabs[displayIndex]?.isTitleLoading ?? true;
+        });
+    }
+    get activeTab() {
+        if (this.activeTabIndex < 0) {
+            return null;
+        }
+        return this.openTabs[this.activeTabIndex];
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor(applicationRef, location, router, routeReuseStrategy) {
+        this.applicationRef = applicationRef;
+        this.location = location;
+        this.router = router;
+        this.customReuseStrategy = routeReuseStrategy;
+        this.customReuseStrategy.tabService = this;
+    }
+    //#endregion
+    //#region Event handlers
+    //#endregion
+    //#region Public methods
+    activateTab(tab) {
+        this.activeTabIndex = this.activeTabs.indexOf(tab);
+        this.touched();
+        this.navigateTo(this.currentViewOf(this.activeTabIndex));
+    }
+    cloneCurrentTab(url) {
+        if (!this.activeTab) {
+            return;
+        }
+        const tab = this.activeTab[this.activeTab.length - 1];
+        this.customReuseStrategy.clones[url] = tab.url;
+        if (tab.clones.indexOf(url) === -1) {
+            tab.clones.push(url);
+        }
+        this.navigateTo(tab, url);
+    }
+    closeActiveTab() {
+        this.closeTab(this.activeTabIndex);
+    }
+    closeAllTabs() {
+        this.openTabs = [];
+        this.touched();
+        this.displayTitleIndices = [];
+        this.touched();
+        this.activeTabIndex = -1;
+        this.touched();
+        this.customReuseStrategy.clearAllHandles();
+    }
+    closeTab(index) {
+        if (index > this.activeTabs.length - 1 || this.activeTabs.length === 0) {
+            return;
+        }
+        const wasActive = index === this.activeTabIndex;
+        const closedTab = this.openTabs[index];
+        this.openTabs.splice(index, 1);
+        this.touched();
+        this.displayTitleIndices.splice(index, 1);
+        this.touched();
+        if (wasActive) {
+            // Closed the active tab — pick an adjacent tab to focus, and put it back on the view it was
+            // left on. This used to navigate to activeTabs[i], which is that tab's *root*: a tab opened
+            // as a list and then drilled into a record went back to the list, under the record's own
+            // tab, until the tab was clicked again.
+            if (this.activeTabIndex >= this.openTabs.length) {
+                this.activeTabIndex = this.openTabs.length - 1;
+                this.touched();
+            }
+            // Undefined once the last tab is gone, which navigateTo answers with the home URL.
+            this.navigateTo(this.currentViewOf(this.activeTabIndex));
+        }
+        else if (index < this.activeTabIndex) {
+            // Closed a tab before the active one — shift index to keep the same tab active.
+            this.activeTabIndex--;
+        }
+        closedTab.forEach((tab) => {
+            if (!this.isUrlOpen(tab.url)) {
+                // Tab is not in use by any other tab, we're clear to remove.
+                this.customReuseStrategy.clearHandle(tab.url);
+            }
+        });
+    }
+    isTabActive(tab) {
+        return this.activeTabs[this.activeTabIndex] === tab;
+    }
+    isUrlActive(url, checkForClones = false) {
+        if (!this.activeTab) {
+            return false;
+        }
+        const tab = this.activeTab[this.activeTab.length - 1];
+        if (tab.url === url) {
+            return true;
+        }
+        else if (checkForClones) {
+            return tab.clones.indexOf(url) !== -1;
+        }
+        return false;
+    }
+    isUrlOpen(url) {
+        const tabs = this.openTabs.flatMap((tabs) => tabs);
+        return this.isTabExists(tabs, url);
+    }
+    navigateBackOrCloseActiveTab() {
+        if (!this.activeTab || this.activeTab.length === 0) {
+            return;
+        }
+        if (this.activeTab.length <= 1) {
+            this.closeTab(this.activeTabIndex);
+        }
+        else {
+            const previousEntry = this.activeTab[this.activeTab.length - 2];
+            this.navigateCurrentTabBack(previousEntry);
+        }
+    }
+    navigateCurrentTab(tab) {
+        if (!this.activeTab) {
+            return;
+        }
+        // Check other tabs for entity match first, then fall back to current behavior.
+        if (tab.entityBaseUrl) {
+            const entityMatchIndex = this.findTabIndexByEntityMatch(tab.entityBaseUrl, this.activeTabIndex);
+            if (entityMatchIndex !== -1) {
+                this.activeTabIndex = entityMatchIndex;
+                this.touched();
+                const otherTab = this.openTabs[entityMatchIndex];
+                this.navigateTo(otherTab[otherTab.length - 1]);
+                return;
+            }
+        }
+        else {
+            // Fallback for tabs without entityBaseUrl (existing behavior).
+            const showingIndex = this.findTabIndexByCurrentView(tab.url, this.activeTabIndex, true);
+            if (showingIndex !== -1) {
+                this.activeTabIndex = showingIndex;
+                this.touched();
+                const otherTab = this.openTabs[showingIndex];
+                this.navigateTo(otherTab[otherTab.length - 1]);
+                return;
+            }
+        }
+        // Check if URL already in current tab's stack — navigate back.
+        const tabIsAlreadyOpen = this.findTab(this.activeTab, tab.url);
+        if (tabIsAlreadyOpen) {
+            this.navigateCurrentTabBack(tabIsAlreadyOpen);
+            return;
+        }
+        // Inherit title from an existing tab entry with the same URL, if available.
+        this.inheritTitleIfKnown(tab);
+        // Push new entry onto the stack.
+        let clonedUrl = undefined;
+        if (tab.clones.length > 0) {
+            clonedUrl = tab.clones[0];
+            this.customReuseStrategy.clones[clonedUrl] = tab.url;
+        }
+        this.activeTab.push(tab);
+        this.displayTitleIndices[this.activeTabIndex] = this.activeTab.length - 1;
+        this.touched();
+        this.navigateTo(tab, clonedUrl);
+    }
+    navigateCurrentTabBack(tab) {
+        if (!this.activeTab) {
+            return;
+        }
+        // If another tab is currently showing this URL, focus it instead.
+        const otherTabIndex = this.findTabIndexByCurrentView(tab.url, this.activeTabIndex);
+        if (otherTabIndex !== -1) {
+            this.activeTabIndex = otherTabIndex;
+            this.touched();
+            const otherTab = this.openTabs[otherTabIndex];
+            this.navigateTo(otherTab[otherTab.length - 1]);
+            return;
+        }
+        const lastIndex = this.activeTab.lastIndexOf(tab);
+        if (lastIndex !== -1) {
+            const removedEntries = this.activeTab.slice(lastIndex + 1);
+            this.openTabs[this.activeTabIndex] = this.activeTab.slice(0, lastIndex + 1);
+            this.touched();
+            if (this.displayTitleIndices[this.activeTabIndex] > lastIndex) {
+                this.displayTitleIndices[this.activeTabIndex] = lastIndex;
+                this.touched();
+            }
+            // Every open tab keeps its views in the reuse cache, the one it shows or one in its history,
+            // so a view leaves the cache only once no tab has its URL open. This cleared every removed
+            // URL unconditionally and could take a view out from under another tab; closeTab and
+            // replaceCurrentTabSubView already made this check. The history is cut first, so the removed
+            // entries no longer count as open themselves.
+            removedEntries.forEach((entry) => {
+                if (!this.isUrlOpen(entry.url)) {
+                    this.customReuseStrategy.clearHandle(entry.url);
+                }
+            });
+        }
+        this.navigateTo(tab);
+    }
+    navigateTo(tab, clonedUrl) {
+        let url = tab?.url ?? '/';
+        if (clonedUrl) {
+            url = clonedUrl;
+        }
+        this.router.navigate([url], { queryParams: tab?.queryParams }).then((navigated) => {
+            this.customReuseStrategy.redirects = {};
+            // Clean up clone mapping after successful clone-based navigation.
+            if (navigated && this.customReuseStrategy.clones[url]) {
+                delete this.customReuseStrategy.clones[url];
+            }
+            this.applicationRef.tick();
+        });
+    }
+    openTab(tab) {
+        // 1. Exact URL match at top-of-stack — focus that tab.
+        const exactMatchIndex = this.findTabIndexByCurrentView(tab.url);
+        if (exactMatchIndex !== -1) {
+            this.activeTabIndex = exactMatchIndex;
+            this.touched();
+            const currentTab = this.openTabs[exactMatchIndex];
+            this.navigateTo(currentTab[currentTab.length - 1]);
+            return;
+        }
+        // 2. Entity match (only when entityBaseUrl is set) — focus that tab, keep current view.
+        if (tab.entityBaseUrl) {
+            const entityMatchIndex = this.findTabIndexByEntityMatch(tab.entityBaseUrl);
+            if (entityMatchIndex !== -1) {
+                this.activeTabIndex = entityMatchIndex;
+                this.touched();
+                const existingTab = this.openTabs[entityMatchIndex];
+                this.navigateTo(existingTab[existingTab.length - 1]);
+                return;
+            }
+        }
+        // 3. No match — open a new tab.
+        this.inheritTitleIfKnown(tab);
+        this.openTabs.push([tab]);
+        this.touched();
+        this.displayTitleIndices.push(0);
+        this.touched();
+        this.activeTabIndex = this.openTabs.length - 1;
+        this.touched();
+        this.navigateTo(tab);
+    }
+    replaceCurrentTabSubView(baseUrl, tab) {
+        if (!this.activeTab || this.activeTab.length === 0) {
+            return;
+        }
+        // Find the anchor entry (the detail view whose URL matches baseUrl).
+        // Keep all entries up to and including the anchor.
+        const anchorIndex = this.activeTab.findIndex((t) => t.url === baseUrl);
+        const keepUntil = anchorIndex !== -1 ? anchorIndex + 1 : 1;
+        const keptEntries = this.activeTab.slice(0, keepUntil);
+        const removedEntries = this.activeTab.slice(keepUntil);
+        // Update history: keep entries up to anchor, optionally add new sub-view
+        if (tab) {
+            // Propagate entityBaseUrl from the anchor so entity matching works on sub-views.
+            const anchor = keptEntries[anchorIndex !== -1 ? anchorIndex : 0];
+            if (!tab.entityBaseUrl && anchor?.entityBaseUrl) {
+                tab.entityBaseUrl = anchor.entityBaseUrl;
+            }
+            this.openTabs[this.activeTabIndex] = [...keptEntries, tab];
+            this.touched();
+        }
+        else {
+            this.openTabs[this.activeTabIndex] = keptEntries;
+            this.touched();
+        }
+        // Clear reuse-strategy handles for removed entries no longer open anywhere
+        removedEntries.forEach((entry) => {
+            if (!this.isUrlOpen(entry.url)) {
+                this.customReuseStrategy.clearHandle(entry.url);
+            }
+        });
+        // Navigate to the topmost entry
+        const current = this.openTabs[this.activeTabIndex];
+        this.navigateTo(current[current.length - 1]);
+    }
+    redirectCurrentTab(url, updateLocation = true) {
+        if (!this.activeTab) {
+            return;
+        }
+        const tab = this.activeTab[this.activeTab.length - 1];
+        // Update entityBaseUrl if it was pointing to the old URL (e.g., /new → /:id after save).
+        if (tab.entityBaseUrl === tab.url) {
+            tab.entityBaseUrl = url;
+        }
+        tab.url = url;
+        tab.queryParams = {};
+        if (updateLocation) {
+            this.location.replaceState(url);
+        }
+    }
+    setRouteRedirect(fromUrl, toUrl) {
+        this.customReuseStrategy.redirects[fromUrl] = toUrl;
+    }
+    updateActiveTabRootTitle(title) {
+        if (this.activeTab && this.activeTab.length > 0) {
+            this.activeTab[0].title = title;
+            this.touched();
+        }
+    }
+    updateTabTitle(url, title) {
+        this.openTabs
+            .flatMap((tabs) => tabs)
+            .filter((tab) => tab.url === url)
+            .forEach((tab) => {
+            tab.title = title;
+            this.touched();
+        });
+    }
+    //#endregion
+    //#region Private methods
+    /** Announces that the tab state changed, so views reading it re-render. */
+    touched() {
+        this.revision.update((revision) => revision + 1);
+    }
+    /**
+     * The view a tab is showing: the top of its history stack.
+     *
+     * Not `activeTabs[index]`, which is the stack's *root* -- the entry the strip takes each tab's
+     * label from. The two are the same only for a tab nobody has drilled into, which is why
+     * reaching for the wrong one survives most testing. Undefined for an index with no tab, which
+     * is what closing the last tab leaves behind.
+     */
+    currentViewOf(index) {
+        const history = this.openTabs[index];
+        return history?.[history.length - 1];
+    }
+    findTab(tabs, url) {
+        return tabs.find((tab) => this.matchTabUrl(tab, url));
+    }
+    findTabIndex(tabs, url) {
+        return tabs.findIndex((tab) => this.matchTabUrl(tab, url));
+    }
+    isTabExists(tabs, url) {
+        return tabs.some((tab) => this.matchTabUrl(tab, url));
+    }
+    findTabIndexByEntityMatch(entityBaseUrl, excludeIndex = -1) {
+        return this.openTabs.findIndex((tabStack, index) => {
+            if (index === excludeIndex) {
+                return false;
+            }
+            // Only check the current view (top of stack), not the full history.
+            const currentView = tabStack[tabStack.length - 1];
+            return currentView.entityBaseUrl === entityBaseUrl || currentView.url === entityBaseUrl;
+        });
+    }
+    findTabIndexByCurrentView(url, excludeIndex = -1, includeChildRoutes = false) {
+        return this.openTabs.findIndex((tabStack, index) => {
+            if (index === excludeIndex) {
+                return false;
+            }
+            const currentView = tabStack[tabStack.length - 1];
+            return this.matchTabUrl(currentView, url) || (includeChildRoutes && this.isChildRoute(currentView.url, url));
+        });
+    }
+    inheritTitleIfKnown(tab) {
+        if (tab.title || !tab.isTitleLoading) {
+            return;
+        }
+        const existing = this.openTabs
+            .flatMap((stack) => stack)
+            .find((entry) => entry.url === tab.url && !entry.isTitleLoading && !!entry.title);
+        if (existing) {
+            tab.title = existing.title;
+            this.touched();
+            tab.isTitleLoading = false;
+            this.touched();
+        }
+    }
+    isChildRoute(currentUrl, parentUrl) {
+        return currentUrl.startsWith(parentUrl + '/');
+    }
+    matchTabUrl(tab, url) {
+        return tab.url === url || tab.clones.indexOf(url) !== -1;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TabService, deps: [{ token: i0.ApplicationRef }, { token: i1.Location }, { token: i1$1.Router }, { token: i1$1.RouteReuseStrategy }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TabService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TabService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i1.Location }, { type: i1$1.Router }, { type: i1$1.RouteReuseStrategy }] });
+
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class BaseButton extends RibbonGroupChild {
+    //#region ViewChilds, Inputs, Outputs
+    button = viewChild(RibbonButtonComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "button" }] : /* istanbul ignore next */ []));
+    allowedActions = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "allowedActions" }] : /* istanbul ignore next */ []));
+    // Models rather than inputs: a subclass writes all three from a constructor, a lifecycle hook
+    // or a subscription -- the filters button disables itself until its grid has loaded, the
+    // refresh button drives its own spinner, and the export, save and views buttons build their own
+    // option lists. A plain field told Angular nothing.
+    disabled = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    loading = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    options = model([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    iconSize = input('large', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Variables
+    authService = inject(AuthService);
+    destroy$ = new Subject();
+    /**
+     * Whether a button is allowed is one question asked of one input, so it is one stream rather
+     * than two fields written from a subscription. It also runs once: the old setter fired the
+     * check and the constructor fired it again, before any input had arrived.
+     *
+     * While the answer is outstanding the button is visible but not yet loaded, which is what
+     * `RibbonButtonComponent` already does with an option whose access has not come back.
+     */
+    access = toSignal(toObservable(this.allowedActions).pipe(switchMap((allowedActions) => this.checkAccessIsAllowed(allowedActions))), { initialValue: { isLoaded: true, isVisible: true } });
+    /**
+     * The options whose access check has already been sent.
+     *
+     * Resolving one replaces that option with a copy carrying the answer, so the list below sees a
+     * new array and the check runs again over it. The copy has an answer and is skipped; this set
+     * is what stops an option still in flight from being asked a second time.
+     */
+    requestedOptions = new WeakSet();
+    //#endregion
+    //#region Properties
+    isAccessLoaded = computed(() => this.access().isLoaded, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isAccessLoaded" }] : /* istanbul ignore next */ []));
+    isVisible = computed(() => this.access().isVisible, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isVisible" }] : /* istanbul ignore next */ []));
+    get isButtonDisabled() {
+        return this.disabled() || !this.isAccessLoaded();
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    /**
+     * Asks for the access behind every option that declares one and has not been asked yet.
+     *
+     * An effect rather than a setter: `options` is written by this component's own subclasses as
+     * well as bound by a host application, and both have to reach the check.
+     */
+    optionsAccess = effect(() => {
+        const pendingOptions = this.options().filter((option) => (option.allowedActions?.length ?? 0) > 0 &&
+            option.isAccessAllowed === undefined &&
+            !this.requestedOptions.has(option));
+        for (const option of pendingOptions) {
+            this.requestedOptions.add(option);
+            this.authService
+                .checkActionsAreAllowed(option.allowedActions)
+                .pipe(take(1))
+                .subscribe((result) => {
+                this.setOptionAccess(option, result.some((isAllowed) => isAllowed === true));
+            });
+        }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "optionsAccess" }] : /* istanbul ignore next */ []));
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.complete();
+    }
+    //#endregion
+    //#region Event handlers
+    //#endregion
+    //#region Public methods
+    startLoading() {
+        this.button()?.startLoading();
+    }
+    finishLoading(status) {
+        this.button()?.finishLoading(status);
+    }
+    //#endregion
+    //#region Private methods
+    checkAccessIsAllowed(allowedActions) {
+        if (allowedActions.length === 0) {
+            return of({ isLoaded: true, isVisible: true });
+        }
+        return this.authService.checkActionsAreAllowed(allowedActions).pipe(take(1), map((result) => ({
+            isLoaded: true,
+            isVisible: result.some((isAllowed) => isAllowed === true),
+        })), startWith({ isLoaded: false, isVisible: true }));
+    }
+    /**
+     * Replaces one option with a copy carrying its answer, leaving the others as they are.
+     *
+     * The list has to be a new array for the ribbon button to see it at all, and the untouched
+     * options have to keep their identity so the dropdown does not rebuild every row.
+     */
+    setOptionAccess(option, isAccessAllowed) {
+        this.options.update((options) => options.map((candidate) => candidate === option ? { ...candidate, isAccessAllowed } : candidate));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: BaseButton, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.7", type: BaseButton, isStandalone: true, selector: "ng-component", inputs: { allowedActions: { classPropertyName: "allowedActions", publicName: "allowedActions", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", loading: "loadingChange", options: "optionsChange" }, viewQueries: [{ propertyName: "button", first: true, predicate: RibbonButtonComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: BaseButton, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], propDecorators: { button: [{ type: i0.ViewChild, args: [i0.forwardRef(() => RibbonButtonComponent), { isSignal: true }] }], allowedActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowedActions", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }, { type: i0.Output, args: ["loadingChange"] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }, { type: i0.Output, args: ["optionsChange"] }], iconSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSize", required: false }] }] } });
+
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class BaseFormViewButton extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    //#endregion
+    //#region Variables
+    dataProviderService;
+    formService;
+    //#endregion
+    //#region Properties
+    get isButtonDisabled() {
+        return super.isButtonDisabled || this.formService.loading;
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        this.dataProviderService = inject((DataProviderService));
+        this.formService = inject(FormService);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: BaseFormViewButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: BaseFormViewButton, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: BaseFormViewButton, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], ctorParameters: () => [] });
+
+class BackendFormValidationHelper {
+    static validateAllFormFields(httpErrorResponse, formGroup) {
+        if (!httpErrorResponse || !formGroup) {
+            return;
+        }
+        // Error 400 = Validation issues
+        if (httpErrorResponse.status === 400 && httpErrorResponse.error && httpErrorResponse.error.errors) {
+            const controls = Object.keys(formGroup.controls);
+            const validationErrors = httpErrorResponse.error.errors;
+            Object.keys(validationErrors).forEach((fieldName) => {
+                setTimeout(() => {
+                    const controlName = controls.find((controlName) => controlName.toLocaleLowerCase() === fieldName.toLocaleLowerCase());
+                    if (!controlName || !formGroup.get(controlName)) {
+                        return;
+                    }
+                    formGroup.get(controlName).setErrors({ [validationErrors[fieldName][0]]: true });
+                    formGroup.get(controlName).markAsTouched();
+                });
+            });
+        }
+    }
+}
+
+class RouteHelper {
+    static getRouteByData(routeSnapshot, key, value) {
+        if (!routeSnapshot) {
+            return null;
+        }
+        return routeSnapshot.data[key] === value
+            ? routeSnapshot
+            : this.getRouteByData(routeSnapshot.firstChild, key, value);
+    }
+    static getRouteWithComponent(routeSnapshot, component) {
+        if (!routeSnapshot) {
+            return null;
+        }
+        return routeSnapshot.component === component
+            ? routeSnapshot
+            : this.getRouteWithComponent(routeSnapshot.firstChild, component);
+    }
+    static getRouteURL(route, rootLevel = false) {
+        let segments = [];
+        const buildRoute = (route) => {
+            if (route) {
+                if (route.url.length) {
+                    segments.push(...route.url.map((segment) => segment.path));
+                }
+                buildRoute(rootLevel ? route.firstChild : route.parent);
+            }
+        };
+        buildRoute(route);
+        if (!rootLevel) {
+            segments = segments.reverse();
+        }
+        return `/${segments.join('/')}`;
+    }
+}
+
+class ConfirmModalComponent {
+    //#region ViewChilds, Inputs, Outputs
+    modal = viewChild(ModalComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modal" }] : /* istanbul ignore next */ []));
+    // Models rather than inputs: this component writes both while confirming, from callbacks a
+    // parent owns. As plain fields they landed with nothing marking this view dirty.
+    errorMessage = model('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+    isLoading = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+    message = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+    messageIcon = input('fa-regular fa-circle-question', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messageIcon" }] : /* istanbul ignore next */ []));
+    messageIconColor = input('text-cyan-500', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messageIconColor" }] : /* istanbul ignore next */ []));
+    showMessageIcon = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showMessageIcon" }] : /* istanbul ignore next */ []));
+    size = input('xl', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    title = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Variables
+    formService = inject(FormService, { optional: true }) ?? undefined;
+    //#endregion
+    //#region Properties
+    /**
+     * Delegates to the inner modal. A signal view query, not @ViewChild: a computed reading a plain
+     * query would never re-run when the query resolves, so the wrapper would answer against an
+     * undefined child for ever.
+     */
+    isOpen = computed(() => this.modal()?.isOpen() ?? false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    get hasErrorMessage() {
+        return !!this.errorMessage() && this.errorMessage().length > 0;
+    }
+    get hasMessage() {
+        return !!this.message() && this.message().length > 0;
+    }
+    controlContainer = inject(ControlContainer, { optional: true });
+    get formGroup() {
+        return this.controlContainer?.control ?? null;
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    //#endregion
+    //#region Event handlers
+    //#endregion
+    //#region Public methods
+    beginLoading() {
+        this.clearErrorMessage();
+        this.isLoading.set(true);
+    }
+    clearErrorMessage() {
+        this.errorMessage.set('');
+    }
+    closeModal() {
+        this.modal()?.closeModal();
+    }
+    finishLoading(closeModal) {
+        this.isLoading.set(false);
+        if (this.formGroup && this.formGroup.disabled) {
+            this.formGroup.enable();
+        }
+        if (closeModal) {
+            this.closeModal();
+        }
+    }
+    setErrorMessage(httpErrorResponse) {
+        this.finishLoading();
+        if (httpErrorResponse.status === 400 && !!this.formGroup) {
+            BackendFormValidationHelper.validateAllFormFields(httpErrorResponse, this.formGroup);
+        }
+        else {
+            if (typeof httpErrorResponse.error === 'string') {
+                this.errorMessage.set(httpErrorResponse.error);
+            }
+            else {
+                this.errorMessage.set('Modal-Failed-DefaultMessage');
+            }
+        }
+    }
+    toggleModal() {
+        if (!!this.formService && this.formService.loading) {
+            return;
+        }
+        if (this.formGroup) {
+            // TODO: TEST THIS CHANGE
+            this.formGroup.reset();
+            this.formService?.resetForm();
+        }
+        this.clearErrorMessage();
+        this.modal()?.toggleModal();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ConfirmModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ConfirmModalComponent, isStandalone: true, selector: "framework-confirm-modal", inputs: { errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: true, isRequired: false, transformFunction: null }, messageIconColor: { classPropertyName: "messageIconColor", publicName: "messageIconColor", isSignal: true, isRequired: false, transformFunction: null }, showMessageIcon: { classPropertyName: "showMessageIcon", publicName: "showMessageIcon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { errorMessage: "errorMessageChange", isLoading: "isLoadingChange" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ModalComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<lib-modal\r\n  position=\"top\"\r\n  [closeButtonText]=\"'Button-Modal-Cancel' | translate\"\r\n  [size]=\"size()\"\r\n  [title]=\"title() | translate\"\r\n>\r\n  <div body>\r\n    @if (hasMessage) {\r\n      <div class=\"message\">\r\n        @if (showMessageIcon()) {\r\n          <i class=\"fa-3x\" [ngClass]=\"[messageIcon(), messageIconColor()]\"></i>\r\n        }\r\n        <h4 [innerHTML]=\"message() | translate\"></h4>\r\n      </div>\r\n    }\r\n\r\n    <ng-content></ng-content>\r\n\r\n    @if (hasErrorMessage) {\r\n      <div class=\"erro\">\r\n        <h4>{{ errorMessage() | translate }}</h4>\r\n        <span>{{ 'Modal-Failed-Administrator' | translate }}</span>\r\n      </div>\r\n    }\r\n  </div>\r\n  <div footer>\r\n    <ng-content select=\"[footer]\"></ng-content>\r\n  </div>\r\n</lib-modal>\r\n", styles: ["@layer properties;:host{display:contents}.message{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}.message h4{flex-grow:1;text-align:justify}.erro{margin-inline:calc(var(--spacing, .25rem) * -4);margin-top:calc(var(--spacing, .25rem) * 3);margin-bottom:calc(var(--spacing, .25rem) * -4);padding:calc(var(--spacing, .25rem) * 4);text-align:center;border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-gray-300, oklch(87.2% .01 258.338));background-color:var(--color-red-500, oklch(63.7% .237 25.331));color:var(--color-white, #fff)}.erro h4{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}.erro span{margin-top:var(--spacing, .25rem);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: ModalComponent, selector: "lib-modal", inputs: ["closeButtonText", "dialog", "modalProcessing", "position", "size", "title"], outputs: ["closeButtonTextChange", "modalProcessingChange", "closed"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ConfirmModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-confirm-modal', imports: [ModalComponent, NgClass, TranslatePipe], template: "<lib-modal\r\n  position=\"top\"\r\n  [closeButtonText]=\"'Button-Modal-Cancel' | translate\"\r\n  [size]=\"size()\"\r\n  [title]=\"title() | translate\"\r\n>\r\n  <div body>\r\n    @if (hasMessage) {\r\n      <div class=\"message\">\r\n        @if (showMessageIcon()) {\r\n          <i class=\"fa-3x\" [ngClass]=\"[messageIcon(), messageIconColor()]\"></i>\r\n        }\r\n        <h4 [innerHTML]=\"message() | translate\"></h4>\r\n      </div>\r\n    }\r\n\r\n    <ng-content></ng-content>\r\n\r\n    @if (hasErrorMessage) {\r\n      <div class=\"erro\">\r\n        <h4>{{ errorMessage() | translate }}</h4>\r\n        <span>{{ 'Modal-Failed-Administrator' | translate }}</span>\r\n      </div>\r\n    }\r\n  </div>\r\n  <div footer>\r\n    <ng-content select=\"[footer]\"></ng-content>\r\n  </div>\r\n</lib-modal>\r\n", styles: ["@layer properties;:host{display:contents}.message{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}.message h4{flex-grow:1;text-align:justify}.erro{margin-inline:calc(var(--spacing, .25rem) * -4);margin-top:calc(var(--spacing, .25rem) * 3);margin-bottom:calc(var(--spacing, .25rem) * -4);padding:calc(var(--spacing, .25rem) * 4);text-align:center;border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-gray-300, oklch(87.2% .01 258.338));background-color:var(--color-red-500, oklch(63.7% .237 25.331));color:var(--color-white, #fff)}.erro h4{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}.erro span{margin-top:var(--spacing, .25rem);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { modal: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ModalComponent), { isSignal: true }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }, { type: i0.Output, args: ["errorMessageChange"] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }, { type: i0.Output, args: ["isLoadingChange"] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageIconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIconColor", required: false }] }], showMessageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMessageIcon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] } });
+
+class ErrorModalComponent {
+    //#region ViewChilds, Inputs, Outputs
+    modal = viewChild(ModalComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modal" }] : /* istanbul ignore next */ []));
+    // A model rather than an input: showModal() writes it, and a parent calls that from its own
+    // subscription. As a plain field the message landed with nothing marking this view dirty.
+    errorMessage = model('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+    size = input('xl', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    // Models too: DefaultDetailsTabViewComponent sets both before showing the modal, so that a 404
+    // reads as "record not found" rather than as a server error.
+    subtitle = model('Modal-Failed-Administrator', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "subtitle" }] : /* istanbul ignore next */ []));
+    title = model('Modal-Failed-Title', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    closed = output();
+    //#endregion
+    //#region Variables
+    //#endregion
+    //#region Properties
+    /**
+     * Delegates to the inner modal. A signal view query, not @ViewChild: a computed reading a plain
+     * query would never re-run when the query resolves, so the wrapper would answer against an
+     * undefined child for ever.
+     */
+    isOpen = computed(() => this.modal()?.isOpen() ?? false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    //#endregion
+    //#region Event handlers
+    //#endregion
+    //#region Public methods
+    closeModal() {
+        this.modal()?.closeModal();
+    }
+    showModal(error) {
+        let errorMessage = 'Modal-Failed-DefaultMessage';
+        if (typeof error === 'string') {
+            errorMessage = error;
+        }
+        else if (typeof error.error === 'string') {
+            errorMessage = error.error;
+        }
+        this.errorMessage.set(errorMessage);
+        this.modal()?.toggleModal();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ErrorModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ErrorModalComponent, isStandalone: true, selector: "framework-error-modal", inputs: { errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { errorMessage: "errorMessageChange", subtitle: "subtitleChange", title: "titleChange", closed: "closed" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ModalComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<lib-modal\r\n  position=\"top\"\r\n  [closeButtonText]=\"'Button-Modal-Close' | translate\"\r\n  [size]=\"size()\"\r\n  [title]=\"title() | translate\"\r\n  (closed)=\"closed.emit()\"\r\n>\r\n  <div body>\r\n    <div class=\"erro\">\r\n      <h4>{{ errorMessage() | translate }}</h4>\r\n      @if (subtitle()) {\r\n        <span>{{ subtitle() | translate }}</span>\r\n      }\r\n    </div>\r\n  </div>\r\n</lib-modal>\r\n", styles: ["@layer properties;:host{display:contents}.erro{margin-inline:calc(var(--spacing, .25rem) * -4);margin-top:-1.1rem;margin-bottom:calc(var(--spacing, .25rem) * -4);padding-block:calc(var(--spacing, .25rem) * 4);text-align:center;border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-gray-300, oklch(87.2% .01 258.338));background-color:var(--color-red-500, oklch(63.7% .237 25.331));color:var(--color-white, #fff)}.erro h4{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);white-space:pre-line}.erro span{margin-top:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: ModalComponent, selector: "lib-modal", inputs: ["closeButtonText", "dialog", "modalProcessing", "position", "size", "title"], outputs: ["closeButtonTextChange", "modalProcessingChange", "closed"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ErrorModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-error-modal', imports: [ModalComponent, TranslatePipe], template: "<lib-modal\r\n  position=\"top\"\r\n  [closeButtonText]=\"'Button-Modal-Close' | translate\"\r\n  [size]=\"size()\"\r\n  [title]=\"title() | translate\"\r\n  (closed)=\"closed.emit()\"\r\n>\r\n  <div body>\r\n    <div class=\"erro\">\r\n      <h4>{{ errorMessage() | translate }}</h4>\r\n      @if (subtitle()) {\r\n        <span>{{ subtitle() | translate }}</span>\r\n      }\r\n    </div>\r\n  </div>\r\n</lib-modal>\r\n", styles: ["@layer properties;:host{display:contents}.erro{margin-inline:calc(var(--spacing, .25rem) * -4);margin-top:-1.1rem;margin-bottom:calc(var(--spacing, .25rem) * -4);padding-block:calc(var(--spacing, .25rem) * 4);text-align:center;border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-gray-300, oklch(87.2% .01 258.338));background-color:var(--color-red-500, oklch(63.7% .237 25.331));color:var(--color-white, #fff)}.erro h4{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);white-space:pre-line}.erro span{margin-top:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { modal: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ModalComponent), { isSignal: true }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }, { type: i0.Output, args: ["errorMessageChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }, { type: i0.Output, args: ["subtitleChange"] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }, { type: i0.Output, args: ["titleChange"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+
+/**
+ * @deprecated Use standalone component imports instead of FrameworkModalsModule.
+ * Import individual components directly in your component's `imports` array.
+ */
+class FrameworkModalsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkModalsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.7", ngImport: i0, type: FrameworkModalsModule, imports: [ConfirmModalComponent, ErrorModalComponent], exports: [ConfirmModalComponent, ErrorModalComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkModalsModule, imports: [ConfirmModalComponent, ErrorModalComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkModalsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [ConfirmModalComponent, ErrorModalComponent],
+                    exports: [ConfirmModalComponent, ErrorModalComponent],
+                }]
+        }] });
+
+class ButtonConfirmComponent extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    confirmModal = viewChild(ConfirmModalComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "confirmModal" }] : /* istanbul ignore next */ []));
+    action = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "action" }] : /* istanbul ignore next */ []));
+    color = input('text-primary-500', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    icon = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    label = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    modalConfirmButtonColor = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modalConfirmButtonColor" }] : /* istanbul ignore next */ []));
+    modalConfirmButtonLabel = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modalConfirmButtonLabel" }] : /* istanbul ignore next */ []));
+    modalMessage = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modalMessage" }] : /* istanbul ignore next */ []));
+    modalMessageIcon = input('fa-solid fa-circle-question', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modalMessageIcon" }] : /* istanbul ignore next */ []));
+    modalMessageIconColor = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modalMessageIconColor" }] : /* istanbul ignore next */ []));
+    modalTitle = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modalTitle" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Variables
+    gridDataset = inject(DataGridDataset);
+    //#endregion
+    //#region Properties
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        this.disabled.set(true);
+    }
+    //#endregion
+    //#region Event handlers
+    onButtonClicked() {
+        this.confirmModal()?.toggleModal();
+    }
+    onDelete() {
+        const confirmModal = this.confirmModal();
+        if (!confirmModal || confirmModal.isLoading() || !confirmModal.isOpen()) {
+            return;
+        }
+        confirmModal.beginLoading();
+        this.action()
+            .pipe(take(1))
+            .subscribe({
+            next: () => {
+                this.finishLoading('success');
+                confirmModal.finishLoading(true);
+                this.gridDataset.refresh();
+            },
+            error: (e) => {
+                confirmModal.setErrorMessage(e);
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ButtonConfirmComponent, isStandalone: true, selector: "framework-button-confirm", inputs: { action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: true, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, modalConfirmButtonColor: { classPropertyName: "modalConfirmButtonColor", publicName: "modalConfirmButtonColor", isSignal: true, isRequired: false, transformFunction: null }, modalConfirmButtonLabel: { classPropertyName: "modalConfirmButtonLabel", publicName: "modalConfirmButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, modalMessage: { classPropertyName: "modalMessage", publicName: "modalMessage", isSignal: true, isRequired: false, transformFunction: null }, modalMessageIcon: { classPropertyName: "modalMessageIcon", publicName: "modalMessageIcon", isSignal: true, isRequired: false, transformFunction: null }, modalMessageIconColor: { classPropertyName: "modalMessageIconColor", publicName: "modalMessageIconColor", isSignal: true, isRequired: false, transformFunction: null }, modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonConfirmComponent) }], viewQueries: [{ propertyName: "confirmModal", first: true, predicate: ConfirmModalComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    [color]=\"color()\"\r\n    [disabled]=\"disabled()\"\r\n    [icon]=\"icon()\"\r\n    [label]=\"label()\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"onButtonClicked()\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n\r\n<framework-confirm-modal\r\n  #modal\r\n  [message]=\"modalMessage()\"\r\n  [messageIcon]=\"modalMessageIcon()\"\r\n  [messageIconColor]=\"modalMessageIconColor()\"\r\n  [title]=\"modalTitle()\"\r\n>\r\n  <div footer>\r\n    <button\r\n      class=\"btn {{ modalConfirmButtonColor() }}\"\r\n      type=\"button\"\r\n      [class.loading]=\"modal.isLoading()\"\r\n      (click)=\"onDelete()\"\r\n    >\r\n      {{ modalConfirmButtonLabel() | translate }}\r\n    </button>\r\n  </div>\r\n</framework-confirm-modal>\r\n", dependencies: [{ kind: "component", type: ConfirmModalComponent, selector: "framework-confirm-modal", inputs: ["errorMessage", "isLoading", "message", "messageIcon", "messageIconColor", "showMessageIcon", "size", "title"], outputs: ["errorMessageChange", "isLoadingChange"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["loadingChange", "action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonConfirmComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button-confirm', imports: [ConfirmModalComponent, RibbonButtonComponent, TranslatePipe], providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonConfirmComponent) }], template: "@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    [color]=\"color()\"\r\n    [disabled]=\"disabled()\"\r\n    [icon]=\"icon()\"\r\n    [label]=\"label()\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"onButtonClicked()\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n\r\n<framework-confirm-modal\r\n  #modal\r\n  [message]=\"modalMessage()\"\r\n  [messageIcon]=\"modalMessageIcon()\"\r\n  [messageIconColor]=\"modalMessageIconColor()\"\r\n  [title]=\"modalTitle()\"\r\n>\r\n  <div footer>\r\n    <button\r\n      class=\"btn {{ modalConfirmButtonColor() }}\"\r\n      type=\"button\"\r\n      [class.loading]=\"modal.isLoading()\"\r\n      (click)=\"onDelete()\"\r\n    >\r\n      {{ modalConfirmButtonLabel() | translate }}\r\n    </button>\r\n  </div>\r\n</framework-confirm-modal>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { confirmModal: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ConfirmModalComponent), { isSignal: true }] }], action: [{ type: i0.Input, args: [{ isSignal: true, alias: "action", required: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], modalConfirmButtonColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalConfirmButtonColor", required: false }] }], modalConfirmButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalConfirmButtonLabel", required: false }] }], modalMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalMessage", required: false }] }], modalMessageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalMessageIcon", required: false }] }], modalMessageIconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalMessageIconColor", required: false }] }], modalTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalTitle", required: false }] }] } });
+
+class ButtonDeleteComponent extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    confirmModal = viewChild(ConfirmModalComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "confirmModal" }] : /* istanbul ignore next */ []));
+    action = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "action" }] : /* istanbul ignore next */ []));
+    label = input('Button-Delete', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    modalConfirmButtonLabel = input('Modal-Delete-Confirm', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modalConfirmButtonLabel" }] : /* istanbul ignore next */ []));
+    modalMessage = input('Modal-Delete-Message', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modalMessage" }] : /* istanbul ignore next */ []));
+    modalTitle = input('Modal-Delete-Title', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modalTitle" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Variables
+    gridDataset = inject(DataGridDataset);
+    //#endregion
+    //#region Properties
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        this.disabled.set(true);
+    }
+    //#endregion
+    //#region Event handlers
+    onButtonClicked() {
+        this.confirmModal()?.toggleModal();
+    }
+    onDelete() {
+        const confirmModal = this.confirmModal();
+        if (!confirmModal || confirmModal.isLoading() || !confirmModal.isOpen()) {
+            return;
+        }
+        confirmModal.beginLoading();
+        this.action()
+            .pipe(take(1))
+            .subscribe({
+            next: () => {
+                this.finishLoading('success');
+                confirmModal.finishLoading(true);
+                this.gridDataset.refresh();
+            },
+            error: (e) => {
+                confirmModal.setErrorMessage(e);
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonDeleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ButtonDeleteComponent, isStandalone: true, selector: "framework-button-delete", inputs: { action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, modalConfirmButtonLabel: { classPropertyName: "modalConfirmButtonLabel", publicName: "modalConfirmButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, modalMessage: { classPropertyName: "modalMessage", publicName: "modalMessage", isSignal: true, isRequired: false, transformFunction: null }, modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonDeleteComponent) }], viewQueries: [{ propertyName: "confirmModal", first: true, predicate: ConfirmModalComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    color=\"text-red-500\"\r\n    icon=\"fa-trash-alt\"\r\n    [disabled]=\"disabled()\"\r\n    [label]=\"label()\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"onButtonClicked()\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n\r\n<framework-confirm-modal\r\n  #modal\r\n  messageIcon=\"fa-solid fa-circle-exclamation\"\r\n  messageIconColor=\"text-red-500\"\r\n  [message]=\"modalMessage()\"\r\n  [title]=\"modalTitle()\"\r\n>\r\n  <div footer>\r\n    <button class=\"btn red-500\" type=\"button\" [class.loading]=\"modal.isLoading()\" (click)=\"onDelete()\">\r\n      {{ modalConfirmButtonLabel() | translate }}\r\n    </button>\r\n  </div>\r\n</framework-confirm-modal>\r\n", dependencies: [{ kind: "component", type: ConfirmModalComponent, selector: "framework-confirm-modal", inputs: ["errorMessage", "isLoading", "message", "messageIcon", "messageIconColor", "showMessageIcon", "size", "title"], outputs: ["errorMessageChange", "isLoadingChange"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["loadingChange", "action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonDeleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button-delete', imports: [ConfirmModalComponent, RibbonButtonComponent, TranslatePipe], providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonDeleteComponent) }], template: "@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    color=\"text-red-500\"\r\n    icon=\"fa-trash-alt\"\r\n    [disabled]=\"disabled()\"\r\n    [label]=\"label()\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"onButtonClicked()\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n\r\n<framework-confirm-modal\r\n  #modal\r\n  messageIcon=\"fa-solid fa-circle-exclamation\"\r\n  messageIconColor=\"text-red-500\"\r\n  [message]=\"modalMessage()\"\r\n  [title]=\"modalTitle()\"\r\n>\r\n  <div footer>\r\n    <button class=\"btn red-500\" type=\"button\" [class.loading]=\"modal.isLoading()\" (click)=\"onDelete()\">\r\n      {{ modalConfirmButtonLabel() | translate }}\r\n    </button>\r\n  </div>\r\n</framework-confirm-modal>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { confirmModal: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ConfirmModalComponent), { isSignal: true }] }], action: [{ type: i0.Input, args: [{ isSignal: true, alias: "action", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], modalConfirmButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalConfirmButtonLabel", required: false }] }], modalMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalMessage", required: false }] }], modalTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalTitle", required: false }] }] } });
+
+class ButtonEditComponent extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    cancelColor = input('text-red-500', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cancelColor" }] : /* istanbul ignore next */ []));
+    cancelIcon = input('fa-ban', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cancelIcon" }] : /* istanbul ignore next */ []));
+    cancelLabel = input('Button-Cancel-Edit', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cancelLabel" }] : /* istanbul ignore next */ []));
+    editIcon = input('fa-edit', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "editIcon" }] : /* istanbul ignore next */ []));
+    editLabel = input('Button-Edit', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "editLabel" }] : /* istanbul ignore next */ []));
+    modal = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "modal" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Variables
+    // A signal rather than a field: the form cancelling an edit flips this from a subscription,
+    // which swaps Edit back in for Cancel.
+    isButtonCancelVisible = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isButtonCancelVisible" }] : /* istanbul ignore next */ []));
+    dataProviderService = inject(DataProviderService);
+    formService = inject(FormService);
+    //#endregion
+    //#region Properties
+    get hasDataProviderEntityID() {
+        return this.dataProviderService?.hasEntityID ?? false;
+    }
+    get isFormLoading() {
+        return this.formService.loading;
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    ngOnInit() {
+        this.formService.editCanceled.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.isButtonCancelVisible.set(false);
+        });
+    }
+    //#endregion
+    //#region Event handlers
+    onCancelClicked() {
+        if (this.isButtonCancelVisible()) {
+            this.isButtonCancelVisible.set(false);
+            this.formService.cancelEdit();
+        }
+    }
+    onEditClicked() {
+        const modal = this.modal();
+        if (modal) {
+            modal.toggle();
+        }
+        else {
+            this.isButtonCancelVisible.set(true);
+            this.formService.beginEdit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ButtonEditComponent, isStandalone: true, selector: "framework-button-edit", inputs: { cancelColor: { classPropertyName: "cancelColor", publicName: "cancelColor", isSignal: true, isRequired: false, transformFunction: null }, cancelIcon: { classPropertyName: "cancelIcon", publicName: "cancelIcon", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null }, editIcon: { classPropertyName: "editIcon", publicName: "editIcon", isSignal: true, isRequired: false, transformFunction: null }, editLabel: { classPropertyName: "editLabel", publicName: "editLabel", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonEditComponent) }], usesInheritance: true, ngImport: i0, template: "@if (isVisible() && !isButtonCancelVisible() && hasDataProviderEntityID) {\r\n  <lib-ribbon-button\r\n    [disabled]=\"disabled() || !isAccessLoaded() || isFormLoading\"\r\n    [icon]=\"editIcon()\"\r\n    [iconSize]=\"iconSize()\"\r\n    [label]=\"editLabel()\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"onEditClicked()\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n@if (isVisible() && isButtonCancelVisible() && hasDataProviderEntityID) {\r\n  <lib-ribbon-button\r\n    [color]=\"cancelColor()\"\r\n    [disabled]=\"disabled() || !isAccessLoaded() || isFormLoading\"\r\n    [icon]=\"cancelIcon()\"\r\n    [label]=\"cancelLabel()\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"onCancelClicked()\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n", dependencies: [{ kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["loadingChange", "action"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonEditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button-edit', imports: [RibbonButtonComponent], providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonEditComponent) }], template: "@if (isVisible() && !isButtonCancelVisible() && hasDataProviderEntityID) {\r\n  <lib-ribbon-button\r\n    [disabled]=\"disabled() || !isAccessLoaded() || isFormLoading\"\r\n    [icon]=\"editIcon()\"\r\n    [iconSize]=\"iconSize()\"\r\n    [label]=\"editLabel()\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"onEditClicked()\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n@if (isVisible() && isButtonCancelVisible() && hasDataProviderEntityID) {\r\n  <lib-ribbon-button\r\n    [color]=\"cancelColor()\"\r\n    [disabled]=\"disabled() || !isAccessLoaded() || isFormLoading\"\r\n    [icon]=\"cancelIcon()\"\r\n    [label]=\"cancelLabel()\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"onCancelClicked()\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n" }]
+        }], propDecorators: { cancelColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelColor", required: false }] }], cancelIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelIcon", required: false }] }], cancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelLabel", required: false }] }], editIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "editIcon", required: false }] }], editLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "editLabel", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }] } });
+
+const MaxExportRows = 50000;
+class ButtonExportComponent extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    /**
+     * Index into `options` exported when the main button is clicked, defaulting to Excel.
+     * `RibbonButtonComponent` treats -1 as "no default" and merely toggles the dropdown, which left
+     * Export needing two clicks for the common case while Save (which sets 0) needed one. Set -1 to
+     * restore the dropdown-only behaviour.
+     */
+    defaultOption = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultOption" }] : /* istanbul ignore next */ []));
+    fileBaseName = input('export', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fileBaseName" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Variables
+    dataGridDataset = inject(DataGridDataset, { optional: true });
+    translateService = inject(TranslateService);
+    //#endregion
+    //#region Properties
+    get isButtonDisabled() {
+        return super.isButtonDisabled || this.isExceedingExportLimit;
+    }
+    get tooltip() {
+        if (this.isExceedingExportLimit) {
+            return this.translateService.instant('Button-Export-LimitExceeded', { max: MaxExportRows });
+        }
+        return '';
+    }
+    get isExceedingExportLimit() {
+        const totalRows = this.dataGridDataset?.totalRows;
+        return totalRows !== undefined && totalRows > MaxExportRows;
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        this.options.set([
+            { id: 'xlsx', label: 'Button-Export-Excel', icon: 'fa-file-excel' },
+            { id: 'pdf', label: 'Button-Export-PDF', icon: 'fa-file-pdf' },
+            { id: 'csv', label: 'Button-Export-CSV', icon: 'fa-file-csv' },
+            { id: 'xml', label: 'Button-Export-XML', icon: 'fa-file-code' },
+            { id: 'mhtml', label: 'Button-Export-MHTML', icon: 'fa-file-archive' },
+        ]);
+    }
+    //#endregion
+    //#region Event handlers
+    onButtonClicked(format) {
+        if (!this.dataGridDataset) {
+            return;
+        }
+        const resolvedFormat = format ?? 'xlsx';
+        this.startLoading();
+        const parameters = {
+            endRow: 0,
+            filters: this.dataGridDataset.filters,
+            startRow: 0,
+        };
+        this.dataGridDataset
+            .export(resolvedFormat, parameters)
+            .pipe(take(1))
+            .subscribe({
+            next: (response) => {
+                this.download(response);
+                this.finishLoading('success');
+            },
+            error: (_) => {
+                this.finishLoading('failure');
+            },
+        });
+    }
+    //#endregion
+    //#region Private methods
+    download(response) {
+        if (!response.body) {
+            return;
+        }
+        const contentDisposition = response.headers.get('Content-Disposition') ?? '';
+        const match = /filename\*?=(?:UTF-8'')?"?([^";]+)"?/i.exec(contentDisposition);
+        const fileName = match ? decodeURIComponent(match[1]) : this.fileBaseName();
+        const url = URL.createObjectURL(response.body);
+        const anchor = document.createElement('a');
+        anchor.href = url;
+        anchor.download = fileName;
+        anchor.click();
+        URL.revokeObjectURL(url);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonExportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ButtonExportComponent, isStandalone: true, selector: "framework-button-export", inputs: { defaultOption: { classPropertyName: "defaultOption", publicName: "defaultOption", isSignal: true, isRequired: false, transformFunction: null }, fileBaseName: { classPropertyName: "fileBaseName", publicName: "fileBaseName", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonExportComponent) }], usesInheritance: true, ngImport: i0, template: "@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    label=\"Button-Export\"\r\n    icon=\"fa-file-export\"\r\n    [defaultOption]=\"defaultOption()\"\r\n    [disabled]=\"isButtonDisabled\"\r\n    [loading]=\"loading()\"\r\n    [iconSize]=\"iconSize()\"\r\n    [options]=\"options()\"\r\n    [tooltip]=\"tooltip\"\r\n    (action)=\"onButtonClicked($event)\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n", dependencies: [{ kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["loadingChange", "action"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonExportComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button-export', imports: [RibbonButtonComponent], providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonExportComponent) }], template: "@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    label=\"Button-Export\"\r\n    icon=\"fa-file-export\"\r\n    [defaultOption]=\"defaultOption()\"\r\n    [disabled]=\"isButtonDisabled\"\r\n    [loading]=\"loading()\"\r\n    [iconSize]=\"iconSize()\"\r\n    [options]=\"options()\"\r\n    [tooltip]=\"tooltip\"\r\n    (action)=\"onButtonClicked($event)\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { defaultOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOption", required: false }] }], fileBaseName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileBaseName", required: false }] }] } });
+
+class ButtonFiltersComponent extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    modal = viewChild(ModalComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modal" }] : /* istanbul ignore next */ []));
+    modalSize = input('xl', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modalSize" }] : /* istanbul ignore next */ []));
+    modalTitle = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modalTitle" }] : /* istanbul ignore next */ []));
+    validateFormFunction = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "validateFormFunction" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Variables
+    gridDataset = inject(DataGridDataset);
+    formGroup = inject(FormGroupDirective);
+    // A signal rather than a field: submitting or clearing the filters changes which buttons the
+    // ribbon shows, and both happen from a click handler deep inside the modal.
+    filters = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filters" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Properties
+    get hasFiltersApplied() {
+        return Object.keys(this.filters()).length > 0;
+    }
+    get singleColumn() {
+        const modalSize = this.modalSize();
+        return modalSize === 'sm' || modalSize === 'md' || modalSize === 'lg' || modalSize === 'xl';
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        // This will force the screen to initialize with the filter disabled.
+        this.disabled.set(true);
+    }
+    ngOnInit() {
+        // The constructor disables the button and the two subscriptions below are what re-enable it,
+        // which is right only for a button that exists before its grid first loads. A ribbon template
+        // is re-created whenever a record's views are switched, so a button built then arrives at a
+        // grid that finished loading long ago, waits for an event that has already passed, and stays
+        // unclickable until something makes the grid load again. The dataset knows either way.
+        this.disabled.set(this.gridDataset.isLoading || !this.gridDataset.hasBeenLoaded);
+        this.gridDataset.loadStarted.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.disabled.set(true);
+            this.finishLoadingIfStarted();
+        });
+        this.gridDataset.loadFinished.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.disabled.set(false);
+            this.finishLoadingIfStarted();
+        });
+    }
+    //#endregion
+    //#region Event handlers
+    onFiltersButtonClicked() {
+        this.modal()?.toggleModal();
+        this.formGroup.form.reset();
+        this.formGroup.form.patchValue(this.filters(), { emitEvent: false });
+    }
+    onFiltersSubmitClicked() {
+        const validateFormFunction = this.validateFormFunction();
+        if (validateFormFunction) {
+            validateFormFunction();
+        }
+        if (this.formGroup.form.valid) {
+            this.startLoading();
+            this.modal()?.toggleModal();
+            const formValue = this.formGroup.form.getRawValue();
+            const formFilters = Object.fromEntries(Object.entries(formValue).filter(([_, v]) => (!!v && v !== '') || v === 0));
+            this.setFilters(formFilters);
+        }
+    }
+    onResetButtonClicked() {
+        this.startLoading();
+        this.formGroup.form.reset();
+        this.filters.set({});
+        this.gridDataset.setFilters();
+    }
+    //#endregion
+    //#region Public methods
+    setFilters(filters) {
+        // Kept whole, because reopening the modal patches this straight back into the form and a
+        // catalog select backed by a search endpoint cannot recover its label from the identifier --
+        // it only resolves a display from a local entries list. Dropping the labels here would leave
+        // the field showing a selection with no text.
+        this.filters.set(filters);
+        if (this.hasFiltersApplied) {
+            this.gridDataset.setFilters(this.withoutDisplayControls(filters));
+        }
+        else {
+            this.gridDataset.setFilters();
+        }
+    }
+    //#endregion
+    //#region Private methods
+    finishLoadingIfStarted() {
+        if (this.button()?.loading()) {
+            this.finishLoading('success');
+        }
+    }
+    /**
+     * Drops the controls that only hold a catalog selection's label.
+     *
+     * They are half of how `lib-catalog-select` works and are created by it, so a screen never asked
+     * for them and a backend has no filter behind them. Sent anyway they are dead weight, and worse:
+     * the day a service does filter by a name, it would receive the formatted label rather than the
+     * stored value and quietly match nothing.
+     *
+     * @param filters The filters as submitted.
+     * @returns The filters a backend should receive.
+     */
+    withoutDisplayControls(filters) {
+        return Object.fromEntries(Object.entries(filters).filter(([key]) => !DisplayControls.isDisplayControl(this.formGroup.form.get(key))));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ButtonFiltersComponent, isStandalone: true, selector: "framework-button-filters", inputs: { modalSize: { classPropertyName: "modalSize", publicName: "modalSize", isSignal: true, isRequired: false, transformFunction: null }, modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, validateFormFunction: { classPropertyName: "validateFormFunction", publicName: "validateFormFunction", isSignal: true, isRequired: false, transformFunction: null } }, providers: [FormService, { provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonFiltersComponent) }], viewQueries: [{ propertyName: "modal", first: true, predicate: ModalComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button\r\n  [color]=\"hasFiltersApplied ? 'text-amber-500' : 'text-primary-500'\"\r\n  [disabled]=\"disabled()\"\r\n  [icon]=\"'fa-filter'\"\r\n  [iconSize]=\"iconSize()\"\r\n  [label]=\"'Button-Filters'\"\r\n  [loading]=\"loading()\"\r\n  (action)=\"onFiltersButtonClicked()\"\r\n>\r\n</lib-ribbon-button>\r\n\r\n@if (hasFiltersApplied) {\r\n  <lib-ribbon-button\r\n    [color]=\"'text-red-500'\"\r\n    [disabled]=\"disabled()\"\r\n    [icon]=\"'fa-broom'\"\r\n    [iconSize]=\"iconSize()\"\r\n    [label]=\"'Button-Filters-Clear'\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"onResetButtonClicked()\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n\r\n<lib-modal\r\n  position=\"top\"\r\n  [size]=\"modalSize()\"\r\n  [title]=\"modalTitle() | translate\"\r\n  [closeButtonText]=\"'Button-Modal-Cancel' | translate\"\r\n>\r\n  <ng-container body>\r\n    <ng-content></ng-content>\r\n  </ng-container>\r\n  <div footer>\r\n    <button type=\"submit\" class=\"btn blue-500\" (click)=\"onFiltersSubmitClicked()\">\r\n      {{ 'Button-Filters-Modal-Confirm' | translate }}\r\n    </button>\r\n  </div>\r\n</lib-modal>\r\n", styles: [":host{display:grid;grid-auto-columns:auto;grid-auto-flow:column}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: ModalComponent, selector: "lib-modal", inputs: ["closeButtonText", "dialog", "modalProcessing", "position", "size", "title"], outputs: ["closeButtonTextChange", "modalProcessingChange", "closed"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["loadingChange", "action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonFiltersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button-filters', imports: [ModalComponent, RibbonButtonComponent, TranslatePipe], providers: [FormService, { provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonFiltersComponent) }], template: "<lib-ribbon-button\r\n  [color]=\"hasFiltersApplied ? 'text-amber-500' : 'text-primary-500'\"\r\n  [disabled]=\"disabled()\"\r\n  [icon]=\"'fa-filter'\"\r\n  [iconSize]=\"iconSize()\"\r\n  [label]=\"'Button-Filters'\"\r\n  [loading]=\"loading()\"\r\n  (action)=\"onFiltersButtonClicked()\"\r\n>\r\n</lib-ribbon-button>\r\n\r\n@if (hasFiltersApplied) {\r\n  <lib-ribbon-button\r\n    [color]=\"'text-red-500'\"\r\n    [disabled]=\"disabled()\"\r\n    [icon]=\"'fa-broom'\"\r\n    [iconSize]=\"iconSize()\"\r\n    [label]=\"'Button-Filters-Clear'\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"onResetButtonClicked()\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n\r\n<lib-modal\r\n  position=\"top\"\r\n  [size]=\"modalSize()\"\r\n  [title]=\"modalTitle() | translate\"\r\n  [closeButtonText]=\"'Button-Modal-Cancel' | translate\"\r\n>\r\n  <ng-container body>\r\n    <ng-content></ng-content>\r\n  </ng-container>\r\n  <div footer>\r\n    <button type=\"submit\" class=\"btn blue-500\" (click)=\"onFiltersSubmitClicked()\">\r\n      {{ 'Button-Filters-Modal-Confirm' | translate }}\r\n    </button>\r\n  </div>\r\n</lib-modal>\r\n", styles: [":host{display:grid;grid-auto-columns:auto;grid-auto-flow:column}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { modal: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ModalComponent), { isSignal: true }] }], modalSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalSize", required: false }] }], modalTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalTitle", required: false }] }], validateFormFunction: [{ type: i0.Input, args: [{ isSignal: true, alias: "validateFormFunction", required: false }] }] } });
+
+/**
+ * Key used in Angular route `data` to identify the framework tab view type.
+ *
+ * Usage in route config:
+ * ```ts
+ * {
+ *   path: ':id',
+ *   component: MyDetailsViewComponent,
+ *   data: { [FRAMEWORK_VIEW_TYPE]: FrameworkViewType.Details, ... },
+ * }
+ * ```
+ */
+const FRAMEWORK_VIEW_TYPE = 'frameworkViewType';
+/**
+ * Values for the {@link FRAMEWORK_VIEW_TYPE} route data key.
+ */
+var FrameworkViewType;
+(function (FrameworkViewType) {
+    /** A details/edit view with data provider and sub-views (breadcrumbs, save, etc.). */
+    FrameworkViewType["Details"] = "details";
+    /** A list/grid view (no data provider, no sub-views). */
+    FrameworkViewType["List"] = "list";
+})(FrameworkViewType || (FrameworkViewType = {}));
+
+class Tab {
+    _title;
+    clones = [];
+    entityBaseUrl;
+    isTitleLoading = true;
+    queryParams;
+    get title() {
+        return this._title;
+    }
+    set title(value) {
+        if (this._title !== value) {
+            this._title = value;
+            if (value) {
+                this.isTitleLoading = false;
+            }
+        }
+    }
+    url = '';
+    constructor(init) {
+        Object.assign(this, init);
+    }
+}
+
+class ButtonNewComponent extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    endpoint = input('new', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endpoint" }] : /* istanbul ignore next */ []));
+    parameters = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "parameters" }] : /* istanbul ignore next */ []));
+    path = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "path" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Variables
+    dataProviderService = inject(DataProviderService, { optional: true });
+    router = inject(Router);
+    tabService = inject(TabService);
+    //#endregion
+    //#region Properties
+    get hasDataProvider() {
+        return !!this.dataProviderService;
+    }
+    get hasDataProviderEntityID() {
+        return this.dataProviderService?.hasEntityID ?? false;
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    //#endregion
+    //#region Event handlers
+    onButtonClicked(optionId) {
+        let option = undefined;
+        if (optionId) {
+            option = this.options().find((o) => o.id === optionId);
+        }
+        let path = this.path();
+        if (option && option.path && option.path.length > 0) {
+            path = option.path ?? optionId;
+        }
+        let queryParameters = this.parameters();
+        if (option && option.parameters && Object.keys(option.parameters).length > 0) {
+            queryParameters = { ...queryParameters, ...option.parameters };
+        }
+        // Try to find the route with ':id' parameters; fall back to the current route.
+        const targetRoute = RouteHelper.getRouteByData(this.router.routerState.root.snapshot, FRAMEWORK_VIEW_TYPE, FrameworkViewType.Details);
+        let url = targetRoute
+            ? RouteHelper.getRouteURL(targetRoute.parent)
+            : RouteHelper.getRouteURL(this.router.routerState.root.snapshot, true);
+        if (path && path.length > 0) {
+            url += `/${path}`;
+        }
+        const entityUrl = `${url}/${this.endpoint()}`;
+        const tab = new Tab({
+            entityBaseUrl: entityUrl,
+            queryParams: queryParameters,
+            url: entityUrl,
+        });
+        this.tabService.navigateCurrentTab(tab);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonNewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ButtonNewComponent, isStandalone: true, selector: "framework-button-new", inputs: { endpoint: { classPropertyName: "endpoint", publicName: "endpoint", isSignal: true, isRequired: false, transformFunction: null }, parameters: { classPropertyName: "parameters", publicName: "parameters", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonNewComponent) }], usesInheritance: true, ngImport: i0, template: "@if (isVisible() && (!hasDataProvider || hasDataProviderEntityID)) {\r\n  <lib-ribbon-button\r\n    icon=\"fa-plus\"\r\n    label=\"Button-New\"\r\n    [disabled]=\"disabled() || !isAccessLoaded()\"\r\n    [loading]=\"loading()\"\r\n    [options]=\"options()\"\r\n    (action)=\"onButtonClicked($event)\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n", dependencies: [{ kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["loadingChange", "action"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonNewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button-new', imports: [RibbonButtonComponent], providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonNewComponent) }], template: "@if (isVisible() && (!hasDataProvider || hasDataProviderEntityID)) {\r\n  <lib-ribbon-button\r\n    icon=\"fa-plus\"\r\n    label=\"Button-New\"\r\n    [disabled]=\"disabled() || !isAccessLoaded()\"\r\n    [loading]=\"loading()\"\r\n    [options]=\"options()\"\r\n    (action)=\"onButtonClicked($event)\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n" }]
+        }], propDecorators: { endpoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "endpoint", required: false }] }], parameters: [{ type: i0.Input, args: [{ isSignal: true, alias: "parameters", required: false }] }], path: [{ type: i0.Input, args: [{ isSignal: true, alias: "path", required: false }] }] } });
+
+class ButtonOpenRecordComponent extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    elementPath = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "elementPath" }] : /* istanbul ignore next */ []));
+    rootPath = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "rootPath" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Variables
+    dataGridDataset = inject(DataGridDataset);
+    router = inject(Router);
+    // A signal rather than a field: the grid announces a selection change from a subscription, and
+    // this is what enables the button.
+    selectionCount = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectionCount" }] : /* istanbul ignore next */ []));
+    tabService = inject(TabService);
+    //#endregion
+    //#region Properties
+    get isSelectedOneRecord() {
+        return this.selectionCount() === 1;
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    ngOnInit() {
+        this.dataGridDataset.selectedRowsChanged.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.selectionCount.set(this.dataGridDataset.selectedRowKeys.length);
+        });
+    }
+    //#endregion
+    //#region Event handlers
+    onButtonClicked() {
+        if (this.disabled() || !this.isAccessLoaded() || !this.isSelectedOneRecord || !this.isVisible()) {
+            return;
+        }
+        let path = this.rootPath() ?? this.router.url;
+        const elementPath = this.elementPath();
+        if (elementPath) {
+            path += `/${elementPath}`;
+        }
+        const selectedKey = this.dataGridDataset.selectedRowKeys[0];
+        const selectedID = this.dataGridDataset.getRowID(selectedKey);
+        path += `/${selectedID}`;
+        this.tabService.navigateCurrentTab(new Tab({ entityBaseUrl: path, url: path }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonOpenRecordComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ButtonOpenRecordComponent, isStandalone: true, selector: "framework-button-open-record", inputs: { elementPath: { classPropertyName: "elementPath", publicName: "elementPath", isSignal: true, isRequired: false, transformFunction: null }, rootPath: { classPropertyName: "rootPath", publicName: "rootPath", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonOpenRecordComponent) }], usesInheritance: true, ngImport: i0, template: "@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    icon=\"fa-eye\"\r\n    label=\"Button-Open-Record\"\r\n    [disabled]=\"disabled() || !isAccessLoaded() || !isSelectedOneRecord\"\r\n    [iconSize]=\"iconSize()\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"onButtonClicked()\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n", dependencies: [{ kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["loadingChange", "action"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonOpenRecordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button-open-record', imports: [RibbonButtonComponent], providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonOpenRecordComponent) }], template: "@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    icon=\"fa-eye\"\r\n    label=\"Button-Open-Record\"\r\n    [disabled]=\"disabled() || !isAccessLoaded() || !isSelectedOneRecord\"\r\n    [iconSize]=\"iconSize()\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"onButtonClicked()\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n" }]
+        }], propDecorators: { elementPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "elementPath", required: false }] }], rootPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootPath", required: false }] }] } });
+
+class ButtonRefreshComponent extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    //#endregion
+    //#region Variables
+    dataGridDataset = inject(DataGridDataset, { optional: true });
+    //#endregion
+    //#region Properties
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        this.disabled.set(false);
+    }
+    ngOnInit() {
+        this.dataGridDataset?.loadFinished.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.loading.set(false);
+        });
+    }
+    //#endregion
+    //#region Event handlers
+    onButtonClicked() {
+        this.loading.set(true);
+        this.dataGridDataset?.refresh();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonRefreshComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: ButtonRefreshComponent, isStandalone: true, selector: "framework-button-refresh", providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonRefreshComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button\r\n  label=\"Button-Refresh\"\r\n  icon=\"fa-sync-alt\"\r\n  [disabled]=\"disabled()\"\r\n  [loading]=\"loading()\"\r\n  [iconSize]=\"iconSize()\"\r\n  (action)=\"onButtonClicked()\"\r\n></lib-ribbon-button>\r\n", dependencies: [{ kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["loadingChange", "action"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonRefreshComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button-refresh', imports: [RibbonButtonComponent], providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonRefreshComponent) }], template: "<lib-ribbon-button\r\n  label=\"Button-Refresh\"\r\n  icon=\"fa-sync-alt\"\r\n  [disabled]=\"disabled()\"\r\n  [loading]=\"loading()\"\r\n  [iconSize]=\"iconSize()\"\r\n  (action)=\"onButtonClicked()\"\r\n></lib-ribbon-button>\r\n" }]
+        }], ctorParameters: () => [] });
+
+class ButtonSaveComponent extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    errorModal = viewChild(ErrorModalComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errorModal" }] : /* istanbul ignore next */ []));
+    defaultOption = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultOption" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Variables
+    dataProviderService = inject(DataProviderService);
+    formService = inject(FormService);
+    router = inject(Router);
+    tabService = inject(TabService);
+    //#endregion
+    //#region Properties
+    get isFormEditMode() {
+        return this.formService.isEditMode;
+    }
+    get isFormLoading() {
+        return this.formService.loading;
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        this.options.set([
+            { id: 'save', label: 'Button-Save', icon: 'fa-save' },
+            { id: 'save-and-close', label: 'Button-Save-And-Close', icon: 'fa-save' },
+            { id: 'save-and-new', label: 'Button-Save-And-New', icon: 'fa-save' },
+        ]);
+    }
+    //#endregion
+    //#region Event handlers
+    onButtonClicked(option) {
+        this.startLoading();
+        this.formService.markAllAsTouched();
+        if (!this.formService.isValid) {
+            this.finishLoading('warning');
+            return;
+        }
+        this.saveModel()
+            .pipe(take(1))
+            .subscribe({
+            next: (model) => {
+                this.finishLoading('success');
+                this.formService.enableForm();
+                this.formService.model = model;
+                this.formService.cancelEdit();
+                switch (option) {
+                    case 'save-and-close':
+                        this.tabService.navigateBackOrCloseActiveTab();
+                        break;
+                    case 'save-and-new': {
+                        this.dataProviderService.updateModel(model);
+                        const detailsRoute = RouteHelper.getRouteByData(this.router.routerState.root.snapshot, FRAMEWORK_VIEW_TYPE, FrameworkViewType.Details);
+                        const savedEntityUrl = `${RouteHelper.getRouteURL(detailsRoute.parent)}/${model.id}`;
+                        const currentRouteUrl = RouteHelper.getRouteURL(detailsRoute);
+                        if (currentRouteUrl !== savedEntityUrl) {
+                            // Router URL differs from saved entity (new entity, or regular save
+                            // that only used location.replaceState). Redirect to sync the router
+                            // to /{id} invisibly, then navigate to /new normally. The real second
+                            // navigation detaches and caches the /{id} component so back-navigation
+                            // reattaches it instantly without reloading from the server.
+                            this.tabService.redirectCurrentTab(savedEntityUrl);
+                            this.tabService.setRouteRedirect(currentRouteUrl, savedEntityUrl);
+                            this.router.navigateByUrl(savedEntityUrl).then(() => {
+                                this.navigateToNew();
+                            });
+                        }
+                        else {
+                            // Router is already at /{id}. Navigate to /new directly.
+                            // The /{id} component is cached by the reuse strategy.
+                            this.navigateToNew();
+                        }
+                        break;
+                    }
+                    default: {
+                        this.dataProviderService.updateModel(model);
+                        const targetRoute = RouteHelper.getRouteByData(this.router.routerState.root.snapshot, FRAMEWORK_VIEW_TYPE, FrameworkViewType.Details);
+                        const url = `${RouteHelper.getRouteURL(targetRoute.parent)}/${model.id}`;
+                        if (!this.tabService.isUrlActive(url)) {
+                            const currentRoute = RouteHelper.getRouteURL(targetRoute);
+                            this.tabService.redirectCurrentTab(url);
+                            // Sync the Angular router to /{id} invisibly. Without this, the router
+                            // stays at the old URL (e.g., /new) and subsequent navigations to that
+                            // URL become no-ops (the New button would stop working after Save).
+                            if (currentRoute !== url) {
+                                this.tabService.setRouteRedirect(currentRoute, url);
+                                this.router.navigateByUrl(url);
+                            }
+                        }
+                        break;
+                    }
+                }
+            },
+            error: (e) => {
+                this.finishLoading('warning');
+                this.formService.enableForm();
+                if (e.status === 400) {
+                    this.formService.setValidationErrorsFromHttpResponse(e);
+                }
+                else {
+                    let errorMessage = 'Modal-Failed-DefaultMessage';
+                    if (typeof e.error === 'string') {
+                        errorMessage = e.error;
+                    }
+                    this.errorModal()?.showModal(errorMessage);
+                }
+            },
+            complete: () => {
+                this.formService.loading = false;
+            },
+        });
+    }
+    //#endregion
+    //#region Public methods
+    finishLoading(status) {
+        super.finishLoading(status);
+    }
+    //#endregion
+    //#region Private methods
+    navigateToNew() {
+        const targetRoute = RouteHelper.getRouteByData(this.router.routerState.root.snapshot, FRAMEWORK_VIEW_TYPE, FrameworkViewType.Details);
+        const url = targetRoute
+            ? RouteHelper.getRouteURL(targetRoute.parent)
+            : RouteHelper.getRouteURL(this.router.routerState.root.snapshot, true);
+        const tab = new Tab({ entityBaseUrl: `${url}/new`, url: `${url}/new` });
+        this.tabService.navigateCurrentTab(tab);
+    }
+    saveModel() {
+        this.formService.disableForm();
+        const model = this.formService.getModelFromForm();
+        return this.dataProviderService.saveModel(model);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonSaveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ButtonSaveComponent, isStandalone: true, selector: "framework-button-save", inputs: { defaultOption: { classPropertyName: "defaultOption", publicName: "defaultOption", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonSaveComponent) }], viewQueries: [{ propertyName: "errorModal", first: true, predicate: ErrorModalComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    label=\"Button-Save\"\r\n    icon=\"fa-save\"\r\n    [defaultOption]=\"defaultOption()\"\r\n    [disabled]=\"disabled() || !isAccessLoaded() || !isFormEditMode || isFormLoading\"\r\n    [loading]=\"loading()\"\r\n    [options]=\"options()\"\r\n    (action)=\"onButtonClicked($event)\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n\r\n<framework-error-modal></framework-error-modal>\r\n", dependencies: [{ kind: "component", type: ErrorModalComponent, selector: "framework-error-modal", inputs: ["errorMessage", "size", "subtitle", "title"], outputs: ["errorMessageChange", "subtitleChange", "titleChange", "closed"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["loadingChange", "action"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonSaveComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button-save', imports: [ErrorModalComponent, RibbonButtonComponent], providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonSaveComponent) }], template: "@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    label=\"Button-Save\"\r\n    icon=\"fa-save\"\r\n    [defaultOption]=\"defaultOption()\"\r\n    [disabled]=\"disabled() || !isAccessLoaded() || !isFormEditMode || isFormLoading\"\r\n    [loading]=\"loading()\"\r\n    [options]=\"options()\"\r\n    (action)=\"onButtonClicked($event)\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n\r\n<framework-error-modal></framework-error-modal>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { errorModal: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ErrorModalComponent), { isSignal: true }] }], defaultOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOption", required: false }] }] } });
+
+class ButtonViewsComponent extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    detailsViewRoute = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "detailsViewRoute" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Variables
+    baseUrlPath;
+    dataProviderService = inject(DataProviderService, { optional: true });
+    isInternalNavigation = false;
+    router = inject(Router);
+    // A signal rather than a field: switching views changes which option the dropdown marks as the
+    // current one, and the switch arrives from a router event.
+    selectedViewId = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedViewId" }] : /* istanbul ignore next */ []));
+    tabService = inject(TabService);
+    tabViewService = inject(TabViewService);
+    //#endregion
+    //#region Properties
+    get hasOptions() {
+        return this.options().some((option) => (option.isVisible ?? true) &&
+            (option.allowedActions === undefined ||
+                option.allowedActions.length === 0 ||
+                option.isAccessAllowed === true ||
+                (option.isAccessAllowed === undefined && option.allowedActions?.length > 0)));
+    }
+    get isNewEntity() {
+        return !(this.dataProviderService?.hasEntityID ?? false);
+    }
+    get selectedView() {
+        return this.options().find((option) => option.id === this.selectedViewId());
+    }
+    get defaultViewId() {
+        return this.options()[0].id ?? '';
+    }
+    get selectedViewUrl() {
+        let url = this.baseUrlPath ?? '';
+        const selectedView = this.selectedView;
+        if (selectedView && selectedView.id) {
+            url += `/${selectedView.id}`;
+        }
+        return url;
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    ngOnInit() {
+        const detailsViewRoute = this.detailsViewRoute();
+        if (detailsViewRoute) {
+            this.options.set(detailsViewRoute.routeConfig?.children
+                ?.filter((route) => !!route.data && route.data['ignoreRoute'] !== true)
+                ?.map((route) => {
+                const data = route.data ?? {};
+                const option = {
+                    id: route.path ?? '',
+                    isDisabled: false,
+                    isVisible: true,
+                    label: data['title'] ?? '',
+                };
+                const icon = data['icon'];
+                if (icon) {
+                    option.icon = icon;
+                }
+                const allowedActions = data['allowedActions'];
+                if (allowedActions && allowedActions.length > 0) {
+                    option.allowedActions = allowedActions;
+                }
+                return option;
+            }) ?? []);
+            const url = RouteHelper.getRouteURL(detailsViewRoute);
+            this.baseUrlPath = url;
+            const option = detailsViewRoute.children[0]?.url?.map((segment) => segment.path)?.join('/') ?? '';
+            if (option === this.defaultViewId) {
+                // We just need to check if the current option is the default, otherwise the router.events will handle the option selection.
+                this.changeSelectedView(this.defaultViewId);
+            }
+        }
+        this.router.events
+            .pipe(filter((event) => event instanceof NavigationEnd), takeUntil(this.destroy$))
+            .subscribe((event) => {
+            if (this.detailsViewRoute()) {
+                // Use the current router state to get the up-to-date URL, since the stored
+                // detailsViewRoute snapshot is immutable and becomes stale after save redirects
+                // (e.g., /new → /:id).
+                const currentRoute = RouteHelper.getRouteByData(this.router.routerState.root.snapshot, FRAMEWORK_VIEW_TYPE, FrameworkViewType.Details);
+                // Every details tab keeps this subscription alive, including the ones the reuse
+                // strategy has detached, and the lookup above reads the *router*, which names
+                // whichever tab the navigation went to. Without this guard a detached tab adopted
+                // the base path of the tab being opened and then switched itself to that tab's view,
+                // tearing its own ribbon down and rebuilding it -- which is how an active filter lost
+                // its Clear filters button while the grid stayed filtered. Comparing the route
+                // definition rather than the URL keeps the one navigation that legitimately changes
+                // this tab's path: the redirect from /new to /:id after a save.
+                if (currentRoute && currentRoute.routeConfig === this.detailsViewRoute().routeConfig) {
+                    const url = RouteHelper.getRouteURL(currentRoute);
+                    this.baseUrlPath = url;
+                    const activeViewId = this.getActiveOption(event.url);
+                    if (!this.isInternalNavigation) {
+                        if (this.selectedViewId() !== activeViewId) {
+                            this.changeSelectedView(activeViewId);
+                        }
+                    }
+                    else {
+                        this.isInternalNavigation = false;
+                    }
+                }
+            }
+        });
+    }
+    //#endregion
+    //#region Event handlers
+    onViewClicked(selectedOption) {
+        this.changeSelectedView(selectedOption);
+        this.isInternalNavigation = true;
+        if (selectedOption === this.defaultViewId) {
+            // Default view: remove sub-view entry, navigate back to detail view
+            this.tabService.replaceCurrentTabSubView(this.baseUrlPath);
+        }
+        else {
+            const tab = new Tab({
+                title: this.selectedView?.label,
+                url: this.selectedViewUrl,
+            });
+            this.tabService.replaceCurrentTabSubView(this.baseUrlPath, tab);
+        }
+    }
+    //#endregion
+    //#region Public methods
+    //#endregion
+    //#region Private methods
+    /**
+     * Marks the chosen view as the current one, which is how the dropdown greys its own entry out.
+     *
+     * The options are rebuilt rather than edited in place: the ribbon button takes the list as an
+     * input, so a field changed inside it is a change nothing can see.
+     */
+    changeSelectedView(viewId) {
+        this.selectedViewId.set(viewId);
+        this.tabViewService.setActiveView(viewId ?? '');
+        this.options.update((options) => options.map((option) => option.isDisabled === (option.id === viewId) ? option : { ...option, isDisabled: option.id === viewId }));
+    }
+    getActiveOption(url) {
+        const option = url.replace(this.baseUrlPath ?? '', '').substring(1);
+        if (this.options().some((o) => o.id === option)) {
+            return option;
+        }
+        return this.defaultViewId;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonViewsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ButtonViewsComponent, isStandalone: true, selector: "framework-button-views", inputs: { detailsViewRoute: { classPropertyName: "detailsViewRoute", publicName: "detailsViewRoute", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonViewsComponent) }], usesInheritance: true, ngImport: i0, template: "@if (hasOptions) {\r\n  <lib-ribbon-button\r\n    icon=\"fa-eye\"\r\n    label=\"Button-Views\"\r\n    [disabled]=\"!isAccessLoaded() || isNewEntity\"\r\n    [options]=\"options()\"\r\n    (action)=\"onViewClicked($event)\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n", dependencies: [{ kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["loadingChange", "action"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonViewsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button-views', imports: [RibbonButtonComponent], providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonViewsComponent) }], template: "@if (hasOptions) {\r\n  <lib-ribbon-button\r\n    icon=\"fa-eye\"\r\n    label=\"Button-Views\"\r\n    [disabled]=\"!isAccessLoaded() || isNewEntity\"\r\n    [options]=\"options()\"\r\n    (action)=\"onViewClicked($event)\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n" }]
+        }], propDecorators: { detailsViewRoute: [{ type: i0.Input, args: [{ isSignal: true, alias: "detailsViewRoute", required: false }] }] } });
+
+class ButtonComponent extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    color = input('text-primary-500', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    icon = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
+    label = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    action = output();
+    //#endregion
+    //#region Variables
+    //#endregion
+    //#region Properties
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    //#endregion
+    //#region Event handlers
+    onButtonClicked() {
+        if (this.disabled() || !this.isAccessLoaded() || !this.isVisible()) {
+            return;
+        }
+        this.action.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ButtonComponent, isStandalone: true, selector: "framework-button", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonComponent) }], usesInheritance: true, ngImport: i0, template: "@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    [color]=\"color()\"\r\n    [disabled]=\"disabled() || !isAccessLoaded()\"\r\n    [icon]=\"icon()\"\r\n    [iconSize]=\"iconSize()\"\r\n    [label]=\"label()\"\r\n    [loading]=\"loading()\"\r\n    [options]=\"options()\"\r\n    (action)=\"onButtonClicked()\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n", dependencies: [{ kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["loadingChange", "action"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button', imports: [RibbonButtonComponent], providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonComponent) }], template: "@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    [color]=\"color()\"\r\n    [disabled]=\"disabled() || !isAccessLoaded()\"\r\n    [icon]=\"icon()\"\r\n    [iconSize]=\"iconSize()\"\r\n    [label]=\"label()\"\r\n    [loading]=\"loading()\"\r\n    [options]=\"options()\"\r\n    (action)=\"onButtonClicked()\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n" }]
+        }], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], action: [{ type: i0.Output, args: ["action"] }] } });
+
+/**
+ * @deprecated Use standalone {@link ButtonEditComponent} instead.
+ * Migrate by replacing this legacy component with the standalone equivalent
+ * and using inject() for dependency injection.
+ */
+class ButtonEditLegacyComponent extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    cancelColor = input('text-red-500', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cancelColor" }] : /* istanbul ignore next */ []));
+    cancelIcon = input('fa-ban', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cancelIcon" }] : /* istanbul ignore next */ []));
+    cancelLabel = input('Button-Cancel-Edit', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cancelLabel" }] : /* istanbul ignore next */ []));
+    editIcon = input('fa-edit', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "editIcon" }] : /* istanbul ignore next */ []));
+    editLabel = input('Button-Edit', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "editLabel" }] : /* istanbul ignore next */ []));
+    form = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "form" }] : /* istanbul ignore next */ []));
+    modal = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "modal" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Variables
+    //#endregion
+    //#region Properties
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    //#endregion
+    //#region Event handlers
+    onCancelAction() {
+        this.form()?.cancelEdit();
+    }
+    onEditAction() {
+        const form = this.form();
+        if (form) {
+            form.beginEdit();
+        }
+        else {
+            this.modal()?.toggle();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonEditLegacyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ButtonEditLegacyComponent, isStandalone: true, selector: "framework-button-edit-legacy", inputs: { cancelColor: { classPropertyName: "cancelColor", publicName: "cancelColor", isSignal: true, isRequired: false, transformFunction: null }, cancelIcon: { classPropertyName: "cancelIcon", publicName: "cancelIcon", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null }, editIcon: { classPropertyName: "editIcon", publicName: "editIcon", isSignal: true, isRequired: false, transformFunction: null }, editLabel: { classPropertyName: "editLabel", publicName: "editLabel", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonEditLegacyComponent) }], usesInheritance: true, ngImport: i0, template: "@let legacyForm = form();\r\n\r\n@if (isVisible() && (!legacyForm || legacyForm.viewMode !== 'edit')) {\r\n  <lib-ribbon-button\r\n    [disabled]=\"disabled() || (!!legacyForm && legacyForm.loading)\"\r\n    [icon]=\"editIcon()\"\r\n    [iconSize]=\"iconSize()\"\r\n    [label]=\"editLabel()\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"onEditAction()\"\r\n  ></lib-ribbon-button>\r\n}\r\n@if (isVisible() && legacyForm && legacyForm.viewMode === 'edit' && !legacyForm.isNew) {\r\n  <lib-ribbon-button\r\n    [color]=\"cancelColor()\"\r\n    [disabled]=\"disabled() || legacyForm.loading\"\r\n    [icon]=\"cancelIcon()\"\r\n    [label]=\"cancelLabel()\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"onCancelAction()\"\r\n  ></lib-ribbon-button>\r\n}\r\n", dependencies: [{ kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["loadingChange", "action"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonEditLegacyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button-edit-legacy', imports: [RibbonButtonComponent], providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonEditLegacyComponent) }], template: "@let legacyForm = form();\r\n\r\n@if (isVisible() && (!legacyForm || legacyForm.viewMode !== 'edit')) {\r\n  <lib-ribbon-button\r\n    [disabled]=\"disabled() || (!!legacyForm && legacyForm.loading)\"\r\n    [icon]=\"editIcon()\"\r\n    [iconSize]=\"iconSize()\"\r\n    [label]=\"editLabel()\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"onEditAction()\"\r\n  ></lib-ribbon-button>\r\n}\r\n@if (isVisible() && legacyForm && legacyForm.viewMode === 'edit' && !legacyForm.isNew) {\r\n  <lib-ribbon-button\r\n    [color]=\"cancelColor()\"\r\n    [disabled]=\"disabled() || legacyForm.loading\"\r\n    [icon]=\"cancelIcon()\"\r\n    [label]=\"cancelLabel()\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"onCancelAction()\"\r\n  ></lib-ribbon-button>\r\n}\r\n" }]
+        }], propDecorators: { cancelColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelColor", required: false }] }], cancelIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelIcon", required: false }] }], cancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelLabel", required: false }] }], editIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "editIcon", required: false }] }], editLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "editLabel", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }] } });
+
+/**
+ * @deprecated Use standalone {@link ButtonNewComponent} instead.
+ * Migrate by replacing this legacy component with the standalone equivalent
+ * and using inject() for dependency injection.
+ */
+class ButtonNewLegacyComponent extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    endpoint = input('new', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endpoint" }] : /* istanbul ignore next */ []));
+    path = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "path" }] : /* istanbul ignore next */ []));
+    tabView = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "tabView" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Variables
+    tabService = inject(TabService);
+    //#endregion
+    //#region Properties
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    //#endregion
+    //#region Event handlers
+    //#endregion
+    //#region Public methods
+    clicked() {
+        this.tabService.navigateTo(new Tab({ url: `${this.path()}/${this.endpoint()}` }));
+        // this.tabService.navigateTab(this.tabView, `${this.path}/${this.endpoint}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonNewLegacyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ButtonNewLegacyComponent, isStandalone: true, selector: "framework-button-new-legacy", inputs: { endpoint: { classPropertyName: "endpoint", publicName: "endpoint", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null }, tabView: { classPropertyName: "tabView", publicName: "tabView", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonNewLegacyComponent) }], usesInheritance: true, ngImport: i0, template: "@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    [label]=\"'Button-New'\"\r\n    [icon]=\"'fa-plus'\"\r\n    [disabled]=\"disabled()\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"clicked()\"\r\n  ></lib-ribbon-button>\r\n}\r\n", dependencies: [{ kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["loadingChange", "action"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonNewLegacyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button-new-legacy', imports: [RibbonButtonComponent], providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonNewLegacyComponent) }], template: "@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    [label]=\"'Button-New'\"\r\n    [icon]=\"'fa-plus'\"\r\n    [disabled]=\"disabled()\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"clicked()\"\r\n  ></lib-ribbon-button>\r\n}\r\n" }]
+        }], propDecorators: { endpoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "endpoint", required: false }] }], path: [{ type: i0.Input, args: [{ isSignal: true, alias: "path", required: false }] }], tabView: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabView", required: false }] }] } });
+
+/**
+ * @deprecated Use standalone {@link ButtonOpenRecordComponent} instead.
+ * Migrate by replacing this legacy component with the standalone equivalent
+ * and using inject() for dependency injection.
+ */
+class ButtonOpenRecordLegacyComponent extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    endpoint = input('new', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endpoint" }] : /* istanbul ignore next */ []));
+    path = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "path" }] : /* istanbul ignore next */ []));
+    tabView = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "tabView" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Variables
+    dataGridDataset = inject(DataGridDataset);
+    // A signal rather than a field: the grid announces a selection change from a subscription.
+    selectionCount = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectionCount" }] : /* istanbul ignore next */ []));
+    tabService = inject(TabService);
+    //#endregion
+    //#region Properties
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    ngOnInit() {
+        this.dataGridDataset.selectedRowsChanged.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.selectionCount.set(this.dataGridDataset.selectedRowKeys.length);
+        });
+    }
+    //#endregion
+    //#region Event handlers
+    //#endregion
+    //#region Public methods
+    clicked() {
+        if (this.dataGridDataset.hasSelectedRows && this.selectionCount() === 1) {
+            const selectedKey = this.dataGridDataset.selectedRowKeys[0];
+            const selectedID = this.dataGridDataset.getRowID(selectedKey);
+            this.tabService.navigateTo(new Tab({ url: `${this.path()}/${selectedID}` }));
+            // this.tabService.navigateTab(this.tabView, `${this.path}/${this.dataGridDataset.selectedRows[0]}`);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonOpenRecordLegacyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ButtonOpenRecordLegacyComponent, isStandalone: true, selector: "framework-button-open-record-legacy", inputs: { endpoint: { classPropertyName: "endpoint", publicName: "endpoint", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null }, tabView: { classPropertyName: "tabView", publicName: "tabView", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonOpenRecordLegacyComponent) }], usesInheritance: true, ngImport: i0, template: "@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    [label]=\"'Button-Open-Record'\"\r\n    [icon]=\"'fa-eye'\"\r\n    [disabled]=\"disabled() || selectionCount() !== 1\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"clicked()\"\r\n  ></lib-ribbon-button>\r\n}\r\n", dependencies: [{ kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["loadingChange", "action"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonOpenRecordLegacyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button-open-record-legacy', imports: [RibbonButtonComponent], providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonOpenRecordLegacyComponent) }], template: "@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    [label]=\"'Button-Open-Record'\"\r\n    [icon]=\"'fa-eye'\"\r\n    [disabled]=\"disabled() || selectionCount() !== 1\"\r\n    [loading]=\"loading()\"\r\n    (action)=\"clicked()\"\r\n  ></lib-ribbon-button>\r\n}\r\n" }]
+        }], propDecorators: { endpoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "endpoint", required: false }] }], path: [{ type: i0.Input, args: [{ isSignal: true, alias: "path", required: false }] }], tabView: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabView", required: false }] }] } });
+
+/**
+ * @deprecated Use standalone {@link ButtonSaveComponent} instead.
+ * Migrate by replacing this legacy component with the standalone equivalent
+ * and using inject() for dependency injection.
+ */
+class ButtonSaveLegacyComponent extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    errorModal = viewChild(ErrorModalComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errorModal" }] : /* istanbul ignore next */ []));
+    defaultOption = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultOption" }] : /* istanbul ignore next */ []));
+    form = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "form" }] : /* istanbul ignore next */ []));
+    tabView = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "tabView" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Variables
+    formService = inject(FormService);
+    tabService = inject(TabService);
+    //#endregion
+    //#region Properties
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        this.options.set([
+            { id: 'save', label: 'Button-Save', icon: 'fa-save' },
+            { id: 'save-and-close', label: 'Button-Save-And-Close', icon: 'fa-save' },
+            { id: 'save-and-new', label: 'Button-Save-And-New', icon: 'fa-save' },
+        ]);
+    }
+    //#endregion
+    //#region Event handlers
+    onButtonClick(option) {
+        const form = this.form();
+        if (!form) {
+            return;
+        }
+        this.startLoading();
+        this.setTabViewLoading(true);
+        form
+            .save()
+            .pipe(take(1))
+            .subscribe({
+            next: (model) => {
+                this.finishLoading('success');
+                this.formService.model = model;
+                form.cancelEdit();
+                switch (option) {
+                    case 'save-and-close':
+                        this.tabService.closeActiveTab();
+                        // this.tabService.closeTab(this.tabView);
+                        break;
+                    case 'save-and-new':
+                        this.tabView()?.buttonNew?.clicked();
+                        break;
+                }
+            },
+            error: (e) => {
+                this.finishLoading('warning');
+                form.beginEdit(false);
+                if (e.status === 400) {
+                    BackendFormValidationHelper.validateAllFormFields(e, form.dataForm);
+                }
+                else {
+                    let errorMessage = 'Modal-Failed-DefaultMessage';
+                    if (typeof e.error === 'string') {
+                        errorMessage = e.error;
+                    }
+                    this.errorModal()?.showModal(errorMessage);
+                }
+            },
+        });
+    }
+    //#endregion
+    //#region Public methods
+    finishLoading(status) {
+        this.setTabViewLoading(false);
+        super.finishLoading(status);
+    }
+    //#endregion
+    //#region Private methods
+    setTabViewLoading(isLoading) {
+        const tabView = this.tabView();
+        if (tabView) {
+            tabView.loading = isLoading;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonSaveLegacyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ButtonSaveLegacyComponent, isStandalone: true, selector: "framework-button-save-legacy", inputs: { defaultOption: { classPropertyName: "defaultOption", publicName: "defaultOption", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, tabView: { classPropertyName: "tabView", publicName: "tabView", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonSaveLegacyComponent) }], viewQueries: [{ propertyName: "errorModal", first: true, predicate: ErrorModalComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let legacyForm = form();\r\n\r\n@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    label=\"Button-Save\"\r\n    icon=\"fa-save\"\r\n    [defaultOption]=\"defaultOption()\"\r\n    [disabled]=\"disabled() || legacyForm?.viewMode !== 'edit' || (legacyForm?.loading ?? false)\"\r\n    [loading]=\"loading()\"\r\n    [options]=\"options()\"\r\n    (action)=\"onButtonClick($event)\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n\r\n<framework-error-modal></framework-error-modal>\r\n", dependencies: [{ kind: "component", type: ErrorModalComponent, selector: "framework-error-modal", inputs: ["errorMessage", "size", "subtitle", "title"], outputs: ["errorMessageChange", "subtitleChange", "titleChange", "closed"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["loadingChange", "action"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonSaveLegacyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button-save-legacy', imports: [ErrorModalComponent, RibbonButtonComponent], providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonSaveLegacyComponent) }], template: "@let legacyForm = form();\r\n\r\n@if (isVisible()) {\r\n  <lib-ribbon-button\r\n    label=\"Button-Save\"\r\n    icon=\"fa-save\"\r\n    [defaultOption]=\"defaultOption()\"\r\n    [disabled]=\"disabled() || legacyForm?.viewMode !== 'edit' || (legacyForm?.loading ?? false)\"\r\n    [loading]=\"loading()\"\r\n    [options]=\"options()\"\r\n    (action)=\"onButtonClick($event)\"\r\n  >\r\n  </lib-ribbon-button>\r\n}\r\n\r\n<framework-error-modal></framework-error-modal>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { errorModal: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ErrorModalComponent), { isSignal: true }] }], defaultOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOption", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], tabView: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabView", required: false }] }] } });
+
+/**
+ * @deprecated Use standalone {@link ButtonViewsComponent} instead.
+ * Migrate by replacing this legacy component with the standalone equivalent
+ * and using inject() for dependency injection.
+ */
+class ButtonViewsLegacyComponent extends BaseButton {
+    views = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "views" }] : /* istanbul ignore next */ []));
+    viewChanged = output();
+    clicked(option) {
+        this.viewChanged.emit(option);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonViewsLegacyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: ButtonViewsLegacyComponent, isStandalone: true, selector: "framework-button-views-legacy", inputs: { views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { viewChanged: "viewChanged" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonViewsLegacyComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button\r\n  [label]=\"'Button-Views'\"\r\n  [icon]=\"'fa-eye'\"\r\n  [options]=\"views()\"\r\n  (action)=\"clicked($event)\"\r\n></lib-ribbon-button>\r\n", dependencies: [{ kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["loadingChange", "action"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ButtonViewsLegacyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button-views-legacy', imports: [RibbonButtonComponent], providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonViewsLegacyComponent) }], template: "<lib-ribbon-button\r\n  [label]=\"'Button-Views'\"\r\n  [icon]=\"'fa-eye'\"\r\n  [options]=\"views()\"\r\n  (action)=\"clicked($event)\"\r\n></lib-ribbon-button>\r\n" }]
+        }], propDecorators: { views: [{ type: i0.Input, args: [{ isSignal: true, alias: "views", required: false }] }], viewChanged: [{ type: i0.Output, args: ["viewChanged"] }] } });
+
+/**
+ * @deprecated Use standalone component imports instead of FrameworkButtonsModule.
+ * Import individual button components directly in your component's `imports` array.
+ */
+class FrameworkButtonsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.7", ngImport: i0, type: FrameworkButtonsModule, imports: [ButtonDeleteComponent,
+            ButtonEditComponent,
+            ButtonExportComponent,
+            ButtonFiltersComponent,
+            ButtonNewComponent,
+            ButtonOpenRecordComponent,
+            ButtonRefreshComponent,
+            ButtonSaveComponent,
+            ButtonViewsComponent,
+            ButtonNewLegacyComponent,
+            ButtonEditLegacyComponent,
+            ButtonSaveLegacyComponent,
+            ButtonViewsLegacyComponent,
+            ButtonOpenRecordLegacyComponent], exports: [ButtonDeleteComponent,
+            ButtonEditComponent,
+            ButtonExportComponent,
+            ButtonFiltersComponent,
+            ButtonNewComponent,
+            ButtonOpenRecordComponent,
+            ButtonRefreshComponent,
+            ButtonSaveComponent,
+            ButtonViewsComponent,
+            ButtonNewLegacyComponent,
+            ButtonEditLegacyComponent,
+            ButtonSaveLegacyComponent,
+            ButtonViewsLegacyComponent,
+            ButtonOpenRecordLegacyComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkButtonsModule, imports: [ButtonDeleteComponent,
+            ButtonEditComponent,
+            ButtonExportComponent,
+            ButtonFiltersComponent,
+            ButtonNewComponent,
+            ButtonOpenRecordComponent,
+            ButtonRefreshComponent,
+            ButtonSaveComponent,
+            ButtonViewsComponent,
+            ButtonNewLegacyComponent,
+            ButtonEditLegacyComponent,
+            ButtonSaveLegacyComponent,
+            ButtonViewsLegacyComponent,
+            ButtonOpenRecordLegacyComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkButtonsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        ButtonDeleteComponent,
+                        ButtonEditComponent,
+                        ButtonExportComponent,
+                        ButtonFiltersComponent,
+                        ButtonNewComponent,
+                        ButtonOpenRecordComponent,
+                        ButtonRefreshComponent,
+                        ButtonSaveComponent,
+                        ButtonViewsComponent,
+                        ButtonNewLegacyComponent,
+                        ButtonEditLegacyComponent,
+                        ButtonSaveLegacyComponent,
+                        ButtonViewsLegacyComponent,
+                        ButtonOpenRecordLegacyComponent,
+                    ],
+                    exports: [
+                        ButtonDeleteComponent,
+                        ButtonEditComponent,
+                        ButtonExportComponent,
+                        ButtonFiltersComponent,
+                        ButtonNewComponent,
+                        ButtonOpenRecordComponent,
+                        ButtonRefreshComponent,
+                        ButtonSaveComponent,
+                        ButtonViewsComponent,
+                        ButtonNewLegacyComponent,
+                        ButtonEditLegacyComponent,
+                        ButtonSaveLegacyComponent,
+                        ButtonViewsLegacyComponent,
+                        ButtonOpenRecordLegacyComponent,
+                    ],
+                }]
+        }] });
+
+class DefaultTabViewComponent {
+    //#region ViewChilds, Inputs, Outputs
+    //#endregion
+    //#region Variables
+    destroy$ = new Subject();
+    ribbonTemplate = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ribbonTemplate" }] : /* istanbul ignore next */ []));
+    hasNamedAView = false;
+    ribbonViewTemplate = {};
+    //#endregion
+    //#region Properties
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    tabViewService = inject(TabViewService);
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.complete();
+    }
+    ngOnInit() {
+        this.tabViewService.onUpdateRibbonTemplate
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((template) => {
+            this.ribbonViewTemplate[this.tabViewService.activeView] = template;
+            this.updateRibbonTemplate(template);
+        });
+        this.tabViewService.onViewChanged.pipe(takeUntil(this.destroy$)).subscribe((viewId) => {
+            this.claimUnnamedRibbon(viewId);
+            this.updateRibbonTemplate(this.ribbonViewTemplate[viewId]);
+        });
+    }
+    //#endregion
+    //#region Event handlers
+    //#endregion
+    //#region Public methods
+    //#endregion
+    //#region Private methods
+    /**
+     * Claims the ribbon published before the active view had a name.
+     *
+     * A child view publishes its ribbon from ngAfterViewInit, and the view is only named afterwards,
+     * so the first template of a tab is always cached under an empty id. For a tab opened straight
+     * at a non-default view that id is never looked up again, the ribbon is emptied, and nothing
+     * refills it -- a tab being re-activated has its child re-attached rather than re-created, so
+     * ngAfterViewInit does not run a second time.
+     *
+     * Only the very first naming may claim it. The empty id is not a spare bucket: it is the default
+     * view's own id, because that view is the one whose URL carries no sub-path. Once the user
+     * starts switching views the unnamed template belongs to the view being *left*, and handing it
+     * to the view being entered showed the previous view's buttons on the new one and left the
+     * previous one with no buttons at all.
+     *
+     * @param viewId The view that has just become active.
+     */
+    claimUnnamedRibbon(viewId) {
+        const isFirstNaming = !this.hasNamedAView;
+        this.hasNamedAView = true;
+        if (!isFirstNaming ||
+            !viewId ||
+            this.ribbonViewTemplate[viewId] !== undefined ||
+            this.ribbonViewTemplate[''] === undefined) {
+            return;
+        }
+        this.ribbonViewTemplate[viewId] = this.ribbonViewTemplate[''];
+        delete this.ribbonViewTemplate[''];
+    }
+    /**
+     * One signal write, where there used to be a detectChanges()/markForCheck() pair.
+     *
+     * Those existed to render a real template at once while deferring a clear, so switching views
+     * did not tear an already rendered ribbon down for a frame before the incoming view pushed its
+     * own. A signal gets both for free: writes coalesce into the next pass, so a clear followed by
+     * a set moments later is one render, not two. The NG0100 hazard goes with it -- a signal write
+     * after the outlet has been checked schedules another pass instead of throwing.
+     */
+    updateRibbonTemplate(template) {
+        this.ribbonTemplate.set(template);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DefaultTabViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: DefaultTabViewComponent, isStandalone: true, selector: "framework-default-tab-view", providers: [{ provide: TabViewService }], ngImport: i0, template: "<lib-ribbon>\r\n  <ng-container *ngTemplateOutlet=\"ribbonTemplate() ?? null\"></ng-container>\r\n</lib-ribbon>\r\n\r\n<router-outlet> </router-outlet>\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-grow:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);overflow:hidden}router-outlet{display:none}:host ::ng-deep .framework-view-list{display:flex;flex-grow:1;flex-direction:column;overflow:hidden;min-height:0}:host ::ng-deep .framework-view-list lib-data-grid{flex-grow:1}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: RibbonComponent, selector: "lib-ribbon" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DefaultTabViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-default-tab-view', imports: [NgTemplateOutlet, RibbonComponent, RouterModule], providers: [{ provide: TabViewService }], template: "<lib-ribbon>\r\n  <ng-container *ngTemplateOutlet=\"ribbonTemplate() ?? null\"></ng-container>\r\n</lib-ribbon>\r\n\r\n<router-outlet> </router-outlet>\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-grow:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);overflow:hidden}router-outlet{display:none}:host ::ng-deep .framework-view-list{display:flex;flex-grow:1;flex-direction:column;overflow:hidden;min-height:0}:host ::ng-deep .framework-view-list lib-data-grid{flex-grow:1}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+function dataProviderFactory(route) {
+    return route.snapshot.data['dataProvider']();
+}
+class DefaultDetailsTabViewComponent extends DefaultTabViewComponent {
+    //#region ViewChilds, Inputs, Outputs
+    errorModal = viewChild(ErrorModalComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errorModal" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Variables
+    // Signals rather than fields: the record's title arrives from the data provider's stream,
+    // and the route it is read from is recomputed in that same subscription. Both are rendered
+    // here -- the container heading and the views button -- with nothing else marking this view.
+    containerIcon = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "containerIcon" }] : /* istanbul ignore next */ []));
+    containerTitle = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "containerTitle" }] : /* istanbul ignore next */ []));
+    detailsViewRoute = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "detailsViewRoute" }] : /* istanbul ignore next */ []));
+    dataProviderClassName;
+    dataProviderService = inject(DataProviderService, { optional: true });
+    hasEntityID = null;
+    hasLoadError = false;
+    router = inject(Router);
+    tabService = inject(TabService);
+    //#endregion
+    //#region Properties
+    get componentName() {
+        return DefaultDetailsTabViewComponent.name;
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    ngOnInit() {
+        super.ngOnInit();
+        this.detailsViewRoute.set(RouteHelper.getRouteWithComponent(this.router.routerState.root.snapshot, DefaultDetailsTabViewComponent));
+        this.hasEntityID = this.dataProviderService?.hasEntityID ?? null;
+        this.dataProviderService
+            ?.getModel$()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((model) => {
+            if (this.hasEntityID !== this.dataProviderService.hasEntityID || !this.detailsViewRoute()) {
+                // If the entity ID changes, we need update the detailsViewRoute to get the correct route URL later.
+                this.hasEntityID = this.dataProviderService.hasEntityID;
+                this.detailsViewRoute.set(RouteHelper.getRouteWithComponent(this.router.routerState.root.snapshot, DefaultDetailsTabViewComponent));
+            }
+            const detailsViewRoute = this.detailsViewRoute();
+            if (detailsViewRoute) {
+                let title = detailsViewRoute.data['defaultTitle'];
+                if (this.dataProviderService.hasEntityID) {
+                    title = this.dataProviderService.getTitle(model);
+                }
+                this.containerIcon.set('');
+                this.containerTitle.set(title);
+                const url = RouteHelper.getRouteURL(detailsViewRoute);
+                this.tabService.updateTabTitle(url, title);
+            }
+        });
+        this.dataProviderService
+            ?.getError$()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((error) => {
+            this.hasLoadError = true;
+            if (error.status === 404) {
+                this.errorModal()?.title.set('Modal-NotFound-Title');
+                this.errorModal()?.subtitle.set('');
+                this.errorModal()?.showModal('Modal-NotFound-Message');
+            }
+            else {
+                this.errorModal()?.title.set('Modal-Failed-Title');
+                this.errorModal()?.subtitle.set('Modal-Failed-Administrator');
+                this.errorModal()?.showModal(error);
+            }
+        });
+    }
+    //#endregion
+    //#region Event handlers
+    onErrorModalClosed() {
+        if (!this.hasLoadError) {
+            return;
+        }
+        const history = this.tabService.activeTabHistory;
+        const entityBaseUrl = history[history.length - 1]?.entityBaseUrl;
+        // Find the entry before the invalid entity in the tab history.
+        if (entityBaseUrl && history.length > 1) {
+            const entityIndex = history.findIndex((entry) => entry.entityBaseUrl === entityBaseUrl);
+            if (entityIndex > 0) {
+                this.tabService.navigateCurrentTabBack(history[entityIndex - 1]);
+                return;
+            }
+        }
+        this.tabService.closeActiveTab();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DefaultDetailsTabViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.7", type: DefaultDetailsTabViewComponent, isStandalone: true, selector: "framework-default-details-tab-view", providers: [
+            { provide: TabViewService },
+            { provide: DataProviderService, useFactory: dataProviderFactory, deps: [ActivatedRoute] },
+            // A record's views are siblings: the form is one route, a child list is another, and only the
+            // form provides a FormService of its own. So anything a non-form view renders has to find one
+            // here or not at all -- and framework-button-edit asks for FormService and DataProviderService
+            // together, of which this shell supplied only the second. Opening a child-list view threw
+            // NG0201 before the component rendered at all.
+            //
+            // A form view's own provider shadows this one inside its subtree, so nothing changes there.
+            // What reaches this instance is a view that has no form of its own, where the service sits
+            // idle: the edit button reads `loading` and listens for `editCanceled`, and in modal mode --
+            // which is why a child list has that button -- it never begins an edit on it.
+            { provide: FormService },
+        ], viewQueries: [{ propertyName: "errorModal", first: true, predicate: ErrorModalComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon>\r\n  <ng-container *ngTemplateOutlet=\"ribbonTemplate() ?? null\"></ng-container>\r\n\r\n  <div right>\r\n    <lib-ribbon-group [label]=\"'RibbonGroup-Page' | translate\">\r\n      <framework-button-views [detailsViewRoute]=\"detailsViewRoute()\"> </framework-button-views>\r\n    </lib-ribbon-group>\r\n  </div>\r\n</lib-ribbon>\r\n\r\n<lib-group-container [icon]=\"containerIcon()\" [title]=\"containerTitle()\">\r\n  <router-outlet> </router-outlet>\r\n</lib-group-container>\r\n\r\n<framework-error-modal (closed)=\"onErrorModalClosed()\"></framework-error-modal>\r\n", styles: [":host{display:flex;flex-grow:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);overflow:hidden}router-outlet{display:none}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: ButtonViewsComponent, selector: "framework-button-views", inputs: ["detailsViewRoute"] }, { kind: "component", type: ErrorModalComponent, selector: "framework-error-modal", inputs: ["errorMessage", "size", "subtitle", "title"], outputs: ["errorMessageChange", "subtitleChange", "titleChange", "closed"] }, { kind: "component", type: GroupContainerComponent, selector: "lib-group-container", inputs: ["title", "icon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: RibbonComponent, selector: "lib-ribbon" }, { kind: "component", type: RibbonGroupComponent, selector: "lib-ribbon-group", inputs: ["label"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DefaultDetailsTabViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-default-details-tab-view', imports: [
+                        ButtonViewsComponent,
+                        ErrorModalComponent,
+                        GroupContainerComponent,
+                        NgTemplateOutlet,
+                        RibbonComponent,
+                        RibbonGroupComponent,
+                        RouterModule,
+                        TranslatePipe,
+                    ], providers: [
+                        { provide: TabViewService },
+                        { provide: DataProviderService, useFactory: dataProviderFactory, deps: [ActivatedRoute] },
+                        // A record's views are siblings: the form is one route, a child list is another, and only the
+                        // form provides a FormService of its own. So anything a non-form view renders has to find one
+                        // here or not at all -- and framework-button-edit asks for FormService and DataProviderService
+                        // together, of which this shell supplied only the second. Opening a child-list view threw
+                        // NG0201 before the component rendered at all.
+                        //
+                        // A form view's own provider shadows this one inside its subtree, so nothing changes there.
+                        // What reaches this instance is a view that has no form of its own, where the service sits
+                        // idle: the edit button reads `loading` and listens for `editCanceled`, and in modal mode --
+                        // which is why a child list has that button -- it never begins an edit on it.
+                        { provide: FormService },
+                    ], template: "<lib-ribbon>\r\n  <ng-container *ngTemplateOutlet=\"ribbonTemplate() ?? null\"></ng-container>\r\n\r\n  <div right>\r\n    <lib-ribbon-group [label]=\"'RibbonGroup-Page' | translate\">\r\n      <framework-button-views [detailsViewRoute]=\"detailsViewRoute()\"> </framework-button-views>\r\n    </lib-ribbon-group>\r\n  </div>\r\n</lib-ribbon>\r\n\r\n<lib-group-container [icon]=\"containerIcon()\" [title]=\"containerTitle()\">\r\n  <router-outlet> </router-outlet>\r\n</lib-group-container>\r\n\r\n<framework-error-modal (closed)=\"onErrorModalClosed()\"></framework-error-modal>\r\n", styles: [":host{display:flex;flex-grow:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);overflow:hidden}router-outlet{display:none}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { errorModal: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ErrorModalComponent), { isSignal: true }] }] } });
+
+class TabBreadcrumbsComponent {
+    //#region ViewChilds, Inputs, Outputs
+    //#endregion
+    //#region Variables
+    tabService = inject(TabService);
+    //#endregion
+    //#region Properties
+    /**
+     * Reads straight through to the service, which is the trap this component used to be the
+     * example of: a getter over an array a service mutates elsewhere, with nothing to mark this
+     * view dirty. TabService announces its own changes now, and that getter takes the dependency,
+     * so no strategy is needed here.
+     */
+    get tabHistory() {
+        return this.tabService.activeTabHistory;
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    //#endregion
+    //#region Event handlers
+    onTitleClick(tab) {
+        this.tabService.navigateCurrentTabBack(tab);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TabBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: TabBreadcrumbsComponent, isStandalone: true, selector: "framework-tab-breadcrumbs", ngImport: i0, template: "<i class=\"fa-solid fa-angles-right\"></i>\r\n\r\n@for (history of tabHistory; track history) {\r\n  <a\r\n    role=\"button\"\r\n    tabindex=\"0\"\r\n    (click)=\"onTitleClick(history)\"\r\n    (keydown.enter)=\"onTitleClick(history)\"\r\n    (keydown.space)=\"onTitleClick(history); $event.preventDefault()\"\r\n  >\r\n    @if (!history.isTitleLoading) {\r\n      <span>{{ history.title ?? '' | translate }}</span>\r\n    }\r\n    @if (history.isTitleLoading) {\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\r\n        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\r\n        <path\r\n          class=\"opacity-75\"\r\n          fill=\"currentColor\"\r\n          d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\r\n        ></path>\r\n      </svg>\r\n    }\r\n  </a>\r\n}\r\n", styles: ["@charset \"UTF-8\";@layer properties;:host{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing, .25rem);-webkit-user-select:none;user-select:none;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);border-bottom:1px solid var(--tabs-border);color:var(--tabs-item-text)}:host>i{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--tabs-close)}:host a{display:flex;cursor:pointer;align-items:center;gap:var(--spacing, .25rem);border-radius:var(--radius-sm, .25rem);padding-inline:var(--spacing, .25rem);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}:host a:hover,:host a:focus-visible{background-color:var(--tabs-item-hover-bg);color:var(--tabs-item-active-text)}:host a:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;--tw-ring-color: var(--tabs-item-active-text)}@media(forced-colors:active){:host a:focus-visible{outline:2px solid transparent;outline-offset:2px}}:host a:not(:first-of-type):before{margin-right:var(--spacing, .25rem);flex-shrink:0;--tw-content: \"\";content:var(--tw-content);width:0;height:0;border-top:.25rem solid transparent;border-bottom:.25rem solid transparent;border-left:.3rem solid currentColor;opacity:.45}:host a:last-of-type{color:var(--tabs-item-active-text)}:host a svg{display:inline-block;height:calc(var(--spacing, .25rem) * 4);width:calc(var(--spacing, .25rem) * 4);animation:var(--animate-spin, spin 1s linear infinite)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-ease: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-content: \"\"}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TabBreadcrumbsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-tab-breadcrumbs', imports: [TranslatePipe], template: "<i class=\"fa-solid fa-angles-right\"></i>\r\n\r\n@for (history of tabHistory; track history) {\r\n  <a\r\n    role=\"button\"\r\n    tabindex=\"0\"\r\n    (click)=\"onTitleClick(history)\"\r\n    (keydown.enter)=\"onTitleClick(history)\"\r\n    (keydown.space)=\"onTitleClick(history); $event.preventDefault()\"\r\n  >\r\n    @if (!history.isTitleLoading) {\r\n      <span>{{ history.title ?? '' | translate }}</span>\r\n    }\r\n    @if (history.isTitleLoading) {\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\r\n        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\r\n        <path\r\n          class=\"opacity-75\"\r\n          fill=\"currentColor\"\r\n          d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\r\n        ></path>\r\n      </svg>\r\n    }\r\n  </a>\r\n}\r\n", styles: ["@charset \"UTF-8\";@layer properties;:host{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing, .25rem);-webkit-user-select:none;user-select:none;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);border-bottom:1px solid var(--tabs-border);color:var(--tabs-item-text)}:host>i{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--tabs-close)}:host a{display:flex;cursor:pointer;align-items:center;gap:var(--spacing, .25rem);border-radius:var(--radius-sm, .25rem);padding-inline:var(--spacing, .25rem);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}:host a:hover,:host a:focus-visible{background-color:var(--tabs-item-hover-bg);color:var(--tabs-item-active-text)}:host a:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;--tw-ring-color: var(--tabs-item-active-text)}@media(forced-colors:active){:host a:focus-visible{outline:2px solid transparent;outline-offset:2px}}:host a:not(:first-of-type):before{margin-right:var(--spacing, .25rem);flex-shrink:0;--tw-content: \"\";content:var(--tw-content);width:0;height:0;border-top:.25rem solid transparent;border-bottom:.25rem solid transparent;border-left:.3rem solid currentColor;opacity:.45}:host a:last-of-type{color:var(--tabs-item-active-text)}:host a svg{display:inline-block;height:calc(var(--spacing, .25rem) * 4);width:calc(var(--spacing, .25rem) * 4);animation:var(--animate-spin, spin 1s linear infinite)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-ease: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-content: \"\"}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+/** Sub-pixel slack: scrollLeft is fractional, so an exact comparison never reaches the end. */
+const SCROLL_EPSILON = 1;
+/** How much of the visible strip one press of a scroll button travels. */
+const SCROLL_BUTTON_STEP = 0.8;
+class TabsComponent {
+    ngZone;
+    router;
+    tabService;
+    //#region ViewChilds, Inputs, Outputs
+    tabsNav;
+    //#endregion
+    //#region Host listeners
+    //#endregion
+    //#region Variables
+    static instances = 0;
+    /** Unique per instance: the ids below are referenced by aria-controls/aria-labelledby. */
+    instanceId = `framework-tabs-${TabsComponent.instances++}`;
+    /**
+     * Fingerprint of everything that can invalidate the strip's scroll position: which tab is
+     * selected, how many there are, and the strip's own geometry. Deliberately does NOT include
+     * scrollLeft -- the user scrolling by hand must not make us yank the strip back.
+     */
+    lastStripSignature = '';
+    navResizeObserver;
+    isDestroyed = false;
+    /** Drive the scroll buttons. Only ever assigned outside a change-detection pass (see below). */
+    canScrollLeft = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canScrollLeft" }] : /* istanbul ignore next */ []));
+    canScrollRight = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canScrollRight" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether the strip holds more tabs than it has room for. This decides that the buttons exist;
+     * canScrollLeft and canScrollRight only decide whether each one is enabled.
+     *
+     * They used to decide both, so a button vanished the moment you reached the end it pointed at.
+     * The strip then changed width under the pointer, and a click could land after the button had
+     * already unmounted and do nothing — which is what "sometimes it does not move" was.
+     */
+    isOverflowing = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOverflowing" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether anything reaches the strip's right edge: a tab, or the right scroll button. While
+     * something does, the panel's top-right corner is square, because the card's corner then belongs
+     * to the strip. Rounding both leaves whatever sits at the edge standing over the sweep where the
+     * panel has curved away and is not there yet — a piece floating past the corner.
+     */
+    isFlushRight = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isFlushRight" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Properties
+    get activeHistory() {
+        return null; // this.tabService.activeHistory;
+    }
+    get activeTab() {
+        return null; // this.tabService.activeTab;
+    }
+    get hasTabs() {
+        return this.tabService.activeTabs.length > 0;
+    }
+    get openTabs() {
+        return this.tabService.activeTabs ?? [];
+    }
+    get tabDisplayTitles() {
+        return this.tabService.activeTabsDisplayTitles;
+    }
+    get tabLoadingStates() {
+        return this.tabService.activeTabsLoadingStates;
+    }
+    /** Id of the panel these tabs control; referenced by each tab's aria-controls. */
+    get panelId() {
+        return `${this.instanceId}-panel`;
+    }
+    /** Id of the selected tab, so the panel can name the tab that labels it. */
+    get activeTabId() {
+        const index = this.openTabs.findIndex((tab) => this.isTabActive(tab));
+        return index === -1 ? null : this.tabId(index);
+    }
+    trackByFn = (_, tab) => tab.url;
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor(ngZone, router, tabService) {
+        this.ngZone = ngZone;
+        this.router = router;
+        this.tabService = tabService;
+        // Replaces ngAfterViewChecked + queueMicrotask. That pair only ever ran because zone.js
+        // produced an ambient pass on every event; with no zone there is nothing to piggyback on and
+        // the strip silently stopped re-measuring. afterEveryRender is the supported hook for reading
+        // layout, and it runs after the bindings have been checked, so writing the affordance here
+        // cannot raise NG0100 either.
+        afterEveryRender(() => {
+            const signature = this.stripSignature();
+            if (signature === this.lastStripSignature) {
+                return;
+            }
+            this.lastStripSignature = signature;
+            this.remeasureStrip();
+        });
+    }
+    ngAfterViewInit() {
+        const nav = this.tabsNav?.nativeElement;
+        if (!nav) {
+            return;
+        }
+        // Outside Angular: these fire continuously while scrolling or dragging a window edge, and
+        // none of them need a change-detection pass unless a button's state actually flips.
+        this.ngZone.runOutsideAngular(() => {
+            nav.addEventListener('scroll', this.onNavScroll, { passive: true });
+            nav.addEventListener('wheel', this.onNavWheel, { passive: false });
+            // Catches the window resizing and the sidebar collapsing -- both change how many tabs
+            // fit without changing the tab list, so nothing else would tell us to re-check.
+            if (typeof ResizeObserver === 'function') {
+                this.navResizeObserver = new ResizeObserver(() => this.remeasureStrip());
+                this.navResizeObserver.observe(nav);
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.isDestroyed = true;
+        this.navResizeObserver?.disconnect();
+        const nav = this.tabsNav?.nativeElement;
+        nav?.removeEventListener('scroll', this.onNavScroll);
+        nav?.removeEventListener('wheel', this.onNavWheel);
+    }
+    ngOnInit() {
+        const activatedDetailsTabView = RouteHelper.getRouteByData(this.router.routerState.snapshot.root, FRAMEWORK_VIEW_TYPE, FrameworkViewType.Details);
+        if (activatedDetailsTabView) {
+            const shouldIgnoreFirstChildRoute = !!activatedDetailsTabView.firstChild &&
+                activatedDetailsTabView.firstChild.data &&
+                activatedDetailsTabView.firstChild.data['ignoreRoute'] === true;
+            const url = RouteHelper.getRouteURL(activatedDetailsTabView);
+            const clones = [];
+            if (shouldIgnoreFirstChildRoute) {
+                clones.push(RouteHelper.getRouteURL(activatedDetailsTabView.firstChild));
+            }
+            else if (activatedDetailsTabView.firstChild) {
+                const childPath = activatedDetailsTabView.firstChild.url.map((s) => s.path).join('/');
+                const defaultChildPath = activatedDetailsTabView.routeConfig?.children?.filter((route) => !!route.data && route.data['ignoreRoute'] !== true)?.[0]?.path ?? '';
+                if (childPath !== defaultChildPath) {
+                    const entityID = Number(activatedDetailsTabView.paramMap.get('id'));
+                    if (!entityID) {
+                        // New entity: inner views are not available, redirect to base URL.
+                        this.router.navigate([url], { replaceUrl: true });
+                    }
+                    else {
+                        // Non-default child route (e.g. direct navigation to /audit): add sub-view to history for breadcrumbs.
+                        const childTitle = activatedDetailsTabView.firstChild?.data?.['title'] ?? '';
+                        queueMicrotask(() => {
+                            const childUrl = RouteHelper.getRouteURL(activatedDetailsTabView.firstChild);
+                            this.tabService.replaceCurrentTabSubView(url, new Tab({
+                                title: childTitle,
+                                url: childUrl,
+                            }));
+                        });
+                    }
+                }
+            }
+            this.tabService.openTab(new Tab({
+                clones: clones,
+                entityBaseUrl: url,
+                queryParams: activatedDetailsTabView.queryParams,
+                url: url,
+            }));
+        }
+        else {
+            const activatedTabView = RouteHelper.getRouteByData(this.router.routerState.snapshot.root, FRAMEWORK_VIEW_TYPE, FrameworkViewType.List);
+            if (activatedTabView) {
+                const url = RouteHelper.getRouteURL(activatedTabView);
+                this.tabService.openTab(new Tab({
+                    queryParams: activatedTabView.queryParams,
+                    url: url,
+                }));
+            }
+            else {
+                this.router.navigate(['/']);
+            }
+        }
+    }
+    //#endregion
+    //#region Event handlers
+    onActivateTab(tab) {
+        this.tabService.activateTab(tab);
+    }
+    onCloseTab(index) {
+        this.tabService.closeTab(index);
+    }
+    /** Middle click closes a tab, the way it does in a browser. */
+    onTabAuxClick(event, index) {
+        if (event.button !== 1) {
+            return;
+        }
+        // Chromium starts autoscroll on middle click unless the default is prevented.
+        event.preventDefault();
+        this.onCloseTab(index);
+    }
+    /**
+     * Roving focus. A tablist is a single tab stop: Tab reaches the selected tab, and the
+     * arrow keys move between tabs from there. A delta of 0 means go to `from` exactly,
+     * which is what Home and End want.
+     */
+    onMoveFocus(from, delta) {
+        const count = this.openTabs.length;
+        if (count === 0) {
+            return;
+        }
+        const target = delta === 0 ? Math.min(Math.max(from, 0), count - 1) : (from + delta + count) % count;
+        this.focusTab(target);
+    }
+    /** The scroll buttons at each end of the strip. `direction` is -1 for left, 1 for right. */
+    onScrollStrip(direction) {
+        const nav = this.tabsNav?.nativeElement;
+        if (!nav) {
+            return;
+        }
+        const step = nav.clientWidth * SCROLL_BUTTON_STEP * direction;
+        if (typeof nav.scrollBy === 'function') {
+            nav.scrollBy({ left: step, behavior: 'smooth' });
+        }
+        else {
+            // jsdom, and any browser without smooth scrolling, still gets the movement.
+            nav.scrollLeft += step;
+        }
+    }
+    //#endregion
+    //#region Public methods
+    isTabActive(tab) {
+        return this.tabService.isTabActive(tab);
+    }
+    //#endregion
+    //#region Private methods
+    /** Stable per index, so aria-controls and aria-labelledby have something to point at. */
+    tabId(index) {
+        return `${this.instanceId}-tab-${index}`;
+    }
+    tabElements() {
+        return Array.from(this.tabsNav?.nativeElement.querySelectorAll('[role="tab"]') ?? []);
+    }
+    /** Moves focus AND selection: this tablist follows the automatic-activation pattern. */
+    focusTab(index) {
+        const element = this.tabElements()[index];
+        if (!element) {
+            return;
+        }
+        element.focus();
+        const tab = this.openTabs[index];
+        if (tab) {
+            this.onActivateTab(tab);
+        }
+    }
+    /**
+     * Everything that invalidates the scroll position, in one cheap string. The geometry is part
+     * of it because the window resizing or the sidebar collapsing can push the selected tab out
+     * of sight without the tab list changing at all -- which is precisely how you end up looking
+     * at a panel whose tab is nowhere on screen.
+     */
+    stripSignature() {
+        const nav = this.tabsNav?.nativeElement;
+        const index = this.openTabs.findIndex((tab) => this.isTabActive(tab));
+        return `${index}|${this.openTabs.length}|${nav?.clientWidth ?? 0}|${nav?.scrollWidth ?? 0}`;
+    }
+    /** Keeps the selected tab on screen. Called from a microtask, never mid-change-detection. */
+    scrollActiveTabIntoView() {
+        const index = this.openTabs.findIndex((tab) => this.isTabActive(tab));
+        if (index === -1) {
+            return;
+        }
+        // Guarded: scrollIntoView is not implemented in jsdom, so an unguarded call throws in
+        // any consumer's unit tests.
+        const element = this.tabElements()[index];
+        if (typeof element?.scrollIntoView === 'function') {
+            element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+        }
+    }
+    /**
+     * Recomputes whether either scroll button applies. Reads first and only enters the zone when
+     * a button actually flips, so an ordinary scroll costs one layout read and no render.
+     */
+    syncScrollAffordance() {
+        const nav = this.tabsNav?.nativeElement;
+        if (!nav || this.isDestroyed) {
+            return;
+        }
+        const canLeft = nav.scrollLeft > SCROLL_EPSILON;
+        const canRight = nav.scrollLeft + nav.clientWidth < nav.scrollWidth - SCROLL_EPSILON;
+        const overflowing = nav.scrollWidth > nav.clientWidth + SCROLL_EPSILON;
+        // Overflowing means the right button holds the edge. Short of that, the last tab does if it
+        // ends within a pixel of the strip — the case where the tabs happen to fill it exactly.
+        const lastTab = nav.lastElementChild;
+        const flushRight = overflowing ||
+            (lastTab !== null && lastTab.getBoundingClientRect().right >= nav.getBoundingClientRect().right - SCROLL_EPSILON);
+        if (canLeft === this.canScrollLeft() &&
+            canRight === this.canScrollRight() &&
+            overflowing === this.isOverflowing() &&
+            flushRight === this.isFlushRight()) {
+            return;
+        }
+        this.canScrollLeft.set(canLeft);
+        this.canScrollRight.set(canRight);
+        this.isOverflowing.set(overflowing);
+        this.isFlushRight.set(flushRight);
+    }
+    /** Everything a geometry change implies: the selected tab may be off-screen, and the scroll
+     *  buttons may have appeared or gone. */
+    remeasureStrip() {
+        this.scrollActiveTabIntoView();
+        this.syncScrollAffordance();
+    }
+    /** Arrow function: registered and removed as a listener, so it must keep its `this`. */
+    onNavScroll = () => {
+        this.syncScrollAffordance();
+    };
+    /**
+     * A tab strip is horizontal but a mouse wheel is vertical, so without this the only way to
+     * reach an off-screen tab with a plain wheel mouse is the buttons. Trackpads and shift+wheel
+     * already produce deltaX, so those are left alone.
+     */
+    onNavWheel = (event) => {
+        const nav = this.tabsNav?.nativeElement;
+        if (!nav || event.deltaX !== 0 || event.deltaY === 0) {
+            return;
+        }
+        if (nav.scrollWidth <= nav.clientWidth) {
+            return;
+        }
+        event.preventDefault();
+        nav.scrollLeft += event.deltaY;
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TabsComponent, deps: [{ token: i0.NgZone }, { token: i1$1.Router }, { token: TabService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: TabsComponent, isStandalone: true, selector: "framework-tabs", viewQueries: [{ propertyName: "tabsNav", first: true, predicate: ["tabsNav"], descendants: true }], ngImport: i0, template: "@if (hasTabs) {\r\n  <div class=\"tabs-container\" [class.can-scroll-left]=\"canScrollLeft()\" [class.can-scroll-right]=\"canScrollRight()\">\r\n    <!-- Both buttons are present whenever the strip overflows, and disabled rather than removed at\r\n         the end they point at. Rendering them per-direction meant the one being reached for\r\n         disappeared on arrival: the strip changed width under the pointer and the click landed on\r\n         nothing. tabindex -1 because the tablist is already one tab stop and the arrow keys reach\r\n         every tab -- these are a pointer affordance, not a second keyboard path. -->\r\n    @if (isOverflowing()) {\r\n      <button\r\n        class=\"tabs-scroll left\"\r\n        type=\"button\"\r\n        tabindex=\"-1\"\r\n        [disabled]=\"!canScrollLeft()\"\r\n        [attr.aria-label]=\"'Tabs-ScrollLeft' | translate\"\r\n        (click)=\"onScrollStrip(-1)\"\r\n      >\r\n        <i class=\"fas fa-chevron-left\"></i>\r\n      </button>\r\n    }\r\n\r\n    <!-- Horizontally scrollable. This used to be overflow:hidden, so once the tabs were\r\n         wider than the bar the ones past the right edge could not be reached at all. -->\r\n    <ul #tabsNav class=\"tabs-nav\" role=\"tablist\">\r\n      @for (tab of openTabs; track trackByFn(i, tab); let i = $index) {\r\n        <li role=\"presentation\" [class.active]=\"isTabActive(tab)\">\r\n          <a\r\n            class=\"tab-item\"\r\n            role=\"tab\"\r\n            [id]=\"tabId(i)\"\r\n            [attr.aria-controls]=\"panelId\"\r\n            [attr.aria-selected]=\"isTabActive(tab)\"\r\n            [attr.title]=\"tabDisplayTitles[i] ?? tab.title ?? null\"\r\n            [attr.tabindex]=\"isTabActive(tab) ? 0 : -1\"\r\n            (click)=\"onActivateTab(tab)\"\r\n            (auxclick)=\"onTabAuxClick($event, i)\"\r\n            (keydown.enter)=\"onActivateTab(tab)\"\r\n            (keydown.space)=\"onActivateTab(tab); $event.preventDefault()\"\r\n            (keydown.arrowleft)=\"onMoveFocus(i, -1); $event.preventDefault()\"\r\n            (keydown.arrowright)=\"onMoveFocus(i, 1); $event.preventDefault()\"\r\n            (keydown.home)=\"onMoveFocus(0, 0); $event.preventDefault()\"\r\n            (keydown.end)=\"onMoveFocus(openTabs.length - 1, 0); $event.preventDefault()\"\r\n            (keydown.delete)=\"onCloseTab(i); $event.preventDefault()\"\r\n          >\r\n            <!-- Rendered whether or not the title has resolved, so the tab keeps its width\r\n                 and the strip does not reflow as each title arrives. -->\r\n            <span class=\"label\">{{ tabDisplayTitles[i] ?? tab.title ?? '' | translate }}</span>\r\n\r\n            @if (tabLoadingStates[i]) {\r\n              <svg class=\"spinner\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\r\n                <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\r\n                <path\r\n                  class=\"opacity-75\"\r\n                  fill=\"currentColor\"\r\n                  d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\r\n                ></path>\r\n              </svg>\r\n            }\r\n          </a>\r\n\r\n          <!-- tabindex -1: the tablist is one tab stop, and the close control is reachable\r\n               from the tab itself with Delete rather than by tabbing through every one. -->\r\n          <button\r\n            class=\"tab-close\"\r\n            type=\"button\"\r\n            tabindex=\"-1\"\r\n            [attr.aria-label]=\"'Tabs-CloseTab' | translate: { title: tabDisplayTitles[i] ?? tab.title ?? '' }\"\r\n            (click)=\"onCloseTab(i)\"\r\n          >\r\n            <i class=\"fas fa-times\"></i>\r\n          </button>\r\n        </li>\r\n      }\r\n    </ul>\r\n\r\n    @if (isOverflowing()) {\r\n      <button\r\n        class=\"tabs-scroll right\"\r\n        type=\"button\"\r\n        tabindex=\"-1\"\r\n        [disabled]=\"!canScrollRight()\"\r\n        [attr.aria-label]=\"'Tabs-ScrollRight' | translate\"\r\n        (click)=\"onScrollStrip(1)\"\r\n      >\r\n        <i class=\"fas fa-chevron-right\"></i>\r\n      </button>\r\n    }\r\n  </div>\r\n}\r\n@if (hasTabs) {\r\n  <div\r\n    class=\"tab-content\"\r\n    [class.flush-right]=\"isFlushRight()\"\r\n    role=\"tabpanel\"\r\n    [id]=\"panelId\"\r\n    [attr.aria-labelledby]=\"activeTabId\"\r\n  >\r\n    <framework-tab-breadcrumbs></framework-tab-breadcrumbs>\r\n    <ng-content></ng-content>\r\n  </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";@layer properties;:host{position:relative;display:block;height:100%;max-height:100%;max-width:100%}.tabs-container{position:absolute;top:0;z-index:1;display:flex;width:100%;max-width:100%;flex-direction:row;align-items:flex-end;height:var(--tabs-height);max-height:var(--tabs-height);--tabs-fade-start: 0px;--tabs-fade-end: 0px}.tabs-container.can-scroll-left{--tabs-fade-start: var(--tabs-fade-width)}.tabs-container.can-scroll-right{--tabs-fade-end: var(--tabs-fade-width)}.tabs-container .tabs-scroll{display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:stretch;cursor:pointer;--tw-border-style: none;border-style:none;padding:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: 1;line-height:1;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));width:var(--tabs-scroll-width);background-color:var(--tabs-item-bg);color:var(--tabs-item-text)}.tabs-container .tabs-scroll.left{border-top-left-radius:var(--tabs-item-radius)}.tabs-container .tabs-scroll.right{border-top-right-radius:var(--tabs-radius)}.tabs-container .tabs-scroll:hover:not(:disabled){background-color:var(--tabs-item-hover-bg);color:var(--tabs-item-active-text)}.tabs-container .tabs-scroll:disabled{cursor:default;opacity:40%}.tabs-container .tabs-nav{display:flex;height:100%;flex-direction:row;align-items:flex-end;min-width:0px;flex:1;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;border-top-right-radius:var(--tabs-radius);scrollbar-width:none}.tabs-container .tabs-nav::-webkit-scrollbar{display:none}.tabs-container .tabs-nav{mask-image:linear-gradient(to right,transparent 0,black var(--tabs-fade-start),black calc(100% - var(--tabs-fade-end)),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--tabs-fade-start),black calc(100% - var(--tabs-fade-end)),transparent 100%)}.tabs-container .tabs-nav li{position:relative;display:flex;flex-shrink:1;flex-grow:0;min-width:var(--tabs-item-min-width)}.tabs-container .tabs-nav li.active{z-index:1}.tabs-container .tabs-nav li .tab-item{display:flex;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 2);padding-right:calc(var(--spacing, .25rem) * 10);padding-left:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none;overflow:hidden;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));min-width:0px;flex:1;max-width:var(--tabs-item-max-width);background-color:var(--tabs-item-bg);color:var(--tabs-item-text);border-top-left-radius:var(--tabs-item-radius);border-top-right-radius:var(--tabs-item-radius)}.tabs-container .tabs-nav li .tab-item .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs-container .tabs-nav li .tab-item .spinner{height:calc(var(--spacing, .25rem) * 4);width:calc(var(--spacing, .25rem) * 4);flex-shrink:0;animation:var(--animate-spin, spin 1s linear infinite)}.tabs-container .tabs-nav li .tab-item:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;--tw-ring-inset: inset;--tw-ring-color: var(--tabs-item-active-text)}@media(forced-colors:active){.tabs-container .tabs-nav li .tab-item:focus-visible{outline:2px solid transparent;outline-offset:2px}}.tabs-container .tabs-nav li:hover .tab-item{background-color:var(--tabs-item-hover-bg)}.tabs-container .tabs-nav li.active .tab-item{background-color:var(--tabs-item-active-bg);color:var(--tabs-item-active-text);backdrop-filter:blur(var(--tabs-blur));-webkit-backdrop-filter:blur(var(--tabs-blur))}.tabs-container .tabs-nav li .tab-close{position:absolute;top:50%;right:calc(var(--spacing, .25rem) * 1.5);display:flex;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);align-items:center;justify-content:center;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);cursor:pointer;border-radius:calc(infinity * 1px);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;--tw-border-style: none;border-style:none;background-color:transparent;padding:0;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));color:var(--tabs-close)}.tabs-container .tabs-nav li .tab-close:hover,.tabs-container .tabs-nav li .tab-close:focus-visible{background-color:var(--tabs-close-hover-bg);color:var(--tabs-close-hover)}.tab-content{position:absolute;bottom:0;display:flex;width:100%;max-width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);overflow-y:auto;padding:calc(var(--spacing, .25rem) * 2);top:var(--tabs-height)}.tab-content ::ng-deep router-outlet{display:none}.tab-content{border:1px solid var(--tabs-border);border-top:0;border-bottom-left-radius:var(--tabs-radius);border-bottom-right-radius:var(--tabs-radius);border-top-right-radius:var(--tabs-radius);box-shadow:var(--tabs-shadow)}.tab-content.flush-right{border-top-right-radius:0}.tab-content{--surface-radius: calc(var(--tabs-radius) - .5rem - 1px);isolation:isolate}.tab-content:before{pointer-events:none;position:absolute;inset:0;z-index:-1;--tw-content: \"\";content:var(--tw-content);background-color:var(--tabs-content-bg);border-radius:inherit;backdrop-filter:blur(var(--tabs-blur));-webkit-backdrop-filter:blur(var(--tabs-blur))}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-ease: initial;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-content: \"\"}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: TabBreadcrumbsComponent, selector: "framework-tab-breadcrumbs" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-tabs', imports: [TabBreadcrumbsComponent, TranslatePipe], template: "@if (hasTabs) {\r\n  <div class=\"tabs-container\" [class.can-scroll-left]=\"canScrollLeft()\" [class.can-scroll-right]=\"canScrollRight()\">\r\n    <!-- Both buttons are present whenever the strip overflows, and disabled rather than removed at\r\n         the end they point at. Rendering them per-direction meant the one being reached for\r\n         disappeared on arrival: the strip changed width under the pointer and the click landed on\r\n         nothing. tabindex -1 because the tablist is already one tab stop and the arrow keys reach\r\n         every tab -- these are a pointer affordance, not a second keyboard path. -->\r\n    @if (isOverflowing()) {\r\n      <button\r\n        class=\"tabs-scroll left\"\r\n        type=\"button\"\r\n        tabindex=\"-1\"\r\n        [disabled]=\"!canScrollLeft()\"\r\n        [attr.aria-label]=\"'Tabs-ScrollLeft' | translate\"\r\n        (click)=\"onScrollStrip(-1)\"\r\n      >\r\n        <i class=\"fas fa-chevron-left\"></i>\r\n      </button>\r\n    }\r\n\r\n    <!-- Horizontally scrollable. This used to be overflow:hidden, so once the tabs were\r\n         wider than the bar the ones past the right edge could not be reached at all. -->\r\n    <ul #tabsNav class=\"tabs-nav\" role=\"tablist\">\r\n      @for (tab of openTabs; track trackByFn(i, tab); let i = $index) {\r\n        <li role=\"presentation\" [class.active]=\"isTabActive(tab)\">\r\n          <a\r\n            class=\"tab-item\"\r\n            role=\"tab\"\r\n            [id]=\"tabId(i)\"\r\n            [attr.aria-controls]=\"panelId\"\r\n            [attr.aria-selected]=\"isTabActive(tab)\"\r\n            [attr.title]=\"tabDisplayTitles[i] ?? tab.title ?? null\"\r\n            [attr.tabindex]=\"isTabActive(tab) ? 0 : -1\"\r\n            (click)=\"onActivateTab(tab)\"\r\n            (auxclick)=\"onTabAuxClick($event, i)\"\r\n            (keydown.enter)=\"onActivateTab(tab)\"\r\n            (keydown.space)=\"onActivateTab(tab); $event.preventDefault()\"\r\n            (keydown.arrowleft)=\"onMoveFocus(i, -1); $event.preventDefault()\"\r\n            (keydown.arrowright)=\"onMoveFocus(i, 1); $event.preventDefault()\"\r\n            (keydown.home)=\"onMoveFocus(0, 0); $event.preventDefault()\"\r\n            (keydown.end)=\"onMoveFocus(openTabs.length - 1, 0); $event.preventDefault()\"\r\n            (keydown.delete)=\"onCloseTab(i); $event.preventDefault()\"\r\n          >\r\n            <!-- Rendered whether or not the title has resolved, so the tab keeps its width\r\n                 and the strip does not reflow as each title arrives. -->\r\n            <span class=\"label\">{{ tabDisplayTitles[i] ?? tab.title ?? '' | translate }}</span>\r\n\r\n            @if (tabLoadingStates[i]) {\r\n              <svg class=\"spinner\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\r\n                <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\r\n                <path\r\n                  class=\"opacity-75\"\r\n                  fill=\"currentColor\"\r\n                  d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\r\n                ></path>\r\n              </svg>\r\n            }\r\n          </a>\r\n\r\n          <!-- tabindex -1: the tablist is one tab stop, and the close control is reachable\r\n               from the tab itself with Delete rather than by tabbing through every one. -->\r\n          <button\r\n            class=\"tab-close\"\r\n            type=\"button\"\r\n            tabindex=\"-1\"\r\n            [attr.aria-label]=\"'Tabs-CloseTab' | translate: { title: tabDisplayTitles[i] ?? tab.title ?? '' }\"\r\n            (click)=\"onCloseTab(i)\"\r\n          >\r\n            <i class=\"fas fa-times\"></i>\r\n          </button>\r\n        </li>\r\n      }\r\n    </ul>\r\n\r\n    @if (isOverflowing()) {\r\n      <button\r\n        class=\"tabs-scroll right\"\r\n        type=\"button\"\r\n        tabindex=\"-1\"\r\n        [disabled]=\"!canScrollRight()\"\r\n        [attr.aria-label]=\"'Tabs-ScrollRight' | translate\"\r\n        (click)=\"onScrollStrip(1)\"\r\n      >\r\n        <i class=\"fas fa-chevron-right\"></i>\r\n      </button>\r\n    }\r\n  </div>\r\n}\r\n@if (hasTabs) {\r\n  <div\r\n    class=\"tab-content\"\r\n    [class.flush-right]=\"isFlushRight()\"\r\n    role=\"tabpanel\"\r\n    [id]=\"panelId\"\r\n    [attr.aria-labelledby]=\"activeTabId\"\r\n  >\r\n    <framework-tab-breadcrumbs></framework-tab-breadcrumbs>\r\n    <ng-content></ng-content>\r\n  </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";@layer properties;:host{position:relative;display:block;height:100%;max-height:100%;max-width:100%}.tabs-container{position:absolute;top:0;z-index:1;display:flex;width:100%;max-width:100%;flex-direction:row;align-items:flex-end;height:var(--tabs-height);max-height:var(--tabs-height);--tabs-fade-start: 0px;--tabs-fade-end: 0px}.tabs-container.can-scroll-left{--tabs-fade-start: var(--tabs-fade-width)}.tabs-container.can-scroll-right{--tabs-fade-end: var(--tabs-fade-width)}.tabs-container .tabs-scroll{display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:stretch;cursor:pointer;--tw-border-style: none;border-style:none;padding:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: 1;line-height:1;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));width:var(--tabs-scroll-width);background-color:var(--tabs-item-bg);color:var(--tabs-item-text)}.tabs-container .tabs-scroll.left{border-top-left-radius:var(--tabs-item-radius)}.tabs-container .tabs-scroll.right{border-top-right-radius:var(--tabs-radius)}.tabs-container .tabs-scroll:hover:not(:disabled){background-color:var(--tabs-item-hover-bg);color:var(--tabs-item-active-text)}.tabs-container .tabs-scroll:disabled{cursor:default;opacity:40%}.tabs-container .tabs-nav{display:flex;height:100%;flex-direction:row;align-items:flex-end;min-width:0px;flex:1;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;border-top-right-radius:var(--tabs-radius);scrollbar-width:none}.tabs-container .tabs-nav::-webkit-scrollbar{display:none}.tabs-container .tabs-nav{mask-image:linear-gradient(to right,transparent 0,black var(--tabs-fade-start),black calc(100% - var(--tabs-fade-end)),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--tabs-fade-start),black calc(100% - var(--tabs-fade-end)),transparent 100%)}.tabs-container .tabs-nav li{position:relative;display:flex;flex-shrink:1;flex-grow:0;min-width:var(--tabs-item-min-width)}.tabs-container .tabs-nav li.active{z-index:1}.tabs-container .tabs-nav li .tab-item{display:flex;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 2);padding-right:calc(var(--spacing, .25rem) * 10);padding-left:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none;overflow:hidden;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));min-width:0px;flex:1;max-width:var(--tabs-item-max-width);background-color:var(--tabs-item-bg);color:var(--tabs-item-text);border-top-left-radius:var(--tabs-item-radius);border-top-right-radius:var(--tabs-item-radius)}.tabs-container .tabs-nav li .tab-item .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs-container .tabs-nav li .tab-item .spinner{height:calc(var(--spacing, .25rem) * 4);width:calc(var(--spacing, .25rem) * 4);flex-shrink:0;animation:var(--animate-spin, spin 1s linear infinite)}.tabs-container .tabs-nav li .tab-item:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;--tw-ring-inset: inset;--tw-ring-color: var(--tabs-item-active-text)}@media(forced-colors:active){.tabs-container .tabs-nav li .tab-item:focus-visible{outline:2px solid transparent;outline-offset:2px}}.tabs-container .tabs-nav li:hover .tab-item{background-color:var(--tabs-item-hover-bg)}.tabs-container .tabs-nav li.active .tab-item{background-color:var(--tabs-item-active-bg);color:var(--tabs-item-active-text);backdrop-filter:blur(var(--tabs-blur));-webkit-backdrop-filter:blur(var(--tabs-blur))}.tabs-container .tabs-nav li .tab-close{position:absolute;top:50%;right:calc(var(--spacing, .25rem) * 1.5);display:flex;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);align-items:center;justify-content:center;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);cursor:pointer;border-radius:calc(infinity * 1px);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;--tw-border-style: none;border-style:none;background-color:transparent;padding:0;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));color:var(--tabs-close)}.tabs-container .tabs-nav li .tab-close:hover,.tabs-container .tabs-nav li .tab-close:focus-visible{background-color:var(--tabs-close-hover-bg);color:var(--tabs-close-hover)}.tab-content{position:absolute;bottom:0;display:flex;width:100%;max-width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);overflow-y:auto;padding:calc(var(--spacing, .25rem) * 2);top:var(--tabs-height)}.tab-content ::ng-deep router-outlet{display:none}.tab-content{border:1px solid var(--tabs-border);border-top:0;border-bottom-left-radius:var(--tabs-radius);border-bottom-right-radius:var(--tabs-radius);border-top-right-radius:var(--tabs-radius);box-shadow:var(--tabs-shadow)}.tab-content.flush-right{border-top-right-radius:0}.tab-content{--surface-radius: calc(var(--tabs-radius) - .5rem - 1px);isolation:isolate}.tab-content:before{pointer-events:none;position:absolute;inset:0;z-index:-1;--tw-content: \"\";content:var(--tw-content);background-color:var(--tabs-content-bg);border-radius:inherit;backdrop-filter:blur(var(--tabs-blur));-webkit-backdrop-filter:blur(var(--tabs-blur))}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-ease: initial;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-content: \"\"}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i1$1.Router }, { type: TabService }], propDecorators: { tabsNav: [{
+                type: ViewChild,
+                args: ['tabsNav']
+            }] } });
+
+/**
+ * @deprecated Use standalone component imports instead of FrameworkViewsModule.
+ * Import individual components directly in your component's `imports` array.
+ */
+class FrameworkViewsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkViewsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.7", ngImport: i0, type: FrameworkViewsModule, imports: [DefaultDetailsTabViewComponent, DefaultTabViewComponent, TabBreadcrumbsComponent, TabsComponent], exports: [DefaultDetailsTabViewComponent, DefaultTabViewComponent, TabsComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkViewsModule, imports: [DefaultDetailsTabViewComponent, DefaultTabViewComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkViewsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [DefaultDetailsTabViewComponent, DefaultTabViewComponent, TabBreadcrumbsComponent, TabsComponent],
+                    exports: [DefaultDetailsTabViewComponent, DefaultTabViewComponent, TabsComponent],
+                }]
+        }] });
+
+/**
+ * @deprecated Use standalone component imports instead of FrameworkComponentsModule.
+ * Import individual components directly in your component's `imports` array.
+ */
+class FrameworkComponentsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.7", ngImport: i0, type: FrameworkComponentsModule, exports: [FrameworkButtonsModule, FrameworkModalsModule, FrameworkViewsModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkComponentsModule, imports: [FrameworkButtonsModule, FrameworkModalsModule, FrameworkViewsModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkComponentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [],
+                    exports: [FrameworkButtonsModule, FrameworkModalsModule, FrameworkViewsModule],
+                }]
+        }] });
+
+const APP_CONFIG = new InjectionToken('Manually constructed AppConfig', {
+    providedIn: 'root',
+    factory: () => new AppConfig(''),
+});
+class AppConfig {
+    BASE_URL;
+    /** Application name shown in the top bar brand block. */
+    appName;
+    /** Company name shown beneath the application name. */
+    companyName;
+    /** Environment key (e.g. 'DEV', 'QA', 'STG', 'PROD'). Empty string when unset. */
+    environment;
+    /** Optional brand logo URL shown in the top bar. */
+    logoUrl;
+    /** Whether the top-bar notifications feature (bell + badge) is enabled. */
+    notificationsEnabled;
+    /** SignalR hub URL the notifications service connects to when enabled. */
+    notificationsUrl;
+    /** Application version string (e.g. '1.4.0'), shown at the bottom of the navigation. */
+    version;
+    constructor(baseUrl, options) {
+        this.BASE_URL = baseUrl;
+        this.appName = options?.appName ?? '';
+        this.companyName = options?.companyName ?? '';
+        this.environment = options?.environment ?? '';
+        this.logoUrl = options?.logoUrl;
+        this.notificationsEnabled = options?.notificationsEnabled ?? false;
+        this.notificationsUrl = options?.notificationsUrl ?? '';
+        this.version = options?.version ?? '';
+    }
+}
+
+class FrameworkGridConfigsProvider extends DataGridConfigsProvider {
+    //#region ViewChilds, Inputs, Outputs
+    //#endregion
+    //#region Variables
+    //#endregion
+    //#region Properties
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        Object.assign(this.configs, {
+            loadingDisplayText: 'Grid-Loading',
+            messageOnEmpty: 'Grid-Message-Empty',
+            messageOnFailed: 'Grid-Message-Failed',
+            messageOnLazyLoad: 'Grid-Message-LazyLoad',
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkGridConfigsProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkGridConfigsProvider });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkGridConfigsProvider, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+/**
+ * @deprecated Use standalone component imports instead of FrameworkModule.
+ * Import individual components directly in your component's `imports` array.
+ */
+class FrameworkModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.7", ngImport: i0, type: FrameworkModule, exports: [FrameworkComponentsModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkModule, imports: [FrameworkComponentsModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FrameworkModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [],
+                    exports: [FrameworkComponentsModule],
+                }]
+        }] });
+
+const ZAMBON_FRAMEWORK_I18N_ASSET_PATH = 'assets/i18n/zambon-dev/framework';
+const ZAMBON_FRAMEWORK_I18N_ASSET = {
+    glob: '**/*.json',
+    input: 'node_modules/@zambon-dev/ui/i18n/framework',
+    output: ZAMBON_FRAMEWORK_I18N_ASSET_PATH,
+};
+const ZAMBON_FRAMEWORK_I18N_RESOURCES = [
+    { prefix: `/${ZAMBON_FRAMEWORK_I18N_ASSET_PATH}/`, suffix: '.json' },
+];
+function createZambonFrameworkTranslateLoader(httpBackend, appResources = []) {
+    return new MultiTranslateHttpLoader(httpBackend, [...ZAMBON_FRAMEWORK_I18N_RESOURCES, ...appResources]);
+}
+function provideZambonFrameworkTranslateLoader(appResources = []) {
+    return {
+        provide: TranslateLoader,
+        useFactory: (httpBackend) => createZambonFrameworkTranslateLoader(httpBackend, appResources),
+        deps: [HttpBackend],
+    };
+}
+function provideZambonFrameworkTranslateService(config = {}) {
+    return provideTranslateService({
+        defaultLanguage: config.defaultLanguage,
+        loader: provideZambonFrameworkTranslateLoader(config.appResources),
+    });
+}
+
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class ViewBase {
+    //#region ViewChilds, Inputs, Outputs
+    //#endregion
+    //#region Variables
+    destroy$ = new Subject();
+    // A signal rather than a field: a view's own template reads `loading` to show its spinner,
+    // and every assignment here happens inside a subscription. The accessors below keep their
+    // old shape, so a subclass reading or writing `this.loading` needs no change; a subclass
+    // template is better off reading `loadingState()` directly.
+    loadingState = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loadingState" }] : /* istanbul ignore next */ []));
+    //#endregion
+    //#region Properties
+    get loading() {
+        return this.loadingState();
+    }
+    set loading(value) {
+        this.loadingState.set(value);
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ViewBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: ViewBase, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ViewBase, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }] });
+
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class ChildList extends ViewBase {
+    //#region ViewChilds, Inputs, Outputs
+    //#endregion
+    //#region Variables
+    dataGridDataset;
+    dataProvider;
+    resultDataset;
+    selectionCount = 0;
+    //#endregion
+    //#region Properties
+    get isLoading() {
+        return this.loading;
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        this.dataGridDataset = inject(DataGridDataset);
+        this.dataProvider = inject(DataProviderService, { optional: true });
+        this.resultDataset = inject(MultiSelectResultDataset, { optional: true });
+    }
+    ngOnInit() {
+        this.dataGridDataset.loadStarted.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.loading = true;
+        });
+        this.dataGridDataset.loadFinished.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.loading = false;
+        });
+        this.dataGridDataset.selectedRowsChanged.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.selectedRowChanged();
+        });
+        this.resultDataset?.savedChanges?.pipe(takeUntil(this.destroy$))?.subscribe(() => {
+            this.dataGridDataset.refresh();
+        });
+        this.dataProvider
+            ?.getModel$()
+            .pipe(skip(1), takeUntil(this.destroy$))
+            .subscribe(() => {
+            this.dataGridDataset.refresh();
+        });
+        if (this.dataProvider?.hasEntityID) {
+            this.dataGridDataset.parentEntityId = this.dataProvider.entityID;
+            if (!this.dataGridDataset.loadedRows) {
+                this.dataGridDataset.refresh();
+            }
+            if (this.resultDataset) {
+                this.resultDataset.parentEntityId = this.dataProvider.entityID;
+            }
+        }
+    }
+    //#endregion
+    //#region Event handlers
+    //#endregion
+    //#region Public methods
+    //#endregion
+    //#region Private methods
+    selectedRowChanged() {
+        this.selectionCount = this.dataGridDataset.selectedRowKeys.length;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ChildList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: ChildList, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ChildList, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], ctorParameters: () => [] });
+
+/**
+ * @deprecated Use standalone {@link ChildList} instead. Migrate by extending ChildList
+ * and using standalone component imports with inject() for dependency injection.
+ */
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class ChildListLegacy extends ViewBase {
+    _entityId;
+    selectionCount = 0;
+    get entityId() {
+        return this._entityId;
+    }
+    set entityId(value) {
+        if (this._entityId !== value) {
+            this._entityId = value;
+            this.dataGridDataset.parentEntityId = value;
+            if (!this.dataGridDataset.loadedRows) {
+                this.dataGridDataset.refresh();
+            }
+            if (this.resultDataset) {
+                this.resultDataset.parentEntityId = value;
+            }
+        }
+    }
+    disabled = false;
+    dataGridDataset = inject(DataGridDataset);
+    resultDataset = inject(MultiSelectResultDataset, { optional: true });
+    constructor() {
+        super();
+    }
+    ngOnInit() {
+        this.dataGridDataset.loadStarted.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.loading = true;
+        });
+        this.dataGridDataset.loadFinished.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.loading = false;
+        });
+        if (!this.dataGridDataset.loadedRows) {
+            this.loading = true;
+        }
+        this.dataGridDataset.selectedRowsChanged.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.selectedRowChanged();
+        });
+    }
+    selectedRowChanged() {
+        this.selectionCount = this.dataGridDataset.selectedRowKeys.length;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ChildListLegacy, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: ChildListLegacy, isStandalone: true, selector: "ng-component", inputs: { entityId: "entityId", disabled: "disabled" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ChildListLegacy, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], ctorParameters: () => [], propDecorators: { entityId: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class TabViewBase extends ViewBase {
+    //#region ViewChilds, Inputs, Outputs
+    ribbonTemplate;
+    //#endregion
+    //#region Variables
+    tabViewService;
+    //#endregion
+    //#region Properties
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        // This will force the screen to initialize with the buttons disabled.
+        this.loading = true;
+        this.tabViewService = inject(TabViewService, { optional: true });
+    }
+    ngAfterViewInit() {
+        this.tabViewService?.updateRibbonTemplate(this.ribbonTemplate);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TabViewBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: TabViewBase, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "ribbonTemplate", first: true, predicate: ["ribbon"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TabViewBase, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], ctorParameters: () => [], propDecorators: { ribbonTemplate: [{
+                type: ViewChild,
+                args: ['ribbon']
+            }] } });
+
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class FormView extends TabViewBase {
+    //#region ViewChilds, Inputs, Outputs
+    //#endregion
+    //#region Variables
+    dataForm;
+    dataProvider;
+    formBuilder;
+    formService;
+    //#endregion
+    //#region Properties
+    get hasEntityID() {
+        return this.dataProvider?.hasEntityID ?? false;
+    }
+    get isLoading() {
+        return this.formService.loading;
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        this.dataProvider = inject(DataProviderService, { optional: true });
+        this.formBuilder = inject(FormBuilder);
+        this.formService = inject(FormService);
+    }
+    ngOnInit() {
+        this.dataForm = this.formSetup();
+        this.formService.initializeForm(this.dataForm);
+        this.formService.loading = true;
+        this.dataProvider
+            ?.getModel$()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((model) => {
+            this.formService.loading = false;
+            this.formService.model = model;
+            this.formService.resetForm();
+            if (!this.dataProvider?.hasEntityID) {
+                this.formService.beginEdit();
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FormView, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: FormView, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FormView, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], ctorParameters: () => [] });
+
+/**
+ * @deprecated Use standalone {@link FormView} instead. Migrate by extending FormView
+ * and using standalone component imports with inject() for dependency injection.
+ */
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class LegacySubViewForm extends ViewBase {
+    formBuilder;
+    formService;
+    entityId;
+    set model(value) {
+        if (this._model !== value) {
+            this._model = value;
+            if (this.dataForm) {
+                this.dataForm.patchValue(this.model);
+            }
+        }
+    }
+    get loading() {
+        return false;
+        return this.formService.loading;
+    }
+    set loading(value) {
+        this.formService.loading = value;
+    }
+    get isNew() {
+        return !this.entityId;
+    }
+    // A signal rather than a field: the legacy edit and save buttons decide what to render from
+    // `form.viewMode`, and this flips inside beginEdit/cancelEdit with nothing marking their views
+    // dirty. The accessors keep the old shape.
+    get viewMode() {
+        return this._viewMode();
+    }
+    set viewMode(value) {
+        this._viewMode.set(value);
+    }
+    get model() {
+        return this._model;
+    }
+    dataForm;
+    _model = null;
+    _viewMode = signal('view', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_viewMode" }] : /* istanbul ignore next */ []));
+    dataProvider;
+    constructor(formBuilder, formService) {
+        super();
+        this.formBuilder = formBuilder;
+        this.formService = formService;
+        this.dataProvider = inject(DataProviderService, { optional: true });
+    }
+    ngOnInit() {
+        this.dataForm = this.formSetup();
+        this.updateModel(this.model);
+        if (this.dataProvider) {
+            this.formService.loading = true;
+            this.dataProvider
+                .getModel$()
+                .pipe(take(1))
+                .subscribe((_) => {
+                this.formService.loading = false;
+            });
+        }
+    }
+    updateModel(model) {
+        this._model = model;
+        if (this.isNew) {
+            this.beginEdit();
+        }
+        else {
+            this.cancelEdit();
+        }
+    }
+    beginEdit(resetValues = true) {
+        setTimeout(() => {
+            this.viewMode = 'edit';
+            this.dataForm.enable();
+            if (resetValues) {
+                this.dataForm.patchValue(this.model);
+            }
+        });
+    }
+    cancelEdit() {
+        this.viewMode = 'view';
+        this.dataForm.patchValue(this.model);
+        this.dataForm.disable();
+    }
+    /** Extension point: subclasses override this to validate before save. */
+    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars
+    validate(_formModel) { }
+    save() {
+        this.validate(this.dataForm.getRawValue());
+        if (this.dataForm.valid) {
+            this.dataForm.disable();
+            return this.saveModel().pipe(tap(() => this.dataForm.enable()));
+        }
+        else {
+            this.dataForm.markAllAsTouched();
+            return throwError(() => new HttpErrorResponse({ error: { message: 'Form invalid', errors: null }, status: 400 }));
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: LegacySubViewForm, deps: [{ token: i1$2.FormBuilder }, { token: i1$3.FormService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: LegacySubViewForm, isStandalone: true, selector: "ng-component", inputs: { entityId: "entityId", model: "model" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: LegacySubViewForm, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: i1$3.FormService }], propDecorators: { entityId: [{
+                type: Input
+            }], model: [{
+                type: Input
+            }] } });
+
+/**
+ * @deprecated Use standalone {@link TabViewBase} instead. Migrate by extending TabViewBase
+ * and using standalone component imports with inject() for dependency injection.
+ */
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class LegacyTabViewBase extends ViewBase {
+    route;
+    tabService;
+    title = '';
+    url;
+    activeView;
+    constructor(route, tabService) {
+        super();
+        this.route = route;
+        this.tabService = tabService;
+        this.url = RouterFormatter.getURL(this.route.snapshot);
+    }
+    ngOnInit() {
+        this.openTabView();
+    }
+    openTabView() {
+        // this.tabService.openView(this);
+    }
+    updateTitle(title) {
+        this.title = title;
+        this.tabService.updateTabTitle(this.url, title);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: LegacyTabViewBase, deps: [{ token: i1$1.ActivatedRoute }, { token: TabService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: LegacyTabViewBase, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: LegacyTabViewBase, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: TabService }] });
+
+/**
+ * @deprecated Use standalone {@link TabViewBase} with {@link DefaultDetailsTabViewComponent} pattern instead.
+ * Migrate by extending TabViewBase and composing detail/history views as child routes
+ * with standalone component imports.
+ */
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class LegacyTabViewDetails extends LegacyTabViewBase {
+    formService;
+    //#region ViewChilds, Inputs, Outputs
+    // A forward reference: the legacy buttons import the views barrel, so this class is defined before
+    // ButtonNewLegacyComponent -- and in the published bundle it sits further down the file, where
+    // reading it eagerly throws the moment a JIT runtime such as Jest loads the package.
+    buttonNew;
+    //#endregion
+    //#region Variables
+    title = '';
+    defaultView = 'details';
+    entityId;
+    views = [
+        { id: 'details', label: 'Button-Views-Details', icon: 'fa-dice-d6' },
+        { id: 'history', label: 'Button-Views-History', icon: 'fa-history' },
+    ];
+    //#endregion
+    //#region Properties
+    get loading() {
+        return super.loading;
+    }
+    set loading(value) {
+        super.loading = value;
+        this.formService.loading = value;
+    }
+    get currentView() {
+        return this.activeView ?? this.defaultView;
+    }
+    get model() {
+        return this.formService.model;
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor(route, tabService, formService) {
+        super(route, tabService);
+        this.formService = formService;
+    }
+    ngAfterViewInit() {
+        this.onViewVisible();
+    }
+    ngOnInit() {
+        this.refreshParameters();
+        super.ngOnInit();
+        this.formService.modelRefreshed.pipe(takeUntil(this.destroy$)).subscribe((_) => {
+            const id = this.getModelId();
+            if (id && this.entityId !== id) {
+                this.entityId = id;
+                this.tabService.redirectCurrentTab(`${this.url.substring(0, this.url.indexOf('/new'))}/${id}`);
+            }
+            this.updateTitle(this.getModelDescription());
+        });
+        this.refresh();
+    }
+    //#endregion
+    //#region Event handlers
+    //#endregion
+    //#region Public methods
+    openTabView() {
+        super.openTabView();
+        const activeView = this.views.find((view) => view.id === this.activeView);
+        if (activeView) {
+            activeView.isDisabled = true;
+        }
+    }
+    refresh() {
+        this.loading = true;
+        this.title = '';
+        this.formService.model = null;
+        this.loadModel()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((model) => {
+            this.loading = false;
+            this.formService.model = model;
+        });
+    }
+    refreshParameters() {
+        const currentID = this.route.snapshot.paramMap.get('id');
+        this.entityId = currentID ? Number(currentID) : undefined;
+        const viewID = this.route.snapshot.paramMap.get('view');
+        if (!viewID || !this.views.some((view) => view.id === viewID)) {
+            this.switchView(this.defaultView);
+        }
+        else {
+            this.activeView = viewID;
+        }
+    }
+    switchView(viewId) {
+        if (!viewId) {
+            viewId = this.defaultView;
+        }
+        const activeView = this.views.find((view) => view.id === (this.activeView ?? this.defaultView));
+        if (activeView) {
+            activeView.isDisabled = false;
+        }
+        const newView = this.views.find((view) => view.id === viewId);
+        if (newView) {
+            newView.isDisabled = true;
+            const urlViewPath = viewId === this.defaultView ? '' : `/${viewId}`;
+            let url = this.url;
+            if (this.activeView && url.endsWith(this.activeView)) {
+                url = url.replace(`/${this.activeView}`, urlViewPath);
+            }
+            else {
+                url += urlViewPath;
+            }
+            this.tabService.navigateCurrentTab(new Tab({ url }));
+            // this.tabService.changeTabView(this, viewId !== this.defaultView ? viewId : undefined);
+            this.activeView = newView.id;
+            // if (!this.activeView) {
+            //   this.activeView = this.defaultView;
+            // }
+        }
+        this.onViewVisible();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: LegacyTabViewDetails, deps: [{ token: i1$1.ActivatedRoute }, { token: TabService }, { token: i1$3.FormService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: LegacyTabViewDetails, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "buttonNew", first: true, predicate: i0.forwardRef(() => ButtonNewLegacyComponent), descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: LegacyTabViewDetails, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: TabService }, { type: i1$3.FormService }], propDecorators: { buttonNew: [{
+                type: ViewChild,
+                args: [forwardRef(() => ButtonNewLegacyComponent)]
+            }] } });
+
+/**
+ * @deprecated Use standalone {@link TabViewList} instead. Migrate by extending TabViewList
+ * and using standalone component imports with inject() for dependency injection.
+ */
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class LegacyTabViewList extends LegacyTabViewBase {
+    dataGridDataset;
+    //#region ViewChilds, Inputs, Outputs
+    //#endregion
+    //#region Variables
+    _selectedItem;
+    selectedRows = 0;
+    //#endregion
+    //#region Properties
+    get hasRowsSelected() {
+        return this.selectedRows > 0;
+    }
+    get selectedItem() {
+        return this._selectedItem;
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor(dataGridDataset, route, tabService) {
+        super(route, tabService);
+        this.dataGridDataset = dataGridDataset;
+        // This will force the screen to initialize with the buttons disabled.
+        this.loading = true;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.dataGridDataset.loadStarted.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.loading = true;
+        });
+        this.dataGridDataset.loadFinished.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            setTimeout(() => (this.loading = false));
+        });
+        this.dataGridDataset.selectedRowsChanged.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.selectedRowChanged();
+        });
+    }
+    //#endregion
+    //#region Event handlers
+    //#endregion
+    //#region Public methods
+    //#endregion
+    //#region Private methods
+    selectedRowChanged() {
+        this.selectedRows = this.dataGridDataset.selectedRowKeys.length;
+        this._selectedItem = undefined;
+        if (this.selectedRows === 1) {
+            this._selectedItem = this.dataGridDataset.getRowData(this.dataGridDataset.selectedRowKeys[0]);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: LegacyTabViewList, deps: [{ token: i1$3.DataGridDataset }, { token: i1$1.ActivatedRoute }, { token: TabService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: LegacyTabViewList, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: LegacyTabViewList, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], ctorParameters: () => [{ type: i1$3.DataGridDataset }, { type: i1$1.ActivatedRoute }, { type: TabService }] });
+
+// The host class is inherited by every subclass (Angular merges hostAttrs from a base component
+// definition), which is what lets DefaultTabViewComponent give routed list screens a full-height
+// layout without each one declaring its own stylesheet. Plain class name, NOT Tailwind utilities:
+// library SCSS resolves @apply at library-build time, whereas a utility class named here would
+// have to be generated by each consumer's own Tailwind build.
+//
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class TabViewList extends TabViewBase {
+    //#region ViewChilds, Inputs, Outputs
+    //#endregion
+    //#region Variables
+    dataGridDataset;
+    _selectedItem;
+    selectionCount = 0;
+    //#endregion
+    //#region Properties
+    get hasRowsSelected() {
+        return this.selectionCount > 0;
+    }
+    get selectedItem() {
+        return this._selectedItem;
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        this.dataGridDataset = inject(DataGridDataset);
+    }
+    ngOnInit() {
+        this.dataGridDataset.loadStarted.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.loading = true;
+        });
+        this.dataGridDataset.loadFinished.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            setTimeout(() => (this.loading = false));
+        });
+        this.dataGridDataset.selectedRowsChanged.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.selectedRowChanged();
+        });
+    }
+    //#endregion
+    //#region Event handlers
+    //#endregion
+    //#region Public methods
+    //#endregion
+    //#region Private methods
+    selectedRowChanged() {
+        this.selectionCount = this.dataGridDataset.selectedRowKeys.length;
+        this._selectedItem = undefined;
+        if (this.selectionCount === 1) {
+            this._selectedItem = this.dataGridDataset.getRowData(this.dataGridDataset.selectedRowKeys[0]);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TabViewList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: TabViewList, isStandalone: true, selector: "ng-component", host: { classAttribute: "framework-view-list" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TabViewList, decorators: [{
+            type: Component,
+            args: [{ host: { class: 'framework-view-list' }, template: '' }]
+        }], ctorParameters: () => [] });
+
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class ListView extends TabViewList {
+    //#region ViewChilds, Inputs, Outputs
+    //#endregion
+    //#region Variables
+    dataProvider;
+    resultDataset;
+    //#endregion
+    //#region Properties
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        this.dataProvider = inject(DataProviderService, { optional: true });
+        this.resultDataset = inject(MultiSelectResultDataset, { optional: true });
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        if (this.dataProvider?.hasEntityID) {
+            this.dataGridDataset.parentEntityId = this.dataProvider.entityID;
+            if (!this.dataGridDataset.loadedRows) {
+                this.dataGridDataset.refresh();
+            }
+            if (this.resultDataset) {
+                this.resultDataset.parentEntityId = this.dataProvider.entityID;
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ListView, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: ListView, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ListView, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], ctorParameters: () => [] });
+
+class ModalBase extends ViewBase {
+}
+
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class MultiEditorLegacyModal extends ModalBase {
+    dataGridDataset;
+    multiEditorDataset;
+    formBuilder;
+    _entityId;
+    multiEditor;
+    set entityId(value) {
+        if (this._entityId !== value) {
+            this._entityId = value;
+            this.dataGridDataset.parentEntityId = value;
+            this.multiEditorDataset.parentEntityId = value;
+        }
+    }
+    savedChanges = new EventEmitter();
+    form;
+    constructor(dataGridDataset, multiEditorDataset, formBuilder) {
+        super();
+        this.dataGridDataset = dataGridDataset;
+        this.multiEditorDataset = multiEditorDataset;
+        this.formBuilder = formBuilder;
+    }
+    ngOnInit() {
+        this.form = this.formSetup();
+        this.multiEditorDataset.savedChanges.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.savedChanges.emit();
+        });
+    }
+    toggle() {
+        this.multiEditor.toggleModal();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MultiEditorLegacyModal, deps: [{ token: i1$3.DataGridDataset }, { token: i1$3.MultiEditorDataset }, { token: i1$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: MultiEditorLegacyModal, isStandalone: true, selector: "ng-component", inputs: { entityId: "entityId" }, outputs: { savedChanges: "savedChanges" }, viewQueries: [{ propertyName: "multiEditor", first: true, predicate: MultiEditorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MultiEditorLegacyModal, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], ctorParameters: () => [{ type: i1$3.DataGridDataset }, { type: i1$3.MultiEditorDataset }, { type: i1$2.FormBuilder }], propDecorators: { multiEditor: [{
+                type: ViewChild,
+                args: [MultiEditorComponent]
+            }], entityId: [{
+                type: Input
+            }], savedChanges: [{
+                type: Output
+            }] } });
+
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class MultiEditorModal extends ModalBase {
+    //#region ViewChilds, Inputs, Outputs
+    multiEditor;
+    overrideParentID;
+    savedChanges = new EventEmitter();
+    //#endregion
+    //#region Variables
+    dataForm;
+    dataGridDataset;
+    dataProvider;
+    formBuilder;
+    formService;
+    multiEditorDataset;
+    selectionCount = 0;
+    //#endregion
+    //#region Properties
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        this.dataGridDataset = inject(DataGridDataset);
+        this.dataProvider = inject(DataProviderService, { optional: true });
+        this.formBuilder = inject(FormBuilder);
+        this.formService = inject(FormService);
+        this.multiEditorDataset = inject(MultiEditorDataset);
+    }
+    ngOnInit() {
+        this.dataForm = this.formSetup();
+        this.formService.initializeForm(this.dataForm);
+        this.multiEditorDataset.savedChanges.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.savedChanges.emit();
+        });
+        this.updateParentID();
+    }
+    //#endregion
+    //#region Event handlers
+    //#endregion
+    //#region Public methods
+    toggle() {
+        if (!this.multiEditor.isOpen()) {
+            this.updateParentID();
+        }
+        this.multiEditor.toggleModal();
+    }
+    updateParentID() {
+        let parentID = this.dataProvider?.entityID;
+        if (this.overrideParentID) {
+            parentID = this.overrideParentID;
+        }
+        if (parentID) {
+            this.dataGridDataset.parentEntityId = parentID;
+            this.multiEditorDataset.parentEntityId = parentID;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MultiEditorModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: MultiEditorModal, isStandalone: true, selector: "ng-component", inputs: { overrideParentID: "overrideParentID" }, outputs: { savedChanges: "savedChanges" }, viewQueries: [{ propertyName: "multiEditor", first: true, predicate: MultiEditorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MultiEditorModal, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], ctorParameters: () => [], propDecorators: { multiEditor: [{
+                type: ViewChild,
+                args: [MultiEditorComponent]
+            }], overrideParentID: [{
+                type: Input
+            }], savedChanges: [{
+                type: Output
+            }] } });
+
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class MultiSelectModal extends ModalBase {
+    multiSelect;
+    savedChanges = new EventEmitter();
+    toggle() {
+        this.multiSelect.toggleModal();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MultiSelectModal, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: MultiSelectModal, isStandalone: true, selector: "ng-component", outputs: { savedChanges: "savedChanges" }, viewQueries: [{ propertyName: "multiSelect", first: true, predicate: MultiSelectComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MultiSelectModal, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], propDecorators: { multiSelect: [{
+                type: ViewChild,
+                args: [MultiSelectComponent]
+            }], savedChanges: [{
+                type: Output
+            }] } });
+
+// No strategy on purpose: Angular never inherits `changeDetection`, so one declared here would
+// describe a class that is never instantiated, while every subclass compiles to whatever it
+// declares -- which in v22 means OnPush. Correctness comes from the state below notifying
+// Angular, never from this decorator. See docs/guides/reactivity.md.
+class ViewModal extends ModalBase {
+    //#region ViewChilds, Inputs, Outputs
+    modalComponent;
+    //#endregion
+    //#region Variables
+    beginEditOnEntityLoad = false;
+    data$;
+    dataForm;
+    formBuilder;
+    formService;
+    selectionCount = 0;
+    entityIdSubject = new Subject();
+    //#endregion
+    //#region Properties
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        this.formBuilder = inject(FormBuilder);
+        this.formService = inject(FormService);
+        this.data$ = this.entityIdSubject.pipe(switchMap((entityID) => this.loadData(entityID)));
+    }
+    ngOnInit() {
+        this.dataForm = this.formSetup();
+        this.formService.initializeForm(this.dataForm);
+        this.data$.pipe(takeUntil(this.destroy$)).subscribe((data) => {
+            this.formService.model = data;
+            this.formService.loading = false;
+            this.dataForm.patchValue(data);
+            if (this.beginEditOnEntityLoad) {
+                this.formService.beginEdit();
+            }
+        });
+    }
+    //#endregion
+    //#region Event handlers
+    //#endregion
+    //#region Public methods
+    toggle(entityID) {
+        this.formService.model = null;
+        this.formService.loading = true;
+        this.dataForm.reset();
+        if (!this.modalComponent.isOpen()) {
+            this.entityIdSubject.next(entityID);
+        }
+        else {
+            this.formService.resetForm();
+        }
+        this.modalComponent.toggleModal();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ViewModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: ViewModal, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "modalComponent", first: true, predicate: ["modal"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ViewModal, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], ctorParameters: () => [], propDecorators: { modalComponent: [{
+                type: ViewChild,
+                args: ['modal']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { APP_CONFIG, AppConfig, AuthService, BackendFormValidationHelper, BaseButton, BaseFormViewButton, ButtonComponent, ButtonConfirmComponent, ButtonDeleteComponent, ButtonEditComponent, ButtonEditLegacyComponent, ButtonExportComponent, ButtonFiltersComponent, ButtonNewComponent, ButtonNewLegacyComponent, ButtonOpenRecordComponent, ButtonOpenRecordLegacyComponent, ButtonRefreshComponent, ButtonSaveComponent, ButtonSaveLegacyComponent, ButtonViewsComponent, ButtonViewsLegacyComponent, ChildList, ChildListLegacy, ConfirmModalComponent, CustomReuseStrategy, DefaultDetailsTabViewComponent, DefaultTabViewComponent, ErrorModalComponent, FRAMEWORK_VIEW_TYPE, FormView, FrameworkButtonsModule, FrameworkComponentsModule, FrameworkGridConfigsProvider, FrameworkModalsModule, FrameworkModule, FrameworkViewType, FrameworkViewsModule, LegacySubViewForm, LegacyTabViewDetails, LegacyTabViewList, ListView, MaxExportRows, ModalBase, MultiEditorLegacyModal, MultiEditorModal, MultiSelectModal, RouteHelper, Tab, TabBreadcrumbsComponent, TabService, TabViewBase, TabViewList, TabViewService, TabsComponent, ViewBase, ViewModal, ZAMBON_FRAMEWORK_I18N_ASSET, ZAMBON_FRAMEWORK_I18N_ASSET_PATH, ZAMBON_FRAMEWORK_I18N_RESOURCES, createZambonFrameworkTranslateLoader, provideZambonFrameworkTranslateLoader, provideZambonFrameworkTranslateService };
+//# sourceMappingURL=zambon-dev-ui-framework.mjs.map