@xxmachina/components 19.87.0 → 19.127.7

package/fesm2022/xxmachina-components-molecules-app-selector.mjs

@@ -0,0 +1,63 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, signal, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+
+const APP_SELECTOR_STATE = new InjectionToken('@xxmachina/components/molecules/app-selector/state');
+function provideAppSelectorState(useFactory) {
+    return { provide: APP_SELECTOR_STATE, useFactory };
+}
+
+function buildAppUrl(target, location, version) {
+    if (location.hostname === 'localhost') {
+        return `${location.protocol}//localhost:${target.devPort}/`;
+    }
+    return `https://${target.host}/${version ? `${version}/` : ''}`;
+}
+
+class AppSelectorMolecule {
+    state = inject(APP_SELECTOR_STATE, { optional: true }) ?? signal(null);
+    onSelect(key) {
+        this.state()?.select(key);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AppSelectorMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: AppSelectorMolecule, isStandalone: true, selector: "molecules-app-selector", ngImport: i0, template: `
+    @if (state(); as app) {
+      <button mat-button class="app-display" [matMenuTriggerFor]="appMenu">
+        {{ app.current }}
+        <mat-icon iconPositionEnd>arrow_drop_down</mat-icon>
+      </button>
+      <mat-menu #appMenu="matMenu">
+        @for (target of app.apps; track target.key) {
+          <button mat-menu-item (click)="onSelect(target.key)">{{ target.label }}</button>
+        }
+      </mat-menu>
+    }
+  `, isInline: true, styles: [":host{display:inline-flex;align-items:center}.app-display{color:var(--on-primary-color, inherit);text-decoration:none;padding:0 8px;min-height:36px;line-height:36px;font-size:14px;transition:background-color .2s ease-in-out}.app-display:hover{color:var(--on-primary-color, inherit);background-color:#ffffff1a}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AppSelectorMolecule, decorators: [{
+            type: Component,
+            args: [{ selector: 'molecules-app-selector', standalone: true, imports: [MatButtonModule, MatIconModule, MatMenuModule], template: `
+    @if (state(); as app) {
+      <button mat-button class="app-display" [matMenuTriggerFor]="appMenu">
+        {{ app.current }}
+        <mat-icon iconPositionEnd>arrow_drop_down</mat-icon>
+      </button>
+      <mat-menu #appMenu="matMenu">
+        @for (target of app.apps; track target.key) {
+          <button mat-menu-item (click)="onSelect(target.key)">{{ target.label }}</button>
+        }
+      </mat-menu>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex;align-items:center}.app-display{color:var(--on-primary-color, inherit);text-decoration:none;padding:0 8px;min-height:36px;line-height:36px;font-size:14px;transition:background-color .2s ease-in-out}.app-display:hover{color:var(--on-primary-color, inherit);background-color:#ffffff1a}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { APP_SELECTOR_STATE, AppSelectorMolecule, buildAppUrl, provideAppSelectorState };

package/fesm2022/xxmachina-components-molecules-version-selector.mjs

@@ -0,0 +1,159 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, computed, signal, viewChild, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { VersionService } from '@xxmachina/components/services/version';
+import * as i1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i4 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+
+const VERSION_SELECTOR_STATE = new InjectionToken('@xxmachina/components/molecules/version-selector/state');
+function provideVersionSelectorState(useFactory) {
+    return { provide: VERSION_SELECTOR_STATE, useFactory };
+}
+
+function provideVersionSelectorStateFromService() {
+    return {
+        provide: VERSION_SELECTOR_STATE,
+        useFactory: () => {
+            const version = inject(VersionService);
+            version.initialize();
+            return computed(() => {
+                if (!version.isCloudflareEnv())
+                    return null;
+                return {
+                    versions: version.versions(),
+                    current: version.currentVersion() || 'develop',
+                    select: (key) => version.switchVersion(key),
+                };
+            });
+        },
+    };
+}
+
+class VersionSelectorMolecule {
+    state = inject(VERSION_SELECTOR_STATE, { optional: true }) ?? signal(null);
+    versionControl = new FormControl('');
+    searchText = signal('', ...(ngDevMode ? [{ debugName: "searchText" }] : []));
+    isEditing = signal(false, ...(ngDevMode ? [{ debugName: "isEditing" }] : []));
+    versionInput = viewChild('versionInput', ...(ngDevMode ? [{ debugName: "versionInput" }] : []));
+    filteredVersions = computed(() => {
+        const search = this.searchText().toLowerCase();
+        const versions = this.state()?.versions ?? [];
+        if (!search)
+            return versions;
+        return versions.filter((v) => v.key.toLowerCase().includes(search) || v.label.toLowerCase().includes(search));
+    }, ...(ngDevMode ? [{ debugName: "filteredVersions" }] : []));
+    constructor() {
+        effect(() => {
+            const current = this.state()?.current;
+            if (current && this.versionControl.value !== current) {
+                this.versionControl.setValue(current);
+            }
+        });
+        this.versionControl.valueChanges.subscribe((value) => this.searchText.set(value ?? ''));
+    }
+    startEdit() {
+        this.versionControl.setValue(this.state()?.current ?? '');
+        this.isEditing.set(true);
+        setTimeout(() => this.versionInput()?.nativeElement.focus());
+    }
+    onBlur() {
+        setTimeout(() => this.isEditing.set(false), 200);
+    }
+    onEscape(event) {
+        event.preventDefault();
+        this.versionControl.setValue(this.state()?.current ?? '');
+        this.isEditing.set(false);
+    }
+    onVersionSelected(event) {
+        this.isEditing.set(false);
+        this.state()?.select(event.option.value);
+    }
+    onEnter() {
+        const value = this.versionControl.value;
+        if (value && this.isEditing()) {
+            this.isEditing.set(false);
+            this.state()?.select(value);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: VersionSelectorMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: VersionSelectorMolecule, isStandalone: true, selector: "molecules-version-selector", viewQueries: [{ propertyName: "versionInput", first: true, predicate: ["versionInput"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    @if (state(); as version) {
+      @if (isEditing()) {
+        <div class="version-autocomplete-wrapper">
+          <input
+            type="text"
+            class="version-autocomplete-input"
+            [formControl]="versionControl"
+            [matAutocomplete]="versionAuto"
+            (blur)="onBlur()"
+            (keydown.escape)="onEscape($event)"
+            (keydown.enter)="onEnter()"
+            placeholder="バージョン"
+            #versionInput
+          >
+          <mat-autocomplete
+            #versionAuto="matAutocomplete"
+            (optionSelected)="onVersionSelected($event)"
+            autoActiveFirstOption
+          >
+            @for (v of filteredVersions(); track v.key) {
+              <mat-option [value]="v.key">{{ v.label }}</mat-option>
+            }
+          </mat-autocomplete>
+        </div>
+      } @else {
+        <button mat-button class="version-display" (click)="startEdit()">
+          {{ version.current }}
+          <mat-icon iconPositionEnd>arrow_drop_down</mat-icon>
+        </button>
+      }
+    }
+  `, isInline: true, styles: [":host{display:inline-flex;align-items:center}.version-display{color:var(--on-primary-color, inherit);text-decoration:none;padding:0 8px;min-height:36px;line-height:36px;font-size:14px;transition:background-color .2s ease-in-out}.version-display:hover{color:var(--on-primary-color, inherit);background-color:#ffffff1a}.version-autocomplete-wrapper{display:inline-flex;align-items:center}.version-autocomplete-wrapper .version-autocomplete-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:var(--on-primary-color, inherit);font-size:14px;padding:4px 8px;width:120px;outline:none;transition:border-bottom-color .2s ease-in-out}.version-autocomplete-wrapper .version-autocomplete-input:focus{border-bottom-color:var(--on-primary-color, inherit)}.version-autocomplete-wrapper .version-autocomplete-input::placeholder{color:#ffffff80}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: VersionSelectorMolecule, decorators: [{
+            type: Component,
+            args: [{ selector: 'molecules-version-selector', standalone: true, imports: [ReactiveFormsModule, MatAutocompleteModule, MatButtonModule, MatIconModule], template: `
+    @if (state(); as version) {
+      @if (isEditing()) {
+        <div class="version-autocomplete-wrapper">
+          <input
+            type="text"
+            class="version-autocomplete-input"
+            [formControl]="versionControl"
+            [matAutocomplete]="versionAuto"
+            (blur)="onBlur()"
+            (keydown.escape)="onEscape($event)"
+            (keydown.enter)="onEnter()"
+            placeholder="バージョン"
+            #versionInput
+          >
+          <mat-autocomplete
+            #versionAuto="matAutocomplete"
+            (optionSelected)="onVersionSelected($event)"
+            autoActiveFirstOption
+          >
+            @for (v of filteredVersions(); track v.key) {
+              <mat-option [value]="v.key">{{ v.label }}</mat-option>
+            }
+          </mat-autocomplete>
+        </div>
+      } @else {
+        <button mat-button class="version-display" (click)="startEdit()">
+          {{ version.current }}
+          <mat-icon iconPositionEnd>arrow_drop_down</mat-icon>
+        </button>
+      }
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex;align-items:center}.version-display{color:var(--on-primary-color, inherit);text-decoration:none;padding:0 8px;min-height:36px;line-height:36px;font-size:14px;transition:background-color .2s ease-in-out}.version-display:hover{color:var(--on-primary-color, inherit);background-color:#ffffff1a}.version-autocomplete-wrapper{display:inline-flex;align-items:center}.version-autocomplete-wrapper .version-autocomplete-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:var(--on-primary-color, inherit);font-size:14px;padding:4px 8px;width:120px;outline:none;transition:border-bottom-color .2s ease-in-out}.version-autocomplete-wrapper .version-autocomplete-input:focus{border-bottom-color:var(--on-primary-color, inherit)}.version-autocomplete-wrapper .version-autocomplete-input::placeholder{color:#ffffff80}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { versionInput: [{ type: i0.ViewChild, args: ['versionInput', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { VERSION_SELECTOR_STATE, VersionSelectorMolecule, provideVersionSelectorState, provideVersionSelectorStateFromService };

package/fesm2022/xxmachina-components-molecules-weekly-header.mjs

@@ -12,7 +12,7 @@ class WeeklyHeaderMolecule {
       <span>{{ day }}</span>
     </div>
   }
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-PBwmlWBc: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-PBwmlWBc: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-PBwmlWBc)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] });
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-3txEDLYq: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-3txEDLYq: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-3txEDLYq)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WeeklyHeaderMolecule, decorators: [{
             type: Component,
@@ -22,7 +22,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
       <span>{{ day }}</span>
     </div>
   }
-  `, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-PBwmlWBc: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-PBwmlWBc: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-PBwmlWBc)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] }]
+  `, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-3txEDLYq: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-3txEDLYq: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-3txEDLYq)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] }]
         }], ctorParameters: () => [] });
 
 /**

package/fesm2022/xxmachina-components-organisms-calendar-section.mjs

@@ -56,7 +56,7 @@ class CalendarSectionOrganism {
       }
     }
   </div>
-  `, isInline: true, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-JYlyRkl6: var(--row);--row-num: 0;--row-num-SCOPED-IN-JYlyRkl6: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-JYlyRkl6: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-JYlyRkl6: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-JYlyRkl6: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-JYlyRkl6);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-JYlyRkl6),var(--row-SCOPED-IN-JYlyRkl6));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-JYlyRkl6)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-JYlyRkl6);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"], dependencies: [{ kind: "component", type: DailyCellMolecule, selector: "molecules-daily-cell", inputs: ["date", "schedules", "displayDate", "noSchedulesText", "toolTipText", "marked", "markingColor"] }, { kind: "component", type: WeeklyHeaderMolecule, selector: "molecules-weekly-header" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-00hBMaR9: var(--row);--row-num: 0;--row-num-SCOPED-IN-00hBMaR9: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-00hBMaR9: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-00hBMaR9: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-00hBMaR9: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-00hBMaR9);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-00hBMaR9),var(--row-SCOPED-IN-00hBMaR9));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-00hBMaR9)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-00hBMaR9);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"], dependencies: [{ kind: "component", type: DailyCellMolecule, selector: "molecules-daily-cell", inputs: ["date", "schedules", "displayDate", "noSchedulesText", "toolTipText", "marked", "markingColor"] }, { kind: "component", type: WeeklyHeaderMolecule, selector: "molecules-weekly-header" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CalendarSectionOrganism, decorators: [{
             type: Component,
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
       }
     }
   </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-JYlyRkl6: var(--row);--row-num: 0;--row-num-SCOPED-IN-JYlyRkl6: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-JYlyRkl6: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-JYlyRkl6: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-JYlyRkl6: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-JYlyRkl6);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-JYlyRkl6),var(--row-SCOPED-IN-JYlyRkl6));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-JYlyRkl6)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-JYlyRkl6);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-00hBMaR9: var(--row);--row-num: 0;--row-num-SCOPED-IN-00hBMaR9: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-00hBMaR9: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-00hBMaR9: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-00hBMaR9: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-00hBMaR9);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-00hBMaR9),var(--row-SCOPED-IN-00hBMaR9));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-00hBMaR9)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-00hBMaR9);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], displayDays: [{

package/fesm2022/xxmachina-components-organisms-xterm.mjs

@@ -678,6 +678,9 @@ class XtermOrganism extends NgAtomicComponent {
     lastDataLength = 0;
     lastProcessedLength = 0;
     terminalInitialized = signal(false, ...(ngDevMode ? [{ debugName: "terminalInitialized" }] : []));
+    initialized = this.terminalInitialized.asReadonly();
+    fitEpoch = signal(0, ...(ngDevMode ? [{ debugName: "fitEpoch" }] : []));
+    fitScheduled = signal(0, ...(ngDevMode ? [{ debugName: "fitScheduled" }] : []));
     initSkippedDueToSize = false;
     disposables = [];
     stableTimer = null;
@@ -845,20 +848,24 @@ class XtermOrganism extends NgAtomicComponent {
                         clearTimeout(this.stableTimer);
                     this.stableTimer = setTimeout(() => {
                         this.stableTimer = null;
+                        this.syncFitScheduled();
                         this.fitToViewport();
                         this.markInitialized(isInteractive);
                     }, 150);
+                    this.syncFitScheduled();
                 }
                 else {
                     if (this.resizeTimer)
                         clearTimeout(this.resizeTimer);
                     this.resizeTimer = setTimeout(() => {
                         this.resizeTimer = null;
+                        this.syncFitScheduled();
                         this.fitToViewport();
                         if (isInteractive) {
                             this.dispatch({ id: XtermActionId.RESIZED, payload: { cols: this.cols, rows: this.rows } });
                         }
                     }, 300);
+                    this.syncFitScheduled();
                 }
             }
             catch (e) {
@@ -868,15 +875,29 @@ class XtermOrganism extends NgAtomicComponent {
         this.resizeObserver.observe(containerElement);
         this.fallbackTimer = setTimeout(() => {
             this.fallbackTimer = null;
+            this.syncFitScheduled();
             if (!this.terminalInitialized()) {
                 this.fitToViewport();
                 this.markInitialized(isInteractive);
             }
         }, 500);
+        this.syncFitScheduled();
+    }
+    syncFitScheduled() {
+        this.fitScheduled.set((this.stableTimer ? 1 : 0) + (this.resizeTimer ? 1 : 0) + (this.fallbackTimer ? 1 : 0));
     }
     fitToViewport() {
-        if (!this.terminal)
+        if (!this.terminal) {
             return;
+        }
+        try {
+            this.fitCore();
+        }
+        finally {
+            this.fitEpoch.update((v) => v + 1);
+        }
+    }
+    fitCore() {
         const viewportElement = this.container().nativeElement;
         const sharedCanvas = getCanvasCellMetric();
         const probe = measureCellMetric();
@@ -898,6 +919,10 @@ class XtermOrganism extends NgAtomicComponent {
             clearTimeout(this.resizeTimer);
         if (this.fallbackTimer)
             clearTimeout(this.fallbackTimer);
+        this.stableTimer = null;
+        this.resizeTimer = null;
+        this.fallbackTimer = null;
+        this.syncFitScheduled();
         this.resizeObserver?.disconnect();
         for (const d of this.disposables)
             d.dispose();
@@ -914,6 +939,11 @@ class XtermOrganism extends NgAtomicComponent {
     markInitialized(isInteractive) {
         if (this.terminalInitialized())
             return;
+        if (this.fallbackTimer) {
+            clearTimeout(this.fallbackTimer);
+            this.fallbackTimer = null;
+            this.syncFitScheduled();
+        }
         this.terminalInitialized.set(true);
         this.terminalReady.emit(this.terminal);
         if (typeof window !== 'undefined') {

package/fesm2022/xxmachina-components-pages-command.mjs

@@ -422,7 +422,7 @@ class CommandPage extends NgAtomicComponent {
       </frames-tabs> 
     </templates-form>
   </frames-router-outlet>
-  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-L0Sk: var(--page-width-lv1);--primary-color-SCOPED-IN-command-L0Sk: var(--primary-color);--on-primary-color-SCOPED-IN-command-L0Sk: var(--on-primary-color);--background-color-SCOPED-IN-command-L0Sk: var(--background-color);--on-background-color-SCOPED-IN-command-L0Sk: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-L0Sk)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-L0Sk);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-L0Sk);--background-color: var(--background-color-SCOPED-IN-command-L0Sk);--on-background-color: var(--on-background-color-SCOPED-IN-command-L0Sk)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: FormTemplate, selector: "templates-form" }, { kind: "component", type: TabsFrame, selector: "frames-tabs", inputs: ["labels"], outputs: ["selectedTabIndexChange"] }, { kind: "component", type: CommandFormGroup, selector: "groups-command-form", inputs: ["apiJsonUrls"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }] });
+  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-UrcI: var(--page-width-lv1);--primary-color-SCOPED-IN-command-UrcI: var(--primary-color);--on-primary-color-SCOPED-IN-command-UrcI: var(--on-primary-color);--background-color-SCOPED-IN-command-UrcI: var(--background-color);--on-background-color-SCOPED-IN-command-UrcI: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-UrcI)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-UrcI);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-UrcI);--background-color: var(--background-color-SCOPED-IN-command-UrcI);--on-background-color: var(--on-background-color-SCOPED-IN-command-UrcI)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: FormTemplate, selector: "templates-form" }, { kind: "component", type: TabsFrame, selector: "frames-tabs", inputs: ["labels"], outputs: ["selectedTabIndexChange"] }, { kind: "component", type: CommandFormGroup, selector: "groups-command-form", inputs: ["apiJsonUrls"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }] });
 }
 __decorate([
     Effect(FormTemplateStore.ActionId.FILE_SELECTED),
@@ -485,7 +485,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                                 'actions',
                             ]
                         },
