@xxmachina/components 19.148.4 → 19.150.0
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-weekly-header.mjs +2 -2
- package/fesm2022/xxmachina-components-organisms-calendar-section.mjs +2 -2
- package/fesm2022/xxmachina-components-organisms-xterm.mjs +26 -11
- 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-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 +2 -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 +8 -1
- 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.
|
|
@@ -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-i1MapsD8: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-i1MapsD8: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-i1MapsD8)}: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-i1MapsD8: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-i1MapsD8: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-i1MapsD8)}: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
|
/**
|
|
@@ -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-6762F9mc: var(--row);--row-num: 0;--row-num-SCOPED-IN-6762F9mc: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-6762F9mc: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-6762F9mc: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-6762F9mc: 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-6762F9mc);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-6762F9mc),var(--row-SCOPED-IN-6762F9mc));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-6762F9mc)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-6762F9mc);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-6762F9mc: var(--row);--row-num: 0;--row-num-SCOPED-IN-6762F9mc: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-6762F9mc: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-6762F9mc: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-6762F9mc: 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-6762F9mc);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-6762F9mc),var(--row-SCOPED-IN-6762F9mc));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-6762F9mc)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-6762F9mc);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: [{
|
|
@@ -664,11 +664,11 @@ const CANONICAL_FONT_FACES = [
|
|
|
664
664
|
];
|
|
665
665
|
const DEFAULT_CELL_WIDTH = CANONICAL_FONT_SIZE_PX * CANONICAL_CELL_WIDTH_RATIO;
|
|
666
666
|
const DEFAULT_CELL_HEIGHT = CANONICAL_FONT_SIZE_PX * CANONICAL_CELL_HEIGHT_RATIO;
|
|
667
|
-
function
|
|
667
|
+
function probeCanonicalCellRect() {
|
|
668
668
|
try {
|
|
669
669
|
const doc = document;
|
|
670
670
|
if (!doc?.body)
|
|
671
|
-
return
|
|
671
|
+
return null;
|
|
672
672
|
const probe = doc.createElement('span');
|
|
673
673
|
probe.textContent = 'M';
|
|
674
674
|
probe.style.position = 'absolute';
|
|
@@ -682,14 +682,20 @@ function measureCellMetric() {
|
|
|
682
682
|
doc.body.appendChild(probe);
|
|
683
683
|
const rect = probe.getBoundingClientRect();
|
|
684
684
|
doc.body.removeChild(probe);
|
|
685
|
-
|
|
686
|
-
const cellHeight = rect.height >= 8 ? rect.height : DEFAULT_CELL_HEIGHT;
|
|
687
|
-
return { cellWidth, cellHeight };
|
|
685
|
+
return { width: rect.width, height: rect.height };
|
|
688
686
|
}
|
|
689
687
|
catch {
|
|
690
|
-
return
|
|
688
|
+
return null;
|
|
691
689
|
}
|
|
692
690
|
}
|
|
691
|
+
function measureCellMetric() {
|
|
692
|
+
const rect = probeCanonicalCellRect();
|
|
693
|
+
if (!rect)
|
|
694
|
+
return { cellWidth: DEFAULT_CELL_WIDTH, cellHeight: DEFAULT_CELL_HEIGHT };
|
|
695
|
+
const cellWidth = rect.width >= 3 ? rect.width : DEFAULT_CELL_WIDTH;
|
|
696
|
+
const cellHeight = rect.height >= 8 ? rect.height : DEFAULT_CELL_HEIGHT;
|
|
697
|
+
return { cellWidth, cellHeight };
|
|
698
|
+
}
|
|
693
699
|
function computeFitToViewport(input) {
|
|
694
700
|
const { viewportElement, cellWidth, cellHeight } = input;
|
|
695
701
|
if (!cellWidth || !cellHeight || cellWidth <= 0 || cellHeight <= 0)
|
|
@@ -717,13 +723,22 @@ function recordCanvasCellMetric(metric) {
|
|
|
717
723
|
}
|
|
718
724
|
const CELL_WIDTH_RATIO = CANONICAL_CELL_WIDTH_RATIO;
|
|
719
725
|
const CELL_HEIGHT_RATIO = CANONICAL_CELL_HEIGHT_RATIO;
|
|
720
|
-
function
|
|
721
|
-
|
|
722
|
-
return cached;
|
|
723
|
-
cached = {
|
|
726
|
+
function canonicalCellMetric(fontSize) {
|
|
727
|
+
return {
|
|
724
728
|
cellWidth: fontSize * CELL_WIDTH_RATIO,
|
|
725
729
|
cellHeight: Math.round(fontSize * CELL_HEIGHT_RATIO),
|
|
726
730
|
};
|
|
731
|
+
}
|
|
732
|
+
function getCanvasCellMetric(fontSize = CANONICAL_FONT_SIZE_PX) {
|
|
733
|
+
if (cached)
|
|
734
|
+
return cached;
|
|
735
|
+
cached = canonicalCellMetric(fontSize);
|
|
736
|
+
return cached;
|
|
737
|
+
}
|
|
738
|
+
function primeCanvasCellMetric(measured, fontSize = CANONICAL_FONT_SIZE_PX) {
|
|
739
|
+
const base = canonicalCellMetric(fontSize);
|
|
740
|
+
const width = measured.cellWidth;
|
|
741
|
+
cached = Number.isFinite(width) && width > 0 ? { cellWidth: width, cellHeight: base.cellHeight } : base;
|
|
727
742
|
return cached;
|
|
728
743
|
}
|
|
729
744
|
function _legacyMeasureViaTempTerminal(fontSize = CANONICAL_FONT_SIZE_PX) {
|
|
@@ -1601,4 +1616,4 @@ function applyScrollbackForFocus(terminal, { isInteractive, focused }) {
|
|
|
1601
1616
|
* Generated bundle index. Do not edit.
|
|
1602
1617
|
*/
|
|
1603
1618
|
|
|
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, deployVersionToHostSuffix, encodeUrlHandoff, extractSessionMentions, generateAsciiArt, getCanvasCellMetric, getMachinaAsciiArtSixel, hasVisibleContent, isPortsSectionRow, measureCellMetric, openWebProxyForPort, portTokensOf, recordCanvasCellMetric, svgToSixel, toProxyUrl };
|
|
1619
|
+
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, deployVersionToHostSuffix, 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-NWbS: var(--page-width-lv1);--primary-color-SCOPED-IN-command-NWbS: var(--primary-color);--on-primary-color-SCOPED-IN-command-NWbS: var(--on-primary-color);--background-color-SCOPED-IN-command-NWbS: var(--background-color);--on-background-color-SCOPED-IN-command-NWbS: 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-NWbS)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-NWbS);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-NWbS);--background-color: var(--background-color-SCOPED-IN-command-NWbS);--on-background-color: var(--on-background-color-SCOPED-IN-command-NWbS)}\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-NWbS: var(--page-width-lv1);--primary-color-SCOPED-IN-command-NWbS: var(--primary-color);--on-primary-color-SCOPED-IN-command-NWbS: var(--on-primary-color);--background-color-SCOPED-IN-command-NWbS: var(--background-color);--on-background-color-SCOPED-IN-command-NWbS: 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-NWbS)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-NWbS);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-NWbS);--background-color: var(--background-color-SCOPED-IN-command-NWbS);--on-background-color: var(--on-background-color-SCOPED-IN-command-NWbS)}\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-nTtQ: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-nTtQ: var(--page-width-lv3);--primary-color-SCOPED-IN-query-nTtQ: var(--primary-color);--on-primary-color-SCOPED-IN-query-nTtQ: var(--on-primary-color);--surface-color-SCOPED-IN-query-nTtQ: var(--surface-color);--on-surface-color-SCOPED-IN-query-nTtQ: var(--on-surface-color);--on-background-color-SCOPED-IN-query-nTtQ: var(--on-background-color);--background-color-SCOPED-IN-query-nTtQ: var(--background-color);--navigator-background-color-SCOPED-IN-query-nTtQ: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-nTtQ: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-nTtQ: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-nTtQ: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-nTtQ: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-nTtQ);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-nTtQ);--surface-color: var(--surface-color-SCOPED-IN-query-nTtQ);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-nTtQ);--background-color: var(--background-color-SCOPED-IN-query-nTtQ);--on-background-color: var(--on-background-color-SCOPED-IN-query-nTtQ);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-nTtQ);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-nTtQ);--table-background-color: var(--table-background-color-SCOPED-IN-query-nTtQ);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-nTtQ);--is-debug: var(--is-debug-SCOPED-IN-query-nTtQ)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-nTtQ) * 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-nTtQ: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-nTtQ: var(--page-width-lv3);--primary-color-SCOPED-IN-query-nTtQ: var(--primary-color);--on-primary-color-SCOPED-IN-query-nTtQ: var(--on-primary-color);--surface-color-SCOPED-IN-query-nTtQ: var(--surface-color);--on-surface-color-SCOPED-IN-query-nTtQ: var(--on-surface-color);--on-background-color-SCOPED-IN-query-nTtQ: var(--on-background-color);--background-color-SCOPED-IN-query-nTtQ: var(--background-color);--navigator-background-color-SCOPED-IN-query-nTtQ: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-nTtQ: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-nTtQ: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-nTtQ: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-nTtQ: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-nTtQ);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-nTtQ);--surface-color: var(--surface-color-SCOPED-IN-query-nTtQ);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-nTtQ);--background-color: var(--background-color-SCOPED-IN-query-nTtQ);--on-background-color: var(--on-background-color-SCOPED-IN-query-nTtQ);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-nTtQ);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-nTtQ);--table-background-color: var(--table-background-color-SCOPED-IN-query-nTtQ);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-nTtQ);--is-debug: var(--is-debug-SCOPED-IN-query-nTtQ)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-nTtQ) * 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-4zSx: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-4zSx: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-4zSx: var(--primary-color);--on-primary-color-SCOPED-IN-thread-4zSx: var(--on-primary-color);--surface-color-SCOPED-IN-thread-4zSx: var(--surface-color);--on-surface-color-SCOPED-IN-thread-4zSx: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-4zSx: var(--on-background-color);--background-color-SCOPED-IN-thread-4zSx: var(--background-color);--navigator-background-color-SCOPED-IN-thread-4zSx: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-4zSx: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-4zSx: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-4zSx: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-4zSx)}: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-4zSx: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-4zSx: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-4zSx: var(--primary-color);--on-primary-color-SCOPED-IN-thread-4zSx: var(--on-primary-color);--surface-color-SCOPED-IN-thread-4zSx: var(--surface-color);--on-surface-color-SCOPED-IN-thread-4zSx: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-4zSx: var(--on-background-color);--background-color-SCOPED-IN-thread-4zSx: var(--background-color);--navigator-background-color-SCOPED-IN-thread-4zSx: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-4zSx: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-4zSx: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-4zSx: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-4zSx)}: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']]
|
|
@@ -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-yWfj: var(--text);--user: #33ff33;--user-SCOPED-IN-entrance-yWfj: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-yWfj: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-yWfj: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-yWfj: 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-yWfj);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-yWfj);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-yWfj);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-yWfj);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-yWfj);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-yWfj);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-yWfj);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-yWfj);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-yWfj)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-yWfj),0 0 20px var(--accent-SCOPED-IN-entrance-yWfj);-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-yWfj: var(--text);--user: #33ff33;--user-SCOPED-IN-entrance-yWfj: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-yWfj: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-yWfj: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-yWfj: 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-yWfj);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-yWfj);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-yWfj);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-yWfj);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-yWfj);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-yWfj);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-yWfj);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-yWfj);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-yWfj)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-yWfj),0 0 20px var(--accent-SCOPED-IN-entrance-yWfj);-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-YKIS: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-YKIS: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-YKIS: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-YKIS: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-YKIS: var(--on-background-color);--mat-icon-button-icon-color: #FEFEFE;--mat-icon-button-icon-color-SCOPED-IN-icon-button-menu-YKIS: 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-YKIS);color:var(--on-background-color-SCOPED-IN-icon-button-menu-YKIS)}: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-YKIS);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-YKIS: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-YKIS: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-YKIS: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-YKIS: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-YKIS: var(--on-background-color);--mat-icon-button-icon-color: #FEFEFE;--mat-icon-button-icon-color-SCOPED-IN-icon-button-menu-YKIS: 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-YKIS);color:var(--on-background-color-SCOPED-IN-icon-button-menu-YKIS)}: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-YKIS);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-fhFz: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-fhFz: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-fhFz: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-fhFz: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-fhFz: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-fhFz: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-fhFz: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-fhFz: var(--width);--height: 100%;--height-SCOPED-IN-menu-fhFz: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-fhFz);height:var(--height-SCOPED-IN-menu-fhFz);color:var(--on-background-color-SCOPED-IN-menu-fhFz);background-color:var(--background-color-SCOPED-IN-menu-fhFz)}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-fhFz);--background-color: var(--background-color-SCOPED-IN-menu-fhFz);--surface-color: var(--surface-color-SCOPED-IN-menu-fhFz);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-fhFz);--on-background-color: var(--on-background-color-SCOPED-IN-menu-fhFz);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-fhFz)}: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-fhFz: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-fhFz: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-fhFz: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-fhFz: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-fhFz: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-fhFz: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-fhFz: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-fhFz: var(--width);--height: 100%;--height-SCOPED-IN-menu-fhFz: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-fhFz);height:var(--height-SCOPED-IN-menu-fhFz);color:var(--on-background-color-SCOPED-IN-menu-fhFz);background-color:var(--background-color-SCOPED-IN-menu-fhFz)}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-fhFz);--background-color: var(--background-color-SCOPED-IN-menu-fhFz);--surface-color: var(--surface-color-SCOPED-IN-menu-fhFz);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-fhFz);--on-background-color: var(--on-background-color-SCOPED-IN-menu-fhFz);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-fhFz)}: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 };
|
|
@@ -232,7 +232,7 @@ class SessionNavigatorOrganism extends NgAtomicComponent {
|
|
|
232
232
|
}
|
|
233
233
|
</div>
|
|
234
234
|
</mat-toolbar>
|
|
235
|
-
`, isInline: true, styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-
|
|
235
|
+
`, isInline: true, styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-jcsD: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-jcsD: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-jcsD: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-jcsD: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-jcsD: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-jcsD: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-jcsD: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-jcsD: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-jcsD: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;padding:0!important;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-jcsD);color:var(--on-primary-color-SCOPED-IN-session-navigator-jcsD);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-jcsD)!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-jcsD)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-jcsD)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-jcsD)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-jcsD)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-jcsD)!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-jcsD: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-jcsD: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-jcsD: 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
236
|
}
|
|
237
237
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SessionNavigatorOrganism, decorators: [{
|
|
238
238
|
type: Component,
|
|
@@ -266,7 +266,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
266
266
|
directive: SessionNavigatorOrganismStore,
|
|
267
267
|
inputs: ['startActions', 'endActions', 'title'],
|
|
268
268
|
}
|
|
269
|
-
], styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-
|
|
269
|
+
], styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-jcsD: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-jcsD: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-jcsD: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-jcsD: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-jcsD: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-jcsD: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-jcsD: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-jcsD: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-jcsD: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;padding:0!important;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-jcsD);color:var(--on-primary-color-SCOPED-IN-session-navigator-jcsD);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-jcsD)!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-jcsD)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-jcsD)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-jcsD)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-jcsD)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-jcsD)!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-jcsD: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-jcsD: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-jcsD: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"] }]
|
|
270
270
|
}] });
|
|
271
271
|
|
|
272
272
|
var InvoiceAppActionId;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xxmachina/components",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.150.0",
|
|
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 };
|
|
@@ -383,6 +383,10 @@ interface FontFaceSource {
|
|
|
383
383
|
url: string;
|
|
384
384
|
}
|
|
385
385
|
declare const CANONICAL_FONT_FACES: readonly FontFaceSource[];
|
|
386
|
+
declare function probeCanonicalCellRect(): {
|
|
387
|
+
width: number;
|
|
388
|
+
height: number;
|
|
389
|
+
} | null;
|
|
386
390
|
declare function measureCellMetric(): {
|
|
387
391
|
cellWidth: number;
|
|
388
392
|
cellHeight: number;
|
|
@@ -399,6 +403,9 @@ declare function recordCanvasCellMetric(metric: {
|
|
|
399
403
|
cellHeight: number;
|
|
400
404
|
}): void;
|
|
401
405
|
declare function getCanvasCellMetric(fontSize?: number): CanvasCellMetric;
|
|
406
|
+
declare function primeCanvasCellMetric(measured: {
|
|
407
|
+
cellWidth: number;
|
|
408
|
+
}, fontSize?: number): CanvasCellMetric;
|
|
402
409
|
|
|
403
410
|
interface TerminalWriteState {
|
|
404
411
|
readonly lastData: string | null;
|
|
@@ -456,5 +463,5 @@ interface FollowBottomHandle {
|
|
|
456
463
|
declare const FOLLOW_BOTTOM_GESTURE_WINDOW_MS = 500;
|
|
457
464
|
declare function attachFollowBottom(terminal: FollowBottomTerminal, root: HTMLElement, options?: FollowBottomOptions): FollowBottomHandle;
|
|
458
465
|
|
|
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, deployVersionToHostSuffix, encodeUrlHandoff, extractSessionMentions, generateAsciiArt, getCanvasCellMetric, getMachinaAsciiArtSixel, hasVisibleContent, isPortsSectionRow, measureCellMetric, openWebProxyForPort, portTokensOf, recordCanvasCellMetric, svgToSixel, toProxyUrl };
|
|
466
|
+
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, deployVersionToHostSuffix, encodeUrlHandoff, extractSessionMentions, generateAsciiArt, getCanvasCellMetric, getMachinaAsciiArtSixel, hasVisibleContent, isPortsSectionRow, measureCellMetric, openWebProxyForPort, portTokensOf, primeCanvasCellMetric, probeCanonicalCellRect, recordCanvasCellMetric, svgToSixel, toProxyUrl };
|
|
460
467
|
export type { DeployVersionGetter, 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 };
|