@foxy.io/elements 1.43.0-beta.2 → 1.43.0-beta.4

package/dist/elements/public/QueryBuilder/components/SimpleInput.js

@@ -0,0 +1,50 @@
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { classMap } from "../../../../utils/class-map.js";
+import { html } from 'lit-html';
+export function SimpleInput(params) {
+    const { disabled, readonly, layout, label, value, type, min, t, onChange } = params;
+    return html `
+    <label
+      class="flex-shrink-0 flex items-center gap-s relative"
+      style="min-width: ${type === 'number' ? '4' : type === 'date' ? '6' : '8'}rem; max-width: 50%"
+    >
+      <foxy-i18n infer="" class=${classMap({ 'sr-only': layout !== 'fixed' })} key=${label}>
+      </foxy-i18n>
+
+      <span
+        class=${classMap({
+        'relative block whitespace-pre text-m': true,
+        'px-s py-xs -my-xs font-medium opacity-0': !readonly,
+        'text-contrast-80': readonly,
+    })}
+        ?hidden=${layout !== 'auto-grow' && !readonly}
+        >${value || html `<foxy-i18n infer="" key="value_empty"></foxy-i18n>`}</span
+      >
+
+      ${readonly
+        ? ''
+        : html `
+            <input
+              placeholder=${t('value_empty')}
+              class=${classMap({
+            'appearance-none transition-all text-body text-m font-medium rounded-s': true,
+            'bg-base px-s py-xs -my-xs': true,
+            'opacity-50': disabled,
+            'absolute inset-0': layout === 'auto-grow',
+            'focus-outline-none focus-ring-2 focus-ring-primary-50': true,
+        })}
+              ?disabled=${disabled}
+              type=${ifDefined(type)}
+              min=${ifDefined(min)}
+              .value=${value}
+              @keydown=${(evt) => evt.key === '|' && evt.preventDefault()}
+              @input=${(evt) => {
+            const input = evt.currentTarget;
+            onChange(input.value.replace(/\|/gi, ''));
+        }}
+            />
+          `}
+    </label>
+  `;
+}
+//# sourceMappingURL=SimpleInput.js.map

package/dist/elements/public/QueryBuilder/components/SimpleInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleInput.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/SimpleInput.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,uCAAoC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAchC,MAAM,UAAU,WAAW,CAAC,MAAc;IACxC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAEpF,OAAO,IAAI,CAAA;;;0BAGa,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;;kCAE7C,QAAQ,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,EAAE,CAAC,QAAQ,KAAK;;;;gBAI1E,QAAQ,CAAC;QACf,sCAAsC,EAAE,IAAI;QAC5C,yCAAyC,EAAE,CAAC,QAAQ;QACpD,kBAAkB,EAAE,QAAQ;KAC7B,CAAC;kBACQ,MAAM,KAAK,WAAW,IAAI,CAAC,QAAQ;WAC1C,KAAK,IAAI,IAAI,CAAA,oDAAoD;;;QAGpE,QAAQ;QACR,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,CAAA;;4BAEc,CAAC,CAAC,aAAa,CAAC;sBACtB,QAAQ,CAAC;YACf,uEAAuE,EAAE,IAAI;YAC7E,2BAA2B,EAAE,IAAI;YACjC,YAAY,EAAE,QAAQ;YACtB,kBAAkB,EAAE,MAAM,KAAK,WAAW;YAC1C,uDAAuD,EAAE,IAAI;SAC9D,CAAC;0BACU,QAAQ;qBACb,SAAS,CAAC,IAAI,CAAC;oBAChB,SAAS,CAAC,GAAG,CAAC;uBACX,KAAK;yBACH,CAAC,GAAkB,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,IAAI,GAAG,CAAC,cAAc,EAAE;uBACjE,CAAC,GAAU,EAAE,EAAE;YACtB,MAAM,KAAK,GAAG,GAAG,CAAC,aAAiC,CAAC;YACpD,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;QAC5C,CAAC;;WAEJ;;GAER,CAAC;AACJ,CAAC","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { I18n } from '../../I18n/I18n';\n\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../../utils/class-map';\nimport { html } from 'lit-html';\n\ntype Params = {\n  disabled: boolean;\n  readonly: boolean;\n  layout?: 'auto-grow' | 'fixed';\n  value: string;\n  label: string;\n  type?: string;\n  min?: string | number;\n  t: I18n['t'];\n  onChange: (newValue: string) => void;\n};\n\nexport function SimpleInput(params: Params): TemplateResult {\n  const { disabled, readonly, layout, label, value, type, min, t, onChange } = params;\n\n  return html`\n    <label\n      class=\"flex-shrink-0 flex items-center gap-s relative\"\n      style=\"min-width: ${type === 'number' ? '4' : type === 'date' ? '6' : '8'}rem; max-width: 50%\"\n    >\n      <foxy-i18n infer=\"\" class=${classMap({ 'sr-only': layout !== 'fixed' })} key=${label}>\n      </foxy-i18n>\n\n      <span\n        class=${classMap({\n          'relative block whitespace-pre text-m': true,\n          'px-s py-xs -my-xs font-medium opacity-0': !readonly,\n          'text-contrast-80': readonly,\n        })}\n        ?hidden=${layout !== 'auto-grow' && !readonly}\n        >${value || html`<foxy-i18n infer=\"\" key=\"value_empty\"></foxy-i18n>`}</span\n      >\n\n      ${readonly\n        ? ''\n        : html`\n            <input\n              placeholder=${t('value_empty')}\n              class=${classMap({\n                'appearance-none transition-all text-body text-m font-medium rounded-s': true,\n                'bg-base px-s py-xs -my-xs': true,\n                'opacity-50': disabled,\n                'absolute inset-0': layout === 'auto-grow',\n                'focus-outline-none focus-ring-2 focus-ring-primary-50': true,\n              })}\n              ?disabled=${disabled}\n              type=${ifDefined(type)}\n              min=${ifDefined(min)}\n              .value=${value}\n              @keydown=${(evt: KeyboardEvent) => evt.key === '|' && evt.preventDefault()}\n              @input=${(evt: Event) => {\n                const input = evt.currentTarget as HTMLInputElement;\n                onChange(input.value.replace(/\\|/gi, ''));\n              }}\n            />\n          `}\n    </label>\n  `;\n}\n"]}

