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

package/dist/elements/public/StoreShippingMethodForm/StoreShippingMethodForm.js

@@ -0,0 +1,277 @@
+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';
+const NS = 'store-shipping-method-form';
+const Base = TranslatableMixin(InternalForm, NS);
+const getKbSize = (value) => new Blob([value]).size / 1024;
+const isURL = (value) => {
+    try {
+        new URL(value);
+        return true;
+    }
+    catch (_a) {
+        return false;
+    }
+};
+/**
+ * Form element for creating and editing store shipping methods (`fx:store_shipping_method`).
+ *
+ * @slot shipping-method-uri:before
+ * @slot shipping-method-uri:after
+ *
+ * @slot shipping-container-uri:before
+ * @slot shipping-container-uri:after
+ *
+ * @slot shipping-drop-type-uri:before
+ * @slot shipping-drop-type-uri:after
+ *
+ * @slot destinations:before
+ * @slot destinations:after
+ *
+ * @slot authentication-key:before
+ * @slot authentication-key:after
+ *
+ * @slot meter-number:before
+ * @slot meter-number:after
+ *
+ * @slot endpoint:before
+ * @slot endpoint:after
+ *
+ * @slot accountid:before
+ * @slot accountid:after
+ *
+ * @slot password:before
+ * @slot password:after
+ *
+ * @slot custom-code:before
+ * @slot custom-code:after
+ *
+ * @slot services:before
+ * @slot services:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-store-shipping-method-form
+ * @since 1.21.0
+ */
+export class StoreShippingMethodForm extends Base {
+    constructor() {
+        super(...arguments);
+        /** URL of the `fx:shipping_methods` property helper. */
+        this.shippingMethods = null;
+        /** Template render functions mapped to their name. */
+        this.templates = {};
+        this.__destinations = [
+            { value: 'domestic', label: 'domestic' },
+            { value: 'international', label: 'international' },
+        ];
+        this.__getDestinations = () => {
+            const value = [];
+            if (this.form.use_for_domestic)
+                value.push('domestic');
+            if (this.form.use_for_international)
+                value.push('international');
+            return value;
+        };
+        this.__setDestinations = (newValue) => {
+            this.edit({
+                use_for_domestic: newValue.includes('domestic'),
+                use_for_international: newValue.includes('international'),
+            });
+        };
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            shippingMethods: { attribute: 'shipping-methods' },
+        };
+    }
+    static get v8n() {
+        return [
+            ({ shipping_method_uri: v }) => (v && isURL(v)) || 'shipping-method-uri:v8n_required',
+            ({ accountid: v }) => !v || v.length <= 50 || 'accountid:v8n_too_long',
+            ({ password: v }) => !v || v.length <= 50 || 'password:v8n_too_long',
+            ({ meter_number: v }) => !v || v.length <= 50 || 'meter-number:v8n_too_long',
+            ({ authentication_key: v }) => !v || v.length <= 50 || 'authentication-key:v8n_too_long',
+            ({ custom_code: v }) => !v || getKbSize(v) <= 64 || 'custom-code:v8n_too_long',
+            form => {
+                var _a, _b;
+                if (((_b = (_a = form._embedded) === null || _a === void 0 ? void 0 : _a['fx:shipping_method']) === null || _b === void 0 ? void 0 : _b.code) === 'CUSTOM-ENDPOINT-POST') {
+                    return (form.accountid && isURL(form.accountid)) || 'endpoint:v8n_required';
+                }
+                else {
+                    return true;
+                }
+            },
+            form => {
+                var _a, _b;
+                const url = form.shipping_container_uri;
+                const code = (_b = (_a = form._embedded) === null || _a === void 0 ? void 0 : _a['fx:shipping_method']) === null || _b === void 0 ? void 0 : _b.code;
+                const codes = ['USPS', 'FedEx', 'UPS'];
+                if (code && codes.includes(code)) {
+                    return (url && isURL(url)) || 'shipping-container-uri:v8n_required';
+                }
+                else {
+                    return true;
+                }
+            },
+            form => {
+                var _a, _b;
+                const url = form.shipping_drop_type_uri;
+                const code = (_b = (_a = form._embedded) === null || _a === void 0 ? void 0 : _a['fx:shipping_method']) === null || _b === void 0 ? void 0 : _b.code;
+                const codes = ['FedEx', 'UPS'];
+                if (code && codes.includes(code)) {
+                    return (url && isURL(url)) || 'shipping-drop-type-uri:v8n_required';
+                }
+                else {
+                    return true;
+                }
+            },
+        ];
+    }
+    get hiddenSelector() {
+        var _a;
+        const code = (_a = this.form._embedded) === null || _a === void 0 ? void 0 : _a['fx:shipping_method'].code;
+        if (!code)
+            return new BooleanSelector('not=shipping-method-uri,timestamps,create,delete');
+        const orgControls = ['shipping-container-uri', 'shipping-drop-type-uri', 'destinations'];
+        const authControls = ['authentication-key', 'meter-number', 'accountid', 'password'];
+        const codeToControls = {
+            'CUSTOM-ENDPOINT-POST': ['endpoint'],
+            'CUSTOM-CODE': ['custom-code'],
+            'CUSTOM': ['destinations', 'services'],
+            'FedEx': [...orgControls, ...authControls, 'services'],
+            'USPS': [...orgControls, 'services'],
+            'UPS': [...orgControls, ...authControls, 'services'],
+        };
+        if (codeToControls[code]) {
+            const controls = codeToControls[code];
+            const set = ['shipping-method-uri', ...controls, 'timestamps', 'delete', 'create'];
+            return new BooleanSelector(`not=${set.join()} ${super.hiddenSelector}`);
+        }
+        else {
+            return super.hiddenSelector;
+        }
+    }
+    renderBody() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const method = (_a = this.form._embedded) === null || _a === void 0 ? void 0 : _a['fx:shipping_method'];
+        return html `
+      ${['method', 'container', 'drop_type'].map(tgt => {
+            var _a;
+            const curie = `fx:shipping_${tgt}`;
+            const prop = `shipping_${tgt}_uri`;
+            if (((_a = this.form._embedded) === null || _a === void 0 ? void 0 : _a[curie]) || !this.form[prop])
+                return;
+            return html `
+          <foxy-nucleon
+            class="hidden"
+            infer=""
+            href=${this.form[prop]}
+            @update=${(evt) => {
+                const loader = evt.currentTarget;
+                const data = loader.data;
+                if (data) {
+                    const newEmbeds = { ...this.form._embedded, [curie]: data };
+                    this.edit({ _embedded: newEmbeds });
+                }
+            }}
+          >
+          </foxy-nucleon>
+        `;
+        })}
+
+      <foxy-internal-async-combo-box-control
+        item-value-path="_links.self.href"
+        item-label-path="name"
+        first=${ifDefined((_b = this.shippingMethods) !== null && _b !== void 0 ? _b : (_c = this.form._links) === null || _c === void 0 ? void 0 : _c['fx:shipping_methods'].href)}
+        infer="shipping-method-uri"
+        .selectedItem=${(_e = (_d = this.form._embedded) === null || _d === void 0 ? void 0 : _d['fx:shipping_method']) !== null && _e !== void 0 ? _e : null}
+        @selected-item-changed=${(evt) => {
+            var _a, _b;
+            const { selectedItem } = evt.currentTarget;
+            const newEmbeds = { 'fx:shipping_method': selectedItem };
+            this.edit({
+                _embedded: newEmbeds,
+                shipping_container_uri: '',
+                shipping_drop_type_uri: '',
+                shipping_method_uri: (_b = (_a = selectedItem) === null || _a === void 0 ? void 0 : _a._links.self.href) !== null && _b !== void 0 ? _b : '',
+            });
+        }}
+      >
+      </foxy-internal-async-combo-box-control>
+
+      <foxy-internal-async-combo-box-control
+        item-value-path="_links.self.href"
+        item-label-path="name"
+        first=${ifDefined(method === null || method === void 0 ? void 0 : method._links['fx:shipping_containers'].href)}
+        infer="shipping-container-uri"
+        .selectedItem=${(_g = (_f = this.form._embedded) === null || _f === void 0 ? void 0 : _f['fx:shipping_container']) !== null && _g !== void 0 ? _g : null}
+        @selected-item-changed=${(evt) => {
+            var _a, _b;
+            const { selectedItem } = evt.currentTarget;
+            const newEmbeds = { ...this.form._embedded, 'fx:shipping_container': selectedItem };
+            this.edit({
+                shipping_container_uri: (_b = (_a = selectedItem) === null || _a === void 0 ? void 0 : _a._links.self.href) !== null && _b !== void 0 ? _b : '',
+                _embedded: newEmbeds,
+            });
+        }}
+      >
+      </foxy-internal-async-combo-box-control>
+
+      <foxy-internal-async-combo-box-control
+        item-value-path="_links.self.href"
+        item-label-path="name"
+        first=${ifDefined(method === null || method === void 0 ? void 0 : method._links['fx:shipping_drop_types'].href)}
+        infer="shipping-drop-type-uri"
+        .selectedItem=${(_j = (_h = this.form._embedded) === null || _h === void 0 ? void 0 : _h['fx:shipping_drop_type']) !== null && _j !== void 0 ? _j : null}
+        @selected-item-changed=${(evt) => {
+            var _a, _b;
+            const { selectedItem } = evt.currentTarget;
+            const newEmbeds = { ...this.form._embedded, 'fx:shipping_drop_type': selectedItem };
+            this.edit({
+                shipping_drop_type_uri: (_b = (_a = selectedItem) === null || _a === void 0 ? void 0 : _a._links.self.href) !== null && _b !== void 0 ? _b : '',
+                _embedded: newEmbeds,
+            });
+        }}
+      >
+      </foxy-internal-async-combo-box-control>
+
+      <foxy-internal-checkbox-group-control
+        infer="destinations"
+        .getValue=${this.__getDestinations}
+        .setValue=${this.__setDestinations}
+        .options=${this.__destinations}
+      >
+      </foxy-internal-checkbox-group-control>
+
+      <foxy-internal-text-control infer="authentication-key"></foxy-internal-text-control>
+      <foxy-internal-text-control infer="meter-number"></foxy-internal-text-control>
+
+      ${(method === null || method === void 0 ? void 0 : method.code) === 'CUSTOM-ENDPOINT-POST'
+            ? html `
+            <foxy-internal-text-control infer="endpoint" property="accountid">
+            </foxy-internal-text-control>
+          `
+            : html `<foxy-internal-text-control infer="accountid"></foxy-internal-text-control>`}
+
+      <foxy-internal-password-control infer="password"></foxy-internal-password-control>
+      <foxy-internal-text-area-control infer="custom-code"></foxy-internal-text-area-control>
+
+      <foxy-internal-store-shipping-method-form-services-control infer="services">
+      </foxy-internal-store-shipping-method-form-services-control>
+
+      ${super.renderBody()}
+    `;
+    }
+}
+//# sourceMappingURL=StoreShippingMethodForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StoreShippingMethodForm.js","sourceRoot":"","sources":["../../../../src/elements/public/StoreShippingMethodForm/StoreShippingMethodForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { InternalAsyncComboBoxControl } from '../../internal/InternalAsyncComboBoxControl/InternalAsyncComboBoxControl';\nimport type { Templates, Data } from './types';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\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 } from 'lit-html';\n\nconst NS = 'store-shipping-method-form';\nconst Base = TranslatableMixin(InternalForm, NS);\nconst getKbSize = (value: string) => new Blob([value]).size / 1024;\nconst isURL = (value: string) => {\n  try {\n    new URL(value);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Form element for creating and editing store shipping methods (`fx:store_shipping_method`).\n *\n * @slot shipping-method-uri:before\n * @slot shipping-method-uri:after\n *\n * @slot shipping-container-uri:before\n * @slot shipping-container-uri:after\n *\n * @slot shipping-drop-type-uri:before\n * @slot shipping-drop-type-uri:after\n *\n * @slot destinations:before\n * @slot destinations:after\n *\n * @slot authentication-key:before\n * @slot authentication-key:after\n *\n * @slot meter-number:before\n * @slot meter-number:after\n *\n * @slot endpoint:before\n * @slot endpoint:after\n *\n * @slot accountid:before\n * @slot accountid:after\n *\n * @slot password:before\n * @slot password:after\n *\n * @slot custom-code:before\n * @slot custom-code:after\n *\n * @slot services:before\n * @slot services:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @element foxy-store-shipping-method-form\n * @since 1.21.0\n */\nexport class StoreShippingMethodForm extends Base<Data> {\n  static get properties(): typeof Base['properties'] {\n    return {\n      ...super.properties,\n      shippingMethods: { attribute: 'shipping-methods' },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ shipping_method_uri: v }) => (v && isURL(v)) || 'shipping-method-uri:v8n_required',\n      ({ accountid: v }) => !v || v.length <= 50 || 'accountid:v8n_too_long',\n      ({ password: v }) => !v || v.length <= 50 || 'password:v8n_too_long',\n      ({ meter_number: v }) => !v || v.length <= 50 || 'meter-number:v8n_too_long',\n      ({ authentication_key: v }) => !v || v.length <= 50 || 'authentication-key:v8n_too_long',\n      ({ custom_code: v }) => !v || getKbSize(v) <= 64 || 'custom-code:v8n_too_long',\n\n      form => {\n        if (form._embedded?.['fx:shipping_method']?.code === 'CUSTOM-ENDPOINT-POST') {\n          return (form.accountid && isURL(form.accountid)) || 'endpoint:v8n_required';\n        } else {\n          return true;\n        }\n      },\n\n      form => {\n        const url = form.shipping_container_uri;\n        const code = form._embedded?.['fx:shipping_method']?.code;\n        const codes = ['USPS', 'FedEx', 'UPS'];\n\n        if (code && codes.includes(code)) {\n          return (url && isURL(url)) || 'shipping-container-uri:v8n_required';\n        } else {\n          return true;\n        }\n      },\n\n      form => {\n        const url = form.shipping_drop_type_uri;\n        const code = form._embedded?.['fx:shipping_method']?.code;\n        const codes = ['FedEx', 'UPS'];\n\n        if (code && codes.includes(code)) {\n          return (url && isURL(url)) || 'shipping-drop-type-uri:v8n_required';\n        } else {\n          return true;\n        }\n      },\n    ];\n  }\n\n  /** URL of the `fx:shipping_methods` property helper. */\n  shippingMethods: string | null = null;\n\n  /** Template render functions mapped to their name. */\n  templates: Templates = {};\n\n  private __destinations = [\n    { value: 'domestic', label: 'domestic' },\n    { value: 'international', label: 'international' },\n  ];\n\n  private __getDestinations = () => {\n    const value: string[] = [];\n    if (this.form.use_for_domestic) value.push('domestic');\n    if (this.form.use_for_international) value.push('international');\n    return value;\n  };\n\n  private __setDestinations = (newValue: string[]) => {\n    this.edit({\n      use_for_domestic: newValue.includes('domestic'),\n      use_for_international: newValue.includes('international'),\n    });\n  };\n\n  get hiddenSelector(): BooleanSelector {\n    const code = this.form._embedded?.['fx:shipping_method'].code;\n    if (!code) return new BooleanSelector('not=shipping-method-uri,timestamps,create,delete');\n\n    const orgControls = ['shipping-container-uri', 'shipping-drop-type-uri', 'destinations'];\n    const authControls = ['authentication-key', 'meter-number', 'accountid', 'password'];\n    const codeToControls: Record<string, string[]> = {\n      'CUSTOM-ENDPOINT-POST': ['endpoint'],\n      'CUSTOM-CODE': ['custom-code'],\n      'CUSTOM': ['destinations', 'services'],\n      'FedEx': [...orgControls, ...authControls, 'services'],\n      'USPS': [...orgControls, 'services'],\n      'UPS': [...orgControls, ...authControls, 'services'],\n    };\n\n    if (codeToControls[code]) {\n      const controls = codeToControls[code];\n      const set = ['shipping-method-uri', ...controls, 'timestamps', 'delete', 'create'];\n      return new BooleanSelector(`not=${set.join()} ${super.hiddenSelector}`);\n    } else {\n      return super.hiddenSelector;\n    }\n  }\n\n  renderBody(): TemplateResult {\n    const method = this.form._embedded?.['fx:shipping_method'];\n\n    return html`\n      ${['method', 'container', 'drop_type'].map(tgt => {\n        const curie = `fx:shipping_${tgt}` as keyof Data['_embedded'];\n        const prop = `shipping_${tgt}_uri` as keyof Data;\n\n        if (this.form._embedded?.[curie] || !this.form[prop]) return;\n\n        return html`\n          <foxy-nucleon\n            class=\"hidden\"\n            infer=\"\"\n            href=${this.form[prop]}\n            @update=${(evt: CustomEvent) => {\n              const loader = evt.currentTarget as NucleonElement<any>;\n              const data = loader.data;\n\n              if (data) {\n                const newEmbeds = { ...this.form._embedded, [curie]: data };\n                this.edit({ _embedded: newEmbeds as Data['_embedded'] });\n              }\n            }}\n          >\n          </foxy-nucleon>\n        `;\n      })}\n\n      <foxy-internal-async-combo-box-control\n        item-value-path=\"_links.self.href\"\n        item-label-path=\"name\"\n        first=${ifDefined(this.shippingMethods ?? this.form._links?.['fx:shipping_methods'].href)}\n        infer=\"shipping-method-uri\"\n        .selectedItem=${this.form._embedded?.['fx:shipping_method'] ?? null}\n        @selected-item-changed=${(evt: CustomEvent) => {\n          const { selectedItem } = evt.currentTarget as InternalAsyncComboBoxControl;\n          const newEmbeds = { 'fx:shipping_method': selectedItem };\n          type ShippingMethod = Data['_embedded']['fx:shipping_method'];\n\n          this.edit({\n            _embedded: newEmbeds as Data['_embedded'],\n            shipping_container_uri: '',\n            shipping_drop_type_uri: '',\n            shipping_method_uri: (selectedItem as ShippingMethod)?._links.self.href ?? '',\n          });\n        }}\n      >\n      </foxy-internal-async-combo-box-control>\n\n      <foxy-internal-async-combo-box-control\n        item-value-path=\"_links.self.href\"\n        item-label-path=\"name\"\n        first=${ifDefined(method?._links['fx:shipping_containers'].href)}\n        infer=\"shipping-container-uri\"\n        .selectedItem=${this.form._embedded?.['fx:shipping_container'] ?? null}\n        @selected-item-changed=${(evt: CustomEvent) => {\n          const { selectedItem } = evt.currentTarget as InternalAsyncComboBoxControl;\n          const newEmbeds = { ...this.form._embedded, 'fx:shipping_container': selectedItem };\n          type ShippingContainer = Data['_embedded']['fx:shipping_container'];\n\n          this.edit({\n            shipping_container_uri: (selectedItem as ShippingContainer)?._links.self.href ?? '',\n            _embedded: newEmbeds as Data['_embedded'],\n          });\n        }}\n      >\n      </foxy-internal-async-combo-box-control>\n\n      <foxy-internal-async-combo-box-control\n        item-value-path=\"_links.self.href\"\n        item-label-path=\"name\"\n        first=${ifDefined(method?._links['fx:shipping_drop_types'].href)}\n        infer=\"shipping-drop-type-uri\"\n        .selectedItem=${this.form._embedded?.['fx:shipping_drop_type'] ?? null}\n        @selected-item-changed=${(evt: CustomEvent) => {\n          const { selectedItem } = evt.currentTarget as InternalAsyncComboBoxControl;\n          const newEmbeds = { ...this.form._embedded, 'fx:shipping_drop_type': selectedItem };\n          type DropType = Data['_embedded']['fx:shipping_drop_type'];\n\n          this.edit({\n            shipping_drop_type_uri: (selectedItem as DropType)?._links.self.href ?? '',\n            _embedded: newEmbeds as Data['_embedded'],\n          });\n        }}\n      >\n      </foxy-internal-async-combo-box-control>\n\n      <foxy-internal-checkbox-group-control\n        infer=\"destinations\"\n        .getValue=${this.__getDestinations}\n        .setValue=${this.__setDestinations}\n        .options=${this.__destinations}\n      >\n      </foxy-internal-checkbox-group-control>\n\n      <foxy-internal-text-control infer=\"authentication-key\"></foxy-internal-text-control>\n      <foxy-internal-text-control infer=\"meter-number\"></foxy-internal-text-control>\n\n      ${method?.code === 'CUSTOM-ENDPOINT-POST'\n        ? html`\n            <foxy-internal-text-control infer=\"endpoint\" property=\"accountid\">\n            </foxy-internal-text-control>\n          `\n        : html`<foxy-internal-text-control infer=\"accountid\"></foxy-internal-text-control>`}\n\n      <foxy-internal-password-control infer=\"password\"></foxy-internal-password-control>\n      <foxy-internal-text-area-control infer=\"custom-code\"></foxy-internal-text-area-control>\n\n      <foxy-internal-store-shipping-method-form-services-control infer=\"services\">\n      </foxy-internal-store-shipping-method-form-services-control>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,10 @@
+import '../../internal/InternalAsyncComboBoxControl/index';
+import '../../internal/InternalCheckboxGroupControl/index';
+import '../../internal/InternalTextAreaControl/index';
+import '../../internal/InternalPasswordControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import '../NucleonElement/index';
+import './internal/InternalStoreShippingMethodFormServicesControl/index';
+import { StoreShippingMethodForm } from './StoreShippingMethodForm';
+export { StoreShippingMethodForm };

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

