@trismegisto/spine 2.0.0 → 2.1.0

package/fesm2022/trismegisto-spine-auto-service-auto-service-client.component-BYkUOwWL.mjs

@@ -1,595 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, computed, Input, ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { ButtonComponent, CheckboxComponent, IconComponent, InputComponent, TextareaComponent, ModalComponent, DataGridComponent, DataGridCellDirective, TagComponent, ComboboxComponent, DividerComponent, DrawerComponent, TabsComponent, TabComponent, TabContentDirective } from '@trismegisto/angular';
-import { A as AutoServiceClientPickerComponent } from './trismegisto-spine-auto-service-auto-service-client-picker.component-Z0wCANF6.mjs';
-import * as i3 from '@angular/forms';
-import { FormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { SPINE_MESSAGES } from '@trismegisto/spine';
-import { AutoServiceService } from './trismegisto-spine-auto-service.mjs';
-import { formatMessage } from '@trismegisto/primitives';
-
-/**
- * Caminho de UMA rota = um trecho só do endereço (`dashboard`, `ordens-servico`). O `/` entre níveis
- * é o roteador que monta, juntando o caminho de cada rota da composição (header→…→page). Um `/`
- * dentro do caminho (ex.: `laboratorio/dashboard` numa rota só) desalinha a cadeia que o `ViewGuard`
- * resolve por nível e a tela cai no fallback (volta para o início) — achado real, 2026-10-07.
- *
- * Só letras minúsculas e hífen, sem hífen no início/fim nem dois seguidos. Mesma regra do admin-server
- * do Argos (`route-path.ts`), que é quem de fato recusa — aqui é só para avisar antes de enviar.
- */
-const ROUTE_PATH_PATTERN = /^[a-z]+(?:-[a-z]+)*$/;
-/** Vazio passa (rota "pasta", só agrupa o menu); preenchido precisa casar com `ROUTE_PATH_PATTERN`. */
-function routePathValidator(control) {
-    const value = control.value ?? '';
-    return value === '' || ROUTE_PATH_PATTERN.test(value) ? null : { routePath: true };
-}
-
-class AutoServiceRoutesComponent {
-    constructor(service) {
-        this.service = service;
-        this.text = inject(SPINE_MESSAGES).autoService;
-        /** Telas com estado em campo comum, preenchido depois de `await`: marca a view ao terminar (app sem zone.js). */
-        this.cdr = inject(ChangeDetectorRef);
-        this.clientId = '';
-        this.routes = [];
-        this.loading = false;
-        this.showRouteModal = false;
-        this.editingRouteId = '';
-        this.name = new FormControl('', { nonNullable: true });
-        this.displayName = new FormControl('', { nonNullable: true });
-        this.icon = new FormControl('', { nonNullable: true });
-        this.path = new FormControl('', { nonNullable: true, validators: [routePathValidator] });
-        this.info = new FormControl('', { nonNullable: true });
-        /** Rota protegida (`excludable: false`) é travada aqui: o auto-serviço não libera a exclusão — o
-         *  admin-server também recusa (403), isto só evita oferecer o que vai ser negado. */
-        this.excludable = new FormControl(true, { nonNullable: true });
-        /** Mensagem do erro `routePath` no `hm-input` (chave do validador → texto). */
-        this.pathMessages = computed(() => ({ routePath: this.text.pathInvalid }), ...(ngDevMode ? [{ debugName: "pathMessages" }] : /* istanbul ignore next */ []));
-        this.rowId = (r) => r.id;
-        this.columns = computed(() => [
-            { key: 'name', title: this.text.colName, value: (r) => r.name, sortable: true },
-            { key: 'display_name', title: this.text.colDisplay, value: (r) => r.display_name || '—', sortable: true },
-            { key: 'icon', title: this.text.colIcon, value: (r) => r.icon || '—' },
-            { key: 'path', title: this.text.colPath, value: (r) => r.path || '—', sortable: true },
-            {
-                key: 'excludable', title: this.text.colExcludable, sortable: true,
-                value: (r) => (r.excludable ? this.text.excludableYes : this.text.excludableNo),
-            },
-        ], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
-        // Rota de template não se edita nem se exclui aqui (403 no admin-server); excluir, além disso, só em rota
-        // excluível (409). Linha sem ação nenhuma fica sem o kebab.
-        this.rowActions = computed(() => [
-            { id: 'edit', icon: 'pencil', label: this.text.edit, available: (r) => !r.templated },
-            {
-                id: 'delete', icon: 'trash', label: this.text.delete, danger: true, separatorAbove: true,
-                available: (r) => !r.templated && r.excludable,
-            },
-        ], ...(ngDevMode ? [{ debugName: "rowActions" }] : /* istanbul ignore next */ []));
-    }
-    ngOnChanges(changes) { if (changes['clientId'])
-        this.load(); }
-    async load() {
-        if (!this.clientId) {
-            this.routes = [];
-            return;
-        }
-        this.loading = true;
-        try {
-            const res = await this.service.getWebRoutes(this.clientId);
-            this.routes = res.routes;
-        }
-        finally {
-            this.loading = false;
-            this.cdr.markForCheck();
-        }
-    }
-    resetForm(r) {
-        this.name.setValue(r?.name ?? '');
-        this.displayName.setValue(r?.display_name ?? '');
-        this.icon.setValue(r?.icon ?? '');
-        this.path.setValue(r?.path ?? '');
-        this.info.setValue(r?.info ?? '');
-        this.excludable.setValue(r?.excludable ?? true);
-        // Protegida só destrava no Argos central. Nova rota (sem `r`) sempre pode escolher.
-        if (r && !r.excludable)
-            this.excludable.disable();
-        else
-            this.excludable.enable();
-        // Sem isso, abrir o modal de novo mostraria o erro do caminho da vez anterior antes de digitar.
-        this.path.markAsPristine();
-        this.path.markAsUntouched();
-    }
-    /** Editando rota protegida — mostra por que o "Excluível" está travado. */
-    get excludableLocked() {
-        return this.excludable.disabled;
-    }
-    openCreateRoute() {
-        this.editingRouteId = '';
-        this.resetForm();
-        this.showRouteModal = true;
-    }
-    openEditRoute(r) {
-        if (r.templated)
-            return;
-        this.editingRouteId = r.id;
-        this.resetForm(r);
-        this.showRouteModal = true;
-    }
-    async saveRoute() {
-        // O botão já fica desabilitado; a guarda cobre chamadas diretas (ex.: Enter no form).
-        if (!this.name.value || this.path.invalid)
-            return;
-        const body = {
-            name: this.name.value, display_name: this.displayName.value, icon: this.icon.value,
-            path: this.path.value, info: this.info.value, excludable: this.excludable.value,
-        };
-        if (this.editingRouteId) {
-            await this.service.updateWebRoute(this.clientId, this.editingRouteId, body);
-        }
-        else {
-            await this.service.createWebRoute(this.clientId, body);
-        }
-        this.showRouteModal = false;
-        await this.load();
-    }
-    async deleteRoute(r) {
-        if (r.templated || !r.excludable)
-            return;
-        await this.service.deleteWebRoute(this.clientId, r.id);
-        await this.load();
-    }
-    onAction(e) {
-        if (e.action === 'edit')
-            this.openEditRoute(e.row);
-        if (e.action === 'delete')
-            void this.deleteRoute(e.row);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: AutoServiceRoutesComponent, deps: [{ token: AutoServiceService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.24", type: AutoServiceRoutesComponent, isStandalone: true, selector: "spine-auto-service-routes", inputs: { clientId: "clientId" }, usesOnChanges: true, ngImport: i0, template: "<hm-data-grid\n  [columns]=\"columns()\"\n  [rows]=\"routes\"\n  [rowId]=\"rowId\"\n  [caption]=\"text.routesCaption\"\n  [loading]=\"loading\"\n  [rowActions]=\"rowActions()\"\n  (actionTriggered)=\"onAction($event)\"\n  [emptyMessage]=\"text.noRoutes\"\n>\n  <hm-button dataGridActions icon=\"plus\" (clicked)=\"openCreateRoute()\">{{ text.newRoute }}</hm-button>\n  <ng-template hmCell=\"name\" let-r>\n    <span class=\"name-cell\">\n      {{ r.name }}\n      <hm-tag *ngIf=\"r.templated\" [name]=\"text.templateTag\" color=\"info\" [title]=\"text.templateLocked\" />\n    </span>\n  </ng-template>\n  <ng-template hmCell=\"icon\" let-r>\n    <span class=\"icon-cell\">\n      <hm-icon *ngIf=\"r.icon\" [shape]=\"r.icon\"></hm-icon>\n      {{ r.icon || '\u2014' }}\n    </span>\n  </ng-template>\n  <ng-template hmCell=\"path\" let-r>\n    <code *ngIf=\"r.path\">{{ r.path }}</code>\n    <ng-container *ngIf=\"!r.path\">\u2014</ng-container>\n  </ng-template>\n</hm-data-grid>\n\n<!-- Modal: criar/editar rota -->\n<hm-modal [open]=\"showRouteModal\" (openChange)=\"showRouteModal = $event\" [heading]=\"editingRouteId ? text.editRoute : text.newRoute\" (closed)=\"showRouteModal = false\">\n  <div class=\"form-stack\">\n    <hm-input [formControl]=\"name\" [label]=\"text.internalName\" />\n    <hm-input [formControl]=\"displayName\" [label]=\"text.displayName\" />\n    <hm-input [formControl]=\"icon\" [label]=\"text.icon\" [placeholder]=\"text.iconPlaceholder\" />\n    <hm-input [formControl]=\"path\" [label]=\"text.path\" [placeholder]=\"text.pathPlaceholder\" [hint]=\"text.pathHint\" [messages]=\"pathMessages()\" />\n    <hm-textarea [formControl]=\"info\" [label]=\"text.info\" />\n    <hm-checkbox [formControl]=\"excludable\" [label]=\"text.excludable\" />\n    <p *ngIf=\"excludableLocked\" class=\"field-note\">{{ text.excludableLocked }}</p>\n  </div>\n\n  <ng-container footer>\n    <hm-button emphasis=\"medium\" (clicked)=\"showRouteModal = false\">{{ text.cancel }}</hm-button>\n    <hm-button [disabled]=\"!name.value || path.invalid\" (clicked)=\"saveRoute()\">\n      {{ editingRouteId ? text.save : text.create }}\n    </hm-button>\n  </ng-container>\n</hm-modal>\n", styles: [".as-stack{display:flex;flex-direction:column;gap:var(--hm-space-md);min-inline-size:0}.as-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--hm-space-xs)}.as-field-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--hm-space-sm)}.as-field-row>:first-child{flex:1 1 20rem;min-inline-size:0}.as-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-sm)}.as-summary__info{display:flex;flex:1 1 16rem;flex-direction:column;gap:var(--hm-space-micro);min-inline-size:0}.as-summary__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs);margin:0;color:var(--hm-text);font-size:var(--hm-font-size-md);font-weight:var(--hm-font-weight-semibold)}.as-summary__detail{margin:0;color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.muted{color:var(--hm-muted)}:host{display:block}.form-stack{display:flex;flex-direction:column;gap:var(--hm-space-sm)}.field-note{margin:0;color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.name-cell{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs)}.icon-cell{display:inline-flex;align-items:center;gap:var(--hm-space-micro)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ButtonComponent, selector: "hm-button", inputs: ["emphasis", "intent", "size", "type", "icon", "iconDirection", "iconEnd", "disabled", "loading", "busy", "loadingState", "block", "link", "newTab", "caret", "inMenu", "toggle", "pressed"], outputs: ["loadingStateChange", "pressedChange", "clicked"] }, { kind: "component", type: CheckboxComponent, selector: "hm-checkbox", inputs: ["label", "labelHidden", "checked", "indeterminate"], outputs: ["checkedChange"] }, { kind: "component", type: IconComponent, selector: "hm-icon", inputs: ["shape", "direction", "size", "solid", "badge", "status", "flip", "inverse", "label"] }, { kind: "component", type: InputComponent, selector: "hm-input", inputs: ["value", "label", "type", "placeholder", "icon", "labelHidden", "hint", "prefix", "suffix", "prefixIcon", "mask", "maskValue", "min", "max", "step", "stepButtons", "maxLength", "autocomplete", "inputMode"], outputs: ["valueChange"] }, { kind: "component", type: TextareaComponent, selector: "hm-textarea", inputs: ["value", "label", "hint", "help", "placeholder", "maxLength", "rows", "autoGrow", "labelHidden", "loading", "maxRows", "submitKey"], outputs: ["valueChange", "submitted"] }, { kind: "component", type: ModalComponent, selector: "hm-modal", inputs: ["open", "heading", "size", "closeLabel", "closable", "beforeClose"], outputs: ["openChange", "closed"] }, { kind: "component", type: DataGridComponent, selector: "hm-data-grid", inputs: ["columns", "rows", "rowId", "caption", "rowActions", "loading", "error", "emptyMessage", "noResultsMessage", "filterable", "paginated", "pageState", "pagination", "totalItems", "sort", "selectable", "selectionMode", "selection", "rowSelectable", "rowSelectableReason", "rowDetailDisabled", "rowDetailHidden", "virtual", "rowHeight", "pinnedColumns", "columnState", "pageSizes", "fillHeight", "maxHeight", "bordered", "rowState", "rowClickable", "remoteSearch", "remoteSort", "itemsLabel", "pageSizeLabel", "exportable", "exportFileName", "groupBy", "aggregates", "aggregateFormatter", "persistKey", "persistStorage", "advancedFilter", "filterQuery", "columnManager", "columnOrder", "searchTerm"], outputs: ["pageStateChange", "sortChange", "selectionChange", "pinnedColumnsChange", "columnStateChange", "actionTriggered", "detailToggled", "rowClicked", "clearFiltersRequested", "filteredChange", "searchTermChanged", "groupByChange", "filterQueryChange", "columnOrderChange", "searchTermChange", "detailPaneToggled"] }, { kind: "directive", type: DataGridCellDirective, selector: "ng-template[hmCell]", inputs: ["hmCell"] }, { kind: "component", type: TagComponent, selector: "hm-tag", inputs: ["name", "color", "compact"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: AutoServiceRoutesComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spine-auto-service-routes', standalone: true, imports: [
-                        CommonModule, ReactiveFormsModule, ButtonComponent, CheckboxComponent, IconComponent, InputComponent, TextareaComponent,
-                        ModalComponent, DataGridComponent, DataGridCellDirective, TagComponent,
-                    ], changeDetection: ChangeDetectionStrategy.Eager, template: "<hm-data-grid\n  [columns]=\"columns()\"\n  [rows]=\"routes\"\n  [rowId]=\"rowId\"\n  [caption]=\"text.routesCaption\"\n  [loading]=\"loading\"\n  [rowActions]=\"rowActions()\"\n  (actionTriggered)=\"onAction($event)\"\n  [emptyMessage]=\"text.noRoutes\"\n>\n  <hm-button dataGridActions icon=\"plus\" (clicked)=\"openCreateRoute()\">{{ text.newRoute }}</hm-button>\n  <ng-template hmCell=\"name\" let-r>\n    <span class=\"name-cell\">\n      {{ r.name }}\n      <hm-tag *ngIf=\"r.templated\" [name]=\"text.templateTag\" color=\"info\" [title]=\"text.templateLocked\" />\n    </span>\n  </ng-template>\n  <ng-template hmCell=\"icon\" let-r>\n    <span class=\"icon-cell\">\n      <hm-icon *ngIf=\"r.icon\" [shape]=\"r.icon\"></hm-icon>\n      {{ r.icon || '\u2014' }}\n    </span>\n  </ng-template>\n  <ng-template hmCell=\"path\" let-r>\n    <code *ngIf=\"r.path\">{{ r.path }}</code>\n    <ng-container *ngIf=\"!r.path\">\u2014</ng-container>\n  </ng-template>\n</hm-data-grid>\n\n<!-- Modal: criar/editar rota -->\n<hm-modal [open]=\"showRouteModal\" (openChange)=\"showRouteModal = $event\" [heading]=\"editingRouteId ? text.editRoute : text.newRoute\" (closed)=\"showRouteModal = false\">\n  <div class=\"form-stack\">\n    <hm-input [formControl]=\"name\" [label]=\"text.internalName\" />\n    <hm-input [formControl]=\"displayName\" [label]=\"text.displayName\" />\n    <hm-input [formControl]=\"icon\" [label]=\"text.icon\" [placeholder]=\"text.iconPlaceholder\" />\n    <hm-input [formControl]=\"path\" [label]=\"text.path\" [placeholder]=\"text.pathPlaceholder\" [hint]=\"text.pathHint\" [messages]=\"pathMessages()\" />\n    <hm-textarea [formControl]=\"info\" [label]=\"text.info\" />\n    <hm-checkbox [formControl]=\"excludable\" [label]=\"text.excludable\" />\n    <p *ngIf=\"excludableLocked\" class=\"field-note\">{{ text.excludableLocked }}</p>\n  </div>\n\n  <ng-container footer>\n    <hm-button emphasis=\"medium\" (clicked)=\"showRouteModal = false\">{{ text.cancel }}</hm-button>\n    <hm-button [disabled]=\"!name.value || path.invalid\" (clicked)=\"saveRoute()\">\n      {{ editingRouteId ? text.save : text.create }}\n    </hm-button>\n  </ng-container>\n</hm-modal>\n", styles: [".as-stack{display:flex;flex-direction:column;gap:var(--hm-space-md);min-inline-size:0}.as-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--hm-space-xs)}.as-field-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--hm-space-sm)}.as-field-row>:first-child{flex:1 1 20rem;min-inline-size:0}.as-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-sm)}.as-summary__info{display:flex;flex:1 1 16rem;flex-direction:column;gap:var(--hm-space-micro);min-inline-size:0}.as-summary__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs);margin:0;color:var(--hm-text);font-size:var(--hm-font-size-md);font-weight:var(--hm-font-weight-semibold)}.as-summary__detail{margin:0;color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.muted{color:var(--hm-muted)}:host{display:block}.form-stack{display:flex;flex-direction:column;gap:var(--hm-space-sm)}.field-note{margin:0;color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.name-cell{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs)}.icon-cell{display:inline-flex;align-items:center;gap:var(--hm-space-micro)}\n"] }]
-        }], ctorParameters: () => [{ type: AutoServiceService }], propDecorators: { clientId: [{
-                type: Input
-            }] } });
-
-class AutoServiceRoutersComponent {
-    constructor(service) {
-        this.service = service;
-        this.text = inject(SPINE_MESSAGES).autoService;
-        /** Telas com estado em campo comum, preenchido depois de `await`: marca a view ao terminar (app sem zone.js). */
-        this.cdr = inject(ChangeDetectorRef);
-        this.clientId = '';
-        this.routes = [];
-        this.routers = [];
-        this.loading = false;
-        this.showRouterModal = false;
-        this.editingRouterId = '';
-        this.routerForm = { page_id: '', header_id: '', navigation_id: '', menu_id: '', item_id: '', submenu_id: '', is_private: true, description: '' };
-        this.rowId = (r) => r.id;
-        this.columns = computed(() => [
-            { key: 'page', title: this.text.colPage, value: (r) => this.routeName(r.page_id), sortable: true },
-            { key: 'built_path', title: this.text.colBuiltPath, value: (r) => r.built_path },
-            { key: 'description', title: this.text.colDescription, value: (r) => r.description ?? '' },
-            { key: 'is_private', title: this.text.colVisibility, value: (r) => (r.is_private ? this.text.private : this.text.public), sortable: true },
-        ], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
-        // Router de template não se edita nem se exclui aqui (403 no admin-server): a linha fica sem o kebab.
-        this.rowActions = computed(() => [
-            { id: 'edit', icon: 'pencil', label: this.text.edit, available: (r) => !r.templated },
-            { id: 'delete', icon: 'trash', label: this.text.delete, danger: true, separatorAbove: true, available: (r) => !r.templated },
-        ], ...(ngDevMode ? [{ debugName: "rowActions" }] : /* istanbul ignore next */ []));
-        this.pathLevels = ['header_id', 'navigation_id', 'menu_id', 'item_id', 'submenu_id', 'page_id'];
-    }
-    get routeOptions() {
-        return this.routes.map((r) => ({ value: r.id, label: r.display_name || r.name }));
-    }
-    ngOnChanges(changes) { if (changes['clientId'])
-        this.load(); }
-    async load() {
-        if (!this.clientId) {
-            this.routes = [];
-            this.routers = [];
-            return;
-        }
-        this.loading = true;
-        try {
-            const [routesRes, routersRes] = await Promise.all([this.service.getWebRoutes(this.clientId), this.service.getRouters(this.clientId)]);
-            this.routes = routesRes.routes;
-            this.routers = routersRes.routers.map((r) => ({ ...r, built_path: this.builtPath(r) }));
-        }
-        finally {
-            this.loading = false;
-            this.cdr.markForCheck();
-        }
-    }
-    routeName(id) { if (!id)
-        return '—'; return this.routes.find(r => r.id === id)?.name ?? id; }
-    builtPath(r) {
-        const segments = this.pathLevels
-            .map(level => this.routes.find(x => x.id === r[level])?.path)
-            .filter((p) => !!p)
-            .map(p => p.replace(/^\/+|\/+$/g, ''));
-        return segments.length ? '/' + segments.join('/') : '—';
-    }
-    openCreateRouter() {
-        this.editingRouterId = '';
-        this.routerForm = { page_id: '', header_id: '', navigation_id: '', menu_id: '', item_id: '', submenu_id: '', is_private: true, description: '' };
-        this.showRouterModal = true;
-    }
-    openEditRouter(r) {
-        this.editingRouterId = r.id;
-        this.routerForm = {
-            page_id: r.page_id, header_id: r.header_id ?? '', navigation_id: r.navigation_id ?? '',
-            menu_id: r.menu_id ?? '', item_id: r.item_id ?? '', submenu_id: r.submenu_id ?? '', is_private: r.is_private ?? true,
-            description: r.description ?? '',
-        };
-        this.showRouterModal = true;
-    }
-    async saveRouter() {
-        const body = {
-            page_id: this.routerForm.page_id,
-            header_id: this.routerForm.header_id || null,
-            navigation_id: this.routerForm.navigation_id || null,
-            menu_id: this.routerForm.menu_id || null,
-            item_id: this.routerForm.item_id || null,
-            submenu_id: this.routerForm.submenu_id || null,
-            is_private: this.routerForm.is_private,
-            description: this.routerForm.description.trim() || null,
-        };
-        if (this.editingRouterId) {
-            await this.service.updateRouter(this.clientId, this.editingRouterId, body);
-        }
-        else {
-            await this.service.createRouter(this.clientId, body);
-        }
-        this.showRouterModal = false;
-        await this.load();
-    }
-    async deleteRouter(routerId) { await this.service.deleteRouter(this.clientId, routerId); await this.load(); }
-    onAction(e) {
-        if (e.row.templated)
-            return;
-        if (e.action === 'edit')
-            this.openEditRouter(e.row);
-        if (e.action === 'delete')
-            void this.deleteRouter(e.row.id);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: AutoServiceRoutersComponent, deps: [{ token: AutoServiceService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.24", type: AutoServiceRoutersComponent, isStandalone: true, selector: "spine-auto-service-routers", inputs: { clientId: "clientId" }, usesOnChanges: true, ngImport: i0, template: "<hm-data-grid\n  [columns]=\"columns()\"\n  [rows]=\"routers\"\n  [rowId]=\"rowId\"\n  [caption]=\"text.routersCaption\"\n  [loading]=\"loading\"\n  [rowActions]=\"rowActions()\"\n  (actionTriggered)=\"onAction($event)\"\n  [emptyMessage]=\"text.noRouters\"\n>\n  <hm-button dataGridActions icon=\"plus\" [disabled]=\"!routes.length\" (clicked)=\"openCreateRouter()\">{{ text.newRouter }}</hm-button>\n  <ng-template hmCell=\"page\" let-r>\n    <span class=\"name-cell\">\n      {{ routeName(r.page_id) }}\n      <hm-tag *ngIf=\"r.templated\" [name]=\"text.templateTag\" color=\"info\" [title]=\"text.templateLocked\" />\n    </span>\n  </ng-template>\n  <ng-template hmCell=\"is_private\" let-r>\n    <hm-tag [name]=\"r.is_private ? text.private : text.public\" [color]=\"r.is_private ? 'warning' : 'success'\" />\n  </ng-template>\n  <ng-template hmCell=\"built_path\" let-r>\n    <code>{{ r.built_path }}</code>\n  </ng-template>\n</hm-data-grid>\n\n<!-- Modal: criar/editar roteador -->\n<hm-modal [open]=\"showRouterModal\" (openChange)=\"showRouterModal = $event\" [heading]=\"editingRouterId ? text.editRouter : text.newRouter\" size=\"large\" (closed)=\"showRouterModal = false\">\n  <div class=\"form-stack\">\n    <hm-combobox [label]=\"text.page\" [options]=\"routeOptions\" [value]=\"routerForm.page_id\" (valueChange)=\"routerForm.page_id = $event\"></hm-combobox>\n    <hm-textarea [label]=\"text.routerDescription\" [rows]=\"2\" [hint]=\"text.routerDescriptionHint\" [(ngModel)]=\"routerForm.description\" />\n\n    <hm-divider [label]=\"text.hierarchy\" />\n\n    <hm-combobox [label]=\"text.levelHeader\" [options]=\"routeOptions\" [clearable]=\"true\" [value]=\"routerForm.header_id\" (valueChange)=\"routerForm.header_id = $event\"></hm-combobox>\n    <hm-combobox [label]=\"text.levelNavigation\" [options]=\"routeOptions\" [clearable]=\"true\" [value]=\"routerForm.navigation_id\" (valueChange)=\"routerForm.navigation_id = $event\"></hm-combobox>\n    <hm-combobox [label]=\"text.levelMenu\" [options]=\"routeOptions\" [clearable]=\"true\" [value]=\"routerForm.menu_id\" (valueChange)=\"routerForm.menu_id = $event\"></hm-combobox>\n    <hm-combobox [label]=\"text.levelItem\" [options]=\"routeOptions\" [clearable]=\"true\" [value]=\"routerForm.item_id\" (valueChange)=\"routerForm.item_id = $event\"></hm-combobox>\n    <hm-combobox [label]=\"text.levelSubmenu\" [options]=\"routeOptions\" [clearable]=\"true\" [value]=\"routerForm.submenu_id\" (valueChange)=\"routerForm.submenu_id = $event\"></hm-combobox>\n\n    <hm-divider />\n    <hm-checkbox [(ngModel)]=\"routerForm.is_private\" [label]=\"text.privateHint\" />\n  </div>\n\n  <ng-container footer>\n    <hm-button emphasis=\"medium\" (clicked)=\"showRouterModal = false\">{{ text.cancel }}</hm-button>\n    <hm-button [disabled]=\"!routerForm.page_id\" (clicked)=\"saveRouter()\">\n      {{ editingRouterId ? text.save : text.create }}\n    </hm-button>\n  </ng-container>\n</hm-modal>\n", styles: [".as-stack{display:flex;flex-direction:column;gap:var(--hm-space-md);min-inline-size:0}.as-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--hm-space-xs)}.as-field-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--hm-space-sm)}.as-field-row>:first-child{flex:1 1 20rem;min-inline-size:0}.as-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-sm)}.as-summary__info{display:flex;flex:1 1 16rem;flex-direction:column;gap:var(--hm-space-micro);min-inline-size:0}.as-summary__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs);margin:0;color:var(--hm-text);font-size:var(--hm-font-size-md);font-weight:var(--hm-font-weight-semibold)}.as-summary__detail{margin:0;color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.muted{color:var(--hm-muted)}:host{display:block}.name-cell{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs)}.form-stack{display:flex;flex-direction:column;gap:var(--hm-space-sm)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ButtonComponent, selector: "hm-button", inputs: ["emphasis", "intent", "size", "type", "icon", "iconDirection", "iconEnd", "disabled", "loading", "busy", "loadingState", "block", "link", "newTab", "caret", "inMenu", "toggle", "pressed"], outputs: ["loadingStateChange", "pressedChange", "clicked"] }, { kind: "component", type: CheckboxComponent, selector: "hm-checkbox", inputs: ["label", "labelHidden", "checked", "indeterminate"], outputs: ["checkedChange"] }, { kind: "component", type: ComboboxComponent, selector: "hm-combobox", inputs: ["label", "options", "value", "placeholder", "icon", "hint", "help", "size", "labelHidden", "clearable", "requiredManual", "loading", "allowCustomValue"], outputs: ["valueChange"] }, { kind: "component", type: DividerComponent, selector: "hm-divider", inputs: ["orientation", "label", "labelAlign", "emphasis", "thickness", "spacing", "decorative"] }, { kind: "component", type: ModalComponent, selector: "hm-modal", inputs: ["open", "heading", "size", "closeLabel", "closable", "beforeClose"], outputs: ["openChange", "closed"] }, { kind: "component", type: DataGridComponent, selector: "hm-data-grid", inputs: ["columns", "rows", "rowId", "caption", "rowActions", "loading", "error", "emptyMessage", "noResultsMessage", "filterable", "paginated", "pageState", "pagination", "totalItems", "sort", "selectable", "selectionMode", "selection", "rowSelectable", "rowSelectableReason", "rowDetailDisabled", "rowDetailHidden", "virtual", "rowHeight", "pinnedColumns", "columnState", "pageSizes", "fillHeight", "maxHeight", "bordered", "rowState", "rowClickable", "remoteSearch", "remoteSort", "itemsLabel", "pageSizeLabel", "exportable", "exportFileName", "groupBy", "aggregates", "aggregateFormatter", "persistKey", "persistStorage", "advancedFilter", "filterQuery", "columnManager", "columnOrder", "searchTerm"], outputs: ["pageStateChange", "sortChange", "selectionChange", "pinnedColumnsChange", "columnStateChange", "actionTriggered", "detailToggled", "rowClicked", "clearFiltersRequested", "filteredChange", "searchTermChanged", "groupByChange", "filterQueryChange", "columnOrderChange", "searchTermChange", "detailPaneToggled"] }, { kind: "directive", type: DataGridCellDirective, selector: "ng-template[hmCell]", inputs: ["hmCell"] }, { kind: "component", type: TagComponent, selector: "hm-tag", inputs: ["name", "color", "compact"] }, { kind: "component", type: TextareaComponent, selector: "hm-textarea", inputs: ["value", "label", "hint", "help", "placeholder", "maxLength", "rows", "autoGrow", "labelHidden", "loading", "maxRows", "submitKey"], outputs: ["valueChange", "submitted"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: AutoServiceRoutersComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spine-auto-service-routers', standalone: true, imports: [
-                        CommonModule, FormsModule, ButtonComponent, CheckboxComponent, ComboboxComponent, DividerComponent, ModalComponent,
-                        DataGridComponent, DataGridCellDirective, TagComponent, TextareaComponent,
-                    ], changeDetection: ChangeDetectionStrategy.Eager, template: "<hm-data-grid\n  [columns]=\"columns()\"\n  [rows]=\"routers\"\n  [rowId]=\"rowId\"\n  [caption]=\"text.routersCaption\"\n  [loading]=\"loading\"\n  [rowActions]=\"rowActions()\"\n  (actionTriggered)=\"onAction($event)\"\n  [emptyMessage]=\"text.noRouters\"\n>\n  <hm-button dataGridActions icon=\"plus\" [disabled]=\"!routes.length\" (clicked)=\"openCreateRouter()\">{{ text.newRouter }}</hm-button>\n  <ng-template hmCell=\"page\" let-r>\n    <span class=\"name-cell\">\n      {{ routeName(r.page_id) }}\n      <hm-tag *ngIf=\"r.templated\" [name]=\"text.templateTag\" color=\"info\" [title]=\"text.templateLocked\" />\n    </span>\n  </ng-template>\n  <ng-template hmCell=\"is_private\" let-r>\n    <hm-tag [name]=\"r.is_private ? text.private : text.public\" [color]=\"r.is_private ? 'warning' : 'success'\" />\n  </ng-template>\n  <ng-template hmCell=\"built_path\" let-r>\n    <code>{{ r.built_path }}</code>\n  </ng-template>\n</hm-data-grid>\n\n<!-- Modal: criar/editar roteador -->\n<hm-modal [open]=\"showRouterModal\" (openChange)=\"showRouterModal = $event\" [heading]=\"editingRouterId ? text.editRouter : text.newRouter\" size=\"large\" (closed)=\"showRouterModal = false\">\n  <div class=\"form-stack\">\n    <hm-combobox [label]=\"text.page\" [options]=\"routeOptions\" [value]=\"routerForm.page_id\" (valueChange)=\"routerForm.page_id = $event\"></hm-combobox>\n    <hm-textarea [label]=\"text.routerDescription\" [rows]=\"2\" [hint]=\"text.routerDescriptionHint\" [(ngModel)]=\"routerForm.description\" />\n\n    <hm-divider [label]=\"text.hierarchy\" />\n\n    <hm-combobox [label]=\"text.levelHeader\" [options]=\"routeOptions\" [clearable]=\"true\" [value]=\"routerForm.header_id\" (valueChange)=\"routerForm.header_id = $event\"></hm-combobox>\n    <hm-combobox [label]=\"text.levelNavigation\" [options]=\"routeOptions\" [clearable]=\"true\" [value]=\"routerForm.navigation_id\" (valueChange)=\"routerForm.navigation_id = $event\"></hm-combobox>\n    <hm-combobox [label]=\"text.levelMenu\" [options]=\"routeOptions\" [clearable]=\"true\" [value]=\"routerForm.menu_id\" (valueChange)=\"routerForm.menu_id = $event\"></hm-combobox>\n    <hm-combobox [label]=\"text.levelItem\" [options]=\"routeOptions\" [clearable]=\"true\" [value]=\"routerForm.item_id\" (valueChange)=\"routerForm.item_id = $event\"></hm-combobox>\n    <hm-combobox [label]=\"text.levelSubmenu\" [options]=\"routeOptions\" [clearable]=\"true\" [value]=\"routerForm.submenu_id\" (valueChange)=\"routerForm.submenu_id = $event\"></hm-combobox>\n\n    <hm-divider />\n    <hm-checkbox [(ngModel)]=\"routerForm.is_private\" [label]=\"text.privateHint\" />\n  </div>\n\n  <ng-container footer>\n    <hm-button emphasis=\"medium\" (clicked)=\"showRouterModal = false\">{{ text.cancel }}</hm-button>\n    <hm-button [disabled]=\"!routerForm.page_id\" (clicked)=\"saveRouter()\">\n      {{ editingRouterId ? text.save : text.create }}\n    </hm-button>\n  </ng-container>\n</hm-modal>\n", styles: [".as-stack{display:flex;flex-direction:column;gap:var(--hm-space-md);min-inline-size:0}.as-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--hm-space-xs)}.as-field-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--hm-space-sm)}.as-field-row>:first-child{flex:1 1 20rem;min-inline-size:0}.as-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-sm)}.as-summary__info{display:flex;flex:1 1 16rem;flex-direction:column;gap:var(--hm-space-micro);min-inline-size:0}.as-summary__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs);margin:0;color:var(--hm-text);font-size:var(--hm-font-size-md);font-weight:var(--hm-font-weight-semibold)}.as-summary__detail{margin:0;color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.muted{color:var(--hm-muted)}:host{display:block}.name-cell{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs)}.form-stack{display:flex;flex-direction:column;gap:var(--hm-space-sm)}\n"] }]
-        }], ctorParameters: () => [{ type: AutoServiceService }], propDecorators: { clientId: [{
-                type: Input
-            }] } });
-
-class AutoServiceAccessCreateComponent {
-    constructor(service) {
-        this.service = service;
-        this.text = inject(SPINE_MESSAGES).autoService;
-        /** Telas com estado em campo comum, preenchido depois de `await`: marca a view ao terminar (app sem zone.js). */
-        this.cdr = inject(ChangeDetectorRef);
-        this.clientId = '';
-        this.availableGroups = [];
-        this.open = false;
-        this.openChange = new EventEmitter();
-        this.created = new EventEmitter();
-        this.groupId = '';
-        this.saving = false;
-    }
-    get groupOptions() {
-        return this.availableGroups.map((g) => ({ value: g.id, label: g.type ? `${g.name} (${g.type.name})` : g.name }));
-    }
-    ngOnChanges(changes) { if (changes['open'] && this.open) {
-        this.groupId = '';
-    } }
-    onModalOpenChange(value) { this.open = value; this.openChange.emit(value); }
-    close() { this.onModalOpenChange(false); }
-    async save() {
-        if (!this.groupId)
-            return;
-        this.saving = true;
-        try {
-            await this.service.createAccess(this.clientId, this.groupId);
-            this.created.emit();
-            this.close();
-        }
-        finally {
-            this.saving = false;
-            this.cdr.markForCheck();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: AutoServiceAccessCreateComponent, deps: [{ token: AutoServiceService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.24", type: AutoServiceAccessCreateComponent, isStandalone: true, selector: "spine-auto-service-access-create", inputs: { clientId: "clientId", availableGroups: "availableGroups", open: "open" }, outputs: { openChange: "openChange", created: "created" }, usesOnChanges: true, ngImport: i0, template: "<hm-modal [open]=\"open\" (openChange)=\"onModalOpenChange($event)\" [heading]=\"text.newAccessHeading\" (closed)=\"close()\">\n  <hm-combobox [label]=\"text.group\" [options]=\"groupOptions\" [value]=\"groupId\" (valueChange)=\"groupId = $event\"></hm-combobox>\n\n  <ng-container footer>\n    <hm-button emphasis=\"medium\" (clicked)=\"close()\">{{ text.cancel }}</hm-button>\n    <hm-button [disabled]=\"!groupId\" [loading]=\"saving\" (clicked)=\"save()\">{{ text.create }}</hm-button>\n  </ng-container>\n</hm-modal>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "hm-button", inputs: ["emphasis", "intent", "size", "type", "icon", "iconDirection", "iconEnd", "disabled", "loading", "busy", "loadingState", "block", "link", "newTab", "caret", "inMenu", "toggle", "pressed"], outputs: ["loadingStateChange", "pressedChange", "clicked"] }, { kind: "component", type: ComboboxComponent, selector: "hm-combobox", inputs: ["label", "options", "value", "placeholder", "icon", "hint", "help", "size", "labelHidden", "clearable", "requiredManual", "loading", "allowCustomValue"], outputs: ["valueChange"] }, { kind: "component", type: ModalComponent, selector: "hm-modal", inputs: ["open", "heading", "size", "closeLabel", "closable", "beforeClose"], outputs: ["openChange", "closed"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: AutoServiceAccessCreateComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spine-auto-service-access-create', standalone: true, imports: [CommonModule, ButtonComponent, ComboboxComponent, ModalComponent], changeDetection: ChangeDetectionStrategy.Eager, template: "<hm-modal [open]=\"open\" (openChange)=\"onModalOpenChange($event)\" [heading]=\"text.newAccessHeading\" (closed)=\"close()\">\n  <hm-combobox [label]=\"text.group\" [options]=\"groupOptions\" [value]=\"groupId\" (valueChange)=\"groupId = $event\"></hm-combobox>\n\n  <ng-container footer>\n    <hm-button emphasis=\"medium\" (clicked)=\"close()\">{{ text.cancel }}</hm-button>\n    <hm-button [disabled]=\"!groupId\" [loading]=\"saving\" (clicked)=\"save()\">{{ text.create }}</hm-button>\n  </ng-container>\n</hm-modal>\n" }]
-        }], ctorParameters: () => [{ type: AutoServiceService }], propDecorators: { clientId: [{
-                type: Input
-            }], availableGroups: [{
-                type: Input
-            }], open: [{
-                type: Input
-            }], openChange: [{
-                type: Output
-            }], created: [{
-                type: Output
-            }] } });
-
-/**
- * Um nível da árvore de rotas — se referencia (`imports: [RouteTreeNodeComponent]`) pra
- * desenhar os filhos, já que não existe nenhum componente de árvore no DS novo (o antigo
- * usava `hermes-tree`/`*hermesRecursiveFor`, sem equivalente). Folha = checkbox (marca/
- * desmarca um guard); pasta = só rótulo, sem estado próprio.
- */
-class RouteTreeNodeComponent {
-    constructor() {
-        this.selectedChange = new EventEmitter();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: RouteTreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.24", type: RouteTreeNodeComponent, isStandalone: true, selector: "spine-route-tree-node", inputs: { node: "node" }, outputs: { selectedChange: "selectedChange" }, ngImport: i0, template: `
-    <li class="tree-node" [class.tree-node--folder]="node.isFolder">
-      <label *ngIf="!node.isFolder" class="tree-node__leaf">
-        <input type="checkbox" class="hm-check" [(ngModel)]="node.selected" (ngModelChange)="selectedChange.emit()" />
-        <hm-icon shape="router" class="tree-node__icon"></hm-icon>
-        <span>{{ node.name }}</span>
-      </label>
-
-      <div *ngIf="node.isFolder" class="tree-node__folder">
-        <hm-icon shape="filter-grid" class="tree-node__icon"></hm-icon>
-        <span>{{ node.name }}</span>
-      </div>
-
-      <ul class="tree-node__children" *ngIf="node.children.length">
-        <spine-route-tree-node *ngFor="let child of node.children" [node]="child" (selectedChange)="selectedChange.emit()"></spine-route-tree-node>
-      </ul>
-    </li>
-  `, isInline: true, styles: [".tree-node{list-style:none}.tree-node__children{list-style:none;margin:0;padding-inline-start:var(--hm-space-lg)}.tree-node__leaf,.tree-node__folder{display:flex;align-items:center;gap:var(--hm-space-xs);padding:var(--hm-space-micro) 0;font-size:var(--hm-font-size-sm)}.tree-node__leaf{cursor:pointer}.tree-node__folder{font-weight:var(--hm-font-weight-semibold);color:var(--hm-muted)}.tree-node__icon{flex:0 0 auto;color:var(--hm-action)}\n"], dependencies: [{ kind: "component", type: RouteTreeNodeComponent, selector: "spine-route-tree-node", inputs: ["node"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconComponent, selector: "hm-icon", inputs: ["shape", "direction", "size", "solid", "badge", "status", "flip", "inverse", "label"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: RouteTreeNodeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spine-route-tree-node', standalone: true, imports: [CommonModule, FormsModule, IconComponent, RouteTreeNodeComponent], changeDetection: ChangeDetectionStrategy.Eager, template: `
-    <li class="tree-node" [class.tree-node--folder]="node.isFolder">
-      <label *ngIf="!node.isFolder" class="tree-node__leaf">
-        <input type="checkbox" class="hm-check" [(ngModel)]="node.selected" (ngModelChange)="selectedChange.emit()" />
-        <hm-icon shape="router" class="tree-node__icon"></hm-icon>
-        <span>{{ node.name }}</span>
-      </label>
-
-      <div *ngIf="node.isFolder" class="tree-node__folder">
-        <hm-icon shape="filter-grid" class="tree-node__icon"></hm-icon>
-        <span>{{ node.name }}</span>
-      </div>
-
-      <ul class="tree-node__children" *ngIf="node.children.length">
-        <spine-route-tree-node *ngFor="let child of node.children" [node]="child" (selectedChange)="selectedChange.emit()"></spine-route-tree-node>
-      </ul>
-    </li>
-  `, styles: [".tree-node{list-style:none}.tree-node__children{list-style:none;margin:0;padding-inline-start:var(--hm-space-lg)}.tree-node__leaf,.tree-node__folder{display:flex;align-items:center;gap:var(--hm-space-xs);padding:var(--hm-space-micro) 0;font-size:var(--hm-font-size-sm)}.tree-node__leaf{cursor:pointer}.tree-node__folder{font-weight:var(--hm-font-weight-semibold);color:var(--hm-muted)}.tree-node__icon{flex:0 0 auto;color:var(--hm-action)}\n"] }]
-        }], propDecorators: { node: [{
-                type: Input,
-                args: [{ required: true }]
-            }], selectedChange: [{
-                type: Output
-            }] } });
-
-class AutoServiceAccessGuardsComponent {
-    constructor(service) {
-        this.service = service;
-        this.text = inject(SPINE_MESSAGES).autoService;
-        /** Telas com estado em campo comum, preenchido depois de `await`: marca a view ao terminar (app sem zone.js). */
-        this.cdr = inject(ChangeDetectorRef);
-        this.fmt = formatMessage;
-        this.clientId = '';
-        this.access = null;
-        this.open = false;
-        this.openChange = new EventEmitter();
-        this.availableRouters = [];
-        this.availableRoutes = [];
-        this.clientPrivateRouters = [];
-        this.guards = [];
-        this.tree = [];
-        this.loading = false;
-        this.saving = false;
-        this.levels = ['header_id', 'navigation_id', 'menu_id', 'item_id', 'submenu_id'];
-    }
-    ngOnChanges(changes) { if (changes['open'] && this.open) {
-        this.reset();
-    } }
-    close() { this.open = false; this.openChange.emit(false); }
-    async reset() {
-        this.loading = true;
-        try {
-            const [routersRes, routesRes] = await Promise.all([this.service.getRouters(this.clientId), this.service.getWebRoutes(this.clientId)]);
-            this.availableRouters = routersRes.routers;
-            this.availableRoutes = routesRes.routes;
-            this.clientPrivateRouters = this.availableRouters.filter((r) => r.is_private && (!r.allowed_type_ids?.length || r.allowed_type_ids.includes(this.access.group_type_id)));
-            await this.loadGuards();
-            this.buildTree();
-        }
-        finally {
-            this.loading = false;
-            this.cdr.markForCheck();
-        }
-    }
-    async loadGuards() { const res = await this.service.getGuards(this.clientId, this.access.access_id); this.guards = res.guards; }
-    routeName(id) {
-        if (!id)
-            return '—';
-        return this.availableRoutes.find((r) => r.id === id)?.name ?? id;
-    }
-    buildTree() {
-        const root = [];
-        for (const router of this.clientPrivateRouters) {
-            let currentLevel = root;
-            for (const level of this.levels) {
-                const id = router[level];
-                if (!id)
-                    continue;
-                const key = `${level}:${id}`;
-                let node = currentLevel.find(n => n.key === key);
-                if (!node) {
-                    node = { key, name: this.routeName(id), isFolder: true, children: [] };
-                    currentLevel.push(node);
-                }
-                currentLevel = node.children;
-            }
-            const guard = this.guards.find((g) => g.router_id === router.id);
-            currentLevel.push({
-                key: `page:${router.id}`, name: router.page_name || this.routeName(router.page_id), isFolder: false,
-                routerId: router.id, guardId: guard?.guard_id, selected: !!guard, children: [],
-            });
-        }
-        this.tree = root;
-    }
-    collectLeaves(node) {
-        if (!node.isFolder)
-            return [node];
-        return node.children.flatMap(child => this.collectLeaves(child));
-    }
-    get allLeaves() { return this.tree.flatMap(node => this.collectLeaves(node)); }
-    get hasChanges() { return this.allLeaves.some(leaf => !!leaf.selected !== !!leaf.guardId); }
-    async confirm() {
-        const leaves = this.allLeaves;
-        const toAdd = leaves.filter(l => l.selected && !l.guardId);
-        const toRemove = leaves.filter(l => !l.selected && l.guardId);
-        if (toAdd.length === 0 && toRemove.length === 0) {
-            this.close();
-            return;
-        }
-        this.saving = true;
-        try {
-            for (const l of toAdd) {
-                await this.service.addGuard(this.clientId, this.access.access_id, l.routerId);
-            }
-            for (const l of toRemove) {
-                await this.service.removeGuard(this.clientId, this.access.access_id, l.guardId);
-            }
-            this.close();
-        }
-        finally {
-            this.saving = false;
-            this.cdr.markForCheck();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: AutoServiceAccessGuardsComponent, deps: [{ token: AutoServiceService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.24", type: AutoServiceAccessGuardsComponent, isStandalone: true, selector: "spine-auto-service-access-guards", inputs: { clientId: "clientId", access: "access", open: "open" }, outputs: { openChange: "openChange" }, usesOnChanges: true, ngImport: i0, template: "<hm-drawer [open]=\"open\" (openChange)=\"open = $event\" [heading]=\"fmt(text.routesOf, { group: access?.group_name ?? '' })\" (closed)=\"close()\">\n  <p class=\"muted\" *ngIf=\"!loading\" [innerHTML]=\"fmt(text.guardsHint, { badge: access?.group_type_name ?? '' })\"></p>\n\n  <div *ngIf=\"loading\" class=\"loading-row\">\n    <span>{{ text.loading }}</span>\n  </div>\n\n  <ul class=\"route-tree\" *ngIf=\"!loading\">\n    <spine-route-tree-node *ngFor=\"let node of tree\" [node]=\"node\"></spine-route-tree-node>\n  </ul>\n\n  <div class=\"empty-state\" *ngIf=\"!loading && tree.length === 0\">\n    <hm-icon shape=\"filter-grid\" size=\"xl\"></hm-icon>\n    <p>{{ text.noPrivateRoutes }}</p>\n  </div>\n\n  <ng-container footer>\n    <hm-button emphasis=\"medium\" (clicked)=\"close()\">{{ text.cancel }}</hm-button>\n    <hm-button [disabled]=\"!hasChanges\" [loading]=\"saving\" (clicked)=\"confirm()\">{{ text.confirmChanges }}</hm-button>\n  </ng-container>\n</hm-drawer>\n", styles: [".as-stack{display:flex;flex-direction:column;gap:var(--hm-space-md);min-inline-size:0}.as-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--hm-space-xs)}.as-field-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--hm-space-sm)}.as-field-row>:first-child{flex:1 1 20rem;min-inline-size:0}.as-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-sm)}.as-summary__info{display:flex;flex:1 1 16rem;flex-direction:column;gap:var(--hm-space-micro);min-inline-size:0}.as-summary__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs);margin:0;color:var(--hm-text);font-size:var(--hm-font-size-md);font-weight:var(--hm-font-weight-semibold)}.as-summary__detail{margin:0;color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.muted{color:var(--hm-muted)}.loading-row{display:flex;justify-content:center;padding:var(--hm-space-xl);color:var(--hm-muted)}.route-tree{list-style:none;margin:0;padding:0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--hm-space-xs);padding:var(--hm-space-xl);color:var(--hm-muted);text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "hm-button", inputs: ["emphasis", "intent", "size", "type", "icon", "iconDirection", "iconEnd", "disabled", "loading", "busy", "loadingState", "block", "link", "newTab", "caret", "inMenu", "toggle", "pressed"], outputs: ["loadingStateChange", "pressedChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "hm-icon", inputs: ["shape", "direction", "size", "solid", "badge", "status", "flip", "inverse", "label"] }, { kind: "component", type: DrawerComponent, selector: "hm-drawer", inputs: ["open", "heading", "size", "position", "pinned", "closeLabel", "closable", "beforeClose"], outputs: ["openChange", "closed"] }, { kind: "component", type: RouteTreeNodeComponent, selector: "spine-route-tree-node", inputs: ["node"], outputs: ["selectedChange"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: AutoServiceAccessGuardsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spine-auto-service-access-guards', standalone: true, imports: [CommonModule, ButtonComponent, IconComponent, DrawerComponent, RouteTreeNodeComponent], changeDetection: ChangeDetectionStrategy.Eager, template: "<hm-drawer [open]=\"open\" (openChange)=\"open = $event\" [heading]=\"fmt(text.routesOf, { group: access?.group_name ?? '' })\" (closed)=\"close()\">\n  <p class=\"muted\" *ngIf=\"!loading\" [innerHTML]=\"fmt(text.guardsHint, { badge: access?.group_type_name ?? '' })\"></p>\n\n  <div *ngIf=\"loading\" class=\"loading-row\">\n    <span>{{ text.loading }}</span>\n  </div>\n\n  <ul class=\"route-tree\" *ngIf=\"!loading\">\n    <spine-route-tree-node *ngFor=\"let node of tree\" [node]=\"node\"></spine-route-tree-node>\n  </ul>\n\n  <div class=\"empty-state\" *ngIf=\"!loading && tree.length === 0\">\n    <hm-icon shape=\"filter-grid\" size=\"xl\"></hm-icon>\n    <p>{{ text.noPrivateRoutes }}</p>\n  </div>\n\n  <ng-container footer>\n    <hm-button emphasis=\"medium\" (clicked)=\"close()\">{{ text.cancel }}</hm-button>\n    <hm-button [disabled]=\"!hasChanges\" [loading]=\"saving\" (clicked)=\"confirm()\">{{ text.confirmChanges }}</hm-button>\n  </ng-container>\n</hm-drawer>\n", styles: [".as-stack{display:flex;flex-direction:column;gap:var(--hm-space-md);min-inline-size:0}.as-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--hm-space-xs)}.as-field-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--hm-space-sm)}.as-field-row>:first-child{flex:1 1 20rem;min-inline-size:0}.as-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-sm)}.as-summary__info{display:flex;flex:1 1 16rem;flex-direction:column;gap:var(--hm-space-micro);min-inline-size:0}.as-summary__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs);margin:0;color:var(--hm-text);font-size:var(--hm-font-size-md);font-weight:var(--hm-font-weight-semibold)}.as-summary__detail{margin:0;color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.muted{color:var(--hm-muted)}.loading-row{display:flex;justify-content:center;padding:var(--hm-space-xl);color:var(--hm-muted)}.route-tree{list-style:none;margin:0;padding:0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--hm-space-xs);padding:var(--hm-space-xl);color:var(--hm-muted);text-align:center}\n"] }]
-        }], ctorParameters: () => [{ type: AutoServiceService }], propDecorators: { clientId: [{
-                type: Input
-            }], access: [{
-                type: Input
-            }], open: [{
-                type: Input
-            }], openChange: [{
-                type: Output
-            }] } });
-
-class AutoServiceAccessComponent {
-    constructor(service) {
-        this.service = service;
-        this.text = inject(SPINE_MESSAGES).autoService;
-        /** Telas com estado em campo comum, preenchido depois de `await`: marca a view ao terminar (app sem zone.js). */
-        this.cdr = inject(ChangeDetectorRef);
-        this.clientId = '';
-        this.entries = [];
-        this.availableGroups = [];
-        this.loading = false;
-        this.showCreate = false;
-        this.showGuards = false;
-        this.activeAccess = null;
-        this.rowId = (a) => a.access_id;
-        this.columns = computed(() => [
-            { key: 'group_name', title: this.text.colGroup, value: (a) => a.group_name, sortable: true },
-            { key: 'group_type_name', title: this.text.colBadge, value: (a) => a.group_type_name, sortable: true },
-        ], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
-        this.rowActions = computed(() => [
-            { id: 'guards', icon: 'shield', label: this.text.manageRoutes },
-            { id: 'delete', icon: 'trash', label: this.text.remove, danger: true, separatorAbove: true },
-        ], ...(ngDevMode ? [{ debugName: "rowActions" }] : /* istanbul ignore next */ []));
-    }
-    ngOnChanges(changes) {
-        if (changes['clientId']) {
-            this.load();
-            this.loadGroups();
-        }
-    }
-    async load() {
-        if (!this.clientId) {
-            this.entries = [];
-            return;
-        }
-        this.loading = true;
-        try {
-            const res = await this.service.getAccess(this.clientId);
-            this.entries = res.access;
-        }
-        finally {
-            this.loading = false;
-            this.cdr.markForCheck();
-        }
-    }
-    async loadGroups() {
-        if (!this.clientId) {
-            this.availableGroups = [];
-            return;
-        }
-        const res = await this.service.getGroups(this.clientId);
-        this.availableGroups = res.groups;
-        this.cdr.markForCheck();
-    }
-    openCreate() { this.showCreate = true; }
-    async onCreated() { await this.load(); }
-    async deleteAccess(accessId) { await this.service.deleteAccess(this.clientId, accessId); await this.load(); }
-    openGuards(access) { this.activeAccess = access; this.showGuards = true; }
-    onAction(e) {
-        if (e.action === 'guards')
-            this.openGuards(e.row);
-        if (e.action === 'delete')
-            void this.deleteAccess(e.row.access_id);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: AutoServiceAccessComponent, deps: [{ token: AutoServiceService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.24", type: AutoServiceAccessComponent, isStandalone: true, selector: "spine-auto-service-access", inputs: { clientId: "clientId" }, usesOnChanges: true, ngImport: i0, template: "<hm-data-grid\n  [columns]=\"columns()\"\n  [rows]=\"entries\"\n  [rowId]=\"rowId\"\n  [caption]=\"text.accessCaption\"\n  [loading]=\"loading\"\n  [rowActions]=\"rowActions()\"\n  (actionTriggered)=\"onAction($event)\"\n  [emptyMessage]=\"text.noAccess\"\n>\n  <hm-button dataGridActions icon=\"plus\" (clicked)=\"openCreate()\">{{ text.newAccess }}</hm-button>\n</hm-data-grid>\n\n<spine-auto-service-access-create\n  [clientId]=\"clientId\"\n  [availableGroups]=\"availableGroups\"\n  [open]=\"showCreate\"\n  (openChange)=\"showCreate = $event\"\n  (created)=\"onCreated()\">\n</spine-auto-service-access-create>\n\n<spine-auto-service-access-guards\n  *ngIf=\"activeAccess\"\n  [clientId]=\"clientId\"\n  [access]=\"activeAccess\"\n  [open]=\"showGuards\"\n  (openChange)=\"showGuards = $event\">\n</spine-auto-service-access-guards>\n", styles: [".as-stack{display:flex;flex-direction:column;gap:var(--hm-space-md);min-inline-size:0}.as-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--hm-space-xs)}.as-field-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--hm-space-sm)}.as-field-row>:first-child{flex:1 1 20rem;min-inline-size:0}.as-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-sm)}.as-summary__info{display:flex;flex:1 1 16rem;flex-direction:column;gap:var(--hm-space-micro);min-inline-size:0}.as-summary__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs);margin:0;color:var(--hm-text);font-size:var(--hm-font-size-md);font-weight:var(--hm-font-weight-semibold)}.as-summary__detail{margin:0;color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.muted{color:var(--hm-muted)}:host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "hm-button", inputs: ["emphasis", "intent", "size", "type", "icon", "iconDirection", "iconEnd", "disabled", "loading", "busy", "loadingState", "block", "link", "newTab", "caret", "inMenu", "toggle", "pressed"], outputs: ["loadingStateChange", "pressedChange", "clicked"] }, { kind: "component", type: DataGridComponent, selector: "hm-data-grid", inputs: ["columns", "rows", "rowId", "caption", "rowActions", "loading", "error", "emptyMessage", "noResultsMessage", "filterable", "paginated", "pageState", "pagination", "totalItems", "sort", "selectable", "selectionMode", "selection", "rowSelectable", "rowSelectableReason", "rowDetailDisabled", "rowDetailHidden", "virtual", "rowHeight", "pinnedColumns", "columnState", "pageSizes", "fillHeight", "maxHeight", "bordered", "rowState", "rowClickable", "remoteSearch", "remoteSort", "itemsLabel", "pageSizeLabel", "exportable", "exportFileName", "groupBy", "aggregates", "aggregateFormatter", "persistKey", "persistStorage", "advancedFilter", "filterQuery", "columnManager", "columnOrder", "searchTerm"], outputs: ["pageStateChange", "sortChange", "selectionChange", "pinnedColumnsChange", "columnStateChange", "actionTriggered", "detailToggled", "rowClicked", "clearFiltersRequested", "filteredChange", "searchTermChanged", "groupByChange", "filterQueryChange", "columnOrderChange", "searchTermChange", "detailPaneToggled"] }, { kind: "component", type: AutoServiceAccessCreateComponent, selector: "spine-auto-service-access-create", inputs: ["clientId", "availableGroups", "open"], outputs: ["openChange", "created"] }, { kind: "component", type: AutoServiceAccessGuardsComponent, selector: "spine-auto-service-access-guards", inputs: ["clientId", "access", "open"], outputs: ["openChange"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: AutoServiceAccessComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spine-auto-service-access', standalone: true, imports: [CommonModule, ButtonComponent, IconComponent, DataGridComponent, AutoServiceAccessCreateComponent, AutoServiceAccessGuardsComponent], changeDetection: ChangeDetectionStrategy.Eager, template: "<hm-data-grid\n  [columns]=\"columns()\"\n  [rows]=\"entries\"\n  [rowId]=\"rowId\"\n  [caption]=\"text.accessCaption\"\n  [loading]=\"loading\"\n  [rowActions]=\"rowActions()\"\n  (actionTriggered)=\"onAction($event)\"\n  [emptyMessage]=\"text.noAccess\"\n>\n  <hm-button dataGridActions icon=\"plus\" (clicked)=\"openCreate()\">{{ text.newAccess }}</hm-button>\n</hm-data-grid>\n\n<spine-auto-service-access-create\n  [clientId]=\"clientId\"\n  [availableGroups]=\"availableGroups\"\n  [open]=\"showCreate\"\n  (openChange)=\"showCreate = $event\"\n  (created)=\"onCreated()\">\n</spine-auto-service-access-create>\n\n<spine-auto-service-access-guards\n  *ngIf=\"activeAccess\"\n  [clientId]=\"clientId\"\n  [access]=\"activeAccess\"\n  [open]=\"showGuards\"\n  (openChange)=\"showGuards = $event\">\n</spine-auto-service-access-guards>\n", styles: [".as-stack{display:flex;flex-direction:column;gap:var(--hm-space-md);min-inline-size:0}.as-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--hm-space-xs)}.as-field-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--hm-space-sm)}.as-field-row>:first-child{flex:1 1 20rem;min-inline-size:0}.as-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-sm)}.as-summary__info{display:flex;flex:1 1 16rem;flex-direction:column;gap:var(--hm-space-micro);min-inline-size:0}.as-summary__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs);margin:0;color:var(--hm-text);font-size:var(--hm-font-size-md);font-weight:var(--hm-font-weight-semibold)}.as-summary__detail{margin:0;color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.muted{color:var(--hm-muted)}:host{display:block}\n"] }]
-        }], ctorParameters: () => [{ type: AutoServiceService }], propDecorators: { clientId: [{
-                type: Input
-            }] } });
-
-class AutoServiceClientComponent {
-    constructor() {
-        this.text = inject(SPINE_MESSAGES).autoService;
-        this.client = null;
-        this.activeTab = 'routes';
-    }
-    onClientChange(c) { this.client = c; }
-    setTab(tab) { this.activeTab = tab; }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: AutoServiceClientComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.24", type: AutoServiceClientComponent, isStandalone: true, selector: "spine-auto-service-client", ngImport: i0, template: "<!-- T\u00EDtulo e descri\u00E7\u00E3o da tela v\u00EAm da barra da p\u00E1gina (nome + description do router). -->\n<div class=\"as-stack\">\n  <spine-auto-service-client-picker (clientChange)=\"onClientChange($event)\"></spine-auto-service-client-picker>\n\n  <!-- Conte\u00FAdo de cada aba \u00E9 pregui\u00E7oso (*hmTabContent): s\u00F3 busca na API quando a aba \u00E9 aberta. -->\n  <hm-tabs *ngIf=\"client as c\" [label]=\"text.clientSections\" [active]=\"activeTab\" (activeChange)=\"setTab($any($event))\">\n    <hm-tab id=\"routes\" [label]=\"text.tabRoutes\">\n      <spine-auto-service-routes *hmTabContent [clientId]=\"c.id\"></spine-auto-service-routes>\n    </hm-tab>\n    <hm-tab id=\"routers\" [label]=\"text.tabRouters\">\n      <spine-auto-service-routers *hmTabContent [clientId]=\"c.id\"></spine-auto-service-routers>\n    </hm-tab>\n    <hm-tab id=\"access\" [label]=\"text.tabAccess\">\n      <spine-auto-service-access *hmTabContent [clientId]=\"c.id\"></spine-auto-service-access>\n    </hm-tab>\n  </hm-tabs>\n</div>\n", styles: [".as-stack{display:flex;flex-direction:column;gap:var(--hm-space-md);min-inline-size:0}.as-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--hm-space-xs)}.as-field-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--hm-space-sm)}.as-field-row>:first-child{flex:1 1 20rem;min-inline-size:0}.as-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-sm)}.as-summary__info{display:flex;flex:1 1 16rem;flex-direction:column;gap:var(--hm-space-micro);min-inline-size:0}.as-summary__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs);margin:0;color:var(--hm-text);font-size:var(--hm-font-size-md);font-weight:var(--hm-font-weight-semibold)}.as-summary__detail{margin:0;color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.muted{color:var(--hm-muted)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TabsComponent, selector: "hm-tabs", inputs: ["label", "active", "orientation", "mode", "overflow", "fillHeight", "noPanelGap"], outputs: ["activeChange"] }, { kind: "component", type: TabComponent, selector: "hm-tab", inputs: ["id", "label", "disabled", "count", "route", "exact", "destroyOnHide"] }, { kind: "directive", type: TabContentDirective, selector: "ng-template[hmTabContent]" }, { kind: "component", type: AutoServiceClientPickerComponent, selector: "spine-auto-service-client-picker", outputs: ["clientChange"] }, { kind: "component", type: AutoServiceRoutesComponent, selector: "spine-auto-service-routes", inputs: ["clientId"] }, { kind: "component", type: AutoServiceRoutersComponent, selector: "spine-auto-service-routers", inputs: ["clientId"] }, { kind: "component", type: AutoServiceAccessComponent, selector: "spine-auto-service-access", inputs: ["clientId"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: AutoServiceClientComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spine-auto-service-client', standalone: true, imports: [
-                        CommonModule, TabsComponent, TabComponent, TabContentDirective,
-                        AutoServiceClientPickerComponent, AutoServiceRoutesComponent, AutoServiceRoutersComponent, AutoServiceAccessComponent,
-                    ], changeDetection: ChangeDetectionStrategy.Eager, template: "<!-- T\u00EDtulo e descri\u00E7\u00E3o da tela v\u00EAm da barra da p\u00E1gina (nome + description do router). -->\n<div class=\"as-stack\">\n  <spine-auto-service-client-picker (clientChange)=\"onClientChange($event)\"></spine-auto-service-client-picker>\n\n  <!-- Conte\u00FAdo de cada aba \u00E9 pregui\u00E7oso (*hmTabContent): s\u00F3 busca na API quando a aba \u00E9 aberta. -->\n  <hm-tabs *ngIf=\"client as c\" [label]=\"text.clientSections\" [active]=\"activeTab\" (activeChange)=\"setTab($any($event))\">\n    <hm-tab id=\"routes\" [label]=\"text.tabRoutes\">\n      <spine-auto-service-routes *hmTabContent [clientId]=\"c.id\"></spine-auto-service-routes>\n    </hm-tab>\n    <hm-tab id=\"routers\" [label]=\"text.tabRouters\">\n      <spine-auto-service-routers *hmTabContent [clientId]=\"c.id\"></spine-auto-service-routers>\n    </hm-tab>\n    <hm-tab id=\"access\" [label]=\"text.tabAccess\">\n      <spine-auto-service-access *hmTabContent [clientId]=\"c.id\"></spine-auto-service-access>\n    </hm-tab>\n  </hm-tabs>\n</div>\n", styles: [".as-stack{display:flex;flex-direction:column;gap:var(--hm-space-md);min-inline-size:0}.as-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--hm-space-xs)}.as-field-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--hm-space-sm)}.as-field-row>:first-child{flex:1 1 20rem;min-inline-size:0}.as-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-sm)}.as-summary__info{display:flex;flex:1 1 16rem;flex-direction:column;gap:var(--hm-space-micro);min-inline-size:0}.as-summary__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs);margin:0;color:var(--hm-text);font-size:var(--hm-font-size-md);font-weight:var(--hm-font-weight-semibold)}.as-summary__detail{margin:0;color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.muted{color:var(--hm-muted)}\n"] }]
-        }] });
-
-export { AutoServiceClientComponent };
-//# sourceMappingURL=trismegisto-spine-auto-service-auto-service-client.component-BYkUOwWL.mjs.map