@ng-atomic/components 19.0.0-preview.24 → 19.0.0-preview.25
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/atoms/value-cell/index.d.ts +1 -0
- package/atoms/value-cell/value-cell.atom.d.ts +36 -0
- package/fesm2022/ng-atomic-components-atoms-icon.mjs +2 -2
- package/fesm2022/ng-atomic-components-atoms-value-cell.mjs +120 -0
- package/fesm2022/ng-atomic-components-atoms-value-cell.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-app.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-auto-layout.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-card.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-columns.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-divider.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-drawer.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-entrance.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-fab.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-line-up.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-loading.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-router-outlet.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-scroll.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-side-nav.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-smart-menu.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-vertical-hide.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-date-input-field.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-date-range-input-field.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-grid-item.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-loading-box.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-navigation-list-item.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-select-input-field.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-text-column.mjs +27 -102
- package/fesm2022/ng-atomic-components-molecules-text-column.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-molecules-tree-column.mjs +5 -5
- package/fesm2022/ng-atomic-components-molecules-tree-column.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-molecules.mjs +32 -107
- package/fesm2022/ng-atomic-components-molecules.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-action-buttons-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-action-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-card-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-date-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-date-range-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-definition-list.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-file-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-grid-cards-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-heading.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-menu-footer.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-menu-header.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-messages-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-navigator.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-number-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-paginator.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-password-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-select-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-slider-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-social-login-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-table.mjs +3 -3
- package/fesm2022/ng-atomic-components-organisms-table.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-text-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-thread-messages-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-pages-_index.mjs +2 -2
- package/fesm2022/ng-atomic-components-pages-_index.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-pages-columns.mjs +2 -2
- package/fesm2022/ng-atomic-components-pages-form.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-_index.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-background.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-code-editor.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-columns.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-entrance.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-entrance.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-form.mjs +20 -8
- package/fesm2022/ng-atomic-components-templates-form.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-menu.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-selection.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-settings.mjs +2 -2
- package/molecules/text-column/text-column.molecule.d.ts +0 -9
- package/organisms/table/table.organism.d.ts +1 -1
- package/package.json +31 -27
- package/templates/form/form.builder.d.ts +2 -1
- package/templates/form/form.template.d.ts +3 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './value-cell.atom';
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { FormControl } from '@angular/forms';
|
|
2
|
+
import { NgAtomicComponent } from '@ng-atomic/core';
|
|
3
|
+
import { CellContext, Position } from '@ng-atomic/common/services/spreadsheet';
|
|
4
|
+
import { FormField } from '@ng-atomic/common/pipes/smart-field';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
declare enum ActionId {
|
|
7
|
+
UPDATE_VALUE = "[@ng-atomic/components/atoms/value-cell] update value"
|
|
8
|
+
}
|
|
9
|
+
export interface UpdateValuePayload<T = any, V extends string | number = any> {
|
|
10
|
+
current: V;
|
|
11
|
+
next: V;
|
|
12
|
+
context: CellContext<T>;
|
|
13
|
+
setValue: (value: V) => void;
|
|
14
|
+
}
|
|
15
|
+
export declare class ValueCellAtomStore {
|
|
16
|
+
static readonly ActionId: typeof ActionId;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ValueCellAtomStore, never>;
|
|
18
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ValueCellAtomStore, never, never, {}, {}, never, never, true, never>;
|
|
19
|
+
}
|
|
20
|
+
export declare class ValueCellAtom<T> extends NgAtomicComponent {
|
|
21
|
+
readonly formField: import("@angular/core").InputSignal<FormField>;
|
|
22
|
+
readonly position: import("@angular/core").InputSignal<Position>;
|
|
23
|
+
readonly value: import("@angular/core").ModelSignal<T>;
|
|
24
|
+
readonly expressionValue: import("@angular/core").InputSignal<string>;
|
|
25
|
+
readonly isEditing: import("@angular/core").InputSignal<boolean>;
|
|
26
|
+
readonly context: import("@angular/core").InputSignal<CellContext<any>>;
|
|
27
|
+
readonly tempValue: import("@angular/core").WritableSignal<T>;
|
|
28
|
+
readonly control: FormControl<T>;
|
|
29
|
+
readonly displayValue: import("@angular/core").Signal<T>;
|
|
30
|
+
constructor();
|
|
31
|
+
protected copy(value: any, event: Event): void;
|
|
32
|
+
protected onInputBlur(context: CellContext): void;
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ValueCellAtom<any>, never>;
|
|
34
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ValueCellAtom<any>, "atoms-value-cell, td[atoms-value-cell]", never, { "formField": { "alias": "formField"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "expressionValue": { "alias": "expressionValue"; "required": false; "isSignal": true; }; "isEditing": { "alias": "isEditing"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": true; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
35
|
+
}
|
|
36
|
+
export {};
|
|
@@ -21,7 +21,7 @@ class IconAtom extends NgAtomicComponent {
|
|
|
21
21
|
} @else {
|
|
22
22
|
<mat-icon>{{ name() }}</mat-icon>
|
|
23
23
|
}
|
|
24
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-
|
|
24
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-I7ox: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-I7ox: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-I7ox: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-I7ox: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-I7ox: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-I7ox: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-I7ox: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-I7ox)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-I7ox)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: IconAtom, decorators: [{
|
|
27
27
|
type: Component,
|
|
@@ -33,7 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
33
33
|
} @else {
|
|
34
34
|
<mat-icon>{{ name() }}</mat-icon>
|
|
35
35
|
}
|
|
36
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-
|
|
36
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-I7ox: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-I7ox: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-I7ox: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-I7ox: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-I7ox: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-I7ox: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-I7ox: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-I7ox)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-I7ox)}\n"] }]
|
|
37
37
|
}], propDecorators: { color: [{
|
|
38
38
|
type: HostBinding,
|
|
39
39
|
args: ['style.--color']
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Directive, input, model, signal, computed, effect, Component } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/forms';
|
|
4
|
+
import { FormControl, ReactiveFormsModule } from '@angular/forms';
|
|
5
|
+
import { StylePipe } from '@ng-atomic/common/pipes/style';
|
|
6
|
+
import { NgAtomicComponent } from '@ng-atomic/core';
|
|
7
|
+
import { SpreadSheetCellInput } from '@ng-atomic/common/services/spreadsheet';
|
|
8
|
+
import { ExpressionPipe } from '@ng-atomic/common/pipes/expression';
|
|
9
|
+
|
|
10
|
+
const NONE = 'NoValue';
|
|
11
|
+
// Stringでなくす
|
|
12
|
+
Object.assign(NONE, { __closure__: NONE });
|
|
13
|
+
function isNone(value) {
|
|
14
|
+
return value === NONE;
|
|
15
|
+
}
|
|
16
|
+
var ActionId;
|
|
17
|
+
(function (ActionId) {
|
|
18
|
+
ActionId["UPDATE_VALUE"] = "[@ng-atomic/components/atoms/value-cell] update value";
|
|
19
|
+
})(ActionId || (ActionId = {}));
|
|
20
|
+
class ValueCellAtomStore {
|
|
21
|
+
static { this.ActionId = ActionId; }
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ValueCellAtomStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
23
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: ValueCellAtomStore, isStandalone: true, ngImport: i0 }); }
|
|
24
|
+
}
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ValueCellAtomStore, decorators: [{
|
|
26
|
+
type: Directive,
|
|
27
|
+
args: [{
|
|
28
|
+
standalone: true,
|
|
29
|
+
}]
|
|
30
|
+
}] });
|
|
31
|
+
class ValueCellAtom extends NgAtomicComponent {
|
|
32
|
+
constructor() {
|
|
33
|
+
super();
|
|
34
|
+
this.formField = input();
|
|
35
|
+
this.position = input.required();
|
|
36
|
+
this.value = model();
|
|
37
|
+
this.expressionValue = input();
|
|
38
|
+
this.isEditing = input(false);
|
|
39
|
+
this.context = input.required();
|
|
40
|
+
this.tempValue = signal(NONE);
|
|
41
|
+
this.control = new FormControl(NONE);
|
|
42
|
+
this.displayValue = computed(() => {
|
|
43
|
+
const value = this.value();
|
|
44
|
+
const tempValue = this.tempValue();
|
|
45
|
+
return isNone(tempValue) ? value : tempValue;
|
|
46
|
+
});
|
|
47
|
+
effect(() => this.control.setValue(this.displayValue()));
|
|
48
|
+
}
|
|
49
|
+
copy(value, event) {
|
|
50
|
+
}
|
|
51
|
+
onInputBlur(context) {
|
|
52
|
+
this.dispatch({
|
|
53
|
+
id: ActionId.UPDATE_VALUE,
|
|
54
|
+
payload: {
|
|
55
|
+
current: this.displayValue(),
|
|
56
|
+
next: this.control.value,
|
|
57
|
+
context,
|
|
58
|
+
setValue: (value) => this.tempValue.set(value),
|
|
59
|
+
},
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ValueCellAtom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
63
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: ValueCellAtom, isStandalone: true, selector: "atoms-value-cell, td[atoms-value-cell]", inputs: { formField: { classPropertyName: "formField", publicName: "formField", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expressionValue: { classPropertyName: "expressionValue", publicName: "expressionValue", isSignal: true, isRequired: false, transformFunction: null }, isEditing: { classPropertyName: "isEditing", publicName: "isEditing", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { value: "valueChange" }, usesInheritance: true, ngImport: i0, template: `
|
|
64
|
+
@let component = '@ng-atomic/components/atoms/value-cell';
|
|
65
|
+
@let field = formField();
|
|
66
|
+
<input
|
|
67
|
+
class="cell-input"
|
|
68
|
+
[type]="field.type"
|
|
69
|
+
[formControl]="control"
|
|
70
|
+
[ssCellInput]="position()"
|
|
71
|
+
[style.visibility]="isEditing() ? 'visible' : 'hidden'"
|
|
72
|
+
[style.display]="isEditing() ? 'inherit' : 'none'"
|
|
73
|
+
(blur)="onInputBlur(context())"
|
|
74
|
+
#input
|
|
75
|
+
>
|
|
76
|
+
<p
|
|
77
|
+
[style]="displayValue() | style:context()"
|
|
78
|
+
[style.visibility]="!isEditing() ? 'visible' : 'hidden'"
|
|
79
|
+
(click)="copy(value, $event)"
|
|
80
|
+
>
|
|
81
|
+
{{ displayValue() | expression:context() }}
|
|
82
|
+
</p>
|
|
83
|
+
`, isInline: true, styles: [":host{display:block;--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-03Ui: var(--mat-table-row-item-label-text-size)}:host .cell-input{position:absolute;inset:0;width:100%;height:100%;margin:0;border:none;box-sizing:border-box;padding-right:4px;font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-03Ui);background:transparent}:host .cell-input[type=number]{text-align:right}:host .cell-input[type=number]::-webkit-outer-spin-button,:host .cell-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}:host .cell-input[type=number]{-moz-appearance:textfield}:host .cell-input:focus{outline:none}:host p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: SpreadSheetCellInput, selector: "[ssCellInput]", inputs: ["ssCellInput"] }, { kind: "pipe", type: StylePipe, name: "style" }, { kind: "pipe", type: ExpressionPipe, name: "expression" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
84
|
+
}
|
|
85
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ValueCellAtom, decorators: [{
|
|
86
|
+
type: Component,
|
|
87
|
+
args: [{ selector: `atoms-value-cell, td[atoms-value-cell]`, imports: [
|
|
88
|
+
SpreadSheetCellInput,
|
|
89
|
+
StylePipe,
|
|
90
|
+
ExpressionPipe,
|
|
91
|
+
ReactiveFormsModule,
|
|
92
|
+
], template: `
|
|
93
|
+
@let component = '@ng-atomic/components/atoms/value-cell';
|
|
94
|
+
@let field = formField();
|
|
95
|
+
<input
|
|
96
|
+
class="cell-input"
|
|
97
|
+
[type]="field.type"
|
|
98
|
+
[formControl]="control"
|
|
99
|
+
[ssCellInput]="position()"
|
|
100
|
+
[style.visibility]="isEditing() ? 'visible' : 'hidden'"
|
|
101
|
+
[style.display]="isEditing() ? 'inherit' : 'none'"
|
|
102
|
+
(blur)="onInputBlur(context())"
|
|
103
|
+
#input
|
|
104
|
+
>
|
|
105
|
+
<p
|
|
106
|
+
[style]="displayValue() | style:context()"
|
|
107
|
+
[style.visibility]="!isEditing() ? 'visible' : 'hidden'"
|
|
108
|
+
(click)="copy(value, $event)"
|
|
109
|
+
>
|
|
110
|
+
{{ displayValue() | expression:context() }}
|
|
111
|
+
</p>
|
|
112
|
+
`, styles: [":host{display:block;--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-03Ui: var(--mat-table-row-item-label-text-size)}:host .cell-input{position:absolute;inset:0;width:100%;height:100%;margin:0;border:none;box-sizing:border-box;padding-right:4px;font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-03Ui);background:transparent}:host .cell-input[type=number]{text-align:right}:host .cell-input[type=number]::-webkit-outer-spin-button,:host .cell-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}:host .cell-input[type=number]{-moz-appearance:textfield}:host .cell-input:focus{outline:none}:host p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
|
|
113
|
+
}], ctorParameters: () => [] });
|
|
114
|
+
|
|
115
|
+
/**
|
|
116
|
+
* Generated bundle index. Do not edit.
|
|
117
|
+
*/
|
|
118
|
+
|
|
119
|
+
export { ValueCellAtom, ValueCellAtomStore };
|
|
120
|
+
//# sourceMappingURL=ng-atomic-components-atoms-value-cell.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-atoms-value-cell.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/atoms/value-cell/value-cell.atom.ts","../../../../../packages/@ng-atomic/components/src/lib/atoms/value-cell/ng-atomic-components-atoms-value-cell.ts"],"sourcesContent":["import { Component, input, model, signal, computed, Directive, effect } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { StylePipe } from '@ng-atomic/common/pipes/style';\nimport { _computed, NgAtomicComponent } from '@ng-atomic/core';\nimport { SpreadSheetCellInput, CellContext, Position } from '@ng-atomic/common/services/spreadsheet';\nimport { FormField } from '@ng-atomic/common/pipes/smart-field';\nimport { ExpressionPipe } from '@ng-atomic/common/pipes/expression';\n\nconst NONE = 'NoValue' as any;\n// Stringでなくす\nObject.assign(NONE, { __closure__: NONE });\n\nfunction isNone(value: any) {\n return value === NONE;\n}\n\nenum ActionId {\n UPDATE_VALUE = '[@ng-atomic/components/atoms/value-cell] update value',\n}\n\nexport interface UpdateValuePayload<T = any, V extends string | number = any> {\n current: V;\n next: V;\n context: CellContext<T>;\n setValue: (value: V) => void;\n}\n\n@Directive({\n standalone: true,\n})\nexport class ValueCellAtomStore {\n static readonly ActionId = ActionId;\n}\n\n@Component({\n selector: `atoms-value-cell, td[atoms-value-cell]`,\n imports: [\n SpreadSheetCellInput,\n StylePipe,\n ExpressionPipe,\n ReactiveFormsModule,\n ],\n template: `\n @let component = '@ng-atomic/components/atoms/value-cell';\n @let field = formField();\n <input\n class=\"cell-input\"\n [type]=\"field.type\"\n [formControl]=\"control\"\n [ssCellInput]=\"position()\"\n [style.visibility]=\"isEditing() ? 'visible' : 'hidden'\"\n [style.display]=\"isEditing() ? 'inherit' : 'none'\"\n (blur)=\"onInputBlur(context())\"\n #input\n >\n <p\n [style]=\"displayValue() | style:context()\"\n [style.visibility]=\"!isEditing() ? 'visible' : 'hidden'\"\n (click)=\"copy(value, $event)\"\n >\n {{ displayValue() | expression:context() }}\n </p>\n `,\n styleUrl: `./value-cell.atom.scss`,\n})\nexport class ValueCellAtom<T> extends NgAtomicComponent {\n readonly formField = input<FormField>();\n readonly position = input.required<Position>();\n readonly value = model<T>();\n readonly expressionValue = input<string>();\n readonly isEditing = input<boolean>(false);\n readonly context = input.required<CellContext>();\n readonly tempValue = signal<T>(NONE);\n readonly control = new FormControl<T>(NONE as T);\n\n readonly displayValue = computed(() => {\n const value = this.value();\n const tempValue = this.tempValue();\n return isNone(tempValue) ? value : tempValue;\n })\n\n constructor() {\n super();\n\n effect(() => this.control.setValue(this.displayValue()));\n }\n\n protected copy(value: any, event: Event) {\n\n }\n\n protected onInputBlur(context: CellContext) {\n this.dispatch({\n id: ActionId.UPDATE_VALUE,\n payload: <UpdateValuePayload>{\n current: this.displayValue(), \n next: this.control.value,\n context,\n setValue: (value) => this.tempValue.set(value),\n },\n });\n }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAQA,MAAM,IAAI,GAAG,SAAgB;AAC7B;AACA,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAE1C,SAAS,MAAM,CAAC,KAAU,EAAA;IACxB,OAAO,KAAK,KAAK,IAAI;AACvB;AAEA,IAAK,QAEJ;AAFD,CAAA,UAAK,QAAQ,EAAA;AACX,IAAA,QAAA,CAAA,cAAA,CAAA,GAAA,uDAAsE;AACxE,CAAC,EAFI,QAAQ,KAAR,QAAQ,GAEZ,EAAA,CAAA,CAAA;MAYY,kBAAkB,CAAA;aACb,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY;8GADzB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAH9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;AAoCK,MAAO,aAAiB,SAAQ,iBAAiB,CAAA;AAgBrD,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QAhBA,IAAS,CAAA,SAAA,GAAG,KAAK,EAAa;AAC9B,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,QAAQ,EAAY;QACrC,IAAK,CAAA,KAAA,GAAG,KAAK,EAAK;QAClB,IAAe,CAAA,eAAA,GAAG,KAAK,EAAU;AACjC,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAU,KAAK,CAAC;AACjC,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,EAAe;AACvC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAI,IAAI,CAAC;AAC3B,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAI,IAAS,CAAC;AAEvC,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;AACpC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;AAClC,YAAA,OAAO,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,GAAG,SAAS;AAC9C,SAAC,CAAC;AAKA,QAAA,MAAM,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;;IAGhD,IAAI,CAAC,KAAU,EAAE,KAAY,EAAA;;AAI7B,IAAA,WAAW,CAAC,OAAoB,EAAA;QACxC,IAAI,CAAC,QAAQ,CAAC;YACZ,EAAE,EAAE,QAAQ,CAAC,YAAY;AACzB,YAAA,OAAO,EAAsB;AAC3B,gBAAA,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE;AAC5B,gBAAA,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK;gBACxB,OAAO;AACP,gBAAA,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;AAC/C,aAAA;AACF,SAAA,CAAC;;8GAnCO,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,EAvBd,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wCAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,aAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;AAoBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8sBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAzBC,oBAAoB,EACpB,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,SAAS,EACT,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,cAAc,kDACd,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAyBV,aAAa,EAAA,UAAA,EAAA,CAAA;kBA/BzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,sCAAA,CAAwC,EACzC,OAAA,EAAA;wBACP,oBAAoB;wBACpB,SAAS;wBACT,cAAc;wBACd,mBAAmB;qBACpB,EACS,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;AAoBT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,8sBAAA,CAAA,EAAA;;;AC9DH;;AAEG;;;;"}
|
|
@@ -373,7 +373,7 @@ class AppFrame extends NgAtomicComponent {
|
|
|
373
373
|
</frames-fab>
|
|
374
374
|
</frames-progress-bar>
|
|
375
375
|
</frames-loading>
|
|
376
|
-
`, isInline: true, styles: [":host{--primary-color-SCOPED-IN-frames-app-
|
|
376
|
+
`, isInline: true, styles: [":host{--primary-color-SCOPED-IN-frames-app-FKew: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-FKew: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-FKew: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-FKew: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-FKew: var(--background-color);--on-background-color-SCOPED-IN-frames-app-FKew: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-FKew: var(--menu-width);--page-width-lv1-SCOPED-IN-frames-app-FKew: var(--page-width-lv1);--menu-background-color: var(--primary-color-SCOPED-IN-frames-app-FKew);--menu-background-color-SCOPED-IN-frames-app-FKew: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-frames-app-FKew);--menu-on-background-color-SCOPED-IN-frames-app-FKew: var(--menu-on-background-color);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-FKew: var(--menu-padding-top);--background-primary-color: var(--primary-color-SCOPED-IN-frames-app-FKew);--background-primary-color-SCOPED-IN-frames-app-FKew: var(--background-primary-color);--background-on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-FKew);--background-on-primary-color-SCOPED-IN-frames-app-FKew: var(--background-on-primary-color);--background-background-color: var(--background-color-SCOPED-IN-frames-app-FKew);--background-background-color-SCOPED-IN-frames-app-FKew: var(--background-background-color);--loading-primary-color: var(--primary-color-SCOPED-IN-frames-app-FKew);--loading-primary-color-SCOPED-IN-frames-app-FKew: var(--loading-primary-color);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-FKew: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-FKew);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-FKew);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-FKew);--surface-color: var(--surface-color-SCOPED-IN-frames-app-FKew);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-FKew);--background-color: var(--background-color-SCOPED-IN-frames-app-FKew);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-FKew);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-FKew);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-FKew)}:host frames-drawer{opacity:0}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-FKew)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-FKew)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-FKew);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-FKew);--background-color: var(--background-background-color-SCOPED-IN-frames-app-FKew);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-FKew);height:100%}:host.is-entrance frames-drawer{opacity:0}\n"], dependencies: [{ kind: "component", type: FabFrame, selector: "frames-fab" }, { kind: "component", type: LoadingFrame, selector: "frames-loading" }, { kind: "component", type: SideNavFrame, selector: "frames-side-nav" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EntranceFrame, selector: "frames-entrance" }, { kind: "component", type: DrawerFrame, selector: "frames-drawer" }, { kind: "component", type: ProgressBarFrame, selector: "frames-progress-bar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)]] }); }
|
|
377
377
|
}
|
|
378
378
|
i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.1.4", ngImport: i0, type: AppFrame, resolveDeferredDeps: () => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)], resolveMetadata: BackgroundTemplateStore => ({ decorators: [{
|
|
379
379
|
type: Component,
|
|
@@ -434,7 +434,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.1.4", ng
|
|
|
434
434
|
AppFrameStore,
|
|
435
435
|
], host: {
|
|
436
436
|
'[class.is-entrance]': 'store.isEntrance()',
|
|
437
|
-
}, styles: [":host{--primary-color-SCOPED-IN-frames-app-
|
|
437
|
+
}, styles: [":host{--primary-color-SCOPED-IN-frames-app-FKew: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-FKew: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-FKew: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-FKew: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-FKew: var(--background-color);--on-background-color-SCOPED-IN-frames-app-FKew: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-FKew: var(--menu-width);--page-width-lv1-SCOPED-IN-frames-app-FKew: var(--page-width-lv1);--menu-background-color: var(--primary-color-SCOPED-IN-frames-app-FKew);--menu-background-color-SCOPED-IN-frames-app-FKew: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-frames-app-FKew);--menu-on-background-color-SCOPED-IN-frames-app-FKew: var(--menu-on-background-color);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-FKew: var(--menu-padding-top);--background-primary-color: var(--primary-color-SCOPED-IN-frames-app-FKew);--background-primary-color-SCOPED-IN-frames-app-FKew: var(--background-primary-color);--background-on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-FKew);--background-on-primary-color-SCOPED-IN-frames-app-FKew: var(--background-on-primary-color);--background-background-color: var(--background-color-SCOPED-IN-frames-app-FKew);--background-background-color-SCOPED-IN-frames-app-FKew: var(--background-background-color);--loading-primary-color: var(--primary-color-SCOPED-IN-frames-app-FKew);--loading-primary-color-SCOPED-IN-frames-app-FKew: var(--loading-primary-color);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-FKew: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-FKew);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-FKew);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-FKew);--surface-color: var(--surface-color-SCOPED-IN-frames-app-FKew);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-FKew);--background-color: var(--background-color-SCOPED-IN-frames-app-FKew);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-FKew);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-FKew);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-FKew)}:host frames-drawer{opacity:0}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-FKew)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-FKew)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-FKew);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-FKew);--background-color: var(--background-background-color-SCOPED-IN-frames-app-FKew);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-FKew);height:100%}:host.is-entrance frames-drawer{opacity:0}\n"] }]
|
|
438
438
|
}], ctorParameters: null, propDecorators: null }) });
|
|
439
439
|
|
|
440
440
|
/**
|
|
@@ -19,7 +19,7 @@ class AutoLayoutFrame {
|
|
|
19
19
|
this.store = inject(AutoLayoutFrameStore);
|
|
20
20
|
}
|
|
21
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", host: { properties: { "attr.type": "store.type()" } }, hostDirectives: [{ directive: AutoLayoutFrameStore, inputs: ["type", "type"] }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", host: { properties: { "attr.type": "store.type()" } }, hostDirectives: [{ directive: AutoLayoutFrameStore, inputs: ["type", "type"] }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-2BFw: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-2BFw: var(--vertical-padding);--horizontal-padding: 0;--horizontal-padding-SCOPED-IN-auto-layout-2BFw: var(--horizontal-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;gap:var(--gap-SCOPED-IN-auto-layout-2BFw);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-2BFw) var(--horizontal-padding-SCOPED-IN-auto-layout-2BFw)}:host[type=horizontal]{flex-direction:row}:host[type=vertical]{flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
23
23
|
}
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: AutoLayoutFrame, decorators: [{
|
|
25
25
|
type: Component,
|
|
@@ -32,7 +32,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
32
32
|
},
|
|
33
33
|
], host: {
|
|
34
34
|
'[attr.type]': 'store.type()'
|
|
35
|
-
}, styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-
|
|
35
|
+
}, styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-2BFw: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-2BFw: var(--vertical-padding);--horizontal-padding: 0;--horizontal-padding-SCOPED-IN-auto-layout-2BFw: var(--horizontal-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;gap:var(--gap-SCOPED-IN-auto-layout-2BFw);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-2BFw) var(--horizontal-padding-SCOPED-IN-auto-layout-2BFw)}:host[type=horizontal]{flex-direction:row}:host[type=vertical]{flex-direction:column}\n"] }]
|
|
36
36
|
}] });
|
|
37
37
|
|
|
38
38
|
/**
|
|
@@ -6,14 +6,14 @@ import { MatCardModule } from '@angular/material/card';
|
|
|
6
6
|
|
|
7
7
|
class CardFrame {
|
|
8
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CardFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: CardFrame, isStandalone: true, selector: "frames-card", ngImport: i0, template: `<mat-card><ng-content></ng-content></mat-card>`, isInline: true, styles: [":host{display:block;--background-color: rgba(255, 255, 255, .6);--background-color-SCOPED-IN-columns-
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: CardFrame, isStandalone: true, selector: "frames-card", ngImport: i0, template: `<mat-card><ng-content></ng-content></mat-card>`, isInline: true, styles: [":host{display:block;--background-color: rgba(255, 255, 255, .6);--background-color-SCOPED-IN-columns-quNZ: var(--background-color)}:host{display:block}:host mat-card{background-color:var(--background-color-SCOPED-IN-columns-quNZ);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;box-sizing:border-box;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10
10
|
}
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CardFrame, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{ selector: 'frames-card', imports: [
|
|
14
14
|
CommonModule,
|
|
15
15
|
MatCardModule,
|
|
16
|
-
], template: `<mat-card><ng-content></ng-content></mat-card>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--background-color: rgba(255, 255, 255, .6);--background-color-SCOPED-IN-columns-
|
|
16
|
+
], template: `<mat-card><ng-content></ng-content></mat-card>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--background-color: rgba(255, 255, 255, .6);--background-color-SCOPED-IN-columns-quNZ: var(--background-color)}:host{display:block}:host mat-card{background-color:var(--background-color-SCOPED-IN-columns-quNZ);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;box-sizing:border-box;width:100%}\n"] }]
|
|
17
17
|
}] });
|
|
18
18
|
|
|
19
19
|
/**
|
|
@@ -103,7 +103,7 @@ class ColumnsFrame extends NgAtomicComponent {
|
|
|
103
103
|
<ng-container [ngTemplateOutlet]="right()?.templateRef" />
|
|
104
104
|
</div>
|
|
105
105
|
}
|
|
106
|
-
`, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-
|
|
106
|
+
`, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-IUQ9: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-IUQ9)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-IUQ9)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
107
107
|
}
|
|
108
108
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ColumnsFrame, decorators: [{
|
|
109
109
|
type: Component,
|
|
@@ -134,7 +134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
134
134
|
}
|
|
135
135
|
], host: {
|
|
136
136
|
'[attr.type]': 'store.type()',
|
|
137
|
-
}, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-
|
|
137
|
+
}, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-IUQ9: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-IUQ9)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-IUQ9)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"] }]
|
|
138
138
|
}] });
|
|
139
139
|
class ColumnsFrameModule {
|
|
140
140
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ColumnsFrameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
@@ -64,7 +64,7 @@ class DividerFrame extends NgAtomicComponent {
|
|
|
64
64
|
<ng-content select="[second]"></ng-content>
|
|
65
65
|
@if (dragging()) { <div class="cover"></div> }
|
|
66
66
|
</div>
|
|
67
|
-
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-
|
|
67
|
+
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-KWHO: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-KWHO: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-KWHO: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-KWHO: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-KWHO: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-KWHO: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-KWHO: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-KWHO: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-KWHO: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-KWHO: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-KWHO),var(--min-first-content-height-SCOPED-IN-divider-KWHO)),var(--max-first-content-height-SCOPED-IN-divider-KWHO));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-KWHO),var(--min-first-content-height-SCOPED-IN-divider-KWHO)),var(--max-first-content-height-SCOPED-IN-divider-KWHO)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative;border:0px}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-KWHO)}\n"], dependencies: [{ kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
68
68
|
}
|
|
69
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: DividerFrame, decorators: [{
|
|
70
70
|
type: Component,
|
|
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
90
90
|
<ng-content select="[second]"></ng-content>
|
|
91
91
|
@if (dragging()) { <div class="cover"></div> }
|
|
92
92
|
</div>
|
|
93
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-
|
|
93
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-KWHO: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-KWHO: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-KWHO: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-KWHO: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-KWHO: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-KWHO: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-KWHO: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-KWHO: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-KWHO: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-KWHO: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-KWHO),var(--min-first-content-height-SCOPED-IN-divider-KWHO)),var(--max-first-content-height-SCOPED-IN-divider-KWHO));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-KWHO),var(--min-first-content-height-SCOPED-IN-divider-KWHO)),var(--max-first-content-height-SCOPED-IN-divider-KWHO)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative;border:0px}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-KWHO)}\n"] }]
|
|
94
94
|
}] });
|
|
95
95
|
|
|
96
96
|
/**
|
|
@@ -37,7 +37,7 @@ class DrawerFrame extends NgAtomicComponent {
|
|
|
37
37
|
<mat-drawer-content>
|
|
38
38
|
<ng-content select=[contents] />
|
|
39
39
|
</mat-drawer-content>
|
|
40
|
-
</mat-drawer-container>`, isInline: true, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-
|
|
40
|
+
</mat-drawer-container>`, isInline: true, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-4ZVn: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-4ZVn: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-4ZVn: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-4ZVn: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-4ZVn)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-4ZVn)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: DrawerFrame, decorators: [{
|
|
43
43
|
type: Component,
|
|
@@ -56,7 +56,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
56
56
|
directive: DrawerFrameStore,
|
|
57
57
|
inputs: ['opened', 'mode', 'hasBackdrop', 'position'],
|
|
58
58
|
}
|
|
59
|
-
], styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-
|
|
59
|
+
], styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-4ZVn: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-4ZVn: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-4ZVn: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-4ZVn: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-4ZVn)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-4ZVn)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"] }]
|
|
60
60
|
}] });
|
|
61
61
|
|
|
62
62
|
/**
|
|
@@ -43,7 +43,7 @@ class EntranceFrame extends NgAtomicComponent {
|
|
|
43
43
|
(action)="dispatch($event)"
|
|
44
44
|
/>
|
|
45
45
|
</frames-overlay>
|
|
46
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-
|
|
46
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-GmtT: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-GmtT: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-GmtT: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-GmtT: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-GmtT: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-GmtT: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-GmtT: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-GmtT: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-GmtT: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-GmtT: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-GmtT: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-GmtT: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-GmtT);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-GmtT);--surface-color: var(--surface-color-SCOPED-IN-entrance-GmtT);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-GmtT);--background-color: var(--background-color-SCOPED-IN-entrance-GmtT);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-GmtT);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-GmtT);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-GmtT)}\n"], dependencies: [{ kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "directive", type: EntranceTemplateStore, selector: "templates-entrance", inputs: ["form", "actions", "fieldMap", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
47
47
|
}
|
|
48
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: EntranceFrame, decorators: [{
|
|
49
49
|
type: Component,
|
|
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
69
69
|
directive: EntranceFrameStore,
|
|
70
70
|
inputs: ['isEntrance', 'actions', 'form', 'title'],
|
|
71
71
|
},
|
|
72
|
-
], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-
|
|
72
|
+
], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-GmtT: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-GmtT: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-GmtT: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-GmtT: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-GmtT: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-GmtT: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-GmtT: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-GmtT: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-GmtT: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-GmtT: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-GmtT: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-GmtT: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-GmtT);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-GmtT);--surface-color: var(--surface-color-SCOPED-IN-entrance-GmtT);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-GmtT);--background-color: var(--background-color-SCOPED-IN-entrance-GmtT);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-GmtT);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-GmtT);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-GmtT)}\n"] }]
|
|
73
73
|
}] });
|
|
74
74
|
|
|
75
75
|
/**
|
|
@@ -65,7 +65,7 @@ class FabFrame extends NgAtomicComponent {
|
|
|
65
65
|
<mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
|
|
66
66
|
</button>
|
|
67
67
|
}
|
|
68
|
-
`, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-
|
|
68
|
+
`, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-szzm: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-szzm);--container-color-SCOPED-IN-fab-szzm: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-szzm: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-szzm: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-szzm: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-szzm);right:var(--fab-button-right-SCOPED-IN-fab-szzm);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
69
69
|
}
|
|
70
70
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FabFrame, decorators: [{
|
|
71
71
|
type: Component,
|
|
@@ -86,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
86
86
|
},
|
|
87
87
|
], host: {
|
|
88
88
|
'[attr.hide]': 'store.hide()',
|
|
89
|
-
}, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-
|
|
89
|
+
}, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-szzm: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-szzm);--container-color-SCOPED-IN-fab-szzm: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-szzm: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-szzm: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-szzm: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-szzm);right:var(--fab-button-right-SCOPED-IN-fab-szzm);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"] }]
|
|
90
90
|
}] });
|
|
91
91
|
|
|
92
92
|
/**
|
|
@@ -143,7 +143,7 @@ class LineUpFrame {
|
|
|
143
143
|
@if (store.hasNext()) {
|
|
144
144
|
<div class="next" @hasNext><ng-content select=[next] /></div>
|
|
145
145
|
}
|
|
146
|
-
`, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-
|
|
146
|
+
`, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-qASS: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-qASS: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-qASS: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-qASS: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-qASS: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-qASS));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-qASS);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default }); }
|
|
147
147
|
}
|
|
148
148
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: LineUpFrame, decorators: [{
|
|
149
149
|
type: Component,
|
|
@@ -159,7 +159,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
159
159
|
},
|
|
160
160
|
], host: {
|
|
161
161
|
'attr.has-next': 'store.hasNext()',
|
|
162
|
-
}, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-
|
|
162
|
+
}, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-qASS: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-qASS: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-qASS: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-qASS: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-qASS: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-qASS));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-qASS);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"] }]
|
|
163
163
|
}] });
|
|
164
164
|
|
|
165
165
|
/**
|
|
@@ -26,7 +26,7 @@ class LoadingFrame extends NgAtomicComponent {
|
|
|
26
26
|
@if(store.isLoading()) {
|
|
27
27
|
<div class="loading"><mat-spinner /></div>
|
|
28
28
|
}
|
|
29
|
-
`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-
|
|
29
|
+
`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-WmY3: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-WmY3: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-WmY3);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-WmY3)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
30
30
|
}
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: LoadingFrame, decorators: [{
|
|
32
32
|
type: Component,
|
|
@@ -42,7 +42,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
42
42
|
directive: LoadingFrameStore,
|
|
43
43
|
inputs: ['isLoading'],
|
|
44
44
|
}
|
|
45
|
-
], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-
|
|
45
|
+
], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-WmY3: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-WmY3: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-WmY3);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-WmY3)}\n"] }]
|
|
46
46
|
}] });
|
|
47
47
|
|
|
48
48
|
/**
|
|
@@ -105,7 +105,7 @@ class RouterOutletFrame extends NgAtomicComponent {
|
|
|
105
105
|
}
|
|
106
106
|
<ng-template #main><ng-content main/></ng-template>
|
|
107
107
|
<ng-template #next><router-outlet [name]="store.name()"/></ng-template>
|
|
108
|
-
`, isInline: true, styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-
|
|
108
|
+
`, isInline: true, styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-SJxH: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-SJxH: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-SJxH: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-SJxH: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-SJxH);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-SJxH);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-SJxH);--background-color: var(--background-color-SCOPED-IN-router-outlet-SJxH)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
109
109
|
}
|
|
110
110
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RouterOutletFrame, decorators: [{
|
|
111
111
|
type: Component,
|
|
@@ -140,7 +140,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
140
140
|
directive: RouterOutletFrameStore,
|
|
141
141
|
inputs: ['frame', 'name', 'skip'],
|
|
142
142
|
},
|
|
143
|
-
], styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-
|
|
143
|
+
], styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-SJxH: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-SJxH: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-SJxH: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-SJxH: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-SJxH);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-SJxH);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-SJxH);--background-color: var(--background-color-SCOPED-IN-router-outlet-SJxH)}\n"] }]
|
|
144
144
|
}], ctorParameters: () => [], propDecorators: { events: [{
|
|
145
145
|
type: Output
|
|
146
146
|
}] } });
|
|
@@ -22,7 +22,7 @@ class ScrollFrame {
|
|
|
22
22
|
<div class="bottom">
|
|
23
23
|
<ng-content select=[bottom]></ng-content>
|
|
24
24
|
</div>
|
|
25
|
-
`, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-
|
|
25
|
+
`, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-aWIU: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-aWIU: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-aWIU: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-aWIU: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-aWIU);overflow:hidden}:host .top{height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-aWIU);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:fit-content}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
26
26
|
}
|
|
27
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ScrollFrame, decorators: [{
|
|
28
28
|
type: Component,
|
|
@@ -39,7 +39,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
39
39
|
<div class="bottom">
|
|
40
40
|
<ng-content select=[bottom]></ng-content>
|
|
41
41
|
</div>
|
|
42
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-
|
|
42
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-aWIU: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-aWIU: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-aWIU: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-aWIU: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-aWIU);overflow:hidden}:host .top{height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-aWIU);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:fit-content}\n"] }]
|
|
43
43
|
}], propDecorators: { contents: [{
|
|
44
44
|
type: ViewChild,
|
|
45
45
|
args: ['contents', { static: true }]
|