@foxy.io/elements 1.18.0-beta.4 → 1.18.0-beta.7

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AACrD,OAAO,0BAA0B,CAAC;AAClC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,uDAAoD;AACpD,iDAA8C;AAC9C,uCAAoC;AACpC,uCAAoC;AACpC,sCAAmC;AACnC,qCAAkC;AAClC,kCAA+B;AAC/B,gCAA6B;AAC7B,gCAA6B;AAC7B,6BAA0B;AAC1B,2BAAwB;AACxB,0BAAuB;AAEvB,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field/vaadin-text-field';\nimport '@vaadin/vaadin-combo-box';\nimport '@vaadin/vaadin-button';\nimport '@polymer/iron-icons';\nimport '@polymer/iron-icon';\nimport '../../internal/InternalConfirmDialog/index';\nimport '../../internal/InternalSandbox/index';\nimport '../GenerateCodesForm/index';\nimport '../GiftCardCodesForm/index';\nimport '../GiftCardCodeForm/index';\nimport '../CopyToClipboard/index';\nimport '../QueryBuilder/index';\nimport '../Pagination/index';\nimport '../FormDialog/index';\nimport '../Spinner/index';\nimport '../Table/index';\nimport '../I18n/index';\n\nimport { GiftCardForm } from './GiftCardForm';\n\ncustomElements.define('foxy-gift-card-form', GiftCardForm);\n\nexport { GiftCardForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AACrD,OAAO,0BAA0B,CAAC;AAClC,OAAO,uBAAuB,CAAC;AAE/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,uCAAoC;AACpC,uCAAoC;AACpC,sCAAmC;AACnC,qCAAkC;AAClC,kCAA+B;AAC/B,gCAA6B;AAC7B,gCAA6B;AAC7B,6BAA0B;AAC1B,2BAAwB;AACxB,0BAAuB;AAEvB,qEAAkE;AAElE,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field/vaadin-text-field';\nimport '@vaadin/vaadin-combo-box';\nimport '@vaadin/vaadin-button';\n\nimport '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../GenerateCodesForm/index';\nimport '../GiftCardCodesForm/index';\nimport '../GiftCardCodeForm/index';\nimport '../CopyToClipboard/index';\nimport '../QueryBuilder/index';\nimport '../Pagination/index';\nimport '../FormDialog/index';\nimport '../Spinner/index';\nimport '../Table/index';\nimport '../I18n/index';\n\nimport './internal/InternalGiftCardFormProvisioningControl/index';\n\nimport { GiftCardForm } from './GiftCardForm';\n\ncustomElements.define('foxy-gift-card-form', GiftCardForm);\n\nexport { GiftCardForm };\n"]}

package/dist/elements/public/GiftCardForm/internal/InternalGiftCardFormProvisioningControl/InternalGiftCardFormProvisioningControl.d.ts

@@ -0,0 +1,14 @@
+import type { TemplateResult } from 'lit-html';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+declare const InternalGiftCardFormProvisioningControl_base: typeof InternalControl;
+export declare class InternalGiftCardFormProvisioningControl extends InternalGiftCardFormProvisioningControl_base {
+    private __maxBalanceValueGetter;
+    private __maxBalanceValueSetter;
+    private __minBalanceValueGetter;
+    private __minBalanceValueSetter;
+    private __toggleValueGetter;
+    private __toggleValueSetter;
+    private __toggleOptions;
+    renderControl(): TemplateResult;
+}
+export {};

package/dist/elements/public/GiftCardForm/internal/InternalGiftCardFormProvisioningControl/InternalGiftCardFormProvisioningControl.js

