@exmg/exm-grid 1.0.0 → 1.0.2

package/README.md

@@ -496,6 +496,6 @@ By default grid has `table-layout` set to `auto` It can be changed to `fixed`
 
 ## Additional references
 
-- [Additional Documentation](https://exmg.github.io/exmachina-web-components/ExmgGrid.html)
+- [Additional Documentation](https://exmg.github.io/exmachina-web-components/ExmGrid.html)
 
 - [Demo](https://exmg.github.io/exmachina-web-components/demo/?el=exm-grid)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exmg/exm-grid",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
   "description": "exmg grid element",
   "contributors": [
@@ -28,10 +28,10 @@
     "directory": "packages/exm-grid"
   },
   "dependencies": {
-    "@exmg/exm-sortable": "^1.0.0",
+    "@exmg/exm-sortable": "^1.0.1",
     "@exmg/lit-base": "^2.0.1",
     "@material/typography": "^14.0.0",
-    "@material/web": "^1.3.0",
+    "@material/web": "^2.2.0",
     "@polymer/iron-dropdown": "^3.0.1",
     "@polymer/iron-flex-layout": "^3.0.1",
     "@polymer/iron-input": "^3.0.1",
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0907b55c89325d59902b98a64c352bf6e1fc81ff"
+  "gitHead": "274f2fb879258487017192fcfe33c8cd23244dbb"
 }

package/src/table/exm-grid-base-toolbar.d.ts

@@ -4,7 +4,7 @@ import { ExmgElement } from '@exmg/lit-base/index.js';
  * The following custom properties  are available for styling:
  *
  */
-export declare class ExmgGridBaseToolbar extends ExmgElement {
+export declare class ExmGridBaseToolbar extends ExmgElement {
     static styles: import("lit").CSSResult[];
     private actionsCount;
     private settingsCount;
@@ -18,6 +18,6 @@ export declare class ExmgGridBaseToolbar extends ExmgElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'exm-grid-base-toolbar': ExmgGridBaseToolbar;
+        'exm-grid-base-toolbar': ExmGridBaseToolbar;
     }
 }

package/src/table/exm-grid-base-toolbar.js

@@ -8,7 +8,7 @@ import { style } from '../styles/exm-grid-base-toolbar-styles-css.js';
  * The following custom properties  are available for styling:
  *
  */
-let ExmgGridBaseToolbar = class ExmgGridBaseToolbar extends ExmgElement {
+let ExmGridBaseToolbar = class ExmGridBaseToolbar extends ExmgElement {
     constructor() {
         super(...arguments);
         this.actionsCount = 0;
@@ -71,21 +71,21 @@ let ExmgGridBaseToolbar = class ExmgGridBaseToolbar extends ExmgElement {
     `;
     }
 };
-ExmgGridBaseToolbar.styles = [style];
+ExmGridBaseToolbar.styles = [style];
 __decorate([
     state()
-], ExmgGridBaseToolbar.prototype, "actionsCount", void 0);
+], ExmGridBaseToolbar.prototype, "actionsCount", void 0);
 __decorate([
     state()
-], ExmgGridBaseToolbar.prototype, "settingsCount", void 0);
+], ExmGridBaseToolbar.prototype, "settingsCount", void 0);
 __decorate([
     state()
-], ExmgGridBaseToolbar.prototype, "active", void 0);
+], ExmGridBaseToolbar.prototype, "active", void 0);
 __decorate([
     property({ type: Boolean })
-], ExmgGridBaseToolbar.prototype, "disableSeperator", void 0);
-ExmgGridBaseToolbar = __decorate([
+], ExmGridBaseToolbar.prototype, "disableSeperator", void 0);
+ExmGridBaseToolbar = __decorate([
     customElement('exm-grid-base-toolbar')
-], ExmgGridBaseToolbar);
-export { ExmgGridBaseToolbar };
+], ExmGridBaseToolbar);
+export { ExmGridBaseToolbar };
 //# sourceMappingURL=exm-grid-base-toolbar.js.map

package/src/table/exm-grid-pagination.d.ts

@@ -11,7 +11,7 @@ import './exm-grid-toolbar-filters.js';
  * `--exm-theme-table-pagination-bg-color` | pagination background color | `var(--mdc-theme-surface, #ffffff);`
  * `--exm-theme-table-pagination-color` | pagination foreground (mostly text) color | `var(--mdc-theme-on-surface, #02182b);`
  */
-export declare class ExmgGridPagination extends ExmgElement {
+export declare class ExmGridPagination extends ExmgElement {
     static styles: import("lit").CSSResult[];
     pageSizeLabel: string;
     pageSizeOptions: number[];
@@ -32,6 +32,6 @@ export declare class ExmgGridPagination extends ExmgElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'exm-grid-pagination': ExmgGridPagination;
+        'exm-grid-pagination': ExmGridPagination;
     }
 }

package/src/table/exm-grid-pagination.js

@@ -15,7 +15,7 @@ import { style } from '../styles/exm-grid-pagination-styles-css.js';
  * `--exm-theme-table-pagination-bg-color` | pagination background color | `var(--mdc-theme-surface, #ffffff);`
  * `--exm-theme-table-pagination-color` | pagination foreground (mostly text) color | `var(--mdc-theme-on-surface, #02182b);`
  */
-let ExmgGridPagination = class ExmgGridPagination extends ExmgElement {
+let ExmGridPagination = class ExmGridPagination extends ExmgElement {
     constructor() {
         super(...arguments);
         this.pageSizeLabel = 'Rows per page:';
@@ -167,24 +167,24 @@ let ExmgGridPagination = class ExmgGridPagination extends ExmgElement {
         // tslint:enable:max-line-length
     }
 };
-ExmgGridPagination.styles = [style];
+ExmGridPagination.styles = [style];
 __decorate([
     property({ type: String, attribute: 'page-size-label' })
-], ExmgGridPagination.prototype, "pageSizeLabel", void 0);
+], ExmGridPagination.prototype, "pageSizeLabel", void 0);
 __decorate([
     property({ type: Array, attribute: 'page-size-options' })
-], ExmgGridPagination.prototype, "pageSizeOptions", void 0);
+], ExmGridPagination.prototype, "pageSizeOptions", void 0);
 __decorate([
     property({ type: Number, attribute: 'page-size' })
-], ExmgGridPagination.prototype, "pageSize", void 0);
+], ExmGridPagination.prototype, "pageSize", void 0);
 __decorate([
     property({ type: Number, attribute: 'page-index' })
-], ExmgGridPagination.prototype, "pageIndex", void 0);
+], ExmGridPagination.prototype, "pageIndex", void 0);
 __decorate([
     property({ type: Number, attribute: 'item-count' })
-], ExmgGridPagination.prototype, "itemCount", void 0);
-ExmgGridPagination = __decorate([
+], ExmGridPagination.prototype, "itemCount", void 0);
+ExmGridPagination = __decorate([
     customElement('exm-grid-pagination')
-], ExmgGridPagination);
-export { ExmgGridPagination };
+], ExmGridPagination);
+export { ExmGridPagination };
 //# sourceMappingURL=exm-grid-pagination.js.map

