@ng-atomic/components 19.0.0-preview.6 → 19.0.0-preview.7
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-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-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 +2 -2
- 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 -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-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 +26 -26
- package/styles/atomic/_atom.scss +5 -0
- package/styles/atomic/_component.scss +3 -0
- package/styles/atomic/_frame.scss +5 -0
- package/styles/atomic/_molecule.scss +6 -0
- package/styles/atomic/_organism.scss +6 -0
- package/styles/atomic/_page.scss +10 -0
- package/styles/atomic/_template.scss +9 -0
- package/styles/palette.scss +34 -0
- package/styles/styles.scss +58 -0
|
@@ -419,7 +419,7 @@ class NgAtomicFormSectionBuilder extends NgAtomicComponent {
|
|
|
419
419
|
(action)="dispatch($event)"
|
|
420
420
|
/>
|
|
421
421
|
}
|
|
422
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-builder-
|
|
422
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-builder-EQ9i: var(--horizontal-padding);--vertical-padding: 0px;--vertical-padding-SCOPED-IN-form-builder-EQ9i: var(--vertical-padding)}:host{display:contents}:host ng-atomic-form-section-switcher ::ng-deep>*{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-builder-EQ9i);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-builder-EQ9i)}\n"], dependencies: [{ kind: "component", type: NgAtomicFormSectionSwitcher, selector: "ng-atomic-form-section-switcher" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
423
423
|
}
|
|
424
424
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgAtomicFormSectionBuilder, decorators: [{
|
|
425
425
|
type: Component,
|
|
@@ -434,7 +434,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
434
434
|
(action)="dispatch($event)"
|
|
435
435
|
/>
|
|
436
436
|
}
|
|
437
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-builder-
|
|
437
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-builder-EQ9i: var(--horizontal-padding);--vertical-padding: 0px;--vertical-padding-SCOPED-IN-form-builder-EQ9i: var(--vertical-padding)}:host{display:contents}:host ng-atomic-form-section-switcher ::ng-deep>*{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-builder-EQ9i);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-builder-EQ9i)}\n"] }]
|
|
438
438
|
}], ctorParameters: () => [] });
|
|
439
439
|
|
|
440
440
|
var ActionId;
|
|
@@ -532,7 +532,7 @@ class FormTemplate extends NgAtomicComponent {
|
|
|
532
532
|
</frames-auto-layout>
|
|
533
533
|
</frames-divider>
|
|
534
534
|
</frames-scroll>
|
|
535
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-
|
|
535
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-yv18: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-yv18: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-yv18: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-yv18: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-yv18: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-yv18: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-yv18: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-yv18: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-yv18: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-yv18: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-yv18);--navigator-background-color-SCOPED-IN-form-yv18: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-yv18);--navigator-on-background-color-SCOPED-IN-form-yv18: var(--navigator-on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-form-yv18: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-form-yv18: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-form-yv18: var(--max-first-content-height)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-yv18);color:var(--on-background-color-SCOPED-IN-form-yv18)}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-form-yv18);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-form-yv18)}:host frames-auto-layout{display:flex;justify-content:flex-start;height:fit-content;--gap: var(--gap-SCOPED-IN-form-yv18);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-yv18);overflow:scroll}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-yv18)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-yv18);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-yv18)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-yv18);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-yv18);--surface-color: var(--surface-color-SCOPED-IN-form-yv18);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-yv18);--background-color: var(--background-color-SCOPED-IN-form-yv18);--on-background-color: var(--on-background-color-SCOPED-IN-form-yv18)}\n"], dependencies: [{ kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap"] }, { 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 }); }
|
|
536
536
|
}
|
|
537
537
|
__decorate([
|
|
538
538
|
Effect(NavActionId.BACK),
|
|
@@ -596,7 +596,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
596
596
|
'fieldMap',
|
|
597
597
|
],
|
|
598
598
|
},
|
|
599
|
-
], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-
|
|
599
|
+
], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-yv18: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-yv18: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-yv18: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-yv18: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-yv18: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-yv18: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-yv18: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-yv18: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-yv18: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-yv18: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-yv18);--navigator-background-color-SCOPED-IN-form-yv18: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-yv18);--navigator-on-background-color-SCOPED-IN-form-yv18: var(--navigator-on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-form-yv18: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-form-yv18: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-form-yv18: var(--max-first-content-height)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-yv18);color:var(--on-background-color-SCOPED-IN-form-yv18)}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-form-yv18);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-form-yv18)}:host frames-auto-layout{display:flex;justify-content:flex-start;height:fit-content;--gap: var(--gap-SCOPED-IN-form-yv18);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-yv18);overflow:scroll}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-yv18)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-yv18);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-yv18)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-yv18);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-yv18);--surface-color: var(--surface-color-SCOPED-IN-form-yv18);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-yv18);--background-color: var(--background-color-SCOPED-IN-form-yv18);--on-background-color: var(--on-background-color-SCOPED-IN-form-yv18)}\n"] }]
|
|
600
600
|
}], propDecorators: { back: [], fileSelected: [] } });
|
|
601
601
|
|
|
602
602
|
/**
|
|
@@ -60,7 +60,7 @@ class IconButtonMenuTemplate extends NgAtomicComponent {
|
|
|
60
60
|
</button>
|
|
61
61
|
}
|
|
62
62
|
</div>
|
|
63
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-
|
|
63
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-LQJM: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-LQJM: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-LQJM: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-LQJM: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-LQJM: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-LQJM: var(--mdc-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-LQJM);color:var(--on-background-color-SCOPED-IN-icon-button-menu-LQJM)}: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-LQJM);cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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 }); }
|
|
64
64
|
}
|
|
65
65
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: IconButtonMenuTemplate, decorators: [{
|
|
66
66
|
type: Component,
|
|
@@ -105,7 +105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
105
105
|
'bottomActions',
|
|
106
106
|
],
|
|
107
107
|
},
|
|
108
|
-
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-
|
|
108
|
+
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-LQJM: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-LQJM: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-LQJM: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-LQJM: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-LQJM: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-LQJM: var(--mdc-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-LQJM);color:var(--on-background-color-SCOPED-IN-icon-button-menu-LQJM)}: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-LQJM);cursor:pointer}\n"] }]
|
|
109
109
|
}] });
|
|
110
110
|
|
|
111
111
|
/**
|
|
@@ -37,7 +37,7 @@ class MenuTemplate extends NgAtomicComponent {
|
|
|
37
37
|
/>
|
|
38
38
|
</div>
|
|
39
39
|
<organisms-menu-footer injectable/>
|
|
40
|
-
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-
|
|
40
|
+
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-KZRs: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-KZRs: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-KZRs: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-KZRs: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-KZRs: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-KZRs: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-KZRs: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-KZRs: var(--width);--height: 100%;--height-SCOPED-IN-menu-KZRs: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-KZRs);height:var(--height-SCOPED-IN-menu-KZRs);color:var(--on-background-color-SCOPED-IN-menu-KZRs);background-color:var(--background-color-SCOPED-IN-menu-KZRs);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-KZRs);--background-color: var(--background-color-SCOPED-IN-menu-KZRs);--surface-color: var(--surface-color-SCOPED-IN-menu-KZRs);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-KZRs);--on-background-color: var(--on-background-color-SCOPED-IN-menu-KZRs);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-KZRs)}\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 }); }
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MenuTemplate, decorators: [{
|
|
43
43
|
type: Component,
|
|
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
59
59
|
directive: MenuTemplateStore,
|
|
60
60
|
inputs: ['actions', 'title'],
|
|
61
61
|
},
|
|
62
|
-
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-
|
|
62
|
+
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-KZRs: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-KZRs: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-KZRs: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-KZRs: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-KZRs: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-KZRs: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-KZRs: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-KZRs: var(--width);--height: 100%;--height-SCOPED-IN-menu-KZRs: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-KZRs);height:var(--height-SCOPED-IN-menu-KZRs);color:var(--on-background-color-SCOPED-IN-menu-KZRs);background-color:var(--background-color-SCOPED-IN-menu-KZRs);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-KZRs);--background-color: var(--background-color-SCOPED-IN-menu-KZRs);--surface-color: var(--surface-color-SCOPED-IN-menu-KZRs);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-KZRs);--on-background-color: var(--on-background-color-SCOPED-IN-menu-KZRs);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-KZRs)}\n"] }]
|
|
63
63
|
}] });
|
|
64
64
|
|
|
65
65
|
/**
|
|
@@ -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-UnGF: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-UnGF: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-UnGF: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-UnGF: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-UnGF: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-UnGF: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-UnGF: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-UnGF: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-UnGF: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-UnGF);--navigator-background-color-SCOPED-IN-selection-UnGF: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-UnGF);--navigator-on-background-color-SCOPED-IN-selection-UnGF: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-UnGF: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-UnGF: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-UnGF);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-UnGF);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-UnGF)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-UnGF);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-UnGF);--surface-color: var(--surface-color-SCOPED-IN-selection-UnGF);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-UnGF);--background-color: var(--background-color-SCOPED-IN-selection-UnGF);--on-background-color: var(--on-background-color-SCOPED-IN-selection-UnGF)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-UnGF);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-UnGF)}: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: "19.1.4", 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-UnGF: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-UnGF: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-UnGF: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-UnGF: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-UnGF: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-UnGF: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-UnGF: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-UnGF: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-UnGF: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-UnGF);--navigator-background-color-SCOPED-IN-selection-UnGF: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-UnGF);--navigator-on-background-color-SCOPED-IN-selection-UnGF: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-UnGF: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-UnGF: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-UnGF);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-UnGF);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-UnGF)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-UnGF);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-UnGF);--surface-color: var(--surface-color-SCOPED-IN-selection-UnGF);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-UnGF);--background-color: var(--background-color-SCOPED-IN-selection-UnGF);--on-background-color: var(--on-background-color-SCOPED-IN-selection-UnGF)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-UnGF);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-UnGF)}: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-%COMP%-
|
|
68
|
+
</frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-zVSs: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-zVSs: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-zVSs: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-zVSs: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-zVSs: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-zVSs: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-zVSs: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-zVSs);--navigator-background-color-SCOPED-IN-%COMP%-zVSs: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-zVSs);--navigator-on-background-color-SCOPED-IN-%COMP%-zVSs: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-zVSs);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-zVSs);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-zVSs);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-zVSs);--background-color: var(--background-color-SCOPED-IN-%COMP%-zVSs);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-zVSs)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-zVSs);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-zVSs)}\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: "19.1.4", ngImport: i0, type: SettingsTemplate, decorators: [{
|
|
71
71
|
type: Component,
|
|
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", 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-%COMP%-
|
|
117
|
+
}, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-zVSs: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-zVSs: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-zVSs: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-zVSs: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-zVSs: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-zVSs: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-zVSs: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-zVSs);--navigator-background-color-SCOPED-IN-%COMP%-zVSs: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-zVSs);--navigator-on-background-color-SCOPED-IN-%COMP%-zVSs: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-zVSs);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-zVSs);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-zVSs);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-zVSs);--background-color: var(--background-color-SCOPED-IN-%COMP%-zVSs);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-zVSs)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-zVSs);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-zVSs)}\n"] }]
|
|
118
118
|
}] });
|
|
119
119
|
|
|
120
120
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ng-atomic/components",
|
|
3
|
-
"version": "19.0.0-preview.
|
|
3
|
+
"version": "19.0.0-preview.7",
|
|
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": "19.0.0-preview.
|
|
19
|
+
"@ng-atomic/common": "19.0.0-preview.7",
|
|
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": "19.0.0-preview.
|
|
32
|
+
"@ng-atomic/core": "19.0.0-preview.7",
|
|
33
33
|
"@codemirror/lang-json": "^6.0.1",
|
|
34
34
|
"ngxtension": "^2.0.0",
|
|
35
35
|
"d3": "7.9.0",
|
|
@@ -270,14 +270,14 @@
|
|
|
270
270
|
"types": "./organisms/card-input-section/index.d.ts",
|
|
271
271
|
"default": "./fesm2022/ng-atomic-components-organisms-card-input-section.mjs"
|
|
272
272
|
},
|
|
273
|
-
"./organisms/cvc-and-exp-input-section": {
|
|
274
|
-
"types": "./organisms/cvc-and-exp-input-section/index.d.ts",
|
|
275
|
-
"default": "./fesm2022/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs"
|
|
276
|
-
},
|
|
277
273
|
"./organisms/chips-input-section": {
|
|
278
274
|
"types": "./organisms/chips-input-section/index.d.ts",
|
|
279
275
|
"default": "./fesm2022/ng-atomic-components-organisms-chips-input-section.mjs"
|
|
280
276
|
},
|
|
277
|
+
"./organisms/cvc-and-exp-input-section": {
|
|
278
|
+
"types": "./organisms/cvc-and-exp-input-section/index.d.ts",
|
|
279
|
+
"default": "./fesm2022/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs"
|
|
280
|
+
},
|
|
281
281
|
"./organisms/date-input-section": {
|
|
282
282
|
"types": "./organisms/date-input-section/index.d.ts",
|
|
283
283
|
"default": "./fesm2022/ng-atomic-components-organisms-date-input-section.mjs"
|
|
@@ -322,14 +322,14 @@
|
|
|
322
322
|
"types": "./organisms/list/index.d.ts",
|
|
323
323
|
"default": "./fesm2022/ng-atomic-components-organisms-list.mjs"
|
|
324
324
|
},
|
|
325
|
-
"./organisms/markdown-preview-section": {
|
|
326
|
-
"types": "./organisms/markdown-preview-section/index.d.ts",
|
|
327
|
-
"default": "./fesm2022/ng-atomic-components-organisms-markdown-preview-section.mjs"
|
|
328
|
-
},
|
|
329
325
|
"./organisms/menu-footer": {
|
|
330
326
|
"types": "./organisms/menu-footer/index.d.ts",
|
|
331
327
|
"default": "./fesm2022/ng-atomic-components-organisms-menu-footer.mjs"
|
|
332
328
|
},
|
|
329
|
+
"./organisms/markdown-preview-section": {
|
|
330
|
+
"types": "./organisms/markdown-preview-section/index.d.ts",
|
|
331
|
+
"default": "./fesm2022/ng-atomic-components-organisms-markdown-preview-section.mjs"
|
|
332
|
+
},
|
|
333
333
|
"./organisms/menu-header": {
|
|
334
334
|
"types": "./organisms/menu-header/index.d.ts",
|
|
335
335
|
"default": "./fesm2022/ng-atomic-components-organisms-menu-header.mjs"
|
|
@@ -342,14 +342,14 @@
|
|
|
342
342
|
"types": "./organisms/message-input-section/index.d.ts",
|
|
343
343
|
"default": "./fesm2022/ng-atomic-components-organisms-message-input-section.mjs"
|
|
344
344
|
},
|
|
345
|
-
"./organisms/navigation-list": {
|
|
346
|
-
"types": "./organisms/navigation-list/index.d.ts",
|
|
347
|
-
"default": "./fesm2022/ng-atomic-components-organisms-navigation-list.mjs"
|
|
348
|
-
},
|
|
349
345
|
"./organisms/messages-section": {
|
|
350
346
|
"types": "./organisms/messages-section/index.d.ts",
|
|
351
347
|
"default": "./fesm2022/ng-atomic-components-organisms-messages-section.mjs"
|
|
352
348
|
},
|
|
349
|
+
"./organisms/navigation-list": {
|
|
350
|
+
"types": "./organisms/navigation-list/index.d.ts",
|
|
351
|
+
"default": "./fesm2022/ng-atomic-components-organisms-navigation-list.mjs"
|
|
352
|
+
},
|
|
353
353
|
"./organisms/navigator": {
|
|
354
354
|
"types": "./organisms/navigator/index.d.ts",
|
|
355
355
|
"default": "./fesm2022/ng-atomic-components-organisms-navigator.mjs"
|
|
@@ -386,14 +386,14 @@
|
|
|
386
386
|
"types": "./organisms/stripe-input-section/index.d.ts",
|
|
387
387
|
"default": "./fesm2022/ng-atomic-components-organisms-stripe-input-section.mjs"
|
|
388
388
|
},
|
|
389
|
-
"./organisms/table": {
|
|
390
|
-
"types": "./organisms/table/index.d.ts",
|
|
391
|
-
"default": "./fesm2022/ng-atomic-components-organisms-table.mjs"
|
|
392
|
-
},
|
|
393
389
|
"./organisms/terminal": {
|
|
394
390
|
"types": "./organisms/terminal/index.d.ts",
|
|
395
391
|
"default": "./fesm2022/ng-atomic-components-organisms-terminal.mjs"
|
|
396
392
|
},
|
|
393
|
+
"./organisms/table": {
|
|
394
|
+
"types": "./organisms/table/index.d.ts",
|
|
395
|
+
"default": "./fesm2022/ng-atomic-components-organisms-table.mjs"
|
|
396
|
+
},
|
|
397
397
|
"./organisms/text-input-section": {
|
|
398
398
|
"types": "./organisms/text-input-section/index.d.ts",
|
|
399
399
|
"default": "./fesm2022/ng-atomic-components-organisms-text-input-section.mjs"
|
|
@@ -498,21 +498,21 @@
|
|
|
498
498
|
"types": "./templates/messages/index.d.ts",
|
|
499
499
|
"default": "./fesm2022/ng-atomic-components-templates-messages.mjs"
|
|
500
500
|
},
|
|
501
|
-
"./templates/settings": {
|
|
502
|
-
"types": "./templates/settings/index.d.ts",
|
|
503
|
-
"default": "./fesm2022/ng-atomic-components-templates-settings.mjs"
|
|
504
|
-
},
|
|
505
501
|
"./templates/selection": {
|
|
506
502
|
"types": "./templates/selection/index.d.ts",
|
|
507
503
|
"default": "./fesm2022/ng-atomic-components-templates-selection.mjs"
|
|
508
504
|
},
|
|
509
|
-
"./templates/
|
|
510
|
-
"types": "./templates/
|
|
511
|
-
"default": "./fesm2022/ng-atomic-components-templates-
|
|
505
|
+
"./templates/settings": {
|
|
506
|
+
"types": "./templates/settings/index.d.ts",
|
|
507
|
+
"default": "./fesm2022/ng-atomic-components-templates-settings.mjs"
|
|
512
508
|
},
|
|
513
509
|
"./templates/tab-editor": {
|
|
514
510
|
"types": "./templates/tab-editor/index.d.ts",
|
|
515
511
|
"default": "./fesm2022/ng-atomic-components-templates-tab-editor.mjs"
|
|
512
|
+
},
|
|
513
|
+
"./templates/term": {
|
|
514
|
+
"types": "./templates/term/index.d.ts",
|
|
515
|
+
"default": "./fesm2022/ng-atomic-components-templates-term.mjs"
|
|
516
516
|
}
|
|
517
517
|
},
|
|
518
518
|
"sideEffects": false
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/* For use in src/lib/core/theming/_palette.scss */
|
|
2
|
+
$md-palette: (
|
|
3
|
+
50 : #e8e8e8,
|
|
4
|
+
100 : #c6c6c6,
|
|
5
|
+
200 : #a0a0a0,
|
|
6
|
+
300 : #797979,
|
|
7
|
+
400 : #5d5d5d,
|
|
8
|
+
500 : #404040,
|
|
9
|
+
600 : #3a3a3a,
|
|
10
|
+
700 : #323232,
|
|
11
|
+
800 : #2a2a2a,
|
|
12
|
+
900 : #1c1c1c,
|
|
13
|
+
A100 : #f07777,
|
|
14
|
+
A200 : #eb4949,
|
|
15
|
+
A400 : #ff0202,
|
|
16
|
+
A700 : #e70000,
|
|
17
|
+
contrast: (
|
|
18
|
+
50 : #000000,
|
|
19
|
+
100 : #000000,
|
|
20
|
+
200 : #000000,
|
|
21
|
+
300 : #ffffff,
|
|
22
|
+
400 : #ffffff,
|
|
23
|
+
500 : #ffffff,
|
|
24
|
+
600 : #ffffff,
|
|
25
|
+
700 : #ffffff,
|
|
26
|
+
800 : #ffffff,
|
|
27
|
+
900 : #ffffff,
|
|
28
|
+
A100 : #000000,
|
|
29
|
+
A200 : #ffffff,
|
|
30
|
+
A400 : #ffffff,
|
|
31
|
+
A700 : #ffffff,
|
|
32
|
+
)
|
|
33
|
+
);
|
|
34
|
+
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
// @use '@angular/material/theming' as *;
|
|
2
|
+
@use '@angular/material' as mat;
|
|
3
|
+
@use './palette.scss' as palettes;
|
|
4
|
+
@use "angular-material-css-vars" as mat-css-vars;
|
|
5
|
+
|
|
6
|
+
$my-typography: mat.m2-define-typography-config();
|
|
7
|
+
|
|
8
|
+
@include mat.core();
|
|
9
|
+
// basicはデフォルト
|
|
10
|
+
$app-basic: mat.m2-define-palette(mat.$m2-grey-palette, 100, 900, A100);
|
|
11
|
+
$app-primary: mat.m2-define-palette(palettes.$md-palette, 500);
|
|
12
|
+
$app-accent: mat.m2-define-palette(palettes.$md-palette, A100);
|
|
13
|
+
$app-warn: mat.m2-define-palette(mat.$m2-pink-palette, 500, 900, A100);
|
|
14
|
+
$app-theme: mat.m2-define-light-theme((
|
|
15
|
+
color: (
|
|
16
|
+
primary: $app-primary,
|
|
17
|
+
accent: $app-accent,
|
|
18
|
+
warn: $app-warn,
|
|
19
|
+
basic: $app-basic
|
|
20
|
+
),
|
|
21
|
+
typography: $my-typography
|
|
22
|
+
));
|
|
23
|
+
@include mat.all-component-themes($app-theme);
|
|
24
|
+
|
|
25
|
+
@include mat-css-vars.init-material-css-vars();
|
|
26
|
+
|
|
27
|
+
:root {
|
|
28
|
+
--app-width: 100%;
|
|
29
|
+
--app-height: 100%;
|
|
30
|
+
--gap: 1px;
|
|
31
|
+
--template-gap: 16px;
|
|
32
|
+
--menu-width: 220px;
|
|
33
|
+
--horizontal-padding: 16px;
|
|
34
|
+
--vertical-padding: 24px;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
body {
|
|
38
|
+
position: fixed;
|
|
39
|
+
top: 0;
|
|
40
|
+
left: 0;
|
|
41
|
+
|
|
42
|
+
width: 100vw;
|
|
43
|
+
height: 100dvh;
|
|
44
|
+
|
|
45
|
+
display: flex;
|
|
46
|
+
justify-content: center;
|
|
47
|
+
align-items: center;
|
|
48
|
+
|
|
49
|
+
margin: 0;
|
|
50
|
+
|
|
51
|
+
background-color: black;
|
|
52
|
+
font-family: Roboto, "Helvetica Neue", sans-serif;
|
|
53
|
+
|
|
54
|
+
::selection {
|
|
55
|
+
color: var(--selection-color);
|
|
56
|
+
background: var(--selection-background-color);
|
|
57
|
+
}
|
|
58
|
+
}
|