package/dist/elements/public/QueryBuilder/components/SimpleListRule.d.ts

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

package/dist/elements/public/QueryBuilder/components/SimpleListRule.js

@@ -0,0 +1,45 @@
+import { Operator } from "../types.js";
+import { SimpleSelect } from "./SimpleSelect.js";
+import { html } from 'lit-html';
+export const SimpleListRule = params => {
+    const { disabled, readonly, option, rule, t, onChange } = params;
+    const { list } = option;
+    const currentOption = list === null || list === void 0 ? void 0 : list.find(v => v.value === (rule === null || rule === void 0 ? void 0 : rule.value));
+    const operator = rule === null || rule === void 0 ? void 0 : rule.operator;
+    return html `
+    ${SimpleSelect({
+        disabled,
+        readonly,
+        current: {
+            label: operator === void 0 ? 'value_any' : `operator_${operator !== null && operator !== void 0 ? operator : 'equal'}`,
+            value: operator === void 0 ? 'any' : operator !== null && operator !== void 0 ? operator : 'equal',
+        },
+        options: [
+            { label: 'value_any', value: 'any' },
+            { label: 'operator_equal', value: 'equal' },
+            { label: 'operator_not', value: Operator.Not },
+        ],
+        t,
+        onChange: newValue => {
+            var _a, _b, _c;
+            if (newValue === 'any')
+                return onChange(null);
+            return onChange({
+                operator: newValue === 'equal' ? null : newValue,
+                value: (_c = (_a = rule === null || rule === void 0 ? void 0 : rule.value) !== null && _a !== void 0 ? _a : (_b = list === null || list === void 0 ? void 0 : list[0]) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : '',
+            });
+        },
+    })}
+    ${(rule === null || rule === void 0 ? void 0 : rule.value) === undefined
+        ? ''
+        : SimpleSelect({
+            disabled,
+            readonly,
+            current: currentOption !== null && currentOption !== void 0 ? currentOption : { label: 'value_any', value: '' },
+            options: list !== null && list !== void 0 ? list : [],
+            t,
+            onChange: newValue => onChange({ value: newValue }),
+        })}
+  `;
+};
+//# sourceMappingURL=SimpleListRule.js.map

package/dist/elements/public/QueryBuilder/components/SimpleListRule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleListRule.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/SimpleListRule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,QAAQ,EAAE,oBAAiB;AACzD,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,CAAC,MAAM,cAAc,GAAwB,MAAM,CAAC,EAAE;IAC1D,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IACjE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;IAExB,MAAM,aAAa,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,MAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAA,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAC;IAEhC,OAAO,IAAI,CAAA;MACP,YAAY,CAAC;QACb,QAAQ;QACR,QAAQ;QACR,OAAO,EAAE;YACP,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO,EAAE;YAC5E,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO;SACzD;QACD,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE;YACpC,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,OAAO,EAAE;YAC3C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE;SAC/C;QACD,CAAC;QACD,QAAQ,EAAE,QAAQ,CAAC,EAAE;;YACnB,IAAI,QAAQ,KAAK,KAAK;gBAAE,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC9C,OAAO,QAAQ,CAAC;gBACd,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,QAAqB;gBAC9D,KAAK,cAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,yCAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,CAAC,2CAAG,KAAK,mCAAI,EAAE;aAC7C,CAAC,CAAC;QACL,CAAC;KACF,CAAC;MACA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,MAAK,SAAS;QACzB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,YAAY,CAAC;YACX,QAAQ;YACR,QAAQ;YACR,OAAO,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;YAC3D,OAAO,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE;YACnB,CAAC;YACD,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;SACpD,CAAC;GACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { SimpleRuleComponent, Operator } from '../types';\nimport { SimpleSelect } from './SimpleSelect';\nimport { html } from 'lit-html';\n\nexport const SimpleListRule: SimpleRuleComponent = params => {\n  const { disabled, readonly, option, rule, t, onChange } = params;\n  const { list } = option;\n\n  const currentOption = list?.find(v => v.value === rule?.value);\n  const operator = rule?.operator;\n\n  return html`\n    ${SimpleSelect({\n      disabled,\n      readonly,\n      current: {\n        label: operator === void 0 ? 'value_any' : `operator_${operator ?? 'equal'}`,\n        value: operator === void 0 ? 'any' : operator ?? 'equal',\n      },\n      options: [\n        { label: 'value_any', value: 'any' },\n        { label: 'operator_equal', value: 'equal' },\n        { label: 'operator_not', value: Operator.Not },\n      ],\n      t,\n      onChange: newValue => {\n        if (newValue === 'any') return onChange(null);\n        return onChange({\n          operator: newValue === 'equal' ? null : (newValue as Operator),\n          value: rule?.value ?? list?.[0]?.value ?? '',\n        });\n      },\n    })}\n    ${rule?.value === undefined\n      ? ''\n      : SimpleSelect({\n          disabled,\n          readonly,\n          current: currentOption ?? { label: 'value_any', value: '' },\n          options: list ?? [],\n          t,\n          onChange: newValue => onChange({ value: newValue }),\n        })}\n  `;\n};\n"]}

package/dist/elements/public/QueryBuilder/components/SimpleNumberRule.d.ts

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

package/dist/elements/public/QueryBuilder/components/SimpleNumberRule.js

