@foxy.io/elements 1.20.1 → 1.21.0-beta.1

package/dist/elements/public/ItemCategoryForm/internal/InternalItemCategoryFormTaxesControl/index.js

@@ -0,0 +1,8 @@
+import "../../../../internal/InternalControl/index.js";
+import "../../../CollectionPage/index.js";
+import "../../../Pagination/index.js";
+import "../InternalItemCategoryFormTaxesControlItem/index.js";
+import { InternalItemCategoryFormTaxesControl } from "./InternalItemCategoryFormTaxesControl.js";
+customElements.define('foxy-internal-item-category-form-taxes-control', InternalItemCategoryFormTaxesControl);
+export { InternalItemCategoryFormTaxesControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/ItemCategoryForm/internal/InternalItemCategoryFormTaxesControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemCategoryForm/internal/InternalItemCategoryFormTaxesControl/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AAEpD,0CAAuC;AACvC,sCAAmC;AAEnC,8DAA2D;AAE3D,OAAO,EAAE,oCAAoC,EAAE,kDAA+C;AAE9F,cAAc,CAAC,MAAM,CACnB,gDAAgD,EAChD,oCAAoC,CACrC,CAAC;AAEF,OAAO,EAAE,oCAAoC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalControl/index';\n\nimport '../../../CollectionPage/index';\nimport '../../../Pagination/index';\n\nimport '../InternalItemCategoryFormTaxesControlItem/index';\n\nimport { InternalItemCategoryFormTaxesControl } from './InternalItemCategoryFormTaxesControl';\n\ncustomElements.define(\n  'foxy-internal-item-category-form-taxes-control',\n  InternalItemCategoryFormTaxesControl\n);\n\nexport { InternalItemCategoryFormTaxesControl };\n"]}

package/dist/elements/public/ItemCategoryForm/internal/InternalItemCategoryFormTaxesControlItem/InternalItemCategoryFormTaxesControlItem.d.ts

@@ -0,0 +1,11 @@
+import type { PropertyDeclarations } from 'lit-element';
+import type { TemplateResult } from 'lit-html';
+import { TaxCard } from '../../../TaxCard/TaxCard';
+export declare class InternalItemCategoryFormTaxesControlItem extends TaxCard {
+    static get properties(): PropertyDeclarations;
+    taxItemCategories: string | null;
+    itemCategory: string | null;
+    private __resourceElementIsBusy;
+    private __queryElementData;
+    render(): TemplateResult;
+}

package/dist/elements/public/ItemCategoryForm/internal/InternalItemCategoryFormTaxesControlItem/InternalItemCategoryFormTaxesControlItem.js

@@ -0,0 +1,83 @@
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { TaxCard } from "../../../TaxCard/TaxCard.js";
+import { html } from 'lit-html';
+export class InternalItemCategoryFormTaxesControlItem extends TaxCard {
+    constructor() {
+        super(...arguments);
+        this.taxItemCategories = null;
+        this.itemCategory = null;
+        this.__resourceElementIsBusy = false;
+        this.__queryElementData = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            taxItemCategories: { attribute: 'tax-item-categories' },
+            itemCategory: { attribute: 'item-category' },
+        };
+    }
+    render() {
+        var _a, _b, _c, _d, _e;
+        const taxItemCategory = (_c = (_b = (_a = this.__queryElementData) === null || _a === void 0 ? void 0 : _a._embedded) === null || _b === void 0 ? void 0 : _b['fx:tax_item_categories']) === null || _c === void 0 ? void 0 : _c[0];
+        let taxItemCategories;
+        try {
+            const url = new URL((_d = this.taxItemCategories) !== null && _d !== void 0 ? _d : '');
+            const hrefAsUrl = new URL(this.href);
+            const id = hrefAsUrl.pathname.split('/').pop();
+            if (!id)
+                throw new Error();
+            url.searchParams.set('tax_id', id);
+            url.searchParams.set('limit', '1');
+            taxItemCategories = url.toString();
+        }
+        catch (_f) {
+            taxItemCategories = undefined;
+        }
+        return html `
+      <foxy-nucleon
+        href=${ifDefined(taxItemCategories)}
+        id="query"
+        @update=${(evt) => {
+            const nucleon = evt.currentTarget;
+            this.__queryElementData = nucleon.data;
+            this.requestUpdate();
+        }}
+      >
+        <foxy-nucleon
+          parent=${ifDefined((_e = this.taxItemCategories) !== null && _e !== void 0 ? _e : undefined)}
+          href=${ifDefined(taxItemCategory === null || taxItemCategory === void 0 ? void 0 : taxItemCategory._links.self.href)}
+          id="resource"
+          @update=${(evt) => {
+            const nucleon = evt.currentTarget;
+            this.__resourceElementIsBusy = !nucleon.in('idle');
+            this.requestUpdate();
+        }}
+        >
+        </foxy-nucleon>
+      </foxy-nucleon>
+
+      <vaadin-checkbox
+        class="px-m py-s block overflow-hidden"
+        ?disabled=${!this.__queryElementData || this.__resourceElementIsBusy || this.disabled}
+        ?checked=${!!taxItemCategory}
+        @change=${(evt) => {
+            const checkbox = evt.currentTarget;
+            const resource = this.renderRoot.querySelector('#resource');
+            if (checkbox.checked) {
+                resource.edit({
+                    tax_uri: this.data._links.self.href,
+                    item_category_uri: this.itemCategory,
+                });
+                resource.submit();
+            }
+            else {
+                resource.delete();
+            }
+        }}
+      >
+        ${super.render()}
+      </vaadin-checkbox>
+    `;
+    }
+}
+//# sourceMappingURL=InternalItemCategoryFormTaxesControlItem.js.map

