@foxy.io/elements 1.43.0-beta.1 → 1.43.0-beta.3

package/dist/cdn/translations/gift-card-code-form/en.json

@@ -84,17 +84,12 @@
             "date_created": "Creation date",
             "date_modified": "Last update date"
           },
+          "advanced_mode_notice": "Advanced filtering allows you to create complex queries using the full power of our API. Please consult our documentation to learn what fields and operators are available:",
+          "api_reference_link": "Foxy hAPI",
           "add_or_clause": "Add OR clause",
           "add_value": "Add value",
-          "code": "Code",
-          "date": "{{value, date}}",
-          "date_created": "Created on",
-          "date_modified": "Last updated on",
           "delete": "Delete",
           "field": "Field",
-          "hidden": "Hidden",
-          "is_defined_false": "Not defined",
-          "is_defined_true": "Defined",
           "name": "Name",
           "operator_equal": "Equal",
           "operator_greaterthan": "Greater than",
@@ -109,15 +104,18 @@
           "query_builder_rule": "Filter",
           "range_from": "From",
           "range_to": "To",
-          "type": "Type",
-          "type_any": "Field of unknown type",
-          "type_attribute": "Key-value resource",
-          "type_date": "Date field",
-          "type_here": "Type here...",
-          "type_number": "Numeric field",
-          "type_string": "Text field",
-          "used_codes": "Codes used",
-          "value": "Value"
+          "range": "In range",
+          "mode_simple": "Simple",
+          "mode_simple_unsupported": "Simple (unavailable)",
+          "mode_advanced": "Advanced",
+          "value": "Value",
+          "value_any": "Any",
+          "value_empty": "Empty",
+          "order_none": "No order",
+          "order_asc_date": "Past to future",
+          "order_desc_date": "Future to past",
+          "order_asc_number": "Small to large",
+          "order_desc_number": "Large to small"
         }
       }
     },

package/dist/cdn/translations/gift-card-form/en.json

@@ -451,17 +451,12 @@
                   "date_created": "Creation date",
                   "date_modified": "Last update date"
                 },
+                "advanced_mode_notice": "Advanced filtering allows you to create complex queries using the full power of our API. Please consult our documentation to learn what fields and operators are available:",
+                "api_reference_link": "Foxy hAPI",
                 "add_or_clause": "Add OR clause",
                 "add_value": "Add value",
-                "code": "Code",
-                "date": "{{value, date}}",
-                "date_created": "Created on",
-                "date_modified": "Last updated on",
                 "delete": "Delete",
                 "field": "Field",
-                "hidden": "Hidden",
-                "is_defined_false": "Not defined",
-                "is_defined_true": "Defined",
                 "name": "Name",
                 "operator_equal": "Equal",
                 "operator_greaterthan": "Greater than",
@@ -476,15 +471,18 @@
                 "query_builder_rule": "Filter",
                 "range_from": "From",
                 "range_to": "To",
-                "type": "Type",
-                "type_any": "Field of unknown type",
-                "type_attribute": "Key-value resource",
-                "type_date": "Date field",
-                "type_here": "Type here...",
-                "type_number": "Numeric field",
-                "type_string": "Text field",
-                "used_codes": "Codes used",
-                "value": "Value"
+                "range": "In range",
+                "mode_simple": "Simple",
+                "mode_simple_unsupported": "Simple (unavailable)",
+                "mode_advanced": "Advanced",
+                "value": "Value",
+                "value_any": "Any",
+                "value_empty": "Empty",
+                "order_none": "No order",
+                "order_asc_date": "Past to future",
+                "order_desc_date": "Future to past",
+                "order_asc_number": "Small to large",
+                "order_desc_number": "Large to small"
               }
             }
           },
@@ -599,17 +597,12 @@
       "per_page": "Items per page:"
     },
     "query-builder": {
+      "advanced_mode_notice": "Advanced filtering allows you to create complex queries using the full power of our API. Please consult our documentation to learn what fields and operators are available:",
+      "api_reference_link": "Foxy hAPI",
       "add_or_clause": "Add OR clause",
       "add_value": "Add value",
-      "code": "Code",
-      "date": "{{value, date}}",
-      "date_created": "Created on",
-      "date_modified": "Last updated on",
       "delete": "Delete",
       "field": "Field",
-      "hidden": "Hidden",
-      "is_defined_false": "Not defined",
-      "is_defined_true": "Defined",
       "name": "Name",
       "operator_equal": "Equal",
       "operator_greaterthan": "Greater than",
@@ -624,15 +617,23 @@
       "query_builder_rule": "Filter",
       "range_from": "From",
       "range_to": "To",
-      "type": "Type",
-      "type_any": "Field of unknown type",
-      "type_attribute": "Key-value resource",
-      "type_date": "Date field",
-      "type_here": "Type here...",
-      "type_number": "Numeric field",
-      "type_string": "Text field",
-      "used_codes": "Codes used",
-      "value": "Value"
+      "range": "In range",
+      "mode_simple": "Simple",
+      "mode_simple_unsupported": "Simple (unavailable)",
+      "mode_advanced": "Advanced",
+      "value": "Value",
+      "value_any": "Any",
+      "value_empty": "Empty",
+      "order_none": "No order",
+      "order_asc_date": "Past to future",
+      "order_desc_date": "Future to past",
+      "order_asc_number": "Small to large",
+      "order_desc_number": "Large to small",
+      "option_code": "Code",
+      "option_current_balance": "Current balance",
+      "option_end_date": "End date",
+      "option_date_created": "Created on",
+      "option_date_modified": "Last updated on"
     }
   },
   "product-code-restrictions": {

package/dist/cdn/translations/payment-method-card/en.json

@@ -49,18 +49,12 @@
               }
             },
             "query-builder": {
-              "filters": {},
+              "advanced_mode_notice": "Advanced filtering allows you to create complex queries using the full power of our API. Please consult our documentation to learn what fields and operators are available:",
+              "api_reference_link": "Foxy hAPI",
               "add_or_clause": "Add OR clause",
               "add_value": "Add value",
-              "code": "Code",
-              "date": "{{value, date}}",
-              "date_created": "Created on",
-              "date_modified": "Last updated on",
               "delete": "Delete",
               "field": "Field",
-              "hidden": "Hidden",
-              "is_defined_false": "Not defined",
-              "is_defined_true": "Defined",
               "name": "Name",
               "operator_equal": "Equal",
               "operator_greaterthan": "Greater than",
@@ -75,15 +69,18 @@
               "query_builder_rule": "Filter",
               "range_from": "From",
               "range_to": "To",
-              "type": "Type",
-              "type_any": "Field of unknown type",
-              "type_attribute": "Key-value resource",
-              "type_date": "Date field",
-              "type_here": "Type here...",
-              "type_number": "Numeric field",
-              "type_string": "Text field",
-              "used_codes": "Codes used",
-              "value": "Value"
+              "range": "In range",
+              "mode_simple": "Simple",
+              "mode_simple_unsupported": "Simple (unavailable)",
+              "mode_advanced": "Advanced",
+              "value": "Value",
+              "value_any": "Any",
+              "value_empty": "Empty",
+              "order_none": "No order",
+              "order_asc_date": "Past to future",
+              "order_desc_date": "Future to past",
+              "order_asc_number": "Small to large",
+              "order_desc_number": "Large to small"
             }
           }
         },

package/dist/cdn/translations/query-builder/en.json

@@ -1,12 +1,10 @@
 {
+  "advanced_mode_notice": "Advanced filtering allows you to create complex queries using the full power of our API. Please consult our documentation to learn what fields and operators are available:",
+  "api_reference_link": "Foxy hAPI",
   "add_or_clause": "Add OR clause",
   "add_value": "Add value",
-  "date": "{{value, date}}",
   "delete": "Delete",
   "field": "Field",
-  "hidden": "Hidden",
-  "is_defined_false": "Not defined",
-  "is_defined_true": "Defined",
   "name": "Name",
   "operator_equal": "Equal",
   "operator_greaterthan": "Greater than",
@@ -21,12 +19,16 @@
   "query_builder_rule": "Filter",
   "range_from": "From",
   "range_to": "To",
-  "type": "Type",
-  "type_any": "Field of unknown type",
-  "type_attribute": "Key-value resource",
-  "type_date": "Date field",
-  "type_here": "Type here...",
-  "type_number": "Numeric field",
-  "type_string": "Text field",
-  "value": "Value"
-}
+  "range": "In range",
+  "mode_simple": "Simple",
+  "mode_simple_unsupported": "Simple (unavailable)",
+  "mode_advanced": "Advanced",
+  "value": "Value",
+  "value_any": "Any",
+  "value_empty": "Empty",
+  "order_none": "No order",
+  "order_asc_date": "Past to future",
+  "order_desc_date": "Future to past",
+  "order_asc_number": "Small to large",
+  "order_desc_number": "Large to small"
+}

package/dist/cdn/translations/update-payment-method-form/en.json

@@ -40,18 +40,12 @@
           }
         },
         "query-builder": {
-          "filters": {},
+          "advanced_mode_notice": "Advanced filtering allows you to create complex queries using the full power of our API. Please consult our documentation to learn what fields and operators are available:",
+          "api_reference_link": "Foxy hAPI",
           "add_or_clause": "Add OR clause",
           "add_value": "Add value",
-          "code": "Code",
-          "date": "{{value, date}}",
-          "date_created": "Created on",
-          "date_modified": "Last updated on",
           "delete": "Delete",
           "field": "Field",
-          "hidden": "Hidden",
-          "is_defined_false": "Not defined",
-          "is_defined_true": "Defined",
           "name": "Name",
           "operator_equal": "Equal",
           "operator_greaterthan": "Greater than",
@@ -66,15 +60,18 @@
           "query_builder_rule": "Filter",
           "range_from": "From",
           "range_to": "To",
-          "type": "Type",
-          "type_any": "Field of unknown type",
-          "type_attribute": "Key-value resource",
-          "type_date": "Date field",
-          "type_here": "Type here...",
-          "type_number": "Numeric field",
-          "type_string": "Text field",
-          "used_codes": "Codes used",
-          "value": "Value"
+          "range": "In range",
+          "mode_simple": "Simple",
+          "mode_simple_unsupported": "Simple (unavailable)",
+          "mode_advanced": "Advanced",
+          "value": "Value",
+          "value_any": "Any",
+          "value_empty": "Empty",
+          "order_none": "No order",
+          "order_asc_date": "Past to future",
+          "order_desc_date": "Future to past",
+          "order_asc_number": "Small to large",
+          "order_desc_number": "Large to small"
         }
       }
     },

