@yoobic/yobi 8.6.0-3 → 8.6.0-5

package/dist/collection/components/form/form-shopping/form-shopping.js

@@ -1,375 +0,0 @@
-import { isWeb, pipes, translate } from '@shared/utils';
-import { h } from '@stencil/core';
-import { difference, isNumber, isObject, keys } from 'lodash-es';
-import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
-export class YooFormShoppingComponent {
-  constructor() {
-    this.validators = [];
-    this.size = 'large';
-    this.shoppingView = 'default';
-  }
-  // private dialog: HTMLYooFormCatalogDialogElement;
-  componentWillLoad() {
-    setValidator(this);
-  }
-  setProduct(product, quantity) {
-    const value = this.value || [];
-    if (quantity === 0 || !isNumber(quantity) || quantity < 0) {
-      this.setValue(value);
-    }
-    if (!isObject(this.value)) {
-      this.value = {};
-    }
-    value[product.id.toString()] = value[product.id.toString()] || 0;
-    value[product.id.toString()] = quantity > 0 ? quantity : 0;
-    if (this.products && this.products.findIndex((p) => p.id.toString() === product.id.toString()) < 0) {
-      this.products.push(product);
-    }
-    this.setValue(value);
-  }
-  clearProduct(product) {
-    const value = this.value || {};
-    value[product.id.toString()] = 0;
-    this.setValue(value);
-  }
-  getProductRefs() {
-    return difference(keys(this.value || {}), ['price', 'total']);
-  }
-  getTotalAndPrice(readonly) {
-    var _a, _b;
-    if (readonly) {
-      return { total: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.total) || 0, price: ((_b = this.value) === null || _b === void 0 ? void 0 : _b.price) || 0 };
-    }
-    const productRefs = this.getProductRefs();
-    let total = 0;
-    let price = 0;
-    productRefs.forEach((ref) => {
-      const quantity = this.value[ref];
-      if (quantity > 0) {
-        total += quantity;
-      }
-      if (this.products) {
-        const product = this.products.find((p) => p.id.toString() === ref);
-        if (quantity > 0 && product && product.sale_price > 0) {
-          price += quantity * (product.sale_price / 100);
-        }
-      }
-    });
-    return { total, price };
-  }
-  setValue(value) {
-    this.value = value;
-    const ret = this.getTotalAndPrice();
-    this.value = this.value || {};
-    this.value.price = ret.price;
-    this.value.total = ret.total;
-    this.value = { ...this.value };
-    setValueAndValidateInput(this.value, this);
-  }
-  onOpenCatalogDialog(_product) {
-    // this.dialog = document.createElement('yoo-form-catalog-dialog');
-    // this.dialog.product = product;
-    // showModal(this.dialog, { half: false }, null, getModalAnimation('Enter', 'X'), getModalAnimation('Leave', 'X'), true).then(() => {
-    //   this.dialog = null;
-    // });
-  }
-  renderProducts(readonly) {
-    const ret = this.getTotalAndPrice(readonly);
-    return ret.total > 0 ? (h("div", { class: "products" }, this.shoppingView !== 'checkout-complete'
-      ? [h("div", { class: "title" }, " ", translate('PRODUCTS')), h("div", { class: "subtitle" }, " ", ret.total + ' ' + translate('ITEMS'))]
-      : [
-        h("div", { class: "top-info" }, h("yoo-icon", { color: "success", name: "check", size: "small" }), translate('ORDERCOMPLETES'))
-      ], this.renderInnerProducts(readonly), ret.price > 0 && (h("div", { class: "footer" }, h("div", { class: "title" }, translate('TOTAL'), ":"), h("div", { class: "price" }, pipes.currency.transform(ret.price, { strictPrecision: false, customSymbol: this.currencySymbol, forceSymbol: true })))), this.shoppingView === 'checkout-complete' && h("span", { class: "bottom-info" }, translate('VQEMAILCONFIRM')))) : (h("yoo-empty-state", { type: "shopping" }));
-  }
-  renderInnerProducts(readonly) {
-    if (this.products && this.products.length > 0) {
-      const productRefs = this.getProductRefs();
-      return productRefs.reverse().map((ref) => {
-        const quantity = this.value[ref];
-        const product = this.products.find((p) => p.id.toString() === ref);
-        if (quantity > 0 && product) {
-          const price = (product.sale_price / 100) * quantity;
-          return [
-            h("div", { class: "entity" }, h("yoo-entity", { onClick: () => this.onOpenCatalogDialog(product), class: "catalog-display no-border", displayType: "card-list", entityType: "violetproductofferskus", inlineActions: this.inlineActions, item: product }), !readonly && (h("div", { class: "remove", onClick: () => this.clearProduct(product) }, h("yoo-icon", { class: "yo-cross" })))),
-            this.shoppingView !== 'checkout-complete' && (h("div", { class: { toolbar: true } }, h("div", { class: "title text" }, translate('QUANTITY'), " "), readonly ? (quantity) : (h("yoo-form-number-picker", { key: ref, stepAmount: 1, size: isWeb(this.host) ? 'medium' : 'large', value: quantity, clearable: false, useButtons: true, onInputChanged: (ev) => {
-                ev.stopPropagation();
-                this.setProduct(product, ev.detail);
-              } })), price > 0 && h("div", { class: "price" }, pipes.currency.transform(price, { strictPrecision: false, customSymbol: this.currencySymbol, forceSymbol: true }), " ")))
-          ];
-        }
-      });
-    }
-  }
-  render() {
-    return h("div", { class: "outer-container" }, this.renderProducts(false));
-  }
-  static get is() { return "yoo-form-shopping"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["form-shopping.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["form-shopping.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "value": {
-        "type": "unknown",
-        "mutable": true,
-        "complexType": {
-          "original": "{ [productRef: string]: number }",
-          "resolved": "{ [productRef: string]: number; }",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      },
-      "validators": {
-        "type": "unknown",
-        "mutable": true,
-        "complexType": {
-          "original": "(Validator<{ [productRef: string]: number }> | IValidatorEntry)[]",
-          "resolved": "(IValidatorEntry | Validator<{ [productRef: string]: number; }>)[]",
-          "references": {
-            "Validator": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            },
-            "IValidatorEntry": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "[]"
-      },
-      "asyncValidators": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "AsyncValidator<{ [productRef: string]: number }>[]",
-          "resolved": "AsyncValidator<{ [productRef: string]: number; }>[]",
-          "references": {
-            "AsyncValidator": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      },
-      "readonly": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "readonly",
-        "reflect": false
-      },
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "name",
-        "reflect": false
-      },
-      "validity": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "validity",
-        "reflect": false
-      },
-      "products": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "IVioletProductOfferSku[]",
-          "resolved": "IVioletProductOfferSku[]",
-          "references": {
-            "IVioletProductOfferSku": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      },
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "TBaseSize",
-          "resolved": "\"large\" | \"medium\" | \"small\"",
-          "references": {
-            "TBaseSize": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "size",
-        "reflect": true,
-        "defaultValue": "'large'"
-      },
-      "inlineActions": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "IButton[]",
-          "resolved": "IButton[]",
-          "references": {
-            "IButton": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      },
-      "shoppingView": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "TFormShoppingView",
-          "resolved": "\"checkout-complete\" | \"default\"",
-          "references": {
-            "TFormShoppingView": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "shopping-view",
-        "reflect": false,
-        "defaultValue": "'default'"
-      },
-      "currencySymbol": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "currency-symbol",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "notFoundError": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "validityChanged",
-        "name": "validityChanged",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        }
-      }, {
-        "method": "inputChanged",
-        "name": "inputChanged",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "host"; }
-}