package/src/table/exm-grid-setting-selection-list.d.ts

@@ -4,7 +4,7 @@ import '@material/web/menu/menu-item.js';
 import '@material/web/icon/icon.js';
 import '@material/web/iconbutton/icon-button.js';
 import { SettingSelectionListItem } from './types/exm-grid-toolbar-types.js';
-export declare class ExmgGridSettingSelectionList extends ExmgElement {
+export declare class ExmGridSettingSelectionList extends ExmgElement {
     tooltip: string;
     icon: string;
     settingData: SettingSelectionListItem[];
@@ -19,6 +19,6 @@ export declare class ExmgGridSettingSelectionList extends ExmgElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'exm-grid-setting-selection-list': ExmgGridSettingSelectionList;
+        'exm-grid-setting-selection-list': ExmGridSettingSelectionList;
     }
 }

package/src/table/exm-grid-setting-selection-list.js

@@ -7,7 +7,7 @@ import '@material/web/menu/menu-item.js';
 import '@material/web/icon/icon.js';
 import '@material/web/iconbutton/icon-button.js';
 import { style } from '../styles/exm-grid-setting-selection-list-styles-css.js';
-let ExmgGridSettingSelectionList = class ExmgGridSettingSelectionList extends ExmgElement {
+let ExmGridSettingSelectionList = class ExmGridSettingSelectionList extends ExmgElement {
     constructor() {
         super(...arguments);
         this.tooltip = '';
@@ -104,21 +104,21 @@ let ExmgGridSettingSelectionList = class ExmgGridSettingSelectionList extends Ex
     `;
     }
 };
-ExmgGridSettingSelectionList.styles = [style];
+ExmGridSettingSelectionList.styles = [style];
 __decorate([
     property({ type: String })
-], ExmgGridSettingSelectionList.prototype, "tooltip", void 0);
+], ExmGridSettingSelectionList.prototype, "tooltip", void 0);
 __decorate([
     property({ type: String })
-], ExmgGridSettingSelectionList.prototype, "icon", void 0);
+], ExmGridSettingSelectionList.prototype, "icon", void 0);
 __decorate([
     property({ type: Array })
-], ExmgGridSettingSelectionList.prototype, "settingData", void 0);
+], ExmGridSettingSelectionList.prototype, "settingData", void 0);
 __decorate([
     query('#menu')
-], ExmgGridSettingSelectionList.prototype, "menu", void 0);
-ExmgGridSettingSelectionList = __decorate([
+], ExmGridSettingSelectionList.prototype, "menu", void 0);
+ExmGridSettingSelectionList = __decorate([
     customElement('exm-grid-setting-selection-list')
-], ExmgGridSettingSelectionList);
-export { ExmgGridSettingSelectionList };
+], ExmGridSettingSelectionList);
+export { ExmGridSettingSelectionList };
 //# sourceMappingURL=exm-grid-setting-selection-list.js.map

package/src/table/exm-grid-smart-toolbar.d.ts

@@ -2,7 +2,7 @@ import { ExmgElement } from '@exmg/lit-base/index.js';
 import './exm-grid-toolbar.js';
 import { Filter, Setting, SettingSelectionListItem } from './types/exm-grid-toolbar-types.js';
 import { ActionWithCondition } from './types/exm-grid-smart-toolbar-types.js';
-export declare class ExmgGridSmartToolbar extends ExmgElement {
+export declare class ExmGridSmartToolbar extends ExmgElement {
     description: string;
     actions: ActionWithCondition[];
     filters: Filter[];
@@ -26,6 +26,6 @@ export declare class ExmgGridSmartToolbar extends ExmgElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'exm-grid-smart-toolbar': ExmgGridSmartToolbar;
+        'exm-grid-smart-toolbar': ExmGridSmartToolbar;
     }
 }

package/src/table/exm-grid-smart-toolbar.js

@@ -5,7 +5,7 @@ import { ExmgElement } from '@exmg/lit-base/index.js';
 import './exm-grid-toolbar.js';
 import { SettingConfigId, SettingConfigType, } from './types/exm-grid-toolbar-types.js';
 import { ActionConditionType, } from './types/exm-grid-smart-toolbar-types.js';
-let ExmgGridSmartToolbar = class ExmgGridSmartToolbar extends ExmgElement {
+let ExmGridSmartToolbar = class ExmGridSmartToolbar extends ExmgElement {
     constructor() {
         super(...arguments);
         this.description = '';
@@ -88,7 +88,7 @@ let ExmgGridSmartToolbar = class ExmgGridSmartToolbar extends ExmgElement {
     `;
     }
 };
-ExmgGridSmartToolbar.styles = [
+ExmGridSmartToolbar.styles = [
     css `
       :host {
         display: block;
@@ -97,42 +97,42 @@ ExmgGridSmartToolbar.styles = [
 ];
 __decorate([
     property({ type: String })
-], ExmgGridSmartToolbar.prototype, "description", void 0);
+], ExmGridSmartToolbar.prototype, "description", void 0);
 __decorate([
     property({ type: Array })
-], ExmgGridSmartToolbar.prototype, "actions", void 0);
+], ExmGridSmartToolbar.prototype, "actions", void 0);
 __decorate([
     property({ type: Array })
-], ExmgGridSmartToolbar.prototype, "filters", void 0);
+], ExmGridSmartToolbar.prototype, "filters", void 0);
 __decorate([
     property({ type: Array })
-], ExmgGridSmartToolbar.prototype, "settings", void 0);
+], ExmGridSmartToolbar.prototype, "settings", void 0);
 __decorate([
     property({ type: Number, attribute: 'amount-of-selected-items' })
-], ExmgGridSmartToolbar.prototype, "amountOfSelectedItems", void 0);
+], ExmGridSmartToolbar.prototype, "amountOfSelectedItems", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'show-column-filter' })
-], ExmgGridSmartToolbar.prototype, "showColumnFilter", void 0);
+], ExmGridSmartToolbar.prototype, "showColumnFilter", void 0);
 __decorate([
     property({ type: String, attribute: 'column-filter-button-tooltip' })
-], ExmgGridSmartToolbar.prototype, "columnFilterButtonTooltip", void 0);
+], ExmGridSmartToolbar.prototype, "columnFilterButtonTooltip", void 0);
 __decorate([
     property({ type: String, attribute: 'column-filter-dialog-title' })
-], ExmgGridSmartToolbar.prototype, "columnFilterDialogTitle", void 0);
+], ExmGridSmartToolbar.prototype, "columnFilterDialogTitle", void 0);
 __decorate([
     property({ type: Array, attribute: 'column-filter-columns' })
-], ExmgGridSmartToolbar.prototype, "columnFilterColumns", void 0);
+], ExmGridSmartToolbar.prototype, "columnFilterColumns", void 0);
 __decorate([
     property({ type: Boolean })
-], ExmgGridSmartToolbar.prototype, "searchEnabled", void 0);
+], ExmGridSmartToolbar.prototype, "searchEnabled", void 0);
 __decorate([
     property({ type: String })
-], ExmgGridSmartToolbar.prototype, "searchPlaceholder", void 0);
+], ExmGridSmartToolbar.prototype, "searchPlaceholder", void 0);
 __decorate([
     property({ type: Boolean })
-], ExmgGridSmartToolbar.prototype, "disableSeperator", void 0);
-ExmgGridSmartToolbar = __decorate([
+], ExmGridSmartToolbar.prototype, "disableSeperator", void 0);
+ExmGridSmartToolbar = __decorate([
     customElement('exm-grid-smart-toolbar')
-], ExmgGridSmartToolbar);
-export { ExmgGridSmartToolbar };
+], ExmGridSmartToolbar);
+export { ExmGridSmartToolbar };
 //# sourceMappingURL=exm-grid-smart-toolbar.js.map

package/src/table/exm-grid-toolbar-filters.d.ts

@@ -16,7 +16,7 @@ export interface EventSelectPayload {
     item: Element;
     token: Token;
 }
-export declare class ExmgGridToolbarFilters extends ExmgElement {
+export declare class ExmGridToolbarFilters extends ExmgElement {
     /**
      * Gets or sets the selected element. The default is to use the index of the item.
      * @type {string}

package/src/table/exm-grid-toolbar-filters.js

@@ -5,7 +5,7 @@ import { customElement, property, query } from 'lit/decorators.js';
 import '@material/web/menu/menu.js';
 import '@material/web/menu/menu-item.js';
 import '@material/web/button/text-button.js';
-let ExmgGridToolbarFilters = class ExmgGridToolbarFilters extends ExmgElement {
+let ExmGridToolbarFilters = class ExmGridToolbarFilters extends ExmgElement {
     constructor() {
         super(...arguments);
         this.items = [];
@@ -51,7 +51,7 @@ let ExmgGridToolbarFilters = class ExmgGridToolbarFilters extends ExmgElement {
     `;
     }
 };
-ExmgGridToolbarFilters.styles = [
+ExmGridToolbarFilters.styles = [
     css `
       :host {
         display: block;
@@ -60,18 +60,18 @@ ExmgGridToolbarFilters.styles = [
 ];
 __decorate([
     property({ type: String })
-], ExmgGridToolbarFilters.prototype, "selected", void 0);
+], ExmGridToolbarFilters.prototype, "selected", void 0);
 __decorate([
     property({ type: Array })
-], ExmgGridToolbarFilters.prototype, "items", void 0);
+], ExmGridToolbarFilters.prototype, "items", void 0);
 __decorate([
     query('md-menu')
-], ExmgGridToolbarFilters.prototype, "menu", void 0);
+], ExmGridToolbarFilters.prototype, "menu", void 0);
 __decorate([
     property({ type: Boolean })
-], ExmgGridToolbarFilters.prototype, "disabled", void 0);
-ExmgGridToolbarFilters = __decorate([
+], ExmGridToolbarFilters.prototype, "disabled", void 0);
+ExmGridToolbarFilters = __decorate([
     customElement('exm-grid-toolbar-filters')
-], ExmgGridToolbarFilters);
-export { ExmgGridToolbarFilters };
+], ExmGridToolbarFilters);
+export { ExmGridToolbarFilters };
 //# sourceMappingURL=exm-grid-toolbar-filters.js.map

package/src/table/exm-grid-toolbar.d.ts

@@ -7,7 +7,7 @@ import './exm-grid-base-toolbar.js';
 import './exm-grid-setting-selection-list.js';
 import '../search/exm-toolbar-search.js';
 import { Action, Filter, Setting } from './types/exm-grid-toolbar-types.js';
-export declare class ExmgGridToolbar extends ExmgElement {
+export declare class ExmGridToolbar extends ExmgElement {
     static styles: import("lit").CSSResult[];
     description: string;
     actions: Action[];
@@ -37,6 +37,6 @@ export declare class ExmgGridToolbar extends ExmgElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'exm-grid-toolbar': ExmgGridToolbar;
+        'exm-grid-toolbar': ExmGridToolbar;
     }
 }

package/src/table/exm-grid-toolbar.js

@@ -12,7 +12,7 @@ import './exm-grid-base-toolbar.js';
 import './exm-grid-setting-selection-list.js';
 import '../search/exm-toolbar-search.js';
 import { FilterConfigType, SettingConfigType, } from './types/exm-grid-toolbar-types.js';
-let ExmgGridToolbar = class ExmgGridToolbar extends ExmgElement {
+let ExmGridToolbar = class ExmGridToolbar extends ExmgElement {
     constructor() {
         super(...arguments);
         this.description = '';
@@ -247,7 +247,7 @@ let ExmgGridToolbar = class ExmgGridToolbar extends ExmgElement {
     `;
     }
 };
-ExmgGridToolbar.styles = [
+ExmGridToolbar.styles = [
     css `
       exm-grid-toolbar-filters {
         padding-left: 10px;
@@ -257,27 +257,27 @@ ExmgGridToolbar.styles = [
 ];
 __decorate([
     property({ type: String })
-], ExmgGridToolbar.prototype, "description", void 0);
+], ExmGridToolbar.prototype, "description", void 0);
 __decorate([
     property({ type: Array })
-], ExmgGridToolbar.prototype, "actions", void 0);
+], ExmGridToolbar.prototype, "actions", void 0);
 __decorate([
     property({ type: Array })
-], ExmgGridToolbar.prototype, "filters", void 0);
+], ExmGridToolbar.prototype, "filters", void 0);
 __decorate([
     property({ type: Array })
-], ExmgGridToolbar.prototype, "settings", void 0);
+], ExmGridToolbar.prototype, "settings", void 0);
 __decorate([
     property({ type: Boolean })
-], ExmgGridToolbar.prototype, "searchEnabled", void 0);
+], ExmGridToolbar.prototype, "searchEnabled", void 0);
 __decorate([
     property({ type: String })
-], ExmgGridToolbar.prototype, "searchPlaceholder", void 0);
+], ExmGridToolbar.prototype, "searchPlaceholder", void 0);
 __decorate([
     property({ type: Boolean })
-], ExmgGridToolbar.prototype, "disableSeperator", void 0);
-ExmgGridToolbar = __decorate([
+], ExmGridToolbar.prototype, "disableSeperator", void 0);
+ExmGridToolbar = __decorate([
     customElement('exm-grid-toolbar')
-], ExmgGridToolbar);
-export { ExmgGridToolbar };
+], ExmGridToolbar);
+export { ExmGridToolbar };
 //# sourceMappingURL=exm-grid-toolbar.js.map

package/src/table/exm-grid.d.ts

@@ -2,7 +2,7 @@ import { ExmgElement } from '@exmg/lit-base/index.js';
 import '@exmg/exm-sortable/exm-sortable.js';
 import { SORT_DIRECTION } from './types/exm-grid-types.js';
 type GenericPropertyValues<T, V = unknown> = Map<T, V>;
-type Props = Exclude<keyof ExmgGrid, number | symbol>;
+type Props = Exclude<keyof ExmGrid, number | symbol>;
 type SmartPropertyValue = GenericPropertyValues<Props>;
 /**
  * ### Styling
@@ -37,7 +37,7 @@ type SmartPropertyValue = GenericPropertyValues<Props>;
  * `--exm-table-col-number-padding-right` | right padding of number column | `10px;`
  * `--exm-table-checkbox-cell-width` | width of cell with checkbox | `24px;`
  */
-export declare class ExmgGrid extends ExmgElement {
+export declare class ExmGrid extends ExmgElement {
     static styles: import("lit").CSSResult[];
     /**
      * Array of data which mapped to rows
@@ -124,7 +124,7 @@ export declare class ExmgGrid extends ExmgElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'exm-grid': ExmgGrid;
+        'exm-grid': ExmGrid;
     }
 }
 export {};

package/src/table/exm-grid.js

@@ -5,11 +5,11 @@ import { property, customElement, state } from 'lit/decorators.js';
 import { cache } from 'lit/directives/cache.js';
 import '@exmg/exm-sortable/exm-sortable.js';
 import { style as exmgGridTableStyles } from '../styles/exm-grid-styles-css.js';
-import { ExmgRowSelectable } from './featrues/exm-row-selectable.js';
-import { ExmgQuerySelectors } from './utils/exm-query-selectors.js';
-import { ExmgRowExpandable } from './featrues/exm-row-expandable.js';
-import { ExmgColumnSortable } from './featrues/exm-column-sortable.js';
-import { ExmgRowSortable } from './featrues/exm-row-sortable.js';
+import { ExmRowSelectable } from './featrues/exm-row-selectable.js';
+import { ExmQuerySelectors } from './utils/exm-query-selectors.js';
+import { ExmRowExpandable } from './featrues/exm-row-expandable.js';
+import { ExmColumnSortable } from './featrues/exm-column-sortable.js';
+import { ExmRowSortable } from './featrues/exm-row-sortable.js';
 /**
  * ### Styling
  * The following custom properties and mixins are available for styling:
@@ -43,7 +43,7 @@ import { ExmgRowSortable } from './featrues/exm-row-sortable.js';
  * `--exm-table-col-number-padding-right` | right padding of number column | `10px;`
  * `--exm-table-checkbox-cell-width` | width of cell with checkbox | `24px;`
  */
-let ExmgGrid = class ExmgGrid extends ExmgElement {
+let ExmGrid = class ExmGrid extends ExmgElement {
     constructor() {
         super(...arguments);
         /**
@@ -90,7 +90,7 @@ let ExmgGrid = class ExmgGrid extends ExmgElement {
     }
     getQuerySelectors() {
         if (!this.querySelectors) {
-            throw new Error('ExmgQuerySelector not initialized yet');
+            throw new Error('ExmQuerySelector not initialized yet');
         }
         return this.querySelectors;
     }
@@ -202,23 +202,23 @@ let ExmgGrid = class ExmgGrid extends ExmgElement {
     async firstUpdated() {
         const table = this.shadowRoot.host.querySelector('table');
         const tableBody = table.querySelector('tbody.grid-data');
-        this.querySelectors = new ExmgQuerySelectors(table, tableBody);
+        this.querySelectors = new ExmQuerySelectors(table, tableBody);
         this.initGridAttributes();
         const bodyRows = this.querySelectors.getBodyRows();
         if (this.sortable) {
-            this.columnSortableFeature = new ExmgColumnSortable(this.querySelectors, (event) => this.dispatchEvent(event), this.defaultSortColumn, this.defaultSortDirection);
+            this.columnSortableFeature = new ExmColumnSortable(this.querySelectors, (event) => this.dispatchEvent(event), this.defaultSortColumn, this.defaultSortDirection);
             this.columnSortableFeature.initFeature();
         }
         if (this.canSortRows()) {
-            this.rowSortableFeature = new ExmgRowSortable(this.querySelectors);
+            this.rowSortableFeature = new ExmRowSortable(this.querySelectors);
             this.rowSortableFeature.initFeature();
         }
         if (this.rowsSelectable) {
-            this.rowSelectableFeature = new ExmgRowSelectable(this.querySelectors, (event) => this.dispatchEvent(event), this.disableRowClickSelection, this.selectableCheckboxSelector);
+            this.rowSelectableFeature = new ExmRowSelectable(this.querySelectors, (event) => this.dispatchEvent(event), this.disableRowClickSelection, this.selectableCheckboxSelector);
             this.rowSelectableFeature.initFeature(bodyRows);
         }
         if (this.expandableToggleSelector) {
-            this.rowExpandableFeature = new ExmgRowExpandable(this.querySelectors, this.expandableToggleSelector);
+            this.rowExpandableFeature = new ExmRowExpandable(this.querySelectors, this.expandableToggleSelector);
             this.rowExpandableFeature.initFeature();
         }
         this.updateColumnVisibility();
@@ -280,54 +280,54 @@ let ExmgGrid = class ExmgGrid extends ExmgElement {
     `;
     }
 };
-ExmgGrid.styles = [exmgGridTableStyles];
+ExmGrid.styles = [exmgGridTableStyles];
 __decorate([
     property({ type: Array })
-], ExmgGrid.prototype, "items", void 0);
+], ExmGrid.prototype, "items", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], ExmgGrid.prototype, "sortable", void 0);
+], ExmGrid.prototype, "sortable", void 0);
 __decorate([
     property({ type: String, attribute: 'default-sort-column' })
-], ExmgGrid.prototype, "defaultSortColumn", void 0);
+], ExmGrid.prototype, "defaultSortColumn", void 0);
 __decorate([
     property({ type: String, attribute: 'default-sort-direction' })
-], ExmgGrid.prototype, "defaultSortDirection", void 0);
+], ExmGrid.prototype, "defaultSortDirection", void 0);
 __decorate([
     property({ type: Boolean, reflect: true, attribute: 'rows-sortable' })
-], ExmgGrid.prototype, "rowsSortable", void 0);
+], ExmGrid.prototype, "rowsSortable", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'rows-selectable' })
-], ExmgGrid.prototype, "rowsSelectable", void 0);
+], ExmGrid.prototype, "rowsSelectable", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'disable-row-click-selection' })
-], ExmgGrid.prototype, "disableRowClickSelection", void 0);
+], ExmGrid.prototype, "disableRowClickSelection", void 0);
 __decorate([
     property({ type: String, attribute: 'selectable-checkbox-selector' })
-], ExmgGrid.prototype, "selectableCheckboxSelector", void 0);
+], ExmGrid.prototype, "selectableCheckboxSelector", void 0);
 __decorate([
     property({ type: Object })
-], ExmgGrid.prototype, "hiddenColumnNames", void 0);
+], ExmGrid.prototype, "hiddenColumnNames", void 0);
 __decorate([
     property({ type: Object })
-], ExmgGrid.prototype, "selectedRowIds", void 0);
+], ExmGrid.prototype, "selectedRowIds", void 0);
 __decorate([
     property({ type: Object })
-], ExmgGrid.prototype, "expandedRowIds", void 0);
+], ExmGrid.prototype, "expandedRowIds", void 0);
 __decorate([
     property({ type: String, attribute: 'expandable-toggle-selector', reflect: true })
-], ExmgGrid.prototype, "expandableToggleSelector", void 0);
+], ExmGrid.prototype, "expandableToggleSelector", void 0);
 __decorate([
     property({ type: String, attribute: 'table-layout', reflect: true })
-], ExmgGrid.prototype, "tableLayout", void 0);
+], ExmGrid.prototype, "tableLayout", void 0);
 __decorate([
     state()
-], ExmgGrid.prototype, "querySelectors", void 0);
+], ExmGrid.prototype, "querySelectors", void 0);
 __decorate([
     property({ type: Boolean, reflect: true, attribute: 'data-with-toolbar' })
-], ExmgGrid.prototype, "withToolbar", void 0);
-ExmgGrid = __decorate([
+], ExmGrid.prototype, "withToolbar", void 0);
+ExmGrid = __decorate([
     customElement('exm-grid')
-], ExmgGrid);
-export { ExmgGrid };
+], ExmGrid);
+export { ExmGrid };
 //# sourceMappingURL=exm-grid.js.map

