@ng-atomic/components 5.14.0 → 6.0.3
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/chips-input/chips-input.atom.d.ts +1 -1
- package/atoms/icon/icon.atom.d.ts +1 -1
- package/atoms/smart-menu-button/smart-menu-button.atom.d.ts +1 -1
- package/{esm2020 → esm2022}/atoms/chips-input/chips-input.atom.mjs +8 -8
- package/esm2022/atoms/icon/icon.atom.mjs +51 -0
- package/{esm2020 → esm2022}/atoms/smart-menu-button/smart-menu-button.atom.mjs +10 -10
- package/esm2022/extras/editor/editor.component.mjs +47 -0
- package/{esm2020 → esm2022}/frames/auto-layout/auto-layout.frame.mjs +5 -5
- package/{esm2020 → esm2022}/frames/card/card.frame.mjs +4 -4
- package/esm2022/frames/divider/divider.frame.mjs +84 -0
- package/esm2022/frames/drawer/drawer.frame.mjs +55 -0
- package/esm2022/frames/fab/fab.frame.mjs +44 -0
- package/esm2022/frames/fab/fab.service.mjs +27 -0
- package/esm2022/frames/line-up/line-up.animations.mjs +14 -0
- package/esm2022/frames/line-up/line-up.frame.mjs +112 -0
- package/esm2022/frames/line-up/resize-observer.mjs +16 -0
- package/{esm2020 → esm2022}/frames/loading/loading.frame.mjs +6 -6
- package/esm2022/frames/overlay/overlay.animations.mjs +12 -0
- package/esm2022/frames/overlay/overlay.frame.mjs +29 -0
- package/esm2022/frames/router-outlet/index.mjs +2 -0
- package/esm2022/frames/router-outlet/ng-atomic-components-frames-router-outlet.mjs +5 -0
- package/esm2022/frames/router-outlet/router-outlet.frame.mjs +77 -0
- package/esm2022/frames/scroll/scroll.frame.mjs +28 -0
- package/esm2022/frames/scroll-v2/index.mjs +2 -0
- package/esm2022/frames/scroll-v2/ng-atomic-components-frames-scroll-v2.mjs +5 -0
- package/esm2022/frames/scroll-v2/scroll.frame.mjs +34 -0
- package/esm2022/frames/side-nav/index.mjs +2 -0
- package/esm2022/frames/side-nav/ng-atomic-components-frames-side-nav.mjs +5 -0
- package/esm2022/frames/side-nav/side-nav.frame.mjs +126 -0
- package/{esm2020 → esm2022}/frames/smart-menu/smart-menu.frame.mjs +5 -5
- package/esm2022/frames/vertical-hide/index.mjs +2 -0
- package/esm2022/frames/vertical-hide/ng-atomic-components-frames-vertical-hide.mjs +5 -0
- package/esm2022/frames/vertical-hide/vertical-hide.frame.mjs +30 -0
- package/esm2022/index.mjs +25 -0
- package/esm2022/molecules/action-input-field/action-input-field.molecule.mjs +94 -0
- package/esm2022/molecules/action-input-field/index.mjs +2 -0
- package/esm2022/molecules/action-input-field/ng-atomic-components-molecules-action-input-field.mjs +5 -0
- package/esm2022/molecules/actions-column/actions-column.molecule.mjs +103 -0
- package/{esm2020 → esm2022}/molecules/checkbox-column/checkbox-column.molecule.mjs +8 -8
- package/{esm2020 → esm2022}/molecules/chips-input-field/chips-input-field.molecule.mjs +10 -6
- package/esm2022/molecules/date-input-field/date-input-field.molecule.mjs +68 -0
- package/esm2022/molecules/file-input-field/file-input-field.molecule.mjs +126 -0
- package/esm2022/molecules/file-input-field/index.mjs +2 -0
- package/esm2022/molecules/file-input-field/ng-atomic-components-molecules-file-input-field.mjs +5 -0
- package/{esm2020 → esm2022}/molecules/header/header.molecule.mjs +4 -4
- package/esm2022/molecules/navigation-list-item/navigation-list-item.molecule.mjs +68 -0
- package/{esm2020 → esm2022}/molecules/nested-menu/nested-menu.molecule.mjs +6 -6
- package/esm2022/molecules/select-input-field/select-input-field.molecule.mjs +60 -0
- package/{esm2020 → esm2022}/molecules/smart-column/smart-column.molecule.mjs +4 -4
- package/esm2022/molecules/text-input-field/text-input-field.molecule.mjs +104 -0
- package/esm2022/molecules/textarea-field/textarea-field.molecule.mjs +77 -0
- package/{esm2020 → esm2022}/molecules/tree-column/tree-column.molecule.mjs +6 -6
- package/{esm2020 → esm2022}/organisms/action-buttons-section/action-buttons-section.organism.mjs +5 -5
- package/esm2022/organisms/action-input-section/action-input-section.organism.mjs +49 -0
- package/esm2022/organisms/action-input-section/index.mjs +2 -0
- package/esm2022/organisms/action-input-section/ng-atomic-components-organisms-action-input-section.mjs +5 -0
- package/{esm2020 → esm2022}/organisms/card-input-section/card-input-section.organism.mjs +5 -5
- package/{esm2020 → esm2022}/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs +5 -5
- package/esm2022/organisms/date-input-section/date-input-section.organism.mjs +41 -0
- package/esm2022/organisms/file-input-section/file-input-section.organism.mjs +77 -0
- package/esm2022/organisms/file-input-section/index.mjs +2 -0
- package/esm2022/organisms/file-input-section/ng-atomic-components-organisms-file-input-section.mjs +5 -0
- package/{esm2020 → esm2022}/organisms/filters-section/filters-section.organism.mjs +6 -6
- package/esm2022/organisms/graphql-editor/graphql-editor.organism.mjs +110 -0
- package/{esm2020 → esm2022}/organisms/grid-toolbar/grid-toolbar.organism.mjs +6 -6
- package/{esm2020 → esm2022}/organisms/heading/heading.organism.mjs +5 -5
- package/esm2022/organisms/menu-footer/index.mjs +2 -0
- package/esm2022/organisms/menu-footer/menu-footer.organism.mjs +34 -0
- package/esm2022/organisms/menu-footer/ng-atomic-components-organisms-menu-footer.mjs +5 -0
- package/esm2022/organisms/menu-header/index.mjs +2 -0
- package/esm2022/organisms/menu-header/menu-header.organism.mjs +30 -0
- package/esm2022/organisms/menu-header/ng-atomic-components-organisms-menu-header.mjs +5 -0
- package/{esm2020 → esm2022}/organisms/mermaid-section/mermaid-section.organism.mjs +6 -6
- package/{esm2020 → esm2022}/organisms/message-input-section/message-input-section.organism.mjs +4 -4
- package/{esm2020 → esm2022}/organisms/messages-section/messages-section.organism.mjs +5 -5
- package/esm2022/organisms/navigation-list/navigation-list.organism.mjs +63 -0
- package/esm2022/organisms/navigator/navigator.organism.mjs +70 -0
- package/{esm2020 → esm2022}/organisms/paginator/paginator.organism.mjs +6 -6
- package/{esm2020 → esm2022}/organisms/select-input-section/select-input-section.organism.mjs +5 -5
- package/esm2022/organisms/selection-list/index.mjs +2 -0
- package/esm2022/organisms/selection-list/ng-atomic-components-organisms-selection-list.mjs +5 -0
- package/esm2022/organisms/selection-list/selection-list.organism.mjs +114 -0
- package/esm2022/organisms/smart-list/smart-list.organism.mjs +144 -0
- package/esm2022/organisms/smart-table/smart-table.organism.mjs +210 -0
- package/{esm2020 → esm2022}/organisms/social-login-section/social-login-section.organism.mjs +5 -5
- package/esm2022/organisms/terminal/index.mjs +2 -0
- package/esm2022/organisms/terminal/ng-atomic-components-organisms-terminal.mjs +5 -0
- package/esm2022/organisms/terminal/terminal.organism.mjs +28 -0
- package/esm2022/organisms/text-input-section/text-input-section.organism.mjs +52 -0
- package/esm2022/organisms/textarea-section/textarea-section.organism.mjs +52 -0
- package/esm2022/organisms/toolbar/index.mjs +2 -0
- package/esm2022/organisms/toolbar/ng-atomic-components-organisms-toolbar.mjs +5 -0
- package/esm2022/organisms/toolbar/toolbar.organism.mjs +98 -0
- package/{esm2020 → esm2022}/organisms/tree-section/tree-section.organism.mjs +6 -6
- package/esm2022/organisms/vertical-divider/index.mjs +2 -0
- package/esm2022/organisms/vertical-divider/ng-atomic-components-organisms-vertical-divider.mjs +5 -0
- package/esm2022/organisms/vertical-divider/vertical-divider.organism.mjs +17 -0
- package/{esm2020 → esm2022}/pages/_index/index.module.mjs +6 -6
- package/{esm2020 → esm2022}/pages/_index/index.page.mjs +4 -4
- package/{esm2020 → esm2022}/pages/blank/blank.page.mjs +4 -4
- package/esm2022/templates/code-editor/code-editor.template.mjs +97 -0
- package/esm2022/templates/code-editor/index.mjs +2 -0
- package/esm2022/templates/code-editor/ng-atomic-components-templates-code-editor.mjs +5 -0
- package/esm2022/templates/entrance/entrance.template.mjs +107 -0
- package/esm2022/templates/file-tree/file-tree.template.mjs +94 -0
- package/esm2022/templates/file-tree/index.mjs +2 -0
- package/esm2022/templates/file-tree/ng-atomic-components-templates-file-tree.mjs +5 -0
- package/esm2022/templates/icon-button-menu/icon-button-menu.template.mjs +64 -0
- package/esm2022/templates/icon-button-menu/index.mjs +2 -0
- package/esm2022/templates/icon-button-menu/ng-atomic-components-templates-icon-button-menu.mjs +5 -0
- package/{esm2020 → esm2022}/templates/loading/loading.template.mjs +4 -4
- package/esm2022/templates/menu/index.mjs +2 -0
- package/esm2022/templates/menu/menu.template.mjs +64 -0
- package/{esm2020 → esm2022}/templates/messages/messages.template.mjs +6 -6
- package/esm2022/templates/selection/index.mjs +2 -0
- package/esm2022/templates/selection/ng-atomic-components-templates-selection.mjs +5 -0
- package/esm2022/templates/selection/selection.template.mjs +128 -0
- package/esm2022/templates/smart-crud/smart-crud.template.mjs +256 -0
- package/esm2022/templates/smart-index/smart-index.template.mjs +346 -0
- package/esm2022/templates/tab-editor/index.mjs +2 -0
- package/esm2022/templates/tab-editor/ng-atomic-components-templates-tab-editor.mjs +5 -0
- package/esm2022/templates/tab-editor/tab-editor.template.mjs +76 -0
- package/esm2022/templates/term/index.mjs +2 -0
- package/esm2022/templates/term/ng-atomic-components-templates-term.mjs +5 -0
- package/esm2022/templates/term/term.template.mjs +79 -0
- package/extras/editor/editor.component.d.ts +3 -3
- package/{fesm2020 → fesm2022}/ng-atomic-components-atoms-chips-input.mjs +7 -7
- package/{fesm2020 → fesm2022}/ng-atomic-components-atoms-chips-input.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-atoms-icon.mjs +58 -0
- package/fesm2022/ng-atomic-components-atoms-icon.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-atoms-smart-menu-button.mjs +9 -9
- package/fesm2022/ng-atomic-components-atoms-smart-menu-button.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-extras-editor.mjs +12 -6
- package/fesm2022/ng-atomic-components-extras-editor.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-auto-layout.mjs +21 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-frames-auto-layout.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ng-atomic-components-frames-card.mjs +3 -3
- package/{fesm2015 → fesm2022}/ng-atomic-components-frames-card.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/ng-atomic-components-frames-divider.mjs +27 -11
- package/fesm2022/ng-atomic-components-frames-divider.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-drawer.mjs +62 -0
- package/fesm2022/ng-atomic-components-frames-drawer.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-fab.mjs +75 -0
- package/fesm2022/ng-atomic-components-frames-fab.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-line-up.mjs +132 -0
- package/fesm2022/ng-atomic-components-frames-line-up.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-frames-loading.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-frames-loading.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-frames-overlay.mjs +47 -0
- package/fesm2022/ng-atomic-components-frames-overlay.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-router-outlet.mjs +84 -0
- package/fesm2022/ng-atomic-components-frames-router-outlet.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-scroll-v2.mjs +41 -0
- package/fesm2022/ng-atomic-components-frames-scroll-v2.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-scroll.mjs +35 -0
- package/fesm2022/ng-atomic-components-frames-scroll.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-side-nav.mjs +133 -0
- package/fesm2022/ng-atomic-components-frames-side-nav.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-smart-menu.mjs +43 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-frames-smart-menu.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-frames-vertical-hide.mjs +37 -0
- package/fesm2022/ng-atomic-components-frames-vertical-hide.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-molecules-action-input-field.mjs +101 -0
- package/fesm2022/ng-atomic-components-molecules-action-input-field.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-actions-column.mjs +6 -6
- package/{fesm2015 → fesm2022}/ng-atomic-components-molecules-actions-column.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-checkbox-column.mjs +7 -7
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-checkbox-column.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-chips-input-field.mjs +9 -5
- package/fesm2022/ng-atomic-components-molecules-chips-input-field.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-molecules-date-input-field.mjs +24 -4
- package/fesm2022/ng-atomic-components-molecules-date-input-field.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-molecules-file-input-field.mjs +133 -0
- package/fesm2022/ng-atomic-components-molecules-file-input-field.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-header.mjs +3 -3
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-header.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-molecules-navigation-list-item.mjs +75 -0
- package/fesm2022/ng-atomic-components-molecules-navigation-list-item.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-molecules-nested-menu.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-nested-menu.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-molecules-select-input-field.mjs +67 -0
- package/fesm2022/ng-atomic-components-molecules-select-input-field.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-smart-column.mjs +3 -3
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-smart-column.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-molecules-text-input-field.mjs +111 -0
- package/fesm2022/ng-atomic-components-molecules-text-input-field.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-molecules-textarea-field.mjs +84 -0
- package/fesm2022/ng-atomic-components-molecules-textarea-field.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-tree-column.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-tree-column.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-action-buttons-section.mjs +34 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-action-buttons-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-action-input-section.mjs +56 -0
- package/fesm2022/ng-atomic-components-organisms-action-input-section.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-card-input-section.mjs +4 -4
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-card-input-section.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +4 -4
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-date-input-section.mjs +48 -0
- package/fesm2022/ng-atomic-components-organisms-date-input-section.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-organisms-file-input-section.mjs +84 -0
- package/fesm2022/ng-atomic-components-organisms-file-input-section.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-organisms-filters-section.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-filters-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-graphql-editor.mjs +115 -0
- package/fesm2022/ng-atomic-components-organisms-graphql-editor.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-organisms-grid-toolbar.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-grid-toolbar.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-heading.mjs +27 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-heading.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-menu-footer.mjs +41 -0
- package/fesm2022/ng-atomic-components-organisms-menu-footer.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-organisms-menu-header.mjs +37 -0
- package/fesm2022/ng-atomic-components-organisms-menu-header.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-mermaid-section.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-mermaid-section.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-message-input-section.mjs +3 -3
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-message-input-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-messages-section.mjs +27 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-messages-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs +70 -0
- package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-organisms-navigator.mjs +10 -11
- package/fesm2022/ng-atomic-components-organisms-navigator.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-paginator.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-paginator.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-select-input-section.mjs +4 -4
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-select-input-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-selection-list.mjs +121 -0
- package/fesm2022/ng-atomic-components-organisms-selection-list.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-organisms-smart-list.mjs +150 -0
- package/fesm2022/ng-atomic-components-organisms-smart-list.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-organisms-smart-table.mjs +217 -0
- package/fesm2022/ng-atomic-components-organisms-smart-table.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-organisms-social-login-section.mjs +29 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-organisms-social-login-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-terminal.mjs +35 -0
- package/fesm2022/ng-atomic-components-organisms-terminal.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-organisms-text-input-section.mjs +59 -0
- package/fesm2022/ng-atomic-components-organisms-text-input-section.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs +59 -0
- package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-organisms-toolbar.mjs +105 -0
- package/fesm2022/ng-atomic-components-organisms-toolbar.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-tree-section.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-tree-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-vertical-divider.mjs +24 -0
- package/fesm2022/ng-atomic-components-organisms-vertical-divider.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-pages-_index.mjs +8 -8
- package/fesm2022/ng-atomic-components-pages-_index.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-pages-blank.mjs +3 -3
- package/{fesm2015 → fesm2022}/ng-atomic-components-pages-blank.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-code-editor.mjs +101 -0
- package/fesm2022/ng-atomic-components-templates-code-editor.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-templates-entrance.mjs +114 -0
- package/fesm2022/ng-atomic-components-templates-entrance.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-templates-file-tree.mjs +100 -0
- package/fesm2022/ng-atomic-components-templates-file-tree.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs +71 -0
- package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-templates-loading.mjs +3 -3
- package/{fesm2020 → fesm2022}/ng-atomic-components-templates-loading.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-menu.mjs +71 -0
- package/fesm2022/ng-atomic-components-templates-menu.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-templates-messages.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-templates-messages.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-selection.mjs +135 -0
- package/fesm2022/ng-atomic-components-templates-selection.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-templates-smart-crud.mjs +262 -0
- package/fesm2022/ng-atomic-components-templates-smart-crud.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-templates-smart-index.mjs +353 -0
- package/fesm2022/ng-atomic-components-templates-smart-index.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-templates-tab-editor.mjs +83 -0
- package/fesm2022/ng-atomic-components-templates-tab-editor.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-templates-term.mjs +86 -0
- package/fesm2022/ng-atomic-components-templates-term.mjs.map +1 -0
- package/fesm2022/ng-atomic-components.mjs +32 -0
- package/fesm2022/ng-atomic-components.mjs.map +1 -0
- package/frames/divider/divider.frame.d.ts +12 -4
- package/frames/drawer/drawer.frame.d.ts +1 -1
- package/frames/fab/fab.frame.d.ts +4 -9
- package/frames/fab/fab.service.d.ts +5 -5
- package/frames/line-up/line-up.frame.d.ts +22 -21
- package/frames/line-up/resize-observer.d.ts +1 -1
- package/frames/loading/loading.frame.d.ts +1 -1
- package/frames/overlay/overlay.frame.d.ts +1 -1
- package/frames/router-outlet/index.d.ts +1 -0
- package/frames/router-outlet/router-outlet.frame.d.ts +14 -0
- package/frames/scroll-v2/index.d.ts +1 -0
- package/frames/scroll-v2/scroll.frame.d.ts +5 -0
- package/frames/side-nav/index.d.ts +1 -0
- package/frames/side-nav/side-nav.frame.d.ts +22 -0
- package/frames/smart-menu/smart-menu.frame.d.ts +1 -1
- package/frames/vertical-hide/index.d.ts +1 -0
- package/frames/vertical-hide/vertical-hide.frame.d.ts +6 -0
- package/index.d.ts +10 -1
- package/molecules/action-input-field/action-input-field.molecule.d.ts +23 -0
- package/molecules/action-input-field/index.d.ts +1 -0
- package/molecules/actions-column/actions-column.molecule.d.ts +1 -1
- package/molecules/checkbox-column/checkbox-column.molecule.d.ts +1 -1
- package/molecules/chips-input-field/chips-input-field.molecule.d.ts +1 -1
- package/molecules/date-input-field/date-input-field.molecule.d.ts +1 -1
- package/molecules/file-input-field/file-input-field.molecule.d.ts +35 -0
- package/molecules/file-input-field/index.d.ts +1 -0
- package/molecules/header/header.molecule.d.ts +1 -1
- package/molecules/navigation-list-item/navigation-list-item.molecule.d.ts +11 -3
- package/molecules/nested-menu/nested-menu.molecule.d.ts +1 -1
- package/molecules/select-input-field/select-input-field.molecule.d.ts +1 -1
- package/molecules/smart-column/smart-column.molecule.d.ts +1 -1
- package/molecules/text-input-field/text-input-field.molecule.d.ts +15 -8
- package/molecules/textarea-field/textarea-field.molecule.d.ts +1 -1
- package/molecules/tree-column/tree-column.molecule.d.ts +1 -1
- package/organisms/action-buttons-section/action-buttons-section.organism.d.ts +1 -1
- package/organisms/action-input-section/action-input-section.organism.d.ts +12 -0
- package/organisms/action-input-section/index.d.ts +1 -0
- package/organisms/card-input-section/card-input-section.organism.d.ts +1 -1
- package/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.d.ts +1 -1
- package/organisms/date-input-section/date-input-section.organism.d.ts +1 -1
- package/organisms/file-input-section/file-input-section.organism.d.ts +20 -0
- package/organisms/file-input-section/index.d.ts +1 -0
- package/organisms/filters-section/filters-section.organism.d.ts +1 -1
- package/organisms/graphql-editor/graphql-editor.organism.d.ts +6 -14
- package/organisms/grid-toolbar/grid-toolbar.organism.d.ts +1 -1
- package/organisms/heading/heading.organism.d.ts +1 -1
- package/organisms/menu-footer/index.d.ts +1 -0
- package/organisms/menu-footer/menu-footer.organism.d.ts +12 -0
- package/organisms/menu-header/index.d.ts +1 -0
- package/organisms/menu-header/menu-header.organism.d.ts +12 -0
- package/organisms/mermaid-section/mermaid-section.organism.d.ts +1 -1
- package/organisms/message-input-section/message-input-section.organism.d.ts +1 -1
- package/organisms/messages-section/messages-section.organism.d.ts +1 -1
- package/organisms/navigation-list/navigation-list.organism.d.ts +10 -4
- package/organisms/navigator/navigator.organism.d.ts +4 -5
- package/organisms/paginator/paginator.organism.d.ts +1 -1
- package/organisms/select-input-section/select-input-section.organism.d.ts +1 -1
- package/organisms/selection-list/index.d.ts +1 -0
- package/organisms/selection-list/selection-list.organism.d.ts +19 -0
- package/organisms/smart-list/smart-list.organism.d.ts +16 -14
- package/organisms/smart-table/smart-table.organism.d.ts +16 -2
- package/organisms/terminal/index.d.ts +1 -0
- package/organisms/terminal/terminal.organism.d.ts +10 -0
- package/organisms/text-input-section/text-input-section.organism.d.ts +2 -1
- package/organisms/textarea-section/textarea-section.organism.d.ts +3 -1
- package/organisms/toolbar/index.d.ts +1 -0
- package/organisms/toolbar/toolbar.organism.d.ts +15 -0
- package/organisms/tree-section/tree-section.organism.d.ts +1 -1
- package/organisms/vertical-divider/index.d.ts +1 -0
- package/organisms/vertical-divider/vertical-divider.organism.d.ts +5 -0
- package/package.json +325 -319
- package/templates/code-editor/code-editor.template.d.ts +24 -0
- package/templates/code-editor/index.d.ts +1 -0
- package/templates/entrance/entrance.template.d.ts +4 -4
- package/templates/file-tree/file-tree.template.d.ts +24 -0
- package/templates/file-tree/index.d.ts +1 -0
- package/templates/icon-button-menu/icon-button-menu.template.d.ts +15 -0
- package/templates/icon-button-menu/index.d.ts +1 -0
- package/templates/menu/index.d.ts +1 -1
- package/templates/menu/menu.template.d.ts +11 -4
- package/templates/messages/messages.template.d.ts +1 -1
- package/templates/selection/index.d.ts +1 -0
- package/templates/selection/selection.template.d.ts +23 -0
- package/templates/smart-crud/smart-crud.template.d.ts +8 -3
- package/templates/smart-index/smart-index.template.d.ts +69 -24
- package/templates/tab-editor/index.d.ts +1 -0
- package/templates/tab-editor/tab-editor.template.d.ts +8 -0
- package/templates/term/index.d.ts +1 -0
- package/templates/term/term.template.d.ts +24 -0
- package/esm2020/atoms/icon/icon.atom.mjs +0 -35
- package/esm2020/extras/editor/editor.component.mjs +0 -41
- package/esm2020/frames/divider/divider.frame.mjs +0 -68
- package/esm2020/frames/drawer/drawer.frame.mjs +0 -40
- package/esm2020/frames/fab/fab.frame.mjs +0 -56
- package/esm2020/frames/fab/fab.service.mjs +0 -26
- package/esm2020/frames/line-up/line-up.animations.mjs +0 -67
- package/esm2020/frames/line-up/line-up.frame.mjs +0 -114
- package/esm2020/frames/line-up/resize-observer.mjs +0 -13
- package/esm2020/frames/overlay/overlay.animations.mjs +0 -28
- package/esm2020/frames/overlay/overlay.frame.mjs +0 -22
- package/esm2020/frames/scroll/scroll.frame.mjs +0 -17
- package/esm2020/index.mjs +0 -3
- package/esm2020/molecules/actions-column/actions-column.molecule.mjs +0 -103
- package/esm2020/molecules/date-input-field/date-input-field.molecule.mjs +0 -48
- package/esm2020/molecules/navigation-list-item/navigation-list-item.molecule.mjs +0 -46
- package/esm2020/molecules/select-input-field/select-input-field.molecule.mjs +0 -38
- package/esm2020/molecules/text-input-field/text-input-field.molecule.mjs +0 -43
- package/esm2020/molecules/textarea-field/textarea-field.molecule.mjs +0 -51
- package/esm2020/organisms/date-input-section/date-input-section.organism.mjs +0 -29
- package/esm2020/organisms/graphql-editor/graphql-editor.organism.mjs +0 -115
- package/esm2020/organisms/navigation-list/navigation-list.organism.mjs +0 -44
- package/esm2020/organisms/navigator/navigator.organism.mjs +0 -71
- package/esm2020/organisms/smart-list/smart-list.organism.mjs +0 -108
- package/esm2020/organisms/smart-table/smart-table.organism.mjs +0 -170
- package/esm2020/organisms/text-input-section/text-input-section.organism.mjs +0 -33
- package/esm2020/organisms/textarea-section/textarea-section.organism.mjs +0 -31
- package/esm2020/templates/entrance/entrance.template.mjs +0 -72
- package/esm2020/templates/menu/index.mjs +0 -2
- package/esm2020/templates/menu/menu.template.mjs +0 -46
- package/esm2020/templates/smart-crud/smart-crud.template.mjs +0 -85
- package/esm2020/templates/smart-index/smart-index.template.mjs +0 -242
- package/fesm2015/ng-atomic-components-atoms-chips-input.mjs +0 -113
- package/fesm2015/ng-atomic-components-atoms-chips-input.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-atoms-icon.mjs +0 -42
- package/fesm2015/ng-atomic-components-atoms-icon.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-atoms-smart-menu-button.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-extras-editor.mjs +0 -52
- package/fesm2015/ng-atomic-components-extras-editor.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-frames-auto-layout.mjs +0 -21
- package/fesm2015/ng-atomic-components-frames-card.mjs +0 -24
- package/fesm2015/ng-atomic-components-frames-divider.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-frames-drawer.mjs +0 -49
- package/fesm2015/ng-atomic-components-frames-drawer.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-frames-fab.mjs +0 -84
- package/fesm2015/ng-atomic-components-frames-fab.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-frames-line-up.mjs +0 -197
- package/fesm2015/ng-atomic-components-frames-line-up.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-frames-loading.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-frames-overlay.mjs +0 -56
- package/fesm2015/ng-atomic-components-frames-overlay.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-frames-scroll.mjs +0 -24
- package/fesm2015/ng-atomic-components-frames-scroll.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-frames-smart-menu.mjs +0 -43
- package/fesm2015/ng-atomic-components-frames-smart-menu.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-actions-column.mjs +0 -113
- package/fesm2015/ng-atomic-components-molecules-checkbox-column.mjs +0 -103
- package/fesm2015/ng-atomic-components-molecules-checkbox-column.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-chips-input-field.mjs +0 -131
- package/fesm2015/ng-atomic-components-molecules-chips-input-field.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-header.mjs +0 -28
- package/fesm2015/ng-atomic-components-molecules-header.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-navigation-list-item.mjs +0 -53
- package/fesm2015/ng-atomic-components-molecules-navigation-list-item.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-nested-menu.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs +0 -45
- package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-smart-column.mjs +0 -55
- package/fesm2015/ng-atomic-components-molecules-smart-column.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-text-input-field.mjs +0 -50
- package/fesm2015/ng-atomic-components-molecules-text-input-field.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-textarea-field.mjs +0 -58
- package/fesm2015/ng-atomic-components-molecules-textarea-field.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-tree-column.mjs +0 -135
- package/fesm2015/ng-atomic-components-molecules-tree-column.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs +0 -34
- package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-card-input-section.mjs +0 -35
- package/fesm2015/ng-atomic-components-organisms-card-input-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-date-input-section.mjs +0 -36
- package/fesm2015/ng-atomic-components-organisms-date-input-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-filters-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-graphql-editor.mjs +0 -121
- package/fesm2015/ng-atomic-components-organisms-graphql-editor.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-grid-toolbar.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-heading.mjs +0 -27
- package/fesm2015/ng-atomic-components-organisms-heading.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-mermaid-section.mjs +0 -51
- package/fesm2015/ng-atomic-components-organisms-mermaid-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-message-input-section.mjs +0 -39
- package/fesm2015/ng-atomic-components-organisms-message-input-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-messages-section.mjs +0 -27
- package/fesm2015/ng-atomic-components-organisms-messages-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-navigation-list.mjs +0 -51
- package/fesm2015/ng-atomic-components-organisms-navigation-list.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-navigator.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-paginator.mjs +0 -61
- package/fesm2015/ng-atomic-components-organisms-paginator.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs +0 -35
- package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-smart-list.mjs +0 -119
- package/fesm2015/ng-atomic-components-organisms-smart-list.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-smart-table.mjs +0 -176
- package/fesm2015/ng-atomic-components-organisms-smart-table.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-social-login-section.mjs +0 -29
- package/fesm2015/ng-atomic-components-organisms-text-input-section.mjs +0 -40
- package/fesm2015/ng-atomic-components-organisms-text-input-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs +0 -38
- package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-tree-section.mjs +0 -237
- package/fesm2015/ng-atomic-components-organisms-tree-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-pages-_index.mjs +0 -46
- package/fesm2015/ng-atomic-components-pages-_index.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-pages-blank.mjs +0 -24
- package/fesm2015/ng-atomic-components-templates-entrance.mjs +0 -79
- package/fesm2015/ng-atomic-components-templates-entrance.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-templates-loading.mjs +0 -24
- package/fesm2015/ng-atomic-components-templates-loading.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-templates-menu.mjs +0 -53
- package/fesm2015/ng-atomic-components-templates-menu.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-templates-messages.mjs +0 -97
- package/fesm2015/ng-atomic-components-templates-messages.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-templates-smart-crud.mjs +0 -91
- package/fesm2015/ng-atomic-components-templates-smart-crud.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-templates-smart-index.mjs +0 -248
- package/fesm2015/ng-atomic-components-templates-smart-index.mjs.map +0 -1
- package/fesm2015/ng-atomic-components.mjs +0 -9
- package/fesm2015/ng-atomic-components.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-atoms-icon.mjs +0 -42
- package/fesm2020/ng-atomic-components-atoms-icon.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs +0 -84
- package/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-extras-editor.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-auto-layout.mjs +0 -21
- package/fesm2020/ng-atomic-components-frames-auto-layout.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-card.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-divider.mjs +0 -75
- package/fesm2020/ng-atomic-components-frames-divider.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-drawer.mjs +0 -47
- package/fesm2020/ng-atomic-components-frames-drawer.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-fab.mjs +0 -84
- package/fesm2020/ng-atomic-components-frames-fab.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-line-up.mjs +0 -196
- package/fesm2020/ng-atomic-components-frames-line-up.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-loading.mjs +0 -36
- package/fesm2020/ng-atomic-components-frames-overlay.mjs +0 -56
- package/fesm2020/ng-atomic-components-frames-overlay.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-scroll.mjs +0 -24
- package/fesm2020/ng-atomic-components-frames-scroll.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-smart-menu.mjs +0 -43
- package/fesm2020/ng-atomic-components-molecules-actions-column.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-molecules-chips-input-field.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-molecules-date-input-field.mjs +0 -55
- package/fesm2020/ng-atomic-components-molecules-date-input-field.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-molecules-navigation-list-item.mjs +0 -53
- package/fesm2020/ng-atomic-components-molecules-navigation-list-item.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-molecules-nested-menu.mjs +0 -87
- package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs +0 -45
- package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-molecules-text-input-field.mjs +0 -50
- package/fesm2020/ng-atomic-components-molecules-text-input-field.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-molecules-textarea-field.mjs +0 -58
- package/fesm2020/ng-atomic-components-molecules-textarea-field.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs +0 -34
- package/fesm2020/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +0 -40
- package/fesm2020/ng-atomic-components-organisms-date-input-section.mjs +0 -36
- package/fesm2020/ng-atomic-components-organisms-date-input-section.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-filters-section.mjs +0 -136
- package/fesm2020/ng-atomic-components-organisms-graphql-editor.mjs +0 -120
- package/fesm2020/ng-atomic-components-organisms-graphql-editor.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-grid-toolbar.mjs +0 -156
- package/fesm2020/ng-atomic-components-organisms-heading.mjs +0 -27
- package/fesm2020/ng-atomic-components-organisms-messages-section.mjs +0 -27
- package/fesm2020/ng-atomic-components-organisms-navigation-list.mjs +0 -51
- package/fesm2020/ng-atomic-components-organisms-navigation-list.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-navigator.mjs +0 -78
- package/fesm2020/ng-atomic-components-organisms-navigator.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-smart-list.mjs +0 -114
- package/fesm2020/ng-atomic-components-organisms-smart-list.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-smart-table.mjs +0 -177
- package/fesm2020/ng-atomic-components-organisms-smart-table.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-social-login-section.mjs +0 -29
- package/fesm2020/ng-atomic-components-organisms-social-login-section.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs +0 -40
- package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs +0 -38
- package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-pages-_index.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-pages-blank-blank.routes-09f8841a.mjs +0 -7
- package/fesm2020/ng-atomic-components-pages-blank-blank.routes-09f8841a.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-pages-blank.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-templates-entrance.mjs +0 -79
- package/fesm2020/ng-atomic-components-templates-entrance.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-templates-menu.mjs +0 -53
- package/fesm2020/ng-atomic-components-templates-menu.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-templates-smart-crud.mjs +0 -91
- package/fesm2020/ng-atomic-components-templates-smart-crud.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-templates-smart-index.mjs +0 -249
- package/fesm2020/ng-atomic-components-templates-smart-index.mjs.map +0 -1
- package/fesm2020/ng-atomic-components.mjs +0 -9
- package/fesm2020/ng-atomic-components.mjs.map +0 -1
- /package/{esm2020 → esm2022}/atoms/chips-input/index.mjs +0 -0
- /package/{esm2020 → esm2022}/atoms/chips-input/ng-atomic-components-atoms-chips-input.mjs +0 -0
- /package/{esm2020 → esm2022}/atoms/icon/index.mjs +0 -0
- /package/{esm2020 → esm2022}/atoms/icon/ng-atomic-components-atoms-icon.mjs +0 -0
- /package/{esm2020 → esm2022}/atoms/smart-menu-button/index.mjs +0 -0
- /package/{esm2020 → esm2022}/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.mjs +0 -0
- /package/{esm2020 → esm2022}/extras/editor/index.mjs +0 -0
- /package/{esm2020 → esm2022}/extras/editor/ng-atomic-components-extras-editor.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/auto-layout/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/auto-layout/ng-atomic-components-frames-auto-layout.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/card/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/card/ng-atomic-components-frames-card.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/divider/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/divider/ng-atomic-components-frames-divider.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/drawer/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/drawer/ng-atomic-components-frames-drawer.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/fab/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/fab/ng-atomic-components-frames-fab.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/line-up/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/line-up/ng-atomic-components-frames-line-up.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/loading/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/loading/ng-atomic-components-frames-loading.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/overlay/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/overlay/ng-atomic-components-frames-overlay.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/scroll/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/scroll/ng-atomic-components-frames-scroll.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/smart-menu/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/smart-menu/ng-atomic-components-frames-smart-menu.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/actions-column/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/actions-column/ng-atomic-components-molecules-actions-column.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/checkbox-column/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/checkbox-column/ng-atomic-components-molecules-checkbox-column.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/chips-input-field/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/chips-input-field/ng-atomic-components-molecules-chips-input-field.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/date-input-field/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/date-input-field/ng-atomic-components-molecules-date-input-field.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/header/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/header/ng-atomic-components-molecules-header.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/navigation-list-item/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/navigation-list-item/ng-atomic-components-molecules-navigation-list-item.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/nested-menu/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/nested-menu/ng-atomic-components-molecules-nested-menu.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/select-input-field/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/select-input-field/ng-atomic-components-molecules-select-input-field.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/smart-column/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/smart-column/ng-atomic-components-molecules-smart-column.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/text-input-field/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/textarea-field/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/textarea-field/ng-atomic-components-molecules-textarea-field.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/tree-column/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/tree-column/ng-atomic-components-molecules-tree-column.mjs +0 -0
- /package/{esm2020 → esm2022}/ng-atomic-components.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/action-buttons-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/card-input-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/card-input-section/ng-atomic-components-organisms-card-input-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/cvc-and-exp-input-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/cvc-and-exp-input-section/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/date-input-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/date-input-section/ng-atomic-components-organisms-date-input-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/filters-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/filters-section/ng-atomic-components-organisms-filters-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/graphql-editor/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/graphql-editor/ng-atomic-components-organisms-graphql-editor.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/grid-toolbar/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/grid-toolbar/ng-atomic-components-organisms-grid-toolbar.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/heading/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/heading/ng-atomic-components-organisms-heading.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/mermaid-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/mermaid-section/ng-atomic-components-organisms-mermaid-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/message-input-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/message-input-section/ng-atomic-components-organisms-message-input-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/messages-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/messages-section/ng-atomic-components-organisms-messages-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/navigation-list/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/navigation-list/ng-atomic-components-organisms-navigation-list.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/navigator/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/navigator/ng-atomic-components-organisms-navigator.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/paginator/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/paginator/ng-atomic-components-organisms-paginator.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/select-input-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/select-input-section/ng-atomic-components-organisms-select-input-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/smart-list/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/smart-list/ng-atomic-components-organisms-smart-list.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/smart-table/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/smart-table/ng-atomic-components-organisms-smart-table.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/social-login-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/social-login-section/ng-atomic-components-organisms-social-login-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/text-input-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/text-input-section/ng-atomic-components-organisms-text-input-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/textarea-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/textarea-section/ng-atomic-components-organisms-textarea-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/tree-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/tree-section/ng-atomic-components-organisms-tree-section.mjs +0 -0
- /package/{esm2020 → esm2022}/pages/_index/index.mjs +0 -0
- /package/{esm2020 → esm2022}/pages/_index/ng-atomic-components-pages-_index.mjs +0 -0
- /package/{esm2020 → esm2022}/pages/blank/blank.route.mjs +0 -0
- /package/{esm2020 → esm2022}/pages/blank/blank.routes.mjs +0 -0
- /package/{esm2020 → esm2022}/pages/blank/index.mjs +0 -0
- /package/{esm2020 → esm2022}/pages/blank/ng-atomic-components-pages-blank.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/entrance/index.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/entrance/ng-atomic-components-templates-entrance.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/loading/index.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/loading/ng-atomic-components-templates-loading.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/menu/ng-atomic-components-templates-menu.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/messages/index.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/messages/ng-atomic-components-templates-messages.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/smart-crud/index.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/smart-crud/ng-atomic-components-templates-smart-crud.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/smart-index/index.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/smart-index/ng-atomic-components-templates-smart-index.mjs +0 -0
- /package/{fesm2015 → fesm2022}/ng-atomic-components-pages-blank-blank.routes-09f8841a.mjs +0 -0
- /package/{fesm2015 → fesm2022}/ng-atomic-components-pages-blank-blank.routes-09f8841a.mjs.map +0 -0
|
@@ -174,9 +174,8 @@ class TreeSectionOrganism {
|
|
|
174
174
|
console.debug('todoItemSelectionToggle', node);
|
|
175
175
|
this.onChange();
|
|
176
176
|
}
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
TreeSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TreeSectionOrganism, isStandalone: true, selector: "organisms-tree-section", inputs: { data: "data" }, outputs: { action: "action" }, ngImport: i0, template: `
|
|
177
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
178
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TreeSectionOrganism, isStandalone: true, selector: "organisms-tree-section", inputs: { data: "data" }, outputs: { action: "action" }, ngImport: i0, template: `
|
|
180
179
|
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
|
|
181
180
|
<mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle matTreeNodePadding>
|
|
182
181
|
<mat-checkbox
|
|
@@ -193,8 +192,9 @@ TreeSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
193
192
|
>{{ node.item }} (b)</mat-checkbox>
|
|
194
193
|
</mat-tree-node>
|
|
195
194
|
</mat-tree>
|
|
196
|
-
`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i1.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i1.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i1.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i1.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1.MatTreeNode, selector: "mat-tree-node", inputs: ["role", "disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
197
|
-
|
|
195
|
+
`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i1.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i1.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i1.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i1.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1.MatTreeNode, selector: "mat-tree-node", inputs: ["role", "disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
196
|
+
}
|
|
197
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeSectionOrganism, decorators: [{
|
|
198
198
|
type: Component,
|
|
199
199
|
args: [{ selector: 'organisms-tree-section', standalone: true, imports: [
|
|
200
200
|
CommonModule,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-organisms-tree-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/tree-section/tree-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/tree-section/ng-atomic-components-organisms-tree-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTreeFlatDataSource, MatTreeFlattener, MatTreeModule } from '@angular/material/tree';\nimport { FlatTreeControl } from '@angular/cdk/tree';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport * as gql from 'gql-query-builder';\nimport { Action } from '@ng-atomic/common/models';\nimport { parse, print } from 'graphql';\n\nfunction format(query: string): string {\n return print(parse(query));\n}\n\nexport class Node {\n children: Node[];\n item: string;\n value?: boolean | string;\n}\n\nexport class FlatNode {\n item: string;\n level: number;\n expandable: boolean;\n}\n\nexport enum ActionId {\n CHANGE_QUERY = '[@ng-atomic/components/organisms/tree-section] Change Query',\n}\n\n@Component({\n selector: 'organisms-tree-section',\n standalone: true,\n imports: [\n CommonModule,\n MatTreeModule,\n MatButtonModule,\n MatIconModule,\n MatCheckboxModule,\n ],\n template: `\n <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\n <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding>\n <mat-checkbox\n class=\"checklist-leaf-node\"\n [checked]=\"selection.isSelected(node)\"\n (change)=\"todoLeafItemSelectionToggle(node)\"\n >{{ node.item }} (a)</mat-checkbox>\n </mat-tree-node>\n <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding>\n <mat-checkbox\n [checked]=\"descendantsAllSelected(node)\"\n [indeterminate]=\"descendantsPartiallySelected(node)\"\n (change)=\"nodeSelectionToggle(node)\"\n >{{ node.item }} (b)</mat-checkbox>\n </mat-tree-node>\n </mat-tree>\n `,\n styleUrls: ['./tree-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TreeSectionOrganism {\n flatNodeMap = new Map<FlatNode, Node>();\n nestedNodeMap = new Map<Node, FlatNode>();\n getLevel = (node: FlatNode) => node.level;\n isExpandable = (node: FlatNode) => node.expandable;\n treeControl = new FlatTreeControl<FlatNode>(this.getLevel, this.isExpandable);\n hasChild = (_: number, _nodeData: FlatNode) => _nodeData.expandable;\n getChildren = (node: Node): Node[] => node.children;\n transformer = (node: Node, level: number) => {\n const existingNode = this.nestedNodeMap.get(node);\n const flatNode =\n existingNode && existingNode.item === node.item ? existingNode : new FlatNode();\n flatNode.item = node.item;\n flatNode.level = level;\n flatNode.expandable = !!node.children?.length;\n\n this.flatNodeMap.set(flatNode, node);\n this.nestedNodeMap.set(node, flatNode);\n return flatNode;\n };\n treeFlattener = new MatTreeFlattener(\n this.transformer,\n this.getLevel,\n this.isExpandable,\n this.getChildren,\n );\n dataSource = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener);\n\n selection = new SelectionModel<FlatNode>(true);\n\n buildNode(obj: {[key: string]: any}, level: number): Node[] {\n return Object.keys(obj).reduce<Node[]>((accumulator, key) => {\n const value = obj[key];\n const node = new Node();\n node.item = key;\n\n if (value != null) {\n if (typeof value === 'object') {\n node.children = this.buildNode(value, level + 1);\n } else {\n node.item = value;\n }\n }\n\n return accumulator.concat(node);\n }, []);\n }\n\n buildValueNode(nodes: Node[]): Node[] {\n return (nodes ?? []).map(node => {\n const flatNode = this.nestedNodeMap.get(node);\n node.value = this.selection.isSelected(flatNode);\n node.children = this.buildValueNode(node.children);\n return node;\n });\n }\n\n buildFields(nodes: Node[]): (string | object)[] {\n return nodes.reduce((acc, node) => {\n if(node.value) {\n if (node?.children?.length) {\n return [...acc, {[node.item]: this.buildFields(node.children)}];\n } else {\n return [...acc, node.item];\n }\n } else {\n return [...acc];\n }\n }, []);\n }\n\n onChange() {\n console.debug('this.dataSource.data:', this.dataSource.data);\n const nodes = this.buildValueNode(this.dataSource.data ?? []);\n console.debug('nodes:', nodes);\n\n const fields = this.buildFields(nodes);\n console.debug('fields:', fields);\n const options = fields.map(field => ({\n operation: Object.keys(field)[0],\n fields: Object.values(field)[0],\n variables: {\n take: {\n value: 10,\n required: false,\n },\n },\n }))\n\n const query = gql.query(options);\n\n console.debug('parsed:', parse(query.query));\n\n this.action.emit({\n id: ActionId.CHANGE_QUERY,\n payload: {query: format(query.query), variables: query.variables},\n });\n console.debug('query:', format(query.query));\n }\n\n @Input()\n data: any = {};\n\n @Output()\n action = new EventEmitter<Action>();\n\n ngOnInit() {\n // const TREE_DATA = {\n // Groceries: {\n // 'Almond Meal flour': null,\n // 'Organic eggs': null,\n // 'Protein Powder': null,\n // Fruits: {\n // Apple: null,\n // Berries: ['Blueberry', 'Raspberry'],\n // Orange: null,\n // },\n // },\n // Reminders: [\n // 'Cook dinner',\n // 'Read the Material Design spec',\n // 'Upgrade Application to Angular',\n // {\n // etst: ['test'],\n // }\n // ],\n // };\n this.dataSource.data = this.buildNode(this.data, 0);\n }\n\n todoLeafItemSelectionToggle(node) {\n console.debug('todoItemSelectionToggle', node);\n if (this.selection.isSelected(node)) {\n this.selection.deselect(node);\n this.treeControl.collapse(node);\n } else {\n this.selection.select(node);\n this.treeControl.expand(node);\n }\n this.onChange();\n\n }\n\n /** Whether all the descendants of the node are selected. */\n descendantsAllSelected(node: FlatNode): boolean {\n const descendants = this.treeControl.getDescendants(node);\n const descAllSelected =\n descendants.length > 0 &&\n descendants.every(child => {\n return this.selection.isSelected(child);\n });\n return descAllSelected;\n }\n\n /** Whether part of the descendants are selected */\n descendantsPartiallySelected(node: FlatNode): boolean {\n const descendants = this.treeControl.getDescendants(node);\n const result = descendants.some(child => this.selection.isSelected(child));\n return result && !this.descendantsAllSelected(node);\n }\n\n nodeSelectionToggle(node: FlatNode) {\n console.debug('todoItemSelectionToggle', this.selection.isSelected(node));\n if (this.selection.isSelected(node)) {\n this.selection.deselect(node);\n this.treeControl.collapse(node);\n } else {\n this.selection.select(node);\n this.treeControl.expand(node);\n }\n console.debug('todoItemSelectionToggle', node);\n this.onChange();\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-tree-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/tree-section/tree-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/tree-section/ng-atomic-components-organisms-tree-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTreeFlatDataSource, MatTreeFlattener, MatTreeModule } from '@angular/material/tree';\nimport { FlatTreeControl } from '@angular/cdk/tree';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport * as gql from 'gql-query-builder';\nimport { Action } from '@ng-atomic/common/models';\nimport { parse, print } from 'graphql';\n\nfunction format(query: string): string {\n return print(parse(query));\n}\n\nexport class Node {\n children: Node[];\n item: string;\n value?: boolean | string;\n}\n\nexport class FlatNode {\n item: string;\n level: number;\n expandable: boolean;\n}\n\nexport enum ActionId {\n CHANGE_QUERY = '[@ng-atomic/components/organisms/tree-section] Change Query',\n}\n\n@Component({\n selector: 'organisms-tree-section',\n standalone: true,\n imports: [\n CommonModule,\n MatTreeModule,\n MatButtonModule,\n MatIconModule,\n MatCheckboxModule,\n ],\n template: `\n <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\n <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding>\n <mat-checkbox\n class=\"checklist-leaf-node\"\n [checked]=\"selection.isSelected(node)\"\n (change)=\"todoLeafItemSelectionToggle(node)\"\n >{{ node.item }} (a)</mat-checkbox>\n </mat-tree-node>\n <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding>\n <mat-checkbox\n [checked]=\"descendantsAllSelected(node)\"\n [indeterminate]=\"descendantsPartiallySelected(node)\"\n (change)=\"nodeSelectionToggle(node)\"\n >{{ node.item }} (b)</mat-checkbox>\n </mat-tree-node>\n </mat-tree>\n `,\n styleUrls: ['./tree-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TreeSectionOrganism {\n flatNodeMap = new Map<FlatNode, Node>();\n nestedNodeMap = new Map<Node, FlatNode>();\n getLevel = (node: FlatNode) => node.level;\n isExpandable = (node: FlatNode) => node.expandable;\n treeControl = new FlatTreeControl<FlatNode>(this.getLevel, this.isExpandable);\n hasChild = (_: number, _nodeData: FlatNode) => _nodeData.expandable;\n getChildren = (node: Node): Node[] => node.children;\n transformer = (node: Node, level: number) => {\n const existingNode = this.nestedNodeMap.get(node);\n const flatNode =\n existingNode && existingNode.item === node.item ? existingNode : new FlatNode();\n flatNode.item = node.item;\n flatNode.level = level;\n flatNode.expandable = !!node.children?.length;\n\n this.flatNodeMap.set(flatNode, node);\n this.nestedNodeMap.set(node, flatNode);\n return flatNode;\n };\n treeFlattener = new MatTreeFlattener(\n this.transformer,\n this.getLevel,\n this.isExpandable,\n this.getChildren,\n );\n dataSource = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener);\n\n selection = new SelectionModel<FlatNode>(true);\n\n buildNode(obj: {[key: string]: any}, level: number): Node[] {\n return Object.keys(obj).reduce<Node[]>((accumulator, key) => {\n const value = obj[key];\n const node = new Node();\n node.item = key;\n\n if (value != null) {\n if (typeof value === 'object') {\n node.children = this.buildNode(value, level + 1);\n } else {\n node.item = value;\n }\n }\n\n return accumulator.concat(node);\n }, []);\n }\n\n buildValueNode(nodes: Node[]): Node[] {\n return (nodes ?? []).map(node => {\n const flatNode = this.nestedNodeMap.get(node);\n node.value = this.selection.isSelected(flatNode);\n node.children = this.buildValueNode(node.children);\n return node;\n });\n }\n\n buildFields(nodes: Node[]): (string | object)[] {\n return nodes.reduce((acc, node) => {\n if(node.value) {\n if (node?.children?.length) {\n return [...acc, {[node.item]: this.buildFields(node.children)}];\n } else {\n return [...acc, node.item];\n }\n } else {\n return [...acc];\n }\n }, []);\n }\n\n onChange() {\n console.debug('this.dataSource.data:', this.dataSource.data);\n const nodes = this.buildValueNode(this.dataSource.data ?? []);\n console.debug('nodes:', nodes);\n\n const fields = this.buildFields(nodes);\n console.debug('fields:', fields);\n const options = fields.map(field => ({\n operation: Object.keys(field)[0],\n fields: Object.values(field)[0],\n variables: {\n take: {\n value: 10,\n required: false,\n },\n },\n }))\n\n const query = gql.query(options);\n\n console.debug('parsed:', parse(query.query));\n\n this.action.emit({\n id: ActionId.CHANGE_QUERY,\n payload: {query: format(query.query), variables: query.variables},\n });\n console.debug('query:', format(query.query));\n }\n\n @Input()\n data: any = {};\n\n @Output()\n action = new EventEmitter<Action>();\n\n ngOnInit() {\n // const TREE_DATA = {\n // Groceries: {\n // 'Almond Meal flour': null,\n // 'Organic eggs': null,\n // 'Protein Powder': null,\n // Fruits: {\n // Apple: null,\n // Berries: ['Blueberry', 'Raspberry'],\n // Orange: null,\n // },\n // },\n // Reminders: [\n // 'Cook dinner',\n // 'Read the Material Design spec',\n // 'Upgrade Application to Angular',\n // {\n // etst: ['test'],\n // }\n // ],\n // };\n this.dataSource.data = this.buildNode(this.data, 0);\n }\n\n todoLeafItemSelectionToggle(node) {\n console.debug('todoItemSelectionToggle', node);\n if (this.selection.isSelected(node)) {\n this.selection.deselect(node);\n this.treeControl.collapse(node);\n } else {\n this.selection.select(node);\n this.treeControl.expand(node);\n }\n this.onChange();\n\n }\n\n /** Whether all the descendants of the node are selected. */\n descendantsAllSelected(node: FlatNode): boolean {\n const descendants = this.treeControl.getDescendants(node);\n const descAllSelected =\n descendants.length > 0 &&\n descendants.every(child => {\n return this.selection.isSelected(child);\n });\n return descAllSelected;\n }\n\n /** Whether part of the descendants are selected */\n descendantsPartiallySelected(node: FlatNode): boolean {\n const descendants = this.treeControl.getDescendants(node);\n const result = descendants.some(child => this.selection.isSelected(child));\n return result && !this.descendantsAllSelected(node);\n }\n\n nodeSelectionToggle(node: FlatNode) {\n console.debug('todoItemSelectionToggle', this.selection.isSelected(node));\n if (this.selection.isSelected(node)) {\n this.selection.deselect(node);\n this.treeControl.collapse(node);\n } else {\n this.selection.select(node);\n this.treeControl.expand(node);\n }\n console.debug('todoItemSelectionToggle', node);\n this.onChange();\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
import * as i1 from '@angular/material/divider';
|
|
5
|
+
import { MatDividerModule } from '@angular/material/divider';
|
|
6
|
+
|
|
7
|
+
class VerticalDividerOrganism {
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VerticalDividerOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VerticalDividerOrganism, isStandalone: true, selector: "organisms-vertical-divider", ngImport: i0, template: `<mat-divider></mat-divider>`, isInline: true, styles: [":host{display:block}:host{display:block;width:100%;height:1px}:host mat-divider{width:100%;height:1px;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10
|
+
}
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VerticalDividerOrganism, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ selector: 'organisms-vertical-divider', standalone: true, imports: [
|
|
14
|
+
CommonModule,
|
|
15
|
+
MatDividerModule,
|
|
16
|
+
], template: `<mat-divider></mat-divider>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}:host{display:block;width:100%;height:1px}:host mat-divider{width:100%;height:1px;margin:0}\n"] }]
|
|
17
|
+
}] });
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Generated bundle index. Do not edit.
|
|
21
|
+
*/
|
|
22
|
+
|
|
23
|
+
export { VerticalDividerOrganism };
|
|
24
|
+
//# sourceMappingURL=ng-atomic-components-organisms-vertical-divider.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-vertical-divider.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/vertical-divider/vertical-divider.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/vertical-divider/ng-atomic-components-organisms-vertical-divider.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatDividerModule } from '@angular/material/divider';\n\n@Component({\n selector: 'organisms-vertical-divider',\n standalone: true,\n imports: [\n CommonModule,\n MatDividerModule,\n ],\n template: `<mat-divider></mat-divider>`,\n styleUrls: ['./vertical-divider.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class VerticalDividerOrganism { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAea,uBAAuB,CAAA;+GAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,EAJxB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,2BAAA,CAA6B,EAHrC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BACZ,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAMP,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAXnC,SAAS;+BACE,4BAA4B,EAAA,UAAA,EAC1B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,gBAAgB;AACjB,qBAAA,EAAA,QAAA,EACS,CAA6B,2BAAA,CAAA,EAAA,eAAA,EAEtB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,mHAAA,CAAA,EAAA,CAAA;;;ACbjD;;AAEG;;;;"}
|
|
@@ -5,10 +5,10 @@ import * as i1 from '@angular/router';
|
|
|
5
5
|
import { RouterModule } from '@angular/router';
|
|
6
6
|
|
|
7
7
|
class IndexPage {
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndexPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IndexPage, selector: "pages-index", ngImport: i0, template: '', isInline: true, styles: [":host{display:none}\n"] }); }
|
|
8
10
|
}
|
|
9
|
-
|
|
10
|
-
IndexPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: IndexPage, selector: "pages-index", ngImport: i0, template: '', isInline: true, styles: [":host{display:none}\n"] });
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IndexPage, decorators: [{
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndexPage, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{ selector: 'pages-index', template: '', styles: [":host{display:none}\n"] }]
|
|
14
14
|
}] });
|
|
@@ -21,12 +21,12 @@ const routes = [
|
|
|
21
21
|
}
|
|
22
22
|
];
|
|
23
23
|
class IndexModule {
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndexModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
25
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IndexModule, declarations: [IndexPage], imports: [CommonModule, i1.RouterModule], exports: [IndexPage] }); }
|
|
26
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndexModule, imports: [CommonModule,
|
|
27
|
+
RouterModule.forChild(routes)] }); }
|
|
24
28
|
}
|
|
25
|
-
|
|
26
|
-
IndexModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: IndexModule, declarations: [IndexPage], imports: [CommonModule, i1.RouterModule], exports: [IndexPage] });
|
|
27
|
-
IndexModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IndexModule, imports: [CommonModule,
|
|
28
|
-
RouterModule.forChild(routes)] });
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IndexModule, decorators: [{
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndexModule, decorators: [{
|
|
30
30
|
type: NgModule,
|
|
31
31
|
args: [{
|
|
32
32
|
declarations: [IndexPage],
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-pages-_index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/_index/index.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/_index/index.module.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/_index/ng-atomic-components-pages-_index.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'pages-index',\n template:'',\n styles: [':host { display: none }'],\n})\nexport class IndexPage { }\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Routes, RouterModule } from '@angular/router';\nimport { IndexPage } from './index.page';\n\nconst routes: Routes = [\n\t{\n\t\tpath: '',\n\t\tcomponent: IndexPage,\n\t\t// loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule)\n\t}\n];\n\n@NgModule({\n declarations: [IndexPage],\n imports: [\n CommonModule,\n RouterModule.forChild(routes)\n ],\n exports: [IndexPage]\n})\nexport class IndexModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAOa,SAAS,CAAA;+GAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,SAAS,mDAHX,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAGA,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,YACd,EAAE,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA;;;ACCb,MAAM,MAAM,GAAW;AACtB,IAAA;AACC,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,SAAS,EAAE,SAAS;;AAEpB,KAAA;CACD,CAAC;MAUW,WAAW,CAAA;+GAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,EAPP,YAAA,EAAA,CAAA,SAAS,CAEtB,EAAA,OAAA,EAAA,CAAA,YAAY,8BAGJ,SAAS,CAAA,EAAA,CAAA,CAAA,EAAA;AAER,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YALpB,YAAY;AACZ,YAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAIpB,WAAW,EAAA,UAAA,EAAA,CAAA;kBARvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,SAAS,CAAC;AACzB,oBAAA,OAAO,EAAE;wBACP,YAAY;AACZ,wBAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC9B,qBAAA;oBACD,OAAO,EAAE,CAAC,SAAS,CAAC;AACrB,iBAAA,CAAA;;;ACpBD;;AAEG;;;;"}
|
|
@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Component } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
class BlankPage {
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BlankPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BlankPage, isStandalone: true, selector: "pages-blank", ngImport: i0, template: '', isInline: true, styles: [":host{display:none}\n"] }); }
|
|
5
7
|
}
|
|
6
|
-
|
|
7
|
-
BlankPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: BlankPage, isStandalone: true, selector: "pages-blank", ngImport: i0, template: '', isInline: true, styles: [":host{display:none}\n"] });
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: BlankPage, decorators: [{
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BlankPage, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{ selector: 'pages-blank', standalone: true, template: '', styles: [":host{display:none}\n"] }]
|
|
11
11
|
}] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-pages-blank.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/blank/blank.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/blank/blank.route.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/blank/ng-atomic-components-pages-blank.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'pages-blank',\n standalone: true,\n template:'',\n styles: [':host { display: none }'],\n})\nexport class BlankPage { }\n","import { Route } from \"@angular/router\";\n\nexport const BLANK_ROUTE: Route = {\n path: '',\n loadChildren: () => import('./blank.routes').then(m => m.routes),\n data: {isBlank: true},\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAQa,SAAS,CAAA
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-pages-blank.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/blank/blank.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/blank/blank.route.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/blank/ng-atomic-components-pages-blank.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'pages-blank',\n standalone: true,\n template:'',\n styles: [':host { display: none }'],\n})\nexport class BlankPage { }\n","import { Route } from \"@angular/router\";\n\nexport const BLANK_ROUTE: Route = {\n path: '',\n loadChildren: () => import('./blank.routes').then(m => m.routes),\n data: {isBlank: true},\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAQa,SAAS,CAAA;+GAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,SAAS,uEAHX,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAGA,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;+BACE,aAAa,EAAA,UAAA,EACX,IAAI,EAAA,QAAA,EACP,EAAE,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA;;;ACHA,MAAA,WAAW,GAAU;AAChC,IAAA,IAAI,EAAE,EAAE;AACR,IAAA,YAAY,EAAE,MAAM,OAAO,8DAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;AAChE,IAAA,IAAI,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;;;ACLvB;;AAEG;;;;"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import { EditorComponent } from '@ng-atomic/components/extras/editor';
|
|
6
|
+
import { keymap, lineNumbers } from '@codemirror/view';
|
|
7
|
+
import { indentWithTab, history } from '@codemirror/commands';
|
|
8
|
+
import { closeBrackets, autocompletion } from '@codemirror/autocomplete';
|
|
9
|
+
import { bracketMatching, syntaxHighlighting } from '@codemirror/language';
|
|
10
|
+
import { oneDark, oneDarkHighlightStyle } from '@codemirror/theme-one-dark';
|
|
11
|
+
import { EditorState } from '@codemirror/state';
|
|
12
|
+
import { basicSetup, EditorView } from 'codemirror';
|
|
13
|
+
import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
|
|
14
|
+
import { ReplaySubject, switchMap, distinctUntilChanged, map } from 'rxjs';
|
|
15
|
+
import { html } from '@codemirror/lang-html';
|
|
16
|
+
|
|
17
|
+
var ActionId;
|
|
18
|
+
(function (ActionId) {
|
|
19
|
+
ActionId["UPDATE_FILE"] = "[@matcher/assistant/templates/code-editor] update file";
|
|
20
|
+
})(ActionId || (ActionId = {}));
|
|
21
|
+
class CodeEditorTemplate extends NgAtomicComponent {
|
|
22
|
+
constructor() {
|
|
23
|
+
super(...arguments);
|
|
24
|
+
this.state = this.makeEditorState({ value: 'test' });
|
|
25
|
+
this.file$ = new ReplaySubject(1);
|
|
26
|
+
this.state$ = this.file$.pipe(switchMap(file => file.text()), distinctUntilChanged(), map((text) => this.makeEditorState({ value: text })));
|
|
27
|
+
this._file = null;
|
|
28
|
+
this.keyActions = [];
|
|
29
|
+
}
|
|
30
|
+
static { this.ActionId = ActionId; }
|
|
31
|
+
set file(value) {
|
|
32
|
+
this.file$.next(value);
|
|
33
|
+
}
|
|
34
|
+
get file() {
|
|
35
|
+
return this._file;
|
|
36
|
+
}
|
|
37
|
+
makeEditorState({ value }) {
|
|
38
|
+
// const formattedHtml = prettier.format(value, {
|
|
39
|
+
// parser: "html",
|
|
40
|
+
// plugins: [parserHtml]
|
|
41
|
+
// });
|
|
42
|
+
return EditorState.create({
|
|
43
|
+
doc: value,
|
|
44
|
+
extensions: [
|
|
45
|
+
keymap.of([
|
|
46
|
+
...(this.keyActions ?? []).map(({ key, actionId }) => ({
|
|
47
|
+
key,
|
|
48
|
+
run: () => (this.dispatch({ id: actionId }), true),
|
|
49
|
+
})),
|
|
50
|
+
indentWithTab,
|
|
51
|
+
]),
|
|
52
|
+
basicSetup,
|
|
53
|
+
html(),
|
|
54
|
+
EditorView.updateListener.of((update) => {
|
|
55
|
+
const content = update.state.doc.toString();
|
|
56
|
+
this.dispatch({
|
|
57
|
+
id: ActionId.UPDATE_FILE,
|
|
58
|
+
payload: new File([content], this.file?.name ?? 'index.html', {
|
|
59
|
+
type: 'text/plain',
|
|
60
|
+
}),
|
|
61
|
+
});
|
|
62
|
+
}),
|
|
63
|
+
bracketMatching(),
|
|
64
|
+
closeBrackets(),
|
|
65
|
+
history(),
|
|
66
|
+
autocompletion(),
|
|
67
|
+
lineNumbers(),
|
|
68
|
+
oneDark,
|
|
69
|
+
syntaxHighlighting(oneDarkHighlightStyle),
|
|
70
|
+
],
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CodeEditorTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
74
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CodeEditorTemplate, isStandalone: true, selector: "templates-code-editor", inputs: { file: "file", keyActions: "keyActions" }, usesInheritance: true, ngImport: i0, template: `
|
|
75
|
+
<extras-editor
|
|
76
|
+
[state]="state$ | async"
|
|
77
|
+
></extras-editor>
|
|
78
|
+
`, isInline: true, styles: [":host{display:block;width:100%;height:100%}:host extras-editor{height:100%;max-height:100%;font-size:14px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "component", type: EditorComponent, selector: "extras-editor", inputs: ["state"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
79
|
+
}
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CodeEditorTemplate, decorators: [{
|
|
81
|
+
type: Component,
|
|
82
|
+
args: [{ selector: 'templates-code-editor', standalone: true, imports: [
|
|
83
|
+
CommonModule,
|
|
84
|
+
EditorComponent,
|
|
85
|
+
], template: `
|
|
86
|
+
<extras-editor
|
|
87
|
+
[state]="state$ | async"
|
|
88
|
+
></extras-editor>
|
|
89
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:100%;height:100%}:host extras-editor{height:100%;max-height:100%;font-size:14px}\n"] }]
|
|
90
|
+
}], propDecorators: { file: [{
|
|
91
|
+
type: Input
|
|
92
|
+
}], keyActions: [{
|
|
93
|
+
type: Input
|
|
94
|
+
}] } });
|
|
95
|
+
|
|
96
|
+
/**
|
|
97
|
+
* Generated bundle index. Do not edit.
|
|
98
|
+
*/
|
|
99
|
+
|
|
100
|
+
export { CodeEditorTemplate };
|
|
101
|
+
//# sourceMappingURL=ng-atomic-components-templates-code-editor.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-templates-code-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/code-editor/code-editor.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/code-editor/ng-atomic-components-templates-code-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EditorComponent } from '@ng-atomic/components/extras/editor';\nimport { EventEmitter, Input, Output } from '@angular/core';\nimport { keymap, KeyBinding } from \"@codemirror/view\"\nimport { indentWithTab } from \"@codemirror/commands\"\nimport { history } from '@codemirror/commands';\nimport { autocompletion, closeBrackets } from '@codemirror/autocomplete';\nimport { bracketMatching, syntaxHighlighting } from '@codemirror/language';\nimport { oneDarkHighlightStyle, oneDark } from '@codemirror/theme-one-dark';\nimport { EditorState } from '@codemirror/state';\nimport { lineNumbers } from '@codemirror/view';\nimport { basicSetup, EditorView } from \"codemirror\"\nimport { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';\nimport { ReplaySubject, distinctUntilChanged, map, switchMap } from 'rxjs';\nimport { html } from \"@codemirror/lang-html\";\nimport prettier from \"prettier/standalone\";\nimport parserHtml from \"prettier/parser-html\";\n\nenum ActionId {\n UPDATE_FILE = '[@matcher/assistant/templates/code-editor] update file',\n}\n\n@Component({\n selector: 'templates-code-editor',\n standalone: true,\n imports: [\n CommonModule,\n EditorComponent,\n ],\n template: `\n <extras-editor\n [state]=\"state$ | async\"\n ></extras-editor>\n `,\n styleUrls: ['./code-editor.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CodeEditorTemplate extends NgAtomicComponent {\n static ActionId = ActionId;\n\n state = this.makeEditorState({value: 'test'});\n\n file$ = new ReplaySubject<File>(1);\n state$ = this.file$.pipe(\n switchMap(file => file.text()),\n distinctUntilChanged(),\n map((text) => this.makeEditorState({value: text})),\n );\n\n @Input()\n set file(value: File | null) {\n this.file$.next(value);\n }\n get file(): File | null {\n return this._file;\n }\n private _file: File | null = null;\n\n @Input()\n keyActions: {key: string, actionId: string}[] = [];\n\n private makeEditorState({value}: {value: string}) {\n // const formattedHtml = prettier.format(value, {\n // parser: \"html\",\n // plugins: [parserHtml]\n // });\n return EditorState.create({\n doc: value,\n extensions: [\n keymap.of([\n ...(this.keyActions ?? []).map(({key, actionId}) => ({\n key,\n run: () => (this.dispatch({id: actionId}), true),\n })),\n indentWithTab,\n ]),\n basicSetup,\n html(),\n EditorView.updateListener.of((update) => {\n const content = update.state.doc.toString();\n this.dispatch({\n id: ActionId.UPDATE_FILE,\n payload: new File([content], this.file?.name ?? 'index.html', {\n type: 'text/plain',\n }),\n });\n }),\n bracketMatching(),\n closeBrackets(),\n history(),\n autocompletion(),\n lineNumbers(),\n oneDark,\n syntaxHighlighting(oneDarkHighlightStyle),\n ],\n });\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
|
|
3
|
+
import { FormGroup, FormControl } from '@angular/forms';
|
|
4
|
+
import * as i1 from '@angular/common';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
import { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';
|
|
7
|
+
import { CardFrame } from '@ng-atomic/components/frames/card';
|
|
8
|
+
import { ActionButtonsSectionOrganism } from '@ng-atomic/components/organisms/action-buttons-section';
|
|
9
|
+
import { HeadingOrganism } from '@ng-atomic/components/organisms/heading';
|
|
10
|
+
import { SocialLoginSectionOrganism } from '@ng-atomic/components/organisms/social-login-section';
|
|
11
|
+
import { TextInputSectionOrganism } from '@ng-atomic/components/organisms/text-input-section';
|
|
12
|
+
|
|
13
|
+
var ActionId;
|
|
14
|
+
(function (ActionId) {
|
|
15
|
+
ActionId["SIGN_IN"] = "[@ng-atomic/components] Sign In";
|
|
16
|
+
ActionId["SIGN_IN_WITH_GOOGLE"] = "[@ng-atomic/components] Sign In With Google";
|
|
17
|
+
ActionId["SIGN_IN_WITH_TWITTER"] = "[@ng-atomic/components] Sign In With Twitter";
|
|
18
|
+
})(ActionId || (ActionId = {}));
|
|
19
|
+
const Actions = [
|
|
20
|
+
{
|
|
21
|
+
id: ActionId.SIGN_IN,
|
|
22
|
+
name: 'Sign In',
|
|
23
|
+
icon: 'login',
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
id: ActionId.SIGN_IN_WITH_GOOGLE,
|
|
27
|
+
name: 'Sign In With Google',
|
|
28
|
+
icon: 'google',
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
id: ActionId.SIGN_IN_WITH_TWITTER,
|
|
32
|
+
name: 'Sign In With Twitter',
|
|
33
|
+
icon: 'twitter',
|
|
34
|
+
},
|
|
35
|
+
];
|
|
36
|
+
class EntranceTemplate {
|
|
37
|
+
constructor() {
|
|
38
|
+
this.ActionId = ActionId;
|
|
39
|
+
this.form = new FormGroup({
|
|
40
|
+
email: new FormControl(''),
|
|
41
|
+
password: new FormControl(''),
|
|
42
|
+
});
|
|
43
|
+
this.actions = Actions;
|
|
44
|
+
this.action = new EventEmitter();
|
|
45
|
+
}
|
|
46
|
+
static { this.ActionId = ActionId; }
|
|
47
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntranceTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EntranceTemplate, isStandalone: true, selector: "templates-entrance", inputs: { form: "form", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, template: `
|
|
49
|
+
<frames-card>
|
|
50
|
+
<frames-auto-layout vertical>
|
|
51
|
+
<organisms-heading>ログイン</organisms-heading>
|
|
52
|
+
<organisms-text-input-section
|
|
53
|
+
*ngIf="form.get('email')"
|
|
54
|
+
label="メールアドレス"
|
|
55
|
+
[control]="form.get('email')"
|
|
56
|
+
></organisms-text-input-section>
|
|
57
|
+
<organisms-text-input-section
|
|
58
|
+
*ngIf="form.get('password')"
|
|
59
|
+
label="パスワード"
|
|
60
|
+
[control]="form.get('password')"
|
|
61
|
+
></organisms-text-input-section>
|
|
62
|
+
<organisms-action-buttons-section
|
|
63
|
+
[actions]="actions"
|
|
64
|
+
(action)="action.emit($event)"
|
|
65
|
+
></organisms-action-buttons-section>
|
|
66
|
+
</frames-auto-layout>
|
|
67
|
+
</frames-card>
|
|
68
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-eNNu: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-eNNu: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-eNNu);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-eNNu)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control", "autoComplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
69
|
+
}
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntranceTemplate, decorators: [{
|
|
71
|
+
type: Component,
|
|
72
|
+
args: [{ selector: 'templates-entrance', standalone: true, imports: [
|
|
73
|
+
CommonModule,
|
|
74
|
+
AutoLayoutFrame,
|
|
75
|
+
CardFrame,
|
|
76
|
+
ActionButtonsSectionOrganism,
|
|
77
|
+
HeadingOrganism,
|
|
78
|
+
SocialLoginSectionOrganism,
|
|
79
|
+
TextInputSectionOrganism,
|
|
80
|
+
], template: `
|
|
81
|
+
<frames-card>
|
|
82
|
+
<frames-auto-layout vertical>
|
|
83
|
+
<organisms-heading>ログイン</organisms-heading>
|
|
84
|
+
<organisms-text-input-section
|
|
85
|
+
*ngIf="form.get('email')"
|
|
86
|
+
label="メールアドレス"
|
|
87
|
+
[control]="form.get('email')"
|
|
88
|
+
></organisms-text-input-section>
|
|
89
|
+
<organisms-text-input-section
|
|
90
|
+
*ngIf="form.get('password')"
|
|
91
|
+
label="パスワード"
|
|
92
|
+
[control]="form.get('password')"
|
|
93
|
+
></organisms-text-input-section>
|
|
94
|
+
<organisms-action-buttons-section
|
|
95
|
+
[actions]="actions"
|
|
96
|
+
(action)="action.emit($event)"
|
|
97
|
+
></organisms-action-buttons-section>
|
|
98
|
+
</frames-auto-layout>
|
|
99
|
+
</frames-card>
|
|
100
|
+
`, host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-eNNu: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-eNNu: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-eNNu);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-eNNu)}\n"] }]
|
|
101
|
+
}], propDecorators: { form: [{
|
|
102
|
+
type: Input
|
|
103
|
+
}], actions: [{
|
|
104
|
+
type: Input
|
|
105
|
+
}], action: [{
|
|
106
|
+
type: Output
|
|
107
|
+
}] } });
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* Generated bundle index. Do not edit.
|
|
111
|
+
*/
|
|
112
|
+
|
|
113
|
+
export { Actions, EntranceTemplate };
|
|
114
|
+
//# sourceMappingURL=ng-atomic-components-templates-entrance.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-templates-entrance.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/entrance/entrance.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/entrance/ng-atomic-components-templates-entrance.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormGroup, FormControl} from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { CardFrame } from '@ng-atomic/components/frames/card';\nimport { ActionButtonsSectionOrganism } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { HeadingOrganism } from '@ng-atomic/components/organisms/heading';\nimport { SocialLoginSectionOrganism } from '@ng-atomic/components/organisms/social-login-section';\nimport { TextInputSectionOrganism } from '@ng-atomic/components/organisms/text-input-section';\n\nenum ActionId {\n SIGN_IN = '[@ng-atomic/components] Sign In',\n SIGN_IN_WITH_GOOGLE = '[@ng-atomic/components] Sign In With Google',\n SIGN_IN_WITH_TWITTER = '[@ng-atomic/components] Sign In With Twitter',\n}\n\nexport const Actions: Action[] = [\n {\n id: ActionId.SIGN_IN,\n name: 'Sign In',\n icon: 'login',\n },\n {\n id: ActionId.SIGN_IN_WITH_GOOGLE,\n name: 'Sign In With Google',\n icon: 'google',\n },\n {\n id: ActionId.SIGN_IN_WITH_TWITTER,\n name: 'Sign In With Twitter',\n icon: 'twitter',\n },\n];\n\n@Component({\n selector: 'templates-entrance',\n standalone: true,\n imports: [\n CommonModule,\n AutoLayoutFrame,\n CardFrame,\n ActionButtonsSectionOrganism,\n HeadingOrganism,\n SocialLoginSectionOrganism,\n TextInputSectionOrganism,\n ],\n template: `\n <frames-card>\n <frames-auto-layout vertical>\n <organisms-heading>ログイン</organisms-heading>\n <organisms-text-input-section\n *ngIf=\"form.get('email')\"\n label=\"メールアドレス\"\n [control]=\"form.get('email')\"\n ></organisms-text-input-section>\n <organisms-text-input-section\n *ngIf=\"form.get('password')\"\n label=\"パスワード\"\n [control]=\"form.get('password')\"\n ></organisms-text-input-section>\n <organisms-action-buttons-section\n [actions]=\"actions\"\n (action)=\"action.emit($event)\"\n ></organisms-action-buttons-section>\n </frames-auto-layout>\n </frames-card>\n `,\n styleUrls: ['./entrance.template.scss'],\n host: {class: 'template'},\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EntranceTemplate {\n static ActionId = ActionId;\n protected ActionId = ActionId\n\n @Input()\n form = new FormGroup({\n email: new FormControl(''),\n password: new FormControl(''),\n });\n\n @Input()\n actions = Actions;\n\n @Output()\n action = new EventEmitter<Action>()\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
import { NestedTreeControl } from '@angular/cdk/tree';
|
|
5
|
+
import * as i1 from '@angular/material/tree';
|
|
6
|
+
import { MatTreeNestedDataSource, MatTreeModule } from '@angular/material/tree';
|
|
7
|
+
import * as i2 from '@angular/material/icon';
|
|
8
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
9
|
+
import * as i3 from '@angular/material/button';
|
|
10
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
11
|
+
import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
|
|
12
|
+
|
|
13
|
+
var ActionId;
|
|
14
|
+
(function (ActionId) {
|
|
15
|
+
ActionId["OPEN_FILE"] = "[@ng-atomic/components/templates/file-tree] Open File";
|
|
16
|
+
})(ActionId || (ActionId = {}));
|
|
17
|
+
class FileTreeTemplate extends NgAtomicComponent {
|
|
18
|
+
constructor() {
|
|
19
|
+
super(...arguments);
|
|
20
|
+
this.treeControl = new NestedTreeControl(node => node.children);
|
|
21
|
+
this.dataSource = new MatTreeNestedDataSource();
|
|
22
|
+
this.hasChild = (_, node) => !!node.children && node.children.length > 0;
|
|
23
|
+
}
|
|
24
|
+
static { this.ActionId = ActionId; }
|
|
25
|
+
set treeNode(treeNode) {
|
|
26
|
+
this.dataSource.data = treeNode;
|
|
27
|
+
}
|
|
28
|
+
test(node) {
|
|
29
|
+
console.debug('test');
|
|
30
|
+
this.dispatch({ id: ActionId.OPEN_FILE, payload: node });
|
|
31
|
+
}
|
|
32
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileTreeTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileTreeTemplate, isStandalone: true, selector: "templates-file-tree", inputs: { treeNode: "treeNode" }, usesInheritance: true, ngImport: i0, template: `
|
|
34
|
+
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl" class="example-tree">
|
|
35
|
+
<mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle>
|
|
36
|
+
<a style="color: red" (click)="test(node)">1. {{ node.name }}</a>
|
|
37
|
+
</mat-tree-node>
|
|
38
|
+
<mat-nested-tree-node *matTreeNodeDef="let node; when: hasChild">
|
|
39
|
+
<div class="mat-tree-node">
|
|
40
|
+
<button
|
|
41
|
+
mat-icon-button
|
|
42
|
+
matTreeNodeToggle
|
|
43
|
+
[attr.aria-label]="'Toggle ' + node.name"
|
|
44
|
+
>
|
|
45
|
+
<mat-icon class="mat-icon-rtl-mirror">
|
|
46
|
+
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
|
|
47
|
+
</mat-icon>
|
|
48
|
+
</button>
|
|
49
|
+
<span>{{ node.name }}</span>
|
|
50
|
+
</div>
|
|
51
|
+
<div [class.example-tree-invisible]="!treeControl.isExpanded(node)"
|
|
52
|
+
role="group">
|
|
53
|
+
<ng-container matTreeNodeOutlet></ng-container>
|
|
54
|
+
</div>
|
|
55
|
+
</mat-nested-tree-node>
|
|
56
|
+
</mat-tree>
|
|
57
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;background:white;display:block}:host .example-tree-invisible{display:none}:host .example-tree ul,:host .example-tree li{margin-top:0;margin-bottom:0;list-style-type:none}:host .example-tree .mat-nested-tree-node div[role=group]{padding-left:40px}:host .example-tree div[role=group]>.mat-tree-node{padding-left:40px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i1.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["role", "disabled", "tabIndex", "matNestedTreeNode"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: i1.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i1.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i1.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1.MatTreeNode, selector: "mat-tree-node", inputs: ["role", "disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { kind: "directive", type: i1.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
58
|
+
}
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileTreeTemplate, decorators: [{
|
|
60
|
+
type: Component,
|
|
61
|
+
args: [{ selector: 'templates-file-tree', standalone: true, imports: [
|
|
62
|
+
CommonModule,
|
|
63
|
+
MatTreeModule,
|
|
64
|
+
MatIconModule,
|
|
65
|
+
MatButtonModule,
|
|
66
|
+
], template: `
|
|
67
|
+
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl" class="example-tree">
|
|
68
|
+
<mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle>
|
|
69
|
+
<a style="color: red" (click)="test(node)">1. {{ node.name }}</a>
|
|
70
|
+
</mat-tree-node>
|
|
71
|
+
<mat-nested-tree-node *matTreeNodeDef="let node; when: hasChild">
|
|
72
|
+
<div class="mat-tree-node">
|
|
73
|
+
<button
|
|
74
|
+
mat-icon-button
|
|
75
|
+
matTreeNodeToggle
|
|
76
|
+
[attr.aria-label]="'Toggle ' + node.name"
|
|
77
|
+
>
|
|
78
|
+
<mat-icon class="mat-icon-rtl-mirror">
|
|
79
|
+
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
|
|
80
|
+
</mat-icon>
|
|
81
|
+
</button>
|
|
82
|
+
<span>{{ node.name }}</span>
|
|
83
|
+
</div>
|
|
84
|
+
<div [class.example-tree-invisible]="!treeControl.isExpanded(node)"
|
|
85
|
+
role="group">
|
|
86
|
+
<ng-container matTreeNodeOutlet></ng-container>
|
|
87
|
+
</div>
|
|
88
|
+
</mat-nested-tree-node>
|
|
89
|
+
</mat-tree>
|
|
90
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{width:100%;height:100%;background:white;display:block}:host .example-tree-invisible{display:none}:host .example-tree ul,:host .example-tree li{margin-top:0;margin-bottom:0;list-style-type:none}:host .example-tree .mat-nested-tree-node div[role=group]{padding-left:40px}:host .example-tree div[role=group]>.mat-tree-node{padding-left:40px}\n"] }]
|
|
91
|
+
}], propDecorators: { treeNode: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}] } });
|
|
94
|
+
|
|
95
|
+
/**
|
|
96
|
+
* Generated bundle index. Do not edit.
|
|
97
|
+
*/
|
|
98
|
+
|
|
99
|
+
export { FileTreeTemplate };
|
|
100
|
+
//# sourceMappingURL=ng-atomic-components-templates-file-tree.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-templates-file-tree.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/file-tree/file-tree.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/file-tree/ng-atomic-components-templates-file-tree.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FileSystemTree } from '@webcontainer/api';\nimport { NestedTreeControl } from '@angular/cdk/tree';\nimport { MatTreeNestedDataSource } from '@angular/material/tree';\nimport {MatTreeModule} from '@angular/material/tree';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';\n\nexport interface TreeNode {\n name: string;\n type: string;\n parent?: TreeNode\n children: TreeNode[];\n}\n\nenum ActionId {\n OPEN_FILE = '[@ng-atomic/components/templates/file-tree] Open File',\n}\n\n@Component({\n selector: 'templates-file-tree',\n standalone: true,\n imports: [\n CommonModule,\n MatTreeModule,\n MatIconModule,\n MatButtonModule,\n ],\n template: `\n <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\" class=\"example-tree\">\n <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle>\n <a style=\"color: red\" (click)=\"test(node)\">1. {{ node.name }}</a>\n </mat-tree-node>\n <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n <div class=\"mat-tree-node\">\n <button\n mat-icon-button\n matTreeNodeToggle\n [attr.aria-label]=\"'Toggle ' + node.name\"\n >\n <mat-icon class=\"mat-icon-rtl-mirror\">\n {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}\n </mat-icon>\n </button>\n <span>{{ node.name }}</span>\n </div>\n <div [class.example-tree-invisible]=\"!treeControl.isExpanded(node)\"\n role=\"group\">\n <ng-container matTreeNodeOutlet></ng-container>\n </div>\n </mat-nested-tree-node>\n </mat-tree>\n `,\n styleUrls: ['./file-tree.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FileTreeTemplate extends NgAtomicComponent {\n static ActionId = ActionId;\n\n @Input()\n set treeNode(treeNode: TreeNode[]) {\n this.dataSource.data = treeNode;\n }\n\n treeControl = new NestedTreeControl<TreeNode>(node => node.children);\n dataSource = new MatTreeNestedDataSource<TreeNode>();\n\n protected test(node: TreeNode) {\n console.debug('test');\n this.dispatch({id: ActionId.OPEN_FILE, payload: node});\n }\n\n hasChild = (_: number, node: TreeNode) => !!node.children && node.children.length > 0;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|