@genesislcap/pbc-notify-ui 1.0.32 → 1.0.34

package/dist/dts/components/foundation-notification-dashboard/notification-dashboard.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-dashboard.template.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-notification-dashboard/notification-dashboard.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,+BAA+B,EAAE,MAAM,0BAA0B,CAAC;AAM3E,eAAO,MAAM,uCAAuC,sFAsCnD,CAAC"}
+{"version":3,"file":"notification-dashboard.template.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-notification-dashboard/notification-dashboard.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,0BAA0B,CAAC;AAMhF,eAAO,MAAM,uCAAuC,sFAsCnD,CAAC"}

package/dist/dts/components/foundation-notification-dashboard/styles/condition-builder.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"condition-builder.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,iDA+ClC,CAAC"}
+{"version":3,"file":"condition-builder.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,iDAqDlC,CAAC"}

package/dist/dts/components/foundation-notification-dashboard/styles/dynamic-rule.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-rule.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B,iDAevC,CAAC;AA8DF,eAAO,MAAM,uBAAuB,iDAgEnC,CAAC"}
+{"version":3,"file":"dynamic-rule.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B,iDAevC,CAAC;AA8DF,eAAO,MAAM,uBAAuB,iDAoFnC,CAAC"}

package/dist/dts/services/rule.service.d.ts

@@ -1,5 +1,5 @@
 import { Message } from '@genesislcap/foundation-comms';
