@foxy.io/elements 1.18.0-beta.20 → 1.18.0-beta.21

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateSetForm.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetForm/TemplateSetForm.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,EAAE,GAAG,mBAAmB,CAAC;AAC/B,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD,MAAM,OAAO,eAAgB,SAAQ,IAAU;IAA/C;;QAsCE,sBAAiB,GAAkB,IAAI,CAAC;QAExC,oBAAe,GAAkB,2CAA2C,CAAC;QAE7E,gBAAW,GAAkB,IAAI,CAAC;QAElC,cAAS,GAAkB,IAAI,CAAC;IAoHlC,CAAC;IA/JC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,iBAAiB,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE;YACvD,eAAe,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE;YAClD,WAAW,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE;YAC1C,SAAS,EAAE,EAAE;SACd,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;;;;;;OASF;SACF,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,0BAA0B;YACzD,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,GAAG,CAAC,IAAI,0BAA0B;YAC9E,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB;YAC3C,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,IAAI,mBAAmB;YAC/D,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,uBAAuB;YACnD,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,0BAA0B;SAC1D,CAAC;IACJ,CAAC;IAUD,IAAI,cAAc;;QAChB,MAAM,YAAY,GAAG;YACnB,+BAA+B;YAC/B,uCAAuC;YACvC,kDAAkD;YAClD,mCAAmC;YACnC,kCAAkC;YAClC,sCAAsC;YACtC,sCAAsC;YACtC,0CAA0C;YAC1C,2CAA2C;YAC3C,oCAAoC;YACpC,+BAA+B;SAChC,CAAC;QAEF,IAAI,OAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,MAAK,SAAS;YAAE,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAE/D,OAAO,IAAI,eAAe,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAC7F,CAAC;IAED,IAAI,gBAAgB;;QAClB,MAAM,cAAc,GAAa,EAAE,CAAC;QACpC,IAAI,OAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,MAAK,SAAS;YAAE,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QAC9E,OAAO,IAAI,eAAe,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IACjG,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IACpE,CAAC;IAED,IAAI,4BAA4B;QAC9B,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,uCAAuC,CAAC,CAAC;IAChF,CAAC;IAED,UAAU;;QAKR,MAAM,iBAAiB,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAoB,cAAc,CAAC,CAAC;QAC3F,MAAM,WAAW,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAC;QAC5C,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,OAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,mCAAI,EAAE,CAAC,CAAC;QACpE,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAExF,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAkB,YAAY,CAAC,CAAC;QACrF,MAAM,SAAS,GAAG,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI,CAAC;QACxC,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,OAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,mCAAI,EAAE,CAAC,CAAC;QAChE,MAAM,eAAe,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAEpF,MAAM,sBAAsB,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAc,mBAAmB,CAAC,CAAC;QAC/F,MAAM,gBAAgB,GAAG,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,IAAI,CAAC;QAEtD,OAAO,IAAI,CAAA;;;;eAIA,SAAS,OAAC,IAAI,CAAC,SAAS,mCAAI,SAAS,CAAC;;kBAEnC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;eAO7B,SAAS,OAAC,IAAI,CAAC,WAAW,mCAAI,SAAS,CAAC;;kBAErC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;eAO7B,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC;;kBAExC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;;kEAQsB,eAAe;;;qEAGZ,iBAAiB;;;;;;;;gBAQtE,IAAI,CAAC,iBAAiB;wBACd,gBAAgB;;;;QAIhC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,eAAe;YACjC,CAAC,CAAC,IAAI,CAAA;;mCAEqB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,IAAI;kCAC/C,IAAI,CAAC,IAAI,CAAC,QAAQ;;qBAE/B,IAAI,CAAC,eAAe;;;WAG9B;YACH,CAAC,CAAC,EAAE;QACJ,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { CSSResultArray, PropertyDeclarations } from 'lit-element';\nimport type { PaymentsApiPaymentPresetForm } from '../PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm';\nimport type { TemplateConfigForm } from '../TemplateConfigForm/TemplateConfigForm';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, css } from 'lit-element';\n\nconst NS = 'template-set-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\nexport class TemplateSetForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      paymentMethodSets: { attribute: 'payment-method-sets' },\n      languageStrings: { attribute: 'language-strings' },\n      localeCodes: { attribute: 'locale-codes' },\n      languages: {},\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        vaadin-button::part(label) {\n          flex: 1;\n          padding: 0;\n        }\n\n        .grid-cols-16rem {\n          grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n        }\n      `,\n    ];\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ description: v }) => !!v || 'description:v8n_required',\n      ({ description: v }) => (!!v && v.length <= 100) || 'description:v8n_too_long',\n      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => (!!v && v.length <= 50) || 'code:v8n_too_long',\n      ({ language: v }) => !!v || 'language:v8n_required',\n      ({ locale_code: v }) => !!v || 'locale_code:v8n_required',\n    ];\n  }\n\n  paymentMethodSets: string | null = null;\n\n  languageStrings: string | null = 'https://demo.api/hapi/property_helpers/10';\n\n  localeCodes: string | null = null;\n\n  languages: string | null = null;\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysHidden = [\n      'cart-template-uri:not=content',\n      'cart-include-template-uri:not=content',\n      'email-template-uri:not=content,template-language',\n      'checkout-template-uri:not=content',\n      'receipt-template-uri:not=content',\n      'config:payment-method-set-uri:delete',\n      'config:payment-method-set-uri:create',\n      'config:payment-method-set-uri:timestamps',\n      'config:payment-method-set-uri:description',\n      'config:template-dialog:description',\n      'config:template-dialog:delete',\n    ];\n\n    if (this.data?.code === 'DEFAULT') alwaysHidden.push('delete');\n\n    return new BooleanSelector(`${alwaysHidden.join(' ')} ${super.hiddenSelector.toString()}`);\n  }\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysReadonly: string[] = [];\n    if (this.data?.code === 'DEFAULT') alwaysReadonly.push('code', 'description');\n    return new BooleanSelector(`${alwaysReadonly.join(' ')} ${super.readonlySelector.toString()}`);\n  }\n\n  get templateConfigForm(): TemplateConfigForm | null {\n    return this.renderRoot.querySelector('foxy-template-config-form');\n  }\n\n  get paymentsApiPaymentPresetForm(): PaymentsApiPaymentPresetForm | null {\n    return this.renderRoot.querySelector('foxy-payments-api-payment-preset-form');\n  }\n\n  renderBody(): TemplateResult {\n    type LocaleCodesLoader = NucleonElement<Resource<Rels.LocaleCodes>>;\n    type LanguagesLoader = NucleonElement<Resource<Rels.Languages>>;\n    type PMSetLoader = NucleonElement<Resource<Rels.PaymentMethodSet>>;\n\n    const localeCodesLoader = this.renderRoot.querySelector<LocaleCodesLoader>('#localeCodes');\n    const localeCodes = localeCodesLoader?.data;\n    const localeCodeEntries = Object.entries(localeCodes?.values ?? {});\n    const localeCodeOptions = localeCodeEntries.map(([value, label]) => ({ value, label }));\n\n    const languagesLoader = this.renderRoot.querySelector<LanguagesLoader>('#languages');\n    const languages = languagesLoader?.data;\n    const languageEntries = Object.entries(languages?.values ?? {});\n    const languageOptions = languageEntries.map(([value, label]) => ({ value, label }));\n\n    const paymentMethodSetLoader = this.renderRoot.querySelector<PMSetLoader>('#paymentMethodSet');\n    const paymentMethodSet = paymentMethodSetLoader?.data;\n\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.languages ?? undefined)}\n        id=\"languages\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.localeCodes ?? undefined)}\n        id=\"localeCodes\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.form.payment_method_set_uri)}\n        id=\"paymentMethodSet\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <div class=\"grid grid-cols-16rem gap-m\">\n        <foxy-internal-text-control infer=\"description\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"code\"></foxy-internal-text-control>\n\n        <foxy-internal-select-control infer=\"language\" .options=${languageOptions}>\n        </foxy-internal-select-control>\n\n        <foxy-internal-select-control infer=\"locale-code\" .options=${localeCodeOptions}>\n        </foxy-internal-select-control>\n      </div>\n\n      <foxy-internal-async-combo-box-control\n        item-label-path=\"description\"\n        item-id-path=\"_links.self.href\"\n        infer=\"payment-method-set-uri\"\n        first=${this.paymentMethodSets}\n        .selectedItem=${paymentMethodSet}\n      >\n      </foxy-internal-async-combo-box-control>\n\n      ${this.data && this.languageStrings\n        ? html`\n            <foxy-i18n-editor\n              language-overrides=${this.data._links['fx:language_overrides'].href}\n              selected-language=${this.form.language}\n              infer=\"i18n-editor\"\n              href=${this.languageStrings}\n            >\n            </foxy-i18n-editor>\n          `\n        : ''}\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}
+{"version":3,"file":"TemplateSetForm.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetForm/TemplateSetForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { Data, Templates } from './types';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\nconst NS = 'template-set-form';\nconst Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));\n\n/**\n * Form element for creating and editing template sets (`fx:template_set`).\n *\n * @slot description:before\n * @slot description:after\n *\n * @slot code:before\n * @slot code:after\n *\n * @slot language:before\n * @slot language:after\n *\n * @slot locale-code:before\n * @slot locale-code:after\n *\n * @slot payment-method-set-uri:before\n * @slot payment-method-set-uri:after\n *\n * @slot language-overrides:before\n * @slot language-overrides:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @element foxy-template-set-form\n * @since 1.21.0\n */\nexport class TemplateSetForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      paymentMethodSets: { attribute: 'payment-method-sets' },\n      languageStrings: { attribute: 'language-strings' },\n      localeCodes: { attribute: 'locale-codes' },\n      languages: {},\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ description: v }) => !!v || 'description:v8n_required',\n      ({ description: v }) => (!!v && v.length <= 100) || 'description:v8n_too_long',\n      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => (!!v && v.length <= 50) || 'code:v8n_too_long',\n      ({ language: v }) => !!v || 'language:v8n_required',\n      ({ locale_code: v }) => !!v || 'locale_code:v8n_required',\n    ];\n  }\n\n  /** URL of the store's `fx:payment_method_sets` collection (used to fill the relevant dropdown with options). */\n  paymentMethodSets: string | null = null;\n\n  /** URL of the `fx:language_strings` property helper (passed through to foxy-i18n-editor). */\n  languageStrings: string | null = null;\n\n  /** URL of the `fx:locale_codes` property helper (used to fill the relevant dropdown with options). */\n  localeCodes: string | null = null;\n\n  /** URL of the `fx:languages` property helper (used to fill the relevant dropdown with options). */\n  languages: string | null = null;\n\n  /** Template render functions mapped to their name. */\n  templates: Templates = {};\n\n  private readonly __paymentMethodSetLoaderId = 'paymentMethodSetLoader';\n\n  private readonly __localeCodesLoaderId = 'localeCodesLoader';\n\n  private readonly __languagesLoaderId = 'languagesLoader';\n\n  get disabledSelector(): BooleanSelector {\n    const alwaysDisabled: string[] = [];\n\n    if (!this.__languagesLoader?.data) alwaysDisabled.push('language');\n    if (!this.__localeCodesLoader?.data) alwaysDisabled.push('locale-code');\n    if (!this.__paymentMethodSetLoader?.data && this.form.payment_method_set_uri) {\n      alwaysDisabled.push('payment-method-set-uri');\n    }\n\n    return new BooleanSelector(`${alwaysDisabled.join(' ')} ${super.disabledSelector}`);\n  }\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysReadonly: string[] = [];\n    if (this.data?.code === 'DEFAULT') alwaysReadonly.push('code', 'description');\n    return new BooleanSelector(`${alwaysReadonly.join(' ')} ${super.readonlySelector}`);\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysHidden: string[] = [];\n    if (this.data?.code === 'DEFAULT') alwaysHidden.push('delete');\n    return new BooleanSelector(`${alwaysHidden.join(' ')} ${super.hiddenSelector}`);\n  }\n\n  renderBody(): TemplateResult {\n    const localeCodeEntries = Object.entries(this.__localeCodesLoader?.data?.values ?? {});\n    const localeCodes = localeCodeEntries.map(([value, label]) => ({ value, label }));\n\n    const languageEntries = Object.entries(this.__languagesLoader?.data?.values ?? {});\n    const languages = languageEntries.map(([value, label]) => ({ value, label }));\n\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.languages ?? undefined)}\n        id=${this.__languagesLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.localeCodes ?? undefined)}\n        id=${this.__localeCodesLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.form.payment_method_set_uri || undefined)}\n        id=${this.__paymentMethodSetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <div class=\"grid grid-cols-1 gap-m sm-grid-cols-2\">\n        <foxy-internal-text-control infer=\"description\"></foxy-internal-text-control>\n\n        <foxy-internal-text-control infer=\"code\"></foxy-internal-text-control>\n\n        <foxy-internal-select-control infer=\"language\" .options=${languages}>\n        </foxy-internal-select-control>\n\n        <foxy-internal-select-control infer=\"locale-code\" .options=${localeCodes}>\n        </foxy-internal-select-control>\n      </div>\n\n      <foxy-internal-async-combo-box-control\n        item-label-path=\"description\"\n        item-id-path=\"_links.self.href\"\n        infer=\"payment-method-set-uri\"\n        first=${this.paymentMethodSets}\n        .selectedItem=${this.__paymentMethodSetLoader?.data}\n      >\n      </foxy-internal-async-combo-box-control>\n\n      ${this.data &&\n      this.languageStrings &&\n      !this.hiddenSelector.matches('language-overrides', true)\n        ? html`\n            ${this.renderTemplateOrSlot('language-overrides:before')}\n\n            <foxy-i18n-editor\n              language-overrides=${this.data._links['fx:language_overrides'].href}\n              selected-language=${this.form.language}\n              infer=\"language-overrides\"\n              href=${this.languageStrings}\n            >\n            </foxy-i18n-editor>\n\n            ${this.renderTemplateOrSlot('language-overrides:after')}\n          `\n        : ''}\n\n      <!-- -->\n\n      ${super.renderBody()}\n    `;\n  }\n\n  private get __paymentMethodSetLoader() {\n    type Loader = NucleonElement<Resource<Rels.PaymentMethodSet>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__paymentMethodSetLoaderId}`);\n  }\n\n  private get __localeCodesLoader() {\n    type Loader = NucleonElement<Resource<Rels.LocaleCodes>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__localeCodesLoaderId}`);\n  }\n\n  private get __languagesLoader() {\n    type Loader = NucleonElement<Resource<Rels.Languages>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__languagesLoaderId}`);\n  }\n}\n"]}

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

