@dereekb/dbx-web 1.2.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/_index.scss +5 -2
- package/esm2020/lib/action/action.confirm.directive.mjs +7 -7
- package/esm2020/lib/action/action.module.mjs +16 -12
- package/esm2020/lib/action/action.progress.component.mjs +20 -0
- package/esm2020/lib/action/index.mjs +3 -2
- package/esm2020/lib/action/key.trigger.directive.mjs +6 -6
- package/esm2020/lib/action/snackbar/action.snackbar.component.mjs +95 -0
- package/esm2020/lib/action/snackbar/action.snackbar.default.mjs +107 -0
- package/esm2020/lib/action/snackbar/action.snackbar.directive.mjs +62 -0
- package/esm2020/lib/action/snackbar/action.snackbar.generator.mjs +44 -0
- package/esm2020/lib/action/snackbar/action.snackbar.mjs +2 -0
- package/esm2020/lib/action/snackbar/action.snackbar.module.mjs +51 -0
- package/esm2020/lib/action/snackbar/action.snackbar.service.mjs +82 -0
- package/esm2020/lib/action/snackbar/index.mjs +8 -0
- package/esm2020/lib/action/transition/action.transition.module.mjs +4 -4
- package/esm2020/lib/action/transition/transition.safety.dialog.component.mjs +8 -7
- package/esm2020/lib/action/transition/transition.safety.directive.mjs +6 -6
- package/esm2020/lib/button/button.component.mjs +31 -13
- package/esm2020/lib/button/button.module.mjs +20 -16
- package/esm2020/lib/button/button.spacer.component.mjs +12 -10
- package/esm2020/lib/button/index.mjs +2 -1
- package/esm2020/lib/button/progress/bar.button.component.mjs +16 -0
- package/esm2020/lib/button/progress/base.progress.button.directive.mjs +104 -0
- package/esm2020/lib/button/progress/button.progress.config.mjs +3 -0
- package/esm2020/lib/button/progress/button.progress.module.mjs +61 -0
- package/esm2020/lib/button/progress/index.mjs +5 -0
- package/esm2020/lib/button/progress/spinner.button.component.mjs +40 -0
- package/esm2020/lib/dbx-web.module.mjs +10 -17
- package/esm2020/lib/error/error.action.directive.mjs +6 -6
- package/esm2020/lib/error/error.component.mjs +5 -5
- package/esm2020/lib/error/error.loading.directive.mjs +3 -3
- package/esm2020/lib/error/error.module.mjs +4 -4
- package/esm2020/lib/interaction/dialog/abstract.dialog.directive.mjs +9 -6
- package/esm2020/lib/interaction/dialog/dialog.action.directive.mjs +41 -0
- package/esm2020/lib/interaction/dialog/dialog.content.component.mjs +4 -4
- package/esm2020/lib/interaction/dialog/dialog.module.mjs +12 -7
- package/esm2020/lib/interaction/dialog/index.mjs +2 -1
- package/esm2020/lib/interaction/filter/filter.module.mjs +9 -9
- package/esm2020/lib/interaction/filter/filter.popover.button.component.mjs +3 -3
- package/esm2020/lib/interaction/filter/filter.popover.button.directive.mjs +3 -3
- package/esm2020/lib/interaction/filter/filter.popover.component.mjs +5 -5
- package/esm2020/lib/interaction/filter/filter.wrapper.component.mjs +3 -3
- package/esm2020/lib/interaction/interaction.module.mjs +4 -4
- package/esm2020/lib/interaction/popover/abstract.popover.directive.mjs +3 -3
- package/esm2020/lib/interaction/popover/abstract.popover.ref.directive.mjs +6 -6
- package/esm2020/lib/interaction/popover/index.mjs +1 -2
- package/esm2020/lib/interaction/popover/popover.action.directive.mjs +19 -57
- package/esm2020/lib/interaction/popover/popover.component.mjs +9 -9
- package/esm2020/lib/interaction/popover/popover.content.component.mjs +3 -3
- package/esm2020/lib/interaction/popover/popover.controls.directive.mjs +3 -3
- package/esm2020/lib/interaction/popover/popover.coordinator.component.mjs +3 -3
- package/esm2020/lib/interaction/popover/popover.coordinator.service.mjs +11 -5
- package/esm2020/lib/interaction/popover/popover.header.component.mjs +3 -3
- package/esm2020/lib/interaction/popover/popover.module.mjs +17 -31
- package/esm2020/lib/interaction/popover/popover.scroll.content.component.mjs +3 -3
- package/esm2020/lib/interaction/popover/popover.service.mjs +3 -3
- package/esm2020/lib/interaction/popup/abstract.popup.directive.mjs +3 -3
- package/esm2020/lib/interaction/popup/popup.component.mjs +9 -9
- package/esm2020/lib/interaction/popup/popup.content.component.mjs +3 -3
- package/esm2020/lib/interaction/popup/popup.controls.buttons.component.mjs +6 -6
- package/esm2020/lib/interaction/popup/popup.controls.component.mjs +3 -3
- package/esm2020/lib/interaction/popup/popup.coordinator.component.mjs +3 -3
- package/esm2020/lib/interaction/popup/popup.coordinator.service.mjs +11 -5
- package/esm2020/lib/interaction/popup/popup.module.mjs +13 -22
- package/esm2020/lib/interaction/popup/popup.service.mjs +3 -3
- package/esm2020/lib/interaction/prompt/prompt.box.component.mjs +3 -3
- package/esm2020/lib/interaction/prompt/prompt.button.confirm.directive.mjs +3 -3
- package/esm2020/lib/interaction/prompt/prompt.component.mjs +3 -3
- package/esm2020/lib/interaction/prompt/prompt.confirm.component.mjs +3 -3
- package/esm2020/lib/interaction/prompt/prompt.confirm.dialog.component.mjs +8 -8
- package/esm2020/lib/interaction/prompt/prompt.confirm.directive.mjs +6 -6
- package/esm2020/lib/interaction/prompt/prompt.module.mjs +9 -9
- package/esm2020/lib/interaction/prompt/prompt.page.component.mjs +3 -3
- package/esm2020/lib/keypress/keydown.listener.directive.mjs +3 -3
- package/esm2020/lib/keypress/keypress.module.mjs +4 -4
- package/esm2020/lib/layout/bar/bar.directive.mjs +3 -3
- package/esm2020/lib/layout/bar/bar.header.component.mjs +3 -3
- package/esm2020/lib/layout/bar/bar.layout.module.mjs +4 -4
- package/esm2020/lib/layout/bar/pagebar.component.mjs +3 -3
- package/esm2020/lib/layout/block/block.layout.module.mjs +9 -9
- package/esm2020/lib/layout/block/two.block.component.mjs +22 -10
- package/esm2020/lib/layout/card/card.box.component.mjs +3 -3
- package/esm2020/lib/layout/card/card.box.container.component.mjs +3 -3
- package/esm2020/lib/layout/card/card.box.layout.module.mjs +4 -4
- package/esm2020/lib/layout/column/column.layout.module.mjs +4 -4
- package/esm2020/lib/layout/column/one/one.column.component.mjs +9 -9
- package/esm2020/lib/layout/column/one/one.column.module.mjs +4 -4
- package/esm2020/lib/layout/column/two/index.mjs +2 -1
- package/esm2020/lib/layout/column/two/two.column.back.directive.mjs +8 -8
- package/esm2020/lib/layout/column/two/two.column.component.mjs +51 -14
- package/esm2020/lib/layout/column/two/two.column.context.directive.mjs +36 -0
- package/esm2020/lib/layout/column/two/two.column.full.left.directive.mjs +8 -8
- package/esm2020/lib/layout/column/two/two.column.head.component.mjs +8 -8
- package/esm2020/lib/layout/column/two/two.column.module.mjs +43 -38
- package/esm2020/lib/layout/column/two/two.column.right.component.mjs +11 -6
- package/esm2020/lib/layout/column/two/two.column.sref.directive.mjs +12 -17
- package/esm2020/lib/layout/column/two/two.column.store.mjs +8 -7
- package/esm2020/lib/layout/compact/compact.directive.mjs +3 -3
- package/esm2020/lib/layout/compact/compact.layout.module.mjs +4 -4
- package/esm2020/lib/layout/compact/compact.store.mjs +3 -3
- package/esm2020/lib/layout/content/content.border.directive.mjs +3 -3
- package/esm2020/lib/layout/content/content.box.directive.mjs +9 -5
- package/esm2020/lib/layout/content/content.container.directive.mjs +4 -4
- package/esm2020/lib/layout/content/content.directive.mjs +3 -3
- package/esm2020/lib/layout/content/content.elevate.directive.mjs +3 -3
- package/esm2020/lib/layout/content/content.layout.module.mjs +4 -4
- package/esm2020/lib/layout/content/content.page.directive.mjs +3 -3
- package/esm2020/lib/layout/flag/flag.component.mjs +3 -3
- package/esm2020/lib/layout/flag/flag.layout.module.mjs +4 -4
- package/esm2020/lib/layout/flag/flag.prompt.component.mjs +3 -3
- package/esm2020/lib/layout/flex/flex.group.directive.mjs +8 -4
- package/esm2020/lib/layout/flex/flex.layout.module.mjs +4 -4
- package/esm2020/lib/layout/flex/flex.size.directive.mjs +3 -3
- package/esm2020/lib/layout/item/item.icon.component.mjs +3 -3
- package/esm2020/lib/layout/item/item.layout.module.mjs +4 -4
- package/esm2020/lib/layout/layout.module.mjs +4 -4
- package/esm2020/lib/layout/list/index.mjs +5 -1
- package/esm2020/lib/layout/list/list.component.mjs +22 -9
- package/esm2020/lib/layout/list/list.content.empty.component.mjs +3 -3
- package/esm2020/lib/layout/list/list.directive.mjs +12 -10
- package/esm2020/lib/layout/list/list.layout.module.mjs +32 -18
- package/esm2020/lib/layout/list/list.view.directive.mjs +11 -4
- package/esm2020/lib/layout/list/list.view.mjs +1 -1
- package/esm2020/lib/layout/list/list.view.selection.directive.mjs +8 -7
- package/esm2020/lib/layout/list/list.view.value.component.mjs +57 -28
- package/esm2020/lib/layout/list/list.view.value.directive.mjs +18 -10
- package/esm2020/lib/layout/list/list.view.value.item.directive.mjs +7 -7
- package/esm2020/lib/layout/list/list.view.value.mjs +36 -24
- package/esm2020/lib/layout/list/list.view.value.modifier.directive.mjs +81 -0
- package/esm2020/lib/layout/list/list.view.value.modifier.mjs +15 -0
- package/esm2020/lib/layout/list/list.view.value.modifier.ripple.directive.mjs +45 -0
- package/esm2020/lib/layout/list/list.view.value.selection.component.mjs +57 -43
- package/esm2020/lib/layout/list/list.wrapper.mjs +13 -0
- package/esm2020/lib/layout/section/section.component.mjs +3 -3
- package/esm2020/lib/layout/section/section.header.component.mjs +9 -6
- package/esm2020/lib/layout/section/section.intro.component.mjs +3 -3
- package/esm2020/lib/layout/section/section.layout.module.mjs +9 -9
- package/esm2020/lib/layout/section/section.page.component.mjs +3 -3
- package/esm2020/lib/layout/section/subsection.component.mjs +3 -3
- package/esm2020/lib/layout/step/step.component.mjs +3 -3
- package/esm2020/lib/layout/step/step.layout.module.mjs +4 -4
- package/esm2020/lib/layout/style/spacer.directive.mjs +3 -3
- package/esm2020/lib/layout/style/style.body.directive.mjs +3 -3
- package/esm2020/lib/layout/style/style.directive.mjs +3 -3
- package/esm2020/lib/layout/style/style.layout.module.mjs +4 -4
- package/esm2020/lib/layout/style/style.service.mjs +6 -4
- package/esm2020/lib/layout/style/style.set.directive.mjs +5 -4
- package/esm2020/lib/layout/text/hint.component.mjs +3 -3
- package/esm2020/lib/layout/text/icon.spacer.component.mjs +19 -0
- package/esm2020/lib/layout/text/index.mjs +2 -1
- package/esm2020/lib/layout/text/label.component.mjs +3 -3
- package/esm2020/lib/layout/text/linkify.component.mjs +3 -3
- package/esm2020/lib/layout/text/note.component.mjs +3 -3
- package/esm2020/lib/layout/text/notice.component.mjs +3 -3
- package/esm2020/lib/layout/text/ok.component.mjs +3 -3
- package/esm2020/lib/layout/text/success.component.mjs +3 -3
- package/esm2020/lib/layout/text/text.chips.component.mjs +3 -3
- package/esm2020/lib/layout/text/text.module.mjs +14 -9
- package/esm2020/lib/layout/text/warn.component.mjs +3 -3
- package/esm2020/lib/loading/basic-loading.component.mjs +3 -3
- package/esm2020/lib/loading/index.mjs +2 -1
- package/esm2020/lib/loading/loading-progress.component.mjs +4 -4
- package/esm2020/lib/loading/loading.action.directive.mjs +37 -0
- package/esm2020/lib/loading/loading.component.mjs +3 -3
- package/esm2020/lib/loading/loading.module.mjs +14 -9
- package/esm2020/lib/router/layout/anchor/anchor.component.mjs +9 -5
- package/esm2020/lib/router/layout/anchor/anchor.content.component.mjs +43 -0
- package/esm2020/lib/router/layout/anchor/anchor.icon.component.mjs +3 -3
- package/esm2020/lib/router/layout/anchor/anchor.link.component.mjs +3 -3
- package/esm2020/lib/router/layout/anchor/anchor.module.mjs +19 -14
- package/esm2020/lib/router/layout/anchor/anchor.segue.directive.mjs +4 -4
- package/esm2020/lib/router/layout/anchor/index.mjs +2 -1
- package/esm2020/lib/router/layout/anchorlist/anchorlist.component.mjs +5 -5
- package/esm2020/lib/router/layout/anchorlist/anchorlist.module.mjs +10 -10
- package/esm2020/lib/router/layout/index.mjs +2 -1
- package/esm2020/lib/router/layout/layout.module.mjs +23 -19
- package/esm2020/lib/router/layout/list/index.mjs +3 -0
- package/esm2020/lib/router/layout/list/list.module.mjs +21 -0
- package/esm2020/lib/router/layout/list/router.list.directive.mjs +42 -0
- package/esm2020/lib/router/layout/navbar/navbar.component.mjs +4 -4
- package/esm2020/lib/router/layout/navbar/navbar.module.mjs +10 -10
- package/esm2020/lib/router/layout/sidenav/sidenav.button.component.mjs +3 -3
- package/esm2020/lib/router/layout/sidenav/sidenav.component.mjs +3 -3
- package/esm2020/lib/router/layout/sidenav/sidenav.module.mjs +14 -14
- package/esm2020/lib/router/layout/sidenav/sidenav.page.component.mjs +7 -4
- package/esm2020/lib/router/layout/sidenav/sidenav.pagebar.component.mjs +5 -5
- package/esm2020/lib/router/provider/ngrouter/anchor.component.mjs +5 -5
- package/esm2020/lib/router/provider/ngrouter/angular.router.module.mjs +9 -9
- package/esm2020/lib/router/provider/router.provider.config.mjs +1 -1
- package/esm2020/lib/router/provider/uirouter/anchor.component.mjs +5 -5
- package/esm2020/lib/router/provider/uirouter/uirouter.router.module.mjs +9 -9
- package/esm2020/lib/screen/screen.module.mjs +4 -4
- package/esm2020/lib/screen/screen.service.mjs +5 -4
- package/fesm2015/dereekb-dbx-web.mjs +2265 -1270
- package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web.mjs +2262 -1268
- package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
- package/lib/action/_action.scss +8 -35
- package/lib/action/action.confirm.directive.d.ts +13 -4
- package/lib/action/action.module.d.ts +8 -7
- package/lib/action/action.progress.component.d.ts +5 -0
- package/lib/action/index.d.ts +2 -1
- package/lib/action/key.trigger.directive.d.ts +3 -3
- package/lib/action/snackbar/_snackbar.scss +33 -0
- package/lib/action/snackbar/action.snackbar.component.d.ts +36 -0
- package/lib/action/snackbar/action.snackbar.d.ts +52 -0
- package/lib/action/snackbar/action.snackbar.default.d.ts +2 -0
- package/lib/action/snackbar/action.snackbar.directive.d.ts +25 -0
- package/lib/action/snackbar/action.snackbar.generator.d.ts +32 -0
- package/lib/action/snackbar/action.snackbar.module.d.ts +14 -0
- package/lib/action/snackbar/action.snackbar.service.d.ts +39 -0
- package/lib/action/snackbar/index.d.ts +7 -0
- package/lib/action/transition/transition.safety.directive.d.ts +3 -3
- package/lib/button/_button.scss +21 -0
- package/lib/button/button.component.d.ts +7 -3
- package/lib/button/button.module.d.ts +3 -2
- package/lib/button/button.spacer.component.d.ts +4 -4
- package/lib/button/index.d.ts +1 -0
- package/lib/button/progress/bar.button.component.d.ts +6 -0
- package/lib/button/progress/bar.button.component.scss +23 -0
- package/lib/button/progress/base.progress.button.directive.d.ts +37 -0
- package/lib/button/progress/button.progress.config.d.ts +51 -0
- package/lib/button/progress/button.progress.module.d.ts +17 -0
- package/lib/button/progress/index.d.ts +4 -0
- package/lib/button/progress/spinner.button.component.d.ts +9 -0
- package/lib/button/progress/spinner.button.component.scss +44 -0
- package/lib/dbx-web.module.d.ts +1 -3
- package/lib/error/error.action.directive.d.ts +3 -3
- package/lib/interaction/dialog/_dialog.scss +18 -2
- package/lib/interaction/dialog/abstract.dialog.directive.d.ts +2 -1
- package/lib/interaction/dialog/dialog.action.directive.d.ts +21 -0
- package/lib/interaction/dialog/dialog.module.d.ts +4 -3
- package/lib/interaction/dialog/index.d.ts +1 -0
- package/lib/interaction/filter/filter.module.d.ts +1 -1
- package/lib/interaction/filter/filter.popover.component.d.ts +2 -2
- package/lib/interaction/popover/index.d.ts +0 -1
- package/lib/interaction/popover/popover.action.directive.d.ts +15 -24
- package/lib/interaction/popover/popover.component.d.ts +3 -3
- package/lib/interaction/popover/popover.coordinator.service.d.ts +3 -1
- package/lib/interaction/popover/popover.module.d.ts +20 -23
- package/lib/interaction/popup/popup.component.d.ts +3 -3
- package/lib/interaction/popup/popup.coordinator.service.d.ts +3 -1
- package/lib/interaction/popup/popup.module.d.ts +1 -3
- package/lib/interaction/prompt/prompt.confirm.dialog.component.d.ts +3 -3
- package/lib/interaction/prompt/prompt.module.d.ts +1 -1
- package/lib/layout/block/_block.scss +11 -8
- package/lib/layout/block/block.layout.module.d.ts +1 -1
- package/lib/layout/block/two.block.component.d.ts +5 -1
- package/lib/layout/column/_column.scss +119 -3
- package/lib/layout/column/two/index.d.ts +1 -0
- package/lib/layout/column/two/two.column.back.directive.d.ts +4 -4
- package/lib/layout/column/two/two.column.component.d.ts +23 -7
- package/lib/layout/column/two/two.column.context.directive.d.ts +18 -0
- package/lib/layout/column/two/two.column.full.left.directive.d.ts +4 -4
- package/lib/layout/column/two/two.column.head.component.d.ts +3 -3
- package/lib/layout/column/two/two.column.module.d.ts +7 -6
- package/lib/layout/column/two/two.column.right.component.d.ts +6 -4
- package/lib/layout/column/two/two.column.sref.directive.d.ts +6 -7
- package/lib/layout/column/two/two.column.store.d.ts +4 -3
- package/lib/layout/content/_content.scss +38 -3
- package/lib/layout/content/content.box.directive.d.ts +2 -1
- package/lib/layout/content/content.container.directive.d.ts +2 -2
- package/lib/layout/flex/_flex.scss +4 -0
- package/lib/layout/flex/flex.group.directive.d.ts +1 -0
- package/lib/layout/list/index.d.ts +4 -0
- package/lib/layout/list/list.component.d.ts +14 -5
- package/lib/layout/list/list.directive.d.ts +9 -7
- package/lib/layout/list/list.layout.module.d.ts +10 -8
- package/lib/layout/list/list.view.d.ts +11 -1
- package/lib/layout/list/list.view.directive.d.ts +4 -1
- package/lib/layout/list/list.view.selection.directive.d.ts +4 -3
- package/lib/layout/list/list.view.value.component.d.ts +18 -3
- package/lib/layout/list/list.view.value.d.ts +27 -11
- package/lib/layout/list/list.view.value.directive.d.ts +9 -6
- package/lib/layout/list/list.view.value.item.directive.d.ts +4 -4
- package/lib/layout/list/list.view.value.modifier.d.ts +12 -0
- package/lib/layout/list/list.view.value.modifier.directive.d.ts +37 -0
- package/lib/layout/list/list.view.value.modifier.ripple.directive.d.ts +17 -0
- package/lib/layout/list/list.view.value.selection.component.d.ts +10 -11
- package/lib/layout/list/list.wrapper.d.ts +11 -0
- package/lib/layout/section/section.header.component.d.ts +1 -0
- package/lib/layout/section/section.layout.module.d.ts +1 -1
- package/lib/layout/style/_style.scss +12 -1
- package/lib/layout/text/_text.scss +9 -0
- package/lib/layout/text/icon.spacer.component.d.ts +8 -0
- package/lib/layout/text/index.d.ts +1 -0
- package/lib/layout/text/text.module.d.ts +6 -5
- package/lib/loading/index.d.ts +1 -0
- package/lib/loading/loading.action.directive.d.ts +19 -0
- package/lib/loading/loading.module.d.ts +6 -5
- package/lib/router/layout/anchor/_anchor.scss +10 -0
- package/lib/router/layout/anchor/anchor.component.d.ts +5 -4
- package/lib/router/layout/anchor/anchor.content.component.d.ts +22 -0
- package/lib/router/layout/anchor/anchor.module.d.ts +9 -8
- package/lib/router/layout/anchor/anchor.segue.directive.d.ts +2 -2
- package/lib/router/layout/anchor/index.d.ts +1 -0
- package/lib/router/layout/anchorlist/_anchorlist.scss +7 -0
- package/lib/router/layout/anchorlist/anchorlist.module.d.ts +4 -4
- package/lib/router/layout/index.d.ts +1 -0
- package/lib/router/layout/layout.module.d.ts +4 -3
- package/lib/router/layout/list/index.d.ts +2 -0
- package/lib/router/layout/list/list.module.d.ts +7 -0
- package/lib/router/layout/list/router.list.directive.d.ts +17 -0
- package/lib/router/layout/navbar/navbar.component.d.ts +4 -4
- package/lib/router/layout/navbar/navbar.module.d.ts +4 -4
- package/lib/router/layout/sidenav/sidenav.module.d.ts +4 -4
- package/lib/router/layout/sidenav/sidenav.page.component.d.ts +4 -2
- package/lib/router/provider/ngrouter/angular.router.module.d.ts +1 -1
- package/lib/router/provider/router.provider.config.d.ts +2 -2
- package/lib/router/provider/uirouter/uirouter.router.module.d.ts +1 -1
- package/lib/screen/screen.service.d.ts +2 -2
- package/lib/style/_all-core.scss +2 -0
- package/lib/style/_all-theme.scss +2 -0
- package/lib/style/_all-typography.scss +2 -0
- package/lib/style/_config.scss +7 -1
- package/lib/style/_function.scss +4 -0
- package/lib/style/_root-variables.scss +2 -0
- package/lib/style/_variables.scss +4 -0
- package/package.json +25 -44
- package/esm2020/lib/action/action.snackbar.component.mjs +0 -104
- package/esm2020/lib/interaction/popover/popover.action.button.directive.mjs +0 -29
- package/lib/action/action.snackbar.component.d.ts +0 -22
- package/lib/interaction/popover/popover.action.button.directive.d.ts +0 -14
- package/lib/layout/column/two.scss +0 -114
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
@use '../../../style/theming';
|
|
4
4
|
|
|
5
5
|
// MARK: Variables
|
|
6
|
+
$anchor-list-item-disabled-item-opacity: 25%;
|
|
6
7
|
$active-root-item-left-padding: 2px;
|
|
7
8
|
$active-child-item-left-padding: 5px;
|
|
8
9
|
|
|
@@ -13,6 +14,7 @@ $active-child-item-left-padding: 5px;
|
|
|
13
14
|
$color-config: theming.get-color-config($theme-config);
|
|
14
15
|
$background: map.get($color-config, 'background');
|
|
15
16
|
$background-hover-color: theming.get-color-from-palette($background, 'hover');
|
|
17
|
+
$background-disabled-color: theming.get-color-from-palette($background, 'contrast');
|
|
16
18
|
|
|
17
19
|
.dbx-anchor-list.mat-nav-list {
|
|
18
20
|
|
|
@@ -20,6 +22,11 @@ $active-child-item-left-padding: 5px;
|
|
|
20
22
|
// items that are not active are muted
|
|
21
23
|
.mat-list-item {
|
|
22
24
|
opacity: 0.74;
|
|
25
|
+
|
|
26
|
+
&.mat-list-item-disabled {
|
|
27
|
+
opacity: $anchor-list-item-disabled-item-opacity;
|
|
28
|
+
background: transparent;
|
|
29
|
+
}
|
|
23
30
|
}
|
|
24
31
|
|
|
25
32
|
// active route as a parent
|
|
@@ -7,8 +7,8 @@ import * as i5 from "@angular/material/icon";
|
|
|
7
7
|
import * as i6 from "@angular/material/list";
|
|
8
8
|
import * as i7 from "@angular/material/menu";
|
|
9
9
|
import * as i8 from "../anchor/anchor.module";
|
|
10
|
-
export declare class
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
12
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<
|
|
13
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<
|
|
10
|
+
export declare class DbxRouterAnchorListModule {
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DbxRouterAnchorListModule, never>;
|
|
12
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DbxRouterAnchorListModule, [typeof i1.DbxAnchorListComponent], [typeof i2.CommonModule, typeof i3.MatTabsModule, typeof i4.MatButtonModule, typeof i5.MatIconModule, typeof i6.MatListModule, typeof i7.MatMenuModule, typeof i8.DbxRouterAnchorModule], [typeof i1.DbxAnchorListComponent]>;
|
|
13
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DbxRouterAnchorListModule>;
|
|
14
14
|
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./anchor/anchor.module";
|
|
3
3
|
import * as i2 from "./anchorlist/anchorlist.module";
|
|
4
|
-
import * as i3 from "./
|
|
5
|
-
import * as i4 from "./
|
|
4
|
+
import * as i3 from "./list/list.module";
|
|
5
|
+
import * as i4 from "./navbar/navbar.module";
|
|
6
|
+
import * as i5 from "./sidenav/sidenav.module";
|
|
6
7
|
export declare class DbxRouterLayoutModule {
|
|
7
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<DbxRouterLayoutModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DbxRouterLayoutModule, never, never, [typeof i1.
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DbxRouterLayoutModule, never, never, [typeof i1.DbxRouterAnchorModule, typeof i2.DbxRouterAnchorListModule, typeof i3.DbxRouterListModule, typeof i4.DbxRouterNavbarModule, typeof i5.DbxRouterSidenavModule]>;
|
|
9
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<DbxRouterLayoutModule>;
|
|
10
11
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./router.list.directive";
|
|
3
|
+
export declare class DbxRouterListModule {
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DbxRouterListModule, never>;
|
|
5
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DbxRouterListModule, [typeof i1.DbxListItemAnchorModifierDirective], never, [typeof i1.DbxListItemAnchorModifierDirective]>;
|
|
6
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DbxRouterListModule>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { OnDestroy } from "@angular/core";
|
|
2
|
+
import { ClickableAnchor } from "@dereekb/dbx-core";
|
|
3
|
+
import { ArrayOrValue, Maybe, Modifier } from "@dereekb/util";
|
|
4
|
+
import { Observable } from "rxjs";
|
|
5
|
+
import { DbxValueListItem } from "../../../layout/list/list.view.value";
|
|
6
|
+
import { AbstractDbxValueListItemModifierDirective } from "../../../layout/list/list.view.value.modifier.directive";
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare type AnchorForValueFunction<T> = (value: T, item: DbxValueListItem<T>) => Maybe<ClickableAnchor>;
|
|
9
|
+
export declare const DBX_ROUTER_VALUE_LIST_ITEM_MODIFIER_KEY = "router_anchor";
|
|
10
|
+
export declare class DbxListItemAnchorModifierDirective<T> extends AbstractDbxValueListItemModifierDirective<T> implements OnDestroy {
|
|
11
|
+
private _anchorForItem;
|
|
12
|
+
readonly modifiers$: Observable<Maybe<ArrayOrValue<Modifier<DbxValueListItem<T>>>>>;
|
|
13
|
+
ngOnDestroy(): void;
|
|
14
|
+
set anchorForItem(anchorForItem: Maybe<AnchorForValueFunction<T>>);
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DbxListItemAnchorModifierDirective<any>, never>;
|
|
16
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DbxListItemAnchorModifierDirective<any>, "[dbxListItemAnchorModifier]", never, { "anchorForItem": "dbxListItemAnchorModifier"; }, {}, never>;
|
|
17
|
+
}
|
|
@@ -3,12 +3,12 @@ import { ScreenMediaWidthType } from './../../../screen/screen';
|
|
|
3
3
|
import { DbxScreenMediaService } from '../../../screen/screen.service';
|
|
4
4
|
import { Maybe } from '@dereekb/util';
|
|
5
5
|
import { OnDestroy, ChangeDetectorRef } from '@angular/core';
|
|
6
|
-
import {
|
|
6
|
+
import { ClickableAnchorLinkSegueRef, DbxRouterService, DbxRouterTransitionService, AbstractTransitionDirective } from '@dereekb/dbx-core';
|
|
7
7
|
import { HorizontalConnectionPos } from '@angular/cdk/overlay';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
interface NavAnchorLink {
|
|
10
10
|
selected: boolean;
|
|
11
|
-
anchor:
|
|
11
|
+
anchor: ClickableAnchorLinkSegueRef;
|
|
12
12
|
}
|
|
13
13
|
export declare type NavBarContentAlign = 'center' | 'left' | 'right';
|
|
14
14
|
export declare type NavbarMode = 'bar' | 'button';
|
|
@@ -24,11 +24,11 @@ export declare class DbxNavbarComponent extends AbstractTransitionDirective impl
|
|
|
24
24
|
private _breakpoint;
|
|
25
25
|
private _anchors;
|
|
26
26
|
readonly isBreakpointActive$: Observable<boolean>;
|
|
27
|
-
readonly mode$: Observable<
|
|
27
|
+
readonly mode$: Observable<"button" | "bar">;
|
|
28
28
|
readonly anchors$: Observable<NavAnchorLink[]>;
|
|
29
29
|
constructor(dbxRouterTransitionService: DbxRouterTransitionService, cdRef: ChangeDetectorRef, _dbxScreenMediaService: DbxScreenMediaService, _dbxRouterService: DbxRouterService);
|
|
30
30
|
ngOnDestroy(): void;
|
|
31
|
-
set anchors(anchors: Maybe<
|
|
31
|
+
set anchors(anchors: Maybe<ClickableAnchorLinkSegueRef[]>);
|
|
32
32
|
set mode(mode: Maybe<NavbarMode>);
|
|
33
33
|
set breakpoint(breakpoint: ScreenMediaWidthType);
|
|
34
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<DbxNavbarComponent, never>;
|
|
@@ -6,8 +6,8 @@ import * as i4 from "@angular/material/button";
|
|
|
6
6
|
import * as i5 from "@angular/material/icon";
|
|
7
7
|
import * as i6 from "@angular/material/menu";
|
|
8
8
|
import * as i7 from "../anchor/anchor.module";
|
|
9
|
-
export declare class
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
11
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<
|
|
12
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<
|
|
9
|
+
export declare class DbxRouterNavbarModule {
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DbxRouterNavbarModule, never>;
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DbxRouterNavbarModule, [typeof i1.DbxNavbarComponent], [typeof i2.CommonModule, typeof i3.MatTabsModule, typeof i4.MatButtonModule, typeof i5.MatIconModule, typeof i6.MatMenuModule, typeof i7.DbxRouterAnchorModule], [typeof i1.DbxNavbarComponent]>;
|
|
12
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DbxRouterNavbarModule>;
|
|
13
13
|
}
|
|
@@ -16,8 +16,8 @@ import * as i14 from "@angular/material/sidenav";
|
|
|
16
16
|
import * as i15 from "@angular/material/list";
|
|
17
17
|
import * as i16 from "@angular/material/divider";
|
|
18
18
|
import * as i17 from "@uirouter/angular";
|
|
19
|
-
export declare class
|
|
20
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
21
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<
|
|
22
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<
|
|
19
|
+
export declare class DbxRouterSidenavModule {
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DbxRouterSidenavModule, never>;
|
|
21
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DbxRouterSidenavModule, [typeof i1.DbxSidenavComponent, typeof i2.DbxSidenavButtonComponent, typeof i3.DbxSidenavPagebarComponent, typeof i4.DbxSidenavPageComponent], [typeof i5.CommonModule, typeof i6.DbxBarLayoutModule, typeof i7.DbxRouterAnchorModule, typeof i8.DbxRouterAnchorListModule, typeof i9.DbxButtonModule, typeof i10.DbxContentLayoutModule, typeof i11.MatToolbarModule, typeof i12.MatButtonModule, typeof i13.MatIconModule, typeof i14.MatSidenavModule, typeof i15.MatListModule, typeof i16.MatDividerModule, typeof i17.UIRouterModule], [typeof i1.DbxSidenavComponent, typeof i2.DbxSidenavButtonComponent, typeof i3.DbxSidenavPagebarComponent, typeof i4.DbxSidenavPageComponent]>;
|
|
22
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DbxRouterSidenavModule>;
|
|
23
23
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { OnDestroy } from '@angular/core';
|
|
1
2
|
import { DbxSidenavComponent } from './sidenav.component';
|
|
2
3
|
import { Maybe } from '@dereekb/util';
|
|
3
4
|
import { DbxBarColor } from '../../../layout/bar/bar';
|
|
@@ -7,12 +8,13 @@ import * as i0 from "@angular/core";
|
|
|
7
8
|
*
|
|
8
9
|
* Can optionally be configured to only show the pagebar while in mobile mode.
|
|
9
10
|
*/
|
|
10
|
-
export declare class DbxSidenavPageComponent {
|
|
11
|
+
export declare class DbxSidenavPageComponent implements OnDestroy {
|
|
11
12
|
readonly parent: DbxSidenavComponent;
|
|
12
13
|
color?: Maybe<DbxBarColor>;
|
|
13
14
|
private _mobileOnly;
|
|
14
|
-
constructor(parent: DbxSidenavComponent);
|
|
15
15
|
readonly hidePagebar$: import("rxjs").Observable<boolean>;
|
|
16
|
+
constructor(parent: DbxSidenavComponent);
|
|
17
|
+
ngOnDestroy(): void;
|
|
16
18
|
get mobileOnly(): boolean;
|
|
17
19
|
set mobileOnly(mobileOnly: boolean);
|
|
18
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<DbxSidenavPageComponent, never>;
|
|
@@ -7,6 +7,6 @@ import * as i4 from "@dereekb/dbx-core";
|
|
|
7
7
|
export declare class DbxWebAngularRouterModule {
|
|
8
8
|
static forRoot(): ModuleWithProviders<DbxWebAngularRouterModule>;
|
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<DbxWebAngularRouterModule, never>;
|
|
10
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DbxWebAngularRouterModule, [typeof i1.DbxAngularRouterSegueAnchorComponent], [typeof i2.CommonModule, typeof i3.UIRouterModule, typeof i4.
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DbxWebAngularRouterModule, [typeof i1.DbxAngularRouterSegueAnchorComponent], [typeof i2.CommonModule, typeof i3.UIRouterModule, typeof i4.DbxInjectionComponentModule], [typeof i1.DbxAngularRouterSegueAnchorComponent]>;
|
|
11
11
|
static ɵinj: i0.ɵɵInjectorDeclaration<DbxWebAngularRouterModule>;
|
|
12
12
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DbxInjectionComponentConfig } from "@dereekb/dbx-core";
|
|
2
2
|
export declare abstract class DbxRouterWebProviderConfig {
|
|
3
3
|
/**
|
|
4
4
|
* Component used by the Anchor component to render a SegueRef link.
|
|
5
5
|
*/
|
|
6
|
-
abstract anchorSegueRefComponent:
|
|
6
|
+
abstract anchorSegueRefComponent: DbxInjectionComponentConfig;
|
|
7
7
|
}
|
|
@@ -7,6 +7,6 @@ import * as i4 from "@dereekb/dbx-core";
|
|
|
7
7
|
export declare class DbxWebUIRouterModule {
|
|
8
8
|
static forRoot(): ModuleWithProviders<DbxWebUIRouterModule>;
|
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<DbxWebUIRouterModule, never>;
|
|
10
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DbxWebUIRouterModule, [typeof i1.DbxUIRouterSegueAnchorComponent], [typeof i2.CommonModule, typeof i3.UIRouterModule, typeof i4.
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DbxWebUIRouterModule, [typeof i1.DbxUIRouterSegueAnchorComponent], [typeof i2.CommonModule, typeof i3.UIRouterModule, typeof i4.DbxInjectionComponentModule], [typeof i1.DbxUIRouterSegueAnchorComponent]>;
|
|
11
11
|
static ɵinj: i0.ɵɵInjectorDeclaration<DbxWebUIRouterModule>;
|
|
12
12
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Destroyable } from '@dereekb/util';
|
|
2
2
|
import { MediaMatcher } from "@angular/cdk/layout";
|
|
3
|
-
import {
|
|
3
|
+
import { ObservableOrValue } from '@dereekb/rxjs';
|
|
4
4
|
import { Observable } from "rxjs";
|
|
5
5
|
import { ScreenMediaWidthType, ScreenMediaHeightType } from "./screen";
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
@@ -52,7 +52,7 @@ export declare class DbxScreenMediaService implements Destroyable {
|
|
|
52
52
|
* @param inputBreakpoint
|
|
53
53
|
* @returns
|
|
54
54
|
*/
|
|
55
|
-
isBreakpointActive(inputBreakpoint:
|
|
55
|
+
isBreakpointActive(inputBreakpoint: ObservableOrValue<ScreenMediaWidthType>): Observable<boolean>;
|
|
56
56
|
private _readWidthType;
|
|
57
57
|
private _readHeightType;
|
|
58
58
|
static ɵfac: i0.ɵɵFactoryDeclaration<DbxScreenMediaService, never>;
|
package/lib/style/_all-core.scss
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use '../action/action';
|
|
1
2
|
@use '../button/button';
|
|
2
3
|
@use '../error/error';
|
|
3
4
|
@use '../interaction/interaction';
|
|
@@ -8,6 +9,7 @@
|
|
|
8
9
|
@mixin all-component-core() {
|
|
9
10
|
@include button.core();
|
|
10
11
|
@include error.core();
|
|
12
|
+
@include action.all-action-core();
|
|
11
13
|
@include interaction.all-interaction-core();
|
|
12
14
|
@include layout.all-layout-core();
|
|
13
15
|
@include router.all-router-core();
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@use './theming';
|
|
2
|
+
@use '../action/action';
|
|
2
3
|
@use '../button/button';
|
|
3
4
|
@use '../error/error';
|
|
4
5
|
@use '../interaction/interaction';
|
|
@@ -9,6 +10,7 @@
|
|
|
9
10
|
@mixin all-component-themes($theme-config) {
|
|
10
11
|
@include button.theme($theme-config);
|
|
11
12
|
@include error.theme($theme-config);
|
|
13
|
+
@include action.all-action-theme($theme-config);
|
|
12
14
|
@include interaction.all-interaction-theme($theme-config);
|
|
13
15
|
@include layout.all-layout-theme($theme-config);
|
|
14
16
|
@include router.all-router-theme($theme-config);
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@use './theming';
|
|
2
|
+
@use '../action/action';
|
|
2
3
|
@use '../button/button';
|
|
3
4
|
@use '../error/error';
|
|
4
5
|
@use '../interaction/interaction';
|
|
@@ -9,6 +10,7 @@
|
|
|
9
10
|
@mixin all-component-typographies($typography-config) {
|
|
10
11
|
@include button.typography($typography-config);
|
|
11
12
|
@include error.typography($typography-config);
|
|
13
|
+
@include action.all-action-typography($typography-config);
|
|
12
14
|
@include interaction.all-interaction-typography($typography-config);
|
|
13
15
|
@include layout.all-layout-typography($typography-config);
|
|
14
16
|
@include router.all-router-typography($typography-config);
|
package/lib/style/_config.scss
CHANGED
|
@@ -75,7 +75,9 @@
|
|
|
75
75
|
'padding-2': 6px, // initial padding-2
|
|
76
76
|
'padding-3': 12px, // initial padding-3
|
|
77
77
|
'padding-4': 18px, // initial padding-4
|
|
78
|
-
'padding-5': 24px
|
|
78
|
+
'padding-5': 24px, // initial padding-5
|
|
79
|
+
// layout
|
|
80
|
+
'two-column-left-width': 320px
|
|
79
81
|
);
|
|
80
82
|
|
|
81
83
|
@if ($input-dbx-theme-layout-config != null) {
|
|
@@ -120,3 +122,7 @@
|
|
|
120
122
|
@function get-dbx-layout-padding($theme-config, $padding-level) {
|
|
121
123
|
@return get-dbx-layout-config-var($theme-config, 'padding-'+ $padding-level);
|
|
122
124
|
}
|
|
125
|
+
|
|
126
|
+
@function get-dbx-two-column-left-width($theme-config) {
|
|
127
|
+
@return get-dbx-layout-config-var($theme-config, 'two-column-left-width');
|
|
128
|
+
}
|
|
@@ -24,6 +24,8 @@
|
|
|
24
24
|
#{theming.$padding-4-var}: theming.get-dbx-layout-padding($theme-config, 4);
|
|
25
25
|
#{theming.$padding-5-var}: theming.get-dbx-layout-padding($theme-config, 5);
|
|
26
26
|
|
|
27
|
+
#{theming.$two-column-left-width-var}: theming.get-dbx-two-column-left-width($theme-config);
|
|
28
|
+
|
|
27
29
|
// root height
|
|
28
30
|
&.dbx-style-root {
|
|
29
31
|
display: block;
|
|
@@ -19,6 +19,8 @@ $padding-3-var: --dbx-padding-3;
|
|
|
19
19
|
$padding-4-var: --dbx-padding-4;
|
|
20
20
|
$padding-5-var: --dbx-padding-5;
|
|
21
21
|
|
|
22
|
+
$two-column-left-width-var: --dbx-two-column-left-width;
|
|
23
|
+
|
|
22
24
|
// vars
|
|
23
25
|
$vh100: var($vh100-var);
|
|
24
26
|
|
|
@@ -43,3 +45,5 @@ $padding-4: var($padding-4-var);
|
|
|
43
45
|
$padding-5: var($padding-5-var);
|
|
44
46
|
|
|
45
47
|
$padding-map: (0: $padding-0, 1: $padding-1, 2: $padding-2, 3: $padding-3, 4: $padding-4, 5: $padding-5);
|
|
48
|
+
|
|
49
|
+
$two-column-left-width: var($two-column-left-width-var);
|
package/package.json
CHANGED
|
@@ -1,60 +1,41 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dereekb/dbx-web",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "^13.0.0",
|
|
6
|
+
"@angular/core": "^13.0.0",
|
|
7
|
+
"@angular/material": "^13.0.0",
|
|
8
|
+
"@dereekb/rxjs": "3.0.0",
|
|
9
|
+
"@dereekb/dbx-core": "3.0.0",
|
|
10
|
+
"@angular/flex-layout": "^13.0.0-beta.38",
|
|
11
|
+
"ng-overlay-container": "^13.0.0",
|
|
12
|
+
"@angular/cdk": "^13.0.0",
|
|
13
|
+
"angular-resize-event": "^3.1.1",
|
|
14
|
+
"ngx-infinite-scroll": "^13.0.2",
|
|
15
|
+
"linkify-string": "4.0.0-beta.5"
|
|
16
|
+
},
|
|
4
17
|
"dependencies": {
|
|
5
18
|
"tslib": "^2.3.0"
|
|
6
19
|
},
|
|
7
|
-
"module": "fesm2015/dereekb-dbx-web.mjs",
|
|
8
|
-
"es2020": "fesm2020/dereekb-dbx-web.mjs",
|
|
9
|
-
"esm2020": "esm2020/dereekb-dbx-web.mjs",
|
|
10
|
-
"fesm2020": "fesm2020/dereekb-dbx-web.mjs",
|
|
11
|
-
"fesm2015": "fesm2015/dereekb-dbx-web.mjs",
|
|
12
|
-
"typings": "dereekb-dbx-web.d.ts",
|
|
13
20
|
"exports": {
|
|
14
|
-
"./package.json": {
|
|
15
|
-
"default": "./package.json"
|
|
16
|
-
},
|
|
17
21
|
".": {
|
|
22
|
+
"sass": "./_index.scss",
|
|
18
23
|
"types": "./dereekb-dbx-web.d.ts",
|
|
19
24
|
"esm2020": "./esm2020/dereekb-dbx-web.mjs",
|
|
20
25
|
"es2020": "./fesm2020/dereekb-dbx-web.mjs",
|
|
21
26
|
"es2015": "./fesm2015/dereekb-dbx-web.mjs",
|
|
22
27
|
"node": "./fesm2015/dereekb-dbx-web.mjs",
|
|
23
28
|
"default": "./fesm2020/dereekb-dbx-web.mjs"
|
|
29
|
+
},
|
|
30
|
+
"./package.json": {
|
|
31
|
+
"default": "./package.json"
|
|
24
32
|
}
|
|
25
33
|
},
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
"extra-set": "^2.2.11",
|
|
34
|
-
"ms": "^3.0.0-canary.1",
|
|
35
|
-
"@dereekb/dbx-core": "1.2.0",
|
|
36
|
-
"@angular/common": "^13.0.0",
|
|
37
|
-
"@ngrx/component-store": "^13.0.2",
|
|
38
|
-
"@ngrx/data": "^13.0.2",
|
|
39
|
-
"@ngrx/effects": "^13.0.2",
|
|
40
|
-
"@ngrx/entity": "^13.0.2",
|
|
41
|
-
"@ngrx/store": "^13.0.2",
|
|
42
|
-
"@angular/platform-browser": "^13.0.0",
|
|
43
|
-
"date-fns": "^2.28.0",
|
|
44
|
-
"@dereekb/date": "1.2.0",
|
|
45
|
-
"class-transformer": "^0.5.1",
|
|
46
|
-
"class-validator": "^0.13.2",
|
|
47
|
-
"date-fns-tz": "^1.2.2",
|
|
48
|
-
"rrule": "git+https://git@github.com/dereekb/rrule.git#17adf5708d6567b4d01a3a8afd106261421ea492",
|
|
49
|
-
"@angular/router": "^13.0.0",
|
|
50
|
-
"@uirouter/core": "^6.0.8",
|
|
51
|
-
"@uirouter/angular": "^9.1.0",
|
|
52
|
-
"mat-progress-buttons": "git+https://git@github.com/dereekb/mat-progress-buttons.git#60b0374a45644e8756f20b8d761738151ca3df64",
|
|
53
|
-
"@angular/flex-layout": "^13.0.0-beta.38",
|
|
54
|
-
"ng-overlay-container": "^13.0.0",
|
|
55
|
-
"@angular/cdk": "^13.0.0",
|
|
56
|
-
"angular-resize-event": "^3.1.1",
|
|
57
|
-
"ngx-infinite-scroll": "^10.0.1",
|
|
58
|
-
"linkify-string": "4.0.0-beta.3"
|
|
59
|
-
}
|
|
34
|
+
"module": "fesm2015/dereekb-dbx-web.mjs",
|
|
35
|
+
"es2020": "fesm2020/dereekb-dbx-web.mjs",
|
|
36
|
+
"esm2020": "esm2020/dereekb-dbx-web.mjs",
|
|
37
|
+
"fesm2020": "fesm2020/dereekb-dbx-web.mjs",
|
|
38
|
+
"fesm2015": "fesm2015/dereekb-dbx-web.mjs",
|
|
39
|
+
"typings": "dereekb-dbx-web.d.ts",
|
|
40
|
+
"sideEffects": false
|
|
60
41
|
}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import { distinctUntilChanged, shareReplay } from 'rxjs';
|
|
2
|
-
import { Component, Inject } from '@angular/core';
|
|
3
|
-
import { MatSnackBarRef, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
|
|
4
|
-
import ms from 'ms';
|
|
5
|
-
import { map } from 'rxjs/operators';
|
|
6
|
-
import { ActionState } from '@dereekb/dbx-core';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "@angular/material/snack-bar";
|
|
9
|
-
import * as i2 from "../button/button.component";
|
|
10
|
-
import * as i3 from "../button/button.spacer.component";
|
|
11
|
-
import * as i4 from "@angular/common";
|
|
12
|
-
import * as i5 from "@dereekb/dbx-core";
|
|
13
|
-
/**
|
|
14
|
-
* Component for a snackbar that contains an action.
|
|
15
|
-
*/
|
|
16
|
-
export class DbxActionSnackbarComponent {
|
|
17
|
-
constructor(snackbar, data) {
|
|
18
|
-
this.snackbar = snackbar;
|
|
19
|
-
this.data = data;
|
|
20
|
-
this.complete$ = this.actionSourceInstance.isSuccess$;
|
|
21
|
-
this.snackbarStatusClass$ = this.actionSourceInstance.actionState$.pipe(map((x) => {
|
|
22
|
-
let classes = 'dbx-action-snackbar-';
|
|
23
|
-
switch (x) {
|
|
24
|
-
case ActionState.Rejected:
|
|
25
|
-
classes += 'error';
|
|
26
|
-
break;
|
|
27
|
-
case ActionState.Success:
|
|
28
|
-
classes += 'success';
|
|
29
|
-
break;
|
|
30
|
-
default:
|
|
31
|
-
classes += 'idle';
|
|
32
|
-
break;
|
|
33
|
-
}
|
|
34
|
-
return classes;
|
|
35
|
-
}), distinctUntilChanged(), shareReplay(1));
|
|
36
|
-
this.dismissEarly = () => {
|
|
37
|
-
this.snackbar._dismissAfter(ms('3s'));
|
|
38
|
-
};
|
|
39
|
-
this.dismiss = () => {
|
|
40
|
-
this.snackbar.dismiss();
|
|
41
|
-
};
|
|
42
|
-
if (!data.actionSource) {
|
|
43
|
-
throw new Error('No action was provided to ActionSnackbar.');
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
get message() {
|
|
47
|
-
return this.data.message;
|
|
48
|
-
}
|
|
49
|
-
get action() {
|
|
50
|
-
return this.data.action;
|
|
51
|
-
}
|
|
52
|
-
get actionSourceInstance() {
|
|
53
|
-
return this.data.actionSource;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
DbxActionSnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSnackbarComponent, deps: [{ token: i1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
-
DbxActionSnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionSnackbarComponent, selector: "ng-component", ngImport: i0, template: `
|
|
58
|
-
<div class="dbx-action-snackbar" [ngClass]="(snackbarStatusClass$ | async)!">
|
|
59
|
-
<ng-container [ngSwitch]="complete$ | async">
|
|
60
|
-
<ng-container *ngSwitchCase="true">
|
|
61
|
-
<div class="spacer"></div>
|
|
62
|
-
<dbx-button (buttonClick)="dismiss()" color="accent" icon="done" text="Success"></dbx-button>
|
|
63
|
-
</ng-container>
|
|
64
|
-
<ng-container *ngSwitchCase="false">
|
|
65
|
-
<span>{{ message }}</span>
|
|
66
|
-
<div class="spacer"></div>
|
|
67
|
-
<dbx-action dbxActionValue [dbxActionSource]="actionSourceInstance" [dbxActionSuccess]="dismissEarly">
|
|
68
|
-
<dbx-button dbxActionButton color="warn" [text]="action"></dbx-button>
|
|
69
|
-
</dbx-action>
|
|
70
|
-
<dbx-button-spacer></dbx-button-spacer>
|
|
71
|
-
<dbx-button (buttonClick)="dismiss()" color="accent" icon="close"></dbx-button>
|
|
72
|
-
</ng-container>
|
|
73
|
-
</ng-container>
|
|
74
|
-
</div>
|
|
75
|
-
`, isInline: true, components: [{ type: i2.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color"] }, { type: i3.DbxButtonSpacerComponent, selector: "dbx-button-spacer" }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action"] }, { type: i5.DbxActionValueDirective, selector: "[dbxActionValue]", inputs: ["dbxActionValue"] }, { type: i5.DbxActionSourceDirective, selector: "[dbxActionSource]", inputs: ["dbxActionSource"] }, { type: i5.DbxActionSuccessDirective, selector: "[dbxActionSuccess]", inputs: ["dbxActionSuccess"] }], pipes: { "async": i4.AsyncPipe } });
|
|
76
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSnackbarComponent, decorators: [{
|
|
77
|
-
type: Component,
|
|
78
|
-
args: [{
|
|
79
|
-
template: `
|
|
80
|
-
<div class="dbx-action-snackbar" [ngClass]="(snackbarStatusClass$ | async)!">
|
|
81
|
-
<ng-container [ngSwitch]="complete$ | async">
|
|
82
|
-
<ng-container *ngSwitchCase="true">
|
|
83
|
-
<div class="spacer"></div>
|
|
84
|
-
<dbx-button (buttonClick)="dismiss()" color="accent" icon="done" text="Success"></dbx-button>
|
|
85
|
-
</ng-container>
|
|
86
|
-
<ng-container *ngSwitchCase="false">
|
|
87
|
-
<span>{{ message }}</span>
|
|
88
|
-
<div class="spacer"></div>
|
|
89
|
-
<dbx-action dbxActionValue [dbxActionSource]="actionSourceInstance" [dbxActionSuccess]="dismissEarly">
|
|
90
|
-
<dbx-button dbxActionButton color="warn" [text]="action"></dbx-button>
|
|
91
|
-
</dbx-action>
|
|
92
|
-
<dbx-button-spacer></dbx-button-spacer>
|
|
93
|
-
<dbx-button (buttonClick)="dismiss()" color="accent" icon="close"></dbx-button>
|
|
94
|
-
</ng-container>
|
|
95
|
-
</ng-container>
|
|
96
|
-
</div>
|
|
97
|
-
`,
|
|
98
|
-
// TODO: styleUrls: ['./action.scss']
|
|
99
|
-
}]
|
|
100
|
-
}], ctorParameters: function () { return [{ type: i1.MatSnackBarRef }, { type: undefined, decorators: [{
|
|
101
|
-
type: Inject,
|
|
102
|
-
args: [MAT_SNACK_BAR_DATA]
|
|
103
|
-
}] }]; } });
|
|
104
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLnNuYWNrYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9hY3Rpb24vYWN0aW9uLnNuYWNrYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQWMsV0FBVyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxjQUFjLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVqRixPQUFPLEVBQUUsTUFBTSxJQUFJLENBQUM7QUFDcEIsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JDLE9BQU8sRUFBb0MsV0FBVyxFQUFvQyxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7O0FBRXBIOztHQUVHO0FBdUJILE1BQU0sT0FBTywwQkFBMEI7SUFFckMsWUFDVyxRQUFvRCxFQUN4QixJQUFzQztRQURsRSxhQUFRLEdBQVIsUUFBUSxDQUE0QztRQUN4QixTQUFJLEdBQUosSUFBSSxDQUFrQztRQU9wRSxjQUFTLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFVBQVUsQ0FBQztRQUNqRCx5QkFBb0IsR0FBdUIsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFlBQVksQ0FBQyxJQUFJLENBQzdGLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ1IsSUFBSSxPQUFPLEdBQUcsc0JBQXNCLENBQUM7WUFFckMsUUFBUSxDQUFDLEVBQUU7Z0JBQ1QsS0FBSyxXQUFXLENBQUMsUUFBUTtvQkFDdkIsT0FBTyxJQUFJLE9BQU8sQ0FBQztvQkFDbkIsTUFBTTtnQkFDUixLQUFLLFdBQVcsQ0FBQyxPQUFPO29CQUN0QixPQUFPLElBQUksU0FBUyxDQUFDO29CQUNyQixNQUFNO2dCQUNSO29CQUNFLE9BQU8sSUFBSSxNQUFNLENBQUM7b0JBQ2xCLE1BQU07YUFDVDtZQUVELE9BQU8sT0FBTyxDQUFDO1FBQ2pCLENBQUMsQ0FBQyxFQUNGLG9CQUFvQixFQUFFLEVBQ3RCLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDZixDQUFDO1FBY0YsaUJBQVksR0FBRyxHQUFTLEVBQUU7WUFDeEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDeEMsQ0FBQyxDQUFBO1FBRUQsWUFBTyxHQUFHLEdBQVMsRUFBRTtZQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQTtRQTlDQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRTtZQUN0QixNQUFNLElBQUksS0FBSyxDQUFDLDJDQUEyQyxDQUFDLENBQUM7U0FDOUQ7SUFDSCxDQUFDO0lBeUJELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQUksb0JBQW9CO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDaEMsQ0FBQzs7dUhBNUNVLDBCQUEwQixnREFJM0Isa0JBQWtCOzJHQUpqQiwwQkFBMEIsb0RBckIzQjs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JUOzJGQUdVLDBCQUEwQjtrQkF0QnRDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQlQ7b0JBQ0QscUNBQXFDO2lCQUN0Qzs7MEJBS0ksTUFBTTsyQkFBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgT2JzZXJ2YWJsZSwgc2hhcmVSZXBsYXkgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRTbmFja0JhclJlZiwgTUFUX1NOQUNLX0JBUl9EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc25hY2stYmFyJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgbXMgZnJvbSAnbXMnO1xuaW1wb3J0IHsgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgQWN0aW9uQ29udGV4dFN0b3JlU291cmNlSW5zdGFuY2UsIEFjdGlvblN0YXRlLCBEYnhBY3Rpb25TbmFja2JhckNvbXBvbmVudENvbmZpZyB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcblxuLyoqXG4gKiBDb21wb25lbnQgZm9yIGEgc25hY2tiYXIgdGhhdCBjb250YWlucyBhbiBhY3Rpb24uXG4gKi9cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJkYngtYWN0aW9uLXNuYWNrYmFyXCIgW25nQ2xhc3NdPVwiKHNuYWNrYmFyU3RhdHVzQ2xhc3MkIHwgYXN5bmMpIVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiY29tcGxldGUkIHwgYXN5bmNcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwidHJ1ZVwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzcGFjZXJcIj48L2Rpdj5cbiAgICAgICAgICA8ZGJ4LWJ1dHRvbiAoYnV0dG9uQ2xpY2spPVwiZGlzbWlzcygpXCIgY29sb3I9XCJhY2NlbnRcIiBpY29uPVwiZG9uZVwiIHRleHQ9XCJTdWNjZXNzXCI+PC9kYngtYnV0dG9uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiZmFsc2VcIj5cbiAgICAgICAgICA8c3Bhbj57eyBtZXNzYWdlIH19PC9zcGFuPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzcGFjZXJcIj48L2Rpdj5cbiAgICAgICAgICA8ZGJ4LWFjdGlvbiBkYnhBY3Rpb25WYWx1ZSBbZGJ4QWN0aW9uU291cmNlXT1cImFjdGlvblNvdXJjZUluc3RhbmNlXCIgW2RieEFjdGlvblN1Y2Nlc3NdPVwiZGlzbWlzc0Vhcmx5XCI+XG4gICAgICAgICAgICA8ZGJ4LWJ1dHRvbiBkYnhBY3Rpb25CdXR0b24gY29sb3I9XCJ3YXJuXCIgW3RleHRdPVwiYWN0aW9uXCI+PC9kYngtYnV0dG9uPlxuICAgICAgICAgIDwvZGJ4LWFjdGlvbj5cbiAgICAgICAgICA8ZGJ4LWJ1dHRvbi1zcGFjZXI+PC9kYngtYnV0dG9uLXNwYWNlcj5cbiAgICAgICAgICA8ZGJ4LWJ1dHRvbiAoYnV0dG9uQ2xpY2spPVwiZGlzbWlzcygpXCIgY29sb3I9XCJhY2NlbnRcIiBpY29uPVwiY2xvc2VcIj48L2RieC1idXR0b24+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gIGAsXG4gIC8vIFRPRE86IHN0eWxlVXJsczogWycuL2FjdGlvbi5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRGJ4QWN0aW9uU25hY2tiYXJDb21wb25lbnQge1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHJlYWRvbmx5IHNuYWNrYmFyOiBNYXRTbmFja0JhclJlZjxEYnhBY3Rpb25TbmFja2JhckNvbXBvbmVudD4sXG4gICAgQEluamVjdChNQVRfU05BQ0tfQkFSX0RBVEEpIHJlYWRvbmx5IGRhdGE6IERieEFjdGlvblNuYWNrYmFyQ29tcG9uZW50Q29uZmlnXG4gICkge1xuICAgIGlmICghZGF0YS5hY3Rpb25Tb3VyY2UpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcignTm8gYWN0aW9uIHdhcyBwcm92aWRlZCB0byBBY3Rpb25TbmFja2Jhci4nKTtcbiAgICB9XG4gIH1cblxuICByZWFkb25seSBjb21wbGV0ZSQgPSB0aGlzLmFjdGlvblNvdXJjZUluc3RhbmNlLmlzU3VjY2VzcyQ7XG4gIHJlYWRvbmx5IHNuYWNrYmFyU3RhdHVzQ2xhc3MkOiBPYnNlcnZhYmxlPHN0cmluZz4gPSB0aGlzLmFjdGlvblNvdXJjZUluc3RhbmNlLmFjdGlvblN0YXRlJC5waXBlKFxuICAgIG1hcCgoeCkgPT4ge1xuICAgICAgbGV0IGNsYXNzZXMgPSAnZGJ4LWFjdGlvbi1zbmFja2Jhci0nO1xuXG4gICAgICBzd2l0Y2ggKHgpIHtcbiAgICAgICAgY2FzZSBBY3Rpb25TdGF0ZS5SZWplY3RlZDpcbiAgICAgICAgICBjbGFzc2VzICs9ICdlcnJvcic7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGNhc2UgQWN0aW9uU3RhdGUuU3VjY2VzczpcbiAgICAgICAgICBjbGFzc2VzICs9ICdzdWNjZXNzJztcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICBjbGFzc2VzICs9ICdpZGxlJztcbiAgICAgICAgICBicmVhaztcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIGNsYXNzZXM7XG4gICAgfSksXG4gICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICBzaGFyZVJlcGxheSgxKVxuICApO1xuXG4gIGdldCBtZXNzYWdlKCk6IE1heWJlPHN0cmluZz4ge1xuICAgIHJldHVybiB0aGlzLmRhdGEubWVzc2FnZTtcbiAgfVxuXG4gIGdldCBhY3Rpb24oKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5kYXRhLmFjdGlvbjtcbiAgfVxuXG4gIGdldCBhY3Rpb25Tb3VyY2VJbnN0YW5jZSgpOiBBY3Rpb25Db250ZXh0U3RvcmVTb3VyY2VJbnN0YW5jZSB7XG4gICAgcmV0dXJuIHRoaXMuZGF0YS5hY3Rpb25Tb3VyY2U7XG4gIH1cblxuICBkaXNtaXNzRWFybHkgPSAoKTogdm9pZCA9PiB7XG4gICAgdGhpcy5zbmFja2Jhci5fZGlzbWlzc0FmdGVyKG1zKCczcycpKTtcbiAgfVxuXG4gIGRpc21pc3MgPSAoKTogdm9pZCA9PiB7XG4gICAgdGhpcy5zbmFja2Jhci5kaXNtaXNzKCk7XG4gIH1cblxufVxuIl19
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { Directive, Host, NgZone } from '@angular/core';
|
|
2
|
-
import { DbxButtonDirective, DbxActionButtonDirective, ActionContextStoreSourceInstance } from '@dereekb/dbx-core';
|
|
3
|
-
import { DbxPopoverActionDirective } from './popover.action.directive';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@dereekb/dbx-core";
|
|
6
|
-
import * as i2 from "./popover.action.directive";
|
|
7
|
-
/**
|
|
8
|
-
* Action directive that is used to link an DbxButton to an DbxPopoverActionDirective.
|
|
9
|
-
*/
|
|
10
|
-
export class DbxPopoverActionButtonDirective extends DbxActionButtonDirective {
|
|
11
|
-
constructor(button, source, ngZone, appPopoverActionDirective) {
|
|
12
|
-
super(button, source, ngZone);
|
|
13
|
-
this.appPopoverActionDirective = appPopoverActionDirective;
|
|
14
|
-
}
|
|
15
|
-
_buttonClicked() {
|
|
16
|
-
this.appPopoverActionDirective.showPopover();
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
DbxPopoverActionButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverActionButtonDirective, deps: [{ token: i1.DbxButtonDirective, host: true }, { token: i1.ActionContextStoreSourceInstance }, { token: i0.NgZone }, { token: i2.DbxPopoverActionDirective }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
-
DbxPopoverActionButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxPopoverActionButtonDirective, selector: "[dbxPopoverActionButton]", usesInheritance: true, ngImport: i0 });
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverActionButtonDirective, decorators: [{
|
|
22
|
-
type: Directive,
|
|
23
|
-
args: [{
|
|
24
|
-
selector: '[dbxPopoverActionButton]'
|
|
25
|
-
}]
|
|
26
|
-
}], ctorParameters: function () { return [{ type: i1.DbxButtonDirective, decorators: [{
|
|
27
|
-
type: Host
|
|
28
|
-
}] }, { type: i1.ActionContextStoreSourceInstance }, { type: i0.NgZone }, { type: i2.DbxPopoverActionDirective }]; } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5hY3Rpb24uYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9pbnRlcmFjdGlvbi9wb3BvdmVyL3BvcG92ZXIuYWN0aW9uLmJ1dHRvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSx3QkFBd0IsRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25ILE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7O0FBRXZFOztHQUVHO0FBSUgsTUFBTSxPQUFPLCtCQUFnQyxTQUFRLHdCQUF3QjtJQUUzRSxZQUNVLE1BQTBCLEVBQ2xDLE1BQXdDLEVBQ3hDLE1BQWMsRUFDTCx5QkFBb0Q7UUFDN0QsS0FBSyxDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFEckIsOEJBQXlCLEdBQXpCLHlCQUF5QixDQUEyQjtJQUUvRCxDQUFDO0lBRWtCLGNBQWM7UUFDL0IsSUFBSSxDQUFDLHlCQUF5QixDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQy9DLENBQUM7OzRIQVpVLCtCQUErQjtnSEFBL0IsK0JBQStCOzJGQUEvQiwrQkFBK0I7a0JBSDNDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDBCQUEwQjtpQkFDckM7OzBCQUlJLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3QsIE5nWm9uZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGJ4QnV0dG9uRGlyZWN0aXZlLCBEYnhBY3Rpb25CdXR0b25EaXJlY3RpdmUsIEFjdGlvbkNvbnRleHRTdG9yZVNvdXJjZUluc3RhbmNlIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgRGJ4UG9wb3ZlckFjdGlvbkRpcmVjdGl2ZSB9IGZyb20gJy4vcG9wb3Zlci5hY3Rpb24uZGlyZWN0aXZlJztcblxuLyoqXG4gKiBBY3Rpb24gZGlyZWN0aXZlIHRoYXQgaXMgdXNlZCB0byBsaW5rIGFuIERieEJ1dHRvbiB0byBhbiBEYnhQb3BvdmVyQWN0aW9uRGlyZWN0aXZlLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGJ4UG9wb3ZlckFjdGlvbkJ1dHRvbl0nXG59KVxuZXhwb3J0IGNsYXNzIERieFBvcG92ZXJBY3Rpb25CdXR0b25EaXJlY3RpdmUgZXh0ZW5kcyBEYnhBY3Rpb25CdXR0b25EaXJlY3RpdmUge1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBIb3N0KCkgYnV0dG9uOiBEYnhCdXR0b25EaXJlY3RpdmUsXG4gICAgc291cmNlOiBBY3Rpb25Db250ZXh0U3RvcmVTb3VyY2VJbnN0YW5jZSxcbiAgICBuZ1pvbmU6IE5nWm9uZSxcbiAgICByZWFkb25seSBhcHBQb3BvdmVyQWN0aW9uRGlyZWN0aXZlOiBEYnhQb3BvdmVyQWN0aW9uRGlyZWN0aXZlKSB7XG4gICAgc3VwZXIoYnV0dG9uLCBzb3VyY2UsIG5nWm9uZSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgX2J1dHRvbkNsaWNrZWQoKTogdm9pZCB7XG4gICAgdGhpcy5hcHBQb3BvdmVyQWN0aW9uRGlyZWN0aXZlLnNob3dQb3BvdmVyKCk7XG4gIH1cblxufVxuIl19
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { Observable } from 'rxjs';
|
|
2
|
-
import { MatSnackBarRef } from '@angular/material/snack-bar';
|
|
3
|
-
import { Maybe } from '@dereekb/util';
|
|
4
|
-
import { ActionContextStoreSourceInstance, DbxActionSnackbarComponentConfig } from '@dereekb/dbx-core';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* Component for a snackbar that contains an action.
|
|
8
|
-
*/
|
|
9
|
-
export declare class DbxActionSnackbarComponent {
|
|
10
|
-
readonly snackbar: MatSnackBarRef<DbxActionSnackbarComponent>;
|
|
11
|
-
readonly data: DbxActionSnackbarComponentConfig;
|
|
12
|
-
constructor(snackbar: MatSnackBarRef<DbxActionSnackbarComponent>, data: DbxActionSnackbarComponentConfig);
|
|
13
|
-
readonly complete$: Observable<boolean>;
|
|
14
|
-
readonly snackbarStatusClass$: Observable<string>;
|
|
15
|
-
get message(): Maybe<string>;
|
|
16
|
-
get action(): string;
|
|
17
|
-
get actionSourceInstance(): ActionContextStoreSourceInstance;
|
|
18
|
-
dismissEarly: () => void;
|
|
19
|
-
dismiss: () => void;
|
|
20
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionSnackbarComponent, never>;
|
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DbxActionSnackbarComponent, "ng-component", never, {}, {}, never, never>;
|
|
22
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { NgZone } from '@angular/core';
|
|
2
|
-
import { DbxButtonDirective, DbxActionButtonDirective, ActionContextStoreSourceInstance } from '@dereekb/dbx-core';
|
|
3
|
-
import { DbxPopoverActionDirective } from './popover.action.directive';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* Action directive that is used to link an DbxButton to an DbxPopoverActionDirective.
|
|
7
|
-
*/
|
|
8
|
-
export declare class DbxPopoverActionButtonDirective extends DbxActionButtonDirective {
|
|
9
|
-
readonly appPopoverActionDirective: DbxPopoverActionDirective;
|
|
10
|
-
constructor(button: DbxButtonDirective, source: ActionContextStoreSourceInstance, ngZone: NgZone, appPopoverActionDirective: DbxPopoverActionDirective);
|
|
11
|
-
protected _buttonClicked(): void;
|
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverActionButtonDirective, [{ host: true; }, null, null, null]>;
|
|
13
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPopoverActionButtonDirective, "[dbxPopoverActionButton]", never, {}, {}, never>;
|
|
14
|
-
}
|