@operato/data-grist 9.0.0-beta.62 → 9.0.0-beta.64

package/dist/src/editors/registry.js

@@ -0,0 +1,73 @@
+import { OxGristEditorCheckbox } from './ox-grist-editor-checkbox.js';
+import { OxGristEditorColor } from './ox-grist-editor-color.js';
+import { OxGristEditorDate } from './ox-grist-editor-date.js';
+import { OxGristEditorDateTime } from './ox-grist-editor-datetime.js';
+import { OxGristEditorEmail } from './ox-grist-editor-email.js';
+import { OxGristEditorFile } from './ox-grist-editor-file.js';
+import { OxGristEditorImage } from './ox-grist-editor-image.js';
+import { OxGristEditorMonth } from './ox-grist-editor-month.js';
+import { OxGristEditorMultipleSelect } from './ox-grist-editor-multiple-select.js';
+import { OxGristEditorNumber } from './ox-grist-editor-number.js';
+import { OxGristEditorPassword } from './ox-grist-editor-password.js';
+import { OxGristEditorSelect } from './ox-grist-editor-select.js';
+import { OxGristEditorTel } from './ox-grist-editor-tel.js';
+import { OxGristEditorText } from './ox-grist-editor-text.js';
+import { OxGristEditorTextarea } from './ox-grist-editor-textarea.js';
+import { OxGristEditorTime } from './ox-grist-editor-time.js';
+import { OxGristEditorTree } from './ox-grist-editor-tree.js';
+import { OxGristEditorWeek } from './ox-grist-editor-week.js';
+import { OxGristEditorVarname } from './ox-grist-editor-varname.js';
+import { OxGristEditorJson5 } from './ox-grist-editor-json5.js';
+var EDITORS = {
+    string: OxGristEditorText,
+    text: OxGristEditorText,
+    textarea: OxGristEditorTextarea,
+    email: OxGristEditorEmail,
+    tel: OxGristEditorTel,
+    password: OxGristEditorPassword,
+    integer: OxGristEditorNumber,
+    float: OxGristEditorNumber,
+    number: OxGristEditorNumber,
+    select: OxGristEditorSelect,
+    boolean: OxGristEditorCheckbox,
+    checkbox: OxGristEditorCheckbox,
+    month: OxGristEditorMonth,
+    week: OxGristEditorWeek,
+    date: OxGristEditorDate,
+    time: OxGristEditorTime,
+    datetime: OxGristEditorDateTime,
+    color: OxGristEditorColor,
+    progress: OxGristEditorNumber,
+    link: OxGristEditorText,
+    image: OxGristEditorImage,
+    file: OxGristEditorFile,
+    'string[]': OxGristEditorMultipleSelect,
+    tree: OxGristEditorTree,
+    varname: OxGristEditorVarname,
+    json5: OxGristEditorJson5
+};
+export function registerEditor(type, editor) {
+    EDITORS[type] = editor;
+}
+export function unregisterEditor(type) {
+    delete EDITORS[type];
+}
+export function getEditors() {
+    return { ...EDITORS };
+}
+export function getEditor(type) {
+    if (typeof type == 'function') {
+        return type;
+    }
+    return function (value, column, record, rowIndex, field) {
+        var clazz = EDITORS[type || 'text'] || OxGristEditorText;
+        var element = new clazz();
+        element.value = value;
+        element.record = record;
+        element.column = column;
+        element.row = rowIndex;
+        element.field = field;
+        return element;
+    };
+}
+//# sourceMappingURL=registry.js.map

