@ng-atomic/components 20.20.5 → 20.21.2
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/ng-atomic-components-atoms-icon.mjs +2 -2
- package/fesm2022/ng-atomic-components-atoms-value-cell.mjs +2 -2
- 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-breadcrumb-navbar.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-horizontal-divider.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-thread-message.mjs +2 -2
- 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-breadcrumb-navbar.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 +10 -82
- 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-columns.mjs +2 -2
- package/fesm2022/ng-atomic-components-pages-form.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-_index.mjs +2 -4
- 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-form.mjs +4 -4
- 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/package.json +3 -3
- package/types/ng-atomic-components-organisms-table.d.ts +5 -28
|
@@ -529,7 +529,7 @@ class IndexPage extends NgAtomicComponent {
|
|
|
529
529
|
<ng-dashboard dashboard injectable/>
|
|
530
530
|
</templates-index>
|
|
531
531
|
</frames-router-outlet>
|
|
532
|
-
`, isInline: true, styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-
|
|
532
|
+
`, isInline: true, styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-0geA: var(--page-width-lv3);--primary-color-SCOPED-IN-index-0geA: var(--primary-color);--on-primary-color-SCOPED-IN-index-0geA: var(--on-primary-color);--surface-color-SCOPED-IN-index-0geA: var(--surface-color);--on-surface-color-SCOPED-IN-index-0geA: var(--on-surface-color);--on-background-color-SCOPED-IN-index-0geA: var(--on-background-color);--background-color-SCOPED-IN-index-0geA: var(--background-color);--navigator-background-color-SCOPED-IN-index-0geA: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-0geA: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-0geA: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-0geA: var(--table-on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-0geA: var(--first-content-height)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-0geA);padding-left:0;box-sizing:border-box;transition:padding-left .3s;--first-content-height: var(--first-content-height-SCOPED-IN-index-0geA)}:host .template div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host .template div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-0geA);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-0geA);--surface-color: var(--surface-color-SCOPED-IN-index-0geA);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-0geA);--background-color: var(--background-color-SCOPED-IN-index-0geA);--on-background-color: var(--on-background-color-SCOPED-IN-index-0geA);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-0geA);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-0geA);--table-background-color: var(--table-background-color-SCOPED-IN-index-0geA);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-0geA)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: IndexTemplate, selector: "templates-index" }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap", "fieldKeys"] }, { kind: "directive", type: IndexPageDashboardStore, selector: "ng-dashboard" }] }); }
|
|
533
533
|
}
|
|
534
534
|
__decorate([
|
|
535
535
|
Effect(IndexTemplate.ActionId.BACK),
|
|
@@ -621,7 +621,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
621
621
|
'displayedItems',
|
|
622
622
|
],
|
|
623
623
|
},
|
|
624
|
-
], styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-
|
|
624
|
+
], styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-0geA: var(--page-width-lv3);--primary-color-SCOPED-IN-index-0geA: var(--primary-color);--on-primary-color-SCOPED-IN-index-0geA: var(--on-primary-color);--surface-color-SCOPED-IN-index-0geA: var(--surface-color);--on-surface-color-SCOPED-IN-index-0geA: var(--on-surface-color);--on-background-color-SCOPED-IN-index-0geA: var(--on-background-color);--background-color-SCOPED-IN-index-0geA: var(--background-color);--navigator-background-color-SCOPED-IN-index-0geA: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-0geA: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-0geA: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-0geA: var(--table-on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-0geA: var(--first-content-height)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-0geA);padding-left:0;box-sizing:border-box;transition:padding-left .3s;--first-content-height: var(--first-content-height-SCOPED-IN-index-0geA)}:host .template div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host .template div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-0geA);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-0geA);--surface-color: var(--surface-color-SCOPED-IN-index-0geA);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-0geA);--background-color: var(--background-color-SCOPED-IN-index-0geA);--on-background-color: var(--on-background-color-SCOPED-IN-index-0geA);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-0geA);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-0geA);--table-background-color: var(--table-background-color-SCOPED-IN-index-0geA);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-0geA)}\n"] }]
|
|
625
625
|
}], propDecorators: { back: [], close: [], itemClick: [], onHeaderCheckboxClick: [], onItemButtonClicked: [], onTableHeaderClick: [], onCheckboxClick: [] } });
|
|
626
626
|
|
|
627
627
|
/**
|
|
@@ -78,7 +78,7 @@ class ColumnsPage extends NgAtomicComponent {
|
|
|
78
78
|
(action)="dispatch($event)"
|
|
79
79
|
/>
|
|
80
80
|
</frames-router-outlet>
|
|
81
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-columns-
|
|
81
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-columns-wHzq: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-columns-wHzq: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-columns-wHzq: var(--page-width-lv3);--primary-color-SCOPED-IN-columns-wHzq: var(--primary-color);--on-primary-color-SCOPED-IN-columns-wHzq: var(--on-primary-color);--surface-color-SCOPED-IN-columns-wHzq: var(--surface-color);--on-surface-color-SCOPED-IN-columns-wHzq: var(--on-surface-color);--on-background-color-SCOPED-IN-columns-wHzq: var(--on-background-color);--background-color-SCOPED-IN-columns-wHzq: var(--background-color);--navigator-background-color-SCOPED-IN-columns-wHzq: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-columns-wHzq: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-columns-wHzq: var(--table-background-color);--table-on-background-color-SCOPED-IN-columns-wHzq: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-columns-wHzq)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-wHzq);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-wHzq);--surface-color: var(--surface-color-SCOPED-IN-columns-wHzq);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-wHzq);--background-color: var(--background-color-SCOPED-IN-columns-wHzq);--on-background-color: var(--on-background-color-SCOPED-IN-columns-wHzq);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-columns-wHzq);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-wHzq);--table-background-color: var(--table-background-color-SCOPED-IN-columns-wHzq);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-columns-wHzq)}\n"], dependencies: [{ kind: "component", type: ColumnsTemplate, selector: "templates-columns" }, { kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }] }); }
|
|
82
82
|
}
|
|
83
83
|
__decorate([
|
|
84
84
|
Effect(NavActionId.BACK),
|
|
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
114
114
|
'form',
|
|
115
115
|
],
|
|
116
116
|
},
|
|
117
|
-
], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-columns-
|
|
117
|
+
], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-columns-wHzq: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-columns-wHzq: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-columns-wHzq: var(--page-width-lv3);--primary-color-SCOPED-IN-columns-wHzq: var(--primary-color);--on-primary-color-SCOPED-IN-columns-wHzq: var(--on-primary-color);--surface-color-SCOPED-IN-columns-wHzq: var(--surface-color);--on-surface-color-SCOPED-IN-columns-wHzq: var(--on-surface-color);--on-background-color-SCOPED-IN-columns-wHzq: var(--on-background-color);--background-color-SCOPED-IN-columns-wHzq: var(--background-color);--navigator-background-color-SCOPED-IN-columns-wHzq: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-columns-wHzq: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-columns-wHzq: var(--table-background-color);--table-on-background-color-SCOPED-IN-columns-wHzq: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-columns-wHzq)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-wHzq);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-wHzq);--surface-color: var(--surface-color-SCOPED-IN-columns-wHzq);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-wHzq);--background-color: var(--background-color-SCOPED-IN-columns-wHzq);--on-background-color: var(--on-background-color-SCOPED-IN-columns-wHzq);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-columns-wHzq);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-wHzq);--table-background-color: var(--table-background-color-SCOPED-IN-columns-wHzq);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-columns-wHzq)}\n"] }]
|
|
118
118
|
}], propDecorators: { back: [], close: [] } });
|
|
119
119
|
|
|
120
120
|
/**
|
|
@@ -200,7 +200,7 @@ class FormPage extends NgAtomicComponent {
|
|
|
200
200
|
(action)="dispatch($event)"
|
|
201
201
|
/>
|
|
202
202
|
</frames-router-outlet>
|
|
203
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-
|
|
203
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-baPa: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-baPa: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-baPa: var(--page-width-lv3);--primary-color-SCOPED-IN-form-baPa: var(--primary-color);--on-primary-color-SCOPED-IN-form-baPa: var(--on-primary-color);--surface-color-SCOPED-IN-form-baPa: var(--surface-color);--on-surface-color-SCOPED-IN-form-baPa: var(--on-surface-color);--on-background-color-SCOPED-IN-form-baPa: var(--on-background-color);--background-color-SCOPED-IN-form-baPa: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-baPa)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-baPa);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-baPa);--surface-color: var(--surface-color-SCOPED-IN-form-baPa);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-baPa);--background-color: var(--background-color-SCOPED-IN-form-baPa);--on-background-color: var(--on-background-color-SCOPED-IN-form-baPa)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: FormTemplate, selector: "templates-form" }] }); }
|
|
204
204
|
}
|
|
205
205
|
__decorate([
|
|
206
206
|
Effect(FormTemplate.ActionId.BACK),
|
|
@@ -256,7 +256,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
256
256
|
'outletName',
|
|
257
257
|
],
|
|
258
258
|
},
|
|
259
|
-
], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-
|
|
259
|
+
], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-baPa: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-baPa: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-baPa: var(--page-width-lv3);--primary-color-SCOPED-IN-form-baPa: var(--primary-color);--on-primary-color-SCOPED-IN-form-baPa: var(--on-primary-color);--surface-color-SCOPED-IN-form-baPa: var(--surface-color);--on-surface-color-SCOPED-IN-form-baPa: var(--on-surface-color);--on-background-color-SCOPED-IN-form-baPa: var(--on-background-color);--background-color-SCOPED-IN-form-baPa: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-baPa)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-baPa);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-baPa);--surface-color: var(--surface-color-SCOPED-IN-form-baPa);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-baPa);--background-color: var(--background-color-SCOPED-IN-form-baPa);--on-background-color: var(--on-background-color-SCOPED-IN-form-baPa)}\n"] }]
|
|
260
260
|
}], propDecorators: { back: [], close: [], fileSelected: [] } });
|
|
261
261
|
|
|
262
262
|
/**
|
|
@@ -201,9 +201,7 @@ class IndexTemplate extends NgAtomicComponent {
|
|
|
201
201
|
table.dataSource.reconnect(currentDataSource);
|
|
202
202
|
const viewport = table.viewport();
|
|
203
203
|
if (viewport) {
|
|
204
|
-
table.dataSource.viewport.set(null);
|
|
205
204
|
requestAnimationFrame(() => {
|
|
206
|
-
table.dataSource.viewport.set(viewport);
|
|
207
205
|
viewport.checkViewportSize();
|
|
208
206
|
viewport.scrollToIndex(0);
|
|
209
207
|
});
|
|
@@ -381,7 +379,7 @@ class IndexTemplate extends NgAtomicComponent {
|
|
|
381
379
|
}
|
|
382
380
|
}
|
|
383
381
|
</ng-template>
|
|
384
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-
|
|
382
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-zGLr: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-zGLr: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-zGLr: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-zGLr: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-zGLr: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-zGLr: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-zGLr: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-zGLr: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-index-zGLr);--navigator-background-color-SCOPED-IN-index-zGLr: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-zGLr);--navigator-on-background-color-SCOPED-IN-index-zGLr: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-zGLr);--table-background-color-SCOPED-IN-index-zGLr: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-zGLr);--table-on-background-color-SCOPED-IN-index-zGLr: var(--table-on-background-color);--table-surface-color: var(--surface-color-SCOPED-IN-index-zGLr);--table-surface-color-SCOPED-IN-index-zGLr: var(--table-surface-color);--table-on-surface-color: var(--on-surface-color-SCOPED-IN-index-zGLr);--table-on-surface-color-SCOPED-IN-index-zGLr: var(--table-on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-zGLr: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-zGLr: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-zGLr: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-zGLr);color:var(--on-background-color-SCOPED-IN-index-zGLr);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-zGLr);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-zGLr)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-zGLr);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-zGLr);--surface-color: var(--table-surface-color-SCOPED-IN-index-zGLr);--on-surface-color: var(--table-on-surface-color-SCOPED-IN-index-zGLr)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-zGLr);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-zGLr);--surface-color: var(--surface-color-SCOPED-IN-index-zGLr);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-zGLr);--background-color: var(--background-color-SCOPED-IN-index-zGLr);--on-background-color: var(--on-background-color-SCOPED-IN-index-zGLr)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-zGLr);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-zGLr)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: ListOrganism, selector: "organisms-list" }, { kind: "directive", type: TableOrganismStore, selector: "organisms-table", inputs: ["draggable", "form", "columnFormFieldMap", "itemActions", "selection", "highlight", "childrenKey", "items", "treeControl", "isHidden", "getRowClass"] }, { kind: "component", type: TreeListOrganism, selector: "organisms-tree-list" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }, { kind: "component", type: VerticalHideFrame, selector: "frames-vertical-hide", inputs: ["mode"] }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/organisms/chips-input-section').then(m => m.ChipsInputSectionOrganism), DividerFrame,
|
|
385
383
|
NgTemplateOutlet], () => [import('@ng-atomic/components/organisms/grid-toolbar').then(m => m.GridToolbarOrganismStore)], () => [import('@ng-atomic/components/frames/tabs').then(m => m.TabsFrame), NgTemplateOutlet], () => [GridCardsSectionOrganism], () => [import('@ng-atomic/components/organisms/paginator').then(m => m.PaginatorOrganismStore)]] }); }
|
|
386
384
|
}
|
|
387
385
|
__decorate([
|
|
@@ -621,7 +619,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.1.6", ng
|
|
|
621
619
|
}
|
|
622
620
|
], providers: [
|
|
623
621
|
QueryResolverService,
|
|
624
|
-
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-
|
|
622
|
+
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-zGLr: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-zGLr: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-zGLr: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-zGLr: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-zGLr: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-zGLr: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-zGLr: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-zGLr: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-index-zGLr);--navigator-background-color-SCOPED-IN-index-zGLr: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-zGLr);--navigator-on-background-color-SCOPED-IN-index-zGLr: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-index-zGLr);--table-background-color-SCOPED-IN-index-zGLr: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-index-zGLr);--table-on-background-color-SCOPED-IN-index-zGLr: var(--table-on-background-color);--table-surface-color: var(--surface-color-SCOPED-IN-index-zGLr);--table-surface-color-SCOPED-IN-index-zGLr: var(--table-surface-color);--table-on-surface-color: var(--on-surface-color-SCOPED-IN-index-zGLr);--table-on-surface-color-SCOPED-IN-index-zGLr: var(--table-on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-zGLr: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-zGLr: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-zGLr: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-zGLr);color:var(--on-background-color-SCOPED-IN-index-zGLr);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-zGLr);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-zGLr)}:host organisms-table{--background-color: var(--table-background-color-SCOPED-IN-index-zGLr);--on-background-color: var(--table-on-background-color-SCOPED-IN-index-zGLr);--surface-color: var(--table-surface-color-SCOPED-IN-index-zGLr);--on-surface-color: var(--table-on-surface-color-SCOPED-IN-index-zGLr)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-zGLr);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-zGLr);--surface-color: var(--surface-color-SCOPED-IN-index-zGLr);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-zGLr);--background-color: var(--background-color-SCOPED-IN-index-zGLr);--on-background-color: var(--on-background-color-SCOPED-IN-index-zGLr)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-zGLr);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-zGLr)}\n"] }]
|
|
625
623
|
}], ctorParameters: null, propDecorators: { dividerFrame: [{ type: i0.ViewChild, args: [i0.forwardRef(() => DividerFrame), { isSignal: true }] }], tables: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => TableOrganismStore), { isSignal: true }] }], onTableHeaderClick: [], onCheckboxClickItem: [], onItemClicked: [], onItemButtonClicked: [], onHeaderCheckboxClick: [], onColumnWidthChange: [], back: [] } }) });
|
|
626
624
|
|
|
627
625
|
/**
|
|
@@ -19,13 +19,13 @@ class BackgroundTemplate {
|
|
|
19
19
|
this.store = inject(BackgroundTemplateStore);
|
|
20
20
|
}
|
|
21
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BackgroundTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: BackgroundTemplate, isStandalone: true, selector: "templates-background", hostDirectives: [{ directive: BackgroundTemplateStore }], ngImport: i0, template: ``, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #fff;--background-color-SCOPED-IN-background-
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: BackgroundTemplate, isStandalone: true, selector: "templates-background", hostDirectives: [{ directive: BackgroundTemplateStore }], ngImport: i0, template: ``, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #fff;--background-color-SCOPED-IN-background-8HKk: var(--background-color);--on-background-color: hsl(0, 0%, 0%);--on-background-color-SCOPED-IN-background-8HKk: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-8HKk);color:var(--on-background-color-SCOPED-IN-background-8HKk)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
23
23
|
}
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BackgroundTemplate, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
args: [{ selector: 'templates-background', imports: [], template: ``, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
27
27
|
BackgroundTemplateStore,
|
|
28
|
-
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #fff;--background-color-SCOPED-IN-background-
|
|
28
|
+
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #fff;--background-color-SCOPED-IN-background-8HKk: var(--background-color);--on-background-color: hsl(0, 0%, 0%);--on-background-color-SCOPED-IN-background-8HKk: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-8HKk);color:var(--on-background-color-SCOPED-IN-background-8HKk)}\n"] }]
|
|
29
29
|
}] });
|
|
30
30
|
|
|
31
31
|
/**
|
|
@@ -51,7 +51,7 @@ class CodeEditorTemplate extends NgAtomicComponent {
|
|
|
51
51
|
contents
|
|
52
52
|
/>
|
|
53
53
|
</frames-scroll>
|
|
54
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-code-editor-
|
|
54
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-code-editor-ehzN: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-code-editor-ehzN: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-code-editor-ehzN: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-code-editor-ehzN: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-code-editor-ehzN: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-code-editor-ehzN: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-code-editor-ehzN: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-code-editor-ehzN: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-code-editor-ehzN: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-code-editor-ehzN);--navigator-background-color-SCOPED-IN-code-editor-ehzN: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-code-editor-ehzN);--navigator-on-background-color-SCOPED-IN-code-editor-ehzN: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-code-editor-ehzN);--table-background-color-SCOPED-IN-code-editor-ehzN: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-code-editor-ehzN);--table-on-background-color-SCOPED-IN-code-editor-ehzN: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-code-editor-ehzN: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-code-editor-ehzN: var(--max-first-content-height)}:host{display:block;width:100%;height:100%}:host extras-editor{height:100%;max-height:100%;font-size:14px}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-code-editor-ehzN);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-code-editor-ehzN)}:host *{--primary-color: var(--primary-color-SCOPED-IN-code-editor-ehzN);--on-primary-color: var(--on-primary-color-SCOPED-IN-code-editor-ehzN);--surface-color: var(--surface-color-SCOPED-IN-code-editor-ehzN);--on-surface-color: var(--on-surface-color-SCOPED-IN-code-editor-ehzN);--background-color: var(--background-color-SCOPED-IN-code-editor-ehzN);--on-background-color: var(--on-background-color-SCOPED-IN-code-editor-ehzN)}\n"], dependencies: [{ kind: "component", type: EditorComponent, selector: "extras-editor" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
55
55
|
}
|
|
56
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CodeEditorTemplate, decorators: [{
|
|
57
57
|
type: Component,
|
|
@@ -89,7 +89,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
89
89
|
}
|
|
90
90
|
], host: {
|
|
91
91
|
class: 'template',
|
|
92
|
-
}, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-code-editor-
|
|
92
|
+
}, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-code-editor-ehzN: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-code-editor-ehzN: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-code-editor-ehzN: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-code-editor-ehzN: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-code-editor-ehzN: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-code-editor-ehzN: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-code-editor-ehzN: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-code-editor-ehzN: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-code-editor-ehzN: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-code-editor-ehzN);--navigator-background-color-SCOPED-IN-code-editor-ehzN: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-code-editor-ehzN);--navigator-on-background-color-SCOPED-IN-code-editor-ehzN: var(--navigator-on-background-color);--table-background-color: var(--background-color-SCOPED-IN-code-editor-ehzN);--table-background-color-SCOPED-IN-code-editor-ehzN: var(--table-background-color);--table-on-background-color: var(--on-background-color-SCOPED-IN-code-editor-ehzN);--table-on-background-color-SCOPED-IN-code-editor-ehzN: var(--table-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-code-editor-ehzN: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-code-editor-ehzN: var(--max-first-content-height)}:host{display:block;width:100%;height:100%}:host extras-editor{height:100%;max-height:100%;font-size:14px}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-code-editor-ehzN);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-code-editor-ehzN)}:host *{--primary-color: var(--primary-color-SCOPED-IN-code-editor-ehzN);--on-primary-color: var(--on-primary-color-SCOPED-IN-code-editor-ehzN);--surface-color: var(--surface-color-SCOPED-IN-code-editor-ehzN);--on-surface-color: var(--on-surface-color-SCOPED-IN-code-editor-ehzN);--background-color: var(--background-color-SCOPED-IN-code-editor-ehzN);--on-background-color: var(--on-background-color-SCOPED-IN-code-editor-ehzN)}\n"] }]
|
|
93
93
|
}], propDecorators: { editor: [{ type: i0.ViewChild, args: [i0.forwardRef(() => EditorComponent), { isSignal: true }] }] } });
|
|
94
94
|
|
|
95
95
|
/**
|
|
@@ -98,7 +98,7 @@ class ColumnsTemplate extends NgAtomicComponent {
|
|
|
98
98
|
</mat-list>
|
|
99
99
|
</div>
|
|
100
100
|
</frames-scroll>
|
|
101
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-
|
|
101
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-Akll: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-Akll: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-Akll: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-Akll: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-Akll: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-Akll: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-Akll: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-Akll: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-Akll: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-Akll: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-Akll);--navigator-background-color-SCOPED-IN-columns-Akll: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-Akll);--navigator-on-background-color-SCOPED-IN-columns-Akll: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-Akll);color:var(--on-background-color-SCOPED-IN-columns-Akll)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-columns-Akll);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-Akll)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-Akll)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-Akll);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-Akll)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-Akll);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-Akll);--surface-color: var(--surface-color-SCOPED-IN-columns-Akll);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-Akll);--background-color: var(--background-color-SCOPED-IN-columns-Akll);--on-background-color: var(--on-background-color-SCOPED-IN-columns-Akll)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: DomainPipe, name: "domain" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
102
102
|
}
|
|
103
103
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ColumnsTemplate, decorators: [{
|
|
104
104
|
type: Component,
|
|
@@ -154,7 +154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
154
154
|
},
|
|
155
155
|
], host: {
|
|
156
156
|
class: 'template',
|
|
157
|
-
}, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-
|
|
157
|
+
}, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-Akll: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-Akll: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-Akll: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-Akll: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-Akll: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-Akll: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-Akll: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-Akll: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-Akll: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-Akll: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-Akll);--navigator-background-color-SCOPED-IN-columns-Akll: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-Akll);--navigator-on-background-color-SCOPED-IN-columns-Akll: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-Akll);color:var(--on-background-color-SCOPED-IN-columns-Akll)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-columns-Akll);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-Akll)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-Akll)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-Akll);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-Akll)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-Akll);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-Akll);--surface-color: var(--surface-color-SCOPED-IN-columns-Akll);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-Akll);--background-color: var(--background-color-SCOPED-IN-columns-Akll);--on-background-color: var(--on-background-color-SCOPED-IN-columns-Akll)}\n"] }]
|
|
158
158
|
}] });
|
|
159
159
|
|
|
160
160
|
/**
|
|
@@ -76,7 +76,7 @@ class EntranceTemplate extends NgAtomicComponent {
|
|
|
76
76
|
}
|
|
77
77
|
</frames-auto-layout>
|
|
78
78
|
</frames-card>
|
|
79
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-
|
|
79
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-KnZi: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-KnZi: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-KnZi: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-KnZi: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:transparent;color:var(--on-background-color-SCOPED-IN-entrance-KnZi);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;--background-color: rgba(255, 255, 255, .6);width:600px;max-width:calc(100% - 32px);height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-KnZi)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-KnZi)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap", "fieldKeys"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/organisms/action-buttons-section').then(m => m.ActionButtonsSectionOrganism)]] }); }
|
|
80
80
|
}
|
|
81
81
|
i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.1.6", ngImport: i0, type: EntranceTemplate, resolveDeferredDeps: () => [import('@ng-atomic/components/organisms/action-buttons-section').then(m => m.ActionButtonsSectionOrganism)], resolveMetadata: ActionButtonsSectionOrganism => ({ decorators: [{
|
|
82
82
|
type: Component,
|
|
@@ -118,7 +118,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.1.6", ng
|
|
|
118
118
|
'fieldMap',
|
|
119
119
|
],
|
|
120
120
|
},
|
|
121
|
-
], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-
|
|
121
|
+
], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-KnZi: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-KnZi: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-KnZi: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-KnZi: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:transparent;color:var(--on-background-color-SCOPED-IN-entrance-KnZi);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;--background-color: rgba(255, 255, 255, .6);width:600px;max-width:calc(100% - 32px);height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-KnZi)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-KnZi)}\n"] }]
|
|
122
122
|
}], ctorParameters: null, propDecorators: null }) });
|
|
123
123
|
|
|
124
124
|
/**
|
|
@@ -431,7 +431,7 @@ class NgAtomicFormSectionBuilder extends NgAtomicComponent {
|
|
|
431
431
|
(action)="dispatch($event)"
|
|
432
432
|
/>
|
|
433
433
|
}
|
|
434
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-builder-
|
|
434
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-builder-JAF7: var(--horizontal-padding);--vertical-padding: 0px;--vertical-padding-SCOPED-IN-form-builder-JAF7: var(--vertical-padding)}:host{display:contents}:host ng-atomic-form-section-switcher ::ng-deep>*{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-builder-JAF7);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-builder-JAF7)}\n"], dependencies: [{ kind: "component", type: NgAtomicFormSectionSwitcher, selector: "ng-atomic-form-section-switcher" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
435
435
|
}
|
|
436
436
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgAtomicFormSectionBuilder, decorators: [{
|
|
437
437
|
type: Component,
|
|
@@ -446,7 +446,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
446
446
|
(action)="dispatch($event)"
|
|
447
447
|
/>
|
|
448
448
|
}
|
|
449
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-builder-
|
|
449
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-builder-JAF7: var(--horizontal-padding);--vertical-padding: 0px;--vertical-padding-SCOPED-IN-form-builder-JAF7: var(--vertical-padding)}:host{display:contents}:host ng-atomic-form-section-switcher ::ng-deep>*{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-builder-JAF7);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-builder-JAF7)}\n"] }]
|
|
450
450
|
}], ctorParameters: () => [], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], formFlatExcludes: [{ type: i0.Input, args: [{ isSignal: true, alias: "formFlatExcludes", required: false }] }], fieldMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldMap", required: true }] }], fieldKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldKeys", required: false }] }] } });
|
|
451
451
|
|
|
452
452
|
var ActionId;
|
|
@@ -546,7 +546,7 @@ class FormTemplate extends NgAtomicComponent {
|
|
|
546
546
|
</frames-auto-layout>
|
|
547
547
|
</frames-divider>
|
|
548
548
|
</frames-scroll>
|
|
549
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-
|
|
549
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-Mx7r: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-Mx7r: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-Mx7r: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-Mx7r: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-Mx7r: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-Mx7r: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-Mx7r: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-Mx7r: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-Mx7r: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-Mx7r: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-Mx7r);--navigator-background-color-SCOPED-IN-form-Mx7r: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-Mx7r);--navigator-on-background-color-SCOPED-IN-form-Mx7r: var(--navigator-on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-form-Mx7r: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-form-Mx7r: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-form-Mx7r: var(--max-first-content-height)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-Mx7r);color:var(--on-background-color-SCOPED-IN-form-Mx7r)}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-form-Mx7r);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-form-Mx7r)}:host frames-auto-layout{display:flex;justify-content:flex-start;height:fit-content;--gap: var(--gap-SCOPED-IN-form-Mx7r);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-Mx7r);overflow:scroll}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-Mx7r)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-Mx7r);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-Mx7r)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-Mx7r);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-Mx7r);--surface-color: var(--surface-color-SCOPED-IN-form-Mx7r);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-Mx7r);--background-color: var(--background-color-SCOPED-IN-form-Mx7r);--on-background-color: var(--on-background-color-SCOPED-IN-form-Mx7r)}\n"], dependencies: [{ kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap", "fieldKeys"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "directive", type: ActionButtonsSectionOrganismStore, selector: "organisms-action-buttons-section", inputs: ["actions", "type"] }, { kind: "component", type: DividerFrame, selector: "frames-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
550
550
|
}
|
|
551
551
|
__decorate([
|
|
552
552
|
Effect(NavActionId.BACK),
|
|
@@ -612,7 +612,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
612
612
|
'fieldKeys',
|
|
613
613
|
],
|
|
614
614
|
},
|
|
615
|
-
], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-
|
|
615
|
+
], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-Mx7r: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-Mx7r: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-Mx7r: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-Mx7r: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-Mx7r: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-Mx7r: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-Mx7r: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-Mx7r: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-Mx7r: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-Mx7r: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-Mx7r);--navigator-background-color-SCOPED-IN-form-Mx7r: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-Mx7r);--navigator-on-background-color-SCOPED-IN-form-Mx7r: var(--navigator-on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-form-Mx7r: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-form-Mx7r: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-form-Mx7r: var(--max-first-content-height)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-Mx7r);color:var(--on-background-color-SCOPED-IN-form-Mx7r)}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-form-Mx7r);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-form-Mx7r)}:host frames-auto-layout{display:flex;justify-content:flex-start;height:fit-content;--gap: var(--gap-SCOPED-IN-form-Mx7r);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-Mx7r);overflow:scroll}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-Mx7r)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-Mx7r);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-Mx7r)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-Mx7r);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-Mx7r);--surface-color: var(--surface-color-SCOPED-IN-form-Mx7r);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-Mx7r);--background-color: var(--background-color-SCOPED-IN-form-Mx7r);--on-background-color: var(--on-background-color-SCOPED-IN-form-Mx7r)}\n"] }]
|
|
616
616
|
}], propDecorators: { back: [], fileSelected: [] } });
|
|
617
617
|
|
|
618
618
|
/**
|
|
@@ -61,7 +61,7 @@ class IconButtonMenuTemplate extends NgAtomicComponent {
|
|
|
61
61
|
</button>
|
|
62
62
|
}
|
|
63
63
|
</div>
|
|
64
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-
|
|
64
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-yWzf: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-yWzf: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-yWzf: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-yWzf: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-yWzf: var(--on-background-color);--mat-icon-button-icon-color: #FEFEFE;--mat-icon-button-icon-color-SCOPED-IN-icon-button-menu-yWzf: 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-yWzf);color:var(--on-background-color-SCOPED-IN-icon-button-menu-yWzf)}: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-yWzf);cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
65
65
|
}
|
|
66
66
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: IconButtonMenuTemplate, decorators: [{
|
|
67
67
|
type: Component,
|
|
@@ -107,7 +107,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
107
107
|
'topPadding',
|
|
108
108
|
],
|
|
109
109
|
},
|
|
110
|
-
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-
|
|
110
|
+
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-yWzf: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-yWzf: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-yWzf: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-yWzf: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-yWzf: var(--on-background-color);--mat-icon-button-icon-color: #FEFEFE;--mat-icon-button-icon-color-SCOPED-IN-icon-button-menu-yWzf: 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-yWzf);color:var(--on-background-color-SCOPED-IN-icon-button-menu-yWzf)}: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-yWzf);cursor:pointer}\n"] }]
|
|
111
111
|
}] });
|
|
112
112
|
|
|
113
113
|
/**
|
|
@@ -46,7 +46,7 @@ class MenuTemplate extends NgAtomicComponent {
|
|
|
46
46
|
}
|
|
47
47
|
<organisms-menu-footer injectable/>
|
|
48
48
|
</div>
|
|
49
|
-
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-
|
|
49
|
+
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-iQ5F: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-iQ5F: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-iQ5F: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-iQ5F: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-iQ5F: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-iQ5F: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-iQ5F: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-iQ5F: var(--width);--height: 100%;--height-SCOPED-IN-menu-iQ5F: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-iQ5F);height:var(--height-SCOPED-IN-menu-iQ5F);color:var(--on-background-color-SCOPED-IN-menu-iQ5F);background-color:var(--background-color-SCOPED-IN-menu-iQ5F);transition:background-color .5s ease-in-out,width .5s}:host .bottom{display:flex;flex-direction:column}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-iQ5F);--background-color: var(--background-color-SCOPED-IN-menu-iQ5F);--surface-color: var(--surface-color-SCOPED-IN-menu-iQ5F);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-iQ5F);--on-background-color: var(--on-background-color-SCOPED-IN-menu-iQ5F);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-iQ5F)}\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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
50
50
|
}
|
|
51
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MenuTemplate, decorators: [{
|
|
52
52
|
type: Component,
|
|
@@ -76,7 +76,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
76
76
|
directive: MenuTemplateStore,
|
|
77
77
|
inputs: ['actions', 'bottomActions', 'title'],
|
|
78
78
|
},
|
|
79
|
-
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-
|
|
79
|
+
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-iQ5F: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-iQ5F: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-iQ5F: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-iQ5F: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-iQ5F: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-iQ5F: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-iQ5F: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-iQ5F: var(--width);--height: 100%;--height-SCOPED-IN-menu-iQ5F: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-iQ5F);height:var(--height-SCOPED-IN-menu-iQ5F);color:var(--on-background-color-SCOPED-IN-menu-iQ5F);background-color:var(--background-color-SCOPED-IN-menu-iQ5F);transition:background-color .5s ease-in-out,width .5s}:host .bottom{display:flex;flex-direction:column}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-iQ5F);--background-color: var(--background-color-SCOPED-IN-menu-iQ5F);--surface-color: var(--surface-color-SCOPED-IN-menu-iQ5F);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-iQ5F);--on-background-color: var(--on-background-color-SCOPED-IN-menu-iQ5F);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-iQ5F)}\n"] }]
|
|
80
80
|
}] });
|
|
81
81
|
|
|
82
82
|
/**
|
|
@@ -70,7 +70,7 @@ class SelectionTemplate extends NgAtomicComponent {
|
|
|
70
70
|
bottom
|
|
71
71
|
/>
|
|
72
72
|
</frames-scroll>
|
|
73
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-
|
|
73
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-5Zbr: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-5Zbr: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-5Zbr: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-5Zbr: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-5Zbr: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-5Zbr: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-5Zbr: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-5Zbr: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-5Zbr: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-5Zbr);--navigator-background-color-SCOPED-IN-selection-5Zbr: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-5Zbr);--navigator-on-background-color-SCOPED-IN-selection-5Zbr: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-5Zbr: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-5Zbr: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-5Zbr);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-selection-5Zbr);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-5Zbr)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-5Zbr);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-5Zbr);--surface-color: var(--surface-color-SCOPED-IN-selection-5Zbr);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-5Zbr);--background-color: var(--background-color-SCOPED-IN-selection-5Zbr);--on-background-color: var(--on-background-color-SCOPED-IN-selection-5Zbr)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-5Zbr);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-5Zbr)}:host organisms-action-buttons-section{margin-bottom:24px}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "component", type: HeaderMolecule, selector: "molecules-header" }, { kind: "component", type: SelectionListOrganism, selector: "organisms-selection-list", inputs: ["items", "itemActions", "selection"] }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
74
74
|
}
|
|
75
75
|
__decorate([
|
|
76
76
|
Effect(SelectionListOrganism.ActionId.TOGGLE_OPTION),
|
|
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
114
114
|
directive: SelectionTemplateStore,
|
|
115
115
|
inputs: ['navStartActions', 'navEndActions', 'actions', 'itemActions', 'title', 'items', 'selection'],
|
|
116
116
|
},
|
|
117
|
-
], host: { class: 'template' }, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-
|
|
117
|
+
], host: { class: 'template' }, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-5Zbr: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-5Zbr: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-5Zbr: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-5Zbr: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-5Zbr: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-5Zbr: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-5Zbr: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-5Zbr: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-5Zbr: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-5Zbr);--navigator-background-color-SCOPED-IN-selection-5Zbr: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-5Zbr);--navigator-on-background-color-SCOPED-IN-selection-5Zbr: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-5Zbr: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-5Zbr: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-5Zbr);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-selection-5Zbr);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-5Zbr)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-5Zbr);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-5Zbr);--surface-color: var(--surface-color-SCOPED-IN-selection-5Zbr);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-5Zbr);--background-color: var(--background-color-SCOPED-IN-selection-5Zbr);--on-background-color: var(--on-background-color-SCOPED-IN-selection-5Zbr)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-5Zbr);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-5Zbr)}:host organisms-action-buttons-section{margin-bottom:24px}\n"] }]
|
|
118
118
|
}], propDecorators: { toggleOption: [] } });
|
|
119
119
|
|
|
120
120
|
/**
|
|
@@ -65,7 +65,7 @@ class SettingsTemplate extends NgAtomicComponent {
|
|
|
65
65
|
</mat-list-item>
|
|
66
66
|
</mat-list>
|
|
67
67
|
</div>
|
|
68
|
-
</frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-settings-
|
|
68
|
+
</frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-settings-dTBL: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-settings-dTBL: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-settings-dTBL: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-settings-dTBL: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-settings-dTBL: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-settings-dTBL: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-settings-dTBL: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-settings-dTBL);--navigator-background-color-SCOPED-IN-settings-dTBL: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-settings-dTBL);--navigator-on-background-color-SCOPED-IN-settings-dTBL: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-settings-dTBL);--on-primary-color: var(--on-primary-color-SCOPED-IN-settings-dTBL);--surface-color: var(--surface-color-SCOPED-IN-settings-dTBL);--on-surface-color: var(--on-surface-color-SCOPED-IN-settings-dTBL);--background-color: var(--background-color-SCOPED-IN-settings-dTBL);--on-background-color: var(--on-background-color-SCOPED-IN-settings-dTBL)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-settings-dTBL);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-settings-dTBL)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
69
69
|
}
|
|
70
70
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SettingsTemplate, decorators: [{
|
|
71
71
|
type: Component,
|
|
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
114
114
|
</div>
|
|
115
115
|
</frames-scroll>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
116
116
|
class: 'template'
|
|
117
|
-
}, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-settings-
|
|
117
|
+
}, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-settings-dTBL: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-settings-dTBL: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-settings-dTBL: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-settings-dTBL: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-settings-dTBL: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-settings-dTBL: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-settings-dTBL: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-settings-dTBL);--navigator-background-color-SCOPED-IN-settings-dTBL: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-settings-dTBL);--navigator-on-background-color-SCOPED-IN-settings-dTBL: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-settings-dTBL);--on-primary-color: var(--on-primary-color-SCOPED-IN-settings-dTBL);--surface-color: var(--surface-color-SCOPED-IN-settings-dTBL);--on-surface-color: var(--on-surface-color-SCOPED-IN-settings-dTBL);--background-color: var(--background-color-SCOPED-IN-settings-dTBL);--on-background-color: var(--on-background-color-SCOPED-IN-settings-dTBL)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-settings-dTBL);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-settings-dTBL)}\n"] }]
|
|
118
118
|
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], navStartActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "navStartActions", required: false }] }] } });
|
|
119
119
|
|
|
120
120
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ng-atomic/components",
|
|
3
|
-
"version": "20.
|
|
3
|
+
"version": "20.21.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/animations": "19.1.4",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"@codemirror/state": "^6.0.0",
|
|
17
17
|
"@codemirror/theme-one-dark": "^6.0.0",
|
|
18
18
|
"@codemirror/view": "^6.0.0",
|
|
19
|
-
"@ng-atomic/common": "20.
|
|
19
|
+
"@ng-atomic/common": "20.21.2",
|
|
20
20
|
"@webcontainer/api": "^1.1.7",
|
|
21
21
|
"cm6-graphql": "^0.0.4",
|
|
22
22
|
"codemirror": "^6.0.0",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"resize-observer-polyfill": "^1.5.1",
|
|
30
30
|
"rxjs": "^7.0.0",
|
|
31
31
|
"xterm": "^5.3.0",
|
|
32
|
-
"@ng-atomic/core": "20.
|
|
32
|
+
"@ng-atomic/core": "20.21.2",
|
|
33
33
|
"@codemirror/lang-json": "^6.0.1",
|
|
34
34
|
"ngxtension": "^2.0.0",
|
|
35
35
|
"d3": "7.9.0",
|