@dereekb/dbx-web 1.1.0 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/README.md +1 -1
  2. package/_index.scss +5 -2
  3. package/esm2020/lib/action/action.confirm.directive.mjs +5 -5
  4. package/esm2020/lib/action/action.module.mjs +1 -6
  5. package/esm2020/lib/action/index.mjs +2 -2
  6. package/esm2020/lib/action/key.trigger.directive.mjs +4 -4
  7. package/esm2020/lib/action/snackbar/action.snackbar.component.mjs +95 -0
  8. package/esm2020/lib/action/snackbar/action.snackbar.default.mjs +107 -0
  9. package/esm2020/lib/action/snackbar/action.snackbar.directive.mjs +62 -0
  10. package/esm2020/lib/action/snackbar/action.snackbar.generator.mjs +44 -0
  11. package/esm2020/lib/action/snackbar/action.snackbar.mjs +2 -0
  12. package/esm2020/lib/action/snackbar/action.snackbar.module.mjs +51 -0
  13. package/esm2020/lib/action/snackbar/action.snackbar.service.mjs +82 -0
  14. package/esm2020/lib/action/snackbar/index.mjs +8 -0
  15. package/esm2020/lib/action/transition/transition.safety.dialog.component.mjs +5 -4
  16. package/esm2020/lib/action/transition/transition.safety.directive.mjs +4 -4
  17. package/esm2020/lib/button/button.component.mjs +1 -2
  18. package/esm2020/lib/button/button.module.mjs +12 -8
  19. package/esm2020/lib/button/button.spacer.component.mjs +12 -10
  20. package/esm2020/lib/error/error.action.directive.mjs +4 -4
  21. package/esm2020/lib/interaction/dialog/abstract.dialog.directive.mjs +4 -1
  22. package/esm2020/lib/interaction/dialog/dialog.action.directive.mjs +41 -0
  23. package/esm2020/lib/interaction/dialog/dialog.module.mjs +9 -4
  24. package/esm2020/lib/interaction/dialog/index.mjs +2 -1
  25. package/esm2020/lib/interaction/popover/index.mjs +1 -2
  26. package/esm2020/lib/interaction/popover/popover.action.directive.mjs +19 -57
  27. package/esm2020/lib/interaction/popover/popover.module.mjs +6 -11
  28. package/esm2020/lib/interaction/popup/popup.controls.buttons.component.mjs +3 -3
  29. package/esm2020/lib/interaction/prompt/prompt.confirm.component.mjs +1 -1
  30. package/esm2020/lib/layout/section/section.header.component.mjs +6 -3
  31. package/esm2020/lib/layout/text/icon.spacer.component.mjs +19 -0
  32. package/esm2020/lib/layout/text/index.mjs +2 -1
  33. package/esm2020/lib/layout/text/text.module.mjs +10 -5
  34. package/esm2020/lib/loading/index.mjs +2 -1
  35. package/esm2020/lib/loading/loading.action.directive.mjs +37 -0
  36. package/esm2020/lib/loading/loading.module.mjs +10 -5
  37. package/esm2020/lib/router/layout/anchor/anchor.content.component.mjs +43 -0
  38. package/esm2020/lib/router/layout/anchor/anchor.module.mjs +10 -5
  39. package/esm2020/lib/router/layout/anchor/index.mjs +2 -1
  40. package/esm2020/lib/router/layout/sidenav/sidenav.pagebar.component.mjs +1 -1
  41. package/fesm2015/dereekb-dbx-web.mjs +968 -582
  42. package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
  43. package/fesm2020/dereekb-dbx-web.mjs +965 -579
  44. package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
  45. package/lib/action/_action.scss +8 -35
  46. package/lib/action/action.confirm.directive.d.ts +13 -4
  47. package/lib/action/action.module.d.ts +9 -10
  48. package/lib/action/index.d.ts +1 -1
  49. package/lib/action/key.trigger.directive.d.ts +3 -3
  50. package/lib/action/snackbar/_snackbar.scss +33 -0
  51. package/lib/action/snackbar/action.snackbar.component.d.ts +36 -0
  52. package/lib/action/snackbar/action.snackbar.d.ts +52 -0
  53. package/lib/action/snackbar/action.snackbar.default.d.ts +2 -0
  54. package/lib/action/snackbar/action.snackbar.directive.d.ts +25 -0
  55. package/lib/action/snackbar/action.snackbar.generator.d.ts +32 -0
  56. package/lib/action/snackbar/action.snackbar.module.d.ts +14 -0
  57. package/lib/action/snackbar/action.snackbar.service.d.ts +39 -0
  58. package/lib/action/snackbar/index.d.ts +7 -0
  59. package/lib/action/transition/transition.safety.directive.d.ts +3 -3
  60. package/lib/button/button.module.d.ts +2 -1
  61. package/lib/button/button.spacer.component.d.ts +4 -4
  62. package/lib/error/error.action.directive.d.ts +3 -3
  63. package/lib/interaction/dialog/abstract.dialog.directive.d.ts +1 -0
  64. package/lib/interaction/dialog/dialog.action.directive.d.ts +21 -0
  65. package/lib/interaction/dialog/dialog.module.d.ts +4 -3
  66. package/lib/interaction/dialog/index.d.ts +1 -0
  67. package/lib/interaction/popover/index.d.ts +0 -1
  68. package/lib/interaction/popover/popover.action.directive.d.ts +15 -24
  69. package/lib/interaction/popover/popover.module.d.ts +20 -21
  70. package/lib/layout/content/_content.scss +13 -0
  71. package/lib/layout/section/section.header.component.d.ts +1 -0
  72. package/lib/layout/text/icon.spacer.component.d.ts +8 -0
  73. package/lib/layout/text/index.d.ts +1 -0
  74. package/lib/layout/text/text.module.d.ts +6 -5
  75. package/lib/loading/index.d.ts +1 -0
  76. package/lib/loading/loading.action.directive.d.ts +19 -0
  77. package/lib/loading/loading.module.d.ts +6 -5
  78. package/lib/router/layout/anchor/_anchor.scss +5 -0
  79. package/lib/router/layout/anchor/anchor.content.component.d.ts +22 -0
  80. package/lib/router/layout/anchor/anchor.module.d.ts +6 -5
  81. package/lib/router/layout/anchor/index.d.ts +1 -0
  82. package/lib/style/_all-core.scss +2 -0
  83. package/lib/style/_all-theme.scss +2 -0
  84. package/lib/style/_all-typography.scss +2 -0
  85. package/lib/style/_function.scss +4 -0
  86. package/package.json +35 -36
  87. package/esm2020/lib/action/action.snackbar.component.mjs +0 -104
  88. package/esm2020/lib/interaction/popover/popover.action.button.directive.mjs +0 -29
  89. package/lib/action/action.snackbar.component.d.ts +0 -22
  90. package/lib/interaction/popover/popover.action.button.directive.d.ts +0 -14