package/dist/elements/public/ItemCategoryForm/internal/InternalItemCategoryFormTaxesControlItem/InternalItemCategoryFormTaxesControlItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalItemCategoryFormTaxesControlItem.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemCategoryForm/internal/InternalItemCategoryFormTaxesControlItem/InternalItemCategoryFormTaxesControlItem.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,oCAAiC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAKhC,MAAM,OAAO,wCAAyC,SAAQ,OAAO;IAArE;;QASE,sBAAiB,GAAkB,IAAI,CAAC;QAExC,iBAAY,GAAkB,IAAI,CAAC;QAE3B,4BAAuB,GAAG,KAAK,CAAC;QAEhC,uBAAkB,GAA6B,IAAI,CAAC;IAqE9D,CAAC;IAnFC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,iBAAiB,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE;YACvD,YAAY,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE;SAC7C,CAAC;IACJ,CAAC;IAUD,MAAM;;QACJ,MAAM,eAAe,qBAAG,IAAI,CAAC,kBAAkB,0CAAE,SAAS,0CAAG,wBAAwB,2CAAI,CAAC,CAAC,CAAC;QAC5F,IAAI,iBAAqC,CAAC;QAE1C,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,OAAC,IAAI,CAAC,iBAAiB,mCAAI,EAAE,CAAC,CAAC;YAClD,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrC,MAAM,EAAE,GAAG,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;YAE/C,IAAI,CAAC,EAAE;gBAAE,MAAM,IAAI,KAAK,EAAE,CAAC;YAE3B,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YACnC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;YACnC,iBAAiB,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACpC;QAAC,WAAM;YACN,iBAAiB,GAAG,SAAS,CAAC;SAC/B;QAED,OAAO,IAAI,CAAA;;eAEA,SAAS,CAAC,iBAAiB,CAAC;;kBAEzB,CAAC,GAAgB,EAAE,EAAE;YAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,aAAkD,CAAC;YACvE,IAAI,CAAC,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC;YACvC,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;;;mBAGU,SAAS,OAAC,IAAI,CAAC,iBAAiB,mCAAI,SAAS,CAAC;iBAChD,SAAS,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;oBAEzC,CAAC,GAAgB,EAAE,EAAE;YAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,aAAkD,CAAC;YACvE,IAAI,CAAC,uBAAuB,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;YACnD,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;;;;;;;oBAOS,CAAC,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,uBAAuB,IAAI,IAAI,CAAC,QAAQ;mBAC1E,CAAC,CAAC,eAAe;kBAClB,CAAC,GAAgB,EAAE,EAAE;YAG7B,MAAM,QAAQ,GAAG,GAAG,CAAC,aAAgC,CAAC;YACtD,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAoB,CAAC;YAE/E,IAAI,QAAQ,CAAC,OAAO,EAAE;gBACpB,QAAQ,CAAC,IAAI,CAAC;oBACZ,OAAO,EAAE,IAAI,CAAC,IAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI;oBACpC,iBAAiB,EAAE,IAAI,CAAC,YAAa;iBACtC,CAAC,CAAC;gBAEH,QAAQ,CAAC,MAAM,EAAE,CAAC;aACnB;iBAAM;gBACL,QAAQ,CAAC,MAAM,EAAE,CAAC;aACnB;QACH,CAAC;;UAEC,KAAK,CAAC,MAAM,EAAE;;KAEnB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { CheckboxElement } from '@vaadin/vaadin-checkbox';\nimport type { NucleonElement } from '../../../NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { TaxCard } from '../../../TaxCard/TaxCard';\nimport { html } from 'lit-html';\n\ntype TaxItemCategories = Resource<Rels.TaxItemCategories>;\ntype TaxItemCategory = Resource<Rels.TaxItemCategory>;\n\nexport class InternalItemCategoryFormTaxesControlItem extends TaxCard {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      taxItemCategories: { attribute: 'tax-item-categories' },\n      itemCategory: { attribute: 'item-category' },\n    };\n  }\n\n  taxItemCategories: string | null = null;\n\n  itemCategory: string | null = null;\n\n  private __resourceElementIsBusy = false;\n\n  private __queryElementData: TaxItemCategories | null = null;\n\n  render(): TemplateResult {\n    const taxItemCategory = this.__queryElementData?._embedded?.['fx:tax_item_categories']?.[0];\n    let taxItemCategories: string | undefined;\n\n    try {\n      const url = new URL(this.taxItemCategories ?? '');\n      const hrefAsUrl = new URL(this.href);\n      const id = hrefAsUrl.pathname.split('/').pop();\n\n      if (!id) throw new Error();\n\n      url.searchParams.set('tax_id', id);\n      url.searchParams.set('limit', '1');\n      taxItemCategories = url.toString();\n    } catch {\n      taxItemCategories = undefined;\n    }\n\n    return html`\n      <foxy-nucleon\n        href=${ifDefined(taxItemCategories)}\n        id=\"query\"\n        @update=${(evt: CustomEvent) => {\n          const nucleon = evt.currentTarget as NucleonElement<TaxItemCategories>;\n          this.__queryElementData = nucleon.data;\n          this.requestUpdate();\n        }}\n      >\n        <foxy-nucleon\n          parent=${ifDefined(this.taxItemCategories ?? undefined)}\n          href=${ifDefined(taxItemCategory?._links.self.href)}\n          id=\"resource\"\n          @update=${(evt: CustomEvent) => {\n            const nucleon = evt.currentTarget as NucleonElement<TaxItemCategories>;\n            this.__resourceElementIsBusy = !nucleon.in('idle');\n            this.requestUpdate();\n          }}\n        >\n        </foxy-nucleon>\n      </foxy-nucleon>\n\n      <vaadin-checkbox\n        class=\"px-m py-s block overflow-hidden\"\n        ?disabled=${!this.__queryElementData || this.__resourceElementIsBusy || this.disabled}\n        ?checked=${!!taxItemCategory}\n        @change=${(evt: CustomEvent) => {\n          type ResourceElement = NucleonElement<TaxItemCategory>;\n\n          const checkbox = evt.currentTarget as CheckboxElement;\n          const resource = this.renderRoot.querySelector('#resource') as ResourceElement;\n\n          if (checkbox.checked) {\n            resource.edit({\n              tax_uri: this.data!._links.self.href,\n              item_category_uri: this.itemCategory!,\n            });\n\n            resource.submit();\n          } else {\n            resource.delete();\n          }\n        }}\n      >\n        ${super.render()}\n      </vaadin-checkbox>\n    `;\n  }\n}\n"]}

