@xxmachina/components 19.148.4 → 20.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/xxmachina-components-molecules-user-avatar-menu.mjs +10 -5
- package/fesm2022/xxmachina-components-molecules-version-selector.mjs +2 -2
- package/fesm2022/xxmachina-components-molecules-weekly-header.mjs +2 -2
- package/fesm2022/xxmachina-components-molecules-workspace-selector.mjs +2 -2
- package/fesm2022/xxmachina-components-organisms-calendar-section.mjs +2 -2
- package/fesm2022/xxmachina-components-organisms-xterm.mjs +37 -46
- package/fesm2022/xxmachina-components-pages-command.mjs +2 -2
- package/fesm2022/xxmachina-components-pages-query.mjs +2 -2
- package/fesm2022/xxmachina-components-pages-thread.mjs +2 -2
- package/fesm2022/xxmachina-components-services-app-bar.mjs +1 -0
- package/fesm2022/xxmachina-components-templates-agent.mjs +2 -2
- package/fesm2022/xxmachina-components-templates-machina-icon-button-menu.mjs +2 -2
- package/fesm2022/xxmachina-components-templates-machina-menu.mjs +89 -0
- package/fesm2022/xxmachina-components.mjs +20 -2
- package/package.json +5 -1
- package/types/xxmachina-components-molecules-user-avatar-menu.d.ts +3 -1
- package/types/xxmachina-components-organisms-xterm.d.ts +13 -12
- package/types/xxmachina-components-services-app-bar.d.ts +1 -0
- package/types/xxmachina-components-templates-machina-menu.d.ts +19 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, input, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
+
import { inject, input, output, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/material/button';
|
|
4
4
|
import { MatButtonModule } from '@angular/material/button';
|
|
5
5
|
import * as i2 from '@angular/material/divider';
|
|
@@ -18,7 +18,12 @@ class UserAvatarMenuMolecule extends NgAtomicComponent {
|
|
|
18
18
|
auth = inject(AuthService);
|
|
19
19
|
switcher = inject(WorkspaceSwitcherService, { optional: true });
|
|
20
20
|
signOutAction = input.required(...(ngDevMode ? [{ debugName: "signOutAction" }] : []));
|
|
21
|
+
workspaceSwitch = output();
|
|
21
22
|
imgError = signal(false, ...(ngDevMode ? [{ debugName: "imgError" }] : []));
|
|
23
|
+
switchTo(workspaceId) {
|
|
24
|
+
this.switcher?.switchTo(workspaceId);
|
|
25
|
+
this.workspaceSwitch.emit(workspaceId);
|
|
26
|
+
}
|
|
22
27
|
photoURL = computed(() => this.imgError() ? null : this.auth.auth()?.photoURL ?? null, ...(ngDevMode ? [{ debugName: "photoURL" }] : []));
|
|
23
28
|
email = computed(() => this.auth.auth()?.email ?? null, ...(ngDevMode ? [{ debugName: "email" }] : []));
|
|
24
29
|
initial = computed(() => {
|
|
@@ -27,7 +32,7 @@ class UserAvatarMenuMolecule extends NgAtomicComponent {
|
|
|
27
32
|
return source.charAt(0).toUpperCase();
|
|
28
33
|
}, ...(ngDevMode ? [{ debugName: "initial" }] : []));
|
|
29
34
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: UserAvatarMenuMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: UserAvatarMenuMolecule, isStandalone: true, selector: "molecules-user-avatar-menu", inputs: { signOutAction: { classPropertyName: "signOutAction", publicName: "signOutAction", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
35
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: UserAvatarMenuMolecule, isStandalone: true, selector: "molecules-user-avatar-menu", inputs: { signOutAction: { classPropertyName: "signOutAction", publicName: "signOutAction", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { workspaceSwitch: "workspaceSwitch" }, usesInheritance: true, ngImport: i0, template: `
|
|
31
36
|
<button mat-icon-button class="avatar-button" [matMenuTriggerFor]="menu" [matTooltip]="email() ?? ''">
|
|
32
37
|
@if (photoURL(); as url) {
|
|
33
38
|
<!-- crossorigin="anonymous": app は COEP: require-corp で cross-origin isolation しており、
|
|
@@ -43,7 +48,7 @@ class UserAvatarMenuMolecule extends NgAtomicComponent {
|
|
|
43
48
|
<div class="menu-header" mat-menu-item disabled>{{ email() }}</div>
|
|
44
49
|
<mat-divider/>
|
|
45
50
|
@for (workspace of switcher?.workspaces() ?? []; track workspace.id) {
|
|
46
|
-
<button mat-menu-item class="workspace-option" (click)="
|
|
51
|
+
<button mat-menu-item class="workspace-option" (click)="switchTo(workspace.id)">
|
|
47
52
|
<mat-icon>{{ workspace.id === switcher?.currentWorkspaceId() ? 'check' : '' }}</mat-icon>
|
|
48
53
|
{{ workspace.name }}
|
|
49
54
|
</button>
|
|
@@ -74,7 +79,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
74
79
|
<div class="menu-header" mat-menu-item disabled>{{ email() }}</div>
|
|
75
80
|
<mat-divider/>
|
|
76
81
|
@for (workspace of switcher?.workspaces() ?? []; track workspace.id) {
|
|
77
|
-
<button mat-menu-item class="workspace-option" (click)="
|
|
82
|
+
<button mat-menu-item class="workspace-option" (click)="switchTo(workspace.id)">
|
|
78
83
|
<mat-icon>{{ workspace.id === switcher?.currentWorkspaceId() ? 'check' : '' }}</mat-icon>
|
|
79
84
|
{{ workspace.name }}
|
|
80
85
|
</button>
|
|
@@ -86,7 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
86
91
|
</button>
|
|
87
92
|
</mat-menu>
|
|
88
93
|
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex}.avatar-button{display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.avatar-image{width:28px;height:28px;border-radius:50%;object-fit:cover}.avatar-initial{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--primary-color, #404040);color:var(--on-primary-color, #f0f0f0);font-size:14px;font-weight:500}\n"] }]
|
|
89
|
-
}], propDecorators: { signOutAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "signOutAction", required: true }] }] } });
|
|
94
|
+
}], propDecorators: { signOutAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "signOutAction", required: true }] }], workspaceSwitch: [{ type: i0.Output, args: ["workspaceSwitch"] }] } });
|
|
90
95
|
|
|
91
96
|
/**
|
|
92
97
|
* Generated bundle index. Do not edit.
|
|
@@ -126,7 +126,7 @@ class VersionSelectorMolecule {
|
|
|
126
126
|
</button>
|
|
127
127
|
}
|
|
128
128
|
}
|
|
129
|
-
`, isInline: true, styles: [":host{display:inline-flex;align-items:center}.version-display{color:var(--on-primary-color, inherit);text-decoration:none;padding:0 8px;min-height:36px;line-height:36px;font-size:14px;transition:background-color .2s ease-in-out}.version-display:hover{color:var(--on-primary-color, inherit);background-color:#ffffff1a}.version-channel{opacity:.65;font-size:.85em;margin-left:.3em}.version-autocomplete-wrapper{display:inline-flex;align-items:center}.version-autocomplete-wrapper .version-autocomplete-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:var(--on-primary-color, inherit);font-size:14px;padding:4px 8px;width:120px;outline:none;transition:border-bottom-color .2s ease-in-out}.version-autocomplete-wrapper .version-autocomplete-input:focus{border-bottom-color:var(--on-primary-color, inherit)}.version-autocomplete-wrapper .version-autocomplete-input::placeholder{color:#ffffff80}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
129
|
+
`, isInline: true, styles: [":host{display:inline-flex;align-items:center}.version-display{color:var(--on-primary-color, inherit);text-decoration:none;padding:0 8px;min-height:var(--navbar-button-height, 36px);line-height:var(--navbar-button-height, 36px);font-size:var(--navbar-font-size, 14px);transition:background-color .2s ease-in-out}.version-display:hover{color:var(--on-primary-color, inherit);background-color:#ffffff1a}.version-channel{opacity:.65;font-size:.85em;margin-left:.3em}.version-autocomplete-wrapper{display:inline-flex;align-items:center}.version-autocomplete-wrapper .version-autocomplete-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:var(--on-primary-color, inherit);font-size:var(--navbar-font-size, 14px);padding:4px 8px;width:120px;outline:none;transition:border-bottom-color .2s ease-in-out}.version-autocomplete-wrapper .version-autocomplete-input:focus{border-bottom-color:var(--on-primary-color, inherit)}.version-autocomplete-wrapper .version-autocomplete-input::placeholder{color:#ffffff80}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
130
130
|
}
|
|
131
131
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: VersionSelectorMolecule, decorators: [{
|
|
132
132
|
type: Component,
|
|
@@ -167,7 +167,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
167
167
|
</button>
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex;align-items:center}.version-display{color:var(--on-primary-color, inherit);text-decoration:none;padding:0 8px;min-height:36px;line-height:36px;font-size:14px;transition:background-color .2s ease-in-out}.version-display:hover{color:var(--on-primary-color, inherit);background-color:#ffffff1a}.version-channel{opacity:.65;font-size:.85em;margin-left:.3em}.version-autocomplete-wrapper{display:inline-flex;align-items:center}.version-autocomplete-wrapper .version-autocomplete-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:var(--on-primary-color, inherit);font-size:14px;padding:4px 8px;width:120px;outline:none;transition:border-bottom-color .2s ease-in-out}.version-autocomplete-wrapper .version-autocomplete-input:focus{border-bottom-color:var(--on-primary-color, inherit)}.version-autocomplete-wrapper .version-autocomplete-input::placeholder{color:#ffffff80}\n"] }]
|
|
170
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex;align-items:center}.version-display{color:var(--on-primary-color, inherit);text-decoration:none;padding:0 8px;min-height:var(--navbar-button-height, 36px);line-height:var(--navbar-button-height, 36px);font-size:var(--navbar-font-size, 14px);transition:background-color .2s ease-in-out}.version-display:hover{color:var(--on-primary-color, inherit);background-color:#ffffff1a}.version-channel{opacity:.65;font-size:.85em;margin-left:.3em}.version-autocomplete-wrapper{display:inline-flex;align-items:center}.version-autocomplete-wrapper .version-autocomplete-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:var(--on-primary-color, inherit);font-size:var(--navbar-font-size, 14px);padding:4px 8px;width:120px;outline:none;transition:border-bottom-color .2s ease-in-out}.version-autocomplete-wrapper .version-autocomplete-input:focus{border-bottom-color:var(--on-primary-color, inherit)}.version-autocomplete-wrapper .version-autocomplete-input::placeholder{color:#ffffff80}\n"] }]
|
|
171
171
|
}], ctorParameters: () => [], propDecorators: { versionInput: [{ type: i0.ViewChild, args: ['versionInput', { isSignal: true }] }] } });
|
|
172
172
|
|
|
173
173
|
/**
|
|
@@ -12,7 +12,7 @@ class WeeklyHeaderMolecule {
|
|
|
12
12
|
<span>{{ day }}</span>
|
|
13
13
|
</div>
|
|
14
14
|
}
|
|
15
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-
|
|
15
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-Z5dQQDoy: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-Z5dQQDoy: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-Z5dQQDoy)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] });
|
|
16
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WeeklyHeaderMolecule, decorators: [{
|
|
18
18
|
type: Component,
|
|
@@ -22,7 +22,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
22
22
|
<span>{{ day }}</span>
|
|
23
23
|
</div>
|
|
24
24
|
}
|
|
25
|
-
`, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-
|
|
25
|
+
`, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-Z5dQQDoy: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-Z5dQQDoy: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-Z5dQQDoy)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] }]
|
|
26
26
|
}], ctorParameters: () => [] });
|
|
27
27
|
|
|
28
28
|
/**
|
|
@@ -76,7 +76,7 @@ class WorkspaceSelectorMolecule {
|
|
|
76
76
|
</button>
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
|
-
`, isInline: true, styles: [":host{display:inline-flex;align-items:center}.breadcrumb-separator{color:var(--on-primary-color);padding:0 4px;font-size:14px}.breadcrumb-link.workspace-display{color:var(--on-primary-color);text-decoration:none;padding:0 8px;min-height:36px;line-height:36px;font-size:14px;transition:background-color .2s ease-in-out}.breadcrumb-link.workspace-display:hover{color:var(--on-primary-color);background-color:#ffffff1a}.breadcrumb-link.workspace-display mat-icon{margin-right:4px;font-size:18px;width:18px;height:18px;vertical-align:middle}.workspace-autocomplete-wrapper{display:inline-flex;align-items:center}.workspace-autocomplete-wrapper .workspace-autocomplete-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:var(--on-primary-color);font-size:14px;padding:4px 8px;width:120px;outline:none;transition:border-bottom-color .2s ease-in-out}.workspace-autocomplete-wrapper .workspace-autocomplete-input:focus{border-bottom-color:var(--on-primary-color)}.workspace-autocomplete-wrapper .workspace-autocomplete-input::placeholder{color:#ffffff80}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
79
|
+
`, isInline: true, styles: [":host{display:inline-flex;align-items:center}.breadcrumb-separator{color:var(--on-primary-color);padding:0 4px;font-size:var(--navbar-font-size, 14px)}.breadcrumb-link.workspace-display{color:var(--on-primary-color);text-decoration:none;padding:0 8px;min-height:var(--navbar-button-height, 36px);line-height:var(--navbar-button-height, 36px);font-size:var(--navbar-font-size, 14px);transition:background-color .2s ease-in-out}.breadcrumb-link.workspace-display:hover{color:var(--on-primary-color);background-color:#ffffff1a}.breadcrumb-link.workspace-display mat-icon{margin-right:4px;font-size:var(--navbar-icon-size, 18px);width:var(--navbar-icon-size, 18px);height:var(--navbar-icon-size, 18px);vertical-align:middle}.workspace-autocomplete-wrapper{display:inline-flex;align-items:center}.workspace-autocomplete-wrapper .workspace-autocomplete-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:var(--on-primary-color);font-size:var(--navbar-font-size, 14px);padding:4px 8px;width:120px;outline:none;transition:border-bottom-color .2s ease-in-out}.workspace-autocomplete-wrapper .workspace-autocomplete-input:focus{border-bottom-color:var(--on-primary-color)}.workspace-autocomplete-wrapper .workspace-autocomplete-input::placeholder{color:#ffffff80}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
80
80
|
}
|
|
81
81
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WorkspaceSelectorMolecule, decorators: [{
|
|
82
82
|
type: Component,
|
|
@@ -112,7 +112,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
112
112
|
</button>
|
|
113
113
|
}
|
|
114
114
|
}
|
|
115
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex;align-items:center}.breadcrumb-separator{color:var(--on-primary-color);padding:0 4px;font-size:14px}.breadcrumb-link.workspace-display{color:var(--on-primary-color);text-decoration:none;padding:0 8px;min-height:36px;line-height:36px;font-size:14px;transition:background-color .2s ease-in-out}.breadcrumb-link.workspace-display:hover{color:var(--on-primary-color);background-color:#ffffff1a}.breadcrumb-link.workspace-display mat-icon{margin-right:4px;font-size:18px;width:18px;height:18px;vertical-align:middle}.workspace-autocomplete-wrapper{display:inline-flex;align-items:center}.workspace-autocomplete-wrapper .workspace-autocomplete-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:var(--on-primary-color);font-size:14px;padding:4px 8px;width:120px;outline:none;transition:border-bottom-color .2s ease-in-out}.workspace-autocomplete-wrapper .workspace-autocomplete-input:focus{border-bottom-color:var(--on-primary-color)}.workspace-autocomplete-wrapper .workspace-autocomplete-input::placeholder{color:#ffffff80}\n"] }]
|
|
115
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex;align-items:center}.breadcrumb-separator{color:var(--on-primary-color);padding:0 4px;font-size:var(--navbar-font-size, 14px)}.breadcrumb-link.workspace-display{color:var(--on-primary-color);text-decoration:none;padding:0 8px;min-height:var(--navbar-button-height, 36px);line-height:var(--navbar-button-height, 36px);font-size:var(--navbar-font-size, 14px);transition:background-color .2s ease-in-out}.breadcrumb-link.workspace-display:hover{color:var(--on-primary-color);background-color:#ffffff1a}.breadcrumb-link.workspace-display mat-icon{margin-right:4px;font-size:var(--navbar-icon-size, 18px);width:var(--navbar-icon-size, 18px);height:var(--navbar-icon-size, 18px);vertical-align:middle}.workspace-autocomplete-wrapper{display:inline-flex;align-items:center}.workspace-autocomplete-wrapper .workspace-autocomplete-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:var(--on-primary-color);font-size:var(--navbar-font-size, 14px);padding:4px 8px;width:120px;outline:none;transition:border-bottom-color .2s ease-in-out}.workspace-autocomplete-wrapper .workspace-autocomplete-input:focus{border-bottom-color:var(--on-primary-color)}.workspace-autocomplete-wrapper .workspace-autocomplete-input::placeholder{color:#ffffff80}\n"] }]
|
|
116
116
|
}], ctorParameters: () => [], propDecorators: { workspaceInput: [{ type: i0.ViewChild, args: ['workspaceInput', { isSignal: true }] }] } });
|
|
117
117
|
|
|
118
118
|
/**
|
|
@@ -56,7 +56,7 @@ class CalendarSectionOrganism {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
</div>
|
|
59
|
-
`, isInline: true, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-
|
|
59
|
+
`, isInline: true, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-a8Htluwo: var(--row);--row-num: 0;--row-num-SCOPED-IN-a8Htluwo: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-a8Htluwo: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-a8Htluwo: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-a8Htluwo: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-a8Htluwo);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-a8Htluwo),var(--row-SCOPED-IN-a8Htluwo));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-a8Htluwo)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-a8Htluwo);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"], dependencies: [{ kind: "component", type: DailyCellMolecule, selector: "molecules-daily-cell", inputs: ["date", "schedules", "displayDate", "noSchedulesText", "toolTipText", "marked", "markingColor"] }, { kind: "component", type: WeeklyHeaderMolecule, selector: "molecules-weekly-header" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
60
60
|
}
|
|
61
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CalendarSectionOrganism, decorators: [{
|
|
62
62
|
type: Component,
|
|
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
</div>
|
|
93
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-
|
|
93
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-a8Htluwo: var(--row);--row-num: 0;--row-num-SCOPED-IN-a8Htluwo: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-a8Htluwo: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-a8Htluwo: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-a8Htluwo: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-a8Htluwo);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-a8Htluwo),var(--row-SCOPED-IN-a8Htluwo));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-a8Htluwo)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-a8Htluwo);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"] }]
|
|
94
94
|
}], propDecorators: { label: [{
|
|
95
95
|
type: Input
|
|
96
96
|
}], displayDays: [{
|
|
@@ -379,28 +379,9 @@ class SessionMentionLinksAddon {
|
|
|
379
379
|
}
|
|
380
380
|
}
|
|
381
381
|
|
|
382
|
-
function deployVersionToHostSuffix(version) {
|
|
383
|
-
if (!version || version === 'stable')
|
|
384
|
-
return '';
|
|
385
|
-
if (version.startsWith('pr-'))
|
|
386
|
-
return `--${version}`;
|
|
387
|
-
if (version === 'dev' || version === 'develop' || version === 'preview')
|
|
388
|
-
return '--dev';
|
|
389
|
-
const match = version.match(/^v?(\d+)\.(\d+)\.(\d+)(?:-([a-z]+)\.(\d+))?$/);
|
|
390
|
-
if (match) {
|
|
391
|
-
const [, major, minor, patch, pre, num] = match;
|
|
392
|
-
let encoded = `v${major}-${minor}-${patch}`;
|
|
393
|
-
if (pre)
|
|
394
|
-
encoded += `-${pre}-${num}`;
|
|
395
|
-
return `--${encoded}`;
|
|
396
|
-
}
|
|
397
|
-
return '';
|
|
398
|
-
}
|
|
399
|
-
|
|
400
382
|
const USER_CONTENT_DOMAIN = '10p.io';
|
|
401
|
-
function buildUserContentOrigin(serverUUID, portOrService,
|
|
402
|
-
|
|
403
|
-
return `https://${serverUUID}--${portOrService}${suffix}.${domain}`;
|
|
383
|
+
function buildUserContentOrigin(serverUUID, portOrService, domain = USER_CONTENT_DOMAIN) {
|
|
384
|
+
return `https://${serverUUID}--${portOrService}.${domain}`;
|
|
404
385
|
}
|
|
405
386
|
|
|
406
387
|
function encodeUrlHandoff(token, endpoints, env) {
|
|
@@ -416,9 +397,9 @@ function appendUrlHandoff(proxyUrl, token, endpoints, env) {
|
|
|
416
397
|
}
|
|
417
398
|
|
|
418
399
|
function openWebProxyForPort(opts) {
|
|
419
|
-
const { serverUUID, port, path = '/', token, endpoints, env
|
|
400
|
+
const { serverUUID, port, path = '/', token, endpoints, env } = opts;
|
|
420
401
|
const handler = opts.handler ?? ((_, url) => { window.open(url, '_blank', 'noopener'); });
|
|
421
|
-
const baseProxyUrl = `${buildUserContentOrigin(serverUUID, port
|
|
402
|
+
const baseProxyUrl = `${buildUserContentOrigin(serverUUID, port)}${path}`;
|
|
422
403
|
if (!token || !endpoints) {
|
|
423
404
|
handler(undefined, baseProxyUrl);
|
|
424
405
|
return;
|
|
@@ -427,13 +408,13 @@ function openWebProxyForPort(opts) {
|
|
|
427
408
|
window.open(proxyUrlWithHandoff, '_blank', 'noopener');
|
|
428
409
|
}
|
|
429
410
|
|
|
430
|
-
function toProxyUrl(serverUUID, localhostUrl
|
|
411
|
+
function toProxyUrl(serverUUID, localhostUrl) {
|
|
431
412
|
const match = localhostUrl.match(/^https?:\/\/(?:localhost|127\.0\.0\.1)(?::(\d+))?(\/.*)?$/);
|
|
432
413
|
if (!match)
|
|
433
414
|
return null;
|
|
434
415
|
const port = match[1] || '80';
|
|
435
416
|
const path = match[2] || '/';
|
|
436
|
-
return `${buildUserContentOrigin(serverUUID, port
|
|
417
|
+
return `${buildUserContentOrigin(serverUUID, port)}${path}`;
|
|
437
418
|
}
|
|
438
419
|
|
|
439
420
|
const LOCALHOST_URL_REGEX = /https?:\/\/(?:localhost|127\.0\.0\.1)(?::(\d+))?(\/[^\s<>'")\]]*)?/g;
|
|
@@ -442,16 +423,14 @@ class ProxyLinkProvider {
|
|
|
442
423
|
_getServerUUID;
|
|
443
424
|
_getToken;
|
|
444
425
|
_handler;
|
|
445
|
-
_getDeployVersion;
|
|
446
426
|
_getEndpoints;
|
|
447
427
|
_onMissingToken;
|
|
448
428
|
_getEnv;
|
|
449
|
-
constructor(_terminal, _getServerUUID, _getToken, _handler,
|
|
429
|
+
constructor(_terminal, _getServerUUID, _getToken, _handler, _getEndpoints, _onMissingToken, _getEnv) {
|
|
450
430
|
this._terminal = _terminal;
|
|
451
431
|
this._getServerUUID = _getServerUUID;
|
|
452
432
|
this._getToken = _getToken;
|
|
453
433
|
this._handler = _handler;
|
|
454
|
-
this._getDeployVersion = _getDeployVersion;
|
|
455
434
|
this._getEndpoints = _getEndpoints;
|
|
456
435
|
this._onMissingToken = _onMissingToken;
|
|
457
436
|
this._getEnv = _getEnv;
|
|
@@ -508,7 +487,6 @@ class ProxyLinkProvider {
|
|
|
508
487
|
token,
|
|
509
488
|
endpoints,
|
|
510
489
|
env: this._getEnv?.(),
|
|
511
|
-
deployVersion: this._getDeployVersion?.(),
|
|
512
490
|
});
|
|
513
491
|
},
|
|
514
492
|
});
|
|
@@ -521,22 +499,20 @@ class ProxyLinksAddon {
|
|
|
521
499
|
_getServerUUID;
|
|
522
500
|
_getToken;
|
|
523
501
|
_handler;
|
|
524
|
-
_getDeployVersion;
|
|
525
502
|
_getEndpoints;
|
|
526
503
|
_onMissingToken;
|
|
527
504
|
_getEnv;
|
|
528
505
|
_linkProvider;
|
|
529
|
-
constructor(_getServerUUID, _getToken, _handler,
|
|
506
|
+
constructor(_getServerUUID, _getToken, _handler, _getEndpoints, _onMissingToken, _getEnv) {
|
|
530
507
|
this._getServerUUID = _getServerUUID;
|
|
531
508
|
this._getToken = _getToken;
|
|
532
509
|
this._handler = _handler;
|
|
533
|
-
this._getDeployVersion = _getDeployVersion;
|
|
534
510
|
this._getEndpoints = _getEndpoints;
|
|
535
511
|
this._onMissingToken = _onMissingToken;
|
|
536
512
|
this._getEnv = _getEnv;
|
|
537
513
|
}
|
|
538
514
|
activate(terminal) {
|
|
539
|
-
this._linkProvider = terminal.registerLinkProvider(new ProxyLinkProvider(terminal, this._getServerUUID, this._getToken, this._handler, this.
|
|
515
|
+
this._linkProvider = terminal.registerLinkProvider(new ProxyLinkProvider(terminal, this._getServerUUID, this._getToken, this._handler, this._getEndpoints, this._onMissingToken, this._getEnv));
|
|
540
516
|
}
|
|
541
517
|
dispose() {
|
|
542
518
|
this._linkProvider?.dispose();
|
|
@@ -664,11 +640,11 @@ const CANONICAL_FONT_FACES = [
|
|
|
664
640
|
];
|
|
665
641
|
const DEFAULT_CELL_WIDTH = CANONICAL_FONT_SIZE_PX * CANONICAL_CELL_WIDTH_RATIO;
|
|
666
642
|
const DEFAULT_CELL_HEIGHT = CANONICAL_FONT_SIZE_PX * CANONICAL_CELL_HEIGHT_RATIO;
|
|
667
|
-
function
|
|
643
|
+
function probeCanonicalCellRect() {
|
|
668
644
|
try {
|
|
669
645
|
const doc = document;
|
|
670
646
|
if (!doc?.body)
|
|
671
|
-
return
|
|
647
|
+
return null;
|
|
672
648
|
const probe = doc.createElement('span');
|
|
673
649
|
probe.textContent = 'M';
|
|
674
650
|
probe.style.position = 'absolute';
|
|
@@ -682,14 +658,20 @@ function measureCellMetric() {
|
|
|
682
658
|
doc.body.appendChild(probe);
|
|
683
659
|
const rect = probe.getBoundingClientRect();
|
|
684
660
|
doc.body.removeChild(probe);
|
|
685
|
-
|
|
686
|
-
const cellHeight = rect.height >= 8 ? rect.height : DEFAULT_CELL_HEIGHT;
|
|
687
|
-
return { cellWidth, cellHeight };
|
|
661
|
+
return { width: rect.width, height: rect.height };
|
|
688
662
|
}
|
|
689
663
|
catch {
|
|
690
|
-
return
|
|
664
|
+
return null;
|
|
691
665
|
}
|
|
692
666
|
}
|
|
667
|
+
function measureCellMetric() {
|
|
668
|
+
const rect = probeCanonicalCellRect();
|
|
669
|
+
if (!rect)
|
|
670
|
+
return { cellWidth: DEFAULT_CELL_WIDTH, cellHeight: DEFAULT_CELL_HEIGHT };
|
|
671
|
+
const cellWidth = rect.width >= 3 ? rect.width : DEFAULT_CELL_WIDTH;
|
|
672
|
+
const cellHeight = rect.height >= 8 ? rect.height : DEFAULT_CELL_HEIGHT;
|
|
673
|
+
return { cellWidth, cellHeight };
|
|
674
|
+
}
|
|
693
675
|
function computeFitToViewport(input) {
|
|
694
676
|
const { viewportElement, cellWidth, cellHeight } = input;
|
|
695
677
|
if (!cellWidth || !cellHeight || cellWidth <= 0 || cellHeight <= 0)
|
|
@@ -717,13 +699,22 @@ function recordCanvasCellMetric(metric) {
|
|
|
717
699
|
}
|
|
718
700
|
const CELL_WIDTH_RATIO = CANONICAL_CELL_WIDTH_RATIO;
|
|
719
701
|
const CELL_HEIGHT_RATIO = CANONICAL_CELL_HEIGHT_RATIO;
|
|
720
|
-
function
|
|
721
|
-
|
|
722
|
-
return cached;
|
|
723
|
-
cached = {
|
|
702
|
+
function canonicalCellMetric(fontSize) {
|
|
703
|
+
return {
|
|
724
704
|
cellWidth: fontSize * CELL_WIDTH_RATIO,
|
|
725
705
|
cellHeight: Math.round(fontSize * CELL_HEIGHT_RATIO),
|
|
726
706
|
};
|
|
707
|
+
}
|
|
708
|
+
function getCanvasCellMetric(fontSize = CANONICAL_FONT_SIZE_PX) {
|
|
709
|
+
if (cached)
|
|
710
|
+
return cached;
|
|
711
|
+
cached = canonicalCellMetric(fontSize);
|
|
712
|
+
return cached;
|
|
713
|
+
}
|
|
714
|
+
function primeCanvasCellMetric(measured, fontSize = CANONICAL_FONT_SIZE_PX) {
|
|
715
|
+
const base = canonicalCellMetric(fontSize);
|
|
716
|
+
const width = measured.cellWidth;
|
|
717
|
+
cached = Number.isFinite(width) && width > 0 ? { cellWidth: width, cellHeight: base.cellHeight } : base;
|
|
727
718
|
return cached;
|
|
728
719
|
}
|
|
729
720
|
function _legacyMeasureViaTempTerminal(fontSize = CANONICAL_FONT_SIZE_PX) {
|
|
@@ -1004,7 +995,7 @@ function planDataWrite(o) {
|
|
|
1004
995
|
if (data === '')
|
|
1005
996
|
return { text: '', reset: false, scrollToTop: false, nextDataLength: lastDataLength };
|
|
1006
997
|
if (mode === 'screen')
|
|
1007
|
-
return { text: data, reset:
|
|
998
|
+
return { text: data, reset: false, scrollToTop: true, nextDataLength: data.length };
|
|
1008
999
|
if (data.length >= lastDataLength) {
|
|
1009
1000
|
return { text: data.slice(lastDataLength), reset: false, scrollToTop: false, nextDataLength: data.length };
|
|
1010
1001
|
}
|
|
@@ -1154,7 +1145,7 @@ class XtermOrganism extends NgAtomicComponent {
|
|
|
1154
1145
|
const ctx = this.store.sessionContext;
|
|
1155
1146
|
this.terminal.loadAddon(new ProxyLinksAddon(ctx?.getServerUUID ?? (() => undefined), ctx?.getProxyToken, (event, url) => {
|
|
1156
1147
|
this.dispatch({ id: XtermActionId.WEB_LINK_CLICK, payload: { url } });
|
|
1157
|
-
}, ctx?.
|
|
1148
|
+
}, ctx?.getProxyEndpoints, ctx?.onMissingToken, ctx?.getProxyEnv));
|
|
1158
1149
|
if (this.store.staticScreen()) {
|
|
1159
1150
|
this.terminal.loadAddon(new PortLinksAddon((event, port) => {
|
|
1160
1151
|
this.dispatch({ id: XtermActionId.PORT_LINK_CLICK, payload: { port } });
|
|
@@ -1601,4 +1592,4 @@ function applyScrollbackForFocus(terminal, { isInteractive, focused }) {
|
|
|
1601
1592
|
* Generated bundle index. Do not edit.
|
|
1602
1593
|
*/
|
|
1603
1594
|
|
|
1604
|
-
export { CANONICAL_CELL_HEIGHT_RATIO, CANONICAL_CELL_WIDTH_RATIO, CANONICAL_FONT_FACES, CANONICAL_FONT_FAMILY, CANONICAL_FONT_SIZE_PX, CANONICAL_LINE_HEIGHT, DISPLAY_THEME, FOLLOW_BOTTOM_GESTURE_WINDOW_MS, GitHubLinkProvider, GitHubLinksAddon, INTERACTIVE_THEME, MAX_VIEWPORT_COLS, MAX_VIEWPORT_ROWS, MIN_VIEWPORT_COLS, MIN_VIEWPORT_ROWS, PORTS_SECTION_TITLE, PortLinkProvider, PortLinksAddon, ProxyLinkProvider, ProxyLinksAddon, SessionMentionLinkProvider, SessionMentionLinksAddon, USER_CONTENT_DOMAIN, WebLinksAddon, XTERM_SESSION_CONTEXT, XtermActionId, XtermOrganism, XtermOrganismStore, appendUrlHandoff, applyScrollbackForFocus, asciiArtToSvg, attachFollowBottom, buildTerminalOptions, buildUserContentOrigin, clearCanvasCellMetricCache, computeFitToViewport, decideTerminalWrite,
|
|
1595
|
+
export { CANONICAL_CELL_HEIGHT_RATIO, CANONICAL_CELL_WIDTH_RATIO, CANONICAL_FONT_FACES, CANONICAL_FONT_FAMILY, CANONICAL_FONT_SIZE_PX, CANONICAL_LINE_HEIGHT, DISPLAY_THEME, FOLLOW_BOTTOM_GESTURE_WINDOW_MS, GitHubLinkProvider, GitHubLinksAddon, INTERACTIVE_THEME, MAX_VIEWPORT_COLS, MAX_VIEWPORT_ROWS, MIN_VIEWPORT_COLS, MIN_VIEWPORT_ROWS, PORTS_SECTION_TITLE, PortLinkProvider, PortLinksAddon, ProxyLinkProvider, ProxyLinksAddon, SessionMentionLinkProvider, SessionMentionLinksAddon, USER_CONTENT_DOMAIN, WebLinksAddon, XTERM_SESSION_CONTEXT, XtermActionId, XtermOrganism, XtermOrganismStore, appendUrlHandoff, applyScrollbackForFocus, asciiArtToSvg, attachFollowBottom, buildTerminalOptions, buildUserContentOrigin, clearCanvasCellMetricCache, computeFitToViewport, decideTerminalWrite, encodeUrlHandoff, extractSessionMentions, generateAsciiArt, getCanvasCellMetric, getMachinaAsciiArtSixel, hasVisibleContent, isPortsSectionRow, measureCellMetric, openWebProxyForPort, portTokensOf, primeCanvasCellMetric, probeCanonicalCellRect, recordCanvasCellMetric, svgToSixel, toProxyUrl };
|
|
@@ -422,7 +422,7 @@ class CommandPage extends NgAtomicComponent {
|
|
|
422
422
|
</frames-tabs>
|
|
423
423
|
</templates-form>
|
|
424
424
|
</frames-router-outlet>
|
|
425
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-
|
|
425
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-l0Y0: var(--page-width-lv1);--primary-color-SCOPED-IN-command-l0Y0: var(--primary-color);--on-primary-color-SCOPED-IN-command-l0Y0: var(--on-primary-color);--background-color-SCOPED-IN-command-l0Y0: var(--background-color);--on-background-color-SCOPED-IN-command-l0Y0: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-l0Y0)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-l0Y0);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-l0Y0);--background-color: var(--background-color-SCOPED-IN-command-l0Y0);--on-background-color: var(--on-background-color-SCOPED-IN-command-l0Y0)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: FormTemplate, selector: "templates-form" }, { kind: "component", type: TabsFrame, selector: "frames-tabs", inputs: ["labels"], outputs: ["selectedTabIndexChange"] }, { kind: "component", type: CommandFormGroup, selector: "groups-command-form", inputs: ["apiJsonUrls"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }] });
|
|
426
426
|
}
|
|
427
427
|
__decorate([
|
|
428
428
|
Effect(FormTemplateStore.ActionId.FILE_SELECTED),
|
|
@@ -485,7 +485,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
485
485
|
'actions',
|
|
486
486
|
]
|
|
487
487
|
},
|
|
488
|
-
], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-
|
|
488
|
+
], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-l0Y0: var(--page-width-lv1);--primary-color-SCOPED-IN-command-l0Y0: var(--primary-color);--on-primary-color-SCOPED-IN-command-l0Y0: var(--on-primary-color);--background-color-SCOPED-IN-command-l0Y0: var(--background-color);--on-background-color-SCOPED-IN-command-l0Y0: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-l0Y0)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-l0Y0);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-l0Y0);--background-color: var(--background-color-SCOPED-IN-command-l0Y0);--on-background-color: var(--on-background-color-SCOPED-IN-command-l0Y0)}\n"] }]
|
|
489
489
|
}], propDecorators: { onFileSelected: [] } });
|
|
490
490
|
|
|
491
491
|
/**
|
|
@@ -688,7 +688,7 @@ class QueryPage extends NgAtomicComponent {
|
|
|
688
688
|
<groups-query-form dashboard (action)="dispatch($event)" />
|
|
689
689
|
</templates-index>
|
|
690
690
|
</frames-router-outlet>
|
|
691
|
-
`, isInline: true, styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-
|
|
691
|
+
`, isInline: true, styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-twqP: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-twqP: var(--page-width-lv3);--primary-color-SCOPED-IN-query-twqP: var(--primary-color);--on-primary-color-SCOPED-IN-query-twqP: var(--on-primary-color);--surface-color-SCOPED-IN-query-twqP: var(--surface-color);--on-surface-color-SCOPED-IN-query-twqP: var(--on-surface-color);--on-background-color-SCOPED-IN-query-twqP: var(--on-background-color);--background-color-SCOPED-IN-query-twqP: var(--background-color);--navigator-background-color-SCOPED-IN-query-twqP: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-twqP: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-twqP: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-twqP: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-twqP: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-twqP);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-twqP);--surface-color: var(--surface-color-SCOPED-IN-query-twqP);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-twqP);--background-color: var(--background-color-SCOPED-IN-query-twqP);--on-background-color: var(--on-background-color-SCOPED-IN-query-twqP);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-twqP);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-twqP);--table-background-color: var(--table-background-color-SCOPED-IN-query-twqP);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-twqP);--is-debug: var(--is-debug-SCOPED-IN-query-twqP)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-twqP) * 300px);transition:padding-left .3s}:host templates-index div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host templates-index div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}\n"], dependencies: [{ kind: "component", type: IndexTemplate, selector: "templates-index" }, { kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap", "fieldKeys"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
692
692
|
}
|
|
693
693
|
__decorate([
|
|
694
694
|
Effect(IndexTemplateStore.ActionId.BACK),
|
|
@@ -769,7 +769,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
769
769
|
'pageSizeOptions'
|
|
770
770
|
]
|
|
771
771
|
},
|
|
772
|
-
], styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-
|
|
772
|
+
], styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-twqP: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-twqP: var(--page-width-lv3);--primary-color-SCOPED-IN-query-twqP: var(--primary-color);--on-primary-color-SCOPED-IN-query-twqP: var(--on-primary-color);--surface-color-SCOPED-IN-query-twqP: var(--surface-color);--on-surface-color-SCOPED-IN-query-twqP: var(--on-surface-color);--on-background-color-SCOPED-IN-query-twqP: var(--on-background-color);--background-color-SCOPED-IN-query-twqP: var(--background-color);--navigator-background-color-SCOPED-IN-query-twqP: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-twqP: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-twqP: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-twqP: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-twqP: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-twqP);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-twqP);--surface-color: var(--surface-color-SCOPED-IN-query-twqP);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-twqP);--background-color: var(--background-color-SCOPED-IN-query-twqP);--on-background-color: var(--on-background-color-SCOPED-IN-query-twqP);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-twqP);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-twqP);--table-background-color: var(--table-background-color-SCOPED-IN-query-twqP);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-twqP);--is-debug: var(--is-debug-SCOPED-IN-query-twqP)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-twqP) * 300px);transition:padding-left .3s}:host templates-index div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host templates-index div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}\n"] }]
|
|
773
773
|
}], ctorParameters: () => [], propDecorators: { template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => IndexTemplate), { isSignal: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], back: [], navigateToIframe: [], expandPage: [], itemClick: [] } });
|
|
774
774
|
|
|
775
775
|
/**
|
|
@@ -104,7 +104,7 @@ class ThreadPage extends NgAtomicComponent {
|
|
|
104
104
|
(action)="dispatch($event)"
|
|
105
105
|
/>
|
|
106
106
|
</frames-router-outlet>
|
|
107
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-
|
|
107
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-FEl8: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-FEl8: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-FEl8: var(--primary-color);--on-primary-color-SCOPED-IN-thread-FEl8: var(--on-primary-color);--surface-color-SCOPED-IN-thread-FEl8: var(--surface-color);--on-surface-color-SCOPED-IN-thread-FEl8: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-FEl8: var(--on-background-color);--background-color-SCOPED-IN-thread-FEl8: var(--background-color);--navigator-background-color-SCOPED-IN-thread-FEl8: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-FEl8: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-FEl8: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-FEl8: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-FEl8)}:host .chat-container{display:flex;flex-direction:column;height:100%}:host .message{padding:10px;border-bottom:1px solid #ccc}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: ThreadTemplate, selector: "templates-messages" }] });
|
|
108
108
|
}
|
|
109
109
|
__decorate([
|
|
110
110
|
Effect(ActionId.SEND_MESSAGE),
|
|
@@ -137,7 +137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
137
137
|
'messages',
|
|
138
138
|
]
|
|
139
139
|
},
|
|
140
|
-
], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-
|
|
140
|
+
], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-FEl8: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-FEl8: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-FEl8: var(--primary-color);--on-primary-color-SCOPED-IN-thread-FEl8: var(--on-primary-color);--surface-color-SCOPED-IN-thread-FEl8: var(--surface-color);--on-surface-color-SCOPED-IN-thread-FEl8: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-FEl8: var(--on-background-color);--background-color-SCOPED-IN-thread-FEl8: var(--background-color);--navigator-background-color-SCOPED-IN-thread-FEl8: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-FEl8: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-FEl8: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-FEl8: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-FEl8)}:host .chat-container{display:flex;flex-direction:column;height:100%}:host .message{padding:10px;border-bottom:1px solid #ccc}\n"] }]
|
|
141
141
|
}], propDecorators: { onCompositionStart: [{
|
|
142
142
|
type: HostListener,
|
|
143
143
|
args: ['compositionstart', ['$event']]
|
|
@@ -26,6 +26,7 @@ class AppBarService {
|
|
|
26
26
|
.map((route) => ({
|
|
27
27
|
label: resolveSignal(route.snapshot.data['title']),
|
|
28
28
|
path: '/' + route.snapshot.url.join('/'),
|
|
29
|
+
link: '/' + route.snapshot.pathFromRoot.flatMap((r) => r.url.map((u) => u.path)).join('/'),
|
|
29
30
|
params: { ...route.snapshot.params },
|
|
30
31
|
queryParams: { ...route.snapshot.queryParams },
|
|
31
32
|
}))
|
|
@@ -420,7 +420,7 @@ class AgentTemplate extends NgAtomicComponent {
|
|
|
420
420
|
</div>
|
|
421
421
|
}
|
|
422
422
|
</frames-scroll>
|
|
423
|
-
`, isInline: true, styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-
|
|
423
|
+
`, isInline: true, styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-5gTY: var(--text);--user: #33ff33;--user-SCOPED-IN-entrance-5gTY: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-5gTY: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-5gTY: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-5gTY: var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;font-family:SF Mono,Monaco,monospace;container-type:inline-size;container-name:agent-container;transition:all .3s ease}.terminal-window{--height: 100%;--contents-gap: 0;width:100%;max-width:900px;height:600px;background:#0a0a0a;border:1px solid var(--border-SCOPED-IN-entrance-5gTY);border-radius:8px;box-shadow:0 20px 40px #0000004d;animation:fadeIn .3s;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;align-items:center;height:56px;min-height:56px;flex-shrink:0;padding:0;background:#1a1a1a99;border-bottom:1px solid var(--border-SCOPED-IN-entrance-5gTY);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-5gTY);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-5gTY);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-5gTY);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-5gTY);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-5gTY);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;padding:16px 20px}.input-line{display:block;position:relative}.input-line .input-prefix{display:none}.input-line .textarea-wrapper{display:flex;align-items:flex-start;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:border-color .2s ease}.input-line .textarea-wrapper:focus-within{border-color:#fff6}.input-line .textarea-wrapper .arrow-prefix{color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;padding:12px 0 12px 16px;flex-shrink:0;pointer-events:none}.input-line .textarea-wrapper .input-container{flex:1;position:relative;overflow:hidden}.input-line .textarea-wrapper .terminal-input{width:100%;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;caret-color:transparent;padding:12px 16px 12px 8px;transition:none;resize:none;height:44px;min-height:44px;max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:20px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.input-line .textarea-wrapper .terminal-input::selection{background:#ffffff4d}.input-line .textarea-wrapper .terminal-input{caret-shape:block}.input-line .textarea-wrapper .terminal-input:disabled{opacity:.5;cursor:not-allowed}.input-line .textarea-wrapper .terminal-input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.9) inset}.input-line .textarea-wrapper .terminal-input::placeholder{color:#ffffff4d;opacity:1}.input-line .textarea-wrapper .block-cursor{position:absolute;width:10px;height:20px;background:#e0e0e0;opacity:0;pointer-events:none}.input-line .textarea-wrapper .block-cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:.8}51%,to{opacity:0}}:host:has(.terminal-window){height:100vh;height:100dvh;overflow-y:auto}@container agent-container (max-width: 600px){:host{padding:0;padding-top:env(safe-area-inset-top)}.terminal-window{height:100%;max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}.terminal-header{height:56px;padding:0}.terminal-header .terminal-title{font-size:12px}.terminal-header .terminal-status{font-size:11px}.terminal-header .close-button{margin-right:.25rem}}@container agent-container (min-width: 601px) and (max-width: 900px){.terminal-window{max-width:100%;height:100%;border-radius:0}}@container agent-container (max-width: 400px){.terminal-header{height:56px;padding:0}.terminal-header .close-button{margin-right:.2rem}.input-area{padding:12px 16px}.textarea-wrapper .arrow-prefix{font-size:13px;padding:10px 0 10px 12px}.textarea-wrapper .terminal-input{font-size:12px;padding:10px 12px 10px 6px;height:40px;min-height:40px;line-height:20px}}.ascii-art{font-family:Consolas,Monaco,Liberation Mono,Menlo,Courier New,monospace!important;font-size:10px!important;line-height:1.1!important;letter-spacing:0!important;font-weight:400!important;margin:1em 0!important;padding:1em!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:fit-content!important;background:#ffffff08;border:1px solid var(--border-SCOPED-IN-entrance-5gTY);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-5gTY)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-5gTY),0 0 20px var(--accent-SCOPED-IN-entrance-5gTY);-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;font-variant-ligatures:none!important;text-rendering:optimizeLegibility!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: XtermOrganism, selector: "organisms-xterm", outputs: ["terminalReady", "githubLinkClick"] }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
|
|
424
424
|
}
|
|
425
425
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AgentTemplate, decorators: [{
|
|
426
426
|
type: Component,
|
|
@@ -505,7 +505,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
505
505
|
'fieldMap',
|
|
506
506
|
],
|
|
507
507
|
},
|
|
508
|
-
], styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-
|
|
508
|
+
], styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-5gTY: var(--text);--user: #33ff33;--user-SCOPED-IN-entrance-5gTY: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-5gTY: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-5gTY: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-5gTY: var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;font-family:SF Mono,Monaco,monospace;container-type:inline-size;container-name:agent-container;transition:all .3s ease}.terminal-window{--height: 100%;--contents-gap: 0;width:100%;max-width:900px;height:600px;background:#0a0a0a;border:1px solid var(--border-SCOPED-IN-entrance-5gTY);border-radius:8px;box-shadow:0 20px 40px #0000004d;animation:fadeIn .3s;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;align-items:center;height:56px;min-height:56px;flex-shrink:0;padding:0;background:#1a1a1a99;border-bottom:1px solid var(--border-SCOPED-IN-entrance-5gTY);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-5gTY);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-5gTY);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-5gTY);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-5gTY);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-5gTY);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;padding:16px 20px}.input-line{display:block;position:relative}.input-line .input-prefix{display:none}.input-line .textarea-wrapper{display:flex;align-items:flex-start;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:border-color .2s ease}.input-line .textarea-wrapper:focus-within{border-color:#fff6}.input-line .textarea-wrapper .arrow-prefix{color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;padding:12px 0 12px 16px;flex-shrink:0;pointer-events:none}.input-line .textarea-wrapper .input-container{flex:1;position:relative;overflow:hidden}.input-line .textarea-wrapper .terminal-input{width:100%;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;caret-color:transparent;padding:12px 16px 12px 8px;transition:none;resize:none;height:44px;min-height:44px;max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:20px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.input-line .textarea-wrapper .terminal-input::selection{background:#ffffff4d}.input-line .textarea-wrapper .terminal-input{caret-shape:block}.input-line .textarea-wrapper .terminal-input:disabled{opacity:.5;cursor:not-allowed}.input-line .textarea-wrapper .terminal-input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.9) inset}.input-line .textarea-wrapper .terminal-input::placeholder{color:#ffffff4d;opacity:1}.input-line .textarea-wrapper .block-cursor{position:absolute;width:10px;height:20px;background:#e0e0e0;opacity:0;pointer-events:none}.input-line .textarea-wrapper .block-cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:.8}51%,to{opacity:0}}:host:has(.terminal-window){height:100vh;height:100dvh;overflow-y:auto}@container agent-container (max-width: 600px){:host{padding:0;padding-top:env(safe-area-inset-top)}.terminal-window{height:100%;max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}.terminal-header{height:56px;padding:0}.terminal-header .terminal-title{font-size:12px}.terminal-header .terminal-status{font-size:11px}.terminal-header .close-button{margin-right:.25rem}}@container agent-container (min-width: 601px) and (max-width: 900px){.terminal-window{max-width:100%;height:100%;border-radius:0}}@container agent-container (max-width: 400px){.terminal-header{height:56px;padding:0}.terminal-header .close-button{margin-right:.2rem}.input-area{padding:12px 16px}.textarea-wrapper .arrow-prefix{font-size:13px;padding:10px 0 10px 12px}.textarea-wrapper .terminal-input{font-size:12px;padding:10px 12px 10px 6px;height:40px;min-height:40px;line-height:20px}}.ascii-art{font-family:Consolas,Monaco,Liberation Mono,Menlo,Courier New,monospace!important;font-size:10px!important;line-height:1.1!important;letter-spacing:0!important;font-weight:400!important;margin:1em 0!important;padding:1em!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:fit-content!important;background:#ffffff08;border:1px solid var(--border-SCOPED-IN-entrance-5gTY);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-5gTY)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-5gTY),0 0 20px var(--accent-SCOPED-IN-entrance-5gTY);-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;font-variant-ligatures:none!important;text-rendering:optimizeLegibility!important}\n"] }]
|
|
509
509
|
}], propDecorators: { endActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "endActions", required: false }] }], hideInputArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideInputArea", required: false }] }], xtermComponent: [{ type: i0.ViewChild, args: ['xtermComponent', { isSignal: true }] }], inputField: [{ type: i0.ViewChild, args: ['inputField', { isSignal: true }] }], onWindowResize: [{
|
|
510
510
|
type: HostListener,
|
|
511
511
|
args: ['window:resize']
|
|
@@ -38,7 +38,7 @@ class MachinaIconButtonMenuTemplate extends NgAtomicComponent {
|
|
|
38
38
|
</button>
|
|
39
39
|
}
|
|
40
40
|
</div>
|
|
41
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-
|
|
41
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-U1U7: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-U1U7: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-U1U7: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-U1U7: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-U1U7: var(--on-background-color);--mat-icon-button-icon-color: #FEFEFE;--mat-icon-button-icon-color-SCOPED-IN-icon-button-menu-U1U7: var(--mat-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-U1U7);color:var(--on-background-color-SCOPED-IN-icon-button-menu-U1U7)}:host .top,:host .bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-U1U7);cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: UserAvatarMenuMolecule, selector: "molecules-user-avatar-menu", inputs: ["signOutAction"], outputs: ["workspaceSwitch"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
42
42
|
}
|
|
43
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MachinaIconButtonMenuTemplate, decorators: [{
|
|
44
44
|
type: Component,
|
|
@@ -67,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
67
67
|
directive: IconButtonMenuTemplateStore,
|
|
68
68
|
inputs: ['actions', 'bottomActions', 'topPadding'],
|
|
69
69
|
},
|
|
70
|
-
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-
|
|
70
|
+
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-U1U7: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-U1U7: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-U1U7: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-U1U7: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-U1U7: var(--on-background-color);--mat-icon-button-icon-color: #FEFEFE;--mat-icon-button-icon-color-SCOPED-IN-icon-button-menu-U1U7: var(--mat-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-U1U7);color:var(--on-background-color-SCOPED-IN-icon-button-menu-U1U7)}:host .top,:host .bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-U1U7);cursor:pointer}\n"] }]
|
|
71
71
|
}] });
|
|
72
72
|
|
|
73
73
|
/**
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { inject, computed, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { NgAtomicComponent } from '@ng-atomic/core';
|
|
4
|
+
import { AuthService } from '@ng-atomic/common/services/auth';
|
|
5
|
+
import { SideNavModeService } from '@ng-atomic/common/services/side-nav-mode';
|
|
6
|
+
import * as i1 from '@ng-atomic/components/templates/menu';
|
|
7
|
+
import { MenuTemplateStore } from '@ng-atomic/components/templates/menu';
|
|
8
|
+
import { NavigationListOrganismStore } from '@ng-atomic/components/organisms/navigation-list';
|
|
9
|
+
import { MenuFooterOrganismStore } from '@ng-atomic/components/organisms/menu-footer';
|
|
10
|
+
import { MenuHeaderOrganismStore } from '@ng-atomic/components/organisms/menu-header';
|
|
11
|
+
import { UserAvatarMenuMolecule } from '@xxmachina/components/molecules/user-avatar-menu';
|
|
12
|
+
|
|
13
|
+
class MachinaMenuTemplate extends NgAtomicComponent {
|
|
14
|
+
store = inject(MenuTemplateStore);
|
|
15
|
+
auth = inject(AuthService);
|
|
16
|
+
sideNav = inject(SideNavModeService);
|
|
17
|
+
signOutAction = computed(() => this.auth.auth() ? this.store.bottomActions()[0] ?? null : null, ...(ngDevMode ? [{ debugName: "signOutAction" }] : []));
|
|
18
|
+
restBottomActions = computed(() => this.signOutAction() ? this.store.bottomActions().slice(1) : this.store.bottomActions(), ...(ngDevMode ? [{ debugName: "restBottomActions" }] : []));
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MachinaMenuTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: MachinaMenuTemplate, isStandalone: true, selector: "templates-menu", usesInheritance: true, hostDirectives: [{ directive: i1.MenuTemplateStore, inputs: ["actions", "actions", "bottomActions", "bottomActions", "title", "title"] }], ngImport: i0, template: `
|
|
21
|
+
<div class="top">
|
|
22
|
+
<organisms-menu-header [title]="store.title()" injectable/>
|
|
23
|
+
<organisms-navigation-list injectable
|
|
24
|
+
[actions]="store.actions()"
|
|
25
|
+
(action)="dispatch($event)"
|
|
26
|
+
/>
|
|
27
|
+
</div>
|
|
28
|
+
<div class="bottom">
|
|
29
|
+
@if (signOutAction(); as signOut) {
|
|
30
|
+
<molecules-user-avatar-menu
|
|
31
|
+
[signOutAction]="signOut"
|
|
32
|
+
(workspaceSwitch)="sideNav.collapse()"
|
|
33
|
+
(action)="dispatch($event)"
|
|
34
|
+
/>
|
|
35
|
+
}
|
|
36
|
+
@if (restBottomActions().length > 0) {
|
|
37
|
+
<organisms-navigation-list injectable
|
|
38
|
+
[actions]="restBottomActions()"
|
|
39
|
+
(action)="dispatch($event)"
|
|
40
|
+
/>
|
|
41
|
+
}
|
|
42
|
+
<organisms-menu-footer injectable/>
|
|
43
|
+
</div>
|
|
44
|
+
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-1hr5: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-1hr5: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-1hr5: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-1hr5: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-1hr5: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-1hr5: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-1hr5: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-1hr5: var(--width);--height: 100%;--height-SCOPED-IN-menu-1hr5: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-1hr5);height:var(--height-SCOPED-IN-menu-1hr5);color:var(--on-background-color-SCOPED-IN-menu-1hr5);background-color:var(--background-color-SCOPED-IN-menu-1hr5)}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-1hr5);--background-color: var(--background-color-SCOPED-IN-menu-1hr5);--surface-color: var(--surface-color-SCOPED-IN-menu-1hr5);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-1hr5);--on-background-color: var(--on-background-color-SCOPED-IN-menu-1hr5);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-1hr5)}:host .bottom{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding-left:4px}:host .bottom organisms-navigation-list{flex-basis:100%;order:-1}:host .bottom organisms-menu-footer{flex:1}\n"], dependencies: [{ kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header", inputs: ["title"] }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions", "type"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }, { kind: "component", type: UserAvatarMenuMolecule, selector: "molecules-user-avatar-menu", inputs: ["signOutAction"], outputs: ["workspaceSwitch"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
45
|
+
}
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MachinaMenuTemplate, decorators: [{
|
|
47
|
+
type: Component,
|
|
48
|
+
args: [{ selector: 'templates-menu', standalone: true, imports: [
|
|
49
|
+
MenuHeaderOrganismStore,
|
|
50
|
+
NavigationListOrganismStore,
|
|
51
|
+
MenuFooterOrganismStore,
|
|
52
|
+
UserAvatarMenuMolecule,
|
|
53
|
+
], template: `
|
|
54
|
+
<div class="top">
|
|
55
|
+
<organisms-menu-header [title]="store.title()" injectable/>
|
|
56
|
+
<organisms-navigation-list injectable
|
|
57
|
+
[actions]="store.actions()"
|
|
58
|
+
(action)="dispatch($event)"
|
|
59
|
+
/>
|
|
60
|
+
</div>
|
|
61
|
+
<div class="bottom">
|
|
62
|
+
@if (signOutAction(); as signOut) {
|
|
63
|
+
<molecules-user-avatar-menu
|
|
64
|
+
[signOutAction]="signOut"
|
|
65
|
+
(workspaceSwitch)="sideNav.collapse()"
|
|
66
|
+
(action)="dispatch($event)"
|
|
67
|
+
/>
|
|
68
|
+
}
|
|
69
|
+
@if (restBottomActions().length > 0) {
|
|
70
|
+
<organisms-navigation-list injectable
|
|
71
|
+
[actions]="restBottomActions()"
|
|
72
|
+
(action)="dispatch($event)"
|
|
73
|
+
/>
|
|
74
|
+
}
|
|
75
|
+
<organisms-menu-footer injectable/>
|
|
76
|
+
</div>
|
|
77
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
78
|
+
{
|
|
79
|
+
directive: MenuTemplateStore,
|
|
80
|
+
inputs: ['actions', 'bottomActions', 'title'],
|
|
81
|
+
},
|
|
82
|
+
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-1hr5: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-1hr5: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-1hr5: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-1hr5: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-1hr5: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-1hr5: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-1hr5: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-1hr5: var(--width);--height: 100%;--height-SCOPED-IN-menu-1hr5: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-1hr5);height:var(--height-SCOPED-IN-menu-1hr5);color:var(--on-background-color-SCOPED-IN-menu-1hr5);background-color:var(--background-color-SCOPED-IN-menu-1hr5)}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-1hr5);--background-color: var(--background-color-SCOPED-IN-menu-1hr5);--surface-color: var(--surface-color-SCOPED-IN-menu-1hr5);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-1hr5);--on-background-color: var(--on-background-color-SCOPED-IN-menu-1hr5);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-1hr5)}:host .bottom{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding-left:4px}:host .bottom organisms-navigation-list{flex-basis:100%;order:-1}:host .bottom organisms-menu-footer{flex:1}\n"] }]
|
|
83
|
+
}] });
|
|
84
|
+
|
|
85
|
+
/**
|
|
86
|
+
* Generated bundle index. Do not edit.
|
|
87
|
+
*/
|
|
88
|
+
|
|
89
|
+
export { MachinaMenuTemplate };
|
|
@@ -99,6 +99,24 @@ function provideMachinaLogoAtom() {
|
|
|
99
99
|
return provideComponent(LogoAtomStore, () => MachinaLogoAtom);
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
+
class MachinaOsLogoAtom extends NgAtomicComponent {
|
|
103
|
+
store = inject(LogoAtomStore);
|
|
104
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MachinaOsLogoAtom, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
105
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: MachinaOsLogoAtom, isStandalone: true, selector: "atoms-logo", usesInheritance: true, hostDirectives: [{ directive: i1.LogoAtomStore, inputs: ["alt", "alt", "height", "height", "width", "width"] }], ngImport: i0, template: "<svg width=\"990\" height=\"200\" viewBox=\"0 0 990 200\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <text x=\"250\" y=\"141\" font-family=\"system-ui, -apple-system, 'Segoe UI', sans-serif\" font-size=\"130\" font-weight=\"100\" fill=\"white\" letter-spacing=\"4\">Machina OS</text>\n <!--\n \u30B7\u30F3\u30DC\u30EB\u306F Plan X \u30ED\u30B4 (logo.atom.html) \u3068\u540C\u4E00 >_< \u2014 \u5909\u308F\u308B\u306E\u306F wordmark \u3060\u3051\n > _ : #33FF33 (\u7DD1)\n < : #5BC5FF (\u9752)\n viewBox \u306F wordmark \u306E\u53F3\u7AEF (Chrome \u5B9F\u6E2C 920.87) + Plan X \u3068\u540C\u3058\u53F3\u4F59\u767D ~63 \u3067 990\n -->\n <svg x=\"4\" y=\"20\" width=\"160\" height=\"160\" viewBox=\"0 0 160 160\">\n <path d=\"M111 98V105H50V98H111Z\" fill=\"#33FF33\"/>\n <path d=\"M116 82.9254L152 105V98L124 81V78L152 61V54L116 76V82.9254Z\" fill=\"#5BC5FF\"/>\n <path d=\"M45 82.9254L9 105V98L37 81V78L9 61V54L45 76V82.9254Z\" fill=\"#33FF33\"/>\n </svg>\n</svg>\n", styles: [":host{display:block;width:auto;height:40px}:host svg{display:block;width:100%;height:100%;object-fit:contain}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
106
|
+
}
|
|
107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MachinaOsLogoAtom, decorators: [{
|
|
108
|
+
type: Component,
|
|
109
|
+
args: [{ selector: 'atoms-logo', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
110
|
+
{
|
|
111
|
+
directive: LogoAtomStore,
|
|
112
|
+
inputs: ['alt', 'height', 'width'],
|
|
113
|
+
}
|
|
114
|
+
], template: "<svg width=\"990\" height=\"200\" viewBox=\"0 0 990 200\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <text x=\"250\" y=\"141\" font-family=\"system-ui, -apple-system, 'Segoe UI', sans-serif\" font-size=\"130\" font-weight=\"100\" fill=\"white\" letter-spacing=\"4\">Machina OS</text>\n <!--\n \u30B7\u30F3\u30DC\u30EB\u306F Plan X \u30ED\u30B4 (logo.atom.html) \u3068\u540C\u4E00 >_< \u2014 \u5909\u308F\u308B\u306E\u306F wordmark \u3060\u3051\n > _ : #33FF33 (\u7DD1)\n < : #5BC5FF (\u9752)\n viewBox \u306F wordmark \u306E\u53F3\u7AEF (Chrome \u5B9F\u6E2C 920.87) + Plan X \u3068\u540C\u3058\u53F3\u4F59\u767D ~63 \u3067 990\n -->\n <svg x=\"4\" y=\"20\" width=\"160\" height=\"160\" viewBox=\"0 0 160 160\">\n <path d=\"M111 98V105H50V98H111Z\" fill=\"#33FF33\"/>\n <path d=\"M116 82.9254L152 105V98L124 81V78L152 61V54L116 76V82.9254Z\" fill=\"#5BC5FF\"/>\n <path d=\"M45 82.9254L9 105V98L37 81V78L9 61V54L45 76V82.9254Z\" fill=\"#33FF33\"/>\n </svg>\n</svg>\n", styles: [":host{display:block;width:auto;height:40px}:host svg{display:block;width:100%;height:100%;object-fit:contain}\n"] }]
|
|
115
|
+
}] });
|
|
116
|
+
function provideMachinaOsLogoAtom() {
|
|
117
|
+
return provideComponent(LogoAtomStore, () => MachinaOsLogoAtom);
|
|
118
|
+
}
|
|
119
|
+
|
|
102
120
|
function provideMachinaApp(config = {}) {
|
|
103
121
|
return [
|
|
104
122
|
provideMachinaDevService(),
|
|
@@ -232,7 +250,7 @@ class SessionNavigatorOrganism extends NgAtomicComponent {
|
|
|
232
250
|
}
|
|
233
251
|
</div>
|
|
234
252
|
</mat-toolbar>
|
|
235
|
-
`, isInline: true, styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-
|
|
253
|
+
`, isInline: true, styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-Dcql: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-Dcql: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-Dcql: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-Dcql: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-Dcql: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-Dcql: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-Dcql: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-Dcql: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-Dcql: var(--on-background-color);--navigator-height: 56px;--navigator-height-SCOPED-IN-session-navigator-Dcql: var(--navigator-height)}:host{display:block;width:100%;height:var(--navigator-height-SCOPED-IN-session-navigator-Dcql)}:host mat-toolbar{display:flex;width:100%;height:100%;padding:0!important;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-Dcql);color:var(--on-primary-color-SCOPED-IN-session-navigator-Dcql);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-Dcql)!important;font-family:SF Mono,Monaco,monospace!important;font-size:12px!important;--mat-toolbar-title-text-size: 12px !important;--mat-sys-title-large-size: 12px !important}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host mat-toolbar *:not(.mat-icon){font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar span,:host mat-toolbar div,:host mat-toolbar h1,:host mat-toolbar h2,:host mat-toolbar h3,:host mat-toolbar h4,:host mat-toolbar h5,:host mat-toolbar h6{font-size:12px!important;font-family:SF Mono,Monaco,monospace!important;color:var(--text-SCOPED-IN-session-navigator-Dcql)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-Dcql)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-Dcql)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-Dcql)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-Dcql)!important;opacity:1}:host mat-toolbar .mat-icon-button .mat-icon{font-family:Material Icons!important;font-size:24px!important}:host div{display:flex;justify-content:center;align-items:center;line-height:1}:host atoms-menu-button{display:flex;align-items:center;line-height:1}@media(prefers-color-scheme:light){:host{--text: #333;--text-SCOPED-IN-session-navigator-Dcql: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-Dcql: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-Dcql: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: MenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
236
254
|
}
|
|
237
255
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SessionNavigatorOrganism, decorators: [{
|
|
238
256
|
type: Component,
|
|
@@ -266,7 +284,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
266
284
|
directive: SessionNavigatorOrganismStore,
|
|
267
285
|
inputs: ['startActions', 'endActions', 'title'],
|
|
268
286
|
}
|
|
269
|
-
], styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-
|
|
287
|
+
], styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-Dcql: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-Dcql: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-Dcql: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-Dcql: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-Dcql: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-Dcql: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-Dcql: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-Dcql: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-Dcql: var(--on-background-color);--navigator-height: 56px;--navigator-height-SCOPED-IN-session-navigator-Dcql: var(--navigator-height)}:host{display:block;width:100%;height:var(--navigator-height-SCOPED-IN-session-navigator-Dcql)}:host mat-toolbar{display:flex;width:100%;height:100%;padding:0!important;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-Dcql);color:var(--on-primary-color-SCOPED-IN-session-navigator-Dcql);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-Dcql)!important;font-family:SF Mono,Monaco,monospace!important;font-size:12px!important;--mat-toolbar-title-text-size: 12px !important;--mat-sys-title-large-size: 12px !important}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host mat-toolbar *:not(.mat-icon){font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar span,:host mat-toolbar div,:host mat-toolbar h1,:host mat-toolbar h2,:host mat-toolbar h3,:host mat-toolbar h4,:host mat-toolbar h5,:host mat-toolbar h6{font-size:12px!important;font-family:SF Mono,Monaco,monospace!important;color:var(--text-SCOPED-IN-session-navigator-Dcql)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-Dcql)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-Dcql)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-Dcql)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-Dcql)!important;opacity:1}:host mat-toolbar .mat-icon-button .mat-icon{font-family:Material Icons!important;font-size:24px!important}:host div{display:flex;justify-content:center;align-items:center;line-height:1}:host atoms-menu-button{display:flex;align-items:center;line-height:1}@media(prefers-color-scheme:light){:host{--text: #333;--text-SCOPED-IN-session-navigator-Dcql: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-Dcql: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-Dcql: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"] }]
|
|
270
288
|
}] });
|
|
271
289
|
|
|
272
290
|
var InvoiceAppActionId;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xxmachina/components",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "20.5.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "./index.js",
|
|
6
6
|
"types": "./index.d.ts",
|
|
@@ -286,6 +286,10 @@
|
|
|
286
286
|
"types": "./types/xxmachina-components-templates-machina-icon-button-menu.d.ts",
|
|
287
287
|
"default": "./fesm2022/xxmachina-components-templates-machina-icon-button-menu.mjs"
|
|
288
288
|
},
|
|
289
|
+
"./templates/machina-menu": {
|
|
290
|
+
"types": "./types/xxmachina-components-templates-machina-menu.d.ts",
|
|
291
|
+
"default": "./fesm2022/xxmachina-components-templates-machina-menu.mjs"
|
|
292
|
+
},
|
|
289
293
|
"./templates/scheduler": {
|
|
290
294
|
"types": "./types/xxmachina-components-templates-scheduler.d.ts",
|
|
291
295
|
"default": "./fesm2022/xxmachina-components-templates-scheduler.mjs"
|
|
@@ -7,12 +7,14 @@ declare class UserAvatarMenuMolecule extends NgAtomicComponent {
|
|
|
7
7
|
protected readonly auth: AuthService;
|
|
8
8
|
protected readonly switcher: WorkspaceSwitcherService | null;
|
|
9
9
|
readonly signOutAction: _angular_core.InputSignal<Action<any>>;
|
|
10
|
+
readonly workspaceSwitch: _angular_core.OutputEmitterRef<string>;
|
|
10
11
|
protected readonly imgError: _angular_core.WritableSignal<boolean>;
|
|
12
|
+
protected switchTo(workspaceId: string): void;
|
|
11
13
|
protected readonly photoURL: _angular_core.Signal<string | null>;
|
|
12
14
|
protected readonly email: _angular_core.Signal<string | null>;
|
|
13
15
|
protected readonly initial: _angular_core.Signal<string>;
|
|
14
16
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserAvatarMenuMolecule, never>;
|
|
15
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserAvatarMenuMolecule, "molecules-user-avatar-menu", never, { "signOutAction": { "alias": "signOutAction"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
17
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserAvatarMenuMolecule, "molecules-user-avatar-menu", never, { "signOutAction": { "alias": "signOutAction"; "required": true; "isSignal": true; }; }, { "workspaceSwitch": "workspaceSwitch"; }, never, never, true, never>;
|
|
16
18
|
}
|
|
17
19
|
|
|
18
20
|
export { UserAvatarMenuMolecule };
|
|
@@ -7,7 +7,6 @@ import * as _ng_atomic_common_services_ui from '@ng-atomic/common/services/ui';
|
|
|
7
7
|
|
|
8
8
|
type ServerUUIDGetter = () => string | undefined;
|
|
9
9
|
type TokenGetter = () => string | undefined;
|
|
10
|
-
type DeployVersionGetter = () => string | null | undefined;
|
|
11
10
|
interface ProxyEndpoints {
|
|
12
11
|
apiNext: string;
|
|
13
12
|
hasura: string;
|
|
@@ -16,12 +15,10 @@ type EndpointsGetter = () => ProxyEndpoints | undefined;
|
|
|
16
15
|
type ProxyEnvName = 'dev' | 'stg' | 'prod';
|
|
17
16
|
type ProxyEnvGetter = () => ProxyEnvName | undefined;
|
|
18
17
|
|
|
19
|
-
declare function deployVersionToHostSuffix(version: string | null | undefined): string;
|
|
20
|
-
|
|
21
18
|
declare function encodeUrlHandoff(token: string, endpoints: ProxyEndpoints, env?: ProxyEnvName): string;
|
|
22
19
|
declare function appendUrlHandoff(proxyUrl: string, token: string, endpoints: ProxyEndpoints, env?: ProxyEnvName): string;
|
|
23
20
|
|
|
24
|
-
declare function toProxyUrl(serverUUID: string, localhostUrl: string
|
|
21
|
+
declare function toProxyUrl(serverUUID: string, localhostUrl: string): string | null;
|
|
25
22
|
|
|
26
23
|
interface OpenWebProxyOptions {
|
|
27
24
|
serverUUID: string;
|
|
@@ -30,7 +27,6 @@ interface OpenWebProxyOptions {
|
|
|
30
27
|
token?: string;
|
|
31
28
|
endpoints?: ProxyEndpoints;
|
|
32
29
|
env?: ProxyEnvName;
|
|
33
|
-
deployVersion?: string | null;
|
|
34
30
|
handler?: (event: MouseEvent | undefined, url: string) => void;
|
|
35
31
|
}
|
|
36
32
|
declare function openWebProxyForPort(opts: OpenWebProxyOptions): void;
|
|
@@ -40,11 +36,10 @@ declare class ProxyLinkProvider implements ILinkProvider {
|
|
|
40
36
|
private readonly _getServerUUID;
|
|
41
37
|
private readonly _getToken?;
|
|
42
38
|
private readonly _handler?;
|
|
43
|
-
private readonly _getDeployVersion?;
|
|
44
39
|
private readonly _getEndpoints?;
|
|
45
40
|
private readonly _onMissingToken?;
|
|
46
41
|
private readonly _getEnv?;
|
|
47
|
-
constructor(_terminal: Terminal, _getServerUUID: ServerUUIDGetter, _getToken?: TokenGetter | undefined, _handler?: ((event: MouseEvent, url: string) => void) | undefined,
|
|
42
|
+
constructor(_terminal: Terminal, _getServerUUID: ServerUUIDGetter, _getToken?: TokenGetter | undefined, _handler?: ((event: MouseEvent, url: string) => void) | undefined, _getEndpoints?: EndpointsGetter | undefined, _onMissingToken?: (() => void) | undefined, _getEnv?: (() => "dev" | "stg" | "prod" | undefined) | undefined);
|
|
48
43
|
provideLinks(bufferLineNumber: number, callback: (links: ILink[] | undefined) => void): void;
|
|
49
44
|
}
|
|
50
45
|
|
|
@@ -307,12 +302,11 @@ declare class ProxyLinksAddon implements ITerminalAddon {
|
|
|
307
302
|
private readonly _getServerUUID;
|
|
308
303
|
private readonly _getToken?;
|
|
309
304
|
private readonly _handler?;
|
|
310
|
-
private readonly _getDeployVersion?;
|
|
311
305
|
private readonly _getEndpoints?;
|
|
312
306
|
private readonly _onMissingToken?;
|
|
313
307
|
private readonly _getEnv?;
|
|
314
308
|
private _linkProvider?;
|
|
315
|
-
constructor(_getServerUUID: ServerUUIDGetter, _getToken?: TokenGetter | undefined, _handler?: ((event: MouseEvent, proxyUrl: string) => void) | undefined,
|
|
309
|
+
constructor(_getServerUUID: ServerUUIDGetter, _getToken?: TokenGetter | undefined, _handler?: ((event: MouseEvent, proxyUrl: string) => void) | undefined, _getEndpoints?: EndpointsGetter | undefined, _onMissingToken?: (() => void) | undefined, _getEnv?: (() => "dev" | "stg" | "prod" | undefined) | undefined);
|
|
316
310
|
activate(terminal: Terminal): void;
|
|
317
311
|
dispose(): void;
|
|
318
312
|
}
|
|
@@ -344,7 +338,7 @@ declare class PortLinksAddon implements ITerminalAddon {
|
|
|
344
338
|
}
|
|
345
339
|
|
|
346
340
|
declare const USER_CONTENT_DOMAIN = "10p.io";
|
|
347
|
-
declare function buildUserContentOrigin(serverUUID: string, portOrService: number | string,
|
|
341
|
+
declare function buildUserContentOrigin(serverUUID: string, portOrService: number | string, domain?: string): string;
|
|
348
342
|
|
|
349
343
|
interface SvgToSixelOptions {
|
|
350
344
|
width?: number;
|
|
@@ -383,6 +377,10 @@ interface FontFaceSource {
|
|
|
383
377
|
url: string;
|
|
384
378
|
}
|
|
385
379
|
declare const CANONICAL_FONT_FACES: readonly FontFaceSource[];
|
|
380
|
+
declare function probeCanonicalCellRect(): {
|
|
381
|
+
width: number;
|
|
382
|
+
height: number;
|
|
383
|
+
} | null;
|
|
386
384
|
declare function measureCellMetric(): {
|
|
387
385
|
cellWidth: number;
|
|
388
386
|
cellHeight: number;
|
|
@@ -399,6 +397,9 @@ declare function recordCanvasCellMetric(metric: {
|
|
|
399
397
|
cellHeight: number;
|
|
400
398
|
}): void;
|
|
401
399
|
declare function getCanvasCellMetric(fontSize?: number): CanvasCellMetric;
|
|
400
|
+
declare function primeCanvasCellMetric(measured: {
|
|
401
|
+
cellWidth: number;
|
|
402
|
+
}, fontSize?: number): CanvasCellMetric;
|
|
402
403
|
|
|
403
404
|
interface TerminalWriteState {
|
|
404
405
|
readonly lastData: string | null;
|
|
@@ -456,5 +457,5 @@ interface FollowBottomHandle {
|
|
|
456
457
|
declare const FOLLOW_BOTTOM_GESTURE_WINDOW_MS = 500;
|
|
457
458
|
declare function attachFollowBottom(terminal: FollowBottomTerminal, root: HTMLElement, options?: FollowBottomOptions): FollowBottomHandle;
|
|
458
459
|
|
|
459
|
-
export { CANONICAL_CELL_HEIGHT_RATIO, CANONICAL_CELL_WIDTH_RATIO, CANONICAL_FONT_FACES, CANONICAL_FONT_FAMILY, CANONICAL_FONT_SIZE_PX, CANONICAL_LINE_HEIGHT, DISPLAY_THEME, FOLLOW_BOTTOM_GESTURE_WINDOW_MS, GitHubLinkProvider, GitHubLinksAddon, INTERACTIVE_THEME, MAX_VIEWPORT_COLS, MAX_VIEWPORT_ROWS, MIN_VIEWPORT_COLS, MIN_VIEWPORT_ROWS, PORTS_SECTION_TITLE, PortLinkProvider, PortLinksAddon, ProxyLinkProvider, ProxyLinksAddon, SessionMentionLinkProvider, SessionMentionLinksAddon, USER_CONTENT_DOMAIN, WebLinksAddon, XTERM_SESSION_CONTEXT, XtermActionId, XtermOrganism, XtermOrganismStore, appendUrlHandoff, applyScrollbackForFocus, asciiArtToSvg, attachFollowBottom, buildTerminalOptions, buildUserContentOrigin, clearCanvasCellMetricCache, computeFitToViewport, decideTerminalWrite,
|
|
460
|
-
export type {
|
|
460
|
+
export { CANONICAL_CELL_HEIGHT_RATIO, CANONICAL_CELL_WIDTH_RATIO, CANONICAL_FONT_FACES, CANONICAL_FONT_FAMILY, CANONICAL_FONT_SIZE_PX, CANONICAL_LINE_HEIGHT, DISPLAY_THEME, FOLLOW_BOTTOM_GESTURE_WINDOW_MS, GitHubLinkProvider, GitHubLinksAddon, INTERACTIVE_THEME, MAX_VIEWPORT_COLS, MAX_VIEWPORT_ROWS, MIN_VIEWPORT_COLS, MIN_VIEWPORT_ROWS, PORTS_SECTION_TITLE, PortLinkProvider, PortLinksAddon, ProxyLinkProvider, ProxyLinksAddon, SessionMentionLinkProvider, SessionMentionLinksAddon, USER_CONTENT_DOMAIN, WebLinksAddon, XTERM_SESSION_CONTEXT, XtermActionId, XtermOrganism, XtermOrganismStore, appendUrlHandoff, applyScrollbackForFocus, asciiArtToSvg, attachFollowBottom, buildTerminalOptions, buildUserContentOrigin, clearCanvasCellMetricCache, computeFitToViewport, decideTerminalWrite, encodeUrlHandoff, extractSessionMentions, generateAsciiArt, getCanvasCellMetric, getMachinaAsciiArtSixel, hasVisibleContent, isPortsSectionRow, measureCellMetric, openWebProxyForPort, portTokensOf, primeCanvasCellMetric, probeCanonicalCellRect, recordCanvasCellMetric, svgToSixel, toProxyUrl };
|
|
461
|
+
export type { EndpointsGetter, FitToViewportInput, FitToViewportResult, FollowBottomHandle, FollowBottomOptions, FollowBottomTerminal, FontFaceSource, GitHubLinkActivateHandler, OpenWebProxyOptions, PortLinkActivateHandler, PortToken, ProxyEndpoints, ProxyEnvGetter, ProxyEnvName, ScrollbackFocusTarget, ServerUUIDGetter, SessionMention, SessionMentionActivateHandler, SvgToSixelOptions, TerminalOptionsInput, TerminalWriteDecision, TerminalWriteState, TokenGetter, XtermSessionContext };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import * as _ng_atomic_core from '@ng-atomic/core';
|
|
3
|
+
import { NgAtomicComponent } from '@ng-atomic/core';
|
|
4
|
+
import { AuthService } from '@ng-atomic/common/services/auth';
|
|
5
|
+
import { SideNavModeService } from '@ng-atomic/common/services/side-nav-mode';
|
|
6
|
+
import * as i1 from '@ng-atomic/components/templates/menu';
|
|
7
|
+
import { MenuTemplateStore } from '@ng-atomic/components/templates/menu';
|
|
8
|
+
|
|
9
|
+
declare class MachinaMenuTemplate extends NgAtomicComponent {
|
|
10
|
+
protected readonly store: MenuTemplateStore;
|
|
11
|
+
protected readonly auth: AuthService;
|
|
12
|
+
protected readonly sideNav: SideNavModeService;
|
|
13
|
+
protected readonly signOutAction: _angular_core.Signal<_ng_atomic_core.Action<any> | null>;
|
|
14
|
+
protected readonly restBottomActions: _angular_core.Signal<_ng_atomic_core.Action<any>[]>;
|
|
15
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MachinaMenuTemplate, never>;
|
|
16
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MachinaMenuTemplate, "templates-menu", never, {}, {}, never, never, true, [{ directive: typeof i1.MenuTemplateStore; inputs: { "actions": "actions"; "bottomActions": "bottomActions"; "title": "title"; }; outputs: {}; }]>;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export { MachinaMenuTemplate };
|