@@ -0,0 +1,93 @@
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { ResponsiveMixin } from "../../../../../mixins/responsive.js";
+import { html } from 'lit-html';
+export class InternalGiftCardFormProvisioningControl extends ResponsiveMixin(InternalControl) {
+    constructor() {
+        super(...arguments);
+        this.__maxBalanceValueGetter = () => {
+            var _a, _b;
+            return (_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.form.provisioning_config) === null || _b === void 0 ? void 0 : _b.initial_balance_max;
+        };
+        this.__maxBalanceValueSetter = (newMax) => {
+            var _a, _b, _c, _d;
+            const newMin = (_c = (_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.form.provisioning_config) === null || _b === void 0 ? void 0 : _b.initial_balance_min) !== null && _c !== void 0 ? _c : newMax;
+            (_d = this.nucleon) === null || _d === void 0 ? void 0 : _d.edit({
+                provisioning_config: {
+                    allow_autoprovisioning: true,
+                    initial_balance_min: newMin > newMax ? newMax : newMin,
+                    initial_balance_max: newMax,
+                },
+            });
+        };
+        this.__minBalanceValueGetter = () => {
+            var _a, _b;
+            return (_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.form.provisioning_config) === null || _b === void 0 ? void 0 : _b.initial_balance_min;
+        };
+        this.__minBalanceValueSetter = (newMin) => {
+            var _a, _b, _c, _d;
+            const newMax = (_c = (_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.form.provisioning_config) === null || _b === void 0 ? void 0 : _b.initial_balance_max) !== null && _c !== void 0 ? _c : newMin;
+            (_d = this.nucleon) === null || _d === void 0 ? void 0 : _d.edit({
+                provisioning_config: {
+                    allow_autoprovisioning: true,
+                    initial_balance_min: newMin,
+                    initial_balance_max: newMax < newMin ? newMin : newMax,
+                },
+            });
+        };
+        this.__toggleValueGetter = () => {
+            var _a, _b;
+            return ((_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.form.provisioning_config) === null || _b === void 0 ? void 0 : _b.allow_autoprovisioning) ? ['allow'] : [];
+        };
+        this.__toggleValueSetter = (newValue) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            if (newValue.includes('allow')) {
+                (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.edit({
+                    provisioning_config: {
+                        allow_autoprovisioning: true,
+                        initial_balance_min: (_d = (_c = (_b = this.nucleon) === null || _b === void 0 ? void 0 : _b.form.provisioning_config) === null || _c === void 0 ? void 0 : _c.initial_balance_min) !== null && _d !== void 0 ? _d : 0,
+                        initial_balance_max: (_g = (_f = (_e = this.nucleon) === null || _e === void 0 ? void 0 : _e.form.provisioning_config) === null || _f === void 0 ? void 0 : _f.initial_balance_max) !== null && _g !== void 0 ? _g : 0,
+                    },
+                });
+            }
+            else {
+                (_h = this.nucleon) === null || _h === void 0 ? void 0 : _h.edit({ provisioning_config: null });
+            }
+        };
+        this.__toggleOptions = [{ label: 'text', value: 'allow' }];
+    }
+    renderControl() {
+        var _a, _b;
+        return html `
+      <foxy-internal-checkbox-group-control
+        infer="toggle"
+        .getValue=${this.__toggleValueGetter}
+        .setValue=${this.__toggleValueSetter}
+        .options=${this.__toggleOptions}
+      >
+      </foxy-internal-checkbox-group-control>
+
+      ${((_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.form.provisioning_config) === null || _b === void 0 ? void 0 : _b.allow_autoprovisioning) ? html `
+            <div class="grid grid-cols-2 sm-grid-cols-4 gap-m mt-s">
+              <foxy-internal-text-control infer="sku" class="col-span-2">
+              </foxy-internal-text-control>
+
+              <foxy-internal-integer-control
+                infer="min-balance"
+                .getValue=${this.__minBalanceValueGetter}
+                .setValue=${this.__minBalanceValueSetter}
+              >
+              </foxy-internal-integer-control>
+
+              <foxy-internal-integer-control
+                infer="max-balance"
+                .getValue=${this.__maxBalanceValueGetter}
+                .setValue=${this.__maxBalanceValueSetter}
+              >
+              </foxy-internal-integer-control>
+            </div>
+          `
+            : ''}
+    `;
+    }
+}
+//# sourceMappingURL=InternalGiftCardFormProvisioningControl.js.map

