@genesislcap/foundation-entity-management 14.174.0 → 14.176.0

package/dist/dts/users/users.d.ts

@@ -80,6 +80,9 @@ declare const Users_base: (new (...args: any[]) => {
     readonly part: DOMTokenList;
     readonly prefix: string;
     readonly scrollHeight: number;
+    /**
+     * String which contains event if we have permission to update user of empty string if not
+     */
     scrollLeft: number;
     scrollTop: number;
     readonly scrollWidth: number;
@@ -90,10 +93,7 @@ declare const Users_base: (new (...args: any[]) => {
     closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2];
     closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3];
     closest<E extends Element = Element>(selectors: string): E;
-    getAttribute(qualifiedName: string): string; /**
-     * Definition of the `DATASERVER` query which is used when managing Counterpartys
-     * @internal
-     */
+    getAttribute(qualifiedName: string): string;
     getAttributeNS(namespace: string, localName: string): string;
     getAttributeNames(): string[];
     getAttributeNode(qualifiedName: string): Attr;
@@ -157,7 +157,9 @@ declare const Users_base: (new (...args: any[]) => {
     isDefaultNamespace(namespace: string): boolean;
     isEqualNode(otherNode: Node): boolean;
     isSameNode(otherNode: Node): boolean;
-    lookupNamespaceURI(prefix: string): string;
+    lookupNamespaceURI(prefix: string): string; /**
+     * @internal
+     */
     lookupPrefix(namespace: string): string;
     normalize(): void;
     removeChild<T_3 extends Node>(child: T_3): T_3;
@@ -424,6 +426,11 @@ export declare class Users extends Users_base {
      * @internal
      */
     datasourceConfig: DatasourceConfiguration;
+    /**
+     * Name of the design system prefix that will be used for components.
+     * @public
+     */
+    prefix: string;
     /**
      * Configuring the resourceName from the entity-management, set to manage the users resource specifically
      * @internal

package/dist/dts/users/users.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../../src/users/users.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAA4B,WAAW,EAAc,MAAM,yBAAyB,CAAC;AAC5F,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAQtD;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;IAoC7B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDAiMA;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlML;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBASa,KAAM,SAAQ,UAA2B;IACpD;;;;;;;;OAQG;IACM,OAAO,CAAC,OAAO,CAAU;IAElC;;;;;;;;OAQG;IACG,OAAO,CAAC,IAAI,CAAO;IAEzB;;;;;;;OAOG;IACS,gBAAgB,EAAE,uBAAuB,CAAC;IAEtD;;;OAGG;IACG,YAAY,SAAe;IAEjC;;;;;;;;;OASG;IAC8C,qBAAqB,EAAE,MAAM,CAClD;IAE5B;;;OAGG;IACwD,eAAe,EAAE,OAAO,CAAS;IAE5F;;;OAGG;IACS,WAAW,EAAE,WAAW,CAAC;IAErC;;;;;OAKG;IACI,YAAY;;;;;;;;;IAYnB;;;;;OAKG;IACI,YAAY;;;;;IAYnB;;OAEG;IACS,OAAO,EAAE,GAAG,CAAqB;IAEjC,sBAAsB,EAAE,GAAG,CAAM;IACjC,sBAAsB,EAAE,GAAG,CAAM;IAEjC,aAAa,EAAE,OAAO,CAAC;IACnC,OAAO,CAAC,aAAa,CAAS;IAE9B;;OAEG;IACS,WAAW,EAAE,MAAM,CAAC;IAEhC;;OAEG;IACS,WAAW,EAAE,MAAM,CAAC;IAEhC;;OAEG;IACS,WAAW,EAAE,MAAM,CAAC;IAEhC;;;OAGG;IACG,QAAQ,EAAE,MAAM,CAAqB;IAE3C;;;OAGG;IACG,cAAc,EAAE,MAAM,CAAU;IAEtC;;;OAGG;IACG,WAAW,EAAE,MAAM,CAAkB;IAE3C;;;OAGG;IACG,yBAAyB,EAAE,MAAM,CAAuB;IAE9D;;OAEG;;IAaG,iBAAiB;IAcd,SAAS,IAAI,IAAI;IAe1B;;;OAGG;IACH,sBAAsB,CAAC,MAAM,KAAA;;;;;;;;IAW7B;;;;;;;;OAQG;IACG,YAAY,CAAC,MAAM,KAAA;IAoCzB;;OAEG;IACG,YAAY,CAAC,IAAI,KAAA;;;;;;;;;;;;;;;CAwBxB"}
+{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../../src/users/users.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAA4B,WAAW,EAAc,MAAM,yBAAyB,CAAC;AAC5F,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAQtD;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;IAoC7B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgLA;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAmIH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AArTL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBASa,KAAM,SAAQ,UAA2B;IACpD;;;;;;;;OAQG;IACM,OAAO,CAAC,OAAO,CAAU;IAElC;;;;;;;;OAQG;IACG,OAAO,CAAC,IAAI,CAAO;IAEzB;;;;;;;OAOG;IACS,gBAAgB,EAAE,uBAAuB,CAAC;IAEtD;;;OAGG;IAC0C,MAAM,EAAE,MAAM,CAAU;IAErE;;;OAGG;IACG,YAAY,SAAe;IAEjC;;;;;;;;;OASG;IAC8C,qBAAqB,EAAE,MAAM,CAClD;IAE5B;;;OAGG;IACwD,eAAe,EAAE,OAAO,CAAS;IAE5F;;;OAGG;IACS,WAAW,EAAE,WAAW,CAAC;IAErC;;;;;OAKG;IACI,YAAY;;;;;;;;;IAYnB;;;;;OAKG;IACI,YAAY;;;;;IAYnB;;OAEG;IACS,OAAO,EAAE,GAAG,CAAqB;IAEjC,sBAAsB,EAAE,GAAG,CAAM;IACjC,sBAAsB,EAAE,GAAG,CAAM;IAEjC,aAAa,EAAE,OAAO,CAAC;IACnC,OAAO,CAAC,aAAa,CAAS;IAE9B;;OAEG;IACS,WAAW,EAAE,MAAM,CAAC;IAEhC;;OAEG;IACS,WAAW,EAAE,MAAM,CAAC;IAEhC;;OAEG;IACS,WAAW,EAAE,MAAM,CAAC;IAEhC;;;OAGG;IACG,QAAQ,EAAE,MAAM,CAAqB;IAE3C;;;OAGG;IACG,cAAc,EAAE,MAAM,CAAU;IAEtC;;;OAGG;IACG,WAAW,EAAE,MAAM,CAAkB;IAE3C;;;OAGG;IACG,yBAAyB,EAAE,MAAM,CAAuB;IAE9D;;OAEG;;IAaG,iBAAiB;IAcd,SAAS,IAAI,IAAI;IAe1B;;;OAGG;IACH,sBAAsB,CAAC,MAAM,KAAA;;;;;;;;IAW7B;;;;;;;;OAQG;IACG,YAAY,CAAC,MAAM,KAAA;IAoCzB;;OAEG;IACG,YAAY,CAAC,IAAI,KAAA;;;;;;;;;;;;;;;CAwBxB"}

package/dist/dts/users/users.template.d.ts

@@ -1,3 +1,5 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-export declare const UsersTemplate: ViewTemplate;
+import { Users } from './users';
+export declare const getPrefixedUsers: (prefix: any) => import("@microsoft/fast-element").ViewTemplate<Users, any>;
+/** @internal */
+export declare const UsersTemplate: import("@microsoft/fast-element").ViewTemplate<Users, any>;
 //# sourceMappingURL=users.template.d.ts.map

package/dist/dts/users/users.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"users.template.d.ts","sourceRoot":"","sources":["../../../src/users/users.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAqF5D,eAAO,MAAM,aAAa,EAAE,YAoC3B,CAAC"}
+{"version":3,"file":"users.template.d.ts","sourceRoot":"","sources":["../../../src/users/users.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAoFhC,eAAO,MAAM,gBAAgB,6EAqC5B,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,aAAa,4DAEzB,CAAC"}

package/dist/esm/entities/entities.js

@@ -42,6 +42,11 @@ import { defaultHeader, searchBarHeader, template } from './entities.template';
 let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement) {
     constructor() {
         super(...arguments);
+        /**
+         * Name of the design system prefix that will be used in renderers.
+         * @public
+         */
+        this.prefix = 'zero';
         /**
          * Label for the entity which has usages such as being shown in the title of the modal wen editing the entity
          * @public
@@ -65,6 +70,12 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
          * @public
          */
         this.asyncUpdate = true;
+        /**
+         * This attribute allows you to change row-selection to 'single' or 'multiple' which will allow you to select single or multiple rows.
+         * @remarks Defaults to single
+         * @public
+         */
+        this.rowSelection = 'single';
         /**
          * If false, will disable cell flashing for all cells by default, unless otherwise defined in custom colDef
          * @remarks Defaults to true
@@ -260,7 +271,7 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
         this.editModalVisible = false;
     }
     get headerTempalate() {
-        return this.enableSearchBar ? searchBarHeader : defaultHeader;
+        return this.enableSearchBar ? searchBarHeader(this.prefix) : defaultHeader(this.prefix);
     }
     searchChanged(event) {
         const options = event.detail;
@@ -293,7 +304,7 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
                             type: 'error',
                         },
                     },
-                }, 'zero');
+                }, this.prefix);
             }
             else {
                 showNotification({
@@ -305,7 +316,7 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
                             confirmingActions: [{ label: '', action: () => { } }],
                         },
                     },
-                }, 'zero');
+                }, this.prefix);
             }
         });
     }
@@ -350,7 +361,7 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
                 dismissingAction: { label: 'Dismiss', action: () => (this.selectedEntity = null) },
                 confirmingActions: [{ label: 'Confirm', action: () => this.confirmDelete() }],
             },
-        }, 'zero');
+        }, this.prefix);
     }
     /**
      * Show notifications if the executed event returned an error.
@@ -367,7 +378,7 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
                     config: {
                         toast: { type: 'warning', autoClose: true, closeTimeout: notificationCloseTimeout },
                     },
-                }, 'zero');
+                }, this.prefix);
             });
         }
     }
@@ -375,6 +386,9 @@ let EntityManagement = class EntityManagement extends LifecycleMixin(FASTElement
 __decorate([
     Connect
 ], EntityManagement.prototype, "connect", void 0);
+__decorate([
+    attr({ attribute: 'design-system-prefix' })
+], EntityManagement.prototype, "prefix", void 0);
 __decorate([
     attr
 ], EntityManagement.prototype, "resourceName", void 0);
@@ -411,6 +425,9 @@ __decorate([
 __decorate([
     attr({ mode: 'boolean', attribute: 'async-update' })
 ], EntityManagement.prototype, "asyncUpdate", void 0);
+__decorate([
+    attr({ attribute: 'row-selection' })
+], EntityManagement.prototype, "rowSelection", void 0);
 __decorate([
     attr({ mode: 'boolean', attribute: 'enable-cell-flashing' })
 ], EntityManagement.prototype, "enableCellFlashing", void 0);

package/dist/esm/entities/entities.styles.js

@@ -39,9 +39,11 @@ export const styles = css `
   .search-container {
     display: flex;
     align-items: center;
+    gap: calc(var(--design-unit) * 2px);
   }
 
-  .search-container zero-search-bar {
+  .search-container zero-search-bar,
+  .search-container rapid-search-bar {
     width: 500px;
   }
 `;

package/dist/esm/entities/entities.template.js

@@ -8,31 +8,31 @@ Form;
  * Default header for Entity Management screen
  * @internal
  */
-export const defaultHeader = html `
+export const defaultHeader = (prefix) => html `
   <h3>${(x) => x.title}</h3>
   ${when((x) => x.createEvent, html `
-      <zero-button appearance="neutral" @click=${(x, y) => x.createEntity()}>
-        <zero-icon size="lg" name="plus"></zero-icon>
+      <${prefix}-button appearance="neutral" @click=${(x, y) => x.createEntity()}>
+        <${prefix}-icon size="lg" name="plus"></${prefix}-icon>
         Add
-      </zero-button>
+      </${prefix}-button>
     `)}
 `;
 /**
  * Header with search-bar for Entity Management screen
  * @internal
  */
-export const searchBarHeader = html `
+export const searchBarHeader = (prefix) => html `
   <h3>${(x) => x.title}</h3>
   <div class="search-container">
-    <zero-search-bar
+    <${prefix}-search-bar
       :options="${(x) => x.searchBarConfig}"
       @selectionChange=${(x, ctx) => x.searchChanged(customEvent(ctx))}
-    ></zero-search-bar>
+    ></${prefix}-search-bar>
     ${when((x) => x.createEvent, html `
-        <zero-button appearance="neutral" @click=${(x, y) => x.createEntity()}>
-          <zero-icon size="lg" name="plus"></zero-icon>
+        <${prefix}-button appearance="neutral" @click=${(x, y) => x.createEntity()}>
+          <${prefix}-icon size="lg" name="plus"></${prefix}-icon>
           Add
-        </zero-button>
+        </${prefix}-button>
       `)}
   </div>
 `;
@@ -40,7 +40,7 @@ export const searchBarHeader = html `
  * Defines the html of the entity component as a ViewTemplate object
  * @typeParam EntityManagement - the {@link EntityManagement | class} the template is defined for
  */
-export const template = html `
+export const getPrefixedEntities = (prefix) => html `
   <div class="container">
     <slot name="header" part="header">${(x) => x.headerTempalate}</slot>
     <entity-list
@@ -51,6 +51,7 @@ export const template = html `
       enable-cell-flashing=${(x) => x.enableCellFlashing}
       enable-row-flashing=${(x) => x.enableRowFlashing}
       persist-column-state-key=${(x) => x.persistColumnStateKey}
+      row-selection=${(x) => x.rowSelection}
       size-columns-to-fit=${(x) => x.sizeColumnsToFit}
       enable-filter-bar=${(x) => x.enableFilterBar}
       resourceName=${(x) => x.resourceName}
@@ -59,6 +60,7 @@ export const template = html `
       :gridOptions=${(x) => x.gridOptions}
       :columns=${(x) => x.columns}
       :datasourceConfig=${(x) => x.datasourceConfig}
+      design-system-prefix=${prefix}
       data-test-id="entity-list"
       hide-edit=${(x) => x.hideEdit}
       hide-delete=${(x) => x.hideDelete}
@@ -66,7 +68,7 @@ export const template = html `
     >
       <slot name="header" slot="header">${defaultHeader}</slot>
     </entity-list>
-    <zero-modal
+    <${prefix}-modal
       ${ref('editEntityModal')}
       position=${(x) => x.modalPosition}
       :onCloseCallback=${(x) => x.closeModal.bind(x)}
@@ -81,12 +83,17 @@ export const template = html `
               :renderers=${(x) => x.formRenderers}
               resourceName=${(x) => x.formResourceName}
               :data=${(x) => x.editedEntity}
+              design-system-prefix=${prefix}
               :uischema=${(x) => x.formUiSchema}
               readonly=${(x) => x.readonly}
               @submit-success=${(x, c) => x.submitEntityChanges(c.event)}
             ></foundation-form>
           `)}
       </slot>
-    </zero-modal>
+    </${prefix}-modal>
   </div>
 `;
+/** @internal */
+export const template = html `
+  ${(x) => getPrefixedEntities(x.prefix)}
+`;

package/dist/esm/list/list.js

@@ -10,6 +10,11 @@ import { listTemplate } from './list.template';
 let List = class List extends FASTElement {
     constructor() {
         super(...arguments);
+        /**
+         * Name of the design system prefix that will be used in renderers.
+         * @public
+         */
+        this.prefix = 'zero';
         this.resourceName = '';
         this.title = '';
         this.asyncAdd = false;
@@ -39,23 +44,23 @@ let List = class List extends FASTElement {
             this.actionButtonsConfig = [];
             if (this.updateEvent && !this.hideEdit) {
                 this.actionButtonsConfig.push(buttonCellRenderer('Edit', this.edit, html `
-              <zero-icon
+              <${this.prefix}-icon
                 style="pointer-events: none; opacity: 0.5"
                 class="icon-button"
                 variant="solid"
                 name="pen"
                 size="lg"
-              ></zero-icon>
+              ></${this.prefix}-icon>
             `));
             }
             if (this.deleteEvent && !this.hideDelete) {
                 this.actionButtonsConfig.push(buttonCellRenderer('Delete', (e) => this.delete(e), html `
-              <zero-icon
+              <${this.prefix}-icon
                 style="opacity: 0.5"
                 variant="regular"
                 name="trash-alt"
                 size="lg"
-              ></zero-icon>
+              ></${this.prefix}-icon>
             `));
             }
             if (this.enableFilterBar) {
@@ -122,6 +127,9 @@ let List = class List extends FASTElement {
         });
     }
 };
+__decorate([
+    attr({ attribute: 'design-system-prefix' })
+], List.prototype, "prefix", void 0);
 __decorate([
     attr
 ], List.prototype, "resourceName", void 0);
@@ -134,6 +142,9 @@ __decorate([
 __decorate([
     attr({ mode: 'boolean', attribute: 'size-columns-to-fit' })
 ], List.prototype, "sizeColumnsToFit", void 0);
+__decorate([
+    attr({ attribute: 'row-selection' })
+], List.prototype, "rowSelection", void 0);
 __decorate([
     attr({ mode: 'boolean', attribute: 'enable-filter-bar' })
 ], List.prototype, "enableFilterBar", void 0);

package/dist/esm/list/list.template.js

@@ -1,18 +1,18 @@
 import { html, ref, repeat, when } from '@microsoft/fast-element';
-export const listTemplate = html `
+export const getPrefixedList = (prefix) => html `
   <div class="container">
     ${when((x) => x.enableFilterBar, html `
-        <zero-filter-bar
+        <${prefix}-filter-bar
           resource=${(x) => x.resourceName}
           only=${(x) => { var _a; return (_a = x.columns) === null || _a === void 0 ? void 0 : _a.map((colDef) => colDef.field).filter((field) => !!field); }}
           labels=${(x) => { var _a; return (_a = x.columns) === null || _a === void 0 ? void 0 : _a.map((colDef) => colDef.headerName || ''); }}
           target="datasource"
-        ></zero-filter-bar>
+        ></${prefix}-filter-bar>
       `)}
-    <zero-grid-pro
+    <${prefix}-grid-pro
       ${ref('grid')}
       auto-cell-renderer-by-type
-      rowSelection="single"
+      rowSelection="${(x) => x.rowSelection}"
       persist-column-state-key=${(x) => x.persistColumnStateKey}
       ?only-template-col-defs=${(x) => !!x.columns}
       readOnlyEdit="true"
@@ -45,6 +45,10 @@ export const listTemplate = html `
       ${repeat((x) => x.actionButtonsConfig, html `
           <grid-pro-column :definition=${(x) => x}></grid-pro-column>
         `)}
-    </zero-grid-pro>
+    </${prefix}-grid-pro>
   </div>
 `;
+/** @internal */
+export const listTemplate = html `
+  ${(x) => getPrefixedList(x.prefix)}
+`;

package/dist/esm/users/users.js

@@ -98,6 +98,11 @@ let Users = class Users extends LifecycleMixin(FASTElement) {
      */
     constructor() {
         super();
+        /**
+         * Name of the design system prefix that will be used for components.
+         * @public
+         */
+        this.prefix = 'zero';
         /**
          * Configuring the resourceName from the entity-management, set to manage the users resource specifically
          * @internal
@@ -227,7 +232,7 @@ let Users = class Users extends LifecycleMixin(FASTElement) {
                         config: {
                             toast: { type: 'warning', autoClose: true, closeTimeout: notificationCloseTimeout },
                         },
-                    }, 'zero');
+                    }, this.prefix);
                 });
                 // bring back original value
                 params.setValue(previousValue);
@@ -264,6 +269,9 @@ __decorate([
 __decorate([
     observable
 ], Users.prototype, "datasourceConfig", void 0);
+__decorate([
+    attr({ attribute: 'design-system-prefix' })
+], Users.prototype, "prefix", void 0);
 __decorate([
     attr
 ], Users.prototype, "resourceName", void 0);

package/dist/esm/users/users.template.js

@@ -70,7 +70,7 @@ const editUserSchema = (edit, allAccessType, entityID, entityLabel, entityLabelK
             : entry),
     ],
 });
-export const UsersTemplate = html `
+export const getPrefixedUsers = (prefix) => html `
   <entity-management
     resourceName=${(x) => x.resourceName}
     title="User Management"
@@ -87,5 +87,10 @@ export const UsersTemplate = html `
     size-columns-to-fit
     :columns=${(x) => [...x.columns, ...x.entityColumn(), x.statusColumn()]}
     :datasourceConfig=${(x) => x.datasourceConfig}
+    design-system-prefix=${prefix}
   ></entity-management>
 `;
+/** @internal */
+export const UsersTemplate = html `
+  ${(x) => getPrefixedUsers(x.prefix)}
+`;

package/dist/foundation-entity-management.api.json

@@ -1320,6 +1320,36 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-entity-management!EntityManagement#prefix:member",
+              "docComment": "/**\n * Name of the design system prefix that will be used in renderers.\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "prefix: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "prefix",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-entity-management!EntityManagement#readEvent:member",
@@ -1440,6 +1470,36 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-entity-management!EntityManagement#rowSelection:member",
+              "docComment": "/**\n * This attribute allows you to change row-selection to 'single' or 'multiple' which will allow you to select single or multiple rows.\n *\n * @remarks\n *\n * Defaults to single\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "rowSelection: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "rowSelection",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-entity-management!EntityManagement#searchBarConfig:member",
@@ -2795,6 +2855,36 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-entity-management!Users#prefix:member",
+              "docComment": "/**\n * Name of the design system prefix that will be used for components.\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "prefix: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "prefix",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-entity-management!Users#updateEvent:member",

package/dist/foundation-entity-management.d.ts

@@ -95,6 +95,11 @@ export declare class EntityManagement extends EntityManagement_base {
      * DI container
      */
     protected connect: Connect;
+    /**
+     * Name of the design system prefix that will be used in renderers.
+     * @public
+     */
+    prefix: string;
     /**
      * Name of the backend resource which contain the entities to manage
      * @public
@@ -146,6 +151,12 @@ export declare class EntityManagement extends EntityManagement_base {
      * @public
      */
     asyncUpdate: boolean;
+    /**
+     * This attribute allows you to change row-selection to 'single' or 'multiple' which will allow you to select single or multiple rows.
+     * @remarks Defaults to single
+     * @public
+     */
+    rowSelection: string;
     /**
      * If false, will disable cell flashing for all cells by default, unless otherwise defined in custom colDef
      * @remarks Defaults to true
@@ -354,7 +365,10 @@ declare const EntityManagement_base: (new (...args: any[]) => {
     removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     readonly attributes: NamedNodeMap;
     readonly classList: DOMTokenList;
-    className: string;
+    className: string; /**
+    * Array which holds the column definitions.
+    * @public
+    */
     readonly clientHeight: number;
     readonly clientLeft: number;
     readonly clientTop: number;
@@ -405,7 +419,10 @@ declare const EntityManagement_base: (new (...args: any[]) => {
     removeAttribute(qualifiedName: string): void;
     removeAttributeNS(namespace: string, localName: string): void;
     removeAttributeNode(attr: Attr): Attr;
-    requestFullscreen(options?: FullscreenOptions): Promise<void>;
+    requestFullscreen(options?: FullscreenOptions): Promise<void>; /**
+    * Set up the web component
+    * @internal
+    */
     requestPointerLock(): void;
     scroll(options?: ScrollToOptions): void;
     scroll(x: number, y: number): void;
@@ -467,7 +484,14 @@ declare const EntityManagement_base: (new (...args: any[]) => {
     readonly PROCESSING_INSTRUCTION_NODE: number;
     readonly TEXT_NODE: number;
     dispatchEvent(event: Event): boolean;
-    ariaAtomic: string;
+    ariaAtomic: string; /**
+    * Event handler for when the user submits the action for the currently open form, either editing or adding the entity
+    *
+    * @param e - CustomEvent which contains the payload for the entity to submit to the backend
+    *
+    * Emits an event upon error
+    * @public
+    */
     ariaAutoComplete: string;
     ariaBusy: string;
     ariaChecked: string;
@@ -480,6 +504,12 @@ declare const EntityManagement_base: (new (...args: any[]) => {
     ariaExpanded: string;
     ariaHasPopup: string;
     ariaHidden: string;
+    /**
+     * Updates the reference to the current entity stored in the class. Added as an event listener on the class when receiving the `rowSelected` event.
+     *
+     * @param e - CustomEvent which contains data about the selected entity. If the row is not selected then the reference will be set to an empty object.
+     * @internal
+     */
     ariaInvalid: string;
     ariaKeyShortcuts: string;
     ariaLabel: string;
@@ -575,7 +605,10 @@ declare const EntityManagement_base: (new (...args: any[]) => {
     onkeypress: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
     onkeyup: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
     onload: (this: GlobalEventHandlers, ev: Event) => any;
-    onloadeddata: (this: GlobalEventHandlers, ev: Event) => any;
+    onloadeddata: (this: GlobalEventHandlers, ev: Event) => any; /**
+    * Show notifications if the executed event returned an error.
+    * @internal
+    */
     onloadedmetadata: (this: GlobalEventHandlers, ev: Event) => any;
     onloadstart: (this: GlobalEventHandlers, ev: Event) => any;
     onlostpointercapture: (this: GlobalEventHandlers, ev: PointerEvent) => any;
@@ -820,6 +853,11 @@ export declare class Users extends Users_base {
      * @internal
      */
     datasourceConfig: DatasourceConfiguration;
+    /**
+     * Name of the design system prefix that will be used for components.
+     * @public
+     */
+    prefix: string;
     /**
      * Configuring the resourceName from the entity-management, set to manage the users resource specifically
      * @internal
@@ -1018,6 +1056,9 @@ declare const Users_base: (new (...args: any[]) => {
     readonly part: DOMTokenList;
     readonly prefix: string;
     readonly scrollHeight: number;
+    /**
+     * String which contains event if we have permission to update user of empty string if not
+     */
     scrollLeft: number;
     scrollTop: number;
     readonly scrollWidth: number;
@@ -1028,10 +1069,7 @@ declare const Users_base: (new (...args: any[]) => {
     closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2];
     closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3];
     closest<E extends Element = Element>(selectors: string): E;
-    getAttribute(qualifiedName: string): string; /**
-    * Definition of the `DATASERVER` query which is used when managing Counterpartys
-    * @internal
-    */
+    getAttribute(qualifiedName: string): string;
     getAttributeNS(namespace: string, localName: string): string;
     getAttributeNames(): string[];
     getAttributeNode(qualifiedName: string): Attr;
@@ -1095,7 +1133,9 @@ declare const Users_base: (new (...args: any[]) => {
     isDefaultNamespace(namespace: string): boolean;
     isEqualNode(otherNode: Node): boolean;
     isSameNode(otherNode: Node): boolean;
-    lookupNamespaceURI(prefix: string): string;
+    lookupNamespaceURI(prefix: string): string; /**
+    * @internal
+    */
     lookupPrefix(namespace: string): string;
     normalize(): void;
     removeChild<T_3 extends Node>(child: T_3): T_3;