npm - @foxy.io/elements - Versions diffs - 1.29.0-beta.5 → 1.29.0-beta.6 - Mend

@foxy.io/elements 1.29.0-beta.5 → 1.29.0-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (239) hide show

package/dist/elements/public/PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { PropertyDeclarations } from 'lit-element';
-import type { Data } from './types';
 import type { TemplateResult } from 'lit-html';
 import type { NucleonV8N } from '../NucleonElement/types';
+import type { Data } from './types';
 import { BooleanSelector } from '@foxy.io/sdk/core';
 import { InternalForm } from '../../internal/InternalForm/InternalForm';
 declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
@@ -25,13 +25,12 @@ export declare class PaymentsApiPaymentPresetForm extends Base<Data> {
     getFraudProtectionImageSrc: ((type: string) => string) | null;
     /** A function that returns image URL for given payment method `type`. */
     getPaymentMethodImageSrc: ((type: string) => string) | null;
-    private static readonly __isPOEnabledOptions;
-    private static readonly __isLiveOptions;
-    private __getIsPOEnabledValue;
-    private __setIsPOEnabledValue;
-    private __getIsLiveValue;
-    private __setIsLiveValue;
+    private readonly __isPurchaseOrderEnabledGetValue;
+    private readonly __isLiveGetValue;
+    private readonly __storeLoaderId;
+    get readonlySelector(): BooleanSelector;
     get hiddenSelector(): BooleanSelector;
     renderBody(): TemplateResult;
+    private get __storeLoader();
 }
 export {};

package/dist/elements/public/PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { BooleanSelector } from '@foxy.io/sdk/core';
 import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
 import { html } from 'lit-html';
 const NS = 'payments-api-payment-preset-form';
 const Base = TranslatableMixin(InternalForm, NS);
