@foxy.io/elements 1.17.0 → 1.18.0-beta.1

package/dist/elements/public/StoreShippingMethodCard/StoreShippingMethodCard.js

@@ -0,0 +1,60 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { html } from 'lit-html';
+const NS = 'store-shipping-method-card';
+const Base = TranslatableMixin(InternalCard, NS);
+/**
+ * A basic card displaying a store shipping method (`fx:store_shipping_method`).
+ *
+ * @element foxy-store-shipping-method-card
+ * @since 1.18.0
+ */
+export class StoreShippingMethodCard extends Base {
+    renderBody() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        return html `
+      <dl class="items-center gap-x-s grid -my-xs" style="grid-template-columns: min-content 1fr">
+        <dt title=${this.t('shipping_method')} class="sr-only">
+          <foxy-i18n infer="" key="shipping_method"></foxy-i18n>
+        </dt>
+
+        <dd class="font-semibold truncate col-span-2">
+          ${(_d = (_c = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._embedded) === null || _b === void 0 ? void 0 : _b['fx:shipping_method']) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : '--'}
+        </dd>
+
+        <dt class="text-secondary" title=${this.t('shipping_container')}>
+          <iron-icon class="icon-inline" icon="maps:zoom-out-map"></iron-icon>
+        </dt>
+
+        <dd class="text-secondary truncate">
+          ${(_h = (_g = (_f = (_e = this.data) === null || _e === void 0 ? void 0 : _e._embedded) === null || _f === void 0 ? void 0 : _f['fx:shipping_container']) === null || _g === void 0 ? void 0 : _g.name) !== null && _h !== void 0 ? _h : '--'}
+        </dd>
+
+        <dt class="text-secondary" title=${this.t('shipping_drop_type')}>
+          <iron-icon class="icon-inline" icon="maps:pin-drop"></iron-icon>
+        </dt>
+
+        <dd class="text-secondary truncate">
+          ${(_m = (_l = (_k = (_j = this.data) === null || _j === void 0 ? void 0 : _j._embedded) === null || _k === void 0 ? void 0 : _k['fx:shipping_drop_type']) === null || _l === void 0 ? void 0 : _l.name) !== null && _m !== void 0 ? _m : '--'}
+        </dd>
+
+        <dt class="text-secondary" title=${this.t('destinations')}>
+          <iron-icon class="icon-inline" icon="maps:map"></iron-icon>
+        </dt>
+
+        <dd class="text-secondary truncate">
+          <foxy-i18n
+            infer=""
+            key=${((_o = this.data) === null || _o === void 0 ? void 0 : _o.use_for_domestic) && ((_p = this.data) === null || _p === void 0 ? void 0 : _p.use_for_international)
+            ? 'destinations_any'
+            : ((_q = this.data) === null || _q === void 0 ? void 0 : _q.use_for_domestic) ? 'destinations_domestic'
+                : ((_r = this.data) === null || _r === void 0 ? void 0 : _r.use_for_international) ? 'destinations_international'
+                    : 'destinations_none'}
+          >
+          </foxy-i18n>
+        </dd>
+      </dl>
+    `;
+    }
+}
+//# sourceMappingURL=StoreShippingMethodCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StoreShippingMethodCard.js","sourceRoot":"","sources":["../../../../src/elements/public/StoreShippingMethodCard/StoreShippingMethodCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,4BAA4B,CAAC;AACxC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,uBAAwB,SAAQ,IAAU;IACrD,UAAU;;QACR,OAAO,IAAI,CAAA;;oBAEK,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC;;;;;YAKjC,wBAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,0CAAG,oBAAoB,2CAAG,IAAI,mCAAI,IAAI;;;2CAG3B,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC;;;;;YAK3D,wBAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,0CAAG,uBAAuB,2CAAG,IAAI,mCAAI,IAAI;;;2CAG9B,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC;;;;;YAK3D,wBAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,0CAAG,uBAAuB,2CAAG,IAAI,mCAAI,IAAI;;;2CAG9B,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC;;;;;;;kBAO/C,OAAA,IAAI,CAAC,IAAI,0CAAE,gBAAgB,YAAI,IAAI,CAAC,IAAI,0CAAE,qBAAqB,CAAA;YACnE,CAAC,CAAC,kBAAkB;YACpB,CAAC,CAAC,OAAA,IAAI,CAAC,IAAI,0CAAE,gBAAgB,EAC7B,CAAC,CAAC,uBAAuB;gBACzB,CAAC,CAAC,OAAA,IAAI,CAAC,IAAI,0CAAE,qBAAqB,EAClC,CAAC,CAAC,4BAA4B;oBAC9B,CAAC,CAAC,mBAAmB;;;;;KAK9B,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { html } from 'lit-html';\n\nconst NS = 'store-shipping-method-card';\nconst Base = TranslatableMixin(InternalCard, NS);\n\n/**\n * A basic card displaying a store shipping method (`fx:store_shipping_method`).\n *\n * @element foxy-store-shipping-method-card\n * @since 1.18.0\n */\nexport class StoreShippingMethodCard extends Base<Data> {\n  renderBody(): TemplateResult {\n    return html`\n      <dl class=\"items-center gap-x-s grid -my-xs\" style=\"grid-template-columns: min-content 1fr\">\n        <dt title=${this.t('shipping_method')} class=\"sr-only\">\n          <foxy-i18n infer=\"\" key=\"shipping_method\"></foxy-i18n>\n        </dt>\n\n        <dd class=\"font-semibold truncate col-span-2\">\n          ${this.data?._embedded?.['fx:shipping_method']?.name ?? '--'}\n        </dd>\n\n        <dt class=\"text-secondary\" title=${this.t('shipping_container')}>\n          <iron-icon class=\"icon-inline\" icon=\"maps:zoom-out-map\"></iron-icon>\n        </dt>\n\n        <dd class=\"text-secondary truncate\">\n          ${this.data?._embedded?.['fx:shipping_container']?.name ?? '--'}\n        </dd>\n\n        <dt class=\"text-secondary\" title=${this.t('shipping_drop_type')}>\n          <iron-icon class=\"icon-inline\" icon=\"maps:pin-drop\"></iron-icon>\n        </dt>\n\n        <dd class=\"text-secondary truncate\">\n          ${this.data?._embedded?.['fx:shipping_drop_type']?.name ?? '--'}\n        </dd>\n\n        <dt class=\"text-secondary\" title=${this.t('destinations')}>\n          <iron-icon class=\"icon-inline\" icon=\"maps:map\"></iron-icon>\n        </dt>\n\n        <dd class=\"text-secondary truncate\">\n          <foxy-i18n\n            infer=\"\"\n            key=${this.data?.use_for_domestic && this.data?.use_for_international\n              ? 'destinations_any'\n              : this.data?.use_for_domestic\n              ? 'destinations_domestic'\n              : this.data?.use_for_international\n              ? 'destinations_international'\n              : 'destinations_none'}\n          >\n          </foxy-i18n>\n        </dd>\n      </dl>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,6 @@
+import '@polymer/iron-icons/maps-icons';
+import '@polymer/iron-icon';
+import '../../internal/InternalCard/index';
+import '../I18n/index';
+import { StoreShippingMethodCard } from './StoreShippingMethodCard';
+export { StoreShippingMethodCard };

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

