@foxy.io/elements 1.29.0-beta.3 → 1.29.0-beta.4

package/dist/elements/internal/InternalTextControl/InternalTextControl.js

@@ -2,6 +2,7 @@ import { InternalEditableControl } from "../InternalEditableControl/InternalEdit
 import { html, css, svg } from 'lit-element';
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { classMap } from "../../../utils/class-map.js";
+import { live } from 'lit-html/directives/live';
 /**
  * Internal control displaying a basic text box.
  *
@@ -14,6 +15,7 @@ export class InternalTextControl extends InternalEditableControl {
         this.layout = null;
         this.prefix = null;
         this.suffix = null;
+        this.__isErrorVisible = false;
     }
     static get properties() {
         return {
@@ -21,6 +23,7 @@ export class InternalTextControl extends InternalEditableControl {
             layout: {},
             prefix: {},
             suffix: {},
+            __isErrorVisible: { attribute: false },
         };
     }
     static get styles() {
@@ -36,6 +39,10 @@ export class InternalTextControl extends InternalEditableControl {
       `,
         ];
     }
+    reportValidity() {
+        this.__isErrorVisible = true;
+        super.reportValidity();
+    }
     renderControl() {
         if (this.layout === 'summary-item')
             return this.__renderSummaryItemLayout();
@@ -75,7 +82,10 @@ export class InternalTextControl extends InternalEditableControl {
         <div>
           <label class="text-m text-body" for="input">${this.label}</label>
           <p class="text-xs text-secondary">${this.helperText}</p>
-          <p class="text-xs text-error" ?hidden=${this.disabled || this.readonly}>
+          <p
+            class="text-xs text-error"
+            ?hidden=${!this.__isErrorVisible || this.disabled || this.readonly}
+          >
             ${this._errorMessage}
           </p>
         </div>
@@ -92,10 +102,11 @@ export class InternalTextControl extends InternalEditableControl {
         })}
             type="text"
             id="input"
-            .value=${this._value}
+            .value=${live(this._value)}
             ?disabled=${this.disabled}
             ?readonly=${this.readonly}
             @keydown=${(evt) => { var _a; return evt.key === 'Enter' && ((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.submit()); }}
+            @blur=${() => (this.__isErrorVisible = true)}
             @input=${(evt) => {
             evt.stopPropagation();
             this._value = evt.target.value;

package/dist/elements/internal/InternalTextControl/InternalTextControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalTextControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTextControl/InternalTextControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { TextFieldElement } from '@vaadin/vaadin-text-field';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { html, css, svg } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\n\n/**\n * Internal control displaying a basic text box.\n *\n * @since 1.17.0\n * @element foxy-internal-text-control\n */\nexport class InternalTextControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      layout: {},\n      prefix: {},\n      suffix: {},\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        input::-webkit-contacts-auto-fill-button {\n          visibility: hidden;\n          display: none !important;\n          pointer-events: none;\n          position: absolute;\n          right: 0;\n        }\n      `,\n    ];\n  }\n\n  layout: 'summary-item' | 'standalone' | null = null;\n\n  prefix: string | null = null;\n\n  suffix: string | null = null;\n\n  renderControl(): TemplateResult {\n    if (this.layout === 'summary-item') return this.__renderSummaryItemLayout();\n\n    return html`\n      <vaadin-text-field\n        error-message=${ifDefined(this._errorMessage)}\n        helper-text=${this.helperText}\n        placeholder=${this.placeholder}\n        label=${this.label}\n        class=\"w-full\"\n        ?clear-button-visible=${!this.suffix}\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${this._value}\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @input=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as TextFieldElement;\n          this._value = field.value;\n        }}\n      >\n        ${this.prefix ? html`<div slot=\"prefix\">${this.prefix}</div>` : ''}\n        ${this.suffix ? html`<div class=\"pr-s font-medium\" slot=\"suffix\">${this.suffix}</div>` : ''}\n      </vaadin-text-field>\n    `;\n  }\n\n  protected get _value(): string {\n    return (super._value as string | undefined) ?? '';\n  }\n\n  protected set _value(newValue: string) {\n    super._value = newValue as unknown | undefined;\n  }\n\n  private __renderSummaryItemLayout() {\n    return html`\n      <div class=\"flex items-start gap-m leading-xs\">\n        <div>\n          <label class=\"text-m text-body\" for=\"input\">${this.label}</label>\n          <p class=\"text-xs text-secondary\">${this.helperText}</p>\n          <p class=\"text-xs text-error\" ?hidden=${this.disabled || this.readonly}>\n            ${this._errorMessage}\n          </p>\n        </div>\n\n        <div class=\"flex-1 flex items-center gap-xs\">\n          <input\n            placeholder=${this.placeholder}\n            class=${classMap({\n              'w-full appearance-none text-right bg-transparent transition-colors': true,\n              'text-m rounded-s focus-outline-none': true,\n              'text-secondary': this.readonly,\n              'text-disabled': this.disabled,\n              'font-medium': !this.readonly,\n            })}\n            type=\"text\"\n            id=\"input\"\n            .value=${this._value}\n            ?disabled=${this.disabled}\n            ?readonly=${this.readonly}\n            @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n            @input=${(evt: Event) => {\n              evt.stopPropagation();\n              this._value = (evt.target as HTMLInputElement).value;\n            }}\n          />\n\n          <button\n            aria-label=${this.t('clear')}\n            class=${classMap({\n              'rounded-full transition-colors': true,\n              'focus-outline-none focus-ring-2 focus-ring-primary-50': true,\n              'cursor-pointer text-tertiary hover-text-body': !this.disabled,\n              'cursor-default text-disabled': this.disabled,\n            })}\n            style=\"width: 1em; height: 1em;\"\n            ?disabled=${this.disabled}\n            ?hidden=${this.readonly || !this._value}\n            @click=${() => {\n              this._value = '';\n              this.dispatchEvent(new CustomEvent('clear'));\n            }}\n          >\n            ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" style=\"width: 1em; height: 1em; transform: scale(1.25); margin-right: -0.16em\"><path d=\"M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z\" /></svg>`}\n          </button>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalTextControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTextControl/InternalTextControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { TextFieldElement } from '@vaadin/vaadin-text-field';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { html, css, svg } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\nimport { live } from 'lit-html/directives/live';\n\n/**\n * Internal control displaying a basic text box.\n *\n * @since 1.17.0\n * @element foxy-internal-text-control\n */\nexport class InternalTextControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      layout: {},\n      prefix: {},\n      suffix: {},\n      __isErrorVisible: { attribute: false },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        input::-webkit-contacts-auto-fill-button {\n          visibility: hidden;\n          display: none !important;\n          pointer-events: none;\n          position: absolute;\n          right: 0;\n        }\n      `,\n    ];\n  }\n\n  layout: 'summary-item' | 'standalone' | null = null;\n\n  prefix: string | null = null;\n\n  suffix: string | null = null;\n\n  private __isErrorVisible = false;\n\n  reportValidity(): void {\n    this.__isErrorVisible = true;\n    super.reportValidity();\n  }\n\n  renderControl(): TemplateResult {\n    if (this.layout === 'summary-item') return this.__renderSummaryItemLayout();\n\n    return html`\n      <vaadin-text-field\n        error-message=${ifDefined(this._errorMessage)}\n        helper-text=${this.helperText}\n        placeholder=${this.placeholder}\n        label=${this.label}\n        class=\"w-full\"\n        ?clear-button-visible=${!this.suffix}\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${this._value}\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @input=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as TextFieldElement;\n          this._value = field.value;\n        }}\n      >\n        ${this.prefix ? html`<div slot=\"prefix\">${this.prefix}</div>` : ''}\n        ${this.suffix ? html`<div class=\"pr-s font-medium\" slot=\"suffix\">${this.suffix}</div>` : ''}\n      </vaadin-text-field>\n    `;\n  }\n\n  protected get _value(): string {\n    return (super._value as string | undefined) ?? '';\n  }\n\n  protected set _value(newValue: string) {\n    super._value = newValue as unknown | undefined;\n  }\n\n  private __renderSummaryItemLayout() {\n    return html`\n      <div class=\"flex items-start gap-m leading-xs\">\n        <div>\n          <label class=\"text-m text-body\" for=\"input\">${this.label}</label>\n          <p class=\"text-xs text-secondary\">${this.helperText}</p>\n          <p\n            class=\"text-xs text-error\"\n            ?hidden=${!this.__isErrorVisible || this.disabled || this.readonly}\n          >\n            ${this._errorMessage}\n          </p>\n        </div>\n\n        <div class=\"flex-1 flex items-center gap-xs\">\n          <input\n            placeholder=${this.placeholder}\n            class=${classMap({\n              'w-full appearance-none text-right bg-transparent transition-colors': true,\n              'text-m rounded-s focus-outline-none': true,\n              'text-secondary': this.readonly,\n              'text-disabled': this.disabled,\n              'font-medium': !this.readonly,\n            })}\n            type=\"text\"\n            id=\"input\"\n            .value=${live(this._value)}\n            ?disabled=${this.disabled}\n            ?readonly=${this.readonly}\n            @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n            @blur=${() => (this.__isErrorVisible = true)}\n            @input=${(evt: Event) => {\n              evt.stopPropagation();\n              this._value = (evt.target as HTMLInputElement).value;\n            }}\n          />\n\n          <button\n            aria-label=${this.t('clear')}\n            class=${classMap({\n              'rounded-full transition-colors': true,\n              'focus-outline-none focus-ring-2 focus-ring-primary-50': true,\n              'cursor-pointer text-tertiary hover-text-body': !this.disabled,\n              'cursor-default text-disabled': this.disabled,\n            })}\n            style=\"width: 1em; height: 1em;\"\n            ?disabled=${this.disabled}\n            ?hidden=${this.readonly || !this._value}\n            @click=${() => {\n              this._value = '';\n              this.dispatchEvent(new CustomEvent('clear'));\n            }}\n          >\n            ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" style=\"width: 1em; height: 1em; transform: scale(1.25); margin-right: -0.16em\"><path d=\"M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z\" /></svg>`}\n          </button>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -25,14 +25,9 @@ export declare class ItemCategoryForm extends ItemCategoryForm_base<Data> {
     private static __defaultLengthUnitOptions;
     private static __itemDeliveryTypeOptions;
     private static __handlingFeeTypeOptions;