package/dist/src/editors/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../../src/editors/registry.ts"],"names":[],"mappings":"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","sourcesContent":["import { DataGridField } from '../data-grid/data-grid-field.js'\nimport { ColumnConfig, FieldEditor, GristRecord } from '../types.js'\nimport { OxGristEditor } from './ox-grist-editor.js'\nimport { OxGristEditorCheckbox } from './ox-grist-editor-checkbox.js'\nimport { OxGristEditorColor } from './ox-grist-editor-color.js'\nimport { OxGristEditorDate } from './ox-grist-editor-date.js'\nimport { OxGristEditorDateTime } from './ox-grist-editor-datetime.js'\nimport { OxGristEditorEmail } from './ox-grist-editor-email.js'\nimport { OxGristEditorFile } from './ox-grist-editor-file.js'\nimport { OxGristEditorImage } from './ox-grist-editor-image.js'\nimport { OxGristEditorMonth } from './ox-grist-editor-month.js'\nimport { OxGristEditorMultipleSelect } from './ox-grist-editor-multiple-select.js'\nimport { OxGristEditorNumber } from './ox-grist-editor-number.js'\nimport { OxGristEditorPassword } from './ox-grist-editor-password.js'\nimport { OxGristEditorSelect } from './ox-grist-editor-select.js'\nimport { OxGristEditorTel } from './ox-grist-editor-tel.js'\nimport { OxGristEditorText } from './ox-grist-editor-text.js'\nimport { OxGristEditorTextarea } from './ox-grist-editor-textarea.js'\nimport { OxGristEditorTime } from './ox-grist-editor-time.js'\nimport { OxGristEditorTree } from './ox-grist-editor-tree.js'\nimport { OxGristEditorWeek } from './ox-grist-editor-week.js'\nimport { OxGristEditorVarname } from './ox-grist-editor-varname.js'\nimport { OxGristEditorJson5 } from './ox-grist-editor-json5.js'\n\nvar EDITORS: { [name: string]: { new (): OxGristEditor } } = {\n  string: OxGristEditorText,\n  text: OxGristEditorText,\n  textarea: OxGristEditorTextarea,\n  email: OxGristEditorEmail,\n  tel: OxGristEditorTel,\n  password: OxGristEditorPassword,\n  integer: OxGristEditorNumber,\n  float: OxGristEditorNumber,\n  number: OxGristEditorNumber,\n  select: OxGristEditorSelect,\n  boolean: OxGristEditorCheckbox,\n  checkbox: OxGristEditorCheckbox,\n  month: OxGristEditorMonth,\n  week: OxGristEditorWeek,\n  date: OxGristEditorDate,\n  time: OxGristEditorTime,\n  datetime: OxGristEditorDateTime,\n  color: OxGristEditorColor,\n  progress: OxGristEditorNumber,\n  link: OxGristEditorText,\n  image: OxGristEditorImage,\n  file: OxGristEditorFile,\n  'string[]': OxGristEditorMultipleSelect,\n  tree: OxGristEditorTree,\n  varname: OxGristEditorVarname,\n  json5: OxGristEditorJson5\n}\n\nexport function registerEditor(type: string, editor: { new (): OxGristEditor }) {\n  EDITORS[type] = editor\n}\n\nexport function unregisterEditor(type: string) {\n  delete EDITORS[type]\n}\n\nexport function getEditors(): { [name: string]: { new (): OxGristEditor } } {\n  return { ...EDITORS }\n}\n\nexport function getEditor(type: string): FieldEditor {\n  if (typeof type == 'function') {\n    return type\n  }\n\n  return function (value: any, column: ColumnConfig, record: GristRecord, rowIndex: number, field: DataGridField) {\n    var clazz = EDITORS[type || 'text'] || OxGristEditorText\n\n    var element = new clazz()\n\n    element.value = value\n    element.record = record\n    element.column = column\n    element.row = rowIndex\n    element.field = field\n\n    return element\n  }\n}\n"]}

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

@@ -0,0 +1,9 @@
+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>;
+}

package/dist/src/empty-note.js

@@ -0,0 +1,53 @@
+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 };
+//# sourceMappingURL=empty-note.js.map

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

@@ -0,0 +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"]}

package/dist/src/filters/filter-checkbox.d.ts

@@ -0,0 +1,3 @@
+import '@operato/input/ox-checkbox.js';
+import { FilterSelectRenderer } from '../types.js';
+export declare const FilterCheckbox: FilterSelectRenderer;

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

@@ -0,0 +1,41 @@
+import '@operato/input/ox-checkbox.js';
+import { html } from 'lit-html';
+export const FilterCheckbox = (column, value, owner) => {
+    const { name, header, label, filter } = column;
+    const { label: filterLabel, operator } = filter;
+    const labelText = filterLabel !== undefined
+        ? filterLabel
+        : typeof label === 'object' && label.renderer
+            ? label.renderer(column)
+            : header.renderer(column) || name;
+    // 텍스트 형태로 받았을시 의도가 boolean이면 boolean 타입으로 변환
+    if (value === 'false') {
+        value = false;
+    }
+    else if (value === 'true') {
+        value = true;
+    }
+    return html `
+    <ox-checkbox
+      name=${column.name}
+      ?checked=${value}
+      indeterminatable
+      ?indeterminate=${value === undefined}
+      left-label
+      @change=${(e) => {
+        ;
+        e.target.dispatchEvent(new CustomEvent('filter-change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                name,
+                operator,
+                value: e.target.checked
+            }
+        }));
+    }}
+      ><label filter-title><span>${labelText}</span></label></ox-checkbox
+    >
+  `;
+};
+//# sourceMappingURL=filter-checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-checkbox.js","sourceRoot":"","sources":["../../../src/filters/filter-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,+BAA+B,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAI/B,MAAM,CAAC,MAAM,cAAc,GAAyB,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IAC3E,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IAE9C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,MAA6B,CAAA;IAEtE,MAAM,SAAS,GACb,WAAW,KAAK,SAAS;QACvB,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,QAAQ;YAC3C,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;YACxB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAA;IAEvC,6CAA6C;IAC7C,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;QACtB,KAAK,GAAG,KAAK,CAAC;IAChB,CAAC;SAAM,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QAC5B,KAAK,GAAG,IAAI,CAAC;IACf,CAAC;IAED,OAAO,IAAI,CAAA;;aAEA,MAAM,CAAC,IAAI;iBACP,KAAK;;uBAEC,KAAK,KAAK,SAAS;;gBAE1B,CAAC,CAAc,EAAE,EAAE;QAC3B,CAAC;QAAC,CAAC,CAAC,MAAsB,CAAC,aAAa,CACtC,IAAI,WAAW,CAAC,eAAe,EAAE;YAC/B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,IAAI;gBACJ,QAAQ;gBACR,KAAK,EAAG,CAAC,CAAC,MAAqD,CAAC,OAAO;aACxE;SACF,CAAC,CACH,CAAA;IACH,CAAC;mCAC4B,SAAS;;GAEzC,CAAA;AACH,CAAC,CAAA","sourcesContent":["import '@operato/input/ox-checkbox.js'\n\nimport { html } from 'lit-html'\n\nimport { FilterConfigObject, FilterSelectRenderer } from '../types.js'\n\nexport const FilterCheckbox: FilterSelectRenderer = (column, value, owner) => {\n  const { name, header, label, filter } = column\n\n  const { label: filterLabel, operator } = filter! as FilterConfigObject\n\n  const labelText =\n    filterLabel !== undefined\n      ? filterLabel\n      : typeof label === 'object' && label.renderer\n        ? label.renderer(column)\n        : header.renderer(column) || name\n\n  // 텍스트 형태로 받았을시 의도가 boolean이면 boolean 타입으로 변환\n  if (value === 'false') {\n    value = false;\n  } else if (value === 'true') {\n    value = true;\n  }\n\n  return html`\n    <ox-checkbox\n      name=${column.name}\n      ?checked=${value}\n      indeterminatable\n      ?indeterminate=${value === undefined}\n      left-label\n      @change=${(e: CustomEvent) => {\n        ;(e.target as HTMLElement).dispatchEvent(\n          new CustomEvent('filter-change', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              name,\n              operator,\n              value: (e.target as Element & { checked: boolean | undefined }).checked\n            }\n          })\n        )\n      }}\n      ><label filter-title><span>${labelText}</span></label></ox-checkbox\n    >\n  `\n}\n"]}

