@foxy.io/elements 1.16.0 → 1.18.0-beta.2

package/dist/elements/public/ItemCard/ItemCard.js

@@ -0,0 +1,151 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { html } from 'lit-html';
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+const NS = 'item-card';
+const Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));
+/**
+ * Basic card displaying an item.
+ *
+ * @element foxy-item-card
+ * @since 1.17.0
+ */
+export class ItemCard extends Base {
+    constructor() {
+        super(...arguments);
+        this.__currencyDisplay = '';
+        this.__currency = '';
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            __currencyDisplay: { attribute: false },
+            __currency: { attribute: false },
+        };
+    }
+    renderBody() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const quantity = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.quantity) !== null && _b !== void 0 ? _b : 0;
+        const price = (_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c.price) !== null && _d !== void 0 ? _d : 0;
+        const totalPrice = quantity * price;
+        const options = (_f = (_e = this.data) === null || _e === void 0 ? void 0 : _e._embedded) === null || _f === void 0 ? void 0 : _f['fx:item_options'];
+        return html `
+      <div class="flex items-start space-x-m leading-m">
+        <div class="w-l h-l relative flex-shrink-0">
+          <img
+            class="relative w-full h-full object-cover rounded"
+            src=${ifDefined((_g = this.data) === null || _g === void 0 ? void 0 : _g.image)}
+            alt=""
+            @error=${(evt) => {
+            const img = evt.currentTarget;
+            img.src = ItemCard.__placeholder;
+        }}
+          />
+
+          <div class="border border-contrast-10 absolute inset-0 rounded"></div>
+        </div>
+
+        <div class="flex-1">
+          <div class="flex-1 h-l flex items-center">
+            <div class="flex-1 leading-s">
+              <div class="font-semibold text-m">${(_h = this.data) === null || _h === void 0 ? void 0 : _h.name}</div>
+              <div class="text-secondary text-m">
+                ${quantity} &times;
+
+                <foxy-i18n
+                  options=${JSON.stringify({
+            amount: `${price} ${this.__currency}`,
+            currencyDisplay: this.__currencyDisplay,
+        })}
+                  key="price"
+                  infer=""
+                >
+                </foxy-i18n>
+
+                &equals;
+
+                <foxy-i18n
+                  options=${JSON.stringify({
+            amount: `${totalPrice} ${this.__currency}`,
+            currencyDisplay: this.__currencyDisplay,
+        })}
+                  key="price"
+                  infer=""
+                >
+                </foxy-i18n>
+              </div>
+            </div>
+
+            ${((_j = this.data) === null || _j === void 0 ? void 0 : _j.subscription_frequency) ? html `
+                  <div
+                    class="w-xs h-xs flex items-center justify-center rounded-full bg-contrast-5"
+                  >
+                    <iron-icon icon="icons:autorenew" class="icon-inline text-s"></iron-icon>
+                  </div>
+                `
+            : ''}
+          </div>
+
+          ${options && options.length > 0
+            ? html `
+                <div class="mt-s">
+                  ${options.map(option => html `
+                      <div
+                        data-testclass="option"
+                        class="flex items-center text-m space-x-xs leading-m"
+                      >
+                        <div class="flex-1 text-tertiary">${option.name}: ${option.value}</div>
+                        ${option.price_mod
+                ? html `
+                              <div
+                                class="${option.price_mod > 0
+                    ? 'text-success'
+                    : 'text-error'} rounded px-xs"
+                              >
+                                <foxy-i18n
+                                  options=${JSON.stringify({
+                    amount: `${option.price_mod} ${this.__currency}`,
+                    currencyDisplay: this.__currencyDisplay,
+                })}
+                                  key="price"
+                                  infer=""
+                                >
+                                </foxy-i18n>
+                              </div>
+                            `
+                : ''}
+                        ${option.weight_mod
+                ? html `
+                              <div
+                                class="${option.price_mod > 0
+                    ? 'text-success'
+                    : 'text-error'} rounded px-xs"
+                              >
+                                ${option.weight_mod}
+                                <foxy-i18n key="wgt" infer=""></foxy-i18n>
+                              </div>
+                            `
+                : ''}
+                      </div>
+                    `)}
+                </div>
+              `
+            : ''}
+        </div>
+      </div>
+    `;
+    }
+    async _sendGet() {
+        const item = await super._sendGet();
+        const [transaction, store] = await Promise.all([
+            super._fetch(item._links['fx:transaction'].href),
+            super._fetch(item._links['fx:store'].href),
+        ]);
+        this.__currency = transaction.currency_code;
+        this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';
+        return item;
+    }
+}
+ItemCard.__placeholder = 'data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="40" height="40" fill="%23E8E8E8"/%3E%3Cpath d="M31.5143 0H24.5476L0 24.5476V31.5143L11.7046 19.8097L11.9841 17.0782C12.0983 15.9624 13.0131 15.1154 14.1038 15.1154H15.7373V12.1923C15.7373 10.9815 16.6915 10 17.8687 10H21.5143L31.5143 0Z" fill="white"/%3E%3Cpath d="M11.5434 21.3852L0 32.9285V39.8953L11.5822 28.3131C11.172 27.8663 10.9438 27.2444 11.012 26.5782L11.5434 21.3852Z" fill="white"/%3E%3Cpath d="M12.4305 28.879L1.30951 40H8.27631L19.2763 29H13.1316C12.8853 29 12.6495 28.9573 12.4305 28.879Z" fill="white"/%3E%3Cpath d="M28.3113 19.965L28.0159 17.0782C27.9116 16.0591 27.1395 15.2642 26.1754 15.1341L40 1.3095V8.27627L28.3113 19.965Z" fill="white"/%3E%3Cpath d="M20.6905 29L9.69049 40H16.6572L27.9755 28.6817C27.6541 28.8832 27.2756 29 26.8684 29H20.6905Z" fill="white"/%3E%3Cpath d="M28.6572 28C28.9128 27.5952 29.0415 27.1003 28.988 26.5782L28.4426 21.2479L40 9.69053V16.6572L28.6572 28Z" fill="white"/%3E%3Cpath d="M25.0381 40H18.0715L40 18.0715V25.0381L25.0381 40Z" fill="white"/%3E%3Cpath d="M26.4524 40H33.4191L40 33.4191V26.4524L26.4524 40Z" fill="white"/%3E%3Cpath d="M40 40H34.8333L40 34.8333V40Z" fill="white"/%3E%3Cpath d="M16.1666 0H23.1334L0 23.1334V16.1666L16.1666 0Z" fill="white"/%3E%3Cpath d="M14.7524 0H7.78571L0 7.78573V14.7524L14.7524 0Z" fill="white"/%3E%3Cpath d="M0 0H6.37152L0 6.37151V0Z" fill="white"/%3E%3Cpath d="M21.467 11.4615H17.8687C17.4763 11.4615 17.1582 11.7887 17.1582 12.1923V15.1154H22.8418V12.1923C22.8418 11.7887 22.5237 11.4615 22.1313 11.4615H21.467Z" fill="white"/%3E%3Cpath d="M24.7798 15.1154H24.2627V12.1923C24.2627 11.227 23.6562 10.4075 22.8138 10.1148L32.9286 0H39.89L24.7798 15.1154Z" fill="white"/%3E%3C/svg%3E';
+//# sourceMappingURL=ItemCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCard/ItemCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { html } from 'lit-html';\nimport { Data } from './types';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\n\nconst NS = 'item-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/**\n * Basic card displaying an item.\n *\n * @element foxy-item-card\n * @since 1.17.0\n */\nexport class ItemCard extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __currencyDisplay: { attribute: false },\n      __currency: { attribute: false },\n    };\n  }\n\n  private static readonly __placeholder =\n    'data:image/svg+xml,%3Csvg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Crect width=\"40\" height=\"40\" fill=\"%23E8E8E8\"/%3E%3Cpath d=\"M31.5143 0H24.5476L0 24.5476V31.5143L11.7046 19.8097L11.9841 17.0782C12.0983 15.9624 13.0131 15.1154 14.1038 15.1154H15.7373V12.1923C15.7373 10.9815 16.6915 10 17.8687 10H21.5143L31.5143 0Z\" fill=\"white\"/%3E%3Cpath d=\"M11.5434 21.3852L0 32.9285V39.8953L11.5822 28.3131C11.172 27.8663 10.9438 27.2444 11.012 26.5782L11.5434 21.3852Z\" fill=\"white\"/%3E%3Cpath d=\"M12.4305 28.879L1.30951 40H8.27631L19.2763 29H13.1316C12.8853 29 12.6495 28.9573 12.4305 28.879Z\" fill=\"white\"/%3E%3Cpath d=\"M28.3113 19.965L28.0159 17.0782C27.9116 16.0591 27.1395 15.2642 26.1754 15.1341L40 1.3095V8.27627L28.3113 19.965Z\" fill=\"white\"/%3E%3Cpath d=\"M20.6905 29L9.69049 40H16.6572L27.9755 28.6817C27.6541 28.8832 27.2756 29 26.8684 29H20.6905Z\" fill=\"white\"/%3E%3Cpath d=\"M28.6572 28C28.9128 27.5952 29.0415 27.1003 28.988 26.5782L28.4426 21.2479L40 9.69053V16.6572L28.6572 28Z\" fill=\"white\"/%3E%3Cpath d=\"M25.0381 40H18.0715L40 18.0715V25.0381L25.0381 40Z\" fill=\"white\"/%3E%3Cpath d=\"M26.4524 40H33.4191L40 33.4191V26.4524L26.4524 40Z\" fill=\"white\"/%3E%3Cpath d=\"M40 40H34.8333L40 34.8333V40Z\" fill=\"white\"/%3E%3Cpath d=\"M16.1666 0H23.1334L0 23.1334V16.1666L16.1666 0Z\" fill=\"white\"/%3E%3Cpath d=\"M14.7524 0H7.78571L0 7.78573V14.7524L14.7524 0Z\" fill=\"white\"/%3E%3Cpath d=\"M0 0H6.37152L0 6.37151V0Z\" fill=\"white\"/%3E%3Cpath d=\"M21.467 11.4615H17.8687C17.4763 11.4615 17.1582 11.7887 17.1582 12.1923V15.1154H22.8418V12.1923C22.8418 11.7887 22.5237 11.4615 22.1313 11.4615H21.467Z\" fill=\"white\"/%3E%3Cpath d=\"M24.7798 15.1154H24.2627V12.1923C24.2627 11.227 23.6562 10.4075 22.8138 10.1148L32.9286 0H39.89L24.7798 15.1154Z\" fill=\"white\"/%3E%3C/svg%3E';\n\n  __currencyDisplay = '';\n\n  __currency = '';\n\n  renderBody(): TemplateResult {\n    const quantity = this.data?.quantity ?? 0;\n    const price = this.data?.price ?? 0;\n    const totalPrice = quantity * price;\n    const options = this.data?._embedded?.['fx:item_options'];\n\n    return html`\n      <div class=\"flex items-start space-x-m leading-m\">\n        <div class=\"w-l h-l relative flex-shrink-0\">\n          <img\n            class=\"relative w-full h-full object-cover rounded\"\n            src=${ifDefined(this.data?.image)}\n            alt=\"\"\n            @error=${(evt: Event) => {\n              const img = evt.currentTarget as HTMLImageElement;\n              img.src = ItemCard.__placeholder;\n            }}\n          />\n\n          <div class=\"border border-contrast-10 absolute inset-0 rounded\"></div>\n        </div>\n\n        <div class=\"flex-1\">\n          <div class=\"flex-1 h-l flex items-center\">\n            <div class=\"flex-1 leading-s\">\n              <div class=\"font-semibold text-m\">${this.data?.name}</div>\n              <div class=\"text-secondary text-m\">\n                ${quantity} &times;\n\n                <foxy-i18n\n                  options=${JSON.stringify({\n                    amount: `${price} ${this.__currency}`,\n                    currencyDisplay: this.__currencyDisplay,\n                  })}\n                  key=\"price\"\n                  infer=\"\"\n                >\n                </foxy-i18n>\n\n                &equals;\n\n                <foxy-i18n\n                  options=${JSON.stringify({\n                    amount: `${totalPrice} ${this.__currency}`,\n                    currencyDisplay: this.__currencyDisplay,\n                  })}\n                  key=\"price\"\n                  infer=\"\"\n                >\n                </foxy-i18n>\n              </div>\n            </div>\n\n            ${this.data?.subscription_frequency\n              ? html`\n                  <div\n                    class=\"w-xs h-xs flex items-center justify-center rounded-full bg-contrast-5\"\n                  >\n                    <iron-icon icon=\"icons:autorenew\" class=\"icon-inline text-s\"></iron-icon>\n                  </div>\n                `\n              : ''}\n          </div>\n\n          ${options && options.length > 0\n            ? html`\n                <div class=\"mt-s\">\n                  ${options.map(\n                    option => html`\n                      <div\n                        data-testclass=\"option\"\n                        class=\"flex items-center text-m space-x-xs leading-m\"\n                      >\n                        <div class=\"flex-1 text-tertiary\">${option.name}: ${option.value}</div>\n                        ${option.price_mod\n                          ? html`\n                              <div\n                                class=\"${option.price_mod > 0\n                                  ? 'text-success'\n                                  : 'text-error'} rounded px-xs\"\n                              >\n                                <foxy-i18n\n                                  options=${JSON.stringify({\n                                    amount: `${option.price_mod} ${this.__currency}`,\n                                    currencyDisplay: this.__currencyDisplay,\n                                  })}\n                                  key=\"price\"\n                                  infer=\"\"\n                                >\n                                </foxy-i18n>\n                              </div>\n                            `\n                          : ''}\n                        ${option.weight_mod\n                          ? html`\n                              <div\n                                class=\"${option.price_mod > 0\n                                  ? 'text-success'\n                                  : 'text-error'} rounded px-xs\"\n                              >\n                                ${option.weight_mod}\n                                <foxy-i18n key=\"wgt\" infer=\"\"></foxy-i18n>\n                              </div>\n                            `\n                          : ''}\n                      </div>\n                    `\n                  )}\n                </div>\n              `\n            : ''}\n        </div>\n      </div>\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n    type Store = Resource<Rels.Store>;\n\n    const item = await super._sendGet();\n    const [transaction, store] = await Promise.all([\n      super._fetch<Transaction>(item._links['fx:transaction'].href),\n      super._fetch<Store>(item._links['fx:store'].href),\n    ]);\n\n    this.__currency = transaction.currency_code;\n    this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n\n    return item;\n  }\n}\n"]}

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

