@foxy.io/elements 1.16.0 → 1.18.0-beta.2

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorEntryCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ErrorEntryCard/ErrorEntryCard.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAGlF,OAAO,EAAE,QAAQ,EAAE,sBAAmB;AACtC,OAAO,EAAE,KAAK,EAAE,qCAAkC;AAClD,OAAO,EAAE,cAAc,EAAE,mCAAgC;AACzD,OAAO,EAAE,cAAc,EAAE,4BAAyB;AAClD,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,kBAAkB,CAAC;AAC9B,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAExF;;;;GAIG;AACH,MAAM,OAAO,cAAe,SAAQ,IAAU;IAA9C;;QAmBE;;;WAGG;QACH,SAAI,GAAG,KAAK,CAAC;IA2Lf,CAAC;IAjNC,MAAM,KAAK,cAAc;QACvB,OAAO;YACL,mBAAmB,EAAE,cAAc;YACnC,cAAc,EAAE,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC;YAClD,aAAa,EAAE,QAAQ;YACvB,WAAW,EAAE,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC;YAC5C,WAAW,EAAE,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC;YAC5C,SAAS,EAAE,KAAK;SACjB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;SACvC,CAAC;IACJ,CAAC;IAQD,MAAM;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;QAE/B,IAAI,IAAI,EAAE;YACR,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;YAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;YAEtB,OAAO,IAAI,CAAA;;sBAEK,MAAM;;;kBAGV,IAAI;oBACF,IAAI,CAAC,cAAc;;;;;;;sBAOjB,QAAQ,CAAC;gBACf,8CAA8C,EAAE,IAAI;gBACpD,iBAAiB,EAAE,UAAU,IAAI,CAAC,IAAI;gBACtC,gBAAgB,EAAE,CAAC,UAAU;gBAC7B,cAAc,EAAE,UAAU,IAAI,IAAI;gBAClC,KAAK,EAAE,CAAC,IAAI;aACb,CAAC;;gBAEA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;;;;YAI9B,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;;OAE3C,CAAC;SACH;aAAM;YACL,OAAO,IAAI,CAAA;;sBAEK,MAAM;;;;;;;;oBAQR,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;mBACtD,IAAI,CAAC,IAAI;iBACX,IAAI,CAAC,EAAE;;;;OAIjB,CAAC;SACH;IACH,CAAC;IAEO,uBAAuB,CAAC,SAAiB,EAAE,UAAkB;QACnE,MAAM,MAAM,GAAG,SAAS,IAAI,UAAU,CAAC;QACvC,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;QAC9D,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;QAE1C,OAAO,IAAI,CAAA;;uFAEwE,MAAM;4BACjE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;;KAEnE,CAAC;IACJ,CAAC;IAEO,gBAAgB,CAAC,QAAgB;QACvC,OAAO,IAAI,CAAA;;;;;eAKA,QAAQ;;;UAGb,QAAQ;;KAEb,CAAC;IACJ,CAAC;IAEO,eAAe,CAAC,IAAU;QAChC,OAAO,IAAI,CAAA;;wCAEyB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;;iCAGlC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc;;oBAE5D,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;iBAC/C,IAAI,CAAC,IAAI;;eAEX,IAAI,CAAC,EAAE;;;;;oBAKF,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;iBAC/C,IAAI,CAAC,IAAI;;eAEX,IAAI,CAAC,EAAE;;;;;kBAKJ,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;UACnC,IAAI,CAAC,aAAa;;KAEvB,CAAC;IACJ,CAAC;IAEO,eAAe,CAAC,IAAU;QAChC,OAAO,IAAI,CAAA;;;0CAG2B,IAAI,CAAC,IAAI,qBAAqB,IAAI,CAAC,EAAE;;;;kDAI7B,IAAI,CAAC,GAAG;gBAC1C,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;;;cAG3D,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW;YACnC,CAAC,CAAC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC;YACjE,CAAC,CAAC,EAAE;;;;;0CAKwB,IAAI,CAAC,IAAI,oBAAoB,IAAI,CAAC,EAAE;;;;gBAI9D,IAAI,CAAC,UAAU;gBACf,IAAI,CAAC,UAAU;YACf,CAAC,CAAC,IAAI,CAAA,yCAAyC,IAAI,CAAC,UAAU,EAAE;YAChE,CAAC,CAAC,EAAE;;;cAGN,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA,gCAAgC,IAAI,CAAC,UAAU,SAAS,CAAC,CAAC,CAAC,EAAE;;;;UAIvF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;YAClD,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE,OAAO,EAAE,CAAC;YAE9D,OAAO,IAAI,CAAA;;8CAEyB,IAAI,CAAC,IAAI,QAAQ,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,EAAE;;;;;uBAKrE,IAAI,CAAC,IAAI;uBACT,IAAI,CAAC,IAAI;qBACX,IAAI,CAAC,EAAE;;;;WAIjB,CAAC;QACJ,CAAC,CAAC;;KAEL,CAAC;IACJ,CAAC;IAEO,cAAc,CAAC,KAAY;;QACjC,MAAM,OAAO,GAAG,KAAK,CAAC,MAA4B,CAAC;QAEnD,IAAI,OAAO,CAAC,IAAI,IAAI,OAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,MAAK,KAAK,EAAE;YACnD,IAAI,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;YAChC,IAAI,CAAC,MAAM,EAAE,CAAC;SACf;QAED,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAC3B,CAAC;IAEO,YAAY,CAAC,IAAY;QAC/B,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACvD,WAAW,CAAC,SAAS,GAAG,IAAI,CAAC;QAC7B,OAAO,WAAW,CAAC,KAAK,CAAC;IAC3B,CAAC;CACF","sourcesContent":["import { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\n\nimport { Data } from './types';\nimport { DataList } from './DataList';\nimport { Group } from '../../private/Group/Group';\nimport { NucleonElement } from '../NucleonElement/index';\nimport { ResourceViewer } from './ResourceViewer';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst NS = 'error-entry-card';\nconst Base = TranslatableMixin(ThemeableMixin(ScopedElementsMixin(NucleonElement)), NS);\n\n/**\n * Displays an ErrorEntry from the Log of FoxyAPI.\n *\n * @element foxy-error-entry-card\n */\nexport class ErrorEntryCard extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'x-resource-viewer': ResourceViewer,\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'x-data-list': DataList,\n      'iron-icon': customElements.get('iron-icon'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'x-group': Group,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      open: { type: Boolean, reflect: true },\n    };\n  }\n\n  /**\n   * If true, displays the error details.\n   * Additionally, sets `form.hide_error` to `true` and submits changes on first view.\n   */\n  open = false;\n\n  render(): TemplateResult {\n    const data = this.data;\n    const isBusy = this.in('busy');\n\n    if (data) {\n      const { hide_error } = data;\n      const { open } = this;\n\n      return html`\n        <details\n          aria-busy=${isBusy}\n          aria-live=\"polite\"\n          class=\"text-body w-full\"\n          ?open=${open}\n          @toggle=${this.__handleToggle}\n        >\n          <summary\n            class=\"rounded-s ring-offset-4 ring-offset-base ring-primary-50 focus-outline-none focus-ring-2\"\n          >\n            <div\n              style=\"padding-left: calc(var(--lumo-space-xs) + var(--lumo-space-s) - 1px)\"\n              class=${classMap({\n                'border-l-2 leading-s relative cursor-pointer': true,\n                'border-contrast': hide_error && !open,\n                'border-primary': !hide_error,\n                'border-error': hide_error && open,\n                'h-l': !open,\n              })}\n            >\n              ${this.__renderSummary(data)}\n            </div>\n          </summary>\n\n          ${open ? this.__renderDetails(data) : ''}\n        </details>\n      `;\n    } else {\n      return html`\n        <div\n          aria-busy=${isBusy}\n          aria-live=\"polite\"\n          style=\"padding-left: calc(var(--lumo-space-xs) + var(--lumo-space-s) - 1px)\"\n          class=\"flex items-center justify-center border-l-2 leading-s relative border-contrast-10 h-l\"\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            layout=\"horizontal\"\n            state=${isBusy ? 'busy' : this.in('fail') ? 'error' : 'empty'}\n            lang=${this.lang}\n            ns=${this.ns}\n          >\n          </foxy-spinner>\n        </div>\n      `;\n    }\n  }\n\n  private __renderGetOrPostValues(getValues: string, postValues: string) {\n    const values = getValues || postValues;\n    const params = new URLSearchParams(this.__decodeHtml(values));\n    const method = getValues ? 'GET' : 'POST';\n\n    return html`\n      <div class=\"relative leading-xs pt-s\">\n        <div class=\"absolute font-semibold right-0 text-tertiary text-xs top-0 mt-s\">${method}</div>\n        <x-data-list data=${JSON.stringify(Array.from(params.entries()))}></x-data-list>\n      </div>\n    `;\n  }\n\n  private __renderReferrer(referrer: string) {\n    return html`\n      <span class=\"text-secondary\">Navigated from</span>\n      <a\n        target=\"_blank\"\n        class=\"font-semibold text-primary hover-underline\"\n        href=${referrer}\n        rel=\"nofollow noopener noreferrer\"\n      >\n        ${referrer}\n      </a>\n    `;\n  }\n\n  private __renderSummary(data: Data) {\n    return html`\n      <div class=\"text-s absolute right-0 top-0 text-tertiary\">\n        <iron-icon icon=\"icons:expand-${this.open ? 'less' : 'more'}\"></iron-icon>\n      </div>\n\n      <div class=\"text-s mb-xs ${data.hide_error ? 'text-error' : 'text-primary'}\">\n        <foxy-i18n\n          options=${JSON.stringify({ value: data.date_created })}\n          lang=${this.lang}\n          key=\"date\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n\n        <foxy-i18n\n          options=${JSON.stringify({ value: data.date_created })}\n          lang=${this.lang}\n          key=\"time\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n      </div>\n\n      <p class=\"${this.open ? '' : 'truncate'} overflow-hidden font-medium\">\n        ${data.error_message}\n      </p>\n    `;\n  }\n\n  private __renderDetails(data: Data) {\n    return html`\n      <div class=\"space-y-m pt-m\">\n        <x-group frame>\n          <foxy-i18n slot=\"header\" lang=${this.lang} key=\"request\" ns=${this.ns}></foxy-i18n>\n\n          <div class=\"mx-xs p-s text-s divide-y divide-contrast-10 space-y-s\">\n            <p>\n              <span class=\"block font-semibold\">${data.url}</span>\n              ${data.referrer ? this.__renderReferrer(data.referrer) : ''}\n            </p>\n\n            ${data.get_values || data.post_values\n              ? this.__renderGetOrPostValues(data.get_values, data.post_values)\n              : ''}\n          </div>\n        </x-group>\n\n        <x-group frame>\n          <foxy-i18n slot=\"header\" lang=${this.lang} key=\"client\" ns=${this.ns}></foxy-i18n>\n\n          <div class=\"text-s flex flex-col mx-xs p-s\">\n            <span class=\"font-semibold\">\n              ${data.ip_address}\n              ${data.ip_country\n                ? html`<span class=\"text-tertiary\"> • </span>${data.ip_country}`\n                : ''}\n            </span>\n\n            ${data.user_agent ? html`<span class=\"text-secondary\">${data.user_agent}</span>` : ''}\n          </div>\n        </x-group>\n\n        ${Object.entries(data._links).map(([curie, link]) => {\n          if (['self', 'fx:store', 'curies'].includes(curie)) return '';\n\n          return html`\n            <x-group frame>\n              <foxy-i18n slot=\"header\" lang=${this.lang} key=${curie.substr(3)} ns=${this.ns}>\n              </foxy-i18n>\n\n              <x-resource-viewer\n                class=\"p-s mx-xs\"\n                href=${link.href}\n                lang=${this.lang}\n                ns=${this.ns}\n              >\n              </x-resource-viewer>\n            </x-group>\n          `;\n        })}\n      </div>\n    `;\n  }\n\n  private __handleToggle(event: Event) {\n    const details = event.target as HTMLDetailsElement;\n\n    if (details.open && this.data?.hide_error === false) {\n      this.edit({ hide_error: true });\n      this.submit();\n    }\n\n    this.open = details.open;\n  }\n\n  private __decodeHtml(html: string) {\n    const areaElement = document.createElement('textarea');\n    areaElement.innerHTML = html;\n    return areaElement.value;\n  }\n}\n"]}
+{"version":3,"file":"ErrorEntryCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ErrorEntryCard/ErrorEntryCard.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAGlF,OAAO,EAAE,QAAQ,EAAE,sBAAmB;AACtC,OAAO,EAAE,KAAK,EAAE,qCAAkC;AAClD,OAAO,EAAE,cAAc,EAAE,mCAAgC;AACzD,OAAO,EAAE,cAAc,EAAE,4BAAyB;AAClD,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,kBAAkB,CAAC;AAC9B,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAExF;;;;GAIG;AACH,MAAM,OAAO,cAAe,SAAQ,IAAU;IAA9C;;QAmBE;;;WAGG;QACH,SAAI,GAAG,KAAK,CAAC;IA2Lf,CAAC;IAjNC,MAAM,KAAK,cAAc;QACvB,OAAO;YACL,mBAAmB,EAAE,cAAc;YACnC,cAAc,EAAE,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC;YAClD,aAAa,EAAE,QAAQ;YACvB,WAAW,EAAE,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC;YAC5C,WAAW,EAAE,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC;YAC5C,SAAS,EAAE,KAAK;SACjB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;SACvC,CAAC;IACJ,CAAC;IAQD,MAAM;;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;QAE/B,IAAI,IAAI,EAAE;YACR,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;YAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;YAEtB,OAAO,IAAI,CAAA;;sBAEK,MAAM;;;kBAGV,IAAI;oBACF,IAAI,CAAC,cAAc;;;;;;;sBAOjB,QAAQ,CAAC;gBACf,8CAA8C,EAAE,IAAI;gBACpD,iBAAiB,EAAE,UAAU,IAAI,CAAC,IAAI;gBACtC,gBAAgB,EAAE,CAAC,UAAU;gBAC7B,cAAc,EAAE,UAAU,IAAI,IAAI;gBAClC,KAAK,EAAE,CAAC,IAAI;aACb,CAAC;;gBAEA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;;;;YAI9B,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;;OAE3C,CAAC;SACH;aAAM;YACL,OAAO,IAAI,CAAA;;sBAEK,MAAM;;;;;;;;oBAQR,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;mBACtD,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;OAIzE,CAAC;SACH;IACH,CAAC;IAEO,uBAAuB,CAAC,SAAiB,EAAE,UAAkB;QACnE,MAAM,MAAM,GAAG,SAAS,IAAI,UAAU,CAAC;QACvC,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;QAC9D,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;QAE1C,OAAO,IAAI,CAAA;;uFAEwE,MAAM;4BACjE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;;KAEnE,CAAC;IACJ,CAAC;IAEO,gBAAgB,CAAC,QAAgB;QACvC,OAAO,IAAI,CAAA;;;;;eAKA,QAAQ;;;UAGb,QAAQ;;KAEb,CAAC;IACJ,CAAC;IAEO,eAAe,CAAC,IAAU;QAChC,OAAO,IAAI,CAAA;;wCAEyB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;;iCAGlC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc;;oBAE5D,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;iBAC/C,IAAI,CAAC,IAAI;;eAEX,IAAI,CAAC,EAAE;;;;;oBAKF,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;iBAC/C,IAAI,CAAC,IAAI;;eAEX,IAAI,CAAC,EAAE;;;;;kBAKJ,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;UACnC,IAAI,CAAC,aAAa;;KAEvB,CAAC;IACJ,CAAC;IAEO,eAAe,CAAC,IAAU;QAChC,OAAO,IAAI,CAAA;;;0CAG2B,IAAI,CAAC,IAAI,qBAAqB,IAAI,CAAC,EAAE;;;;kDAI7B,IAAI,CAAC,GAAG;gBAC1C,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;;;cAG3D,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW;YACnC,CAAC,CAAC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC;YACjE,CAAC,CAAC,EAAE;;;;;0CAKwB,IAAI,CAAC,IAAI,oBAAoB,IAAI,CAAC,EAAE;;;;gBAI9D,IAAI,CAAC,UAAU;gBACf,IAAI,CAAC,UAAU;YACf,CAAC,CAAC,IAAI,CAAA,yCAAyC,IAAI,CAAC,UAAU,EAAE;YAChE,CAAC,CAAC,EAAE;;;cAGN,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA,gCAAgC,IAAI,CAAC,UAAU,SAAS,CAAC,CAAC,CAAC,EAAE;;;;UAIvF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;YAClD,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE,OAAO,EAAE,CAAC;YAE9D,OAAO,IAAI,CAAA;;8CAEyB,IAAI,CAAC,IAAI,QAAQ,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,EAAE;;;;;uBAKrE,IAAI,CAAC,IAAI;uBACT,IAAI,CAAC,IAAI;qBACX,IAAI,CAAC,EAAE;;;;WAIjB,CAAC;QACJ,CAAC,CAAC;;KAEL,CAAC;IACJ,CAAC;IAEO,cAAc,CAAC,KAAY;;QACjC,MAAM,OAAO,GAAG,KAAK,CAAC,MAA4B,CAAC;QAEnD,IAAI,OAAO,CAAC,IAAI,IAAI,OAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,MAAK,KAAK,EAAE;YACnD,IAAI,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;YAChC,IAAI,CAAC,MAAM,EAAE,CAAC;SACf;QAED,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAC3B,CAAC;IAEO,YAAY,CAAC,IAAY;QAC/B,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACvD,WAAW,CAAC,SAAS,GAAG,IAAI,CAAC;QAC7B,OAAO,WAAW,CAAC,KAAK,CAAC;IAC3B,CAAC;CACF","sourcesContent":["import { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\n\nimport { Data } from './types';\nimport { DataList } from './DataList';\nimport { Group } from '../../private/Group/Group';\nimport { NucleonElement } from '../NucleonElement/index';\nimport { ResourceViewer } from './ResourceViewer';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst NS = 'error-entry-card';\nconst Base = TranslatableMixin(ThemeableMixin(ScopedElementsMixin(NucleonElement)), NS);\n\n/**\n * Displays an ErrorEntry from the Log of FoxyAPI.\n *\n * @element foxy-error-entry-card\n */\nexport class ErrorEntryCard extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'x-resource-viewer': ResourceViewer,\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'x-data-list': DataList,\n      'iron-icon': customElements.get('iron-icon'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'x-group': Group,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      open: { type: Boolean, reflect: true },\n    };\n  }\n\n  /**\n   * If true, displays the error details.\n   * Additionally, sets `form.hide_error` to `true` and submits changes on first view.\n   */\n  open = false;\n\n  render(): TemplateResult {\n    const data = this.data;\n    const isBusy = this.in('busy');\n\n    if (data) {\n      const { hide_error } = data;\n      const { open } = this;\n\n      return html`\n        <details\n          aria-busy=${isBusy}\n          aria-live=\"polite\"\n          class=\"text-body w-full\"\n          ?open=${open}\n          @toggle=${this.__handleToggle}\n        >\n          <summary\n            class=\"rounded-s ring-offset-4 ring-offset-base ring-primary-50 focus-outline-none focus-ring-2\"\n          >\n            <div\n              style=\"padding-left: calc(var(--lumo-space-xs) + var(--lumo-space-s) - 1px)\"\n              class=${classMap({\n                'border-l-2 leading-s relative cursor-pointer': true,\n                'border-contrast': hide_error && !open,\n                'border-primary': !hide_error,\n                'border-error': hide_error && open,\n                'h-l': !open,\n              })}\n            >\n              ${this.__renderSummary(data)}\n            </div>\n          </summary>\n\n          ${open ? this.__renderDetails(data) : ''}\n        </details>\n      `;\n    } else {\n      return html`\n        <div\n          aria-busy=${isBusy}\n          aria-live=\"polite\"\n          style=\"padding-left: calc(var(--lumo-space-xs) + var(--lumo-space-s) - 1px)\"\n          class=\"flex items-center justify-center border-l-2 leading-s relative border-contrast-10 h-l\"\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            layout=\"horizontal\"\n            state=${isBusy ? 'busy' : this.in('fail') ? 'error' : 'empty'}\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      `;\n    }\n  }\n\n  private __renderGetOrPostValues(getValues: string, postValues: string) {\n    const values = getValues || postValues;\n    const params = new URLSearchParams(this.__decodeHtml(values));\n    const method = getValues ? 'GET' : 'POST';\n\n    return html`\n      <div class=\"relative leading-xs pt-s\">\n        <div class=\"absolute font-semibold right-0 text-tertiary text-xs top-0 mt-s\">${method}</div>\n        <x-data-list data=${JSON.stringify(Array.from(params.entries()))}></x-data-list>\n      </div>\n    `;\n  }\n\n  private __renderReferrer(referrer: string) {\n    return html`\n      <span class=\"text-secondary\">Navigated from</span>\n      <a\n        target=\"_blank\"\n        class=\"font-semibold text-primary hover-underline\"\n        href=${referrer}\n        rel=\"nofollow noopener noreferrer\"\n      >\n        ${referrer}\n      </a>\n    `;\n  }\n\n  private __renderSummary(data: Data) {\n    return html`\n      <div class=\"text-s absolute right-0 top-0 text-tertiary\">\n        <iron-icon icon=\"icons:expand-${this.open ? 'less' : 'more'}\"></iron-icon>\n      </div>\n\n      <div class=\"text-s mb-xs ${data.hide_error ? 'text-error' : 'text-primary'}\">\n        <foxy-i18n\n          options=${JSON.stringify({ value: data.date_created })}\n          lang=${this.lang}\n          key=\"date\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n\n        <foxy-i18n\n          options=${JSON.stringify({ value: data.date_created })}\n          lang=${this.lang}\n          key=\"time\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n      </div>\n\n      <p class=\"${this.open ? '' : 'truncate'} overflow-hidden font-medium\">\n        ${data.error_message}\n      </p>\n    `;\n  }\n\n  private __renderDetails(data: Data) {\n    return html`\n      <div class=\"space-y-m pt-m\">\n        <x-group frame>\n          <foxy-i18n slot=\"header\" lang=${this.lang} key=\"request\" ns=${this.ns}></foxy-i18n>\n\n          <div class=\"mx-xs p-s text-s divide-y divide-contrast-10 space-y-s\">\n            <p>\n              <span class=\"block font-semibold\">${data.url}</span>\n              ${data.referrer ? this.__renderReferrer(data.referrer) : ''}\n            </p>\n\n            ${data.get_values || data.post_values\n              ? this.__renderGetOrPostValues(data.get_values, data.post_values)\n              : ''}\n          </div>\n        </x-group>\n\n        <x-group frame>\n          <foxy-i18n slot=\"header\" lang=${this.lang} key=\"client\" ns=${this.ns}></foxy-i18n>\n\n          <div class=\"text-s flex flex-col mx-xs p-s\">\n            <span class=\"font-semibold\">\n              ${data.ip_address}\n              ${data.ip_country\n                ? html`<span class=\"text-tertiary\"> • </span>${data.ip_country}`\n                : ''}\n            </span>\n\n            ${data.user_agent ? html`<span class=\"text-secondary\">${data.user_agent}</span>` : ''}\n          </div>\n        </x-group>\n\n        ${Object.entries(data._links).map(([curie, link]) => {\n          if (['self', 'fx:store', 'curies'].includes(curie)) return '';\n\n          return html`\n            <x-group frame>\n              <foxy-i18n slot=\"header\" lang=${this.lang} key=${curie.substr(3)} ns=${this.ns}>\n              </foxy-i18n>\n\n              <x-resource-viewer\n                class=\"p-s mx-xs\"\n                href=${link.href}\n                lang=${this.lang}\n                ns=${this.ns}\n              >\n              </x-resource-viewer>\n            </x-group>\n          `;\n        })}\n      </div>\n    `;\n  }\n\n  private __handleToggle(event: Event) {\n    const details = event.target as HTMLDetailsElement;\n\n    if (details.open && this.data?.hide_error === false) {\n      this.edit({ hide_error: true });\n      this.submit();\n    }\n\n    this.open = details.open;\n  }\n\n  private __decodeHtml(html: string) {\n    const areaElement = document.createElement('textarea');\n    areaElement.innerHTML = html;\n    return areaElement.value;\n  }\n}\n"]}

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

