@foxy.io/elements 1.14.1 → 1.15.0-beta.10

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CollectionPage/types.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { HALJSONResource } from '../NucleonElement/types';\nimport { Renderer } from '../../../mixins/configurable';\nimport { spread } from '@open-wc/lit-helpers';\n\nexport type Page = HALJSONResource & { _embedded: Record<string, HALJSONResource[]> };\nexport type ExtractItem<T> = T extends { _embedded: Record<string, (infer U)[]> } ? U : never;\n\nexport type ItemRendererContext<TItem extends HALJSONResource = HALJSONResource> = {\n  readonlyControls: BooleanSelector;\n  disabledControls: BooleanSelector;\n  hiddenControls: BooleanSelector;\n  templates: Partial<Record<string, Renderer<any>>>;\n  readonly: boolean;\n  disabled: boolean;\n  hidden: boolean;\n  parent: string;\n  spread: typeof spread;\n  props: Record<string, unknown>;\n  group: string;\n  html: typeof html;\n  lang: string;\n  href: string;\n  data: TItem | null;\n  ns: string;\n};\n\nexport type ItemRenderer<TItem extends HALJSONResource = HALJSONResource> = (\n  ctx: ItemRendererContext<TItem>\n) => TemplateResult;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CollectionPage/types.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { HALJSONResource } from '../NucleonElement/types';\nimport { Renderer } from '../../../mixins/configurable';\nimport { spread } from '@open-wc/lit-helpers';\n\nexport type Page = HALJSONResource & { _embedded: Record<string, HALJSONResource[]> };\nexport type ExtractItem<T> = T extends { _embedded: Record<string, (infer U)[]> } ? U : never;\n\nexport type ItemRendererContext<TItem extends HALJSONResource = HALJSONResource> = {\n  readonlyControls: BooleanSelector;\n  disabledControls: BooleanSelector;\n  hiddenControls: BooleanSelector;\n  templates: Partial<Record<string, Renderer<any>>>;\n  readonly: boolean;\n  disabled: boolean;\n  previous: TItem | null;\n  hidden: boolean;\n  parent: string;\n  spread: typeof spread;\n  props: Record<string, unknown>;\n  group: string;\n  html: typeof html;\n  lang: string;\n  href: string;\n  data: TItem | null;\n  next: TItem | null;\n  ns: string;\n};\n\nexport type ItemRenderer<TItem extends HALJSONResource = HALJSONResource> = (\n  ctx: ItemRendererContext<TItem>\n) => TemplateResult;\n"]}

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

