@foxy.io/elements 1.18.0-beta.20 → 1.18.0-beta.22

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateSetCard.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetCard/TemplateSetCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,mBAAmB,CAAC;AAC/B,MAAM,IAAI,GAAG,iBAAiB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAEhD;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,eAAgB,SAAQ,IAAU;IAC7C,MAAM;QACJ,OAAO,KAAK,CAAC,MAAM,CAAC;YAClB,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,WAAW,EAAE;YACxC,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 { TranslatableMixin } from '../../../mixins/translatable';\nimport { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\nimport { html } from 'lit-html';\n\nconst NS = 'template-set-card';\nconst Base = TranslatableMixin(TwoLineCard, NS);\n\n/**\n * Card element representing a template set (`fx:template_set`).\n *\n * @slot title:before\n * @slot title:after\n *\n * @slot subtitle:before\n * @slot subtitle:after\n *\n * @element foxy-template-set-card\n * @since 1.21.0\n */\nexport class TemplateSetCard extends Base<Data> {\n  render(): TemplateResult {\n    return super.render({\n      title: data => html`${data.description}`,\n      subtitle: data => html`${data.code}`,\n    });\n  }\n}\n"]}
+{"version":3,"file":"TemplateSetCard.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetCard/TemplateSetCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,mBAAmB,CAAC;AAC/B,MAAM,IAAI,GAAG,iBAAiB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAEhD;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,eAAgB,SAAQ,IAAU;IAC7C,UAAU;QACR,OAAO,KAAK,CAAC,UAAU,CAAC;YACtB,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,WAAW,EAAE;YACxC,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 { TranslatableMixin } from '../../../mixins/translatable';\nimport { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\nimport { html } from 'lit-html';\n\nconst NS = 'template-set-card';\nconst Base = TranslatableMixin(TwoLineCard, NS);\n\n/**\n * Card element representing a template set (`fx:template_set`).\n *\n * @slot title:before\n * @slot title:after\n *\n * @slot subtitle:before\n * @slot subtitle:after\n *\n * @element foxy-template-set-card\n * @since 1.21.0\n */\nexport class TemplateSetCard extends Base<Data> {\n  renderBody(): TemplateResult {\n    return super.renderBody({\n      title: data => html`${data.description}`,\n      subtitle: data => html`${data.code}`,\n    });\n  }\n}\n"]}

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

@@ -1,26 +1,67 @@
-import type { CSSResultArray, PropertyDeclarations } from 'lit-element';
-import type { PaymentsApiPaymentPresetForm } from '../PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm';
-import type { TemplateConfigForm } from '../TemplateConfigForm/TemplateConfigForm';
+import type { PropertyDeclarations } from 'lit-element';
+import type { Data, Templates } 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> & {
     defaultNS: string;
 };
+/**
+ * Form element for creating and editing template sets (`fx:template_set`).
+ *
+ * @slot description:before
+ * @slot description:after
+ *
+ * @slot code:before
+ * @slot code:after
+ *
+ * @slot language:before
+ * @slot language:after
+ *
+ * @slot locale-code:before
+ * @slot locale-code:after
+ *
+ * @slot payment-method-set-uri:before
+ * @slot payment-method-set-uri:after
+ *
+ * @slot language-overrides:before
+ * @slot language-overrides:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-template-set-form
+ * @since 1.21.0
+ */
 export declare class TemplateSetForm extends Base<Data> {
     static get properties(): PropertyDeclarations;
-    static get styles(): CSSResultArray;
     static get v8n(): NucleonV8N<Data>;
+    /** URL of the store's `fx:payment_method_sets` collection (used to fill the relevant dropdown with options). */
     paymentMethodSets: string | null;
+    /** URL of the `fx:language_strings` property helper (passed through to foxy-i18n-editor). */
     languageStrings: string | null;
+    /** URL of the `fx:locale_codes` property helper (used to fill the relevant dropdown with options). */
     localeCodes: string | null;
+    /** URL of the `fx:languages` property helper (used to fill the relevant dropdown with options). */
     languages: string | null;
-    get hiddenSelector(): BooleanSelector;
+    /** Template render functions mapped to their name. */
+    templates: Templates;
+    private readonly __paymentMethodSetLoaderId;
+    private readonly __localeCodesLoaderId;
+    private readonly __languagesLoaderId;
+    get disabledSelector(): BooleanSelector;
     get readonlySelector(): BooleanSelector;
-    get templateConfigForm(): TemplateConfigForm | null;
-    get paymentsApiPaymentPresetForm(): PaymentsApiPaymentPresetForm | null;
+    get hiddenSelector(): BooleanSelector;
     renderBody(): TemplateResult;
+    private get __paymentMethodSetLoader();
+    private get __localeCodesLoader();
+    private get __languagesLoader();
 }
 export {};

package/dist/elements/public/TemplateSetForm/TemplateSetForm.js

@@ -1,17 +1,60 @@
 import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { BooleanSelector } from '@foxy.io/sdk/core';
+import { ResponsiveMixin } from "../../../mixins/responsive.js";
 import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
-import { html, css } from 'lit-element';
+import { html } from 'lit-element';
 const NS = 'template-set-form';
