npm - @foxy.io/elements - Versions diffs - 1.35.0-beta.1 → 1.35.0-beta.3 - Mend

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

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 (234) hide show

package/dist/elements/public/ExperimentalAddToCartBuilder/internal/InternalExperimentalAddToCartBuilderCustomOptionForm/types.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ interface ExperimentalAddToCartSnippetCustomOption extends Graph {
     links: {
         self: ExperimentalAddToCartSnippetCustomOption;
     };
-    props: ExperimentalAddToCartSnippet['props']['items'][number]['custom_options'][number];
+    props: Required<ExperimentalAddToCartSnippet['props']>['items'][number]['custom_options'][number];
 }
 export declare type Data = Resource<ExperimentalAddToCartSnippetCustomOption>;
 export {};

package/dist/elements/public/ExperimentalAddToCartBuilder/internal/InternalExperimentalAddToCartBuilderCustomOptionForm/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ExperimentalAddToCartBuilder/internal/InternalExperimentalAddToCartBuilderCustomOptionForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ExperimentalAddToCartSnippet } from '../../types';\nimport type { Graph, Resource } from '@foxy.io/sdk/core';\n\ninterface ExperimentalAddToCartSnippetCustomOption extends Graph {\n curie: 'fx:experimental_add_to_cart_snippet_custom_option';\n links: { self: ExperimentalAddToCartSnippetCustomOption };\n props: ExperimentalAddToCartSnippet['props']['items'][number]['custom_options'][number];\n}\n\nexport type Data = Resource<ExperimentalAddToCartSnippetCustomOption>;\n"]}
1	+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ExperimentalAddToCartBuilder/internal/InternalExperimentalAddToCartBuilderCustomOptionForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ExperimentalAddToCartSnippet } from '../../types';\nimport type { Graph, Resource } from '@foxy.io/sdk/core';\n\ninterface ExperimentalAddToCartSnippetCustomOption extends Graph {\n curie: 'fx:experimental_add_to_cart_snippet_custom_option';\n links: { self: ExperimentalAddToCartSnippetCustomOption };\n props: Required<ExperimentalAddToCartSnippet['props']>['items'][number]['custom_options'][number];\n}\n\nexport type Data = Resource<ExperimentalAddToCartSnippetCustomOption>;\n"]}

package/dist/elements/public/ExperimentalAddToCartBuilder/internal/InternalExperimentalAddToCartBuilderItemControl/InternalExperimentalAddToCartBuilderItemControl.d.ts CHANGED Viewed

@@ -1,11 +1,15 @@
 import type { PropertyDeclarations, TemplateResult } from 'lit-element';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
 import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
 export declare class InternalExperimentalAddToCartBuilderItemControl extends InternalControl {
     static get properties(): PropertyDeclarations;
+    defaultItemCategory: Resource<Rels.ItemCategory> | null;
     itemCategories: string | null;
     currencyCode: string | null;
     index: number;
     renderControl(): TemplateResult;
+    private get __resolvedItemCategory();
     private get __itemCategoryLoader();
     private __handleDiscountBuilderChange;
 }

package/dist/elements/public/ExperimentalAddToCartBuilder/internal/InternalExperimentalAddToCartBuilderItemControl/InternalExperimentalAddToCartBuilderItemControl.js CHANGED Viewed