@@ -0,0 +1,100 @@
+import { Operator } from "../types.js";
+import { SimpleSelect } from "./SimpleSelect.js";
+import { SimpleInput } from "./SimpleInput.js";
+import { html } from 'lit-html';
+export const SimpleNumberRule = params => {
+    const { disabled, readonly, option, rule, t, onChange } = params;
+    const { min, label } = option;
+    const operator = rule === null || rule === void 0 ? void 0 : rule.operator;
+    const isRange = rule === null || rule === void 0 ? void 0 : rule.value.includes('..');
+    const nullOperator = isRange ? 'range' : 'equal';
+    const resolvedOperator = operator !== null && operator !== void 0 ? operator : nullOperator;
+    const currentLabel = operator === void 0
+        ? 'value_any'
+        : resolvedOperator === 'range'
+            ? 'range'
+            : `operator_${resolvedOperator}`;
+    return html `
+    ${SimpleSelect({
+        disabled,
+        readonly,
+        current: { label: currentLabel, value: operator === void 0 ? 'any' : resolvedOperator },
+        options: [
+            { label: 'value_any', value: 'any' },
+            { label: 'operator_equal', value: 'equal' },
+            { label: 'operator_not', value: Operator.Not },
+            { label: 'operator_lessthanorequal', value: Operator.LessThanOrEqual },
+            { label: 'operator_lessthan', value: Operator.LessThan },
+            { label: 'operator_greaterthanorequal', value: Operator.GreaterThanOrEqual },
+            { label: 'operator_greaterthan', value: Operator.GreaterThan },
+            { label: 'range', value: 'range' },
+        ],
+        t,
+        onChange: newValue => {
+            var _a, _b, _c, _d;
+            if (newValue === 'any')
+                return onChange(null);
+            if (newValue === 'range') {
+                let parsedFrom = parseFloat((_a = rule === null || rule === void 0 ? void 0 : rule.value) !== null && _a !== void 0 ? _a : '');
+                if (isNaN(parsedFrom))
+                    parsedFrom = 0;
+                return onChange({ operator: null, value: `${parsedFrom}..${parsedFrom + 10}` });
+            }
+            return onChange({
+                operator: newValue === 'equal' ? null : newValue,
+                value: (_d = (_b = rule === null || rule === void 0 ? void 0 : rule.value) !== null && _b !== void 0 ? _b : (_c = option.min) === null || _c === void 0 ? void 0 : _c.toString()) !== null && _d !== void 0 ? _d : '0',
+            });
+        },
+    })}
+    ${(rule === null || rule === void 0 ? void 0 : rule.value) === undefined
+        ? ''
+        : isRange
+            ? html `
+          <foxy-i18n infer="" key="range_from"></foxy-i18n>
+
+          ${SimpleInput({
+                disabled,
+                readonly,
+                layout: 'auto-grow',
+                label: 'range_from',
+                value: rule === null || rule === void 0 ? void 0 : rule.value.split('..')[0],
+                type: 'number',
+                min,
+                t,
+                onChange: newValue => {
+                    const to = rule === null || rule === void 0 ? void 0 : rule.value.split('..')[1];
+                    onChange({ value: `${newValue || '0'}..${to}` });
+                },
+            })}
+
+          <foxy-i18n infer="" key="range_to"></foxy-i18n>
+
+          ${SimpleInput({
+                disabled,
+                readonly,
+                layout: 'auto-grow',
+                label: 'range_to',
+                value: rule === null || rule === void 0 ? void 0 : rule.value.split('..')[1],
+                type: 'number',
+                min,
+                t,
+                onChange: newValue => {
+                    const from = rule === null || rule === void 0 ? void 0 : rule.value.split('..')[0];
+                    onChange({ value: `${from}..${newValue || '0'}` });
+                },
+            })}
+        `
+            : SimpleInput({
+                disabled,
+                readonly,
+                layout: 'auto-grow',
+                label: label,
+                value: (rule === null || rule === void 0 ? void 0 : rule.value) || '',
+                type: 'number',
+                min,
+                t,
+                onChange: newValue => onChange({ value: newValue }),
+            })}
+  `;
+};
+//# sourceMappingURL=SimpleNumberRule.js.map

package/dist/elements/public/QueryBuilder/components/SimpleNumberRule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleNumberRule.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/SimpleNumberRule.ts"],"names":[],"mappings":"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","sourcesContent":["import { SimpleRuleComponent, Operator } from '../types';\nimport { SimpleSelect } from './SimpleSelect';\nimport { SimpleInput } from './SimpleInput';\nimport { html } from 'lit-html';\n\nexport const SimpleNumberRule: SimpleRuleComponent = params => {\n  const { disabled, readonly, option, rule, t, onChange } = params;\n  const { min, label } = option;\n\n  const operator = rule?.operator;\n  const isRange = rule?.value.includes('..');\n  const nullOperator = isRange ? 'range' : 'equal';\n  const resolvedOperator = operator ?? nullOperator;\n  const currentLabel =\n    operator === void 0\n      ? 'value_any'\n      : resolvedOperator === 'range'\n      ? 'range'\n      : `operator_${resolvedOperator}`;\n\n  return html`\n    ${SimpleSelect({\n      disabled,\n      readonly,\n      current: { label: currentLabel, value: operator === void 0 ? 'any' : resolvedOperator },\n      options: [\n        { label: 'value_any', value: 'any' },\n        { label: 'operator_equal', value: 'equal' },\n        { label: 'operator_not', value: Operator.Not },\n        { label: 'operator_lessthanorequal', value: Operator.LessThanOrEqual },\n        { label: 'operator_lessthan', value: Operator.LessThan },\n        { label: 'operator_greaterthanorequal', value: Operator.GreaterThanOrEqual },\n        { label: 'operator_greaterthan', value: Operator.GreaterThan },\n        { label: 'range', value: 'range' },\n      ],\n      t,\n      onChange: newValue => {\n        if (newValue === 'any') return onChange(null);\n\n        if (newValue === 'range') {\n          let parsedFrom = parseFloat(rule?.value ?? '');\n          if (isNaN(parsedFrom)) parsedFrom = 0;\n          return onChange({ operator: null, value: `${parsedFrom}..${parsedFrom + 10}` });\n        }\n\n        return onChange({\n          operator: newValue === 'equal' ? null : (newValue as Operator),\n          value: rule?.value ?? option.min?.toString() ?? '0',\n        });\n      },\n    })}\n    ${rule?.value === undefined\n      ? ''\n      : isRange\n      ? html`\n          <foxy-i18n infer=\"\" key=\"range_from\"></foxy-i18n>\n\n          ${SimpleInput({\n            disabled,\n            readonly,\n            layout: 'auto-grow',\n            label: 'range_from',\n            value: rule?.value.split('..')[0],\n            type: 'number',\n            min,\n            t,\n            onChange: newValue => {\n              const to = rule?.value.split('..')[1];\n              onChange({ value: `${newValue || '0'}..${to}` });\n            },\n          })}\n\n          <foxy-i18n infer=\"\" key=\"range_to\"></foxy-i18n>\n\n          ${SimpleInput({\n            disabled,\n            readonly,\n            layout: 'auto-grow',\n            label: 'range_to',\n            value: rule?.value.split('..')[1],\n            type: 'number',\n            min,\n            t,\n            onChange: newValue => {\n              const from = rule?.value.split('..')[0];\n              onChange({ value: `${from}..${newValue || '0'}` });\n            },\n          })}\n        `\n      : SimpleInput({\n          disabled,\n          readonly,\n          layout: 'auto-grow',\n          label: label,\n          value: rule?.value || '',\n          type: 'number',\n          min,\n          t,\n          onChange: newValue => onChange({ value: newValue }),\n        })}\n  `;\n};\n"]}

