@exmg/exm-grid 1.0.6 → 1.0.8-alpha.12

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+export { EventDetailRowsOrderChanged, EventDetailRowsOrderUpdated, EventDetailSelectedRowsChange, EventDetailSortChange, SORT_DIRECTION, } from './table/types/exm-grid-types.js';
+export { ExmGrid } from './table/exm-grid.js';
+export { ExmGridPagination } from './table/exm-grid-pagination.js';
+export { ExmGridBaseToolbar } from './table/exm-grid-base-toolbar.js';
+export { ExmGridSmartToolbar } from './table/exm-grid-smart-toolbar.js';
+export { ActionAmountSelectedItemsCondition, ActionConditionType, ActionWithCondition, BaseActionCondition, } from './table/types/exm-grid-smart-toolbar-types.js';
+export { ExmGridToolbar } from './table/exm-grid-toolbar.js';
+export { EventDetailGridToolbarSettingChanged, Action, Filter, FilterConfigType, FilterSingleSelectConfig, BaseFilterConfig, BaseSettingConfig, Setting, SettingConfigId, SettingConfigType, SettingSelectionListConfig, SettingSelectionListItem, } from './table/types/exm-grid-toolbar-types.js';
+export { ToolbarSearch } from './search/exm-toolbar-search.js';
+export { ExmGridToolbarFilters, EventSelectPayload } from './table/exm-grid-toolbar-filters.js';
+export { style as gridStyles } from './styles/exm-grid-styles-css.js';
+export { style as gridBaseToolbarStyles } from './styles/exm-grid-base-toolbar-styles-css.js';
+export { style as gridCommonStyles } from './styles/exm-grid-common-styles-css.js';
+export { style as gridPaginationStyles } from './styles/exm-grid-pagination-styles-css.js';

package/dist/index.js

@@ -0,0 +1,14 @@
+export { ExmGrid } from './table/exm-grid.js';
+export { ExmGridPagination } from './table/exm-grid-pagination.js';
+export { ExmGridBaseToolbar } from './table/exm-grid-base-toolbar.js';
+export { ExmGridSmartToolbar } from './table/exm-grid-smart-toolbar.js';
+export { ActionConditionType, } from './table/types/exm-grid-smart-toolbar-types.js';
+export { ExmGridToolbar } from './table/exm-grid-toolbar.js';
+export { FilterConfigType, SettingConfigId, SettingConfigType, } from './table/types/exm-grid-toolbar-types.js';
+export { ToolbarSearch } from './search/exm-toolbar-search.js';
+export { ExmGridToolbarFilters } from './table/exm-grid-toolbar-filters.js';
+export { style as gridStyles } from './styles/exm-grid-styles-css.js';
+export { style as gridBaseToolbarStyles } from './styles/exm-grid-base-toolbar-styles-css.js';
+export { style as gridCommonStyles } from './styles/exm-grid-common-styles-css.js';
+export { style as gridPaginationStyles } from './styles/exm-grid-pagination-styles-css.js';
+//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exmg/exm-grid",
-  "version": "1.0.6",
+  "version": "1.0.8-alpha.12+33e1367",
   "type": "module",
   "description": "exmg grid element",
   "contributors": [
@@ -11,18 +11,18 @@
     "lit",
     "grid"
   ],
-  "main": "index.js",
-  "module": "index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
   "exports": {
-    ".": "./index.js",
-    "./exm-grid-base-toolbar.js": "./src/table/exm-grid-base-toolbar.js",
-    "./exm-grid-pagination.js": "./src/table/exm-grid-pagination.js",
-    "./exm-grid-setting-selection-list.js": "./src/table/exm-grid-setting-selection-list.js",
-    "./exm-grid-smart-toolbar.js": "./src/table/exm-grid-smart-toolbar.js",
-    "./exm-grid-toolbar-filters.js": "./src/table/exm-grid-toolbar-filters.js",
-    "./exm-grid-toolbar.js": "./src/table/exm-grid-toolbar.js",
-    "./exm-grid.js": "./src/table/exm-grid.js",
-    "./exm-toolbar-search.js": "./src/search/exm-toolbar-search.js"
+    ".": "./dist/index.js",
+    "./exm-grid-base-toolbar.js": "./dist/table/exm-grid-base-toolbar.js",
+    "./exm-grid-pagination.js": "./dist/table/exm-grid-pagination.js",
+    "./exm-grid-setting-selection-list.js": "./dist/table/exm-grid-setting-selection-list.js",
+    "./exm-grid-smart-toolbar.js": "./dist/table/exm-grid-smart-toolbar.js",
+    "./exm-grid-toolbar-filters.js": "./dist/table/exm-grid-toolbar-filters.js",
+    "./exm-grid-toolbar.js": "./dist/table/exm-grid-toolbar.js",
+    "./exm-grid.js": "./dist/table/exm-grid.js",
+    "./exm-toolbar-search.js": "./dist/search/exm-toolbar-search.js"
   },
   "files": [
     "assets/*",
@@ -33,14 +33,14 @@
     "index.js",
     "index.d.ts"
   ],