@@ -0,0 +1,29 @@
+import { Data, Templates } 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> & {
+    defaultNS: string;
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & {
+    styles: import("lit-element").CSSResultArray;
+};
+/**
+ * Basic card displaying a coupon.
+ *
+ * @slot title:before
+ * @slot title:after
+ * @slot description:before
+ * @slot description:after
+ * @slot status:before
+ * @slot status:after
+ *
+ * @element foxy-coupon-card
+ * @since 1.15.0
+ */
+export declare class CouponCard extends Base<Data> {
+    templates: Templates;
+    render(): TemplateResult;
+    private __renderTitle;
+    private __renderDescription;
+    private __renderStatus;
+}
+export {};

package/dist/elements/public/CouponCard/CouponCard.js

@@ -0,0 +1,131 @@
+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";
+const NS = 'coupon-card';
+const Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));
+/**
+ * Basic card displaying a coupon.
+ *
+ * @slot title:before
+ * @slot title:after
+ * @slot description:before
+ * @slot description:after
+ * @slot status:before
+ * @slot status:after
+ *
+ * @element foxy-coupon-card
+ * @since 1.15.0
+ */
+export class CouponCard extends Base {
+    constructor() {
+        super(...arguments);
+        this.templates = {};
+    }
+    render() {
+        var _a, _b;
+        const hiddenSelector = this.hiddenSelector;
+        return html `
+      <div
+        aria-busy=${this.in('busy')}
+        aria-live="polite"
+        class="relative leading-m font-lumo text-m"
+      >
+        <div class=${classMap({ 'transition-opacity': true, 'opacity-0': !this.data })}>
+          ${hiddenSelector.matches('title', true) ? '' : this.__renderTitle()}
+          ${hiddenSelector.matches('description', true) ? '' : this.__renderDescription()}
+          ${hiddenSelector.matches('status', true) ? '' : this.__renderStatus()}
+        </div>
+
+        <div
+          class=${classMap({
+            'pointer-events-none absolute inset-0 flex transition-opacity': true,
+            'opacity-0': !!this.data,
+        })}
+        >
+          <foxy-spinner
+            data-testid="spinner"
+            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}
+            class="m-auto"
+            lang=${this.lang}
+            ns="${this.ns} ${(_b = (_a = customElements.get('foxy-spinner')) === null || _a === void 0 ? void 0 : _a.defaultNS) !== null && _b !== void 0 ? _b : ''}"
+          >
+          </foxy-spinner>
+        </div>
+      </div>
+    `;
+    }
+    __renderTitle() {
+        var _a, _b, _c, _d, _e, _f;
+        const count = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.number_of_uses_to_date) !== null && _b !== void 0 ? _b : 0;
+        const total = (_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c.number_of_uses_allowed) !== null && _d !== void 0 ? _d : 0;
+        return html `
+      <div data-testid="title">
+        ${this.renderTemplateOrSlot('title:before')}
+
+        <div class="flex items-center justify-between">
+          <div class="font-semibold truncate">${(_f = (_e = this.data) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : html `&ZeroWidthSpace;`}</div>
+
+          <foxy-i18n
+            options=${JSON.stringify({ count, total })}
+            class="text-tertiary text-s flex-shrink-0"
+            lang=${this.lang}
+            key=${total === 0 ? 'uses_count' : 'uses_to_total_count'}
+            ns=${this.ns}
+          >
+          </foxy-i18n>
+        </div>
+
+        ${this.renderTemplateOrSlot('title:after')}
+      </div>
+    `;
+    }
+    __renderDescription() {
+        let summary = null;
+        if (this.data) {
+            const details = this.data.coupon_discount_details;
+            const type = this.data.coupon_discount_type;
+            const ns = this.ns;
+            summary = html `
+        <foxy-i18n
+          options=${JSON.stringify({ params: { details, type, ns } })}
+          lang=${this.lang}
+          key="discount_summary"
+          ns=${this.ns}
+        >
+        </foxy-i18n>
+      `;
+        }
+        return html `
+      <div data-testid="description">
+        ${this.renderTemplateOrSlot('description:before')}
+        <div class="truncate text-s text-secondary">${summary !== null && summary !== void 0 ? summary : html `&ZeroWidthSpace;`}</div>
+        ${this.renderTemplateOrSlot('description:after')}
+      </div>
+    `;
+    }
+    __renderStatus() {
+        var _a;
+        const { start_date: start, end_date: end } = (_a = this.data) !== null && _a !== void 0 ? _a : {};
+        const type = start && end ? 'complete' : start ? 'from' : end ? 'until' : 'any';
+        return html `
+      <div data-testid="status">
+        ${this.renderTemplateOrSlot('status:before')}
+
+        <foxy-i18n
+          options=${JSON.stringify({ start, end })}
+          class="block truncate text-s text-tertiary"
+          lang=${this.lang}
+          key="date_range_${type}"
+          ns=${this.ns}
+        >
+        </foxy-i18n>
+
+        ${this.renderTemplateOrSlot('status:after')}
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=CouponCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CouponCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCard/CouponCard.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,aAAa,CAAC;AACzB,MAAM,IAAI,GAAG,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAEtF;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,UAAW,SAAQ,IAAU;IAA1C;;QACE,cAAS,GAAc,EAAE,CAAC;IA+G5B,CAAC;IA7GC,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,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC7E,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,KAAK,eAAG,IAAI,CAAC,IAAI,0CAAE,sBAAsB,mCAAI,CAAC,CAAC;QACrD,MAAM,KAAK,eAAG,IAAI,CAAC,IAAI,0CAAE,sBAAsB,mCAAI,CAAC,CAAC;QAErD,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;;gDAGH,YAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,mCAAI,IAAI,CAAA,kBAAkB;;;sBAGnE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;;mBAEnC,IAAI,CAAC,IAAI;kBACV,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,qBAAqB;iBACnD,IAAI,CAAC,EAAE;;;;;UAKd,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;IACJ,CAAC;IAEO,mBAAmB;QACzB,IAAI,OAAO,GAA0B,IAAI,CAAC;QAE1C,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC;YAClD,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC;YAC5C,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;YAEnB,OAAO,GAAG,IAAI,CAAA;;oBAEA,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC;iBACpD,IAAI,CAAC,IAAI;;eAEX,IAAI,CAAC,EAAE;;;OAGf,CAAC;SACH;QAED,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,oBAAoB,CAAC;sDACH,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,IAAI,CAAA,kBAAkB;UAC7E,IAAI,CAAC,oBAAoB,CAAC,mBAAmB,CAAC;;KAEnD,CAAC;IACJ,CAAC;IAEO,cAAc;;QACpB,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAG,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC;QAC7D,MAAM,IAAI,GAAG,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;QAEhF,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC;;;oBAGhC,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;;iBAEjC,IAAI,CAAC,IAAI;4BACE,IAAI;eACjB,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 = 'coupon-card';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Basic card displaying a coupon.\n *\n * @slot title:before\n * @slot title:after\n * @slot description:before\n * @slot description:after\n * @slot status:before\n * @slot status:after\n *\n * @element foxy-coupon-card\n * @since 1.15.0\n */\nexport class CouponCard 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-m 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('description', true) ? '' : this.__renderDescription()}\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 count = this.data?.number_of_uses_to_date ?? 0;\n    const total = this.data?.number_of_uses_allowed ?? 0;\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-semibold truncate\">${this.data?.name ?? html`&ZeroWidthSpace;`}</div>\n\n          <foxy-i18n\n            options=${JSON.stringify({ count, total })}\n            class=\"text-tertiary text-s flex-shrink-0\"\n            lang=${this.lang}\n            key=${total === 0 ? 'uses_count' : 'uses_to_total_count'}\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        </div>\n\n        ${this.renderTemplateOrSlot('title:after')}\n      </div>\n    `;\n  }\n\n  private __renderDescription() {\n    let summary: TemplateResult | null = null;\n\n    if (this.data) {\n      const details = this.data.coupon_discount_details;\n      const type = this.data.coupon_discount_type;\n      const ns = this.ns;\n\n      summary = html`\n        <foxy-i18n\n          options=${JSON.stringify({ params: { details, type, ns } })}\n          lang=${this.lang}\n          key=\"discount_summary\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n      `;\n    }\n\n    return html`\n      <div data-testid=\"description\">\n        ${this.renderTemplateOrSlot('description:before')}\n        <div class=\"truncate text-s text-secondary\">${summary ?? html`&ZeroWidthSpace;`}</div>\n        ${this.renderTemplateOrSlot('description:after')}\n      </div>\n    `;\n  }\n\n  private __renderStatus() {\n    const { start_date: start, end_date: end } = this.data ?? {};\n    const type = start && end ? 'complete' : start ? 'from' : end ? 'until' : 'any';\n\n    return html`\n      <div data-testid=\"status\">\n        ${this.renderTemplateOrSlot('status:before')}\n\n        <foxy-i18n\n          options=${JSON.stringify({ start, end })}\n          class=\"block truncate text-s text-tertiary\"\n          lang=${this.lang}\n          key=\"date_range_${type}\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('status:after')}\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,5 @@
+import '../../internal/InternalSandbox/index';
+import '../Spinner/index';
+import '../I18n/index';
+import { CouponCard } from './CouponCard';
+export { CouponCard };

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

@@ -0,0 +1,7 @@
+import "../../internal/InternalSandbox/index.js";
+import "../Spinner/index.js";
+import "../I18n/index.js";
+import { CouponCard } from "./CouponCard.js";
+customElements.define('foxy-coupon-card', CouponCard);
+export { CouponCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCard/index.ts"],"names":[],"mappings":"AAAA,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,UAAU,EAAE,wBAAqB;AAE1C,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,CAAC","sourcesContent":["import '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { CouponCard } from './CouponCard';\n\ncustomElements.define('foxy-coupon-card', CouponCard);\n\nexport { CouponCard };\n"]}

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

@@ -0,0 +1,15 @@
+import { CouponCard } from './CouponCard';
+import { Rels } from '@foxy.io/sdk/backend';
+import { Renderer } from '../../../mixins/configurable';
+import { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.Coupon>;
+export declare type Templates = Partial<{
+    'total:before': Renderer<CouponCard>;
+    'total:after': Renderer<CouponCard>;
+    'status:before': Renderer<CouponCard>;
+    'status:after': Renderer<CouponCard>;
+    'description:before': Renderer<CouponCard>;
+    'description:after': Renderer<CouponCard>;
+    'customer:before': Renderer<CouponCard>;
+    'customer:after': Renderer<CouponCard>;
+}>;

package/dist/elements/public/CouponCard/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,45 @@
+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> & {
+    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 creating or editing coupon codes (`fx:coupon_code`).
+ *
+ * @slot code:before
+ * @slot code:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @element foxy-coupon-code-form
+ * @since 1.15.0
+ */
+export declare class CouponCodeForm extends Base<Data> {
+    static get scopedElements(): ScopedElementsMap;
+    static get v8n(): NucleonV8N<Data>;
+    templates: Templates;
+    render(): TemplateResult;
+    private get __isCodeHidden();
+    private get __isTimestampsHidden();
+    private get __isCreateHidden();
+    private get __isDeleteHidden();
+    private __getErrorMessage;
+    private __getValidator;
+    private __renderCode;
+    private __renderTimestamps;
+    private __renderCreate;
+    private __renderDelete;
+}
+export {};

package/dist/elements/public/CouponCodeForm/CouponCodeForm.js

@@ -0,0 +1,218 @@
+import { ScopedElementsMixin } from '@open-wc/scoped-elements';
+import { html } from 'lit-html';
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+import { NucleonElement } from "../NucleonElement/NucleonElement.js";
+import { PropertyTable } from "../../private/index.js";
+import { ThemeableMixin } from "../../../mixins/themeable.js";
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { classMap } from "../../../utils/class-map.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+const NS = 'coupon-code-form';
+const Base = ConfigurableMixin(ThemeableMixin(ScopedElementsMixin(TranslatableMixin(NucleonElement, NS))));
+/**
+ * Form element for creating or editing coupon codes (`fx:coupon_code`).
+ *
+ * @slot code:before
+ * @slot code:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @element foxy-coupon-code-form
+ * @since 1.15.0
+ */
+export class CouponCodeForm extends Base {
+    constructor() {
+        super(...arguments);
+        this.templates = {};
+    }
+    static get scopedElements() {
+        return {
+            'vaadin-text-field': customElements.get('vaadin-text-field'),
+            'vaadin-button': customElements.get('vaadin-button'),
+            'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),
+            'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),
+            'foxy-spinner': customElements.get('foxy-spinner'),
+            'foxy-i18n': customElements.get('foxy-i18n'),
+            'x-property-table': PropertyTable,
+        };
+    }
+    static get v8n() {
+        return [
+            ({ code: v }) => !!v || 'code_required',
+            ({ code: v }) => !v || v.length <= 50 || 'code_too_long',
+        ];
+    }
+    render() {
+        var _a, _b;
+        return html `
+      <div class="relative space-y-m">
+        ${this.__isCodeHidden ? null : this.__renderCode()}
+        ${this.__isTimestampsHidden ? null : this.__renderTimestamps()}
+        ${this.__isCreateHidden ? null : this.__renderCreate()}
+        ${this.__isDeleteHidden ? null : this.__renderDelete()}
+
+        <div
+          data-testid="spinner"
+          class=${classMap({
+            'transition duration-500 ease-in-out absolute inset-0 flex': true,
+            'opacity-0 pointer-events-none': this.in('idle'),
+        })}
+        >
+          <foxy-spinner
+            layout="vertical"
+            class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l"
+            state=${this.in('fail') ? 'error' : this.in('busy') ? 'busy' : 'empty'}
+            lang=${this.lang}
+            ns="${this.ns} ${(_b = (_a = customElements.get('foxy-spinner')) === null || _a === void 0 ? void 0 : _a.defaultNS) !== null && _b !== void 0 ? _b : ''}"
+          >
+          </foxy-spinner>
+        </div>
+      </div>
+    `;
+    }
+    get __isCodeHidden() {
+        return this.hiddenSelector.matches('code', true);
+    }
+    get __isTimestampsHidden() {
+        if (this.hiddenSelector.matches('timestamps', true))
+            return true;
+        return !this.data;
+    }
+    get __isCreateHidden() {
+        if (this.hiddenSelector.matches('create', true))
+            return true;
+        return !!this.data;
+    }
+    get __isDeleteHidden() {
+        if (this.hiddenSelector.matches('delete', true))
+            return true;
+        return !this.data;
+    }
+    __getErrorMessage(prefix) {
+        const error = this.errors.find(err => err.startsWith(prefix));
+        return error ? this.t(error.replace(prefix, 'v8n')).toString() : '';
+    }
+    __getValidator(prefix) {
+        return () => !this.errors.some(err => err.startsWith(prefix));
+    }
+    __renderCode() {
+        return html `
+      <div>
+        ${this.renderTemplateOrSlot('code:before')}
+
+        <vaadin-text-field
+          data-testid="code"
+          class="w-full"
+          label=${this.t('code')}
+          value=${ifDefined(this.form.code)}
+          .checkValidity=${this.__getValidator('code')}
+          .errorMessage=${this.__getErrorMessage('code')}
+          ?disabled=${!this.in('idle') || this.disabledSelector.matches('code', true)}
+          ?readonly=${this.readonlySelector.matches('code', true)}
+          required
+          @keydown=${(evt) => evt.key === 'Enter' && this.submit()}
+          @input=${(evt) => {
+            const newCode = evt.currentTarget.value;
+            this.edit({ code: newCode });
+        }}
+        >
+        </vaadin-text-field>
+
+        ${this.renderTemplateOrSlot('code:after')}
+      </div>
+    `;
+    }
+    __renderTimestamps() {
+        return html `
+      <div>
+        ${this.renderTemplateOrSlot('timestamps:before')}
+
+        <x-property-table
+          data-testid="timestamps"
+          .items=${['date_modified', 'date_created'].map(field => {
+            var _a;
+            return ({
+                name: this.t(field),
+                value: ((_a = this.data) === null || _a === void 0 ? void 0 : _a[field]) ? this.t('date', { value: new Date(this.data[field]) })
+                    : '',
+            });
+        })}
+        >
+        </x-property-table>
+
+        ${this.renderTemplateOrSlot('timestamps:after')}
+      </div>
+    `;
+    }
+    __renderCreate() {
+        const isCleanTemplateInvalid = this.in({ idle: { template: { clean: 'invalid' } } });
+        const isDirtyTemplateInvalid = this.in({ idle: { template: { dirty: 'invalid' } } });
+        const isCleanSnapshotInvalid = this.in({ idle: { snapshot: { clean: 'invalid' } } });
+        const isDirtySnapshotInvalid = this.in({ idle: { snapshot: { dirty: 'invalid' } } });
+        const isTemplateInvalid = isCleanTemplateInvalid || isDirtyTemplateInvalid;
+        const isSnaphotInvalid = isCleanSnapshotInvalid || isDirtySnapshotInvalid;
+        const isInvalid = isTemplateInvalid || isSnaphotInvalid;
+        const isIdle = this.in('idle');
+        return html `
+      <div>
+        ${this.renderTemplateOrSlot('create:before')}
+
+        <vaadin-button
+          data-testid="create"
+          class="w-full"
+          theme="primary success"
+          ?disabled=${!isIdle || isInvalid || this.disabledSelector.matches('create', true)}
+          @click=${() => this.submit()}
+        >
+          <foxy-i18n ns=${this.ns} key="create" lang=${this.lang}></foxy-i18n>
+        </vaadin-button>
+
+        ${this.renderTemplateOrSlot('create:after')}
+      </div>
+    `;
+    }
+    __renderDelete() {
+        return html `
+      <div>
+        <foxy-internal-confirm-dialog
+          data-testid="confirm"
+          message="delete_prompt"
+          confirm="delete"
+          cancel="cancel"
+          header="delete"
+          theme="primary error"
+          lang=${this.lang}
+          ns=${this.ns}
+          id="confirm"
+          @hide=${(evt) => !evt.detail.cancelled && this.delete()}
+        >
+        </foxy-internal-confirm-dialog>
+
+        ${this.renderTemplateOrSlot('delete:before')}
+
+        <vaadin-button
+          data-testid="delete"
+          theme="primary error"
+          class="w-full"
+          ?disabled=${!this.in('idle') || this.disabledSelector.matches('delete', true)}
+          @click=${(evt) => {
+            const confirm = this.renderRoot.querySelector('#confirm');
+            confirm.show(evt.currentTarget);
+        }}
+        >
+          <foxy-i18n ns=${this.ns} key="delete" lang=${this.lang}></foxy-i18n>
+        </vaadin-button>
+
+        ${this.renderTemplateOrSlot('delete:after')}
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=CouponCodeForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CouponCodeForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeForm/CouponCodeForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates } from './types';\nimport { ScopedElementsMap, ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport { InternalConfirmDialog } from '../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { PropertyTable } from '../../private/index';\nimport { TextFieldElement } from '@vaadin/vaadin-text-field';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nconst NS = 'coupon-code-form';\nconst Base = ConfigurableMixin(\n  ThemeableMixin(ScopedElementsMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Form element for creating or editing coupon codes (`fx:coupon_code`).\n *\n * @slot code:before\n * @slot code: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-coupon-code-form\n * @since 1.15.0\n */\nexport class CouponCodeForm extends Base<Data> {\n  static get scopedElements(): ScopedElementsMap {\n    return {\n      'vaadin-text-field': customElements.get('vaadin-text-field'),\n      'vaadin-button': customElements.get('vaadin-button'),\n\n      'foxy-internal-confirm-dialog': customElements.get('foxy-internal-confirm-dialog'),\n      'foxy-internal-sandbox': customElements.get('foxy-internal-sandbox'),\n      'foxy-spinner': customElements.get('foxy-spinner'),\n      'foxy-i18n': customElements.get('foxy-i18n'),\n\n      'x-property-table': PropertyTable,\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ code: v }) => !!v || 'code_required',\n      ({ code: v }) => !v || v.length <= 50 || 'code_too_long',\n    ];\n  }\n\n  templates: Templates = {};\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"relative space-y-m\">\n        ${this.__isCodeHidden ? null : this.__renderCode()}\n        ${this.__isTimestampsHidden ? null : this.__renderTimestamps()}\n        ${this.__isCreateHidden ? null : this.__renderCreate()}\n        ${this.__isDeleteHidden ? null : this.__renderDelete()}\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition duration-500 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': this.in('idle'),\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n            state=${this.in('fail') ? 'error' : this.in('busy') ? 'busy' : 'empty'}\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  private get __isCodeHidden(): boolean {\n    return this.hiddenSelector.matches('code', true);\n  }\n\n  private get __isTimestampsHidden(): boolean {\n    if (this.hiddenSelector.matches('timestamps', true)) return true;\n    return !this.data;\n  }\n\n  private get __isCreateHidden(): boolean {\n    if (this.hiddenSelector.matches('create', true)) return true;\n    return !!this.data;\n  }\n\n  private get __isDeleteHidden(): boolean {\n    if (this.hiddenSelector.matches('delete', true)) return true;\n    return !this.data;\n  }\n\n  private __getErrorMessage(prefix: string) {\n    const error = this.errors.find(err => err.startsWith(prefix));\n    return error ? this.t(error.replace(prefix, 'v8n')).toString() : '';\n  }\n\n  private __getValidator(prefix: string) {\n    return () => !this.errors.some(err => err.startsWith(prefix));\n  }\n\n  private __renderCode(): TemplateResult {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('code:before')}\n\n        <vaadin-text-field\n          data-testid=\"code\"\n          class=\"w-full\"\n          label=${this.t('code')}\n          value=${ifDefined(this.form.code)}\n          .checkValidity=${this.__getValidator('code')}\n          .errorMessage=${this.__getErrorMessage('code')}\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('code', true)}\n          ?readonly=${this.readonlySelector.matches('code', true)}\n          required\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.submit()}\n          @input=${(evt: CustomEvent) => {\n            const newCode = (evt.currentTarget as TextFieldElement).value;\n            this.edit({ code: newCode });\n          }}\n        >\n        </vaadin-text-field>\n\n        ${this.renderTemplateOrSlot('code:after')}\n      </div>\n    `;\n  }\n\n  private __renderTimestamps(): TemplateResult {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('timestamps:before')}\n\n        <x-property-table\n          data-testid=\"timestamps\"\n          .items=${(['date_modified', 'date_created'] as const).map(field => ({\n            name: this.t(field),\n            value: this.data?.[field]\n              ? this.t('date', { value: new Date(this.data[field] as string) })\n              : '',\n          }))}\n        >\n        </x-property-table>\n\n        ${this.renderTemplateOrSlot('timestamps:after')}\n      </div>\n    `;\n  }\n\n  private __renderCreate(): TemplateResult {\n    const isCleanTemplateInvalid = this.in({ idle: { template: { clean: 'invalid' } } });\n    const isDirtyTemplateInvalid = this.in({ idle: { template: { dirty: 'invalid' } } });\n    const isCleanSnapshotInvalid = this.in({ idle: { snapshot: { clean: 'invalid' } } });\n    const isDirtySnapshotInvalid = this.in({ idle: { snapshot: { dirty: 'invalid' } } });\n    const isTemplateInvalid = isCleanTemplateInvalid || isDirtyTemplateInvalid;\n    const isSnaphotInvalid = isCleanSnapshotInvalid || isDirtySnapshotInvalid;\n    const isInvalid = isTemplateInvalid || isSnaphotInvalid;\n    const isIdle = this.in('idle');\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('create:before')}\n\n        <vaadin-button\n          data-testid=\"create\"\n          class=\"w-full\"\n          theme=\"primary success\"\n          ?disabled=${!isIdle || isInvalid || this.disabledSelector.matches('create', true)}\n          @click=${() => this.submit()}\n        >\n          <foxy-i18n ns=${this.ns} key=\"create\" lang=${this.lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('create:after')}\n      </div>\n    `;\n  }\n\n  private __renderDelete(): TemplateResult {\n    return html`\n      <div>\n        <foxy-internal-confirm-dialog\n          data-testid=\"confirm\"\n          message=\"delete_prompt\"\n          confirm=\"delete\"\n          cancel=\"cancel\"\n          header=\"delete\"\n          theme=\"primary error\"\n          lang=${this.lang}\n          ns=${this.ns}\n          id=\"confirm\"\n          @hide=${(evt: DialogHideEvent) => !evt.detail.cancelled && this.delete()}\n        >\n        </foxy-internal-confirm-dialog>\n\n        ${this.renderTemplateOrSlot('delete:before')}\n\n        <vaadin-button\n          data-testid=\"delete\"\n          theme=\"primary error\"\n          class=\"w-full\"\n          ?disabled=${!this.in('idle') || this.disabledSelector.matches('delete', true)}\n          @click=${(evt: CustomEvent) => {\n            const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n            confirm.show(evt.currentTarget as ButtonElement);\n          }}\n        >\n          <foxy-i18n ns=${this.ns} key=\"delete\" lang=${this.lang}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('delete:after')}\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,8 @@
+import '../../internal/InternalConfirmDialog/index';
+import '../../internal/InternalSandbox/index';
+import '../Spinner/index';
+import '../I18n/index';
+import '@vaadin/vaadin-text-field/vaadin-text-field';
+import '@vaadin/vaadin-button';
+import { CouponCodeForm } from './CouponCodeForm';
+export { CouponCodeForm };

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

@@ -0,0 +1,10 @@
+import "../../internal/InternalConfirmDialog/index.js";
+import "../../internal/InternalSandbox/index.js";
+import "../Spinner/index.js";
+import "../I18n/index.js";
+import '@vaadin/vaadin-text-field/vaadin-text-field';
+import '@vaadin/vaadin-button';
+import { CouponCodeForm } from "./CouponCodeForm.js";
+customElements.define('foxy-coupon-code-form', CouponCodeForm);
+export { CouponCodeForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeForm/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AACpD,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AACvB,OAAO,6CAA6C,CAAC;AACrD,OAAO,uBAAuB,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,4BAAyB;AAElD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import '../../internal/InternalConfirmDialog/index';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\nimport '@vaadin/vaadin-text-field/vaadin-text-field';\nimport '@vaadin/vaadin-button';\n\nimport { CouponCodeForm } from './CouponCodeForm';\n\ncustomElements.define('foxy-coupon-code-form', CouponCodeForm);\n\nexport { CouponCodeForm };\n"]}

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

@@ -0,0 +1,15 @@
+import { CouponCodeForm } from './CouponCodeForm';
+import { Rels } from '@foxy.io/sdk/backend';
+import { Renderer } from '../../../mixins/configurable';
+import { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.CouponCode>;
+export declare type Templates = {
+    'code:before'?: Renderer<CouponCodeForm>;
+    'code:after'?: Renderer<CouponCodeForm>;
+    'timestamps:before'?: Renderer<CouponCodeForm>;
+    'timestamps:after'?: Renderer<CouponCodeForm>;
+    'delete:before'?: Renderer<CouponCodeForm>;
+    'delete:after'?: Renderer<CouponCodeForm>;
+    'create:before'?: Renderer<CouponCodeForm>;
+    'create:after'?: Renderer<CouponCodeForm>;
+};

package/dist/elements/public/CouponCodeForm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,31 @@
+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> & {
+    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 coupon codes (`fx:coupon_codes`).
+ *
+ * @slot codes:before
+ * @slot codes:after
+ *
+ * @slot import:before
+ * @slot import:after
+ *
+ * @element foxy-coupon-codes-form
+ * @since 1.15.0
+ */
+export declare class CouponCodesForm extends Base<Data> {
+    static get scopedElements(): ScopedElementsMap;
+    static get v8n(): NucleonV8N<Data>;
+    templates: Templates;
+    render(): TemplateResult;
+    private __renderCodes;
+    private __renderImport;
+}
+export {};