@@ -0,0 +1,8 @@
+import '@polymer/iron-icons/maps-icons';
+import '@polymer/iron-icon';
+import "../../internal/InternalCard/index.js";
+import "../I18n/index.js";
+import { StoreShippingMethodCard } from "./StoreShippingMethodCard.js";
+customElements.define('foxy-store-shipping-method-card', StoreShippingMethodCard);
+export { StoreShippingMethodCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/StoreShippingMethodCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,gCAAgC,CAAC;AACxC,OAAO,oBAAoB,CAAC;AAE5B,8CAA2C;AAC3C,0BAAuB;AAEvB,OAAO,EAAE,uBAAuB,EAAE,qCAAkC;AAEpE,cAAc,CAAC,MAAM,CAAC,iCAAiC,EAAE,uBAAuB,CAAC,CAAC;AAElF,OAAO,EAAE,uBAAuB,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons/maps-icons';\nimport '@polymer/iron-icon';\n\nimport '../../internal/InternalCard/index';\nimport '../I18n/index';\n\nimport { StoreShippingMethodCard } from './StoreShippingMethodCard';\n\ncustomElements.define('foxy-store-shipping-method-card', StoreShippingMethodCard);\n\nexport { StoreShippingMethodCard };\n"]}

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

@@ -0,0 +1,5 @@
+import type { Rels } from '@foxy.io/sdk/backend';
+import type { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.StoreShippingMethod, {
+    zoom: ['shipping_method', 'shipping_container', 'shipping_drop_type'];
+}>;

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

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

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

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

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

@@ -0,0 +1,25 @@
+import type { TemplateResult } from 'lit-html';
+import type { NucleonV8N } from '../NucleonElement/types';
+import type { Data } from './types';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Form element for creating and editing store shipping methods (`fx:store_shipping_method`).
+ *
+ * @element foxy-store-shipping-method-form
+ * @since 1.18.0
+ */
+export declare class StoreShippingMethodForm extends Base<Data> {
+    static get properties(): typeof Base['properties'];
+    static get v8n(): NucleonV8N<Data>;
+    shippingMethods: string;
+    private __destinations;
+    private __getDestinations;
+    private __setDestinations;
+    renderBody(): TemplateResult;
+    private __renderCustomCodeMethodLayout;
+    private __renderGenericMethodLayout;
+}
+export {};

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

@@ -0,0 +1,152 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
+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`).
+ *
+ * @element foxy-store-shipping-method-form
+ * @since 1.18.0
+ */
+export class StoreShippingMethodForm extends Base {
+    constructor() {
+        super(...arguments);
+        // shippingMethods: string | null = null;
+        this.shippingMethods = 'https://demo.api/hapi/shipping_methods';
+        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({
+                // TODO remove error directive after SDK types are fixed
+                // @ts-expect-error SDK types are wrong
+                use_for_domestic: newValue.includes('domestic'),
+                // TODO remove error directive after SDK types are fixed
+                // @ts-expect-error SDK types are wrong
+                use_for_international: newValue.includes('international'),
+            });
+        };
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            shippingMethods: { type: String, attribute: 'shipping-methods' },
+        };
+    }
+    static get v8n() {
+        return [
+            ({ shipping_method_uri: v }) => (v && isURL(v)) || 'shipping-method-uri:required',
+            ({ accountid: v }) => !v || v.length <= 50 || 'accountid:too_long',
+            ({ password: v }) => !v || v.length <= 50 || 'password:too_long',
+            ({ meter_number: v }) => !v || v.length <= 50 || 'meter-number:too_long',
+            ({ authentication_key: v }) => !v || v.length <= 50 || 'authentication-key:too_long',
+            ({ custom_code: v }) => !v || getKbSize(v) <= 64 || 'custom-code:too_long',
+        ];
+    }
+    renderBody() {
+        var _a, _b, _c, _d;
+        return html `
+      <foxy-internal-async-combo-box-control
+        item-value-path="_links.self.href"
+        item-label-path="name"
+        first=${ifDefined((_a = this.shippingMethods) !== null && _a !== void 0 ? _a : (_b = this.form._links) === null || _b === void 0 ? void 0 : _b['fx:shipping_methods'].href)}
+        infer="shipping-method-uri"
+        .selectedItem=${(_c = this.form._embedded) === null || _c === void 0 ? void 0 : _c['fx:shipping_method']}
+        @selected-item-changed=${(evt) => {
+            const { selectedItem } = evt.currentTarget;
+            const newEmbeds = { 'fx:shipping_method': selectedItem };
+            this.edit({
+                _embedded: newEmbeds,
+                shipping_container_uri: '',
+                shipping_drop_type_uri: '',
+            });
+        }}
+      >
+      </foxy-internal-async-combo-box-control>
+      ${((_d = this.form._embedded) === null || _d === void 0 ? void 0 : _d['fx:shipping_method'].code) === 'CUSTOM-CODE'
+            ? this.__renderCustomCodeMethodLayout()
+            : this.__renderGenericMethodLayout()}
+      ${super.renderBody()}
+    `;
+    }
+    __renderCustomCodeMethodLayout() {
+        return html `
+      <foxy-internal-text-area-control infer="custom-code"></foxy-internal-text-area-control>
+    `;
+    }
+    __renderGenericMethodLayout() {
+        var _a, _b, _c;
+        const method = (_a = this.form._embedded) === null || _a === void 0 ? void 0 : _a['fx:shipping_method'];
+        return html `
+      <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=${(_b = this.form._embedded) === null || _b === void 0 ? void 0 : _b['fx:shipping_container']}
+        @selected-item-changed=${(evt) => {
+            const { selectedItem } = evt.currentTarget;
+            const newEmbeds = { ...this.form._embedded, 'fx:shipping_container': selectedItem };
+            this.edit({ _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=${(_c = this.form._embedded) === null || _c === void 0 ? void 0 : _c['fx:shipping_drop_type']}
+        @selected-item-changed=${(evt) => {
+            const { selectedItem } = evt.currentTarget;
+            const newEmbeds = { ...this.form._embedded, 'fx:shipping_drop_type': selectedItem };
+            this.edit({ _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>
+      <foxy-internal-text-control infer="accountid"></foxy-internal-text-control>
+      <foxy-internal-text-control infer="password"></foxy-internal-text-control>
+
+      ${this.data && this.data.shipping_method_uri === this.form.shipping_method_uri
+            ? html `
+            <foxy-internal-store-shipping-method-form-services-control infer="services">
+            </foxy-internal-store-shipping-method-form-services-control>
+          `
+            : ''}
+    `;
+    }
+}
+//# 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 { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { 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 * @element foxy-store-shipping-method-form\n * @since 1.18.0\n */\nexport class StoreShippingMethodForm extends Base<Data> {\n  static get properties(): typeof Base['properties'] {\n    return {\n      ...super.properties,\n      shippingMethods: { type: String, 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:required',\n      ({ accountid: v }) => !v || v.length <= 50 || 'accountid:too_long',\n      ({ password: v }) => !v || v.length <= 50 || 'password:too_long',\n      ({ meter_number: v }) => !v || v.length <= 50 || 'meter-number:too_long',\n      ({ authentication_key: v }) => !v || v.length <= 50 || 'authentication-key:too_long',\n      ({ custom_code: v }) => !v || getKbSize(v) <= 64 || 'custom-code:too_long',\n    ];\n  }\n\n  // shippingMethods: string | null = null;\n  shippingMethods = 'https://demo.api/hapi/shipping_methods';\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      // TODO remove error directive after SDK types are fixed\n      // @ts-expect-error SDK types are wrong\n      use_for_domestic: newValue.includes('domestic'),\n\n      // TODO remove error directive after SDK types are fixed\n      // @ts-expect-error SDK types are wrong\n      use_for_international: newValue.includes('international'),\n    });\n  };\n\n  renderBody(): TemplateResult {\n    return html`\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']}\n        @selected-item-changed=${(evt: CustomEvent) => {\n          const { selectedItem } = evt.currentTarget as InternalAsyncComboBoxControl;\n          const newEmbeds = { 'fx:shipping_method': selectedItem };\n\n          this.edit({\n            _embedded: newEmbeds as Data['_embedded'],\n            shipping_container_uri: '',\n            shipping_drop_type_uri: '',\n          });\n        }}\n      >\n      </foxy-internal-async-combo-box-control>\n      ${this.form._embedded?.['fx:shipping_method'].code === 'CUSTOM-CODE'\n        ? this.__renderCustomCodeMethodLayout()\n        : this.__renderGenericMethodLayout()}\n      ${super.renderBody()}\n    `;\n  }\n\n  private __renderCustomCodeMethodLayout() {\n    return html`\n      <foxy-internal-text-area-control infer=\"custom-code\"></foxy-internal-text-area-control>\n    `;\n  }\n\n  private __renderGenericMethodLayout() {\n    const method = this.form._embedded?.['fx:shipping_method'];\n\n    return html`\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']}\n        @selected-item-changed=${(evt: CustomEvent) => {\n          const { selectedItem } = evt.currentTarget as InternalAsyncComboBoxControl;\n          const newEmbeds = { ...this.form._embedded, 'fx:shipping_container': selectedItem };\n          this.edit({ _embedded: newEmbeds as Data['_embedded'] });\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']}\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          this.edit({ _embedded: newEmbeds as Data['_embedded'] });\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      <foxy-internal-text-control infer=\"accountid\"></foxy-internal-text-control>\n      <foxy-internal-text-control infer=\"password\"></foxy-internal-text-control>\n\n      ${this.data && this.data.shipping_method_uri === this.form.shipping_method_uri\n        ? html`\n            <foxy-internal-store-shipping-method-form-services-control infer=\"services\">\n            </foxy-internal-store-shipping-method-form-services-control>\n          `\n        : ''}\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,11 @@
+import '@polymer/iron-icons/maps-icons';
+import '@polymer/iron-icon';
+import '../../internal/InternalAsyncComboBoxControl/index';
+import '../../internal/InternalCheckboxGroupControl/index';
+import '../../internal/InternalTextAreaControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import '../I18n/index';
+import './internal/InternalStoreShippingMethodFormServicesControl/index';
+import { StoreShippingMethodForm } from './StoreShippingMethodForm';
+export { StoreShippingMethodForm };

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

@@ -0,0 +1,13 @@
+import '@polymer/iron-icons/maps-icons';
+import '@polymer/iron-icon';
+import "../../internal/InternalAsyncComboBoxControl/index.js";
+import "../../internal/InternalCheckboxGroupControl/index.js";
+import "../../internal/InternalTextAreaControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "../I18n/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,OAAO,gCAAgC,CAAC;AACxC,OAAO,oBAAoB,CAAC;AAE5B,8DAA2D;AAC3D,8DAA2D;AAC3D,yDAAsD;AACtD,qDAAkD;AAClD,8CAA2C;AAE3C,0BAAuB;AAEvB,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 '@polymer/iron-icons/maps-icons';\nimport '@polymer/iron-icon';\n\nimport '../../internal/InternalAsyncComboBoxControl/index';\nimport '../../internal/InternalCheckboxGroupControl/index';\nimport '../../internal/InternalTextAreaControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../I18n/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 { 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 { html } from 'lit-html';
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+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', '5');
+        return html `
+      <foxy-pagination first=${firstURL.toString()} infer="">
+        <foxy-i18n
+          class="block text-s font-medium text-secondary leading-none mb-s"
+          infer=""
+          key="header"
+        >
+        </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-t-l rounded-b-l 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":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,gEAA6D;AAGvF,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,GAAG,CAAC,CAAC;QAExC,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 { html, TemplateResult } from 'lit-html';\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { Data } from '../../types';\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', '5');\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=\"header\"\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-t-l rounded-b-l 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 { TemplateResult } from 'lit-html';
+import { NucleonElement } from '../../../NucleonElement/NucleonElement';
+import { PropertyDeclarations } from 'lit-element';
+import { Rels } from '@foxy.io/sdk/backend';
+import { Resource } from '@foxy.io/sdk/core';
+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 { html } from 'lit-html';
+import { ConfigurableMixin } from "../../../../../mixins/configurable.js";
+import { NucleonElement } from "../../../NucleonElement/NucleonElement.js";
+import { ThemeableMixin } from "../../../../../mixins/themeable.js";
+import { TranslatableMixin } from "../../../../../mixins/translatable.js";
+import { classMap } from "../../../../../utils/class-map.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+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: { type: String, attribute: 'store-shipping-services-uri' },
+            internationalAllowed: { type: Boolean, attribute: 'international-allowed' },
+            shippingMethodUri: { type: String, 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="min-h-l"
+                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":"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","sourcesContent":["import { TemplateResult, html } from 'lit-html';\nimport { ConfigurableMixin } from '../../../../../mixins/configurable';\nimport { NucleonElement } from '../../../NucleonElement/NucleonElement';\nimport { PropertyDeclarations } from 'lit-element';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { ThemeableMixin } from '../../../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../../../mixins/translatable';\nimport { classMap } from '../../../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\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: { type: String, attribute: 'store-shipping-services-uri' },\n      internationalAllowed: { type: Boolean, attribute: 'international-allowed' },\n      shippingMethodUri: { type: String, 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=\"min-h-l\"\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 { TemplateResult } from 'lit-html';
+import { NucleonElement } from '../../../NucleonElement/NucleonElement';
+import { PropertyDeclarations } from 'lit-element';
+import { Rels } from '@foxy.io/sdk/backend';
+import { Resource } from '@foxy.io/sdk/core';
+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 {};