package/dist/elements/public/GiftCardForm/internal/InternalGiftCardFormProvisioningControl/InternalGiftCardFormProvisioningControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalGiftCardFormProvisioningControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/GiftCardForm/internal/InternalGiftCardFormProvisioningControl/InternalGiftCardFormProvisioningControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Option } from '../../../../internal/InternalCheckboxGroupControl/types';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ResponsiveMixin } from '../../../../../mixins/responsive';\nimport { html } from 'lit-html';\n\nexport class InternalGiftCardFormProvisioningControl extends ResponsiveMixin(InternalControl) {\n  private __maxBalanceValueGetter = () => {\n    return this.nucleon?.form.provisioning_config?.initial_balance_max;\n  };\n\n  private __maxBalanceValueSetter = (newMax: number) => {\n    const newMin = this.nucleon?.form.provisioning_config?.initial_balance_min ?? newMax;\n\n    this.nucleon?.edit({\n      provisioning_config: {\n        allow_autoprovisioning: true,\n        initial_balance_min: newMin > newMax ? newMax : newMin,\n        initial_balance_max: newMax,\n      },\n    });\n  };\n\n  private __minBalanceValueGetter = () => {\n    return this.nucleon?.form.provisioning_config?.initial_balance_min;\n  };\n\n  private __minBalanceValueSetter = (newMin: number) => {\n    const newMax = this.nucleon?.form.provisioning_config?.initial_balance_max ?? newMin;\n\n    this.nucleon?.edit({\n      provisioning_config: {\n        allow_autoprovisioning: true,\n        initial_balance_min: newMin,\n        initial_balance_max: newMax < newMin ? newMin : newMax,\n      },\n    });\n  };\n\n  private __toggleValueGetter = () => {\n    return this.nucleon?.form.provisioning_config?.allow_autoprovisioning ? ['allow'] : [];\n  };\n\n  private __toggleValueSetter = (newValue: string[]) => {\n    if (newValue.includes('allow')) {\n      this.nucleon?.edit({\n        provisioning_config: {\n          allow_autoprovisioning: true,\n          initial_balance_min: this.nucleon?.form.provisioning_config?.initial_balance_min ?? 0,\n          initial_balance_max: this.nucleon?.form.provisioning_config?.initial_balance_max ?? 0,\n        },\n      });\n    } else {\n      this.nucleon?.edit({ provisioning_config: null });\n    }\n  };\n\n  private __toggleOptions: Option[] = [{ label: 'text', value: 'allow' }];\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-checkbox-group-control\n        infer=\"toggle\"\n        .getValue=${this.__toggleValueGetter}\n        .setValue=${this.__toggleValueSetter}\n        .options=${this.__toggleOptions}\n      >\n      </foxy-internal-checkbox-group-control>\n\n      ${this.nucleon?.form.provisioning_config?.allow_autoprovisioning\n        ? html`\n            <div class=\"grid grid-cols-2 sm-grid-cols-4 gap-m mt-s\">\n              <foxy-internal-text-control infer=\"sku\" class=\"col-span-2\">\n              </foxy-internal-text-control>\n\n              <foxy-internal-integer-control\n                infer=\"min-balance\"\n                .getValue=${this.__minBalanceValueGetter}\n                .setValue=${this.__minBalanceValueSetter}\n              >\n              </foxy-internal-integer-control>\n\n              <foxy-internal-integer-control\n                infer=\"max-balance\"\n                .getValue=${this.__maxBalanceValueGetter}\n                .setValue=${this.__maxBalanceValueSetter}\n              >\n              </foxy-internal-integer-control>\n            </div>\n          `\n        : ''}\n    `;\n  }\n}\n"]}

package/dist/elements/public/GiftCardForm/internal/InternalGiftCardFormProvisioningControl/index.d.ts

@@ -0,0 +1,6 @@
+import '../../../../internal/InternalCheckboxGroupControl/index';
+import '../../../../internal/InternalIntegerControl/index';
+import '../../../../internal/InternalTextControl/index';
+import '../../../../internal/InternalControl/index';
+import { InternalGiftCardFormProvisioningControl } from './InternalGiftCardFormProvisioningControl';
+export { InternalGiftCardFormProvisioningControl };

package/dist/elements/public/GiftCardForm/internal/InternalGiftCardFormProvisioningControl/index.js