-    private readonly __giftRecipientEmailTemplateLoaderId;
-    private readonly __customerEmailTemplateLoaderId;
-    private readonly __adminEmailTemplateLoaderId;
+    get readonlySelector(): BooleanSelector;
     get hiddenSelector(): BooleanSelector;
     renderBody(): TemplateResult;
-    private get __giftRecipientEmailTemplateLoader();
-    private get __customerEmailTemplateLoader();
-    private get __adminEmailTemplateLoader();
     private __renderHandlingFee;
     private __renderHandlingFeePercentage;
     private __renderHandlingFeeMinimum;
@@ -41,6 +36,5 @@ export declare class ItemCategoryForm extends ItemCategoryForm_base<Data> {
     private __renderShippingControls;
     private __renderCustomsValue;
     private __renderDiscountBuilder;
-    private __renderAdminEmail;
 }
 export {};

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

@@ -2,7 +2,7 @@ import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { BooleanSelector } from '@foxy.io/sdk/core';
 import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
-import { html } from 'lit-html';
+import { html, svg } from 'lit-html';
 /**
  * Form element for item categories (`fx:item_category`).
  *
@@ -16,9 +16,6 @@ export class ItemCategoryForm extends TranslatableMixin(InternalForm, 'item-cate
         this.emailTemplates = null;
         /** URL of the `fx:taxes` collection for a store. */
         this.taxes = null;
