@foxy.io/elements 1.34.0 → 1.35.0-beta.1

package/dist/elements/public/ExperimentalAddToCartBuilder/internal/InternalExperimentalAddToCartBuilderItemControl/InternalExperimentalAddToCartBuilderItemControl.js

@@ -0,0 +1,379 @@
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
+export class InternalExperimentalAddToCartBuilderItemControl extends InternalControl {
+    constructor() {
+        super(...arguments);
+        this.itemCategories = null;
+        this.currencyCode = null;
+        this.index = 0;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            itemCategories: { attribute: 'item-categories' },
+            currencyCode: { attribute: 'currency-code' },
+            index: { type: Number },
+            store: {},
+        };
+    }
+    renderControl() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const itemCategory = (_a = this.__itemCategoryLoader) === null || _a === void 0 ? void 0 : _a.data;
+        const nucleon = this.nucleon;
+        const index = this.index;
+        const item = (_b = nucleon === null || nucleon === void 0 ? void 0 : nucleon.form.items) === null || _b === void 0 ? void 0 : _b[index];
+        return html `
+      <div class="space-y-m">
+        <foxy-internal-summary-control infer="basics-group">
+          <foxy-internal-text-control
+            property="items.${index}.name"
+            layout="summary-item"
+            infer="name"
+          >
+          </foxy-internal-text-control>
+
+          <foxy-internal-resource-picker-control
+            property="items.${index}.item_category_uri"
+            layout="summary-item"
+            first=${ifDefined((_c = this.itemCategories) !== null && _c !== void 0 ? _c : void 0)}
+            infer="item-category-uri"
+            item="foxy-item-category-card"
+          >
+          </foxy-internal-resource-picker-control>
+        </foxy-internal-summary-control>
+
+        <foxy-internal-summary-control infer="price-group">
+          <foxy-internal-number-control
+            property="items.${index}.price"
+            layout="summary-item"
+            suffix=${ifDefined((_d = this.currencyCode) !== null && _d !== void 0 ? _d : void 0)}
+            infer=${(item === null || item === void 0 ? void 0 : item.price_configurable) ? 'price-default' : 'price'}
+          >
+          </foxy-internal-number-control>
+
+          <foxy-internal-switch-control
+            property="items.${index}.price_configurable"
+            layout="summary-item"
+            infer="price-configurable"
+          >
+          </foxy-internal-switch-control>
+        </foxy-internal-summary-control>
+
+        <foxy-internal-summary-control infer="code-group">
+          <foxy-internal-text-control
+            property="items.${index}.code"
+            layout="summary-item"
+            infer="code"
+          >
+          </foxy-internal-text-control>
+
+          <foxy-internal-text-control
+            property="items.${index}.parent_code"
+            layout="summary-item"
+            infer="parent-code"
+          >
+          </foxy-internal-text-control>
+        </foxy-internal-summary-control>
+
+        <foxy-internal-summary-control infer="appearance-group" layout="details">
+          <foxy-internal-text-control
+            property="items.${index}.image"
+            layout="summary-item"
+            infer="image"
+          >
+          </foxy-internal-text-control>
+
+          ${(item === null || item === void 0 ? void 0 : item.image) ? html `
+                <foxy-internal-text-control
+                  property="items.${index}.url"
+                  layout="summary-item"
+                  infer="url"
+                >
+                </foxy-internal-text-control>
+              `
+            : ''}
+        </foxy-internal-summary-control>
+
+        <foxy-internal-summary-control infer="subscriptions-group" layout="details">
+          <foxy-internal-switch-control
+            property="items.${index}.sub_enabled"
+            layout="summary-item"
+            infer="sub-enabled"
+          >
+          </foxy-internal-switch-control>
+
+          ${(item === null || item === void 0 ? void 0 : item.sub_enabled) ? html `
+                <foxy-internal-frequency-control
+                  property="items.${index}.sub_frequency"
+                  layout="summary-item"
+                  infer="sub-frequency"
+                >
+                </foxy-internal-frequency-control>
+
+                <foxy-internal-select-control
+                  property="items.${index}.sub_startdate_format"
+                  layout="summary-item"
+                  infer="sub-startdate-format"
+                  .options=${[
+            { label: 'option_none', value: 'none' },
+            { label: 'option_yyyymmdd', value: 'yyyymmdd' },
+            { label: 'option_dd', value: 'dd' },
+            { label: 'option_duration', value: 'duration' },
+        ]}
+                >
+                </foxy-internal-select-control>
+
+                ${item.sub_startdate_format === 'yyyymmdd'
+            ? html `
+                      <foxy-internal-date-control
+                        property="items.${index}.sub_startdate"
+                        layout="summary-item"
+                        infer="sub-startdate-yyyymmdd"
+                      >
+                      </foxy-internal-date-control>
+                    `
+            : item.sub_startdate_format === 'duration'
+                ? html `
+                      <foxy-internal-frequency-control
+                        property="items.${index}.sub_startdate"
+                        layout="summary-item"
+                        infer="sub-startdate-duration"
+                      >
+                      </foxy-internal-frequency-control>
+                    `
+                : item.sub_startdate_format === 'dd'
+                    ? html `
+                      <foxy-internal-number-control
+                        property="items.${index}.sub_startdate"
+                        layout="summary-item"
+                        infer="sub-startdate-dd"
+                        step="1"
+                        min="1"
+                        max="31"
+                      >
+                      </foxy-internal-number-control>
+                    `
+                    : ''}
+
+                <foxy-internal-select-control
+                  property="items.${index}.sub_enddate_format"
+                  layout="summary-item"
+                  infer="sub-enddate-format"
+                  .options=${[
+            { label: 'option_none', value: 'none' },
+            { label: 'option_yyyymmdd', value: 'yyyymmdd' },
+            { label: 'option_duration', value: 'duration' },
+        ]}
+                >
+                </foxy-internal-select-control>
+
+                ${item.sub_enddate_format === 'yyyymmdd'
+            ? html `
+                      <foxy-internal-date-control
+                        property="items.${index}.sub_enddate"
+                        layout="summary-item"
+                        infer="sub-enddate-yyyymmdd"
+                      >
+                      </foxy-internal-date-control>
+                    `
+            : item.sub_enddate_format === 'duration'
+                ? html `
+                      <foxy-internal-frequency-control
+                        property="items.${index}.sub_enddate"
+                        layout="summary-item"
+                        infer="sub-enddate-duration"
+                      >
+                      </foxy-internal-frequency-control>
+                    `
+                : ''}
+              `
+            : ''}
+        </foxy-internal-summary-control>
+
+        <foxy-internal-summary-control infer="discount-group" layout="details">
+          <foxy-internal-text-control
+            property="items.${index}.discount_name"
+            layout="summary-item"
+            infer="discount-name"
+          >
+          </foxy-internal-text-control>
+
+          ${(item === null || item === void 0 ? void 0 : item.discount_name) ? html `
+                <foxy-discount-builder
+                  infer="discount-builder"
+                  .parsedValue=${{
+            details: (_e = item === null || item === void 0 ? void 0 : item.discount_details) !== null && _e !== void 0 ? _e : '',
+            type: (_f = item === null || item === void 0 ? void 0 : item.discount_type) !== null && _f !== void 0 ? _f : 'discount_amount_percentage',
+            name: (_g = item === null || item === void 0 ? void 0 : item.discount_name) !== null && _g !== void 0 ? _g : '',
+        }}
+                  @change=${(evt) => this.__handleDiscountBuilderChange(evt, item, index)}
+                >
+                </foxy-discount-builder>
+              `
+            : ''}
+        </foxy-internal-summary-control>
+
+        <foxy-internal-summary-control infer="expires-group" layout="details">
+          <foxy-internal-select-control
+            property="items.${index}.expires_format"
+            layout="summary-item"
+            infer="expires-format"
+            .options=${[
+            { label: 'option_none', value: 'none' },
+            { label: 'option_minutes', value: 'minutes' },
+            { label: 'option_timestamp', value: 'timestamp' },
+        ]}
+          >
+          </foxy-internal-select-control>
+
+          ${(item === null || item === void 0 ? void 0 : item.expires_format) === 'minutes'
+            ? html `
+                <foxy-internal-number-control
+                  property="items.${index}.expires_value"
+                  layout="summary-item"
+                  suffix="min"
+                  infer="expires-value-minutes"
+                >
+                </foxy-internal-number-control>
+              `
+            : (item === null || item === void 0 ? void 0 : item.expires_format) === 'timestamp'
+                ? html `
+                <foxy-internal-date-control
+                  property="items.${index}.expires_value"
+                  layout="summary-item"
+                  format="unix"
+                  infer="expires-value-timestamp"
+                >
+                </foxy-internal-date-control>
+              `
+                : ''}
+        </foxy-internal-summary-control>
+
+        <foxy-internal-summary-control infer="quantity-group" layout="details">
+          <foxy-internal-number-control
+            property="items.${index}.quantity"
+            layout="summary-item"
+            infer="quantity"
+            step="1"
+            min="1"
+          >
+          </foxy-internal-number-control>
+
+          ${(item === null || item === void 0 ? void 0 : item.expires_format) === 'minutes'
+            ? ''
+            : html `
+                <foxy-internal-number-control
+                  property="items.${index}.quantity_min"
+                  layout="summary-item"
+                  infer="quantity-min"
+                  step="1"
+                  min="1"
+                >
+                </foxy-internal-number-control>
+
+                <foxy-internal-number-control
+                  property="items.${index}.quantity_max"
+                  layout="summary-item"
+                  infer="quantity-max"
+                  step="1"
+                  min="1"
+                >
+                </foxy-internal-number-control>
+              `}
+        </foxy-internal-summary-control>
+
+        <foxy-internal-summary-control infer="dimensions-group" layout="details">
+          <foxy-internal-number-control
+            placeholder=${ifDefined(itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_weight)}
+            property="items.${index}.weight"
+            layout="summary-item"
+            suffix=${ifDefined(itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_weight_unit)}
+            infer="weight"
+            min="0"
+          >
+          </foxy-internal-number-control>
+
+          <foxy-internal-number-control
+            property="items.${index}.length"
+            layout="summary-item"
+            suffix=${ifDefined(itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_length_unit)}
+            infer="length"
+            min="0"
+          >
+          </foxy-internal-number-control>
+
+          <foxy-internal-number-control
+            property="items.${index}.width"
+            layout="summary-item"
+            suffix=${ifDefined(itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_length_unit)}
+            infer="width"
+            min="0"
+          >
+          </foxy-internal-number-control>
+
+          <foxy-internal-number-control
+            property="items.${index}.height"
+            layout="summary-item"
+            suffix=${ifDefined(itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_length_unit)}
+            infer="height"
+            min="0"
+          >
+          </foxy-internal-number-control>
+        </foxy-internal-summary-control>
+
+        <foxy-internal-async-list-control
+          first="foxy://${nucleon === null || nucleon === void 0 ? void 0 : nucleon.virtualHost}/form/items/${index}/custom_options"
+          infer="custom-options"
+          form="foxy-internal-experimental-add-to-cart-builder-custom-option-form"
+          item="foxy-internal-experimental-add-to-cart-builder-custom-option-card"
+          alert
+          .formProps=${{
+            '.defaultWeightUnit': itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_weight_unit,
+            '.existingOptions': (_h = item === null || item === void 0 ? void 0 : item.custom_options) !== null && _h !== void 0 ? _h : [],
+            '.itemCategories': this.itemCategories,
+            '.currencyCode': this.currencyCode,
+        }}
+        >
+        </foxy-internal-async-list-control>
+
+        ${((_j = nucleon === null || nucleon === void 0 ? void 0 : nucleon.form.items) === null || _j === void 0 ? void 0 : _j.length) === 1
+            ? html ``
+            : html `
+              <vaadin-button
+                theme="error"
+                class="w-full"
+                ?disabled=${this.disabled}
+                @click=${() => this.dispatchEvent(new CustomEvent('remove'))}
+              >
+                <foxy-i18n infer="delete" key="caption"></foxy-i18n>
+              </vaadin-button>
+            `}
+
+        <foxy-nucleon
+          infer=""
+          class="hidden"
+          href=${ifDefined(item === null || item === void 0 ? void 0 : item.item_category_uri)}
+          id="itemCategoryLoader"
+          @update=${() => this.requestUpdate()}
+        >
+        </foxy-nucleon>
+      </div>
+    `;
+    }
+    get __itemCategoryLoader() {
+        return this.renderRoot.querySelector('#itemCategoryLoader');
+    }
+    __handleDiscountBuilderChange(evt, item, index) {
+        var _a;
+        const builder = evt.currentTarget;
+        const nucleon = this.nucleon;
+        item.discount_details = builder.parsedValue.details;
+        item.discount_type = builder.parsedValue.type;
+        item.discount_name = builder.parsedValue.name;
+        const items = (_a = nucleon === null || nucleon === void 0 ? void 0 : nucleon.form.items) !== null && _a !== void 0 ? _a : [];
+        items.splice(index, 1, item);
+        nucleon === null || nucleon === void 0 ? void 0 : nucleon.edit({ items: [...items] });
+    }
+}
+//# sourceMappingURL=InternalExperimentalAddToCartBuilderItemControl.js.map