package/dist/elements/public/ItemCategoryForm/internal/InternalItemCategoryFormTaxesControlItem/index.d.ts

@@ -0,0 +1,5 @@
+import '@vaadin/vaadin-checkbox';
+import '../../../NucleonElement/index';
+import '../../../TaxCard/index';
+import { InternalItemCategoryFormTaxesControlItem } from './InternalItemCategoryFormTaxesControlItem';
+export { InternalItemCategoryFormTaxesControlItem };

package/dist/elements/public/ItemCategoryForm/internal/InternalItemCategoryFormTaxesControlItem/index.js

@@ -0,0 +1,7 @@
+import '@vaadin/vaadin-checkbox';
+import "../../../NucleonElement/index.js";
+import "../../../TaxCard/index.js";
+import { InternalItemCategoryFormTaxesControlItem } from "./InternalItemCategoryFormTaxesControlItem.js";
+customElements.define('foxy-internal-item-category-form-taxes-control-item', InternalItemCategoryFormTaxesControlItem);
+export { InternalItemCategoryFormTaxesControlItem };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/ItemCategoryForm/internal/InternalItemCategoryFormTaxesControlItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemCategoryForm/internal/InternalItemCategoryFormTaxesControlItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAEjC,0CAAuC;AACvC,mCAAgC;AAEhC,OAAO,EAAE,wCAAwC,EAAE,sDAAmD;AAEtG,cAAc,CAAC,MAAM,CACnB,qDAAqD,EACrD,wCAAwC,CACzC,CAAC;AAEF,OAAO,EAAE,wCAAwC,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-checkbox';\n\nimport '../../../NucleonElement/index';\nimport '../../../TaxCard/index';\n\nimport { InternalItemCategoryFormTaxesControlItem } from './InternalItemCategoryFormTaxesControlItem';\n\ncustomElements.define(\n  'foxy-internal-item-category-form-taxes-control-item',\n  InternalItemCategoryFormTaxesControlItem\n);\n\nexport { InternalItemCategoryFormTaxesControlItem };\n"]}

package/dist/elements/public/ItemCategoryForm/types.d.ts

@@ -0,0 +1,55 @@
+import type { ItemCategoryForm } from './ItemCategoryForm';
+import type { Renderer } from '../../../mixins/configurable';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Data = Resource<Rels.ItemCategory>;
+export declare type Templates = {
+    'name:before'?: Renderer<ItemCategoryForm>;
+    'name:after'?: Renderer<ItemCategoryForm>;
+    'code:before'?: Renderer<ItemCategoryForm>;
+    'code:after'?: Renderer<ItemCategoryForm>;
+    'handling-fee-type:before'?: Renderer<ItemCategoryForm>;
+    'handling-fee-type:after'?: Renderer<ItemCategoryForm>;
+    'handling-fee:before'?: Renderer<ItemCategoryForm>;
+    'handling-fee:after'?: Renderer<ItemCategoryForm>;
+    'handling-fee-percentage:before'?: Renderer<ItemCategoryForm>;
+    'handling-fee-percentage:after'?: Renderer<ItemCategoryForm>;
+    'handling-fee-minimum:before'?: Renderer<ItemCategoryForm>;
+    'handling-fee-minimum:after'?: Renderer<ItemCategoryForm>;
+    'item-delivery-type:before'?: Renderer<ItemCategoryForm>;
+    'item-delivery-type:after'?: Renderer<ItemCategoryForm>;
+    'max-downloads-per-customer:before'?: Renderer<ItemCategoryForm>;
+    'max-downloads-per-customer:after'?: Renderer<ItemCategoryForm>;
+    'max-downloads-time-period:before'?: Renderer<ItemCategoryForm>;
+    'max-downloads-time-period:after'?: Renderer<ItemCategoryForm>;
+    'shipping-flat-rate:before'?: Renderer<ItemCategoryForm>;
+    'shipping-flat-rate:after'?: Renderer<ItemCategoryForm>;
+    'shipping-flat-rate-type:before'?: Renderer<ItemCategoryForm>;
+    'shipping-flat-rate-type:after'?: Renderer<ItemCategoryForm>;
+    'default-weight:before'?: Renderer<ItemCategoryForm>;
+    'default-weight:after'?: Renderer<ItemCategoryForm>;
+    'default-weight-unit:before'?: Renderer<ItemCategoryForm>;
+    'default-weight-unit:after'?: Renderer<ItemCategoryForm>;
+    'default-length-unit:before'?: Renderer<ItemCategoryForm>;
+    'default-length-unit:after'?: Renderer<ItemCategoryForm>;
+    'customs-value:before'?: Renderer<ItemCategoryForm>;
+    'customs-value:after'?: Renderer<ItemCategoryForm>;
+    'discount-name:before'?: Renderer<ItemCategoryForm>;
+    'discount-name:after'?: Renderer<ItemCategoryForm>;
+    'discount-builder:before'?: Renderer<ItemCategoryForm>;
+    'discount-builder:after'?: Renderer<ItemCategoryForm>;
+    'admin-email-template-uri:before'?: Renderer<ItemCategoryForm>;
+    'admin-email-template-uri:after'?: Renderer<ItemCategoryForm>;
+    'customer-email-template-uri:before'?: Renderer<ItemCategoryForm>;
+    'customer-email-template-uri:after'?: Renderer<ItemCategoryForm>;
+    'gift-recipient-email-template-uri:before'?: Renderer<ItemCategoryForm>;
+    'gift-recipient-email-template-uri:after'?: Renderer<ItemCategoryForm>;
+    'taxes:before'?: Renderer<ItemCategoryForm>;
+    'taxes:after'?: Renderer<ItemCategoryForm>;
+    'timestamps:before'?: Renderer<ItemCategoryForm>;
+    'timestamps:after'?: Renderer<ItemCategoryForm>;
+    'create:before'?: Renderer<ItemCategoryForm>;
+    'create:after'?: Renderer<ItemCategoryForm>;
+    'delete:before'?: Renderer<ItemCategoryForm>;
+    'delete:after'?: Renderer<ItemCategoryForm>;
+};

