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

package/dist/elements/public/QueryBuilder/components/{Rule.js → AdvancedRule.js}

@@ -1,39 +1,12 @@
-import * as icons from "../icons/index.js";
-import { Operator, Type } from "../types.js";
-import { html } from 'lit-html';
-import { BooleanValue } from "./BooleanValue.js";
-import { IsDefinedValue } from "./IsDefinedValue.js";
-import { ListValue } from "./ListValue.js";
-import { Name } from "./Name.js";
-import { OperatorToggle } from "./OperatorToggle.js";
-import { Path } from "./Path.js";
-import { RangeValue } from "./RangeValue.js";
-import { SingleValue } from "./SingleValue.js";
+import { AdvancedOperatorToggle } from "./AdvancedOperatorToggle.js";
+import { AdvancedInput } from "./AdvancedInput.js";
 import { classMap } from "../../../../utils/class-map.js";
-export function Rule(params) {
+import { field } from "../icons/index.js";
+import { html } from 'lit-html';
+export function AdvancedRule(params) {
     var _a, _b;
-    const { parsedValue, isFullSize, isNested, readonly, disabled, options, t, onConvert, onDelete, onChange, } = params;
-    const option = (_a = options.find(o => o.path === parsedValue.path)) !== null && _a !== void 0 ? _a : null;
-    const type = (_b = option === null || option === void 0 ? void 0 : option.type) !== null && _b !== void 0 ? _b : Type.Any;
-    const operator = parsedValue.operator;
-    const componentParams = {
-        parsedValue: parsedValue,
-        operators: params.operators,
-        disabled,
-        readonly,
-        options,
-        option,
-        t,
-        onChange,
-    };
-    const typeToIcon = {
-        [Type.Attribute]: icons.typeAttribute,
-        [Type.Boolean]: icons.typeBoolean,
-        [Type.Number]: icons.typeNumber,
-        [Type.String]: icons.typeString,
-        [Type.Date]: icons.typeDate,
-        [Type.Any]: icons.typeAny,
-    };
+    const { isFullSize, isNested, disableOr, readonly, disabled, rule } = params;
+    const { t, onConvert, onDelete, onChange } = params;
     return html `
     <div class="flex items-center space-x-s" aria-label=${t('query_builder_rule')}>
       <div
@@ -47,42 +20,60 @@ export function Rule(params) {
       >
         <div class="bg-contrast-10">
           <div class="grid gap-1px grid-vertical sm-grid-horizontal">
-            <div class="bg-base" title=${t(`type_${type}`)}>
+            <div class="bg-base">
               <div
+                aria-hidden="true"
                 class=${classMap({
-        'w-m h-m': true,
         'text-tertiary': !readonly && !disabled,
         'text-disabled': readonly || disabled,
+        'w-m h-m': true,
     })}
-                aria-hidden="true"
               >
-                ${option ? typeToIcon[type] : icons.typeAny}
+                ${field}
               </div>
             </div>
 
             <div class="bg-base">
-              ${parsedValue.path && (type === Type.Attribute || parsedValue.name)
+              ${rule.path && rule.name
         ? html `
                     <div class="bg-contrast-10 grid gap-1px grid-cols-1 sm-grid-cols-2">
-                      <div class="bg-base">${Path(componentParams)}</div>
-                      <div class="bg-base">${Name(componentParams)}</div>
+                      <div class="bg-base">
+                        ${AdvancedInput({
+            ...params,
+            value: rule.path,
+            label: 'field',
+            onChange: newPath => {
+                onChange({ operator: null, value: '', path: newPath });
+            },
+        })}
+                      </div>
+                      <div class="bg-base">
+                        ${AdvancedInput({
+            ...params,
+            value: (_a = rule.name) !== null && _a !== void 0 ? _a : '',
+            label: 'name',
+            onChange: newValue => onChange({ ...rule, name: newValue }),
+        })}
+                      </div>
                     </div>
                   `
-        : Path(componentParams)}
+        : AdvancedInput({
+            ...params,
+            value: rule.path,
+            label: 'field',
+            onChange: newPath => onChange({ operator: null, value: '', path: newPath }),
+        })}
             </div>
 
-            <div class="bg-base">${OperatorToggle(componentParams)}</div>
-
+            <div class="bg-base">${AdvancedOperatorToggle(params)}</div>
             <div class="bg-base">
-              ${operator === Operator.In
-        ? ListValue(componentParams)
-        : operator === Operator.IsDefined
-            ? IsDefinedValue(componentParams)
-            : type === Type.Boolean
-                ? BooleanValue(componentParams)
-                : operator === null && [Type.Number, Type.Date].includes(type)
-                    ? RangeValue(componentParams)
-                    : SingleValue(componentParams)}
+              ${AdvancedInput({
+        ...params,
+        disabled: disabled || !rule.path,
+        value: (_b = rule.value) !== null && _b !== void 0 ? _b : '',
+        label: 'value',
+        onChange: newValue => onChange({ ...rule, value: newValue }),
+    })}
             </div>
           </div>
         </div>
@@ -103,9 +94,9 @@ export function Rule(params) {
         'text-secondary hover-bg-contrast-5 hover-text-error': !disabled,
         'cursor-default text-disabled': disabled,
         'focus-outline-none focus-ring-2 ring-primary-50': true,
-        'opacity-0 pointer-events-none': !parsedValue.path,
+        'opacity-0 pointer-events-none': !rule.path,
     })}
-          ?disabled=${disabled || readonly || !parsedValue.path}
+          ?disabled=${disabled || readonly || !rule.path}
           @click=${onDelete}
         >
           <iron-icon
@@ -123,10 +114,10 @@ export function Rule(params) {
         'text-success hover-bg-contrast-5': !disabled,
         'cursor-default text-disabled': disabled,
         'focus-outline-none focus-ring-2 ring-primary-50': true,
-        'opacity-0 pointer-events-none': !parsedValue.path || !!isNested || params.disableOr,
+        'opacity-0 pointer-events-none': !rule.path || !!isNested || disableOr,
     })}
-          ?disabled=${disabled || readonly || !parsedValue.path || !!isNested || params.disableOr}
-          ?hidden=${params.disableOr}
+          ?disabled=${disabled || readonly || !rule.path || !!isNested || disableOr}
+          ?hidden=${disableOr}
           @click=${onConvert}
         >
           <iron-icon
@@ -140,4 +131,4 @@ export function Rule(params) {
     </div>
   `;
 }
-//# sourceMappingURL=Rule.js.map
+//# sourceMappingURL=AdvancedRule.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedRule.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/AdvancedRule.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Operator, Rule } from '../types';\nimport type { I18n } from '../../I18n/I18n';\n\nimport { AdvancedOperatorToggle } from './AdvancedOperatorToggle';\nimport { AdvancedInput } from './AdvancedInput';\nimport { classMap } from '../../../../utils/class-map';\nimport { field } from '../icons/index';\nimport { html } from 'lit-html';\n\ntype Params = {\n  isFullSize?: boolean;\n  isNested?: boolean;\n  operators: Operator[];\n  disableOr: boolean;\n  readonly: boolean;\n  disabled: boolean;\n  rule: Rule;\n  t: I18n['t'];\n  onConvert?: () => void;\n  onDelete?: () => void;\n  onChange: (newValue: Rule) => void;\n};\n\nexport function AdvancedRule(params: Params): TemplateResult {\n  const { isFullSize, isNested, disableOr, readonly, disabled, rule } = params;\n  const { t, onConvert, onDelete, onChange } = params;\n\n  return html`\n    <div class=\"flex items-center space-x-s\" aria-label=${t('query_builder_rule')}>\n      <div\n        class=${classMap({\n          'flex-1 bg-base rounded overflow-hidden border': true,\n          'border-contrast-10': !isNested && !readonly,\n          'border-contrast-50': !!isNested || readonly,\n          'border-dashed': readonly,\n          'border-solid': !readonly,\n        })}\n      >\n        <div class=\"bg-contrast-10\">\n          <div class=\"grid gap-1px grid-vertical sm-grid-horizontal\">\n            <div class=\"bg-base\">\n              <div\n                aria-hidden=\"true\"\n                class=${classMap({\n                  'text-tertiary': !readonly && !disabled,\n                  'text-disabled': readonly || disabled,\n                  'w-m h-m': true,\n                })}\n              >\n                ${field}\n              </div>\n            </div>\n\n            <div class=\"bg-base\">\n              ${rule.path && rule.name\n                ? html`\n                    <div class=\"bg-contrast-10 grid gap-1px grid-cols-1 sm-grid-cols-2\">\n                      <div class=\"bg-base\">\n                        ${AdvancedInput({\n                          ...params,\n                          value: rule.path,\n                          label: 'field',\n                          onChange: newPath => {\n                            onChange({ operator: null, value: '', path: newPath });\n                          },\n                        })}\n                      </div>\n                      <div class=\"bg-base\">\n                        ${AdvancedInput({\n                          ...params,\n                          value: rule.name ?? '',\n                          label: 'name',\n                          onChange: newValue => onChange({ ...rule, name: newValue }),\n                        })}\n                      </div>\n                    </div>\n                  `\n                : AdvancedInput({\n                    ...params,\n                    value: rule.path,\n                    label: 'field',\n                    onChange: newPath => onChange({ operator: null, value: '', path: newPath }),\n                  })}\n            </div>\n\n            <div class=\"bg-base\">${AdvancedOperatorToggle(params)}</div>\n            <div class=\"bg-base\">\n              ${AdvancedInput({\n                ...params,\n                disabled: disabled || !rule.path,\n                value: rule.value ?? '',\n                label: 'value',\n                onChange: newValue => onChange({ ...rule, value: newValue }),\n              })}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div\n        class=${classMap({\n          '-mr-s self-start flex-col sm-flex-row flex-shrink-0 items-center': true,\n          'border-t border-b border-transparent divide-y divide-transparent': true,\n          'hidden': !!isFullSize || readonly,\n          'flex': !isFullSize,\n        })}\n      >\n        <button\n          aria-label=${t('delete')}\n          class=${classMap({\n            'box-content flex w-m h-m rounded-full transition-colors': true,\n            'text-secondary hover-bg-contrast-5 hover-text-error': !disabled,\n            'cursor-default text-disabled': disabled,\n            'focus-outline-none focus-ring-2 ring-primary-50': true,\n            'opacity-0 pointer-events-none': !rule.path,\n          })}\n          ?disabled=${disabled || readonly || !rule.path}\n          @click=${onDelete}\n        >\n          <iron-icon\n            aria-hidden=\"true\"\n            class=\"m-auto icon-inline text-xl\"\n            icon=\"icons:remove-circle-outline\"\n          >\n          </iron-icon>\n        </button>\n\n        <button\n          aria-label=${t('add_or_clause')}\n          class=${classMap({\n            'box-content flex w-m h-m rounded-full transition-colors': true,\n            'text-success hover-bg-contrast-5': !disabled,\n            'cursor-default text-disabled': disabled,\n            'focus-outline-none focus-ring-2 ring-primary-50': true,\n            'opacity-0 pointer-events-none': !rule.path || !!isNested || disableOr,\n          })}\n          ?disabled=${disabled || readonly || !rule.path || !!isNested || disableOr}\n          ?hidden=${disableOr}\n          @click=${onConvert}\n        >\n          <iron-icon\n            aria-hidden=\"true\"\n            class=\"m-auto icon-inline text-xl\"\n            icon=\"icons:add-circle-outline\"\n          >\n          </iron-icon>\n        </button>\n      </div>\n    </div>\n  `;\n}\n"]}

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

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

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

@@ -0,0 +1,78 @@
+import { SimpleSelect } from "./SimpleSelect.js";
+import { SimpleInput } from "./SimpleInput.js";
+import { Operator } from "../types.js";
+import { classMap } from "../../../../utils/class-map.js";
+import { html } from 'lit-html';
+export const SimpleAttributeRule = params => {
+    var _a;
+    const { operator, value, name } = (_a = params.rule) !== null && _a !== void 0 ? _a : {};
+    const { disabled, readonly, t } = params;
+    const not = Operator.Not;
+    const labelClass = classMap({ 'text-disabled': disabled, 'text-contrast-80': readonly });
+    const displayedOperator = operator === null ? 'equal' : operator === not ? not : null;
+    return html `
+    <foxy-i18n class=${labelClass} infer="" key="name"></foxy-i18n>
+
+    ${SimpleInput({
+        layout: 'auto-grow',
+        value: name || '',
+        label: 'name',
+        type: 'text',
+        disabled,
+        readonly,
+        t,
+        onChange: newValue => {
+            if (!newValue)
+                return params.onChange(null);
+            if (value) {
+                params.onChange({ name: newValue });
+            }
+            else {
+                params.onChange({ name: newValue, operator: Operator.IsDefined, value: 'true' });
+            }
+        },
+    })}
+
+    <foxy-i18n class=${labelClass} infer="" key="value"></foxy-i18n>
+
+    ${SimpleSelect({
+        current: {
+            label: displayedOperator ? `operator_${displayedOperator}` : 'value_any',
+            value: displayedOperator !== null && displayedOperator !== void 0 ? displayedOperator : 'any',
+        },
+        options: [
+            { label: 'value_any', value: 'any' },
+            { label: 'operator_equal', value: 'equal' },
+            { label: 'operator_not', value: not },
+        ],
+        disabled,
+        readonly,
+        t,
+        onChange: newValue => {
+            if (newValue === 'any') {
+                params.onChange(name ? { operator: Operator.IsDefined, value: 'true' } : null);
+            }
+            else {
+                return params.onChange({
+                    operator: newValue === 'equal' ? null : newValue,
+                    value: operator === Operator.IsDefined ? '' : value !== null && value !== void 0 ? value : '',
+                    name: name !== null && name !== void 0 ? name : '',
+                });
+            }
+        },
+    })}
+    ${value === undefined || operator === Operator.IsDefined
+        ? ''
+        : SimpleInput({
+            layout: 'auto-grow',
+            label: 'value',
+            value: value || '',
+            type: 'text',
+            disabled,
+            readonly,
+            t,
+            onChange: newValue => params.onChange({ value: newValue }),
+        })}
+  `;
+};
+//# sourceMappingURL=SimpleAttributeRule.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleAttributeRule.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/SimpleAttributeRule.ts"],"names":[],"mappings":"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","sourcesContent":["import type { SimpleRuleComponent } from '../types';\n\nimport { SimpleSelect } from './SimpleSelect';\nimport { SimpleInput } from './SimpleInput';\nimport { Operator } from '../types';\nimport { classMap } from '../../../../utils/class-map';\nimport { html } from 'lit-html';\n\nexport const SimpleAttributeRule: SimpleRuleComponent = params => {\n  const { operator, value, name } = params.rule ?? {};\n  const { disabled, readonly, t } = params;\n\n  const not = Operator.Not;\n  const labelClass = classMap({ 'text-disabled': disabled, 'text-contrast-80': readonly });\n  const displayedOperator = operator === null ? 'equal' : operator === not ? not : null;\n\n  return html`\n    <foxy-i18n class=${labelClass} infer=\"\" key=\"name\"></foxy-i18n>\n\n    ${SimpleInput({\n      layout: 'auto-grow',\n      value: name || '',\n      label: 'name',\n      type: 'text',\n      disabled,\n      readonly,\n      t,\n      onChange: newValue => {\n        if (!newValue) return params.onChange(null);\n        if (value) {\n          params.onChange({ name: newValue });\n        } else {\n          params.onChange({ name: newValue, operator: Operator.IsDefined, value: 'true' });\n        }\n      },\n    })}\n\n    <foxy-i18n class=${labelClass} infer=\"\" key=\"value\"></foxy-i18n>\n\n    ${SimpleSelect({\n      current: {\n        label: displayedOperator ? `operator_${displayedOperator}` : 'value_any',\n        value: displayedOperator ?? 'any',\n      },\n      options: [\n        { label: 'value_any', value: 'any' },\n        { label: 'operator_equal', value: 'equal' },\n        { label: 'operator_not', value: not },\n      ],\n      disabled,\n      readonly,\n      t,\n      onChange: newValue => {\n        if (newValue === 'any') {\n          params.onChange(name ? { operator: Operator.IsDefined, value: 'true' } : null);\n        } else {\n          return params.onChange({\n            operator: newValue === 'equal' ? null : (newValue as Operator),\n            value: operator === Operator.IsDefined ? '' : value ?? '',\n            name: name ?? '',\n          });\n        }\n      },\n    })}\n    ${value === undefined || operator === Operator.IsDefined\n      ? ''\n      : SimpleInput({\n          layout: 'auto-grow',\n          label: 'value',\n          value: value || '',\n          type: 'text',\n          disabled,\n          readonly,\n          t,\n          onChange: newValue => params.onChange({ value: newValue }),\n        })}\n  `;\n};\n"]}

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

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

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

@@ -0,0 +1,16 @@
+import { SimpleSelect } from "./SimpleSelect.js";
+export const SimpleBooleanRule = params => {
+    var _a;
+    const options = [
+        { label: 'value_any', value: 'any' },
+        { label: `${params.option.label}_true`, value: 'true' },
+        { label: `${params.option.label}_false`, value: 'false' },
+    ];
+    return SimpleSelect({
+        ...params,
+        onChange: newValue => params.onChange(newValue === 'any' ? null : { value: newValue }),
+        current: (_a = options.find(o => { var _a; return o.value === ((_a = params.rule) === null || _a === void 0 ? void 0 : _a.value); })) !== null && _a !== void 0 ? _a : options[0],
+        options,
+    });
+};
+//# sourceMappingURL=SimpleBooleanRule.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleBooleanRule.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/SimpleBooleanRule.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,MAAM,CAAC,MAAM,iBAAiB,GAAwB,MAAM,CAAC,EAAE;;IAC7D,MAAM,OAAO,GAAG;QACd,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE;QACpC,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;QACvD,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE;KAC1D,CAAC;IAEF,OAAO,YAAY,CAAC;QAClB,GAAG,MAAM;QACT,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;QACtF,OAAO,QAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,CAAC,CAAC,KAAK,YAAK,MAAM,CAAC,IAAI,0CAAE,KAAK,CAAA,CAAA,EAAA,CAAC,mCAAI,OAAO,CAAC,CAAC,CAAC;QACxE,OAAO;KACR,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import type { SimpleRuleComponent } from '../types';\n\nimport { SimpleSelect } from './SimpleSelect';\n\nexport const SimpleBooleanRule: SimpleRuleComponent = params => {\n  const options = [\n    { label: 'value_any', value: 'any' },\n    { label: `${params.option.label}_true`, value: 'true' },\n    { label: `${params.option.label}_false`, value: 'false' },\n  ];\n\n  return SimpleSelect({\n    ...params,\n    onChange: newValue => params.onChange(newValue === 'any' ? null : { value: newValue }),\n    current: options.find(o => o.value === params.rule?.value) ?? options[0],\n    options,\n  });\n};\n"]}

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

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

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 {};