package/dist/elements/public/QueryBuilder/components/SimpleSelect.d.ts

@@ -0,0 +1,24 @@
+import type { TemplateResult } from 'lit-html';
+import type { I18n } from '../../I18n/I18n';
+declare type Params = {
+    disabled: boolean;
+    readonly: boolean;
+    current: {
+        value: string;
+    } & ({
+        label: string;
+    } | {
+        rawLabel: string;
+    });
+    options: ({
+        value: string;
+    } & ({
+        label: string;
+    } | {
+        rawLabel: string;
+    }))[];
+    t: I18n['t'];
+    onChange: (newValue: string) => void;
+};
+export declare function SimpleSelect(params: Params): TemplateResult;
+export {};

package/dist/elements/public/QueryBuilder/components/SimpleSelect.js

@@ -0,0 +1,45 @@
+import { html, svg } from 'lit-html';
+import { classMap } from "../../../../utils/class-map.js";
+export function SimpleSelect(params) {
+    const { t, disabled, readonly, current, options, onChange } = params;
+    return html `
+    <div
+      class=${classMap({
+        'relative flex items-center gap-xs leading-m px-xs -m-xs rounded-s transition-colors': true,
+        'focus-within-ring-2 focus-within-ring-primary-50': true,
+        'text-contrast': !disabled && !readonly,
+        'hover-text-contrast-80': !disabled && !readonly,
+        'text-disabled': disabled,
+        'text-contrast-80': readonly,
+        'font-medium': !readonly,
+    })}
+    >
+      ${'label' in current
+        ? html `<foxy-i18n infer="" key=${current.label}></foxy-i18n>`
+        : html `<span>${current.rawLabel}</span>`}
+      ${readonly
+        ? ''
+        : html `
+            ${svg `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex-shrink-0" style="width: 1em; height: 1em; transform: scale(1.25)"><path fill-rule="evenodd" d="M10.53 3.47a.75.75 0 0 0-1.06 0L6.22 6.72a.75.75 0 0 0 1.06 1.06L10 5.06l2.72 2.72a.75.75 0 1 0 1.06-1.06l-3.25-3.25Zm-4.31 9.81 3.25 3.25a.75.75 0 0 0 1.06 0l3.25-3.25a.75.75 0 1 0-1.06-1.06L10 14.94l-2.72-2.72a.75.75 0 0 0-1.06 1.06Z" clip-rule="evenodd" /></svg>`}
+            <select
+              class=${classMap({
+            'absolute inset-0 opacity-0 focus-outline-none': true,
+            'cursor-pointer': !disabled,
+            'cursor-default': disabled,
+        })}
+              ?disabled=${disabled}
+              @change=${(evt) => onChange(evt.target.value)}
+            >
+              ${options.map(option => {
+            return html `
+                  <option value=${option.value} ?selected=${option.value === current.value}>
+                    ${'label' in option ? t(option.label) : option.rawLabel}
+                  </option>
+                `;
+        })}
+            </select>
+          `}
+    </div>
+  `;
+}
+//# sourceMappingURL=SimpleSelect.js.map