-  "homepage": "https://github.com/exmg/exmachina-web-components",
+  "homepage": "https://bitbucket.org/exmachina/exm-web-components",
   "repository": {
     "type": "git",
-    "url": "git@github.com:exmg/exm-web-components.git",
+    "url": "git@bitbucket.org:exmachina/exm-web-components.git",
     "directory": "packages/exm-grid"
   },
   "dependencies": {
-    "@exmg/exm-sortable": "^1.0.2",
+    "@exmg/exm-sortable": "^1.0.3-alpha.12+33e1367",
     "@exmg/lit-base": "^3.0.0",
     "@material/typography": "^14.0.0",
     "@material/web": "^2.2.0",
@@ -60,11 +60,9 @@
     "@exmg/lit-cli": "1.1.13"
   },
   "license": "MIT",
-  "scripts": {
-    "build:styles": "exmg-lit-cli sass -f \"./**/*.scss\""
-  },
+  "scripts": {},
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "61142b3c83bf6098c64d10234aec6a9a539f7131"
+  "gitHead": "33e1367329dfae6f98f21c981edb7ada370fc0d5"
 }

package/index.d.ts

@@ -1,14 +0,0 @@
-export { EventDetailRowsOrderChanged, EventDetailRowsOrderUpdated, EventDetailSelectedRowsChange, EventDetailSortChange, SORT_DIRECTION, } from './src/table/types/exm-grid-types.js';
-export { ExmGrid } from './src/table/exm-grid.js';
-export { ExmGridPagination } from './src/table/exm-grid-pagination.js';
-export { ExmGridBaseToolbar } from './src/table/exm-grid-base-toolbar.js';
-export { ExmGridSmartToolbar } from './src/table/exm-grid-smart-toolbar.js';
-export { ActionAmountSelectedItemsCondition, ActionConditionType, ActionWithCondition, BaseActionCondition, } from './src/table/types/exm-grid-smart-toolbar-types.js';
-export { ExmGridToolbar } from './src/table/exm-grid-toolbar.js';
-export { EventDetailGridToolbarSettingChanged, Action, Filter, FilterConfigType, FilterSingleSelectConfig, BaseFilterConfig, BaseSettingConfig, Setting, SettingConfigId, SettingConfigType, SettingSelectionListConfig, SettingSelectionListItem, } from './src/table/types/exm-grid-toolbar-types.js';
-export { ToolbarSearch } from './src/search/exm-toolbar-search.js';
-export { ExmGridToolbarFilters, EventSelectPayload } from './src/table/exm-grid-toolbar-filters.js';
-export { style as gridStyles } from './src/styles/exm-grid-styles-css.js';
-export { style as gridBaseToolbarStyles } from './src/styles/exm-grid-base-toolbar-styles-css.js';
-export { style as gridCommonStyles } from './src/styles/exm-grid-common-styles-css.js';
-export { style as gridPaginationStyles } from './src/styles/exm-grid-pagination-styles-css.js';

package/index.js