-import { Rule } from '../components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.types';
+import type { Rule } from '../components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.types';
 export interface RuleService {
     subscribeRule(dynamicRuleId: string, parameterDetails: any): any;
     unsubscribeRule(dynamicRuleId: string): any;

package/dist/dts/services/rule.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rule.service.d.ts","sourceRoot":"","sources":["../../../src/services/rule.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,IAAI,EAAE,MAAM,gGAAgG,CAAC;AAEtH,MAAM,WAAW,WAAW;IAC1B,aAAa,CAAC,aAAa,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAE;IAC5D,eAAe,CAAC,aAAa,EAAE,MAAM,OAAE;IACvC,UAAU,CAAC,aAAa,EAAE,MAAM,OAAE;IAClC,WAAW,CAAC,aAAa,EAAE,MAAM,OAAE;IACnC,QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC;IACzB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAkHD,eAAO,MAAM,WAAW,mEAAuE,CAAC"}
+{"version":3,"file":"rule.service.d.ts","sourceRoot":"","sources":["../../../src/services/rule.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gGAAgG,CAAC;AAE3H,MAAM,WAAW,WAAW;IAC1B,aAAa,CAAC,aAAa,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAE;IAC5D,eAAe,CAAC,aAAa,EAAE,MAAM,OAAE;IACvC,UAAU,CAAC,aAAa,EAAE,MAAM,OAAE;IAClC,WAAW,CAAC,aAAa,EAAE,MAAM,OAAE;IACnC,QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC;IACzB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAkHD,eAAO,MAAM,WAAW,mEAAuE,CAAC"}

package/dist/dts/services/template.service.d.ts

@@ -1,4 +1,4 @@
-import { Template } from '../components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.types';
+import type { Template } from '../components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.types';
 export interface TemplateService {
     createRuleTemplate(ruleTemplate: Template): Promise<any>;
     editRuleTemplate(ruleTemplate: Template): Promise<any>;

package/dist/dts/services/template.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"template.service.d.ts","sourceRoot":"","sources":["../../../src/services/template.service.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,4GAA4G,CAAC;AAEtI,MAAM,WAAW,eAAe;IAC9B,kBAAkB,CAAC,YAAY,EAAE,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACzD,gBAAgB,CAAC,YAAY,EAAE,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACvD,gBAAgB,QAAG;IACnB,sBAAsB,CAAC,aAAa,EAAE,MAAM,OAAE;IAC9C,kBAAkB,CAAC,aAAa,EAAE,MAAM,OAAE;CAC3C;AA0DD,eAAO,MAAM,eAAe,uEAE3B,CAAC"}
+{"version":3,"file":"template.service.d.ts","sourceRoot":"","sources":["../../../src/services/template.service.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4GAA4G,CAAC;AAE3I,MAAM,WAAW,eAAe;IAC9B,kBAAkB,CAAC,YAAY,EAAE,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACzD,gBAAgB,CAAC,YAAY,EAAE,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACvD,gBAAgB,QAAG;IACnB,sBAAsB,CAAC,aAAa,EAAE,MAAM,OAAE;IAC9C,kBAAkB,CAAC,aAAa,EAAE,MAAM,OAAE;CAC3C;AA0DD,eAAO,MAAM,eAAe,uEAE3B,CAAC"}

package/dist/dts/utils/eventDetail.d.ts

@@ -1,3 +1,3 @@
-import { ExecutionContext } from '@microsoft/fast-element';
+import { ExecutionContext } from '@genesislcap/web-core';
 export declare function eventDetail<T = any>(ctx: ExecutionContext): T;
 //# sourceMappingURL=eventDetail.d.ts.map

package/dist/dts/utils/eventDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eventDetail.d.ts","sourceRoot":"","sources":["../../../src/utils/eventDetail.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,wBAAgB,WAAW,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,gBAAgB,KAEzD"}
+{"version":3,"file":"eventDetail.d.ts","sourceRoot":"","sources":["../../../src/utils/eventDetail.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,wBAAgB,WAAW,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,gBAAgB,KAEzD"}

package/dist/esm/components/components.js

@@ -1,6 +1,6 @@
 import { __awaiter } from "tslib";
 import { foundationLayoutComponents } from '@genesislcap/foundation-layout';
-import { logger } from '../utils';
+import * as rapidDesignSystem from '@genesislcap/rapid-design-system';
 import { FoundationInboxCounter } from './foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter';
 import { InboxSubscription } from './foundation-inbox/components/inbox-subscription/inbox-subscription';
 import { RuleParameter } from './foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter';
@@ -40,39 +40,10 @@ LogRouteManagement;
 MSTeamsRouteManagement;
 NotifyAuditManagement;
 // #endregion Notification Dashboard
-var ResourceType;
-(function (ResourceType) {
-    ResourceType["LOCAL"] = "LOCAL";
-    ResourceType["REMOTE"] = "REMOTE";
-})(ResourceType || (ResourceType = {}));
-// TODO: Think about sharing import functions across micro frontends.
-function loadZeroFallback() {
-    return import(
-    /* webpackMode: "lazy" */
-    '@genesislcap/foundation-zero');
-}
-// Granular
-function loadZeroDesignSystem() {
-    return __awaiter(this, void 0, void 0, function* () {
-        let type = ResourceType.REMOTE;
-        try {
-            // @ts-expect-error ignore zeroDesignSystem module
-            return yield import('foundationZero/ZeroDesignSystem');
-        }
-        catch (e) {
-            type = ResourceType.LOCAL;
-            return yield loadZeroFallback();
-        }
-        finally {
-            logger.debug(`Using '${type}' version of foundationZero/ZeroDesignSystem`);
-        }
-    });
-}
 export function loadRemotes() {
     return __awaiter(this, void 0, void 0, function* () {
-        const { registerZeroDesignSystem, provideDesignSystem } = yield loadZeroDesignSystem();
-        return {
-            ZeroDesignSystem: Object.assign(Object.assign({}, registerZeroDesignSystem()), provideDesignSystem().register(foundationLayoutComponents)),
-        };
+        rapidDesignSystem
+            .provideDesignSystem()
+            .register(rapidDesignSystem.baseComponents, foundationLayoutComponents);
     });
 }

package/dist/esm/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.js

@@ -1,10 +1,10 @@
 import { __awaiter, __decorate } from "tslib";
-import { observable, customElement, FASTElement } from '@microsoft/fast-element';
+import { customElement, GenesisElement, observable } from '@genesislcap/web-core';
 import { FoundationInboxService } from '../../../../services/inbox.service';
 import { AlertStatus } from '../../inbox.types';
 import { FoundationInboxCounterStyles } from './foundation-inbox-counter.styles';
 import { FoundationInboxCounterTemplate } from './foundation-inbox-counter.template';
-let FoundationInboxCounter = class FoundationInboxCounter extends FASTElement {
+let FoundationInboxCounter = class FoundationInboxCounter extends GenesisElement {
     constructor() {
         super(...arguments);
         this.value = 0;

package/dist/esm/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@genesislcap/web-core';
 const BACKGROUND_COLOR = '#EF5547';
 export const FoundationInboxCounterStyles = css `
   :host {

package/dist/esm/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.js

@@ -1,4 +1,4 @@
-import { html, when } from '@microsoft/fast-element';
+import { html, when } from '@genesislcap/web-core';
 const MAX_NUMBER_TO_DISPLAY = 99;
 export const FoundationInboxCounterTemplate = html `
   ${when((x) => x.value > 0, html `

package/dist/esm/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.js

@@ -1,5 +1,5 @@
 import { __awaiter, __decorate } from "tslib";
-import { observable, customElement } from '@microsoft/fast-element';
+import { observable, customElement } from '@genesislcap/web-core';
 import { loadRemotes } from '../../../components';
 import { FoundationInboxBase } from '../../inbox-base/inbox-base';
 import { FoundationInboxFlyoutStyles } from './foundation-inbox-flyout.styles';

package/dist/esm/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.js

@@ -1,13 +1,13 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@genesislcap/web-core';
 import { FoundationInboxStyles } from '../../inbox.styles';
 export const FoundationInboxFlyoutStyles = css `
-  zero-flyout::part(flyout) {
+  rapid-flyout::part(flyout) {
     width: 30%;
     min-width: 320px;
     padding: 0;
   }
 
-  zero-flyout::part(content) {
+  rapid-flyout::part(content) {
     height: 100%;
     display: flex;
     flex-direction: column;

package/dist/esm/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.js

@@ -1,7 +1,7 @@
-import { html, ref } from '@microsoft/fast-element';
+import { html, ref } from '@genesislcap/web-core';
 import { FoundationInboxTemplate } from '../../inbox.template';
 export const FoundationInboxFlyoutTemplate = html `
-  <zero-flyout
+  <rapid-flyout
     ${ref('flyout')}
     position="right"
     @closed=${(x) => (x.flyoutClosed = true)}
@@ -10,11 +10,11 @@ export const FoundationInboxFlyoutTemplate = html `
   >
     <div class="inbox-header">
       <div class="inbox-header-title">Alerts Center</div>
-      <zero-button class="inbox-header-close" @click=${(x) => x.close()}>
-        <zero-icon part="icon" name="xmark" size="xl"></zero-icon>
-      </zero-button>
+      <rapid-button class="inbox-header-close" @click=${(x) => x.close()}>
+        <rapid-icon part="icon" name="xmark" size="xl"></rapid-icon>
+      </rapid-button>
     </div>
 
     ${FoundationInboxTemplate}
-  </zero-flyout>
+  </rapid-flyout>
 `;

package/dist/esm/components/foundation-inbox/components/inbox-subscription/inbox-subscription.js

@@ -1,11 +1,11 @@
 import { __awaiter, __decorate } from "tslib";
-import { FASTElement, attr, customElement, observable } from '@microsoft/fast-element';
+import { attr, customElement, GenesisElement, observable } from '@genesislcap/web-core';
 import { RuleService } from '../../../../services/rule.service';
 import { EXPRESSION_TYPE_PLACEHOLDER } from '../../../foundation-notification-dashboard/types/expression-type';
 import { PARAM_SOURCE_TYPE_DEFINED_GROUP } from '../../../foundation-notification-dashboard/types/param-source-type';
 import { InboxSubscriptionStyles } from './inbox-subscription.styles';
 import { InboxSubscriptionTemplate } from './inbox-subscription.template';
-let InboxSubscription = class InboxSubscription extends FASTElement {
+let InboxSubscription = class InboxSubscription extends GenesisElement {
     constructor() {
         super(...arguments);
         this.parametersDetails = {};

package/dist/esm/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@genesislcap/web-core';
 export const InboxSubscriptionStyles = css `
   .inbox-subscription {
     display: flex;
@@ -28,7 +28,7 @@ export const InboxSubscriptionStyles = css `
     border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
   }
 
-  zero-button.subscribe {
+  rapid-button.subscribe {
     display: flex;
     margin: 0;
     width: 100%;

package/dist/esm/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.js

@@ -1,4 +1,4 @@
-import { html, repeat, when } from '@microsoft/fast-element';
+import { html, repeat, when } from '@genesislcap/web-core';
 import { eventDetail } from '../../../../utils';
 export const InboxSubscriptionTemplate = html `
   <div class="inbox-subscription">
@@ -26,13 +26,13 @@ export const InboxSubscriptionTemplate = html `
       `)}
 
     <div class="inbox-subscription-footer">
-      <zero-button
+      <rapid-button
         class="subscribe"
         @click=${(x) => x.subscribeTemplate()}
         ?disabled=${(x) => x.subscribeDisabled}
       >
         Subscribe
-      </zero-button>
+      </rapid-button>
     </div>
   </div>
 `;

package/dist/esm/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.js

@@ -1,10 +1,10 @@
 import { __decorate } from "tslib";
-import { FASTElement, attr, customElement, observable } from '@microsoft/fast-element';
+import { attr, customElement, GenesisElement, observable } from '@genesislcap/web-core';
 import { PARAM_SOURCE_TYPE_DEFINED_GROUP, PARAM_SOURCE_TYPE_USER_TEXT, } from '../../../../foundation-notification-dashboard/types/param-source-type';
 import { PARAM_TYPE_BOOLEAN } from '../../../../foundation-notification-dashboard/types/param-type';
 import { RuleParameterStyles } from './rule-parameter.styles';
 import { RuleParameterTemplate } from './rule-parameter.template';
-let RuleParameter = class RuleParameter extends FASTElement {
+let RuleParameter = class RuleParameter extends GenesisElement {
     constructor() {
         super(...arguments);
         this.isFirstElement = false;

package/dist/esm/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@genesislcap/web-core';
 export const RuleParameterStyles = css `
   .control {
     display: flex;
@@ -18,7 +18,7 @@ export const RuleParameterStyles = css `
     width: 100%;
   }
 
-  zero-select::part(listbox) {
+  rapid-select::part(listbox) {
     max-height: 160px;
   }
 `;

package/dist/esm/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.template.js

@@ -1,5 +1,5 @@
 import { sync } from '@genesislcap/foundation-utils';
-import { html, repeat, when } from '@microsoft/fast-element';
+import { html, repeat, when } from '@genesislcap/web-core';
 import { humanize } from '../../../../../utils';
 import { PARAM_SOURCE_TYPE_DEFINED_GROUP, PARAM_SOURCE_TYPE_REQ_REP, PARAM_SOURCE_TYPE_USER_TEXT, } from '../../../../foundation-notification-dashboard/types/param-source-type';
 import { PARAM_TYPE_BOOLEAN, PARAM_TYPE_NUMBER, PARAM_TYPE_STRING, } from '../../../../foundation-notification-dashboard/types/param-type';
@@ -13,53 +13,53 @@ export const RuleParameterTemplate = html `
     <!-- USER_TEXT -->
     ${when((x) => x.parameter.PARAM_SOURCE_TYPE === PARAM_SOURCE_TYPE_USER_TEXT, html `
         ${when((x) => x.parameter.PARAM_TYPE === PARAM_TYPE_STRING, html `
-            <zero-text-field
+            <rapid-text-field
               autofocus=${(x) => x.isFirstElement}
               class="input-field"
               :value=${sync((x) => x.inputValue)}
               @input=${(x, c) => x.parameterEdit(c.event.target.value)}
-            ></zero-text-field>
+            ></rapid-text-field>
           `)}
         ${when((x) => x.parameter.PARAM_TYPE === PARAM_TYPE_NUMBER, html `
-            <zero-number-field
+            <rapid-number-field
               hide-step
               autofocus=${(x) => x.isFirstElement}
               class="input-field"
               :value=${sync((x) => x.inputValue)}
               @input=${(x, c) => x.parameterEdit(c.event.target.value)}
-            ></zero-number-field>
+            ></rapid-number-field>
           `)}
 
         <!-- TODO: Implement
         ${when((x) => x.parameter.PARAM_TYPE === PARAM_TYPE_BOOLEAN, html `
-            <zero-select
+            <rapid-select
               autofocus=${(x) => x.isFirstElement}
               class="input-field"
               :value=${sync((x) => x.inputValue)}
             >
-              <zero-option value="true">true</zero-option>
-              <zero-option value="false">false</zero-option>
-            </zero-select>
+              <rapid-option value="true">true</rapid-option>
+              <rapid-option value="false">false</rapid-option>
+            </rapid-select>
           `)}
         -->
       `)}
 
     <!-- DEFINED_GROUP -->
     ${when((x) => x.parameter.PARAM_SOURCE_TYPE === PARAM_SOURCE_TYPE_DEFINED_GROUP, html `
-        <zero-select
+        <rapid-select
           autofocus=${(x) => x.isFirstElement}
           class="input-field"
           :value=${sync((x) => x.inputValue)}
         >
           ${repeat((x) => x.parameter.PARAM_SOURCE.split(','), html `
-              <zero-option value=${(x) => x}>${(x) => x}</zero-option>
+              <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>
             `)}
-        </zero-select>
+        </rapid-select>
       `)}
 
     <!-- TODO: REQ_REP -->
     ${when((x) => x.parameter.PARAM_SOURCE_TYPE === PARAM_SOURCE_TYPE_REQ_REP, html `
-        <zero-select :value=${sync((x) => x.inputValue)}></zero-select>
+        <rapid-select :value=${sync((x) => x.inputValue)}></rapid-select>
       `)}
   </div>
 `;

package/dist/esm/components/foundation-inbox/inbox-base/inbox-base.js

@@ -1,14 +1,13 @@
 import { __awaiter, __decorate } from "tslib";
 import { Auth } from '@genesislcap/foundation-comms';
-import { FASTElement, observable } from '@microsoft/fast-element';
+import { GenesisElement, observable } from '@genesislcap/web-core';
 import { AlertService } from '../../../services/alert.service';
 import { FoundationInboxService } from '../../../services/inbox.service';
 import { RuleService } from '../../../services/rule.service';
 import { TemplateService } from '../../../services/template.service';
 import { logger } from '../../../utils';
-import { InboxTab } from '../inbox.template';
-import { AlertStatus, RuleStatus, } from '../inbox.types';
-export class FoundationInboxBase extends FASTElement {
+import { AlertStatus, InboxTab, RuleStatus, } from '../inbox.types';
+export class FoundationInboxBase extends GenesisElement {
     constructor() {
         super(...arguments);
         this.alerts = [];

package/dist/esm/components/foundation-inbox/inbox.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { customElement } from '@microsoft/fast-element';
+import { customElement } from '@genesislcap/web-core';
 import { FoundationInboxBase } from './inbox-base/inbox-base';
 import { FoundationInboxStyles } from './inbox.styles';
 import { FoundationInboxTemplate } from './inbox.template';

package/dist/esm/components/foundation-inbox/inbox.styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@genesislcap/web-core';
 /**
  * @public
  */
@@ -12,18 +12,19 @@ export const FoundationInboxStyles = css `
   }
 
   /* Tabs */
-  zero-tabs {
+  rapid-tabs {
     display: flex;
     flex-direction: column;
     width: 100%;
   }
 
-  zero-tabs::part(tablist) {
+  rapid-tabs::part(tablist) {
     grid-template-columns: none;
     flex: 0;
+    width: 100%;
   }
 
-  zero-tabs::part(tabpanel) {
+  rapid-tabs::part(tabpanel) {
     display: flex;
     flex-direction: column;
     flex: 1;

package/dist/esm/components/foundation-inbox/inbox.template.js

@@ -1,29 +1,22 @@
 import { sync } from '@genesislcap/foundation-utils';
-import { html, ref, repeat, when } from '@microsoft/fast-element';
+import { html, ref, repeat, when } from '@genesislcap/web-core';
 import { NotifyPermission } from '../../utils/notifyPermissions';
-import { AlertStatus } from './inbox.types';
+import { AlertStatus, InboxTab } from './inbox.types';
 import { getFormattedDate, getIcon, getSeverityColor, getStatus } from './inbox.utils';
-export var InboxTab;
-(function (InboxTab) {
-    InboxTab[InboxTab["AlertsNew"] = 0] = "AlertsNew";
-    InboxTab[InboxTab["AlertHistory"] = 1] = "AlertHistory";
-    InboxTab[InboxTab["MyAlerts"] = 2] = "MyAlerts";
-    InboxTab[InboxTab["Subscribe"] = 3] = "Subscribe";
-})(InboxTab || (InboxTab = {}));
 const alertsTab = (tab) => html `
-  <zero-tab-panel
+  <rapid-tab-panel
     slot="alert-log-tab"
     class="alert-log-tab-panel"
     id=${tab}
     style=${(x) => x.checkActiveTab(tab)}
   >
     <div class="search">
-      <zero-text-field
+      <rapid-text-field
         class="search-input"
         :value=${sync((x) => x.searchAlertLog)}
         placeholder="Search Alerts..."
         autocomplete="off"
-      ></zero-text-field>
+      ></rapid-text-field>
     </div>
     <div class="alert-log-tab-content">
       ${repeat((x) => x.alertsFilter, html `
@@ -35,7 +28,7 @@ const alertsTab = (tab) => html `
             <div class="toast-content">
               ${when((x) => x.ALERT_STATUS === AlertStatus.NEW, html `
                   <div class="close-icon" @click=${(x, c) => c.parent.dismissAlert(x.ALERT_ID)}>
-                    <zero-icon name="times"></zero-icon>
+                    <rapid-icon name="times"></rapid-icon>
                   </div>
                 `)}
               <span class="toast-header">${(x) => x.HEADER}</span>
@@ -47,56 +40,56 @@ const alertsTab = (tab) => html `
           </div>
         `)}
     </div>
-  </zero-tab-panel>
+  </rapid-tab-panel>
 `;
 /**
  * @public
  */
 export const FoundationInboxTemplate = html `
   <div class="inbox-content">
-    <zero-tabs ${ref('tabs')} appearance="secondary" activeid=${(x) => InboxTab.AlertsNew}>
-      <zero-tab
+    <rapid-tabs ${ref('tabs')} appearance="secondary" activeid=${(x) => InboxTab.AlertsNew}>
+      <rapid-tab
         slot="alert-log-tab"
         id=${InboxTab.AlertsNew}
         @click=${(x) => x.inboxTabChanged(InboxTab.AlertsNew)}
         appearance="secondary"
       >
         Alerts
-      </zero-tab>
-      <zero-tab
+      </rapid-tab>
+      <rapid-tab
         slot="alert-log-tab"
         id=${InboxTab.AlertHistory}
         @click=${(x) => x.inboxTabChanged(InboxTab.AlertHistory)}
         appearance="secondary"
       >
         Alert History
-      </zero-tab>
+      </rapid-tab>
       ${when((x) => { var _a; return (_a = x.auth.currentUser) === null || _a === void 0 ? void 0 : _a.hasPermission(NotifyPermission.NotificationRuleView); }, html `
-          <zero-tab
+          <rapid-tab
             slot="my-alerts-tab"
             id=${InboxTab.MyAlerts}
             @click=${(x) => x.inboxTabChanged(InboxTab.MyAlerts)}
             appearance="secondary"
           >
             Subscriptions
-          </zero-tab>
+          </rapid-tab>
         `)}
       ${when((x) => { var _a; return (_a = x.auth.currentUser) === null || _a === void 0 ? void 0 : _a.hasPermission(NotifyPermission.NotificationRuleTemplateView); }, html `
-          <zero-tab
+          <rapid-tab
             slot="subscribe-tab"
             id=${InboxTab.Subscribe}
             @click=${(x) => x.inboxTabChanged(InboxTab.Subscribe)}
             appearance="secondary"
           >
             Subscribe
-          </zero-tab>
+          </rapid-tab>
         `)}
 
       <!-- Alerts -->
       ${(_) => alertsTab(InboxTab.AlertsNew)} ${(_) => alertsTab(InboxTab.AlertHistory)}
       ${when((x) => { var _a; return (_a = x.auth.currentUser) === null || _a === void 0 ? void 0 : _a.hasPermission(NotifyPermission.NotificationRuleView); }, html `
           <!-- Rules -->
-          <zero-tab-panel
+          <rapid-tab-panel
             slot="my-alerts-tab"
             class="my-alerts-tab-panel"
             id=${InboxTab.MyAlerts}
@@ -115,43 +108,43 @@ export const FoundationInboxTemplate = html `
                       <div class="rule-actions">
                         <!--
                         <span class="rule-action-edit" @click=${(x, c) => c.parent.editAlert(x)}}>
-                          <zero-icon name="gear"></zero-icon>
+                          <rapid-icon name="gear"></rapid-icon>
                         </span>
                       -->
                         <span
                           class="rule-action-enable-disable"
                           @click=${(x, c) => c.parent.playPauseAlert(x)}
                         >
-                          <zero-icon name=${(x) => getIcon(x.RULE_STATUS)}></zero-icon>
+                          <rapid-icon name=${(x) => getIcon(x.RULE_STATUS)}></rapid-icon>
                         </span>
                         <span
                           class="rule-action-delete"
                           @click=${(x, c) => c.parent.deleteAlert(x)}
                         >
-                          <zero-icon name="trash"></zero-icon>
+                          <rapid-icon name="trash"></rapid-icon>
                         </span>
                       </div>
                     </div>
                   </div>
                 `)}
             </div>
-          </zero-tab-panel>
+          </rapid-tab-panel>
         `)}
       ${when((x) => { var _a; return (_a = x.auth.currentUser) === null || _a === void 0 ? void 0 : _a.hasPermission(NotifyPermission.NotificationRuleTemplateView); }, html `
           <!-- Templates -->
-          <zero-tab-panel
+          <rapid-tab-panel
             slot="subscribe-tab"
             class="subscribe-tab-panel"
             id=${InboxTab.Subscribe}
             style=${(x) => x.checkActiveTab(InboxTab.Subscribe)}
           >
             <div class="search">
-              <zero-text-field
+              <rapid-text-field
                 class="search-input"
                 :value=${sync((x) => x.searchSubscribe)}
                 placeholder="Search Templates..."
                 autocomplete="off"
-              ></zero-text-field>
+              ></rapid-text-field>
             </div>
             <div class="subscribe-tab-content">
               ${repeat((x) => x.templatesFilter, html `
@@ -172,8 +165,8 @@ export const FoundationInboxTemplate = html `
                   @templateSubscribed=${(x) => (x.ruleTemplateDetails = null)}
                 ></inbox-subscription>
               `)}
-          </zero-tab-panel>
+          </rapid-tab-panel>
         `)}
-    </zero-tabs>
+    </rapid-tabs>
   </div>
 `;

package/dist/esm/components/foundation-inbox/inbox.types.js

@@ -8,3 +8,10 @@ export var RuleStatus;
     RuleStatus["ENABLED"] = "ENABLED";
     RuleStatus["DISABLED"] = "DISABLED";
 })(RuleStatus || (RuleStatus = {}));
+export var InboxTab;
+(function (InboxTab) {
+    InboxTab[InboxTab["AlertsNew"] = 0] = "AlertsNew";
+    InboxTab[InboxTab["AlertHistory"] = 1] = "AlertHistory";
+    InboxTab[InboxTab["MyAlerts"] = 2] = "MyAlerts";
+    InboxTab[InboxTab["Subscribe"] = 3] = "Subscribe";
+})(InboxTab || (InboxTab = {}));

package/dist/esm/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { css, customElement, FASTElement, html } from '@microsoft/fast-element';
+import { css, customElement, GenesisElement, html } from '@genesislcap/web-core';
 import { managementGridStyles } from '../../styles/management.styles';
 const NOTIFY_AUDIT_MANAGEMENT_COLUMNS = [
     {
@@ -73,7 +73,7 @@ const NOTIFY_AUDIT_MANAGEMENT_COLUMNS = [
         flex: 1,
     },
 ];
-let NotifyAuditManagement = class NotifyAuditManagement extends FASTElement {
+let NotifyAuditManagement = class NotifyAuditManagement extends GenesisElement {
 };
 NotifyAuditManagement = __decorate([
     customElement({
@@ -81,6 +81,7 @@ NotifyAuditManagement = __decorate([
         template: html `
     <div class="grid">
       <entity-management
+        design-system-prefix="rapid"
         resourceName="ALL_NOTIFY_AUDIT"
         :columns=${() => [...NOTIFY_AUDIT_MANAGEMENT_COLUMNS]}
       ></entity-management>