@exmg/exm-grid 1.1.9 → 1.1.10-alpha.26

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

@@ -1,17 +1,17 @@
-import { __decorate } from "tslib";
+import { __decorate } from 'tslib';
 import { css, html } from 'lit';
 import { ExmgElement } from '@exmg/lit-base/index.js';
-import { customElement, property } from 'lit/decorators.js';
+import { property, customElement } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { repeat } from 'lit/directives/repeat.js';
 import '@material/web/icon/icon.js';
 import '@material/web/iconbutton/icon-button.js';
 import './exm-grid-toolbar-filters.js';
-import '@polymer/paper-item/paper-item.js';
 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';
+import { FilterConfigType, SettingConfigType } from './types/exm-grid-toolbar-types.js';
+
 let ExmGridToolbar = class ExmGridToolbar extends ExmgElement {
     constructor() {
         super(...arguments);
@@ -83,7 +83,7 @@ let ExmGridToolbar = class ExmGridToolbar extends ExmgElement {
       `);
     }
     renderSearch() {
-        return html `<exm-toolbar-search placeHolder=${this.searchPlaceholder}></exm-toolbar-search> `;
+        return html `<exm-toolbar-search slot="description" placeHolder=${this.searchPlaceholder}></exm-toolbar-search> `;
     }
     renderDescription() {
         return html ` ${this.description} `;
@@ -142,102 +142,10 @@ let ExmGridToolbar = class ExmGridToolbar extends ExmgElement {
     }
     render() {
         return html `
-      <style>
-        :host {
-          --paper-item-focused: {
-            background-color: var(
-              --exm-theme-table-toolbar-filter-item-active-bg-color,
-              var(--exm-theme-table-on-surface-low, var(--mdc-theme-surface))
-            );
-          }
-          --paper-item-selected: {
-            background-color: var(
-              --exm-theme-table-toolbar-filter-item-active-bg-color,
-              var(--exm-theme-table-on-surface-low, var(--mdc-theme-surface))
-            );
-          }
-          --paper-button-ink-color: var(
-            --exm-theme-table-toolbar-filter-item-active-bg-color,
-            var(--mdc-theme-surface)
-          );
-          --paper-input-container-color: var(--exm-grid-toolbar-on-surface-color, var(--mdc-theme-on-surface));
-          --paper-input-container-focus-color: var(--exm-grid-toolbar-on-surface-color, var(--mdc-theme-primary));
-
-          --exm-paper-combobox-selected-item-color: var(
-            --exm-grid-toolbar-on-surface-color,
-            var(--mdc-theme-on-surface)
-          );
-          --exm-paper-combobox-selected-item-bg-color: var(--exm-grid-toolbar-surface-color, transparent);
-          --exm-paper-combobox-dropdown-button-color: var(
-            --exm-grid-toolbar-on-surface-color,
-            var(--mdc-theme-on-surface)
-          );
-          --exm-paper-combobox-dropdown-button-bg-color: var(--exm-grid-toolbar-surface-color, transparent);
-          --exm-paper-combobox-dropdown-list-color: var(
-            --exm-grid-toolbar-on-surface-color,
-            var(--mdc-theme-on-surface)
-          );
-          --exm-paper-combobox-dropdown-list-bg-color: var(
-            --exm-grid-toolbar-surface-color,
-            var(--mdc-theme-surface)
-          );
-        }
-        :host exm-grid-base-toolbar[active] {
-          --paper-item-focused: {
-            background-color: var(
-              --exm-theme-table-toolbar-filter-item-active-bg-color,
-              var(--exm-theme-table-on-surface-low, var(--mdc-theme-surface))
-            );
-          }
-          --paper-item-selected: {
-            background-color: var(
-              --exm-theme-table-toolbar-filter-item-active-bg-color,
-              var(--exm-theme-table-on-surface-low, var(--mdc-theme-surface))
-            );
-          }
-          --paper-button-ink-color: var(
-            --exm-theme-table-toolbar-filter-item-active-bg-color,
-            var(--mdc-theme-secondary)
-          );
-          --paper-input-container-color: var(--exm-grid-toolbar-active-on-surface-color, var(--mdc-theme-on-surface));
-          --paper-input-container-focus-color: var(
-            --exm-grid-toolbar-active-on-surface-color,
-            var(--mdc-theme-primary)
-          );
-
-          --exm-paper-combobox-selected-item-color: var(
-            --exm-grid-toolbar-active-on-surface-color,
-            var(--mdc-theme-on-surface)
-          );
-          --exm-paper-combobox-selected-item-bg-color: var(--exm-grid-toolbar-bg-active-surface-color, transparent);
-          --exm-paper-combobox-dropdown-button-color: var(
-            --exm-grid-toolbar-active-on-surface-color,
-            var(--mdc-theme-on-surface)
-          );
-          --exm-paper-combobox-dropdown-button-bg-color: var(--exm-grid-toolbar-bg-active-surface-color, transparent);
-          --exm-paper-combobox-dropdown-list-color: var(
-            --exm-grid-toolbar-active-on-surface-color,
-            var(--mdc-theme-on-surface)
-          );
-          --exm-paper-combobox-dropdown-list-bg-color: var(
-            --exm-grid-toolbar-bg-active-surface-color,
-            var(--mdc-theme-surface)
-          );
-        }
-        .title {
-          display: flex;
-          align-items: center;
-          height: 48px;
-          flex: 1;
-        }
-        .title > exm-toolbar-search {
-          flex: 1;
-        }
-      </style>
       <exm-grid-base-toolbar ?disableSeperator=${this.disableSeperator}>
         <div slot="actions">${this.renderActions()}</div>
         ${this.searchEnabled
-            ? html `<div class="title" slot="description">${this.renderSearch()}</div>`
+            ? html `${this.renderSearch()}`
             : html `<div class="title" slot="description">${this.renderDescription()}</div>`}
 
         <div slot="filters">${this.renderFilters()}</div>
@@ -253,6 +161,14 @@ ExmGridToolbar.styles = [
         padding-left: 10px;
         border-radius: 4px;
       }
+
+      :host {
+        --exm-search-container-shape: 3rem;
+      }
+
+      exm-search {
+        width: 100%;
+      }
     `,
 ];
 __decorate([
@@ -279,5 +195,6 @@ __decorate([
 ExmGridToolbar = __decorate([
     customElement('exm-grid-toolbar')
 ], ExmGridToolbar);
+
 export { ExmGridToolbar };
-//# sourceMappingURL=exm-grid-toolbar.js.map
+//# sourceMappingURL=exm-grid-toolbar.js.map

package/dist/table/exm-grid.js

@@ -1,15 +1,16 @@
-import { __decorate } from "tslib";
+import { __decorate } from 'tslib';
 import { html } from 'lit';
 import { ExmgElement } from '@exmg/lit-base/index.js';
-import { property, customElement, state } from 'lit/decorators.js';
+import { property, state, customElement } 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 { style } from '../styles/exm-grid-styles-css.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:
@@ -280,7 +281,7 @@ let ExmGrid = class ExmGrid extends ExmgElement {
     `;
     }
 };
-ExmGrid.styles = [exmgGridTableStyles];
+ExmGrid.styles = [style];
 __decorate([
     property({ type: Array })
 ], ExmGrid.prototype, "items", void 0);
@@ -329,5 +330,6 @@ __decorate([
 ExmGrid = __decorate([
     customElement('exm-grid')
 ], ExmGrid);
+
 export { ExmGrid };
-//# sourceMappingURL=exm-grid.js.map
+//# sourceMappingURL=exm-grid.js.map

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

@@ -1,4 +1,4 @@
-export class ExmColumnSortable {
+class ExmColumnSortable {
     constructor(qs, de, dsc, dsd) {
         this.querySelectors = qs;
         this.dispatchEvent = de;
@@ -47,4 +47,6 @@ export class ExmColumnSortable {
         }));
     }
 }
-//# sourceMappingURL=exm-column-sortable.js.map
+
+export { ExmColumnSortable };
+//# sourceMappingURL=exm-column-sortable.js.map

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

@@ -1,4 +1,4 @@
-export class ExmRowExpandable {
+class ExmRowExpandable {
     constructor(qs, ets) {
         this.querySelectors = qs;
         this.expandableToggleSelector = ets;
@@ -39,4 +39,6 @@ export class ExmRowExpandable {
         });
     }
 }
-//# sourceMappingURL=exm-row-expandable.js.map
+
+export { ExmRowExpandable };
+//# sourceMappingURL=exm-row-expandable.js.map

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

@@ -21,7 +21,7 @@ const syncCheckboxAttrFromProp = (checkboxElement) => {
         checkboxElement.removeAttribute('checked');
     }
 };
-export class ExmRowSelectable {
+class ExmRowSelectable {
     constructor(qs, de, drcs, scs) {
         this.selectedRows = [];
         this.querySelectors = qs;
@@ -201,4 +201,6 @@ export class ExmRowSelectable {
         }
     }
 }
-//# sourceMappingURL=exm-row-selectable.js.map
+
+export { ExmRowSelectable };
+//# sourceMappingURL=exm-row-selectable.js.map

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

@@ -1,4 +1,4 @@
-export class ExmRowSortable {
+class ExmRowSortable {
     constructor(qs) {
         this.querySelectors = qs;
     }
@@ -47,4 +47,6 @@ export class ExmRowSortable {
         });
     }
 }
-//# sourceMappingURL=exm-row-sortable.js.map
+
+export { ExmRowSortable };
+//# sourceMappingURL=exm-row-sortable.js.map

package/dist/table/types/exm-grid-smart-toolbar-types.js

@@ -1,6 +1,8 @@
 // eslint-disable-next-line no-shadow
-export var ActionConditionType;
+var ActionConditionType;
 (function (ActionConditionType) {
     ActionConditionType["AmountOfSelectedItemsRange"] = "amount_of_items_range";
-})(ActionConditionType = ActionConditionType || (ActionConditionType = {}));
-//# sourceMappingURL=exm-grid-smart-toolbar-types.js.map
+})(ActionConditionType || (ActionConditionType = {}));
+
+export { ActionConditionType };
+//# sourceMappingURL=exm-grid-smart-toolbar-types.js.map

