@xxmachina/components 20.6.0 → 20.20.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-molecules-inline-edit-field.mjs +5 -0
- package/fesm2022/xxmachina-components-molecules-weekly-header.mjs +2 -2
- package/fesm2022/xxmachina-components-organisms-calendar-section.mjs +2 -2
- package/fesm2022/xxmachina-components-pages-command.mjs +6 -18
- package/fesm2022/xxmachina-components-pages-query.mjs +4 -16
- package/fesm2022/xxmachina-components-pages-thread.mjs +2 -2
- package/fesm2022/xxmachina-components-templates-agent.mjs +2 -2
- package/fesm2022/xxmachina-components-templates-background.mjs +12 -1
- package/fesm2022/xxmachina-components-templates-machina-icon-button-menu.mjs +2 -2
- package/fesm2022/xxmachina-components-templates-machina-menu.mjs +2 -2
- package/fesm2022/xxmachina-components.mjs +6 -6
- package/package.json +1 -1
- package/types/xxmachina-components-templates-background.d.ts +9 -1
|
@@ -45,6 +45,8 @@ class InlineEditFieldMolecule extends NgAtomicComponent {
|
|
|
45
45
|
this.commitValue();
|
|
46
46
|
}
|
|
47
47
|
onEnter(event) {
|
|
48
|
+
if (isImeComposing(event))
|
|
49
|
+
return;
|
|
48
50
|
event.preventDefault();
|
|
49
51
|
this.commitValue();
|
|
50
52
|
}
|
|
@@ -109,6 +111,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
109
111
|
}
|
|
110
112
|
], styles: [":host{display:inline-block}.display-value{cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s}.display-value:hover{background-color:#ffffff1a}.edit-input{font:inherit;color:inherit;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:2px 4px;outline:none;min-width:200px}.edit-input:focus{border-color:#fff9}\n"] }]
|
|
111
113
|
}], ctorParameters: () => [], propDecorators: { inputEl: [{ type: i0.ViewChild, args: ['inputEl', { isSignal: true }] }] } });
|
|
114
|
+
function isImeComposing(event) {
|
|
115
|
+
return event instanceof KeyboardEvent && (event.isComposing || event.keyCode === 229);
|
|
116
|
+
}
|
|
112
117
|
|
|
113
118
|
/**
|
|
114
119
|
* Generated bundle index. Do not edit.
|
|
@@ -12,7 +12,7 @@ class WeeklyHeaderMolecule {
|
|
|
12
12
|
<span>{{ day }}</span>
|
|
13
13
|
</div>
|
|
14
14
|
}
|
|
15
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-
|
|
15
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-g73VfLZl: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-g73VfLZl: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-g73VfLZl)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] });
|
|
16
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WeeklyHeaderMolecule, decorators: [{
|
|
18
18
|
type: Component,
|
|
@@ -22,7 +22,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
22
22
|
<span>{{ day }}</span>
|
|
23
23
|
</div>
|
|
24
24
|
}
|
|
25
|
-
`, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-
|
|
25
|
+
`, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-g73VfLZl: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-g73VfLZl: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-g73VfLZl)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] }]
|
|
26
26
|
}], ctorParameters: () => [] });
|
|
27
27
|
|
|
28
28
|
/**
|
|
@@ -56,7 +56,7 @@ class CalendarSectionOrganism {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
</div>
|
|
59
|
-
`, isInline: true, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-
|
|
59
|
+
`, isInline: true, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-pGjsyLPk: var(--row);--row-num: 0;--row-num-SCOPED-IN-pGjsyLPk: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-pGjsyLPk: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-pGjsyLPk: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-pGjsyLPk: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-pGjsyLPk);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-pGjsyLPk),var(--row-SCOPED-IN-pGjsyLPk));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-pGjsyLPk)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-pGjsyLPk);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"], dependencies: [{ kind: "component", type: DailyCellMolecule, selector: "molecules-daily-cell", inputs: ["date", "schedules", "displayDate", "noSchedulesText", "toolTipText", "marked", "markingColor"] }, { kind: "component", type: WeeklyHeaderMolecule, selector: "molecules-weekly-header" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
60
60
|
}
|
|
61
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CalendarSectionOrganism, decorators: [{
|
|
62
62
|
type: Component,
|
|
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
</div>
|
|
93
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-
|
|
93
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-pGjsyLPk: var(--row);--row-num: 0;--row-num-SCOPED-IN-pGjsyLPk: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-pGjsyLPk: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-pGjsyLPk: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-pGjsyLPk: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-pGjsyLPk);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-pGjsyLPk),var(--row-SCOPED-IN-pGjsyLPk));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-pGjsyLPk)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-pGjsyLPk);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"] }]
|
|
94
94
|
}], propDecorators: { label: [{
|
|
95
95
|
type: Input
|
|
96
96
|
}], displayDays: [{
|
|
@@ -2,12 +2,12 @@ import { __decorate, __metadata } from 'tslib';
|
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import { inject, effect, computed, untracked, input, Directive, Component } from '@angular/core';
|
|
4
4
|
import { FormGroup, FormArray, FormControl } from '@angular/forms';
|
|
5
|
-
import {
|
|
5
|
+
import { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';
|
|
6
6
|
import { CommandService } from '@xxmachina/components/services/command';
|
|
7
|
-
import { InjectableComponent,
|
|
7
|
+
import { InjectableComponent, computeFake, applyToInput, provideEffect, _computed, TokenizedType, NgAtomicComponent, Effect } from '@ng-atomic/core';
|
|
8
8
|
import { ActivatedRoute } from '@angular/router';
|
|
9
9
|
import { FormTemplateStore, FormTemplate } from '@ng-atomic/components/templates/form';
|
|
10
|
-
import {
|
|
10
|
+
import { injectRouteParam, injectRouteData, injectRouteParam$, injectUnflattenRouteParam$, injectRouteData$, injectRouteParamMap, getValue$, injectUnflattenRouteParam, getInvalid$, injectRouteSkip } from '@ng-atomic/common/utils';
|
|
11
11
|
import { combineLatest, filter, map, tap, shareReplay, of } from 'rxjs';
|
|
12
12
|
import { AppService } from '@ng-atomic/common/services/app';
|
|
13
13
|
import { makeDI, injectNavStartActionsV2 } from '@ng-atomic/common/services/ui';
|
|
@@ -132,21 +132,9 @@ let CommandPageStore = class CommandPageStore extends InjectableComponent {
|
|
|
132
132
|
}
|
|
133
133
|
static provideAutoTogglePageInitializer() {
|
|
134
134
|
return [
|
|
135
|
-
provideEffect(RouterOutletFrameStore.ActionId.DEACTIVATED, () => {
|
|
136
|
-
const store = inject(CommandPageStore_1);
|
|
137
|
-
const style = computeFake(store.style());
|
|
138
|
-
return () => applyToInput(store, 'style', { ...style, paddingLeft: `0` });
|
|
139
|
-
}),
|
|
140
135
|
CommandPageStore_1.DI.provideInitializer((store) => {
|
|
141
|
-
const hasNext = injectHasNext();
|
|
142
136
|
const style = computeFake(store.style());
|
|
143
|
-
|
|
144
|
-
if (hasNext() && style.width !== 'var(--page-width-lv1)') {
|
|
145
|
-
setTimeout(() => {
|
|
146
|
-
applyToInput(store, 'style', { ...style, paddingLeft: 'var(--page-width-lv1)' });
|
|
147
|
-
}, 300);
|
|
148
|
-
}
|
|
149
|
-
});
|
|
137
|
+
applyToInput(store, 'style', { ...style, paddingLeft: 'var(--line-up-hidden-width, 0px)' });
|
|
150
138
|
}),
|
|
151
139
|
];
|
|
152
140
|
}
|
|
@@ -422,7 +410,7 @@ class CommandPage extends NgAtomicComponent {
|
|
|
422
410
|
</frames-tabs>
|
|
423
411
|
</templates-form>
|
|
424
412
|
</frames-router-outlet>
|
|
425
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-
|
|
413
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-DYTf: var(--page-width-lv1);--primary-color-SCOPED-IN-command-DYTf: var(--primary-color);--on-primary-color-SCOPED-IN-command-DYTf: var(--on-primary-color);--background-color-SCOPED-IN-command-DYTf: var(--background-color);--on-background-color-SCOPED-IN-command-DYTf: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-DYTf)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-DYTf);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-DYTf);--background-color: var(--background-color-SCOPED-IN-command-DYTf);--on-background-color: var(--on-background-color-SCOPED-IN-command-DYTf)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: FormTemplate, selector: "templates-form" }, { kind: "component", type: TabsFrame, selector: "frames-tabs", inputs: ["labels"], outputs: ["selectedTabIndexChange"] }, { kind: "component", type: CommandFormGroup, selector: "groups-command-form", inputs: ["apiJsonUrls"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }] });
|
|
426
414
|
}
|
|
427
415
|
__decorate([
|
|
428
416
|
Effect(FormTemplateStore.ActionId.FILE_SELECTED),
|
|
@@ -485,7 +473,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
485
473
|
'actions',
|
|
486
474
|
]
|
|
487
475
|
},
|
|
488
|
-
], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-
|
|
476
|
+
], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-DYTf: var(--page-width-lv1);--primary-color-SCOPED-IN-command-DYTf: var(--primary-color);--on-primary-color-SCOPED-IN-command-DYTf: var(--on-primary-color);--background-color-SCOPED-IN-command-DYTf: var(--background-color);--on-background-color-SCOPED-IN-command-DYTf: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-DYTf)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-DYTf);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-DYTf);--background-color: var(--background-color-SCOPED-IN-command-DYTf);--on-background-color: var(--on-background-color-SCOPED-IN-command-DYTf)}\n"] }]
|
|
489
477
|
}], propDecorators: { onFileSelected: [] } });
|
|
490
478
|
|
|
491
479
|
/**
|
|
@@ -11,7 +11,6 @@ import { injectHasNext, injectNavigationExtras, injectRouteData, injectUnflatten
|
|
|
11
11
|
import { makeDI, injectNavStartActionsV2 } from '@ng-atomic/common/services/ui';
|
|
12
12
|
import { makeInitializerConfig } from '@ng-atomic/common/services/initializer';
|
|
13
13
|
import { injectOne } from '@ng-atomic/common/stores/entities';
|
|
14
|
-
import { RouterOutletFrameStore, RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';
|
|
15
14
|
import { TableOrganism, buildColumns, injectIndexFormBuilder } from '@ng-atomic/components/organisms/table';
|
|
16
15
|
import { AppService } from '@xxmachina/components/services/app';
|
|
17
16
|
import { Query, QueryHelper } from '@xxmachina/common/domain/models';
|
|
@@ -23,6 +22,7 @@ import { flatten } from 'flat';
|
|
|
23
22
|
import { ValueCellAtomStore } from '@ng-atomic/components/atoms/value-cell';
|
|
24
23
|
import { IndexTemplateStore, IndexTemplate } from '@ng-atomic/components/templates/_index';
|
|
25
24
|
import { MachinaDevService } from '@xxmachina/components/services/debug';
|
|
25
|
+
import { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';
|
|
26
26
|
import { NgAtomicFormSectionBuilder } from '@ng-atomic/components/templates/form';
|
|
27
27
|
import { QueryService } from '@xxmachina/components/services/query';
|
|
28
28
|
import { QueryFormGroup } from '@xxmachina/components/groups/query-form';
|
|
@@ -439,21 +439,9 @@ let QueryPageStore = class QueryPageStore extends InjectableComponent {
|
|
|
439
439
|
}
|
|
440
440
|
static provideAutoTogglePageInitializer() {
|
|
441
441
|
return [
|
|
442
|
-
provideEffect(RouterOutletFrameStore.ActionId.DEACTIVATED, () => {
|
|
443
|
-
const store = inject(QueryPageStore_1);
|
|
444
|
-
const style = computeFake(store.style());
|
|
445
|
-
return () => applyToInput(store, 'style', { ...style, paddingLeft: `0` });
|
|
446
|
-
}),
|
|
447
442
|
QueryPageStore_1.DI.provideInitializer((store) => {
|
|
448
|
-
const hasNext = injectHasNext();
|
|
449
443
|
const style = computeFake(store.style());
|
|
450
|
-
|
|
451
|
-
if (hasNext() && style.width !== 'var(--page-width-lv1)') {
|
|
452
|
-
setTimeout(() => {
|
|
453
|
-
applyToInput(store, 'style', { ...style, paddingLeft: 'var(--page-width-lv1)' });
|
|
454
|
-
}, 300);
|
|
455
|
-
}
|
|
456
|
-
});
|
|
444
|
+
applyToInput(store, 'style', { ...style, paddingLeft: 'var(--line-up-hidden-width, 0px)' });
|
|
457
445
|
}),
|
|
458
446
|
];
|
|
459
447
|
}
|
|
@@ -688,7 +676,7 @@ class QueryPage extends NgAtomicComponent {
|
|
|
688
676
|
<groups-query-form dashboard (action)="dispatch($event)" />
|
|
689
677
|
</templates-index>
|
|
690
678
|
</frames-router-outlet>
|
|
691
|
-
`, isInline: true, styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-
|
|
679
|
+
`, isInline: true, styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-Kk6k: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-Kk6k: var(--page-width-lv3);--primary-color-SCOPED-IN-query-Kk6k: var(--primary-color);--on-primary-color-SCOPED-IN-query-Kk6k: var(--on-primary-color);--surface-color-SCOPED-IN-query-Kk6k: var(--surface-color);--on-surface-color-SCOPED-IN-query-Kk6k: var(--on-surface-color);--on-background-color-SCOPED-IN-query-Kk6k: var(--on-background-color);--background-color-SCOPED-IN-query-Kk6k: var(--background-color);--navigator-background-color-SCOPED-IN-query-Kk6k: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-Kk6k: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-Kk6k: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-Kk6k: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-Kk6k: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-Kk6k);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-Kk6k);--surface-color: var(--surface-color-SCOPED-IN-query-Kk6k);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-Kk6k);--background-color: var(--background-color-SCOPED-IN-query-Kk6k);--on-background-color: var(--on-background-color-SCOPED-IN-query-Kk6k);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-Kk6k);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-Kk6k);--table-background-color: var(--table-background-color-SCOPED-IN-query-Kk6k);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-Kk6k);--is-debug: var(--is-debug-SCOPED-IN-query-Kk6k)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-Kk6k) * 300px);transition:padding-left .3s}:host templates-index div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host templates-index div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}\n"], dependencies: [{ kind: "component", type: IndexTemplate, selector: "templates-index" }, { kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap", "fieldKeys"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
692
680
|
}
|
|
693
681
|
__decorate([
|
|
694
682
|
Effect(IndexTemplateStore.ActionId.BACK),
|
|
@@ -769,7 +757,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
769
757
|
'pageSizeOptions'
|
|
770
758
|
]
|
|
771
759
|
},
|
|
772
|
-
], styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-
|
|
760
|
+
], styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-Kk6k: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-Kk6k: var(--page-width-lv3);--primary-color-SCOPED-IN-query-Kk6k: var(--primary-color);--on-primary-color-SCOPED-IN-query-Kk6k: var(--on-primary-color);--surface-color-SCOPED-IN-query-Kk6k: var(--surface-color);--on-surface-color-SCOPED-IN-query-Kk6k: var(--on-surface-color);--on-background-color-SCOPED-IN-query-Kk6k: var(--on-background-color);--background-color-SCOPED-IN-query-Kk6k: var(--background-color);--navigator-background-color-SCOPED-IN-query-Kk6k: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-Kk6k: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-Kk6k: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-Kk6k: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-Kk6k: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-Kk6k);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-Kk6k);--surface-color: var(--surface-color-SCOPED-IN-query-Kk6k);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-Kk6k);--background-color: var(--background-color-SCOPED-IN-query-Kk6k);--on-background-color: var(--on-background-color-SCOPED-IN-query-Kk6k);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-Kk6k);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-Kk6k);--table-background-color: var(--table-background-color-SCOPED-IN-query-Kk6k);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-Kk6k);--is-debug: var(--is-debug-SCOPED-IN-query-Kk6k)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-Kk6k) * 300px);transition:padding-left .3s}:host templates-index div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host templates-index div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}\n"] }]
|
|
773
761
|
}], ctorParameters: () => [], propDecorators: { template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => IndexTemplate), { isSignal: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], back: [], navigateToIframe: [], expandPage: [], itemClick: [] } });
|
|
774
762
|
|
|
775
763
|
/**
|
|
@@ -104,7 +104,7 @@ class ThreadPage extends NgAtomicComponent {
|
|
|
104
104
|
(action)="dispatch($event)"
|
|
105
105
|
/>
|
|
106
106
|
</frames-router-outlet>
|
|
107
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-
|
|
107
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-AP31: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-AP31: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-AP31: var(--primary-color);--on-primary-color-SCOPED-IN-thread-AP31: var(--on-primary-color);--surface-color-SCOPED-IN-thread-AP31: var(--surface-color);--on-surface-color-SCOPED-IN-thread-AP31: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-AP31: var(--on-background-color);--background-color-SCOPED-IN-thread-AP31: var(--background-color);--navigator-background-color-SCOPED-IN-thread-AP31: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-AP31: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-AP31: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-AP31: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-AP31)}:host .chat-container{display:flex;flex-direction:column;height:100%}:host .message{padding:10px;border-bottom:1px solid #ccc}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: ThreadTemplate, selector: "templates-messages" }] });
|
|
108
108
|
}
|
|
109
109
|
__decorate([
|
|
110
110
|
Effect(ActionId.SEND_MESSAGE),
|
|
@@ -137,7 +137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
137
137
|
'messages',
|
|
138
138
|
]
|
|
139
139
|
},
|
|
140
|
-
], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-
|
|
140
|
+
], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-AP31: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-AP31: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-AP31: var(--primary-color);--on-primary-color-SCOPED-IN-thread-AP31: var(--on-primary-color);--surface-color-SCOPED-IN-thread-AP31: var(--surface-color);--on-surface-color-SCOPED-IN-thread-AP31: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-AP31: var(--on-background-color);--background-color-SCOPED-IN-thread-AP31: var(--background-color);--navigator-background-color-SCOPED-IN-thread-AP31: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-AP31: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-AP31: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-AP31: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-AP31)}:host .chat-container{display:flex;flex-direction:column;height:100%}:host .message{padding:10px;border-bottom:1px solid #ccc}\n"] }]
|
|
141
141
|
}], propDecorators: { onCompositionStart: [{
|
|
142
142
|
type: HostListener,
|
|
143
143
|
args: ['compositionstart', ['$event']]
|
|
@@ -420,7 +420,7 @@ class AgentTemplate extends NgAtomicComponent {
|
|
|
420
420
|
</div>
|
|
421
421
|
}
|
|
422
422
|
</frames-scroll>
|
|
423
|
-
`, isInline: true, styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-
|
|
423
|
+
`, isInline: true, styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-nHU0: var(--text);--user: #33ff33;--user-SCOPED-IN-entrance-nHU0: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-nHU0: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-nHU0: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-nHU0: var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;font-family:SF Mono,Monaco,monospace;container-type:inline-size;container-name:agent-container;transition:all .3s ease}.terminal-window{--height: 100%;--contents-gap: 0;width:100%;max-width:900px;height:600px;background:#0a0a0a;border:1px solid var(--border-SCOPED-IN-entrance-nHU0);border-radius:8px;box-shadow:0 20px 40px #0000004d;animation:fadeIn .3s;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;align-items:center;height:56px;min-height:56px;flex-shrink:0;padding:0;background:#1a1a1a99;border-bottom:1px solid var(--border-SCOPED-IN-entrance-nHU0);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-nHU0);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-nHU0);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-nHU0);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-nHU0);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-nHU0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;padding:16px 20px}.input-line{display:block;position:relative}.input-line .input-prefix{display:none}.input-line .textarea-wrapper{display:flex;align-items:flex-start;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:border-color .2s ease}.input-line .textarea-wrapper:focus-within{border-color:#fff6}.input-line .textarea-wrapper .arrow-prefix{color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;padding:12px 0 12px 16px;flex-shrink:0;pointer-events:none}.input-line .textarea-wrapper .input-container{flex:1;position:relative;overflow:hidden}.input-line .textarea-wrapper .terminal-input{width:100%;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;caret-color:transparent;padding:12px 16px 12px 8px;transition:none;resize:none;height:44px;min-height:44px;max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:20px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.input-line .textarea-wrapper .terminal-input::selection{background:#ffffff4d}.input-line .textarea-wrapper .terminal-input{caret-shape:block}.input-line .textarea-wrapper .terminal-input:disabled{opacity:.5;cursor:not-allowed}.input-line .textarea-wrapper .terminal-input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.9) inset}.input-line .textarea-wrapper .terminal-input::placeholder{color:#ffffff4d;opacity:1}.input-line .textarea-wrapper .block-cursor{position:absolute;width:10px;height:20px;background:#e0e0e0;opacity:0;pointer-events:none}.input-line .textarea-wrapper .block-cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:.8}51%,to{opacity:0}}:host:has(.terminal-window){height:100vh;height:100dvh;overflow-y:auto}@container agent-container (max-width: 600px){:host{padding:0;padding-top:env(safe-area-inset-top)}.terminal-window{height:100%;max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}.terminal-header{height:56px;padding:0}.terminal-header .terminal-title{font-size:12px}.terminal-header .terminal-status{font-size:11px}.terminal-header .close-button{margin-right:.25rem}}@container agent-container (min-width: 601px) and (max-width: 900px){.terminal-window{max-width:100%;height:100%;border-radius:0}}@container agent-container (max-width: 400px){.terminal-header{height:56px;padding:0}.terminal-header .close-button{margin-right:.2rem}.input-area{padding:12px 16px}.textarea-wrapper .arrow-prefix{font-size:13px;padding:10px 0 10px 12px}.textarea-wrapper .terminal-input{font-size:12px;padding:10px 12px 10px 6px;height:40px;min-height:40px;line-height:20px}}.ascii-art{font-family:Consolas,Monaco,Liberation Mono,Menlo,Courier New,monospace!important;font-size:10px!important;line-height:1.1!important;letter-spacing:0!important;font-weight:400!important;margin:1em 0!important;padding:1em!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:fit-content!important;background:#ffffff08;border:1px solid var(--border-SCOPED-IN-entrance-nHU0);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-nHU0)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-nHU0),0 0 20px var(--accent-SCOPED-IN-entrance-nHU0);-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;font-variant-ligatures:none!important;text-rendering:optimizeLegibility!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: XtermOrganism, selector: "organisms-xterm", outputs: ["terminalReady", "githubLinkClick"] }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
|
|
424
424
|
}
|
|
425
425
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AgentTemplate, decorators: [{
|
|
426
426
|
type: Component,
|
|
@@ -505,7 +505,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
505
505
|
'fieldMap',
|
|
506
506
|
],
|
|
507
507
|
},
|
|
508
|
-
], styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-
|
|
508
|
+
], styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-nHU0: var(--text);--user: #33ff33;--user-SCOPED-IN-entrance-nHU0: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-nHU0: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-nHU0: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-nHU0: var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;font-family:SF Mono,Monaco,monospace;container-type:inline-size;container-name:agent-container;transition:all .3s ease}.terminal-window{--height: 100%;--contents-gap: 0;width:100%;max-width:900px;height:600px;background:#0a0a0a;border:1px solid var(--border-SCOPED-IN-entrance-nHU0);border-radius:8px;box-shadow:0 20px 40px #0000004d;animation:fadeIn .3s;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;align-items:center;height:56px;min-height:56px;flex-shrink:0;padding:0;background:#1a1a1a99;border-bottom:1px solid var(--border-SCOPED-IN-entrance-nHU0);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-nHU0);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-nHU0);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-nHU0);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-nHU0);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-nHU0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;padding:16px 20px}.input-line{display:block;position:relative}.input-line .input-prefix{display:none}.input-line .textarea-wrapper{display:flex;align-items:flex-start;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:border-color .2s ease}.input-line .textarea-wrapper:focus-within{border-color:#fff6}.input-line .textarea-wrapper .arrow-prefix{color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;padding:12px 0 12px 16px;flex-shrink:0;pointer-events:none}.input-line .textarea-wrapper .input-container{flex:1;position:relative;overflow:hidden}.input-line .textarea-wrapper .terminal-input{width:100%;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;caret-color:transparent;padding:12px 16px 12px 8px;transition:none;resize:none;height:44px;min-height:44px;max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:20px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.input-line .textarea-wrapper .terminal-input::selection{background:#ffffff4d}.input-line .textarea-wrapper .terminal-input{caret-shape:block}.input-line .textarea-wrapper .terminal-input:disabled{opacity:.5;cursor:not-allowed}.input-line .textarea-wrapper .terminal-input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.9) inset}.input-line .textarea-wrapper .terminal-input::placeholder{color:#ffffff4d;opacity:1}.input-line .textarea-wrapper .block-cursor{position:absolute;width:10px;height:20px;background:#e0e0e0;opacity:0;pointer-events:none}.input-line .textarea-wrapper .block-cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:.8}51%,to{opacity:0}}:host:has(.terminal-window){height:100vh;height:100dvh;overflow-y:auto}@container agent-container (max-width: 600px){:host{padding:0;padding-top:env(safe-area-inset-top)}.terminal-window{height:100%;max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}.terminal-header{height:56px;padding:0}.terminal-header .terminal-title{font-size:12px}.terminal-header .terminal-status{font-size:11px}.terminal-header .close-button{margin-right:.25rem}}@container agent-container (min-width: 601px) and (max-width: 900px){.terminal-window{max-width:100%;height:100%;border-radius:0}}@container agent-container (max-width: 400px){.terminal-header{height:56px;padding:0}.terminal-header .close-button{margin-right:.2rem}.input-area{padding:12px 16px}.textarea-wrapper .arrow-prefix{font-size:13px;padding:10px 0 10px 12px}.textarea-wrapper .terminal-input{font-size:12px;padding:10px 12px 10px 6px;height:40px;min-height:40px;line-height:20px}}.ascii-art{font-family:Consolas,Monaco,Liberation Mono,Menlo,Courier New,monospace!important;font-size:10px!important;line-height:1.1!important;letter-spacing:0!important;font-weight:400!important;margin:1em 0!important;padding:1em!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:fit-content!important;background:#ffffff08;border:1px solid var(--border-SCOPED-IN-entrance-nHU0);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-nHU0)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-nHU0),0 0 20px var(--accent-SCOPED-IN-entrance-nHU0);-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;font-variant-ligatures:none!important;text-rendering:optimizeLegibility!important}\n"] }]
|
|
509
509
|
}], propDecorators: { endActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "endActions", required: false }] }], hideInputArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideInputArea", required: false }] }], xtermComponent: [{ type: i0.ViewChild, args: ['xtermComponent', { isSignal: true }] }], inputField: [{ type: i0.ViewChild, args: ['inputField', { isSignal: true }] }], onWindowResize: [{
|
|
510
510
|
type: HostListener,
|
|
511
511
|
args: ['window:resize']
|
|
@@ -437,6 +437,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
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
|
+
class MachinaLiquidBackgroundTemplate {
|
|
441
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MachinaLiquidBackgroundTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
442
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", 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
|
+
}
|
|
444
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MachinaLiquidBackgroundTemplate, decorators: [{
|
|
445
|
+
type: Component,
|
|
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
|
+
}] });
|
|
440
448
|
|
|
441
449
|
const DB_NAME = 'machina-background';
|
|
442
450
|
const STORE_NAME = 'images';
|
|
@@ -536,6 +544,9 @@ function provideMachinaEnterpriseBackgroundTemplate() {
|
|
|
536
544
|
function provideMachinaWhiteBackgroundTemplate() {
|
|
537
545
|
return provideComponent(BackgroundTemplateStore, () => MachinaWhiteBackgroundTemplate);
|
|
538
546
|
}
|
|
547
|
+
function provideMachinaLiquidBackgroundTemplate() {
|
|
548
|
+
return provideComponent(BackgroundTemplateStore, () => MachinaLiquidBackgroundTemplate);
|
|
549
|
+
}
|
|
539
550
|
function provideMachinaLunarBackgroundTemplate() {
|
|
540
551
|
return provideComponent(BackgroundTemplateStore, () => MachinaLunarBackgroundTemplate);
|
|
541
552
|
}
|
|
@@ -544,4 +555,4 @@ function provideMachinaLunarBackgroundTemplate() {
|
|
|
544
555
|
* Generated bundle index. Do not edit.
|
|
545
556
|
*/
|
|
546
557
|
|
|
547
|
-
export { LUNAR_BACKGROUND_IMAGE_CHANGED, LUNAR_BACKGROUND_IMAGE_URL, MachinaBackgroundTemplate, MachinaEnterpriseBackgroundTemplate, MachinaLunarBackgroundTemplate, MachinaWhiteBackgroundTemplate, clearLunarBackgroundImage, loadLunarBackgroundImage, provideLainBackgroundTemplate, provideMachinaBackgroundTemplate, provideMachinaEnterpriseBackgroundTemplate, provideMachinaLunarBackgroundTemplate, provideMachinaWhiteBackgroundTemplate, saveLunarBackgroundImage };
|
|
558
|
+
export { LUNAR_BACKGROUND_IMAGE_CHANGED, LUNAR_BACKGROUND_IMAGE_URL, MachinaBackgroundTemplate, MachinaEnterpriseBackgroundTemplate, MachinaLiquidBackgroundTemplate, MachinaLunarBackgroundTemplate, MachinaWhiteBackgroundTemplate, clearLunarBackgroundImage, loadLunarBackgroundImage, provideLainBackgroundTemplate, provideMachinaBackgroundTemplate, provideMachinaEnterpriseBackgroundTemplate, provideMachinaLiquidBackgroundTemplate, provideMachinaLunarBackgroundTemplate, provideMachinaWhiteBackgroundTemplate, saveLunarBackgroundImage };
|
|
@@ -38,7 +38,7 @@ class MachinaIconButtonMenuTemplate extends NgAtomicComponent {
|
|
|
38
38
|
</button>
|
|
39
39
|
}
|
|
40
40
|
</div>
|
|
41
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-
|
|
41
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-y8w7: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-y8w7: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-y8w7: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-y8w7: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-y8w7: var(--on-background-color);--mat-icon-button-icon-color: #FEFEFE;--mat-icon-button-icon-color-SCOPED-IN-icon-button-menu-y8w7: var(--mat-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-y8w7);color:var(--on-background-color-SCOPED-IN-icon-button-menu-y8w7)}:host .top,:host .bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-y8w7);cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: UserAvatarMenuMolecule, selector: "molecules-user-avatar-menu", inputs: ["signOutAction"], outputs: ["workspaceSwitch"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
42
42
|
}
|
|
43
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MachinaIconButtonMenuTemplate, decorators: [{
|
|
44
44
|
type: Component,
|
|
@@ -67,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
67
67
|
directive: IconButtonMenuTemplateStore,
|
|
68
68
|
inputs: ['actions', 'bottomActions', 'topPadding'],
|
|
69
69
|
},
|
|
70
|
-
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-
|
|
70
|
+
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-y8w7: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-y8w7: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-y8w7: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-y8w7: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-y8w7: var(--on-background-color);--mat-icon-button-icon-color: #FEFEFE;--mat-icon-button-icon-color-SCOPED-IN-icon-button-menu-y8w7: var(--mat-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-y8w7);color:var(--on-background-color-SCOPED-IN-icon-button-menu-y8w7)}:host .top,:host .bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-y8w7);cursor:pointer}\n"] }]
|
|
71
71
|
}] });
|
|
72
72
|
|
|
73
73
|
/**
|
|
@@ -41,7 +41,7 @@ class MachinaMenuTemplate extends NgAtomicComponent {
|
|
|
41
41
|
}
|
|
42
42
|
<organisms-menu-footer injectable/>
|
|
43
43
|
</div>
|
|
44
|
-
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-
|
|
44
|
+
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-0naM: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-0naM: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-0naM: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-0naM: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-0naM: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-0naM: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-0naM: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-0naM: var(--width);--height: 100%;--height-SCOPED-IN-menu-0naM: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-0naM);height:var(--height-SCOPED-IN-menu-0naM);color:var(--on-background-color-SCOPED-IN-menu-0naM);background-color:var(--background-color-SCOPED-IN-menu-0naM)}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-0naM);--background-color: var(--background-color-SCOPED-IN-menu-0naM);--surface-color: var(--surface-color-SCOPED-IN-menu-0naM);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-0naM);--on-background-color: var(--on-background-color-SCOPED-IN-menu-0naM);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-0naM)}:host .bottom{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding-left:4px}:host .bottom organisms-navigation-list{flex-basis:100%;order:-1}:host .bottom organisms-menu-footer{flex:1}\n"], dependencies: [{ kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header", inputs: ["title"] }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions", "type"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }, { kind: "component", type: UserAvatarMenuMolecule, selector: "molecules-user-avatar-menu", inputs: ["signOutAction"], outputs: ["workspaceSwitch"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
45
45
|
}
|
|
46
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MachinaMenuTemplate, decorators: [{
|
|
47
47
|
type: Component,
|
|
@@ -79,7 +79,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
79
79
|
directive: MenuTemplateStore,
|
|
80
80
|
inputs: ['actions', 'bottomActions', 'title'],
|
|
81
81
|
},
|
|
82
|
-
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-
|
|
82
|
+
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-0naM: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-0naM: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-0naM: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-0naM: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-0naM: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-0naM: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-0naM: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-0naM: var(--width);--height: 100%;--height-SCOPED-IN-menu-0naM: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-0naM);height:var(--height-SCOPED-IN-menu-0naM);color:var(--on-background-color-SCOPED-IN-menu-0naM);background-color:var(--background-color-SCOPED-IN-menu-0naM)}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-0naM);--background-color: var(--background-color-SCOPED-IN-menu-0naM);--surface-color: var(--surface-color-SCOPED-IN-menu-0naM);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-0naM);--on-background-color: var(--on-background-color-SCOPED-IN-menu-0naM);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-0naM)}:host .bottom{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding-left:4px}:host .bottom organisms-navigation-list{flex-basis:100%;order:-1}:host .bottom organisms-menu-footer{flex:1}\n"] }]
|
|
83
83
|
}] });
|
|
84
84
|
|
|
85
85
|
/**
|
|
@@ -66,7 +66,7 @@ function provideMachinaDevService() {
|
|
|
66
66
|
class LogoAtom extends NgAtomicComponent {
|
|
67
67
|
store = inject(LogoAtomStore);
|
|
68
68
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: LogoAtom, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
69
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: LogoAtom, isStandalone: true, selector: "atoms-logo", usesInheritance: true, hostDirectives: [{ directive: i1.LogoAtomStore, inputs: ["alt", "alt", "height", "height", "width", "width"] }], ngImport: i0, template: "<svg width=\"
|
|
69
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: LogoAtom, isStandalone: true, selector: "atoms-logo", usesInheritance: true, hostDirectives: [{ directive: i1.LogoAtomStore, inputs: ["alt", "alt", "height", "height", "width", "width"] }], ngImport: i0, template: "<svg width=\"740\" height=\"200\" viewBox=\"0 0 740 200\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <text x=\"250\" y=\"141\" font-family=\"system-ui, -apple-system, 'Segoe UI', sans-serif\" font-size=\"130\" font-weight=\"100\" fill=\"white\" letter-spacing=\"4\">Plan 10</text>\n <!--\n Plan 10 concept symbol >_< \u2014 user canonical path (projects/@machina.at/app/src/assets/icons/machina-icon.svg)\n > _ : #33FF33 (\u7DD1)\n < : #5BC5FF (\u9752)\n 160x160 viewBox \u3092 4,20 \u8D77\u70B9\u3067 nest \u3057\u3066 logo \u5185\u306B\u914D\u7F6E\n -->\n <svg x=\"4\" y=\"20\" width=\"160\" height=\"160\" viewBox=\"0 0 160 160\">\n <path d=\"M111 98V105H50V98H111Z\" fill=\"#33FF33\"/>\n <path d=\"M116 82.9254L152 105V98L124 81V78L152 61V54L116 76V82.9254Z\" fill=\"#5BC5FF\"/>\n <path d=\"M45 82.9254L9 105V98L37 81V78L9 61V54L45 76V82.9254Z\" fill=\"#33FF33\"/>\n </svg>\n</svg>\n", styles: [":host{display:block;width:auto;height:40px}:host svg{display:block;width:100%;height:100%;object-fit:contain}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
70
70
|
}
|
|
71
71
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: LogoAtom, decorators: [{
|
|
72
72
|
type: Component,
|
|
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
75
75
|
directive: LogoAtomStore,
|
|
76
76
|
inputs: ['alt', 'height', 'width'],
|
|
77
77
|
}
|
|
78
|
-
], template: "<svg width=\"
|
|
78
|
+
], template: "<svg width=\"740\" height=\"200\" viewBox=\"0 0 740 200\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <text x=\"250\" y=\"141\" font-family=\"system-ui, -apple-system, 'Segoe UI', sans-serif\" font-size=\"130\" font-weight=\"100\" fill=\"white\" letter-spacing=\"4\">Plan 10</text>\n <!--\n Plan 10 concept symbol >_< \u2014 user canonical path (projects/@machina.at/app/src/assets/icons/machina-icon.svg)\n > _ : #33FF33 (\u7DD1)\n < : #5BC5FF (\u9752)\n 160x160 viewBox \u3092 4,20 \u8D77\u70B9\u3067 nest \u3057\u3066 logo \u5185\u306B\u914D\u7F6E\n -->\n <svg x=\"4\" y=\"20\" width=\"160\" height=\"160\" viewBox=\"0 0 160 160\">\n <path d=\"M111 98V105H50V98H111Z\" fill=\"#33FF33\"/>\n <path d=\"M116 82.9254L152 105V98L124 81V78L152 61V54L116 76V82.9254Z\" fill=\"#5BC5FF\"/>\n <path d=\"M45 82.9254L9 105V98L37 81V78L9 61V54L45 76V82.9254Z\" fill=\"#33FF33\"/>\n </svg>\n</svg>\n", styles: [":host{display:block;width:auto;height:40px}:host svg{display:block;width:100%;height:100%;object-fit:contain}\n"] }]
|
|
79
79
|
}] });
|
|
80
80
|
function providePlanXLogoAtom() {
|
|
81
81
|
return provideComponent(LogoAtomStore, () => LogoAtom);
|
|
@@ -102,7 +102,7 @@ function provideMachinaLogoAtom() {
|
|
|
102
102
|
class MachinaOsLogoAtom extends NgAtomicComponent {
|
|
103
103
|
store = inject(LogoAtomStore);
|
|
104
104
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MachinaOsLogoAtom, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
105
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: MachinaOsLogoAtom, isStandalone: true, selector: "atoms-logo", usesInheritance: true, hostDirectives: [{ directive: i1.LogoAtomStore, inputs: ["alt", "alt", "height", "height", "width", "width"] }], ngImport: i0, template: "<svg width=\"990\" height=\"200\" viewBox=\"0 0 990 200\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <text x=\"250\" y=\"141\" font-family=\"system-ui, -apple-system, 'Segoe UI', sans-serif\" font-size=\"130\" font-weight=\"100\" fill=\"white\" letter-spacing=\"4\">Machina OS</text>\n <!--\n \u30B7\u30F3\u30DC\u30EB\u306F Plan
|
|
105
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: MachinaOsLogoAtom, isStandalone: true, selector: "atoms-logo", usesInheritance: true, hostDirectives: [{ directive: i1.LogoAtomStore, inputs: ["alt", "alt", "height", "height", "width", "width"] }], ngImport: i0, template: "<svg width=\"990\" height=\"200\" viewBox=\"0 0 990 200\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <text x=\"250\" y=\"141\" font-family=\"system-ui, -apple-system, 'Segoe UI', sans-serif\" font-size=\"130\" font-weight=\"100\" fill=\"white\" letter-spacing=\"4\">Machina OS</text>\n <!--\n \u30B7\u30F3\u30DC\u30EB\u306F Plan 10 \u30ED\u30B4 (logo.atom.html) \u3068\u540C\u4E00 >_< \u2014 \u5909\u308F\u308B\u306E\u306F wordmark \u3060\u3051\n > _ : #33FF33 (\u7DD1)\n < : #5BC5FF (\u9752)\n viewBox \u306F wordmark \u306E\u53F3\u7AEF (Chrome \u5B9F\u6E2C 920.87) + Plan 10 \u3068\u540C\u3058\u53F3\u4F59\u767D ~63 \u3067 990\n -->\n <svg x=\"4\" y=\"20\" width=\"160\" height=\"160\" viewBox=\"0 0 160 160\">\n <path d=\"M111 98V105H50V98H111Z\" fill=\"#33FF33\"/>\n <path d=\"M116 82.9254L152 105V98L124 81V78L152 61V54L116 76V82.9254Z\" fill=\"#5BC5FF\"/>\n <path d=\"M45 82.9254L9 105V98L37 81V78L9 61V54L45 76V82.9254Z\" fill=\"#33FF33\"/>\n </svg>\n</svg>\n", styles: [":host{display:block;width:auto;height:40px}:host svg{display:block;width:100%;height:100%;object-fit:contain}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
106
106
|
}
|
|
107
107
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MachinaOsLogoAtom, decorators: [{
|
|
108
108
|
type: Component,
|
|
@@ -111,7 +111,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
111
111
|
directive: LogoAtomStore,
|
|
112
112
|
inputs: ['alt', 'height', 'width'],
|
|
113
113
|
}
|
|
114
|
-
], template: "<svg width=\"990\" height=\"200\" viewBox=\"0 0 990 200\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <text x=\"250\" y=\"141\" font-family=\"system-ui, -apple-system, 'Segoe UI', sans-serif\" font-size=\"130\" font-weight=\"100\" fill=\"white\" letter-spacing=\"4\">Machina OS</text>\n <!--\n \u30B7\u30F3\u30DC\u30EB\u306F Plan
|
|
114
|
+
], template: "<svg width=\"990\" height=\"200\" viewBox=\"0 0 990 200\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <text x=\"250\" y=\"141\" font-family=\"system-ui, -apple-system, 'Segoe UI', sans-serif\" font-size=\"130\" font-weight=\"100\" fill=\"white\" letter-spacing=\"4\">Machina OS</text>\n <!--\n \u30B7\u30F3\u30DC\u30EB\u306F Plan 10 \u30ED\u30B4 (logo.atom.html) \u3068\u540C\u4E00 >_< \u2014 \u5909\u308F\u308B\u306E\u306F wordmark \u3060\u3051\n > _ : #33FF33 (\u7DD1)\n < : #5BC5FF (\u9752)\n viewBox \u306F wordmark \u306E\u53F3\u7AEF (Chrome \u5B9F\u6E2C 920.87) + Plan 10 \u3068\u540C\u3058\u53F3\u4F59\u767D ~63 \u3067 990\n -->\n <svg x=\"4\" y=\"20\" width=\"160\" height=\"160\" viewBox=\"0 0 160 160\">\n <path d=\"M111 98V105H50V98H111Z\" fill=\"#33FF33\"/>\n <path d=\"M116 82.9254L152 105V98L124 81V78L152 61V54L116 76V82.9254Z\" fill=\"#5BC5FF\"/>\n <path d=\"M45 82.9254L9 105V98L37 81V78L9 61V54L45 76V82.9254Z\" fill=\"#33FF33\"/>\n </svg>\n</svg>\n", styles: [":host{display:block;width:auto;height:40px}:host svg{display:block;width:100%;height:100%;object-fit:contain}\n"] }]
|
|
115
115
|
}] });
|
|
116
116
|
function provideMachinaOsLogoAtom() {
|
|
117
117
|
return provideComponent(LogoAtomStore, () => MachinaOsLogoAtom);
|
|
@@ -250,7 +250,7 @@ class SessionNavigatorOrganism extends NgAtomicComponent {
|
|
|
250
250
|
}
|
|
251
251
|
</div>
|
|
252
252
|
</mat-toolbar>
|
|
253
|
-
`, isInline: true, styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-
|
|
253
|
+
`, isInline: true, styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-UuO1: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-UuO1: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-UuO1: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-UuO1: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-UuO1: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-UuO1: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-UuO1: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-UuO1: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-UuO1: var(--on-background-color);--navigator-height: 56px;--navigator-height-SCOPED-IN-session-navigator-UuO1: var(--navigator-height)}:host{display:block;width:100%;height:var(--navigator-height-SCOPED-IN-session-navigator-UuO1)}:host mat-toolbar{display:flex;width:100%;height:100%;padding:0!important;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-UuO1);color:var(--on-primary-color-SCOPED-IN-session-navigator-UuO1);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-UuO1)!important;font-family:SF Mono,Monaco,monospace!important;font-size:12px!important;--mat-toolbar-title-text-size: 12px !important;--mat-sys-title-large-size: 12px !important}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host mat-toolbar *:not(.mat-icon){font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar span,:host mat-toolbar div,:host mat-toolbar h1,:host mat-toolbar h2,:host mat-toolbar h3,:host mat-toolbar h4,:host mat-toolbar h5,:host mat-toolbar h6{font-size:12px!important;font-family:SF Mono,Monaco,monospace!important;color:var(--text-SCOPED-IN-session-navigator-UuO1)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-UuO1)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-UuO1)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-UuO1)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-UuO1)!important;opacity:1}:host mat-toolbar .mat-icon-button .mat-icon{font-family:Material Icons!important;font-size:24px!important}:host div{display:flex;justify-content:center;align-items:center;line-height:1}:host atoms-menu-button{display:flex;align-items:center;line-height:1}@media(prefers-color-scheme:light){:host{--text: #333;--text-SCOPED-IN-session-navigator-UuO1: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-UuO1: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-UuO1: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: MenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
254
254
|
}
|
|
255
255
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SessionNavigatorOrganism, decorators: [{
|
|
256
256
|
type: Component,
|
|
@@ -284,7 +284,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
284
284
|
directive: SessionNavigatorOrganismStore,
|
|
285
285
|
inputs: ['startActions', 'endActions', 'title'],
|
|
286
286
|
}
|
|
287
|
-
], styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-
|
|
287
|
+
], styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-UuO1: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-UuO1: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-UuO1: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-UuO1: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-UuO1: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-UuO1: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-UuO1: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-UuO1: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-UuO1: var(--on-background-color);--navigator-height: 56px;--navigator-height-SCOPED-IN-session-navigator-UuO1: var(--navigator-height)}:host{display:block;width:100%;height:var(--navigator-height-SCOPED-IN-session-navigator-UuO1)}:host mat-toolbar{display:flex;width:100%;height:100%;padding:0!important;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-UuO1);color:var(--on-primary-color-SCOPED-IN-session-navigator-UuO1);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-UuO1)!important;font-family:SF Mono,Monaco,monospace!important;font-size:12px!important;--mat-toolbar-title-text-size: 12px !important;--mat-sys-title-large-size: 12px !important}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host mat-toolbar *:not(.mat-icon){font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar span,:host mat-toolbar div,:host mat-toolbar h1,:host mat-toolbar h2,:host mat-toolbar h3,:host mat-toolbar h4,:host mat-toolbar h5,:host mat-toolbar h6{font-size:12px!important;font-family:SF Mono,Monaco,monospace!important;color:var(--text-SCOPED-IN-session-navigator-UuO1)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-UuO1)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-UuO1)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-UuO1)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-UuO1)!important;opacity:1}:host mat-toolbar .mat-icon-button .mat-icon{font-family:Material Icons!important;font-size:24px!important}:host div{display:flex;justify-content:center;align-items:center;line-height:1}:host atoms-menu-button{display:flex;align-items:center;line-height:1}@media(prefers-color-scheme:light){:host{--text: #333;--text-SCOPED-IN-session-navigator-UuO1: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-UuO1: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-UuO1: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"] }]
|
|
288
288
|
}] });
|
|
289
289
|
|
|
290
290
|
var InvoiceAppActionId;
|
package/package.json
CHANGED
|
@@ -34,6 +34,10 @@ declare class MachinaWhiteBackgroundTemplate {
|
|
|
34
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<MachinaWhiteBackgroundTemplate, never>;
|
|
35
35
|
static ɵcmp: i0.ɵɵComponentDeclaration<MachinaWhiteBackgroundTemplate, "machina-templates-white-background", never, {}, {}, never, never, true, never>;
|
|
36
36
|
}
|
|
37
|
+
declare class MachinaLiquidBackgroundTemplate {
|
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MachinaLiquidBackgroundTemplate, never>;
|
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MachinaLiquidBackgroundTemplate, "machina-templates-liquid-background", never, {}, {}, never, never, true, never>;
|
|
40
|
+
}
|
|
37
41
|
|
|
38
42
|
declare const LUNAR_BACKGROUND_IMAGE_URL = "assets/backgrounds/lunar.jpeg";
|
|
39
43
|
declare class MachinaLunarBackgroundTemplate {
|
|
@@ -68,9 +72,13 @@ declare function provideMachinaWhiteBackgroundTemplate(): {
|
|
|
68
72
|
provide: any;
|
|
69
73
|
useValue: () => Promise<i0.Type<MachinaWhiteBackgroundTemplate>>;
|
|
70
74
|
};
|
|
75
|
+
declare function provideMachinaLiquidBackgroundTemplate(): {
|
|
76
|
+
provide: any;
|
|
77
|
+
useValue: () => Promise<i0.Type<MachinaLiquidBackgroundTemplate>>;
|
|
78
|
+
};
|
|
71
79
|
declare function provideMachinaLunarBackgroundTemplate(): {
|
|
72
80
|
provide: any;
|
|
73
81
|
useValue: () => Promise<i0.Type<MachinaLunarBackgroundTemplate>>;
|
|
74
82
|
};
|
|
75
83
|
|
|
76
|
-
export { LUNAR_BACKGROUND_IMAGE_CHANGED, LUNAR_BACKGROUND_IMAGE_URL, MachinaBackgroundTemplate, MachinaEnterpriseBackgroundTemplate, MachinaLunarBackgroundTemplate, MachinaWhiteBackgroundTemplate, clearLunarBackgroundImage, loadLunarBackgroundImage, provideLainBackgroundTemplate, provideMachinaBackgroundTemplate, provideMachinaEnterpriseBackgroundTemplate, provideMachinaLunarBackgroundTemplate, provideMachinaWhiteBackgroundTemplate, saveLunarBackgroundImage };
|
|
84
|
+
export { LUNAR_BACKGROUND_IMAGE_CHANGED, LUNAR_BACKGROUND_IMAGE_URL, MachinaBackgroundTemplate, MachinaEnterpriseBackgroundTemplate, MachinaLiquidBackgroundTemplate, MachinaLunarBackgroundTemplate, MachinaWhiteBackgroundTemplate, clearLunarBackgroundImage, loadLunarBackgroundImage, provideLainBackgroundTemplate, provideMachinaBackgroundTemplate, provideMachinaEnterpriseBackgroundTemplate, provideMachinaLiquidBackgroundTemplate, provideMachinaLunarBackgroundTemplate, provideMachinaWhiteBackgroundTemplate, saveLunarBackgroundImage };
|