package/dist/elements/public/ItemCategoryForm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/public/ItemCategoryForm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCategoryForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ItemCategoryForm } from './ItemCategoryForm';\nimport type { Renderer } from '../../../mixins/configurable';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.ItemCategory>;\nexport type Templates = {\n  'name:before'?: Renderer<ItemCategoryForm>;\n  'name:after'?: Renderer<ItemCategoryForm>;\n  'code:before'?: Renderer<ItemCategoryForm>;\n  'code:after'?: Renderer<ItemCategoryForm>;\n  'handling-fee-type:before'?: Renderer<ItemCategoryForm>;\n  'handling-fee-type:after'?: Renderer<ItemCategoryForm>;\n  'handling-fee:before'?: Renderer<ItemCategoryForm>;\n  'handling-fee:after'?: Renderer<ItemCategoryForm>;\n  'handling-fee-percentage:before'?: Renderer<ItemCategoryForm>;\n  'handling-fee-percentage:after'?: Renderer<ItemCategoryForm>;\n  'handling-fee-minimum:before'?: Renderer<ItemCategoryForm>;\n  'handling-fee-minimum:after'?: Renderer<ItemCategoryForm>;\n  'item-delivery-type:before'?: Renderer<ItemCategoryForm>;\n  'item-delivery-type:after'?: Renderer<ItemCategoryForm>;\n  'max-downloads-per-customer:before'?: Renderer<ItemCategoryForm>;\n  'max-downloads-per-customer:after'?: Renderer<ItemCategoryForm>;\n  'max-downloads-time-period:before'?: Renderer<ItemCategoryForm>;\n  'max-downloads-time-period:after'?: Renderer<ItemCategoryForm>;\n  'shipping-flat-rate:before'?: Renderer<ItemCategoryForm>;\n  'shipping-flat-rate:after'?: Renderer<ItemCategoryForm>;\n  'shipping-flat-rate-type:before'?: Renderer<ItemCategoryForm>;\n  'shipping-flat-rate-type:after'?: Renderer<ItemCategoryForm>;\n  'default-weight:before'?: Renderer<ItemCategoryForm>;\n  'default-weight:after'?: Renderer<ItemCategoryForm>;\n  'default-weight-unit:before'?: Renderer<ItemCategoryForm>;\n  'default-weight-unit:after'?: Renderer<ItemCategoryForm>;\n  'default-length-unit:before'?: Renderer<ItemCategoryForm>;\n  'default-length-unit:after'?: Renderer<ItemCategoryForm>;\n  'customs-value:before'?: Renderer<ItemCategoryForm>;\n  'customs-value:after'?: Renderer<ItemCategoryForm>;\n  'discount-name:before'?: Renderer<ItemCategoryForm>;\n  'discount-name:after'?: Renderer<ItemCategoryForm>;\n  'discount-builder:before'?: Renderer<ItemCategoryForm>;\n  'discount-builder:after'?: Renderer<ItemCategoryForm>;\n  'admin-email-template-uri:before'?: Renderer<ItemCategoryForm>;\n  'admin-email-template-uri:after'?: Renderer<ItemCategoryForm>;\n  'customer-email-template-uri:before'?: Renderer<ItemCategoryForm>;\n  'customer-email-template-uri:after'?: Renderer<ItemCategoryForm>;\n  'gift-recipient-email-template-uri:before'?: Renderer<ItemCategoryForm>;\n  'gift-recipient-email-template-uri:after'?: Renderer<ItemCategoryForm>;\n  'taxes:before'?: Renderer<ItemCategoryForm>;\n  'taxes:after'?: Renderer<ItemCategoryForm>;\n  'timestamps:before'?: Renderer<ItemCategoryForm>;\n  'timestamps:after'?: Renderer<ItemCategoryForm>;\n  'create:before'?: Renderer<ItemCategoryForm>;\n  'create:after'?: Renderer<ItemCategoryForm>;\n  'delete:before'?: Renderer<ItemCategoryForm>;\n  'delete:after'?: Renderer<ItemCategoryForm>;\n};\n"]}

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

@@ -52,10 +52,13 @@ export declare class ItemForm extends ItemForm_base<Data> {
     customerAddresses: string | null;
     /** Link to the collection of item categories that can be used with this item. */
     itemCategories: string | null;
+    /** Link to the `fx:locale_codes` property helper for currency formatting. */
+    localeCodes: string | null;
     /** Link to the collection of coupons that can be used with this item. */
     coupons: string | null;
     private __itemsLink;
     renderBody(): TemplateResult;
     protected _sendGet(): Promise<Data>;
+    private get __itemOptionRelatedUrls();
 }
 export {};

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

@@ -1,5 +1,6 @@
 import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
 import { html } from 'lit-html';
 /**
  * Form element for creating or editing items (`fx:item`).
@@ -47,6 +48,8 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
         this.customerAddresses = null;
         /** Link to the collection of item categories that can be used with this item. */
         this.itemCategories = null;
+        /** Link to the `fx:locale_codes` property helper for currency formatting. */
+        this.localeCodes = null;
         /** Link to the collection of coupons that can be used with this item. */
         this.coupons = null;
         this.__itemsLink = '';
@@ -56,6 +59,7 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
             ...super.properties,
             customerAddresses: { type: String, attribute: 'customer-addresses' },
             itemCategories: { type: String, attribute: 'item-categories' },