@@ -22,18 +23,15 @@ export class PaymentsApiPaymentPresetForm extends Base {
         this.getFraudProtectionImageSrc = null;
         /** A function that returns image URL for given payment method `type`. */
         this.getPaymentMethodImageSrc = null;
-        this.__getIsPOEnabledValue = () => {
-            return this.form.is_purchase_order_enabled ? ['true'] : [];
+        this.__isPurchaseOrderEnabledGetValue = () => {
+            var _a, _b;
+            return ((_b = (_a = this.__storeLoader) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.is_active) ? this.form.is_purchase_order_enabled : false;
         };
-        this.__setIsPOEnabledValue = newValue => {
-            this.edit({ is_purchase_order_enabled: newValue.includes('true') });
-        };
-        this.__getIsLiveValue = () => {
-            return this.form.is_live ? ['live'] : ['test'];
-        };
-        this.__setIsLiveValue = newValue => {
-            this.edit({ is_live: newValue.includes('live') });
+        this.__isLiveGetValue = () => {
+            var _a, _b;
+            return ((_b = (_a = this.__storeLoader) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.is_active) ? this.form.is_live : false;
         };
+        this.__storeLoaderId = 'storeLoader';
     }
     static get properties() {
         return {
@@ -48,99 +46,94 @@ export class PaymentsApiPaymentPresetForm extends Base {
             ({ description: v }) => (v && v.length <= 100) || 'description:v8n_too_long',
         ];
     }
+    get readonlySelector() {
+        var _a, _b;
+        const alwaysMatch = [super.hiddenSelector.toString()];
+        if (!((_b = (_a = this.__storeLoader) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.is_active)) {
+            alwaysMatch.unshift('general:is-live', 'general:is-purchase-order-enabled');
+        }
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
+    }
     get hiddenSelector() {
-        return new BooleanSelector(`header:copy-json ${super.hiddenSelector}`.trimEnd());
+        var _a;
+        const alwaysMatch = ['header:copy-json', super.hiddenSelector.toString()];
+        const store = (_a = this.__storeLoader) === null || _a === void 0 ? void 0 : _a.data;
+        if (!this.data)
+            alwaysMatch.unshift('payment-methods', 'fraud-protections');
+        if (!store)
+            alwaysMatch.unshift('general:is-live', 'general:is-purchase-order-enabled');
+        return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
     renderBody() {
-        const constructor = this.constructor;
+        var _a, _b, _c, _d, _e, _f;
+        const isStoreActive = !!((_b = (_a = this.__storeLoader) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.is_active);
+        const helperTextSuffix = isStoreActive ? '' : '_inactive_store';
         return html `
       ${this.renderHeader()}
-      <foxy-internal-text-control infer="description"></foxy-internal-text-control>
+      <foxy-internal-summary-control infer="general">
+        <foxy-internal-text-control layout="summary-item" infer="description">
+        </foxy-internal-text-control>
-      <div class="-mb-s">
-        <foxy-internal-checkbox-group-control
+        <foxy-internal-switch-control
+          helper-text=${this.t(`general.is-live.helper_text${helperTextSuffix}`)}
           infer="is-live"
-          .getValue=${this.__getIsLiveValue}
-          .setValue=${this.__setIsLiveValue}
-          .options=${constructor.__isLiveOptions}
+          helper-text-as-tooltip
+          .getValue=${this.__isLiveGetValue}
         >
-        </foxy-internal-checkbox-group-control>
+        </foxy-internal-switch-control>
-        <foxy-internal-checkbox-group-control
+        <foxy-internal-switch-control
+          helper-text=${this.t(`general.is-purchase-order-enabled.helper_text${helperTextSuffix}`)}
           infer="is-purchase-order-enabled"
-          .getValue=${this.__getIsPOEnabledValue}
-          .setValue=${this.__setIsPOEnabledValue}
-          .options=${constructor.__isPOEnabledOptions}
+          helper-text-as-tooltip
+          .getValue=${this.__isPurchaseOrderEnabledGetValue}
         >
-        </foxy-internal-checkbox-group-control>
-      </div>
+        </foxy-internal-switch-control>
+      </foxy-internal-summary-control>
-      ${this.data
-            ? html `
-            <foxy-internal-async-list-control
-              infer="payment-methods"
-              first=${this.data._links['fx:payment_methods'].href}
-              limit="5"
-              alert
-              .item=${(ctx) => html `
-                <foxy-payments-api-payment-method-card
-                  parent=${ctx.parent}
-                  infer="payments-api-payment-method-card"
-                  href=${ctx.href}
-                  .getImageSrc=${this.getPaymentMethodImageSrc}
-                >
-                </foxy-payments-api-payment-method-card>
-              `}
-              .form=${(ctx) => html `
-                <foxy-payments-api-payment-method-form
-                  parent=${ctx.dialog.parent}
-                  infer="payments-api-payment-method-form"
-                  href=${ctx.dialog.href}
-                  id="form"
-                  .getImageSrc=${this.getPaymentMethodImageSrc}
-                  @fetch=${ctx.handleFetch}
-                  @update=${ctx.handleUpdate}
-                >
-                </foxy-payments-api-payment-method-form>
-              `}
-            >
-            </foxy-internal-async-list-control>
+      <foxy-internal-async-list-control
+        infer="payment-methods"
+        first=${ifDefined((_c = this.data) === null || _c === void 0 ? void 0 : _c._links['fx:payment_methods'].href)}
+        limit="5"
+        item="foxy-payments-api-payment-method-card"
+        form="foxy-payments-api-payment-method-form"
+        alert
+        .itemProps=${{ '.getImageSrc': this.getPaymentMethodImageSrc }}
+        .formProps=${{
+            '.getImageSrc': this.getPaymentMethodImageSrc,
+            'payment-preset': this.href,
+            'store': (_d = this.data) === null || _d === void 0 ? void 0 : _d._links['fx:store'].href,
+        }}
+      >
+      </foxy-internal-async-list-control>
+      <foxy-internal-async-list-control
+        infer="fraud-protections"
+        first=${ifDefined((_e = this.data) === null || _e === void 0 ? void 0 : _e._links['fx:fraud_protections'].href)}
+        limit="5"
+        item="foxy-payments-api-fraud-protection-card"
+        form="foxy-payments-api-fraud-protection-form"
+        alert
+        .itemProps=${{ '.getImageSrc': this.getFraudProtectionImageSrc }}
+        .formProps=${{ '.getImageSrc': this.getFraudProtectionImageSrc }}
+      >
+      </foxy-internal-async-list-control>
-            <foxy-internal-async-list-control
-              infer="fraud-protections"
-              first=${this.data._links['fx:fraud_protections'].href}
-              limit="5"
-              alert
-              .item=${(ctx) => html `
-                <foxy-payments-api-fraud-protection-card
-                  parent=${ctx.parent}
-                  infer="payments-api-fraud-protection-card"
-                  href=${ctx.href}
-                  .getImageSrc=${this.getFraudProtectionImageSrc}
-                >
-                </foxy-payments-api-fraud-protection-card>
-              `}
-              .form=${(ctx) => html `
-                <foxy-payments-api-fraud-protection-form
-                  parent=${ctx.dialog.parent}
-                  infer="payments-api-fraud-protection-form"
-                  href=${ctx.dialog.href}
-                  id="form"
-                  .getImageSrc=${this.getFraudProtectionImageSrc}
-                  @fetch=${ctx.handleFetch}
-                  @update=${ctx.handleUpdate}
-                >
-                </foxy-payments-api-fraud-protection-form>
-              `}
-            >
-            </foxy-internal-async-list-control>
-          `
-            : ''}
       ${super.renderBody()}
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined((_f = this.data) === null || _f === void 0 ? void 0 : _f._links['fx:store'].href)}
+        id=${this.__storeLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
     `;
     }
+    get __storeLoader() {
+        return this.renderRoot.querySelector(`#${this.__storeLoaderId}`);
+    }
 }
-PaymentsApiPaymentPresetForm.__isPOEnabledOptions = [{ label: 'option_true', value: 'true' }];
-PaymentsApiPaymentPresetForm.__isLiveOptions = [{ label: 'option_live', value: 'live' }];
 //# sourceMappingURL=PaymentsApiPaymentPresetForm.js.map

package/dist/elements/public/PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaymentsApiPaymentPresetForm.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,kCAAkC,CAAC;AAC9C,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;;;;;;GAUG;AACH,MAAM,OAAO,4BAA6B,SAAQ,IAAU;IAA5D;;QAgBE,2EAA2E;QAC3E,+BAA0B,GAAsC,IAAI,CAAC;QAErE,yEAAyE;QACzE,6BAAwB,GAAsC,IAAI,CAAC;~~QAM3D~~,~~0BAAqB~~,~~GAA6C~~,GAAG,EAAE~~;YAC7E~~,OAAO,~~IAAI~~,~~CAAC,~~IAAI,CAAC,~~yBAAyB~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~MAAM~~,CAAC,CAAC,~~CAAC,CAAC,EAAE,CAAC;QAC7D,CAAC,CAAC;QAEM,0BAAqB,GAA6C,QAAQ,CAAC,EAAE;YACnF,~~IAAI,CAAC,IAAI,CAAC,~~EAAE,~~yBAAyB,~~EAAG,QAAqB,~~CAAC,~~QAAQ,~~CAAC,~~MAAM,~~CAAC,~~EAAE~~,CAAC~~,CAAC~~;~~QACpF~~,CAAC,CAAC;~~QAEM~~,qBAAgB,~~GAA6C~~,GAAG,EAAE~~;YACxE~~,OAAO,~~IAAI~~,~~CAAC,~~IAAI,CAAC,~~OAAO~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~MAAM~~,CAAC,CAAC,~~CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACjD,CAAC,CAAC;QAEM,qBAAgB,GAA6C,QAAQ,CAAC,EAAE;YAC9E,~~IAAI,CAAC,IAAI,CAAC,~~EAAE,~~OAAO,~~EAAG~~,~~QAAqB,~~CAAC,~~QAAQ,~~CAAC,~~MAAM~~,CAAC,~~EAAE,~~CAAC,CAAC;~~QAClE~~,~~CAAC~~,CAAC;~~IAgGJ~~,CAAC;~~IAvIC~~,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,0BAA0B,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAChD,wBAAwB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC/C,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,0BAA0B;YACzD,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,GAAG,CAAC,IAAI,0BAA0B;SAC7E,CAAC;IACJ,CAAC;~~IA4BD~~,IAAI,~~cAAc;QAChB~~,~~OAAO~~,~~IAAI~~,~~eAAe~~,CAAC,~~oBAAoB,~~KAAK,CAAC,cAAc,~~EAAE,~~CAAC,~~OAAO~~,EAAE,CAAC,CAAC;~~IACnF~~,CAAC~~;IAED~~,~~UAAU~~;~~QACR~~,~~MAAM,~~WAAW,~~GAAG~~,~~IAAI~~,CAAC,~~WAAkD~~,CAAC;~~QAE5E~~,OAAO,IAAI,~~CAAA;QACP~~,IAAI,CAAC,~~YAAY~~,~~EAAE;;;;;;;sBAOL~~,IAAI,CAAC,~~gBAAgB~~;~~sBACrB~~,IAAI,~~CAAC~~,~~gBAAgB;qBACtB~~,WAAW,CAAC,~~eAAe;;;;;;sBAM1B~~,~~IAAI~~,CAAC,~~qBAAqB;sBAC1B~~,~~IAAI~~,CAAC,~~qBAAqB~~;~~qBAC3B~~,~~WAAW~~,~~CAAC~~,~~oBAAoB;;;;;QAK7C~~,IAAI,CAAC,IAAI~~;YACT~~,CAAC,~~CAAC,~~IAAI,~~CAAA;;;sBAGQ~~,IAAI,CAAC,IAAI,CAAC,~~MAAM~~,CAAC,~~oBAAoB~~,CAAC,CAAC,IAAI~~;;;sBAG3C~~,CAAC,~~GAAwB~~,~~EAAE~~,EAAE,CAAC,IAAI,~~CAAA;;2BAE7B~~,~~GAAG~~,CAAC,~~MAAM;;yBAEZ~~,GAAG,CAAC,~~IAAI;iCACA~~,IAAI,CAAC,~~wBAAwB;;;eAG/C~~;~~sBACO~~,CAAC,~~GAAwB~~,~~EAAE~~,~~EAAE~~,CAAC,IAAI,~~CAAA;;2BAE7B~~,~~GAAG~~,~~CAAC~~,~~MAAM~~,CAAC,MAAM~~;;yBAEnB~~,GAAG,CAAC,~~MAAM~~,CAAC,~~IAAI;;iCAEP~~,~~IAAI~~,CAAC,~~wBAAwB;2BACnC~~,~~GAAG~~,CAAC,~~WAAW~~;~~4BACd~~,~~GAAG~~,CAAC,YAAY~~;;;eAG7B;;;;;;sBAMO~~,IAAI,CAAC,~~IAAI~~,CAAC,~~MAAM~~,~~CAAC~~,~~sBAAsB~~,CAAC,CAAC,IAAI~~;;;sBAG7C~~,CAAC,~~GAAwB~~,~~EAAE~~,EAAE,CAAC,IAAI,~~CAAA;;2BAE7B~~,~~GAAG~~,CAAC,MAAM~~;;yBAEZ~~,~~GAAG,~~CAAC,IAAI~~;iCACA~~,IAAI,CAAC,~~0BAA0B;;;eAGjD~~;~~sBACO~~,CAAC,~~GAAwB~~,~~EAAE~~,EAAE,CAAC,IAAI,~~CAAA;;2BAE7B~~,~~GAAG~~,CAAC,MAAM,CAAC,~~MAAM;;yBAEnB~~,~~GAAG~~,CAAC,MAAM,CAAC,~~IAAI;;iCAEP~~,IAAI,CAAC,~~0BAA0B;2BACrC~~,~~GAAG~~,CAAC,~~WAAW~~;~~4BACd~~,~~GAAG~~,~~CAAC~~,~~YAAY;;;eAG7B;;;WAGJ;YACH~~,~~CAAC~~,CAAC,EAAE~~;QACJ~~,KAAK,CAAC,UAAU,EAAE~~;KACrB~~,~~CAAC;IACJ~~,CAAC~~;;AAjHuB~~,~~iDAAoB~~,~~GAAG~~,CAAC,EAAE,~~KAAK~~,~~EAAE~~,~~aAAa~~,~~EAAE~~,~~KAAK~~,EAAE,~~MAAM~~,EAAE,CAAC,CAAC;~~AAEjE~~,~~4CAAe~~,~~GAAG~~,CAAC,~~EAAE~~,~~KAAK~~,~~EAAE,~~aAAa,~~EAAE~~,~~KAAK~~,~~EAAE~~,~~MAAM~~,EAAE,CAAC,CAAC","sourcesContent":["import type { ~~InternalCheckboxGroupControl~~ } from '~~../../internal/InternalCheckboxGroupControl/InternalCheckboxGroupControl~~';\nimport type { ~~PropertyDeclarations~~ } from 'lit-~~element~~';\nimport type { ~~FormRendererContext~~ } from '../~~FormDialog~~/~~types~~';\nimport type { ~~ItemRendererContext~~ } from '../~~CollectionPage~~/types';\nimport type { ~~Data~~ } from '~~./types~~';\nimport type { ~~TemplateResult~~ } from '~~lit-html~~';\nimport type { ~~NucleonV8N~~ } from '~~../NucleonElement~~/~~types~~';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'payments-api-payment-preset-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/*\n Form element for the `fx:payment_preset` resource of Payments API.\n \n _Payments API is a client-side virtual API layer built on top of hAPI\n * in an attempt to streamline access to stores' payment method settings\n * that is currently a bit quirky due to the legacy functionality. To use\n * this element with hAPI, wrap it into a foxy-payments-api node._\n \n @element foxy-payments-api-payment-preset-form\n * @since 1.21.0\n /\nexport class PaymentsApiPaymentPresetForm extends Base<Data> {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n getFraudProtectionImageSrc: { attribute: false },\n getPaymentMethodImageSrc: { attribute: false },\n };\n }\n\n static get v8n(): NucleonV8N<Data> {\n return [\n ({ description: v }) => !!v \|\| 'description:v8n_required',\n ({ description: v }) => (v && v.length <= 100) \|\| 'description:v8n_too_long',\n ];\n }\n\n /* A function that returns image URL for given fraud protection `type`. /\n getFraudProtectionImageSrc: ((type: string) => string) \| null = null;\n\n /* A function that returns image URL for given payment method `type`. */\n getPaymentMethodImageSrc: ((type: string) => string) \| null = null;\n\n private ~~static~~ readonly ~~__isPOEnabledOptions~~ = [{ ~~label:~~ ~~'option_true', value: 'true' }];\n~~\n ~~private~~ ~~static~~ ~~readonly~~ ~~__isLiveOptions~~ ~~= [{ label~~: ~~'option_live', value: 'live'~~ }];\n\n private ~~__getIsPOEnabledValue:~~ ~~InternalCheckboxGroupControl['getValue']~~ = () => {\n return this.~~form.is_purchase_order_enabled~~ ? ~~['true']~~ : [];\n };\n\n private ~~__setIsPOEnabledValue:~~ ~~InternalCheckboxGroupControl[~~'~~setValue~~'] = ~~newValue~~ => {\n ~~this.edit({~~ ~~is_purchase_order_enabled:~~ ~~(newValue~~ ~~as string~~[]).~~includes~~('~~true~~') });\n };\n\n ~~private~~ ~~__getIsLiveValue:~~ ~~InternalCheckboxGroupControl[~~'~~getValue~~'] = () => {\n ~~return~~ ~~this.form.is_live~~ ? ['~~live~~'] ~~: ['test'~~];\n };\n\n ~~private~~ ~~__setIsLiveValue:~~ ~~InternalCheckboxGroupControl[~~'~~setValue~~'] ~~= newValue => {\~~n ~~this.edit({~~ ~~is_live:~~ (~~newValue~~ ~~as string[])~~.~~includes~~('live') });\n ~~};\n~~\n ~~get hiddenSelector(): BooleanSelector {\n~~ return new BooleanSelector(~~`header:copy-json~~ ~~${super~~.~~hiddenSelector}`.trimEnd~~());\n }\n\n renderBody(): TemplateResult {\n const ~~constructor~~ = this.~~constructor~~ as ~~typeof~~ ~~PaymentsApiPaymentPresetForm~~;\n\n return html`\n ${this.renderHeader()}\n\n <foxy-internal-~~text~~-control infer=\"~~description~~\"~~></~~foxy-internal-text-control~~>\n\n <div~~ ~~class~~=\"-~~mb-s~~\">\n <foxy-internal-~~checkbox~~-~~group-~~control\n infer=\"is-live\"\n ~~.getValue=${this.__getIsLiveValue}~~\n .~~setValue~~=${this.~~__setIsLiveValue~~}\n ~~.options=${constructor.__isLiveOptions}\n~~ >\n </foxy-internal-~~checkbox~~-~~group-~~control>\n\n <foxy-internal-~~checkbox~~-~~group-~~control\n infer=\"is-purchase-order-enabled\"\n ~~.getValue=${this.__getIsPOEnabledValue}~~\n .~~setValue~~=${this.~~__setIsPOEnabledValue~~}\n ~~.options=${constructor.__isPOEnabledOptions}\n~~ >\n </foxy-internal-~~checkbox~~-~~group-~~control>\n </~~div~~>\n\n ~~${this.data\n ? html`\n~~ <foxy-internal-async-list-control\n infer=\"payment-methods\"\n first=${this.data._links['fx:payment_methods'].href}\n limit=\"5\"\n ~~alert\n .~~item~~=${(ctx: ItemRendererContext) => html`\n <~~foxy-payments-api-payment-method-card\~~n parent=${ctx.parent}~~\n ~~infer~~=\"payments-api-payment-method-~~card~~\"\n ~~href=${ctx.href}~~\n .~~getImageSrc~~=${this.getPaymentMethodImageSrc}~~\n >\n </foxy-payments-api-payment-method-card>\n `~~}\n .~~form~~=${~~(ctx: FormRendererContext) => html`\n <foxy-payments-api-payment-method-form~~\n ~~parent=${ctx~~.~~dialog~~.~~parent}\~~n ~~infer=\"payments-api-~~payment-~~method-form\"\n href=${ctx~~.~~dialog.~~href}\n ~~id=\"form\"\n .getImageSrc=${~~this.~~getPaymentMethodImageSrc}\n @fetch=${ctx~~.~~handleFetch}\~~n ~~@update=${ctx.handleUpdate~~}~~\n >\n </foxy-payments-api-payment-method-form>\n `~~}\n >\n </foxy-internal-async-list-control>\n\n <foxy-internal-async-list-control\n infer=\"fraud-protections\"\n first=${this.data._links['fx:fraud_protections'].href}\n limit=\"5\"\n ~~alert\n .~~item~~=${(ctx: ItemRendererContext) => html`\n <~~foxy-payments-api-fraud-protection-card\~~n parent=${ctx.parent}~~\n ~~infer~~=\"payments-api-fraud-protection-~~card~~\"\n ~~href~~=${~~ctx~~.~~href~~}\n .~~getImageSrc~~=${this.getFraudProtectionImageSrc}\n >\n </foxy-~~payments~~-~~api~~-~~fraud~~-~~protection-card~~>\n `}\n .~~form=${~~(~~ctx: FormRendererContext~~) ~~=> html`\~~n <foxy-~~payments-api-fraud-protection-form~~\n ~~parent=${ctx.dialog.parent}~~\n infer=\"~~payments-api-fraud-protection-form~~\"\n href=${~~ctx~~.~~dialog~~.href}\n id~~=\"form\"\n .getImageSrc~~=${this.~~getFraudProtectionImageSrc~~}\n @~~fetch=${ctx.handleFetch}\n @~~update=${~~ctx~~.~~handleUpdate~~}\n >\n </foxy-~~payments-api-fraud-protection-form~~>\n `}\n >\n ~~</foxy-internal-async-list-control>\~~n `\n : ~~''}\n $~~{~~super~~.~~renderBody(~~)}\n ~~`;\n~~ }\n}\n"]}
1	+ {"version":3,"file":"PaymentsApiPaymentPresetForm.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Data } from './types';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'payments-api-payment-preset-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/*\n Form element for the `fx:payment_preset` resource of Payments API.\n \n _Payments API is a client-side virtual API layer built on top of hAPI\n * in an attempt to streamline access to stores' payment method settings\n * that is currently a bit quirky due to the legacy functionality. To use\n * this element with hAPI, wrap it into a foxy-payments-api node._\n \n @element foxy-payments-api-payment-preset-form\n * @since 1.21.0\n /\nexport class PaymentsApiPaymentPresetForm extends Base<Data> {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n getFraudProtectionImageSrc: { attribute: false },\n getPaymentMethodImageSrc: { attribute: false },\n };\n }\n\n static get v8n(): NucleonV8N<Data> {\n return [\n ({ description: v }) => !!v \|\| 'description:v8n_required',\n ({ description: v }) => (v && v.length <= 100) \|\| 'description:v8n_too_long',\n ];\n }\n\n /* A function that returns image URL for given fraud protection `type`. /\n getFraudProtectionImageSrc: ((type: string) => string) \| null = null;\n\n /* A function that returns image URL for given payment method `type`. */\n getPaymentMethodImageSrc: ((type: string) => string) \| null = null;\n\n private readonly __isPurchaseOrderEnabledGetValue = () => {\n return this.__storeLoader?.data?.is_active ? this.form.is_purchase_order_enabled : false;\n };\n\n private readonly __isLiveGetValue = () => {\n return this.__storeLoader?.data?.is_active ? this.form.is_live : false;\n };\n\n private readonly __storeLoaderId = 'storeLoader';\n\n get readonlySelector(): BooleanSelector {\n const alwaysMatch = [super.hiddenSelector.toString()];\n\n if (!this.__storeLoader?.data?.is_active) {\n alwaysMatch.unshift('general:is-live', 'general:is-purchase-order-enabled');\n }\n\n return new BooleanSelector(alwaysMatch.join(' ').trim());\n }\n\n get hiddenSelector(): BooleanSelector {\n const alwaysMatch = ['header:copy-json', super.hiddenSelector.toString()];\n const store = this.__storeLoader?.data;\n\n if (!this.data) alwaysMatch.unshift('payment-methods', 'fraud-protections');\n if (!store) alwaysMatch.unshift('general:is-live', 'general:is-purchase-order-enabled');\n\n return new BooleanSelector(alwaysMatch.join(' ').trim());\n }\n\n renderBody(): TemplateResult {\n const isStoreActive = !!this.__storeLoader?.data?.is_active;\n const helperTextSuffix = isStoreActive ? '' : '_inactive_store';\n\n return html`\n ${this.renderHeader()}\n\n <foxy-internal-summary-control infer=\"general\">\n <foxy-internal-text-control layout=\"summary-item\" infer=\"description\">\n </foxy-internal-text-control>\n\n <foxy-internal-switch-control\n helper-text=${this.t(`general.is-live.helper_text${helperTextSuffix}`)}\n infer=\"is-live\"\n helper-text-as-tooltip\n .getValue=${this.__isLiveGetValue}\n >\n </foxy-internal-switch-control>\n\n <foxy-internal-switch-control\n helper-text=${this.t(`general.is-purchase-order-enabled.helper_text${helperTextSuffix}`)}\n infer=\"is-purchase-order-enabled\"\n helper-text-as-tooltip\n .getValue=${this.__isPurchaseOrderEnabledGetValue}\n >\n </foxy-internal-switch-control>\n </foxy-internal-summary-control>\n\n <foxy-internal-async-list-control\n infer=\"payment-methods\"\n first=${ifDefined(this.data?._links['fx:payment_methods'].href)}\n limit=\"5\"\n item=\"foxy-payments-api-payment-method-card\"\n form=\"foxy-payments-api-payment-method-form\"\n alert\n .itemProps=${{ '.getImageSrc': this.getPaymentMethodImageSrc }}\n .formProps=${{\n '.getImageSrc': this.getPaymentMethodImageSrc,\n 'payment-preset': this.href,\n 'store': this.data?._links['fx:store'].href,\n }}\n >\n </foxy-internal-async-list-control>\n\n <foxy-internal-async-list-control\n infer=\"fraud-protections\"\n first=${ifDefined(this.data?._links['fx:fraud_protections'].href)}\n limit=\"5\"\n item=\"foxy-payments-api-fraud-protection-card\"\n form=\"foxy-payments-api-fraud-protection-form\"\n alert\n .itemProps=${{ '.getImageSrc': this.getFraudProtectionImageSrc }}\n .formProps=${{ '.getImageSrc': this.getFraudProtectionImageSrc }}\n >\n </foxy-internal-async-list-control>\n\n ${super.renderBody()}\n\n <foxy-nucleon\n class=\"hidden\"\n infer=\"\"\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/PaymentsApiPaymentPresetForm/index.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
-import '../../internal/InternalCheckboxGroupControl/index';
 import '../../internal/InternalAsyncListControl/index';
+import '../../internal/InternalSummaryControl/index';
+import '../../internal/InternalSwitchControl/index';
 import '../../internal/InternalTextControl/index';
 import '../../internal/InternalForm/index';
 import '../PaymentsApiFraudProtectionCard/index';

package/dist/elements/public/PaymentsApiPaymentPresetForm/index.js CHANGED Viewed

@@ -1,5 +1,6 @@
-import "../../internal/InternalCheckboxGroupControl/index.js";
 import "../../internal/InternalAsyncListControl/index.js";
+import "../../internal/InternalSummaryControl/index.js";
+import "../../internal/InternalSwitchControl/index.js";
 import "../../internal/InternalTextControl/index.js";
 import "../../internal/InternalForm/index.js";
 import "../PaymentsApiFraudProtectionCard/index.js";

package/dist/elements/public/PaymentsApiPaymentPresetForm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetForm/index.ts"],"names":[],"mappings":"AAAA,~~8DAA2D;AAC3D,~~0DAAuD;AACvD,qDAAkD;AAClD,8CAA2C;AAE3C,oDAAiD;AACjD,oDAAiD;AAEjD,kDAA+C;AAC/C,kDAA+C;AAE/C,OAAO,EAAE,4BAA4B,EAAE,0CAAuC;AAE9E,cAAc,CAAC,MAAM,CAAC,uCAAuC,EAAE,4BAA4B,CAAC,CAAC;AAE7F,OAAO,EAAE,4BAA4B,EAAE,CAAC","sourcesContent":["import '../../internal/~~InternalCheckboxGroupControl~~/index';\nimport '../../internal/~~InternalAsyncListControl~~/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../PaymentsApiFraudProtectionCard/index';\nimport '../PaymentsApiFraudProtectionForm/index';\n\nimport '../PaymentsApiPaymentMethodCard/index';\nimport '../PaymentsApiPaymentMethodForm/index';\n\nimport { PaymentsApiPaymentPresetForm } from './PaymentsApiPaymentPresetForm';\n\ncustomElements.define('foxy-payments-api-payment-preset-form', PaymentsApiPaymentPresetForm);\n\nexport { PaymentsApiPaymentPresetForm };\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/PaymentsApiPaymentPresetForm/index.ts"],"names":[],"mappings":"AAAA,0DAAuD;AACvD,wDAAqD;AACrD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,oDAAiD;AACjD,oDAAiD;AAEjD,kDAA+C;AAC/C,kDAA+C;AAE/C,OAAO,EAAE,4BAA4B,EAAE,0CAAuC;AAE9E,cAAc,CAAC,MAAM,CAAC,uCAAuC,EAAE,4BAA4B,CAAC,CAAC;AAE7F,OAAO,EAAE,4BAA4B,EAAE,CAAC","sourcesContent":["import '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalSummaryControl/index';\nimport '../../internal/InternalSwitchControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../PaymentsApiFraudProtectionCard/index';\nimport '../PaymentsApiFraudProtectionForm/index';\n\nimport '../PaymentsApiPaymentMethodCard/index';\nimport '../PaymentsApiPaymentMethodForm/index';\n\nimport { PaymentsApiPaymentPresetForm } from './PaymentsApiPaymentPresetForm';\n\ncustomElements.define('foxy-payments-api-payment-preset-form', PaymentsApiPaymentPresetForm);\n\nexport { PaymentsApiPaymentPresetForm };\n"]}

package/dist/mixins/themeable.js CHANGED Viewed

@@ -2499,10 +2499,6 @@ input::-webkit-date-and-time-value{
   transition-duration: 200ms;
 }
-.duration-300 {
-  transition-duration: 300ms;
-}
 .duration-500 {
   transition-duration: 500ms;
 }

package/dist/mixins/themeable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"themeable.js","sourceRoot":"","sources":["../../src/mixins/themeable.ts"],"names":[],"mappings":"AAAA,sEAAsE;AAEtE,OAAO,EAA0C,UAAU,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAEtF,OAAO,EAAE,eAAe,EAAE,wBAAqB;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAI/E,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,WAAkB,EACkB,EAAE;IACtC,OAAO,MAAM,gBAAiB,SAAQ,WAAW;QAC/C,MAAM,KAAK,MAAM;YACf,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;YAEjC,OAAO;gBACL,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBAClF,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA+IF;aACF,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI;IACF,cAAc,CACZ,yBAAyB,EACzB,GAAG;;;;;;;;KASF,CACF,CAAC;CACH;AAAC,WAAM;IACN,SAAS;CACV;AAED,IAAI;IACF,cAAc,CACZ,qCAAqC,EACrC,GAAG;;;;;;;KAOF,CACF,CAAC;CACH;AAAC,WAAM;IACN,SAAS;CACV;AAED,IAAI;IACF,cAAc,CACZ,qCAAqC,EACrC,GAAG;;;;;;;KAOF,CACF,CAAC;CACH;AAAC,WAAM;IACN,SAAS;CACV;AAED,IAAI;IACF,cAAc,CACZ,eAAe,EACf,GAAG;;;KAIF,CACF,CAAC;CACH;AAAC,WAAM;IACN,SAAS;CACV;AAED,IAAI;IACF,uEAAuE;IACvE,cAAc,CACZ,aAAa,EACb,GAAG;;;KAIF,CACF,CAAC;CACH;AAAC,WAAM;IACN,SAAS;CACV;AAED;;;;;;;GAOG;AACH,MAAM,OAAgB,SAAU,SAAQ,mBAAmB,CACzD,eAAe,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAC5C;CAAG","sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types /\n\nimport { CSSResult, CSSResultArray, Constructor, LitElement, css } from 'lit-element';\n\nimport { ResponsiveMixin } from './responsive';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles';\n\ntype Base = Constructor<LitElement> & { styles?: CSSResult \| CSSResultArray \| CSSStyleSheet };\n\nexport const ThemeableMixin = <TBase extends Base>(\n BaseElement: TBase\n): TBase & { styles: CSSResultArray } => {\n return class ThemeableElement extends BaseElement {\n static get styles(): CSSResultArray {\n const originalCSS = super.styles;\n\n return [\n ...(originalCSS ? (Array.isArray(originalCSS) ? originalCSS : [originalCSS]) : []),\n css`\n @tailwind base;\n\n {\n -webkit-tap-highlight-color: transparent;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n :host {\n display: block;\n color: var(--lumo-body-text-color);\n line-height: var(--lumo-line-height-m);\n font: normal var(--lumo-font-size-m) var(--lumo-font-family);\n }\n\n details > summary::-webkit-details-marker {\n display: none;\n }\n\n details > summary {\n list-style: none;\n }\n\n vaadin-select {\n margin-top: -4px;\n margin-bottom: -4px;\n }\n\n vaadin-text-area,\n vaadin-text-field,\n vaadin-date-picker,\n vaadin-email-field,\n vaadin-number-field,\n vaadin-custom-field,\n vaadin-integer-field,\n vaadin-password-field,\n vaadin-checkbox-group,\n vaadin-radio-group,\n vaadin-combo-box::part(text-field),\n vaadin-date-picker::part(text-field) {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n vaadin-text-area::part(label),\n vaadin-text-field::part(label),\n vaadin-date-picker::part(label),\n vaadin-email-field::part(label),\n vaadin-number-field::part(label),\n vaadin-custom-field::part(label),\n vaadin-integer-field::part(label),\n vaadin-password-field::part(label),\n vaadin-checkbox-group::part(label),\n vaadin-radio-group::part(label),\n vaadin-combo-box::part(label),\n vaadin-date-picker::part(label) {\n margin-left: 0;\n }\n\n vaadin-time-picker,\n vaadin-date-time-picker {\n width: 100%;\n }\n\n vaadin-button,\n vaadin-checkbox::part(checkbox) {\n margin: 0;\n }\n\n vaadin-checkbox::part(label) {\n margin: 0.1875em var(--lumo-space-m);\n }\n\n .appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n }\n\n .appearance-none::-webkit-calendar-picker-indicator,\n .appearance-none::-webkit-outer-spin-button,\n .appearance-none::-webkit-inner-spin-button,\n .appearance-none::-webkit-list-button {\n opacity: 0 !important;\n width: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n input::-webkit-date-and-time-value {\n text-align: inherit !important;\n }\n\n [hidden] {\n display: none !important;\n }\n\n @tailwind components;\n\n @tailwind utilities;\n\n @layer utilities {\n .border-radius-overflow-fix {\n -webkit-mask-image: -webkit-radial-gradient(white, black);\n }\n\n @variants sm, md, lg, xl {\n .grid-rows-auto {\n grid-auto-rows: 1fr;\n }\n\n .icon-inline {\n --iron-icon-height: 1em;\n --iron-icon-width: 1em;\n }\n\n .bg-blurred {\n backdrop-filter: blur(25px);\n background: var(--lumo-tint-80pct);\n }\n\n .max-w-modal {\n max-width: 28rem;\n }\n\n .max-w-modal-wide {\n max-width: 50rem;\n }\n\n .w-narrow-modal {\n width: 18rem;\n }\n\n .snap-x-mandatory {\n scroll-snap-type: x mandatory;\n }\n\n .snap-start {\n scroll-snap-align: start;\n }\n }\n }\n `,\n ];\n }\n };\n};\n\ntry {\n registerStyles(\n 'vaadin-date-time-picker',\n css`\n vaadin-date-time-picker-custom-field {\n --lumo-text-field-size: auto;\n padding: 0;\n }\n\n vaadin-date-time-picker-custom-field::part(label) {\n padding-bottom: 0.5em;\n }\n `\n );\n} catch {\n // ignore\n}\n\ntry {\n registerStyles(\n 'vaadin-date-time-picker-date-picker',\n css`\n :host {\n --lumo-text-field-size: auto;\n }\n vaadin-date-time-picker-date-text-field {\n padding: 0;\n }\n `\n );\n} catch {\n // ignore\n}\n\ntry {\n registerStyles(\n 'vaadin-date-time-picker-time-picker',\n css`\n :host {\n --lumo-text-field-size: auto;\n }\n vaadin-date-time-picker-time-text-field {\n padding: 0;\n }\n `\n );\n} catch {\n // ignore\n}\n\ntry {\n registerStyles(\n 'vaadin-button',\n css`\n :host([theme~='primary']) {\n font-weight: 500;\n }\n `\n );\n} catch {\n // ignore\n}\n\ntry {\n /** https://github.com/vaadin-component-factory/vcf-tooltip/issues/6 /\n registerStyles(\n 'vcf-tooltip',\n css`\n :host([hidden]) [part='container'] {\n display: none !important;\n }\n `\n );\n} catch {\n // ignore\n}\n\n/\n One of the base classes for each rel-specific element in the collection\n * providing shared TailwindCSS styles for Shadow DOM content.\n * This class MUST NOT be used on its own (hence the `abstract` keyword) or\n * referenced externally (outside of the package).\n \n @deprecated\n */\nexport abstract class Themeable extends ScopedElementsMixin(\n ResponsiveMixin(ThemeableMixin(LitElement))\n) {}\n"]}
1	+ {"version":3,"file":"themeable.js","sourceRoot":"","sources":["../../src/mixins/themeable.ts"],"names":[],"mappings":"AAAA,sEAAsE;AAEtE,OAAO,EAA0C,UAAU,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAEtF,OAAO,EAAE,eAAe,EAAE,wBAAqB;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAI/E,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,WAAkB,EACkB,EAAE;IACtC,OAAO,MAAM,gBAAiB,SAAQ,WAAW;QAC/C,MAAM,KAAK,MAAM;YACf,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;YAEjC,OAAO;gBACL,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBAClF,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA+IF;aACF,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI;IACF,cAAc,CACZ,yBAAyB,EACzB,GAAG;;;;;;;;KASF,CACF,CAAC;CACH;AAAC,WAAM;IACN,SAAS;CACV;AAED,IAAI;IACF,cAAc,CACZ,qCAAqC,EACrC,GAAG;;;;;;;KAOF,CACF,CAAC;CACH;AAAC,WAAM;IACN,SAAS;CACV;AAED,IAAI;IACF,cAAc,CACZ,qCAAqC,EACrC,GAAG;;;;;;;KAOF,CACF,CAAC;CACH;AAAC,WAAM;IACN,SAAS;CACV;AAED,IAAI;IACF,cAAc,CACZ,eAAe,EACf,GAAG;;;KAIF,CACF,CAAC;CACH;AAAC,WAAM;IACN,SAAS;CACV;AAED,IAAI;IACF,uEAAuE;IACvE,cAAc,CACZ,aAAa,EACb,GAAG;;;KAIF,CACF,CAAC;CACH;AAAC,WAAM;IACN,SAAS;CACV;AAED;;;;;;;GAOG;AACH,MAAM,OAAgB,SAAU,SAAQ,mBAAmB,CACzD,eAAe,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAC5C;CAAG","sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types /\n\nimport { CSSResult, CSSResultArray, Constructor, LitElement, css } from 'lit-element';\n\nimport { ResponsiveMixin } from './responsive';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles';\n\ntype Base = Constructor<LitElement> & { styles?: CSSResult \| CSSResultArray \| CSSStyleSheet };\n\nexport const ThemeableMixin = <TBase extends Base>(\n BaseElement: TBase\n): TBase & { styles: CSSResultArray } => {\n return class ThemeableElement extends BaseElement {\n static get styles(): CSSResultArray {\n const originalCSS = super.styles;\n\n return [\n ...(originalCSS ? (Array.isArray(originalCSS) ? originalCSS : [originalCSS]) : []),\n css`\n @tailwind base;\n\n {\n -webkit-tap-highlight-color: transparent;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n :host {\n display: block;\n color: var(--lumo-body-text-color);\n line-height: var(--lumo-line-height-m);\n font: normal var(--lumo-font-size-m) var(--lumo-font-family);\n }\n\n details > summary::-webkit-details-marker {\n display: none;\n }\n\n details > summary {\n list-style: none;\n }\n\n vaadin-select {\n margin-top: -4px;\n margin-bottom: -4px;\n }\n\n vaadin-text-area,\n vaadin-text-field,\n vaadin-date-picker,\n vaadin-email-field,\n vaadin-number-field,\n vaadin-custom-field,\n vaadin-integer-field,\n vaadin-password-field,\n vaadin-checkbox-group,\n vaadin-radio-group,\n vaadin-combo-box::part(text-field),\n vaadin-date-picker::part(text-field) {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n vaadin-text-area::part(label),\n vaadin-text-field::part(label),\n vaadin-date-picker::part(label),\n vaadin-email-field::part(label),\n vaadin-number-field::part(label),\n vaadin-custom-field::part(label),\n vaadin-integer-field::part(label),\n vaadin-password-field::part(label),\n vaadin-checkbox-group::part(label),\n vaadin-radio-group::part(label),\n vaadin-combo-box::part(label),\n vaadin-date-picker::part(label) {\n margin-left: 0;\n }\n\n vaadin-time-picker,\n vaadin-date-time-picker {\n width: 100%;\n }\n\n vaadin-button,\n vaadin-checkbox::part(checkbox) {\n margin: 0;\n }\n\n vaadin-checkbox::part(label) {\n margin: 0.1875em var(--lumo-space-m);\n }\n\n .appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n }\n\n .appearance-none::-webkit-calendar-picker-indicator,\n .appearance-none::-webkit-outer-spin-button,\n .appearance-none::-webkit-inner-spin-button,\n .appearance-none::-webkit-list-button {\n opacity: 0 !important;\n width: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n input::-webkit-date-and-time-value {\n text-align: inherit !important;\n }\n\n [hidden] {\n display: none !important;\n }\n\n @tailwind components;\n\n @tailwind utilities;\n\n @layer utilities {\n .border-radius-overflow-fix {\n -webkit-mask-image: -webkit-radial-gradient(white, black);\n }\n\n @variants sm, md, lg, xl {\n .grid-rows-auto {\n grid-auto-rows: 1fr;\n }\n\n .icon-inline {\n --iron-icon-height: 1em;\n --iron-icon-width: 1em;\n }\n\n .bg-blurred {\n backdrop-filter: blur(25px);\n background: var(--lumo-tint-80pct);\n }\n\n .max-w-modal {\n max-width: 28rem;\n }\n\n .max-w-modal-wide {\n max-width: 50rem;\n }\n\n .w-narrow-modal {\n width: 18rem;\n }\n\n .snap-x-mandatory {\n scroll-snap-type: x mandatory;\n }\n\n .snap-start {\n scroll-snap-align: start;\n }\n }\n }\n `,\n ];\n }\n };\n};\n\ntry {\n registerStyles(\n 'vaadin-date-time-picker',\n css`\n vaadin-date-time-picker-custom-field {\n --lumo-text-field-size: auto;\n padding: 0;\n }\n\n vaadin-date-time-picker-custom-field::part(label) {\n padding-bottom: 0.5em;\n }\n `\n );\n} catch {\n // ignore\n}\n\ntry {\n registerStyles(\n 'vaadin-date-time-picker-date-picker',\n css`\n :host {\n --lumo-text-field-size: auto;\n }\n vaadin-date-time-picker-date-text-field {\n padding: 0;\n }\n `\n );\n} catch {\n // ignore\n}\n\ntry {\n registerStyles(\n 'vaadin-date-time-picker-time-picker',\n css`\n :host {\n --lumo-text-field-size: auto;\n }\n vaadin-date-time-picker-time-text-field {\n padding: 0;\n }\n `\n );\n} catch {\n // ignore\n}\n\ntry {\n registerStyles(\n 'vaadin-button',\n css`\n :host([theme~='primary']) {\n font-weight: 500;\n }\n `\n );\n} catch {\n // ignore\n}\n\ntry {\n /** https://github.com/vaadin-component-factory/vcf-tooltip/issues/6 /\n registerStyles(\n 'vcf-tooltip',\n css`\n :host([hidden]) [part='container'] {\n display: none !important;\n }\n `\n );\n} catch {\n // ignore\n}\n\n/\n One of the base classes for each rel-specific element in the collection\n * providing shared TailwindCSS styles for Shadow DOM content.\n * This class MUST NOT be used on its own (hence the `abstract` keyword) or\n * referenced externally (outside of the package).\n \n @deprecated\n */\nexport abstract class Themeable extends ScopedElementsMixin(\n ResponsiveMixin(ThemeableMixin(LitElement))\n) {}\n"]}

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@foxy.io/elements",
   "type": "module",
-  "version": "1.29.0-beta.5",
+  "version": "1.29.0-beta.6",
   "description": "E-commerce web components by Foxy.",
   "repository": {
     "type": "git",

package/dist/cdn/shared-241b34e5.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import{_ as r}from"./shared-0f6e4584.js";import{p as s}from"./shared-4f6e3162.js";function t(t){var e;const n=s(t),o=null!==(e={y:"yearly",m:"monthly",w:"weekly",d:"daily"}[n.units])&&void 0!==e?e:n.units;return r(r({},n),{},{units:o})}export{t as p};

package/dist/cdn/shared-9a4ccbbb.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import"./foxy-spinner.js";import{I as e}from"./shared-01b35bfe.js";customElements.define("foxy-internal-card",e);

package/dist/cdn/shared-c7055ee3.js DELETED Viewed

@@ -1 +0,0 @@

- import"./shared-fe167efc.js";import{I as e}from"./shared-f02d1d28.js";import{_ as t}from"./shared-0f6e4584.js";import{c as s,h as i,s as r}from"./shared-dc73b9a5.js";import{i as l}from"./shared-9803aa7c.js";import{c as a}from"./shared-4e709717.js";import{l as o}from"./shared-22ba9566.js";let d,n,u,h,p,c,f=e=>e;customElements.define("foxy-internal-text-control",class extends e{constructor(){super(...arguments),this.layout=null,this.prefix=null,this.suffix=null,this.__isErrorVisible=!1}static get properties(){return t(t({},super.properties),{},{layout:{},prefix:{},suffix:{},__isErrorVisible:{attribute:!1}})}static get styles(){return[super.styles,s(d||(d=f`input::-webkit-contacts-auto-fill-button{visibility:hidden;display:none!important;pointer-events:none;position:absolute;right:0}`))]}reportValidity(){this.__isErrorVisible=!0,super.reportValidity()}renderControl(){return"summary-item"===this.layout?this.__renderSummaryItemLayout():i(n||(n=f` <vaadin-text-field error-message="${0}" helper-text="${0}" placeholder="${0}" label="${0}" class="w-full" ?clear-button-visible="${0}" ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" .value="${0}" @keydown="${0}" @input="${0}"> ${0} ${0} </vaadin-text-field> `),l(this._errorMessage),this.helperText,this.placeholder,this.label,!this.suffix,this.disabled,this.readonly,this._checkValidity,this._value,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),(e=>{const t=e.currentTarget;this._value=t.value}),this.prefix?i(u||(u=f`<div slot="prefix">${0}</div>`),this.prefix):"",this.suffix?i(h||(h=f`<div class="pr-s font-medium" slot="suffix">${0}</div>`),this.suffix):"")}get _value(){var e;return null!==(e=super._value)&&void 0!==e?e:""}set _value(e){super._value=e}__renderSummaryItemLayout(){return i(p||(p=f` <div class="flex items-start gap-m leading-xs"> <div> <label class="text-m text-body" for="input">${0}</label> <p class="text-xs text-secondary">${0}</p> <p class="text-xs text-error" ?hidden="${0}"> ${0} </p> </div> <div class="flex-1 flex items-center gap-xs"> <input placeholder="${0}" class="${0}" type="text" id="input" .value="${0}" ?disabled="${0}" ?readonly="${0}" @keydown="${0}" @blur="${0}" @input="${0}"> <button aria-label="${0}" class="${0}" style="width:1em;height:1em" ?disabled="${0}" ?hidden="${0}" @click="${0}"> ${0} </button> </div> </div> `),this.label,this.helperText,!this.__isErrorVisible||this.disabled||this.readonly,this._errorMessage,this.placeholder,a({"w-full appearance-none text-right bg-transparent transition-colors":!0,"text-m rounded-s focus-outline-none":!0,"text-secondary":this.readonly,"text-disabled":this.disabled,"font-medium":!this.readonly}),o(this._value),this.disabled,this.readonly,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),(()=>this.__isErrorVisible=!0),(e=>{e.stopPropagation(),this._value=e.target.value}),this.t("clear"),a({"rounded-full transition-colors":!0,"focus-outline-none focus-ring-2 focus-ring-primary-50":!0,"cursor-pointer text-tertiary hover-text-body":!this.disabled,"cursor-default text-disabled":this.disabled}),this.disabled,this.readonly||!this._value,(()=>{this._value="",this.dispatchEvent(new CustomEvent("clear"))}),r(c||(c=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 1em; height: 1em; transform: scale(1.25); margin-right: -0.16em"><path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /></svg>`)))}});