package/dist/elements/public/ExperimentalAddToCartBuilder/internal/InternalExperimentalAddToCartBuilderItemControl/InternalExperimentalAddToCartBuilderItemControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalExperimentalAddToCartBuilderItemControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ExperimentalAddToCartBuilder/internal/InternalExperimentalAddToCartBuilderItemControl/InternalExperimentalAddToCartBuilderItemControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { ExperimentalAddToCartBuilder } from '../../ExperimentalAddToCartBuilder';\nimport type { DiscountBuilder } from '../../../DiscountBuilder/DiscountBuilder';\nimport type { NucleonElement } from '../../../NucleonElement/NucleonElement';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from '../../types';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalExperimentalAddToCartBuilderItemControl extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      itemCategories: { attribute: 'item-categories' },\n      currencyCode: { attribute: 'currency-code' },\n      index: { type: Number },\n      store: {},\n    };\n  }\n\n  itemCategories: string | null = null;\n\n  currencyCode: string | null = null;\n\n  index = 0;\n\n  renderControl(): TemplateResult {\n    const itemCategory = this.__itemCategoryLoader?.data;\n    const nucleon = this.nucleon as ExperimentalAddToCartBuilder | null;\n    const index = this.index;\n    const item = nucleon?.form.items?.[index];\n\n    return html`\n      <div class=\"space-y-m\">\n        <foxy-internal-summary-control infer=\"basics-group\">\n          <foxy-internal-text-control\n            property=\"items.${index}.name\"\n            layout=\"summary-item\"\n            infer=\"name\"\n          >\n          </foxy-internal-text-control>\n\n          <foxy-internal-resource-picker-control\n            property=\"items.${index}.item_category_uri\"\n            layout=\"summary-item\"\n            first=${ifDefined(this.itemCategories ?? void 0)}\n            infer=\"item-category-uri\"\n            item=\"foxy-item-category-card\"\n          >\n          </foxy-internal-resource-picker-control>\n        </foxy-internal-summary-control>\n\n        <foxy-internal-summary-control infer=\"price-group\">\n          <foxy-internal-number-control\n            property=\"items.${index}.price\"\n            layout=\"summary-item\"\n            suffix=${ifDefined(this.currencyCode ?? void 0)}\n            infer=${item?.price_configurable ? 'price-default' : 'price'}\n          >\n          </foxy-internal-number-control>\n\n          <foxy-internal-switch-control\n            property=\"items.${index}.price_configurable\"\n            layout=\"summary-item\"\n            infer=\"price-configurable\"\n          >\n          </foxy-internal-switch-control>\n        </foxy-internal-summary-control>\n\n        <foxy-internal-summary-control infer=\"code-group\">\n          <foxy-internal-text-control\n            property=\"items.${index}.code\"\n            layout=\"summary-item\"\n            infer=\"code\"\n          >\n          </foxy-internal-text-control>\n\n          <foxy-internal-text-control\n            property=\"items.${index}.parent_code\"\n            layout=\"summary-item\"\n            infer=\"parent-code\"\n          >\n          </foxy-internal-text-control>\n        </foxy-internal-summary-control>\n\n        <foxy-internal-summary-control infer=\"appearance-group\" layout=\"details\">\n          <foxy-internal-text-control\n            property=\"items.${index}.image\"\n            layout=\"summary-item\"\n            infer=\"image\"\n          >\n          </foxy-internal-text-control>\n\n          ${item?.image\n            ? html`\n                <foxy-internal-text-control\n                  property=\"items.${index}.url\"\n                  layout=\"summary-item\"\n                  infer=\"url\"\n                >\n                </foxy-internal-text-control>\n              `\n            : ''}\n        </foxy-internal-summary-control>\n\n        <foxy-internal-summary-control infer=\"subscriptions-group\" layout=\"details\">\n          <foxy-internal-switch-control\n            property=\"items.${index}.sub_enabled\"\n            layout=\"summary-item\"\n            infer=\"sub-enabled\"\n          >\n          </foxy-internal-switch-control>\n\n          ${item?.sub_enabled\n            ? html`\n                <foxy-internal-frequency-control\n                  property=\"items.${index}.sub_frequency\"\n                  layout=\"summary-item\"\n                  infer=\"sub-frequency\"\n                >\n                </foxy-internal-frequency-control>\n\n                <foxy-internal-select-control\n                  property=\"items.${index}.sub_startdate_format\"\n                  layout=\"summary-item\"\n                  infer=\"sub-startdate-format\"\n                  .options=${[\n                    { label: 'option_none', value: 'none' },\n                    { label: 'option_yyyymmdd', value: 'yyyymmdd' },\n                    { label: 'option_dd', value: 'dd' },\n                    { label: 'option_duration', value: 'duration' },\n                  ]}\n                >\n                </foxy-internal-select-control>\n\n                ${item.sub_startdate_format === 'yyyymmdd'\n                  ? html`\n                      <foxy-internal-date-control\n                        property=\"items.${index}.sub_startdate\"\n                        layout=\"summary-item\"\n                        infer=\"sub-startdate-yyyymmdd\"\n                      >\n                      </foxy-internal-date-control>\n                    `\n                  : item.sub_startdate_format === 'duration'\n                  ? html`\n                      <foxy-internal-frequency-control\n                        property=\"items.${index}.sub_startdate\"\n                        layout=\"summary-item\"\n                        infer=\"sub-startdate-duration\"\n                      >\n                      </foxy-internal-frequency-control>\n                    `\n                  : item.sub_startdate_format === 'dd'\n                  ? html`\n                      <foxy-internal-number-control\n                        property=\"items.${index}.sub_startdate\"\n                        layout=\"summary-item\"\n                        infer=\"sub-startdate-dd\"\n                        step=\"1\"\n                        min=\"1\"\n                        max=\"31\"\n                      >\n                      </foxy-internal-number-control>\n                    `\n                  : ''}\n\n                <foxy-internal-select-control\n                  property=\"items.${index}.sub_enddate_format\"\n                  layout=\"summary-item\"\n                  infer=\"sub-enddate-format\"\n                  .options=${[\n                    { label: 'option_none', value: 'none' },\n                    { label: 'option_yyyymmdd', value: 'yyyymmdd' },\n                    { label: 'option_duration', value: 'duration' },\n                  ]}\n                >\n                </foxy-internal-select-control>\n\n                ${item.sub_enddate_format === 'yyyymmdd'\n                  ? html`\n                      <foxy-internal-date-control\n                        property=\"items.${index}.sub_enddate\"\n                        layout=\"summary-item\"\n                        infer=\"sub-enddate-yyyymmdd\"\n                      >\n                      </foxy-internal-date-control>\n                    `\n                  : item.sub_enddate_format === 'duration'\n                  ? html`\n                      <foxy-internal-frequency-control\n                        property=\"items.${index}.sub_enddate\"\n                        layout=\"summary-item\"\n                        infer=\"sub-enddate-duration\"\n                      >\n                      </foxy-internal-frequency-control>\n                    `\n                  : ''}\n              `\n            : ''}\n        </foxy-internal-summary-control>\n\n        <foxy-internal-summary-control infer=\"discount-group\" layout=\"details\">\n          <foxy-internal-text-control\n            property=\"items.${index}.discount_name\"\n            layout=\"summary-item\"\n            infer=\"discount-name\"\n          >\n          </foxy-internal-text-control>\n\n          ${item?.discount_name\n            ? html`\n                <foxy-discount-builder\n                  infer=\"discount-builder\"\n                  .parsedValue=${{\n                    details: item?.discount_details ?? '',\n                    type: item?.discount_type ?? 'discount_amount_percentage',\n                    name: item?.discount_name ?? '',\n                  }}\n                  @change=${(evt: CustomEvent) =>\n                    this.__handleDiscountBuilderChange(evt, item, index)}\n                >\n                </foxy-discount-builder>\n              `\n            : ''}\n        </foxy-internal-summary-control>\n\n        <foxy-internal-summary-control infer=\"expires-group\" layout=\"details\">\n          <foxy-internal-select-control\n            property=\"items.${index}.expires_format\"\n            layout=\"summary-item\"\n            infer=\"expires-format\"\n            .options=${[\n              { label: 'option_none', value: 'none' },\n              { label: 'option_minutes', value: 'minutes' },\n              { label: 'option_timestamp', value: 'timestamp' },\n            ]}\n          >\n          </foxy-internal-select-control>\n\n          ${item?.expires_format === 'minutes'\n            ? html`\n                <foxy-internal-number-control\n                  property=\"items.${index}.expires_value\"\n                  layout=\"summary-item\"\n                  suffix=\"min\"\n                  infer=\"expires-value-minutes\"\n                >\n                </foxy-internal-number-control>\n              `\n            : item?.expires_format === 'timestamp'\n            ? html`\n                <foxy-internal-date-control\n                  property=\"items.${index}.expires_value\"\n                  layout=\"summary-item\"\n                  format=\"unix\"\n                  infer=\"expires-value-timestamp\"\n                >\n                </foxy-internal-date-control>\n              `\n            : ''}\n        </foxy-internal-summary-control>\n\n        <foxy-internal-summary-control infer=\"quantity-group\" layout=\"details\">\n          <foxy-internal-number-control\n            property=\"items.${index}.quantity\"\n            layout=\"summary-item\"\n            infer=\"quantity\"\n            step=\"1\"\n            min=\"1\"\n          >\n          </foxy-internal-number-control>\n\n          ${item?.expires_format === 'minutes'\n            ? ''\n            : html`\n                <foxy-internal-number-control\n                  property=\"items.${index}.quantity_min\"\n                  layout=\"summary-item\"\n                  infer=\"quantity-min\"\n                  step=\"1\"\n                  min=\"1\"\n                >\n                </foxy-internal-number-control>\n\n                <foxy-internal-number-control\n                  property=\"items.${index}.quantity_max\"\n                  layout=\"summary-item\"\n                  infer=\"quantity-max\"\n                  step=\"1\"\n                  min=\"1\"\n                >\n                </foxy-internal-number-control>\n              `}\n        </foxy-internal-summary-control>\n\n        <foxy-internal-summary-control infer=\"dimensions-group\" layout=\"details\">\n          <foxy-internal-number-control\n            placeholder=${ifDefined(itemCategory?.default_weight)}\n            property=\"items.${index}.weight\"\n            layout=\"summary-item\"\n            suffix=${ifDefined(itemCategory?.default_weight_unit)}\n            infer=\"weight\"\n            min=\"0\"\n          >\n          </foxy-internal-number-control>\n\n          <foxy-internal-number-control\n            property=\"items.${index}.length\"\n            layout=\"summary-item\"\n            suffix=${ifDefined(itemCategory?.default_length_unit)}\n            infer=\"length\"\n            min=\"0\"\n          >\n          </foxy-internal-number-control>\n\n          <foxy-internal-number-control\n            property=\"items.${index}.width\"\n            layout=\"summary-item\"\n            suffix=${ifDefined(itemCategory?.default_length_unit)}\n            infer=\"width\"\n            min=\"0\"\n          >\n          </foxy-internal-number-control>\n\n          <foxy-internal-number-control\n            property=\"items.${index}.height\"\n            layout=\"summary-item\"\n            suffix=${ifDefined(itemCategory?.default_length_unit)}\n            infer=\"height\"\n            min=\"0\"\n          >\n          </foxy-internal-number-control>\n        </foxy-internal-summary-control>\n\n        <foxy-internal-async-list-control\n          first=\"foxy://${nucleon?.virtualHost}/form/items/${index}/custom_options\"\n          infer=\"custom-options\"\n          form=\"foxy-internal-experimental-add-to-cart-builder-custom-option-form\"\n          item=\"foxy-internal-experimental-add-to-cart-builder-custom-option-card\"\n          alert\n          .formProps=${{\n            '.defaultWeightUnit': itemCategory?.default_weight_unit,\n            '.existingOptions': item?.custom_options ?? [],\n            '.itemCategories': this.itemCategories,\n            '.currencyCode': this.currencyCode,\n          }}\n        >\n        </foxy-internal-async-list-control>\n\n        ${nucleon?.form.items?.length === 1\n          ? html``\n          : html`\n              <vaadin-button\n                theme=\"error\"\n                class=\"w-full\"\n                ?disabled=${this.disabled}\n                @click=${() => this.dispatchEvent(new CustomEvent('remove'))}\n              >\n                <foxy-i18n infer=\"delete\" key=\"caption\"></foxy-i18n>\n              </vaadin-button>\n            `}\n\n        <foxy-nucleon\n          infer=\"\"\n          class=\"hidden\"\n          href=${ifDefined(item?.item_category_uri)}\n          id=\"itemCategoryLoader\"\n          @update=${() => this.requestUpdate()}\n        >\n        </foxy-nucleon>\n      </div>\n    `;\n  }\n\n  private get __itemCategoryLoader() {\n    type Loader = NucleonElement<Resource<Rels.ItemCategory>>;\n    return this.renderRoot.querySelector<Loader>('#itemCategoryLoader');\n  }\n\n  private __handleDiscountBuilderChange(\n    evt: CustomEvent,\n    item: Data['items'][number],\n    index: number\n  ) {\n    const builder = evt.currentTarget as DiscountBuilder;\n    const nucleon = this.nucleon as ExperimentalAddToCartBuilder | null;\n\n    item.discount_details = builder.parsedValue.details;\n    item.discount_type = builder.parsedValue.type;\n    item.discount_name = builder.parsedValue.name;\n\n    const items = nucleon?.form.items ?? [];\n    items.splice(index, 1, item);\n    nucleon?.edit({ items: [...items] });\n  }\n}\n"]}