+            localeCodes: { attribute: 'locale-codes' },
             coupons: { type: String },
         };
     }
@@ -69,6 +73,20 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
         ];
     }
     renderBody() {
+        const renderItemOptionCard = ctx => {
+            var _a;
+            return html `
+      <foxy-item-option-card
+        locale-codes=${ifDefined((_a = this.localeCodes) !== null && _a !== void 0 ? _a : void 0)}
+        parent=${ctx.parent}
+        class="p-m"
+        infer=""
+        href=${ctx.href}
+        .related=${ctx.related}
+      >
+      </foxy-item-option-card>
+    `;
+        };
         return html `
       <foxy-internal-text-control infer="name"></foxy-internal-text-control>
 
@@ -114,13 +132,9 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
               infer="item-options"
               first=${this.data._links['fx:item_options'].href}
               limit="5"
-              item="foxy-item-option-card"
               form="foxy-item-option-form"
-              .related=${[
-                this.data._links['fx:transaction'].href,
-                this.data._links['fx:shipment'].href,
-                this.__itemsLink,
-            ]}
+              .item=${renderItemOptionCard}
+              .related=${this.__itemOptionRelatedUrls}
             >
             </foxy-internal-async-details-control>
           `
@@ -130,9 +144,45 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
     }
     async _sendGet() {
         const item = await super._sendGet();
-        const transaction = await super._fetch(item._links['fx:transaction'].href);
-        this.__itemsLink = transaction._links['fx:items'].href;
+        if ('fx:subscription' in item._links) {
+            // TODO: remove the directive below once SDK is updated
+            // @ts-expect-error SDK types are incomplete
+            const subscriptionHref = item._links['fx:subscription'].href;
+            const subscription = await super._fetch(subscriptionHref);
+            const transactionTemplateHref = subscription._links['fx:transaction_template'].href;
+            const transactionTemplate = await super._fetch(transactionTemplateHref);
+            this.__itemsLink = transactionTemplate._links['fx:items'].href;
+            return item;
+        }
+        if ('fx:transaction' in item._links) {
+            const transaction = await super._fetch(item._links['fx:transaction'].href);
+            this.__itemsLink = transaction._links['fx:items'].href;
+            return item;
+        }
+        if ('fx:cart' in item._links) {
+            // TODO: remove the directive below once SDK is updated
+            // @ts-expect-error SDK types are incomplete
+            const cart = await super._fetch(item._links['fx:cart'].href);
+            this.__itemsLink = cart._links['fx:items'].href;
+            return item;
+        }
         return item;
     }
+    get __itemOptionRelatedUrls() {
+        var _a, _b;
+        const links = ((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links) !== null && _b !== void 0 ? _b : {});
+        const urls = [];
+        if (links['fx:subscription'])
+            urls.push(links['fx:subscription'].href);
+        if (links['fx:transaction'])
+            urls.push(links['fx:transaction'].href);
+        if (links['fx:shipment'])
+            urls.push(links['fx:shipment'].href);
+        if (links['fx:cart'])
+            urls.push(links['fx:cart'].href);
+        if (this.__itemsLink)
+            urls.push(this.__itemsLink);
+        return urls;
+    }
 }
 //# sourceMappingURL=ItemForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ItemForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemForm/ItemForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport 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';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { Rels } from '@foxy.io/sdk/backend';\n\n/**\n * Form element for creating or editing items (`fx:item`).\n *\n * @slot name:before\n * @slot name:after\n *\n * @slot price:before\n * @slot price:after\n *\n * @slot quantity:before\n * @slot quantity:after\n *\n * @slot subscription:before\n * @slot subscription:after\n *\n * @slot line-item-discount:before\n * @slot line-item-discount:after\n *\n * @slot cart:before\n * @slot cart:after\n *\n * @slot shipping:before\n * @slot shipping:after\n *\n * @slot inventory:before\n * @slot inventory:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @element foxy-item-form\n * @since 1.17.0\n */\nexport class ItemForm extends TranslatableMixin(InternalForm, 'item-form')<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      customerAddresses: { type: String, attribute: 'customer-addresses' },\n      itemCategories: { type: String, attribute: 'item-categories' },\n      coupons: { type: String },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => (!!v && v.length <= 255) || 'name:v8n_too_long',\n      ({ price: v }) => (typeof v === 'number' && !isNaN(v)) || 'price:v8n_required',\n      ({ price: v }) => (typeof v === 'number' && v >= 0) || 'price:v8n_negative',\n      ({ quantity: v }) => (typeof v === 'number' && v >= 1) || 'quantity:v8n_less_than_one',\n    ];\n  }\n\n  /** Link to the collection of customer addresses that can be used with this item. */\n  customerAddresses: string | null = null;\n\n  /** Link to the collection of item categories that can be used with this item. */\n  itemCategories: string | null = null;\n\n  /** Link to the collection of coupons that can be used with this item. */\n  coupons: string | null = null;\n\n  private __itemsLink = '';\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-text-control infer=\"name\"></foxy-internal-text-control>\n\n      <div class=\"grid grid-cols-2 gap-m\">\n        <foxy-internal-number-control infer=\"price\"></foxy-internal-number-control>\n        <foxy-internal-integer-control infer=\"quantity\"></foxy-internal-integer-control>\n      </div>\n\n      <foxy-internal-item-form-subscription-control></foxy-internal-item-form-subscription-control>\n      <foxy-internal-item-form-line-item-discount-control></foxy-internal-item-form-line-item-discount-control>\n      <foxy-internal-item-form-cart-control></foxy-internal-item-form-cart-control>\n      <foxy-internal-item-form-shipping-control></foxy-internal-item-form-shipping-control>\n      <foxy-internal-item-form-inventory-control></foxy-internal-item-form-inventory-control>\n\n      ${this.data\n        ? html`\n            <foxy-internal-async-details-control\n              infer=\"discount-details\"\n              first=${this.data._links['fx:discount_details'].href}\n              limit=\"5\"\n              item=\"foxy-discount-detail-card\"\n            >\n            </foxy-internal-async-details-control>\n\n            <foxy-internal-async-details-control\n              infer=\"coupon-details\"\n              first=${this.data._links['fx:coupon_details'].href}\n              limit=\"5\"\n              item=\"foxy-coupon-detail-card\"\n            >\n            </foxy-internal-async-details-control>\n\n            <foxy-internal-async-details-control\n              infer=\"attributes\"\n              first=${this.data._links['fx:attributes'].href}\n              limit=\"5\"\n              item=\"foxy-attribute-card\"\n              form=\"foxy-attribute-form\"\n            >\n            </foxy-internal-async-details-control>\n\n            <foxy-internal-async-details-control\n              infer=\"item-options\"\n              first=${this.data._links['fx:item_options'].href}\n              limit=\"5\"\n              item=\"foxy-item-option-card\"\n              form=\"foxy-item-option-form\"\n              .related=${[\n                this.data._links['fx:transaction'].href,\n                this.data._links['fx:shipment'].href,\n                this.__itemsLink,\n              ]}\n            >\n            </foxy-internal-async-details-control>\n          `\n        : ''}\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n\n    const item = await super._sendGet();\n    const transaction = await super._fetch<Transaction>(item._links['fx:transaction'].href);\n\n    this.__itemsLink = transaction._links['fx:items'].href;\n\n    return item;\n  }\n}\n"]}