@@ -4,6 +4,7 @@ import { html } from 'lit-html';
 export class InternalExperimentalAddToCartBuilderItemControl extends InternalControl {
     constructor() {
         super(...arguments);
+        this.defaultItemCategory = null;
         this.itemCategories = null;
         this.currencyCode = null;
         this.index = 0;
@@ -11,18 +12,19 @@ export class InternalExperimentalAddToCartBuilderItemControl extends InternalCon
     static get properties() {
         return {
             ...super.properties,
+            defaultItemCategory: { type: Object, attribute: 'default-item-category' },
             itemCategories: { attribute: 'item-categories' },
             currencyCode: { attribute: 'currency-code' },
             index: { type: Number },
-            store: {},
         };
     }
     renderControl() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        const itemCategory = (_a = this.__itemCategoryLoader) === null || _a === void 0 ? void 0 : _a.data;
+        const itemCategory = this.__resolvedItemCategory;
+        const itemDeliveryType = itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.item_delivery_type;
         const nucleon = this.nucleon;
         const index = this.index;
-        const item = (_b = nucleon === null || nucleon === void 0 ? void 0 : nucleon.form.items) === null || _b === void 0 ? void 0 : _b[index];
+        const item = (_a = nucleon === null || nucleon === void 0 ? void 0 : nucleon.form.items) === null || _a === void 0 ? void 0 : _a[index];
         return html `
       <div class="space-y-m">
         <foxy-internal-summary-control infer="basics-group">
@@ -36,7 +38,7 @@ export class InternalExperimentalAddToCartBuilderItemControl extends InternalCon
           <foxy-internal-resource-picker-control
             property="items.${index}.item_category_uri"
             layout="summary-item"
-            first=${ifDefined((_c = this.itemCategories) !== null && _c !== void 0 ? _c : void 0)}
+            first=${ifDefined((_b = this.itemCategories) !== null && _b !== void 0 ? _b : void 0)}
             infer="item-category-uri"
             item="foxy-item-category-card"
           >
@@ -47,7 +49,7 @@ export class InternalExperimentalAddToCartBuilderItemControl extends InternalCon
           <foxy-internal-number-control
             property="items.${index}.price"
             layout="summary-item"
-            suffix=${ifDefined((_d = this.currencyCode) !== null && _d !== void 0 ? _d : void 0)}
+            suffix=${ifDefined((_c = this.currencyCode) !== null && _c !== void 0 ? _c : void 0)}
             infer=${(item === null || item === void 0 ? void 0 : item.price_configurable) ? 'price-default' : 'price'}
           >
           </foxy-internal-number-control>
@@ -76,26 +78,23 @@ export class InternalExperimentalAddToCartBuilderItemControl extends InternalCon
           </foxy-internal-text-control>
         </foxy-internal-summary-control>
-        <foxy-internal-summary-control infer="appearance-group" layout="details">
-          <foxy-internal-text-control
-            property="items.${index}.image"
-            layout="summary-item"
-            infer="image"
-          >
-          </foxy-internal-text-control>
-          ${(item === null || item === void 0 ? void 0 : item.image) ? html `
-                <foxy-internal-text-control
-                  property="items.${index}.url"
+        ${itemDeliveryType === 'notshipped' || itemDeliveryType === 'downloaded'
+            ? ''
+            : html `
+              <foxy-internal-summary-control infer="appearance-group">
+                <foxy-internal-number-control
+                  placeholder=${ifDefined(itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_weight)}
+                  property="items.${index}.weight"
                   layout="summary-item"
-                  infer="url"
+                  suffix=${ifDefined(itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_weight_unit)}
+                  infer="weight"
+                  min="0"
                 >
-                </foxy-internal-text-control>
-              `
-            : ''}
-        </foxy-internal-summary-control>
+                </foxy-internal-number-control>
+              </foxy-internal-summary-control>
+            `}
-        <foxy-internal-summary-control infer="subscriptions-group" layout="details">
+        <foxy-internal-summary-control infer="subscriptions-group">
           <foxy-internal-switch-control
             property="items.${index}.sub_enabled"
             layout="summary-item"
@@ -108,6 +107,7 @@ export class InternalExperimentalAddToCartBuilderItemControl extends InternalCon
                   property="items.${index}.sub_frequency"
                   layout="summary-item"
                   infer="sub-frequency"
+                  allow-twice-a-month
                 >
                 </foxy-internal-frequency-control>
@@ -191,7 +191,46 @@ export class InternalExperimentalAddToCartBuilderItemControl extends InternalCon
             : ''}
         </foxy-internal-summary-control>
-        <foxy-internal-summary-control infer="discount-group" layout="details">
+        <foxy-internal-summary-control infer="quantity-group" layout="details">
+          <foxy-internal-number-control
+            property="items.${index}.quantity"
+            layout="summary-item"
+            infer="quantity"
+            step="1"
+            min="1"
+          >
+          </foxy-internal-number-control>
+          ${(item === null || item === void 0 ? void 0 : item.expires_format) === 'minutes'
+            ? ''
+            : html `
+                <foxy-internal-number-control
+                  property="items.${index}.quantity_min"
+                  layout="summary-item"
+                  infer="quantity-min"
+                  step="1"
+                  min="1"
+                >
+                </foxy-internal-number-control>
+                <foxy-internal-number-control
+                  property="items.${index}.quantity_max"
+                  layout="summary-item"
+                  infer="quantity-max"
+                  step="1"
+                  min="1"
+                >
+                </foxy-internal-number-control>
+              `}
+          <foxy-internal-switch-control
+            property="items.${index}.hide_quantity"
+            infer="hide-quantity"
+          >
+          </foxy-internal-switch-control>
+        </foxy-internal-summary-control>
+        <foxy-internal-summary-control infer="advanced-group" layout="details">
           <foxy-internal-text-control
             property="items.${index}.discount_name"
             layout="summary-item"
@@ -203,18 +242,35 @@ export class InternalExperimentalAddToCartBuilderItemControl extends InternalCon
                 <foxy-discount-builder
                   infer="discount-builder"
                   .parsedValue=${{
-            details: (_e = item === null || item === void 0 ? void 0 : item.discount_details) !== null && _e !== void 0 ? _e : '',
-            type: (_f = item === null || item === void 0 ? void 0 : item.discount_type) !== null && _f !== void 0 ? _f : 'discount_amount_percentage',
-            name: (_g = item === null || item === void 0 ? void 0 : item.discount_name) !== null && _g !== void 0 ? _g : '',
+            details: (_d = item === null || item === void 0 ? void 0 : item.discount_details) !== null && _d !== void 0 ? _d : '',
+            type: (_e = item === null || item === void 0 ? void 0 : item.discount_type) !== null && _e !== void 0 ? _e : 'amount_percentage',
+            name: (_f = item === null || item === void 0 ? void 0 : item.discount_name) !== null && _f !== void 0 ? _f : '',
+        }}
+                  @change=${(evt) => {
+            this.__handleDiscountBuilderChange(evt, item, index);
         }}
-                  @change=${(evt) => this.__handleDiscountBuilderChange(evt, item, index)}
                 >
                 </foxy-discount-builder>
               `
             : ''}
-        </foxy-internal-summary-control>
-        <foxy-internal-summary-control infer="expires-group" layout="details">
+          <foxy-internal-text-control
+            property="items.${index}.image"
+            layout="summary-item"
+            infer="image"
+          >
+          </foxy-internal-text-control>
+          ${(item === null || item === void 0 ? void 0 : item.image) ? html `
+                <foxy-internal-text-control
+                  property="items.${index}.url"
+                  layout="summary-item"
+                  infer="url"
+                >
+                </foxy-internal-text-control>
+              `
+            : ''}
           <foxy-internal-select-control
             property="items.${index}.expires_format"
             layout="summary-item"
@@ -248,78 +304,36 @@ export class InternalExperimentalAddToCartBuilderItemControl extends InternalCon
                 </foxy-internal-date-control>
               `
                 : ''}
-        </foxy-internal-summary-control>
-        <foxy-internal-summary-control infer="quantity-group" layout="details">
-          <foxy-internal-number-control
-            property="items.${index}.quantity"
-            layout="summary-item"
-            infer="quantity"
-            step="1"
-            min="1"
-          >
-          </foxy-internal-number-control>
-          ${(item === null || item === void 0 ? void 0 : item.expires_format) === 'minutes'
+          ${itemDeliveryType === 'notshipped' || itemDeliveryType === 'downloaded'
             ? ''
             : html `
                 <foxy-internal-number-control
-                  property="items.${index}.quantity_min"
+                  property="items.${index}.length"
                   layout="summary-item"
-                  infer="quantity-min"
-                  step="1"
-                  min="1"
+                  suffix=${ifDefined(itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_length_unit)}
+                  infer="length"
+                  min="0"
                 >
                 </foxy-internal-number-control>
                 <foxy-internal-number-control
-                  property="items.${index}.quantity_max"
+                  property="items.${index}.width"
                   layout="summary-item"
-                  infer="quantity-max"
-                  step="1"
-                  min="1"
+                  suffix=${ifDefined(itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_length_unit)}
+                  infer="width"
+                  min="0"
                 >
                 </foxy-internal-number-control>
-              `}
-        </foxy-internal-summary-control>
-        <foxy-internal-summary-control infer="dimensions-group" layout="details">
-          <foxy-internal-number-control
-            placeholder=${ifDefined(itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_weight)}
-            property="items.${index}.weight"
-            layout="summary-item"
-            suffix=${ifDefined(itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_weight_unit)}
-            infer="weight"
-            min="0"
-          >
-          </foxy-internal-number-control>
-          <foxy-internal-number-control
-            property="items.${index}.length"
-            layout="summary-item"
-            suffix=${ifDefined(itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_length_unit)}
-            infer="length"
-            min="0"
-          >
-          </foxy-internal-number-control>
-          <foxy-internal-number-control
-            property="items.${index}.width"
-            layout="summary-item"
-            suffix=${ifDefined(itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_length_unit)}
-            infer="width"
-            min="0"
-          >
-          </foxy-internal-number-control>
-          <foxy-internal-number-control
-            property="items.${index}.height"
-            layout="summary-item"
-            suffix=${ifDefined(itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_length_unit)}
-            infer="height"
-            min="0"
-          >
-          </foxy-internal-number-control>
+                <foxy-internal-number-control
+                  property="items.${index}.height"
+                  layout="summary-item"
+                  suffix=${ifDefined(itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_length_unit)}
+                  infer="height"
+                  min="0"
+                >
+                </foxy-internal-number-control>
+              `}
         </foxy-internal-summary-control>
         <foxy-internal-async-list-control