@@ -1,14 +0,0 @@
-export { ExmGrid } from './src/table/exm-grid.js';
-export { ExmGridPagination } from './src/table/exm-grid-pagination.js';
-export { ExmGridBaseToolbar } from './src/table/exm-grid-base-toolbar.js';
-export { ExmGridSmartToolbar } from './src/table/exm-grid-smart-toolbar.js';
-export { ActionConditionType, } from './src/table/types/exm-grid-smart-toolbar-types.js';
-export { ExmGridToolbar } from './src/table/exm-grid-toolbar.js';
-export { FilterConfigType, SettingConfigId, SettingConfigType, } from './src/table/types/exm-grid-toolbar-types.js';
-export { ToolbarSearch } from './src/search/exm-toolbar-search.js';
-export { ExmGridToolbarFilters } from './src/table/exm-grid-toolbar-filters.js';
-export { style as gridStyles } from './src/styles/exm-grid-styles-css.js';
-export { style as gridBaseToolbarStyles } from './src/styles/exm-grid-base-toolbar-styles-css.js';
-export { style as gridCommonStyles } from './src/styles/exm-grid-common-styles-css.js';
-export { style as gridPaginationStyles } from './src/styles/exm-grid-pagination-styles-css.js';
-//# sourceMappingURL=index.js.map

package/src/search/exm-toolbar-search.d.ts

@@ -1,25 +0,0 @@
-import { ExmgElement } from '@exmg/lit-base/index.js';
-import '@material/web/icon/icon.js';
-import '@material/web/iconbutton/icon-button.js';
-import '@material/web/focus/md-focus-ring.js';
-export declare class ToolbarSearch extends ExmgElement {
-    _isSearch: boolean;
-    filterValue?: string | null;
-    placeHolder: string;
-    search?: HTMLInputElement;
-    static styles: import("lit").CSSResult[];
-    private _debouncer;
-    render(): import("lit-html").TemplateResult<1>;
-    _getValue(): string;
-    _handleClear(e: CustomEvent): void;
-    _handleKeyUp(e: KeyboardEvent): void;
-    _notifyChange(): void;
-    _handleInputBlur(): void;
-    _hideSearch(): void;
-    _showSearch(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'exm-toolbar-search': ToolbarSearch;
-    }
-}

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

@@ -1,197 +0,0 @@
-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 { classMap } from 'lit/directives/class-map.js';
-import { async, debounce } from '@exmg/lit-base/index.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.placeHolder = 'Search';
-    }
-    render() {
-        const classMapValues = {
-            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>
-    `;
-    }
-    _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();
-        }
-    }
-    _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,
-                detail: { value: this.filterValue },
-            }));
-        });
-    }
-    _handleInputBlur() {
-        this._hideSearch();
-    }
-    _hideSearch() {
-        this._isSearch = false;
-    }
-    _showSearch() {
-        if (this._isSearch)
-            return;
-        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);
-__decorate([
-    property({ type: String })
-], ToolbarSearch.prototype, "filterValue", void 0);
-__decorate([
-    property({ type: String })
-], ToolbarSearch.prototype, "placeHolder", void 0);
-__decorate([
-    query('#searchInput')
-], ToolbarSearch.prototype, "search", void 0);
-ToolbarSearch = __decorate([
-    customElement('exm-toolbar-search')
-], ToolbarSearch);
-export { ToolbarSearch };
-//# sourceMappingURL=exm-toolbar-search.js.map

package/src/styles/exm-grid-base-toolbar-styles-css.d.ts

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

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

@@ -1,4 +0,0 @@
-import { css } from 'lit';
-export 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);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));background-color:var(--toolbar-bg-color);color:var(--toolbar-color)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;padding:10px 16px 10px 16px;overflow-x:var(--exm-theme-table-toolbar-overflow-x, initial);white-space:nowrap}.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));background-color:var(--active-toolbar-bg-color);color:var(--active-toolbar-color);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))}.wrapper.active .seperator.with-action-separator{border-left:1px solid var(--active-toolbar-color)}.wrapper.active .description{color:var(--active-toolbar-color);flex:1;margin-left:8px}.wrapper .seperator{min-height:32px}.wrapper .seperator.with-action-separator{border-left:1px solid var(--active-toolbar-color)}.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;padding:0;height:48px;flex:1;display:flex;align-items:center}.actions{padding:0 8px 0 0;color:var(--mdc-theme-primary)}.filters{display:flex;flex-direction:row;justify-content:flex-end}.settings{display:flex;flex-direction:row;justify-content:flex-end}@media(max-width: 500px){.wrapper .description{display:none}}`;
-export default style;
-//# sourceMappingURL=exm-grid-base-toolbar-styles-css.js.map

package/src/styles/exm-grid-base-toolbar-styles.scss

@@ -1,89 +0,0 @@
-@use '@material/typography/mixins' as typography;
-
-$exm-grid-toolbar-bg-color: #ffffff;
-$exm-grid-toolbar-active-bg-color: #e1f0fe;
-$exm-grid-toolbar-color: #02182b;
-$exm-grid-toolbar-active-color: #000000;
-
-:host {
-  display: block;
-  @include typography.base;
-
-  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));
-  background-color: var(--toolbar-bg-color);
-  color: var(--toolbar-color);
-}
-.wrapper {
-  display: flex;
-  flex: 1;
-  flex-direction: row;
-  align-items: center;
-  padding: 10px 16px 10px 16px;
-
-  overflow-x: var(--exm-theme-table-toolbar-overflow-x, initial);
-  white-space: nowrap;
-
-  &.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));
-
-    background-color: var(--active-toolbar-bg-color);
-    color: var(--active-toolbar-color);
-    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));
-
-    .seperator {
-      &.with-action-separator {
-        border-left: 1px solid var(--active-toolbar-color);
-      }
-    }
-    .description {
-      color: var(--active-toolbar-color);
-      flex: 1;
-      margin-left: 8px;
-    }
-  }
-  .seperator {
-    min-height: 32px;
-    &.with-action-separator {
-      border-left: 1px solid var(--active-toolbar-color);
-    }
-  }
-  .description {
-    @include typography.typography('headline5');
-    color: var(--toolbar-color);
-    font-size: 1.25rem;
-    padding: 0;
-    height: 48px;
-    flex: 1;
-    display: flex;
-    align-items: center;
-  }
-}
-
-.actions {
-  padding: 0 8px 0 0;
-  color: var(--mdc-theme-primary);
-}
-
-.filters {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-}
-
-.settings {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-}
-
-@media (max-width: 500px) {
-  .wrapper .description {
-    display: none;
-  }
-}

