@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
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { __awaiter } from 'tslib';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import * as i0 from '@angular/core';
|
|
4
|
-
import { Component, ChangeDetectionStrategy, Input, ViewChild } from '@angular/core';
|
|
5
|
-
import { EditorView } from 'codemirror';
|
|
6
|
-
import { ReplaySubject } from 'rxjs';
|
|
7
|
-
|
|
8
|
-
class EditorComponent {
|
|
9
|
-
constructor() {
|
|
10
|
-
this.state$ = new ReplaySubject(1);
|
|
11
|
-
}
|
|
12
|
-
set state(value) {
|
|
13
|
-
if (!value)
|
|
14
|
-
return;
|
|
15
|
-
this.state$.next(value);
|
|
16
|
-
}
|
|
17
|
-
ngOnInit() {
|
|
18
|
-
return __awaiter(this, void 0, void 0, function* () { });
|
|
19
|
-
}
|
|
20
|
-
ngAfterViewInit() {
|
|
21
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
22
|
-
this.state$.subscribe((state) => {
|
|
23
|
-
if (this.editor) {
|
|
24
|
-
this.editor.dispatch(this.editor.state.update(Object.assign({}, state)), { changes: { from: 0, to: this.editor.state.doc.length, insert: state.doc.toString() } });
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
this.editor = new EditorView({ state, parent: this._editor.nativeElement });
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
EditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: EditorComponent, isStandalone: true, selector: "extras-editor", inputs: { state: "state" }, viewQueries: [{ propertyName: "_editor", first: true, predicate: ["editor"], descendants: true, static: true }], ngImport: i0, template: `<div #editor></div>`, isInline: true, styles: [":host{display:block}:host{width:100%;height:100%}:host div{width:100%;height:100%}:host div ::ng-deep>.cm-editor{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EditorComponent, decorators: [{
|
|
36
|
-
type: Component,
|
|
37
|
-
args: [{ selector: 'extras-editor', standalone: true, imports: [
|
|
38
|
-
CommonModule
|
|
39
|
-
], template: `<div #editor></div>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}:host{width:100%;height:100%}:host div{width:100%;height:100%}:host div ::ng-deep>.cm-editor{width:100%;height:100%}\n"] }]
|
|
40
|
-
}], propDecorators: { state: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], _editor: [{
|
|
43
|
-
type: ViewChild,
|
|
44
|
-
args: ['editor', { static: true }]
|
|
45
|
-
}] } });
|
|
46
|
-
|
|
47
|
-
/**
|
|
48
|
-
* Generated bundle index. Do not edit.
|
|
49
|
-
*/
|
|
50
|
-
|
|
51
|
-
export { EditorComponent };
|
|
52
|
-
//# sourceMappingURL=ng-atomic-components-extras-editor.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-extras-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/extras/editor/editor.component.ts","../../../../../packages/@ng-atomic/components/src/lib/extras/editor/ng-atomic-components-extras-editor.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild } from '@angular/core';\nimport { EditorState } from '@codemirror/state';\nimport { EditorView } from 'codemirror';\nimport { ReplaySubject } from 'rxjs';\n\n@Component({\n selector: 'extras-editor',\n standalone: true,\n imports: [\n CommonModule\n ],\n template: `<div #editor></div>`,\n styleUrls: ['./editor.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EditorComponent {\n\n private readonly state$ = new ReplaySubject<EditorState>(1);\n\n @Input()\n set state(value: EditorState | null) {\n if (!value) return;\n this.state$.next(value);\n }\n\n @ViewChild('editor', { static: true })\n private _editor!: ElementRef<HTMLElement>;\n private editor!: EditorView;\n\n async ngOnInit(): Promise<void> { }\n\n async ngAfterViewInit() {\n this.state$.subscribe((state) => {\n if (this.editor) {\n this.editor.dispatch(\n this.editor.state.update({...state}),\n {changes: { from: 0, to: this.editor.state.doc.length, insert: state.doc.toString() }},\n );\n } else {\n this.editor = new EditorView({state, parent: this._editor.nativeElement});\n }\n });\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAgBa,eAAe,CAAA;AAV5B,IAAA,WAAA,GAAA;QAYmB,IAAA,CAAA,MAAM,GAAG,IAAI,aAAa,CAAc,CAAC,CAAC,CAAC;KA0B7D;IAxBC,IACI,KAAK,CAAC,KAAyB,EAAA;AACjC,QAAA,IAAI,CAAC,KAAK;YAAE,OAAO;AACnB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACzB;IAMK,QAAQ,GAAA;+DAAqB,CAAA,CAAA;AAAA,KAAA;IAE7B,eAAe,GAAA;;YACnB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;gBAC9B,IAAI,IAAI,CAAC,MAAM,EAAE;oBACf,IAAI,CAAC,MAAM,CAAC,QAAQ,CAClB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAE,CAAA,EACpC,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,EAAC,CACvF,CAAC;AACH,iBAAA;AAAM,qBAAA;AACL,oBAAA,IAAI,CAAC,MAAM,GAAG,IAAI,UAAU,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,EAAC,CAAC,CAAC;AAC3E,iBAAA;AACH,aAAC,CAAC,CAAC;SACJ,CAAA,CAAA;AAAA,KAAA;;4GA3BU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;gGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAJhB,CAAqB,mBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,4IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAF7B,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMH,eAAe,EAAA,UAAA,EAAA,CAAA;kBAV3B,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;AACb,qBAAA,EAAA,QAAA,EACS,CAAA,mBAAA,CAAqB,EAAA,eAAA,EAEd,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,4IAAA,CAAA,EAAA,CAAA;8BAO3C,KAAK,EAAA,CAAA;sBADR,KAAK;gBAOE,OAAO,EAAA,CAAA;sBADd,SAAS;gBAAC,IAAA,EAAA,CAAA,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;;;AC1BvC;;AAEG;;;;"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
|
-
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
|
4
|
-
|
|
5
|
-
class AutoLayoutFrame {
|
|
6
|
-
}
|
|
7
|
-
AutoLayoutFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-r7hV: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-r7hV: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-r7hV);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-r7hV) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutFrame, decorators: [{
|
|
10
|
-
type: Component,
|
|
11
|
-
args: [{ selector: 'frames-auto-layout', standalone: true, imports: [
|
|
12
|
-
CommonModule,
|
|
13
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-r7hV: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-r7hV: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-r7hV);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-r7hV) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
|
|
14
|
-
}] });
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Generated bundle index. Do not edit.
|
|
18
|
-
*/
|
|
19
|
-
|
|
20
|
-
export { AutoLayoutFrame };
|
|
21
|
-
//# sourceMappingURL=ng-atomic-components-frames-auto-layout.mjs.map
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
|
-
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
|
4
|
-
import * as i1 from '@angular/material/card';
|
|
5
|
-
import { MatCardModule } from '@angular/material/card';
|
|
6
|
-
|
|
7
|
-
class CardFrame {
|
|
8
|
-
}
|
|
9
|
-
CardFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CardFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
CardFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: CardFrame, isStandalone: true, selector: "frames-card", ngImport: i0, template: "<mat-card><ng-content></ng-content></mat-card>", styles: [":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CardFrame, decorators: [{
|
|
12
|
-
type: Component,
|
|
13
|
-
args: [{ selector: 'frames-card', standalone: true, imports: [
|
|
14
|
-
CommonModule,
|
|
15
|
-
MatCardModule,
|
|
16
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card><ng-content></ng-content></mat-card>", styles: [":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;width:100%;height:100%}\n"] }]
|
|
17
|
-
}] });
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* Generated bundle index. Do not edit.
|
|
21
|
-
*/
|
|
22
|
-
|
|
23
|
-
export { CardFrame };
|
|
24
|
-
//# sourceMappingURL=ng-atomic-components-frames-card.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-frames-divider.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/divider/divider.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/divider/ng-atomic-components-frames-divider.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatDivider, MatDividerModule } from '@angular/material/divider';\nimport { CdkDrag, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { ReplaySubject } from 'rxjs';\n\n@Component({\n selector: 'frames-divider',\n standalone: true,\n imports: [\n CommonModule,\n MatDividerModule,\n CdkDrag,\n ],\n template: `\n <div class=\"first\">\n <ng-content select=\"[first]\"></ng-content>\n </div>\n <mat-divider\n cdkDrag\n cdkDragHandle\n [cdkDragStartDelay]=\"0\"\n (cdkDragStarted)=\"onDragStart($event)\"\n (cdkDragMoved)=\"onDragMoved($event)\"\n cdkDragLockAxis=\"y\"\n #el\n ></mat-divider>\n <div class=\"second\">\n <ng-content select=\"[second]\"></ng-content>\n </div>\n `,\n styleUrls: ['./divider.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DividerFrame {\n\n constructor(\n private el: ElementRef,\n ) { }\n\n protected firstContentHeight: number;\n protected distance: {x: number, y: number} = {x: 0, y: 0};\n\n\n @ViewChild('el', {read: ElementRef})\n divider: ElementRef<HTMLElement>;\n\n onDragStart($event: CdkDragStart) {\n const parentRect = this.divider.nativeElement.parentElement.getBoundingClientRect();\n const elementRect = this.divider.nativeElement.getBoundingClientRect();\n this.firstContentHeight = elementRect.top - parentRect.top;\n }\n\n onDragMoved($event: CdkDragMove) {\n this.divider.nativeElement.style.transform = `translate3d(0, 0, 0)`;\n const height = Math.max(1, this.firstContentHeight + $event.distance.y);\n this.el.nativeElement.style.setProperty('--first-content-height', `${height}px`);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
|
-
import { Component, ViewChild, Input } from '@angular/core';
|
|
4
|
-
import * as i1 from '@angular/material/sidenav';
|
|
5
|
-
import { MatDrawer, MatSidenavModule } from '@angular/material/sidenav';
|
|
6
|
-
|
|
7
|
-
class DrawerFrame {
|
|
8
|
-
constructor() {
|
|
9
|
-
this._isOpen = false;
|
|
10
|
-
}
|
|
11
|
-
set isOpen(_isOpen) {
|
|
12
|
-
var _a, _b;
|
|
13
|
-
console.debug('isOpen:', _isOpen);
|
|
14
|
-
console.debug('this.drawer:', this.drawer);
|
|
15
|
-
_isOpen ? (_a = this.drawer) === null || _a === void 0 ? void 0 : _a.open() : (_b = this.drawer) === null || _b === void 0 ? void 0 : _b.close();
|
|
16
|
-
this._isOpen = _isOpen;
|
|
17
|
-
}
|
|
18
|
-
get isOpen() {
|
|
19
|
-
return this._isOpen;
|
|
20
|
-
}
|
|
21
|
-
ngAfterViewInit() {
|
|
22
|
-
setTimeout(() => {
|
|
23
|
-
var _a, _b;
|
|
24
|
-
this.isOpen ? (_a = this.drawer) === null || _a === void 0 ? void 0 : _a.open() : (_b = this.drawer) === null || _b === void 0 ? void 0 : _b.close();
|
|
25
|
-
console.debug('this.drawer:', this.drawer);
|
|
26
|
-
}, 0);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
DrawerFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
-
DrawerFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DrawerFrame, isStandalone: true, selector: "frames-drawer", inputs: { isOpen: "isOpen" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true }], ngImport: i0, template: "<mat-drawer-container [autosize]=\"false\">\n <mat-drawer #drawer mode=\"side\">\n <ng-content select=[drawer]></ng-content>\n </mat-drawer>\n\n <mat-drawer-content>\n <ng-content select=[contents]></ng-content>\n </mat-drawer-content>\n \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-k5JX: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-k5JX: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-k5JX)}:host mat-drawer-content{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }] });
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerFrame, decorators: [{
|
|
32
|
-
type: Component,
|
|
33
|
-
args: [{ selector: 'frames-drawer', standalone: true, imports: [
|
|
34
|
-
CommonModule,
|
|
35
|
-
MatSidenavModule,
|
|
36
|
-
], template: "<mat-drawer-container [autosize]=\"false\">\n <mat-drawer #drawer mode=\"side\">\n <ng-content select=[drawer]></ng-content>\n </mat-drawer>\n\n <mat-drawer-content>\n <ng-content select=[contents]></ng-content>\n </mat-drawer-content>\n \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-k5JX: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-k5JX: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-k5JX)}:host mat-drawer-content{width:100%}\n"] }]
|
|
37
|
-
}], propDecorators: { drawer: [{
|
|
38
|
-
type: ViewChild,
|
|
39
|
-
args: [MatDrawer]
|
|
40
|
-
}], isOpen: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}] } });
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* Generated bundle index. Do not edit.
|
|
46
|
-
*/
|
|
47
|
-
|
|
48
|
-
export { DrawerFrame };
|
|
49
|
-
//# sourceMappingURL=ng-atomic-components-frames-drawer.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-frames-drawer.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/drawer/drawer.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/drawer/drawer.frame.html","../../../../../packages/@ng-atomic/components/src/lib/frames/drawer/ng-atomic-components-frames-drawer.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { AfterViewInit, Component, Input, ViewChild } from '@angular/core';\nimport { MatDrawer, MatSidenavModule } from '@angular/material/sidenav';\n\n@Component({\n selector: 'frames-drawer',\n standalone: true,\n imports: [\n CommonModule,\n MatSidenavModule,\n ],\n templateUrl: './drawer.frame.html',\n styleUrls: ['./drawer.frame.scss'],\n // changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DrawerFrame implements AfterViewInit {\n\n @ViewChild(MatDrawer)\n drawer!: MatDrawer;\n\n private _isOpen = false;\n\n @Input()\n set isOpen(_isOpen: boolean) {\n console.debug('isOpen:', _isOpen);\n console.debug('this.drawer:', this.drawer);\n _isOpen ? this.drawer?.open() : this.drawer?.close();\n this._isOpen = _isOpen\n }\n\n get isOpen(): boolean {\n return this._isOpen\n }\n\n ngAfterViewInit() {\n setTimeout(() => {\n this.isOpen ? this.drawer?.open() : this.drawer?.close();\n console.debug('this.drawer:', this.drawer);\n\n },0);\n }\n\n}\n","<mat-drawer-container [autosize]=\"false\">\n <mat-drawer #drawer mode=\"side\">\n <ng-content select=[drawer]></ng-content>\n </mat-drawer>\n\n <mat-drawer-content>\n <ng-content select=[contents]></ng-content>\n </mat-drawer-content>\n \n</mat-drawer-container>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAea,WAAW,CAAA;AAXxB,IAAA,WAAA,GAAA;AAgBU,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;KAsBzB;IApBC,IACI,MAAM,CAAC,OAAgB,EAAA;;AACzB,QAAA,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAClC,OAAO,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3C,OAAO,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,EAAE,GAAG,MAAA,IAAI,CAAC,MAAM,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;AACrD,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;KACvB;AAED,IAAA,IAAI,MAAM,GAAA;QACR,OAAO,IAAI,CAAC,OAAO,CAAA;KACpB;IAED,eAAe,GAAA;QACb,UAAU,CAAC,MAAK;;YACd,IAAI,CAAC,MAAM,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAI,EAAE,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,EAAE,CAAC;YACzD,OAAO,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SAE5C,EAAC,CAAC,CAAC,CAAC;KACN;;wGAzBU,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAX,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,+IAEX,SAAS,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjBtB,oRASuB,EDDnB,MAAA,EAAA,CAAA,gPAAA,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,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,cAAA,EAAA,WAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,aAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FAMP,WAAW,EAAA,UAAA,EAAA,CAAA;kBAXvB,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,gBAAgB;qBACjB,EAAA,QAAA,EAAA,oRAAA,EAAA,MAAA,EAAA,CAAA,gPAAA,CAAA,EAAA,CAAA;8BAQD,MAAM,EAAA,CAAA;sBADL,SAAS;uBAAC,SAAS,CAAA;gBAMhB,MAAM,EAAA,CAAA;sBADT,KAAK;;;AEtBR;;AAEG;;;;"}
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
|
|
3
|
-
import * as i2 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import * as i4 from '@angular/material/button';
|
|
6
|
-
import { MatButtonModule } from '@angular/material/button';
|
|
7
|
-
import * as i3 from '@angular/material/icon';
|
|
8
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
9
|
-
import { Subject, ReplaySubject, takeUntil } from 'rxjs';
|
|
10
|
-
|
|
11
|
-
class FabService {
|
|
12
|
-
constructor() {
|
|
13
|
-
this._actions = [];
|
|
14
|
-
this.actionSubject = new Subject();
|
|
15
|
-
this.action$ = this.actionSubject.asObservable();
|
|
16
|
-
}
|
|
17
|
-
get actions() {
|
|
18
|
-
return this._actions;
|
|
19
|
-
}
|
|
20
|
-
onAction(action) {
|
|
21
|
-
this.actionSubject.next(action);
|
|
22
|
-
}
|
|
23
|
-
setActions(actions) {
|
|
24
|
-
this._actions = actions;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
FabService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FabService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
28
|
-
FabService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FabService, providedIn: 'root' });
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FabService, decorators: [{
|
|
30
|
-
type: Injectable,
|
|
31
|
-
args: [{ providedIn: 'root' }]
|
|
32
|
-
}] });
|
|
33
|
-
|
|
34
|
-
class FabFrame {
|
|
35
|
-
constructor(service) {
|
|
36
|
-
this.service = service;
|
|
37
|
-
this.destroy$ = new ReplaySubject(1);
|
|
38
|
-
this.actions = [];
|
|
39
|
-
this.action = new EventEmitter();
|
|
40
|
-
}
|
|
41
|
-
ngOnInit() {
|
|
42
|
-
this.service.action$.pipe(takeUntil(this.destroy$)).subscribe((action) => {
|
|
43
|
-
this.action.emit(action);
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
ngOnDestroy() {
|
|
47
|
-
this.destroy$.next();
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
FabFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FabFrame, deps: [{ token: FabService }], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
-
FabFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: FabFrame, isStandalone: true, selector: "frames-fab", inputs: { actions: "actions" }, outputs: { action: "action" }, ngImport: i0, template: `
|
|
52
|
-
<ng-content></ng-content>
|
|
53
|
-
<ng-container *ngFor="let action of actions">
|
|
54
|
-
<button mat-fab color="primary" (click)="service.onAction(action)">
|
|
55
|
-
<mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
|
|
56
|
-
</button>
|
|
57
|
-
</ng-container>
|
|
58
|
-
`, isInline: true, styles: [":host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;bottom:16px;right:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatFabButton, selector: "button[mat-fab]", inputs: ["disabled", "disableRipple", "color", "tabIndex", "extended"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FabFrame, decorators: [{
|
|
60
|
-
type: Component,
|
|
61
|
-
args: [{ selector: 'frames-fab', standalone: true, imports: [
|
|
62
|
-
CommonModule,
|
|
63
|
-
MatIconModule,
|
|
64
|
-
MatButtonModule,
|
|
65
|
-
], template: `
|
|
66
|
-
<ng-content></ng-content>
|
|
67
|
-
<ng-container *ngFor="let action of actions">
|
|
68
|
-
<button mat-fab color="primary" (click)="service.onAction(action)">
|
|
69
|
-
<mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
|
|
70
|
-
</button>
|
|
71
|
-
</ng-container>
|
|
72
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;bottom:16px;right:16px}\n"] }]
|
|
73
|
-
}], ctorParameters: function () { return [{ type: FabService }]; }, propDecorators: { actions: [{
|
|
74
|
-
type: Input
|
|
75
|
-
}], action: [{
|
|
76
|
-
type: Output
|
|
77
|
-
}] } });
|
|
78
|
-
|
|
79
|
-
/**
|
|
80
|
-
* Generated bundle index. Do not edit.
|
|
81
|
-
*/
|
|
82
|
-
|
|
83
|
-
export { FabFrame, FabService };
|
|
84
|
-
//# sourceMappingURL=ng-atomic-components-frames-fab.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-frames-fab.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/fab/fab.service.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/fab/fab.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/fab/ng-atomic-components-frames-fab.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { Subject } from 'rxjs';\n\n@Injectable({providedIn: 'root'})\nexport class FabService {\n private _actions: Action[] = [];\n private actionSubject = new Subject<Action>();\n\n get actions(): Action[] {\n return this._actions;\n }\n\n action$ = this.actionSubject.asObservable();\n\n onAction(action: Action) {\n this.actionSubject.next(action);\n }\n\n setActions(actions: Action[]) {\n this._actions = actions;\n }\n}","import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { Action } from '@ng-atomic/common/models';\nimport { FabService } from './fab.service';\nimport { ReplaySubject, takeUntil } from 'rxjs';\n\n@Component({\n selector: 'frames-fab',\n standalone: true,\n imports: [\n CommonModule,\n MatIconModule,\n MatButtonModule,\n ],\n template: `\n <ng-content></ng-content>\n <ng-container *ngFor=\"let action of actions\">\n <button mat-fab color=\"primary\" (click)=\"service.onAction(action)\">\n <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>\n </button>\n </ng-container>\n `,\n styleUrls: ['./fab.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FabFrame implements OnInit, OnDestroy {\n\n constructor(\n protected service: FabService,\n ) { }\n\n private readonly destroy$ = new ReplaySubject<void>(1);\n\n @Input()\n actions: Action[] = [];\n\n @Output()\n protected action = new EventEmitter<Action>();\n\n ngOnInit(): void {\n this.service.action$.pipe(\n takeUntil(this.destroy$),\n ).subscribe((action) => {\n this.action.emit(action);\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next();\n }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.FabService"],"mappings":"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"}
|
|
@@ -1,197 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Component, ChangeDetectionStrategy, HostBinding, Input, ViewChild } from '@angular/core';
|
|
3
|
-
import { CommonModule } from '@angular/common';
|
|
4
|
-
import { Observable, ReplaySubject, BehaviorSubject, combineLatest } from 'rxjs';
|
|
5
|
-
import { map, startWith, distinctUntilChanged, takeUntil } from 'rxjs/operators';
|
|
6
|
-
import { trigger, state, style, transition, animate, sequence, query, group } from '@angular/animations';
|
|
7
|
-
import ResizeObserver from 'resize-observer-polyfill';
|
|
8
|
-
|
|
9
|
-
const MAIN_ANIMATION = trigger('modeChangeForMain', [
|
|
10
|
-
state('*', style({
|
|
11
|
-
width: '100%',
|
|
12
|
-
})),
|
|
13
|
-
state('Next', style({
|
|
14
|
-
display: 'none',
|
|
15
|
-
width: '0%',
|
|
16
|
-
})),
|
|
17
|
-
transition('* => Next', [
|
|
18
|
-
animate('0.5s', style({ width: '0%' })),
|
|
19
|
-
style({ display: 'none' }),
|
|
20
|
-
]),
|
|
21
|
-
transition('Next => *', [
|
|
22
|
-
sequence([
|
|
23
|
-
style({ display: 'inherit' }),
|
|
24
|
-
animate('0.5s', style({ width: '100%' })),
|
|
25
|
-
]),
|
|
26
|
-
]),
|
|
27
|
-
]);
|
|
28
|
-
const NEXT_ANIMATION = trigger('modeChangeForNext', [
|
|
29
|
-
state('Next', style({
|
|
30
|
-
position: 'relative',
|
|
31
|
-
display: 'block',
|
|
32
|
-
width: '100%',
|
|
33
|
-
})),
|
|
34
|
-
state('Both', style({
|
|
35
|
-
position: 'relative',
|
|
36
|
-
display: 'block',
|
|
37
|
-
width: '100%',
|
|
38
|
-
})),
|
|
39
|
-
state('Main', style({
|
|
40
|
-
position: 'relative',
|
|
41
|
-
display: 'block',
|
|
42
|
-
width: '100%',
|
|
43
|
-
})),
|
|
44
|
-
transition('Main => Next', [
|
|
45
|
-
query(':enter', [animate('0.5s')], { optional: true }),
|
|
46
|
-
sequence([
|
|
47
|
-
style({ display: 'block', width: '100%' }),
|
|
48
|
-
animate('0.5s'),
|
|
49
|
-
]),
|
|
50
|
-
]),
|
|
51
|
-
transition('Main => Both', [
|
|
52
|
-
query(':enter', [animate('0.5s')], { optional: true }),
|
|
53
|
-
sequence([
|
|
54
|
-
style({ display: 'block', width: '100%' }),
|
|
55
|
-
animate('0.5s'),
|
|
56
|
-
]),
|
|
57
|
-
]),
|
|
58
|
-
transition('Next => Main', group([
|
|
59
|
-
query(':leave', animate('0.5s', style({ width: '100%' })), { optional: true }),
|
|
60
|
-
sequence([
|
|
61
|
-
style({ position: 'absolute', display: 'block', left: '0%' }),
|
|
62
|
-
animate('0.5s', style({ left: '100%' })),
|
|
63
|
-
]),
|
|
64
|
-
])),
|
|
65
|
-
transition('Both => Main', group([
|
|
66
|
-
query(':leave', animate('0.5s', style({ width: '100%' })), { optional: true }),
|
|
67
|
-
sequence([
|
|
68
|
-
style({ position: 'absolute', display: 'block', left: '100%' }),
|
|
69
|
-
animate('0.5s', style({ left: '100%' })),
|
|
70
|
-
]),
|
|
71
|
-
])),
|
|
72
|
-
]);
|
|
73
|
-
const LINE_UP_ANIMATIONS = [MAIN_ANIMATION, NEXT_ANIMATION];
|
|
74
|
-
|
|
75
|
-
function fromResize({ nativeElement }) {
|
|
76
|
-
return Observable.create(function (observer) {
|
|
77
|
-
const callback = (entries) => entries.forEach((e) => observer.next(e));
|
|
78
|
-
const resizeObserver = new ResizeObserver(callback);
|
|
79
|
-
resizeObserver.observe(nativeElement);
|
|
80
|
-
return () => resizeObserver.disconnect();
|
|
81
|
-
}).pipe(map(({ contentRect }) => { var _a; return (_a = contentRect === null || contentRect === void 0 ? void 0 : contentRect.width) !== null && _a !== void 0 ? _a : 0; }), startWith(0), distinctUntilChanged());
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
var Mode;
|
|
85
|
-
(function (Mode) {
|
|
86
|
-
Mode["MAIN"] = "Main";
|
|
87
|
-
Mode["BOTH"] = "Both";
|
|
88
|
-
Mode["NEXT"] = "Next";
|
|
89
|
-
})(Mode || (Mode = {}));
|
|
90
|
-
class LineUpFrameService {
|
|
91
|
-
constructor() {
|
|
92
|
-
this.frames = [];
|
|
93
|
-
}
|
|
94
|
-
register(frame) {
|
|
95
|
-
this.frames.push(frame);
|
|
96
|
-
}
|
|
97
|
-
unregister(frame) {
|
|
98
|
-
this.frames = this.frames.slice(0, this.findIndex(frame));
|
|
99
|
-
}
|
|
100
|
-
findIndex(frame) {
|
|
101
|
-
return this.frames.findIndex((value) => value === frame);
|
|
102
|
-
}
|
|
103
|
-
propagate(frame) {
|
|
104
|
-
var _a;
|
|
105
|
-
const target = (_a = this.frames) === null || _a === void 0 ? void 0 : _a[this.findIndex(frame) - 1];
|
|
106
|
-
target === null || target === void 0 ? void 0 : target.refresh();
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
LineUpFrameService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpFrameService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
110
|
-
LineUpFrameService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpFrameService, providedIn: 'root' });
|
|
111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpFrameService, decorators: [{
|
|
112
|
-
type: Injectable,
|
|
113
|
-
args: [{ providedIn: 'root' }]
|
|
114
|
-
}] });
|
|
115
|
-
class LineUpFrame {
|
|
116
|
-
set hasNext(_hasNext) {
|
|
117
|
-
this.hasNext$.next(_hasNext);
|
|
118
|
-
this._hasNext = _hasNext;
|
|
119
|
-
}
|
|
120
|
-
;
|
|
121
|
-
get hasNext() {
|
|
122
|
-
return this._hasNext;
|
|
123
|
-
}
|
|
124
|
-
constructor(service) {
|
|
125
|
-
this.service = service;
|
|
126
|
-
this.Mode = Mode;
|
|
127
|
-
this.mode = Mode.MAIN;
|
|
128
|
-
this.refresh$ = new ReplaySubject(1);
|
|
129
|
-
this.destroy$ = new ReplaySubject(1);
|
|
130
|
-
this.hasNext$ = new BehaviorSubject(false);
|
|
131
|
-
this._hasNext = false;
|
|
132
|
-
this.minNextWidth = 360;
|
|
133
|
-
}
|
|
134
|
-
ngOnInit() {
|
|
135
|
-
this.service.register(this);
|
|
136
|
-
this.refresh();
|
|
137
|
-
combineLatest([
|
|
138
|
-
this.hasNext$,
|
|
139
|
-
fromResize(this.nextElementRef),
|
|
140
|
-
this.refresh$,
|
|
141
|
-
]).pipe(takeUntil(this.destroy$)).subscribe(([hasNext, width]) => {
|
|
142
|
-
this.mode = this.resolveMode(hasNext, width);
|
|
143
|
-
setTimeout(() => this.service.propagate(this), 0);
|
|
144
|
-
});
|
|
145
|
-
}
|
|
146
|
-
ngOnDestroy() {
|
|
147
|
-
this.service.unregister(this);
|
|
148
|
-
this.destroy$.next();
|
|
149
|
-
}
|
|
150
|
-
refresh() {
|
|
151
|
-
this.refresh$.next();
|
|
152
|
-
}
|
|
153
|
-
resolveMode(hasNext, width) {
|
|
154
|
-
if (hasNext && width <= this.minNextWidth)
|
|
155
|
-
return Mode.BOTH;
|
|
156
|
-
return hasNext ? Mode.NEXT : Mode.MAIN;
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
LineUpFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpFrame, deps: [{ token: LineUpFrameService }], target: i0.ɵɵFactoryTarget.Component });
|
|
160
|
-
LineUpFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: LineUpFrame, isStandalone: true, selector: "frames-line-up", inputs: { hasNext: "hasNext", minNextWidth: "minNextWidth" }, host: { properties: { "attr.has-next": "this.hasNext" } }, viewQueries: [{ propertyName: "nextElementRef", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: `
|
|
161
|
-
<div class="main" [@modeChangeForMain]="mode" #main>
|
|
162
|
-
<ng-content select="[main]"></ng-content>
|
|
163
|
-
</div>
|
|
164
|
-
<div class="next" [@modeChangeForNext]="mode" #next>
|
|
165
|
-
<ng-content select="[next]"></ng-content>
|
|
166
|
-
</div>
|
|
167
|
-
`, isInline: true, styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-UN5h: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-UN5h: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-UN5h: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-UN5h);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-UN5h)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-UN5h)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default });
|
|
168
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpFrame, decorators: [{
|
|
169
|
-
type: Component,
|
|
170
|
-
args: [{ standalone: true, imports: [
|
|
171
|
-
CommonModule,
|
|
172
|
-
], selector: 'frames-line-up', template: `
|
|
173
|
-
<div class="main" [@modeChangeForMain]="mode" #main>
|
|
174
|
-
<ng-content select="[main]"></ng-content>
|
|
175
|
-
</div>
|
|
176
|
-
<div class="next" [@modeChangeForNext]="mode" #next>
|
|
177
|
-
<ng-content select="[next]"></ng-content>
|
|
178
|
-
</div>
|
|
179
|
-
`, changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-UN5h: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-UN5h: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-UN5h: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-UN5h);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-UN5h)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-UN5h)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"] }]
|
|
180
|
-
}], ctorParameters: function () { return [{ type: LineUpFrameService }]; }, propDecorators: { hasNext: [{
|
|
181
|
-
type: HostBinding,
|
|
182
|
-
args: ['attr.has-next']
|
|
183
|
-
}, {
|
|
184
|
-
type: Input
|
|
185
|
-
}], minNextWidth: [{
|
|
186
|
-
type: Input
|
|
187
|
-
}], nextElementRef: [{
|
|
188
|
-
type: ViewChild,
|
|
189
|
-
args: ['next', { static: true }]
|
|
190
|
-
}] } });
|
|
191
|
-
|
|
192
|
-
/**
|
|
193
|
-
* Generated bundle index. Do not edit.
|
|
194
|
-
*/
|
|
195
|
-
|
|
196
|
-
export { LineUpFrame, LineUpFrameService };
|
|
197
|
-
//# sourceMappingURL=ng-atomic-components-frames-line-up.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-frames-line-up.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/line-up.animations.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/resize-observer.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/line-up.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/ng-atomic-components-frames-line-up.ts"],"sourcesContent":["import { animate, query, sequence, state, style, transition, trigger, group } from '@angular/animations';\n\nconst MAIN_ANIMATION = trigger('modeChangeForMain', [\n state('*', style({\n width: '100%',\n })),\n state('Next', style({\n display: 'none',\n width: '0%',\n })),\n transition('* => Next', [\n animate('0.5s', style({ width: '0%' })),\n style({display: 'none'}),\n ]),\n transition('Next => *', [\n sequence([\n style({ display: 'inherit' }),\n animate('0.5s', style({ width: '100%' })),\n ]),\n ]),\n]);\n\nconst NEXT_ANIMATION = trigger('modeChangeForNext', [\n state('Next', style({\n position: 'relative',\n display: 'block',\n width: '100%',\n })),\n state('Both', style({\n position: 'relative',\n display: 'block',\n width: '100%',\n })),\n state('Main', style({\n position: 'relative',\n display: 'block',\n width: '100%',\n })),\n transition('Main => Next', [\n query(':enter', [animate('0.5s')], { optional: true }),\n sequence([\n style({ display: 'block', width: '100%' }),\n animate('0.5s'),\n ]),\n ]),\n transition('Main => Both', [\n query(':enter', [animate('0.5s')], { optional: true }),\n sequence([\n style({ display: 'block', width: '100%' }),\n animate('0.5s'),\n ]),\n ]),\n transition('Next => Main', group([\n query(':leave', animate('0.5s', style({width: '100%'})), { optional: true }),\n sequence([\n style({position: 'absolute', display: 'block', left: '0%'}),\n animate('0.5s', style({left: '100%'})),\n ]),\n ])),\n transition('Both => Main', group([\n query(':leave', animate('0.5s', style({width: '100%'})), { optional: true }),\n sequence([\n style({position: 'absolute', display: 'block', left: '100%'}),\n animate('0.5s', style({left: '100%'})),\n ]),\n ])),\n]);\n\nexport const LINE_UP_ANIMATIONS = [MAIN_ANIMATION, NEXT_ANIMATION];\n","import { Observable } from 'rxjs';\nimport { startWith } from 'rxjs/operators';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { distinctUntilChanged, map } from 'rxjs/operators';\nimport { ElementRef } from '@angular/core';\n\nexport function fromResize({nativeElement}: ElementRef<Element>): Observable<number> {\n return Observable.create(function(observer: any) {\n const callback = (entries: any) => entries.forEach((e: any) => observer.next(e));\n const resizeObserver = new ResizeObserver(callback);\n resizeObserver.observe(nativeElement);\n return () => resizeObserver.disconnect();\n }).pipe(\n map(({contentRect}) => contentRect?.width ?? 0),\n startWith(0),\n distinctUntilChanged(),\n );\n}\n","import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Injectable, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BehaviorSubject, combineLatest, ReplaySubject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { LINE_UP_ANIMATIONS } from './line-up.animations';\nimport { fromResize } from './resize-observer';\n\nenum Mode {\n MAIN = 'Main',\n BOTH = 'Both',\n NEXT = 'Next',\n}\n\n@Injectable({providedIn: 'root'})\nexport class LineUpFrameService {\n frames: LineUpFrame[] = [];\n\n register(frame: LineUpFrame) {\n this.frames.push(frame);\n }\n\n unregister(frame: LineUpFrame) {\n this.frames = this.frames.slice(0, this.findIndex(frame));\n }\n\n findIndex(frame: LineUpFrame): number {\n return this.frames.findIndex((value) => value === frame);\n }\n\n propagate(frame: LineUpFrame): void {\n const target = this.frames?.[this.findIndex(frame) - 1];\n target?.refresh();\n }\n}\n\n@Component({\n standalone: true,\n imports: [\n CommonModule,\n ],\n selector: 'frames-line-up',\n template: `\n <div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n <ng-content select=\"[main]\"></ng-content>\n </div>\n <div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n <ng-content select=\"[next]\"></ng-content>\n </div>\n `,\n styleUrls: ['./line-up.frame.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n animations: LINE_UP_ANIMATIONS,\n})\nexport class LineUpFrame implements OnInit, OnDestroy {\n Mode = Mode;\n mode = Mode.MAIN;\n\n private readonly refresh$ = new ReplaySubject<void>(1);\n private readonly destroy$ = new ReplaySubject<void>(1);\n private readonly hasNext$ = new BehaviorSubject(false); \n\n\n private _hasNext = false;\n @HostBinding('attr.has-next')\n @Input()\n set hasNext(_hasNext: boolean) {\n this.hasNext$.next(_hasNext);\n this._hasNext = _hasNext;\n };\n get hasNext(): boolean {\n return this._hasNext;\n }\n\n @Input()\n minNextWidth: number = 360;\n\n @ViewChild('next', {static: true})\n nextElementRef!: ElementRef;\n\n constructor(private service: LineUpFrameService) { }\n\n ngOnInit(): void {\n this.service.register(this);\n this.refresh();\n \n combineLatest([\n this.hasNext$, \n fromResize(this.nextElementRef),\n this.refresh$,\n ]).pipe(takeUntil(this.destroy$)).subscribe(([hasNext, width]) => {\n this.mode = this.resolveMode(hasNext, width);\n setTimeout(() => this.service.propagate(this), 0);\n });\n }\n\n ngOnDestroy(): void {\n this.service.unregister(this);\n this.destroy$.next(); \n }\n\n refresh() {\n this.refresh$.next();\n }\n\n private resolveMode(hasNext: boolean, width: number): Mode {\n if (hasNext && width <= this.minNextWidth) return Mode.BOTH;\n return hasNext ? Mode.NEXT : Mode.MAIN;\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-frames-loading.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/loading/loading.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/loading/ng-atomic-components-frames-loading.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@Component({\n selector: 'frames-loading',\n standalone: true,\n imports: [\n CommonModule,\n MatProgressSpinnerModule,\n ],\n template: `\n <div class=\"contents\"><ng-content></ng-content></div>\n <div class=\"loading\" *ngIf=\"isLoading\"><mat-spinner></mat-spinner></div>\n `,\n styleUrls: ['./loading.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LoadingFrame {\n\n @Input()\n isLoading = false;\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAkBa,YAAY,CAAA;AAdzB,IAAA,WAAA,GAAA;AAiBE,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;KAEnB;;yGALY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EAPb,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;GAGT,EANC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,ySAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,kIACZ,wBAAwB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FASf,YAAY,EAAA,UAAA,EAAA,CAAA;kBAdxB,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,wBAAwB;AACzB,qBAAA,EACS,QAAA,EAAA,CAAA;;;AAGT,EAAA,CAAA,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,ySAAA,CAAA,EAAA,CAAA;8BAK/C,SAAS,EAAA,CAAA;sBADR,KAAK;;;ACpBR;;AAEG;;;;"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
|
|
3
|
-
import { trigger, transition, query, style, animate, animateChild } from '@angular/animations';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
6
|
-
|
|
7
|
-
const OVERLAY_ANIMATION = trigger('hasNext', [
|
|
8
|
-
transition('false => true', [
|
|
9
|
-
query(':enter', [
|
|
10
|
-
style({
|
|
11
|
-
position: 'absolute',
|
|
12
|
-
top: '0px',
|
|
13
|
-
left: '0px'
|
|
14
|
-
})
|
|
15
|
-
]),
|
|
16
|
-
query(':enter', [style({ left: '100%' })]),
|
|
17
|
-
query(':enter', [animate('300ms ease-out', style({ left: '0%' }))]),
|
|
18
|
-
query(':enter', animateChild()),
|
|
19
|
-
]),
|
|
20
|
-
transition('true => false', [
|
|
21
|
-
query(':leave', [
|
|
22
|
-
style({
|
|
23
|
-
position: 'absolute',
|
|
24
|
-
top: '0px',
|
|
25
|
-
left: '0px'
|
|
26
|
-
})
|
|
27
|
-
]),
|
|
28
|
-
query(':leave', [style({ left: '0%' })]),
|
|
29
|
-
query(':leave', [animate('300ms ease-in', style({ left: '100%' }))]),
|
|
30
|
-
query(':leave', animateChild()),
|
|
31
|
-
])
|
|
32
|
-
]);
|
|
33
|
-
|
|
34
|
-
class OverlayFrame {
|
|
35
|
-
constructor() {
|
|
36
|
-
this.hasNext = false;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
OverlayFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: OverlayFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
40
|
-
OverlayFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: OverlayFrame, isStandalone: true, selector: "frames-overlay", inputs: { hasNext: "hasNext" }, ngImport: i0, template: "<div class=\"main\">\n <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n <ng-content select=[next]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-Fv2V: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-Fv2V: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-Fv2V: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-Fv2V);height:var(--height-SCOPED-IN-line-overlay-Fv2V)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-Fv2V);height:var(--height-SCOPED-IN-line-overlay-Fv2V);justify-content:center;align-items:center;background-color:#0006}:host .main{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-Fv2V);height:var(--height-SCOPED-IN-line-overlay-Fv2V);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-Fv2V);--width: var(--width-SCOPED-IN-line-overlay-Fv2V);--height: var(--height-SCOPED-IN-line-overlay-Fv2V)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-Fv2V);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-Fv2V);--width: var(--width-SCOPED-IN-line-overlay-Fv2V);--height: var(--height-SCOPED-IN-line-overlay-Fv2V)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }], animations: [OVERLAY_ANIMATION], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: OverlayFrame, decorators: [{
|
|
42
|
-
type: Component,
|
|
43
|
-
args: [{ selector: 'frames-overlay', standalone: true, imports: [
|
|
44
|
-
CommonModule,
|
|
45
|
-
MatProgressSpinnerModule,
|
|
46
|
-
], animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"main\">\n <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n <ng-content select=[next]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-Fv2V: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-Fv2V: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-Fv2V: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-Fv2V);height:var(--height-SCOPED-IN-line-overlay-Fv2V)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-Fv2V);height:var(--height-SCOPED-IN-line-overlay-Fv2V);justify-content:center;align-items:center;background-color:#0006}:host .main{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-Fv2V);height:var(--height-SCOPED-IN-line-overlay-Fv2V);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-Fv2V);--width: var(--width-SCOPED-IN-line-overlay-Fv2V);--height: var(--height-SCOPED-IN-line-overlay-Fv2V)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-Fv2V);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-Fv2V);--width: var(--width-SCOPED-IN-line-overlay-Fv2V);--height: var(--height-SCOPED-IN-line-overlay-Fv2V)}\n"] }]
|
|
47
|
-
}], propDecorators: { hasNext: [{
|
|
48
|
-
type: Input
|
|
49
|
-
}] } });
|
|
50
|
-
|
|
51
|
-
/**
|
|
52
|
-
* Generated bundle index. Do not edit.
|
|
53
|
-
*/
|
|
54
|
-
|
|
55
|
-
export { OverlayFrame };
|
|
56
|
-
//# sourceMappingURL=ng-atomic-components-frames-overlay.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-frames-overlay.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/overlay/overlay.animations.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/overlay/overlay.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/overlay/overlay.frame.html","../../../../../packages/@ng-atomic/components/src/lib/frames/overlay/ng-atomic-components-frames-overlay.ts"],"sourcesContent":["import { trigger, transition, style, query, animateChild, animate } from '@angular/animations';\n\nexport const OVERLAY_ANIMATION = trigger('hasNext', [\n transition('false => true', [\n query(':enter', [\n style({\n position: 'absolute',\n top: '0px',\n left: '0px'\n })\n ]),\n query(':enter', [style({ left: '100%' })]),\n query(':enter', [animate('300ms ease-out', style({ left: '0%' }))]),\n query(':enter', animateChild()),\n ]),\n transition('true => false', [\n query(':leave', [\n style({\n position: 'absolute',\n top: '0px',\n left: '0px'\n })\n ]),\n query(':leave', [style({ left: '0%' })]),\n query(':leave', [animate('300ms ease-in', style({ left: '100%' }))]),\n query(':leave', animateChild()),\n ])\n]);\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { OVERLAY_ANIMATION } from './overlay.animations';\nimport { CommonModule } from '@angular/common';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@Component({\n selector: 'frames-overlay',\n standalone: true,\n imports: [\n CommonModule,\n MatProgressSpinnerModule,\n ],\n templateUrl: './overlay.frame.html',\n styleUrls: ['./overlay.frame.scss'],\n animations: [OVERLAY_ANIMATION],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class OverlayFrame {\n @Input()\n hasNext = false;\n}\n","<div class=\"main\">\n <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n <ng-content select=[next]></ng-content>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAEO,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,EAAE;IAClD,UAAU,CAAC,eAAe,EAAE;QAC1B,KAAK,CAAC,QAAQ,EAAE;AACd,YAAA,KAAK,CAAC;AACJ,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,GAAG,EAAE,KAAK;AACV,gBAAA,IAAI,EAAE,KAAK;aACZ,CAAC;SACH,CAAC;AACF,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;AAC1C,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;AACnE,QAAA,KAAK,CAAC,QAAQ,EAAE,YAAY,EAAE,CAAC;KAChC,CAAC;IACF,UAAU,CAAC,eAAe,EAAE;QACxB,KAAK,CAAC,QAAQ,EAAE;AACd,YAAA,KAAK,CAAC;AACJ,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,GAAG,EAAE,KAAK;AACV,gBAAA,IAAI,EAAE,KAAK;aACZ,CAAC;SACH,CAAC;AACF,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AACxC,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;AACpE,QAAA,KAAK,CAAC,QAAQ,EAAE,YAAY,EAAE,CAAC;KAClC,CAAC;AACH,CAAA,CAAC;;MCVW,YAAY,CAAA;AAZzB,IAAA,WAAA,GAAA;AAcE,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;KACjB;;yGAHY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;6FAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjBzB,6KAKM,EDIF,MAAA,EAAA,CAAA,qpCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BACZ,wBAAwB,EAAA,CAAA,EAAA,UAAA,EAId,CAAC,iBAAiB,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAGpB,YAAY,EAAA,UAAA,EAAA,CAAA;kBAZxB,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,wBAAwB;qBACzB,EAAA,UAAA,EAGW,CAAC,iBAAiB,CAAC,EACd,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6KAAA,EAAA,MAAA,EAAA,CAAA,qpCAAA,CAAA,EAAA,CAAA;8BAI/C,OAAO,EAAA,CAAA;sBADN,KAAK;;;AElBR;;AAEG;;;;"}
|