@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.
- package/dist/dts/components/components.d.ts.map +1 -1
- package/dist/dts/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.d.ts +9 -0
- package/dist/dts/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.d.ts.map +1 -0
- package/dist/dts/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.d.ts +2 -0
- package/dist/dts/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.d.ts.map +1 -0
- package/dist/dts/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.d.ts +3 -0
- package/dist/dts/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.d.ts.map +1 -0
- package/dist/dts/components/foundation-inbox/inbox.d.ts +4 -10
- package/dist/dts/components/foundation-inbox/inbox.d.ts.map +1 -1
- package/dist/dts/components/foundation-inbox/inbox.styles.d.ts.map +1 -1
- package/dist/dts/components/foundation-inbox/inbox.template.d.ts.map +1 -1
- package/dist/dts/index.d.ts +1 -1
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/esm/components/components.js +2 -0
- package/dist/esm/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.js +30 -0
- package/dist/esm/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.js +16 -0
- package/dist/esm/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.js +18 -0
- package/dist/esm/components/foundation-inbox/inbox.js +18 -34
- package/dist/esm/components/foundation-inbox/inbox.styles.js +0 -13
- package/dist/esm/components/foundation-inbox/inbox.template.js +0 -20
- package/dist/esm/components/foundation-notification-dashboard/notification-dashboard.js +2 -2
- package/dist/esm/index.js +1 -1
- package/index.html +1 -1
- package/package.json +2 -2
- package/dist/dts/components/foundation-inbox/index.d.ts +0 -2
- package/dist/dts/components/foundation-inbox/index.d.ts.map +0 -1
- package/dist/dts/components/index.d.ts +0 -2
- package/dist/dts/components/index.d.ts.map +0 -1
- package/dist/esm/components/foundation-inbox/index.js +0 -1
- 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":"
|
|
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 @@
|
|
|
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 @@
|
|
|
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 {
|
|
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
|
|
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
|
-
|
|
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":"
|
|
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,
|
|
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,
|
|
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"}
|
package/dist/dts/index.d.ts
CHANGED
package/dist/dts/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,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
|
-
|
|
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
|
-
|
|
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
|
-
],
|
|
154
|
+
], FoundationInboxBase.prototype, "ready", void 0);
|
|
170
155
|
__decorate([
|
|
171
156
|
AlertService
|
|
172
|
-
],
|
|
157
|
+
], FoundationInboxBase.prototype, "alertService", void 0);
|
|
173
158
|
__decorate([
|
|
174
159
|
observable
|
|
175
|
-
],
|
|
160
|
+
], FoundationInboxBase.prototype, "alerts", void 0);
|
|
176
161
|
__decorate([
|
|
177
162
|
observable
|
|
178
|
-
],
|
|
163
|
+
], FoundationInboxBase.prototype, "alertsFilter", void 0);
|
|
179
164
|
__decorate([
|
|
180
165
|
observable
|
|
181
|
-
],
|
|
166
|
+
], FoundationInboxBase.prototype, "searchAlertLog", void 0);
|
|
182
167
|
__decorate([
|
|
183
168
|
RuleService
|
|
184
|
-
],
|
|
169
|
+
], FoundationInboxBase.prototype, "ruleService", void 0);
|
|
185
170
|
__decorate([
|
|
186
171
|
observable
|
|
187
|
-
],
|
|
172
|
+
], FoundationInboxBase.prototype, "rules", void 0);
|
|
188
173
|
__decorate([
|
|
189
174
|
observable
|
|
190
|
-
],
|
|
175
|
+
], FoundationInboxBase.prototype, "rulesFilter", void 0);
|
|
191
176
|
__decorate([
|
|
192
177
|
TemplateService
|
|
193
|
-
],
|
|
194
|
-
__decorate([
|
|
195
|
-
observable
|
|
196
|
-
], FoundationInbox.prototype, "templates", void 0);
|
|
178
|
+
], FoundationInboxBase.prototype, "ruleTemplateService", void 0);
|
|
197
179
|
__decorate([
|
|
198
180
|
observable
|
|
199
|
-
],
|
|
181
|
+
], FoundationInboxBase.prototype, "templates", void 0);
|
|
200
182
|
__decorate([
|
|
201
183
|
observable
|
|
202
|
-
],
|
|
184
|
+
], FoundationInboxBase.prototype, "templatesFilter", void 0);
|
|
203
185
|
__decorate([
|
|
204
186
|
observable
|
|
205
|
-
],
|
|
187
|
+
], FoundationInboxBase.prototype, "searchSubscribe", void 0);
|
|
206
188
|
__decorate([
|
|
207
189
|
observable
|
|
208
|
-
],
|
|
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
|
|
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
|
|
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
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.
|
|
4
|
+
"version": "1.0.8",
|
|
5
5
|
"license": "SEE LICENSE IN license.txt",
|
|
6
6
|
"main": "dist/esm/index.js",
|
|
7
|
-
"types": "dist/
|
|
7
|
+
"types": "dist/dts/index.d.ts",
|
|
8
8
|
"engines": {
|
|
9
9
|
"node": ">=20.0.0"
|
|
10
10
|
},
|
|
@@ -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 +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';
|