@@ -55,21 +55,34 @@ export class GiftCardForm extends Base {
         this.__codesTableColumns = [
             {
                 header: ctx => html `<foxy-i18n lang=${ctx.lang} key="code" ns=${ctx.ns}></foxy-i18n>`,
-                cell: ctx => html `
-        <vaadin-button
-          theme="tertiary contrast"
-          class="p-0"
-          ?disabled=${!this.in('idle') || this.disabledSelector.matches('codes', true)}
-          @click=${(evt) => {
-                    const dialog = this.renderRoot.querySelector('#code-dialog');
-                    const button = evt.currentTarget;
-                    dialog.href = ctx.data._links.self.href;
-                    dialog.show(button);
-                }}
-        >
-          <span class="font-tnum">${ctx.data.code}</span>
-        </vaadin-button>
-      `,
+                cell: ctx => {
+                    const isDisabled = !this.in('idle') || this.disabledSelector.matches('codes', true);
+                    return html `
+          <div class="flex items-center gap-xs">
+            <vaadin-button
+              theme="tertiary-inline contrast"
+              class="p-0"
+              ?disabled=${isDisabled}
+              @click=${(evt) => {
+                        const dialog = this.renderRoot.querySelector('#code-dialog');
+                        const button = evt.currentTarget;
+                        dialog.href = ctx.data._links.self.href;
+                        dialog.show(button);
+                    }}
+            >
+              <span class="font-tnum">${ctx.data.code}</span>
+            </vaadin-button>
+
+            <foxy-copy-to-clipboard
+              ?disabled=${isDisabled}
+              text=${ctx.data.code}
+              lang=${ctx.lang}
+              ns="${ctx.ns} copy-to-clipboard"
+            >
+            </foxy-copy-to-clipboard>
+          </div>
+        `;
+                },
             },
             {
                 header: ctx => html `<foxy-i18n lang=${ctx.lang} key="date_created" ns=${ctx.ns}></foxy-i18n>`,

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

@@ -1 +1 @@
-{"version":3,"file":"GiftCardForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardForm/GiftCardForm.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,IAAI,EAAE,iCAA8B;AACrD,OAAO,EAAwC,IAAI,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAqB,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAGlF,OAAO,EAAE,wBAAwB,EAAE,8CAA2C;AAG9E,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE,OAAO,EAAE,YAAY,EAAE,mDAAgD;AAEvE,OAAO,EAAE,cAAc,EAAE,uDAAoD;AAE7E,OAAO,EAAE,KAAK,EAAE,qCAAkC;AAElD,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAElE,OAAO,EAAE,aAAa,EAAE,qDAAkD;AAI1E,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAE7D,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,UAAU,EAAE,wBAAqB;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,MAAM,EAAE,GAAG,gBAAgB,CAAC;AAC5B,MAAM,IAAI,GAAG,mBAAmB,CAC9B,cAAc,CAAC,iBAAiB,CAAC,eAAe,CAAC,iBAAiB,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAC1F,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,OAAO,YAAa,SAAQ,IAAU;IAA5C;;QAyCU,wBAAmB,GAA4B;YACrD;gBACE,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA,mBAAmB,GAAG,CAAC,IAAI,kBAAkB,GAAG,CAAC,EAAE,eAAe;gBACrF,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA;;;;sBAID,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC;mBACnE,CAAC,GAAgB,EAAE,EAAE;oBAC5B,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAa,cAAc,CAAE,CAAC;oBAC1E,MAAM,MAAM,GAAG,GAAG,CAAC,aAA8B,CAAC;oBAElD,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;oBACxC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBACtB,CAAC;;oCAEyB,GAAG,CAAC,IAAI,CAAC,IAAI;;OAE1C;aACF;YACD;gBACE,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA,mBAAmB,GAAG,CAAC,IAAI,0BAA0B,GAAG,CAAC,EAAE,eAAe;gBAC7F,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA;;oBAEH,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;;iBAEnD,GAAG,CAAC,IAAI;;eAEV,GAAG,CAAC,EAAE;;;OAGd;aACF;YACD;gBACE,SAAS,EAAE,IAAI;gBACf,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA,mBAAmB,CAAC,CAAC,IAAI,sBAAsB,CAAC,CAAC,EAAE,eAAe;gBACnF,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA;;oBAEH,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;;iBAE/C,GAAG,CAAC,IAAI;;eAEV,GAAG,CAAC,EAAE;;;OAGd;aACF;YACD;gBACE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA,mBAAmB,CAAC,CAAC,IAAI,6BAA6B,CAAC,CAAC,EAAE,eAAe;gBAC1F,IAAI,EAAE,GAAG,CAAC,EAAE;;oBAAC,OAAA,IAAI,CAAA;;oBAEH,IAAI,CAAC,SAAS,CAAC;wBACvB,MAAM,EAAE,GAAG,GAAG,CAAC,IAAI,CAAC,eAAe,IAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,aAAa,EAAE;wBACjE,eAAe,EAAE,IAAI,CAAC,iBAAiB;qBACxC,CAAC;iBACK,GAAG,CAAC,IAAI;;eAEV,GAAG,CAAC,EAAE;;;OAGd,CAAA;iBAAA;aACF;SACF,CAAC;QAUM,sBAAiB,GAAkB,IAAI,CAAC;QAExC,sBAAiB,GAAG,EAAE,CAAC;QAEvB,qBAAgB,GAAG,EAAE,CAAC;IA6hBhC,CAAC;IAjpBC,MAAM,KAAK,cAAc;QACvB,OAAO;YACL,mBAAmB,EAAE,cAAc,CAAC,GAAG,CAAC,mBAAmB,CAAC;YAC5D,kBAAkB,EAAE,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC;YAC1D,eAAe,EAAE,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC;YAEpD,WAAW,EAAE,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC;YAE5C,8BAA8B,EAAE,cAAc,CAAC,GAAG,CAAC,8BAA8B,CAAC;YAClF,uBAAuB,EAAE,cAAc,CAAC,GAAG,CAAC,uBAAuB,CAAC;YACpE,oBAAoB,EAAE,cAAc,CAAC,GAAG,CAAC,oBAAoB,CAAC;YAC9D,kBAAkB,EAAE,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC;YAC1D,iBAAiB,EAAE,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC;YACxD,cAAc,EAAE,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC;YAClD,YAAY,EAAE,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC;YAC9C,WAAW,EAAE,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC;YAE5C,8BAA8B,EAAE,wBAAwB;YACxD,mBAAmB,EAAE,cAAc;YACnC,kBAAkB,EAAE,aAAa;YACjC,iBAAiB,EAAE,YAAY;YAC/B,SAAS,EAAE,KAAK;SACjB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,iBAAiB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YACvC,gBAAgB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SACvC,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,eAAe;YACvC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI,eAAe;SACzD,CAAC;IACJ,CAAC;IAgFD,MAAM;;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC;QACnC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAClD,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAC1D,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAExD,OAAO,IAAI,CAAA;;UAEL,YAAY,IAAI,gBAAgB,IAAI,eAAe;YACnD,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,IAAI,CAAA;;kBAEE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,8BAA8B,IAAI,CAAC,YAAY,EAAE,QAAQ;kBACjF,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE;kBAC/C,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE;;aAElD;UACH,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE;UACvE,MAAM,CAAC,OAAO,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,2BAA2B,EAAE;UACtF,MAAM,CAAC,OAAO,CAAC,uBAAuB,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI;YAC3D,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,IAAI,CAAC,4BAA4B,EAAE;UACrC,MAAM,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE;UACnE,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;UAC1E,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;;;;kBAIjE,QAAQ,CAAC;YACf,2DAA2D,EAAE,IAAI;YACjE,+BAA+B,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;SACtE,CAAC;;;;;oBAKQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;mBAC/D,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;;KAK3E,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,QAAQ;QAGtB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,MAAM,CAAQ,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC;QAC1E,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,CAAC;QAEvE,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QAC7C,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;QACrF,IAAI,CAAC,gBAAgB,GAAG,aAAa,CAAC,QAAQ,EAAE,CAAC;QAEjD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAEO,iBAAiB,CAAC,MAAc;QACtC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;QAC9D,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACtE,CAAC;IAEO,cAAc,CAAC,MAAc;QACnC,OAAO,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IAChE,CAAC;IAEO,YAAY;;QAClB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;;0BAGxB,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC;wBAChC,IAAI,CAAC,CAAC,CAAC,4BAA4B,CAAC;;;kBAG1C,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;2BACL,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC;mBACnC,MAAA,IAAI,CAAC,IAAI,CAAC,IAAI,mCAAI,EAAE;sBACjB,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;sBAC/D,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;;qBAE5C,CAAC,GAAkB,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE;mBAC9D,CAAC,GAAgB,EAAE,EAAE;YAC5B,MAAM,OAAO,GAAI,GAAG,CAAC,aAAkC,CAAC,KAAK,CAAC;YAC9D,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QAC/B,CAAC;;;;UAID,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC;;KAE5C,CAAC;IACJ,CAAC;IAEO,gBAAgB;;QACtB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;;;;;;;;kBAQpC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC;sBACd,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC;sBACnE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC;mBAClD,YAAA,IAAI,CAAC,IAAI,CAAC,aAAa,0CAAE,WAAW,qCAAM,EAAE;mBAC5C,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC/B,KAAK,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,YAAY,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,WAAW,EAAE,GAAG;YAC9D,KAAK,EAAE,IAAI;SACZ,CAAC,CAAC;oBACO,CAAC,GAAgB,EAAE,EAAE;YAC7B,MAAM,QAAQ,GAAG,GAAG,CAAC,aAAgC,CAAC;YACtD,IAAI,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;QAC/C,CAAC;;;;UAID,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC;;KAEhD,CAAC;IACJ,CAAC;IAEO,eAAe;;QACrB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC;;;wBAG7B,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;;kBAEtB,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC;;iBAExB,IAAI,CAAC,IAAI;eACX,IAAI,CAAC,EAAE;sBACA,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC;sBAClE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC;mBACjD,MAAA,IAAI,CAAC,IAAI,CAAC,aAAa,mCAAI,EAAE;oBAC5B,CAAC,GAA8B,EAAE,EAAE;YAC3C,MAAM,KAAK,GAAG,GAAG,CAAC,aAA+B,CAAC;YAClD,IAAI,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;QAC5C,CAAC;;;;UAID,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC;;KAE/C,CAAC;IACJ,CAAC;IAEO,aAAa;;QACnB,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;QAE3F,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC/E,MAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC;QACvC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,CAAC;QAE7D,IAAI,eAAe,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;QAC/F,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QAEnC,MAAM,iBAAiB,GAAG,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC;QACxE,MAAM,gBAAgB,GAAG,SAAS,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;QAE/E,OAAO,IAAI,CAAA;;;6BAGc,gBAAgB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,QAAQ,EAAE;6BACvD,gBAAgB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,QAAQ,EAAE;wCAC5C,cAAc,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,QAAQ,EAAE;;mBAE1E,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,mBAAmB,EAAE,IAAI,mCAAI,EAAE;kBAC7C,KAAK;iBACN,IAAI;;eAEN,EAAE;;;qBAGI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;;;;;6BAKR,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,QAAQ,EAAE;6BAC9C,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,QAAQ,EAAE;2BAChD,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,QAAQ,EAAE;;mBAEpD,GAAG,CAAC,QAAQ,EAAE;kBACf,KAAK;iBACN,IAAI;;eAEN,EAAE;;;;;;6BAMY,gBAAgB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,QAAQ,EAAE;6BACrD,gBAAgB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,QAAQ,EAAE;wCAC1C,cAAc,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,QAAQ,EAAE;;mBAExE,IAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,IAAI;kBACxC,KAAK;iBACN,IAAI;;eAEN,EAAE;;;;;UAKP,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;;;;mBAKhC,IAAI;;iBAEN,EAAE;;;;;;;wBAOK,UAAU;qBACb,CAAC,GAAgB,EAAE,EAAE;YAC5B,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAa,wBAAwB,CAAC,CAAC;YACnF,MAAM,MAAM,GAAG,GAAG,CAAC,aAA8B,CAAC;YAClD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,MAAM,EAAE;QACvB,CAAC;;6CAEgC,IAAI,sBAAsB,EAAE;;;;;;;wBAOjD,UAAU;qBACb,CAAC,GAAgB,EAAE,EAAE;YAC5B,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAa,gBAAgB,CAAC,CAAC;YAC3E,MAAM,MAAM,GAAG,GAAG,CAAC,aAA8B,CAAC;YAClD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,MAAM,EAAE;QACvB,CAAC;;6CAEgC,IAAI,oBAAoB,EAAE;;;;;;8BAMzC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;wBACxC,UAAU;qBACb,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,iBAAiB,GAAG,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;;6CAErC,IAAI,QAAQ,iBAAiB,OAAO,EAAE;yDAC1B,gBAAgB;;;;;;iBAMxD,IAAI;gBACL,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,oBAAoB,CAAC,0CAAE,SAAS,mCAAI,EAAE;sBACzD,UAAU;oBACZ,OAAO,KAAK,IAAI;qBACf,YAAY,CAAC,mBAAmB;mBAClC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE;oBACZ,CAAC,GAAgB,EAAE,EAAE;YAC7B,MAAM,YAAY,GAAG,GAAG,CAAC,aAA6B,CAAC;YACvD,IAAI,CAAC,iBAAiB,GAAG,YAAY,CAAC,KAAK,CAAC;QAC9C,CAAC;;;;;kBAKO,GAAG,CAAC,QAAQ,EAAE;iBACf,IAAI;gBACL,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,0CAAE,SAAS,mCAAI,EAAE;sBACtD,UAAU;;;;oBAIZ,KAAK;mBACN,IAAI;iBACN,EAAE;uBACI,IAAI,CAAC,mBAAmB;;;;;UAKrC,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;IACJ,CAAC;IAEO,2BAA2B;;QACjC,MAAM,KAAK,GAAG,sBAAsB,CAAC;QACrC,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAClF,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC9D,MAAM,YAAY,SAAG,IAAI,CAAC,IAAI,CAAC,yBAAyB,mCAAI,EAAE,CAAC;QAE/D,MAAM,MAAM,GAAG;YACb,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,EAAyC,EAAE;YACrE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,EAAyC,EAAE;SACtE,CAAC;QAEF,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACtC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;gBAC/C,MAAM,MAAM,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACxC,MAAM,KAAK,GAAG,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;gBAE5D,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;YAC9C,CAAC,CAAC,CAAC;SACJ;QAED,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,6BAA6B,CAAC;;;;;sBAK5C,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB;;qBAEhD,IAAI,CAAC,IAAI;;mBAEX,IAAI,CAAC,EAAE;;;;;gBAKV,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC5B,OAAO,IAAI,CAAA;;;8BAGG,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe;;6BAE/C,IAAI,CAAC,IAAI;4BACV,KAAK,CAAC,MAAM;2BACb,IAAI,CAAC,EAAE;;;;;0DAKwB,KAAK,CAAC,MAAM;6BACzC,IAAI,CAAC,IAAI;2BACX,IAAI,CAAC,EAAE;kCACA,UAAU;kCACV,UAAU;+BACb,KAAK,CAAC,KAAK;gCACV,CAAC,GAAgB,EAAE,EAAE;gBAC7B,MAAM,eAAe,GAAG;oBACtB,KAAK,KAAK,CAAC,CAAC,CAAC,CAAE,GAAG,CAAC,aAA8B,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK;oBACzE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAE,GAAG,CAAC,aAA8B,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK;iBAC1E,CAAC;gBAEF,MAAM,wBAAwB,GAAG,eAAe;qBAC7C,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;qBACpE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;qBAClC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBAE1C,MAAM,eAAe,GAAG,wBAAwB,CAAC,CAAC,CAAC;qBAChD,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;qBACrD,IAAI,CAAC,GAAG,CAAC,CAAC;gBAEb,IAAI,CAAC,IAAI,CAAC,EAAE,yBAAyB,EAAE,eAAe,EAAE,CAAC,CAAC;YAC5D,CAAC;;;;iBAIN,CAAC;QACJ,CAAC,CAAC;;;;;oBAKI,QAAQ,CAAC;YACf,2CAA2C,EAAE,IAAI;YACjD,gBAAgB,EAAE,CAAC,UAAU;YAC7B,eAAe,EAAE,UAAU;SAC5B,CAAC;mBACK,IAAI,CAAC,IAAI;;iBAEX,IAAI,CAAC,EAAE;;;;;UAKd,IAAI,CAAC,oBAAoB,CAAC,4BAA4B,CAAC;;KAE5D,CAAC;IACJ,CAAC;IAEO,4BAA4B;;QAClC,MAAM,KAAK,GAAG,uBAAuB,CAAC;QACtC,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAClF,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC9D,MAAM,sBAAsB,SAAG,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,8BAA8B,EAAE,IAAI,CAAC;QAEtF,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,GAAG,KAAK,SAAS,CAAC;;;;oBAIlC,IAAI,CAAC,gBAAgB;mBACtB,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,0CAAE,SAAS,mCAAI,EAAE;wBAC3D,UAAU;;;;qBAIb,IAAI,CAAC,IAAI;;mBAEX,IAAI,CAAC,EAAE;;;;;0CAKgB,SAAS,CAAC,sBAAsB,CAAC;;0BAEjD,IAAI,CAAC,IAAI;;sBAEb,IAAI,CAAC,KAAK;qBACX,IAAI,CAAC,IAAI;mBACX,IAAI,CAAC,EAAE;0BACA,UAAU;0BACV,UAAU;;;;;;;mBAOjB,IAAI,CAAC,IAAI;;iBAEX,IAAI,CAAC,EAAE;;;;;UAKd,IAAI,CAAC,oBAAoB,CAAC,GAAG,KAAK,QAAQ,CAAC;;KAEhD,CAAC;IACJ,CAAC;IAEO,kBAAkB;QACxB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,mBAAmB,CAAC;;;;mBAIpC,CAAC,eAAe,EAAE,cAAc,CAAW,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;;YAAC,OAAA,CAAC;gBAClE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;gBACnB,KAAK,EAAE,OAAA,IAAI,CAAC,IAAI,0CAAG,KAAK,GACtB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAW,CAAC,EAAE,CAAC;oBACjE,CAAC,CAAC,EAAE;aACP,CAAC,CAAA;SAAA,CAAC;;;;UAIH,IAAI,CAAC,oBAAoB,CAAC,kBAAkB,CAAC;;KAElD,CAAC;IACJ,CAAC;IAEO,cAAc;QACpB,MAAM,sBAAsB,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;QACrF,MAAM,sBAAsB,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;QACrF,MAAM,sBAAsB,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;QACrF,MAAM,sBAAsB,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;QACrF,MAAM,iBAAiB,GAAG,sBAAsB,IAAI,sBAAsB,CAAC;QAC3E,MAAM,gBAAgB,GAAG,sBAAsB,IAAI,sBAAsB,CAAC;QAC1E,MAAM,SAAS,GAAG,iBAAiB,IAAI,gBAAgB,CAAC;QACxD,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;QAE/B,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC;;;;;;sBAM9B,MAAM,IAAI,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC;mBACvE,IAAI,CAAC,MAAM;;0BAEJ,IAAI,CAAC,EAAE,sBAAsB,IAAI,CAAC,IAAI;;;UAGtD,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;KAE9C,CAAC;IACJ,CAAC;IAEO,cAAc;QACpB,OAAO,IAAI,CAAA;;;;;;;;;iBASE,IAAI,CAAC,IAAI;eACX,IAAI,CAAC,EAAE;;kBAEJ,CAAC,GAAoB,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;;;;UAIxE,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC;;;;;;sBAM9B,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC;mBACpE,CAAC,GAAgB,EAAE,EAAE;YAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAA0B,CAAC;YACnF,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,aAA8B,CAAC,CAAC;QACnD,CAAC;;0BAEe,IAAI,CAAC,EAAE,sBAAsB,IAAI,CAAC,IAAI;;;UAGtD,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;KAE9C,CAAC;IACJ,CAAC;;AAxiBuB,gCAAmB,GAAa;IACtD,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE;IAClD,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE;IACxE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;IACxD,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;IAChE,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;CACnE,CAAC","sourcesContent":["import { Data, GiftCardCodes } from './types';\nimport { Option, Type } from '../QueryBuilder/types';\nimport { PropertyDeclarations, TemplateResult, html } from 'lit-element';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\n\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { CategoryRestrictionsPage } from './private/CategoryRestrictionsPage';\nimport { Column } from '../Table/types';\nimport { ComboBoxElement } from '@vaadin/vaadin-combo-box';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { EditableList } from '../../private/EditableList/EditableList';\nimport { FormDialog } from '../FormDialog';\nimport { FrequencyInput } from '../../private/FrequencyInput/FrequencyInput';\nimport { FrequencyInputChangeEvent } from '../../private/FrequencyInput/FrequencyInputChangeEvent';\nimport { Group } from '../../private/Group/Group';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { PropertyTable } from '../../private/PropertyTable/PropertyTable';\nimport { QueryBuilder } from '../QueryBuilder/QueryBuilder';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { TextFieldElement } from '@vaadin/vaadin-text-field';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { currencies } from './currencies';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nconst NS = 'gift-card-form';\nconst Base = ScopedElementsMixin(\n  ThemeableMixin(ConfigurableMixin(ResponsiveMixin(TranslatableMixin(NucleonElement, NS))))\n);\n\n/**\n * Form element for creating or editing gift cards (`fx:gift_card`).\n *\n * @slot name:before\n * @slot name:after\n *\n * @slot currency:before\n * @slot currency:after\n *\n * @slot expires:before\n * @slot expires:after\n *\n * @slot codes:before\n * @slot codes:after\n *\n * @slot product-restrictions:before\n * @slot product-restrictions:after\n *\n * @slot category-restrictions:before\n * @slot category-restrictions:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @element foxy-gift-card-form\n * @since 1.15.0\n */\nexport class GiftCardForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'vaadin-text-field': customElements.get('vaadin-text-field'),\n      'vaadin-combo-box': customElements.get('vaadin-combo-box'),\n      'vaadin-button': customElements.get('vaadin-button'),\n\n      'iron-icon': customElements.get('iron-icon'),\n\n      'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'foxy-query-builder': customElements.get('foxy-query-builder'),\n      'foxy-form-dialog': customElements.get('foxy-form-dialog'),\n      'foxy-pagination': customElements.get('foxy-pagination'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-table': customElements.get('foxy-table'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n\n      'x-category-restrictions-page': CategoryRestrictionsPage,\n      'x-frequency-input': FrequencyInput,\n      'x-property-table': PropertyTable,\n      'x-editable-list': EditableList,\n      'x-group': Group,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __codesTableQuery: { attribute: false },\n      __itemCategories: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name_required',\n      ({ name: v }) => !v || v.length <= 50 || 'name_too_long',\n    ];\n  }\n\n  private __codesTableColumns: Column<GiftCardCodes>[] = [\n    {\n      header: ctx => html`<foxy-i18n lang=${ctx.lang} key=\"code\" ns=${ctx.ns}></foxy-i18n>`,\n      cell: ctx => html`\n        <vaadin-button\n          theme=\"tertiary contrast\"\n          class=\"p-0\"\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('codes', true)}\n          @click=${(evt: CustomEvent) => {\n            const dialog = this.renderRoot.querySelector<FormDialog>('#code-dialog')!;\n            const button = evt.currentTarget as ButtonElement;\n\n            dialog.href = ctx.data._links.self.href;\n            dialog.show(button);\n          }}\n        >\n          <span class=\"font-tnum\">${ctx.data.code}</span>\n        </vaadin-button>\n      `,\n    },\n    {\n      header: ctx => html`<foxy-i18n lang=${ctx.lang} key=\"date_created\" ns=${ctx.ns}></foxy-i18n>`,\n      cell: ctx => html`\n        <foxy-i18n\n          options=${JSON.stringify({ value: ctx.data.date_created })}\n          class=\"text-tertiary\"\n          lang=${ctx.lang}\n          key=\"date\"\n          ns=${ctx.ns}\n        >\n        </foxy-i18n>\n      `,\n    },\n    {\n      hideBelow: 'sm',\n      header: c => html`<foxy-i18n lang=${c.lang} key=\"end_date\" ns=${c.ns}></foxy-i18n>`,\n      cell: ctx => html`\n        <foxy-i18n\n          options=${JSON.stringify({ value: ctx.data.end_date })}\n          class=\"text-tertiary\"\n          lang=${ctx.lang}\n          key=\"date\"\n          ns=${ctx.ns}\n        >\n        </foxy-i18n>\n      `,\n    },\n    {\n      header: c => html`<foxy-i18n lang=${c.lang} key=\"current_balance\" ns=${c.ns}></foxy-i18n>`,\n      cell: ctx => html`\n        <foxy-i18n\n          options=${JSON.stringify({\n            amount: `${ctx.data.current_balance} ${this.data?.currency_code}`,\n            currencyDisplay: this.__currencyDisplay,\n          })}\n          lang=${ctx.lang}\n          key=\"price\"\n          ns=${ctx.ns}\n        >\n        </foxy-i18n>\n      `,\n    },\n  ];\n\n  private static readonly __codesQueryOptions: Option[] = [\n    { label: 'code', path: 'code', type: Type.String },\n    { label: 'current_balance', path: 'current_balance', type: Type.Number },\n    { label: 'end_date', path: 'end_date', type: Type.Date },\n    { label: 'date_created', path: 'date_created', type: Type.Date },\n    { label: 'date_modified', path: 'date_modified', type: Type.Date },\n  ];\n\n  private __codesTableQuery: string | null = null;\n\n  private __currencyDisplay = '';\n\n  private __itemCategories = '';\n\n  render(): TemplateResult {\n    const hidden = this.hiddenSelector;\n    const isNameHidden = hidden.matches('name', true);\n    const isCurrencyHidden = hidden.matches('currency', true);\n    const isExpiresHidden = hidden.matches('expires', true);\n\n    return html`\n      <div class=\"relative space-y-l\">\n        ${isNameHidden && isCurrencyHidden && isExpiresHidden\n          ? ''\n          : html`\n              <div class=\"grid grid-cols-1 sm-grid-cols-3 md-grid-cols-4 gap-m\">\n                ${isNameHidden ? '' : html`<div class=\"md-col-span-2\">${this.__renderName()}</div>`}\n                ${isCurrencyHidden ? '' : this.__renderCurrency()}\n                ${isExpiresHidden ? '' : this.__renderExpires()}\n              </div>\n            `}\n        ${hidden.matches('codes', true) || !this.data ? '' : this.__renderCodes()}\n        ${hidden.matches('product-restrictions', true) ? '' : this.__renderProductRestrictions()}\n        ${hidden.matches('category-restrictions', true) || !this.data\n          ? ''\n          : this.__renderCategoryRestrictions()}\n        ${hidden.matches('timestamps', true) ? '' : this.__renderTimestamps()}\n        ${hidden.matches('create', true) || !!this.data ? '' : this.__renderCreate()}\n        ${hidden.matches('delete', true) || !this.data ? '' : this.__renderDelete()}\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition duration-500 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': !this.in('busy') && !this.in('fail'),\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n            state=${this.in('fail') ? 'error' : this.in('busy') ? 'busy' : 'empty'}\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Store = Resource<Rels.Store>;\n\n    const giftCard = await super._sendGet();\n    const store = await super._fetch<Store>(giftCard._links['fx:store'].href);\n    const categoriesURL = new URL(store._links['fx:item_categories'].href);\n\n    categoriesURL.searchParams.set('limit', '5');\n    this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n    this.__itemCategories = categoriesURL.toString();\n\n    return giftCard;\n  }\n\n  private __getErrorMessage(prefix: string) {\n    const error = this.errors.find(err => err.startsWith(prefix));\n    return error ? this.t(error.replace(prefix, 'v8n')).toString() : '';\n  }\n\n  private __getValidator(prefix: string) {\n    return () => !this.errors.some(err => err.startsWith(prefix));\n  }\n\n  private __renderName() {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('name:before')}\n\n        <vaadin-text-field\n          error-message=${this.__getErrorMessage('name')}\n          helper-text=${this.t('gift_card_name_helper_text')}\n          data-testid=\"name\"\n          class=\"w-full\"\n          label=${this.t('name')}\n          .checkValidity=${this.__getValidator('name')}\n          .value=${this.form.name ?? ''}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('name', true)}\n          ?readonly=${this.readonlySelector.matches('name', true)}\n          required\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @input=${(evt: CustomEvent) => {\n            const newName = (evt.currentTarget as TextFieldElement).value;\n            this.edit({ name: newName });\n          }}\n        >\n        </vaadin-text-field>\n\n        ${this.renderTemplateOrSlot('name:after')}\n      </div>\n    `;\n  }\n\n  private __renderCurrency() {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('currency:before')}\n\n        <vaadin-combo-box\n          item-label-path=\"label\"\n          item-value-path=\"value\"\n          item-id-path=\"value\"\n          data-testid=\"currency\"\n          class=\"w-full\"\n          label=${this.t('currency')}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('currency', true)}\n          ?readonly=${this.readonlySelector.matches('currency', true)}\n          .value=${this.form.currency_code?.toLowerCase() ?? ''}\n          .items=${currencies.map(code => ({\n            label: `${this.t(`currency_${code}`)} (${code.toUpperCase()})`,\n            value: code,\n          }))}\n          @change=${(evt: CustomEvent) => {\n            const comboBox = evt.currentTarget as ComboBoxElement;\n            this.edit({ currency_code: comboBox.value });\n          }}\n        >\n        </vaadin-combo-box>\n\n        ${this.renderTemplateOrSlot('currency:after')}\n      </div>\n    `;\n  }\n\n  private __renderExpires() {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('expires:before')}\n\n        <x-frequency-input\n          placeholder=${this.t('select')}\n          data-testid=\"expires\"\n          label=${this.t('expires_after')}\n          class=\"w-full\"\n          lang=${this.lang}\n          ns=${this.ns}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('expires', true)}\n          ?readonly=${this.readonlySelector.matches('expires', true)}\n          .value=${this.form.expires_after ?? ''}\n          @change=${(evt: FrequencyInputChangeEvent) => {\n            const input = evt.currentTarget as FrequencyInput;\n            this.edit({ expires_after: input.value });\n          }}\n        >\n        </x-frequency-input>\n\n        ${this.renderTemplateOrSlot('expires:after')}\n      </div>\n    `;\n  }\n\n  private __renderCodes() {\n    const { disabledSelector, readonlySelector, hiddenSelector, group, data, lang, ns } = this;\n\n    const isDisabled = !this.in('idle') || disabledSelector.matches('codes', true);\n    const filters = this.__codesTableQuery;\n    const url = new URL(data!._links['fx:gift_card_codes'].href);\n\n    new URLSearchParams(filters ?? '').forEach((value, name) => url.searchParams.set(name, value));\n    url.searchParams.set('limit', '5');\n\n    const filterButtonLabel = filters === null ? 'filter' : 'clear_filters';\n    const filterButtonIcon = `icons:${filters === null ? 'filter-list' : 'clear'}`;\n\n    return html`\n      <div data-testid=\"codes\">\n        <foxy-form-dialog\n          disabledcontrols=${disabledSelector.zoom('codes:generate:form').toString()}\n          readonlycontrols=${readonlySelector.zoom('codes:generate:form').toString()}\n          hiddencontrols=\"save-button ${hiddenSelector.zoom('codes:generate:form').toString()}\"\n          header=\"generate\"\n          parent=${data?._links['fx:generate_codes'].href ?? ''}\n          group=${group}\n          lang=${lang}\n          form=\"foxy-generate-codes-form\"\n          ns=${ns}\n          id=\"generate-codes-dialog\"\n          alert\n          .related=${[url.toString()]}\n        >\n        </foxy-form-dialog>\n\n        <foxy-form-dialog\n          disabledcontrols=${disabledSelector.zoom('codes:form').toString()}\n          readonlycontrols=${readonlySelector.zoom('codes:form').toString()}\n          hiddencontrols=${hiddenSelector.zoom('codes:form').toString()}\n          header=\"code\"\n          parent=${url.toString()}\n          group=${group}\n          lang=${lang}\n          form=\"foxy-gift-card-code-form\"\n          ns=${ns}\n          id=\"code-dialog\"\n        >\n        </foxy-form-dialog>\n\n        <foxy-form-dialog\n          disabledcontrols=${disabledSelector.zoom('codes:import:form').toString()}\n          readonlycontrols=${readonlySelector.zoom('codes:import:form').toString()}\n          hiddencontrols=\"save-button ${hiddenSelector.zoom('codes:import:form').toString()}\"\n          header=\"import\"\n          parent=${data!._links['fx:gift_card_codes'].href}\n          group=${group}\n          lang=${lang}\n          form=\"foxy-gift-card-codes-form\"\n          ns=${ns}\n          id=\"import-dialog\"\n        >\n        </foxy-form-dialog>\n\n        ${this.renderTemplateOrSlot('codes:before')}\n\n        <div class=\"flex items-center justify-between mb-xs space-x-s\">\n          <foxy-i18n\n            class=\"text-s font-medium text-secondary leading-none flex-1\"\n            lang=${lang}\n            key=\"code_plural\"\n            ns=${ns}\n          >\n          </foxy-i18n>\n\n          <vaadin-button\n            data-testid=\"codes:generate-button\"\n            theme=\"success tertiary small\"\n            ?disabled=${isDisabled}\n            @click=${(evt: CustomEvent) => {\n              const dialog = this.renderRoot.querySelector<FormDialog>('#generate-codes-dialog');\n              const button = evt.currentTarget as ButtonElement;\n              dialog?.show(button);\n            }}\n          >\n            <foxy-i18n class=\"text-s\" lang=${lang} key=\"generate\" ns=${ns}></foxy-i18n>\n            <iron-icon class=\"icon-inline text-s\" icon=\"icons:add\"></iron-icon>\n          </vaadin-button>\n\n          <vaadin-button\n            data-testid=\"codes:import-button\"\n            theme=\"contrast tertiary small\"\n            ?disabled=${isDisabled}\n            @click=${(evt: CustomEvent) => {\n              const dialog = this.renderRoot.querySelector<FormDialog>('#import-dialog');\n              const button = evt.currentTarget as ButtonElement;\n              dialog?.show(button);\n            }}\n          >\n            <foxy-i18n class=\"text-s\" lang=${lang} key=\"import\" ns=${ns}></foxy-i18n>\n            <iron-icon class=\"icon-inline text-s\" icon=\"icons:open-in-browser\"></iron-icon>\n          </vaadin-button>\n\n          <vaadin-button\n            data-testid=\"codes:filter-button\"\n            theme=\"contrast ${filters === null ? 'tertiary' : ''} small\"\n            ?disabled=${isDisabled}\n            @click=${() => (this.__codesTableQuery = filters === null ? '' : null)}\n          >\n            <foxy-i18n class=\"text-s\" lang=${lang} key=${filterButtonLabel} ns=${ns}></foxy-i18n>\n            <iron-icon class=\"icon-inline text-s\" icon=${filterButtonIcon}></iron-icon>\n          </vaadin-button>\n        </div>\n\n        <foxy-query-builder\n          class=\"bg-contrast-5 rounded-tl-l rounded-tr-s rounded-b-l p-m mb-s\"\n          lang=${lang}\n          ns=\"${ns} ${customElements.get('foxy-query-builder')?.defaultNS ?? ''}\"\n          ?disabled=${isDisabled}\n          ?hidden=${filters === null}\n          .options=${GiftCardForm.__codesQueryOptions}\n          .value=${filters ?? ''}\n          @change=${(evt: CustomEvent) => {\n            const queryBuilder = evt.currentTarget as QueryBuilder;\n            this.__codesTableQuery = queryBuilder.value;\n          }}\n        >\n        </foxy-query-builder>\n\n        <foxy-pagination\n          first=${url.toString()}\n          lang=${lang}\n          ns=\"${ns} ${customElements.get('foxy-pagination')?.defaultNS ?? ''}\"\n          ?disabled=${isDisabled}\n        >\n          <foxy-table\n            class=\"px-m mb-s border border-contrast-10 rounded-t-l rounded-b-l\"\n            group=${group}\n            lang=${lang}\n            ns=${ns}\n            .columns=${this.__codesTableColumns}\n          >\n          </foxy-table>\n        </foxy-pagination>\n\n        ${this.renderTemplateOrSlot('codes:after')}\n      </div>\n    `;\n  }\n\n  private __renderProductRestrictions() {\n    const scope = 'product-restrictions';\n    const isDisabled = !this.in('idle') || this.disabledSelector.matches(scope, true);\n    const isReadonly = this.readonlySelector.matches(scope, true);\n    const restrictions = this.form.product_code_restrictions ?? '';\n\n    const groups = [\n      { header: 'allow', items: [] as { label?: string; value: string }[] },\n      { header: 'block', items: [] as { label?: string; value: string }[] },\n    ];\n\n    if (restrictions) {\n      restrictions.split(',').forEach(value => {\n        const isBlocklistValue = value.startsWith('-');\n        const target = isBlocklistValue ? 1 : 0;\n        const label = isBlocklistValue ? value.substring(1) : value;\n\n        groups[target].items.push({ label, value });\n      });\n    }\n\n    return html`\n      <div data-testid=\"product-restrictions\">\n        ${this.renderTemplateOrSlot('product-restrictions:before')}\n\n        <div class=\"space-y-s\">\n          <x-group frame>\n            <foxy-i18n\n              class=${isDisabled ? 'text-disabled' : 'text-secondary'}\n              slot=\"header\"\n              lang=${this.lang}\n              key=\"product_restrictions\"\n              ns=${this.ns}\n            >\n            </foxy-i18n>\n\n            <div class=\"grid sm-grid-cols-2 bg-contrast-10\" style=\"gap: 1px\">\n              ${groups.map((group, index) => {\n                return html`\n                  <x-group class=\"bg-base pt-m\">\n                    <foxy-i18n\n                      class=${isDisabled ? 'text-disabled' : 'text-tertiary'}\n                      slot=\"header\"\n                      lang=${this.lang}\n                      key=${group.header}\n                      ns=${this.ns}\n                    >\n                    </foxy-i18n>\n\n                    <x-editable-list\n                      data-testid=\"product-restrictions:${group.header}\"\n                      lang=${this.lang}\n                      ns=${this.ns}\n                      ?disabled=${isDisabled}\n                      ?readonly=${isReadonly}\n                      .items=${group.items}\n                      @change=${(evt: CustomEvent) => {\n                        const newItemsByGroup = [\n                          index === 0 ? (evt.currentTarget as EditableList).items : groups[0].items,\n                          index === 1 ? (evt.currentTarget as EditableList).items : groups[1].items,\n                        ];\n\n                        const newSanitizedItemsByGroup = newItemsByGroup\n                          .map(list => list.map(v => v.value.replace(/^[\\s-]*/, '').trimEnd()))\n                          .map(list => list.filter(v => !!v))\n                          .map(list => Array.from(new Set(list)));\n\n                        const newRestrictions = newSanitizedItemsByGroup[0]\n                          .concat(newSanitizedItemsByGroup[1].map(v => `-${v}`))\n                          .join(',');\n\n                        this.edit({ product_code_restrictions: newRestrictions });\n                      }}\n                    >\n                    </x-editable-list>\n                  </x-group>\n                `;\n              })}\n            </div>\n          </x-group>\n\n          <foxy-i18n\n            class=${classMap({\n              'block text-xs leading-s transition-colors': true,\n              'text-secondary': !isDisabled,\n              'text-disabled': isDisabled,\n            })}\n            lang=${this.lang}\n            key=\"gift_card_product_restrictions_explainer\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        </div>\n\n        ${this.renderTemplateOrSlot('product-restrictions:after')}\n      </div>\n    `;\n  }\n\n  private __renderCategoryRestrictions() {\n    const scope = 'category-restrictions';\n    const isDisabled = !this.in('idle') || this.disabledSelector.matches(scope, true);\n    const isReadonly = this.readonlySelector.matches(scope, true);\n    const giftCardItemCategories = this.data?._links['fx:gift_card_item_categories'].href;\n\n    return html`\n      <div data-testid=\"category-restrictions\">\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <div class=\"space-y-xs\">\n          <foxy-pagination\n            first=${this.__itemCategories}\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-pagination')?.defaultNS ?? ''}\"\n            ?disabled=${isDisabled}\n          >\n            <foxy-i18n\n              class=\"block text-s font-medium text-secondary leading-none mb-s\"\n              lang=${this.lang}\n              key=\"category_restrictions\"\n              ns=${this.ns}\n            >\n            </foxy-i18n>\n\n            <x-category-restrictions-page\n              gift-card-item-categories=${ifDefined(giftCardItemCategories)}\n              data-testid=\"category-restrictions:page\"\n              gift-card=${this.href}\n              class=\"border border-contrast-10 rounded-t-l rounded-b-l mb-s\"\n              group=${this.group}\n              lang=${this.lang}\n              ns=${this.ns}\n              ?disabled=${isDisabled}\n              ?readonly=${isReadonly}\n            >\n            </x-category-restrictions-page>\n          </foxy-pagination>\n\n          <foxy-i18n\n            class=\"block text-xs leading-s text-secondary\"\n            lang=${this.lang}\n            key=\"gift_card_category_restrictions_helper_text\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        </div>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  }\n\n  private __renderTimestamps() {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('timestamps:before')}\n\n        <x-property-table\n          data-testid=\"timestamps\"\n          .items=${(['date_modified', 'date_created'] as const).map(field => ({\n            name: this.t(field),\n            value: this.data?.[field]\n              ? this.t('date', { value: new Date(this.data[field] as string) })\n              : '',\n          }))}\n        >\n        </x-property-table>\n\n        ${this.renderTemplateOrSlot('timestamps:after')}\n      </div>\n    `;\n  }\n\n  private __renderCreate() {\n    const isCleanTemplateInvalid = this.in({ idle: { template: { clean: 'invalid' } } });\n    const isDirtyTemplateInvalid = this.in({ idle: { template: { dirty: 'invalid' } } });\n    const isCleanSnapshotInvalid = this.in({ idle: { snapshot: { clean: 'invalid' } } });\n    const isDirtySnapshotInvalid = this.in({ idle: { snapshot: { dirty: 'invalid' } } });\n    const isTemplateInvalid = isCleanTemplateInvalid || isDirtyTemplateInvalid;\n    const isSnaphotInvalid = isCleanSnapshotInvalid || isDirtySnapshotInvalid;\n    const isInvalid = isTemplateInvalid || isSnaphotInvalid;\n    const isBusy = this.in('busy');\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('create:before')}\n\n        <vaadin-button\n          data-testid=\"create\"\n          class=\"w-full\"\n          theme=\"primary success\"\n          ?disabled=${isBusy || isInvalid || this.disabledSelector.matches('create', true)}\n          @click=${this.submit}\n        >\n          <foxy-i18n ns=${this.ns} key=\"create\" lang=${this.lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('create:after')}\n      </div>\n    `;\n  }\n\n  private __renderDelete() {\n    return html`\n      <div>\n        <foxy-internal-confirm-dialog\n          data-testid=\"confirm\"\n          message=\"delete_prompt\"\n          confirm=\"delete\"\n          cancel=\"cancel\"\n          header=\"delete\"\n          theme=\"primary error\"\n          lang=${this.lang}\n          ns=${this.ns}\n          id=\"confirm\"\n          @hide=${(evt: DialogHideEvent) => !evt.detail.cancelled && this.delete()}\n        >\n        </foxy-internal-confirm-dialog>\n\n        ${this.renderTemplateOrSlot('delete:before')}\n\n        <vaadin-button\n          data-testid=\"delete\"\n          theme=\"primary error\"\n          class=\"w-full\"\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('delete', true)}\n          @click=${(evt: CustomEvent) => {\n            const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n            confirm.show(evt.currentTarget as ButtonElement);\n          }}\n        >\n          <foxy-i18n ns=${this.ns} key=\"delete\" lang=${this.lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('delete:after')}\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"GiftCardForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardForm/GiftCardForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, GiftCardCodes } from './types';\nimport { Option, Type } from '../QueryBuilder/types';\nimport { PropertyDeclarations, TemplateResult, html } from 'lit-element';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\n\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { CategoryRestrictionsPage } from './private/CategoryRestrictionsPage';\nimport { Column } from '../Table/types';\nimport { ComboBoxElement } from '@vaadin/vaadin-combo-box';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { EditableList } from '../../private/EditableList/EditableList';\nimport { FormDialog } from '../FormDialog';\nimport { FrequencyInput } from '../../private/FrequencyInput/FrequencyInput';\nimport { FrequencyInputChangeEvent } from '../../private/FrequencyInput/FrequencyInputChangeEvent';\nimport { Group } from '../../private/Group/Group';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { PropertyTable } from '../../private/PropertyTable/PropertyTable';\nimport { QueryBuilder } from '../QueryBuilder/QueryBuilder';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { TextFieldElement } from '@vaadin/vaadin-text-field';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { currencies } from './currencies';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nconst NS = 'gift-card-form';\nconst Base = ScopedElementsMixin(\n  ThemeableMixin(ConfigurableMixin(ResponsiveMixin(TranslatableMixin(NucleonElement, NS))))\n);\n\n/**\n * Form element for creating or editing gift cards (`fx:gift_card`).\n *\n * @slot name:before\n * @slot name:after\n *\n * @slot currency:before\n * @slot currency:after\n *\n * @slot expires:before\n * @slot expires:after\n *\n * @slot codes:before\n * @slot codes:after\n *\n * @slot product-restrictions:before\n * @slot product-restrictions:after\n *\n * @slot category-restrictions:before\n * @slot category-restrictions:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @element foxy-gift-card-form\n * @since 1.15.0\n */\nexport class GiftCardForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'vaadin-text-field': customElements.get('vaadin-text-field'),\n      'vaadin-combo-box': customElements.get('vaadin-combo-box'),\n      'vaadin-button': customElements.get('vaadin-button'),\n\n      'iron-icon': customElements.get('iron-icon'),\n\n      'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'foxy-query-builder': customElements.get('foxy-query-builder'),\n      'foxy-form-dialog': customElements.get('foxy-form-dialog'),\n      'foxy-pagination': customElements.get('foxy-pagination'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-table': customElements.get('foxy-table'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n\n      'x-category-restrictions-page': CategoryRestrictionsPage,\n      'x-frequency-input': FrequencyInput,\n      'x-property-table': PropertyTable,\n      'x-editable-list': EditableList,\n      'x-group': Group,\n    };\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __codesTableQuery: { attribute: false },\n      __itemCategories: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name_required',\n      ({ name: v }) => !v || v.length <= 50 || 'name_too_long',\n    ];\n  }\n\n  private __codesTableColumns: Column<GiftCardCodes>[] = [\n    {\n      header: ctx => html`<foxy-i18n lang=${ctx.lang} key=\"code\" ns=${ctx.ns}></foxy-i18n>`,\n      cell: ctx => {\n        const isDisabled = !this.in('idle') || this.disabledSelector.matches('codes', true);\n\n        return html`\n          <div class=\"flex items-center gap-xs\">\n            <vaadin-button\n              theme=\"tertiary-inline contrast\"\n              class=\"p-0\"\n              ?disabled=${isDisabled}\n              @click=${(evt: CustomEvent) => {\n                const dialog = this.renderRoot.querySelector<FormDialog>('#code-dialog')!;\n                const button = evt.currentTarget as ButtonElement;\n\n                dialog.href = ctx.data._links.self.href;\n                dialog.show(button);\n              }}\n            >\n              <span class=\"font-tnum\">${ctx.data.code}</span>\n            </vaadin-button>\n\n            <foxy-copy-to-clipboard\n              ?disabled=${isDisabled}\n              text=${ctx.data.code}\n              lang=${ctx.lang}\n              ns=\"${ctx.ns} copy-to-clipboard\"\n            >\n            </foxy-copy-to-clipboard>\n          </div>\n        `;\n      },\n    },\n    {\n      header: ctx => html`<foxy-i18n lang=${ctx.lang} key=\"date_created\" ns=${ctx.ns}></foxy-i18n>`,\n      cell: ctx => html`\n        <foxy-i18n\n          options=${JSON.stringify({ value: ctx.data.date_created })}\n          class=\"text-tertiary\"\n          lang=${ctx.lang}\n          key=\"date\"\n          ns=${ctx.ns}\n        >\n        </foxy-i18n>\n      `,\n    },\n    {\n      hideBelow: 'sm',\n      header: c => html`<foxy-i18n lang=${c.lang} key=\"end_date\" ns=${c.ns}></foxy-i18n>`,\n      cell: ctx => html`\n        <foxy-i18n\n          options=${JSON.stringify({ value: ctx.data.end_date })}\n          class=\"text-tertiary\"\n          lang=${ctx.lang}\n          key=\"date\"\n          ns=${ctx.ns}\n        >\n        </foxy-i18n>\n      `,\n    },\n    {\n      header: c => html`<foxy-i18n lang=${c.lang} key=\"current_balance\" ns=${c.ns}></foxy-i18n>`,\n      cell: ctx => html`\n        <foxy-i18n\n          options=${JSON.stringify({\n            amount: `${ctx.data.current_balance} ${this.data?.currency_code}`,\n            currencyDisplay: this.__currencyDisplay,\n          })}\n          lang=${ctx.lang}\n          key=\"price\"\n          ns=${ctx.ns}\n        >\n        </foxy-i18n>\n      `,\n    },\n  ];\n\n  private static readonly __codesQueryOptions: Option[] = [\n    { label: 'code', path: 'code', type: Type.String },\n    { label: 'current_balance', path: 'current_balance', type: Type.Number },\n    { label: 'end_date', path: 'end_date', type: Type.Date },\n    { label: 'date_created', path: 'date_created', type: Type.Date },\n    { label: 'date_modified', path: 'date_modified', type: Type.Date },\n  ];\n\n  private __codesTableQuery: string | null = null;\n\n  private __currencyDisplay = '';\n\n  private __itemCategories = '';\n\n  render(): TemplateResult {\n    const hidden = this.hiddenSelector;\n    const isNameHidden = hidden.matches('name', true);\n    const isCurrencyHidden = hidden.matches('currency', true);\n    const isExpiresHidden = hidden.matches('expires', true);\n\n    return html`\n      <div class=\"relative space-y-l\">\n        ${isNameHidden && isCurrencyHidden && isExpiresHidden\n          ? ''\n          : html`\n              <div class=\"grid grid-cols-1 sm-grid-cols-3 md-grid-cols-4 gap-m\">\n                ${isNameHidden ? '' : html`<div class=\"md-col-span-2\">${this.__renderName()}</div>`}\n                ${isCurrencyHidden ? '' : this.__renderCurrency()}\n                ${isExpiresHidden ? '' : this.__renderExpires()}\n              </div>\n            `}\n        ${hidden.matches('codes', true) || !this.data ? '' : this.__renderCodes()}\n        ${hidden.matches('product-restrictions', true) ? '' : this.__renderProductRestrictions()}\n        ${hidden.matches('category-restrictions', true) || !this.data\n          ? ''\n          : this.__renderCategoryRestrictions()}\n        ${hidden.matches('timestamps', true) ? '' : this.__renderTimestamps()}\n        ${hidden.matches('create', true) || !!this.data ? '' : this.__renderCreate()}\n        ${hidden.matches('delete', true) || !this.data ? '' : this.__renderDelete()}\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition duration-500 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': !this.in('busy') && !this.in('fail'),\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n            state=${this.in('fail') ? 'error' : this.in('busy') ? 'busy' : 'empty'}\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Store = Resource<Rels.Store>;\n\n    const giftCard = await super._sendGet();\n    const store = await super._fetch<Store>(giftCard._links['fx:store'].href);\n    const categoriesURL = new URL(store._links['fx:item_categories'].href);\n\n    categoriesURL.searchParams.set('limit', '5');\n    this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n    this.__itemCategories = categoriesURL.toString();\n\n    return giftCard;\n  }\n\n  private __getErrorMessage(prefix: string) {\n    const error = this.errors.find(err => err.startsWith(prefix));\n    return error ? this.t(error.replace(prefix, 'v8n')).toString() : '';\n  }\n\n  private __getValidator(prefix: string) {\n    return () => !this.errors.some(err => err.startsWith(prefix));\n  }\n\n  private __renderName() {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('name:before')}\n\n        <vaadin-text-field\n          error-message=${this.__getErrorMessage('name')}\n          helper-text=${this.t('gift_card_name_helper_text')}\n          data-testid=\"name\"\n          class=\"w-full\"\n          label=${this.t('name')}\n          .checkValidity=${this.__getValidator('name')}\n          .value=${this.form.name ?? ''}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('name', true)}\n          ?readonly=${this.readonlySelector.matches('name', true)}\n          required\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @input=${(evt: CustomEvent) => {\n            const newName = (evt.currentTarget as TextFieldElement).value;\n            this.edit({ name: newName });\n          }}\n        >\n        </vaadin-text-field>\n\n        ${this.renderTemplateOrSlot('name:after')}\n      </div>\n    `;\n  }\n\n  private __renderCurrency() {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('currency:before')}\n\n        <vaadin-combo-box\n          item-label-path=\"label\"\n          item-value-path=\"value\"\n          item-id-path=\"value\"\n          data-testid=\"currency\"\n          class=\"w-full\"\n          label=${this.t('currency')}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('currency', true)}\n          ?readonly=${this.readonlySelector.matches('currency', true)}\n          .value=${this.form.currency_code?.toLowerCase() ?? ''}\n          .items=${currencies.map(code => ({\n            label: `${this.t(`currency_${code}`)} (${code.toUpperCase()})`,\n            value: code,\n          }))}\n          @change=${(evt: CustomEvent) => {\n            const comboBox = evt.currentTarget as ComboBoxElement;\n            this.edit({ currency_code: comboBox.value });\n          }}\n        >\n        </vaadin-combo-box>\n\n        ${this.renderTemplateOrSlot('currency:after')}\n      </div>\n    `;\n  }\n\n  private __renderExpires() {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('expires:before')}\n\n        <x-frequency-input\n          placeholder=${this.t('select')}\n          data-testid=\"expires\"\n          label=${this.t('expires_after')}\n          class=\"w-full\"\n          lang=${this.lang}\n          ns=${this.ns}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('expires', true)}\n          ?readonly=${this.readonlySelector.matches('expires', true)}\n          .value=${this.form.expires_after ?? ''}\n          @change=${(evt: FrequencyInputChangeEvent) => {\n            const input = evt.currentTarget as FrequencyInput;\n            this.edit({ expires_after: input.value });\n          }}\n        >\n        </x-frequency-input>\n\n        ${this.renderTemplateOrSlot('expires:after')}\n      </div>\n    `;\n  }\n\n  private __renderCodes() {\n    const { disabledSelector, readonlySelector, hiddenSelector, group, data, lang, ns } = this;\n\n    const isDisabled = !this.in('idle') || disabledSelector.matches('codes', true);\n    const filters = this.__codesTableQuery;\n    const url = new URL(data!._links['fx:gift_card_codes'].href);\n\n    new URLSearchParams(filters ?? '').forEach((value, name) => url.searchParams.set(name, value));\n    url.searchParams.set('limit', '5');\n\n    const filterButtonLabel = filters === null ? 'filter' : 'clear_filters';\n    const filterButtonIcon = `icons:${filters === null ? 'filter-list' : 'clear'}`;\n\n    return html`\n      <div data-testid=\"codes\">\n        <foxy-form-dialog\n          disabledcontrols=${disabledSelector.zoom('codes:generate:form').toString()}\n          readonlycontrols=${readonlySelector.zoom('codes:generate:form').toString()}\n          hiddencontrols=\"save-button ${hiddenSelector.zoom('codes:generate:form').toString()}\"\n          header=\"generate\"\n          parent=${data?._links['fx:generate_codes'].href ?? ''}\n          group=${group}\n          lang=${lang}\n          form=\"foxy-generate-codes-form\"\n          ns=${ns}\n          id=\"generate-codes-dialog\"\n          alert\n          .related=${[url.toString()]}\n        >\n        </foxy-form-dialog>\n\n        <foxy-form-dialog\n          disabledcontrols=${disabledSelector.zoom('codes:form').toString()}\n          readonlycontrols=${readonlySelector.zoom('codes:form').toString()}\n          hiddencontrols=${hiddenSelector.zoom('codes:form').toString()}\n          header=\"code\"\n          parent=${url.toString()}\n          group=${group}\n          lang=${lang}\n          form=\"foxy-gift-card-code-form\"\n          ns=${ns}\n          id=\"code-dialog\"\n        >\n        </foxy-form-dialog>\n\n        <foxy-form-dialog\n          disabledcontrols=${disabledSelector.zoom('codes:import:form').toString()}\n          readonlycontrols=${readonlySelector.zoom('codes:import:form').toString()}\n          hiddencontrols=\"save-button ${hiddenSelector.zoom('codes:import:form').toString()}\"\n          header=\"import\"\n          parent=${data!._links['fx:gift_card_codes'].href}\n          group=${group}\n          lang=${lang}\n          form=\"foxy-gift-card-codes-form\"\n          ns=${ns}\n          id=\"import-dialog\"\n        >\n        </foxy-form-dialog>\n\n        ${this.renderTemplateOrSlot('codes:before')}\n\n        <div class=\"flex items-center justify-between mb-xs space-x-s\">\n          <foxy-i18n\n            class=\"text-s font-medium text-secondary leading-none flex-1\"\n            lang=${lang}\n            key=\"code_plural\"\n            ns=${ns}\n          >\n          </foxy-i18n>\n\n          <vaadin-button\n            data-testid=\"codes:generate-button\"\n            theme=\"success tertiary small\"\n            ?disabled=${isDisabled}\n            @click=${(evt: CustomEvent) => {\n              const dialog = this.renderRoot.querySelector<FormDialog>('#generate-codes-dialog');\n              const button = evt.currentTarget as ButtonElement;\n              dialog?.show(button);\n            }}\n          >\n            <foxy-i18n class=\"text-s\" lang=${lang} key=\"generate\" ns=${ns}></foxy-i18n>\n            <iron-icon class=\"icon-inline text-s\" icon=\"icons:add\"></iron-icon>\n          </vaadin-button>\n\n          <vaadin-button\n            data-testid=\"codes:import-button\"\n            theme=\"contrast tertiary small\"\n            ?disabled=${isDisabled}\n            @click=${(evt: CustomEvent) => {\n              const dialog = this.renderRoot.querySelector<FormDialog>('#import-dialog');\n              const button = evt.currentTarget as ButtonElement;\n              dialog?.show(button);\n            }}\n          >\n            <foxy-i18n class=\"text-s\" lang=${lang} key=\"import\" ns=${ns}></foxy-i18n>\n            <iron-icon class=\"icon-inline text-s\" icon=\"icons:open-in-browser\"></iron-icon>\n          </vaadin-button>\n\n          <vaadin-button\n            data-testid=\"codes:filter-button\"\n            theme=\"contrast ${filters === null ? 'tertiary' : ''} small\"\n            ?disabled=${isDisabled}\n            @click=${() => (this.__codesTableQuery = filters === null ? '' : null)}\n          >\n            <foxy-i18n class=\"text-s\" lang=${lang} key=${filterButtonLabel} ns=${ns}></foxy-i18n>\n            <iron-icon class=\"icon-inline text-s\" icon=${filterButtonIcon}></iron-icon>\n          </vaadin-button>\n        </div>\n\n        <foxy-query-builder\n          class=\"bg-contrast-5 rounded-tl-l rounded-tr-s rounded-b-l p-m mb-s\"\n          lang=${lang}\n          ns=\"${ns} ${customElements.get('foxy-query-builder')?.defaultNS ?? ''}\"\n          ?disabled=${isDisabled}\n          ?hidden=${filters === null}\n          .options=${GiftCardForm.__codesQueryOptions}\n          .value=${filters ?? ''}\n          @change=${(evt: CustomEvent) => {\n            const queryBuilder = evt.currentTarget as QueryBuilder;\n            this.__codesTableQuery = queryBuilder.value;\n          }}\n        >\n        </foxy-query-builder>\n\n        <foxy-pagination\n          first=${url.toString()}\n          lang=${lang}\n          ns=\"${ns} ${customElements.get('foxy-pagination')?.defaultNS ?? ''}\"\n          ?disabled=${isDisabled}\n        >\n          <foxy-table\n            class=\"px-m mb-s border border-contrast-10 rounded-t-l rounded-b-l\"\n            group=${group}\n            lang=${lang}\n            ns=${ns}\n            .columns=${this.__codesTableColumns}\n          >\n          </foxy-table>\n        </foxy-pagination>\n\n        ${this.renderTemplateOrSlot('codes:after')}\n      </div>\n    `;\n  }\n\n  private __renderProductRestrictions() {\n    const scope = 'product-restrictions';\n    const isDisabled = !this.in('idle') || this.disabledSelector.matches(scope, true);\n    const isReadonly = this.readonlySelector.matches(scope, true);\n    const restrictions = this.form.product_code_restrictions ?? '';\n\n    const groups = [\n      { header: 'allow', items: [] as { label?: string; value: string }[] },\n      { header: 'block', items: [] as { label?: string; value: string }[] },\n    ];\n\n    if (restrictions) {\n      restrictions.split(',').forEach(value => {\n        const isBlocklistValue = value.startsWith('-');\n        const target = isBlocklistValue ? 1 : 0;\n        const label = isBlocklistValue ? value.substring(1) : value;\n\n        groups[target].items.push({ label, value });\n      });\n    }\n\n    return html`\n      <div data-testid=\"product-restrictions\">\n        ${this.renderTemplateOrSlot('product-restrictions:before')}\n\n        <div class=\"space-y-s\">\n          <x-group frame>\n            <foxy-i18n\n              class=${isDisabled ? 'text-disabled' : 'text-secondary'}\n              slot=\"header\"\n              lang=${this.lang}\n              key=\"product_restrictions\"\n              ns=${this.ns}\n            >\n            </foxy-i18n>\n\n            <div class=\"grid sm-grid-cols-2 bg-contrast-10\" style=\"gap: 1px\">\n              ${groups.map((group, index) => {\n                return html`\n                  <x-group class=\"bg-base pt-m\">\n                    <foxy-i18n\n                      class=${isDisabled ? 'text-disabled' : 'text-tertiary'}\n                      slot=\"header\"\n                      lang=${this.lang}\n                      key=${group.header}\n                      ns=${this.ns}\n                    >\n                    </foxy-i18n>\n\n                    <x-editable-list\n                      data-testid=\"product-restrictions:${group.header}\"\n                      lang=${this.lang}\n                      ns=${this.ns}\n                      ?disabled=${isDisabled}\n                      ?readonly=${isReadonly}\n                      .items=${group.items}\n                      @change=${(evt: CustomEvent) => {\n                        const newItemsByGroup = [\n                          index === 0 ? (evt.currentTarget as EditableList).items : groups[0].items,\n                          index === 1 ? (evt.currentTarget as EditableList).items : groups[1].items,\n                        ];\n\n                        const newSanitizedItemsByGroup = newItemsByGroup\n                          .map(list => list.map(v => v.value.replace(/^[\\s-]*/, '').trimEnd()))\n                          .map(list => list.filter(v => !!v))\n                          .map(list => Array.from(new Set(list)));\n\n                        const newRestrictions = newSanitizedItemsByGroup[0]\n                          .concat(newSanitizedItemsByGroup[1].map(v => `-${v}`))\n                          .join(',');\n\n                        this.edit({ product_code_restrictions: newRestrictions });\n                      }}\n                    >\n                    </x-editable-list>\n                  </x-group>\n                `;\n              })}\n            </div>\n          </x-group>\n\n          <foxy-i18n\n            class=${classMap({\n              'block text-xs leading-s transition-colors': true,\n              'text-secondary': !isDisabled,\n              'text-disabled': isDisabled,\n            })}\n            lang=${this.lang}\n            key=\"gift_card_product_restrictions_explainer\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        </div>\n\n        ${this.renderTemplateOrSlot('product-restrictions:after')}\n      </div>\n    `;\n  }\n\n  private __renderCategoryRestrictions() {\n    const scope = 'category-restrictions';\n    const isDisabled = !this.in('idle') || this.disabledSelector.matches(scope, true);\n    const isReadonly = this.readonlySelector.matches(scope, true);\n    const giftCardItemCategories = this.data?._links['fx:gift_card_item_categories'].href;\n\n    return html`\n      <div data-testid=\"category-restrictions\">\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <div class=\"space-y-xs\">\n          <foxy-pagination\n            first=${this.__itemCategories}\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-pagination')?.defaultNS ?? ''}\"\n            ?disabled=${isDisabled}\n          >\n            <foxy-i18n\n              class=\"block text-s font-medium text-secondary leading-none mb-s\"\n              lang=${this.lang}\n              key=\"category_restrictions\"\n              ns=${this.ns}\n            >\n            </foxy-i18n>\n\n            <x-category-restrictions-page\n              gift-card-item-categories=${ifDefined(giftCardItemCategories)}\n              data-testid=\"category-restrictions:page\"\n              gift-card=${this.href}\n              class=\"border border-contrast-10 rounded-t-l rounded-b-l mb-s\"\n              group=${this.group}\n              lang=${this.lang}\n              ns=${this.ns}\n              ?disabled=${isDisabled}\n              ?readonly=${isReadonly}\n            >\n            </x-category-restrictions-page>\n          </foxy-pagination>\n\n          <foxy-i18n\n            class=\"block text-xs leading-s text-secondary\"\n            lang=${this.lang}\n            key=\"gift_card_category_restrictions_helper_text\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        </div>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  }\n\n  private __renderTimestamps() {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('timestamps:before')}\n\n        <x-property-table\n          data-testid=\"timestamps\"\n          .items=${(['date_modified', 'date_created'] as const).map(field => ({\n            name: this.t(field),\n            value: this.data?.[field]\n              ? this.t('date', { value: new Date(this.data[field] as string) })\n              : '',\n          }))}\n        >\n        </x-property-table>\n\n        ${this.renderTemplateOrSlot('timestamps:after')}\n      </div>\n    `;\n  }\n\n  private __renderCreate() {\n    const isCleanTemplateInvalid = this.in({ idle: { template: { clean: 'invalid' } } });\n    const isDirtyTemplateInvalid = this.in({ idle: { template: { dirty: 'invalid' } } });\n    const isCleanSnapshotInvalid = this.in({ idle: { snapshot: { clean: 'invalid' } } });\n    const isDirtySnapshotInvalid = this.in({ idle: { snapshot: { dirty: 'invalid' } } });\n    const isTemplateInvalid = isCleanTemplateInvalid || isDirtyTemplateInvalid;\n    const isSnaphotInvalid = isCleanSnapshotInvalid || isDirtySnapshotInvalid;\n    const isInvalid = isTemplateInvalid || isSnaphotInvalid;\n    const isBusy = this.in('busy');\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('create:before')}\n\n        <vaadin-button\n          data-testid=\"create\"\n          class=\"w-full\"\n          theme=\"primary success\"\n          ?disabled=${isBusy || isInvalid || this.disabledSelector.matches('create', true)}\n          @click=${this.submit}\n        >\n          <foxy-i18n ns=${this.ns} key=\"create\" lang=${this.lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('create:after')}\n      </div>\n    `;\n  }\n\n  private __renderDelete() {\n    return html`\n      <div>\n        <foxy-internal-confirm-dialog\n          data-testid=\"confirm\"\n          message=\"delete_prompt\"\n          confirm=\"delete\"\n          cancel=\"cancel\"\n          header=\"delete\"\n          theme=\"primary error\"\n          lang=${this.lang}\n          ns=${this.ns}\n          id=\"confirm\"\n          @hide=${(evt: DialogHideEvent) => !evt.detail.cancelled && this.delete()}\n        >\n        </foxy-internal-confirm-dialog>\n\n        ${this.renderTemplateOrSlot('delete:before')}\n\n        <vaadin-button\n          data-testid=\"delete\"\n          theme=\"primary error\"\n          class=\"w-full\"\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('delete', true)}\n          @click=${(evt: CustomEvent) => {\n            const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n            confirm.show(evt.currentTarget as ButtonElement);\n          }}\n        >\n          <foxy-i18n ns=${this.ns} key=\"delete\" lang=${this.lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('delete:after')}\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -8,6 +8,7 @@ import '../../internal/InternalSandbox/index';
 import '../GenerateCodesForm/index';
 import '../GiftCardCodesForm/index';
 import '../GiftCardCodeForm/index';
+import '../CopyToClipboard/index';
 import '../QueryBuilder/index';
 import '../Pagination/index';
 import '../FormDialog/index';

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

@@ -8,6 +8,7 @@ import "../../internal/InternalSandbox/index.js";
 import "../GenerateCodesForm/index.js";
 import "../GiftCardCodesForm/index.js";
 import "../GiftCardCodeForm/index.js";
+import "../CopyToClipboard/index.js";
 import "../QueryBuilder/index.js";
 import "../Pagination/index.js";
 import "../FormDialog/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AACrD,OAAO,0BAA0B,CAAC;AAClC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,uDAAoD;AACpD,iDAA8C;AAC9C,uCAAoC;AACpC,uCAAoC;AACpC,sCAAmC;AACnC,kCAA+B;AAC/B,gCAA6B;AAC7B,gCAA6B;AAC7B,6BAA0B;AAC1B,2BAAwB;AACxB,0BAAuB;AAEvB,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field/vaadin-text-field';\nimport '@vaadin/vaadin-combo-box';\nimport '@vaadin/vaadin-button';\nimport '@polymer/iron-icons';\nimport '@polymer/iron-icon';\nimport '../../internal/InternalConfirmDialog/index';\nimport '../../internal/InternalSandbox/index';\nimport '../GenerateCodesForm/index';\nimport '../GiftCardCodesForm/index';\nimport '../GiftCardCodeForm/index';\nimport '../QueryBuilder/index';\nimport '../Pagination/index';\nimport '../FormDialog/index';\nimport '../Spinner/index';\nimport '../Table/index';\nimport '../I18n/index';\n\nimport { GiftCardForm } from './GiftCardForm';\n\ncustomElements.define('foxy-gift-card-form', GiftCardForm);\n\nexport { GiftCardForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AACrD,OAAO,0BAA0B,CAAC;AAClC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,uDAAoD;AACpD,iDAA8C;AAC9C,uCAAoC;AACpC,uCAAoC;AACpC,sCAAmC;AACnC,qCAAkC;AAClC,kCAA+B;AAC/B,gCAA6B;AAC7B,gCAA6B;AAC7B,6BAA0B;AAC1B,2BAAwB;AACxB,0BAAuB;AAEvB,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field/vaadin-text-field';\nimport '@vaadin/vaadin-combo-box';\nimport '@vaadin/vaadin-button';\nimport '@polymer/iron-icons';\nimport '@polymer/iron-icon';\nimport '../../internal/InternalConfirmDialog/index';\nimport '../../internal/InternalSandbox/index';\nimport '../GenerateCodesForm/index';\nimport '../GiftCardCodesForm/index';\nimport '../GiftCardCodeForm/index';\nimport '../CopyToClipboard/index';\nimport '../QueryBuilder/index';\nimport '../Pagination/index';\nimport '../FormDialog/index';\nimport '../Spinner/index';\nimport '../Table/index';\nimport '../I18n/index';\n\nimport { GiftCardForm } from './GiftCardForm';\n\ncustomElements.define('foxy-gift-card-form', GiftCardForm);\n\nexport { GiftCardForm };\n"]}

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

@@ -2,7 +2,9 @@ import { LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';
 import { StringMap, TOptions } from 'i18next';
 import { FetchEvent } from '../NucleonElement/FetchEvent';
 import { Gateways } from './types';
-declare const I18n_base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+declare const I18n_base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/inferrable").InferrableMixinHost> & {
+    inferredProperties: string[];
+} & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 };
 /**

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

@@ -4,6 +4,7 @@ import { FetchEvent } from "../NucleonElement/FetchEvent.js";
 import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { backend } from "./backend.js";
 import { format } from "./format/index.js";
+import { InferrableMixin } from "../../../mixins/inferrable.js";
 /**
  * Custom element for effortless localization with i18next.
  *
@@ -12,7 +13,7 @@ import { format } from "./format/index.js";
  * @element foxy-i18n
  * @since 1.1.0
  */
-export class I18n extends TranslatableMixin(LitElement, '') {
+export class I18n extends TranslatableMixin(InferrableMixin(LitElement), '') {
     constructor() {
         super(...arguments);
         /**

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, escapeValue: false },\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';\nimport { InferrableMixin } from '../../../mixins/inferrable';\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(InferrableMixin(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/discount.js

@@ -2,6 +2,7 @@
  * i18next formatter that returns a human-readable discount description for an API value.
  * @see https://www.i18next.com/translation-function/formatting
  */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export const discount = ({ ns, type, details }, format, lang) => {
     const methods = ['allunits', 'incremental', 'repeat', 'single'];
     const factor = type.endsWith('_percentage') ? 0.01 : 1;

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

@@ -1 +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"]}
+{"version":3,"file":"discount.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/discount.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,6DAA6D;AAC7D,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 */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\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/ItemCard/ItemCard.d.ts

@@ -0,0 +1,22 @@
+import type { PropertyDeclarations } from 'lit-element';
+import type { TemplateResult } from 'lit-html';
+import { Data } from './types';
+import { InternalCard } from '../../internal/InternalCard/InternalCard';
+declare const Base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+/**
+ * Basic card displaying an item.
+ *
+ * @element foxy-item-card
+ * @since 1.17.0
+ */
+export declare class ItemCard extends Base<Data> {
+    static get properties(): PropertyDeclarations;
+    private static readonly __placeholder;
+    __currencyDisplay: string;
+    __currency: string;
+    renderBody(): TemplateResult;
+    protected _sendGet(): Promise<Data>;
+}
+export {};