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

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

@@ -0,0 +1,111 @@
+import { serializeDate } from "../../../../utils/serialize-date.js";
+import { SimpleSelect } from "./SimpleSelect.js";
+import { SimpleInput } from "./SimpleInput.js";
+import { parseDate } from "../../../../utils/parse-date.js";
+import { Operator } from "../types.js";
+import { html } from 'lit-html';
+export const SimpleDateRule = params => {
+    var _a;
+    const { operator, value } = (_a = params.rule) !== null && _a !== void 0 ? _a : {};
+    const { min, label } = params.option;
+    const { disabled, readonly, t, onChange } = params;
+    const isRange = value === null || value === void 0 ? void 0 : 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,
+        t,
+        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' },
+        ],
+        onChange: newSelection => {
+            if (newSelection === 'any')
+                return onChange(null);
+            if (newSelection === 'range') {
+                const fromDate = new Date(value !== null && value !== void 0 ? value : new Date().toISOString());
+                const toDate = new Date(fromDate);
+                fromDate.setMonth(fromDate.getMonth() - 1);
+                fromDate.setHours(0, 0, 0, 0);
+                toDate.setHours(23, 59, 59, 999);
+                const from = fromDate.toISOString();
+                const to = toDate.toISOString();
+                return onChange({ operator: null, value: `${from}..${to}` });
+            }
+            return onChange({
+                operator: newSelection === 'equal' ? null : newSelection,
+                value: value !== null && value !== void 0 ? value : new Date().toISOString(),
+            });
+        },
+    })}
+    ${value === undefined
+        ? ''
+        : isRange
+            ? html `
+          ${SimpleInput({
+                disabled,
+                readonly,
+                layout: 'fixed',
+                label: 'range_from',
+                value: serializeDate(new Date(value.split('..')[0])),
+                type: 'date',
+                min,
+                t,
+                onChange: newValue => {
+                    var _a, _b;
+                    const fromDate = (_a = parseDate(newValue)) !== null && _a !== void 0 ? _a : new Date();
+                    const toDate = new Date((_b = value.split('..')[1]) !== null && _b !== void 0 ? _b : Date.now());
+                    fromDate.setHours(0, 0, 0, 0);
+                    toDate.setHours(23, 59, 59, 999);
+                    onChange({ value: `${fromDate.toISOString()}..${toDate.toISOString()}` });
+                },
+            })}
+          ${SimpleInput({
+                disabled,
+                readonly,
+                layout: 'fixed',
+                label: 'range_to',
+                value: serializeDate(new Date(value.split('..')[1])),
+                type: 'date',
+                min,
+                t,
+                onChange: newValue => {
+                    var _a, _b;
+                    const fromDate = new Date((_a = value.split('..')[0]) !== null && _a !== void 0 ? _a : Date.now());
+                    const toDate = (_b = parseDate(newValue)) !== null && _b !== void 0 ? _b : new Date();
+                    fromDate.setHours(0, 0, 0, 0);
+                    toDate.setHours(23, 59, 59, 999);
+                    onChange({ value: `${fromDate.toISOString()}..${toDate.toISOString()}` });
+                },
+            })}
+        `
+            : SimpleInput({
+                disabled,
+                readonly,
+                label,
+                value: serializeDate(new Date(value !== null && value !== void 0 ? value : Date.now())),
+                type: 'date',
+                min,
+                t,
+                onChange: newValue => {
+                    var _a;
+                    onChange({ value: ((_a = parseDate(newValue)) !== null && _a !== void 0 ? _a : new Date()).toISOString() });
+                },
+            })}
+  `;
+};
+//# sourceMappingURL=SimpleDateRule.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleDateRule.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/SimpleDateRule.ts"],"names":[],"mappings":"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","sourcesContent":["import type { SimpleRuleComponent } from '../types';\n\nimport { serializeDate } from '../../../../utils/serialize-date';\nimport { SimpleSelect } from './SimpleSelect';\nimport { SimpleInput } from './SimpleInput';\nimport { parseDate } from '../../../../utils/parse-date';\nimport { Operator } from '../types';\nimport { html } from 'lit-html';\n\nexport const SimpleDateRule: SimpleRuleComponent = params => {\n  const { operator, value } = params.rule ?? {};\n  const { min, label } = params.option;\n  const { disabled, readonly, t, onChange } = params;\n\n  const isRange = 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      t,\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      onChange: newSelection => {\n        if (newSelection === 'any') return onChange(null);\n\n        if (newSelection === 'range') {\n          const fromDate = new Date(value ?? new Date().toISOString());\n          const toDate = new Date(fromDate);\n\n          fromDate.setMonth(fromDate.getMonth() - 1);\n          fromDate.setHours(0, 0, 0, 0);\n          toDate.setHours(23, 59, 59, 999);\n\n          const from = fromDate.toISOString();\n          const to = toDate.toISOString();\n\n          return onChange({ operator: null, value: `${from}..${to}` });\n        }\n\n        return onChange({\n          operator: newSelection === 'equal' ? null : (newSelection as Operator),\n          value: value ?? new Date().toISOString(),\n        });\n      },\n    })}\n    ${value === undefined\n      ? ''\n      : isRange\n      ? html`\n          ${SimpleInput({\n            disabled,\n            readonly,\n            layout: 'fixed',\n            label: 'range_from',\n            value: serializeDate(new Date(value.split('..')[0])),\n            type: 'date',\n            min,\n            t,\n            onChange: newValue => {\n              const fromDate = parseDate(newValue) ?? new Date();\n              const toDate = new Date(value.split('..')[1] ?? Date.now());\n\n              fromDate.setHours(0, 0, 0, 0);\n              toDate.setHours(23, 59, 59, 999);\n\n              onChange({ value: `${fromDate.toISOString()}..${toDate.toISOString()}` });\n            },\n          })}\n          ${SimpleInput({\n            disabled,\n            readonly,\n            layout: 'fixed',\n            label: 'range_to',\n            value: serializeDate(new Date(value.split('..')[1])),\n            type: 'date',\n            min,\n            t,\n            onChange: newValue => {\n              const fromDate = new Date(value.split('..')[0] ?? Date.now());\n              const toDate = parseDate(newValue) ?? new Date();\n\n              fromDate.setHours(0, 0, 0, 0);\n              toDate.setHours(23, 59, 59, 999);\n\n              onChange({ value: `${fromDate.toISOString()}..${toDate.toISOString()}` });\n            },\n          })}\n        `\n      : SimpleInput({\n          disabled,\n          readonly,\n          label,\n          value: serializeDate(new Date(value ?? Date.now())),\n          type: 'date',\n          min,\n          t,\n          onChange: newValue => {\n            onChange({ value: (parseDate(newValue) ?? new Date()).toISOString() });\n          },\n        })}\n  `;\n};\n"]}

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

