@ng-atomic/components 5.14.0 → 6.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/atoms/chips-input/chips-input.atom.d.ts +1 -1
- package/atoms/icon/icon.atom.d.ts +1 -1
- package/atoms/smart-menu-button/smart-menu-button.atom.d.ts +1 -1
- package/{esm2020 → esm2022}/atoms/chips-input/chips-input.atom.mjs +8 -8
- package/esm2022/atoms/icon/icon.atom.mjs +51 -0
- package/{esm2020 → esm2022}/atoms/smart-menu-button/smart-menu-button.atom.mjs +10 -10
- package/esm2022/extras/editor/editor.component.mjs +47 -0
- package/{esm2020 → esm2022}/frames/auto-layout/auto-layout.frame.mjs +5 -5
- package/{esm2020 → esm2022}/frames/card/card.frame.mjs +4 -4
- package/esm2022/frames/divider/divider.frame.mjs +84 -0
- package/esm2022/frames/drawer/drawer.frame.mjs +55 -0
- package/esm2022/frames/fab/fab.frame.mjs +44 -0
- package/esm2022/frames/fab/fab.service.mjs +27 -0
- package/esm2022/frames/line-up/line-up.animations.mjs +14 -0
- package/esm2022/frames/line-up/line-up.frame.mjs +112 -0
- package/esm2022/frames/line-up/resize-observer.mjs +16 -0
- package/{esm2020 → esm2022}/frames/loading/loading.frame.mjs +6 -6
- package/esm2022/frames/overlay/overlay.animations.mjs +12 -0
- package/esm2022/frames/overlay/overlay.frame.mjs +29 -0
- package/esm2022/frames/router-outlet/index.mjs +2 -0
- package/esm2022/frames/router-outlet/ng-atomic-components-frames-router-outlet.mjs +5 -0
- package/esm2022/frames/router-outlet/router-outlet.frame.mjs +77 -0
- package/esm2022/frames/scroll/scroll.frame.mjs +28 -0
- package/esm2022/frames/scroll-v2/index.mjs +2 -0
- package/esm2022/frames/scroll-v2/ng-atomic-components-frames-scroll-v2.mjs +5 -0
- package/esm2022/frames/scroll-v2/scroll.frame.mjs +34 -0
- package/esm2022/frames/side-nav/index.mjs +2 -0
- package/esm2022/frames/side-nav/ng-atomic-components-frames-side-nav.mjs +5 -0
- package/esm2022/frames/side-nav/side-nav.frame.mjs +126 -0
- package/{esm2020 → esm2022}/frames/smart-menu/smart-menu.frame.mjs +5 -5
- package/esm2022/frames/vertical-hide/index.mjs +2 -0
- package/esm2022/frames/vertical-hide/ng-atomic-components-frames-vertical-hide.mjs +5 -0
- package/esm2022/frames/vertical-hide/vertical-hide.frame.mjs +30 -0
- package/esm2022/index.mjs +25 -0
- package/esm2022/molecules/action-input-field/action-input-field.molecule.mjs +94 -0
- package/esm2022/molecules/action-input-field/index.mjs +2 -0
- package/esm2022/molecules/action-input-field/ng-atomic-components-molecules-action-input-field.mjs +5 -0
- package/esm2022/molecules/actions-column/actions-column.molecule.mjs +103 -0
- package/{esm2020 → esm2022}/molecules/checkbox-column/checkbox-column.molecule.mjs +8 -8
- package/{esm2020 → esm2022}/molecules/chips-input-field/chips-input-field.molecule.mjs +10 -6
- package/esm2022/molecules/date-input-field/date-input-field.molecule.mjs +68 -0
- package/esm2022/molecules/file-input-field/file-input-field.molecule.mjs +126 -0
- package/esm2022/molecules/file-input-field/index.mjs +2 -0
- package/esm2022/molecules/file-input-field/ng-atomic-components-molecules-file-input-field.mjs +5 -0
- package/{esm2020 → esm2022}/molecules/header/header.molecule.mjs +4 -4
- package/esm2022/molecules/navigation-list-item/navigation-list-item.molecule.mjs +68 -0
- package/{esm2020 → esm2022}/molecules/nested-menu/nested-menu.molecule.mjs +6 -6
- package/esm2022/molecules/select-input-field/select-input-field.molecule.mjs +60 -0
- package/{esm2020 → esm2022}/molecules/smart-column/smart-column.molecule.mjs +4 -4
- package/esm2022/molecules/text-input-field/text-input-field.molecule.mjs +104 -0
- package/esm2022/molecules/textarea-field/textarea-field.molecule.mjs +77 -0
- package/{esm2020 → esm2022}/molecules/tree-column/tree-column.molecule.mjs +6 -6
- package/{esm2020 → esm2022}/organisms/action-buttons-section/action-buttons-section.organism.mjs +5 -5
- package/esm2022/organisms/action-input-section/action-input-section.organism.mjs +49 -0
- package/esm2022/organisms/action-input-section/index.mjs +2 -0
- package/esm2022/organisms/action-input-section/ng-atomic-components-organisms-action-input-section.mjs +5 -0
- package/{esm2020 → esm2022}/organisms/card-input-section/card-input-section.organism.mjs +5 -5
- package/{esm2020 → esm2022}/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs +5 -5
- package/esm2022/organisms/date-input-section/date-input-section.organism.mjs +41 -0
- package/esm2022/organisms/file-input-section/file-input-section.organism.mjs +77 -0
- package/esm2022/organisms/file-input-section/index.mjs +2 -0
- package/esm2022/organisms/file-input-section/ng-atomic-components-organisms-file-input-section.mjs +5 -0
- package/{esm2020 → esm2022}/organisms/filters-section/filters-section.organism.mjs +6 -6
- package/esm2022/organisms/graphql-editor/graphql-editor.organism.mjs +110 -0
- package/{esm2020 → esm2022}/organisms/grid-toolbar/grid-toolbar.organism.mjs +6 -6
- package/{esm2020 → esm2022}/organisms/heading/heading.organism.mjs +5 -5
- package/esm2022/organisms/menu-footer/index.mjs +2 -0
- package/esm2022/organisms/menu-footer/menu-footer.organism.mjs +34 -0
- package/esm2022/organisms/menu-footer/ng-atomic-components-organisms-menu-footer.mjs +5 -0
- package/esm2022/organisms/menu-header/index.mjs +2 -0
- package/esm2022/organisms/menu-header/menu-header.organism.mjs +30 -0
- package/esm2022/organisms/menu-header/ng-atomic-components-organisms-menu-header.mjs +5 -0
- package/{esm2020 → esm2022}/organisms/mermaid-section/mermaid-section.organism.mjs +6 -6
- package/{esm2020 → esm2022}/organisms/message-input-section/message-input-section.organism.mjs +4 -4
- package/{esm2020 → esm2022}/organisms/messages-section/messages-section.organism.mjs +5 -5
- package/esm2022/organisms/navigation-list/navigation-list.organism.mjs +63 -0
- package/esm2022/organisms/navigator/navigator.organism.mjs +70 -0
- package/{esm2020 → esm2022}/organisms/paginator/paginator.organism.mjs +6 -6
- package/{esm2020 → esm2022}/organisms/select-input-section/select-input-section.organism.mjs +5 -5
- package/esm2022/organisms/selection-list/index.mjs +2 -0
- package/esm2022/organisms/selection-list/ng-atomic-components-organisms-selection-list.mjs +5 -0
- package/esm2022/organisms/selection-list/selection-list.organism.mjs +114 -0
- package/esm2022/organisms/smart-list/smart-list.organism.mjs +144 -0
- package/esm2022/organisms/smart-table/smart-table.organism.mjs +210 -0
- package/{esm2020 → esm2022}/organisms/social-login-section/social-login-section.organism.mjs +5 -5
- package/esm2022/organisms/terminal/index.mjs +2 -0
- package/esm2022/organisms/terminal/ng-atomic-components-organisms-terminal.mjs +5 -0
- package/esm2022/organisms/terminal/terminal.organism.mjs +28 -0
- package/esm2022/organisms/text-input-section/text-input-section.organism.mjs +52 -0
- package/esm2022/organisms/textarea-section/textarea-section.organism.mjs +52 -0
- package/esm2022/organisms/toolbar/index.mjs +2 -0
- package/esm2022/organisms/toolbar/ng-atomic-components-organisms-toolbar.mjs +5 -0
- package/esm2022/organisms/toolbar/toolbar.organism.mjs +98 -0
- package/{esm2020 → esm2022}/organisms/tree-section/tree-section.organism.mjs +6 -6
- package/esm2022/organisms/vertical-divider/index.mjs +2 -0
- package/esm2022/organisms/vertical-divider/ng-atomic-components-organisms-vertical-divider.mjs +5 -0
- package/esm2022/organisms/vertical-divider/vertical-divider.organism.mjs +17 -0
- package/{esm2020 → esm2022}/pages/_index/index.module.mjs +6 -6
- package/{esm2020 → esm2022}/pages/_index/index.page.mjs +4 -4
- package/{esm2020 → esm2022}/pages/blank/blank.page.mjs +4 -4
- package/esm2022/templates/code-editor/code-editor.template.mjs +97 -0
- package/esm2022/templates/code-editor/index.mjs +2 -0
- package/esm2022/templates/code-editor/ng-atomic-components-templates-code-editor.mjs +5 -0
- package/esm2022/templates/entrance/entrance.template.mjs +107 -0
- package/esm2022/templates/file-tree/file-tree.template.mjs +94 -0
- package/esm2022/templates/file-tree/index.mjs +2 -0
- package/esm2022/templates/file-tree/ng-atomic-components-templates-file-tree.mjs +5 -0
- package/esm2022/templates/icon-button-menu/icon-button-menu.template.mjs +64 -0
- package/esm2022/templates/icon-button-menu/index.mjs +2 -0
- package/esm2022/templates/icon-button-menu/ng-atomic-components-templates-icon-button-menu.mjs +5 -0
- package/{esm2020 → esm2022}/templates/loading/loading.template.mjs +4 -4
- package/esm2022/templates/menu/index.mjs +2 -0
- package/esm2022/templates/menu/menu.template.mjs +64 -0
- package/{esm2020 → esm2022}/templates/messages/messages.template.mjs +6 -6
- package/esm2022/templates/selection/index.mjs +2 -0
- package/esm2022/templates/selection/ng-atomic-components-templates-selection.mjs +5 -0
- package/esm2022/templates/selection/selection.template.mjs +128 -0
- package/esm2022/templates/smart-crud/smart-crud.template.mjs +256 -0
- package/esm2022/templates/smart-index/smart-index.template.mjs +346 -0
- package/esm2022/templates/tab-editor/index.mjs +2 -0
- package/esm2022/templates/tab-editor/ng-atomic-components-templates-tab-editor.mjs +5 -0
- package/esm2022/templates/tab-editor/tab-editor.template.mjs +76 -0
- package/esm2022/templates/term/index.mjs +2 -0
- package/esm2022/templates/term/ng-atomic-components-templates-term.mjs +5 -0
- package/esm2022/templates/term/term.template.mjs +79 -0
- package/extras/editor/editor.component.d.ts +3 -3
- package/{fesm2020 → fesm2022}/ng-atomic-components-atoms-chips-input.mjs +7 -7
- package/{fesm2020 → fesm2022}/ng-atomic-components-atoms-chips-input.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-atoms-icon.mjs +58 -0
- package/fesm2022/ng-atomic-components-atoms-icon.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-atoms-smart-menu-button.mjs +9 -9
- package/fesm2022/ng-atomic-components-atoms-smart-menu-button.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-extras-editor.mjs +12 -6
- package/fesm2022/ng-atomic-components-extras-editor.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-auto-layout.mjs +21 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-frames-auto-layout.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ng-atomic-components-frames-card.mjs +3 -3
- package/{fesm2015 → fesm2022}/ng-atomic-components-frames-card.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/ng-atomic-components-frames-divider.mjs +27 -11
- package/fesm2022/ng-atomic-components-frames-divider.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-drawer.mjs +62 -0
- package/fesm2022/ng-atomic-components-frames-drawer.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-fab.mjs +75 -0
- package/fesm2022/ng-atomic-components-frames-fab.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-line-up.mjs +132 -0
- package/fesm2022/ng-atomic-components-frames-line-up.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-frames-loading.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-frames-loading.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-frames-overlay.mjs +47 -0
- package/fesm2022/ng-atomic-components-frames-overlay.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-router-outlet.mjs +84 -0
- package/fesm2022/ng-atomic-components-frames-router-outlet.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-scroll-v2.mjs +41 -0
- package/fesm2022/ng-atomic-components-frames-scroll-v2.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-scroll.mjs +35 -0
- package/fesm2022/ng-atomic-components-frames-scroll.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-side-nav.mjs +133 -0
- package/fesm2022/ng-atomic-components-frames-side-nav.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-frames-smart-menu.mjs +43 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-frames-smart-menu.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-frames-vertical-hide.mjs +37 -0
- package/fesm2022/ng-atomic-components-frames-vertical-hide.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-molecules-action-input-field.mjs +101 -0
- package/fesm2022/ng-atomic-components-molecules-action-input-field.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-actions-column.mjs +6 -6
- package/{fesm2015 → fesm2022}/ng-atomic-components-molecules-actions-column.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-checkbox-column.mjs +7 -7
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-checkbox-column.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-chips-input-field.mjs +9 -5
- package/fesm2022/ng-atomic-components-molecules-chips-input-field.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-molecules-date-input-field.mjs +24 -4
- package/fesm2022/ng-atomic-components-molecules-date-input-field.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-molecules-file-input-field.mjs +133 -0
- package/fesm2022/ng-atomic-components-molecules-file-input-field.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-header.mjs +3 -3
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-header.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-molecules-navigation-list-item.mjs +75 -0
- package/fesm2022/ng-atomic-components-molecules-navigation-list-item.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-molecules-nested-menu.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-nested-menu.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-molecules-select-input-field.mjs +67 -0
- package/fesm2022/ng-atomic-components-molecules-select-input-field.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-smart-column.mjs +3 -3
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-smart-column.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-molecules-text-input-field.mjs +111 -0
- package/fesm2022/ng-atomic-components-molecules-text-input-field.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-molecules-textarea-field.mjs +84 -0
- package/fesm2022/ng-atomic-components-molecules-textarea-field.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-tree-column.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-tree-column.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-action-buttons-section.mjs +34 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-action-buttons-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-action-input-section.mjs +56 -0
- package/fesm2022/ng-atomic-components-organisms-action-input-section.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-card-input-section.mjs +4 -4
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-card-input-section.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +4 -4
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-date-input-section.mjs +48 -0
- package/fesm2022/ng-atomic-components-organisms-date-input-section.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-organisms-file-input-section.mjs +84 -0
- package/fesm2022/ng-atomic-components-organisms-file-input-section.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-organisms-filters-section.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-filters-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-graphql-editor.mjs +115 -0
- package/fesm2022/ng-atomic-components-organisms-graphql-editor.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-organisms-grid-toolbar.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-grid-toolbar.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-heading.mjs +27 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-heading.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-menu-footer.mjs +41 -0
- package/fesm2022/ng-atomic-components-organisms-menu-footer.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-organisms-menu-header.mjs +37 -0
- package/fesm2022/ng-atomic-components-organisms-menu-header.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-mermaid-section.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-mermaid-section.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-message-input-section.mjs +3 -3
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-message-input-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-messages-section.mjs +27 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-messages-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs +70 -0
- package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-organisms-navigator.mjs +10 -11
- package/fesm2022/ng-atomic-components-organisms-navigator.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-paginator.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-paginator.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-select-input-section.mjs +4 -4
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-select-input-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-selection-list.mjs +121 -0
- package/fesm2022/ng-atomic-components-organisms-selection-list.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-organisms-smart-list.mjs +150 -0
- package/fesm2022/ng-atomic-components-organisms-smart-list.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-organisms-smart-table.mjs +217 -0
- package/fesm2022/ng-atomic-components-organisms-smart-table.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-organisms-social-login-section.mjs +29 -0
- package/{fesm2015 → fesm2022}/ng-atomic-components-organisms-social-login-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-terminal.mjs +35 -0
- package/fesm2022/ng-atomic-components-organisms-terminal.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-organisms-text-input-section.mjs +59 -0
- package/fesm2022/ng-atomic-components-organisms-text-input-section.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs +59 -0
- package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-organisms-toolbar.mjs +105 -0
- package/fesm2022/ng-atomic-components-organisms-toolbar.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-tree-section.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-tree-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-vertical-divider.mjs +24 -0
- package/fesm2022/ng-atomic-components-organisms-vertical-divider.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-pages-_index.mjs +8 -8
- package/fesm2022/ng-atomic-components-pages-_index.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-pages-blank.mjs +3 -3
- package/{fesm2015 → fesm2022}/ng-atomic-components-pages-blank.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-code-editor.mjs +101 -0
- package/fesm2022/ng-atomic-components-templates-code-editor.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-templates-entrance.mjs +114 -0
- package/fesm2022/ng-atomic-components-templates-entrance.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-templates-file-tree.mjs +100 -0
- package/fesm2022/ng-atomic-components-templates-file-tree.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs +71 -0
- package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-templates-loading.mjs +3 -3
- package/{fesm2020 → fesm2022}/ng-atomic-components-templates-loading.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-menu.mjs +71 -0
- package/fesm2022/ng-atomic-components-templates-menu.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/ng-atomic-components-templates-messages.mjs +5 -5
- package/{fesm2020 → fesm2022}/ng-atomic-components-templates-messages.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-selection.mjs +135 -0
- package/fesm2022/ng-atomic-components-templates-selection.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-templates-smart-crud.mjs +262 -0
- package/fesm2022/ng-atomic-components-templates-smart-crud.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-templates-smart-index.mjs +353 -0
- package/fesm2022/ng-atomic-components-templates-smart-index.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-templates-tab-editor.mjs +83 -0
- package/fesm2022/ng-atomic-components-templates-tab-editor.mjs.map +1 -0
- package/fesm2022/ng-atomic-components-templates-term.mjs +86 -0
- package/fesm2022/ng-atomic-components-templates-term.mjs.map +1 -0
- package/fesm2022/ng-atomic-components.mjs +32 -0
- package/fesm2022/ng-atomic-components.mjs.map +1 -0
- package/frames/divider/divider.frame.d.ts +12 -4
- package/frames/drawer/drawer.frame.d.ts +1 -1
- package/frames/fab/fab.frame.d.ts +4 -9
- package/frames/fab/fab.service.d.ts +5 -5
- package/frames/line-up/line-up.frame.d.ts +22 -21
- package/frames/line-up/resize-observer.d.ts +1 -1
- package/frames/loading/loading.frame.d.ts +1 -1
- package/frames/overlay/overlay.frame.d.ts +1 -1
- package/frames/router-outlet/index.d.ts +1 -0
- package/frames/router-outlet/router-outlet.frame.d.ts +14 -0
- package/frames/scroll-v2/index.d.ts +1 -0
- package/frames/scroll-v2/scroll.frame.d.ts +5 -0
- package/frames/side-nav/index.d.ts +1 -0
- package/frames/side-nav/side-nav.frame.d.ts +22 -0
- package/frames/smart-menu/smart-menu.frame.d.ts +1 -1
- package/frames/vertical-hide/index.d.ts +1 -0
- package/frames/vertical-hide/vertical-hide.frame.d.ts +6 -0
- package/index.d.ts +10 -1
- package/molecules/action-input-field/action-input-field.molecule.d.ts +23 -0
- package/molecules/action-input-field/index.d.ts +1 -0
- package/molecules/actions-column/actions-column.molecule.d.ts +1 -1
- package/molecules/checkbox-column/checkbox-column.molecule.d.ts +1 -1
- package/molecules/chips-input-field/chips-input-field.molecule.d.ts +1 -1
- package/molecules/date-input-field/date-input-field.molecule.d.ts +1 -1
- package/molecules/file-input-field/file-input-field.molecule.d.ts +35 -0
- package/molecules/file-input-field/index.d.ts +1 -0
- package/molecules/header/header.molecule.d.ts +1 -1
- package/molecules/navigation-list-item/navigation-list-item.molecule.d.ts +11 -3
- package/molecules/nested-menu/nested-menu.molecule.d.ts +1 -1
- package/molecules/select-input-field/select-input-field.molecule.d.ts +1 -1
- package/molecules/smart-column/smart-column.molecule.d.ts +1 -1
- package/molecules/text-input-field/text-input-field.molecule.d.ts +15 -8
- package/molecules/textarea-field/textarea-field.molecule.d.ts +1 -1
- package/molecules/tree-column/tree-column.molecule.d.ts +1 -1
- package/organisms/action-buttons-section/action-buttons-section.organism.d.ts +1 -1
- package/organisms/action-input-section/action-input-section.organism.d.ts +12 -0
- package/organisms/action-input-section/index.d.ts +1 -0
- package/organisms/card-input-section/card-input-section.organism.d.ts +1 -1
- package/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.d.ts +1 -1
- package/organisms/date-input-section/date-input-section.organism.d.ts +1 -1
- package/organisms/file-input-section/file-input-section.organism.d.ts +20 -0
- package/organisms/file-input-section/index.d.ts +1 -0
- package/organisms/filters-section/filters-section.organism.d.ts +1 -1
- package/organisms/graphql-editor/graphql-editor.organism.d.ts +6 -14
- package/organisms/grid-toolbar/grid-toolbar.organism.d.ts +1 -1
- package/organisms/heading/heading.organism.d.ts +1 -1
- package/organisms/menu-footer/index.d.ts +1 -0
- package/organisms/menu-footer/menu-footer.organism.d.ts +12 -0
- package/organisms/menu-header/index.d.ts +1 -0
- package/organisms/menu-header/menu-header.organism.d.ts +12 -0
- package/organisms/mermaid-section/mermaid-section.organism.d.ts +1 -1
- package/organisms/message-input-section/message-input-section.organism.d.ts +1 -1
- package/organisms/messages-section/messages-section.organism.d.ts +1 -1
- package/organisms/navigation-list/navigation-list.organism.d.ts +10 -4
- package/organisms/navigator/navigator.organism.d.ts +4 -5
- package/organisms/paginator/paginator.organism.d.ts +1 -1
- package/organisms/select-input-section/select-input-section.organism.d.ts +1 -1
- package/organisms/selection-list/index.d.ts +1 -0
- package/organisms/selection-list/selection-list.organism.d.ts +19 -0
- package/organisms/smart-list/smart-list.organism.d.ts +16 -14
- package/organisms/smart-table/smart-table.organism.d.ts +16 -2
- package/organisms/terminal/index.d.ts +1 -0
- package/organisms/terminal/terminal.organism.d.ts +10 -0
- package/organisms/text-input-section/text-input-section.organism.d.ts +2 -1
- package/organisms/textarea-section/textarea-section.organism.d.ts +3 -1
- package/organisms/toolbar/index.d.ts +1 -0
- package/organisms/toolbar/toolbar.organism.d.ts +15 -0
- package/organisms/tree-section/tree-section.organism.d.ts +1 -1
- package/organisms/vertical-divider/index.d.ts +1 -0
- package/organisms/vertical-divider/vertical-divider.organism.d.ts +5 -0
- package/package.json +325 -319
- package/templates/code-editor/code-editor.template.d.ts +24 -0
- package/templates/code-editor/index.d.ts +1 -0
- package/templates/entrance/entrance.template.d.ts +4 -4
- package/templates/file-tree/file-tree.template.d.ts +24 -0
- package/templates/file-tree/index.d.ts +1 -0
- package/templates/icon-button-menu/icon-button-menu.template.d.ts +15 -0
- package/templates/icon-button-menu/index.d.ts +1 -0
- package/templates/menu/index.d.ts +1 -1
- package/templates/menu/menu.template.d.ts +11 -4
- package/templates/messages/messages.template.d.ts +1 -1
- package/templates/selection/index.d.ts +1 -0
- package/templates/selection/selection.template.d.ts +23 -0
- package/templates/smart-crud/smart-crud.template.d.ts +8 -3
- package/templates/smart-index/smart-index.template.d.ts +69 -24
- package/templates/tab-editor/index.d.ts +1 -0
- package/templates/tab-editor/tab-editor.template.d.ts +8 -0
- package/templates/term/index.d.ts +1 -0
- package/templates/term/term.template.d.ts +24 -0
- package/esm2020/atoms/icon/icon.atom.mjs +0 -35
- package/esm2020/extras/editor/editor.component.mjs +0 -41
- package/esm2020/frames/divider/divider.frame.mjs +0 -68
- package/esm2020/frames/drawer/drawer.frame.mjs +0 -40
- package/esm2020/frames/fab/fab.frame.mjs +0 -56
- package/esm2020/frames/fab/fab.service.mjs +0 -26
- package/esm2020/frames/line-up/line-up.animations.mjs +0 -67
- package/esm2020/frames/line-up/line-up.frame.mjs +0 -114
- package/esm2020/frames/line-up/resize-observer.mjs +0 -13
- package/esm2020/frames/overlay/overlay.animations.mjs +0 -28
- package/esm2020/frames/overlay/overlay.frame.mjs +0 -22
- package/esm2020/frames/scroll/scroll.frame.mjs +0 -17
- package/esm2020/index.mjs +0 -3
- package/esm2020/molecules/actions-column/actions-column.molecule.mjs +0 -103
- package/esm2020/molecules/date-input-field/date-input-field.molecule.mjs +0 -48
- package/esm2020/molecules/navigation-list-item/navigation-list-item.molecule.mjs +0 -46
- package/esm2020/molecules/select-input-field/select-input-field.molecule.mjs +0 -38
- package/esm2020/molecules/text-input-field/text-input-field.molecule.mjs +0 -43
- package/esm2020/molecules/textarea-field/textarea-field.molecule.mjs +0 -51
- package/esm2020/organisms/date-input-section/date-input-section.organism.mjs +0 -29
- package/esm2020/organisms/graphql-editor/graphql-editor.organism.mjs +0 -115
- package/esm2020/organisms/navigation-list/navigation-list.organism.mjs +0 -44
- package/esm2020/organisms/navigator/navigator.organism.mjs +0 -71
- package/esm2020/organisms/smart-list/smart-list.organism.mjs +0 -108
- package/esm2020/organisms/smart-table/smart-table.organism.mjs +0 -170
- package/esm2020/organisms/text-input-section/text-input-section.organism.mjs +0 -33
- package/esm2020/organisms/textarea-section/textarea-section.organism.mjs +0 -31
- package/esm2020/templates/entrance/entrance.template.mjs +0 -72
- package/esm2020/templates/menu/index.mjs +0 -2
- package/esm2020/templates/menu/menu.template.mjs +0 -46
- package/esm2020/templates/smart-crud/smart-crud.template.mjs +0 -85
- package/esm2020/templates/smart-index/smart-index.template.mjs +0 -242
- package/fesm2015/ng-atomic-components-atoms-chips-input.mjs +0 -113
- package/fesm2015/ng-atomic-components-atoms-chips-input.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-atoms-icon.mjs +0 -42
- package/fesm2015/ng-atomic-components-atoms-icon.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-atoms-smart-menu-button.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-extras-editor.mjs +0 -52
- package/fesm2015/ng-atomic-components-extras-editor.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-frames-auto-layout.mjs +0 -21
- package/fesm2015/ng-atomic-components-frames-card.mjs +0 -24
- package/fesm2015/ng-atomic-components-frames-divider.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-frames-drawer.mjs +0 -49
- package/fesm2015/ng-atomic-components-frames-drawer.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-frames-fab.mjs +0 -84
- package/fesm2015/ng-atomic-components-frames-fab.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-frames-line-up.mjs +0 -197
- package/fesm2015/ng-atomic-components-frames-line-up.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-frames-loading.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-frames-overlay.mjs +0 -56
- package/fesm2015/ng-atomic-components-frames-overlay.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-frames-scroll.mjs +0 -24
- package/fesm2015/ng-atomic-components-frames-scroll.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-frames-smart-menu.mjs +0 -43
- package/fesm2015/ng-atomic-components-frames-smart-menu.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-actions-column.mjs +0 -113
- package/fesm2015/ng-atomic-components-molecules-checkbox-column.mjs +0 -103
- package/fesm2015/ng-atomic-components-molecules-checkbox-column.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-chips-input-field.mjs +0 -131
- package/fesm2015/ng-atomic-components-molecules-chips-input-field.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-header.mjs +0 -28
- package/fesm2015/ng-atomic-components-molecules-header.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-navigation-list-item.mjs +0 -53
- package/fesm2015/ng-atomic-components-molecules-navigation-list-item.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-nested-menu.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs +0 -45
- package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-smart-column.mjs +0 -55
- package/fesm2015/ng-atomic-components-molecules-smart-column.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-text-input-field.mjs +0 -50
- package/fesm2015/ng-atomic-components-molecules-text-input-field.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-textarea-field.mjs +0 -58
- package/fesm2015/ng-atomic-components-molecules-textarea-field.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-molecules-tree-column.mjs +0 -135
- package/fesm2015/ng-atomic-components-molecules-tree-column.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs +0 -34
- package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-card-input-section.mjs +0 -35
- package/fesm2015/ng-atomic-components-organisms-card-input-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-date-input-section.mjs +0 -36
- package/fesm2015/ng-atomic-components-organisms-date-input-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-filters-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-graphql-editor.mjs +0 -121
- package/fesm2015/ng-atomic-components-organisms-graphql-editor.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-grid-toolbar.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-heading.mjs +0 -27
- package/fesm2015/ng-atomic-components-organisms-heading.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-mermaid-section.mjs +0 -51
- package/fesm2015/ng-atomic-components-organisms-mermaid-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-message-input-section.mjs +0 -39
- package/fesm2015/ng-atomic-components-organisms-message-input-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-messages-section.mjs +0 -27
- package/fesm2015/ng-atomic-components-organisms-messages-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-navigation-list.mjs +0 -51
- package/fesm2015/ng-atomic-components-organisms-navigation-list.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-navigator.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-paginator.mjs +0 -61
- package/fesm2015/ng-atomic-components-organisms-paginator.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs +0 -35
- package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-smart-list.mjs +0 -119
- package/fesm2015/ng-atomic-components-organisms-smart-list.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-smart-table.mjs +0 -176
- package/fesm2015/ng-atomic-components-organisms-smart-table.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-social-login-section.mjs +0 -29
- package/fesm2015/ng-atomic-components-organisms-text-input-section.mjs +0 -40
- package/fesm2015/ng-atomic-components-organisms-text-input-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs +0 -38
- package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-organisms-tree-section.mjs +0 -237
- package/fesm2015/ng-atomic-components-organisms-tree-section.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-pages-_index.mjs +0 -46
- package/fesm2015/ng-atomic-components-pages-_index.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-pages-blank.mjs +0 -24
- package/fesm2015/ng-atomic-components-templates-entrance.mjs +0 -79
- package/fesm2015/ng-atomic-components-templates-entrance.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-templates-loading.mjs +0 -24
- package/fesm2015/ng-atomic-components-templates-loading.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-templates-menu.mjs +0 -53
- package/fesm2015/ng-atomic-components-templates-menu.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-templates-messages.mjs +0 -97
- package/fesm2015/ng-atomic-components-templates-messages.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-templates-smart-crud.mjs +0 -91
- package/fesm2015/ng-atomic-components-templates-smart-crud.mjs.map +0 -1
- package/fesm2015/ng-atomic-components-templates-smart-index.mjs +0 -248
- package/fesm2015/ng-atomic-components-templates-smart-index.mjs.map +0 -1
- package/fesm2015/ng-atomic-components.mjs +0 -9
- package/fesm2015/ng-atomic-components.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-atoms-icon.mjs +0 -42
- package/fesm2020/ng-atomic-components-atoms-icon.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs +0 -84
- package/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-extras-editor.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-auto-layout.mjs +0 -21
- package/fesm2020/ng-atomic-components-frames-auto-layout.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-card.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-divider.mjs +0 -75
- package/fesm2020/ng-atomic-components-frames-divider.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-drawer.mjs +0 -47
- package/fesm2020/ng-atomic-components-frames-drawer.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-fab.mjs +0 -84
- package/fesm2020/ng-atomic-components-frames-fab.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-line-up.mjs +0 -196
- package/fesm2020/ng-atomic-components-frames-line-up.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-loading.mjs +0 -36
- package/fesm2020/ng-atomic-components-frames-overlay.mjs +0 -56
- package/fesm2020/ng-atomic-components-frames-overlay.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-scroll.mjs +0 -24
- package/fesm2020/ng-atomic-components-frames-scroll.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-frames-smart-menu.mjs +0 -43
- package/fesm2020/ng-atomic-components-molecules-actions-column.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-molecules-chips-input-field.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-molecules-date-input-field.mjs +0 -55
- package/fesm2020/ng-atomic-components-molecules-date-input-field.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-molecules-navigation-list-item.mjs +0 -53
- package/fesm2020/ng-atomic-components-molecules-navigation-list-item.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-molecules-nested-menu.mjs +0 -87
- package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs +0 -45
- package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-molecules-text-input-field.mjs +0 -50
- package/fesm2020/ng-atomic-components-molecules-text-input-field.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-molecules-textarea-field.mjs +0 -58
- package/fesm2020/ng-atomic-components-molecules-textarea-field.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs +0 -34
- package/fesm2020/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +0 -40
- package/fesm2020/ng-atomic-components-organisms-date-input-section.mjs +0 -36
- package/fesm2020/ng-atomic-components-organisms-date-input-section.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-filters-section.mjs +0 -136
- package/fesm2020/ng-atomic-components-organisms-graphql-editor.mjs +0 -120
- package/fesm2020/ng-atomic-components-organisms-graphql-editor.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-grid-toolbar.mjs +0 -156
- package/fesm2020/ng-atomic-components-organisms-heading.mjs +0 -27
- package/fesm2020/ng-atomic-components-organisms-messages-section.mjs +0 -27
- package/fesm2020/ng-atomic-components-organisms-navigation-list.mjs +0 -51
- package/fesm2020/ng-atomic-components-organisms-navigation-list.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-navigator.mjs +0 -78
- package/fesm2020/ng-atomic-components-organisms-navigator.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-smart-list.mjs +0 -114
- package/fesm2020/ng-atomic-components-organisms-smart-list.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-smart-table.mjs +0 -177
- package/fesm2020/ng-atomic-components-organisms-smart-table.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-social-login-section.mjs +0 -29
- package/fesm2020/ng-atomic-components-organisms-social-login-section.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs +0 -40
- package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs +0 -38
- package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-pages-_index.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-pages-blank-blank.routes-09f8841a.mjs +0 -7
- package/fesm2020/ng-atomic-components-pages-blank-blank.routes-09f8841a.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-pages-blank.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-templates-entrance.mjs +0 -79
- package/fesm2020/ng-atomic-components-templates-entrance.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-templates-menu.mjs +0 -53
- package/fesm2020/ng-atomic-components-templates-menu.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-templates-smart-crud.mjs +0 -91
- package/fesm2020/ng-atomic-components-templates-smart-crud.mjs.map +0 -1
- package/fesm2020/ng-atomic-components-templates-smart-index.mjs +0 -249
- package/fesm2020/ng-atomic-components-templates-smart-index.mjs.map +0 -1
- package/fesm2020/ng-atomic-components.mjs +0 -9
- package/fesm2020/ng-atomic-components.mjs.map +0 -1
- /package/{esm2020 → esm2022}/atoms/chips-input/index.mjs +0 -0
- /package/{esm2020 → esm2022}/atoms/chips-input/ng-atomic-components-atoms-chips-input.mjs +0 -0
- /package/{esm2020 → esm2022}/atoms/icon/index.mjs +0 -0
- /package/{esm2020 → esm2022}/atoms/icon/ng-atomic-components-atoms-icon.mjs +0 -0
- /package/{esm2020 → esm2022}/atoms/smart-menu-button/index.mjs +0 -0
- /package/{esm2020 → esm2022}/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.mjs +0 -0
- /package/{esm2020 → esm2022}/extras/editor/index.mjs +0 -0
- /package/{esm2020 → esm2022}/extras/editor/ng-atomic-components-extras-editor.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/auto-layout/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/auto-layout/ng-atomic-components-frames-auto-layout.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/card/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/card/ng-atomic-components-frames-card.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/divider/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/divider/ng-atomic-components-frames-divider.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/drawer/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/drawer/ng-atomic-components-frames-drawer.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/fab/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/fab/ng-atomic-components-frames-fab.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/line-up/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/line-up/ng-atomic-components-frames-line-up.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/loading/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/loading/ng-atomic-components-frames-loading.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/overlay/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/overlay/ng-atomic-components-frames-overlay.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/scroll/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/scroll/ng-atomic-components-frames-scroll.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/smart-menu/index.mjs +0 -0
- /package/{esm2020 → esm2022}/frames/smart-menu/ng-atomic-components-frames-smart-menu.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/actions-column/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/actions-column/ng-atomic-components-molecules-actions-column.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/checkbox-column/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/checkbox-column/ng-atomic-components-molecules-checkbox-column.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/chips-input-field/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/chips-input-field/ng-atomic-components-molecules-chips-input-field.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/date-input-field/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/date-input-field/ng-atomic-components-molecules-date-input-field.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/header/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/header/ng-atomic-components-molecules-header.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/navigation-list-item/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/navigation-list-item/ng-atomic-components-molecules-navigation-list-item.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/nested-menu/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/nested-menu/ng-atomic-components-molecules-nested-menu.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/select-input-field/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/select-input-field/ng-atomic-components-molecules-select-input-field.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/smart-column/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/smart-column/ng-atomic-components-molecules-smart-column.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/text-input-field/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/textarea-field/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/textarea-field/ng-atomic-components-molecules-textarea-field.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/tree-column/index.mjs +0 -0
- /package/{esm2020 → esm2022}/molecules/tree-column/ng-atomic-components-molecules-tree-column.mjs +0 -0
- /package/{esm2020 → esm2022}/ng-atomic-components.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/action-buttons-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/card-input-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/card-input-section/ng-atomic-components-organisms-card-input-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/cvc-and-exp-input-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/cvc-and-exp-input-section/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/date-input-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/date-input-section/ng-atomic-components-organisms-date-input-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/filters-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/filters-section/ng-atomic-components-organisms-filters-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/graphql-editor/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/graphql-editor/ng-atomic-components-organisms-graphql-editor.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/grid-toolbar/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/grid-toolbar/ng-atomic-components-organisms-grid-toolbar.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/heading/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/heading/ng-atomic-components-organisms-heading.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/mermaid-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/mermaid-section/ng-atomic-components-organisms-mermaid-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/message-input-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/message-input-section/ng-atomic-components-organisms-message-input-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/messages-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/messages-section/ng-atomic-components-organisms-messages-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/navigation-list/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/navigation-list/ng-atomic-components-organisms-navigation-list.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/navigator/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/navigator/ng-atomic-components-organisms-navigator.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/paginator/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/paginator/ng-atomic-components-organisms-paginator.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/select-input-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/select-input-section/ng-atomic-components-organisms-select-input-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/smart-list/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/smart-list/ng-atomic-components-organisms-smart-list.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/smart-table/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/smart-table/ng-atomic-components-organisms-smart-table.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/social-login-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/social-login-section/ng-atomic-components-organisms-social-login-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/text-input-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/text-input-section/ng-atomic-components-organisms-text-input-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/textarea-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/textarea-section/ng-atomic-components-organisms-textarea-section.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/tree-section/index.mjs +0 -0
- /package/{esm2020 → esm2022}/organisms/tree-section/ng-atomic-components-organisms-tree-section.mjs +0 -0
- /package/{esm2020 → esm2022}/pages/_index/index.mjs +0 -0
- /package/{esm2020 → esm2022}/pages/_index/ng-atomic-components-pages-_index.mjs +0 -0
- /package/{esm2020 → esm2022}/pages/blank/blank.route.mjs +0 -0
- /package/{esm2020 → esm2022}/pages/blank/blank.routes.mjs +0 -0
- /package/{esm2020 → esm2022}/pages/blank/index.mjs +0 -0
- /package/{esm2020 → esm2022}/pages/blank/ng-atomic-components-pages-blank.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/entrance/index.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/entrance/ng-atomic-components-templates-entrance.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/loading/index.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/loading/ng-atomic-components-templates-loading.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/menu/ng-atomic-components-templates-menu.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/messages/index.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/messages/ng-atomic-components-templates-messages.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/smart-crud/index.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/smart-crud/ng-atomic-components-templates-smart-crud.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/smart-index/index.mjs +0 -0
- /package/{esm2020 → esm2022}/templates/smart-index/ng-atomic-components-templates-smart-index.mjs +0 -0
- /package/{fesm2015 → fesm2022}/ng-atomic-components-pages-blank-blank.routes-09f8841a.mjs +0 -0
- /package/{fesm2015 → fesm2022}/ng-atomic-components-pages-blank-blank.routes-09f8841a.mjs.map +0 -0
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import * as i1 from '@angular/common';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import * as i0 from '@angular/core';
|
|
4
|
-
import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
|
|
5
|
-
import * as i2 from '@angular/material/button';
|
|
6
|
-
import { MatButtonModule } from '@angular/material/button';
|
|
7
|
-
import * as i3 from '@angular/material/icon';
|
|
8
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
9
|
-
import * as i4 from '@angular/material/menu';
|
|
10
|
-
import { MatMenuModule } from '@angular/material/menu';
|
|
11
|
-
|
|
12
|
-
class SmartMenuButtonAtom {
|
|
13
|
-
constructor() {
|
|
14
|
-
this.actions = [];
|
|
15
|
-
this.action = new EventEmitter();
|
|
16
|
-
this.trackByItemId = (index, item) => item.id;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
SmartMenuButtonAtom.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartMenuButtonAtom, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
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: `
|
|
21
|
-
<ng-container [ngSwitch]="actions?.length ?? 0">
|
|
22
|
-
<ng-container *ngSwitchCase="0"></ng-container>
|
|
23
|
-
<ng-container *ngSwitchCase="1">
|
|
24
|
-
<button mat-icon-button (click)="action.emit(actions[0])">
|
|
25
|
-
<mat-icon>{{ actions[0]?.icon }}</mat-icon>
|
|
26
|
-
</button>
|
|
27
|
-
</ng-container>
|
|
28
|
-
<ng-container *ngSwitchDefault>
|
|
29
|
-
<button mat-icon-button [matMenuTriggerFor]="menu" *ngIf="actions.length">
|
|
30
|
-
<mat-icon>more_vert</mat-icon>
|
|
31
|
-
</button>
|
|
32
|
-
</ng-container>
|
|
33
|
-
</ng-container>
|
|
34
|
-
|
|
35
|
-
<mat-menu #menu="matMenu">
|
|
36
|
-
<button
|
|
37
|
-
*ngFor="let _action of actions; trackBy: trackByItemId"
|
|
38
|
-
mat-menu-item
|
|
39
|
-
(click)="action.emit(_action)"
|
|
40
|
-
>{{ _action.name }}</button>
|
|
41
|
-
</mat-menu>
|
|
42
|
-
`, 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 });
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartMenuButtonAtom, decorators: [{
|
|
44
|
-
type: Component,
|
|
45
|
-
args: [{ selector: 'atoms-smart-menu-button', standalone: true, imports: [
|
|
46
|
-
CommonModule,
|
|
47
|
-
MatButtonModule,
|
|
48
|
-
MatIconModule,
|
|
49
|
-
MatMenuModule,
|
|
50
|
-
], template: `
|
|
51
|
-
<ng-container [ngSwitch]="actions?.length ?? 0">
|
|
52
|
-
<ng-container *ngSwitchCase="0"></ng-container>
|
|
53
|
-
<ng-container *ngSwitchCase="1">
|
|
54
|
-
<button mat-icon-button (click)="action.emit(actions[0])">
|
|
55
|
-
<mat-icon>{{ actions[0]?.icon }}</mat-icon>
|
|
56
|
-
</button>
|
|
57
|
-
</ng-container>
|
|
58
|
-
<ng-container *ngSwitchDefault>
|
|
59
|
-
<button mat-icon-button [matMenuTriggerFor]="menu" *ngIf="actions.length">
|
|
60
|
-
<mat-icon>more_vert</mat-icon>
|
|
61
|
-
</button>
|
|
62
|
-
</ng-container>
|
|
63
|
-
</ng-container>
|
|
64
|
-
|
|
65
|
-
<mat-menu #menu="matMenu">
|
|
66
|
-
<button
|
|
67
|
-
*ngFor="let _action of actions; trackBy: trackByItemId"
|
|
68
|
-
mat-menu-item
|
|
69
|
-
(click)="action.emit(_action)"
|
|
70
|
-
>{{ _action.name }}</button>
|
|
71
|
-
</mat-menu>
|
|
72
|
-
`, changeDetection: ChangeDetectionStrategy.Default, styles: [":host{display:block;width:100%;height:100%}\n"] }]
|
|
73
|
-
}], propDecorators: { actions: [{
|
|
74
|
-
type: Input
|
|
75
|
-
}], action: [{
|
|
76
|
-
type: Output
|
|
77
|
-
}] } });
|
|
78
|
-
|
|
79
|
-
/**
|
|
80
|
-
* Generated bundle index. Do not edit.
|
|
81
|
-
*/
|
|
82
|
-
|
|
83
|
-
export { SmartMenuButtonAtom };
|
|
84
|
-
//# sourceMappingURL=ng-atomic-components-atoms-smart-menu-button.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-atoms-smart-menu-button.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/atoms/smart-menu-button/smart-menu-button.atom.ts","../../../../../packages/@ng-atomic/components/src/lib/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { Action, Actions } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'atoms-smart-menu-button',\n standalone: true,\n imports: [\n CommonModule,\n MatButtonModule,\n MatIconModule,\n MatMenuModule,\n ],\n template: `\n <ng-container [ngSwitch]=\"actions?.length ?? 0\">\n <ng-container *ngSwitchCase=\"0\"></ng-container>\n <ng-container *ngSwitchCase=\"1\">\n <button mat-icon-button (click)=\"action.emit(actions[0])\">\n <mat-icon>{{ actions[0]?.icon }}</mat-icon>\n </button>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"actions.length\">\n <mat-icon>more_vert</mat-icon>\n </button>\n </ng-container>\n </ng-container>\n\n <mat-menu #menu=\"matMenu\">\n <button \n *ngFor=\"let _action of actions; trackBy: trackByItemId\"\n mat-menu-item \n (click)=\"action.emit(_action)\"\n >{{ _action.name }}</button>\n </mat-menu>\n `,\n styleUrls: ['./smart-menu-button.atom.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartMenuButtonAtom {\n @Input()\n actions: Actions = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n trackByItemId = (index: number, item: Action): string => item.id;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-extras-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/extras/editor/editor.component.ts","../../../../../packages/@ng-atomic/components/src/lib/extras/editor/ng-atomic-components-extras-editor.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild } from '@angular/core';\nimport { EditorState } from '@codemirror/state';\nimport { EditorView } from 'codemirror';\nimport { ReplaySubject } from 'rxjs';\n\n@Component({\n selector: 'extras-editor',\n standalone: true,\n imports: [\n CommonModule\n ],\n template: `<div #editor></div>`,\n styleUrls: ['./editor.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EditorComponent {\n\n private readonly state$ = new ReplaySubject<EditorState>(1);\n\n @Input()\n set state(value: EditorState | null) {\n if (!value) return;\n this.state$.next(value);\n }\n\n @ViewChild('editor', { static: true })\n private _editor!: ElementRef<HTMLElement>;\n private editor!: EditorView;\n\n async ngOnInit(): Promise<void> { }\n\n async ngAfterViewInit() {\n this.state$.subscribe((state) => {\n if (this.editor) {\n this.editor.dispatch(\n this.editor.state.update({...state}),\n {changes: { from: 0, to: this.editor.state.doc.length, insert: state.doc.toString() }},\n );\n } else {\n this.editor = new EditorView({state, parent: this._editor.nativeElement});\n }\n });\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAgBa,eAAe,CAAA;AAV5B,IAAA,WAAA,GAAA;AAYmB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,aAAa,CAAc,CAAC,CAAC,CAAC;AA0B7D,KAAA;IAxBC,IACI,KAAK,CAAC,KAAyB,EAAA;AACjC,QAAA,IAAI,CAAC,KAAK;YAAE,OAAO;AACnB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACzB;IAMD,MAAM,QAAQ,GAAA,GAAqB;AAEnC,IAAA,MAAM,eAAe,GAAA;QACnB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;YAC9B,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,IAAI,CAAC,MAAM,CAAC,QAAQ,CAClB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAC,GAAG,KAAK,EAAC,CAAC,EACpC,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,EAAC,CACvF,CAAC;AACH,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,CAAC,MAAM,GAAG,IAAI,UAAU,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,EAAC,CAAC,CAAC;AAC3E,aAAA;AACH,SAAC,CAAC,CAAC;KACJ;;4GA3BU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;gGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAJhB,CAAqB,mBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,4IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAF7B,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMH,eAAe,EAAA,UAAA,EAAA,CAAA;kBAV3B,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;AACb,qBAAA,EAAA,QAAA,EACS,CAAqB,mBAAA,CAAA,EAAA,eAAA,EAEd,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,4IAAA,CAAA,EAAA,CAAA;8BAO3C,KAAK,EAAA,CAAA;sBADR,KAAK;gBAOE,OAAO,EAAA,CAAA;sBADd,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;;;AC1BvC;;AAEG;;;;"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
|
-
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
|
4
|
-
|
|
5
|
-
class AutoLayoutFrame {
|
|
6
|
-
}
|
|
7
|
-
AutoLayoutFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-r7hV: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-r7hV: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-r7hV);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-r7hV) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutFrame, decorators: [{
|
|
10
|
-
type: Component,
|
|
11
|
-
args: [{ selector: 'frames-auto-layout', standalone: true, imports: [
|
|
12
|
-
CommonModule,
|
|
13
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-r7hV: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-r7hV: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-r7hV);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-r7hV) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
|
|
14
|
-
}] });
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Generated bundle index. Do not edit.
|
|
18
|
-
*/
|
|
19
|
-
|
|
20
|
-
export { AutoLayoutFrame };
|
|
21
|
-
//# sourceMappingURL=ng-atomic-components-frames-auto-layout.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-frames-auto-layout.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/auto-layout/auto-layout.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/auto-layout/auto-layout.frame.html","../../../../../packages/@ng-atomic/components/src/lib/frames/auto-layout/ng-atomic-components-frames-auto-layout.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n selector: 'frames-auto-layout',\n standalone: true,\n imports: [\n CommonModule,\n ],\n templateUrl: './auto-layout.frame.html',\n styleUrls: ['./auto-layout.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AutoLayoutFrame { }\n","<ng-content></ng-content>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAaa,eAAe,CAAA;;4GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;gGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECb5B,2BAAyB,EAAA,MAAA,EAAA,CAAA,4aAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDOrB,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMH,eAAe,EAAA,UAAA,EAAA,CAAA;kBAV3B,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;qBACb,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,4aAAA,CAAA,EAAA,CAAA;;;AEXjD;;AAEG;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-frames-card.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/card/card.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/card/card.frame.html","../../../../../packages/@ng-atomic/components/src/lib/frames/card/ng-atomic-components-frames-card.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { MatCardModule } from '@angular/material/card';\n\n@Component({\n selector: 'frames-card',\n standalone: true,\n imports: [\n CommonModule,\n MatCardModule,\n ],\n templateUrl: './card.frame.html',\n styleUrls: ['./card.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardFrame { }\n","<mat-card><ng-content></ng-content></mat-card>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAea,SAAS,CAAA;;sGAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,SAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,ECftB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,gDAA8C,EDQ1C,MAAA,EAAA,CAAA,iKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BACZ,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMJ,SAAS,EAAA,UAAA,EAAA,CAAA;kBAXrB,SAAS;+BACE,aAAa,EAAA,UAAA,EACX,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,aAAa;qBACd,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gDAAA,EAAA,MAAA,EAAA,CAAA,iKAAA,CAAA,EAAA,CAAA;;;AEbjD;;AAEG;;;;"}
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { ElementRef, Component, ChangeDetectionStrategy, ViewChild } from '@angular/core';
|
|
3
|
-
import { CommonModule } from '@angular/common';
|
|
4
|
-
import * as i1 from '@angular/material/divider';
|
|
5
|
-
import { MatDividerModule } from '@angular/material/divider';
|
|
6
|
-
import { CdkDrag } from '@angular/cdk/drag-drop';
|
|
7
|
-
|
|
8
|
-
class DividerFrame {
|
|
9
|
-
constructor(el) {
|
|
10
|
-
this.el = el;
|
|
11
|
-
this.distance = { x: 0, y: 0 };
|
|
12
|
-
}
|
|
13
|
-
onDragStart($event) {
|
|
14
|
-
const parentRect = this.divider.nativeElement.parentElement.getBoundingClientRect();
|
|
15
|
-
const elementRect = this.divider.nativeElement.getBoundingClientRect();
|
|
16
|
-
this.firstContentHeight = elementRect.top - parentRect.top;
|
|
17
|
-
}
|
|
18
|
-
onDragMoved($event) {
|
|
19
|
-
this.divider.nativeElement.style.transform = `translate3d(0, 0, 0)`;
|
|
20
|
-
const height = Math.max(1, this.firstContentHeight + $event.distance.y);
|
|
21
|
-
this.el.nativeElement.style.setProperty('--first-content-height', `${height}px`);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
DividerFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DividerFrame, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
DividerFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DividerFrame, isStandalone: true, selector: "frames-divider", viewQueries: [{ propertyName: "divider", first: true, predicate: ["el"], descendants: true, read: ElementRef }], ngImport: i0, template: `
|
|
26
|
-
<div class="first">
|
|
27
|
-
<ng-content select="[first]"></ng-content>
|
|
28
|
-
</div>
|
|
29
|
-
<mat-divider
|
|
30
|
-
cdkDrag
|
|
31
|
-
cdkDragHandle
|
|
32
|
-
[cdkDragStartDelay]="0"
|
|
33
|
-
(cdkDragStarted)="onDragStart($event)"
|
|
34
|
-
(cdkDragMoved)="onDragMoved($event)"
|
|
35
|
-
cdkDragLockAxis="y"
|
|
36
|
-
#el
|
|
37
|
-
></mat-divider>
|
|
38
|
-
<div class="second">
|
|
39
|
-
<ng-content select="[second]"></ng-content>
|
|
40
|
-
</div>
|
|
41
|
-
`, isInline: true, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-eo0N: 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-eo0N);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-eo0N));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 });
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DividerFrame, decorators: [{
|
|
43
|
-
type: Component,
|
|
44
|
-
args: [{ selector: 'frames-divider', standalone: true, imports: [
|
|
45
|
-
CommonModule,
|
|
46
|
-
MatDividerModule,
|
|
47
|
-
CdkDrag,
|
|
48
|
-
], template: `
|
|
49
|
-
<div class="first">
|
|
50
|
-
<ng-content select="[first]"></ng-content>
|
|
51
|
-
</div>
|
|
52
|
-
<mat-divider
|
|
53
|
-
cdkDrag
|
|
54
|
-
cdkDragHandle
|
|
55
|
-
[cdkDragStartDelay]="0"
|
|
56
|
-
(cdkDragStarted)="onDragStart($event)"
|
|
57
|
-
(cdkDragMoved)="onDragMoved($event)"
|
|
58
|
-
cdkDragLockAxis="y"
|
|
59
|
-
#el
|
|
60
|
-
></mat-divider>
|
|
61
|
-
<div class="second">
|
|
62
|
-
<ng-content select="[second]"></ng-content>
|
|
63
|
-
</div>
|
|
64
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-eo0N: 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-eo0N);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-eo0N));overflow:hidden}\n"] }]
|
|
65
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { divider: [{
|
|
66
|
-
type: ViewChild,
|
|
67
|
-
args: ['el', { read: ElementRef }]
|
|
68
|
-
}] } });
|
|
69
|
-
|
|
70
|
-
/**
|
|
71
|
-
* Generated bundle index. Do not edit.
|
|
72
|
-
*/
|
|
73
|
-
|
|
74
|
-
export { DividerFrame };
|
|
75
|
-
//# sourceMappingURL=ng-atomic-components-frames-divider.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-frames-divider.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/divider/divider.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/divider/ng-atomic-components-frames-divider.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatDivider, MatDividerModule } from '@angular/material/divider';\nimport { CdkDrag, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { ReplaySubject } from 'rxjs';\n\n@Component({\n selector: 'frames-divider',\n standalone: true,\n imports: [\n CommonModule,\n MatDividerModule,\n CdkDrag,\n ],\n template: `\n <div class=\"first\">\n <ng-content select=\"[first]\"></ng-content>\n </div>\n <mat-divider\n cdkDrag\n cdkDragHandle\n [cdkDragStartDelay]=\"0\"\n (cdkDragStarted)=\"onDragStart($event)\"\n (cdkDragMoved)=\"onDragMoved($event)\"\n cdkDragLockAxis=\"y\"\n #el\n ></mat-divider>\n <div class=\"second\">\n <ng-content select=\"[second]\"></ng-content>\n </div>\n `,\n styleUrls: ['./divider.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DividerFrame {\n\n constructor(\n private el: ElementRef,\n ) { }\n\n protected firstContentHeight: number;\n protected distance: {x: number, y: number} = {x: 0, y: 0};\n\n\n @ViewChild('el', {read: ElementRef})\n divider: ElementRef<HTMLElement>;\n\n onDragStart($event: CdkDragStart) {\n const parentRect = this.divider.nativeElement.parentElement.getBoundingClientRect();\n const elementRect = this.divider.nativeElement.getBoundingClientRect();\n this.firstContentHeight = elementRect.top - parentRect.top;\n }\n\n onDragMoved($event: CdkDragMove) {\n this.divider.nativeElement.style.transform = `translate3d(0, 0, 0)`;\n const height = Math.max(1, this.firstContentHeight + $event.distance.y);\n this.el.nativeElement.style.setProperty('--first-content-height', `${height}px`);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
|
-
import { Component, ViewChild, Input } from '@angular/core';
|
|
4
|
-
import * as i1 from '@angular/material/sidenav';
|
|
5
|
-
import { MatDrawer, MatSidenavModule } from '@angular/material/sidenav';
|
|
6
|
-
|
|
7
|
-
class DrawerFrame {
|
|
8
|
-
constructor() {
|
|
9
|
-
this._isOpen = false;
|
|
10
|
-
}
|
|
11
|
-
set isOpen(_isOpen) {
|
|
12
|
-
console.debug('isOpen:', _isOpen);
|
|
13
|
-
console.debug('this.drawer:', this.drawer);
|
|
14
|
-
_isOpen ? this.drawer?.open() : this.drawer?.close();
|
|
15
|
-
this._isOpen = _isOpen;
|
|
16
|
-
}
|
|
17
|
-
get isOpen() {
|
|
18
|
-
return this._isOpen;
|
|
19
|
-
}
|
|
20
|
-
ngAfterViewInit() {
|
|
21
|
-
setTimeout(() => {
|
|
22
|
-
this.isOpen ? this.drawer?.open() : this.drawer?.close();
|
|
23
|
-
console.debug('this.drawer:', this.drawer);
|
|
24
|
-
}, 0);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
DrawerFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
DrawerFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DrawerFrame, isStandalone: true, selector: "frames-drawer", inputs: { isOpen: "isOpen" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true }], ngImport: i0, template: "<mat-drawer-container [autosize]=\"false\">\n <mat-drawer #drawer mode=\"side\">\n <ng-content select=[drawer]></ng-content>\n </mat-drawer>\n\n <mat-drawer-content>\n <ng-content select=[contents]></ng-content>\n </mat-drawer-content>\n \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-k5JX: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-k5JX: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-k5JX)}:host mat-drawer-content{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }] });
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerFrame, decorators: [{
|
|
30
|
-
type: Component,
|
|
31
|
-
args: [{ selector: 'frames-drawer', standalone: true, imports: [
|
|
32
|
-
CommonModule,
|
|
33
|
-
MatSidenavModule,
|
|
34
|
-
], template: "<mat-drawer-container [autosize]=\"false\">\n <mat-drawer #drawer mode=\"side\">\n <ng-content select=[drawer]></ng-content>\n </mat-drawer>\n\n <mat-drawer-content>\n <ng-content select=[contents]></ng-content>\n </mat-drawer-content>\n \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-k5JX: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-k5JX: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-k5JX)}:host mat-drawer-content{width:100%}\n"] }]
|
|
35
|
-
}], propDecorators: { drawer: [{
|
|
36
|
-
type: ViewChild,
|
|
37
|
-
args: [MatDrawer]
|
|
38
|
-
}], isOpen: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}] } });
|
|
41
|
-
|
|
42
|
-
/**
|
|
43
|
-
* Generated bundle index. Do not edit.
|
|
44
|
-
*/
|
|
45
|
-
|
|
46
|
-
export { DrawerFrame };
|
|
47
|
-
//# sourceMappingURL=ng-atomic-components-frames-drawer.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-frames-drawer.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/drawer/drawer.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/drawer/drawer.frame.html","../../../../../packages/@ng-atomic/components/src/lib/frames/drawer/ng-atomic-components-frames-drawer.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { AfterViewInit, Component, Input, ViewChild } from '@angular/core';\nimport { MatDrawer, MatSidenavModule } from '@angular/material/sidenav';\n\n@Component({\n selector: 'frames-drawer',\n standalone: true,\n imports: [\n CommonModule,\n MatSidenavModule,\n ],\n templateUrl: './drawer.frame.html',\n styleUrls: ['./drawer.frame.scss'],\n // changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DrawerFrame implements AfterViewInit {\n\n @ViewChild(MatDrawer)\n drawer!: MatDrawer;\n\n private _isOpen = false;\n\n @Input()\n set isOpen(_isOpen: boolean) {\n console.debug('isOpen:', _isOpen);\n console.debug('this.drawer:', this.drawer);\n _isOpen ? this.drawer?.open() : this.drawer?.close();\n this._isOpen = _isOpen\n }\n\n get isOpen(): boolean {\n return this._isOpen\n }\n\n ngAfterViewInit() {\n setTimeout(() => {\n this.isOpen ? this.drawer?.open() : this.drawer?.close();\n console.debug('this.drawer:', this.drawer);\n\n },0);\n }\n\n}\n","<mat-drawer-container [autosize]=\"false\">\n <mat-drawer #drawer mode=\"side\">\n <ng-content select=[drawer]></ng-content>\n </mat-drawer>\n\n <mat-drawer-content>\n <ng-content select=[contents]></ng-content>\n </mat-drawer-content>\n \n</mat-drawer-container>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAea,WAAW,CAAA;AAXxB,IAAA,WAAA,GAAA;QAgBU,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;AAsBzB,KAAA;IApBC,IACI,MAAM,CAAC,OAAgB,EAAA;AACzB,QAAA,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAClC,OAAO,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;AAC3C,QAAA,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;AACrD,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;KACvB;AAED,IAAA,IAAI,MAAM,GAAA;QACR,OAAO,IAAI,CAAC,OAAO,CAAA;KACpB;IAED,eAAe,GAAA;QACb,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;YACzD,OAAO,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SAE5C,EAAC,CAAC,CAAC,CAAC;KACN;;wGAzBU,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAX,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,+IAEX,SAAS,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjBtB,oRASuB,EDDnB,MAAA,EAAA,CAAA,gPAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BACZ,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,cAAA,EAAA,WAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,aAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FAMP,WAAW,EAAA,UAAA,EAAA,CAAA;kBAXvB,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,gBAAgB;AACjB,qBAAA,EAAA,QAAA,EAAA,oRAAA,EAAA,MAAA,EAAA,CAAA,gPAAA,CAAA,EAAA,CAAA;8BAQD,MAAM,EAAA,CAAA;sBADL,SAAS;uBAAC,SAAS,CAAA;gBAMhB,MAAM,EAAA,CAAA;sBADT,KAAK;;;AEtBR;;AAEG;;;;"}
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
|
|
3
|
-
import * as i2 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import * as i4 from '@angular/material/button';
|
|
6
|
-
import { MatButtonModule } from '@angular/material/button';
|
|
7
|
-
import * as i3 from '@angular/material/icon';
|
|
8
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
9
|
-
import { Subject, ReplaySubject, takeUntil } from 'rxjs';
|
|
10
|
-
|
|
11
|
-
class FabService {
|
|
12
|
-
constructor() {
|
|
13
|
-
this._actions = [];
|
|
14
|
-
this.actionSubject = new Subject();
|
|
15
|
-
this.action$ = this.actionSubject.asObservable();
|
|
16
|
-
}
|
|
17
|
-
get actions() {
|
|
18
|
-
return this._actions;
|
|
19
|
-
}
|
|
20
|
-
onAction(action) {
|
|
21
|
-
this.actionSubject.next(action);
|
|
22
|
-
}
|
|
23
|
-
setActions(actions) {
|
|
24
|
-
this._actions = actions;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
FabService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FabService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
28
|
-
FabService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FabService, providedIn: 'root' });
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FabService, decorators: [{
|
|
30
|
-
type: Injectable,
|
|
31
|
-
args: [{ providedIn: 'root' }]
|
|
32
|
-
}] });
|
|
33
|
-
|
|
34
|
-
class FabFrame {
|
|
35
|
-
constructor(service) {
|
|
36
|
-
this.service = service;
|
|
37
|
-
this.destroy$ = new ReplaySubject(1);
|
|
38
|
-
this.actions = [];
|
|
39
|
-
this.action = new EventEmitter();
|
|
40
|
-
}
|
|
41
|
-
ngOnInit() {
|
|
42
|
-
this.service.action$.pipe(takeUntil(this.destroy$)).subscribe((action) => {
|
|
43
|
-
this.action.emit(action);
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
ngOnDestroy() {
|
|
47
|
-
this.destroy$.next();
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
FabFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FabFrame, deps: [{ token: FabService }], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
-
FabFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: FabFrame, isStandalone: true, selector: "frames-fab", inputs: { actions: "actions" }, outputs: { action: "action" }, ngImport: i0, template: `
|
|
52
|
-
<ng-content></ng-content>
|
|
53
|
-
<ng-container *ngFor="let action of actions">
|
|
54
|
-
<button mat-fab color="primary" (click)="service.onAction(action)">
|
|
55
|
-
<mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
|
|
56
|
-
</button>
|
|
57
|
-
</ng-container>
|
|
58
|
-
`, isInline: true, styles: [":host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;bottom:16px;right:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatFabButton, selector: "button[mat-fab]", inputs: ["disabled", "disableRipple", "color", "tabIndex", "extended"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FabFrame, decorators: [{
|
|
60
|
-
type: Component,
|
|
61
|
-
args: [{ selector: 'frames-fab', standalone: true, imports: [
|
|
62
|
-
CommonModule,
|
|
63
|
-
MatIconModule,
|
|
64
|
-
MatButtonModule,
|
|
65
|
-
], template: `
|
|
66
|
-
<ng-content></ng-content>
|
|
67
|
-
<ng-container *ngFor="let action of actions">
|
|
68
|
-
<button mat-fab color="primary" (click)="service.onAction(action)">
|
|
69
|
-
<mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
|
|
70
|
-
</button>
|
|
71
|
-
</ng-container>
|
|
72
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;bottom:16px;right:16px}\n"] }]
|
|
73
|
-
}], ctorParameters: function () { return [{ type: FabService }]; }, propDecorators: { actions: [{
|
|
74
|
-
type: Input
|
|
75
|
-
}], action: [{
|
|
76
|
-
type: Output
|
|
77
|
-
}] } });
|
|
78
|
-
|
|
79
|
-
/**
|
|
80
|
-
* Generated bundle index. Do not edit.
|
|
81
|
-
*/
|
|
82
|
-
|
|
83
|
-
export { FabFrame, FabService };
|
|
84
|
-
//# sourceMappingURL=ng-atomic-components-frames-fab.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-frames-fab.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/fab/fab.service.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/fab/fab.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/fab/ng-atomic-components-frames-fab.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { Subject } from 'rxjs';\n\n@Injectable({providedIn: 'root'})\nexport class FabService {\n private _actions: Action[] = [];\n private actionSubject = new Subject<Action>();\n\n get actions(): Action[] {\n return this._actions;\n }\n\n action$ = this.actionSubject.asObservable();\n\n onAction(action: Action) {\n this.actionSubject.next(action);\n }\n\n setActions(actions: Action[]) {\n this._actions = actions;\n }\n}","import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { Action } from '@ng-atomic/common/models';\nimport { FabService } from './fab.service';\nimport { ReplaySubject, takeUntil } from 'rxjs';\n\n@Component({\n selector: 'frames-fab',\n standalone: true,\n imports: [\n CommonModule,\n MatIconModule,\n MatButtonModule,\n ],\n template: `\n <ng-content></ng-content>\n <ng-container *ngFor=\"let action of actions\">\n <button mat-fab color=\"primary\" (click)=\"service.onAction(action)\">\n <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>\n </button>\n </ng-container>\n `,\n styleUrls: ['./fab.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FabFrame implements OnInit, OnDestroy {\n\n constructor(\n protected service: FabService,\n ) { }\n\n private readonly destroy$ = new ReplaySubject<void>(1);\n\n @Input()\n actions: Action[] = [];\n\n @Output()\n protected action = new EventEmitter<Action>();\n\n ngOnInit(): void {\n this.service.action$.pipe(\n takeUntil(this.destroy$),\n ).subscribe((action) => {\n this.action.emit(action);\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next();\n }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.FabService"],"mappings":"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"}
|
|
@@ -1,196 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Component, ChangeDetectionStrategy, HostBinding, Input, ViewChild } from '@angular/core';
|
|
3
|
-
import { CommonModule } from '@angular/common';
|
|
4
|
-
import { Observable, ReplaySubject, BehaviorSubject, combineLatest } from 'rxjs';
|
|
5
|
-
import { map, startWith, distinctUntilChanged, takeUntil } from 'rxjs/operators';
|
|
6
|
-
import { trigger, state, style, transition, animate, sequence, query, group } from '@angular/animations';
|
|
7
|
-
import ResizeObserver from 'resize-observer-polyfill';
|
|
8
|
-
|
|
9
|
-
const MAIN_ANIMATION = trigger('modeChangeForMain', [
|
|
10
|
-
state('*', style({
|
|
11
|
-
width: '100%',
|
|
12
|
-
})),
|
|
13
|
-
state('Next', style({
|
|
14
|
-
display: 'none',
|
|
15
|
-
width: '0%',
|
|
16
|
-
})),
|
|
17
|
-
transition('* => Next', [
|
|
18
|
-
animate('0.5s', style({ width: '0%' })),
|
|
19
|
-
style({ display: 'none' }),
|
|
20
|
-
]),
|
|
21
|
-
transition('Next => *', [
|
|
22
|
-
sequence([
|
|
23
|
-
style({ display: 'inherit' }),
|
|
24
|
-
animate('0.5s', style({ width: '100%' })),
|
|
25
|
-
]),
|
|
26
|
-
]),
|
|
27
|
-
]);
|
|
28
|
-
const NEXT_ANIMATION = trigger('modeChangeForNext', [
|
|
29
|
-
state('Next', style({
|
|
30
|
-
position: 'relative',
|
|
31
|
-
display: 'block',
|
|
32
|
-
width: '100%',
|
|
33
|
-
})),
|
|
34
|
-
state('Both', style({
|
|
35
|
-
position: 'relative',
|
|
36
|
-
display: 'block',
|
|
37
|
-
width: '100%',
|
|
38
|
-
})),
|
|
39
|
-
state('Main', style({
|
|
40
|
-
position: 'relative',
|
|
41
|
-
display: 'block',
|
|
42
|
-
width: '100%',
|
|
43
|
-
})),
|
|
44
|
-
transition('Main => Next', [
|
|
45
|
-
query(':enter', [animate('0.5s')], { optional: true }),
|
|
46
|
-
sequence([
|
|
47
|
-
style({ display: 'block', width: '100%' }),
|
|
48
|
-
animate('0.5s'),
|
|
49
|
-
]),
|
|
50
|
-
]),
|
|
51
|
-
transition('Main => Both', [
|
|
52
|
-
query(':enter', [animate('0.5s')], { optional: true }),
|
|
53
|
-
sequence([
|
|
54
|
-
style({ display: 'block', width: '100%' }),
|
|
55
|
-
animate('0.5s'),
|
|
56
|
-
]),
|
|
57
|
-
]),
|
|
58
|
-
transition('Next => Main', group([
|
|
59
|
-
query(':leave', animate('0.5s', style({ width: '100%' })), { optional: true }),
|
|
60
|
-
sequence([
|
|
61
|
-
style({ position: 'absolute', display: 'block', left: '0%' }),
|
|
62
|
-
animate('0.5s', style({ left: '100%' })),
|
|
63
|
-
]),
|
|
64
|
-
])),
|
|
65
|
-
transition('Both => Main', group([
|
|
66
|
-
query(':leave', animate('0.5s', style({ width: '100%' })), { optional: true }),
|
|
67
|
-
sequence([
|
|
68
|
-
style({ position: 'absolute', display: 'block', left: '100%' }),
|
|
69
|
-
animate('0.5s', style({ left: '100%' })),
|
|
70
|
-
]),
|
|
71
|
-
])),
|
|
72
|
-
]);
|
|
73
|
-
const LINE_UP_ANIMATIONS = [MAIN_ANIMATION, NEXT_ANIMATION];
|
|
74
|
-
|
|
75
|
-
function fromResize({ nativeElement }) {
|
|
76
|
-
return Observable.create(function (observer) {
|
|
77
|
-
const callback = (entries) => entries.forEach((e) => observer.next(e));
|
|
78
|
-
const resizeObserver = new ResizeObserver(callback);
|
|
79
|
-
resizeObserver.observe(nativeElement);
|
|
80
|
-
return () => resizeObserver.disconnect();
|
|
81
|
-
}).pipe(map(({ contentRect }) => contentRect?.width ?? 0), startWith(0), distinctUntilChanged());
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
var Mode;
|
|
85
|
-
(function (Mode) {
|
|
86
|
-
Mode["MAIN"] = "Main";
|
|
87
|
-
Mode["BOTH"] = "Both";
|
|
88
|
-
Mode["NEXT"] = "Next";
|
|
89
|
-
})(Mode || (Mode = {}));
|
|
90
|
-
class LineUpFrameService {
|
|
91
|
-
constructor() {
|
|
92
|
-
this.frames = [];
|
|
93
|
-
}
|
|
94
|
-
register(frame) {
|
|
95
|
-
this.frames.push(frame);
|
|
96
|
-
}
|
|
97
|
-
unregister(frame) {
|
|
98
|
-
this.frames = this.frames.slice(0, this.findIndex(frame));
|
|
99
|
-
}
|
|
100
|
-
findIndex(frame) {
|
|
101
|
-
return this.frames.findIndex((value) => value === frame);
|
|
102
|
-
}
|
|
103
|
-
propagate(frame) {
|
|
104
|
-
const target = this.frames?.[this.findIndex(frame) - 1];
|
|
105
|
-
target?.refresh();
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
LineUpFrameService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpFrameService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
109
|
-
LineUpFrameService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpFrameService, providedIn: 'root' });
|
|
110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpFrameService, decorators: [{
|
|
111
|
-
type: Injectable,
|
|
112
|
-
args: [{ providedIn: 'root' }]
|
|
113
|
-
}] });
|
|
114
|
-
class LineUpFrame {
|
|
115
|
-
set hasNext(_hasNext) {
|
|
116
|
-
this.hasNext$.next(_hasNext);
|
|
117
|
-
this._hasNext = _hasNext;
|
|
118
|
-
}
|
|
119
|
-
;
|
|
120
|
-
get hasNext() {
|
|
121
|
-
return this._hasNext;
|
|
122
|
-
}
|
|
123
|
-
constructor(service) {
|
|
124
|
-
this.service = service;
|
|
125
|
-
this.Mode = Mode;
|
|
126
|
-
this.mode = Mode.MAIN;
|
|
127
|
-
this.refresh$ = new ReplaySubject(1);
|
|
128
|
-
this.destroy$ = new ReplaySubject(1);
|
|
129
|
-
this.hasNext$ = new BehaviorSubject(false);
|
|
130
|
-
this._hasNext = false;
|
|
131
|
-
this.minNextWidth = 360;
|
|
132
|
-
}
|
|
133
|
-
ngOnInit() {
|
|
134
|
-
this.service.register(this);
|
|
135
|
-
this.refresh();
|
|
136
|
-
combineLatest([
|
|
137
|
-
this.hasNext$,
|
|
138
|
-
fromResize(this.nextElementRef),
|
|
139
|
-
this.refresh$,
|
|
140
|
-
]).pipe(takeUntil(this.destroy$)).subscribe(([hasNext, width]) => {
|
|
141
|
-
this.mode = this.resolveMode(hasNext, width);
|
|
142
|
-
setTimeout(() => this.service.propagate(this), 0);
|
|
143
|
-
});
|
|
144
|
-
}
|
|
145
|
-
ngOnDestroy() {
|
|
146
|
-
this.service.unregister(this);
|
|
147
|
-
this.destroy$.next();
|
|
148
|
-
}
|
|
149
|
-
refresh() {
|
|
150
|
-
this.refresh$.next();
|
|
151
|
-
}
|
|
152
|
-
resolveMode(hasNext, width) {
|
|
153
|
-
if (hasNext && width <= this.minNextWidth)
|
|
154
|
-
return Mode.BOTH;
|
|
155
|
-
return hasNext ? Mode.NEXT : Mode.MAIN;
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
|
-
LineUpFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpFrame, deps: [{ token: LineUpFrameService }], target: i0.ɵɵFactoryTarget.Component });
|
|
159
|
-
LineUpFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: LineUpFrame, isStandalone: true, selector: "frames-line-up", inputs: { hasNext: "hasNext", minNextWidth: "minNextWidth" }, host: { properties: { "attr.has-next": "this.hasNext" } }, viewQueries: [{ propertyName: "nextElementRef", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: `
|
|
160
|
-
<div class="main" [@modeChangeForMain]="mode" #main>
|
|
161
|
-
<ng-content select="[main]"></ng-content>
|
|
162
|
-
</div>
|
|
163
|
-
<div class="next" [@modeChangeForNext]="mode" #next>
|
|
164
|
-
<ng-content select="[next]"></ng-content>
|
|
165
|
-
</div>
|
|
166
|
-
`, isInline: true, styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-UN5h: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-UN5h: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-UN5h: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-UN5h);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-UN5h)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-UN5h)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default });
|
|
167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LineUpFrame, decorators: [{
|
|
168
|
-
type: Component,
|
|
169
|
-
args: [{ standalone: true, imports: [
|
|
170
|
-
CommonModule,
|
|
171
|
-
], selector: 'frames-line-up', template: `
|
|
172
|
-
<div class="main" [@modeChangeForMain]="mode" #main>
|
|
173
|
-
<ng-content select="[main]"></ng-content>
|
|
174
|
-
</div>
|
|
175
|
-
<div class="next" [@modeChangeForNext]="mode" #next>
|
|
176
|
-
<ng-content select="[next]"></ng-content>
|
|
177
|
-
</div>
|
|
178
|
-
`, changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-UN5h: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-UN5h: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-UN5h: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-UN5h);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-UN5h)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-UN5h)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"] }]
|
|
179
|
-
}], ctorParameters: function () { return [{ type: LineUpFrameService }]; }, propDecorators: { hasNext: [{
|
|
180
|
-
type: HostBinding,
|
|
181
|
-
args: ['attr.has-next']
|
|
182
|
-
}, {
|
|
183
|
-
type: Input
|
|
184
|
-
}], minNextWidth: [{
|
|
185
|
-
type: Input
|
|
186
|
-
}], nextElementRef: [{
|
|
187
|
-
type: ViewChild,
|
|
188
|
-
args: ['next', { static: true }]
|
|
189
|
-
}] } });
|
|
190
|
-
|
|
191
|
-
/**
|
|
192
|
-
* Generated bundle index. Do not edit.
|
|
193
|
-
*/
|
|
194
|
-
|
|
195
|
-
export { LineUpFrame, LineUpFrameService };
|
|
196
|
-
//# sourceMappingURL=ng-atomic-components-frames-line-up.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-frames-line-up.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/line-up.animations.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/resize-observer.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/line-up.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/ng-atomic-components-frames-line-up.ts"],"sourcesContent":["import { animate, query, sequence, state, style, transition, trigger, group } from '@angular/animations';\n\nconst MAIN_ANIMATION = trigger('modeChangeForMain', [\n state('*', style({\n width: '100%',\n })),\n state('Next', style({\n display: 'none',\n width: '0%',\n })),\n transition('* => Next', [\n animate('0.5s', style({ width: '0%' })),\n style({display: 'none'}),\n ]),\n transition('Next => *', [\n sequence([\n style({ display: 'inherit' }),\n animate('0.5s', style({ width: '100%' })),\n ]),\n ]),\n]);\n\nconst NEXT_ANIMATION = trigger('modeChangeForNext', [\n state('Next', style({\n position: 'relative',\n display: 'block',\n width: '100%',\n })),\n state('Both', style({\n position: 'relative',\n display: 'block',\n width: '100%',\n })),\n state('Main', style({\n position: 'relative',\n display: 'block',\n width: '100%',\n })),\n transition('Main => Next', [\n query(':enter', [animate('0.5s')], { optional: true }),\n sequence([\n style({ display: 'block', width: '100%' }),\n animate('0.5s'),\n ]),\n ]),\n transition('Main => Both', [\n query(':enter', [animate('0.5s')], { optional: true }),\n sequence([\n style({ display: 'block', width: '100%' }),\n animate('0.5s'),\n ]),\n ]),\n transition('Next => Main', group([\n query(':leave', animate('0.5s', style({width: '100%'})), { optional: true }),\n sequence([\n style({position: 'absolute', display: 'block', left: '0%'}),\n animate('0.5s', style({left: '100%'})),\n ]),\n ])),\n transition('Both => Main', group([\n query(':leave', animate('0.5s', style({width: '100%'})), { optional: true }),\n sequence([\n style({position: 'absolute', display: 'block', left: '100%'}),\n animate('0.5s', style({left: '100%'})),\n ]),\n ])),\n]);\n\nexport const LINE_UP_ANIMATIONS = [MAIN_ANIMATION, NEXT_ANIMATION];\n","import { Observable } from 'rxjs';\nimport { startWith } from 'rxjs/operators';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { distinctUntilChanged, map } from 'rxjs/operators';\nimport { ElementRef } from '@angular/core';\n\nexport function fromResize({nativeElement}: ElementRef<Element>): Observable<number> {\n return Observable.create(function(observer: any) {\n const callback = (entries: any) => entries.forEach((e: any) => observer.next(e));\n const resizeObserver = new ResizeObserver(callback);\n resizeObserver.observe(nativeElement);\n return () => resizeObserver.disconnect();\n }).pipe(\n map(({contentRect}) => contentRect?.width ?? 0),\n startWith(0),\n distinctUntilChanged(),\n );\n}\n","import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Injectable, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BehaviorSubject, combineLatest, ReplaySubject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { LINE_UP_ANIMATIONS } from './line-up.animations';\nimport { fromResize } from './resize-observer';\n\nenum Mode {\n MAIN = 'Main',\n BOTH = 'Both',\n NEXT = 'Next',\n}\n\n@Injectable({providedIn: 'root'})\nexport class LineUpFrameService {\n frames: LineUpFrame[] = [];\n\n register(frame: LineUpFrame) {\n this.frames.push(frame);\n }\n\n unregister(frame: LineUpFrame) {\n this.frames = this.frames.slice(0, this.findIndex(frame));\n }\n\n findIndex(frame: LineUpFrame): number {\n return this.frames.findIndex((value) => value === frame);\n }\n\n propagate(frame: LineUpFrame): void {\n const target = this.frames?.[this.findIndex(frame) - 1];\n target?.refresh();\n }\n}\n\n@Component({\n standalone: true,\n imports: [\n CommonModule,\n ],\n selector: 'frames-line-up',\n template: `\n <div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n <ng-content select=\"[main]\"></ng-content>\n </div>\n <div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n <ng-content select=\"[next]\"></ng-content>\n </div>\n `,\n styleUrls: ['./line-up.frame.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n animations: LINE_UP_ANIMATIONS,\n})\nexport class LineUpFrame implements OnInit, OnDestroy {\n Mode = Mode;\n mode = Mode.MAIN;\n\n private readonly refresh$ = new ReplaySubject<void>(1);\n private readonly destroy$ = new ReplaySubject<void>(1);\n private readonly hasNext$ = new BehaviorSubject(false); \n\n\n private _hasNext = false;\n @HostBinding('attr.has-next')\n @Input()\n set hasNext(_hasNext: boolean) {\n this.hasNext$.next(_hasNext);\n this._hasNext = _hasNext;\n };\n get hasNext(): boolean {\n return this._hasNext;\n }\n\n @Input()\n minNextWidth: number = 360;\n\n @ViewChild('next', {static: true})\n nextElementRef!: ElementRef;\n\n constructor(private service: LineUpFrameService) { }\n\n ngOnInit(): void {\n this.service.register(this);\n this.refresh();\n \n combineLatest([\n this.hasNext$, \n fromResize(this.nextElementRef),\n this.refresh$,\n ]).pipe(takeUntil(this.destroy$)).subscribe(([hasNext, width]) => {\n this.mode = this.resolveMode(hasNext, width);\n setTimeout(() => this.service.propagate(this), 0);\n });\n }\n\n ngOnDestroy(): void {\n this.service.unregister(this);\n this.destroy$.next(); \n }\n\n refresh() {\n this.refresh$.next();\n }\n\n private resolveMode(hasNext: boolean, width: number): Mode {\n if (hasNext && width <= this.minNextWidth) return Mode.BOTH;\n return hasNext ? Mode.NEXT : Mode.MAIN;\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAEA,MAAM,cAAc,GAAG,OAAO,CAAC,mBAAmB,EAAE;AAClD,IAAA,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC;AACf,QAAA,KAAK,EAAE,MAAM;AACd,KAAA,CAAC,CAAC;AACH,IAAA,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;AAClB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,KAAK,EAAE,IAAI;AACZ,KAAA,CAAC,CAAC;IACH,UAAU,CAAC,WAAW,EAAE;QACtB,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;AACvC,QAAA,KAAK,CAAC,EAAC,OAAO,EAAE,MAAM,EAAC,CAAC;KACzB,CAAC;IACF,UAAU,CAAC,WAAW,EAAE;AACtB,QAAA,QAAQ,CAAC;AACP,YAAA,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;YAC7B,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;SAC1C,CAAC;KACH,CAAC;AACH,CAAA,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,OAAO,CAAC,mBAAmB,EAAE;AAClD,IAAA,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;AAClB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,KAAK,EAAE,MAAM;AACd,KAAA,CAAC,CAAC;AACH,IAAA,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;AAClB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,KAAK,EAAE,MAAM;AACd,KAAA,CAAC,CAAC;AACH,IAAA,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;AAClB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,KAAK,EAAE,MAAM;AACd,KAAA,CAAC,CAAC;IACH,UAAU,CAAC,cAAc,EAAE;AACzB,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACtD,QAAA,QAAQ,CAAC;YACP,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;YAC1C,OAAO,CAAC,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;IACF,UAAU,CAAC,cAAc,EAAE;AACzB,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACtD,QAAA,QAAQ,CAAC;YACP,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;YAC1C,OAAO,CAAC,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;AACF,IAAA,UAAU,CAAC,cAAc,EAAE,KAAK,CAAC;QAC/B,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC5E,QAAA,QAAQ,CAAC;AACP,YAAA,KAAK,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC;YAC3D,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC,CAAC;SACvC,CAAC;AACH,KAAA,CAAC,CAAC;AACH,IAAA,UAAU,CAAC,cAAc,EAAE,KAAK,CAAC;QAC/B,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC5E,QAAA,QAAQ,CAAC;AACP,YAAA,KAAK,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAC,CAAC;YAC7D,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC,CAAC;SACvC,CAAC;AACH,KAAA,CAAC,CAAC;AACJ,CAAA,CAAC,CAAC;AAEI,MAAM,kBAAkB,GAAG,CAAC,cAAc,EAAE,cAAc,CAAC;;AC9DlD,SAAA,UAAU,CAAC,EAAC,aAAa,EAAsB,EAAA;AAC7D,IAAA,OAAO,UAAU,CAAC,MAAM,CAAC,UAAS,QAAa,EAAA;QAC7C,MAAM,QAAQ,GAAG,CAAC,OAAY,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC,CAAM,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACjF,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;AACpD,QAAA,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AACtC,QAAA,OAAO,MAAM,cAAc,CAAC,UAAU,EAAE,CAAC;AAC3C,KAAC,CAAC,CAAC,IAAI,CACL,GAAG,CAAC,CAAC,EAAC,WAAW,EAAC,KAAK,WAAW,EAAE,KAAK,IAAI,CAAC,CAAC,EAC/C,SAAS,CAAC,CAAC,CAAC,EACZ,oBAAoB,EAAE,CACvB,CAAC;AACJ;;ACVA,IAAK,IAIJ,CAAA;AAJD,CAAA,UAAK,IAAI,EAAA;AACP,IAAA,IAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,IAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,IAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACf,CAAC,EAJI,IAAI,KAAJ,IAAI,GAIR,EAAA,CAAA,CAAA,CAAA;MAGY,kBAAkB,CAAA;AAD/B,IAAA,WAAA,GAAA;QAEE,IAAM,CAAA,MAAA,GAAkB,EAAE,CAAC;AAkB5B,KAAA;AAhBC,IAAA,QAAQ,CAAC,KAAkB,EAAA;AACzB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACzB;AAED,IAAA,UAAU,CAAC,KAAkB,EAAA;AAC3B,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;KAC3D;AAED,IAAA,SAAS,CAAC,KAAkB,EAAA;AAC1B,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,CAAC,CAAC;KAC1D;AAED,IAAA,SAAS,CAAC,KAAkB,EAAA;AAC1B,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QACxD,MAAM,EAAE,OAAO,EAAE,CAAC;KACnB;;+GAlBU,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,cADN,MAAM,EAAA,CAAA,CAAA;2FAClB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B,UAAU;mBAAC,EAAC,UAAU,EAAE,MAAM,EAAC,CAAA;;MAwCnB,WAAW,CAAA;IAUtB,IAEI,OAAO,CAAC,QAAiB,EAAA;AAC3B,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC7B,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;KAC1B;;AACD,IAAA,IAAI,OAAO,GAAA;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;KACtB;AAQD,IAAA,WAAA,CAAoB,OAA2B,EAAA;QAA3B,IAAO,CAAA,OAAA,GAAP,OAAO,CAAoB;QAzB/C,IAAI,CAAA,IAAA,GAAG,IAAI,CAAC;AACZ,QAAA,IAAA,CAAA,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;AAEA,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,aAAa,CAAO,CAAC,CAAC,CAAC;AACtC,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,aAAa,CAAO,CAAC,CAAC,CAAC;AACtC,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;QAG/C,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QAYzB,IAAY,CAAA,YAAA,GAAW,GAAG,CAAC;KAKyB;IAEpD,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,CAAC,OAAO,EAAE,CAAC;AAEf,QAAA,aAAa,CAAC;AACZ,YAAA,IAAI,CAAC,QAAQ;AACb,YAAA,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC;AAC/B,YAAA,IAAI,CAAC,QAAQ;SACd,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,KAAI;YAC/D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC7C,YAAA,UAAU,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;AACpD,SAAC,CAAC,CAAC;KACJ;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AAC9B,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;KACtB;IAED,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;KACtB;IAEO,WAAW,CAAC,OAAgB,EAAE,KAAa,EAAA;AACjD,QAAA,IAAI,OAAO,IAAI,KAAK,IAAI,IAAI,CAAC,YAAY;YAAE,OAAO,IAAI,CAAC,IAAI,CAAC;AAC5D,QAAA,OAAO,OAAO,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACxC;;wGAtDU,WAAW,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,kBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAX,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAZZ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;GAOT,EAVC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,usBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,iBAaF,kBAAkB,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,OAAA,EAAA,CAAA,CAAA;2FAEnB,WAAW,EAAA,UAAA,EAAA,CAAA;kBAlBvB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;AACb,qBAAA,EAAA,QAAA,EACS,gBAAgB,EAChB,QAAA,EAAA,CAAA;;;;;;;AAOT,EAAA,CAAA,EAAA,eAAA,EAEgB,uBAAuB,CAAC,OAAO,EAAA,UAAA,EACpC,kBAAkB,EAAA,MAAA,EAAA,CAAA,usBAAA,CAAA,EAAA,CAAA;sGAc1B,OAAO,EAAA,CAAA;sBAFV,WAAW;uBAAC,eAAe,CAAA;;sBAC3B,KAAK;gBAUN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,cAAc,EAAA,CAAA;sBADb,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,MAAM,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;;;AC5EnC;;AAEG;;;;"}
|