-const Base = TranslatableMixin(InternalForm, NS);
+const Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));
+/**
+ * Form element for creating and editing template sets (`fx:template_set`).
+ *
+ * @slot description:before
+ * @slot description:after
+ *
+ * @slot code:before
+ * @slot code:after
+ *
+ * @slot language:before
+ * @slot language:after
+ *
+ * @slot locale-code:before
+ * @slot locale-code:after
+ *
+ * @slot payment-method-set-uri:before
+ * @slot payment-method-set-uri:after
+ *
+ * @slot language-overrides:before
+ * @slot language-overrides:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-template-set-form
+ * @since 1.21.0
+ */
 export class TemplateSetForm extends Base {
     constructor() {
         super(...arguments);
+        /** URL of the store's `fx:payment_method_sets` collection (used to fill the relevant dropdown with options). */
         this.paymentMethodSets = null;
-        this.languageStrings = 'https://demo.api/hapi/property_helpers/10';
+        /** URL of the `fx:language_strings` property helper (passed through to foxy-i18n-editor). */
+        this.languageStrings = null;
+        /** URL of the `fx:locale_codes` property helper (used to fill the relevant dropdown with options). */
         this.localeCodes = null;
+        /** URL of the `fx:languages` property helper (used to fill the relevant dropdown with options). */
         this.languages = null;
+        /** Template render functions mapped to their name. */
+        this.templates = {};
+        this.__paymentMethodSetLoaderId = 'paymentMethodSetLoader';
+        this.__localeCodesLoaderId = 'localeCodesLoader';
+        this.__languagesLoaderId = 'languagesLoader';
     }
     static get properties() {
         return {
@@ -22,20 +65,6 @@ export class TemplateSetForm extends Base {
             languages: {},
         };
     }
-    static get styles() {
-        return [
-            super.styles,
-            css `vaadin-button::part(label){
-  flex:1;
-  padding:0;
-}
-
-.grid-cols-16rem{
-  grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr));
-}
-      `,
-        ];
-    }
     static get v8n() {
         return [
             ({ description: v }) => !!v || 'description:v8n_required',
@@ -46,56 +75,44 @@ export class TemplateSetForm extends Base {
             ({ locale_code: v }) => !!v || 'locale_code:v8n_required',
         ];
     }
-    get hiddenSelector() {
-        var _a;
-        const alwaysHidden = [
-            'cart-template-uri:not=content',
-            'cart-include-template-uri:not=content',
-            'email-template-uri:not=content,template-language',
-            'checkout-template-uri:not=content',
-            'receipt-template-uri:not=content',
-            'config:payment-method-set-uri:delete',
-            'config:payment-method-set-uri:create',
-            'config:payment-method-set-uri:timestamps',
-            'config:payment-method-set-uri:description',
-            'config:template-dialog:description',
-            'config:template-dialog:delete',
-        ];
-        if (((_a = this.data) === null || _a === void 0 ? void 0 : _a.code) === 'DEFAULT')
-            alwaysHidden.push('delete');
-        return new BooleanSelector(`${alwaysHidden.join(' ')} ${super.hiddenSelector.toString()}`);
+    get disabledSelector() {
+        var _a, _b, _c;
+        const alwaysDisabled = [];
+        if (!((_a = this.__languagesLoader) === null || _a === void 0 ? void 0 : _a.data))
+            alwaysDisabled.push('language');
+        if (!((_b = this.__localeCodesLoader) === null || _b === void 0 ? void 0 : _b.data))
+            alwaysDisabled.push('locale-code');
+        if (!((_c = this.__paymentMethodSetLoader) === null || _c === void 0 ? void 0 : _c.data) && this.form.payment_method_set_uri) {
+            alwaysDisabled.push('payment-method-set-uri');
+        }
+        return new BooleanSelector(`${alwaysDisabled.join(' ')} ${super.disabledSelector}`);
     }
     get readonlySelector() {
         var _a;
         const alwaysReadonly = [];
         if (((_a = this.data) === null || _a === void 0 ? void 0 : _a.code) === 'DEFAULT')
             alwaysReadonly.push('code', 'description');
-        return new BooleanSelector(`${alwaysReadonly.join(' ')} ${super.readonlySelector.toString()}`);
-    }
-    get templateConfigForm() {
-        return this.renderRoot.querySelector('foxy-template-config-form');
+        return new BooleanSelector(`${alwaysReadonly.join(' ')} ${super.readonlySelector}`);
     }
-    get paymentsApiPaymentPresetForm() {
-        return this.renderRoot.querySelector('foxy-payments-api-payment-preset-form');
+    get hiddenSelector() {
+        var _a;
+        const alwaysHidden = [];
+        if (((_a = this.data) === null || _a === void 0 ? void 0 : _a.code) === 'DEFAULT')
+            alwaysHidden.push('delete');
+        return new BooleanSelector(`${alwaysHidden.join(' ')} ${super.hiddenSelector}`);
     }
     renderBody() {
-        var _a, _b, _c, _d;
-        const localeCodesLoader = this.renderRoot.querySelector('#localeCodes');
-        const localeCodes = localeCodesLoader === null || localeCodesLoader === void 0 ? void 0 : localeCodesLoader.data;
-        const localeCodeEntries = Object.entries((_a = localeCodes === null || localeCodes === void 0 ? void 0 : localeCodes.values) !== null && _a !== void 0 ? _a : {});
-        const localeCodeOptions = localeCodeEntries.map(([value, label]) => ({ value, label }));
-        const languagesLoader = this.renderRoot.querySelector('#languages');
-        const languages = languagesLoader === null || languagesLoader === void 0 ? void 0 : languagesLoader.data;
-        const languageEntries = Object.entries((_b = languages === null || languages === void 0 ? void 0 : languages.values) !== null && _b !== void 0 ? _b : {});
-        const languageOptions = languageEntries.map(([value, label]) => ({ value, label }));
-        const paymentMethodSetLoader = this.renderRoot.querySelector('#paymentMethodSet');
-        const paymentMethodSet = paymentMethodSetLoader === null || paymentMethodSetLoader === void 0 ? void 0 : paymentMethodSetLoader.data;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const localeCodeEntries = Object.entries((_c = (_b = (_a = this.__localeCodesLoader) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.values) !== null && _c !== void 0 ? _c : {});
+        const localeCodes = localeCodeEntries.map(([value, label]) => ({ value, label }));
+        const languageEntries = Object.entries((_f = (_e = (_d = this.__languagesLoader) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.values) !== null && _f !== void 0 ? _f : {});
+        const languages = languageEntries.map(([value, label]) => ({ value, label }));
         return html `
       <foxy-nucleon
         class="hidden"
         infer=""
-        href=${ifDefined((_c = this.languages) !== null && _c !== void 0 ? _c : undefined)}
-        id="languages"
+        href=${ifDefined((_g = this.languages) !== null && _g !== void 0 ? _g : undefined)}
+        id=${this.__languagesLoaderId}
         @update=${() => this.requestUpdate()}
       >
       </foxy-nucleon>
@@ -103,8 +120,8 @@ export class TemplateSetForm extends Base {
       <foxy-nucleon
         class="hidden"
         infer=""
-        href=${ifDefined((_d = this.localeCodes) !== null && _d !== void 0 ? _d : undefined)}
-        id="localeCodes"
+        href=${ifDefined((_h = this.localeCodes) !== null && _h !== void 0 ? _h : undefined)}
+        id=${this.__localeCodesLoaderId}
         @update=${() => this.requestUpdate()}
       >
       </foxy-nucleon>
@@ -112,20 +129,21 @@ export class TemplateSetForm extends Base {
       <foxy-nucleon
         class="hidden"
         infer=""
-        href=${ifDefined(this.form.payment_method_set_uri)}
-        id="paymentMethodSet"
+        href=${ifDefined(this.form.payment_method_set_uri || undefined)}
+        id=${this.__paymentMethodSetLoaderId}
         @update=${() => this.requestUpdate()}
       >
       </foxy-nucleon>
 
-      <div class="grid grid-cols-16rem gap-m">
+      <div class="grid grid-cols-1 gap-m sm-grid-cols-2">
         <foxy-internal-text-control infer="description"></foxy-internal-text-control>
+
         <foxy-internal-text-control infer="code"></foxy-internal-text-control>
 
-        <foxy-internal-select-control infer="language" .options=${languageOptions}>
+        <foxy-internal-select-control infer="language" .options=${languages}>
         </foxy-internal-select-control>
 
-        <foxy-internal-select-control infer="locale-code" .options=${localeCodeOptions}>
+        <foxy-internal-select-control infer="locale-code" .options=${localeCodes}>
         </foxy-internal-select-control>
       </div>
 
@@ -134,23 +152,41 @@ export class TemplateSetForm extends Base {
         item-id-path="_links.self.href"
         infer="payment-method-set-uri"
         first=${this.paymentMethodSets}
-        .selectedItem=${paymentMethodSet}
+        .selectedItem=${(_j = this.__paymentMethodSetLoader) === null || _j === void 0 ? void 0 : _j.data}
       >
       </foxy-internal-async-combo-box-control>
 
-      ${this.data && this.languageStrings
+      ${this.data &&
+            this.languageStrings &&
+            !this.hiddenSelector.matches('language-overrides', true)
             ? html `
+            ${this.renderTemplateOrSlot('language-overrides:before')}
+
             <foxy-i18n-editor
               language-overrides=${this.data._links['fx:language_overrides'].href}
               selected-language=${this.form.language}
-              infer="i18n-editor"
+              infer="language-overrides"
               href=${this.languageStrings}
             >
             </foxy-i18n-editor>
+
+            ${this.renderTemplateOrSlot('language-overrides:after')}
           `
             : ''}
+
+      <!-- -->
+
       ${super.renderBody()}
     `;
     }
+    get __paymentMethodSetLoader() {
+        return this.renderRoot.querySelector(`#${this.__paymentMethodSetLoaderId}`);
+    }
+    get __localeCodesLoader() {
+        return this.renderRoot.querySelector(`#${this.__localeCodesLoaderId}`);
+    }
+    get __languagesLoader() {
+        return this.renderRoot.querySelector(`#${this.__languagesLoaderId}`);
+    }
 }
 //# sourceMappingURL=TemplateSetForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateSetForm.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetForm/TemplateSetForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CSSResultArray, PropertyDeclarations } from 'lit-element';\nimport type { PaymentsApiPaymentPresetForm } from '../PaymentsApiPaymentPresetForm/PaymentsApiPaymentPresetForm';\nimport type { TemplateConfigForm } from '../TemplateConfigForm/TemplateConfigForm';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, css } from 'lit-element';\n\nconst NS = 'template-set-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\nexport class TemplateSetForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      paymentMethodSets: { attribute: 'payment-method-sets' },\n      languageStrings: { attribute: 'language-strings' },\n      localeCodes: { attribute: 'locale-codes' },\n      languages: {},\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        vaadin-button::part(label) {\n          flex: 1;\n          padding: 0;\n        }\n\n        .grid-cols-16rem {\n          grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n        }\n      `,\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      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => (!!v && v.length <= 50) || 'code:v8n_too_long',\n      ({ language: v }) => !!v || 'language:v8n_required',\n      ({ locale_code: v }) => !!v || 'locale_code:v8n_required',\n    ];\n  }\n\n  paymentMethodSets: string | null = null;\n\n  languageStrings: string | null = 'https://demo.api/hapi/property_helpers/10';\n\n  localeCodes: string | null = null;\n\n  languages: string | null = null;\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysHidden = [\n      'cart-template-uri:not=content',\n      'cart-include-template-uri:not=content',\n      'email-template-uri:not=content,template-language',\n      'checkout-template-uri:not=content',\n      'receipt-template-uri:not=content',\n      'config:payment-method-set-uri:delete',\n      'config:payment-method-set-uri:create',\n      'config:payment-method-set-uri:timestamps',\n      'config:payment-method-set-uri:description',\n      'config:template-dialog:description',\n      'config:template-dialog:delete',\n    ];\n\n    if (this.data?.code === 'DEFAULT') alwaysHidden.push('delete');\n\n    return new BooleanSelector(`${alwaysHidden.join(' ')} ${super.hiddenSelector.toString()}`);\n  }\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysReadonly: string[] = [];\n    if (this.data?.code === 'DEFAULT') alwaysReadonly.push('code', 'description');\n    return new BooleanSelector(`${alwaysReadonly.join(' ')} ${super.readonlySelector.toString()}`);\n  }\n\n  get templateConfigForm(): TemplateConfigForm | null {\n    return this.renderRoot.querySelector('foxy-template-config-form');\n  }\n\n  get paymentsApiPaymentPresetForm(): PaymentsApiPaymentPresetForm | null {\n    return this.renderRoot.querySelector('foxy-payments-api-payment-preset-form');\n  }\n\n  renderBody(): TemplateResult {\n    type LocaleCodesLoader = NucleonElement<Resource<Rels.LocaleCodes>>;\n    type LanguagesLoader = NucleonElement<Resource<Rels.Languages>>;\n    type PMSetLoader = NucleonElement<Resource<Rels.PaymentMethodSet>>;\n\n    const localeCodesLoader = this.renderRoot.querySelector<LocaleCodesLoader>('#localeCodes');\n    const localeCodes = localeCodesLoader?.data;\n    const localeCodeEntries = Object.entries(localeCodes?.values ?? {});\n    const localeCodeOptions = localeCodeEntries.map(([value, label]) => ({ value, label }));\n\n    const languagesLoader = this.renderRoot.querySelector<LanguagesLoader>('#languages');\n    const languages = languagesLoader?.data;\n    const languageEntries = Object.entries(languages?.values ?? {});\n    const languageOptions = languageEntries.map(([value, label]) => ({ value, label }));\n\n    const paymentMethodSetLoader = this.renderRoot.querySelector<PMSetLoader>('#paymentMethodSet');\n    const paymentMethodSet = paymentMethodSetLoader?.data;\n\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.languages ?? undefined)}\n        id=\"languages\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.localeCodes ?? undefined)}\n        id=\"localeCodes\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.form.payment_method_set_uri)}\n        id=\"paymentMethodSet\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <div class=\"grid grid-cols-16rem gap-m\">\n        <foxy-internal-text-control infer=\"description\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"code\"></foxy-internal-text-control>\n\n        <foxy-internal-select-control infer=\"language\" .options=${languageOptions}>\n        </foxy-internal-select-control>\n\n        <foxy-internal-select-control infer=\"locale-code\" .options=${localeCodeOptions}>\n        </foxy-internal-select-control>\n      </div>\n\n      <foxy-internal-async-combo-box-control\n        item-label-path=\"description\"\n        item-id-path=\"_links.self.href\"\n        infer=\"payment-method-set-uri\"\n        first=${this.paymentMethodSets}\n        .selectedItem=${paymentMethodSet}\n      >\n      </foxy-internal-async-combo-box-control>\n\n      ${this.data && this.languageStrings\n        ? html`\n            <foxy-i18n-editor\n              language-overrides=${this.data._links['fx:language_overrides'].href}\n              selected-language=${this.form.language}\n              infer=\"i18n-editor\"\n              href=${this.languageStrings}\n            >\n            </foxy-i18n-editor>\n          `\n        : ''}\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}
+{"version":3,"file":"TemplateSetForm.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetForm/TemplateSetForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { Data, Templates } from './types';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\nconst NS = 'template-set-form';\nconst Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));\n\n/**\n * Form element for creating and editing template sets (`fx:template_set`).\n *\n * @slot description:before\n * @slot description:after\n *\n * @slot code:before\n * @slot code:after\n *\n * @slot language:before\n * @slot language:after\n *\n * @slot locale-code:before\n * @slot locale-code:after\n *\n * @slot payment-method-set-uri:before\n * @slot payment-method-set-uri:after\n *\n * @slot language-overrides:before\n * @slot language-overrides:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @element foxy-template-set-form\n * @since 1.21.0\n */\nexport class TemplateSetForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      paymentMethodSets: { attribute: 'payment-method-sets' },\n      languageStrings: { attribute: 'language-strings' },\n      localeCodes: { attribute: 'locale-codes' },\n      languages: {},\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      ({ code: v }) => !!v || 'code:v8n_required',\n      ({ code: v }) => (!!v && v.length <= 50) || 'code:v8n_too_long',\n      ({ language: v }) => !!v || 'language:v8n_required',\n      ({ locale_code: v }) => !!v || 'locale_code:v8n_required',\n    ];\n  }\n\n  /** URL of the store's `fx:payment_method_sets` collection (used to fill the relevant dropdown with options). */\n  paymentMethodSets: string | null = null;\n\n  /** URL of the `fx:language_strings` property helper (passed through to foxy-i18n-editor). */\n  languageStrings: string | null = null;\n\n  /** URL of the `fx:locale_codes` property helper (used to fill the relevant dropdown with options). */\n  localeCodes: string | null = null;\n\n  /** URL of the `fx:languages` property helper (used to fill the relevant dropdown with options). */\n  languages: string | null = null;\n\n  /** Template render functions mapped to their name. */\n  templates: Templates = {};\n\n  private readonly __paymentMethodSetLoaderId = 'paymentMethodSetLoader';\n\n  private readonly __localeCodesLoaderId = 'localeCodesLoader';\n\n  private readonly __languagesLoaderId = 'languagesLoader';\n\n  get disabledSelector(): BooleanSelector {\n    const alwaysDisabled: string[] = [];\n\n    if (!this.__languagesLoader?.data) alwaysDisabled.push('language');\n    if (!this.__localeCodesLoader?.data) alwaysDisabled.push('locale-code');\n    if (!this.__paymentMethodSetLoader?.data && this.form.payment_method_set_uri) {\n      alwaysDisabled.push('payment-method-set-uri');\n    }\n\n    return new BooleanSelector(`${alwaysDisabled.join(' ')} ${super.disabledSelector}`);\n  }\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysReadonly: string[] = [];\n    if (this.data?.code === 'DEFAULT') alwaysReadonly.push('code', 'description');\n    return new BooleanSelector(`${alwaysReadonly.join(' ')} ${super.readonlySelector}`);\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysHidden: string[] = [];\n    if (this.data?.code === 'DEFAULT') alwaysHidden.push('delete');\n    return new BooleanSelector(`${alwaysHidden.join(' ')} ${super.hiddenSelector}`);\n  }\n\n  renderBody(): TemplateResult {\n    const localeCodeEntries = Object.entries(this.__localeCodesLoader?.data?.values ?? {});\n    const localeCodes = localeCodeEntries.map(([value, label]) => ({ value, label }));\n\n    const languageEntries = Object.entries(this.__languagesLoader?.data?.values ?? {});\n    const languages = languageEntries.map(([value, label]) => ({ value, label }));\n\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.languages ?? undefined)}\n        id=${this.__languagesLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.localeCodes ?? undefined)}\n        id=${this.__localeCodesLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.form.payment_method_set_uri || undefined)}\n        id=${this.__paymentMethodSetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <div class=\"grid grid-cols-1 gap-m sm-grid-cols-2\">\n        <foxy-internal-text-control infer=\"description\"></foxy-internal-text-control>\n\n        <foxy-internal-text-control infer=\"code\"></foxy-internal-text-control>\n\n        <foxy-internal-select-control infer=\"language\" .options=${languages}>\n        </foxy-internal-select-control>\n\n        <foxy-internal-select-control infer=\"locale-code\" .options=${localeCodes}>\n        </foxy-internal-select-control>\n      </div>\n\n      <foxy-internal-async-combo-box-control\n        item-label-path=\"description\"\n        item-id-path=\"_links.self.href\"\n        infer=\"payment-method-set-uri\"\n        first=${this.paymentMethodSets}\n        .selectedItem=${this.__paymentMethodSetLoader?.data}\n      >\n      </foxy-internal-async-combo-box-control>\n\n      ${this.data &&\n      this.languageStrings &&\n      !this.hiddenSelector.matches('language-overrides', true)\n        ? html`\n            ${this.renderTemplateOrSlot('language-overrides:before')}\n\n            <foxy-i18n-editor\n              language-overrides=${this.data._links['fx:language_overrides'].href}\n              selected-language=${this.form.language}\n              infer=\"language-overrides\"\n              href=${this.languageStrings}\n            >\n            </foxy-i18n-editor>\n\n            ${this.renderTemplateOrSlot('language-overrides:after')}\n          `\n        : ''}\n\n      <!-- -->\n\n      ${super.renderBody()}\n    `;\n  }\n\n  private get __paymentMethodSetLoader() {\n    type Loader = NucleonElement<Resource<Rels.PaymentMethodSet>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__paymentMethodSetLoaderId}`);\n  }\n\n  private get __localeCodesLoader() {\n    type Loader = NucleonElement<Resource<Rels.LocaleCodes>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__localeCodesLoaderId}`);\n  }\n\n  private get __languagesLoader() {\n    type Loader = NucleonElement<Resource<Rels.Languages>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__languagesLoaderId}`);\n  }\n}\n"]}

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

@@ -1,6 +1,7 @@
 import '../../internal/InternalAsyncComboBoxControl/index';
 import '../../internal/InternalSelectControl/index';
 import '../../internal/InternalTextControl/index';
+import '../../internal/InternalSandbox/index';
 import '../../internal/InternalForm/index';
 import '../NucleonElement/index';
 import '../I18nEditor/index';

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

@@ -1,6 +1,7 @@
 import "../../internal/InternalAsyncComboBoxControl/index.js";
 import "../../internal/InternalSelectControl/index.js";
 import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalSandbox/index.js";
 import "../../internal/InternalForm/index.js";
 import "../NucleonElement/index.js";
 import "../I18nEditor/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetForm/index.ts"],"names":[],"mappings":"AAAA,8DAA2D;AAC3D,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,oCAAiC;AACjC,gCAA6B;AAE7B,OAAO,EAAE,eAAe,EAAE,6BAA0B;AAEpD,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,eAAe,CAAC,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import '../../internal/InternalAsyncComboBoxControl/index';\nimport '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../NucleonElement/index';\nimport '../I18nEditor/index';\n\nimport { TemplateSetForm } from './TemplateSetForm';\n\ncustomElements.define('foxy-template-set-form', TemplateSetForm);\n\nexport { TemplateSetForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetForm/index.ts"],"names":[],"mappings":"AAAA,8DAA2D;AAC3D,uDAAoD;AACpD,qDAAkD;AAClD,iDAA8C;AAC9C,8CAA2C;AAE3C,oCAAiC;AACjC,gCAA6B;AAE7B,OAAO,EAAE,eAAe,EAAE,6BAA0B;AAEpD,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,eAAe,CAAC,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import '../../internal/InternalAsyncComboBoxControl/index';\nimport '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalSandbox/index';\nimport '../../internal/InternalForm/index';\n\nimport '../NucleonElement/index';\nimport '../I18nEditor/index';\n\nimport { TemplateSetForm } from './TemplateSetForm';\n\ncustomElements.define('foxy-template-set-form', TemplateSetForm);\n\nexport { TemplateSetForm };\n"]}

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

@@ -1,3 +1,25 @@
+import type { TemplateSetForm } from './TemplateSetForm';
+import type { Renderer } from '../../../mixins/configurable';
 import type { Resource } from '@foxy.io/sdk/core';
 import type { Rels } from '@foxy.io/sdk/backend';
 export declare type Data = Resource<Rels.TemplateSet>;
+export declare type Templates = {
+    'description:before'?: Renderer<TemplateSetForm>;
+    'description:after'?: Renderer<TemplateSetForm>;
+    'code:before'?: Renderer<TemplateSetForm>;
+    'code:after'?: Renderer<TemplateSetForm>;
+    'language:before'?: Renderer<TemplateSetForm>;
+    'language:after'?: Renderer<TemplateSetForm>;
+    'locale-code:before'?: Renderer<TemplateSetForm>;
+    'locale-code:after'?: Renderer<TemplateSetForm>;
+    'payment-method-set-uri:before'?: Renderer<TemplateSetForm>;
+    'payment-method-set-uri:after'?: Renderer<TemplateSetForm>;
+    'language-overrides:before'?: Renderer<TemplateSetForm>;
+    'language-overrides:after'?: Renderer<TemplateSetForm>;
+    'timestamps:before'?: Renderer<TemplateSetForm>;
+    'timestamps:after'?: Renderer<TemplateSetForm>;
+    'create:before'?: Renderer<TemplateSetForm>;
+    'create:after'?: Renderer<TemplateSetForm>;
+    'delete:before'?: Renderer<TemplateSetForm>;
+    'delete:after'?: Renderer<TemplateSetForm>;
+};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.TemplateSet>;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/TemplateSetForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TemplateSetForm } from './TemplateSetForm';\nimport type { Renderer } from '../../../mixins/configurable';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.TemplateSet>;\n\nexport type Templates = {\n  'description:before'?: Renderer<TemplateSetForm>;\n  'description:after'?: Renderer<TemplateSetForm>;\n  'code:before'?: Renderer<TemplateSetForm>;\n  'code:after'?: Renderer<TemplateSetForm>;\n  'language:before'?: Renderer<TemplateSetForm>;\n  'language:after'?: Renderer<TemplateSetForm>;\n  'locale-code:before'?: Renderer<TemplateSetForm>;\n  'locale-code:after'?: Renderer<TemplateSetForm>;\n  'payment-method-set-uri:before'?: Renderer<TemplateSetForm>;\n  'payment-method-set-uri:after'?: Renderer<TemplateSetForm>;\n  'language-overrides:before'?: Renderer<TemplateSetForm>;\n  'language-overrides:after'?: Renderer<TemplateSetForm>;\n  'timestamps:before'?: Renderer<TemplateSetForm>;\n  'timestamps:after'?: Renderer<TemplateSetForm>;\n  'create:before'?: Renderer<TemplateSetForm>;\n  'create:after'?: Renderer<TemplateSetForm>;\n  'delete:before'?: Renderer<TemplateSetForm>;\n  'delete:after'?: Renderer<TemplateSetForm>;\n};\n"]}