@@ -1,6 +1,7 @@
 import '../../internal/InternalAsyncComboBoxControl/index';
 import '../../internal/InternalSelectControl/index';
 import '../../internal/InternalTextControl/index';
+import '../../internal/InternalSandbox/index';
 import '../../internal/InternalForm/index';
 import '../NucleonElement/index';
 import '../I18nEditor/index';

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

@@ -1,6 +1,7 @@
 import "../../internal/InternalAsyncComboBoxControl/index.js";
 import "../../internal/InternalSelectControl/index.js";
 import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalSandbox/index.js";
 import "../../internal/InternalForm/index.js";
 import "../NucleonElement/index.js";
 import "../I18nEditor/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetForm/index.ts"],"names":[],"mappings":"AAAA,8DAA2D;AAC3D,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,oCAAiC;AACjC,gCAA6B;AAE7B,OAAO,EAAE,eAAe,EAAE,6BAA0B;AAEpD,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,eAAe,CAAC,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import '../../internal/InternalAsyncComboBoxControl/index';\nimport '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../NucleonElement/index';\nimport '../I18nEditor/index';\n\nimport { TemplateSetForm } from './TemplateSetForm';\n\ncustomElements.define('foxy-template-set-form', TemplateSetForm);\n\nexport { TemplateSetForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetForm/index.ts"],"names":[],"mappings":"AAAA,8DAA2D;AAC3D,uDAAoD;AACpD,qDAAkD;AAClD,iDAA8C;AAC9C,8CAA2C;AAE3C,oCAAiC;AACjC,gCAA6B;AAE7B,OAAO,EAAE,eAAe,EAAE,6BAA0B;AAEpD,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,eAAe,CAAC,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import '../../internal/InternalAsyncComboBoxControl/index';\nimport '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalSandbox/index';\nimport '../../internal/InternalForm/index';\n\nimport '../NucleonElement/index';\nimport '../I18nEditor/index';\n\nimport { TemplateSetForm } from './TemplateSetForm';\n\ncustomElements.define('foxy-template-set-form', TemplateSetForm);\n\nexport { TemplateSetForm };\n"]}

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