@@ -330,14 +344,14 @@ export class InternalExperimentalAddToCartBuilderItemControl extends InternalCon
           alert
           .formProps=${{
             '.defaultWeightUnit': itemCategory === null || itemCategory === void 0 ? void 0 : itemCategory.default_weight_unit,
-            '.existingOptions': (_h = item === null || item === void 0 ? void 0 : item.custom_options) !== null && _h !== void 0 ? _h : [],
+            '.existingOptions': (_g = item === null || item === void 0 ? void 0 : item.custom_options) !== null && _g !== void 0 ? _g : [],
             '.itemCategories': this.itemCategories,
             '.currencyCode': this.currencyCode,
         }}
         >
         </foxy-internal-async-list-control>
-        ${((_j = nucleon === null || nucleon === void 0 ? void 0 : nucleon.form.items) === null || _j === void 0 ? void 0 : _j.length) === 1
+        ${((_j = (_h = nucleon === null || nucleon === void 0 ? void 0 : nucleon.form.items) === null || _h === void 0 ? void 0 : _h.length) !== null && _j !== void 0 ? _j : 0) <= 1
             ? html ``
             : html `
               <vaadin-button
@@ -361,6 +375,10 @@ export class InternalExperimentalAddToCartBuilderItemControl extends InternalCon
       </div>
     `;
     }
+    get __resolvedItemCategory() {
+        var _a, _b;
+        return (_b = (_a = this.__itemCategoryLoader) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : this.defaultItemCategory;
+    }
     get __itemCategoryLoader() {
         return this.renderRoot.querySelector('#itemCategoryLoader');
     }

package/dist/elements/public/ExperimentalAddToCartBuilder/internal/InternalExperimentalAddToCartBuilderItemControl/InternalExperimentalAddToCartBuilderItemControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InternalExperimentalAddToCartBuilderItemControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ExperimentalAddToCartBuilder/internal/InternalExperimentalAddToCartBuilderItemControl/InternalExperimentalAddToCartBuilderItemControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { ExperimentalAddToCartBuilder } from '../../ExperimentalAddToCartBuilder';\nimport type { DiscountBuilder } from '../../../DiscountBuilder/DiscountBuilder';\nimport type { NucleonElement } from '../../../NucleonElement/NucleonElement';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from '../../types';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalExperimentalAddToCartBuilderItemControl extends InternalControl {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n itemCategories: { attribute: 'item-categories' },\n currencyCode: { attribute: 'currency-code' },\n index: { type: Number },\n store: {},\n };\n }\n\n itemCategories: string \| null = null;\n\n currencyCode: string \| null = null;\n\n index = 0;\n\n renderControl(): TemplateResult {\n const itemCategory = this.__itemCategoryLoader?.data;\n const nucleon = this.nucleon as ExperimentalAddToCartBuilder \| null;\n const index = this.index;\n const item = nucleon?.form.items?.[index];\n\n return html`\n <div class=\"space-y-m\">\n <foxy-internal-summary-control infer=\"basics-group\">\n <foxy-internal-text-control\n property=\"items.${index}.name\"\n layout=\"summary-item\"\n infer=\"name\"\n >\n </foxy-internal-text-control>\n\n <foxy-internal-resource-picker-control\n property=\"items.${index}.item_category_uri\"\n layout=\"summary-item\"\n first=${ifDefined(this.itemCategories ?? void 0)}\n infer=\"item-category-uri\"\n item=\"foxy-item-category-card\"\n >\n </foxy-internal-resource-picker-control>\n </foxy-internal-summary-control>\n\n <foxy-internal-summary-control infer=\"price-group\">\n <foxy-internal-number-control\n property=\"items.${index}.price\"\n layout=\"summary-item\"\n suffix=${ifDefined(this.currencyCode ?? void 0)}\n infer=${item?.price_configurable ? 'price-default' : 'price'}\n >\n </foxy-internal-number-control>\n\n <foxy-internal-switch-control\n property=\"items.${index}.price_configurable\"\n layout=\"summary-item\"\n infer=\"price-configurable\"\n >\n </foxy-internal-switch-control>\n </foxy-internal-summary-control>\n\n <foxy-internal-summary-control infer=\"code-group\">\n <foxy-internal-text-control\n property=\"items.${index}.code\"\n layout=\"summary-item\"\n infer=\"code\"\n >\n </foxy-internal-text-control>\n\n <foxy-internal-text-control\n property=\"items.${index}.parent_code\"\n layout=\"summary-item\"\n infer=\"parent-code\"\n >\n </foxy-internal-text-control>\n </foxy-internal-summary-control>\n\n <foxy-internal-summary-control infer=\"appearance-group\" layout=\"details\">\n <foxy-internal-text-control\n property=\"items.${index}.image\"\n layout=\"summary-item\"\n infer=\"image\"\n >\n </foxy-internal-text-control>\n\n ${item?.image\n ? html`\n <foxy-internal-text-control\n property=\"items.${index}.url\"\n layout=\"summary-item\"\n infer=\"url\"\n >\n </foxy-internal-text-control>\n `\n : ''}\n </foxy-internal-summary-control>\n\n <foxy-internal-summary-control infer=\"subscriptions-group\" layout=\"details\">\n <foxy-internal-switch-control\n property=\"items.${index}.sub_enabled\"\n layout=\"summary-item\"\n infer=\"sub-enabled\"\n >\n </foxy-internal-switch-control>\n\n ${item?.sub_enabled\n ? html`\n <foxy-internal-frequency-control\n property=\"items.${index}.sub_frequency\"\n layout=\"summary-item\"\n infer=\"sub-frequency\"\n >\n </foxy-internal-frequency-control>\n\n <foxy-internal-select-control\n property=\"items.${index}.sub_startdate_format\"\n layout=\"summary-item\"\n infer=\"sub-startdate-format\"\n .options=${[\n { label: 'option_none', value: 'none' },\n { label: 'option_yyyymmdd', value: 'yyyymmdd' },\n { label: 'option_dd', value: 'dd' },\n { label: 'option_duration', value: 'duration' },\n ]}\n >\n </foxy-internal-select-control>\n\n ${item.sub_startdate_format === 'yyyymmdd'\n ? html`\n <foxy-internal-date-control\n property=\"items.${index}.sub_startdate\"\n layout=\"summary-item\"\n infer=\"sub-startdate-yyyymmdd\"\n >\n </foxy-internal-date-control>\n `\n : item.sub_startdate_format === 'duration'\n ? html`\n <foxy-internal-frequency-control\n property=\"items.${index}.sub_startdate\"\n layout=\"summary-item\"\n infer=\"sub-startdate-duration\"\n >\n </foxy-internal-frequency-control>\n `\n : item.sub_startdate_format === 'dd'\n ? html`\n <foxy-internal-number-control\n property=\"items.${index}.sub_startdate\"\n layout=\"summary-item\"\n infer=\"sub-startdate-dd\"\n step=\"1\"\n min=\"1\"\n max=\"31\"\n >\n </foxy-internal-number-control>\n `\n : ''}\n\n <foxy-internal-select-control\n property=\"items.${index}.sub_enddate_format\"\n layout=\"summary-item\"\n infer=\"sub-enddate-format\"\n .options=${[\n { label: 'option_none', value: 'none' },\n { label: 'option_yyyymmdd', value: 'yyyymmdd' },\n { label: 'option_duration', value: 'duration' },\n ]}\n >\n </foxy-internal-select-control>\n\n ${item.sub_enddate_format === 'yyyymmdd'\n ? html`\n <foxy-internal-date-control\n property=\"items.${index}.sub_enddate\"\n layout=\"summary-item\"\n infer=\"sub-enddate-yyyymmdd\"\n >\n </foxy-internal-date-control>\n `\n : item.sub_enddate_format === 'duration'\n ? html`\n <foxy-internal-frequency-control\n property=\"items.${index}.sub_enddate\"\n layout=\"summary-item\"\n infer=\"sub-enddate-duration\"\n >\n </foxy-internal-frequency-control>\n `\n : ''}\n `\n : ''}\n </foxy-internal-summary-control>\n\n <foxy-internal-summary-control infer=\"discount-group\" layout=\"details\">\n <foxy-internal-text-control\n property=\"items.${index}.discount_name\"\n layout=\"summary-item\"\n infer=\"discount-name\"\n >\n </foxy-internal-text-control>\n\n ${item?.discount_name\n ? html`\n <foxy-discount-builder\n infer=\"discount-builder\"\n .parsedValue=${{\n details: item?.discount_details ?? '',\n type: item?.discount_type ?? 'discount_amount_percentage',\n name: item?.discount_name ?? '',\n }}\n @change=${(evt: CustomEvent) =>\n this.__handleDiscountBuilderChange(evt, item, index)}\n >\n </foxy-discount-builder>\n `\n : ''}\n </foxy-internal-summary-control>\n\n <foxy-internal-summary-control infer=\"expires-group\" layout=\"details\">\n <foxy-internal-select-control\n property=\"items.${index}.expires_format\"\n layout=\"summary-item\"\n infer=\"expires-format\"\n .options=${[\n { label: 'option_none', value: 'none' },\n { label: 'option_minutes', value: 'minutes' },\n { label: 'option_timestamp', value: 'timestamp' },\n ]}\n >\n </foxy-internal-select-control>\n\n ${item?.expires_format === 'minutes'\n ? html`\n <foxy-internal-number-control\n property=\"items.${index}.expires_value\"\n layout=\"summary-item\"\n suffix=\"min\"\n infer=\"expires-value-minutes\"\n >\n </foxy-internal-number-control>\n `\n : item?.expires_format === 'timestamp'\n ? html`\n <foxy-internal-date-control\n property=\"items.${index}.expires_value\"\n layout=\"summary-item\"\n format=\"unix\"\n infer=\"expires-value-timestamp\"\n >\n </foxy-internal-date-control>\n `\n : ''}\n </foxy-internal-summary-control>\n\n <foxy-internal-summary-control infer=\"quantity-group\" layout=\"details\">\n <foxy-internal-number-control\n property=\"items.${index}.quantity\"\n layout=\"summary-item\"\n infer=\"quantity\"\n step=\"1\"\n min=\"1\"\n >\n </foxy-internal-number-control>\n\n ${item?.expires_format === 'minutes'\n ? ''\n : html`\n <foxy-internal-number-control\n property=\"items.${index}.quantity_min\"\n layout=\"summary-item\"\n infer=\"quantity-min\"\n step=\"1\"\n min=\"1\"\n >\n </foxy-internal-number-control>\n\n <foxy-internal-number-control\n property=\"items.${index}.quantity_max\"\n layout=\"summary-item\"\n infer=\"quantity-max\"\n step=\"1\"\n min=\"1\"\n >\n </foxy-internal-number-control>\n `}\n </foxy-internal-summary-control>\n\n <foxy-internal-summary-control infer=\"dimensions-group\" layout=\"details\">\n <foxy-internal-number-control\n placeholder=${ifDefined(itemCategory?.default_weight)}\n property=\"items.${index}.weight\"\n layout=\"summary-item\"\n suffix=${ifDefined(itemCategory?.default_weight_unit)}\n infer=\"weight\"\n min=\"0\"\n >\n </foxy-internal-number-control>\n\n <foxy-internal-number-control\n property=\"items.${index}.length\"\n layout=\"summary-item\"\n suffix=${ifDefined(itemCategory?.default_length_unit)}\n infer=\"length\"\n min=\"0\"\n >\n </foxy-internal-number-control>\n\n <foxy-internal-number-control\n property=\"items.${index}.width\"\n layout=\"summary-item\"\n suffix=${ifDefined(itemCategory?.default_length_unit)}\n infer=\"width\"\n min=\"0\"\n >\n </foxy-internal-number-control>\n\n <foxy-internal-number-control\n property=\"items.${index}.height\"\n layout=\"summary-item\"\n suffix=${ifDefined(itemCategory?.default_length_unit)}\n infer=\"height\"\n min=\"0\"\n >\n </foxy-internal-number-control>\n </foxy-internal-summary-control>\n\n <foxy-internal-async-list-control\n first=\"foxy://${nucleon?.virtualHost}/form/items/${index}/custom_options\"\n infer=\"custom-options\"\n form=\"foxy-internal-experimental-add-to-cart-builder-custom-option-form\"\n item=\"foxy-internal-experimental-add-to-cart-builder-custom-option-card\"\n alert\n .formProps=${{\n '.defaultWeightUnit': itemCategory?.default_weight_unit,\n '.existingOptions': item?.custom_options ?? [],\n '.itemCategories': this.itemCategories,\n '.currencyCode': this.currencyCode,\n }}\n >\n </foxy-internal-async-list-control>\n\n ${nucleon?.form.items?.length === 1\n ? html``\n : html`\n <vaadin-button\n theme=\"error\"\n class=\"w-full\"\n ?disabled=${this.disabled}\n @click=${() => this.dispatchEvent(new CustomEvent('remove'))}\n >\n <foxy-i18n infer=\"delete\" key=\"caption\"></foxy-i18n>\n </vaadin-button>\n `}\n\n <foxy-nucleon\n infer=\"\"\n class=\"hidden\"\n href=${ifDefined(item?.item_category_uri)}\n id=\"itemCategoryLoader\"\n @update=${() => this.requestUpdate()}\n >\n </foxy-nucleon>\n </div>\n `;\n }\n\n private get __itemCategoryLoader() {\n type Loader = NucleonElement<Resource<Rels.ItemCategory>>;\n return this.renderRoot.querySelector<Loader>('#itemCategoryLoader');\n }\n\n private __handleDiscountBuilderChange(\n evt: CustomEvent,\n item: Data['items'][number],\n index: number\n ) {\n const builder = evt.currentTarget as DiscountBuilder;\n const nucleon = this.nucleon as ExperimentalAddToCartBuilder \| null;\n\n item.discount_details = builder.parsedValue.details;\n item.discount_type = builder.parsedValue.type;\n item.discount_name = builder.parsedValue.name;\n\n const items = nucleon?.form.items ?? [];\n items.splice(index, 1, item);\n nucleon?.edit({ items: [...items] });\n }\n}\n"]}
1	+ {"version":3,"file":"InternalExperimentalAddToCartBuilderItemControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ExperimentalAddToCartBuilder/internal/InternalExperimentalAddToCartBuilderItemControl/InternalExperimentalAddToCartBuilderItemControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { ExperimentalAddToCartBuilder } from '../../ExperimentalAddToCartBuilder';\nimport type { DiscountBuilder } from '../../../DiscountBuilder/DiscountBuilder';\nimport type { NucleonElement } from '../../../NucleonElement/NucleonElement';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from '../../types';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalExperimentalAddToCartBuilderItemControl extends InternalControl {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n defaultItemCategory: { type: Object, attribute: 'default-item-category' },\n itemCategories: { attribute: 'item-categories' },\n currencyCode: { attribute: 'currency-code' },\n index: { type: Number },\n };\n }\n\n defaultItemCategory: Resource<Rels.ItemCategory> \| null = null;\n\n itemCategories: string \| null = null;\n\n currencyCode: string \| null = null;\n\n index = 0;\n\n renderControl(): TemplateResult {\n const itemCategory = this.__resolvedItemCategory;\n const itemDeliveryType = itemCategory?.item_delivery_type;\n const nucleon = this.nucleon as ExperimentalAddToCartBuilder \| null;\n const index = this.index;\n const item = nucleon?.form.items?.[index];\n\n return html`\n <div class=\"space-y-m\">\n <foxy-internal-summary-control infer=\"basics-group\">\n <foxy-internal-text-control\n property=\"items.${index}.name\"\n layout=\"summary-item\"\n infer=\"name\"\n >\n </foxy-internal-text-control>\n\n <foxy-internal-resource-picker-control\n property=\"items.${index}.item_category_uri\"\n layout=\"summary-item\"\n first=${ifDefined(this.itemCategories ?? void 0)}\n infer=\"item-category-uri\"\n item=\"foxy-item-category-card\"\n >\n </foxy-internal-resource-picker-control>\n </foxy-internal-summary-control>\n\n <foxy-internal-summary-control infer=\"price-group\">\n <foxy-internal-number-control\n property=\"items.${index}.price\"\n layout=\"summary-item\"\n suffix=${ifDefined(this.currencyCode ?? void 0)}\n infer=${item?.price_configurable ? 'price-default' : 'price'}\n >\n </foxy-internal-number-control>\n\n <foxy-internal-switch-control\n property=\"items.${index}.price_configurable\"\n layout=\"summary-item\"\n infer=\"price-configurable\"\n >\n </foxy-internal-switch-control>\n </foxy-internal-summary-control>\n\n <foxy-internal-summary-control infer=\"code-group\">\n <foxy-internal-text-control\n property=\"items.${index}.code\"\n layout=\"summary-item\"\n infer=\"code\"\n >\n </foxy-internal-text-control>\n\n <foxy-internal-text-control\n property=\"items.${index}.parent_code\"\n layout=\"summary-item\"\n infer=\"parent-code\"\n >\n </foxy-internal-text-control>\n </foxy-internal-summary-control>\n\n ${itemDeliveryType === 'notshipped' \|\| itemDeliveryType === 'downloaded'\n ? ''\n : html`\n <foxy-internal-summary-control infer=\"appearance-group\">\n <foxy-internal-number-control\n placeholder=${ifDefined(itemCategory?.default_weight)}\n property=\"items.${index}.weight\"\n layout=\"summary-item\"\n suffix=${ifDefined(itemCategory?.default_weight_unit)}\n infer=\"weight\"\n min=\"0\"\n >\n </foxy-internal-number-control>\n </foxy-internal-summary-control>\n `}\n\n <foxy-internal-summary-control infer=\"subscriptions-group\">\n <foxy-internal-switch-control\n property=\"items.${index}.sub_enabled\"\n layout=\"summary-item\"\n infer=\"sub-enabled\"\n >\n </foxy-internal-switch-control>\n\n ${item?.sub_enabled\n ? html`\n <foxy-internal-frequency-control\n property=\"items.${index}.sub_frequency\"\n layout=\"summary-item\"\n infer=\"sub-frequency\"\n allow-twice-a-month\n >\n </foxy-internal-frequency-control>\n\n <foxy-internal-select-control\n property=\"items.${index}.sub_startdate_format\"\n layout=\"summary-item\"\n infer=\"sub-startdate-format\"\n .options=${[\n { label: 'option_none', value: 'none' },\n { label: 'option_yyyymmdd', value: 'yyyymmdd' },\n { label: 'option_dd', value: 'dd' },\n { label: 'option_duration', value: 'duration' },\n ]}\n >\n </foxy-internal-select-control>\n\n ${item.sub_startdate_format === 'yyyymmdd'\n ? html`\n <foxy-internal-date-control\n property=\"items.${index}.sub_startdate\"\n layout=\"summary-item\"\n infer=\"sub-startdate-yyyymmdd\"\n >\n </foxy-internal-date-control>\n `\n : item.sub_startdate_format === 'duration'\n ? html`\n <foxy-internal-frequency-control\n property=\"items.${index}.sub_startdate\"\n layout=\"summary-item\"\n infer=\"sub-startdate-duration\"\n >\n </foxy-internal-frequency-control>\n `\n : item.sub_startdate_format === 'dd'\n ? html`\n <foxy-internal-number-control\n property=\"items.${index}.sub_startdate\"\n layout=\"summary-item\"\n infer=\"sub-startdate-dd\"\n step=\"1\"\n min=\"1\"\n max=\"31\"\n >\n </foxy-internal-number-control>\n `\n : ''}\n\n <foxy-internal-select-control\n property=\"items.${index}.sub_enddate_format\"\n layout=\"summary-item\"\n infer=\"sub-enddate-format\"\n .options=${[\n { label: 'option_none', value: 'none' },\n { label: 'option_yyyymmdd', value: 'yyyymmdd' },\n { label: 'option_duration', value: 'duration' },\n ]}\n >\n </foxy-internal-select-control>\n\n ${item.sub_enddate_format === 'yyyymmdd'\n ? html`\n <foxy-internal-date-control\n property=\"items.${index}.sub_enddate\"\n layout=\"summary-item\"\n infer=\"sub-enddate-yyyymmdd\"\n >\n </foxy-internal-date-control>\n `\n : item.sub_enddate_format === 'duration'\n ? html`\n <foxy-internal-frequency-control\n property=\"items.${index}.sub_enddate\"\n layout=\"summary-item\"\n infer=\"sub-enddate-duration\"\n >\n </foxy-internal-frequency-control>\n `\n : ''}\n `\n : ''}\n </foxy-internal-summary-control>\n\n <foxy-internal-summary-control infer=\"quantity-group\" layout=\"details\">\n <foxy-internal-number-control\n property=\"items.${index}.quantity\"\n layout=\"summary-item\"\n infer=\"quantity\"\n step=\"1\"\n min=\"1\"\n >\n </foxy-internal-number-control>\n\n ${item?.expires_format === 'minutes'\n ? ''\n : html`\n <foxy-internal-number-control\n property=\"items.${index}.quantity_min\"\n layout=\"summary-item\"\n infer=\"quantity-min\"\n step=\"1\"\n min=\"1\"\n >\n </foxy-internal-number-control>\n\n <foxy-internal-number-control\n property=\"items.${index}.quantity_max\"\n layout=\"summary-item\"\n infer=\"quantity-max\"\n step=\"1\"\n min=\"1\"\n >\n </foxy-internal-number-control>\n `}\n\n <foxy-internal-switch-control\n property=\"items.${index}.hide_quantity\"\n infer=\"hide-quantity\"\n >\n </foxy-internal-switch-control>\n </foxy-internal-summary-control>\n\n <foxy-internal-summary-control infer=\"advanced-group\" layout=\"details\">\n <foxy-internal-text-control\n property=\"items.${index}.discount_name\"\n layout=\"summary-item\"\n infer=\"discount-name\"\n >\n </foxy-internal-text-control>\n\n ${item?.discount_name\n ? html`\n <foxy-discount-builder\n infer=\"discount-builder\"\n .parsedValue=${{\n details: item?.discount_details ?? '',\n type: item?.discount_type ?? 'amount_percentage',\n name: item?.discount_name ?? '',\n }}\n @change=${(evt: CustomEvent) => {\n this.__handleDiscountBuilderChange(evt, item, index);\n }}\n >\n </foxy-discount-builder>\n `\n : ''}\n\n <foxy-internal-text-control\n property=\"items.${index}.image\"\n layout=\"summary-item\"\n infer=\"image\"\n >\n </foxy-internal-text-control>\n\n ${item?.image\n ? html`\n <foxy-internal-text-control\n property=\"items.${index}.url\"\n layout=\"summary-item\"\n infer=\"url\"\n >\n </foxy-internal-text-control>\n `\n : ''}\n\n <foxy-internal-select-control\n property=\"items.${index}.expires_format\"\n layout=\"summary-item\"\n infer=\"expires-format\"\n .options=${[\n { label: 'option_none', value: 'none' },\n { label: 'option_minutes', value: 'minutes' },\n { label: 'option_timestamp', value: 'timestamp' },\n ]}\n >\n </foxy-internal-select-control>\n\n ${item?.expires_format === 'minutes'\n ? html`\n <foxy-internal-number-control\n property=\"items.${index}.expires_value\"\n layout=\"summary-item\"\n suffix=\"min\"\n infer=\"expires-value-minutes\"\n >\n </foxy-internal-number-control>\n `\n : item?.expires_format === 'timestamp'\n ? html`\n <foxy-internal-date-control\n property=\"items.${index}.expires_value\"\n layout=\"summary-item\"\n format=\"unix\"\n infer=\"expires-value-timestamp\"\n >\n </foxy-internal-date-control>\n `\n : ''}\n ${itemDeliveryType === 'notshipped' \|\| itemDeliveryType === 'downloaded'\n ? ''\n : html`\n <foxy-internal-number-control\n property=\"items.${index}.length\"\n layout=\"summary-item\"\n suffix=${ifDefined(itemCategory?.default_length_unit)}\n infer=\"length\"\n min=\"0\"\n >\n </foxy-internal-number-control>\n\n <foxy-internal-number-control\n property=\"items.${index}.width\"\n layout=\"summary-item\"\n suffix=${ifDefined(itemCategory?.default_length_unit)}\n infer=\"width\"\n min=\"0\"\n >\n </foxy-internal-number-control>\n\n <foxy-internal-number-control\n property=\"items.${index}.height\"\n layout=\"summary-item\"\n suffix=${ifDefined(itemCategory?.default_length_unit)}\n infer=\"height\"\n min=\"0\"\n >\n </foxy-internal-number-control>\n `}\n </foxy-internal-summary-control>\n\n <foxy-internal-async-list-control\n first=\"foxy://${nucleon?.virtualHost}/form/items/${index}/custom_options\"\n infer=\"custom-options\"\n form=\"foxy-internal-experimental-add-to-cart-builder-custom-option-form\"\n item=\"foxy-internal-experimental-add-to-cart-builder-custom-option-card\"\n alert\n .formProps=${{\n '.defaultWeightUnit': itemCategory?.default_weight_unit,\n '.existingOptions': item?.custom_options ?? [],\n '.itemCategories': this.itemCategories,\n '.currencyCode': this.currencyCode,\n }}\n >\n </foxy-internal-async-list-control>\n\n ${(nucleon?.form.items?.length ?? 0) <= 1\n ? html``\n : html`\n <vaadin-button\n theme=\"error\"\n class=\"w-full\"\n ?disabled=${this.disabled}\n @click=${() => this.dispatchEvent(new CustomEvent('remove'))}\n >\n <foxy-i18n infer=\"delete\" key=\"caption\"></foxy-i18n>\n </vaadin-button>\n `}\n\n <foxy-nucleon\n infer=\"\"\n class=\"hidden\"\n href=${ifDefined(item?.item_category_uri)}\n id=\"itemCategoryLoader\"\n @update=${() => this.requestUpdate()}\n >\n </foxy-nucleon>\n </div>\n `;\n }\n\n private get __resolvedItemCategory() {\n return this.__itemCategoryLoader?.data ?? this.defaultItemCategory;\n }\n\n private get __itemCategoryLoader() {\n type Loader = NucleonElement<Resource<Rels.ItemCategory>>;\n return this.renderRoot.querySelector<Loader>('#itemCategoryLoader');\n }\n\n private __handleDiscountBuilderChange(\n evt: CustomEvent,\n item: Required<Data>['items'][number],\n index: number\n ) {\n const builder = evt.currentTarget as DiscountBuilder;\n const nucleon = this.nucleon as ExperimentalAddToCartBuilder \| null;\n\n item.discount_details = builder.parsedValue.details;\n item.discount_type = builder.parsedValue.type;\n item.discount_name = builder.parsedValue.name;\n\n const items = nucleon?.form.items ?? [];\n items.splice(index, 1, item);\n nucleon?.edit({ items: [...items] });\n }\n}\n"]}

