@foxy.io/elements 1.16.0-beta.9 → 1.17.1

package/dist/elements/public/ItemForm/internal/InternalItemFormLineItemDiscountControl/InternalItemFormLineItemDiscountControl.js

@@ -7,14 +7,14 @@ export class InternalItemFormLineItemDiscountControl extends InternalControl {
         this.infer = 'line-item-discount';
     }
     renderControl() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         return html `
-      <foxy-internal-details summary="title" infer>
+      <foxy-internal-details summary="title" infer="">
         <div class="space-y-m p-m">
           <foxy-internal-async-combo-box-control
             item-value-path="_links.self.href"
             item-label-path="name"
-            first=${ifDefined((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.coupons)}
+            first=${ifDefined((_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.coupons) !== null && _b !== void 0 ? _b : undefined)}
             infer="coupon"
             @change=${(evt) => {
             var _a;
@@ -34,9 +34,19 @@ export class InternalItemFormLineItemDiscountControl extends InternalControl {
           <foxy-discount-builder
             infer="discount-builder"
             .parsedValue=${{
-            type: (_b = this.nucleon) === null || _b === void 0 ? void 0 : _b.form.discount_type,
-            name: (_c = this.nucleon) === null || _c === void 0 ? void 0 : _c.form.discount_name,
-            details: (_d = this.nucleon) === null || _d === void 0 ? void 0 : _d.form.discount_details,
+            type: (_c = this.nucleon) === null || _c === void 0 ? void 0 : _c.form.discount_type,
+            name: (_d = this.nucleon) === null || _d === void 0 ? void 0 : _d.form.discount_name,
+            details: (_e = this.nucleon) === null || _e === void 0 ? void 0 : _e.form.discount_details,
+        }}
+            @change=${(evt) => {
+            var _a;
+            const builder = evt.currentTarget;
+            const value = builder.parsedValue;
+            (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.edit({
+                discount_name: value.name,
+                discount_type: value.type,
+                discount_details: value.details,
+            });
         }}
           >
           </foxy-discount-builder>

package/dist/elements/public/ItemForm/internal/InternalItemFormLineItemDiscountControl/InternalItemFormLineItemDiscountControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalItemFormLineItemDiscountControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormLineItemDiscountControl/InternalItemFormLineItemDiscountControl.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,uCAAwC,SAAQ,eAAe;IAA5E;;QACE,UAAK,GAAG,oBAAoB,CAAC;IAuC/B,CAAC;IArCC,aAAa;;QACX,OAAO,IAAI,CAAA;;;;;;oBAMK,SAAS,OAAE,IAAI,CAAC,OAA2B,0CAAE,OAAO,CAAC;;sBAEnD,CAAC,GAAgB,EAAE,EAAE;;YAC7B,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,MAAM,SAAS,GAAG,GAAG,CAAC,MAA+B,CAAC;YAEtD,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC;gBACjB,aAAa,EAAE,SAAS,CAAC,IAAI;gBAC7B,aAAa,EAAE,SAAS,CAAC,oBAAoB;gBAC7C,gBAAgB,EAAE,SAAS,CAAC,uBAAuB;aACpD,EAAE;QACL,CAAC;;;;;;;;2BAQc;YACb,IAAI,QAAE,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,aAAa;YACtC,IAAI,QAAE,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,aAAa;YACtC,OAAO,QAAE,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,gBAAgB;SAC7C;;;;;KAKR,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { ItemForm } from '../../ItemForm';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormLineItemDiscountControl extends InternalControl {\n  infer = 'line-item-discount';\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-details summary=\"title\" infer>\n        <div class=\"space-y-m p-m\">\n          <foxy-internal-async-combo-box-control\n            item-value-path=\"_links.self.href\"\n            item-label-path=\"name\"\n            first=${ifDefined((this.nucleon as ItemForm | null)?.coupons)}\n            infer=\"coupon\"\n            @change=${(evt: CustomEvent) => {\n              evt.preventDefault();\n              const selection = evt.detail as Resource<Rels.Coupon>;\n\n              this.nucleon?.edit({\n                discount_name: selection.name,\n                discount_type: selection.coupon_discount_type,\n                discount_details: selection.coupon_discount_details,\n              });\n            }}\n          >\n          </foxy-internal-async-combo-box-control>\n\n          <foxy-internal-text-control infer=\"discount-name\"></foxy-internal-text-control>\n\n          <foxy-discount-builder\n            infer=\"discount-builder\"\n            .parsedValue=${{\n              type: this.nucleon?.form.discount_type,\n              name: this.nucleon?.form.discount_name,\n              details: this.nucleon?.form.discount_details,\n            }}\n          >\n          </foxy-discount-builder>\n        </div>\n      </foxy-internal-details>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalItemFormLineItemDiscountControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormLineItemDiscountControl/InternalItemFormLineItemDiscountControl.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,uCAAwC,SAAQ,eAAe;IAA5E;;QACE,UAAK,GAAG,oBAAoB,CAAC;IAiD/B,CAAC;IA/CC,aAAa;;QACX,OAAO,IAAI,CAAA;;;;;;oBAMK,SAAS,aAAE,IAAI,CAAC,OAA2B,0CAAE,OAAO,mCAAI,SAAS,CAAC;;sBAEhE,CAAC,GAAgB,EAAE,EAAE;;YAC7B,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,MAAM,SAAS,GAAG,GAAG,CAAC,MAA+B,CAAC;YAEtD,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC;gBACjB,aAAa,EAAE,SAAS,CAAC,IAAI;gBAC7B,aAAa,EAAE,SAAS,CAAC,oBAAoB;gBAC7C,gBAAgB,EAAE,SAAS,CAAC,uBAAuB;aACpD,EAAE;QACL,CAAC;;;;;;;;2BAQc;YACb,IAAI,QAAE,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,aAAa;YACtC,IAAI,QAAE,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,aAAa;YACtC,OAAO,QAAE,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,gBAAgB;SAC7C;sBACS,CAAC,GAAgB,EAAE,EAAE;;YAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,aAAgC,CAAC;YACrD,MAAM,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC;YAElC,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC;gBACjB,aAAa,EAAE,KAAK,CAAC,IAAI;gBACzB,aAAa,EAAE,KAAK,CAAC,IAAI;gBACzB,gBAAgB,EAAE,KAAK,CAAC,OAAO;aAChC,EAAE;QACL,CAAC;;;;;KAKR,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { DiscountBuilder } from '../../../DiscountBuilder/DiscountBuilder';\nimport type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { ItemForm } from '../../ItemForm';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormLineItemDiscountControl extends InternalControl {\n  infer = 'line-item-discount';\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-details summary=\"title\" infer=\"\">\n        <div class=\"space-y-m p-m\">\n          <foxy-internal-async-combo-box-control\n            item-value-path=\"_links.self.href\"\n            item-label-path=\"name\"\n            first=${ifDefined((this.nucleon as ItemForm | null)?.coupons ?? undefined)}\n            infer=\"coupon\"\n            @change=${(evt: CustomEvent) => {\n              evt.preventDefault();\n              const selection = evt.detail as Resource<Rels.Coupon>;\n\n              this.nucleon?.edit({\n                discount_name: selection.name,\n                discount_type: selection.coupon_discount_type,\n                discount_details: selection.coupon_discount_details,\n              });\n            }}\n          >\n          </foxy-internal-async-combo-box-control>\n\n          <foxy-internal-text-control infer=\"discount-name\"></foxy-internal-text-control>\n\n          <foxy-discount-builder\n            infer=\"discount-builder\"\n            .parsedValue=${{\n              type: this.nucleon?.form.discount_type,\n              name: this.nucleon?.form.discount_name,\n              details: this.nucleon?.form.discount_details,\n            }}\n            @change=${(evt: CustomEvent) => {\n              const builder = evt.currentTarget as DiscountBuilder;\n              const value = builder.parsedValue;\n\n              this.nucleon?.edit({\n                discount_name: value.name,\n                discount_type: value.type,\n                discount_details: value.details,\n              });\n            }}\n          >\n          </foxy-discount-builder>\n        </div>\n      </foxy-internal-details>\n    `;\n  }\n}\n"]}