package/dist/design-system/index-6fb3c3e7.js

@@ -1 +0,0 @@
-import './localForage-2801485a.js';

package/dist/design-system/swiper-e3fac676.js

@@ -1,12 +0,0 @@
-import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-c320435f.js';
-export { S as Swiper } from './yoo-ion-slides-c320435f.js';
-import './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import './index-44691ffd.js';
-import './index-847a32fd.js';
-import './_commonjsHelpers-f4d11124.js';
-import './lodash-777f91de.js';
-import './common-helpers-73accd43.js';
-import './theme-9a8b485f.js';
-
-Swiper.use([Pagination, Autoplay, Scrollbar]);

package/dist/design-system/yoo-form-shopping.entry.js

@@ -1,120 +0,0 @@
-import { r as registerInstance, i as createEvent, h, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { a as isNumber, v as isObject, U as difference, k as keys } from './lodash-777f91de.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-aa1ece32.js';
-import { t as translate, av as pipes, H as isWeb } from './index-44691ffd.js';
-import './index-847a32fd.js';
-import './common-helpers-73accd43.js';
-import './_commonjsHelpers-f4d11124.js';
-
-const formShoppingCss = "svg:not(:root){overflow:hidden}:host .readonly{padding:0.5rem 0.5rem 0 0}:host .outer-container .selected,:host .readonly .selected{background-color:var(--light, #ffffff)}:host .outer-container .products .top-info,:host .readonly .products .top-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:3rem}:host .outer-container .products .top-info yoo-icon,:host .readonly .products .top-info yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container .products .bottom-info,:host .readonly .products .bottom-info{margin-top:2rem;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .products>.title,:host .readonly .products>.title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:0.5rem;color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);line-height:1.5;text-align:left;text-transform:uppercase}:host .outer-container .products .subtitle,:host .readonly .products .subtitle{margin-top:0.125rem;color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .products .remove,:host .readonly .products .remove{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:40px;text-align:center}:host .outer-container .products .entity,:host .readonly .products .entity{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:1rem 0}:host .outer-container .products .toolbar,:host .readonly .products .toolbar{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0.5rem;font-size:var(--font-size-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .products .toolbar.history,:host .readonly .products .toolbar.history{font-size:var(--font-size-14, 0.875rem)}:host .outer-container .products .toolbar .title,:host .readonly .products .toolbar .title{-ms-flex:1;flex:1;padding:3px 0.5rem 3px 0;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .products .toolbar .title.text,:host .readonly .products .toolbar .title.text{color:var(--text-color, #807f83)}:host .outer-container .products .toolbar .title.align-right,:host .readonly .products .toolbar .title.align-right{text-align:right}:host .outer-container .products .toolbar .price,:host .readonly .products .toolbar .price{-ms-flex:1;flex:1;padding-left:0.5rem;color:var(--dark, #000000);white-space:nowrap;text-align:right}:host .outer-container .products .footer,:host .readonly .products .footer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0.5rem;padding-top:1rem;padding-bottom:0.5rem;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900)}:host .outer-container .products .footer .title,:host .readonly .products .footer .title{-ms-flex:1;flex:1;text-transform:uppercase}:host .outer-container .products .footer .price,:host .readonly .products .footer .price{text-align:right}:host(.grid-cell) .readonly{padding:0}:host(.grid-cell) .readonly .title{display:none}:host(.grid-cell) .readonly .products .subtitle{margin-top:0}:host(.grid-cell) .readonly .footer{padding:0;font-weight:var(--font-weight-400, 400)}";
-
-const YooFormShoppingComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.validityChanged = createEvent(this, "validityChanged", 7);
-    this.inputChanged = createEvent(this, "inputChanged", 7);
-    this.validators = [];
-    this.size = 'large';
-    this.shoppingView = 'default';
-  }
-  // private dialog: HTMLYooFormCatalogDialogElement;
-  componentWillLoad() {
-    setValidator(this);
-  }
-  setProduct(product, quantity) {
-    const value = this.value || [];
-    if (quantity === 0 || !isNumber(quantity) || quantity < 0) {
-      this.setValue(value);
-    }
-    if (!isObject(this.value)) {
-      this.value = {};
-    }
-    value[product.id.toString()] = value[product.id.toString()] || 0;
-    value[product.id.toString()] = quantity > 0 ? quantity : 0;
-    if (this.products && this.products.findIndex((p) => p.id.toString() === product.id.toString()) < 0) {
-      this.products.push(product);
-    }
-    this.setValue(value);
-  }
-  clearProduct(product) {
-    const value = this.value || {};
-    value[product.id.toString()] = 0;
-    this.setValue(value);
-  }
-  getProductRefs() {
-    return difference(keys(this.value || {}), ['price', 'total']);
-  }
-  getTotalAndPrice(readonly) {
-    var _a, _b;
-    if (readonly) {
-      return { total: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.total) || 0, price: ((_b = this.value) === null || _b === void 0 ? void 0 : _b.price) || 0 };
-    }
-    const productRefs = this.getProductRefs();
-    let total = 0;
-    let price = 0;
-    productRefs.forEach((ref) => {
-      const quantity = this.value[ref];
-      if (quantity > 0) {
-        total += quantity;
-      }
-      if (this.products) {
-        const product = this.products.find((p) => p.id.toString() === ref);
-        if (quantity > 0 && product && product.sale_price > 0) {
-          price += quantity * (product.sale_price / 100);
-        }
-      }
-    });
-    return { total, price };
-  }
-  setValue(value) {
-    this.value = value;
-    const ret = this.getTotalAndPrice();
-    this.value = this.value || {};
-    this.value.price = ret.price;
-    this.value.total = ret.total;
-    this.value = { ...this.value };
-    setValueAndValidateInput(this.value, this);
-  }
-  onOpenCatalogDialog(_product) {
-    // this.dialog = document.createElement('yoo-form-catalog-dialog');
-    // this.dialog.product = product;
-    // showModal(this.dialog, { half: false }, null, getModalAnimation('Enter', 'X'), getModalAnimation('Leave', 'X'), true).then(() => {
-    //   this.dialog = null;
-    // });
-  }
-  renderProducts(readonly) {
-    const ret = this.getTotalAndPrice(readonly);
-    return ret.total > 0 ? (h("div", { class: "products" }, this.shoppingView !== 'checkout-complete'
-      ? [h("div", { class: "title" }, " ", translate('PRODUCTS')), h("div", { class: "subtitle" }, " ", ret.total + ' ' + translate('ITEMS'))]
-      : [
-        h("div", { class: "top-info" }, h("yoo-icon", { color: "success", name: "check", size: "small" }), translate('ORDERCOMPLETES'))
-      ], this.renderInnerProducts(readonly), ret.price > 0 && (h("div", { class: "footer" }, h("div", { class: "title" }, translate('TOTAL'), ":"), h("div", { class: "price" }, pipes.currency.transform(ret.price, { strictPrecision: false, customSymbol: this.currencySymbol, forceSymbol: true })))), this.shoppingView === 'checkout-complete' && h("span", { class: "bottom-info" }, translate('VQEMAILCONFIRM')))) : (h("yoo-empty-state", { type: "shopping" }));
-  }
-  renderInnerProducts(readonly) {
-    if (this.products && this.products.length > 0) {
-      const productRefs = this.getProductRefs();
-      return productRefs.reverse().map((ref) => {
-        const quantity = this.value[ref];
-        const product = this.products.find((p) => p.id.toString() === ref);
-        if (quantity > 0 && product) {
-          const price = (product.sale_price / 100) * quantity;
-          return [
-            h("div", { class: "entity" }, h("yoo-entity", { onClick: () => this.onOpenCatalogDialog(product), class: "catalog-display no-border", displayType: "card-list", entityType: "violetproductofferskus", inlineActions: this.inlineActions, item: product }), !readonly && (h("div", { class: "remove", onClick: () => this.clearProduct(product) }, h("yoo-icon", { class: "yo-cross" })))),
-            this.shoppingView !== 'checkout-complete' && (h("div", { class: { toolbar: true } }, h("div", { class: "title text" }, translate('QUANTITY'), " "), readonly ? (quantity) : (h("yoo-form-number-picker", { key: ref, stepAmount: 1, size: isWeb(this.host) ? 'medium' : 'large', value: quantity, clearable: false, useButtons: true, onInputChanged: (ev) => {
-                ev.stopPropagation();
-                this.setProduct(product, ev.detail);
-              } })), price > 0 && h("div", { class: "price" }, pipes.currency.transform(price, { strictPrecision: false, customSymbol: this.currencySymbol, forceSymbol: true }), " ")))
-          ];
-        }
-      });
-    }
-  }
-  render() {
-    return h("div", { class: "outer-container" }, this.renderProducts(false));
-  }
-  get host() { return getElement(this); }
-};
-YooFormShoppingComponent.style = formShoppingCss;
-
-export { YooFormShoppingComponent as yoo_form_shopping };

