@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
|
@@ -16,5 +16,5 @@ export declare class ChipsInputAtom implements OnInit {
|
|
|
16
16
|
onChiInputTokenEnd(event: MatChipInputEvent): void;
|
|
17
17
|
remove(value: string): void;
|
|
18
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChipsInputAtom, never>;
|
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChipsInputAtom, "atoms-chips-input", never, { "separators": "separators"; "control": "control"; "placeholder": "placeholder"; }, {}, never, never, true, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChipsInputAtom, "atoms-chips-input", never, { "separators": { "alias": "separators"; "required": false; }; "control": { "alias": "control"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
|
|
20
20
|
}
|
|
@@ -9,5 +9,5 @@ export declare class IconAtom {
|
|
|
9
9
|
color?: string;
|
|
10
10
|
constructor(registry: MatIconRegistry);
|
|
11
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<IconAtom, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<IconAtom, "atoms-icon", never, { "name": "name"; "color": "color"; }, {}, never, never, true, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconAtom, "atoms-icon", never, { "name": { "alias": "name"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
|
|
13
13
|
}
|
|
@@ -6,5 +6,5 @@ export declare class SmartMenuButtonAtom {
|
|
|
6
6
|
action: EventEmitter<Action<any>>;
|
|
7
7
|
trackByItemId: (index: number, item: Action) => string;
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<SmartMenuButtonAtom, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SmartMenuButtonAtom, "atoms-smart-menu-button", never, { "actions": "actions"; }, { "action": "action"; }, never, never, true, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SmartMenuButtonAtom, "atoms-smart-menu-button", never, { "actions": { "alias": "actions"; "required": false; }; }, { "action": "action"; }, never, never, true, never>;
|
|
10
10
|
}
|
|
@@ -42,11 +42,10 @@ export class ChipsInputAtom {
|
|
|
42
42
|
this.chipsManager.remove(value);
|
|
43
43
|
this.control.setValue(this.chipsManager.getValue());
|
|
44
44
|
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
], ngImport: i0, template: `
|
|
45
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipsInputAtom, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ChipsManager }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
46
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipsInputAtom, isStandalone: true, selector: "atoms-chips-input", inputs: { separators: "separators", control: "control", placeholder: "placeholder" }, providers: [
|
|
47
|
+
ChipsManager,
|
|
48
|
+
], ngImport: i0, template: `
|
|
50
49
|
<mat-chip-grid #chipGrid>
|
|
51
50
|
<mat-chip-row *ngFor="let chip of chipsManager.chips"
|
|
52
51
|
(removed)="remove(chip)"
|
|
@@ -65,8 +64,9 @@ ChipsInputAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version
|
|
|
65
64
|
(matChipInputTokenEnd)="onChiInputTokenEnd($event)"
|
|
66
65
|
>
|
|
67
66
|
</mat-chip-grid>
|
|
68
|
-
`, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3.MatChipGrid, selector: "mat-chip-grid", inputs: ["tabIndex", "disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["color", "disabled", "disableRipple", "tabIndex", "editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
69
|
-
|
|
67
|
+
`, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3.MatChipGrid, selector: "mat-chip-grid", inputs: ["tabIndex", "disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["color", "disabled", "disableRipple", "tabIndex", "editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
68
|
+
}
|
|
69
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipsInputAtom, decorators: [{
|
|
70
70
|
type: Component,
|
|
71
71
|
args: [{ selector: 'atoms-chips-input', standalone: true, imports: [
|
|
72
72
|
CommonModule,
|
|
@@ -103,4 +103,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
|
|
|
103
103
|
}], placeholder: [{
|
|
104
104
|
type: Input
|
|
105
105
|
}] } });
|
|
106
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
106
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMtaW5wdXQuYXRvbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2F0b21zL2NoaXBzLWlucHV0L2NoaXBzLWlucHV0LmF0b20udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBVSx1QkFBdUIsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQ3hILE9BQU8sRUFBcUIsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDNUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDckMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBWSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7OztBQTBDbkUsTUFBTSxPQUFPLGNBQWM7SUFZekIsWUFDVSxFQUFxQixFQUN0QixZQUEwQjtRQUR6QixPQUFFLEdBQUYsRUFBRSxDQUFtQjtRQUN0QixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQWJsQixhQUFRLEdBQUcsSUFBSSxhQUFhLENBQU8sQ0FBQyxDQUFDLENBQUM7UUFHdkQsZUFBVSxHQUFHLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQVUsQ0FBQztRQUc1QyxZQUFPLEdBQUcsSUFBSSxXQUFXLENBQVMsRUFBRSxDQUFDLENBQUM7UUFHdEMsZ0JBQVcsR0FBRyxFQUFFLENBQUM7SUFLYixDQUFDO0lBRUwsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0MsSUFBSSxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUMzRSxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNsQyxJQUFJLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3pCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxLQUF3QjtRQUN6QyxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBQ3BELEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQWE7UUFDbEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDaEMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO0lBQ3RELENBQUM7K0dBdENVLGNBQWM7bUdBQWQsY0FBYyxzSkFMZDtZQUNULFlBQVk7U0FDYiwwQkF6QlM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQlQseUVBekJDLFlBQVksMkpBQ1osbUJBQW1CLDhCQUNuQixjQUFjLDB5QkFDZCxhQUFhLG1MQUNiLGNBQWM7OzRGQThCTCxjQUFjO2tCQXRDMUIsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixjQUFjO3dCQUNkLGFBQWE7d0JBQ2IsY0FBYztxQkFDZixZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJULG1CQUdnQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNULFlBQVk7cUJBQ2Isa0JBQ2UsRUFBRTttSUFNbEIsVUFBVTtzQkFEVCxLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDT01NQSwgRU5URVIsIFNQQUNFIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2tleWNvZGVzJztcbmltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgSW5wdXQsIENoYW5nZURldGVjdG9yUmVmLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0Q2hpcElucHV0RXZlbnQsIE1hdENoaXBzTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hpcHMnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBSZXBsYXlTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBDaGlwc01hbmFnZXIgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9zZXJ2aWNlcy9jaGlwcy1tYW5hZ2VyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRJbnB1dCwgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5pbXBvcnQgeyBNYXRGb3JtRmllbGRDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbXMtY2hpcHMtaW5wdXQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgTWF0Q2hpcHNNb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bWF0LWNoaXAtZ3JpZCAjY2hpcEdyaWQ+XG4gICAgICA8bWF0LWNoaXAtcm93ICpuZ0Zvcj1cImxldCBjaGlwIG9mIGNoaXBzTWFuYWdlci5jaGlwc1wiXG4gICAgICAgIChyZW1vdmVkKT1cInJlbW92ZShjaGlwKVwiXG4gICAgICAgIFtlZGl0YWJsZV09XCJmYWxzZVwiXG4gICAgICA+XG4gICAgICAgIHt7IGNoaXAgfX1cbiAgICAgICAgPGJ1dHRvbiBtYXRDaGlwUmVtb3ZlPjxtYXQtaWNvbj5jYW5jZWw8L21hdC1pY29uPjwvYnV0dG9uPlxuICAgICAgPC9tYXQtY2hpcC1yb3c+XG4gICAgICA8aW5wdXRcbiAgICAgICAgbWF0SW5wdXRcbiAgICAgICAgdHlwZT1cInNlYXJjaFwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAgIFttYXRDaGlwSW5wdXRGb3JdPVwiY2hpcEdyaWRcIlxuICAgICAgICBbbWF0Q2hpcElucHV0U2VwYXJhdG9yS2V5Q29kZXNdPVwic2VwYXJhdG9yc1wiXG4gICAgICAgIFttYXRDaGlwSW5wdXRBZGRPbkJsdXJdPVwidHJ1ZVwiXG4gICAgICAgIChtYXRDaGlwSW5wdXRUb2tlbkVuZCk9XCJvbkNoaUlucHV0VG9rZW5FbmQoJGV2ZW50KVwiXG4gICAgICA+XG4gICAgPC9tYXQtY2hpcC1ncmlkPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9jaGlwcy1pbnB1dC5hdG9tLnNjc3MnXSxcbiAgLy8gZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIENoaXBzTWFuYWdlcixcbiAgXSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBDaGlwc0lucHV0QXRvbSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgZGVzdHJveSQgPSBuZXcgUmVwbGF5U3ViamVjdDx2b2lkPigxKTtcblxuICBASW5wdXQoKVxuICBzZXBhcmF0b3JzID0gW0VOVEVSLCBDT01NQSwgU1BBQ0VdIGFzIGNvbnN0O1xuXG4gIEBJbnB1dCgpXG4gIGNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2w8c3RyaW5nPignJyk7XG5cbiAgQElucHV0KClcbiAgcGxhY2Vob2xkZXIgPSAnJztcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGNkOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwdWJsaWMgY2hpcHNNYW5hZ2VyOiBDaGlwc01hbmFnZXIsXG4gICkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5jaGlwc01hbmFnZXIuc2V0VmFsdWUodGhpcy5jb250cm9sLnZhbHVlKTtcbiAgICB0aGlzLmNvbnRyb2wudmFsdWVDaGFuZ2VzLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQpKS5zdWJzY3JpYmUoKHZhbHVlKSA9PiB7XG4gICAgICB0aGlzLmNoaXBzTWFuYWdlci5zZXRWYWx1ZSh2YWx1ZSk7XG4gICAgICB0aGlzLmNkLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5kZXN0cm95JC5uZXh0KCk7XG4gIH1cblxuICBvbkNoaUlucHV0VG9rZW5FbmQoZXZlbnQ6IE1hdENoaXBJbnB1dEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5jaGlwc01hbmFnZXIuYWRkKGV2ZW50LnZhbHVlKTtcbiAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUodGhpcy5jaGlwc01hbmFnZXIuZ2V0VmFsdWUoKSk7XG4gICAgZXZlbnQuaW5wdXQudmFsdWUgPSAnJztcbiAgfVxuXG4gIHJlbW92ZSh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy5jaGlwc01hbmFnZXIucmVtb3ZlKHZhbHVlKTtcbiAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUodGhpcy5jaGlwc01hbmFnZXIuZ2V0VmFsdWUoKSk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
|
|
3
|
+
import { MatIconModule, MatIconRegistry } from '@angular/material/icon';
|
|
4
|
+
import { catchError, map, of, ReplaySubject, switchMap } from 'rxjs';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/material/icon";
|
|
7
|
+
import * as i2 from "@angular/common";
|
|
8
|
+
export class IconAtom {
|
|
9
|
+
set name(_name) {
|
|
10
|
+
this.name$.next(_name);
|
|
11
|
+
}
|
|
12
|
+
;
|
|
13
|
+
constructor(registry) {
|
|
14
|
+
this.registry = registry;
|
|
15
|
+
this.name$ = new ReplaySubject(1);
|
|
16
|
+
this.hasSvgIcon$ = this.name$.pipe(switchMap((name) => this.registry.getNamedSvgIcon(name)), map(svgIcon => !!svgIcon), catchError(() => of(false)));
|
|
17
|
+
}
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconAtom, deps: [{ token: i1.MatIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconAtom, isStandalone: true, selector: "atoms-icon", inputs: { name: "name", color: "color" }, host: { properties: { "style.--color": "this.color" } }, ngImport: i0, template: `
|
|
20
|
+
<mat-icon
|
|
21
|
+
*ngIf="hasSvgIcon$ | async"
|
|
22
|
+
[svgIcon]="name$ | async"
|
|
23
|
+
></mat-icon>
|
|
24
|
+
<mat-icon
|
|
25
|
+
*ngIf="!(hasSvgIcon$ | async)"
|
|
26
|
+
>{{ name$ | async }}</mat-icon>
|
|
27
|
+
`, isInline: true, styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-543H: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-543H)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-543H)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
28
|
+
}
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconAtom, decorators: [{
|
|
30
|
+
type: Component,
|
|
31
|
+
args: [{ selector: 'atoms-icon', standalone: true, imports: [
|
|
32
|
+
CommonModule,
|
|
33
|
+
MatIconModule,
|
|
34
|
+
], template: `
|
|
35
|
+
<mat-icon
|
|
36
|
+
*ngIf="hasSvgIcon$ | async"
|
|
37
|
+
[svgIcon]="name$ | async"
|
|
38
|
+
></mat-icon>
|
|
39
|
+
<mat-icon
|
|
40
|
+
*ngIf="!(hasSvgIcon$ | async)"
|
|
41
|
+
>{{ name$ | async }}</mat-icon>
|
|
42
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-543H: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-543H)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-543H)}\n"] }]
|
|
43
|
+
}], ctorParameters: function () { return [{ type: i1.MatIconRegistry }]; }, propDecorators: { name: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], color: [{
|
|
46
|
+
type: HostBinding,
|
|
47
|
+
args: ['style.--color']
|
|
48
|
+
}, {
|
|
49
|
+
type: Input
|
|
50
|
+
}] } });
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5hdG9tLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvYXRvbXMvaWNvbi9pY29uLmF0b20udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFHLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RixPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFjLEVBQUUsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7O0FBc0JqRixNQUFNLE9BQU8sUUFBUTtJQVNuQixJQUNJLElBQUksQ0FBQyxLQUFhO1FBQ3BCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ3hCLENBQUM7SUFBQSxDQUFDO0lBTUYsWUFBb0IsUUFBeUI7UUFBekIsYUFBUSxHQUFSLFFBQVEsQ0FBaUI7UUFoQjdDLFVBQUssR0FBRyxJQUFJLGFBQWEsQ0FBUyxDQUFDLENBQUMsQ0FBQztRQUNyQyxnQkFBVyxHQUF3QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FDaEQsU0FBUyxDQUFDLENBQUMsSUFBWSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUNoRSxHQUFHLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLEVBQ3pCLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FDNUIsQ0FBQztJQVcrQyxDQUFDOytHQWxCdkMsUUFBUTttR0FBUixRQUFRLHlLQVpUOzs7Ozs7OztHQVFULCtTQVhDLFlBQVksdUxBQ1osYUFBYTs7NEZBY0osUUFBUTtrQkFuQnBCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7cUJBQ2QsWUFDUzs7Ozs7Ozs7R0FRVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTTtzR0FZM0MsSUFBSTtzQkFEUCxLQUFLO2dCQU9OLEtBQUs7c0JBRkosV0FBVzt1QkFBQyxlQUFlOztzQkFDM0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCwgIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlLCBNYXRJY29uUmVnaXN0cnkgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IGNhdGNoRXJyb3IsIG1hcCwgT2JzZXJ2YWJsZSwgb2YsIFJlcGxheVN1YmplY3QsIHN3aXRjaE1hcCB9IGZyb20gJ3J4anMnO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F0b21zLWljb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gIDxtYXQtaWNvblxuICAgICpuZ0lmPVwiaGFzU3ZnSWNvbiQgfCBhc3luY1wiXG4gICAgW3N2Z0ljb25dPVwibmFtZSQgfCBhc3luY1wiXG4gID48L21hdC1pY29uPlxuICA8bWF0LWljb25cbiAgICAqbmdJZj1cIiEoaGFzU3ZnSWNvbiQgfCBhc3luYylcIlxuICA+e3sgbmFtZSQgfCBhc3luYyB9fTwvbWF0LWljb24+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2ljb24uYXRvbS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEljb25BdG9tIHtcblxuICBuYW1lJCA9IG5ldyBSZXBsYXlTdWJqZWN0PHN0cmluZz4oMSk7XG4gIGhhc1N2Z0ljb24kOiBPYnNlcnZhYmxlPGJvb2xlYW4+ID0gdGhpcy5uYW1lJC5waXBlKFxuICAgIHN3aXRjaE1hcCgobmFtZTogc3RyaW5nKSA9PiB0aGlzLnJlZ2lzdHJ5LmdldE5hbWVkU3ZnSWNvbihuYW1lKSksXG4gICAgbWFwKHN2Z0ljb24gPT4gISFzdmdJY29uKSxcbiAgICBjYXRjaEVycm9yKCgpID0+IG9mKGZhbHNlKSksXG4gICk7XG5cbiAgQElucHV0KClcbiAgc2V0IG5hbWUoX25hbWU6IHN0cmluZykge1xuICAgIHRoaXMubmFtZSQubmV4dChfbmFtZSlcbiAgfTtcblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLi0tY29sb3InKVxuICBASW5wdXQoKVxuICBjb2xvcj86IHN0cmluZztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlZ2lzdHJ5OiBNYXRJY29uUmVnaXN0cnkpIHsgfVxuXG59XG4iXX0=
|
|
@@ -14,18 +14,17 @@ export class SmartMenuButtonAtom {
|
|
|
14
14
|
this.action = new EventEmitter();
|
|
15
15
|
this.trackByItemId = (index, item) => item.id;
|
|
16
16
|
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
SmartMenuButtonAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartMenuButtonAtom, isStandalone: true, selector: "atoms-smart-menu-button", inputs: { actions: "actions" }, outputs: { action: "action" }, ngImport: i0, template: `
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartMenuButtonAtom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SmartMenuButtonAtom, isStandalone: true, selector: "atoms-smart-menu-button", inputs: { actions: "actions" }, outputs: { action: "action" }, ngImport: i0, template: `
|
|
20
19
|
<ng-container [ngSwitch]="actions?.length ?? 0">
|
|
21
20
|
<ng-container *ngSwitchCase="0"></ng-container>
|
|
22
21
|
<ng-container *ngSwitchCase="1">
|
|
23
|
-
<button mat-icon-button (click)="action.emit(actions[0])">
|
|
22
|
+
<button mat-icon-button (click)="action.emit(actions[0])" [disabled]="actions[0].disabled">
|
|
24
23
|
<mat-icon>{{ actions[0]?.icon }}</mat-icon>
|
|
25
24
|
</button>
|
|
26
25
|
</ng-container>
|
|
27
26
|
<ng-container *ngSwitchDefault>
|
|
28
|
-
<button mat-icon-button [matMenuTriggerFor]="menu" *ngIf="actions.length">
|
|
27
|
+
<button mat-icon-button [matMenuTriggerFor]="menu" [disabled]="action.disabled" *ngIf="actions.length">
|
|
29
28
|
<mat-icon>more_vert</mat-icon>
|
|
30
29
|
</button>
|
|
31
30
|
</ng-container>
|
|
@@ -38,8 +37,9 @@ SmartMenuButtonAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
38
37
|
(click)="action.emit(_action)"
|
|
39
38
|
>{{ _action.name }}</button>
|
|
40
39
|
</mat-menu>
|
|
41
|
-
`, isInline: true, styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
|
|
42
|
-
|
|
40
|
+
`, isInline: true, styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
|
|
41
|
+
}
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartMenuButtonAtom, decorators: [{
|
|
43
43
|
type: Component,
|
|
44
44
|
args: [{ selector: 'atoms-smart-menu-button', standalone: true, imports: [
|
|
45
45
|
CommonModule,
|
|
@@ -50,12 +50,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
|
|
|
50
50
|
<ng-container [ngSwitch]="actions?.length ?? 0">
|
|
51
51
|
<ng-container *ngSwitchCase="0"></ng-container>
|
|
52
52
|
<ng-container *ngSwitchCase="1">
|
|
53
|
-
<button mat-icon-button (click)="action.emit(actions[0])">
|
|
53
|
+
<button mat-icon-button (click)="action.emit(actions[0])" [disabled]="actions[0].disabled">
|
|
54
54
|
<mat-icon>{{ actions[0]?.icon }}</mat-icon>
|
|
55
55
|
</button>
|
|
56
56
|
</ng-container>
|
|
57
57
|
<ng-container *ngSwitchDefault>
|
|
58
|
-
<button mat-icon-button [matMenuTriggerFor]="menu" *ngIf="actions.length">
|
|
58
|
+
<button mat-icon-button [matMenuTriggerFor]="menu" [disabled]="action.disabled" *ngIf="actions.length">
|
|
59
59
|
<mat-icon>more_vert</mat-icon>
|
|
60
60
|
</button>
|
|
61
61
|
</ng-container>
|
|
@@ -74,4 +74,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
|
|
|
74
74
|
}], action: [{
|
|
75
75
|
type: Output
|
|
76
76
|
}] } });
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtbWVudS1idXR0b24uYXRvbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2F0b21zL3NtYXJ0LW1lbnUtYnV0dG9uL3NtYXJ0LW1lbnUtYnV0dG9uLmF0b20udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7OztBQXNDdkQsTUFBTSxPQUFPLG1CQUFtQjtJQW5DaEM7UUFxQ0UsWUFBTyxHQUFZLEVBQUUsQ0FBQztRQUd0QixXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVwQyxrQkFBYSxHQUFHLENBQUMsS0FBYSxFQUFFLElBQVksRUFBVSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQztLQUNsRTsrR0FSWSxtQkFBbUI7bUdBQW5CLG1CQUFtQixrSkExQnBCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBc0JULHNIQTNCQyxZQUFZLDJnQkFDWixlQUFlLDJMQUNmLGFBQWEsbUxBQ2IsYUFBYTs7NEZBNEJKLG1CQUFtQjtrQkFuQy9CLFNBQVM7K0JBQ0UseUJBQXlCLGNBQ3ZCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixhQUFhO3FCQUNkLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzQlQsbUJBRWdCLHVCQUF1QixDQUFDLE9BQU87OEJBSWhELE9BQU87c0JBRE4sS0FBSztnQkFJTixNQUFNO3NCQURMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0TWVudU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL21lbnUnO1xuaW1wb3J0IHsgQWN0aW9uLCBBY3Rpb25zIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbXMtc21hcnQtbWVudS1idXR0b24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdE1lbnVNb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImFjdGlvbnM/Lmxlbmd0aCA/PyAwXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiMFwiPjwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIjFcIj5cbiAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJhY3Rpb24uZW1pdChhY3Rpb25zWzBdKVwiIFtkaXNhYmxlZF09XCJhY3Rpb25zWzBdLmRpc2FibGVkXCI+XG4gICAgICAgIDxtYXQtaWNvbj57eyBhY3Rpb25zWzBdPy5pY29uIH19PC9tYXQtaWNvbj5cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoRGVmYXVsdD5cbiAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCIgW2Rpc2FibGVkXT1cImFjdGlvbi5kaXNhYmxlZFwiICpuZ0lmPVwiYWN0aW9ucy5sZW5ndGhcIj5cbiAgICAgICAgPG1hdC1pY29uPm1vcmVfdmVydDwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiPlxuICAgIDxidXR0b24gXG4gICAgICAqbmdGb3I9XCJsZXQgX2FjdGlvbiBvZiBhY3Rpb25zOyB0cmFja0J5OiB0cmFja0J5SXRlbUlkXCJcbiAgICAgIG1hdC1tZW51LWl0ZW0gXG4gICAgICAoY2xpY2spPVwiYWN0aW9uLmVtaXQoX2FjdGlvbilcIlxuICAgID57eyBfYWN0aW9uLm5hbWUgfX08L2J1dHRvbj5cbiAgPC9tYXQtbWVudT5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vc21hcnQtbWVudS1idXR0b24uYXRvbS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdCxcbn0pXG5leHBvcnQgY2xhc3MgU21hcnRNZW51QnV0dG9uQXRvbSB7XG4gIEBJbnB1dCgpXG4gIGFjdGlvbnM6IEFjdGlvbnMgPSBbXTtcblxuICBAT3V0cHV0KClcbiAgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxBY3Rpb24+KCk7XG5cbiAgdHJhY2tCeUl0ZW1JZCA9IChpbmRleDogbnVtYmVyLCBpdGVtOiBBY3Rpb24pOiBzdHJpbmcgPT4gaXRlbS5pZDtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild } from '@angular/core';
|
|
3
|
+
import { EditorState } from '@codemirror/state';
|
|
4
|
+
import { EditorView } from 'codemirror';
|
|
5
|
+
import { ReplaySubject } from 'rxjs';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class EditorComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.state$ = new ReplaySubject(1);
|
|
10
|
+
}
|
|
11
|
+
set state(value) {
|
|
12
|
+
if (!value)
|
|
13
|
+
return;
|
|
14
|
+
this.state$.next(value);
|
|
15
|
+
}
|
|
16
|
+
async ngAfterViewInit() {
|
|
17
|
+
this.state$.subscribe((state) => {
|
|
18
|
+
if (this.editor) {
|
|
19
|
+
const transaction = this.editor.state.update({
|
|
20
|
+
...state,
|
|
21
|
+
selection: this.editor.state.selection,
|
|
22
|
+
});
|
|
23
|
+
this.editor.dispatch(transaction);
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
this.editor = new EditorView({
|
|
27
|
+
state,
|
|
28
|
+
parent: this._editor.nativeElement
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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
|
+
}
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorComponent, decorators: [{
|
|
37
|
+
type: Component,
|
|
38
|
+
args: [{ selector: 'extras-editor', standalone: true, imports: [
|
|
39
|
+
CommonModule
|
|
40
|
+
], 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"] }]
|
|
41
|
+
}], propDecorators: { state: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], _editor: [{
|
|
44
|
+
type: ViewChild,
|
|
45
|
+
args: ['editor', { static: true }]
|
|
46
|
+
}] } });
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2V4dHJhcy9lZGl0b3IvZWRpdG9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDaEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQVlyQyxNQUFNLE9BQU8sZUFBZTtJQVY1QjtRQVltQixXQUFNLEdBQUcsSUFBSSxhQUFhLENBQWMsQ0FBQyxDQUFDLENBQUM7S0E0QjdEO0lBMUJDLElBQ0ksS0FBSyxDQUFDLEtBQXlCO1FBQ2pDLElBQUksQ0FBQyxLQUFLO1lBQUUsT0FBTztRQUNuQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBTUQsS0FBSyxDQUFDLGVBQWU7UUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUM5QixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7Z0JBQ2YsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDO29CQUMzQyxHQUFHLEtBQUs7b0JBQ1IsU0FBUyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLFNBQVM7aUJBQ3ZDLENBQUMsQ0FBQztnQkFDSCxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsQ0FBQzthQUNuQztpQkFBTTtnQkFDTCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksVUFBVSxDQUFDO29CQUMzQixLQUFLO29CQUNMLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWE7aUJBQ25DLENBQUMsQ0FBQzthQUNKO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOytHQTdCVSxlQUFlO21HQUFmLGVBQWUsc05BSmhCLHFCQUFxQixtTkFGN0IsWUFBWTs7NEZBTUgsZUFBZTtrQkFWM0IsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQO3dCQUNQLFlBQVk7cUJBQ2IsWUFDUyxxQkFBcUIsbUJBRWQsdUJBQXVCLENBQUMsTUFBTTs4QkFPM0MsS0FBSztzQkFEUixLQUFLO2dCQU9FLE9BQU87c0JBRGQsU0FBUzt1QkFBQyxRQUFRLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVkaXRvclN0YXRlIH0gZnJvbSAnQGNvZGVtaXJyb3Ivc3RhdGUnO1xuaW1wb3J0IHsgRWRpdG9yVmlldyB9IGZyb20gJ2NvZGVtaXJyb3InO1xuaW1wb3J0IHsgUmVwbGF5U3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdleHRyYXMtZWRpdG9yJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZVxuICBdLFxuICB0ZW1wbGF0ZTogYDxkaXYgI2VkaXRvcj48L2Rpdj5gLFxuICBzdHlsZVVybHM6IFsnLi9lZGl0b3IuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRWRpdG9yQ29tcG9uZW50IHtcblxuICBwcml2YXRlIHJlYWRvbmx5IHN0YXRlJCA9IG5ldyBSZXBsYXlTdWJqZWN0PEVkaXRvclN0YXRlPigxKTtcblxuICBASW5wdXQoKVxuICBzZXQgc3RhdGUodmFsdWU6IEVkaXRvclN0YXRlIHwgbnVsbCkge1xuICAgIGlmICghdmFsdWUpIHJldHVybjtcbiAgICB0aGlzLnN0YXRlJC5uZXh0KHZhbHVlKTtcbiAgfVxuXG4gIEBWaWV3Q2hpbGQoJ2VkaXRvcicsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHByaXZhdGUgX2VkaXRvciE6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xuICBlZGl0b3IhOiBFZGl0b3JWaWV3O1xuXG4gIGFzeW5jIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLnN0YXRlJC5zdWJzY3JpYmUoKHN0YXRlKSA9PiB7XG4gICAgICBpZiAodGhpcy5lZGl0b3IpIHtcbiAgICAgICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmVkaXRvci5zdGF0ZS51cGRhdGUoe1xuICAgICAgICAgIC4uLnN0YXRlLFxuICAgICAgICAgIHNlbGVjdGlvbjogdGhpcy5lZGl0b3Iuc3RhdGUuc2VsZWN0aW9uLFxuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5lZGl0b3IuZGlzcGF0Y2godHJhbnNhY3Rpb24pO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5lZGl0b3IgPSBuZXcgRWRpdG9yVmlldyh7XG4gICAgICAgICAgc3RhdGUsXG4gICAgICAgICAgcGFyZW50OiB0aGlzLl9lZGl0b3IubmF0aXZlRWxlbWVudFxuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxufVxuIl19
|
|
@@ -2,13 +2,13 @@ import { CommonModule } from '@angular/common';
|
|
|
2
2
|
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class AutoLayoutFrame {
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-Xijg: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-Xijg: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-Xijg);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-Xijg) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5
7
|
}
|
|
6
|
-
|
|
7
|
-
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 });
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutFrame, decorators: [{
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutoLayoutFrame, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{ selector: 'frames-auto-layout', standalone: true, imports: [
|
|
11
11
|
CommonModule,
|
|
12
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-
|
|
12
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-Xijg: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-Xijg: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-Xijg);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-Xijg) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
|
|
13
13
|
}] });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0by1sYXlvdXQuZnJhbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvYXV0by1sYXlvdXQvYXV0by1sYXlvdXQuZnJhbWUudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvYXV0by1sYXlvdXQvYXV0by1sYXlvdXQuZnJhbWUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFZbkUsTUFBTSxPQUFPLGVBQWU7K0dBQWYsZUFBZTttR0FBZixlQUFlLDhFQ2I1QiwyQkFBeUIsbWVET3JCLFlBQVk7OzRGQU1ILGVBQWU7a0JBVjNCLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUDt3QkFDUCxZQUFZO3FCQUNiLG1CQUdnQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLWF1dG8tbGF5b3V0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2F1dG8tbGF5b3V0LmZyYW1lLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdXRvLWxheW91dC5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBdXRvTGF5b3V0RnJhbWUgeyB9XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+Il19
|
|
@@ -4,14 +4,14 @@ import { MatCardModule } from '@angular/material/card';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@angular/material/card";
|
|
6
6
|
export class CardFrame {
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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 }); }
|
|
7
9
|
}
|
|
8
|
-
|
|
9
|
-
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 });
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CardFrame, decorators: [{
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardFrame, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'frames-card', standalone: true, imports: [
|
|
13
13
|
CommonModule,
|
|
14
14
|
MatCardModule,
|
|
15
15
|
], 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"] }]
|
|
16
16
|
}] });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9jYXJkL2NhcmQuZnJhbWUudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvY2FyZC9jYXJkLmZyYW1lLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFhdkQsTUFBTSxPQUFPLFNBQVM7K0dBQVQsU0FBUzttR0FBVCxTQUFTLHVFQ2Z0QixnREFBOEMsd05EUTFDLFlBQVksOEJBQ1osYUFBYTs7NEZBTUosU0FBUztrQkFYckIsU0FBUzsrQkFDRSxhQUFhLGNBQ1gsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTtxQkFDZCxtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRDYXJkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2FyZCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy1jYXJkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRDYXJkTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC5mcmFtZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkRnJhbWUgeyB9XG4iLCI8bWF0LWNhcmQ+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvbWF0LWNhcmQ+Il19
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ElementRef, ViewChild, inject } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { MatDividerModule } from '@angular/material/divider';
|
|
4
|
+
import { CdkDrag } from '@angular/cdk/drag-drop';
|
|
5
|
+
import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/material/divider";
|
|
8
|
+
var ActionId;
|
|
9
|
+
(function (ActionId) {
|
|
10
|
+
ActionId["DRAG_STARTED"] = "[@ng-atomic/divider] drag start";
|
|
11
|
+
ActionId["DRAG_MOVED"] = "[@ng-atomic/divider] drag move";
|
|
12
|
+
ActionId["DRAG_ENDED"] = "[@ng-atomic/divider] drag end";
|
|
13
|
+
})(ActionId || (ActionId = {}));
|
|
14
|
+
export class DividerFrame extends NgAtomicComponent {
|
|
15
|
+
constructor() {
|
|
16
|
+
super(...arguments);
|
|
17
|
+
this.el = inject(ElementRef);
|
|
18
|
+
this.distance = { x: 0, y: 0 };
|
|
19
|
+
}
|
|
20
|
+
static { this.ActionId = ActionId; }
|
|
21
|
+
onDragStart($event) {
|
|
22
|
+
this.dispatch({ id: ActionId.DRAG_STARTED, payload: $event }, 'default');
|
|
23
|
+
const parentRect = this.divider.nativeElement.parentElement.getBoundingClientRect();
|
|
24
|
+
const elementRect = this.divider.nativeElement.getBoundingClientRect();
|
|
25
|
+
this.firstContentHeight = elementRect.top - parentRect.top;
|
|
26
|
+
}
|
|
27
|
+
onDragMoved($event) {
|
|
28
|
+
this.dispatch({ id: ActionId.DRAG_MOVED, payload: $event }, 'default');
|
|
29
|
+
this.divider.nativeElement.style.transform = `translate3d(0, 0, 0)`;
|
|
30
|
+
const height = Math.max(1, this.firstContentHeight + $event.distance.y);
|
|
31
|
+
this.el.nativeElement.style.setProperty('--first-content-height', `${height}px`);
|
|
32
|
+
}
|
|
33
|
+
onDragEnd($event) {
|
|
34
|
+
this.dispatch({ id: ActionId.DRAG_ENDED, payload: $event }, 'default');
|
|
35
|
+
}
|
|
36
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DividerFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DividerFrame, isStandalone: true, selector: "frames-divider", viewQueries: [{ propertyName: "divider", first: true, predicate: ["el"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
|
|
38
|
+
<div class="first">
|
|
39
|
+
<ng-content select="[first]"></ng-content>
|
|
40
|
+
</div>
|
|
41
|
+
<mat-divider
|
|
42
|
+
cdkDrag
|
|
43
|
+
cdkDragHandle
|
|
44
|
+
[cdkDragStartDelay]="0"
|
|
45
|
+
(cdkDragStarted)="onDragStart($event)"
|
|
46
|
+
(cdkDragMoved)="onDragMoved($event)"
|
|
47
|
+
(cdkDragEnded)="onDragEnd($event)"
|
|
48
|
+
cdkDragLockAxis="y"
|
|
49
|
+
#el
|
|
50
|
+
></mat-divider>
|
|
51
|
+
<div class="second">
|
|
52
|
+
<ng-content select="[second]"></ng-content>
|
|
53
|
+
</div>
|
|
54
|
+
`, isInline: true, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-eJSp: var(--first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:var(--first-content-height-SCOPED-IN-divider-eJSp);overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - var(--first-content-height-SCOPED-IN-divider-eJSp));overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
55
|
+
}
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DividerFrame, decorators: [{
|
|
57
|
+
type: Component,
|
|
58
|
+
args: [{ selector: 'frames-divider', standalone: true, imports: [
|
|
59
|
+
CommonModule,
|
|
60
|
+
MatDividerModule,
|
|
61
|
+
CdkDrag,
|
|
62
|
+
], template: `
|
|
63
|
+
<div class="first">
|
|
64
|
+
<ng-content select="[first]"></ng-content>
|
|
65
|
+
</div>
|
|
66
|
+
<mat-divider
|
|
67
|
+
cdkDrag
|
|
68
|
+
cdkDragHandle
|
|
69
|
+
[cdkDragStartDelay]="0"
|
|
70
|
+
(cdkDragStarted)="onDragStart($event)"
|
|
71
|
+
(cdkDragMoved)="onDragMoved($event)"
|
|
72
|
+
(cdkDragEnded)="onDragEnd($event)"
|
|
73
|
+
cdkDragLockAxis="y"
|
|
74
|
+
#el
|
|
75
|
+
></mat-divider>
|
|
76
|
+
<div class="second">
|
|
77
|
+
<ng-content select="[second]"></ng-content>
|
|
78
|
+
</div>
|
|
79
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-eJSp: var(--first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:var(--first-content-height-SCOPED-IN-divider-eJSp);overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - var(--first-content-height-SCOPED-IN-divider-eJSp));overflow:hidden}\n"] }]
|
|
80
|
+
}], propDecorators: { divider: [{
|
|
81
|
+
type: ViewChild,
|
|
82
|
+
args: ['el', { read: ElementRef }]
|
|
83
|
+
}] } });
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGl2aWRlci5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9kaXZpZGVyL2RpdmlkZXIuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLE9BQU8sRUFBNkIsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7O0FBRTdFLElBQUssUUFJSjtBQUpELFdBQUssUUFBUTtJQUNYLDREQUFnRCxDQUFBO0lBQ2hELHlEQUE2QyxDQUFBO0lBQzdDLHdEQUE0QyxDQUFBO0FBQzlDLENBQUMsRUFKSSxRQUFRLEtBQVIsUUFBUSxRQUlaO0FBK0JELE1BQU0sT0FBTyxZQUFhLFNBQVEsaUJBQWlCO0lBN0JuRDs7UUFnQ1UsT0FBRSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUd0QixhQUFRLEdBQTJCLEVBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFDLENBQUM7S0F1QjNEO2FBNUJRLGFBQVEsR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQVdqQixXQUFXLENBQUMsTUFBb0I7UUFDeEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFDLEVBQUUsRUFBRSxRQUFRLENBQUMsWUFBWSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUN2RSxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUNwRixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQ3ZFLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxXQUFXLENBQUMsR0FBRyxHQUFHLFVBQVUsQ0FBQyxHQUFHLENBQUM7SUFDN0QsQ0FBQztJQUVTLFdBQVcsQ0FBQyxNQUFtQjtRQUN2QyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUMsRUFBRSxFQUFFLFFBQVEsQ0FBQyxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ3JFLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsc0JBQXNCLENBQUM7UUFDcEUsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDeEUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyx3QkFBd0IsRUFBRSxHQUFHLE1BQU0sSUFBSSxDQUFDLENBQUM7SUFDbkYsQ0FBQztJQUVTLFNBQVMsQ0FBQyxNQUFtQjtRQUNyQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUMsRUFBRSxFQUFFLFFBQVEsQ0FBQyxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ3ZFLENBQUM7K0dBNUJVLFlBQVk7bUdBQVosWUFBWSxvSkFTQyxVQUFVLG9EQTlCeEI7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJULDhrQkFyQkMsWUFBWSw4QkFDWixnQkFBZ0IsbUlBQ2hCLE9BQU87OzRGQXVCRSxZQUFZO2tCQTdCeEIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLE9BQU87cUJBQ1IsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU07OEJBWS9DLE9BQU87c0JBRE4sU0FBUzt1QkFBQyxJQUFJLEVBQUUsRUFBQyxJQUFJLEVBQUUsVUFBVSxFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgVmlld0NoaWxkLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXREaXZpZGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGl2aWRlcic7XG5pbXBvcnQgeyBDZGtEcmFnLCBDZGtEcmFnTW92ZSwgQ2RrRHJhZ1N0YXJ0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XG5pbXBvcnQgeyBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3N0b3Jlcy9jb21wb25lbnQtc3RvcmUnO1xuXG5lbnVtIEFjdGlvbklkIHtcbiAgRFJBR19TVEFSVEVEID0gJ1tAbmctYXRvbWljL2RpdmlkZXJdIGRyYWcgc3RhcnQnLFxuICBEUkFHX01PVkVEID0gJ1tAbmctYXRvbWljL2RpdmlkZXJdIGRyYWcgbW92ZScsXG4gIERSQUdfRU5ERUQgPSAnW0BuZy1hdG9taWMvZGl2aWRlcl0gZHJhZyBlbmQnLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcmFtZXMtZGl2aWRlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0RGl2aWRlck1vZHVsZSxcbiAgICBDZGtEcmFnLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJmaXJzdFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2ZpcnN0XVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8bWF0LWRpdmlkZXJcbiAgICAgIGNka0RyYWdcbiAgICAgIGNka0RyYWdIYW5kbGVcbiAgICAgIFtjZGtEcmFnU3RhcnREZWxheV09XCIwXCJcbiAgICAgIChjZGtEcmFnU3RhcnRlZCk9XCJvbkRyYWdTdGFydCgkZXZlbnQpXCJcbiAgICAgIChjZGtEcmFnTW92ZWQpPVwib25EcmFnTW92ZWQoJGV2ZW50KVwiXG4gICAgICAoY2RrRHJhZ0VuZGVkKT1cIm9uRHJhZ0VuZCgkZXZlbnQpXCJcbiAgICAgIGNka0RyYWdMb2NrQXhpcz1cInlcIlxuICAgICAgI2VsXG4gICAgPjwvbWF0LWRpdmlkZXI+XG4gICAgPGRpdiBjbGFzcz1cInNlY29uZFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NlY29uZF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2RpdmlkZXIuZnJhbWUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEaXZpZGVyRnJhbWUgZXh0ZW5kcyBOZ0F0b21pY0NvbXBvbmVudCB7XG4gIHN0YXRpYyBBY3Rpb25JZCA9IEFjdGlvbklkO1xuXG4gIHByaXZhdGUgZWwgPSBpbmplY3QoRWxlbWVudFJlZik7XG5cbiAgcHJvdGVjdGVkIGZpcnN0Q29udGVudEhlaWdodDogbnVtYmVyO1xuICBwcm90ZWN0ZWQgZGlzdGFuY2U6IHt4OiBudW1iZXIsIHk6IG51bWJlcn0gPSB7eDogMCwgeTogMH07XG5cblxuICBAVmlld0NoaWxkKCdlbCcsIHtyZWFkOiBFbGVtZW50UmVmfSlcbiAgZGl2aWRlcjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG5cbiAgcHJvdGVjdGVkIG9uRHJhZ1N0YXJ0KCRldmVudDogQ2RrRHJhZ1N0YXJ0KSB7XG4gICAgdGhpcy5kaXNwYXRjaCh7aWQ6IEFjdGlvbklkLkRSQUdfU1RBUlRFRCwgcGF5bG9hZDogJGV2ZW50fSwgJ2RlZmF1bHQnKTtcbiAgICBjb25zdCBwYXJlbnRSZWN0ID0gdGhpcy5kaXZpZGVyLm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCBlbGVtZW50UmVjdCA9IHRoaXMuZGl2aWRlci5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIHRoaXMuZmlyc3RDb250ZW50SGVpZ2h0ID0gZWxlbWVudFJlY3QudG9wIC0gcGFyZW50UmVjdC50b3A7XG4gIH1cblxuICBwcm90ZWN0ZWQgb25EcmFnTW92ZWQoJGV2ZW50OiBDZGtEcmFnTW92ZSkge1xuICAgIHRoaXMuZGlzcGF0Y2goe2lkOiBBY3Rpb25JZC5EUkFHX01PVkVELCBwYXlsb2FkOiAkZXZlbnR9LCAnZGVmYXVsdCcpO1xuICAgIHRoaXMuZGl2aWRlci5uYXRpdmVFbGVtZW50LnN0eWxlLnRyYW5zZm9ybSA9IGB0cmFuc2xhdGUzZCgwLCAwLCAwKWA7XG4gICAgY29uc3QgaGVpZ2h0ID0gTWF0aC5tYXgoMSwgdGhpcy5maXJzdENvbnRlbnRIZWlnaHQgKyAkZXZlbnQuZGlzdGFuY2UueSk7XG4gICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LnN0eWxlLnNldFByb3BlcnR5KCctLWZpcnN0LWNvbnRlbnQtaGVpZ2h0JywgYCR7aGVpZ2h0fXB4YCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb25EcmFnRW5kKCRldmVudDogQ2RrRHJhZ01vdmUpIHtcbiAgICB0aGlzLmRpc3BhdGNoKHtpZDogQWN0aW9uSWQuRFJBR19FTkRFRCwgcGF5bG9hZDogJGV2ZW50fSwgJ2RlZmF1bHQnKTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input, ViewChild } from '@angular/core';
|
|
3
|
+
import { MatDrawer, MatSidenavModule } from '@angular/material/sidenav';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/material/sidenav";
|
|
6
|
+
export class DrawerFrame {
|
|
7
|
+
constructor() {
|
|
8
|
+
this._isOpen = false;
|
|
9
|
+
}
|
|
10
|
+
set isOpen(_isOpen) {
|
|
11
|
+
_isOpen ? this.drawer?.open() : this.drawer?.close();
|
|
12
|
+
this._isOpen = _isOpen;
|
|
13
|
+
}
|
|
14
|
+
get isOpen() {
|
|
15
|
+
return this._isOpen;
|
|
16
|
+
}
|
|
17
|
+
ngAfterViewInit() {
|
|
18
|
+
// setTimeout(() => {
|
|
19
|
+
// this.drawer.open();
|
|
20
|
+
// this.isOpen ? this.drawer?.open() : this.drawer?.close();
|
|
21
|
+
// console.debug('this.drawer:', this.drawer);
|
|
22
|
+
// },0);
|
|
23
|
+
}
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DrawerFrame, isStandalone: true, selector: "frames-drawer", inputs: { isOpen: "isOpen" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true }], ngImport: i0, template: `
|
|
26
|
+
<mat-drawer-container [autosize]="false">
|
|
27
|
+
<mat-drawer #drawer mode="side">
|
|
28
|
+
<ng-content select=[drawer]></ng-content>
|
|
29
|
+
</mat-drawer>
|
|
30
|
+
<mat-drawer-content>
|
|
31
|
+
<ng-content select=[contents]></ng-content>
|
|
32
|
+
</mat-drawer-content>
|
|
33
|
+
</mat-drawer-container>`, isInline: true, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-osAz: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-osAz: var(--height)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-osAz)}:host mat-drawer-container{width:100%;height:100%}:host mat-drawer-content{width:100%;height: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" }] }); }
|
|
34
|
+
}
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerFrame, decorators: [{
|
|
36
|
+
type: Component,
|
|
37
|
+
args: [{ selector: 'frames-drawer', standalone: true, imports: [
|
|
38
|
+
CommonModule,
|
|
39
|
+
MatSidenavModule,
|
|
40
|
+
], template: `
|
|
41
|
+
<mat-drawer-container [autosize]="false">
|
|
42
|
+
<mat-drawer #drawer mode="side">
|
|
43
|
+
<ng-content select=[drawer]></ng-content>
|
|
44
|
+
</mat-drawer>
|
|
45
|
+
<mat-drawer-content>
|
|
46
|
+
<ng-content select=[contents]></ng-content>
|
|
47
|
+
</mat-drawer-content>
|
|
48
|
+
</mat-drawer-container>`, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-osAz: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-osAz: var(--height)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-osAz)}:host mat-drawer-container{width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"] }]
|
|
49
|
+
}], propDecorators: { drawer: [{
|
|
50
|
+
type: ViewChild,
|
|
51
|
+
args: [MatDrawer]
|
|
52
|
+
}], isOpen: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}] } });
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL2RyYXdlci9kcmF3ZXIuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBaUIsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUFxQnhFLE1BQU0sT0FBTyxXQUFXO0lBbkJ4QjtRQXdCVSxZQUFPLEdBQUcsS0FBSyxDQUFDO0tBcUJ6QjtJQW5CQyxJQUNJLE1BQU0sQ0FBQyxPQUFnQjtRQUN6QixPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUM7UUFDckQsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUE7SUFDeEIsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQTtJQUNyQixDQUFDO0lBRUQsZUFBZTtRQUNiLHFCQUFxQjtRQUNyQix3QkFBd0I7UUFDeEIsOERBQThEO1FBQzlELGdEQUFnRDtRQUVoRCxRQUFRO0lBQ1YsQ0FBQzsrR0F4QlUsV0FBVzttR0FBWCxXQUFXLCtJQUVYLFNBQVMsZ0RBZFY7Ozs7Ozs7OzBCQVFjLHFZQVh0QixZQUFZLDhCQUNaLGdCQUFnQjs7NEZBY1AsV0FBVztrQkFuQnZCLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGdCQUFnQjtxQkFDakIsWUFDUzs7Ozs7Ozs7MEJBUWM7OEJBT3hCLE1BQU07c0JBREwsU0FBUzt1QkFBQyxTQUFTO2dCQU1oQixNQUFNO3NCQURULEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREcmF3ZXIsIE1hdFNpZGVuYXZNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLWRyYXdlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0U2lkZW5hdk1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPG1hdC1kcmF3ZXItY29udGFpbmVyIFthdXRvc2l6ZV09XCJmYWxzZVwiPlxuICAgIDxtYXQtZHJhd2VyICNkcmF3ZXIgbW9kZT1cInNpZGVcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1bZHJhd2VyXT48L25nLWNvbnRlbnQ+XG4gICAgPC9tYXQtZHJhd2VyPlxuICAgIDxtYXQtZHJhd2VyLWNvbnRlbnQ+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9W2NvbnRlbnRzXT48L25nLWNvbnRlbnQ+XG4gICAgPC9tYXQtZHJhd2VyLWNvbnRlbnQ+XG4gIDwvbWF0LWRyYXdlci1jb250YWluZXI+YCxcbiAgc3R5bGVVcmxzOiBbJy4vZHJhd2VyLmZyYW1lLnNjc3MnXSxcbiAgLy8gY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERyYXdlckZyYW1lIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgQFZpZXdDaGlsZChNYXREcmF3ZXIpXG4gIGRyYXdlciE6IE1hdERyYXdlcjtcblxuICBwcml2YXRlIF9pc09wZW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBzZXQgaXNPcGVuKF9pc09wZW46IGJvb2xlYW4pIHtcbiAgICBfaXNPcGVuID8gdGhpcy5kcmF3ZXI/Lm9wZW4oKSA6IHRoaXMuZHJhd2VyPy5jbG9zZSgpO1xuICAgIHRoaXMuX2lzT3BlbiA9IF9pc09wZW5cbiAgfVxuXG4gIGdldCBpc09wZW4oKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2lzT3BlblxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIC8vIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgIC8vICAgdGhpcy5kcmF3ZXIub3BlbigpO1xuICAgIC8vICAgdGhpcy5pc09wZW4gPyB0aGlzLmRyYXdlcj8ub3BlbigpIDogdGhpcy5kcmF3ZXI/LmNsb3NlKCk7XG4gICAgLy8gICBjb25zb2xlLmRlYnVnKCd0aGlzLmRyYXdlcjonLCB0aGlzLmRyYXdlcik7XG5cbiAgICAvLyB9LDApO1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { Component, Input, inject } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
4
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
5
|
+
import { FabService } from './fab.service';
|
|
6
|
+
import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@angular/common";
|
|
9
|
+
import * as i2 from "@angular/material/icon";
|
|
10
|
+
import * as i3 from "@angular/material/button";
|
|
11
|
+
export class FabFrame extends NgAtomicComponent {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments);
|
|
14
|
+
this.fab = inject(FabService);
|
|
15
|
+
this.actions = [];
|
|
16
|
+
}
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FabFrame, isStandalone: true, selector: "frames-fab", inputs: { actions: "actions" }, usesInheritance: true, ngImport: i0, template: `
|
|
19
|
+
<ng-content></ng-content>
|
|
20
|
+
<ng-container *ngFor="let action of fab.actions">
|
|
21
|
+
<button mat-fab color="primary" (click)="dispatch(action)">
|
|
22
|
+
<mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
|
|
23
|
+
</button>
|
|
24
|
+
</ng-container>
|
|
25
|
+
`, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-mQtq: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-mQtq);--container-color-SCOPED-IN-fab-mQtq: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-mQtq: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-mQtq: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-mQtq: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-mQtq);right:var(--fab-button-right-SCOPED-IN-fab-mQtq);--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatFabButton, selector: "button[mat-fab]", inputs: ["disabled", "disableRipple", "color", "tabIndex", "extended"], exportAs: ["matButton"] }] }); }
|
|
26
|
+
}
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabFrame, decorators: [{
|
|
28
|
+
type: Component,
|
|
29
|
+
args: [{ selector: 'frames-fab', standalone: true, imports: [
|
|
30
|
+
CommonModule,
|
|
31
|
+
MatIconModule,
|
|
32
|
+
MatButtonModule,
|
|
33
|
+
], template: `
|
|
34
|
+
<ng-content></ng-content>
|
|
35
|
+
<ng-container *ngFor="let action of fab.actions">
|
|
36
|
+
<button mat-fab color="primary" (click)="dispatch(action)">
|
|
37
|
+
<mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
|
|
38
|
+
</button>
|
|
39
|
+
</ng-container>
|
|
40
|
+
`, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-mQtq: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-mQtq);--container-color-SCOPED-IN-fab-mQtq: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-mQtq: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-mQtq: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-mQtq: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-mQtq);right:var(--fab-button-right-SCOPED-IN-fab-mQtq);--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}\n"] }]
|
|
41
|
+
}], propDecorators: { actions: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}] } });
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL2ZhYi9mYWIuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUEyQixTQUFTLEVBQWdCLEtBQUssRUFBNkIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNILE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXZELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFM0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7O0FBcUI3RSxNQUFNLE9BQU8sUUFBUyxTQUFRLGlCQUFpQjtJQW5CL0M7O1FBb0JZLFFBQUcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFHbkMsWUFBTyxHQUFhLEVBQUUsQ0FBQztLQUV4QjsrR0FOWSxRQUFRO21HQUFSLFFBQVEsNkhBWFQ7Ozs7Ozs7R0FPVCxrMkJBWEMsWUFBWSwySkFDWixhQUFhLG1MQUNiLGVBQWU7OzRGQWFOLFFBQVE7a0JBbkJwQixTQUFTOytCQUNFLFlBQVksY0FDVixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGVBQWU7cUJBQ2hCLFlBQ1M7Ozs7Ozs7R0FPVDs4QkFRRCxPQUFPO3NCQUROLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgQWN0aW9uIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vbW9kZWxzJztcbmltcG9ydCB7IEZhYlNlcnZpY2UgfSBmcm9tICcuL2ZhYi5zZXJ2aWNlJztcbmltcG9ydCB7IFJlcGxheVN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9zdG9yZXMvY29tcG9uZW50LXN0b3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLWZhYicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGFjdGlvbiBvZiBmYWIuYWN0aW9uc1wiPlxuICAgICAgPGJ1dHRvbiBtYXQtZmFiIGNvbG9yPVwicHJpbWFyeVwiIChjbGljayk9XCJkaXNwYXRjaChhY3Rpb24pXCI+XG4gICAgICAgIDxtYXQtaWNvbj57eyBhY3Rpb24/Lmljb24gPz8gJ2FkZCcgfX08L21hdC1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2ZhYi5mcmFtZS5zY3NzJ10sXG4gIC8vIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEZhYkZyYW1lIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgZmFiID0gaW5qZWN0KEZhYlNlcnZpY2UpO1xuXG4gIEBJbnB1dCgpXG4gIGFjdGlvbnM6IEFjdGlvbltdID0gW107XG5cbn1cbiJdfQ==
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class FabService {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.actionMap = new Map;
|
|
6
|
+
this.contexts = [];
|
|
7
|
+
}
|
|
8
|
+
get actions() {
|
|
9
|
+
return this.actionMap.get(this.contexts.at(-1)) ?? [];
|
|
10
|
+
}
|
|
11
|
+
set(name, actions) {
|
|
12
|
+
return this.actionMap.set(name, actions);
|
|
13
|
+
}
|
|
14
|
+
push(name) {
|
|
15
|
+
return this.contexts.push(name);
|
|
16
|
+
}
|
|
17
|
+
pop() {
|
|
18
|
+
return this.contexts.pop();
|
|
19
|
+
}
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
21
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabService, providedIn: 'root' }); }
|
|
22
|
+
}
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FabService, decorators: [{
|
|
24
|
+
type: Injectable,
|
|
25
|
+
args: [{ providedIn: 'root' }]
|
|
26
|
+
}] });
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvZmFiL2ZhYi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSTNDLE1BQU0sT0FBTyxVQUFVO0lBRHZCO1FBRVUsY0FBUyxHQUFHLElBQUksR0FBcUIsQ0FBQztRQUN0QyxhQUFRLEdBQWEsRUFBRSxDQUFDO0tBZ0JqQztJQWZDLElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4RCxDQUFDO0lBRUQsR0FBRyxDQUFDLElBQUksRUFBRSxPQUFpQjtRQUN6QixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsSUFBSSxDQUFDLElBQVk7UUFDZixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxHQUFHO1FBQ0QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDO0lBQzdCLENBQUM7K0dBakJVLFVBQVU7bUhBQVYsVUFBVSxjQURFLE1BQU07OzRGQUNsQixVQUFVO2tCQUR0QixVQUFVO21CQUFDLEVBQUMsVUFBVSxFQUFFLE1BQU0sRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL21vZGVscyc7XG5cbkBJbmplY3RhYmxlKHtwcm92aWRlZEluOiAncm9vdCd9KVxuZXhwb3J0IGNsYXNzIEZhYlNlcnZpY2Uge1xuICBwcml2YXRlIGFjdGlvbk1hcCA9IG5ldyBNYXA8c3RyaW5nLCBBY3Rpb25bXT47XG4gIHByaXZhdGUgY29udGV4dHM6IHN0cmluZ1tdID0gW107XG4gIGdldCBhY3Rpb25zKCk6IEFjdGlvbltdIHtcbiAgICByZXR1cm4gdGhpcy5hY3Rpb25NYXAuZ2V0KHRoaXMuY29udGV4dHMuYXQoLTEpKSA/PyBbXTtcbiAgfVxuXG4gIHNldChuYW1lLCBhY3Rpb25zOiBBY3Rpb25bXSkge1xuICAgIHJldHVybiB0aGlzLmFjdGlvbk1hcC5zZXQobmFtZSwgYWN0aW9ucyk7XG4gIH1cblxuICBwdXNoKG5hbWU6IHN0cmluZykge1xuICAgIHJldHVybiB0aGlzLmNvbnRleHRzLnB1c2gobmFtZSk7XG4gIH1cblxuICBwb3AoKSB7XG4gICAgcmV0dXJuIHRoaXMuY29udGV4dHMucG9wKCk7XG4gIH1cbn1cbiJdfQ==
|