package/dist/elements/public/QueryBuilder/components/SimpleSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleSelect.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/SimpleSelect.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,uCAAoC;AAWvD,MAAM,UAAU,YAAY,CAAC,MAAc;IACzC,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAErE,OAAO,IAAI,CAAA;;cAEC,QAAQ,CAAC;QACf,qFAAqF,EAAE,IAAI;QAC3F,kDAAkD,EAAE,IAAI;QACxD,eAAe,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ;QACvC,wBAAwB,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ;QAChD,eAAe,EAAE,QAAQ;QACzB,kBAAkB,EAAE,QAAQ;QAC5B,aAAa,EAAE,CAAC,QAAQ;KACzB,CAAC;;QAEA,OAAO,IAAI,OAAO;QAClB,CAAC,CAAC,IAAI,CAAA,2BAA2B,OAAO,CAAC,KAAK,eAAe;QAC7D,CAAC,CAAC,IAAI,CAAA,SAAS,OAAO,CAAC,QAAQ,SAAS;QACxC,QAAQ;QACR,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,CAAA;cACA,GAAG,CAAA,scAAsc;;sBAEjc,QAAQ,CAAC;YACf,+CAA+C,EAAE,IAAI;YACrD,gBAAgB,EAAE,CAAC,QAAQ;YAC3B,gBAAgB,EAAE,QAAQ;SAC3B,CAAC;0BACU,QAAQ;wBACV,CAAC,GAAU,EAAE,EAAE,CAAC,QAAQ,CAAE,GAAG,CAAC,MAA4B,CAAC,KAAK,CAAC;;gBAEzE,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACrB,OAAO,IAAI,CAAA;kCACO,MAAM,CAAC,KAAK,cAAc,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK;sBACpE,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ;;iBAE1D,CAAC;QACJ,CAAC,CAAC;;WAEL;;GAER,CAAC;AACJ,CAAC","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { I18n } from '../../I18n/I18n';\n\nimport { html, svg } from 'lit-html';\nimport { classMap } from '../../../../utils/class-map';\n\ntype Params = {\n  disabled: boolean;\n  readonly: boolean;\n  current: { value: string } & ({ label: string } | { rawLabel: string });\n  options: ({ value: string } & ({ label: string } | { rawLabel: string }))[];\n  t: I18n['t'];\n  onChange: (newValue: string) => void;\n};\n\nexport function SimpleSelect(params: Params): TemplateResult {\n  const { t, disabled, readonly, current, options, onChange } = params;\n\n  return html`\n    <div\n      class=${classMap({\n        'relative flex items-center gap-xs leading-m px-xs -m-xs rounded-s transition-colors': true,\n        'focus-within-ring-2 focus-within-ring-primary-50': true,\n        'text-contrast': !disabled && !readonly,\n        'hover-text-contrast-80': !disabled && !readonly,\n        'text-disabled': disabled,\n        'text-contrast-80': readonly,\n        'font-medium': !readonly,\n      })}\n    >\n      ${'label' in current\n        ? html`<foxy-i18n infer=\"\" key=${current.label}></foxy-i18n>`\n        : html`<span>${current.rawLabel}</span>`}\n      ${readonly\n        ? ''\n        : html`\n            ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"flex-shrink-0\" style=\"width: 1em; height: 1em; transform: scale(1.25)\"><path fill-rule=\"evenodd\" d=\"M10.53 3.47a.75.75 0 0 0-1.06 0L6.22 6.72a.75.75 0 0 0 1.06 1.06L10 5.06l2.72 2.72a.75.75 0 1 0 1.06-1.06l-3.25-3.25Zm-4.31 9.81 3.25 3.25a.75.75 0 0 0 1.06 0l3.25-3.25a.75.75 0 1 0-1.06-1.06L10 14.94l-2.72-2.72a.75.75 0 0 0-1.06 1.06Z\" clip-rule=\"evenodd\" /></svg>`}\n            <select\n              class=${classMap({\n                'absolute inset-0 opacity-0 focus-outline-none': true,\n                'cursor-pointer': !disabled,\n                'cursor-default': disabled,\n              })}\n              ?disabled=${disabled}\n              @change=${(evt: Event) => onChange((evt.target as HTMLSelectElement).value)}\n            >\n              ${options.map(option => {\n                return html`\n                  <option value=${option.value} ?selected=${option.value === current.value}>\n                    ${'label' in option ? t(option.label) : option.rawLabel}\n                  </option>\n                `;\n              })}\n            </select>\n          `}\n    </div>\n  `;\n}\n"]}

package/dist/elements/public/QueryBuilder/components/SimpleStringRule.d.ts

@@ -0,0 +1,2 @@
+import type { SimpleRuleComponent } from '../types';
+export declare const SimpleStringRule: SimpleRuleComponent;

package/dist/elements/public/QueryBuilder/components/SimpleStringRule.js

@@ -0,0 +1,46 @@
+import { SimpleSelect } from "./SimpleSelect.js";
+import { SimpleInput } from "./SimpleInput.js";
+import { Operator } from "../types.js";
+import { html } from 'lit-html';
+export const SimpleStringRule = params => {
+    const { disabled, readonly, option, rule, t, onChange } = params;
+    const { operator } = rule !== null && rule !== void 0 ? rule : {};
+    const { label } = option;
+    return html `
+    ${SimpleSelect({
+        disabled,
+        readonly,
+        current: {
+            label: operator === void 0 ? 'value_any' : `operator_${operator !== null && operator !== void 0 ? operator : 'equal'}`,
+            value: operator === void 0 ? 'any' : operator !== null && operator !== void 0 ? operator : 'equal',
+        },
+        options: [
+            { label: 'value_any', value: 'any' },
+            { label: 'operator_equal', value: 'equal' },
+            { label: 'operator_not', value: Operator.Not },
+        ],
+        t,
+        onChange: newValue => {
+            var _a;
+            if (newValue === 'any')
+                return onChange(null);
+            return onChange({
+                operator: newValue === 'equal' ? null : newValue,
+                value: (_a = rule === null || rule === void 0 ? void 0 : rule.value) !== null && _a !== void 0 ? _a : '',
+            });
+        },
+    })}
+    ${(rule === null || rule === void 0 ? void 0 : rule.value) === undefined
+        ? ''
+        : SimpleInput({
+            disabled,
+            readonly,
+            layout: 'auto-grow',
+            label: label,
+            value: (rule === null || rule === void 0 ? void 0 : rule.value) || '',
+            t,
+            onChange: newValue => onChange({ value: newValue }),
+        })}
+  `;
+};
+//# sourceMappingURL=SimpleStringRule.js.map