-        this.__giftRecipientEmailTemplateLoaderId = 'gift-recipient-email-template-loader';
-        this.__customerEmailTemplateLoaderId = 'customer-email-template-loader';
-        this.__adminEmailTemplateLoaderId = 'admin-email-template-loader';
     }
     static get properties() {
         return {
@@ -89,29 +86,71 @@ export class ItemCategoryForm extends TranslatableMixin(InternalForm, 'item-cate
             ({ handling_fee_percentage: v }) => {
                 return (typeof v === 'number' ? v >= 0 : true) || 'handling-fee-percentage:v8n_negative';
             },
-            ({ send_admin_email: s, admin_email: v }) => (s ? !!v : true) || 'admin-email:v8n_required',
         ];
     }
+    get readonlySelector() {
+        var _a;
+        const alwaysMatch = [super.readonlySelector.toString()];
+        if (((_a = this.data) === null || _a === void 0 ? void 0 : _a.code) === 'DEFAULT')
+            alwaysMatch.unshift('code', 'name');
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
+    }
     get hiddenSelector() {
-        const alwaysHidden = [super.hiddenSelector.toString()];
+        var _a;
+        const alwaysMatch = [super.hiddenSelector.toString()];
         if (!this.data)
-            alwaysHidden.unshift('taxes');
-        return new BooleanSelector(alwaysHidden.join(' ').trim());
+            alwaysMatch.unshift('taxes');
+        if (((_a = this.data) === null || _a === void 0 ? void 0 : _a.code) === 'DEFAULT')
+            alwaysMatch.unshift('delete');
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
     renderBody() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e;
         const itemDeliveryType = this.form.item_delivery_type;
         const handlingFeeType = (_a = this.form.handling_fee_type) !== null && _a !== void 0 ? _a : 'none';
         return html `
       ${this.renderHeader()}
 
-      <div class="grid grid-cols-2 gap-m">
-        <foxy-internal-text-control infer="name" class="col-span-2"></foxy-internal-text-control>
-        <foxy-internal-text-control infer="code" class="col-span-2"></foxy-internal-text-control>
+      <foxy-internal-summary-control infer="general">
+        <foxy-internal-text-control infer="name" layout="summary-item"></foxy-internal-text-control>
+        <foxy-internal-text-control infer="code" layout="summary-item"></foxy-internal-text-control>
+      </foxy-internal-summary-control>
+
+      <foxy-internal-async-resource-link-list-control
+        foreign-key-for-uri="tax_uri"
+        foreign-key-for-id="tax_id"
+        own-key-for-uri="item_category_uri"
+        options-href=${ifDefined((_b = this.taxes) !== null && _b !== void 0 ? _b : undefined)}
+        links-href=${ifDefined((_c = this.data) === null || _c === void 0 ? void 0 : _c._links['fx:tax_item_categories'].href)}
+        embed-key="fx:tax_item_categories"
+        own-uri=${ifDefined((_d = this.data) === null || _d === void 0 ? void 0 : _d._links.self.href)}
+        infer="taxes"
+        limit="5"
+        item="foxy-tax-card"
+      >
+      </foxy-internal-async-resource-link-list-control>
+
+      <foxy-internal-summary-control infer="delivery">
+        <foxy-internal-select-control
+          layout="summary-item"
+          infer="item-delivery-type"
+          .options=${ItemCategoryForm.__itemDeliveryTypeOptions}
+        >
+        </foxy-internal-select-control>
+
+        ${itemDeliveryType === 'downloaded'
+            ? this.__renderDownloadDeliveryControls()
+            : itemDeliveryType === 'flat_rate'
+                ? [this.__renderFlatRateControls(), this.__renderCustomsValue()]
+                : itemDeliveryType === 'shipped'
+                    ? [this.__renderShippingControls(), this.__renderCustomsValue()]
+                    : ''}
+      </foxy-internal-summary-control>
 
+      <foxy-internal-summary-control infer="handling-and-discount">
         <foxy-internal-select-control
+          layout="summary-item"
           infer="handling-fee-type"
-          class="col-span-2"
           .options=${ItemCategoryForm.__handlingFeeTypeOptions}
         >
         </foxy-internal-select-control>
@@ -126,156 +165,92 @@ export class ItemCategoryForm extends TranslatableMixin(InternalForm, 'item-cate
                 : ''}
             `}
 
-        <foxy-internal-select-control
-          infer="item-delivery-type"
-          class="col-span-2"
-          .options=${ItemCategoryForm.__itemDeliveryTypeOptions}
-        >
-        </foxy-internal-select-control>
-
-        ${itemDeliveryType === 'downloaded'
-            ? this.__renderDownloadDeliveryControls()
-            : itemDeliveryType === 'flat_rate'
-                ? [this.__renderFlatRateControls(), this.__renderCustomsValue()]
-                : itemDeliveryType === 'shipped'
-                    ? [this.__renderShippingControls(), this.__renderCustomsValue()]
-                    : ''}
-
-        <foxy-internal-text-control infer="discount-name" class="col-span-2">
+        <foxy-internal-text-control layout="summary-item" infer="discount-name">
         </foxy-internal-text-control>
 
         ${this.form.discount_name ? this.__renderDiscountBuilder() : ''}
+      </foxy-internal-summary-control>
 
-        <foxy-internal-async-combo-box-control
-          item-label-path="description"
-          item-value-path="_links.self.href"
-          first=${ifDefined((_b = this.emailTemplates) !== null && _b !== void 0 ? _b : undefined)}
-          infer="admin-email-template-uri"
-          class=${this.form.send_admin_email ? '' : 'col-span-2'}
-          .selectedItem=${(_c = this.__adminEmailTemplateLoader) === null || _c === void 0 ? void 0 : _c.data}
-          @change=${(evt) => {
-            this.edit({
-                send_admin_email: !!evt.detail,
-                admin_email: evt.detail ? this.form.admin_email : '',
-            });
-        }}
-        >
-        </foxy-internal-async-combo-box-control>
-
-        ${this.form.send_admin_email ? this.__renderAdminEmail() : ''}
-
-        <foxy-internal-async-combo-box-control
-          item-label-path="description"
-          item-value-path="_links.self.href"
-          first=${ifDefined((_d = this.emailTemplates) !== null && _d !== void 0 ? _d : undefined)}
-          infer="customer-email-template-uri"
-          class="col-span-2"
-          .selectedItem=${(_e = this.__customerEmailTemplateLoader) === null || _e === void 0 ? void 0 : _e.data}
-          @change=${(evt) => this.edit({ send_customer_email: !!evt.detail })}
-        >
-        </foxy-internal-async-combo-box-control>
-
-        <foxy-internal-async-combo-box-control
-          item-label-path="description"
-          item-value-path="_links.self.href"
-          first=${ifDefined((_f = this.emailTemplates) !== null && _f !== void 0 ? _f : undefined)}
+      <foxy-internal-summary-control infer="emails">
+        <foxy-internal-resource-picker-control
+          layout="summary-item"
+          first=${ifDefined((_e = this.emailTemplates) !== null && _e !== void 0 ? _e : undefined)}
           infer="gift-recipient-email-template-uri"
-          class="col-span-2"
-          .selectedItem=${(_g = this.__giftRecipientEmailTemplateLoader) === null || _g === void 0 ? void 0 : _g.data}
+          item="foxy-email-template-card"
         >
-        </foxy-internal-async-combo-box-control>
+        </foxy-internal-resource-picker-control>
 
-        <foxy-internal-async-resource-link-list-control
-          foreign-key-for-uri="tax_uri"
-          foreign-key-for-id="tax_id"
-          own-key-for-uri="item_category_uri"
-          own-uri=${ifDefined((_h = this.data) === null || _h === void 0 ? void 0 : _h._links.self.href)}
-          embed-key="fx:tax_item_categories"
-          options-href=${ifDefined((_j = this.taxes) !== null && _j !== void 0 ? _j : undefined)}
-          links-href=${ifDefined((_k = this.data) === null || _k === void 0 ? void 0 : _k._links['fx:tax_item_categories'].href)}
-          infer="taxes"
-          class="col-span-2"
-          limit="5"
-          item="foxy-tax-card"
+        <div
+          class="flex items-start"
+          style="gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)"
         >
-        </foxy-internal-async-resource-link-list-control>
-      </div>
+          ${svg `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 text-primary" style="width: 1.25em"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>`}
+          <p>
+            <foxy-i18n infer="" key="wip_message"></foxy-i18n>
+            <br />
+            <a
+              target="_blank"
+              class="mt-xs inline-block rounded font-medium text-primary transition-colors cursor-pointer hover-opacity-80 focus-outline-none focus-ring-2 focus-ring-primary-50"
+              href="https://admin.foxycart.com"
+            >
+              admin.foxycart.com
+            </a>
+          </p>
+        </div>
+      </foxy-internal-summary-control>
 
       ${super.renderBody()}
-
-      <foxy-nucleon
-        class="hidden"
-        infer=""
-        href=${ifDefined(this.form.customer_email_template_uri || undefined)}
-        id=${this.__customerEmailTemplateLoaderId}
-        @update=${() => this.requestUpdate()}
-      >
-      </foxy-nucleon>
-
-      <foxy-nucleon
-        class="hidden"
-        infer=""
-        href=${ifDefined(this.form.gift_recipient_email_template_uri || undefined)}
-        id=${this.__giftRecipientEmailTemplateLoaderId}
-        @update=${() => this.requestUpdate()}
-      >
-      </foxy-nucleon>
-
-      <foxy-nucleon
-        class="hidden"
-        infer=""
-        href=${ifDefined(this.form.admin_email_template_uri || undefined)}
-        id=${this.__adminEmailTemplateLoaderId}
-        @update=${() => this.requestUpdate()}
-      >
-      </foxy-nucleon>
     `;
     }
-    get __giftRecipientEmailTemplateLoader() {
-        const id = this.__giftRecipientEmailTemplateLoaderId;
-        return this.renderRoot.querySelector(`#${id}`);
-    }
-    get __customerEmailTemplateLoader() {
-        const id = this.__customerEmailTemplateLoaderId;
-        return this.renderRoot.querySelector(`#${id}`);
-    }
-    get __adminEmailTemplateLoader() {
-        const id = this.__adminEmailTemplateLoaderId;
-        return this.renderRoot.querySelector(`#${id}`);
-    }
     __renderHandlingFee() {
         return html `
-      <foxy-internal-number-control
-        infer="handling-fee"
-        class=${this.form.handling_fee_type === 'flat_percent' ? '' : 'col-span-2'}
-      >
+      <foxy-internal-number-control layout="summary-item" infer="handling-fee" min="0">
       </foxy-internal-number-control>
     `;
     }
     __renderHandlingFeePercentage() {
         return html `
-      <foxy-internal-number-control infer="handling-fee-percentage"> </foxy-internal-number-control>
+      <foxy-internal-number-control
+        layout="summary-item"
+        suffix="%"
+        infer="handling-fee-percentage"
+        min="0"
+      >
+      </foxy-internal-number-control>
     `;
     }
     __renderHandlingFeeMinimum() {
         return html `
-      <foxy-internal-number-control infer="handling-fee-minimum"> </foxy-internal-number-control>
+      <foxy-internal-number-control layout="summary-item" infer="handling-fee-minimum" min="0">
+      </foxy-internal-number-control>
     `;
     }
     __renderDownloadDeliveryControls() {
         return html `
-      <foxy-internal-integer-control infer="max-downloads-per-customer">
-      </foxy-internal-integer-control>
+      <foxy-internal-number-control
+        layout="summary-item"
+        infer="max-downloads-per-customer"
+        step="1"
+        min="0"
+      >
+      </foxy-internal-number-control>
 
-      <foxy-internal-integer-control infer="max-downloads-time-period">
-      </foxy-internal-integer-control>
+      <foxy-internal-number-control
+        layout="summary-item"
+        infer="max-downloads-time-period"
+        step="1"
+        min="0"
+      >
+      </foxy-internal-number-control>
     `;
     }
     __renderFlatRateControls() {
         return html `
-      <foxy-internal-number-control infer="shipping-flat-rate"> </foxy-internal-number-control>
+      <foxy-internal-number-control layout="summary-item" infer="shipping-flat-rate" min="0">
+      </foxy-internal-number-control>
 
       <foxy-internal-select-control
+        layout="summary-item"
         infer="shipping-flat-rate-type"
         .options=${ItemCategoryForm.__shippingFlatRateTypeOptions}
       >
@@ -284,16 +259,18 @@ export class ItemCategoryForm extends TranslatableMixin(InternalForm, 'item-cate
     }
     __renderShippingControls() {
         return html `
-      <foxy-internal-integer-control infer="default-weight" class="col-span-2">
-      </foxy-internal-integer-control>
+      <foxy-internal-number-control layout="summary-item" infer="default-weight" min="0">
+      </foxy-internal-number-control>
 
       <foxy-internal-select-control
+        layout="summary-item"
         infer="default-weight-unit"
         .options=${ItemCategoryForm.__defaultWeightUnitOptions}
       >
       </foxy-internal-select-control>
 
       <foxy-internal-select-control
+        layout="summary-item"
         infer="default-length-unit"
         .options=${ItemCategoryForm.__defaultLengthUnitOptions}
       >
@@ -302,7 +279,7 @@ export class ItemCategoryForm extends TranslatableMixin(InternalForm, 'item-cate
     }
     __renderCustomsValue() {
         return html `
-      <foxy-internal-number-control infer="customs-value" class="col-span-2">
+      <foxy-internal-number-control layout="summary-item" infer="customs-value" min="0">
       </foxy-internal-number-control>
     `;
     }
@@ -330,9 +307,6 @@ export class ItemCategoryForm extends TranslatableMixin(InternalForm, 'item-cate
       </foxy-discount-builder>
     `;
     }
-    __renderAdminEmail() {
-        return html `<foxy-internal-text-control infer="admin-email"> </foxy-internal-text-control>`;
-    }
 }
 ItemCategoryForm.__shippingFlatRateTypeOptions = [
     { label: 'option_per_order', value: 'per_order' },

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

@@ -1 +1 @@
-{"version":3,"file":"ItemCategoryForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCategoryForm/ItemCategoryForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { DiscountBuilder } from '../DiscountBuilder/DiscountBuilder';\nimport type { Data } from './types';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { ParsedValue } from '../DiscountBuilder/types';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\n/**\n * Form element for item categories (`fx:item_category`).\n *\n * @since 1.21.0\n * @element foxy-item-category-form\n */\nexport class ItemCategoryForm extends TranslatableMixin(InternalForm, 'item-category-form')<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      emailTemplates: { attribute: 'email-templates' },\n      taxes: {},\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => (v && v.length <= 50) || 'code:v8n_too_long',\n\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => (v && v.length <= 50) || 'name:v8n_too_long',\n\n      ({ item_delivery_type: v }) => !!v || 'item-delivery-type:v8n_required',\n\n      ({ item_delivery_type: t, max_downloads_per_customer: v }) => {\n        return (\n          (t === 'downloaded' ? typeof v === 'number' : true) ||\n          'max-downloads-per-customer:v8n_required'\n        );\n      },\n\n      ({ max_downloads_per_customer: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'max-downloads-per-customer:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, max_downloads_time_period: v }) => {\n        return (\n          (t === 'downloaded' ? typeof v === 'number' : true) ||\n          'max-downloads-time-period:v8n_required'\n        );\n      },\n\n      ({ max_downloads_time_period: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'max-downloads-time-period:v8n_negative';\n      },\n\n      ({ customs_value: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'customs-value:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, default_weight: v }) => {\n        return (t === 'shipped' ? typeof v === 'number' : true) || 'default-weight:v8n_required';\n      },\n\n      ({ default_weight: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'default-weight:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, default_weight_unit: v }) => {\n        return (\n          (t === 'shipped' ? typeof v === 'string' : true) || 'default-weight-unit:v8n_required'\n        );\n      },\n\n      ({ item_delivery_type: t, default_length_unit: v }) => {\n        return (\n          (t === 'shipped' ? typeof v === 'string' : true) || 'default-length-unit:v8n_required'\n        );\n      },\n\n      ({ item_delivery_type: t, shipping_flat_rate: v }) => {\n        return (\n          (t === 'flat_rate' ? typeof v === 'number' : true) || 'shipping-flat-rate:v8n_required'\n        );\n      },\n\n      ({ shipping_flat_rate: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'shipping-flat-rate:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, shipping_flat_rate_type: v }) => {\n        return (\n          (t === 'flat_rate' ? typeof v === 'string' : true) ||\n          'shipping-flat-rate-type:v8n_required'\n        );\n      },\n\n      ({ handling_fee_type: v }) => !!v || 'handling-fee-type:v8n_required',\n\n      ({ handling_fee_type: t, handling_fee_minimum: v }) => {\n        return (\n          (t === 'flat_percent_with_minimum' ? typeof v === 'number' : true) ||\n          'handling-fee-minimum:v8n_required'\n        );\n      },\n\n      ({ handling_fee_minimum: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'handling-fee-minimum:v8n_negative';\n      },\n\n      ({ handling_fee_type: t, handling_fee_percentage: v }) => {\n        return (\n          (t === 'flat_percent_with_minimum' || t === 'flat_percent'\n            ? typeof v === 'number'\n            : true) || 'handling-fee-percentage:v8n_required'\n        );\n      },\n\n      ({ handling_fee_percentage: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'handling-fee-percentage:v8n_negative';\n      },\n\n      ({ send_admin_email: s, admin_email: v }) => (s ? !!v : true) || 'admin-email:v8n_required',\n    ];\n  }\n\n  /** URL of the `fx:email_templates` collection for a store. */\n  emailTemplates: string | null = null;\n\n  /** URL of the `fx:taxes` collection for a store. */\n  taxes: string | null = null;\n\n  private static __shippingFlatRateTypeOptions = [\n    { label: 'option_per_order', value: 'per_order' },\n    { label: 'option_per_shipment', value: 'per_shipment' },\n  ];\n\n  private static __defaultWeightUnitOptions = [\n    { label: 'option_lbs', value: 'LBS' },\n    { label: 'option_kgs', value: 'KGS' },\n  ];\n\n  private static __defaultLengthUnitOptions = [\n    { label: 'option_in', value: 'IN' },\n    { label: 'option_cm', value: 'CM' },\n  ];\n\n  private static __itemDeliveryTypeOptions = [\n    { label: 'option_notshipped', value: 'notshipped' },\n    { label: 'option_downloaded', value: 'downloaded' },\n    { label: 'option_flat_rate', value: 'flat_rate' },\n    { label: 'option_shipped', value: 'shipped' },\n    { label: 'option_pickup', value: 'pickup' },\n  ];\n\n  private static __handlingFeeTypeOptions = [\n    { label: 'option_none', value: 'none' },\n    { label: 'option_flat_per_order', value: 'flat_per_order' },\n    { label: 'option_flat_per_item', value: 'flat_per_item' },\n    { label: 'option_flat_percent', value: 'flat_percent' },\n    { label: 'option_flat_percent_with_minimum', value: 'flat_percent_with_minimum' },\n  ];\n\n  private readonly __giftRecipientEmailTemplateLoaderId = 'gift-recipient-email-template-loader';\n\n  private readonly __customerEmailTemplateLoaderId = 'customer-email-template-loader';\n\n  private readonly __adminEmailTemplateLoaderId = 'admin-email-template-loader';\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysHidden = [super.hiddenSelector.toString()];\n    if (!this.data) alwaysHidden.unshift('taxes');\n    return new BooleanSelector(alwaysHidden.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    const itemDeliveryType = this.form.item_delivery_type;\n    const handlingFeeType = this.form.handling_fee_type ?? 'none';\n\n    return html`\n      ${this.renderHeader()}\n\n      <div class=\"grid grid-cols-2 gap-m\">\n        <foxy-internal-text-control infer=\"name\" class=\"col-span-2\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"code\" class=\"col-span-2\"></foxy-internal-text-control>\n\n        <foxy-internal-select-control\n          infer=\"handling-fee-type\"\n          class=\"col-span-2\"\n          .options=${ItemCategoryForm.__handlingFeeTypeOptions}\n        >\n        </foxy-internal-select-control>\n\n        ${handlingFeeType === 'none'\n          ? ''\n          : html`\n              ${this.__renderHandlingFee()}\n              ${handlingFeeType.includes('percent') ? this.__renderHandlingFeePercentage() : ''}\n              ${handlingFeeType === 'flat_percent_with_minimum'\n                ? this.__renderHandlingFeeMinimum()\n                : ''}\n            `}\n\n        <foxy-internal-select-control\n          infer=\"item-delivery-type\"\n          class=\"col-span-2\"\n          .options=${ItemCategoryForm.__itemDeliveryTypeOptions}\n        >\n        </foxy-internal-select-control>\n\n        ${itemDeliveryType === 'downloaded'\n          ? this.__renderDownloadDeliveryControls()\n          : itemDeliveryType === 'flat_rate'\n          ? [this.__renderFlatRateControls(), this.__renderCustomsValue()]\n          : itemDeliveryType === 'shipped'\n          ? [this.__renderShippingControls(), this.__renderCustomsValue()]\n          : ''}\n\n        <foxy-internal-text-control infer=\"discount-name\" class=\"col-span-2\">\n        </foxy-internal-text-control>\n\n        ${this.form.discount_name ? this.__renderDiscountBuilder() : ''}\n\n        <foxy-internal-async-combo-box-control\n          item-label-path=\"description\"\n          item-value-path=\"_links.self.href\"\n          first=${ifDefined(this.emailTemplates ?? undefined)}\n          infer=\"admin-email-template-uri\"\n          class=${this.form.send_admin_email ? '' : 'col-span-2'}\n          .selectedItem=${this.__adminEmailTemplateLoader?.data}\n          @change=${(evt: CustomEvent) => {\n            this.edit({\n              send_admin_email: !!evt.detail,\n              admin_email: evt.detail ? this.form.admin_email : '',\n            });\n          }}\n        >\n        </foxy-internal-async-combo-box-control>\n\n        ${this.form.send_admin_email ? this.__renderAdminEmail() : ''}\n\n        <foxy-internal-async-combo-box-control\n          item-label-path=\"description\"\n          item-value-path=\"_links.self.href\"\n          first=${ifDefined(this.emailTemplates ?? undefined)}\n          infer=\"customer-email-template-uri\"\n          class=\"col-span-2\"\n          .selectedItem=${this.__customerEmailTemplateLoader?.data}\n          @change=${(evt: CustomEvent) => this.edit({ send_customer_email: !!evt.detail })}\n        >\n        </foxy-internal-async-combo-box-control>\n\n        <foxy-internal-async-combo-box-control\n          item-label-path=\"description\"\n          item-value-path=\"_links.self.href\"\n          first=${ifDefined(this.emailTemplates ?? undefined)}\n          infer=\"gift-recipient-email-template-uri\"\n          class=\"col-span-2\"\n          .selectedItem=${this.__giftRecipientEmailTemplateLoader?.data}\n        >\n        </foxy-internal-async-combo-box-control>\n\n        <foxy-internal-async-resource-link-list-control\n          foreign-key-for-uri=\"tax_uri\"\n          foreign-key-for-id=\"tax_id\"\n          own-key-for-uri=\"item_category_uri\"\n          own-uri=${ifDefined(this.data?._links.self.href)}\n          embed-key=\"fx:tax_item_categories\"\n          options-href=${ifDefined(this.taxes ?? undefined)}\n          links-href=${ifDefined(this.data?._links['fx:tax_item_categories'].href)}\n          infer=\"taxes\"\n          class=\"col-span-2\"\n          limit=\"5\"\n          item=\"foxy-tax-card\"\n        >\n        </foxy-internal-async-resource-link-list-control>\n      </div>\n\n      ${super.renderBody()}\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.form.customer_email_template_uri || undefined)}\n        id=${this.__customerEmailTemplateLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.form.gift_recipient_email_template_uri || undefined)}\n        id=${this.__giftRecipientEmailTemplateLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.form.admin_email_template_uri || undefined)}\n        id=${this.__adminEmailTemplateLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n  }\n\n  private get __giftRecipientEmailTemplateLoader() {\n    const id = this.__giftRecipientEmailTemplateLoaderId;\n    type Loader = NucleonElement<Resource<Rels.EmailTemplate>>;\n    return this.renderRoot.querySelector<Loader>(`#${id}`);\n  }\n\n  private get __customerEmailTemplateLoader() {\n    const id = this.__customerEmailTemplateLoaderId;\n    type Loader = NucleonElement<Resource<Rels.EmailTemplate>>;\n    return this.renderRoot.querySelector<Loader>(`#${id}`);\n  }\n\n  private get __adminEmailTemplateLoader() {\n    const id = this.__adminEmailTemplateLoaderId;\n    type Loader = NucleonElement<Resource<Rels.EmailTemplate>>;\n    return this.renderRoot.querySelector<Loader>(`#${id}`);\n  }\n\n  private __renderHandlingFee() {\n    return html`\n      <foxy-internal-number-control\n        infer=\"handling-fee\"\n        class=${this.form.handling_fee_type === 'flat_percent' ? '' : 'col-span-2'}\n      >\n      </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderHandlingFeePercentage() {\n    return html`\n      <foxy-internal-number-control infer=\"handling-fee-percentage\"> </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderHandlingFeeMinimum() {\n    return html`\n      <foxy-internal-number-control infer=\"handling-fee-minimum\"> </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderDownloadDeliveryControls() {\n    return html`\n      <foxy-internal-integer-control infer=\"max-downloads-per-customer\">\n      </foxy-internal-integer-control>\n\n      <foxy-internal-integer-control infer=\"max-downloads-time-period\">\n      </foxy-internal-integer-control>\n    `;\n  }\n\n  private __renderFlatRateControls() {\n    return html`\n      <foxy-internal-number-control infer=\"shipping-flat-rate\"> </foxy-internal-number-control>\n\n      <foxy-internal-select-control\n        infer=\"shipping-flat-rate-type\"\n        .options=${ItemCategoryForm.__shippingFlatRateTypeOptions}\n      >\n      </foxy-internal-select-control>\n    `;\n  }\n\n  private __renderShippingControls() {\n    return html`\n      <foxy-internal-integer-control infer=\"default-weight\" class=\"col-span-2\">\n      </foxy-internal-integer-control>\n\n      <foxy-internal-select-control\n        infer=\"default-weight-unit\"\n        .options=${ItemCategoryForm.__defaultWeightUnitOptions}\n      >\n      </foxy-internal-select-control>\n\n      <foxy-internal-select-control\n        infer=\"default-length-unit\"\n        .options=${ItemCategoryForm.__defaultLengthUnitOptions}\n      >\n      </foxy-internal-select-control>\n    `;\n  }\n\n  private __renderCustomsValue() {\n    return html`\n      <foxy-internal-number-control infer=\"customs-value\" class=\"col-span-2\">\n      </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderDiscountBuilder() {\n    const parsedValue: ParsedValue = {\n      name: this.form.discount_name ?? '',\n      type: this.form.discount_type || 'quantity_amount',\n      details: this.form.discount_details ?? '',\n    };\n\n    return html`\n      <foxy-discount-builder\n        infer=\"discount-builder\"\n        class=\"col-span-2\"\n        .parsedValue=${parsedValue}\n        @change=${(evt: CustomEvent) => {\n          const builder = evt.currentTarget as DiscountBuilder;\n\n          this.edit({\n            discount_name: builder.parsedValue.name,\n            discount_type: builder.parsedValue.type,\n            discount_details: builder.parsedValue.details,\n          });\n        }}\n      >\n      </foxy-discount-builder>\n    `;\n  }\n\n  private __renderAdminEmail() {\n    return html`<foxy-internal-text-control infer=\"admin-email\"> </foxy-internal-text-control>`;\n  }\n}\n"]}
+{"version":3,"file":"ItemCategoryForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCategoryForm/ItemCategoryForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { DiscountBuilder } from '../DiscountBuilder/DiscountBuilder';\nimport type { Data } from './types';\n\nimport type { TemplateResult } from 'lit-html';\nimport type { ParsedValue } from '../DiscountBuilder/types';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, svg } from 'lit-html';\n\n/**\n * Form element for item categories (`fx:item_category`).\n *\n * @since 1.21.0\n * @element foxy-item-category-form\n */\nexport class ItemCategoryForm extends TranslatableMixin(InternalForm, 'item-category-form')<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      emailTemplates: { attribute: 'email-templates' },\n      taxes: {},\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => (v && v.length <= 50) || 'code:v8n_too_long',\n\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => (v && v.length <= 50) || 'name:v8n_too_long',\n\n      ({ item_delivery_type: v }) => !!v || 'item-delivery-type:v8n_required',\n\n      ({ item_delivery_type: t, max_downloads_per_customer: v }) => {\n        return (\n          (t === 'downloaded' ? typeof v === 'number' : true) ||\n          'max-downloads-per-customer:v8n_required'\n        );\n      },\n\n      ({ max_downloads_per_customer: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'max-downloads-per-customer:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, max_downloads_time_period: v }) => {\n        return (\n          (t === 'downloaded' ? typeof v === 'number' : true) ||\n          'max-downloads-time-period:v8n_required'\n        );\n      },\n\n      ({ max_downloads_time_period: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'max-downloads-time-period:v8n_negative';\n      },\n\n      ({ customs_value: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'customs-value:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, default_weight: v }) => {\n        return (t === 'shipped' ? typeof v === 'number' : true) || 'default-weight:v8n_required';\n      },\n\n      ({ default_weight: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'default-weight:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, default_weight_unit: v }) => {\n        return (\n          (t === 'shipped' ? typeof v === 'string' : true) || 'default-weight-unit:v8n_required'\n        );\n      },\n\n      ({ item_delivery_type: t, default_length_unit: v }) => {\n        return (\n          (t === 'shipped' ? typeof v === 'string' : true) || 'default-length-unit:v8n_required'\n        );\n      },\n\n      ({ item_delivery_type: t, shipping_flat_rate: v }) => {\n        return (\n          (t === 'flat_rate' ? typeof v === 'number' : true) || 'shipping-flat-rate:v8n_required'\n        );\n      },\n\n      ({ shipping_flat_rate: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'shipping-flat-rate:v8n_negative';\n      },\n\n      ({ item_delivery_type: t, shipping_flat_rate_type: v }) => {\n        return (\n          (t === 'flat_rate' ? typeof v === 'string' : true) ||\n          'shipping-flat-rate-type:v8n_required'\n        );\n      },\n\n      ({ handling_fee_type: v }) => !!v || 'handling-fee-type:v8n_required',\n\n      ({ handling_fee_type: t, handling_fee_minimum: v }) => {\n        return (\n          (t === 'flat_percent_with_minimum' ? typeof v === 'number' : true) ||\n          'handling-fee-minimum:v8n_required'\n        );\n      },\n\n      ({ handling_fee_minimum: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'handling-fee-minimum:v8n_negative';\n      },\n\n      ({ handling_fee_type: t, handling_fee_percentage: v }) => {\n        return (\n          (t === 'flat_percent_with_minimum' || t === 'flat_percent'\n            ? typeof v === 'number'\n            : true) || 'handling-fee-percentage:v8n_required'\n        );\n      },\n\n      ({ handling_fee_percentage: v }) => {\n        return (typeof v === 'number' ? v >= 0 : true) || 'handling-fee-percentage:v8n_negative';\n      },\n    ];\n  }\n\n  /** URL of the `fx:email_templates` collection for a store. */\n  emailTemplates: string | null = null;\n\n  /** URL of the `fx:taxes` collection for a store. */\n  taxes: string | null = null;\n\n  private static __shippingFlatRateTypeOptions = [\n    { label: 'option_per_order', value: 'per_order' },\n    { label: 'option_per_shipment', value: 'per_shipment' },\n  ];\n\n  private static __defaultWeightUnitOptions = [\n    { label: 'option_lbs', value: 'LBS' },\n    { label: 'option_kgs', value: 'KGS' },\n  ];\n\n  private static __defaultLengthUnitOptions = [\n    { label: 'option_in', value: 'IN' },\n    { label: 'option_cm', value: 'CM' },\n  ];\n\n  private static __itemDeliveryTypeOptions = [\n    { label: 'option_notshipped', value: 'notshipped' },\n    { label: 'option_downloaded', value: 'downloaded' },\n    { label: 'option_flat_rate', value: 'flat_rate' },\n    { label: 'option_shipped', value: 'shipped' },\n    { label: 'option_pickup', value: 'pickup' },\n  ];\n\n  private static __handlingFeeTypeOptions = [\n    { label: 'option_none', value: 'none' },\n    { label: 'option_flat_per_order', value: 'flat_per_order' },\n    { label: 'option_flat_per_item', value: 'flat_per_item' },\n    { label: 'option_flat_percent', value: 'flat_percent' },\n    { label: 'option_flat_percent_with_minimum', value: 'flat_percent_with_minimum' },\n  ];\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    if (this.data?.code === 'DEFAULT') alwaysMatch.unshift('code', 'name');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n    if (!this.data) alwaysMatch.unshift('taxes');\n    if (this.data?.code === 'DEFAULT') alwaysMatch.unshift('delete');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    const itemDeliveryType = this.form.item_delivery_type;\n    const handlingFeeType = this.form.handling_fee_type ?? 'none';\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-text-control infer=\"name\" layout=\"summary-item\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"code\" layout=\"summary-item\"></foxy-internal-text-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-async-resource-link-list-control\n        foreign-key-for-uri=\"tax_uri\"\n        foreign-key-for-id=\"tax_id\"\n        own-key-for-uri=\"item_category_uri\"\n        options-href=${ifDefined(this.taxes ?? undefined)}\n        links-href=${ifDefined(this.data?._links['fx:tax_item_categories'].href)}\n        embed-key=\"fx:tax_item_categories\"\n        own-uri=${ifDefined(this.data?._links.self.href)}\n        infer=\"taxes\"\n        limit=\"5\"\n        item=\"foxy-tax-card\"\n      >\n      </foxy-internal-async-resource-link-list-control>\n\n      <foxy-internal-summary-control infer=\"delivery\">\n        <foxy-internal-select-control\n          layout=\"summary-item\"\n          infer=\"item-delivery-type\"\n          .options=${ItemCategoryForm.__itemDeliveryTypeOptions}\n        >\n        </foxy-internal-select-control>\n\n        ${itemDeliveryType === 'downloaded'\n          ? this.__renderDownloadDeliveryControls()\n          : itemDeliveryType === 'flat_rate'\n          ? [this.__renderFlatRateControls(), this.__renderCustomsValue()]\n          : itemDeliveryType === 'shipped'\n          ? [this.__renderShippingControls(), this.__renderCustomsValue()]\n          : ''}\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"handling-and-discount\">\n        <foxy-internal-select-control\n          layout=\"summary-item\"\n          infer=\"handling-fee-type\"\n          .options=${ItemCategoryForm.__handlingFeeTypeOptions}\n        >\n        </foxy-internal-select-control>\n\n        ${handlingFeeType === 'none'\n          ? ''\n          : html`\n              ${this.__renderHandlingFee()}\n              ${handlingFeeType.includes('percent') ? this.__renderHandlingFeePercentage() : ''}\n              ${handlingFeeType === 'flat_percent_with_minimum'\n                ? this.__renderHandlingFeeMinimum()\n                : ''}\n            `}\n\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"discount-name\">\n        </foxy-internal-text-control>\n\n        ${this.form.discount_name ? this.__renderDiscountBuilder() : ''}\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"emails\">\n        <foxy-internal-resource-picker-control\n          layout=\"summary-item\"\n          first=${ifDefined(this.emailTemplates ?? undefined)}\n          infer=\"gift-recipient-email-template-uri\"\n          item=\"foxy-email-template-card\"\n        >\n        </foxy-internal-resource-picker-control>\n\n        <div\n          class=\"flex items-start\"\n          style=\"gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n        >\n          ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\" class=\"flex-shrink-0 text-primary\" style=\"width: 1.25em\"><path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z\" clip-rule=\"evenodd\"></path></svg>`}\n          <p>\n            <foxy-i18n infer=\"\" key=\"wip_message\"></foxy-i18n>\n            <br />\n            <a\n              target=\"_blank\"\n              class=\"mt-xs inline-block rounded font-medium text-primary transition-colors cursor-pointer hover-opacity-80 focus-outline-none focus-ring-2 focus-ring-primary-50\"\n              href=\"https://admin.foxycart.com\"\n            >\n              admin.foxycart.com\n            </a>\n          </p>\n        </div>\n      </foxy-internal-summary-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  private __renderHandlingFee() {\n    return html`\n      <foxy-internal-number-control layout=\"summary-item\" infer=\"handling-fee\" min=\"0\">\n      </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderHandlingFeePercentage() {\n    return html`\n      <foxy-internal-number-control\n        layout=\"summary-item\"\n        suffix=\"%\"\n        infer=\"handling-fee-percentage\"\n        min=\"0\"\n      >\n      </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderHandlingFeeMinimum() {\n    return html`\n      <foxy-internal-number-control layout=\"summary-item\" infer=\"handling-fee-minimum\" min=\"0\">\n      </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderDownloadDeliveryControls() {\n    return html`\n      <foxy-internal-number-control\n        layout=\"summary-item\"\n        infer=\"max-downloads-per-customer\"\n        step=\"1\"\n        min=\"0\"\n      >\n      </foxy-internal-number-control>\n\n      <foxy-internal-number-control\n        layout=\"summary-item\"\n        infer=\"max-downloads-time-period\"\n        step=\"1\"\n        min=\"0\"\n      >\n      </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderFlatRateControls() {\n    return html`\n      <foxy-internal-number-control layout=\"summary-item\" infer=\"shipping-flat-rate\" min=\"0\">\n      </foxy-internal-number-control>\n\n      <foxy-internal-select-control\n        layout=\"summary-item\"\n        infer=\"shipping-flat-rate-type\"\n        .options=${ItemCategoryForm.__shippingFlatRateTypeOptions}\n      >\n      </foxy-internal-select-control>\n    `;\n  }\n\n  private __renderShippingControls() {\n    return html`\n      <foxy-internal-number-control layout=\"summary-item\" infer=\"default-weight\" min=\"0\">\n      </foxy-internal-number-control>\n\n      <foxy-internal-select-control\n        layout=\"summary-item\"\n        infer=\"default-weight-unit\"\n        .options=${ItemCategoryForm.__defaultWeightUnitOptions}\n      >\n      </foxy-internal-select-control>\n\n      <foxy-internal-select-control\n        layout=\"summary-item\"\n        infer=\"default-length-unit\"\n        .options=${ItemCategoryForm.__defaultLengthUnitOptions}\n      >\n      </foxy-internal-select-control>\n    `;\n  }\n\n  private __renderCustomsValue() {\n    return html`\n      <foxy-internal-number-control layout=\"summary-item\" infer=\"customs-value\" min=\"0\">\n      </foxy-internal-number-control>\n    `;\n  }\n\n  private __renderDiscountBuilder() {\n    const parsedValue: ParsedValue = {\n      name: this.form.discount_name ?? '',\n      type: this.form.discount_type || 'quantity_amount',\n      details: this.form.discount_details ?? '',\n    };\n\n    return html`\n      <foxy-discount-builder\n        infer=\"discount-builder\"\n        class=\"col-span-2\"\n        .parsedValue=${parsedValue}\n        @change=${(evt: CustomEvent) => {\n          const builder = evt.currentTarget as DiscountBuilder;\n\n          this.edit({\n            discount_name: builder.parsedValue.name,\n            discount_type: builder.parsedValue.type,\n            discount_details: builder.parsedValue.details,\n          });\n        }}\n      >\n      </foxy-discount-builder>\n    `;\n  }\n}\n"]}

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

