@foxy.io/elements 1.16.0-beta.5 → 1.16.0-beta.8

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

@@ -1 +1 @@
-{"version":3,"file":"InternalItemFormCartControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormCartControl/InternalItemFormCartControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,2BAA4B,SAAQ,eAAe;IAAhE;;QACE,UAAK,GAAG,MAAM,CAAC;IAgBjB,CAAC;IAdC,aAAa;QACX,OAAO,IAAI,CAAA;6DAC8C,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,EAAE;;;;;;;;;;KAU/E,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormCartControl extends InternalControl {\n  infer = 'cart';\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-collapsible-card summary=\"title\" lang=${this.lang} ns=${this.ns}>\n        <div class=\"grid grid-cols-2 gap-m p-m\">\n          <foxy-internal-date-control class=\"col-span-2\" infer=\"expires\" format=\"unix\">\n          </foxy-internal-date-control>\n          <foxy-internal-text-control class=\"col-span-2\" infer=\"url\"></foxy-internal-text-control>\n          <foxy-internal-text-control class=\"col-span-2\" infer=\"image\"></foxy-internal-text-control>\n          <foxy-internal-integer-control infer=\"quantity-min\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"quantity-max\"></foxy-internal-integer-control>\n        </div>\n      </foxy-internal-collapsible-card>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalItemFormCartControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormCartControl/InternalItemFormCartControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,2BAA4B,SAAQ,eAAe;IAAhE;;QACE,UAAK,GAAG,MAAM,CAAC;IAgBjB,CAAC;IAdC,aAAa;QACX,OAAO,IAAI,CAAA;oDACqC,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,EAAE;;;;;;;;;;KAUtE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormCartControl extends InternalControl {\n  infer = 'cart';\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-date-control class=\"col-span-2\" infer=\"expires\" format=\"unix\">\n          </foxy-internal-date-control>\n          <foxy-internal-text-control class=\"col-span-2\" infer=\"url\"></foxy-internal-text-control>\n          <foxy-internal-text-control class=\"col-span-2\" infer=\"image\"></foxy-internal-text-control>\n          <foxy-internal-integer-control infer=\"quantity-min\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"quantity-max\"></foxy-internal-integer-control>\n        </div>\n      </foxy-internal-details>\n    `;\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
-import '../../../../internal/InternalCollapsibleCard/index';
+import '../../../../internal/InternalDetails/index';
 import '../../../../internal/InternalIntegerControl/index';
 import '../../../../internal/InternalTextControl/index';
 import '../../../../internal/InternalDateControl/index';

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

@@ -1,4 +1,4 @@
-import "../../../../internal/InternalCollapsibleCard/index.js";
+import "../../../../internal/InternalDetails/index.js";
 import "../../../../internal/InternalIntegerControl/index.js";
 import "../../../../internal/InternalTextControl/index.js";
 import "../../../../internal/InternalDateControl/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormCartControl/index.ts"],"names":[],"mappings":"AAAA,+DAA4D;AAC5D,8DAA2D;AAC3D,2DAAwD;AACxD,2DAAwD;AACxD,OAAO,EAAE,2BAA2B,EAAE,yCAAsC;AAE5E,cAAc,CAAC,MAAM,CAAC,sCAAsC,EAAE,2BAA2B,CAAC,CAAC;AAE3F,OAAO,EAAE,2BAA2B,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalCollapsibleCard/index';\nimport '../../../../internal/InternalIntegerControl/index';\nimport '../../../../internal/InternalTextControl/index';\nimport '../../../../internal/InternalDateControl/index';\nimport { InternalItemFormCartControl } from './InternalItemFormCartControl';\n\ncustomElements.define('foxy-internal-item-form-cart-control', InternalItemFormCartControl);\n\nexport { InternalItemFormCartControl };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormCartControl/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AACpD,8DAA2D;AAC3D,2DAAwD;AACxD,2DAAwD;AACxD,OAAO,EAAE,2BAA2B,EAAE,yCAAsC;AAE5E,cAAc,CAAC,MAAM,CAAC,sCAAsC,EAAE,2BAA2B,CAAC,CAAC;AAE3F,OAAO,EAAE,2BAA2B,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalDetails/index';\nimport '../../../../internal/InternalIntegerControl/index';\nimport '../../../../internal/InternalTextControl/index';\nimport '../../../../internal/InternalDateControl/index';\nimport { InternalItemFormCartControl } from './InternalItemFormCartControl';\n\ncustomElements.define('foxy-internal-item-form-cart-control', InternalItemFormCartControl);\n\nexport { InternalItemFormCartControl };\n"]}

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