package/dist/elements/public/QueryBuilder/components/SimpleStringRule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleStringRule.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/SimpleStringRule.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAC9C,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAC5C,OAAO,EAAE,QAAQ,EAAE,oBAAiB;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,CAAC,MAAM,gBAAgB,GAAwB,MAAM,CAAC,EAAE;IAC5D,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IACjE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC;IAChC,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;IAEzB,OAAO,IAAI,CAAA;MACP,YAAY,CAAC;QACb,QAAQ;QACR,QAAQ;QACR,OAAO,EAAE;YACP,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO,EAAE;YAC5E,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO;SACzD;QACD,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE;YACpC,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,OAAO,EAAE;YAC3C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE;SAC/C;QACD,CAAC;QACD,QAAQ,EAAE,QAAQ,CAAC,EAAE;;YACnB,IAAI,QAAQ,KAAK,KAAK;gBAAE,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC9C,OAAO,QAAQ,CAAC;gBACd,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,QAAqB;gBAC9D,KAAK,QAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE;aACzB,CAAC,CAAC;QACL,CAAC;KACF,CAAC;MACA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,MAAK,SAAS;QACzB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,WAAW,CAAC;YACV,QAAQ;YACR,QAAQ;YACR,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,EAAE;YACxB,CAAC;YACD,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;SACpD,CAAC;GACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { SimpleRuleComponent } from '../types';\n\nimport { SimpleSelect } from './SimpleSelect';\nimport { SimpleInput } from './SimpleInput';\nimport { Operator } from '../types';\nimport { html } from 'lit-html';\n\nexport const SimpleStringRule: SimpleRuleComponent = params => {\n  const { disabled, readonly, option, rule, t, onChange } = params;\n  const { operator } = rule ?? {};\n  const { label } = option;\n\n  return html`\n    ${SimpleSelect({\n      disabled,\n      readonly,\n      current: {\n        label: operator === void 0 ? 'value_any' : `operator_${operator ?? 'equal'}`,\n        value: operator === void 0 ? 'any' : operator ?? 'equal',\n      },\n      options: [\n        { label: 'value_any', value: 'any' },\n        { label: 'operator_equal', value: 'equal' },\n        { label: 'operator_not', value: Operator.Not },\n      ],\n      t,\n      onChange: newValue => {\n        if (newValue === 'any') return onChange(null);\n        return onChange({\n          operator: newValue === 'equal' ? null : (newValue as Operator),\n          value: rule?.value ?? '',\n        });\n      },\n    })}\n    ${rule?.value === undefined\n      ? ''\n      : SimpleInput({\n          disabled,\n          readonly,\n          layout: 'auto-grow',\n          label: label,\n          value: rule?.value || '',\n          t,\n          onChange: newValue => onChange({ value: newValue }),\n        })}\n  `;\n};\n"]}

package/dist/elements/public/QueryBuilder/icons/field.d.ts

@@ -0,0 +1 @@
+export declare const field: import("lit-html").SVGTemplateResult;

package/dist/elements/public/QueryBuilder/icons/{typeAny.js → field.js}

@@ -1,8 +1,8 @@
 import { svg } from 'lit-html';
-export const typeAny = svg `
+export const field = svg `
   <svg class="w-full h-full" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M18 8C12.48 8 8 12.48 8 18C8 23.52 12.48 28 18 28C23.52 28 28 23.52 28 18C28 12.48 23.52 8 18 8ZM18 26C13.59 26 10 22.41 10 18C10 13.59 13.59 10 18 10C22.41 10 26 13.59 26 18C26 22.41 22.41 26 18 26Z" class="fill-current"/>
     <path fill-rule="evenodd" clip-rule="evenodd" d="M19.49 17.38C19.92 16.16 19.66 14.74 18.68 13.76C17.57 12.65 15.89 12.46 14.58 13.17L16.93 15.52L15.52 16.93L13.17 14.58C12.46 15.9 12.65 17.57 13.76 18.68C14.74 19.66 16.16 19.92 17.38 19.49L20.79 22.9C20.99 23.1 21.3 23.1 21.5 22.9L22.9 21.5C23.1 21.3 23.1 20.99 22.9 20.79L19.49 17.38Z" class="fill-current"/>
   </svg>
 `;
-//# sourceMappingURL=typeAny.js.map
+//# sourceMappingURL=field.js.map

package/dist/elements/public/QueryBuilder/icons/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/icons/field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;CAKvB,CAAC","sourcesContent":["import { svg } from 'lit-html';\n\nexport const field = svg`\n  <svg class=\"w-full h-full\" viewBox=\"0 0 36 36\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18 8C12.48 8 8 12.48 8 18C8 23.52 12.48 28 18 28C23.52 28 28 23.52 28 18C28 12.48 23.52 8 18 8ZM18 26C13.59 26 10 22.41 10 18C10 13.59 13.59 10 18 10C22.41 10 26 13.59 26 18C26 22.41 22.41 26 18 26Z\" class=\"fill-current\"/>\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.49 17.38C19.92 16.16 19.66 14.74 18.68 13.76C17.57 12.65 15.89 12.46 14.58 13.17L16.93 15.52L15.52 16.93L13.17 14.58C12.46 15.9 12.65 17.57 13.76 18.68C14.74 19.66 16.16 19.92 17.38 19.49L20.79 22.9C20.99 23.1 21.3 23.1 21.5 22.9L22.9 21.5C23.1 21.3 23.1 20.99 22.9 20.79L19.49 17.38Z\" class=\"fill-current\"/>\n  </svg>\n`;\n"]}

package/dist/elements/public/QueryBuilder/icons/index.d.ts

@@ -6,9 +6,4 @@ export * from './operatorIsDefined';
 export * from './operatorLessThan';
 export * from './operatorLessThanOrEqual';
 export * from './operatorNot';
-export * from './typeAny';
-export * from './typeAttribute';
-export * from './typeBoolean';
-export * from './typeDate';
-export * from './typeNumber';
-export * from './typeString';
+export * from './field';

package/dist/elements/public/QueryBuilder/icons/index.js

@@ -6,10 +6,5 @@ export * from "./operatorIsDefined.js";
 export * from "./operatorLessThan.js";
 export * from "./operatorLessThanOrEqual.js";
 export * from "./operatorNot.js";
-export * from "./typeAny.js";
-export * from "./typeAttribute.js";
-export * from "./typeBoolean.js";
-export * from "./typeDate.js";
-export * from "./typeNumber.js";
-export * from "./typeString.js";
+export * from "./field.js";
 //# sourceMappingURL=index.js.map

package/dist/elements/public/QueryBuilder/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/icons/index.ts"],"names":[],"mappings":"AAAA,mCAAgC;AAChC,yCAAsC;AACtC,gDAA6C;AAC7C,gCAA6B;AAC7B,uCAAoC;AACpC,sCAAmC;AACnC,6CAA0C;AAC1C,iCAA8B;AAC9B,6BAA0B;AAC1B,mCAAgC;AAChC,iCAA8B;AAC9B,8BAA2B;AAC3B,gCAA6B;AAC7B,gCAA6B","sourcesContent":["export * from './operatorEqual';\nexport * from './operatorGreaterThan';\nexport * from './operatorGreaterThanOrEqual';\nexport * from './operatorIn';\nexport * from './operatorIsDefined';\nexport * from './operatorLessThan';\nexport * from './operatorLessThanOrEqual';\nexport * from './operatorNot';\nexport * from './typeAny';\nexport * from './typeAttribute';\nexport * from './typeBoolean';\nexport * from './typeDate';\nexport * from './typeNumber';\nexport * from './typeString';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/icons/index.ts"],"names":[],"mappings":"AAAA,mCAAgC;AAChC,yCAAsC;AACtC,gDAA6C;AAC7C,gCAA6B;AAC7B,uCAAoC;AACpC,sCAAmC;AACnC,6CAA0C;AAC1C,iCAA8B;AAC9B,2BAAwB","sourcesContent":["export * from './operatorEqual';\nexport * from './operatorGreaterThan';\nexport * from './operatorGreaterThanOrEqual';\nexport * from './operatorIn';\nexport * from './operatorIsDefined';\nexport * from './operatorLessThan';\nexport * from './operatorLessThanOrEqual';\nexport * from './operatorNot';\nexport * from './field';\n"]}