package/dist/elements/public/ItemForm/internal/InternalItemFormShippingControl/InternalItemFormShippingControl.js

@@ -7,14 +7,14 @@ export class InternalItemFormShippingControl extends InternalControl {
         this.infer = 'shipping';
     }
     renderControl() {
-        var _a;
+        var _a, _b;
         return html `
-      <foxy-internal-details summary="title" lang=${this.lang} ns=${this.ns}>
+      <foxy-internal-details summary="title" infer="">
         <div class="grid grid-cols-2 gap-m p-m">
           <foxy-internal-async-combo-box-control
             item-value-path="address_name"
             item-label-path="address_name"
-            first=${ifDefined((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.customerAddresses)}
+            first=${ifDefined((_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.customerAddresses) !== null && _b !== void 0 ? _b : undefined)}
             class="col-span-2"
             infer="shipto"
           >

package/dist/elements/public/ItemForm/internal/InternalItemFormShippingControl/InternalItemFormShippingControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalItemFormShippingControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormShippingControl/InternalItemFormShippingControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,+BAAgC,SAAQ,eAAe;IAApE;;QACE,UAAK,GAAG,UAAU,CAAC;IAuBrB,CAAC;IArBC,aAAa;;QACX,OAAO,IAAI,CAAA;oDACqC,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,EAAE;;;;;oBAKvD,SAAS,OAAE,IAAI,CAAC,OAA2B,0CAAE,iBAAiB,CAAC;;;;;;;;;;;;KAY9E,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { ItemForm } from '../../ItemForm';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormShippingControl extends InternalControl {\n  infer = 'shipping';\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-details summary=\"title\" lang=${this.lang} ns=${this.ns}>\n        <div class=\"grid grid-cols-2 gap-m p-m\">\n          <foxy-internal-async-combo-box-control\n            item-value-path=\"address_name\"\n            item-label-path=\"address_name\"\n            first=${ifDefined((this.nucleon as ItemForm | null)?.customerAddresses)}\n            class=\"col-span-2\"\n            infer=\"shipto\"\n          >\n          </foxy-internal-async-combo-box-control>\n\n          <foxy-internal-integer-control infer=\"width\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"height\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"length\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"weight\"></foxy-internal-integer-control>\n        </div>\n      </foxy-internal-details>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalItemFormShippingControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormShippingControl/InternalItemFormShippingControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,+BAAgC,SAAQ,eAAe;IAApE;;QACE,UAAK,GAAG,UAAU,CAAC;IAuBrB,CAAC;IArBC,aAAa;;QACX,OAAO,IAAI,CAAA;;;;;;oBAMK,SAAS,aAAE,IAAI,CAAC,OAA2B,0CAAE,iBAAiB,mCAAI,SAAS,CAAC;;;;;;;;;;;;KAY3F,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { ItemForm } from '../../ItemForm';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormShippingControl extends InternalControl {\n  infer = 'shipping';\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-details summary=\"title\" infer=\"\">\n        <div class=\"grid grid-cols-2 gap-m p-m\">\n          <foxy-internal-async-combo-box-control\n            item-value-path=\"address_name\"\n            item-label-path=\"address_name\"\n            first=${ifDefined((this.nucleon as ItemForm | null)?.customerAddresses ?? undefined)}\n            class=\"col-span-2\"\n            infer=\"shipto\"\n          >\n          </foxy-internal-async-combo-box-control>\n\n          <foxy-internal-integer-control infer=\"width\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"height\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"length\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"weight\"></foxy-internal-integer-control>\n        </div>\n      </foxy-internal-details>\n    `;\n  }\n}\n"]}

package/dist/elements/public/ItemForm/internal/InternalItemFormShippingControl/index.d.ts

@@ -1,5 +1,6 @@
 import '../../../../internal/InternalAsyncComboBoxControl/index';
-import '../../../../internal/InternalDetails/index';
 import '../../../../internal/InternalIntegerControl/index';
+import '../../../../internal/InternalDetails/index';
+import '../../../../internal/InternalControl/index';
 import { InternalItemFormShippingControl } from './InternalItemFormShippingControl';
 export { InternalItemFormShippingControl };

package/dist/elements/public/ItemForm/internal/InternalItemFormShippingControl/index.js

@@ -1,6 +1,7 @@
 import "../../../../internal/InternalAsyncComboBoxControl/index.js";
-import "../../../../internal/InternalDetails/index.js";
 import "../../../../internal/InternalIntegerControl/index.js";
+import "../../../../internal/InternalDetails/index.js";
+import "../../../../internal/InternalControl/index.js";
 import { InternalItemFormShippingControl } from "./InternalItemFormShippingControl.js";
 customElements.define('foxy-internal-item-form-shipping-control', InternalItemFormShippingControl);
 export { InternalItemFormShippingControl };

package/dist/elements/public/ItemForm/internal/InternalItemFormShippingControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormShippingControl/index.ts"],"names":[],"mappings":"AAAA,oEAAiE;AACjE,uDAAoD;AACpD,8DAA2D;AAC3D,OAAO,EAAE,+BAA+B,EAAE,6CAA0C;AAEpF,cAAc,CAAC,MAAM,CAAC,0CAA0C,EAAE,+BAA+B,CAAC,CAAC;AAEnG,OAAO,EAAE,+BAA+B,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalAsyncComboBoxControl/index';\nimport '../../../../internal/InternalDetails/index';\nimport '../../../../internal/InternalIntegerControl/index';\nimport { InternalItemFormShippingControl } from './InternalItemFormShippingControl';\n\ncustomElements.define('foxy-internal-item-form-shipping-control', InternalItemFormShippingControl);\n\nexport { InternalItemFormShippingControl };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormShippingControl/index.ts"],"names":[],"mappings":"AAAA,oEAAiE;AACjE,8DAA2D;AAC3D,uDAAoD;AACpD,uDAAoD;AAEpD,OAAO,EAAE,+BAA+B,EAAE,6CAA0C;AAEpF,cAAc,CAAC,MAAM,CAAC,0CAA0C,EAAE,+BAA+B,CAAC,CAAC;AAEnG,OAAO,EAAE,+BAA+B,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalAsyncComboBoxControl/index';\nimport '../../../../internal/InternalIntegerControl/index';\nimport '../../../../internal/InternalDetails/index';\nimport '../../../../internal/InternalControl/index';\n\nimport { InternalItemFormShippingControl } from './InternalItemFormShippingControl';\n\ncustomElements.define('foxy-internal-item-form-shipping-control', InternalItemFormShippingControl);\n\nexport { InternalItemFormShippingControl };\n"]}

package/dist/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/InternalItemFormSubscriptionControl.js

@@ -18,15 +18,15 @@ export class InternalItemFormSubscriptionControl extends InternalControl {
             subscriptionLink = null;
         }
         return html `
-      <foxy-internal-details summary="title" lang=${this.lang} ns=${this.ns}>
+      <foxy-internal-details summary="title" infer="">
         ${subscriptionLink
             ? html `
               <foxy-form-dialog
-                related=${((_e = this.nucleon) === null || _e === void 0 ? void 0 : _e.href) ? JSON.stringify([this.nucleon.href]) : ''}
                 header="update"
                 infer="form"
                 href=${subscriptionLink}
                 form="foxy-subscription-form"
+                .related=${((_e = this.nucleon) === null || _e === void 0 ? void 0 : _e.href) ? [this.nucleon.href] : []}
               >
               </foxy-form-dialog>
 
@@ -38,12 +38,7 @@ export class InternalItemFormSubscriptionControl extends InternalControl {
                 dialog.show(button);
             }}
               >