@@ -9,7 +9,7 @@ export class InternalItemFormInventoryControl extends InternalControl {
     renderControl() {
         var _a;
         return html `
-      <foxy-internal-collapsible-card summary="title" lang=${this.lang} ns=${this.ns}>
+      <foxy-internal-details summary="title" lang=${this.lang} ns=${this.ns}>
         <div class="grid grid-cols-2 gap-m p-m">
           <foxy-internal-async-combo-box-control
             item-value-path="_links.self.href"
@@ -24,7 +24,7 @@ export class InternalItemFormInventoryControl extends InternalControl {
           <foxy-internal-text-control infer="code"></foxy-internal-text-control>
           <foxy-internal-text-control infer="parent-code"></foxy-internal-text-control>
         </div>
-      </foxy-internal-collapsible-card>
+      </foxy-internal-details>
     `;
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"InternalItemFormInventoryControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormInventoryControl/InternalItemFormInventoryControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,MAAM,OAAO,gCAAiC,SAAQ,eAAe;IAArE;;QACE,UAAK,GAAG,WAAW,CAAC;IAsBtB,CAAC;IApBC,aAAa;;QACX,OAAO,IAAI,CAAA;6DAC8C,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,EAAE;;;;;;oBAMhE,SAAS,OAAE,IAAI,CAAC,OAA2B,0CAAE,cAAc,CAAC;;;;;;;;;;KAU3E,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { ItemForm } from '../../ItemForm';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { html } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nexport class InternalItemFormInventoryControl extends InternalControl {\n  infer = 'inventory';\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-collapsible-card 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=\"_links.self.href\"\n            item-label-path=\"name\"\n            property=\"item_category_uri\"\n            first=${ifDefined((this.nucleon as ItemForm | null)?.itemCategories)}\n            class=\"col-span-2\"\n            infer=\"category\"\n          >\n          </foxy-internal-async-combo-box-control>\n\n          <foxy-internal-text-control infer=\"code\"></foxy-internal-text-control>\n          <foxy-internal-text-control infer=\"parent-code\"></foxy-internal-text-control>\n        </div>\n      </foxy-internal-collapsible-card>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalItemFormInventoryControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormInventoryControl/InternalItemFormInventoryControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,MAAM,OAAO,gCAAiC,SAAQ,eAAe;IAArE;;QACE,UAAK,GAAG,WAAW,CAAC;IAsBtB,CAAC;IApBC,aAAa;;QACX,OAAO,IAAI,CAAA;oDACqC,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,EAAE;;;;;;oBAMvD,SAAS,OAAE,IAAI,CAAC,OAA2B,0CAAE,cAAc,CAAC;;;;;;;;;;KAU3E,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { ItemForm } from '../../ItemForm';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { html } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nexport class InternalItemFormInventoryControl extends InternalControl {\n  infer = 'inventory';\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=\"_links.self.href\"\n            item-label-path=\"name\"\n            property=\"item_category_uri\"\n            first=${ifDefined((this.nucleon as ItemForm | null)?.itemCategories)}\n            class=\"col-span-2\"\n            infer=\"category\"\n          >\n          </foxy-internal-async-combo-box-control>\n\n          <foxy-internal-text-control infer=\"code\"></foxy-internal-text-control>\n          <foxy-internal-text-control infer=\"parent-code\"></foxy-internal-text-control>\n        </div>\n      </foxy-internal-details>\n    `;\n  }\n}\n"]}

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

@@ -1,5 +1,5 @@
 import '../../../../internal/InternalAsyncComboBoxControl/index';