package/dist/src/filters/filter-input-barcode.d.ts

@@ -0,0 +1,3 @@
+import '@operato/input/ox-input-barcode.js';
+import { FilterSelectRenderer } from '../types.js';
+export declare const FilterInputBarcode: FilterSelectRenderer;

package/dist/src/filters/filter-input-barcode.js

@@ -0,0 +1,28 @@
+import '@operato/input/ox-input-barcode.js';
+import { html } from 'lit-html';
+export const FilterInputBarcode = (column, value, owner) => {
+    const filter = column.filter;
+    const { englishOnly, selectAfterChange } = filter.options || {};
+    return html `
+    <ox-input-barcode
+      name=${column.name}
+      ?english-only=${englishOnly}
+      ?select-after-change=${selectAfterChange}
+      .value=${value == null ? '' : value}
+      @change=${(e) => {
+        const input = e.target;
+        input.dispatchEvent(new CustomEvent('filter-change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                name: column.name,
+                operator: filter.operator,
+                value: input.value
+            }
+        }));
+    }}
+      filter-input
+    ></ox-input-barcode>
+  `;
+};
+//# sourceMappingURL=filter-input-barcode.js.map

package/dist/src/filters/filter-input-barcode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-input-barcode.js","sourceRoot":"","sources":["../../../src/filters/filter-input-barcode.ts"],"names":[],"mappings":"AAAA,OAAO,oCAAoC,CAAA;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAI/B,MAAM,CAAC,MAAM,kBAAkB,GAAyB,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IAC/E,MAAM,MAAM,GAAG,MAAM,CAAC,MAA4B,CAAA;IAClD,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;IAE/D,OAAO,IAAI,CAAA;;aAEA,MAAM,CAAC,IAAI;sBACF,WAAW;6BACJ,iBAAiB;eAC/B,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;gBACzB,CAAC,CAAc,EAAE,EAAE;QAC3B,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAA;QAC1C,KAAK,CAAC,aAAa,CACjB,IAAI,WAAW,CAAC,eAAe,EAAE;YAC/B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,KAAK,EAAE,KAAK,CAAC,KAAK;aACnB;SACF,CAAC,CACH,CAAA;IACH,CAAC;;;GAGJ,CAAA;AACH,CAAC,CAAA","sourcesContent":["import '@operato/input/ox-input-barcode.js'\n\nimport { html } from 'lit-html'\n\nimport { FilterConfigObject, FilterSelectRenderer } from '../types.js'\n\nexport const FilterInputBarcode: FilterSelectRenderer = (column, value, owner) => {\n  const filter = column.filter as FilterConfigObject\n  const { englishOnly, selectAfterChange } = filter.options || {}\n\n  return html`\n    <ox-input-barcode\n      name=${column.name}\n      ?english-only=${englishOnly}\n      ?select-after-change=${selectAfterChange}\n      .value=${value == null ? '' : value}\n      @change=${(e: CustomEvent) => {\n        const input = e.target as HTMLInputElement\n        input.dispatchEvent(\n          new CustomEvent('filter-change', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              name: column.name,\n              operator: filter.operator,\n              value: input.value\n            }\n          })\n        )\n      }}\n      filter-input\n    ></ox-input-barcode>\n  `\n}\n"]}