@@ -0,0 +1,14 @@
+import type { TemplateResult } from 'lit-html';
+import type { Option, Rule } from '../types';
+declare type Params = {
+    disabled: boolean;
+    readonly: boolean;
+    options: Option[];
+    layout?: string;
+    rules: Rule[];
+    name?: string;
+    t: (key: string) => string;
+    onChange: (newParsedValue: Rule[]) => void;
+};
+export declare function SimpleGroup(params: Params): TemplateResult;
+export {};

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

@@ -0,0 +1,111 @@
+import { SimpleAttributeRule } from "./SimpleAttributeRule.js";
+import { SimpleBooleanRule } from "./SimpleBooleanRule.js";
+import { SimpleNumberRule } from "./SimpleNumberRule.js";
+import { SimpleStringRule } from "./SimpleStringRule.js";
+import { SimpleDateRule } from "./SimpleDateRule.js";
+import { SimpleListRule } from "./SimpleListRule.js";
+import { SimpleSelect } from "./SimpleSelect.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { classMap } from "../../../../utils/class-map.js";
+import { html } from 'lit-html';
+import { Type } from "../types.js";
+export function SimpleGroup(params) {
+    var _a;
+    const { options, layout, rules, name, disabled, readonly, t, onChange } = params;
+    const editedOptions = options.filter(v => rules.find(vv => vv.path === v.path));
+    const orderRule = rules.find(v => v.path === 'order');
+    const parsedOrderRule = (_a = orderRule === null || orderRule === void 0 ? void 0 : orderRule.value) === null || _a === void 0 ? void 0 : _a.split(',').map(v => {
+        const [path, order = 'asc'] = decodeURIComponent(v).split(' ');
+        return { path: path.trim(), order: order.trim() };
+    });
+    return html `
+    <foxy-internal-summary-control
+      aria-label=${params.t('query_builder_group')}
+      helper-text=""
+      layout=${ifDefined(layout)}
+      label=${layout && name ? t(name) : ''}
+      count=${ifDefined(editedOptions.length || void 0)}
+      infer=""
+    >
+      ${options.map(option => {
+        var _a;
+        const { type, label, list, path } = option;
+        const controlsRenderers = {
+            [Type.Attribute]: SimpleAttributeRule,
+            [Type.Boolean]: SimpleBooleanRule,
+            [Type.String]: SimpleStringRule,
+            [Type.Number]: SimpleNumberRule,
+            [Type.Date]: SimpleDateRule,
+            [Type.Any]: SimpleStringRule,
+        };
+        const Control = list ? SimpleListRule : controlsRenderers[type];
+        const order = (_a = parsedOrderRule === null || parsedOrderRule === void 0 ? void 0 : parsedOrderRule.find(v => v.path === path)) === null || _a === void 0 ? void 0 : _a.order;
+        const rule = rules.find(rule => rule.path === path);
+        const isDirty = !!rule || !!order;
+        return html `
+          <div
+            aria-label=${t('query_builder_rule')}
+            class=${classMap({
+            'flex flex-wrap items-center justify-end gap-s': true,
+            'bg-primary-10 text-primary': isDirty,
+        })}
+          >
+            <foxy-i18n infer="" key=${label}></foxy-i18n>
+            <span class="transform scale-150 mr-auto ${isDirty ? '' : 'opacity-0'}">&bull;</span>
+            ${Control({
+            disabled,
+            readonly,
+            option,
+            rule,
+            t,
+            onChange: newParsedValue => {
+                if (newParsedValue && rule) {
+                    Object.assign(rule, newParsedValue);
+                    return onChange(rules);
+                }
+                else if (newParsedValue) {
+                    const defaults = { path: path, value: '', operator: null };
+                    return onChange([...rules, { ...defaults, ...newParsedValue }]);
+                }
+                else {
+                    return onChange(rules.filter(v => v.path !== path));
+                }
+            },
+        })}
+            ${type === Type.Date || type === Type.Number
+            ? SimpleSelect({
+                disabled,
+                readonly,
+                t,
+                current: {
+                    label: `order_${order !== null && order !== void 0 ? order : 'none'}${order ? `_${type}` : ''}`,
+                    value: order !== null && order !== void 0 ? order : 'none',
+                },
+                options: [
+                    { label: 'order_none', value: 'none' },
+                    { label: `order_asc_${type}`, value: 'asc' },
+                    { label: `order_desc_${type}`, value: 'desc' },
+                ],
+                onChange: newSelection => {
+                    const newParsedOrderRule = (parsedOrderRule !== null && parsedOrderRule !== void 0 ? parsedOrderRule : [])
+                        .filter(v => v.path !== path)
+                        .concat([{ path, order: newSelection }]);
+                    const newOrderValue = newParsedOrderRule
+                        .filter(v => v.order !== 'none')
+                        .map(v => `${v.path} ${v.order}`)
+                        .join();
+                    const newRules = rules.filter(v => v.path !== 'order');
+                    if (newOrderValue) {
+                        newRules.push({ path: 'order', value: newOrderValue, operator: null });
+                    }
+                    onChange(newRules);
+                },
+            })
+            : ''}
+          </div>
+        `;
+    })}
+    </foxy-internal-summary-control>
+  `;
+}
+//# sourceMappingURL=SimpleGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleGroup.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/SimpleGroup.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Option, Rule } from '../types';\n\nimport { SimpleAttributeRule } from './SimpleAttributeRule';\nimport { SimpleBooleanRule } from './SimpleBooleanRule';\nimport { SimpleNumberRule } from './SimpleNumberRule';\nimport { SimpleStringRule } from './SimpleStringRule';\nimport { SimpleDateRule } from './SimpleDateRule';\nimport { SimpleListRule } from './SimpleListRule';\nimport { SimpleSelect } from './SimpleSelect';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../../utils/class-map';\nimport { html } from 'lit-html';\nimport { Type } from '../types';\n\ntype Params = {\n  disabled: boolean;\n  readonly: boolean;\n  options: Option[];\n  layout?: string;\n  rules: Rule[];\n  name?: string;\n  t: (key: string) => string;\n  onChange: (newParsedValue: Rule[]) => void;\n};\n\nexport function SimpleGroup(params: Params): TemplateResult {\n  const { options, layout, rules, name, disabled, readonly, t, onChange } = params;\n\n  const editedOptions = options.filter(v => rules.find(vv => vv.path === v.path));\n  const orderRule = rules.find(v => v.path === 'order');\n  const parsedOrderRule = orderRule?.value?.split(',').map(v => {\n    const [path, order = 'asc'] = decodeURIComponent(v).split(' ');\n    return { path: path.trim(), order: order.trim() };\n  });\n\n  return html`\n    <foxy-internal-summary-control\n      aria-label=${params.t('query_builder_group')}\n      helper-text=\"\"\n      layout=${ifDefined(layout)}\n      label=${layout && name ? t(name) : ''}\n      count=${ifDefined(editedOptions.length || void 0)}\n      infer=\"\"\n    >\n      ${options.map(option => {\n        const { type, label, list, path } = option;\n\n        const controlsRenderers = {\n          [Type.Attribute]: SimpleAttributeRule,\n          [Type.Boolean]: SimpleBooleanRule,\n          [Type.String]: SimpleStringRule,\n          [Type.Number]: SimpleNumberRule,\n          [Type.Date]: SimpleDateRule,\n          [Type.Any]: SimpleStringRule,\n        } as const;\n\n        const Control = list ? SimpleListRule : controlsRenderers[type];\n        const order = parsedOrderRule?.find(v => v.path === path)?.order;\n        const rule = rules.find(rule => rule.path === path);\n        const isDirty = !!rule || !!order;\n\n        return html`\n          <div\n            aria-label=${t('query_builder_rule')}\n            class=${classMap({\n              'flex flex-wrap items-center justify-end gap-s': true,\n              'bg-primary-10 text-primary': isDirty,\n            })}\n          >\n            <foxy-i18n infer=\"\" key=${label}></foxy-i18n>\n            <span class=\"transform scale-150 mr-auto ${isDirty ? '' : 'opacity-0'}\">&bull;</span>\n            ${Control({\n              disabled,\n              readonly,\n              option,\n              rule,\n              t,\n              onChange: newParsedValue => {\n                if (newParsedValue && rule) {\n                  Object.assign(rule, newParsedValue);\n                  return onChange(rules);\n                } else if (newParsedValue) {\n                  const defaults = { path: path, value: '', operator: null };\n                  return onChange([...rules, { ...defaults, ...newParsedValue }]);\n                } else {\n                  return onChange(rules.filter(v => v.path !== path));\n                }\n              },\n            })}\n            ${type === Type.Date || type === Type.Number\n              ? SimpleSelect({\n                  disabled,\n                  readonly,\n                  t,\n                  current: {\n                    label: `order_${order ?? 'none'}${order ? `_${type}` : ''}`,\n                    value: order ?? 'none',\n                  },\n                  options: [\n                    { label: 'order_none', value: 'none' },\n                    { label: `order_asc_${type}`, value: 'asc' },\n                    { label: `order_desc_${type}`, value: 'desc' },\n                  ],\n                  onChange: newSelection => {\n                    const newParsedOrderRule = (parsedOrderRule ?? [])\n                      .filter(v => v.path !== path)\n                      .concat([{ path, order: newSelection }]);\n\n                    const newOrderValue = newParsedOrderRule\n                      .filter(v => v.order !== 'none')\n                      .map(v => `${v.path} ${v.order}`)\n                      .join();\n\n                    const newRules = rules.filter(v => v.path !== 'order');\n                    if (newOrderValue) {\n                      newRules.push({ path: 'order', value: newOrderValue, operator: null });\n                    }\n\n                    onChange(newRules);\n                  },\n                })\n              : ''}\n          </div>\n        `;\n      })}\n    </foxy-internal-summary-control>\n  `;\n}\n"]}

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

@@ -0,0 +1,15 @@
+import type { TemplateResult } from 'lit-html';
+import type { I18n } from '../../I18n/I18n';
+declare type Params = {
+    disabled: boolean;
+    readonly: boolean;
+    layout?: 'auto-grow' | 'fixed';
+    value: string;
+    label: string;
+    type?: string;
+    min?: string | number;
+    t: I18n['t'];
+    onChange: (newValue: string) => void;
+};
+export declare function SimpleInput(params: Params): TemplateResult;
+export {};

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

@@ -0,0 +1,43 @@
+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">
+      <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}
+              @input=${(evt) => onChange(evt.target.value)}
+            />
+          `}
+    </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;;kCAEqB,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;uBACL,CAAC,GAAU,EAAE,EAAE,CAAC,QAAQ,CAAE,GAAG,CAAC,MAA2B,CAAC,KAAK,CAAC;;WAE5E;;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 class=\"flex-shrink-0 flex items-center gap-s relative\">\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              @input=${(evt: Event) => onChange((evt.target as HTMLInputElement).value)}\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;