package/dist/elements/internal/InternalAsyncListControl/InternalAsyncListControlFilterOverlay.js

@@ -13,7 +13,7 @@ export class InternalAsyncListControlFilterOverlay extends PositionMixin(Overlay
             const m = model;
             const result = html `
       <div
-        style="display: grid; gap: var(--lumo-space-m); padding: var(--lumo-space-s); width: 22rem"
+        style="display: grid; gap: var(--lumo-space-m); padding: var(--lumo-space-s); min-width: 22rem; max-width: 35rem"
       >
         <foxy-query-builder
           lang=${m.lang}

package/dist/elements/internal/InternalAsyncListControl/InternalAsyncListControlFilterOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalAsyncListControlFilterOverlay.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncListControl/InternalAsyncListControlFilterOverlay.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAOxC,MAAM,aAAa,GAAG,cAE2C,CAAC;AAElE,MAAM,OAAO,qCAAsC,SAAQ,aAAa,CAAC,cAAc,CAAC;IAAxF;;QAKE,aAAQ,GAAG,CAAC,IAAiB,EAAE,CAAU,EAAE,KAAc,EAAQ,EAAE;;YACjE,MAAM,OAAO,SAAG,IAAI,CAAC,iBAAiB,mCAAI,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACxE,IAAI,CAAC,IAAI,CAAC,iBAAiB;gBAAE,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAEvD,MAAM,CAAC,GAAG,KAAuE,CAAC;YAElF,MAAM,MAAM,GAAG,IAAI,CAAA;;;;;iBAKN,CAAC,CAAC,IAAI;eACR,GAAG,CAAC,CAAC,EAAE,gBAAgB,CAAC,IAAI,EAAE;qBACxB,CAAC,CAAC,OAAO;mBACX,CAAC,CAAC,KAAK;;;;;;;;qBAQL,GAAG,EAAE;;gBACZ,MAAM,YAAY,GAAG,OAAO,CAAC,aAAa,CAAC,oBAAoB,CAAiB,CAAC;gBACjF,MAAM,MAAM,SAAG,YAAY,CAAC,KAAK,mCAAI,EAAE,CAAC;gBACxC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;YAC5D,CAAC;;8BAEiB,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,EAAE;;;;;;qBAM1B,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC;;8BAE1C,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,EAAE;;;;KAI1C,CAAC;YAEF,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC;IAhDC,MAAM,KAAK,EAAE;QACX,OAAO,iDAAiD,CAAC;IAC3D,CAAC;CA8CF","sourcesContent":["import type { Constructor } from 'lit-element';\nimport type { Option } from '../../public/QueryBuilder/types';\n\nimport { _PositionMixin } from '@vaadin/vaadin-overlay/src/vaadin-overlay-position-mixin';\nimport { OverlayElement } from '@vaadin/vaadin-overlay/src/vaadin-overlay';\nimport { html, render } from 'lit-html';\nimport { QueryBuilder } from '../../public';\n\ndeclare class PositionMixinHost {\n  positionTarget: HTMLElement | null;\n}\n\nconst PositionMixin = _PositionMixin as (\n  superClass: Constructor<OverlayElement>\n) => Constructor<OverlayElement> & Constructor<PositionMixinHost>;\n\nexport class InternalAsyncListControlFilterOverlay extends PositionMixin(OverlayElement) {\n  static get is(): string {\n    return 'foxy-internal-async-list-control-filter-overlay';\n  }\n\n  renderer = (root: HTMLElement, _: unknown, model: unknown): void => {\n    const litRoot = root.firstElementChild ?? document.createElement('div');\n    if (!root.firstElementChild) root.appendChild(litRoot);\n\n    const m = model as { options: Option[]; value: string; lang: string; ns: string };\n\n    const result = html`\n      <div\n        style=\"display: grid; gap: var(--lumo-space-m); padding: var(--lumo-space-s); width: 22rem\"\n      >\n        <foxy-query-builder\n          lang=${m.lang}\n          ns=${`${m.ns} query-builder`.trim()}\n          .options=${m.options}\n          .value=${m.value}\n        >\n        </foxy-query-builder>\n\n        <div style=\"display: flex; justify-content: space-between\">\n          <vaadin-button\n            theme=\"primary\"\n            style=\"margin: 0\"\n            @click=${() => {\n              const queryBuilder = litRoot.querySelector('foxy-query-builder') as QueryBuilder;\n              const detail = queryBuilder.value ?? '';\n              this.dispatchEvent(new CustomEvent('search', { detail }));\n            }}\n          >\n            <foxy-i18n lang=${m.lang} ns=${m.ns} key=\"search\"></foxy-i18n>\n          </vaadin-button>\n\n          <vaadin-button\n            theme=\"secondary contrast\"\n            style=\"margin: 0\"\n            @click=${() => this.dispatchEvent(new CustomEvent('search'))}\n          >\n            <foxy-i18n lang=${m.lang} ns=${m.ns} key=\"clear\"></foxy-i18n>\n          </vaadin-button>\n        </div>\n      </div>\n    `;\n\n    render(result, litRoot);\n  };\n}\n"]}
+{"version":3,"file":"InternalAsyncListControlFilterOverlay.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncListControl/InternalAsyncListControlFilterOverlay.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAOxC,MAAM,aAAa,GAAG,cAE2C,CAAC;AAElE,MAAM,OAAO,qCAAsC,SAAQ,aAAa,CAAC,cAAc,CAAC;IAAxF;;QAKE,aAAQ,GAAG,CAAC,IAAiB,EAAE,CAAU,EAAE,KAAc,EAAQ,EAAE;;YACjE,MAAM,OAAO,SAAG,IAAI,CAAC,iBAAiB,mCAAI,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACxE,IAAI,CAAC,IAAI,CAAC,iBAAiB;gBAAE,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAEvD,MAAM,CAAC,GAAG,KAAuE,CAAC;YAElF,MAAM,MAAM,GAAG,IAAI,CAAA;;;;;iBAKN,CAAC,CAAC,IAAI;eACR,GAAG,CAAC,CAAC,EAAE,gBAAgB,CAAC,IAAI,EAAE;qBACxB,CAAC,CAAC,OAAO;mBACX,CAAC,CAAC,KAAK;;;;;;;;qBAQL,GAAG,EAAE;;gBACZ,MAAM,YAAY,GAAG,OAAO,CAAC,aAAa,CAAC,oBAAoB,CAAiB,CAAC;gBACjF,MAAM,MAAM,SAAG,YAAY,CAAC,KAAK,mCAAI,EAAE,CAAC;gBACxC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;YAC5D,CAAC;;8BAEiB,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,EAAE;;;;;;qBAM1B,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC;;8BAE1C,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,EAAE;;;;KAI1C,CAAC;YAEF,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC;IAhDC,MAAM,KAAK,EAAE;QACX,OAAO,iDAAiD,CAAC;IAC3D,CAAC;CA8CF","sourcesContent":["import type { Constructor } from 'lit-element';\nimport type { Option } from '../../public/QueryBuilder/types';\n\nimport { _PositionMixin } from '@vaadin/vaadin-overlay/src/vaadin-overlay-position-mixin';\nimport { OverlayElement } from '@vaadin/vaadin-overlay/src/vaadin-overlay';\nimport { html, render } from 'lit-html';\nimport { QueryBuilder } from '../../public';\n\ndeclare class PositionMixinHost {\n  positionTarget: HTMLElement | null;\n}\n\nconst PositionMixin = _PositionMixin as (\n  superClass: Constructor<OverlayElement>\n) => Constructor<OverlayElement> & Constructor<PositionMixinHost>;\n\nexport class InternalAsyncListControlFilterOverlay extends PositionMixin(OverlayElement) {\n  static get is(): string {\n    return 'foxy-internal-async-list-control-filter-overlay';\n  }\n\n  renderer = (root: HTMLElement, _: unknown, model: unknown): void => {\n    const litRoot = root.firstElementChild ?? document.createElement('div');\n    if (!root.firstElementChild) root.appendChild(litRoot);\n\n    const m = model as { options: Option[]; value: string; lang: string; ns: string };\n\n    const result = html`\n      <div\n        style=\"display: grid; gap: var(--lumo-space-m); padding: var(--lumo-space-s); min-width: 22rem; max-width: 35rem\"\n      >\n        <foxy-query-builder\n          lang=${m.lang}\n          ns=${`${m.ns} query-builder`.trim()}\n          .options=${m.options}\n          .value=${m.value}\n        >\n        </foxy-query-builder>\n\n        <div style=\"display: flex; justify-content: space-between\">\n          <vaadin-button\n            theme=\"primary\"\n            style=\"margin: 0\"\n            @click=${() => {\n              const queryBuilder = litRoot.querySelector('foxy-query-builder') as QueryBuilder;\n              const detail = queryBuilder.value ?? '';\n              this.dispatchEvent(new CustomEvent('search', { detail }));\n            }}\n          >\n            <foxy-i18n lang=${m.lang} ns=${m.ns} key=\"search\"></foxy-i18n>\n          </vaadin-button>\n\n          <vaadin-button\n            theme=\"secondary contrast\"\n            style=\"margin: 0\"\n            @click=${() => this.dispatchEvent(new CustomEvent('search'))}\n          >\n            <foxy-i18n lang=${m.lang} ns=${m.ns} key=\"clear\"></foxy-i18n>\n          </vaadin-button>\n        </div>\n      </div>\n    `;\n\n    render(result, litRoot);\n  };\n}\n"]}