@@ -1,3 +1,25 @@
+import type { TemplateSetForm } from './TemplateSetForm';
+import type { Renderer } from '../../../mixins/configurable';
 import type { Resource } from '@foxy.io/sdk/core';
 import type { Rels } from '@foxy.io/sdk/backend';
 export declare type Data = Resource<Rels.TemplateSet>;
+export declare type Templates = {
+    'description:before'?: Renderer<TemplateSetForm>;
+    'description:after'?: Renderer<TemplateSetForm>;
+    'code:before'?: Renderer<TemplateSetForm>;
+    'code:after'?: Renderer<TemplateSetForm>;
+    'language:before'?: Renderer<TemplateSetForm>;
+    'language:after'?: Renderer<TemplateSetForm>;
+    'locale-code:before'?: Renderer<TemplateSetForm>;
+    'locale-code:after'?: Renderer<TemplateSetForm>;
+    'payment-method-set-uri:before'?: Renderer<TemplateSetForm>;
+    'payment-method-set-uri:after'?: Renderer<TemplateSetForm>;
+    'language-overrides:before'?: Renderer<TemplateSetForm>;
+    'language-overrides:after'?: Renderer<TemplateSetForm>;
+    'timestamps:before'?: Renderer<TemplateSetForm>;
+    'timestamps:after'?: Renderer<TemplateSetForm>;
+    'create:before'?: Renderer<TemplateSetForm>;
+    'create:after'?: Renderer<TemplateSetForm>;
+    'delete:before'?: Renderer<TemplateSetForm>;
+    'delete:after'?: Renderer<TemplateSetForm>;
+};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.TemplateSet>;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TemplateSetForm } from './TemplateSetForm';\nimport type { Renderer } from '../../../mixins/configurable';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.TemplateSet>;\n\nexport type Templates = {\n  'description:before'?: Renderer<TemplateSetForm>;\n  'description:after'?: Renderer<TemplateSetForm>;\n  'code:before'?: Renderer<TemplateSetForm>;\n  'code:after'?: Renderer<TemplateSetForm>;\n  'language:before'?: Renderer<TemplateSetForm>;\n  'language:after'?: Renderer<TemplateSetForm>;\n  'locale-code:before'?: Renderer<TemplateSetForm>;\n  'locale-code:after'?: Renderer<TemplateSetForm>;\n  'payment-method-set-uri:before'?: Renderer<TemplateSetForm>;\n  'payment-method-set-uri:after'?: Renderer<TemplateSetForm>;\n  'language-overrides:before'?: Renderer<TemplateSetForm>;\n  'language-overrides:after'?: Renderer<TemplateSetForm>;\n  'timestamps:before'?: Renderer<TemplateSetForm>;\n  'timestamps:after'?: Renderer<TemplateSetForm>;\n  'create:before'?: Renderer<TemplateSetForm>;\n  'create:after'?: Renderer<TemplateSetForm>;\n  'delete:before'?: Renderer<TemplateSetForm>;\n  'delete:after'?: Renderer<TemplateSetForm>;\n};\n"]}