@@ -1,28 +1,27 @@
1
1
  import { ModuleWithProviders } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
- import * as i1 from "./popover.action.button.directive";
4
- import * as i2 from "./popover.action.directive";
5
- import * as i3 from "./popover.component";
6
- import * as i4 from "./popover.coordinator.component";
7
- import * as i5 from "./popover.content.component";
8
- import * as i6 from "./popover.controls.directive";
9
- import * as i7 from "./popover.header.component";
10
- import * as i8 from "./popover.scroll.content.component";
11
- import * as i9 from "@angular/common";
12
- import * as i10 from "@angular/material/icon";
13
- import * as i11 from "@angular/material/button";
14
- import * as i12 from "@angular/material/divider";
15
- import * as i13 from "../../button/button.module";
16
- import * as i14 from "../../router/layout/anchor/anchor.module";
17
- import * as i15 from "../../action/action.module";
18
- import * as i16 from "../../keypress/keypress.module";
19
- import * as i17 from "../../layout/style/style.layout.module";
20
- import * as i18 from "@dereekb/dbx-core";
21
- import * as i19 from "ng-overlay-container";
22
- import * as i20 from "angular-resize-event";
3
+ import * as i1 from "./popover.action.directive";
4
+ import * as i2 from "./popover.component";
5
+ import * as i3 from "./popover.coordinator.component";
6
+ import * as i4 from "./popover.content.component";
7
+ import * as i5 from "./popover.controls.directive";
8
+ import * as i6 from "./popover.header.component";
9
+ import * as i7 from "./popover.scroll.content.component";
10
+ import * as i8 from "@angular/common";
11
+ import * as i9 from "@angular/material/icon";
12
+ import * as i10 from "@angular/material/button";
13
+ import * as i11 from "@angular/material/divider";
14
+ import * as i12 from "../../button/button.module";
15
+ import * as i13 from "../../router/layout/anchor/anchor.module";
16
+ import * as i14 from "../../action/action.module";
17
+ import * as i15 from "../../keypress/keypress.module";
18
+ import * as i16 from "../../layout/style/style.layout.module";
19
+ import * as i17 from "@dereekb/dbx-core";
20
+ import * as i18 from "ng-overlay-container";
21
+ import * as i19 from "angular-resize-event";
23
22
  export declare class DbxPopoverInteractionModule {
24
23
  static forRoot(): ModuleWithProviders<DbxPopoverInteractionModule>;
25
24
  static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverInteractionModule, never>;
26
- static ɵmod: i0.ɵɵNgModuleDeclaration<DbxPopoverInteractionModule, [typeof i1.DbxPopoverActionButtonDirective, typeof i2.DbxPopoverActionDirective, typeof i3.DbxPopoverComponent, typeof i4.DbxPopoverCoordinatorComponent, typeof i5.DbxPopoverContentComponent, typeof i6.DbxPopoverControlsDirective, typeof i7.DbxPopoverHeaderComponent, typeof i8.DbxPopoverScrollContentComponent], [typeof i9.CommonModule, typeof i10.MatIconModule, typeof i11.MatButtonModule, typeof i12.MatDividerModule, typeof i13.DbxButtonModule, typeof i14.DbxAnchorModule, typeof i15.DbxActionModule, typeof i16.DbxKeypressModule, typeof i17.DbxStyleLayoutModule, typeof i18.DbxInjectedComponentModule, typeof i19.NgOverlayContainerModule, typeof i20.AngularResizeEventModule], [typeof i1.DbxPopoverActionButtonDirective, typeof i2.DbxPopoverActionDirective, typeof i5.DbxPopoverContentComponent, typeof i6.DbxPopoverControlsDirective, typeof i7.DbxPopoverHeaderComponent, typeof i8.DbxPopoverScrollContentComponent]>;
25
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DbxPopoverInteractionModule, [typeof i1.DbxActionPopoverDirective, typeof i2.DbxPopoverComponent, typeof i3.DbxPopoverCoordinatorComponent, typeof i4.DbxPopoverContentComponent, typeof i5.DbxPopoverControlsDirective, typeof i6.DbxPopoverHeaderComponent, typeof i7.DbxPopoverScrollContentComponent], [typeof i8.CommonModule, typeof i9.MatIconModule, typeof i10.MatButtonModule, typeof i11.MatDividerModule, typeof i12.DbxButtonModule, typeof i13.DbxAnchorModule, typeof i14.DbxActionModule, typeof i15.DbxKeypressModule, typeof i16.DbxStyleLayoutModule, typeof i17.DbxInjectedComponentModule, typeof i18.NgOverlayContainerModule, typeof i19.AngularResizeEventModule], [typeof i1.DbxActionPopoverDirective, typeof i4.DbxPopoverContentComponent, typeof i5.DbxPopoverControlsDirective, typeof i6.DbxPopoverHeaderComponent, typeof i7.DbxPopoverScrollContentComponent]>;
27
26
  static ɵinj: i0.ɵɵInjectorDeclaration<DbxPopoverInteractionModule>;
28
27
  }
