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

package/dist/search/exm-toolbar-search.js

@@ -1,75 +1,46 @@
-import { __decorate } from "tslib";
-import { html, css } from 'lit';
-import { property, customElement, query, state } from 'lit/decorators.js';
-import { ExmgElement } from '@exmg/lit-base/index.js';
+import { __decorate } from 'tslib';
+import { css, html } from 'lit';
+import { state, property, query, customElement } from 'lit/decorators.js';
+import { ExmgElement, debounce, async } from '@exmg/lit-base/index.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { async, debounce } from '@exmg/lit-base/index.js';
+import '@exmg/exm-search/exm-search.js';
 import '@material/web/icon/icon.js';
 import '@material/web/iconbutton/icon-button.js';
 import '@material/web/focus/md-focus-ring.js';
+
 let ToolbarSearch = class ToolbarSearch extends ExmgElement {
     constructor() {
         super(...arguments);
-        this._isSearch = false;
+        this.isSearch = false;
         this.placeHolder = 'Search';
     }
     render() {
         const classMapValues = {
-            search: this._isSearch,
+            search: this.isSearch,
         };
         return html `
-      <div class=${classMap(classMapValues)} @click=${this._showSearch}>
-        ${this._isSearch
-            ? html `
-              <div style="position: relative">
-                <md-focus-ring style="--md-focus-ring-shape: 8px" for="searchInput"></md-focus-ring>
-                <md-icon>search</md-icon>
-                <input
-                  id="searchInput"
-                  placeholder=${this.placeHolder}
-                  value=${this.filterValue ? this.filterValue : ''}
-                  onfocus="let value = this.value; this.value = null; this.value = value"
-                  @keyup=${this._handleKeyUp}
-                  @blur=${this._handleInputBlur}
-                />
-                ${this.filterValue
-                ? html `
-                      <md-icon-button class="clear-button" @click=${this._handleClear}
-                        ><md-icon>close</md-icon></md-icon-button
-                      >
-                    `
-                : html ``}
-              </div>
-            `
-            : html `
-              <md-icon>search</md-icon>
-              <span class="interactive-content">${this._getValue()}</span>
-              <slot></slot>
-            `}
-      </div>
+      <exm-search
+        class=${classMap(classMapValues)}
+        @click=${this.showSearch}
+        placeholder=${this.placeHolder}
+        value=${this.filterValue ? this.filterValue : ''}
+        onfocus="let value = this.value; this.value = null; this.value = value"
+        @search-value-change=${this.handleKeyUp}
+        @search-blur=${this.handleInputBlur}
+      ></exm-search>
     `;
     }
     _getValue() {
         return this.filterValue || this.placeHolder;
     }
-    _handleClear(e) {
-        e.preventDefault();
-        this.filterValue = null;
-        this.search.value = '';
-        this._notifyChange();
-    }
-    _handleKeyUp(e) {
-        const input = e.target;
-        if (this.filterValue !== input.value) {
-            this.filterValue = input.value;
-            this._notifyChange();
-        }
-        if (e.keyCode === 27) {
-            this._hideSearch();
+    handleKeyUp({ detail }) {
+        if (this.filterValue !== detail.value) {
+            this.filterValue = detail.value;
+            this.notifyChange();
         }
     }
-    _notifyChange() {
-        this._debouncer = debounce.Debouncer.debounce(this._debouncer, async.timeOut.after(200), () => {
+    notifyChange() {
+        this.debouncer = debounce.Debouncer.debounce(this.debouncer, async.timeOut.after(200), () => {
             this.dispatchEvent(new CustomEvent('exm-grid-toolbar-search-changed', {
                 bubbles: false,
                 composed: true,
@@ -77,110 +48,30 @@ let ToolbarSearch = class ToolbarSearch extends ExmgElement {
             }));
         });
     }
-    _handleInputBlur() {
-        this._hideSearch();
+    handleInputBlur() {
+        this.hideSearch();
     }
-    _hideSearch() {
-        this._isSearch = false;
+    hideSearch() {
+        this.isSearch = false;
     }
-    _showSearch() {
-        if (this._isSearch)
+    showSearch() {
+        if (this.isSearch) {
             return;
-        this._isSearch = true;
+        }
+        this.isSearch = true;
         setTimeout(() => this.shadowRoot.querySelector('#searchInput').focus(), 200);
     }
 };
 ToolbarSearch.styles = [
     css `
       :host {
-        display: block;
-        color: var(--md-sys-color-on-surface-variant);
-        background-color: var(--md-sys-color-surface-container-low);
-        border-radius: var(--exm-toolbar-search-border-radius, var(--exm-surface-border-radius, 16px));
-      }
-      :host > div {
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
-        align-items: center;
-        height: 48px;
-      }
-      h2 {
-        max-width: 936px;
-        width: 100%;
-        margin: 20px auto;
-      }
-      input {
-        width: 100%;
-        caret-color: var(--md-sys-color-on-surface);
-        color: var(--md-sys-color-on-surface);
-      }
-      md-icon {
-        margin: 0 8px 0 16px;
-        fill: var(--md-sys-color-on-surface);
-        cursor: pointer;
-      }
-      :host > div > svg {
-        margin-right: 10px;
-      }
-      ::slotted(*) {
-        margin: 14px 12px;
-      }
-      span.interactive-content {
-        white-space: nowrap;
-        overflow: hidden;
-        font-size: 14px;
-        opacity: 0.6;
-        text-overflow: ellipsis;
-        letter-spacing: 0.005em;
-        box-sizing: border-box;
-
-        font-weight: 400;
-        cursor: pointer;
-        flex: 1;
-      }
-      .search {
-        display: absolute;
-        background: none;
-        /* outline-color: rgb(77, 144, 254);
-        outline-offset: 1px;
-        outline-style: auto;
-        outline-width: 1px; */
-      }
-      .search > div {
         width: 100%;
-        position: relative;
-        display: flex;
-        align-items: center;
-      }
-      .search input {
-        font-size: 14px;
-        margin: 15px 0px;
-        padding: 2px;
-        border: 0px;
-        width: 100%;
-        outline: none;
-        background: none;
-        box-sizing: border-box;
-      }
-      .clear-button {
-        position: absolute;
-        right: 0;
-        background: transparent;
-        border: none !important;
-        font-size: 0;
-        margin-right: 1rem;
-        color: var(--exm-table-color, black);
-      }
-
-      md-focus-ring {
-        --md-focus-ring-shape: 16px;
       }
     `,
 ];
 __decorate([
     state()
-], ToolbarSearch.prototype, "_isSearch", void 0);
+], ToolbarSearch.prototype, "isSearch", void 0);
 __decorate([
     property({ type: String })
 ], ToolbarSearch.prototype, "filterValue", void 0);
@@ -193,5 +84,6 @@ __decorate([
 ToolbarSearch = __decorate([
     customElement('exm-toolbar-search')
 ], ToolbarSearch);
+
 export { ToolbarSearch };
-//# sourceMappingURL=exm-toolbar-search.js.map
+//# sourceMappingURL=exm-toolbar-search.js.map

package/dist/styles/exm-grid-base-toolbar-styles-css.js

@@ -1,5 +1,6 @@
 import { css } from 'lit';
-export const style = css `
+
+const style = css `
   :host {
     display: block;
     -moz-osx-font-smoothing: grayscale;
@@ -9,21 +10,24 @@ export const style = css `
     border-top-left-radius: var(--exm-theme-table-radius, var(--exm-surface-border-radius, 16px));
     border-top-right-radius: var(--exm-theme-table-radius, var(--exm-surface-border-radius, 16px));
     --toolbar-bg-color: var(--exm-theme-table-toolbar-background-color, var(--md-sys-color-surface-container));
-    --toolbar-color: var(--exm-theme-table-toolbar-color, var(--md-sys-color-on-surface-container));
+    --toolbar-color: var(--exm-theme-table-toolbar-color, var(--md-sys-color-on-surface));
     background-color: var(--toolbar-bg-color);
     color: var(--toolbar-color);
   }
 
   .wrapper {
-    display: flex;
-    flex: 1;
-    flex-direction: row;
+    display: grid;
+    grid-template-columns: 1fr auto auto auto;
     align-items: center;
     padding: 10px 16px 10px 16px;
     overflow-x: var(--exm-theme-table-toolbar-overflow-x, initial);
     white-space: nowrap;
   }
 
+  .wrapper.has-action {
+    grid-template-columns: auto 1fr auto auto auto;
+  }
+
   .wrapper.active {
     --active-toolbar-bg-color: var(--exm-theme-table-toolbar-active-bg-color, var(--md-sys-color-secondary-container));
     --active-toolbar-color: var(--exm-theme-table-toolbar-active-color, var(--md-sys-color-on-secondary-container));
@@ -39,10 +43,8 @@ export const style = css `
 
   .wrapper.active .description {
     color: var(--active-toolbar-color);
-    flex: 1;
     margin-left: 8px;
   }
-
   .wrapper .seperator {
     min-height: 32px;
   }
@@ -54,19 +56,12 @@ export const style = css `
   .wrapper .description {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
-    font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
-    font-size: 1.5rem;
     font-size: var(--mdc-typography-headline5-font-size, 1.5rem);
-    line-height: 2rem;
     line-height: var(--mdc-typography-headline5-line-height, 2rem);
-    font-weight: 400;
     font-weight: var(--mdc-typography-headline5-font-weight, 400);
-    letter-spacing: normal;
     letter-spacing: var(--mdc-typography-headline5-letter-spacing, normal);
-    text-decoration: inherit;
     text-decoration: var(--mdc-typography-headline5-text-decoration, inherit);
-    text-transform: inherit;
     text-transform: var(--mdc-typography-headline5-text-transform, inherit);
     color: var(--toolbar-color);
     font-size: 1.25rem;
@@ -75,6 +70,7 @@ export const style = css `
     flex: 1;
     display: flex;
     align-items: center;
+    width: 100%;
   }
 
   .actions {
@@ -100,4 +96,6 @@ export const style = css `
     }
   }
 `;
-//# sourceMappingURL=exm-grid-base-toolbar-styles-css.js.map
+
+export { style };
+//# sourceMappingURL=exm-grid-base-toolbar-styles-css.js.map

package/dist/styles/exm-grid-common-styles-css.js

@@ -1,12 +1,13 @@
 import { css } from 'lit';
-export const style = css `
+
+const style = css `
   :host {
     display: block;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-font-family, Roboto, sans-serif);
-    color: var(--exm-theme-table-pagination-color, var(--md-sys-color-on-surface-container));
+    color: var(--exm-theme-table-pagination-color, var(--md-sys-color-on-surface));
     border-bottom-left-radius: var(--exm-theme-table-radius, var(--exm-surface-border-radius, 16px));
     border-bottom-right-radius: var(--exm-theme-table-radius, var(--exm-surface-border-radius, 16px));
   }
@@ -101,4 +102,6 @@ export const style = css `
     }
   }
 `;
-//# sourceMappingURL=exm-grid-common-styles-css.js.map
+
+export { style };
+//# sourceMappingURL=exm-grid-common-styles-css.js.map

package/dist/styles/exm-grid-pagination-styles-css.js

@@ -1,12 +1,13 @@
 import { css } from 'lit';
-export const style = css `
+
+const style = css `
   :host {
     display: block;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: Roboto, sans-serif;
     font-family: var(--mdc-typography-font-family, Roboto, sans-serif);
-    color: var(--exm-theme-table-pagination-color, var(--md-sys-color-on-surface-container));
+    color: var(--exm-theme-table-pagination-color, var(--md-sys-color-on-surface));
     border-bottom-left-radius: var(--exm-theme-table-radius, var(--exm-surface-border-radius, 16px));
     border-bottom-right-radius: var(--exm-theme-table-radius, var(--exm-surface-border-radius, 16px));
   }
@@ -101,4 +102,6 @@ export const style = css `
     }
   }
 `;
-//# sourceMappingURL=exm-grid-pagination-styles-css.js.map
+
+export { style };
+//# sourceMappingURL=exm-grid-pagination-styles-css.js.map

package/dist/styles/exm-grid-setting-selection-list-styles-css.js

@@ -1,5 +1,6 @@
 import { css } from 'lit';
-export const style = css `
+
+const style = css `
   :host {
     display: block;
     position: relative;
@@ -9,4 +10,6 @@ export const style = css `
     color: var(--mdc-theme-primary);
   }
 `;
-//# sourceMappingURL=exm-grid-setting-selection-list-styles-css.js.map
+
+export { style };
+//# sourceMappingURL=exm-grid-setting-selection-list-styles-css.js.map

package/dist/styles/exm-grid-styles-css.js

@@ -1,5 +1,6 @@
 import { css } from 'lit';
-export const style = css `
+
+const style = css `
   :host {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
@@ -9,7 +10,7 @@ export const style = css `
     --exm-arrow-upward-url: url('/node_modules/@exmg/exm-grid/assets/arrow-upward.svg');
     --exm-table-card-width: var(--exm-theme-table-card-width, 100%);
     --exm-table-card-margin-bottom: var(--exm-theme-table-card-margin-bottom, 5px);
-    --exm-table-color: var(--exm-theme-table-on-surface, var(--md-sys-color-on-surface-container));
+    --exm-table-color: var(--exm-theme-table-on-surface, var(--md-sys-color-on-surface));
     --exm-table-card-background-color: var(--exm-theme-table-surface, var(--md-sys-color-surface-container));
     --exm-table-row-divider-color: var(--exm-theme-table-row-divider-color, var(--md-sys-color-surface-variant));
     --exm-table-row-selected-color: var(
@@ -36,7 +37,7 @@ export const style = css `
       var(--md-sys-color-surface-container-low)
     );
     --exm-table-rows-expanded-color: var(--exm-theme-table-rows-expanded-color, var(--md-sys-color-on-surface));
-    --exm-table-th-color: var(--exm-theme-table-th-on-surface, var(--md-sys-color-on-surface-container));
+    --exm-table-th-color: var(--exm-theme-table-th-on-surface, var(--md-sys-color-on-surface));
     --exm-table-th-background-color: var(--exm-theme-table-th-surface, var(--md-sys-color-surface-container));
     --exm-table-th-sortable-hover-color: var(--exm-theme-table-th-sortable-hover-color, var(--md-sys-color-on-surface));
     --exm-table-columns-background-color: var(--exm-theme-table-columns-background-color, var(--md-sys-color-surface));
@@ -47,8 +48,6 @@ export const style = css `
     --exm-table-th-sort-icon-width: var(--exm-theme-table-th-sort-icon-width, 1em);
     --exm-table-col-number-padding-right: var(--exm-theme-table-col-number-padding-right, 10px);
     --exm-table-checkbox-cell-width: var(--exm-theme-table-checkbox-cell-width, 24px);
-    --exm-paper-combobox-selected-item-color: var(var(--md-sys-color-primary), #000000);
-    --exm-paper-combobox-color: var(--md-sys-color-on-surface);
     --exm-table-toolbar-setting-position: var(--exm-theme-table-toolbar-setting-position, absolute);
   }
 
@@ -413,4 +412,6 @@ export const style = css `
     width: 100%;
   }
 `;
-//# sourceMappingURL=exm-grid-styles-css.js.map
+
+export { style };
+//# sourceMappingURL=exm-grid-styles-css.js.map

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

@@ -1,8 +1,10 @@
-import { __decorate } from "tslib";
+import { __decorate } from 'tslib';
 import { html } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
+import { state, property, customElement } from 'lit/decorators.js';
 import { ExmgElement } from '@exmg/lit-base/index.js';
 import { style } from '../styles/exm-grid-base-toolbar-styles-css.js';
+import { classMap } from 'lit/directives/class-map.js';
+
 /**
  * ### Styling
  * The following custom properties  are available for styling:
@@ -43,18 +45,20 @@ let ExmGridBaseToolbar = class ExmGridBaseToolbar extends ExmgElement {
         super.disconnectedCallback();
     }
     render() {
+        const classNames = { active: this.active, 'has-action': this.actionsCount > 0 };
         return html `
-      <div class="wrapper ${this.active ? 'active' : ''}">
+      <div class="wrapper ${classMap(classNames)}">
         ${this.actionsCount > 0
             ? html `
               <div class="actions">
                 <slot name="actions"></slot>
               </div>
+              <div class="seperator ${this.actionsCount > 0 && !this.disableSeperator ? 'with-action-separator' : ''}">
+                &nbsp;
+              </div>
             `
             : ''}
-        <div class="seperator ${this.actionsCount > 0 && !this.disableSeperator ? 'with-action-separator' : ''}">
-          &nbsp;
-        </div>
+
         <div class="description">
           <slot name="description"></slot>
         </div>
@@ -87,5 +91,6 @@ __decorate([
 ExmGridBaseToolbar = __decorate([
     customElement('exm-grid-base-toolbar')
 ], ExmGridBaseToolbar);
+
 export { ExmGridBaseToolbar };
-//# sourceMappingURL=exm-grid-base-toolbar.js.map
+//# sourceMappingURL=exm-grid-base-toolbar.js.map

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

@@ -1,11 +1,12 @@
-import { __decorate } from "tslib";
+import { __decorate } from 'tslib';
 import { html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { property, customElement } from 'lit/decorators.js';
 import { ExmgElement } from '@exmg/lit-base/index.js';
 import '@material/web/iconbutton/icon-button.js';
 import '@material/web/icon/icon.js';
 import './exm-grid-toolbar-filters.js';
 import { style } from '../styles/exm-grid-pagination-styles-css.js';
+
 /**
  * ### Styling
  * The following custom properties  are available for styling:
@@ -29,7 +30,6 @@ let ExmGridPagination = class ExmGridPagination extends ExmgElement {
     }
     renderPageSizeOptions() {
         const items = (this.pageSizeOptions || []).map((item) => ({ label: `${item}`, value: `${item}` }));
-        console.log('pageSize', this.pageSize);
         return html `
       <exm-grid-toolbar-filters
         id="pageSizeOptions"
@@ -111,42 +111,6 @@ let ExmGridPagination = class ExmGridPagination extends ExmgElement {
         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(--md-sys-color-surface))
-            );
-          }
-          --paper-item-selected: {
-            background-color: var(
-              --exm-theme-table-toolbar-filter-item-active-bg-color,
-              var(--exm-theme-table-on-surface-low, var(--md-sys-color-surface))
-            );
-          }
-          --paper-button-ink-color: var(
-            --exm-theme-table-toolbar-filter-item-active-bg-color,
-            var(--md-sys-color-surface)
-          );
-
-          --exm-paper-combobox-selected-item-color: var(
-            --exm-theme-table-pagination-color,
-            var(--md-sys-color-on-surface)
-          );
-          --exm-paper-combobox-selected-item-bg-color: var(--exm-theme-table-pagination-bg-color, transparent);
-          --exm-paper-combobox-dropdown-button-color: var(
-            --exm-theme-table-pagination-color,
-            var(--md-sys-color-on-surface)
-          );
-          --exm-paper-combobox-dropdown-button-bg-color: var(--exm-theme-table-pagination-bg-color, transparent);
-          --exm-paper-combobox-dropdown-list-color: var(
-            --exm-theme-table-pagination-color,
-            var(--md-sys-color-on-surface)
-          );
-          --exm-paper-combobox-dropdown-list-bg-color: var(
-            --exm-theme-table-pagination-bg-color,
-            var(--md-sys-color-surface)
-          );
-
           md-icon-button {
             fill: var(--md-sys-color-on-surface);
           }
@@ -186,5 +150,6 @@ __decorate([
 ExmGridPagination = __decorate([
     customElement('exm-grid-pagination')
 ], ExmGridPagination);
+
 export { ExmGridPagination };
-//# sourceMappingURL=exm-grid-pagination.js.map
+//# sourceMappingURL=exm-grid-pagination.js.map

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

@@ -1,12 +1,13 @@
-import { __decorate } from "tslib";
+import { __decorate } from 'tslib';
 import { html } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
+import { property, query, customElement } from 'lit/decorators.js';
 import { ExmgElement } from '@exmg/lit-base/index.js';
 import '@material/web/menu/menu.js';
 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 ExmGridSettingSelectionList = class ExmGridSettingSelectionList extends ExmgElement {
     constructor() {
         super(...arguments);
@@ -120,5 +121,6 @@ __decorate([
 ExmGridSettingSelectionList = __decorate([
     customElement('exm-grid-setting-selection-list')
 ], ExmGridSettingSelectionList);
+
 export { ExmGridSettingSelectionList };
-//# sourceMappingURL=exm-grid-setting-selection-list.js.map
+//# sourceMappingURL=exm-grid-setting-selection-list.js.map

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

@@ -1,10 +1,11 @@
-import { __decorate } from "tslib";
-import { html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { __decorate } from 'tslib';
+import { css, html } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
 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';
+import { SettingConfigType, SettingConfigId } from './types/exm-grid-toolbar-types.js';
+import { ActionConditionType } from './types/exm-grid-smart-toolbar-types.js';
+
 let ExmGridSmartToolbar = class ExmGridSmartToolbar extends ExmgElement {
     constructor() {
         super(...arguments);
@@ -134,5 +135,6 @@ __decorate([
 ExmGridSmartToolbar = __decorate([
     customElement('exm-grid-smart-toolbar')
 ], ExmGridSmartToolbar);
+
 export { ExmGridSmartToolbar };
-//# sourceMappingURL=exm-grid-smart-toolbar.js.map
+//# sourceMappingURL=exm-grid-smart-toolbar.js.map

package/dist/table/exm-grid-toolbar-css.d.ts

@@ -0,0 +1 @@
+export declare const style: import("lit").CSSResult;

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

@@ -1,10 +1,11 @@
-import { __decorate } from "tslib";
+import { __decorate } from 'tslib';
 import { ExmgElement } from '@exmg/lit-base';
-import { html, css } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
+import { css, html } from 'lit';
+import { property, query, customElement } 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 ExmGridToolbarFilters = class ExmGridToolbarFilters extends ExmgElement {
     constructor() {
         super(...arguments);
@@ -73,5 +74,6 @@ __decorate([
 ExmGridToolbarFilters = __decorate([
     customElement('exm-grid-toolbar-filters')
 ], ExmGridToolbarFilters);
+
 export { ExmGridToolbarFilters };
-//# sourceMappingURL=exm-grid-toolbar-filters.js.map
+//# sourceMappingURL=exm-grid-toolbar-filters.js.map

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

@@ -2,7 +2,6 @@ import { ExmgElement } from '@exmg/lit-base/index.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';