@foxy.io/elements 1.27.2-beta.1 → 1.28.0

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

@@ -1 +1 @@
-{"version":3,"file":"AppliedCouponCodeForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AppliedCouponCodeForm/AppliedCouponCodeForm.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,0BAA0B,CAAC;AACtC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAO,qBAAsB,SAAQ,IAAU;IAArD;;QAKE,cAAS,GAAc,EAAE,CAAC;QAET,+BAA0B,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,CAAC;QAE7E,gCAA2B,GAAG,GAAG,EAAE;YAClD,OAAO,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1D,CAAC,CAAC;QAEe,gCAA2B,GAAG,CAAC,QAAkB,EAAE,EAAE;YACpE,IAAI,CAAC,IAAI,CAAC,EAAE,mBAAmB,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACnE,CAAC,CAAC;IAoCJ,CAAC;IAlDC,MAAM,KAAK,GAAG;QACZ,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB,CAAC,CAAC;IACvD,CAAC;IAcD,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC;IAChF,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,eAAe,CAAC,cAAc,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC;IACnE,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,sBAAsB,CAAC;;;;;QAKtF,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,IAAI,CAAA;;;;0BAIY,IAAI,CAAC,2BAA2B;0BAChC,IAAI,CAAC,2BAA2B;yBACjC,IAAI,CAAC,0BAA0B;;;WAG7C;;;;QAIH,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { Data, Templates } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'applied-coupon-code-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for managing applied coupon codes (`fx:applied_coupon_code`).\n *\n * @slot code:before\n * @slot code:after\n *\n * @slot ignore-usage-limits:before\n * @slot ignore-usage-limits:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @element foxy-applied-coupon-code-form\n * @since 1.21.0\n */\nexport class AppliedCouponCodeForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [({ code: v }) => !!v || 'code:v8n_required'];\n  }\n\n  templates: Templates = {};\n\n  private readonly __ignoreUsageLimitsOptions = [{ value: 'checked', label: 'option_checked' }];\n\n  private readonly __getIgnoreUsageLimitsValue = () => {\n    return this.form.ignore_usage_limits ? ['checked'] : [];\n  };\n\n  private readonly __setIgnoreUsageLimitsValue = (newValue: string[]) => {\n    this.edit({ ignore_usage_limits: newValue.includes('checked') });\n  };\n\n  get readonlySelector(): BooleanSelector {\n    return this.data ? new BooleanSelector('not=delete') : super.readonlySelector;\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    return new BooleanSelector(`timestamps ${super.hiddenSelector}`);\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-text-control\n        helper-text=${this.t(this.data ? 'code.helper_text_existing' : 'code.helper_text_new')}\n        infer=\"code\"\n      >\n      </foxy-internal-text-control>\n\n      ${this.data\n        ? ''\n        : html`\n            <foxy-internal-checkbox-group-control\n              infer=\"ignore-usage-limits\"\n              class=\"-my-xs\"\n              .getValue=${this.__getIgnoreUsageLimitsValue}\n              .setValue=${this.__setIgnoreUsageLimitsValue}\n              .options=${this.__ignoreUsageLimitsOptions}\n            >\n            </foxy-internal-checkbox-group-control>\n          `}\n\n      <!-- -->\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}
+{"version":3,"file":"AppliedCouponCodeForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AppliedCouponCodeForm/AppliedCouponCodeForm.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,0BAA0B,CAAC;AACtC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,qBAAsB,SAAQ,IAAU;IAArD;;QAKmB,+BAA0B,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,CAAC;QAE7E,gCAA2B,GAAG,GAAG,EAAE;YAClD,OAAO,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1D,CAAC,CAAC;QAEe,gCAA2B,GAAG,CAAC,QAAkB,EAAE,EAAE;YACpE,IAAI,CAAC,IAAI,CAAC,EAAE,mBAAmB,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACnE,CAAC,CAAC;IAsCJ,CAAC;IAlDC,MAAM,KAAK,GAAG;QACZ,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB,CAAC,CAAC;IACvD,CAAC;IAYD,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC;IAChF,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,eAAe,CAAC,cAAc,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC;IACnE,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,YAAY,EAAE;;;sBAGL,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,sBAAsB,CAAC;;;;;QAKtF,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,IAAI,CAAA;;;;0BAIY,IAAI,CAAC,2BAA2B;0BAChC,IAAI,CAAC,2BAA2B;yBACjC,IAAI,CAAC,0BAA0B;;;WAG7C;;;;QAIH,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { Data } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'applied-coupon-code-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for managing applied coupon codes (`fx:applied_coupon_code`).\n *\n * @element foxy-applied-coupon-code-form\n * @since 1.21.0\n */\nexport class AppliedCouponCodeForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [({ code: v }) => !!v || 'code:v8n_required'];\n  }\n\n  private readonly __ignoreUsageLimitsOptions = [{ value: 'checked', label: 'option_checked' }];\n\n  private readonly __getIgnoreUsageLimitsValue = () => {\n    return this.form.ignore_usage_limits ? ['checked'] : [];\n  };\n\n  private readonly __setIgnoreUsageLimitsValue = (newValue: string[]) => {\n    this.edit({ ignore_usage_limits: newValue.includes('checked') });\n  };\n\n  get readonlySelector(): BooleanSelector {\n    return this.data ? new BooleanSelector('not=delete') : super.readonlySelector;\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    return new BooleanSelector(`timestamps ${super.hiddenSelector}`);\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-text-control\n        helper-text=${this.t(this.data ? 'code.helper_text_existing' : 'code.helper_text_new')}\n        infer=\"code\"\n      >\n      </foxy-internal-text-control>\n\n      ${this.data\n        ? ''\n        : html`\n            <foxy-internal-checkbox-group-control\n              infer=\"ignore-usage-limits\"\n              class=\"-my-xs\"\n              .getValue=${this.__getIgnoreUsageLimitsValue}\n              .setValue=${this.__setIgnoreUsageLimitsValue}\n              .options=${this.__ignoreUsageLimitsOptions}\n            >\n            </foxy-internal-checkbox-group-control>\n          `}\n\n      <!-- -->\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

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

@@ -1,15 +1,3 @@
-import type { AppliedCouponCodeForm } from './AppliedCouponCodeForm';
-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.AppliedCouponCode>;
-export declare type Templates = {
-    'code:before'?: Renderer<AppliedCouponCodeForm>;
-    'code:after'?: Renderer<AppliedCouponCodeForm>;
-    'ignore-usage-limits:before'?: Renderer<AppliedCouponCodeForm>;
-    'ignore-usage-limits:after'?: Renderer<AppliedCouponCodeForm>;
-    'create:before'?: Renderer<AppliedCouponCodeForm>;
-    'create:after'?: Renderer<AppliedCouponCodeForm>;
-    'delete:before'?: Renderer<AppliedCouponCodeForm>;
-    'delete:after'?: Renderer<AppliedCouponCodeForm>;
-};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AppliedCouponCodeForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AppliedCouponCodeForm } from './AppliedCouponCodeForm';\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.AppliedCouponCode>;\n\nexport type Templates = {\n  'code:before'?: Renderer<AppliedCouponCodeForm>;\n  'code:after'?: Renderer<AppliedCouponCodeForm>;\n  'ignore-usage-limits:before'?: Renderer<AppliedCouponCodeForm>;\n  'ignore-usage-limits:after'?: Renderer<AppliedCouponCodeForm>;\n  'create:before'?: Renderer<AppliedCouponCodeForm>;\n  'create:after'?: Renderer<AppliedCouponCodeForm>;\n  'delete:before'?: Renderer<AppliedCouponCodeForm>;\n  'delete:after'?: Renderer<AppliedCouponCodeForm>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AppliedCouponCodeForm/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.AppliedCouponCode>;\n"]}

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

@@ -7,12 +7,6 @@ declare const AppliedTaxCard_base: typeof TwoLineCard & import("lit-element").Co
 /**
  * Basic card displaying an applied tax.
  *
- * @slot title:before
- * @slot title:after
- *
- * @slot subtitle:before
- * @slot subtitle:after
- *
  * @element foxy-applied-tax-card
  * @since 1.11.0
  */

package/dist/elements/public/AppliedTaxCard/AppliedTaxCard.js

@@ -4,12 +4,6 @@ import { TwoLineCard } from "../CustomFieldCard/TwoLineCard.js";
 /**
  * Basic card displaying an applied tax.
  *
- * @slot title:before
- * @slot title:after
- *
- * @slot subtitle:before
- * @slot subtitle:after
- *
  * @element foxy-applied-tax-card
  * @since 1.11.0
  */

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

@@ -1 +1 @@
-{"version":3,"file":"AppliedTaxCard.js","sourceRoot":"","sources":["../../../../src/elements/public/AppliedTaxCard/AppliedTaxCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAKhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAE7D;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,cAAe,SAAQ,iBAAiB,CAAC,WAAW,EAAE,kBAAkB,CAAO;IAA5F;;QACU,sBAAiB,GAAG,EAAE,CAAC;QAEvB,eAAU,GAAG,EAAE,CAAC;IA+C1B,CAAC;IA7CC,UAAU;QACR,OAAO,KAAK,CAAC,UAAU,CAAC;YACtB,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,EAAE;YACjC,QAAQ,EAAE,IAAI,CAAC,EAAE;gBACf,OAAO,IAAI,CAAA;;sBAEG,IAAI,CAAC,SAAS,CAAC;oBACvB,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE;oBAC3C,eAAe,EAAE,IAAI,CAAC,iBAAiB;iBACxC,CAAC;mBACK,IAAI,CAAC,IAAI;;iBAEX,IAAI,CAAC,EAAE;;;;;;;sBAOF,IAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC;mBAChD,IAAI,CAAC,IAAI;;iBAEX,IAAI,CAAC,EAAE;;;SAGf,CAAC;YACJ,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAES,KAAK,CAAC,QAAQ;QAItB,MAAM,UAAU,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC1C,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YAC7C,KAAK,CAAC,MAAM,CAAc,UAAU,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC;YACnE,KAAK,CAAC,MAAM,CAAQ,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;SACxD,CAAC,CAAC;QAEH,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,aAAa,CAAC;QAC5C,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;QAErF,OAAO,UAAU,CAAC;IACpB,CAAC;CACF","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { Data } from './types';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\n\n/**\n * Basic card displaying an applied tax.\n *\n * @slot title:before\n * @slot title:after\n *\n * @slot subtitle:before\n * @slot subtitle:after\n *\n * @element foxy-applied-tax-card\n * @since 1.11.0\n */\nexport class AppliedTaxCard extends TranslatableMixin(TwoLineCard, 'applied-tax-card')<Data> {\n  private __currencyDisplay = '';\n\n  private __currency = '';\n\n  renderBody(): TemplateResult {\n    return super.renderBody({\n      title: data => html`${data.name}`,\n      subtitle: data => {\n        return html`\n          <foxy-i18n\n            options=${JSON.stringify({\n              amount: `${data.amount} ${this.__currency}`,\n              currencyDisplay: this.__currencyDisplay,\n            })}\n            lang=${this.lang}\n            key=\"price\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n\n          <span>&bull;</span>\n\n          <foxy-i18n\n            options=${JSON.stringify({ fraction: data.rate / 100 })}\n            lang=${this.lang}\n            key=\"percent\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        `;\n      },\n    });\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n    type Store = Resource<Rels.Store>;\n\n    const appliedTax = await super._sendGet();\n    const [transaction, store] = await Promise.all([\n      super._fetch<Transaction>(appliedTax._links['fx:transaction'].href),\n      super._fetch<Store>(appliedTax._links['fx:store'].href),\n    ]);\n\n    this.__currency = transaction.currency_code;\n    this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n\n    return appliedTax;\n  }\n}\n"]}
+{"version":3,"file":"AppliedTaxCard.js","sourceRoot":"","sources":["../../../../src/elements/public/AppliedTaxCard/AppliedTaxCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAKhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAE7D;;;;;GAKG;AACH,MAAM,OAAO,cAAe,SAAQ,iBAAiB,CAAC,WAAW,EAAE,kBAAkB,CAAO;IAA5F;;QACU,sBAAiB,GAAG,EAAE,CAAC;QAEvB,eAAU,GAAG,EAAE,CAAC;IA+C1B,CAAC;IA7CC,UAAU;QACR,OAAO,KAAK,CAAC,UAAU,CAAC;YACtB,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,EAAE;YACjC,QAAQ,EAAE,IAAI,CAAC,EAAE;gBACf,OAAO,IAAI,CAAA;;sBAEG,IAAI,CAAC,SAAS,CAAC;oBACvB,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE;oBAC3C,eAAe,EAAE,IAAI,CAAC,iBAAiB;iBACxC,CAAC;mBACK,IAAI,CAAC,IAAI;;iBAEX,IAAI,CAAC,EAAE;;;;;;;sBAOF,IAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC;mBAChD,IAAI,CAAC,IAAI;;iBAEX,IAAI,CAAC,EAAE;;;SAGf,CAAC;YACJ,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAES,KAAK,CAAC,QAAQ;QAItB,MAAM,UAAU,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC1C,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YAC7C,KAAK,CAAC,MAAM,CAAc,UAAU,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC;YACnE,KAAK,CAAC,MAAM,CAAQ,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;SACxD,CAAC,CAAC;QAEH,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,aAAa,CAAC;QAC5C,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;QAErF,OAAO,UAAU,CAAC;IACpB,CAAC;CACF","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { Data } from './types';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\n\n/**\n * Basic card displaying an applied tax.\n *\n * @element foxy-applied-tax-card\n * @since 1.11.0\n */\nexport class AppliedTaxCard extends TranslatableMixin(TwoLineCard, 'applied-tax-card')<Data> {\n  private __currencyDisplay = '';\n\n  private __currency = '';\n\n  renderBody(): TemplateResult {\n    return super.renderBody({\n      title: data => html`${data.name}`,\n      subtitle: data => {\n        return html`\n          <foxy-i18n\n            options=${JSON.stringify({\n              amount: `${data.amount} ${this.__currency}`,\n              currencyDisplay: this.__currencyDisplay,\n            })}\n            lang=${this.lang}\n            key=\"price\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n\n          <span>&bull;</span>\n\n          <foxy-i18n\n            options=${JSON.stringify({ fraction: data.rate / 100 })}\n            lang=${this.lang}\n            key=\"percent\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        `;\n      },\n    });\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n    type Store = Resource<Rels.Store>;\n\n    const appliedTax = await super._sendGet();\n    const [transaction, store] = await Promise.all([\n      super._fetch<Transaction>(appliedTax._links['fx:transaction'].href),\n      super._fetch<Store>(appliedTax._links['fx:store'].href),\n    ]);\n\n    this.__currency = transaction.currency_code;\n    this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n\n    return appliedTax;\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { Data, Templates } from './types';
+import { Data } from './types';
 import { TemplateResult } from 'lit-html';
 import { NucleonElement } from '../NucleonElement/NucleonElement';
 declare const Base: typeof NucleonElement & {
@@ -9,16 +9,10 @@ declare const Base: typeof NucleonElement & {
 /**
  * Basic card displaying an attribute.
  *
- * @slot name:before - **new in v1.4.0**
- * @slot name:after - **new in v1.4.0**
- * @slot value:before - **new in v1.4.0**
- * @slot value:after - **new in v1.4.0**
- *
  * @element foxy-attribute-card
  * @since 1.2.0
  */
 export declare class AttributeCard extends Base<Data> {
-    templates: Templates;
     private readonly __renderName;
     private readonly __renderValue;
     render(): TemplateResult;

package/dist/elements/public/AttributeCard/AttributeCard.js

@@ -10,18 +10,12 @@ const Base = ResponsiveMixin(TranslatableMixin(ConfigurableMixin(ThemeableMixin(
 /**
  * Basic card displaying an attribute.
  *
- * @slot name:before - **new in v1.4.0**
- * @slot name:after - **new in v1.4.0**
- * @slot value:before - **new in v1.4.0**
- * @slot value:after - **new in v1.4.0**
- *
  * @element foxy-attribute-card
  * @since 1.2.0
  */
 export class AttributeCard extends Base {
     constructor() {
         super(...arguments);
-        this.templates = {};
         this.__renderName = () => {
             var _a, _b;
             const { data } = this;

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

@@ -1 +1 @@
-{"version":3,"file":"AttributeCard.js","sourceRoot":"","sources":["../../../../src/elements/public/AttributeCard/AttributeCard.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAClE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAE7D,MAAM,EAAE,GAAG,gBAAgB,CAAC;AAC5B,MAAM,IAAI,GAAG,eAAe,CAC1B,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAAE,EAAE,CAAC,CACzE,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,OAAO,aAAc,SAAQ,IAAU;IAA7C;;QACE,cAAS,GAAc,EAAE,CAAC;QAET,iBAAY,GAAG,GAAG,EAAE;;YACnC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;YAEtB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;;wCAGV,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,mCAAI,EAAE;cAC1C,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,mCAAI,IAAI,CAAA,QAAQ;;;YAG5B,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ;gBACpC,CAAC,CAAC,IAAI,CAAA;;;;eAIH;gBACH,CAAC,CAAC,EAAE;;;UAGN,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC;;KAE5C,CAAC;QACJ,CAAC,CAAC;QAEe,kBAAa,GAAG,GAAG,EAAE;;YACpC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;YAEtB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;;;kBAIjC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE;;;YAGvB,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,IAAI,CAAA,QAAQ;;;UAG7B,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;QACJ,CAAC,CAAC;IAkCJ,CAAC;IAhCC,MAAM;;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAE9C,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;;UAGzB,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE;UAC/D,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE;;;kBAGzD,QAAQ,CAAC;YACf,2DAA2D,EAAE,IAAI;YACjE,+BAA+B,EAAE,QAAQ;SAC1C,CAAC;;;;;oBAKQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;mBACvD,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;;KAK3E,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { Data, Templates } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\n\nconst NS = 'attribute-card';\nconst Base = ResponsiveMixin(\n  TranslatableMixin(ConfigurableMixin(ThemeableMixin(NucleonElement)), NS)\n);\n\n/**\n * Basic card displaying an attribute.\n *\n * @slot name:before - **new in v1.4.0**\n * @slot name:after - **new in v1.4.0**\n * @slot value:before - **new in v1.4.0**\n * @slot value:after - **new in v1.4.0**\n *\n * @element foxy-attribute-card\n * @since 1.2.0\n */\nexport class AttributeCard extends Base<Data> {\n  templates: Templates = {};\n\n  private readonly __renderName = () => {\n    const { data } = this;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('name:before')}\n\n        <div class=\"flex items-center space-x-xs font-medium\">\n          <div class=\"truncate\" title=${data?.name ?? ''} data-testid=\"name\">\n            ${data?.name ?? html`&nbsp;`}\n          </div>\n\n          ${data && data.visibility !== 'public'\n            ? html`\n                <div class=\"flex items-center\" style=\"height: 1px\">\n                  <iron-icon icon=\"icons:lock\" class=\"icon-inline\"></iron-icon>\n                </div>\n              `\n            : ''}\n        </div>\n\n        ${this.renderTemplateOrSlot('name:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderValue = () => {\n    const { data } = this;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('value:before')}\n\n        <div\n          class=\"truncate text-secondary text-s sm-text-m\"\n          title=${data?.value ?? ''}\n          data-testid=\"value\"\n        >\n          ${data?.value ?? html`&nbsp;`}\n        </div>\n\n        ${this.renderTemplateOrSlot('value:after')}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isEmpty = this.in({ idle: 'template' });\n\n    return html`\n      <div\n        aria-live=\"polite\"\n        aria-busy=${this.in('busy')}\n        class=\"h-s flex flex-col justify-center relative text-body text-m font-lumo leading-xs sm-flex-row sm-items-center sm-justify-between\"\n      >\n        ${hiddenSelector.matches('name', true) ? '' : this.__renderName()}\n        ${hiddenSelector.matches('value', true) ? '' : this.__renderValue()}\n\n        <div\n          class=${classMap({\n            'transition duration-250 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': isLoaded,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            class=\"m-auto\"\n            state=${this.in('fail') ? 'error' : isEmpty ? 'empty' : 'busy'}\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"]}
+{"version":3,"file":"AttributeCard.js","sourceRoot":"","sources":["../../../../src/elements/public/AttributeCard/AttributeCard.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAClE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAE7D,MAAM,EAAE,GAAG,gBAAgB,CAAC;AAC5B,MAAM,IAAI,GAAG,eAAe,CAC1B,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAAE,EAAE,CAAC,CACzE,CAAC;AAEF;;;;;GAKG;AACH,MAAM,OAAO,aAAc,SAAQ,IAAU;IAA7C;;QACmB,iBAAY,GAAG,GAAG,EAAE;;YACnC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;YAEtB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;;wCAGV,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,mCAAI,EAAE;cAC1C,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,mCAAI,IAAI,CAAA,QAAQ;;;YAG5B,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ;gBACpC,CAAC,CAAC,IAAI,CAAA;;;;eAIH;gBACH,CAAC,CAAC,EAAE;;;UAGN,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC;;KAE5C,CAAC;QACJ,CAAC,CAAC;QAEe,kBAAa,GAAG,GAAG,EAAE;;YACpC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;YAEtB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;;;kBAIjC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE;;;YAGvB,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,IAAI,CAAA,QAAQ;;;UAG7B,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;QACJ,CAAC,CAAC;IAkCJ,CAAC;IAhCC,MAAM;;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAE9C,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;;UAGzB,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE;UAC/D,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE;;;kBAGzD,QAAQ,CAAC;YACf,2DAA2D,EAAE,IAAI;YACjE,+BAA+B,EAAE,QAAQ;SAC1C,CAAC;;;;;oBAKQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;mBACvD,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;;KAK3E,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { Data } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\n\nconst NS = 'attribute-card';\nconst Base = ResponsiveMixin(\n  TranslatableMixin(ConfigurableMixin(ThemeableMixin(NucleonElement)), NS)\n);\n\n/**\n * Basic card displaying an attribute.\n *\n * @element foxy-attribute-card\n * @since 1.2.0\n */\nexport class AttributeCard extends Base<Data> {\n  private readonly __renderName = () => {\n    const { data } = this;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('name:before')}\n\n        <div class=\"flex items-center space-x-xs font-medium\">\n          <div class=\"truncate\" title=${data?.name ?? ''} data-testid=\"name\">\n            ${data?.name ?? html`&nbsp;`}\n          </div>\n\n          ${data && data.visibility !== 'public'\n            ? html`\n                <div class=\"flex items-center\" style=\"height: 1px\">\n                  <iron-icon icon=\"icons:lock\" class=\"icon-inline\"></iron-icon>\n                </div>\n              `\n            : ''}\n        </div>\n\n        ${this.renderTemplateOrSlot('name:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderValue = () => {\n    const { data } = this;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('value:before')}\n\n        <div\n          class=\"truncate text-secondary text-s sm-text-m\"\n          title=${data?.value ?? ''}\n          data-testid=\"value\"\n        >\n          ${data?.value ?? html`&nbsp;`}\n        </div>\n\n        ${this.renderTemplateOrSlot('value:after')}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isEmpty = this.in({ idle: 'template' });\n\n    return html`\n      <div\n        aria-live=\"polite\"\n        aria-busy=${this.in('busy')}\n        class=\"h-s flex flex-col justify-center relative text-body text-m font-lumo leading-xs sm-flex-row sm-items-center sm-justify-between\"\n      >\n        ${hiddenSelector.matches('name', true) ? '' : this.__renderName()}\n        ${hiddenSelector.matches('value', true) ? '' : this.__renderValue()}\n\n        <div\n          class=${classMap({\n            'transition duration-250 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': isLoaded,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            class=\"m-auto\"\n            state=${this.in('fail') ? 'error' : isEmpty ? 'empty' : 'busy'}\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"]}

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

@@ -1,11 +1,3 @@
-import { AttributeCard } from './AttributeCard';
-import { Rels } from '@foxy.io/sdk/backend';
-import { Renderer } from '../../../mixins/configurable';
 import { Resource } from '@foxy.io/sdk/core';
+import { Rels } from '@foxy.io/sdk/backend';
 export declare type Data = Resource<Rels.Attribute>;
-export declare type Templates = {
-    'name:before'?: Renderer<AttributeCard>;
-    'name:after'?: Renderer<AttributeCard>;
-    'value:before'?: Renderer<AttributeCard>;
-    'value:after'?: Renderer<AttributeCard>;
-};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AttributeCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import { AttributeCard } from './AttributeCard';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Renderer } from '../../../mixins/configurable';\nimport { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.Attribute>;\nexport type Templates = {\n  'name:before'?: Renderer<AttributeCard>;\n  'name:after'?: Renderer<AttributeCard>;\n  'value:before'?: Renderer<AttributeCard>;\n  'value:after'?: Renderer<AttributeCard>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AttributeCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Resource } from '@foxy.io/sdk/core';\nimport { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.Attribute>;\n"]}

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

@@ -1,4 +1,4 @@
-import type { Data, Templates } from './types';
+import type { Data } from './types';
 import type { TemplateResult } from 'lit-html';
 import type { NucleonV8N } from '../NucleonElement/types';
 import { BooleanSelector } from '@foxy.io/sdk/core';
@@ -9,33 +9,15 @@ declare const Base: typeof InternalForm & import("lit-element").Constructor<impo
 /**
  * Form element for creating or editing attributes.
  *
- * @slot name:before - **new in v1.4.0**
- * @slot name:after - **new in v1.4.0**
- *
- * @slot value:before - **new in v1.4.0**
- * @slot value:after - **new in v1.4.0**
- *
- * @slot visibility:before - **new in v1.4.0**
- * @slot visibility:after - **new in v1.4.0**
- *
- * @slot timestamps:before - **new in v1.4.0**
- * @slot timestamps:after - **new in v1.4.0**
- *
- * @slot create:before - **new in v1.4.0**
- * @slot create:after - **new in v1.4.0**
- *
- * @slot delete:before - **new in v1.4.0**
- * @slot delete:after - **new in v1.4.0**
- *
  * @element foxy-attribute-form
  * @since 1.2.0
  */
 export declare class AttributeForm extends Base<Data> {
     static get v8n(): NucleonV8N<Data>;
-    templates: Templates;
     private readonly __visibilityGetValue;
     private readonly __visibilityOptions;
-    get readonlySelector(): BooleanSelector;
+    get hiddenSelector(): BooleanSelector;
+    get headerSubtitleKey(): string;
     renderBody(): TemplateResult;
 }
 export {};

package/dist/elements/public/AttributeForm/AttributeForm.js

@@ -7,31 +7,12 @@ const Base = TranslatableMixin(InternalForm, NS);
 /**
  * Form element for creating or editing attributes.
  *
- * @slot name:before - **new in v1.4.0**
- * @slot name:after - **new in v1.4.0**
- *
- * @slot value:before - **new in v1.4.0**
- * @slot value:after - **new in v1.4.0**
- *
- * @slot visibility:before - **new in v1.4.0**
- * @slot visibility:after - **new in v1.4.0**
- *
- * @slot timestamps:before - **new in v1.4.0**
- * @slot timestamps:after - **new in v1.4.0**
- *
- * @slot create:before - **new in v1.4.0**
- * @slot create:after - **new in v1.4.0**
- *
- * @slot delete:before - **new in v1.4.0**
- * @slot delete:after - **new in v1.4.0**
- *
  * @element foxy-attribute-form
  * @since 1.2.0
  */
 export class AttributeForm extends Base {
     constructor() {
         super(...arguments);
-        this.templates = {};
         this.__visibilityGetValue = () => {
             return this.form.visibility || 'private';
         };
@@ -49,14 +30,20 @@ export class AttributeForm extends Base {
             ({ name }) => !name || name.length <= 500 || 'name:v8n_too_long',
         ];
     }
-    get readonlySelector() {
-        const alwaysMatch = [super.readonlySelector.toString()];
+    get hiddenSelector() {
+        const alwaysMatch = [super.hiddenSelector.toString()];
         if (this.href)
             alwaysMatch.unshift('visibility');
         return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
+    get headerSubtitleKey() {
+        var _a;
+        return `subtitle_${(_a = this.data) === null || _a === void 0 ? void 0 : _a.visibility}`;
+    }
     renderBody() {
         return html `
+      ${this.renderHeader()}
+
       <foxy-internal-source-control infer="name"></foxy-internal-source-control>
       <foxy-internal-source-control infer="value"></foxy-internal-source-control>
       <foxy-internal-radio-group-control

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

@@ -1 +1 @@
-{"version":3,"file":"AttributeForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AttributeForm/AttributeForm.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,gBAAgB,CAAC;AAC5B,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,OAAO,aAAc,SAAQ,IAAU;IAA7C;;QAUE,cAAS,GAAc,EAAE,CAAC;QAET,yBAAoB,GAAG,GAAG,EAAE;YAC3C,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,SAAS,CAAC;QAC3C,CAAC,CAAC;QAEe,wBAAmB,GAAG;YACrC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,QAAQ,EAAE;YAC3C,EAAE,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,YAAY,EAAE;YACnD,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,EAAE;SAC9C,CAAC;IAsBJ,CAAC;IAzCC,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,oBAAoB;YAClE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,IAAI,oBAAoB;YACrE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,mBAAmB;YAC9D,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,GAAG,IAAI,mBAAmB;SACjE,CAAC;IACJ,CAAC;IAcD,IAAI,gBAAgB;QAClB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC;QACxD,IAAI,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QACjD,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;;;;mBAKI,IAAI,CAAC,mBAAmB;oBACvB,IAAI,CAAC,oBAAoB;;;;QAIrC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { Data, Templates } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'attribute-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for creating or editing attributes.\n *\n * @slot name:before - **new in v1.4.0**\n * @slot name:after - **new in v1.4.0**\n *\n * @slot value:before - **new in v1.4.0**\n * @slot value:after - **new in v1.4.0**\n *\n * @slot visibility:before - **new in v1.4.0**\n * @slot visibility:after - **new in v1.4.0**\n *\n * @slot timestamps:before - **new in v1.4.0**\n * @slot timestamps:after - **new in v1.4.0**\n *\n * @slot create:before - **new in v1.4.0**\n * @slot create:after - **new in v1.4.0**\n *\n * @slot delete:before - **new in v1.4.0**\n * @slot delete:after - **new in v1.4.0**\n *\n * @element foxy-attribute-form\n * @since 1.2.0\n */\nexport class AttributeForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ value }) => (value && value.length > 0) || 'value:v8n_required',\n      ({ value }) => !value || value.length <= 1000 || 'value:v8n_too_long',\n      ({ name }) => (name && name.length > 0) || 'name:v8n_required',\n      ({ name }) => !name || name.length <= 500 || 'name:v8n_too_long',\n    ];\n  }\n\n  templates: Templates = {};\n\n  private readonly __visibilityGetValue = () => {\n    return this.form.visibility || 'private';\n  };\n\n  private readonly __visibilityOptions = [\n    { label: 'option_public', value: 'public' },\n    { label: 'option_restricted', value: 'restricted' },\n    { label: 'option_private', value: 'private' },\n  ];\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    if (this.href) alwaysMatch.unshift('visibility');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-source-control infer=\"name\"></foxy-internal-source-control>\n      <foxy-internal-source-control infer=\"value\"></foxy-internal-source-control>\n      <foxy-internal-radio-group-control\n        infer=\"visibility\"\n        .options=${this.__visibilityOptions}\n        .getValue=${this.__visibilityGetValue}\n      >\n      </foxy-internal-radio-group-control>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}
+{"version":3,"file":"AttributeForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AttributeForm/AttributeForm.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,gBAAgB,CAAC;AAC5B,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,aAAc,SAAQ,IAAU;IAA7C;;QAUmB,yBAAoB,GAAG,GAAG,EAAE;YAC3C,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,SAAS,CAAC;QAC3C,CAAC,CAAC;QAEe,wBAAmB,GAAG;YACrC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,QAAQ,EAAE;YAC3C,EAAE,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,YAAY,EAAE;YACnD,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,EAAE;SAC9C,CAAC;IA4BJ,CAAC;IA7CC,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,oBAAoB;YAClE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,IAAI,oBAAoB;YACrE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,mBAAmB;YAC9D,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,GAAG,IAAI,mBAAmB;SACjE,CAAC;IACJ,CAAC;IAYD,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QACtD,IAAI,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QACjD,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,iBAAiB;;QACnB,OAAO,YAAY,MAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,EAAE,CAAC;IAC7C,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,YAAY,EAAE;;;;;;mBAMR,IAAI,CAAC,mBAAmB;oBACvB,IAAI,CAAC,oBAAoB;;;;QAIrC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { Data } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'attribute-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for creating or editing attributes.\n *\n * @element foxy-attribute-form\n * @since 1.2.0\n */\nexport class AttributeForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ value }) => (value && value.length > 0) || 'value:v8n_required',\n      ({ value }) => !value || value.length <= 1000 || 'value:v8n_too_long',\n      ({ name }) => (name && name.length > 0) || 'name:v8n_required',\n      ({ name }) => !name || name.length <= 500 || 'name:v8n_too_long',\n    ];\n  }\n\n  private readonly __visibilityGetValue = () => {\n    return this.form.visibility || 'private';\n  };\n\n  private readonly __visibilityOptions = [\n    { label: 'option_public', value: 'public' },\n    { label: 'option_restricted', value: 'restricted' },\n    { label: 'option_private', value: 'private' },\n  ];\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n    if (this.href) alwaysMatch.unshift('visibility');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get headerSubtitleKey(): string {\n    return `subtitle_${this.data?.visibility}`;\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-source-control infer=\"name\"></foxy-internal-source-control>\n      <foxy-internal-source-control infer=\"value\"></foxy-internal-source-control>\n      <foxy-internal-radio-group-control\n        infer=\"visibility\"\n        .options=${this.__visibilityOptions}\n        .getValue=${this.__visibilityGetValue}\n      >\n      </foxy-internal-radio-group-control>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

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

@@ -1,19 +1,3 @@
-import type { AttributeForm } from './AttributeForm';
-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.Attribute>;
-export declare type Templates = {
-    'name:before'?: Renderer<AttributeForm>;
-    'name:after'?: Renderer<AttributeForm>;
-    'value:before'?: Renderer<AttributeForm>;
-    'value:after'?: Renderer<AttributeForm>;
-    'visibility:before'?: Renderer<AttributeForm>;
-    'visibility:after'?: Renderer<AttributeForm>;
-    'timestamps:before'?: Renderer<AttributeForm>;
-    'timestamps:after'?: Renderer<AttributeForm>;
-    'delete:before'?: Renderer<AttributeForm>;
-    'delete:after'?: Renderer<AttributeForm>;
-    'create:before'?: Renderer<AttributeForm>;
-    'create:after'?: Renderer<AttributeForm>;
-};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AttributeForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AttributeForm } from './AttributeForm';\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.Attribute>;\nexport type Templates = {\n  'name:before'?: Renderer<AttributeForm>;\n  'name:after'?: Renderer<AttributeForm>;\n  'value:before'?: Renderer<AttributeForm>;\n  'value:after'?: Renderer<AttributeForm>;\n  'visibility:before'?: Renderer<AttributeForm>;\n  'visibility:after'?: Renderer<AttributeForm>;\n  'timestamps:before'?: Renderer<AttributeForm>;\n  'timestamps:after'?: Renderer<AttributeForm>;\n  'delete:before'?: Renderer<AttributeForm>;\n  'delete:after'?: Renderer<AttributeForm>;\n  'create:before'?: Renderer<AttributeForm>;\n  'create:after'?: Renderer<AttributeForm>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AttributeForm/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.Attribute>;\n"]}

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

@@ -1,4 +1,4 @@
-import { Data, Templates } from './types';
+import { Data } from './types';
 import { TemplateResult } from 'lit-element';
 import { NucleonElement } from '../NucleonElement/NucleonElement';
 import { NucleonV8N } from '../NucleonElement/types';
@@ -11,13 +11,6 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
 /**
  * Form element for canceling subscriptions.
  *
- * @slot warning:before
- * @slot warning:after
- * @slot end-date:before
- * @slot end-date:after
- * @slot submit:before
- * @slot submit:after
- *
  * @element foxy-cancellation-form
  * @since 1.4.0
  * @deprecated
@@ -25,7 +18,6 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
 export declare class CancellationForm extends Base<Data> {
     static get scopedElements(): ScopedElementsMap;
     static get v8n(): NucleonV8N<Data>;
-    templates: Templates;
     private readonly __renderWarning;
     private readonly __renderEndDate;
     private readonly __renderSubmit;

package/dist/elements/public/CancellationForm/CancellationForm.js

@@ -13,13 +13,6 @@ const Base = ScopedElementsMixin(ThemeableMixin(ConfigurableMixin(TranslatableMi
 /**
  * Form element for canceling subscriptions.
  *
- * @slot warning:before
- * @slot warning:after
- * @slot end-date:before
- * @slot end-date:after
- * @slot submit:before
- * @slot submit:after
- *
  * @element foxy-cancellation-form
  * @since 1.4.0
  * @deprecated
@@ -27,7 +20,6 @@ const Base = ScopedElementsMixin(ThemeableMixin(ConfigurableMixin(TranslatableMi
 export class CancellationForm extends Base {
     constructor() {
         super(...arguments);
-        this.templates = {};
         this.__renderWarning = () => {
             const { lang, ns } = this;
             return html `

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

@@ -1 +1 @@
-{"version":3,"file":"CancellationForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CancellationForm/CancellationForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates } from './types';\nimport { Group, Warning } from '../../private/index';\nimport { TemplateResult, html } from 'lit-element';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { InternalCalendar } from '../../internal/InternalCalendar/InternalCalendar';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { ScopedElementsMap } from '@open-wc/scoped-elements/src/types';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { serializeDate } from '../../../utils/serialize-date';\n\nconst NS = 'cancellation-form';\nconst Base = ScopedElementsMixin(\n  ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Form element for canceling subscriptions.\n *\n * @slot warning:before\n * @slot warning:after\n * @slot end-date:before\n * @slot end-date:after\n * @slot submit:before\n * @slot submit:after\n *\n * @element foxy-cancellation-form\n * @since 1.4.0\n * @deprecated\n */\nexport class CancellationForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-internal-calendar': customElements.get('foxy-internal-calendar'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'vaadin-button': customElements.get('vaadin-button'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'x-warning': Warning,\n      'x-group': Group,\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [({ end_date: v }) => !!v || 'end_date_required'];\n  }\n\n  templates: Templates = {};\n\n  private readonly __renderWarning = () => {\n    const { lang, ns } = this;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('warning:before')}\n\n        <x-warning>\n          <foxy-i18n\n            data-testid=\"warning\"\n            class=${classMap({ 'text-disabled': !this.in({ idle: 'snapshot' }) })}\n            lang=${lang}\n            key=\"end_subscription_explainer\"\n            ns=${ns}\n          >\n          </foxy-i18n>\n        </x-warning>\n\n        ${this.renderTemplateOrSlot('warning:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderEndDate = () => {\n    const { constructor, lang, ns } = this;\n    const tomorrow = (constructor as typeof CancellationForm).__tomorrow.getTime();\n    const isIdleSnapshot = this.in({ idle: 'snapshot' });\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('end-date:before')}\n\n        <x-group frame>\n          <foxy-i18n\n            data-testid=\"end-date-label\"\n            class=${classMap({ 'text-disabled': !isIdleSnapshot })}\n            slot=\"header\"\n            lang=${lang}\n            key=\"end_date\"\n            ns=${ns}\n          >\n          </foxy-i18n>\n\n          <foxy-internal-calendar\n            data-testid=\"end-date\"\n            .checkAvailability=${(date: Date) => date.getTime() >= tomorrow}\n            ?disabled=${!isIdleSnapshot || this.disabledSelector.matches('end-date', true)}\n            ?readonly=${!!this.data?.end_date || this.readonlySelector.matches('end-date', true)}\n            value=${ifDefined(this.form.end_date ?? undefined)}\n            lang=${lang}\n            @change=${(evt: CustomEvent<void>) => {\n              this.edit({ end_date: (evt.target as InternalCalendar).value });\n            }}\n          >\n          </foxy-internal-calendar>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('end-date:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSubmit = () => {\n    const isValid =\n      this.in({ idle: { snapshot: { clean: 'valid' } } }) ||\n      this.in({ idle: { snapshot: { dirty: 'valid' } } });\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('submit:before')}\n\n        <vaadin-button\n          data-testid=\"submit\"\n          ?disabled=${!isValid || this.disabledSelector.matches('submit', true)}\n          theme=\"primary error\"\n          class=\"w-full\"\n          @click=${() => this.submit()}\n        >\n          <foxy-i18n ns=${this.ns} lang=${this.lang} key=\"end_subscription\"></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('submit:after')}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n    const isBusy = this.in('busy');\n    const isFail = this.in('fail');\n\n    return html`\n      <div class=\"space-y-l font-lumo text-m text-body leading-m relative\">\n        ${hiddenSelector.matches('warning', true) ? '' : this.__renderWarning()}\n        ${hiddenSelector.matches('end-date', true) ? '' : this.__renderEndDate()}\n        ${hiddenSelector.matches('submit', true) ? '' : this.__renderSubmit()}\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': !isBusy && !isFail,\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=${isFail ? 'error' : isBusy ? '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  submit(): void {\n    if (!this.form.end_date) {\n      const staticThis = this.constructor as typeof CancellationForm;\n      this.edit({ end_date: serializeDate(staticThis.__tomorrow) });\n    }\n\n    super.submit();\n  }\n\n  private static get __tomorrow() {\n    const date = new Date();\n    date.setDate(date.getDate() + 1);\n    date.setHours(0, 0, 0, 0);\n    return date;\n  }\n}\n"]}
+{"version":3,"file":"CancellationForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CancellationForm/CancellationForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data } from './types';\nimport { Group, Warning } from '../../private/index';\nimport { TemplateResult, html } from 'lit-element';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { InternalCalendar } from '../../internal/InternalCalendar/InternalCalendar';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { ScopedElementsMap } from '@open-wc/scoped-elements/src/types';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { serializeDate } from '../../../utils/serialize-date';\n\nconst NS = 'cancellation-form';\nconst Base = ScopedElementsMixin(\n  ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Form element for canceling subscriptions.\n *\n * @element foxy-cancellation-form\n * @since 1.4.0\n * @deprecated\n */\nexport class CancellationForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'foxy-internal-calendar': customElements.get('foxy-internal-calendar'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'vaadin-button': customElements.get('vaadin-button'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n      'x-warning': Warning,\n      'x-group': Group,\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [({ end_date: v }) => !!v || 'end_date_required'];\n  }\n\n  private readonly __renderWarning = () => {\n    const { lang, ns } = this;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('warning:before')}\n\n        <x-warning>\n          <foxy-i18n\n            data-testid=\"warning\"\n            class=${classMap({ 'text-disabled': !this.in({ idle: 'snapshot' }) })}\n            lang=${lang}\n            key=\"end_subscription_explainer\"\n            ns=${ns}\n          >\n          </foxy-i18n>\n        </x-warning>\n\n        ${this.renderTemplateOrSlot('warning:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderEndDate = () => {\n    const { constructor, lang, ns } = this;\n    const tomorrow = (constructor as typeof CancellationForm).__tomorrow.getTime();\n    const isIdleSnapshot = this.in({ idle: 'snapshot' });\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('end-date:before')}\n\n        <x-group frame>\n          <foxy-i18n\n            data-testid=\"end-date-label\"\n            class=${classMap({ 'text-disabled': !isIdleSnapshot })}\n            slot=\"header\"\n            lang=${lang}\n            key=\"end_date\"\n            ns=${ns}\n          >\n          </foxy-i18n>\n\n          <foxy-internal-calendar\n            data-testid=\"end-date\"\n            .checkAvailability=${(date: Date) => date.getTime() >= tomorrow}\n            ?disabled=${!isIdleSnapshot || this.disabledSelector.matches('end-date', true)}\n            ?readonly=${!!this.data?.end_date || this.readonlySelector.matches('end-date', true)}\n            value=${ifDefined(this.form.end_date ?? undefined)}\n            lang=${lang}\n            @change=${(evt: CustomEvent<void>) => {\n              this.edit({ end_date: (evt.target as InternalCalendar).value });\n            }}\n          >\n          </foxy-internal-calendar>\n        </x-group>\n\n        ${this.renderTemplateOrSlot('end-date:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSubmit = () => {\n    const isValid =\n      this.in({ idle: { snapshot: { clean: 'valid' } } }) ||\n      this.in({ idle: { snapshot: { dirty: 'valid' } } });\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('submit:before')}\n\n        <vaadin-button\n          data-testid=\"submit\"\n          ?disabled=${!isValid || this.disabledSelector.matches('submit', true)}\n          theme=\"primary error\"\n          class=\"w-full\"\n          @click=${() => this.submit()}\n        >\n          <foxy-i18n ns=${this.ns} lang=${this.lang} key=\"end_subscription\"></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('submit:after')}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n    const isBusy = this.in('busy');\n    const isFail = this.in('fail');\n\n    return html`\n      <div class=\"space-y-l font-lumo text-m text-body leading-m relative\">\n        ${hiddenSelector.matches('warning', true) ? '' : this.__renderWarning()}\n        ${hiddenSelector.matches('end-date', true) ? '' : this.__renderEndDate()}\n        ${hiddenSelector.matches('submit', true) ? '' : this.__renderSubmit()}\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': !isBusy && !isFail,\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=${isFail ? 'error' : isBusy ? '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  submit(): void {\n    if (!this.form.end_date) {\n      const staticThis = this.constructor as typeof CancellationForm;\n      this.edit({ end_date: serializeDate(staticThis.__tomorrow) });\n    }\n\n    super.submit();\n  }\n\n  private static get __tomorrow() {\n    const date = new Date();\n    date.setDate(date.getDate() + 1);\n    date.setHours(0, 0, 0, 0);\n    return date;\n  }\n}\n"]}

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

@@ -1,13 +1,3 @@
-import { Rels } from '@foxy.io/sdk/customer';
-import { Resource } from '@foxy.io/sdk/core';
-import { Renderer } from '../../../mixins/configurable';
-import { CancellationForm } from './CancellationForm';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/customer';
 export declare type Data = Resource<Rels.Subscription>;
-export declare type Templates = {
-    'warning:before'?: Renderer<CancellationForm>;
-    'warning:after'?: Renderer<CancellationForm>;
-    'end-date:before'?: Renderer<CancellationForm>;
-    'end-date:after'?: Renderer<CancellationForm>;
-    'submit:before'?: Renderer<CancellationForm>;
-    'submit:after'?: Renderer<CancellationForm>;
-};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CancellationForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Rels } from '@foxy.io/sdk/customer';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { Renderer } from '../../../mixins/configurable';\nimport { CancellationForm } from './CancellationForm';\n\nexport type Data = Resource<Rels.Subscription>;\nexport type Templates = {\n  'warning:before'?: Renderer<CancellationForm>;\n  'warning:after'?: Renderer<CancellationForm>;\n  'end-date:before'?: Renderer<CancellationForm>;\n  'end-date:after'?: Renderer<CancellationForm>;\n  'submit:before'?: Renderer<CancellationForm>;\n  'submit:after'?: Renderer<CancellationForm>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CancellationForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/customer';\n\nexport type Data = Resource<Rels.Subscription>;\n"]}

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

@@ -1,5 +1,5 @@
 import type { PropertyDeclarations } from 'lit-element';
-import type { Templates, Data } from './types';
+import type { Data } from './types';
 import type { TemplateResult } from 'lit-html';
 import type { NucleonV8N } from '../NucleonElement/types';
 import { InternalForm } from '../../internal/InternalForm/InternalForm';
@@ -9,96 +9,6 @@ declare const Base: typeof InternalForm & import("lit-element").Constructor<impo
 /**
  * Form element for creating or editing carts (`fx:cart`).
  *
- * @slot customer-type:before
- * @slot customer-type:after
- *
- * @slot customer:before
- * @slot customer:after
- *
- * @slot template-set-uri:before
- * @slot template-set-uri:after
- *
- * @slot items:before
- * @slot items:after
- *
- * @slot applied-coupon-codes:before
- * @slot applied-coupon-codes:after
- *
- * @slot custom-fields:before
- * @slot custom-fields:after
- *
- * @slot attributes:before
- * @slot attributes:after
- *
- * @slot billing-first-name:before
- * @slot billing-first-name:after
- *
- * @slot billing-last-name:before
- * @slot billing-last-name:after
- *
- * @slot billing-company:before
- * @slot billing-company:after
- *
- * @slot billing-phone:before
- * @slot billing-phone:after
- *
- * @slot billing-address-one:before
- * @slot billing-address-one:after
- *
- * @slot billing-address-two:before
- * @slot billing-address-two:after
- *
- * @slot billing-country:before
- * @slot billing-country:after
- *
- * @slot billing-region:before
- * @slot billing-region:after
- *
- * @slot billing-city:before
- * @slot billing-city:after
- *
- * @slot billing-postal-code:before
- * @slot billing-postal-code:after
- *
- * @slot shipping-first-name:before
- * @slot shipping-first-name:after
- *
- * @slot shipping-last-name:before
- * @slot shipping-last-name:after
- *
- * @slot shipping-company:before
- * @slot shipping-company:after
- *
- * @slot shipping-phone:before
- * @slot shipping-phone:after
- *
- * @slot shipping-address-one:before
- * @slot shipping-address-one:after
- *
- * @slot shipping-address-two:before
- * @slot shipping-address-two:after
- *
- * @slot shipping-country:before
- * @slot shipping-country:after
- *
- * @slot shipping-region:before
- * @slot shipping-region:after
- *
- * @slot shipping-city:before
- * @slot shipping-city:after
- *
- * @slot shipping-postal-code:before
- * @slot shipping-postal-code:after
- *
- * @slot view-as-customer:before
- * @slot view-as-customer:after
- *
- * @slot delete:before
- * @slot delete:after
- *
- * @slot create:before
- * @slot create:after
- *
  * @element foxy-cart-form
  * @since 1.21.0
  */
@@ -115,8 +25,6 @@ export declare class CartForm extends Base<Data> {
     customers: string | null;
     /** URL of the `fx:countries` property helper. */
     countries: string | null;
-    /** Template render functions mapped to their name. */
-    templates: Templates;
     /** URL of the `fx:regions` property helper. */
     regions: string | null;
     /** URL of the `fx:coupons` collection for the store. */