@@ -34,6 +34,11 @@ $content-container-padding-small-screen: theming.$padding-2;
34
34
  max-width: $box-max-width;
35
35
  }
36
36
 
37
+ .dbx-app-page {
38
+ @include theming.app-height();
39
+ overflow: hidden;
40
+ }
41
+
37
42
  .dbx-content,
38
43
  .dbx-content-page { //dbx-content page always has page height
39
44
  @include theming.page-height();
@@ -101,8 +106,16 @@ $content-container-padding-small-screen: theming.$padding-2;
101
106
  @mixin color($theme-config) {
102
107
  $color-config: theming.get-color-config($theme-config);
103
108
  $background: map.get($color-config, 'background');
109
+ $foreground: map.get($color-config, 'foreground');
110
+ $content-color: theming.get-color-from-palette($foreground, 'text');
111
+ $content-background: theming.get-color-from-palette($background, 'background');
104
112
  $content-border-background: theming.get-color-from-palette($background, 'hover');
105
113
 
114
+ .dbx-background {
115
+ color: $content-color;
116
+ background: $content-background;
117
+ }
118
+
106
119
  .dbx-content-border {
107
120
  // border-radius: 6px;
108
121
  border: 3px dashed $content-border-background;
@@ -9,6 +9,7 @@ export declare class DbxSectionHeaderComponent {
9
9
  header?: Maybe<string>;
10
10
  icon?: Maybe<string>;
11
11
  hint?: Maybe<string>;
12
+ get showTitle(): boolean;
12
13
  static ɵfac: i0.ɵɵFactoryDeclaration<DbxSectionHeaderComponent, never>;
13
14
  static ɵcmp: i0.ɵɵComponentDeclaration<DbxSectionHeaderComponent, ".dbx-section-header", never, { "h": "h"; "header": "header"; "icon": "icon"; "hint": "hint"; }, {}, never, ["*"]>;
14
15
  }
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ /**
3
+ * Icon spacer directive.
4
+ */
5
+ export declare class DbxIconSpacerDirective {
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<DbxIconSpacerDirective, never>;
7
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DbxIconSpacerDirective, "dbx-icon-spacer,dbxIconSpacer", never, {}, {}, never>;
8
+ }
@@ -1,4 +1,5 @@
1
1
  export * from './hint.component';
2
+ export * from './icon.spacer.component';
2
3
  export * from './label.component';
3
4
  export * from './linkify.component';
4
5
  export * from './note.component';
@@ -8,12 +8,13 @@ import * as i6 from "./label.component";
8
8
  import * as i7 from "./linkify.component";
9
9
  import * as i8 from "./ok.component";
10
10
  import * as i9 from "./text.chips.component";
11
- import * as i10 from "@angular/common";
12
- import * as i11 from "@angular/material/chips";
13
- import * as i12 from "@angular/material/tooltip";
14
- import * as i13 from "@angular/material/icon";
11
+ import * as i10 from "./icon.spacer.component";
12
+ import * as i11 from "@angular/common";
13
+ import * as i12 from "@angular/material/chips";
14
+ import * as i13 from "@angular/material/tooltip";
15
+ import * as i14 from "@angular/material/icon";
15
16
  export declare class DbxTextModule {
16
17
  static ɵfac: i0.ɵɵFactoryDeclaration<DbxTextModule, never>;
17
- static ɵmod: i0.ɵɵNgModuleDeclaration<DbxTextModule, [typeof i1.DbxNoteComponent, typeof i2.DbxNoticeComponent, typeof i3.DbxSuccessComponent, typeof i4.DbxWarnComponent, typeof i5.DbxHintComponent, typeof i6.DbxLabelComponent, typeof i7.DbxLinkifyComponent, typeof i8.DbxOkComponent, typeof i9.DbxTextChipsComponent], [typeof i10.CommonModule, typeof i11.MatChipsModule, typeof i12.MatTooltipModule, typeof i13.MatIconModule], [typeof i1.DbxNoteComponent, typeof i2.DbxNoticeComponent, typeof i3.DbxSuccessComponent, typeof i4.DbxWarnComponent, typeof i5.DbxHintComponent, typeof i6.DbxLabelComponent, typeof i7.DbxLinkifyComponent, typeof i8.DbxOkComponent, typeof i9.DbxTextChipsComponent]>;
18
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DbxTextModule, [typeof i1.DbxNoteComponent, typeof i2.DbxNoticeComponent, typeof i3.DbxSuccessComponent, typeof i4.DbxWarnComponent, typeof i5.DbxHintComponent, typeof i6.DbxLabelComponent, typeof i7.DbxLinkifyComponent, typeof i8.DbxOkComponent, typeof i9.DbxTextChipsComponent, typeof i10.DbxIconSpacerDirective], [typeof i11.CommonModule, typeof i12.MatChipsModule, typeof i13.MatTooltipModule, typeof i14.MatIconModule], [typeof i1.DbxNoteComponent, typeof i2.DbxNoticeComponent, typeof i3.DbxSuccessComponent, typeof i4.DbxWarnComponent, typeof i5.DbxHintComponent, typeof i6.DbxLabelComponent, typeof i7.DbxLinkifyComponent, typeof i8.DbxOkComponent, typeof i9.DbxTextChipsComponent, typeof i10.DbxIconSpacerDirective]>;
18
19
  static ɵinj: i0.ɵɵInjectorDeclaration<DbxTextModule>;
19
20
  }
@@ -1,4 +1,5 @@
1
1
  export * from './basic-loading.component';
2
2
  export * from './loading-progress.component';
3
+ export * from './loading.action.directive';
3
4
  export * from './loading.component';
4
5
  export * from './loading.module';
@@ -0,0 +1,19 @@
1
+ import { DbxActionContextStoreSourceInstance } from '@dereekb/dbx-core';
2
+ import { OnInit, OnDestroy } from '@angular/core';
3
+ import { LoadingStateContextInstance } from '@dereekb/rxjs';
4
+ import { DbxLoadingComponent } from './loading.component';
5
+ import * as i0 from "@angular/core";
6
+ /**
7
+ * Context used for linking a loadingComponent to an ActionContext by providing a LoadingContext.
8
+ */
9
+ export declare class DbxActionLoadingContextDirective implements OnInit, OnDestroy {
10
+ readonly loadingComponent: DbxLoadingComponent;
11
+ readonly source: DbxActionContextStoreSourceInstance;
12
+ private _context;
13
+ constructor(loadingComponent: DbxLoadingComponent, source: DbxActionContextStoreSourceInstance);
14
+ get context(): LoadingStateContextInstance<any, import("@dereekb/rxjs").LoadingState<any>>;
15
+ ngOnInit(): void;
16
+ ngOnDestroy(): void;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionLoadingContextDirective, [{ host: true; }, null]>;
18
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionLoadingContextDirective, "[dbxActionLoadingContext]", never, {}, {}, never>;
19
+ }
@@ -2,12 +2,13 @@ import * as i0 from "@angular/core";
2
2
  import * as i1 from "./loading.component";
3
3
  import * as i2 from "./basic-loading.component";
4
4
  import * as i3 from "./loading-progress.component";
5
- import * as i4 from "@angular/common";
6
- import * as i5 from "../error/error.module";
7
- import * as i6 from "@angular/material/progress-spinner";
8
- import * as i7 from "@angular/material/progress-bar";
5
+ import * as i4 from "./loading.action.directive";
6
+ import * as i5 from "@angular/common";
7
+ import * as i6 from "../error/error.module";
8
+ import * as i7 from "@angular/material/progress-spinner";
9
+ import * as i8 from "@angular/material/progress-bar";
9
10
  export declare class DbxLoadingModule {
10
11
  static ɵfac: i0.ɵɵFactoryDeclaration<DbxLoadingModule, never>;
11
- static ɵmod: i0.ɵɵNgModuleDeclaration<DbxLoadingModule, [typeof i1.DbxLoadingComponent, typeof i2.DbxBasicLoadingComponent, typeof i3.DbxLoadingProgressComponent], [typeof i4.CommonModule, typeof i5.DbxReadableErrorModule, typeof i6.MatProgressSpinnerModule, typeof i7.MatProgressBarModule], [typeof i1.DbxLoadingComponent, typeof i2.DbxBasicLoadingComponent, typeof i3.DbxLoadingProgressComponent, typeof i6.MatProgressSpinnerModule, typeof i7.MatProgressBarModule]>;
12
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DbxLoadingModule, [typeof i1.DbxLoadingComponent, typeof i2.DbxBasicLoadingComponent, typeof i3.DbxLoadingProgressComponent, typeof i4.DbxActionLoadingContextDirective], [typeof i5.CommonModule, typeof i6.DbxReadableErrorModule, typeof i7.MatProgressSpinnerModule, typeof i8.MatProgressBarModule], [typeof i1.DbxLoadingComponent, typeof i2.DbxBasicLoadingComponent, typeof i3.DbxLoadingProgressComponent, typeof i7.MatProgressSpinnerModule, typeof i8.MatProgressBarModule, typeof i4.DbxActionLoadingContextDirective]>;
12
13
  static ɵinj: i0.ɵɵInjectorDeclaration<DbxLoadingModule>;
13
14
  }
@@ -26,6 +26,11 @@
26
26
  cursor: pointer;
27
27
  }
28
28
 
29
+ .dbx-anchor-content {
30
+ display: flex;
31
+ align-items: center;
32
+ }
33
+
29
34
  }
30
35
 
31
36
  @mixin color($theme-config) {}
@@ -0,0 +1,22 @@
1
+ import { Observable } from 'rxjs';
2
+ import { OnDestroy } from '@angular/core';
3
+ import { ClickableAnchorLink } from '@dereekb/dbx-core';
4
+ import { Maybe } from '@dereekb/util';
5
+ import { DbxAnchorComponent } from './anchor.component';
6
+ import * as i0 from "@angular/core";
7
+ /**
8
+ * Component that displays an anchor and a span with the title.
9
+ */
10
+ export declare class DbxAnchorContentComponent implements OnDestroy {
11
+ readonly parent?: DbxAnchorComponent | undefined;
12
+ private readonly _parentAnchor;
13
+ private _inputAnchor;
14
+ readonly anchor$: Observable<Maybe<Partial<ClickableAnchorLink>>>;
15
+ readonly icon$: Observable<string | undefined>;
16
+ readonly title$: Observable<string | undefined>;
17
+ set anchor(anchor: Maybe<Partial<ClickableAnchorLink>>);
18
+ constructor(parent?: DbxAnchorComponent | undefined);
19
+ ngOnDestroy(): void;
20
+ static ɵfac: i0.ɵɵFactoryDeclaration<DbxAnchorContentComponent, [{ optional: true; }]>;
21
+ static ɵcmp: i0.ɵɵComponentDeclaration<DbxAnchorContentComponent, "dbx-anchor-content", never, { "anchor": "anchor"; }, {}, never, never>;
22
+ }
@@ -2,12 +2,13 @@ import * as i0 from "@angular/core";
2
2
  import * as i1 from "./anchor.component";
3
3
  import * as i2 from "./anchor.icon.component";
4
4
  import * as i3 from "./anchor.link.component";
5
- import * as i4 from "@angular/common";
6
- import * as i5 from "@angular/material/icon";
7
- import * as i6 from "@angular/material/button";
8
- import * as i7 from "@dereekb/dbx-core";
5
+ import * as i4 from "./anchor.content.component";
6
+ import * as i5 from "@angular/common";
7
+ import * as i6 from "@angular/material/icon";
8
+ import * as i7 from "@angular/material/button";
9
+ import * as i8 from "@dereekb/dbx-core";
9
10
  export declare class DbxAnchorModule {
10
11
  static ɵfac: i0.ɵɵFactoryDeclaration<DbxAnchorModule, never>;
11
- static ɵmod: i0.ɵɵNgModuleDeclaration<DbxAnchorModule, [typeof i1.DbxAnchorComponent, typeof i2.DbxAnchorIconComponent, typeof i3.DbxAnchorLinkComponent], [typeof i4.CommonModule, typeof i5.MatIconModule, typeof i6.MatButtonModule, typeof i7.DbxInjectedComponentModule], [typeof i1.DbxAnchorComponent, typeof i2.DbxAnchorIconComponent, typeof i3.DbxAnchorLinkComponent]>;
12
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DbxAnchorModule, [typeof i1.DbxAnchorComponent, typeof i2.DbxAnchorIconComponent, typeof i3.DbxAnchorLinkComponent, typeof i4.DbxAnchorContentComponent], [typeof i5.CommonModule, typeof i6.MatIconModule, typeof i7.MatButtonModule, typeof i8.DbxInjectedComponentModule], [typeof i1.DbxAnchorComponent, typeof i2.DbxAnchorIconComponent, typeof i3.DbxAnchorLinkComponent, typeof i4.DbxAnchorContentComponent]>;
12
13
  static ɵinj: i0.ɵɵInjectorDeclaration<DbxAnchorModule>;
13
14
  }
@@ -3,3 +3,4 @@ export * from './anchor.icon.component';
3
3
  export * from './anchor.module';
4
4
  export * from './anchor.segue.directive';
5
5
  export * from './anchor.link.component';
6
+ export * from './anchor.content.component';
@@ -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);
@@ -0,0 +1,4 @@
1
+
2
+ @function vh($from100: 100) {
3
+ @return calc(var(--vh100) * ($from100 / 100));
4
+ }
package/package.json CHANGED
@@ -1,47 +1,21 @@
1
1
  {
2
2
  "name": "@dereekb/dbx-web",
3
- "version": "1.1.0",
4
- "dependencies": {
5
- "tslib": "^2.3.0"
6
- },
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
- "exports": {
14
- "./package.json": {
15
- "default": "./package.json"
16
- },
17
- ".": {
18
- "types": "./dereekb-dbx-web.d.ts",
19
- "esm2020": "./esm2020/dereekb-dbx-web.mjs",
20
- "es2020": "./fesm2020/dereekb-dbx-web.mjs",
21
- "es2015": "./fesm2015/dereekb-dbx-web.mjs",
22
- "node": "./fesm2015/dereekb-dbx-web.mjs",
23
- "default": "./fesm2020/dereekb-dbx-web.mjs"
24
- }
25
- },
26
- "sideEffects": false,
3
+ "version": "2.1.0",
27
4
  "peerDependencies": {
5
+ "@angular/common": "^13.0.0",
28
6
  "@angular/core": "^13.0.0",
29
7
  "@angular/material": "^13.0.0",
30
- "@dereekb/rxjs": "1.1.0",
31
- "rxjs": "^7.5.2",
32
- "@dereekb/util": "1.1.0",
8
+ "@dereekb/rxjs": "2.1.0",
9
+ "rxjs": "^7.0.0",
10
+ "@dereekb/util": "2.1.0",
33
11
  "extra-set": "^2.2.11",
12
+ "make-error": "^1.3.0",
34
13
  "ms": "^3.0.0-canary.1",
35
- "@dereekb/dbx-core": "1.1.0",
36
- "@angular/common": "^13.0.0",
14
+ "@dereekb/dbx-core": "2.1.0",
37
15
  "@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
16
  "@angular/platform-browser": "^13.0.0",
43
17
  "date-fns": "^2.28.0",
44
- "@dereekb/date": "1.1.0",
18
+ "@dereekb/date": "2.1.0",
45
19
  "class-transformer": "^0.5.1",
46
20
  "class-validator": "^0.13.2",
47
21
  "date-fns-tz": "^1.2.2",
@@ -50,11 +24,36 @@
50
24
  "@uirouter/core": "^6.0.8",
51
25
  "@uirouter/angular": "^9.1.0",
52
26
  "mat-progress-buttons": "git+https://git@github.com/dereekb/mat-progress-buttons.git#60b0374a45644e8756f20b8d761738151ca3df64",
27
+ "@ngrx/store": "^13.0.2",
53
28
  "@angular/flex-layout": "^13.0.0-beta.38",
54
- "ng-overlay-container": "git+https://git@github.com/dereekb/ng-overlay-container.git#24931e7094c4f8f76bda061d044426febf810a4f",
29
+ "ng-overlay-container": "^13.0.0",
55
30
  "@angular/cdk": "^13.0.0",
56
31
  "angular-resize-event": "^3.1.1",
57
32
  "ngx-infinite-scroll": "^10.0.1",
58
33
  "linkify-string": "4.0.0-beta.3"
59
- }
34
+ },
35
+ "dependencies": {
36
+ "tslib": "^2.3.0"
37
+ },
38
+ "exports": {
39
+ ".": {
40
+ "sass": "./_index.scss",
41
+ "types": "./dereekb-dbx-web.d.ts",
42
+ "esm2020": "./esm2020/dereekb-dbx-web.mjs",
43
+ "es2020": "./fesm2020/dereekb-dbx-web.mjs",
44
+ "es2015": "./fesm2015/dereekb-dbx-web.mjs",
45
+ "node": "./fesm2015/dereekb-dbx-web.mjs",
46
+ "default": "./fesm2020/dereekb-dbx-web.mjs"
47
+ },
48
+ "./package.json": {
49
+ "default": "./package.json"
50
+ }
51
+ },
52
+ "module": "fesm2015/dereekb-dbx-web.mjs",
53
+ "es2020": "fesm2020/dereekb-dbx-web.mjs",
54
+ "esm2020": "esm2020/dereekb-dbx-web.mjs",
55
+ "fesm2020": "fesm2020/dereekb-dbx-web.mjs",
56
+ "fesm2015": "fesm2015/dereekb-dbx-web.mjs",
57
+ "typings": "dereekb-dbx-web.d.ts",
58
+ "sideEffects": false
60
59
  }
@@ -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
- }