package/dist/src/filters/filter-input.d.ts

@@ -0,0 +1,2 @@
+import { FilterSelectRenderer } from '../types.js';
+export declare const FilterInput: FilterSelectRenderer;

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

@@ -0,0 +1,25 @@
+import { html } from 'lit-html';
+export const FilterInput = (column, value, owner) => {
+    const filter = column.filter;
+    const type = (filter === null || filter === void 0 ? void 0 : filter.type) || column.type;
+    return html `
+    <input
+      type=${type}
+      name=${column.name}
+      .value=${value == null ? '' : value}
+      @change=${(e) => {
+        const input = e.target;
+        input.dispatchEvent(new CustomEvent('filter-change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                name: column.name,
+                operator: filter.operator,
+                value: input.value
+            }
+        }));
+    }}
+    />
+  `;
+};
+//# sourceMappingURL=filter-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-input.js","sourceRoot":"","sources":["../../../src/filters/filter-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAI/B,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IACxE,MAAM,MAAM,GAAG,MAAM,CAAC,MAA4B,CAAA;IAClD,MAAM,IAAI,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,MAAM,CAAC,IAAI,CAAA;IAExC,OAAO,IAAI,CAAA;;aAEA,IAAW;aACX,MAAM,CAAC,IAAI;eACT,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;gBACzB,CAAC,CAAc,EAAE,EAAE;QAC3B,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAA;QAC1C,KAAK,CAAC,aAAa,CACjB,IAAI,WAAW,CAAC,eAAe,EAAE;YAC/B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,KAAK,EAAE,KAAK,CAAC,KAAK;aACnB;SACF,CAAC,CACH,CAAA;IACH,CAAC;;GAEJ,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { html } from 'lit-html'\n\nimport { FilterConfigObject, FilterSelectRenderer } from '../types.js'\n\nexport const FilterInput: FilterSelectRenderer = (column, value, owner) => {\n  const filter = column.filter as FilterConfigObject\n  const type = filter?.type || column.type\n\n  return html`\n    <input\n      type=${type as any}\n      name=${column.name}\n      .value=${value == null ? '' : value}\n      @change=${(e: CustomEvent) => {\n        const input = e.target as HTMLInputElement\n        input.dispatchEvent(\n          new CustomEvent('filter-change', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              name: column.name,\n              operator: filter.operator,\n              value: input.value\n            }\n          })\n        )\n      }}\n    />\n  `\n}\n"]}

package/dist/src/filters/filter-range-date.d.ts

@@ -0,0 +1,2 @@
+import { FilterSelectRenderer } from '../types.js';
+export declare const FilterRangeDate: FilterSelectRenderer;

package/dist/src/filters/filter-range-date.js

@@ -0,0 +1,66 @@
+import { html } from 'lit-html';
+function formatDate(type, date) {
+    var year = date.getFullYear();
+    var month = ('0' + (date.getMonth() + 1)).slice(-2);
+    var day = ('0' + date.getDate()).slice(-2);
+    var hours = ('0' + date.getHours()).slice(-2);
+    var minutes = ('0' + date.getMinutes()).slice(-2);
+    var formatDate = year + '-' + month + '-' + day;
+    return type == 'date' ? formatDate : formatDate + 'T' + hours + ':' + minutes;
+}
+export const FilterRangeDate = (column, value, owner) => {
+    const filter = column.filter;
+    var [from, to] = value instanceof Array ? value : [];
+    var type = (filter === null || filter === void 0 ? void 0 : filter.type) || column.type;
+    if (type === 'datetime') {
+        type = 'datetime-local';
+    }
+    from = formatDate(type, new Date(from));
+    to = formatDate(type, new Date(to));
+    return html `
+    <input
+      name=${column.name}
+      type=${type}
+      .value=${from}
+      from
+      @keyup=${(e) => {
+        if (e.key !== 'Enter') {
+            return;
+        }
+        ;
+        e.target.dispatchEvent(new CustomEvent('filter-change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                name: column.name,
+                operator: filter.operator,
+                value: Array.from(e.target.parentElement.querySelectorAll('input[from], input[to]')).map(input => input.value)
+            }
+        }));
+    }}
+    />
+    ~
+    <input
+      name=${column.name}
+      type=${type}
+      .value=${to}
+      to
+      @keyup=${(e) => {
+        if (e.key !== 'Enter') {
+            return;
+        }
+        ;
+        e.target.dispatchEvent(new CustomEvent('filter-change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                name: column.name,
+                operator: filter.operator,
+                value: Array.from(e.target.parentElement.querySelectorAll('input[from], input[to]')).map(input => input.value)
+            }
+        }));
+    }}
+    />
+  `;
+};
+//# sourceMappingURL=filter-range-date.js.map