package/src/table/featrues/exm-column-sortable.d.ts

@@ -1,11 +1,11 @@
-import { ExmgQuerySelectors } from '../utils/exm-query-selectors.js';
+import { ExmQuerySelectors } from '../utils/exm-query-selectors.js';
 import { SORT_DIRECTION } from '../types/exm-grid-types.js';
-export declare class ExmgColumnSortable {
+export declare class ExmColumnSortable {
     private querySelectors;
     private dispatchEvent;
     private defaultSortColumn?;
     private defaultSortDirection?;
-    constructor(qs: ExmgQuerySelectors, de: (e: Event) => boolean, dsc?: string, dsd?: SORT_DIRECTION);
+    constructor(qs: ExmQuerySelectors, de: (e: Event) => boolean, dsc?: string, dsd?: SORT_DIRECTION);
     initFeature(): void;
     private registerListeners;
     private fireSortChanged;

package/src/table/featrues/exm-column-sortable.js

@@ -1,4 +1,4 @@
-export class ExmgColumnSortable {
+export class ExmColumnSortable {
     constructor(qs, de, dsc, dsd) {
         this.querySelectors = qs;
         this.dispatchEvent = de;

package/src/table/featrues/exm-row-expandable.d.ts

@@ -1,8 +1,8 @@
-import { ExmgQuerySelectors } from '../utils/exm-query-selectors.js';
-export declare class ExmgRowExpandable {
+import { ExmQuerySelectors } from '../utils/exm-query-selectors.js';
+export declare class ExmRowExpandable {
     private querySelectors;
     private expandableToggleSelector;
-    constructor(qs: ExmgQuerySelectors, ets: string);
+    constructor(qs: ExmQuerySelectors, ets: string);
     initFeature(): void;
     updateFeature(): void;
     private registerClickListener;

package/src/table/featrues/exm-row-expandable.js

@@ -1,4 +1,4 @@
-export class ExmgRowExpandable {
+export class ExmRowExpandable {
     constructor(qs, ets) {
         this.querySelectors = qs;
         this.expandableToggleSelector = ets;

package/src/table/featrues/exm-row-selectable.d.ts

@@ -1,12 +1,12 @@
-import { ExmgQuerySelectors } from '../utils/exm-query-selectors.js';
-export declare class ExmgRowSelectable {
+import { ExmQuerySelectors } from '../utils/exm-query-selectors.js';
+export declare class ExmRowSelectable {
     allCheckbox?: HTMLInputElement;
     selectedRows: HTMLTableRowElement[];
     private querySelectors;
     private dispatchEvent;
     private selectableCheckboxSelector?;
     private disableRowClickSelection;
-    constructor(qs: ExmgQuerySelectors, de: (event: Event) => boolean, drcs: boolean, scs?: string);
+    constructor(qs: ExmQuerySelectors, de: (event: Event) => boolean, drcs: boolean, scs?: string);
     initFeature(bodyRows: NodeListOf<HTMLTableRowElement>): void;
     updateFeature(bodyRows: NodeListOf<HTMLTableRowElement>): void;
     syncSelectedItems(): void;

package/src/table/featrues/exm-row-selectable.js

@@ -21,7 +21,7 @@ const syncCheckboxAttrFromProp = (checkboxElement) => {
         checkboxElement.removeAttribute('checked');
     }
 };
-export class ExmgRowSelectable {
+export class ExmRowSelectable {
     constructor(qs, de, drcs, scs) {
         this.selectedRows = [];
         this.querySelectors = qs;

package/src/table/featrues/exm-row-sortable.d.ts

@@ -1,7 +1,7 @@
-import { ExmgQuerySelectors } from '../utils/exm-query-selectors.js';
-export declare class ExmgRowSortable {
+import { ExmQuerySelectors } from '../utils/exm-query-selectors.js';
+export declare class ExmRowSortable {
     private querySelectors;
-    constructor(qs: ExmgQuerySelectors);
+    constructor(qs: ExmQuerySelectors);
     initFeature(): void;
     updateFeature(): void;
     private getRowDetailQuerySelectorFactory;

package/src/table/featrues/exm-row-sortable.js

@@ -1,4 +1,4 @@
-export class ExmgRowSortable {
+export class ExmRowSortable {
     constructor(qs) {
         this.querySelectors = qs;
     }

package/src/table/utils/exm-query-selectors.d.ts

@@ -1,4 +1,4 @@
-export declare class ExmgQuerySelectors {
+export declare class ExmQuerySelectors {
     private table;
     private tableBody;
     constructor(t: HTMLTableElement, tb: HTMLTableSectionElement);

package/src/table/utils/exm-query-selectors.js

@@ -1,4 +1,4 @@
-export class ExmgQuerySelectors {
+export class ExmQuerySelectors {
     constructor(t, tb) {
         this.table = t;
         this.tableBody = tb;