package/dist/elements/public/ExperimentalAddToCartBuilder/internal/InternalExperimentalAddToCartBuilderItemControl/index.d.ts

@@ -0,0 +1,19 @@
+import '@vaadin/vaadin-button';
+import '../../../../internal/InternalResourcePickerControl/index';
+import '../../../../internal/InternalFrequencyControl/index';
+import '../../../../internal/InternalAsyncListControl/index';
+import '../../../../internal/InternalSummaryControl/index';
+import '../../../../internal/InternalSwitchControl/index';
+import '../../../../internal/InternalSelectControl/index';
+import '../../../../internal/InternalNumberControl/index';
+import '../../../../internal/InternalDateControl/index';
+import '../../../../internal/InternalTextControl/index';
+import '../../../../internal/InternalControl/index';
+import '../../../ItemCategoryCard/index';
+import '../../../DiscountBuilder/index';
+import '../../../NucleonElement/index';
+import '../../../I18n/index';
+import '../InternalExperimentalAddToCartBuilderCustomOptionCard/index';
+import '../InternalExperimentalAddToCartBuilderCustomOptionForm/index';
+import { InternalExperimentalAddToCartBuilderItemControl as Control } from './InternalExperimentalAddToCartBuilderItemControl';
+export { Control as InternalExperimentalAddToCartBuilderItem };

