@dereekb/dbx-web 0.0.1 → 1.2.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 +4 -5
- package/_index.scss +27 -0
- package/esm2020/index.mjs +1 -2
- package/esm2020/lib/action/action.confirm.directive.mjs +5 -5
- package/esm2020/lib/action/action.module.mjs +35 -35
- package/esm2020/lib/action/action.snackbar.component.mjs +10 -11
- package/esm2020/lib/action/key.trigger.directive.mjs +5 -5
- package/esm2020/lib/action/transition/action.transition.module.mjs +29 -29
- package/esm2020/lib/action/transition/transition.safety.dialog.component.mjs +18 -18
- package/esm2020/lib/action/transition/transition.safety.directive.mjs +20 -38
- package/esm2020/lib/button/button.component.mjs +19 -19
- package/esm2020/lib/button/button.module.mjs +21 -27
- package/esm2020/lib/button/button.spacer.component.mjs +6 -7
- package/esm2020/lib/dbx-web.module.mjs +28 -30
- package/esm2020/lib/error/error.action.directive.mjs +7 -7
- package/esm2020/lib/error/error.component.mjs +5 -5
- package/esm2020/lib/error/error.loading.directive.mjs +7 -7
- package/esm2020/lib/error/error.module.mjs +19 -19
- package/esm2020/lib/index.mjs +3 -2
- package/esm2020/lib/interaction/dialog/abstract.dialog.directive.mjs +20 -11
- package/esm2020/lib/interaction/dialog/dialog.content.component.mjs +25 -0
- package/esm2020/lib/interaction/dialog/dialog.module.mjs +33 -0
- package/esm2020/lib/interaction/dialog/index.mjs +3 -1
- package/esm2020/lib/interaction/filter/filter.module.mjs +62 -0
- package/esm2020/lib/interaction/filter/filter.popover.button.component.mjs +32 -0
- package/esm2020/lib/interaction/filter/filter.popover.button.directive.mjs +38 -0
- package/esm2020/lib/interaction/filter/filter.popover.component.mjs +90 -0
- package/esm2020/lib/interaction/filter/filter.wrapper.component.mjs +33 -0
- package/esm2020/lib/interaction/filter/index.mjs +6 -0
- package/esm2020/lib/interaction/index.mjs +3 -1
- package/esm2020/lib/interaction/interaction.module.mjs +33 -0
- package/esm2020/lib/interaction/popover/abstract.popover.directive.mjs +8 -8
- package/esm2020/lib/interaction/popover/abstract.popover.ref.directive.mjs +6 -6
- package/esm2020/lib/interaction/popover/index.mjs +3 -2
- package/esm2020/lib/interaction/popover/popover.action.button.directive.mjs +10 -10
- package/esm2020/lib/interaction/popover/popover.action.directive.mjs +5 -5
- package/esm2020/lib/interaction/popover/popover.component.mjs +24 -35
- package/esm2020/lib/interaction/popover/popover.content.component.mjs +13 -21
- package/esm2020/lib/interaction/popover/popover.controls.directive.mjs +28 -0
- package/esm2020/lib/interaction/popover/popover.coordinator.component.mjs +8 -8
- package/esm2020/lib/interaction/popover/popover.coordinator.service.mjs +5 -5
- package/esm2020/lib/interaction/popover/popover.header.component.mjs +10 -11
- package/esm2020/lib/interaction/popover/popover.mjs +2 -2
- package/esm2020/lib/interaction/popover/popover.module.mjs +71 -63
- package/esm2020/lib/interaction/popover/popover.scroll.content.component.mjs +12 -18
- package/esm2020/lib/interaction/popover/popover.service.mjs +7 -7
- package/esm2020/lib/interaction/popup/abstract.popup.directive.mjs +6 -6
- package/esm2020/lib/interaction/popup/index.mjs +2 -1
- package/esm2020/lib/interaction/popup/popup.component.mjs +27 -42
- package/esm2020/lib/interaction/popup/popup.content.component.mjs +13 -15
- package/esm2020/lib/interaction/popup/popup.controls.buttons.component.mjs +13 -15
- package/esm2020/lib/interaction/popup/popup.controls.component.mjs +9 -11
- package/esm2020/lib/interaction/popup/popup.coordinator.component.mjs +9 -10
- package/esm2020/lib/interaction/popup/popup.coordinator.service.mjs +5 -5
- package/esm2020/lib/interaction/popup/popup.mjs +8 -8
- package/esm2020/lib/interaction/popup/popup.module.mjs +54 -46
- package/esm2020/lib/interaction/popup/popup.position.strategy.mjs +8 -12
- package/esm2020/lib/interaction/popup/popup.service.mjs +9 -8
- package/esm2020/lib/interaction/prompt/prompt.box.component.mjs +10 -22
- package/esm2020/lib/interaction/prompt/prompt.button.confirm.directive.mjs +9 -9
- package/esm2020/lib/interaction/prompt/prompt.component.mjs +24 -9
- package/esm2020/lib/interaction/prompt/prompt.confirm.component.mjs +11 -11
- package/esm2020/lib/interaction/prompt/prompt.confirm.dialog.component.mjs +40 -15
- package/esm2020/lib/interaction/prompt/prompt.confirm.directive.mjs +14 -24
- package/esm2020/lib/interaction/prompt/prompt.confirm.mjs +6 -5
- package/esm2020/lib/interaction/prompt/prompt.module.mjs +61 -52
- package/esm2020/lib/interaction/prompt/prompt.page.component.mjs +20 -22
- package/esm2020/lib/keypress/keydown.listener.directive.mjs +5 -5
- package/esm2020/lib/keypress/keypress.module.mjs +9 -9
- package/esm2020/lib/layout/bar/bar.directive.mjs +24 -0
- package/esm2020/lib/layout/bar/bar.header.component.mjs +39 -0
- package/esm2020/lib/layout/bar/bar.layout.module.mjs +47 -0
- package/esm2020/lib/layout/bar/bar.mjs +2 -0
- package/esm2020/lib/layout/bar/index.mjs +5 -0
- package/esm2020/lib/layout/bar/pagebar.component.mjs +15 -0
- package/esm2020/lib/layout/block/block.layout.module.mjs +14 -14
- package/esm2020/lib/layout/block/two.block.component.mjs +5 -5
- package/esm2020/lib/layout/card/card.box.component.mjs +5 -5
- package/esm2020/lib/layout/card/card.box.container.component.mjs +5 -5
- package/esm2020/lib/layout/card/card.box.layout.module.mjs +15 -15
- package/esm2020/lib/layout/column/column.layout.module.mjs +12 -12
- package/esm2020/lib/layout/column/one/one.column.component.mjs +6 -6
- package/esm2020/lib/layout/column/one/one.column.module.mjs +13 -13
- package/esm2020/lib/layout/column/two/two.column.back.directive.mjs +6 -6
- package/esm2020/lib/layout/column/two/two.column.component.mjs +5 -5
- package/esm2020/lib/layout/column/two/two.column.full.left.directive.mjs +6 -6
- package/esm2020/lib/layout/column/two/two.column.head.component.mjs +5 -5
- package/esm2020/lib/layout/column/two/two.column.module.mjs +42 -42
- package/esm2020/lib/layout/column/two/two.column.right.component.mjs +6 -6
- package/esm2020/lib/layout/column/two/two.column.sref.directive.mjs +6 -6
- package/esm2020/lib/layout/column/two/two.column.store.mjs +3 -3
- package/esm2020/lib/layout/compact/compact.directive.mjs +5 -5
- package/esm2020/lib/layout/compact/compact.layout.module.mjs +9 -9
- package/esm2020/lib/layout/compact/compact.store.mjs +3 -3
- package/esm2020/lib/layout/content/content.border.directive.mjs +19 -0
- package/esm2020/lib/layout/content/content.box.directive.mjs +25 -0
- package/esm2020/lib/layout/content/content.container.directive.mjs +28 -0
- package/esm2020/lib/layout/content/content.directive.mjs +19 -0
- package/esm2020/lib/layout/content/content.elevate.directive.mjs +19 -0
- package/esm2020/lib/layout/content/content.layout.module.mjs +34 -24
- package/esm2020/lib/layout/content/content.page.directive.mjs +19 -0
- package/esm2020/lib/layout/content/index.mjs +7 -5
- package/esm2020/lib/layout/flag/flag.component.mjs +5 -5
- package/esm2020/lib/layout/flag/flag.layout.module.mjs +15 -15
- package/esm2020/lib/layout/flag/flag.prompt.component.mjs +6 -6
- package/esm2020/lib/layout/flex/flex.group.directive.mjs +53 -0
- package/esm2020/lib/layout/flex/flex.layout.module.mjs +31 -0
- package/esm2020/lib/layout/flex/flex.mjs +2 -0
- package/esm2020/lib/layout/flex/flex.size.directive.mjs +25 -0
- package/esm2020/lib/layout/flex/index.mjs +5 -0
- package/esm2020/lib/layout/index.mjs +5 -2
- package/esm2020/lib/layout/item/item.icon.component.mjs +5 -5
- package/esm2020/lib/layout/item/item.layout.module.mjs +10 -10
- package/esm2020/lib/layout/layout.module.mjs +60 -48
- package/esm2020/lib/layout/list/index.mjs +12 -2
- package/esm2020/lib/layout/list/list.component.mjs +232 -0
- package/esm2020/lib/layout/list/list.content.empty.component.mjs +26 -0
- package/esm2020/lib/layout/list/list.directive.mjs +78 -0
- package/esm2020/lib/layout/list/list.layout.module.mjs +56 -11
- package/esm2020/lib/layout/list/list.view.directive.mjs +50 -0
- package/esm2020/lib/layout/list/list.view.mjs +13 -0
- package/esm2020/lib/layout/list/list.view.selection.directive.mjs +32 -0
- package/esm2020/lib/layout/list/list.view.value.component.mjs +61 -0
- package/esm2020/lib/layout/list/list.view.value.directive.mjs +35 -0
- package/esm2020/lib/layout/list/list.view.value.item.directive.mjs +20 -0
- package/esm2020/lib/layout/list/list.view.value.mjs +30 -0
- package/esm2020/lib/layout/list/list.view.value.selection.component.mjs +88 -0
- package/esm2020/lib/layout/section/index.mjs +3 -4
- package/esm2020/lib/layout/section/section.component.mjs +21 -32
- package/esm2020/lib/layout/section/section.header.component.mjs +79 -0
- package/esm2020/lib/layout/section/section.intro.component.mjs +7 -8
- package/esm2020/lib/layout/section/section.layout.module.mjs +34 -44
- package/esm2020/lib/layout/section/section.mjs +2 -0
- package/esm2020/lib/layout/section/section.page.component.mjs +17 -30
- package/esm2020/lib/layout/section/subsection.component.mjs +16 -14
- package/esm2020/lib/layout/step/step.component.mjs +5 -5
- package/esm2020/lib/layout/step/step.layout.module.mjs +10 -10
- package/esm2020/lib/layout/style/index.mjs +7 -0
- package/esm2020/lib/layout/style/spacer.directive.mjs +16 -0
- package/esm2020/lib/layout/style/style.body.directive.mjs +35 -0
- package/esm2020/lib/layout/style/style.directive.mjs +32 -0
- package/esm2020/lib/layout/style/style.layout.module.mjs +41 -0
- package/esm2020/lib/layout/style/style.service.mjs +76 -0
- package/esm2020/lib/layout/style/style.set.directive.mjs +69 -0
- package/esm2020/lib/layout/text/hint.component.mjs +17 -0
- package/esm2020/lib/layout/text/index.mjs +11 -0
- package/esm2020/lib/layout/text/label.component.mjs +17 -0
- package/esm2020/lib/layout/text/linkify.component.mjs +47 -0
- package/esm2020/lib/layout/text/note.component.mjs +17 -0
- package/esm2020/lib/layout/text/notice.component.mjs +17 -0
- package/esm2020/lib/layout/text/ok.component.mjs +17 -0
- package/esm2020/lib/layout/text/success.component.mjs +17 -0
- package/esm2020/lib/layout/text/text.chips.component.mjs +31 -0
- package/esm2020/lib/layout/text/text.module.mjs +78 -0
- package/esm2020/lib/layout/text/warn.component.mjs +17 -0
- package/esm2020/lib/loading/basic-loading.component.mjs +6 -6
- package/esm2020/lib/loading/loading-progress.component.mjs +5 -5
- package/esm2020/lib/loading/loading.component.mjs +6 -6
- package/esm2020/lib/loading/loading.module.mjs +27 -27
- package/esm2020/lib/router/index.mjs +2 -2
- package/esm2020/lib/router/layout/anchor/anchor.component.mjs +50 -0
- package/esm2020/lib/router/layout/anchor/anchor.icon.component.mjs +30 -0
- package/esm2020/lib/router/layout/anchor/anchor.link.component.mjs +49 -0
- package/esm2020/lib/router/layout/anchor/anchor.module.mjs +48 -0
- package/esm2020/lib/router/layout/anchor/anchor.segue.directive.mjs +29 -0
- package/esm2020/lib/router/layout/anchor/index.mjs +6 -0
- package/esm2020/lib/router/layout/anchorlist/anchorlist.component.mjs +34 -0
- package/esm2020/lib/router/layout/anchorlist/anchorlist.module.mjs +50 -0
- package/esm2020/lib/router/layout/anchorlist/index.mjs +3 -0
- package/esm2020/lib/router/layout/index.mjs +6 -0
- package/esm2020/lib/router/layout/layout.module.mjs +29 -0
- package/esm2020/lib/router/layout/navbar/index.mjs +3 -0
- package/esm2020/lib/router/layout/navbar/navbar.component.mjs +75 -0
- package/esm2020/lib/router/layout/navbar/navbar.module.mjs +46 -0
- package/esm2020/lib/router/layout/sidenav/index.mjs +9 -0
- package/esm2020/lib/router/layout/sidenav/sidenav.button.component.mjs +39 -0
- package/esm2020/lib/router/layout/sidenav/sidenav.component.mjs +133 -0
- package/esm2020/lib/router/layout/sidenav/sidenav.module.mjs +89 -0
- package/esm2020/lib/router/layout/sidenav/sidenav.page.component.mjs +59 -0
- package/esm2020/lib/router/layout/sidenav/sidenav.pagebar.component.mjs +39 -0
- package/esm2020/lib/router/provider/ngrouter/anchor.component.mjs +7 -7
- package/esm2020/lib/router/provider/ngrouter/angular.router.module.mjs +17 -17
- package/esm2020/lib/router/provider/router.provider.config.mjs +2 -2
- package/esm2020/lib/router/provider/uirouter/anchor.component.mjs +7 -7
- package/esm2020/lib/router/provider/uirouter/uirouter.router.module.mjs +17 -17
- package/esm2020/lib/screen/index.mjs +4 -0
- package/esm2020/lib/screen/screen.mjs +22 -0
- package/esm2020/lib/screen/screen.module.mjs +24 -0
- package/esm2020/lib/screen/screen.service.mjs +94 -0
- package/fesm2015/dereekb-dbx-web.mjs +5517 -3691
- package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web.mjs +5565 -3740
- package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
- package/index.d.ts +0 -1
- package/lib/action/_action.scss +40 -0
- package/lib/action/action.confirm.directive.d.ts +5 -5
- package/lib/action/action.module.d.ts +4 -4
- package/lib/action/action.snackbar.component.d.ts +7 -7
- package/lib/action/key.trigger.directive.d.ts +3 -3
- package/lib/action/transition/action.transition.module.d.ts +5 -5
- package/lib/action/transition/transition.safety.dialog.component.d.ts +7 -7
- package/lib/action/transition/transition.safety.directive.d.ts +14 -23
- package/lib/button/_button.scss +32 -0
- package/lib/button/button.component.d.ts +6 -6
- package/lib/button/button.module.d.ts +6 -8
- package/lib/button/button.spacer.component.d.ts +3 -3
- package/lib/dbx-web.module.d.ts +15 -10
- package/lib/error/_error.scss +26 -0
- package/lib/error/error.action.directive.d.ts +6 -6
- package/lib/error/error.component.d.ts +3 -3
- package/lib/error/error.loading.directive.d.ts +6 -6
- package/lib/error/error.module.d.ts +4 -4
- package/lib/index.d.ts +2 -1
- package/lib/interaction/_interaction.scss +33 -0
- package/lib/interaction/dialog/_dialog.scss +26 -0
- package/lib/interaction/dialog/abstract.dialog.directive.d.ts +7 -5
- package/lib/interaction/dialog/dialog.content.component.d.ts +10 -0
- package/lib/interaction/dialog/dialog.module.d.ts +12 -0
- package/lib/interaction/dialog/index.d.ts +2 -0
- package/lib/interaction/filter/_filter.scss +25 -0
- package/lib/interaction/filter/filter.module.d.ts +15 -0
- package/lib/interaction/filter/filter.popover.button.component.d.ts +9 -0
- package/lib/interaction/filter/filter.popover.button.directive.d.ts +17 -0
- package/lib/interaction/filter/filter.popover.component.d.ts +53 -0
- package/lib/interaction/filter/filter.wrapper.component.d.ts +14 -0
- package/lib/interaction/filter/index.d.ts +5 -0
- package/lib/interaction/index.d.ts +2 -0
- package/lib/interaction/interaction.module.d.ts +11 -0
- package/lib/interaction/popover/_popover.scss +110 -0
- package/lib/interaction/popover/abstract.popover.directive.d.ts +6 -6
- package/lib/interaction/popover/index.d.ts +2 -1
- package/lib/interaction/popover/popover.action.button.directive.d.ts +8 -8
- package/lib/interaction/popover/popover.action.directive.d.ts +8 -8
- package/lib/interaction/popover/popover.component.d.ts +15 -17
- package/lib/interaction/popover/popover.content.component.d.ts +3 -4
- package/lib/interaction/popover/popover.controls.directive.d.ts +10 -0
- package/lib/interaction/popover/popover.coordinator.component.d.ts +6 -6
- package/lib/interaction/popover/popover.coordinator.service.d.ts +8 -8
- package/lib/interaction/popover/popover.d.ts +3 -3
- package/lib/interaction/popover/popover.header.component.d.ts +5 -5
- package/lib/interaction/popover/popover.module.d.ts +11 -9
- package/lib/interaction/popover/popover.scroll.content.component.d.ts +6 -6
- package/lib/interaction/popover/popover.service.d.ts +6 -6
- package/lib/interaction/popup/_popup.scss +82 -0
- package/lib/interaction/popup/abstract.popup.directive.d.ts +4 -4
- package/lib/interaction/popup/index.d.ts +1 -0
- package/lib/interaction/popup/popup.component.d.ts +15 -18
- package/lib/interaction/popup/popup.content.component.d.ts +5 -5
- package/lib/interaction/popup/popup.controls.buttons.component.d.ts +5 -5
- package/lib/interaction/popup/popup.controls.component.d.ts +3 -3
- package/lib/interaction/popup/popup.coordinator.component.d.ts +6 -6
- package/lib/interaction/popup/popup.coordinator.service.d.ts +8 -8
- package/lib/interaction/popup/popup.d.ts +5 -5
- package/lib/interaction/popup/popup.module.d.ts +9 -7
- package/lib/interaction/popup/popup.position.strategy.d.ts +1 -5
- package/lib/interaction/popup/popup.service.d.ts +6 -6
- package/lib/interaction/prompt/_prompt.scss +46 -0
- package/lib/interaction/prompt/prompt.box.component.d.ts +3 -5
- package/lib/interaction/prompt/prompt.button.confirm.directive.d.ts +8 -8
- package/lib/interaction/prompt/prompt.component.d.ts +3 -4
- package/lib/interaction/prompt/prompt.confirm.component.d.ts +8 -8
- package/lib/interaction/prompt/prompt.confirm.d.ts +2 -2
- package/lib/interaction/prompt/prompt.confirm.dialog.component.d.ts +17 -6
- package/lib/interaction/prompt/prompt.confirm.directive.d.ts +11 -14
- package/lib/interaction/prompt/prompt.module.d.ts +9 -7
- package/lib/interaction/prompt/prompt.page.component.d.ts +3 -3
- package/lib/interaction/style/_style.scss +47 -0
- package/lib/keypress/keydown.listener.directive.d.ts +3 -3
- package/lib/keypress/keypress.module.d.ts +4 -4
- package/lib/layout/_layout.scss +61 -0
- package/lib/layout/bar/_bar.scss +81 -0
- package/lib/layout/bar/bar.d.ts +1 -0
- package/lib/layout/bar/bar.directive.d.ts +11 -0
- package/lib/layout/bar/bar.header.component.d.ts +13 -0
- package/lib/layout/bar/bar.layout.module.d.ts +15 -0
- package/lib/layout/bar/index.d.ts +4 -0
- package/lib/layout/bar/pagebar.component.d.ts +8 -0
- package/lib/layout/block/_block.scss +39 -0
- package/lib/layout/block/block.layout.module.d.ts +5 -5
- package/lib/layout/block/two.block.component.d.ts +3 -3
- package/lib/layout/card/_card.scss +26 -0
- package/lib/layout/card/card.box.component.d.ts +3 -3
- package/lib/layout/card/card.box.container.component.d.ts +3 -3
- package/lib/layout/card/card.box.layout.module.d.ts +4 -4
- package/lib/layout/column/_column.scss +26 -0
- package/lib/layout/column/column.layout.module.d.ts +4 -4
- package/lib/layout/column/one/one.column.component.d.ts +3 -3
- package/lib/layout/column/one/one.column.module.d.ts +4 -4
- package/lib/layout/column/two/two.column.back.directive.d.ts +4 -4
- package/lib/layout/column/two/two.column.component.d.ts +3 -3
- 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 +5 -5
- package/lib/layout/column/two/two.column.right.component.d.ts +3 -3
- package/lib/layout/column/two/two.column.sref.directive.d.ts +4 -4
- package/lib/layout/column/two.scss +114 -0
- package/lib/layout/compact/compact.directive.d.ts +3 -3
- package/lib/layout/compact/compact.layout.module.d.ts +4 -4
- package/lib/layout/content/_content.scss +136 -0
- package/lib/layout/content/content.border.directive.d.ts +8 -0
- package/lib/layout/content/content.box.directive.d.ts +9 -0
- package/lib/layout/content/content.container.directive.d.ts +12 -0
- package/lib/layout/content/content.directive.d.ts +8 -0
- package/lib/layout/content/content.elevate.directive.d.ts +8 -0
- package/lib/layout/content/content.layout.module.d.ts +11 -9
- package/lib/layout/content/content.page.directive.d.ts +8 -0
- package/lib/layout/content/index.d.ts +6 -4
- package/lib/layout/flag/_flag.scss +26 -0
- package/lib/layout/flag/flag.component.d.ts +3 -3
- package/lib/layout/flag/flag.layout.module.d.ts +4 -4
- package/lib/layout/flag/flag.prompt.component.d.ts +3 -3
- package/lib/layout/flex/_flex.scss +76 -0
- package/lib/layout/flex/flex.d.ts +4 -0
- package/lib/layout/flex/flex.group.directive.d.ts +24 -0
- package/lib/layout/flex/flex.layout.module.d.ts +9 -0
- package/lib/layout/flex/flex.size.directive.d.ts +10 -0
- package/lib/layout/flex/index.d.ts +4 -0
- package/lib/layout/index.d.ts +4 -1
- package/lib/layout/item/_item.scss +26 -0
- package/lib/layout/item/item.icon.component.d.ts +3 -3
- package/lib/layout/item/item.layout.module.d.ts +4 -4
- package/lib/layout/layout.module.d.ts +17 -14
- package/lib/layout/list/_list.scss +72 -0
- package/lib/layout/list/index.d.ts +11 -1
- package/lib/layout/list/list.component.d.ts +115 -0
- package/lib/layout/list/list.content.empty.component.d.ts +8 -0
- package/lib/layout/list/list.directive.d.ts +35 -0
- package/lib/layout/list/list.layout.module.d.ts +15 -6
- package/lib/layout/list/list.view.d.ts +45 -0
- package/lib/layout/list/list.view.directive.d.ts +26 -0
- package/lib/layout/list/list.view.selection.directive.d.ts +15 -0
- package/lib/layout/list/list.view.value.component.d.ts +15 -0
- package/lib/layout/list/list.view.value.d.ts +21 -0
- package/lib/layout/list/list.view.value.directive.d.ts +21 -0
- package/lib/layout/list/list.view.value.item.directive.d.ts +9 -0
- package/lib/layout/list/list.view.value.selection.component.d.ts +32 -0
- package/lib/layout/section/_section.scss +116 -0
- package/lib/layout/section/index.d.ts +2 -3
- package/lib/layout/section/section.component.d.ts +5 -7
- package/lib/layout/section/section.d.ts +1 -0
- package/lib/layout/section/section.header.component.d.ts +14 -0
- package/lib/layout/section/section.intro.component.d.ts +4 -4
- package/lib/layout/section/section.layout.module.d.ts +14 -16
- package/lib/layout/section/section.page.component.d.ts +4 -5
- package/lib/layout/section/subsection.component.d.ts +5 -5
- package/lib/layout/step/_step.scss +59 -0
- package/lib/layout/step/step.component.d.ts +3 -3
- package/lib/layout/step/step.layout.module.d.ts +4 -4
- package/lib/layout/style/_style.scss +101 -0
- package/lib/layout/style/index.d.ts +6 -0
- package/lib/layout/style/spacer.directive.d.ts +5 -0
- package/lib/layout/style/style.body.directive.d.ts +16 -0
- package/lib/layout/style/style.directive.d.ts +15 -0
- package/lib/layout/style/style.layout.module.d.ts +11 -0
- package/lib/layout/style/style.service.d.ts +37 -0
- package/lib/layout/style/style.set.directive.d.ts +31 -0
- package/lib/layout/text/_text.scss +97 -0
- package/lib/layout/text/hint.component.d.ts +5 -0
- package/lib/{text → layout/text}/index.d.ts +0 -2
- package/lib/layout/text/label.component.d.ts +5 -0
- package/lib/{text → layout/text}/linkify.component.d.ts +3 -3
- package/lib/layout/text/note.component.d.ts +5 -0
- package/lib/layout/text/notice.component.d.ts +5 -0
- package/lib/layout/text/ok.component.d.ts +5 -0
- package/lib/layout/text/success.component.d.ts +5 -0
- package/lib/layout/text/text.chips.component.d.ts +13 -0
- package/lib/layout/text/text.module.d.ts +19 -0
- package/lib/layout/text/warn.component.d.ts +5 -0
- package/lib/loading/basic-loading.component.d.ts +4 -4
- package/lib/loading/loading-progress.component.d.ts +3 -3
- package/lib/loading/loading.component.d.ts +5 -5
- package/lib/loading/loading.module.d.ts +5 -5
- package/lib/router/_router.scss +25 -0
- package/lib/router/index.d.ts +1 -1
- package/lib/router/layout/anchor/_anchor.scss +37 -0
- package/lib/router/{anchor → layout/anchor}/anchor.component.d.ts +7 -8
- package/lib/router/layout/anchor/anchor.icon.component.d.ts +11 -0
- package/lib/router/layout/anchor/anchor.link.component.d.ts +13 -0
- package/lib/router/layout/anchor/anchor.module.d.ts +13 -0
- package/lib/router/layout/anchor/anchor.segue.directive.d.ts +19 -0
- package/lib/router/{anchor → layout/anchor}/index.d.ts +1 -0
- package/lib/router/layout/anchorlist/_anchorlist.scss +95 -0
- package/lib/router/layout/anchorlist/anchorlist.component.d.ts +15 -0
- package/lib/router/layout/anchorlist/anchorlist.module.d.ts +14 -0
- package/lib/router/layout/anchorlist/index.d.ts +2 -0
- package/lib/router/layout/index.d.ts +5 -0
- package/lib/router/layout/layout.module.d.ts +10 -0
- package/lib/router/layout/navbar/_navbar.scss +27 -0
- package/lib/router/layout/navbar/index.d.ts +2 -0
- package/lib/router/layout/navbar/navbar.component.d.ts +37 -0
- package/lib/router/layout/navbar/navbar.module.d.ts +13 -0
- package/lib/router/layout/sidenav/_sidenav.scss +189 -0
- package/lib/router/layout/sidenav/index.d.ts +5 -0
- package/lib/router/layout/sidenav/sidenav.button.component.d.ts +14 -0
- package/lib/router/layout/sidenav/sidenav.component.d.ts +42 -0
- package/lib/router/layout/sidenav/sidenav.module.d.ts +23 -0
- package/lib/router/layout/sidenav/sidenav.page.component.d.ts +20 -0
- package/lib/router/layout/sidenav/sidenav.pagebar.component.d.ts +9 -0
- package/lib/router/provider/ngrouter/anchor.component.d.ts +4 -4
- package/lib/router/provider/ngrouter/angular.router.module.d.ts +5 -5
- package/lib/router/provider/router.provider.config.d.ts +3 -3
- package/lib/router/provider/uirouter/anchor.component.d.ts +4 -4
- package/lib/router/provider/uirouter/uirouter.router.module.d.ts +5 -5
- package/lib/screen/index.d.ts +3 -0
- package/lib/screen/screen.d.ts +36 -0
- package/lib/screen/screen.module.d.ts +9 -0
- package/lib/screen/screen.service.d.ts +60 -0
- package/lib/style/_all-core.scss +14 -0
- package/lib/style/_all-theme.scss +15 -0
- package/lib/style/_all-typography.scss +15 -0
- package/lib/style/_config.scss +122 -0
- package/lib/style/_core.scss +17 -0
- package/lib/style/_mixin.scss +99 -0
- package/lib/style/_root-variables.scss +35 -0
- package/lib/style/_theming.scss +19 -0
- package/lib/style/_variables.scss +45 -0
- package/package.json +35 -34
- package/esm2020/lib/interaction/popover/popover.controls.component.mjs +0 -35
- package/esm2020/lib/layout/content/content.bordered.component.mjs +0 -26
- package/esm2020/lib/layout/content/content.component.mjs +0 -32
- package/esm2020/lib/layout/content/content.container.component.mjs +0 -66
- package/esm2020/lib/layout/content/content.container.fullwidth.component.mjs +0 -26
- package/esm2020/lib/layout/dialog/dialog.content.component.mjs +0 -37
- package/esm2020/lib/layout/dialog/dialog.layout.module.mjs +0 -29
- package/esm2020/lib/layout/dialog/index.mjs +0 -3
- package/esm2020/lib/layout/list/list.empty.component.mjs +0 -26
- package/esm2020/lib/layout/section/section.box.anchor.component.mjs +0 -39
- package/esm2020/lib/layout/section/section.box.component.mjs +0 -32
- package/esm2020/lib/layout/section/section.elevated.component.mjs +0 -26
- package/esm2020/lib/router/anchor/anchor.component.mjs +0 -50
- package/esm2020/lib/router/anchor/anchor.icon.component.mjs +0 -30
- package/esm2020/lib/router/anchor/anchor.module.mjs +0 -43
- package/esm2020/lib/router/anchor/anchor.segue.directive.mjs +0 -32
- package/esm2020/lib/router/anchor/index.mjs +0 -5
- package/esm2020/lib/text/hint.component.mjs +0 -15
- package/esm2020/lib/text/index.mjs +0 -13
- package/esm2020/lib/text/label.bar.component.mjs +0 -32
- package/esm2020/lib/text/label.component.mjs +0 -18
- package/esm2020/lib/text/link.component.mjs +0 -36
- package/esm2020/lib/text/linkify.component.mjs +0 -48
- package/esm2020/lib/text/note.component.mjs +0 -15
- package/esm2020/lib/text/notice.component.mjs +0 -15
- package/esm2020/lib/text/ok.component.mjs +0 -15
- package/esm2020/lib/text/success.component.mjs +0 -15
- package/esm2020/lib/text/text.chips.component.mjs +0 -32
- package/esm2020/lib/text/text.module.mjs +0 -92
- package/esm2020/lib/text/warn.component.mjs +0 -15
- package/lib/interaction/popover/popover.controls.component.d.ts +0 -10
- package/lib/layout/content/content.bordered.component.d.ts +0 -8
- package/lib/layout/content/content.component.d.ts +0 -9
- package/lib/layout/content/content.container.component.d.ts +0 -34
- package/lib/layout/content/content.container.fullwidth.component.d.ts +0 -8
- package/lib/layout/dialog/dialog.content.component.d.ts +0 -13
- package/lib/layout/dialog/dialog.layout.module.d.ts +0 -11
- package/lib/layout/dialog/index.d.ts +0 -2
- package/lib/layout/list/list.empty.component.d.ts +0 -8
- package/lib/layout/section/section.box.anchor.component.d.ts +0 -11
- package/lib/layout/section/section.box.component.d.ts +0 -9
- package/lib/layout/section/section.elevated.component.d.ts +0 -8
- package/lib/router/anchor/anchor.icon.component.d.ts +0 -11
- package/lib/router/anchor/anchor.module.d.ts +0 -12
- package/lib/router/anchor/anchor.segue.directive.d.ts +0 -20
- package/lib/text/hint.component.d.ts +0 -5
- package/lib/text/label.bar.component.d.ts +0 -10
- package/lib/text/label.component.d.ts +0 -8
- package/lib/text/link.component.d.ts +0 -9
- package/lib/text/note.component.d.ts +0 -5
- package/lib/text/notice.component.d.ts +0 -5
- package/lib/text/ok.component.d.ts +0 -5
- package/lib/text/success.component.d.ts +0 -5
- package/lib/text/text.chips.component.d.ts +0 -13
- package/lib/text/text.module.d.ts +0 -22
- package/lib/text/warn.component.d.ts +0 -5
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use './variables';
|
|
3
|
+
|
|
4
|
+
// convenience
|
|
5
|
+
@function quick-define-dbx-config-via-banners($top-banner: 0px, $bottom-banner: 0px) {
|
|
6
|
+
@return ('layout': (
|
|
7
|
+
'top-banner-height': $top-banner,
|
|
8
|
+
'bottom-banner-height': $bottom-banner,
|
|
9
|
+
));
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
// theme
|
|
13
|
+
@function define-dbx-theme-config($theme-config, $input-dbx-theme-config: null) {
|
|
14
|
+
|
|
15
|
+
@if ($input-dbx-theme-config == null) {
|
|
16
|
+
$input-dbx-theme-config: ();
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
$input-dbx-screen-theme-config: map.get($input-dbx-theme-config, 'screen');
|
|
20
|
+
$input-dbx-layout-theme-config: map.get($input-dbx-theme-config, 'layout');
|
|
21
|
+
|
|
22
|
+
$dbx-screen: define-dbx-screen-config($input-dbx-screen-theme-config);
|
|
23
|
+
$dbx-layout: define-dbx-layout-config($input-dbx-layout-theme-config);
|
|
24
|
+
|
|
25
|
+
$dbx-theme-config: (
|
|
26
|
+
'screen': $dbx-screen,
|
|
27
|
+
'layout': $dbx-layout
|
|
28
|
+
);
|
|
29
|
+
|
|
30
|
+
@return map.merge($theme-config, (
|
|
31
|
+
'dbx': $dbx-theme-config
|
|
32
|
+
));
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@function get-dbx-theme-config($theme-config) {
|
|
36
|
+
@return map.get($theme-config, 'dbx');
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
// screen
|
|
40
|
+
@function define-dbx-screen-config($input-dbx-theme-screen-config: null) {
|
|
41
|
+
$dbx-screen-config: (
|
|
42
|
+
'mobile': 360px, // 0-360px
|
|
43
|
+
'small': 520px, //361-520px
|
|
44
|
+
'medium': 768px, //521-768px
|
|
45
|
+
'large': 1280px, //769-1280px
|
|
46
|
+
'tiny-vertical': 280px //0-280px
|
|
47
|
+
);
|
|
48
|
+
|
|
49
|
+
@if ($input-dbx-theme-screen-config != null) {
|
|
50
|
+
$dbx-screen-config: map.merge($dbx-screen-config, $input-dbx-theme-screen-config);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@return $dbx-screen-config;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
@function get-dbx-screen-config($theme-config) {
|
|
57
|
+
@return map.get(get-dbx-theme-config($theme-config), 'screen');
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
// layout
|
|
61
|
+
@function define-dbx-layout-config($input-dbx-theme-layout-config: null) {
|
|
62
|
+
$dbx-layout-config: (
|
|
63
|
+
// banner
|
|
64
|
+
'top-banner-height': 0px,
|
|
65
|
+
'bottom-banner-height': 0px,
|
|
66
|
+
// navbars
|
|
67
|
+
'page-navbar-height': 42px, // initial main navbar height
|
|
68
|
+
'content-navbar-height': 54px, // initial content navbar height
|
|
69
|
+
// content
|
|
70
|
+
'box-max-width': 600px, // initial max width of box content, such as popups.
|
|
71
|
+
'content-max-width': 1200px, // initial max width of restricted-width content
|
|
72
|
+
// padding
|
|
73
|
+
'padding-0': 0px, // initial padding-0
|
|
74
|
+
'padding-1': 2px, // initial padding-1
|
|
75
|
+
'padding-2': 6px, // initial padding-2
|
|
76
|
+
'padding-3': 12px, // initial padding-3
|
|
77
|
+
'padding-4': 18px, // initial padding-4
|
|
78
|
+
'padding-5': 24px // initial padding-5
|
|
79
|
+
);
|
|
80
|
+
|
|
81
|
+
@if ($input-dbx-theme-layout-config != null) {
|
|
82
|
+
$dbx-layout-config: map.merge($dbx-layout-config, $input-dbx-theme-layout-config);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
@return $dbx-layout-config;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
@function get-dbx-layout-config($theme-config) {
|
|
89
|
+
@return map.get(get-dbx-theme-config($theme-config), 'layout');
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
@function get-dbx-layout-config-var($theme-config, $item) {
|
|
93
|
+
@return map.get(get-dbx-layout-config($theme-config), $item);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
@function get-dbx-layout-top-banner-height($theme-config) {
|
|
97
|
+
@return get-dbx-layout-config-var($theme-config, 'top-banner-height');
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
@function get-dbx-layout-bottom-banner-height($theme-config) {
|
|
101
|
+
@return get-dbx-layout-config-var($theme-config, 'bottom-banner-height');
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
@function get-dbx-layout-page-navbar-height($theme-config) {
|
|
105
|
+
@return get-dbx-layout-config-var($theme-config, 'page-navbar-height');
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
@function get-dbx-layout-content-navbar-height($theme-config) {
|
|
109
|
+
@return get-dbx-layout-config-var($theme-config, 'content-navbar-height');
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
@function get-dbx-layout-content-max-width($theme-config) {
|
|
113
|
+
@return get-dbx-layout-config-var($theme-config, 'content-max-width');
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
@function get-dbx-layout-box-max-width($theme-config) {
|
|
117
|
+
@return get-dbx-layout-config-var($theme-config, 'box-max-width');
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
@function get-dbx-layout-padding($theme-config, $padding-level) {
|
|
121
|
+
@return get-dbx-layout-config-var($theme-config, 'padding-'+ $padding-level);
|
|
122
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use './all-core';
|
|
3
|
+
@use './all-typography';
|
|
4
|
+
@use './root-variables';
|
|
5
|
+
@use './config';
|
|
6
|
+
|
|
7
|
+
@mixin core($typography-config, $theme-config: null) {
|
|
8
|
+
@include all-core.all-component-core();
|
|
9
|
+
@include all-typography.all-component-typographies($typography-config);
|
|
10
|
+
|
|
11
|
+
// add root variables to body
|
|
12
|
+
@if ($theme-config == null) {
|
|
13
|
+
$theme-config: config.define-dbx-theme-config(());
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@include root-variables.root-variables('body', $theme-config);
|
|
17
|
+
}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use './config';
|
|
3
|
+
@use './variables';
|
|
4
|
+
|
|
5
|
+
@mixin if-mobile-screen($theme-config) {
|
|
6
|
+
$dbx-screen-config: config.get-dbx-screen-config($theme-config);
|
|
7
|
+
$mobile-screen-cutoff: map.get($dbx-screen-config, 'mobile');
|
|
8
|
+
|
|
9
|
+
@media screen and (max-width: #{$mobile-screen-cutoff}) {
|
|
10
|
+
@content;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@mixin if-small-screen($theme-config) {
|
|
15
|
+
$dbx-screen-config: config.get-dbx-screen-config($theme-config);
|
|
16
|
+
$small-screen-cutoff: map.get($dbx-screen-config, 'small');
|
|
17
|
+
|
|
18
|
+
@media screen and (max-width: #{$small-screen-cutoff}) {
|
|
19
|
+
@content;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@mixin if-medium-screen($theme-config) {
|
|
24
|
+
$dbx-screen-config: config.get-dbx-screen-config($theme-config);
|
|
25
|
+
$medium-screen-cutoff: map.get($dbx-screen-config, 'medium');
|
|
26
|
+
|
|
27
|
+
@media screen and (max-width: #{$medium-screen-cutoff}) {
|
|
28
|
+
@content;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
@mixin if-large-screen($theme-config) {
|
|
33
|
+
$dbx-screen-config: config.get-dbx-screen-config($theme-config);
|
|
34
|
+
$large-screen-cutoff: map.get($dbx-screen-config, 'large');
|
|
35
|
+
|
|
36
|
+
@media screen and (max-width: #{$large-screen-cutoff}) {
|
|
37
|
+
@content;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
@mixin if-tiny-vertical-screen($theme-config) {
|
|
42
|
+
$dbx-screen-config: config.get-dbx-screen-config($theme-config);
|
|
43
|
+
$tiny-vertical-screen-cutoff: map.get($dbx-screen-config, 'tiny-vertical');
|
|
44
|
+
|
|
45
|
+
@media screen and (max-width: #{$tiny-vertical-screen-cutoff}) {
|
|
46
|
+
@content;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
Convenience function for page height that sets the height to $page-height with an optional offset.
|
|
52
|
+
*/
|
|
53
|
+
@mixin app-height($additionalOffset: 0) {
|
|
54
|
+
@if $additionalOffset !=0 {
|
|
55
|
+
height: calc(variables.$app-height - #{$additionalOffset});
|
|
56
|
+
}
|
|
57
|
+
@else {
|
|
58
|
+
height: variables.$app-height;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
Convenience function for page height that sets the height to $page-height with an optional offset.
|
|
64
|
+
*/
|
|
65
|
+
@mixin page-height($additionalOffset: 0) {
|
|
66
|
+
@if $additionalOffset !=0 {
|
|
67
|
+
height: calc(variables.$page-height - #{$additionalOffset});
|
|
68
|
+
}
|
|
69
|
+
@else {
|
|
70
|
+
height: variables.$page-height;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
/**
|
|
75
|
+
Content height that sets the height to $content-height with an optional offset.
|
|
76
|
+
*/
|
|
77
|
+
@mixin content-height($additionalOffset: 0) {
|
|
78
|
+
@if $additionalOffset !=0 {
|
|
79
|
+
height: calc(variables.$content-height - #{$additionalOffset});
|
|
80
|
+
}
|
|
81
|
+
@else {
|
|
82
|
+
height: variables.$content-height;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
/**
|
|
87
|
+
Will set the minimum height to the screen size on tiny-vertical screens.
|
|
88
|
+
*/
|
|
89
|
+
@mixin vh100-on-tiny-vertical-screen($theme-config, $additionalOffset: 0) {
|
|
90
|
+
@include if-tiny-vertical-screen($theme-config) {
|
|
91
|
+
min-height: $vh100;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
@mixin limit-text {
|
|
96
|
+
overflow: hidden;
|
|
97
|
+
white-space: nowrap;
|
|
98
|
+
text-overflow: ellipsis;
|
|
99
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
@use './theming';
|
|
2
|
+
|
|
3
|
+
// Includes all theming config
|
|
4
|
+
@mixin root-variables($root-selector, $theme-config) {
|
|
5
|
+
$initial-top-banner-height: theming.get-dbx-layout-top-banner-height($theme-config);
|
|
6
|
+
$initial-bottom-banner-height: theming.get-dbx-layout-bottom-banner-height($theme-config);
|
|
7
|
+
|
|
8
|
+
#{$root-selector} {
|
|
9
|
+
|
|
10
|
+
// variables
|
|
11
|
+
#{theming.$top-banner-height-var}: $initial-top-banner-height;
|
|
12
|
+
#{theming.$bottom-banner-height-var}: $initial-bottom-banner-height;
|
|
13
|
+
|
|
14
|
+
#{theming.$page-navbar-height-var}: theming.get-dbx-layout-page-navbar-height($theme-config);
|
|
15
|
+
#{theming.$content-navbar-height-var}: theming.get-dbx-layout-content-navbar-height($theme-config);
|
|
16
|
+
|
|
17
|
+
#{theming.$box-max-width-var}: theming.get-dbx-layout-box-max-width($theme-config);
|
|
18
|
+
#{theming.$content-max-width-var}: theming.get-dbx-layout-content-max-width($theme-config);
|
|
19
|
+
|
|
20
|
+
#{theming.$padding-0-var}: theming.get-dbx-layout-padding($theme-config, 0);
|
|
21
|
+
#{theming.$padding-1-var}: theming.get-dbx-layout-padding($theme-config, 1);
|
|
22
|
+
#{theming.$padding-2-var}: theming.get-dbx-layout-padding($theme-config, 2);
|
|
23
|
+
#{theming.$padding-3-var}: theming.get-dbx-layout-padding($theme-config, 3);
|
|
24
|
+
#{theming.$padding-4-var}: theming.get-dbx-layout-padding($theme-config, 4);
|
|
25
|
+
#{theming.$padding-5-var}: theming.get-dbx-layout-padding($theme-config, 5);
|
|
26
|
+
|
|
27
|
+
// root height
|
|
28
|
+
&.dbx-style-root {
|
|
29
|
+
display: block;
|
|
30
|
+
height: theming.$app-height;
|
|
31
|
+
overflow: hidden;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
@forward '@angular/material'show define-light-theme,
|
|
2
|
+
define-dark-theme,
|
|
3
|
+
define-palette,
|
|
4
|
+
get-contrast-color-from-palette,
|
|
5
|
+
get-color-from-palette,
|
|
6
|
+
get-color-config,
|
|
7
|
+
get-typography-config,
|
|
8
|
+
get-density-config,
|
|
9
|
+
elevation;
|
|
10
|
+
|
|
11
|
+
@forward 'node_modules/@angular/material/core/theming/theming'
|
|
12
|
+
show private-check-duplicate-theme-styles,
|
|
13
|
+
$theme-ignore-duplication-warnings;
|
|
14
|
+
|
|
15
|
+
@forward 'node_modules/@angular/material/core/typography/typography-utils';
|
|
16
|
+
|
|
17
|
+
@forward './config';
|
|
18
|
+
@forward './variables';
|
|
19
|
+
@forward './mixin';
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
|
|
3
|
+
// variable names
|
|
4
|
+
$vh100-var: --vh100; // variable to use for 100vh.
|
|
5
|
+
|
|
6
|
+
$top-banner-height-var: --dbx-top-banner-height;
|
|
7
|
+
$bottom-banner-height-var: --dbx-bottom-banner-height;
|
|
8
|
+
|
|
9
|
+
$page-navbar-height-var: --dbx-page-navbar-height;
|
|
10
|
+
$content-navbar-height-var: --dbx-content-navbar-height;
|
|
11
|
+
|
|
12
|
+
$box-max-width-var: --dbx-box-max-width;
|
|
13
|
+
$content-max-width-var: --dbx-content-max-width;
|
|
14
|
+
|
|
15
|
+
$padding-0-var: --dbx-padding-0;
|
|
16
|
+
$padding-1-var: --dbx-padding-1;
|
|
17
|
+
$padding-2-var: --dbx-padding-2;
|
|
18
|
+
$padding-3-var: --dbx-padding-3;
|
|
19
|
+
$padding-4-var: --dbx-padding-4;
|
|
20
|
+
$padding-5-var: --dbx-padding-5;
|
|
21
|
+
|
|
22
|
+
// vars
|
|
23
|
+
$vh100: var($vh100-var);
|
|
24
|
+
|
|
25
|
+
$top-banner-height: var($top-banner-height-var);
|
|
26
|
+
$bottom-banner-height: var($bottom-banner-height-var);
|
|
27
|
+
$app-height: calc($vh100 - ($top-banner-height - $bottom-banner-height));
|
|
28
|
+
|
|
29
|
+
$page-navbar-height: var($page-navbar-height-var);
|
|
30
|
+
$content-navbar-height: var($content-navbar-height-var);
|
|
31
|
+
|
|
32
|
+
$page-height: calc($app-height - $page-navbar-height);
|
|
33
|
+
$content-height: calc($page-height - $content-navbar-height);
|
|
34
|
+
|
|
35
|
+
$box-max-width: var($box-max-width-var);
|
|
36
|
+
$content-max-width: var($content-max-width-var);
|
|
37
|
+
|
|
38
|
+
$padding-0: var($padding-0-var);
|
|
39
|
+
$padding-1: var($padding-1-var);
|
|
40
|
+
$padding-2: var($padding-2-var);
|
|
41
|
+
$padding-3: var($padding-3-var);
|
|
42
|
+
$padding-4: var($padding-4-var);
|
|
43
|
+
$padding-5: var($padding-5-var);
|
|
44
|
+
|
|
45
|
+
$padding-map: (0: $padding-0, 1: $padding-1, 2: $padding-2, 3: $padding-3, 4: $padding-4, 5: $padding-5);
|
package/package.json
CHANGED
|
@@ -1,38 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dereekb/dbx-web",
|
|
3
|
-
"version": "
|
|
4
|
-
"peerDependencies": {
|
|
5
|
-
"@angular/common": "^13.1.0",
|
|
6
|
-
"@angular/core": "^13.1.0",
|
|
7
|
-
"linkify-string": "^3.0.4",
|
|
8
|
-
"@angular/material": "13.2.0",
|
|
9
|
-
"@dereekb/rxjs": "0.0.1",
|
|
10
|
-
"rxjs": "^7.5.2",
|
|
11
|
-
"@dereekb/util": "0.0.1",
|
|
12
|
-
"extra-set": "^2.2.11",
|
|
13
|
-
"ms": "^3.0.0-canary.1",
|
|
14
|
-
"@dereekb/dbx-core": "0.0.1",
|
|
15
|
-
"@ngrx/component-store": "^13.0.2",
|
|
16
|
-
"@ngrx/data": "^13.0.2",
|
|
17
|
-
"@ngrx/effects": "^13.0.2",
|
|
18
|
-
"@ngrx/entity": "^13.0.2",
|
|
19
|
-
"@ngrx/store": "^13.0.2",
|
|
20
|
-
"@angular/platform-browser": "13.2.0",
|
|
21
|
-
"date-fns": "2.28.0",
|
|
22
|
-
"@dereekb/date": "0.0.1",
|
|
23
|
-
"date-fns-tz": "1.2.2",
|
|
24
|
-
"class-transformer": "0.5.1",
|
|
25
|
-
"class-validator": "0.13.2",
|
|
26
|
-
"reflect-metadata": "0.1.13",
|
|
27
|
-
"rrule": "dereekb/rrule#17adf5708d6567b4d01a3a8afd106261421ea492",
|
|
28
|
-
"@angular/router": "13.2.0",
|
|
29
|
-
"@uirouter/core": "^6.0.8",
|
|
30
|
-
"mat-progress-buttons": "9.3.1",
|
|
31
|
-
"ng-overlay-container": "11.0.4",
|
|
32
|
-
"@angular/cdk": "13.2.0",
|
|
33
|
-
"angular-resize-event": "^3.1.1",
|
|
34
|
-
"@uirouter/angular": "^9.1.0"
|
|
35
|
-
},
|
|
3
|
+
"version": "1.2.0",
|
|
36
4
|
"dependencies": {
|
|
37
5
|
"tslib": "^2.3.0"
|
|
38
6
|
},
|
|
@@ -55,5 +23,38 @@
|
|
|
55
23
|
"default": "./fesm2020/dereekb-dbx-web.mjs"
|
|
56
24
|
}
|
|
57
25
|
},
|
|
58
|
-
"sideEffects": false
|
|
26
|
+
"sideEffects": false,
|
|
27
|
+
"peerDependencies": {
|
|
28
|
+
"@angular/core": "^13.0.0",
|
|
29
|
+
"@angular/material": "^13.0.0",
|
|
30
|
+
"@dereekb/rxjs": "1.2.0",
|
|
31
|
+
"rxjs": "^7.5.2",
|
|
32
|
+
"@dereekb/util": "1.2.0",
|
|
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
|
+
}
|
|
59
60
|
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { Component, Optional } from '@angular/core';
|
|
2
|
-
import { DbNgxPopoverContentComponent } from './popover.content.component';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "./popover.content.component";
|
|
5
|
-
/**
|
|
6
|
-
* Popover Controls
|
|
7
|
-
*/
|
|
8
|
-
export class DbNgxPopoverControlsComponent {
|
|
9
|
-
constructor(appPopoverContentComponent) {
|
|
10
|
-
if (appPopoverContentComponent) {
|
|
11
|
-
appPopoverContentComponent.hasControls = true;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
DbNgxPopoverControlsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopoverControlsComponent, deps: [{ token: i1.DbNgxPopoverContentComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
DbNgxPopoverControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxPopoverControlsComponent, selector: "dbx-popover-controls", ngImport: i0, template: `
|
|
17
|
-
<div class="dbx-popover-controls">
|
|
18
|
-
<ng-content></ng-content>
|
|
19
|
-
</div>
|
|
20
|
-
`, isInline: true });
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopoverControlsComponent, decorators: [{
|
|
22
|
-
type: Component,
|
|
23
|
-
args: [{
|
|
24
|
-
selector: 'dbx-popover-controls',
|
|
25
|
-
template: `
|
|
26
|
-
<div class="dbx-popover-controls">
|
|
27
|
-
<ng-content></ng-content>
|
|
28
|
-
</div>
|
|
29
|
-
`,
|
|
30
|
-
// TODO: styleUrls: ['./popover.scss']
|
|
31
|
-
}]
|
|
32
|
-
}], ctorParameters: function () { return [{ type: i1.DbNgxPopoverContentComponent, decorators: [{
|
|
33
|
-
type: Optional
|
|
34
|
-
}] }]; } });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5jb250cm9scy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvaW50ZXJhY3Rpb24vcG9wb3Zlci9wb3BvdmVyLmNvbnRyb2xzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRCxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7O0FBRTNFOztHQUVHO0FBVUgsTUFBTSxPQUFPLDZCQUE2QjtJQUV4QyxZQUF3QiwwQkFBd0Q7UUFDOUUsSUFBSSwwQkFBMEIsRUFBRTtZQUM5QiwwQkFBMEIsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1NBQy9DO0lBQ0gsQ0FBQzs7MEhBTlUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsNERBUDlCOzs7O0dBSVQ7MkZBR1UsNkJBQTZCO2tCQVR6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRTs7OztHQUlUO29CQUNELHNDQUFzQztpQkFDdkM7OzBCQUdjLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYk5neFBvcG92ZXJDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9wb3BvdmVyLmNvbnRlbnQuY29tcG9uZW50JztcblxuLyoqXG4gKiBQb3BvdmVyIENvbnRyb2xzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1wb3BvdmVyLWNvbnRyb2xzJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cImRieC1wb3BvdmVyLWNvbnRyb2xzXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgYCxcbiAgLy8gVE9ETzogc3R5bGVVcmxzOiBbJy4vcG9wb3Zlci5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRGJOZ3hQb3BvdmVyQ29udHJvbHNDb21wb25lbnQge1xuXG4gIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIGFwcFBvcG92ZXJDb250ZW50Q29tcG9uZW50OiBEYk5neFBvcG92ZXJDb250ZW50Q29tcG9uZW50KSB7XG4gICAgaWYgKGFwcFBvcG92ZXJDb250ZW50Q29tcG9uZW50KSB7XG4gICAgICBhcHBQb3BvdmVyQ29udGVudENvbXBvbmVudC5oYXNDb250cm9scyA9IHRydWU7XG4gICAgfVxuICB9XG5cbn1cbiJdfQ==
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Component that is wrapped with a padded border.
|
|
5
|
-
*/
|
|
6
|
-
export class DbNgxBorderedContentComponent {
|
|
7
|
-
}
|
|
8
|
-
DbNgxBorderedContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxBorderedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
DbNgxBorderedContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxBorderedContentComponent, selector: "dbx-bordered-content", ngImport: i0, template: `
|
|
10
|
-
<div class="dbx-bordered-content">
|
|
11
|
-
<ng-content></ng-content>
|
|
12
|
-
</div>
|
|
13
|
-
`, isInline: true });
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxBorderedContentComponent, decorators: [{
|
|
15
|
-
type: Component,
|
|
16
|
-
args: [{
|
|
17
|
-
selector: 'dbx-bordered-content',
|
|
18
|
-
template: `
|
|
19
|
-
<div class="dbx-bordered-content">
|
|
20
|
-
<ng-content></ng-content>
|
|
21
|
-
</div>
|
|
22
|
-
`,
|
|
23
|
-
// TODO: styleUrls: ['./container.scss']
|
|
24
|
-
}]
|
|
25
|
-
}] });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC5ib3JkZXJlZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbnRlbnQvY29udGVudC5ib3JkZXJlZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBUyxNQUFNLGVBQWUsQ0FBQzs7QUFFakQ7O0dBRUc7QUFVSCxNQUFNLE9BQU8sNkJBQTZCOzswSEFBN0IsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsNERBUDlCOzs7O0dBSVQ7MkZBR1UsNkJBQTZCO2tCQVR6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRTs7OztHQUlUO29CQUNELHdDQUF3QztpQkFDekMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQ29tcG9uZW50IHRoYXQgaXMgd3JhcHBlZCB3aXRoIGEgcGFkZGVkIGJvcmRlci5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWJvcmRlcmVkLWNvbnRlbnQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJkYngtYm9yZGVyZWQtY29udGVudFwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICBgLFxuICAvLyBUT0RPOiBzdHlsZVVybHM6IFsnLi9jb250YWluZXIuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERiTmd4Qm9yZGVyZWRDb250ZW50Q29tcG9uZW50IHsgfVxuIl19
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
/**
|
|
5
|
-
* Component that sets the height of it's content to fill the page with respect to the top two navigation bars.
|
|
6
|
-
*/
|
|
7
|
-
export class DbNgxContentComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.hasSecondBar = true;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
DbNgxContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
DbNgxContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxContentComponent, selector: "dbx-content", inputs: { hasSecondBar: "hasSecondBar" }, ngImport: i0, template: `
|
|
14
|
-
<div class="dbx-content" [ngClass]="{ 'has-second-bar': hasSecondBar }">
|
|
15
|
-
<ng-content></ng-content>
|
|
16
|
-
</div>
|
|
17
|
-
`, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxContentComponent, decorators: [{
|
|
19
|
-
type: Component,
|
|
20
|
-
args: [{
|
|
21
|
-
selector: 'dbx-content',
|
|
22
|
-
template: `
|
|
23
|
-
<div class="dbx-content" [ngClass]="{ 'has-second-bar': hasSecondBar }">
|
|
24
|
-
<ng-content></ng-content>
|
|
25
|
-
</div>
|
|
26
|
-
`,
|
|
27
|
-
// TODO: styleUrls: ['./container.scss']
|
|
28
|
-
}]
|
|
29
|
-
}], propDecorators: { hasSecondBar: [{
|
|
30
|
-
type: Input
|
|
31
|
-
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbnRlbnQvY29udGVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUVqRDs7R0FFRztBQVVILE1BQU0sT0FBTyxxQkFBcUI7SUFUbEM7UUFZRSxpQkFBWSxHQUFHLElBQUksQ0FBQztLQUVyQjs7a0hBTFkscUJBQXFCO3NHQUFyQixxQkFBcUIsNkZBUHRCOzs7O0dBSVQ7MkZBR1UscUJBQXFCO2tCQVRqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxhQUFhO29CQUN2QixRQUFRLEVBQUU7Ozs7R0FJVDtvQkFDRCx3Q0FBd0M7aUJBQ3pDOzhCQUlDLFlBQVk7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBDb21wb25lbnQgdGhhdCBzZXRzIHRoZSBoZWlnaHQgb2YgaXQncyBjb250ZW50IHRvIGZpbGwgdGhlIHBhZ2Ugd2l0aCByZXNwZWN0IHRvIHRoZSB0b3AgdHdvIG5hdmlnYXRpb24gYmFycy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWNvbnRlbnQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJkYngtY29udGVudFwiIFtuZ0NsYXNzXT1cInsgJ2hhcy1zZWNvbmQtYmFyJzogaGFzU2Vjb25kQmFyIH1cIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgLy8gVE9ETzogc3R5bGVVcmxzOiBbJy4vY29udGFpbmVyLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYk5neENvbnRlbnRDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIGhhc1NlY29uZEJhciA9IHRydWU7XG5cbn1cbiJdfQ==
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export var DbNgxContentContainerPadding;
|
|
5
|
-
(function (DbNgxContentContainerPadding) {
|
|
6
|
-
DbNgxContentContainerPadding["NONE"] = "none";
|
|
7
|
-
DbNgxContentContainerPadding["MIN"] = "min";
|
|
8
|
-
DbNgxContentContainerPadding["SMALL"] = "small";
|
|
9
|
-
DbNgxContentContainerPadding["NORMAL"] = "normal";
|
|
10
|
-
})(DbNgxContentContainerPadding || (DbNgxContentContainerPadding = {}));
|
|
11
|
-
export var DbNgxContentContainerWidth;
|
|
12
|
-
(function (DbNgxContentContainerWidth) {
|
|
13
|
-
DbNgxContentContainerWidth["SMALL"] = "small";
|
|
14
|
-
DbNgxContentContainerWidth["MEDIUM"] = "medium";
|
|
15
|
-
DbNgxContentContainerWidth["WIDE"] = "wide";
|
|
16
|
-
DbNgxContentContainerWidth["FULL"] = "full";
|
|
17
|
-
})(DbNgxContentContainerWidth || (DbNgxContentContainerWidth = {}));
|
|
18
|
-
export var DbNgxContentContainerType;
|
|
19
|
-
(function (DbNgxContentContainerType) {
|
|
20
|
-
/**
|
|
21
|
-
* Full/unrestricted height content.
|
|
22
|
-
*/
|
|
23
|
-
DbNgxContentContainerType["NORMAL"] = "normal";
|
|
24
|
-
/**
|
|
25
|
-
* Content that has a header above it and should take up the rest of the height of the page.
|
|
26
|
-
*/
|
|
27
|
-
DbNgxContentContainerType["CONTENT"] = "content";
|
|
28
|
-
})(DbNgxContentContainerType || (DbNgxContentContainerType = {}));
|
|
29
|
-
/**
|
|
30
|
-
* Component that limits the max-width of the content.
|
|
31
|
-
*/
|
|
32
|
-
export class DbNgxContentContainerComponent {
|
|
33
|
-
constructor() {
|
|
34
|
-
this.type = DbNgxContentContainerType.NORMAL;
|
|
35
|
-
this.width = DbNgxContentContainerWidth.WIDE;
|
|
36
|
-
this.padding = DbNgxContentContainerPadding.NORMAL;
|
|
37
|
-
this.scrollingContent = false;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
DbNgxContentContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxContentContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
-
DbNgxContentContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxContentContainerComponent, selector: "dbx-content-container", inputs: { type: "type", width: "width", padding: "padding", scrollingContent: "scrollingContent" }, ngImport: i0, template: `
|
|
42
|
-
<div class="dbx-content-container" [ngClass]="width + '-container ' + type + '-container-type container-padding-' + padding + ((scrollingContent) ? ' container-scrolling-content' : '')">
|
|
43
|
-
<ng-content></ng-content>
|
|
44
|
-
</div>
|
|
45
|
-
`, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxContentContainerComponent, decorators: [{
|
|
47
|
-
type: Component,
|
|
48
|
-
args: [{
|
|
49
|
-
selector: 'dbx-content-container',
|
|
50
|
-
template: `
|
|
51
|
-
<div class="dbx-content-container" [ngClass]="width + '-container ' + type + '-container-type container-padding-' + padding + ((scrollingContent) ? ' container-scrolling-content' : '')">
|
|
52
|
-
<ng-content></ng-content>
|
|
53
|
-
</div>
|
|
54
|
-
`,
|
|
55
|
-
// TODO: styleUrls: ['./container.scss']
|
|
56
|
-
}]
|
|
57
|
-
}], propDecorators: { type: [{
|
|
58
|
-
type: Input
|
|
59
|
-
}], width: [{
|
|
60
|
-
type: Input
|
|
61
|
-
}], padding: [{
|
|
62
|
-
type: Input
|
|
63
|
-
}], scrollingContent: [{
|
|
64
|
-
type: Input
|
|
65
|
-
}] } });
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC5jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9jb250ZW50L2NvbnRlbnQuY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBRWpELE1BQU0sQ0FBTixJQUFZLDRCQUtYO0FBTEQsV0FBWSw0QkFBNEI7SUFDdEMsNkNBQWEsQ0FBQTtJQUNiLDJDQUFXLENBQUE7SUFDWCwrQ0FBZSxDQUFBO0lBQ2YsaURBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUxXLDRCQUE0QixLQUE1Qiw0QkFBNEIsUUFLdkM7QUFFRCxNQUFNLENBQU4sSUFBWSwwQkFLWDtBQUxELFdBQVksMEJBQTBCO0lBQ3BDLDZDQUFlLENBQUE7SUFDZiwrQ0FBaUIsQ0FBQTtJQUNqQiwyQ0FBYSxDQUFBO0lBQ2IsMkNBQWEsQ0FBQTtBQUNmLENBQUMsRUFMVywwQkFBMEIsS0FBMUIsMEJBQTBCLFFBS3JDO0FBRUQsTUFBTSxDQUFOLElBQVkseUJBU1g7QUFURCxXQUFZLHlCQUF5QjtJQUNuQzs7T0FFRztJQUNILDhDQUFpQixDQUFBO0lBQ2pCOztPQUVHO0lBQ0gsZ0RBQW1CLENBQUE7QUFDckIsQ0FBQyxFQVRXLHlCQUF5QixLQUF6Qix5QkFBeUIsUUFTcEM7QUFFRDs7R0FFRztBQVVILE1BQU0sT0FBTyw4QkFBOEI7SUFUM0M7UUFZRSxTQUFJLEdBQUcseUJBQXlCLENBQUMsTUFBTSxDQUFDO1FBR3hDLFVBQUssR0FBRywwQkFBMEIsQ0FBQyxJQUFJLENBQUM7UUFHeEMsWUFBTyxHQUFHLDRCQUE0QixDQUFDLE1BQU0sQ0FBQztRQUc5QyxxQkFBZ0IsR0FBRyxLQUFLLENBQUM7S0FFMUI7OzJIQWRZLDhCQUE4QjsrR0FBOUIsOEJBQThCLGlLQVAvQjs7OztHQUlUOzJGQUdVLDhCQUE4QjtrQkFUMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUU7Ozs7R0FJVDtvQkFDRCx3Q0FBd0M7aUJBQ3pDOzhCQUlDLElBQUk7c0JBREgsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLGdCQUFnQjtzQkFEZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgZW51bSBEYk5neENvbnRlbnRDb250YWluZXJQYWRkaW5nIHtcbiAgTk9ORSA9ICdub25lJyxcbiAgTUlOID0gJ21pbicsXG4gIFNNQUxMID0gJ3NtYWxsJyxcbiAgTk9STUFMID0gJ25vcm1hbCdcbn1cblxuZXhwb3J0IGVudW0gRGJOZ3hDb250ZW50Q29udGFpbmVyV2lkdGgge1xuICBTTUFMTCA9ICdzbWFsbCcsXG4gIE1FRElVTSA9ICdtZWRpdW0nLFxuICBXSURFID0gJ3dpZGUnLFxuICBGVUxMID0gJ2Z1bGwnXG59XG5cbmV4cG9ydCBlbnVtIERiTmd4Q29udGVudENvbnRhaW5lclR5cGUge1xuICAvKipcbiAgICogRnVsbC91bnJlc3RyaWN0ZWQgaGVpZ2h0IGNvbnRlbnQuXG4gICAqL1xuICBOT1JNQUwgPSAnbm9ybWFsJyxcbiAgLyoqXG4gICAqIENvbnRlbnQgdGhhdCBoYXMgYSBoZWFkZXIgYWJvdmUgaXQgYW5kIHNob3VsZCB0YWtlIHVwIHRoZSByZXN0IG9mIHRoZSBoZWlnaHQgb2YgdGhlIHBhZ2UuXG4gICAqL1xuICBDT05URU5UID0gJ2NvbnRlbnQnXG59XG5cbi8qKlxuICogQ29tcG9uZW50IHRoYXQgbGltaXRzIHRoZSBtYXgtd2lkdGggb2YgdGhlIGNvbnRlbnQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1jb250ZW50LWNvbnRhaW5lcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImRieC1jb250ZW50LWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cIndpZHRoICsgJy1jb250YWluZXIgJyArIHR5cGUgKyAnLWNvbnRhaW5lci10eXBlIGNvbnRhaW5lci1wYWRkaW5nLScgKyBwYWRkaW5nICsgKChzY3JvbGxpbmdDb250ZW50KSA/ICcgY29udGFpbmVyLXNjcm9sbGluZy1jb250ZW50JyA6ICcnKVwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICBgLFxuICAvLyBUT0RPOiBzdHlsZVVybHM6IFsnLi9jb250YWluZXIuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERiTmd4Q29udGVudENvbnRhaW5lckNvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgdHlwZSA9IERiTmd4Q29udGVudENvbnRhaW5lclR5cGUuTk9STUFMO1xuXG4gIEBJbnB1dCgpXG4gIHdpZHRoID0gRGJOZ3hDb250ZW50Q29udGFpbmVyV2lkdGguV0lERTtcblxuICBASW5wdXQoKVxuICBwYWRkaW5nID0gRGJOZ3hDb250ZW50Q29udGFpbmVyUGFkZGluZy5OT1JNQUw7XG5cbiAgQElucHV0KClcbiAgc2Nyb2xsaW5nQ29udGVudCA9IGZhbHNlO1xuXG59XG4iXX0=
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Component that extends the entire width and has padding.
|
|
5
|
-
*/
|
|
6
|
-
export class DbNgxFullWidthContentContainerComponent {
|
|
7
|
-
}
|
|
8
|
-
DbNgxFullWidthContentContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxFullWidthContentContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
DbNgxFullWidthContentContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxFullWidthContentContainerComponent, selector: "dbx-full-width-content-container", ngImport: i0, template: `
|
|
10
|
-
<div class="dbx-full-width-content-container">
|
|
11
|
-
<ng-content></ng-content>
|
|
12
|
-
</div>
|
|
13
|
-
`, isInline: true });
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxFullWidthContentContainerComponent, decorators: [{
|
|
15
|
-
type: Component,
|
|
16
|
-
args: [{
|
|
17
|
-
selector: 'dbx-full-width-content-container',
|
|
18
|
-
template: `
|
|
19
|
-
<div class="dbx-full-width-content-container">
|
|
20
|
-
<ng-content></ng-content>
|
|
21
|
-
</div>
|
|
22
|
-
`,
|
|
23
|
-
// TODO: styleUrls: ['./container.scss']
|
|
24
|
-
}]
|
|
25
|
-
}] });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC5jb250YWluZXIuZnVsbHdpZHRoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvY29udGVudC9jb250ZW50LmNvbnRhaW5lci5mdWxsd2lkdGguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVMsTUFBTSxlQUFlLENBQUM7O0FBRWpEOztHQUVHO0FBVUgsTUFBTSxPQUFPLHVDQUF1Qzs7b0lBQXZDLHVDQUF1Qzt3SEFBdkMsdUNBQXVDLHdFQVB4Qzs7OztHQUlUOzJGQUdVLHVDQUF1QztrQkFUbkQsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0NBQWtDO29CQUM1QyxRQUFRLEVBQUU7Ozs7R0FJVDtvQkFDRCx3Q0FBd0M7aUJBQ3pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIENvbXBvbmVudCB0aGF0IGV4dGVuZHMgdGhlIGVudGlyZSB3aWR0aCBhbmQgaGFzIHBhZGRpbmcuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1mdWxsLXdpZHRoLWNvbnRlbnQtY29udGFpbmVyJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZGJ4LWZ1bGwtd2lkdGgtY29udGVudC1jb250YWluZXJcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgLy8gVE9ETzogc3R5bGVVcmxzOiBbJy4vY29udGFpbmVyLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYk5neEZ1bGxXaWR0aENvbnRlbnRDb250YWluZXJDb21wb25lbnQgeyB9XG4iXX0=
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export var DbNgxDialogContentContainerWidth;
|
|
5
|
-
(function (DbNgxDialogContentContainerWidth) {
|
|
6
|
-
DbNgxDialogContentContainerWidth["NORMAL"] = "normal";
|
|
7
|
-
DbNgxDialogContentContainerWidth["WIDE"] = "wide";
|
|
8
|
-
})(DbNgxDialogContentContainerWidth || (DbNgxDialogContentContainerWidth = {}));
|
|
9
|
-
/**
|
|
10
|
-
* Component used to style a dialog.
|
|
11
|
-
*/
|
|
12
|
-
export class DbNgxDialogContentComponent {
|
|
13
|
-
constructor() {
|
|
14
|
-
this.width = DbNgxDialogContentContainerWidth.NORMAL;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
DbNgxDialogContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxDialogContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
DbNgxDialogContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxDialogContentComponent, selector: "dbx-dialog-content", inputs: { width: "width" }, ngImport: i0, template: `
|
|
19
|
-
<div class="dbx-dialog-content" [ngClass]="width + '-dialog-content'">
|
|
20
|
-
<ng-content></ng-content>
|
|
21
|
-
</div>
|
|
22
|
-
`, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxDialogContentComponent, decorators: [{
|
|
24
|
-
type: Component,
|
|
25
|
-
args: [{
|
|
26
|
-
selector: 'dbx-dialog-content',
|
|
27
|
-
template: `
|
|
28
|
-
<div class="dbx-dialog-content" [ngClass]="width + '-dialog-content'">
|
|
29
|
-
<ng-content></ng-content>
|
|
30
|
-
</div>
|
|
31
|
-
`,
|
|
32
|
-
// TODO: styleUrls: ['./container.scss']
|
|
33
|
-
}]
|
|
34
|
-
}], propDecorators: { width: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9kaWFsb2cvZGlhbG9nLmNvbnRlbnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFFakQsTUFBTSxDQUFOLElBQVksZ0NBR1g7QUFIRCxXQUFZLGdDQUFnQztJQUMxQyxxREFBaUIsQ0FBQTtJQUNqQixpREFBYSxDQUFBO0FBQ2YsQ0FBQyxFQUhXLGdDQUFnQyxLQUFoQyxnQ0FBZ0MsUUFHM0M7QUFFRDs7R0FFRztBQVVILE1BQU0sT0FBTywyQkFBMkI7SUFUeEM7UUFZRSxVQUFLLEdBQUcsZ0NBQWdDLENBQUMsTUFBTSxDQUFDO0tBRWpEOzt3SEFMWSwyQkFBMkI7NEdBQTNCLDJCQUEyQixzRkFQNUI7Ozs7R0FJVDsyRkFHVSwyQkFBMkI7a0JBVHZDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsUUFBUSxFQUFFOzs7O0dBSVQ7b0JBQ0Qsd0NBQXdDO2lCQUN6Qzs4QkFJQyxLQUFLO3NCQURKLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBlbnVtIERiTmd4RGlhbG9nQ29udGVudENvbnRhaW5lcldpZHRoIHtcbiAgTk9STUFMID0gJ25vcm1hbCcsXG4gIFdJREUgPSAnd2lkZSdcbn1cblxuLyoqXG4gKiBDb21wb25lbnQgdXNlZCB0byBzdHlsZSBhIGRpYWxvZy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWRpYWxvZy1jb250ZW50JyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cImRieC1kaWFsb2ctY29udGVudFwiIFtuZ0NsYXNzXT1cIndpZHRoICsgJy1kaWFsb2ctY29udGVudCdcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICBgLFxuICAvLyBUT0RPOiBzdHlsZVVybHM6IFsnLi9jb250YWluZXIuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERiTmd4RGlhbG9nQ29udGVudENvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgd2lkdGggPSBEYk5neERpYWxvZ0NvbnRlbnRDb250YWluZXJXaWR0aC5OT1JNQUw7XG5cbn1cbiJdfQ==
|