@exmg/exm-grid 1.1.36 → 1.1.37-alpha.31

package/.rollup.cache/root/repo/packages/exm-grid/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/.rollup.cache/root/repo/packages/exm-grid/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/.rollup.cache/root/repo/packages/exm-grid/dist/search/exm-toolbar-search.d.ts

@@ -0,0 +1,25 @@
+import { ExmgElement } 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';
+export declare class ToolbarSearch extends ExmgElement {
+    private isSearch;
+    filterValue?: string | null;
+    placeHolder: string;
+    search?: HTMLInputElement;
+    static styles: import("lit").CSSResult[];
+    private debouncer;
+    render(): import("lit-html").TemplateResult<1>;
+    _getValue(): string;
+    private handleKeyUp;
+    private notifyChange;
+    private handleInputBlur;
+    private hideSearch;
+    private showSearch;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'exm-toolbar-search': ToolbarSearch;
+    }
+}

package/.rollup.cache/root/repo/packages/exm-grid/dist/search/exm-toolbar-search.js

@@ -0,0 +1,88 @@
+import { __decorate } from "tslib";
+import { css, html } 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 '@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.placeHolder = 'Search';
+    }
+    render() {
+        const classMapValues = {
+            search: this.isSearch,
+        };
+        return html `
+      <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;
+    }
+    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), () => {
+            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 {
+        width: 100%;
+      }
+    `,
+];
+__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/.rollup.cache/root/repo/packages/exm-grid/dist/styles/exm-grid-base-toolbar-styles-css.d.ts

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

package/.rollup.cache/root/repo/packages/exm-grid/dist/styles/exm-grid-base-toolbar-styles-css.js

@@ -0,0 +1,98 @@
+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));
+    background-color: var(--toolbar-bg-color);
+    color: var(--toolbar-color);
+  }
+
+  .wrapper {
+    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));
+    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);
+    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: var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
+    font-size: var(--mdc-typography-headline5-font-size, 1.5rem);
+    line-height: var(--mdc-typography-headline5-line-height, 2rem);
+    font-weight: var(--mdc-typography-headline5-font-weight, 400);
+    letter-spacing: var(--mdc-typography-headline5-letter-spacing, normal);
+    text-decoration: var(--mdc-typography-headline5-text-decoration, 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;
+    width: 100%;
+  }
+
+  .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;
+    }
+  }
+`;
+//# sourceMappingURL=exm-grid-base-toolbar-styles-css.js.map

package/.rollup.cache/root/repo/packages/exm-grid/dist/styles/exm-grid-common-styles-css.d.ts

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

package/.rollup.cache/root/repo/packages/exm-grid/dist/styles/exm-grid-common-styles-css.js

@@ -0,0 +1,104 @@
+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));
+    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;
+    }
+  }
+`;
+//# sourceMappingURL=exm-grid-common-styles-css.js.map

package/.rollup.cache/root/repo/packages/exm-grid/dist/styles/exm-grid-pagination-styles-css.d.ts

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

package/.rollup.cache/root/repo/packages/exm-grid/dist/styles/exm-grid-pagination-styles-css.js

@@ -0,0 +1,104 @@
+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));
+    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;
+    }
+  }
+`;
+//# sourceMappingURL=exm-grid-pagination-styles-css.js.map

package/.rollup.cache/root/repo/packages/exm-grid/dist/styles/exm-grid-setting-selection-list-styles-css.d.ts

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

package/.rollup.cache/root/repo/packages/exm-grid/dist/styles/exm-grid-setting-selection-list-styles-css.js

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

package/.rollup.cache/root/repo/packages/exm-grid/dist/styles/exm-grid-styles-css.d.ts

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