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

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionPage.js","sourceRoot":"","sources":["../../../../src/elements/public/CollectionPage/CollectionPage.ts"],"names":[],"mappings":"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","sourcesContent":["import { ExtractItem, ItemRenderer, Page } from './types';\nimport { PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { repeat } from 'lit-html/directives/repeat';\nimport { spread } from '@open-wc/lit-helpers';\n\nconst Base = ConfigurableMixin(TranslatableMixin(NucleonElement));\n\n/**\n * Renders an element for each resource in a collection page.\n *\n * @element foxy-collection-page\n * @since 1.1.0\n */\nexport class CollectionPage<TPage extends Page> extends Base<TPage> {\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      props: { type: Object },\n      item: { type: String },\n    };\n  }\n\n  /** Spread directive argument from `@open-wc/lit-helpers` (properties, event listeners and attributes you'd like to pass to the item element). */\n  props: Record<string, unknown> = {};\n\n  private __pageFetchEventHandler = (evt: unknown) => this.__handlePageFetchEvent(evt);\n\n  private __renderItem!: ItemRenderer<ExtractItem<TPage>>;\n\n  private __item!: null | string | ItemRenderer<ExtractItem<TPage>>;\n\n  constructor() {\n    super();\n    this.item = 'foxy-null';\n  }\n\n  /**\n   * Custom element tag or a render function to use for displaying collection items.\n   * Generated custom elements will have the following attributes:\n   *\n   * - `parent` – same as `foxy-collection-page[href]`;\n   * - `group` - same as `foxy-collection-page[group]`;\n   * - `href` – collection page item's `_links.self.href` value;\n   * - `lang` – same as `foxy-collection-page[lang]`;\n   *\n   * Render function will receive `ItemRendererContext` in the first argument.\n   */\n  get item(): null | string | ItemRenderer<ExtractItem<TPage>> {\n    return this.__item;\n  }\n\n  set item(value: null | string | ItemRenderer<ExtractItem<TPage>>) {\n    const tagOrRenderer = value ?? 'foxy-null';\n\n    if (typeof tagOrRenderer === 'string') {\n      this.__renderItem = new Function(\n        'ctx',\n        `return ctx.html\\`\n          <${tagOrRenderer}\n            disabledcontrols=\\${ctx.disabledControls.toString()}\n            readonlycontrols=\\${ctx.readonlyControls.toString()}\n            hiddencontrols=\\${ctx.hiddenControls.toString()}\n            data-testclass=\"items\"\n            related=\\${JSON.stringify(ctx.related)}\n            parent=\\${ctx.parent}\n            group=\\${ctx.group}\n            href=\\${ctx.href}\n            lang=\\${ctx.lang}\n            ns=\"\\${ctx.ns} $\\{customElements.get('${tagOrRenderer}')?.defaultNS ?? ''}\"\n            ?disabled=\\${ctx.disabled}\n            ?readonly=\\${ctx.readonly}\n            ?hidden=\\${ctx.hidden}\n            .templates=\\${ctx.templates}\n            ...=\\${ctx.spread(ctx.props)}\n          >\n          </${tagOrRenderer}>\\``\n      ) as ItemRenderer;\n    } else {\n      this.__renderItem = tagOrRenderer;\n    }\n\n    this.__item = value;\n    this.requestUpdate();\n  }\n\n  /** @readonly */\n  createRenderRoot(): HTMLElement {\n    return this;\n  }\n\n  /** @readonly */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('fetch', this.__pageFetchEventHandler);\n  }\n\n  /** @readonly */\n  render(): TemplateResult {\n    type RepeatItem = { key: string; href: string; data: ExtractItem<TPage> | null };\n    let items: RepeatItem[] = [];\n\n    if (this.in('busy')) {\n      items = [{ key: 'stalled', href: 'foxy://collection-page/stall', data: null }];\n    } else if (this.in('fail')) {\n      items = [{ key: 'failed', href: 'foxy://collection-page/fail', data: null }];\n    } else if (this.in({ idle: 'template' }) || this.__items.length === 0) {\n      items = [{ key: 'empty', href: '', data: null }];\n    } else {\n      items = this.__items.map(item => ({\n        key: item._links.self.href,\n        href: item._links.self.href,\n        data: item,\n      }));\n    }\n\n    return html`${repeat(\n      items,\n      item => item.key,\n      (item, index) =>\n        this.__renderItem?.({\n          disabledControls: this.disabledControls,\n          readonlyControls: this.readonlyControls,\n          hiddenControls: this.hiddenControls,\n          templates: this.templates,\n          disabled: this.disabled,\n          readonly: this.readonly,\n          previous: items[index - 1]?.data ?? null,\n          related: this.related,\n          hidden: this.hidden,\n          parent: this.href,\n          spread: spread,\n          props: this.props,\n          group: this.group,\n          lang: this.lang,\n          data: item.data,\n          href: item.href,\n          next: items[index + 1]?.data ?? null,\n          ns: this.ns,\n          html,\n        })\n    )}`;\n  }\n\n  /** @readonly */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('fetch', this.__pageFetchEventHandler);\n  }\n\n  private get __items(): ExtractItem<TPage>[] {\n    return Array.from(Object.values(this.form?._embedded ?? {}) as any[]).reduce(\n      (p, c) => [...p, ...c],\n      [] as ExtractItem<TPage>[]\n    );\n  }\n\n  private __handlePageFetchEvent(event: unknown) {\n    if (!(event instanceof FetchEvent) || event.target === this) return;\n    const { method, url } = event.request;\n\n    if (method !== 'GET') return;\n    if (url === 'foxy://collection-page/stall') return this.__stallRequest(event);\n    if (url === 'foxy://collection-page/fail') return this.__failRequest(event);\n  }\n\n  private __stallRequest(event: FetchEvent) {\n    event.stopImmediatePropagation();\n    event.respondWith(new Promise(() => void 0));\n  }\n\n  private __failRequest(event: FetchEvent) {\n    event.stopImmediatePropagation();\n    event.respondWith(Promise.resolve(new Response(null, { status: 500 })));\n  }\n}\n\nexport * from './types';\n"]}
+{"version":3,"file":"CollectionPage.js","sourceRoot":"","sources":["../../../../src/elements/public/CollectionPage/CollectionPage.ts"],"names":[],"mappings":"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","sourcesContent":["import { ExtractItem, ItemRenderer, Page } from './types';\nimport { PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { repeat } from 'lit-html/directives/repeat';\nimport { spread } from '@open-wc/lit-helpers';\n\nconst Base = ConfigurableMixin(TranslatableMixin(NucleonElement));\n\n/**\n * Renders an element for each resource in a collection page.\n *\n * @element foxy-collection-page\n * @since 1.1.0\n */\nexport class CollectionPage<TPage extends Page> extends Base<TPage> {\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      props: { type: Object },\n      item: { type: String },\n    };\n  }\n\n  /** Spread directive argument from `@open-wc/lit-helpers` (properties, event listeners and attributes you'd like to pass to the item element). */\n  props: Record<string, unknown> = {};\n\n  private __pageFetchEventHandler = (evt: unknown) => this.__handlePageFetchEvent(evt);\n\n  private __renderItem!: ItemRenderer<ExtractItem<TPage>>;\n\n  private __item!: null | string | ItemRenderer<ExtractItem<TPage>>;\n\n  constructor() {\n    super();\n    this.item = 'foxy-null';\n  }\n\n  /**\n   * Custom element tag or a render function to use for displaying collection items.\n   * Generated custom elements will have the following attributes:\n   *\n   * - `parent` – same as `foxy-collection-page[href]`;\n   * - `group` - same as `foxy-collection-page[group]`;\n   * - `href` – collection page item's `_links.self.href` value;\n   * - `lang` – same as `foxy-collection-page[lang]`;\n   *\n   * Render function will receive `ItemRendererContext` in the first argument.\n   */\n  get item(): null | string | ItemRenderer<ExtractItem<TPage>> {\n    return this.__item;\n  }\n\n  set item(value: null | string | ItemRenderer<ExtractItem<TPage>>) {\n    const tagOrRenderer = value ?? 'foxy-null';\n\n    if (typeof tagOrRenderer === 'string') {\n      this.__renderItem = new Function(\n        'ctx',\n        `return ctx.html\\`\n          <${tagOrRenderer}\n            disabledcontrols=\\${ctx.disabledControls.toString()}\n            readonlycontrols=\\${ctx.readonlyControls.toString()}\n            hiddencontrols=\\${ctx.hiddenControls.toString()}\n            data-testclass=\"items\"\n            related=\\${JSON.stringify(ctx.related)}\n            parent=\\${ctx.parent}\n            group=\\${ctx.group}\n            href=\\${ctx.href}\n            lang=\\${ctx.lang}\n            ns=\"\\${ctx.ns} $\\{customElements.get('${tagOrRenderer}')?.defaultNS ?? ''}\"\n            ?disabled=\\${ctx.disabled}\n            ?readonly=\\${ctx.readonly}\n            ?hidden=\\${ctx.hidden}\n            .simplifyNsLoading=\\${ctx.simplifyNsLoading}\n            .templates=\\${ctx.templates}\n            ...=\\${ctx.spread(ctx.props)}\n          >\n          </${tagOrRenderer}>\\``\n      ) as ItemRenderer;\n    } else {\n      this.__renderItem = tagOrRenderer;\n    }\n\n    this.__item = value;\n    this.requestUpdate();\n  }\n\n  /** @readonly */\n  createRenderRoot(): HTMLElement {\n    return this;\n  }\n\n  /** @readonly */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('fetch', this.__pageFetchEventHandler);\n  }\n\n  /** @readonly */\n  render(): TemplateResult {\n    type RepeatItem = { key: string; href: string; data: ExtractItem<TPage> | null };\n    let items: RepeatItem[] = [];\n\n    if (this.in('busy')) {\n      items = [{ key: 'stalled', href: 'foxy://collection-page/stall', data: null }];\n    } else if (this.in('fail')) {\n      items = [{ key: 'failed', href: 'foxy://collection-page/fail', data: null }];\n    } else if (this.in({ idle: 'template' }) || this.__items.length === 0) {\n      items = [{ key: 'empty', href: '', data: null }];\n    } else {\n      items = this.__items.map(item => ({\n        key: item._links.self.href,\n        href: item._links.self.href,\n        data: item,\n      }));\n    }\n\n    return html`${repeat(\n      items,\n      item => item.key,\n      (item, index) =>\n        this.__renderItem?.({\n          simplifyNsLoading: this.simplifyNsLoading,\n          disabledControls: this.disabledControls,\n          readonlyControls: this.readonlyControls,\n          hiddenControls: this.hiddenControls,\n          templates: this.templates,\n          disabled: this.disabled,\n          readonly: this.readonly,\n          previous: items[index - 1]?.data ?? null,\n          related: this.related,\n          hidden: this.hidden,\n          parent: this.href,\n          spread: spread,\n          props: this.props,\n          group: this.group,\n          lang: this.lang,\n          data: item.data,\n          href: item.href,\n          next: items[index + 1]?.data ?? null,\n          ns: this.ns,\n          html,\n        })\n    )}`;\n  }\n\n  /** @readonly */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('fetch', this.__pageFetchEventHandler);\n  }\n\n  private get __items(): ExtractItem<TPage>[] {\n    return Array.from(Object.values(this.form?._embedded ?? {}) as any[]).reduce(\n      (p, c) => [...p, ...c],\n      [] as ExtractItem<TPage>[]\n    );\n  }\n\n  private __handlePageFetchEvent(event: unknown) {\n    if (!(event instanceof FetchEvent) || event.target === this) return;\n    const { method, url } = event.request;\n\n    if (method !== 'GET') return;\n    if (url === 'foxy://collection-page/stall') return this.__stallRequest(event);\n    if (url === 'foxy://collection-page/fail') return this.__failRequest(event);\n  }\n\n  private __stallRequest(event: FetchEvent) {\n    event.stopImmediatePropagation();\n    event.respondWith(new Promise(() => void 0));\n  }\n\n  private __failRequest(event: FetchEvent) {\n    event.stopImmediatePropagation();\n    event.respondWith(Promise.resolve(new Response(null, { status: 500 })));\n  }\n}\n\nexport * from './types';\n"]}

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

@@ -10,6 +10,7 @@ export declare type ExtractItem<T> = T extends {
     _embedded: Record<string, (infer U)[]>;
 } ? U : never;
 export declare type ItemRendererContext<TItem extends HALJSONResource = HALJSONResource> = {
+    simplifyNsLoading: boolean;
     readonlyControls: BooleanSelector;
     disabledControls: BooleanSelector;
     hiddenControls: BooleanSelector;

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  previous: TItem | null;\n  related: string[];\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"]}
+{"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  simplifyNsLoading: boolean;\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  related: string[];\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/CouponCodeCard/CouponCodeCard.d.ts

@@ -0,0 +1,16 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { InternalCard } from '../../internal/InternalCard/InternalCard';
+declare const Base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Card element that displays a coupon code (`fx:coupon_code`).
+ *
+ * @element foxy-coupon-code-card
+ * @since 1.27.0
+ */
+export declare class CouponCodeCard extends Base<Data> {
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/CouponCodeCard/CouponCodeCard.js

@@ -0,0 +1,41 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { html } from 'lit-html';
+const NS = 'coupon-code-card';
+const Base = TranslatableMixin(InternalCard, NS);
+/**
+ * Card element that displays a coupon code (`fx:coupon_code`).
+ *
+ * @element foxy-coupon-code-card
+ * @since 1.27.0
+ */
+export class CouponCodeCard extends Base {
+    renderBody() {
+        var _a;
+        return html `
+      <section class="h-s flex flex-col justify-center leading-xs">
+        <p class="flex items-center justify-between min-w-0">
+          <foxy-i18n
+            infer=""
+            class="block truncate text-m font-medium"
+            key="line_1"
+            .options=${this.data}
+          >
+          </foxy-i18n>
+          <foxy-i18n
+            infer=""
+            class="text-s text-tertiary"
+            key="uses_count"
+            .options=${{ count: (_a = this.data) === null || _a === void 0 ? void 0 : _a.number_of_uses_to_date }}
+          >
+          </foxy-i18n>
+        </p>
+        <p class="text-s text-secondary min-w-0">
+          <foxy-i18n infer="" class="block truncate" key="line_2" .options=${this.data}>
+          </foxy-i18n>
+        </p>
+      </section>
+    `;
+    }
+}
+//# sourceMappingURL=CouponCodeCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CouponCodeCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeCard/CouponCodeCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,kBAAkB,CAAC;AAC9B,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,cAAe,SAAQ,IAAU;IAC5C,UAAU;;QACR,OAAO,IAAI,CAAA;;;;;;;uBAOQ,IAAI,CAAC,IAAI;;;;;;;uBAOT,EAAE,KAAK,QAAE,IAAI,CAAC,IAAI,0CAAE,sBAAsB,EAAE;;;;;6EAKU,IAAI,CAAC,IAAI;;;;KAIjF,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { html } from 'lit-html';\n\nconst NS = 'coupon-code-card';\nconst Base = TranslatableMixin(InternalCard, NS);\n\n/**\n * Card element that displays a coupon code (`fx:coupon_code`).\n *\n * @element foxy-coupon-code-card\n * @since 1.27.0\n */\nexport class CouponCodeCard extends Base<Data> {\n  renderBody(): TemplateResult {\n    return html`\n      <section class=\"h-s flex flex-col justify-center leading-xs\">\n        <p class=\"flex items-center justify-between min-w-0\">\n          <foxy-i18n\n            infer=\"\"\n            class=\"block truncate text-m font-medium\"\n            key=\"line_1\"\n            .options=${this.data}\n          >\n          </foxy-i18n>\n          <foxy-i18n\n            infer=\"\"\n            class=\"text-s text-tertiary\"\n            key=\"uses_count\"\n            .options=${{ count: this.data?.number_of_uses_to_date }}\n          >\n          </foxy-i18n>\n        </p>\n        <p class=\"text-s text-secondary min-w-0\">\n          <foxy-i18n infer=\"\" class=\"block truncate\" key=\"line_2\" .options=${this.data}>\n          </foxy-i18n>\n        </p>\n      </section>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,4 @@
+import '../../internal/InternalCard/index';
+import '../I18n/index';
+import { CouponCodeCard } from './CouponCodeCard';
+export { CouponCodeCard };

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

@@ -0,0 +1,6 @@
+import "../../internal/InternalCard/index.js";
+import "../I18n/index.js";
+import { CouponCodeCard } from "./CouponCodeCard.js";
+customElements.define('foxy-coupon-code-card', CouponCodeCard);
+export { CouponCodeCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeCard/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAE3C,0BAAuB;AAEvB,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/InternalCard/index';\n\nimport '../I18n/index';\n\nimport { CouponCodeCard } from './CouponCodeCard';\n\ncustomElements.define('foxy-coupon-code-card', CouponCodeCard);\n\nexport { CouponCodeCard };\n"]}

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

@@ -0,0 +1,3 @@
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Data = Resource<Rels.CouponCode>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeCard/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.CouponCode>;\n"]}

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

@@ -1,77 +1,101 @@
+import type { TemplateResult, PropertyDeclarations } from 'lit-element';
 import type { Data, TransactionPageHrefGetter } from './types';
-import { PropertyDeclarations, TemplateResult } from 'lit-element';
-import { ScopedElementsMap } from '@open-wc/scoped-elements';
-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 { 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("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & {
-    styles: import("lit-element").CSSResultArray;
-} & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/src/types").ScopedElementsHost>;
+};
 /**
  * Form element for creating or editing coupons (`fx:coupon`).
  *
+ * @slot import:before
+ * @slot import:after
+ *
+ * @slot generate:before
+ * @slot generate:after
+ *
  * @slot name:before
  * @slot name:after
  *
  * @slot rules:before
  * @slot rules:after
  *
- * @slot codes:before
- * @slot codes:after
+ * @slot coupon-codes:before
+ * @slot coupon-codes:after
  *
- * @slot usage:before
- * @slot usage:after
+ * @slot item-option-restrictions:before
+ * @slot item-option-restrictions:after
  *
- * @slot product-restrictions:before
- * @slot product-restrictions:after
+ * @slot product-code-restrictions:before
+ * @slot product-code-restrictions:after
  *
  * @slot category-restrictions:before
  * @slot category-restrictions:after
  *
+ * @slot number-of-uses-allowed:before
+ * @slot number-of-uses-allowed:after
+ *
+ * @slot number-of-uses-allowed-per-customer:before
+ * @slot number-of-uses-allowed-per-customer:after
+ *
+ * @slot number-of-uses-allowed-per-code:before
+ * @slot number-of-uses-allowed-per-code:after
+ *
+ * @slot start-date:before
+ * @slot start-date:after
+ *
+ * @slot end-date:before
+ * @slot end-date:after
+ *
+ * @slot inclusive-tax-rate:before
+ * @slot inclusive-tax-rate:after
+ *
  * @slot options:before
  * @slot options:after
  *
- * @slot timestamps:before
- * @slot timestamps:after
+ * @slot customer-subscription-restrictions:before
+ * @slot customer-subscription-restrictions:after
  *
- * @slot delete:before
- * @slot delete:after
+ * @slot customer-attribute-restrictions:before
+ * @slot customer-attribute-restrictions:after
+ *
+ * @slot attributes:before
+ * @slot attributes:after
  *
  * @slot create:before
  * @slot create:after
  *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ *
  * @element foxy-coupon-form
  * @since 1.15.0
  */
 export declare class CouponForm extends Base<Data> {
-    static get scopedElements(): ScopedElementsMap;
     static get properties(): PropertyDeclarations;
     static get v8n(): NucleonV8N<Data>;
     getTransactionPageHref: TransactionPageHrefGetter | null;
-    private __codesTableColumns;
-    private static readonly __codesQueryOptions;
     private readonly __customerSubscriptionRestrictionsGetValue;
     private readonly __customerSubscriptionRestrictionsSetValue;
-    private __codesTableQuery;
-    private __itemCategories;
-    render(): TemplateResult;
-    protected _sendGet(): Promise<Data>;
-    private __getErrorMessage;
-    private __getValidator;
-    private __renderName;
-    private __renderRulesPreset;
-    private __renderRulesUrlParameter;
-    private __renderRulesDescription;
-    private __renderRules;
-    private __renderCodes;
-    private __renderUsage;
-    private __renderProductRestrictions;
-    private __renderCategoryRestrictions;
-    private __renderCustomerAttributeRestrictions;
-    private __renderOptions;
-    private __renderTimestamps;
-    private __renderCreate;
-    private __renderDelete;
+    private readonly __productCodeRestrictionsGetValue;
+    private readonly __productCodeRestrictionsSetValue;
+    private readonly __itemOptionRestrictionsOperators;
+    private readonly __itemOptionRestrictionsGetValue;
+    private readonly __itemOptionRestrictionsSetValue;
+    private readonly __optionsGetValue;
+    private readonly __optionsSetValue;
+    private readonly __optionsOptions;
+    private readonly __storeLoaderId;
+    private readonly __codesFilters;
+    private __couponCodesActions;
+    get hiddenSelector(): BooleanSelector;
+    renderHeaderActions(data: Data): TemplateResult;
+    renderBody(): TemplateResult;
+    private get __storeLoader();
 }
 export {};