-import '../../../../internal/InternalCollapsibleCard/index';
+import '../../../../internal/InternalDetails/index';
 import '../../../../internal/InternalTextControl/index';
 import { InternalItemFormInventoryControl as Control } from './InternalItemFormInventoryControl';
 export { Control as InternalItemFormInventoryControl };

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

@@ -1,5 +1,5 @@
 import "../../../../internal/InternalAsyncComboBoxControl/index.js";
-import "../../../../internal/InternalCollapsibleCard/index.js";
+import "../../../../internal/InternalDetails/index.js";
 import "../../../../internal/InternalTextControl/index.js";
 import { InternalItemFormInventoryControl as Control } from "./InternalItemFormInventoryControl.js";
 customElements.define('foxy-internal-item-form-inventory-control', Control);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormInventoryControl/index.ts"],"names":[],"mappings":"AAAA,oEAAiE;AACjE,+DAA4D;AAC5D,2DAAwD;AACxD,OAAO,EAAE,gCAAgC,IAAI,OAAO,EAAE,8CAA2C;AAEjG,cAAc,CAAC,MAAM,CAAC,2CAA2C,EAAE,OAAO,CAAC,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,gCAAgC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalAsyncComboBoxControl/index';\nimport '../../../../internal/InternalCollapsibleCard/index';\nimport '../../../../internal/InternalTextControl/index';\nimport { InternalItemFormInventoryControl as Control } from './InternalItemFormInventoryControl';\n\ncustomElements.define('foxy-internal-item-form-inventory-control', Control);\n\nexport { Control as InternalItemFormInventoryControl };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormInventoryControl/index.ts"],"names":[],"mappings":"AAAA,oEAAiE;AACjE,uDAAoD;AACpD,2DAAwD;AACxD,OAAO,EAAE,gCAAgC,IAAI,OAAO,EAAE,8CAA2C;AAEjG,cAAc,CAAC,MAAM,CAAC,2CAA2C,EAAE,OAAO,CAAC,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,gCAAgC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalAsyncComboBoxControl/index';\nimport '../../../../internal/InternalDetails/index';\nimport '../../../../internal/InternalTextControl/index';\nimport { InternalItemFormInventoryControl as Control } from './InternalItemFormInventoryControl';\n\ncustomElements.define('foxy-internal-item-form-inventory-control', Control);\n\nexport { Control as InternalItemFormInventoryControl };\n"]}

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