@@ -0,0 +1,8 @@
+import "../../../../internal/InternalCheckboxGroupControl/index.js";
+import "../../../../internal/InternalIntegerControl/index.js";
+import "../../../../internal/InternalTextControl/index.js";
+import "../../../../internal/InternalControl/index.js";
+import { InternalGiftCardFormProvisioningControl } from "./InternalGiftCardFormProvisioningControl.js";
+customElements.define('foxy-internal-gift-card-form-provisioning-control', InternalGiftCardFormProvisioningControl);
+export { InternalGiftCardFormProvisioningControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/GiftCardForm/internal/InternalGiftCardFormProvisioningControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/GiftCardForm/internal/InternalGiftCardFormProvisioningControl/index.ts"],"names":[],"mappings":"AAAA,oEAAiE;AACjE,8DAA2D;AAC3D,2DAAwD;AACxD,uDAAoD;AAEpD,OAAO,EAAE,uCAAuC,EAAE,qDAAkD;AAEpG,cAAc,CAAC,MAAM,CACnB,mDAAmD,EACnD,uCAAuC,CACxC,CAAC;AAEF,OAAO,EAAE,uCAAuC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalCheckboxGroupControl/index';\nimport '../../../../internal/InternalIntegerControl/index';\nimport '../../../../internal/InternalTextControl/index';\nimport '../../../../internal/InternalControl/index';\n\nimport { InternalGiftCardFormProvisioningControl } from './InternalGiftCardFormProvisioningControl';\n\ncustomElements.define(\n  'foxy-internal-gift-card-form-provisioning-control',\n  InternalGiftCardFormProvisioningControl\n);\n\nexport { InternalGiftCardFormProvisioningControl };\n"]}

package/dist/elements/public/ItemCard/ItemCard.js

@@ -46,11 +46,11 @@ export class ItemCard extends Base {
           <div class="border border-contrast-10 absolute inset-0 rounded"></div>
         </div>
 
-        <div class="flex-1">
+        <div class="flex-1 min-w-0">
           <div class="flex-1 h-l flex items-center">
             <div class="flex-1 leading-s">
-              <div class="font-semibold text-m">${(_h = this.data) === null || _h === void 0 ? void 0 : _h.name}</div>
-              <div class="text-secondary text-m">
+              <div class="font-semibold text-m truncate">${(_h = this.data) === null || _h === void 0 ? void 0 : _h.name}</div>
+              <div class="text-secondary text-m truncate">
                 ${quantity} &times;
 
                 <foxy-i18n
@@ -95,13 +95,15 @@ export class ItemCard extends Base {
                         data-testclass="option"
                         class="flex items-center text-m space-x-xs leading-m"
                       >
-                        <div class="flex-1 text-tertiary">${option.name}: ${option.value}</div>
+                        <div class="flex-1 text-tertiary truncate">
+                          ${option.name}: ${option.value}
+                        </div>
                         ${option.price_mod
                 ? html `
                               <div
                                 class="${option.price_mod > 0
                     ? 'text-success'
-                    : 'text-error'} rounded px-xs"
+                    : 'text-error'} rounded px-xs truncate"
                               >
                                 <foxy-i18n
                                   options=${JSON.stringify({
@@ -120,7 +122,7 @@ export class ItemCard extends Base {
                               <div
                                 class="${option.price_mod > 0
                     ? 'text-success'
-                    : 'text-error'} rounded px-xs"
+                    : 'text-error'} rounded px-xs truncate"
                               >
                                 ${option.weight_mod}
                                 <foxy-i18n key="wgt" infer=""></foxy-i18n>

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

@@ -1 +1 @@
-{"version":3,"file":"ItemCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCard/ItemCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAIhC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE,MAAM,EAAE,GAAG,WAAW,CAAC;AACvB,MAAM,IAAI,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;AAEpE;;;;;GAKG;AACH,MAAM,OAAO,QAAS,SAAQ,IAAU;IAAxC;;QAYE,sBAAiB,GAAG,EAAE,CAAC;QAEvB,eAAU,GAAG,EAAE,CAAC;IAqIlB,CAAC;IAlJC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,iBAAiB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YACvC,UAAU,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SACjC,CAAC;IACJ,CAAC;IASD,UAAU;;QACR,MAAM,QAAQ,eAAG,IAAI,CAAC,IAAI,0CAAE,QAAQ,mCAAI,CAAC,CAAC;QAC1C,MAAM,KAAK,eAAG,IAAI,CAAC,IAAI,0CAAE,KAAK,mCAAI,CAAC,CAAC;QACpC,MAAM,UAAU,GAAG,QAAQ,GAAG,KAAK,CAAC;QACpC,MAAM,OAAO,eAAG,IAAI,CAAC,IAAI,0CAAE,SAAS,0CAAG,iBAAiB,CAAC,CAAC;QAE1D,OAAO,IAAI,CAAA;;;;;kBAKG,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,KAAK,CAAC;;qBAExB,CAAC,GAAU,EAAE,EAAE;YACtB,MAAM,GAAG,GAAG,GAAG,CAAC,aAAiC,CAAC;YAClD,GAAG,CAAC,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC;QACnC,CAAC;;;;;;;;;kDASqC,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI;;kBAE/C,QAAQ;;;4BAGE,IAAI,CAAC,SAAS,CAAC;YACvB,MAAM,EAAE,GAAG,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE;YACrC,eAAe,EAAE,IAAI,CAAC,iBAAiB;SACxC,CAAC;;;;;;;;;4BASQ,IAAI,CAAC,SAAS,CAAC;YACvB,MAAM,EAAE,GAAG,UAAU,IAAI,IAAI,CAAC,UAAU,EAAE;YAC1C,eAAe,EAAE,IAAI,CAAC,iBAAiB;SACxC,CAAC;;;;;;;;cAQN,OAAA,IAAI,CAAC,IAAI,0CAAE,sBAAsB,EACjC,CAAC,CAAC,IAAI,CAAA;;;;;;iBAMH;YACH,CAAC,CAAC,EAAE;;;YAGN,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;YAC7B,CAAC,CAAC,IAAI,CAAA;;oBAEE,OAAO,CAAC,GAAG,CACX,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;;;;4DAK0B,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,KAAK;0BAC9D,MAAM,CAAC,SAAS;gBAChB,CAAC,CAAC,IAAI,CAAA;;yCAES,MAAM,CAAC,SAAS,GAAG,CAAC;oBAC3B,CAAC,CAAC,cAAc;oBAChB,CAAC,CAAC,YAAY;;;4CAGJ,IAAI,CAAC,SAAS,CAAC;oBACvB,MAAM,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,EAAE;oBAChD,eAAe,EAAE,IAAI,CAAC,iBAAiB;iBACxC,CAAC;;;;;;6BAMP;gBACH,CAAC,CAAC,EAAE;0BACJ,MAAM,CAAC,UAAU;gBACjB,CAAC,CAAC,IAAI,CAAA;;yCAES,MAAM,CAAC,SAAS,GAAG,CAAC;oBAC3B,CAAC,CAAC,cAAc;oBAChB,CAAC,CAAC,YAAY;;kCAEd,MAAM,CAAC,UAAU;;;6BAGtB;gBACH,CAAC,CAAC,EAAE;;qBAET,CACF;;eAEJ;YACH,CAAC,CAAC,EAAE;;;KAGX,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,QAAQ;QAItB,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YAC7C,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC;YAC7D,KAAK,CAAC,MAAM,CAAQ,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;SAClD,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,IAAI,CAAC;IACd,CAAC;;AAzIuB,sBAAa,GACnC,+wDAA+wD,CAAC","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { html } from 'lit-html';\nimport { Data } from './types';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\n\nconst NS = 'item-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/**\n * Basic card displaying an item.\n *\n * @element foxy-item-card\n * @since 1.17.0\n */\nexport class ItemCard extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __currencyDisplay: { attribute: false },\n      __currency: { attribute: false },\n    };\n  }\n\n  private static readonly __placeholder =\n    'data:image/svg+xml,%3Csvg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Crect width=\"40\" height=\"40\" fill=\"%23E8E8E8\"/%3E%3Cpath d=\"M31.5143 0H24.5476L0 24.5476V31.5143L11.7046 19.8097L11.9841 17.0782C12.0983 15.9624 13.0131 15.1154 14.1038 15.1154H15.7373V12.1923C15.7373 10.9815 16.6915 10 17.8687 10H21.5143L31.5143 0Z\" fill=\"white\"/%3E%3Cpath d=\"M11.5434 21.3852L0 32.9285V39.8953L11.5822 28.3131C11.172 27.8663 10.9438 27.2444 11.012 26.5782L11.5434 21.3852Z\" fill=\"white\"/%3E%3Cpath d=\"M12.4305 28.879L1.30951 40H8.27631L19.2763 29H13.1316C12.8853 29 12.6495 28.9573 12.4305 28.879Z\" fill=\"white\"/%3E%3Cpath d=\"M28.3113 19.965L28.0159 17.0782C27.9116 16.0591 27.1395 15.2642 26.1754 15.1341L40 1.3095V8.27627L28.3113 19.965Z\" fill=\"white\"/%3E%3Cpath d=\"M20.6905 29L9.69049 40H16.6572L27.9755 28.6817C27.6541 28.8832 27.2756 29 26.8684 29H20.6905Z\" fill=\"white\"/%3E%3Cpath d=\"M28.6572 28C28.9128 27.5952 29.0415 27.1003 28.988 26.5782L28.4426 21.2479L40 9.69053V16.6572L28.6572 28Z\" fill=\"white\"/%3E%3Cpath d=\"M25.0381 40H18.0715L40 18.0715V25.0381L25.0381 40Z\" fill=\"white\"/%3E%3Cpath d=\"M26.4524 40H33.4191L40 33.4191V26.4524L26.4524 40Z\" fill=\"white\"/%3E%3Cpath d=\"M40 40H34.8333L40 34.8333V40Z\" fill=\"white\"/%3E%3Cpath d=\"M16.1666 0H23.1334L0 23.1334V16.1666L16.1666 0Z\" fill=\"white\"/%3E%3Cpath d=\"M14.7524 0H7.78571L0 7.78573V14.7524L14.7524 0Z\" fill=\"white\"/%3E%3Cpath d=\"M0 0H6.37152L0 6.37151V0Z\" fill=\"white\"/%3E%3Cpath d=\"M21.467 11.4615H17.8687C17.4763 11.4615 17.1582 11.7887 17.1582 12.1923V15.1154H22.8418V12.1923C22.8418 11.7887 22.5237 11.4615 22.1313 11.4615H21.467Z\" fill=\"white\"/%3E%3Cpath d=\"M24.7798 15.1154H24.2627V12.1923C24.2627 11.227 23.6562 10.4075 22.8138 10.1148L32.9286 0H39.89L24.7798 15.1154Z\" fill=\"white\"/%3E%3C/svg%3E';\n\n  __currencyDisplay = '';\n\n  __currency = '';\n\n  renderBody(): TemplateResult {\n    const quantity = this.data?.quantity ?? 0;\n    const price = this.data?.price ?? 0;\n    const totalPrice = quantity * price;\n    const options = this.data?._embedded?.['fx:item_options'];\n\n    return html`\n      <div class=\"flex items-start space-x-m leading-m\">\n        <div class=\"w-l h-l relative flex-shrink-0\">\n          <img\n            class=\"relative w-full h-full object-cover rounded\"\n            src=${ifDefined(this.data?.image)}\n            alt=\"\"\n            @error=${(evt: Event) => {\n              const img = evt.currentTarget as HTMLImageElement;\n              img.src = ItemCard.__placeholder;\n            }}\n          />\n\n          <div class=\"border border-contrast-10 absolute inset-0 rounded\"></div>\n        </div>\n\n        <div class=\"flex-1\">\n          <div class=\"flex-1 h-l flex items-center\">\n            <div class=\"flex-1 leading-s\">\n              <div class=\"font-semibold text-m\">${this.data?.name}</div>\n              <div class=\"text-secondary text-m\">\n                ${quantity} &times;\n\n                <foxy-i18n\n                  options=${JSON.stringify({\n                    amount: `${price} ${this.__currency}`,\n                    currencyDisplay: this.__currencyDisplay,\n                  })}\n                  key=\"price\"\n                  infer=\"\"\n                >\n                </foxy-i18n>\n\n                &equals;\n\n                <foxy-i18n\n                  options=${JSON.stringify({\n                    amount: `${totalPrice} ${this.__currency}`,\n                    currencyDisplay: this.__currencyDisplay,\n                  })}\n                  key=\"price\"\n                  infer=\"\"\n                >\n                </foxy-i18n>\n              </div>\n            </div>\n\n            ${this.data?.subscription_frequency\n              ? html`\n                  <div\n                    class=\"w-xs h-xs flex items-center justify-center rounded-full bg-contrast-5\"\n                  >\n                    <iron-icon icon=\"icons:autorenew\" class=\"icon-inline text-s\"></iron-icon>\n                  </div>\n                `\n              : ''}\n          </div>\n\n          ${options && options.length > 0\n            ? html`\n                <div class=\"mt-s\">\n                  ${options.map(\n                    option => html`\n                      <div\n                        data-testclass=\"option\"\n                        class=\"flex items-center text-m space-x-xs leading-m\"\n                      >\n                        <div class=\"flex-1 text-tertiary\">${option.name}: ${option.value}</div>\n                        ${option.price_mod\n                          ? html`\n                              <div\n                                class=\"${option.price_mod > 0\n                                  ? 'text-success'\n                                  : 'text-error'} rounded px-xs\"\n                              >\n                                <foxy-i18n\n                                  options=${JSON.stringify({\n                                    amount: `${option.price_mod} ${this.__currency}`,\n                                    currencyDisplay: this.__currencyDisplay,\n                                  })}\n                                  key=\"price\"\n                                  infer=\"\"\n                                >\n                                </foxy-i18n>\n                              </div>\n                            `\n                          : ''}\n                        ${option.weight_mod\n                          ? html`\n                              <div\n                                class=\"${option.price_mod > 0\n                                  ? 'text-success'\n                                  : 'text-error'} rounded px-xs\"\n                              >\n                                ${option.weight_mod}\n                                <foxy-i18n key=\"wgt\" infer=\"\"></foxy-i18n>\n                              </div>\n                            `\n                          : ''}\n                      </div>\n                    `\n                  )}\n                </div>\n              `\n            : ''}\n        </div>\n      </div>\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n    type Store = Resource<Rels.Store>;\n\n    const item = await super._sendGet();\n    const [transaction, store] = await Promise.all([\n      super._fetch<Transaction>(item._links['fx:transaction'].href),\n      super._fetch<Store>(item._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 item;\n  }\n}\n"]}
+{"version":3,"file":"ItemCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCard/ItemCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { html } from 'lit-html';\nimport { Data } from './types';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\n\nconst NS = 'item-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/**\n * Basic card displaying an item.\n *\n * @element foxy-item-card\n * @since 1.17.0\n */\nexport class ItemCard extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __currencyDisplay: { attribute: false },\n      __currency: { attribute: false },\n    };\n  }\n\n  private static readonly __placeholder =\n    'data:image/svg+xml,%3Csvg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Crect width=\"40\" height=\"40\" fill=\"%23E8E8E8\"/%3E%3Cpath d=\"M31.5143 0H24.5476L0 24.5476V31.5143L11.7046 19.8097L11.9841 17.0782C12.0983 15.9624 13.0131 15.1154 14.1038 15.1154H15.7373V12.1923C15.7373 10.9815 16.6915 10 17.8687 10H21.5143L31.5143 0Z\" fill=\"white\"/%3E%3Cpath d=\"M11.5434 21.3852L0 32.9285V39.8953L11.5822 28.3131C11.172 27.8663 10.9438 27.2444 11.012 26.5782L11.5434 21.3852Z\" fill=\"white\"/%3E%3Cpath d=\"M12.4305 28.879L1.30951 40H8.27631L19.2763 29H13.1316C12.8853 29 12.6495 28.9573 12.4305 28.879Z\" fill=\"white\"/%3E%3Cpath d=\"M28.3113 19.965L28.0159 17.0782C27.9116 16.0591 27.1395 15.2642 26.1754 15.1341L40 1.3095V8.27627L28.3113 19.965Z\" fill=\"white\"/%3E%3Cpath d=\"M20.6905 29L9.69049 40H16.6572L27.9755 28.6817C27.6541 28.8832 27.2756 29 26.8684 29H20.6905Z\" fill=\"white\"/%3E%3Cpath d=\"M28.6572 28C28.9128 27.5952 29.0415 27.1003 28.988 26.5782L28.4426 21.2479L40 9.69053V16.6572L28.6572 28Z\" fill=\"white\"/%3E%3Cpath d=\"M25.0381 40H18.0715L40 18.0715V25.0381L25.0381 40Z\" fill=\"white\"/%3E%3Cpath d=\"M26.4524 40H33.4191L40 33.4191V26.4524L26.4524 40Z\" fill=\"white\"/%3E%3Cpath d=\"M40 40H34.8333L40 34.8333V40Z\" fill=\"white\"/%3E%3Cpath d=\"M16.1666 0H23.1334L0 23.1334V16.1666L16.1666 0Z\" fill=\"white\"/%3E%3Cpath d=\"M14.7524 0H7.78571L0 7.78573V14.7524L14.7524 0Z\" fill=\"white\"/%3E%3Cpath d=\"M0 0H6.37152L0 6.37151V0Z\" fill=\"white\"/%3E%3Cpath d=\"M21.467 11.4615H17.8687C17.4763 11.4615 17.1582 11.7887 17.1582 12.1923V15.1154H22.8418V12.1923C22.8418 11.7887 22.5237 11.4615 22.1313 11.4615H21.467Z\" fill=\"white\"/%3E%3Cpath d=\"M24.7798 15.1154H24.2627V12.1923C24.2627 11.227 23.6562 10.4075 22.8138 10.1148L32.9286 0H39.89L24.7798 15.1154Z\" fill=\"white\"/%3E%3C/svg%3E';\n\n  __currencyDisplay = '';\n\n  __currency = '';\n\n  renderBody(): TemplateResult {\n    const quantity = this.data?.quantity ?? 0;\n    const price = this.data?.price ?? 0;\n    const totalPrice = quantity * price;\n    const options = this.data?._embedded?.['fx:item_options'];\n\n    return html`\n      <div class=\"flex items-start space-x-m leading-m\">\n        <div class=\"w-l h-l relative flex-shrink-0\">\n          <img\n            class=\"relative w-full h-full object-cover rounded\"\n            src=${ifDefined(this.data?.image)}\n            alt=\"\"\n            @error=${(evt: Event) => {\n              const img = evt.currentTarget as HTMLImageElement;\n              img.src = ItemCard.__placeholder;\n            }}\n          />\n\n          <div class=\"border border-contrast-10 absolute inset-0 rounded\"></div>\n        </div>\n\n        <div class=\"flex-1 min-w-0\">\n          <div class=\"flex-1 h-l flex items-center\">\n            <div class=\"flex-1 leading-s\">\n              <div class=\"font-semibold text-m truncate\">${this.data?.name}</div>\n              <div class=\"text-secondary text-m truncate\">\n                ${quantity} &times;\n\n                <foxy-i18n\n                  options=${JSON.stringify({\n                    amount: `${price} ${this.__currency}`,\n                    currencyDisplay: this.__currencyDisplay,\n                  })}\n                  key=\"price\"\n                  infer=\"\"\n                >\n                </foxy-i18n>\n\n                &equals;\n\n                <foxy-i18n\n                  options=${JSON.stringify({\n                    amount: `${totalPrice} ${this.__currency}`,\n                    currencyDisplay: this.__currencyDisplay,\n                  })}\n                  key=\"price\"\n                  infer=\"\"\n                >\n                </foxy-i18n>\n              </div>\n            </div>\n\n            ${this.data?.subscription_frequency\n              ? html`\n                  <div\n                    class=\"w-xs h-xs flex items-center justify-center rounded-full bg-contrast-5\"\n                  >\n                    <iron-icon icon=\"icons:autorenew\" class=\"icon-inline text-s\"></iron-icon>\n                  </div>\n                `\n              : ''}\n          </div>\n\n          ${options && options.length > 0\n            ? html`\n                <div class=\"mt-s\">\n                  ${options.map(\n                    option => html`\n                      <div\n                        data-testclass=\"option\"\n                        class=\"flex items-center text-m space-x-xs leading-m\"\n                      >\n                        <div class=\"flex-1 text-tertiary truncate\">\n                          ${option.name}: ${option.value}\n                        </div>\n                        ${option.price_mod\n                          ? html`\n                              <div\n                                class=\"${option.price_mod > 0\n                                  ? 'text-success'\n                                  : 'text-error'} rounded px-xs truncate\"\n                              >\n                                <foxy-i18n\n                                  options=${JSON.stringify({\n                                    amount: `${option.price_mod} ${this.__currency}`,\n                                    currencyDisplay: this.__currencyDisplay,\n                                  })}\n                                  key=\"price\"\n                                  infer=\"\"\n                                >\n                                </foxy-i18n>\n                              </div>\n                            `\n                          : ''}\n                        ${option.weight_mod\n                          ? html`\n                              <div\n                                class=\"${option.price_mod > 0\n                                  ? 'text-success'\n                                  : 'text-error'} rounded px-xs truncate\"\n                              >\n                                ${option.weight_mod}\n                                <foxy-i18n key=\"wgt\" infer=\"\"></foxy-i18n>\n                              </div>\n                            `\n                          : ''}\n                      </div>\n                    `\n                  )}\n                </div>\n              `\n            : ''}\n        </div>\n      </div>\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n    type Store = Resource<Rels.Store>;\n\n    const item = await super._sendGet();\n    const [transaction, store] = await Promise.all([\n      super._fetch<Transaction>(item._links['fx:transaction'].href),\n      super._fetch<Store>(item._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 item;\n  }\n}\n"]}

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

@@ -0,0 +1,6 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { TwoLineCard } from '../CustomFieldCard/TwoLineCard';
+export declare class ItemCategoryCard extends TwoLineCard<Data> {
+    render(): TemplateResult;
+}

package/dist/elements/public/ItemCategoryCard/ItemCategoryCard.js

@@ -0,0 +1,11 @@
+import { TwoLineCard } from "../CustomFieldCard/TwoLineCard.js";
+import { html } from 'lit-html';
+export class ItemCategoryCard extends TwoLineCard {
+    render() {
+        return super.render({
+            title: data => html `${data.name}`,
+            subtitle: data => html `${data.code}`,
+        });
+    }
+}
+//# sourceMappingURL=ItemCategoryCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemCategoryCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCategoryCard/ItemCategoryCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,gBAAiB,SAAQ,WAAiB;IACrD,MAAM;QACJ,OAAO,KAAK,CAAC,MAAM,CAAC;YAClB,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,EAAE;YACjC,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,EAAE;SACrC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\nimport { html } from 'lit-html';\n\nexport class ItemCategoryCard extends TwoLineCard<Data> {\n  render(): TemplateResult {\n    return super.render({\n      title: data => html`${data.name}`,\n      subtitle: data => html`${data.code}`,\n    });\n  }\n}\n"]}

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

@@ -0,0 +1,2 @@
+import { ItemCategoryCard } from './ItemCategoryCard';
+export { ItemCategoryCard };

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

@@ -0,0 +1,4 @@
+import { ItemCategoryCard } from "./ItemCategoryCard.js";
+customElements.define('foxy-item-category-card', ItemCategoryCard);
+export { ItemCategoryCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemCategoryCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,8BAA2B;AAEtD,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import { ItemCategoryCard } from './ItemCategoryCard';\n\ncustomElements.define('foxy-item-category-card', ItemCategoryCard);\n\nexport { ItemCategoryCard };\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1,31 @@
+import type { PropertyDeclarations } from 'lit-element';
+import type { TemplateResult } from 'lit-html';
+import type { NucleonV8N } from '../NucleonElement/types';
+import type { Data } from './types';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+declare const ItemCategoryForm_base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class ItemCategoryForm extends ItemCategoryForm_base<Data> {
+    static get properties(): PropertyDeclarations;
+    static get v8n(): NucleonV8N<Data>;
+    emailTemplates: string | null;
+    taxes: string | null;
+    private static __shippingFlatRateTypeOptions;
+    private static __defaultWeightUnitOptions;
+    private static __defaultLengthUnitOptions;
+    private static __itemDeliveryTypeOptions;
+    private static __handlingFeeTypeOptions;
+    renderBody(): TemplateResult;
+    private __renderHandlingFee;
+    private __renderHandlingFeePercentage;
+    private __renderHandlingFeeMinimum;
+    private __renderDownloadDeliveryControls;
+    private __renderFlatRateControls;
+    private __renderShippingControls;
+    private __renderCustomsValue;
+    private __renderDiscountBuilder;
+    private __renderAdminEmail;
+    private __renderTaxes;
+}
+export {};