package/dist/table/types/exm-grid-toolbar-types.js

@@ -1,16 +1,18 @@
 // eslint-disable-next-line no-shadow
-export var FilterConfigType;
+var FilterConfigType;
 (function (FilterConfigType) {
     FilterConfigType["SingleSelect"] = "single_select";
-})(FilterConfigType = FilterConfigType || (FilterConfigType = {}));
+})(FilterConfigType || (FilterConfigType = {}));
 // eslint-disable-next-line no-shadow
-export var SettingConfigType;
+var SettingConfigType;
 (function (SettingConfigType) {
     SettingConfigType["SelectionList"] = "selection_list";
-})(SettingConfigType = SettingConfigType || (SettingConfigType = {}));
+})(SettingConfigType || (SettingConfigType = {}));
 // eslint-disable-next-line no-shadow
-export var SettingConfigId;
+var SettingConfigId;
 (function (SettingConfigId) {
     SettingConfigId["ColumnSelector"] = "column-selector";
-})(SettingConfigId = SettingConfigId || (SettingConfigId = {}));
-//# sourceMappingURL=exm-grid-toolbar-types.js.map
+})(SettingConfigId || (SettingConfigId = {}));
+
+export { FilterConfigType, SettingConfigId, SettingConfigType };
+//# sourceMappingURL=exm-grid-toolbar-types.js.map

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