@@ -9,7 +9,7 @@ export class InternalItemFormLineItemDiscountControl extends InternalControl {
     renderControl() {
         var _a, _b, _c, _d;
         return html `
-      <foxy-internal-collapsible-card 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"
@@ -41,7 +41,7 @@ export class InternalItemFormLineItemDiscountControl extends InternalControl {
           >
           </foxy-discount-builder>
         </div>
-      </foxy-internal-collapsible-card>
+      </foxy-internal-details>
     `;
     }
 }

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-collapsible-card 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-collapsible-card>\n    `;\n  }\n}\n"]}
+{"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"]}

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

@@ -1,5 +1,5 @@
 import '../../../../internal/InternalAsyncComboBoxControl/index';
-import '../../../../internal/InternalCollapsibleCard/index';
+import '../../../../internal/InternalDetails/index';
 import '../../../../internal/InternalTextControl/index';
 import '../../../../internal/InternalControl/index';
 import '../../../DiscountBuilder/index';

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

@@ -1,5 +1,5 @@
 import "../../../../internal/InternalAsyncComboBoxControl/index.js";
-import "../../../../internal/InternalCollapsibleCard/index.js";
+import "../../../../internal/InternalDetails/index.js";
 import "../../../../internal/InternalTextControl/index.js";
 import "../../../../internal/InternalControl/index.js";
 import "../../../DiscountBuilder/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormLineItemDiscountControl/index.ts"],"names":[],"mappings":"AAAA,oEAAiE;AACjE,+DAA4D;AAC5D,2DAAwD;AACxD,uDAAoD;AACpD,2CAAwC;AAExC,OAAO,EAAE,uCAAuC,IAAI,OAAO,EAAE,qDAAkD;AAE/G,cAAc,CAAC,MAAM,CAAC,oDAAoD,EAAE,OAAO,CAAC,CAAC;AAErF,OAAO,EAAE,OAAO,IAAI,uCAAuC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalAsyncComboBoxControl/index';\nimport '../../../../internal/InternalCollapsibleCard/index';\nimport '../../../../internal/InternalTextControl/index';\nimport '../../../../internal/InternalControl/index';\nimport '../../../DiscountBuilder/index';\n\nimport { InternalItemFormLineItemDiscountControl as Control } from './InternalItemFormLineItemDiscountControl';\n\ncustomElements.define('foxy-internal-item-form-line-item-discount-control', Control);\n\nexport { Control as InternalItemFormLineItemDiscountControl };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormLineItemDiscountControl/index.ts"],"names":[],"mappings":"AAAA,oEAAiE;AACjE,uDAAoD;AACpD,2DAAwD;AACxD,uDAAoD;AACpD,2CAAwC;AAExC,OAAO,EAAE,uCAAuC,IAAI,OAAO,EAAE,qDAAkD;AAE/G,cAAc,CAAC,MAAM,CAAC,oDAAoD,EAAE,OAAO,CAAC,CAAC;AAErF,OAAO,EAAE,OAAO,IAAI,uCAAuC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalAsyncComboBoxControl/index';\nimport '../../../../internal/InternalDetails/index';\nimport '../../../../internal/InternalTextControl/index';\nimport '../../../../internal/InternalControl/index';\nimport '../../../DiscountBuilder/index';\n\nimport { InternalItemFormLineItemDiscountControl as Control } from './InternalItemFormLineItemDiscountControl';\n\ncustomElements.define('foxy-internal-item-form-line-item-discount-control', Control);\n\nexport { Control as InternalItemFormLineItemDiscountControl };\n"]}

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

@@ -9,7 +9,7 @@ export class InternalItemFormShippingControl extends InternalControl {
     renderControl() {
         var _a;
         return html `
-      <foxy-internal-collapsible-card summary="title" lang=${this.lang} ns=${this.ns}>
+      <foxy-internal-details summary="title" lang=${this.lang} ns=${this.ns}>
         <div class="grid grid-cols-2 gap-m p-m">
           <foxy-internal-async-combo-box-control
             item-value-path="address_name"