@@ -0,0 +1,4 @@
+import '../../internal/InternalCard/index';
+import '../I18n/index';
+import { ItemCard } from './ItemCard';
+export { ItemCard };

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

@@ -0,0 +1,6 @@
+import "../../internal/InternalCard/index.js";
+import "../I18n/index.js";
+import { ItemCard } from "./ItemCard.js";
+customElements.define('foxy-item-card', ItemCard);
+export { ItemCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCard/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAC3C,0BAAuB;AACvB,OAAO,EAAE,QAAQ,EAAE,sBAAmB;AAEtC,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCard/index';\nimport '../I18n/index';\nimport { ItemCard } from './ItemCard';\n\ncustomElements.define('foxy-item-card', ItemCard);\n\nexport { ItemCard };\n"]}

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

@@ -0,0 +1,5 @@
+import type { Rels } from '@foxy.io/sdk/backend';
+import type { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.Item, {
+    zoom: 'item_options';
+}>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Rels } from '@foxy.io/sdk/backend';\nimport type { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.Item, { zoom: 'item_options' }>;\n"]}

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

@@ -0,0 +1,61 @@
+import type { PropertyDeclarations } from 'lit-element';
+import type { TemplateResult } from 'lit-html';
+import type { NucleonV8N } from '../NucleonElement/types';
+import type { Data } from './types';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+declare const ItemForm_base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Form element for creating or editing items (`fx:item`).
+ *
+ * @slot name:before
+ * @slot name:after
+ *
+ * @slot price:before
+ * @slot price:after
+ *
+ * @slot quantity:before
+ * @slot quantity:after
+ *
+ * @slot subscription:before
+ * @slot subscription:after
+ *
+ * @slot line-item-discount:before
+ * @slot line-item-discount:after
+ *
+ * @slot cart:before
+ * @slot cart:after
+ *
+ * @slot shipping:before
+ * @slot shipping:after
+ *
+ * @slot inventory:before
+ * @slot inventory:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @element foxy-item-form
+ * @since 1.17.0
+ */
+export declare class ItemForm extends ItemForm_base<Data> {
+    static get properties(): PropertyDeclarations;
+    static get v8n(): NucleonV8N<Data>;
+    /** Link to the collection of customer addresses that can be used with this item. */
+    customerAddresses: string | null;
+    /** Link to the collection of item categories that can be used with this item. */
+    itemCategories: 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>;
+}
+export {};

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

@@ -0,0 +1,138 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { html } from 'lit-html';
+/**
+ * Form element for creating or editing items (`fx:item`).
+ *
+ * @slot name:before
+ * @slot name:after
+ *
+ * @slot price:before
+ * @slot price:after
+ *
+ * @slot quantity:before
+ * @slot quantity:after
+ *
+ * @slot subscription:before
+ * @slot subscription:after
+ *
+ * @slot line-item-discount:before
+ * @slot line-item-discount:after
+ *
+ * @slot cart:before
+ * @slot cart:after
+ *
+ * @slot shipping:before
+ * @slot shipping:after
+ *
+ * @slot inventory:before
+ * @slot inventory:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @element foxy-item-form
+ * @since 1.17.0
+ */
+export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
+    constructor() {
+        super(...arguments);
+        /** Link to the collection of customer addresses that can be used with this item. */
+        this.customerAddresses = null;
+        /** Link to the collection of item categories that can be used with this item. */
+        this.itemCategories = null;
+        /** Link to the collection of coupons that can be used with this item. */
+        this.coupons = null;
+        this.__itemsLink = '';
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            customerAddresses: { type: String, attribute: 'customer-addresses' },
+            itemCategories: { type: String, attribute: 'item-categories' },
+            coupons: { type: String },
+        };
+    }
+    static get v8n() {
+        return [
+            ({ name: v }) => !!v || 'name:v8n_required',
+            ({ name: v }) => (!!v && v.length <= 255) || 'name:v8n_too_long',
+            ({ price: v }) => (typeof v === 'number' && !isNaN(v)) || 'price:v8n_required',
+            ({ price: v }) => (typeof v === 'number' && v >= 0) || 'price:v8n_negative',
+            ({ quantity: v }) => (typeof v === 'number' && v >= 1) || 'quantity:v8n_less_than_one',
+        ];
+    }
+    renderBody() {
+        return html `
+      <foxy-internal-text-control infer="name"></foxy-internal-text-control>
+
+      <div class="grid grid-cols-2 gap-m">
+        <foxy-internal-number-control infer="price"></foxy-internal-number-control>
+        <foxy-internal-integer-control infer="quantity"></foxy-internal-integer-control>
+      </div>
+
+      <foxy-internal-item-form-subscription-control></foxy-internal-item-form-subscription-control>
+      <foxy-internal-item-form-line-item-discount-control></foxy-internal-item-form-line-item-discount-control>
+      <foxy-internal-item-form-cart-control></foxy-internal-item-form-cart-control>
+      <foxy-internal-item-form-shipping-control></foxy-internal-item-form-shipping-control>
+      <foxy-internal-item-form-inventory-control></foxy-internal-item-form-inventory-control>
+
+      ${this.data
+            ? html `
+            <foxy-internal-async-details-control
+              infer="discount-details"
+              first=${this.data._links['fx:discount_details'].href}
+              limit="5"
+              item="foxy-discount-detail-card"
+            >
+            </foxy-internal-async-details-control>
+
+            <foxy-internal-async-details-control
+              infer="coupon-details"
+              first=${this.data._links['fx:coupon_details'].href}
+              limit="5"
+              item="foxy-coupon-detail-card"
+            >
+            </foxy-internal-async-details-control>
+
+            <foxy-internal-async-details-control
+              infer="attributes"
+              first=${this.data._links['fx:attributes'].href}
+              limit="5"
+              item="foxy-attribute-card"
+              form="foxy-attribute-form"
+            >
+            </foxy-internal-async-details-control>
+
+            <foxy-internal-async-details-control
+              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,
+            ]}
+            >
+            </foxy-internal-async-details-control>
+          `
+            : ''}
+      ${super.renderBody()}
+    `;
+    }
+    async _sendGet() {
+        const item = await super._sendGet();
+        const transaction = await super._fetch(item._links['fx:transaction'].href);
+        this.__itemsLink = transaction._links['fx:items'].href;
+        return item;
+    }
+}
+//# sourceMappingURL=ItemForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemForm/ItemForm.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAIhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,MAAM,OAAO,QAAS,SAAQ,iBAAiB,CAAC,YAAY,EAAE,WAAW,CAAO;IAAhF;;QAoBE,oFAAoF;QACpF,sBAAiB,GAAkB,IAAI,CAAC;QAExC,iFAAiF;QACjF,mBAAc,GAAkB,IAAI,CAAC;QAErC,yEAAyE;QACzE,YAAO,GAAkB,IAAI,CAAC;QAEtB,gBAAW,GAAG,EAAE,CAAC;IAyE3B,CAAC;IArGC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,iBAAiB,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,oBAAoB,EAAE;YACpE,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE;YAC9D,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB;YAC3C,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,GAAG,CAAC,IAAI,mBAAmB;YAChE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,oBAAoB;YAC9E,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,oBAAoB;YAC3E,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,4BAA4B;SACvF,CAAC;IACJ,CAAC;IAaD,UAAU;QACR,OAAO,IAAI,CAAA;;;;;;;;;;;;;;QAcP,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;;;sBAGQ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,IAAI;;;;;;;;sBAQ5C,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,IAAI;;;;;;;;sBAQ1C,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI;;;;;;;;;sBAStC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI;;;;yBAIrC;gBACT,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI;gBACvC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI;gBACpC,IAAI,CAAC,WAAW;aACjB;;;WAGJ;YACH,CAAC,CAAC,EAAE;QACJ,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,QAAQ;QAGtB,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,WAAW,GAAG,MAAM,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC;QAExF,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;QAEvD,OAAO,IAAI,CAAC;IACd,CAAC;CACF","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"]}

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