-                <foxy-subscription-card
-                  hiddencontrols=${this.hiddenSelector.zoom('card').toString()}
-                  class="p-m"
-                  infer="card"
-                  href=${subscriptionLink}
-                >
+                <foxy-subscription-card class="p-m" infer="card" href=${subscriptionLink}>
                 </foxy-subscription-card>
               </button>
             `

package/dist/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/InternalItemFormSubscriptionControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalItemFormSubscriptionControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/InternalItemFormSubscriptionControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,mCAAoC,SAAQ,eAAe;IAAxE;;QACE,UAAK,GAAG,cAAc,CAAC;IAqEzB,CAAC;IAnEC,aAAa;;QAEX,IAAI,gBAA+B,CAAC;QAEpC,IAAI;YACF,MAAM,IAAI,eAAG,CAAC,YAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAgB,CAAA,CAAC,iBAAiB,CAAC,0CAAE,IAAI,mCAAI,EAAE,CAAC;YAClF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;YAC1B,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,6CAA6C,CAAC,CAAC;YAC5E,gBAAgB,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACnC;QAAC,WAAM;YACN,gBAAgB,GAAG,IAAI,CAAC;SACzB;QAED,OAAO,IAAI,CAAA;oDACqC,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,EAAE;UACjE,gBAAgB;YAChB,CAAC,CAAC,IAAI,CAAA;;0BAEU,OAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,EAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;;;uBAGhE,gBAAgB;;;;;;4BAMX,IAAI,CAAC,QAAQ;yBAChB,CAAC,GAAU,EAAE,EAAE;gBACtB,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;gBACtD,MAAM,MAAM,GAAG,MAAM,CAAC,sBAAoC,CAAC;gBAC3D,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACtB,CAAC;;;mCAGkB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE;;;yBAGrD,gBAAgB;;;;aAI5B;YACH,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;aAoBH;;KAER,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { FormDialog } from '../../../FormDialog/FormDialog';\nimport type { Data } from '../../types';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormSubscriptionControl extends InternalControl {\n  infer = 'subscription';\n\n  renderControl(): TemplateResult {\n    type Links = Data['_links'] & { 'fx:subscription'?: { href: string } };\n    let subscriptionLink: string | null;\n\n    try {\n      const href = (this.nucleon?.data?._links as Links)['fx:subscription']?.href ?? '';\n      const url = new URL(href);\n      url.searchParams.set('zoom', 'last_transaction,transaction_template:items');\n      subscriptionLink = url.toString();\n    } catch {\n      subscriptionLink = null;\n    }\n\n    return html`\n      <foxy-internal-details summary=\"title\" lang=${this.lang} ns=${this.ns}>\n        ${subscriptionLink\n          ? html`\n              <foxy-form-dialog\n                related=${this.nucleon?.href ? JSON.stringify([this.nucleon.href]) : ''}\n                header=\"update\"\n                infer=\"form\"\n                href=${subscriptionLink}\n                form=\"foxy-subscription-form\"\n              >\n              </foxy-form-dialog>\n\n              <button\n                ?disabled=${this.disabled}\n                @click=${(evt: Event) => {\n                  const button = evt.currentTarget as HTMLButtonElement;\n                  const dialog = button.previousElementSibling as FormDialog;\n                  dialog.show(button);\n                }}\n              >\n                <foxy-subscription-card\n                  hiddencontrols=${this.hiddenSelector.zoom('card').toString()}\n                  class=\"p-m\"\n                  infer=\"card\"\n                  href=${subscriptionLink}\n                >\n                </foxy-subscription-card>\n              </button>\n            `\n          : html`\n              <div class=\"space-y-m p-m\">\n                <foxy-internal-frequency-control\n                  infer=\"frequency\"\n                  property=\"subscription_frequency\"\n                >\n                </foxy-internal-frequency-control>\n\n                <foxy-internal-date-control infer=\"start\" property=\"subscription_start_date\">\n                </foxy-internal-date-control>\n\n                <foxy-internal-date-control infer=\"end\" property=\"subscription_end_date\">\n                </foxy-internal-date-control>\n\n                <foxy-internal-date-control\n                  infer=\"next\"\n                  property=\"subscription_next_transaction_date\"\n                >\n                </foxy-internal-date-control>\n              </div>\n            `}\n      </foxy-internal-details>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalItemFormSubscriptionControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/InternalItemFormSubscriptionControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,mCAAoC,SAAQ,eAAe;IAAxE;;QACE,UAAK,GAAG,cAAc,CAAC;IAgEzB,CAAC;IA9DC,aAAa;;QAEX,IAAI,gBAA+B,CAAC;QAEpC,IAAI;YACF,MAAM,IAAI,eAAG,CAAC,YAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAgB,CAAA,CAAC,iBAAiB,CAAC,0CAAE,IAAI,mCAAI,EAAE,CAAC;YAClF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;YAC1B,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,6CAA6C,CAAC,CAAC;YAC5E,gBAAgB,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACnC;QAAC,WAAM;YACN,gBAAgB,GAAG,IAAI,CAAC;SACzB;QAED,OAAO,IAAI,CAAA;;UAEL,gBAAgB;YAChB,CAAC,CAAC,IAAI,CAAA;;;;uBAIO,gBAAgB;;2BAEZ,OAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;;;;;4BAK5C,IAAI,CAAC,QAAQ;yBAChB,CAAC,GAAU,EAAE,EAAE;gBACtB,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;gBACtD,MAAM,MAAM,GAAG,MAAM,CAAC,sBAAoC,CAAC;gBAC3D,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACtB,CAAC;;wEAEuD,gBAAgB;;;aAG3E;YACH,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;aAoBH;;KAER,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { FormDialog } from '../../../FormDialog/FormDialog';\nimport type { Data } from '../../types';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormSubscriptionControl extends InternalControl {\n  infer = 'subscription';\n\n  renderControl(): TemplateResult {\n    type Links = Data['_links'] & { 'fx:subscription'?: { href: string } };\n    let subscriptionLink: string | null;\n\n    try {\n      const href = (this.nucleon?.data?._links as Links)['fx:subscription']?.href ?? '';\n      const url = new URL(href);\n      url.searchParams.set('zoom', 'last_transaction,transaction_template:items');\n      subscriptionLink = url.toString();\n    } catch {\n      subscriptionLink = null;\n    }\n\n    return html`\n      <foxy-internal-details summary=\"title\" infer=\"\">\n        ${subscriptionLink\n          ? html`\n              <foxy-form-dialog\n                header=\"update\"\n                infer=\"form\"\n                href=${subscriptionLink}\n                form=\"foxy-subscription-form\"\n                .related=${this.nucleon?.href ? [this.nucleon.href] : []}\n              >\n              </foxy-form-dialog>\n\n              <button\n                ?disabled=${this.disabled}\n                @click=${(evt: Event) => {\n                  const button = evt.currentTarget as HTMLButtonElement;\n                  const dialog = button.previousElementSibling as FormDialog;\n                  dialog.show(button);\n                }}\n              >\n                <foxy-subscription-card class=\"p-m\" infer=\"card\" href=${subscriptionLink}>\n                </foxy-subscription-card>\n              </button>\n            `\n          : html`\n              <div class=\"space-y-m p-m\">\n                <foxy-internal-frequency-control\n                  infer=\"frequency\"\n                  property=\"subscription_frequency\"\n                >\n                </foxy-internal-frequency-control>\n\n                <foxy-internal-date-control infer=\"start\" property=\"subscription_start_date\">\n                </foxy-internal-date-control>\n\n                <foxy-internal-date-control infer=\"end\" property=\"subscription_end_date\">\n                </foxy-internal-date-control>\n\n                <foxy-internal-date-control\n                  infer=\"next\"\n                  property=\"subscription_next_transaction_date\"\n                >\n                </foxy-internal-date-control>\n              </div>\n            `}\n      </foxy-internal-details>\n    `;\n  }\n}\n"]}