@@ -0,0 +1,12 @@
+import "../../internal/InternalAsyncComboBoxControl/index.js";
+import "../../internal/InternalCheckboxGroupControl/index.js";
+import "../../internal/InternalTextAreaControl/index.js";
+import "../../internal/InternalPasswordControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "../NucleonElement/index.js";
+import "./internal/InternalStoreShippingMethodFormServicesControl/index.js";
+import { StoreShippingMethodForm } from "./StoreShippingMethodForm.js";
+customElements.define('foxy-store-shipping-method-form', StoreShippingMethodForm);
+export { StoreShippingMethodForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/StoreShippingMethodForm/index.ts"],"names":[],"mappings":"AAAA,8DAA2D;AAC3D,8DAA2D;AAC3D,yDAAsD;AACtD,yDAAsD;AACtD,qDAAkD;AAClD,8CAA2C;AAE3C,oCAAiC;AAEjC,4EAAyE;AAEzE,OAAO,EAAE,uBAAuB,EAAE,qCAAkC;AAEpE,cAAc,CAAC,MAAM,CAAC,iCAAiC,EAAE,uBAAuB,CAAC,CAAC;AAElF,OAAO,EAAE,uBAAuB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalAsyncComboBoxControl/index';\nimport '../../internal/InternalCheckboxGroupControl/index';\nimport '../../internal/InternalTextAreaControl/index';\nimport '../../internal/InternalPasswordControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../NucleonElement/index';\n\nimport './internal/InternalStoreShippingMethodFormServicesControl/index';\n\nimport { StoreShippingMethodForm } from './StoreShippingMethodForm';\n\ncustomElements.define('foxy-store-shipping-method-form', StoreShippingMethodForm);\n\nexport { StoreShippingMethodForm };\n"]}

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesControl/InternalStoreShippingMethodFormServicesControl.d.ts

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

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesControl/InternalStoreShippingMethodFormServicesControl.js

@@ -0,0 +1,33 @@
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { html } from 'lit-html';
+export class InternalStoreShippingMethodFormServicesControl extends InternalControl {
+    renderControl() {
+        var _a, _b;
+        const data = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data;
+        const form = (_b = this.nucleon) === null || _b === void 0 ? void 0 : _b.form;
+        if (!data)
+            return html ``;
+        const firstURL = new URL(data._links['fx:shipping_services'].href);
+        firstURL.searchParams.set('limit', '10');
+        return html `
+      <foxy-pagination first=${firstURL.toString()} infer="">
+        <foxy-i18n
+          class="block text-s font-medium text-secondary leading-none mb-s"
+          infer=""
+          key="label"
+        >
+        </foxy-i18n>
+
+        <foxy-internal-store-shipping-method-form-services-page
+          store-shipping-services-uri=${data._links['fx:store_shipping_services'].href}
+          shipping-method-uri=${data._links['fx:shipping_method'].href}
+          class="border border-contrast-10 rounded mb-s"
+          infer=""
+          ?international-allowed=${!!form.use_for_international}
+        >
+        </foxy-internal-store-shipping-method-form-services-page>
+      </foxy-pagination>
+    `;
+    }
+}
+//# sourceMappingURL=InternalStoreShippingMethodFormServicesControl.js.map

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesControl/InternalStoreShippingMethodFormServicesControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalStoreShippingMethodFormServicesControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesControl/InternalStoreShippingMethodFormServicesControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,8CAA+C,SAAQ,eAAe;IACjF,aAAa;;QACX,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAY,CAAC;QACxC,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAqB,CAAC;QAEjD,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAA,EAAE,CAAC;QAEzB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,CAAC;QACnE,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAEzC,OAAO,IAAI,CAAA;+BACgB,QAAQ,CAAC,QAAQ,EAAE;;;;;;;;;wCASV,IAAI,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAC,IAAI;gCACtD,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,IAAI;;;mCAGnC,CAAC,CAAC,IAAI,CAAC,qBAAqB;;;;KAI1D,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from '../../types';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { html } from 'lit-html';\n\nexport class InternalStoreShippingMethodFormServicesControl extends InternalControl {\n  renderControl(): TemplateResult {\n    const data = this.nucleon?.data as Data;\n    const form = this.nucleon?.form as Partial<Data>;\n\n    if (!data) return html``;\n\n    const firstURL = new URL(data._links['fx:shipping_services'].href);\n    firstURL.searchParams.set('limit', '10');\n\n    return html`\n      <foxy-pagination first=${firstURL.toString()} infer=\"\">\n        <foxy-i18n\n          class=\"block text-s font-medium text-secondary leading-none mb-s\"\n          infer=\"\"\n          key=\"label\"\n        >\n        </foxy-i18n>\n\n        <foxy-internal-store-shipping-method-form-services-page\n          store-shipping-services-uri=${data._links['fx:store_shipping_services'].href}\n          shipping-method-uri=${data._links['fx:shipping_method'].href}\n          class=\"border border-contrast-10 rounded mb-s\"\n          infer=\"\"\n          ?international-allowed=${!!form.use_for_international}\n        >\n        </foxy-internal-store-shipping-method-form-services-page>\n      </foxy-pagination>\n    `;\n  }\n}\n"]}

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesControl/index.d.ts

@@ -0,0 +1,6 @@
+import '../../../../internal/InternalControl/index';
+import '../../../Pagination/index';
+import '../../../I18n/index';
+import '../InternalStoreShippingMethodFormServicesPage/index';
+import { InternalStoreShippingMethodFormServicesControl } from './InternalStoreShippingMethodFormServicesControl';
+export { InternalStoreShippingMethodFormServicesControl };

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesControl/index.js

@@ -0,0 +1,8 @@
+import "../../../../internal/InternalControl/index.js";
+import "../../../Pagination/index.js";
+import "../../../I18n/index.js";
+import "../InternalStoreShippingMethodFormServicesPage/index.js";
+import { InternalStoreShippingMethodFormServicesControl } from "./InternalStoreShippingMethodFormServicesControl.js";
+customElements.define('foxy-internal-store-shipping-method-form-services-control', InternalStoreShippingMethodFormServicesControl);
+export { InternalStoreShippingMethodFormServicesControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesControl/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AAEpD,sCAAmC;AACnC,gCAA6B;AAE7B,iEAA8D;AAE9D,OAAO,EAAE,8CAA8C,EAAE,4DAAyD;AAElH,cAAc,CAAC,MAAM,CACnB,2DAA2D,EAC3D,8CAA8C,CAC/C,CAAC;AAEF,OAAO,EAAE,8CAA8C,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalControl/index';\n\nimport '../../../Pagination/index';\nimport '../../../I18n/index';\n\nimport '../InternalStoreShippingMethodFormServicesPage/index';\n\nimport { InternalStoreShippingMethodFormServicesControl } from './InternalStoreShippingMethodFormServicesControl';\n\ncustomElements.define(\n  'foxy-internal-store-shipping-method-form-services-control',\n  InternalStoreShippingMethodFormServicesControl\n);\n\nexport { InternalStoreShippingMethodFormServicesControl };\n"]}

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPage/InternalStoreShippingMethodFormServicesPage.d.ts

@@ -0,0 +1,19 @@
+import type { PropertyDeclarations } from 'lit-element';
+import type { TemplateResult } from 'lit-html';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+import { NucleonElement } from '../../../NucleonElement/NucleonElement';
+declare type Data = Resource<Rels.ShippingServices>;
+declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+} & {
+    styles: import("lit-element").CSSResultArray;
+} & import("lit-element").Constructor<import("../../../../../mixins/configurable").ConfigurableMixinHost>;
+export declare class InternalStoreShippingMethodFormServicesPage extends Base<Data> {
+    static get properties(): PropertyDeclarations;
+    storeShippingServicesUri: string | null;
+    internationalAllowed: boolean;
+    shippingMethodUri: string | null;
+    render(): TemplateResult;
+}
+export {};

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPage/InternalStoreShippingMethodFormServicesPage.js

@@ -0,0 +1,96 @@
+import { ConfigurableMixin } from "../../../../../mixins/configurable.js";
+import { TranslatableMixin } from "../../../../../mixins/translatable.js";
+import { ThemeableMixin } from "../../../../../mixins/themeable.js";
+import { NucleonElement } from "../../../NucleonElement/NucleonElement.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { classMap } from "../../../../../utils/class-map.js";
+import { html } from 'lit-html';
+const Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement)));
+export class InternalStoreShippingMethodFormServicesPage extends Base {
+    constructor() {
+        super(...arguments);
+        this.storeShippingServicesUri = null;
+        this.internationalAllowed = false;
+        this.shippingMethodUri = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            storeShippingServicesUri: { attribute: 'store-shipping-services-uri' },
+            internationalAllowed: { type: Boolean, attribute: 'international-allowed' },
+            shippingMethodUri: { attribute: 'shipping-method-uri' },
+        };
+    }
+    render() {
+        var _a, _b, _c;
+        const services = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._embedded['fx:shipping_services']) !== null && _b !== void 0 ? _b : [];
+        let limit = 20;
+        try {
+            const limitFromHref = parseInt((_c = new URL(this.href).searchParams.get('limit')) !== null && _c !== void 0 ? _c : '');
+            if (!isNaN(limitFromHref))
+                limit = limitFromHref;
+        }
+        catch (_d) {
+            // invalid URL, use the default
+        }
+        return html `
+      <div class="relative">
+        <div class="relative divide-y divide-contrast-10 ml-m">
+          ${new Array(limit).fill(0).map((_, index) => {
+            var _a, _b;
+            const service = services[index];
+            let href = undefined;
+            if (service) {
+                try {
+                    const storeShippingServiceURL = new URL((_a = this.storeShippingServicesUri) !== null && _a !== void 0 ? _a : '');
+                    const shippingServiceURL = new URL(service._links.self.href);
+                    const shippingServiceID = shippingServiceURL.pathname.split('/').pop();
+                    storeShippingServiceURL.searchParams.set('shipping_service_id', shippingServiceID);
+                    storeShippingServiceURL.searchParams.set('limit', '1');
+                    href = storeShippingServiceURL.toString();
+                }
+                catch (_c) {
+                    // invalid URL, ignore
+                }
+            }
+            if (!href)
+                return html `<div class="h-l"></div>`;
+            return html `
+              <foxy-internal-store-shipping-method-form-services-page-item
+                shipping-service-uri=${service._links.self.href}
+                shipping-method-uri=${ifDefined((_b = this.shippingMethodUri) !== null && _b !== void 0 ? _b : void 0)}
+                data-testclass="item"
+                class="h-l truncate"
+                infer=""
+                href=${href}
+                ?international-allowed=${this.internationalAllowed}
+              >
+                ${service === null || service === void 0 ? void 0 : service.name}
+                ${service.is_international
+                ? html `<foxy-i18n infer="" slot="suffix" key="international_only"></foxy-i18n>`
+                : ''}
+              </foxy-internal-store-shipping-method-form-services-page-item>
+            `;
+        })}
+        </div>
+
+        <div
+          data-testid="spinner"
+          class=${classMap({
+            'pointer-events-none absolute inset-0 flex transition-opacity': true,
+            'opacity-0': !!this.data,
+        })}
+        >
+          <foxy-spinner
+            layout="vertical"
+            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}
+            class="m-auto p-m bg-base rounded-t-l rounded-b-l shadow-xs"
+            infer=""
+          >
+          </foxy-spinner>
+        </div>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=InternalStoreShippingMethodFormServicesPage.js.map

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPage/InternalStoreShippingMethodFormServicesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalStoreShippingMethodFormServicesPage.js","sourceRoot":"","sources":["../../../../../../src/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPage/InternalStoreShippingMethodFormServicesPage.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,8CAA2C;AACvE,OAAO,EAAE,iBAAiB,EAAE,8CAA2C;AACvE,OAAO,EAAE,cAAc,EAAE,2CAAwC;AACjE,OAAO,EAAE,cAAc,EAAE,kDAA+C;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,0CAAuC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhC,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;AAElF,MAAM,OAAO,2CAA4C,SAAQ,IAAU;IAA3E;;QAUE,6BAAwB,GAAkB,IAAI,CAAC;QAE/C,yBAAoB,GAAG,KAAK,CAAC;QAE7B,sBAAiB,GAAkB,IAAI,CAAC;IA0E1C,CAAC;IAvFC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,wBAAwB,EAAE,EAAE,SAAS,EAAE,6BAA6B,EAAE;YACtE,oBAAoB,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE;YAC3E,iBAAiB,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE;SACxD,CAAC;IACJ,CAAC;IAQD,MAAM;;QACJ,MAAM,QAAQ,eAAG,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC,sBAAsB,oCAAK,EAAE,CAAC;QACpE,IAAI,KAAK,GAAG,EAAE,CAAC;QAEf,IAAI;YACF,MAAM,aAAa,GAAG,QAAQ,OAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,mCAAI,EAAE,CAAC,CAAC;YACnF,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;gBAAE,KAAK,GAAG,aAAa,CAAC;SAClD;QAAC,WAAM;YACN,+BAA+B;SAChC;QAED,OAAO,IAAI,CAAA;;;YAGH,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;;YAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChC,IAAI,IAAI,GAAuB,SAAS,CAAC;YAEzC,IAAI,OAAO,EAAE;gBACX,IAAI;oBACF,MAAM,uBAAuB,GAAG,IAAI,GAAG,OAAC,IAAI,CAAC,wBAAwB,mCAAI,EAAE,CAAC,CAAC;oBAC7E,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBAC7D,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAY,CAAC;oBAEjF,uBAAuB,CAAC,YAAY,CAAC,GAAG,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,CAAC;oBACnF,uBAAuB,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;oBAEvD,IAAI,GAAG,uBAAuB,CAAC,QAAQ,EAAE,CAAC;iBAC3C;gBAAC,WAAM;oBACN,sBAAsB;iBACvB;aACF;YAED,IAAI,CAAC,IAAI;gBAAE,OAAO,IAAI,CAAA,yBAAyB,CAAC;YAEhD,OAAO,IAAI,CAAA;;uCAEgB,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI;sCACzB,SAAS,OAAC,IAAI,CAAC,iBAAiB,mCAAI,KAAK,CAAC,CAAC;;;;uBAI1D,IAAI;yCACc,IAAI,CAAC,oBAAoB;;kBAEhD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI;kBACb,OAAO,CAAC,gBAAgB;gBACxB,CAAC,CAAC,IAAI,CAAA,yEAAyE;gBAC/E,CAAC,CAAC,EAAE;;aAET,CAAC;QACJ,CAAC,CAAC;;;;;kBAKM,QAAQ,CAAC;YACf,8DAA8D,EAAE,IAAI;YACpE,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SACzB,CAAC;;;;oBAIQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;;;;;;KAO3F,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { ConfigurableMixin } from '../../../../../mixins/configurable';\nimport { TranslatableMixin } from '../../../../../mixins/translatable';\nimport { ThemeableMixin } from '../../../../../mixins/themeable';\nimport { NucleonElement } from '../../../NucleonElement/NucleonElement';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../../../utils/class-map';\nimport { html } from 'lit-html';\n\ntype Data = Resource<Rels.ShippingServices>;\nconst Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement)));\n\nexport class InternalStoreShippingMethodFormServicesPage extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      storeShippingServicesUri: { attribute: 'store-shipping-services-uri' },\n      internationalAllowed: { type: Boolean, attribute: 'international-allowed' },\n      shippingMethodUri: { attribute: 'shipping-method-uri' },\n    };\n  }\n\n  storeShippingServicesUri: string | null = null;\n\n  internationalAllowed = false;\n\n  shippingMethodUri: string | null = null;\n\n  render(): TemplateResult {\n    const services = this.data?._embedded['fx:shipping_services'] ?? [];\n    let limit = 20;\n\n    try {\n      const limitFromHref = parseInt(new URL(this.href).searchParams.get('limit') ?? '');\n      if (!isNaN(limitFromHref)) limit = limitFromHref;\n    } catch {\n      // invalid URL, use the default\n    }\n\n    return html`\n      <div class=\"relative\">\n        <div class=\"relative divide-y divide-contrast-10 ml-m\">\n          ${new Array(limit).fill(0).map((_, index) => {\n            const service = services[index];\n            let href: string | undefined = undefined;\n\n            if (service) {\n              try {\n                const storeShippingServiceURL = new URL(this.storeShippingServicesUri ?? '');\n                const shippingServiceURL = new URL(service._links.self.href);\n                const shippingServiceID = shippingServiceURL.pathname.split('/').pop() as string;\n\n                storeShippingServiceURL.searchParams.set('shipping_service_id', shippingServiceID);\n                storeShippingServiceURL.searchParams.set('limit', '1');\n\n                href = storeShippingServiceURL.toString();\n              } catch {\n                // invalid URL, ignore\n              }\n            }\n\n            if (!href) return html`<div class=\"h-l\"></div>`;\n\n            return html`\n              <foxy-internal-store-shipping-method-form-services-page-item\n                shipping-service-uri=${service._links.self.href}\n                shipping-method-uri=${ifDefined(this.shippingMethodUri ?? void 0)}\n                data-testclass=\"item\"\n                class=\"h-l truncate\"\n                infer=\"\"\n                href=${href}\n                ?international-allowed=${this.internationalAllowed}\n              >\n                ${service?.name}\n                ${service.is_international\n                  ? html`<foxy-i18n infer=\"\" slot=\"suffix\" key=\"international_only\"></foxy-i18n>`\n                  : ''}\n              </foxy-internal-store-shipping-method-form-services-page-item>\n            `;\n          })}\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'pointer-events-none absolute inset-0 flex transition-opacity': true,\n            'opacity-0': !!this.data,\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            class=\"m-auto p-m bg-base rounded-t-l rounded-b-l shadow-xs\"\n            infer=\"\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPage/index.d.ts