@@ -0,0 +1,19 @@
+import '../../internal/InternalIntegerControl/index';
+import '../../internal/InternalAsyncDetailsControl/index';
+import '../../internal/InternalNumberControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import '../DiscountDetailCard/index';
+import '../CouponDetailCard/index';
+import '../ItemOptionCard/index';
+import '../ItemOptionForm/index';
+import '../AttributeCard/index';
+import '../AttributeForm/index';
+import '../CouponCard/index';
+import './internal/InternalItemFormLineItemDiscountControl/index';
+import './internal/InternalItemFormSubscriptionControl/index';
+import './internal/InternalItemFormInventoryControl/index';
+import './internal/InternalItemFormShippingControl/index';
+import './internal/InternalItemFormCartControl/index';
+import { ItemForm } from './ItemForm';
+export { ItemForm };

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

@@ -0,0 +1,21 @@
+import "../../internal/InternalIntegerControl/index.js";
+import "../../internal/InternalAsyncDetailsControl/index.js";
+import "../../internal/InternalNumberControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "../DiscountDetailCard/index.js";
+import "../CouponDetailCard/index.js";
+import "../ItemOptionCard/index.js";
+import "../ItemOptionForm/index.js";
+import "../AttributeCard/index.js";
+import "../AttributeForm/index.js";
+import "../CouponCard/index.js";
+import "./internal/InternalItemFormLineItemDiscountControl/index.js";
+import "./internal/InternalItemFormSubscriptionControl/index.js";
+import "./internal/InternalItemFormInventoryControl/index.js";
+import "./internal/InternalItemFormShippingControl/index.js";
+import "./internal/InternalItemFormCartControl/index.js";
+import { ItemForm } from "./ItemForm.js";
+customElements.define('foxy-item-form', ItemForm);
+export { ItemForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemForm/index.ts"],"names":[],"mappings":"AAAA,wDAAqD;AACrD,6DAA0D;AAC1D,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,wCAAqC;AACrC,sCAAmC;AACnC,oCAAiC;AACjC,oCAAiC;AACjC,mCAAgC;AAChC,mCAAgC;AAChC,gCAA6B;AAE7B,qEAAkE;AAClE,iEAA8D;AAC9D,8DAA2D;AAC3D,6DAA0D;AAC1D,yDAAsD;AAEtD,OAAO,EAAE,QAAQ,EAAE,sBAAmB;AAEtC,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,CAAC","sourcesContent":["import '../../internal/InternalIntegerControl/index';\nimport '../../internal/InternalAsyncDetailsControl/index';\nimport '../../internal/InternalNumberControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../DiscountDetailCard/index';\nimport '../CouponDetailCard/index';\nimport '../ItemOptionCard/index';\nimport '../ItemOptionForm/index';\nimport '../AttributeCard/index';\nimport '../AttributeForm/index';\nimport '../CouponCard/index';\n\nimport './internal/InternalItemFormLineItemDiscountControl/index';\nimport './internal/InternalItemFormSubscriptionControl/index';\nimport './internal/InternalItemFormInventoryControl/index';\nimport './internal/InternalItemFormShippingControl/index';\nimport './internal/InternalItemFormCartControl/index';\n\nimport { ItemForm } from './ItemForm';\n\ncustomElements.define('foxy-item-form', ItemForm);\n\nexport { ItemForm };\n"]}

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

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

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

@@ -0,0 +1,23 @@
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { html } from 'lit-html';
+export class InternalItemFormCartControl extends InternalControl {
+    constructor() {
+        super(...arguments);
+        this.infer = 'cart';
+    }
+    renderControl() {
+        return html `
+      <foxy-internal-details summary="title" infer="">
+        <div class="grid grid-cols-2 gap-m p-m">
+          <foxy-internal-date-control class="col-span-2" infer="expires" format="unix">
+          </foxy-internal-date-control>
+          <foxy-internal-text-control class="col-span-2" infer="url"></foxy-internal-text-control>
+          <foxy-internal-text-control class="col-span-2" infer="image"></foxy-internal-text-control>
+          <foxy-internal-integer-control infer="quantity-min"></foxy-internal-integer-control>
+          <foxy-internal-integer-control infer="quantity-max"></foxy-internal-integer-control>
+        </div>
+      </foxy-internal-details>
+    `;
+    }
+}
+//# sourceMappingURL=InternalItemFormCartControl.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,9 @@
+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 };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

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

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

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

