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

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/ClientForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ClientForm } from './ClientForm';\nimport type { Renderer } from '../../../mixins/configurable';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.Client>;\n\nexport type Templates = {\n  'client-id:before'?: Renderer<ClientForm>;\n  'client-id:after'?: Renderer<ClientForm>;\n  'client-secret:before'?: Renderer<ClientForm>;\n  'client-secret:after'?: Renderer<ClientForm>;\n  'redirect-uri:before'?: Renderer<ClientForm>;\n  'redirect-uri:after'?: Renderer<ClientForm>;\n  'project-name:before'?: Renderer<ClientForm>;\n  'project-name:after'?: Renderer<ClientForm>;\n  'project-description:before'?: Renderer<ClientForm>;\n  'project-description:after'?: Renderer<ClientForm>;\n  'company-name:before'?: Renderer<ClientForm>;\n  'company-name:after'?: Renderer<ClientForm>;\n  'company-url:before'?: Renderer<ClientForm>;\n  'company-url:after'?: Renderer<ClientForm>;\n  'company-logo:before'?: Renderer<ClientForm>;\n  'company-logo:after'?: Renderer<ClientForm>;\n  'contact-name:before'?: Renderer<ClientForm>;\n  'contact-name:after'?: Renderer<ClientForm>;\n  'contact-email:before'?: Renderer<ClientForm>;\n  'contact-email:after'?: Renderer<ClientForm>;\n  'contact-phone:before'?: Renderer<ClientForm>;\n  'contact-phone:after'?: Renderer<ClientForm>;\n  'timestamps:before'?: Renderer<ClientForm>;\n  'timestamps:after'?: Renderer<ClientForm>;\n  'create:before'?: Renderer<ClientForm>;\n  'create:after'?: Renderer<ClientForm>;\n  'delete:before'?: Renderer<ClientForm>;\n  'delete:after'?: Renderer<ClientForm>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/ClientForm/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.Client>;\n"]}

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

@@ -14,6 +14,8 @@ declare const Base: typeof LitElement & import("lit-element").Constructor<import
 export declare class CopyToClipboard extends Base {
     static get properties(): PropertyDeclarations;
     static get styles(): CSSResult;
+    /** Default icon. */
+    icon: string | null;
     /** Text to copy. */
     text: string | null;
     private __state;

package/dist/elements/public/CopyToClipboard/CopyToClipboard.js

@@ -13,6 +13,8 @@ const Base = ConfigurableMixin(TranslatableMixin(InferrableMixin(LitElement), 'c
 export class CopyToClipboard extends Base {
     constructor() {
         super(...arguments);
+        /** Default icon. */
+        this.icon = null;
         /** Text to copy. */
         this.text = null;
         this.__state = 'idle';
@@ -21,6 +23,7 @@ export class CopyToClipboard extends Base {
         return {
             ...super.properties,
             text: { type: String },
+            icon: { type: String },
             __state: { attribute: false },
         };
     }
@@ -79,6 +82,7 @@ iron-icon{
     `;
     }
     render() {
+        var _a;
         let label = '';
         let icon = '';
         if (this.__state === 'busy') {
@@ -95,11 +99,11 @@ iron-icon{
         }
         else {
             label = 'click_to_copy';
-            icon = 'icons:content-copy';
+            icon = (_a = this.icon) !== null && _a !== void 0 ? _a : 'icons:content-copy';
         }
         return html `
       <button
-        title=${this.t(label)}
+        id="trigger"
         ?disabled=${this.disabled}
         @click=${() => {
             var _a;
@@ -115,6 +119,9 @@ iron-icon{
       >
         <iron-icon icon=${icon}></iron-icon>
       </button>
+      <vcf-tooltip for="trigger" position="bottom">
+        <span class="text-s"><foxy-i18n infer="" class="text-s" key=${label}></foxy-i18n></span>
+      </vcf-tooltip>
     `;
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.js","sourceRoot":"","sources":["../../../../src/elements/public/CopyToClipboard/CopyToClipboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAGV,GAAG,EACH,IAAI,GACL,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE,MAAM,IAAI,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC;AAEpG;;;;;;GAMG;AACH,MAAM,OAAO,eAAgB,SAAQ,IAAI;IAAzC;;QAiEE,oBAAoB;QACpB,SAAI,GAAkB,IAAI,CAAC;QAEnB,YAAO,GAAsC,MAAM,CAAC;IAwC9D,CAAC;IA3GC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC9B,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoDT,CAAC;IACJ,CAAC;IAOD,MAAM;QACJ,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,IAAI,IAAI,GAAG,EAAE,CAAC;QAEd,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;YAC3B,KAAK,GAAG,SAAS,CAAC;YAClB,IAAI,GAAG,uBAAuB,CAAC;SAChC;aAAM,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;YAClC,KAAK,GAAG,gBAAgB,CAAC;YACzB,IAAI,GAAG,qBAAqB,CAAC;SAC9B;aAAM,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;YAClC,KAAK,GAAG,MAAM,CAAC;YACf,IAAI,GAAG,YAAY,CAAC;SACrB;aAAM;YACL,KAAK,GAAG,eAAe,CAAC;YACxB,IAAI,GAAG,oBAAoB,CAAC;SAC7B;QAED,OAAO,IAAI,CAAA;;gBAEC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;oBACT,IAAI,CAAC,QAAQ;iBAChB,GAAG,EAAE;;YACZ,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;gBAC3B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;gBAEtB,SAAS,CAAC,SAAS;qBAChB,SAAS,OAAC,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC;qBAC1B,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;qBACnC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;qBACpC,IAAI,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;aAChE;QACH,CAAC;;0BAEiB,IAAI;;KAEzB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import {\n  CSSResult,\n  LitElement,\n  PropertyDeclarations,\n  TemplateResult,\n  css,\n  html,\n} from 'lit-element';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { InferrableMixin } from '../../../mixins/inferrable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\nconst Base = ConfigurableMixin(TranslatableMixin(InferrableMixin(LitElement), 'copy-to-clipboard'));\n\n/**\n * A simple \"click to copy\" button that takes the size of the font\n * your text is written in (considering that the font styles are applied to container).\n *\n * @element foxy-copy-to-clipboard\n * @since 1.17.0\n */\nexport class CopyToClipboard extends Base {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      text: { type: String },\n      __state: { attribute: false },\n    };\n  }\n\n  static get styles(): CSSResult {\n    return css`\n      button {\n        position: relative;\n        appearance: none;\n        background: none;\n        border: none;\n        border-radius: var(--lumo-border-radius-s);\n        color: inherit;\n        font-size: inherit;\n        padding: 0;\n        width: 1.5em;\n        height: 1.5em;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n\n      button::before {\n        position: absolute;\n        inset: 0;\n        content: ' ';\n        display: block;\n        background: currentColor;\n        opacity: 0.08;\n        transition: opacity 0.15s ease;\n        border-radius: var(--lumo-border-radius-s);\n      }\n\n      button:focus {\n        outline: none;\n        box-shadow: 0 0 0 2px currentColor;\n      }\n\n      button:disabled {\n        opacity: 0.5;\n        cursor: default;\n      }\n\n      @media (hover: hover) {\n        button:not(:disabled):hover {\n          cursor: pointer;\n        }\n\n        button:not(:disabled):hover::before {\n          opacity: 0.16;\n        }\n      }\n\n      iron-icon {\n        --iron-icon-height: 1em;\n        --iron-icon-width: 1em;\n      }\n    `;\n  }\n\n  /** Text to copy. */\n  text: string | null = null;\n\n  private __state: 'idle' | 'busy' | 'fail' | 'done' = 'idle';\n\n  render(): TemplateResult {\n    let label = '';\n    let icon = '';\n\n    if (this.__state === 'busy') {\n      label = 'copying';\n      icon = 'icons:hourglass-empty';\n    } else if (this.__state === 'fail') {\n      label = 'failed_to_copy';\n      icon = 'icons:error-outline';\n    } else if (this.__state === 'done') {\n      label = 'done';\n      icon = 'icons:done';\n    } else {\n      label = 'click_to_copy';\n      icon = 'icons:content-copy';\n    }\n\n    return html`\n      <button\n        title=${this.t(label)}\n        ?disabled=${this.disabled}\n        @click=${() => {\n          if (this.__state === 'idle') {\n            this.__state = 'busy';\n\n            navigator.clipboard\n              .writeText(this.text ?? '')\n              .then(() => (this.__state = 'done'))\n              .catch(() => (this.__state = 'fail'))\n              .then(() => setTimeout(() => (this.__state = 'idle'), 2000));\n          }\n        }}\n      >\n        <iron-icon icon=${icon}></iron-icon>\n      </button>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"CopyToClipboard.js","sourceRoot":"","sources":["../../../../src/elements/public/CopyToClipboard/CopyToClipboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAGV,GAAG,EACH,IAAI,GACL,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE,MAAM,IAAI,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC;AAEpG;;;;;;GAMG;AACH,MAAM,OAAO,eAAgB,SAAQ,IAAI;IAAzC;;QAkEE,oBAAoB;QACpB,SAAI,GAAkB,IAAI,CAAC;QAE3B,oBAAoB;QACpB,SAAI,GAAkB,IAAI,CAAC;QAEnB,YAAO,GAAsC,MAAM,CAAC;IA2C9D,CAAC;IAlHC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC9B,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoDT,CAAC;IACJ,CAAC;IAUD,MAAM;;QACJ,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,IAAI,IAAI,GAAG,EAAE,CAAC;QAEd,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;YAC3B,KAAK,GAAG,SAAS,CAAC;YAClB,IAAI,GAAG,uBAAuB,CAAC;SAChC;aAAM,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;YAClC,KAAK,GAAG,gBAAgB,CAAC;YACzB,IAAI,GAAG,qBAAqB,CAAC;SAC9B;aAAM,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;YAClC,KAAK,GAAG,MAAM,CAAC;YACf,IAAI,GAAG,YAAY,CAAC;SACrB;aAAM;YACL,KAAK,GAAG,eAAe,CAAC;YACxB,IAAI,SAAG,IAAI,CAAC,IAAI,mCAAI,oBAAoB,CAAC;SAC1C;QAED,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,QAAQ;iBAChB,GAAG,EAAE;;YACZ,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;gBAC3B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;gBAEtB,SAAS,CAAC,SAAS;qBAChB,SAAS,OAAC,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC;qBAC1B,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;qBACnC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;qBACpC,IAAI,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;aAChE;QACH,CAAC;;0BAEiB,IAAI;;;sEAGwC,KAAK;;KAEtE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import {\n  CSSResult,\n  LitElement,\n  PropertyDeclarations,\n  TemplateResult,\n  css,\n  html,\n} from 'lit-element';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { InferrableMixin } from '../../../mixins/inferrable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\nconst Base = ConfigurableMixin(TranslatableMixin(InferrableMixin(LitElement), 'copy-to-clipboard'));\n\n/**\n * A simple \"click to copy\" button that takes the size of the font\n * your text is written in (considering that the font styles are applied to container).\n *\n * @element foxy-copy-to-clipboard\n * @since 1.17.0\n */\nexport class CopyToClipboard extends Base {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      text: { type: String },\n      icon: { type: String },\n      __state: { attribute: false },\n    };\n  }\n\n  static get styles(): CSSResult {\n    return css`\n      button {\n        position: relative;\n        appearance: none;\n        background: none;\n        border: none;\n        border-radius: var(--lumo-border-radius-s);\n        color: inherit;\n        font-size: inherit;\n        padding: 0;\n        width: 1.5em;\n        height: 1.5em;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n\n      button::before {\n        position: absolute;\n        inset: 0;\n        content: ' ';\n        display: block;\n        background: currentColor;\n        opacity: 0.08;\n        transition: opacity 0.15s ease;\n        border-radius: var(--lumo-border-radius-s);\n      }\n\n      button:focus {\n        outline: none;\n        box-shadow: 0 0 0 2px currentColor;\n      }\n\n      button:disabled {\n        opacity: 0.5;\n        cursor: default;\n      }\n\n      @media (hover: hover) {\n        button:not(:disabled):hover {\n          cursor: pointer;\n        }\n\n        button:not(:disabled):hover::before {\n          opacity: 0.16;\n        }\n      }\n\n      iron-icon {\n        --iron-icon-height: 1em;\n        --iron-icon-width: 1em;\n      }\n    `;\n  }\n\n  /** Default icon. */\n  icon: string | null = null;\n\n  /** Text to copy. */\n  text: string | null = null;\n\n  private __state: 'idle' | 'busy' | 'fail' | 'done' = 'idle';\n\n  render(): TemplateResult {\n    let label = '';\n    let icon = '';\n\n    if (this.__state === 'busy') {\n      label = 'copying';\n      icon = 'icons:hourglass-empty';\n    } else if (this.__state === 'fail') {\n      label = 'failed_to_copy';\n      icon = 'icons:error-outline';\n    } else if (this.__state === 'done') {\n      label = 'done';\n      icon = 'icons:done';\n    } else {\n      label = 'click_to_copy';\n      icon = this.icon ?? 'icons:content-copy';\n    }\n\n    return html`\n      <button\n        id=\"trigger\"\n        ?disabled=${this.disabled}\n        @click=${() => {\n          if (this.__state === 'idle') {\n            this.__state = 'busy';\n\n            navigator.clipboard\n              .writeText(this.text ?? '')\n              .then(() => (this.__state = 'done'))\n              .catch(() => (this.__state = 'fail'))\n              .then(() => setTimeout(() => (this.__state = 'idle'), 2000));\n          }\n        }}\n      >\n        <iron-icon icon=${icon}></iron-icon>\n      </button>\n      <vcf-tooltip for=\"trigger\" position=\"bottom\">\n        <span class=\"text-s\"><foxy-i18n infer=\"\" class=\"text-s\" key=${label}></foxy-i18n></span>\n      </vcf-tooltip>\n    `;\n  }\n}\n"]}

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

@@ -1,3 +1,4 @@
+import '@vaadin-component-factory/vcf-tooltip';
 import '@polymer/iron-icons';
 import '@polymer/iron-icon';
 import '../I18n/index';

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

@@ -1,3 +1,4 @@
+import '@vaadin-component-factory/vcf-tooltip';
 import '@polymer/iron-icons';
 import '@polymer/iron-icon';
 import "../I18n/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CopyToClipboard/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,0BAAuB;AAEvB,OAAO,EAAE,eAAe,EAAE,6BAA0B;AAEpD,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,eAAe,CAAC,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../I18n/index';\n\nimport { CopyToClipboard } from './CopyToClipboard';\n\ncustomElements.define('foxy-copy-to-clipboard', CopyToClipboard);\n\nexport { CopyToClipboard };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CopyToClipboard/index.ts"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,0BAAuB;AAEvB,OAAO,EAAE,eAAe,EAAE,6BAA0B;AAEpD,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,eAAe,CAAC,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import '@vaadin-component-factory/vcf-tooltip';\nimport '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../I18n/index';\n\nimport { CopyToClipboard } from './CopyToClipboard';\n\ncustomElements.define('foxy-copy-to-clipboard', CopyToClipboard);\n\nexport { CopyToClipboard };\n"]}

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

@@ -1,4 +1,4 @@
-import { Data, Templates } from './types';
+import { Data } from './types';
 import { TemplateResult } from 'lit-html';
 import { NucleonElement } from '../NucleonElement/NucleonElement';
 declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
@@ -9,18 +9,10 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
 /**
  * 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;

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

@@ -9,21 +9,10 @@ const Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement,
 /**
  * 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;

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

@@ -1 +1 @@
-{"version":3,"file":"CouponCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCard/CouponCard.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 { 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-medium 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"]}
+{"version":3,"file":"CouponCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCard/CouponCard.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\n\nconst NS = 'coupon-card';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Basic card displaying a coupon.\n *\n * @element foxy-coupon-card\n * @since 1.15.0\n */\nexport class CouponCard extends Base<Data> {\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n\n    return html`\n      <div\n        aria-busy=${this.in('busy')}\n        aria-live=\"polite\"\n        class=\"relative leading-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-medium 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/types.d.ts

@@ -1,15 +1,3 @@
-import { CouponCard } from './CouponCard';
-import { Rels } from '@foxy.io/sdk/backend';
-import { Renderer } from '../../../mixins/configurable';
 import { Resource } from '@foxy.io/sdk/core';
+import { Rels } from '@foxy.io/sdk/backend';
 export declare type Data = Resource<Rels.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.map

@@ -1 +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"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Resource } from '@foxy.io/sdk/core';\nimport { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.Coupon>;\n"]}

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

@@ -1,4 +1,4 @@
-import type { Data, Templates, TransactionPageHrefGetter } from './types';
+import type { Data, TransactionPageHrefGetter } from './types';
 import type { PropertyDeclarations } from 'lit-element';
 import type { TemplateResult } from 'lit-html';
 import type { NucleonV8N } from '../NucleonElement/types';
@@ -10,24 +10,6 @@ declare const Base: typeof InternalForm & import("lit-element").Constructor<impo
 /**
  * Form element for creating or editing coupon codes (`fx:coupon_code`).
  *
- * @slot code:before
- * @slot code:after
- *
- * @slot number-of-uses-to-date:before – **new in v1.27.0**
- * @slot number-of-uses-to-date:after – **new in v1.27.0**
- *
- * @slot transactions:before – **new in v1.27.0**
- * @slot transactions:after – **new in v1.27.0**
- *
- * @slot timestamps:before
- * @slot timestamps:after
- *
- * @slot delete:before
- * @slot delete:after
- *
- * @slot create:before
- * @slot create:after
- *
  * @element foxy-coupon-code-form
  * @since 1.15.0
  */
@@ -35,8 +17,6 @@ export declare class CouponCodeForm extends Base<Data> {
     static get properties(): PropertyDeclarations;
     static get v8n(): NucleonV8N<Data>;
     getTransactionPageHref: TransactionPageHrefGetter | null;
-    templates: Templates;
-    get readonlySelector(): BooleanSelector;
     get hiddenSelector(): BooleanSelector;
     renderBody(): TemplateResult;
 }

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

@@ -8,24 +8,6 @@ const Base = TranslatableMixin(InternalForm, NS);
 /**
  * Form element for creating or editing coupon codes (`fx:coupon_code`).
  *
- * @slot code:before
- * @slot code:after
- *
- * @slot number-of-uses-to-date:before – **new in v1.27.0**
- * @slot number-of-uses-to-date:after – **new in v1.27.0**
- *
- * @slot transactions:before – **new in v1.27.0**
- * @slot transactions:after – **new in v1.27.0**
- *
- * @slot timestamps:before
- * @slot timestamps:after
- *
- * @slot delete:before
- * @slot delete:after
- *
- * @slot create:before
- * @slot create:after
- *
  * @element foxy-coupon-code-form
  * @since 1.15.0
  */
@@ -33,7 +15,6 @@ export class CouponCodeForm extends Base {
     constructor() {
         super(...arguments);
         this.getTransactionPageHref = null;
-        this.templates = {};
     }
     static get properties() {
         return {
@@ -48,13 +29,10 @@ export class CouponCodeForm extends Base {
             ({ code: v }) => !(v === null || v === void 0 ? void 0 : v.includes(' ')) || 'code:v8n_has_spaces',
         ];
     }
-    get readonlySelector() {
-        return new BooleanSelector(`number-of-uses-to-date ${super.readonlySelector}`.trim());
-    }
     get hiddenSelector() {
         const alwaysMatch = [super.hiddenSelector.toString()];
         if (!this.href)
-            alwaysMatch.unshift('transactions', 'number-of-uses-to-date');
+            alwaysMatch.unshift('transactions');
         return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
     renderBody() {
@@ -69,8 +47,9 @@ export class CouponCodeForm extends Base {
             transactions = undefined;
         }
         return html `
+      ${this.renderHeader()}
+
       <foxy-internal-text-control infer="code"></foxy-internal-text-control>
-      <foxy-internal-integer-control infer="number-of-uses-to-date"></foxy-internal-integer-control>
       <foxy-internal-async-list-control
         first=${ifDefined(transactions)}
         infer="transactions"

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

@@ -1 +1 @@
-{"version":3,"file":"CouponCodeForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeForm/CouponCodeForm.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,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;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,OAAO,cAAe,SAAQ,IAAU;IAA9C;;QAgBE,2BAAsB,GAAqC,IAAI,CAAC;QAEhE,cAAS,GAAc,EAAE,CAAC;IAuC5B,CAAC;IAxDC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,sBAAsB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC7C,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB;YAC3C,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI,mBAAmB;YAC5D,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,QAAQ,CAAC,GAAG,EAAC,IAAI,qBAAqB;SAC5D,CAAC;IACJ,CAAC;IAMD,IAAI,gBAAgB;QAClB,OAAO,IAAI,eAAe,CAAC,0BAA0B,KAAK,CAAC,gBAAgB,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;IACxF,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAa,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAChE,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,OAAO,CAAC,cAAc,EAAE,wBAAwB,CAAC,CAAC;QAC9E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;;QACR,IAAI,YAAgC,CAAC;QAErC,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,6BAA6B,EAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;YACjF,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YACtC,YAAY,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SAC/B;QAAC,WAAM;YACN,YAAY,GAAG,SAAS,CAAC;SAC1B;QAED,OAAO,IAAI,CAAA;;;;gBAIC,SAAS,CAAC,YAAY,CAAC;;;;uBAIhB,IAAI,CAAC,sBAAsB;;;;;QAK1C,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { Data, Templates, TransactionPageHrefGetter } from './types';\nimport type { PropertyDeclarations } from 'lit-element';\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 { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'coupon-code-form';\nconst Base = TranslatableMixin(InternalForm, NS);\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 number-of-uses-to-date:before – **new in v1.27.0**\n * @slot number-of-uses-to-date:after – **new in v1.27.0**\n *\n * @slot transactions:before – **new in v1.27.0**\n * @slot transactions:after – **new in v1.27.0**\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 properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getTransactionPageHref: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => !v || v.length <= 50 || 'code:v8n_too_long',\n      ({ code: v }) => !v?.includes(' ') || 'code:v8n_has_spaces',\n    ];\n  }\n\n  getTransactionPageHref: TransactionPageHrefGetter | null = null;\n\n  templates: Templates = {};\n\n  get readonlySelector(): BooleanSelector {\n    return new BooleanSelector(`number-of-uses-to-date ${super.readonlySelector}`.trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch: string[] = [super.hiddenSelector.toString()];\n    if (!this.href) alwaysMatch.unshift('transactions', 'number-of-uses-to-date');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    let transactions: string | undefined;\n\n    try {\n      const url = new URL(this.data?._links['fx:coupon_code_transactions'].href ?? '');\n      url.searchParams.set('zoom', 'items');\n      transactions = url.toString();\n    } catch {\n      transactions = undefined;\n    }\n\n    return html`\n      <foxy-internal-text-control infer=\"code\"></foxy-internal-text-control>\n      <foxy-internal-integer-control infer=\"number-of-uses-to-date\"></foxy-internal-integer-control>\n      <foxy-internal-async-list-control\n        first=${ifDefined(transactions)}\n        infer=\"transactions\"\n        limit=\"5\"\n        item=\"foxy-transaction-card\"\n        .getPageHref=${this.getTransactionPageHref}\n        hide-delete-button\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}
+{"version":3,"file":"CouponCodeForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeForm/CouponCodeForm.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,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;IAA9C;;QAgBE,2BAAsB,GAAqC,IAAI,CAAC;IAoClE,CAAC;IAnDC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,sBAAsB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC7C,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB;YAC3C,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI,mBAAmB;YAC5D,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,QAAQ,CAAC,GAAG,EAAC,IAAI,qBAAqB;SAC5D,CAAC;IACJ,CAAC;IAID,IAAI,cAAc;QAChB,MAAM,WAAW,GAAa,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAChE,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QACpD,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;;QACR,IAAI,YAAgC,CAAC;QAErC,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,6BAA6B,EAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;YACjF,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YACtC,YAAY,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SAC/B;QAAC,WAAM;YACN,YAAY,GAAG,SAAS,CAAC;SAC1B;QAED,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,YAAY,EAAE;;;;gBAIX,SAAS,CAAC,YAAY,CAAC;;;;uBAIhB,IAAI,CAAC,sBAAsB;;;;;QAK1C,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { Data, TransactionPageHrefGetter } from './types';\nimport type { PropertyDeclarations } from 'lit-element';\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 { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'coupon-code-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for creating or editing coupon codes (`fx:coupon_code`).\n *\n * @element foxy-coupon-code-form\n * @since 1.15.0\n */\nexport class CouponCodeForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getTransactionPageHref: { attribute: false },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => !v || v.length <= 50 || 'code:v8n_too_long',\n      ({ code: v }) => !v?.includes(' ') || 'code:v8n_has_spaces',\n    ];\n  }\n\n  getTransactionPageHref: TransactionPageHrefGetter | null = null;\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch: string[] = [super.hiddenSelector.toString()];\n    if (!this.href) alwaysMatch.unshift('transactions');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    let transactions: string | undefined;\n\n    try {\n      const url = new URL(this.data?._links['fx:coupon_code_transactions'].href ?? '');\n      url.searchParams.set('zoom', 'items');\n      transactions = url.toString();\n    } catch {\n      transactions = undefined;\n    }\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-text-control infer=\"code\"></foxy-internal-text-control>\n      <foxy-internal-async-list-control\n        first=${ifDefined(transactions)}\n        infer=\"transactions\"\n        limit=\"5\"\n        item=\"foxy-transaction-card\"\n        .getPageHref=${this.getTransactionPageHref}\n        hide-delete-button\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

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

@@ -1,5 +1,4 @@
 import '../../internal/InternalAsyncListControl/index';
-import '../../internal/InternalIntegerControl/index';
 import '../../internal/InternalTextControl/index';
 import '../../internal/InternalForm/index';
 import '../TransactionCard/index';

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

@@ -1,5 +1,4 @@
 import "../../internal/InternalAsyncListControl/index.js";
-import "../../internal/InternalIntegerControl/index.js";
 import "../../internal/InternalTextControl/index.js";
 import "../../internal/InternalForm/index.js";
 import "../TransactionCard/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeForm/index.ts"],"names":[],"mappings":"AAAA,0DAAuD;AACvD,wDAAqD;AACrD,qDAAkD;AAClD,8CAA2C;AAC3C,qCAAkC;AAElC,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/InternalAsyncListControl/index';\nimport '../../internal/InternalIntegerControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\nimport '../TransactionCard/index';\n\nimport { CouponCodeForm } from './CouponCodeForm';\n\ncustomElements.define('foxy-coupon-code-form', CouponCodeForm);\n\nexport { CouponCodeForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeForm/index.ts"],"names":[],"mappings":"AAAA,0DAAuD;AACvD,qDAAkD;AAClD,8CAA2C;AAC3C,qCAAkC;AAElC,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/InternalAsyncListControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\nimport '../TransactionCard/index';\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

@@ -1,22 +1,6 @@
-import type { CouponCodeForm } from './CouponCodeForm';
-import type { Renderer } from '../../../mixins/configurable';
 import type { Resource } from '@foxy.io/sdk/core';
 import type { Rels } from '@foxy.io/sdk/backend';
 export declare type TransactionPageHrefGetter = (transactionHref: string, transaction: Resource<Rels.Transaction, {
     zoom: 'items';
 }>) => string | null;
 export declare type Data = Resource<Rels.CouponCode>;
-export declare type Templates = {
-    'code:before'?: Renderer<CouponCodeForm>;
-    'code:after'?: Renderer<CouponCodeForm>;
-    'number-of-uses-to-date:before'?: Renderer<CouponCodeForm>;
-    'number-of-uses-to-date:after'?: Renderer<CouponCodeForm>;
-    'transactions:before'?: Renderer<CouponCodeForm>;
-    'transactions: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.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { CouponCodeForm } from './CouponCodeForm';\nimport type { Renderer } from '../../../mixins/configurable';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type TransactionPageHrefGetter = (\n  transactionHref: string,\n  transaction: Resource<Rels.Transaction, { zoom: 'items' }>\n) => string | null;\n\nexport type Data = Resource<Rels.CouponCode>;\n\nexport type Templates = {\n  'code:before'?: Renderer<CouponCodeForm>;\n  'code:after'?: Renderer<CouponCodeForm>;\n  'number-of-uses-to-date:before'?: Renderer<CouponCodeForm>;\n  'number-of-uses-to-date:after'?: Renderer<CouponCodeForm>;\n  'transactions:before'?: Renderer<CouponCodeForm>;\n  'transactions: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"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodeForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type TransactionPageHrefGetter = (\n  transactionHref: string,\n  transaction: Resource<Rels.Transaction, { zoom: 'items' }>\n) => string | null;\n\nexport type Data = Resource<Rels.CouponCode>;\n"]}

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

@@ -1,4 +1,4 @@
-import type { Data, Templates } from './types';
+import type { Data } from './types';
 import type { TemplateResult } from 'lit-html';
 import type { NucleonV8N } from '../NucleonElement/types';
 import { BooleanSelector } from '@foxy.io/sdk/core';
@@ -9,18 +9,11 @@ declare const Base: typeof InternalForm & import("lit-element").Constructor<impo
 /**
  * Form element for importing coupon codes (`fx:coupon_codes`).
  *
- * @slot coupon-codes:before - **new in v1.27.0**
- * @slot coupon-codes:after - **new in v1.27.0**
- *
- * @slot create:before - **new in v1.27.0**
- * @slot create:after - **new in v1.27.0**
- *
  * @element foxy-coupon-codes-form
  * @since 1.15.0
  */
 export declare class CouponCodesForm extends Base<Data> {
     static get v8n(): NucleonV8N<Data>;
-    templates: Templates;
     private readonly __couponCodesGetValue;
     private readonly __couponCodesSetValue;
     get readonlySelector(): BooleanSelector;

package/dist/elements/public/CouponCodesForm/CouponCodesForm.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"CouponCodesForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodesForm/CouponCodesForm.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,mBAAmB,CAAC;AAC/B,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,eAAgB,SAAQ,IAAU;IAA/C;;QAKE,cAAS,GAAc,EAAE,CAAC;QAET,0BAAqB,GAAG,GAAG,EAAE;;YAC5C,mBAAO,IAAI,CAAC,IAAI,CAAC,YAAY,0CAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,oCAAK,EAAE,CAAC;QACjE,CAAC,CAAC;QAEe,0BAAqB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC5D,IAAI,CAAC,IAAI,CAAC;gBACR,YAAY,EAAE,QAAQ;qBACnB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;qBACvD,IAAI,EAAE;qBACN,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;aAC3C,CAAC,CAAC;QACL,CAAC,CAAC;IAgCJ,CAAC;IAjDC,MAAM,KAAK,GAAG;QACZ,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,2BAA2B,CAAC,CAAC;IACvF,CAAC;IAiBD,IAAI,gBAAgB;QAClB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC;QACxD,IAAI,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAChD,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC3E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,qBAAqB;oBAC1B,IAAI,CAAC,qBAAqB;;;;QAItC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,SAAS,CAAC,KAAoB;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACtE,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import type { Data, Templates } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Item } from '../../internal/InternalEditableListControl/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'coupon-codes-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for importing coupon codes (`fx:coupon_codes`).\n *\n * @slot coupon-codes:before - **new in v1.27.0**\n * @slot coupon-codes:after - **new in v1.27.0**\n *\n * @slot create:before - **new in v1.27.0**\n * @slot create:after - **new in v1.27.0**\n *\n * @element foxy-coupon-codes-form\n * @since 1.15.0\n */\nexport class CouponCodesForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [({ coupon_codes: v }) => (v && v.length > 0) || 'coupon-codes:v8n_required'];\n  }\n\n  templates: Templates = {};\n\n  private readonly __couponCodesGetValue = () => {\n    return this.form.coupon_codes?.map(value => ({ value })) ?? [];\n  };\n\n  private readonly __couponCodesSetValue = (newValue: Item[]) => {\n    this.edit({\n      coupon_codes: newValue\n        .map(({ value }) => value.split(' ').map(v => v.trim()))\n        .flat()\n        .filter((v, i, a) => a.indexOf(v) === i),\n    });\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    if (this.href) alwaysMatch.push('coupon-codes');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['delete timestamps', super.hiddenSelector.toString()];\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-editable-list-control\n        infer=\"coupon-codes\"\n        .getValue=${this.__couponCodesGetValue}\n        .setValue=${this.__couponCodesSetValue}\n      >\n      </foxy-internal-editable-list-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const body = JSON.stringify(edits);\n    const data = await this._fetch(this.parent, { body, method: 'POST' });\n    this.status = { key: 'success' };\n    return data;\n  }\n}\n"]}
+{"version":3,"file":"CouponCodesForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodesForm/CouponCodesForm.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,mBAAmB,CAAC;AAC/B,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,eAAgB,SAAQ,IAAU;IAA/C;;QAKmB,0BAAqB,GAAG,GAAG,EAAE;;YAC5C,mBAAO,IAAI,CAAC,IAAI,CAAC,YAAY,0CAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,oCAAK,EAAE,CAAC;QACjE,CAAC,CAAC;QAEe,0BAAqB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC5D,IAAI,CAAC,IAAI,CAAC;gBACR,YAAY,EAAE,QAAQ;qBACnB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;qBACvD,IAAI,EAAE;qBACN,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;aAC3C,CAAC,CAAC;QACL,CAAC,CAAC;IAgCJ,CAAC;IA/CC,MAAM,KAAK,GAAG;QACZ,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,2BAA2B,CAAC,CAAC;IACvF,CAAC;IAeD,IAAI,gBAAgB;QAClB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC;QACxD,IAAI,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAChD,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC3E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,qBAAqB;oBAC1B,IAAI,CAAC,qBAAqB;;;;QAItC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,SAAS,CAAC,KAAoB;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACtE,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import type { Data } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Item } from '../../internal/InternalEditableListControl/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'coupon-codes-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for importing coupon codes (`fx:coupon_codes`).\n *\n * @element foxy-coupon-codes-form\n * @since 1.15.0\n */\nexport class CouponCodesForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [({ coupon_codes: v }) => (v && v.length > 0) || 'coupon-codes:v8n_required'];\n  }\n\n  private readonly __couponCodesGetValue = () => {\n    return this.form.coupon_codes?.map(value => ({ value })) ?? [];\n  };\n\n  private readonly __couponCodesSetValue = (newValue: Item[]) => {\n    this.edit({\n      coupon_codes: newValue\n        .map(({ value }) => value.split(' ').map(v => v.trim()))\n        .flat()\n        .filter((v, i, a) => a.indexOf(v) === i),\n    });\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    if (this.href) alwaysMatch.push('coupon-codes');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['delete timestamps', super.hiddenSelector.toString()];\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-editable-list-control\n        infer=\"coupon-codes\"\n        .getValue=${this.__couponCodesGetValue}\n        .setValue=${this.__couponCodesSetValue}\n      >\n      </foxy-internal-editable-list-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/CouponCodesForm/types.d.ts

@@ -1,5 +1,3 @@
-import type { CouponCodesForm } from './CouponCodesForm';
-import type { Renderer } from '../../../mixins/configurable';
 import type { Resource } from '@foxy.io/sdk/core';
 import type { Rels } from '@foxy.io/sdk/backend';
 export declare type Data = Resource<Rels.CouponCodesImport> & {
@@ -9,9 +7,3 @@ export declare type Data = Resource<Rels.CouponCodesImport> & {
         };
     };
 };
-export declare type Templates = {
-    'coupon-codes:before'?: Renderer<CouponCodesForm>;
-    'coupon-codes:after'?: Renderer<CouponCodesForm>;
-    'create:before'?: Renderer<CouponCodesForm>;
-    'create:after'?: Renderer<CouponCodesForm>;
-};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodesForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { CouponCodesForm } from './CouponCodesForm';\nimport type { Renderer } from '../../../mixins/configurable';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.CouponCodesImport> & { _links: { self: { href: string } } };\n\nexport type Templates = {\n  'coupon-codes:before'?: Renderer<CouponCodesForm>;\n  'coupon-codes:after'?: Renderer<CouponCodesForm>;\n  'create:before'?: Renderer<CouponCodesForm>;\n  'create:after'?: Renderer<CouponCodesForm>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodesForm/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.CouponCodesImport> & { _links: { self: { href: string } } };\n"]}

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

@@ -7,12 +7,6 @@ declare const Base: typeof TwoLineCard & import("lit-element").Constructor<impor
 /**
  * Basic card displaying a coupon detail.
  *
- * @slot title:before
- * @slot title:after
- *
- * @slot subtitle:before
- * @slot subtitle:after
- *
  * @element foxy-coupon-detail-card
  * @since 1.17.0
  */

package/dist/elements/public/CouponDetailCard/CouponDetailCard.js

@@ -6,12 +6,6 @@ const Base = TranslatableMixin(TwoLineCard, NS);
 /**
  * Basic card displaying a coupon detail.
  *
- * @slot title:before
- * @slot title:after
- *
- * @slot subtitle:before
- * @slot subtitle:after
- *
  * @element foxy-coupon-detail-card
  * @since 1.17.0
  */

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

@@ -1 +1 @@
-{"version":3,"file":"CouponDetailCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponDetailCard/CouponDetailCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAKhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAE7D,MAAM,EAAE,GAAG,oBAAoB,CAAC;AAChC,MAAM,IAAI,GAAG,iBAAiB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAEhD;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,gBAAiB,SAAQ,IAAU;IAAhD;;QACU,sBAAiB,GAAG,EAAE,CAAC;QAEvB,eAAU,GAAG,EAAE,CAAC;IA0C1B,CAAC;IAxCC,UAAU;QACR,OAAO,KAAK,CAAC,UAAU,CAAC;YACtB,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,IAAI,EAAE;YACrD,QAAQ,EAAE,IAAI,CAAC,EAAE;gBACf,IAAI,IAAY,CAAC;gBAEjB,IAAI;oBACF,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE;wBACjE,qBAAqB,EAAE,CAAC;wBACxB,qBAAqB,EAAE,CAAC;wBACxB,eAAe,EAAE,IAAI,CAAC,iBAAiB;wBACvC,QAAQ,EAAE,IAAI,CAAC,UAAU;wBACzB,KAAK,EAAE,UAAU;qBAClB,CAAC,CAAC;iBACJ;gBAAC,WAAM;oBACN,IAAI,GAAG,IAAI,CAAC;iBACb;gBAED,OAAO,IAAI,CAAA;wBACK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,IAAI,IAAI;SAC1E,CAAC;YACJ,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAES,KAAK,CAAC,QAAQ;QAItB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YAC7C,KAAK,CAAC,MAAM,CAAc,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC;YACjE,KAAK,CAAC,MAAM,CAAQ,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;SACtD,CAAC,CAAC;QAEH,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,aAAa,CAAC;QAC5C,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;QAErF,OAAO,QAAQ,CAAC;IAClB,CAAC;CACF","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { Data } from './types';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\n\nconst NS = 'coupon-detail-card';\nconst Base = TranslatableMixin(TwoLineCard, NS);\n\n/**\n * Basic card displaying a coupon detail.\n *\n * @slot title:before\n * @slot title:after\n *\n * @slot subtitle:before\n * @slot subtitle:after\n *\n * @element foxy-coupon-detail-card\n * @since 1.17.0\n */\nexport class CouponDetailCard extends Base<Data> {\n  private __currencyDisplay = '';\n\n  private __currency = '';\n\n  renderBody(): TemplateResult {\n    return super.renderBody({\n      title: data => html`${data.name} &bull; ${data.code}`,\n      subtitle: data => {\n        let text: string;\n\n        try {\n          text = Math.abs(data.amount_per).toLocaleString(this.lang || 'en', {\n            maximumFractionDigits: 2,\n            minimumFractionDigits: 2,\n            currencyDisplay: this.__currencyDisplay,\n            currency: this.__currency,\n            style: 'currency',\n          });\n        } catch {\n          text = '--';\n        }\n\n        return html`\n          <span class=${data.amount_per > 0 ? 'text-success' : 'text-error'}>${text}</span>\n        `;\n      },\n    });\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n    type Store = Resource<Rels.Store>;\n\n    const discount = await super._sendGet();\n    const [transaction, store] = await Promise.all([\n      super._fetch<Transaction>(discount._links['fx:transaction'].href),\n      super._fetch<Store>(discount._links['fx:store'].href),\n    ]);\n\n    this.__currency = transaction.currency_code;\n    this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n\n    return discount;\n  }\n}\n"]}
+{"version":3,"file":"CouponDetailCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponDetailCard/CouponDetailCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAKhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAE7D,MAAM,EAAE,GAAG,oBAAoB,CAAC;AAChC,MAAM,IAAI,GAAG,iBAAiB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,OAAO,gBAAiB,SAAQ,IAAU;IAAhD;;QACU,sBAAiB,GAAG,EAAE,CAAC;QAEvB,eAAU,GAAG,EAAE,CAAC;IA0C1B,CAAC;IAxCC,UAAU;QACR,OAAO,KAAK,CAAC,UAAU,CAAC;YACtB,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,IAAI,EAAE;YACrD,QAAQ,EAAE,IAAI,CAAC,EAAE;gBACf,IAAI,IAAY,CAAC;gBAEjB,IAAI;oBACF,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE;wBACjE,qBAAqB,EAAE,CAAC;wBACxB,qBAAqB,EAAE,CAAC;wBACxB,eAAe,EAAE,IAAI,CAAC,iBAAiB;wBACvC,QAAQ,EAAE,IAAI,CAAC,UAAU;wBACzB,KAAK,EAAE,UAAU;qBAClB,CAAC,CAAC;iBACJ;gBAAC,WAAM;oBACN,IAAI,GAAG,IAAI,CAAC;iBACb;gBAED,OAAO,IAAI,CAAA;wBACK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,IAAI,IAAI;SAC1E,CAAC;YACJ,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAES,KAAK,CAAC,QAAQ;QAItB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YAC7C,KAAK,CAAC,MAAM,CAAc,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC;YACjE,KAAK,CAAC,MAAM,CAAQ,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;SACtD,CAAC,CAAC;QAEH,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,aAAa,CAAC;QAC5C,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;QAErF,OAAO,QAAQ,CAAC;IAClB,CAAC;CACF","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { Data } from './types';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\n\nconst NS = 'coupon-detail-card';\nconst Base = TranslatableMixin(TwoLineCard, NS);\n\n/**\n * Basic card displaying a coupon detail.\n *\n * @element foxy-coupon-detail-card\n * @since 1.17.0\n */\nexport class CouponDetailCard extends Base<Data> {\n  private __currencyDisplay = '';\n\n  private __currency = '';\n\n  renderBody(): TemplateResult {\n    return super.renderBody({\n      title: data => html`${data.name} &bull; ${data.code}`,\n      subtitle: data => {\n        let text: string;\n\n        try {\n          text = Math.abs(data.amount_per).toLocaleString(this.lang || 'en', {\n            maximumFractionDigits: 2,\n            minimumFractionDigits: 2,\n            currencyDisplay: this.__currencyDisplay,\n            currency: this.__currency,\n            style: 'currency',\n          });\n        } catch {\n          text = '--';\n        }\n\n        return html`\n          <span class=${data.amount_per > 0 ? 'text-success' : 'text-error'}>${text}</span>\n        `;\n      },\n    });\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n    type Store = Resource<Rels.Store>;\n\n    const discount = await super._sendGet();\n    const [transaction, store] = await Promise.all([\n      super._fetch<Transaction>(discount._links['fx:transaction'].href),\n      super._fetch<Store>(discount._links['fx:store'].href),\n    ]);\n\n    this.__currency = transaction.currency_code;\n    this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n\n    return discount;\n  }\n}\n"]}