@ng-atomic/components 18.4.0 → 18.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/atoms/atoms.module.d.ts +6 -2
- package/atoms/smart-menu-button/smart-menu-button.atom.d.ts +8 -7
- package/components.module.d.ts +0 -15
- package/esm2022/atoms/atoms.module.mjs +7 -2
- package/esm2022/atoms/icon/icon.atom.mjs +2 -2
- package/esm2022/atoms/smart-menu-button/smart-menu-button.atom.mjs +27 -22
- package/esm2022/components.module.mjs +19 -44
- package/esm2022/frames/app/app.frame.mjs +5 -3
- package/esm2022/frames/auto-layout/auto-layout.frame.mjs +2 -2
- package/esm2022/frames/columns/columns.frame.mjs +2 -2
- package/esm2022/frames/divider/divider.frame.mjs +2 -2
- package/esm2022/frames/drawer/drawer.frame.mjs +2 -2
- package/esm2022/frames/entrance/entrance.frame.mjs +2 -2
- package/esm2022/frames/fab/fab.frame.mjs +2 -2
- package/esm2022/frames/frames.module.mjs +19 -14
- package/esm2022/frames/line-up/line-up.frame.mjs +2 -2
- package/esm2022/frames/loading/loading.frame.mjs +2 -2
- package/esm2022/frames/router-outlet/router-outlet.frame.mjs +2 -2
- package/esm2022/frames/scroll/scroll.frame.mjs +2 -2
- package/esm2022/frames/side-nav/side-nav.frame.mjs +2 -2
- package/esm2022/frames/smart-menu/smart-menu.frame.mjs +2 -2
- package/esm2022/frames/vertical-hide/vertical-hide.frame.mjs +2 -2
- package/esm2022/molecules/date-input-field/date-input-field.molecule.mjs +2 -2
- package/esm2022/molecules/date-range-input-field/date-range-input-field.molecule.mjs +2 -2
- package/esm2022/molecules/grid-item/grid-item.molecule.mjs +2 -2
- package/esm2022/molecules/loading-box/loading-box.molecule.mjs +2 -2
- package/esm2022/molecules/molecules.module.mjs +18 -16
- package/esm2022/molecules/navigation-list-item/navigation-list-item.molecule.mjs +2 -2
- package/esm2022/molecules/select-input-field/select-input-field.molecule.mjs +2 -2
- package/esm2022/organisms/action-buttons-section/action-buttons-section.organism.mjs +2 -2
- package/esm2022/organisms/action-input-section/action-input-section.organism.mjs +2 -2
- package/esm2022/organisms/card-input-section/card-input-section.organism.mjs +2 -2
- package/esm2022/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs +2 -2
- package/esm2022/organisms/date-input-section/date-input-section.organism.mjs +2 -2
- package/esm2022/organisms/date-range-input-section/date-range-input-section.organism.mjs +2 -2
- package/esm2022/organisms/definition-list/definition-list.organism.mjs +2 -2
- package/esm2022/organisms/file-input-section/file-input-section.organism.mjs +2 -2
- package/esm2022/organisms/grid-cards-section/grid-cards-section.organism.mjs +2 -2
- package/esm2022/organisms/heading/heading.organism.mjs +2 -2
- package/esm2022/organisms/menu-footer/menu-footer.organism.mjs +2 -2
- package/esm2022/organisms/menu-header/menu-header.organism.mjs +2 -2
- package/esm2022/organisms/messages-section/messages-section.organism.mjs +2 -2
- package/esm2022/organisms/navigation-list/navigation-list.organism.mjs +2 -2
- package/esm2022/organisms/navigator/navigator.organism.mjs +20 -31
- package/esm2022/organisms/number-input-section/number-input-section.organism.mjs +2 -2
- package/esm2022/organisms/organisms.module.mjs +66 -61
- package/esm2022/organisms/paginator/paginator.organism.mjs +2 -2
- package/esm2022/organisms/password-input-section/password-input-section.organism.mjs +2 -2
- package/esm2022/organisms/select-input-section/select-input-section.organism.mjs +2 -2
- package/esm2022/organisms/slider-input-section/slider-input-section.organism.mjs +2 -2
- package/esm2022/organisms/social-login-section/social-login-section.organism.mjs +2 -2
- package/esm2022/organisms/table/table.organism.mjs +2 -2
- package/esm2022/organisms/text-input-section/text-input-section.organism.mjs +2 -2
- package/esm2022/organisms/textarea-section/textarea-section.organism.mjs +2 -2
- package/esm2022/organisms/thread-messages-section/thread-messages-section.organism.mjs +2 -2
- package/esm2022/pages/_index/index.page.mjs +8 -13
- package/esm2022/pages/columns/columns.page.mjs +2 -2
- package/esm2022/pages/form/form.page.mjs +8 -6
- package/esm2022/pages/pages.module.mjs +10 -7
- package/esm2022/templates/_index/index.template.mjs +7 -7
- package/esm2022/templates/background/background.template.mjs +2 -2
- package/esm2022/templates/code-editor/code-editor.template.mjs +2 -2
- package/esm2022/templates/columns/columns.template.mjs +3 -3
- package/esm2022/templates/entrance/entrance.template.mjs +19 -17
- package/esm2022/templates/form/form.builder.mjs +2 -2
- package/esm2022/templates/form/form.template.mjs +3 -3
- package/esm2022/templates/icon-button-menu/icon-button-menu.template.mjs +2 -2
- package/esm2022/templates/menu/menu.template.mjs +2 -2
- package/esm2022/templates/selection/selection.template.mjs +2 -2
- package/esm2022/templates/settings/settings.template.mjs +2 -2
- package/esm2022/templates/templates.module.mjs +17 -25
- package/fesm2022/ng-atomic-components-atoms-icon.mjs +2 -2
- package/fesm2022/ng-atomic-components-atoms-smart-menu-button.mjs +25 -21
- package/fesm2022/ng-atomic-components-atoms-smart-menu-button.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-atoms.mjs +7 -2
- package/fesm2022/ng-atomic-components-atoms.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-frames-app.mjs +4 -2
- package/fesm2022/ng-atomic-components-frames-app.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-frames-auto-layout.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-frames.mjs +19 -14
- package/fesm2022/ng-atomic-components-frames.mjs.map +1 -1
- 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.mjs +18 -16
- package/fesm2022/ng-atomic-components-molecules.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-action-buttons-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-action-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-card-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-date-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-date-range-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-definition-list.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-file-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-grid-cards-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-heading.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-menu-footer.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-menu-header.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-messages-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-navigator.mjs +19 -30
- package/fesm2022/ng-atomic-components-organisms-navigator.mjs.map +1 -1
- 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-organisms.mjs +66 -61
- package/fesm2022/ng-atomic-components-organisms.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-pages-_index.mjs +7 -12
- package/fesm2022/ng-atomic-components-pages-_index.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-pages-columns.mjs +2 -2
- package/fesm2022/ng-atomic-components-pages-form.mjs +7 -5
- package/fesm2022/ng-atomic-components-pages-form.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-pages.mjs +10 -7
- package/fesm2022/ng-atomic-components-pages.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-_index.mjs +6 -6
- package/fesm2022/ng-atomic-components-templates-_index.mjs.map +1 -1
- 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-code-editor.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-columns.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-columns.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-entrance.mjs +18 -16
- package/fesm2022/ng-atomic-components-templates-entrance.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-form.mjs +4 -4
- package/fesm2022/ng-atomic-components-templates-form.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-menu.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-selection.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-settings.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates.mjs +17 -25
- package/fesm2022/ng-atomic-components-templates.mjs.map +1 -1
- package/fesm2022/ng-atomic-components.mjs +19 -44
- package/fesm2022/ng-atomic-components.mjs.map +1 -1
- package/frames/app/app.frame.d.ts +1 -0
- package/frames/frames.module.d.ts +3 -20
- package/molecules/molecules.module.d.ts +22 -0
- package/organisms/navigator/navigator.organism.d.ts +4 -3
- package/organisms/organisms.module.d.ts +56 -1
- package/package.json +19 -19
- package/pages/form/form.page.d.ts +9 -9
- package/pages/pages.module.d.ts +1 -0
- package/templates/templates.module.d.ts +24 -1
|
@@ -65,7 +65,7 @@ class FabFrame extends NgAtomicComponent {
|
|
|
65
65
|
<mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
|
|
66
66
|
</button>
|
|
67
67
|
}
|
|
68
|
-
`, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-
|
|
68
|
+
`, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-Lk9U: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-Lk9U);--container-color-SCOPED-IN-fab-Lk9U: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-Lk9U: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-Lk9U: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-Lk9U: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-Lk9U);right:var(--fab-button-right-SCOPED-IN-fab-Lk9U);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
69
69
|
}
|
|
70
70
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FabFrame, decorators: [{
|
|
71
71
|
type: Component,
|
|
@@ -86,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
86
86
|
},
|
|
87
87
|
], host: {
|
|
88
88
|
'[attr.hide]': 'store.hide()',
|
|
89
|
-
}, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-
|
|
89
|
+
}, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-Lk9U: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-Lk9U);--container-color-SCOPED-IN-fab-Lk9U: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-Lk9U: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-Lk9U: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-Lk9U: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-Lk9U);right:var(--fab-button-right-SCOPED-IN-fab-Lk9U);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"] }]
|
|
90
90
|
}] });
|
|
91
91
|
|
|
92
92
|
/**
|
|
@@ -143,7 +143,7 @@ class LineUpFrame {
|
|
|
143
143
|
@if (store.hasNext()) {
|
|
144
144
|
<div class="next" @hasNext><ng-content select=[next] /></div>
|
|
145
145
|
}
|
|
146
|
-
`, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-
|
|
146
|
+
`, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-Q0qq: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-Q0qq: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-Q0qq: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-Q0qq: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-Q0qq: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-Q0qq));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-Q0qq);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default }); }
|
|
147
147
|
}
|
|
148
148
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: LineUpFrame, decorators: [{
|
|
149
149
|
type: Component,
|
|
@@ -159,7 +159,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
159
159
|
},
|
|
160
160
|
], host: {
|
|
161
161
|
'attr.has-next': 'store.hasNext()',
|
|
162
|
-
}, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-
|
|
162
|
+
}, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-Q0qq: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-Q0qq: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-Q0qq: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-Q0qq: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-Q0qq: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-Q0qq));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-Q0qq);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"] }]
|
|
163
163
|
}] });
|
|
164
164
|
|
|
165
165
|
/**
|
|
@@ -26,7 +26,7 @@ class LoadingFrame extends NgAtomicComponent {
|
|
|
26
26
|
@if(store.isLoading()) {
|
|
27
27
|
<div class="loading"><mat-spinner /></div>
|
|
28
28
|
}
|
|
29
|
-
`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-
|
|
29
|
+
`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-1SMQ: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-1SMQ: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-1SMQ);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-1SMQ)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
30
30
|
}
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: LoadingFrame, decorators: [{
|
|
32
32
|
type: Component,
|
|
@@ -42,7 +42,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
42
42
|
directive: LoadingFrameStore,
|
|
43
43
|
inputs: ['isLoading'],
|
|
44
44
|
}
|
|
45
|
-
], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-
|
|
45
|
+
], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-1SMQ: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-1SMQ: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-1SMQ);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-1SMQ)}\n"] }]
|
|
46
46
|
}] });
|
|
47
47
|
|
|
48
48
|
/**
|
|
@@ -94,7 +94,7 @@ class RouterOutletFrame extends NgAtomicComponent {
|
|
|
94
94
|
}
|
|
95
95
|
<ng-template #main><ng-content main/></ng-template>
|
|
96
96
|
<ng-template #next><router-outlet [name]="store.name()"/></ng-template>
|
|
97
|
-
`, isInline: true, styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-
|
|
97
|
+
`, isInline: true, styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-hXBh: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-hXBh: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-hXBh: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-hXBh: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-hXBh);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-hXBh);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-hXBh);--background-color: var(--background-color-SCOPED-IN-router-outlet-hXBh)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
98
98
|
}
|
|
99
99
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RouterOutletFrame, decorators: [{
|
|
100
100
|
type: Component,
|
|
@@ -129,7 +129,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
129
129
|
directive: RouterOutletFrameStore,
|
|
130
130
|
inputs: ['frame', 'name', 'skip'],
|
|
131
131
|
},
|
|
132
|
-
], styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-
|
|
132
|
+
], styles: [":host{display:contents;--primary-color: #ccc;--primary-color-SCOPED-IN-router-outlet-hXBh: var(--primary-color);--on-primary-color: #ccc;--on-primary-color-SCOPED-IN-router-outlet-hXBh: var(--on-primary-color);--surface-color: #ccc;--surface-color-SCOPED-IN-router-outlet-hXBh: var(--surface-color);--background-color: #ccc;--background-color-SCOPED-IN-router-outlet-hXBh: var(--background-color)}:host *{--primary-color: var(--primary-color-SCOPED-IN-router-outlet-hXBh);--on-primary-color: var(--on-primary-color-SCOPED-IN-router-outlet-hXBh);--surface-color: var(--surface-color-SCOPED-IN-router-outlet-hXBh);--background-color: var(--background-color-SCOPED-IN-router-outlet-hXBh)}\n"] }]
|
|
133
133
|
}], ctorParameters: () => [], propDecorators: { events: [{
|
|
134
134
|
type: Output
|
|
135
135
|
}] } });
|
|
@@ -22,7 +22,7 @@ class ScrollFrame {
|
|
|
22
22
|
<div class="bottom">
|
|
23
23
|
<ng-content select=[bottom]></ng-content>
|
|
24
24
|
</div>
|
|
25
|
-
`, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-
|
|
25
|
+
`, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-VL8R: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-VL8R: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-VL8R: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-VL8R: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-VL8R);overflow:hidden}:host .top{height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-VL8R);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:fit-content}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
26
26
|
}
|
|
27
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ScrollFrame, decorators: [{
|
|
28
28
|
type: Component,
|
|
@@ -39,7 +39,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
39
39
|
<div class="bottom">
|
|
40
40
|
<ng-content select=[bottom]></ng-content>
|
|
41
41
|
</div>
|
|
42
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-
|
|
42
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-VL8R: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-VL8R: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-VL8R: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-VL8R: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-VL8R);overflow:hidden}:host .top{height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-VL8R);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:fit-content}\n"] }]
|
|
43
43
|
}], propDecorators: { contents: [{
|
|
44
44
|
type: ViewChild,
|
|
45
45
|
args: ['contents', { static: true }]
|
|
@@ -119,7 +119,7 @@ class SideNavFrame extends NgAtomicComponent {
|
|
|
119
119
|
}
|
|
120
120
|
</ng-template>
|
|
121
121
|
<ng-template #contents><ng-content/></ng-template>
|
|
122
|
-
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-
|
|
122
|
+
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-EnH1: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-EnH1: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-EnH1: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-EnH1: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-EnH1: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-EnH1: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-EnH1: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-EnH1: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-EnH1);--menu-background-color-SCOPED-IN-side-nav-EnH1: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-EnH1);--menu-on-background-color-SCOPED-IN-side-nav-EnH1: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-EnH1);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-EnH1);--surface-color: var(--surface-color-SCOPED-IN-side-nav-EnH1);--background-color: var(--background-color-SCOPED-IN-side-nav-EnH1);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-EnH1);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-EnH1);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-EnH1)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-EnH1);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-EnH1);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-EnH1)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-EnH1));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DrawerFrame, selector: "frames-drawer" }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplateStore)], () => [import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplateStore)]] }); }
|
|
123
123
|
}
|
|
124
124
|
i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ngImport: i0, type: SideNavFrame, resolveDeferredDeps: () => [import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplateStore), import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplateStore)], resolveMetadata: (IconButtonMenuTemplateStore, MenuTemplateStore) => ({ decorators: [{
|
|
125
125
|
type: Component,
|
|
@@ -185,7 +185,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ng
|
|
|
185
185
|
'frameType',
|
|
186
186
|
],
|
|
187
187
|
},
|
|
188
|
-
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-
|
|
188
|
+
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-EnH1: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-EnH1: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-EnH1: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-EnH1: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-EnH1: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-EnH1: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-EnH1: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-EnH1: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-EnH1);--menu-background-color-SCOPED-IN-side-nav-EnH1: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-EnH1);--menu-on-background-color-SCOPED-IN-side-nav-EnH1: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-EnH1);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-EnH1);--surface-color: var(--surface-color-SCOPED-IN-side-nav-EnH1);--background-color: var(--background-color-SCOPED-IN-side-nav-EnH1);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-EnH1);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-EnH1);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-EnH1)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-EnH1);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-EnH1);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-EnH1)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-EnH1));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px}\n"] }]
|
|
189
189
|
}], ctorParameters: null, propDecorators: null }) });
|
|
190
190
|
|
|
191
191
|
/**
|
|
@@ -14,13 +14,13 @@ class SmartMenuFrame {
|
|
|
14
14
|
return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;
|
|
15
15
|
}
|
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-4Sae: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-4Sae: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-4Sae: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-4Sae);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-4Sae)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-4Sae)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
18
18
|
}
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartMenuFrame, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ standalone: true, imports: [
|
|
22
22
|
CommonModule,
|
|
23
|
-
], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-
|
|
23
|
+
], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-4Sae: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-4Sae: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-4Sae: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-4Sae);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-4Sae)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-4Sae)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
|
|
24
24
|
}], propDecorators: { isMainHidden: [{
|
|
25
25
|
type: HostBinding,
|
|
26
26
|
args: ['attr.is-main-hidden']
|
|
@@ -10,7 +10,7 @@ class VerticalHideFrame {
|
|
|
10
10
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.2", type: VerticalHideFrame, isStandalone: true, selector: "frames-vertical-hide", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.mode": "mode()" } }, ngImport: i0, template: `
|
|
11
11
|
<ng-content />
|
|
12
12
|
<organisms-vertical-divider />
|
|
13
|
-
`, isInline: true, styles: [":host{--collapsed-height: 56px;--collapsed-height-SCOPED-IN-vertical-hide-
|
|
13
|
+
`, isInline: true, styles: [":host{--collapsed-height: 56px;--collapsed-height-SCOPED-IN-vertical-hide-5Eo8: var(--collapsed-height);--expanded-height: fit-height;--expanded-height-SCOPED-IN-vertical-hide-5Eo8: var(--expanded-height)}:host{position:relative;display:block;transition:.5s max-height linear;overflow:hidden}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{max-height:var(--collapsed-height-SCOPED-IN-vertical-hide-5Eo8)}:host[mode=expanded]{max-height:100vh}\n"], dependencies: [{ kind: "component", type: VerticalDividerOrganism, selector: "organisms-vertical-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: VerticalHideFrame, decorators: [{
|
|
16
16
|
type: Component,
|
|
@@ -19,7 +19,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
19
19
|
], template: `
|
|
20
20
|
<ng-content />
|
|
21
21
|
<organisms-vertical-divider />
|
|
22
|
-
`, host: { '[attr.mode]': 'mode()' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 56px;--collapsed-height-SCOPED-IN-vertical-hide-
|
|
22
|
+
`, host: { '[attr.mode]': 'mode()' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 56px;--collapsed-height-SCOPED-IN-vertical-hide-5Eo8: var(--collapsed-height);--expanded-height: fit-height;--expanded-height-SCOPED-IN-vertical-hide-5Eo8: var(--expanded-height)}:host{position:relative;display:block;transition:.5s max-height linear;overflow:hidden}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{max-height:var(--collapsed-height-SCOPED-IN-vertical-hide-5Eo8)}:host[mode=expanded]{max-height:100vh}\n"] }]
|
|
23
23
|
}] });
|
|
24
24
|
|
|
25
25
|
/**
|
|
@@ -13,19 +13,7 @@ class NgAtomicFramesModule {
|
|
|
13
13
|
return {
|
|
14
14
|
ngModule: NgAtomicFramesModule,
|
|
15
15
|
providers: [
|
|
16
|
-
|
|
17
|
-
provideComponent(AppFrameStore, () => import('@ng-atomic/components/frames/app').then(m => m.AppFrame)),
|
|
18
|
-
ColumnsFrameStore.Config.provide(),
|
|
19
|
-
provideComponent(ColumnsFrameStore, () => import('@ng-atomic/components/frames/columns').then(m => m.ColumnsFrame)),
|
|
20
|
-
FabFrameStore.Config.provide(),
|
|
21
|
-
provideComponent(FabFrameStore, () => import('@ng-atomic/components/frames/fab').then(m => m.FabFrame)),
|
|
22
|
-
// DrawerFrameStore.Config.provide(),
|
|
23
|
-
provideComponent(DrawerFrameStore, () => import('@ng-atomic/components/frames/drawer').then(m => m.DrawerFrame)),
|
|
24
|
-
SideNavFrameStore.Config.provide(),
|
|
25
|
-
provideComponent(SideNavFrame, () => import('@ng-atomic/components/frames/side-nav').then(m => m.SideNavFrame)),
|
|
26
|
-
RouterOutletFrameStore.Config.provide(),
|
|
27
|
-
provideComponent(RouterOutletFrameStore, () => import('@ng-atomic/components/frames/router-outlet').then(m => m.RouterOutletFrame)),
|
|
28
|
-
RouterOutletFrameStore.provideDefault(),
|
|
16
|
+
...provideFrames()
|
|
29
17
|
]
|
|
30
18
|
};
|
|
31
19
|
}
|
|
@@ -37,10 +25,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
37
25
|
type: NgModule,
|
|
38
26
|
args: [{}]
|
|
39
27
|
}] });
|
|
28
|
+
function provideFrames() {
|
|
29
|
+
return [
|
|
30
|
+
AppFrameStore.provideDefault(),
|
|
31
|
+
provideComponent(AppFrameStore, () => import('@ng-atomic/components/frames/app').then(m => m.AppFrame)),
|
|
32
|
+
ColumnsFrameStore.Config.provide(),
|
|
33
|
+
provideComponent(ColumnsFrameStore, () => import('@ng-atomic/components/frames/columns').then(m => m.ColumnsFrame)),
|
|
34
|
+
FabFrameStore.Config.provide(),
|
|
35
|
+
provideComponent(FabFrameStore, () => import('@ng-atomic/components/frames/fab').then(m => m.FabFrame)),
|
|
36
|
+
// DrawerFrameStore.Config.provide(),
|
|
37
|
+
provideComponent(DrawerFrameStore, () => import('@ng-atomic/components/frames/drawer').then(m => m.DrawerFrame)),
|
|
38
|
+
SideNavFrameStore.Config.provide(),
|
|
39
|
+
provideComponent(SideNavFrame, () => import('@ng-atomic/components/frames/side-nav').then(m => m.SideNavFrame)),
|
|
40
|
+
RouterOutletFrameStore.Config.provide(),
|
|
41
|
+
provideComponent(RouterOutletFrameStore, () => import('@ng-atomic/components/frames/router-outlet').then(m => m.RouterOutletFrame)),
|
|
42
|
+
RouterOutletFrameStore.provideDefault(),
|
|
43
|
+
];
|
|
44
|
+
}
|
|
40
45
|
|
|
41
46
|
/**
|
|
42
47
|
* Generated bundle index. Do not edit.
|
|
43
48
|
*/
|
|
44
49
|
|
|
45
|
-
export { NgAtomicFramesModule };
|
|
50
|
+
export { NgAtomicFramesModule, provideFrames };
|
|
46
51
|
//# sourceMappingURL=ng-atomic-components-frames.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-frames.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/frames.module.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/ng-atomic-components-frames.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { provideComponent } from '@ng-atomic/core';\nimport { SideNavFrame, SideNavFrameStore } from '@ng-atomic/components/frames/side-nav';\nimport { RouterOutletFrameStore } from '@ng-atomic/components/frames/router-outlet';\nimport { ColumnsFrameStore } from '@ng-atomic/components/frames/columns';\nimport { AppFrameStore } from '@ng-atomic/components/frames/app';\nimport { DrawerFrameStore } from '@ng-atomic/components/frames/drawer';\nimport { FabFrameStore } from '@ng-atomic/components/frames/fab';\n\n@NgModule({})\nexport class NgAtomicFramesModule {\n static forRoot() {\n return {\n ngModule: NgAtomicFramesModule,\n providers: [\n AppFrameStore.provideDefault(),\n
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-frames.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/frames.module.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/ng-atomic-components-frames.ts"],"sourcesContent":["import { NgModule, Provider } from '@angular/core';\nimport { provideComponent } from '@ng-atomic/core';\nimport { SideNavFrame, SideNavFrameStore } from '@ng-atomic/components/frames/side-nav';\nimport { RouterOutletFrameStore } from '@ng-atomic/components/frames/router-outlet';\nimport { ColumnsFrameStore } from '@ng-atomic/components/frames/columns';\nimport { AppFrameStore } from '@ng-atomic/components/frames/app';\nimport { DrawerFrameStore } from '@ng-atomic/components/frames/drawer';\nimport { FabFrameStore } from '@ng-atomic/components/frames/fab';\n\n@NgModule({})\nexport class NgAtomicFramesModule {\n static forRoot() {\n return {\n ngModule: NgAtomicFramesModule,\n providers: [\n ...provideFrames()\n ]\n };\n }\n}\n\nexport function provideFrames(): Provider[] {\n return [\n AppFrameStore.provideDefault(),\n provideComponent(AppFrameStore, () => import('@ng-atomic/components/frames/app').then(m => m.AppFrame)),\n ColumnsFrameStore.Config.provide(),\n provideComponent(ColumnsFrameStore, () => import('@ng-atomic/components/frames/columns').then(m => m.ColumnsFrame)),\n FabFrameStore.Config.provide(),\n provideComponent(FabFrameStore, () => import('@ng-atomic/components/frames/fab').then(m => m.FabFrame)),\n // DrawerFrameStore.Config.provide(),\n provideComponent(DrawerFrameStore, () => import('@ng-atomic/components/frames/drawer').then(m => m.DrawerFrame)),\n SideNavFrameStore.Config.provide(),\n provideComponent(SideNavFrame, () => import('@ng-atomic/components/frames/side-nav').then(m => m.SideNavFrame)),\n RouterOutletFrameStore.Config.provide(),\n provideComponent(RouterOutletFrameStore, () => import('@ng-atomic/components/frames/router-outlet').then(m => m.RouterOutletFrame)),\n RouterOutletFrameStore.provideDefault(),\n ];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAUa,oBAAoB,CAAA;AAC/B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,oBAAoB;AAC9B,YAAA,SAAS,EAAE;AACT,gBAAA,GAAG,aAAa,EAAE;AACnB,aAAA;SACF,CAAC;KACH;8GARU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAApB,oBAAoB,EAAA,CAAA,CAAA,EAAA;+GAApB,oBAAoB,EAAA,CAAA,CAAA,EAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC,QAAQ;mBAAC,EAAE,CAAA;;SAYI,aAAa,GAAA;IAC3B,OAAO;QACL,aAAa,CAAC,cAAc,EAAE;QAC9B,gBAAgB,CAAC,aAAa,EAAE,MAAM,OAAO,kCAAkC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AACvG,QAAA,iBAAiB,CAAC,MAAM,CAAC,OAAO,EAAE;QAClC,gBAAgB,CAAC,iBAAiB,EAAE,MAAM,OAAO,sCAAsC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AACnH,QAAA,aAAa,CAAC,MAAM,CAAC,OAAO,EAAE;QAC9B,gBAAgB,CAAC,aAAa,EAAE,MAAM,OAAO,kCAAkC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;;QAEvG,gBAAgB,CAAC,gBAAgB,EAAE,MAAM,OAAO,qCAAqC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;AAChH,QAAA,iBAAiB,CAAC,MAAM,CAAC,OAAO,EAAE;QAClC,gBAAgB,CAAC,YAAY,EAAE,MAAM,OAAO,uCAAuC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AAC/G,QAAA,sBAAsB,CAAC,MAAM,CAAC,OAAO,EAAE;QACvC,gBAAgB,CAAC,sBAAsB,EAAE,MAAM,OAAO,4CAA4C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,iBAAiB,CAAC,CAAC;QACnI,sBAAsB,CAAC,cAAc,EAAE;KACxC,CAAC;AACJ;;ACrCA;;AAEG;;;;"}
|
|
@@ -47,7 +47,7 @@ class DateInputFieldMolecule {
|
|
|
47
47
|
@if (store.hint()) { <mat-hint>{{ store.hint() }}</mat-hint> }
|
|
48
48
|
<mat-error>{{ store.control().errors | error }}</mat-error>
|
|
49
49
|
</mat-form-field>
|
|
50
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-
|
|
50
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-gaz2: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
51
51
|
}
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DateInputFieldMolecule, decorators: [{
|
|
53
53
|
type: Component,
|
|
@@ -74,7 +74,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
74
74
|
}
|
|
75
75
|
], host: { class: 'molecule field' }, providers: [
|
|
76
76
|
// provideDayjsDateAdapter(),
|
|
77
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-
|
|
77
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-gaz2: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
|
|
78
78
|
}] });
|
|
79
79
|
|
|
80
80
|
/**
|
|
@@ -52,7 +52,7 @@ class DateRangeInputFieldMolecule {
|
|
|
52
52
|
<mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
|
|
53
53
|
<mat-date-range-picker #picker></mat-date-range-picker>
|
|
54
54
|
</mat-form-field>
|
|
55
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-field-
|
|
55
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-field-hqBb: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i3.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i3.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i3.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i3.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
56
56
|
}
|
|
57
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DateRangeInputFieldMolecule, decorators: [{
|
|
58
58
|
type: Component,
|
|
@@ -85,7 +85,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
85
85
|
directive: DateRangeInputFieldMoleculeStore,
|
|
86
86
|
inputs: ['control', 'label', 'hint']
|
|
87
87
|
}
|
|
88
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-field-
|
|
88
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-field-hqBb: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
|
|
89
89
|
}] });
|
|
90
90
|
|
|
91
91
|
/**
|
|
@@ -39,7 +39,7 @@ class GridItemMolecule extends NgAtomicComponent {
|
|
|
39
39
|
<div class="sub"><span>{{ item() | dataAccessor:'sub' }}</span></div>
|
|
40
40
|
</div>
|
|
41
41
|
</div>
|
|
42
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: #444;--primary-color-SCOPED-IN-grid-item-
|
|
42
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: #444;--primary-color-SCOPED-IN-grid-item-Igpx: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-item-Igpx: var(--on-surface-color)}:host{position:relative;text-align:center;cursor:pointer;aspect-ratio:1/1}:host button{position:absolute;top:0;right:0}:host ::ng-deep>mat-card{display:flex;justify-content:flex-start;align-items:flex-start}:host .eye-catch{position:relative;width:100%;aspect-ratio:16/9;background-color:#444;border-radius:0 0 8px 8px;overflow:hidden}:host .eye-catch img{width:100%;aspect-ratio:16/9;object-fit:cover}:host .eye-catch .label{position:absolute;right:6px;bottom:8px;line-height:1.5em;font-size:1.2em;color:#fff;background:#000;opacity:.6;border-radius:6px;padding:4px 8px}:host .meta{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:8px 8px 24px;box-sizing:border-box}:host .meta .title{display:-webkit-box;text-align:start;font-size:1.4em;font-weight:700;line-height:1.5em;letter-spacing:.04em;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;color:var(--on-surface-color-SCOPED-IN-grid-item-Igpx)}:host .meta .description,:host .meta .sub{overflow:hidden;text-align:start;font-size:1.2em;letter-spacing:.04em;color:gray}:host .meta .description span,:host .meta .sub span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}\n"], dependencies: [{ kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { 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: MatRippleModule }, { kind: "directive", type: i3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
43
43
|
}
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: GridItemMolecule, decorators: [{
|
|
45
45
|
type: Component,
|
|
@@ -64,7 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
64
64
|
<div class="sub"><span>{{ item() | dataAccessor:'sub' }}</span></div>
|
|
65
65
|
</div>
|
|
66
66
|
</div>
|
|
67
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #444;--primary-color-SCOPED-IN-grid-item-
|
|
67
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #444;--primary-color-SCOPED-IN-grid-item-Igpx: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-item-Igpx: var(--on-surface-color)}:host{position:relative;text-align:center;cursor:pointer;aspect-ratio:1/1}:host button{position:absolute;top:0;right:0}:host ::ng-deep>mat-card{display:flex;justify-content:flex-start;align-items:flex-start}:host .eye-catch{position:relative;width:100%;aspect-ratio:16/9;background-color:#444;border-radius:0 0 8px 8px;overflow:hidden}:host .eye-catch img{width:100%;aspect-ratio:16/9;object-fit:cover}:host .eye-catch .label{position:absolute;right:6px;bottom:8px;line-height:1.5em;font-size:1.2em;color:#fff;background:#000;opacity:.6;border-radius:6px;padding:4px 8px}:host .meta{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:8px 8px 24px;box-sizing:border-box}:host .meta .title{display:-webkit-box;text-align:start;font-size:1.4em;font-weight:700;line-height:1.5em;letter-spacing:.04em;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;color:var(--on-surface-color-SCOPED-IN-grid-item-Igpx)}:host .meta .description,:host .meta .sub{overflow:hidden;text-align:start;font-size:1.2em;letter-spacing:.04em;color:gray}:host .meta .description span,:host .meta .sub span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}\n"] }]
|
|
68
68
|
}] });
|
|
69
69
|
|
|
70
70
|
/**
|
|
@@ -37,7 +37,7 @@ class LoadingBoxMolecule {
|
|
|
37
37
|
<div class="loading-dots">
|
|
38
38
|
@for (i of [0, 1, 2]; track $index) { <div class="dot"></div> }
|
|
39
39
|
</div>
|
|
40
|
-
`, isInline: true, styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6: rgba(0, 0, 0, .6);--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-
|
|
40
|
+
`, isInline: true, styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6: rgba(0, 0, 0, .6);--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-OQkH: var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6)}:host{display:flex;width:100%;justify-content:center}:host .initializing{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-OQkH);font-size:12px}@keyframes dotFlashing{0%,to{opacity:0}50%{opacity:1}}:host .loading-box{display:flex;justify-content:center;align-items:center;flex-direction:column}:host .loading-dots .dot{height:10px;width:10px;margin:0 5px;background-color:#333;border-radius:50%;display:inline-block;animation:dotFlashing 1s infinite}:host .loading-dots .dot:nth-child(1){animation-delay:0s}:host .loading-dots .dot:nth-child(2){animation-delay:.2s}:host .loading-dots .dot:nth-child(3){animation-delay:.4s}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: LoadingBoxMolecule, decorators: [{
|
|
43
43
|
type: Component,
|
|
@@ -51,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
51
51
|
directive: LoadingBoxMoleculeStore,
|
|
52
52
|
inputs: ['loadingMessage'],
|
|
53
53
|
}
|
|
54
|
-
], styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6: rgba(0, 0, 0, .6);--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-
|
|
54
|
+
], styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6: rgba(0, 0, 0, .6);--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-OQkH: var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6)}:host{display:flex;width:100%;justify-content:center}:host .initializing{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-OQkH);font-size:12px}@keyframes dotFlashing{0%,to{opacity:0}50%{opacity:1}}:host .loading-box{display:flex;justify-content:center;align-items:center;flex-direction:column}:host .loading-dots .dot{height:10px;width:10px;margin:0 5px;background-color:#333;border-radius:50%;display:inline-block;animation:dotFlashing 1s infinite}:host .loading-dots .dot:nth-child(1){animation-delay:0s}:host .loading-dots .dot:nth-child(2){animation-delay:.2s}:host .loading-dots .dot:nth-child(3){animation-delay:.4s}\n"] }]
|
|
55
55
|
}] });
|
|
56
56
|
|
|
57
57
|
/**
|
|
@@ -48,7 +48,7 @@ class NavigationListItemMolecule extends NgAtomicComponent {
|
|
|
48
48
|
}
|
|
49
49
|
</div>
|
|
50
50
|
</mat-list-item>
|
|
51
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-item-
|
|
51
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-item-AHns: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-item-AHns: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-item-AHns: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-item-AHns: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-item-AHns: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-item-AHns: var(--on-surface-color);--mat-badge-background-color-SCOPED-IN-navigation-list-item-AHns: var(--mat-badge-background-color)}:host{--mdc-list-list-item-hover-label-text-color: var(--on-background-color);--mdc-list-list-item-label-text-color: var(--on-background-color);--mdc-list-list-item-supporting-text-color: var(--on-background-color);--mat-list-list-item-leading-icon-end-space: 16px}:host [matListItemTitle]{display:flex;align-items:center;gap:4px}:host mat-list-item.activated{background-color:var(--on-background-color-SCOPED-IN-navigation-list-item-AHns);color:var(--on-surface-color-SCOPED-IN-navigation-list-item-AHns)}:host mat-list-item.activated atoms-icon{--on-background-color: var(--background-color-SCOPED-IN-navigation-list-item-AHns)}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--on-background-color-SCOPED-IN-navigation-list-item-AHns);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}:host *{--background-color: var(--background-color-SCOPED-IN-navigation-list-item-AHns);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-item-AHns);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-item-AHns);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-item-AHns);--primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-item-AHns);--on-primary-color: var(--primary-color-SCOPED-IN-navigation-list-item-AHns)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatListModule }, { 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.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }, { kind: "component", type: BadgeAtom, selector: "atoms-badge", inputs: ["value"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
52
52
|
}
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NavigationListItemMolecule, decorators: [{
|
|
54
54
|
type: Component,
|
|
@@ -79,7 +79,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
79
79
|
directive: NavigationListItemMoleculeStore,
|
|
80
80
|
inputs: ['action', 'selected', 'activated'],
|
|
81
81
|
},
|
|
82
|
-
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-item-
|
|
82
|
+
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-item-AHns: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-item-AHns: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-item-AHns: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-item-AHns: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-item-AHns: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-item-AHns: var(--on-surface-color);--mat-badge-background-color-SCOPED-IN-navigation-list-item-AHns: var(--mat-badge-background-color)}:host{--mdc-list-list-item-hover-label-text-color: var(--on-background-color);--mdc-list-list-item-label-text-color: var(--on-background-color);--mdc-list-list-item-supporting-text-color: var(--on-background-color);--mat-list-list-item-leading-icon-end-space: 16px}:host [matListItemTitle]{display:flex;align-items:center;gap:4px}:host mat-list-item.activated{background-color:var(--on-background-color-SCOPED-IN-navigation-list-item-AHns);color:var(--on-surface-color-SCOPED-IN-navigation-list-item-AHns)}:host mat-list-item.activated atoms-icon{--on-background-color: var(--background-color-SCOPED-IN-navigation-list-item-AHns)}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--on-background-color-SCOPED-IN-navigation-list-item-AHns);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}:host *{--background-color: var(--background-color-SCOPED-IN-navigation-list-item-AHns);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-item-AHns);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-item-AHns);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-item-AHns);--primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-item-AHns);--on-primary-color: var(--primary-color-SCOPED-IN-navigation-list-item-AHns)}\n"] }]
|
|
83
83
|
}] });
|
|
84
84
|
|
|
85
85
|
/**
|
|
@@ -48,7 +48,7 @@ class SelectInputFieldMolecule {
|
|
|
48
48
|
<mat-error>{{ store.control().errors | error }}</mat-error>
|
|
49
49
|
}
|
|
50
50
|
</mat-form-field>
|
|
51
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-
|
|
51
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-8uSY: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
52
52
|
}
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SelectInputFieldMolecule, decorators: [{
|
|
54
54
|
type: Component,
|
|
@@ -79,7 +79,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
79
79
|
directive: SelectInputFieldMoleculeStore,
|
|
80
80
|
inputs: ['control', 'label', 'appearance', 'options', 'hint', 'placeholder', 'multiple'],
|
|
81
81
|
},
|
|
82
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-
|
|
82
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-8uSY: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
|
|
83
83
|
}] });
|
|
84
84
|
|
|
85
85
|
/**
|
|
@@ -15,21 +15,7 @@ class NgAtomicMoleculesModule {
|
|
|
15
15
|
return {
|
|
16
16
|
ngModule: NgAtomicMoleculesModule,
|
|
17
17
|
providers: [
|
|
18
|
-
|
|
19
|
-
provideComponent(ActionsColumnMoleculeStore, () => import('@ng-atomic/components/molecules/actions-column').then(m => m.ActionsColumnMolecule)),
|
|
20
|
-
provideComponent(ChipsInputFieldMoleculeStore, () => import('@ng-atomic/components/molecules/chips-input-field').then(m => m.ChipsInputFieldMolecule)),
|
|
21
|
-
ChipsInputFieldMoleculeStore.Config.provide(),
|
|
22
|
-
provideComponent(HeaderMoleculeStore, () => import('@ng-atomic/components/molecules/header').then(m => m.HeaderMolecule)),
|
|
23
|
-
ListItemMoleculeStore.Config.provide(),
|
|
24
|
-
provideComponent(ListItemMoleculeStore, () => import('@ng-atomic/components/molecules/list-item').then(m => m.ListItemMolecule)),
|
|
25
|
-
LoadingBoxMoleculeStore.Config.provide(),
|
|
26
|
-
provideComponent(LoadingBoxMoleculeStore, () => {
|
|
27
|
-
return import('@ng-atomic/components/molecules/loading-box').then(m => m.LoadingBoxMolecule);
|
|
28
|
-
}),
|
|
29
|
-
provideComponent(NavigationListItemMoleculeStore, () => import('@ng-atomic/components/molecules/navigation-list-item').then(m => m.NavigationListItemMolecule)),
|
|
30
|
-
provideComponent(NavigationListItemMoleculeStore, () => import('@ng-atomic/components/molecules/navigation-list-item')
|
|
31
|
-
.then(m => m.NavigationListItemMolecule)),
|
|
32
|
-
provideComponent(TextInputFieldMoleculeStore, () => import('@ng-atomic/components/molecules/text-input-field').then(m => m.TextInputFieldMolecule)),
|
|
18
|
+
...provideMolecules(),
|
|
33
19
|
],
|
|
34
20
|
};
|
|
35
21
|
}
|
|
@@ -45,10 +31,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
45
31
|
]
|
|
46
32
|
}]
|
|
47
33
|
}] });
|
|
34
|
+
function provideMolecules() {
|
|
35
|
+
return [
|
|
36
|
+
ActionsColumnMoleculeStore.Config.provide(),
|
|
37
|
+
provideComponent(ActionsColumnMoleculeStore, () => import('@ng-atomic/components/molecules/actions-column').then(m => m.ActionsColumnMolecule)),
|
|
38
|
+
provideComponent(ChipsInputFieldMoleculeStore, () => import('@ng-atomic/components/molecules/chips-input-field').then(m => m.ChipsInputFieldMolecule)),
|
|
39
|
+
ChipsInputFieldMoleculeStore.Config.provide(),
|
|
40
|
+
provideComponent(HeaderMoleculeStore, () => import('@ng-atomic/components/molecules/header').then(m => m.HeaderMolecule)),
|
|
41
|
+
ListItemMoleculeStore.Config.provide(),
|
|
42
|
+
provideComponent(ListItemMoleculeStore, () => import('@ng-atomic/components/molecules/list-item').then(m => m.ListItemMolecule)),
|
|
43
|
+
LoadingBoxMoleculeStore.Config.provide(),
|
|
44
|
+
provideComponent(LoadingBoxMoleculeStore, () => import('@ng-atomic/components/molecules/loading-box').then(m => m.LoadingBoxMolecule)),
|
|
45
|
+
provideComponent(NavigationListItemMoleculeStore, () => import('@ng-atomic/components/molecules/navigation-list-item').then(m => m.NavigationListItemMolecule)),
|
|
46
|
+
provideComponent(NavigationListItemMoleculeStore, () => import('@ng-atomic/components/molecules/navigation-list-item').then(m => m.NavigationListItemMolecule)),
|
|
47
|
+
provideComponent(TextInputFieldMoleculeStore, () => import('@ng-atomic/components/molecules/text-input-field').then(m => m.TextInputFieldMolecule)),
|
|
48
|
+
];
|
|
49
|
+
}
|
|
48
50
|
|
|
49
51
|
/**
|
|
50
52
|
* Generated bundle index. Do not edit.
|
|
51
53
|
*/
|
|
52
54
|
|
|
53
|
-
export { NgAtomicMoleculesModule };
|
|
55
|
+
export { NgAtomicMoleculesModule, provideMolecules };
|
|
54
56
|
//# sourceMappingURL=ng-atomic-components-molecules.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-molecules.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/molecules.module.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/ng-atomic-components-molecules.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\nimport { provideComponent } from \"@ng-atomic/core\";\nimport { NavigationListItemMoleculeStore } from \"@ng-atomic/components/molecules/navigation-list-item\";\nimport { ChipsInputFieldMoleculeStore } from \"@ng-atomic/components/molecules/chips-input-field\";\nimport { HeaderMoleculeStore } from \"@ng-atomic/components/molecules/header\";\nimport { MatChipsModule } from \"@angular/material/chips\";\nimport { TextInputFieldMoleculeStore } from \"@ng-atomic/components/molecules/text-input-field\";\nimport { LoadingBoxMoleculeStore } from \"@ng-atomic/components/molecules/loading-box\";\nimport { ActionsColumnMoleculeStore } from \"@ng-atomic/components/molecules/actions-column\";\nimport { ListItemMoleculeStore } from \"@ng-atomic/components/molecules/list-item\";\n\n@NgModule({\n imports: [\n MatChipsModule,\n ]\n})\nexport class NgAtomicMoleculesModule {\n static forRoot() {\n return {\n ngModule: NgAtomicMoleculesModule,\n providers: [\n ActionsColumnMoleculeStore.Config.provide(),\n
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-molecules.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/molecules.module.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/ng-atomic-components-molecules.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\nimport { provideComponent } from \"@ng-atomic/core\";\nimport { NavigationListItemMoleculeStore } from \"@ng-atomic/components/molecules/navigation-list-item\";\nimport { ChipsInputFieldMoleculeStore } from \"@ng-atomic/components/molecules/chips-input-field\";\nimport { HeaderMoleculeStore } from \"@ng-atomic/components/molecules/header\";\nimport { MatChipsModule } from \"@angular/material/chips\";\nimport { TextInputFieldMoleculeStore } from \"@ng-atomic/components/molecules/text-input-field\";\nimport { LoadingBoxMoleculeStore } from \"@ng-atomic/components/molecules/loading-box\";\nimport { ActionsColumnMoleculeStore } from \"@ng-atomic/components/molecules/actions-column\";\nimport { ListItemMoleculeStore } from \"@ng-atomic/components/molecules/list-item\";\n\n@NgModule({\n imports: [\n MatChipsModule,\n ]\n})\nexport class NgAtomicMoleculesModule {\n static forRoot() {\n return {\n ngModule: NgAtomicMoleculesModule,\n providers: [\n ...provideMolecules(),\n ],\n };\n }\n}\n\nexport function provideMolecules() {\n return [\n ActionsColumnMoleculeStore.Config.provide(),\n provideComponent(ActionsColumnMoleculeStore, () => import('@ng-atomic/components/molecules/actions-column').then(m => m.ActionsColumnMolecule)),\n provideComponent(ChipsInputFieldMoleculeStore, () => import('@ng-atomic/components/molecules/chips-input-field').then(m => m.ChipsInputFieldMolecule)),\n ChipsInputFieldMoleculeStore.Config.provide(),\n provideComponent(HeaderMoleculeStore, () => import('@ng-atomic/components/molecules/header').then(m => m.HeaderMolecule)),\n ListItemMoleculeStore.Config.provide(),\n provideComponent(ListItemMoleculeStore, () => import('@ng-atomic/components/molecules/list-item').then(m => m.ListItemMolecule)),\n LoadingBoxMoleculeStore.Config.provide(),\n provideComponent(LoadingBoxMoleculeStore, () => import('@ng-atomic/components/molecules/loading-box').then(m => m.LoadingBoxMolecule)),\n provideComponent(NavigationListItemMoleculeStore, () => import('@ng-atomic/components/molecules/navigation-list-item').then(m => m.NavigationListItemMolecule)),\n provideComponent(NavigationListItemMoleculeStore, () => import('@ng-atomic/components/molecules/navigation-list-item').then(m => m.NavigationListItemMolecule)),\n provideComponent(TextInputFieldMoleculeStore, () => import('@ng-atomic/components/molecules/text-input-field').then(m => m.TextInputFieldMolecule)),\n ];\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;MAgBa,uBAAuB,CAAA;AAClC,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,uBAAuB;AACjC,YAAA,SAAS,EAAE;AACT,gBAAA,GAAG,gBAAgB,EAAE;AACtB,aAAA;SACF,CAAC;KACH;8GARU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAHhC,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA;AAGL,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAHhC,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGL,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,cAAc;AACf,qBAAA;AACF,iBAAA,CAAA;;SAYe,gBAAgB,GAAA;IAC9B,OAAO;AACL,QAAA,0BAA0B,CAAC,MAAM,CAAC,OAAO,EAAE;QAC3C,gBAAgB,CAAC,0BAA0B,EAAE,MAAM,OAAO,gDAAgD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC;QAC/I,gBAAgB,CAAC,4BAA4B,EAAE,MAAM,OAAO,mDAAmD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,uBAAuB,CAAC,CAAC;AACtJ,QAAA,4BAA4B,CAAC,MAAM,CAAC,OAAO,EAAE;QAC7C,gBAAgB,CAAC,mBAAmB,EAAE,MAAM,OAAO,wCAAwC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC;AACzH,QAAA,qBAAqB,CAAC,MAAM,CAAC,OAAO,EAAE;QACtC,gBAAgB,CAAC,qBAAqB,EAAE,MAAM,OAAO,2CAA2C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,CAAC;AAChI,QAAA,uBAAuB,CAAC,MAAM,CAAC,OAAO,EAAE;QACxC,gBAAgB,CAAC,uBAAuB,EAAE,MAAM,OAAO,6CAA6C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC;QACtI,gBAAgB,CAAC,+BAA+B,EAAE,MAAM,OAAO,sDAAsD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,0BAA0B,CAAC,CAAC;QAC/J,gBAAgB,CAAC,+BAA+B,EAAE,MAAM,OAAO,sDAAsD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,0BAA0B,CAAC,CAAC;QAC/J,gBAAgB,CAAC,2BAA2B,EAAE,MAAM,OAAO,kDAAkD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,sBAAsB,CAAC,CAAC;KACpJ,CAAC;AACJ;;AC1CA;;AAEG;;;;"}
|