+{"version":3,"file":"ItemForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemForm/ItemForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { ItemRenderer } from '../CollectionPage/types';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\n/**\n * Form element for creating or editing items (`fx:item`).\n *\n * @slot name:before\n * @slot name:after\n *\n * @slot price:before\n * @slot price:after\n *\n * @slot quantity:before\n * @slot quantity:after\n *\n * @slot subscription:before\n * @slot subscription:after\n *\n * @slot line-item-discount:before\n * @slot line-item-discount:after\n *\n * @slot cart:before\n * @slot cart:after\n *\n * @slot shipping:before\n * @slot shipping:after\n *\n * @slot inventory:before\n * @slot inventory:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @element foxy-item-form\n * @since 1.17.0\n */\nexport class ItemForm extends TranslatableMixin(InternalForm, 'item-form')<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      customerAddresses: { type: String, attribute: 'customer-addresses' },\n      itemCategories: { type: String, attribute: 'item-categories' },\n      localeCodes: { attribute: 'locale-codes' },\n      coupons: { type: String },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => (!!v && v.length <= 255) || 'name:v8n_too_long',\n      ({ price: v }) => (typeof v === 'number' && !isNaN(v)) || 'price:v8n_required',\n      ({ price: v }) => (typeof v === 'number' && v >= 0) || 'price:v8n_negative',\n      ({ quantity: v }) => (typeof v === 'number' && v >= 1) || 'quantity:v8n_less_than_one',\n    ];\n  }\n\n  /** Link to the collection of customer addresses that can be used with this item. */\n  customerAddresses: string | null = null;\n\n  /** Link to the collection of item categories that can be used with this item. */\n  itemCategories: string | null = null;\n\n  /** Link to the `fx:locale_codes` property helper for currency formatting. */\n  localeCodes: string | null = null;\n\n  /** Link to the collection of coupons that can be used with this item. */\n  coupons: string | null = null;\n\n  private __itemsLink = '';\n\n  renderBody(): TemplateResult {\n    const renderItemOptionCard: ItemRenderer = ctx => html`\n      <foxy-item-option-card\n        locale-codes=${ifDefined(this.localeCodes ?? void 0)}\n        parent=${ctx.parent}\n        class=\"p-m\"\n        infer=\"\"\n        href=${ctx.href}\n        .related=${ctx.related}\n      >\n      </foxy-item-option-card>\n    `;\n\n    return html`\n      <foxy-internal-text-control infer=\"name\"></foxy-internal-text-control>\n\n      <div class=\"grid grid-cols-2 gap-m\">\n        <foxy-internal-number-control infer=\"price\"></foxy-internal-number-control>\n        <foxy-internal-integer-control infer=\"quantity\"></foxy-internal-integer-control>\n      </div>\n\n      <foxy-internal-item-form-subscription-control></foxy-internal-item-form-subscription-control>\n      <foxy-internal-item-form-line-item-discount-control></foxy-internal-item-form-line-item-discount-control>\n      <foxy-internal-item-form-cart-control></foxy-internal-item-form-cart-control>\n      <foxy-internal-item-form-shipping-control></foxy-internal-item-form-shipping-control>\n      <foxy-internal-item-form-inventory-control></foxy-internal-item-form-inventory-control>\n\n      ${this.data\n        ? html`\n            <foxy-internal-async-details-control\n              infer=\"discount-details\"\n              first=${this.data._links['fx:discount_details'].href}\n              limit=\"5\"\n              item=\"foxy-discount-detail-card\"\n            >\n            </foxy-internal-async-details-control>\n\n            <foxy-internal-async-details-control\n              infer=\"coupon-details\"\n              first=${this.data._links['fx:coupon_details'].href}\n              limit=\"5\"\n              item=\"foxy-coupon-detail-card\"\n            >\n            </foxy-internal-async-details-control>\n\n            <foxy-internal-async-details-control\n              infer=\"attributes\"\n              first=${this.data._links['fx:attributes'].href}\n              limit=\"5\"\n              item=\"foxy-attribute-card\"\n              form=\"foxy-attribute-form\"\n            >\n            </foxy-internal-async-details-control>\n\n            <foxy-internal-async-details-control\n              infer=\"item-options\"\n              first=${this.data._links['fx:item_options'].href}\n              limit=\"5\"\n              form=\"foxy-item-option-form\"\n              .item=${renderItemOptionCard}\n              .related=${this.__itemOptionRelatedUrls}\n            >\n            </foxy-internal-async-details-control>\n          `\n        : ''}\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type TransactionTemplate = Resource<Rels.TransactionTemplate>;\n    type Subscription = Resource<Rels.Subscription>;\n    type Transaction = Resource<Rels.Transaction>;\n    type Cart = Resource<Rels.Cart>;\n\n    const item = await super._sendGet();\n\n    if ('fx:subscription' in item._links) {\n      // TODO: remove the directive below once SDK is updated\n      // @ts-expect-error SDK types are incomplete\n      const subscriptionHref = item._links['fx:subscription'].href;\n      const subscription = await super._fetch<Subscription>(subscriptionHref);\n\n      const transactionTemplateHref = subscription._links['fx:transaction_template'].href;\n      const transactionTemplate = await super._fetch<TransactionTemplate>(transactionTemplateHref);\n\n      this.__itemsLink = transactionTemplate._links['fx:items'].href;\n      return item;\n    }\n\n    if ('fx:transaction' in item._links) {\n      const transaction = await super._fetch<Transaction>(item._links['fx:transaction'].href);\n      this.__itemsLink = transaction._links['fx:items'].href;\n      return item;\n    }\n\n    if ('fx:cart' in item._links) {\n      // TODO: remove the directive below once SDK is updated\n      // @ts-expect-error SDK types are incomplete\n      const cart = await super._fetch<Cart>(item._links['fx:cart'].href);\n      this.__itemsLink = cart._links['fx:items'].href;\n      return item;\n    }\n\n    return item;\n  }\n\n  private get __itemOptionRelatedUrls() {\n    const links = (this.data?._links ?? {}) as Record<string, { href: string }>;\n    const urls: string[] = [];\n\n    if (links['fx:subscription']) urls.push(links['fx:subscription'].href);\n    if (links['fx:transaction']) urls.push(links['fx:transaction'].href);\n    if (links['fx:shipment']) urls.push(links['fx:shipment'].href);\n    if (links['fx:cart']) urls.push(links['fx:cart'].href);\n    if (this.__itemsLink) urls.push(this.__itemsLink);\n\n    return urls;\n  }\n}\n"]}

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

