@operato/data-grist 10.12.0 → 10.15.0

package/dist/src/data-list/data-list.js

@@ -1,9 +1,12 @@
 import { __decorate } from "tslib";
 import '@material/web/icon/icon.js';
 import './record-partial.js';
-import { css, html, nothing } from 'lit';
+import '@material/web/button/text-button.js';
+import '@operato/list-state/ox-empty-note.js';
+import { css, html } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { DataManipulator } from '../data-manipulator.js';
+import { renderEmptyNote } from '../empty-note-render.js';
 let DataList = class DataList extends DataManipulator {
     constructor() {
         super(...arguments);
@@ -43,7 +46,6 @@ let DataList = class DataList extends DataManipulator {
         }
     }
     render() {
-        var _a, _b, _c, _d, _e, _f;
         var { classifier } = this.config.rows;
         var records = this._records || [];
         if (this.config && this.config.rows.appendable) {
@@ -64,13 +66,7 @@ let DataList = class DataList extends DataManipulator {
           ></ox-record-partial>
         `;
         })}
-      ${this.empty
-            ? html `<ox-empty-note
-            icon=${(_b = (_a = this.emptyNote) === null || _a === void 0 ? void 0 : _a.icon) !== null && _b !== void 0 ? _b : nothing}
-            title=${(_d = (_c = this.emptyNote) === null || _c === void 0 ? void 0 : _c.title) !== null && _d !== void 0 ? _d : ''}
-            description=${(_f = (_e = this.emptyNote) === null || _e === void 0 ? void 0 : _e.description) !== null && _f !== void 0 ? _f : nothing}
-          ></ox-empty-note>`
-            : html ``}
+      ${this.empty ? renderEmptyNote(this.emptyNote) : html ``}
       ${this.isTop
             ? html ``
             : html ` <md-icon id="upward" @click=${(e) => this.gotoTop(e)}>arrow_upward</md-icon> `}

package/dist/src/data-list/data-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-list.js","sourceRoot":"","sources":["../../../src/data-list/data-list.ts"],"names":[],"mappings":"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","sourcesContent":["import i18next from 'i18next'\nimport '@material/web/icon/icon.js'\nimport './record-partial.js'\n\nimport { css, html, PropertyValues , nothing} from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { DataManipulator } from '../data-manipulator.js'\nimport { GristRecord } from '../types.js'\n\n@customElement('ox-list')\nexport class DataList extends DataManipulator {\n  static styles = [\n    css`\n      :host {\n        background-color: var(--data-list-background-color);\n        overflow-y: auto;\n      }\n\n      ox-record-partial:nth-child(even) {\n        background-color: var(--grid-record-odd-background-color);\n      }\n\n      [selected-row] {\n        background-color: var(--data-list-selected-background-color);\n      }\n\n      /* 카드 모드와 같은 단추다 — 사연은 data-card.ts 의 같은 자리에 적어 두었다 */\n      #upward {\n        --md-icon-size: 20px;\n        position: absolute;\n        bottom: var(--data-list-fab-position-vertical, var(--spacing-large));\n        right: var(--data-list-fab-position-horizontal, var(--spacing-large));\n        display: grid;\n        place-items: center;\n        width: 36px;\n        height: 36px;\n        box-sizing: border-box;\n        color: var(--data-list-fab-color, var(--md-sys-color-on-surface-variant));\n        background-color: var(--data-list-fab-background-color, var(--md-sys-color-surface-container-high));\n        border-radius: var(--md-sys-shape-corner-full, 50%);\n        border: 1px solid var(--md-sys-color-outline-variant);\n        box-shadow: var(--data-list-fab-shadow, 0 1px 3px rgba(0, 0, 0, 0.18));\n        cursor: pointer;\n        z-index: 9;\n      }\n\n      #upward:hover {\n        color: var(--md-sys-color-on-secondary-container);\n        background-color: var(--md-sys-color-secondary-container);\n      }\n\n      slot {\n        width: 100%;\n      }\n\n      ox-empty-note {\n        display: block;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n      }\n\n      ox-record-partial[emphasized-row],\n      ox-record-partial[emphasized-row][focused] {\n        background-color: var(--grid-record-emphasized-background-color);\n        color: var(--grid-record-emphasized-color);\n      }\n    `\n  ]\n\n  @property({ type: Boolean }) empty?: boolean\n\n  /** 비었을 때 무슨 말을 하나 — 판단은 data-grist 가 하고 여기서는 그리기만 한다. */\n  @property({ type: Object }) emptyNote?: { icon?: string; title: string; description?: string }\n\n  @state() private _records: GristRecord[] = []\n  @state() private isTop: boolean = false\n\n  private _total: number = 0\n  private _limit: number = 20\n  private _page: number = 1\n\n  firstUpdated(changes: PropertyValues<this>) {\n    this.isTop = true\n\n    /* infinite scrolling */\n    this.addEventListener('scroll', e => {\n      const totalScrollHeight = this.scrollHeight\n      const screenHeight = this.offsetHeight\n      const currentScrollTop = this.scrollTop\n\n      if (totalScrollHeight <= screenHeight + currentScrollTop + 1) {\n        /* 마지막 페이지까지 계속 페이지를 증가시킨다. */\n        var lastPage = Math.ceil(this._total / this._limit)\n\n        if (this._page < lastPage) {\n          this.dispatchEvent(new CustomEvent('attach-page', { bubbles: true, composed: true }))\n        }\n      }\n\n      this.isTop = this.scrollTop == 0\n    })\n  }\n\n  updated(changes: PropertyValues<this>) {\n    if (changes.has('config')) {\n      this._records = []\n      this._page = 1\n    }\n\n    if (changes.has('data')) {\n      this._records = this.data.records\n      this._total = this.data.total || 0\n      this._limit = this.data.limit || 20\n      this._page = this.data.page || 0\n    }\n  }\n\n  render() {\n    var { classifier } = this.config.rows\n\n    var records = this._records || []\n\n    if (this.config && this.config.rows.appendable) {\n      records = [...records, { __dirty__: '+' }]\n    }\n\n    return html`\n      ${records.map((record, rowIndex) => {\n        var { emphasized } = classifier.call(null, record, rowIndex) || {}\n\n        return html`\n          <ox-record-partial\n            .config=${this.config}\n            .data=${this.data}\n            .record=${record}\n            .rowIndex=${rowIndex}\n            .emphasized=${emphasized}\n            ?selected-row=${record['__selected__']}\n            ?dirty=${record['__dirty__']}\n          ></ox-record-partial>\n        `\n      })}\n      ${this.empty\n        ? html`<ox-empty-note\n            icon=${this.emptyNote?.icon ?? nothing}\n            title=${this.emptyNote?.title ?? ''}\n            description=${this.emptyNote?.description ?? nothing}\n          ></ox-empty-note>`\n        : html``}\n      ${this.isTop\n        ? html``\n        : html` <md-icon id=\"upward\" @click=${(e: Event) => this.gotoTop(e)}>arrow_upward</md-icon> `}\n    `\n  }\n\n  gotoTop(e: Event) {\n    this.scrollTop = 0\n\n    e.stopPropagation()\n  }\n\n  get pullToRefreshTarget() {\n    return this\n  }\n}\n"]}
+{"version":3,"file":"data-list.js","sourceRoot":"","sources":["../../../src/data-list/data-list.ts"],"names":[],"mappings":"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","sourcesContent":["import i18next from 'i18next'\nimport '@material/web/icon/icon.js'\nimport './record-partial.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/list-state/ox-empty-note.js'\n\nimport { css, html, PropertyValues , nothing} from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { DataManipulator } from '../data-manipulator.js'\nimport { GristRecord } from '../types.js'\nimport { GridEmptyNote, renderEmptyNote } from '../empty-note-render.js'\n\n@customElement('ox-list')\nexport class DataList extends DataManipulator {\n  static styles = [\n    css`\n      :host {\n        background-color: var(--data-list-background-color);\n        overflow-y: auto;\n      }\n\n      ox-record-partial:nth-child(even) {\n        background-color: var(--grid-record-odd-background-color);\n      }\n\n      [selected-row] {\n        background-color: var(--data-list-selected-background-color);\n      }\n\n      /* 카드 모드와 같은 단추다 — 사연은 data-card.ts 의 같은 자리에 적어 두었다 */\n      #upward {\n        --md-icon-size: 20px;\n        position: absolute;\n        bottom: var(--data-list-fab-position-vertical, var(--spacing-large));\n        right: var(--data-list-fab-position-horizontal, var(--spacing-large));\n        display: grid;\n        place-items: center;\n        width: 36px;\n        height: 36px;\n        box-sizing: border-box;\n        color: var(--data-list-fab-color, var(--md-sys-color-on-surface-variant));\n        background-color: var(--data-list-fab-background-color, var(--md-sys-color-surface-container-high));\n        border-radius: var(--md-sys-shape-corner-full, 50%);\n        border: 1px solid var(--md-sys-color-outline-variant);\n        box-shadow: var(--data-list-fab-shadow, 0 1px 3px rgba(0, 0, 0, 0.18));\n        cursor: pointer;\n        z-index: 9;\n      }\n\n      #upward:hover {\n        color: var(--md-sys-color-on-secondary-container);\n        background-color: var(--md-sys-color-secondary-container);\n      }\n\n      slot {\n        width: 100%;\n      }\n\n      ox-empty-note {\n        display: block;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n      }\n\n      ox-record-partial[emphasized-row],\n      ox-record-partial[emphasized-row][focused] {\n        background-color: var(--grid-record-emphasized-background-color);\n        color: var(--grid-record-emphasized-color);\n      }\n    `\n  ]\n\n  @property({ type: Boolean }) empty?: boolean\n\n  /** 비었을 때 무슨 말을 하나 — 판단은 data-grist 가 하고 여기서는 그리기만 한다. */\n  @property({ type: Object }) emptyNote?: GridEmptyNote\n\n  @state() private _records: GristRecord[] = []\n  @state() private isTop: boolean = false\n\n  private _total: number = 0\n  private _limit: number = 20\n  private _page: number = 1\n\n  firstUpdated(changes: PropertyValues<this>) {\n    this.isTop = true\n\n    /* infinite scrolling */\n    this.addEventListener('scroll', e => {\n      const totalScrollHeight = this.scrollHeight\n      const screenHeight = this.offsetHeight\n      const currentScrollTop = this.scrollTop\n\n      if (totalScrollHeight <= screenHeight + currentScrollTop + 1) {\n        /* 마지막 페이지까지 계속 페이지를 증가시킨다. */\n        var lastPage = Math.ceil(this._total / this._limit)\n\n        if (this._page < lastPage) {\n          this.dispatchEvent(new CustomEvent('attach-page', { bubbles: true, composed: true }))\n        }\n      }\n\n      this.isTop = this.scrollTop == 0\n    })\n  }\n\n  updated(changes: PropertyValues<this>) {\n    if (changes.has('config')) {\n      this._records = []\n      this._page = 1\n    }\n\n    if (changes.has('data')) {\n      this._records = this.data.records\n      this._total = this.data.total || 0\n      this._limit = this.data.limit || 20\n      this._page = this.data.page || 0\n    }\n  }\n\n  render() {\n    var { classifier } = this.config.rows\n\n    var records = this._records || []\n\n    if (this.config && this.config.rows.appendable) {\n      records = [...records, { __dirty__: '+' }]\n    }\n\n    return html`\n      ${records.map((record, rowIndex) => {\n        var { emphasized } = classifier.call(null, record, rowIndex) || {}\n\n        return html`\n          <ox-record-partial\n            .config=${this.config}\n            .data=${this.data}\n            .record=${record}\n            .rowIndex=${rowIndex}\n            .emphasized=${emphasized}\n            ?selected-row=${record['__selected__']}\n            ?dirty=${record['__dirty__']}\n          ></ox-record-partial>\n        `\n      })}\n      ${this.empty ? renderEmptyNote(this.emptyNote) : html``}\n      ${this.isTop\n        ? html``\n        : html` <md-icon id=\"upward\" @click=${(e: Event) => this.gotoTop(e)}>arrow_upward</md-icon> `}\n    `\n  }\n\n  gotoTop(e: Event) {\n    this.scrollTop = 0\n\n    e.stopPropagation()\n  }\n\n  get pullToRefreshTarget() {\n    return this\n  }\n}\n"]}

package/dist/src/data-provider.js

@@ -12,6 +12,13 @@ function _calculateTotalPage(limit, total) {
      */
     return Math.max(1, Math.ceil(total / limit));
 }
+/*
+ * For fetches nobody awaits (page and limit changes, filter and option changes). This does not hide a
+ * failure: fetchFailed has already drawn it on the grid before the rejection gets here. It only stops
+ * the same failure from also escaping as an unhandled rejection. Do not copy it to a place where the
+ * failure is not already shown.
+ */
+const shownByConsumer = () => { };
 export class DataProvider {
     constructor(consumer) {
         this.page = 1;
@@ -40,15 +47,15 @@ export class DataProvider {
         (_e = this.consumer) === null || _e === void 0 ? void 0 : _e.removeEventListener('record-change', this._recordChangeHandler);
     }
     onAttachPage() {
-        this.attach();
+        this.attach().catch(shownByConsumer);
     }
     onPageChange(e) {
         var page = e.detail;
-        this.fetch({ page });
+        this.fetch({ page }).catch(shownByConsumer);
     }
     onLimitChange(e) {
         var limit = e.detail;
-        this.fetch({ limit });
+        this.fetch({ limit }).catch(shownByConsumer);
     }
     onFetchParamsChange(e) {
         var _a;
@@ -58,7 +65,7 @@ export class DataProvider {
         if (((_a = this.consumer) === null || _a === void 0 ? void 0 : _a.mode) !== 'GRID') {
             this.page = 0;
         }
-        from !== 'config' && this.fetch();
+        from !== 'config' && this.fetch().catch(shownByConsumer);
     }
     onRecordChange(e) {
         var _a;
@@ -69,21 +76,31 @@ export class DataProvider {
     }
     set fetchOptions(fetchOptions) {
         this._fetchOptions = fetchOptions;
-        this.fetch();
+        this.fetch().catch(shownByConsumer);
     }
     get fetchHandler() {
         if (!this._fetchHandlerWrap) {
             this._fetchHandlerWrap = async (options) => {
-                var _a, _b;
+                var _a, _b, _c, _d, _e, _f;
                 if (!this._fetchHandler) {
                     return;
                 }
                 try {
                     (_a = this.consumer) === null || _a === void 0 ? void 0 : _a.showSpinner();
-                    return await (this._fetchHandler || EMPTY_FETCHHANDLER)(options);
+                    const result = await (this._fetchHandler || EMPTY_FETCHHANDLER)(options);
+                    (_c = (_b = this.consumer) === null || _b === void 0 ? void 0 : _b.fetchSucceeded) === null || _c === void 0 ? void 0 : _c.call(_b);
+                    return result;
+                }
+                catch (error) {
+                    /*
+                     * A failed read is not an empty list. The grid is told, so it can say "could not load"
+                     * instead of "nothing to show" - and the error still reaches whoever awaited the fetch.
+                     */
+                    (_e = (_d = this.consumer) === null || _d === void 0 ? void 0 : _d.fetchFailed) === null || _e === void 0 ? void 0 : _e.call(_d, error);
+                    throw error;
                 }
                 finally {
-                    (_b = this.consumer) === null || _b === void 0 ? void 0 : _b.hideSpinner();
+                    (_f = this.consumer) === null || _f === void 0 ? void 0 : _f.hideSpinner();
                 }
             };
         }

package/dist/src/data-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-provider.js","sourceRoot":"","sources":["../../src/data-provider.ts"],"names":[],"mappings":"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","sourcesContent":["import { ZERO_RECORDS } from './configure/zero-config.js'\nimport { DataConsumer } from './data-consumer.js'\nimport { FetchHandler, FetchOption, FilterValue, GristRecord, SorterConfig, SortersConfig } from './types.js'\n\nfunction EMPTY_FETCHHANDLER() {\n  return {\n    total: 0,\n    records: []\n  }\n}\n\nfunction _calculateTotalPage(limit: number, total: number) {\n  /*\n   * total page는 1이상이어야 한다.\n   * 즉, 레코드가 하나도 없어도, 페이지 갯수는 1이 되어야 한다.\n   */\n  return Math.max(1, Math.ceil(total / limit))\n}\n\nexport class DataProvider {\n  page: number = 1\n  limit: number = 20\n  total: number = 0\n  records: GristRecord[] = []\n\n  private consumer?: DataConsumer\n  private _fetchHandler?: FetchHandler\n  private _sorters?: SorterConfig[]\n  private _filters?: FilterValue[]\n\n  private _pageChangeHandler: EventListener = this.onPageChange.bind(this)\n  private _limitChangeHandler = this.onLimitChange.bind(this)\n  private _fetchParamsChangeHandler = this.onFetchParamsChange.bind(this)\n  private _recordChangeHandler = this.onRecordChange.bind(this)\n  private _attachPageHandler: EventListener = this.onAttachPage.bind(this)\n\n  private _fetchHandlerWrap: any\n  private _fetchOptions: any\n\n  constructor(consumer: DataConsumer) {\n    this.consumer = consumer\n\n    this.fetchHandler = consumer.fetchHandler\n\n    this.consumer.addEventListener('attach-page', this._attachPageHandler)\n    this.consumer.addEventListener('page-change', this._pageChangeHandler)\n    this.consumer.addEventListener('limit-change', this._limitChangeHandler)\n    this.consumer.addEventListener('fetch-params-change', this._fetchParamsChangeHandler)\n    this.consumer.addEventListener('record-change', this._recordChangeHandler)\n  }\n\n  dispose() {\n    this.consumer?.removeEventListener('attach-page', this._attachPageHandler)\n    this.consumer?.removeEventListener('page-change', this._pageChangeHandler)\n    this.consumer?.removeEventListener('limit-change', this._limitChangeHandler)\n    this.consumer?.removeEventListener('fetch-params-change', this._fetchParamsChangeHandler)\n    this.consumer?.removeEventListener('record-change', this._recordChangeHandler)\n  }\n\n  onAttachPage() {\n    this.attach()\n  }\n\n  onPageChange(e: Event) {\n    var page = (e as CustomEvent).detail\n    this.fetch({ page })\n  }\n\n  onLimitChange(e: Event) {\n    var limit = (e as CustomEvent).detail\n    this.fetch({ limit })\n  }\n\n  onFetchParamsChange(e: Event) {\n    const { sorters, filters, from } = (e as CustomEvent).detail || {}\n\n    sorters && (this.sorters = sorters)\n    filters && (this.filters = filters)\n\n    if (this.consumer?.mode !== 'GRID') {\n      this.page = 0\n    }\n\n    from !== 'config' && this.fetch()\n  }\n\n  onRecordChange(e: Event) {\n    this.consumer?.checkDirties()\n  }\n\n  get fetchOptions() {\n    return this._fetchOptions\n  }\n\n  set fetchOptions(fetchOptions) {\n    this._fetchOptions = fetchOptions\n\n    this.fetch()\n  }\n\n  get fetchHandler() {\n    if (!this._fetchHandlerWrap) {\n      this._fetchHandlerWrap = async (options: FetchOption) => {\n        if (!this._fetchHandler) {\n          return\n        }\n\n        try {\n          this.consumer?.showSpinner()\n          return await (this._fetchHandler || EMPTY_FETCHHANDLER)(options)\n        } finally {\n          this.consumer?.hideSpinner()\n        }\n      }\n    }\n\n    return this._fetchHandlerWrap\n  }\n\n  set fetchHandler(fetchHandler) {\n    this._fetchHandler = fetchHandler\n    delete this._fetchHandlerWrap\n  }\n\n  get sorters() {\n    return this._sorters\n  }\n\n  set sorters(sorters) {\n    this._sorters = sorters\n  }\n\n  /* alias for sorters */\n  get sortings() {\n    return this._sorters\n  }\n\n  set sortings(sorters) {\n    this._sorters = sorters\n  }\n\n  get filters() {\n    return this._filters\n  }\n\n  set filters(filters) {\n    this._filters = filters\n  }\n\n  async attach(reset = false) {\n    var { page = 0, limit = 20 } = this\n\n    /*\n     * page는 0 based index가 아님에 주의한다.\n     * 즉, page 값이 1 은 첫페이지를 의미한다.\n     */\n    if (reset) {\n      this.records = ZERO_RECORDS\n      page = 1\n    } else {\n      /* attach의 경우는 grist data의 변경상태를 유지하기 위해서, grist._data 를 기반으로 한다. */\n      this.records = this.consumer?._data ? this.consumer._data.records : ZERO_RECORDS\n      page = page + 1\n    }\n\n    return this._update(\n      {\n        /* fetch에서 limit과 page를 제공하지 않는 경우를 대비함. */\n        limit,\n        page,\n        ...(await this.fetchHandler.call(null, {\n          page,\n          limit,\n          sorters: this.sorters,\n          sortings: this.sorters,\n          filters: this.filters,\n          options: this.fetchOptions\n        }))\n      },\n      reset\n    )\n  }\n\n  async fetch({\n    page = this.page,\n    limit = this.limit,\n    sorters,\n    sortings,\n    filters\n  }: {\n    page?: number\n    limit?: number\n    sorters?: SortersConfig\n    sortings?: SortersConfig\n    filters?: FilterValue[]\n  } = {}) {\n    /* sortings property is only for things-factory server-side list parameter convention */\n    /* fetchHandler should reture { page, limit, total, records } */\n    this.records = ZERO_RECORDS\n\n    sorters = sorters || sortings || this.sorters\n    filters = filters || this.filters\n\n    this.sorters = sorters\n\n    return this._update({\n      /* fetch에서 limit과 page를 제공하지 않는 경우를 대비함. */\n      limit,\n      page,\n      ...(await this.fetchHandler.call(null, {\n        page,\n        limit,\n        sorters,\n        sortings: sorters,\n        filters,\n        options: this.fetchOptions\n      }))\n    })\n  }\n\n  async _update(\n    {\n      page,\n      limit,\n      total,\n      records\n    }: {\n      page: number\n      limit: number\n      total: number\n      records: GristRecord[]\n    },\n    reset?: boolean\n  ): Promise<void> {\n    // total을 감안해서 page가 최대값을 넘지 않도록 한다.\n    var maxpage = _calculateTotalPage(limit, total)\n    if (maxpage < page) {\n      return await this.fetch({ page: maxpage, limit })\n    }\n\n    // page와 limit이 없는 경우 records 검사 전에 초기화\n    this.page = this.page || page\n    this.limit = this.limit || limit\n\n    if (!records) {\n      return\n    }\n\n    if (this.records === ZERO_RECORDS) {\n      this.records = records\n    } else if (this.page < page) {\n      // attach인 경우에는 records를 append한다.\n      this.records = [...this.records, ...records]\n    } else {\n      return\n    }\n\n    this.limit = limit\n    this.total = total\n    this.page = page\n\n    this.consumer &&\n      (this.consumer.data = {\n        page: this.page,\n        limit: this.limit,\n        total: this.total,\n\n        records: this.records\n      })\n  }\n}\n"]}
+{"version":3,"file":"data-provider.js","sourceRoot":"","sources":["../../src/data-provider.ts"],"names":[],"mappings":"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","sourcesContent":["import { ZERO_RECORDS } from './configure/zero-config.js'\nimport { DataConsumer } from './data-consumer.js'\nimport { FetchHandler, FetchOption, FilterValue, GristRecord, SorterConfig, SortersConfig } from './types.js'\n\nfunction EMPTY_FETCHHANDLER() {\n  return {\n    total: 0,\n    records: []\n  }\n}\n\nfunction _calculateTotalPage(limit: number, total: number) {\n  /*\n   * total page는 1이상이어야 한다.\n   * 즉, 레코드가 하나도 없어도, 페이지 갯수는 1이 되어야 한다.\n   */\n  return Math.max(1, Math.ceil(total / limit))\n}\n\n/*\n * For fetches nobody awaits (page and limit changes, filter and option changes). This does not hide a\n * failure: fetchFailed has already drawn it on the grid before the rejection gets here. It only stops\n * the same failure from also escaping as an unhandled rejection. Do not copy it to a place where the\n * failure is not already shown.\n */\nconst shownByConsumer = () => {}\n\nexport class DataProvider {\n  page: number = 1\n  limit: number = 20\n  total: number = 0\n  records: GristRecord[] = []\n\n  private consumer?: DataConsumer\n  private _fetchHandler?: FetchHandler\n  private _sorters?: SorterConfig[]\n  private _filters?: FilterValue[]\n\n  private _pageChangeHandler: EventListener = this.onPageChange.bind(this)\n  private _limitChangeHandler = this.onLimitChange.bind(this)\n  private _fetchParamsChangeHandler = this.onFetchParamsChange.bind(this)\n  private _recordChangeHandler = this.onRecordChange.bind(this)\n  private _attachPageHandler: EventListener = this.onAttachPage.bind(this)\n\n  private _fetchHandlerWrap: any\n  private _fetchOptions: any\n\n  constructor(consumer: DataConsumer) {\n    this.consumer = consumer\n\n    this.fetchHandler = consumer.fetchHandler\n\n    this.consumer.addEventListener('attach-page', this._attachPageHandler)\n    this.consumer.addEventListener('page-change', this._pageChangeHandler)\n    this.consumer.addEventListener('limit-change', this._limitChangeHandler)\n    this.consumer.addEventListener('fetch-params-change', this._fetchParamsChangeHandler)\n    this.consumer.addEventListener('record-change', this._recordChangeHandler)\n  }\n\n  dispose() {\n    this.consumer?.removeEventListener('attach-page', this._attachPageHandler)\n    this.consumer?.removeEventListener('page-change', this._pageChangeHandler)\n    this.consumer?.removeEventListener('limit-change', this._limitChangeHandler)\n    this.consumer?.removeEventListener('fetch-params-change', this._fetchParamsChangeHandler)\n    this.consumer?.removeEventListener('record-change', this._recordChangeHandler)\n  }\n\n  onAttachPage() {\n    this.attach().catch(shownByConsumer)\n  }\n\n  onPageChange(e: Event) {\n    var page = (e as CustomEvent).detail\n    this.fetch({ page }).catch(shownByConsumer)\n  }\n\n  onLimitChange(e: Event) {\n    var limit = (e as CustomEvent).detail\n    this.fetch({ limit }).catch(shownByConsumer)\n  }\n\n  onFetchParamsChange(e: Event) {\n    const { sorters, filters, from } = (e as CustomEvent).detail || {}\n\n    sorters && (this.sorters = sorters)\n    filters && (this.filters = filters)\n\n    if (this.consumer?.mode !== 'GRID') {\n      this.page = 0\n    }\n\n    from !== 'config' && this.fetch().catch(shownByConsumer)\n  }\n\n  onRecordChange(e: Event) {\n    this.consumer?.checkDirties()\n  }\n\n  get fetchOptions() {\n    return this._fetchOptions\n  }\n\n  set fetchOptions(fetchOptions) {\n    this._fetchOptions = fetchOptions\n\n    this.fetch().catch(shownByConsumer)\n  }\n\n  get fetchHandler() {\n    if (!this._fetchHandlerWrap) {\n      this._fetchHandlerWrap = async (options: FetchOption) => {\n        if (!this._fetchHandler) {\n          return\n        }\n\n        try {\n          this.consumer?.showSpinner()\n          const result = await (this._fetchHandler || EMPTY_FETCHHANDLER)(options)\n          this.consumer?.fetchSucceeded?.()\n          return result\n        } catch (error) {\n          /*\n           * A failed read is not an empty list. The grid is told, so it can say \"could not load\"\n           * instead of \"nothing to show\" - and the error still reaches whoever awaited the fetch.\n           */\n          this.consumer?.fetchFailed?.(error)\n          throw error\n        } finally {\n          this.consumer?.hideSpinner()\n        }\n      }\n    }\n\n    return this._fetchHandlerWrap\n  }\n\n  set fetchHandler(fetchHandler) {\n    this._fetchHandler = fetchHandler\n    delete this._fetchHandlerWrap\n  }\n\n  get sorters() {\n    return this._sorters\n  }\n\n  set sorters(sorters) {\n    this._sorters = sorters\n  }\n\n  /* alias for sorters */\n  get sortings() {\n    return this._sorters\n  }\n\n  set sortings(sorters) {\n    this._sorters = sorters\n  }\n\n  get filters() {\n    return this._filters\n  }\n\n  set filters(filters) {\n    this._filters = filters\n  }\n\n  async attach(reset = false) {\n    var { page = 0, limit = 20 } = this\n\n    /*\n     * page는 0 based index가 아님에 주의한다.\n     * 즉, page 값이 1 은 첫페이지를 의미한다.\n     */\n    if (reset) {\n      this.records = ZERO_RECORDS\n      page = 1\n    } else {\n      /* attach의 경우는 grist data의 변경상태를 유지하기 위해서, grist._data 를 기반으로 한다. */\n      this.records = this.consumer?._data ? this.consumer._data.records : ZERO_RECORDS\n      page = page + 1\n    }\n\n    return this._update(\n      {\n        /* fetch에서 limit과 page를 제공하지 않는 경우를 대비함. */\n        limit,\n        page,\n        ...(await this.fetchHandler.call(null, {\n          page,\n          limit,\n          sorters: this.sorters,\n          sortings: this.sorters,\n          filters: this.filters,\n          options: this.fetchOptions\n        }))\n      },\n      reset\n    )\n  }\n\n  async fetch({\n    page = this.page,\n    limit = this.limit,\n    sorters,\n    sortings,\n    filters\n  }: {\n    page?: number\n    limit?: number\n    sorters?: SortersConfig\n    sortings?: SortersConfig\n    filters?: FilterValue[]\n  } = {}) {\n    /* sortings property is only for things-factory server-side list parameter convention */\n    /* fetchHandler should reture { page, limit, total, records } */\n    this.records = ZERO_RECORDS\n\n    sorters = sorters || sortings || this.sorters\n    filters = filters || this.filters\n\n    this.sorters = sorters\n\n    return this._update({\n      /* fetch에서 limit과 page를 제공하지 않는 경우를 대비함. */\n      limit,\n      page,\n      ...(await this.fetchHandler.call(null, {\n        page,\n        limit,\n        sorters,\n        sortings: sorters,\n        filters,\n        options: this.fetchOptions\n      }))\n    })\n  }\n\n  async _update(\n    {\n      page,\n      limit,\n      total,\n      records\n    }: {\n      page: number\n      limit: number\n      total: number\n      records: GristRecord[]\n    },\n    reset?: boolean\n  ): Promise<void> {\n    // total을 감안해서 page가 최대값을 넘지 않도록 한다.\n    var maxpage = _calculateTotalPage(limit, total)\n    if (maxpage < page) {\n      return await this.fetch({ page: maxpage, limit })\n    }\n\n    // page와 limit이 없는 경우 records 검사 전에 초기화\n    this.page = this.page || page\n    this.limit = this.limit || limit\n\n    if (!records) {\n      return\n    }\n\n    if (this.records === ZERO_RECORDS) {\n      this.records = records\n    } else if (this.page < page) {\n      // attach인 경우에는 records를 append한다.\n      this.records = [...this.records, ...records]\n    } else {\n      return\n    }\n\n    this.limit = limit\n    this.total = total\n    this.page = page\n\n    this.consumer &&\n      (this.consumer.data = {\n        page: this.page,\n        limit: this.limit,\n        total: this.total,\n\n        records: this.records\n      })\n  }\n}\n"]}

package/dist/src/data-report.d.ts

@@ -1,4 +1,5 @@
 import './data-report/data-report-component.js';
+import '@operato/list-state/ox-empty-note.js';
 import { LitElement, PropertyValues } from 'lit';
 import { GristConfig, GristData, GristRecord } from './types.js';
 import { DataConsumer } from './data-consumer.js';

package/dist/src/data-report.js

@@ -1,5 +1,6 @@
 import { __decorate } from "tslib";
 import './data-report/data-report-component.js';
+import '@operato/list-state/ox-empty-note.js';
 import { LitElement, css, html } from 'lit';
 import { customElement, property, query, queryAsync, state } from 'lit/decorators.js';
 import i18next from 'i18next';
@@ -58,7 +59,7 @@ let DataReport = class DataReport extends LitElement {
     render() {
         var oops = !this._showSpinner && (!this._data || !this._data.records || this._data.records.length == 0);
         return html `
-      ${oops ? html ` <ox-empty-note title=${i18next.t('text.grid-no-records', { defaultValue: 'NO RECORDS' })}></ox-empty-note> ` : html ``}
+      ${oops ? html ` <ox-empty-note title=${i18next.t('text.list-empty', { defaultValue: 'nothing here yet.' })}></ox-empty-note> ` : html ``}
 
       <div id="wrap">
         <ox-report-component id="report" .config=${this._config} .data=${this._data}> </ox-report-component>

package/dist/src/data-report.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-report.js","sourceRoot":"","sources":["../../src/data-report.ts"],"names":[],"mappings":"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","sourcesContent":["import './data-report/data-report-component.js'\n\nimport { LitElement, PropertyValues, css, html } from 'lit'\nimport { customElement, property, query, queryAsync, state } from 'lit/decorators.js'\nimport i18next from 'i18next'\n\nimport { ScrollbarStyles, SpinnerStyles } from '@operato/styles'\n\nimport { GristConfig, GristData, GristRecord, GroupConfig } from './types.js'\nimport { ZERO_CONFIG, ZERO_DATA, ZERO_PAGINATION } from './configure/zero-config.js'\nimport { pulltorefresh } from '@operato/pull-to-refresh'\nimport { DataConsumer } from './data-consumer.js'\nimport { DataProvider } from './data-provider.js'\nimport { DataReportComponent } from './data-report/data-report-component.js'\nimport { buildColumn } from './configure/column-builder.js'\nimport { buildConfig } from './configure/config-builder.js'\n\n@customElement('ox-report')\nexport class DataReport extends LitElement implements DataConsumer {\n  static styles = [\n    ScrollbarStyles,\n    SpinnerStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n        background-color: var(--report-background-color);\n        padding: var(--report-padding);\n        min-height: 120px;\n\n        overflow: hidden;\n\n        /* for pulltorefresh controller */\n        position: relative;\n      }\n\n      #wrap {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n      }\n\n      ox-report-component {\n        flex: 1;\n      }\n\n      ox-empty-note {\n        display: block;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n      }\n    `\n  ]\n\n  @property({ type: Object }) config: any\n  @property({ type: Object }) data: GristData = ZERO_DATA\n  @property({ type: Object }) fetchHandler: any\n  @property({ type: Object }) fetchOptions: any\n  @property({ type: Boolean, attribute: 'auto-fetch' }) autoFetch: boolean = false\n\n  @state() _data: GristData = ZERO_DATA\n  @state() _config: GristConfig = ZERO_CONFIG\n  @state() private _showSpinner: boolean = false\n\n  private dataProvider?: DataProvider\n  private pulltorefreshHandle?: any\n\n  @query('#report') report!: DataReportComponent\n  @queryAsync('#wrap') private wrap!: Promise<HTMLElement>\n\n  get mode(): 'REPORT' {\n    return 'REPORT'\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n\n    this.dataProvider = new DataProvider(this)\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n\n    this.resetPullToRefresh()\n    this.dataProvider?.dispose()\n  }\n\n  private resetPullToRefresh() {\n    if (this.pulltorefreshHandle) {\n      this.pulltorefreshHandle()\n      delete this.pulltorefreshHandle\n    }\n  }\n\n  private async setPullToRefresh() {\n    this.resetPullToRefresh()\n    if (this.fetchHandler) {\n      this.pulltorefreshHandle = pulltorefresh({\n        container: await this.wrap,\n        scrollable: this.report.pullToRefreshTarget,\n        refresh: () => {\n          return this.fetch(true)\n        }\n      })\n    }\n  }\n\n  async firstUpdated() {\n    if (this.fetchHandler && this.autoFetch) {\n      await this.requestUpdate()\n      this.fetch(true)\n    }\n  }\n\n  render() {\n    var oops = !this._showSpinner && (!this._data || !this._data.records || this._data.records.length == 0)\n\n    return html`\n      ${oops ? html` <ox-empty-note title=${i18next.t('text.grid-no-records', { defaultValue: 'NO RECORDS' })}></ox-empty-note> ` : html``}\n\n      <div id=\"wrap\">\n        <ox-report-component id=\"report\" .config=${this._config} .data=${this._data}> </ox-report-component>\n      </div>\n\n      <div id=\"spinner\" ?show=${this._showSpinner}></div>\n    `\n  }\n\n  async fetch(reset = true) {\n    if (!this._config) {\n      /* avoid to be here */\n      console.warn('report is not configured yet.')\n      return\n    }\n\n    if (reset) {\n      /*\n       * scroll 의 현재위치에 의해서 scroll 이벤트가 발생할 수 있으므로, 이를 방지하기 위해서 스크롤의 위치를 TOP으로 옮긴다.\n       * (scroll 이 첫페이지 크기 이상으로 내려가 있는 경우, 첫페이지부터 다시 표시하는 경우에, scroll 이벤트가 발생한다.)\n       */\n      this.report.scrollTop = 0\n    }\n\n    if (this.dataProvider) {\n      await this.dataProvider.attach(reset)\n    }\n  }\n\n  async updated(changes: PropertyValues<this>) {\n    if (changes.has('config')) {\n      this._config = buildConfig({\n        ...this.config\n      })\n\n      this.dataProvider && (this.dataProvider.sorters = this._config.sorters)\n      this.fetch()\n    }\n\n    if (changes.has('fetchHandler')) {\n      this.dataProvider && (this.dataProvider.fetchHandler = this.fetchHandler)\n      await this.setPullToRefresh()\n    }\n\n    if (changes.has('fetchOptions')) {\n      this.dataProvider && (this.dataProvider.fetchOptions = this.fetchOptions)\n    }\n\n    if (changes.has('data')) {\n      this.reset()\n    }\n  }\n\n  get dirtyData() {\n    return (this.report as any)?.data || {}\n  }\n\n  showSpinner() {\n    this._showSpinner = true\n  }\n\n  hideSpinner() {\n    this._showSpinner = false\n  }\n\n  focus() {\n    super.focus()\n\n    this.report?.focus()\n  }\n\n  /**\n   * Forced internal data to be reflected on the screen\n   * Data changing through a normal method is automatically reflected on the screen, so it is a method that does not need to be used in general.\nTherefore, it will be deprecated.\n   * @deprecated\n   * @method\n   */\n  refresh() {\n    this.requestUpdate()\n  }\n\n  reset() {\n    var {\n      limit = ZERO_PAGINATION.limit,\n      page = ZERO_PAGINATION.page,\n      total = ZERO_PAGINATION.total,\n      records = []\n    } = this.data\n\n    this._data = {\n      limit,\n      page,\n      total,\n      records: this.sortByGroups(records).map((record, idx) => {\n        return {\n          ...record,\n          __seq__: (page - 1) * limit + idx + 1\n        }\n      })\n    }\n  }\n\n  sortByGroups(sortedRecords: GristRecord[]) {\n    var { groups, totals } = this._config.rows\n    var { columns } = this._config\n\n    var getColumnIndex = (name: string | number) =>\n      columns.filter(column => !column.hidden).findIndex(column => column.name == name)\n\n    var groupFieldsForTotalRecord: GroupConfig[] = [\n      /* add a group total record to the front. */\n      {\n        column: '*',\n        title: i18next.exists('text.ox-data-report-grand-total')\n          ? i18next.t('text.ox-data-report-grand-total')\n          : 'grand total',\n        align: 'right',\n        rowspan: 1\n      },\n      ...groups\n    ].map(group => {\n      return {\n        ...group,\n        titleColumn: buildColumn({\n          record: {\n            align: group.align || 'right'\n          }\n        })\n      }\n    })\n    let lastGroupValues\n    let reportRecords = []\n    let totalicRecords: { [idx: string]: GroupConfig }[] = sortedRecords[0]\n      ? (() => {\n          /* 처음 만드는 total records */\n          let record = sortedRecords[0]\n          let totalBase = totals.reduce(\n            (base, field) => {\n              base[field] =\n                columns.find(col => col.name == field)?.rowCount && (record[field] === 0 || record[field])\n                  ? 1\n                  : record[field]\n              return base\n            },\n            {} as { [totalField: string]: number }\n          )\n          let groupBase = {} as { [idx: string]: GroupConfig }\n\n          return groupFieldsForTotalRecord.map((group, idx) => {\n            groupBase[group.column] = record[group.column]\n\n            return {\n              ...totalBase,\n              ...groupBase,\n              [group.column]: record[group.column],\n              '*': {\n                titleColumn: group.titleColumn,\n                value: group.title,\n                groupName: group.column,\n                /* 이 레코드 그룹에 해당하는 첫번째 레코드의 행 번호(1 부터 시작하는 번호임.) - grid layout의 row 지정에 사용됨. */\n                row: 1,\n                rowspan: 1,\n                /* 이 레코드 그룹의 컬럼에 해당하는 열 번호(1 부터 시작하는 번호임.) - grid layout의 column 지정에 사용됨. */\n                column:\n                  group.column !== '*'\n                    ? getColumnIndex(group.column) + 1\n                    : getColumnIndex(groups[0].column) + 1 /* grand total 은 첫번째 그룹 컬럼을 사용한다. */,\n                colspan:\n                  group.column !== '*' ? groupFieldsForTotalRecord.length - idx : groupFieldsForTotalRecord.length - 1\n              }\n            }\n          })\n        })()\n      : [\n          {\n            '*': {\n              titleColumn: groupFieldsForTotalRecord[0].titleColumn,\n              value: i18next.exists('text.ox-data-report-grand-total')\n                ? i18next.t('text.ox-data-report-grand-total')\n                : 'grand total',\n              groupName: '*',\n              row: 1,\n              rowspan: 1,\n              column: 1,\n              colspan: 0\n            } as GroupConfig\n          }\n        ]\n\n    var row = 0\n\n    for (let record of sortedRecords) {\n      let groupValues = groups.reduce(\n        (base, group) => {\n          base[group.column] = record[group.column]\n          return base\n        },\n        {} as { [groupColumn: string]: string | number }\n      )\n      let isSameGroupRecord = true\n      let totalsStack = [] as { idx: string; record: any }[]\n      let groupBase = {} as { [idx: string]: any }\n\n      row++\n\n      if (lastGroupValues) {\n        for (let idx in groupFieldsForTotalRecord) {\n          let group = groupFieldsForTotalRecord[idx]\n          let totalRecord: {\n            [idx: string]: GroupConfig | number\n          } = totalicRecords[idx]\n\n          groupBase[group.column] = record[group.column]\n\n          if (\n            group.column == '*' ||\n            (isSameGroupRecord && groupValues[group.column] === lastGroupValues[group.column])\n          ) {\n            for (let field of totals) {\n              totalRecord[field] +=\n                columns.find(col => col.name == field)?.rowCount && (record[field] === 0 || record[field])\n                  ? 1\n                  : record[field]\n            }\n\n            ;(totalRecord['*'] as GroupConfig).rowspan++\n\n            continue\n          }\n\n          /* to avoid from floating point calculation problem */\n          totals.forEach(field => {\n            totalRecord[field] = Math.round((totalRecord[field] as number) * 100) / 100\n          })\n\n          isSameGroupRecord = false\n\n          totalsStack.push({\n            idx,\n            record: totals.reduce(\n              (sum, field) => {\n                sum[field] =\n                  columns.find(col => col.name == field)?.rowCount && (record[field] === 0 || record[field])\n                    ? 1\n                    : record[field]\n                return sum\n              },\n              {\n                ...groupBase,\n                [group.column]: record[group.column],\n                '*': {\n                  titleColumn: group.titleColumn,\n                  groupName: group.column,\n                  value: group.title,\n                  row,\n                  rowspan: 1,\n                  column: getColumnIndex(group.column) + 1,\n                  colspan: totalicRecords[idx]['*'].colspan\n                }\n              }\n            )\n          })\n        }\n\n        totalsStack\n          .reverse()\n          .map(({ record, idx }) => {\n            reportRecords.push(totalicRecords[Number(idx)])\n            totalicRecords[Number(idx)] = {}\n\n            if (record['*'].value) {\n              totalicRecords.forEach(record => record['*'] && record['*'].rowspan++)\n              row++\n            }\n\n            return { record, idx }\n          })\n          .forEach(({ record, idx }) => {\n            record['*'].row = row\n            totalicRecords[Number(idx)] = record\n          })\n      }\n\n      reportRecords.push(record)\n\n      lastGroupValues = groupValues\n    }\n\n    /* 마지막 남은 토탈 레코드들을 추가한다. */\n    var poped: any\n    while ((poped = totalicRecords.pop())) {\n      /* to avoid from floating point calculation problem */\n      totals.forEach(field => {\n        poped[field] = Math.round(poped[field] * 100) / 100\n      })\n\n      reportRecords.push(poped)\n      if (poped['*'].value) {\n        totalicRecords.forEach(record => record['*'].rowspan++)\n      }\n    }\n\n    return reportRecords\n  }\n\n  checkDirties() {}\n}\n"]}
+{"version":3,"file":"data-report.js","sourceRoot":"","sources":["../../src/data-report.ts"],"names":[],"mappings":"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","sourcesContent":["import './data-report/data-report-component.js'\nimport '@operato/list-state/ox-empty-note.js'\n\nimport { LitElement, PropertyValues, css, html } from 'lit'\nimport { customElement, property, query, queryAsync, state } from 'lit/decorators.js'\nimport i18next from 'i18next'\n\nimport { ScrollbarStyles, SpinnerStyles } from '@operato/styles'\n\nimport { GristConfig, GristData, GristRecord, GroupConfig } from './types.js'\nimport { ZERO_CONFIG, ZERO_DATA, ZERO_PAGINATION } from './configure/zero-config.js'\nimport { pulltorefresh } from '@operato/pull-to-refresh'\nimport { DataConsumer } from './data-consumer.js'\nimport { DataProvider } from './data-provider.js'\nimport { DataReportComponent } from './data-report/data-report-component.js'\nimport { buildColumn } from './configure/column-builder.js'\nimport { buildConfig } from './configure/config-builder.js'\n\n@customElement('ox-report')\nexport class DataReport extends LitElement implements DataConsumer {\n  static styles = [\n    ScrollbarStyles,\n    SpinnerStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n        background-color: var(--report-background-color);\n        padding: var(--report-padding);\n        min-height: 120px;\n\n        overflow: hidden;\n\n        /* for pulltorefresh controller */\n        position: relative;\n      }\n\n      #wrap {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n      }\n\n      ox-report-component {\n        flex: 1;\n      }\n\n      ox-empty-note {\n        display: block;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n      }\n    `\n  ]\n\n  @property({ type: Object }) config: any\n  @property({ type: Object }) data: GristData = ZERO_DATA\n  @property({ type: Object }) fetchHandler: any\n  @property({ type: Object }) fetchOptions: any\n  @property({ type: Boolean, attribute: 'auto-fetch' }) autoFetch: boolean = false\n\n  @state() _data: GristData = ZERO_DATA\n  @state() _config: GristConfig = ZERO_CONFIG\n  @state() private _showSpinner: boolean = false\n\n  private dataProvider?: DataProvider\n  private pulltorefreshHandle?: any\n\n  @query('#report') report!: DataReportComponent\n  @queryAsync('#wrap') private wrap!: Promise<HTMLElement>\n\n  get mode(): 'REPORT' {\n    return 'REPORT'\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n\n    this.dataProvider = new DataProvider(this)\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n\n    this.resetPullToRefresh()\n    this.dataProvider?.dispose()\n  }\n\n  private resetPullToRefresh() {\n    if (this.pulltorefreshHandle) {\n      this.pulltorefreshHandle()\n      delete this.pulltorefreshHandle\n    }\n  }\n\n  private async setPullToRefresh() {\n    this.resetPullToRefresh()\n    if (this.fetchHandler) {\n      this.pulltorefreshHandle = pulltorefresh({\n        container: await this.wrap,\n        scrollable: this.report.pullToRefreshTarget,\n        refresh: () => {\n          return this.fetch(true)\n        }\n      })\n    }\n  }\n\n  async firstUpdated() {\n    if (this.fetchHandler && this.autoFetch) {\n      await this.requestUpdate()\n      this.fetch(true)\n    }\n  }\n\n  render() {\n    var oops = !this._showSpinner && (!this._data || !this._data.records || this._data.records.length == 0)\n\n    return html`\n      ${oops ? html` <ox-empty-note title=${i18next.t('text.list-empty', { defaultValue: 'nothing here yet.' })}></ox-empty-note> ` : html``}\n\n      <div id=\"wrap\">\n        <ox-report-component id=\"report\" .config=${this._config} .data=${this._data}> </ox-report-component>\n      </div>\n\n      <div id=\"spinner\" ?show=${this._showSpinner}></div>\n    `\n  }\n\n  async fetch(reset = true) {\n    if (!this._config) {\n      /* avoid to be here */\n      console.warn('report is not configured yet.')\n      return\n    }\n\n    if (reset) {\n      /*\n       * scroll 의 현재위치에 의해서 scroll 이벤트가 발생할 수 있으므로, 이를 방지하기 위해서 스크롤의 위치를 TOP으로 옮긴다.\n       * (scroll 이 첫페이지 크기 이상으로 내려가 있는 경우, 첫페이지부터 다시 표시하는 경우에, scroll 이벤트가 발생한다.)\n       */\n      this.report.scrollTop = 0\n    }\n\n    if (this.dataProvider) {\n      await this.dataProvider.attach(reset)\n    }\n  }\n\n  async updated(changes: PropertyValues<this>) {\n    if (changes.has('config')) {\n      this._config = buildConfig({\n        ...this.config\n      })\n\n      this.dataProvider && (this.dataProvider.sorters = this._config.sorters)\n      this.fetch()\n    }\n\n    if (changes.has('fetchHandler')) {\n      this.dataProvider && (this.dataProvider.fetchHandler = this.fetchHandler)\n      await this.setPullToRefresh()\n    }\n\n    if (changes.has('fetchOptions')) {\n      this.dataProvider && (this.dataProvider.fetchOptions = this.fetchOptions)\n    }\n\n    if (changes.has('data')) {\n      this.reset()\n    }\n  }\n\n  get dirtyData() {\n    return (this.report as any)?.data || {}\n  }\n\n  showSpinner() {\n    this._showSpinner = true\n  }\n\n  hideSpinner() {\n    this._showSpinner = false\n  }\n\n  focus() {\n    super.focus()\n\n    this.report?.focus()\n  }\n\n  /**\n   * Forced internal data to be reflected on the screen\n   * Data changing through a normal method is automatically reflected on the screen, so it is a method that does not need to be used in general.\nTherefore, it will be deprecated.\n   * @deprecated\n   * @method\n   */\n  refresh() {\n    this.requestUpdate()\n  }\n\n  reset() {\n    var {\n      limit = ZERO_PAGINATION.limit,\n      page = ZERO_PAGINATION.page,\n      total = ZERO_PAGINATION.total,\n      records = []\n    } = this.data\n\n    this._data = {\n      limit,\n      page,\n      total,\n      records: this.sortByGroups(records).map((record, idx) => {\n        return {\n          ...record,\n          __seq__: (page - 1) * limit + idx + 1\n        }\n      })\n    }\n  }\n\n  sortByGroups(sortedRecords: GristRecord[]) {\n    var { groups, totals } = this._config.rows\n    var { columns } = this._config\n\n    var getColumnIndex = (name: string | number) =>\n      columns.filter(column => !column.hidden).findIndex(column => column.name == name)\n\n    var groupFieldsForTotalRecord: GroupConfig[] = [\n      /* add a group total record to the front. */\n      {\n        column: '*',\n        title: i18next.exists('text.ox-data-report-grand-total')\n          ? i18next.t('text.ox-data-report-grand-total')\n          : 'grand total',\n        align: 'right',\n        rowspan: 1\n      },\n      ...groups\n    ].map(group => {\n      return {\n        ...group,\n        titleColumn: buildColumn({\n          record: {\n            align: group.align || 'right'\n          }\n        })\n      }\n    })\n    let lastGroupValues\n    let reportRecords = []\n    let totalicRecords: { [idx: string]: GroupConfig }[] = sortedRecords[0]\n      ? (() => {\n          /* 처음 만드는 total records */\n          let record = sortedRecords[0]\n          let totalBase = totals.reduce(\n            (base, field) => {\n              base[field] =\n                columns.find(col => col.name == field)?.rowCount && (record[field] === 0 || record[field])\n                  ? 1\n                  : record[field]\n              return base\n            },\n            {} as { [totalField: string]: number }\n          )\n          let groupBase = {} as { [idx: string]: GroupConfig }\n\n          return groupFieldsForTotalRecord.map((group, idx) => {\n            groupBase[group.column] = record[group.column]\n\n            return {\n              ...totalBase,\n              ...groupBase,\n              [group.column]: record[group.column],\n              '*': {\n                titleColumn: group.titleColumn,\n                value: group.title,\n                groupName: group.column,\n                /* 이 레코드 그룹에 해당하는 첫번째 레코드의 행 번호(1 부터 시작하는 번호임.) - grid layout의 row 지정에 사용됨. */\n                row: 1,\n                rowspan: 1,\n                /* 이 레코드 그룹의 컬럼에 해당하는 열 번호(1 부터 시작하는 번호임.) - grid layout의 column 지정에 사용됨. */\n                column:\n                  group.column !== '*'\n                    ? getColumnIndex(group.column) + 1\n                    : getColumnIndex(groups[0].column) + 1 /* grand total 은 첫번째 그룹 컬럼을 사용한다. */,\n                colspan:\n                  group.column !== '*' ? groupFieldsForTotalRecord.length - idx : groupFieldsForTotalRecord.length - 1\n              }\n            }\n          })\n        })()\n      : [\n          {\n            '*': {\n              titleColumn: groupFieldsForTotalRecord[0].titleColumn,\n              value: i18next.exists('text.ox-data-report-grand-total')\n                ? i18next.t('text.ox-data-report-grand-total')\n                : 'grand total',\n              groupName: '*',\n              row: 1,\n              rowspan: 1,\n              column: 1,\n              colspan: 0\n            } as GroupConfig\n          }\n        ]\n\n    var row = 0\n\n    for (let record of sortedRecords) {\n      let groupValues = groups.reduce(\n        (base, group) => {\n          base[group.column] = record[group.column]\n          return base\n        },\n        {} as { [groupColumn: string]: string | number }\n      )\n      let isSameGroupRecord = true\n      let totalsStack = [] as { idx: string; record: any }[]\n      let groupBase = {} as { [idx: string]: any }\n\n      row++\n\n      if (lastGroupValues) {\n        for (let idx in groupFieldsForTotalRecord) {\n          let group = groupFieldsForTotalRecord[idx]\n          let totalRecord: {\n            [idx: string]: GroupConfig | number\n          } = totalicRecords[idx]\n\n          groupBase[group.column] = record[group.column]\n\n          if (\n            group.column == '*' ||\n            (isSameGroupRecord && groupValues[group.column] === lastGroupValues[group.column])\n          ) {\n            for (let field of totals) {\n              totalRecord[field] +=\n                columns.find(col => col.name == field)?.rowCount && (record[field] === 0 || record[field])\n                  ? 1\n                  : record[field]\n            }\n\n            ;(totalRecord['*'] as GroupConfig).rowspan++\n\n            continue\n          }\n\n          /* to avoid from floating point calculation problem */\n          totals.forEach(field => {\n            totalRecord[field] = Math.round((totalRecord[field] as number) * 100) / 100\n          })\n\n          isSameGroupRecord = false\n\n          totalsStack.push({\n            idx,\n            record: totals.reduce(\n              (sum, field) => {\n                sum[field] =\n                  columns.find(col => col.name == field)?.rowCount && (record[field] === 0 || record[field])\n                    ? 1\n                    : record[field]\n                return sum\n              },\n              {\n                ...groupBase,\n                [group.column]: record[group.column],\n                '*': {\n                  titleColumn: group.titleColumn,\n                  groupName: group.column,\n                  value: group.title,\n                  row,\n                  rowspan: 1,\n                  column: getColumnIndex(group.column) + 1,\n                  colspan: totalicRecords[idx]['*'].colspan\n                }\n              }\n            )\n          })\n        }\n\n        totalsStack\n          .reverse()\n          .map(({ record, idx }) => {\n            reportRecords.push(totalicRecords[Number(idx)])\n            totalicRecords[Number(idx)] = {}\n\n            if (record['*'].value) {\n              totalicRecords.forEach(record => record['*'] && record['*'].rowspan++)\n              row++\n            }\n\n            return { record, idx }\n          })\n          .forEach(({ record, idx }) => {\n            record['*'].row = row\n            totalicRecords[Number(idx)] = record\n          })\n      }\n\n      reportRecords.push(record)\n\n      lastGroupValues = groupValues\n    }\n\n    /* 마지막 남은 토탈 레코드들을 추가한다. */\n    var poped: any\n    while ((poped = totalicRecords.pop())) {\n      /* to avoid from floating point calculation problem */\n      totals.forEach(field => {\n        poped[field] = Math.round(poped[field] * 100) / 100\n      })\n\n      reportRecords.push(poped)\n      if (poped['*'].value) {\n        totalicRecords.forEach(record => record['*'].rowspan++)\n      }\n    }\n\n    return reportRecords\n  }\n\n  checkDirties() {}\n}\n"]}

package/dist/src/empty-note-render.d.ts

@@ -0,0 +1,13 @@
+/** What a grid body shows when it has no rows - decided by ox-grist, drawn the same in all three modes. */
+export type GridEmptyNote = {
+    icon?: string;
+    title: string;
+    description?: string;
+    /** A failure, not an absence: announced, and offered a way to try again. */
+    alert?: boolean;
+    action?: {
+        label: string;
+        run: () => void;
+    };
+};
+export declare function renderEmptyNote(note?: GridEmptyNote): import("lit-html").TemplateResult<1>;

package/dist/src/empty-note-render.js

@@ -0,0 +1,14 @@
+import { html, nothing } from 'lit';
+export function renderEmptyNote(note) {
+    var _a, _b, _c;
+    return html `<ox-empty-note
+    role=${(note === null || note === void 0 ? void 0 : note.alert) ? 'alert' : nothing}
+    icon=${(_a = note === null || note === void 0 ? void 0 : note.icon) !== null && _a !== void 0 ? _a : nothing}
+    title=${(_b = note === null || note === void 0 ? void 0 : note.title) !== null && _b !== void 0 ? _b : ''}
+    description=${(_c = note === null || note === void 0 ? void 0 : note.description) !== null && _c !== void 0 ? _c : nothing}
+    >${(note === null || note === void 0 ? void 0 : note.action)
+        ? html `<md-text-button @click=${() => note.action.run()}>${note.action.label}</md-text-button>`
+        : nothing}</ox-empty-note
+  >`;
+}
+//# sourceMappingURL=empty-note-render.js.map

package/dist/src/empty-note-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-note-render.js","sourceRoot":"","sources":["../../src/empty-note-render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAYnC,MAAM,UAAU,eAAe,CAAC,IAAoB;;IAClD,OAAO,IAAI,CAAA;WACF,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;WAC/B,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,mCAAI,OAAO;YACpB,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE;kBACX,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,mCAAI,OAAO;OACvC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM;QACb,CAAC,CAAC,IAAI,CAAA,0BAA0B,GAAG,EAAE,CAAC,IAAI,CAAC,MAAO,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,mBAAmB;QAChG,CAAC,CAAC,OAAO;IACX,CAAA;AACJ,CAAC","sourcesContent":["import { html, nothing } from 'lit'\n\n/** What a grid body shows when it has no rows - decided by ox-grist, drawn the same in all three modes. */\nexport type GridEmptyNote = {\n  icon?: string\n  title: string\n  description?: string\n  /** A failure, not an absence: announced, and offered a way to try again. */\n  alert?: boolean\n  action?: { label: string; run: () => void }\n}\n\nexport function renderEmptyNote(note?: GridEmptyNote) {\n  return html`<ox-empty-note\n    role=${note?.alert ? 'alert' : nothing}\n    icon=${note?.icon ?? nothing}\n    title=${note?.title ?? ''}\n    description=${note?.description ?? nothing}\n    >${note?.action\n      ? html`<md-text-button @click=${() => note.action!.run()}>${note.action.label}</md-text-button>`\n      : nothing}</ox-empty-note\n  >`\n}\n"]}

package/dist/src/empty-note.d.ts

@@ -1,9 +1 @@
-import '@material/web/icon/icon.js';
-import { LitElement } from 'lit';
-export declare class EmptyNote extends LitElement {
-    static styles: import("lit").CSSResult;
-    icon?: string;
-    title: string;
-    description?: string;
-    render(): import("lit-html").TemplateResult<1>;
-}
+export * from '@operato/list-state/ox-empty-note.js';

package/dist/src/empty-note.js

@@ -1,53 +1,6 @@
-import { __decorate } from "tslib";
-import '@material/web/icon/icon.js';
-import { LitElement, css, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-let EmptyNote = class EmptyNote extends LitElement {
-    render() {
-        return html `
-      ${this.icon ? html `<md-icon>${this.icon}</md-icon>` : html ``}
-      <div titler>${this.title}</div>
-      ${this.description ? html `<div description>${this.description}</div>` : html ``}
-    `;
-    }
-};
-EmptyNote.styles = css `
-    :host {
-      display: block;
-      text-align: center;
-    }
-
-    md-icon {
-      font: var(--oops-note-icon-font);
-      color: var(--oops-note-icon-color);
-      border: var(--oops-note-icon-border);
-      border-radius: var(--oops-note-icon-border-radius);
-      padding: var(--oops-note-icon-padding);
-    }
-
-    [titler] {
-      margin: var(--oops-note-title-margin);
-      font: var(--oops-note-title-font);
-      color: var(--oops-note-title-color);
-      text-transform: capitalize;
-    }
-
-    [description] {
-      font: var(--oops-note-description-font);
-      color: var(--oops-note-description-color);
-    }
-  `;
-__decorate([
-    property()
-], EmptyNote.prototype, "icon", void 0);
-__decorate([
-    property()
-], EmptyNote.prototype, "title", void 0);
-__decorate([
-    property()
-], EmptyNote.prototype, "description", void 0);
-EmptyNote = __decorate([
-    customElement('ox-empty-note')
-], EmptyNote);
-export { EmptyNote };
+/*
+ * ox-empty-note moved to @operato/list-state. This path stays so `@operato/data-grist/ox-empty-note.js`
+ * keeps working: it is one element re-exported, not a second copy.
+ */
+export * from '@operato/list-state/ox-empty-note.js';
 //# sourceMappingURL=empty-note.js.map

package/dist/src/empty-note.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-note.js","sourceRoot":"","sources":["../../src/empty-note.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAGpD,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAgCvC,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,YAAY,IAAI,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE;oBAC9C,IAAI,CAAC,KAAK;QACtB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,oBAAoB,IAAI,CAAC,WAAW,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE;KAC/E,CAAA;IACH,CAAC;;AArCM,gBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBlB,AAzBY,CAyBZ;AAEW;IAAX,QAAQ,EAAE;uCAAc;AACb;IAAX,QAAQ,EAAE;wCAAe;AACd;IAAX,QAAQ,EAAE;8CAAqB;AA9BrB,SAAS;IADrB,aAAa,CAAC,eAAe,CAAC;GAClB,SAAS,CAuCrB","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { LitElement, css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('ox-empty-note')\nexport class EmptyNote extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      text-align: center;\n    }\n\n    md-icon {\n      font: var(--oops-note-icon-font);\n      color: var(--oops-note-icon-color);\n      border: var(--oops-note-icon-border);\n      border-radius: var(--oops-note-icon-border-radius);\n      padding: var(--oops-note-icon-padding);\n    }\n\n    [titler] {\n      margin: var(--oops-note-title-margin);\n      font: var(--oops-note-title-font);\n      color: var(--oops-note-title-color);\n      text-transform: capitalize;\n    }\n\n    [description] {\n      font: var(--oops-note-description-font);\n      color: var(--oops-note-description-color);\n    }\n  `\n\n  @property() icon?: string\n  @property() title!: string\n  @property() description?: string\n\n  render() {\n    return html`\n      ${this.icon ? html`<md-icon>${this.icon}</md-icon>` : html``}\n      <div titler>${this.title}</div>\n      ${this.description ? html`<div description>${this.description}</div>` : html``}\n    `\n  }\n}\n"]}
+{"version":3,"file":"empty-note.js","sourceRoot":"","sources":["../../src/empty-note.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,cAAc,sCAAsC,CAAA","sourcesContent":["/*\n * ox-empty-note moved to @operato/list-state. This path stays so `@operato/data-grist/ox-empty-note.js`\n * keeps working: it is one element re-exported, not a second copy.\n */\nexport * from '@operato/list-state/ox-empty-note.js'\n"]}

package/dist/src/filters/filter-styles.js

@@ -1,4 +1,5 @@
 import { css } from 'lit';
+import { formElementHeight } from '@operato/styles/form-element-heights.js';
 export const FilterStyles = css `
   :host {
     --ox-filters-input-placeholder-color: var(--input-placeholder-color, var(--md-sys-color-on-surface));
@@ -39,6 +40,15 @@ export const FilterStyles = css `
     padding: var(--ox-filters-input-padding);
   }
 
+  /* A grid filter bar is a dense row: its inputs take the small input height. */
+  ox-select,
+  ox-input-search,
+  input:not([type='checkbox']):not([type='radio']),
+  [filter-input] {
+    box-sizing: border-box;
+    height: ${formElementHeight('--form-element-height-small')};
+  }
+
   ox-select,
   ox-input-search,
   input,

package/dist/src/filters/filter-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-styles.js","sourceRoot":"","sources":["../../../src/filters/filter-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsH9B,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const FilterStyles = css`\n  :host {\n    --ox-filters-input-placeholder-color: var(--input-placeholder-color, var(--md-sys-color-on-surface));\n\n    --ox-filters-input-border: var(--input-border, 1px solid rgba(0, 0, 0, 0.2));\n    --ox-filters-input-focus-border: var(--input-focus-border, 1px solid var(--md-sys-color-outline-variant));\n    --ox-filters-input-font: var(--input-font, normal 14px var(--theme-font));\n    --ox-filters-input-color: var(--input-color, var(--md-sys-color-on-surface));\n    --ox-filters-input-focus-color: var(--input-focus-color, var(--md-sys-color-on-surface-variant));\n    --ox-filters-label-font: var(--label-font, normal 14px var(--theme-font));\n    --ox-filters-label-color: var(--label-color, var(--md-sys-color-on-surface));\n    --ox-filters-input-background-color: transparent;\n\n    --ox-filters-form-gap: var(--input-gap-vertical, 8px) var(--input-gap-horizontal, 16px);\n    --ox-filters-input-padding: var(--spacing-small, 4px);\n\n    --ox-select-padding: var(--ox-filters-input-padding);\n    --ox-checkbox-background-color: var(--ox-filters-input-background-color, transparent);\n  }\n\n  label {\n    color: var(--ox-filters-label-color, var(--md-sys-color-on-primary-container));\n  }\n\n  span {\n    font-weight: var(--md-sys-typescale-label-medium-weight);\n    text-transform: capitalize;\n  }\n\n  input::placeholder {\n    color: var(--ox-filters-input-placeholder-color, var(--md-sys-color-surface-dim));\n    opacity: 0.6;\n  }\n\n  input,\n  ox-input-search,\n  [filter-input] {\n    padding: var(--ox-filters-input-padding);\n  }\n\n  ox-select,\n  ox-input-search,\n  input,\n  [filter-input] {\n    border: none;\n    border-bottom: var(--ox-filters-input-border, var(--md-sys-color-outline));\n    font: var(--ox-filters-input-font);\n    color: var(--ox-filters-input-color, var(--md-sys-color-on-surface));\n    background-color: var(--ox-filters-input-background-color, transparent);\n    vertical-align: middle;\n  }\n\n  ox-select:focus,\n  input:focus,\n  [filter-input]:focus {\n    outline: none;\n    border-bottom: var(--ox-filters-input-focus-border, var(--md-sys-color-outline-variant));\n    color: var(--ox-filters-input-focus-color, var(--md-sys-color-on-surface-variant));\n  }\n\n  ox-select {\n    min-width: 90px;\n    max-width: 170px;\n  }\n\n  ox-input-search {\n    max-width: 150px;\n  }\n\n  input[type='number'] {\n    max-width: 90px;\n  }\n\n  input[type*='date'],\n  input[type*='time'],\n  input[type='week'],\n  input[type='month'] {\n    max-width: 170px;\n  }\n\n  [filter-input] {\n    min-width: 140px;\n    max-width: 170px;\n  }\n\n  @media only screen and (max-width: 460px) {\n    :host {\n      --ox-filters-form-label-font: bold 13px var(--theme-font);\n      --ox-filters-input-font: normal 16px var(--theme-font);\n    }\n\n    ox-input-barcode {\n      max-width: unset;\n      flex: 1;\n    }\n\n    ox-input-search {\n      max-width: unset;\n    }\n\n    ox-select {\n      max-width: unset;\n    }\n\n    ox-checkbox {\n      max-width: unset;\n    }\n\n    input[type='number'] {\n      max-width: unset;\n    }\n\n    input {\n      background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));\n      color: var(--input-field-color, var(--md-sys-color-on-surface));\n      flex: 1;\n    }\n  }\n`\n"]}
+{"version":3,"file":"filter-styles.js","sourceRoot":"","sources":["../../../src/filters/filter-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAA;AAE3E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA8CjB,iBAAiB,CAAC,6BAA6B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiF7D,CAAA","sourcesContent":["import { css } from 'lit'\n\nimport { formElementHeight } from '@operato/styles/form-element-heights.js'\n\nexport const FilterStyles = css`\n  :host {\n    --ox-filters-input-placeholder-color: var(--input-placeholder-color, var(--md-sys-color-on-surface));\n\n    --ox-filters-input-border: var(--input-border, 1px solid rgba(0, 0, 0, 0.2));\n    --ox-filters-input-focus-border: var(--input-focus-border, 1px solid var(--md-sys-color-outline-variant));\n    --ox-filters-input-font: var(--input-font, normal 14px var(--theme-font));\n    --ox-filters-input-color: var(--input-color, var(--md-sys-color-on-surface));\n    --ox-filters-input-focus-color: var(--input-focus-color, var(--md-sys-color-on-surface-variant));\n    --ox-filters-label-font: var(--label-font, normal 14px var(--theme-font));\n    --ox-filters-label-color: var(--label-color, var(--md-sys-color-on-surface));\n    --ox-filters-input-background-color: transparent;\n\n    --ox-filters-form-gap: var(--input-gap-vertical, 8px) var(--input-gap-horizontal, 16px);\n    --ox-filters-input-padding: var(--spacing-small, 4px);\n\n    --ox-select-padding: var(--ox-filters-input-padding);\n    --ox-checkbox-background-color: var(--ox-filters-input-background-color, transparent);\n  }\n\n  label {\n    color: var(--ox-filters-label-color, var(--md-sys-color-on-primary-container));\n  }\n\n  span {\n    font-weight: var(--md-sys-typescale-label-medium-weight);\n    text-transform: capitalize;\n  }\n\n  input::placeholder {\n    color: var(--ox-filters-input-placeholder-color, var(--md-sys-color-surface-dim));\n    opacity: 0.6;\n  }\n\n  input,\n  ox-input-search,\n  [filter-input] {\n    padding: var(--ox-filters-input-padding);\n  }\n\n  /* A grid filter bar is a dense row: its inputs take the small input height. */\n  ox-select,\n  ox-input-search,\n  input:not([type='checkbox']):not([type='radio']),\n  [filter-input] {\n    box-sizing: border-box;\n    height: ${formElementHeight('--form-element-height-small')};\n  }\n\n  ox-select,\n  ox-input-search,\n  input,\n  [filter-input] {\n    border: none;\n    border-bottom: var(--ox-filters-input-border, var(--md-sys-color-outline));\n    font: var(--ox-filters-input-font);\n    color: var(--ox-filters-input-color, var(--md-sys-color-on-surface));\n    background-color: var(--ox-filters-input-background-color, transparent);\n    vertical-align: middle;\n  }\n\n  ox-select:focus,\n  input:focus,\n  [filter-input]:focus {\n    outline: none;\n    border-bottom: var(--ox-filters-input-focus-border, var(--md-sys-color-outline-variant));\n    color: var(--ox-filters-input-focus-color, var(--md-sys-color-on-surface-variant));\n  }\n\n  ox-select {\n    min-width: 90px;\n    max-width: 170px;\n  }\n\n  ox-input-search {\n    max-width: 150px;\n  }\n\n  input[type='number'] {\n    max-width: 90px;\n  }\n\n  input[type*='date'],\n  input[type*='time'],\n  input[type='week'],\n  input[type='month'] {\n    max-width: 170px;\n  }\n\n  [filter-input] {\n    min-width: 140px;\n    max-width: 170px;\n  }\n\n  @media only screen and (max-width: 460px) {\n    :host {\n      --ox-filters-form-label-font: bold 13px var(--theme-font);\n      --ox-filters-input-font: normal 16px var(--theme-font);\n    }\n\n    ox-input-barcode {\n      max-width: unset;\n      flex: 1;\n    }\n\n    ox-input-search {\n      max-width: unset;\n    }\n\n    ox-select {\n      max-width: unset;\n    }\n\n    ox-checkbox {\n      max-width: unset;\n    }\n\n    input[type='number'] {\n      max-width: unset;\n    }\n\n    input {\n      background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));\n      color: var(--input-field-color, var(--md-sys-color-on-surface));\n      flex: 1;\n    }\n  }\n`\n"]}

package/dist/src/filters/filters-form.js

@@ -139,7 +139,8 @@ let OxFiltersForm = class OxFiltersForm extends LitElement {
                 e.stopPropagation();
                 e.preventDefault();
                 const grist = this.closest('ox-grist');
-                grist && grist.fetch();
+                /* fetchFailed has already drawn a failure on the grid; this only stops an unhandled rejection. */
+                grist && grist.fetch().catch(() => { });
             }}
           >
             ${this.filterColumns