package/dist/mixins/themeable.js

@@ -327,6 +327,21 @@ vaadin-text-area,
   padding-bottom:0;
 }
 
+vaadin-text-area::part(label),
+          vaadin-text-field::part(label),
+          vaadin-date-picker::part(label),
+          vaadin-email-field::part(label),
+          vaadin-number-field::part(label),
+          vaadin-custom-field::part(label),
+          vaadin-integer-field::part(label),
+          vaadin-password-field::part(label),
+          vaadin-checkbox-group::part(label),
+          vaadin-radio-group::part(label),
+          vaadin-combo-box::part(label),
+          vaadin-date-picker::part(label){
+  margin-left:0;
+}
+
 vaadin-time-picker,
           vaadin-date-time-picker{
   width:100%;
@@ -837,6 +852,10 @@ input::-webkit-date-and-time-value{
   height: 100%;
 }
 
+:host([sm]) .sm-h-xs {
+  height: var(--lumo-size-xs, 1.625rem);
+}
+
 :host([sm]) .sm-h-m {
   height: var(--lumo-size-m, 2.25rem);
 }
@@ -1429,18 +1448,10 @@ input::-webkit-date-and-time-value{
   border-bottom-left-radius: var(--lumo-border-radius-l, 0.75em);
 }
 
-.rounded-tl-l {
-  border-top-left-radius: var(--lumo-border-radius-l, 0.75em);
-}
-
 .rounded-tl {
   border-top-left-radius: var(--lumo-border-radius, 0.5em);
 }
 
-.rounded-tr-s {
-  border-top-right-radius: var(--lumo-border-radius-s, 0.25em);
-}
-
 .rounded-tr {
   border-top-right-radius: var(--lumo-border-radius, 0.5em);
 }
@@ -2073,10 +2084,6 @@ input::-webkit-date-and-time-value{
   color: var(--lumo-tertiary-text-color, hsla(214, 45%, 20%, 0.5));
 }
 
-.underline {
-  text-decoration: underline;
-}
-
 @media (hover: hover) {
   .hover-underline:hover {
     text-decoration: underline;

package/dist/mixins/themeable.js.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA4HF;aACF,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CACZ,yBAAyB,EACzB,GAAG;;;;;;;;GASF,CACF,CAAC;AAEF,cAAc,CACZ,qCAAqC,EACrC,GAAG;;;;;;;GAOF,CACF,CAAC;AAEF,cAAc,CACZ,qCAAqC,EACrC,GAAG;;;;;;;GAOF,CACF,CAAC;AAEF;;;;;;;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-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          @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\nregisterStyles(\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\nregisterStyles(\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\nregisterStyles(\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\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"]}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA2IF;aACF,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CACZ,yBAAyB,EACzB,GAAG;;;;;;;;GASF,CACF,CAAC;AAEF,cAAc,CACZ,qCAAqC,EACrC,GAAG;;;;;;;GAOF,CACF,CAAC;AAEF,cAAc,CACZ,qCAAqC,EACrC,GAAG;;;;;;;GAOF,CACF,CAAC;AAEF;;;;;;;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          @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\nregisterStyles(\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\nregisterStyles(\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\nregisterStyles(\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\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

@@ -1,7 +1,7 @@
 {
   "name": "@foxy.io/elements",
   "type": "module",
-  "version": "1.18.0-beta.20",
+  "version": "1.18.0-beta.22",
   "description": "E-commerce web components by Foxy.",
   "repository": {
     "type": "git",
@@ -13,6 +13,7 @@
   "types": "dist/index.d.ts",
   "scripts": {
     "wca": "wca analyze \"src/elements/public/*/index.ts\" --outFile custom-elements.json --format json",
+    "generate-schemas": "node \"./.scripts/generate-schemas.js\" && prettier \"./src/static/schemas/*.json\" \"./.vscode/settings.json\" --write",
     "storybook": "wds --watch",
     "storybook:build": "build-storybook",
     "lint": "npm run lint:eslint && npm run lint:prettier",

package/dist/cdn/shared-11ffd643.js

@@ -1 +0,0 @@
-import"./shared-b48e5aaf.js";import"./shared-3ca1e8e4.js";import"./shared-2f6e33b6.js";import"./foxy-collection-page.js";import"./foxy-swipe-actions.js";import"./foxy-form-dialog.js";import"./foxy-pagination.js";import"./shared-888d690a.js";import{I as e}from"./shared-0d4f9b06.js";import"./shared-cf784db1.js";import{_ as t}from"./shared-a8ced8bf.js";import{c as i}from"./shared-4e709717.js";import{h as r}from"./shared-7f33a83a.js";let o,a,s,n,l,d,c,h,f,m=e=>e;customElements.define("foxy-internal-async-list-control",class extends e{constructor(){super(...arguments),this.related=[],this.limit=20,this.first="",this.form="",this.item="",this.wide=!1,this.alert=!1,this.hideDeleteButton=!1,this.hideCreateButton=!1,this.getPageHref=null,this.__deletionConfimationCallback=null,this.__cachedCardRenderer=null,this.__itemRenderer=e=>{if(!this.form&&!this.getPageHref||!e.data)return this.__cardRenderer(e);const t=this.disabledSelector.matches("card",!0),l=this.__cardRenderer(e);let d;const c=i({"rounded-t":!e.previous,"rounded-b":!e.next,"focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50":!0,"text-left w-full block transition-colors":!0,"hover-bg-contrast-5":!t});if(this.getPageHref)if(t)d=r(o||(o=m`<div class="${0}">${0}</div>`),c,l);else{const t=this.getPageHref(e.href,e.data);d=r(a||(a=m`<a class="${0}" href="${0}">${0}</a>`),c,t,l)}else{d=r(s||(s=m` <button ?disabled="${0}" class="${0}" @click="${0}">${0}</button> `),t,c,(t=>{const i=t.currentTarget,r=this.__dialog;r.header="header_update",r.href=e.href,r.show(i)}),l)}return this.hideDeleteButton?d:r(n||(n=m` <foxy-swipe-actions class="block"> ${0} <vaadin-button theme="primary error" class="h-full" slot="action" @click="${0}"> <foxy-i18n infer="" key="delete_button_text"></foxy-i18n> </vaadin-button> </foxy-swipe-actions> `),d,(e=>{const t=e.currentTarget;this.renderRoot.querySelector("#confirm").show(t),this.__deletionConfimationCallback=()=>{const e=t.previousElementSibling.querySelector("[href]");null==e||e.delete(),this.__deletionConfimationCallback=null}}))}}static get properties(){return t(t({},super.properties),{},{hideDeleteButton:{type:Boolean,attribute:"hide-delete-button"},hideCreateButton:{type:Boolean,attribute:"hide-create-button"},getPageHref:{attribute:!1},related:{type:Array},first:{type:String},limit:{type:Number},form:{type:String},item:{type:String},wide:{type:Boolean},alert:{type:Boolean}})}renderControl(){let e;try{const t=new URL(this.first);t.searchParams.set("limit",String(this.limit)),e=t.toString()}catch(t){e=this.first}return r(l||(l=m` ${0} ${0} <foxy-pagination first="${0}" infer="pagination"> <foxy-collection-page class="mb-s block divide-y divide-contrast-5 rounded overflow-hidden bg-contrast-5" infer="card" .related="${0}" .item="${0}"> </foxy-collection-page> ${0} </foxy-pagination> `),this.form?r(d||(d=m` <foxy-form-dialog parent="${0}" infer="dialog" id="form" ?wide="${0}" ?alert="${0}" .related="${0}" .form="${0}"> </foxy-form-dialog> ${0} `),e,this.wide,this.alert,this.related,this.form,this.hideDeleteButton?"":r(c||(c=m` <foxy-internal-confirm-dialog message="delete_message" confirm="delete_confirm" cancel="delete_cancel" header="delete_header" theme="error" lang="${0}" ns="${0}" id="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> `),this.lang,this.ns,(e=>{var t;e.detail.cancelled||null===(t=this.__deletionConfimationCallback)||void 0===t||t.call(this)}))):"",this.label&&"label"!==this.label?r(h||(h=m`<div class="font-medium text-secondary text-s mb-xs">${0}</div>`),this.label):"",e,this.related,this.__itemRenderer,!this.form||this.readonly||this.hideCreateButton?"":r(f||(f=m` <vaadin-button class="mb-s w-full" theme="success" ?disabled="${0}" @click="${0}"> <foxy-i18n infer="" key="create_button_text"></foxy-i18n> </vaadin-button> `),this.disabled,(e=>{e.preventDefault(),e.stopPropagation();const t=this.__dialog,i=e.currentTarget;t.header="header_create",t.href="",t.show(i)})))}get __dialog(){return this.renderRoot.querySelector("#form")}get __cardRenderer(){var e;return(null===(e=this.__cachedCardRenderer)||void 0===e?void 0:e.item)!==this.item&&(this.__cachedCardRenderer={item:this.item,render:"string"==typeof this.item?new Function("ctx",`return ctx.html\`<${this.item} related=\${JSON.stringify(ctx.related)} parent=\${ctx.parent} style="padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)" infer href=\${ctx.href}></${this.item}>\``):this.item}),this.__cachedCardRenderer.render}});

package/dist/cdn/shared-1351c1e3.js

@@ -1 +0,0 @@
-import"./foxy-collection-page.js";import"./foxy-form-dialog.js";import"./foxy-pagination.js";import"./shared-888d690a.js";import{I as e}from"./shared-c379590f.js";import"./shared-3ca1e8e4.js";import"./shared-2f6e33b6.js";import{_ as t}from"./shared-a8ced8bf.js";import{L as r,h as i}from"./shared-7f33a83a.js";import{I as s}from"./shared-4f037e43.js";import{T as o}from"./shared-1e94e6dd.js";import{c as n}from"./shared-4e709717.js";let a,l=e=>e;class c extends(o(s(r))){constructor(){super(...arguments),this.summary=null,this.open=!1}static get properties(){return t(t({},super.properties),{},{summary:{type:String},open:{type:Boolean}})}render(){var e;return i(a||(a=l` <details class="w-full border border-contrast-10 rounded-t-l rounded-b-l" ?open="${0}" @toggle="${0}"> <summary class="${0}"> <div class="flex items-center h-m pl-m pr-s"> <div class="flex items-center flex-1"> <foxy-i18n class="flex items-center text-xs tracking-wide uppercase font-bold text-body" infer="" key="${0}"> </foxy-i18n> <slot name="actions"></slot> </div> <iron-icon class="icon-inline text-xl text-body" icon="icons:expand-${0}"> </iron-icon> </div> </summary> <div class="border-t border-contrast-10"> <slot></slot> </div> </details> `),this.open,(e=>{this.open=e.currentTarget.open}),n({"focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50":!0,"transition-colors cursor-pointer hover-bg-contrast-5":!0,"rounded-t-l":!0,"rounded-b-l":!this.open}),null!==(e=this.summary)&&void 0!==e?e:"",this.open?"less":"more")}}customElements.define("foxy-internal-details",c);let d,m,f,h,p=e=>e;customElements.define("foxy-internal-async-details-control",class extends e{constructor(){super(...arguments),this.related=[],this.limit=20,this.first="",this.form="",this.item="",this.open=!1,this.__cachedCardRenderer=null,this.__itemRenderer=e=>{if(!this.form||!e.data)return this.__cardRenderer(e);const t=this.disabledSelector.matches("card",!0);return i(d||(d=p` <button ?disabled="${0}" class="${0}" @click="${0}"> ${0} </button> `),t,n({"focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50":!0,"text-left w-full block transition-colors":!0,"hover-bg-contrast-5":!t}),(t=>{const r=t.currentTarget,i=this.__dialog;i.header="header_update",i.href=e.href,i.show(r)}),this.__cardRenderer(e))}}static get properties(){return t(t({},super.properties),{},{related:{type:Array},first:{type:String},limit:{type:Number},form:{type:String},item:{type:String},open:{type:Boolean}})}renderControl(){let e;try{const t=new URL(this.first);t.searchParams.set("limit",String(this.limit)),e=t.toString()}catch(t){e=this.first}return i(m||(m=p` <foxy-internal-details summary="title" infer="" ?open="${0}" @toggle="${0}"> ${0} <foxy-pagination class="px-m pb-s" first="${0}" infer="pagination"> <foxy-collection-page class="-mx-m block divide-y divide-contrast-10 mb-s" infer="card" .related="${0}" .item="${0}"> </foxy-collection-page> </foxy-pagination> </foxy-internal-details> `),this.open,(e=>this.open=e.currentTarget.open),this.form?i(f||(f=p` <foxy-form-dialog parent="${0}" infer="dialog" id="form" .related="${0}" .form="${0}"> </foxy-form-dialog> ${0} `),e,this.related,this.form,this.readonly?"":i(h||(h=p` <button class="h-xs w-xs rounded-full text-success flex items-center justify-center text-l focus-outline-none focus-ring-2 focus-ring-primary-50" slot="actions" ?disabled="${0}" @click="${0}"> <iron-icon class="icon-inline" icon="icons:add"></iron-icon> </button> `),this.disabled,(e=>{e.preventDefault(),e.stopPropagation();const t=this.__dialog,r=e.currentTarget;t.header="header_create",t.href="",t.show(r)}))):"",e,this.related,this.__itemRenderer)}get __dialog(){return this.renderRoot.querySelector("#form")}get __cardRenderer(){var e;return(null===(e=this.__cachedCardRenderer)||void 0===e?void 0:e.item)!==this.item&&(this.__cachedCardRenderer={item:this.item,render:"string"==typeof this.item?new Function("ctx",`return ctx.html\`<${this.item} related=\${JSON.stringify(ctx.related)} parent=\${ctx.parent} class="p-m" infer href=\${ctx.href}></${this.item}>\``):this.item}),this.__cachedCardRenderer.render}});

package/dist/cdn/shared-2f9b7791.js

@@ -1 +0,0 @@
-import{L as e,h as r}from"./shared-7f33a83a.js";import{w as s}from"./shared-1e94e6dd.js";let t,o=e=>e;class n extends e{static get styles(){return s.styles}render(){return r(t||(t=o` <p class="flex text-s border border-contrast-10 rounded-t-l rounded-b-l p-s text-body leading-s"> <iron-icon icon="lumo:error" class="text-error flex-shrink-0 mr-s"></iron-icon> <slot></slot> </p> `))}}function a(e){const[r,s,t]=e.split("-").map((e=>parseInt(e,10)));return[r,s,t].some((e=>"number"!=typeof e||isNaN(e)))?null:new Date(r,s-1,t)}export{n as W,a as p};

package/dist/cdn/shared-79d6a262.js

@@ -1 +0,0 @@
-import{_ as t}from"./shared-a8ced8bf.js";import{C as e}from"./shared-43bcce74.js";import{h as s}from"./shared-7f33a83a.js";import{N as i}from"./shared-181f51bd.js";import{R as r,T as a}from"./shared-1e94e6dd.js";import{c as d}from"./shared-4e709717.js";let l,n,o,h=t=>t;const m=r(e(a(i)));class p extends m{constructor(){super(...arguments),this.templates={},this.lang="",this.ns="",this.__renderTitle=t=>s(l||(l=h` <div data-testid="title"> ${0} <div class="font-semibold truncate"> ${0}&ZeroWidthSpace; </div> ${0} </div> `),this.renderTemplateOrSlot("title:before"),this.data?null==t?void 0:t(this.data):"",this.renderTemplateOrSlot("title:after")),this.__renderSubtitle=t=>s(n||(n=h` <div data-testid="subtitle"> ${0} <div class="text-tertiary truncate text-s sm-text-m"> ${0}&ZeroWidthSpace; </div> ${0} </div> `),this.renderTemplateOrSlot("subtitle:before"),this.data?null==t?void 0:t(this.data):"",this.renderTemplateOrSlot("subtitle:after"))}static get properties(){return t(t({},super.properties),{},{lang:{type:String},ns:{type:String}})}render(t){var e,i;const r=this.hiddenSelector;return s(o||(o=h` <div aria-live="polite" aria-busy="${0}" class="relative text-body text-m font-lumo leading-s sm-flex sm-justify-between"> ${0} ${0} <div class="${0}"> <foxy-spinner data-testid="spinner" class="m-auto" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),!this.data&&this.in("busy"),r.matches("title",!0)?"":this.__renderTitle(null==t?void 0:t.title),r.matches("subtitle",!0)?"":this.__renderSubtitle(null==t?void 0:t.subtitle),d({"transition duration-250 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!!this.data}),this.in("fail")?"error":this.in({idle:"template"})?"empty":"busy",this.lang,this.ns,null!==(i=null===(e=customElements.get("foxy-spinner"))||void 0===e?void 0:e.defaultNS)&&void 0!==i?i:"")}}export{p as T};