@@ -25,7 +25,7 @@ export class InternalItemFormShippingControl extends InternalControl {
           <foxy-internal-integer-control infer="length"></foxy-internal-integer-control>
           <foxy-internal-integer-control infer="weight"></foxy-internal-integer-control>
         </div>
-      </foxy-internal-collapsible-card>
+      </foxy-internal-details>
     `;
     }
 }

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;6DAC8C,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,EAAE;;;;;oBAKhE,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-collapsible-card 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-collapsible-card>\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;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"]}

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

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

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

@@ -1,5 +1,5 @@
 import "../../../../internal/InternalAsyncComboBoxControl/index.js";
-import "../../../../internal/InternalCollapsibleCard/index.js";
+import "../../../../internal/InternalDetails/index.js";
 import "../../../../internal/InternalIntegerControl/index.js";
 import { InternalItemFormShippingControl } from "./InternalItemFormShippingControl.js";
 customElements.define('foxy-internal-item-form-shipping-control', 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,+DAA4D;AAC5D,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/InternalCollapsibleCard/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,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"]}

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

@@ -18,7 +18,7 @@ export class InternalItemFormSubscriptionControl extends InternalControl {
             subscriptionLink = null;
         }
         return html `
-      <foxy-internal-collapsible-card summary="title" lang=${this.lang} ns=${this.ns}>
+      <foxy-internal-details summary="title" lang=${this.lang} ns=${this.ns}>
         ${subscriptionLink
             ? html `
               <foxy-form-dialog
@@ -68,7 +68,7 @@ export class InternalItemFormSubscriptionControl extends InternalControl {
                 </foxy-internal-date-control>
               </div>
             `}
-      </foxy-internal-collapsible-card>
+      </foxy-internal-details>
     `;
     }
 }

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;6DAC8C,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,EAAE;UAC1E,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-collapsible-card 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-collapsible-card>\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;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"]}

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

@@ -1,5 +1,5 @@
 import '../../../../internal/InternalFrequencyControl/index';
-import '../../../../internal/InternalCollapsibleCard/index';
+import '../../../../internal/InternalDetails/index';
 import '../../../../internal/InternalDateControl/index';
 import '../../../SubscriptionCard/index';
 import '../../../SubscriptionForm/index';

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

@@ -1,5 +1,5 @@
 import "../../../../internal/InternalFrequencyControl/index.js";
-import "../../../../internal/InternalCollapsibleCard/index.js";
+import "../../../../internal/InternalDetails/index.js";
 import "../../../../internal/InternalDateControl/index.js";
 import "../../../SubscriptionCard/index.js";
 import "../../../SubscriptionForm/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,+DAA4D;AAC5D,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/InternalCollapsibleCard/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,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"]}

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

@@ -3,10 +3,10 @@ import type { Data } from './types';
 import { BooleanSelector } from '@foxy.io/sdk/core';
 import { PropertyDeclarations } from 'lit-element';
 import { InternalCard } from '../../internal/InternalCard/InternalCard';
-declare const ShipmentCard_base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+declare const Base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
-};
-export declare class ShipmentCard extends ShipmentCard_base<Data> {
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+export declare class ShipmentCard extends Base<Data> {
     static get properties(): PropertyDeclarations;
     __customerAddresses: string;
     __currencyDisplay: string;

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

@@ -3,7 +3,10 @@ import { ifDefined } from 'lit-html/directives/if-defined';
 import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { BooleanSelector } from '@foxy.io/sdk/core';
 import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
-export class ShipmentCard extends TranslatableMixin(InternalCard, 'shipment-card') {
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+const NS = 'shipment-card';
+const Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));
+export class ShipmentCard extends Base {
     constructor() {
         super(...arguments);
         this.__customerAddresses = '';
@@ -76,14 +79,14 @@ export class ShipmentCard extends TranslatableMixin(InternalCard, 'shipment-card
             currencyDisplay: this.__currencyDisplay,
         })}
                 key="price"
-                infer
+                infer=""
               >
               </foxy-i18n>
             </span>
           </div>
         </foxy-address-card>
 
-        <foxy-internal-collection-card
+        <foxy-internal-async-details-control
           infer="items"
           first=${ifDefined(itemsLink)}
           limit="5"
@@ -91,7 +94,7 @@ export class ShipmentCard extends TranslatableMixin(InternalCard, 'shipment-card
           open
           .form=${itemFormRenderer}
         >
-        </foxy-internal-collection-card>
+        </foxy-internal-async-details-control>
       </div>
     `;
     }

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';\n\nexport class ShipmentCard extends TranslatableMixin(InternalCard, 'shipment-card')<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-collection-card\n          infer=\"items\"\n          first=${ifDefined(itemsLink)}\n          limit=\"5\"\n          item=\"foxy-item-card\"\n          open\n          .form=${itemFormRenderer}\n        >\n        </foxy-internal-collection-card>\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\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"]}

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

@@ -2,6 +2,6 @@ import '../AddressCard/index';
 import '../ItemForm/index';
 import '../ItemCard/index';
 import '../I18n/index';
-import '../../internal/InternalCollectionCard/index';
+import '../../internal/InternalAsyncDetailsControl/index';
 import { ShipmentCard } from './ShipmentCard';
 export { ShipmentCard };

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

@@ -2,7 +2,7 @@ import "../AddressCard/index.js";
 import "../ItemForm/index.js";
 import "../ItemCard/index.js";
 import "../I18n/index.js";
-import "../../internal/InternalCollectionCard/index.js";
+import "../../internal/InternalAsyncDetailsControl/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,wDAAqD;AAErD,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/InternalCollectionCard/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;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"]}

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

