@foxy.io/elements 1.15.0-beta.1 → 1.15.0-beta.10

package/dist/elements/public/GiftCardForm/private/CategoryRestrictionsPageItemContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryRestrictionsPageItemContent.js","sourceRoot":"","sources":["../../../../../src/elements/public/GiftCardForm/private/CategoryRestrictionsPageItemContent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,8CAA2C;AAE9D,OAAO,EAAE,iBAAiB,EAAE,2CAAwC;AACpE,OAAO,EAAE,cAAc,EAAE,+CAA4C;AAIrE,OAAO,EAAE,cAAc,EAAE,wCAAqC;AAG9D,MAAM,IAAI,GAAG,iBAAiB,CAAC,mBAAmB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;AAEpF,MAAM,OAAO,mCAAoC,SAAQ,IAAU;IAAnE;;QAeE,iBAAY,GAAG,EAAE,CAAC;QAElB,aAAQ,GAAG,EAAE,CAAC;IA4BhB,CAAC;IA5CC,MAAM,KAAK,cAAc;QACvB,OAAO;YACL,YAAY,EAAE,QAAQ;SACvB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE;YAC1D,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE;SACnD,CAAC;IACJ,CAAC;IAMD,MAAM;QACJ,OAAO,IAAI,CAAA;;;;sBAIO,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ;sBACjC,IAAI,CAAC,QAAQ;qBACd,CAAC,CAAC,IAAI,CAAC,IAAI;oBACZ,CAAC,GAAwB,EAAE,EAAE;YACrC,IAAI,GAAG,CAAC,MAAM,EAAE;gBACd,IAAI,CAAC,IAAI,CAAC;oBACR,iBAAiB,EAAE,IAAI,CAAC,YAAY;oBACpC,aAAa,EAAE,IAAI,CAAC,QAAQ;iBAC7B,CAAC,CAAC;gBAEH,IAAI,CAAC,MAAM,EAAE,CAAC;aACf;iBAAM;gBACL,IAAI,CAAC,MAAM,EAAE,CAAC;aACf;QACH,CAAC;;;;;KAKN,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { Checkbox } from '../../../private/Checkbox/Checkbox';\nimport { CheckboxChangeEvent } from '../../../private/events';\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';\n\ntype Data = Resource<Rels.GiftCardItemCategory>;\nconst Base = ConfigurableMixin(ScopedElementsMixin(ThemeableMixin(NucleonElement)));\n\nexport class CategoryRestrictionsPageItemContent extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'x-checkbox': Checkbox,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      itemCategory: { type: String, attribute: 'item-category' },\n      giftCard: { type: String, attribute: 'gift-card' },\n    };\n  }\n\n  itemCategory = '';\n\n  giftCard = '';\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"h-full flex items-center\">\n        <x-checkbox\n          data-testid=\"checkbox\"\n          ?disabled=${!this.in('idle') || this.disabled}\n          ?readonly=${this.readonly}\n          ?checked=${!!this.data}\n          @change=${(evt: CheckboxChangeEvent) => {\n            if (evt.detail) {\n              this.edit({\n                item_category_uri: this.itemCategory,\n                gift_card_uri: this.giftCard,\n              });\n\n              this.submit();\n            } else {\n              this.delete();\n            }\n          }}\n        >\n          <slot></slot>\n        </x-checkbox>\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,28 @@
+import { Rels } from '@foxy.io/sdk/backend';
+import { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.GiftCard>;
+export declare type GiftCardCodes = Resource<Rels.GiftCardCodes>;
+export declare type RulesTierParams = {
+    source: string;
+    method: string;
+    units: string;
+    tier?: string;
+    onChange: (newParams: Partial<RulesTierParams>) => void;
+    onDelete: () => void;
+};
+export declare type RulesTierFieldParams = {
+    value: string;
+    label: string;
+    onChange: (newValue: string) => void;
+};
+export declare type RulesTierSwitchParams = {
+    value: number;
+    options: [string, string];
+    onChange: (newValueIndex: number) => void;
+};
+export declare type RulesTierSelectParams = {
+    label: string;
+    value: string;
+    options: Record<string, string>;
+    onChange: (newValue: string) => void;
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.GiftCard>;\nexport type GiftCardCodes = Resource<Rels.GiftCardCodes>;\n\nexport type RulesTierParams = {\n  source: string;\n  method: string;\n  units: string;\n  tier?: string;\n  onChange: (newParams: Partial<RulesTierParams>) => void;\n  onDelete: () => void;\n};\n\nexport type RulesTierFieldParams = {\n  value: string;\n  label: string;\n  onChange: (newValue: string) => void;\n};\n\nexport type RulesTierSwitchParams = {\n  value: number;\n  options: [string, string];\n  onChange: (newValueIndex: number) => void;\n};\n\nexport type RulesTierSelectParams = {\n  label: string;\n  value: string;\n  options: Record<string, string>;\n  onChange: (newValue: string) => void;\n};\n"]}

package/dist/elements/public/I18n/I18n.js

@@ -104,7 +104,7 @@ I18n.FetchEvent = FetchEvent;
 /** Shared [i18next](https://www.i18next.com) instance for all I18n elements. */
 I18n.i18next = i18next.createInstance().use(backend);
 I18n.i18next.init({
-    interpolation: { format },
+    interpolation: { format, escapeValue: false },
     fallbackLng: 'en',
     fallbackNS: 'shared',
     defaultNS: 'shared',

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

@@ -1 +1 @@
-{"version":3,"file":"I18n.js","sourceRoot":"","sources":["../../../../src/elements/public/I18n/I18n.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\nimport i18next, { StringMap, TOptions } from 'i18next';\n\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { Gateways } from './types';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { backend } from './backend';\nimport { format } from './format/index';\n\n/**\n * Custom element for effortless localization with i18next.\n *\n * @fires I18n#fetch - Instance of `I18n.FetchEvent`. Emitted before each translation request.\n *\n * @element foxy-i18n\n * @since 1.1.0\n */\nexport class I18n extends TranslatableMixin(LitElement, '') {\n  /** Instances of this event are dispatched on an element before each translation request. */\n  static readonly FetchEvent = FetchEvent;\n\n  /** Shared [i18next](https://www.i18next.com) instance for all I18n elements. */\n  static readonly i18next = i18next.createInstance().use(backend);\n\n  /**\n   * Registers a joint event listener for all i18next events that indicate\n   * the availability of new translations. If you're using `I18n.i18next` to localize\n   * your components, this function will call the provided handler every time an update is needed.\n   *\n   * @param handler Callback to invoke when translation changes.\n   * @example const unsubscribe = I18n.onTranslationChange(triggerUpdate);\n   */\n  static onTranslationChange(handler: () => void): () => void {\n    const i18nextEvents = ['initialized', 'loaded'] as const;\n    const storeEvents = ['removed', 'added'] as const;\n\n    i18nextEvents.forEach(type => I18n.i18next.on(type, handler));\n    storeEvents.forEach(type => I18n.i18next.store.on(type, handler));\n\n    return () => {\n      i18nextEvents.forEach(type => I18n.i18next.off(type, handler));\n      storeEvents.forEach(type => I18n.i18next.store.off(type, handler));\n    };\n  }\n\n  /**\n   * Registers a global event listener that calls `handler` every time an i18next resource\n   * is downloaded by `foxy-i18n`. Allows devs to specify resource location and/or fetch it\n   * via a different channel (e.g. web sockets or using a localization SaaS).\n   *\n   * @param handler Callback to invoke on resource fetch.\n   * @example const unsubscribe = I18n.onResourceFetch((ns, lang) => fetch(`path/to/${ns}/${lang}`));\n   */\n  static onResourceFetch(handler: (ns: string, lang: string) => Promise<Response>): () => void {\n    const handleFetch = (evt: unknown) => {\n      if (evt instanceof FetchEvent && evt.request.url.startsWith('foxy://i18n/')) {\n        const [lang, ns] = evt.request.url.split('/').reverse();\n        evt.respondWith(handler(ns, lang));\n      }\n    };\n\n    addEventListener('fetch', handleFetch);\n    return () => removeEventListener('fetch', handleFetch);\n  }\n\n  /**\n   * Adds payment gateway names to the i18next store. Fetch `fx:hosted_payment_gateways`\n   * and `fx:payment_gateways` and call this method to make gateway names available to\n   * elements like `foxy-payment-card`.\n   *\n   * @param param0 `fx:hosted_payment_gateways` or `fx:payment_gateways`\n   * @example I18n.setGateways({ values: { authorize: { name: 'Authorize.Net' }}})\n   */\n  static setGateways({ values }: Gateways): void {\n    for (const id in values) {\n      this.i18next.addResource('en', 'gateways', `gateways.${id}`, values[id].name);\n    }\n  }\n\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      options: { type: Object },\n      key: { type: String },\n    };\n  }\n\n  /**\n   * Optional i18next translation function\n   * [options](https://www.i18next.com/translation-function/essentials#overview-options).\n   */\n  options: TOptions<StringMap> = {};\n\n  /**\n   * Optional key to translate. Empty by default (renders nothing).\n   * See [i18next docs](https://www.i18next.com/translation-function/essentials#accessing-keys) for more info.\n   */\n  key = '';\n\n  private __unsubscribe?: () => void;\n\n  /** @readonly */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.__unsubscribe = I18n.onTranslationChange(() => this.requestUpdate());\n  }\n\n  /** @readonly */\n  render(): TemplateResult {\n    return html`<span>${this.t(this.key, { ...this.options, lng: this.lang })}</span>`;\n  }\n\n  /** @readonly */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.__unsubscribe?.();\n  }\n}\n\nI18n.i18next.init({\n  interpolation: { format },\n  fallbackLng: 'en',\n  fallbackNS: 'shared',\n  defaultNS: 'shared',\n  ns: ['shared'],\n});\n"]}
+{"version":3,"file":"I18n.js","sourceRoot":"","sources":["../../../../src/elements/public/I18n/I18n.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\nimport i18next, { StringMap, TOptions } from 'i18next';\n\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { Gateways } from './types';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { backend } from './backend';\nimport { format } from './format/index';\n\n/**\n * Custom element for effortless localization with i18next.\n *\n * @fires I18n#fetch - Instance of `I18n.FetchEvent`. Emitted before each translation request.\n *\n * @element foxy-i18n\n * @since 1.1.0\n */\nexport class I18n extends TranslatableMixin(LitElement, '') {\n  /** Instances of this event are dispatched on an element before each translation request. */\n  static readonly FetchEvent = FetchEvent;\n\n  /** Shared [i18next](https://www.i18next.com) instance for all I18n elements. */\n  static readonly i18next = i18next.createInstance().use(backend);\n\n  /**\n   * Registers a joint event listener for all i18next events that indicate\n   * the availability of new translations. If you're using `I18n.i18next` to localize\n   * your components, this function will call the provided handler every time an update is needed.\n   *\n   * @param handler Callback to invoke when translation changes.\n   * @example const unsubscribe = I18n.onTranslationChange(triggerUpdate);\n   */\n  static onTranslationChange(handler: () => void): () => void {\n    const i18nextEvents = ['initialized', 'loaded'] as const;\n    const storeEvents = ['removed', 'added'] as const;\n\n    i18nextEvents.forEach(type => I18n.i18next.on(type, handler));\n    storeEvents.forEach(type => I18n.i18next.store.on(type, handler));\n\n    return () => {\n      i18nextEvents.forEach(type => I18n.i18next.off(type, handler));\n      storeEvents.forEach(type => I18n.i18next.store.off(type, handler));\n    };\n  }\n\n  /**\n   * Registers a global event listener that calls `handler` every time an i18next resource\n   * is downloaded by `foxy-i18n`. Allows devs to specify resource location and/or fetch it\n   * via a different channel (e.g. web sockets or using a localization SaaS).\n   *\n   * @param handler Callback to invoke on resource fetch.\n   * @example const unsubscribe = I18n.onResourceFetch((ns, lang) => fetch(`path/to/${ns}/${lang}`));\n   */\n  static onResourceFetch(handler: (ns: string, lang: string) => Promise<Response>): () => void {\n    const handleFetch = (evt: unknown) => {\n      if (evt instanceof FetchEvent && evt.request.url.startsWith('foxy://i18n/')) {\n        const [lang, ns] = evt.request.url.split('/').reverse();\n        evt.respondWith(handler(ns, lang));\n      }\n    };\n\n    addEventListener('fetch', handleFetch);\n    return () => removeEventListener('fetch', handleFetch);\n  }\n\n  /**\n   * Adds payment gateway names to the i18next store. Fetch `fx:hosted_payment_gateways`\n   * and `fx:payment_gateways` and call this method to make gateway names available to\n   * elements like `foxy-payment-card`.\n   *\n   * @param param0 `fx:hosted_payment_gateways` or `fx:payment_gateways`\n   * @example I18n.setGateways({ values: { authorize: { name: 'Authorize.Net' }}})\n   */\n  static setGateways({ values }: Gateways): void {\n    for (const id in values) {\n      this.i18next.addResource('en', 'gateways', `gateways.${id}`, values[id].name);\n    }\n  }\n\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      options: { type: Object },\n      key: { type: String },\n    };\n  }\n\n  /**\n   * Optional i18next translation function\n   * [options](https://www.i18next.com/translation-function/essentials#overview-options).\n   */\n  options: TOptions<StringMap> = {};\n\n  /**\n   * Optional key to translate. Empty by default (renders nothing).\n   * See [i18next docs](https://www.i18next.com/translation-function/essentials#accessing-keys) for more info.\n   */\n  key = '';\n\n  private __unsubscribe?: () => void;\n\n  /** @readonly */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.__unsubscribe = I18n.onTranslationChange(() => this.requestUpdate());\n  }\n\n  /** @readonly */\n  render(): TemplateResult {\n    return html`<span>${this.t(this.key, { ...this.options, lng: this.lang })}</span>`;\n  }\n\n  /** @readonly */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.__unsubscribe?.();\n  }\n}\n\nI18n.i18next.init({\n  interpolation: { format, escapeValue: false },\n  fallbackLng: 'en',\n  fallbackNS: 'shared',\n  defaultNS: 'shared',\n  ns: ['shared'],\n});\n"]}

package/dist/elements/public/I18n/format/date.js

@@ -2,12 +2,13 @@
  * i18next formatter that localizes ISO date.
  * @see https://www.i18next.com/translation-function/formatting
  */
-export const date = (value, format, lang) => {
+export const date = (value, _, lang) => {
+    if (!value)
+        return '$t(unknown)';
     const valueAsDate = new Date(value);
-    return valueAsDate.toLocaleDateString(lang, {
-        month: 'long',
-        year: new Date().getFullYear() === valueAsDate.getFullYear() ? undefined : 'numeric',
-        day: 'numeric',
-    });
+    const month = 'long';
+    const year = new Date().getFullYear() === valueAsDate.getFullYear() ? undefined : 'numeric';
+    const day = 'numeric';
+    return valueAsDate.toLocaleDateString(lang, { month, year, day });
 };
 //# sourceMappingURL=date.js.map

package/dist/elements/public/I18n/format/date.js.map

@@ -1 +1 @@
-{"version":3,"file":"date.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/date.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAU,EAAE;IAClE,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;IACpC,OAAO,WAAW,CAAC,kBAAkB,CAAC,IAAI,EAAE;QAC1C,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,KAAK,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACpF,GAAG,EAAE,SAAS;KACf,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\n\n/**\n * i18next formatter that localizes ISO date.\n * @see https://www.i18next.com/translation-function/formatting\n */\nexport const date: FormatFunction = (value, format, lang): string => {\n  const valueAsDate = new Date(value);\n  return valueAsDate.toLocaleDateString(lang, {\n    month: 'long',\n    year: new Date().getFullYear() === valueAsDate.getFullYear() ? undefined : 'numeric',\n    day: 'numeric',\n  });\n};\n"]}
+{"version":3,"file":"date.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/date.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAmB,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAU,EAAE;IAC7D,IAAI,CAAC,KAAK;QAAE,OAAO,aAAa,CAAC;IAEjC,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,MAAM,CAAC;IACrB,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,KAAK,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAC5F,MAAM,GAAG,GAAG,SAAS,CAAC;IAEtB,OAAO,WAAW,CAAC,kBAAkB,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;AACpE,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\n\n/**\n * i18next formatter that localizes ISO date.\n * @see https://www.i18next.com/translation-function/formatting\n */\nexport const date: FormatFunction = (value, _, lang): string => {\n  if (!value) return '$t(unknown)';\n\n  const valueAsDate = new Date(value);\n  const month = 'long';\n  const year = new Date().getFullYear() === valueAsDate.getFullYear() ? undefined : 'numeric';\n  const day = 'numeric';\n\n  return valueAsDate.toLocaleDateString(lang, { month, year, day });\n};\n"]}

package/dist/elements/public/I18n/format/discount.d.ts

@@ -0,0 +1,6 @@
+import { FormatFunction } from 'i18next';
+/**
+ * i18next formatter that returns a human-readable discount description for an API value.
+ * @see https://www.i18next.com/translation-function/formatting
+ */
+export declare const discount: FormatFunction;

package/dist/elements/public/I18n/format/discount.js

@@ -0,0 +1,20 @@
+/**
+ * i18next formatter that returns a human-readable discount description for an API value.
+ * @see https://www.i18next.com/translation-function/formatting
+ */
+export const discount = ({ ns, type, details }, format, lang) => {
+    const methods = ['allunits', 'incremental', 'repeat', 'single'];
+    const factor = type.endsWith('_percentage') ? 0.01 : 1;
+    const tiers = details.split('|');
+    const method = methods.includes(tiers[0]) ? tiers.shift() : 'single';
+    const i18nKey = `${method}_${type}_discount_summary`;
+    const translatedTiers = tiers.map(tier => {
+        var _a, _b;
+        const signIndex = (_b = (_a = /[-+]/.exec(tier)) === null || _a === void 0 ? void 0 : _a.index) !== null && _b !== void 0 ? _b : -1;
+        const adjustment = parseFloat(tier.substring(signIndex)) * factor;
+        const from = parseFloat(tier.substring(0, signIndex));
+        return `$t(${i18nKey}, ${JSON.stringify({ adjustment, from, ns })})`;
+    });
+    return translatedTiers.join('; ');
+};
+//# sourceMappingURL=discount.js.map

package/dist/elements/public/I18n/format/discount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"discount.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/discount.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAmB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAS,EAAE,MAAM,EAAE,IAAI,EAAU,EAAE;IAC7F,MAAM,OAAO,GAAG,CAAC,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAChE,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACjC,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;IACrE,MAAM,OAAO,GAAG,GAAG,MAAM,IAAI,IAAI,mBAAmB,CAAC;IAErD,MAAM,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;;QACvC,MAAM,SAAS,eAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,0CAAE,KAAK,mCAAI,CAAC,CAAC,CAAC;QACjD,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC;QAClE,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;QAEtD,OAAO,MAAM,OAAO,KAAK,IAAI,CAAC,SAAS,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\n\ntype Value = { ns: string; type: string; details: string };\n\n/**\n * i18next formatter that returns a human-readable discount description for an API value.\n * @see https://www.i18next.com/translation-function/formatting\n */\nexport const discount: FormatFunction = ({ ns, type, details }: Value, format, lang): string => {\n  const methods = ['allunits', 'incremental', 'repeat', 'single'];\n  const factor = type.endsWith('_percentage') ? 0.01 : 1;\n  const tiers = details.split('|');\n  const method = methods.includes(tiers[0]) ? tiers.shift() : 'single';\n  const i18nKey = `${method}_${type}_discount_summary`;\n\n  const translatedTiers = tiers.map(tier => {\n    const signIndex = /[-+]/.exec(tier)?.index ?? -1;\n    const adjustment = parseFloat(tier.substring(signIndex)) * factor;\n    const from = parseFloat(tier.substring(0, signIndex));\n\n    return `$t(${i18nKey}, ${JSON.stringify({ adjustment, from, ns })})`;\n  });\n\n  return translatedTiers.join('; ');\n};\n"]}

package/dist/elements/public/I18n/format/index.js

@@ -1,9 +1,15 @@
 import { date } from "./date.js";
+import { discount } from "./discount.js";
+import { ordinal } from "./ordinal.js";
 import { percent } from "./percent.js";
 import { price } from "./price.js";
+import { relative } from "./relative.js";
 import { time } from "./time.js";
 const formatters = {
+    discount,
+    relative,
     percent,
+    ordinal,
     price,
     date,
     time,

package/dist/elements/public/I18n/format/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,kBAAe;AAC9B,OAAO,EAAE,OAAO,EAAE,qBAAkB;AACpC,OAAO,EAAE,KAAK,EAAE,mBAAgB;AAChC,OAAO,EAAE,IAAI,EAAE,kBAAe;AAE9B,MAAM,UAAU,GAAmC;IACjD,OAAO;IACP,KAAK;IACL,IAAI;IACJ,IAAI;CACL,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAmB,CAAC,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,EAAE,EAAU,EAAE;IAC1F,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,IAAY,EAAE,EAAE;;QACnD,mBAAO,UAAU,CAAC,IAAI,CAAC,+CAAhB,UAAU,EAAS,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,oCAAK,MAAM,CAAC;IAChE,CAAC,CAAC;IAEF,OAAO,WAAW,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AAChD,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\nimport { date } from './date';\nimport { percent } from './percent';\nimport { price } from './price';\nimport { time } from './time';\n\nconst formatters: Record<string, FormatFunction> = {\n  percent,\n  price,\n  date,\n  time,\n};\n\n/**\n * Chooses the right i18next formatter for the given template.\n * @see https://www.i18next.com/translation-function/formatting\n */\nexport const format: FormatFunction = (value, names = '', lang = 'en', opts = {}): string => {\n  const parsedNames = names.split(' ').filter(v => !!v.trim());\n  const applyFormat = (result: string, name: string) => {\n    return formatters[name]?.(result, name, lang, opts) ?? result;\n  };\n\n  return parsedNames.reduce(applyFormat, value);\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,kBAAe;AAC9B,OAAO,EAAE,QAAQ,EAAE,sBAAmB;AACtC,OAAO,EAAE,OAAO,EAAE,qBAAkB;AACpC,OAAO,EAAE,OAAO,EAAE,qBAAkB;AACpC,OAAO,EAAE,KAAK,EAAE,mBAAgB;AAChC,OAAO,EAAE,QAAQ,EAAE,sBAAmB;AACtC,OAAO,EAAE,IAAI,EAAE,kBAAe;AAE9B,MAAM,UAAU,GAAmC;IACjD,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,OAAO;IACP,KAAK;IACL,IAAI;IACJ,IAAI;CACL,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAmB,CAAC,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,EAAE,EAAU,EAAE;IAC1F,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,IAAY,EAAE,EAAE;;QACnD,mBAAO,UAAU,CAAC,IAAI,CAAC,+CAAhB,UAAU,EAAS,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,oCAAK,MAAM,CAAC;IAChE,CAAC,CAAC;IAEF,OAAO,WAAW,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AAChD,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\nimport { date } from './date';\nimport { discount } from './discount';\nimport { ordinal } from './ordinal';\nimport { percent } from './percent';\nimport { price } from './price';\nimport { relative } from './relative';\nimport { time } from './time';\n\nconst formatters: Record<string, FormatFunction> = {\n  discount,\n  relative,\n  percent,\n  ordinal,\n  price,\n  date,\n  time,\n};\n\n/**\n * Chooses the right i18next formatter for the given template.\n * @see https://www.i18next.com/translation-function/formatting\n */\nexport const format: FormatFunction = (value, names = '', lang = 'en', opts = {}): string => {\n  const parsedNames = names.split(' ').filter(v => !!v.trim());\n  const applyFormat = (result: string, name: string) => {\n    return formatters[name]?.(result, name, lang, opts) ?? result;\n  };\n\n  return parsedNames.reduce(applyFormat, value);\n};\n"]}

package/dist/elements/public/I18n/format/ordinal.d.ts

@@ -0,0 +1,6 @@
+import { FormatFunction } from 'i18next';
+/**
+ * i18next formatter that returns ordinal for a number.
+ * @see https://www.i18next.com/translation-function/formatting
+ */
+export declare const ordinal: FormatFunction;

package/dist/elements/public/I18n/format/ordinal.js

@@ -0,0 +1,9 @@
+/**
+ * i18next formatter that returns ordinal for a number.
+ * @see https://www.i18next.com/translation-function/formatting
+ */
+export const ordinal = (value, format, lang) => {
+    const rules = new Intl.PluralRules(lang, { type: 'ordinal' });
+    return `${value}$t(ordinal_${rules.select(value)})`;
+};
+//# sourceMappingURL=ordinal.js.map

package/dist/elements/public/I18n/format/ordinal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ordinal.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/ordinal.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAU,EAAE;IACrE,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IAC9D,OAAO,GAAG,KAAK,cAAc,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;AACtD,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\n\n/**\n * i18next formatter that returns ordinal for a number.\n * @see https://www.i18next.com/translation-function/formatting\n */\nexport const ordinal: FormatFunction = (value, format, lang): string => {\n  const rules = new Intl.PluralRules(lang, { type: 'ordinal' });\n  return `${value}$t(ordinal_${rules.select(value)})`;\n};\n"]}

package/dist/elements/public/I18n/format/relative.d.ts

@@ -0,0 +1,6 @@
+import { FormatFunction } from 'i18next';
+/**
+ * i18next formatter that presents duration as relative time.
+ * @see https://www.i18next.com/translation-function/formatting
+ */
+export declare const relative: FormatFunction;

package/dist/elements/public/I18n/format/relative.js

@@ -0,0 +1,15 @@
+import { parseDuration } from "../../../../utils/parse-duration.js";
+/**
+ * i18next formatter that presents duration as relative time.
+ * @see https://www.i18next.com/translation-function/formatting
+ */
+export const relative = (value, format, lang) => {
+    const rtf = new Intl.RelativeTimeFormat(lang);
+    let { count, units } = parseDuration(value, true);
+    if (count === 0.5 && units === 'month') {
+        count = 2;
+        units = 'week';
+    }
+    return rtf.format(count, units);
+};
+//# sourceMappingURL=relative.js.map

package/dist/elements/public/I18n/format/relative.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relative.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/relative.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,4CAAyC;AAEjE;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAU,EAAE;IACtE,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC9C,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAElD,IAAI,KAAK,KAAK,GAAG,IAAI,KAAK,KAAK,OAAO,EAAE;QACtC,KAAK,GAAG,CAAC,CAAC;QACV,KAAK,GAAG,MAAM,CAAC;KAChB;IAED,OAAO,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,KAAoC,CAAC,CAAC;AACjE,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\nimport { parseDuration } from '../../../../utils/parse-duration';\n\n/**\n * i18next formatter that presents duration as relative time.\n * @see https://www.i18next.com/translation-function/formatting\n */\nexport const relative: FormatFunction = (value, format, lang): string => {\n  const rtf = new Intl.RelativeTimeFormat(lang);\n  let { count, units } = parseDuration(value, true);\n\n  if (count === 0.5 && units === 'month') {\n    count = 2;\n    units = 'week';\n  }\n\n  return rtf.format(count, units as Intl.RelativeTimeFormatUnit);\n};\n"]}

package/dist/elements/public/NucleonElement/NucleonElement.js

@@ -219,40 +219,40 @@ export class NucleonElement extends LitElement {
     }
     /** POSTs to `element.parent`, shares response with the Rumour group and returns parsed JSON. */
     async _sendPost(edits) {
+        this.__destroyRumour();
         const body = JSON.stringify(edits);
         const data = await this._fetch(this.parent, { body, method: 'POST' });
         const rumour = NucleonElement.Rumour(this.group);
         const related = [...this.related, this.parent];
-        this.__destroyRumour();
         rumour.share({ data, related, source: data._links.self.href });
         this.__createRumour();
         return data;
     }
     /** GETs `element.href`, shares response with the Rumour group and returns parsed JSON. */
     async _sendGet() {
+        this.__destroyRumour();
         const data = await this._fetch(this.href);
         const rumour = NucleonElement.Rumour(this.group);
-        this.__destroyRumour();
         rumour.share({ data, source: this.href });
         this.__createRumour();
         return data;
     }
     /** PATCHes `element.href`, shares response with the Rumour group and returns parsed JSON. */
     async _sendPatch(edits) {
+        this.__destroyRumour();
         const body = JSON.stringify(edits);
         const data = await this._fetch(this.href, { body, method: 'PATCH' });
         const rumour = NucleonElement.Rumour(this.group);
-        this.__destroyRumour();
         rumour.share({ data, source: this.href, related: this.related });
         this.__createRumour();
         return data;
     }
     /** DELETEs `element.href`, shares response with the Rumour group and returns parsed JSON. */
     async _sendDelete() {
+        this.__destroyRumour();
         const data = await this._fetch(this.href, { method: 'DELETE' });
         const rumour = NucleonElement.Rumour(this.group);
         const related = [...this.related, this.parent];
-        this.__destroyRumour();
         rumour.share({ data: null, source: this.href, related });
         this.__createRumour();
         return data;

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

@@ -1 +1 @@
-{"version":3,"file":"NucleonElement.js","sourceRoot":"","sources":["../../../../src/elements/public/NucleonElement/NucleonElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComputedElementProperties, HALJSONResource, NucleonMachine, NucleonV8N } from './types';\nimport { LitElement, PropertyDeclarations } from 'lit-element';\nimport { Nucleon, Rumour } from '@foxy.io/sdk/core';\nimport { assign, interpret } from 'xstate';\n\nimport { API } from './API';\nimport { FetchEvent } from './FetchEvent';\nimport { UpdateEvent } from './UpdateEvent';\nimport memoize from 'lodash-es/memoize';\nimport { serveFromCache } from './serveFromCache';\n\n/**\n * Base class for custom elements working with remote HAL+JSON resources.\n *\n * @fires NucleonElement#update - Instance of `NucleonElement.UpdateEvent`. Dispatched on an element whenever it changes its state.\n * @fires NucleonElement#fetch - Instance of `NucleonElement.API.FetchEvent`. Emitted before each API request.\n *\n * @element foxy-nucleon\n * @since 1.1.0\n */\nexport class NucleonElement<TData extends HALJSONResource> extends LitElement {\n  /**\n   * Instances of this event are dispatched on an element whenever it changes its\n   * state (e.g. when going from `busy` to `idle` or on `form` data change).\n   * This event isn't cancelable, and it does not bubble.\n   * @readonly\n   */\n  static readonly UpdateEvent = UpdateEvent;\n\n  /**\n   * Creates a tagged [Rumour](https://sdk.foxy.dev/classes/_core_index_.rumour.html)\n   * instance if it doesn't exist or returns cached one otherwise. NucleonElements\n   * use empty Rumour group by default.\n   * @readonly\n   */\n  static readonly Rumour = memoize<(group: string) => Rumour>(() => new Rumour());\n\n  /**\n   * Universal [API](https://sdk.foxy.dev/classes/_core_index_.api.html) client\n   * that dispatches cancellable `FetchEvent` on an element before each request.\n   * @readonly\n   */\n  static readonly API = API;\n\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      related: { type: Array },\n      parent: { type: String },\n      group: { type: String, noAccessor: true },\n      href: { type: String, noAccessor: true },\n      lang: { type: String },\n    };\n  }\n\n  /**\n   * Array of validation functions. Each function accepts `element.form` and must return\n   * either an error code string if form data fails the check or `true` otherwise.\n   * Error codes are collected in `element.errors`. Empty by default.\n   */\n  static get v8n(): NucleonV8N<any> {\n    return [];\n  }\n\n  /**\n   * Optional ISO 639-1 code describing the language element content is written in.\n   * Changing the `lang` attribute will update the value of this property.\n   */\n  lang = '';\n\n  /**\n   * Optional URL of the collection this element's resource belongs to.\n   * Changing the `parent` attribute will update the value of this property.\n   */\n  parent = '';\n\n  /**\n   * Optional URI list of the related resources. If Rumour encounters a related\n   * resource on creation or deletion, it will be reloaded from source.\n   */\n  related: string[] = [];\n\n  private __href = '';\n\n  private __group = '';\n\n  private __unsubscribeFromRumour!: () => void;\n\n  private __fetchEventHandler!: (evt: Event) => void;\n\n  private __fetchEventQueue: FetchEvent[] = [];\n\n  private readonly __service = interpret(\n    (Nucleon.machine as NucleonMachine<TData>).withConfig({\n      services: {\n        sendDelete: () => this._sendDelete(),\n        sendPatch: ({ edits }) => this._sendPatch(edits!),\n        sendPost: ({ edits }) => this._sendPost(edits!),\n        sendGet: () => this._sendGet(),\n      },\n\n      actions: {\n        validate: assign<Nucleon.Context<TData, string>, Nucleon.Event<TData>>({\n          errors: context => {\n            const rules = (this.constructor as typeof NucleonElement).v8n;\n            const form = { ...context.data, ...context.edits };\n\n            return rules\n              .map(validate => validate(form))\n              .filter(v8nResult => typeof v8nResult === 'string')\n              .filter((err, errIndex, errs) => errs.indexOf(err) === errIndex) as string[];\n          },\n        }),\n      },\n    })\n  );\n\n  /**\n   * If network request returns non-2XX code, the entire error response\n   * will be available via this getter.\n   *\n   * This property is readonly. Changing failure records via this property is\n   * not guaranteed to work. NucleonElement does not provide a way to override error status.\n   *\n   * @since 1.4.0\n   */\n  get failure(): Response | null {\n    return this.__service.state.context.failure;\n  }\n\n  /**\n   * Array of validation errors returned from `NucleonElement.v8n` checks.\n   *\n   * This property is readonly. Adding or removing error codes via this property is\n   * not guaranteed to work. NucleonElement does not provide a way to override validity status.\n   */\n  get errors(): string[] {\n    return this.__service.state.context.errors;\n  }\n\n  /**\n   * Resource snapshot with edits applied. Empty object if unavailable.\n   *\n   * This property and its value are readonly. Assignments like `element.data.foo = 'bar'`\n   * are not guaranteed to work. Please use `element.edit({ foo: 'bar' })` instead.\n   * If you need to replace the entire data object, consider using `element.data`.\n   */\n  get form(): Partial<TData> {\n    const { data, edits } = this.__service.state.context;\n    return { ...data, ...edits } as Partial<TData>;\n  }\n\n  /**\n   * Resource snapshot as-is, no edits applied. Null if unavailable.\n   *\n   * Returned value is not reactive. Assignments like `element.data.foo = 'bar'`\n   * are not guaranteed to work. Please set the property instead: `element.data = { ...element.data, foo: 'bar' }`.\n   * If you're processing user input, consider using `element.form` and `element.edit()` instead.\n   */\n  get data(): TData | null {\n    return this.__service.state.context.data;\n  }\n\n  set data(data: TData | null) {\n    this.__service.send({ type: 'SET_DATA', data });\n    this.__href = data?._links.self.href ?? '';\n  }\n\n  /**\n   * Rumour group. Elements in different groups will not share updates. Empty by default.\n   * @example element.group = 'my-group'\n   */\n  get group(): string {\n    return this.__group;\n  }\n\n  set group(value: string) {\n    this.__group = value;\n    this.__destroyRumour();\n    this.__createRumour();\n  }\n\n  /**\n   * Optional URL of the resource to load. Switches element to `idle.template` state if empty (default).\n   * @example element.href = 'https://demo.foxycart.com/s/customer/attributes/0'\n   */\n  get href(): string {\n    return this.__href;\n  }\n\n  set href(value: string) {\n    this.__href = value;\n\n    if (value) {\n      this.__service.send({ type: 'FETCH' });\n    } else {\n      this.__service.send({ type: 'SET_DATA', data: null });\n    }\n  }\n\n  /**\n   * Checks if this element is in the given state.\n   * @example element.in({ idle: 'snapshot' })\n   */\n  in<TStateValue extends Nucleon.State<TData, string>['value']>(\n    stateValue: TStateValue\n  ): this is this & ComputedElementProperties<TData, TStateValue> {\n    return this.__service.state.matches(stateValue);\n  }\n\n  /**\n   * Clears all edits and emits the `update` event.\n   * @example element.undo()\n   */\n  undo(): void {\n    this.__service.send({ type: 'UNDO' });\n  }\n\n  /**\n   * Applies an edit to the local resource snapshot or its template and emits the `update` event.\n   * @example element.edit({ first_name: 'Alex' })\n   */\n  edit(data: Partial<TData>): void {\n    this.__service.send({ type: 'EDIT', data });\n  }\n\n  /**\n   * Submits the form, updating the resource if href isn't empty or creating it otherwise.\n   * Emits multiple `update` events as element state changes. Has no effect on invalid forms.\n   * @example element.submit()\n   */\n  submit(): void {\n    this.__service.send({ type: 'SUBMIT' });\n  }\n\n  /**\n   * Sends a DELETE request to `element.href` and clears local data on success.\n   * Emits multiple update events as element state changes.\n   * @example element.delete()\n   */\n  delete(): void {\n    this.__service.send({ type: 'DELETE' });\n  }\n\n  /**\n   * Fetches data from `element.href` in background, keeping the edits and v8n errors.\n   * @example element.refresh()\n   */\n  refresh(): void {\n    this.__service.send({ type: 'REFRESH' });\n  }\n\n  /** @readonly */\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    this.__createService();\n    this.__createRumour();\n    this.__createServer();\n    this.__processFetchEventQueue();\n  }\n\n  /** @readonly */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n\n    this.__destroyService();\n    this.__destroyRumour();\n    this.__destroyServer();\n    this.__flushFetchEventQueue('parent element was disconnected');\n  }\n\n  /** Sends API request. Throws an error on non-2XX response. */\n  protected async _fetch<TResult = TData>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n    const response = await new API(this).fetch(...args);\n    if (!response.ok) throw response;\n    return response.json();\n  }\n\n  /** POSTs to `element.parent`, shares response with the Rumour group and returns parsed JSON. */\n  protected async _sendPost(edits: Partial<TData>): Promise<TData> {\n    const body = JSON.stringify(edits);\n    const data = await this._fetch(this.parent, { body, method: 'POST' });\n    const rumour = NucleonElement.Rumour(this.group);\n    const related = [...this.related, this.parent];\n\n    this.__destroyRumour();\n    rumour.share({ data, related, source: data._links.self.href });\n    this.__createRumour();\n\n    return data;\n  }\n\n  /** GETs `element.href`, shares response with the Rumour group and returns parsed JSON. */\n  protected async _sendGet(): Promise<TData> {\n    const data = await this._fetch(this.href);\n    const rumour = NucleonElement.Rumour(this.group);\n\n    this.__destroyRumour();\n    rumour.share({ data, source: this.href });\n    this.__createRumour();\n\n    return data;\n  }\n\n  /** PATCHes `element.href`, shares response with the Rumour group and returns parsed JSON. */\n  protected async _sendPatch(edits: Partial<TData>): Promise<TData> {\n    const body = JSON.stringify(edits);\n    const data = await this._fetch(this.href, { body, method: 'PATCH' });\n    const rumour = NucleonElement.Rumour(this.group);\n\n    this.__destroyRumour();\n    rumour.share({ data, source: this.href, related: this.related });\n    this.__createRumour();\n\n    return data;\n  }\n\n  /** DELETEs `element.href`, shares response with the Rumour group and returns parsed JSON. */\n  protected async _sendDelete(): Promise<TData> {\n    const data = await this._fetch(this.href, { method: 'DELETE' });\n    const rumour = NucleonElement.Rumour(this.group);\n    const related = [...this.related, this.parent];\n\n    this.__destroyRumour();\n    rumour.share({ data: null, source: this.href, related });\n    this.__createRumour();\n\n    return data;\n  }\n\n  private __createService() {\n    this.__service.onTransition(state => {\n      if (!state.changed) return;\n\n      const flags = state.toStrings().reduce((p, c) => [...p, ...c.split('.')], [] as string[]);\n      this.setAttribute('state', [...new Set(flags)].join(' '));\n\n      this.requestUpdate();\n      this.dispatchEvent(new UpdateEvent());\n\n      if (!state.matches('busy')) this.__processFetchEventQueue();\n    });\n\n    this.__service.onChange(() => {\n      this.requestUpdate();\n      this.dispatchEvent(new UpdateEvent());\n    });\n\n    this.__service.start();\n  }\n\n  private __destroyService() {\n    this.__service.stop();\n  }\n\n  private __createRumour() {\n    const rumour = NucleonElement.Rumour(this.group);\n    this.__unsubscribeFromRumour = rumour.track(update => this.__handleRumourUpdate(update));\n  }\n\n  private __destroyRumour() {\n    this.__unsubscribeFromRumour?.();\n  }\n\n  private __createServer() {\n    this.__fetchEventHandler = this.__handleFetchEvent.bind(this);\n    this.addEventListener('fetch', this.__fetchEventHandler);\n  }\n\n  private __destroyServer() {\n    this.removeEventListener('fetch', this.__fetchEventHandler);\n  }\n\n  private __handleRumourUpdate(update: (oldData: TData) => TData | null) {\n    try {\n      const oldData = this.__service.state?.context.data;\n      if (!oldData) return;\n\n      const newData = update(oldData);\n      if (newData !== oldData) this.__service.send({ data: newData, type: 'SET_DATA' });\n    } catch (err) {\n      if (err instanceof Rumour.UpdateError) {\n        this.__service.send({ type: 'REFRESH' });\n      } else {\n        throw err;\n      }\n    }\n  }\n\n  private __processFetchEventQueue() {\n    const api = new NucleonElement.API(this);\n\n    this.__fetchEventQueue.forEach(event => {\n      const request = event.request;\n      const cacheResponse = serveFromCache(request.url, this.data);\n      const whenResponseReady = cacheResponse.ok ? cacheResponse : api.fetch(request);\n\n      event.respondWith(Promise.resolve(whenResponseReady));\n\n      if (cacheResponse.ok) {\n        console.debug(\n          `%c@foxy.io/elements::${this.localName}\\n%c200%c GET ${request.url}`,\n          'color: gray',\n          `background: gray; padding: 0 .2em; border-radius: .2em; color: white;`,\n          ''\n        );\n      }\n    });\n\n    this.__fetchEventQueue = [];\n  }\n\n  private __flushFetchEventQueue(errorMessage: string) {\n    this.__fetchEventQueue.forEach(event => {\n      event.respondWith(Promise.reject(new Error(errorMessage)));\n    });\n\n    this.__fetchEventQueue = [];\n  }\n\n  private __handleFetchEvent(event: Event) {\n    if (!(event instanceof FetchEvent)) return;\n    if (event.defaultPrevented) return;\n    if (event.request.method !== 'GET') return;\n    if (event.request.url.startsWith('foxy://')) return;\n    if (event.composedPath()[0] === this) return;\n\n    event.preventDefault();\n    this.__fetchEventQueue.push(event);\n\n    if (!this.in('busy')) this.__processFetchEventQueue();\n  }\n}\n"]}
+{"version":3,"file":"NucleonElement.js","sourceRoot":"","sources":["../../../../src/elements/public/NucleonElement/NucleonElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComputedElementProperties, HALJSONResource, NucleonMachine, NucleonV8N } from './types';\nimport { LitElement, PropertyDeclarations } from 'lit-element';\nimport { Nucleon, Rumour } from '@foxy.io/sdk/core';\nimport { assign, interpret } from 'xstate';\n\nimport { API } from './API';\nimport { FetchEvent } from './FetchEvent';\nimport { UpdateEvent } from './UpdateEvent';\nimport memoize from 'lodash-es/memoize';\nimport { serveFromCache } from './serveFromCache';\n\n/**\n * Base class for custom elements working with remote HAL+JSON resources.\n *\n * @fires NucleonElement#update - Instance of `NucleonElement.UpdateEvent`. Dispatched on an element whenever it changes its state.\n * @fires NucleonElement#fetch - Instance of `NucleonElement.API.FetchEvent`. Emitted before each API request.\n *\n * @element foxy-nucleon\n * @since 1.1.0\n */\nexport class NucleonElement<TData extends HALJSONResource> extends LitElement {\n  /**\n   * Instances of this event are dispatched on an element whenever it changes its\n   * state (e.g. when going from `busy` to `idle` or on `form` data change).\n   * This event isn't cancelable, and it does not bubble.\n   * @readonly\n   */\n  static readonly UpdateEvent = UpdateEvent;\n\n  /**\n   * Creates a tagged [Rumour](https://sdk.foxy.dev/classes/_core_index_.rumour.html)\n   * instance if it doesn't exist or returns cached one otherwise. NucleonElements\n   * use empty Rumour group by default.\n   * @readonly\n   */\n  static readonly Rumour = memoize<(group: string) => Rumour>(() => new Rumour());\n\n  /**\n   * Universal [API](https://sdk.foxy.dev/classes/_core_index_.api.html) client\n   * that dispatches cancellable `FetchEvent` on an element before each request.\n   * @readonly\n   */\n  static readonly API = API;\n\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      related: { type: Array },\n      parent: { type: String },\n      group: { type: String, noAccessor: true },\n      href: { type: String, noAccessor: true },\n      lang: { type: String },\n    };\n  }\n\n  /**\n   * Array of validation functions. Each function accepts `element.form` and must return\n   * either an error code string if form data fails the check or `true` otherwise.\n   * Error codes are collected in `element.errors`. Empty by default.\n   */\n  static get v8n(): NucleonV8N<any> {\n    return [];\n  }\n\n  /**\n   * Optional ISO 639-1 code describing the language element content is written in.\n   * Changing the `lang` attribute will update the value of this property.\n   */\n  lang = '';\n\n  /**\n   * Optional URL of the collection this element's resource belongs to.\n   * Changing the `parent` attribute will update the value of this property.\n   */\n  parent = '';\n\n  /**\n   * Optional URI list of the related resources. If Rumour encounters a related\n   * resource on creation or deletion, it will be reloaded from source.\n   */\n  related: string[] = [];\n\n  private __href = '';\n\n  private __group = '';\n\n  private __unsubscribeFromRumour!: () => void;\n\n  private __fetchEventHandler!: (evt: Event) => void;\n\n  private __fetchEventQueue: FetchEvent[] = [];\n\n  private readonly __service = interpret(\n    (Nucleon.machine as NucleonMachine<TData>).withConfig({\n      services: {\n        sendDelete: () => this._sendDelete(),\n        sendPatch: ({ edits }) => this._sendPatch(edits!),\n        sendPost: ({ edits }) => this._sendPost(edits!),\n        sendGet: () => this._sendGet(),\n      },\n\n      actions: {\n        validate: assign<Nucleon.Context<TData, string>, Nucleon.Event<TData>>({\n          errors: context => {\n            const rules = (this.constructor as typeof NucleonElement).v8n;\n            const form = { ...context.data, ...context.edits };\n\n            return rules\n              .map(validate => validate(form))\n              .filter(v8nResult => typeof v8nResult === 'string')\n              .filter((err, errIndex, errs) => errs.indexOf(err) === errIndex) as string[];\n          },\n        }),\n      },\n    })\n  );\n\n  /**\n   * If network request returns non-2XX code, the entire error response\n   * will be available via this getter.\n   *\n   * This property is readonly. Changing failure records via this property is\n   * not guaranteed to work. NucleonElement does not provide a way to override error status.\n   *\n   * @since 1.4.0\n   */\n  get failure(): Response | null {\n    return this.__service.state.context.failure;\n  }\n\n  /**\n   * Array of validation errors returned from `NucleonElement.v8n` checks.\n   *\n   * This property is readonly. Adding or removing error codes via this property is\n   * not guaranteed to work. NucleonElement does not provide a way to override validity status.\n   */\n  get errors(): string[] {\n    return this.__service.state.context.errors;\n  }\n\n  /**\n   * Resource snapshot with edits applied. Empty object if unavailable.\n   *\n   * This property and its value are readonly. Assignments like `element.data.foo = 'bar'`\n   * are not guaranteed to work. Please use `element.edit({ foo: 'bar' })` instead.\n   * If you need to replace the entire data object, consider using `element.data`.\n   */\n  get form(): Partial<TData> {\n    const { data, edits } = this.__service.state.context;\n    return { ...data, ...edits } as Partial<TData>;\n  }\n\n  /**\n   * Resource snapshot as-is, no edits applied. Null if unavailable.\n   *\n   * Returned value is not reactive. Assignments like `element.data.foo = 'bar'`\n   * are not guaranteed to work. Please set the property instead: `element.data = { ...element.data, foo: 'bar' }`.\n   * If you're processing user input, consider using `element.form` and `element.edit()` instead.\n   */\n  get data(): TData | null {\n    return this.__service.state.context.data;\n  }\n\n  set data(data: TData | null) {\n    this.__service.send({ type: 'SET_DATA', data });\n    this.__href = data?._links.self.href ?? '';\n  }\n\n  /**\n   * Rumour group. Elements in different groups will not share updates. Empty by default.\n   * @example element.group = 'my-group'\n   */\n  get group(): string {\n    return this.__group;\n  }\n\n  set group(value: string) {\n    this.__group = value;\n    this.__destroyRumour();\n    this.__createRumour();\n  }\n\n  /**\n   * Optional URL of the resource to load. Switches element to `idle.template` state if empty (default).\n   * @example element.href = 'https://demo.foxycart.com/s/customer/attributes/0'\n   */\n  get href(): string {\n    return this.__href;\n  }\n\n  set href(value: string) {\n    this.__href = value;\n\n    if (value) {\n      this.__service.send({ type: 'FETCH' });\n    } else {\n      this.__service.send({ type: 'SET_DATA', data: null });\n    }\n  }\n\n  /**\n   * Checks if this element is in the given state.\n   * @example element.in({ idle: 'snapshot' })\n   */\n  in<TStateValue extends Nucleon.State<TData, string>['value']>(\n    stateValue: TStateValue\n  ): this is this & ComputedElementProperties<TData, TStateValue> {\n    return this.__service.state.matches(stateValue);\n  }\n\n  /**\n   * Clears all edits and emits the `update` event.\n   * @example element.undo()\n   */\n  undo(): void {\n    this.__service.send({ type: 'UNDO' });\n  }\n\n  /**\n   * Applies an edit to the local resource snapshot or its template and emits the `update` event.\n   * @example element.edit({ first_name: 'Alex' })\n   */\n  edit(data: Partial<TData>): void {\n    this.__service.send({ type: 'EDIT', data });\n  }\n\n  /**\n   * Submits the form, updating the resource if href isn't empty or creating it otherwise.\n   * Emits multiple `update` events as element state changes. Has no effect on invalid forms.\n   * @example element.submit()\n   */\n  submit(): void {\n    this.__service.send({ type: 'SUBMIT' });\n  }\n\n  /**\n   * Sends a DELETE request to `element.href` and clears local data on success.\n   * Emits multiple update events as element state changes.\n   * @example element.delete()\n   */\n  delete(): void {\n    this.__service.send({ type: 'DELETE' });\n  }\n\n  /**\n   * Fetches data from `element.href` in background, keeping the edits and v8n errors.\n   * @example element.refresh()\n   */\n  refresh(): void {\n    this.__service.send({ type: 'REFRESH' });\n  }\n\n  /** @readonly */\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    this.__createService();\n    this.__createRumour();\n    this.__createServer();\n    this.__processFetchEventQueue();\n  }\n\n  /** @readonly */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n\n    this.__destroyService();\n    this.__destroyRumour();\n    this.__destroyServer();\n    this.__flushFetchEventQueue('parent element was disconnected');\n  }\n\n  /** Sends API request. Throws an error on non-2XX response. */\n  protected async _fetch<TResult = TData>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n    const response = await new API(this).fetch(...args);\n    if (!response.ok) throw response;\n    return response.json();\n  }\n\n  /** POSTs to `element.parent`, shares response with the Rumour group and returns parsed JSON. */\n  protected async _sendPost(edits: Partial<TData>): Promise<TData> {\n    this.__destroyRumour();\n\n    const body = JSON.stringify(edits);\n    const data = await this._fetch(this.parent, { body, method: 'POST' });\n    const rumour = NucleonElement.Rumour(this.group);\n    const related = [...this.related, this.parent];\n\n    rumour.share({ data, related, source: data._links.self.href });\n    this.__createRumour();\n\n    return data;\n  }\n\n  /** GETs `element.href`, shares response with the Rumour group and returns parsed JSON. */\n  protected async _sendGet(): Promise<TData> {\n    this.__destroyRumour();\n\n    const data = await this._fetch(this.href);\n    const rumour = NucleonElement.Rumour(this.group);\n\n    rumour.share({ data, source: this.href });\n    this.__createRumour();\n\n    return data;\n  }\n\n  /** PATCHes `element.href`, shares response with the Rumour group and returns parsed JSON. */\n  protected async _sendPatch(edits: Partial<TData>): Promise<TData> {\n    this.__destroyRumour();\n\n    const body = JSON.stringify(edits);\n    const data = await this._fetch(this.href, { body, method: 'PATCH' });\n    const rumour = NucleonElement.Rumour(this.group);\n\n    rumour.share({ data, source: this.href, related: this.related });\n    this.__createRumour();\n\n    return data;\n  }\n\n  /** DELETEs `element.href`, shares response with the Rumour group and returns parsed JSON. */\n  protected async _sendDelete(): Promise<TData> {\n    this.__destroyRumour();\n\n    const data = await this._fetch(this.href, { method: 'DELETE' });\n    const rumour = NucleonElement.Rumour(this.group);\n    const related = [...this.related, this.parent];\n\n    rumour.share({ data: null, source: this.href, related });\n    this.__createRumour();\n\n    return data;\n  }\n\n  private __createService() {\n    this.__service.onTransition(state => {\n      if (!state.changed) return;\n\n      const flags = state.toStrings().reduce((p, c) => [...p, ...c.split('.')], [] as string[]);\n      this.setAttribute('state', [...new Set(flags)].join(' '));\n\n      this.requestUpdate();\n      this.dispatchEvent(new UpdateEvent());\n\n      if (!state.matches('busy')) this.__processFetchEventQueue();\n    });\n\n    this.__service.onChange(() => {\n      this.requestUpdate();\n      this.dispatchEvent(new UpdateEvent());\n    });\n\n    this.__service.start();\n  }\n\n  private __destroyService() {\n    this.__service.stop();\n  }\n\n  private __createRumour() {\n    const rumour = NucleonElement.Rumour(this.group);\n    this.__unsubscribeFromRumour = rumour.track(update => this.__handleRumourUpdate(update));\n  }\n\n  private __destroyRumour() {\n    this.__unsubscribeFromRumour?.();\n  }\n\n  private __createServer() {\n    this.__fetchEventHandler = this.__handleFetchEvent.bind(this);\n    this.addEventListener('fetch', this.__fetchEventHandler);\n  }\n\n  private __destroyServer() {\n    this.removeEventListener('fetch', this.__fetchEventHandler);\n  }\n\n  private __handleRumourUpdate(update: (oldData: TData) => TData | null) {\n    try {\n      const oldData = this.__service.state?.context.data;\n      if (!oldData) return;\n\n      const newData = update(oldData);\n      if (newData !== oldData) this.__service.send({ data: newData, type: 'SET_DATA' });\n    } catch (err) {\n      if (err instanceof Rumour.UpdateError) {\n        this.__service.send({ type: 'REFRESH' });\n      } else {\n        throw err;\n      }\n    }\n  }\n\n  private __processFetchEventQueue() {\n    const api = new NucleonElement.API(this);\n\n    this.__fetchEventQueue.forEach(event => {\n      const request = event.request;\n      const cacheResponse = serveFromCache(request.url, this.data);\n      const whenResponseReady = cacheResponse.ok ? cacheResponse : api.fetch(request);\n\n      event.respondWith(Promise.resolve(whenResponseReady));\n\n      if (cacheResponse.ok) {\n        console.debug(\n          `%c@foxy.io/elements::${this.localName}\\n%c200%c GET ${request.url}`,\n          'color: gray',\n          `background: gray; padding: 0 .2em; border-radius: .2em; color: white;`,\n          ''\n        );\n      }\n    });\n\n    this.__fetchEventQueue = [];\n  }\n\n  private __flushFetchEventQueue(errorMessage: string) {\n    this.__fetchEventQueue.forEach(event => {\n      event.respondWith(Promise.reject(new Error(errorMessage)));\n    });\n\n    this.__fetchEventQueue = [];\n  }\n\n  private __handleFetchEvent(event: Event) {\n    if (!(event instanceof FetchEvent)) return;\n    if (event.defaultPrevented) return;\n    if (event.request.method !== 'GET') return;\n    if (event.request.url.startsWith('foxy://')) return;\n    if (event.composedPath()[0] === this) return;\n\n    event.preventDefault();\n    this.__fetchEventQueue.push(event);\n\n    if (!this.in('busy')) this.__processFetchEventQueue();\n  }\n}\n"]}

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

@@ -0,0 +1,37 @@
+import { LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';
+declare const Base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+} & {
+    styles: import("lit-element").CSSResultArray;
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+/**
+ * Helper element that adds pagination controls to elements
+ * representing Hypermedia API collection pages. Works with NucleonElement instances only.
+ * Page element **MUST** be a direct descendant of `foxy-pagination`.
+ *
+ * @example
+ * ```html
+ * <foxy-pagination first="https://demo.api/hapi/customers?limit=3">
+ *   <foxy-customers-table></foxy-customers-table>
+ * </foxy-pagination>
+ * ```
+ *
+ * @element foxy-pagination
+ * @since 1.15.0
+ */
+export declare class Pagination extends Base {
+    static get properties(): PropertyDeclarations;
+    private __pageElement;
+    private __rerender;
+    private __first;
+    /** URL of the first page of the colletion. */
+    get first(): string;
+    set first(newValue: string);
+    connectedCallback(): void;
+    render(): TemplateResult;
+    disconnectedCallback(): void;
+    private __goTo;
+    private __disconnectPageElement;
+    private __connectPageElement;
+}
+export {};

package/dist/elements/public/Pagination/Pagination.js

@@ -0,0 +1,158 @@
+import { LitElement, html } from 'lit-element';
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+import { NucleonElement } from "../NucleonElement/NucleonElement.js";
+import { ResponsiveMixin } from "../../../mixins/responsive.js";
+import { ThemeableMixin } from "../../../mixins/themeable.js";
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { classMap } from "../../../utils/class-map.js";
+import get from 'lodash-es/get';
+const NS = 'pagination';
+const Base = ResponsiveMixin(ConfigurableMixin(ThemeableMixin(TranslatableMixin(LitElement, NS))));
+/**
+ * Helper element that adds pagination controls to elements
+ * representing Hypermedia API collection pages. Works with NucleonElement instances only.
+ * Page element **MUST** be a direct descendant of `foxy-pagination`.
+ *
+ * @example
+ * ```html
+ * <foxy-pagination first="https://demo.api/hapi/customers?limit=3">
+ *   <foxy-customers-table></foxy-customers-table>
+ * </foxy-pagination>
+ * ```
+ *
+ * @element foxy-pagination
+ * @since 1.15.0
+ */
+export class Pagination extends Base {
+    constructor() {
+        super(...arguments);
+        this.__pageElement = null;
+        this.__rerender = () => this.requestUpdate();
+        this.__first = '';
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            first: { type: String },
+            __pageElement: { attribute: false },
+        };
+    }
+    /** URL of the first page of the colletion. */
+    get first() {
+        return this.__first;
+    }
+    set first(newValue) {
+        this.__first = newValue;
+        if (this.__pageElement)
+            this.__pageElement.href = newValue;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.__connectPageElement();
+    }
+    render() {
+        var _a;
+        const data = (_a = this.__pageElement) === null || _a === void 0 ? void 0 : _a.data;
+        const { disabled, lang, ns } = this;
+        const returnedItemsValue = Number(get(data, 'returned_items'));
+        const returnedItems = Number.isNaN(returnedItemsValue) ? 0 : returnedItemsValue;
+        const totalItemsValue = Number(get(data, 'total_items'));
+        const totalItems = Number.isNaN(totalItemsValue) ? 0 : totalItemsValue;
+        const offsetValue = Number(get(data, 'offset'));
+        const offset = Number.isNaN(offsetValue) ? 0 : offsetValue;
+        const canGoBack = !disabled && offset > 0;
+        const canGoForth = !disabled && offset + returnedItems < totalItems;
+        const labelClass = 'sr-only sm-not-sr-only';
+        return html `
+      <slot @slotchange=${this.__connectPageElement}></slot>
+
+      <div class="grid grid-cols-3 gap-s items-center">
+        <div class="flex items-center space-x-s">
+          <vaadin-button
+            data-testid="first"
+            theme="contrast tertiary-inline"
+            ?disabled=${!canGoBack}
+            @click=${() => this.__goTo('first')}
+          >
+            <iron-icon class="icon-inline text-s" icon="icons:first-page"></iron-icon>
+            <foxy-i18n class=${labelClass} lang=${lang} key="first" ns=${ns}></foxy-i18n>
+          </vaadin-button>
+
+          <vaadin-button
+            data-testid="prev"
+            theme="contrast tertiary-inline"
+            ?disabled=${!canGoBack}
+            @click=${() => this.__goTo('prev')}
+          >
+            <iron-icon class="icon-inline text-s" icon="icons:chevron-left"></iron-icon>
+            <foxy-i18n class=${labelClass} lang=${lang} key="previous" ns=${ns}></foxy-i18n>
+          </vaadin-button>
+        </div>
+
+        <foxy-i18n
+          options=${JSON.stringify({
+            total: totalItems,
+            from: offset ? offset + 1 : 0,
+            to: offset + returnedItems,
+        })}
+          class=${classMap({
+            'flex-1 text-xs text-tertiary text-center leading-xs': true,
+            'opacity-0': !data,
+        })}
+          lang=${lang}
+          key="pagination"
+          ns=${ns}
+        >
+        </foxy-i18n>
+
+        <div class="flex items-center justify-end space-x-s">
+          <vaadin-button
+            data-testid="next"
+            theme="contrast tertiary-inline"
+            ?disabled=${!canGoForth}
+            @click=${() => this.__goTo('next')}
+          >
+            <foxy-i18n class=${labelClass} lang=${lang} key="next" ns=${ns}></foxy-i18n>
+            <iron-icon class="icon-inline text-s" icon="icons:chevron-right"></iron-icon>
+          </vaadin-button>
+
+          <vaadin-button
+            data-testid="last"
+            theme="contrast tertiary-inline"
+            ?disabled=${!canGoForth}
+            @click=${() => this.__goTo('last')}
+          >
+            <foxy-i18n class=${labelClass} lang=${lang} key="last" ns=${ns}></foxy-i18n>
+            <iron-icon class="icon-inline text-s" icon="icons:last-page"></iron-icon>
+          </vaadin-button>
+        </div>
+      </div>
+    `;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.__disconnectPageElement();
+    }
+    __goTo(rel) {
+        var _a;
+        this.__pageElement.href = String(get((_a = this.__pageElement) === null || _a === void 0 ? void 0 : _a.data, `_links.${rel}.href`));
+    }
+    __disconnectPageElement() {
+        var _a;
+        (_a = this.__pageElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('update', this.__rerender);
+        this.__pageElement = null;
+    }
+    __connectPageElement() {
+        var _a;
+        this.__disconnectPageElement();
+        const slot = this.renderRoot.querySelector('slot');
+        const assignedElements = (_a = slot === null || slot === void 0 ? void 0 : slot.assignedElements()) !== null && _a !== void 0 ? _a : [];
+        const firstNucleonElement = assignedElements.find(el => el instanceof NucleonElement);
+        if (firstNucleonElement) {
+            this.__pageElement = firstNucleonElement;
+            this.__pageElement.addEventListener('update', this.__rerender);
+            this.__pageElement.href = this.first;
+        }
+    }
+}
+//# sourceMappingURL=Pagination.js.map