@@ -0,0 +1,31 @@
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { html } from 'lit-html';
+import { ifDefined } from 'lit-html/directives/if-defined';
+export class InternalItemFormInventoryControl extends InternalControl {
+    constructor() {
+        super(...arguments);
+        this.infer = 'inventory';
+    }
+    renderControl() {
+        var _a, _b;
+        return html `
+      <foxy-internal-details summary="title" infer="">
+        <div class="grid grid-cols-2 gap-m p-m">
+          <foxy-internal-async-combo-box-control
+            item-value-path="_links.self.href"
+            item-label-path="name"
+            property="item_category_uri"
+            first=${ifDefined((_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.itemCategories) !== null && _b !== void 0 ? _b : undefined)}
+            class="col-span-2"
+            infer="category"
+          >
+          </foxy-internal-async-combo-box-control>
+
+          <foxy-internal-text-control infer="code"></foxy-internal-text-control>
+          <foxy-internal-text-control infer="parent-code"></foxy-internal-text-control>
+        </div>
+      </foxy-internal-details>
+    `;
+    }
+}
+//# sourceMappingURL=InternalItemFormInventoryControl.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,6 @@
+import '../../../../internal/InternalAsyncComboBoxControl/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

@@ -0,0 +1,8 @@
+import "../../../../internal/InternalAsyncComboBoxControl/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 };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

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

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