-                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-L0Sk: var(--page-width-lv1);--primary-color-SCOPED-IN-command-L0Sk: var(--primary-color);--on-primary-color-SCOPED-IN-command-L0Sk: var(--on-primary-color);--background-color-SCOPED-IN-command-L0Sk: var(--background-color);--on-background-color-SCOPED-IN-command-L0Sk: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-L0Sk)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-L0Sk);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-L0Sk);--background-color: var(--background-color-SCOPED-IN-command-L0Sk);--on-background-color: var(--on-background-color-SCOPED-IN-command-L0Sk)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-UrcI: var(--page-width-lv1);--primary-color-SCOPED-IN-command-UrcI: var(--primary-color);--on-primary-color-SCOPED-IN-command-UrcI: var(--on-primary-color);--background-color-SCOPED-IN-command-UrcI: var(--background-color);--on-background-color-SCOPED-IN-command-UrcI: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-UrcI)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-UrcI);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-UrcI);--background-color: var(--background-color-SCOPED-IN-command-UrcI);--on-background-color: var(--on-background-color-SCOPED-IN-command-UrcI)}\n"] }]
         }], propDecorators: { onFileSelected: [] } });
 
 /**

package/fesm2022/xxmachina-components-pages-query.mjs

@@ -688,7 +688,7 @@ class QueryPage extends NgAtomicComponent {
         <groups-query-form dashboard (action)="dispatch($event)" />
       </templates-index>
     </frames-router-outlet>
-  `, isInline: true, styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-Nmzk: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-Nmzk: var(--page-width-lv3);--primary-color-SCOPED-IN-query-Nmzk: var(--primary-color);--on-primary-color-SCOPED-IN-query-Nmzk: var(--on-primary-color);--surface-color-SCOPED-IN-query-Nmzk: var(--surface-color);--on-surface-color-SCOPED-IN-query-Nmzk: var(--on-surface-color);--on-background-color-SCOPED-IN-query-Nmzk: var(--on-background-color);--background-color-SCOPED-IN-query-Nmzk: var(--background-color);--navigator-background-color-SCOPED-IN-query-Nmzk: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-Nmzk: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-Nmzk: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-Nmzk: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-Nmzk: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-Nmzk);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-Nmzk);--surface-color: var(--surface-color-SCOPED-IN-query-Nmzk);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-Nmzk);--background-color: var(--background-color-SCOPED-IN-query-Nmzk);--on-background-color: var(--on-background-color-SCOPED-IN-query-Nmzk);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-Nmzk);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-Nmzk);--table-background-color: var(--table-background-color-SCOPED-IN-query-Nmzk);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-Nmzk);--is-debug: var(--is-debug-SCOPED-IN-query-Nmzk)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-Nmzk) * 300px);transition:padding-left .3s}:host templates-index div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host templates-index div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}\n"], dependencies: [{ kind: "component", type: IndexTemplate, selector: "templates-index" }, { kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap", "fieldKeys"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-w72Y: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-w72Y: var(--page-width-lv3);--primary-color-SCOPED-IN-query-w72Y: var(--primary-color);--on-primary-color-SCOPED-IN-query-w72Y: var(--on-primary-color);--surface-color-SCOPED-IN-query-w72Y: var(--surface-color);--on-surface-color-SCOPED-IN-query-w72Y: var(--on-surface-color);--on-background-color-SCOPED-IN-query-w72Y: var(--on-background-color);--background-color-SCOPED-IN-query-w72Y: var(--background-color);--navigator-background-color-SCOPED-IN-query-w72Y: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-w72Y: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-w72Y: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-w72Y: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-w72Y: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-w72Y);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-w72Y);--surface-color: var(--surface-color-SCOPED-IN-query-w72Y);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-w72Y);--background-color: var(--background-color-SCOPED-IN-query-w72Y);--on-background-color: var(--on-background-color-SCOPED-IN-query-w72Y);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-w72Y);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-w72Y);--table-background-color: var(--table-background-color-SCOPED-IN-query-w72Y);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-w72Y);--is-debug: var(--is-debug-SCOPED-IN-query-w72Y)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-w72Y) * 300px);transition:padding-left .3s}:host templates-index div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host templates-index div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}\n"], dependencies: [{ kind: "component", type: IndexTemplate, selector: "templates-index" }, { kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap", "fieldKeys"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 __decorate([
     Effect(IndexTemplateStore.ActionId.BACK),
@@ -769,7 +769,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                                 'pageSizeOptions'
                             ]
                         },
-                    ], styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-Nmzk: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-Nmzk: var(--page-width-lv3);--primary-color-SCOPED-IN-query-Nmzk: var(--primary-color);--on-primary-color-SCOPED-IN-query-Nmzk: var(--on-primary-color);--surface-color-SCOPED-IN-query-Nmzk: var(--surface-color);--on-surface-color-SCOPED-IN-query-Nmzk: var(--on-surface-color);--on-background-color-SCOPED-IN-query-Nmzk: var(--on-background-color);--background-color-SCOPED-IN-query-Nmzk: var(--background-color);--navigator-background-color-SCOPED-IN-query-Nmzk: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-Nmzk: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-Nmzk: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-Nmzk: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-Nmzk: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-Nmzk);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-Nmzk);--surface-color: var(--surface-color-SCOPED-IN-query-Nmzk);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-Nmzk);--background-color: var(--background-color-SCOPED-IN-query-Nmzk);--on-background-color: var(--on-background-color-SCOPED-IN-query-Nmzk);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-Nmzk);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-Nmzk);--table-background-color: var(--table-background-color-SCOPED-IN-query-Nmzk);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-Nmzk);--is-debug: var(--is-debug-SCOPED-IN-query-Nmzk)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-Nmzk) * 300px);transition:padding-left .3s}:host templates-index div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host templates-index div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}\n"] }]
+                    ], styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-w72Y: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-w72Y: var(--page-width-lv3);--primary-color-SCOPED-IN-query-w72Y: var(--primary-color);--on-primary-color-SCOPED-IN-query-w72Y: var(--on-primary-color);--surface-color-SCOPED-IN-query-w72Y: var(--surface-color);--on-surface-color-SCOPED-IN-query-w72Y: var(--on-surface-color);--on-background-color-SCOPED-IN-query-w72Y: var(--on-background-color);--background-color-SCOPED-IN-query-w72Y: var(--background-color);--navigator-background-color-SCOPED-IN-query-w72Y: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-w72Y: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-w72Y: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-w72Y: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-w72Y: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-w72Y);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-w72Y);--surface-color: var(--surface-color-SCOPED-IN-query-w72Y);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-w72Y);--background-color: var(--background-color-SCOPED-IN-query-w72Y);--on-background-color: var(--on-background-color-SCOPED-IN-query-w72Y);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-w72Y);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-w72Y);--table-background-color: var(--table-background-color-SCOPED-IN-query-w72Y);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-w72Y);--is-debug: var(--is-debug-SCOPED-IN-query-w72Y)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-w72Y) * 300px);transition:padding-left .3s}:host templates-index div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host templates-index div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => IndexTemplate), { isSignal: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], back: [], navigateToIframe: [], expandPage: [], itemClick: [] } });
 
 /**

package/fesm2022/xxmachina-components-pages-thread.mjs

@@ -104,7 +104,7 @@ class ThreadPage extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     </frames-router-outlet>
-  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-4NsX: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-4NsX: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-4NsX: var(--primary-color);--on-primary-color-SCOPED-IN-thread-4NsX: var(--on-primary-color);--surface-color-SCOPED-IN-thread-4NsX: var(--surface-color);--on-surface-color-SCOPED-IN-thread-4NsX: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-4NsX: var(--on-background-color);--background-color-SCOPED-IN-thread-4NsX: var(--background-color);--navigator-background-color-SCOPED-IN-thread-4NsX: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-4NsX: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-4NsX: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-4NsX: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-4NsX)}:host .chat-container{display:flex;flex-direction:column;height:100%}:host .message{padding:10px;border-bottom:1px solid #ccc}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: ThreadTemplate, selector: "templates-messages" }] });
+  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-SzFK: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-SzFK: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-SzFK: var(--primary-color);--on-primary-color-SCOPED-IN-thread-SzFK: var(--on-primary-color);--surface-color-SCOPED-IN-thread-SzFK: var(--surface-color);--on-surface-color-SCOPED-IN-thread-SzFK: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-SzFK: var(--on-background-color);--background-color-SCOPED-IN-thread-SzFK: var(--background-color);--navigator-background-color-SCOPED-IN-thread-SzFK: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-SzFK: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-SzFK: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-SzFK: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-SzFK)}:host .chat-container{display:flex;flex-direction:column;height:100%}:host .message{padding:10px;border-bottom:1px solid #ccc}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: ThreadTemplate, selector: "templates-messages" }] });
 }
 __decorate([
     Effect(ActionId.SEND_MESSAGE),
@@ -137,7 +137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                                 'messages',
                             ]
                         },
-                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-4NsX: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-4NsX: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-4NsX: var(--primary-color);--on-primary-color-SCOPED-IN-thread-4NsX: var(--on-primary-color);--surface-color-SCOPED-IN-thread-4NsX: var(--surface-color);--on-surface-color-SCOPED-IN-thread-4NsX: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-4NsX: var(--on-background-color);--background-color-SCOPED-IN-thread-4NsX: var(--background-color);--navigator-background-color-SCOPED-IN-thread-4NsX: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-4NsX: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-4NsX: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-4NsX: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-4NsX)}:host .chat-container{display:flex;flex-direction:column;height:100%}:host .message{padding:10px;border-bottom:1px solid #ccc}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-SzFK: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-SzFK: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-SzFK: var(--primary-color);--on-primary-color-SCOPED-IN-thread-SzFK: var(--on-primary-color);--surface-color-SCOPED-IN-thread-SzFK: var(--surface-color);--on-surface-color-SCOPED-IN-thread-SzFK: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-SzFK: var(--on-background-color);--background-color-SCOPED-IN-thread-SzFK: var(--background-color);--navigator-background-color-SCOPED-IN-thread-SzFK: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-SzFK: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-SzFK: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-SzFK: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-SzFK)}:host .chat-container{display:flex;flex-direction:column;height:100%}:host .message{padding:10px;border-bottom:1px solid #ccc}\n"] }]
         }], propDecorators: { onCompositionStart: [{
                 type: HostListener,
                 args: ['compositionstart', ['$event']]

package/fesm2022/xxmachina-components-services-app-bar.mjs

@@ -0,0 +1,57 @@
+import * as i0 from '@angular/core';
+import { isSignal, inject, Injectable } from '@angular/core';
+import { Router, ActivatedRoute, NavigationEnd } from '@angular/router';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { derivedAsync } from 'ngxtension/derived-async';
+import { filter, startWith, map } from 'rxjs/operators';
+
+function resolveSignal(data) {
+    return isSignal(data) ? data() : data;
+}
+class AppBarService {
+    router = inject(Router);
+    activatedRoute = inject(ActivatedRoute);
+    routeArray$ = this.router.events.pipe(filter((event) => event instanceof NavigationEnd), startWith(null), map(() => {
+        const routeArray = [];
+        let route = this.activatedRoute.root;
+        while (route) {
+            routeArray.push(route);
+            route = route.children.length > 0 ? route.children[0] : null;
+        }
+        return routeArray.filter((route) => route.component !== null);
+    }));
+    routeArray = toSignal(this.routeArray$);
+    breadcrumbs = derivedAsync(() => {
+        return this.routeArray()
+            .map((route) => ({
+            label: resolveSignal(route.snapshot.data['title']),
+            path: '/' + route.snapshot.url.join('/'),
+            params: { ...route.snapshot.params },
+            queryParams: { ...route.snapshot.queryParams },
+        }))
+            .filter((breadcrumb) => breadcrumb.label);
+    }, { initialValue: [] });
+    endActions = derivedAsync(() => {
+        const routes = this.routeArray();
+        if (routes && routes.length > 0) {
+            const lastRoute = routes.at(-1);
+            const navEndActions = lastRoute.snapshot.data['navEndActions'];
+            if (navEndActions) {
+                return resolveSignal(navEndActions);
+            }
+        }
+        return [];
+    }, { initialValue: [] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AppBarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AppBarService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AppBarService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AppBarService };

package/fesm2022/xxmachina-components-services-version.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, DestroyRef, signal, computed, Injectable } from '@angular/core';
+import { InjectionToken, inject, DestroyRef, signal, computed, Injectable } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
 import { FirebaseApp } from '@angular/fire/app';
 import { getRemoteConfig, fetchAndActivate, getString, fetchConfig, activate } from 'firebase/remote-config';
@@ -28,23 +28,42 @@ function readConfigFromIdb(key) {
     });
 }
 
+const VERSIONED_HOST_MATCHER = new InjectionToken('@xxmachina/components/services/version/versioned-host-matcher', {
+    factory: () => (hostname) => hostname === 'machina.at' || hostname === 'planx.machina.at',
+});
+function provideVersionedHostMatcher(matcher) {
+    return { provide: VERSIONED_HOST_MATCHER, useValue: matcher };
+}
+
 const DEFAULT_VERSIONS = [
     { key: 'stable', label: 'stable (本番)' },
-    { key: 'dev', label: 'dev (開発)' },
+    { key: 'develop', label: 'develop (開発)' },
 ];
 const POLLING_INTERVAL_MS = 60_000;
 class VersionService {
     document = inject(DOCUMENT);
     destroyRef = inject(DestroyRef);
     firebaseApp = inject(FirebaseApp, { optional: true });
+    matchVersionedHost = inject(VERSIONED_HOST_MATCHER);
     remoteConfig;
     unsubscribe;
     pollingInterval;
     initialized = false;
+    destroyed = false;
+    constructor() {
+        this.destroyRef.onDestroy(() => {
+            this.destroyed = true;
+            this.unsubscribe?.();
+            if (this.pollingInterval) {
+                clearInterval(this.pollingInterval);
+                this.pollingInterval = undefined;
+            }
+        });
+    }
     versions = signal(DEFAULT_VERSIONS, ...(ngDevMode ? [{ debugName: "versions" }] : []));
     isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
     isVersionedHost(hostname) {
-        return hostname === 'machina.at' || hostname === 'planx.machina.at';
+        return this.matchVersionedHost(hostname);
     }
     currentVersion = computed(() => {
         const hostname = this.document.location.hostname;
@@ -114,15 +133,9 @@ class VersionService {
         if (!this.remoteConfig)
             return;
         this.setupPollingFallback();
-        this.destroyRef.onDestroy(() => {
-            this.unsubscribe?.();
-            if (this.pollingInterval) {
-                clearInterval(this.pollingInterval);
-            }
-        });
     }
     setupPollingFallback() {
-        if (!this.remoteConfig)
+        if (!this.remoteConfig || this.destroyed)
             return;
         console.log('[VersionService] Setting up polling fallback');
         this.pollingInterval = setInterval(async () => {
@@ -161,10 +174,10 @@ class VersionService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: VersionService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { VersionService };
+export { VERSIONED_HOST_MATCHER, VersionService, provideVersionedHostMatcher };

package/fesm2022/xxmachina-components-templates-agent.mjs

@@ -420,7 +420,7 @@ class AgentTemplate extends NgAtomicComponent {
       </div>
     }
   </frames-scroll>
-  `, isInline: true, styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-msxh: var(--text);--user: #33ff33;--user-SCOPED-IN-entrance-msxh: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-msxh: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-msxh: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-msxh: var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;font-family:SF Mono,Monaco,monospace;container-type:inline-size;container-name:agent-container;transition:all .3s ease}.terminal-window{--height: 100%;--contents-gap: 0;width:100%;max-width:900px;height:600px;background:#0a0a0a;border:1px solid var(--border-SCOPED-IN-entrance-msxh);border-radius:8px;box-shadow:0 20px 40px #0000004d;animation:fadeIn .3s;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;align-items:center;height:56px;min-height:56px;flex-shrink:0;padding:0;background:#1a1a1a99;border-bottom:1px solid var(--border-SCOPED-IN-entrance-msxh);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-msxh);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-msxh);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-msxh);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-msxh);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-msxh);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;padding:16px 20px}.input-line{display:block;position:relative}.input-line .input-prefix{display:none}.input-line .textarea-wrapper{display:flex;align-items:flex-start;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:border-color .2s ease}.input-line .textarea-wrapper:focus-within{border-color:#fff6}.input-line .textarea-wrapper .arrow-prefix{color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;padding:12px 0 12px 16px;flex-shrink:0;pointer-events:none}.input-line .textarea-wrapper .input-container{flex:1;position:relative;overflow:hidden}.input-line .textarea-wrapper .terminal-input{width:100%;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;caret-color:transparent;padding:12px 16px 12px 8px;transition:none;resize:none;height:44px;min-height:44px;max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:20px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.input-line .textarea-wrapper .terminal-input::selection{background:#ffffff4d}.input-line .textarea-wrapper .terminal-input{caret-shape:block}.input-line .textarea-wrapper .terminal-input:disabled{opacity:.5;cursor:not-allowed}.input-line .textarea-wrapper .terminal-input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.9) inset}.input-line .textarea-wrapper .terminal-input::placeholder{color:#ffffff4d;opacity:1}.input-line .textarea-wrapper .block-cursor{position:absolute;width:10px;height:20px;background:#e0e0e0;opacity:0;pointer-events:none}.input-line .textarea-wrapper .block-cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:.8}51%,to{opacity:0}}:host:has(.terminal-window){height:100vh;height:100dvh;overflow-y:auto}@container agent-container (max-width: 600px){:host{padding:0;padding-top:env(safe-area-inset-top)}.terminal-window{height:100%;max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}.terminal-header{height:56px;padding:0}.terminal-header .terminal-title{font-size:12px}.terminal-header .terminal-status{font-size:11px}.terminal-header .close-button{margin-right:.25rem}}@container agent-container (min-width: 601px) and (max-width: 900px){.terminal-window{max-width:100%;height:100%;border-radius:0}}@container agent-container (max-width: 400px){.terminal-header{height:56px;padding:0}.terminal-header .close-button{margin-right:.2rem}.input-area{padding:12px 16px}.textarea-wrapper .arrow-prefix{font-size:13px;padding:10px 0 10px 12px}.textarea-wrapper .terminal-input{font-size:12px;padding:10px 12px 10px 6px;height:40px;min-height:40px;line-height:20px}}.ascii-art{font-family:Consolas,Monaco,Liberation Mono,Menlo,Courier New,monospace!important;font-size:10px!important;line-height:1.1!important;letter-spacing:0!important;font-weight:400!important;margin:1em 0!important;padding:1em!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:fit-content!important;background:#ffffff08;border:1px solid var(--border-SCOPED-IN-entrance-msxh);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-msxh)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-msxh),0 0 20px var(--accent-SCOPED-IN-entrance-msxh);-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;font-variant-ligatures:none!important;text-rendering:optimizeLegibility!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: XtermOrganism, selector: "organisms-xterm", outputs: ["terminalReady", "githubLinkClick"] }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
+  `, isInline: true, styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-3vOP: var(--text);--user: #33ff33;--user-SCOPED-IN-entrance-3vOP: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-3vOP: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-3vOP: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-3vOP: var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;font-family:SF Mono,Monaco,monospace;container-type:inline-size;container-name:agent-container;transition:all .3s ease}.terminal-window{--height: 100%;--contents-gap: 0;width:100%;max-width:900px;height:600px;background:#0a0a0a;border:1px solid var(--border-SCOPED-IN-entrance-3vOP);border-radius:8px;box-shadow:0 20px 40px #0000004d;animation:fadeIn .3s;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;align-items:center;height:56px;min-height:56px;flex-shrink:0;padding:0;background:#1a1a1a99;border-bottom:1px solid var(--border-SCOPED-IN-entrance-3vOP);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-3vOP);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-3vOP);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-3vOP);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-3vOP);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-3vOP);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;padding:16px 20px}.input-line{display:block;position:relative}.input-line .input-prefix{display:none}.input-line .textarea-wrapper{display:flex;align-items:flex-start;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:border-color .2s ease}.input-line .textarea-wrapper:focus-within{border-color:#fff6}.input-line .textarea-wrapper .arrow-prefix{color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;padding:12px 0 12px 16px;flex-shrink:0;pointer-events:none}.input-line .textarea-wrapper .input-container{flex:1;position:relative;overflow:hidden}.input-line .textarea-wrapper .terminal-input{width:100%;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;caret-color:transparent;padding:12px 16px 12px 8px;transition:none;resize:none;height:44px;min-height:44px;max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:20px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.input-line .textarea-wrapper .terminal-input::selection{background:#ffffff4d}.input-line .textarea-wrapper .terminal-input{caret-shape:block}.input-line .textarea-wrapper .terminal-input:disabled{opacity:.5;cursor:not-allowed}.input-line .textarea-wrapper .terminal-input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.9) inset}.input-line .textarea-wrapper .terminal-input::placeholder{color:#ffffff4d;opacity:1}.input-line .textarea-wrapper .block-cursor{position:absolute;width:10px;height:20px;background:#e0e0e0;opacity:0;pointer-events:none}.input-line .textarea-wrapper .block-cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:.8}51%,to{opacity:0}}:host:has(.terminal-window){height:100vh;height:100dvh;overflow-y:auto}@container agent-container (max-width: 600px){:host{padding:0;padding-top:env(safe-area-inset-top)}.terminal-window{height:100%;max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}.terminal-header{height:56px;padding:0}.terminal-header .terminal-title{font-size:12px}.terminal-header .terminal-status{font-size:11px}.terminal-header .close-button{margin-right:.25rem}}@container agent-container (min-width: 601px) and (max-width: 900px){.terminal-window{max-width:100%;height:100%;border-radius:0}}@container agent-container (max-width: 400px){.terminal-header{height:56px;padding:0}.terminal-header .close-button{margin-right:.2rem}.input-area{padding:12px 16px}.textarea-wrapper .arrow-prefix{font-size:13px;padding:10px 0 10px 12px}.textarea-wrapper .terminal-input{font-size:12px;padding:10px 12px 10px 6px;height:40px;min-height:40px;line-height:20px}}.ascii-art{font-family:Consolas,Monaco,Liberation Mono,Menlo,Courier New,monospace!important;font-size:10px!important;line-height:1.1!important;letter-spacing:0!important;font-weight:400!important;margin:1em 0!important;padding:1em!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:fit-content!important;background:#ffffff08;border:1px solid var(--border-SCOPED-IN-entrance-3vOP);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-3vOP)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-3vOP),0 0 20px var(--accent-SCOPED-IN-entrance-3vOP);-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;font-variant-ligatures:none!important;text-rendering:optimizeLegibility!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: XtermOrganism, selector: "organisms-xterm", outputs: ["terminalReady", "githubLinkClick"] }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AgentTemplate, decorators: [{
             type: Component,
@@ -505,7 +505,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                                 'fieldMap',
                             ],
                         },
-                    ], styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-msxh: var(--text);--user: #33ff33;--user-SCOPED-IN-entrance-msxh: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-msxh: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-msxh: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-msxh: var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;font-family:SF Mono,Monaco,monospace;container-type:inline-size;container-name:agent-container;transition:all .3s ease}.terminal-window{--height: 100%;--contents-gap: 0;width:100%;max-width:900px;height:600px;background:#0a0a0a;border:1px solid var(--border-SCOPED-IN-entrance-msxh);border-radius:8px;box-shadow:0 20px 40px #0000004d;animation:fadeIn .3s;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;align-items:center;height:56px;min-height:56px;flex-shrink:0;padding:0;background:#1a1a1a99;border-bottom:1px solid var(--border-SCOPED-IN-entrance-msxh);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-msxh);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-msxh);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-msxh);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-msxh);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-msxh);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;padding:16px 20px}.input-line{display:block;position:relative}.input-line .input-prefix{display:none}.input-line .textarea-wrapper{display:flex;align-items:flex-start;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:border-color .2s ease}.input-line .textarea-wrapper:focus-within{border-color:#fff6}.input-line .textarea-wrapper .arrow-prefix{color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;padding:12px 0 12px 16px;flex-shrink:0;pointer-events:none}.input-line .textarea-wrapper .input-container{flex:1;position:relative;overflow:hidden}.input-line .textarea-wrapper .terminal-input{width:100%;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;caret-color:transparent;padding:12px 16px 12px 8px;transition:none;resize:none;height:44px;min-height:44px;max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:20px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.input-line .textarea-wrapper .terminal-input::selection{background:#ffffff4d}.input-line .textarea-wrapper .terminal-input{caret-shape:block}.input-line .textarea-wrapper .terminal-input:disabled{opacity:.5;cursor:not-allowed}.input-line .textarea-wrapper .terminal-input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.9) inset}.input-line .textarea-wrapper .terminal-input::placeholder{color:#ffffff4d;opacity:1}.input-line .textarea-wrapper .block-cursor{position:absolute;width:10px;height:20px;background:#e0e0e0;opacity:0;pointer-events:none}.input-line .textarea-wrapper .block-cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:.8}51%,to{opacity:0}}:host:has(.terminal-window){height:100vh;height:100dvh;overflow-y:auto}@container agent-container (max-width: 600px){:host{padding:0;padding-top:env(safe-area-inset-top)}.terminal-window{height:100%;max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}.terminal-header{height:56px;padding:0}.terminal-header .terminal-title{font-size:12px}.terminal-header .terminal-status{font-size:11px}.terminal-header .close-button{margin-right:.25rem}}@container agent-container (min-width: 601px) and (max-width: 900px){.terminal-window{max-width:100%;height:100%;border-radius:0}}@container agent-container (max-width: 400px){.terminal-header{height:56px;padding:0}.terminal-header .close-button{margin-right:.2rem}.input-area{padding:12px 16px}.textarea-wrapper .arrow-prefix{font-size:13px;padding:10px 0 10px 12px}.textarea-wrapper .terminal-input{font-size:12px;padding:10px 12px 10px 6px;height:40px;min-height:40px;line-height:20px}}.ascii-art{font-family:Consolas,Monaco,Liberation Mono,Menlo,Courier New,monospace!important;font-size:10px!important;line-height:1.1!important;letter-spacing:0!important;font-weight:400!important;margin:1em 0!important;padding:1em!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:fit-content!important;background:#ffffff08;border:1px solid var(--border-SCOPED-IN-entrance-msxh);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-msxh)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-msxh),0 0 20px var(--accent-SCOPED-IN-entrance-msxh);-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;font-variant-ligatures:none!important;text-rendering:optimizeLegibility!important}\n"] }]
+                    ], styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-3vOP: var(--text);--user: #33ff33;--user-SCOPED-IN-entrance-3vOP: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-3vOP: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-3vOP: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-3vOP: var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;font-family:SF Mono,Monaco,monospace;container-type:inline-size;container-name:agent-container;transition:all .3s ease}.terminal-window{--height: 100%;--contents-gap: 0;width:100%;max-width:900px;height:600px;background:#0a0a0a;border:1px solid var(--border-SCOPED-IN-entrance-3vOP);border-radius:8px;box-shadow:0 20px 40px #0000004d;animation:fadeIn .3s;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;align-items:center;height:56px;min-height:56px;flex-shrink:0;padding:0;background:#1a1a1a99;border-bottom:1px solid var(--border-SCOPED-IN-entrance-3vOP);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-3vOP);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-3vOP);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-3vOP);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-3vOP);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-3vOP);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;padding:16px 20px}.input-line{display:block;position:relative}.input-line .input-prefix{display:none}.input-line .textarea-wrapper{display:flex;align-items:flex-start;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:border-color .2s ease}.input-line .textarea-wrapper:focus-within{border-color:#fff6}.input-line .textarea-wrapper .arrow-prefix{color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;padding:12px 0 12px 16px;flex-shrink:0;pointer-events:none}.input-line .textarea-wrapper .input-container{flex:1;position:relative;overflow:hidden}.input-line .textarea-wrapper .terminal-input{width:100%;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;caret-color:transparent;padding:12px 16px 12px 8px;transition:none;resize:none;height:44px;min-height:44px;max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:20px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.input-line .textarea-wrapper .terminal-input::selection{background:#ffffff4d}.input-line .textarea-wrapper .terminal-input{caret-shape:block}.input-line .textarea-wrapper .terminal-input:disabled{opacity:.5;cursor:not-allowed}.input-line .textarea-wrapper .terminal-input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.9) inset}.input-line .textarea-wrapper .terminal-input::placeholder{color:#ffffff4d;opacity:1}.input-line .textarea-wrapper .block-cursor{position:absolute;width:10px;height:20px;background:#e0e0e0;opacity:0;pointer-events:none}.input-line .textarea-wrapper .block-cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:.8}51%,to{opacity:0}}:host:has(.terminal-window){height:100vh;height:100dvh;overflow-y:auto}@container agent-container (max-width: 600px){:host{padding:0;padding-top:env(safe-area-inset-top)}.terminal-window{height:100%;max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}.terminal-header{height:56px;padding:0}.terminal-header .terminal-title{font-size:12px}.terminal-header .terminal-status{font-size:11px}.terminal-header .close-button{margin-right:.25rem}}@container agent-container (min-width: 601px) and (max-width: 900px){.terminal-window{max-width:100%;height:100%;border-radius:0}}@container agent-container (max-width: 400px){.terminal-header{height:56px;padding:0}.terminal-header .close-button{margin-right:.2rem}.input-area{padding:12px 16px}.textarea-wrapper .arrow-prefix{font-size:13px;padding:10px 0 10px 12px}.textarea-wrapper .terminal-input{font-size:12px;padding:10px 12px 10px 6px;height:40px;min-height:40px;line-height:20px}}.ascii-art{font-family:Consolas,Monaco,Liberation Mono,Menlo,Courier New,monospace!important;font-size:10px!important;line-height:1.1!important;letter-spacing:0!important;font-weight:400!important;margin:1em 0!important;padding:1em!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:fit-content!important;background:#ffffff08;border:1px solid var(--border-SCOPED-IN-entrance-3vOP);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-3vOP)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-3vOP),0 0 20px var(--accent-SCOPED-IN-entrance-3vOP);-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;font-variant-ligatures:none!important;text-rendering:optimizeLegibility!important}\n"] }]
         }], propDecorators: { endActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "endActions", required: false }] }], hideInputArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideInputArea", required: false }] }], xtermComponent: [{ type: i0.ViewChild, args: ['xtermComponent', { isSignal: true }] }], inputField: [{ type: i0.ViewChild, args: ['inputField', { isSignal: true }] }], onWindowResize: [{
                 type: HostListener,
                 args: ['window:resize']

package/fesm2022/xxmachina-components-templates-machina-icon-button-menu.mjs

@@ -38,7 +38,7 @@ class MachinaIconButtonMenuTemplate extends NgAtomicComponent {
         </button>
       }
     </div>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-wg1r: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-wg1r: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-wg1r: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-wg1r: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-wg1r: var(--on-background-color);--mat-icon-button-icon-color: #FEFEFE;--mat-icon-button-icon-color-SCOPED-IN-icon-button-menu-wg1r: var(--mat-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-wg1r);color:var(--on-background-color-SCOPED-IN-icon-button-menu-wg1r)}:host .top,:host .bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-wg1r);cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: UserAvatarMenuMolecule, selector: "molecules-user-avatar-menu", inputs: ["signOutAction"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-Zqg4: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-Zqg4: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-Zqg4: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-Zqg4: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-Zqg4: var(--on-background-color);--mat-icon-button-icon-color: #FEFEFE;--mat-icon-button-icon-color-SCOPED-IN-icon-button-menu-Zqg4: var(--mat-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-Zqg4);color:var(--on-background-color-SCOPED-IN-icon-button-menu-Zqg4)}:host .top,:host .bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-Zqg4);cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: UserAvatarMenuMolecule, selector: "molecules-user-avatar-menu", inputs: ["signOutAction"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MachinaIconButtonMenuTemplate, decorators: [{
             type: Component,
@@ -67,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                             directive: IconButtonMenuTemplateStore,
                             inputs: ['actions', 'bottomActions', 'topPadding'],
                         },
-                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-wg1r: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-wg1r: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-wg1r: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-wg1r: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-wg1r: var(--on-background-color);--mat-icon-button-icon-color: #FEFEFE;--mat-icon-button-icon-color-SCOPED-IN-icon-button-menu-wg1r: var(--mat-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-wg1r);color:var(--on-background-color-SCOPED-IN-icon-button-menu-wg1r)}:host .top,:host .bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-wg1r);cursor:pointer}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-Zqg4: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-Zqg4: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-Zqg4: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-Zqg4: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-Zqg4: var(--on-background-color);--mat-icon-button-icon-color: #FEFEFE;--mat-icon-button-icon-color-SCOPED-IN-icon-button-menu-Zqg4: var(--mat-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-Zqg4);color:var(--on-background-color-SCOPED-IN-icon-button-menu-Zqg4)}:host .top,:host .bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-Zqg4);cursor:pointer}\n"] }]
         }] });
 
 /**

package/fesm2022/xxmachina-components.mjs

@@ -232,7 +232,7 @@ class SessionNavigatorOrganism extends NgAtomicComponent {
         }
       </div>
     </mat-toolbar>
-  `, isInline: true, styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-fpsS: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-fpsS: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-fpsS: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-fpsS: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-fpsS: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-fpsS: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-fpsS: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-fpsS: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-fpsS: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;padding:0!important;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-fpsS);color:var(--on-primary-color-SCOPED-IN-session-navigator-fpsS);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-fpsS)!important;font-family:SF Mono,Monaco,monospace!important;font-size:12px!important;--mat-toolbar-title-text-size: 12px !important;--mat-sys-title-large-size: 12px !important}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host mat-toolbar *:not(.mat-icon){font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar span,:host mat-toolbar div,:host mat-toolbar h1,:host mat-toolbar h2,:host mat-toolbar h3,:host mat-toolbar h4,:host mat-toolbar h5,:host mat-toolbar h6{font-size:12px!important;font-family:SF Mono,Monaco,monospace!important;color:var(--text-SCOPED-IN-session-navigator-fpsS)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-fpsS)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-fpsS)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-fpsS)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-fpsS)!important;opacity:1}:host mat-toolbar .mat-icon-button .mat-icon{font-family:Material Icons!important;font-size:24px!important}:host div{display:flex;justify-content:center;align-items:center;line-height:1}:host atoms-menu-button{display:flex;align-items:center;line-height:1}@media(prefers-color-scheme:light){:host{--text: #333;--text-SCOPED-IN-session-navigator-fpsS: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-fpsS: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-fpsS: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: MenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-Vcfb: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-Vcfb: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-Vcfb: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-Vcfb: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-Vcfb: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-Vcfb: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-Vcfb: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-Vcfb: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-Vcfb: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;padding:0!important;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-Vcfb);color:var(--on-primary-color-SCOPED-IN-session-navigator-Vcfb);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-Vcfb)!important;font-family:SF Mono,Monaco,monospace!important;font-size:12px!important;--mat-toolbar-title-text-size: 12px !important;--mat-sys-title-large-size: 12px !important}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host mat-toolbar *:not(.mat-icon){font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar span,:host mat-toolbar div,:host mat-toolbar h1,:host mat-toolbar h2,:host mat-toolbar h3,:host mat-toolbar h4,:host mat-toolbar h5,:host mat-toolbar h6{font-size:12px!important;font-family:SF Mono,Monaco,monospace!important;color:var(--text-SCOPED-IN-session-navigator-Vcfb)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-Vcfb)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-Vcfb)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-Vcfb)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-Vcfb)!important;opacity:1}:host mat-toolbar .mat-icon-button .mat-icon{font-family:Material Icons!important;font-size:24px!important}:host div{display:flex;justify-content:center;align-items:center;line-height:1}:host atoms-menu-button{display:flex;align-items:center;line-height:1}@media(prefers-color-scheme:light){:host{--text: #333;--text-SCOPED-IN-session-navigator-Vcfb: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-Vcfb: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-Vcfb: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: MenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SessionNavigatorOrganism, decorators: [{
             type: Component,
@@ -266,7 +266,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                             directive: SessionNavigatorOrganismStore,
                             inputs: ['startActions', 'endActions', 'title'],
                         }
-                    ], styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-fpsS: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-fpsS: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-fpsS: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-fpsS: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-fpsS: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-fpsS: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-fpsS: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-fpsS: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-fpsS: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;padding:0!important;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-fpsS);color:var(--on-primary-color-SCOPED-IN-session-navigator-fpsS);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-fpsS)!important;font-family:SF Mono,Monaco,monospace!important;font-size:12px!important;--mat-toolbar-title-text-size: 12px !important;--mat-sys-title-large-size: 12px !important}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host mat-toolbar *:not(.mat-icon){font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar span,:host mat-toolbar div,:host mat-toolbar h1,:host mat-toolbar h2,:host mat-toolbar h3,:host mat-toolbar h4,:host mat-toolbar h5,:host mat-toolbar h6{font-size:12px!important;font-family:SF Mono,Monaco,monospace!important;color:var(--text-SCOPED-IN-session-navigator-fpsS)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-fpsS)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-fpsS)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-fpsS)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-fpsS)!important;opacity:1}:host mat-toolbar .mat-icon-button .mat-icon{font-family:Material Icons!important;font-size:24px!important}:host div{display:flex;justify-content:center;align-items:center;line-height:1}:host atoms-menu-button{display:flex;align-items:center;line-height:1}@media(prefers-color-scheme:light){:host{--text: #333;--text-SCOPED-IN-session-navigator-fpsS: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-fpsS: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-fpsS: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"] }]
+                    ], styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-Vcfb: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-Vcfb: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-Vcfb: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-Vcfb: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-Vcfb: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-Vcfb: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-Vcfb: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-Vcfb: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-Vcfb: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;padding:0!important;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-Vcfb);color:var(--on-primary-color-SCOPED-IN-session-navigator-Vcfb);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-Vcfb)!important;font-family:SF Mono,Monaco,monospace!important;font-size:12px!important;--mat-toolbar-title-text-size: 12px !important;--mat-sys-title-large-size: 12px !important}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host mat-toolbar *:not(.mat-icon){font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar span,:host mat-toolbar div,:host mat-toolbar h1,:host mat-toolbar h2,:host mat-toolbar h3,:host mat-toolbar h4,:host mat-toolbar h5,:host mat-toolbar h6{font-size:12px!important;font-family:SF Mono,Monaco,monospace!important;color:var(--text-SCOPED-IN-session-navigator-Vcfb)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-Vcfb)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-Vcfb)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-Vcfb)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-Vcfb)!important;opacity:1}:host mat-toolbar .mat-icon-button .mat-icon{font-family:Material Icons!important;font-size:24px!important}:host div{display:flex;justify-content:center;align-items:center;line-height:1}:host atoms-menu-button{display:flex;align-items:center;line-height:1}@media(prefers-color-scheme:light){:host{--text: #333;--text-SCOPED-IN-session-navigator-Vcfb: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-Vcfb: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-Vcfb: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"] }]
         }] });
 
 var InvoiceAppActionId;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xxmachina/components",
-  "version": "19.87.0",
+  "version": "19.127.7",
   "license": "MIT",
   "main": "./index.js",
   "types": "./index.d.ts",
@@ -34,6 +34,10 @@
       "types": "./types/xxmachina-components-groups-query-form.d.ts",
       "default": "./fesm2022/xxmachina-components-groups-query-form.mjs"
     },
+    "./molecules/app-selector": {
+      "types": "./types/xxmachina-components-molecules-app-selector.d.ts",
+      "default": "./fesm2022/xxmachina-components-molecules-app-selector.mjs"
+    },
     "./molecules/calendar-paginator": {
       "types": "./types/xxmachina-components-molecules-calendar-paginator.d.ts",
       "default": "./fesm2022/xxmachina-components-molecules-calendar-paginator.mjs"
@@ -50,6 +54,10 @@
       "types": "./types/xxmachina-components-molecules-user-avatar-menu.d.ts",
       "default": "./fesm2022/xxmachina-components-molecules-user-avatar-menu.mjs"
     },
+    "./molecules/version-selector": {
+      "types": "./types/xxmachina-components-molecules-version-selector.d.ts",
+      "default": "./fesm2022/xxmachina-components-molecules-version-selector.mjs"
+    },
     "./molecules/weekly-header": {
       "types": "./types/xxmachina-components-molecules-weekly-header.d.ts",
       "default": "./fesm2022/xxmachina-components-molecules-weekly-header.mjs"
@@ -146,6 +154,10 @@
       "types": "./types/xxmachina-components-services-app.d.ts",
       "default": "./fesm2022/xxmachina-components-services-app.mjs"
     },
+    "./services/app-bar": {
+      "types": "./types/xxmachina-components-services-app-bar.d.ts",
+      "default": "./fesm2022/xxmachina-components-services-app-bar.mjs"
+    },
     "./services/assistant": {
       "types": "./types/xxmachina-components-services-assistant.d.ts",
       "default": "./fesm2022/xxmachina-components-services-assistant.mjs"

package/types/xxmachina-components-molecules-app-selector.d.ts

@@ -0,0 +1,36 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Signal } from '@angular/core';
+import * as _xxmachina_components_molecules_app_selector from '@xxmachina/components/molecules/app-selector';
+
+interface AppTarget {
+    key: string;
+    label: string;
+    host: string;
+    devPort: number;
+}
+interface AppSelectorState {
+    apps: AppTarget[];
+    current: string;
+    select: (key: string) => void;
+}
+declare const APP_SELECTOR_STATE: InjectionToken<Signal<AppSelectorState | null>>;
+declare function provideAppSelectorState(useFactory: () => Signal<AppSelectorState | null>): {
+    provide: InjectionToken<Signal<AppSelectorState | null>>;
+    useFactory: () => Signal<AppSelectorState | null>;
+};
+
+interface AppLocation {
+    hostname: string;
+    protocol: string;
+}
+declare function buildAppUrl(target: AppTarget, location: AppLocation, version: string | null): string;
+
+declare class AppSelectorMolecule {
+    protected readonly state: i0.Signal<_xxmachina_components_molecules_app_selector.AppSelectorState | null>;
+    protected onSelect(key: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppSelectorMolecule, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppSelectorMolecule, "molecules-app-selector", never, {}, {}, never, never, true, never>;
+}
+
+export { APP_SELECTOR_STATE, AppSelectorMolecule, buildAppUrl, provideAppSelectorState };
+export type { AppLocation, AppSelectorState, AppTarget };

package/types/xxmachina-components-molecules-version-selector.d.ts

@@ -0,0 +1,45 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, Signal } from '@angular/core';
+import * as _xxmachina_components_molecules_version_selector from '@xxmachina/components/molecules/version-selector';
+import { FormControl } from '@angular/forms';
+import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+
+interface VersionOption {
+    key: string;
+    label: string;
+}
+interface VersionSelectorState {
+    versions: VersionOption[];
+    current: string;
+    select: (key: string) => void;
+}
+declare const VERSION_SELECTOR_STATE: InjectionToken<Signal<VersionSelectorState | null>>;
+declare function provideVersionSelectorState(useFactory: () => Signal<VersionSelectorState | null>): {
+    provide: InjectionToken<Signal<VersionSelectorState | null>>;
+    useFactory: () => Signal<VersionSelectorState | null>;
+};
+
+declare function provideVersionSelectorStateFromService(): {
+    provide: _angular_core.InjectionToken<_angular_core.Signal<VersionSelectorState | null>>;
+    useFactory: () => _angular_core.Signal<VersionSelectorState | null>;
+};
+
+declare class VersionSelectorMolecule {
+    protected readonly state: _angular_core.Signal<_xxmachina_components_molecules_version_selector.VersionSelectorState | null>;
+    protected readonly versionControl: FormControl<string | null>;
+    private readonly searchText;
+    protected readonly isEditing: _angular_core.WritableSignal<boolean>;
+    private readonly versionInput;
+    protected readonly filteredVersions: _angular_core.Signal<_xxmachina_components_molecules_version_selector.VersionOption[]>;
+    constructor();
+    protected startEdit(): void;
+    protected onBlur(): void;
+    protected onEscape(event: Event): void;
+    protected onVersionSelected(event: MatAutocompleteSelectedEvent): void;
+    protected onEnter(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VersionSelectorMolecule, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VersionSelectorMolecule, "molecules-version-selector", never, {}, {}, never, never, true, never>;
+}
+
+export { VERSION_SELECTOR_STATE, VersionSelectorMolecule, provideVersionSelectorState, provideVersionSelectorStateFromService };
+export type { VersionOption, VersionSelectorState };

package/types/xxmachina-components-organisms-xterm.d.ts

@@ -194,6 +194,9 @@ declare class XtermOrganism extends NgAtomicComponent implements AfterViewInit,
     private lastDataLength;
     private lastProcessedLength;
     private readonly terminalInitialized;
+    readonly initialized: _angular_core.Signal<boolean>;
+    readonly fitEpoch: _angular_core.WritableSignal<number>;
+    readonly fitScheduled: _angular_core.WritableSignal<number>;
     private initSkippedDueToSize;
     private readonly disposables;
     private stableTimer;
@@ -204,7 +207,9 @@ declare class XtermOrganism extends NgAtomicComponent implements AfterViewInit,
     private writeDataWithTotalWritten;
     ngAfterViewInit(): void;
     private initializeTerminal;
+    private syncFitScheduled;
     private fitToViewport;
+    private fitCore;
     ngOnDestroy(): void;
     private markInitialized;
     private loadImageAddon;

package/types/xxmachina-components-services-app-bar.d.ts

@@ -0,0 +1,30 @@
+import * as _angular_core from '@angular/core';
+
+interface Breadcrumb {
+    label: string;
+    path: string;
+    params?: any;
+    queryParams?: any;
+}
+declare class AppBarService {
+    private readonly router;
+    private readonly activatedRoute;
+    private readonly routeArray$;
+    private readonly routeArray;
+    readonly breadcrumbs: _angular_core.Signal<{
+        label: any;
+        path: string;
+        params: {
+            [key: string]: any;
+        };
+        queryParams: {
+            [key: string]: any;
+        };
+    }[]>;
+    readonly endActions: _angular_core.Signal<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppBarService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AppBarService>;
+}
+
+export { AppBarService };
+export type { Breadcrumb };

package/types/xxmachina-components-services-version.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
 
 interface Version {
     key: string;
@@ -8,10 +9,13 @@ declare class VersionService {
     private readonly document;
     private readonly destroyRef;
     private readonly firebaseApp;
+    private readonly matchVersionedHost;
     private remoteConfig?;
     private unsubscribe?;
     private pollingInterval?;
     private initialized;
+    private destroyed;
+    constructor();
     readonly versions: _angular_core.WritableSignal<Version[]>;
     readonly isLoading: _angular_core.WritableSignal<boolean>;
     private isVersionedHost;
@@ -27,5 +31,12 @@ declare class VersionService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<VersionService>;
 }
 
-export { VersionService };
-export type { Version };
+type VersionedHostMatcher = (hostname: string) => boolean;
+declare const VERSIONED_HOST_MATCHER: InjectionToken<VersionedHostMatcher>;
+declare function provideVersionedHostMatcher(matcher: VersionedHostMatcher): {
+    provide: InjectionToken<VersionedHostMatcher>;
+    useValue: VersionedHostMatcher;
+};
+
+export { VERSIONED_HOST_MATCHER, VersionService, provideVersionedHostMatcher };
+export type { Version, VersionedHostMatcher };