@ng-atomic/components 3.0.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/atoms/chips-input/chips-input.module.d.ts +9 -7
- package/atoms/smart-menu-button/smart-menu-button.module.d.ts +8 -6
- package/esm2020/atoms/chips-input/chips-input.module.mjs +9 -4
- package/esm2020/atoms/smart-menu-button/smart-menu-button.module.mjs +9 -4
- package/esm2020/frames/auto-layout/auto-layout.frame.mjs +2 -2
- package/esm2020/frames/auto-layout/auto-layout.module.mjs +4 -3
- package/esm2020/frames/card/card.module.mjs +4 -3
- package/esm2020/frames/drawer/drawer.frame.mjs +2 -2
- package/esm2020/frames/drawer/drawer.module.mjs +5 -4
- package/esm2020/frames/line-up/line-up.frame.mjs +2 -2
- package/esm2020/frames/line-up/line-up.module.mjs +4 -3
- package/esm2020/frames/line-up-v2/line-up.frame.mjs +2 -2
- package/esm2020/frames/line-up-v2/line-up.module.mjs +4 -3
- package/esm2020/frames/overlay/overlay.frame.mjs +2 -2
- package/esm2020/frames/overlay/overlay.module.mjs +4 -3
- package/esm2020/frames/overlay-v2/overlay.frame.mjs +2 -2
- package/esm2020/frames/overlay-v2/overlay.module.mjs +4 -3
- package/esm2020/frames/scroll/scroll.frame.mjs +2 -2
- package/esm2020/frames/scroll/scroll.module.mjs +4 -3
- package/esm2020/frames/smart-menu/smart-menu.frame.mjs +2 -2
- package/esm2020/frames/smart-menu/smart-menu.module.mjs +4 -3
- package/esm2020/molecules/actions-column/actions-column.module.mjs +5 -4
- package/esm2020/molecules/checkbox-column/checkbox-column.module.mjs +4 -3
- package/esm2020/molecules/chips-input-field/chips-input-field.module.mjs +4 -3
- package/esm2020/molecules/date-input-field/date-input-field.module.mjs +4 -3
- package/esm2020/molecules/date-input-field/date-input-field.molecule.mjs +2 -2
- package/esm2020/molecules/select-input-field/select-input-field.module.mjs +4 -3
- package/esm2020/molecules/select-input-field/select-input-field.molecule.mjs +2 -2
- package/esm2020/molecules/smart-column/smart-column.module.mjs +5 -4
- package/esm2020/molecules/text-input-field/text-input-field.module.mjs +4 -3
- package/esm2020/molecules/textarea-field/textarea-field.module.mjs +4 -3
- package/esm2020/organisms/action-buttons-section/action-buttons-section.module.mjs +5 -4
- package/esm2020/organisms/action-buttons-section/action-buttons-section.organism.mjs +2 -2
- package/esm2020/organisms/back-navigator/back-navigator.module.mjs +4 -3
- package/esm2020/organisms/back-navigator/back-navigator.organism.mjs +2 -2
- package/esm2020/organisms/card-input-section/card-input-section.module.mjs +4 -3
- package/esm2020/organisms/card-input-section/card-input-section.organism.mjs +2 -2
- package/esm2020/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.module.mjs +4 -3
- package/esm2020/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs +2 -2
- package/esm2020/organisms/date-input-section/date-input-section.module.mjs +4 -3
- package/esm2020/organisms/date-input-section/date-input-section.organism.mjs +2 -2
- package/esm2020/organisms/heading/heading.module.mjs +4 -3
- package/esm2020/organisms/heading/heading.organism.mjs +2 -2
- package/esm2020/organisms/menu/menu.module.mjs +5 -4
- package/esm2020/organisms/menu/menu.organism.mjs +2 -2
- package/esm2020/organisms/navigator/navigator.module.mjs +4 -3
- package/esm2020/organisms/navigator/navigator.organism.mjs +2 -2
- package/esm2020/organisms/paginator/paginator.module.mjs +4 -3
- package/esm2020/organisms/select-input-section/select-input-section.module.mjs +5 -4
- package/esm2020/organisms/select-input-section/select-input-section.organism.mjs +2 -2
- package/esm2020/organisms/smart-table/smart-table.module.mjs +10 -5
- package/esm2020/organisms/smart-table/smart-table.organism.mjs +2 -2
- package/esm2020/organisms/social-login-section/social-login-section.module.mjs +9 -4
- package/esm2020/organisms/social-login-section/social-login-section.organism.mjs +2 -2
- package/esm2020/organisms/text-input-section/text-input-section.module.mjs +9 -4
- package/esm2020/organisms/text-input-section/text-input-section.organism.mjs +2 -2
- package/esm2020/organisms/textarea-section/textarea-section.module.mjs +4 -3
- package/esm2020/organisms/textarea-section/textarea-section.organism.mjs +2 -2
- package/esm2020/organisms/top-navigator/top-navigator.module.mjs +9 -4
- package/esm2020/organisms/top-navigator/top-navigator.organism.mjs +2 -2
- package/esm2020/pages/_index/index.module.mjs +9 -4
- package/esm2020/pages/blank/blank.module.mjs +9 -4
- package/esm2020/templates/entrance/entrance.module.mjs +4 -3
- package/esm2020/templates/entrance/entrance.template.mjs +2 -2
- package/esm2020/templates/loading/loading.module.mjs +9 -4
- package/esm2020/templates/menu/menu.module.mjs +9 -4
- package/esm2020/templates/menu/menu.template.mjs +2 -2
- package/esm2020/templates/smart-crud/smart-crud.module.mjs +9 -4
- package/esm2020/templates/smart-crud/smart-crud.template.mjs +2 -2
- package/esm2020/templates/smart-index/smart-index.module.mjs +4 -3
- package/esm2020/templates/smart-index/smart-index.template.mjs +2 -2
- package/fesm2015/ng-atomic-components-atoms-chips-input.mjs +8 -3
- package/fesm2015/ng-atomic-components-atoms-chips-input.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-atoms-smart-menu-button.mjs +8 -3
- package/fesm2015/ng-atomic-components-atoms-smart-menu-button.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-frames-auto-layout.mjs +5 -4
- package/fesm2015/ng-atomic-components-frames-auto-layout.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-frames-card.mjs +3 -2
- package/fesm2015/ng-atomic-components-frames-card.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-frames-drawer.mjs +5 -4
- package/fesm2015/ng-atomic-components-frames-drawer.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-frames-line-up-v2.mjs +5 -4
- package/fesm2015/ng-atomic-components-frames-line-up-v2.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-frames-line-up.mjs +5 -4
- package/fesm2015/ng-atomic-components-frames-line-up.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-frames-overlay-v2.mjs +5 -4
- package/fesm2015/ng-atomic-components-frames-overlay-v2.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-frames-overlay.mjs +5 -4
- package/fesm2015/ng-atomic-components-frames-overlay.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-frames-scroll.mjs +5 -4
- package/fesm2015/ng-atomic-components-frames-scroll.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-frames-smart-menu.mjs +5 -4
- package/fesm2015/ng-atomic-components-frames-smart-menu.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-molecules-actions-column.mjs +5 -4
- package/fesm2015/ng-atomic-components-molecules-actions-column.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-molecules-checkbox-column.mjs +3 -2
- package/fesm2015/ng-atomic-components-molecules-checkbox-column.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-molecules-chips-input-field.mjs +3 -2
- package/fesm2015/ng-atomic-components-molecules-chips-input-field.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs +5 -4
- package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs +5 -4
- package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-molecules-smart-column.mjs +5 -4
- package/fesm2015/ng-atomic-components-molecules-smart-column.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-molecules-text-input-field.mjs +3 -2
- package/fesm2015/ng-atomic-components-molecules-text-input-field.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-molecules-textarea-field.mjs +3 -2
- package/fesm2015/ng-atomic-components-molecules-textarea-field.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs +5 -4
- package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-back-navigator.mjs +5 -4
- package/fesm2015/ng-atomic-components-organisms-back-navigator.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-card-input-section.mjs +5 -4
- package/fesm2015/ng-atomic-components-organisms-card-input-section.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +5 -4
- package/fesm2015/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-date-input-section.mjs +5 -4
- package/fesm2015/ng-atomic-components-organisms-date-input-section.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-heading.mjs +5 -4
- package/fesm2015/ng-atomic-components-organisms-heading.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-menu.mjs +5 -4
- package/fesm2015/ng-atomic-components-organisms-menu.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-navigator.mjs +5 -4
- package/fesm2015/ng-atomic-components-organisms-navigator.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-paginator.mjs +3 -2
- package/fesm2015/ng-atomic-components-organisms-paginator.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs +6 -5
- package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-smart-table.mjs +12 -7
- package/fesm2015/ng-atomic-components-organisms-smart-table.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-social-login-section.mjs +10 -5
- package/fesm2015/ng-atomic-components-organisms-social-login-section.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-text-input-section.mjs +10 -5
- package/fesm2015/ng-atomic-components-organisms-text-input-section.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs +5 -4
- package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-top-navigator.mjs +10 -5
- package/fesm2015/ng-atomic-components-organisms-top-navigator.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-pages-_index.mjs +8 -3
- package/fesm2015/ng-atomic-components-pages-_index.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-pages-blank.mjs +8 -3
- package/fesm2015/ng-atomic-components-pages-blank.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-templates-entrance.mjs +5 -4
- package/fesm2015/ng-atomic-components-templates-entrance.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-templates-loading.mjs +8 -3
- package/fesm2015/ng-atomic-components-templates-loading.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-templates-menu.mjs +10 -5
- package/fesm2015/ng-atomic-components-templates-menu.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-templates-smart-crud.mjs +10 -5
- package/fesm2015/ng-atomic-components-templates-smart-crud.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-templates-smart-index.mjs +5 -4
- package/fesm2015/ng-atomic-components-templates-smart-index.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-atoms-chips-input.mjs +8 -3
- package/fesm2020/ng-atomic-components-atoms-chips-input.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs +8 -3
- package/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-frames-auto-layout.mjs +5 -4
- package/fesm2020/ng-atomic-components-frames-auto-layout.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-frames-card.mjs +3 -2
- package/fesm2020/ng-atomic-components-frames-card.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-frames-drawer.mjs +5 -4
- package/fesm2020/ng-atomic-components-frames-drawer.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-frames-line-up-v2.mjs +5 -4
- package/fesm2020/ng-atomic-components-frames-line-up-v2.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-frames-line-up.mjs +5 -4
- package/fesm2020/ng-atomic-components-frames-line-up.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-frames-overlay-v2.mjs +5 -4
- package/fesm2020/ng-atomic-components-frames-overlay-v2.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-frames-overlay.mjs +5 -4
- package/fesm2020/ng-atomic-components-frames-overlay.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-frames-scroll.mjs +5 -4
- package/fesm2020/ng-atomic-components-frames-scroll.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-frames-smart-menu.mjs +5 -4
- package/fesm2020/ng-atomic-components-frames-smart-menu.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-molecules-actions-column.mjs +5 -4
- package/fesm2020/ng-atomic-components-molecules-actions-column.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-molecules-checkbox-column.mjs +3 -2
- package/fesm2020/ng-atomic-components-molecules-checkbox-column.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-molecules-chips-input-field.mjs +3 -2
- package/fesm2020/ng-atomic-components-molecules-chips-input-field.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-molecules-date-input-field.mjs +5 -4
- package/fesm2020/ng-atomic-components-molecules-date-input-field.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs +5 -4
- package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-molecules-smart-column.mjs +5 -4
- package/fesm2020/ng-atomic-components-molecules-smart-column.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-molecules-text-input-field.mjs +3 -2
- package/fesm2020/ng-atomic-components-molecules-text-input-field.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-molecules-textarea-field.mjs +3 -2
- package/fesm2020/ng-atomic-components-molecules-textarea-field.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs +5 -4
- package/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-back-navigator.mjs +5 -4
- package/fesm2020/ng-atomic-components-organisms-back-navigator.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-card-input-section.mjs +5 -4
- package/fesm2020/ng-atomic-components-organisms-card-input-section.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +5 -4
- package/fesm2020/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-date-input-section.mjs +5 -4
- package/fesm2020/ng-atomic-components-organisms-date-input-section.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-heading.mjs +5 -4
- package/fesm2020/ng-atomic-components-organisms-heading.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-menu.mjs +5 -4
- package/fesm2020/ng-atomic-components-organisms-menu.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-navigator.mjs +5 -4
- package/fesm2020/ng-atomic-components-organisms-navigator.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-paginator.mjs +3 -2
- package/fesm2020/ng-atomic-components-organisms-paginator.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-select-input-section.mjs +6 -5
- package/fesm2020/ng-atomic-components-organisms-select-input-section.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-smart-table.mjs +12 -7
- package/fesm2020/ng-atomic-components-organisms-smart-table.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-social-login-section.mjs +10 -5
- package/fesm2020/ng-atomic-components-organisms-social-login-section.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs +10 -5
- package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs +5 -4
- package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-top-navigator.mjs +10 -5
- package/fesm2020/ng-atomic-components-organisms-top-navigator.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-pages-_index.mjs +8 -3
- package/fesm2020/ng-atomic-components-pages-_index.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-pages-blank.mjs +8 -3
- package/fesm2020/ng-atomic-components-pages-blank.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-templates-entrance.mjs +5 -4
- package/fesm2020/ng-atomic-components-templates-entrance.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-templates-loading.mjs +8 -3
- package/fesm2020/ng-atomic-components-templates-loading.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-templates-menu.mjs +10 -5
- package/fesm2020/ng-atomic-components-templates-menu.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-templates-smart-crud.mjs +10 -5
- package/fesm2020/ng-atomic-components-templates-smart-crud.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-templates-smart-index.mjs +5 -4
- package/fesm2020/ng-atomic-components-templates-smart-index.mjs.map +1 -1
- package/frames/auto-layout/auto-layout.module.d.ts +2 -1
- package/frames/card/card.module.d.ts +2 -1
- package/frames/drawer/drawer.module.d.ts +2 -1
- package/frames/line-up/line-up.module.d.ts +2 -1
- package/frames/line-up-v2/line-up.module.d.ts +2 -1
- package/frames/overlay/overlay.module.d.ts +2 -1
- package/frames/overlay-v2/overlay.module.d.ts +2 -1
- package/frames/scroll/scroll.module.d.ts +2 -1
- package/frames/smart-menu/smart-menu.module.d.ts +2 -1
- package/molecules/actions-column/actions-column.module.d.ts +2 -1
- package/molecules/checkbox-column/checkbox-column.module.d.ts +2 -1
- package/molecules/chips-input-field/chips-input-field.module.d.ts +2 -1
- package/molecules/date-input-field/date-input-field.module.d.ts +2 -1
- package/molecules/select-input-field/select-input-field.module.d.ts +2 -1
- package/molecules/smart-column/smart-column.module.d.ts +2 -1
- package/molecules/text-input-field/text-input-field.module.d.ts +2 -1
- package/molecules/textarea-field/textarea-field.module.d.ts +2 -1
- package/organisms/action-buttons-section/action-buttons-section.module.d.ts +2 -1
- package/organisms/back-navigator/back-navigator.module.d.ts +2 -1
- package/organisms/card-input-section/card-input-section.module.d.ts +2 -1
- package/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.module.d.ts +2 -1
- package/organisms/date-input-section/date-input-section.module.d.ts +2 -1
- package/organisms/heading/heading.module.d.ts +2 -1
- package/organisms/menu/menu.module.d.ts +2 -1
- package/organisms/navigator/navigator.module.d.ts +2 -1
- package/organisms/paginator/paginator.module.d.ts +2 -1
- package/organisms/select-input-section/select-input-section.module.d.ts +2 -1
- package/organisms/smart-table/smart-table.module.d.ts +14 -12
- package/organisms/social-login-section/social-login-section.module.d.ts +6 -4
- package/organisms/text-input-section/text-input-section.module.d.ts +6 -4
- package/organisms/textarea-section/textarea-section.module.d.ts +2 -1
- package/organisms/top-navigator/top-navigator.module.d.ts +8 -6
- package/package.json +10 -2
- package/pages/_index/index.module.d.ts +6 -4
- package/pages/blank/blank.module.d.ts +6 -4
- package/templates/entrance/entrance.module.d.ts +2 -1
- package/templates/loading/loading.module.d.ts +6 -4
- package/templates/menu/menu.module.d.ts +6 -4
- package/templates/smart-crud/smart-crud.module.d.ts +14 -12
- package/templates/smart-index/smart-index.module.d.ts +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-molecules-smart-column.mjs","sources":["../../../../libs/components/molecules/smart-column/smart-column.molecule.ts","../../../../libs/components/molecules/smart-column/smart-column.molecule.html","../../../../libs/components/molecules/smart-column/smart-column.module.ts","../../../../libs/components/molecules/smart-column/ng-atomic-components-molecules-smart-column.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Input, Output, EventEmitter, Component, ViewEncapsulation } from '@angular/core';\nimport { MatTextColumn } from '@angular/material/table';\n// TODO(nontangent): 依存を引き剥がす\nimport { toObject } from '@ng-atomic/common/utils';\nimport { flatten } from 'flat';\n\n@Component({\n selector: 'molecules-smart-column',\n templateUrl: './smart-column.molecule.html',\n styleUrls: ['./smart-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartColumnMolecule<T> extends MatTextColumn<T> {\n dataAccessor = (data: any, name: string): string => {\n return name.includes('.') ? flatten(toObject(data))?.[name] : data?.[name];\n }\n \n @Input()\n sort: 'asc' | 'desc' | 'none' = 'none';\n\n @Output()\n headerClick = new EventEmitter<void>();\n\n}\n","<ng-container matColumnDef>\n <th\n mat-header-cell\n *matHeaderCellDef\n [style.text-align]=\"justify\"\n (click)=\"headerClick.emit()\"\n >\n <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n <span>{{headerText}}</span>\n <ng-container [ngSwitch]=\"sort\">\n <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n </ng-container>\n </p>\n </th>\n <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n <p class=\"nowrap\">{{dataAccessor(data, name) | smartExp:name}}</p>\n </td>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-molecules-smart-column.mjs","sources":["../../../../libs/components/molecules/smart-column/smart-column.molecule.ts","../../../../libs/components/molecules/smart-column/smart-column.molecule.html","../../../../libs/components/molecules/smart-column/smart-column.module.ts","../../../../libs/components/molecules/smart-column/ng-atomic-components-molecules-smart-column.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Input, Output, EventEmitter, Component, ViewEncapsulation } from '@angular/core';\nimport { MatTextColumn } from '@angular/material/table';\n// TODO(nontangent): 依存を引き剥がす\nimport { toObject } from '@ng-atomic/common/utils';\nimport { flatten } from 'flat';\n\n@Component({\n selector: 'molecules-smart-column',\n templateUrl: './smart-column.molecule.html',\n styleUrls: ['./smart-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartColumnMolecule<T> extends MatTextColumn<T> {\n dataAccessor = (data: any, name: string): string => {\n return name.includes('.') ? flatten(toObject(data))?.[name] : data?.[name];\n }\n \n @Input()\n sort: 'asc' | 'desc' | 'none' = 'none';\n\n @Output()\n headerClick = new EventEmitter<void>();\n\n}\n","<ng-container matColumnDef>\n <th\n mat-header-cell\n *matHeaderCellDef\n [style.text-align]=\"justify\"\n (click)=\"headerClick.emit()\"\n >\n <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n <span>{{headerText}}</span>\n <ng-container [ngSwitch]=\"sort\">\n <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n </ng-container>\n </p>\n </th>\n <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n <p class=\"nowrap\">{{dataAccessor(data, name) | smartExp:name}}</p>\n </td>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\nimport { SmartExpModule } from '@ng-atomic/common/pipes';\nimport { ElementsModule } from '@ng-atomic/elements';\n\nimport { SmartColumnMolecule } from './smart-column.molecule';\n\n@NgModule({\n declarations: [\n SmartColumnMolecule,\n ],\n imports: [\n CommonModule,\n // Pipes\n SmartExpModule,\n // Materials\n MatIconModule,\n MatTableModule,\n ],\n exports: [\n SmartColumnMolecule\n ]\n})\nexport class SmartColumnModule extends ElementsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAaM,MAAO,mBAAuB,SAAQ,aAAgB,CAAA;AAP5D,IAAA,WAAA,GAAA;;QAQE,IAAA,CAAA,YAAY,GAAG,CAAC,IAAS,EAAE,IAAY,KAAY;;AACjD,YAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAA,EAAA,GAAA,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,MAAG,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAI,CAAC,GAAG,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,IAAI,CAAG,IAAI,CAAC,CAAC;AAC7E,SAAC,CAAA;AAGD,QAAA,IAAI,CAAA,IAAA,GAA4B,MAAM,CAAC;AAGvC,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAQ,CAAC;KAExC;;iHAXY,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,wJCbhC,kqBAkBe,EAAA,MAAA,EAAA,CAAA,oRAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,UAAA,EAAA,EAAA,CAAA,YAAA,EAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,OAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FDLF,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,iBAGnB,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,OAAO,EAAA,QAAA,EAAA,kqBAAA,EAAA,MAAA,EAAA,CAAA,oRAAA,CAAA,EAAA,CAAA;8BAQhD,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,MAAM;;;AEIH,MAAO,iBAAkB,SAAQ,cAAc,CAAA;;+GAAxC,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAjB,iBAAiB,EAAA,YAAA,EAAA,CAd1B,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAGnB,YAAY;;QAEZ,cAAc;;QAEd,aAAa;QACb,cAAc,aAGd,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAGV,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAZnB,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,cAAc;;YAEd,aAAa;YACb,cAAc;SACf,CAAA,EAAA,CAAA,CAAA;4FAKU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAhB7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,mBAAmB;AACpB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,cAAc;;wBAEd,aAAa;wBACb,cAAc;AACf,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;AACpB,qBAAA;iBACF,CAAA;;;ACxBD;;AAEG;;;;"}
|
|
@@ -8,6 +8,7 @@ import * as i3 from '@angular/forms';
|
|
|
8
8
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
9
9
|
import * as i4 from '@angular/common';
|
|
10
10
|
import { CommonModule } from '@angular/common';
|
|
11
|
+
import { ElementsModule } from '@ng-atomic/elements';
|
|
11
12
|
|
|
12
13
|
class TextInputFieldMolecule {
|
|
13
14
|
constructor() {
|
|
@@ -36,9 +37,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
36
37
|
type: Input
|
|
37
38
|
}] } });
|
|
38
39
|
|
|
39
|
-
class TextInputFieldModule {
|
|
40
|
+
class TextInputFieldModule extends ElementsModule {
|
|
40
41
|
}
|
|
41
|
-
TextInputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextInputFieldModule, deps:
|
|
42
|
+
TextInputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextInputFieldModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
|
|
42
43
|
TextInputFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextInputFieldModule, declarations: [TextInputFieldMolecule], imports: [CommonModule,
|
|
43
44
|
ReactiveFormsModule,
|
|
44
45
|
// Materials
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-molecules-text-input-field.mjs","sources":["../../../../libs/components/molecules/text-input-field/text-input-field.molecule.ts","../../../../libs/components/molecules/text-input-field/text-input-field.molecule.html","../../../../libs/components/molecules/text-input-field/text-input-field.module.ts","../../../../libs/components/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n selector: 'molecules-text-input-field',\n templateUrl: './text-input-field.molecule.html',\n styleUrls: ['./text-input-field.molecule.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'molecule field'},\n})\nexport class TextInputFieldMolecule {\n\n @Input()\n type: 'text' | 'number' | 'password' = 'text';\n\n @Input()\n name?: string;\n\n @Input()\n label = 'label';\n\n @Input()\n control = new FormControl<string | number>();\n\n @Input()\n placeholder = 'placeholder';\n\n @Input()\n hint?: string;\n\n}\n","<mat-form-field appearance=\"outline\">\n <mat-label>{{ label }}</mat-label>\n <input matInput [name]=\"name\" [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n// import { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { TextInputFieldMolecule } from './text-input-field.molecule';\n\n\n\n@NgModule({\n declarations: [TextInputFieldMolecule],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Materials\n // MatFormFieldModule,\n MatInputModule,\n ],\n exports: [TextInputFieldMolecule]\n})\nexport class TextInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-molecules-text-input-field.mjs","sources":["../../../../libs/components/molecules/text-input-field/text-input-field.molecule.ts","../../../../libs/components/molecules/text-input-field/text-input-field.molecule.html","../../../../libs/components/molecules/text-input-field/text-input-field.module.ts","../../../../libs/components/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n selector: 'molecules-text-input-field',\n templateUrl: './text-input-field.molecule.html',\n styleUrls: ['./text-input-field.molecule.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'molecule field'},\n})\nexport class TextInputFieldMolecule {\n\n @Input()\n type: 'text' | 'number' | 'password' = 'text';\n\n @Input()\n name?: string;\n\n @Input()\n label = 'label';\n\n @Input()\n control = new FormControl<string | number>();\n\n @Input()\n placeholder = 'placeholder';\n\n @Input()\n hint?: string;\n\n}\n","<mat-form-field appearance=\"outline\">\n <mat-label>{{ label }}</mat-label>\n <input matInput [name]=\"name\" [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n// import { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { ElementsModule } from '@ng-atomic/elements';\n\nimport { TextInputFieldMolecule } from './text-input-field.molecule';\n\n\n\n@NgModule({\n declarations: [TextInputFieldMolecule],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Materials\n // MatFormFieldModule,\n MatInputModule,\n ],\n exports: [TextInputFieldMolecule]\n})\nexport class TextInputFieldModule extends ElementsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ import * as i2 from '@angular/material/input';
|
|
|
5
5
|
import { MatInputModule } from '@angular/material/input';
|
|
6
6
|
import * as i3 from '@angular/common';
|
|
7
7
|
import { CommonModule } from '@angular/common';
|
|
8
|
+
import { ElementsModule } from '@ng-atomic/elements';
|
|
8
9
|
|
|
9
10
|
class TextareaFieldMolecule {
|
|
10
11
|
constructor() {
|
|
@@ -25,9 +26,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
25
26
|
type: Input
|
|
26
27
|
}] } });
|
|
27
28
|
|
|
28
|
-
class TextareaFieldModule {
|
|
29
|
+
class TextareaFieldModule extends ElementsModule {
|
|
29
30
|
}
|
|
30
|
-
TextareaFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaFieldModule, deps:
|
|
31
|
+
TextareaFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaFieldModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
|
|
31
32
|
TextareaFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaFieldModule, declarations: [TextareaFieldMolecule], imports: [CommonModule,
|
|
32
33
|
// Material
|
|
33
34
|
MatInputModule], exports: [TextareaFieldMolecule] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-molecules-textarea-field.mjs","sources":["../../../../libs/components/molecules/textarea-field/textarea-field.molecule.ts","../../../../libs/components/molecules/textarea-field/textarea-field.molecule.html","../../../../libs/components/molecules/textarea-field/textarea-field.module.ts","../../../../libs/components/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';\nimport { TextareaFieldMolecule } from './textarea-field.molecule';\n\n\n
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-molecules-textarea-field.mjs","sources":["../../../../libs/components/molecules/textarea-field/textarea-field.molecule.ts","../../../../libs/components/molecules/textarea-field/textarea-field.molecule.html","../../../../libs/components/molecules/textarea-field/textarea-field.module.ts","../../../../libs/components/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';\nimport { ElementsModule } from '@ng-atomic/elements';\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})\nexport class TextareaFieldModule extends ElementsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ import * as i2 from '@angular/common';
|
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import * as i1 from '@angular/material/button';
|
|
6
6
|
import { MatButtonModule } from '@angular/material/button';
|
|
7
|
+
import { ElementsModule } from '@ng-atomic/elements';
|
|
7
8
|
|
|
8
9
|
class ActionButtonsSectionOrganism {
|
|
9
10
|
constructor() {
|
|
@@ -13,19 +14,19 @@ class ActionButtonsSectionOrganism {
|
|
|
13
14
|
}
|
|
14
15
|
}
|
|
15
16
|
ActionButtonsSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionButtonsSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
ActionButtonsSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, host: { classAttribute: "organism section" }, ngImport: i0, template: "<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-
|
|
17
|
+
ActionButtonsSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, host: { classAttribute: "organism section" }, ngImport: i0, template: "<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-h7LK: var(--horizontal-padding)}:host{display:flex;flex-direction:row;grid-gap:8px;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-h7LK);box-sizing:border-box}:host button{width:100%;height:48px}\n"], components: [{ type: i1.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"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionButtonsSectionOrganism, decorators: [{
|
|
18
19
|
type: Component,
|
|
19
|
-
args: [{ selector: 'organisms-action-buttons-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-
|
|
20
|
+
args: [{ selector: 'organisms-action-buttons-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-h7LK: var(--horizontal-padding)}:host{display:flex;flex-direction:row;grid-gap:8px;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-h7LK);box-sizing:border-box}:host button{width:100%;height:48px}\n"] }]
|
|
20
21
|
}], propDecorators: { actionItems: [{
|
|
21
22
|
type: Input
|
|
22
23
|
}], actionItemClick: [{
|
|
23
24
|
type: Output
|
|
24
25
|
}] } });
|
|
25
26
|
|
|
26
|
-
class ActionButtonsSectionModule {
|
|
27
|
+
class ActionButtonsSectionModule extends ElementsModule {
|
|
27
28
|
}
|
|
28
|
-
ActionButtonsSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionButtonsSectionModule, deps:
|
|
29
|
+
ActionButtonsSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionButtonsSectionModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
|
|
29
30
|
ActionButtonsSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionButtonsSectionModule, declarations: [ActionButtonsSectionOrganism], imports: [CommonModule,
|
|
30
31
|
// Materials
|
|
31
32
|
MatButtonModule], exports: [ActionButtonsSectionOrganism] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-organisms-action-buttons-section.mjs","sources":["../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.module.ts","../../../../libs/components/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { 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 actionItems: ActionItem[] = [];\n\n @Output()\n actionItemClick = new EventEmitter<[ActionItem]>();\n\n trackById = (item: ActionItem) => item.id;\n}\n","<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-action-buttons-section.mjs","sources":["../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.module.ts","../../../../libs/components/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { 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 actionItems: ActionItem[] = [];\n\n @Output()\n actionItemClick = new EventEmitter<[ActionItem]>();\n\n trackById = (item: ActionItem) => item.id;\n}\n","<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { ElementsModule } from '@ng-atomic/elements';\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})\nexport class ActionButtonsSectionModule extends ElementsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAUa,4BAA4B,CAAA;AAPzC,IAAA,WAAA,GAAA;AASE,QAAA,IAAW,CAAA,WAAA,GAAiB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAgB,CAAC;QAEnD,IAAS,CAAA,SAAA,GAAG,CAAC,IAAgB,KAAK,IAAI,CAAC,EAAE,CAAC;KAC3C;;0HARY,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,SAAA,EAAA,IAAA,EAAA,4BAA4B,+MCVzC,0MAEe,EAAA,MAAA,EAAA,CAAA,qUAAA,CAAA,EAAA,UAAA,EAAA,CAAA,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,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDQF,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;+BACE,kCAAkC,EAAA,eAAA,EAG3B,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,kBAAkB,EAAC,EAAA,QAAA,EAAA,0MAAA,EAAA,MAAA,EAAA,CAAA,qUAAA,CAAA,EAAA,CAAA;8BAIjC,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,MAAM;;;AEMH,MAAO,0BAA2B,SAAQ,cAAc,CAAA;;wHAAjD,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yHAA1B,0BAA0B,EAAA,YAAA,EAAA,CAXnC,4BAA4B,CAAA,EAAA,OAAA,EAAA,CAG5B,YAAY;;QAEZ,eAAe,aAGf,4BAA4B,CAAA,EAAA,CAAA,CAAA;AAGnB,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,EAT5B,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,eAAe;SAChB,CAAA,EAAA,CAAA,CAAA;4FAKU,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAbtC,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;iBACF,CAAA;;;ACnBD;;AAEG;;;;"}
|
|
@@ -10,6 +10,7 @@ import * as i1 from '@angular/material/toolbar';
|
|
|
10
10
|
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
11
11
|
import * as i4 from '@ng-atomic/components/atoms/smart-menu-button';
|
|
12
12
|
import { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
|
|
13
|
+
import { ElementsModule } from '@ng-atomic/elements';
|
|
13
14
|
|
|
14
15
|
class BackNavigatorOrganism {
|
|
15
16
|
constructor() {
|
|
@@ -20,10 +21,10 @@ class BackNavigatorOrganism {
|
|
|
20
21
|
}
|
|
21
22
|
}
|
|
22
23
|
BackNavigatorOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BackNavigatorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
BackNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: { canBack: "canBack", title: "title", description: "description", actionItems: "actionItems" }, outputs: { backButtonClick: "backButtonClick", actionItemClick: "actionItemClick" }, 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 [actionItems]=\"actionItems\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n ></atoms-smart-menu-button>\n </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-back-navigator-
|
|
24
|
+
BackNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: { canBack: "canBack", title: "title", description: "description", actionItems: "actionItems" }, outputs: { backButtonClick: "backButtonClick", actionItemClick: "actionItemClick" }, 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 [actionItems]=\"actionItems\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n ></atoms-smart-menu-button>\n </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-back-navigator-cSXq: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-cSXq)}: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"], components: [{ type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { 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"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BackNavigatorOrganism, decorators: [{
|
|
25
26
|
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 [actionItems]=\"actionItems\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n ></atoms-smart-menu-button>\n </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-back-navigator-
|
|
27
|
+
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 [actionItems]=\"actionItems\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n ></atoms-smart-menu-button>\n </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-back-navigator-cSXq: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-cSXq)}: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
28
|
}], propDecorators: { canBack: [{
|
|
28
29
|
type: Input
|
|
29
30
|
}], title: [{
|
|
@@ -38,9 +39,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
38
39
|
type: Output
|
|
39
40
|
}] } });
|
|
40
41
|
|
|
41
|
-
class BackNavigatorModule {
|
|
42
|
+
class BackNavigatorModule extends ElementsModule {
|
|
42
43
|
}
|
|
43
|
-
BackNavigatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BackNavigatorModule, deps:
|
|
44
|
+
BackNavigatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BackNavigatorModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
|
|
44
45
|
BackNavigatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BackNavigatorModule, declarations: [BackNavigatorOrganism], imports: [CommonModule,
|
|
45
46
|
// Material
|
|
46
47
|
MatButtonModule,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-organisms-back-navigator.mjs","sources":["../../../../libs/components/organisms/back-navigator/back-navigator.organism.ts","../../../../libs/components/organisms/back-navigator/back-navigator.organism.html","../../../../libs/components/organisms/back-navigator/back-navigator.module.ts","../../../../libs/components/organisms/back-navigator/ng-atomic-components-organisms-back-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem, ActionItemEvent } 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 actionItems: ActionItem[] = [];\n\n @Output()\n backButtonClick = new EventEmitter<void>();\n\n @Output()\n actionItemClick = new EventEmitter<ActionItemEvent>();\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 [actionItems]=\"actionItems\"\n (actionItemClick)=\"actionItemClick.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":"
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-back-navigator.mjs","sources":["../../../../libs/components/organisms/back-navigator/back-navigator.organism.ts","../../../../libs/components/organisms/back-navigator/back-navigator.organism.html","../../../../libs/components/organisms/back-navigator/back-navigator.module.ts","../../../../libs/components/organisms/back-navigator/ng-atomic-components-organisms-back-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem, ActionItemEvent } 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 actionItems: ActionItem[] = [];\n\n @Output()\n backButtonClick = new EventEmitter<void>();\n\n @Output()\n actionItemClick = new EventEmitter<ActionItemEvent>();\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 [actionItems]=\"actionItems\"\n (actionItemClick)=\"actionItemClick.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';\nimport { ElementsModule } from '@ng-atomic/elements';\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 extends ElementsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ import { FormControl } from '@ngneat/reactive-forms';
|
|
|
4
4
|
import * as i1 from '@ng-atomic/components/molecules/text-input-field';
|
|
5
5
|
import { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';
|
|
6
6
|
import { CommonModule } from '@angular/common';
|
|
7
|
+
import { ElementsModule } from '@ng-atomic/elements';
|
|
7
8
|
|
|
8
9
|
class CardInputSectionOrganism {
|
|
9
10
|
constructor() {
|
|
@@ -13,10 +14,10 @@ class CardInputSectionOrganism {
|
|
|
13
14
|
}
|
|
14
15
|
}
|
|
15
16
|
CardInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CardInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
CardInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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-
|
|
17
|
+
CardInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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-WoR9: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-WoR9);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], components: [{ type: i1.TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CardInputSectionOrganism, decorators: [{
|
|
18
19
|
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-
|
|
20
|
+
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-WoR9: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-WoR9);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
|
|
20
21
|
}], propDecorators: { control: [{
|
|
21
22
|
type: Input
|
|
22
23
|
}], label: [{
|
|
@@ -25,9 +26,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
25
26
|
type: Input
|
|
26
27
|
}] } });
|
|
27
28
|
|
|
28
|
-
class CardInputSectionModule {
|
|
29
|
+
class CardInputSectionModule extends ElementsModule {
|
|
29
30
|
}
|
|
30
|
-
CardInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CardInputSectionModule, deps:
|
|
31
|
+
CardInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CardInputSectionModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
|
|
31
32
|
CardInputSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CardInputSectionModule, declarations: [CardInputSectionOrganism], imports: [CommonModule,
|
|
32
33
|
// Molecules
|
|
33
34
|
TextInputFieldModule], exports: [CardInputSectionOrganism] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-organisms-card-input-section.mjs","sources":["../../../../libs/components/organisms/card-input-section/card-input-section.organism.ts","../../../../libs/components/organisms/card-input-section/card-input-section.organism.html","../../../../libs/components/organisms/card-input-section/card-input-section.module.ts","../../../../libs/components/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';\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":"
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-card-input-section.mjs","sources":["../../../../libs/components/organisms/card-input-section/card-input-section.organism.ts","../../../../libs/components/organisms/card-input-section/card-input-section.organism.html","../../../../libs/components/organisms/card-input-section/card-input-section.module.ts","../../../../libs/components/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';\nimport { ElementsModule } from '@ng-atomic/elements';\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 extends ElementsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MASa,wBAAwB,CAAA;AANrC,IAAA,WAAA,GAAA;QASE,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AAG9B,QAAA,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;AAGhB,QAAA,IAAW,CAAA,WAAA,GAAG,qBAAqB,CAAC;KAErC;;sHAXY,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,SAAA,EAAA,IAAA,EAAA,wBAAwB,gJCTrC,oLAM8B,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,UAAA,EAAA,CAAA,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;4FDGjB,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;;;AECF,MAAO,sBAAuB,SAAQ,cAAc,CAAA;;oHAA7C,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;qHAAtB,sBAAsB,EAAA,YAAA,EAAA,CARlB,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAErC,YAAY;;QAEZ,oBAAoB,aAEZ,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAEvB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,EAPxB,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,oBAAoB;SACrB,CAAA,EAAA,CAAA,CAAA;4FAGU,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;iBACpC,CAAA;;;ACjBD;;AAEG;;;;"}
|
|
@@ -7,6 +7,7 @@ import { SelectInputFieldModule } from '@ng-atomic/components/molecules/select-i
|
|
|
7
7
|
import * as i2 from '@ng-atomic/components/molecules/text-input-field';
|
|
8
8
|
import { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';
|
|
9
9
|
import { CommonModule } from '@angular/common';
|
|
10
|
+
import { ElementsModule } from '@ng-atomic/elements';
|
|
10
11
|
|
|
11
12
|
const generateOptions = (n, start) => {
|
|
12
13
|
return [...Array(n)].map((_, i) => i + start).map(i => ({ name: `${i}`, value: i }));
|
|
@@ -23,17 +24,17 @@ class CvcAndExpInputSectionOrganism {
|
|
|
23
24
|
}
|
|
24
25
|
}
|
|
25
26
|
CvcAndExpInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CvcAndExpInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
CvcAndExpInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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-
|
|
27
|
+
CvcAndExpInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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-qpPG: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-qpPG);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"], components: [{ type: i1.SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }, { type: i2.TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
27
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CvcAndExpInputSectionOrganism, decorators: [{
|
|
28
29
|
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-
|
|
30
|
+
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-qpPG: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-qpPG);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
31
|
}], propDecorators: { form: [{
|
|
31
32
|
type: Input
|
|
32
33
|
}] } });
|
|
33
34
|
|
|
34
|
-
class CvcAndExpInputSectionModule {
|
|
35
|
+
class CvcAndExpInputSectionModule extends ElementsModule {
|
|
35
36
|
}
|
|
36
|
-
CvcAndExpInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CvcAndExpInputSectionModule, deps:
|
|
37
|
+
CvcAndExpInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CvcAndExpInputSectionModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
|
|
37
38
|
CvcAndExpInputSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CvcAndExpInputSectionModule, declarations: [CvcAndExpInputSectionOrganism], imports: [CommonModule,
|
|
38
39
|
// Molecules
|
|
39
40
|
SelectInputFieldModule,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-organisms-cvc-and-exp-input-section.mjs","sources":["../../../../libs/components/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.ts","../../../../libs/components/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.html","../../../../libs/components/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.module.ts","../../../../libs/components/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 { FormGroup } 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 FormGroup({\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';\nimport { CvcAndExpInputSectionOrganism } from './cvc-and-exp-input-section.organism';\n\n\n
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-cvc-and-exp-input-section.mjs","sources":["../../../../libs/components/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.ts","../../../../libs/components/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.html","../../../../libs/components/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.module.ts","../../../../libs/components/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 { FormGroup } 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 FormGroup({\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';\nimport { ElementsModule } from '@ng-atomic/elements';\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 extends ElementsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/co
|
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
4
|
import * as i1 from '@ng-atomic/components/molecules/date-input-field';
|
|
5
5
|
import { DateInputFieldModule } from '@ng-atomic/components/molecules/date-input-field';
|
|
6
|
+
import { ElementsModule } from '@ng-atomic/elements';
|
|
6
7
|
import { FormControl } from '@ngneat/reactive-forms';
|
|
7
8
|
|
|
8
9
|
class DateInputSectionOrganism {
|
|
@@ -13,10 +14,10 @@ class DateInputSectionOrganism {
|
|
|
13
14
|
}
|
|
14
15
|
}
|
|
15
16
|
DateInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
DateInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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-
|
|
17
|
+
DateInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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-rN9d: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-rN9d);box-sizing:border-box}:host mat-form-field{width:100%}\n"], components: [{ type: i1.DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: ["control", "label", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputSectionOrganism, decorators: [{
|
|
18
19
|
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-
|
|
20
|
+
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-rN9d: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-rN9d);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
|
|
20
21
|
}], propDecorators: { control: [{
|
|
21
22
|
type: Input
|
|
22
23
|
}], label: [{
|
|
@@ -25,9 +26,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
25
26
|
type: Input
|
|
26
27
|
}] } });
|
|
27
28
|
|
|
28
|
-
class DateInputSectionModule {
|
|
29
|
+
class DateInputSectionModule extends ElementsModule {
|
|
29
30
|
}
|
|
30
|
-
DateInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputSectionModule, deps:
|
|
31
|
+
DateInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputSectionModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
|
|
31
32
|
DateInputSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputSectionModule, declarations: [DateInputSectionOrganism], imports: [CommonModule,
|
|
32
33
|
DateInputFieldModule], exports: [DateInputSectionOrganism] });
|
|
33
34
|
DateInputSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputSectionModule, imports: [[
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-organisms-date-input-section.mjs","sources":["../../../../libs/components/organisms/date-input-section/date-input-section.organism.ts","../../../../libs/components/organisms/date-input-section/date-input-section.organism.html","../../../../libs/components/organisms/date-input-section/date-input-section.module.ts","../../../../libs/components/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';\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":"
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-date-input-section.mjs","sources":["../../../../libs/components/organisms/date-input-section/date-input-section.organism.ts","../../../../libs/components/organisms/date-input-section/date-input-section.organism.html","../../../../libs/components/organisms/date-input-section/date-input-section.module.ts","../../../../libs/components/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';\nimport { ElementsModule } from '@ng-atomic/elements';\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 extends ElementsModule { }\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;AAGzC,QAAA,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;AAGX,QAAA,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;KAClB;;sHATY,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,SAAA,EAAA,IAAA,EAAA,wBAAwB,8LCXrC,4IAI8B,EAAA,MAAA,EAAA,CAAA,kRAAA,CAAA,EAAA,UAAA,EAAA,CAAA,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;4FDOjB,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;;;AECF,MAAO,sBAAuB,SAAQ,cAAc,CAAA;;oHAA7C,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;qHAAtB,sBAAsB,EAAA,YAAA,EAAA,CAV/B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxB,YAAY;QACZ,oBAAoB,aAGpB,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAGf,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,EARxB,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,oBAAoB;SACrB,CAAA,EAAA,CAAA,CAAA;4FAKU,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;iBACF,CAAA;;;AClBD;;AAEG;;;;"}
|
|
@@ -2,6 +2,7 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
|
+
import { ElementsModule } from '@ng-atomic/elements';
|
|
5
6
|
|
|
6
7
|
class HeadingOrganism {
|
|
7
8
|
constructor() {
|
|
@@ -9,17 +10,17 @@ class HeadingOrganism {
|
|
|
9
10
|
}
|
|
10
11
|
}
|
|
11
12
|
HeadingOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HeadingOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
HeadingOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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-
|
|
13
|
+
HeadingOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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-oSzo: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-oSzo)}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HeadingOrganism, decorators: [{
|
|
14
15
|
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-
|
|
16
|
+
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-oSzo: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-oSzo)}\n"] }]
|
|
16
17
|
}], propDecorators: { level: [{
|
|
17
18
|
type: Input
|
|
18
19
|
}] } });
|
|
19
20
|
|
|
20
|
-
class HeadingModule {
|
|
21
|
+
class HeadingModule extends ElementsModule {
|
|
21
22
|
}
|
|
22
|
-
HeadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HeadingModule, deps:
|
|
23
|
+
HeadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HeadingModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
|
|
23
24
|
HeadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HeadingModule, declarations: [HeadingOrganism], imports: [CommonModule], exports: [HeadingOrganism] });
|
|
24
25
|
HeadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HeadingModule, imports: [[
|
|
25
26
|
CommonModule
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-organisms-heading.mjs","sources":["../../../../libs/components/organisms/heading/heading.organism.ts","../../../../libs/components/organisms/heading/heading.organism.html","../../../../libs/components/organisms/heading/heading.module.ts","../../../../libs/components/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';\nimport { HeadingOrganism } from './heading.organism';\n\n\n
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-heading.mjs","sources":["../../../../libs/components/organisms/heading/heading.organism.ts","../../../../libs/components/organisms/heading/heading.organism.html","../../../../libs/components/organisms/heading/heading.module.ts","../../../../libs/components/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';\nimport { ElementsModule } from '@ng-atomic/elements';\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 extends ElementsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,eAAe,CAAA;AAN5B,IAAA,WAAA,GAAA;AAQE,QAAA,IAAK,CAAA,KAAA,GAA0B,CAAC,CAAC;KAClC;;6GAHY,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,SAAA,EAAA,IAAA,EAAA,eAAe,qFCR5B,6oBASe,EAAA,MAAA,EAAA,CAAA,4NAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDDF,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;;;AESF,MAAO,aAAc,SAAQ,cAAc,CAAA;;2GAApC,aAAa,EAAA,IAAA,EAAA,IAAA,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,SAAA,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,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EAPf,OAAA,EAAA,CAAA;YACP,YAAY;SACb,CAAA,EAAA,CAAA,CAAA;4FAKU,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;iBACF,CAAA;;;ACjBD;;AAEG;;;;"}
|