package/dist/src/filters/filter-range-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-range-date.js","sourceRoot":"","sources":["../../../src/filters/filter-range-date.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit-html'\n\nimport { FilterConfigObject, FilterSelectRenderer } from '../types.js'\n\nfunction formatDate(type: string, date: Date) {\n  var year = date.getFullYear()\n  var month = ('0' + (date.getMonth() + 1)).slice(-2)\n  var day = ('0' + date.getDate()).slice(-2)\n  var hours = ('0' + date.getHours()).slice(-2)\n  var minutes = ('0' + date.getMinutes()).slice(-2)\n\n  var formatDate = year + '-' + month + '-' + day\n\n  return type == 'date' ? formatDate : formatDate + 'T' + hours + ':' + minutes\n}\n\nexport const FilterRangeDate: FilterSelectRenderer = (column, value, owner) => {\n  const filter = column.filter as FilterConfigObject\n\n  var [from, to] = value instanceof Array ? value : []\n\n  var type: any = filter?.type || column.type\n  if (type === 'datetime') {\n    type = 'datetime-local'\n  }\n\n  from = formatDate(type, new Date(from))\n  to = formatDate(type, new Date(to))\n\n  return html`\n    <input\n      name=${column.name}\n      type=${type}\n      .value=${from}\n      from\n      @keyup=${(e: KeyboardEvent) => {\n        if (e.key !== 'Enter') {\n          return\n        }\n        ;(e.target as HTMLElement).dispatchEvent(\n          new CustomEvent('filter-change', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              name: column.name,\n              operator: filter.operator,\n              value: Array.from(\n                (e.target as HTMLElement).parentElement!.querySelectorAll('input[from], input[to]')\n              ).map(input => (input as HTMLInputElement).value)\n            }\n          })\n        )\n      }}\n    />\n    ~\n    <input\n      name=${column.name}\n      type=${type}\n      .value=${to}\n      to\n      @keyup=${(e: KeyboardEvent) => {\n        if (e.key !== 'Enter') {\n          return\n        }\n        ;(e.target as HTMLElement).dispatchEvent(\n          new CustomEvent('filter-change', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              name: column.name,\n              operator: filter.operator,\n              value: Array.from(\n                (e.target as HTMLElement).parentElement!.querySelectorAll('input[from], input[to]')\n              ).map(input => (input as HTMLInputElement).value)\n            }\n          })\n        )\n      }}\n    />\n  `\n}\n"]}

package/dist/src/filters/filter-range-number.d.ts

@@ -0,0 +1,2 @@
+import { FilterSelectRenderer } from '../types.js';
+export declare const FilterRangeNumber: FilterSelectRenderer;

package/dist/src/filters/filter-range-number.js

@@ -0,0 +1,54 @@
+import { html } from 'lit-html';
+export const FilterRangeNumber = (column, value, owner) => {
+    const filter = column.filter;
+    const type = (filter === null || filter === void 0 ? void 0 : filter.type) || column.type;
+    const [from, to] = value instanceof Array ? value : [];
+    return html `
+    <input
+      name=${column.name}
+      type="number"
+      placeholder="minimum"
+      .value=${from}
+      from
+      @keyup=${(e) => {
+        if (e.key !== 'Enter') {
+            return;
+        }
+        ;
+        e.target.dispatchEvent(new CustomEvent('filter-change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                name: column.name,
+                operator: filter.operator,
+                value: Array.from(e.target.parentElement.querySelectorAll('input[from], input[to]')).map(input => input.value)
+            }
+        }));
+    }}
+    />
+    ~
+    <input
+      name=${column.name}
+      type="number"
+      placeholder="maximum"
+      .value=${to}
+      to
+      @keyup=${(e) => {
+        if (e.key !== 'Enter') {
+            return;
+        }
+        ;
+        e.target.dispatchEvent(new CustomEvent('filter-change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                name: column.name,
+                operator: filter.operator,
+                value: Array.from(e.target.parentElement.querySelectorAll('input[from], input[to]')).map(input => input.value)
+            }
+        }));
+    }}
+    />
+  `;
+};
+//# sourceMappingURL=filter-range-number.js.map

