@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
|
@@ -47,7 +47,7 @@ class PaginatorOrganism extends NgAtomicComponent {
|
|
|
47
47
|
[pageSizeOptions]="store.pageSizeOptions()"
|
|
48
48
|
(page)="onPageChange($event)"
|
|
49
49
|
/>
|
|
50
|
-
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-
|
|
50
|
+
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-z96A: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-z96A: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-z96A: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-z96A: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-z96A: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-z96A: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-z96A: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-z96A);color:var(--on-background-color-SCOPED-IN-paginator-z96A);min-width:440px}\n"], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
51
51
|
}
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: PaginatorOrganism, decorators: [{
|
|
53
53
|
type: Component,
|
|
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
65
65
|
directive: PaginatorOrganismStore,
|
|
66
66
|
inputs: ['form', 'pageSizeOptions', 'itemLength'],
|
|
67
67
|
},
|
|
68
|
-
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-
|
|
68
|
+
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-z96A: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-z96A: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-z96A: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-z96A: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-z96A: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-z96A: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-z96A: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-z96A);color:var(--on-background-color-SCOPED-IN-paginator-z96A);min-width:440px}\n"] }]
|
|
69
69
|
}] });
|
|
70
70
|
|
|
71
71
|
/**
|
|
@@ -48,7 +48,7 @@ class PasswordInputSectionOrganism extends NgAtomicComponent {
|
|
|
48
48
|
[type]="store.actionButtonType()"
|
|
49
49
|
(action)="dispatch($event)"
|
|
50
50
|
/>
|
|
51
|
-
}`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-
|
|
51
|
+
}`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-gL8m: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-gL8m) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-gL8m)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button, atoms-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
52
52
|
}
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: PasswordInputSectionOrganism, decorators: [{
|
|
54
54
|
type: Component,
|
|
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
75
75
|
directive: PasswordInputSectionOrganismStore,
|
|
76
76
|
inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
|
|
77
77
|
},
|
|
78
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-
|
|
78
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-gL8m: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-gL8m) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-gL8m)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
|
|
79
79
|
}] });
|
|
80
80
|
|
|
81
81
|
/**
|
|
@@ -47,7 +47,7 @@ class SelectInputSectionOrganism extends NgAtomicComponent {
|
|
|
47
47
|
[actions]="store.actions()"
|
|
48
48
|
(action)="dispatch($event)"
|
|
49
49
|
/>
|
|
50
|
-
}`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-
|
|
50
|
+
}`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-GSKA: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-GSKA) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-GSKA)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
51
51
|
}
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SelectInputSectionOrganism, decorators: [{
|
|
53
53
|
type: Component,
|
|
@@ -73,7 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
73
73
|
directive: SelectInputSectionOrganismStore,
|
|
74
74
|
inputs: ['actions', 'hint', 'placeholder', 'label', 'control', 'options', 'multiple'],
|
|
75
75
|
}
|
|
76
|
-
], host: { 'class': 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-
|
|
76
|
+
], host: { 'class': 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-GSKA: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-GSKA) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-GSKA)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
|
|
77
77
|
}] });
|
|
78
78
|
|
|
79
79
|
/**
|
|
@@ -56,7 +56,7 @@ class SliderInputSectionOrganism extends NgAtomicComponent {
|
|
|
56
56
|
matSliderThumb
|
|
57
57
|
>
|
|
58
58
|
</mat-slider>
|
|
59
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-
|
|
59
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-QFzP: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-QFzP: var(--mat-form-field-outlined-label-text-populated-size);--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-QFzP: var(--mdc-outlined-text-field-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-QFzP);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-QFzP);color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-QFzP);transform:scale(.75);transform-origin:top left}\n"], dependencies: [{ kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
60
60
|
}
|
|
61
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SliderInputSectionOrganism, decorators: [{
|
|
62
62
|
type: Component,
|
|
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
81
81
|
directive: SliderInputSectionOrganismStore,
|
|
82
82
|
inputs: ['control', 'min', 'max', 'step', 'thumbLabel', 'label'],
|
|
83
83
|
}
|
|
84
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-
|
|
84
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-QFzP: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-QFzP: var(--mat-form-field-outlined-label-text-populated-size);--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-QFzP: var(--mdc-outlined-text-field-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-QFzP);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-QFzP);color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-QFzP);transform:scale(.75);transform-origin:top left}\n"] }]
|
|
85
85
|
}] });
|
|
86
86
|
|
|
87
87
|
/**
|
|
@@ -9,14 +9,14 @@ class SocialLoginSectionOrganism {
|
|
|
9
9
|
this.signInWithGoogleButtonClick = new EventEmitter();
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SocialLoginSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-WrYp: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-WrYp);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SocialLoginSectionOrganism, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'organisms-social-login-section', standalone: true, imports: [
|
|
17
17
|
CommonModule,
|
|
18
18
|
MatButtonModule,
|
|
19
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-
|
|
19
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-WrYp: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-WrYp);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
|
|
20
20
|
}], propDecorators: { signInWithGoogleButtonClick: [{
|
|
21
21
|
type: Output
|
|
22
22
|
}] } });
|
|
@@ -242,7 +242,7 @@ class TableOrganism extends NgAtomicComponent {
|
|
|
242
242
|
</tbody>
|
|
243
243
|
</table>
|
|
244
244
|
<!-- </cdk-virtual-scroll-viewport> -->
|
|
245
|
-
`, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-
|
|
245
|
+
`, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-FumG: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-FumG: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-FumG: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-FumG: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-FumG: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-FumG: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-FumG: var(--vertical-padding)}.cdk-drag-preview{display:table;background-color:#fff}.cdk-drag-placeholder{opacity:0}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%;background-color:var(--background-color-SCOPED-IN-smart-table-FumG);color:var(--on-background-color-SCOPED-IN-smart-table-FumG)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-FumG);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-FumG)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-FumG)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatRecycleRows, selector: "mat-table[recycleRows], table[mat-table][recycleRows]" }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column" }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column" }, { kind: "component", type: SmartColumnMolecule, selector: "molecules-smart-column", outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", outputs: ["headerClick"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
246
246
|
}
|
|
247
247
|
__decorate([
|
|
248
248
|
Effect(CheckboxColumnMolecule.ActionId.CHECKBOX_CLICK),
|
|
@@ -359,7 +359,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
359
359
|
'isHidden',
|
|
360
360
|
],
|
|
361
361
|
},
|
|
362
|
-
], host: { class: 'organism' }, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-
|
|
362
|
+
], host: { class: 'organism' }, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-FumG: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-FumG: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-FumG: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-FumG: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-FumG: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-FumG: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-FumG: var(--vertical-padding)}.cdk-drag-preview{display:table;background-color:#fff}.cdk-drag-placeholder{opacity:0}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%;background-color:var(--background-color-SCOPED-IN-smart-table-FumG);color:var(--on-background-color-SCOPED-IN-smart-table-FumG)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-FumG);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-FumG)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-FumG)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}\n"] }]
|
|
363
363
|
}], propDecorators: { onCheckboxClick: [], onHeaderCheckboxClick: [] } });
|
|
364
364
|
function getDisplayedNodes(nodes, control) {
|
|
365
365
|
const result = [];
|
|
@@ -48,7 +48,7 @@ class TextInputSectionOrganism extends NgAtomicComponent {
|
|
|
48
48
|
(action)="dispatch($event)"
|
|
49
49
|
/>
|
|
50
50
|
}
|
|
51
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-
|
|
51
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-11wO: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-11wO) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-11wO)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button, atoms-menu-button", inputs: ["actions", "type", "action"] }] }); }
|
|
52
52
|
}
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
|
|
54
54
|
type: Component,
|
|
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
75
75
|
directive: TextInputSectionOrganismStore,
|
|
76
76
|
inputs: ['label', 'placeholder', 'type', 'hint', 'control', 'autoComplete', 'actions'],
|
|
77
77
|
}
|
|
78
|
-
], host: { 'class': 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-
|
|
78
|
+
], host: { 'class': 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-11wO: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-11wO) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-11wO)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
|
|
79
79
|
}] });
|
|
80
80
|
|
|
81
81
|
/**
|
|
@@ -51,7 +51,7 @@ class TextareaSectionOrganism extends NgAtomicComponent {
|
|
|
51
51
|
(action)="dispatch($event)"
|
|
52
52
|
/>
|
|
53
53
|
}
|
|
54
|
-
`, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-
|
|
54
|
+
`, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-Tu75: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-Tu75);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
55
55
|
}
|
|
56
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
|
|
57
57
|
type: Component,
|
|
@@ -80,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
80
80
|
directive: TextareaSectionOrganismStore,
|
|
81
81
|
inputs: ['appearance', 'label', 'rows', 'placeholder', 'floatLabel', 'hint', 'control', 'actions'],
|
|
82
82
|
}
|
|
83
|
-
], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-
|
|
83
|
+
], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-Tu75: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-Tu75);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
|
|
84
84
|
}] });
|
|
85
85
|
|
|
86
86
|
/**
|
|
@@ -64,7 +64,7 @@ class ThreadMessagesSectionOrganism extends NgAtomicComponent {
|
|
|
64
64
|
</div>
|
|
65
65
|
<mat-divider />
|
|
66
66
|
}
|
|
67
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-
|
|
67
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-sAEx: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-sAEx: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-sAEx: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-sAEx: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-sAEx: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-sAEx: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-sAEx)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-sAEx)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
68
68
|
}
|
|
69
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ThreadMessagesSectionOrganism, decorators: [{
|
|
70
70
|
type: Component,
|
|
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
115
115
|
directive: ThreadMessagesSectionOrganismStore,
|
|
116
116
|
inputs: ['comments', 'noCommentMessage', 'commentActions']
|
|
117
117
|
}
|
|
118
|
-
], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-
|
|
118
|
+
], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-sAEx: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-sAEx: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-sAEx: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-sAEx: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-sAEx: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-sAEx: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-sAEx)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-sAEx)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
|
|
119
119
|
}] });
|
|
120
120
|
|
|
121
121
|
/**
|
|
@@ -27,66 +27,7 @@ class NgAtomicOrganismsModule {
|
|
|
27
27
|
return {
|
|
28
28
|
ngModule: NgAtomicOrganismsModule,
|
|
29
29
|
providers: [
|
|
30
|
-
|
|
31
|
-
return import('@ng-atomic/components/organisms/action-input-section').then(m => m.ActionInputSectionOrganism);
|
|
32
|
-
}),
|
|
33
|
-
provideComponent(ActionButtonsSectionOrganismStore, () => {
|
|
34
|
-
return import('@ng-atomic/components/organisms/action-buttons-section').then(m => m.ActionButtonsSectionOrganism);
|
|
35
|
-
}),
|
|
36
|
-
// FileInputSectionOrganismStore.Config.provide(),
|
|
37
|
-
provideComponent(FileInputSectionOrganismStore, () => {
|
|
38
|
-
return import('@ng-atomic/components/organisms/file-input-section').then(m => m.FileInputSectionOrganism);
|
|
39
|
-
}),
|
|
40
|
-
provideComponent(GridToolbarOrganismStore, () => {
|
|
41
|
-
return import('@ng-atomic/components/organisms/grid-toolbar').then(m => m.GridToolbarOrganism);
|
|
42
|
-
}),
|
|
43
|
-
provideComponent(PaginatorOrganismStore, () => {
|
|
44
|
-
return import('@ng-atomic/components/organisms/paginator').then(m => m.PaginatorOrganism);
|
|
45
|
-
}),
|
|
46
|
-
provideComponent(PasswordInputSectionOrganismStore, () => {
|
|
47
|
-
return import('@ng-atomic/components/organisms/password-input-section').then(m => m.PasswordInputSectionOrganism);
|
|
48
|
-
}),
|
|
49
|
-
provideComponent(SelectInputSectionOrganismStore, () => {
|
|
50
|
-
return import('@ng-atomic/components/organisms/select-input-section').then(m => m.SelectInputSectionOrganism);
|
|
51
|
-
}),
|
|
52
|
-
StripeInputSectionOrganismStore.Config.provide(),
|
|
53
|
-
provideComponent(StripeInputSectionOrganismStore, () => {
|
|
54
|
-
return import('@ng-atomic/components/organisms/stripe-input-section').then(m => m.StripeInputSectionOrganism);
|
|
55
|
-
}),
|
|
56
|
-
provideComponent(TableOrganismStore, () => {
|
|
57
|
-
return import('@ng-atomic/components/organisms/table').then(m => m.TableOrganism);
|
|
58
|
-
}),
|
|
59
|
-
provideComponent(NavigatorOrganismStore, () => {
|
|
60
|
-
return import('@ng-atomic/components/organisms/navigator').then(m => m.NavigatorOrganism);
|
|
61
|
-
}),
|
|
62
|
-
NavigatorOrganismStore.Config.provide(),
|
|
63
|
-
provideComponent(NumberInputSectionOrganismStore, () => {
|
|
64
|
-
return import('@ng-atomic/components/organisms/number-input-section').then(m => m.NumberInputSectionOrganism);
|
|
65
|
-
}),
|
|
66
|
-
MenuHeaderOrganismStore.Config.provide(),
|
|
67
|
-
provideComponent(MenuHeaderOrganismStore, () => {
|
|
68
|
-
return import('@ng-atomic/components/organisms/menu-header').then(m => m.MenuHeaderOrganism);
|
|
69
|
-
}),
|
|
70
|
-
provideComponent(MenuFooterOrganismStore, () => {
|
|
71
|
-
return import('@ng-atomic/components/organisms/menu-footer').then(m => m.MenuFooterOrganism);
|
|
72
|
-
}),
|
|
73
|
-
provideComponent(NavigationListOrganismStore, () => {
|
|
74
|
-
return import('@ng-atomic/components/organisms/navigation-list').then(m => m.NavigationListOrganism);
|
|
75
|
-
}),
|
|
76
|
-
ListOrganismStore.provideDefault(),
|
|
77
|
-
provideComponent(ListOrganismStore, () => {
|
|
78
|
-
return import('@ng-atomic/components/organisms/list').then(m => m.ListOrganism);
|
|
79
|
-
}),
|
|
80
|
-
SliderInputSectionOrganismStore.Config.provide(),
|
|
81
|
-
provideComponent(SliderInputSectionOrganismStore, () => {
|
|
82
|
-
return import('@ng-atomic/components/organisms/slider-input-section').then(m => m.SliderInputSectionOrganism);
|
|
83
|
-
}),
|
|
84
|
-
provideComponent(TextInputSectionOrganismStore, () => {
|
|
85
|
-
return import('@ng-atomic/components/organisms/text-input-section').then(m => m.TextInputSectionOrganism);
|
|
86
|
-
}),
|
|
87
|
-
provideComponent(TextareaSectionOrganismStore, () => {
|
|
88
|
-
return import('@ng-atomic/components/organisms/textarea-section').then(m => m.TextareaSectionOrganism);
|
|
89
|
-
}),
|
|
30
|
+
provideOrganisms(),
|
|
90
31
|
]
|
|
91
32
|
};
|
|
92
33
|
}
|
|
@@ -102,10 +43,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
102
43
|
]
|
|
103
44
|
}]
|
|
104
45
|
}] });
|
|
46
|
+
function provideOrganisms() {
|
|
47
|
+
return [
|
|
48
|
+
provideComponent(ActionInputSectionOrganismStore, () => {
|
|
49
|
+
return import('@ng-atomic/components/organisms/action-input-section').then(m => m.ActionInputSectionOrganism);
|
|
50
|
+
}),
|
|
51
|
+
provideComponent(ActionButtonsSectionOrganismStore, () => {
|
|
52
|
+
return import('@ng-atomic/components/organisms/action-buttons-section').then(m => m.ActionButtonsSectionOrganism);
|
|
53
|
+
}),
|
|
54
|
+
// FileInputSectionOrganismStore.Config.provide(),
|
|
55
|
+
provideComponent(FileInputSectionOrganismStore, () => {
|
|
56
|
+
return import('@ng-atomic/components/organisms/file-input-section').then(m => m.FileInputSectionOrganism);
|
|
57
|
+
}),
|
|
58
|
+
provideComponent(GridToolbarOrganismStore, () => {
|
|
59
|
+
return import('@ng-atomic/components/organisms/grid-toolbar').then(m => m.GridToolbarOrganism);
|
|
60
|
+
}),
|
|
61
|
+
provideComponent(PaginatorOrganismStore, () => {
|
|
62
|
+
return import('@ng-atomic/components/organisms/paginator').then(m => m.PaginatorOrganism);
|
|
63
|
+
}),
|
|
64
|
+
provideComponent(PasswordInputSectionOrganismStore, () => {
|
|
65
|
+
return import('@ng-atomic/components/organisms/password-input-section').then(m => m.PasswordInputSectionOrganism);
|
|
66
|
+
}),
|
|
67
|
+
provideComponent(SelectInputSectionOrganismStore, () => {
|
|
68
|
+
return import('@ng-atomic/components/organisms/select-input-section').then(m => m.SelectInputSectionOrganism);
|
|
69
|
+
}),
|
|
70
|
+
StripeInputSectionOrganismStore.Config.provide(),
|
|
71
|
+
provideComponent(StripeInputSectionOrganismStore, () => {
|
|
72
|
+
return import('@ng-atomic/components/organisms/stripe-input-section').then(m => m.StripeInputSectionOrganism);
|
|
73
|
+
}),
|
|
74
|
+
provideComponent(TableOrganismStore, () => {
|
|
75
|
+
return import('@ng-atomic/components/organisms/table').then(m => m.TableOrganism);
|
|
76
|
+
}),
|
|
77
|
+
provideComponent(NavigatorOrganismStore, () => {
|
|
78
|
+
return import('@ng-atomic/components/organisms/navigator').then(m => m.NavigatorOrganism);
|
|
79
|
+
}),
|
|
80
|
+
NavigatorOrganismStore.Config.provide(),
|
|
81
|
+
provideComponent(NumberInputSectionOrganismStore, () => {
|
|
82
|
+
return import('@ng-atomic/components/organisms/number-input-section').then(m => m.NumberInputSectionOrganism);
|
|
83
|
+
}),
|
|
84
|
+
MenuHeaderOrganismStore.Config.provide(),
|
|
85
|
+
provideComponent(MenuHeaderOrganismStore, () => {
|
|
86
|
+
return import('@ng-atomic/components/organisms/menu-header').then(m => m.MenuHeaderOrganism);
|
|
87
|
+
}),
|
|
88
|
+
provideComponent(MenuFooterOrganismStore, () => {
|
|
89
|
+
return import('@ng-atomic/components/organisms/menu-footer').then(m => m.MenuFooterOrganism);
|
|
90
|
+
}),
|
|
91
|
+
provideComponent(NavigationListOrganismStore, () => {
|
|
92
|
+
return import('@ng-atomic/components/organisms/navigation-list').then(m => m.NavigationListOrganism);
|
|
93
|
+
}),
|
|
94
|
+
ListOrganismStore.provideDefault(),
|
|
95
|
+
provideComponent(ListOrganismStore, () => {
|
|
96
|
+
return import('@ng-atomic/components/organisms/list').then(m => m.ListOrganism);
|
|
97
|
+
}),
|
|
98
|
+
SliderInputSectionOrganismStore.Config.provide(),
|
|
99
|
+
provideComponent(SliderInputSectionOrganismStore, () => {
|
|
100
|
+
return import('@ng-atomic/components/organisms/slider-input-section').then(m => m.SliderInputSectionOrganism);
|
|
101
|
+
}),
|
|
102
|
+
provideComponent(TextInputSectionOrganismStore, () => {
|
|
103
|
+
return import('@ng-atomic/components/organisms/text-input-section').then(m => m.TextInputSectionOrganism);
|
|
104
|
+
}),
|
|
105
|
+
provideComponent(TextareaSectionOrganismStore, () => {
|
|
106
|
+
return import('@ng-atomic/components/organisms/textarea-section').then(m => m.TextareaSectionOrganism);
|
|
107
|
+
}),
|
|
108
|
+
];
|
|
109
|
+
}
|
|
105
110
|
|
|
106
111
|
/**
|
|
107
112
|
* Generated bundle index. Do not edit.
|
|
108
113
|
*/
|
|
109
114
|
|
|
110
|
-
export { NgAtomicOrganismsModule };
|
|
115
|
+
export { NgAtomicOrganismsModule, provideOrganisms };
|
|
111
116
|
//# sourceMappingURL=ng-atomic-components-organisms.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-organisms.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/organisms.module.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/ng-atomic-components-organisms.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\nimport { provideComponent } from \"@ng-atomic/core\";\nimport { MenuFooterOrganismStore } from \"@ng-atomic/components/organisms/menu-footer\";\nimport { MenuHeaderOrganismStore } from \"@ng-atomic/components/organisms/menu-header\";\nimport { NavigationListOrganismStore } from \"@ng-atomic/components/organisms/navigation-list\";\nimport { NavigatorOrganismStore } from \"@ng-atomic/components/organisms/navigator\";\nimport { GridToolbarOrganismStore } from \"@ng-atomic/components/organisms/grid-toolbar\";\nimport { TableOrganismStore } from \"@ng-atomic/components/organisms/table\";\nimport { PaginatorOrganismStore } from \"@ng-atomic/components/organisms/paginator\";\nimport { TextInputSectionOrganismStore } from \"@ng-atomic/components/organisms/text-input-section\";\nimport { ActionButtonsSectionOrganismStore } from \"@ng-atomic/components/organisms/action-buttons-section\";\nimport { NumberInputSectionOrganismStore } from \"@ng-atomic/components/organisms/number-input-section\";\nimport { TextareaSectionOrganismStore } from \"@ng-atomic/components/organisms/textarea-section\";\nimport { StripeInputSectionOrganismStore } from \"@ng-atomic/components/organisms/stripe-input-section\";\nimport { FileInputSectionOrganismStore } from \"@ng-atomic/components/organisms/file-input-section\";\nimport { PasswordInputSectionOrganismStore } from \"@ng-atomic/components/organisms/password-input-section\";\nimport { SelectInputSectionOrganismStore } from \"@ng-atomic/components/organisms/select-input-section\";\nimport { ListOrganismStore } from \"@ng-atomic/components/organisms/list\";\nimport { ActionInputSectionOrganismStore } from \"@ng-atomic/components/organisms/action-input-section\";\nimport { SliderInputSectionOrganismStore } from \"@ng-atomic/components/organisms/slider-input-section\";\nimport { MarkdownModule } from \"ngx-markdown\";\n\n@NgModule({\n imports: [\n MarkdownModule.forRoot(),\n ]\n})\nexport class NgAtomicOrganismsModule {\n static forRoot() {\n return {\n ngModule: NgAtomicOrganismsModule,\n providers: [\n provideComponent(ActionInputSectionOrganismStore, () => {\n
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/organisms.module.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/ng-atomic-components-organisms.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\nimport { provideComponent } from \"@ng-atomic/core\";\nimport { MenuFooterOrganismStore } from \"@ng-atomic/components/organisms/menu-footer\";\nimport { MenuHeaderOrganismStore } from \"@ng-atomic/components/organisms/menu-header\";\nimport { NavigationListOrganismStore } from \"@ng-atomic/components/organisms/navigation-list\";\nimport { NavigatorOrganismStore } from \"@ng-atomic/components/organisms/navigator\";\nimport { GridToolbarOrganismStore } from \"@ng-atomic/components/organisms/grid-toolbar\";\nimport { TableOrganismStore } from \"@ng-atomic/components/organisms/table\";\nimport { PaginatorOrganismStore } from \"@ng-atomic/components/organisms/paginator\";\nimport { TextInputSectionOrganismStore } from \"@ng-atomic/components/organisms/text-input-section\";\nimport { ActionButtonsSectionOrganismStore } from \"@ng-atomic/components/organisms/action-buttons-section\";\nimport { NumberInputSectionOrganismStore } from \"@ng-atomic/components/organisms/number-input-section\";\nimport { TextareaSectionOrganismStore } from \"@ng-atomic/components/organisms/textarea-section\";\nimport { StripeInputSectionOrganismStore } from \"@ng-atomic/components/organisms/stripe-input-section\";\nimport { FileInputSectionOrganismStore } from \"@ng-atomic/components/organisms/file-input-section\";\nimport { PasswordInputSectionOrganismStore } from \"@ng-atomic/components/organisms/password-input-section\";\nimport { SelectInputSectionOrganismStore } from \"@ng-atomic/components/organisms/select-input-section\";\nimport { ListOrganismStore } from \"@ng-atomic/components/organisms/list\";\nimport { ActionInputSectionOrganismStore } from \"@ng-atomic/components/organisms/action-input-section\";\nimport { SliderInputSectionOrganismStore } from \"@ng-atomic/components/organisms/slider-input-section\";\nimport { MarkdownModule } from \"ngx-markdown\";\n\n@NgModule({\n imports: [\n MarkdownModule.forRoot(),\n ]\n})\nexport class NgAtomicOrganismsModule {\n static forRoot() {\n return {\n ngModule: NgAtomicOrganismsModule,\n providers: [\n provideOrganisms(),\n ]\n }\n }\n}\n\nexport function provideOrganisms() {\n return [\n provideComponent(ActionInputSectionOrganismStore, () => {\n return import('@ng-atomic/components/organisms/action-input-section').then(m => m.ActionInputSectionOrganism);\n }),\n provideComponent(ActionButtonsSectionOrganismStore, () => {\n return import('@ng-atomic/components/organisms/action-buttons-section').then(m => m.ActionButtonsSectionOrganism);\n }),\n // FileInputSectionOrganismStore.Config.provide(),\n provideComponent(FileInputSectionOrganismStore, () => {\n return import('@ng-atomic/components/organisms/file-input-section').then(m => m.FileInputSectionOrganism);\n }),\n provideComponent(GridToolbarOrganismStore, () => {\n return import('@ng-atomic/components/organisms/grid-toolbar').then(m => m.GridToolbarOrganism);\n }),\n provideComponent(PaginatorOrganismStore, () => {\n return import('@ng-atomic/components/organisms/paginator').then(m => m.PaginatorOrganism);\n }),\n provideComponent(PasswordInputSectionOrganismStore, () => {\n return import('@ng-atomic/components/organisms/password-input-section').then(m => m.PasswordInputSectionOrganism);\n }),\n provideComponent(SelectInputSectionOrganismStore, () => {\n return import('@ng-atomic/components/organisms/select-input-section').then(m => m.SelectInputSectionOrganism);\n }),\n StripeInputSectionOrganismStore.Config.provide(),\n provideComponent(StripeInputSectionOrganismStore, () => {\n return import('@ng-atomic/components/organisms/stripe-input-section').then(m => m.StripeInputSectionOrganism);\n }),\n provideComponent(TableOrganismStore, () => {\n return import('@ng-atomic/components/organisms/table').then(m => m.TableOrganism);\n }),\n provideComponent(NavigatorOrganismStore, () => {\n return import('@ng-atomic/components/organisms/navigator').then(m => m.NavigatorOrganism);\n }),\n NavigatorOrganismStore.Config.provide(),\n provideComponent(NumberInputSectionOrganismStore, () => {\n return import('@ng-atomic/components/organisms/number-input-section').then(m => m.NumberInputSectionOrganism);\n }),\n MenuHeaderOrganismStore.Config.provide(),\n provideComponent(MenuHeaderOrganismStore, () => {\n return import('@ng-atomic/components/organisms/menu-header').then(m => m.MenuHeaderOrganism);\n }),\n provideComponent(MenuFooterOrganismStore, () => {\n return import('@ng-atomic/components/organisms/menu-footer').then(m => m.MenuFooterOrganism);\n }),\n provideComponent(NavigationListOrganismStore, () => {\n return import('@ng-atomic/components/organisms/navigation-list').then(m => m.NavigationListOrganism);\n }),\n ListOrganismStore.provideDefault(),\n provideComponent(ListOrganismStore, () => {\n return import('@ng-atomic/components/organisms/list').then(m => m.ListOrganism);\n }),\n SliderInputSectionOrganismStore.Config.provide(),\n provideComponent(SliderInputSectionOrganismStore, () => {\n return import('@ng-atomic/components/organisms/slider-input-section').then(m => m.SliderInputSectionOrganism);\n }),\n provideComponent(TextInputSectionOrganismStore, () => {\n return import('@ng-atomic/components/organisms/text-input-section').then(m => m.TextInputSectionOrganism);\n }),\n provideComponent(TextareaSectionOrganismStore, () => {\n return import('@ng-atomic/components/organisms/textarea-section').then(m => m.TextareaSectionOrganism);\n }),\n ];\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -185,14 +185,8 @@ let IndexPageStore = class IndexPageStore extends InjectableComponent {
|
|
|
185
185
|
effect(() => {
|
|
186
186
|
const value = formValue();
|
|
187
187
|
const itemsMapper = (items) => {
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
// for (const func of filterFuncs ?? []) {
|
|
191
|
-
// console.debug('items:', items);
|
|
192
|
-
// items = items.filter(func);
|
|
193
|
-
// console.debug('filteredItems:', items);
|
|
194
|
-
// }
|
|
195
|
-
return indexPipe.transform(items, value);
|
|
188
|
+
const filterFunc = store.filterFunc();
|
|
189
|
+
return indexPipe.transform(items.filter(filterFunc), value);
|
|
196
190
|
};
|
|
197
191
|
applyToInput(store, 'itemsMapper', itemsMapper);
|
|
198
192
|
}, { allowSignalWrites: true });
|
|
@@ -211,9 +205,10 @@ let IndexPageStore = class IndexPageStore extends InjectableComponent {
|
|
|
211
205
|
static provideItemsInitializer(itemsFactory) {
|
|
212
206
|
return [
|
|
213
207
|
IndexPageStore_1.Initializer.provide((store) => {
|
|
214
|
-
const items = itemsFactory();
|
|
215
208
|
effect(() => {
|
|
209
|
+
const items = itemsFactory();
|
|
216
210
|
applyToInput(store, 'items', items);
|
|
211
|
+
console.debug('items:', items);
|
|
217
212
|
}, { allowSignalWrites: true });
|
|
218
213
|
}),
|
|
219
214
|
];
|
|
@@ -324,7 +319,7 @@ let IndexPageStore = class IndexPageStore extends InjectableComponent {
|
|
|
324
319
|
this.groupKeys = input(_computed(() => this.config().groupKeys));
|
|
325
320
|
this.type = input(_computed(() => this.config().type));
|
|
326
321
|
this.items = input(_computed(() => this.config().items));
|
|
327
|
-
this.itemsMap = input(_computed(() => convertToItemsMap(this.
|
|
322
|
+
this.itemsMap = input(_computed(() => convertToItemsMap(this.displayedItems())));
|
|
328
323
|
this.itemActions = input(_computed(() => this.config().itemActions));
|
|
329
324
|
this.title = input(_computed(() => this.config().title));
|
|
330
325
|
this.form = input(_computed(() => this.config().form));
|
|
@@ -416,7 +411,7 @@ class IndexPage extends NgAtomicComponent {
|
|
|
416
411
|
(action)="dispatch($event)"
|
|
417
412
|
/>
|
|
418
413
|
</frames-router-outlet>
|
|
419
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-
|
|
414
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-z9WM: var(--page-width-lv3);--primary-color-SCOPED-IN-index-z9WM: var(--primary-color);--on-primary-color-SCOPED-IN-index-z9WM: var(--on-primary-color);--surface-color-SCOPED-IN-index-z9WM: var(--surface-color);--on-surface-color-SCOPED-IN-index-z9WM: var(--on-surface-color);--on-background-color-SCOPED-IN-index-z9WM: var(--on-background-color);--background-color-SCOPED-IN-index-z9WM: var(--background-color);--navigator-background-color-SCOPED-IN-index-z9WM: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-z9WM: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-z9WM: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-z9WM: var(--table-on-background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-z9WM)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-z9WM);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-z9WM);--surface-color: var(--surface-color-SCOPED-IN-index-z9WM);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-z9WM);--background-color: var(--background-color-SCOPED-IN-index-z9WM);--on-background-color: var(--on-background-color-SCOPED-IN-index-z9WM);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-z9WM);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-z9WM);--table-background-color: var(--table-background-color-SCOPED-IN-index-z9WM);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-z9WM)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: IndexTemplate, selector: "templates-index" }] }); }
|
|
420
415
|
}
|
|
421
416
|
__decorate([
|
|
422
417
|
Effect(IndexTemplate.ActionId.BACK),
|
|
@@ -482,7 +477,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
482
477
|
'itemsMap',
|
|
483
478
|
],
|
|
484
479
|
},
|
|
485
|
-
], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-
|
|
480
|
+
], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-z9WM: var(--page-width-lv3);--primary-color-SCOPED-IN-index-z9WM: var(--primary-color);--on-primary-color-SCOPED-IN-index-z9WM: var(--on-primary-color);--surface-color-SCOPED-IN-index-z9WM: var(--surface-color);--on-surface-color-SCOPED-IN-index-z9WM: var(--on-surface-color);--on-background-color-SCOPED-IN-index-z9WM: var(--on-background-color);--background-color-SCOPED-IN-index-z9WM: var(--background-color);--navigator-background-color-SCOPED-IN-index-z9WM: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-z9WM: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-z9WM: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-z9WM: var(--table-on-background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-z9WM)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-z9WM);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-z9WM);--surface-color: var(--surface-color-SCOPED-IN-index-z9WM);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-z9WM);--background-color: var(--background-color-SCOPED-IN-index-z9WM);--on-background-color: var(--on-background-color-SCOPED-IN-index-z9WM);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-z9WM);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-z9WM);--table-background-color: var(--table-background-color-SCOPED-IN-index-z9WM);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-z9WM)}\n"] }]
|
|
486
481
|
}], propDecorators: { back: [], close: [], itemClick: [], onCheckboxClick: [], onItemButtonClicked: [] } });
|
|
487
482
|
|
|
488
483
|
/**
|