package/dist/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/index.d.ts

@@ -1,6 +1,7 @@
 import '../../../../internal/InternalFrequencyControl/index';
-import '../../../../internal/InternalDetails/index';
 import '../../../../internal/InternalDateControl/index';
+import '../../../../internal/InternalDetails/index';
+import '../../../../internal/InternalControl/index';
 import '../../../SubscriptionCard/index';
 import '../../../SubscriptionForm/index';
 import '../../../FormDialog/index';

package/dist/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/index.js

@@ -1,6 +1,7 @@
 import "../../../../internal/InternalFrequencyControl/index.js";
-import "../../../../internal/InternalDetails/index.js";
 import "../../../../internal/InternalDateControl/index.js";
+import "../../../../internal/InternalDetails/index.js";
+import "../../../../internal/InternalControl/index.js";
 import "../../../SubscriptionCard/index.js";
 import "../../../SubscriptionForm/index.js";
 import "../../../FormDialog/index.js";

package/dist/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/index.ts"],"names":[],"mappings":"AAAA,gEAA6D;AAC7D,uDAAoD;AACpD,2DAAwD;AACxD,4CAAyC;AACzC,4CAAyC;AACzC,sCAAmC;AAEnC,OAAO,EAAE,mCAAmC,IAAI,OAAO,EAAE,iDAA8C;AAEvG,cAAc,CAAC,MAAM,CAAC,8CAA8C,EAAE,OAAO,CAAC,CAAC;AAE/E,OAAO,EAAE,OAAO,IAAI,mCAAmC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalFrequencyControl/index';\nimport '../../../../internal/InternalDetails/index';\nimport '../../../../internal/InternalDateControl/index';\nimport '../../../SubscriptionCard/index';\nimport '../../../SubscriptionForm/index';\nimport '../../../FormDialog/index';\n\nimport { InternalItemFormSubscriptionControl as Control } from './InternalItemFormSubscriptionControl';\n\ncustomElements.define('foxy-internal-item-form-subscription-control', Control);\n\nexport { Control as InternalItemFormSubscriptionControl };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/index.ts"],"names":[],"mappings":"AAAA,gEAA6D;AAC7D,2DAAwD;AACxD,uDAAoD;AACpD,uDAAoD;AAEpD,4CAAyC;AACzC,4CAAyC;AACzC,sCAAmC;AAEnC,OAAO,EAAE,mCAAmC,IAAI,OAAO,EAAE,iDAA8C;AAEvG,cAAc,CAAC,MAAM,CAAC,8CAA8C,EAAE,OAAO,CAAC,CAAC;AAE/E,OAAO,EAAE,OAAO,IAAI,mCAAmC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalFrequencyControl/index';\nimport '../../../../internal/InternalDateControl/index';\nimport '../../../../internal/InternalDetails/index';\nimport '../../../../internal/InternalControl/index';\n\nimport '../../../SubscriptionCard/index';\nimport '../../../SubscriptionForm/index';\nimport '../../../FormDialog/index';\n\nimport { InternalItemFormSubscriptionControl as Control } from './InternalItemFormSubscriptionControl';\n\ncustomElements.define('foxy-internal-item-form-subscription-control', Control);\n\nexport { Control as InternalItemFormSubscriptionControl };\n"]}

package/dist/elements/public/ItemOptionForm/ItemOptionForm.d.ts

@@ -5,6 +5,24 @@ import { InternalForm } from '../../internal/InternalForm/InternalForm';
 declare const ItemOptionForm_base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 };