package/dist/elements/public/ExperimentalAddToCartBuilder/internal/InternalExperimentalAddToCartBuilderItemControl/index.js

@@ -0,0 +1,21 @@
+import '@vaadin/vaadin-button';
+import "../../../../internal/InternalResourcePickerControl/index.js";
+import "../../../../internal/InternalFrequencyControl/index.js";
+import "../../../../internal/InternalAsyncListControl/index.js";
+import "../../../../internal/InternalSummaryControl/index.js";
+import "../../../../internal/InternalSwitchControl/index.js";
+import "../../../../internal/InternalSelectControl/index.js";
+import "../../../../internal/InternalNumberControl/index.js";
+import "../../../../internal/InternalDateControl/index.js";
+import "../../../../internal/InternalTextControl/index.js";
+import "../../../../internal/InternalControl/index.js";
+import "../../../ItemCategoryCard/index.js";
+import "../../../DiscountBuilder/index.js";
+import "../../../NucleonElement/index.js";
+import "../../../I18n/index.js";
+import "../InternalExperimentalAddToCartBuilderCustomOptionCard/index.js";
+import "../InternalExperimentalAddToCartBuilderCustomOptionForm/index.js";
+import { InternalExperimentalAddToCartBuilderItemControl as Control } from "./InternalExperimentalAddToCartBuilderItemControl.js";
+customElements.define('foxy-internal-experimental-add-to-cart-builder-item-control', Control);
+export { Control as InternalExperimentalAddToCartBuilderItem };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/ExperimentalAddToCartBuilder/internal/InternalExperimentalAddToCartBuilderItemControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ExperimentalAddToCartBuilder/internal/InternalExperimentalAddToCartBuilderItemControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,qEAAkE;AAClE,gEAA6D;AAC7D,gEAA6D;AAC7D,8DAA2D;AAC3D,6DAA0D;AAC1D,6DAA0D;AAC1D,6DAA0D;AAC1D,2DAAwD;AACxD,2DAAwD;AACxD,uDAAoD;AAEpD,4CAAyC;AACzC,2CAAwC;AACxC,0CAAuC;AACvC,gCAA6B;AAE7B,0EAAuE;AACvE,0EAAuE;AAEvE,OAAO,EAAE,+CAA+C,IAAI,OAAO,EAAE,6DAA0D;AAE/H,cAAc,CAAC,MAAM,CAAC,6DAA6D,EAAE,OAAO,CAAC,CAAC;AAE9F,OAAO,EAAE,OAAO,IAAI,wCAAwC,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\n\nimport '../../../../internal/InternalResourcePickerControl/index';\nimport '../../../../internal/InternalFrequencyControl/index';\nimport '../../../../internal/InternalAsyncListControl/index';\nimport '../../../../internal/InternalSummaryControl/index';\nimport '../../../../internal/InternalSwitchControl/index';\nimport '../../../../internal/InternalSelectControl/index';\nimport '../../../../internal/InternalNumberControl/index';\nimport '../../../../internal/InternalDateControl/index';\nimport '../../../../internal/InternalTextControl/index';\nimport '../../../../internal/InternalControl/index';\n\nimport '../../../ItemCategoryCard/index';\nimport '../../../DiscountBuilder/index';\nimport '../../../NucleonElement/index';\nimport '../../../I18n/index';\n\nimport '../InternalExperimentalAddToCartBuilderCustomOptionCard/index';\nimport '../InternalExperimentalAddToCartBuilderCustomOptionForm/index';\n\nimport { InternalExperimentalAddToCartBuilderItemControl as Control } from './InternalExperimentalAddToCartBuilderItemControl';\n\ncustomElements.define('foxy-internal-experimental-add-to-cart-builder-item-control', Control);\n\nexport { Control as InternalExperimentalAddToCartBuilderItem };\n"]}

