@foxy.io/elements 1.27.0-beta.2 → 1.27.0-beta.4

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

@@ -1,11 +1,9 @@
-import { html } from 'lit-html';
-import { ConfigurableMixin } from "../../../mixins/configurable.js";
-import { NucleonElement } from "../NucleonElement/NucleonElement.js";
-import { ThemeableMixin } from "../../../mixins/themeable.js";
 import { TranslatableMixin } from "../../../mixins/translatable.js";
-import { classMap } from "../../../utils/class-map.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { html } from 'lit-html';
 const NS = 'generate-codes-form';
-const Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)));
+const Base = TranslatableMixin(InternalForm, NS);
 /**
  * Form element for generating codes for coupons or gift cards (`fx:generate_codes`).
  *
@@ -21,8 +19,8 @@ const Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement,
  * @slot current-balance:before
  * @slot current-balance:after
  *
- * @slot generate:before
- * @slot generate:after
+ * @slot create:before
+ * @slot create:after
  *
  * @element foxy-generate-codes-form
  * @since 1.15.0
@@ -31,220 +29,61 @@ export class GenerateCodesForm extends Base {
     constructor() {
         super(...arguments);
         this.templates = {};
+        this.__exampleGetValue = () => {
+            var _a, _b;
+            const templates = [
+                '1V3BJ3USJKSS1BYANMNBT7AJ06R6QQ8RB0VPPL03ATQVY186X2',
+                'P4YNSW7NSSAY43PL4H7BKHDUVNAE9UR13FC0XAAJHDLZWW8AJC',
+                '7DGT4Q91FV4KK095WLX1ML1HFNU6ZCGVBVPMGR7D3P52A9UFTB',
+            ];
+            const prefix = (_a = this.form.prefix) !== null && _a !== void 0 ? _a : '';
+            const length = ((_b = this.form.length) !== null && _b !== void 0 ? _b : 6) - prefix.length;
+            if (length > 0)
+                return templates.map(t => `${prefix}${t.slice(0, length)}`).join('\n');
+        };
     }
     static get v8n() {
         return [
-            ({ number_of_codes: v }) => (v && v > 0) || 'number_of_codes_required',
-            ({ current_balance: v }) => !v || v >= 0 || 'current_balance_negative',
-            ({ length: v }) => (v && v > 0) || 'length_required',
-            ({ prefix: v }) => !(v === null || v === void 0 ? void 0 : v.includes(' ')) || 'prefix_has_spaces',
+            ({ prefix: p = '', length: l = 6 }) => (l - p.length > 0 && l <= 50 && !(p === null || p === void 0 ? void 0 : p.includes(' '))) || 'error:invalid_form',
         ];
     }
-    render() {
-        var _a, _b;
-        const { hiddenSelector, lang, ns } = this;
-        const isBusy = this.in('busy');
-        const isFail = this.in('fail');
-        const isSnapshot = this.in({ idle: 'snapshot' });
-        const isTemplate = this.in({ idle: 'template' });
-        const transition = 'transition-opacity duration-500';
-        const hidden = 'opacity-0 pointer-events-none';
-        return html `
-      <div aria-busy=${isBusy} aria-live="polite" class="relative">
-        <div
-          class=${classMap({
-            'grid grid-cols-2 gap-m': true,
-            [transition]: true,
-            [hidden]: isSnapshot,
-        })}
-        >
-          ${hiddenSelector.matches('length', true) ? '' : this.__renderLength()}
-          ${hiddenSelector.matches('number-of-codes', true) ? '' : this.__renderNumberOfCodes()}
-          ${hiddenSelector.matches('current-balance', true) ? '' : this.__renderCurrentBalance()}
-          ${hiddenSelector.matches('prefix', true) ? '' : this.__renderPrefix()}
-          ${hiddenSelector.matches('generate', true) ? '' : this.__renderGenerate()}
-        </div>
-
-        <div
-          class=${classMap({
-            'absolute inset-0 flex flex-col items-center justify-center': true,
-            'text-center text-m text-secondary leading-m': true,
-            [transition]: true,
-            [hidden]: !isSnapshot,
-        })}
-        >
-          <div class="mx-auto flex mb-m w-l h-l rounded-t-l rounded-b-l bg-success">
-            <iron-icon icon="icons:done-all" class="m-auto text-success-contrast"></iron-icon>
-          </div>
-
-          <foxy-i18n class="block" lang=${lang} key="generate_codes_done" ns=${ns}></foxy-i18n>
-        </div>
-
-        <div
-          data-testid="spinner"
-          class=${classMap({
-            'absolute inset-0 flex': true,
-            [transition]: true,
-            [hidden]: !isBusy && !isFail,
-        })}
-        >
-          <foxy-spinner
-            layout="vertical"
-            class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l"
-            state=${isFail ? 'error' : isTemplate ? 'empty' : 'busy'}
-            lang=${lang}
-            ns="${ns} ${(_b = (_a = customElements.get('foxy-spinner')) === null || _a === void 0 ? void 0 : _a.defaultNS) !== null && _b !== void 0 ? _b : ''}"
-          >
-          </foxy-spinner>
-        </div>
-      </div>
-    `;
-    }
-    __getErrorMessage(prefix) {
-        const error = this.errors.find(err => err.startsWith(prefix));
-        return error ? this.t(error.replace(prefix, 'v8n')) : '';
+    get readonlySelector() {
+        const alwaysMatch = ['example', super.readonlySelector.toString()];
+        if (this.href)
+            alwaysMatch.push('length number-of-codes current-balance prefix');
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
-    __getValidator(prefix) {
-        return () => !this.errors.some(err => err.startsWith(prefix));
+    get hiddenSelector() {
+        const alwaysMatch = [super.hiddenSelector.toString()];
+        alwaysMatch.unshift('delete timestamps');
+        if (this.href)
+            alwaysMatch.push('example');
+        if (this.errors.includes('error:invalid_form'))
+            alwaysMatch.push('example');
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
-    __renderLength() {
-        const isTemplate = this.in({ idle: 'template' });
+    renderBody() {
         return html `
-      <div>
-        ${this.renderTemplateOrSlot('length:before')}
-
-        <vaadin-integer-field
-          error-message=${this.__getErrorMessage('length')}
-          data-testid="length"
-          label=${this.t('length')}
-          class="w-full"
-          min="1"
-          ?disabled=${!isTemplate || this.disabledSelector.matches('length', true)}
-          ?readonly=${this.readonlySelector.matches('length', true)}
-          prevent-invalid-input
-          has-controls
-          .checkValidity=${this.__getValidator('length')}
-          .value=${isTemplate ? this.form.length : ''}
-          @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
-          @change=${(evt) => {
-            const field = evt.currentTarget;
-            this.edit({ length: parseInt(field.value) });
-        }}
-        >
-        </vaadin-integer-field>
+      <foxy-internal-text-control infer="prefix"></foxy-internal-text-control>
 
-        ${this.renderTemplateOrSlot('length:after')}
+      <div class="grid grid-cols-2 gap-m">
+        <foxy-internal-integer-control infer="length" min="1"></foxy-internal-integer-control>
+        <foxy-internal-integer-control infer="number-of-codes" min="1">
+        </foxy-internal-integer-control>
       </div>
-    `;
-    }
-    __renderNumberOfCodes() {
-        const isTemplate = this.in({ idle: 'template' });
-        return html `
-      <div>
-        ${this.renderTemplateOrSlot('number-of-codes:before')}
 
-        <vaadin-integer-field
-          error-message=${this.__getErrorMessage('number_of_codes')}
-          data-testid="number-of-codes"
-          label=${this.t('number_of_codes')}
-          class="w-full"
-          min="1"
-          ?disabled=${!isTemplate || this.disabledSelector.matches('number-of-codes', true)}
-          ?readonly=${this.readonlySelector.matches('number-of-codes', true)}
-          prevent-invalid-input
-          has-controls
-          .checkValidity=${this.__getValidator('number_of_codes')}
-          .value=${isTemplate ? this.form.number_of_codes : ''}
-          @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
-          @change=${(evt) => {
-            const field = evt.currentTarget;
-            this.edit({ number_of_codes: parseInt(field.value) });
-        }}
-        >
-        </vaadin-integer-field>
+      <foxy-internal-number-control infer="current-balance" min="0"></foxy-internal-number-control>
+      <foxy-internal-source-control infer="example" .getValue=${this.__exampleGetValue}>
+      </foxy-internal-source-control>
 
-        ${this.renderTemplateOrSlot('number-of-codes:after')}
-      </div>
+      ${super.renderBody()}
     `;
     }
-    __renderCurrentBalance() {
-        var _a;
-        const isTemplate = this.in({ idle: 'template' });
-        return html `
-      <div class="col-span-2">
-        ${this.renderTemplateOrSlot('current-balance:before')}
-
-        <vaadin-integer-field
-          error-message=${this.__getErrorMessage('current_balance')}
-          data-testid="current-balance"
-          label=${this.t('balance')}
-          class="w-full"
-          min="0"
-          ?disabled=${!isTemplate || this.disabledSelector.matches('current-balance', true)}
-          ?readonly=${this.readonlySelector.matches('current-balance', true)}
-          prevent-invalid-input
-          has-controls
-          .checkValidity=${this.__getValidator('current_balance')}
-          .value=${isTemplate ? (_a = this.form.current_balance) !== null && _a !== void 0 ? _a : 0 : ''}
-          @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
-          @change=${(evt) => {
-            const field = evt.currentTarget;
-            this.edit({ current_balance: parseInt(field.value) });
-        }}
-        >
-        </vaadin-integer-field>
-
-        ${this.renderTemplateOrSlot('current-balance:after')}
-      </div>
-    `;
-    }
-    __renderPrefix() {
-        const isTemplate = this.in({ idle: 'template' });
-        return html `
-      <div class="col-span-2">
-        ${this.renderTemplateOrSlot('prefix:before')}
-
-        <vaadin-text-field
-          helper-text=${this.t('leave_empty_for_random_codes')}
-          data-testid="prefix"
-          label=${this.t('prefix')}
-          class="w-full"
-          min="1"
-          ?disabled=${!isTemplate || this.disabledSelector.matches('prefix', true)}
-          ?readonly=${this.readonlySelector.matches('prefix', true)}
-          clear-button-visible
-          .value=${isTemplate ? this.form.prefix : ''}
-          @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
-          @change=${(evt) => {
-            const field = evt.currentTarget;
-            this.edit({ prefix: field.value });
-        }}
-        >
-        </vaadin-text-field>
-
-        ${this.renderTemplateOrSlot('prefix:after')}
-      </div>
-    `;
-    }
-    __renderGenerate() {
-        const isValidTemplate = this.in({ idle: { template: { dirty: 'valid' } } });
-        return html `
-      <div class="col-span-2 mt-m">
-        ${this.renderTemplateOrSlot('generate:before')}
-
-        <vaadin-button
-          data-testid="generate"
-          class="w-full"
-          theme="success primary"
-          ?disabled=${!isValidTemplate || this.disabledSelector.matches('generate', true)}
-          @click=${() => this.submit()}
-        >
-          <foxy-i18n lang=${this.lang} key="generate" ns=${this.ns}></foxy-i18n>
-        </vaadin-button>
-
-        ${this.renderTemplateOrSlot('generate:after')}
-      </div>
-    `;
+    async _sendPost(edits) {
+        const body = JSON.stringify(edits);
+        const data = await this._fetch(this.parent, { body, method: 'POST' });
+        this.status = { key: 'success' };
+        return data;
     }
 }
 //# sourceMappingURL=GenerateCodesForm.js.map

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 { Data, Templates } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { IntegerFieldElement } from '@vaadin/vaadin-text-field/vaadin-integer-field';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { TextFieldElement } from '@vaadin/vaadin-text-field/vaadin-text-field';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\n\nconst NS = 'generate-codes-form';\nconst Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, 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 generate:before\n * @slot generate: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      ({ number_of_codes: v }) => (v && v > 0) || 'number_of_codes_required',\n      ({ current_balance: v }) => !v || v >= 0 || 'current_balance_negative',\n      ({ length: v }) => (v && v > 0) || 'length_required',\n      ({ prefix: v }) => !v?.includes(' ') || 'prefix_has_spaces',\n    ];\n  }\n\n  templates: Templates = {};\n\n  render(): TemplateResult {\n    const { hiddenSelector, lang, ns } = this;\n\n    const isBusy = this.in('busy');\n    const isFail = this.in('fail');\n    const isSnapshot = this.in({ idle: 'snapshot' });\n    const isTemplate = this.in({ idle: 'template' });\n\n    const transition = 'transition-opacity duration-500';\n    const hidden = 'opacity-0 pointer-events-none';\n\n    return html`\n      <div aria-busy=${isBusy} aria-live=\"polite\" class=\"relative\">\n        <div\n          class=${classMap({\n            'grid grid-cols-2 gap-m': true,\n            [transition]: true,\n            [hidden]: isSnapshot,\n          })}\n        >\n          ${hiddenSelector.matches('length', true) ? '' : this.__renderLength()}\n          ${hiddenSelector.matches('number-of-codes', true) ? '' : this.__renderNumberOfCodes()}\n          ${hiddenSelector.matches('current-balance', true) ? '' : this.__renderCurrentBalance()}\n          ${hiddenSelector.matches('prefix', true) ? '' : this.__renderPrefix()}\n          ${hiddenSelector.matches('generate', true) ? '' : this.__renderGenerate()}\n        </div>\n\n        <div\n          class=${classMap({\n            'absolute inset-0 flex flex-col items-center justify-center': true,\n            'text-center text-m text-secondary leading-m': true,\n            [transition]: true,\n            [hidden]: !isSnapshot,\n          })}\n        >\n          <div class=\"mx-auto flex mb-m w-l h-l rounded-t-l rounded-b-l bg-success\">\n            <iron-icon icon=\"icons:done-all\" class=\"m-auto text-success-contrast\"></iron-icon>\n          </div>\n\n          <foxy-i18n class=\"block\" lang=${lang} key=\"generate_codes_done\" ns=${ns}></foxy-i18n>\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'absolute inset-0 flex': true,\n            [transition]: true,\n            [hidden]: !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' : isTemplate ? 'empty' : 'busy'}\n            lang=${lang}\n            ns=\"${ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  private __getErrorMessage(prefix: string) {\n    const error = this.errors.find(err => err.startsWith(prefix));\n    return error ? this.t(error.replace(prefix, 'v8n')) : '';\n  }\n\n  private __getValidator(prefix: string) {\n    return () => !this.errors.some(err => err.startsWith(prefix));\n  }\n\n  private __renderLength() {\n    const isTemplate = this.in({ idle: 'template' });\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('length:before')}\n\n        <vaadin-integer-field\n          error-message=${this.__getErrorMessage('length')}\n          data-testid=\"length\"\n          label=${this.t('length')}\n          class=\"w-full\"\n          min=\"1\"\n          ?disabled=${!isTemplate || this.disabledSelector.matches('length', true)}\n          ?readonly=${this.readonlySelector.matches('length', true)}\n          prevent-invalid-input\n          has-controls\n          .checkValidity=${this.__getValidator('length')}\n          .value=${isTemplate ? this.form.length : ''}\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @change=${(evt: CustomEvent) => {\n            const field = evt.currentTarget as IntegerFieldElement;\n            this.edit({ length: parseInt(field.value) });\n          }}\n        >\n        </vaadin-integer-field>\n\n        ${this.renderTemplateOrSlot('length:after')}\n      </div>\n    `;\n  }\n\n  private __renderNumberOfCodes() {\n    const isTemplate = this.in({ idle: 'template' });\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('number-of-codes:before')}\n\n        <vaadin-integer-field\n          error-message=${this.__getErrorMessage('number_of_codes')}\n          data-testid=\"number-of-codes\"\n          label=${this.t('number_of_codes')}\n          class=\"w-full\"\n          min=\"1\"\n          ?disabled=${!isTemplate || this.disabledSelector.matches('number-of-codes', true)}\n          ?readonly=${this.readonlySelector.matches('number-of-codes', true)}\n          prevent-invalid-input\n          has-controls\n          .checkValidity=${this.__getValidator('number_of_codes')}\n          .value=${isTemplate ? this.form.number_of_codes : ''}\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @change=${(evt: CustomEvent) => {\n            const field = evt.currentTarget as IntegerFieldElement;\n            this.edit({ number_of_codes: parseInt(field.value) });\n          }}\n        >\n        </vaadin-integer-field>\n\n        ${this.renderTemplateOrSlot('number-of-codes:after')}\n      </div>\n    `;\n  }\n\n  private __renderCurrentBalance() {\n    const isTemplate = this.in({ idle: 'template' });\n\n    return html`\n      <div class=\"col-span-2\">\n        ${this.renderTemplateOrSlot('current-balance:before')}\n\n        <vaadin-integer-field\n          error-message=${this.__getErrorMessage('current_balance')}\n          data-testid=\"current-balance\"\n          label=${this.t('balance')}\n          class=\"w-full\"\n          min=\"0\"\n          ?disabled=${!isTemplate || this.disabledSelector.matches('current-balance', true)}\n          ?readonly=${this.readonlySelector.matches('current-balance', true)}\n          prevent-invalid-input\n          has-controls\n          .checkValidity=${this.__getValidator('current_balance')}\n          .value=${isTemplate ? this.form.current_balance ?? 0 : ''}\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @change=${(evt: CustomEvent) => {\n            const field = evt.currentTarget as IntegerFieldElement;\n            this.edit({ current_balance: parseInt(field.value) });\n          }}\n        >\n        </vaadin-integer-field>\n\n        ${this.renderTemplateOrSlot('current-balance:after')}\n      </div>\n    `;\n  }\n\n  private __renderPrefix() {\n    const isTemplate = this.in({ idle: 'template' });\n\n    return html`\n      <div class=\"col-span-2\">\n        ${this.renderTemplateOrSlot('prefix:before')}\n\n        <vaadin-text-field\n          helper-text=${this.t('leave_empty_for_random_codes')}\n          data-testid=\"prefix\"\n          label=${this.t('prefix')}\n          class=\"w-full\"\n          min=\"1\"\n          ?disabled=${!isTemplate || this.disabledSelector.matches('prefix', true)}\n          ?readonly=${this.readonlySelector.matches('prefix', true)}\n          clear-button-visible\n          .value=${isTemplate ? this.form.prefix : ''}\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @change=${(evt: CustomEvent) => {\n            const field = evt.currentTarget as TextFieldElement;\n            this.edit({ prefix: field.value });\n          }}\n        >\n        </vaadin-text-field>\n\n        ${this.renderTemplateOrSlot('prefix:after')}\n      </div>\n    `;\n  }\n\n  private __renderGenerate() {\n    const isValidTemplate = this.in({ idle: { template: { dirty: 'valid' } } });\n\n    return html`\n      <div class=\"col-span-2 mt-m\">\n        ${this.renderTemplateOrSlot('generate:before')}\n\n        <vaadin-button\n          data-testid=\"generate\"\n          class=\"w-full\"\n          theme=\"success primary\"\n          ?disabled=${!isValidTemplate || this.disabledSelector.matches('generate', true)}\n          @click=${() => this.submit()}\n        >\n          <foxy-i18n lang=${this.lang} key=\"generate\" ns=${this.ns}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('generate:after')}\n      </div>\n    `;\n  }\n}\n"]}
+{"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"]}

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

@@ -1,8 +1,7 @@
-import '@vaadin/vaadin-text-field/vaadin-integer-field';
-import '@vaadin/vaadin-text-field/vaadin-text-field';
-import '@vaadin/vaadin-button';
-import '../../internal/InternalSandbox/index';
-import '../Spinner/index';
-import '../I18n/index';
+import '../../internal/InternalIntegerControl/index';
+import '../../internal/InternalNumberControl/index';
+import '../../internal/InternalSourceControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
 import { GenerateCodesForm } from './GenerateCodesForm';
 export { GenerateCodesForm };

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

@@ -1,9 +1,8 @@
-import '@vaadin/vaadin-text-field/vaadin-integer-field';
-import '@vaadin/vaadin-text-field/vaadin-text-field';
-import '@vaadin/vaadin-button';
-import "../../internal/InternalSandbox/index.js";
-import "../Spinner/index.js";
-import "../I18n/index.js";
+import "../../internal/InternalIntegerControl/index.js";
+import "../../internal/InternalNumberControl/index.js";
+import "../../internal/InternalSourceControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
 import { GenerateCodesForm } from "./GenerateCodesForm.js";
 customElements.define('foxy-generate-codes-form', GenerateCodesForm);
 export { GenerateCodesForm };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GenerateCodesForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,gDAAgD,CAAC;AACxD,OAAO,6CAA6C,CAAC;AACrD,OAAO,uBAAuB,CAAC;AAC/B,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,iBAAiB,EAAE,+BAA4B;AAExD,cAAc,CAAC,MAAM,CAAC,0BAA0B,EAAE,iBAAiB,CAAC,CAAC;AAErE,OAAO,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field/vaadin-integer-field';\nimport '@vaadin/vaadin-text-field/vaadin-text-field';\nimport '@vaadin/vaadin-button';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { GenerateCodesForm } from './GenerateCodesForm';\n\ncustomElements.define('foxy-generate-codes-form', GenerateCodesForm);\n\nexport { GenerateCodesForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GenerateCodesForm/index.ts"],"names":[],"mappings":"AAAA,wDAAqD;AACrD,uDAAoD;AACpD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,OAAO,EAAE,iBAAiB,EAAE,+BAA4B;AAExD,cAAc,CAAC,MAAM,CAAC,0BAA0B,EAAE,iBAAiB,CAAC,CAAC;AAErE,OAAO,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalIntegerControl/index';\nimport '../../internal/InternalNumberControl/index';\nimport '../../internal/InternalSourceControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport { GenerateCodesForm } from './GenerateCodesForm';\n\ncustomElements.define('foxy-generate-codes-form', GenerateCodesForm);\n\nexport { GenerateCodesForm };\n"]}

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

@@ -19,6 +19,8 @@ export declare type Templates = {
     'number-of-codes:after'?: Renderer<GenerateCodesForm>;
     'prefix:before'?: Renderer<GenerateCodesForm>;
     'prefix:after'?: Renderer<GenerateCodesForm>;
-    'generate:before'?: Renderer<GenerateCodesForm>;
-    'generate: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  'generate:before'?: Renderer<GenerateCodesForm>;\n  'generate:after'?: Renderer<GenerateCodesForm>;\n};\n"]}
+{"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"]}

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

@@ -1,37 +1,34 @@
-import { Data, Templates } from './types';
-import { ScopedElementsMap } from '@open-wc/scoped-elements';
-import { TemplateResult } from 'lit-html';
-import { NucleonElement } from '../NucleonElement/NucleonElement';
-import { NucleonV8N } from '../NucleonElement/types';
-declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+import type { Data, Templates } from './types';
+import type { TemplateResult } from 'lit-html';
+import type { NucleonV8N } from '../NucleonElement/types';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
-} & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/src/types").ScopedElementsHost> & {
-    styles: import("lit-element").CSSResultArray;
-} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+};
 /**
  * Form element for importing gift card codes (`fx:gift_card_codes`).
  *
- * @slot codes:before
- * @slot codes:after
+ * @slot gift-card-codes:before - **new in v1.27.0**
+ * @slot gift-card-codes:after - **new in v1.27.0**
  *
- * @slot current-balance:before
- * @slot current-balance:after
+ * @slot current-balance:before - **new in v1.27.0**
+ * @slot current-balance:after - **new in v1.27.0**
  *
- * @slot import:before
- * @slot import:after
+ * @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 scopedElements(): ScopedElementsMap;
     static get v8n(): NucleonV8N<Data>;
     templates: Templates;
-    render(): TemplateResult;
-    private __getErrorMessage;
-    private __getValidator;
-    private __renderCodes;
-    private __renderCurrentBalance;
-    private __renderImport;
+    private readonly __giftCardCodesGetValue;
+    private readonly __giftCardCodesSetValue;
+    get readonlySelector(): BooleanSelector;
+    get hiddenSelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+    protected _sendPost(edits: Partial<Data>): Promise<Data>;
 }
 export {};