@xxmachina/components 19.51.0 → 19.81.0

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

@@ -0,0 +1,295 @@
+import * as i0 from '@angular/core';
+import { input, output, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgAtomicComponent } from '@ng-atomic/core';
+import { ScrollFrame } from '@ng-atomic/components/frames/scroll';
+import { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i1$1 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i2$1 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i3 from '@angular/material/slide-toggle';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import * as i1$2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+
+class EnvPresetsSection {
+    presets = input.required(...(ngDevMode ? [{ debugName: "presets" }] : []));
+    currentEnv = input.required(...(ngDevMode ? [{ debugName: "currentEnv" }] : []));
+    presetSelected = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EnvPresetsSection, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: EnvPresetsSection, isStandalone: true, selector: "env-presets-section", inputs: { presets: { classPropertyName: "presets", publicName: "presets", isSignal: true, isRequired: true, transformFunction: null }, currentEnv: { classPropertyName: "currentEnv", publicName: "currentEnv", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { presetSelected: "presetSelected" }, ngImport: i0, template: `
+    <section class="settings-section" aria-labelledby="env-section-connection">
+      <h2 id="env-section-connection" class="section-title">Connection</h2>
+      <p class="section-current">Current: <strong>{{ currentEnv() }}</strong></p>
+      <mat-list role="list" class="settings-list">
+        @for (preset of presets(); track preset.name) {
+          <mat-list-item
+            role="listitem"
+            (click)="presetSelected.emit(preset)"
+            [class.is-active]="currentEnv() === preset.name"
+            [attr.aria-current]="currentEnv() === preset.name ? 'true' : null"
+          >
+            <mat-icon matListItemIcon>cloud</mat-icon>
+            <span matListItemTitle>{{ preset.name }}</span>
+            <span matListItemLine>{{ preset.description ?? preset.hasuraUrl }}</span>
+            @if (currentEnv() === preset.name) {
+              <mat-icon matListItemMeta aria-hidden="true">check</mat-icon>
+            }
+          </mat-list-item>
+        }
+      </mat-list>
+    </section>
+  `, isInline: true, styles: [":host{--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;display:block;--mat-list-list-item-label-text-color: #ffffff;--mat-list-list-item-supporting-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-leading-icon-color: #ffffff;--mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-trailing-supporting-text-color: #ffffff;--mat-icon-color: #ffffff;--mat-button-outlined-label-text-color: #ffffff;--mat-button-text-label-text-color: #ffffff;--mat-form-field-outlined-input-text-color: #ffffff;--mat-form-field-outlined-label-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-label-text-color: #ffffff;--mat-list-list-item-hover-leading-icon-color: #ffffff;--mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-state-layer-color: #ffffff;--mat-list-list-item-focus-label-text-color: #ffffff;--mat-list-list-item-focus-leading-icon-color: #ffffff;--mat-list-list-item-focus-state-layer-color: #ffffff;--mat-form-field-outlined-outline-color: rgba(255, 255, 255, .24);--mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, .5);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-hover-label-text-color: #ffffff;--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-caret-color: var(--mat-sys-primary, #d5baff);--palette-primary-500-no-rgb: 213, 186, 255}.settings-section{margin-bottom:24px;border-radius:16px;background:var(--mat-sys-surface-container-high, #1b1b21);border:1px solid var(--mat-sys-outline-variant, rgba(255, 255, 255, .08));padding:8px 0 4px;overflow:hidden}.section-title{margin:0;padding:12px 16px 4px;font-family:Courier New,monospace;font-size:12px;font-weight:500;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .7));text-transform:uppercase;letter-spacing:.05em}.section-current{margin:0;padding:0 16px 8px;font-size:13px;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .6))}.section-current strong{color:var(--mat-sys-on-surface, #ffffff);font-weight:500}.settings-list{padding:0}.settings-list mat-list-item{--mdc-list-list-item-container-color: transparent}.settings-list mat-list-item.is-active{background:var(--mat-sys-secondary-container, rgba(51, 255, 51, .12))}.endpoint-fields{display:flex;flex-direction:column;gap:0;padding:8px 16px 16px}.endpoint-field{width:100%}.endpoint-field ::ng-deep input{font-family:Courier New,monospace;font-size:13px}.toggle-meta{display:flex;align-items:center;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.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: EnvPresetsSection, decorators: [{
+            type: Component,
+            args: [{ selector: 'env-presets-section', standalone: true, imports: [MatListModule, MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <section class="settings-section" aria-labelledby="env-section-connection">
+      <h2 id="env-section-connection" class="section-title">Connection</h2>
+      <p class="section-current">Current: <strong>{{ currentEnv() }}</strong></p>
+      <mat-list role="list" class="settings-list">
+        @for (preset of presets(); track preset.name) {
+          <mat-list-item
+            role="listitem"
+            (click)="presetSelected.emit(preset)"
+            [class.is-active]="currentEnv() === preset.name"
+            [attr.aria-current]="currentEnv() === preset.name ? 'true' : null"
+          >
+            <mat-icon matListItemIcon>cloud</mat-icon>
+            <span matListItemTitle>{{ preset.name }}</span>
+            <span matListItemLine>{{ preset.description ?? preset.hasuraUrl }}</span>
+            @if (currentEnv() === preset.name) {
+              <mat-icon matListItemMeta aria-hidden="true">check</mat-icon>
+            }
+          </mat-list-item>
+        }
+      </mat-list>
+    </section>
+  `, styles: [":host{--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;display:block;--mat-list-list-item-label-text-color: #ffffff;--mat-list-list-item-supporting-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-leading-icon-color: #ffffff;--mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-trailing-supporting-text-color: #ffffff;--mat-icon-color: #ffffff;--mat-button-outlined-label-text-color: #ffffff;--mat-button-text-label-text-color: #ffffff;--mat-form-field-outlined-input-text-color: #ffffff;--mat-form-field-outlined-label-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-label-text-color: #ffffff;--mat-list-list-item-hover-leading-icon-color: #ffffff;--mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-state-layer-color: #ffffff;--mat-list-list-item-focus-label-text-color: #ffffff;--mat-list-list-item-focus-leading-icon-color: #ffffff;--mat-list-list-item-focus-state-layer-color: #ffffff;--mat-form-field-outlined-outline-color: rgba(255, 255, 255, .24);--mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, .5);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-hover-label-text-color: #ffffff;--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-caret-color: var(--mat-sys-primary, #d5baff);--palette-primary-500-no-rgb: 213, 186, 255}.settings-section{margin-bottom:24px;border-radius:16px;background:var(--mat-sys-surface-container-high, #1b1b21);border:1px solid var(--mat-sys-outline-variant, rgba(255, 255, 255, .08));padding:8px 0 4px;overflow:hidden}.section-title{margin:0;padding:12px 16px 4px;font-family:Courier New,monospace;font-size:12px;font-weight:500;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .7));text-transform:uppercase;letter-spacing:.05em}.section-current{margin:0;padding:0 16px 8px;font-size:13px;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .6))}.section-current strong{color:var(--mat-sys-on-surface, #ffffff);font-weight:500}.settings-list{padding:0}.settings-list mat-list-item{--mdc-list-list-item-container-color: transparent}.settings-list mat-list-item.is-active{background:var(--mat-sys-secondary-container, rgba(51, 255, 51, .12))}.endpoint-fields{display:flex;flex-direction:column;gap:0;padding:8px 16px 16px}.endpoint-field{width:100%}.endpoint-field ::ng-deep input{font-family:Courier New,monospace;font-size:13px}.toggle-meta{display:flex;align-items:center;height:100%}\n"] }]
+        }], propDecorators: { presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: true }] }], currentEnv: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentEnv", required: true }] }], presetSelected: [{ type: i0.Output, args: ["presetSelected"] }] } });
+
+class EnvEndpointsSection {
+    endpoints = input.required(...(ngDevMode ? [{ debugName: "endpoints" }] : []));
+    endpointChanged = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EnvEndpointsSection, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: EnvEndpointsSection, isStandalone: true, selector: "env-endpoints-section", inputs: { endpoints: { classPropertyName: "endpoints", publicName: "endpoints", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { endpointChanged: "endpointChanged" }, ngImport: i0, template: `
+		<section class="settings-section" aria-labelledby="env-section-endpoints">
+			<h2 id="env-section-endpoints" class="section-title">Endpoints</h2>
+			@for (field of endpoints(); track field.key) {
+				<div class="endpoint-row">
+					<mat-form-field appearance="outline" class="endpoint-field">
+						<mat-label>{{ field.label }}</mat-label>
+						<input matInput type="url" [value]="field.value"
+							(change)="endpointChanged.emit({ key: field.key, value: $any($event.target).value })" />
+					</mat-form-field>
+				</div>
+			}
+		</section>
+	`, isInline: true, styles: [":host{--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;display:block;--mat-list-list-item-label-text-color: #ffffff;--mat-list-list-item-supporting-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-leading-icon-color: #ffffff;--mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-trailing-supporting-text-color: #ffffff;--mat-icon-color: #ffffff;--mat-button-outlined-label-text-color: #ffffff;--mat-button-text-label-text-color: #ffffff;--mat-form-field-outlined-input-text-color: #ffffff;--mat-form-field-outlined-label-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-label-text-color: #ffffff;--mat-list-list-item-hover-leading-icon-color: #ffffff;--mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-state-layer-color: #ffffff;--mat-list-list-item-focus-label-text-color: #ffffff;--mat-list-list-item-focus-leading-icon-color: #ffffff;--mat-list-list-item-focus-state-layer-color: #ffffff;--mat-form-field-outlined-outline-color: rgba(255, 255, 255, .24);--mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, .5);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-hover-label-text-color: #ffffff;--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-caret-color: var(--mat-sys-primary, #d5baff);--palette-primary-500-no-rgb: 213, 186, 255}.settings-section{margin-bottom:24px;border-radius:16px;background:var(--mat-sys-surface-container-high, #1b1b21);border:1px solid var(--mat-sys-outline-variant, rgba(255, 255, 255, .08));padding:8px 0 4px;overflow:hidden}.section-title{margin:0;padding:12px 16px 4px;font-family:Courier New,monospace;font-size:12px;font-weight:500;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .7));text-transform:uppercase;letter-spacing:.05em}.section-current{margin:0;padding:0 16px 8px;font-size:13px;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .6))}.section-current strong{color:var(--mat-sys-on-surface, #ffffff);font-weight:500}.settings-list{padding:0}.settings-list mat-list-item{--mdc-list-list-item-container-color: transparent}.settings-list mat-list-item.is-active{background:var(--mat-sys-secondary-container, rgba(51, 255, 51, .12))}.endpoint-fields{display:flex;flex-direction:column;gap:0;padding:8px 16px 16px}.endpoint-field{width:100%}.endpoint-field ::ng-deep input{font-family:Courier New,monospace;font-size:13px}.toggle-meta{display:flex;align-items:center;height:100%}\n", ":host{display:block}.endpoint-row{padding:8px 16px}.endpoint-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EnvEndpointsSection, decorators: [{
+            type: Component,
+            args: [{ selector: 'env-endpoints-section', standalone: true, imports: [MatFormFieldModule, MatInputModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+		<section class="settings-section" aria-labelledby="env-section-endpoints">
+			<h2 id="env-section-endpoints" class="section-title">Endpoints</h2>
+			@for (field of endpoints(); track field.key) {
+				<div class="endpoint-row">
+					<mat-form-field appearance="outline" class="endpoint-field">
+						<mat-label>{{ field.label }}</mat-label>
+						<input matInput type="url" [value]="field.value"
+							(change)="endpointChanged.emit({ key: field.key, value: $any($event.target).value })" />
+					</mat-form-field>
+				</div>
+			}
+		</section>
+	`, styles: [":host{--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;display:block;--mat-list-list-item-label-text-color: #ffffff;--mat-list-list-item-supporting-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-leading-icon-color: #ffffff;--mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-trailing-supporting-text-color: #ffffff;--mat-icon-color: #ffffff;--mat-button-outlined-label-text-color: #ffffff;--mat-button-text-label-text-color: #ffffff;--mat-form-field-outlined-input-text-color: #ffffff;--mat-form-field-outlined-label-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-label-text-color: #ffffff;--mat-list-list-item-hover-leading-icon-color: #ffffff;--mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-state-layer-color: #ffffff;--mat-list-list-item-focus-label-text-color: #ffffff;--mat-list-list-item-focus-leading-icon-color: #ffffff;--mat-list-list-item-focus-state-layer-color: #ffffff;--mat-form-field-outlined-outline-color: rgba(255, 255, 255, .24);--mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, .5);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-hover-label-text-color: #ffffff;--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-caret-color: var(--mat-sys-primary, #d5baff);--palette-primary-500-no-rgb: 213, 186, 255}.settings-section{margin-bottom:24px;border-radius:16px;background:var(--mat-sys-surface-container-high, #1b1b21);border:1px solid var(--mat-sys-outline-variant, rgba(255, 255, 255, .08));padding:8px 0 4px;overflow:hidden}.section-title{margin:0;padding:12px 16px 4px;font-family:Courier New,monospace;font-size:12px;font-weight:500;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .7));text-transform:uppercase;letter-spacing:.05em}.section-current{margin:0;padding:0 16px 8px;font-size:13px;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .6))}.section-current strong{color:var(--mat-sys-on-surface, #ffffff);font-weight:500}.settings-list{padding:0}.settings-list mat-list-item{--mdc-list-list-item-container-color: transparent}.settings-list mat-list-item.is-active{background:var(--mat-sys-secondary-container, rgba(51, 255, 51, .12))}.endpoint-fields{display:flex;flex-direction:column;gap:0;padding:8px 16px 16px}.endpoint-field{width:100%}.endpoint-field ::ng-deep input{font-family:Courier New,monospace;font-size:13px}.toggle-meta{display:flex;align-items:center;height:100%}\n", ":host{display:block}.endpoint-row{padding:8px 16px}.endpoint-field{width:100%}\n"] }]
+        }], propDecorators: { endpoints: [{ type: i0.Input, args: [{ isSignal: true, alias: "endpoints", required: true }] }], endpointChanged: [{ type: i0.Output, args: ["endpointChanged"] }] } });
+
+class EnvFlagsSection {
+    flags = input.required(...(ngDevMode ? [{ debugName: "flags" }] : []));
+    flagChanged = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EnvFlagsSection, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: EnvFlagsSection, isStandalone: true, selector: "env-flags-section", inputs: { flags: { classPropertyName: "flags", publicName: "flags", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { flagChanged: "flagChanged" }, ngImport: i0, template: `
+		<section class="settings-section" aria-labelledby="env-section-flags">
+			<h2 id="env-section-flags" class="section-title">Feature flags</h2>
+			<mat-list role="list" class="settings-list">
+				@for (flag of flags(); track flag.key) {
+					<mat-list-item role="listitem" lines="2">
+						<mat-icon matListItemIcon>{{ flag.icon ?? 'toggle_on' }}</mat-icon>
+						<span matListItemTitle>{{ flag.label }}</span>
+						@if (flag.description) {
+							<span matListItemLine>{{ flag.description }}</span>
+						}
+						<div matListItemMeta class="toggle-meta">
+							<mat-slide-toggle
+								[checked]="flag.enabled"
+								(change)="flagChanged.emit({ key: flag.key, enabled: $event.checked })"
+								[attr.aria-label]="flag.label"
+							/>
+						</div>
+					</mat-list-item>
+				}
+			</mat-list>
+		</section>
+	`, isInline: true, styles: [":host{--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;display:block;--mat-list-list-item-label-text-color: #ffffff;--mat-list-list-item-supporting-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-leading-icon-color: #ffffff;--mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-trailing-supporting-text-color: #ffffff;--mat-icon-color: #ffffff;--mat-button-outlined-label-text-color: #ffffff;--mat-button-text-label-text-color: #ffffff;--mat-form-field-outlined-input-text-color: #ffffff;--mat-form-field-outlined-label-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-label-text-color: #ffffff;--mat-list-list-item-hover-leading-icon-color: #ffffff;--mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-state-layer-color: #ffffff;--mat-list-list-item-focus-label-text-color: #ffffff;--mat-list-list-item-focus-leading-icon-color: #ffffff;--mat-list-list-item-focus-state-layer-color: #ffffff;--mat-form-field-outlined-outline-color: rgba(255, 255, 255, .24);--mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, .5);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-hover-label-text-color: #ffffff;--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-caret-color: var(--mat-sys-primary, #d5baff);--palette-primary-500-no-rgb: 213, 186, 255}.settings-section{margin-bottom:24px;border-radius:16px;background:var(--mat-sys-surface-container-high, #1b1b21);border:1px solid var(--mat-sys-outline-variant, rgba(255, 255, 255, .08));padding:8px 0 4px;overflow:hidden}.section-title{margin:0;padding:12px 16px 4px;font-family:Courier New,monospace;font-size:12px;font-weight:500;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .7));text-transform:uppercase;letter-spacing:.05em}.section-current{margin:0;padding:0 16px 8px;font-size:13px;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .6))}.section-current strong{color:var(--mat-sys-on-surface, #ffffff);font-weight:500}.settings-list{padding:0}.settings-list mat-list-item{--mdc-list-list-item-container-color: transparent}.settings-list mat-list-item.is-active{background:var(--mat-sys-secondary-container, rgba(51, 255, 51, .12))}.endpoint-fields{display:flex;flex-direction:column;gap:0;padding:8px 16px 16px}.endpoint-field{width:100%}.endpoint-field ::ng-deep input{font-family:Courier New,monospace;font-size:13px}.toggle-meta{display:flex;align-items:center;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EnvFlagsSection, decorators: [{
+            type: Component,
+            args: [{ selector: 'env-flags-section', standalone: true, imports: [MatListModule, MatIconModule, MatSlideToggleModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+		<section class="settings-section" aria-labelledby="env-section-flags">
+			<h2 id="env-section-flags" class="section-title">Feature flags</h2>
+			<mat-list role="list" class="settings-list">
+				@for (flag of flags(); track flag.key) {
+					<mat-list-item role="listitem" lines="2">
+						<mat-icon matListItemIcon>{{ flag.icon ?? 'toggle_on' }}</mat-icon>
+						<span matListItemTitle>{{ flag.label }}</span>
+						@if (flag.description) {
+							<span matListItemLine>{{ flag.description }}</span>
+						}
+						<div matListItemMeta class="toggle-meta">
+							<mat-slide-toggle
+								[checked]="flag.enabled"
+								(change)="flagChanged.emit({ key: flag.key, enabled: $event.checked })"
+								[attr.aria-label]="flag.label"
+							/>
+						</div>
+					</mat-list-item>
+				}
+			</mat-list>
+		</section>
+	`, styles: [":host{--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;display:block;--mat-list-list-item-label-text-color: #ffffff;--mat-list-list-item-supporting-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-leading-icon-color: #ffffff;--mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-trailing-supporting-text-color: #ffffff;--mat-icon-color: #ffffff;--mat-button-outlined-label-text-color: #ffffff;--mat-button-text-label-text-color: #ffffff;--mat-form-field-outlined-input-text-color: #ffffff;--mat-form-field-outlined-label-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-label-text-color: #ffffff;--mat-list-list-item-hover-leading-icon-color: #ffffff;--mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-state-layer-color: #ffffff;--mat-list-list-item-focus-label-text-color: #ffffff;--mat-list-list-item-focus-leading-icon-color: #ffffff;--mat-list-list-item-focus-state-layer-color: #ffffff;--mat-form-field-outlined-outline-color: rgba(255, 255, 255, .24);--mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, .5);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-hover-label-text-color: #ffffff;--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-caret-color: var(--mat-sys-primary, #d5baff);--palette-primary-500-no-rgb: 213, 186, 255}.settings-section{margin-bottom:24px;border-radius:16px;background:var(--mat-sys-surface-container-high, #1b1b21);border:1px solid var(--mat-sys-outline-variant, rgba(255, 255, 255, .08));padding:8px 0 4px;overflow:hidden}.section-title{margin:0;padding:12px 16px 4px;font-family:Courier New,monospace;font-size:12px;font-weight:500;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .7));text-transform:uppercase;letter-spacing:.05em}.section-current{margin:0;padding:0 16px 8px;font-size:13px;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .6))}.section-current strong{color:var(--mat-sys-on-surface, #ffffff);font-weight:500}.settings-list{padding:0}.settings-list mat-list-item{--mdc-list-list-item-container-color: transparent}.settings-list mat-list-item.is-active{background:var(--mat-sys-secondary-container, rgba(51, 255, 51, .12))}.endpoint-fields{display:flex;flex-direction:column;gap:0;padding:8px 16px 16px}.endpoint-field{width:100%}.endpoint-field ::ng-deep input{font-family:Courier New,monospace;font-size:13px}.toggle-meta{display:flex;align-items:center;height:100%}\n"] }]
+        }], propDecorators: { flags: [{ type: i0.Input, args: [{ isSignal: true, alias: "flags", required: true }] }], flagChanged: [{ type: i0.Output, args: ["flagChanged"] }] } });
+
+class EnvReloadNotice {
+    needsReload = input.required(...(ngDevMode ? [{ debugName: "needsReload" }] : []));
+    reloadClicked = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EnvReloadNotice, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: EnvReloadNotice, isStandalone: true, selector: "env-reload-notice", inputs: { needsReload: { classPropertyName: "needsReload", publicName: "needsReload", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { reloadClicked: "reloadClicked" }, ngImport: i0, template: `
+    @if (needsReload()) {
+      <div class="reload-notice" role="status" data-testid="reload-banner">
+        <mat-icon class="reload-notice__icon" aria-hidden="true">refresh</mat-icon>
+        <span class="reload-notice__text">Reload required</span>
+        <button
+          mat-stroked-button
+          color="primary"
+          (click)="reloadClicked.emit()"
+          data-testid="reload-button"
+        >
+          Reload
+        </button>
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:block}.reload-notice{position:sticky;bottom:16px;margin:16px;padding:12px 16px;display:flex;align-items:center;gap:12px;background:var(--mat-sys-surface-container-highest, #23231a);color:var(--mat-sys-on-surface, rgba(255, 255, 255, .9));border:1px solid var(--mat-sys-outline-variant, rgba(255, 255, 255, .15));border-radius:16px;box-shadow:0 2px 8px #00000080}.reload-notice__icon{color:#33ff33d9}.reload-notice__text{flex:1;font-family:Courier New,monospace;font-size:13px;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EnvReloadNotice, decorators: [{
+            type: Component,
+            args: [{ selector: 'env-reload-notice', standalone: true, imports: [MatButtonModule, MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (needsReload()) {
+      <div class="reload-notice" role="status" data-testid="reload-banner">
+        <mat-icon class="reload-notice__icon" aria-hidden="true">refresh</mat-icon>
+        <span class="reload-notice__text">Reload required</span>
+        <button
+          mat-stroked-button
+          color="primary"
+          (click)="reloadClicked.emit()"
+          data-testid="reload-button"
+        >
+          Reload
+        </button>
+      </div>
+    }
+  `, styles: [":host{display:block}.reload-notice{position:sticky;bottom:16px;margin:16px;padding:12px 16px;display:flex;align-items:center;gap:12px;background:var(--mat-sys-surface-container-highest, #23231a);color:var(--mat-sys-on-surface, rgba(255, 255, 255, .9));border:1px solid var(--mat-sys-outline-variant, rgba(255, 255, 255, .15));border-radius:16px;box-shadow:0 2px 8px #00000080}.reload-notice__icon{color:#33ff33d9}.reload-notice__text{flex:1;font-family:Courier New,monospace;font-size:13px;font-weight:500}\n"] }]
+        }], propDecorators: { needsReload: [{ type: i0.Input, args: [{ isSignal: true, alias: "needsReload", required: true }] }], reloadClicked: [{ type: i0.Output, args: ["reloadClicked"] }] } });
+
+var EnvTemplateActionId;
+(function (EnvTemplateActionId) {
+    EnvTemplateActionId["SELECT_PRESET"] = "[EnvTemplate] Select Preset";
+    EnvTemplateActionId["CHANGE_ENDPOINT"] = "[EnvTemplate] Change Endpoint";
+    EnvTemplateActionId["CHANGE_FLAG"] = "[EnvTemplate] Change Flag";
+    EnvTemplateActionId["RELOAD"] = "[EnvTemplate] Reload";
+})(EnvTemplateActionId || (EnvTemplateActionId = {}));
+class EnvTemplate extends NgAtomicComponent {
+    static ActionId = EnvTemplateActionId;
+    ActionId = EnvTemplateActionId;
+    title = input('Environment', ...(ngDevMode ? [{ debugName: "title" }] : []));
+    presets = input.required(...(ngDevMode ? [{ debugName: "presets" }] : []));
+    currentEnv = input.required(...(ngDevMode ? [{ debugName: "currentEnv" }] : []));
+    endpoints = input([], ...(ngDevMode ? [{ debugName: "endpoints" }] : []));
+    flags = input([], ...(ngDevMode ? [{ debugName: "flags" }] : []));
+    needsReload = input.required(...(ngDevMode ? [{ debugName: "needsReload" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EnvTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: EnvTemplate, isStandalone: true, selector: "templates-env", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, presets: { classPropertyName: "presets", publicName: "presets", isSignal: true, isRequired: true, transformFunction: null }, currentEnv: { classPropertyName: "currentEnv", publicName: "currentEnv", isSignal: true, isRequired: true, transformFunction: null }, endpoints: { classPropertyName: "endpoints", publicName: "endpoints", isSignal: true, isRequired: false, transformFunction: null }, flags: { classPropertyName: "flags", publicName: "flags", isSignal: true, isRequired: false, transformFunction: null }, needsReload: { classPropertyName: "needsReload", publicName: "needsReload", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "template" }, usesInheritance: true, ngImport: i0, template: `
+		<frames-scroll>
+			<organisms-navigator top [title]="title()" [startActions]="[]" />
+			<div class="env-container">
+				<ng-content select="[before-presets]" />
+				<env-presets-section
+					[presets]="presets()"
+					[currentEnv]="currentEnv()"
+					(presetSelected)="dispatch({ id: ActionId.SELECT_PRESET, payload: $event })"
+				/>
+				@if (endpoints().length > 0) {
+					<env-endpoints-section
+						[endpoints]="endpoints()"
+						(endpointChanged)="dispatch({ id: ActionId.CHANGE_ENDPOINT, payload: $event })"
+					/>
+				}
+				@if (flags().length > 0) {
+					<env-flags-section
+						[flags]="flags()"
+						(flagChanged)="dispatch({ id: ActionId.CHANGE_FLAG, payload: $event })"
+					/>
+				}
+				<ng-content />
+				<env-reload-notice
+					[needsReload]="needsReload()"
+					(reloadClicked)="dispatch({ id: ActionId.RELOAD })"
+				/>
+			</div>
+		</frames-scroll>
+	`, isInline: true, styles: [":host{--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;display:block;width:100%;height:100%;background:var(--mat-sys-surface, #0d0d10);color:var(--mat-sys-on-surface, #f5f5f7)}frames-scroll{display:flex;height:100%}.env-container{padding:16px 16px 96px;max-width:720px;margin:0 auto;width:100%;box-sizing:border-box}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "component", type: EnvPresetsSection, selector: "env-presets-section", inputs: ["presets", "currentEnv"], outputs: ["presetSelected"] }, { kind: "component", type: EnvEndpointsSection, selector: "env-endpoints-section", inputs: ["endpoints"], outputs: ["endpointChanged"] }, { kind: "component", type: EnvFlagsSection, selector: "env-flags-section", inputs: ["flags"], outputs: ["flagChanged"] }, { kind: "component", type: EnvReloadNotice, selector: "env-reload-notice", inputs: ["needsReload"], outputs: ["reloadClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EnvTemplate, decorators: [{
+            type: Component,
+            args: [{ selector: 'templates-env', standalone: true, imports: [ScrollFrame, NavigatorOrganism, EnvPresetsSection, EnvEndpointsSection, EnvFlagsSection, EnvReloadNotice], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+		<frames-scroll>
+			<organisms-navigator top [title]="title()" [startActions]="[]" />
+			<div class="env-container">
+				<ng-content select="[before-presets]" />
+				<env-presets-section
+					[presets]="presets()"
+					[currentEnv]="currentEnv()"
+					(presetSelected)="dispatch({ id: ActionId.SELECT_PRESET, payload: $event })"
+				/>
+				@if (endpoints().length > 0) {
+					<env-endpoints-section
+						[endpoints]="endpoints()"
+						(endpointChanged)="dispatch({ id: ActionId.CHANGE_ENDPOINT, payload: $event })"
+					/>
+				}
+				@if (flags().length > 0) {
+					<env-flags-section
+						[flags]="flags()"
+						(flagChanged)="dispatch({ id: ActionId.CHANGE_FLAG, payload: $event })"
+					/>
+				}
+				<ng-content />
+				<env-reload-notice
+					[needsReload]="needsReload()"
+					(reloadClicked)="dispatch({ id: ActionId.RELOAD })"
+				/>
+			</div>
+		</frames-scroll>
+	`, host: { class: 'template' }, styles: [":host{--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;display:block;width:100%;height:100%;background:var(--mat-sys-surface, #0d0d10);color:var(--mat-sys-on-surface, #f5f5f7)}frames-scroll{display:flex;height:100%}.env-container{padding:16px 16px 96px;max-width:720px;margin:0 auto;width:100%;box-sizing:border-box}\n"] }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: true }] }], currentEnv: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentEnv", required: true }] }], endpoints: [{ type: i0.Input, args: [{ isSignal: true, alias: "endpoints", required: false }] }], flags: [{ type: i0.Input, args: [{ isSignal: true, alias: "flags", required: false }] }], needsReload: [{ type: i0.Input, args: [{ isSignal: true, alias: "needsReload", required: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EnvTemplate, EnvTemplateActionId };
+//# sourceMappingURL=xxmachina-components-templates-env.mjs.map

package/fesm2022/xxmachina-components-templates-env.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xxmachina-components-templates-env.mjs","sources":["../../../../../packages/@xxmachina/components/src/lib/templates/env/sections/env-presets/env-presets.component.ts","../../../../../packages/@xxmachina/components/src/lib/templates/env/sections/env-endpoints/env-endpoints.component.ts","../../../../../packages/@xxmachina/components/src/lib/templates/env/sections/env-flags/env-flags.component.ts","../../../../../packages/@xxmachina/components/src/lib/templates/env/sections/env-reload-notice/env-reload-notice.component.ts","../../../../../packages/@xxmachina/components/src/lib/templates/env/env.template.ts","../../../../../packages/@xxmachina/components/src/lib/templates/env/xxmachina-components-templates-env.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport type { EnvPresetLike } from '../../env.types';\n\n@Component({\n  selector: 'env-presets-section',\n  standalone: true,\n  imports: [MatListModule, MatIconModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <section class=\"settings-section\" aria-labelledby=\"env-section-connection\">\n      <h2 id=\"env-section-connection\" class=\"section-title\">Connection</h2>\n      <p class=\"section-current\">Current: <strong>{{ currentEnv() }}</strong></p>\n      <mat-list role=\"list\" class=\"settings-list\">\n        @for (preset of presets(); track preset.name) {\n          <mat-list-item\n            role=\"listitem\"\n            (click)=\"presetSelected.emit(preset)\"\n            [class.is-active]=\"currentEnv() === preset.name\"\n            [attr.aria-current]=\"currentEnv() === preset.name ? 'true' : null\"\n          >\n            <mat-icon matListItemIcon>cloud</mat-icon>\n            <span matListItemTitle>{{ preset.name }}</span>\n            <span matListItemLine>{{ preset.description ?? preset.hasuraUrl }}</span>\n            @if (currentEnv() === preset.name) {\n              <mat-icon matListItemMeta aria-hidden=\"true\">check</mat-icon>\n            }\n          </mat-list-item>\n        }\n      </mat-list>\n    </section>\n  `,\n  styleUrl: '../env-section.shared.scss',\n})\nexport class EnvPresetsSection {\n  readonly presets = input.required<readonly EnvPresetLike[]>();\n  readonly currentEnv = input.required<string>();\n  readonly presetSelected = output<EnvPresetLike>();\n}\n","import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport type { EnvEndpointField } from '../../env.types';\n\n@Component({\n\tselector: 'env-endpoints-section',\n\tstandalone: true,\n\timports: [MatFormFieldModule, MatInputModule],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: `\n\t\t<section class=\"settings-section\" aria-labelledby=\"env-section-endpoints\">\n\t\t\t<h2 id=\"env-section-endpoints\" class=\"section-title\">Endpoints</h2>\n\t\t\t@for (field of endpoints(); track field.key) {\n\t\t\t\t<div class=\"endpoint-row\">\n\t\t\t\t\t<mat-form-field appearance=\"outline\" class=\"endpoint-field\">\n\t\t\t\t\t\t<mat-label>{{ field.label }}</mat-label>\n\t\t\t\t\t\t<input matInput type=\"url\" [value]=\"field.value\"\n\t\t\t\t\t\t\t(change)=\"endpointChanged.emit({ key: field.key, value: $any($event.target).value })\" />\n\t\t\t\t\t</mat-form-field>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</section>\n\t`,\n\tstyles: [`\n\t\t:host { display: block; }\n\t\t.endpoint-row { padding: 8px 16px; }\n\t\t.endpoint-field { width: 100%; }\n\t`],\n\tstyleUrl: '../env-section.shared.scss',\n})\nexport class EnvEndpointsSection {\n\treadonly endpoints = input.required<readonly EnvEndpointField[]>();\n\treadonly endpointChanged = output<{ key: string; value: string }>();\n}\n","import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport type { EnvFlagField } from '../../env.types';\n\n@Component({\n\tselector: 'env-flags-section',\n\tstandalone: true,\n\timports: [MatListModule, MatIconModule, MatSlideToggleModule],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: `\n\t\t<section class=\"settings-section\" aria-labelledby=\"env-section-flags\">\n\t\t\t<h2 id=\"env-section-flags\" class=\"section-title\">Feature flags</h2>\n\t\t\t<mat-list role=\"list\" class=\"settings-list\">\n\t\t\t\t@for (flag of flags(); track flag.key) {\n\t\t\t\t\t<mat-list-item role=\"listitem\" lines=\"2\">\n\t\t\t\t\t\t<mat-icon matListItemIcon>{{ flag.icon ?? 'toggle_on' }}</mat-icon>\n\t\t\t\t\t\t<span matListItemTitle>{{ flag.label }}</span>\n\t\t\t\t\t\t@if (flag.description) {\n\t\t\t\t\t\t\t<span matListItemLine>{{ flag.description }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<div matListItemMeta class=\"toggle-meta\">\n\t\t\t\t\t\t\t<mat-slide-toggle\n\t\t\t\t\t\t\t\t[checked]=\"flag.enabled\"\n\t\t\t\t\t\t\t\t(change)=\"flagChanged.emit({ key: flag.key, enabled: $event.checked })\"\n\t\t\t\t\t\t\t\t[attr.aria-label]=\"flag.label\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</mat-list-item>\n\t\t\t\t}\n\t\t\t</mat-list>\n\t\t</section>\n\t`,\n\tstyleUrl: '../env-section.shared.scss',\n})\nexport class EnvFlagsSection {\n\treadonly flags = input.required<readonly EnvFlagField[]>();\n\treadonly flagChanged = output<{ key: string; enabled: boolean }>();\n}\n","import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\n@Component({\n  selector: 'env-reload-notice',\n  standalone: true,\n  imports: [MatButtonModule, MatIconModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    @if (needsReload()) {\n      <div class=\"reload-notice\" role=\"status\" data-testid=\"reload-banner\">\n        <mat-icon class=\"reload-notice__icon\" aria-hidden=\"true\">refresh</mat-icon>\n        <span class=\"reload-notice__text\">Reload required</span>\n        <button\n          mat-stroked-button\n          color=\"primary\"\n          (click)=\"reloadClicked.emit()\"\n          data-testid=\"reload-button\"\n        >\n          Reload\n        </button>\n      </div>\n    }\n  `,\n  styleUrl: './env-reload-notice.component.scss',\n})\nexport class EnvReloadNotice {\n  readonly needsReload = input.required<boolean>();\n  readonly reloadClicked = output<void>();\n}\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport type { EnvEndpointField, EnvFlagField, EnvPresetLike } from './env.types';\nimport { EnvPresetsSection } from './sections/env-presets/env-presets.component';\nimport { EnvEndpointsSection } from './sections/env-endpoints/env-endpoints.component';\nimport { EnvFlagsSection } from './sections/env-flags/env-flags.component';\nimport { EnvReloadNotice } from './sections/env-reload-notice/env-reload-notice.component';\n\nexport enum EnvTemplateActionId {\n\tSELECT_PRESET = '[EnvTemplate] Select Preset',\n\tCHANGE_ENDPOINT = '[EnvTemplate] Change Endpoint',\n\tCHANGE_FLAG = '[EnvTemplate] Change Flag',\n\tRELOAD = '[EnvTemplate] Reload',\n}\n\n@Component({\n\tselector: 'templates-env',\n\tstandalone: true,\n\timports: [ScrollFrame, NavigatorOrganism, EnvPresetsSection, EnvEndpointsSection, EnvFlagsSection, EnvReloadNotice],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: `\n\t\t<frames-scroll>\n\t\t\t<organisms-navigator top [title]=\"title()\" [startActions]=\"[]\" />\n\t\t\t<div class=\"env-container\">\n\t\t\t\t<ng-content select=\"[before-presets]\" />\n\t\t\t\t<env-presets-section\n\t\t\t\t\t[presets]=\"presets()\"\n\t\t\t\t\t[currentEnv]=\"currentEnv()\"\n\t\t\t\t\t(presetSelected)=\"dispatch({ id: ActionId.SELECT_PRESET, payload: $event })\"\n\t\t\t\t/>\n\t\t\t\t@if (endpoints().length > 0) {\n\t\t\t\t\t<env-endpoints-section\n\t\t\t\t\t\t[endpoints]=\"endpoints()\"\n\t\t\t\t\t\t(endpointChanged)=\"dispatch({ id: ActionId.CHANGE_ENDPOINT, payload: $event })\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\t@if (flags().length > 0) {\n\t\t\t\t\t<env-flags-section\n\t\t\t\t\t\t[flags]=\"flags()\"\n\t\t\t\t\t\t(flagChanged)=\"dispatch({ id: ActionId.CHANGE_FLAG, payload: $event })\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\t<ng-content />\n\t\t\t\t<env-reload-notice\n\t\t\t\t\t[needsReload]=\"needsReload()\"\n\t\t\t\t\t(reloadClicked)=\"dispatch({ id: ActionId.RELOAD })\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</frames-scroll>\n\t`,\n\tstyleUrl: './env.template.scss',\n\thost: { class: 'template' },\n})\nexport class EnvTemplate extends NgAtomicComponent {\n\tstatic readonly ActionId = EnvTemplateActionId;\n\tprotected readonly ActionId = EnvTemplateActionId;\n\n\treadonly title = input('Environment');\n\treadonly presets = input.required<readonly EnvPresetLike[]>();\n\treadonly currentEnv = input.required<string>();\n\treadonly endpoints = input<readonly EnvEndpointField[]>([]);\n\treadonly flags = input<readonly EnvFlagField[]>([]);\n\treadonly needsReload = input.required<boolean>();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/xxmachina-components-templates-flow-nodes-issue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"xxmachina-components-templates-flow-nodes-issue.mjs","sources":["../../../../../packages/@xxmachina/components/src/lib/templates/flow/nodes/issue/issue.node.ts","../../../../../packages/@xxmachina/components/src/lib/templates/flow/nodes/issue/issue.node.meta.ts","../../../../../packages/@xxmachina/components/src/lib/templates/flow/nodes/issue/xxmachina-components-templates-flow-nodes-issue.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\n\nexport type IssueStatus = 'open' | 'in_progress' | 'closed' | 'blocked';\nexport type IssuePriority = 'critical' | 'high' | 'medium' | 'low';\n\nexport interface IssueNodeData {\n  id: string;\n  title: string;\n  status: IssueStatus;\n  priority?: IssuePriority;\n  assignee?: string;\n  assigneeIcon?: string;\n  blockedBy?: string[];\n  level?: number;\n  row?: number;\n  /** Effective level calculated from current position */\n  effectiveLevel?: number;\n  /** Effective row calculated from current position */\n  effectiveRow?: number;\n}\n\n@Component({\n  selector: 'flow-issue-node',\n  standalone: true,\n  imports: [CommonModule, MatIconModule],\n  template: `\n    <div class=\"issue-node\" [class]=\"'s-' + data.status\" [class.has-deps]=\"hasDeps\">\n      <div class=\"issue-header\">\n        <span class=\"dot\"></span>\n        <span class=\"id\">#{{ data.id }}</span>\n        @if (data.priority) {\n          <span class=\"priority\" [class]=\"'p-' + data.priority\">\n            {{ data.priority[0] | uppercase }}\n          </span>\n        }\n      </div>\n      <div class=\"issue-title\">{{ data.title }}</div>\n      @if (data.assignee) {\n        <div class=\"assignee\">\n          @if (data.assigneeIcon) {\n            <img [src]=\"data.assigneeIcon\" class=\"assignee-avatar\" alt=\"\" />\n          } @else {\n            <mat-icon class=\"assignee-icon\">person</mat-icon>\n          }\n          {{ data.assignee }}\n        </div>\n      }\n      @if (hasDeps) {\n        <div class=\"deps\">blocked by: {{ data.blockedBy?.length }}</div>\n      }\n      @if (data.effectiveLevel !== undefined) {\n        <div class=\"coords\">{{ data.effectiveLevel }}, {{ data.effectiveRow }}</div>\n      }\n    </div>\n  `,\n  styles: [`\n    :host { display: block; width: 160px; height: 120px; }\n\n    .issue-node {\n      background: #1a1a1a;\n      border: 1px solid rgba(51, 51, 51, 0.8);\n      border-radius: 8px;\n      padding: 10px;\n      font-family: 'SF Mono', Monaco, monospace;\n      transition: all 0.2s ease;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n      height: 100%;\n      box-sizing: border-box;\n      overflow: hidden;\n    }\n\n    .issue-node:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);\n      border-color: rgba(80, 80, 80, 0.8);\n    }\n\n    .issue-node.s-open { border-color: rgba(59, 130, 246, 0.6); }\n    .issue-node.s-in_progress { border-color: rgba(245, 158, 11, 0.6); }\n    .issue-node.s-closed { border-color: rgba(16, 185, 129, 0.6); opacity: 0.7; }\n    .issue-node.s-blocked { border-color: rgba(239, 68, 68, 0.6); }\n    .issue-node.has-deps { border-style: dashed; }\n\n    .issue-header {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      margin-bottom: 6px;\n    }\n\n    .dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 8px currentColor;\n    }\n\n    .s-open .dot { background: #3b82f6; color: #3b82f6; }\n    .s-in_progress .dot { background: #f59e0b; color: #f59e0b; animation: pulse 2s infinite; }\n    .s-closed .dot { background: #10b981; color: #10b981; }\n    .s-blocked .dot { background: #ef4444; color: #ef4444; }\n\n    @keyframes pulse {\n      0%, 100% { box-shadow: 0 0 4px rgba(245, 158, 11, 0.4); }\n      50% { box-shadow: 0 0 12px rgba(245, 158, 11, 0.8); }\n    }\n\n    .id {\n      font-size: 10px;\n      font-weight: 500;\n      color: #888;\n      font-family: 'SF Mono', Monaco, monospace;\n    }\n\n    .priority {\n      margin-left: auto;\n      font-size: 9px;\n      font-weight: 600;\n      padding: 2px 5px;\n      border-radius: 4px;\n      text-transform: uppercase;\n    }\n\n    .p-critical { background: rgba(239, 68, 68, 0.2); color: #ef4444; }\n    .p-high { background: rgba(245, 158, 11, 0.2); color: #f59e0b; }\n    .p-medium { background: rgba(59, 130, 246, 0.2); color: #3b82f6; }\n    .p-low { background: rgba(136, 136, 136, 0.2); color: #888; }\n\n    .issue-title {\n      font-size: 12px;\n      font-weight: 500;\n      color: #e0e0e0;\n      line-height: 1.4;\n      margin-bottom: 6px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .assignee {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      font-size: 10px;\n      color: #888;\n      font-weight: 500;\n    }\n\n    .assignee-icon {\n      font-size: 12px;\n      width: 12px;\n      height: 12px;\n      color: #666;\n    }\n\n    .assignee-avatar {\n      width: 14px;\n      height: 14px;\n      border-radius: 50%;\n      object-fit: cover;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .deps {\n      margin-top: 6px;\n      padding-top: 6px;\n      border-top: 1px solid rgba(51, 51, 51, 0.5);\n      font-size: 10px;\n      color: #ff79c6;\n      font-weight: 500;\n    }\n    .coords {\n      margin-top: 4px;\n      font-size: 9px;\n      color: #666;\n      font-family: 'SF Mono', Monaco, monospace;\n    }\n  `]\n})\nexport class IssueNodeComponent {\n  @Input() data!: IssueNodeData;\n\n  get hasDeps(): boolean {\n    return !!this.data.blockedBy?.length;\n  }\n}\n","import { Type } from '@angular/core';\nimport { IssueNodeComponent, IssueNodeData } from './issue.node';\n\ninterface ComponentMeta<T = unknown> {\n  title: string;\n  group?: 'atoms' | 'molecules' | 'organisms' | 'templates' | 'presenters' | 'extras';\n  component: Type<T>;\n  inputs?: Record<string, unknown>;\n  viewport?: { width?: number; height?: number };\n  variants?: { name: string; inputs: Record<string, unknown> }[];\n}\n\nexport const issueNodeMeta: ComponentMeta = {\n  title: 'Flow Issue Node',\n  group: 'molecules',\n  component: IssueNodeComponent,\n  viewport: { width: 260, height: 180 },\n  variants: [\n    {\n      name: 'open',\n      inputs: {\n        data: {\n          id: '123',\n          title: 'Fix authentication bug',\n          status: 'open',\n          priority: 'high',\n          assignee: 'dev-001',\n        } as IssueNodeData,\n      },\n    },\n    {\n      name: 'in progress',\n      inputs: {\n        data: {\n          id: '456',\n          title: 'Implement dark mode',\n          status: 'in_progress',\n          priority: 'medium',\n          assignee: 'dev-002',\n        } as IssueNodeData,\n      },\n    },\n    {\n      name: 'closed',\n      inputs: {\n        data: {\n          id: '789',\n          title: 'Update dependencies',\n          status: 'closed',\n          priority: 'low',\n          assignee: 'dev-003',\n        } as IssueNodeData,\n      },\n    },\n    {\n      name: 'blocked',\n      inputs: {\n        data: {\n          id: '101',\n          title: 'Deploy to production',\n          status: 'blocked',\n          priority: 'critical',\n          assignee: 'ops-001',\n          blockedBy: ['456', '789'],\n        } as IssueNodeData,\n      },\n    },\n    {\n      name: 'with avatar',\n      inputs: {\n        data: {\n          id: '202',\n          title: 'Code review needed',\n          status: 'open',\n          priority: 'high',\n          assignee: 'reviewer',\n          assigneeIcon: 'https://api.dicebear.com/7.x/avataaars/svg?seed=Review',\n        } as IssueNodeData,\n      },\n    },\n  ],\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"xxmachina-components-templates-flow-nodes-issue.mjs","sources":["../../../../../packages/@xxmachina/components/src/lib/templates/flow/nodes/issue/issue.node.ts","../../../../../packages/@xxmachina/components/src/lib/templates/flow/nodes/issue/issue.node.meta.ts","../../../../../packages/@xxmachina/components/src/lib/templates/flow/nodes/issue/xxmachina-components-templates-flow-nodes-issue.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\n\nexport type IssueStatus = 'open' | 'in_progress' | 'closed' | 'blocked';\nexport type IssuePriority = 'critical' | 'high' | 'medium' | 'low';\n\nexport interface IssueNodeData {\n  id: string;\n  title: string;\n  status: IssueStatus;\n  priority?: IssuePriority;\n  assignee?: string;\n  assigneeIcon?: string;\n  blockedBy?: string[];\n  level?: number;\n  row?: number;\n  \n  effectiveLevel?: number;\n  \n  effectiveRow?: number;\n}\n\n@Component({\n  selector: 'flow-issue-node',\n  standalone: true,\n  imports: [CommonModule, MatIconModule],\n  template: `\n    <div class=\"issue-node\" [class]=\"'s-' + data.status\" [class.has-deps]=\"hasDeps\">\n      <div class=\"issue-header\">\n        <span class=\"dot\"></span>\n        <span class=\"id\">#{{ data.id }}</span>\n        @if (data.priority) {\n          <span class=\"priority\" [class]=\"'p-' + data.priority\">\n            {{ data.priority[0] | uppercase }}\n          </span>\n        }\n      </div>\n      <div class=\"issue-title\">{{ data.title }}</div>\n      @if (data.assignee) {\n        <div class=\"assignee\">\n          @if (data.assigneeIcon) {\n            <img [src]=\"data.assigneeIcon\" class=\"assignee-avatar\" alt=\"\" />\n          } @else {\n            <mat-icon class=\"assignee-icon\">person</mat-icon>\n          }\n          {{ data.assignee }}\n        </div>\n      }\n      @if (hasDeps) {\n        <div class=\"deps\">blocked by: {{ data.blockedBy?.length }}</div>\n      }\n      @if (data.effectiveLevel !== undefined) {\n        <div class=\"coords\">{{ data.effectiveLevel }}, {{ data.effectiveRow }}</div>\n      }\n    </div>\n  `,\n  styles: [`\n    :host { display: block; width: 160px; height: 120px; }\n\n    .issue-node {\n      background: #1a1a1a;\n      border: 1px solid rgba(51, 51, 51, 0.8);\n      border-radius: 8px;\n      padding: 10px;\n      font-family: 'SF Mono', Monaco, monospace;\n      transition: all 0.2s ease;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n      height: 100%;\n      box-sizing: border-box;\n      overflow: hidden;\n    }\n\n    .issue-node:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);\n      border-color: rgba(80, 80, 80, 0.8);\n    }\n\n    .issue-node.s-open { border-color: rgba(59, 130, 246, 0.6); }\n    .issue-node.s-in_progress { border-color: rgba(245, 158, 11, 0.6); }\n    .issue-node.s-closed { border-color: rgba(16, 185, 129, 0.6); opacity: 0.7; }\n    .issue-node.s-blocked { border-color: rgba(239, 68, 68, 0.6); }\n    .issue-node.has-deps { border-style: dashed; }\n\n    .issue-header {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      margin-bottom: 6px;\n    }\n\n    .dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 8px currentColor;\n    }\n\n    .s-open .dot { background: #3b82f6; color: #3b82f6; }\n    .s-in_progress .dot { background: #f59e0b; color: #f59e0b; animation: pulse 2s infinite; }\n    .s-closed .dot { background: #10b981; color: #10b981; }\n    .s-blocked .dot { background: #ef4444; color: #ef4444; }\n\n    @keyframes pulse {\n      0%, 100% { box-shadow: 0 0 4px rgba(245, 158, 11, 0.4); }\n      50% { box-shadow: 0 0 12px rgba(245, 158, 11, 0.8); }\n    }\n\n    .id {\n      font-size: 10px;\n      font-weight: 500;\n      color: #888;\n      font-family: 'SF Mono', Monaco, monospace;\n    }\n\n    .priority {\n      margin-left: auto;\n      font-size: 9px;\n      font-weight: 600;\n      padding: 2px 5px;\n      border-radius: 4px;\n      text-transform: uppercase;\n    }\n\n    .p-critical { background: rgba(239, 68, 68, 0.2); color: #ef4444; }\n    .p-high { background: rgba(245, 158, 11, 0.2); color: #f59e0b; }\n    .p-medium { background: rgba(59, 130, 246, 0.2); color: #3b82f6; }\n    .p-low { background: rgba(136, 136, 136, 0.2); color: #888; }\n\n    .issue-title {\n      font-size: 12px;\n      font-weight: 500;\n      color: #e0e0e0;\n      line-height: 1.4;\n      margin-bottom: 6px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .assignee {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      font-size: 10px;\n      color: #888;\n      font-weight: 500;\n    }\n\n    .assignee-icon {\n      font-size: 12px;\n      width: 12px;\n      height: 12px;\n      color: #666;\n    }\n\n    .assignee-avatar {\n      width: 14px;\n      height: 14px;\n      border-radius: 50%;\n      object-fit: cover;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .deps {\n      margin-top: 6px;\n      padding-top: 6px;\n      border-top: 1px solid rgba(51, 51, 51, 0.5);\n      font-size: 10px;\n      color: #ff79c6;\n      font-weight: 500;\n    }\n    .coords {\n      margin-top: 4px;\n      font-size: 9px;\n      color: #666;\n      font-family: 'SF Mono', Monaco, monospace;\n    }\n  `]\n})\nexport class IssueNodeComponent {\n  @Input() data!: IssueNodeData;\n\n  get hasDeps(): boolean {\n    return !!this.data.blockedBy?.length;\n  }\n}\n","import { Type } from '@angular/core';\nimport { IssueNodeComponent, IssueNodeData } from './issue.node';\n\ninterface ComponentMeta<T = unknown> {\n  title: string;\n  group?: 'atoms' | 'molecules' | 'organisms' | 'templates' | 'presenters' | 'extras';\n  component: Type<T>;\n  inputs?: Record<string, unknown>;\n  viewport?: { width?: number; height?: number };\n  variants?: { name: string; inputs: Record<string, unknown> }[];\n}\n\nexport const issueNodeMeta: ComponentMeta = {\n  title: 'Flow Issue Node',\n  group: 'molecules',\n  component: IssueNodeComponent,\n  viewport: { width: 260, height: 180 },\n  variants: [\n    {\n      name: 'open',\n      inputs: {\n        data: {\n          id: '123',\n          title: 'Fix authentication bug',\n          status: 'open',\n          priority: 'high',\n          assignee: 'dev-001',\n        } as IssueNodeData,\n      },\n    },\n    {\n      name: 'in progress',\n      inputs: {\n        data: {\n          id: '456',\n          title: 'Implement dark mode',\n          status: 'in_progress',\n          priority: 'medium',\n          assignee: 'dev-002',\n        } as IssueNodeData,\n      },\n    },\n    {\n      name: 'closed',\n      inputs: {\n        data: {\n          id: '789',\n          title: 'Update dependencies',\n          status: 'closed',\n          priority: 'low',\n          assignee: 'dev-003',\n        } as IssueNodeData,\n      },\n    },\n    {\n      name: 'blocked',\n      inputs: {\n        data: {\n          id: '101',\n          title: 'Deploy to production',\n          status: 'blocked',\n          priority: 'critical',\n          assignee: 'ops-001',\n          blockedBy: ['456', '789'],\n        } as IssueNodeData,\n      },\n    },\n    {\n      name: 'with avatar',\n      inputs: {\n        data: {\n          id: '202',\n          title: 'Code review needed',\n          status: 'open',\n          priority: 'high',\n          assignee: 'reviewer',\n          assigneeIcon: 'https://api.dicebear.com/7.x/avataaars/svg?seed=Review',\n        } as IssueNodeData,\n      },\n    },\n  ],\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -272,7 +272,7 @@ class FlowTemplate extends NgAtomicComponent {
       />
     </machina-react-flow>
     </frames-scroll>
-  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}::ng-deep .react-flow__node-group{background:#f0f0f04d!important;border:2px solid #e1e4e8!important;border-radius:12px!important;box-shadow:none!important;padding:60px 40px 40px!important}::ng-deep .react-flow__node-group .react-flow__node-group__label{display:none!important}\n"], dependencies: [{ kind: "component", type: ReactFlowComponent, selector: "machina-react-flow", inputs: ["enableTouchPassthrough"] }, { kind: "directive", type: FlowNodeDirective, selector: "[flowNode]", inputs: ["flowNode"] }, { kind: "component", type: GroupNodeComponent, selector: "flow-group-node", inputs: ["data"], outputs: ["expandedChange"] }, { kind: "directive", type: FlowNodeStore, selector: "flow-node", inputs: ["data"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }] });
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}::ng-deep .react-flow__node-group{background:#f0f0f04d!important;border:2px solid #e1e4e8!important;border-radius:12px!important;box-shadow:none!important;padding:60px 40px 40px!important}::ng-deep .react-flow__node-group .react-flow__node-group__label{display:none!important}\n"], dependencies: [{ kind: "component", type: ReactFlowComponent, selector: "machina-react-flow", inputs: ["enableTouchPassthrough", "handlesVisible"] }, { kind: "directive", type: FlowNodeDirective, selector: "[flowNode]", inputs: ["flowNode"] }, { kind: "component", type: GroupNodeComponent, selector: "flow-group-node", inputs: ["data"], outputs: ["expandedChange"] }, { kind: "directive", type: FlowNodeStore, selector: "flow-node", inputs: ["data"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }] });
 }
 __decorate([
     Effect(GroupNodeComponent.ActionId.EXPANDED_CHANGE),