@@ -1,4 +1,4 @@
-export class ExmQuerySelectors {
+class ExmQuerySelectors {
     constructor(t, tb) {
         this.table = t;
         this.tableBody = tb;
@@ -34,4 +34,6 @@ export class ExmQuerySelectors {
         return this.getTableBody().querySelectorAll(this.getBodyRowSelector(':not([data-initialized])'));
     }
 }
-//# sourceMappingURL=exm-query-selectors.js.map
+
+export { ExmQuerySelectors };
+//# sourceMappingURL=exm-query-selectors.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exmg/exm-grid",
-  "version": "1.1.9",
+  "version": "1.1.10-alpha.26+dffd4ec",
   "type": "module",
   "description": "exmg grid element",
   "contributors": [
@@ -37,29 +37,20 @@
     "directory": "packages/exm-grid"
   },
   "dependencies": {
-    "@exmg/exm-sortable": "^1.1.9",
+    "@exmg/exm-search": "^1.1.10-alpha.26+dffd4ec",
+    "@exmg/exm-sortable": "^1.1.10-alpha.26+dffd4ec"
+  },
+  "peerDependencies": {
     "@exmg/lit-base": "^3.0.0",
-    "@material/typography": "^14.0.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",
-    "@polymer/paper-input": "^3.2.1",
-    "@polymer/paper-item": "^3.0.1",
-    "@polymer/paper-listbox": "^3.0.1",
-    "@polymer/paper-menu-button": "^3.0.1",
-    "@polymer/paper-styles": "^3.0.1",
     "@polymer/polymer": "^3.4.1",
-    "lit": "^3.0.0",
+    "lit": "^3.2.1",
     "tslib": "^2.6.2"
   },
-  "devDependencies": {
-    "@exmg/lit-cli": "1.1.13"
-  },
   "license": "MIT",
   "scripts": {},
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ac876ab3f3d6d83a43a3944c052c8e71de300832"
+  "gitHead": "dffd4ecb68fdeb061f4e8ad585af221bfb0f8e8b"
 }