@@ -0,0 +1,5 @@
+import '../../../Spinner/index';
+import '../../../I18n/index';
+import '../InternalStoreShippingMethodFormServicesPageItem/index';
+import { InternalStoreShippingMethodFormServicesPage } from './InternalStoreShippingMethodFormServicesPage';
+export { InternalStoreShippingMethodFormServicesPage };

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPage/index.js

@@ -0,0 +1,7 @@
+import "../../../Spinner/index.js";
+import "../../../I18n/index.js";
+import "../InternalStoreShippingMethodFormServicesPageItem/index.js";
+import { InternalStoreShippingMethodFormServicesPage } from "./InternalStoreShippingMethodFormServicesPage.js";
+customElements.define('foxy-internal-store-shipping-method-form-services-page', InternalStoreShippingMethodFormServicesPage);
+export { InternalStoreShippingMethodFormServicesPage };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPage/index.ts"],"names":[],"mappings":"AAAA,mCAAgC;AAChC,gCAA6B;AAE7B,qEAAkE;AAElE,OAAO,EAAE,2CAA2C,EAAE,yDAAsD;AAE5G,cAAc,CAAC,MAAM,CACnB,wDAAwD,EACxD,2CAA2C,CAC5C,CAAC;AAEF,OAAO,EAAE,2CAA2C,EAAE,CAAC","sourcesContent":["import '../../../Spinner/index';\nimport '../../../I18n/index';\n\nimport '../InternalStoreShippingMethodFormServicesPageItem/index';\n\nimport { InternalStoreShippingMethodFormServicesPage } from './InternalStoreShippingMethodFormServicesPage';\n\ncustomElements.define(\n  'foxy-internal-store-shipping-method-form-services-page',\n  InternalStoreShippingMethodFormServicesPage\n);\n\nexport { InternalStoreShippingMethodFormServicesPage };\n"]}

package/dist/elements/public/StoreShippingMethodForm/internal/InternalStoreShippingMethodFormServicesPageItem/InternalStoreShippingMethodFormServicesPageItem.d.ts

@@ -0,0 +1,17 @@
+import type { PropertyDeclarations } from 'lit-element';
+import type { TemplateResult } from 'lit-html';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+import { NucleonElement } from '../../../NucleonElement/NucleonElement';
+declare type Data = Resource<Rels.StoreShippingServices>;
+declare const Base: typeof NucleonElement & {
+    styles: import("lit-element").CSSResultArray;
+} & import("lit-element").Constructor<import("../../../../../mixins/configurable").ConfigurableMixinHost>;
+export declare class InternalStoreShippingMethodFormServicesPageItem extends Base<Data> {
+    static get properties(): PropertyDeclarations;
+    internationalAllowed: boolean;
+    shippingServiceUri: string | null;
+    shippingMethodUri: string | null;
+    render(): TemplateResult;
+}
+export {};