package/src/styles/exm-grid-common-styles-css.d.ts

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

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

@@ -1,4 +0,0 @@
-import { css } from 'lit';
-export 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));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))}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:flex-end;padding:8px 10px;white-space:nowrap}.wrapper .page-size{display:flex;flex-direction:row;margin-right:26px;align-items:center}.wrapper .page-size .page-size-label{margin-right:10px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit)}.wrapper .page-range{display:flex;flex-direction:row;align-items:center}.wrapper .page-range .page-range-label{margin-right:44px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit)}.wrapper .page-range .page-range-actions{user-select:none}@media(max-width: 600px){.page-size-label{display:none}}@media(max-width: 500px){.wrapper .page-size{display:none}}@media(max-width: 450px){.wrapper{overflow-x:auto;white-space:nowrap}.wrapper .page-range{min-width:1px}}`;
-export default style;
-//# sourceMappingURL=exm-grid-common-styles-css.js.map

package/src/styles/exm-grid-common-styles.scss

@@ -1 +0,0 @@
-@import "exm-grid-pagination-styles";

package/src/styles/exm-grid-pagination-styles-css.d.ts

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

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

@@ -1,4 +0,0 @@
-import { css } from 'lit';
-export 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));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))}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:flex-end;padding:8px 10px;white-space:nowrap}.wrapper .page-size{display:flex;flex-direction:row;margin-right:26px;align-items:center}.wrapper .page-size .page-size-label{margin-right:10px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit)}.wrapper .page-range{display:flex;flex-direction:row;align-items:center}.wrapper .page-range .page-range-label{margin-right:44px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit)}.wrapper .page-range .page-range-actions{user-select:none}@media(max-width: 600px){.page-size-label{display:none}}@media(max-width: 500px){.wrapper .page-size{display:none}}@media(max-width: 450px){.wrapper{overflow-x:auto;white-space:nowrap}.wrapper .page-range{min-width:1px}}`;
-export default style;
-//# sourceMappingURL=exm-grid-pagination-styles-css.js.map

package/src/styles/exm-grid-pagination-styles.scss