package/dist/elements/public/ExperimentalAddToCartBuilder/preview.css.d.ts

@@ -0,0 +1,2 @@
+/** CSS reset adapted from github.com/necolas/normalize.css */
+export declare const previewCSS = "\n  <style>\n    html {\n      line-height: 1.15;\n      -webkit-text-size-adjust: 100%;\n    }\n\n    body {\n      margin: 0;\n    }\n\n    button,\n    input,\n    optgroup,\n    select,\n    textarea {\n      font-family: inherit;\n      font-size: 100%;\n      line-height: 1.15;\n      margin: 0;\n    }\n\n    button,\n    input {\n      overflow: visible;\n    }\n\n    button,\n    select {\n      text-transform: none;\n    }\n\n    button,\n    [type=\"button\"],\n    [type=\"reset\"],\n    [type=\"submit\"] {\n      -webkit-appearance: button;\n    }\n\n    button::-moz-focus-inner,\n    [type=\"button\"]::-moz-focus-inner,\n    [type=\"reset\"]::-moz-focus-inner,\n    [type=\"submit\"]::-moz-focus-inner {\n      border-style: none;\n      padding: 0;\n    }\n\n    button:-moz-focusring,\n    [type=\"button\"]:-moz-focusring,\n    [type=\"reset\"]:-moz-focusring,\n    [type=\"submit\"]:-moz-focusring {\n      outline: 1px dotted ButtonText;\n    }\n\n    fieldset {\n      padding: 0.35em 0.75em 0.625em;\n    }\n\n    legend {\n      box-sizing: border-box;\n      color: inherit;\n      display: table;\n      max-width: 100%;\n      padding: 0;\n      white-space: normal;\n    }\n\n    textarea {\n      overflow: auto;\n    }\n\n    [type=\"checkbox\"],\n    [type=\"radio\"] {\n      box-sizing: border-box;\n      padding: 0;\n    }\n\n    [type=\"number\"]::-webkit-inner-spin-button,\n    [type=\"number\"]::-webkit-outer-spin-button {\n      height: auto;\n    }\n\n    [type=\"search\"] {\n      -webkit-appearance: textfield;\n      outline-offset: -2px;\n    }\n\n    [type=\"search\"]::-webkit-search-decoration {\n      -webkit-appearance: none;\n    }\n\n    ::-webkit-file-upload-button {\n      -webkit-appearance: button;\n      font: inherit;\n    }\n\n    [hidden] {\n      display: none;\n    }\n\n    html {\n      color-scheme: light dark !important;\n    }\n\n    body {\n      display: flex;\n      padding: 2rem;\n    }\n\n    form {\n      flex: 1;\n      max-width: 20rem;\n      font: normal 0.875rem system-ui;\n      display: grid;\n      grid-template-columns: auto 1fr;\n      grid-gap: 0.5rem;\n      align-items: center;\n      margin: auto;\n    }\n\n    form:has(fieldset) {\n      grid-gap: 1rem;\n    }\n\n    fieldset {\n      display: grid;\n      grid-template-columns: auto 1fr;\n      grid-gap: 0.5rem;\n      grid-column: 1 / span 2;\n      align-items: center;\n      margin: 0;\n    }\n\n    legend {\n      white-space: nowrap;\n    }\n\n    button {\n      grid-column: 1 / span 2;\n      margin-top: 0.5rem;\n    }\n\n    form:has(fieldset) button {\n      margin-top: 0;\n    }\n\n    label {\n      display: contents;\n    }\n  </style>\n";