package/dist/elements/public/QueryBuilder/index.d.ts

@@ -1,4 +1,6 @@
 import '@polymer/iron-icons';
 import '@polymer/iron-icon';
+import '../../internal/InternalSummaryControl/index';
+import '../I18n/index';
 import { QueryBuilder } from './QueryBuilder';
 export { QueryBuilder };

package/dist/elements/public/QueryBuilder/index.js

@@ -1,5 +1,7 @@
 import '@polymer/iron-icons';
 import '@polymer/iron-icon';
+import "../../internal/InternalSummaryControl/index.js";
+import "../I18n/index.js";
 import { QueryBuilder } from "./QueryBuilder.js";
 customElements.define('foxy-query-builder', QueryBuilder);
 export { QueryBuilder };

package/dist/elements/public/QueryBuilder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/QueryBuilder/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport { QueryBuilder } from './QueryBuilder';\n\ncustomElements.define('foxy-query-builder', QueryBuilder);\n\nexport { QueryBuilder };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/QueryBuilder/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,wDAAqD;AACrD,0BAAuB;AAEvB,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../../internal/InternalSummaryControl/index';\nimport '../I18n/index';\n\nimport { QueryBuilder } from './QueryBuilder';\n\ncustomElements.define('foxy-query-builder', QueryBuilder);\n\nexport { QueryBuilder };\n"]}

package/dist/elements/public/QueryBuilder/styles.js

@@ -10,5 +10,28 @@ export const styles = css `.gap-1px{
 :host([sm]) .sm-grid-horizontal{
   grid-template:auto / var(--lumo-size-m) 1fr var(--lumo-size-m) 1fr;
 }
+
+input::-webkit-contacts-auto-fill-button{
+  visibility:hidden;
+  display:none !important;
+  pointer-events:none;
+  position:absolute;
+  right:0;
+}
+
+input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button{
+  -webkit-appearance:none;
+  margin:0;
+}
+
+input{
+  -moz-appearance:textfield;
+}
+
+foxy-internal-summary-control[layout='details'][count]:not([open]){
+  --lumo-contrast-5pct:var(--lumo-primary-color-10pct);
+  color:var(--lumo-primary-text-color);
+}
 `;
 //# sourceMappingURL=styles.js.map

