@ng-atomic/components 0.0.0-PLACEHOLDER
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/app.module.d.ts +9 -0
- package/atoms/chips-input/chips-input.atom.d.ts +20 -0
- package/atoms/chips-input/chips-input.module.d.ts +12 -0
- package/atoms/chips-input/index.d.ts +2 -0
- package/atoms/icon/icon.atom.d.ts +13 -0
- package/atoms/icon/icon.module.d.ts +9 -0
- package/atoms/icon/index.d.ts +2 -0
- package/atoms/smart-menu-button/index.d.ts +2 -0
- package/atoms/smart-menu-button/smart-menu-button.atom.d.ts +10 -0
- package/atoms/smart-menu-button/smart-menu-button.module.d.ts +11 -0
- package/esm2020/app.module.mjs +39 -0
- package/esm2020/atoms/chips-input/chips-input.atom.mjs +54 -0
- package/esm2020/atoms/chips-input/chips-input.module.mjs +44 -0
- package/esm2020/atoms/chips-input/index.mjs +3 -0
- package/esm2020/atoms/chips-input/ng-atomic-components-atoms-chips-input.mjs +5 -0
- package/esm2020/atoms/icon/icon.atom.mjs +31 -0
- package/esm2020/atoms/icon/icon.module.mjs +31 -0
- package/esm2020/atoms/icon/index.mjs +3 -0
- package/esm2020/atoms/icon/ng-atomic-components-atoms-icon.mjs +5 -0
- package/esm2020/atoms/smart-menu-button/index.mjs +3 -0
- package/esm2020/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.mjs +5 -0
- package/esm2020/atoms/smart-menu-button/smart-menu-button.atom.mjs +24 -0
- package/esm2020/atoms/smart-menu-button/smart-menu-button.module.mjs +35 -0
- package/esm2020/frames/auto-layout/auto-layout.frame.mjs +11 -0
- package/esm2020/frames/auto-layout/auto-layout.module.mjs +24 -0
- package/esm2020/frames/auto-layout/index.mjs +3 -0
- package/esm2020/frames/auto-layout/ng-atomic-components-frames-auto-layout.mjs +5 -0
- package/esm2020/frames/card/card.frame.mjs +12 -0
- package/esm2020/frames/card/card.module.mjs +31 -0
- package/esm2020/frames/card/index.mjs +3 -0
- package/esm2020/frames/card/ng-atomic-components-frames-card.mjs +5 -0
- package/esm2020/frames/drawer/drawer.frame.mjs +36 -0
- package/esm2020/frames/drawer/drawer.module.mjs +24 -0
- package/esm2020/frames/drawer/index.mjs +3 -0
- package/esm2020/frames/drawer/ng-atomic-components-frames-drawer.mjs +5 -0
- package/esm2020/frames/line-up/index.mjs +3 -0
- package/esm2020/frames/line-up/line-up.animations.mjs +64 -0
- package/esm2020/frames/line-up/line-up.frame.mjs +98 -0
- package/esm2020/frames/line-up/line-up.module.mjs +24 -0
- package/esm2020/frames/line-up/ng-atomic-components-frames-line-up.mjs +5 -0
- package/esm2020/frames/line-up/resize-observer.mjs +13 -0
- package/esm2020/frames/overlay/index.mjs +3 -0
- package/esm2020/frames/overlay/ng-atomic-components-frames-overlay.mjs +5 -0
- package/esm2020/frames/overlay/overlay.animations.mjs +28 -0
- package/esm2020/frames/overlay/overlay.frame.mjs +17 -0
- package/esm2020/frames/overlay/overlay.module.mjs +26 -0
- package/esm2020/frames/scroll/index.mjs +3 -0
- package/esm2020/frames/scroll/ng-atomic-components-frames-scroll.mjs +5 -0
- package/esm2020/frames/scroll/scroll.frame.mjs +12 -0
- package/esm2020/frames/scroll/scroll.module.mjs +28 -0
- package/esm2020/frames/smart-menu/index.mjs +3 -0
- package/esm2020/frames/smart-menu/ng-atomic-components-frames-smart-menu.mjs +5 -0
- package/esm2020/frames/smart-menu/smart-menu.frame.mjs +33 -0
- package/esm2020/frames/smart-menu/smart-menu.module.mjs +20 -0
- package/esm2020/index.mjs +2 -0
- package/esm2020/molecules/actions-column/actions-column.module.mjs +49 -0
- package/esm2020/molecules/actions-column/actions-column.molecule.mjs +69 -0
- package/esm2020/molecules/actions-column/index.mjs +3 -0
- package/esm2020/molecules/actions-column/ng-atomic-components-molecules-actions-column.mjs +5 -0
- package/esm2020/molecules/checkbox-column/checkbox-column.module.mjs +39 -0
- package/esm2020/molecules/checkbox-column/checkbox-column.molecule.mjs +62 -0
- package/esm2020/molecules/checkbox-column/index.mjs +3 -0
- package/esm2020/molecules/checkbox-column/ng-atomic-components-molecules-checkbox-column.mjs +5 -0
- package/esm2020/molecules/chips-input-field/chips-input-field.module.mjs +56 -0
- package/esm2020/molecules/chips-input-field/chips-input-field.molecule.mjs +66 -0
- package/esm2020/molecules/chips-input-field/index.mjs +3 -0
- package/esm2020/molecules/chips-input-field/ng-atomic-components-molecules-chips-input-field.mjs +5 -0
- package/esm2020/molecules/date-input-field/date-input-field.module.mjs +38 -0
- package/esm2020/molecules/date-input-field/date-input-field.molecule.mjs +38 -0
- package/esm2020/molecules/date-input-field/index.mjs +3 -0
- package/esm2020/molecules/date-input-field/ng-atomic-components-molecules-date-input-field.mjs +5 -0
- package/esm2020/molecules/header/header.module.mjs +24 -0
- package/esm2020/molecules/header/header.molecule.mjs +18 -0
- package/esm2020/molecules/header/index.mjs +3 -0
- package/esm2020/molecules/header/ng-atomic-components-molecules-header.mjs +5 -0
- package/esm2020/molecules/navigation-list-item/index.mjs +3 -0
- package/esm2020/molecules/navigation-list-item/navigation-list-item.module.mjs +38 -0
- package/esm2020/molecules/navigation-list-item/navigation-list-item.molecule.mjs +21 -0
- package/esm2020/molecules/navigation-list-item/ng-atomic-components-molecules-navigation-list-item.mjs +5 -0
- package/esm2020/molecules/select-input-field/index.mjs +3 -0
- package/esm2020/molecules/select-input-field/ng-atomic-components-molecules-select-input-field.mjs +5 -0
- package/esm2020/molecules/select-input-field/select-input-field.module.mjs +32 -0
- package/esm2020/molecules/select-input-field/select-input-field.molecule.mjs +29 -0
- package/esm2020/molecules/smart-column/index.mjs +3 -0
- package/esm2020/molecules/smart-column/ng-atomic-components-molecules-smart-column.mjs +5 -0
- package/esm2020/molecules/smart-column/smart-column.module.mjs +56 -0
- package/esm2020/molecules/smart-column/smart-column.molecule.mjs +33 -0
- package/esm2020/molecules/text-input-field/index.mjs +3 -0
- package/esm2020/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.mjs +5 -0
- package/esm2020/molecules/text-input-field/text-input-field.module.mjs +36 -0
- package/esm2020/molecules/text-input-field/text-input-field.molecule.mjs +34 -0
- package/esm2020/molecules/textarea-field/index.mjs +3 -0
- package/esm2020/molecules/textarea-field/ng-atomic-components-molecules-textarea-field.mjs +5 -0
- package/esm2020/molecules/textarea-field/textarea-field.module.mjs +28 -0
- package/esm2020/molecules/textarea-field/textarea-field.molecule.mjs +24 -0
- package/esm2020/ng-atomic-components.mjs +5 -0
- package/esm2020/organisms/action-buttons-section/action-buttons-section.module.mjs +34 -0
- package/esm2020/organisms/action-buttons-section/action-buttons-section.organism.mjs +22 -0
- package/esm2020/organisms/action-buttons-section/index.mjs +3 -0
- package/esm2020/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.mjs +5 -0
- package/esm2020/organisms/back-navigator/back-navigator.module.mjs +46 -0
- package/esm2020/organisms/back-navigator/back-navigator.organism.mjs +34 -0
- package/esm2020/organisms/back-navigator/index.mjs +3 -0
- package/esm2020/organisms/back-navigator/ng-atomic-components-organisms-back-navigator.mjs +5 -0
- package/esm2020/organisms/card-input-section/card-input-section.module.mjs +27 -0
- package/esm2020/organisms/card-input-section/card-input-section.organism.mjs +24 -0
- package/esm2020/organisms/card-input-section/index.mjs +3 -0
- package/esm2020/organisms/card-input-section/ng-atomic-components-organisms-card-input-section.mjs +5 -0
- package/esm2020/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.module.mjs +31 -0
- package/esm2020/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs +29 -0
- package/esm2020/organisms/cvc-and-exp-input-section/index.mjs +3 -0
- package/esm2020/organisms/cvc-and-exp-input-section/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +5 -0
- package/esm2020/organisms/date-input-section/date-input-section.module.mjs +28 -0
- package/esm2020/organisms/date-input-section/date-input-section.organism.mjs +24 -0
- package/esm2020/organisms/date-input-section/index.mjs +3 -0
- package/esm2020/organisms/date-input-section/ng-atomic-components-organisms-date-input-section.mjs +5 -0
- package/esm2020/organisms/heading/heading.module.mjs +24 -0
- package/esm2020/organisms/heading/heading.organism.mjs +17 -0
- package/esm2020/organisms/heading/index.mjs +3 -0
- package/esm2020/organisms/heading/ng-atomic-components-organisms-heading.mjs +5 -0
- package/esm2020/organisms/navigation-list/index.mjs +3 -0
- package/esm2020/organisms/navigation-list/navigation-list.module.mjs +34 -0
- package/esm2020/organisms/navigation-list/navigation-list.organism.mjs +22 -0
- package/esm2020/organisms/navigation-list/ng-atomic-components-organisms-navigation-list.mjs +5 -0
- package/esm2020/organisms/navigator/index.mjs +3 -0
- package/esm2020/organisms/navigator/navigator.module.mjs +42 -0
- package/esm2020/organisms/navigator/navigator.organism.mjs +25 -0
- package/esm2020/organisms/navigator/ng-atomic-components-organisms-navigator.mjs +5 -0
- package/esm2020/organisms/paginator/index.mjs +3 -0
- package/esm2020/organisms/paginator/ng-atomic-components-organisms-paginator.mjs +5 -0
- package/esm2020/organisms/paginator/paginator.module.mjs +45 -0
- package/esm2020/organisms/paginator/paginator.organism.mjs +32 -0
- package/esm2020/organisms/select-input-section/index.mjs +3 -0
- package/esm2020/organisms/select-input-section/ng-atomic-components-organisms-select-input-section.mjs +5 -0
- package/esm2020/organisms/select-input-section/select-input-section.module.mjs +31 -0
- package/esm2020/organisms/select-input-section/select-input-section.organism.mjs +24 -0
- package/esm2020/organisms/smart-list/index.mjs +3 -0
- package/esm2020/organisms/smart-list/ng-atomic-components-organisms-smart-list.mjs +5 -0
- package/esm2020/organisms/smart-list/smart-list.module.mjs +39 -0
- package/esm2020/organisms/smart-list/smart-list.organism.mjs +54 -0
- package/esm2020/organisms/smart-table/index.mjs +3 -0
- package/esm2020/organisms/smart-table/ng-atomic-components-organisms-smart-table.mjs +5 -0
- package/esm2020/organisms/smart-table/smart-table.module.mjs +69 -0
- package/esm2020/organisms/smart-table/smart-table.organism.mjs +57 -0
- package/esm2020/organisms/social-login-section/index.mjs +3 -0
- package/esm2020/organisms/social-login-section/ng-atomic-components-organisms-social-login-section.mjs +5 -0
- package/esm2020/organisms/social-login-section/social-login-section.module.mjs +31 -0
- package/esm2020/organisms/social-login-section/social-login-section.organism.mjs +17 -0
- package/esm2020/organisms/text-input-section/index.mjs +3 -0
- package/esm2020/organisms/text-input-section/ng-atomic-components-organisms-text-input-section.mjs +5 -0
- package/esm2020/organisms/text-input-section/text-input-section.module.mjs +31 -0
- package/esm2020/organisms/text-input-section/text-input-section.organism.mjs +29 -0
- package/esm2020/organisms/textarea-section/index.mjs +3 -0
- package/esm2020/organisms/textarea-section/ng-atomic-components-organisms-textarea-section.mjs +5 -0
- package/esm2020/organisms/textarea-section/textarea-section.module.mjs +27 -0
- package/esm2020/organisms/textarea-section/textarea-section.organism.mjs +17 -0
- package/esm2020/organisms/top-navigator/index.mjs +3 -0
- package/esm2020/organisms/top-navigator/ng-atomic-components-organisms-top-navigator.mjs +5 -0
- package/esm2020/organisms/top-navigator/top-navigator.module.mjs +42 -0
- package/esm2020/organisms/top-navigator/top-navigator.organism.mjs +24 -0
- package/esm2020/pages/_index/index.mjs +3 -0
- package/esm2020/pages/_index/index.module.mjs +31 -0
- package/esm2020/pages/_index/index.page.mjs +11 -0
- package/esm2020/pages/_index/ng-atomic-components-pages-_index.mjs +5 -0
- package/esm2020/pages/blank/blank.module.mjs +25 -0
- package/esm2020/pages/blank/blank.page.mjs +11 -0
- package/esm2020/pages/blank/blank.route.mjs +6 -0
- package/esm2020/pages/blank/index.mjs +4 -0
- package/esm2020/pages/blank/ng-atomic-components-pages-blank.mjs +5 -0
- package/esm2020/templates/entrance/entrance.module.mjs +57 -0
- package/esm2020/templates/entrance/entrance.template.mjs +62 -0
- package/esm2020/templates/entrance/index.mjs +3 -0
- package/esm2020/templates/entrance/ng-atomic-components-templates-entrance.mjs +5 -0
- package/esm2020/templates/loading/index.mjs +3 -0
- package/esm2020/templates/loading/loading.module.mjs +34 -0
- package/esm2020/templates/loading/loading.template.mjs +12 -0
- package/esm2020/templates/loading/ng-atomic-components-templates-loading.mjs +5 -0
- package/esm2020/templates/menu/index.mjs +3 -0
- package/esm2020/templates/menu/menu.module.mjs +28 -0
- package/esm2020/templates/menu/menu.template.mjs +20 -0
- package/esm2020/templates/menu/ng-atomic-components-templates-menu.mjs +5 -0
- package/esm2020/templates/smart-crud/index.mjs +3 -0
- package/esm2020/templates/smart-crud/ng-atomic-components-templates-smart-crud.mjs +5 -0
- package/esm2020/templates/smart-crud/smart-crud.module.mjs +82 -0
- package/esm2020/templates/smart-crud/smart-crud.template.mjs +53 -0
- package/esm2020/templates/smart-index/index.mjs +3 -0
- package/esm2020/templates/smart-index/ng-atomic-components-templates-smart-index.mjs +5 -0
- package/esm2020/templates/smart-index/smart-index.module.mjs +61 -0
- package/esm2020/templates/smart-index/smart-index.template.mjs +92 -0
- package/fesm2015/ng-atomic-components-atoms-chips-input.mjs +102 -0
- package/fesm2015/ng-atomic-components-atoms-chips-input.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-atoms-icon.mjs +65 -0
- package/fesm2015/ng-atomic-components-atoms-icon.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-atoms-smart-menu-button.mjs +63 -0
- package/fesm2015/ng-atomic-components-atoms-smart-menu-button.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-frames-auto-layout.mjs +39 -0
- package/fesm2015/ng-atomic-components-frames-auto-layout.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-frames-card.mjs +47 -0
- package/fesm2015/ng-atomic-components-frames-card.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-frames-drawer.mjs +65 -0
- package/fesm2015/ng-atomic-components-frames-drawer.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-frames-line-up.mjs +199 -0
- package/fesm2015/ng-atomic-components-frames-line-up.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-frames-overlay.mjs +74 -0
- package/fesm2015/ng-atomic-components-frames-overlay.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-frames-scroll.mjs +44 -0
- package/fesm2015/ng-atomic-components-frames-scroll.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-frames-smart-menu.mjs +57 -0
- package/fesm2015/ng-atomic-components-frames-smart-menu.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-molecules-actions-column.mjs +125 -0
- package/fesm2015/ng-atomic-components-molecules-actions-column.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-molecules-checkbox-column.mjs +107 -0
- package/fesm2015/ng-atomic-components-molecules-checkbox-column.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-molecules-chips-input-field.mjs +126 -0
- package/fesm2015/ng-atomic-components-molecules-chips-input-field.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs +80 -0
- package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-molecules-header.mjs +46 -0
- package/fesm2015/ng-atomic-components-molecules-header.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-molecules-navigation-list-item.mjs +63 -0
- package/fesm2015/ng-atomic-components-molecules-navigation-list-item.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs +65 -0
- package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-molecules-smart-column.mjs +92 -0
- package/fesm2015/ng-atomic-components-molecules-smart-column.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-molecules-text-input-field.mjs +73 -0
- package/fesm2015/ng-atomic-components-molecules-text-input-field.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-molecules-textarea-field.mjs +56 -0
- package/fesm2015/ng-atomic-components-molecules-textarea-field.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs +60 -0
- package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-back-navigator.mjs +84 -0
- package/fesm2015/ng-atomic-components-organisms-back-navigator.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-card-input-section.mjs +55 -0
- package/fesm2015/ng-atomic-components-organisms-card-input-section.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +64 -0
- package/fesm2015/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-date-input-section.mjs +56 -0
- package/fesm2015/ng-atomic-components-organisms-date-input-section.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-heading.mjs +45 -0
- package/fesm2015/ng-atomic-components-organisms-heading.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-navigation-list.mjs +60 -0
- package/fesm2015/ng-atomic-components-organisms-navigation-list.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-navigator.mjs +71 -0
- package/fesm2015/ng-atomic-components-organisms-navigator.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-paginator.mjs +80 -0
- package/fesm2015/ng-atomic-components-organisms-paginator.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs +59 -0
- package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-smart-list.mjs +100 -0
- package/fesm2015/ng-atomic-components-organisms-smart-list.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-smart-table.mjs +130 -0
- package/fesm2015/ng-atomic-components-organisms-smart-table.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-social-login-section.mjs +52 -0
- package/fesm2015/ng-atomic-components-organisms-social-login-section.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-text-input-section.mjs +64 -0
- package/fesm2015/ng-atomic-components-organisms-text-input-section.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs +48 -0
- package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-top-navigator.mjs +70 -0
- package/fesm2015/ng-atomic-components-organisms-top-navigator.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-pages-_index.mjs +46 -0
- package/fesm2015/ng-atomic-components-pages-_index.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-pages-blank.mjs +51 -0
- package/fesm2015/ng-atomic-components-pages-blank.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-templates-entrance.mjs +123 -0
- package/fesm2015/ng-atomic-components-templates-entrance.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-templates-loading.mjs +50 -0
- package/fesm2015/ng-atomic-components-templates-loading.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-templates-menu.mjs +52 -0
- package/fesm2015/ng-atomic-components-templates-menu.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-templates-smart-crud.mjs +138 -0
- package/fesm2015/ng-atomic-components-templates-smart-crud.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-templates-smart-index.mjs +156 -0
- package/fesm2015/ng-atomic-components-templates-smart-index.mjs.map +1 -0
- package/fesm2015/ng-atomic-components.mjs +46 -0
- package/fesm2015/ng-atomic-components.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-atoms-chips-input.mjs +102 -0
- package/fesm2020/ng-atomic-components-atoms-chips-input.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-atoms-icon.mjs +65 -0
- package/fesm2020/ng-atomic-components-atoms-icon.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs +63 -0
- package/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-frames-auto-layout.mjs +39 -0
- package/fesm2020/ng-atomic-components-frames-auto-layout.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-frames-card.mjs +47 -0
- package/fesm2020/ng-atomic-components-frames-card.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-frames-drawer.mjs +63 -0
- package/fesm2020/ng-atomic-components-frames-drawer.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-frames-line-up.mjs +198 -0
- package/fesm2020/ng-atomic-components-frames-line-up.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-frames-overlay.mjs +74 -0
- package/fesm2020/ng-atomic-components-frames-overlay.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-frames-scroll.mjs +44 -0
- package/fesm2020/ng-atomic-components-frames-scroll.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-frames-smart-menu.mjs +57 -0
- package/fesm2020/ng-atomic-components-frames-smart-menu.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-molecules-actions-column.mjs +122 -0
- package/fesm2020/ng-atomic-components-molecules-actions-column.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-molecules-checkbox-column.mjs +105 -0
- package/fesm2020/ng-atomic-components-molecules-checkbox-column.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-molecules-chips-input-field.mjs +126 -0
- package/fesm2020/ng-atomic-components-molecules-chips-input-field.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-molecules-date-input-field.mjs +80 -0
- package/fesm2020/ng-atomic-components-molecules-date-input-field.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-molecules-header.mjs +46 -0
- package/fesm2020/ng-atomic-components-molecules-header.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-molecules-navigation-list-item.mjs +63 -0
- package/fesm2020/ng-atomic-components-molecules-navigation-list-item.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs +65 -0
- package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-molecules-smart-column.mjs +92 -0
- package/fesm2020/ng-atomic-components-molecules-smart-column.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-molecules-text-input-field.mjs +73 -0
- package/fesm2020/ng-atomic-components-molecules-text-input-field.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-molecules-textarea-field.mjs +56 -0
- package/fesm2020/ng-atomic-components-molecules-textarea-field.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs +60 -0
- package/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-back-navigator.mjs +84 -0
- package/fesm2020/ng-atomic-components-organisms-back-navigator.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-card-input-section.mjs +55 -0
- package/fesm2020/ng-atomic-components-organisms-card-input-section.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +64 -0
- package/fesm2020/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-date-input-section.mjs +56 -0
- package/fesm2020/ng-atomic-components-organisms-date-input-section.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-heading.mjs +45 -0
- package/fesm2020/ng-atomic-components-organisms-heading.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-navigation-list.mjs +60 -0
- package/fesm2020/ng-atomic-components-organisms-navigation-list.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-navigator.mjs +71 -0
- package/fesm2020/ng-atomic-components-organisms-navigator.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-paginator.mjs +80 -0
- package/fesm2020/ng-atomic-components-organisms-paginator.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-select-input-section.mjs +59 -0
- package/fesm2020/ng-atomic-components-organisms-select-input-section.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-smart-list.mjs +96 -0
- package/fesm2020/ng-atomic-components-organisms-smart-list.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-smart-table.mjs +130 -0
- package/fesm2020/ng-atomic-components-organisms-smart-table.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-social-login-section.mjs +52 -0
- package/fesm2020/ng-atomic-components-organisms-social-login-section.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs +64 -0
- package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs +48 -0
- package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-top-navigator.mjs +70 -0
- package/fesm2020/ng-atomic-components-organisms-top-navigator.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-pages-_index.mjs +46 -0
- package/fesm2020/ng-atomic-components-pages-_index.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-pages-blank.mjs +51 -0
- package/fesm2020/ng-atomic-components-pages-blank.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-templates-entrance.mjs +123 -0
- package/fesm2020/ng-atomic-components-templates-entrance.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-templates-loading.mjs +50 -0
- package/fesm2020/ng-atomic-components-templates-loading.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-templates-menu.mjs +52 -0
- package/fesm2020/ng-atomic-components-templates-menu.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-templates-smart-crud.mjs +139 -0
- package/fesm2020/ng-atomic-components-templates-smart-crud.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-templates-smart-index.mjs +157 -0
- package/fesm2020/ng-atomic-components-templates-smart-index.mjs.map +1 -0
- package/fesm2020/ng-atomic-components.mjs +46 -0
- package/fesm2020/ng-atomic-components.mjs.map +1 -0
- package/frames/auto-layout/auto-layout.frame.d.ts +5 -0
- package/frames/auto-layout/auto-layout.module.d.ts +8 -0
- package/frames/auto-layout/index.d.ts +2 -0
- package/frames/card/card.frame.d.ts +5 -0
- package/frames/card/card.module.d.ts +9 -0
- package/frames/card/index.d.ts +2 -0
- package/frames/drawer/drawer.frame.d.ts +12 -0
- package/frames/drawer/drawer.module.d.ts +9 -0
- package/frames/drawer/index.d.ts +2 -0
- package/frames/line-up/index.d.ts +2 -0
- package/frames/line-up/line-up.animations.d.ts +1 -0
- package/frames/line-up/line-up.frame.d.ts +37 -0
- package/frames/line-up/line-up.module.d.ts +9 -0
- package/frames/line-up/resize-observer.d.ts +3 -0
- package/frames/overlay/index.d.ts +2 -0
- package/frames/overlay/overlay.animations.d.ts +1 -0
- package/frames/overlay/overlay.frame.d.ts +6 -0
- package/frames/overlay/overlay.module.d.ts +9 -0
- package/frames/scroll/index.d.ts +2 -0
- package/frames/scroll/scroll.frame.d.ts +5 -0
- package/frames/scroll/scroll.module.d.ts +9 -0
- package/frames/smart-menu/index.d.ts +2 -0
- package/frames/smart-menu/smart-menu.frame.d.ts +13 -0
- package/frames/smart-menu/smart-menu.module.d.ts +8 -0
- package/index.d.ts +1 -0
- package/molecules/actions-column/actions-column.module.d.ts +13 -0
- package/molecules/actions-column/actions-column.molecule.d.ts +22 -0
- package/molecules/actions-column/index.d.ts +2 -0
- package/molecules/checkbox-column/checkbox-column.module.d.ts +10 -0
- package/molecules/checkbox-column/checkbox-column.molecule.d.ts +20 -0
- package/molecules/checkbox-column/index.d.ts +2 -0
- package/molecules/chips-input-field/chips-input-field.module.d.ts +14 -0
- package/molecules/chips-input-field/chips-input-field.molecule.d.ts +25 -0
- package/molecules/chips-input-field/index.d.ts +2 -0
- package/molecules/date-input-field/date-input-field.module.d.ts +12 -0
- package/molecules/date-input-field/date-input-field.molecule.d.ts +13 -0
- package/molecules/date-input-field/index.d.ts +2 -0
- package/molecules/header/header.module.d.ts +8 -0
- package/molecules/header/header.molecule.d.ts +7 -0
- package/molecules/header/index.d.ts +2 -0
- package/molecules/navigation-list-item/index.d.ts +2 -0
- package/molecules/navigation-list-item/navigation-list-item.module.d.ts +10 -0
- package/molecules/navigation-list-item/navigation-list-item.molecule.d.ts +8 -0
- package/molecules/select-input-field/index.d.ts +2 -0
- package/molecules/select-input-field/select-input-field.module.d.ts +10 -0
- package/molecules/select-input-field/select-input-field.molecule.d.ts +14 -0
- package/molecules/smart-column/index.d.ts +2 -0
- package/molecules/smart-column/smart-column.module.d.ts +15 -0
- package/molecules/smart-column/smart-column.molecule.d.ts +11 -0
- package/molecules/text-input-field/index.d.ts +2 -0
- package/molecules/text-input-field/text-input-field.module.d.ts +10 -0
- package/molecules/text-input-field/text-input-field.molecule.d.ts +12 -0
- package/molecules/textarea-field/index.d.ts +2 -0
- package/molecules/textarea-field/textarea-field.module.d.ts +9 -0
- package/molecules/textarea-field/textarea-field.molecule.d.ts +8 -0
- package/organisms/action-buttons-section/action-buttons-section.module.d.ts +9 -0
- package/organisms/action-buttons-section/action-buttons-section.organism.d.ts +10 -0
- package/organisms/action-buttons-section/index.d.ts +2 -0
- package/organisms/back-navigator/back-navigator.module.d.ts +12 -0
- package/organisms/back-navigator/back-navigator.organism.d.ts +13 -0
- package/organisms/back-navigator/index.d.ts +2 -0
- package/organisms/card-input-section/card-input-section.module.d.ts +9 -0
- package/organisms/card-input-section/card-input-section.organism.d.ts +9 -0
- package/organisms/card-input-section/index.d.ts +2 -0
- package/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.module.d.ts +10 -0
- package/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.d.ts +10 -0
- package/organisms/cvc-and-exp-input-section/index.d.ts +2 -0
- package/organisms/date-input-section/date-input-section.module.d.ts +9 -0
- package/organisms/date-input-section/date-input-section.organism.d.ts +10 -0
- package/organisms/date-input-section/index.d.ts +2 -0
- package/organisms/heading/heading.module.d.ts +8 -0
- package/organisms/heading/heading.organism.d.ts +6 -0
- package/organisms/heading/index.d.ts +2 -0
- package/organisms/navigation-list/index.d.ts +2 -0
- package/organisms/navigation-list/navigation-list.module.d.ts +10 -0
- package/organisms/navigation-list/navigation-list.organism.d.ts +9 -0
- package/organisms/navigator/index.d.ts +2 -0
- package/organisms/navigator/navigator.module.d.ts +12 -0
- package/organisms/navigator/navigator.organism.d.ts +10 -0
- package/organisms/paginator/index.d.ts +2 -0
- package/organisms/paginator/paginator.module.d.ts +11 -0
- package/organisms/paginator/paginator.organism.d.ts +13 -0
- package/organisms/select-input-section/index.d.ts +2 -0
- package/organisms/select-input-section/select-input-section.module.d.ts +9 -0
- package/organisms/select-input-section/select-input-section.organism.d.ts +12 -0
- package/organisms/smart-list/index.d.ts +2 -0
- package/organisms/smart-list/smart-list.module.d.ts +12 -0
- package/organisms/smart-list/smart-list.organism.d.ts +21 -0
- package/organisms/smart-table/index.d.ts +2 -0
- package/organisms/smart-table/smart-table.module.d.ts +17 -0
- package/organisms/smart-table/smart-table.organism.d.ts +25 -0
- package/organisms/social-login-section/index.d.ts +2 -0
- package/organisms/social-login-section/social-login-section.module.d.ts +9 -0
- package/organisms/social-login-section/social-login-section.organism.d.ts +7 -0
- package/organisms/text-input-section/index.d.ts +2 -0
- package/organisms/text-input-section/text-input-section.module.d.ts +9 -0
- package/organisms/text-input-section/text-input-section.organism.d.ts +11 -0
- package/organisms/textarea-section/index.d.ts +2 -0
- package/organisms/textarea-section/textarea-section.module.d.ts +9 -0
- package/organisms/textarea-section/textarea-section.organism.d.ts +6 -0
- package/organisms/top-navigator/index.d.ts +2 -0
- package/organisms/top-navigator/top-navigator.module.d.ts +11 -0
- package/organisms/top-navigator/top-navigator.organism.d.ts +13 -0
- package/package.json +390 -0
- package/pages/_index/index.d.ts +2 -0
- package/pages/_index/index.module.d.ts +9 -0
- package/pages/_index/index.page.d.ts +5 -0
- package/pages/blank/blank.module.d.ts +9 -0
- package/pages/blank/blank.page.d.ts +5 -0
- package/pages/blank/blank.route.d.ts +2 -0
- package/pages/blank/index.d.ts +3 -0
- package/templates/entrance/entrance.module.d.ts +14 -0
- package/templates/entrance/entrance.template.d.ts +23 -0
- package/templates/entrance/index.d.ts +2 -0
- package/templates/loading/index.d.ts +2 -0
- package/templates/loading/loading.module.d.ts +9 -0
- package/templates/loading/loading.template.d.ts +5 -0
- package/templates/menu/index.d.ts +2 -0
- package/templates/menu/menu.module.d.ts +9 -0
- package/templates/menu/menu.template.d.ts +9 -0
- package/templates/smart-crud/index.d.ts +2 -0
- package/templates/smart-crud/smart-crud.module.d.ts +19 -0
- package/templates/smart-crud/smart-crud.template.d.ts +22 -0
- package/templates/smart-index/index.d.ts +2 -0
- package/templates/smart-index/smart-index.module.d.ts +15 -0
- package/templates/smart-index/smart-index.template.d.ts +34 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-molecules-textarea-field.mjs","sources":["../../../../../packages/@ng-atomic/components/src/molecules/textarea-field/textarea-field.molecule.ts","../../../../../packages/@ng-atomic/components/src/molecules/textarea-field/textarea-field.molecule.html","../../../../../packages/@ng-atomic/components/src/molecules/textarea-field/textarea-field.module.ts","../../../../../packages/@ng-atomic/components/src/molecules/textarea-field/ng-atomic-components-molecules-textarea-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'molecules-textarea-field',\n templateUrl: './textarea-field.molecule.html',\n styleUrls: ['./textarea-field.molecule.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'molecule field'},\n})\nexport class TextareaFieldMolecule {\n\n @Input()\n label = 'label';\n\n @Input()\n hint?: string;\n\n @Input()\n placeholder = 'placeholder';\n\n}\n","<mat-form-field class=\"example-full-width\">\n <mat-label>{{ label }}</mat-label>\n <textarea matInput [placeholder]=\"placeholder\" rows=\"10\"></textarea>\n <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { TextareaFieldMolecule } from './textarea-field.molecule';\n\n\n@NgModule({\n declarations: [TextareaFieldMolecule],\n imports: [\n CommonModule,\n // Material\n MatInputModule,\n ],\n exports: [TextareaFieldMolecule],\n bootstrap: [TextareaFieldMolecule],\n})\nexport class TextareaFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MASa,qBAAqB,CAAA;AAPlC,IAAA,WAAA,GAAA;QAUE,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAMhB,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;AAE7B,KAAA;;kHAXY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,kLCTlC,sOAIiB,EAAA,MAAA,EAAA,CAAA,mEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDKJ,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;+BACE,0BAA0B,EAAA,eAAA,EAGnB,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,gBAAgB,EAAC,EAAA,QAAA,EAAA,sOAAA,EAAA,MAAA,EAAA,CAAA,mEAAA,CAAA,EAAA,CAAA;8BAK/B,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;;;MEAK,mBAAmB,CAAA;;gHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAFlB,SAAA,EAAA,CAAA,qBAAqB,CAPlB,EAAA,YAAA,EAAA,CAAA,qBAAqB,aAElC,YAAY;;AAEZ,QAAA,cAAc,aAEN,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAGpB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAP5B,YAAY;;QAEZ,cAAc,CAAA,EAAA,CAAA,CAAA;2FAKL,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAV/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,qBAAqB,CAAC;AACrC,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,cAAc;AACf,qBAAA;oBACD,OAAO,EAAE,CAAC,qBAAqB,CAAC;oBAChC,SAAS,EAAE,CAAC,qBAAqB,CAAC;AACnC,iBAAA,CAAA;;;AChBD;;AAEG;;;;"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import * as i2 from '@angular/material/button';
|
|
6
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
7
|
+
|
|
8
|
+
class ActionButtonsSectionOrganism {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.actions = [];
|
|
11
|
+
this.action = new EventEmitter();
|
|
12
|
+
this.trackById = (item) => item.id;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
ActionButtonsSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ActionButtonsSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
ActionButtonsSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: { actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "organism section" }, ngImport: i0, template: "<ng-container *ngFor=\"let _action of actions; trackBy: trackById\">\n <button mat-raised-button color=\"primary\" [disabled]=\"_action?.disabled\" (click)=\"action.emit(_action)\">{{ _action?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-3PSp: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-3PSp);box-sizing:border-box}:host button{width:100%;height:48px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ActionButtonsSectionOrganism, decorators: [{
|
|
18
|
+
type: Component,
|
|
19
|
+
args: [{ selector: 'organisms-action-buttons-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<ng-container *ngFor=\"let _action of actions; trackBy: trackById\">\n <button mat-raised-button color=\"primary\" [disabled]=\"_action?.disabled\" (click)=\"action.emit(_action)\">{{ _action?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-3PSp: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-3PSp);box-sizing:border-box}:host button{width:100%;height:48px}\n"] }]
|
|
20
|
+
}], propDecorators: { actions: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}], action: [{
|
|
23
|
+
type: Output
|
|
24
|
+
}] } });
|
|
25
|
+
|
|
26
|
+
class ActionButtonsSectionModule {
|
|
27
|
+
}
|
|
28
|
+
ActionButtonsSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ActionButtonsSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
29
|
+
ActionButtonsSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: ActionButtonsSectionModule, bootstrap: [ActionButtonsSectionOrganism], declarations: [ActionButtonsSectionOrganism], imports: [CommonModule,
|
|
30
|
+
// Materials
|
|
31
|
+
MatButtonModule], exports: [ActionButtonsSectionOrganism] });
|
|
32
|
+
ActionButtonsSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ActionButtonsSectionModule, imports: [CommonModule,
|
|
33
|
+
// Materials
|
|
34
|
+
MatButtonModule] });
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ActionButtonsSectionModule, decorators: [{
|
|
36
|
+
type: NgModule,
|
|
37
|
+
args: [{
|
|
38
|
+
declarations: [
|
|
39
|
+
ActionButtonsSectionOrganism
|
|
40
|
+
],
|
|
41
|
+
imports: [
|
|
42
|
+
CommonModule,
|
|
43
|
+
// Materials
|
|
44
|
+
MatButtonModule,
|
|
45
|
+
],
|
|
46
|
+
exports: [
|
|
47
|
+
ActionButtonsSectionOrganism
|
|
48
|
+
],
|
|
49
|
+
bootstrap: [
|
|
50
|
+
ActionButtonsSectionOrganism,
|
|
51
|
+
],
|
|
52
|
+
}]
|
|
53
|
+
}] });
|
|
54
|
+
|
|
55
|
+
/**
|
|
56
|
+
* Generated bundle index. Do not edit.
|
|
57
|
+
*/
|
|
58
|
+
|
|
59
|
+
export { ActionButtonsSectionModule, ActionButtonsSectionOrganism };
|
|
60
|
+
//# sourceMappingURL=ng-atomic-components-organisms-action-buttons-section.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-action-buttons-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/action-buttons-section/action-buttons-section.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'organisms-action-buttons-section',\n templateUrl: './action-buttons-section.organism.html',\n styleUrls: ['./action-buttons-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'organism section'},\n})\nexport class ActionButtonsSectionOrganism {\n @Input()\n actions: Action[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n trackById = (item: ActionItem) => item.id;\n}\n","<ng-container *ngFor=\"let _action of actions; trackBy: trackById\">\n <button mat-raised-button color=\"primary\" [disabled]=\"_action?.disabled\" (click)=\"action.emit(_action)\">{{ _action?.name }}</button>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { ActionButtonsSectionOrganism } from './action-buttons-section.organism';\n\n@NgModule({\n declarations: [\n ActionButtonsSectionOrganism\n ],\n imports: [\n CommonModule,\n // Materials\n MatButtonModule,\n ],\n exports: [\n ActionButtonsSectionOrganism\n ],\n bootstrap: [\n ActionButtonsSectionOrganism,\n ],\n})\nexport class ActionButtonsSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAUa,4BAA4B,CAAA;AAPzC,IAAA,WAAA,GAAA;QASE,IAAO,CAAA,OAAA,GAAa,EAAE,CAAC;AAGvB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;QAEpC,IAAS,CAAA,SAAA,GAAG,CAAC,IAAgB,KAAK,IAAI,CAAC,EAAE,CAAC;AAC3C,KAAA;;yHARY,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,4BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,qLCVzC,qOAEe,EAAA,MAAA,EAAA,CAAA,wTAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,4LAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDQF,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;+BACE,kCAAkC,EAAA,eAAA,EAG3B,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,kBAAkB,EAAC,EAAA,QAAA,EAAA,qOAAA,EAAA,MAAA,EAAA,CAAA,wTAAA,CAAA,EAAA,CAAA;8BAIjC,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MEQI,0BAA0B,CAAA;;uHAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA1B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,EAHnC,SAAA,EAAA,CAAA,4BAA4B,CAX5B,EAAA,YAAA,EAAA,CAAA,4BAA4B,aAG5B,YAAY;;AAEZ,QAAA,eAAe,aAGf,4BAA4B,CAAA,EAAA,CAAA,CAAA;AAMnB,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,YAXnC,YAAY;;QAEZ,eAAe,CAAA,EAAA,CAAA,CAAA;2FASN,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAhBtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,4BAA4B;AAC7B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,4BAA4B;AAC7B,qBAAA;AACD,oBAAA,SAAS,EAAE;wBACT,4BAA4B;AAC7B,qBAAA;AACF,iBAAA,CAAA;;;ACrBD;;AAEG;;;;"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
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/toolbar';
|
|
10
|
+
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
11
|
+
import * as i5 from '@ng-atomic/components/atoms/smart-menu-button';
|
|
12
|
+
import { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
|
|
13
|
+
|
|
14
|
+
class BackNavigatorOrganism {
|
|
15
|
+
constructor() {
|
|
16
|
+
this.canBack = true;
|
|
17
|
+
this.items = [];
|
|
18
|
+
this.backButtonClick = new EventEmitter();
|
|
19
|
+
this.action = new EventEmitter();
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
BackNavigatorOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: BackNavigatorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
BackNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: { canBack: "canBack", title: "title", description: "description", items: "items" }, outputs: { backButtonClick: "backButtonClick", action: "action" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n <div>\n <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n <mat-icon>arrow_back</mat-icon>\n </button>\n <div class=\"text\">\n <span class=\"title\">{{ title || '' }}</span>\n <span class=\"description\">{{ description || '' }}</span>\n </div>\n </div>\n <div>\n <atoms-smart-menu-button\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></atoms-smart-menu-button>\n </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-back-navigator-absp: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-absp)}:host div.text{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host div.text .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i5.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["items"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: BackNavigatorOrganism, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'organisms-back-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n <div>\n <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n <mat-icon>arrow_back</mat-icon>\n </button>\n <div class=\"text\">\n <span class=\"title\">{{ title || '' }}</span>\n <span class=\"description\">{{ description || '' }}</span>\n </div>\n </div>\n <div>\n <atoms-smart-menu-button\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></atoms-smart-menu-button>\n </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-back-navigator-absp: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-absp)}:host div.text{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host div.text .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
|
|
27
|
+
}], propDecorators: { canBack: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], title: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], description: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], items: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], backButtonClick: [{
|
|
36
|
+
type: Output
|
|
37
|
+
}], action: [{
|
|
38
|
+
type: Output
|
|
39
|
+
}] } });
|
|
40
|
+
|
|
41
|
+
class BackNavigatorModule {
|
|
42
|
+
}
|
|
43
|
+
BackNavigatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: BackNavigatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
44
|
+
BackNavigatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: BackNavigatorModule, declarations: [BackNavigatorOrganism], imports: [CommonModule,
|
|
45
|
+
// Material
|
|
46
|
+
MatButtonModule,
|
|
47
|
+
MatIconModule,
|
|
48
|
+
MatToolbarModule,
|
|
49
|
+
// Atoms
|
|
50
|
+
SmartMenuButtonModule], exports: [BackNavigatorOrganism] });
|
|
51
|
+
BackNavigatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: BackNavigatorModule, imports: [CommonModule,
|
|
52
|
+
// Material
|
|
53
|
+
MatButtonModule,
|
|
54
|
+
MatIconModule,
|
|
55
|
+
MatToolbarModule,
|
|
56
|
+
// Atoms
|
|
57
|
+
SmartMenuButtonModule] });
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: BackNavigatorModule, decorators: [{
|
|
59
|
+
type: NgModule,
|
|
60
|
+
args: [{
|
|
61
|
+
declarations: [
|
|
62
|
+
BackNavigatorOrganism
|
|
63
|
+
],
|
|
64
|
+
imports: [
|
|
65
|
+
CommonModule,
|
|
66
|
+
// Material
|
|
67
|
+
MatButtonModule,
|
|
68
|
+
MatIconModule,
|
|
69
|
+
MatToolbarModule,
|
|
70
|
+
// Atoms
|
|
71
|
+
SmartMenuButtonModule,
|
|
72
|
+
],
|
|
73
|
+
exports: [
|
|
74
|
+
BackNavigatorOrganism
|
|
75
|
+
]
|
|
76
|
+
}]
|
|
77
|
+
}] });
|
|
78
|
+
|
|
79
|
+
/**
|
|
80
|
+
* Generated bundle index. Do not edit.
|
|
81
|
+
*/
|
|
82
|
+
|
|
83
|
+
export { BackNavigatorModule, BackNavigatorOrganism };
|
|
84
|
+
//# sourceMappingURL=ng-atomic-components-organisms-back-navigator.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-back-navigator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/back-navigator/back-navigator.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/back-navigator/back-navigator.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/back-navigator/back-navigator.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/back-navigator/ng-atomic-components-organisms-back-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'organisms-back-navigator',\n templateUrl: './back-navigator.organism.html',\n styleUrls: ['./back-navigator.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BackNavigatorOrganism {\n\n @Input()\n canBack = true;\n\n @Input()\n title?: string;\n\n @Input()\n description?: string;\n\n @Input()\n items: ActionItem[] = [];\n\n @Output()\n backButtonClick = new EventEmitter<void>();\n\n @Output()\n action = new EventEmitter<Action>();\n\n}\n","<mat-toolbar color=\"primary\">\n <div>\n <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n <mat-icon>arrow_back</mat-icon>\n </button>\n <div class=\"text\">\n <span class=\"title\">{{ title || '' }}</span>\n <span class=\"description\">{{ description || '' }}</span>\n </div>\n </div>\n <div>\n <atoms-smart-menu-button\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></atoms-smart-menu-button>\n </div>\n</mat-toolbar>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\n\nimport { BackNavigatorOrganism } from './back-navigator.organism';\n\n@NgModule({\n declarations: [\n BackNavigatorOrganism\n ],\n imports: [\n CommonModule,\n // Material\n MatButtonModule,\n MatIconModule,\n MatToolbarModule,\n // Atoms\n SmartMenuButtonModule,\n ],\n exports: [\n BackNavigatorOrganism\n ]\n})\nexport class BackNavigatorModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
|
|
3
|
+
import { FormControl } from '@ngneat/reactive-forms';
|
|
4
|
+
import * as i1 from '@ng-atomic/components/molecules/text-input-field';
|
|
5
|
+
import { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';
|
|
6
|
+
import { CommonModule } from '@angular/common';
|
|
7
|
+
|
|
8
|
+
class CardInputSectionOrganism {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.control = new FormControl('');
|
|
11
|
+
this.label = 'カード番号';
|
|
12
|
+
this.placeholder = 'XXXX-XXXX-XXXX-XXXX';
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
CardInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CardInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
CardInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: CardInputSectionOrganism, selector: "organisms-card-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, ngImport: i0, template: "<molecules-text-input-field\n type=\"text\"\n name=\"cardNumber\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-Islf: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-Islf);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CardInputSectionOrganism, decorators: [{
|
|
18
|
+
type: Component,
|
|
19
|
+
args: [{ selector: 'organisms-card-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n type=\"text\"\n name=\"cardNumber\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-Islf: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-Islf);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
|
|
20
|
+
}], propDecorators: { control: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}], label: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}], placeholder: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}] } });
|
|
27
|
+
|
|
28
|
+
class CardInputSectionModule {
|
|
29
|
+
}
|
|
30
|
+
CardInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CardInputSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
31
|
+
CardInputSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: CardInputSectionModule, declarations: [CardInputSectionOrganism], imports: [CommonModule,
|
|
32
|
+
// Molecules
|
|
33
|
+
TextInputFieldModule], exports: [CardInputSectionOrganism] });
|
|
34
|
+
CardInputSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CardInputSectionModule, imports: [CommonModule,
|
|
35
|
+
// Molecules
|
|
36
|
+
TextInputFieldModule] });
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CardInputSectionModule, decorators: [{
|
|
38
|
+
type: NgModule,
|
|
39
|
+
args: [{
|
|
40
|
+
declarations: [CardInputSectionOrganism],
|
|
41
|
+
imports: [
|
|
42
|
+
CommonModule,
|
|
43
|
+
// Molecules
|
|
44
|
+
TextInputFieldModule,
|
|
45
|
+
],
|
|
46
|
+
exports: [CardInputSectionOrganism]
|
|
47
|
+
}]
|
|
48
|
+
}] });
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* Generated bundle index. Do not edit.
|
|
52
|
+
*/
|
|
53
|
+
|
|
54
|
+
export { CardInputSectionModule, CardInputSectionOrganism };
|
|
55
|
+
//# sourceMappingURL=ng-atomic-components-organisms-card-input-section.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-card-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/card-input-section/card-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/card-input-section/card-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/card-input-section/card-input-section.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/card-input-section/ng-atomic-components-organisms-card-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n selector: 'organisms-card-input-section',\n templateUrl: './card-input-section.organism.html',\n styleUrls: ['./card-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardInputSectionOrganism {\n\n @Input()\n control = new FormControl('');\n\n @Input()\n label = 'カード番号';\n\n @Input()\n placeholder = 'XXXX-XXXX-XXXX-XXXX';\n\n}\n","<molecules-text-input-field\n type=\"text\"\n name=\"cardNumber\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';\n\nimport { CardInputSectionOrganism } from './card-input-section.organism';\n\n\n\n@NgModule({\n declarations: [CardInputSectionOrganism],\n imports: [\n CommonModule,\n // Molecules\n TextInputFieldModule,\n ],\n exports: [CardInputSectionOrganism]\n})\nexport class CardInputSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MASa,wBAAwB,CAAA;AANrC,IAAA,WAAA,GAAA;AASE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAG9B,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAGhB,IAAW,CAAA,WAAA,GAAG,qBAAqB,CAAC;AAErC,KAAA;;qHAXY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,gJCTrC,oLAM8B,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDGjB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;+BACE,8BAA8B,EAAA,eAAA,EAGvB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oLAAA,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,CAAA;8BAK/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;;;MEAK,sBAAsB,CAAA;;mHAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAAtB,sBAAsB,EAAA,YAAA,EAAA,CARlB,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAErC,YAAY;;AAEZ,QAAA,oBAAoB,aAEZ,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAEvB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,YAN/B,YAAY;;QAEZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAIX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBATlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,wBAAwB,CAAC;AACxC,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,oBAAoB;AACrB,qBAAA;oBACD,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACpC,iBAAA,CAAA;;;AChBD;;AAEG;;;;"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
|
|
3
|
+
import { UntypedFormGroup } from '@angular/forms';
|
|
4
|
+
import { FormControl } from '@ngneat/reactive-forms';
|
|
5
|
+
import * as i1 from '@ng-atomic/components/molecules/select-input-field';
|
|
6
|
+
import { SelectInputFieldModule } from '@ng-atomic/components/molecules/select-input-field';
|
|
7
|
+
import * as i2 from '@ng-atomic/components/molecules/text-input-field';
|
|
8
|
+
import { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';
|
|
9
|
+
import { CommonModule } from '@angular/common';
|
|
10
|
+
|
|
11
|
+
const generateOptions = (n, start) => {
|
|
12
|
+
return [...Array(n)].map((_, i) => i + start).map(i => ({ name: `${i}`, value: i }));
|
|
13
|
+
};
|
|
14
|
+
class CvcAndExpInputSectionOrganism {
|
|
15
|
+
constructor() {
|
|
16
|
+
this.yearOptions = generateOptions(6, 2022);
|
|
17
|
+
this.monthOptions = generateOptions(12, 1);
|
|
18
|
+
this.form = new UntypedFormGroup({
|
|
19
|
+
expMonth: new FormControl(12),
|
|
20
|
+
expYear: new FormControl(2022),
|
|
21
|
+
cvc: new FormControl(''),
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
CvcAndExpInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CvcAndExpInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
CvcAndExpInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: CvcAndExpInputSectionOrganism, selector: "organisms-cvc-and-exp-input-section", inputs: { form: "form" }, ngImport: i0, template: "<molecules-select-input-field\n class=\"year field\"\n label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n [control]=\"form.get('expYear')\"\n [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n class=\"month field\"\n label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n [control]=\"form.get('expMonth')\"\n [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n class=\"cvc field\"\n type=\"text\"\n name=\"cardNumber\"\n label=\"CVC\"\n placeholder=\"4\u6841\u306E\u756A\u53F7\"\n [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-MX9D: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-MX9D);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"], dependencies: [{ kind: "component", type: i1.SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }, { kind: "component", type: i2.TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CvcAndExpInputSectionOrganism, decorators: [{
|
|
28
|
+
type: Component,
|
|
29
|
+
args: [{ selector: 'organisms-cvc-and-exp-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n class=\"year field\"\n label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n [control]=\"form.get('expYear')\"\n [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n class=\"month field\"\n label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n [control]=\"form.get('expMonth')\"\n [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n class=\"cvc field\"\n type=\"text\"\n name=\"cardNumber\"\n label=\"CVC\"\n placeholder=\"4\u6841\u306E\u756A\u53F7\"\n [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-MX9D: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-MX9D);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
|
|
30
|
+
}], propDecorators: { form: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}] } });
|
|
33
|
+
|
|
34
|
+
class CvcAndExpInputSectionModule {
|
|
35
|
+
}
|
|
36
|
+
CvcAndExpInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CvcAndExpInputSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
37
|
+
CvcAndExpInputSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: CvcAndExpInputSectionModule, declarations: [CvcAndExpInputSectionOrganism], imports: [CommonModule,
|
|
38
|
+
// Molecules
|
|
39
|
+
SelectInputFieldModule,
|
|
40
|
+
TextInputFieldModule], exports: [CvcAndExpInputSectionOrganism] });
|
|
41
|
+
CvcAndExpInputSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CvcAndExpInputSectionModule, imports: [CommonModule,
|
|
42
|
+
// Molecules
|
|
43
|
+
SelectInputFieldModule,
|
|
44
|
+
TextInputFieldModule] });
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CvcAndExpInputSectionModule, decorators: [{
|
|
46
|
+
type: NgModule,
|
|
47
|
+
args: [{
|
|
48
|
+
declarations: [CvcAndExpInputSectionOrganism],
|
|
49
|
+
imports: [
|
|
50
|
+
CommonModule,
|
|
51
|
+
// Molecules
|
|
52
|
+
SelectInputFieldModule,
|
|
53
|
+
TextInputFieldModule,
|
|
54
|
+
],
|
|
55
|
+
exports: [CvcAndExpInputSectionOrganism]
|
|
56
|
+
}]
|
|
57
|
+
}] });
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Generated bundle index. Do not edit.
|
|
61
|
+
*/
|
|
62
|
+
|
|
63
|
+
export { CvcAndExpInputSectionModule, CvcAndExpInputSectionOrganism };
|
|
64
|
+
//# sourceMappingURL=ng-atomic-components-organisms-cvc-and-exp-input-section.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-cvc-and-exp-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/cvc-and-exp-input-section/ng-atomic-components-organisms-cvc-and-exp-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UntypedFormGroup } from '@angular/forms';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { Option } from '@ng-atomic/components/molecules/select-input-field';\n\nconst generateOptions = (n: number, start: number): Option<number>[] => {\n return [...Array(n)].map((_, i) => i + start).map(i => ({name: `${i}`, value: i}));\n};\n\n@Component({\n selector: 'organisms-cvc-and-exp-input-section',\n templateUrl: './cvc-and-exp-input-section.organism.html',\n styleUrls: ['./cvc-and-exp-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CvcAndExpInputSectionOrganism {\n\n yearOptions: Option<number>[] = generateOptions(6, 2022);\n monthOptions: Option<number>[] = generateOptions(12, 1);\n\n @Input()\n form = new UntypedFormGroup({\n expMonth: new FormControl(12),\n expYear: new FormControl(2022),\n cvc: new FormControl(''),\n });\n\n}\n","<molecules-select-input-field\n class=\"year field\"\n label=\"有効期限(年)\"\n [control]=\"form.get('expYear')\"\n [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n class=\"month field\"\n label=\"有効期限(月)\"\n [control]=\"form.get('expMonth')\"\n [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n class=\"cvc field\"\n type=\"text\"\n name=\"cardNumber\"\n label=\"CVC\"\n placeholder=\"4桁の番号\"\n [control]=\"form.get('cvc')\"\n></molecules-text-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';\nimport { SelectInputFieldModule } from '@ng-atomic/components/molecules/select-input-field';\n\nimport { CvcAndExpInputSectionOrganism } from './cvc-and-exp-input-section.organism';\n\n\n@NgModule({\n declarations: [CvcAndExpInputSectionOrganism],\n imports: [\n CommonModule,\n // Molecules\n SelectInputFieldModule,\n TextInputFieldModule,\n ],\n exports: [CvcAndExpInputSectionOrganism]\n})\nexport class CvcAndExpInputSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
import * as i1 from '@ng-atomic/components/molecules/date-input-field';
|
|
5
|
+
import { DateInputFieldModule } from '@ng-atomic/components/molecules/date-input-field';
|
|
6
|
+
import { FormControl } from '@ngneat/reactive-forms';
|
|
7
|
+
|
|
8
|
+
class DateInputSectionOrganism {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.control = new FormControl();
|
|
11
|
+
this.label = '';
|
|
12
|
+
this.placeholder = '';
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
DateInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DateInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
DateInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, host: { classAttribute: "organism section" }, ngImport: i0, template: "<molecules-date-input-field\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-date-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-nEZD: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-nEZD);box-sizing:border-box}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: ["control", "label", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DateInputSectionOrganism, decorators: [{
|
|
18
|
+
type: Component,
|
|
19
|
+
args: [{ selector: 'organisms-date-input-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<molecules-date-input-field\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-date-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-nEZD: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-nEZD);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
|
|
20
|
+
}], propDecorators: { control: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}], label: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}], placeholder: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}] } });
|
|
27
|
+
|
|
28
|
+
class DateInputSectionModule {
|
|
29
|
+
}
|
|
30
|
+
DateInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DateInputSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
31
|
+
DateInputSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: DateInputSectionModule, declarations: [DateInputSectionOrganism], imports: [CommonModule,
|
|
32
|
+
DateInputFieldModule], exports: [DateInputSectionOrganism] });
|
|
33
|
+
DateInputSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DateInputSectionModule, imports: [CommonModule,
|
|
34
|
+
DateInputFieldModule] });
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DateInputSectionModule, decorators: [{
|
|
36
|
+
type: NgModule,
|
|
37
|
+
args: [{
|
|
38
|
+
declarations: [
|
|
39
|
+
DateInputSectionOrganism
|
|
40
|
+
],
|
|
41
|
+
imports: [
|
|
42
|
+
CommonModule,
|
|
43
|
+
DateInputFieldModule,
|
|
44
|
+
],
|
|
45
|
+
exports: [
|
|
46
|
+
DateInputSectionOrganism
|
|
47
|
+
],
|
|
48
|
+
}]
|
|
49
|
+
}] });
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
* Generated bundle index. Do not edit.
|
|
53
|
+
*/
|
|
54
|
+
|
|
55
|
+
export { DateInputSectionModule, DateInputSectionOrganism };
|
|
56
|
+
//# sourceMappingURL=ng-atomic-components-organisms-date-input-section.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-date-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/date-input-section/date-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/date-input-section/date-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/date-input-section/date-input-section.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/date-input-section/ng-atomic-components-organisms-date-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport dayjs from 'dayjs';\n\n@Component({\n selector: 'organisms-date-input-section',\n templateUrl: './date-input-section.organism.html',\n styleUrls: ['./date-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'organism section'},\n})\nexport class DateInputSectionOrganism {\n @Input()\n control = new FormControl<dayjs.Dayjs>();\n\n @Input()\n label = '';\n\n @Input()\n placeholder = '';\n}\n","<molecules-date-input-field\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-date-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DateInputFieldModule } from '@ng-atomic/components/molecules/date-input-field';\n\nimport { DateInputSectionOrganism } from './date-input-section.organism';\n\n@NgModule({\n declarations: [\n DateInputSectionOrganism\n ],\n imports: [\n CommonModule,\n DateInputFieldModule,\n ],\n exports: [\n DateInputSectionOrganism\n ],\n})\nexport class DateInputSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAWa,wBAAwB,CAAA;AAPrC,IAAA,WAAA,GAAA;AASE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAe,CAAC;QAGzC,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;QAGX,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AAClB,KAAA;;qHATY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,8LCXrC,4IAI8B,EAAA,MAAA,EAAA,CAAA,kRAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDOjB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;+BACE,8BAA8B,EAAA,eAAA,EAGvB,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,kBAAkB,EAAC,EAAA,QAAA,EAAA,4IAAA,EAAA,MAAA,EAAA,CAAA,kRAAA,CAAA,EAAA,CAAA;8BAIjC,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;;;MEAK,sBAAsB,CAAA;;mHAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAAtB,sBAAsB,EAAA,YAAA,EAAA,CAV/B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxB,YAAY;AACZ,QAAA,oBAAoB,aAGpB,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAGf,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,YAP/B,YAAY;QACZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAMX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;AACF,iBAAA,CAAA;;;ACjBD;;AAEG;;;;"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
|
|
6
|
+
class HeadingOrganism {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.level = 1;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
HeadingOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: HeadingOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
HeadingOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: HeadingOrganism, selector: "organisms-heading", inputs: { level: "level" }, ngImport: i0, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-7TBo: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-7TBo)}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: HeadingOrganism, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{ selector: 'organisms-heading', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-7TBo: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-7TBo)}\n"] }]
|
|
16
|
+
}], propDecorators: { level: [{
|
|
17
|
+
type: Input
|
|
18
|
+
}] } });
|
|
19
|
+
|
|
20
|
+
class HeadingModule {
|
|
21
|
+
}
|
|
22
|
+
HeadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: HeadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
23
|
+
HeadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: HeadingModule, declarations: [HeadingOrganism], imports: [CommonModule], exports: [HeadingOrganism] });
|
|
24
|
+
HeadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: HeadingModule, imports: [CommonModule] });
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: HeadingModule, decorators: [{
|
|
26
|
+
type: NgModule,
|
|
27
|
+
args: [{
|
|
28
|
+
declarations: [
|
|
29
|
+
HeadingOrganism
|
|
30
|
+
],
|
|
31
|
+
imports: [
|
|
32
|
+
CommonModule
|
|
33
|
+
],
|
|
34
|
+
exports: [
|
|
35
|
+
HeadingOrganism
|
|
36
|
+
]
|
|
37
|
+
}]
|
|
38
|
+
}] });
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* Generated bundle index. Do not edit.
|
|
42
|
+
*/
|
|
43
|
+
|
|
44
|
+
export { HeadingModule, HeadingOrganism };
|
|
45
|
+
//# sourceMappingURL=ng-atomic-components-organisms-heading.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-heading.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/heading/heading.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/heading/heading.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/heading/heading.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/heading/ng-atomic-components-organisms-heading.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'organisms-heading',\n templateUrl: './heading.organism.html',\n styleUrls: ['./heading.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeadingOrganism {\n @Input()\n level: 1 | 2 | 3 | 4 | 5 | 6 = 1;\n}\n","<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { HeadingOrganism } from './heading.organism';\n\n\n@NgModule({\n declarations: [\n HeadingOrganism\n ],\n imports: [\n CommonModule\n ],\n exports: [\n HeadingOrganism\n ]\n})\nexport class HeadingModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAQa,eAAe,CAAA;AAN5B,IAAA,WAAA,GAAA;QAQE,IAAK,CAAA,KAAA,GAA0B,CAAC,CAAC;AAClC,KAAA;;4GAHY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,qFCR5B,6oBASe,EAAA,MAAA,EAAA,CAAA,4NAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDDF,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;+BACE,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6oBAAA,EAAA,MAAA,EAAA,CAAA,4NAAA,CAAA,EAAA,CAAA;8BAI/C,KAAK,EAAA,CAAA;sBADJ,KAAK;;;MEQK,aAAa,CAAA;;0GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EATtB,YAAA,EAAA,CAAA,eAAe,CAGf,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,eAAe,CAAA,EAAA,CAAA,CAAA;AAGN,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YANtB,YAAY,CAAA,EAAA,CAAA,CAAA;2FAMH,aAAa,EAAA,UAAA,EAAA,CAAA;kBAXzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;AAChB,qBAAA;AACF,iBAAA,CAAA;;;AChBD;;AAEG;;;;"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import * as i2 from '@angular/material/list';
|
|
6
|
+
import { MatListModule } from '@angular/material/list';
|
|
7
|
+
import * as i3 from '@ng-atomic/components/molecules/navigation-list-item';
|
|
8
|
+
import { NavigationListItemModule } from '@ng-atomic/components/molecules/navigation-list-item';
|
|
9
|
+
|
|
10
|
+
class NavigationListOrganism {
|
|
11
|
+
constructor() {
|
|
12
|
+
this.items = [];
|
|
13
|
+
this.action = new EventEmitter();
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
NavigationListOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: NavigationListOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
NavigationListOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: NavigationListOrganism, selector: "organisms-navigation-list", inputs: { items: "items" }, outputs: { action: "action" }, ngImport: i0, template: "<mat-selection-list [multiple]=\"false\">\n <molecules-navigation-list-item\n *ngFor=\"let item of items\" \n [item]=\"item\"\n (click)=\"action.emit(item)\"\n ></molecules-navigation-list-item>\n</mat-selection-list>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-NcFF: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-NcFF: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-NcFF: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-NcFF);color:var(--color-SCOPED-IN-navigation-list-NcFF);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-navigation-list-NcFF);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i3.NavigationListItemMolecule, selector: "molecules-navigation-list-item", inputs: ["item", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: NavigationListOrganism, decorators: [{
|
|
19
|
+
type: Component,
|
|
20
|
+
args: [{ selector: 'organisms-navigation-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-selection-list [multiple]=\"false\">\n <molecules-navigation-list-item\n *ngFor=\"let item of items\" \n [item]=\"item\"\n (click)=\"action.emit(item)\"\n ></molecules-navigation-list-item>\n</mat-selection-list>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-NcFF: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-NcFF: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-NcFF: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-NcFF);color:var(--color-SCOPED-IN-navigation-list-NcFF);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-navigation-list-NcFF);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"] }]
|
|
21
|
+
}], propDecorators: { items: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}], action: [{
|
|
24
|
+
type: Output
|
|
25
|
+
}] } });
|
|
26
|
+
|
|
27
|
+
class NavigationListModule {
|
|
28
|
+
}
|
|
29
|
+
NavigationListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: NavigationListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
30
|
+
NavigationListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: NavigationListModule, declarations: [NavigationListOrganism], imports: [CommonModule,
|
|
31
|
+
// Materials
|
|
32
|
+
MatListModule,
|
|
33
|
+
// Molecules
|
|
34
|
+
NavigationListItemModule], exports: [NavigationListOrganism] });
|
|
35
|
+
NavigationListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: NavigationListModule, imports: [CommonModule,
|
|
36
|
+
// Materials
|
|
37
|
+
MatListModule,
|
|
38
|
+
// Molecules
|
|
39
|
+
NavigationListItemModule] });
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: NavigationListModule, decorators: [{
|
|
41
|
+
type: NgModule,
|
|
42
|
+
args: [{
|
|
43
|
+
declarations: [NavigationListOrganism],
|
|
44
|
+
imports: [
|
|
45
|
+
CommonModule,
|
|
46
|
+
// Materials
|
|
47
|
+
MatListModule,
|
|
48
|
+
// Molecules
|
|
49
|
+
NavigationListItemModule,
|
|
50
|
+
],
|
|
51
|
+
exports: [NavigationListOrganism]
|
|
52
|
+
}]
|
|
53
|
+
}] });
|
|
54
|
+
|
|
55
|
+
/**
|
|
56
|
+
* Generated bundle index. Do not edit.
|
|
57
|
+
*/
|
|
58
|
+
|
|
59
|
+
export { NavigationListModule, NavigationListOrganism };
|
|
60
|
+
//# sourceMappingURL=ng-atomic-components-organisms-navigation-list.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-navigation-list.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/navigation-list/navigation-list.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/navigation-list/navigation-list.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/navigation-list/navigation-list.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/navigation-list/ng-atomic-components-organisms-navigation-list.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'organisms-navigation-list',\n templateUrl: './navigation-list.organism.html',\n styleUrls: ['./navigation-list.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavigationListOrganism {\n @Input()\n items: ActionItem<string>[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n}\n","<mat-selection-list [multiple]=\"false\">\n <molecules-navigation-list-item\n *ngFor=\"let item of items\" \n [item]=\"item\"\n (click)=\"action.emit(item)\"\n ></molecules-navigation-list-item>\n</mat-selection-list>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatListModule } from '@angular/material/list';\nimport { NavigationListItemModule } from '@ng-atomic/components/molecules/navigation-list-item';\n\nimport { NavigationListOrganism } from './navigation-list.organism';\n\n@NgModule({\n declarations: [NavigationListOrganism],\n imports: [\n CommonModule,\n // Materials\n MatListModule,\n // Molecules\n NavigationListItemModule,\n ],\n exports: [NavigationListOrganism]\n})\nexport class NavigationListModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MASa,sBAAsB,CAAA;AANnC,IAAA,WAAA,GAAA;QAQE,IAAK,CAAA,KAAA,GAAyB,EAAE,CAAC;AAGjC,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AACrC,KAAA;;mHANY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,4HCTnC,sOAMqB,EAAA,MAAA,EAAA,CAAA,4wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,OAAA,EAAA,aAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDGR,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;+BACE,2BAA2B,EAAA,eAAA,EAGpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,sOAAA,EAAA,MAAA,EAAA,CAAA,4wBAAA,CAAA,EAAA,CAAA;8BAI/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MEKI,oBAAoB,CAAA;;iHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;kHAApB,oBAAoB,EAAA,YAAA,EAAA,CAVhB,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAEnC,YAAY;;QAEZ,aAAa;;AAEb,QAAA,wBAAwB,aAEhB,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAErB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAR7B,YAAY;;QAEZ,aAAa;;QAEb,wBAAwB,CAAA,EAAA,CAAA,CAAA;2FAIf,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAXhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;AACtC,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,aAAa;;wBAEb,wBAAwB;AACzB,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA,CAAA;;;ACjBD;;AAEG;;;;"}
|