package/dist/elements/public/ExperimentalAddToCartBuilder/preview.css.js

@@ -0,0 +1,153 @@
+/** CSS reset adapted from github.com/necolas/normalize.css */
+export const previewCSS = `
+  <style>
+    html {
+      line-height: 1.15;
+      -webkit-text-size-adjust: 100%;
+    }
+
+    body {
+      margin: 0;
+    }
+
+    button,
+    input,
+    optgroup,
+    select,
+    textarea {
+      font-family: inherit;
+      font-size: 100%;
+      line-height: 1.15;
+      margin: 0;
+    }
+
+    button,
+    input {
+      overflow: visible;
+    }
+
+    button,
+    select {
+      text-transform: none;
+    }
+
+    button,
+    [type="button"],
+    [type="reset"],
+    [type="submit"] {
+      -webkit-appearance: button;
+    }
+
+    button::-moz-focus-inner,
+    [type="button"]::-moz-focus-inner,
+    [type="reset"]::-moz-focus-inner,
+    [type="submit"]::-moz-focus-inner {
+      border-style: none;
+      padding: 0;
+    }
+
+    button:-moz-focusring,
+    [type="button"]:-moz-focusring,
+    [type="reset"]:-moz-focusring,
+    [type="submit"]:-moz-focusring {
+      outline: 1px dotted ButtonText;
+    }
+
+    fieldset {
+      padding: 0.35em 0.75em 0.625em;
+    }
+
+    legend {
+      box-sizing: border-box;
+      color: inherit;
+      display: table;
+      max-width: 100%;
+      padding: 0;
+      white-space: normal;
+    }
+
+    textarea {
+      overflow: auto;
+    }
+
+    [type="checkbox"],
+    [type="radio"] {
+      box-sizing: border-box;
+      padding: 0;
+    }
+
+    [type="number"]::-webkit-inner-spin-button,
+    [type="number"]::-webkit-outer-spin-button {
+      height: auto;
+    }
+
+    [type="search"] {
+      -webkit-appearance: textfield;
+      outline-offset: -2px;
+    }
+
+    [type="search"]::-webkit-search-decoration {
+      -webkit-appearance: none;
+    }
+
+    ::-webkit-file-upload-button {
+      -webkit-appearance: button;
+      font: inherit;
+    }
+
+    [hidden] {
+      display: none;
+    }
+
+    html {
+      color-scheme: light dark !important;
+    }
+
+    body {
+      display: flex;
+      padding: 2rem;
+    }
+
+    form {
+      flex: 1;
+      max-width: 20rem;
+      font: normal 0.875rem system-ui;
+      display: grid;
+      grid-template-columns: auto 1fr;
+      grid-gap: 0.5rem;
+      align-items: center;
+      margin: auto;
+    }
+
+    form:has(fieldset) {
+      grid-gap: 1rem;
+    }
+
+    fieldset {
+      display: grid;
+      grid-template-columns: auto 1fr;
+      grid-gap: 0.5rem;
+      grid-column: 1 / span 2;
+      align-items: center;
+      margin: 0;
+    }
+
+    legend {
+      white-space: nowrap;
+    }
+
+    button {
+      grid-column: 1 / span 2;
+      margin-top: 0.5rem;
+    }
+
+    form:has(fieldset) button {
+      margin-top: 0;
+    }
+
+    label {
+      display: contents;
+    }
+  </style>
+`;
+//# sourceMappingURL=preview.css.js.map