package/dist/elements/public/QueryBuilder/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/elements/public/QueryBuilder/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG;;;;;;;;;;;CAYxB,CAAC","sourcesContent":["import { css } from 'lit-element';\n\nexport const styles = css`\n  .gap-1px {\n    gap: 1px;\n  }\n\n  .grid-vertical {\n    grid-template: auto / var(--lumo-size-m) 1fr;\n  }\n\n  :host([sm]) .sm-grid-horizontal {\n    grid-template: auto / var(--lumo-size-m) 1fr var(--lumo-size-m) 1fr;\n  }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/elements/public/QueryBuilder/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCxB,CAAC","sourcesContent":["import { css } from 'lit-element';\n\nexport const styles = css`\n  .gap-1px {\n    gap: 1px;\n  }\n\n  .grid-vertical {\n    grid-template: auto / var(--lumo-size-m) 1fr;\n  }\n\n  :host([sm]) .sm-grid-horizontal {\n    grid-template: auto / var(--lumo-size-m) 1fr var(--lumo-size-m) 1fr;\n  }\n\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    display: none !important;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n  }\n\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  input {\n    -moz-appearance: textfield;\n  }\n\n  foxy-internal-summary-control[layout='details'][count]:not([open]) {\n    --lumo-contrast-5pct: var(--lumo-primary-color-10pct);\n    color: var(--lumo-primary-text-color);\n  }\n`;\n"]}

package/dist/elements/public/QueryBuilder/types.d.ts

@@ -1,3 +1,5 @@
+import type { TemplateResult } from 'lit-html';
+import type { I18n } from '../I18n/I18n';
 export declare enum Type {
     Attribute = "attribute",
     Boolean = "boolean",
@@ -16,17 +18,33 @@ export declare enum Operator {
     In = "in"
 }
 export declare type Option = {
+    group?: {
+        name: string;
+        layout?: string;
+    };
     label: string;
-    list?: {
-        label: string;
+    list?: ({
         value: string;
-    }[];
+    } & ({
+        label: string;
+    } | {
+        rawLabel: string;
+    }))[];
     path: string;
     type: Type;
+    min?: number | string;
 };
-export declare type ParsedValue = {
+export declare type Rule = {
+    operator: Operator | null;
+    value: string;
     name?: string;
     path: string;
-    value: string;
-    operator: Operator | null;
 };
+export declare type SimpleRuleComponent = (params: {
+    disabled: boolean;
+    readonly: boolean;
+    option: Option;
+    rule: Rule | undefined;
+    t: I18n['t'];
+    onChange: (newValue: Partial<Omit<Rule, 'path'>> | null) => void;
+}) => TemplateResult;

package/dist/elements/public/QueryBuilder/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/QueryBuilder/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,IAOX;AAPD,WAAY,IAAI;IACd,+BAAuB,CAAA;IACvB,2BAAmB,CAAA;IACnB,yBAAiB,CAAA;IACjB,yBAAiB,CAAA;IACjB,qBAAa,CAAA;IACb,mBAAW,CAAA;AACb,CAAC,EAPW,IAAI,KAAJ,IAAI,QAOf;AAED,MAAM,CAAN,IAAY,QAQX;AARD,WAAY,QAAQ;IAClB,+CAAmC,CAAA;IACnC,iCAAqB,CAAA;IACrB,qDAAyC,CAAA;IACzC,uCAA2B,CAAA;IAC3B,mCAAuB,CAAA;IACvB,uBAAW,CAAA;IACX,qBAAS,CAAA;AACX,CAAC,EARW,QAAQ,KAAR,QAAQ,QAQnB","sourcesContent":["export enum Type {\n  Attribute = 'attribute',\n  Boolean = 'boolean',\n  String = 'string',\n  Number = 'number',\n  Date = 'date',\n  Any = 'any',\n}\n\nexport enum Operator {\n  LessThanOrEqual = 'lessthanorequal',\n  LessThan = 'lessthan',\n  GreaterThanOrEqual = 'greaterthanorequal',\n  GreaterThan = 'greaterthan',\n  IsDefined = 'isdefined',\n  Not = 'not',\n  In = 'in',\n}\n\nexport type Option = {\n  label: string;\n  list?: { label: string; value: string }[];\n  path: string;\n  type: Type;\n};\n\nexport type ParsedValue = {\n  name?: string;\n  path: string;\n  value: string;\n  operator: Operator | null;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/QueryBuilder/types.ts"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,IAOX;AAPD,WAAY,IAAI;IACd,+BAAuB,CAAA;IACvB,2BAAmB,CAAA;IACnB,yBAAiB,CAAA;IACjB,yBAAiB,CAAA;IACjB,qBAAa,CAAA;IACb,mBAAW,CAAA;AACb,CAAC,EAPW,IAAI,KAAJ,IAAI,QAOf;AAED,MAAM,CAAN,IAAY,QAQX;AARD,WAAY,QAAQ;IAClB,+CAAmC,CAAA;IACnC,iCAAqB,CAAA;IACrB,qDAAyC,CAAA;IACzC,uCAA2B,CAAA;IAC3B,mCAAuB,CAAA;IACvB,uBAAW,CAAA;IACX,qBAAS,CAAA;AACX,CAAC,EARW,QAAQ,KAAR,QAAQ,QAQnB","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { I18n } from '../I18n/I18n';\n\nexport enum Type {\n  Attribute = 'attribute',\n  Boolean = 'boolean',\n  String = 'string',\n  Number = 'number',\n  Date = 'date',\n  Any = 'any',\n}\n\nexport enum Operator {\n  LessThanOrEqual = 'lessthanorequal',\n  LessThan = 'lessthan',\n  GreaterThanOrEqual = 'greaterthanorequal',\n  GreaterThan = 'greaterthan',\n  IsDefined = 'isdefined',\n  Not = 'not',\n  In = 'in',\n}\n\nexport type Option = {\n  group?: { name: string; layout?: string };\n  label: string;\n  list?: ({ value: string } & ({ label: string } | { rawLabel: string }))[];\n  path: string;\n  type: Type;\n  min?: number | string;\n};\n\nexport type Rule = {\n  operator: Operator | null;\n  value: string;\n  name?: string;\n  path: string;\n};\n\nexport type SimpleRuleComponent = (params: {\n  disabled: boolean;\n  readonly: boolean;\n  option: Option;\n  rule: Rule | undefined;\n  t: I18n['t'];\n  onChange: (newValue: Partial<Omit<Rule, 'path'>> | null) => void;\n}) => TemplateResult;\n"]}

package/dist/elements/public/QueryBuilder/utils/parse.d.ts

@@ -1,3 +1,3 @@
-import { ParsedValue } from '../types';
-declare function parse(search: string): (ParsedValue | ParsedValue[])[];
+import { Rule } from '../types';
+declare function parse(search: string): (Rule | Rule[])[];
 export { parse };

package/dist/elements/public/QueryBuilder/utils/parse.js

@@ -1,14 +1,11 @@
 import { Operator } from "../types.js";
-function parseGroup(search) {
+function parseGroup(key, value) {
     var _a;
-    const separatorIndex = search.indexOf('=');
-    const fullPath = decodeURIComponent(search.substring(0, separatorIndex));
-    const value = decodeURIComponent(search.substring(separatorIndex + 1));
     const operators = Object.values(Operator);
-    const operator = (_a = operators.find(operator => fullPath.endsWith(`:${operator}`))) !== null && _a !== void 0 ? _a : null;
-    let path = fullPath.substring(0, operator ? fullPath.lastIndexOf(':') : undefined);
+    const operator = (_a = operators.find(operator => key.endsWith(`:${operator}`))) !== null && _a !== void 0 ? _a : null;
+    let path = key.substring(0, operator ? key.lastIndexOf(':') : undefined);
     let name = undefined;
-    const nameStart = fullPath.lastIndexOf('[');
+    const nameStart = key.lastIndexOf('[');
     if (path.endsWith(']') && nameStart !== -1) {
         name = path.substring(nameStart + 1, path.length - 1);
         path = path.substring(0, nameStart);
@@ -18,15 +15,21 @@ function parseGroup(search) {
     return { name, path, value, operator };
 }
 function parse(search) {
-    return search
-        .split('&')
-        .filter(v => !!v)
-        .map(entry => {
-        const [name, value] = entry.split('=').map(decodeURIComponent);
-        if (!(value === null || value === void 0 ? void 0 : value.includes('|')))
-            return parseGroup(entry);
-        return `${encodeURIComponent(name)}=${value}`.split('|').map(v => parseGroup(v));
-    });
+    const params = new URLSearchParams(search);
+    const result = [];
+    for (const [key, value] of params.entries()) {
+        if (value.includes('|')) {
+            result.push(value.split('|').map((part, index) => {
+                if (index === 0)
+                    return parseGroup(key, part);
+                return parseGroup(...part.split('='));
+            }));
+        }
+        else {
+            result.push(parseGroup(key, value));
+        }
+    }
+    return result;
 }
 export { parse };
 //# sourceMappingURL=parse.js.map