npm - @foxy.io/elements - Versions diffs - 1.22.0-beta.1 → 1.22.0-beta.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (293) hide show

package/dist/elements/public/QueryBuilder/components/RangeValue.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { Input } from "./Input.js";
 import { Select } from "./Select.js";
 export function RangeValue(params) {
     var _a, _b, _c;
-    const { t, parsedValue, option, onChange } = params;
+    const { t, parsedValue, option, readonly, disabled, onChange } = params;
     const splitValue = parsedValue.value.split('..');
     const from = splitValue.length >= 1 ? splitValue[0] : '';
     const to = splitValue.length >= 2 ? splitValue[1] : '';
@@ -17,6 +17,8 @@ export function RangeValue(params) {
       <div class="bg-base">
         ${Field({
         displayValue: (_b = list === null || list === void 0 ? void 0 : list.find(v => v.value === from)) === null || _b === void 0 ? void 0 : _b.label,
+        readonly,
+        disabled,
         value: from,
         label: 'range_from',
         type: type,
@@ -29,6 +31,8 @@ export function RangeValue(params) {
       <div class="bg-base">
         ${Field({
         displayValue: (_c = list === null || list === void 0 ? void 0 : list.find(v => v.value === to)) === null || _c === void 0 ? void 0 : _c.label,
+        readonly,
+        disabled,
         label: 'range_to',
         value: to,
         type: type,

package/dist/elements/public/QueryBuilder/components/RangeValue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RangeValue.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/RangeValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,oBAAiB;AACrD,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,KAAK,EAAE,mBAAgB;AAChC,OAAO,EAAE,MAAM,EAAE,oBAAiB;~~AASlC~~,MAAM,UAAU,UAAU,CAAC,MAAwB;;IACjD,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;~~IACpD~~,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACzD,MAAM,EAAE,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvD,MAAM,KAAK,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5C,MAAM,UAAU,SAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,IAAI,CAAC,GAAG,CAAC;IAC5C,MAAM,IAAI,GAAG,UAAU,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAChG,MAAM,IAAI,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC;IAE1B,OAAO,IAAI,CAAA;;;UAGH,KAAK,CAAC;QACN,YAAY,QAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,2CAAG,KAAK;QACtD,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,CAAC,EAAE,CAAC;QACJ,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,GAAG,QAAQ,KAAK,EAAE,EAAE,EAAE,CAAC;KAChF,CAAC;;;;UAIA,KAAK,CAAC;QACN,YAAY,QAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE,2CAAG,KAAK;QACpD,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,CAAC,EAAE,CAAC;QACJ,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,GAAG,IAAI,KAAK,QAAQ,EAAE,EAAE,CAAC;KAClF,CAAC;;;GAGP,CAAC;AACJ,CAAC","sourcesContent":["import { Option, ParsedValue, Type } from '../types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { Input } from './Input';\nimport { Select } from './Select';\n\nexport type RangeValueParams = {\n parsedValue: ParsedValue;\n option: Option \| null;\n t: I18n['t'];\n onChange: (newValue: ParsedValue) => void;\n};\n\nexport function RangeValue(params: RangeValueParams): TemplateResult {\n const { t, parsedValue, option, onChange } = params;\n const splitValue = parsedValue.value.split('..');\n const from = splitValue.length >= 1 ? splitValue[0] : '';\n const to = splitValue.length >= 2 ? splitValue[1] : '';\n\n const Field = option?.list ? Select : Input;\n const optionType = option?.type ?? Type.Any;\n const type = optionType === Type.Number ? 'number' : optionType === Type.Date ? 'date' : 'text';\n const list = option?.list;\n\n return html`\n <div class=\"grid bg-contrast-10 gap-1px grid-cols-1 grid-rows-2 sm-grid-cols-2 sm-grid-rows-1\">\n <div class=\"bg-base\">\n ${Field({\n displayValue: list?.find(v => v.value === from)?.label,\n value: from,\n label: 'range_from',\n type: type,\n list: list,\n t: t,\n onChange: newValue => onChange({ ...parsedValue, value: `${newValue}..${to}` }),\n })}\n </div>\n\n <div class=\"bg-base\">\n ${Field({\n displayValue: list?.find(v => v.value === to)?.label,\n label: 'range_to',\n value: to,\n type: type,\n list: list,\n t: t,\n onChange: newValue => onChange({ ...parsedValue, value: `${from}..${newValue}` }),\n })}\n </div>\n </div>\n `;\n}\n"]}
1	+ {"version":3,"file":"RangeValue.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/RangeValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,oBAAiB;AACrD,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,KAAK,EAAE,mBAAgB;AAChC,OAAO,EAAE,MAAM,EAAE,oBAAiB;AAWlC,MAAM,UAAU,UAAU,CAAC,MAAwB;;IACjD,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IACxE,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACzD,MAAM,EAAE,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvD,MAAM,KAAK,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5C,MAAM,UAAU,SAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,IAAI,CAAC,GAAG,CAAC;IAC5C,MAAM,IAAI,GAAG,UAAU,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAChG,MAAM,IAAI,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC;IAE1B,OAAO,IAAI,CAAA;;;UAGH,KAAK,CAAC;QACN,YAAY,QAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,2CAAG,KAAK;QACtD,QAAQ;QACR,QAAQ;QACR,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,CAAC,EAAE,CAAC;QACJ,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,GAAG,QAAQ,KAAK,EAAE,EAAE,EAAE,CAAC;KAChF,CAAC;;;;UAIA,KAAK,CAAC;QACN,YAAY,QAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE,2CAAG,KAAK;QACpD,QAAQ;QACR,QAAQ;QACR,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,CAAC,EAAE,CAAC;QACJ,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,GAAG,IAAI,KAAK,QAAQ,EAAE,EAAE,CAAC;KAClF,CAAC;;;GAGP,CAAC;AACJ,CAAC","sourcesContent":["import { Option, ParsedValue, Type } from '../types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { Input } from './Input';\nimport { Select } from './Select';\n\nexport type RangeValueParams = {\n parsedValue: ParsedValue;\n readonly: boolean;\n disabled: boolean;\n option: Option \| null;\n t: I18n['t'];\n onChange: (newValue: ParsedValue) => void;\n};\n\nexport function RangeValue(params: RangeValueParams): TemplateResult {\n const { t, parsedValue, option, readonly, disabled, onChange } = params;\n const splitValue = parsedValue.value.split('..');\n const from = splitValue.length >= 1 ? splitValue[0] : '';\n const to = splitValue.length >= 2 ? splitValue[1] : '';\n\n const Field = option?.list ? Select : Input;\n const optionType = option?.type ?? Type.Any;\n const type = optionType === Type.Number ? 'number' : optionType === Type.Date ? 'date' : 'text';\n const list = option?.list;\n\n return html`\n <div class=\"grid bg-contrast-10 gap-1px grid-cols-1 grid-rows-2 sm-grid-cols-2 sm-grid-rows-1\">\n <div class=\"bg-base\">\n ${Field({\n displayValue: list?.find(v => v.value === from)?.label,\n readonly,\n disabled,\n value: from,\n label: 'range_from',\n type: type,\n list: list,\n t: t,\n onChange: newValue => onChange({ ...parsedValue, value: `${newValue}..${to}` }),\n })}\n </div>\n\n <div class=\"bg-base\">\n ${Field({\n displayValue: list?.find(v => v.value === to)?.label,\n readonly,\n disabled,\n label: 'range_to',\n value: to,\n type: type,\n list: list,\n t: t,\n onChange: newValue => onChange({ ...parsedValue, value: `${from}..${newValue}` }),\n })}\n </div>\n </div>\n `;\n}\n"]}

package/dist/elements/public/QueryBuilder/components/Rule.d.ts CHANGED Viewed

@@ -5,6 +5,8 @@ export declare type RuleParams = {
     parsedValue: ParsedValue;
     isFullSize?: boolean;
     isNested?: boolean;
+    disabled: boolean;
+    readonly: boolean;
     options: Option[];
     t: I18n['t'];
     onChange: (newValue: ParsedValue) => void;

package/dist/elements/public/QueryBuilder/components/Rule.js CHANGED Viewed

@@ -12,11 +12,19 @@ import { SingleValue } from "./SingleValue.js";
 import { classMap } from "../../../../utils/class-map.js";
 export function Rule(params) {
     var _a, _b;
-    const { parsedValue, options, t, isNested, isFullSize, onChange, onDelete, onConvert } = params;
+    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, option, options, t, onChange };
+    const componentParams = {
+        parsedValue: parsedValue,
+        disabled,
+        readonly,
+        options,
+        option,
+        t,
+        onChange,
+    };
     const typeToIcon = {
         [Type.Attribute]: icons.typeAttribute,
         [Type.Boolean]: icons.typeBoolean,
@@ -30,14 +38,23 @@ export function Rule(params) {
       <div
         class=${classMap({
         'flex-1 bg-base rounded overflow-hidden border': true,
-        'border-contrast-10': !isNested,
-        'border-contrast-50': !!isNested,
+        'border-contrast-10': !isNested && !readonly,
+        'border-contrast-50': !!isNested || readonly,
+        'border-dashed': readonly,
+        'border-solid': !readonly,
     })}
       >
         <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="w-m h-m text-tertiary" aria-hidden="true">
+              <div
+                class=${classMap({
+        'w-m h-m': true,
+        'text-tertiary': !readonly && !disabled,
+        'text-disabled': readonly || disabled,
+    })}
+                aria-hidden="true"
+              >
                 ${option ? typeToIcon[type] : icons.typeAny}
               </div>
             </div>
@@ -74,7 +91,7 @@ export function Rule(params) {
         class=${classMap({
         '-mr-s self-start flex-col sm-flex-row flex-shrink-0 items-center': true,
         'border-t border-b border-transparent divide-y divide-transparent': true,
-        'hidden': !!isFullSize,
+        'hidden': !!isFullSize || readonly,
         'flex': !isFullSize,
     })}
       >
@@ -82,11 +99,12 @@ export function Rule(params) {
           aria-label=${t('delete')}
           class=${classMap({
         'box-content flex w-m h-m rounded-full transition-colors': true,
-        'text-secondary hover-bg-contrast-5 hover-text-error': true,
+        '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': !parsedValue.path,
     })}
-          ?disabled=${!parsedValue.path}
+          ?disabled=${disabled || readonly || !parsedValue.path}
           @click=${onDelete}
         >
           <iron-icon
@@ -100,11 +118,13 @@ export function Rule(params) {
         <button
           aria-label=${t('add_or_clause')}
           class=${classMap({
-        'box-content flex w-m h-m rounded-full transition-colors text-success': true,
-        'hover-bg-contrast-5 focus-outline-none focus-ring-2 ring-primary-50': true,
+        'box-content flex w-m h-m rounded-full transition-colors': true,
+        'text-success hover-bg-contrast-5': !disabled,
+        'cursor-default text-disabled': disabled,
+        'focus-outline-none focus-ring-2 ring-primary-50': true,
         'opacity-0': !parsedValue.path || !!isNested,
     })}
-          ?disabled=${!parsedValue.path}
+          ?disabled=${disabled || readonly || !parsedValue.path}
           @click=${onConvert}
         >
           <iron-icon

package/dist/elements/public/QueryBuilder/components/Rule.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Rule.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/Rule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,0BAAuB;AAExC,OAAO,EAAE,QAAQ,EAAuB,IAAI,EAAE,oBAAiB;AAC/D,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,OAAO,EAAE,cAAc,EAAE,4BAAyB;AAClD,OAAO,EAAE,SAAS,EAAE,uBAAoB;AACxC,OAAO,EAAE,IAAI,EAAE,kBAAe;AAC9B,OAAO,EAAE,cAAc,EAAE,4BAAyB;AAClD,OAAO,EAAE,IAAI,EAAE,kBAAe;AAC9B,OAAO,EAAE,UAAU,EAAE,wBAAqB;AAC1C,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAC5C,OAAO,EAAE,QAAQ,EAAE,uCAAoC;~~AAavD~~,MAAM,UAAU,IAAI,CAAC,MAAkB;;IACrC,MAAM,~~EAAE~~,WAAW,~~EAAE~~,~~OAAO~~,~~EAAE~~,~~CAAC~~,~~EAAE~~,QAAQ,~~EAAE~~,~~UAAU~~,~~EAAE~~,~~QAAQ~~,~~EAAE~~,~~QAAQ~~,~~EAAE~~,SAAS,~~EAAE~~,GAAG,MAAM,CAAC;~~IAEhG~~,MAAM,MAAM,SAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI,CAAC,mCAAI,IAAI,CAAC;IACtE,MAAM,IAAI,SAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,IAAI,CAAC,GAAG,CAAC;IACtC,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC;IACtC,MAAM,eAAe,GAAG,~~EAAE,~~WAAW,EAAE,WAAW,~~EAAE~~,~~MAAM~~,~~EAAE,~~OAAO,~~EAAE~~,CAAC,~~EAAE,~~QAAQ,~~EAAE,~~CAAC;~~IAEnF~~,MAAM,UAAU,GAAG;QACjB,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa;QACrC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW;QACjC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,UAAU;QAC/B,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,UAAU;QAC/B,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,QAAQ;QAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,OAAO;KAC1B,CAAC;IAEF,OAAO,IAAI,CAAA;0DAC6C,CAAC,CAAC,oBAAoB,CAAC;;gBAEjE,QAAQ,CAAC;QACf,+CAA+C,EAAE,IAAI;QACrD,oBAAoB,EAAE,CAAC,QAAQ;~~QAC/B~~,oBAAoB,EAAE,CAAC,CAAC,QAAQ;~~KACjC~~,CAAC;;;;yCAI+B,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC;;~~kBAExC~~,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO;;;;;gBAK3C,WAAW,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,SAAS,IAAI,WAAW,CAAC,IAAI,CAAC;QACjE,CAAC,CAAC,IAAI,CAAA;;6CAEuB,IAAI,CAAC,eAAe,CAAC;6CACrB,IAAI,CAAC,eAAe,CAAC;;mBAE/C;QACH,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC;;;mCAGJ,cAAc,CAAC,eAAe,CAAC;;;gBAGlD,QAAQ,KAAK,QAAQ,CAAC,EAAE;QACxB,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC;QAC5B,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,SAAS;YACjC,CAAC,CAAC,cAAc,CAAC,eAAe,CAAC;YACjC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO;gBACvB,CAAC,CAAC,YAAY,CAAC,eAAe,CAAC;gBAC/B,CAAC,CAAC,QAAQ,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;oBAC9D,CAAC,CAAC,UAAU,CAAC,eAAe,CAAC;oBAC7B,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC;;;;;;;gBAO9B,QAAQ,CAAC;QACf,kEAAkE,EAAE,IAAI;QACxE,kEAAkE,EAAE,IAAI;QACxE,QAAQ,EAAE,CAAC,CAAC,UAAU;~~QACtB~~,MAAM,EAAE,CAAC,UAAU;KACpB,CAAC;;;uBAGa,CAAC,CAAC,QAAQ,CAAC;kBAChB,QAAQ,CAAC;QACf,yDAAyD,EAAE,IAAI;QAC/D,qDAAqD,EAAE,~~IAAI~~;~~QAC3D~~,iDAAiD,EAAE,IAAI;QACvD,WAAW,EAAE,CAAC,WAAW,CAAC,IAAI;KAC/B,CAAC;sBACU,CAAC,WAAW,CAAC,IAAI;~~mBACpB~~,QAAQ;;;;;;;;;;;uBAWJ,CAAC,CAAC,eAAe,CAAC;kBACvB,QAAQ,CAAC;QACf,~~sEAAsE~~,EAAE,IAAI;~~QAC5E~~,~~qEAAqE~~,EAAE,IAAI;~~QAC3E~~,WAAW,EAAE,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,CAAC,QAAQ;KAC7C,CAAC;sBACU,CAAC,WAAW,CAAC,IAAI;~~mBACpB~~,SAAS;;;;;;;;;;;GAWzB,CAAC;AACJ,CAAC","sourcesContent":["import * as icons from '../icons/index';\n\nimport { Operator, Option, ParsedValue, Type } from '../types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { BooleanValue } from './BooleanValue';\nimport { I18n } from '../../I18n/I18n';\nimport { IsDefinedValue } from './IsDefinedValue';\nimport { ListValue } from './ListValue';\nimport { Name } from './Name';\nimport { OperatorToggle } from './OperatorToggle';\nimport { Path } from './Path';\nimport { RangeValue } from './RangeValue';\nimport { SingleValue } from './SingleValue';\nimport { classMap } from '../../../../utils/class-map';\n\nexport type RuleParams = {\n parsedValue: ParsedValue;\n isFullSize?: boolean;\n isNested?: boolean;\n options: Option[];\n t: I18n['t'];\n onChange: (newValue: ParsedValue) => void;\n onDelete?: () => void;\n onConvert?: () => void;\n};\n\nexport function Rule(params: RuleParams): TemplateResult {\n const { parsedValue, options, t~~, isNested, isFullSize,~~ onChange~~, onDelete, onConvert~~ } = params;\n\n const option = options.find(o => o.path === parsedValue.path) ?? null;\n const type = option?.type ?? Type.Any;\n const operator = parsedValue.operator;\n const componentParams = { parsedValue: parsedValue, option~~, options,~~ t, onChange };\n\n const typeToIcon = {\n [Type.Attribute]: icons.typeAttribute,\n [Type.Boolean]: icons.typeBoolean,\n [Type.Number]: icons.typeNumber,\n [Type.String]: icons.typeString,\n [Type.Date]: icons.typeDate,\n [Type.Any]: icons.typeAny,\n };\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,\n 'border-contrast-50': !!isNested,\n })}\n >\n <div class=\"bg-contrast-10\">\n <div class=\"grid gap-1px grid-vertical sm-grid-horizontal\">\n <div class=\"bg-base\" title=${t(`type_${type}`)}>\n <div class~~=\"~~w-m h-m text-tertiary\" aria-hidden=\"true\">\n ${option ? typeToIcon[type] : icons.typeAny}\n </div>\n </div>\n\n <div class=\"bg-base\">\n ${parsedValue.path && (type === Type.Attribute \|\| parsedValue.name)\n ? html`\n <div class=\"bg-contrast-10 grid gap-1px grid-cols-1 sm-grid-cols-2\">\n <div class=\"bg-base\">${Path(componentParams)}</div>\n <div class=\"bg-base\">${Name(componentParams)}</div>\n </div>\n `\n : Path(componentParams)}\n </div>\n\n <div class=\"bg-base\">${OperatorToggle(componentParams)}</div>\n\n <div class=\"bg-base\">\n ${operator === Operator.In\n ? ListValue(componentParams)\n : operator === Operator.IsDefined\n ? IsDefinedValue(componentParams)\n : type === Type.Boolean\n ? BooleanValue(componentParams)\n : operator === null && [Type.Number, Type.Date].includes(type)\n ? RangeValue(componentParams)\n : SingleValue(componentParams)}\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,\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': ~~true~~,\n 'focus-outline-none focus-ring-2 ring-primary-50': true,\n 'opacity-0': !parsedValue.path,\n })}\n ?disabled=${!parsedValue.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 ~~text-success~~': true,\n 'hover-bg-contrast-5 focus-outline-none focus-ring-2 ring-primary-50': true,\n 'opacity-0': !parsedValue.path \|\| !!isNested,\n })}\n ?disabled=${!parsedValue.path}\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"]}
1	+ {"version":3,"file":"Rule.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/Rule.ts"],"names":[],"mappings":"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","sourcesContent":["import * as icons from '../icons/index';\n\nimport { Operator, Option, ParsedValue, Type } from '../types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { BooleanValue } from './BooleanValue';\nimport { I18n } from '../../I18n/I18n';\nimport { IsDefinedValue } from './IsDefinedValue';\nimport { ListValue } from './ListValue';\nimport { Name } from './Name';\nimport { OperatorToggle } from './OperatorToggle';\nimport { Path } from './Path';\nimport { RangeValue } from './RangeValue';\nimport { SingleValue } from './SingleValue';\nimport { classMap } from '../../../../utils/class-map';\n\nexport type RuleParams = {\n parsedValue: ParsedValue;\n isFullSize?: boolean;\n isNested?: boolean;\n disabled: boolean;\n readonly: boolean;\n options: Option[];\n t: I18n['t'];\n onChange: (newValue: ParsedValue) => void;\n onDelete?: () => void;\n onConvert?: () => void;\n};\n\nexport function Rule(params: RuleParams): TemplateResult {\n const {\n parsedValue,\n isFullSize,\n isNested,\n readonly,\n disabled,\n options,\n t,\n onConvert,\n onDelete,\n onChange,\n } = params;\n\n const option = options.find(o => o.path === parsedValue.path) ?? null;\n const type = option?.type ?? Type.Any;\n const operator = parsedValue.operator;\n const componentParams = {\n parsedValue: parsedValue,\n disabled,\n readonly,\n options,\n option,\n t,\n onChange,\n };\n\n const typeToIcon = {\n [Type.Attribute]: icons.typeAttribute,\n [Type.Boolean]: icons.typeBoolean,\n [Type.Number]: icons.typeNumber,\n [Type.String]: icons.typeString,\n [Type.Date]: icons.typeDate,\n [Type.Any]: icons.typeAny,\n };\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\" title=${t(`type_${type}`)}>\n <div\n class=${classMap({\n 'w-m h-m': true,\n 'text-tertiary': !readonly && !disabled,\n 'text-disabled': readonly \|\| disabled,\n })}\n aria-hidden=\"true\"\n >\n ${option ? typeToIcon[type] : icons.typeAny}\n </div>\n </div>\n\n <div class=\"bg-base\">\n ${parsedValue.path && (type === Type.Attribute \|\| parsedValue.name)\n ? html`\n <div class=\"bg-contrast-10 grid gap-1px grid-cols-1 sm-grid-cols-2\">\n <div class=\"bg-base\">${Path(componentParams)}</div>\n <div class=\"bg-base\">${Name(componentParams)}</div>\n </div>\n `\n : Path(componentParams)}\n </div>\n\n <div class=\"bg-base\">${OperatorToggle(componentParams)}</div>\n\n <div class=\"bg-base\">\n ${operator === Operator.In\n ? ListValue(componentParams)\n : operator === Operator.IsDefined\n ? IsDefinedValue(componentParams)\n : type === Type.Boolean\n ? BooleanValue(componentParams)\n : operator === null && [Type.Number, Type.Date].includes(type)\n ? RangeValue(componentParams)\n : SingleValue(componentParams)}\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': !parsedValue.path,\n })}\n ?disabled=${disabled \|\| readonly \|\| !parsedValue.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': !parsedValue.path \|\| !!isNested,\n })}\n ?disabled=${disabled \|\| readonly \|\| !parsedValue.path}\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/Select.d.ts CHANGED Viewed

@@ -2,6 +2,8 @@ import { TemplateResult } from 'lit-html';
 import { I18n } from '../../I18n/I18n';
 export declare type SelectParams = {
     clearable?: boolean;
+    disabled: boolean;
+    readonly: boolean;
     label: string;
     value: string;
     list?: {

package/dist/elements/public/QueryBuilder/components/Select.js CHANGED Viewed

@@ -5,16 +5,25 @@ export function Select(params) {
     const isEmpty = (_b = (_a = params.list) === null || _a === void 0 ? void 0 : _a.every(v => v.value !== params.value)) !== null && _b !== void 0 ? _b : true;
     return html `
     <label
-      class="flex items-center cursor-pointer transition-colors group text-tertiary hover-bg-contrast-5"
+      class=${classMap({
+        'flex items-center transition-colors group text-tertiary': true,
+        'cursor-pointer hover-bg-contrast-5': !params.disabled && !params.readonly,
+        'cursor-default': params.disabled || params.readonly,
+    })}
     >
       <div class="relative flex-1 min-w-0 overflow-hidden">
         <select
           class=${classMap({
-        'cursor-pointer bg-transparent relative appearance-none flex h-m px-s': true,
+        'bg-transparent relative appearance-none flex h-m px-s': true,
         'font-medium w-full max-w-full whitespace-nowrap focus-outline-none': true,
-        'text-tertiary': isEmpty,
-        'text-body': !isEmpty,
+        'text-tertiary': isEmpty && !params.disabled,
+        'text-body': !isEmpty && !params.disabled && !params.readonly,
+        'text-disabled': params.disabled,
+        'text-secondary': !isEmpty && params.readonly,
+        'cursor-pointer': !params.disabled && !params.readonly,
+        'cursor-default': params.disabled || params.readonly,
     })}
+          ?disabled=${params.disabled || params.readonly}
           @change=${(evt) => {
         const select = evt.currentTarget;
         const value = select.options[select.options.selectedIndex].value;
@@ -38,16 +47,27 @@ export function Select(params) {
         ? ''
         : html `
             <span
-              class="font-tnum text-xs font-medium border mr-s px-xs rounded-s border-current inline-block"
+              class=${classMap({
+            'font-tnum text-xs font-medium border mr-s px-xs rounded-s border-current inline-block': true,
+            'text-body': !params.disabled && !params.readonly,
+            'text-disabled': params.disabled,
+            'text-secondary': params.readonly,
+        })}
             >
               ${params.t(params.label)}
             </span>
-            ${params.clearable
+            ${params.clearable && !params.readonly
             ? html `
                   <button
                     aria-label=${params.t('delete')}
-                    class="w-s h-s mr-xs text-body flex items-center justify-center transition-colors rounded-full focus-outline-none focus-ring-2 focus-ring-primary-50 hover-bg-contrast-5 hover-text-error"
+                    class=${classMap({
+                'w-s h-s mr-xs flex items-center justify-center transition-colors rounded-full': true,
+                'focus-outline-none focus-ring-2 focus-ring-primary-50': true,
+                'hover-bg-contrast-5 hover-text-error text-body': !params.disabled,
+                'text-disabled': params.disabled,
+            })}
+                    ?disabled=${params.disabled}
                     @click=${() => params.onChange('')}
                   >
                     <iron-icon

package/dist/elements/public/QueryBuilder/components/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,uCAAoC;~~AAWvD~~,MAAM,UAAU,MAAM,CAAC,MAAoB;;IACzC,MAAM,OAAO,eAAG,MAAM,CAAC,IAAI,0CAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,oCAAK,IAAI,CAAC;IAE1E,OAAO,IAAI,CAAA~~;;;;;;kBAMK~~,QAAQ,CAAC;QACf,~~sEAAsE~~,EAAE,IAAI;~~QAC5E~~,oEAAoE,EAAE,IAAI;QAC1E,eAAe,EAAE,OAAO;~~QACxB~~,WAAW,EAAE,CAAC,OAAO;~~KACtB~~,CAAC;~~oBACQ~~,CAAC,GAAU,EAAE,EAAE;QACvB,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;QACtD,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC;QACjE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;;YAEC,OAAO;QACP,CAAC,CAAC,IAAI,CAAA;sDACoC,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;eACxE;QACH,CAAC,CAAC,EAAE;YACJ,MAAA,MAAM,CAAC,IAAI,0CAAE,GAAG,CAChB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CACnB,IAAI,CAAA;gCACc,KAAK,cAAc,KAAK,KAAK,MAAM,CAAC,KAAK;oBACrD,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;;eAEpB,CACJ;;;;QAIH,OAAO;QACP,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,CAAA~~;;;;gBAIE~~,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;cAGxB,MAAM,CAAC,SAAS;~~YAChB~~,CAAC,CAAC,IAAI,CAAA;;iCAEa,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC~~;;6BAEtB~~,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;;;;;;;;;iBASrC;YACH,CAAC,CAAC,EAAE;WACP;;GAER,CAAC;AACJ,CAAC","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { classMap } from '../../../../utils/class-map';\n\nexport type SelectParams = {\n clearable?: boolean;\n label: string;\n value: string;\n list?: { label: string; value: string }[];\n t: I18n['t'];\n onChange: (newValue: string) => void;\n};\n\nexport function Select(params: SelectParams): TemplateResult {\n const isEmpty = params.list?.every(v => v.value !== params.value) ?? true;\n\n return html`\n <label\n class~~=\"~~flex items-center ~~cursor-pointer~~ transition-colors group text-tertiary hover-bg-contrast-5\"\n >\n <div class=\"relative flex-1 min-w-0 overflow-hidden\">\n <select\n class=${classMap({\n '~~cursor-pointer~~ bg-transparent relative appearance-none flex h-m px-s': true,\n 'font-medium w-full max-w-full whitespace-nowrap focus-outline-none': true,\n 'text-tertiary': isEmpty,\n 'text-body': !isEmpty,\n })}\n @change=${(evt: Event) => {\n const select = evt.currentTarget as HTMLSelectElement;\n const value = select.options[select.options.selectedIndex].value;\n params.onChange(value);\n }}\n >\n ${isEmpty\n ? html`\n <option value=\"\" disabled ?selected=${isEmpty}>${params.t(params.label)}</option>\n `\n : ''}\n ${params.list?.map(\n ({ label, value }) =>\n html`\n <option value=${value} ?selected=${value === params.value}>\n ${params.t(label)}\n </option>\n `\n )}\n </select>\n </div>\n\n ${isEmpty\n ? ''\n : html`\n <span\n class~~=\"~~font-tnum text-xs font-medium border mr-s px-xs rounded-s border-current inline-block\"\n >\n ${params.t(params.label)}\n </span>\n\n ${params.clearable\n ? html`\n <button\n aria-label=${params.t('delete')}\n class~~=\"~~w-s h-s mr-xs ~~text-body~~ flex items-center justify-center transition-colors rounded-full focus-outline-none focus-ring-2 focus-ring-primary-50 hover-bg-contrast-5 hover-text-error\"\n @click=${() => params.onChange('')}\n >\n <iron-icon\n aria-hidden=\"true\"\n class=\"icon-inline text-l\"\n icon=\"icons:remove-circle-outline\"\n >\n </iron-icon>\n </button>\n `\n : ''}\n `}\n </label>\n `;\n}\n"]}
1	+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/Select.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { I18n } from '../../I18n/I18n';\nimport { classMap } from '../../../../utils/class-map';\n\nexport type SelectParams = {\n clearable?: boolean;\n disabled: boolean;\n readonly: boolean;\n label: string;\n value: string;\n list?: { label: string; value: string }[];\n t: I18n['t'];\n onChange: (newValue: string) => void;\n};\n\nexport function Select(params: SelectParams): TemplateResult {\n const isEmpty = params.list?.every(v => v.value !== params.value) ?? true;\n\n return html`\n <label\n class=${classMap({\n 'flex items-center transition-colors group text-tertiary': true,\n 'cursor-pointer hover-bg-contrast-5': !params.disabled && !params.readonly,\n 'cursor-default': params.disabled \|\| params.readonly,\n })}\n >\n <div class=\"relative flex-1 min-w-0 overflow-hidden\">\n <select\n class=${classMap({\n 'bg-transparent relative appearance-none flex h-m px-s': true,\n 'font-medium w-full max-w-full whitespace-nowrap focus-outline-none': true,\n 'text-tertiary': isEmpty && !params.disabled,\n 'text-body': !isEmpty && !params.disabled && !params.readonly,\n 'text-disabled': params.disabled,\n 'text-secondary': !isEmpty && params.readonly,\n 'cursor-pointer': !params.disabled && !params.readonly,\n 'cursor-default': params.disabled \|\| params.readonly,\n })}\n ?disabled=${params.disabled \|\| params.readonly}\n @change=${(evt: Event) => {\n const select = evt.currentTarget as HTMLSelectElement;\n const value = select.options[select.options.selectedIndex].value;\n params.onChange(value);\n }}\n >\n ${isEmpty\n ? html`\n <option value=\"\" disabled ?selected=${isEmpty}>${params.t(params.label)}</option>\n `\n : ''}\n ${params.list?.map(\n ({ label, value }) =>\n html`\n <option value=${value} ?selected=${value === params.value}>\n ${params.t(label)}\n </option>\n `\n )}\n </select>\n </div>\n\n ${isEmpty\n ? ''\n : html`\n <span\n class=${classMap({\n 'font-tnum text-xs font-medium border mr-s px-xs rounded-s border-current inline-block':\n true,\n 'text-body': !params.disabled && !params.readonly,\n 'text-disabled': params.disabled,\n 'text-secondary': params.readonly,\n })}\n >\n ${params.t(params.label)}\n </span>\n\n ${params.clearable && !params.readonly\n ? html`\n <button\n aria-label=${params.t('delete')}\n class=${classMap({\n 'w-s h-s mr-xs flex items-center justify-center transition-colors rounded-full':\n true,\n 'focus-outline-none focus-ring-2 focus-ring-primary-50': true,\n 'hover-bg-contrast-5 hover-text-error text-body': !params.disabled,\n 'text-disabled': params.disabled,\n })}\n ?disabled=${params.disabled}\n @click=${() => params.onChange('')}\n >\n <iron-icon\n aria-hidden=\"true\"\n class=\"icon-inline text-l\"\n icon=\"icons:remove-circle-outline\"\n >\n </iron-icon>\n </button>\n `\n : ''}\n `}\n </label>\n `;\n}\n"]}

package/dist/elements/public/QueryBuilder/components/SingleValue.d.ts CHANGED Viewed

@@ -3,6 +3,8 @@ import { I18n } from '../../I18n/I18n';
 import { TemplateResult } from 'lit-html';
 export declare type SingleValueParams = {
     parsedValue: ParsedValue;
+    readonly: boolean;
+    disabled: boolean;
     option: Option | null;
     t: I18n['t'];
     onChange: (newValue: ParsedValue) => void;

package/dist/elements/public/QueryBuilder/components/SingleValue.js CHANGED Viewed

@@ -3,12 +3,13 @@ import { Input } from "./Input.js";
 import { Select } from "./Select.js";
 export function SingleValue(params) {
     var _a, _b, _c, _d;
-    const { t, option, parsedValue, onChange } = params;
+    const { t, option, parsedValue, readonly, disabled, onChange } = params;
     const Field = (option === null || option === void 0 ? void 0 : option.list) ? Select : Input;
     const type = (_a = option === null || option === void 0 ? void 0 : option.type) !== null && _a !== void 0 ? _a : Type.Any;
     return Field({
         displayValue: (_c = (_b = option === null || option === void 0 ? void 0 : option.list) === null || _b === void 0 ? void 0 : _b.find(v => v.value === parsedValue.value)) === null || _c === void 0 ? void 0 : _c.label,
-        disabled: !parsedValue.path,
+        readonly,
+        disabled: disabled || !parsedValue.path,
         value: (_d = parsedValue.value) !== null && _d !== void 0 ? _d : '',
         label: 'value',
         type: type === Type.Number ? 'number' : type === Type.Date ? 'date' : 'text',

package/dist/elements/public/QueryBuilder/components/SingleValue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SingleValue.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/SingleValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,oBAAiB;AAGrD,OAAO,EAAE,KAAK,EAAE,mBAAgB;AAChC,OAAO,EAAE,MAAM,EAAE,oBAAiB;~~AAUlC~~,MAAM,UAAU,WAAW,CAAC,MAAyB;;IACnD,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;~~IACpD~~,MAAM,KAAK,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5C,MAAM,IAAI,SAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,IAAI,CAAC,GAAG,CAAC;IAEtC,OAAO,KAAK,CAAC;QACX,YAAY,cAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK,2CAAG,KAAK;QAC3E,QAAQ,EAAE,CAAC,WAAW,CAAC,IAAI;~~QAC3B~~,KAAK,QAAE,WAAW,CAAC,KAAK,mCAAI,EAAE;QAC9B,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QAC5E,IAAI,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI;QAClB,CAAC,EAAE,CAAC;QACJ,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;KACpE,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { Option, ParsedValue, Type } from '../types';\n\nimport { I18n } from '../../I18n/I18n';\nimport { Input } from './Input';\nimport { Select } from './Select';\nimport { TemplateResult } from 'lit-html';\n\nexport type SingleValueParams = {\n parsedValue: ParsedValue;\n option: Option \| null;\n t: I18n['t'];\n onChange: (newValue: ParsedValue) => void;\n};\n\nexport function SingleValue(params: SingleValueParams): TemplateResult {\n const { t, option, parsedValue, onChange } = params;\n const Field = option?.list ? Select : Input;\n const type = option?.type ?? Type.Any;\n\n return Field({\n displayValue: option?.list?.find(v => v.value === parsedValue.value)?.label,\n disabled: !parsedValue.path,\n value: parsedValue.value ?? '',\n label: 'value',\n type: type === Type.Number ? 'number' : type === Type.Date ? 'date' : 'text',\n list: option?.list,\n t: t,\n onChange: newValue => onChange({ ...parsedValue, value: newValue }),\n });\n}\n"]}
1	+ {"version":3,"file":"SingleValue.js","sourceRoot":"","sources":["../../../../../src/elements/public/QueryBuilder/components/SingleValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,oBAAiB;AAGrD,OAAO,EAAE,KAAK,EAAE,mBAAgB;AAChC,OAAO,EAAE,MAAM,EAAE,oBAAiB;AAYlC,MAAM,UAAU,WAAW,CAAC,MAAyB;;IACnD,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IACxE,MAAM,KAAK,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5C,MAAM,IAAI,SAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,IAAI,CAAC,GAAG,CAAC;IAEtC,OAAO,KAAK,CAAC;QACX,YAAY,cAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK,2CAAG,KAAK;QAC3E,QAAQ;QACR,QAAQ,EAAE,QAAQ,IAAI,CAAC,WAAW,CAAC,IAAI;QACvC,KAAK,QAAE,WAAW,CAAC,KAAK,mCAAI,EAAE;QAC9B,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QAC5E,IAAI,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI;QAClB,CAAC,EAAE,CAAC;QACJ,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;KACpE,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { Option, ParsedValue, Type } from '../types';\n\nimport { I18n } from '../../I18n/I18n';\nimport { Input } from './Input';\nimport { Select } from './Select';\nimport { TemplateResult } from 'lit-html';\n\nexport type SingleValueParams = {\n parsedValue: ParsedValue;\n readonly: boolean;\n disabled: boolean;\n option: Option \| null;\n t: I18n['t'];\n onChange: (newValue: ParsedValue) => void;\n};\n\nexport function SingleValue(params: SingleValueParams): TemplateResult {\n const { t, option, parsedValue, readonly, disabled, onChange } = params;\n const Field = option?.list ? Select : Input;\n const type = option?.type ?? Type.Any;\n\n return Field({\n displayValue: option?.list?.find(v => v.value === parsedValue.value)?.label,\n readonly,\n disabled: disabled \|\| !parsedValue.path,\n value: parsedValue.value ?? '',\n label: 'value',\n type: type === Type.Number ? 'number' : type === Type.Date ? 'date' : 'text',\n list: option?.list,\n t: t,\n onChange: newValue => onChange({ ...parsedValue, value: newValue }),\n });\n}\n"]}

package/dist/elements/public/ShipmentCard/ShipmentCard.d.ts CHANGED Viewed

@@ -20,7 +20,6 @@ export declare class ShipmentCard extends Base<Data> {
     __editable: boolean;
     __currency: string;
     __coupons: string;
-    get hiddenSelector(): BooleanSelector;
     get readonlySelector(): BooleanSelector;
     renderBody(): TemplateResult;
     protected _sendGet(): Promise<Data>;

package/dist/elements/public/ShipmentCard/ShipmentCard.js CHANGED Viewed

@@ -33,9 +33,6 @@ export class ShipmentCard extends Base {
             __coupons: { attribute: false },
         };
     }
-    get hiddenSelector() {
-        return new BooleanSelector(`address:not=full-address ${super.hiddenSelector.toString()}`);
-    }
     get readonlySelector() {
         return this.__editable ? super.readonlySelector : BooleanSelector.True;
     }
@@ -60,33 +57,35 @@ export class ShipmentCard extends Base {
         parent=${dialog.parent}
         href=${dialog.href}
         infer=""
+        id="form"
         @fetch=${handleFetch}
         @update=${handleUpdate}
       >
       </foxy-item-form>
     `;
+        const { address_name, address1, address2, city, region, postal_code } = (_a = this.data) !== null && _a !== void 0 ? _a : {};
+        const addressOptions = { address_name, address1, address2, city, region, postal_code };
+        const amount = `${(_b = this.data) === null || _b === void 0 ? void 0 : _b.total_shipping} ${this.__currency}`;
+        const currencyDisplay = this.__currencyDisplay;
+        const priceOptions = { amount, currencyDisplay };
         return html `
       <div class="space-y-m">
-        <foxy-address-card
-          infer="address"
-          href=${ifDefined((_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:customer_address'].href)}
-        >
-          <div slot="full-address:after" class="flex items-center text-m space-x-s text-secondary">
+        <div>
+          <div class="flex items-center text-m space-x-s text-secondary">
+            <iron-icon icon="maps:place" class="icon-inline flex-shrink-0"></iron-icon>
+            <span class="truncate">
+              <foxy-i18n infer="address" key="full_address" .options=${addressOptions}></foxy-i18n>
+            </span>
+          </div>
+          <div class="flex items-center text-m space-x-s text-secondary">
             <iron-icon icon="maps:local-shipping" class="icon-inline flex-shrink-0"></iron-icon>
             <span class="truncate">
-              ${(_b = this.data) === null || _b === void 0 ? void 0 : _b.shipping_service_description} &bull;
-              <foxy-i18n
-                options=${JSON.stringify({
-            amount: `${(_c = this.data) === null || _c === void 0 ? void 0 : _c.total_shipping} ${this.__currency}`,
-            currencyDisplay: this.__currencyDisplay,
-        })}
-                key="price"
-                infer=""
-              >
-              </foxy-i18n>
+              ${(_c = this.data) === null || _c === void 0 ? void 0 : _c.shipping_service_description} &bull;
+              <foxy-i18n key="price" infer="address" .options=${priceOptions}></foxy-i18n>
             </span>
           </div>
-        </foxy-address-card>
+        </div>
         <foxy-internal-async-details-control
           infer="items"

package/dist/elements/public/ShipmentCard/ShipmentCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ShipmentCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ShipmentCard/ShipmentCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAY,MAAM,mBAAmB,CAAC;AAG9D,OAAO,EAAE,YAAY,EAAE,oDAAiD;AAExE,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE,MAAM,EAAE,GAAG,eAAe,CAAC;AAC3B,MAAM,IAAI,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;AAEpE;;;;;GAKG;AACH,MAAM,OAAO,YAAa,SAAQ,IAAU;IAA5C;;QAaE,wBAAmB,GAAG,EAAE,CAAC;QAEzB,sBAAiB,GAAG,EAAE,CAAC;QAEvB,qBAAgB,GAAG,EAAE,CAAC;QAEtB,eAAU,GAAG,KAAK,CAAC;QAEnB,eAAU,GAAG,EAAE,CAAC;QAEhB,cAAS,GAAG,EAAE,CAAC;IA8FjB,CAAC;IApHC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,mBAAmB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YACzC,iBAAiB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YACvC,gBAAgB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YACtC,UAAU,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAChC,UAAU,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAChC,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAChC,CAAC;IACJ,CAAC;IAcD,IAAI,~~cAAc;QAChB,OAAO,IAAI,eAAe,CAAC,4BAA4B,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAC5F,CAAC;IAED,IAAI,~~gBAAgB;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC;IACzE,CAAC;IAED,UAAU;;QACR,IAAI,SAAS,GAAuB,SAAS,CAAC;QAE9C,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI;gBACF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC;gBACvD,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;gBAC7C,SAAS,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;aAC5B;YAAC,WAAM;gBACN,EAAE;aACH;SACF;QAED,MAAM,gBAAgB,GAAiB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;;6BAEnE,IAAI,CAAC,mBAAmB;0BAC3B,IAAI,CAAC,gBAAgB;kBAC7B,IAAI,CAAC,SAAS;iBACf,MAAM,CAAC,MAAM;eACf,MAAM,CAAC,IAAI~~;;iBAET~~,WAAW;kBACV,YAAY;;;KAGzB,CAAC;QAEF,~~OAAO~~,~~IAAI~~,~~CAAA;;;;iBAIE~~,~~SAAS~~,~~OAAC~~,~~IAAI~~,~~CAAC~~,IAAI,~~0CAAE~~,MAAM,~~CAAC~~,~~qBAAqB~~,EAAE,IAAI,CAAC~~;;;;;gBAKzD~~,~~MAAA,~~IAAI,CAAC,~~IAAI~~,~~0CAAE~~,~~4BAA4B;;0BAE7B~~,IAAI,~~CAAC~~,~~SAAS~~,CAAC;~~YACvB~~,MAAM,~~EAAE~~,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,cAAc,IAAI,IAAI,CAAC,UAAU,EAAE;~~YACzD~~,eAAe,~~EAAE~~,IAAI,CAAC,iBAAiB;~~SACxC~~,CAAC~~;;;;;;;;;;;kBAWA~~,SAAS,CAAC,SAAS,CAAC;;;;kBAIpB,gBAAuB;;;;KAIpC,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,QAAQ;QAKtB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YACvD,KAAK,CAAC,MAAM,CAAc,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC;YACjE,KAAK,CAAC,MAAM,CAAW,QAAQ,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC;YAC3D,KAAK,CAAC,MAAM,CAAQ,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;SACtD,CAAC,CAAC;QAEH,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,IAAI,CAAC;QACzE,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;QACrF,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC;QAChE,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,aAAa,CAAC;QAC5C,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACvF,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC;QAEjD,OAAO,QAAQ,CAAC;IAClB,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { html } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector, Resource } from '@foxy.io/sdk/core';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { PropertyDeclarations } from 'lit-element';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { FormRenderer } from '../FormDialog/types';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\n\nconst NS = 'shipment-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/*\n Basic card displaying a shipment.\n \n @element foxy-shipment-card\n * @since 1.17.0\n */\nexport class ShipmentCard extends Base<Data> {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n __customerAddresses: { attribute: false },\n __currencyDisplay: { attribute: false },\n __itemCategories: { attribute: false },\n __editable: { attribute: false },\n __currency: { attribute: false },\n __coupons: { attribute: false },\n };\n }\n\n __customerAddresses = '';\n\n __currencyDisplay = '';\n\n __itemCategories = '';\n\n __editable = false;\n\n __currency = '';\n\n __coupons = '';\n\n get ~~hiddenSelector(): BooleanSelector {\n return new BooleanSelector(`address:not=full-address ${super.hiddenSelector.toString()}`);\n }\n\n get~~ readonlySelector(): BooleanSelector {\n return this.__editable ? super.readonlySelector : BooleanSelector.True;\n }\n\n renderBody(): TemplateResult {\n let itemsLink: string \| undefined = undefined;\n\n if (this.data) {\n try {\n const url = new URL(this.data._links['fx:items'].href);\n url.searchParams.set('zoom', 'item_options');\n itemsLink = url.toString();\n } catch {\n //\n }\n }\n\n const itemFormRenderer: FormRenderer = ({ html, dialog, handleFetch, handleUpdate }) => html`\n <foxy-item-form\n customer-addresses=${this.__customerAddresses}\n item-categories=${this.__itemCategories}\n coupons=${this.__coupons}\n parent=${dialog.parent}\n href=${dialog.href}\n infer=\"\"\n @fetch=${handleFetch}\n @update=${handleUpdate}\n >\n </foxy-item-form>\n `;\n\n return html`\n <div class=\"space-y-m\">\n <~~foxy~~-~~address~~-~~card~~\n infer=\"address\"\~~n href~~=${~~ifDefined(this.data?._links['fx:customer_address'].href)~~}\n >\n <div ~~slot=\"full-address:after\"~~ class=\"flex items-center text-m space-x-s text-secondary\">\n <iron-icon icon=\"maps:local-shipping\" class=\"icon-inline flex-shrink-0\"></iron-icon>\n <span class=\"truncate\">\n ${this.data?.shipping_service_description} •\n <foxy-i18n~~\n options=${JSON.stringify({\n amount:~~ ~~`${this.data?.total_shipping} ${this.__currency}`,\n currencyDisplay: this.__currencyDisplay,\n })}\n~~ key=\"price\"\n infer=\"\"~~\n >\n </~~foxy-i18n>\n </span>\n </div>\n </~~foxy-address-card~~>\n\n <foxy-internal-async-details-control\n infer=\"items\"\n first=${ifDefined(itemsLink)}\n limit=\"5\"\n item=\"foxy-item-card\"\n open\n .form=${itemFormRenderer as any}\n >\n </foxy-internal-async-details-control>\n </div>\n `;\n }\n\n protected async _sendGet(): Promise<Data> {\n type Transaction = Resource<Rels.Transaction>;\n type Customer = Resource<Rels.Customer>;\n type Store = Resource<Rels.Store>;\n\n const shipment = await super._sendGet();\n const [transaction, customer, store] = await Promise.all([\n super._fetch<Transaction>(shipment._links['fx:transaction'].href),\n super._fetch<Customer>(shipment._links['fx:customer'].href),\n super._fetch<Store>(shipment._links['fx:store'].href),\n ]);\n\n this.__customerAddresses = customer._links['fx:customer_addresses'].href;\n this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n this.__itemCategories = store._links['fx:item_categories'].href;\n this.__currency = transaction.currency_code;\n this.__editable = !!transaction._links['fx:void'] \|\| !!transaction._links['fx:refund'];\n this.__coupons = store._links['fx:coupons'].href;\n\n return shipment;\n }\n}\n"]}
1	+ {"version":3,"file":"ShipmentCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ShipmentCard/ShipmentCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAY,MAAM,mBAAmB,CAAC;AAG9D,OAAO,EAAE,YAAY,EAAE,oDAAiD;AAExE,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE,MAAM,EAAE,GAAG,eAAe,CAAC;AAC3B,MAAM,IAAI,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;AAEpE;;;;;GAKG;AACH,MAAM,OAAO,YAAa,SAAQ,IAAU;IAA5C;;QAaE,wBAAmB,GAAG,EAAE,CAAC;QAEzB,sBAAiB,GAAG,EAAE,CAAC;QAEvB,qBAAgB,GAAG,EAAE,CAAC;QAEtB,eAAU,GAAG,KAAK,CAAC;QAEnB,eAAU,GAAG,EAAE,CAAC;QAEhB,cAAS,GAAG,EAAE,CAAC;IA8FjB,CAAC;IApHC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,mBAAmB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YACzC,iBAAiB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YACvC,gBAAgB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YACtC,UAAU,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAChC,UAAU,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAChC,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAChC,CAAC;IACJ,CAAC;IAcD,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC;IACzE,CAAC;IAED,UAAU;;QACR,IAAI,SAAS,GAAuB,SAAS,CAAC;QAE9C,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI;gBACF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC;gBACvD,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;gBAC7C,SAAS,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;aAC5B;YAAC,WAAM;gBACN,EAAE;aACH;SACF;QAED,MAAM,gBAAgB,GAAiB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;;6BAEnE,IAAI,CAAC,mBAAmB;0BAC3B,IAAI,CAAC,gBAAgB;kBAC7B,IAAI,CAAC,SAAS;iBACf,MAAM,CAAC,MAAM;eACf,MAAM,CAAC,IAAI;;;iBAGT,WAAW;kBACV,YAAY;;;KAGzB,CAAC;QAEF,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,SAAG,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC;QACxF,MAAM,cAAc,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;QAEvF,MAAM,MAAM,GAAG,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,cAAc,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;QACjE,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAC/C,MAAM,YAAY,GAAG,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC;QAEjD,OAAO,IAAI,CAAA;;;;;;uEAMwD,cAAc;;;;;;;gBAOrE,MAAA,IAAI,CAAC,IAAI,0CAAE,4BAA4B;gEACS,YAAY;;;;;;;kBAO1D,SAAS,CAAC,SAAS,CAAC;;;;kBAIpB,gBAAuB;;;;KAIpC,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,QAAQ;QAKtB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YACvD,KAAK,CAAC,MAAM,CAAc,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC;YACjE,KAAK,CAAC,MAAM,CAAW,QAAQ,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC;YAC3D,KAAK,CAAC,MAAM,CAAQ,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;SACtD,CAAC,CAAC;QAEH,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,IAAI,CAAC;QACzE,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;QACrF,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC;QAChE,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,aAAa,CAAC;QAC5C,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACvF,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC;QAEjD,OAAO,QAAQ,CAAC;IAClB,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { html } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector, Resource } from '@foxy.io/sdk/core';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { PropertyDeclarations } from 'lit-element';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { FormRenderer } from '../FormDialog/types';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\n\nconst NS = 'shipment-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/*\n Basic card displaying a shipment.\n \n @element foxy-shipment-card\n * @since 1.17.0\n */\nexport class ShipmentCard extends Base<Data> {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n __customerAddresses: { attribute: false },\n __currencyDisplay: { attribute: false },\n __itemCategories: { attribute: false },\n __editable: { attribute: false },\n __currency: { attribute: false },\n __coupons: { attribute: false },\n };\n }\n\n __customerAddresses = '';\n\n __currencyDisplay = '';\n\n __itemCategories = '';\n\n __editable = false;\n\n __currency = '';\n\n __coupons = '';\n\n get readonlySelector(): BooleanSelector {\n return this.__editable ? super.readonlySelector : BooleanSelector.True;\n }\n\n renderBody(): TemplateResult {\n let itemsLink: string \| undefined = undefined;\n\n if (this.data) {\n try {\n const url = new URL(this.data._links['fx:items'].href);\n url.searchParams.set('zoom', 'item_options');\n itemsLink = url.toString();\n } catch {\n //\n }\n }\n\n const itemFormRenderer: FormRenderer = ({ html, dialog, handleFetch, handleUpdate }) => html`\n <foxy-item-form\n customer-addresses=${this.__customerAddresses}\n item-categories=${this.__itemCategories}\n coupons=${this.__coupons}\n parent=${dialog.parent}\n href=${dialog.href}\n infer=\"\"\n id=\"form\"\n @fetch=${handleFetch}\n @update=${handleUpdate}\n >\n </foxy-item-form>\n `;\n\n const { address_name, address1, address2, city, region, postal_code } = this.data ?? {};\n const addressOptions = { address_name, address1, address2, city, region, postal_code };\n\n const amount = `${this.data?.total_shipping} ${this.__currency}`;\n const currencyDisplay = this.__currencyDisplay;\n const priceOptions = { amount, currencyDisplay };\n\n return html`\n <div class=\"space-y-m\">\n <div>\n <div class=\"flex items-center text-m space-x-s text-secondary\">\n <iron-icon icon=\"maps:place\" class=\"icon-inline flex-shrink-0\"></iron-icon>\n <span class=\"truncate\">\n <foxy-i18n infer=\"address\" key=\"full_address\" .options=${addressOptions}></foxy-i18n>\n </span>\n </div>\n\n <div class=\"flex items-center text-m space-x-s text-secondary\">\n <iron-icon icon=\"maps:local-shipping\" class=\"icon-inline flex-shrink-0\"></iron-icon>\n <span class=\"truncate\">\n ${this.data?.shipping_service_description} •\n <foxy-i18n key=\"price\" infer=\"address\" .options=${priceOptions}></foxy-i18n>\n </span>\n </div>\n </div>\n\n <foxy-internal-async-details-control\n infer=\"items\"\n first=${ifDefined(itemsLink)}\n limit=\"5\"\n item=\"foxy-item-card\"\n open\n .form=${itemFormRenderer as any}\n >\n </foxy-internal-async-details-control>\n </div>\n `;\n }\n\n protected async _sendGet(): Promise<Data> {\n type Transaction = Resource<Rels.Transaction>;\n type Customer = Resource<Rels.Customer>;\n type Store = Resource<Rels.Store>;\n\n const shipment = await super._sendGet();\n const [transaction, customer, store] = await Promise.all([\n super._fetch<Transaction>(shipment._links['fx:transaction'].href),\n super._fetch<Customer>(shipment._links['fx:customer'].href),\n super._fetch<Store>(shipment._links['fx:store'].href),\n ]);\n\n this.__customerAddresses = customer._links['fx:customer_addresses'].href;\n this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n this.__itemCategories = store._links['fx:item_categories'].href;\n this.__currency = transaction.currency_code;\n this.__editable = !!transaction._links['fx:void'] \|\| !!transaction._links['fx:refund'];\n this.__coupons = store._links['fx:coupons'].href;\n\n return shipment;\n }\n}\n"]}

package/dist/elements/public/ShipmentCard/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import '../AddressCard/index';
+import '@polymer/iron-icons/maps-icons';
+import '@polymer/iron-icon';
 import '../ItemForm/index';
 import '../ItemCard/index';
 import '../I18n/index';

package/dist/elements/public/ShipmentCard/index.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import "../AddressCard/index.js";
+import '@polymer/iron-icons/maps-icons';
+import '@polymer/iron-icon';
 import "../ItemForm/index.js";
 import "../ItemCard/index.js";
 import "../I18n/index.js";

package/dist/elements/public/ShipmentCard/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ShipmentCard/index.ts"],"names":[],"mappings":"AAAA,~~iCAA8B~~;~~AAC9B~~,8BAA2B;AAC3B,8BAA2B;AAC3B,0BAAuB;AAEvB,6DAA0D;AAC1D,8CAA2C;AAE3C,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '~~../AddressCard~~/~~index~~';\nimport '../ItemForm/index';\nimport '../ItemCard/index';\nimport '../I18n/index';\n\nimport '../../internal/InternalAsyncDetailsControl/index';\nimport '../../internal/InternalCard/index';\n\nimport { ShipmentCard } from './ShipmentCard';\n\ncustomElements.define('foxy-shipment-card', ShipmentCard);\n\nexport { ShipmentCard };\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ShipmentCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,gCAAgC,CAAC;AACxC,OAAO,oBAAoB,CAAC;AAE5B,8BAA2B;AAC3B,8BAA2B;AAC3B,0BAAuB;AAEvB,6DAA0D;AAC1D,8CAA2C;AAE3C,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/maps-icons';\nimport '@polymer/iron-icon';\n\nimport '../ItemForm/index';\nimport '../ItemCard/index';\nimport '../I18n/index';\n\nimport '../../internal/InternalAsyncDetailsControl/index';\nimport '../../internal/InternalCard/index';\n\nimport { ShipmentCard } from './ShipmentCard';\n\ncustomElements.define('foxy-shipment-card', ShipmentCard);\n\nexport { ShipmentCard };\n"]}

package/dist/elements/public/SubscriptionForm/SubscriptionForm.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { Data, Settings, Templates, TransactionPageGetter } from './types';
+import type { CustomerPageGetter, Data, Settings, Templates, TransactionPageGetter } from './types';
 import type { PropertyDeclarations } from 'lit-element';
 import type { ScopedElementsMap } from '@open-wc/scoped-elements';
 import type { TemplateResult } from 'lit-html';
@@ -49,6 +49,7 @@ export declare class SubscriptionForm extends Base<Data> {
     static get scopedElements(): ScopedElementsMap;
     static get properties(): PropertyDeclarations;
     getTransactionPageHref: TransactionPageGetter;
+    getCustomerPageHref: CustomerPageGetter | null;
     customerAddresses: string | null;
     itemCategories: string | null;
     localeCodes: string | null;
@@ -73,6 +74,7 @@ export declare class SubscriptionForm extends Base<Data> {
     private readonly __renderFrequencyAsDropdown;
     private readonly __renderFrequencyAsRadioList;
     private readonly __renderFrequency;
+    private readonly __renderCustomer;
     get hiddenSelector(): BooleanSelector;
     renderBody(): TemplateResult;
     private get __transactionTemplateHref();