@@ -1,12 +1,13 @@
 import '../../internal/InternalAsyncResourceLinkListControl/index';
-import '../../internal/InternalAsyncComboBoxControl/index';
-import '../../internal/InternalIntegerControl/index';
+import '../../internal/InternalResourcePickerControl/index';
+import '../../internal/InternalSummaryControl/index';
 import '../../internal/InternalNumberControl/index';
 import '../../internal/InternalSelectControl/index';
 import '../../internal/InternalTextControl/index';
 import '../../internal/InternalForm/index';
+import '../EmailTemplateCard/index';
 import '../DiscountBuilder/index';
-import '../NucleonElement/index';
 import '../TaxCard/index';
+import '../I18n/index';
 import { ItemCategoryForm } from './ItemCategoryForm';
 export { ItemCategoryForm };

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

@@ -1,13 +1,14 @@
 import "../../internal/InternalAsyncResourceLinkListControl/index.js";
-import "../../internal/InternalAsyncComboBoxControl/index.js";
-import "../../internal/InternalIntegerControl/index.js";
+import "../../internal/InternalResourcePickerControl/index.js";
+import "../../internal/InternalSummaryControl/index.js";
 import "../../internal/InternalNumberControl/index.js";
 import "../../internal/InternalSelectControl/index.js";
 import "../../internal/InternalTextControl/index.js";
 import "../../internal/InternalForm/index.js";
+import "../EmailTemplateCard/index.js";
 import "../DiscountBuilder/index.js";
-import "../NucleonElement/index.js";
 import "../TaxCard/index.js";
+import "../I18n/index.js";
 import { ItemCategoryForm } from "./ItemCategoryForm.js";
 customElements.define('foxy-item-category-form', ItemCategoryForm);
 export { ItemCategoryForm };