@@ -1,69 +0,0 @@
-@use '@material/typography/mixins' as typography;
-
-:host {
-  display: block;
-  @include typography.base;
-  // background-color: var(--exm-theme-table-pagination-bg-color, var(--md-sys-color-surface-container));
-  color: var(--exm-theme-table-pagination-color, var(--md-sys-color-on-surface-container));
-  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));
-}
-.wrapper {
-  display: flex;
-  flex: 1;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-  padding: 8px 10px;
-
-  // overflow-x: auto;
-  white-space: nowrap;
-  .page-size {
-    display: flex;
-    flex-direction: row;
-    margin-right: 26px;
-    align-items: center;
-
-    .page-size-label {
-      margin-right: 10px;
-      @include typography.typography(body2);
-    }
-  }
-
-  .page-range {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-
-    .page-range-label {
-      margin-right: 44px;
-      @include typography.typography(body2);
-    }
-
-    .page-range-actions {
-      user-select: none;
-    }
-  }
-}
-
-@media (max-width: 600px) {
-  .page-size-label {
-    display: none;
-  }
-}
-
-@media (max-width: 500px) {
-  .wrapper .page-size {
-    display: none;
-  }
-}
-
-@media (max-width: 450px) {
-  .wrapper {
-    overflow-x: auto;
-    white-space: nowrap;
-    .page-range {
-      min-width: 1px;
-    }
-  }
-}

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

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

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

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

package/src/styles/exm-grid-setting-selection-list-styles.scss

@@ -1,8 +0,0 @@
-:host {
-  display: block;
-  position: relative;
-}
-
-.action {
-  color: var(--mdc-theme-primary);
-}

package/src/styles/exm-grid-styles-css.d.ts

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

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

