@ascentgl/ads-ui 0.0.8 → 0.0.9
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/esm2022/index.mjs +2 -19
- package/esm2022/lib/components/form-fields/abstracts/abstract.base.component.mjs +3 -3
- package/esm2022/lib/components/form-fields/common/error/error.component.mjs +3 -3
- package/esm2022/lib/components/form-fields/common/success/success.component.mjs +3 -3
- package/esm2022/lib/components/form-fields/dropdowns/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/lib/components/form-fields/input/input.component.mjs +3 -3
- package/esm2022/lib/components/nav-bar/side-nav-bar/nav-item.types.mjs +2 -0
- package/esm2022/lib/components/nav-bar/side-nav-bar/side-nav-bar.component.mjs +12 -23
- package/esm2022/lib/components/nav-bar/side-nav-bar/side-nav-bar.module.mjs +1 -5
- package/esm2022/lib/components/{submenu/submenu-container → steppers/vertical-stepper}/index.mjs +1 -1
- package/esm2022/lib/components/steppers/vertical-stepper/public-api.mjs +5 -0
- package/esm2022/lib/components/steppers/vertical-stepper/vertical-helpers.mjs +98 -0
- package/esm2022/lib/components/steppers/vertical-stepper/vertical-step.type.mjs +12 -0
- package/esm2022/lib/components/steppers/vertical-stepper/vertical-stepper.component.mjs +125 -0
- package/esm2022/lib/components/steppers/vertical-stepper/vertical-stepper.module.mjs +28 -0
- package/esm2022/lib/components/tags/tag/tag.component.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui.mjs +315 -934
- package/fesm2022/ascentgl-ads-ui.mjs.map +1 -1
- package/index.d.ts +1 -18
- package/lib/components/nav-bar/{nav-item → side-nav-bar}/nav-item.types.d.ts +0 -1
- package/lib/components/nav-bar/side-nav-bar/side-nav-bar.component.d.ts +6 -8
- package/lib/components/nav-bar/side-nav-bar/side-nav-bar.module.d.ts +5 -6
- package/lib/components/steppers/vertical-stepper/public-api.d.ts +4 -0
- package/lib/components/steppers/vertical-stepper/vertical-helpers.d.ts +24 -0
- package/lib/components/steppers/vertical-stepper/vertical-step.type.d.ts +43 -0
- package/lib/components/steppers/vertical-stepper/vertical-stepper.component.d.ts +58 -0
- package/lib/components/steppers/vertical-stepper/vertical-stepper.module.d.ts +11 -0
- package/package.json +30 -131
- package/esm2022/lib/components/main-menu/index.mjs +0 -2
- package/esm2022/lib/components/main-menu/main-menu-bottom-sheet/main-menu-bottom-sheet.component.mjs +0 -22
- package/esm2022/lib/components/main-menu/main-menu.component.mjs +0 -76
- package/esm2022/lib/components/main-menu/main-menu.module.mjs +0 -45
- package/esm2022/lib/components/main-menu/main-menu.types.mjs +0 -2
- package/esm2022/lib/components/main-menu/public-api.mjs +0 -4
- package/esm2022/lib/components/nav-bar/nav-item/index.mjs +0 -2
- package/esm2022/lib/components/nav-bar/nav-item/nav-item.component.mjs +0 -27
- package/esm2022/lib/components/nav-bar/nav-item/nav-item.module.mjs +0 -20
- package/esm2022/lib/components/nav-bar/nav-item/nav-item.types.mjs +0 -2
- package/esm2022/lib/components/nav-bar/nav-item/public-api.mjs +0 -3
- package/esm2022/lib/components/navigation/dashboard-edit-icon/dashboard-edit-icon.component.mjs +0 -46
- package/esm2022/lib/components/navigation/dashboard-edit-icon/dashboard-edit-icon.module.mjs +0 -18
- package/esm2022/lib/components/navigation/dashboard-edit-icon/index.mjs +0 -2
- package/esm2022/lib/components/navigation/dashboard-edit-icon/public-api.mjs +0 -3
- package/esm2022/lib/components/navigation/index.mjs +0 -2
- package/esm2022/lib/components/navigation/navigation-actions-container/index.mjs +0 -2
- package/esm2022/lib/components/navigation/navigation-actions-container/navigation-actions-container.component.mjs +0 -20
- package/esm2022/lib/components/navigation/navigation-actions-container/navigation-actions-container.module.mjs +0 -18
- package/esm2022/lib/components/navigation/navigation-actions-container/public-api.mjs +0 -3
- package/esm2022/lib/components/navigation/navigation-collapse-handle/index.mjs +0 -2
- package/esm2022/lib/components/navigation/navigation-collapse-handle/navigation-collapse-handle.component.mjs +0 -48
- package/esm2022/lib/components/navigation/navigation-collapse-handle/navigation-collapse-handle.module.mjs +0 -18
- package/esm2022/lib/components/navigation/navigation-collapse-handle/public-api.mjs +0 -3
- package/esm2022/lib/components/navigation/navigation-header/index.mjs +0 -2
- package/esm2022/lib/components/navigation/navigation-header/navigation-header.component.mjs +0 -25
- package/esm2022/lib/components/navigation/navigation-header/navigation-header.module.mjs +0 -16
- package/esm2022/lib/components/navigation/navigation-header/public-api.mjs +0 -3
- package/esm2022/lib/components/navigation/navigation-item/index.mjs +0 -2
- package/esm2022/lib/components/navigation/navigation-item/navigation-item.component.mjs +0 -74
- package/esm2022/lib/components/navigation/navigation-item/navigation-item.module.mjs +0 -21
- package/esm2022/lib/components/navigation/navigation-item/public-api.mjs +0 -3
- package/esm2022/lib/components/navigation/navigation-items-container/index.mjs +0 -2
- package/esm2022/lib/components/navigation/navigation-items-container/navigation-items-container.component.mjs +0 -11
- package/esm2022/lib/components/navigation/navigation-items-container/navigation-items-container.module.mjs +0 -16
- package/esm2022/lib/components/navigation/navigation-items-container/public-api.mjs +0 -3
- package/esm2022/lib/components/navigation/navigation.component.mjs +0 -25
- package/esm2022/lib/components/navigation/navigation.module.mjs +0 -16
- package/esm2022/lib/components/navigation/public-api.mjs +0 -3
- package/esm2022/lib/components/navigation/side-navigation/side-navigation-container/index.mjs +0 -2
- package/esm2022/lib/components/navigation/side-navigation/side-navigation-container/public-api.mjs +0 -3
- package/esm2022/lib/components/navigation/side-navigation/side-navigation-container/side-navigation-container.component.mjs +0 -11
- package/esm2022/lib/components/navigation/side-navigation/side-navigation-container/side-navigation-container.module.mjs +0 -16
- package/esm2022/lib/components/navigation/side-navigation/side-navigation-item/index.mjs +0 -2
- package/esm2022/lib/components/navigation/side-navigation/side-navigation-item/public-api.mjs +0 -3
- package/esm2022/lib/components/navigation/side-navigation/side-navigation-item/side-navigation-item.component.mjs +0 -67
- package/esm2022/lib/components/navigation/side-navigation/side-navigation-item/side-navigation-item.module.mjs +0 -21
- package/esm2022/lib/components/navigation/sub-navigation-item/index.mjs +0 -2
- package/esm2022/lib/components/navigation/sub-navigation-item/public-api.mjs +0 -3
- package/esm2022/lib/components/navigation/sub-navigation-item/sub-navigation-item.component.mjs +0 -36
- package/esm2022/lib/components/navigation/sub-navigation-item/sub-navigation-item.module.mjs +0 -18
- package/esm2022/lib/components/navigation/sub-navigation-items-container/index.mjs +0 -2
- package/esm2022/lib/components/navigation/sub-navigation-items-container/public-api.mjs +0 -3
- package/esm2022/lib/components/navigation/sub-navigation-items-container/sub-navigation-items-container.component.mjs +0 -11
- package/esm2022/lib/components/navigation/sub-navigation-items-container/sub-navigation-items-container.module.mjs +0 -16
- package/esm2022/lib/components/rating/index.mjs +0 -2
- package/esm2022/lib/components/rating/public-api.mjs +0 -3
- package/esm2022/lib/components/rating/rating.component.mjs +0 -69
- package/esm2022/lib/components/rating/rating.module.mjs +0 -19
- package/esm2022/lib/components/submenu/submenu-container/public-api.mjs +0 -3
- package/esm2022/lib/components/submenu/submenu-container/submenu-container.component.mjs +0 -22
- package/esm2022/lib/components/submenu/submenu-container/submenu-container.module.mjs +0 -18
- package/esm2022/lib/components/submenu/submenu-heading/index.mjs +0 -2
- package/esm2022/lib/components/submenu/submenu-heading/public-api.mjs +0 -3
- package/esm2022/lib/components/submenu/submenu-heading/submenu-heading.component.mjs +0 -17
- package/esm2022/lib/components/submenu/submenu-heading/submenu-heading.module.mjs +0 -18
- package/esm2022/lib/components/submenu/submenu-item/index.mjs +0 -2
- package/esm2022/lib/components/submenu/submenu-item/public-api.mjs +0 -3
- package/esm2022/lib/components/submenu/submenu-item/submenu-item.component.mjs +0 -28
- package/esm2022/lib/components/submenu/submenu-item/submenu-item.module.mjs +0 -19
- package/esm2022/lib/components/submenu/submenu-secondary-item/index.mjs +0 -2
- package/esm2022/lib/components/submenu/submenu-secondary-item/public-api.mjs +0 -3
- package/esm2022/lib/components/submenu/submenu-secondary-item/submenu-secondary-item.component.mjs +0 -33
- package/esm2022/lib/components/submenu/submenu-secondary-item/submenu-secondary-item.module.mjs +0 -19
- package/esm2022/src/lib/components/main-menu/ascentgl-ads-ui-src-lib-components-main-menu.mjs +0 -5
- package/esm2022/src/lib/components/main-menu/main-menu-bottom-sheet/main-menu-bottom-sheet.component.mjs +0 -22
- package/esm2022/src/lib/components/main-menu/main-menu.component.mjs +0 -76
- package/esm2022/src/lib/components/main-menu/main-menu.module.mjs +0 -45
- package/esm2022/src/lib/components/main-menu/main-menu.types.mjs +0 -2
- package/esm2022/src/lib/components/main-menu/public-api.mjs +0 -4
- package/esm2022/src/lib/components/navigation/ascentgl-ads-ui-src-lib-components-navigation.mjs +0 -5
- package/esm2022/src/lib/components/navigation/dashboard-edit-icon/ascentgl-ads-ui-src-lib-components-navigation-dashboard-edit-icon.mjs +0 -5
- package/esm2022/src/lib/components/navigation/dashboard-edit-icon/dashboard-edit-icon.component.mjs +0 -46
- package/esm2022/src/lib/components/navigation/dashboard-edit-icon/dashboard-edit-icon.module.mjs +0 -18
- package/esm2022/src/lib/components/navigation/dashboard-edit-icon/public-api.mjs +0 -3
- package/esm2022/src/lib/components/navigation/navigation-actions-container/ascentgl-ads-ui-src-lib-components-navigation-navigation-actions-container.mjs +0 -5
- package/esm2022/src/lib/components/navigation/navigation-actions-container/navigation-actions-container.component.mjs +0 -20
- package/esm2022/src/lib/components/navigation/navigation-actions-container/navigation-actions-container.module.mjs +0 -18
- package/esm2022/src/lib/components/navigation/navigation-actions-container/public-api.mjs +0 -3
- package/esm2022/src/lib/components/navigation/navigation-collapse-handle/ascentgl-ads-ui-src-lib-components-navigation-navigation-collapse-handle.mjs +0 -5
- package/esm2022/src/lib/components/navigation/navigation-collapse-handle/navigation-collapse-handle.component.mjs +0 -48
- package/esm2022/src/lib/components/navigation/navigation-collapse-handle/navigation-collapse-handle.module.mjs +0 -18
- package/esm2022/src/lib/components/navigation/navigation-collapse-handle/public-api.mjs +0 -3
- package/esm2022/src/lib/components/navigation/navigation-header/ascentgl-ads-ui-src-lib-components-navigation-navigation-header.mjs +0 -5
- package/esm2022/src/lib/components/navigation/navigation-header/navigation-header.component.mjs +0 -25
- package/esm2022/src/lib/components/navigation/navigation-header/navigation-header.module.mjs +0 -16
- package/esm2022/src/lib/components/navigation/navigation-header/public-api.mjs +0 -3
- package/esm2022/src/lib/components/navigation/navigation-item/ascentgl-ads-ui-src-lib-components-navigation-navigation-item.mjs +0 -5
- package/esm2022/src/lib/components/navigation/navigation-item/navigation-item.component.mjs +0 -74
- package/esm2022/src/lib/components/navigation/navigation-item/navigation-item.module.mjs +0 -21
- package/esm2022/src/lib/components/navigation/navigation-item/public-api.mjs +0 -3
- package/esm2022/src/lib/components/navigation/navigation-items-container/ascentgl-ads-ui-src-lib-components-navigation-navigation-items-container.mjs +0 -5
- package/esm2022/src/lib/components/navigation/navigation-items-container/navigation-items-container.component.mjs +0 -11
- package/esm2022/src/lib/components/navigation/navigation-items-container/navigation-items-container.module.mjs +0 -16
- package/esm2022/src/lib/components/navigation/navigation-items-container/public-api.mjs +0 -3
- package/esm2022/src/lib/components/navigation/navigation.component.mjs +0 -25
- package/esm2022/src/lib/components/navigation/navigation.module.mjs +0 -16
- package/esm2022/src/lib/components/navigation/public-api.mjs +0 -3
- package/esm2022/src/lib/components/navigation/side-navigation/side-navigation-container/ascentgl-ads-ui-src-lib-components-navigation-side-navigation-side-navigation-container.mjs +0 -5
- package/esm2022/src/lib/components/navigation/side-navigation/side-navigation-container/public-api.mjs +0 -3
- package/esm2022/src/lib/components/navigation/side-navigation/side-navigation-container/side-navigation-container.component.mjs +0 -11
- package/esm2022/src/lib/components/navigation/side-navigation/side-navigation-container/side-navigation-container.module.mjs +0 -16
- package/esm2022/src/lib/components/navigation/side-navigation/side-navigation-item/ascentgl-ads-ui-src-lib-components-navigation-side-navigation-side-navigation-item.mjs +0 -5
- package/esm2022/src/lib/components/navigation/side-navigation/side-navigation-item/public-api.mjs +0 -3
- package/esm2022/src/lib/components/navigation/side-navigation/side-navigation-item/side-navigation-item.component.mjs +0 -67
- package/esm2022/src/lib/components/navigation/side-navigation/side-navigation-item/side-navigation-item.module.mjs +0 -21
- package/esm2022/src/lib/components/navigation/sub-navigation-item/ascentgl-ads-ui-src-lib-components-navigation-sub-navigation-item.mjs +0 -5
- package/esm2022/src/lib/components/navigation/sub-navigation-item/public-api.mjs +0 -3
- package/esm2022/src/lib/components/navigation/sub-navigation-item/sub-navigation-item.component.mjs +0 -36
- package/esm2022/src/lib/components/navigation/sub-navigation-item/sub-navigation-item.module.mjs +0 -18
- package/esm2022/src/lib/components/navigation/sub-navigation-items-container/ascentgl-ads-ui-src-lib-components-navigation-sub-navigation-items-container.mjs +0 -5
- package/esm2022/src/lib/components/navigation/sub-navigation-items-container/public-api.mjs +0 -3
- package/esm2022/src/lib/components/navigation/sub-navigation-items-container/sub-navigation-items-container.component.mjs +0 -11
- package/esm2022/src/lib/components/navigation/sub-navigation-items-container/sub-navigation-items-container.module.mjs +0 -16
- package/esm2022/src/lib/components/rating/ascentgl-ads-ui-src-lib-components-rating.mjs +0 -5
- package/esm2022/src/lib/components/rating/public-api.mjs +0 -3
- package/esm2022/src/lib/components/rating/rating.component.mjs +0 -69
- package/esm2022/src/lib/components/rating/rating.module.mjs +0 -19
- package/esm2022/src/lib/components/submenu/submenu-container/ascentgl-ads-ui-src-lib-components-submenu-submenu-container.mjs +0 -5
- package/esm2022/src/lib/components/submenu/submenu-container/public-api.mjs +0 -3
- package/esm2022/src/lib/components/submenu/submenu-container/submenu-container.component.mjs +0 -22
- package/esm2022/src/lib/components/submenu/submenu-container/submenu-container.module.mjs +0 -18
- package/esm2022/src/lib/components/submenu/submenu-heading/ascentgl-ads-ui-src-lib-components-submenu-submenu-heading.mjs +0 -5
- package/esm2022/src/lib/components/submenu/submenu-heading/public-api.mjs +0 -3
- package/esm2022/src/lib/components/submenu/submenu-heading/submenu-heading.component.mjs +0 -17
- package/esm2022/src/lib/components/submenu/submenu-heading/submenu-heading.module.mjs +0 -18
- package/esm2022/src/lib/components/submenu/submenu-item/ascentgl-ads-ui-src-lib-components-submenu-submenu-item.mjs +0 -5
- package/esm2022/src/lib/components/submenu/submenu-item/public-api.mjs +0 -3
- package/esm2022/src/lib/components/submenu/submenu-item/submenu-item.component.mjs +0 -28
- package/esm2022/src/lib/components/submenu/submenu-item/submenu-item.module.mjs +0 -19
- package/esm2022/src/lib/components/submenu/submenu-secondary-item/ascentgl-ads-ui-src-lib-components-submenu-submenu-secondary-item.mjs +0 -5
- package/esm2022/src/lib/components/submenu/submenu-secondary-item/public-api.mjs +0 -3
- package/esm2022/src/lib/components/submenu/submenu-secondary-item/submenu-secondary-item.component.mjs +0 -33
- package/esm2022/src/lib/components/submenu/submenu-secondary-item/submenu-secondary-item.module.mjs +0 -19
- package/fesm2022/ascentgl-ads-ui-src-lib-components-main-menu.mjs +0 -135
- package/fesm2022/ascentgl-ads-ui-src-lib-components-main-menu.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-dashboard-edit-icon.mjs +0 -67
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-dashboard-edit-icon.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-navigation-actions-container.mjs +0 -42
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-navigation-actions-container.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-navigation-collapse-handle.mjs +0 -69
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-navigation-collapse-handle.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-navigation-header.mjs +0 -45
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-navigation-header.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-navigation-item.mjs +0 -98
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-navigation-item.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-navigation-items-container.mjs +0 -31
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-navigation-items-container.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-side-navigation-side-navigation-container.mjs +0 -31
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-side-navigation-side-navigation-container.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-side-navigation-side-navigation-item.mjs +0 -91
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-side-navigation-side-navigation-item.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-sub-navigation-item.mjs +0 -58
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-sub-navigation-item.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-sub-navigation-items-container.mjs +0 -31
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation-sub-navigation-items-container.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation.mjs +0 -45
- package/fesm2022/ascentgl-ads-ui-src-lib-components-navigation.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-rating.mjs +0 -91
- package/fesm2022/ascentgl-ads-ui-src-lib-components-rating.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-container.mjs +0 -44
- package/fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-container.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-heading.mjs +0 -39
- package/fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-heading.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-item.mjs +0 -51
- package/fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-item.mjs.map +0 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-secondary-item.mjs +0 -56
- package/fesm2022/ascentgl-ads-ui-src-lib-components-submenu-submenu-secondary-item.mjs.map +0 -1
- package/lib/components/main-menu/main-menu-bottom-sheet/main-menu-bottom-sheet.component.d.ts +0 -11
- package/lib/components/main-menu/main-menu.component.d.ts +0 -42
- package/lib/components/main-menu/main-menu.module.d.ts +0 -15
- package/lib/components/main-menu/main-menu.types.d.ts +0 -8
- package/lib/components/main-menu/public-api.d.ts +0 -3
- package/lib/components/nav-bar/nav-item/index.d.ts +0 -1
- package/lib/components/nav-bar/nav-item/nav-item.component.d.ts +0 -18
- package/lib/components/nav-bar/nav-item/nav-item.module.d.ts +0 -10
- package/lib/components/nav-bar/nav-item/public-api.d.ts +0 -2
- package/lib/components/navigation/dashboard-edit-icon/dashboard-edit-icon.component.d.ts +0 -30
- package/lib/components/navigation/dashboard-edit-icon/dashboard-edit-icon.module.d.ts +0 -8
- package/lib/components/navigation/dashboard-edit-icon/index.d.ts +0 -1
- package/lib/components/navigation/dashboard-edit-icon/public-api.d.ts +0 -2
- package/lib/components/navigation/index.d.ts +0 -1
- package/lib/components/navigation/navigation-actions-container/index.d.ts +0 -1
- package/lib/components/navigation/navigation-actions-container/navigation-actions-container.component.d.ts +0 -9
- package/lib/components/navigation/navigation-actions-container/navigation-actions-container.module.d.ts +0 -8
- package/lib/components/navigation/navigation-actions-container/public-api.d.ts +0 -2
- package/lib/components/navigation/navigation-collapse-handle/index.d.ts +0 -1
- package/lib/components/navigation/navigation-collapse-handle/navigation-collapse-handle.component.d.ts +0 -31
- package/lib/components/navigation/navigation-collapse-handle/navigation-collapse-handle.module.d.ts +0 -8
- package/lib/components/navigation/navigation-collapse-handle/public-api.d.ts +0 -2
- package/lib/components/navigation/navigation-header/index.d.ts +0 -1
- package/lib/components/navigation/navigation-header/navigation-header.component.d.ts +0 -13
- package/lib/components/navigation/navigation-header/navigation-header.module.d.ts +0 -7
- package/lib/components/navigation/navigation-header/public-api.d.ts +0 -2
- package/lib/components/navigation/navigation-item/index.d.ts +0 -1
- package/lib/components/navigation/navigation-item/navigation-item.component.d.ts +0 -52
- package/lib/components/navigation/navigation-item/navigation-item.module.d.ts +0 -11
- package/lib/components/navigation/navigation-item/public-api.d.ts +0 -2
- package/lib/components/navigation/navigation-items-container/index.d.ts +0 -1
- package/lib/components/navigation/navigation-items-container/navigation-items-container.component.d.ts +0 -5
- package/lib/components/navigation/navigation-items-container/navigation-items-container.module.d.ts +0 -7
- package/lib/components/navigation/navigation-items-container/public-api.d.ts +0 -2
- package/lib/components/navigation/navigation.component.d.ts +0 -13
- package/lib/components/navigation/navigation.module.d.ts +0 -7
- package/lib/components/navigation/public-api.d.ts +0 -2
- package/lib/components/navigation/side-navigation/side-navigation-container/index.d.ts +0 -1
- package/lib/components/navigation/side-navigation/side-navigation-container/public-api.d.ts +0 -2
- package/lib/components/navigation/side-navigation/side-navigation-container/side-navigation-container.component.d.ts +0 -5
- package/lib/components/navigation/side-navigation/side-navigation-container/side-navigation-container.module.d.ts +0 -7
- package/lib/components/navigation/side-navigation/side-navigation-item/index.d.ts +0 -1
- package/lib/components/navigation/side-navigation/side-navigation-item/public-api.d.ts +0 -2
- package/lib/components/navigation/side-navigation/side-navigation-item/side-navigation-item.component.d.ts +0 -45
- package/lib/components/navigation/side-navigation/side-navigation-item/side-navigation-item.module.d.ts +0 -11
- package/lib/components/navigation/sub-navigation-item/index.d.ts +0 -1
- package/lib/components/navigation/sub-navigation-item/public-api.d.ts +0 -2
- package/lib/components/navigation/sub-navigation-item/sub-navigation-item.component.d.ts +0 -28
- package/lib/components/navigation/sub-navigation-item/sub-navigation-item.module.d.ts +0 -8
- package/lib/components/navigation/sub-navigation-items-container/index.d.ts +0 -1
- package/lib/components/navigation/sub-navigation-items-container/public-api.d.ts +0 -2
- package/lib/components/navigation/sub-navigation-items-container/sub-navigation-items-container.component.d.ts +0 -5
- package/lib/components/navigation/sub-navigation-items-container/sub-navigation-items-container.module.d.ts +0 -7
- package/lib/components/rating/index.d.ts +0 -1
- package/lib/components/rating/public-api.d.ts +0 -2
- package/lib/components/rating/rating.component.d.ts +0 -22
- package/lib/components/rating/rating.module.d.ts +0 -9
- package/lib/components/submenu/submenu-container/index.d.ts +0 -1
- package/lib/components/submenu/submenu-container/public-api.d.ts +0 -2
- package/lib/components/submenu/submenu-container/submenu-container.component.d.ts +0 -9
- package/lib/components/submenu/submenu-container/submenu-container.module.d.ts +0 -8
- package/lib/components/submenu/submenu-heading/index.d.ts +0 -1
- package/lib/components/submenu/submenu-heading/public-api.d.ts +0 -2
- package/lib/components/submenu/submenu-heading/submenu-heading.component.d.ts +0 -9
- package/lib/components/submenu/submenu-heading/submenu-heading.module.d.ts +0 -8
- package/lib/components/submenu/submenu-item/index.d.ts +0 -1
- package/lib/components/submenu/submenu-item/public-api.d.ts +0 -2
- package/lib/components/submenu/submenu-item/submenu-item.component.d.ts +0 -16
- package/lib/components/submenu/submenu-item/submenu-item.module.d.ts +0 -9
- package/lib/components/submenu/submenu-secondary-item/index.d.ts +0 -1
- package/lib/components/submenu/submenu-secondary-item/public-api.d.ts +0 -2
- package/lib/components/submenu/submenu-secondary-item/submenu-secondary-item.component.d.ts +0 -18
- package/lib/components/submenu/submenu-secondary-item/submenu-secondary-item.module.d.ts +0 -9
- package/src/lib/components/main-menu/index.d.ts +0 -5
- package/src/lib/components/main-menu/main-menu-bottom-sheet/main-menu-bottom-sheet.component.d.ts +0 -11
- package/src/lib/components/main-menu/main-menu.component.d.ts +0 -42
- package/src/lib/components/main-menu/main-menu.module.d.ts +0 -15
- package/src/lib/components/main-menu/main-menu.types.d.ts +0 -8
- package/src/lib/components/main-menu/public-api.d.ts +0 -3
- package/src/lib/components/navigation/dashboard-edit-icon/dashboard-edit-icon.component.d.ts +0 -30
- package/src/lib/components/navigation/dashboard-edit-icon/dashboard-edit-icon.module.d.ts +0 -8
- package/src/lib/components/navigation/dashboard-edit-icon/index.d.ts +0 -5
- package/src/lib/components/navigation/dashboard-edit-icon/public-api.d.ts +0 -2
- package/src/lib/components/navigation/index.d.ts +0 -5
- package/src/lib/components/navigation/navigation-actions-container/index.d.ts +0 -5
- package/src/lib/components/navigation/navigation-actions-container/navigation-actions-container.component.d.ts +0 -9
- package/src/lib/components/navigation/navigation-actions-container/navigation-actions-container.module.d.ts +0 -8
- package/src/lib/components/navigation/navigation-actions-container/public-api.d.ts +0 -2
- package/src/lib/components/navigation/navigation-collapse-handle/index.d.ts +0 -5
- package/src/lib/components/navigation/navigation-collapse-handle/navigation-collapse-handle.component.d.ts +0 -31
- package/src/lib/components/navigation/navigation-collapse-handle/navigation-collapse-handle.module.d.ts +0 -8
- package/src/lib/components/navigation/navigation-collapse-handle/public-api.d.ts +0 -2
- package/src/lib/components/navigation/navigation-header/index.d.ts +0 -5
- package/src/lib/components/navigation/navigation-header/navigation-header.component.d.ts +0 -13
- package/src/lib/components/navigation/navigation-header/navigation-header.module.d.ts +0 -7
- package/src/lib/components/navigation/navigation-header/public-api.d.ts +0 -2
- package/src/lib/components/navigation/navigation-item/index.d.ts +0 -5
- package/src/lib/components/navigation/navigation-item/navigation-item.component.d.ts +0 -52
- package/src/lib/components/navigation/navigation-item/navigation-item.module.d.ts +0 -11
- package/src/lib/components/navigation/navigation-item/public-api.d.ts +0 -2
- package/src/lib/components/navigation/navigation-items-container/index.d.ts +0 -5
- package/src/lib/components/navigation/navigation-items-container/navigation-items-container.component.d.ts +0 -5
- package/src/lib/components/navigation/navigation-items-container/navigation-items-container.module.d.ts +0 -7
- package/src/lib/components/navigation/navigation-items-container/public-api.d.ts +0 -2
- package/src/lib/components/navigation/navigation.component.d.ts +0 -13
- package/src/lib/components/navigation/navigation.module.d.ts +0 -7
- package/src/lib/components/navigation/public-api.d.ts +0 -2
- package/src/lib/components/navigation/side-navigation/side-navigation-container/index.d.ts +0 -5
- package/src/lib/components/navigation/side-navigation/side-navigation-container/public-api.d.ts +0 -2
- package/src/lib/components/navigation/side-navigation/side-navigation-container/side-navigation-container.component.d.ts +0 -5
- package/src/lib/components/navigation/side-navigation/side-navigation-container/side-navigation-container.module.d.ts +0 -7
- package/src/lib/components/navigation/side-navigation/side-navigation-item/index.d.ts +0 -5
- package/src/lib/components/navigation/side-navigation/side-navigation-item/public-api.d.ts +0 -2
- package/src/lib/components/navigation/side-navigation/side-navigation-item/side-navigation-item.component.d.ts +0 -45
- package/src/lib/components/navigation/side-navigation/side-navigation-item/side-navigation-item.module.d.ts +0 -11
- package/src/lib/components/navigation/sub-navigation-item/index.d.ts +0 -5
- package/src/lib/components/navigation/sub-navigation-item/public-api.d.ts +0 -2
- package/src/lib/components/navigation/sub-navigation-item/sub-navigation-item.component.d.ts +0 -28
- package/src/lib/components/navigation/sub-navigation-item/sub-navigation-item.module.d.ts +0 -8
- package/src/lib/components/navigation/sub-navigation-items-container/index.d.ts +0 -5
- package/src/lib/components/navigation/sub-navigation-items-container/public-api.d.ts +0 -2
- package/src/lib/components/navigation/sub-navigation-items-container/sub-navigation-items-container.component.d.ts +0 -5
- package/src/lib/components/navigation/sub-navigation-items-container/sub-navigation-items-container.module.d.ts +0 -7
- package/src/lib/components/rating/index.d.ts +0 -5
- package/src/lib/components/rating/public-api.d.ts +0 -2
- package/src/lib/components/rating/rating.component.d.ts +0 -22
- package/src/lib/components/rating/rating.module.d.ts +0 -9
- package/src/lib/components/submenu/submenu-container/index.d.ts +0 -5
- package/src/lib/components/submenu/submenu-container/public-api.d.ts +0 -2
- package/src/lib/components/submenu/submenu-container/submenu-container.component.d.ts +0 -9
- package/src/lib/components/submenu/submenu-container/submenu-container.module.d.ts +0 -8
- package/src/lib/components/submenu/submenu-heading/index.d.ts +0 -5
- package/src/lib/components/submenu/submenu-heading/public-api.d.ts +0 -2
- package/src/lib/components/submenu/submenu-heading/submenu-heading.component.d.ts +0 -9
- package/src/lib/components/submenu/submenu-heading/submenu-heading.module.d.ts +0 -8
- package/src/lib/components/submenu/submenu-item/index.d.ts +0 -5
- package/src/lib/components/submenu/submenu-item/public-api.d.ts +0 -2
- package/src/lib/components/submenu/submenu-item/submenu-item.component.d.ts +0 -16
- package/src/lib/components/submenu/submenu-item/submenu-item.module.d.ts +0 -9
- package/src/lib/components/submenu/submenu-secondary-item/index.d.ts +0 -5
- package/src/lib/components/submenu/submenu-secondary-item/public-api.d.ts +0 -2
- package/src/lib/components/submenu/submenu-secondary-item/submenu-secondary-item.component.d.ts +0 -18
- package/src/lib/components/submenu/submenu-secondary-item/submenu-secondary-item.module.d.ts +0 -9
- /package/lib/components/{main-menu → steppers/vertical-stepper}/index.d.ts +0 -0
|
@@ -4,16 +4,13 @@ import { adsIconSearch } from '@ascentgl/ads-icons/icons';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@ascentgl/ads-icons";
|
|
6
6
|
import * as i2 from "@angular/common";
|
|
7
|
-
import * as i3 from "
|
|
8
|
-
import * as i4 from "
|
|
9
|
-
import * as i5 from "angular
|
|
10
|
-
import * as i6 from "@angular/router";
|
|
7
|
+
import * as i3 from "../../logo/primary-logo/primary-logo.component";
|
|
8
|
+
import * as i4 from "angular-split";
|
|
9
|
+
import * as i5 from "@angular/router";
|
|
11
10
|
export class AdsSideNavBarComponent {
|
|
12
11
|
/** @ignore */
|
|
13
12
|
constructor(registry) {
|
|
14
13
|
this.registry = registry;
|
|
15
|
-
/** Min width before sidebar collapsed */
|
|
16
|
-
this.widthToCollapsed = input(90);
|
|
17
14
|
/** The default expanded width for the sidebar */
|
|
18
15
|
this.defaultExpandedWidth = input(220);
|
|
19
16
|
/** The search template */
|
|
@@ -28,6 +25,8 @@ export class AdsSideNavBarComponent {
|
|
|
28
25
|
this.sidebarSize = signal(this.defaultExpandedWidth());
|
|
29
26
|
/** @ignore */
|
|
30
27
|
this.localStorageName = 'side-nav-bar-width';
|
|
28
|
+
/** @ignore */
|
|
29
|
+
this.widthToCollapsed = 70;
|
|
31
30
|
this.registry.register([adsIconSearch]);
|
|
32
31
|
}
|
|
33
32
|
/** @ignore */
|
|
@@ -35,32 +34,22 @@ export class AdsSideNavBarComponent {
|
|
|
35
34
|
if (localStorage.getItem(this.localStorageName)) {
|
|
36
35
|
this.sidebarSize.set(JSON.parse(localStorage.getItem(this.localStorageName)));
|
|
37
36
|
}
|
|
38
|
-
this.isCollapsed.set(this.sidebarSize() <= this.widthToCollapsed
|
|
37
|
+
this.isCollapsed.set(this.sidebarSize() <= this.widthToCollapsed);
|
|
39
38
|
}
|
|
40
39
|
/** @ignore */
|
|
41
40
|
onDragEnd(event) {
|
|
42
41
|
this.saveLocalStorage(Number(event.sizes[0]));
|
|
43
|
-
|
|
44
|
-
/** @ignore */
|
|
45
|
-
ngAfterViewInit() {
|
|
46
|
-
/** Initialize the ResizeObserver */
|
|
47
|
-
const observer = new ResizeObserver((entries) => {
|
|
48
|
-
for (const entry of entries) {
|
|
49
|
-
const width = entry.contentRect.width;
|
|
50
|
-
this.isCollapsed.set(width <= this.widthToCollapsed());
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
observer.observe(this.sideNavArea.nativeElement);
|
|
42
|
+
this.isCollapsed.set(Number(event.sizes[0]) <= this.widthToCollapsed);
|
|
54
43
|
}
|
|
55
44
|
/** Expand the sidebar between collapsed and expanded */
|
|
56
45
|
/** @ignore */
|
|
57
46
|
expandSidebar() {
|
|
58
47
|
if (this.isCollapsed) {
|
|
59
|
-
this.sidebarSize.set(this.widthToCollapsed
|
|
48
|
+
this.sidebarSize.set(this.widthToCollapsed);
|
|
60
49
|
setTimeout(() => {
|
|
61
|
-
this.sidebarSize.set(this.defaultExpandedWidth());
|
|
62
50
|
this.isCollapsed.set(false);
|
|
63
51
|
this.saveLocalStorage(this.defaultExpandedWidth());
|
|
52
|
+
this.sidebarSize.set(this.defaultExpandedWidth());
|
|
64
53
|
});
|
|
65
54
|
}
|
|
66
55
|
}
|
|
@@ -70,13 +59,13 @@ export class AdsSideNavBarComponent {
|
|
|
70
59
|
localStorage.setItem(this.localStorageName, JSON.stringify(size));
|
|
71
60
|
}
|
|
72
61
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSideNavBarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsSideNavBarComponent, selector: "ads-side-nav-bar", inputs: {
|
|
62
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsSideNavBarComponent, selector: "ads-side-nav-bar", inputs: { defaultExpandedWidth: { classPropertyName: "defaultExpandedWidth", publicName: "defaultExpandedWidth", isSignal: true, isRequired: false, transformFunction: null }, searchTemplate: { classPropertyName: "searchTemplate", publicName: "searchTemplate", isSignal: true, isRequired: false, transformFunction: null }, extraDataTemplate: { classPropertyName: "extraDataTemplate", publicName: "extraDataTemplate", isSignal: true, isRequired: false, transformFunction: null }, navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "sideNavArea", first: true, predicate: ["sideNavArea"], descendants: true, read: ElementRef }], ngImport: i0, template: "<as-split [useTransition]=\"true\" unit=\"pixel\" [gutterSize]=\"10\" (dragEnd)=\"onDragEnd($event)\">\n <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"600\" #sideNavArea>\n <div class=\"left-side-content-container\">\n <div class=\"logo-container\">\n <a [routerLink]=\"'/'\">\n <ads-primary-logo [isCollapsed]=\"true\" class=\"show-on-collapsed\" />\n <ads-primary-logo [isCollapsed]=\"false\" class=\"hide-on-collapsed\" />\n </a>\n </div>\n\n <div class=\"nav-items-container\">\n @for (item of navItems(); track item) {\n <a\n [routerLink]=\"item.href\"\n routerLinkActive=\"active-nav-link\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n class=\"ads-nav-link\"\n >\n <div class=\"ads-nav-item-container\">\n @if (!!item.icon) {\n <ads-icon\n [name]=\"item.icon!\"\n size=\"sm\"\n theme=\"iconPrimary\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n }\n\n <span class=\"hide-on-collapsed\">{{ item.label }}</span>\n </div>\n </a>\n }\n </div>\n <div class=\"bottom-container\" (click)=\"!!searchTemplate() && isCollapsed() ? expandSidebar() : null\">\n @if (!!searchTemplate()) {\n <ads-icon name=\"search\" size=\"sm\" theme=\"iconPrimary\" class=\"show-on-collapsed\" />\n <div class=\"hide-on-collapsed\">\n <ng-container *ngTemplateOutlet=\"searchTemplate()!\" />\n </div>\n }\n\n @if (!!extraDataTemplate()) {\n <div class=\"hide-on-collapsed\">\n <ng-container *ngTemplateOutlet=\"extraDataTemplate()!\" />\n </div>\n }\n </div>\n </div>\n </as-split-area>\n\n <as-split-area>\n <router-outlet></router-outlet>\n </as-split-area>\n</as-split>\n", styles: [".nav-items-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container .ads-nav-item-container{display:flex;padding:12px;gap:12px;background-color:var(--color-white);align-items:center}.nav-items-container .ads-nav-item-container span{font-weight:400;line-height:21px;color:var(--color-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:unset}.nav-items-container .ads-nav-item-container ads-icon{flex-shrink:0}.nav-items-container .ads-nav-item-container:hover span,.nav-items-container .ads-nav-item-container:focus span,.nav-items-container .ads-nav-item-container:active span{color:var(--color-white)}.nav-items-container .ads-nav-item-container:hover ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:focus ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:active ads-icon ::ng-deep svg{stroke:var(--color-white);fill:var(--color-white)!important}.nav-items-container .ads-nav-item-container:hover{background-color:var(--color-secondary-hover)}.nav-items-container .ads-nav-item-container:active{background-color:var(--color-secondary-pressed)}.nav-items-container .ads-nav-item-container:focus{background-color:var(--color-secondary)}as-split-area{background-color:var(--color-white)}.logo-container{padding:16px 12px;border-bottom:1px solid var(--color-light);height:auto}.ads-nav-link.active-nav-link .ads-nav-item-container{background-color:var(--color-secondary)!important}.ads-nav-link.active-nav-link .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.ads-nav-link{text-decoration:none}.left-side-content-container{container-type:inline-size;display:flex;flex-direction:column;height:100vh}::ng-deep as-split .as-split-gutter,::ng-deep as-split .as-split-gutter-icon{background-color:var(--color-light-30)}::ng-deep as-split .as-split-gutter:hover,::ng-deep as-split .as-split-gutter-icon:hover{background-color:var(--color-light-80)}::ng-deep as-split .as-split-gutter:active,::ng-deep as-split .as-split-gutter-icon:active{background-color:var(--color-light)}::ng-deep as-split .as-split-gutter-icon{width:8px;background-color:var(--color-light-30);background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"11\" viewBox=\"0 0 6 11\" fill=\"none\"><path d=\"M4.7142 2.92855C5.42428 2.92855 5.99991 2.35291 5.99991 1.64283C5.99991 0.932751 5.42428 0.357117 4.7142 0.357117C4.00412 0.357117 3.42848 0.932751 3.42848 1.64283C3.42848 2.35291 4.00412 2.92855 4.7142 2.92855Z\" fill=\"%23041F41\"/><path d=\"M4.7142 6.78566C5.42428 6.78566 5.99991 6.21003 5.99991 5.49995C5.99991 4.78987 5.42428 4.21423 4.7142 4.21423C4.00412 4.21423 3.42848 4.78987 3.42848 5.49995C3.42848 6.21003 4.00412 6.78566 4.7142 6.78566Z\" fill=\"%23041F41\"/><path d=\"M4.7142 10.6428C5.42428 10.6428 5.99991 10.0672 5.99991 9.35713C5.99991 8.64704 5.42428 8.07141 4.7142 8.07141C4.00412 8.07141 3.42848 8.64704 3.42848 9.35713C3.42848 10.0672 4.00412 10.6428 4.7142 10.6428Z\" fill=\"%23041F41\"/><path d=\"M1.28571 2.92855C1.99579 2.92855 2.57143 2.35291 2.57143 1.64283C2.57143 0.932751 1.99579 0.357117 1.28571 0.357117C0.575634 0.357117 0 0.932751 0 1.64283C0 2.35291 0.575634 2.92855 1.28571 2.92855Z\" fill=\"%23041F41\"/><path d=\"M1.28571 6.78566C1.99579 6.78566 2.57143 6.21003 2.57143 5.49995C2.57143 4.78987 1.99579 4.21423 1.28571 4.21423C0.575634 4.21423 0 4.78987 0 5.49995C0 6.21003 0.575634 6.78566 1.28571 6.78566Z\" fill=\"%23041F41\"/><path d=\"M1.28571 10.6428C1.99579 10.6428 2.57143 10.0672 2.57143 9.35713C2.57143 8.64704 1.99579 8.07141 1.28571 8.07141C0.575634 8.07141 0 8.64704 0 9.35713C0 10.0672 0.575634 10.6428 1.28571 10.6428Z\" fill=\"%23041F41\"/></svg>')!important}.bottom-container{padding:16px 12px;flex-grow:1;display:flex;flex-direction:column}@container (max-width: 70px){.bottom-container{flex-grow:unset}.bottom-container:hover{background-color:var(--color-secondary-hover)}.bottom-container:hover ads-icon ::ng-deep svg{stroke:var(--color-white)}.bottom-container:active{background-color:var(--color-secondary-pressed)}.hide-on-collapsed{display:none}.show-on-collapsed{display:contents}}@container (min-width: 71px){.hide-on-collapsed{display:contents}.show-on-collapsed{display:none}}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.AdsPrimaryLogoComponent, selector: "ads-primary-logo", inputs: ["mobileWidth", "isCollapsed"] }, { kind: "component", type: i4.SplitComponent, selector: "as-split", inputs: ["gutterSize", "gutterStep", "disabled", "gutterClickDeltaPx", "direction", "dir", "unit", "gutterAriaLabel", "restrictMove", "useTransition", "gutterDblClickDuration"], outputs: ["gutterClick", "gutterDblClick", "dragStart", "dragEnd", "transitionEnd"], exportAs: ["asSplit"] }, { kind: "component", type: i4.SplitAreaComponent, selector: "as-split-area", inputs: ["size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { kind: "directive", type: i5.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
74
63
|
}
|
|
75
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSideNavBarComponent, decorators: [{
|
|
76
65
|
type: Component,
|
|
77
|
-
args: [{ selector: 'ads-side-nav-bar', template: "<as-split [useTransition]=\"true\" unit=\"pixel\" [gutterSize]=\"10\" (dragEnd)=\"onDragEnd($event)\">\n <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"600\" #sideNavArea>\n <div class=\"left-side-content-container\">\n <div class=\"logo-container\">\n <a [routerLink]=\"'/'\">\n <ads-primary-logo [isCollapsed]=\"isCollapsed
|
|
66
|
+
args: [{ selector: 'ads-side-nav-bar', template: "<as-split [useTransition]=\"true\" unit=\"pixel\" [gutterSize]=\"10\" (dragEnd)=\"onDragEnd($event)\">\n <as-split-area [size]=\"sidebarSize()\" [minSize]=\"50\" [maxSize]=\"600\" #sideNavArea>\n <div class=\"left-side-content-container\">\n <div class=\"logo-container\">\n <a [routerLink]=\"'/'\">\n <ads-primary-logo [isCollapsed]=\"true\" class=\"show-on-collapsed\" />\n <ads-primary-logo [isCollapsed]=\"false\" class=\"hide-on-collapsed\" />\n </a>\n </div>\n\n <div class=\"nav-items-container\">\n @for (item of navItems(); track item) {\n <a\n [routerLink]=\"item.href\"\n routerLinkActive=\"active-nav-link\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n class=\"ads-nav-link\"\n >\n <div class=\"ads-nav-item-container\">\n @if (!!item.icon) {\n <ads-icon\n [name]=\"item.icon!\"\n size=\"sm\"\n theme=\"iconPrimary\"\n stroke=\"iconPrimary\"\n color=\"--color-medium\"\n />\n }\n\n <span class=\"hide-on-collapsed\">{{ item.label }}</span>\n </div>\n </a>\n }\n </div>\n <div class=\"bottom-container\" (click)=\"!!searchTemplate() && isCollapsed() ? expandSidebar() : null\">\n @if (!!searchTemplate()) {\n <ads-icon name=\"search\" size=\"sm\" theme=\"iconPrimary\" class=\"show-on-collapsed\" />\n <div class=\"hide-on-collapsed\">\n <ng-container *ngTemplateOutlet=\"searchTemplate()!\" />\n </div>\n }\n\n @if (!!extraDataTemplate()) {\n <div class=\"hide-on-collapsed\">\n <ng-container *ngTemplateOutlet=\"extraDataTemplate()!\" />\n </div>\n }\n </div>\n </div>\n </as-split-area>\n\n <as-split-area>\n <router-outlet></router-outlet>\n </as-split-area>\n</as-split>\n", styles: [".nav-items-container{display:flex;flex-direction:column;border-bottom:1px solid var(--color-light)}.nav-items-container .ads-nav-item-container{display:flex;padding:12px;gap:12px;background-color:var(--color-white);align-items:center}.nav-items-container .ads-nav-item-container span{font-weight:400;line-height:21px;color:var(--color-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:unset}.nav-items-container .ads-nav-item-container ads-icon{flex-shrink:0}.nav-items-container .ads-nav-item-container:hover span,.nav-items-container .ads-nav-item-container:focus span,.nav-items-container .ads-nav-item-container:active span{color:var(--color-white)}.nav-items-container .ads-nav-item-container:hover ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:focus ads-icon ::ng-deep svg,.nav-items-container .ads-nav-item-container:active ads-icon ::ng-deep svg{stroke:var(--color-white);fill:var(--color-white)!important}.nav-items-container .ads-nav-item-container:hover{background-color:var(--color-secondary-hover)}.nav-items-container .ads-nav-item-container:active{background-color:var(--color-secondary-pressed)}.nav-items-container .ads-nav-item-container:focus{background-color:var(--color-secondary)}as-split-area{background-color:var(--color-white)}.logo-container{padding:16px 12px;border-bottom:1px solid var(--color-light);height:auto}.ads-nav-link.active-nav-link .ads-nav-item-container{background-color:var(--color-secondary)!important}.ads-nav-link.active-nav-link .ads-nav-item-container span{color:var(--color-white)!important}.ads-nav-link.active-nav-link .ads-nav-item-container ads-icon ::ng-deep svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.ads-nav-link{text-decoration:none}.left-side-content-container{container-type:inline-size;display:flex;flex-direction:column;height:100vh}::ng-deep as-split .as-split-gutter,::ng-deep as-split .as-split-gutter-icon{background-color:var(--color-light-30)}::ng-deep as-split .as-split-gutter:hover,::ng-deep as-split .as-split-gutter-icon:hover{background-color:var(--color-light-80)}::ng-deep as-split .as-split-gutter:active,::ng-deep as-split .as-split-gutter-icon:active{background-color:var(--color-light)}::ng-deep as-split .as-split-gutter-icon{width:8px;background-color:var(--color-light-30);background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"11\" viewBox=\"0 0 6 11\" fill=\"none\"><path d=\"M4.7142 2.92855C5.42428 2.92855 5.99991 2.35291 5.99991 1.64283C5.99991 0.932751 5.42428 0.357117 4.7142 0.357117C4.00412 0.357117 3.42848 0.932751 3.42848 1.64283C3.42848 2.35291 4.00412 2.92855 4.7142 2.92855Z\" fill=\"%23041F41\"/><path d=\"M4.7142 6.78566C5.42428 6.78566 5.99991 6.21003 5.99991 5.49995C5.99991 4.78987 5.42428 4.21423 4.7142 4.21423C4.00412 4.21423 3.42848 4.78987 3.42848 5.49995C3.42848 6.21003 4.00412 6.78566 4.7142 6.78566Z\" fill=\"%23041F41\"/><path d=\"M4.7142 10.6428C5.42428 10.6428 5.99991 10.0672 5.99991 9.35713C5.99991 8.64704 5.42428 8.07141 4.7142 8.07141C4.00412 8.07141 3.42848 8.64704 3.42848 9.35713C3.42848 10.0672 4.00412 10.6428 4.7142 10.6428Z\" fill=\"%23041F41\"/><path d=\"M1.28571 2.92855C1.99579 2.92855 2.57143 2.35291 2.57143 1.64283C2.57143 0.932751 1.99579 0.357117 1.28571 0.357117C0.575634 0.357117 0 0.932751 0 1.64283C0 2.35291 0.575634 2.92855 1.28571 2.92855Z\" fill=\"%23041F41\"/><path d=\"M1.28571 6.78566C1.99579 6.78566 2.57143 6.21003 2.57143 5.49995C2.57143 4.78987 1.99579 4.21423 1.28571 4.21423C0.575634 4.21423 0 4.78987 0 5.49995C0 6.21003 0.575634 6.78566 1.28571 6.78566Z\" fill=\"%23041F41\"/><path d=\"M1.28571 10.6428C1.99579 10.6428 2.57143 10.0672 2.57143 9.35713C2.57143 8.64704 1.99579 8.07141 1.28571 8.07141C0.575634 8.07141 0 8.64704 0 9.35713C0 10.0672 0.575634 10.6428 1.28571 10.6428Z\" fill=\"%23041F41\"/></svg>')!important}.bottom-container{padding:16px 12px;flex-grow:1;display:flex;flex-direction:column}@container (max-width: 70px){.bottom-container{flex-grow:unset}.bottom-container:hover{background-color:var(--color-secondary-hover)}.bottom-container:hover ads-icon ::ng-deep svg{stroke:var(--color-white)}.bottom-container:active{background-color:var(--color-secondary-pressed)}.hide-on-collapsed{display:none}.show-on-collapsed{display:contents}}@container (min-width: 71px){.hide-on-collapsed{display:contents}.show-on-collapsed{display:none}}\n"] }]
|
|
78
67
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { sideNavArea: [{
|
|
79
68
|
type: ViewChild,
|
|
80
69
|
args: ['sideNavArea', { read: ElementRef }]
|
|
81
70
|
}] } });
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1uYXYtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9uYXYtYmFyL3NpZGUtbmF2LWJhci9zaWRlLW5hdi1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL25hdi1iYXIvc2lkZS1uYXYtYmFyL3NpZGUtbmF2LWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFlLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7Ozs7O0FBUzFELE1BQU0sT0FBTyxzQkFBc0I7SUFDakMsY0FBYztJQUNkLFlBQW9CLFFBQXlCO1FBQXpCLGFBQVEsR0FBUixRQUFRLENBQWlCO1FBSTdDLGlEQUFpRDtRQUNqRCx5QkFBb0IsR0FBRyxLQUFLLENBQVMsR0FBRyxDQUFDLENBQUM7UUFFMUMsMEJBQTBCO1FBQzFCLG1CQUFjLEdBQUcsS0FBSyxFQUF3QixDQUFDO1FBRS9DLDRDQUE0QztRQUM1QyxzQkFBaUIsR0FBRyxLQUFLLEVBQXdCLENBQUM7UUFFbEQsNEJBQTRCO1FBQzVCLGFBQVEsR0FBRyxLQUFLLENBQVksRUFBRSxDQUFDLENBQUM7UUFFaEMsY0FBYztRQUNkLGdCQUFXLEdBQUcsTUFBTSxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBRXJDLGNBQWM7UUFDZCxnQkFBVyxHQUFHLE1BQU0sQ0FBUyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxDQUFDO1FBRTFELGNBQWM7UUFDTixxQkFBZ0IsR0FBRyxvQkFBb0IsQ0FBQztRQUVoRCxjQUFjO1FBQ04scUJBQWdCLEdBQUcsRUFBRSxDQUFDO1FBekI1QixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQTZCRCxjQUFjO0lBQ2QsUUFBUTtRQUNOLElBQUksWUFBWSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsRUFBRSxDQUFDO1lBQ2hELElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUUsQ0FBQyxDQUFDLENBQUM7UUFDakYsQ0FBQztRQUNELElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNwRSxDQUFDO0lBRUQsY0FBYztJQUNkLFNBQVMsQ0FBQyxLQUFrQztRQUMxQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzlDLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDeEUsQ0FBQztJQUVELHdEQUF3RDtJQUN4RCxjQUFjO0lBQ2QsYUFBYTtRQUNYLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1lBQzVDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQzVCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxDQUFDO2dCQUNuRCxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxDQUFDO1lBQ3BELENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztJQUNILENBQUM7SUFFRCw4Q0FBOEM7SUFDOUMsY0FBYztJQUNkLGdCQUFnQixDQUFDLElBQVk7UUFDM0IsWUFBWSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ3BFLENBQUM7OEdBaEVVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLGd2QkErQkMsVUFBVSw2QkMxQzlDLDArREF1REE7OzJGRDVDYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0Usa0JBQWtCO29GQW1Db0IsV0FBVztzQkFBMUQsU0FBUzt1QkFBQyxhQUFhLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBpbnB1dCwgT25Jbml0LCBzaWduYWwsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFkc0ljb25SZWdpc3RyeSB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtaWNvbnMnO1xuaW1wb3J0IHsgYWRzSWNvblNlYXJjaCB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtaWNvbnMvaWNvbnMnO1xuaW1wb3J0IHsgTmF2SXRlbSB9IGZyb20gJy4vbmF2LWl0ZW0udHlwZXMnO1xuaW1wb3J0IHsgU3BsaXRHdXR0ZXJJbnRlcmFjdGlvbkV2ZW50IH0gZnJvbSAnYW5ndWxhci1zcGxpdC9saWIvbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWRzLXNpZGUtbmF2LWJhcicsXG4gIHN0eWxlVXJsczogWydzaWRlLW5hdi1iYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICdzaWRlLW5hdi1iYXIuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBBZHNTaWRlTmF2QmFyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqIEBpZ25vcmUgKi9cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWdpc3RyeTogQWRzSWNvblJlZ2lzdHJ5KSB7XG4gICAgdGhpcy5yZWdpc3RyeS5yZWdpc3RlcihbYWRzSWNvblNlYXJjaF0pO1xuICB9XG5cbiAgLyoqIFRoZSBkZWZhdWx0IGV4cGFuZGVkIHdpZHRoIGZvciB0aGUgc2lkZWJhciAqL1xuICBkZWZhdWx0RXhwYW5kZWRXaWR0aCA9IGlucHV0PG51bWJlcj4oMjIwKTtcblxuICAvKiogVGhlIHNlYXJjaCB0ZW1wbGF0ZSAqL1xuICBzZWFyY2hUZW1wbGF0ZSA9IGlucHV0PFRlbXBsYXRlUmVmPHVua25vd24+PigpO1xuXG4gIC8qKiBUaGUgZXh0cmEgZGF0YSAgdGVtcGxhdGUgYmVsb3cgc2VhcmNoICovXG4gIGV4dHJhRGF0YVRlbXBsYXRlID0gaW5wdXQ8VGVtcGxhdGVSZWY8dW5rbm93bj4+KCk7XG5cbiAgLyoqIEFycmF5IG9mIG5hdiBlbGVtZW50cyAqL1xuICBuYXZJdGVtcyA9IGlucHV0PE5hdkl0ZW1bXT4oW10pO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIGlzQ29sbGFwc2VkID0gc2lnbmFsPGJvb2xlYW4+KGZhbHNlKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBzaWRlYmFyU2l6ZSA9IHNpZ25hbDxudW1iZXI+KHRoaXMuZGVmYXVsdEV4cGFuZGVkV2lkdGgoKSk7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJpdmF0ZSBsb2NhbFN0b3JhZ2VOYW1lID0gJ3NpZGUtbmF2LWJhci13aWR0aCc7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJpdmF0ZSB3aWR0aFRvQ29sbGFwc2VkID0gNzA7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgQFZpZXdDaGlsZCgnc2lkZU5hdkFyZWEnLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSkgc2lkZU5hdkFyZWEhOiBFbGVtZW50UmVmO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIG5nT25Jbml0KCkge1xuICAgIGlmIChsb2NhbFN0b3JhZ2UuZ2V0SXRlbSh0aGlzLmxvY2FsU3RvcmFnZU5hbWUpKSB7XG4gICAgICB0aGlzLnNpZGViYXJTaXplLnNldChKU09OLnBhcnNlKGxvY2FsU3RvcmFnZS5nZXRJdGVtKHRoaXMubG9jYWxTdG9yYWdlTmFtZSkhKSk7XG4gICAgfVxuICAgIHRoaXMuaXNDb2xsYXBzZWQuc2V0KHRoaXMuc2lkZWJhclNpemUoKSA8PSB0aGlzLndpZHRoVG9Db2xsYXBzZWQpO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgb25EcmFnRW5kKGV2ZW50OiBTcGxpdEd1dHRlckludGVyYWN0aW9uRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLnNhdmVMb2NhbFN0b3JhZ2UoTnVtYmVyKGV2ZW50LnNpemVzWzBdKSk7XG4gICAgdGhpcy5pc0NvbGxhcHNlZC5zZXQoTnVtYmVyKGV2ZW50LnNpemVzWzBdKSA8PSB0aGlzLndpZHRoVG9Db2xsYXBzZWQpO1xuICB9XG5cbiAgLyoqIEV4cGFuZCB0aGUgc2lkZWJhciBiZXR3ZWVuIGNvbGxhcHNlZCBhbmQgZXhwYW5kZWQgKi9cbiAgLyoqIEBpZ25vcmUgKi9cbiAgZXhwYW5kU2lkZWJhcigpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5pc0NvbGxhcHNlZCkge1xuICAgICAgdGhpcy5zaWRlYmFyU2l6ZS5zZXQodGhpcy53aWR0aFRvQ29sbGFwc2VkKTtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLmlzQ29sbGFwc2VkLnNldChmYWxzZSk7XG4gICAgICAgIHRoaXMuc2F2ZUxvY2FsU3RvcmFnZSh0aGlzLmRlZmF1bHRFeHBhbmRlZFdpZHRoKCkpO1xuICAgICAgICB0aGlzLnNpZGViYXJTaXplLnNldCh0aGlzLmRlZmF1bHRFeHBhbmRlZFdpZHRoKCkpO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgLyoqIFNhdmUgY3VycmVudCB3aWR0aCB0byB0aGUgbG9jYWwgc3RvcmFnZSAqL1xuICAvKiogQGlnbm9yZSAqL1xuICBzYXZlTG9jYWxTdG9yYWdlKHNpemU6IG51bWJlcik6IHZvaWQge1xuICAgIGxvY2FsU3RvcmFnZS5zZXRJdGVtKHRoaXMubG9jYWxTdG9yYWdlTmFtZSwgSlNPTi5zdHJpbmdpZnkoc2l6ZSkpO1xuICB9XG59XG4iLCI8YXMtc3BsaXQgW3VzZVRyYW5zaXRpb25dPVwidHJ1ZVwiIHVuaXQ9XCJwaXhlbFwiIFtndXR0ZXJTaXplXT1cIjEwXCIgKGRyYWdFbmQpPVwib25EcmFnRW5kKCRldmVudClcIj5cbiAgPGFzLXNwbGl0LWFyZWEgW3NpemVdPVwic2lkZWJhclNpemUoKVwiIFttaW5TaXplXT1cIjUwXCIgW21heFNpemVdPVwiNjAwXCIgI3NpZGVOYXZBcmVhPlxuICAgIDxkaXYgY2xhc3M9XCJsZWZ0LXNpZGUtY29udGVudC1jb250YWluZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJsb2dvLWNvbnRhaW5lclwiPlxuICAgICAgICA8YSBbcm91dGVyTGlua109XCInLydcIj5cbiAgICAgICAgICA8YWRzLXByaW1hcnktbG9nbyBbaXNDb2xsYXBzZWRdPVwidHJ1ZVwiIGNsYXNzPVwic2hvdy1vbi1jb2xsYXBzZWRcIiAvPlxuICAgICAgICAgIDxhZHMtcHJpbWFyeS1sb2dvIFtpc0NvbGxhcHNlZF09XCJmYWxzZVwiIGNsYXNzPVwiaGlkZS1vbi1jb2xsYXBzZWRcIiAvPlxuICAgICAgICA8L2E+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cIm5hdi1pdGVtcy1jb250YWluZXJcIj5cbiAgICAgICAgQGZvciAoaXRlbSBvZiBuYXZJdGVtcygpOyB0cmFjayBpdGVtKSB7XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIml0ZW0uaHJlZlwiXG4gICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlLW5hdi1saW5rXCJcbiAgICAgICAgICAgIFtyb3V0ZXJMaW5rQWN0aXZlT3B0aW9uc109XCJ7IGV4YWN0OiB0cnVlIH1cIlxuICAgICAgICAgICAgY2xhc3M9XCJhZHMtbmF2LWxpbmtcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhZHMtbmF2LWl0ZW0tY29udGFpbmVyXCI+XG4gICAgICAgICAgICAgIEBpZiAoISFpdGVtLmljb24pIHtcbiAgICAgICAgICAgICAgICA8YWRzLWljb25cbiAgICAgICAgICAgICAgICAgIFtuYW1lXT1cIml0ZW0uaWNvbiFcIlxuICAgICAgICAgICAgICAgICAgc2l6ZT1cInNtXCJcbiAgICAgICAgICAgICAgICAgIHRoZW1lPVwiaWNvblByaW1hcnlcIlxuICAgICAgICAgICAgICAgICAgc3Ryb2tlPVwiaWNvblByaW1hcnlcIlxuICAgICAgICAgICAgICAgICAgY29sb3I9XCItLWNvbG9yLW1lZGl1bVwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaGlkZS1vbi1jb2xsYXBzZWRcIj57eyBpdGVtLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9hPlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJib3R0b20tY29udGFpbmVyXCIgKGNsaWNrKT1cIiEhc2VhcmNoVGVtcGxhdGUoKSAmJiBpc0NvbGxhcHNlZCgpID8gZXhwYW5kU2lkZWJhcigpIDogbnVsbFwiPlxuICAgICAgICBAaWYgKCEhc2VhcmNoVGVtcGxhdGUoKSkge1xuICAgICAgICAgIDxhZHMtaWNvbiBuYW1lPVwic2VhcmNoXCIgc2l6ZT1cInNtXCIgdGhlbWU9XCJpY29uUHJpbWFyeVwiIGNsYXNzPVwic2hvdy1vbi1jb2xsYXBzZWRcIiAvPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJoaWRlLW9uLWNvbGxhcHNlZFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInNlYXJjaFRlbXBsYXRlKCkhXCIgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuXG4gICAgICAgIEBpZiAoISFleHRyYURhdGFUZW1wbGF0ZSgpKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImhpZGUtb24tY29sbGFwc2VkXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZXh0cmFEYXRhVGVtcGxhdGUoKSFcIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9hcy1zcGxpdC1hcmVhPlxuXG4gIDxhcy1zcGxpdC1hcmVhPlxuICAgIDxyb3V0ZXItb3V0bGV0Pjwvcm91dGVyLW91dGxldD5cbiAgPC9hcy1zcGxpdC1hcmVhPlxuPC9hcy1zcGxpdD5cbiJdfQ==
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import { NgModule } from '@angular/core';
|
|
3
3
|
import { AdsSideNavBarComponent } from './side-nav-bar.component';
|
|
4
|
-
import { AdsNavItemModule } from '../nav-item';
|
|
5
4
|
import { AdsPrimaryLogoModule } from '../../logo/primary-logo';
|
|
6
5
|
import { SplitAreaComponent, SplitComponent } from 'angular-split';
|
|
7
6
|
import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
|
|
@@ -10,7 +9,6 @@ import * as i0 from "@angular/core";
|
|
|
10
9
|
export class AdsSideNavBarModule {
|
|
11
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSideNavBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
12
11
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsSideNavBarModule, declarations: [AdsSideNavBarComponent], imports: [CommonModule,
|
|
13
|
-
AdsNavItemModule,
|
|
14
12
|
AdsPrimaryLogoModule,
|
|
15
13
|
SplitComponent,
|
|
16
14
|
SplitAreaComponent,
|
|
@@ -19,7 +17,6 @@ export class AdsSideNavBarModule {
|
|
|
19
17
|
RouterLinkActive,
|
|
20
18
|
AdsIconModule], exports: [AdsSideNavBarComponent] }); }
|
|
21
19
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSideNavBarModule, imports: [CommonModule,
|
|
22
|
-
AdsNavItemModule,
|
|
23
20
|
AdsPrimaryLogoModule,
|
|
24
21
|
SplitComponent,
|
|
25
22
|
SplitAreaComponent,
|
|
@@ -30,7 +27,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
|
|
|
30
27
|
args: [{
|
|
31
28
|
imports: [
|
|
32
29
|
CommonModule,
|
|
33
|
-
AdsNavItemModule,
|
|
34
30
|
AdsPrimaryLogoModule,
|
|
35
31
|
SplitComponent,
|
|
36
32
|
SplitAreaComponent,
|
|
@@ -43,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
|
|
|
43
39
|
declarations: [AdsSideNavBarComponent],
|
|
44
40
|
}]
|
|
45
41
|
}] });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1uYXYtYmFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9uYXYtYmFyL3NpZGUtbmF2LWJhci9zaWRlLW5hdi1iYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM3RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBZ0JwRCxNQUFNLE9BQU8sbUJBQW1COzhHQUFuQixtQkFBbUI7K0dBQW5CLG1CQUFtQixpQkFGZixzQkFBc0IsYUFWbkMsWUFBWTtZQUNaLG9CQUFvQjtZQUNwQixjQUFjO1lBQ2Qsa0JBQWtCO1lBQ2xCLFlBQVk7WUFDWixVQUFVO1lBQ1YsZ0JBQWdCO1lBQ2hCLGFBQWEsYUFFTCxzQkFBc0I7K0dBR3JCLG1CQUFtQixZQVo1QixZQUFZO1lBQ1osb0JBQW9CO1lBQ3BCLGNBQWM7WUFDZCxrQkFBa0I7WUFJbEIsYUFBYTs7MkZBS0osbUJBQW1CO2tCQWQvQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFDcEIsY0FBYzt3QkFDZCxrQkFBa0I7d0JBQ2xCLFlBQVk7d0JBQ1osVUFBVTt3QkFDVixnQkFBZ0I7d0JBQ2hCLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ2pDLFlBQVksRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUN2QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWRzU2lkZU5hdkJhckNvbXBvbmVudCB9IGZyb20gJy4vc2lkZS1uYXYtYmFyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBZHNQcmltYXJ5TG9nb01vZHVsZSB9IGZyb20gJy4uLy4uL2xvZ28vcHJpbWFyeS1sb2dvJztcbmltcG9ydCB7IFNwbGl0QXJlYUNvbXBvbmVudCwgU3BsaXRDb21wb25lbnQgfSBmcm9tICdhbmd1bGFyLXNwbGl0JztcbmltcG9ydCB7IFJvdXRlckxpbmssIFJvdXRlckxpbmtBY3RpdmUsIFJvdXRlck91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBBZHNJY29uTW9kdWxlIH0gZnJvbSAnQGFzY2VudGdsL2Fkcy1pY29ucyc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQWRzUHJpbWFyeUxvZ29Nb2R1bGUsXG4gICAgU3BsaXRDb21wb25lbnQsXG4gICAgU3BsaXRBcmVhQ29tcG9uZW50LFxuICAgIFJvdXRlck91dGxldCxcbiAgICBSb3V0ZXJMaW5rLFxuICAgIFJvdXRlckxpbmtBY3RpdmUsXG4gICAgQWRzSWNvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW0Fkc1NpZGVOYXZCYXJDb21wb25lbnRdLFxuICBkZWNsYXJhdGlvbnM6IFtBZHNTaWRlTmF2QmFyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQWRzU2lkZU5hdkJhck1vZHVsZSB7fVxuIl19
|
package/esm2022/lib/components/{submenu/submenu-container → steppers/vertical-stepper}/index.mjs
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export * from './public-api';
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlcnMvdmVydGljYWwtc3RlcHBlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export * from './vertical-helpers';
|
|
2
|
+
export * from './vertical-step.type';
|
|
3
|
+
export * from './vertical-stepper.component';
|
|
4
|
+
export * from './vertical-stepper.module';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVycy92ZXJ0aWNhbC1zdGVwcGVyL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdmVydGljYWwtaGVscGVycyc7XG5leHBvcnQgKiBmcm9tICcuL3ZlcnRpY2FsLXN0ZXAudHlwZSc7XG5leHBvcnQgKiBmcm9tICcuL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdmVydGljYWwtc3RlcHBlci5tb2R1bGUnO1xuIl19
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { VerticalStepStatus } from './vertical-step.type';
|
|
2
|
+
/**
|
|
3
|
+
* Sets a steps status based on multiple criteria
|
|
4
|
+
* @param currentStep VerticalStep
|
|
5
|
+
* @param index number
|
|
6
|
+
* @param steps VrticalStep[]
|
|
7
|
+
* @returns VerticalStep
|
|
8
|
+
*/
|
|
9
|
+
export function setVerticalStepStatus(currentStep, index, steps) {
|
|
10
|
+
// if step already has a status use it
|
|
11
|
+
if (currentStep.status) {
|
|
12
|
+
return currentStep;
|
|
13
|
+
}
|
|
14
|
+
// if step is not the first, and previous step is rejected or disabled/rejected all other steps after it
|
|
15
|
+
// should be disabled/rejected
|
|
16
|
+
if ((index > 0 && getPreviousVerticalStepStatus(index, steps) === VerticalStepStatus.Rejected) ||
|
|
17
|
+
getPreviousVerticalStepStatus(index, steps) === VerticalStepStatus.DisabledRejected) {
|
|
18
|
+
currentStep.status = VerticalStepStatus.DisabledRejected;
|
|
19
|
+
// if step has a date, that step has been completed
|
|
20
|
+
}
|
|
21
|
+
else if (currentStep.date) {
|
|
22
|
+
currentStep.status = VerticalStepStatus.Completed;
|
|
23
|
+
// if step is not the first, and previous step has a date or if step is the first and the next step does
|
|
24
|
+
// not have a date then step is current
|
|
25
|
+
}
|
|
26
|
+
else if ((index > 0 && steps[index - 1]?.date) ||
|
|
27
|
+
(index === 0 && !steps[index + 1]?.date) ||
|
|
28
|
+
getPreviousVerticalStepStatus(index, steps) === VerticalStepStatus.Skipped) {
|
|
29
|
+
currentStep.status = VerticalStepStatus.Current;
|
|
30
|
+
// step is a future step
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
currentStep.status = VerticalStepStatus.Future;
|
|
34
|
+
}
|
|
35
|
+
return currentStep;
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* Takes a step and sets its itcon based on the steps status.
|
|
39
|
+
* Status must be set prior to running this function.
|
|
40
|
+
* @param currentStep VerticalStep
|
|
41
|
+
* @returns VerticalStep
|
|
42
|
+
*/
|
|
43
|
+
export function setVerticalStepIcon(currentStep) {
|
|
44
|
+
switch (currentStep.status) {
|
|
45
|
+
case VerticalStepStatus.Completed:
|
|
46
|
+
currentStep.icon = 'check';
|
|
47
|
+
break;
|
|
48
|
+
case VerticalStepStatus.Skipped:
|
|
49
|
+
currentStep.icon = 'stepper_circle';
|
|
50
|
+
break;
|
|
51
|
+
case VerticalStepStatus.Disabled:
|
|
52
|
+
currentStep.icon = 'minus';
|
|
53
|
+
break;
|
|
54
|
+
case VerticalStepStatus.Alert:
|
|
55
|
+
currentStep.icon = 'exclamation';
|
|
56
|
+
break;
|
|
57
|
+
case VerticalStepStatus.Rejected:
|
|
58
|
+
case VerticalStepStatus.DisabledRejected:
|
|
59
|
+
currentStep.icon = 'cross';
|
|
60
|
+
break;
|
|
61
|
+
default:
|
|
62
|
+
break;
|
|
63
|
+
}
|
|
64
|
+
return currentStep;
|
|
65
|
+
}
|
|
66
|
+
/**
|
|
67
|
+
* Returns the status of the previous step
|
|
68
|
+
* @param index number
|
|
69
|
+
* @param steps VerticalStep
|
|
70
|
+
* @returns VerticalStepStatus
|
|
71
|
+
*/
|
|
72
|
+
export function getPreviousVerticalStepStatus(index, steps) {
|
|
73
|
+
return steps[index - 1] && steps[index - 1].status;
|
|
74
|
+
}
|
|
75
|
+
export function getVerticalStepperSampleData() {
|
|
76
|
+
return [
|
|
77
|
+
{
|
|
78
|
+
title: 'Details',
|
|
79
|
+
icon: 'warehouse',
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
title: 'Route',
|
|
83
|
+
icon: 'location_filled',
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
title: 'Cargo',
|
|
87
|
+
icon: 'truck_dolly',
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
title: 'Email Alerts',
|
|
91
|
+
icon: 'mail_envelope',
|
|
92
|
+
},
|
|
93
|
+
{ title: 'Submit', icon: 'check' },
|
|
94
|
+
]
|
|
95
|
+
.map(setVerticalStepStatus)
|
|
96
|
+
.map(setVerticalStepIcon);
|
|
97
|
+
}
|
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtaGVscGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVycy92ZXJ0aWNhbC1zdGVwcGVyL3ZlcnRpY2FsLWhlbHBlcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixrQkFBa0IsRUFBNEMsTUFBTSxzQkFBc0IsQ0FBQztBQUdsSDs7Ozs7O0dBTUc7QUFDSCxNQUFNLFVBQVUscUJBQXFCLENBQ25DLFdBQTZCLEVBQzdCLEtBQWEsRUFDYixLQUF5QjtJQUV6QixzQ0FBc0M7SUFDdEMsSUFBSSxXQUFXLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDdkIsT0FBTyxXQUEyQixDQUFDO0lBQ3JDLENBQUM7SUFFRCx3R0FBd0c7SUFDeEcsOEJBQThCO0lBQzlCLElBQ0UsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxJQUFJLDZCQUE2QixDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxrQkFBa0IsQ0FBQyxRQUFRLENBQUM7UUFDMUYsNkJBQTZCLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLGtCQUFrQixDQUFDLGdCQUFnQixFQUNuRixDQUFDO1FBQ0QsV0FBVyxDQUFDLE1BQU0sR0FBRyxrQkFBa0IsQ0FBQyxnQkFBZ0IsQ0FBQztRQUN6RCxtREFBbUQ7SUFDckQsQ0FBQztTQUFNLElBQUksV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzVCLFdBQVcsQ0FBQyxNQUFNLEdBQUcsa0JBQWtCLENBQUMsU0FBUyxDQUFDO1FBQ2xELHdHQUF3RztRQUN4Ryx1Q0FBdUM7SUFDekMsQ0FBQztTQUFNLElBQ0wsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxJQUFJLEtBQUssQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDO1FBQ3JDLENBQUMsS0FBSyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDO1FBQ3hDLDZCQUE2QixDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxrQkFBa0IsQ0FBQyxPQUFPLEVBQzFFLENBQUM7UUFDRCxXQUFXLENBQUMsTUFBTSxHQUFHLGtCQUFrQixDQUFDLE9BQU8sQ0FBQztRQUNoRCx3QkFBd0I7SUFDMUIsQ0FBQztTQUFNLENBQUM7UUFDTixXQUFXLENBQUMsTUFBTSxHQUFHLGtCQUFrQixDQUFDLE1BQU0sQ0FBQztJQUNqRCxDQUFDO0lBRUQsT0FBTyxXQUEyQixDQUFDO0FBQ3JDLENBQUM7QUFFRDs7Ozs7R0FLRztBQUNILE1BQU0sVUFBVSxtQkFBbUIsQ0FBQyxXQUFtQztJQUNyRSxRQUFRLFdBQVcsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUMzQixLQUFLLGtCQUFrQixDQUFDLFNBQVM7WUFDL0IsV0FBVyxDQUFDLElBQUksR0FBRyxPQUFPLENBQUM7WUFDM0IsTUFBTTtRQUNSLEtBQUssa0JBQWtCLENBQUMsT0FBTztZQUM3QixXQUFXLENBQUMsSUFBSSxHQUFHLGdCQUFnQixDQUFDO1lBQ3BDLE1BQU07UUFDUixLQUFLLGtCQUFrQixDQUFDLFFBQVE7WUFDOUIsV0FBVyxDQUFDLElBQUksR0FBRyxPQUFPLENBQUM7WUFDM0IsTUFBTTtRQUNSLEtBQUssa0JBQWtCLENBQUMsS0FBSztZQUMzQixXQUFXLENBQUMsSUFBSSxHQUFHLGFBQWEsQ0FBQztZQUNqQyxNQUFNO1FBQ1IsS0FBSyxrQkFBa0IsQ0FBQyxRQUFRLENBQUM7UUFDakMsS0FBSyxrQkFBa0IsQ0FBQyxnQkFBZ0I7WUFDdEMsV0FBVyxDQUFDLElBQUksR0FBRyxPQUFPLENBQUM7WUFDM0IsTUFBTTtRQUNSO1lBQ0UsTUFBTTtJQUNWLENBQUM7SUFFRCxPQUFPLFdBQTJCLENBQUM7QUFDckMsQ0FBQztBQUVEOzs7OztHQUtHO0FBQ0gsTUFBTSxVQUFVLDZCQUE2QixDQUMzQyxLQUFhLEVBQ2IsS0FBeUI7SUFFekIsT0FBTyxLQUFLLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxJQUFJLEtBQUssQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO0FBQ3JELENBQUM7QUFFRCxNQUFNLFVBQVUsNEJBQTRCO0lBQzFDLE9BQU87UUFDTDtZQUNFLEtBQUssRUFBRSxTQUFTO1lBQ2hCLElBQUksRUFBVyxXQUFXO1NBQzNCO1FBQ0Q7WUFDRSxLQUFLLEVBQUUsT0FBTztZQUNkLElBQUksRUFBVyxpQkFBaUI7U0FDakM7UUFDRDtZQUNFLEtBQUssRUFBRSxPQUFPO1lBQ2QsSUFBSSxFQUFXLGFBQWE7U0FDN0I7UUFDRDtZQUNFLEtBQUssRUFBRSxjQUFjO1lBQ3JCLElBQUksRUFBVyxlQUFlO1NBQy9CO1FBQ0QsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBVyxPQUFPLEVBQUU7S0FDNUM7U0FDRSxHQUFHLENBQUMscUJBQXFCLENBQUM7U0FDMUIsR0FBRyxDQUFDLG1CQUFtQixDQUFDLENBQUM7QUFDOUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFZlcnRpY2FsU3RlcCwgVmVydGljYWxTdGVwU3RhdHVzLCBWZXJ0aWNhbFN0ZXBCYXNlLCBWZXJ0aWNhbFN0ZXBXaXRoU3RhdHVzIH0gZnJvbSAnLi92ZXJ0aWNhbC1zdGVwLnR5cGUnO1xuaW1wb3J0IHsgYWRzSWNvbiB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtaWNvbnMvaWNvbnMnO1xuXG4vKipcbiAqIFNldHMgYSBzdGVwcyBzdGF0dXMgYmFzZWQgb24gbXVsdGlwbGUgY3JpdGVyaWFcbiAqIEBwYXJhbSBjdXJyZW50U3RlcCBWZXJ0aWNhbFN0ZXBcbiAqIEBwYXJhbSBpbmRleCBudW1iZXJcbiAqIEBwYXJhbSBzdGVwcyBWcnRpY2FsU3RlcFtdXG4gKiBAcmV0dXJucyBWZXJ0aWNhbFN0ZXBcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHNldFZlcnRpY2FsU3RlcFN0YXR1cyhcbiAgY3VycmVudFN0ZXA6IFZlcnRpY2FsU3RlcEJhc2UsXG4gIGluZGV4OiBudW1iZXIsXG4gIHN0ZXBzOiBWZXJ0aWNhbFN0ZXBCYXNlW10sXG4pOiBWZXJ0aWNhbFN0ZXBXaXRoU3RhdHVzIHtcbiAgLy8gaWYgc3RlcCBhbHJlYWR5IGhhcyBhIHN0YXR1cyB1c2UgaXRcbiAgaWYgKGN1cnJlbnRTdGVwLnN0YXR1cykge1xuICAgIHJldHVybiBjdXJyZW50U3RlcCBhcyBWZXJ0aWNhbFN0ZXA7XG4gIH1cblxuICAvLyBpZiBzdGVwIGlzIG5vdCB0aGUgZmlyc3QsIGFuZCBwcmV2aW91cyBzdGVwIGlzIHJlamVjdGVkIG9yIGRpc2FibGVkL3JlamVjdGVkIGFsbCBvdGhlciBzdGVwcyBhZnRlciBpdFxuICAvLyBzaG91bGQgYmUgZGlzYWJsZWQvcmVqZWN0ZWRcbiAgaWYgKFxuICAgIChpbmRleCA+IDAgJiYgZ2V0UHJldmlvdXNWZXJ0aWNhbFN0ZXBTdGF0dXMoaW5kZXgsIHN0ZXBzKSA9PT0gVmVydGljYWxTdGVwU3RhdHVzLlJlamVjdGVkKSB8fFxuICAgIGdldFByZXZpb3VzVmVydGljYWxTdGVwU3RhdHVzKGluZGV4LCBzdGVwcykgPT09IFZlcnRpY2FsU3RlcFN0YXR1cy5EaXNhYmxlZFJlamVjdGVkXG4gICkge1xuICAgIGN1cnJlbnRTdGVwLnN0YXR1cyA9IFZlcnRpY2FsU3RlcFN0YXR1cy5EaXNhYmxlZFJlamVjdGVkO1xuICAgIC8vIGlmIHN0ZXAgaGFzIGEgZGF0ZSwgdGhhdCBzdGVwIGhhcyBiZWVuIGNvbXBsZXRlZFxuICB9IGVsc2UgaWYgKGN1cnJlbnRTdGVwLmRhdGUpIHtcbiAgICBjdXJyZW50U3RlcC5zdGF0dXMgPSBWZXJ0aWNhbFN0ZXBTdGF0dXMuQ29tcGxldGVkO1xuICAgIC8vIGlmIHN0ZXAgaXMgbm90IHRoZSBmaXJzdCwgYW5kIHByZXZpb3VzIHN0ZXAgaGFzIGEgZGF0ZSBvciBpZiBzdGVwIGlzIHRoZSBmaXJzdCBhbmQgdGhlIG5leHQgc3RlcCBkb2VzXG4gICAgLy8gbm90IGhhdmUgYSBkYXRlIHRoZW4gc3RlcCBpcyBjdXJyZW50XG4gIH0gZWxzZSBpZiAoXG4gICAgKGluZGV4ID4gMCAmJiBzdGVwc1tpbmRleCAtIDFdPy5kYXRlKSB8fFxuICAgIChpbmRleCA9PT0gMCAmJiAhc3RlcHNbaW5kZXggKyAxXT8uZGF0ZSkgfHxcbiAgICBnZXRQcmV2aW91c1ZlcnRpY2FsU3RlcFN0YXR1cyhpbmRleCwgc3RlcHMpID09PSBWZXJ0aWNhbFN0ZXBTdGF0dXMuU2tpcHBlZFxuICApIHtcbiAgICBjdXJyZW50U3RlcC5zdGF0dXMgPSBWZXJ0aWNhbFN0ZXBTdGF0dXMuQ3VycmVudDtcbiAgICAvLyBzdGVwIGlzIGEgZnV0dXJlIHN0ZXBcbiAgfSBlbHNlIHtcbiAgICBjdXJyZW50U3RlcC5zdGF0dXMgPSBWZXJ0aWNhbFN0ZXBTdGF0dXMuRnV0dXJlO1xuICB9XG5cbiAgcmV0dXJuIGN1cnJlbnRTdGVwIGFzIFZlcnRpY2FsU3RlcDtcbn1cblxuLyoqXG4gKiBUYWtlcyBhIHN0ZXAgYW5kIHNldHMgaXRzIGl0Y29uIGJhc2VkIG9uIHRoZSBzdGVwcyBzdGF0dXMuXG4gKiBTdGF0dXMgbXVzdCBiZSBzZXQgcHJpb3IgdG8gcnVubmluZyB0aGlzIGZ1bmN0aW9uLlxuICogQHBhcmFtIGN1cnJlbnRTdGVwIFZlcnRpY2FsU3RlcFxuICogQHJldHVybnMgVmVydGljYWxTdGVwXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBzZXRWZXJ0aWNhbFN0ZXBJY29uKGN1cnJlbnRTdGVwOiBWZXJ0aWNhbFN0ZXBXaXRoU3RhdHVzKTogVmVydGljYWxTdGVwIHtcbiAgc3dpdGNoIChjdXJyZW50U3RlcC5zdGF0dXMpIHtcbiAgICBjYXNlIFZlcnRpY2FsU3RlcFN0YXR1cy5Db21wbGV0ZWQ6XG4gICAgICBjdXJyZW50U3RlcC5pY29uID0gJ2NoZWNrJztcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgVmVydGljYWxTdGVwU3RhdHVzLlNraXBwZWQ6XG4gICAgICBjdXJyZW50U3RlcC5pY29uID0gJ3N0ZXBwZXJfY2lyY2xlJztcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgVmVydGljYWxTdGVwU3RhdHVzLkRpc2FibGVkOlxuICAgICAgY3VycmVudFN0ZXAuaWNvbiA9ICdtaW51cyc7XG4gICAgICBicmVhaztcbiAgICBjYXNlIFZlcnRpY2FsU3RlcFN0YXR1cy5BbGVydDpcbiAgICAgIGN1cnJlbnRTdGVwLmljb24gPSAnZXhjbGFtYXRpb24nO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSBWZXJ0aWNhbFN0ZXBTdGF0dXMuUmVqZWN0ZWQ6XG4gICAgY2FzZSBWZXJ0aWNhbFN0ZXBTdGF0dXMuRGlzYWJsZWRSZWplY3RlZDpcbiAgICAgIGN1cnJlbnRTdGVwLmljb24gPSAnY3Jvc3MnO1xuICAgICAgYnJlYWs7XG4gICAgZGVmYXVsdDpcbiAgICAgIGJyZWFrO1xuICB9XG5cbiAgcmV0dXJuIGN1cnJlbnRTdGVwIGFzIFZlcnRpY2FsU3RlcDtcbn1cblxuLyoqXG4gKiBSZXR1cm5zIHRoZSBzdGF0dXMgb2YgdGhlIHByZXZpb3VzIHN0ZXBcbiAqIEBwYXJhbSBpbmRleCBudW1iZXJcbiAqIEBwYXJhbSBzdGVwcyBWZXJ0aWNhbFN0ZXBcbiAqIEByZXR1cm5zIFZlcnRpY2FsU3RlcFN0YXR1c1xuICovXG5leHBvcnQgZnVuY3Rpb24gZ2V0UHJldmlvdXNWZXJ0aWNhbFN0ZXBTdGF0dXMoXG4gIGluZGV4OiBudW1iZXIsXG4gIHN0ZXBzOiBWZXJ0aWNhbFN0ZXBCYXNlW10sXG4pOiBWZXJ0aWNhbFN0ZXBTdGF0dXMgfCB1bmRlZmluZWQge1xuICByZXR1cm4gc3RlcHNbaW5kZXggLSAxXSAmJiBzdGVwc1tpbmRleCAtIDFdLnN0YXR1cztcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGdldFZlcnRpY2FsU3RlcHBlclNhbXBsZURhdGEoKTogVmVydGljYWxTdGVwW10ge1xuICByZXR1cm4gW1xuICAgIHtcbiAgICAgIHRpdGxlOiAnRGV0YWlscycsXG4gICAgICBpY29uOiA8YWRzSWNvbj4nd2FyZWhvdXNlJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIHRpdGxlOiAnUm91dGUnLFxuICAgICAgaWNvbjogPGFkc0ljb24+J2xvY2F0aW9uX2ZpbGxlZCcsXG4gICAgfSxcbiAgICB7XG4gICAgICB0aXRsZTogJ0NhcmdvJyxcbiAgICAgIGljb246IDxhZHNJY29uPid0cnVja19kb2xseScsXG4gICAgfSxcbiAgICB7XG4gICAgICB0aXRsZTogJ0VtYWlsIEFsZXJ0cycsXG4gICAgICBpY29uOiA8YWRzSWNvbj4nbWFpbF9lbnZlbG9wZScsXG4gICAgfSxcbiAgICB7IHRpdGxlOiAnU3VibWl0JywgaWNvbjogPGFkc0ljb24+J2NoZWNrJyB9LFxuICBdXG4gICAgLm1hcChzZXRWZXJ0aWNhbFN0ZXBTdGF0dXMpXG4gICAgLm1hcChzZXRWZXJ0aWNhbFN0ZXBJY29uKTtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export var VerticalStepStatus;
|
|
2
|
+
(function (VerticalStepStatus) {
|
|
3
|
+
VerticalStepStatus["Completed"] = "completed";
|
|
4
|
+
VerticalStepStatus["Current"] = "current";
|
|
5
|
+
VerticalStepStatus["Future"] = "future";
|
|
6
|
+
VerticalStepStatus["Skipped"] = "skipped";
|
|
7
|
+
VerticalStepStatus["Rejected"] = "rejected";
|
|
8
|
+
VerticalStepStatus["Alert"] = "alert";
|
|
9
|
+
VerticalStepStatus["Disabled"] = "disabled";
|
|
10
|
+
VerticalStepStatus["DisabledRejected"] = "disabled-rejected";
|
|
11
|
+
})(VerticalStepStatus || (VerticalStepStatus = {}));
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc3RlcC50eXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXJzL3ZlcnRpY2FsLXN0ZXBwZXIvdmVydGljYWwtc3RlcC50eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDQSxNQUFNLENBQU4sSUFBWSxrQkFTWDtBQVRELFdBQVksa0JBQWtCO0lBQzVCLDZDQUF1QixDQUFBO0lBQ3ZCLHlDQUFtQixDQUFBO0lBQ25CLHVDQUFpQixDQUFBO0lBQ2pCLHlDQUFtQixDQUFBO0lBQ25CLDJDQUFxQixDQUFBO0lBQ3JCLHFDQUFlLENBQUE7SUFDZiwyQ0FBcUIsQ0FBQTtJQUNyQiw0REFBc0MsQ0FBQTtBQUN4QyxDQUFDLEVBVFcsa0JBQWtCLEtBQWxCLGtCQUFrQixRQVM3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFkc0ljb24gfSBmcm9tICdAYXNjZW50Z2wvYWRzLWljb25zL2ljb25zJztcblxuZXhwb3J0IHR5cGUgVmVydGljYWxTdGVwQmFzZSA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZGF0ZT86IERhdGU7XG4gIGljb24/OiBhZHNJY29uO1xuICBzdGF0dXM/OiBWZXJ0aWNhbFN0ZXBTdGF0dXM7XG59O1xuXG5leHBvcnQgdHlwZSBWZXJ0aWNhbFN0ZXBXaXRoU3RhdHVzID0gVmVydGljYWxTdGVwQmFzZSAmIHsgc3RhdHVzOiBWZXJ0aWNhbFN0ZXBTdGF0dXMgfTtcblxuZXhwb3J0IHR5cGUgVmVydGljYWxTdGVwID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBkYXRlPzogRGF0ZTtcbiAgaWNvbjogYWRzSWNvbjtcbiAgc3RhdHVzOiBWZXJ0aWNhbFN0ZXBTdGF0dXM7XG4gIG9uQ2xpY2s/OiAoc3RlcDogVmVydGljYWxTdGVwKSA9PiB2b2lkO1xuICBpc0NsaWNrYWJsZT86IGJvb2xlYW47XG59O1xuXG5leHBvcnQgdHlwZSBWZXJ0aWNhbFN0eWxlID0ge1xuICBjaXJjbGU6IFZlcnRpY2FsQ2lyY2xlU3R5bGU7XG4gIGxpbmVCZWZvcmU6IFZlcnRpY2FsTGluZVN0eWxlO1xuICBsaW5lQWZ0ZXI6IFZlcnRpY2FsTGluZVN0eWxlO1xuICBza2lwcGVkOiBWZXJ0aWNhbENpcmNsZVN0eWxlO1xufTtcblxuZXhwb3J0IHR5cGUgVmVydGljYWxDaXJjbGVTdHlsZSA9IHtcbiAgd2lkdGg6IHN0cmluZztcbiAgaGVpZ2h0OiBzdHJpbmc7XG4gICdib3JkZXItcmFkaXVzJzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgVmVydGljYWxMaW5lU3R5bGUgPSB7XG4gIHdpZHRoOiBzdHJpbmc7XG4gIHRvcDogc3RyaW5nO1xufTtcblxuZXhwb3J0IGVudW0gVmVydGljYWxTdGVwU3RhdHVzIHtcbiAgQ29tcGxldGVkID0gJ2NvbXBsZXRlZCcsXG4gIEN1cnJlbnQgPSAnY3VycmVudCcsXG4gIEZ1dHVyZSA9ICdmdXR1cmUnLFxuICBTa2lwcGVkID0gJ3NraXBwZWQnLFxuICBSZWplY3RlZCA9ICdyZWplY3RlZCcsXG4gIEFsZXJ0ID0gJ2FsZXJ0JyxcbiAgRGlzYWJsZWQgPSAnZGlzYWJsZWQnLFxuICBEaXNhYmxlZFJlamVjdGVkID0gJ2Rpc2FibGVkLXJlamVjdGVkJyxcbn1cbiJdfQ==
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import { ViewChildren } from '@angular/core';
|
|
2
|
+
import { Component, ElementRef, Input, QueryList, Renderer2 } from '@angular/core';
|
|
3
|
+
import { VerticalStepStatus } from './vertical-step.type';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
import * as i2 from "@angular/material/tooltip";
|
|
7
|
+
import * as i3 from "@ascentgl/ads-icons";
|
|
8
|
+
export class AdsVerticalStepperComponent {
|
|
9
|
+
constructor(element, renderer, window) {
|
|
10
|
+
this.element = element;
|
|
11
|
+
this.renderer = renderer;
|
|
12
|
+
this.window = window;
|
|
13
|
+
/**
|
|
14
|
+
* The steps to display
|
|
15
|
+
*/
|
|
16
|
+
this.verticalsteps = [];
|
|
17
|
+
/**
|
|
18
|
+
* The size of the icons
|
|
19
|
+
*/
|
|
20
|
+
this.iconSize = 'sm';
|
|
21
|
+
/**
|
|
22
|
+
* Whether the viewport is mobile
|
|
23
|
+
*/
|
|
24
|
+
this.isMobile = false;
|
|
25
|
+
/**
|
|
26
|
+
* Enable tooltip
|
|
27
|
+
*/
|
|
28
|
+
this.enableTooltip = false;
|
|
29
|
+
// eslint-disable-next-line @typescript-eslint/no-inferrable-types
|
|
30
|
+
this.isLinear = false;
|
|
31
|
+
/** @ignore */
|
|
32
|
+
this.stepStatus = VerticalStepStatus;
|
|
33
|
+
/** @ignore */
|
|
34
|
+
this.iconMap = {
|
|
35
|
+
sm: { size: 24, padding: 16 },
|
|
36
|
+
md: { size: 32, padding: 24 },
|
|
37
|
+
lg: { size: 48, padding: 32 },
|
|
38
|
+
};
|
|
39
|
+
/** @ignore */
|
|
40
|
+
this.shouldScroll = false;
|
|
41
|
+
}
|
|
42
|
+
/** @ignore */
|
|
43
|
+
ngOnChanges(changes) {
|
|
44
|
+
if (changes.iconSize && !changes.iconSize.firstChange) {
|
|
45
|
+
this.setCircleSize();
|
|
46
|
+
}
|
|
47
|
+
if (changes.isMobile && !changes.isMobile.firstChange) {
|
|
48
|
+
this.resetStepperScrollState();
|
|
49
|
+
this.setStepperScrollState();
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
/** @ignore */
|
|
53
|
+
ngOnInit() {
|
|
54
|
+
this.focusedStepIndex = this.verticalsteps.findIndex((step) => step.status === this.stepStatus.Current);
|
|
55
|
+
this.setCircleSize();
|
|
56
|
+
}
|
|
57
|
+
/** @ignore */
|
|
58
|
+
centerFocusedStep() {
|
|
59
|
+
const halfOfViewport = this.window.innerWidth / 2;
|
|
60
|
+
const middleOfFocusedStep = this.focusedStepIndex * this.stepWidth + this.stepWidth / 2;
|
|
61
|
+
this.renderer.setStyle(this.element.nativeElement, 'margin-left', `${halfOfViewport - middleOfFocusedStep}px`);
|
|
62
|
+
}
|
|
63
|
+
/** @ignore */
|
|
64
|
+
resetStepperScrollState() {
|
|
65
|
+
this.shouldScroll = false;
|
|
66
|
+
this.renderer.setStyle(this.element.nativeElement, 'margin-left', '0');
|
|
67
|
+
}
|
|
68
|
+
/** @ignore */
|
|
69
|
+
setCircleSize() {
|
|
70
|
+
const { size, padding } = this.iconMap[this.iconSize];
|
|
71
|
+
const circleSize = size + padding;
|
|
72
|
+
this.style = {
|
|
73
|
+
circle: {
|
|
74
|
+
width: `${circleSize}px`,
|
|
75
|
+
height: `${circleSize}px`,
|
|
76
|
+
'border-radius': `${circleSize / 2}px`,
|
|
77
|
+
},
|
|
78
|
+
lineBefore: {
|
|
79
|
+
width: `calc(50% - ${circleSize / 2 - 4}px)`,
|
|
80
|
+
top: `${circleSize / 2}px`,
|
|
81
|
+
},
|
|
82
|
+
lineAfter: {
|
|
83
|
+
width: `calc(50% - ${circleSize / 2 - 6}px)`,
|
|
84
|
+
top: `${circleSize / 2}px`,
|
|
85
|
+
},
|
|
86
|
+
skipped: {
|
|
87
|
+
width: `${circleSize - 4}px`,
|
|
88
|
+
height: `${circleSize - 4}px`,
|
|
89
|
+
'border-radius': `${circleSize / 2}px`,
|
|
90
|
+
},
|
|
91
|
+
};
|
|
92
|
+
}
|
|
93
|
+
/** @ignore */
|
|
94
|
+
setStepperScrollState() {
|
|
95
|
+
this.stepWidth = this.stepElements.first.nativeElement.getBoundingClientRect().width;
|
|
96
|
+
if (Math.floor(this.verticalsteps.length * this.stepWidth) > this.window.innerWidth) {
|
|
97
|
+
this.stepElements.forEach((step) => this.renderer.setStyle(step.nativeElement, 'flex', '0 0 0'));
|
|
98
|
+
this.shouldScroll = true;
|
|
99
|
+
this.centerFocusedStep();
|
|
100
|
+
}
|
|
101
|
+
else {
|
|
102
|
+
this.stepElements.forEach((step) => this.renderer.setStyle(step.nativeElement, 'flex', '1'));
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: Window }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
106
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AdsVerticalStepperComponent, selector: "ads-vertical-stepper", inputs: { id: "id", verticalsteps: "verticalsteps", iconSize: "iconSize", isMobile: "isMobile", enableTooltip: "enableTooltip" }, viewQueries: [{ propertyName: "stepElements", predicate: ["stepElements"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"vertical-stepper\" aria-orientation=\"vertical\" [class.mobile]=\"isMobile\" [id]=\"id\">\n <ng-container *ngFor=\"let step of verticalsteps; let first = first; let last = last; let index = index\">\n <div\n #stepElements\n class=\"step\"\n [class.focused]=\"index === focusedStepIndex\"\n [ngClass]=\"{ clickable: step.onClick && step.isClickable !== false }\"\n >\n <div *ngIf=\"!first\" class=\"line-container\" [ngClass]=\"step.status\">\n <div></div>\n <div></div>\n </div>\n <div class=\"step-icon-wrapper\" (click)=\"step.onClick && step.isClickable !== false ? step.onClick!(step) : null\">\n <div\n class=\"step-icon\"\n [ngClass]=\"step.status\"\n [ngStyle]=\"step.status === stepStatus.Skipped ? style.skipped : style.circle\"\n [matTooltip]=\"step.title\"\n [matTooltipDisabled]=\"!enableTooltip\"\n >\n <ads-icon [name]=\"step.icon\" [size]=\"iconSize\" stroke=\"white\" theme=\"white\"></ads-icon>\n </div>\n </div>\n <span class=\"title\" (click)=\"step.onClick && step.isClickable !== false ? step.onClick!(step) : null\">{{\n step.title\n }}</span>\n </div>\n </ng-container>\n</div>\n", styles: [":host{display:block;flex:1;transition:margin .5s}.vertical-stepper{display:flex;flex-flow:column wrap}.step{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center}.step.clickable .step-icon-wrapper,.step.clickable .title{cursor:pointer}.vertical-stepper.mobile .step{min-width:100px}.step-icon{z-index:1;display:flex;align-items:center;justify-content:center}.title{margin-top:4px;font-weight:500;line-height:18.75px;text-align:center;cursor:default}.vertical-stepper.mobile .step.focused .step-icon{transform:scale(1.25);transition:transform .5s}.vertical-stepper.mobile .step.focused .title{margin-top:8px}.step-icon-wrapper{display:flex;width:100%;align-items:flex-start;justify-content:center}.step-icon.completed{background-color:#bab8ff}.step-icon.current{background-color:var(--color-secondary);width:80px!important;height:80px!important;border-radius:80px!important}.step-icon.future{background-color:var(--color-medium-50)}.step-icon.disabled,.step-icon.disabled-rejected{background-color:var(--color-light)}.step-icon.alert{background-color:var(--color-alert)}.step-icon.rejected{background-color:var(--color-error-hover)}.step-icon.skipped{width:36px;height:36px;background-color:#bab8ff}.vertical-stepper.mobile .step:not(.focused) .title{display:none}::ng-deep .step-icon .ads-icon{display:flex!important;align-items:center;justify-content:center}::ng-deep .step-icon.skipped .ads-icon{color:var(--color-primary)!important}::ng-deep .step-icon.current .ads-icon{font-size:large!important}.line-container{display:flex;padding:8px 0}.line-container div{flex:1;height:40px}.line-container div:first-child{border-right:1px solid var(--color-medium-50)}.line-container div:last-child{border-left:1px solid var(--color-medium-50)}.line.completed{border-left-color:var(--color-success)}.line.skipped{border-left-color:var(--color-primary)}.line.current,.line.rejected{border-left-style:dashed;border-left-color:#bab8ff}.line.current.before,.line.rejected.before{left:-10px;width:calc(50% - 22px)}.line.future{border-left-color:var(--color-medium-50)}.line.disabled,.line.disabled-rejected{border-left-color:var(--color-light)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
107
|
+
}
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperComponent, decorators: [{
|
|
109
|
+
type: Component,
|
|
110
|
+
args: [{ selector: 'ads-vertical-stepper', template: "<div class=\"vertical-stepper\" aria-orientation=\"vertical\" [class.mobile]=\"isMobile\" [id]=\"id\">\n <ng-container *ngFor=\"let step of verticalsteps; let first = first; let last = last; let index = index\">\n <div\n #stepElements\n class=\"step\"\n [class.focused]=\"index === focusedStepIndex\"\n [ngClass]=\"{ clickable: step.onClick && step.isClickable !== false }\"\n >\n <div *ngIf=\"!first\" class=\"line-container\" [ngClass]=\"step.status\">\n <div></div>\n <div></div>\n </div>\n <div class=\"step-icon-wrapper\" (click)=\"step.onClick && step.isClickable !== false ? step.onClick!(step) : null\">\n <div\n class=\"step-icon\"\n [ngClass]=\"step.status\"\n [ngStyle]=\"step.status === stepStatus.Skipped ? style.skipped : style.circle\"\n [matTooltip]=\"step.title\"\n [matTooltipDisabled]=\"!enableTooltip\"\n >\n <ads-icon [name]=\"step.icon\" [size]=\"iconSize\" stroke=\"white\" theme=\"white\"></ads-icon>\n </div>\n </div>\n <span class=\"title\" (click)=\"step.onClick && step.isClickable !== false ? step.onClick!(step) : null\">{{\n step.title\n }}</span>\n </div>\n </ng-container>\n</div>\n", styles: [":host{display:block;flex:1;transition:margin .5s}.vertical-stepper{display:flex;flex-flow:column wrap}.step{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center}.step.clickable .step-icon-wrapper,.step.clickable .title{cursor:pointer}.vertical-stepper.mobile .step{min-width:100px}.step-icon{z-index:1;display:flex;align-items:center;justify-content:center}.title{margin-top:4px;font-weight:500;line-height:18.75px;text-align:center;cursor:default}.vertical-stepper.mobile .step.focused .step-icon{transform:scale(1.25);transition:transform .5s}.vertical-stepper.mobile .step.focused .title{margin-top:8px}.step-icon-wrapper{display:flex;width:100%;align-items:flex-start;justify-content:center}.step-icon.completed{background-color:#bab8ff}.step-icon.current{background-color:var(--color-secondary);width:80px!important;height:80px!important;border-radius:80px!important}.step-icon.future{background-color:var(--color-medium-50)}.step-icon.disabled,.step-icon.disabled-rejected{background-color:var(--color-light)}.step-icon.alert{background-color:var(--color-alert)}.step-icon.rejected{background-color:var(--color-error-hover)}.step-icon.skipped{width:36px;height:36px;background-color:#bab8ff}.vertical-stepper.mobile .step:not(.focused) .title{display:none}::ng-deep .step-icon .ads-icon{display:flex!important;align-items:center;justify-content:center}::ng-deep .step-icon.skipped .ads-icon{color:var(--color-primary)!important}::ng-deep .step-icon.current .ads-icon{font-size:large!important}.line-container{display:flex;padding:8px 0}.line-container div{flex:1;height:40px}.line-container div:first-child{border-right:1px solid var(--color-medium-50)}.line-container div:last-child{border-left:1px solid var(--color-medium-50)}.line.completed{border-left-color:var(--color-success)}.line.skipped{border-left-color:var(--color-primary)}.line.current,.line.rejected{border-left-style:dashed;border-left-color:#bab8ff}.line.current.before,.line.rejected.before{left:-10px;width:calc(50% - 22px)}.line.future{border-left-color:var(--color-medium-50)}.line.disabled,.line.disabled-rejected{border-left-color:var(--color-light)}\n"] }]
|
|
111
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: Window }], propDecorators: { id: [{
|
|
112
|
+
type: Input
|
|
113
|
+
}], verticalsteps: [{
|
|
114
|
+
type: Input
|
|
115
|
+
}], iconSize: [{
|
|
116
|
+
type: Input
|
|
117
|
+
}], isMobile: [{
|
|
118
|
+
type: Input
|
|
119
|
+
}], enableTooltip: [{
|
|
120
|
+
type: Input
|
|
121
|
+
}], stepElements: [{
|
|
122
|
+
type: ViewChildren,
|
|
123
|
+
args: ['stepElements']
|
|
124
|
+
}] } });
|
|
125
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlcnMvdmVydGljYWwtc3RlcHBlci92ZXJ0aWNhbC1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVycy92ZXJ0aWNhbC1zdGVwcGVyL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQXFCLFNBQVMsRUFBRSxTQUFTLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3JILE9BQU8sRUFBZ0Isa0JBQWtCLEVBQWlCLE1BQU0sc0JBQXNCLENBQUM7Ozs7O0FBT3ZGLE1BQU0sT0FBTywyQkFBMkI7SUFDdEMsWUFDVSxPQUFtQixFQUNuQixRQUFtQixFQUNuQixNQUFjO1FBRmQsWUFBTyxHQUFQLE9BQU8sQ0FBWTtRQUNuQixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLFdBQU0sR0FBTixNQUFNLENBQVE7UUFReEI7O1dBRUc7UUFDYSxrQkFBYSxHQUFtQixFQUFFLENBQUM7UUFFbkQ7O1dBRUc7UUFDYSxhQUFRLEdBQXVCLElBQUksQ0FBQztRQUVwRDs7V0FFRztRQUNNLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFMUI7O1dBRUc7UUFDTSxrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUUvQixrRUFBa0U7UUFDbEUsYUFBUSxHQUFZLEtBQUssQ0FBQztRQVExQixjQUFjO1FBQ2QsZUFBVSxHQUFHLGtCQUFrQixDQUFDO1FBS2hDLGNBQWM7UUFDTixZQUFPLEdBQUc7WUFDaEIsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFO1lBQzdCLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRTtZQUM3QixFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUU7U0FDOUIsQ0FBQztRQUVGLGNBQWM7UUFDTixpQkFBWSxHQUFHLEtBQUssQ0FBQztJQWxEMUIsQ0FBQztJQXVESixjQUFjO0lBQ2QsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLFFBQVEsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDdEQsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3ZCLENBQUM7UUFFRCxJQUFJLE9BQU8sQ0FBQyxRQUFRLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ3RELElBQUksQ0FBQyx1QkFBdUIsRUFBRSxDQUFDO1lBQy9CLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDO0lBRUQsY0FBYztJQUNkLFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQ2xELENBQUMsSUFBa0IsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sS0FBSyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FDaEUsQ0FBQztRQUNGLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsY0FBYztJQUNOLGlCQUFpQjtRQUN2QixNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUM7UUFDbEQsTUFBTSxtQkFBbUIsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztRQUN4RixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsRUFBRSxhQUFhLEVBQUUsR0FBRyxjQUFjLEdBQUcsbUJBQW1CLElBQUksQ0FBQyxDQUFDO0lBQ2pILENBQUM7SUFFRCxjQUFjO0lBQ04sdUJBQXVCO1FBQzdCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxFQUFFLGFBQWEsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUN6RSxDQUFDO0lBRUQsY0FBYztJQUNOLGFBQWE7UUFDbkIsTUFBTSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN0RCxNQUFNLFVBQVUsR0FBRyxJQUFJLEdBQUcsT0FBTyxDQUFDO1FBRWxDLElBQUksQ0FBQyxLQUFLLEdBQUc7WUFDWCxNQUFNLEVBQUU7Z0JBQ04sS0FBSyxFQUFFLEdBQUcsVUFBVSxJQUFJO2dCQUN4QixNQUFNLEVBQUUsR0FBRyxVQUFVLElBQUk7Z0JBQ3pCLGVBQWUsRUFBRSxHQUFHLFVBQVUsR0FBRyxDQUFDLElBQUk7YUFDdkM7WUFDRCxVQUFVLEVBQUU7Z0JBQ1YsS0FBSyxFQUFFLGNBQWMsVUFBVSxHQUFHLENBQUMsR0FBRyxDQUFDLEtBQUs7Z0JBQzVDLEdBQUcsRUFBRSxHQUFHLFVBQVUsR0FBRyxDQUFDLElBQUk7YUFDM0I7WUFDRCxTQUFTLEVBQUU7Z0JBQ1QsS0FBSyxFQUFFLGNBQWMsVUFBVSxHQUFHLENBQUMsR0FBRyxDQUFDLEtBQUs7Z0JBQzVDLEdBQUcsRUFBRSxHQUFHLFVBQVUsR0FBRyxDQUFDLElBQUk7YUFDM0I7WUFDRCxPQUFPLEVBQUU7Z0JBQ1AsS0FBSyxFQUFFLEdBQUcsVUFBVSxHQUFHLENBQUMsSUFBSTtnQkFDNUIsTUFBTSxFQUFFLEdBQUcsVUFBVSxHQUFHLENBQUMsSUFBSTtnQkFDN0IsZUFBZSxFQUFFLEdBQUcsVUFBVSxHQUFHLENBQUMsSUFBSTthQUN2QztTQUNGLENBQUM7SUFDSixDQUFDO0lBRUQsY0FBYztJQUNOLHFCQUFxQjtRQUMzQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLEtBQUssQ0FBQztRQUVyRixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDcEYsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsTUFBTSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDakcsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7WUFDekIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDM0IsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxNQUFNLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUMvRixDQUFDO0lBQ0gsQ0FBQzs4R0FuSVUsMkJBQTJCO2tHQUEzQiwyQkFBMkIsb1RDVHhDLDB2Q0E2QkE7OzJGRHBCYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usc0JBQXNCO3lIQWN2QixFQUFFO3NCQUFWLEtBQUs7Z0JBS1UsYUFBYTtzQkFBNUIsS0FBSztnQkFLVSxRQUFRO3NCQUF2QixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csYUFBYTtzQkFBckIsS0FBSztnQkFNd0IsWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVmlld0NoaWxkcmVuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgUXVlcnlMaXN0LCBSZW5kZXJlcjIsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZlcnRpY2FsU3RlcCwgVmVydGljYWxTdGVwU3RhdHVzLCBWZXJ0aWNhbFN0eWxlIH0gZnJvbSAnLi92ZXJ0aWNhbC1zdGVwLnR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHMtdmVydGljYWwtc3RlcHBlcicsXG4gIHN0eWxlVXJsczogWycuL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3ZlcnRpY2FsLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBBZHNWZXJ0aWNhbFN0ZXBwZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudDogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgcHJpdmF0ZSB3aW5kb3c6IFdpbmRvdyxcbiAgKSB7fVxuXG4gIC8qKlxuICAgKiBUaGUgdW5pcXVlIElEIGZvciB0aGUgdmVydGljYWwgc3RlcHBlclxuICAgKi9cbiAgQElucHV0KCkgaWQhOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFRoZSBzdGVwcyB0byBkaXNwbGF5XG4gICAqL1xuICBASW5wdXQoKSBwdWJsaWMgdmVydGljYWxzdGVwczogVmVydGljYWxTdGVwW10gPSBbXTtcblxuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIGljb25zXG4gICAqL1xuICBASW5wdXQoKSBwdWJsaWMgaWNvblNpemU6ICdzbScgfCAnbWQnIHwgJ2xnJyA9ICdzbSc7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIHZpZXdwb3J0IGlzIG1vYmlsZVxuICAgKi9cbiAgQElucHV0KCkgaXNNb2JpbGUgPSBmYWxzZTtcblxuICAvKipcbiAgICogRW5hYmxlIHRvb2x0aXBcbiAgICovXG4gIEBJbnB1dCgpIGVuYWJsZVRvb2x0aXAgPSBmYWxzZTtcblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWluZmVycmFibGUtdHlwZXNcbiAgaXNMaW5lYXI6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBAVmlld0NoaWxkcmVuKCdzdGVwRWxlbWVudHMnKSBzdGVwRWxlbWVudHMhOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgZm9jdXNlZFN0ZXBJbmRleCE6IG51bWJlcjtcblxuICAvKiogQGlnbm9yZSAqL1xuICBzdGVwU3RhdHVzID0gVmVydGljYWxTdGVwU3RhdHVzO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHN0eWxlITogVmVydGljYWxTdHlsZTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcml2YXRlIGljb25NYXAgPSB7XG4gICAgc206IHsgc2l6ZTogMjQsIHBhZGRpbmc6IDE2IH0sXG4gICAgbWQ6IHsgc2l6ZTogMzIsIHBhZGRpbmc6IDI0IH0sXG4gICAgbGc6IHsgc2l6ZTogNDgsIHBhZGRpbmc6IDMyIH0sXG4gIH07XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJpdmF0ZSBzaG91bGRTY3JvbGwgPSBmYWxzZTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcml2YXRlIHN0ZXBXaWR0aCE6IG51bWJlcjtcblxuICAvKiogQGlnbm9yZSAqL1xuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXMuaWNvblNpemUgJiYgIWNoYW5nZXMuaWNvblNpemUuZmlyc3RDaGFuZ2UpIHtcbiAgICAgIHRoaXMuc2V0Q2lyY2xlU2l6ZSgpO1xuICAgIH1cblxuICAgIGlmIChjaGFuZ2VzLmlzTW9iaWxlICYmICFjaGFuZ2VzLmlzTW9iaWxlLmZpcnN0Q2hhbmdlKSB7XG4gICAgICB0aGlzLnJlc2V0U3RlcHBlclNjcm9sbFN0YXRlKCk7XG4gICAgICB0aGlzLnNldFN0ZXBwZXJTY3JvbGxTdGF0ZSgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZm9jdXNlZFN0ZXBJbmRleCA9IHRoaXMudmVydGljYWxzdGVwcy5maW5kSW5kZXgoXG4gICAgICAoc3RlcDogVmVydGljYWxTdGVwKSA9PiBzdGVwLnN0YXR1cyA9PT0gdGhpcy5zdGVwU3RhdHVzLkN1cnJlbnQsXG4gICAgKTtcbiAgICB0aGlzLnNldENpcmNsZVNpemUoKTtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHByaXZhdGUgY2VudGVyRm9jdXNlZFN0ZXAoKTogdm9pZCB7XG4gICAgY29uc3QgaGFsZk9mVmlld3BvcnQgPSB0aGlzLndpbmRvdy5pbm5lcldpZHRoIC8gMjtcbiAgICBjb25zdCBtaWRkbGVPZkZvY3VzZWRTdGVwID0gdGhpcy5mb2N1c2VkU3RlcEluZGV4ICogdGhpcy5zdGVwV2lkdGggKyB0aGlzLnN0ZXBXaWR0aCAvIDI7XG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ21hcmdpbi1sZWZ0JywgYCR7aGFsZk9mVmlld3BvcnQgLSBtaWRkbGVPZkZvY3VzZWRTdGVwfXB4YCk7XG4gIH1cblxuICAvKiogQGlnbm9yZSAqL1xuICBwcml2YXRlIHJlc2V0U3RlcHBlclNjcm9sbFN0YXRlKCk6IHZvaWQge1xuICAgIHRoaXMuc2hvdWxkU2Nyb2xsID0gZmFsc2U7XG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ21hcmdpbi1sZWZ0JywgJzAnKTtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHByaXZhdGUgc2V0Q2lyY2xlU2l6ZSgpOiB2b2lkIHtcbiAgICBjb25zdCB7IHNpemUsIHBhZGRpbmcgfSA9IHRoaXMuaWNvbk1hcFt0aGlzLmljb25TaXplXTtcbiAgICBjb25zdCBjaXJjbGVTaXplID0gc2l6ZSArIHBhZGRpbmc7XG5cbiAgICB0aGlzLnN0eWxlID0ge1xuICAgICAgY2lyY2xlOiB7XG4gICAgICAgIHdpZHRoOiBgJHtjaXJjbGVTaXplfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtjaXJjbGVTaXplfXB4YCxcbiAgICAgICAgJ2JvcmRlci1yYWRpdXMnOiBgJHtjaXJjbGVTaXplIC8gMn1weGAsXG4gICAgICB9LFxuICAgICAgbGluZUJlZm9yZToge1xuICAgICAgICB3aWR0aDogYGNhbGMoNTAlIC0gJHtjaXJjbGVTaXplIC8gMiAtIDR9cHgpYCxcbiAgICAgICAgdG9wOiBgJHtjaXJjbGVTaXplIC8gMn1weGAsXG4gICAgICB9LFxuICAgICAgbGluZUFmdGVyOiB7XG4gICAgICAgIHdpZHRoOiBgY2FsYyg1MCUgLSAke2NpcmNsZVNpemUgLyAyIC0gNn1weClgLFxuICAgICAgICB0b3A6IGAke2NpcmNsZVNpemUgLyAyfXB4YCxcbiAgICAgIH0sXG4gICAgICBza2lwcGVkOiB7XG4gICAgICAgIHdpZHRoOiBgJHtjaXJjbGVTaXplIC0gNH1weGAsXG4gICAgICAgIGhlaWdodDogYCR7Y2lyY2xlU2l6ZSAtIDR9cHhgLFxuICAgICAgICAnYm9yZGVyLXJhZGl1cyc6IGAke2NpcmNsZVNpemUgLyAyfXB4YCxcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHByaXZhdGUgc2V0U3RlcHBlclNjcm9sbFN0YXRlKCk6IHZvaWQge1xuICAgIHRoaXMuc3RlcFdpZHRoID0gdGhpcy5zdGVwRWxlbWVudHMuZmlyc3QubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aDtcblxuICAgIGlmIChNYXRoLmZsb29yKHRoaXMudmVydGljYWxzdGVwcy5sZW5ndGggKiB0aGlzLnN0ZXBXaWR0aCkgPiB0aGlzLndpbmRvdy5pbm5lcldpZHRoKSB7XG4gICAgICB0aGlzLnN0ZXBFbGVtZW50cy5mb3JFYWNoKChzdGVwKSA9PiB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHN0ZXAubmF0aXZlRWxlbWVudCwgJ2ZsZXgnLCAnMCAwIDAnKSk7XG4gICAgICB0aGlzLnNob3VsZFNjcm9sbCA9IHRydWU7XG4gICAgICB0aGlzLmNlbnRlckZvY3VzZWRTdGVwKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc3RlcEVsZW1lbnRzLmZvckVhY2goKHN0ZXApID0+IHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoc3RlcC5uYXRpdmVFbGVtZW50LCAnZmxleCcsICcxJykpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInZlcnRpY2FsLXN0ZXBwZXJcIiBhcmlhLW9yaWVudGF0aW9uPVwidmVydGljYWxcIiBbY2xhc3MubW9iaWxlXT1cImlzTW9iaWxlXCIgW2lkXT1cImlkXCI+XG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHN0ZXAgb2YgdmVydGljYWxzdGVwczsgbGV0IGZpcnN0ID0gZmlyc3Q7IGxldCBsYXN0ID0gbGFzdDsgbGV0IGluZGV4ID0gaW5kZXhcIj5cbiAgICA8ZGl2XG4gICAgICAjc3RlcEVsZW1lbnRzXG4gICAgICBjbGFzcz1cInN0ZXBcIlxuICAgICAgW2NsYXNzLmZvY3VzZWRdPVwiaW5kZXggPT09IGZvY3VzZWRTdGVwSW5kZXhcIlxuICAgICAgW25nQ2xhc3NdPVwieyBjbGlja2FibGU6IHN0ZXAub25DbGljayAmJiBzdGVwLmlzQ2xpY2thYmxlICE9PSBmYWxzZSB9XCJcbiAgICA+XG4gICAgICA8ZGl2ICpuZ0lmPVwiIWZpcnN0XCIgY2xhc3M9XCJsaW5lLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cInN0ZXAuc3RhdHVzXCI+XG4gICAgICAgIDxkaXY+PC9kaXY+XG4gICAgICAgIDxkaXY+PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWljb24td3JhcHBlclwiIChjbGljayk9XCJzdGVwLm9uQ2xpY2sgJiYgc3RlcC5pc0NsaWNrYWJsZSAhPT0gZmFsc2UgPyBzdGVwLm9uQ2xpY2shKHN0ZXApIDogbnVsbFwiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3M9XCJzdGVwLWljb25cIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cInN0ZXAuc3RhdHVzXCJcbiAgICAgICAgICBbbmdTdHlsZV09XCJzdGVwLnN0YXR1cyA9PT0gc3RlcFN0YXR1cy5Ta2lwcGVkID8gc3R5bGUuc2tpcHBlZCA6IHN0eWxlLmNpcmNsZVwiXG4gICAgICAgICAgW21hdFRvb2x0aXBdPVwic3RlcC50aXRsZVwiXG4gICAgICAgICAgW21hdFRvb2x0aXBEaXNhYmxlZF09XCIhZW5hYmxlVG9vbHRpcFwiXG4gICAgICAgID5cbiAgICAgICAgICA8YWRzLWljb24gW25hbWVdPVwic3RlcC5pY29uXCIgW3NpemVdPVwiaWNvblNpemVcIiBzdHJva2U9XCJ3aGl0ZVwiIHRoZW1lPVwid2hpdGVcIj48L2Fkcy1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZVwiIChjbGljayk9XCJzdGVwLm9uQ2xpY2sgJiYgc3RlcC5pc0NsaWNrYWJsZSAhPT0gZmFsc2UgPyBzdGVwLm9uQ2xpY2shKHN0ZXApIDogbnVsbFwiPnt7XG4gICAgICAgIHN0ZXAudGl0bGVcbiAgICAgIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
4
|
+
import { AdsIconModule } from '@ascentgl/ads-icons';
|
|
5
|
+
import { AdsVerticalStepperComponent } from './vertical-stepper.component';
|
|
6
|
+
import { AdsGestureDirection, AdsGestureModule, ADS_GESTURE_DEFAULT_OPTIONS } from '@ascentgl/ads-utils';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class AdsVerticalStepperModule {
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperModule, declarations: [AdsVerticalStepperComponent], imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule], exports: [AdsVerticalStepperComponent] }); }
|
|
11
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperModule, providers: [
|
|
12
|
+
{ provide: Window, useValue: window },
|
|
13
|
+
{ provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
|
|
14
|
+
], imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule] }); }
|
|
15
|
+
}
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsVerticalStepperModule, decorators: [{
|
|
17
|
+
type: NgModule,
|
|
18
|
+
args: [{
|
|
19
|
+
imports: [CommonModule, MatTooltipModule, AdsIconModule, AdsGestureModule],
|
|
20
|
+
exports: [AdsVerticalStepperComponent],
|
|
21
|
+
declarations: [AdsVerticalStepperComponent],
|
|
22
|
+
providers: [
|
|
23
|
+
{ provide: Window, useValue: window },
|
|
24
|
+
{ provide: ADS_GESTURE_DEFAULT_OPTIONS, useValue: { direction: AdsGestureDirection.DIRECTION_HORIZONTAL } },
|
|
25
|
+
],
|
|
26
|
+
}]
|
|
27
|
+
}] });
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc3RlcHBlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlcnMvdmVydGljYWwtc3RlcHBlci92ZXJ0aWNhbC1zdGVwcGVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDcEQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDM0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLGdCQUFnQixFQUFFLDJCQUEyQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBV3pHLE1BQU0sT0FBTyx3QkFBd0I7OEdBQXhCLHdCQUF3QjsrR0FBeEIsd0JBQXdCLGlCQU5wQiwyQkFBMkIsYUFGaEMsWUFBWSxFQUFFLGdCQUFnQixFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsYUFDL0QsMkJBQTJCOytHQU8xQix3QkFBd0IsYUFMeEI7WUFDVCxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRTtZQUNyQyxFQUFFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxRQUFRLEVBQUUsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLENBQUMsb0JBQW9CLEVBQUUsRUFBRTtTQUM1RyxZQU5TLFlBQVksRUFBRSxnQkFBZ0IsRUFBRSxhQUFhLEVBQUUsZ0JBQWdCOzsyRkFROUQsd0JBQXdCO2tCQVRwQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLENBQUM7b0JBQzFFLE9BQU8sRUFBRSxDQUFDLDJCQUEyQixDQUFDO29CQUN0QyxZQUFZLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztvQkFDM0MsU0FBUyxFQUFFO3dCQUNULEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFO3dCQUNyQyxFQUFFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxRQUFRLEVBQUUsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLENBQUMsb0JBQW9CLEVBQUUsRUFBRTtxQkFDNUc7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcbmltcG9ydCB7IEFkc0ljb25Nb2R1bGUgfSBmcm9tICdAYXNjZW50Z2wvYWRzLWljb25zJztcbmltcG9ydCB7IEFkc1ZlcnRpY2FsU3RlcHBlckNvbXBvbmVudCB9IGZyb20gJy4vdmVydGljYWwtc3RlcHBlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQWRzR2VzdHVyZURpcmVjdGlvbiwgQWRzR2VzdHVyZU1vZHVsZSwgQURTX0dFU1RVUkVfREVGQVVMVF9PUFRJT05TIH0gZnJvbSAnQGFzY2VudGdsL2Fkcy11dGlscyc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdFRvb2x0aXBNb2R1bGUsIEFkc0ljb25Nb2R1bGUsIEFkc0dlc3R1cmVNb2R1bGVdLFxuICBleHBvcnRzOiBbQWRzVmVydGljYWxTdGVwcGVyQ29tcG9uZW50XSxcbiAgZGVjbGFyYXRpb25zOiBbQWRzVmVydGljYWxTdGVwcGVyQ29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgeyBwcm92aWRlOiBXaW5kb3csIHVzZVZhbHVlOiB3aW5kb3cgfSxcbiAgICB7IHByb3ZpZGU6IEFEU19HRVNUVVJFX0RFRkFVTFRfT1BUSU9OUywgdXNlVmFsdWU6IHsgZGlyZWN0aW9uOiBBZHNHZXN0dXJlRGlyZWN0aW9uLkRJUkVDVElPTl9IT1JJWk9OVEFMIH0gfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQWRzVmVydGljYWxTdGVwcGVyTW9kdWxlIHt9XG4iXX0=
|