@genesislcap/pbc-notify-ui 1.0.6 → 1.0.8

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 (30) hide show
  1. package/dist/dts/components/components.d.ts.map +1 -1
  2. package/dist/dts/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.d.ts +9 -0
  3. package/dist/dts/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.d.ts.map +1 -0
  4. package/dist/dts/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.d.ts +2 -0
  5. package/dist/dts/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.d.ts.map +1 -0
  6. package/dist/dts/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.d.ts +3 -0
  7. package/dist/dts/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.d.ts.map +1 -0
  8. package/dist/dts/components/foundation-inbox/inbox.d.ts +4 -10
  9. package/dist/dts/components/foundation-inbox/inbox.d.ts.map +1 -1
  10. package/dist/dts/components/foundation-inbox/inbox.styles.d.ts.map +1 -1
  11. package/dist/dts/components/foundation-inbox/inbox.template.d.ts.map +1 -1
  12. package/dist/dts/index.d.ts +1 -1
  13. package/dist/dts/index.d.ts.map +1 -1
  14. package/dist/esm/components/components.js +2 -0
  15. package/dist/esm/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.js +30 -0
  16. package/dist/esm/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.js +16 -0
  17. package/dist/esm/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.js +18 -0
  18. package/dist/esm/components/foundation-inbox/inbox.js +18 -34
  19. package/dist/esm/components/foundation-inbox/inbox.styles.js +0 -13
  20. package/dist/esm/components/foundation-inbox/inbox.template.js +0 -20
  21. package/dist/esm/components/foundation-notification-dashboard/notification-dashboard.js +2 -2
  22. package/dist/esm/index.js +1 -1
  23. package/index.html +1 -1
  24. package/package.json +2 -2
  25. package/dist/dts/components/foundation-inbox/index.d.ts +0 -2
  26. package/dist/dts/components/foundation-inbox/index.d.ts.map +0 -1
  27. package/dist/dts/components/index.d.ts +0 -2
  28. package/dist/dts/components/index.d.ts.map +0 -1
  29. package/dist/esm/components/foundation-inbox/index.js +0 -1
  30. package/dist/esm/components/index.js +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/components/components.ts"],"names":[],"mappings":"AA2EA,wBAAsB,WAAW;;GAYhC"}
1
+ {"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/components/components.ts"],"names":[],"mappings":"AA6EA,wBAAsB,WAAW;;GAYhC"}
@@ -0,0 +1,9 @@
1
+ import { Flyout } from '@genesislcap/foundation-zero';
2
+ import { FoundationInboxBase } from "../../inbox";
3
+ export declare class FoundationInboxFlyout extends FoundationInboxBase {
4
+ flyout: Flyout;
5
+ flyoutClosed: boolean;
6
+ open(): Promise<void>;
7
+ close(): void;
8
+ }
9
+ //# sourceMappingURL=foundation-inbox-flyout.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"foundation-inbox-flyout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAItD,OAAO,EAAC,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAEhD,qBAKa,qBAAsB,SAAQ,mBAAmB;IAC5D,MAAM,EAAE,MAAM,CAAC;IACH,YAAY,EAAE,OAAO,CAAQ;IAE5B,IAAI;IAIV,KAAK;CAGb"}
@@ -0,0 +1,2 @@
1
+ export declare const FoundationInboxFlyoutStyles: import("@microsoft/fast-element").ElementStyles;
2
+ //# sourceMappingURL=foundation-inbox-flyout.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"foundation-inbox-flyout.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,2BAA2B,iDAavC,CAAC"}
@@ -0,0 +1,3 @@
1
+ import type { FoundationInboxFlyout } from './foundation-inbox-flyout';
2
+ export declare const FoundationInboxFlyoutTemplate: import("@microsoft/fast-element").ViewTemplate<FoundationInboxFlyout, any>;
3
+ //# sourceMappingURL=foundation-inbox-flyout.template.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"foundation-inbox-flyout.template.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAEvE,eAAO,MAAM,6BAA6B,4EAezC,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { FASTElement } from '@microsoft/fast-element';
2
2
  import { InboxTab } from './inbox.template';
3
3
  import { RuleTemplate, Rule, NotificationRuleTemplateReply, Alert } from './inbox.types';