package/dist/src/filters/filter-range-number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-range-number.js","sourceRoot":"","sources":["../../../src/filters/filter-range-number.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAI/B,MAAM,CAAC,MAAM,iBAAiB,GAAyB,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IAC9E,MAAM,MAAM,GAAG,MAAM,CAAC,MAA4B,CAAA;IAClD,MAAM,IAAI,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,MAAM,CAAC,IAAI,CAAA;IAExC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtD,OAAO,IAAI,CAAA;;aAEA,MAAM,CAAC,IAAI;;;eAGT,IAAI;;eAEJ,CAAC,CAAgB,EAAE,EAAE;QAC5B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,OAAM;QACR,CAAC;QACD,CAAC;QAAC,CAAC,CAAC,MAAsB,CAAC,aAAa,CACtC,IAAI,WAAW,CAAC,eAAe,EAAE;YAC/B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,KAAK,EAAE,KAAK,CAAC,IAAI,CACd,CAAC,CAAC,MAAsB,CAAC,aAAc,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CACpF,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAE,KAA0B,CAAC,KAAK,CAAC;aAClD;SACF,CAAC,CACH,CAAA;IACH,CAAC;;;;aAIM,MAAM,CAAC,IAAI;;;eAGT,EAAE;;eAEF,CAAC,CAAgB,EAAE,EAAE;QAC5B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,OAAM;QACR,CAAC;QACD,CAAC;QAAC,CAAC,CAAC,MAAsB,CAAC,aAAa,CACtC,IAAI,WAAW,CAAC,eAAe,EAAE;YAC/B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,KAAK,EAAE,KAAK,CAAC,IAAI,CACd,CAAC,CAAC,MAAsB,CAAC,aAAc,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CACpF,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAE,KAA0B,CAAC,KAAK,CAAC;aAClD;SACF,CAAC,CACH,CAAA;IACH,CAAC;;GAEJ,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { html } from 'lit-html'\n\nimport { FilterConfigObject, FilterSelectRenderer } from '../types.js'\n\nexport const FilterRangeNumber: FilterSelectRenderer = (column, value, owner) => {\n  const filter = column.filter as FilterConfigObject\n  const type = filter?.type || column.type\n\n  const [from, to] = value instanceof Array ? value : []\n\n  return html`\n    <input\n      name=${column.name}\n      type=\"number\"\n      placeholder=\"minimum\"\n      .value=${from}\n      from\n      @keyup=${(e: KeyboardEvent) => {\n        if (e.key !== 'Enter') {\n          return\n        }\n        ;(e.target as HTMLElement).dispatchEvent(\n          new CustomEvent('filter-change', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              name: column.name,\n              operator: filter.operator,\n              value: Array.from(\n                (e.target as HTMLElement).parentElement!.querySelectorAll('input[from], input[to]')\n              ).map(input => (input as HTMLInputElement).value)\n            }\n          })\n        )\n      }}\n    />\n    ~\n    <input\n      name=${column.name}\n      type=\"number\"\n      placeholder=\"maximum\"\n      .value=${to}\n      to\n      @keyup=${(e: KeyboardEvent) => {\n        if (e.key !== 'Enter') {\n          return\n        }\n        ;(e.target as HTMLElement).dispatchEvent(\n          new CustomEvent('filter-change', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              name: column.name,\n              operator: filter.operator,\n              value: Array.from(\n                (e.target as HTMLElement).parentElement!.querySelectorAll('input[from], input[to]')\n              ).map(input => (input as HTMLInputElement).value)\n            }\n          })\n        )\n      }}\n    />\n  `\n}\n"]}

package/dist/src/filters/filter-select-buttons.d.ts

@@ -0,0 +1,3 @@
+import '@operato/input/ox-input-select-buttons.js';
+import { FilterSelectRenderer } from '../types.js';
+export declare const FilterSelectButtons: FilterSelectRenderer;

package/dist/src/filters/filter-select-buttons.js

@@ -0,0 +1,50 @@
+import '@operato/input/ox-input-select-buttons.js';
+import { html } from 'lit-html';
+export const FilterSelectButtons = (column, value, owner) => {
+    const filter = column.filter;
+    const operator = filter === null || filter === void 0 ? void 0 : filter.operator;
+    var options = (filter === null || filter === void 0 ? void 0 : filter.options) || column.record.options || [];
+    if (typeof options === 'function') {
+        if (!(filter === null || filter === void 0 ? void 0 : filter.options)) {
+            console.warn('ox-grist의 column.filter 속성에서는 column.record.options의 함수형 options을 사용할 수 없으므로, filter 속성에서 재지정해야한다.');
+        }
+        options = options.call(column, owner);
+    }
+    options = options.map((option) => {
+        switch (typeof option) {
+            case 'string':
+                return {
+                    display: option,
+                    value: option
+                };
+            case 'object':
+                return {
+                    display: option.display,
+                    value: option.value
+                };
+            default:
+                return option;
+        }
+    });
+    return html `
+    <ox-input-select-buttons
+      name=${column.name}
+      .value=${value}
+      .options=${options}
+      ?multiple=${operator === 'in'}
+      @change=${(e) => {
+        ;
+        e.target.dispatchEvent(new CustomEvent('filter-change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                name: column.name,
+                operator: filter.operator,
+                value: e.target.value
+            }
+        }));
+    }}
+    ></ox-input-select-buttons>
+  `;
+};
+//# sourceMappingURL=filter-select-buttons.js.map