package/dist/esm/index-6fb3c3e7.js

@@ -1 +0,0 @@
-import './localForage-2801485a.js';

package/dist/esm/swiper-e3fac676.js

@@ -1,12 +0,0 @@
-import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-c320435f.js';
-export { S as Swiper } from './yoo-ion-slides-c320435f.js';
-import './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import './index-44691ffd.js';
-import './index-847a32fd.js';
-import './_commonjsHelpers-f4d11124.js';
-import './lodash-777f91de.js';
-import './common-helpers-73accd43.js';
-import './theme-9a8b485f.js';
-
-Swiper.use([Pagination, Autoplay, Scrollbar]);

package/dist/esm/yoo-form-shopping.entry.js

@@ -1,120 +0,0 @@
-import { r as registerInstance, i as createEvent, h, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { a as isNumber, v as isObject, U as difference, k as keys } from './lodash-777f91de.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-aa1ece32.js';
-import { t as translate, av as pipes, H as isWeb } from './index-44691ffd.js';
-import './index-847a32fd.js';
-import './common-helpers-73accd43.js';
-import './_commonjsHelpers-f4d11124.js';
-
-const formShoppingCss = "svg:not(:root){overflow:hidden}:host .readonly{padding:0.5rem 0.5rem 0 0}:host .outer-container .selected,:host .readonly .selected{background-color:var(--light, #ffffff)}:host .outer-container .products .top-info,:host .readonly .products .top-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:3rem}:host .outer-container .products .top-info yoo-icon,:host .readonly .products .top-info yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container .products .bottom-info,:host .readonly .products .bottom-info{margin-top:2rem;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .products>.title,:host .readonly .products>.title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:0.5rem;color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);line-height:1.5;text-align:left;text-transform:uppercase}:host .outer-container .products .subtitle,:host .readonly .products .subtitle{margin-top:0.125rem;color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .products .remove,:host .readonly .products .remove{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:40px;text-align:center}:host .outer-container .products .entity,:host .readonly .products .entity{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:1rem 0}:host .outer-container .products .toolbar,:host .readonly .products .toolbar{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0.5rem;font-size:var(--font-size-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .products .toolbar.history,:host .readonly .products .toolbar.history{font-size:var(--font-size-14, 0.875rem)}:host .outer-container .products .toolbar .title,:host .readonly .products .toolbar .title{-ms-flex:1;flex:1;padding:3px 0.5rem 3px 0;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .products .toolbar .title.text,:host .readonly .products .toolbar .title.text{color:var(--text-color, #807f83)}:host .outer-container .products .toolbar .title.align-right,:host .readonly .products .toolbar .title.align-right{text-align:right}:host .outer-container .products .toolbar .price,:host .readonly .products .toolbar .price{-ms-flex:1;flex:1;padding-left:0.5rem;color:var(--dark, #000000);white-space:nowrap;text-align:right}:host .outer-container .products .footer,:host .readonly .products .footer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0.5rem;padding-top:1rem;padding-bottom:0.5rem;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900)}:host .outer-container .products .footer .title,:host .readonly .products .footer .title{-ms-flex:1;flex:1;text-transform:uppercase}:host .outer-container .products .footer .price,:host .readonly .products .footer .price{text-align:right}:host(.grid-cell) .readonly{padding:0}:host(.grid-cell) .readonly .title{display:none}:host(.grid-cell) .readonly .products .subtitle{margin-top:0}:host(.grid-cell) .readonly .footer{padding:0;font-weight:var(--font-weight-400, 400)}";
-
-const YooFormShoppingComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.validityChanged = createEvent(this, "validityChanged", 7);
-    this.inputChanged = createEvent(this, "inputChanged", 7);
-    this.validators = [];
-    this.size = 'large';
-    this.shoppingView = 'default';
-  }
-  // private dialog: HTMLYooFormCatalogDialogElement;
-  componentWillLoad() {
-    setValidator(this);
-  }
-  setProduct(product, quantity) {
-    const value = this.value || [];
-    if (quantity === 0 || !isNumber(quantity) || quantity < 0) {
-      this.setValue(value);
-    }
-    if (!isObject(this.value)) {
-      this.value = {};
-    }
-    value[product.id.toString()] = value[product.id.toString()] || 0;
-    value[product.id.toString()] = quantity > 0 ? quantity : 0;
-    if (this.products && this.products.findIndex((p) => p.id.toString() === product.id.toString()) < 0) {
-      this.products.push(product);
-    }
-    this.setValue(value);
-  }
-  clearProduct(product) {
-    const value = this.value || {};
-    value[product.id.toString()] = 0;
-    this.setValue(value);
-  }
-  getProductRefs() {
-    return difference(keys(this.value || {}), ['price', 'total']);
-  }
-  getTotalAndPrice(readonly) {
-    var _a, _b;
-    if (readonly) {
-      return { total: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.total) || 0, price: ((_b = this.value) === null || _b === void 0 ? void 0 : _b.price) || 0 };
-    }
-    const productRefs = this.getProductRefs();
-    let total = 0;
-    let price = 0;
-    productRefs.forEach((ref) => {
-      const quantity = this.value[ref];
-      if (quantity > 0) {
-        total += quantity;
-      }
-      if (this.products) {
-        const product = this.products.find((p) => p.id.toString() === ref);
-        if (quantity > 0 && product && product.sale_price > 0) {
-          price += quantity * (product.sale_price / 100);
-        }
-      }
-    });
-    return { total, price };
-  }
-  setValue(value) {
-    this.value = value;
-    const ret = this.getTotalAndPrice();
-    this.value = this.value || {};
-    this.value.price = ret.price;
-    this.value.total = ret.total;
-    this.value = { ...this.value };
-    setValueAndValidateInput(this.value, this);
-  }
-  onOpenCatalogDialog(_product) {
-    // this.dialog = document.createElement('yoo-form-catalog-dialog');
-    // this.dialog.product = product;
-    // showModal(this.dialog, { half: false }, null, getModalAnimation('Enter', 'X'), getModalAnimation('Leave', 'X'), true).then(() => {
-    //   this.dialog = null;
-    // });
-  }
-  renderProducts(readonly) {
-    const ret = this.getTotalAndPrice(readonly);
-    return ret.total > 0 ? (h("div", { class: "products" }, this.shoppingView !== 'checkout-complete'
-      ? [h("div", { class: "title" }, " ", translate('PRODUCTS')), h("div", { class: "subtitle" }, " ", ret.total + ' ' + translate('ITEMS'))]
-      : [
-        h("div", { class: "top-info" }, h("yoo-icon", { color: "success", name: "check", size: "small" }), translate('ORDERCOMPLETES'))
-      ], this.renderInnerProducts(readonly), ret.price > 0 && (h("div", { class: "footer" }, h("div", { class: "title" }, translate('TOTAL'), ":"), h("div", { class: "price" }, pipes.currency.transform(ret.price, { strictPrecision: false, customSymbol: this.currencySymbol, forceSymbol: true })))), this.shoppingView === 'checkout-complete' && h("span", { class: "bottom-info" }, translate('VQEMAILCONFIRM')))) : (h("yoo-empty-state", { type: "shopping" }));
-  }
-  renderInnerProducts(readonly) {
-    if (this.products && this.products.length > 0) {
-      const productRefs = this.getProductRefs();
-      return productRefs.reverse().map((ref) => {
-        const quantity = this.value[ref];
-        const product = this.products.find((p) => p.id.toString() === ref);
-        if (quantity > 0 && product) {
-          const price = (product.sale_price / 100) * quantity;
-          return [
-            h("div", { class: "entity" }, h("yoo-entity", { onClick: () => this.onOpenCatalogDialog(product), class: "catalog-display no-border", displayType: "card-list", entityType: "violetproductofferskus", inlineActions: this.inlineActions, item: product }), !readonly && (h("div", { class: "remove", onClick: () => this.clearProduct(product) }, h("yoo-icon", { class: "yo-cross" })))),
-            this.shoppingView !== 'checkout-complete' && (h("div", { class: { toolbar: true } }, h("div", { class: "title text" }, translate('QUANTITY'), " "), readonly ? (quantity) : (h("yoo-form-number-picker", { key: ref, stepAmount: 1, size: isWeb(this.host) ? 'medium' : 'large', value: quantity, clearable: false, useButtons: true, onInputChanged: (ev) => {
-                ev.stopPropagation();
-                this.setProduct(product, ev.detail);
-              } })), price > 0 && h("div", { class: "price" }, pipes.currency.transform(price, { strictPrecision: false, customSymbol: this.currencySymbol, forceSymbol: true }), " ")))
-          ];
-        }
-      });
-    }
-  }
-  render() {
-    return h("div", { class: "outer-container" }, this.renderProducts(false));
-  }
-  get host() { return getElement(this); }
-};
-YooFormShoppingComponent.style = formShoppingCss;
-
-export { YooFormShoppingComponent as yoo_form_shopping };