@@ -30,13 +30,13 @@ export class Transaction extends TranslatableMixin(InternalForm, 'transaction')
         var _a, _b, _c, _d, _e, _f;
         return html `
       <div id="body" class="gap-m">
-        <foxy-internal-collection-card
+        <foxy-internal-async-details-control
           infer="shipments"
           first=${ifDefined((_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:shipments'].href)}
           item="foxy-shipment-card"
           open
         >
-        </foxy-internal-collection-card>
+        </foxy-internal-async-details-control>
 
         <div class="grid gap-m self-start">
           <foxy-internal-transaction-summary-control infer="summary">
@@ -45,7 +45,7 @@ export class Transaction extends TranslatableMixin(InternalForm, 'transaction')
           <foxy-internal-transaction-customer-control infer="customer">
           </foxy-internal-transaction-customer-control>
 
-          <foxy-internal-collection-card
+          <foxy-internal-async-details-control
             infer="payments"
             class="max-w-full overflow-hidden"
             first=${ifDefined((_b = this.data) === null || _b === void 0 ? void 0 : _b._links['fx:payments'].href)}
@@ -53,25 +53,25 @@ export class Transaction extends TranslatableMixin(InternalForm, 'transaction')
             item="foxy-payment-card"
             open
           >
-          </foxy-internal-collection-card>
+          </foxy-internal-async-details-control>
 
-          <foxy-internal-collection-card
+          <foxy-internal-async-details-control
             infer="discounts"
             first=${ifDefined((_c = this.data) === null || _c === void 0 ? void 0 : _c._links['fx:discounts'].href)}
             limit="5"
             item="foxy-discount-card"
           >
-          </foxy-internal-collection-card>
+          </foxy-internal-async-details-control>
 
-          <foxy-internal-collection-card
+          <foxy-internal-async-details-control
             infer="applied-taxes"
             first=${ifDefined((_d = this.data) === null || _d === void 0 ? void 0 : _d._links['fx:applied_taxes'].href)}
             limit="5"
             item="foxy-applied-tax-card"
           >
-          </foxy-internal-collection-card>
+          </foxy-internal-async-details-control>
 
-          <foxy-internal-collection-card
+          <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)}
@@ -79,9 +79,9 @@ export class Transaction extends TranslatableMixin(InternalForm, 'transaction')
             form="foxy-custom-field-form"
             item="foxy-custom-field-card"
           >
-          </foxy-internal-collection-card>
+          </foxy-internal-async-details-control>
 
-          <foxy-internal-collection-card
+          <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)}
@@ -89,7 +89,7 @@ export class Transaction extends TranslatableMixin(InternalForm, 'transaction')
             form="foxy-attribute-form"
             item="foxy-attribute-card"
           >
-          </foxy-internal-collection-card>
+          </foxy-internal-async-details-control>
 
           <foxy-internal-transaction-actions-control infer="actions">
           </foxy-internal-transaction-actions-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-collection-card\n          infer=\"shipments\"\n          first=${ifDefined(this.data?._links['fx:shipments'].href)}\n          item=\"foxy-shipment-card\"\n          open\n        >\n        </foxy-internal-collection-card>\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-collection-card\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-collection-card>\n\n          <foxy-internal-collection-card\n            infer=\"discounts\"\n            first=${ifDefined(this.data?._links['fx:discounts'].href)}\n            limit=\"5\"\n            item=\"foxy-discount-card\"\n          >\n          </foxy-internal-collection-card>\n\n          <foxy-internal-collection-card\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-collection-card>\n\n          <foxy-internal-collection-card\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-collection-card>\n\n          <foxy-internal-collection-card\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-collection-card>\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,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"]}

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

@@ -11,7 +11,7 @@ import '../ShipmentCard/index';
 import '../PaymentCard/index';
 import '../ItemForm/index';
 import '../I18n/index';
-import '../../internal/InternalCollectionCard/index';
+import '../../internal/InternalAsyncDetailsControl/index';
 import './internal/InternalTransactionCustomerControl/index';
 import './internal/InternalTransactionActionsControl/index';
 import './internal/InternalTransactionSummaryControl/index';

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

@@ -11,7 +11,7 @@ import "../ShipmentCard/index.js";
 import "../PaymentCard/index.js";
 import "../ItemForm/index.js";
 import "../I18n/index.js";
-import "../../internal/InternalCollectionCard/index.js";
+import "../../internal/InternalAsyncDetailsControl/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,wDAAqD;AAErD,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/InternalCollectionCard/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,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"]}

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

@@ -5,7 +5,7 @@ export class InternalTransactionCustomerControl extends InternalControl {
     renderControl() {
         var _a, _b, _c, _d;
         return html `
