@operato/form 1.0.0-beta.8 → 1.0.1

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

@@ -0,0 +1,26 @@
+import '@operato/input/ox-checkbox.js';
+import { html } from 'lit-html';
+export const FilterCheckbox = (filter, value, owner) => {
+    const { name } = filter;
+    return html `
+    <ox-checkbox
+      name=${name}
+      ?checked=${value}
+      indeterminatable
+      ?indeterminate=${value === undefined}
+      @change=${(e) => {
+        ;
+        e.target.dispatchEvent(new CustomEvent('filter-change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                name: name,
+                operator: filter.operator,
+                value: e.target.checked
+            }
+        }));
+    }}
+    />
+  `;
+};
+//# 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,GAAG,MAAM,CAAA;IAEvB,OAAO,IAAI,CAAA;;aAEA,IAAI;iBACA,KAAK;;uBAEC,KAAK,KAAK,SAAS;gBAC1B,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,IAAI;gBACV,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,KAAK,EAAG,CAAC,CAAC,MAAqD,CAAC,OAAO;aACxE;SACF,CAAC,CACH,CAAA;IACH,CAAC;;GAEJ,CAAA;AACH,CAAC,CAAA","sourcesContent":["import '@operato/input/ox-checkbox.js'\n\nimport { html } from 'lit-html'\n\nimport { FilterSelectRenderer } from './types.js'\n\nexport const FilterCheckbox: FilterSelectRenderer = (filter, value, owner) => {\n  const { name } = filter\n\n  return html`\n    <ox-checkbox\n      name=${name}\n      ?checked=${value}\n      indeterminatable\n      ?indeterminate=${value === undefined}\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: name,\n              operator: filter.operator,\n              value: (e.target as Element & { checked: boolean | undefined }).checked\n            }\n          })\n        )\n      }}\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,27 @@
+import '@operato/input/ox-input-barcode.js';
+import { html } from 'lit-html';
+export const FilterInputBarcode = (filter, value, owner) => {
+    const { name, type } = filter;
+    const { englishOnly, selectAfterChange } = filter.options || {};
+    return html `
+    <ox-input-barcode
+      name=${name}
+      ?english-only=${englishOnly}
+      ?select-after-change=${selectAfterChange}
+      .value=${value === undefined ? '' : value}
+      @change=${(e) => {
+        const input = e.target;
+        input.dispatchEvent(new CustomEvent('filter-change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                name,
+                operator: filter.operator,
+                value: input.value
+            }
+        }));
+    }}
+    />
+  `;
+};
+//# 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,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,MAAM,CAAA;IAC7B,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;IAE/D,OAAO,IAAI,CAAA;;aAEA,IAAI;sBACK,WAAW;6BACJ,iBAAiB;eAC/B,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;gBAC/B,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;gBACJ,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 '@operato/input/ox-input-barcode.js'\n\nimport { html } from 'lit-html'\n\nimport { FilterSelectRenderer } from './types.js'\n\nexport const FilterInputBarcode: FilterSelectRenderer = (filter, value, owner) => {\n  const { name, type } = filter\n  const { englishOnly, selectAfterChange } = filter.options || {}\n\n  return html`\n    <ox-input-barcode\n      name=${name}\n      ?english-only=${englishOnly}\n      ?select-after-change=${selectAfterChange}\n      .value=${value === undefined ? '' : 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,\n              operator: filter.operator,\n              value: input.value\n            }\n          })\n        )\n      }}\n    />\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,24 @@
+import { html } from 'lit-html';
+export const FilterInput = (filter, value, owner) => {
+    const { name, type } = filter;
+    return html `
+    <input
+      type=${type}
+      name=${name}
+      .value=${value === undefined ? '' : value}
+      @change=${(e) => {
+        const input = e.target;
+        input.dispatchEvent(new CustomEvent('filter-change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                name: 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,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,MAAM,CAAA;IAE7B,OAAO,IAAI,CAAA;;aAEA,IAAI;aACJ,IAAI;eACF,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;gBAC/B,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,IAAI;gBACV,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 { FilterSelectRenderer } from './types.js'\n\nexport const FilterInput: FilterSelectRenderer = (filter, value, owner) => {\n  const { name, type } = filter\n\n  return html`\n    <input\n      type=${type}\n      name=${name}\n      .value=${value === undefined ? '' : 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: 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,54 @@
+import { html } from 'lit-html';
+export const FilterRangeDate = (filter, value, owner) => {
+    var { name, type, operator } = filter;
+    const [from, to] = value instanceof Array ? value : [];
+    if (type === 'datetime') {
+        type = 'datetime-local';
+    }
+    return html `
+    <input
+      name=${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,
+                operator,
+                value: Array.from(e.target.parentElement.querySelectorAll('input[from], input[to]')).map(input => input.value)
+            }
+        }));
+    }}
+    />
+    ~
+    <input
+      name=${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,
+                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":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAI/B,MAAM,CAAC,MAAM,eAAe,GAAyB,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IAC5E,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;IACrC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtD,IAAI,IAAI,KAAK,UAAU,EAAE;QACvB,IAAI,GAAG,gBAAgB,CAAA;KACxB;IAED,OAAO,IAAI,CAAA;;aAEA,IAAI;aACJ,IAAI;eACF,IAAI;;eAEJ,CAAC,CAAgB,EAAE,EAAE;QAC5B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,OAAM;SACP;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;gBACJ,QAAQ;gBACR,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,IAAI;aACJ,IAAI;eACF,EAAE;;eAEF,CAAC,CAAgB,EAAE,EAAE;QAC5B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,OAAM;SACP;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;gBACJ,QAAQ;gBACR,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 { FilterSelectRenderer } from './types.js'\n\nexport const FilterRangeDate: FilterSelectRenderer = (filter, value, owner) => {\n  var { name, type, operator } = filter\n  const [from, to] = value instanceof Array ? value : []\n\n  if (type === 'datetime') {\n    type = 'datetime-local'\n  }\n\n  return html`\n    <input\n      name=${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,\n              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=${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,\n              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,53 @@
+import { html } from 'lit-html';
+export const FilterRangeNumber = (filter, value, owner) => {
+    const { name, operator } = filter;
+    const [from, to] = value instanceof Array ? value : [];
+    return html `
+    <input
+      name=${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,
+                operator,
+                value: Array.from(e.target.parentElement.querySelectorAll('input[from], input[to]')).map(input => input.value)
+            }
+        }));
+    }}
+    />
+    ~
+    <input
+      name=${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,
+                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,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;IACjC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtD,OAAO,IAAI,CAAA;;aAEA,IAAI;;;eAGF,IAAI;;eAEJ,CAAC,CAAgB,EAAE,EAAE;QAC5B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,OAAM;SACP;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;gBACJ,QAAQ;gBACR,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,IAAI;;;eAGF,EAAE;;eAEF,CAAC,CAAgB,EAAE,EAAE;QAC5B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,OAAM;SACP;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;gBACJ,QAAQ;gBACR,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 { FilterSelectRenderer } from './types.js'\n\nexport const FilterRangeNumber: FilterSelectRenderer = (filter, value, owner) => {\n  const { name, operator } = filter\n  const [from, to] = value instanceof Array ? value : []\n\n  return html`\n    <input\n      name=${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,\n              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=${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,\n              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.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,33 @@
+import '@operato/input/ox-checkbox.js';
+import { html } from 'lit-html';
+export const FilterSelect = (filter, value, owner) => {
+    /* value는 filters-form이나 grid-header에서 처리되므로 이 곳에서는 무시한다. */
+    var { name, type, operator, options = [] } = filter;
+    if (typeof options === 'function') {
+        options = options.call(filter, 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 operator === 'in'
+        ? html `
+        ${options === null || options === void 0 ? void 0 : options.filter((option) => !!option).map((option) => html ` <ox-checkbox option value=${option.value}>${option.display}</ox-checkbox> `)}
+      `
+        : html `
+        ${options === null || options === void 0 ? void 0 : options.map((option) => html ` <div option value=${option.value}>${option.display}&nbsp;</div> `)}
+      `;
+};
+//# 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,UAAU,CAAA;AAI/B,MAAM,CAAC,MAAM,YAAY,GAAyB,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IACzE,4DAA4D;IAC5D,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,MAAM,CAAA;IAEnD,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE;QACjC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;KACtC;IAED,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,EAAE;QACpC,QAAQ,OAAO,MAAM,EAAE;YACrB,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;SAChB;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,QAAQ,KAAK,IAAI;QACtB,CAAC,CAAC,IAAI,CAAA;UACA,OAAO,aAAP,OAAO,uBAAP,OAAO,CACL,MAAM,CAAC,CAAC,MAAuC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAC7D,GAAG,CACF,CAAC,MAAuC,EAAE,EAAE,CAC1C,IAAI,CAAA,8BAA8B,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,iBAAiB,CACpF;OACJ;QACH,CAAC,CAAC,IAAI,CAAA;UACA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CACZ,CAAC,MAAuC,EAAE,EAAE,CAC1C,IAAI,CAAA,sBAAsB,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,eAAe,CAC1E;OACF,CAAA;AACP,CAAC,CAAA","sourcesContent":["import '@operato/input/ox-checkbox.js'\n\nimport { html } from 'lit-html'\n\nimport { FilterSelectRenderer } from './types.js'\n\nexport const FilterSelect: FilterSelectRenderer = (filter, value, owner) => {\n  /* value는 filters-form이나 grid-header에서 처리되므로 이 곳에서는 무시한다. */\n  var { name, type, operator, options = [] } = filter\n\n  if (typeof options === 'function') {\n    options = options.call(filter, 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 operator === 'in'\n    ? html`\n        ${options\n          ?.filter((option: { display: string; value: any }) => !!option)\n          .map(\n            (option: { display: string; value: any }) =>\n              html` <ox-checkbox option value=${option.value}>${option.display}</ox-checkbox> `\n          )}\n      `\n    : html`\n        ${options?.map(\n          (option: { display: string; value: any }) =>\n            html` <div option value=${option.value}>${option.display}&nbsp;</div> `\n        )}\n      `\n}\n"]}

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

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

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

@@ -0,0 +1,88 @@
+import { css } from 'lit';
+export const FilterStyles = css `
+  :host {
+    --ox-input-placeholder-color: var(--primary-color);
+
+    --ox-input-padding: var(--padding-narrow) var(--padding-default);
+    --ox-input-border: 1px solid rgba(0, 0, 0, 0.2);
+    --ox-input-focus-border: 1px solid var(--primary-color);
+    --ox-input-border-radius: var(--border-radius);
+    --ox-input-font: normal 14px var(--theme-font);
+    --ox-input-color: var(--primary-text-color);
+
+    --ox-filters-form-gap: var(--margin-wide);
+    --ox-filters-form-label-font: var(--label-font);
+    --ox-filters-form-label-color: var(--label-color);
+    --ox-select-padding: 0 var(--padding-narrow);
+  }
+
+  label {
+    font: var(--ox-filters-form-label-font);
+    color: var(--ox-filters-form-label-color);
+  }
+  span {
+    margin-right: var(--margin-narrow);
+    text-transform: capitalize;
+  }
+
+  input::placeholder {
+    color: var(--ox-input-placeholder-color);
+    opacity: 0.6;
+  }
+
+  ox-select,
+  input {
+    padding: var(--input-padding);
+    border: none;
+    border-bottom: var(--ox-input-border);
+    font: var(--ox-input-font);
+    color: var(--ox-input-color);
+  }
+
+  ox-select:focus,
+  input:focus {
+    outline: none;
+    border-bottom: var(--ox-input-focus-border);
+    color: var(--primary-color);
+  }
+  ox-select {
+    padding: var(--ox-select-padding);
+  }
+
+  input[type='number'] {
+    padding-right: var(--padding-narrow);
+    max-width: 90px;
+  }
+
+  input[type*='date'],
+  input[type*='time'],
+  input[type='week'],
+  input[type='month'] {
+    padding: 8px var(--padding-narrow) 8px var(--padding-default);
+    max-width: 170px;
+  }
+
+  @media only screen and (max-width: 460px) {
+    :host {
+      --ox-filters-form-label-font: bold 13px var(--theme-font);
+      --ox-input-font: normal 16px var(--theme-font);
+      --ox-filters-form-gap: var(--margin-narrow);
+    }
+
+    ox-checkbox {
+      margin-top: var(--margin-narrow);
+    }
+
+    input[from],
+    input[to] {
+      max-width: 44%;
+    }
+
+    input[type*='datetime'][from],
+    input[type*='datetime'][to] {
+      padding-right: var(--padding-narrow);
+      min-width: 91%;
+    }
+  }
+`;
+//# sourceMappingURL=filter-styles.js.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqF9B,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const FilterStyles = css`\n  :host {\n    --ox-input-placeholder-color: var(--primary-color);\n\n    --ox-input-padding: var(--padding-narrow) var(--padding-default);\n    --ox-input-border: 1px solid rgba(0, 0, 0, 0.2);\n    --ox-input-focus-border: 1px solid var(--primary-color);\n    --ox-input-border-radius: var(--border-radius);\n    --ox-input-font: normal 14px var(--theme-font);\n    --ox-input-color: var(--primary-text-color);\n\n    --ox-filters-form-gap: var(--margin-wide);\n    --ox-filters-form-label-font: var(--label-font);\n    --ox-filters-form-label-color: var(--label-color);\n    --ox-select-padding: 0 var(--padding-narrow);\n  }\n\n  label {\n    font: var(--ox-filters-form-label-font);\n    color: var(--ox-filters-form-label-color);\n  }\n  span {\n    margin-right: var(--margin-narrow);\n    text-transform: capitalize;\n  }\n\n  input::placeholder {\n    color: var(--ox-input-placeholder-color);\n    opacity: 0.6;\n  }\n\n  ox-select,\n  input {\n    padding: var(--input-padding);\n    border: none;\n    border-bottom: var(--ox-input-border);\n    font: var(--ox-input-font);\n    color: var(--ox-input-color);\n  }\n\n  ox-select:focus,\n  input:focus {\n    outline: none;\n    border-bottom: var(--ox-input-focus-border);\n    color: var(--primary-color);\n  }\n  ox-select {\n    padding: var(--ox-select-padding);\n  }\n\n  input[type='number'] {\n    padding-right: var(--padding-narrow);\n    max-width: 90px;\n  }\n\n  input[type*='date'],\n  input[type*='time'],\n  input[type='week'],\n  input[type='month'] {\n    padding: 8px var(--padding-narrow) 8px var(--padding-default);\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-input-font: normal 16px var(--theme-font);\n      --ox-filters-form-gap: var(--margin-narrow);\n    }\n\n    ox-checkbox {\n      margin-top: var(--margin-narrow);\n    }\n\n    input[from],\n    input[to] {\n      max-width: 44%;\n    }\n\n    input[type*='datetime'][from],\n    input[type*='datetime'][to] {\n      padding-right: var(--padding-narrow);\n      min-width: 91%;\n    }\n  }\n`\n"]}

package/dist/src/filters/index.d.ts

@@ -0,0 +1,8 @@
+export * from './registry.js';
+export * from './filter-select.js';
+export * from './filter-input.js';
+export * from './filter-checkbox.js';
+export * from './filter-range-date.js';
+export * from './filter-range-number.js';
+export * from './ox-filters-form-base.js';
+export * from './types.js';

package/dist/src/filters/index.js

@@ -0,0 +1,9 @@
+export * from './registry.js';
+export * from './filter-select.js';
+export * from './filter-input.js';
+export * from './filter-checkbox.js';
+export * from './filter-range-date.js';
+export * from './filter-range-number.js';
+export * from './ox-filters-form-base.js';
+export * from './types.js';
+//# sourceMappingURL=index.js.map

package/dist/src/filters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/filters/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAE7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AAExC,cAAc,2BAA2B,CAAA;AACzC,cAAc,YAAY,CAAA","sourcesContent":["export * from './registry.js'\n\nexport * from './filter-select.js'\nexport * from './filter-input.js'\nexport * from './filter-checkbox.js'\nexport * from './filter-range-date.js'\nexport * from './filter-range-number.js'\n\nexport * from './ox-filters-form-base.js'\nexport * from './types.js'\n"]}

package/dist/src/filters/ox-filters-form-base.d.ts

@@ -0,0 +1,25 @@
+import '@operato/input/ox-checkbox.js';
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
+import '@operato/input/ox-input-search.js';
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import { FilterConfig, FilterOperator, FilterValue } from './types.js';
+export declare type QueryFilterRangeValue = [from: number, to: number];
+export declare type QueryFilter = {
+    name: string;
+    operator: FilterOperator;
+    value: any;
+};
+export declare class FiltersFormBase extends LitElement {
+    static styles: import("lit").CSSResult[];
+    value: FilterValue[];
+    filters: FilterConfig[];
+    urlParamsSensitive?: boolean;
+    form: HTMLFormElement;
+    private _popstateEventHandler?;
+    private _filtersChangeHandler?;
+    connectedCallback(): void;
+    render(): TemplateResult;
+    updated(changes: PropertyValues<this>): Promise<void>;
+    getQueryFilters(): Promise<QueryFilter[]>;
+}