@@ -1,6 +1,6 @@
 import type { TemplateResult } from 'lit-html';
-import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
-export declare class InternalItemFormCartControl extends InternalControl {
+import { InternalEditableControl } from '../../../../internal/InternalEditableControl/InternalEditableControl';
+export declare class InternalItemFormCartControl extends InternalEditableControl {
     infer: string;
     renderControl(): TemplateResult;
 }

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

@@ -1,6 +1,6 @@
-import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { InternalEditableControl } from "../../../../internal/InternalEditableControl/InternalEditableControl.js";
 import { html } from 'lit-html';
-export class InternalItemFormCartControl extends InternalControl {
+export class InternalItemFormCartControl extends InternalEditableControl {
     constructor() {
         super(...arguments);
         this.infer = 'cart';

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;;;;;;;;;;;KAWV,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\" infer=\"\">\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"]}
+{"version":3,"file":"InternalItemFormCartControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormCartControl/InternalItemFormCartControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,gFAA6E;AAC/G,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,2BAA4B,SAAQ,uBAAuB;IAAxE;;QACE,UAAK,GAAG,MAAM,CAAC;IAgBjB,CAAC;IAdC,aAAa;QACX,OAAO,IAAI,CAAA;;;;;;;;;;;KAWV,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\n\nimport { InternalEditableControl } from '../../../../internal/InternalEditableControl/InternalEditableControl';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormCartControl extends InternalEditableControl {\n  infer = 'cart';\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-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,7 +1,7 @@
+import '../../../../internal/InternalEditableControl/index';
 import '../../../../internal/InternalIntegerControl/index';
 import '../../../../internal/InternalTextControl/index';
 import '../../../../internal/InternalDateControl/index';
 import '../../../../internal/InternalDetails/index';
-import '../../../../internal/InternalControl/index';
 import { InternalItemFormCartControl } from './InternalItemFormCartControl';
 export { InternalItemFormCartControl };

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

@@ -1,8 +1,8 @@
+import "../../../../internal/InternalEditableControl/index.js";
 import "../../../../internal/InternalIntegerControl/index.js";
 import "../../../../internal/InternalTextControl/index.js";
 import "../../../../internal/InternalDateControl/index.js";
 import "../../../../internal/InternalDetails/index.js";
-import "../../../../internal/InternalControl/index.js";
 import { InternalItemFormCartControl } from "./InternalItemFormCartControl.js";
 customElements.define('foxy-internal-item-form-cart-control', InternalItemFormCartControl);
 export { InternalItemFormCartControl };

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,8DAA2D;AAC3D,2DAAwD;AACxD,2DAAwD;AACxD,uDAAoD;AACpD,uDAAoD;AAEpD,OAAO,EAAE,2BAA2B,EAAE,yCAAsC;AAE5E,cAAc,CAAC,MAAM,CAAC,sCAAsC,EAAE,2BAA2B,CAAC,CAAC;AAE3F,OAAO,EAAE,2BAA2B,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalIntegerControl/index';\nimport '../../../../internal/InternalTextControl/index';\nimport '../../../../internal/InternalDateControl/index';\nimport '../../../../internal/InternalDetails/index';\nimport '../../../../internal/InternalControl/index';\n\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,+DAA4D;AAC5D,8DAA2D;AAC3D,2DAAwD;AACxD,2DAAwD;AACxD,uDAAoD;AAEpD,OAAO,EAAE,2BAA2B,EAAE,yCAAsC;AAE5E,cAAc,CAAC,MAAM,CAAC,sCAAsC,EAAE,2BAA2B,CAAC,CAAC;AAE3F,OAAO,EAAE,2BAA2B,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalEditableControl/index';\nimport '../../../../internal/InternalIntegerControl/index';\nimport '../../../../internal/InternalTextControl/index';\nimport '../../../../internal/InternalDateControl/index';\nimport '../../../../internal/InternalDetails/index';\n\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.d.ts

@@ -1,6 +1,6 @@
 import type { TemplateResult } from 'lit-html';
-import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
-export declare class InternalItemFormInventoryControl extends InternalControl {
+import { InternalEditableControl } from '../../../../internal/InternalEditableControl/InternalEditableControl';
+export declare class InternalItemFormInventoryControl extends InternalEditableControl {
     infer: string;
     renderControl(): TemplateResult;
 }

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

@@ -1,7 +1,7 @@
-import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { InternalEditableControl } from "../../../../internal/InternalEditableControl/InternalEditableControl.js";
 import { html } from 'lit-html';
 import { ifDefined } from 'lit-html/directives/if-defined';
-export class InternalItemFormInventoryControl extends InternalControl {
+export class InternalItemFormInventoryControl extends InternalEditableControl {
     constructor() {
         super(...arguments);
         this.infer = 'inventory';

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;;;;;;;oBAOK,SAAS,aAAE,IAAI,CAAC,OAA2B,0CAAE,cAAc,mCAAI,SAAS,CAAC;;;;;;;;;;KAUxF,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\" infer=\"\">\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 ?? undefined)}\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"]}
+{"version":3,"file":"InternalItemFormInventoryControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormInventoryControl/InternalItemFormInventoryControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,gFAA6E;AAC/G,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,MAAM,OAAO,gCAAiC,SAAQ,uBAAuB;IAA7E;;QACE,UAAK,GAAG,WAAW,CAAC;IAsBtB,CAAC;IApBC,aAAa;;QACX,OAAO,IAAI,CAAA;;;;;;;oBAOK,SAAS,aAAE,IAAI,CAAC,OAA2B,0CAAE,cAAc,mCAAI,SAAS,CAAC;;;;;;;;;;KAUxF,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { ItemForm } from '../../ItemForm';\n\nimport { InternalEditableControl } from '../../../../internal/InternalEditableControl/InternalEditableControl';\nimport { html } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nexport class InternalItemFormInventoryControl extends InternalEditableControl {\n  infer = 'inventory';\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=\"_links.self.href\"\n            item-label-path=\"name\"\n            property=\"item_category_uri\"\n            first=${ifDefined((this.nucleon as ItemForm | null)?.itemCategories ?? undefined)}\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,6 +1,6 @@
 import '../../../../internal/InternalAsyncComboBoxControl/index';
+import '../../../../internal/InternalEditableControl/index';
 import '../../../../internal/InternalTextControl/index';
 import '../../../../internal/InternalDetails/index';
-import '../../../../internal/InternalControl/index';
 import { InternalItemFormInventoryControl as Control } from './InternalItemFormInventoryControl';
 export { Control as InternalItemFormInventoryControl };

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

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

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,2DAAwD;AACxD,uDAAoD;AACpD,uDAAoD;AAEpD,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/InternalTextControl/index';\nimport '../../../../internal/InternalDetails/index';\nimport '../../../../internal/InternalControl/index';\n\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,+DAA4D;AAC5D,2DAAwD;AACxD,uDAAoD;AAEpD,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/InternalEditableControl/index';\nimport '../../../../internal/InternalTextControl/index';\nimport '../../../../internal/InternalDetails/index';\n\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.d.ts

@@ -1,6 +1,6 @@
 import type { TemplateResult } from 'lit-html';
-import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
-export declare class InternalItemFormLineItemDiscountControl extends InternalControl {
+import { InternalEditableControl } from '../../../../internal/InternalEditableControl/InternalEditableControl';
+export declare class InternalItemFormLineItemDiscountControl extends InternalEditableControl {
     infer: string;
     renderControl(): TemplateResult;
 }

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

@@ -1,7 +1,7 @@
-import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { InternalEditableControl } from "../../../../internal/InternalEditableControl/InternalEditableControl.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { html } from 'lit-html';
-export class InternalItemFormLineItemDiscountControl extends InternalControl {
+export class InternalItemFormLineItemDiscountControl extends InternalEditableControl {
     constructor() {
         super(...arguments);
         this.infer = 'line-item-discount';

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":"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"]}
+{"version":3,"file":"InternalItemFormLineItemDiscountControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormLineItemDiscountControl/InternalItemFormLineItemDiscountControl.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,uBAAuB,EAAE,gFAA6E;AAC/G,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,uCAAwC,SAAQ,uBAAuB;IAApF;;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 { InternalEditableControl } from '../../../../internal/InternalEditableControl/InternalEditableControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormLineItemDiscountControl extends InternalEditableControl {\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/InternalItemFormLineItemDiscountControl/index.d.ts

@@ -1,7 +1,7 @@
 import '../../../../internal/InternalAsyncComboBoxControl/index';
-import '../../../../internal/InternalDetails/index';
+import '../../../../internal/InternalEditableControl/index';
 import '../../../../internal/InternalTextControl/index';
-import '../../../../internal/InternalControl/index';
+import '../../../../internal/InternalDetails/index';
 import '../../../DiscountBuilder/index';
 import { InternalItemFormLineItemDiscountControl as Control } from './InternalItemFormLineItemDiscountControl';
 export { Control as InternalItemFormLineItemDiscountControl };

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

@@ -1,7 +1,7 @@
 import "../../../../internal/InternalAsyncComboBoxControl/index.js";
-import "../../../../internal/InternalDetails/index.js";
+import "../../../../internal/InternalEditableControl/index.js";
 import "../../../../internal/InternalTextControl/index.js";
-import "../../../../internal/InternalControl/index.js";
+import "../../../../internal/InternalDetails/index.js";
 import "../../../DiscountBuilder/index.js";
 import { InternalItemFormLineItemDiscountControl as Control } from "./InternalItemFormLineItemDiscountControl.js";
 customElements.define('foxy-internal-item-form-line-item-discount-control', Control);

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,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"]}
+{"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/InternalEditableControl/index';\nimport '../../../../internal/InternalTextControl/index';\nimport '../../../../internal/InternalDetails/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"]}