package/dist/elements/public/ExperimentalAddToCartBuilder/types.d.ts CHANGED Viewed

@@ -8,47 +8,50 @@ export interface ExperimentalAddToCartSnippet extends Graph {
         'fx:store': Rels.Store;
     };
     props: {
-        template_set_uri: string | null;
-        empty: 'false' | 'true' | 'reset';
-        cart: 'add' | 'checkout';
-        items: {
+        template_set_uri?: string;
+        redirect?: string;
+        coupon?: string;
+        empty?: 'false' | 'true' | 'reset';
+        cart?: 'add' | 'checkout' | 'redirect';
+        items?: {
             name: string;
-            item_category_uri?: string | null;
+            item_category_uri?: string;
             price: number;
             price_configurable?: boolean;
-            code?: string | null;
-            parent_code?: string | null;
-            image?: string | null;
-            url?: string | null;
+            code?: string;
+            parent_code?: string;
+            image?: string;
+            url?: string;
             sub_enabled?: boolean;
-            sub_frequency?: string | null;
+            sub_frequency?: string;
             sub_startdate_format?: 'none' | 'yyyymmdd' | 'dd' | 'duration';
-            sub_startdate?: string | number | null;
+            sub_startdate?: string | number;
             sub_enddate_format?: 'none' | 'yyyymmdd' | 'duration';
-            sub_enddate?: string | null;
-            discount_details?: string | null;
-            discount_type?: string | null;
-            discount_name?: string | null;
+            sub_enddate?: string | number;
+            discount_details?: string;
+            discount_type?: string;
+            discount_name?: string;
             expires_format?: 'minutes' | 'timestamp' | 'none';
-            expires_value?: number | null;
-            quantity?: number | null;
-            quantity_max?: number | null;
-            quantity_min?: number | null;
-            weight?: number | null;
-            length?: number | null;
-            width?: number | null;
-            height?: number | null;
+            expires_value?: number;
+            hide_quantity?: boolean;
+            quantity?: number;
+            quantity_max?: number;
+            quantity_min?: number;
+            weight?: number;
+            length?: number;
+            width?: number;
+            height?: number;
             custom_options: {
                 name: string;
                 value?: string;
                 value_configurable?: boolean;
-                price?: number | null;
+                price?: number;
                 replace_price?: boolean;
-                weight?: number | null;
+                weight?: number;
                 replace_weight?: boolean;
-                code?: string | null;
+                code?: string;
                 replace_code?: boolean;
-                item_category_uri?: string | null;
+                item_category_uri?: string;
             }[];
         }[];
     };

package/dist/elements/public/ExperimentalAddToCartBuilder/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/ExperimentalAddToCartBuilder/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Graph, Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\n/** WARNING: this API doesn't exist. Fields and data types may change without notice. */\nexport interface ExperimentalAddToCartSnippet extends Graph {\n curie: 'fx:experimental_add_to_cart_snippet';\n links: {\n 'self': ExperimentalAddToCartSnippet;\n 'fx:store': Rels.Store;\n };\n props: {\n template_set_uri: string \| ~~null~~;\n empty: 'false' \| 'true' \| 'reset';\n cart: 'add' \| 'checkout';\n items: {\n name: string;\n item_category_uri?: string ~~\| null~~;\n price: number;\n price_configurable?: boolean;\n code?: string ~~\| null~~;\n parent_code?: string ~~\| null~~;\n image?: string ~~\| null~~;\n url?: string ~~\| null~~;\n sub_enabled?: boolean;\n sub_frequency?: string ~~\| null~~;\n sub_startdate_format?: 'none' \| 'yyyymmdd' \| 'dd' \| 'duration';\n sub_startdate?: string \| number ~~\| null~~;\n sub_enddate_format?: 'none' \| 'yyyymmdd' \| 'duration';\n sub_enddate?: string \| ~~null~~;\n discount_details?: string ~~\| null~~;\n discount_type?: string ~~\| null~~;\n discount_name?: string ~~\| null~~;\n expires_format?: 'minutes' \| 'timestamp' \| 'none';\n expires_value?: number ~~\| null~~;\n quantity?: number ~~\| null~~;\n quantity_max?: number ~~\| null~~;\n quantity_min?: number ~~\| null~~;\n weight?: number ~~\| null~~;\n length?: number ~~\| null~~;\n width?: number ~~\| null~~;\n height?: number ~~\| null~~;\n custom_options: {\n name: string;\n value?: string;\n value_configurable?: boolean;\n price?: number ~~\| null~~;\n replace_price?: boolean;\n weight?: number ~~\| null~~;\n replace_weight?: boolean;\n code?: string ~~\| null~~;\n replace_code?: boolean;\n item_category_uri?: string ~~\| null~~;\n }[];\n }[];\n };\n}\n\nexport type Data = Resource<ExperimentalAddToCartSnippet>;\n"]}
1	+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/ExperimentalAddToCartBuilder/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Graph, Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\n/** WARNING: this API doesn't exist. Fields and data types may change without notice. */\nexport interface ExperimentalAddToCartSnippet extends Graph {\n curie: 'fx:experimental_add_to_cart_snippet';\n links: {\n 'self': ExperimentalAddToCartSnippet;\n 'fx:store': Rels.Store;\n };\n props: {\n template_set_uri?: string;\n redirect?: string;\n coupon?: string;\n empty?: 'false' \| 'true' \| 'reset';\n cart?: 'add' \| 'checkout' \| 'redirect';\n items?: {\n name: string;\n item_category_uri?: string;\n price: number;\n price_configurable?: boolean;\n code?: string;\n parent_code?: string;\n image?: string;\n url?: string;\n sub_enabled?: boolean;\n sub_frequency?: string;\n sub_startdate_format?: 'none' \| 'yyyymmdd' \| 'dd' \| 'duration';\n sub_startdate?: string \| number;\n sub_enddate_format?: 'none' \| 'yyyymmdd' \| 'duration';\n sub_enddate?: string \| number;\n discount_details?: string;\n discount_type?: string;\n discount_name?: string;\n expires_format?: 'minutes' \| 'timestamp' \| 'none';\n expires_value?: number;\n hide_quantity?: boolean;\n quantity?: number;\n quantity_max?: number;\n quantity_min?: number;\n weight?: number;\n length?: number;\n width?: number;\n height?: number;\n custom_options: {\n name: string;\n value?: string;\n value_configurable?: boolean;\n price?: number;\n replace_price?: boolean;\n weight?: number;\n replace_weight?: boolean;\n code?: string;\n replace_code?: boolean;\n item_category_uri?: string;\n }[];\n }[];\n };\n}\n\nexport type Data = Resource<ExperimentalAddToCartSnippet>;\n"]}

package/dist/mixins/themeable.js CHANGED Viewed

@@ -2522,6 +2522,26 @@ input::-webkit-date-and-time-value{
   scroll-snap-align:start;
 }
+.hljs-tag{
+  color:var(--lumo-tertiary-text-color);
+  font-weight:500;
+}
+.hljs-name{
+  color:var(--lumo-primary-text-color);
+  font-weight:500;
+}
+.hljs-attr{
+  color:var(--lumo-secondary-text-color);
+  font-weight:500;
+}
+.hljs-string{
+  color:var(--lumo-success-text-color);
+  font-weight:500;
+}
 :host([sm]) .sm-max-w-modal{
   max-width:28rem;
 }

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAmKF;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 .hljs-tag {\n color: var(--lumo-tertiary-text-color);\n font-weight: 500;\n }\n\n .hljs-name {\n color: var(--lumo-primary-text-color);\n font-weight: 500;\n }\n\n .hljs-attr {\n color: var(--lumo-secondary-text-color);\n font-weight: 500;\n }\n\n .hljs-string {\n color: var(--lumo-success-text-color);\n font-weight: 500;\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"]}