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

package/dist/elements/public/GenerateCodesForm/GenerateCodesForm.js

@@ -7,28 +7,12 @@ const Base = TranslatableMixin(InternalForm, NS);
 /**
  * Form element for generating codes for coupons or gift cards (`fx:generate_codes`).
  *
- * @slot length:before
- * @slot length:after
- *
- * @slot number-of-codes:before
- * @slot number-of-codes:after
- *
- * @slot prefix:before
- * @slot prefix:after
- *
- * @slot current-balance:before
- * @slot current-balance:after
- *
- * @slot create:before
- * @slot create:after
- *
  * @element foxy-generate-codes-form
  * @since 1.15.0
  */
 export class GenerateCodesForm extends Base {
     constructor() {
         super(...arguments);
-        this.templates = {};
         this.__exampleGetValue = () => {
             var _a, _b;
             const templates = [

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

@@ -1 +1 @@
-{"version":3,"file":"GenerateCodesForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GenerateCodesForm/GenerateCodesForm.ts"],"names":[],"mappings":"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","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 = 'generate-codes-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for generating codes for coupons or gift cards (`fx:generate_codes`).\n *\n * @slot length:before\n * @slot length:after\n *\n * @slot number-of-codes:before\n * @slot number-of-codes:after\n *\n * @slot prefix:before\n * @slot prefix:after\n *\n * @slot current-balance:before\n * @slot current-balance:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @element foxy-generate-codes-form\n * @since 1.15.0\n */\nexport class GenerateCodesForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ prefix: p = '', length: l = 6 }) =>\n        (l - p.length > 0 && l <= 50 && !p?.includes(' ')) || 'error:invalid_form',\n    ];\n  }\n\n  templates: Templates = {};\n\n  private readonly __exampleGetValue = () => {\n    const templates = [\n      '1V3BJ3USJKSS1BYANMNBT7AJ06R6QQ8RB0VPPL03ATQVY186X2',\n      'P4YNSW7NSSAY43PL4H7BKHDUVNAE9UR13FC0XAAJHDLZWW8AJC',\n      '7DGT4Q91FV4KK095WLX1ML1HFNU6ZCGVBVPMGR7D3P52A9UFTB',\n    ];\n\n    const prefix = this.form.prefix ?? '';\n    const length = (this.form.length ?? 6) - prefix.length;\n    if (length > 0) return templates.map(t => `${prefix}${t.slice(0, length)}`).join('\\n');\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = ['example', super.readonlySelector.toString()];\n    if (this.href) alwaysMatch.push('length number-of-codes current-balance prefix');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n    alwaysMatch.unshift('delete timestamps');\n    if (this.href) alwaysMatch.push('example');\n    if (this.errors.includes('error:invalid_form')) alwaysMatch.push('example');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-text-control infer=\"prefix\"></foxy-internal-text-control>\n\n      <div class=\"grid grid-cols-2 gap-m\">\n        <foxy-internal-integer-control infer=\"length\" min=\"1\"></foxy-internal-integer-control>\n        <foxy-internal-integer-control infer=\"number-of-codes\" min=\"1\">\n        </foxy-internal-integer-control>\n      </div>\n\n      <foxy-internal-number-control infer=\"current-balance\" min=\"0\"></foxy-internal-number-control>\n      <foxy-internal-source-control infer=\"example\" .getValue=${this.__exampleGetValue}>\n      </foxy-internal-source-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const body = JSON.stringify(edits);\n    const data = await this._fetch(this.parent, { body, method: 'POST' });\n    this.status = { key: 'success' };\n    return data;\n  }\n}\n"]}
+{"version":3,"file":"GenerateCodesForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GenerateCodesForm/GenerateCodesForm.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,qBAAqB,CAAC;AACjC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,iBAAkB,SAAQ,IAAU;IAAjD;;QAQmB,sBAAiB,GAAG,GAAG,EAAE;;YACxC,MAAM,SAAS,GAAG;gBAChB,oDAAoD;gBACpD,oDAAoD;gBACpD,oDAAoD;aACrD,CAAC;YAEF,MAAM,MAAM,SAAG,IAAI,CAAC,IAAI,CAAC,MAAM,mCAAI,EAAE,CAAC;YACtC,MAAM,MAAM,GAAG,OAAC,IAAI,CAAC,IAAI,CAAC,MAAM,mCAAI,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;YACvD,IAAI,MAAM,GAAG,CAAC;gBAAE,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzF,CAAC,CAAC;IAwCJ,CAAC;IAzDC,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CACpC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,QAAQ,CAAC,GAAG,EAAC,CAAC,IAAI,oBAAoB;SAC7E,CAAC;IACJ,CAAC;IAcD,IAAI,gBAAgB;QAClB,MAAM,WAAW,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC;QACnE,IAAI,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,IAAI,CAAC,+CAA+C,CAAC,CAAC;QACjF,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QACtD,WAAW,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QACzC,IAAI,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3C,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CAAC;YAAE,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC5E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;;;;;;;;;gEAUiD,IAAI,CAAC,iBAAiB;;;QAG9E,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,SAAS,CAAC,KAAoB;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACtE,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,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 = 'generate-codes-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for generating codes for coupons or gift cards (`fx:generate_codes`).\n *\n * @element foxy-generate-codes-form\n * @since 1.15.0\n */\nexport class GenerateCodesForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ prefix: p = '', length: l = 6 }) =>\n        (l - p.length > 0 && l <= 50 && !p?.includes(' ')) || 'error:invalid_form',\n    ];\n  }\n\n  private readonly __exampleGetValue = () => {\n    const templates = [\n      '1V3BJ3USJKSS1BYANMNBT7AJ06R6QQ8RB0VPPL03ATQVY186X2',\n      'P4YNSW7NSSAY43PL4H7BKHDUVNAE9UR13FC0XAAJHDLZWW8AJC',\n      '7DGT4Q91FV4KK095WLX1ML1HFNU6ZCGVBVPMGR7D3P52A9UFTB',\n    ];\n\n    const prefix = this.form.prefix ?? '';\n    const length = (this.form.length ?? 6) - prefix.length;\n    if (length > 0) return templates.map(t => `${prefix}${t.slice(0, length)}`).join('\\n');\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = ['example', super.readonlySelector.toString()];\n    if (this.href) alwaysMatch.push('length number-of-codes current-balance prefix');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n    alwaysMatch.unshift('delete timestamps');\n    if (this.href) alwaysMatch.push('example');\n    if (this.errors.includes('error:invalid_form')) alwaysMatch.push('example');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-text-control infer=\"prefix\"></foxy-internal-text-control>\n\n      <div class=\"grid grid-cols-2 gap-m\">\n        <foxy-internal-integer-control infer=\"length\" min=\"1\"></foxy-internal-integer-control>\n        <foxy-internal-integer-control infer=\"number-of-codes\" min=\"1\">\n        </foxy-internal-integer-control>\n      </div>\n\n      <foxy-internal-number-control infer=\"current-balance\" min=\"0\"></foxy-internal-number-control>\n      <foxy-internal-source-control infer=\"example\" .getValue=${this.__exampleGetValue}>\n      </foxy-internal-source-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const body = JSON.stringify(edits);\n    const data = await this._fetch(this.parent, { body, method: 'POST' });\n    this.status = { key: 'success' };\n    return data;\n  }\n}\n"]}

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

@@ -1,7 +1,5 @@
-import { GenerateCodesForm } from '.';
-import { Rels } from '@foxy.io/sdk/backend';
-import { Renderer } from '../../../mixins/configurable';
-import { Resource } from '@foxy.io/sdk/core';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
 export declare type Data = Resource<Rels.GenerateCodes> & {
     /** Present only in the response. */
     _links: {
@@ -12,15 +10,3 @@ export declare type Data = Resource<Rels.GenerateCodes> & {
     /** Present only in the response. */
     message: string;
 };
-export declare type Templates = {
-    'length:before'?: Renderer<GenerateCodesForm>;
-    'length:after'?: Renderer<GenerateCodesForm>;
-    'number-of-codes:before'?: Renderer<GenerateCodesForm>;
-    'number-of-codes:after'?: Renderer<GenerateCodesForm>;
-    'prefix:before'?: Renderer<GenerateCodesForm>;
-    'prefix:after'?: Renderer<GenerateCodesForm>;
-    'example:before'?: Renderer<GenerateCodesForm>;
-    'example:after'?: Renderer<GenerateCodesForm>;
-    'create:before'?: Renderer<GenerateCodesForm>;
-    'create:after'?: Renderer<GenerateCodesForm>;
-};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GenerateCodesForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { GenerateCodesForm } from '.';\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.GenerateCodes> & {\n  /** Present only in the response. */\n  _links: { self: { href: string } };\n  /** Present only in the response. */\n  message: string;\n};\n\nexport type Templates = {\n  'length:before'?: Renderer<GenerateCodesForm>;\n  'length:after'?: Renderer<GenerateCodesForm>;\n  'number-of-codes:before'?: Renderer<GenerateCodesForm>;\n  'number-of-codes:after'?: Renderer<GenerateCodesForm>;\n  'prefix:before'?: Renderer<GenerateCodesForm>;\n  'prefix:after'?: Renderer<GenerateCodesForm>;\n  'example:before'?: Renderer<GenerateCodesForm>;\n  'example:after'?: Renderer<GenerateCodesForm>;\n  'create:before'?: Renderer<GenerateCodesForm>;\n  'create:after'?: Renderer<GenerateCodesForm>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GenerateCodesForm/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.GenerateCodes> & {\n  /** Present only in the response. */\n  _links: { self: { href: string } };\n  /** Present only in the response. */\n  message: string;\n};\n"]}

package/dist/elements/public/GiftCardCard/GiftCardCard.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 & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
@@ -9,16 +9,10 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
 /**
  * Basic card displaying a gift card.
  *
- * @slot title:before
- * @slot title:after
- * @slot status:before
- * @slot status:after
- *
  * @element foxy-gift-card-card
  * @since 1.15.0
  */
 export declare class GiftCardCard extends Base<Data> {
-    templates: Templates;
     render(): TemplateResult;
     private __renderTitle;
     private __renderStatus;

package/dist/elements/public/GiftCardCard/GiftCardCard.js

@@ -9,19 +9,10 @@ const Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement,
 /**
  * Basic card displaying a gift card.
  *
- * @slot title:before
- * @slot title:after
- * @slot status:before
- * @slot status:after
- *
  * @element foxy-gift-card-card
  * @since 1.15.0
  */
 export class GiftCardCard extends Base {
-    constructor() {
-        super(...arguments);
-        this.templates = {};
-    }
     render() {
         var _a, _b;
         const hiddenSelector = this.hiddenSelector;

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

@@ -1 +1 @@
-{"version":3,"file":"GiftCardCard.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCard/GiftCardCard.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;AAEpD,MAAM,EAAE,GAAG,gBAAgB,CAAC;AAC5B,MAAM,IAAI,GAAG,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAEtF;;;;;;;;;;GAUG;AACH,MAAM,OAAO,YAAa,SAAQ,IAAU;IAA5C;;QACE,cAAS,GAAc,EAAE,CAAC;IAyE5B,CAAC;IAvEC,MAAM;;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAE3C,OAAO,IAAI,CAAA;;oBAEK,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;;;qBAId,QAAQ,CAAC,EAAE,oBAAoB,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YAC1E,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE;YACjE,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;;;;kBAI7D,QAAQ,CAAC;YACf,8DAA8D,EAAE,IAAI;YACpE,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SACzB,CAAC;;;;oBAIQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;mBAE7E,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;;KAK3E,CAAC;IACJ,CAAC;IAEO,aAAa;;QACnB,MAAM,IAAI,eAAG,IAAI,CAAC,IAAI,0CAAE,IAAI,mCAAI,IAAI,CAAA,kBAAkB,CAAC;QACvD,MAAM,IAAI,eAAG,IAAI,CAAC,IAAI,0CAAE,aAAa,mCAAI,IAAI,CAAA,kBAAkB,CAAC;QAEhE,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;;8CAGL,IAAI;sEACoB,IAAI;;;UAGhE,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;IACJ,CAAC;IAEO,cAAc;;QACpB,MAAM,YAAY,SAAG,IAAI,CAAC,IAAI,0CAAE,aAAa,CAAC;QAE9C,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC;;;oBAGhC,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;;iBAE1C,IAAI,CAAC,IAAI;gBACV,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAe;eACvD,IAAI,CAAC,EAAE;;;;UAIZ,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;KAE9C,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';\n\nconst NS = 'gift-card-card';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Basic card displaying a gift card.\n *\n * @slot title:before\n * @slot title:after\n * @slot status:before\n * @slot status:after\n *\n * @element foxy-gift-card-card\n * @since 1.15.0\n */\nexport class GiftCardCard extends Base<Data> {\n  templates: Templates = {};\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n\n    return html`\n      <div\n        aria-busy=${this.in('busy')}\n        aria-live=\"polite\"\n        class=\"relative leading-s font-lumo text-m\"\n      >\n        <div class=${classMap({ 'transition-opacity': true, 'opacity-0': !this.data })}>\n          ${hiddenSelector.matches('title', true) ? '' : this.__renderTitle()}\n          ${hiddenSelector.matches('status', true) ? '' : this.__renderStatus()}\n        </div>\n\n        <div\n          class=${classMap({\n            'pointer-events-none absolute inset-0 flex transition-opacity': true,\n            'opacity-0': !!this.data,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            class=\"m-auto\"\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  private __renderTitle() {\n    const name = this.data?.name ?? html`&ZeroWidthSpace;`;\n    const code = this.data?.currency_code ?? html`&ZeroWidthSpace;`;\n\n    return html`\n      <div data-testid=\"title\">\n        ${this.renderTemplateOrSlot('title:before')}\n\n        <div class=\"flex items-center justify-between\">\n          <div class=\"font-medium truncate\">${name}</div>\n          <div class=\"text-tertiary uppercase text-s flex-shrink-0\">${code}</div>\n        </div>\n\n        ${this.renderTemplateOrSlot('title:after')}\n      </div>\n    `;\n  }\n\n  private __renderStatus() {\n    const expiresAfter = this.data?.expires_after;\n\n    return html`\n      <div data-testid=\"status\">\n        ${this.renderTemplateOrSlot('status:before')}\n\n        <foxy-i18n\n          options=${JSON.stringify({ value: expiresAfter })}\n          class=\"block truncate text-s text-secondary\"\n          lang=${this.lang}\n          key=${expiresAfter ? 'expires_after_value' : 'never_expires'}\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('status:after')}\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"GiftCardCard.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCard/GiftCardCard.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;AAEpD,MAAM,EAAE,GAAG,gBAAgB,CAAC;AAC5B,MAAM,IAAI,GAAG,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAEtF;;;;;GAKG;AACH,MAAM,OAAO,YAAa,SAAQ,IAAU;IAC1C,MAAM;;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAE3C,OAAO,IAAI,CAAA;;oBAEK,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;;;qBAId,QAAQ,CAAC,EAAE,oBAAoB,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YAC1E,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE;YACjE,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;;;;kBAI7D,QAAQ,CAAC;YACf,8DAA8D,EAAE,IAAI;YACpE,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SACzB,CAAC;;;;oBAIQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;mBAE7E,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;;KAK3E,CAAC;IACJ,CAAC;IAEO,aAAa;;QACnB,MAAM,IAAI,eAAG,IAAI,CAAC,IAAI,0CAAE,IAAI,mCAAI,IAAI,CAAA,kBAAkB,CAAC;QACvD,MAAM,IAAI,eAAG,IAAI,CAAC,IAAI,0CAAE,aAAa,mCAAI,IAAI,CAAA,kBAAkB,CAAC;QAEhE,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;;8CAGL,IAAI;sEACoB,IAAI;;;UAGhE,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;IACJ,CAAC;IAEO,cAAc;;QACpB,MAAM,YAAY,SAAG,IAAI,CAAC,IAAI,0CAAE,aAAa,CAAC;QAE9C,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC;;;oBAGhC,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;;iBAE1C,IAAI,CAAC,IAAI;gBACV,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAe;eACvD,IAAI,CAAC,EAAE;;;;UAIZ,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;KAE9C,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';\n\nconst NS = 'gift-card-card';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Basic card displaying a gift card.\n *\n * @element foxy-gift-card-card\n * @since 1.15.0\n */\nexport class GiftCardCard extends Base<Data> {\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n\n    return html`\n      <div\n        aria-busy=${this.in('busy')}\n        aria-live=\"polite\"\n        class=\"relative leading-s font-lumo text-m\"\n      >\n        <div class=${classMap({ 'transition-opacity': true, 'opacity-0': !this.data })}>\n          ${hiddenSelector.matches('title', true) ? '' : this.__renderTitle()}\n          ${hiddenSelector.matches('status', true) ? '' : this.__renderStatus()}\n        </div>\n\n        <div\n          class=${classMap({\n            'pointer-events-none absolute inset-0 flex transition-opacity': true,\n            'opacity-0': !!this.data,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            class=\"m-auto\"\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  private __renderTitle() {\n    const name = this.data?.name ?? html`&ZeroWidthSpace;`;\n    const code = this.data?.currency_code ?? html`&ZeroWidthSpace;`;\n\n    return html`\n      <div data-testid=\"title\">\n        ${this.renderTemplateOrSlot('title:before')}\n\n        <div class=\"flex items-center justify-between\">\n          <div class=\"font-medium truncate\">${name}</div>\n          <div class=\"text-tertiary uppercase text-s flex-shrink-0\">${code}</div>\n        </div>\n\n        ${this.renderTemplateOrSlot('title:after')}\n      </div>\n    `;\n  }\n\n  private __renderStatus() {\n    const expiresAfter = this.data?.expires_after;\n\n    return html`\n      <div data-testid=\"status\">\n        ${this.renderTemplateOrSlot('status:before')}\n\n        <foxy-i18n\n          options=${JSON.stringify({ value: expiresAfter })}\n          class=\"block truncate text-s text-secondary\"\n          lang=${this.lang}\n          key=${expiresAfter ? 'expires_after_value' : 'never_expires'}\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('status:after')}\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -1,11 +1,3 @@
-import { GiftCardCard } from './GiftCardCard';
-import { Rels } from '@foxy.io/sdk/backend';
-import { Renderer } from '../../../mixins/configurable';
-import { Resource } from '@foxy.io/sdk/core';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
 export declare type Data = Resource<Rels.GiftCard>;
-export declare type Templates = Partial<{
-    'title:before': Renderer<GiftCardCard>;
-    'title:after': Renderer<GiftCardCard>;
-    'status:before': Renderer<GiftCardCard>;
-    'status:after': Renderer<GiftCardCard>;
-}>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import { GiftCardCard } from './GiftCardCard';\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.GiftCard>;\n\nexport type Templates = Partial<{\n  'title:before': Renderer<GiftCardCard>;\n  'title:after': Renderer<GiftCardCard>;\n  'status:before': Renderer<GiftCardCard>;\n  'status:after': Renderer<GiftCardCard>;\n}>;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCard/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.GiftCard>;\n"]}

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

@@ -1,5 +1,5 @@
 import type { PropertyDeclarations } from 'lit-element';
-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';
@@ -10,30 +10,6 @@ declare const Base: typeof InternalForm & import("lit-element").Constructor<impo
 /**
  * Form element for creating or editing gift card codes (`fx:gift_card_code`).
  *
- * @slot code:before
- * @slot code:after
- *
- * @slot current-balance:before
- * @slot current-balance:after
- *
- * @slot end-date:before
- * @slot end-date:after
- *
- * @slot customer:before – **new in v1.27.0**
- * @slot customer:after – **new in v1.27.0**
- *
- * @slot logs:before
- * @slot logs:after
- *
- * @slot timestamps:before
- * @slot timestamps:after
- *
- * @slot delete:before
- * @slot delete:after
- *
- * @slot create:before
- * @slot create:after
- *
  * @element foxy-gift-card-code-form
  * @since 1.15.0
  */
@@ -42,7 +18,6 @@ export declare class GiftCardCodeForm extends Base<Data> {
     static get v8n(): NucleonV8N<Data>;
     /** Returns a `fx:customer` Resource URL for a Customer ID. */
     getCustomerHref: (id: number | string) => string;
-    templates: Templates;
     private readonly __customerGetValue;
     private readonly __customerSetValue;
     private readonly __customerFilters;

package/dist/elements/public/GiftCardCodeForm/GiftCardCodeForm.js

@@ -9,30 +9,6 @@ const Base = TranslatableMixin(InternalForm, NS);
 /**
  * Form element for creating or editing gift card codes (`fx:gift_card_code`).
  *
- * @slot code:before
- * @slot code:after
- *
- * @slot current-balance:before
- * @slot current-balance:after
- *
- * @slot end-date:before
- * @slot end-date:after
- *
- * @slot customer:before – **new in v1.27.0**
- * @slot customer:after – **new in v1.27.0**
- *
- * @slot logs:before
- * @slot logs:after
- *
- * @slot timestamps:before
- * @slot timestamps:after
- *
- * @slot delete:before
- * @slot delete:after
- *
- * @slot create:before
- * @slot create:after
- *
  * @element foxy-gift-card-code-form
  * @since 1.15.0
  */
@@ -43,7 +19,6 @@ export class GiftCardCodeForm extends Base {
         this.getCustomerHref = id => {
             return `https://api.foxycart.com/customers/${id}`;
         };
-        this.templates = {};
         this.__customerGetValue = () => {
             var _a, _b, _c;
             const link = (_c = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links) === null || _b === void 0 ? void 0 : _b['fx:customer']) === null || _c === void 0 ? void 0 : _c.href;
@@ -98,6 +73,8 @@ export class GiftCardCodeForm extends Base {
     renderBody() {
         var _a, _b, _c, _d, _e;
         return html `
+      ${this.renderHeader()}
+
       <foxy-internal-text-control infer="code"></foxy-internal-text-control>
       <foxy-internal-number-control infer="current-balance"></foxy-internal-number-control>
       <foxy-internal-date-control infer="end-date"></foxy-internal-date-control>

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

@@ -1 +1 @@
-{"version":3,"file":"GiftCardCodeForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeForm/GiftCardCodeForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { Data, Templates } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { BooleanSelector, getResourceId } from '@foxy.io/sdk/core';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { Option, Type } from '../QueryBuilder/types';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'gift-card-code-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for creating or editing gift card codes (`fx:gift_card_code`).\n *\n * @slot code:before\n * @slot code:after\n *\n * @slot current-balance:before\n * @slot current-balance:after\n *\n * @slot end-date:before\n * @slot end-date:after\n *\n * @slot customer:before – **new in v1.27.0**\n * @slot customer:after – **new in v1.27.0**\n *\n * @slot logs:before\n * @slot logs:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @element foxy-gift-card-code-form\n * @since 1.15.0\n */\nexport class GiftCardCodeForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getCustomerHref: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => !v || v.length <= 50 || 'code:v8n_too_long',\n      ({ code: v }) => !v?.includes(' ') || 'code:v8n_has_spaces',\n      ({ current_balance: v }) => typeof v === 'number' || 'current-balance:v8n_required',\n    ];\n  }\n\n  /** Returns a `fx:customer` Resource URL for a Customer ID. */\n  getCustomerHref: (id: number | string) => string = id => {\n    return `https://api.foxycart.com/customers/${id}`;\n  };\n\n  templates: Templates = {};\n\n  private readonly __customerGetValue = () => {\n    const link = this.data?._links?.['fx:customer']?.href;\n    const id = this.form.customer_id;\n    return id === undefined ? link : this.getCustomerHref(id);\n  };\n\n  private readonly __customerSetValue = (v: string) => {\n    const id = getResourceId(v);\n    this.edit({ customer_id: typeof id === 'number' ? id : '' });\n  };\n\n  private readonly __customerFilters: Option[] = [\n    { type: Type.String, path: 'id', label: 'filters.id' },\n    { type: Type.String, path: 'tax_id', label: 'filters.tax_id' },\n    { type: Type.String, path: 'email', label: 'filters.email' },\n    { type: Type.String, path: 'first_name', label: 'filters.first_name' },\n    { type: Type.String, path: 'last_name', label: 'filters.last_name' },\n    {\n      type: Type.Boolean,\n      path: 'is_anonymous',\n      label: 'filters.is_anonymous',\n      list: [\n        { label: 'filters.is_anonymous_true', value: 'true' },\n        { label: 'filters.is_anonymous_false', value: 'false' },\n      ],\n    },\n    { type: Type.Date, path: 'last_login_date', label: 'filters.last_login_date' },\n    { type: Type.Date, path: 'date_created', label: 'filters.date_created' },\n    { type: Type.Date, path: 'date_modified', label: 'filters.date_modified' },\n  ];\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n    if (!this.href) alwaysMatch.push('customer', 'cart-item', 'logs');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-text-control infer=\"code\"></foxy-internal-text-control>\n      <foxy-internal-number-control infer=\"current-balance\"></foxy-internal-number-control>\n      <foxy-internal-date-control infer=\"end-date\"></foxy-internal-date-control>\n\n      <foxy-internal-resource-picker-control\n        infer=\"customer\"\n        first=${ifDefined(this.__storeLoader?.data?._links['fx:customers'].href)}\n        item=\"foxy-customer-card\"\n        .getValue=${this.__customerGetValue}\n        .setValue=${this.__customerSetValue}\n        .filters=${this.__customerFilters}\n      >\n      </foxy-internal-resource-picker-control>\n\n      <foxy-internal-gift-card-code-form-item-control infer=\"cart-item\">\n      </foxy-internal-gift-card-code-form-item-control>\n\n      <foxy-internal-async-list-control\n        infer=\"logs\"\n        first=${ifDefined(this.data?._links?.['fx:gift_card_code_logs'].href)}\n        limit=\"5\"\n        item=\"foxy-gift-card-code-log-card\"\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n\n      <foxy-nucleon\n        infer=\"\"\n        href=${ifDefined(this.data?._links['fx:store'].href)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n  }\n\n  private get __storeLoader() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__storeLoaderId}`);\n  }\n}\n"]}
+{"version":3,"file":"GiftCardCodeForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeForm/GiftCardCodeForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { Data } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { BooleanSelector, getResourceId } from '@foxy.io/sdk/core';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { Option, Type } from '../QueryBuilder/types';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'gift-card-code-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for creating or editing gift card codes (`fx:gift_card_code`).\n *\n * @element foxy-gift-card-code-form\n * @since 1.15.0\n */\nexport class GiftCardCodeForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getCustomerHref: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => !v || v.length <= 50 || 'code:v8n_too_long',\n      ({ code: v }) => !v?.includes(' ') || 'code:v8n_has_spaces',\n      ({ current_balance: v }) => typeof v === 'number' || 'current-balance:v8n_required',\n    ];\n  }\n\n  /** Returns a `fx:customer` Resource URL for a Customer ID. */\n  getCustomerHref: (id: number | string) => string = id => {\n    return `https://api.foxycart.com/customers/${id}`;\n  };\n\n  private readonly __customerGetValue = () => {\n    const link = this.data?._links?.['fx:customer']?.href;\n    const id = this.form.customer_id;\n    return id === undefined ? link : this.getCustomerHref(id);\n  };\n\n  private readonly __customerSetValue = (v: string) => {\n    const id = getResourceId(v);\n    this.edit({ customer_id: typeof id === 'number' ? id : '' });\n  };\n\n  private readonly __customerFilters: Option[] = [\n    { type: Type.String, path: 'id', label: 'filters.id' },\n    { type: Type.String, path: 'tax_id', label: 'filters.tax_id' },\n    { type: Type.String, path: 'email', label: 'filters.email' },\n    { type: Type.String, path: 'first_name', label: 'filters.first_name' },\n    { type: Type.String, path: 'last_name', label: 'filters.last_name' },\n    {\n      type: Type.Boolean,\n      path: 'is_anonymous',\n      label: 'filters.is_anonymous',\n      list: [\n        { label: 'filters.is_anonymous_true', value: 'true' },\n        { label: 'filters.is_anonymous_false', value: 'false' },\n      ],\n    },\n    { type: Type.Date, path: 'last_login_date', label: 'filters.last_login_date' },\n    { type: Type.Date, path: 'date_created', label: 'filters.date_created' },\n    { type: Type.Date, path: 'date_modified', label: 'filters.date_modified' },\n  ];\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n    if (!this.href) alwaysMatch.push('customer', 'cart-item', 'logs');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-text-control infer=\"code\"></foxy-internal-text-control>\n      <foxy-internal-number-control infer=\"current-balance\"></foxy-internal-number-control>\n      <foxy-internal-date-control infer=\"end-date\"></foxy-internal-date-control>\n\n      <foxy-internal-resource-picker-control\n        infer=\"customer\"\n        first=${ifDefined(this.__storeLoader?.data?._links['fx:customers'].href)}\n        item=\"foxy-customer-card\"\n        .getValue=${this.__customerGetValue}\n        .setValue=${this.__customerSetValue}\n        .filters=${this.__customerFilters}\n      >\n      </foxy-internal-resource-picker-control>\n\n      <foxy-internal-gift-card-code-form-item-control infer=\"cart-item\">\n      </foxy-internal-gift-card-code-form-item-control>\n\n      <foxy-internal-async-list-control\n        infer=\"logs\"\n        first=${ifDefined(this.data?._links?.['fx:gift_card_code_logs'].href)}\n        limit=\"5\"\n        item=\"foxy-gift-card-code-log-card\"\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n\n      <foxy-nucleon\n        infer=\"\"\n        href=${ifDefined(this.data?._links['fx:store'].href)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n  }\n\n  private get __storeLoader() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__storeLoaderId}`);\n  }\n}\n"]}

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

@@ -1,25 +1,5 @@
-import type { GiftCardCodeForm } from './GiftCardCodeForm';
-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.GiftCardCode> & {
     customer_id?: number | string;
 };
-export declare type Templates = {
-    'code:before'?: Renderer<GiftCardCodeForm>;
-    'code:after'?: Renderer<GiftCardCodeForm>;
-    'current-balance:before'?: Renderer<GiftCardCodeForm>;
-    'current-balance:after'?: Renderer<GiftCardCodeForm>;
-    'end-date:before'?: Renderer<GiftCardCodeForm>;
-    'end-date:after'?: Renderer<GiftCardCodeForm>;
-    'customer:before'?: Renderer<GiftCardCodeForm>;
-    'customer:after'?: Renderer<GiftCardCodeForm>;
-    'logs:before'?: Renderer<GiftCardCodeForm>;
-    'logs:after'?: Renderer<GiftCardCodeForm>;
-    'timestamps:before'?: Renderer<GiftCardCodeForm>;
-    'timestamps:after'?: Renderer<GiftCardCodeForm>;
-    'delete:before'?: Renderer<GiftCardCodeForm>;
-    'delete:after'?: Renderer<GiftCardCodeForm>;
-    'create:before'?: Renderer<GiftCardCodeForm>;
-    'create:after'?: Renderer<GiftCardCodeForm>;
-};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { GiftCardCodeForm } from './GiftCardCodeForm';\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.GiftCardCode> & {\n  customer_id?: number | string;\n};\n\nexport type Templates = {\n  'code:before'?: Renderer<GiftCardCodeForm>;\n  'code:after'?: Renderer<GiftCardCodeForm>;\n  'current-balance:before'?: Renderer<GiftCardCodeForm>;\n  'current-balance:after'?: Renderer<GiftCardCodeForm>;\n  'end-date:before'?: Renderer<GiftCardCodeForm>;\n  'end-date:after'?: Renderer<GiftCardCodeForm>;\n  'customer:before'?: Renderer<GiftCardCodeForm>;\n  'customer:after'?: Renderer<GiftCardCodeForm>;\n  'logs:before'?: Renderer<GiftCardCodeForm>;\n  'logs:after'?: Renderer<GiftCardCodeForm>;\n  'timestamps:before'?: Renderer<GiftCardCodeForm>;\n  'timestamps:after'?: Renderer<GiftCardCodeForm>;\n  'delete:before'?: Renderer<GiftCardCodeForm>;\n  'delete:after'?: Renderer<GiftCardCodeForm>;\n  'create:before'?: Renderer<GiftCardCodeForm>;\n  'create:after'?: Renderer<GiftCardCodeForm>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeForm/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.GiftCardCode> & {\n  customer_id?: number | string;\n};\n"]}

package/dist/elements/public/GiftCardCodesForm/GiftCardCodesForm.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,21 +9,11 @@ declare const Base: typeof InternalForm & import("lit-element").Constructor<impo
 /**
  * Form element for importing gift card codes (`fx:gift_card_codes`).
  *
- * @slot gift-card-codes:before - **new in v1.27.0**
- * @slot gift-card-codes:after - **new in v1.27.0**
- *
- * @slot current-balance:before - **new in v1.27.0**
- * @slot current-balance:after - **new in v1.27.0**
- *
- * @slot create:before - **new in v1.27.0**
- * @slot create:after - **new in v1.27.0**
- *
  * @element foxy-gift-card-codes-form
  * @since 1.15.0
  */
 export declare class GiftCardCodesForm extends Base<Data> {
     static get v8n(): NucleonV8N<Data>;
-    templates: Templates;
     private readonly __giftCardCodesGetValue;
     private readonly __giftCardCodesSetValue;
     get readonlySelector(): BooleanSelector;

package/dist/elements/public/GiftCardCodesForm/GiftCardCodesForm.js

@@ -7,22 +7,12 @@ const Base = TranslatableMixin(InternalForm, NS);
 /**
  * Form element for importing gift card codes (`fx:gift_card_codes`).
  *
- * @slot gift-card-codes:before - **new in v1.27.0**
- * @slot gift-card-codes:after - **new in v1.27.0**
- *
- * @slot current-balance:before - **new in v1.27.0**
- * @slot current-balance:after - **new in v1.27.0**
- *
- * @slot create:before - **new in v1.27.0**
- * @slot create:after - **new in v1.27.0**
- *
  * @element foxy-gift-card-codes-form
  * @since 1.15.0
  */
 export class GiftCardCodesForm extends Base {
     constructor() {
         super(...arguments);
-        this.templates = {};
         this.__giftCardCodesGetValue = () => {
             var _a, _b;
             return (_b = (_a = this.form.gift_card_codes) === null || _a === void 0 ? void 0 : _a.map(value => ({ value }))) !== null && _b !== void 0 ? _b : [];

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

@@ -1 +1 @@
-{"version":3,"file":"GiftCardCodesForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodesForm/GiftCardCodesForm.ts"],"names":[],"mappings":"AAKA,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,sBAAsB,CAAC;AAClC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;;;;;;;;;;GAcG;AACH,MAAM,OAAO,iBAAkB,SAAQ,IAAU;IAAjD;;QAKE,cAAS,GAAc,EAAE,CAAC;QAET,4BAAuB,GAAG,GAAG,EAAE;;YAC9C,mBAAO,IAAI,CAAC,IAAI,CAAC,eAAe,0CAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,oCAAK,EAAE,CAAC;QACpE,CAAC,CAAC;QAEe,4BAAuB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC9D,IAAI,CAAC,IAAI,CAAC;gBACR,eAAe,EAAE,QAAQ;qBACtB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;qBACvD,IAAI,EAAE;qBACN,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;aAC3C,CAAC,CAAC;QACL,CAAC,CAAC;IAkCJ,CAAC;IAnDC,MAAM,KAAK,GAAG;QACZ,OAAO,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,8BAA8B,CAAC,CAAC;IAC7F,CAAC;IAiBD,IAAI,gBAAgB;QAClB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC;QACxD,IAAI,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACnD,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC3E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,uBAAuB;oBAC5B,IAAI,CAAC,uBAAuB;;;;;;QAMxC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,SAAS,CAAC,KAAoB;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACtE,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import type { Data, Templates } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Item } from '../../internal/InternalEditableListControl/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 = 'gift-card-codes-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for importing gift card codes (`fx:gift_card_codes`).\n *\n * @slot gift-card-codes:before - **new in v1.27.0**\n * @slot gift-card-codes:after - **new in v1.27.0**\n *\n * @slot current-balance:before - **new in v1.27.0**\n * @slot current-balance:after - **new in v1.27.0**\n *\n * @slot create:before - **new in v1.27.0**\n * @slot create:after - **new in v1.27.0**\n *\n * @element foxy-gift-card-codes-form\n * @since 1.15.0\n */\nexport class GiftCardCodesForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [({ gift_card_codes: v }) => (v && v.length > 0) || 'gift-card-codes:v8n_required'];\n  }\n\n  templates: Templates = {};\n\n  private readonly __giftCardCodesGetValue = () => {\n    return this.form.gift_card_codes?.map(value => ({ value })) ?? [];\n  };\n\n  private readonly __giftCardCodesSetValue = (newValue: Item[]) => {\n    this.edit({\n      gift_card_codes: newValue\n        .map(({ value }) => value.split(' ').map(v => v.trim()))\n        .flat()\n        .filter((v, i, a) => a.indexOf(v) === i),\n    });\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    if (this.href) alwaysMatch.push('gift-card-codes');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['delete timestamps', super.hiddenSelector.toString()];\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-editable-list-control\n        infer=\"gift-card-codes\"\n        .getValue=${this.__giftCardCodesGetValue}\n        .setValue=${this.__giftCardCodesSetValue}\n      >\n      </foxy-internal-editable-list-control>\n\n      <foxy-internal-number-control infer=\"current-balance\" min=\"0\"></foxy-internal-number-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const body = JSON.stringify(edits);\n    const data = await this._fetch(this.parent, { body, method: 'POST' });\n    this.status = { key: 'success' };\n    return data;\n  }\n}\n"]}
+{"version":3,"file":"GiftCardCodesForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodesForm/GiftCardCodesForm.ts"],"names":[],"mappings":"AAKA,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,sBAAsB,CAAC;AAClC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,iBAAkB,SAAQ,IAAU;IAAjD;;QAKmB,4BAAuB,GAAG,GAAG,EAAE;;YAC9C,mBAAO,IAAI,CAAC,IAAI,CAAC,eAAe,0CAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,oCAAK,EAAE,CAAC;QACpE,CAAC,CAAC;QAEe,4BAAuB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC9D,IAAI,CAAC,IAAI,CAAC;gBACR,eAAe,EAAE,QAAQ;qBACtB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;qBACvD,IAAI,EAAE;qBACN,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;aAC3C,CAAC,CAAC;QACL,CAAC,CAAC;IAkCJ,CAAC;IAjDC,MAAM,KAAK,GAAG;QACZ,OAAO,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,8BAA8B,CAAC,CAAC;IAC7F,CAAC;IAeD,IAAI,gBAAgB;QAClB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC;QACxD,IAAI,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACnD,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC3E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,uBAAuB;oBAC5B,IAAI,CAAC,uBAAuB;;;;;;QAMxC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,SAAS,CAAC,KAAoB;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACtE,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import type { Data } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Item } from '../../internal/InternalEditableListControl/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 = 'gift-card-codes-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for importing gift card codes (`fx:gift_card_codes`).\n *\n * @element foxy-gift-card-codes-form\n * @since 1.15.0\n */\nexport class GiftCardCodesForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [({ gift_card_codes: v }) => (v && v.length > 0) || 'gift-card-codes:v8n_required'];\n  }\n\n  private readonly __giftCardCodesGetValue = () => {\n    return this.form.gift_card_codes?.map(value => ({ value })) ?? [];\n  };\n\n  private readonly __giftCardCodesSetValue = (newValue: Item[]) => {\n    this.edit({\n      gift_card_codes: newValue\n        .map(({ value }) => value.split(' ').map(v => v.trim()))\n        .flat()\n        .filter((v, i, a) => a.indexOf(v) === i),\n    });\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    if (this.href) alwaysMatch.push('gift-card-codes');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['delete timestamps', super.hiddenSelector.toString()];\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-editable-list-control\n        infer=\"gift-card-codes\"\n        .getValue=${this.__giftCardCodesGetValue}\n        .setValue=${this.__giftCardCodesSetValue}\n      >\n      </foxy-internal-editable-list-control>\n\n      <foxy-internal-number-control infer=\"current-balance\" min=\"0\"></foxy-internal-number-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const body = JSON.stringify(edits);\n    const data = await this._fetch(this.parent, { body, method: 'POST' });\n    this.status = { key: 'success' };\n    return data;\n  }\n}\n"]}

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

@@ -1,7 +1,5 @@
-import { GiftCardCodesForm } from './GiftCardCodesForm';
-import { Rels } from '@foxy.io/sdk/backend';
-import { Renderer } from '../../../mixins/configurable';
-import { Resource } from '@foxy.io/sdk/core';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
 export declare type Data = Resource<Rels.GiftCardCodesImport> & {
     _links: {
         self: {
@@ -9,11 +7,3 @@ export declare type Data = Resource<Rels.GiftCardCodesImport> & {
         };
     };
 };
-export declare type Templates = {
-    'gift-card-codes:before'?: Renderer<GiftCardCodesForm>;
-    'gift-card-codes:after'?: Renderer<GiftCardCodesForm>;
-    'current-balance:before'?: Renderer<GiftCardCodesForm>;
-    'current-balance:after'?: Renderer<GiftCardCodesForm>;
-    'create:before'?: Renderer<GiftCardCodesForm>;
-    'create:after'?: Renderer<GiftCardCodesForm>;
-};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodesForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { GiftCardCodesForm } from './GiftCardCodesForm';\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.GiftCardCodesImport> & { _links: { self: { href: string } } };\n\nexport type Templates = {\n  'gift-card-codes:before'?: Renderer<GiftCardCodesForm>;\n  'gift-card-codes:after'?: Renderer<GiftCardCodesForm>;\n  'current-balance:before'?: Renderer<GiftCardCodesForm>;\n  'current-balance:after'?: Renderer<GiftCardCodesForm>;\n  'create:before'?: Renderer<GiftCardCodesForm>;\n  'create:after'?: Renderer<GiftCardCodesForm>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodesForm/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.GiftCardCodesImport> & { _links: { self: { href: string } } };\n"]}

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

@@ -9,36 +9,6 @@ declare const Base: typeof InternalForm & import("lit-element").Constructor<impo
 /**
  * Form element for creating or editing gift cards (`fx:gift_card`).
  *
- * @slot name:before
- * @slot name:after
- *
- * @slot currency:before
- * @slot currency:after
- *
- * @slot expires:before
- * @slot expires:after
- *
- * @slot codes:before
- * @slot codes:after
- *
- * @slot product-restrictions:before
- * @slot product-restrictions:after
- *
- * @slot category-restrictions:before
- * @slot category-restrictions:after
- *
- * @slot attributes:before - **new in v1.27.0**
- * @slot attributes:after - **new in v1.27.0**
- *
- * @slot timestamps:before
- * @slot timestamps:after
- *
- * @slot delete:before
- * @slot delete:after
- *
- * @slot create:before
- * @slot create:after
- *
  * @element foxy-gift-card-form
  * @since 1.15.0
  */
@@ -54,6 +24,7 @@ export declare class GiftCardForm extends Base<Data> {
     private readonly __codesFilters;
     private __codesActions;
     get hiddenSelector(): BooleanSelector;
+    get headerSubtitleOptions(): Record<string, unknown>;
     renderHeaderActions(data: Data): TemplateResult;
     renderBody(): TemplateResult;
     private get __storeLoader();

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

@@ -11,36 +11,6 @@ const Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));
 /**
  * Form element for creating or editing gift cards (`fx:gift_card`).
  *
- * @slot name:before
- * @slot name:after
- *
- * @slot currency:before
- * @slot currency:after
- *
- * @slot expires:before
- * @slot expires:after
- *
- * @slot codes:before
- * @slot codes:after
- *
- * @slot product-restrictions:before
- * @slot product-restrictions:after
- *
- * @slot category-restrictions:before
- * @slot category-restrictions:after
- *
- * @slot attributes:before - **new in v1.27.0**
- * @slot attributes:after - **new in v1.27.0**
- *
- * @slot timestamps:before
- * @slot timestamps:after
- *
- * @slot delete:before
- * @slot delete:after
- *
- * @slot create:before
- * @slot create:after
- *
  * @element foxy-gift-card-form
  * @since 1.15.0
  */
@@ -148,6 +118,9 @@ export class GiftCardForm extends Base {
         }
         return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
+    get headerSubtitleOptions() {
+        return { id: this.headerCopyIdValue };
+    }
     renderHeaderActions(data) {
         return html `
       <foxy-internal-bulk-add-action-control