package/dist/src/filters/filter-select-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-select-buttons.js","sourceRoot":"","sources":["../../../src/filters/filter-select-buttons.ts"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAA;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAI/B,MAAM,CAAC,MAAM,mBAAmB,GAAyB,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IAChF,MAAM,MAAM,GAAG,MAAM,CAAC,MAA4B,CAAA;IAClD,MAAM,QAAQ,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAA;IAEjC,IAAI,OAAO,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,KAAI,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;IAE5D,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;QAClC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAA,EAAE,CAAC;YACrB,OAAO,CAAC,IAAI,CACV,oGAAoG,CACrG,CAAA;QACH,CAAC;QACD,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IACvC,CAAC;IAED,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,EAAE;QACpC,QAAQ,OAAO,MAAM,EAAE,CAAC;YACtB,KAAK,QAAQ;gBACX,OAAO;oBACL,OAAO,EAAE,MAAM;oBACf,KAAK,EAAE,MAAM;iBACd,CAAA;YACH,KAAK,QAAQ;gBACX,OAAO;oBACL,OAAO,EAAE,MAAM,CAAC,OAAO;oBACvB,KAAK,EAAE,MAAM,CAAC,KAAK;iBACpB,CAAA;YACH;gBACE,OAAO,MAAM,CAAA;QACjB,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,IAAI,CAAA;;aAEA,MAAM,CAAC,IAAI;eACT,KAAK;iBACH,OAAO;kBACN,QAAQ,KAAK,IAAI;gBACnB,CAAC,CAAc,EAAE,EAAE;QAC3B,CAAC;QAAC,CAAC,CAAC,MAAsB,CAAC,aAAa,CACtC,IAAI,WAAW,CAAC,eAAe,EAAE;YAC/B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,KAAK,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK;aAC5C;SACF,CAAC,CACH,CAAA;IACH,CAAC;;GAEJ,CAAA;AACH,CAAC,CAAA","sourcesContent":["import '@operato/input/ox-input-select-buttons.js'\n\nimport { html } from 'lit-html'\n\nimport { FilterConfigObject, FilterSelectRenderer } from '../types.js'\n\nexport const FilterSelectButtons: FilterSelectRenderer = (column, value, owner) => {\n  const filter = column.filter as FilterConfigObject\n  const operator = filter?.operator\n\n  var options = filter?.options || column.record.options || []\n\n  if (typeof options === 'function') {\n    if (!filter?.options) {\n      console.warn(\n        'ox-grist의 column.filter 속성에서는 column.record.options의 함수형 options을 사용할 수 없으므로, filter 속성에서 재지정해야한다.'\n      )\n    }\n    options = options.call(column, owner)\n  }\n\n  options = options.map((option: any) => {\n    switch (typeof option) {\n      case 'string':\n        return {\n          display: option,\n          value: option\n        }\n      case 'object':\n        return {\n          display: option.display,\n          value: option.value\n        }\n      default:\n        return option\n    }\n  })\n\n  return html`\n    <ox-input-select-buttons\n      name=${column.name}\n      .value=${value}\n      .options=${options}\n      ?multiple=${operator === 'in'}\n      @change=${(e: CustomEvent) => {\n        ;(e.target as HTMLElement).dispatchEvent(\n          new CustomEvent('filter-change', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              name: column.name,\n              operator: filter.operator,\n              value: (e.target as HTMLInputElement).value\n            }\n          })\n        )\n      }}\n    ></ox-input-select-buttons>\n  `\n}\n"]}

package/dist/src/filters/filter-select.d.ts

@@ -0,0 +1,3 @@
+import '@operato/input/ox-checkbox.js';
+import { FilterSelectRenderer } from '../types.js';
+export declare const FilterSelect: FilterSelectRenderer;

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