package/dist/elements/public/ExperimentalAddToCartBuilder/preview.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.css.js","sourceRoot":"","sources":["../../../../src/elements/public/ExperimentalAddToCartBuilder/preview.css.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAC9D,MAAM,CAAC,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsJzB,CAAC","sourcesContent":["/** CSS reset adapted from github.com/necolas/normalize.css */\nexport const previewCSS = `\n  <style>\n    html {\n      line-height: 1.15;\n      -webkit-text-size-adjust: 100%;\n    }\n\n    body {\n      margin: 0;\n    }\n\n    button,\n    input,\n    optgroup,\n    select,\n    textarea {\n      font-family: inherit;\n      font-size: 100%;\n      line-height: 1.15;\n      margin: 0;\n    }\n\n    button,\n    input {\n      overflow: visible;\n    }\n\n    button,\n    select {\n      text-transform: none;\n    }\n\n    button,\n    [type=\"button\"],\n    [type=\"reset\"],\n    [type=\"submit\"] {\n      -webkit-appearance: button;\n    }\n\n    button::-moz-focus-inner,\n    [type=\"button\"]::-moz-focus-inner,\n    [type=\"reset\"]::-moz-focus-inner,\n    [type=\"submit\"]::-moz-focus-inner {\n      border-style: none;\n      padding: 0;\n    }\n\n    button:-moz-focusring,\n    [type=\"button\"]:-moz-focusring,\n    [type=\"reset\"]:-moz-focusring,\n    [type=\"submit\"]:-moz-focusring {\n      outline: 1px dotted ButtonText;\n    }\n\n    fieldset {\n      padding: 0.35em 0.75em 0.625em;\n    }\n\n    legend {\n      box-sizing: border-box;\n      color: inherit;\n      display: table;\n      max-width: 100%;\n      padding: 0;\n      white-space: normal;\n    }\n\n    textarea {\n      overflow: auto;\n    }\n\n    [type=\"checkbox\"],\n    [type=\"radio\"] {\n      box-sizing: border-box;\n      padding: 0;\n    }\n\n    [type=\"number\"]::-webkit-inner-spin-button,\n    [type=\"number\"]::-webkit-outer-spin-button {\n      height: auto;\n    }\n\n    [type=\"search\"] {\n      -webkit-appearance: textfield;\n      outline-offset: -2px;\n    }\n\n    [type=\"search\"]::-webkit-search-decoration {\n      -webkit-appearance: none;\n    }\n\n    ::-webkit-file-upload-button {\n      -webkit-appearance: button;\n      font: inherit;\n    }\n\n    [hidden] {\n      display: none;\n    }\n\n    html {\n      color-scheme: light dark !important;\n    }\n\n    body {\n      display: flex;\n      padding: 2rem;\n    }\n\n    form {\n      flex: 1;\n      max-width: 20rem;\n      font: normal 0.875rem system-ui;\n      display: grid;\n      grid-template-columns: auto 1fr;\n      grid-gap: 0.5rem;\n      align-items: center;\n      margin: auto;\n    }\n\n    form:has(fieldset) {\n      grid-gap: 1rem;\n    }\n\n    fieldset {\n      display: grid;\n      grid-template-columns: auto 1fr;\n      grid-gap: 0.5rem;\n      grid-column: 1 / span 2;\n      align-items: center;\n      margin: 0;\n    }\n\n    legend {\n      white-space: nowrap;\n    }\n\n    button {\n      grid-column: 1 / span 2;\n      margin-top: 0.5rem;\n    }\n\n    form:has(fieldset) button {\n      margin-top: 0;\n    }\n\n    label {\n      display: contents;\n    }\n  </style>\n`;\n"]}