package/dist/mixins/themeable.js

@@ -2073,10 +2073,6 @@ input::-webkit-date-and-time-value{
   color: var(--lumo-tertiary-text-color, hsla(214, 45%, 20%, 0.5));
 }
 
-.underline {
-  text-decoration: underline;
-}
-
 @media (hover: hover) {
   .hover-underline:hover {
     text-decoration: underline;

package/dist/mixins/themeable.js.map

@@ -1 +1 @@
-{"version":3,"file":"themeable.js","sourceRoot":"","sources":["../../src/mixins/themeable.ts"],"names":[],"mappings":"AAAA,sEAAsE;AAEtE,OAAO,EAA0C,UAAU,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAEtF,OAAO,EAAE,eAAe,EAAE,wBAAqB;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAI/E,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,WAAkB,EACkB,EAAE;IACtC,OAAO,MAAM,gBAAiB,SAAQ,WAAW;QAC/C,MAAM,KAAK,MAAM;YACf,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;YAEjC,OAAO;gBACL,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBAClF,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA4HF;aACF,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CACZ,yBAAyB,EACzB,GAAG;;;;;;;;GASF,CACF,CAAC;AAEF,cAAc,CACZ,qCAAqC,EACrC,GAAG;;;;;;;GAOF,CACF,CAAC;AAEF,cAAc,CACZ,qCAAqC,EACrC,GAAG;;;;;;;GAOF,CACF,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,OAAgB,SAAU,SAAQ,mBAAmB,CACzD,eAAe,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAC5C;CAAG","sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n\nimport { CSSResult, CSSResultArray, Constructor, LitElement, css } from 'lit-element';\n\nimport { ResponsiveMixin } from './responsive';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles';\n\ntype Base = Constructor<LitElement> & { styles?: CSSResult | CSSResultArray | CSSStyleSheet };\n\nexport const ThemeableMixin = <TBase extends Base>(\n  BaseElement: TBase\n): TBase & { styles: CSSResultArray } => {\n  return class ThemeableElement extends BaseElement {\n    static get styles(): CSSResultArray {\n      const originalCSS = super.styles;\n\n      return [\n        ...(originalCSS ? (Array.isArray(originalCSS) ? originalCSS : [originalCSS]) : []),\n        css`\n          @tailwind base;\n\n          * {\n            -webkit-tap-highlight-color: transparent;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n          }\n\n          :host {\n            display: block;\n            color: var(--lumo-body-text-color);\n            line-height: var(--lumo-line-height-m);\n            font: normal var(--lumo-font-size-m) var(--lumo-font-family);\n          }\n\n          details > summary::-webkit-details-marker {\n            display: none;\n          }\n\n          details > summary {\n            list-style: none;\n          }\n\n          vaadin-select {\n            margin-top: -4px;\n            margin-bottom: -4px;\n          }\n\n          vaadin-text-area,\n          vaadin-text-field,\n          vaadin-date-picker,\n          vaadin-email-field,\n          vaadin-number-field,\n          vaadin-custom-field,\n          vaadin-integer-field,\n          vaadin-password-field,\n          vaadin-checkbox-group,\n          vaadin-radio-group,\n          vaadin-combo-box::part(text-field),\n          vaadin-date-picker::part(text-field) {\n            padding-top: 0;\n            padding-bottom: 0;\n          }\n\n          vaadin-time-picker,\n          vaadin-date-time-picker {\n            width: 100%;\n          }\n\n          vaadin-button,\n          vaadin-checkbox::part(checkbox) {\n            margin: 0;\n          }\n\n          vaadin-checkbox::part(label) {\n            margin: 0.1875em var(--lumo-space-m);\n          }\n\n          .appearance-none {\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            appearance: none;\n          }\n\n          .appearance-none::-webkit-calendar-picker-indicator,\n          .appearance-none::-webkit-outer-spin-button,\n          .appearance-none::-webkit-inner-spin-button,\n          .appearance-none::-webkit-list-button {\n            opacity: 0 !important;\n            width: 0 !important;\n            margin: 0 !important;\n            padding: 0 !important;\n          }\n\n          input::-webkit-date-and-time-value {\n            text-align: inherit !important;\n          }\n\n          @tailwind components;\n\n          @tailwind utilities;\n\n          @layer utilities {\n            .border-radius-overflow-fix {\n              -webkit-mask-image: -webkit-radial-gradient(white, black);\n            }\n\n            @variants sm, md, lg, xl {\n              .grid-rows-auto {\n                grid-auto-rows: 1fr;\n              }\n\n              .icon-inline {\n                --iron-icon-height: 1em;\n                --iron-icon-width: 1em;\n              }\n\n              .bg-blurred {\n                backdrop-filter: blur(25px);\n                background: var(--lumo-tint-80pct);\n              }\n\n              .max-w-modal {\n                max-width: 28rem;\n              }\n\n              .max-w-modal-wide {\n                max-width: 50rem;\n              }\n\n              .w-narrow-modal {\n                width: 18rem;\n              }\n\n              .snap-x-mandatory {\n                scroll-snap-type: x mandatory;\n              }\n\n              .snap-start {\n                scroll-snap-align: start;\n              }\n            }\n          }\n        `,\n      ];\n    }\n  };\n};\n\nregisterStyles(\n  'vaadin-date-time-picker',\n  css`\n    vaadin-date-time-picker-custom-field {\n      --lumo-text-field-size: auto;\n      padding: 0;\n    }\n\n    vaadin-date-time-picker-custom-field::part(label) {\n      padding-bottom: 0.5em;\n    }\n  `\n);\n\nregisterStyles(\n  'vaadin-date-time-picker-date-picker',\n  css`\n    :host {\n      --lumo-text-field-size: auto;\n    }\n    vaadin-date-time-picker-date-text-field {\n      padding: 0;\n    }\n  `\n);\n\nregisterStyles(\n  'vaadin-date-time-picker-time-picker',\n  css`\n    :host {\n      --lumo-text-field-size: auto;\n    }\n    vaadin-date-time-picker-time-text-field {\n      padding: 0;\n    }\n  `\n);\n\n/**\n * One of the base classes for each rel-specific element in the collection\n * providing shared TailwindCSS styles for Shadow DOM content.\n * This class MUST NOT be used on its own (hence the `abstract` keyword) or\n * referenced externally (outside of the package).\n *\n * @deprecated\n */\nexport abstract class Themeable extends ScopedElementsMixin(\n  ResponsiveMixin(ThemeableMixin(LitElement))\n) {}\n"]}
+{"version":3,"file":"themeable.js","sourceRoot":"","sources":["../../src/mixins/themeable.ts"],"names":[],"mappings":"AAAA,sEAAsE;AAEtE,OAAO,EAA0C,UAAU,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAEtF,OAAO,EAAE,eAAe,EAAE,wBAAqB;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAI/E,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,WAAkB,EACkB,EAAE;IACtC,OAAO,MAAM,gBAAiB,SAAQ,WAAW;QAC/C,MAAM,KAAK,MAAM;YACf,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;YAEjC,OAAO;gBACL,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBAClF,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA4HF;aACF,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CACZ,yBAAyB,EACzB,GAAG;;;;;;;;GASF,CACF,CAAC;AAEF,cAAc,CACZ,qCAAqC,EACrC,GAAG;;;;;;;GAOF,CACF,CAAC;AAEF,cAAc,CACZ,qCAAqC,EACrC,GAAG;;;;;;;GAOF,CACF,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,OAAgB,SAAU,SAAQ,mBAAmB,CACzD,eAAe,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAC5C;CAAG","sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n\nimport { CSSResult, CSSResultArray, Constructor, LitElement, css } from 'lit-element';\n\nimport { ResponsiveMixin } from './responsive';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles';\n\ntype Base = Constructor<LitElement> & { styles?: CSSResult | CSSResultArray | CSSStyleSheet };\n\nexport const ThemeableMixin = <TBase extends Base>(\n  BaseElement: TBase\n): TBase & { styles: CSSResultArray } => {\n  return class ThemeableElement extends BaseElement {\n    static get styles(): CSSResultArray {\n      const originalCSS = super.styles;\n\n      return [\n        ...(originalCSS ? (Array.isArray(originalCSS) ? originalCSS : [originalCSS]) : []),\n        css`\n          @tailwind base;\n\n          * {\n            -webkit-tap-highlight-color: transparent;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n          }\n\n          :host {\n            display: block;\n            color: var(--lumo-body-text-color);\n            line-height: var(--lumo-line-height-m);\n            font: normal var(--lumo-font-size-m) var(--lumo-font-family);\n          }\n\n          details > summary::-webkit-details-marker {\n            display: none;\n          }\n\n          details > summary {\n            list-style: none;\n          }\n\n          vaadin-select {\n            margin-top: -4px;\n            margin-bottom: -4px;\n          }\n\n          vaadin-text-area,\n          vaadin-text-field,\n          vaadin-date-picker,\n          vaadin-email-field,\n          vaadin-number-field,\n          vaadin-custom-field,\n          vaadin-integer-field,\n          vaadin-password-field,\n          vaadin-checkbox-group,\n          vaadin-radio-group,\n          vaadin-combo-box::part(text-field),\n          vaadin-date-picker::part(text-field) {\n            padding-top: 0;\n            padding-bottom: 0;\n          }\n\n          vaadin-time-picker,\n          vaadin-date-time-picker {\n            width: 100%;\n          }\n\n          vaadin-button,\n          vaadin-checkbox::part(checkbox) {\n            margin: 0;\n          }\n\n          vaadin-checkbox::part(label) {\n            margin: 0.1875em var(--lumo-space-m);\n          }\n\n          .appearance-none {\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            appearance: none;\n          }\n\n          .appearance-none::-webkit-calendar-picker-indicator,\n          .appearance-none::-webkit-outer-spin-button,\n          .appearance-none::-webkit-inner-spin-button,\n          .appearance-none::-webkit-list-button {\n            opacity: 0 !important;\n            width: 0 !important;\n            margin: 0 !important;\n            padding: 0 !important;\n          }\n\n          input::-webkit-date-and-time-value {\n            text-align: inherit !important;\n          }\n\n          @tailwind components;\n\n          @tailwind utilities;\n\n          @layer utilities {\n            .border-radius-overflow-fix {\n              -webkit-mask-image: -webkit-radial-gradient(white, black);\n            }\n\n            @variants sm, md, lg, xl {\n              .grid-rows-auto {\n                grid-auto-rows: 1fr;\n              }\n\n              .icon-inline {\n                --iron-icon-height: 1em;\n                --iron-icon-width: 1em;\n              }\n\n              .bg-blurred {\n                backdrop-filter: blur(25px);\n                background: var(--lumo-tint-80pct);\n              }\n\n              .max-w-modal {\n                max-width: 28rem;\n              }\n\n              .max-w-modal-wide {\n                max-width: 50rem;\n              }\n\n              .w-narrow-modal {\n                width: 18rem;\n              }\n\n              .snap-x-mandatory {\n                scroll-snap-type: x mandatory;\n              }\n\n              .snap-start {\n                scroll-snap-align: start;\n              }\n            }\n          }\n        `,\n      ];\n    }\n  };\n};\n\nregisterStyles(\n  'vaadin-date-time-picker',\n  css`\n    vaadin-date-time-picker-custom-field {\n      --lumo-text-field-size: auto;\n      padding: 0;\n    }\n\n    vaadin-date-time-picker-custom-field::part(label) {\n      padding-bottom: 0.5em;\n    }\n  `\n);\n\nregisterStyles(\n  'vaadin-date-time-picker-date-picker',\n  css`\n    :host {\n      --lumo-text-field-size: auto;\n    }\n    vaadin-date-time-picker-date-text-field {\n      padding: 0;\n    }\n  `\n);\n\nregisterStyles(\n  'vaadin-date-time-picker-time-picker',\n  css`\n    :host {\n      --lumo-text-field-size: auto;\n    }\n    vaadin-date-time-picker-time-text-field {\n      padding: 0;\n    }\n  `\n);\n\n/**\n * One of the base classes for each rel-specific element in the collection\n * providing shared TailwindCSS styles for Shadow DOM content.\n * This class MUST NOT be used on its own (hence the `abstract` keyword) or\n * referenced externally (outside of the package).\n *\n * @deprecated\n */\nexport abstract class Themeable extends ScopedElementsMixin(\n  ResponsiveMixin(ThemeableMixin(LitElement))\n) {}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@foxy.io/elements",
   "type": "module",
-  "version": "1.18.0-beta.20",
+  "version": "1.18.0-beta.21",
   "description": "E-commerce web components by Foxy.",
   "repository": {
     "type": "git",

package/dist/cdn/shared-004f1a77.js

@@ -1 +0,0 @@
-import{_ as r}from"./shared-a8ced8bf.js";import{p as s}from"./shared-888d690a.js";function a(a){var t;const n=s(a),o=null!==(t={y:"yearly",m:"monthly",w:"weekly",d:"daily"}[n.units])&&void 0!==t?t:n.units;return r(r({},n),{},{units:o})}export{a as p};

package/dist/cdn/shared-2f9b7791.js

@@ -1 +0,0 @@
-import{L as e,h as r}from"./shared-7f33a83a.js";import{w as s}from"./shared-1e94e6dd.js";let t,o=e=>e;class n extends e{static get styles(){return s.styles}render(){return r(t||(t=o` <p class="flex text-s border border-contrast-10 rounded-t-l rounded-b-l p-s text-body leading-s"> <iron-icon icon="lumo:error" class="text-error flex-shrink-0 mr-s"></iron-icon> <slot></slot> </p> `))}}function a(e){const[r,s,t]=e.split("-").map((e=>parseInt(e,10)));return[r,s,t].some((e=>"number"!=typeof e||isNaN(e)))?null:new Date(r,s-1,t)}export{n as W,a as p};

package/dist/cdn/shared-888d690a.js

@@ -1 +0,0 @@
-import{_ as e}from"./shared-a8ced8bf.js";import{h as t,L as n}from"./shared-7f33a83a.js";import{i as r,a as s}from"./shared-1e94e6dd.js";import{F as a,A as o}from"./shared-76b3d76a.js";import{I as i}from"./shared-4f037e43.js";const l={type:"backend",init:()=>{},read:(e,t,n)=>{const r=async e=>{const t=e.ok?null:new Error(await e.text()),r=!!e.ok&&await e.json();n(t,r)},s=e=>{const t=e instanceof Error?e:new Error(String(e));n(t,!1)},i=new a("fetch",{cancelable:!0,composed:!0,bubbles:!0,request:new o.WHATWGRequest(`foxy://i18n/${t}/${e}`),resolve:r,reject:s});dispatchEvent(i),i.defaultPrevented||fetch(i.request).then(r).catch(s)},create:()=>{throw new Error("foxy-i18n does not support resource creation")}};function c(e,t=!1){var n;const r=e.replace(/(y|m|w|d)/,""),s=e.replace(/\.?\d+/,"");return{count:".5"===r?.5:parseInt(r),units:t&&null!==(n={y:"year",m:"month",w:"week",d:"day"}[s])&&void 0!==n?n:s}}const u={discount:({ns:e,type:t,details:n},r,s)=>{const a=t.endsWith("_percentage")?.01:1,o=n.split("|"),i=`${["allunits","incremental","repeat","single"].includes(o[0])?o.shift():"single"}_${t}_discount_summary`;return o.map((t=>{var n,r;const s=null!==(r=null===(n=/[-+]/.exec(t))||void 0===n?void 0:n.index)&&void 0!==r?r:-1,o=parseFloat(t.substring(s))*a,l=parseFloat(t.substring(0,s));return`$t(${i}, ${JSON.stringify({adjustment:o,from:l,ns:e})})`})).join("; ")},relative:(e,t,n)=>{const r=new Intl.RelativeTimeFormat(n);let{count:s,units:a}=c(e,!0);return.5===s&&"month"===a&&(s=2,a="week"),r.format(s,a)},percent:(e,t,n)=>{let r=null;try{"number"==typeof e&&(r=e.toLocaleString(n,{style:"percent"}))}catch(e){console.warn(`i18next formatter error: ${e.message}`)}return r||String(e)},ordinal:(e,t,n)=>`${e}$t(ordinal_${new Intl.PluralRules(n,{type:"ordinal"}).select(e)})`,price:(e,t,n,r)=>{var s;try{const[t,a]=e.split(" ");return parseFloat(t).toLocaleString(n,{maximumFractionDigits:2,minimumFractionDigits:2,currencyDisplay:null!==(s=null==r?void 0:r.currencyDisplay)&&void 0!==s?s:"symbol",style:"currency",currency:a})}catch(t){return e}},date:(e,t,n,r)=>{var s,a,o;if(!e)return"$t(unknown)";const i=new Date(e),l=null!==(s=null==r?void 0:r.month)&&void 0!==s?s:"long",c=(null!==(a=null==r?void 0:r.year)&&void 0!==a?a:(new Date).getFullYear()===i.getFullYear())?void 0:"numeric",u=null!==(o=null==r?void 0:r.day)&&void 0!==o?o:"numeric";return i.toLocaleDateString(n,{month:l,year:c,day:u})},time:(e,t,n)=>new Date(e).toLocaleTimeString(n,{hour:"numeric",minute:"numeric"})};let d,p=e=>e;class m extends(s(i(n),"")){constructor(){super(...arguments),this.options={},this.key=""}static onTranslationChange(e){const t=["initialized","loaded"],n=["removed","added"];return t.forEach((t=>m.i18next.on(t,e))),n.forEach((t=>m.i18next.store.on(t,e))),()=>{t.forEach((t=>m.i18next.off(t,e))),n.forEach((t=>m.i18next.store.off(t,e)))}}static onResourceFetch(e){const t=t=>{if(t instanceof a&&t.request.url.startsWith("foxy://i18n/")){const[n,r]=t.request.url.split("/").reverse();t.respondWith(e(r,n))}};return addEventListener("fetch",t),()=>removeEventListener("fetch",t)}static setGateways({values:e}){for(const t in e)this.i18next.addResource("en","gateways",`gateways.${t}`,e[t].name)}static get properties(){return e(e({},super.properties),{},{options:{type:Object},key:{type:String}})}connectedCallback(){super.connectedCallback(),this.__unsubscribe=m.onTranslationChange((()=>this.requestUpdate()))}render(){return t(d||(d=p`<span>${0}</span>`),this.t(this.key,e(e({},this.options),{},{lng:this.lang})))}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this.__unsubscribe)||void 0===e||e.call(this)}}m.FetchEvent=a,m.i18next=r.createInstance().use(l),m.i18next.init({interpolation:{format:(e,t="",n="en",r={})=>t.split(" ").filter((e=>!!e.trim())).reduce(((e,t)=>{var s,a;return null!==(a=null===(s=u[t])||void 0===s?void 0:s.call(u,e,t,n,r))&&void 0!==a?a:e}),e),escapeValue:!1},fallbackLng:"en",fallbackNS:"shared",defaultNS:"shared",ns:["shared"]}),customElements.define("foxy-i18n",m);export{m as I,c as p};