@@ -1,4 +0,0 @@
-import { css } from 'lit';
-export const style = css `:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-font-family, Roboto, sans-serif);display:block;--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-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(--exm-theme-table-row-selected-color, var(--md-sys-color-on-secondary-container));--exm-table-row-selected-background-color: var( --exm-theme-table-row-selected-background-color, var(--md-sys-color-secondary-container) );--exm-table-row-hover-color: var(--exm-theme-table-row-hover-color, var(--md-sys-color-on-surface));--exm-table-row-hover-background-color: var( --exm-theme-table-row-hover-background-color, var(--md-sys-color-surface-container-highest) );--exm-table-row-dragged-background-color: var( --exm-theme-table-row-dragged-background-color, var(--md-sys-color-surface-container-low) );--exm-table-rows-expanded-divider-border: var(--exm-theme-table-rows-expanded-divider-border, none);--exm-table-rows-expanded-border: var(--exm-theme-table-rows-expanded-border, none);--exm-table-rows-expanded-background-color: var( --exm-theme-table-rows-expanded-background-color, 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-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));--exm-table-th-height: var(--exm-theme-table-th-height, 48px);--exm-table-th-sort-margin-left: var(--exm-theme-table-th-sort-margin-left, 0px);--exm-table-td-height: var(--exm-theme-table-td-height, 48px);--exm-table-th-sort-icon-height: var(--exm-theme-table-th-sort-icon-height, 1em);--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)}::slotted([slot=pagination]){display:flex;align-items:center;justify-content:flex-end;border-top:1px solid var(--exm-table-row-divider-color)}::slotted([slot=toolbar]){display:block}.table-card-container{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-font-family, Roboto, sans-serif);border:none;width:var(--exm-table-card-width);margin:0;padding:0;box-shadow:var(--exm-theme-table-box-shadow, none)}:host([with-toolbar]) .table-card{border-top:1px solid var(--exm-table-row-divider-color)}.table-card{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-font-family, Roboto, sans-serif);border:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;width:var(--exm-table-card-width);background-color:var(--exm-table-card-background-color);margin-bottom:var(--exm-table-card-margin-bottom);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));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))}table{width:100%;color:var(--exm-table-color);border-spacing:0;border:none}table[data-table-layout=fixed]{table-layout:fixed}table[data-table-layout=fixed] td:not(.grid-checkbox-cell):not(.menu-cell){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}table[data-table-layout=fixed] th.grid-checkbox-cell,table[data-table-layout=fixed] td.grid-checkbox-cell{width:var(--exm-table-checkbox-cell-width)}table[data-table-layout=fixed] th.no-ellipsis,table[data-table-layout=fixed] td.no-ellipsis{text-overflow:initial}table thead tr,table thead th{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}table tbody tr,table tbody td,table tfoot tr,table tfoot td{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit)}td{height:var(--exm-table-td-height)}.grid-toolbar th{padding:0;text-align:left}.grid-toolbar th>*{overflow-x:auto}.grid-columns th{height:var(--exm-table-th-height);font-weight:500;font-style:normal;font-stretch:normal;text-transform:uppercase;line-height:1.33;letter-spacing:2px;color:var(--exm-table-th-color);background-color:var(--exm-table-th-background-color);vertical-align:middle;text-align:left;user-select:none;white-space:nowrap}.grid-columns th>span{vertical-align:middle;max-width:100%;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.grid-columns th svg{fill:var(--exm-table-th-color)}.grid-columns th,tbody td{padding-left:16px}.grid-columns th:last-child,tbody td:last-child{padding-right:10px}th,td{border-top:1px solid var(--exm-table-row-divider-color)}tbody td{height:var(--exm-table-td-height);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.43px;letter-spacing:.3px;color:var(--exm-table-color)}tbody td svg{fill:var(--exm-table-color)}th[data-sort]{cursor:pointer}th[data-sort]:hover{color:var(--exm-table-th-sortable-hover-color)}th[data-sort]::after{display:inline-block;content:"";-webkit-mask-image:var(--exm-arrow-upward-url);mask-image:var(--exm-arrow-upward-url);background-color:currentColor;background-size:contain;height:var(--exm-table-th-sort-icon-height);width:var(--exm-table-th-sort-icon-width);margin-left:var(--exm-table-th-sort-margin-left);vertical-align:middle;opacity:0}th[data-sort-direction]::after{opacity:1;transition:transform .1s linear}th[data-sort-direction=ASC]::after{transform:rotate(0deg)}th[data-sort-direction=DESC]::after{transform:rotate(180deg)}tbody>tr:not(.grid-row-detail):hover{color:var(--exm-table-row-hover-color);background-color:var(--exm-table-row-hover-background-color)}tbody>tr:not(.grid-row-detail):hover td{color:var(--exm-table-row-hover-color)}tbody>tr:not(.grid-row-detail):hover svg{fill:var(--exm-table-row-hover-color)}tr[data-selected]{color:var(--exm-table-row-selected-color);background-color:var(--exm-table-row-selected-background-color)}tr[data-selected] td{color:var(--exm-table-row-selected-color)}tr[data-selected] svg{fill:var(--exm-table-row-selected-color)}tbody tr[data-has-expanded-detail],tbody tr[data-has-expanded-detail]:hover,tbody tr[data-is-row-expanded]{background-color:var(--exm-table-rows-expanded-background-color);border:var(--exm-table-rows-expanded-border)}tbody tr[data-has-expanded-detail] td,tbody tr[data-has-expanded-detail]:hover td,tbody tr[data-is-row-expanded] td{color:var(--exm-table-rows-expanded-color)}tbody tr[data-has-expanded-detail] td svg,tbody tr[data-has-expanded-detail]:hover td svg,tbody tr[data-is-row-expanded] td svg{fill:var(--exm-table-rows-expanded-color)}tbody tr[data-is-row-expanded] td{border-bottom:none}tbody tr[data-has-expanded-detail] td,tbody tr[data-has-expanded-detail]:hover td{border-bottom:var(--exm-table-rows-expanded-divider-border)}tr.grid-row-detail{display:none}tr.grid-row-detail[data-is-row-expanded]{display:table-row}tr.grid-row-detail td{padding:20px}tr .grid-icon-rotate[data-is-expanded]>*{transition:transform .1s linear;transform:rotate(180deg)}tr .grid-icon-rotate[data-is-expandable]:not([data-is-expanded])>*{transition:transform .1s linear;transform:rotate(0deg)}.grid-row-drag-handler{cursor:move;vertical-align:middle}.grid-row-drag-handler>*{vertical-align:middle}tr.dragged{background-color:var(--exm-table-row-dragged-background-color);opacity:.25;box-shadow:2px 2px 5px rgba(0,0,0,.5) inset}tr.cloned{background-color:var(--exm-table-row-dragged-background-color);width:100%;box-sizing:border-box;box-shadow:2px 2px 5px rgba(0,0,0,.5);opacity:.9}tr td.grid-cell-visible-on-hover{text-align:center}tr td.grid-cell-visible-on-hover>*{visibility:hidden}tr:hover td.grid-cell-visible-on-hover>*,tr[data-has-expanded-detail] td.grid-cell-visible-on-hover>*{visibility:visible}tr td.grid-col-number,tr th.grid-col-number{padding-right:var(--exm-table-col-number-padding-right);text-align:right}tr th.grid-col-number>span{width:100%}`;
-export default style;
-//# sourceMappingURL=exm-grid-styles-css.js.map