-      <foxy-internal-collapsible-card summary="customer" infer open>
+      <foxy-internal-details summary="customer" infer open>
         <foxy-form-dialog
           header="header"
           infer="dialog"
@@ -29,7 +29,7 @@ export class InternalTransactionCustomerControl extends InternalControl {
           >
           </foxy-customer-card>
         </button>
-      </foxy-internal-collapsible-card>
+      </foxy-internal-details>
     `;
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"InternalTransactionCustomerControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionCustomerControl/InternalTransactionCustomerControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,gEAA6D;AAGvF,MAAM,OAAO,kCAAmC,SAAQ,eAAe;IACrE,aAAa;;QACX,OAAO,IAAI,CAAA;;;;;;iBAME,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC;;;;;;;mBAOvD,CAAC,GAAU,EAAE,EAAE;YACtB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAe,CAAC;YACtE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,aAAkC,CAAC,CAAC;QACtD,CAAC;;;;;mBAKQ,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC;;;;;KAKvE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { FormDialog } from '../../../FormDialog/FormDialog';\n\nexport class InternalTransactionCustomerControl extends InternalControl {\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-collapsible-card summary=\"customer\" infer open>\n        <foxy-form-dialog\n          header=\"header\"\n          infer=\"dialog\"\n          form=\"foxy-customer\"\n          href=${ifDefined(this.nucleon?.data?._links['fx:customer'].href)}\n          id=\"dialog\"\n        >\n        </foxy-form-dialog>\n\n        <button\n          class=\"w-full text-left block rounded-b-l transition-colors hover-bg-contrast-5 focus-outline-none focus-ring-2 focus-ring-primary-50\"\n          @click=${(evt: Event) => {\n            const dialog = this.renderRoot.querySelector('#dialog') as FormDialog;\n            dialog.show(evt.currentTarget as HTMLButtonElement);\n          }}\n        >\n          <foxy-customer-card\n            infer=\"card\"\n            class=\"p-m\"\n            href=${ifDefined(this.nucleon?.data?._links['fx:customer'].href)}\n          >\n          </foxy-customer-card>\n        </button>\n      </foxy-internal-collapsible-card>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalTransactionCustomerControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionCustomerControl/InternalTransactionCustomerControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,gEAA6D;AAGvF,MAAM,OAAO,kCAAmC,SAAQ,eAAe;IACrE,aAAa;;QACX,OAAO,IAAI,CAAA;;;;;;iBAME,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC;;;;;;;mBAOvD,CAAC,GAAU,EAAE,EAAE;YACtB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAe,CAAC;YACtE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,aAAkC,CAAC,CAAC;QACtD,CAAC;;;;;mBAKQ,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC;;;;;KAKvE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { FormDialog } from '../../../FormDialog/FormDialog';\n\nexport class InternalTransactionCustomerControl extends InternalControl {\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-details summary=\"customer\" infer open>\n        <foxy-form-dialog\n          header=\"header\"\n          infer=\"dialog\"\n          form=\"foxy-customer\"\n          href=${ifDefined(this.nucleon?.data?._links['fx:customer'].href)}\n          id=\"dialog\"\n        >\n        </foxy-form-dialog>\n\n        <button\n          class=\"w-full text-left block rounded-b-l transition-colors hover-bg-contrast-5 focus-outline-none focus-ring-2 focus-ring-primary-50\"\n          @click=${(evt: Event) => {\n            const dialog = this.renderRoot.querySelector('#dialog') as FormDialog;\n            dialog.show(evt.currentTarget as HTMLButtonElement);\n          }}\n        >\n          <foxy-customer-card\n            infer=\"card\"\n            class=\"p-m\"\n            href=${ifDefined(this.nucleon?.data?._links['fx:customer'].href)}\n          >\n          </foxy-customer-card>\n        </button>\n      </foxy-internal-details>\n    `;\n  }\n}\n"]}