package/dist/elements/internal/InternalNumberControl/InternalNumberControl.js

@@ -126,16 +126,15 @@ input{
           />
 
           ${this.suffix ? html `<div class="font-medium text-secondary">${this.suffix}</div>` : ''}
-
-          <div style="max-width: 32rem">
-            <p class="text-xs text-secondary">${this.helperText}</p>
-            <p
-              class="text-xs text-error"
-              ?hidden=${!this.__isErrorVisible || this.disabled || this.readonly}
-            >
-              ${this._errorMessage}
-            </p>
-          </div>
+        </div>
+        <div style="max-width: 32rem">
+          <p class="text-xs text-secondary">${this.helperText}</p>
+          <p
+            class="text-xs text-error"
+            ?hidden=${!this.__isErrorVisible || this.disabled || this.readonly}
+          >
+            ${this._errorMessage}
+          </p>
         </div>
       </div>
     `;

package/dist/elements/internal/InternalNumberControl/InternalNumberControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalNumberControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalNumberControl/InternalNumberControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { NumberFieldElement } from '@vaadin/vaadin-text-field/vaadin-number-field';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { html, css } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\n\n/**\n * Internal control displaying a basic number box.\n *\n * @since 1.17.0\n * @element foxy-internal-number-control\n */\nexport class InternalNumberControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      layout: {},\n      prefix: {},\n      suffix: {},\n      step: { type: Number },\n      min: { type: Number },\n      max: { type: Number },\n      __isErrorVisible: { attribute: false },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      ...super.styles,\n      css`\n        input::-webkit-contacts-auto-fill-button {\n          visibility: hidden;\n          display: none !important;\n          pointer-events: none;\n          position: absolute;\n          right: 0;\n        }\n\n        input::-webkit-outer-spin-button,\n        input::-webkit-inner-spin-button {\n          -webkit-appearance: none;\n          margin: 0;\n        }\n\n        input {\n          -moz-appearance: textfield;\n        }\n      `,\n    ];\n  }\n\n  layout: 'summary-item' | 'standalone' | null = null;\n\n  prefix: string | null = null;\n\n  suffix: string | null = null;\n\n  step: number | null = null;\n\n  min: number | null = null;\n\n  max: number | null = null;\n\n  private __isErrorVisible = false;\n\n  reportValidity(): void {\n    this.__isErrorVisible = true;\n    super.reportValidity();\n  }\n\n  renderControl(): TemplateResult {\n    if (this.layout === 'summary-item') return this.__renderSummaryItemLayout();\n\n    return html`\n      <vaadin-number-field\n        error-message=${ifDefined(this._errorMessage)}\n        placeholder=${this.placeholder}\n        helper-text=${this.helperText}\n        label=${this.label}\n        class=\"w-full\"\n        step=${ifDefined(this.step ?? undefined)}\n        min=${ifDefined(this.min ?? undefined)}\n        max=${ifDefined(this.max ?? undefined)}\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${this._value}\n        clear-button-visible\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as NumberFieldElement;\n          this._value = parseFloat(field.value);\n        }}\n      >\n        ${this.prefix ? html`<div slot=\"prefix\">${this.prefix}</div>` : ''}\n        ${this.suffix ? html`<div class=\"pr-s font-medium\" slot=\"suffix\">${this.suffix}</div>` : ''}\n      </vaadin-number-field>\n    `;\n  }\n\n  private __renderSummaryItemLayout() {\n    return html`\n      <div class=\"leading-xs\">\n        <div class=\"flex items-center gap-xs\">\n          <label class=\"text-m text-body flex-1 whitespace-nowrap\" for=\"input\">${this.label}</label>\n\n          ${this.prefix ? html`<div>${this.prefix}</div>` : ''}\n\n          <input\n            placeholder=${this.placeholder}\n            style=\"min-width: 10ch\"\n            class=${classMap({\n              'w-full appearance-none text-right bg-transparent transition-colors': true,\n              'text-m rounded-s focus-outline-none': true,\n              'text-secondary': this.readonly,\n              'text-disabled': this.disabled,\n              'font-medium': !this.readonly,\n            })}\n            type=\"number\"\n            step=${ifDefined(this.step ?? void 0)}\n            min=${ifDefined(this.min ?? void 0)}\n            max=${ifDefined(this.max ?? void 0)}\n            id=\"input\"\n            .value=${this._value}\n            ?disabled=${this.disabled}\n            ?readonly=${this.readonly}\n            @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n            @blur=${() => (this.__isErrorVisible = true)}\n            @input=${(evt: Event) => {\n              evt.stopPropagation();\n              const newValue = parseFloat((evt.target as HTMLInputElement).value);\n              if (!isNaN(newValue)) this._value = newValue;\n            }}\n          />\n\n          ${this.suffix ? html`<div class=\"font-medium text-secondary\">${this.suffix}</div>` : ''}\n\n          <div style=\"max-width: 32rem\">\n            <p class=\"text-xs text-secondary\">${this.helperText}</p>\n            <p\n              class=\"text-xs text-error\"\n              ?hidden=${!this.__isErrorVisible || this.disabled || this.readonly}\n            >\n              ${this._errorMessage}\n            </p>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalNumberControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalNumberControl/InternalNumberControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { NumberFieldElement } from '@vaadin/vaadin-text-field/vaadin-number-field';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { html, css } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\n\n/**\n * Internal control displaying a basic number box.\n *\n * @since 1.17.0\n * @element foxy-internal-number-control\n */\nexport class InternalNumberControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      layout: {},\n      prefix: {},\n      suffix: {},\n      step: { type: Number },\n      min: { type: Number },\n      max: { type: Number },\n      __isErrorVisible: { attribute: false },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      ...super.styles,\n      css`\n        input::-webkit-contacts-auto-fill-button {\n          visibility: hidden;\n          display: none !important;\n          pointer-events: none;\n          position: absolute;\n          right: 0;\n        }\n\n        input::-webkit-outer-spin-button,\n        input::-webkit-inner-spin-button {\n          -webkit-appearance: none;\n          margin: 0;\n        }\n\n        input {\n          -moz-appearance: textfield;\n        }\n      `,\n    ];\n  }\n\n  layout: 'summary-item' | 'standalone' | null = null;\n\n  prefix: string | null = null;\n\n  suffix: string | null = null;\n\n  step: number | null = null;\n\n  min: number | null = null;\n\n  max: number | null = null;\n\n  private __isErrorVisible = false;\n\n  reportValidity(): void {\n    this.__isErrorVisible = true;\n    super.reportValidity();\n  }\n\n  renderControl(): TemplateResult {\n    if (this.layout === 'summary-item') return this.__renderSummaryItemLayout();\n\n    return html`\n      <vaadin-number-field\n        error-message=${ifDefined(this._errorMessage)}\n        placeholder=${this.placeholder}\n        helper-text=${this.helperText}\n        label=${this.label}\n        class=\"w-full\"\n        step=${ifDefined(this.step ?? undefined)}\n        min=${ifDefined(this.min ?? undefined)}\n        max=${ifDefined(this.max ?? undefined)}\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${this._value}\n        clear-button-visible\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as NumberFieldElement;\n          this._value = parseFloat(field.value);\n        }}\n      >\n        ${this.prefix ? html`<div slot=\"prefix\">${this.prefix}</div>` : ''}\n        ${this.suffix ? html`<div class=\"pr-s font-medium\" slot=\"suffix\">${this.suffix}</div>` : ''}\n      </vaadin-number-field>\n    `;\n  }\n\n  private __renderSummaryItemLayout() {\n    return html`\n      <div class=\"leading-xs\">\n        <div class=\"flex items-center gap-xs\">\n          <label class=\"text-m text-body flex-1 whitespace-nowrap\" for=\"input\">${this.label}</label>\n\n          ${this.prefix ? html`<div>${this.prefix}</div>` : ''}\n\n          <input\n            placeholder=${this.placeholder}\n            style=\"min-width: 10ch\"\n            class=${classMap({\n              'w-full appearance-none text-right bg-transparent transition-colors': true,\n              'text-m rounded-s focus-outline-none': true,\n              'text-secondary': this.readonly,\n              'text-disabled': this.disabled,\n              'font-medium': !this.readonly,\n            })}\n            type=\"number\"\n            step=${ifDefined(this.step ?? void 0)}\n            min=${ifDefined(this.min ?? void 0)}\n            max=${ifDefined(this.max ?? void 0)}\n            id=\"input\"\n            .value=${this._value}\n            ?disabled=${this.disabled}\n            ?readonly=${this.readonly}\n            @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n            @blur=${() => (this.__isErrorVisible = true)}\n            @input=${(evt: Event) => {\n              evt.stopPropagation();\n              const newValue = parseFloat((evt.target as HTMLInputElement).value);\n              if (!isNaN(newValue)) this._value = newValue;\n            }}\n          />\n\n          ${this.suffix ? html`<div class=\"font-medium text-secondary\">${this.suffix}</div>` : ''}\n        </div>\n        <div style=\"max-width: 32rem\">\n          <p class=\"text-xs text-secondary\">${this.helperText}</p>\n          <p\n            class=\"text-xs text-error\"\n            ?hidden=${!this.__isErrorVisible || this.disabled || this.readonly}\n          >\n            ${this._errorMessage}\n          </p>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/internal/InternalSummaryControl/InternalSummaryControl.js

@@ -16,7 +16,7 @@ export class InternalSummaryControl extends InternalEditableControl {
             unsafeHelperText: { type: Boolean, attribute: 'unsafe-helper-text' },
             layout: {},
             count: { type: Number },
-            open: { type: Boolean },
+            open: { type: Boolean, reflect: true },
         };
     }
     static get styles() {

package/dist/elements/internal/InternalSummaryControl/InternalSummaryControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalSummaryControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalSummaryControl/InternalSummaryControl.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAkB,MAAM,UAAU,CAAC;AAE/C,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,OAAO,sBAAuB,SAAQ,uBAAuB;IAAnE;;QAkDE,qBAAgB,GAAG,KAAK,CAAC;QAEzB,WAAM,GAAiC,IAAI,CAAC;QAE5C,UAAK,GAAkB,IAAI,CAAC;QAE5B,SAAI,GAAG,KAAK,CAAC;IA2Df,CAAC;IAlHC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,gBAAgB,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE;YACpE,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SACxB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgCF;SACF,CAAC;IACJ,CAAC;IAUD,cAAc;QACZ,OAAO;IACT,CAAC;IAED,aAAa;QACX,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE;YAC7B,OAAO,IAAI,CAAA;;;kBAGC,IAAI,CAAC,IAAI;oBACP,CAAC,GAAU,EAAE,EAAE;gBACvB,MAAM,OAAO,GAAG,GAAG,CAAC,aAAmC,CAAC;gBACxD,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;gBACzB,IAAI,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC,GAAG,CAAC,OAAO;oBAAE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnF,CAAC;;;;;;wBAMa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,UAAU;;2EAEoB,CAAC,IAAI,CAAC,KAAK;;oBAElE,IAAI,CAAC,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;;;;;;oBAMrE,GAAG,CAAA,uTAAuT;;;sEAGxQ,CAAC,IAAI,CAAC,UAAU;kBACpE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU;;;;;;;;OAQhF,CAAC;SACH;QAED,OAAO,IAAI,CAAA;4CAC6B,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,UAAU;0DACjB,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK;+DACpB,CAAC,IAAI,CAAC,UAAU;YACnE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU;;;;;;KAM5E,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { CSSResultArray, PropertyDeclarations } from 'lit-element';\nimport { svg, TemplateResult } from 'lit-html';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html';\nimport { html, css } from 'lit-element';\n\nexport class InternalSummaryControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      unsafeHelperText: { type: Boolean, attribute: 'unsafe-helper-text' },\n      layout: {},\n      count: { type: Number },\n      open: { type: Boolean },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      ...super.styles,\n      css`\n        ::slotted(*) {\n          min-width: 100%;\n        }\n\n        :host(:not([layout='section'])) slot::slotted(*) {\n          background-color: var(--lumo-contrast-5pct);\n          padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px);\n        }\n\n        details summary > div {\n          border-radius: var(--lumo-border-radius);\n        }\n\n        details[open] summary > div {\n          border-radius: var(--lumo-border-radius) var(--lumo-border-radius) 0 0;\n        }\n\n        .with-unsafe a {\n          text-decoration: underline;\n          transition: color 0.1s ease-in-out;\n        }\n\n        .with-unsafe a:hover {\n          color: var(--lumo-primary-text-color);\n        }\n\n        .with-unsafe a:focus {\n          outline: none;\n          box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);\n          border-radius: var(--lumo-border-radius-s);\n        }\n      `,\n    ];\n  }\n\n  unsafeHelperText = false;\n\n  layout: null | 'section' | 'details' = null;\n\n  count: number | null = null;\n\n  open = false;\n\n  renderLightDom(): void {\n    return;\n  }\n\n  renderControl(): TemplateResult {\n    if (this.layout === 'details') {\n      return html`\n        <details\n          class=\"rounded overflow-hidden\"\n          ?open=${this.open}\n          @toggle=${(evt: Event) => {\n            const details = evt.currentTarget as HTMLDetailsElement;\n            this.open = details.open;\n            if (!evt.composed && !evt.bubbles) this.dispatchEvent(new CustomEvent('toggle'));\n          }}\n        >\n          <summary class=\"select-none cursor-pointer focus-outline-none group\">\n            <div\n              class=\"leading-xs bg-contrast-5 group-focus-ring-2 group-focus-ring-inset group-focus-ring-primary-50\"\n              style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n              ?hidden=${!this.label && !this.helperText}\n            >\n              <p class=\"flex items-center justify-between gap-s\" ?hidden=${!this.label}>\n                <span>\n                  ${this.label}${typeof this.count === 'number' ? ` (${this.count})` : ''}\n                </span>\n                <span\n                  class=\"flex items-center justify-center transition-colors text-tertiary group-hover-text-body\"\n                  style=\"transform: scale(1.35)\"\n                >\n                  ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" style=\"width: 1.2em; height: 1.2em\"><path fill-rule=\"evenodd\" d=\"M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" /></svg>`}\n                </span>\n              </p>\n              <p class=\"text-xs text-secondary with-unsafe\" ?hidden=${!this.helperText}>\n                ${this.unsafeHelperText ? unsafeHTML(this.helperText) : this.helperText}\n              </p>\n            </div>\n          </summary>\n          <div class=\"overflow-hidden grid\" style=\"gap: 1px\">\n            <slot></slot>\n          </div>\n        </details>\n      `;\n    }\n\n    return html`\n      <div class=\"leading-s mb-s\" ?hidden=${!this.label && !this.helperText}>\n        <p class=\"font-medium text-body text-l\" ?hidden=${!this.label}>${this.label}</p>\n        <p class=\"text-s text-secondary with-unsafe\" ?hidden=${!this.helperText}>\n          ${this.unsafeHelperText ? unsafeHTML(this.helperText) : this.helperText}\n        </p>\n      </div>\n      <div class=\"rounded overflow-hidden grid\" style=\"gap: 1px\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalSummaryControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalSummaryControl/InternalSummaryControl.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAkB,MAAM,UAAU,CAAC;AAE/C,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,OAAO,sBAAuB,SAAQ,uBAAuB;IAAnE;;QAkDE,qBAAgB,GAAG,KAAK,CAAC;QAEzB,WAAM,GAAiC,IAAI,CAAC;QAE5C,UAAK,GAAkB,IAAI,CAAC;QAE5B,SAAI,GAAG,KAAK,CAAC;IA2Df,CAAC;IAlHC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,gBAAgB,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE;YACpE,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;SACvC,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgCF;SACF,CAAC;IACJ,CAAC;IAUD,cAAc;QACZ,OAAO;IACT,CAAC;IAED,aAAa;QACX,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE;YAC7B,OAAO,IAAI,CAAA;;;kBAGC,IAAI,CAAC,IAAI;oBACP,CAAC,GAAU,EAAE,EAAE;gBACvB,MAAM,OAAO,GAAG,GAAG,CAAC,aAAmC,CAAC;gBACxD,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;gBACzB,IAAI,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC,GAAG,CAAC,OAAO;oBAAE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnF,CAAC;;;;;;wBAMa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,UAAU;;2EAEoB,CAAC,IAAI,CAAC,KAAK;;oBAElE,IAAI,CAAC,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;;;;;;oBAMrE,GAAG,CAAA,uTAAuT;;;sEAGxQ,CAAC,IAAI,CAAC,UAAU;kBACpE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU;;;;;;;;OAQhF,CAAC;SACH;QAED,OAAO,IAAI,CAAA;4CAC6B,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,UAAU;0DACjB,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK;+DACpB,CAAC,IAAI,CAAC,UAAU;YACnE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU;;;;;;KAM5E,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { CSSResultArray, PropertyDeclarations } from 'lit-element';\nimport { svg, TemplateResult } from 'lit-html';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html';\nimport { html, css } from 'lit-element';\n\nexport class InternalSummaryControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      unsafeHelperText: { type: Boolean, attribute: 'unsafe-helper-text' },\n      layout: {},\n      count: { type: Number },\n      open: { type: Boolean, reflect: true },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      ...super.styles,\n      css`\n        ::slotted(*) {\n          min-width: 100%;\n        }\n\n        :host(:not([layout='section'])) slot::slotted(*) {\n          background-color: var(--lumo-contrast-5pct);\n          padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px);\n        }\n\n        details summary > div {\n          border-radius: var(--lumo-border-radius);\n        }\n\n        details[open] summary > div {\n          border-radius: var(--lumo-border-radius) var(--lumo-border-radius) 0 0;\n        }\n\n        .with-unsafe a {\n          text-decoration: underline;\n          transition: color 0.1s ease-in-out;\n        }\n\n        .with-unsafe a:hover {\n          color: var(--lumo-primary-text-color);\n        }\n\n        .with-unsafe a:focus {\n          outline: none;\n          box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);\n          border-radius: var(--lumo-border-radius-s);\n        }\n      `,\n    ];\n  }\n\n  unsafeHelperText = false;\n\n  layout: null | 'section' | 'details' = null;\n\n  count: number | null = null;\n\n  open = false;\n\n  renderLightDom(): void {\n    return;\n  }\n\n  renderControl(): TemplateResult {\n    if (this.layout === 'details') {\n      return html`\n        <details\n          class=\"rounded overflow-hidden\"\n          ?open=${this.open}\n          @toggle=${(evt: Event) => {\n            const details = evt.currentTarget as HTMLDetailsElement;\n            this.open = details.open;\n            if (!evt.composed && !evt.bubbles) this.dispatchEvent(new CustomEvent('toggle'));\n          }}\n        >\n          <summary class=\"select-none cursor-pointer focus-outline-none group\">\n            <div\n              class=\"leading-xs bg-contrast-5 group-focus-ring-2 group-focus-ring-inset group-focus-ring-primary-50\"\n              style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n              ?hidden=${!this.label && !this.helperText}\n            >\n              <p class=\"flex items-center justify-between gap-s\" ?hidden=${!this.label}>\n                <span>\n                  ${this.label}${typeof this.count === 'number' ? ` (${this.count})` : ''}\n                </span>\n                <span\n                  class=\"flex items-center justify-center transition-colors text-tertiary group-hover-text-body\"\n                  style=\"transform: scale(1.35)\"\n                >\n                  ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" style=\"width: 1.2em; height: 1.2em\"><path fill-rule=\"evenodd\" d=\"M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" /></svg>`}\n                </span>\n              </p>\n              <p class=\"text-xs text-secondary with-unsafe\" ?hidden=${!this.helperText}>\n                ${this.unsafeHelperText ? unsafeHTML(this.helperText) : this.helperText}\n              </p>\n            </div>\n          </summary>\n          <div class=\"overflow-hidden grid\" style=\"gap: 1px\">\n            <slot></slot>\n          </div>\n        </details>\n      `;\n    }\n\n    return html`\n      <div class=\"leading-s mb-s\" ?hidden=${!this.label && !this.helperText}>\n        <p class=\"font-medium text-body text-l\" ?hidden=${!this.label}>${this.label}</p>\n        <p class=\"text-s text-secondary with-unsafe\" ?hidden=${!this.helperText}>\n          ${this.unsafeHelperText ? unsafeHTML(this.helperText) : this.helperText}\n        </p>\n      </div>\n      <div class=\"rounded overflow-hidden grid\" style=\"gap: 1px\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/CouponForm/CouponForm.js

@@ -101,10 +101,10 @@ export class CouponForm extends Base {
         };
         this.__storeLoaderId = 'storeLoader';
         this.__codesFilters = [
-            { label: 'code', path: 'code', type: Type.String },
-            { label: 'used_codes', path: 'number_of_uses_to_date', type: Type.Number },
-            { label: 'date_created', path: 'date_created', type: Type.Date },
-            { label: 'date_modified', path: 'date_modified', type: Type.Date },
+            { label: 'option_code', path: 'code', type: Type.String },
+            { label: 'option_number_of_uses_to_date', path: 'number_of_uses_to_date', type: Type.Number },
+            { label: 'option_date_created', path: 'date_created', type: Type.Date },
+            { label: 'option_date_modified', path: 'date_modified', type: Type.Date },
         ];
         this.__couponCodesActions = [
             {

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

@@ -1 +1 @@
-{"version":3,"file":"CouponForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponForm/CouponForm.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,iCAA8B;AACvD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,uCAAoC;AACpD,OAAO,EAAE,SAAS,EAAE,2CAAwC;AAE5D,MAAM,EAAE,GAAG,aAAa,CAAC;AACzB,MAAM,IAAI,GAAG,eAAe,CAAC,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;AAElE;;;;;GAKG;AACH,MAAM,OAAO,UAAW,SAAQ,IAAU;IAA1C;;QAuCE,2BAAsB,GAAqC,IAAI,CAAC;QAE/C,6CAAwC,GAAe;YACtE,QAAQ,CAAC,GAAG;YACZ,QAAQ,CAAC,EAAE;SACZ,CAAC;QAEe,4CAAuC,GAAG,GAAG,EAAE;;YAC9D,MAAM,eAAe,GAAG,KAAK,OAAC,IAAI,CAAC,IAAI,CAAC,+BAA+B,mCAAI,EAAE,CAAC;iBAC3E,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC;iBACvE,GAAG,CAAC,KAAK,CAAC,EAAE;gBACX,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACxB,OAAO,KAAK;yBACT,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC;yBAC9C,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;wBACjC,MAAM,MAAM,GAAgB,EAAE,IAAI,EAAE,IAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;wBACtE,OAAO,MAAM,CAAC;oBAChB,CAAC,CAAC,CAAC;iBACN;gBAED,MAAM,MAAM,GAAgB;oBAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,IAAI,EAAE,KAAK,CAAC,IAAc;iBAC3B,CAAC;gBAEF,OAAO,MAAM,CAAC;YAChB,CAAC,CAAC,CAAC;YAEL,OAAO,SAAS,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;QAC1C,CAAC,CAAC;QAEe,4CAAuC,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC9E,MAAM,cAAc,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBACjD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACxB,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;wBAC7C,MAAM,MAAM,GAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;wBAChF,OAAO,MAAM,CAAC;oBAChB,CAAC,CAAC,CAAC;iBACJ;qBAAM;oBACL,MAAM,MAAM,GAAgB;wBAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ;wBACxB,KAAK,EAAE,KAAK,CAAC,KAAK;wBAClB,IAAI,EAAE,YAAY;wBAClB,IAAI,EAAE,KAAK,CAAC,IAAI;qBACjB,CAAC;oBAEF,OAAO,MAAM,CAAC;iBACf;YACH,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,IAAI,CAAC,EAAE,+BAA+B,EAAE,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;QAClF,CAAC,CAAC;QAEe,+CAA0C,GAAG,GAAG,EAAE;;YACjE,MAAM,KAAK,SAAG,IAAI,CAAC,IAAI,CAAC,kCAAkC,0CACtD,KAAK,CAAC,GAAG,EACV,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EACzB,MAAM,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,EAC3E,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;YAE7B,OAAO,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC;QACrB,CAAC,CAAC;QAEe,+CAA0C,GAAG,CAAC,QAAgB,EAAE,EAAE;YACjF,IAAI,CAAC,IAAI,CAAC;gBACR,kCAAkC,EAAE,QAAQ;qBACzC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;qBAChC,MAAM,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC;qBAC5E,IAAI,EAAE;aACV,CAAC,CAAC;YAEH,IAAI,CAAC,IAAI,CAAC;gBACR,mBAAmB,EACjB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,kCAAkC;oBAC9C,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,+BAA+B;aAC9C,CAAC,CAAC;QACL,CAAC,CAAC;QAEe,sCAAiC,GAAG,GAAG,EAAE;;YACxD,aAAO,IAAI,CAAC,IAAI,CAAC,yBAAyB,0CACtC,KAAK,CAAC,GAAG,EACV,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EACtB,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBACb,KAAK;gBACL,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC;oBAC1B,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uCAAuC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;oBAChF,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uCAAuC,EAAE,EAAE,KAAK,EAAE,CAAC;aAC/D,CAAC,EAAE;QACR,CAAC,CAAC;QAEe,sCAAiC,GAAG,CAAC,QAAgB,EAAE,EAAE;YACxE,IAAI,CAAC,IAAI,CAAC;gBACR,yBAAyB,EAAE,QAAQ;qBAChC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;qBAClE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;qBAC9C,IAAI,CAAC,GAAG,CAAC;aACb,CAAC,CAAC;QACL,CAAC,CAAC;QAEe,oBAAe,GAAG,aAAa,CAAC;QAEhC,mBAAc,GAAa;YAC1C,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE;YAClD,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE;YAC1E,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;YAChE,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;SACnE,CAAC;QAEM,yBAAoB,GAA6C;YACvE;gBACE,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE,MAAM;gBACb,IAAI,EAAE,kBAAkB;gBACxB,OAAO,EAAE,KAAK,EAAC,IAAI,EAAC,EAAE;oBACpB,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC;oBAC5C,IAAI,CAAC,oBAAoB,GAAG,CAAC,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC;oBAE3D,IAAI;wBACF,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;wBAC/C,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC;qBAC5C;oBAAC,WAAM;wBACN,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,OAAO,CAAC;qBAC9C;4BAAS;wBACR,IAAI,CAAC,oBAAoB,GAAG,CAAC,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC;wBAC3D,UAAU,CAAC,GAAG,EAAE;4BACd,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC;4BAC5C,IAAI,CAAC,oBAAoB,GAAG,CAAC,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC;wBAC7D,CAAC,EAAE,IAAI,CAAC,CAAC;qBACV;gBACH,CAAC;aACF;SACF,CAAC;IAyNJ,CAAC;IAnYC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,sBAAsB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAC5C,oBAAoB,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;SACtC,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,kBAAkB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,kCAAkC;YACjF,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,gCAAgC;YAC/E,CAAC,EAAE,sBAAsB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,sCAAsC;YACzF,CAAC,EAAE,uBAAuB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,oBAAoB;YAC/D,CAAC,EAAE,uBAAuB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,GAAG,IAAI,oBAAoB;YACjF,CAAC,EAAE,wBAAwB,EAAE,CAAC,EAAE,EAAE,EAAE;gBAClC,OAAO,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,IAAI,IAAI,uCAAuC,CAAC;YAC3F,CAAC;YACD,CAAC,EAAE,yBAAyB,EAAE,CAAC,EAAE,EAAE,EAAE;gBACnC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI,IAAI,wCAAwC,CAAC;YAC5E,CAAC;YACD,CAAC,EAAE,+BAA+B,EAAE,CAAC,EAAE,EAAE,EAAE;gBACzC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI,IAAI,8CAA8C,CAAC;YAClF,CAAC;YACD,CAAC,EAAE,+BAA+B,EAAE,CAAC,EAAE,EAAE,EAAE;gBACzC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,+CAA+C,CAAC;YACzE,CAAC;YACD,CAAC,EAAE,kCAAkC,EAAE,CAAC,EAAE,EAAE,EAAE;gBAC5C,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,GAAG,IAAI,iDAAiD,CAAC;YACpF,CAAC;YACD,CAAC,EAAE,mCAAmC,EAAE,CAAC,EAAE,EAAE,EAAE;gBAC7C,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,mDAAmD,CAAC;YAC7E,CAAC;SACF,CAAC;IACJ,CAAC;IAwID,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAEtD,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,WAAW,CAAC,IAAI,CAAC,mBAAmB,EAAE,4BAA4B,EAAE,iBAAiB,CAAC,CAAC;SACxF;aAAM;YACL,WAAW,CAAC,IAAI,CAAC,cAAc,EAAE,uBAAuB,EAAE,YAAY,CAAC,CAAC;SACzE;QAED,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,qBAAqB;QACvB,OAAO,EAAE,GAAG,KAAK,CAAC,qBAAqB,EAAE,EAAE,EAAE,IAAI,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC;IAED,mBAAmB,CAAC,IAAU;QAC5B,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,IAAI;;;mBAGnC,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC;;;;;iBAKvC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI;;;mBAGjC,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC;;;;QAIhD,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC;KAClC,CAAC;IACJ,CAAC;IAED,UAAU;;QACR,IAAI,QAA4B,CAAC;QAEjC,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,iBAAiB,EAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;YACrE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;YAEnD,QAAQ,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SAC3B;QAAC,WAAM;YACN,QAAQ,GAAG,SAAS,CAAC;SACtB;QAED,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,YAAY,EAAE;;;;;;;;;;;;;;gBAcX,QAAQ;;;;;;qBAMH,EAAE,yBAAyB,EAAE,IAAI,CAAC,sBAAsB,EAAE;mBAC5D,IAAI,CAAC,oBAAoB;mBACzB,IAAI,CAAC,cAAc;;;;;;oBAMlB,IAAI,CAAC,iCAAiC;oBACtC,IAAI,CAAC,iCAAiC;iBACzC;YACP,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,sCAAsC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE;YACzE,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,sCAAsC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE;SAC1E;;;;;;;;;;;qBAWY,IAAI,CAAC,wCAAwC;oBAC9C,IAAI,CAAC,uCAAuC;oBAC5C,IAAI,CAAC,uCAAuC;;;;;;oBAM5C,IAAI,CAAC,0CAA0C;oBAC/C,IAAI,CAAC,0CAA0C;;;;;;;;;;;;;;;;kBAgBjD,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;uBAEjC,SAAS,aAAC,IAAI,CAAC,aAAa,0CAAE,IAAI,0CAAE,MAAM,CAAC,oBAAoB,EAAE,IAAI,CAAC;qBACxE,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,2BAA2B,EAAE,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAkEnE,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC;;;;;;;;;QAS1D,KAAK,CAAC,UAAU,EAAE;;;;;eAKX,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC;aAC/C,IAAI,CAAC,eAAe;kBACf,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;KAGvC,CAAC;IACJ,CAAC;IAED,IAAY,aAAa;QAEvB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;IAC3E,CAAC;CACF","sourcesContent":["import type { TemplateResult, PropertyDeclarations } from 'lit-element';\nimport type { Data, TransactionPageHrefGetter } from './types';\nimport type { Option, ParsedValue } from '../QueryBuilder/types';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { SwipeAction } from '../../internal/InternalAsyncListControl/types';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Item } from '../../internal/InternalEditableListControl/types';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { Type, Operator } from '../QueryBuilder/types';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\nimport { parse } from '../QueryBuilder/utils/parse';\nimport { stringify } from '../QueryBuilder/utils/stringify';\n\nconst NS = 'coupon-form';\nconst Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));\n\n/**\n * Form element for creating or editing coupons (`fx:coupon`).\n *\n * @element foxy-coupon-form\n * @since 1.15.0\n */\nexport class CouponForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getTransactionPageHref: { attribute: false },\n      __couponCodesActions: { type: Array },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => !v || v.length <= 50 || 'name:v8n_too_long',\n      ({ inclusive_tax_rate: v }) => !v || v >= 0 || 'inclusive-tax-rate:v8n_too_small',\n      ({ inclusive_tax_rate: v }) => !v || v <= 1 || 'inclusive-tax-rate:v8n_too_big',\n      ({ number_of_uses_allowed: v }) => !v || v >= 0 || 'number-of-uses-allowed:v8n_too_small',\n      ({ coupon_discount_details: v }) => !!v || 'rules:v8n_required',\n      ({ coupon_discount_details: v }) => !v || v.length <= 200 || 'rules:v8n_too_long',\n      ({ item_option_restrictions: v }) => {\n        return !v || JSON.stringify(v).length <= 6000 || 'item-option-restrictions:v8n_too_long';\n      },\n      ({ product_code_restrictions: v }) => {\n        return !v || v.length <= 5000 || 'product-code-restrictions:v8n_too_long';\n      },\n      ({ customer_attribute_restrictions: v }) => {\n        return !v || v.length <= 2000 || 'customer-attribute-restrictions:v8n_too_long';\n      },\n      ({ number_of_uses_allowed_per_code: v }) => {\n        return !v || v >= 0 || 'number-of-uses-allowed-per-code:v8n_too_small';\n      },\n      ({ customer_subscription_restrictions: v }) => {\n        return !v || v.length <= 200 || 'customer-subscription-restrictions:v8n_too_long';\n      },\n      ({ number_of_uses_allowed_per_customer: v }) => {\n        return !v || v >= 0 || 'number-of-uses-allowed-per-customer:v8n_too_small';\n      },\n    ];\n  }\n\n  getTransactionPageHref: TransactionPageHrefGetter | null = null;\n\n  private readonly __customerAttributeRestrictionsOperators: Operator[] = [\n    Operator.Not,\n    Operator.In,\n  ];\n\n  private readonly __customerAttributeRestrictionsGetValue = () => {\n    const simplifiedValue = parse(this.form.customer_attribute_restrictions ?? '')\n      .filter(value => Array.isArray(value) || typeof value.name === 'string')\n      .map(value => {\n        if (Array.isArray(value)) {\n          return value\n            .filter(({ name }) => typeof name === 'string')\n            .map(({ name, operator, value }) => {\n              const output: ParsedValue = { path: name as string, operator, value };\n              return output;\n            });\n        }\n\n        const output: ParsedValue = {\n          operator: value.operator,\n          value: value.value,\n          path: value.name as string,\n        };\n\n        return output;\n      });\n\n    return stringify(simplifiedValue, true);\n  };\n\n  private readonly __customerAttributeRestrictionsSetValue = (newValue: string) => {\n    const augmentedValue = parse(newValue).map(value => {\n      if (Array.isArray(value)) {\n        return value.map(({ path, operator, value }) => {\n          const output: ParsedValue = { name: path, path: 'attributes', operator, value };\n          return output;\n        });\n      } else {\n        const output: ParsedValue = {\n          operator: value.operator,\n          value: value.value,\n          path: 'attributes',\n          name: value.path,\n        };\n\n        return output;\n      }\n    });\n\n    this.edit({ customer_attribute_restrictions: stringify(augmentedValue, true) });\n  };\n\n  private readonly __customerSubscriptionRestrictionsGetValue = () => {\n    const items = this.form.customer_subscription_restrictions\n      ?.split(',')\n      .map(value => value.trim())\n      .filter((value, index, values) => !!value && values.indexOf(value) === index)\n      .map(value => ({ value }));\n\n    return items ?? [];\n  };\n\n  private readonly __customerSubscriptionRestrictionsSetValue = (newValue: Item[]) => {\n    this.edit({\n      customer_subscription_restrictions: newValue\n        .map(({ value }) => value.trim())\n        .filter((value, index, values) => !!value && values.indexOf(value) === index)\n        .join(),\n    });\n\n    this.edit({\n      customer_auto_apply:\n        !!this.form.customer_subscription_restrictions ||\n        !!this.form.customer_attribute_restrictions,\n    });\n  };\n\n  private readonly __productCodeRestrictionsGetValue = () => {\n    return this.form.product_code_restrictions\n      ?.split(',')\n      .filter(v => !!v.trim())\n      .map(value => ({\n        value,\n        label: value.startsWith('-')\n          ? this.t(`product-code-restrictions.label_block`, { value: value.substring(1) })\n          : this.t(`product-code-restrictions.label_allow`, { value }),\n      }));\n  };\n\n  private readonly __productCodeRestrictionsSetValue = (newValue: Item[]) => {\n    this.edit({\n      product_code_restrictions: newValue\n        .map(({ value, unit }) => (unit === 'block' ? `-${value}` : value))\n        .filter((v, i, a) => !!v && a.indexOf(v) === i)\n        .join(','),\n    });\n  };\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  private readonly __codesFilters: Option[] = [\n    { label: 'code', path: 'code', type: Type.String },\n    { label: 'used_codes', path: 'number_of_uses_to_date', type: Type.Number },\n    { label: 'date_created', path: 'date_created', type: Type.Date },\n    { label: 'date_modified', path: 'date_modified', type: Type.Date },\n  ];\n\n  private __couponCodesActions: SwipeAction<Resource<Rels.CouponCode>>[] = [\n    {\n      theme: 'contrast',\n      state: 'idle',\n      text: 'copy_button_text',\n      onClick: async data => {\n        this.__couponCodesActions[0].state = 'busy';\n        this.__couponCodesActions = [...this.__couponCodesActions];\n\n        try {\n          await navigator.clipboard.writeText(data.code);\n          this.__couponCodesActions[0].state = 'end';\n        } catch {\n          this.__couponCodesActions[0].state = 'error';\n        } finally {\n          this.__couponCodesActions = [...this.__couponCodesActions];\n          setTimeout(() => {\n            this.__couponCodesActions[0].state = 'idle';\n            this.__couponCodesActions = [...this.__couponCodesActions];\n          }, 1000);\n        }\n      },\n    },\n  ];\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n\n    if (this.data) {\n      alwaysMatch.push('coupon-codes-stub', 'category-restrictions-stub', 'attributes-stub');\n    } else {\n      alwaysMatch.push('coupon-codes', 'category-restrictions', 'attributes');\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get headerSubtitleOptions(): Record<string, unknown> {\n    return { ...super.headerSubtitleOptions, id: this.headerCopyIdValue };\n  }\n\n  renderHeaderActions(data: Data): TemplateResult {\n    return html`\n      <foxy-internal-bulk-add-action-control\n        parent=${data._links['fx:generate_codes'].href}\n        infer=\"generate\"\n        form=\"foxy-generate-codes-form\"\n        .related=${[data._links['fx:coupon_codes'].href]}\n      >\n      </foxy-internal-bulk-add-action-control>\n\n      <foxy-internal-bulk-add-action-control\n        parent=${data._links['fx:coupon_codes'].href}\n        infer=\"import\"\n        form=\"foxy-coupon-codes-form\"\n        .related=${[data._links['fx:coupon_codes'].href]}\n      >\n      </foxy-internal-bulk-add-action-control>\n\n      ${super.renderHeaderActions(data)}\n    `;\n  }\n\n  renderBody(): TemplateResult {\n    let codesUrl: string | undefined;\n\n    try {\n      const url = new URL(this.data?._links['fx:coupon_codes'].href ?? '');\n      url.searchParams.set('order', 'date_created desc');\n\n      codesUrl = url.toString();\n    } catch {\n      codesUrl = undefined;\n    }\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"name\"></foxy-internal-text-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-coupon-form-rules-control infer=\"rules\">\n      </foxy-internal-coupon-form-rules-control>\n\n      <foxy-internal-summary-control infer=\"coupon-codes-stub\">\n        <p class=\"text-disabled\"><foxy-i18n infer=\"\" key=\"text\"></foxy-i18n></p>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-async-list-control\n        first=${codesUrl}\n        limit=\"5\"\n        infer=\"coupon-codes\"\n        item=\"foxy-coupon-code-card\"\n        form=\"foxy-coupon-code-form\"\n        alert\n        .formProps=${{ '.getTransactionPageHref': this.getTransactionPageHref }}\n        .actions=${this.__couponCodesActions}\n        .filters=${this.__codesFilters}\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-editable-list-control\n        infer=\"product-code-restrictions\"\n        .getValue=${this.__productCodeRestrictionsGetValue}\n        .setValue=${this.__productCodeRestrictionsSetValue}\n        .units=${[\n          { label: this.t('product-code-restrictions.unit_allow'), value: 'allow' },\n          { label: this.t('product-code-restrictions.unit_block'), value: 'block' },\n        ]}\n      >\n      </foxy-internal-editable-list-control>\n\n      <foxy-internal-array-map-control infer=\"item-option-restrictions\">\n      </foxy-internal-array-map-control>\n\n      <foxy-internal-query-builder-control\n        infer=\"customer-attribute-restrictions\"\n        disable-zoom\n        disable-or\n        .operators=${this.__customerAttributeRestrictionsOperators}\n        .getValue=${this.__customerAttributeRestrictionsGetValue}\n        .setValue=${this.__customerAttributeRestrictionsSetValue}\n      >\n      </foxy-internal-query-builder-control>\n\n      <foxy-internal-editable-list-control\n        infer=\"customer-subscription-restrictions\"\n        .getValue=${this.__customerSubscriptionRestrictionsGetValue}\n        .setValue=${this.__customerSubscriptionRestrictionsSetValue}\n      >\n      </foxy-internal-editable-list-control>\n\n      <foxy-internal-summary-control infer=\"auto-apply\">\n        <foxy-internal-switch-control infer=\"customer-auto-apply\"></foxy-internal-switch-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"category-restrictions-stub\">\n        <p class=\"text-disabled\"><foxy-i18n infer=\"\" key=\"text\"></foxy-i18n></p>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-async-resource-link-list-control\n        foreign-key-for-uri=\"item_category_uri\"\n        foreign-key-for-id=\"item_category_id\"\n        own-key-for-uri=\"coupon_uri\"\n        own-uri=${ifDefined(this.data?._links.self.href)}\n        embed-key=\"fx:coupon_item_categories\"\n        options-href=${ifDefined(this.__storeLoader?.data?._links['fx:item_categories'].href)}\n        links-href=${ifDefined(this.data?._links['fx:coupon_item_categories'].href)}\n        infer=\"category-restrictions\"\n        limit=\"5\"\n        item=\"foxy-item-category-card\"\n      >\n      </foxy-internal-async-resource-link-list-control>\n\n      <foxy-internal-summary-control infer=\"uses\">\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          infer=\"number-of-uses-allowed\"\n          step=\"1\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          infer=\"number-of-uses-allowed-per-customer\"\n          step=\"1\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          infer=\"number-of-uses-allowed-per-code\"\n          step=\"1\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"timeframe\">\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"start-date\">\n        </foxy-internal-date-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"end-date\">\n        </foxy-internal-date-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"taxes\">\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          infer=\"inclusive-tax-rate\"\n          min=\"0\"\n          max=\"1\"\n        >\n        </foxy-internal-number-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"options\">\n        <foxy-internal-switch-control infer=\"multiple-codes-allowed\"></foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"combinable\"></foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"exclude-category-discounts\">\n        </foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"exclude-line-item-discounts\">\n        </foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"is-taxable\"></foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"shared-codes-allowed\"></foxy-internal-switch-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"attributes-stub\">\n        <p class=\"text-disabled\"><foxy-i18n infer=\"\" key=\"text\"></foxy-i18n></p>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-async-list-control\n        first=${ifDefined(this.data?._links['fx:attributes'].href)}\n        limit=\"5\"\n        infer=\"attributes\"\n        item=\"foxy-attribute-card\"\n        form=\"foxy-attribute-form\"\n        alert\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n\n      <foxy-nucleon\n        infer=\"\"\n        class=\"hidden\"\n        href=${ifDefined(this.data?._links['fx:store'].href)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n  }\n\n  private get __storeLoader() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__storeLoaderId}`);\n  }\n}\n"]}
+{"version":3,"file":"CouponForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponForm/CouponForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult, PropertyDeclarations } from 'lit-element';\nimport type { Data, TransactionPageHrefGetter } from './types';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { Option, Rule } from '../QueryBuilder/types';\nimport type { SwipeAction } from '../../internal/InternalAsyncListControl/types';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Item } from '../../internal/InternalEditableListControl/types';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { Type, Operator } from '../QueryBuilder/types';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\nimport { parse } from '../QueryBuilder/utils/parse';\nimport { stringify } from '../QueryBuilder/utils/stringify';\n\nconst NS = 'coupon-form';\nconst Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));\n\n/**\n * Form element for creating or editing coupons (`fx:coupon`).\n *\n * @element foxy-coupon-form\n * @since 1.15.0\n */\nexport class CouponForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getTransactionPageHref: { attribute: false },\n      __couponCodesActions: { type: Array },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => !v || v.length <= 50 || 'name:v8n_too_long',\n      ({ inclusive_tax_rate: v }) => !v || v >= 0 || 'inclusive-tax-rate:v8n_too_small',\n      ({ inclusive_tax_rate: v }) => !v || v <= 1 || 'inclusive-tax-rate:v8n_too_big',\n      ({ number_of_uses_allowed: v }) => !v || v >= 0 || 'number-of-uses-allowed:v8n_too_small',\n      ({ coupon_discount_details: v }) => !!v || 'rules:v8n_required',\n      ({ coupon_discount_details: v }) => !v || v.length <= 200 || 'rules:v8n_too_long',\n      ({ item_option_restrictions: v }) => {\n        return !v || JSON.stringify(v).length <= 6000 || 'item-option-restrictions:v8n_too_long';\n      },\n      ({ product_code_restrictions: v }) => {\n        return !v || v.length <= 5000 || 'product-code-restrictions:v8n_too_long';\n      },\n      ({ customer_attribute_restrictions: v }) => {\n        return !v || v.length <= 2000 || 'customer-attribute-restrictions:v8n_too_long';\n      },\n      ({ number_of_uses_allowed_per_code: v }) => {\n        return !v || v >= 0 || 'number-of-uses-allowed-per-code:v8n_too_small';\n      },\n      ({ customer_subscription_restrictions: v }) => {\n        return !v || v.length <= 200 || 'customer-subscription-restrictions:v8n_too_long';\n      },\n      ({ number_of_uses_allowed_per_customer: v }) => {\n        return !v || v >= 0 || 'number-of-uses-allowed-per-customer:v8n_too_small';\n      },\n    ];\n  }\n\n  getTransactionPageHref: TransactionPageHrefGetter | null = null;\n\n  private readonly __customerAttributeRestrictionsOperators: Operator[] = [\n    Operator.Not,\n    Operator.In,\n  ];\n\n  private readonly __customerAttributeRestrictionsGetValue = () => {\n    const simplifiedValue = parse(this.form.customer_attribute_restrictions ?? '')\n      .filter(value => Array.isArray(value) || typeof value.name === 'string')\n      .map(value => {\n        if (Array.isArray(value)) {\n          return value\n            .filter(({ name }) => typeof name === 'string')\n            .map(({ name, operator, value }) => {\n              const output: Rule = { path: name as string, operator, value };\n              return output;\n            });\n        }\n\n        const output: Rule = {\n          operator: value.operator,\n          value: value.value,\n          path: value.name as string,\n        };\n\n        return output;\n      });\n\n    return stringify(simplifiedValue, true);\n  };\n\n  private readonly __customerAttributeRestrictionsSetValue = (newValue: string) => {\n    const augmentedValue = parse(newValue).map(value => {\n      if (Array.isArray(value)) {\n        return value.map(({ path, operator, value }) => {\n          const output: Rule = { name: path, path: 'attributes', operator, value };\n          return output;\n        });\n      } else {\n        const output: Rule = {\n          operator: value.operator,\n          value: value.value,\n          path: 'attributes',\n          name: value.path,\n        };\n\n        return output;\n      }\n    });\n\n    this.edit({ customer_attribute_restrictions: stringify(augmentedValue, true) });\n  };\n\n  private readonly __customerSubscriptionRestrictionsGetValue = () => {\n    const items = this.form.customer_subscription_restrictions\n      ?.split(',')\n      .map(value => value.trim())\n      .filter((value, index, values) => !!value && values.indexOf(value) === index)\n      .map(value => ({ value }));\n\n    return items ?? [];\n  };\n\n  private readonly __customerSubscriptionRestrictionsSetValue = (newValue: Item[]) => {\n    this.edit({\n      customer_subscription_restrictions: newValue\n        .map(({ value }) => value.trim())\n        .filter((value, index, values) => !!value && values.indexOf(value) === index)\n        .join(),\n    });\n\n    this.edit({\n      customer_auto_apply:\n        !!this.form.customer_subscription_restrictions ||\n        !!this.form.customer_attribute_restrictions,\n    });\n  };\n\n  private readonly __productCodeRestrictionsGetValue = () => {\n    return this.form.product_code_restrictions\n      ?.split(',')\n      .filter(v => !!v.trim())\n      .map(value => ({\n        value,\n        label: value.startsWith('-')\n          ? this.t(`product-code-restrictions.label_block`, { value: value.substring(1) })\n          : this.t(`product-code-restrictions.label_allow`, { value }),\n      }));\n  };\n\n  private readonly __productCodeRestrictionsSetValue = (newValue: Item[]) => {\n    this.edit({\n      product_code_restrictions: newValue\n        .map(({ value, unit }) => (unit === 'block' ? `-${value}` : value))\n        .filter((v, i, a) => !!v && a.indexOf(v) === i)\n        .join(','),\n    });\n  };\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  private readonly __codesFilters: Option[] = [\n    { label: 'option_code', path: 'code', type: Type.String },\n    { label: 'option_number_of_uses_to_date', path: 'number_of_uses_to_date', type: Type.Number },\n    { label: 'option_date_created', path: 'date_created', type: Type.Date },\n    { label: 'option_date_modified', path: 'date_modified', type: Type.Date },\n  ];\n\n  private __couponCodesActions: SwipeAction<Resource<Rels.CouponCode>>[] = [\n    {\n      theme: 'contrast',\n      state: 'idle',\n      text: 'copy_button_text',\n      onClick: async data => {\n        this.__couponCodesActions[0].state = 'busy';\n        this.__couponCodesActions = [...this.__couponCodesActions];\n\n        try {\n          await navigator.clipboard.writeText(data.code);\n          this.__couponCodesActions[0].state = 'end';\n        } catch {\n          this.__couponCodesActions[0].state = 'error';\n        } finally {\n          this.__couponCodesActions = [...this.__couponCodesActions];\n          setTimeout(() => {\n            this.__couponCodesActions[0].state = 'idle';\n            this.__couponCodesActions = [...this.__couponCodesActions];\n          }, 1000);\n        }\n      },\n    },\n  ];\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n\n    if (this.data) {\n      alwaysMatch.push('coupon-codes-stub', 'category-restrictions-stub', 'attributes-stub');\n    } else {\n      alwaysMatch.push('coupon-codes', 'category-restrictions', 'attributes');\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get headerSubtitleOptions(): Record<string, unknown> {\n    return { ...super.headerSubtitleOptions, id: this.headerCopyIdValue };\n  }\n\n  renderHeaderActions(data: Data): TemplateResult {\n    return html`\n      <foxy-internal-bulk-add-action-control\n        parent=${data._links['fx:generate_codes'].href}\n        infer=\"generate\"\n        form=\"foxy-generate-codes-form\"\n        .related=${[data._links['fx:coupon_codes'].href]}\n      >\n      </foxy-internal-bulk-add-action-control>\n\n      <foxy-internal-bulk-add-action-control\n        parent=${data._links['fx:coupon_codes'].href}\n        infer=\"import\"\n        form=\"foxy-coupon-codes-form\"\n        .related=${[data._links['fx:coupon_codes'].href]}\n      >\n      </foxy-internal-bulk-add-action-control>\n\n      ${super.renderHeaderActions(data)}\n    `;\n  }\n\n  renderBody(): TemplateResult {\n    let codesUrl: string | undefined;\n\n    try {\n      const url = new URL(this.data?._links['fx:coupon_codes'].href ?? '');\n      url.searchParams.set('order', 'date_created desc');\n\n      codesUrl = url.toString();\n    } catch {\n      codesUrl = undefined;\n    }\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"name\"></foxy-internal-text-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-coupon-form-rules-control infer=\"rules\">\n      </foxy-internal-coupon-form-rules-control>\n\n      <foxy-internal-summary-control infer=\"coupon-codes-stub\">\n        <p class=\"text-disabled\"><foxy-i18n infer=\"\" key=\"text\"></foxy-i18n></p>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-async-list-control\n        first=${codesUrl}\n        limit=\"5\"\n        infer=\"coupon-codes\"\n        item=\"foxy-coupon-code-card\"\n        form=\"foxy-coupon-code-form\"\n        alert\n        .formProps=${{ '.getTransactionPageHref': this.getTransactionPageHref }}\n        .actions=${this.__couponCodesActions}\n        .filters=${this.__codesFilters}\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-editable-list-control\n        infer=\"product-code-restrictions\"\n        .getValue=${this.__productCodeRestrictionsGetValue}\n        .setValue=${this.__productCodeRestrictionsSetValue}\n        .units=${[\n          { label: this.t('product-code-restrictions.unit_allow'), value: 'allow' },\n          { label: this.t('product-code-restrictions.unit_block'), value: 'block' },\n        ]}\n      >\n      </foxy-internal-editable-list-control>\n\n      <foxy-internal-array-map-control infer=\"item-option-restrictions\">\n      </foxy-internal-array-map-control>\n\n      <foxy-internal-query-builder-control\n        infer=\"customer-attribute-restrictions\"\n        disable-zoom\n        disable-or\n        .operators=${this.__customerAttributeRestrictionsOperators}\n        .getValue=${this.__customerAttributeRestrictionsGetValue}\n        .setValue=${this.__customerAttributeRestrictionsSetValue}\n      >\n      </foxy-internal-query-builder-control>\n\n      <foxy-internal-editable-list-control\n        infer=\"customer-subscription-restrictions\"\n        .getValue=${this.__customerSubscriptionRestrictionsGetValue}\n        .setValue=${this.__customerSubscriptionRestrictionsSetValue}\n      >\n      </foxy-internal-editable-list-control>\n\n      <foxy-internal-summary-control infer=\"auto-apply\">\n        <foxy-internal-switch-control infer=\"customer-auto-apply\"></foxy-internal-switch-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"category-restrictions-stub\">\n        <p class=\"text-disabled\"><foxy-i18n infer=\"\" key=\"text\"></foxy-i18n></p>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-async-resource-link-list-control\n        foreign-key-for-uri=\"item_category_uri\"\n        foreign-key-for-id=\"item_category_id\"\n        own-key-for-uri=\"coupon_uri\"\n        own-uri=${ifDefined(this.data?._links.self.href)}\n        embed-key=\"fx:coupon_item_categories\"\n        options-href=${ifDefined(this.__storeLoader?.data?._links['fx:item_categories'].href)}\n        links-href=${ifDefined(this.data?._links['fx:coupon_item_categories'].href)}\n        infer=\"category-restrictions\"\n        limit=\"5\"\n        item=\"foxy-item-category-card\"\n      >\n      </foxy-internal-async-resource-link-list-control>\n\n      <foxy-internal-summary-control infer=\"uses\">\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          infer=\"number-of-uses-allowed\"\n          step=\"1\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          infer=\"number-of-uses-allowed-per-customer\"\n          step=\"1\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          infer=\"number-of-uses-allowed-per-code\"\n          step=\"1\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"timeframe\">\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"start-date\">\n        </foxy-internal-date-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"end-date\">\n        </foxy-internal-date-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"taxes\">\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          infer=\"inclusive-tax-rate\"\n          min=\"0\"\n          max=\"1\"\n        >\n        </foxy-internal-number-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"options\">\n        <foxy-internal-switch-control infer=\"multiple-codes-allowed\"></foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"combinable\"></foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"exclude-category-discounts\">\n        </foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"exclude-line-item-discounts\">\n        </foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"is-taxable\"></foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"shared-codes-allowed\"></foxy-internal-switch-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"attributes-stub\">\n        <p class=\"text-disabled\"><foxy-i18n infer=\"\" key=\"text\"></foxy-i18n></p>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-async-list-control\n        first=${ifDefined(this.data?._links['fx:attributes'].href)}\n        limit=\"5\"\n        infer=\"attributes\"\n        item=\"foxy-attribute-card\"\n        form=\"foxy-attribute-form\"\n        alert\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n\n      <foxy-nucleon\n        infer=\"\"\n        class=\"hidden\"\n        href=${ifDefined(this.data?._links['fx:store'].href)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n  }\n\n  private get __storeLoader() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__storeLoaderId}`);\n  }\n}\n"]}

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

@@ -6,6 +6,16 @@ import { TemplateResult } from 'lit-html';
 import { Translatable } from '../../../mixins/translatable';
 import { DonationChangeEvent } from './DonationChangeEvent';
 import { DonationSubmitEvent } from './DonationSubmitEvent';
+declare global {
+    interface Window {
+        FC?: {
+            settings: {
+                session_name: string;
+                session_id: string;
+            };
+        };
+    }
+}
 interface DonationEventsMap {
     change: typeof DonationChangeEvent;
     submit: typeof DonationSubmitEvent;

package/dist/elements/public/Donation/Donation.js

@@ -383,6 +383,8 @@ export class Donation extends Translatable {
             data.set('empty', this.empty);
         if (this.anonymous)
             data.set('Anonymous', 'true');
+        if (window.FC)
+            data.set(window.FC.settings.session_name, window.FC.settings.session_id);
         data.set('quantity', '1');
         return data;
     }