@genesislcap/pbc-notify-ui 1.0.32 → 1.0.33

package/dist/esm/components/foundation-notification-dashboard/components/routes/route-management.js

@@ -1,56 +1,56 @@
 import { __decorate } from "tslib";
-import { FASTElement, css, customElement, html } from '@microsoft/fast-element';
-let RouteManagement = class RouteManagement extends FASTElement {
+import { css, customElement, GenesisElement, html } from '@genesislcap/web-core';
+let RouteManagement = class RouteManagement extends GenesisElement {
 };
 RouteManagement = __decorate([
     customElement({
         name: 'route-management',
         template: html `
-    <zero-tabs appearance="secondary">
-      <zero-tab appearance="secondary">Screen Routes</zero-tab>
-      <zero-tab appearance="secondary">Email Distribution Routes</zero-tab>
-      <zero-tab appearance="secondary">Email User Routes</zero-tab>
-      <zero-tab appearance="secondary">Log Routes</zero-tab>
-      <zero-tab appearance="secondary">MS Teams Routes</zero-tab>
+    <rapid-tabs appearance="secondary">
+      <rapid-tab appearance="secondary">Screen Routes</rapid-tab>
+      <rapid-tab appearance="secondary">Email Distribution Routes</rapid-tab>
+      <rapid-tab appearance="secondary">Email User Routes</rapid-tab>
+      <rapid-tab appearance="secondary">Log Routes</rapid-tab>
+      <rapid-tab appearance="secondary">MS Teams Routes</rapid-tab>
 
-      <zero-tab-panel>
+      <rapid-tab-panel>
         <screen-route-management></screen-route-management>
-      </zero-tab-panel>
-      <zero-tab-panel>
+      </rapid-tab-panel>
+      <rapid-tab-panel>
         <email-distribution-route-management></email-distribution-route-management>
-      </zero-tab-panel>
-      <zero-tab-panel>
+      </rapid-tab-panel>
+      <rapid-tab-panel>
         <email-user-route-management></email-user-route-management>
-      </zero-tab-panel>
-      <zero-tab-panel>
+      </rapid-tab-panel>
+      <rapid-tab-panel>
         <log-route-management></log-route-management>
-      </zero-tab-panel>
-      <zero-tab-panel>
+      </rapid-tab-panel>
+      <rapid-tab-panel>
         <ms-teams-route-management></ms-teams-route-management>
-      </zero-tab-panel>
-    </zero-tabs>
+      </rapid-tab-panel>
+    </rapid-tabs>
   `,
         styles: css `
-    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;
     }
 
-    zero-tabs::part(tabpanel) {
+    rapid-tabs::part(tabpanel) {
       display: flex;
       flex-direction: column;
       flex: 1;
       min-height: 0;
     }
 
-    zero-tabs,
-    zero-tab-panel {
+    rapid-tabs,
+    rapid-tab-panel {
       height: 100%;
     }
   `,

package/dist/esm/components/foundation-notification-dashboard/components/routes/tabs/email-distribution-route-management.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { customElement, FASTElement, html } from '@microsoft/fast-element';
+import { customElement, GenesisElement, html } from '@genesislcap/web-core';
 import { managementGridStyles } from '../../../styles/management.styles';
 const EMAIL_DISTRIBUTION_ROUTE_MANAGEMENT_COLUMNS = [
     {
@@ -33,7 +33,7 @@ const EMAIL_DISTRIBUTION_ROUTE_MANAGEMENT_COLUMNS = [
         flex: 1,
     },
 ];
-let EmailDistributionRouteManagement = class EmailDistributionRouteManagement extends FASTElement {
+let EmailDistributionRouteManagement = class EmailDistributionRouteManagement extends GenesisElement {
 };
 EmailDistributionRouteManagement = __decorate([
     customElement({
@@ -41,6 +41,7 @@ EmailDistributionRouteManagement = __decorate([
         template: html `
     <div class="grid">
       <entity-management
+        design-system-prefix="rapid"
         resourceName="ALL_EMAIL_DISTRIBUTION_ROUTES"
         createEvent="EVENT_EMAIL_DISTRIBUTION_ROUTE_CREATE"
         updateEvent="EVENT_DYNAMIC_RULE_NOTIFY_UPDATE"

package/dist/esm/components/foundation-notification-dashboard/components/routes/tabs/email-user-route-management.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { customElement, FASTElement, html } from '@microsoft/fast-element';
+import { customElement, GenesisElement, html } from '@genesislcap/web-core';
 import { managementGridStyles } from '../../../styles/management.styles';
 const EMAIL_USER_ROUTE_COLUMNS = [
     {
@@ -43,7 +43,7 @@ const EMAIL_USER_ROUTE_COLUMNS = [
         flex: 1,
     },
 ];
-let EmailUserRouteManagement = class EmailUserRouteManagement extends FASTElement {
+let EmailUserRouteManagement = class EmailUserRouteManagement extends GenesisElement {
 };
 EmailUserRouteManagement = __decorate([
     customElement({
@@ -51,6 +51,7 @@ EmailUserRouteManagement = __decorate([
         template: html `
     <div class="grid">
       <entity-management
+        design-system-prefix="rapid"
         resourceName="ALL_EMAIL_USER_ROUTES"
         createEvent="EVENT_EMAIL_USER_ROUTE_CREATE"
         updateEvent="EVENT_EMAIL_USER_ROUTE_UPDATE"

package/dist/esm/components/foundation-notification-dashboard/components/routes/tabs/log-route-management.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { customElement, FASTElement, html } from '@microsoft/fast-element';
+import { customElement, GenesisElement, html } from '@genesislcap/web-core';
 import { managementGridStyles } from '../../../styles/management.styles';
 const LOG_ROUTE_MANAGEMENT_COLUMNS = [
     {
@@ -18,7 +18,7 @@ const LOG_ROUTE_MANAGEMENT_COLUMNS = [
         flex: 1,
     },
 ];
-let LogRouteManagement = class LogRouteManagement extends FASTElement {
+let LogRouteManagement = class LogRouteManagement extends GenesisElement {
 };
 LogRouteManagement = __decorate([
     customElement({
@@ -26,6 +26,7 @@ LogRouteManagement = __decorate([
         template: html `
     <div class="grid">
       <entity-management
+        design-system-prefix="rapid"
         resourceName="ALL_LOG_ROUTES"
         createEvent="EVENT_LOG_ROUTE_CREATE"
         updateEvent="EVENT_LOG_ROUTE_UPDATE"

package/dist/esm/components/foundation-notification-dashboard/components/routes/tabs/ms-teams-route-management.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { customElement, FASTElement, html } from '@microsoft/fast-element';
+import { customElement, GenesisElement, html } from '@genesislcap/web-core';
 import { managementGridStyles } from '../../../styles/management.styles';
 const MS_TEAMS_ROUTE_MANAGEMENT_COLUMNS = [
     {
@@ -23,7 +23,7 @@ const MS_TEAMS_ROUTE_MANAGEMENT_COLUMNS = [
         flex: 1,
     },
 ];
-let MSTeamsRouteManagement = class MSTeamsRouteManagement extends FASTElement {
+let MSTeamsRouteManagement = class MSTeamsRouteManagement extends GenesisElement {
 };
 MSTeamsRouteManagement = __decorate([
     customElement({
@@ -31,6 +31,7 @@ MSTeamsRouteManagement = __decorate([
         template: html `
     <div class="grid">
       <entity-management
+        design-system-prefix="rapid"
         resourceName="ALL_MS_TEAMS_ROUTES"
         createEvent="EVENT_MS_TEAMS_ROUTE_CREATE"
         updateEvent="EVENT_MS_TEAMS_ROUTE_UPDATE"

package/dist/esm/components/foundation-notification-dashboard/components/routes/tabs/screen-route-management.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { customElement, FASTElement, html } from '@microsoft/fast-element';
+import { customElement, GenesisElement, html } from '@genesislcap/web-core';
 import { managementGridStyles } from '../../../styles/management.styles';
 const SCREEN_ROUTE_MANAGEMENT_COLUMNS = [
     {
@@ -43,7 +43,7 @@ const SCREEN_ROUTE_MANAGEMENT_UI_SCHEMA = {
         { type: 'Control', scope: '#/properties/TOPIC_MATCH', label: 'TOPIC MATCH' },
     ],
 };
-let ScreenRouteManagement = class ScreenRouteManagement extends FASTElement {
+let ScreenRouteManagement = class ScreenRouteManagement extends GenesisElement {
 };
 ScreenRouteManagement = __decorate([
     customElement({
@@ -51,6 +51,7 @@ ScreenRouteManagement = __decorate([
         template: html `
     <div class="grid">
       <entity-management
+        design-system-prefix="rapid"
         resourceName="ALL_SCREEN_ROUTES"
         createEvent="EVENT_SCREEN_NOTIFY_ROUTE_CREATE"
         updateEvent="EVENT_SCREEN_NOTIFY_ROUTE_UPDATE"

package/dist/esm/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.js

@@ -1,11 +1,11 @@
 import { __awaiter, __decorate } from "tslib";
-import { customElement, FASTElement, observable } from '@microsoft/fast-element';
+import { customElement, GenesisElement, observable } from '@genesislcap/web-core';
 import { LogicalOperator, nullAndBlankLogicalOperatorValues, } from '../../../../../../notify.types';
 import { logger } from '../../../../../../utils';
 import { ConditionBuilderStyles } from '../../../../styles/condition-builder.styles';
 import { RuleConditionBuilderTemplate } from './rule-condition-builder.template';
 import { RightCriteria } from './rule-condition-builder.types';
-let RuleConditionBuilder = class RuleConditionBuilder extends FASTElement {
+let RuleConditionBuilder = class RuleConditionBuilder extends GenesisElement {
     constructor() {
         super(...arguments);
         this.leftValueItems = [];

package/dist/esm/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.template.js

@@ -1,21 +1,20 @@
 import { sync } from '@genesislcap/foundation-utils';
-import { html, repeat, when } from '@microsoft/fast-element';
-import { classNames } from '@microsoft/fast-web-utilities';
+import { classNames, html, repeat, when } from '@genesislcap/web-core';
 import { LogicalOperator, nullAndBlankLogicalOperatorValues } from '../../../../../../notify.types';
 import { RightCriteria } from './rule-condition-builder.types';
 export const RuleConditionBuilderTemplate = html `
   <div class="condition-builder">
-    <zero-select
+    <rapid-select
       :value=${sync((x) => x.leftValue)}
       :initialValue=${sync((x) => x.leftValue)}
       class="left-value"
     >
       ${repeat((x) => x.fields, html `
-          <zero-option value=${(x) => JSON.stringify(x)}>${(x) => x.FIELD_NAME}</zero-option>
+          <rapid-option value=${(x) => JSON.stringify(x)}>${(x) => x.FIELD_NAME}</rapid-option>
         `)}
-    </zero-select>
+    </rapid-select>
 
-    <zero-select
+    <rapid-select
       class="logical-operator${(x) => classNames([
     '-null-and-blank',
     nullAndBlankLogicalOperatorValues.includes(LogicalOperator[x.logicalOperator]),
@@ -23,42 +22,41 @@ export const RuleConditionBuilderTemplate = html `
       :value=${sync((x) => x.logicalOperator)}
     >
       ${repeat((_) => Object.values(LogicalOperator), html `
-          <zero-option value=${(x) => x}>${(x) => x}</zero-option>
+          <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>
         `)}
-    </zero-select>
+    </rapid-select>
 
     ${when((x) => !nullAndBlankLogicalOperatorValues.includes(LogicalOperator[x.logicalOperator]), html `
-        <zero-select class="right-criteria" :value=${sync((x) => x.rightCriteria)}>
+        <rapid-select class="right-criteria" :value=${sync((x) => x.rightCriteria)}>
           ${repeat((x) => Object.values(RightCriteria), html `
-              <zero-option value=${(x) => x}>${(x) => x}</zero-option>
+              <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>
             `)}
-        </zero-select>
-
+        </rapid-select>
         ${when((x) => x.rightCriteria === RightCriteria.VALUE, html `
-            <zero-text-field
+            <rapid-text-field
               class="right-criteria-text"
               :value=${sync((x) => x.rightValueText)}
               placeholder="Value"
               autocomplete="off"
-            ></zero-text-field>
+            ></rapid-text-field>
           `)}
         ${when((x) => x.rightCriteria === RightCriteria.FIELD, html `
-            <zero-select class="right-criteria-select" :value=${sync((x) => x.rightValueSelect)}>
+            <rapid-select class="right-criteria-select" :value=${sync((x) => x.rightValueSelect)}>
               ${repeat((x) => x.fields, html `
-                  <zero-option value=${(x) => x.FIELD_NAME}>${(x) => x.FIELD_NAME}</zero-option>
+                  <rapid-option value=${(x) => x.FIELD_NAME}>${(x) => x.FIELD_NAME}</rapid-option>
                 `)}
-            </zero-select>
+            </rapid-select>
           `)}
       `)}
 
-    <zero-button appearance="icon" class="delete" @click=${(x) => x.deleteCondition()}>
-      <zero-icon
+    <rapid-button appearance="icon" class="delete" @click=${(x) => x.deleteCondition()}>
+      <rapid-icon
         style="opacity: 0.5"
         variant="regular"
         name="trash-alt"
         size="lg"
         part="icon"
-      ></zero-icon>
-    </zero-button>
+      ></rapid-icon>
+    </rapid-button>
   </div>
 `;

package/dist/esm/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.js

@@ -1,5 +1,5 @@
 import { __awaiter, __decorate } from "tslib";
-import { customElement, FASTElement, observable, volatile } from '@microsoft/fast-element';
+import { customElement, GenesisElement, observable, volatile } from '@genesislcap/web-core';
 import { Assignment, defaultUpdateType, Severity, } from '../../../../../notify.types';
 import { NotifyService } from '../../../../../services/notify.service';
 import { RuleService } from '../../../../../services/rule.service';
@@ -9,7 +9,7 @@ import { DynamicRuleUtils, RuleUtils, showNotificationError, isEmpty, } from '..
 import { DynamicRuleDialogStyles } from '../../../styles/dynamic-rule.styles';
 import { RuleDialogTemplate } from './rule-dialog.template';
 import { RuleDialogMode } from './rule-dialog.types';
-let RuleDialog = class RuleDialog extends FASTElement {
+let RuleDialog = class RuleDialog extends GenesisElement {
     constructor() {
         super(...arguments);
         this.resource = ''; // TODO: Tables + Views

package/dist/esm/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.template.js

@@ -1,60 +1,60 @@
 import { sync } from '@genesislcap/foundation-utils';
-import { html, ref, repeat } from '@microsoft/fast-element';
+import { html, ref, repeat } from '@genesislcap/web-core';
 import { Severity, UpdateType } from '../../../../../notify.types';
 import { eventDetail } from '../../../../../utils/eventDetail';
 export const RuleDialogTemplate = html `
-  <zero-modal ${ref('dialog')} class="dialog" :onCloseCallback=${(x) => () => x.close()}>
+  <rapid-modal ${ref('dialog')} class="dialog" :onCloseCallback=${(x) => () => x.close()}>
     <div slot="top" class="dialog-top">${(x) => x.ruleDialogTitle}</div>
 
     <div class="dialog-content">
       <div class="content-row">
         <div class="control">
-          <zero-text-field :value=${sync((x) => x.name)} autofocus autocomplete="off" required>
+          <rapid-text-field :value=${sync((x) => x.name)} autofocus autocomplete="off" required>
             Name
-          </zero-text-field>
+          </rapid-text-field>
         </div>
 
         <div class="control">
-          <zero-text-field :value=${sync((x) => x.description)} autocomplete="off" required>
+          <rapid-text-field :value=${sync((x) => x.description)} autocomplete="off" required>
             Description
-          </zero-text-field>
+          </rapid-text-field>
         </div>
       </div>
 
       <div class="content-row">
         <div class="control">
           <label>Resource</label>
-          <zero-select :value=${sync((x) => x.resource)} position="below">
+          <rapid-select :value=${sync((x) => x.resource)} position="below">
             ${repeat((x) => x.resources, html `
-                <zero-option value=${(x) => x}>${(x) => x}</zero-option>
+                <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>
               `)}
-          </zero-select>
+          </rapid-select>
         </div>
 
         <div class="control">
           <label>Topic</label>
-          <zero-select :value=${sync((x) => x.topic)}>
+          <rapid-select :value=${sync((x) => x.topic)}>
             ${repeat((x) => x.topics, html `
-                <zero-option value=${(x) => x}>${(x) => x}</zero-option>
+                <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>
               `)}
-          </zero-select>
+          </rapid-select>
         </div>
 
         <div class="control">
           <label>Severity</label>
-          <zero-select :value=${sync((x) => x.severity)}>
+          <rapid-select :value=${sync((x) => x.severity)}>
             <options-datasource
               value-field="value"
               label-field="value"
-              option-element="zero-option"
+              option-element="rapid-option"
               :data=${(_) => Object.values(Severity).map((value) => ({ value }))}
             ></options-datasource>
-          </zero-select>
+          </rapid-select>
         </div>
 
         <div class="control">
           <label>Update Type</label>
-          <zero-multiselect
+          <rapid-multiselect
             :selectedOptions=${(x) => x.updateType}
             @selectionChange=${(x, c) => {
     x.updateType = c.event.detail;
@@ -67,21 +67,21 @@ export const RuleDialogTemplate = html `
               label-field="value"
               :data=${() => Object.values(UpdateType).map((value) => ({ value, label: value }))}
             ></multiselect-datasource>
-          </zero-multiselect>
+          </rapid-multiselect>
         </div>
       </div>
 
       <div class="content-row">
         <div class="control">
-          <zero-text-field required :value=${sync((x) => x.header)} autocomplete="off">
+          <rapid-text-field required :value=${sync((x) => x.header)} autocomplete="off">
             Header
-          </zero-text-field>
+          </rapid-text-field>
         </div>
 
         <div class="control">
-          <zero-text-field required :value=${sync((x) => x.message)} autocomplete="off">
+          <rapid-text-field required :value=${sync((x) => x.message)} autocomplete="off">
             Message
-          </zero-text-field>
+          </rapid-text-field>
         </div>
       </div>
 
@@ -100,20 +100,20 @@ export const RuleDialogTemplate = html `
           </div>
 
           <div class="content-row">
-            <zero-button @click=${(x) => x.newCondition()}>+ Condition</zero-button>
+            <rapid-button @click=${(x) => x.newCondition()}>+ Condition</rapid-button>
           </div>
         </div>
       </div>
     </div>
 
     <div slot="bottom" class="dialog-bottom">
-      <zero-button
+      <rapid-button
         appearance="accent"
         @click=${(x) => x.submit()}
         ?disabled=${(x) => x.validateRequiredFields}
       >
         Submit
-      </zero-button>
+      </rapid-button>
     </div>
-  </zero-modal>
+  </rapid-modal>
 `;

package/dist/esm/components/foundation-notification-dashboard/components/rules/rule-management.js

@@ -1,11 +1,11 @@
 import { __awaiter, __decorate } from "tslib";
 import { showNotificationDialog } from '@genesislcap/foundation-notifications';
-import { customElement, FASTElement, html, ref, repeat } from '@microsoft/fast-element';
+import { customElement, GenesisElement, html, ref, repeat } from '@genesislcap/web-core';
 import { RuleService } from '../../../../services/rule.service';
 import { DynamicRuleManagementStyles } from '../../styles/dynamic-rule.styles';
 import { RULE_MANAGEMENT_COLUMNS } from './columns';
 import { RuleDialogMode } from './rule-dialog/rule-dialog.types';
-let RuleManagement = class RuleManagement extends FASTElement {
+let RuleManagement = class RuleManagement extends GenesisElement {
     openRuleDialog() {
         this.ruleDialog.openDialog({ mode: RuleDialogMode.CREATE });
     }
@@ -31,7 +31,7 @@ let RuleManagement = class RuleManagement extends FASTElement {
                     },
                 ],
             },
-        }, 'zero');
+        }, 'rapid');
     }
 };
 __decorate([
@@ -43,20 +43,20 @@ RuleManagement = __decorate([
         template: html `
     <div class="container">
       <div class="header">
-        <zero-button class="add" @click=${(x) => x.openRuleDialog()}>
-          <zero-icon name="plus" size="lg" variant="solid"></zero-icon>
+        <rapid-button class="add" @click=${(x) => x.openRuleDialog()}>
+          <rapid-icon name="plus" size="lg" variant="solid"></rapid-icon>
           Add
-        </zero-button>
+        </rapid-button>
       </div>
 
       <div class="grid">
-        <zero-grid-pro only-template-col-defs>
+        <rapid-grid-pro only-template-col-defs>
           <grid-pro-genesis-datasource resource-name="ALL_DYNAMIC_NOTIFY_RULES">
             ${repeat((x) => RULE_MANAGEMENT_COLUMNS(x), html `
                 <grid-pro-column :definition=${(x) => x} />
               `)}
           </grid-pro-genesis-datasource>
-        </zero-grid-pro>
+        </rapid-grid-pro>
       </div>
     </div>
 

package/dist/esm/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.js

@@ -1,10 +1,10 @@
 import { __awaiter, __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_REQ_REP, } from '../../../../types/param-source-type';
 import { ParameterBuilderStyles as styles } from './parameter-builder.styles';
 import { ParameterBuilderTemplate as template } from './parameter-builder.template';
 const name = 'parameter-builder';
-let ParameterBuilder = class ParameterBuilder extends FASTElement {
+let ParameterBuilder = class ParameterBuilder extends GenesisElement {
     constructor() {
         super(...arguments);
         this.reqRepItems = ['REQUEST_1', 'REQUEST_2', 'REQUEST_3'];

package/dist/esm/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@genesislcap/web-core';
 const PARAM_SOURCE_WIDTH = '200';
 export const ParameterBuilderStyles = css `
   .parameter-builder {
@@ -7,7 +7,7 @@ export const ParameterBuilderStyles = css `
     margin-bottom: calc(var(--design-unit) * 2px);
   }
 
-  zero-button {
+  rapid-button {
     margin: 0;
   }
 
@@ -20,31 +20,31 @@ export const ParameterBuilderStyles = css `
     background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);
   }
 
-  zero-text-field {
+  rapid-text-field {
     width: 100%;
   }
 
-  zero-select {
+  rapid-select {
     min-width: auto;
   }
 
-  zero-select.param-type::part(control) {
+  rapid-select.param-type::part(control) {
     width: 115px;
   }
 
-  zero-select.param-source-type::part(control) {
+  rapid-select.param-source-type::part(control) {
     width: 160px;
   }
 
-  zero-select.param-source::part(control) {
+  rapid-select.param-source::part(control) {
     width: ${PARAM_SOURCE_WIDTH}px;
   }
 
-  zero-text-field.param-source::part(root) {
+  rapid-text-field.param-source::part(root) {
     width: calc(${PARAM_SOURCE_WIDTH}px + 2px);
   }
 
-  zero-select::part(listbox) {
+  rapid-select::part(listbox) {
     max-height: 160px;
   }
 `;

package/dist/esm/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.js

@@ -1,36 +1,36 @@
 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 { ALL_PARAM_SOURCE_TYPES, PARAM_SOURCE_TYPE_DEFINED_GROUP, PARAM_SOURCE_TYPE_REQ_REP, PARAM_SOURCE_TYPE_USER_TEXT, } from '../../../../types/param-source-type';
 import { ALL_PARAM_TYPES } from '../../../../types/param-type';
 export const ParameterBuilderTemplate = html `
   <div class="parameter-builder">
-    <zero-text-field
+    <rapid-text-field
       id="param-name"
       placeholder="Name"
       :value=${sync((x) => x.name)}
-    ></zero-text-field>
+    ></rapid-text-field>
 
-    <zero-text-field
+    <rapid-text-field
       id="param-label"
       placeholder="Label"
       :value=${sync((x) => x.label)}
-    ></zero-text-field>
+    ></rapid-text-field>
 
-    <zero-select
+    <rapid-select
       id="param-source-type"
       :value=${sync((x) => x.sourceType)}
       class="param-source-type"
     >
       ${repeat((x) => ALL_PARAM_SOURCE_TYPES, html `
-          <zero-option value=${(x) => x}>${(x) => x}</zero-option>
+          <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>
         `)}
-    </zero-select>
+    </rapid-select>
 
     ${when((x) => x.sourceType === PARAM_SOURCE_TYPE_USER_TEXT, html `
-        <zero-text-field class="param-source" disabled></zero-text-field>
+        <rapid-text-field class="param-source" disabled></rapid-text-field>
       `)}
     ${when((x) => x.sourceType === PARAM_SOURCE_TYPE_REQ_REP, html `
-        <zero-select
+        <rapid-select
           ${ref('sourceSelect')}
           id="param-source"
           :value=${sync((x) => x.sourceSelected)}
@@ -38,27 +38,27 @@ export const ParameterBuilderTemplate = html `
           ?disabled=${(x) => x.sourceType !== PARAM_SOURCE_TYPE_REQ_REP}
         >
           ${repeat((x) => x.reqRepItems, html `
-              <zero-option value=${(x) => x}>${(x) => x}</zero-option>
+              <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>
             `)}
-        </zero-select>
+        </rapid-select>
       `)}
     ${when((x) => x.sourceType === PARAM_SOURCE_TYPE_DEFINED_GROUP, html `
-        <zero-text-field
+        <rapid-text-field
           ${ref('sourceTextField')}
           class="param-source"
           placeholder="item1,item2,item3"
           :value=${sync((x) => x.sourceTyped)}
-        ></zero-text-field>
+        ></rapid-text-field>
       `)}
 
-    <zero-select id="param-type" :value=${sync((x) => x.type)} class="param-type">
+    <rapid-select id="param-type" :value=${sync((x) => x.type)} class="param-type">
       ${repeat((x) => ALL_PARAM_TYPES, html `
-          <zero-option value=${(x) => x}>${(x) => x}</zero-option>
+          <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>
         `)}
-    </zero-select>
+    </rapid-select>
 
-    <zero-button appearance="icon" class="delete" @click=${(x) => x.deleteParameter()}>
-      <zero-icon name="trash" part="icon"></zero-icon>
-    </zero-button>
+    <rapid-button appearance="icon" class="delete" @click=${(x) => x.deleteParameter()}>
+      <rapid-icon name="trash" part="icon"></rapid-icon>
+    </rapid-button>
   </div>
 `;