4
- import { Flyout, Tabs } from '@genesislcap/foundation-zero';
4
+ import { Tabs } from '@genesislcap/foundation-zero';
5
5
  import { AlertService } from '../../services/alert.service';
6
6
  import { RuleService } from '../../services/rule.service';
7
7
  import { TemplateService } from '../../services/template.service';
@@ -10,7 +10,7 @@ import { TemplateService } from '../../services/template.service';
10
10
  * Allow searching, filtering and deleting notifies
11
11
  * @beta
12
12
  */
13
- export declare class FoundationInbox extends FASTElement {
13
+ export declare class FoundationInboxBase extends FASTElement {
14
14
  ready: boolean;
15
15
  alertService: AlertService;
16
16
  private alerts;
@@ -25,8 +25,6 @@ export declare class FoundationInbox extends FASTElement {
25
25
  searchSubscribe: string;
26
26
  ruleTemplateDetails: NotificationRuleTemplateReply;
27
27
  tabs: Tabs;
28
- flyout: Flyout;
29
- flyoutClosed: boolean;
30
28
  connectedCallback(): Promise<void>;
31
29
  open(): Promise<void>;
32
30
  close(): void;
@@ -42,11 +40,7 @@ export declare class FoundationInbox extends FASTElement {
42
40
  playPauseAlert(ruleClicked: Rule): Promise<void>;
43
41
  deleteAlert(ruleClicked: Rule): Promise<void>;
44
42
  openTemplateSubscription(ruleTemplate: any): Promise<void>;
45
- /**
46
- * Load remote components
47
- * @remarks With regards to module federation
48
- * @internal
49
- */
50
- loadRemotes(): Promise<void>;
43
+ }
44
+ export declare class FoundationInbox extends FoundationInboxBase {
51
45
  }
52
46
  //# sourceMappingURL=inbox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"inbox.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.ts"],"names":[],"mappings":"AACA,OAAO,EAA6B,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEjF,OAAO,EAAE,QAAQ,EAAuC,MAAM,kBAAkB,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,6BAA6B,EAAE,KAAK,EAAmC,MAAM,eAAe,CAAC;AAC1H,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAG5D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE;;;;GAIG;AACH,qBAKa,eAAgB,SAAQ,WAAW;IAElC,KAAK,EAAE,OAAO,CAAS;IAErB,YAAY,EAAE,YAAY,CAAC;IAC7B,OAAO,CAAC,MAAM,CAAe;IAC7B,YAAY,EAAE,KAAK,EAAE,CAAM;IAC3B,cAAc,EAAE,MAAM,CAAM;IAE3B,WAAW,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,KAAK,CAAc;IAC3B,WAAW,EAAE,IAAI,EAAE,CAAM;IAEpB,mBAAmB,EAAE,eAAe,CAAC;IAC1C,SAAS,EAAE,YAAY,EAAE,CAAM;IAC/B,eAAe,EAAE,YAAY,EAAE,CAAM;IAErC,eAAe,EAAE,MAAM,CAAM;IAC7B,mBAAmB,EAAE,6BAA6B,CAAQ;IAE/D,IAAI,EAAE,IAAI,CAAC;IAElB,MAAM,EAAE,MAAM,CAAC;IACH,YAAY,EAAE,OAAO,CAAQ;IAEnC,iBAAiB;IAaV,IAAI;IAMV,KAAK;IAMZ,cAAc,CAAC,QAAQ,EAAE,QAAQ;IAM3B,eAAe,CAAC,QAAQ,EAAE,QAAQ;IAoBxC,aAAa,gBAAyC;IAEtD,YAAY,eAAuC;IAEnD,gBAAgB,uBAA+C;IAE/D,qBAAqB,aAWpB;IAED,sBAAsB,aAWrB;IAKK,iBAAiB,CAAC,OAAO,EAAE,MAAM;IAMvC,SAAS;IAGH,cAAc,CAAC,WAAW,EAAE,IAAI;IAgBhC,WAAW,CAAC,WAAW,EAAE,IAAI;IAO7B,wBAAwB,CAAC,YAAY,EAAE,GAAG;IAYhD;;;;OAIG;IACG,WAAW;CAIlB"}
1
+ {"version":3,"file":"inbox.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEjF,OAAO,EAAE,QAAQ,EAAuC,MAAM,kBAAkB,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,6BAA6B,EAAE,KAAK,EAAmC,MAAM,eAAe,CAAC;AAC1H,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE;;;;GAIG;AAEH,qBAAa,mBAAoB,SAAQ,WAAW;IAEtC,KAAK,EAAE,OAAO,CAAS;IAErB,YAAY,EAAE,YAAY,CAAC;IAC7B,OAAO,CAAC,MAAM,CAAe;IAC7B,YAAY,EAAE,KAAK,EAAE,CAAM;IAC3B,cAAc,EAAE,MAAM,CAAM;IAE3B,WAAW,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,KAAK,CAAc;IAC3B,WAAW,EAAE,IAAI,EAAE,CAAM;IAEpB,mBAAmB,EAAE,eAAe,CAAC;IAC1C,SAAS,EAAE,YAAY,EAAE,CAAM;IAC/B,eAAe,EAAE,YAAY,EAAE,CAAM;IAErC,eAAe,EAAE,MAAM,CAAM;IAC7B,mBAAmB,EAAE,6BAA6B,CAAQ;IAE/D,IAAI,EAAE,IAAI,CAAC;IAEZ,iBAAiB;IAaV,IAAI;IAKV,KAAK;IAKZ,cAAc,CAAC,QAAQ,EAAE,QAAQ;IAM3B,eAAe,CAAC,QAAQ,EAAE,QAAQ;IAqBxC,aAAa,gBAAyC;IAEtD,YAAY,eAAuC;IAEnD,gBAAgB,uBAA+C;IAE/D,qBAAqB,aAWpB;IAED,sBAAsB,aAWrB;IAKK,iBAAiB,CAAC,OAAO,EAAE,MAAM;IAOvC,SAAS;IAGH,cAAc,CAAC,WAAW,EAAE,IAAI;IAgBhC,WAAW,CAAC,WAAW,EAAE,IAAI;IAQ7B,wBAAwB,CAAC,YAAY,EAAE,GAAG;CAYjD;AAED,qBAKa,eAAgB,SAAQ,mBAAmB;CAEvD"}
@@ -1 +1 @@
1
- {"version":3,"file":"inbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,WAAW,iDAgQvB,CAAC"}
1
+ {"version":3,"file":"inbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,WAAW,iDAmPvB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"inbox.template.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG1C,oBAAY,QAAQ;IAClB,QAAQ,IAAA;IACR,QAAQ,IAAA;IACR,SAAS,IAAA;CACV;AAED;;GAEG;AACH,eAAO,MAAM,uBAAuB,sEA2KnC,CAAC"}
1
+ {"version":3,"file":"inbox.template.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG1C,oBAAY,QAAQ;IAClB,QAAQ,IAAA;IACR,QAAQ,IAAA;IACR,SAAS,IAAA;CACV;AAED;;GAEG;AACH,eAAO,MAAM,uBAAuB,sEAuJnC,CAAC"}
@@ -1,3 +1,3 @@
1
- export * from './components/foundation-inbox';
1
+ export * from './components/foundation-inbox/inbox';
2
2
  export * from './components/foundation-notification-dashboard';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gDAAgD,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,gDAAgD,CAAC"}
@@ -2,6 +2,7 @@ import { __awaiter } from "tslib";
2
2
  import { foundationLayoutComponents } from '@genesislcap/foundation-layout';
3
3
  import { logger } from '../utils';
4
4
  import { FoundationInboxCounter } from './foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter';
5
+ import { FoundationInboxFlyout } from './foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout';
5
6
  import { EmailDistributionRouteManagement } from './foundation-notification-dashboard/components/routes/tabs/email-distribution-route-management';
6
7
  import { EmailUserRouteManagement } from './foundation-notification-dashboard/components/routes/tabs/email-user-route-management';
7
8
  import { LogRouteManagement } from './foundation-notification-dashboard/components/routes/tabs/log-route-management';
@@ -21,6 +22,7 @@ import { RouteManagement } from './foundation-notification-dashboard/components/
21
22
  // Components
22
23
  // #region Inbox
23
24
  FoundationInboxCounter;
25
+ FoundationInboxFlyout;
24
26
  InboxSubscription;
25
27
  RuleParameter;
26
28
  // #endregion Inbox
@@ -0,0 +1,30 @@
1
+ import { __awaiter, __decorate } from "tslib";
2
+ import { observable, customElement } from '@microsoft/fast-element';
3
+ import { FoundationInboxFlyoutStyles } from './foundation-inbox-flyout.styles';
4
+ import { FoundationInboxFlyoutTemplate } from './foundation-inbox-flyout.template';
5
+ import { FoundationInboxBase } from "../../inbox";
6
+ let FoundationInboxFlyout = class FoundationInboxFlyout extends FoundationInboxBase {
7
+ constructor() {
8
+ super(...arguments);
9
+ this.flyoutClosed = true;
10
+ }
11
+ open() {
12
+ return __awaiter(this, void 0, void 0, function* () {
13
+ this.flyoutClosed = false;
14
+ });
15
+ }
16
+ close() {
17
+ this.flyout.closeFlyout();
18
+ }
19
+ };
20
+ __decorate([
21
+ observable
22
+ ], FoundationInboxFlyout.prototype, "flyoutClosed", void 0);
23
+ FoundationInboxFlyout = __decorate([
24
+ customElement({
25
+ name: 'foundation-inbox-flyout',
26
+ template: FoundationInboxFlyoutTemplate,
27
+ styles: FoundationInboxFlyoutStyles,
28
+ })
29
+ ], FoundationInboxFlyout);
30
+ export { FoundationInboxFlyout };
@@ -0,0 +1,16 @@
1
+ import { css } from '@microsoft/fast-element';
2
+ import { InboxStyles } from '../../inbox.styles';
3
+ export const FoundationInboxFlyoutStyles = css `
4
+ zero-flyout::part(flyout) {
5
+ width: 30%;
6
+ min-width: 320px;
7
+ padding: 0;
8
+ }
9
+
10
+ zero-flyout::part(content) {
11
+ height: 100%;
12
+ display: flex;
13
+ flex-direction: column;
14
+ }
15
+ ${InboxStyles}
16
+ `;
@@ -0,0 +1,18 @@
1
+ import { html, ref } from '@microsoft/fast-element';
2
+ import { FoundationInboxTemplate } from '../../inbox.template';
3
+ export const FoundationInboxFlyoutTemplate = html `
4
+ <zero-flyout ${ref('flyout')} position="right" @closed=${(x) => (x.flyoutClosed = true)} :closed=${(x) => x.flyoutClosed} displayHeader=${false}>
5
+ <div class="inbox-header">
6
+ <div class="inbox-header-title">
7
+ Alerts
8
+ </div>
9
+ <zero-button
10
+ class="inbox-header-close"
11
+ @click=${x => x.close()}
12
+ >
13
+ <zero-icon part="icon" name="xmark" size="xl"></zero-icon>
14
+ </zero-button>
15
+ </div>
16
+ ${FoundationInboxTemplate}
17
+ </zero-flyout>
18
+ `;
@@ -1,5 +1,4 @@
1
1
  import { __awaiter, __decorate } from "tslib";
2
- import * as Components from '../index';
3
2
  import { observable, customElement, FASTElement } from '@microsoft/fast-element';
4
3
  import { InboxStyles as styles } from './inbox.styles';
5
4
  import { InboxTab, FoundationInboxTemplate as template } from './inbox.template';
@@ -13,7 +12,7 @@ import { TemplateService } from '../../services/template.service';
13
12
  * Allow searching, filtering and deleting notifies
14
13
  * @beta
15
14
  */
16
- let FoundationInbox = class FoundationInbox extends FASTElement {
15
+ export class FoundationInboxBase extends FASTElement {
17
16
  constructor() {
18
17
  super(...arguments);
19
18
  this.ready = false;
@@ -26,7 +25,6 @@ let FoundationInbox = class FoundationInbox extends FASTElement {
26
25
  this.templatesFilter = [];
27
26
  this.searchSubscribe = '';
28
27
  this.ruleTemplateDetails = null;
29
- this.flyoutClosed = true;
30
28
  // #endregion
31
29
  // #region Changed Events
32
30
  this.alertsChanged = () => this.alertsFilter = this.alerts;
@@ -50,6 +48,7 @@ let FoundationInbox = class FoundationInbox extends FASTElement {
50
48
  .toLowerCase()
51
49
  .startsWith(this.searchSubscribe.toLowerCase()));
52
50
  };
51
+ // #endregion
53
52
  }
54
53
  connectedCallback() {
55
54
  const _super = Object.create(null, {
@@ -73,12 +72,10 @@ let FoundationInbox = class FoundationInbox extends FASTElement {
73
72
  return __awaiter(this, void 0, void 0, function* () {
74
73
  this.rules = yield this.ruleService.getRules();
75
74
  this.templates = yield this.ruleTemplateService.getRuleTemplates();
76
- this.flyoutClosed = false;
77
75
  });
78
76
  }
79
77
  close() {
80
78
  this.ruleTemplateDetails = null;
81
- this.flyout.closeFlyout();
82
79
  }
83
80
  // #region Tabs
84
81
  checkActiveTab(inboxTab) {
@@ -151,61 +148,48 @@ let FoundationInbox = class FoundationInbox extends FASTElement {
151
148
  this.ruleTemplateDetails = yield this.ruleTemplateService.getRuleTemplateDetails(ruleTemplate.ID);
152
149
  });
153
150
  }
154
- // #endregion
155
- /**
156
- * Load remote components
157
- * @remarks With regards to module federation
158
- * @internal
159
- */
160
- loadRemotes() {
161
- return __awaiter(this, void 0, void 0, function* () {
162
- const remoteComponents = yield Components.loadRemotes();
163
- this.ready = true;
164
- });
165
- }
166
- };
151
+ }
167
152
  __decorate([
168
153
  observable
169
- ], FoundationInbox.prototype, "ready", void 0);
154
+ ], FoundationInboxBase.prototype, "ready", void 0);
170
155
  __decorate([
171
156
  AlertService
172
- ], FoundationInbox.prototype, "alertService", void 0);
157
+ ], FoundationInboxBase.prototype, "alertService", void 0);
173
158
  __decorate([
174
159
  observable
175
- ], FoundationInbox.prototype, "alerts", void 0);
160
+ ], FoundationInboxBase.prototype, "alerts", void 0);
176
161
  __decorate([
177
162
  observable
178
- ], FoundationInbox.prototype, "alertsFilter", void 0);
163
+ ], FoundationInboxBase.prototype, "alertsFilter", void 0);
179
164
  __decorate([
180
165
  observable
181
- ], FoundationInbox.prototype, "searchAlertLog", void 0);
166
+ ], FoundationInboxBase.prototype, "searchAlertLog", void 0);
182
167
  __decorate([
183
168
  RuleService
184
- ], FoundationInbox.prototype, "ruleService", void 0);
169
+ ], FoundationInboxBase.prototype, "ruleService", void 0);
185
170
  __decorate([
186
171
  observable
187
- ], FoundationInbox.prototype, "rules", void 0);
172
+ ], FoundationInboxBase.prototype, "rules", void 0);
188
173
  __decorate([
189
174
  observable
190
- ], FoundationInbox.prototype, "rulesFilter", void 0);
175
+ ], FoundationInboxBase.prototype, "rulesFilter", void 0);
191
176
  __decorate([
192
177
  TemplateService
193
- ], FoundationInbox.prototype, "ruleTemplateService", void 0);
194
- __decorate([
195
- observable
196
- ], FoundationInbox.prototype, "templates", void 0);
178
+ ], FoundationInboxBase.prototype, "ruleTemplateService", void 0);
197
179
  __decorate([
198
180
  observable
199
- ], FoundationInbox.prototype, "templatesFilter", void 0);
181
+ ], FoundationInboxBase.prototype, "templates", void 0);
200
182
  __decorate([
201
183
  observable
202
- ], FoundationInbox.prototype, "searchSubscribe", void 0);
184
+ ], FoundationInboxBase.prototype, "templatesFilter", void 0);
203
185
  __decorate([
204
186
  observable
205
- ], FoundationInbox.prototype, "ruleTemplateDetails", void 0);
187
+ ], FoundationInboxBase.prototype, "searchSubscribe", void 0);
206
188
  __decorate([
207
189
  observable
208
- ], FoundationInbox.prototype, "flyoutClosed", void 0);
190
+ ], FoundationInboxBase.prototype, "ruleTemplateDetails", void 0);
191
+ let FoundationInbox = class FoundationInbox extends FoundationInboxBase {
192
+ };
209
193
  FoundationInbox = __decorate([
210
194
  customElement({
211
195
  name: 'foundation-inbox',
@@ -3,19 +3,6 @@ import { css } from '@microsoft/fast-element';
3
3
  * @public
4
4
  */
5
5
  export const InboxStyles = css `
6
- zero-flyout::part(flyout) {
7
- background: var(--neutral-layer-4);
8
- width: 30%;
9
- min-width: 320px;
10
- padding: 0;
11
- }
12
-
13
- zero-flyout::part(content) {
14
- height: 100%;
15
- display: flex;
16
- flex-direction: column;
17
- }
18
-
19
6
  .inbox {
20
7
  width: 100%;
21
8
  height: 100%;
@@ -11,25 +11,6 @@ export var InboxTab;
11
11
  * @public
12
12
  */
13
13
  export const FoundationInboxTemplate = html `
14
- <zero-flyout
15
- ${ref('flyout')}
16
- position="right"
17
- @closed=${(x) => (x.flyoutClosed = true)}
18
- :closed=${(x) => x.flyoutClosed}
19
- displayHeader=${false}
20
- >
21
- <div class="inbox-header">
22
- <div class="inbox-header-title">
23
- Alerts
24
- </div>
25
- <zero-button
26
- class="inbox-header-close"
27
- @click=${x => x.close()}
28
- >
29
- <zero-icon part="icon" name="xmark" size="xl"></zero-icon>
30
- </zero-button>
31
- </div>
32
-
33
14
  <div class="inbox-content">
34
15
  <zero-tabs ${(ref('tabs'))} appearance="secondary" activeid=${x => InboxTab.AlertLog}>
35
16
  <zero-tab slot="alert-log-tab"
@@ -168,5 +149,4 @@ export const FoundationInboxTemplate = html `
168
149
  </zero-tab-panel>
169
150
  </zero-tabs>
170
151
  </div>
171
- </zero-flyout>
172
152
  `;
@@ -1,5 +1,5 @@
1
1
  import { __awaiter, __decorate } from "tslib";
2
- import * as Components from '../index';
2
+ import { loadRemotes } from '../components';
3
3
  import { FASTElement, customElement, observable } from '@microsoft/fast-element';
4
4
  import { FoundationNotificationDashboardStyles as styles } from './notification-dashboard.styles';
5
5
  import { FoundationNotificationDashboardTemplate as template } from './notification-dashboard.template';
@@ -28,7 +28,7 @@ let FoundationNotificationDashboard = class FoundationNotificationDashboard exte
28
28
  */
29
29
  loadRemotes() {
30
30
  return __awaiter(this, void 0, void 0, function* () {
31
- const remoteComponents = yield Components.loadRemotes();
31
+ const remoteComponents = yield loadRemotes();
32
32
  this.ready = true;
33
33
  });
34
34
  }
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export * from './components/foundation-inbox';
1
+ export * from './components/foundation-inbox/inbox';
2
2
  export * from './components/foundation-notification-dashboard';
package/index.html CHANGED
@@ -18,7 +18,7 @@
18
18
  }
19
19
  </style>
20
20
  <body>
21
- <foundation-notify></foundation-notify>
21
+ <foundation-inbox></foundation-inbox>
22
22
  {{#if insertEntryPoint}}
23
23
  <script type="module" src="/src/index.ts"></script>
24
24
  {{/if}}
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@genesislcap/pbc-notify-ui",
3
3
  "description": "Genesis PBC Notify UI",
4
- "version": "1.0.6",
4
+ "version": "1.0.8",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "main": "dist/esm/index.js",
7
- "types": "dist/foundation-notify.d.ts",
7
+ "types": "dist/dts/index.d.ts",
8
8
  "engines": {
9
9
  "node": ">=20.0.0"
10
10
  },
@@ -1,2 +0,0 @@
1
- export * from './inbox';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './components';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -1 +0,0 @@
1
- export * from './inbox';
@@ -1 +0,0 @@
1
- export * from './components';