@jumpgroup/jump-design-system 1.0.17 → 1.0.18

package/dist/components/jump-card-ecommerce-showcase.js

@@ -0,0 +1,141 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './jump-badge2.js';
+
+const jumpCardEcommerceShowcaseCss = ":host {\n  --card-max-width: 450px;\n  --jump-card-ecommerce-showcase-max-width-horizontal: 100%;\n  --jump-card-ecommerce-showcase-color: var(--neutral-grey-primary);\n  --jump-card-ecommerce-showcase-background: transparent;\n  --jump-card-ecommerce-showcase-border-color: var(--neutral-grey-background);\n  --jump-card-ecommerce-showcase-padding: 0.5rem;\n  --jump-card-ecommerce-showcase-out-of-stock-color: var(--status-danger-standard);\n  --jump-card-ecommerce-showcase-available-color: var(--status-success-standard);\n  --jump-card-ecommerce-showcase-discount-color: var(--status-danger-standard);\n  --image-object-fit: cover;\n  --jump-card-ecommerce-showcase-hide-discover-button-visibility: block;\n  --jump-card-ecommerce-showcase-discount-badge-bg-color: var(--neutral-white);\n  --jump-card-ecommerce-showcase-discount-badge-text-color: var(--primary-standard);\n  --jump-card-ecommerce-showcase-discount-badge-padding: 4px 12px;\n  --jump-card-ecommerce-showcase-discount-badge-border-radius: 50px;\n  max-width: var(--card-max-width);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  font-family: var(--ff-primary, \"Arial\"), sans-serif;\n  line-height: var(--lh-400, 1.3);\n  background-color: var(--jump-card-ecommerce-showcase-background);\n  color: var(--jump-card-ecommerce-showcase-color);\n}\n:host .DiscountBadge {\n  position: absolute;\n  bottom: 1rem;\n  right: 0.2rem;\n  z-index: 2;\n  border: 2px solid var(--jump-card-ecommerce-showcase-discount-badge-text-color);\n  color: var(--jump-card-ecommerce-showcase-discount-badge-text-color);\n  background-color: var(--jump-card-ecommerce-showcase-discount-badge-bg-color);\n  font-size: var(--fs-300);\n  font-weight: var(--fw-900);\n  padding: var(--jump-card-ecommerce-showcase-discount-badge-padding);\n  border-radius: var(--jump-card-ecommerce-showcase-discount-badge-border-radius);\n  line-height: 1.2;\n}\n:host .Footer,\n:host .Body {\n  display: flex;\n  width: 100%;\n}\n:host .Footer {\n  container-type: inline-size;\n  flex-direction: row;\n}\n@container (max-width: 239px) {\n  :host .Footer {\n    flex-direction: column;\n  }\n  :host .Footer .OutOfStock {\n    margin-bottom: 0.25rem;\n  }\n}\n:host jump-badge {\n  position: absolute;\n  top: 1rem;\n  left: 1rem;\n  z-index: 2;\n}\n:host .Media {\n  container-type: inline-size;\n}\n@container (max-width: 239px) {\n  :host .Media jump-badge {\n    top: auto;\n    bottom: 1rem;\n    left: 0.2rem;\n    right: auto;\n  }\n}\n:host .Media {\n  overflow: hidden;\n  position: relative;\n  border-radius: 3px;\n  aspect-ratio: 1/1;\n}\n:host .Media .Images {\n  height: 100%;\n  margin: 0;\n  position: relative;\n}\n:host .Media .Images img {\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  overflow: hidden;\n  object-fit: var(--image-object-fit, cover);\n}\n:host .Media .Images__Front {\n  z-index: 1;\n  transition: opacity 0.5s linear;\n  cursor: pointer;\n}\n:host .Media.hasBackground {\n  background-color: var(--neutral-white);\n}\n:host .Media.hasBackground.iconOnly {\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n  padding: var(--jump-card-ecommerce-showcase-padding) var(--jump-card-ecommerce-showcase-padding) 0;\n}\n:host .Media.hasBackground.iconOnly img {\n  border-radius: 6px;\n}\n:host .Media.iconOnly {\n  border-bottom-right-radius: 0;\n}\n:host .Media.is-mini {\n  max-width: 180px;\n}\n:host .Content {\n  container-type: inline-size;\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n}\n@container (max-width: 239px) {\n  :host .Content {\n    flex-direction: row;\n  }\n}\n:host .Content.hasBackground {\n  background-color: var(--neutral-white);\n  padding: calc(var(--jump-card-ecommerce-showcase-padding) * 2);\n}\n:host .Content.iconOnly {\n  padding: calc(var(--jump-card-ecommerce-showcase-padding) * 2) var(--jump-card-ecommerce-showcase-padding);\n}\n:host .Content.is-mini {\n  max-width: 180px;\n}\n:host .Body {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  padding: var(--jump-card-ecommerce-showcase-padding) 0;\n  container-type: inline-size;\n}\n:host .Body > * {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n}\n:host .Body > * > * {\n  flex: 0 1 auto;\n}\n:host .Body .Body__Top {\n  display: flex;\n  flex-direction: row;\n}\n:host .Body .Body__Bottom {\n  display: flex;\n  flex-direction: row;\n}\n:host .Body.is-vertical .Body__Top {\n  flex-direction: column;\n  align-items: flex-start;\n}\n:host .Body.is-vertical .Body__Top .Subtitle {\n  min-height: 3.5rem;\n}\n@container (max-width: 239px) {\n  :host .Body.is-vertical .Body__Top .Subtitle {\n    min-height: 3.2rem;\n  }\n}\n:host .Body.is-vertical .Price {\n  justify-items: start;\n  margin-top: 0.5rem;\n  column-gap: 0;\n  display: flex;\n  flex-direction: column-reverse;\n  align-items: flex-start;\n}\n@container (max-width: 239px) {\n  :host .Body .Body__Top {\n    flex-direction: column;\n  }\n  :host .Body .Body__Bottom {\n    flex-direction: column;\n  }\n  :host .Body .SelectVariations {\n    max-width: 100%;\n    margin-bottom: 0.5rem;\n  }\n  :host .Body .SelectVariations select {\n    width: 100%;\n  }\n  :host .Body .Price {\n    display: flex;\n    flex-direction: column-reverse;\n    margin-top: 0.5rem;\n    align-items: start;\n  }\n}\n:host .Body.hasBackground {\n  padding: 0 0 var(--jump-card-padding);\n}\n:host .Body.iconOnly {\n  padding: 0;\n}\n:host .Body.is-mini {\n  padding: calc(var(--jump-card-padding) / 2) 0;\n}\n:host .Body.is-mini > * {\n  flex-direction: column;\n}\n:host .Product {\n  font-size: var(--fs-400);\n  color: var(--neutral-grey-primary);\n  text-decoration: none;\n}\n:host .Subtitle {\n  font-size: var(--fs-300);\n  color: var(--neutral-grey-secondary);\n  line-height: 1.2;\n}\n:host .Subtitle:hover {\n  cursor: pointer;\n}\n:host .OutOfStock {\n  justify-items: start;\n  font-size: var(--fs-300);\n  font-weight: var(--fw-900);\n  color: var(--jump-card-ecommerce-showcase-out-of-stock-color);\n}\n:host .Price {\n  position: relative;\n  display: grid;\n  grid-template-columns: auto auto;\n  grid-template-rows: 1.5rem 1.5rem auto;\n  justify-items: end;\n  align-items: end;\n  column-gap: 0.5rem;\n  margin-top: 0;\n  font-size: var(--fs-500);\n  font-weight: var(--fw-900);\n  line-height: var(--lh-400);\n}\n:host .Price > * {\n  display: inline-flex;\n}\n:host .Price__Regular {\n  text-align: right;\n}\n:host .Price__Regular.sale {\n  text-decoration: line-through;\n  color: var(--neutral-grey-secondary);\n  font-weight: var(--fw-400);\n  font-size: var(--fs-400);\n  grid-column: 2;\n  grid-row: 1;\n}\n:host .Price__Sale {\n  grid-column: 2;\n  grid-row: 2;\n}\n:host .Price__Discount {\n  color: var(--jump-card-ecommerce-showcase-discount-color);\n  font-weight: var(--fw-400);\n  font-size: var(--fs-300);\n  grid-column: 1;\n  grid-row: 1;\n}\n:host .Price.is-mini {\n  display: flex;\n  font-size: var(--fs-400);\n}";
+const JumpCardEcommerceShowcaseStyle0 = jumpCardEcommerceShowcaseCss;
+
+const JumpCardEcommerceShowcase$1 = /*@__PURE__*/ proxyCustomElement(class JumpCardEcommerceShowcase extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.goToProductPage = createEvent(this, "jump-card-go-to-product-page", 7);
+        this.hideDiscountIfLessThreshold = undefined;
+        this.badge = undefined;
+        this.link = undefined;
+        this.img = undefined;
+        this.imgAlt = undefined;
+        this.productName = undefined;
+        this.subtitle = undefined;
+        this.productId = undefined;
+        this.price = undefined;
+        this.salePrice = undefined;
+        this.currency = '€';
+        this.badgeColor = 'secondary';
+        this.outOfStock = false;
+        this.outOfStockText = undefined;
+        this.availableText = undefined;
+        this.imageObjectFit = 'cover';
+        this.priceFormatted = undefined;
+        this.salePriceFormatted = undefined;
+    }
+    /**
+     * Set the price of the product
+     * @param price
+     * @param salePrice
+     */
+    async setPrice(price, salePrice) {
+        let shouldFormat = false;
+        if (price && price > 0) {
+            shouldFormat = true;
+            this.price = price;
+        }
+        if (salePrice && salePrice > 0) {
+            this.salePrice = salePrice;
+        }
+        if (shouldFormat) {
+            this.formatPrices();
+        }
+    }
+    /* ---------------------- @LIFECYCLE ------------------------- */
+    componentDidLoad() {
+        this.formatPrices();
+    }
+    /* ---------------------- @METHODS ------------------------- */
+    goToProduct() {
+        this.goToProductPage.emit({
+            productId: this.productId,
+            link: this.link,
+        });
+    }
+    formatPrices() {
+        var _a;
+        let locale = (_a = document.documentElement.lang) !== null && _a !== void 0 ? _a : 'it-IT';
+        if (locale.length == 2) {
+            locale = `${locale}-${locale.toUpperCase()}`;
+        }
+        // Format price with 2 decimal digits and in locale
+        this.priceFormatted = this.price.toLocaleString(locale, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+        this.salePriceFormatted = this.salePrice.toLocaleString(locale, {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+        });
+    }
+    render() {
+        const backgroundClass = 'hasBackground';
+        const iconOnlyClass = '';
+        const hasImageOnHover = '';
+        const miniCard = '';
+        const verticalCardClass = 'is-vertical';
+        const enableZoomClass = '';
+        function calculateDiscount(price, salePrice) {
+            const discount = ((price - salePrice) / price) * 100;
+            return discount.toFixed(0);
+        }
+        return (h(Host, { style: { '--image-object-fit': this.imageObjectFit } }, h("div", { class: `Media ${iconOnlyClass} ${backgroundClass} ${miniCard}` }, this.badge ?
+            h("jump-badge", { class: `${backgroundClass} ${iconOnlyClass}`, variant: this.badgeColor, dimension: "small", label: this.badge }) : '', this.salePrice && (this.salePrice < this.price) && (this.hideDiscountIfLessThreshold === undefined || parseFloat(calculateDiscount(this.price, this.salePrice)) > this.hideDiscountIfLessThreshold) ?
+            h("div", { class: "DiscountBadge" }, "-", calculateDiscount(this.price, this.salePrice), "%") : null, h("a", { href: this.link }, h("figure", { class: `Images ${hasImageOnHover} ${enableZoomClass}` }, this.img && h("img", { class: "Images__Front", src: this.img, alt: this.imgAlt })))), h("div", { class: `Content ${backgroundClass} ${iconOnlyClass} ${miniCard} ${verticalCardClass}` }, h("div", { class: `Body ${backgroundClass} ${iconOnlyClass} ${miniCard} ${verticalCardClass}` }, h("div", { class: "Body__Top" }, h("div", { class: "Info" }, h("a", { href: this.link, class: "Product" }, this.productName), this.subtitle ? h("div", { class: "Subtitle", onClick: () => this.goToProduct() }, this.subtitle) : null), this.price ?
+            h("div", { class: `Price ${miniCard}` }, h("div", { class: `Price__Regular ${this.salePrice && this.salePrice < this.price ? 'sale' : ''}` }, this.currency, this.priceFormatted), this.salePrice && this.salePrice < this.price ?
+                h("div", { class: "Price__Sale" }, this.currency, this.salePriceFormatted)
+                : null)
+            : null, this.outOfStock ?
+            h("div", { class: "OutOfStock" }, this.outOfStockText ? this.outOfStockText : 'Esaurito') : h("div", { class: "Available" }, this.availableText ? this.availableText : 'Disponibile'))))));
+    }
+    get JumpCardEcommerceShowcase() { return this; }
+    static get style() { return JumpCardEcommerceShowcaseStyle0; }
+}, [1, "jump-card-ecommerce-showcase", {
+        "hideDiscountIfLessThreshold": [2, "hide-discount-if-less-threshold"],
+        "badge": [1],
+        "link": [1],
+        "img": [1],
+        "imgAlt": [1, "img-alt"],
+        "productName": [1, "product-name"],
+        "subtitle": [1],
+        "productId": [1, "product-id"],
+        "price": [2],
+        "salePrice": [2, "sale-price"],
+        "currency": [1],
+        "badgeColor": [1, "badge-color"],
+        "outOfStock": [1540, "out-of-stock"],
+        "outOfStockText": [1, "out-of-stock-text"],
+        "availableText": [1, "available-text"],
+        "imageObjectFit": [1, "image-object-fit"],
+        "priceFormatted": [32],
+        "salePriceFormatted": [32],
+        "setPrice": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["jump-card-ecommerce-showcase", "jump-badge"];
+    components.forEach(tagName => { switch (tagName) {
+        case "jump-card-ecommerce-showcase":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JumpCardEcommerceShowcase$1);
+            }
+            break;
+        case "jump-badge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const JumpCardEcommerceShowcase = JumpCardEcommerceShowcase$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JumpCardEcommerceShowcase, defineCustomElement };
+
+//# sourceMappingURL=jump-card-ecommerce-showcase.js.map

package/dist/components/jump-card-ecommerce-showcase.js.map

@@ -0,0 +1 @@
+{"file":"jump-card-ecommerce-showcase.js","mappings":"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","names":["JumpCardEcommerceShowcase"],"sources":["src/components/jump-card-ecommerce-showcase/jump-card-ecommerce-showcase.scss?tag=jump-card-ecommerce-showcase&encapsulation=shadow","src/components/jump-card-ecommerce-showcase/jump-card-ecommerce-showcase.tsx"],"sourcesContent":[":host {\n  --card-max-width: 450px;\n  --jump-card-ecommerce-showcase-max-width-horizontal: 100%;\n  --jump-card-ecommerce-showcase-color: var(--neutral-grey-primary);\n  --jump-card-ecommerce-showcase-background: transparent;\n  --jump-card-ecommerce-showcase-border-color: var(--neutral-grey-background);\n  --jump-card-ecommerce-showcase-padding: 0.5rem;\n  --jump-card-ecommerce-showcase-out-of-stock-color: var(--status-danger-standard);\n  --jump-card-ecommerce-showcase-available-color: var(--status-success-standard);\n  --jump-card-ecommerce-showcase-discount-color: var(--status-danger-standard);\n  --image-object-fit: cover;\n  --jump-card-ecommerce-showcase-hide-discover-button-visibility: block;\n  --jump-card-ecommerce-showcase-discount-badge-bg-color: var(--neutral-white);\n  --jump-card-ecommerce-showcase-discount-badge-text-color: var(--primary-standard);\n  --jump-card-ecommerce-showcase-discount-badge-padding: 4px 12px;\n  --jump-card-ecommerce-showcase-discount-badge-border-radius: 50px;\n\n  max-width: var(--card-max-width);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  font-family: var(--ff-primary, 'Arial'), sans-serif;\n  line-height: var(--lh-400, 1.3);\n  background-color: var(--jump-card-ecommerce-showcase-background);\n  color: var(--jump-card-ecommerce-showcase-color);\n\n  .DiscountBadge {\n    position: absolute;\n    bottom: 1rem;\n    right: 0.2rem;\n    z-index: 2;\n    border: 2px solid var(--jump-card-ecommerce-showcase-discount-badge-text-color);\n    color: var(--jump-card-ecommerce-showcase-discount-badge-text-color);\n    background-color: var(--jump-card-ecommerce-showcase-discount-badge-bg-color);\n    font-size: var(--fs-300);\n    font-weight: var(--fw-900);\n    padding: var(--jump-card-ecommerce-showcase-discount-badge-padding);\n    border-radius: var(--jump-card-ecommerce-showcase-discount-badge-border-radius);\n    line-height: 1.2;\n  }\n\n  .Footer,\n  .Body {\n    display: flex;\n    width: 100%;\n  }\n\n  .Footer {\n    container-type: inline-size;\n    flex-direction: row;\n\n    @container (max-width: 239px) {\n      flex-direction: column;\n\n            .OutOfStock {\n        margin-bottom: 0.25rem;\n      }\n\n    }\n  }\n\n  jump-badge {\n    position: absolute;\n    top: 1rem;\n    left: 1rem;\n    z-index: 2;\n  }\n\n  .Media {\n    container-type: inline-size;\n\n    @container (max-width: 239px) {\n      jump-badge {\n        top: auto;\n        bottom: 1rem;\n        left: 0.2rem;\n        right: auto;\n      }\n    }\n  }\n\n\n  .Media {\n    // aspect-ratio: 3/4;\n    overflow: hidden;\n    position: relative;\n    border-radius: 3px;\n    aspect-ratio: 1/1;\n\n    .Images {\n      height: 100%;\n      margin: 0;\n      position: relative;\n\n      img {\n        height: 100%;\n        width: 100%;\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: hidden;\n        object-fit: var(--image-object-fit, cover);\n      }\n\n      &__Front {\n        z-index: 1;\n        transition: opacity 0.5s linear;\n        cursor: pointer;\n      }\n\n      \n    }\n\n    &.hasBackground {\n      background-color: var(--neutral-white);\n\n      &.iconOnly {\n        border-top-left-radius: 6px;\n        border-top-right-radius: 6px;\n        padding: var(--jump-card-ecommerce-showcase-padding) var(--jump-card-ecommerce-showcase-padding) 0;\n\n        img {\n          border-radius: 6px;\n        }\n      }\n    }\n\n    &.iconOnly {\n      border-bottom-right-radius: 0;\n    }\n\n    &.is-mini {\n      max-width: 180px;\n    }\n  }\n\n  .Content {\n    container-type: inline-size;\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n\n     @container (max-width: 239px) {\n       flex-direction: row;\n     }\n\n    &.hasBackground {\n      background-color: var(--neutral-white);\n      padding: calc(var(--jump-card-ecommerce-showcase-padding) * 2);\n    }\n\n    &.iconOnly {\n      padding: calc(var(--jump-card-ecommerce-showcase-padding) * 2) var(--jump-card-ecommerce-showcase-padding);\n    }\n\n    &.is-mini {\n      max-width: 180px;\n    }\n  }\n\n  .Body {\n    display: flex;\n    flex-direction: column;\n    gap: 0.75rem;\n    padding: var(--jump-card-ecommerce-showcase-padding) 0;\n    container-type: inline-size;\n\n    & > * {\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n\n      & > * {\n        flex: 0 1 auto;\n      }\n    }\n\n    .Body__Top {\n      display: flex;\n      flex-direction: row;\n    }\n\n    .Body__Bottom {\n      display: flex;\n      flex-direction: row;\n    }\n    \n    &.is-vertical {\n      .Body__Top {\n        flex-direction: column;\n        align-items: flex-start;\n       \n        .Subtitle {\n           min-height: 3.5rem;\n        }\n\n        @container (max-width: 239px) {\n          .Subtitle {\n            min-height: 3.2rem;\n          }\n        }\n      }\n\n      .Price {\n        justify-items: start;\n        margin-top: 0.5rem;\n        column-gap: 0;\n        display: flex;\n        flex-direction: column-reverse;\n        align-items: flex-start;\n      }\n\n    }\n\n    @container (max-width: 239px) {\n      .Body__Top {\n        flex-direction: column;\n      }\n\n      .Body__Bottom {\n        flex-direction: column;\n      }\n\n      .SelectVariations {\n        max-width: 100%;\n        margin-bottom: 0.5rem;\n\n        select {\n          width: 100%;\n        }\n      }\n\n      .Price {\n        display: flex;\n        flex-direction: column-reverse;\n        margin-top: 0.5rem;\n        align-items: start;\n      }\n    }\n\n    &.hasBackground {\n      padding: 0 0 var(--jump-card-padding);\n    }\n\n    &.iconOnly {\n      padding: 0;\n    }\n\n    &.is-mini {\n      & > * {\n        flex-direction: column;\n      }\n\n      padding: calc(var(--jump-card-padding) / 2) 0;\n    }\n  }\n\n  .Product {\n    font-size: var(--fs-400);\n    color: var(--neutral-grey-primary);\n    text-decoration: none;\n  }\n\n  .Subtitle {\n    font-size: var(--fs-300);\n    color: var(--neutral-grey-secondary);\n    line-height: 1.2;\n  }\n\n  .Subtitle:hover {\n    cursor: pointer;\n  }\n\n  .OutOfStock {\n    justify-items: start;\n    font-size: var(--fs-300);\n    font-weight: var(--fw-900);\n    color: var(--jump-card-ecommerce-showcase-out-of-stock-color);\n  }\n\n  .Price {\n    position: relative;\n    display: grid;\n    grid-template-columns: auto auto;\n    grid-template-rows: 1.5rem 1.5rem auto;\n    justify-items: end;\n    align-items: end;\n    column-gap: 0.5rem;\n    margin-top: 0;\n    \n\n    font-size: var(--fs-500);\n    font-weight: var(--fw-900);\n    line-height: var(--lh-400);\n\n    & > * {\n      display: inline-flex;\n    }\n\n    &__Regular {\n      text-align: right;\n\n      &.sale {\n        text-decoration: line-through;\n        color: var(--neutral-grey-secondary);\n        font-weight: var(--fw-400);\n        font-size: var(--fs-400);\n        grid-column: 2;\n        grid-row: 1;\n      }\n    }\n\n    &__Sale {\n      grid-column: 2;\n      grid-row: 2;\n    }\n\n    &__Discount {\n      color: var(--jump-card-ecommerce-showcase-discount-color);\n      font-weight: var(--fw-400);\n      font-size: var(--fs-300);\n      grid-column: 1;\n      grid-row: 1;\n    }\n\n    &.is-mini {\n      display: flex;\n      font-size: var(--fs-400);\n    }\n  }\n}","import { Component, Host, h, Prop, Event, EventEmitter, Element, State, Method } from '@stencil/core';\n\n@Component({\n  tag: 'jump-card-ecommerce-showcase',\n  styleUrl: 'jump-card-ecommerce-showcase.scss',\n  shadow: true,\n})\nexport class JumpCardEcommerceShowcase {\n\n  @Element() JumpCardEcommerceShowcase: HTMLElement;\n  jumpQuantityEl;\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n\n  /** Indicates the threshold below which the discount will be hidden */\n  @Prop() hideDiscountIfLessThreshold: number = undefined;\n\n  /** Indicates the badge of the card*/\n  @Prop() badge: string;\n\n  /** Indicates the link of the card*/\n  @Prop() link: string;\n\n  /** Indicates the image's src of the card*/\n  @Prop() img: string;\n\n  /** Indicates the img's alt of the card*/\n  @Prop() imgAlt: string;\n\n  /** Indicates the title of the card*/\n  @Prop() productName: string;\n\n  /** Indicates the subtitle of the card*/\n  @Prop() subtitle: string;\n\n  /** Indicates the ID of the product, can be also a SKU*/\n  @Prop() productId: string;\n\n  /** Indicates the price of the card */\n  @Prop() price: number;\n\n  /** Indicates the sale price of the card */\n  @Prop() salePrice: number;\n\n  /** Indicates the currency of the card */\n  @Prop() currency: string = '€';\n\n  /** Indicates the variant of the button */\n  @Prop() badgeColor: 'primary' | 'secondary' | 'neutral' | 'warning' | 'success' | 'danger' = 'secondary';\n\n  /** Indicates if the product is outOfStock */\n  @Prop({ mutable: true, reflect: true }) outOfStock: boolean = false;\n\n  /** Indicates the outOfStockText of the product*/\n  @Prop() outOfStockText: string;\n\n  @Prop() availableText: string;\n  \n  /** Controlla il comportamento dell'object-fit delle immagini */\n  @Prop() imageObjectFit: 'cover' | 'scale-down' | 'contain' | 'fill' | 'none' = 'cover';\n\n  \n\n\n  /* ---------------------- @STATE ------------------------- */\n\n  @State() priceFormatted: string;\n\n  @State() salePriceFormatted: string;\n\n  /* ---------------------- @EVENTS ------------------------- */\n\n  @Event({ eventName: 'jump-card-go-to-product-page' }) goToProductPage: EventEmitter;\n\n  /**\n   * Set the price of the product\n   * @param price\n   * @param salePrice\n   */\n  @Method()\n  async setPrice(price: number, salePrice: number) {\n    let shouldFormat = false;\n    if (price && price > 0) {\n      shouldFormat = true;\n      this.price = price;\n    }\n\n    if (salePrice && salePrice > 0) {\n      this.salePrice = salePrice;\n    }\n\n    if (shouldFormat) {\n      this.formatPrices();\n    }\n  }\n\n  /* ---------------------- @LIFECYCLE ------------------------- */\n\n  componentDidLoad() {\n    this.formatPrices();\n  }\n\n  /* ---------------------- @METHODS ------------------------- */\n\n  goToProduct(){\n    this.goToProductPage.emit({\n      productId: this.productId,\n      link: this.link,\n    });\n  }\n\n  formatPrices() {\n    let locale = document.documentElement.lang ?? 'it-IT';\n    if (locale.length == 2) {\n      locale = `${locale}-${locale.toUpperCase()}`;\n    }\n\n    // Format price with 2 decimal digits and in locale\n    this.priceFormatted = this.price.toLocaleString(locale, { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n    this.salePriceFormatted = this.salePrice.toLocaleString(locale, {\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 2,\n    });\n  }\n\n  render() {\n    const backgroundClass = 'hasBackground';\n    const iconOnlyClass = '';\n\n    const hasImageOnHover =  '';\n    const miniCard = '';\n    const verticalCardClass = 'is-vertical';\n    const enableZoomClass = '';\n\n    function calculateDiscount(price: number, salePrice: number): string {\n      const discount = ((price - salePrice) / price) * 100;\n      return discount.toFixed(0);\n    };\n\n    return (\n      <Host style={{'--image-object-fit': this.imageObjectFit}}>\n\n        <div\n          class={`Media ${iconOnlyClass} ${backgroundClass} ${miniCard}`}\n        >\n          {this.badge ?\n            <jump-badge class={`${backgroundClass} ${iconOnlyClass}`} variant={this.badgeColor} dimension=\"small\"\n                        label={this.badge}></jump-badge> : ''}\n          \n          {this.salePrice && (this.salePrice < this.price) && (this.hideDiscountIfLessThreshold === undefined || parseFloat(calculateDiscount(this.price, this.salePrice)) > this.hideDiscountIfLessThreshold) ?\n            <div class=\"DiscountBadge\">-{calculateDiscount(this.price, this.salePrice)}%</div> : null}\n\n          <a href={this.link}>\n            <figure class={`Images ${hasImageOnHover} ${enableZoomClass}`}>\n              {this.img && <img class=\"Images__Front\" src={this.img} alt={this.imgAlt}></img> }\n             \n            </figure>\n          </a>\n        </div>\n\n        <div class={`Content ${backgroundClass} ${iconOnlyClass} ${miniCard} ${verticalCardClass}`}>\n          <div class={`Body ${backgroundClass} ${iconOnlyClass} ${miniCard} ${verticalCardClass}`}>\n            <div class=\"Body__Top\">\n              <div class=\"Info\">\n                <a href={this.link} class=\"Product\">{this.productName}</a>\n               {this.subtitle ? <div class=\"Subtitle\" onClick={() => this.goToProduct()}>{this.subtitle}</div> : null}\n              </div>\n\n              {this.price ?\n                <div class={`Price ${miniCard}`}>\n                  <div class={`Price__Regular ${this.salePrice && this.salePrice < this.price ? 'sale' : ''}`}>\n                    {this.currency}{this.priceFormatted}\n                  </div>\n                   \n                  {this.salePrice && this.salePrice < this.price ?\n                    <div class=\"Price__Sale\">{this.currency}{this.salePriceFormatted}</div>\n                    : null}\n                </div>\n                : null}\n              \n              {this.outOfStock ?\n              <div class=\"OutOfStock\">{this.outOfStockText ? this.outOfStockText : 'Esaurito'}</div> :  <div class=\"Available\">{this.availableText ? this.availableText : 'Disponibile'}</div>}\n\n            </div>\n          </div>\n\n       \n        </div>\n      </Host>\n    );\n  }\n\n}"],"version":3}

package/dist/esm/jump-card-ecommerce-showcase.entry.js

@@ -0,0 +1,97 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a94b3471.js';
+
+const jumpCardEcommerceShowcaseCss = ":host {\n  --card-max-width: 450px;\n  --jump-card-ecommerce-showcase-max-width-horizontal: 100%;\n  --jump-card-ecommerce-showcase-color: var(--neutral-grey-primary);\n  --jump-card-ecommerce-showcase-background: transparent;\n  --jump-card-ecommerce-showcase-border-color: var(--neutral-grey-background);\n  --jump-card-ecommerce-showcase-padding: 0.5rem;\n  --jump-card-ecommerce-showcase-out-of-stock-color: var(--status-danger-standard);\n  --jump-card-ecommerce-showcase-available-color: var(--status-success-standard);\n  --jump-card-ecommerce-showcase-discount-color: var(--status-danger-standard);\n  --image-object-fit: cover;\n  --jump-card-ecommerce-showcase-hide-discover-button-visibility: block;\n  --jump-card-ecommerce-showcase-discount-badge-bg-color: var(--neutral-white);\n  --jump-card-ecommerce-showcase-discount-badge-text-color: var(--primary-standard);\n  --jump-card-ecommerce-showcase-discount-badge-padding: 4px 12px;\n  --jump-card-ecommerce-showcase-discount-badge-border-radius: 50px;\n  max-width: var(--card-max-width);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  font-family: var(--ff-primary, \"Arial\"), sans-serif;\n  line-height: var(--lh-400, 1.3);\n  background-color: var(--jump-card-ecommerce-showcase-background);\n  color: var(--jump-card-ecommerce-showcase-color);\n}\n:host .DiscountBadge {\n  position: absolute;\n  bottom: 1rem;\n  right: 0.2rem;\n  z-index: 2;\n  border: 2px solid var(--jump-card-ecommerce-showcase-discount-badge-text-color);\n  color: var(--jump-card-ecommerce-showcase-discount-badge-text-color);\n  background-color: var(--jump-card-ecommerce-showcase-discount-badge-bg-color);\n  font-size: var(--fs-300);\n  font-weight: var(--fw-900);\n  padding: var(--jump-card-ecommerce-showcase-discount-badge-padding);\n  border-radius: var(--jump-card-ecommerce-showcase-discount-badge-border-radius);\n  line-height: 1.2;\n}\n:host .Footer,\n:host .Body {\n  display: flex;\n  width: 100%;\n}\n:host .Footer {\n  container-type: inline-size;\n  flex-direction: row;\n}\n@container (max-width: 239px) {\n  :host .Footer {\n    flex-direction: column;\n  }\n  :host .Footer .OutOfStock {\n    margin-bottom: 0.25rem;\n  }\n}\n:host jump-badge {\n  position: absolute;\n  top: 1rem;\n  left: 1rem;\n  z-index: 2;\n}\n:host .Media {\n  container-type: inline-size;\n}\n@container (max-width: 239px) {\n  :host .Media jump-badge {\n    top: auto;\n    bottom: 1rem;\n    left: 0.2rem;\n    right: auto;\n  }\n}\n:host .Media {\n  overflow: hidden;\n  position: relative;\n  border-radius: 3px;\n  aspect-ratio: 1/1;\n}\n:host .Media .Images {\n  height: 100%;\n  margin: 0;\n  position: relative;\n}\n:host .Media .Images img {\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  overflow: hidden;\n  object-fit: var(--image-object-fit, cover);\n}\n:host .Media .Images__Front {\n  z-index: 1;\n  transition: opacity 0.5s linear;\n  cursor: pointer;\n}\n:host .Media.hasBackground {\n  background-color: var(--neutral-white);\n}\n:host .Media.hasBackground.iconOnly {\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n  padding: var(--jump-card-ecommerce-showcase-padding) var(--jump-card-ecommerce-showcase-padding) 0;\n}\n:host .Media.hasBackground.iconOnly img {\n  border-radius: 6px;\n}\n:host .Media.iconOnly {\n  border-bottom-right-radius: 0;\n}\n:host .Media.is-mini {\n  max-width: 180px;\n}\n:host .Content {\n  container-type: inline-size;\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n}\n@container (max-width: 239px) {\n  :host .Content {\n    flex-direction: row;\n  }\n}\n:host .Content.hasBackground {\n  background-color: var(--neutral-white);\n  padding: calc(var(--jump-card-ecommerce-showcase-padding) * 2);\n}\n:host .Content.iconOnly {\n  padding: calc(var(--jump-card-ecommerce-showcase-padding) * 2) var(--jump-card-ecommerce-showcase-padding);\n}\n:host .Content.is-mini {\n  max-width: 180px;\n}\n:host .Body {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  padding: var(--jump-card-ecommerce-showcase-padding) 0;\n  container-type: inline-size;\n}\n:host .Body > * {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n}\n:host .Body > * > * {\n  flex: 0 1 auto;\n}\n:host .Body .Body__Top {\n  display: flex;\n  flex-direction: row;\n}\n:host .Body .Body__Bottom {\n  display: flex;\n  flex-direction: row;\n}\n:host .Body.is-vertical .Body__Top {\n  flex-direction: column;\n  align-items: flex-start;\n}\n:host .Body.is-vertical .Body__Top .Subtitle {\n  min-height: 3.5rem;\n}\n@container (max-width: 239px) {\n  :host .Body.is-vertical .Body__Top .Subtitle {\n    min-height: 3.2rem;\n  }\n}\n:host .Body.is-vertical .Price {\n  justify-items: start;\n  margin-top: 0.5rem;\n  column-gap: 0;\n  display: flex;\n  flex-direction: column-reverse;\n  align-items: flex-start;\n}\n@container (max-width: 239px) {\n  :host .Body .Body__Top {\n    flex-direction: column;\n  }\n  :host .Body .Body__Bottom {\n    flex-direction: column;\n  }\n  :host .Body .SelectVariations {\n    max-width: 100%;\n    margin-bottom: 0.5rem;\n  }\n  :host .Body .SelectVariations select {\n    width: 100%;\n  }\n  :host .Body .Price {\n    display: flex;\n    flex-direction: column-reverse;\n    margin-top: 0.5rem;\n    align-items: start;\n  }\n}\n:host .Body.hasBackground {\n  padding: 0 0 var(--jump-card-padding);\n}\n:host .Body.iconOnly {\n  padding: 0;\n}\n:host .Body.is-mini {\n  padding: calc(var(--jump-card-padding) / 2) 0;\n}\n:host .Body.is-mini > * {\n  flex-direction: column;\n}\n:host .Product {\n  font-size: var(--fs-400);\n  color: var(--neutral-grey-primary);\n  text-decoration: none;\n}\n:host .Subtitle {\n  font-size: var(--fs-300);\n  color: var(--neutral-grey-secondary);\n  line-height: 1.2;\n}\n:host .Subtitle:hover {\n  cursor: pointer;\n}\n:host .OutOfStock {\n  justify-items: start;\n  font-size: var(--fs-300);\n  font-weight: var(--fw-900);\n  color: var(--jump-card-ecommerce-showcase-out-of-stock-color);\n}\n:host .Price {\n  position: relative;\n  display: grid;\n  grid-template-columns: auto auto;\n  grid-template-rows: 1.5rem 1.5rem auto;\n  justify-items: end;\n  align-items: end;\n  column-gap: 0.5rem;\n  margin-top: 0;\n  font-size: var(--fs-500);\n  font-weight: var(--fw-900);\n  line-height: var(--lh-400);\n}\n:host .Price > * {\n  display: inline-flex;\n}\n:host .Price__Regular {\n  text-align: right;\n}\n:host .Price__Regular.sale {\n  text-decoration: line-through;\n  color: var(--neutral-grey-secondary);\n  font-weight: var(--fw-400);\n  font-size: var(--fs-400);\n  grid-column: 2;\n  grid-row: 1;\n}\n:host .Price__Sale {\n  grid-column: 2;\n  grid-row: 2;\n}\n:host .Price__Discount {\n  color: var(--jump-card-ecommerce-showcase-discount-color);\n  font-weight: var(--fw-400);\n  font-size: var(--fs-300);\n  grid-column: 1;\n  grid-row: 1;\n}\n:host .Price.is-mini {\n  display: flex;\n  font-size: var(--fs-400);\n}";
+const JumpCardEcommerceShowcaseStyle0 = jumpCardEcommerceShowcaseCss;
+
+const JumpCardEcommerceShowcase = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.goToProductPage = createEvent(this, "jump-card-go-to-product-page", 7);
+        this.hideDiscountIfLessThreshold = undefined;
+        this.badge = undefined;
+        this.link = undefined;
+        this.img = undefined;
+        this.imgAlt = undefined;
+        this.productName = undefined;
+        this.subtitle = undefined;
+        this.productId = undefined;
+        this.price = undefined;
+        this.salePrice = undefined;
+        this.currency = '€';
+        this.badgeColor = 'secondary';
+        this.outOfStock = false;
+        this.outOfStockText = undefined;
+        this.availableText = undefined;
+        this.imageObjectFit = 'cover';
+        this.priceFormatted = undefined;
+        this.salePriceFormatted = undefined;
+    }
+    /**
+     * Set the price of the product
+     * @param price
+     * @param salePrice
+     */
+    async setPrice(price, salePrice) {
+        let shouldFormat = false;
+        if (price && price > 0) {
+            shouldFormat = true;
+            this.price = price;
+        }
+        if (salePrice && salePrice > 0) {
+            this.salePrice = salePrice;
+        }
+        if (shouldFormat) {
+            this.formatPrices();
+        }
+    }
+    /* ---------------------- @LIFECYCLE ------------------------- */
+    componentDidLoad() {
+        this.formatPrices();
+    }
+    /* ---------------------- @METHODS ------------------------- */
+    goToProduct() {
+        this.goToProductPage.emit({
+            productId: this.productId,
+            link: this.link,
+        });
+    }
+    formatPrices() {
+        var _a;
+        let locale = (_a = document.documentElement.lang) !== null && _a !== void 0 ? _a : 'it-IT';
+        if (locale.length == 2) {
+            locale = `${locale}-${locale.toUpperCase()}`;
+        }
+        // Format price with 2 decimal digits and in locale
+        this.priceFormatted = this.price.toLocaleString(locale, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+        this.salePriceFormatted = this.salePrice.toLocaleString(locale, {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+        });
+    }
+    render() {
+        const backgroundClass = 'hasBackground';
+        const iconOnlyClass = '';
+        const hasImageOnHover = '';
+        const miniCard = '';
+        const verticalCardClass = 'is-vertical';
+        const enableZoomClass = '';
+        function calculateDiscount(price, salePrice) {
+            const discount = ((price - salePrice) / price) * 100;
+            return discount.toFixed(0);
+        }
+        return (h(Host, { style: { '--image-object-fit': this.imageObjectFit } }, h("div", { class: `Media ${iconOnlyClass} ${backgroundClass} ${miniCard}` }, this.badge ?
+            h("jump-badge", { class: `${backgroundClass} ${iconOnlyClass}`, variant: this.badgeColor, dimension: "small", label: this.badge }) : '', this.salePrice && (this.salePrice < this.price) && (this.hideDiscountIfLessThreshold === undefined || parseFloat(calculateDiscount(this.price, this.salePrice)) > this.hideDiscountIfLessThreshold) ?
+            h("div", { class: "DiscountBadge" }, "-", calculateDiscount(this.price, this.salePrice), "%") : null, h("a", { href: this.link }, h("figure", { class: `Images ${hasImageOnHover} ${enableZoomClass}` }, this.img && h("img", { class: "Images__Front", src: this.img, alt: this.imgAlt })))), h("div", { class: `Content ${backgroundClass} ${iconOnlyClass} ${miniCard} ${verticalCardClass}` }, h("div", { class: `Body ${backgroundClass} ${iconOnlyClass} ${miniCard} ${verticalCardClass}` }, h("div", { class: "Body__Top" }, h("div", { class: "Info" }, h("a", { href: this.link, class: "Product" }, this.productName), this.subtitle ? h("div", { class: "Subtitle", onClick: () => this.goToProduct() }, this.subtitle) : null), this.price ?
+            h("div", { class: `Price ${miniCard}` }, h("div", { class: `Price__Regular ${this.salePrice && this.salePrice < this.price ? 'sale' : ''}` }, this.currency, this.priceFormatted), this.salePrice && this.salePrice < this.price ?
+                h("div", { class: "Price__Sale" }, this.currency, this.salePriceFormatted)
+                : null)
+            : null, this.outOfStock ?
+            h("div", { class: "OutOfStock" }, this.outOfStockText ? this.outOfStockText : 'Esaurito') : h("div", { class: "Available" }, this.availableText ? this.availableText : 'Disponibile'))))));
+    }
+    get JumpCardEcommerceShowcase() { return getElement(this); }
+};
+JumpCardEcommerceShowcase.style = JumpCardEcommerceShowcaseStyle0;
+
+export { JumpCardEcommerceShowcase as jump_card_ecommerce_showcase };
+
+//# sourceMappingURL=jump-card-ecommerce-showcase.entry.js.map

package/dist/esm/jump-card-ecommerce-showcase.entry.js.map

@@ -0,0 +1 @@
+{"file":"jump-card-ecommerce-showcase.entry.js","mappings":"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","names":[],"sources":["src/components/jump-card-ecommerce-showcase/jump-card-ecommerce-showcase.scss?tag=jump-card-ecommerce-showcase&encapsulation=shadow","src/components/jump-card-ecommerce-showcase/jump-card-ecommerce-showcase.tsx"],"sourcesContent":[":host {\n  --card-max-width: 450px;\n  --jump-card-ecommerce-showcase-max-width-horizontal: 100%;\n  --jump-card-ecommerce-showcase-color: var(--neutral-grey-primary);\n  --jump-card-ecommerce-showcase-background: transparent;\n  --jump-card-ecommerce-showcase-border-color: var(--neutral-grey-background);\n  --jump-card-ecommerce-showcase-padding: 0.5rem;\n  --jump-card-ecommerce-showcase-out-of-stock-color: var(--status-danger-standard);\n  --jump-card-ecommerce-showcase-available-color: var(--status-success-standard);\n  --jump-card-ecommerce-showcase-discount-color: var(--status-danger-standard);\n  --image-object-fit: cover;\n  --jump-card-ecommerce-showcase-hide-discover-button-visibility: block;\n  --jump-card-ecommerce-showcase-discount-badge-bg-color: var(--neutral-white);\n  --jump-card-ecommerce-showcase-discount-badge-text-color: var(--primary-standard);\n  --jump-card-ecommerce-showcase-discount-badge-padding: 4px 12px;\n  --jump-card-ecommerce-showcase-discount-badge-border-radius: 50px;\n\n  max-width: var(--card-max-width);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  font-family: var(--ff-primary, 'Arial'), sans-serif;\n  line-height: var(--lh-400, 1.3);\n  background-color: var(--jump-card-ecommerce-showcase-background);\n  color: var(--jump-card-ecommerce-showcase-color);\n\n  .DiscountBadge {\n    position: absolute;\n    bottom: 1rem;\n    right: 0.2rem;\n    z-index: 2;\n    border: 2px solid var(--jump-card-ecommerce-showcase-discount-badge-text-color);\n    color: var(--jump-card-ecommerce-showcase-discount-badge-text-color);\n    background-color: var(--jump-card-ecommerce-showcase-discount-badge-bg-color);\n    font-size: var(--fs-300);\n    font-weight: var(--fw-900);\n    padding: var(--jump-card-ecommerce-showcase-discount-badge-padding);\n    border-radius: var(--jump-card-ecommerce-showcase-discount-badge-border-radius);\n    line-height: 1.2;\n  }\n\n  .Footer,\n  .Body {\n    display: flex;\n    width: 100%;\n  }\n\n  .Footer {\n    container-type: inline-size;\n    flex-direction: row;\n\n    @container (max-width: 239px) {\n      flex-direction: column;\n\n            .OutOfStock {\n        margin-bottom: 0.25rem;\n      }\n\n    }\n  }\n\n  jump-badge {\n    position: absolute;\n    top: 1rem;\n    left: 1rem;\n    z-index: 2;\n  }\n\n  .Media {\n    container-type: inline-size;\n\n    @container (max-width: 239px) {\n      jump-badge {\n        top: auto;\n        bottom: 1rem;\n        left: 0.2rem;\n        right: auto;\n      }\n    }\n  }\n\n\n  .Media {\n    // aspect-ratio: 3/4;\n    overflow: hidden;\n    position: relative;\n    border-radius: 3px;\n    aspect-ratio: 1/1;\n\n    .Images {\n      height: 100%;\n      margin: 0;\n      position: relative;\n\n      img {\n        height: 100%;\n        width: 100%;\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: hidden;\n        object-fit: var(--image-object-fit, cover);\n      }\n\n      &__Front {\n        z-index: 1;\n        transition: opacity 0.5s linear;\n        cursor: pointer;\n      }\n\n      \n    }\n\n    &.hasBackground {\n      background-color: var(--neutral-white);\n\n      &.iconOnly {\n        border-top-left-radius: 6px;\n        border-top-right-radius: 6px;\n        padding: var(--jump-card-ecommerce-showcase-padding) var(--jump-card-ecommerce-showcase-padding) 0;\n\n        img {\n          border-radius: 6px;\n        }\n      }\n    }\n\n    &.iconOnly {\n      border-bottom-right-radius: 0;\n    }\n\n    &.is-mini {\n      max-width: 180px;\n    }\n  }\n\n  .Content {\n    container-type: inline-size;\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n\n     @container (max-width: 239px) {\n       flex-direction: row;\n     }\n\n    &.hasBackground {\n      background-color: var(--neutral-white);\n      padding: calc(var(--jump-card-ecommerce-showcase-padding) * 2);\n    }\n\n    &.iconOnly {\n      padding: calc(var(--jump-card-ecommerce-showcase-padding) * 2) var(--jump-card-ecommerce-showcase-padding);\n    }\n\n    &.is-mini {\n      max-width: 180px;\n    }\n  }\n\n  .Body {\n    display: flex;\n    flex-direction: column;\n    gap: 0.75rem;\n    padding: var(--jump-card-ecommerce-showcase-padding) 0;\n    container-type: inline-size;\n\n    & > * {\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n\n      & > * {\n        flex: 0 1 auto;\n      }\n    }\n\n    .Body__Top {\n      display: flex;\n      flex-direction: row;\n    }\n\n    .Body__Bottom {\n      display: flex;\n      flex-direction: row;\n    }\n    \n    &.is-vertical {\n      .Body__Top {\n        flex-direction: column;\n        align-items: flex-start;\n       \n        .Subtitle {\n           min-height: 3.5rem;\n        }\n\n        @container (max-width: 239px) {\n          .Subtitle {\n            min-height: 3.2rem;\n          }\n        }\n      }\n\n      .Price {\n        justify-items: start;\n        margin-top: 0.5rem;\n        column-gap: 0;\n        display: flex;\n        flex-direction: column-reverse;\n        align-items: flex-start;\n      }\n\n    }\n\n    @container (max-width: 239px) {\n      .Body__Top {\n        flex-direction: column;\n      }\n\n      .Body__Bottom {\n        flex-direction: column;\n      }\n\n      .SelectVariations {\n        max-width: 100%;\n        margin-bottom: 0.5rem;\n\n        select {\n          width: 100%;\n        }\n      }\n\n      .Price {\n        display: flex;\n        flex-direction: column-reverse;\n        margin-top: 0.5rem;\n        align-items: start;\n      }\n    }\n\n    &.hasBackground {\n      padding: 0 0 var(--jump-card-padding);\n    }\n\n    &.iconOnly {\n      padding: 0;\n    }\n\n    &.is-mini {\n      & > * {\n        flex-direction: column;\n      }\n\n      padding: calc(var(--jump-card-padding) / 2) 0;\n    }\n  }\n\n  .Product {\n    font-size: var(--fs-400);\n    color: var(--neutral-grey-primary);\n    text-decoration: none;\n  }\n\n  .Subtitle {\n    font-size: var(--fs-300);\n    color: var(--neutral-grey-secondary);\n    line-height: 1.2;\n  }\n\n  .Subtitle:hover {\n    cursor: pointer;\n  }\n\n  .OutOfStock {\n    justify-items: start;\n    font-size: var(--fs-300);\n    font-weight: var(--fw-900);\n    color: var(--jump-card-ecommerce-showcase-out-of-stock-color);\n  }\n\n  .Price {\n    position: relative;\n    display: grid;\n    grid-template-columns: auto auto;\n    grid-template-rows: 1.5rem 1.5rem auto;\n    justify-items: end;\n    align-items: end;\n    column-gap: 0.5rem;\n    margin-top: 0;\n    \n\n    font-size: var(--fs-500);\n    font-weight: var(--fw-900);\n    line-height: var(--lh-400);\n\n    & > * {\n      display: inline-flex;\n    }\n\n    &__Regular {\n      text-align: right;\n\n      &.sale {\n        text-decoration: line-through;\n        color: var(--neutral-grey-secondary);\n        font-weight: var(--fw-400);\n        font-size: var(--fs-400);\n        grid-column: 2;\n        grid-row: 1;\n      }\n    }\n\n    &__Sale {\n      grid-column: 2;\n      grid-row: 2;\n    }\n\n    &__Discount {\n      color: var(--jump-card-ecommerce-showcase-discount-color);\n      font-weight: var(--fw-400);\n      font-size: var(--fs-300);\n      grid-column: 1;\n      grid-row: 1;\n    }\n\n    &.is-mini {\n      display: flex;\n      font-size: var(--fs-400);\n    }\n  }\n}","import { Component, Host, h, Prop, Event, EventEmitter, Element, State, Method } from '@stencil/core';\n\n@Component({\n  tag: 'jump-card-ecommerce-showcase',\n  styleUrl: 'jump-card-ecommerce-showcase.scss',\n  shadow: true,\n})\nexport class JumpCardEcommerceShowcase {\n\n  @Element() JumpCardEcommerceShowcase: HTMLElement;\n  jumpQuantityEl;\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n\n  /** Indicates the threshold below which the discount will be hidden */\n  @Prop() hideDiscountIfLessThreshold: number = undefined;\n\n  /** Indicates the badge of the card*/\n  @Prop() badge: string;\n\n  /** Indicates the link of the card*/\n  @Prop() link: string;\n\n  /** Indicates the image's src of the card*/\n  @Prop() img: string;\n\n  /** Indicates the img's alt of the card*/\n  @Prop() imgAlt: string;\n\n  /** Indicates the title of the card*/\n  @Prop() productName: string;\n\n  /** Indicates the subtitle of the card*/\n  @Prop() subtitle: string;\n\n  /** Indicates the ID of the product, can be also a SKU*/\n  @Prop() productId: string;\n\n  /** Indicates the price of the card */\n  @Prop() price: number;\n\n  /** Indicates the sale price of the card */\n  @Prop() salePrice: number;\n\n  /** Indicates the currency of the card */\n  @Prop() currency: string = '€';\n\n  /** Indicates the variant of the button */\n  @Prop() badgeColor: 'primary' | 'secondary' | 'neutral' | 'warning' | 'success' | 'danger' = 'secondary';\n\n  /** Indicates if the product is outOfStock */\n  @Prop({ mutable: true, reflect: true }) outOfStock: boolean = false;\n\n  /** Indicates the outOfStockText of the product*/\n  @Prop() outOfStockText: string;\n\n  @Prop() availableText: string;\n  \n  /** Controlla il comportamento dell'object-fit delle immagini */\n  @Prop() imageObjectFit: 'cover' | 'scale-down' | 'contain' | 'fill' | 'none' = 'cover';\n\n  \n\n\n  /* ---------------------- @STATE ------------------------- */\n\n  @State() priceFormatted: string;\n\n  @State() salePriceFormatted: string;\n\n  /* ---------------------- @EVENTS ------------------------- */\n\n  @Event({ eventName: 'jump-card-go-to-product-page' }) goToProductPage: EventEmitter;\n\n  /**\n   * Set the price of the product\n   * @param price\n   * @param salePrice\n   */\n  @Method()\n  async setPrice(price: number, salePrice: number) {\n    let shouldFormat = false;\n    if (price && price > 0) {\n      shouldFormat = true;\n      this.price = price;\n    }\n\n    if (salePrice && salePrice > 0) {\n      this.salePrice = salePrice;\n    }\n\n    if (shouldFormat) {\n      this.formatPrices();\n    }\n  }\n\n  /* ---------------------- @LIFECYCLE ------------------------- */\n\n  componentDidLoad() {\n    this.formatPrices();\n  }\n\n  /* ---------------------- @METHODS ------------------------- */\n\n  goToProduct(){\n    this.goToProductPage.emit({\n      productId: this.productId,\n      link: this.link,\n    });\n  }\n\n  formatPrices() {\n    let locale = document.documentElement.lang ?? 'it-IT';\n    if (locale.length == 2) {\n      locale = `${locale}-${locale.toUpperCase()}`;\n    }\n\n    // Format price with 2 decimal digits and in locale\n    this.priceFormatted = this.price.toLocaleString(locale, { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n    this.salePriceFormatted = this.salePrice.toLocaleString(locale, {\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 2,\n    });\n  }\n\n  render() {\n    const backgroundClass = 'hasBackground';\n    const iconOnlyClass = '';\n\n    const hasImageOnHover =  '';\n    const miniCard = '';\n    const verticalCardClass = 'is-vertical';\n    const enableZoomClass = '';\n\n    function calculateDiscount(price: number, salePrice: number): string {\n      const discount = ((price - salePrice) / price) * 100;\n      return discount.toFixed(0);\n    };\n\n    return (\n      <Host style={{'--image-object-fit': this.imageObjectFit}}>\n\n        <div\n          class={`Media ${iconOnlyClass} ${backgroundClass} ${miniCard}`}\n        >\n          {this.badge ?\n            <jump-badge class={`${backgroundClass} ${iconOnlyClass}`} variant={this.badgeColor} dimension=\"small\"\n                        label={this.badge}></jump-badge> : ''}\n          \n          {this.salePrice && (this.salePrice < this.price) && (this.hideDiscountIfLessThreshold === undefined || parseFloat(calculateDiscount(this.price, this.salePrice)) > this.hideDiscountIfLessThreshold) ?\n            <div class=\"DiscountBadge\">-{calculateDiscount(this.price, this.salePrice)}%</div> : null}\n\n          <a href={this.link}>\n            <figure class={`Images ${hasImageOnHover} ${enableZoomClass}`}>\n              {this.img && <img class=\"Images__Front\" src={this.img} alt={this.imgAlt}></img> }\n             \n            </figure>\n          </a>\n        </div>\n\n        <div class={`Content ${backgroundClass} ${iconOnlyClass} ${miniCard} ${verticalCardClass}`}>\n          <div class={`Body ${backgroundClass} ${iconOnlyClass} ${miniCard} ${verticalCardClass}`}>\n            <div class=\"Body__Top\">\n              <div class=\"Info\">\n                <a href={this.link} class=\"Product\">{this.productName}</a>\n               {this.subtitle ? <div class=\"Subtitle\" onClick={() => this.goToProduct()}>{this.subtitle}</div> : null}\n              </div>\n\n              {this.price ?\n                <div class={`Price ${miniCard}`}>\n                  <div class={`Price__Regular ${this.salePrice && this.salePrice < this.price ? 'sale' : ''}`}>\n                    {this.currency}{this.priceFormatted}\n                  </div>\n                   \n                  {this.salePrice && this.salePrice < this.price ?\n                    <div class=\"Price__Sale\">{this.currency}{this.salePriceFormatted}</div>\n                    : null}\n                </div>\n                : null}\n              \n              {this.outOfStock ?\n              <div class=\"OutOfStock\">{this.outOfStockText ? this.outOfStockText : 'Esaurito'}</div> :  <div class=\"Available\">{this.availableText ? this.availableText : 'Disponibile'}</div>}\n\n            </div>\n          </div>\n\n       \n        </div>\n      </Host>\n    );\n  }\n\n}"],"version":3}

package/dist/esm/jump-design-system.js

@@ -16,7 +16,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["jump-card-ecommerce",[[1,"jump-card-ecommerce",{"hideDiscountIfLessThreshold":[2,"hide-discount-if-less-threshold"],"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"hasSlotAddToCart":[4,"has-slot-add-to-cart"],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"hoverImg":[1,"hover-img"],"hoverImgAlt":[1,"hover-img-alt"],"videoSrc":[1,"video-src"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"addToCartColor":[1,"add-to-cart-color"],"badgeColor":[1,"badge-color"],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addToCartText":[1,"add-to-cart-text"],"waitingListButtonShow":[1540,"waiting-list-button-show"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"isMini":[4,"is-mini"],"disallowAddToCart":[4,"disallow-add-to-cart"],"disallowAddToCartLabel":[1,"disallow-add-to-cart-label"],"enableZoom":[4,"enable-zoom"],"imageObjectFit":[1,"image-object-fit"],"autoSelectFirstVariation":[4,"auto-select-first-variation"],"showDiscountBadge":[4,"show-discount-badge"],"verticalCard":[4,"vertical-card"],"addedToCart":[4,"added-to-cart"],"endAddedToCart":[4,"end-added-to-cart"],"variations":[32],"selectedVariation":[32],"priceFormatted":[32],"salePriceFormatted":[32],"optionsOrdered":[32],"setPrice":[64],"forceVariationsOrder":[64],"selectVariation":[64],"selectFirstVariation":[64],"getSelectedVariation":[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"showCount":[4,"show-count"],"offCanvasOverlay":[4,"off-canvas-overlay"],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"offCanvasClasses":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{"showMobileFilters":["watchHandler"]}]]],["jump-filtergroup",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"label":[32],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]},null,{"showMore":["watchShowMore"]}]]],["jump-navbar",[[1,"jump-navbar",{"logo":[16],"navItems":[16],"secondaryNavItems":[16],"mobileThreshold":[2,"mobile-threshold"],"type":[1],"navPosition":[1,"nav-position"],"megaMenuAlignment":[1,"mega-menu-alignment"],"sticky":[4],"stickyThreshold":[2,"sticky-threshold"],"mobileLogo":[16],"user":[16],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["jump-notice",[[1,"jump-notice",{"id":[1],"title":[1],"description":[1],"link":[1],"linkText":[1,"link-text"],"closable":[4],"type":[1],"size":[1],"visible":[32]}]]],["jump-pagination",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"internalValue":[32],"getValue":[64],"setMax":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-search-bar",[[1,"jump-search-bar",{"searchValue":[1025,"search-value"],"placeholder":[1],"noResultText":[1,"no-result-text"],"loadingText":[1,"loading-text"],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"identifier":[1],"debounceTime":[2,"debounce-time"],"variant":[1],"withBtn":[4,"with-btn"],"recentsTitle":[1,"recents-title"],"recents":[16],"results":[16],"dropdown":[4],"linearIconOnly":[4,"linear-icon-only"],"dropdownPosition":[1,"dropdown-position"],"dropdownVisible":[32],"resType":[32],"innerResults":[32],"totalResults":[32],"isExpanded":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-search-bar-mobile",[[1,"jump-search-bar-mobile",{"identifier":[1],"placeholder":[1],"recents":[16],"recentsTitle":[1,"recents-title"],"debounceTime":[2,"debounce-time"],"loadingText":[1,"loading-text"],"noResultText":[1,"no-result-text"],"results":[16],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"isOpen":[32],"innerResults":[32],"totalResults":[32],"resType":[32],"searchValue":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-accordion",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-side-cart",[[1,"jump-side-cart",{"isOpen":[4,"is-open"],"position":[1],"items":[16],"discountThreshold":[16],"freeShippingThreshold":[2,"free-shipping-threshold"],"progressPercentage":[2,"progress-percentage"],"checkoutLabel":[1,"checkout-label"],"viewCartLabel":[1,"view-cart-label"],"shippingInfo":[1,"shipping-info"],"cartItems":[32]}]]],["jump-side-cart-example",[[1,"jump-side-cart-example",{"isCartOpen":[32],"position":[32],"cartItems":[32]}]]],["jump-tab-item",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion-group",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1],"order":[2]}]]],["jump-filter-checkbox",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-filter-range",[[1,"jump-filter-range",{"name":[1],"labelMinBefore":[1,"label-min-before"],"labelMinAfter":[1,"label-min-after"],"labelMaxBefore":[1,"label-max-before"],"labelMaxAfter":[1,"label-max-after"],"min":[2],"max":[2],"step":[2],"minVal":[2,"min-val"],"maxVal":[2,"max-val"],"disabled":[516],"internalMinVal":[32],"internalMaxVal":[32],"getValues":[64]},null,{"minVal":["watchMinVal"],"maxVal":["watchMaxVal"]}]]],["jump-filter-select",[[1,"jump-filter-select",{"value":[1537],"placeholder":[1],"label":[1],"name":[1],"options":[1],"disabled":[516],"multiple":[4],"required":[4],"loading":[4],"open":[32],"values":[32],"getSelectedValue":[64],"getSelectedOption":[64],"getValues":[64],"getName":[64],"setValue":[64]}]]],["jump-filter-switch",[[1,"jump-filter-switch",{"value":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[516],"values":[32],"setValue":[64],"isChecked":[64],"getValues":[64],"getName":[64]},null,{"checked":["checkedChanged"]}]]],["jump-search-bar-dropdown-item",[[1,"jump-search-bar-dropdown-item",{"value":[1],"img":[1],"href":[1],"details":[32]}]]],["jump-tab",[[1,"jump-tab",{"disabled":[4],"alignment":[1],"fullBorder":[4,"full-border"],"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]]], options);
+  return bootstrapLazy([["jump-card-ecommerce",[[1,"jump-card-ecommerce",{"hideDiscountIfLessThreshold":[2,"hide-discount-if-less-threshold"],"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"hasSlotAddToCart":[4,"has-slot-add-to-cart"],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"hoverImg":[1,"hover-img"],"hoverImgAlt":[1,"hover-img-alt"],"videoSrc":[1,"video-src"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"addToCartColor":[1,"add-to-cart-color"],"badgeColor":[1,"badge-color"],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addToCartText":[1,"add-to-cart-text"],"waitingListButtonShow":[1540,"waiting-list-button-show"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"isMini":[4,"is-mini"],"disallowAddToCart":[4,"disallow-add-to-cart"],"disallowAddToCartLabel":[1,"disallow-add-to-cart-label"],"enableZoom":[4,"enable-zoom"],"imageObjectFit":[1,"image-object-fit"],"autoSelectFirstVariation":[4,"auto-select-first-variation"],"showDiscountBadge":[4,"show-discount-badge"],"verticalCard":[4,"vertical-card"],"addedToCart":[4,"added-to-cart"],"endAddedToCart":[4,"end-added-to-cart"],"variations":[32],"selectedVariation":[32],"priceFormatted":[32],"salePriceFormatted":[32],"optionsOrdered":[32],"setPrice":[64],"forceVariationsOrder":[64],"selectVariation":[64],"selectFirstVariation":[64],"getSelectedVariation":[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"showCount":[4,"show-count"],"offCanvasOverlay":[4,"off-canvas-overlay"],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"offCanvasClasses":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{"showMobileFilters":["watchHandler"]}]]],["jump-filtergroup",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"label":[32],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]},null,{"showMore":["watchShowMore"]}]]],["jump-navbar",[[1,"jump-navbar",{"logo":[16],"navItems":[16],"secondaryNavItems":[16],"mobileThreshold":[2,"mobile-threshold"],"type":[1],"navPosition":[1,"nav-position"],"megaMenuAlignment":[1,"mega-menu-alignment"],"sticky":[4],"stickyThreshold":[2,"sticky-threshold"],"mobileLogo":[16],"user":[16],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["jump-notice",[[1,"jump-notice",{"id":[1],"title":[1],"description":[1],"link":[1],"linkText":[1,"link-text"],"closable":[4],"type":[1],"size":[1],"visible":[32]}]]],["jump-pagination",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"internalValue":[32],"getValue":[64],"setMax":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-search-bar",[[1,"jump-search-bar",{"searchValue":[1025,"search-value"],"placeholder":[1],"noResultText":[1,"no-result-text"],"loadingText":[1,"loading-text"],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"identifier":[1],"debounceTime":[2,"debounce-time"],"variant":[1],"withBtn":[4,"with-btn"],"recentsTitle":[1,"recents-title"],"recents":[16],"results":[16],"dropdown":[4],"linearIconOnly":[4,"linear-icon-only"],"dropdownPosition":[1,"dropdown-position"],"dropdownVisible":[32],"resType":[32],"innerResults":[32],"totalResults":[32],"isExpanded":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-search-bar-mobile",[[1,"jump-search-bar-mobile",{"identifier":[1],"placeholder":[1],"recents":[16],"recentsTitle":[1,"recents-title"],"debounceTime":[2,"debounce-time"],"loadingText":[1,"loading-text"],"noResultText":[1,"no-result-text"],"results":[16],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"isOpen":[32],"innerResults":[32],"totalResults":[32],"resType":[32],"searchValue":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-accordion",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-card-ecommerce-showcase",[[1,"jump-card-ecommerce-showcase",{"hideDiscountIfLessThreshold":[2,"hide-discount-if-less-threshold"],"badge":[1],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"badgeColor":[1,"badge-color"],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"availableText":[1,"available-text"],"imageObjectFit":[1,"image-object-fit"],"priceFormatted":[32],"salePriceFormatted":[32],"setPrice":[64]}]]],["jump-side-cart",[[1,"jump-side-cart",{"isOpen":[4,"is-open"],"position":[1],"items":[16],"discountThreshold":[16],"freeShippingThreshold":[2,"free-shipping-threshold"],"progressPercentage":[2,"progress-percentage"],"checkoutLabel":[1,"checkout-label"],"viewCartLabel":[1,"view-cart-label"],"shippingInfo":[1,"shipping-info"],"cartItems":[32]}]]],["jump-side-cart-example",[[1,"jump-side-cart-example",{"isCartOpen":[32],"position":[32],"cartItems":[32]}]]],["jump-tab-item",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion-group",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1],"order":[2]}]]],["jump-filter-checkbox",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-filter-range",[[1,"jump-filter-range",{"name":[1],"labelMinBefore":[1,"label-min-before"],"labelMinAfter":[1,"label-min-after"],"labelMaxBefore":[1,"label-max-before"],"labelMaxAfter":[1,"label-max-after"],"min":[2],"max":[2],"step":[2],"minVal":[2,"min-val"],"maxVal":[2,"max-val"],"disabled":[516],"internalMinVal":[32],"internalMaxVal":[32],"getValues":[64]},null,{"minVal":["watchMinVal"],"maxVal":["watchMaxVal"]}]]],["jump-filter-select",[[1,"jump-filter-select",{"value":[1537],"placeholder":[1],"label":[1],"name":[1],"options":[1],"disabled":[516],"multiple":[4],"required":[4],"loading":[4],"open":[32],"values":[32],"getSelectedValue":[64],"getSelectedOption":[64],"getValues":[64],"getName":[64],"setValue":[64]}]]],["jump-filter-switch",[[1,"jump-filter-switch",{"value":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[516],"values":[32],"setValue":[64],"isChecked":[64],"getValues":[64],"getName":[64]},null,{"checked":["checkedChanged"]}]]],["jump-search-bar-dropdown-item",[[1,"jump-search-bar-dropdown-item",{"value":[1],"img":[1],"href":[1],"details":[32]}]]],["jump-tab",[[1,"jump-tab",{"disabled":[4],"alignment":[1],"fullBorder":[4,"full-border"],"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]]], options);
 });
 
 //# sourceMappingURL=jump-design-system.js.map

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["jump-card-ecommerce",[[1,"jump-card-ecommerce",{"hideDiscountIfLessThreshold":[2,"hide-discount-if-less-threshold"],"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"hasSlotAddToCart":[4,"has-slot-add-to-cart"],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"hoverImg":[1,"hover-img"],"hoverImgAlt":[1,"hover-img-alt"],"videoSrc":[1,"video-src"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"addToCartColor":[1,"add-to-cart-color"],"badgeColor":[1,"badge-color"],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addToCartText":[1,"add-to-cart-text"],"waitingListButtonShow":[1540,"waiting-list-button-show"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"isMini":[4,"is-mini"],"disallowAddToCart":[4,"disallow-add-to-cart"],"disallowAddToCartLabel":[1,"disallow-add-to-cart-label"],"enableZoom":[4,"enable-zoom"],"imageObjectFit":[1,"image-object-fit"],"autoSelectFirstVariation":[4,"auto-select-first-variation"],"showDiscountBadge":[4,"show-discount-badge"],"verticalCard":[4,"vertical-card"],"addedToCart":[4,"added-to-cart"],"endAddedToCart":[4,"end-added-to-cart"],"variations":[32],"selectedVariation":[32],"priceFormatted":[32],"salePriceFormatted":[32],"optionsOrdered":[32],"setPrice":[64],"forceVariationsOrder":[64],"selectVariation":[64],"selectFirstVariation":[64],"getSelectedVariation":[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"showCount":[4,"show-count"],"offCanvasOverlay":[4,"off-canvas-overlay"],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"offCanvasClasses":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{"showMobileFilters":["watchHandler"]}]]],["jump-filtergroup",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"label":[32],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]},null,{"showMore":["watchShowMore"]}]]],["jump-navbar",[[1,"jump-navbar",{"logo":[16],"navItems":[16],"secondaryNavItems":[16],"mobileThreshold":[2,"mobile-threshold"],"type":[1],"navPosition":[1,"nav-position"],"megaMenuAlignment":[1,"mega-menu-alignment"],"sticky":[4],"stickyThreshold":[2,"sticky-threshold"],"mobileLogo":[16],"user":[16],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["jump-notice",[[1,"jump-notice",{"id":[1],"title":[1],"description":[1],"link":[1],"linkText":[1,"link-text"],"closable":[4],"type":[1],"size":[1],"visible":[32]}]]],["jump-pagination",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"internalValue":[32],"getValue":[64],"setMax":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-search-bar",[[1,"jump-search-bar",{"searchValue":[1025,"search-value"],"placeholder":[1],"noResultText":[1,"no-result-text"],"loadingText":[1,"loading-text"],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"identifier":[1],"debounceTime":[2,"debounce-time"],"variant":[1],"withBtn":[4,"with-btn"],"recentsTitle":[1,"recents-title"],"recents":[16],"results":[16],"dropdown":[4],"linearIconOnly":[4,"linear-icon-only"],"dropdownPosition":[1,"dropdown-position"],"dropdownVisible":[32],"resType":[32],"innerResults":[32],"totalResults":[32],"isExpanded":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-search-bar-mobile",[[1,"jump-search-bar-mobile",{"identifier":[1],"placeholder":[1],"recents":[16],"recentsTitle":[1,"recents-title"],"debounceTime":[2,"debounce-time"],"loadingText":[1,"loading-text"],"noResultText":[1,"no-result-text"],"results":[16],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"isOpen":[32],"innerResults":[32],"totalResults":[32],"resType":[32],"searchValue":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-accordion",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-side-cart",[[1,"jump-side-cart",{"isOpen":[4,"is-open"],"position":[1],"items":[16],"discountThreshold":[16],"freeShippingThreshold":[2,"free-shipping-threshold"],"progressPercentage":[2,"progress-percentage"],"checkoutLabel":[1,"checkout-label"],"viewCartLabel":[1,"view-cart-label"],"shippingInfo":[1,"shipping-info"],"cartItems":[32]}]]],["jump-side-cart-example",[[1,"jump-side-cart-example",{"isCartOpen":[32],"position":[32],"cartItems":[32]}]]],["jump-tab-item",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion-group",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1],"order":[2]}]]],["jump-filter-checkbox",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-filter-range",[[1,"jump-filter-range",{"name":[1],"labelMinBefore":[1,"label-min-before"],"labelMinAfter":[1,"label-min-after"],"labelMaxBefore":[1,"label-max-before"],"labelMaxAfter":[1,"label-max-after"],"min":[2],"max":[2],"step":[2],"minVal":[2,"min-val"],"maxVal":[2,"max-val"],"disabled":[516],"internalMinVal":[32],"internalMaxVal":[32],"getValues":[64]},null,{"minVal":["watchMinVal"],"maxVal":["watchMaxVal"]}]]],["jump-filter-select",[[1,"jump-filter-select",{"value":[1537],"placeholder":[1],"label":[1],"name":[1],"options":[1],"disabled":[516],"multiple":[4],"required":[4],"loading":[4],"open":[32],"values":[32],"getSelectedValue":[64],"getSelectedOption":[64],"getValues":[64],"getName":[64],"setValue":[64]}]]],["jump-filter-switch",[[1,"jump-filter-switch",{"value":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[516],"values":[32],"setValue":[64],"isChecked":[64],"getValues":[64],"getName":[64]},null,{"checked":["checkedChanged"]}]]],["jump-search-bar-dropdown-item",[[1,"jump-search-bar-dropdown-item",{"value":[1],"img":[1],"href":[1],"details":[32]}]]],["jump-tab",[[1,"jump-tab",{"disabled":[4],"alignment":[1],"fullBorder":[4,"full-border"],"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]]], options);
+  return bootstrapLazy([["jump-card-ecommerce",[[1,"jump-card-ecommerce",{"hideDiscountIfLessThreshold":[2,"hide-discount-if-less-threshold"],"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"hasSlotAddToCart":[4,"has-slot-add-to-cart"],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"hoverImg":[1,"hover-img"],"hoverImgAlt":[1,"hover-img-alt"],"videoSrc":[1,"video-src"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"addToCartColor":[1,"add-to-cart-color"],"badgeColor":[1,"badge-color"],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addToCartText":[1,"add-to-cart-text"],"waitingListButtonShow":[1540,"waiting-list-button-show"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"isMini":[4,"is-mini"],"disallowAddToCart":[4,"disallow-add-to-cart"],"disallowAddToCartLabel":[1,"disallow-add-to-cart-label"],"enableZoom":[4,"enable-zoom"],"imageObjectFit":[1,"image-object-fit"],"autoSelectFirstVariation":[4,"auto-select-first-variation"],"showDiscountBadge":[4,"show-discount-badge"],"verticalCard":[4,"vertical-card"],"addedToCart":[4,"added-to-cart"],"endAddedToCart":[4,"end-added-to-cart"],"variations":[32],"selectedVariation":[32],"priceFormatted":[32],"salePriceFormatted":[32],"optionsOrdered":[32],"setPrice":[64],"forceVariationsOrder":[64],"selectVariation":[64],"selectFirstVariation":[64],"getSelectedVariation":[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"showCount":[4,"show-count"],"offCanvasOverlay":[4,"off-canvas-overlay"],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"offCanvasClasses":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{"showMobileFilters":["watchHandler"]}]]],["jump-filtergroup",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"label":[32],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]},null,{"showMore":["watchShowMore"]}]]],["jump-navbar",[[1,"jump-navbar",{"logo":[16],"navItems":[16],"secondaryNavItems":[16],"mobileThreshold":[2,"mobile-threshold"],"type":[1],"navPosition":[1,"nav-position"],"megaMenuAlignment":[1,"mega-menu-alignment"],"sticky":[4],"stickyThreshold":[2,"sticky-threshold"],"mobileLogo":[16],"user":[16],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["jump-notice",[[1,"jump-notice",{"id":[1],"title":[1],"description":[1],"link":[1],"linkText":[1,"link-text"],"closable":[4],"type":[1],"size":[1],"visible":[32]}]]],["jump-pagination",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"internalValue":[32],"getValue":[64],"setMax":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-search-bar",[[1,"jump-search-bar",{"searchValue":[1025,"search-value"],"placeholder":[1],"noResultText":[1,"no-result-text"],"loadingText":[1,"loading-text"],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"identifier":[1],"debounceTime":[2,"debounce-time"],"variant":[1],"withBtn":[4,"with-btn"],"recentsTitle":[1,"recents-title"],"recents":[16],"results":[16],"dropdown":[4],"linearIconOnly":[4,"linear-icon-only"],"dropdownPosition":[1,"dropdown-position"],"dropdownVisible":[32],"resType":[32],"innerResults":[32],"totalResults":[32],"isExpanded":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-search-bar-mobile",[[1,"jump-search-bar-mobile",{"identifier":[1],"placeholder":[1],"recents":[16],"recentsTitle":[1,"recents-title"],"debounceTime":[2,"debounce-time"],"loadingText":[1,"loading-text"],"noResultText":[1,"no-result-text"],"results":[16],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"isOpen":[32],"innerResults":[32],"totalResults":[32],"resType":[32],"searchValue":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-accordion",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-card-ecommerce-showcase",[[1,"jump-card-ecommerce-showcase",{"hideDiscountIfLessThreshold":[2,"hide-discount-if-less-threshold"],"badge":[1],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"badgeColor":[1,"badge-color"],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"availableText":[1,"available-text"],"imageObjectFit":[1,"image-object-fit"],"priceFormatted":[32],"salePriceFormatted":[32],"setPrice":[64]}]]],["jump-side-cart",[[1,"jump-side-cart",{"isOpen":[4,"is-open"],"position":[1],"items":[16],"discountThreshold":[16],"freeShippingThreshold":[2,"free-shipping-threshold"],"progressPercentage":[2,"progress-percentage"],"checkoutLabel":[1,"checkout-label"],"viewCartLabel":[1,"view-cart-label"],"shippingInfo":[1,"shipping-info"],"cartItems":[32]}]]],["jump-side-cart-example",[[1,"jump-side-cart-example",{"isCartOpen":[32],"position":[32],"cartItems":[32]}]]],["jump-tab-item",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion-group",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1],"order":[2]}]]],["jump-filter-checkbox",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-filter-range",[[1,"jump-filter-range",{"name":[1],"labelMinBefore":[1,"label-min-before"],"labelMinAfter":[1,"label-min-after"],"labelMaxBefore":[1,"label-max-before"],"labelMaxAfter":[1,"label-max-after"],"min":[2],"max":[2],"step":[2],"minVal":[2,"min-val"],"maxVal":[2,"max-val"],"disabled":[516],"internalMinVal":[32],"internalMaxVal":[32],"getValues":[64]},null,{"minVal":["watchMinVal"],"maxVal":["watchMaxVal"]}]]],["jump-filter-select",[[1,"jump-filter-select",{"value":[1537],"placeholder":[1],"label":[1],"name":[1],"options":[1],"disabled":[516],"multiple":[4],"required":[4],"loading":[4],"open":[32],"values":[32],"getSelectedValue":[64],"getSelectedOption":[64],"getValues":[64],"getName":[64],"setValue":[64]}]]],["jump-filter-switch",[[1,"jump-filter-switch",{"value":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[516],"values":[32],"setValue":[64],"isChecked":[64],"getValues":[64],"getName":[64]},null,{"checked":["checkedChanged"]}]]],["jump-search-bar-dropdown-item",[[1,"jump-search-bar-dropdown-item",{"value":[1],"img":[1],"href":[1],"details":[32]}]]],["jump-tab",[[1,"jump-tab",{"disabled":[4],"alignment":[1],"fullBorder":[4,"full-border"],"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/jump-design-system/jump-design-system.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as t}from"./p-98d5dd1f.js";export{s as setNonce}from"./p-98d5dd1f.js";import{g as a}from"./p-e1255160.js";var i=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};i().then((async e=>{await a();return t([["p-6ce30870",[[1,"jump-card-ecommerce",{hideDiscountIfLessThreshold:[2,"hide-discount-if-less-threshold"],onlyIconButton:[4,"only-icon-button"],hasBackground:[4,"has-background"],badge:[1],favorite:[1540],hasFavorite:[4,"has-favorite"],hasSlotForFavorite:[4,"has-slot-for-favorite"],hasSlotAddToCart:[4,"has-slot-add-to-cart"],link:[1],img:[1],imgAlt:[1,"img-alt"],hoverImg:[1,"hover-img"],hoverImgAlt:[1,"hover-img-alt"],videoSrc:[1,"video-src"],notificationUrl:[1,"notification-url"],notificationText:[1,"notification-text"],productName:[1,"product-name"],subtitle:[1],productId:[1,"product-id"],price:[2],salePrice:[2,"sale-price"],currency:[1],addToCartColor:[1,"add-to-cart-color"],badgeColor:[1,"badge-color"],outOfStock:[1540,"out-of-stock"],outOfStockText:[1,"out-of-stock-text"],addToCartText:[1,"add-to-cart-text"],waitingListButtonShow:[1540,"waiting-list-button-show"],waitingListText:[1,"waiting-list-text"],addToWaitingList:[4,"add-to-waiting-list"],isMini:[4,"is-mini"],disallowAddToCart:[4,"disallow-add-to-cart"],disallowAddToCartLabel:[1,"disallow-add-to-cart-label"],enableZoom:[4,"enable-zoom"],imageObjectFit:[1,"image-object-fit"],autoSelectFirstVariation:[4,"auto-select-first-variation"],showDiscountBadge:[4,"show-discount-badge"],verticalCard:[4,"vertical-card"],addedToCart:[4,"added-to-cart"],endAddedToCart:[4,"end-added-to-cart"],variations:[32],selectedVariation:[32],priceFormatted:[32],salePriceFormatted:[32],optionsOrdered:[32],setPrice:[64],forceVariationsOrder:[64],selectVariation:[64],selectFirstVariation:[64],getSelectedVariation:[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["p-5def5339",[[1,"jump-filter",{direction:[1],filterHeading:[1,"filter-heading"],filterButtonLabel:[1,"filter-button-label"],filterButtonIcon:[1,"filter-button-icon"],mobileThreshold:[2,"mobile-threshold"],filters:[8],showCount:[4,"show-count"],offCanvasOverlay:[4,"off-canvas-overlay"],activeFilters:[32],showMobileFilters:[32],isMobile:[32],offCanvasClasses:[32],getFilters:[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{showMobileFilters:["watchHandler"]}]]],["p-0140b32c",[[1,"jump-filtergroup",{name:[1],heading:[1],otherLabel:[1,"other-label"],lessLabel:[1,"less-label"],maxElements:[2,"max-elements"],variant:[1],label:[32],values:[32],value:[32],slotItems:[32],inputs:[32],showMore:[32],getValues:[64],getActiveAmount:[64],getInputs:[64],getName:[64]},null,{showMore:["watchShowMore"]}]]],["p-bb18f919",[[1,"jump-navbar",{logo:[16],navItems:[16],secondaryNavItems:[16],mobileThreshold:[2,"mobile-threshold"],type:[1],navPosition:[1,"nav-position"],megaMenuAlignment:[1,"mega-menu-alignment"],sticky:[4],stickyThreshold:[2,"sticky-threshold"],mobileLogo:[16],user:[16],isMobile:[32]},[[9,"resize","handleResize"]]]]],["p-9eba7c7c",[[1,"jump-notice",{id:[1],title:[1],description:[1],link:[1],linkText:[1,"link-text"],closable:[4],type:[1],size:[1],visible:[32]}]]],["p-f36de1a8",[[1,"jump-pagination",{pagLabel:[1,"pag-label"],last:[2],showFirstAndLast:[4,"show-first-and-last"],current:[32]},null,{current:["watchcurrent"]}]]],["p-629835ac",[[0,"jump-pagination-table",{elementsRanges:[1,"elements-ranges"],elPerPage:[2,"el-per-page"],pagLabel:[513,"pag-label"],labelElementsPerPage:[513,"label-elements-per-page"],total:[514],first:[514],last:[514],showFirstAndLast:[516,"show-first-and-last"],elementsRangesArray:[32]},null,{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}]]],["p-b6c7ffcd",[[65,"jump-quantity",{min:[2],max:[2],step:[2],label:[1],type:[1],variant:[1],showButtons:[4,"show-buttons"],value:[2],internalValue:[32],getValue:[64],setMax:[64],reset:[64]},null,{value:["onValueChange"]}]]],["p-038a2a14",[[1,"jump-search-bar",{searchValue:[1025,"search-value"],placeholder:[1],noResultText:[1,"no-result-text"],loadingText:[1,"loading-text"],resultsText:[1,"results-text"],showAllResText:[1,"show-all-res-text"],identifier:[1],debounceTime:[2,"debounce-time"],variant:[1],withBtn:[4,"with-btn"],recentsTitle:[1,"recents-title"],recents:[16],results:[16],dropdown:[4],linearIconOnly:[4,"linear-icon-only"],dropdownPosition:[1,"dropdown-position"],dropdownVisible:[32],resType:[32],innerResults:[32],totalResults:[32],isExpanded:[32],setResults:[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{searchValue:["searchValueChanged"]}]]],["p-6b8fccdb",[[1,"jump-search-bar-mobile",{identifier:[1],placeholder:[1],recents:[16],recentsTitle:[1,"recents-title"],debounceTime:[2,"debounce-time"],loadingText:[1,"loading-text"],noResultText:[1,"no-result-text"],results:[16],resultsText:[1,"results-text"],showAllResText:[1,"show-all-res-text"],isOpen:[32],innerResults:[32],totalResults:[32],resType:[32],searchValue:[32],setResults:[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{searchValue:["searchValueChanged"]}]]],["p-b3765945",[[1,"jump-accordion",{variant:[1],summary:[1],disabled:[4],open:[516],icon:[1],identifier:[1]},[[0,"sl-show","handleShow"]]]]],["p-421ebb5a",[[1,"jump-side-cart",{isOpen:[4,"is-open"],position:[1],items:[16],discountThreshold:[16],freeShippingThreshold:[2,"free-shipping-threshold"],progressPercentage:[2,"progress-percentage"],checkoutLabel:[1,"checkout-label"],viewCartLabel:[1,"view-cart-label"],shippingInfo:[1,"shipping-info"],cartItems:[32]}]]],["p-ff62e250",[[1,"jump-side-cart-example",{isCartOpen:[32],position:[32],cartItems:[32]}]]],["p-264fa972",[[1,"jump-tab-item",{identifier:[1],iconName:[1,"icon-name"],iconPosition:[1,"icon-position"],label:[1],active:[4],disabled:[4],variant:[32]}]]],["p-bd692b1f",[[1,"jump-accordion-group",{variant:[1],groupIdentifier:[1,"group-identifier"]}]]],["p-6905cee4",[[4,"jump-card",{horizontal:[4],dark:[4],shadow:[4],border:[4],borderRadius:[4,"border-radius"],topBorderContentRadius:[4,"top-border-content-radius"],boxed:[4],roundedMedia:[4,"rounded-media"],imgSrc:[1,"img-src"],imgAlt:[1,"img-alt"],videoSrc:[1,"video-src"]}]]],["p-f7310fd5",[[1,"jump-card-ecommerce-option",{code:[1],imgUrl:[1,"img-url"],label:[1],sku:[1],taxonomy:[1],order:[2]}]]],["p-0d86819c",[[1,"jump-filter-checkbox",{value:[1],label:[1],checked:[516],count:[8],isChecked:[64]}]]],["p-e30da431",[[1,"jump-filter-range",{name:[1],labelMinBefore:[1,"label-min-before"],labelMinAfter:[1,"label-min-after"],labelMaxBefore:[1,"label-max-before"],labelMaxAfter:[1,"label-max-after"],min:[2],max:[2],step:[2],minVal:[2,"min-val"],maxVal:[2,"max-val"],disabled:[516],internalMinVal:[32],internalMaxVal:[32],getValues:[64]},null,{minVal:["watchMinVal"],maxVal:["watchMaxVal"]}]]],["p-55fcebb1",[[1,"jump-filter-select",{value:[1537],placeholder:[1],label:[1],name:[1],options:[1],disabled:[516],multiple:[4],required:[4],loading:[4],open:[32],values:[32],getSelectedValue:[64],getSelectedOption:[64],getValues:[64],getName:[64],setValue:[64]}]]],["p-7e35d9f1",[[1,"jump-filter-switch",{value:[1],label:[1],name:[1],checked:[1540],disabled:[516],values:[32],setValue:[64],isChecked:[64],getValues:[64],getName:[64]},null,{checked:["checkedChanged"]}]]],["p-02ab8fb7",[[1,"jump-search-bar-dropdown-item",{value:[1],img:[1],href:[1],details:[32]}]]],["p-d1fc1ddf",[[1,"jump-tab",{disabled:[4],alignment:[1],fullBorder:[4,"full-border"],tabGroupName:[1,"tab-group-name"],variant:[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["p-d0ea0f54",[[1,"jump-tab-panel",{identifier:[1],active:[4]}]]],["p-6d82feb3",[[1,"jump-badge",{label:[1],variant:[513],dimension:[513],soft:[516],outline:[516]}]]],["p-18c359e3",[[1,"jump-button",{disabled:[4],variant:[1],outline:[4],size:[1],full:[4],pill:[4],text:[4],onlyIcon:[4,"only-icon"],href:[1],target:[1],type:[1],name:[1],value:[1],ariaLabel:[1,"aria-label"],class:[1],buttonId:[1,"button-id"]}],[1,"jump-icon",{class:[1],library:[1],name:[1],category:[1],size:[1],label:[1],src:[1]}]]]],e)}));
+import{p as e,b as t}from"./p-98d5dd1f.js";export{s as setNonce}from"./p-98d5dd1f.js";import{g as a}from"./p-e1255160.js";var i=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};i().then((async e=>{await a();return t([["p-6ce30870",[[1,"jump-card-ecommerce",{hideDiscountIfLessThreshold:[2,"hide-discount-if-less-threshold"],onlyIconButton:[4,"only-icon-button"],hasBackground:[4,"has-background"],badge:[1],favorite:[1540],hasFavorite:[4,"has-favorite"],hasSlotForFavorite:[4,"has-slot-for-favorite"],hasSlotAddToCart:[4,"has-slot-add-to-cart"],link:[1],img:[1],imgAlt:[1,"img-alt"],hoverImg:[1,"hover-img"],hoverImgAlt:[1,"hover-img-alt"],videoSrc:[1,"video-src"],notificationUrl:[1,"notification-url"],notificationText:[1,"notification-text"],productName:[1,"product-name"],subtitle:[1],productId:[1,"product-id"],price:[2],salePrice:[2,"sale-price"],currency:[1],addToCartColor:[1,"add-to-cart-color"],badgeColor:[1,"badge-color"],outOfStock:[1540,"out-of-stock"],outOfStockText:[1,"out-of-stock-text"],addToCartText:[1,"add-to-cart-text"],waitingListButtonShow:[1540,"waiting-list-button-show"],waitingListText:[1,"waiting-list-text"],addToWaitingList:[4,"add-to-waiting-list"],isMini:[4,"is-mini"],disallowAddToCart:[4,"disallow-add-to-cart"],disallowAddToCartLabel:[1,"disallow-add-to-cart-label"],enableZoom:[4,"enable-zoom"],imageObjectFit:[1,"image-object-fit"],autoSelectFirstVariation:[4,"auto-select-first-variation"],showDiscountBadge:[4,"show-discount-badge"],verticalCard:[4,"vertical-card"],addedToCart:[4,"added-to-cart"],endAddedToCart:[4,"end-added-to-cart"],variations:[32],selectedVariation:[32],priceFormatted:[32],salePriceFormatted:[32],optionsOrdered:[32],setPrice:[64],forceVariationsOrder:[64],selectVariation:[64],selectFirstVariation:[64],getSelectedVariation:[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["p-5def5339",[[1,"jump-filter",{direction:[1],filterHeading:[1,"filter-heading"],filterButtonLabel:[1,"filter-button-label"],filterButtonIcon:[1,"filter-button-icon"],mobileThreshold:[2,"mobile-threshold"],filters:[8],showCount:[4,"show-count"],offCanvasOverlay:[4,"off-canvas-overlay"],activeFilters:[32],showMobileFilters:[32],isMobile:[32],offCanvasClasses:[32],getFilters:[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{showMobileFilters:["watchHandler"]}]]],["p-0140b32c",[[1,"jump-filtergroup",{name:[1],heading:[1],otherLabel:[1,"other-label"],lessLabel:[1,"less-label"],maxElements:[2,"max-elements"],variant:[1],label:[32],values:[32],value:[32],slotItems:[32],inputs:[32],showMore:[32],getValues:[64],getActiveAmount:[64],getInputs:[64],getName:[64]},null,{showMore:["watchShowMore"]}]]],["p-bb18f919",[[1,"jump-navbar",{logo:[16],navItems:[16],secondaryNavItems:[16],mobileThreshold:[2,"mobile-threshold"],type:[1],navPosition:[1,"nav-position"],megaMenuAlignment:[1,"mega-menu-alignment"],sticky:[4],stickyThreshold:[2,"sticky-threshold"],mobileLogo:[16],user:[16],isMobile:[32]},[[9,"resize","handleResize"]]]]],["p-9eba7c7c",[[1,"jump-notice",{id:[1],title:[1],description:[1],link:[1],linkText:[1,"link-text"],closable:[4],type:[1],size:[1],visible:[32]}]]],["p-f36de1a8",[[1,"jump-pagination",{pagLabel:[1,"pag-label"],last:[2],showFirstAndLast:[4,"show-first-and-last"],current:[32]},null,{current:["watchcurrent"]}]]],["p-629835ac",[[0,"jump-pagination-table",{elementsRanges:[1,"elements-ranges"],elPerPage:[2,"el-per-page"],pagLabel:[513,"pag-label"],labelElementsPerPage:[513,"label-elements-per-page"],total:[514],first:[514],last:[514],showFirstAndLast:[516,"show-first-and-last"],elementsRangesArray:[32]},null,{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}]]],["p-b6c7ffcd",[[65,"jump-quantity",{min:[2],max:[2],step:[2],label:[1],type:[1],variant:[1],showButtons:[4,"show-buttons"],value:[2],internalValue:[32],getValue:[64],setMax:[64],reset:[64]},null,{value:["onValueChange"]}]]],["p-038a2a14",[[1,"jump-search-bar",{searchValue:[1025,"search-value"],placeholder:[1],noResultText:[1,"no-result-text"],loadingText:[1,"loading-text"],resultsText:[1,"results-text"],showAllResText:[1,"show-all-res-text"],identifier:[1],debounceTime:[2,"debounce-time"],variant:[1],withBtn:[4,"with-btn"],recentsTitle:[1,"recents-title"],recents:[16],results:[16],dropdown:[4],linearIconOnly:[4,"linear-icon-only"],dropdownPosition:[1,"dropdown-position"],dropdownVisible:[32],resType:[32],innerResults:[32],totalResults:[32],isExpanded:[32],setResults:[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{searchValue:["searchValueChanged"]}]]],["p-6b8fccdb",[[1,"jump-search-bar-mobile",{identifier:[1],placeholder:[1],recents:[16],recentsTitle:[1,"recents-title"],debounceTime:[2,"debounce-time"],loadingText:[1,"loading-text"],noResultText:[1,"no-result-text"],results:[16],resultsText:[1,"results-text"],showAllResText:[1,"show-all-res-text"],isOpen:[32],innerResults:[32],totalResults:[32],resType:[32],searchValue:[32],setResults:[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{searchValue:["searchValueChanged"]}]]],["p-b3765945",[[1,"jump-accordion",{variant:[1],summary:[1],disabled:[4],open:[516],icon:[1],identifier:[1]},[[0,"sl-show","handleShow"]]]]],["p-3952598a",[[1,"jump-card-ecommerce-showcase",{hideDiscountIfLessThreshold:[2,"hide-discount-if-less-threshold"],badge:[1],link:[1],img:[1],imgAlt:[1,"img-alt"],productName:[1,"product-name"],subtitle:[1],productId:[1,"product-id"],price:[2],salePrice:[2,"sale-price"],currency:[1],badgeColor:[1,"badge-color"],outOfStock:[1540,"out-of-stock"],outOfStockText:[1,"out-of-stock-text"],availableText:[1,"available-text"],imageObjectFit:[1,"image-object-fit"],priceFormatted:[32],salePriceFormatted:[32],setPrice:[64]}]]],["p-421ebb5a",[[1,"jump-side-cart",{isOpen:[4,"is-open"],position:[1],items:[16],discountThreshold:[16],freeShippingThreshold:[2,"free-shipping-threshold"],progressPercentage:[2,"progress-percentage"],checkoutLabel:[1,"checkout-label"],viewCartLabel:[1,"view-cart-label"],shippingInfo:[1,"shipping-info"],cartItems:[32]}]]],["p-ff62e250",[[1,"jump-side-cart-example",{isCartOpen:[32],position:[32],cartItems:[32]}]]],["p-264fa972",[[1,"jump-tab-item",{identifier:[1],iconName:[1,"icon-name"],iconPosition:[1,"icon-position"],label:[1],active:[4],disabled:[4],variant:[32]}]]],["p-bd692b1f",[[1,"jump-accordion-group",{variant:[1],groupIdentifier:[1,"group-identifier"]}]]],["p-6905cee4",[[4,"jump-card",{horizontal:[4],dark:[4],shadow:[4],border:[4],borderRadius:[4,"border-radius"],topBorderContentRadius:[4,"top-border-content-radius"],boxed:[4],roundedMedia:[4,"rounded-media"],imgSrc:[1,"img-src"],imgAlt:[1,"img-alt"],videoSrc:[1,"video-src"]}]]],["p-f7310fd5",[[1,"jump-card-ecommerce-option",{code:[1],imgUrl:[1,"img-url"],label:[1],sku:[1],taxonomy:[1],order:[2]}]]],["p-0d86819c",[[1,"jump-filter-checkbox",{value:[1],label:[1],checked:[516],count:[8],isChecked:[64]}]]],["p-e30da431",[[1,"jump-filter-range",{name:[1],labelMinBefore:[1,"label-min-before"],labelMinAfter:[1,"label-min-after"],labelMaxBefore:[1,"label-max-before"],labelMaxAfter:[1,"label-max-after"],min:[2],max:[2],step:[2],minVal:[2,"min-val"],maxVal:[2,"max-val"],disabled:[516],internalMinVal:[32],internalMaxVal:[32],getValues:[64]},null,{minVal:["watchMinVal"],maxVal:["watchMaxVal"]}]]],["p-55fcebb1",[[1,"jump-filter-select",{value:[1537],placeholder:[1],label:[1],name:[1],options:[1],disabled:[516],multiple:[4],required:[4],loading:[4],open:[32],values:[32],getSelectedValue:[64],getSelectedOption:[64],getValues:[64],getName:[64],setValue:[64]}]]],["p-7e35d9f1",[[1,"jump-filter-switch",{value:[1],label:[1],name:[1],checked:[1540],disabled:[516],values:[32],setValue:[64],isChecked:[64],getValues:[64],getName:[64]},null,{checked:["checkedChanged"]}]]],["p-02ab8fb7",[[1,"jump-search-bar-dropdown-item",{value:[1],img:[1],href:[1],details:[32]}]]],["p-d1fc1ddf",[[1,"jump-tab",{disabled:[4],alignment:[1],fullBorder:[4,"full-border"],tabGroupName:[1,"tab-group-name"],variant:[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["p-d0ea0f54",[[1,"jump-tab-panel",{identifier:[1],active:[4]}]]],["p-6d82feb3",[[1,"jump-badge",{label:[1],variant:[513],dimension:[513],soft:[516],outline:[516]}]]],["p-18c359e3",[[1,"jump-button",{disabled:[4],variant:[1],outline:[4],size:[1],full:[4],pill:[4],text:[4],onlyIcon:[4,"only-icon"],href:[1],target:[1],type:[1],name:[1],value:[1],ariaLabel:[1,"aria-label"],class:[1],buttonId:[1,"button-id"]}],[1,"jump-icon",{class:[1],library:[1],name:[1],category:[1],size:[1],label:[1],src:[1]}]]]],e)}));
 //# sourceMappingURL=jump-design-system.esm.js.map

package/dist/jump-design-system/jump-design-system.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","hideDiscountIfLessThreshold","onlyIconButton","hasBackground","badge","favorite","hasFavorite","hasSlotForFavorite","hasSlotAddToCart","link","img","imgAlt","hoverImg","hoverImgAlt","videoSrc","notificationUrl","notificationText","productName","subtitle","productId","price","salePrice","currency","addToCartColor","badgeColor","outOfStock","outOfStockText","addToCartText","waitingListButtonShow","waitingListText","addToWaitingList","isMini","disallowAddToCart","disallowAddToCartLabel","enableZoom","imageObjectFit","autoSelectFirstVariation","showDiscountBadge","verticalCard","addedToCart","endAddedToCart","variations","selectedVariation","priceFormatted","salePriceFormatted","optionsOrdered","setPrice","forceVariationsOrder","selectVariation","selectFirstVariation","getSelectedVariation","direction","filterHeading","filterButtonLabel","filterButtonIcon","mobileThreshold","filters","showCount","offCanvasOverlay","activeFilters","showMobileFilters","isMobile","offCanvasClasses","getFilters","name","heading","otherLabel","lessLabel","maxElements","variant","label","values","value","slotItems","inputs","showMore","getValues","getActiveAmount","getInputs","getName","logo","navItems","secondaryNavItems","type","navPosition","megaMenuAlignment","sticky","stickyThreshold","mobileLogo","user","id","title","description","linkText","closable","size","visible","pagLabel","last","showFirstAndLast","current","elementsRanges","elPerPage","labelElementsPerPage","total","first","elementsRangesArray","min","max","step","showButtons","internalValue","getValue","setMax","reset","searchValue","placeholder","noResultText","loadingText","resultsText","showAllResText","identifier","debounceTime","withBtn","recentsTitle","recents","results","dropdown","linearIconOnly","dropdownPosition","dropdownVisible","resType","innerResults","totalResults","isExpanded","setResults","isOpen","summary","disabled","open","icon","position","items","discountThreshold","freeShippingThreshold","progressPercentage","checkoutLabel","viewCartLabel","shippingInfo","cartItems","isCartOpen","iconName","iconPosition","active","groupIdentifier","horizontal","dark","shadow","border","borderRadius","topBorderContentRadius","boxed","roundedMedia","imgSrc","code","imgUrl","sku","taxonomy","order","checked","count","isChecked","labelMinBefore","labelMinAfter","labelMaxBefore","labelMaxAfter","minVal","maxVal","internalMinVal","internalMaxVal","multiple","required","loading","getSelectedValue","getSelectedOption","setValue","details","alignment","fullBorder","tabGroupName","dimension","soft","outline","full","pill","text","onlyIcon","target","ariaLabel","class","buttonId","library","category","src"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.18.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","hideDiscountIfLessThreshold","onlyIconButton","hasBackground","badge","favorite","hasFavorite","hasSlotForFavorite","hasSlotAddToCart","link","img","imgAlt","hoverImg","hoverImgAlt","videoSrc","notificationUrl","notificationText","productName","subtitle","productId","price","salePrice","currency","addToCartColor","badgeColor","outOfStock","outOfStockText","addToCartText","waitingListButtonShow","waitingListText","addToWaitingList","isMini","disallowAddToCart","disallowAddToCartLabel","enableZoom","imageObjectFit","autoSelectFirstVariation","showDiscountBadge","verticalCard","addedToCart","endAddedToCart","variations","selectedVariation","priceFormatted","salePriceFormatted","optionsOrdered","setPrice","forceVariationsOrder","selectVariation","selectFirstVariation","getSelectedVariation","direction","filterHeading","filterButtonLabel","filterButtonIcon","mobileThreshold","filters","showCount","offCanvasOverlay","activeFilters","showMobileFilters","isMobile","offCanvasClasses","getFilters","name","heading","otherLabel","lessLabel","maxElements","variant","label","values","value","slotItems","inputs","showMore","getValues","getActiveAmount","getInputs","getName","logo","navItems","secondaryNavItems","type","navPosition","megaMenuAlignment","sticky","stickyThreshold","mobileLogo","user","id","title","description","linkText","closable","size","visible","pagLabel","last","showFirstAndLast","current","elementsRanges","elPerPage","labelElementsPerPage","total","first","elementsRangesArray","min","max","step","showButtons","internalValue","getValue","setMax","reset","searchValue","placeholder","noResultText","loadingText","resultsText","showAllResText","identifier","debounceTime","withBtn","recentsTitle","recents","results","dropdown","linearIconOnly","dropdownPosition","dropdownVisible","resType","innerResults","totalResults","isExpanded","setResults","isOpen","summary","disabled","open","icon","availableText","position","items","discountThreshold","freeShippingThreshold","progressPercentage","checkoutLabel","viewCartLabel","shippingInfo","cartItems","isCartOpen","iconName","iconPosition","active","groupIdentifier","horizontal","dark","shadow","border","borderRadius","topBorderContentRadius","boxed","roundedMedia","imgSrc","code","imgUrl","sku","taxonomy","order","checked","count","isChecked","labelMinBefore","labelMinAfter","labelMaxBefore","labelMaxAfter","minVal","maxVal","internalMinVal","internalMaxVal","multiple","required","loading","getSelectedValue","getSelectedOption","setValue","details","alignment","fullBorder","tabGroupName","dimension","soft","outline","full","pill","text","onlyIcon","target","ariaLabel","class","buttonId","library","category","src"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.18.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}