@xxmachina/components 20.67.0 → 20.69.4
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-extras-flow.mjs +0 -0
- package/fesm2022/xxmachina-components-features-command.mjs +16 -16
- package/fesm2022/xxmachina-components-features-query.mjs +16 -16
- package/fesm2022/xxmachina-components-frames-qtp-v2.mjs +47 -47
- package/fesm2022/xxmachina-components-groups-command-form.mjs +5 -5
- package/fesm2022/xxmachina-components-groups-query-form.mjs +10 -10
- package/fesm2022/xxmachina-components-molecules-app-selector.mjs +3 -3
- package/fesm2022/xxmachina-components-molecules-calendar-paginator.mjs +3 -3
- package/fesm2022/xxmachina-components-molecules-daily-cell.mjs +12 -12
- package/fesm2022/xxmachina-components-molecules-inline-edit-field.mjs +10 -10
- package/fesm2022/xxmachina-components-molecules-user-avatar-menu.mjs +8 -8
- package/fesm2022/xxmachina-components-molecules-version-selector.mjs +7 -7
- package/fesm2022/xxmachina-components-molecules-weekly-header.mjs +5 -5
- package/fesm2022/xxmachina-components-molecules-workspace-selector.mjs +8 -8
- package/fesm2022/xxmachina-components-organisms-calendar-section.mjs +5 -5
- package/fesm2022/xxmachina-components-organisms-event-input-section.mjs +6 -6
- package/fesm2022/xxmachina-components-organisms-terminal-input-section.mjs +11 -11
- package/fesm2022/xxmachina-components-organisms-video-trimmer-section.mjs +11 -11
- package/fesm2022/xxmachina-components-organisms-xterm.mjs +16 -16
- package/fesm2022/xxmachina-components-pages-command.mjs +25 -25
- package/fesm2022/xxmachina-components-pages-query-v2.mjs +23 -23
- package/fesm2022/xxmachina-components-pages-query.mjs +51 -51
- package/fesm2022/xxmachina-components-pages-thread.mjs +13 -13
- package/fesm2022/xxmachina-components-routes-preloading.mjs +3 -3
- package/fesm2022/xxmachina-components-routes-queries.mjs +1 -1
- package/fesm2022/{xxmachina-components-routes-resources-pages.routes-DEu2qpeu.mjs → xxmachina-components-routes-resources-pages.routes-BHb0I2nz.mjs} +1 -1
- package/fesm2022/{xxmachina-components-routes-resources-resource.routes-CWxi2agj.mjs → xxmachina-components-routes-resources-resource.routes-CSp_8C3O.mjs} +1 -1
- package/fesm2022/xxmachina-components-routes-resources.mjs +1 -1
- package/fesm2022/xxmachina-components-routes-transformer.mjs +6 -6
- package/fesm2022/xxmachina-components-routes-transformers.mjs +1 -1
- package/fesm2022/xxmachina-components-services-app-bar.mjs +3 -3
- package/fesm2022/xxmachina-components-services-app.mjs +3 -3
- package/fesm2022/xxmachina-components-services-assistant.mjs +3 -3
- package/fesm2022/xxmachina-components-services-command.mjs +4 -4
- package/fesm2022/xxmachina-components-services-context.mjs +4 -4
- package/fesm2022/xxmachina-components-services-contract.mjs +3 -3
- package/fesm2022/xxmachina-components-services-debug.mjs +4 -4
- package/fesm2022/xxmachina-components-services-forms-query.mjs +3 -3
- package/fesm2022/xxmachina-components-services-forms-schedule.mjs +3 -3
- package/fesm2022/xxmachina-components-services-forms-variables.mjs +3 -3
- package/fesm2022/xxmachina-components-services-graphql.mjs +3 -3
- package/fesm2022/xxmachina-components-services-invoice.mjs +3 -3
- package/fesm2022/xxmachina-components-services-json-schema.mjs +3 -3
- package/fesm2022/xxmachina-components-services-message.mjs +5 -5
- package/fesm2022/xxmachina-components-services-openai.mjs +9 -9
- package/fesm2022/xxmachina-components-services-openapi.mjs +3 -3
- package/fesm2022/xxmachina-components-services-order.mjs +3 -3
- package/fesm2022/xxmachina-components-services-partner.mjs +3 -3
- package/fesm2022/xxmachina-components-services-query.mjs +3 -3
- package/fesm2022/xxmachina-components-services-recording.mjs +7 -7
- package/fesm2022/xxmachina-components-services-thread.mjs +3 -3
- package/fesm2022/xxmachina-components-services-transformer.mjs +3 -3
- package/fesm2022/xxmachina-components-services-version.mjs +8 -8
- package/fesm2022/xxmachina-components-services-youtube.mjs +3 -3
- package/fesm2022/xxmachina-components-templates-agent.mjs +11 -11
- package/fesm2022/xxmachina-components-templates-background.mjs +20 -20
- package/fesm2022/xxmachina-components-templates-env.mjs +26 -26
- package/fesm2022/xxmachina-components-templates-flow-nodes-group.mjs +4 -4
- package/fesm2022/xxmachina-components-templates-flow-nodes-issue.mjs +3 -3
- package/fesm2022/xxmachina-components-templates-flow-nodes-task.mjs +3 -3
- package/fesm2022/xxmachina-components-templates-flow.mjs +18 -18
- package/fesm2022/xxmachina-components-templates-invoice-iframe.mjs +3 -3
- package/fesm2022/xxmachina-components-templates-machina-icon-button-menu.mjs +9 -9
- package/fesm2022/xxmachina-components-templates-machina-menu.mjs +7 -7
- package/fesm2022/xxmachina-components-templates-scheduler.mjs +3 -3
- package/fesm2022/xxmachina-components-templates-video.mjs +14 -14
- package/fesm2022/xxmachina-components.mjs +26 -26
- package/package.json +1 -1
|
@@ -312,7 +312,7 @@ class WebGLParticleSystem {
|
|
|
312
312
|
}
|
|
313
313
|
|
|
314
314
|
class BackgroundTemplate {
|
|
315
|
-
title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
|
|
315
|
+
title = input('', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
316
316
|
container = viewChild.required('container');
|
|
317
317
|
particleSystem = null;
|
|
318
318
|
glitchInterval = null;
|
|
@@ -354,8 +354,8 @@ class BackgroundTemplate {
|
|
|
354
354
|
clearInterval(this.glitchInterval);
|
|
355
355
|
}
|
|
356
356
|
}
|
|
357
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
358
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
357
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: BackgroundTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
358
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: BackgroundTemplate, isStandalone: true, selector: "app-background-template", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
359
359
|
<div #container></div>
|
|
360
360
|
<div class="overlay">
|
|
361
361
|
<div class="scanlines"></div>
|
|
@@ -371,7 +371,7 @@ class BackgroundTemplate {
|
|
|
371
371
|
</div>
|
|
372
372
|
`, isInline: true, styles: [":host{display:block;position:fixed;width:100%;height:100vh;color:#fff;z-index:-1}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);opacity:.3}.glitch-text{position:absolute;top:20px;left:20px;font-family:Courier New,monospace;font-size:14px;color:#0ffc;text-shadow:0 0 10px rgba(0,255,255,.5);white-space:pre-line;transition:transform .1s}.glitch-text.glitch{animation:glitch .3s ease-in-out}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}.content{position:relative;z-index:1;padding:2rem}.title{font-size:2rem;margin-bottom:1rem;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(0,255,255,.5)}\n"] });
|
|
373
373
|
}
|
|
374
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
374
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: BackgroundTemplate, decorators: [{
|
|
375
375
|
type: Component,
|
|
376
376
|
args: [{ selector: 'app-background-template', standalone: true, template: `
|
|
377
377
|
<div #container></div>
|
|
@@ -404,10 +404,10 @@ class MachinaBackgroundTemplate {
|
|
|
404
404
|
ngOnDestroy() {
|
|
405
405
|
this.particleSystem?.dispose();
|
|
406
406
|
}
|
|
407
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
408
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.
|
|
407
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MachinaBackgroundTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
408
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.25", type: MachinaBackgroundTemplate, isStandalone: true, selector: "machina-templates-background", viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }], ngImport: i0, template: `<div #container></div>`, isInline: true, styles: [":host{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}\n"] });
|
|
409
409
|
}
|
|
410
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
410
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MachinaBackgroundTemplate, decorators: [{
|
|
411
411
|
type: Component,
|
|
412
412
|
args: [{ selector: 'machina-templates-background', standalone: true, template: `<div #container></div>`, styles: [":host{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}\n"] }]
|
|
413
413
|
}], ctorParameters: () => [], propDecorators: { container: [{ type: i0.ViewChild, args: ['container', { isSignal: true }] }] } });
|
|
@@ -422,26 +422,26 @@ const HOST_STYLES = `
|
|
|
422
422
|
}
|
|
423
423
|
`;
|
|
424
424
|
class MachinaEnterpriseBackgroundTemplate {
|
|
425
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
426
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
425
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MachinaEnterpriseBackgroundTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
426
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: MachinaEnterpriseBackgroundTemplate, isStandalone: true, selector: "machina-templates-enterprise-background", host: { classAttribute: "enterprise" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none}:host{background-color:#0b0e14;background-image:radial-gradient(1200px 640px at 8% -12%,rgba(99,102,241,.16),transparent 62%),radial-gradient(960px 560px at 108% 112%,rgba(14,165,233,.1),transparent 60%),linear-gradient(180deg,#ffffff05,#0000003d),radial-gradient(rgba(148,163,184,.1) 1px,transparent 1px);background-size:auto,auto,auto,24px 24px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
427
427
|
}
|
|
428
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
428
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MachinaEnterpriseBackgroundTemplate, decorators: [{
|
|
429
429
|
type: Component,
|
|
430
430
|
args: [{ selector: 'machina-templates-enterprise-background', standalone: true, template: '', host: { class: 'enterprise' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none}:host{background-color:#0b0e14;background-image:radial-gradient(1200px 640px at 8% -12%,rgba(99,102,241,.16),transparent 62%),radial-gradient(960px 560px at 108% 112%,rgba(14,165,233,.1),transparent 60%),linear-gradient(180deg,#ffffff05,#0000003d),radial-gradient(rgba(148,163,184,.1) 1px,transparent 1px);background-size:auto,auto,auto,24px 24px}\n"] }]
|
|
431
431
|
}] });
|
|
432
432
|
class MachinaWhiteBackgroundTemplate {
|
|
433
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
434
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
433
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MachinaWhiteBackgroundTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
434
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: MachinaWhiteBackgroundTemplate, isStandalone: true, selector: "machina-templates-white-background", host: { classAttribute: "white" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none}:host{background-color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
435
435
|
}
|
|
436
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
436
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MachinaWhiteBackgroundTemplate, decorators: [{
|
|
437
437
|
type: Component,
|
|
438
438
|
args: [{ selector: 'machina-templates-white-background', standalone: true, template: '', host: { class: 'white' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none}:host{background-color:#fff}\n"] }]
|
|
439
439
|
}] });
|
|
440
440
|
class MachinaLiquidBackgroundTemplate {
|
|
441
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
442
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
441
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MachinaLiquidBackgroundTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
442
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: MachinaLiquidBackgroundTemplate, isStandalone: true, selector: "machina-templates-liquid-background", host: { classAttribute: "liquid" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none}:host{background:radial-gradient(40% 50% at 12% 18%,rgba(99,102,241,.9),transparent 62%),radial-gradient(35% 45% at 88% 20%,rgba(236,72,153,.75),transparent 62%),radial-gradient(45% 55% at 72% 88%,rgba(20,184,166,.75),transparent 62%),radial-gradient(35% 40% at 22% 88%,rgba(245,158,11,.6),transparent 62%),linear-gradient(135deg,#1e1b4b,#312e81,#134e4a)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
443
443
|
}
|
|
444
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
444
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MachinaLiquidBackgroundTemplate, decorators: [{
|
|
445
445
|
type: Component,
|
|
446
446
|
args: [{ selector: 'machina-templates-liquid-background', standalone: true, template: '', host: { class: 'liquid' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none}:host{background:radial-gradient(40% 50% at 12% 18%,rgba(99,102,241,.9),transparent 62%),radial-gradient(35% 45% at 88% 20%,rgba(236,72,153,.75),transparent 62%),radial-gradient(45% 55% at 72% 88%,rgba(20,184,166,.75),transparent 62%),radial-gradient(35% 40% at 22% 88%,rgba(245,158,11,.6),transparent 62%),linear-gradient(135deg,#1e1b4b,#312e81,#134e4a)}\n"] }]
|
|
447
447
|
}] });
|
|
@@ -503,7 +503,7 @@ async function clearLunarBackgroundImage() {
|
|
|
503
503
|
|
|
504
504
|
const LUNAR_BACKGROUND_IMAGE_URL = 'assets/backgrounds/lunar.jpeg';
|
|
505
505
|
class MachinaLunarBackgroundTemplate {
|
|
506
|
-
imageUrl = signal(LUNAR_BACKGROUND_IMAGE_URL, ...(ngDevMode ? [{ debugName: "imageUrl" }] : []));
|
|
506
|
+
imageUrl = signal(LUNAR_BACKGROUND_IMAGE_URL, ...(ngDevMode ? [{ debugName: "imageUrl" }] : /* istanbul ignore next */ []));
|
|
507
507
|
objectUrl = null;
|
|
508
508
|
constructor() {
|
|
509
509
|
const refresh = () => void this.refresh();
|
|
@@ -524,10 +524,10 @@ class MachinaLunarBackgroundTemplate {
|
|
|
524
524
|
URL.revokeObjectURL(this.objectUrl);
|
|
525
525
|
this.objectUrl = next;
|
|
526
526
|
}
|
|
527
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
528
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
527
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MachinaLunarBackgroundTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
528
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: MachinaLunarBackgroundTemplate, isStandalone: true, selector: "machina-templates-lunar-background", host: { attributes: { "aria-hidden": "true" }, classAttribute: "lunar" }, ngImport: i0, template: `<img data-part="image" [src]="imageUrl()" alt="" decoding="async" />`, isInline: true, styles: [":host{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#000}img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
529
529
|
}
|
|
530
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
530
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MachinaLunarBackgroundTemplate, decorators: [{
|
|
531
531
|
type: Component,
|
|
532
532
|
args: [{ selector: 'machina-templates-lunar-background', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'lunar', 'aria-hidden': 'true' }, template: `<img data-part="image" [src]="imageUrl()" alt="" decoding="async" />`, styles: [":host{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#000}img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%}\n"] }]
|
|
533
533
|
}], ctorParameters: () => [] });
|
|
@@ -17,11 +17,11 @@ import * as i1$2 from '@angular/material/button';
|
|
|
17
17
|
import { MatButtonModule } from '@angular/material/button';
|
|
18
18
|
|
|
19
19
|
class EnvPresetsSection {
|
|
20
|
-
presets = input.required(...(ngDevMode ? [{ debugName: "presets" }] : []));
|
|
21
|
-
currentEnv = input.required(...(ngDevMode ? [{ debugName: "currentEnv" }] : []));
|
|
20
|
+
presets = input.required(...(ngDevMode ? [{ debugName: "presets" }] : /* istanbul ignore next */ []));
|
|
21
|
+
currentEnv = input.required(...(ngDevMode ? [{ debugName: "currentEnv" }] : /* istanbul ignore next */ []));
|
|
22
22
|
presetSelected = output();
|
|
23
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
24
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: EnvPresetsSection, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: EnvPresetsSection, isStandalone: true, selector: "env-presets-section", inputs: { presets: { classPropertyName: "presets", publicName: "presets", isSignal: true, isRequired: true, transformFunction: null }, currentEnv: { classPropertyName: "currentEnv", publicName: "currentEnv", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { presetSelected: "presetSelected" }, ngImport: i0, template: `
|
|
25
25
|
<section class="settings-section" aria-labelledby="env-section-connection">
|
|
26
26
|
<h2 id="env-section-connection" class="section-title">Connection</h2>
|
|
27
27
|
<p class="section-current">Current: <strong>{{ currentEnv() }}</strong></p>
|
|
@@ -45,7 +45,7 @@ class EnvPresetsSection {
|
|
|
45
45
|
</section>
|
|
46
46
|
`, isInline: true, styles: [":host{--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;display:block;--mat-list-list-item-label-text-color: #ffffff;--mat-list-list-item-supporting-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-leading-icon-color: #ffffff;--mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-trailing-supporting-text-color: #ffffff;--mat-icon-color: #ffffff;--mat-button-outlined-label-text-color: #ffffff;--mat-button-text-label-text-color: #ffffff;--mat-form-field-outlined-input-text-color: #ffffff;--mat-form-field-outlined-label-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-label-text-color: #ffffff;--mat-list-list-item-hover-leading-icon-color: #ffffff;--mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-state-layer-color: #ffffff;--mat-list-list-item-focus-label-text-color: #ffffff;--mat-list-list-item-focus-leading-icon-color: #ffffff;--mat-list-list-item-focus-state-layer-color: #ffffff;--mat-form-field-outlined-outline-color: rgba(255, 255, 255, .24);--mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, .5);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-hover-label-text-color: #ffffff;--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-caret-color: var(--mat-sys-primary, #d5baff);--palette-primary-500-no-rgb: 213, 186, 255}.settings-section{margin-bottom:24px;border-radius:16px;background:var(--mat-sys-surface-container-high, #1b1b21);border:1px solid var(--mat-sys-outline-variant, rgba(255, 255, 255, .08));padding:8px 0 4px;overflow:hidden}.section-title{margin:0;padding:12px 16px 4px;font-family:Courier New,monospace;font-size:12px;font-weight:500;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .7));text-transform:uppercase;letter-spacing:.05em}.section-current{margin:0;padding:0 16px 8px;font-size:13px;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .6))}.section-current strong{color:var(--mat-sys-on-surface, #ffffff);font-weight:500}.settings-list{padding:0}.settings-list mat-list-item{--mdc-list-list-item-container-color: transparent}.settings-list mat-list-item.is-active{background:var(--mat-sys-secondary-container, rgba(51, 255, 51, .12))}.endpoint-fields{display:flex;flex-direction:column;gap:0;padding:8px 16px 16px}.endpoint-field{width:100%}.endpoint-field ::ng-deep input{font-family:Courier New,monospace;font-size:13px}.toggle-meta{display:flex;align-items:center;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
47
47
|
}
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: EnvPresetsSection, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
50
|
args: [{ selector: 'env-presets-section', standalone: true, imports: [MatListModule, MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
51
51
|
<section class="settings-section" aria-labelledby="env-section-connection">
|
|
@@ -73,10 +73,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
73
73
|
}], propDecorators: { presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: true }] }], currentEnv: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentEnv", required: true }] }], presetSelected: [{ type: i0.Output, args: ["presetSelected"] }] } });
|
|
74
74
|
|
|
75
75
|
class EnvEndpointsSection {
|
|
76
|
-
endpoints = input.required(...(ngDevMode ? [{ debugName: "endpoints" }] : []));
|
|
76
|
+
endpoints = input.required(...(ngDevMode ? [{ debugName: "endpoints" }] : /* istanbul ignore next */ []));
|
|
77
77
|
endpointChanged = output();
|
|
78
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
79
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
78
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: EnvEndpointsSection, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
79
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: EnvEndpointsSection, isStandalone: true, selector: "env-endpoints-section", inputs: { endpoints: { classPropertyName: "endpoints", publicName: "endpoints", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { endpointChanged: "endpointChanged" }, ngImport: i0, template: `
|
|
80
80
|
<section class="settings-section" aria-labelledby="env-section-endpoints">
|
|
81
81
|
<h2 id="env-section-endpoints" class="section-title">Endpoints</h2>
|
|
82
82
|
@for (field of endpoints(); track field.key) {
|
|
@@ -91,7 +91,7 @@ class EnvEndpointsSection {
|
|
|
91
91
|
</section>
|
|
92
92
|
`, isInline: true, styles: [":host{--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;display:block;--mat-list-list-item-label-text-color: #ffffff;--mat-list-list-item-supporting-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-leading-icon-color: #ffffff;--mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-trailing-supporting-text-color: #ffffff;--mat-icon-color: #ffffff;--mat-button-outlined-label-text-color: #ffffff;--mat-button-text-label-text-color: #ffffff;--mat-form-field-outlined-input-text-color: #ffffff;--mat-form-field-outlined-label-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-label-text-color: #ffffff;--mat-list-list-item-hover-leading-icon-color: #ffffff;--mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-state-layer-color: #ffffff;--mat-list-list-item-focus-label-text-color: #ffffff;--mat-list-list-item-focus-leading-icon-color: #ffffff;--mat-list-list-item-focus-state-layer-color: #ffffff;--mat-form-field-outlined-outline-color: rgba(255, 255, 255, .24);--mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, .5);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-hover-label-text-color: #ffffff;--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-caret-color: var(--mat-sys-primary, #d5baff);--palette-primary-500-no-rgb: 213, 186, 255}.settings-section{margin-bottom:24px;border-radius:16px;background:var(--mat-sys-surface-container-high, #1b1b21);border:1px solid var(--mat-sys-outline-variant, rgba(255, 255, 255, .08));padding:8px 0 4px;overflow:hidden}.section-title{margin:0;padding:12px 16px 4px;font-family:Courier New,monospace;font-size:12px;font-weight:500;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .7));text-transform:uppercase;letter-spacing:.05em}.section-current{margin:0;padding:0 16px 8px;font-size:13px;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .6))}.section-current strong{color:var(--mat-sys-on-surface, #ffffff);font-weight:500}.settings-list{padding:0}.settings-list mat-list-item{--mdc-list-list-item-container-color: transparent}.settings-list mat-list-item.is-active{background:var(--mat-sys-secondary-container, rgba(51, 255, 51, .12))}.endpoint-fields{display:flex;flex-direction:column;gap:0;padding:8px 16px 16px}.endpoint-field{width:100%}.endpoint-field ::ng-deep input{font-family:Courier New,monospace;font-size:13px}.toggle-meta{display:flex;align-items:center;height:100%}\n", ":host{display:block}.endpoint-row{padding:8px 16px}.endpoint-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
93
93
|
}
|
|
94
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
94
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: EnvEndpointsSection, decorators: [{
|
|
95
95
|
type: Component,
|
|
96
96
|
args: [{ selector: 'env-endpoints-section', standalone: true, imports: [MatFormFieldModule, MatInputModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
97
97
|
<section class="settings-section" aria-labelledby="env-section-endpoints">
|
|
@@ -110,10 +110,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
110
110
|
}], propDecorators: { endpoints: [{ type: i0.Input, args: [{ isSignal: true, alias: "endpoints", required: true }] }], endpointChanged: [{ type: i0.Output, args: ["endpointChanged"] }] } });
|
|
111
111
|
|
|
112
112
|
class EnvFlagsSection {
|
|
113
|
-
flags = input.required(...(ngDevMode ? [{ debugName: "flags" }] : []));
|
|
113
|
+
flags = input.required(...(ngDevMode ? [{ debugName: "flags" }] : /* istanbul ignore next */ []));
|
|
114
114
|
flagChanged = output();
|
|
115
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
116
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
115
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: EnvFlagsSection, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
116
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: EnvFlagsSection, isStandalone: true, selector: "env-flags-section", inputs: { flags: { classPropertyName: "flags", publicName: "flags", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { flagChanged: "flagChanged" }, ngImport: i0, template: `
|
|
117
117
|
<section class="settings-section" aria-labelledby="env-section-flags">
|
|
118
118
|
<h2 id="env-section-flags" class="section-title">Feature flags</h2>
|
|
119
119
|
<mat-list role="list" class="settings-list">
|
|
@@ -137,7 +137,7 @@ class EnvFlagsSection {
|
|
|
137
137
|
</section>
|
|
138
138
|
`, isInline: true, styles: [":host{--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;display:block;--mat-list-list-item-label-text-color: #ffffff;--mat-list-list-item-supporting-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-leading-icon-color: #ffffff;--mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-trailing-supporting-text-color: #ffffff;--mat-icon-color: #ffffff;--mat-button-outlined-label-text-color: #ffffff;--mat-button-text-label-text-color: #ffffff;--mat-form-field-outlined-input-text-color: #ffffff;--mat-form-field-outlined-label-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-label-text-color: #ffffff;--mat-list-list-item-hover-leading-icon-color: #ffffff;--mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-state-layer-color: #ffffff;--mat-list-list-item-focus-label-text-color: #ffffff;--mat-list-list-item-focus-leading-icon-color: #ffffff;--mat-list-list-item-focus-state-layer-color: #ffffff;--mat-form-field-outlined-outline-color: rgba(255, 255, 255, .24);--mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, .5);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-hover-label-text-color: #ffffff;--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-primary, #d5baff);--mat-form-field-outlined-caret-color: var(--mat-sys-primary, #d5baff);--palette-primary-500-no-rgb: 213, 186, 255}.settings-section{margin-bottom:24px;border-radius:16px;background:var(--mat-sys-surface-container-high, #1b1b21);border:1px solid var(--mat-sys-outline-variant, rgba(255, 255, 255, .08));padding:8px 0 4px;overflow:hidden}.section-title{margin:0;padding:12px 16px 4px;font-family:Courier New,monospace;font-size:12px;font-weight:500;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .7));text-transform:uppercase;letter-spacing:.05em}.section-current{margin:0;padding:0 16px 8px;font-size:13px;color:var(--mat-sys-on-surface-variant, rgba(255, 255, 255, .6))}.section-current strong{color:var(--mat-sys-on-surface, #ffffff);font-weight:500}.settings-list{padding:0}.settings-list mat-list-item{--mdc-list-list-item-container-color: transparent}.settings-list mat-list-item.is-active{background:var(--mat-sys-secondary-container, rgba(51, 255, 51, .12))}.endpoint-fields{display:flex;flex-direction:column;gap:0;padding:8px 16px 16px}.endpoint-field{width:100%}.endpoint-field ::ng-deep input{font-family:Courier New,monospace;font-size:13px}.toggle-meta{display:flex;align-items:center;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
139
139
|
}
|
|
140
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: EnvFlagsSection, decorators: [{
|
|
141
141
|
type: Component,
|
|
142
142
|
args: [{ selector: 'env-flags-section', standalone: true, imports: [MatListModule, MatIconModule, MatSlideToggleModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
143
143
|
<section class="settings-section" aria-labelledby="env-section-flags">
|
|
@@ -165,10 +165,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
165
165
|
}], propDecorators: { flags: [{ type: i0.Input, args: [{ isSignal: true, alias: "flags", required: true }] }], flagChanged: [{ type: i0.Output, args: ["flagChanged"] }] } });
|
|
166
166
|
|
|
167
167
|
class EnvReloadNotice {
|
|
168
|
-
needsReload = input.required(...(ngDevMode ? [{ debugName: "needsReload" }] : []));
|
|
168
|
+
needsReload = input.required(...(ngDevMode ? [{ debugName: "needsReload" }] : /* istanbul ignore next */ []));
|
|
169
169
|
reloadClicked = output();
|
|
170
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
171
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
170
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: EnvReloadNotice, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
171
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: EnvReloadNotice, isStandalone: true, selector: "env-reload-notice", inputs: { needsReload: { classPropertyName: "needsReload", publicName: "needsReload", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { reloadClicked: "reloadClicked" }, ngImport: i0, template: `
|
|
172
172
|
@if (needsReload()) {
|
|
173
173
|
<div class="reload-notice" role="status" data-testid="reload-banner">
|
|
174
174
|
<mat-icon class="reload-notice__icon" aria-hidden="true">refresh</mat-icon>
|
|
@@ -185,7 +185,7 @@ class EnvReloadNotice {
|
|
|
185
185
|
}
|
|
186
186
|
`, isInline: true, styles: [":host{display:block}.reload-notice{position:sticky;bottom:16px;margin:16px;padding:12px 16px;display:flex;align-items:center;gap:12px;background:var(--mat-sys-surface-container-highest, #23231a);color:var(--mat-sys-on-surface, rgba(255, 255, 255, .9));border:1px solid var(--mat-sys-outline-variant, rgba(255, 255, 255, .15));border-radius:16px;box-shadow:0 2px 8px #00000080}.reload-notice__icon{color:#33ff33d9}.reload-notice__text{flex:1;font-family:Courier New,monospace;font-size:13px;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
187
187
|
}
|
|
188
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
188
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: EnvReloadNotice, decorators: [{
|
|
189
189
|
type: Component,
|
|
190
190
|
args: [{ selector: 'env-reload-notice', standalone: true, imports: [MatButtonModule, MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
191
191
|
@if (needsReload()) {
|
|
@@ -215,14 +215,14 @@ var EnvTemplateActionId;
|
|
|
215
215
|
class EnvTemplate extends NgAtomicComponent {
|
|
216
216
|
static ActionId = EnvTemplateActionId;
|
|
217
217
|
ActionId = EnvTemplateActionId;
|
|
218
|
-
title = input('Environment', ...(ngDevMode ? [{ debugName: "title" }] : []));
|
|
219
|
-
presets = input.required(...(ngDevMode ? [{ debugName: "presets" }] : []));
|
|
220
|
-
currentEnv = input.required(...(ngDevMode ? [{ debugName: "currentEnv" }] : []));
|
|
221
|
-
endpoints = input([], ...(ngDevMode ? [{ debugName: "endpoints" }] : []));
|
|
222
|
-
flags = input([], ...(ngDevMode ? [{ debugName: "flags" }] : []));
|
|
223
|
-
needsReload = input.required(...(ngDevMode ? [{ debugName: "needsReload" }] : []));
|
|
224
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
225
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
218
|
+
title = input('Environment', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
219
|
+
presets = input.required(...(ngDevMode ? [{ debugName: "presets" }] : /* istanbul ignore next */ []));
|
|
220
|
+
currentEnv = input.required(...(ngDevMode ? [{ debugName: "currentEnv" }] : /* istanbul ignore next */ []));
|
|
221
|
+
endpoints = input([], ...(ngDevMode ? [{ debugName: "endpoints" }] : /* istanbul ignore next */ []));
|
|
222
|
+
flags = input([], ...(ngDevMode ? [{ debugName: "flags" }] : /* istanbul ignore next */ []));
|
|
223
|
+
needsReload = input.required(...(ngDevMode ? [{ debugName: "needsReload" }] : /* istanbul ignore next */ []));
|
|
224
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: EnvTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
225
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: EnvTemplate, isStandalone: true, selector: "templates-env", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, presets: { classPropertyName: "presets", publicName: "presets", isSignal: true, isRequired: true, transformFunction: null }, currentEnv: { classPropertyName: "currentEnv", publicName: "currentEnv", isSignal: true, isRequired: true, transformFunction: null }, endpoints: { classPropertyName: "endpoints", publicName: "endpoints", isSignal: true, isRequired: false, transformFunction: null }, flags: { classPropertyName: "flags", publicName: "flags", isSignal: true, isRequired: false, transformFunction: null }, needsReload: { classPropertyName: "needsReload", publicName: "needsReload", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "template" }, usesInheritance: true, ngImport: i0, template: `
|
|
226
226
|
<frames-scroll>
|
|
227
227
|
<organisms-navigator top [title]="title()" [startActions]="[]" />
|
|
228
228
|
<div class="env-container">
|
|
@@ -253,7 +253,7 @@ class EnvTemplate extends NgAtomicComponent {
|
|
|
253
253
|
</frames-scroll>
|
|
254
254
|
`, isInline: true, styles: [":host{--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;display:block;width:100%;height:100%;background:var(--mat-sys-surface, #0d0d10);color:var(--mat-sys-on-surface, #f5f5f7)}frames-scroll{display:flex;height:100%}.env-container{padding:16px 16px 96px;max-width:720px;margin:0 auto;width:100%;box-sizing:border-box}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "component", type: EnvPresetsSection, selector: "env-presets-section", inputs: ["presets", "currentEnv"], outputs: ["presetSelected"] }, { kind: "component", type: EnvEndpointsSection, selector: "env-endpoints-section", inputs: ["endpoints"], outputs: ["endpointChanged"] }, { kind: "component", type: EnvFlagsSection, selector: "env-flags-section", inputs: ["flags"], outputs: ["flagChanged"] }, { kind: "component", type: EnvReloadNotice, selector: "env-reload-notice", inputs: ["needsReload"], outputs: ["reloadClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
255
255
|
}
|
|
256
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
256
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: EnvTemplate, decorators: [{
|
|
257
257
|
type: Component,
|
|
258
258
|
args: [{ selector: 'templates-env', standalone: true, imports: [ScrollFrame, NavigatorOrganism, EnvPresetsSection, EnvEndpointsSection, EnvFlagsSection, EnvReloadNotice], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
259
259
|
<frames-scroll>
|
|
@@ -10,7 +10,7 @@ var ActionId;
|
|
|
10
10
|
})(ActionId || (ActionId = {}));
|
|
11
11
|
class GroupNodeComponent extends NgAtomicComponent {
|
|
12
12
|
static ActionId = ActionId;
|
|
13
|
-
data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : []));
|
|
13
|
+
data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : /* istanbul ignore next */ []));
|
|
14
14
|
expandedChange = output();
|
|
15
15
|
getStatusLabel(status) {
|
|
16
16
|
const labels = {
|
|
@@ -28,8 +28,8 @@ class GroupNodeComponent extends NgAtomicComponent {
|
|
|
28
28
|
onExpandedChange(expanded) {
|
|
29
29
|
this.dispatch({ id: ActionId.EXPANDED_CHANGE, payload: { expanded, data: this.data() } });
|
|
30
30
|
}
|
|
31
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
32
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
31
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: GroupNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: GroupNodeComponent, isStandalone: true, selector: "flow-group-node", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, usesInheritance: true, ngImport: i0, template: `
|
|
33
33
|
<div class="group-node" [class]="'s-' + data()?.status">
|
|
34
34
|
<div class="group-header">
|
|
35
35
|
<span class="dot"></span>
|
|
@@ -54,7 +54,7 @@ class GroupNodeComponent extends NgAtomicComponent {
|
|
|
54
54
|
</div>
|
|
55
55
|
`, isInline: true, styles: [":host{display:block;width:180px}.group-node{background:#0a0a0a;border:1px solid rgba(51,51,51,.8);border-radius:10px;padding:12px;font-family:SF Mono,Monaco,monospace;transition:all .2s ease;box-shadow:0 4px 16px #00000080}.group-node:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0009;border-color:#505050cc}.group-node.s-root{border-color:#6366f199}.group-node.s-completed{border-color:#10b98199}.group-node.s-in_progress{border-color:#3b82f699}.group-node.s-pending{border-color:#8889}.group-node.s-sprint_planned{border-color:#8b5cf699}.group-node.s-needs_breakdown{border-color:#f59e0b99}.group-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor}.s-root .dot{background:#6366f1;color:#6366f1}.s-completed .dot{background:#10b981;color:#10b981}.s-in_progress .dot{background:#3b82f6;color:#3b82f6;animation:pulse 2s infinite}.s-pending .dot{background:#888;color:#888}.s-sprint_planned .dot{background:#8b5cf6;color:#8b5cf6}.s-needs_breakdown .dot{background:#f59e0b;color:#f59e0b}@keyframes pulse{0%,to{box-shadow:0 0 4px #3b82f666}50%{box-shadow:0 0 12px #3b82f6cc}}.status-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.s-root .status-badge{background:#6366f133;color:#6366f1}.s-completed .status-badge{background:#10b98133;color:#10b981}.s-in_progress .status-badge{background:#3b82f633;color:#3b82f6}.s-pending .status-badge{background:#8883;color:#888}.s-sprint_planned .status-badge{background:#8b5cf633;color:#8b5cf6}.s-needs_breakdown .status-badge{background:#f59e0b33;color:#f59e0b}.child-count{margin-left:auto;font-size:11px;font-weight:600;color:#888;background:#ffffff0d;padding:2px 8px;border-radius:10px}.group-title{font-size:14px;font-weight:500;color:#e0e0e0;line-height:1.4;margin-bottom:8px}.group-footer{padding-top:8px;border-top:1px solid rgba(51,51,51,.5)}.assignee{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#888;font-weight:500}.assignee-icon{font-size:14px;width:14px;height:14px;color:#666}.assignee-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.1)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
56
56
|
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: GroupNodeComponent, decorators: [{
|
|
58
58
|
type: Component,
|
|
59
59
|
args: [{ selector: 'flow-group-node', standalone: true, imports: [MatIconModule], template: `
|
|
60
60
|
<div class="group-node" [class]="'s-' + data()?.status">
|
|
@@ -10,8 +10,8 @@ class IssueNodeComponent {
|
|
|
10
10
|
get hasDeps() {
|
|
11
11
|
return !!this.data.blockedBy?.length;
|
|
12
12
|
}
|
|
13
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
14
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
13
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: IssueNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: IssueNodeComponent, isStandalone: true, selector: "flow-issue-node", inputs: { data: "data" }, ngImport: i0, template: `
|
|
15
15
|
<div class="issue-node" [class]="'s-' + data.status" [class.has-deps]="hasDeps">
|
|
16
16
|
<div class="issue-header">
|
|
17
17
|
<span class="dot"></span>
|
|
@@ -42,7 +42,7 @@ class IssueNodeComponent {
|
|
|
42
42
|
</div>
|
|
43
43
|
`, isInline: true, styles: [":host{display:block;width:160px;height:120px}.issue-node{background:#1a1a1a;border:1px solid rgba(51,51,51,.8);border-radius:8px;padding:10px;font-family:SF Mono,Monaco,monospace;transition:all .2s ease;box-shadow:0 4px 12px #0006;height:100%;box-sizing:border-box;overflow:hidden}.issue-node:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000080;border-color:#505050cc}.issue-node.s-open{border-color:#3b82f699}.issue-node.s-in_progress{border-color:#f59e0b99}.issue-node.s-closed{border-color:#10b98199;opacity:.7}.issue-node.s-blocked{border-color:#ef444499}.issue-node.has-deps{border-style:dashed}.issue-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.s-open .dot{background:#3b82f6;color:#3b82f6}.s-in_progress .dot{background:#f59e0b;color:#f59e0b;animation:pulse 2s infinite}.s-closed .dot{background:#10b981;color:#10b981}.s-blocked .dot{background:#ef4444;color:#ef4444}@keyframes pulse{0%,to{box-shadow:0 0 4px #f59e0b66}50%{box-shadow:0 0 12px #f59e0bcc}}.id{font-size:10px;font-weight:500;color:#888;font-family:SF Mono,Monaco,monospace}.priority{margin-left:auto;font-size:9px;font-weight:600;padding:2px 5px;border-radius:4px;text-transform:uppercase}.p-critical{background:#ef444433;color:#ef4444}.p-high{background:#f59e0b33;color:#f59e0b}.p-medium{background:#3b82f633;color:#3b82f6}.p-low{background:#8883;color:#888}.issue-title{font-size:12px;font-weight:500;color:#e0e0e0;line-height:1.4;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignee{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#888;font-weight:500}.assignee-icon{font-size:12px;width:12px;height:12px;color:#666}.assignee-avatar{width:14px;height:14px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.deps{margin-top:6px;padding-top:6px;border-top:1px solid rgba(51,51,51,.5);font-size:10px;color:#ff79c6;font-weight:500}.coords{margin-top:4px;font-size:9px;color:#666;font-family:SF Mono,Monaco,monospace}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }] });
|
|
44
44
|
}
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: IssueNodeComponent, decorators: [{
|
|
46
46
|
type: Component,
|
|
47
47
|
args: [{ selector: 'flow-issue-node', standalone: true, imports: [CommonModule, MatIconModule], template: `
|
|
48
48
|
<div class="issue-node" [class]="'s-' + data.status" [class.has-deps]="hasDeps">
|
|
@@ -16,8 +16,8 @@ class TaskNodeComponent {
|
|
|
16
16
|
};
|
|
17
17
|
return labels[status || ''] || status?.toUpperCase() || '';
|
|
18
18
|
}
|
|
19
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: TaskNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: TaskNodeComponent, isStandalone: true, selector: "flow-task-node", inputs: { data: "data" }, ngImport: i0, template: `
|
|
21
21
|
<div class="task-node" [class]="'s-' + data.status" [class.has-deps]="hasDeps">
|
|
22
22
|
<div class="task-header">
|
|
23
23
|
<span class="dot"></span>
|
|
@@ -46,7 +46,7 @@ class TaskNodeComponent {
|
|
|
46
46
|
</div>
|
|
47
47
|
`, isInline: true, styles: [":host{display:block;width:200px}.task-node{background:#1a1a1a;border:1px solid rgba(51,51,51,.8);border-radius:8px;padding:12px;font-family:SF Mono,Monaco,monospace;transition:all .2s ease;box-shadow:0 4px 12px #0006}.task-node:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000080;border-color:#505050cc}.task-node.s-completed{border-color:#10b98199}.task-node.s-in_progress{border-color:#3b82f699}.task-node.s-pending{border-color:#8889}.task-node.has-deps{border-style:dashed}.task-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.s-completed .dot{background:#10b981;color:#10b981}.s-in_progress .dot{background:#3b82f6;color:#3b82f6;animation:pulse 2s infinite}.s-pending .dot{background:#888;color:#888}@keyframes pulse{0%,to{box-shadow:0 0 4px #3b82f666}50%{box-shadow:0 0 12px #3b82f6cc}}.task-id{font-size:10px;font-weight:500;color:#888;font-family:SF Mono,Monaco,monospace;background:#ffffff0d;padding:2px 6px;border-radius:4px}.status-badge{margin-left:auto;font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.s-completed .status-badge{background:#10b98133;color:#10b981}.s-in_progress .status-badge{background:#3b82f633;color:#3b82f6}.s-pending .status-badge{background:#8883;color:#888}.task-title{font-size:13px;font-weight:500;color:#e0e0e0;line-height:1.4;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.task-result{font-size:11px;color:#888;background:#ffffff08;padding:6px 8px;border-radius:4px;margin-bottom:8px;border:1px solid rgba(51,51,51,.5)}.task-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(51,51,51,.5);font-size:11px}.assignee{display:inline-flex;align-items:center;gap:4px;color:#888;font-weight:500}.assignee-icon{font-size:14px;width:14px;height:14px;color:#666}.assignee-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.deps{font-size:10px;color:#ff79c6;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
48
48
|
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: TaskNodeComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
51
51
|
args: [{ selector: 'flow-task-node', standalone: true, imports: [MatIconModule], template: `
|
|
52
52
|
<div class="task-node" [class]="'s-' + data.status" [class.has-deps]="hasDeps">
|
|
@@ -14,7 +14,7 @@ var ActionId$1;
|
|
|
14
14
|
})(ActionId$1 || (ActionId$1 = {}));
|
|
15
15
|
class GroupNodeComponent extends NgAtomicComponent {
|
|
16
16
|
static ActionId = ActionId$1;
|
|
17
|
-
data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : []));
|
|
17
|
+
data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : /* istanbul ignore next */ []));
|
|
18
18
|
expandedChange = output();
|
|
19
19
|
getStatusLabel(status) {
|
|
20
20
|
const labels = {
|
|
@@ -32,8 +32,8 @@ class GroupNodeComponent extends NgAtomicComponent {
|
|
|
32
32
|
onExpandedChange(expanded) {
|
|
33
33
|
this.dispatch({ id: ActionId$1.EXPANDED_CHANGE, payload: { expanded, data: this.data() } });
|
|
34
34
|
}
|
|
35
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
36
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
35
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: GroupNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: GroupNodeComponent, isStandalone: true, selector: "flow-group-node", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, usesInheritance: true, ngImport: i0, template: `
|
|
37
37
|
<div class="group-node" [class]="'s-' + data()?.status">
|
|
38
38
|
<div class="group-header">
|
|
39
39
|
<span class="dot"></span>
|
|
@@ -58,7 +58,7 @@ class GroupNodeComponent extends NgAtomicComponent {
|
|
|
58
58
|
</div>
|
|
59
59
|
`, isInline: true, styles: [":host{display:block;width:180px}.group-node{background:#0a0a0a;border:1px solid rgba(51,51,51,.8);border-radius:10px;padding:12px;font-family:SF Mono,Monaco,monospace;transition:all .2s ease;box-shadow:0 4px 16px #00000080}.group-node:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0009;border-color:#505050cc}.group-node.s-root{border-color:#6366f199}.group-node.s-completed{border-color:#10b98199}.group-node.s-in_progress{border-color:#3b82f699}.group-node.s-pending{border-color:#8889}.group-node.s-sprint_planned{border-color:#8b5cf699}.group-node.s-needs_breakdown{border-color:#f59e0b99}.group-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor}.s-root .dot{background:#6366f1;color:#6366f1}.s-completed .dot{background:#10b981;color:#10b981}.s-in_progress .dot{background:#3b82f6;color:#3b82f6;animation:pulse 2s infinite}.s-pending .dot{background:#888;color:#888}.s-sprint_planned .dot{background:#8b5cf6;color:#8b5cf6}.s-needs_breakdown .dot{background:#f59e0b;color:#f59e0b}@keyframes pulse{0%,to{box-shadow:0 0 4px #3b82f666}50%{box-shadow:0 0 12px #3b82f6cc}}.status-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.s-root .status-badge{background:#6366f133;color:#6366f1}.s-completed .status-badge{background:#10b98133;color:#10b981}.s-in_progress .status-badge{background:#3b82f633;color:#3b82f6}.s-pending .status-badge{background:#8883;color:#888}.s-sprint_planned .status-badge{background:#8b5cf633;color:#8b5cf6}.s-needs_breakdown .status-badge{background:#f59e0b33;color:#f59e0b}.child-count{margin-left:auto;font-size:11px;font-weight:600;color:#888;background:#ffffff0d;padding:2px 8px;border-radius:10px}.group-title{font-size:14px;font-weight:500;color:#e0e0e0;line-height:1.4;margin-bottom:8px}.group-footer{padding-top:8px;border-top:1px solid rgba(51,51,51,.5)}.assignee{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#888;font-weight:500}.assignee-icon{font-size:14px;width:14px;height:14px;color:#666}.assignee-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.1)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
60
60
|
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: GroupNodeComponent, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
63
|
args: [{ selector: 'flow-group-node', standalone: true, imports: [MatIconModule], template: `
|
|
64
64
|
<div class="group-node" [class]="'s-' + data()?.status">
|
|
@@ -170,26 +170,26 @@ let FlowNodeStore = class FlowNodeStore extends InjectableComponent {
|
|
|
170
170
|
static provideComponent(loader) {
|
|
171
171
|
return provideComponent(FlowNodeStore_1, loader);
|
|
172
172
|
}
|
|
173
|
-
data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : []));
|
|
174
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
175
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
173
|
+
data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : /* istanbul ignore next */ []));
|
|
174
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FlowNodeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
175
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: FlowNodeStore, isStandalone: true, selector: "flow-node", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
|
|
176
176
|
};
|
|
177
177
|
FlowNodeStore = FlowNodeStore_1 = __decorate([
|
|
178
178
|
TokenizedType()
|
|
179
179
|
], FlowNodeStore);
|
|
180
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
180
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FlowNodeStore, decorators: [{
|
|
181
181
|
type: Directive,
|
|
182
182
|
args: [{ standalone: true, selector: 'flow-node' }]
|
|
183
183
|
}], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
|
|
184
184
|
class FlowTemplate extends NgAtomicComponent {
|
|
185
185
|
static ActionId = ActionId;
|
|
186
|
-
nodes = input([], ...(ngDevMode ? [{ debugName: "nodes" }] : []));
|
|
187
|
-
edges = input([], ...(ngDevMode ? [{ debugName: "edges" }] : []));
|
|
188
|
-
interactionMode = input('desktop', ...(ngDevMode ? [{ debugName: "interactionMode" }] : []));
|
|
189
|
-
deleteKeyCode = input(null, ...(ngDevMode ? [{ debugName: "deleteKeyCode" }] : []));
|
|
186
|
+
nodes = input([], ...(ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []));
|
|
187
|
+
edges = input([], ...(ngDevMode ? [{ debugName: "edges" }] : /* istanbul ignore next */ []));
|
|
188
|
+
interactionMode = input('desktop', ...(ngDevMode ? [{ debugName: "interactionMode" }] : /* istanbul ignore next */ []));
|
|
189
|
+
deleteKeyCode = input(null, ...(ngDevMode ? [{ debugName: "deleteKeyCode" }] : /* istanbul ignore next */ []));
|
|
190
190
|
panOnDrag_ = true;
|
|
191
|
-
nodesDraggable_ = computed(() => this.interactionMode() !== 'touch', ...(ngDevMode ? [{ debugName: "nodesDraggable_" }] : []));
|
|
192
|
-
elementsSelectable_ = computed(() => this.interactionMode() !== 'touch', ...(ngDevMode ? [{ debugName: "elementsSelectable_" }] : []));
|
|
191
|
+
nodesDraggable_ = computed(() => this.interactionMode() !== 'touch', ...(ngDevMode ? [{ debugName: "nodesDraggable_" }] : /* istanbul ignore next */ []));
|
|
192
|
+
elementsSelectable_ = computed(() => this.interactionMode() !== 'touch', ...(ngDevMode ? [{ debugName: "elementsSelectable_" }] : /* istanbul ignore next */ []));
|
|
193
193
|
defaultEdgeOptions = input({
|
|
194
194
|
type: 'smoothstep',
|
|
195
195
|
animated: true,
|
|
@@ -200,7 +200,7 @@ class FlowTemplate extends NgAtomicComponent {
|
|
|
200
200
|
stroke: '#333',
|
|
201
201
|
strokeWidth: 2,
|
|
202
202
|
}
|
|
203
|
-
}, ...(ngDevMode ? [{ debugName: "defaultEdgeOptions" }] : []));
|
|
203
|
+
}, ...(ngDevMode ? [{ debugName: "defaultEdgeOptions" }] : /* istanbul ignore next */ []));
|
|
204
204
|
nodeClick = output();
|
|
205
205
|
nodesChange = output();
|
|
206
206
|
nodeDragStop = output();
|
|
@@ -224,8 +224,8 @@ class FlowTemplate extends NgAtomicComponent {
|
|
|
224
224
|
this.dispatch({ id: ActionId.EXPANDED_CHANGE, payload: { nodeId, expanded: payload.expanded } });
|
|
225
225
|
}
|
|
226
226
|
}
|
|
227
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
228
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
227
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FlowTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
228
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.25", type: FlowTemplate, isStandalone: true, selector: "templates-flow", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, edges: { classPropertyName: "edges", publicName: "edges", isSignal: true, isRequired: false, transformFunction: null }, interactionMode: { classPropertyName: "interactionMode", publicName: "interactionMode", isSignal: true, isRequired: false, transformFunction: null }, deleteKeyCode: { classPropertyName: "deleteKeyCode", publicName: "deleteKeyCode", isSignal: true, isRequired: false, transformFunction: null }, defaultEdgeOptions: { classPropertyName: "defaultEdgeOptions", publicName: "defaultEdgeOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeClick: "nodeClick", nodesChange: "nodesChange", nodeDragStop: "nodeDragStop", edgesChange: "edgesChange", connect: "connect", nodeData: "nodeData", nodeResizeEnd: "nodeResizeEnd", viewportChange: "viewportChange" }, usesInheritance: true, ngImport: i0, template: `
|
|
229
229
|
<frames-scroll>
|
|
230
230
|
<ng-content select="[top]" top />
|
|
231
231
|
<machina-react-flow
|
|
@@ -280,7 +280,7 @@ __decorate([
|
|
|
280
280
|
__metadata("design:paramtypes", [Object]),
|
|
281
281
|
__metadata("design:returntype", void 0)
|
|
282
282
|
], FlowTemplate.prototype, "onGroupExpandedChange", null);
|
|
283
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
283
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FlowTemplate, decorators: [{
|
|
284
284
|
type: Component,
|
|
285
285
|
args: [{ selector: 'templates-flow', standalone: true, imports: [
|
|
286
286
|
ReactFlowComponent,
|
|
@@ -7,8 +7,8 @@ class InvoiceIframeTemplate extends NgAtomicComponent {
|
|
|
7
7
|
iframe;
|
|
8
8
|
navStartActions = [];
|
|
9
9
|
src = '';
|
|
10
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
11
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
10
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: InvoiceIframeTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: InvoiceIframeTemplate, isStandalone: true, selector: "templates-invoice-iframe", inputs: { navStartActions: "navStartActions", src: "src" }, host: { classAttribute: "template" }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
12
12
|
<organisms-navigator
|
|
13
13
|
[startActions]="navStartActions"
|
|
14
14
|
(action)="dispatch($event)"
|
|
@@ -16,7 +16,7 @@ class InvoiceIframeTemplate extends NgAtomicComponent {
|
|
|
16
16
|
<iframe [src]="src" #iframe></iframe>
|
|
17
17
|
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block}:host iframe{width:100%;height:100%;border:0}\n"], dependencies: [{ kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: InvoiceIframeTemplate, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ selector: 'templates-invoice-iframe', standalone: true, imports: [
|
|
22
22
|
NavigatorOrganism
|