@@ -0,0 +1,52 @@
+import '@operato/input/ox-checkbox.js';
+import { html } from 'lit';
+import { until } from 'lit/directives/until.js';
+import { OxFiltersForm } from './filters-form.js';
+function buildOptions(options, operator) {
+    const selectOptionObjects = options.map(option => {
+        switch (typeof option) {
+            case 'string':
+                return {
+                    display: option,
+                    value: option
+                };
+            case 'object':
+                return {
+                    display: option.display || option.name,
+                    value: option.value
+                };
+            default:
+                return option;
+        }
+    });
+    return operator === 'in'
+        ? html `
+        ${selectOptionObjects === null || selectOptionObjects === void 0 ? void 0 : selectOptionObjects.filter(option => !!option).map(({ value, display, name }) => html ` <ox-checkbox option value=${value}>${display || name}</ox-checkbox> `)}
+      `
+        : html `
+        ${selectOptionObjects === null || selectOptionObjects === void 0 ? void 0 : selectOptionObjects.map(({ value, display, name }) => html ` <div option value=${value}>${display || name}&nbsp;</div> `)}
+      `;
+}
+export const FilterSelect = (column, value, owner) => {
+    /* value는 filters-form이나 grid-header에서 처리되므로 이 곳에서는 무시한다. */
+    const filter = column.filter;
+    const operator = filter === null || filter === void 0 ? void 0 : filter.operator;
+    const form = owner;
+    var options = (filter === null || filter === void 0 ? void 0 : filter.options) || column.record.options || [];
+    if (typeof options === 'function') {
+        if (!(filter === null || filter === void 0 ? void 0 : filter.options)) {
+            console.warn('ox-grist의 column.filter 속성에서는 column.record.options의 함수형 options을 사용할 수 없으므로, filter 속성에서 재지정해야한다.');
+        }
+        options = options.call(null, value, column, form instanceof OxFiltersForm ? form.getFormObjectValue() : {}, owner);
+        if (options instanceof Promise) {
+            return html `${until(options.then(options => buildOptions(options, operator)))}`;
+        }
+        else {
+            return buildOptions((options || []), operator);
+        }
+    }
+    else {
+        return buildOptions((options || []), operator);
+    }
+};
+//# sourceMappingURL=filter-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-select.js","sourceRoot":"","sources":["../../../src/filters/filter-select.ts"],"names":[],"mappings":"AAAA,OAAO,+BAA+B,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAGjD,SAAS,YAAY,CAAC,OAAuB,EAAE,QAAyB;IACtE,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QAC/C,QAAQ,OAAO,MAAM,EAAE,CAAC;YACtB,KAAK,QAAQ;gBACX,OAAO;oBACL,OAAO,EAAE,MAAM;oBACf,KAAK,EAAE,MAAM;iBACd,CAAA;YACH,KAAK,QAAQ;gBACX,OAAO;oBACL,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI;oBACtC,KAAK,EAAE,MAAM,CAAC,KAAK;iBACpB,CAAA;YACH;gBACE,OAAO,MAAM,CAAA;QACjB,CAAC;IACH,CAAC,CAAyB,CAAA;IAE1B,OAAO,QAAQ,KAAK,IAAI;QACtB,CAAC,CAAC,IAAI,CAAA;UACA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CACjB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAC1B,GAAG,CACF,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA,8BAA8B,KAAK,IAAI,OAAO,IAAI,IAAI,iBAAiB,CAC1G;OACJ;QACH,CAAC,CAAC,IAAI,CAAA;UACA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,GAAG,CACxB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA,sBAAsB,KAAK,IAAI,OAAO,IAAI,IAAI,eAAe,CAChG;OACF,CAAA;AACP,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAyB,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IACzE,4DAA4D;IAC5D,MAAM,MAAM,GAAG,MAAM,CAAC,MAA4B,CAAA;IAClD,MAAM,QAAQ,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAA;IACjC,MAAM,IAAI,GAAG,KAAuC,CAAA;IAEpD,IAAI,OAAO,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,KAAI,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;IAE5D,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;QAClC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAA,EAAE,CAAC;YACrB,OAAO,CAAC,IAAI,CACV,oGAAoG,CACrG,CAAA;QACH,CAAC;QAED,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,YAAY,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;QAElH,IAAI,OAAO,YAAY,OAAO,EAAE,CAAC;YAC/B,OAAO,IAAI,CAAA,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;QACjF,CAAC;aAAM,CAAC;YACN,OAAO,YAAY,CAAC,CAAC,OAAO,IAAI,EAAE,CAAmB,EAAE,QAAQ,CAAC,CAAA;QAClE,CAAC;IACH,CAAC;SAAM,CAAC;QACN,OAAO,YAAY,CAAC,CAAC,OAAO,IAAI,EAAE,CAAmB,EAAE,QAAQ,CAAC,CAAA;IAClE,CAAC;AACH,CAAC,CAAA","sourcesContent":["import '@operato/input/ox-checkbox.js'\n\nimport { html } from 'lit'\nimport { until } from 'lit/directives/until.js'\n\nimport { FilterConfigObject, FilterOperator, FilterSelectRenderer, SelectOption, SelectOptionObject } from '../types.js'\nimport { OxFiltersForm } from './filters-form.js'\nimport { DataGridHeader } from '../data-grid/data-grid-header.js'\n\nfunction buildOptions(options: SelectOption[], operator?: FilterOperator) {\n  const selectOptionObjects = options.map(option => {\n    switch (typeof option) {\n      case 'string':\n        return {\n          display: option,\n          value: option\n        }\n      case 'object':\n        return {\n          display: option.display || option.name,\n          value: option.value\n        }\n      default:\n        return option\n    }\n  }) as SelectOptionObject[]\n\n  return operator === 'in'\n    ? html`\n        ${selectOptionObjects\n          ?.filter(option => !!option)\n          .map(\n            ({ value, display, name }) => html` <ox-checkbox option value=${value}>${display || name}</ox-checkbox> `\n          )}\n      `\n    : html`\n        ${selectOptionObjects?.map(\n          ({ value, display, name }) => html` <div option value=${value}>${display || name}&nbsp;</div> `\n        )}\n      `\n}\n\nexport const FilterSelect: FilterSelectRenderer = (column, value, owner) => {\n  /* value는 filters-form이나 grid-header에서 처리되므로 이 곳에서는 무시한다. */\n  const filter = column.filter as FilterConfigObject\n  const operator = filter?.operator\n  const form = owner as OxFiltersForm | DataGridHeader\n\n  var options = filter?.options || column.record.options || []\n\n  if (typeof options === 'function') {\n    if (!filter?.options) {\n      console.warn(\n        'ox-grist의 column.filter 속성에서는 column.record.options의 함수형 options을 사용할 수 없으므로, filter 속성에서 재지정해야한다.'\n      )\n    }\n\n    options = options.call(null, value, column, form instanceof OxFiltersForm ? form.getFormObjectValue() : {}, owner)\n\n    if (options instanceof Promise) {\n      return html`${until(options.then(options => buildOptions(options, operator)))}`\n    } else {\n      return buildOptions((options || []) as SelectOption[], operator)\n    }\n  } else {\n    return buildOptions((options || []) as SelectOption[], operator)\n  }\n}\n"]}

package/dist/src/filters/filter-styles.d.ts

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