+/**
+ * Form element for creating or editing item options (`fx:item_option`).
+ *
+ * @slot name:before
+ * @slot name:after
+ *
+ * @slot value:before
+ * @slot value:after
+ *
+ * @slot price-mod:before
+ * @slot price-mod:after
+ *
+ * @slot weight-mod:before
+ * @slot weight-mod:after
+ *
+ * @element foxy-item-option-form
+ * @since 1.17.0
+ */
 export declare class ItemOptionForm extends ItemOptionForm_base<Data> {
     static get v8n(): NucleonV8N<Data>;
     renderBody(): TemplateResult;

package/dist/elements/public/ItemOptionForm/ItemOptionForm.js

@@ -1,6 +1,24 @@
 import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
 import { html } from 'lit-html';
+/**
+ * Form element for creating or editing item options (`fx:item_option`).
+ *
+ * @slot name:before
+ * @slot name:after
+ *
+ * @slot value:before
+ * @slot value:after
+ *
+ * @slot price-mod:before
+ * @slot price-mod:after
+ *
+ * @slot weight-mod:before
+ * @slot weight-mod:after
+ *
+ * @element foxy-item-option-form
+ * @since 1.17.0
+ */
 export class ItemOptionForm extends TranslatableMixin(InternalForm, 'item-option-form') {
     static get v8n() {
         return [

package/dist/elements/public/ItemOptionForm/ItemOptionForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemOptionForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemOptionForm/ItemOptionForm.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,cAAe,SAAQ,iBAAiB,CAAC,YAAY,EAAE,kBAAkB,CAAO;IAC3F,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB;YAC3C,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,GAAG,CAAC,IAAI,mBAAmB;YAChE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,oBAAoB;YAC7C,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,oBAAoB;SACpE,CAAC;IACJ,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;;;;QAKP,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nexport class ItemOptionForm extends TranslatableMixin(InternalForm, 'item-option-form')<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => (!!v && v.length <= 100) || 'name:v8n_too_long',\n      ({ value: v }) => !!v || 'value:v8n_required',\n      ({ value: v }) => (!!v && v.length <= 1024) || 'value:v8n_too_long',\n    ];\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-text-control infer=\"name\"></foxy-internal-text-control>\n      <foxy-internal-text-control infer=\"value\"></foxy-internal-text-control>\n      <foxy-internal-number-control infer=\"price-mod\"></foxy-internal-number-control>\n      <foxy-internal-number-control infer=\"weight-mod\"></foxy-internal-number-control>\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}
+{"version":3,"file":"ItemOptionForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemOptionForm/ItemOptionForm.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAO,cAAe,SAAQ,iBAAiB,CAAC,YAAY,EAAE,kBAAkB,CAAO;IAC3F,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB;YAC3C,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,GAAG,CAAC,IAAI,mBAAmB;YAChE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,oBAAoB;YAC7C,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,oBAAoB;SACpE,CAAC;IACJ,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;;;;QAKP,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\n/**\n * Form element for creating or editing item options (`fx:item_option`).\n *\n * @slot name:before\n * @slot name:after\n *\n * @slot value:before\n * @slot value:after\n *\n * @slot price-mod:before\n * @slot price-mod:after\n *\n * @slot weight-mod:before\n * @slot weight-mod:after\n *\n * @element foxy-item-option-form\n * @since 1.17.0\n */\nexport class ItemOptionForm extends TranslatableMixin(InternalForm, 'item-option-form')<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => (!!v && v.length <= 100) || 'name:v8n_too_long',\n      ({ value: v }) => !!v || 'value:v8n_required',\n      ({ value: v }) => (!!v && v.length <= 1024) || 'value:v8n_too_long',\n    ];\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-text-control infer=\"name\"></foxy-internal-text-control>\n      <foxy-internal-text-control infer=\"value\"></foxy-internal-text-control>\n      <foxy-internal-number-control infer=\"price-mod\"></foxy-internal-number-control>\n      <foxy-internal-number-control infer=\"weight-mod\"></foxy-internal-number-control>\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

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

@@ -6,6 +6,12 @@ import { InternalCard } from '../../internal/InternalCard/InternalCard';
 declare const Base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 } & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+/**
+ * Basic card displaying a shipment.
+ *
+ * @element foxy-shipment-card
+ * @since 1.17.0
+ */
 export declare class ShipmentCard extends Base<Data> {
     static get properties(): PropertyDeclarations;
     __customerAddresses: string;

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

@@ -6,6 +6,12 @@ import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
 import { ConfigurableMixin } from "../../../mixins/configurable.js";
 const NS = 'shipment-card';
 const Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));
+/**
+ * Basic card displaying a shipment.
+ *
+ * @element foxy-shipment-card
+ * @since 1.17.0
+ */
 export class ShipmentCard extends Base {
     constructor() {
         super(...arguments);
@@ -48,16 +54,12 @@ export class ShipmentCard extends Base {
         }
         const itemFormRenderer = ({ html, dialog, handleFetch, handleUpdate }) => html `
       <foxy-item-form
-        disabledcontrols=${dialog.disabledSelector.toString()}
-        readonlycontrols=${dialog.readonlySelector.toString()}
-        hiddencontrols=${dialog.hiddenSelector.toString()}
         customer-addresses=${this.__customerAddresses}
         item-categories=${this.__itemCategories}
         coupons=${this.__coupons}
         parent=${dialog.parent}
         href=${dialog.href}
-        lang=${dialog.lang}
-        ns=${dialog.ns}
+        infer=""
         @fetch=${handleFetch}
         @update=${handleUpdate}
       >

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

@@ -1 +1 @@
-{"version":3,"file":"ShipmentCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ShipmentCard/ShipmentCard.ts"],"names":[],"mappings":"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","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\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(`${super.hiddenSelector.toString()} address:not=full-address`);\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        disabledcontrols=${dialog.disabledSelector.toString()}\n        readonlycontrols=${dialog.readonlySelector.toString()}\n        hiddencontrols=${dialog.hiddenSelector.toString()}\n        customer-addresses=${this.__customerAddresses}\n        item-categories=${this.__itemCategories}\n        coupons=${this.__coupons}\n        parent=${dialog.parent}\n        href=${dialog.href}\n        lang=${dialog.lang}\n        ns=${dialog.ns}\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} &bull;\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"]}
+{"version":3,"file":"ShipmentCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ShipmentCard/ShipmentCard.ts"],"names":[],"mappings":"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","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(`${super.hiddenSelector.toString()} address:not=full-address`);\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} &bull;\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"]}

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

@@ -3,5 +3,6 @@ import '../ItemForm/index';
 import '../ItemCard/index';
 import '../I18n/index';
 import '../../internal/InternalAsyncDetailsControl/index';
+import '../../internal/InternalCard/index';
 import { ShipmentCard } from './ShipmentCard';
 export { ShipmentCard };

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

@@ -3,6 +3,7 @@ import "../ItemForm/index.js";
 import "../ItemCard/index.js";
 import "../I18n/index.js";
 import "../../internal/InternalAsyncDetailsControl/index.js";
+import "../../internal/InternalCard/index.js";
 import { ShipmentCard } from "./ShipmentCard.js";
 customElements.define('foxy-shipment-card', ShipmentCard);
 export { ShipmentCard };

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

@@ -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;AAE1D,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';\n\nimport { ShipmentCard } from './ShipmentCard';\n\ncustomElements.define('foxy-shipment-card', ShipmentCard);\n\nexport { ShipmentCard };\n"]}
+{"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"]}

package/dist/elements/public/SwipeActions/SwipeActions.d.ts

@@ -1,4 +1,19 @@
-import { CSSResult, LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';
+import type { CSSResult, PropertyDeclarations, TemplateResult } from 'lit-element';
+import { LitElement } from 'lit-element';
+/**
+ * A utility element for adding swipe actions to cards or list items. Usage:
+ *
+ * ```html
+ * <foxy-swipe-actions>
+ *   <foxy-customer-card></foxy-customer-card>
+ *   <button slot="action">Edit</button>
+ *   <button slot="action">Delete</button>
+ * </foxy-swipe-actions>
+ * ```
+ *
+ * @element foxy-swipe-actions
+ * @since 1.17.0
+ */
 export declare class SwipeActions extends LitElement {
     static get properties(): PropertyDeclarations;
     static get styles(): CSSResult;

package/dist/elements/public/SwipeActions/SwipeActions.js

@@ -1,4 +1,18 @@
-import { LitElement, css, html, } from 'lit-element';
+import { LitElement, css, html } from 'lit-element';
+/**
+ * A utility element for adding swipe actions to cards or list items. Usage:
+ *
+ * ```html
+ * <foxy-swipe-actions>
+ *   <foxy-customer-card></foxy-customer-card>
+ *   <button slot="action">Edit</button>
+ *   <button slot="action">Delete</button>
+ * </foxy-swipe-actions>
+ * ```
+ *
+ * @element foxy-swipe-actions
+ * @since 1.17.0
+ */
 export class SwipeActions extends LitElement {
     constructor() {
         super(...arguments);

package/dist/elements/public/SwipeActions/SwipeActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeActions.js","sourceRoot":"","sources":["../../../../src/elements/public/SwipeActions/SwipeActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAGV,GAAG,EACH,IAAI,GACL,MAAM,aAAa,CAAC;AAErB,MAAM,OAAO,YAAa,SAAQ,UAAU;IAA5C;;QA+CU,YAAO,GAA4D,MAAM,CAAC;QAE1E,oBAAe,GAA0B,IAAI,CAAC;IAyExD,CAAC;IAzHC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC9B,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoCT,CAAC;IACJ,CAAC;IAMD,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,IAAI,CAAC,OAAO;;sBAEN,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC;qBACpC,IAAI,CAAC,iBAAiB;oBACvB,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC;;mCAElB,IAAI,CAAC,cAAc;;;;;;;;;;;KAWjD,CAAC;IACJ,CAAC;IAED,IAAY,QAAQ;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAgB,CAAC;IACjE,CAAC;IAED,IAAY,SAAS;QACnB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAgB,CAAC;IAClE,CAAC;IAEO,cAAc,CAAC,QAA4B;QACjD,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI;YAAE,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAEtE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;YACnB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,QAAQ;SACT,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;IACxB,CAAC;IAEO,cAAc;QACpB,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAE/D,IAAI,UAAU,IAAI,CAAC,EAAE;YACnB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;SACvB;aAAM,IAAI,WAAW,GAAG,UAAU,GAAG,WAAW,IAAI,CAAC,EAAE;YACtD,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;SAC3B;IACH,CAAC;IAEO,iBAAiB,CAAC,GAAe;QACvC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC;YAAE,OAAO;QAE7C,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI;YAAE,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACtE,MAAM,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;QAEtD,IAAI,KAAK,IAAI,GAAG,EAAE;YAChB,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC;YAC9B,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,GAAG,EAAE;gBACrC,IAAI,CAAC,OAAO,GAAG,gBAAgB,CAAC;gBAChC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;oBACnB,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW;oBAChC,QAAQ,EAAE,QAAQ;iBACnB,CAAC,CAAC;YACL,CAAC,EAAE,EAAE,CAAC,CAAC;SACR;IACH,CAAC;CACF","sourcesContent":["import {\n  CSSResult,\n  LitElement,\n  PropertyDeclarations,\n  TemplateResult,\n  css,\n  html,\n} from 'lit-element';\n\nexport class SwipeActions extends LitElement {\n  static get properties(): PropertyDeclarations {\n    return {\n      __state: { attribute: false },\n    };\n  }\n\n  static get styles(): CSSResult {\n    return css`\n      #root {\n        display: block;\n        overflow: hidden;\n      }\n\n      #scroll {\n        --internal-scrollbar-height: var(--scrollbar-height, 24px);\n\n        padding-bottom: var(--internal-scrollbar-height);\n        margin-top: calc(0px - var(--internal-scrollbar-height));\n        transform: translateY(var(--internal-scrollbar-height));\n        overflow: auto hidden;\n        white-space: nowrap;\n        scroll-snap-type: x mandatory;\n        display: flex;\n      }\n\n      #content {\n        scroll-snap-align: start;\n        width: 100%;\n        flex-shrink: 0;\n      }\n\n      #content-transform-target {\n        transition: transform 0.15s ease;\n      }\n\n      .idle-preview #content-transform-target {\n        transform: translateX(calc(0px - var(--lumo-space-s)));\n      }\n\n      #action {\n        scroll-snap-align: end;\n        flex-shrink: 0;\n      }\n    `;\n  }\n\n  private __state: 'idle' | 'idle-preview' | 'scroll-started' | 'scrolled' = 'idle';\n\n  private __scrollTimeout: NodeJS.Timeout | null = null;\n\n  render(): TemplateResult {\n    return html`\n      <div\n        class=${this.__state}\n        id=\"root\"\n        @mouseleave=${() => this.__closeActions('smooth')}\n        @mousemove=${this.__handleMouseMove}\n        @focusout=${() => this.__closeActions('auto')}\n      >\n        <div id=\"scroll\" @scroll=${this.__handleScroll}>\n          <div id=\"content\">\n            <div id=\"content-transform-target\">\n              <slot></slot>\n            </div>\n          </div>\n          <div id=\"action\">\n            <slot name=\"action\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  private get __scroll() {\n    return this.renderRoot.querySelector('#scroll') as HTMLElement;\n  }\n\n  private get __content() {\n    return this.renderRoot.querySelector('#content') as HTMLElement;\n  }\n\n  private __closeActions(behavior?: 'auto' | 'smooth'): void {\n    if (this.__scrollTimeout !== null) clearTimeout(this.__scrollTimeout);\n\n    this.__scroll.scroll({\n      top: 0,\n      left: 0,\n      behavior,\n    });\n\n    this.__state = 'idle';\n  }\n\n  private __handleScroll() {\n    const { scrollLeft, scrollWidth, clientWidth } = this.__scroll;\n\n    if (scrollLeft <= 0) {\n      this.__state = 'idle';\n    } else if (scrollWidth - scrollLeft - clientWidth <= 0) {\n      this.__state = 'scrolled';\n    }\n  }\n\n  private __handleMouseMove(evt: MouseEvent) {\n    if (!this.__state.startsWith('idle')) return;\n\n    if (this.__scrollTimeout !== null) clearTimeout(this.__scrollTimeout);\n    const ratio = evt.offsetX / this.__scroll.clientWidth;\n\n    if (ratio >= 0.9) {\n      this.__state = 'idle-preview';\n      this.__scrollTimeout = setTimeout(() => {\n        this.__state = 'scroll-started';\n        this.__scroll.scroll({\n          top: 0,\n          left: this.__content.clientWidth,\n          behavior: 'smooth',\n        });\n      }, 75);\n    }\n  }\n}\n"]}
+{"version":3,"file":"SwipeActions.js","sourceRoot":"","sources":["../../../../src/elements/public/SwipeActions/SwipeActions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEpD;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,YAAa,SAAQ,UAAU;IAA5C;;QA+CU,YAAO,GAA4D,MAAM,CAAC;QAE1E,oBAAe,GAA0B,IAAI,CAAC;IAyExD,CAAC;IAzHC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC9B,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoCT,CAAC;IACJ,CAAC;IAMD,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,IAAI,CAAC,OAAO;;sBAEN,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC;qBACpC,IAAI,CAAC,iBAAiB;oBACvB,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC;;mCAElB,IAAI,CAAC,cAAc;;;;;;;;;;;KAWjD,CAAC;IACJ,CAAC;IAED,IAAY,QAAQ;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAgB,CAAC;IACjE,CAAC;IAED,IAAY,SAAS;QACnB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAgB,CAAC;IAClE,CAAC;IAEO,cAAc,CAAC,QAA4B;QACjD,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI;YAAE,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAEtE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;YACnB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,QAAQ;SACT,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;IACxB,CAAC;IAEO,cAAc;QACpB,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAE/D,IAAI,UAAU,IAAI,CAAC,EAAE;YACnB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;SACvB;aAAM,IAAI,WAAW,GAAG,UAAU,GAAG,WAAW,IAAI,CAAC,EAAE;YACtD,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;SAC3B;IACH,CAAC;IAEO,iBAAiB,CAAC,GAAe;QACvC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC;YAAE,OAAO;QAE7C,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI;YAAE,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACtE,MAAM,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;QAEtD,IAAI,KAAK,IAAI,GAAG,EAAE;YAChB,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC;YAC9B,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,GAAG,EAAE;gBACrC,IAAI,CAAC,OAAO,GAAG,gBAAgB,CAAC;gBAChC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;oBACnB,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW;oBAChC,QAAQ,EAAE,QAAQ;iBACnB,CAAC,CAAC;YACL,CAAC,EAAE,EAAE,CAAC,CAAC;SACR;IACH,CAAC;CACF","sourcesContent":["import type { CSSResult, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { LitElement, css, html } from 'lit-element';\n\n/**\n * A utility element for adding swipe actions to cards or list items. Usage:\n *\n * ```html\n * <foxy-swipe-actions>\n *   <foxy-customer-card></foxy-customer-card>\n *   <button slot=\"action\">Edit</button>\n *   <button slot=\"action\">Delete</button>\n * </foxy-swipe-actions>\n * ```\n *\n * @element foxy-swipe-actions\n * @since 1.17.0\n */\nexport class SwipeActions extends LitElement {\n  static get properties(): PropertyDeclarations {\n    return {\n      __state: { attribute: false },\n    };\n  }\n\n  static get styles(): CSSResult {\n    return css`\n      #root {\n        display: block;\n        overflow: hidden;\n      }\n\n      #scroll {\n        --internal-scrollbar-height: var(--scrollbar-height, 24px);\n\n        padding-bottom: var(--internal-scrollbar-height);\n        margin-top: calc(0px - var(--internal-scrollbar-height));\n        transform: translateY(var(--internal-scrollbar-height));\n        overflow: auto hidden;\n        white-space: nowrap;\n        scroll-snap-type: x mandatory;\n        display: flex;\n      }\n\n      #content {\n        scroll-snap-align: start;\n        width: 100%;\n        flex-shrink: 0;\n      }\n\n      #content-transform-target {\n        transition: transform 0.15s ease;\n      }\n\n      .idle-preview #content-transform-target {\n        transform: translateX(calc(0px - var(--lumo-space-s)));\n      }\n\n      #action {\n        scroll-snap-align: end;\n        flex-shrink: 0;\n      }\n    `;\n  }\n\n  private __state: 'idle' | 'idle-preview' | 'scroll-started' | 'scrolled' = 'idle';\n\n  private __scrollTimeout: NodeJS.Timeout | null = null;\n\n  render(): TemplateResult {\n    return html`\n      <div\n        class=${this.__state}\n        id=\"root\"\n        @mouseleave=${() => this.__closeActions('smooth')}\n        @mousemove=${this.__handleMouseMove}\n        @focusout=${() => this.__closeActions('auto')}\n      >\n        <div id=\"scroll\" @scroll=${this.__handleScroll}>\n          <div id=\"content\">\n            <div id=\"content-transform-target\">\n              <slot></slot>\n            </div>\n          </div>\n          <div id=\"action\">\n            <slot name=\"action\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  private get __scroll() {\n    return this.renderRoot.querySelector('#scroll') as HTMLElement;\n  }\n\n  private get __content() {\n    return this.renderRoot.querySelector('#content') as HTMLElement;\n  }\n\n  private __closeActions(behavior?: 'auto' | 'smooth'): void {\n    if (this.__scrollTimeout !== null) clearTimeout(this.__scrollTimeout);\n\n    this.__scroll.scroll({\n      top: 0,\n      left: 0,\n      behavior,\n    });\n\n    this.__state = 'idle';\n  }\n\n  private __handleScroll() {\n    const { scrollLeft, scrollWidth, clientWidth } = this.__scroll;\n\n    if (scrollLeft <= 0) {\n      this.__state = 'idle';\n    } else if (scrollWidth - scrollLeft - clientWidth <= 0) {\n      this.__state = 'scrolled';\n    }\n  }\n\n  private __handleMouseMove(evt: MouseEvent) {\n    if (!this.__state.startsWith('idle')) return;\n\n    if (this.__scrollTimeout !== null) clearTimeout(this.__scrollTimeout);\n    const ratio = evt.offsetX / this.__scroll.clientWidth;\n\n    if (ratio >= 0.9) {\n      this.__state = 'idle-preview';\n      this.__scrollTimeout = setTimeout(() => {\n        this.__state = 'scroll-started';\n        this.__scroll.scroll({\n          top: 0,\n          left: this.__content.clientWidth,\n          behavior: 'smooth',\n        });\n      }, 75);\n    }\n  }\n}\n"]}

package/dist/elements/public/Transaction/Transaction.d.ts

@@ -5,6 +5,12 @@ import { BooleanSelector } from '@foxy.io/sdk/core';
 declare const Transaction_base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 };
+/**
+ * Transaction summary page (`fx:transaction`).
+ *
+ * @element foxy-transaction
+ * @since 1.17.0
+ */
 export declare class Transaction extends Transaction_base<Data> {
     static get styles(): CSSResultArray;
     get readonlySelector(): BooleanSelector;

package/dist/elements/public/Transaction/Transaction.js

@@ -3,6 +3,12 @@ import { css, html } from 'lit-element';
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
 import { BooleanSelector } from '@foxy.io/sdk/core';
+/**
+ * Transaction summary page (`fx:transaction`).
+ *
+ * @element foxy-transaction
+ * @since 1.17.0
+ */
 export class Transaction extends TranslatableMixin(InternalForm, 'transaction') {
     static get styles() {
         return [
@@ -72,22 +78,22 @@ export class Transaction extends TranslatableMixin(InternalForm, 'transaction')
           </foxy-internal-async-details-control>
 
           <foxy-internal-async-details-control
-            related=${JSON.stringify([this.href])}
             infer="custom-fields"
             first=${ifDefined((_e = this.data) === null || _e === void 0 ? void 0 : _e._links['fx:custom_fields'].href)}
             limit="5"
             form="foxy-custom-field-form"
             item="foxy-custom-field-card"
+            .related=${[this.href]}
           >
           </foxy-internal-async-details-control>
 
           <foxy-internal-async-details-control
-            related=${JSON.stringify([this.href])}
             infer="attributes"
             first=${ifDefined((_f = this.data) === null || _f === void 0 ? void 0 : _f._links['fx:attributes'].href)}
             limit="5"
             form="foxy-attribute-form"
             item="foxy-attribute-card"
+            .related=${[this.href]}
           >
           </foxy-internal-async-details-control>
 

package/dist/elements/public/Transaction/Transaction.js.map

@@ -1 +1 @@
-{"version":3,"file":"Transaction.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/Transaction.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,OAAO,WAAY,SAAQ,iBAAiB,CAAC,YAAY,EAAE,aAAa,CAAO;IACnF,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,GAAG;;;;;;;;;OAUF;SACF,CAAC;IACJ,CAAC;IAED,IAAI,gBAAgB;;QAClB,MAAM,UAAU,GAAG,OAAO,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,SAAS,0CAAK,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,WAAW,EAAE,CAAC;QAC3F,OAAO,UAAU;YACf,CAAC,CAAC,KAAK,CAAC,gBAAgB;YACxB,CAAC,CAAC,IAAI,eAAe,CAAC,GAAG,KAAK,CAAC,gBAAgB,2BAA2B,CAAC,CAAC;IAChF,CAAC;IAED,UAAU;;QACR,OAAO,IAAI,CAAA;;;;kBAIG,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,cAAc,EAAE,IAAI,CAAC;;;;;;;;;;;;;;;;oBAgB/C,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC;;;;;;;;;oBAShD,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,cAAc,EAAE,IAAI,CAAC;;;;;;;;oBAQjD,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,kBAAkB,EAAE,IAAI,CAAC;;;;;;;sBAOnD,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;oBAE7B,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,kBAAkB,EAAE,IAAI,CAAC;;;;;;;;sBAQnD,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;oBAE7B,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC;;;;;;;;;;;KAWjE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { CSSResultArray, TemplateResult } from 'lit-element';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { css, html } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\n\nexport class Transaction extends TranslatableMixin(InternalForm, 'transaction')<Data> {\n  static get styles(): CSSResultArray {\n    return [\n      ...super.styles,\n      css`\n        #body {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, minmax(calc(18.75 * var(--lumo-space-m)), 1fr));\n        }\n\n        #body > :first-child {\n          grid-column-start: 1;\n          grid-column-end: -2;\n        }\n      `,\n    ];\n  }\n\n  get readonlySelector(): BooleanSelector {\n    const isEditable = Boolean(this.data?._links['fx:void'] ?? this.data?._links['fx:refund']);\n    return isEditable\n      ? super.readonlySelector\n      : new BooleanSelector(`${super.readonlySelector} attributes custom-fields`);\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <div id=\"body\" class=\"gap-m\">\n        <foxy-internal-async-details-control\n          infer=\"shipments\"\n          first=${ifDefined(this.data?._links['fx:shipments'].href)}\n          item=\"foxy-shipment-card\"\n          open\n        >\n        </foxy-internal-async-details-control>\n\n        <div class=\"grid gap-m self-start\">\n          <foxy-internal-transaction-summary-control infer=\"summary\">\n          </foxy-internal-transaction-summary-control>\n\n          <foxy-internal-transaction-customer-control infer=\"customer\">\n          </foxy-internal-transaction-customer-control>\n\n          <foxy-internal-async-details-control\n            infer=\"payments\"\n            class=\"max-w-full overflow-hidden\"\n            first=${ifDefined(this.data?._links['fx:payments'].href)}\n            limit=\"1\"\n            item=\"foxy-payment-card\"\n            open\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\n            infer=\"discounts\"\n            first=${ifDefined(this.data?._links['fx:discounts'].href)}\n            limit=\"5\"\n            item=\"foxy-discount-card\"\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\n            infer=\"applied-taxes\"\n            first=${ifDefined(this.data?._links['fx:applied_taxes'].href)}\n            limit=\"5\"\n            item=\"foxy-applied-tax-card\"\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\n            related=${JSON.stringify([this.href])}\n            infer=\"custom-fields\"\n            first=${ifDefined(this.data?._links['fx:custom_fields'].href)}\n            limit=\"5\"\n            form=\"foxy-custom-field-form\"\n            item=\"foxy-custom-field-card\"\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\n            related=${JSON.stringify([this.href])}\n            infer=\"attributes\"\n            first=${ifDefined(this.data?._links['fx:attributes'].href)}\n            limit=\"5\"\n            form=\"foxy-attribute-form\"\n            item=\"foxy-attribute-card\"\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-transaction-actions-control infer=\"actions\">\n          </foxy-internal-transaction-actions-control>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"Transaction.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/Transaction.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,OAAO,WAAY,SAAQ,iBAAiB,CAAC,YAAY,EAAE,aAAa,CAAO;IACnF,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,GAAG;;;;;;;;;OAUF;SACF,CAAC;IACJ,CAAC;IAED,IAAI,gBAAgB;;QAClB,MAAM,UAAU,GAAG,OAAO,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,SAAS,0CAAK,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,WAAW,EAAE,CAAC;QAC3F,OAAO,UAAU;YACf,CAAC,CAAC,KAAK,CAAC,gBAAgB;YACxB,CAAC,CAAC,IAAI,eAAe,CAAC,GAAG,KAAK,CAAC,gBAAgB,2BAA2B,CAAC,CAAC;IAChF,CAAC;IAED,UAAU;;QACR,OAAO,IAAI,CAAA;;;;kBAIG,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,cAAc,EAAE,IAAI,CAAC;;;;;;;;;;;;;;;;oBAgB/C,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC;;;;;;;;;oBAShD,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,cAAc,EAAE,IAAI,CAAC;;;;;;;;oBAQjD,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,kBAAkB,EAAE,IAAI,CAAC;;;;;;;;oBAQrD,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,kBAAkB,EAAE,IAAI,CAAC;;;;uBAIlD,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;oBAMd,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC;;;;uBAI/C,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;KAQ7B,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { CSSResultArray, TemplateResult } from 'lit-element';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { css, html } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\n\n/**\n * Transaction summary page (`fx:transaction`).\n *\n * @element foxy-transaction\n * @since 1.17.0\n */\nexport class Transaction extends TranslatableMixin(InternalForm, 'transaction')<Data> {\n  static get styles(): CSSResultArray {\n    return [\n      ...super.styles,\n      css`\n        #body {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, minmax(calc(18.75 * var(--lumo-space-m)), 1fr));\n        }\n\n        #body > :first-child {\n          grid-column-start: 1;\n          grid-column-end: -2;\n        }\n      `,\n    ];\n  }\n\n  get readonlySelector(): BooleanSelector {\n    const isEditable = Boolean(this.data?._links['fx:void'] ?? this.data?._links['fx:refund']);\n    return isEditable\n      ? super.readonlySelector\n      : new BooleanSelector(`${super.readonlySelector} attributes custom-fields`);\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <div id=\"body\" class=\"gap-m\">\n        <foxy-internal-async-details-control\n          infer=\"shipments\"\n          first=${ifDefined(this.data?._links['fx:shipments'].href)}\n          item=\"foxy-shipment-card\"\n          open\n        >\n        </foxy-internal-async-details-control>\n\n        <div class=\"grid gap-m self-start\">\n          <foxy-internal-transaction-summary-control infer=\"summary\">\n          </foxy-internal-transaction-summary-control>\n\n          <foxy-internal-transaction-customer-control infer=\"customer\">\n          </foxy-internal-transaction-customer-control>\n\n          <foxy-internal-async-details-control\n            infer=\"payments\"\n            class=\"max-w-full overflow-hidden\"\n            first=${ifDefined(this.data?._links['fx:payments'].href)}\n            limit=\"1\"\n            item=\"foxy-payment-card\"\n            open\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\n            infer=\"discounts\"\n            first=${ifDefined(this.data?._links['fx:discounts'].href)}\n            limit=\"5\"\n            item=\"foxy-discount-card\"\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\n            infer=\"applied-taxes\"\n            first=${ifDefined(this.data?._links['fx:applied_taxes'].href)}\n            limit=\"5\"\n            item=\"foxy-applied-tax-card\"\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\n            infer=\"custom-fields\"\n            first=${ifDefined(this.data?._links['fx:custom_fields'].href)}\n            limit=\"5\"\n            form=\"foxy-custom-field-form\"\n            item=\"foxy-custom-field-card\"\n            .related=${[this.href]}\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\n            infer=\"attributes\"\n            first=${ifDefined(this.data?._links['fx:attributes'].href)}\n            limit=\"5\"\n            form=\"foxy-attribute-form\"\n            item=\"foxy-attribute-card\"\n            .related=${[this.href]}\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-transaction-actions-control infer=\"actions\">\n          </foxy-internal-transaction-actions-control>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -1,17 +1,15 @@
-import '@vaadin/vaadin-button';
-import '@polymer/iron-icons/communication-icons';
-import '@polymer/iron-icons';
 import '../AttributeCard/index';
 import '../AttributeForm/index';
 import '../CustomFieldForm/index';
-import '../AppliedTaxCard/index';
 import '../CustomFieldCard/index';
+import '../AppliedTaxCard/index';
 import '../DiscountCard/index';
 import '../ShipmentCard/index';
 import '../PaymentCard/index';
 import '../ItemForm/index';
 import '../I18n/index';
 import '../../internal/InternalAsyncDetailsControl/index';
+import '../../internal/InternalForm/index';
 import './internal/InternalTransactionCustomerControl/index';
 import './internal/InternalTransactionActionsControl/index';
 import './internal/InternalTransactionSummaryControl/index';

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

@@ -1,17 +1,15 @@
-import '@vaadin/vaadin-button';
-import '@polymer/iron-icons/communication-icons';
-import '@polymer/iron-icons';
 import "../AttributeCard/index.js";
 import "../AttributeForm/index.js";
 import "../CustomFieldForm/index.js";
-import "../AppliedTaxCard/index.js";
 import "../CustomFieldCard/index.js";
+import "../AppliedTaxCard/index.js";
 import "../DiscountCard/index.js";
 import "../ShipmentCard/index.js";
 import "../PaymentCard/index.js";
 import "../ItemForm/index.js";
 import "../I18n/index.js";
 import "../../internal/InternalAsyncDetailsControl/index.js";
+import "../../internal/InternalForm/index.js";
 import "./internal/InternalTransactionCustomerControl/index.js";
 import "./internal/InternalTransactionActionsControl/index.js";
 import "./internal/InternalTransactionSummaryControl/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,yCAAyC,CAAC;AACjD,OAAO,qBAAqB,CAAC;AAE7B,mCAAgC;AAChC,mCAAgC;AAChC,qCAAkC;AAClC,oCAAiC;AACjC,qCAAkC;AAClC,kCAA+B;AAC/B,kCAA+B;AAC/B,iCAA8B;AAC9B,8BAA2B;AAC3B,0BAAuB;AAEvB,6DAA0D;AAE1D,gEAA6D;AAC7D,+DAA4D;AAC5D,+DAA4D;AAE5D,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\nimport '@polymer/iron-icons/communication-icons';\nimport '@polymer/iron-icons';\n\nimport '../AttributeCard/index';\nimport '../AttributeForm/index';\nimport '../CustomFieldForm/index';\nimport '../AppliedTaxCard/index';\nimport '../CustomFieldCard/index';\nimport '../DiscountCard/index';\nimport '../ShipmentCard/index';\nimport '../PaymentCard/index';\nimport '../ItemForm/index';\nimport '../I18n/index';\n\nimport '../../internal/InternalAsyncDetailsControl/index';\n\nimport './internal/InternalTransactionCustomerControl/index';\nimport './internal/InternalTransactionActionsControl/index';\nimport './internal/InternalTransactionSummaryControl/index';\n\nimport { Transaction } from './Transaction';\n\ncustomElements.define('foxy-transaction', Transaction);\n\nexport { Transaction };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/index.ts"],"names":[],"mappings":"AAAA,mCAAgC;AAChC,mCAAgC;AAChC,qCAAkC;AAClC,qCAAkC;AAClC,oCAAiC;AACjC,kCAA+B;AAC/B,kCAA+B;AAC/B,iCAA8B;AAC9B,8BAA2B;AAC3B,0BAAuB;AAEvB,6DAA0D;AAC1D,8CAA2C;AAE3C,gEAA6D;AAC7D,+DAA4D;AAC5D,+DAA4D;AAE5D,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '../AttributeCard/index';\nimport '../AttributeForm/index';\nimport '../CustomFieldForm/index';\nimport '../CustomFieldCard/index';\nimport '../AppliedTaxCard/index';\nimport '../DiscountCard/index';\nimport '../ShipmentCard/index';\nimport '../PaymentCard/index';\nimport '../ItemForm/index';\nimport '../I18n/index';\n\nimport '../../internal/InternalAsyncDetailsControl/index';\nimport '../../internal/InternalForm/index';\n\nimport './internal/InternalTransactionCustomerControl/index';\nimport './internal/InternalTransactionActionsControl/index';\nimport './internal/InternalTransactionSummaryControl/index';\n\nimport { Transaction } from './Transaction';\n\ncustomElements.define('foxy-transaction', Transaction);\n\nexport { Transaction };\n"]}