@jumpgroup/jump-design-system 0.3.28 → 0.3.30

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

@@ -1,2 +1,2 @@
-import{p as e,b as t}from"./p-d4c681a4.js";export{s as setNonce}from"./p-d4c681a4.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-b72b9130",[[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]}]]],["p-52754e07",[[1,"jump-card-ecommerce",{onlyIconButton:[4,"only-icon-button"],hasBackground:[4,"has-background"],badge:[1],favorite:[1540],hasFavorite:[4,"has-favorite"],hasSlotForFavorite:[4,"has-slot-for-favorite"],favoriteHref:[1,"favorite-href"],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],outOfStock:[1540,"out-of-stock"],outOfStockText:[1,"out-of-stock-text"],addToCartText:[1,"add-to-cart-text"],waitingListText:[1,"waiting-list-text"],addToWaitingList:[4,"add-to-waiting-list"],isMini:[4,"is-mini"],addedToCart:[4,"added-to-cart"],endAddedToCart:[4,"end-added-to-cart"],variations:[32],selectedVariation:[32],priceFormatted:[32],salePriceFormatted:[32]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["p-fb02f386",[[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],activeFilters:[32],showMobileFilters:[32],isMobile:[32],getFilters:[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{showMobileFilters:["watchHandler"]}]]],["p-273ff8ec",[[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-d1553b58",[[1,"jump-pagination",{pagLabel:[1,"pag-label"],last:[2],showFirstAndLast:[4,"show-first-and-last"],current:[32]},null,{current:["watchcurrent"]}]]],["p-d1586b59",[[0,"jump-pagination-table",{elementsRanges:[1,"elements-ranges"],pagLabel:[513,"pag-label"],labelElementsPerPage:[513,"label-elements-per-page"],total:[514],first:[514],last:[514],showFirstAndLast:[516,"show-first-and-last"],elementsRangesArray:[32],elPerPage:[32]},null,{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}]]],["p-91d68f85",[[65,"jump-quantity",{min:[2],max:[2],step:[2],label:[1],type:[1],variant:[1],showButtons:[4,"show-buttons"],value:[2],getValue:[64],reset:[64]},null,{value:["onValueChange"]}]]],["p-8e0e49fb",[[1,"jump-accordion",{variant:[1],summary:[1],disabled:[4],open:[516],icon:[1],identifier:[1]},[[0,"sl-show","handleShow"]]]]],["p-701fa0cf",[[1,"jump-tab-item",{identifier:[1],iconName:[1,"icon-name"],iconPosition:[1,"icon-position"],label:[1],active:[4],disabled:[4],variant:[32]}]]],["p-34cd550e",[[1,"jump-accordion-group",{variant:[1],groupIdentifier:[1,"group-identifier"]}]]],["p-6872b29d",[[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-aedff4de",[[1,"jump-card-ecommerce-option",{code:[1],imgUrl:[1,"img-url"],label:[1],sku:[1],taxonomy:[1]}]]],["p-0f44f465",[[1,"jump-filter-checkbox",{value:[1],label:[1],checked:[516],count:[8],isChecked:[64]}]]],["p-99739ce5",[[1,"jump-tab",{tabGroupName:[1,"tab-group-name"],variant:[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["p-4eda6db0",[[1,"jump-tab-panel",{identifier:[1],active:[4]}]]],["p-7e81b433",[[1,"jump-badge",{label:[1],variant:[513],dimension:[513],soft:[516],outline:[516]}]]]],e)}));
+import{p as e,b as t}from"./p-d4c681a4.js";export{s as setNonce}from"./p-d4c681a4.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-b72b9130",[[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]}]]],["p-1a7387af",[[1,"jump-card-ecommerce",{onlyIconButton:[4,"only-icon-button"],hasBackground:[4,"has-background"],badge:[1],favorite:[1540],hasFavorite:[4,"has-favorite"],hasSlotForFavorite:[4,"has-slot-for-favorite"],favoriteHref:[1,"favorite-href"],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],outOfStock:[1540,"out-of-stock"],outOfStockText:[1,"out-of-stock-text"],addToCartText:[1,"add-to-cart-text"],waitingListText:[1,"waiting-list-text"],addToWaitingList:[4,"add-to-waiting-list"],isMini:[4,"is-mini"],addedToCart:[4,"added-to-cart"],endAddedToCart:[4,"end-added-to-cart"],variations:[32],selectedVariation:[32],priceFormatted:[32],salePriceFormatted:[32],setPrice:[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["p-21a38875",[[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],activeFilters:[32],showMobileFilters:[32],isMobile:[32],getFilters:[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{showMobileFilters:["watchHandler"]}]]],["p-7ca6b546",[[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-f3c9fa96",[[1,"jump-pagination",{pagLabel:[1,"pag-label"],last:[2],showFirstAndLast:[4,"show-first-and-last"],current:[32]},null,{current:["watchcurrent"]}]]],["p-3094f68c",[[0,"jump-pagination-table",{elementsRanges:[1,"elements-ranges"],pagLabel:[513,"pag-label"],labelElementsPerPage:[513,"label-elements-per-page"],total:[514],first:[514],last:[514],showFirstAndLast:[516,"show-first-and-last"],elementsRangesArray:[32],elPerPage:[32]},null,{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}]]],["p-d93e4ed5",[[65,"jump-quantity",{min:[2],max:[2],step:[2],label:[1],type:[1],variant:[1],showButtons:[4,"show-buttons"],value:[2],getValue:[64],reset:[64]},null,{value:["onValueChange"]}]]],["p-8e0e49fb",[[1,"jump-accordion",{variant:[1],summary:[1],disabled:[4],open:[516],icon:[1],identifier:[1]},[[0,"sl-show","handleShow"]]]]],["p-eebee8f5",[[1,"jump-tab-item",{identifier:[1],iconName:[1,"icon-name"],iconPosition:[1,"icon-position"],label:[1],active:[4],disabled:[4],variant:[32]}]]],["p-34cd550e",[[1,"jump-accordion-group",{variant:[1],groupIdentifier:[1,"group-identifier"]}]]],["p-6872b29d",[[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-aedff4de",[[1,"jump-card-ecommerce-option",{code:[1],imgUrl:[1,"img-url"],label:[1],sku:[1],taxonomy:[1]}]]],["p-cf8832ed",[[1,"jump-filter-checkbox",{value:[1],label:[1],checked:[516],count:[8],isChecked:[64]}]]],["p-188c7c2e",[[1,"jump-tab",{tabGroupName:[1,"tab-group-name"],variant:[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["p-62b52857",[[1,"jump-tab-panel",{identifier:[1],active:[4]}]]],["p-7e81b433",[[1,"jump-badge",{label:[1],variant:[513],dimension:[513],soft:[516],outline:[516]}]]]],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","disabled","variant","outline","size","full","pill","text","onlyIcon","target","type","name","value","ariaLabel","class","buttonId","library","category","label","src","onlyIconButton","hasBackground","badge","favorite","hasFavorite","hasSlotForFavorite","favoriteHref","link","img","imgAlt","hoverImg","hoverImgAlt","videoSrc","notificationUrl","notificationText","productName","subtitle","productId","price","salePrice","currency","outOfStock","outOfStockText","addToCartText","waitingListText","addToWaitingList","isMini","addedToCart","endAddedToCart","variations","selectedVariation","priceFormatted","salePriceFormatted","direction","filterHeading","filterButtonLabel","filterButtonIcon","mobileThreshold","filters","activeFilters","showMobileFilters","isMobile","getFilters","heading","otherLabel","lessLabel","maxElements","values","slotItems","inputs","showMore","getValues","getActiveAmount","getInputs","getName","pagLabel","last","showFirstAndLast","current","elementsRanges","labelElementsPerPage","total","first","elementsRangesArray","elPerPage","min","max","step","showButtons","getValue","reset","summary","open","icon","identifier","iconName","iconPosition","active","groupIdentifier","horizontal","dark","shadow","border","borderRadius","topBorderContentRadius","boxed","roundedMedia","imgSrc","code","imgUrl","sku","taxonomy","checked","count","isChecked","tabGroupName","dimension","soft"],"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","disabled","variant","outline","size","full","pill","text","onlyIcon","target","type","name","value","ariaLabel","class","buttonId","library","category","label","src","onlyIconButton","hasBackground","badge","favorite","hasFavorite","hasSlotForFavorite","favoriteHref","link","img","imgAlt","hoverImg","hoverImgAlt","videoSrc","notificationUrl","notificationText","productName","subtitle","productId","price","salePrice","currency","outOfStock","outOfStockText","addToCartText","waitingListText","addToWaitingList","isMini","addedToCart","endAddedToCart","variations","selectedVariation","priceFormatted","salePriceFormatted","setPrice","direction","filterHeading","filterButtonLabel","filterButtonIcon","mobileThreshold","filters","activeFilters","showMobileFilters","isMobile","getFilters","heading","otherLabel","lessLabel","maxElements","values","slotItems","inputs","showMore","getValues","getActiveAmount","getInputs","getName","pagLabel","last","showFirstAndLast","current","elementsRanges","labelElementsPerPage","total","first","elementsRangesArray","elPerPage","min","max","step","showButtons","getValue","reset","summary","open","icon","identifier","iconName","iconPosition","active","groupIdentifier","horizontal","dark","shadow","border","borderRadius","topBorderContentRadius","boxed","roundedMedia","imgSrc","code","imgUrl","sku","taxonomy","checked","count","isChecked","tabGroupName","dimension","soft"],"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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"}

package/dist/jump-design-system/{p-99739ce5.entry.js → p-188c7c2e.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as a,H as i}from"./p-d4c681a4.js";const s=":host{display:block;--jump-tab-bg-color:var(--gray-ultralight, #f8f8f8)}:host .Wrapper{display:flex;width:fit-content}:host .Wrapper.rounded{border-radius:50px;background-color:#f8f8f8}";const c=s;const n=class{constructor(a){e(this,a);this.setActiveTab=t(this,"jump-change-activetab",7);this.tabGroupName=undefined;this.variant="inline"}changeActiveTabHandler(e){this.setActiveTab.emit(e.detail);const t=getComputedStyle(document.documentElement);const a=t.getPropertyValue("--neutral-grey-secondary").trim();let i=this.JumpTabEl.querySelectorAll("jump-tab-item");if(i.length>0){i.forEach((t=>{if(t.getAttribute("identifier")===e.detail.id){t.setAttribute("active","");if(this.variant==="sheet"){i.forEach(((e,s)=>{if(e!==t&&s!==i.length-1){e.style.borderRight=`1px solid ${a}`}else{e.style.borderRight="1px solid transparent"}}));let e=t.previousElementSibling;if(e){e.style.borderRight="1px solid transparent"}}}else{t.removeAttribute("active")}}))}let s=this.JumpTabEl.querySelectorAll("jump-tab-panel");if(s.length>0){s.forEach((t=>{if(t.getAttribute("identifier")===e.detail.id){t.setAttribute("active","")}else{t.removeAttribute("active")}}))}}componentDidLoad(){console.log("Component has been rendered");if(this.variant==="sheet"){const e=getComputedStyle(document.documentElement);const t=e.getPropertyValue("--neutral-grey-secondary").trim();let a=this.JumpTabEl.querySelectorAll("jump-tab-item");if(a.length>0){a.forEach(((e,i)=>{if(i===a.length-1||e.classList.contains("active")){e.style.borderRight="1px solid transparent"}else{e.style.borderRight=`1px solid ${t}`}}))}}}render(){return a(i,{key:"448b1af679f938cf07c8389c38fa577bc9c2f425",class:"JumpTab",id:this.tabGroupName,ref:e=>{this.JumpTabEl=e}},a("div",{key:"2a16ce043e5aee8e2ab2a08ecf9be13ff904eace",class:"Wrapper "+this.variant},a("slot",{key:"bb719dcd643d0e85504bd94ef6dc85ac5a86c624",name:"tab-item"})),a("div",{key:"5c3ac375fbd779ef6da03ab867200916f020c20b"},a("slot",{key:"d34fe6675bb5ceaf9f1c76351b577ea97c74c004",name:"tab-content"})))}};n.style=c;export{n as jump_tab};
-//# sourceMappingURL=p-99739ce5.entry.js.map
+import{r as e,c as t,h as a,H as i}from"./p-d4c681a4.js";const s=":host{display:block;--jump-tab-bg-color:var(--gray-ultralight, #f8f8f8)}:host .Wrapper{display:flex;width:fit-content}:host .Wrapper.rounded{border-radius:50px;background-color:#f8f8f8}";const c=s;const d=class{constructor(a){e(this,a);this.setActiveTab=t(this,"jump-change-activetab",7);this.tabGroupName=undefined;this.variant="inline"}changeActiveTabHandler(e){this.setActiveTab.emit(e.detail);const t=getComputedStyle(document.documentElement);const a=t.getPropertyValue("--neutral-grey-secondary").trim();let i=this.JumpTabEl.querySelectorAll("jump-tab-item");if(i.length>0){i.forEach((t=>{if(t.getAttribute("identifier")===e.detail.id){t.setAttribute("active","");if(this.variant==="sheet"){i.forEach(((e,s)=>{if(e!==t&&s!==i.length-1){e.style.borderRight=`1px solid ${a}`}else{e.style.borderRight="1px solid transparent"}}));let e=t.previousElementSibling;if(e){e.style.borderRight="1px solid transparent"}}}else{t.removeAttribute("active")}}))}let s=this.JumpTabEl.querySelectorAll("jump-tab-panel");if(s.length>0){s.forEach((t=>{if(t.getAttribute("identifier")===e.detail.id){t.setAttribute("active","")}else{t.removeAttribute("active")}}))}}componentDidLoad(){console.log("Component has been rendered");if(this.variant==="sheet"){const e=getComputedStyle(document.documentElement);const t=e.getPropertyValue("--neutral-grey-secondary").trim();let a=this.JumpTabEl.querySelectorAll("jump-tab-item");if(a.length>0){a.forEach(((e,i)=>{if(i===a.length-1||e.classList.contains("active")){e.style.borderRight="1px solid transparent"}else{e.style.borderRight=`1px solid ${t}`}}))}}}render(){return a(i,{key:"1f7ce37a86cdc6c5eb7c98c19e3c1dd02a731e86",class:"JumpTab",id:this.tabGroupName,ref:e=>{this.JumpTabEl=e}},a("div",{key:"2e3c707b84ae5cf642b276f586cf2385ddddc819",class:"Wrapper "+this.variant},a("slot",{key:"270de7bd4e4c5a3a8679d79951557dee91f62788",name:"tab-item"})),a("div",{key:"9ab0264b6e0844324696dec5c35bbeed5441d413"},a("slot",{key:"e329ee02fb732e819e5826208a779357d5bd5e4f",name:"tab-content"})))}};d.style=c;export{d as jump_tab};
+//# sourceMappingURL=p-188c7c2e.entry.js.map

package/dist/jump-design-system/{p-52754e07.entry.js → p-1a7387af.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,H as e,g as a}from"./p-d4c681a4.js";const o=":host{--card-max-width:450px;--jump-card-max-width-horizontal:100%;--jump-card-color:var(--neutral-grey-primary);--jump-card-background:transparent;--jump-card-border-color:var(--neutral-grey-background);--jump-card-padding:0.5rem;max-width:var(--card-max-width);overflow:hidden;display:flex;flex-direction:column;position:relative;width:100%;font-family:var(--ff-primary, \"Arial\"), sans-serif;line-height:var(--lh-400, 1.3);background-color:var(--jump-card-background);color:var(--jump-card-color)}:host .Footer,:host .Body{display:flex;width:100%}:host jump-badge{position:absolute;top:1rem;left:1rem;z-index:2}:host jump-badge.hasBackground.iconOnly{top:calc(1rem + 8px);left:calc(1rem + 8px)}:host .Favorite{position:absolute;top:1rem;right:1rem;z-index:2}:host .Favorite.hasBackground.iconOnly{top:calc(1rem + 8px);right:calc(1rem + 8px)}:host .Media{overflow:hidden;position:relative;border-radius:3px;aspect-ratio:1/1}:host .Media .Images{height:100%;margin:0;position:relative}:host .Media .Images img{height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0;overflow:hidden}:host .Media .Images__Front{z-index:1;transition:opacity 0.5s linear;cursor:pointer}:host .Media .Images.has-hover-image:hover .Images__Front{opacity:0}:host .Media.hasBackground{background-color:var(--neutral-white)}:host .Media.hasBackground.iconOnly{border-top-left-radius:6px;border-top-right-radius:6px;padding:var(--jump-card-padding) var(--jump-card-padding) 0}:host .Media.hasBackground.iconOnly img{border-radius:6px}:host .Media.iconOnly{border-bottom-right-radius:0}:host .Media.is-mini{max-width:180px}:host .NotificationCart{display:none;position:absolute;bottom:0px;width:100%;padding:2rem 1rem;background-color:hsla(0, 0%, 0%, 0.35);box-sizing:border-box;z-index:2;transform:translate3d(0, 0, 0)}:host .NotificationCart.is-active{display:flex;align-items:center;justify-content:center}:host .Content.hasBackground{background-color:var(--neutral-white);padding:calc(var(--jump-card-padding) * 2)}:host .Content.iconOnly{padding:calc(var(--jump-card-padding) * 2) var(--jump-card-padding)}:host .Content.is-mini{max-width:180px}:host .Body{display:flex;flex-direction:column;gap:0.75rem;padding:var(--jump-card-padding) 0}:host .Body>*{display:flex;flex-direction:row;justify-content:space-between}:host .Body>*>*{flex:0 1 auto}:host .Body.hasBackground{padding:0 0 var(--jump-card-padding)}:host .Body.iconOnly{padding:0}:host .Body.is-mini{padding:calc(var(--jump-card-padding) / 2) 0}:host .Body.is-mini>*{flex-direction:column}:host .Product{font-size:var(--fs-400)}:host .Subtitle{font-size:var(--fs-300);color:var(--neutral-grey-secondary);line-height:1.2}:host .Footer{line-height:var(--lh-400);justify-content:end;padding:var(--jump-card-padding) 0;align-items:flex-end}:host .Footer.justify-between{justify-content:space-between}:host .Footer.hasBackground{padding-bottom:0}:host .Footer.iconOnly{padding:0}:host .Footer.is-mini{padding:calc(var(--jump-card-padding) / 2) 0}:host .OutOfStock{justify-items:start;font-size:var(--fs-300);font-weight:var(--fw-900);color:var(--status-danger-standard)}:host .OnlyIconButton{position:absolute;bottom:0;right:0;background:var(--neutral-white);border-top-left-radius:20px;padding:8px 8px 0px 8px;z-index:2}:host .Price{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:1.5rem 1.5rem auto;justify-items:end;align-items:end;column-gap:0.5rem;font-size:var(--fs-500);font-weight:var(--fw-900);line-height:var(--lh-400)}:host .Price>*{display:inline-flex}:host .Price__Regular{text-align:right}:host .Price__Regular.sale{text-decoration:line-through;color:var(--neutral-grey-secondary);font-weight:var(--fw-400);font-size:var(--fs-400);grid-column:2;grid-row:1}:host .Price__Sale{grid-column:2;grid-row:2}:host .Price__Discount{color:var(--status-danger-standard);font-weight:var(--fw-400);font-size:var(--fs-300);grid-column:1;grid-row:1}:host .Price.is-mini{display:flex;font-size:var(--fs-400)}:host .SelectVariations select{appearance:none;background-color:transparent;border:1px solid var(--neutral-grey-secondary);border-radius:3px;color:var(--neutral-grey-secondary);font-size:var(--fs-300);padding:0.5rem 0.75rem;max-width:100%;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E\");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact}.slide-in-bottom{animation:slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}.slide-out-bottom{animation:slide-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both}.fade-in-out{animation-name:fade-in-out;animation-duration:6s;animation-timing-function:ease-in-out}@keyframes fade-in-out{from{opacity:0;transform:translateY(100px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}";const n=o;const r=class{constructor(s){t(this,s);this.toggleFavorite=i(this,"jump-toggle-favorite",7);this.productAddToCart=i(this,"jump-add-to-cart",7);this.productWaitingList=i(this,"jump-add-to-waiting-list",7);this.variationSelected=i(this,"jump-variation-selected",7);this.onlyIconButton=false;this.hasBackground=false;this.badge=undefined;this.favorite=false;this.hasFavorite=false;this.hasSlotForFavorite=false;this.favoriteHref=undefined;this.link=undefined;this.img=undefined;this.imgAlt=undefined;this.hoverImg=undefined;this.hoverImgAlt=undefined;this.videoSrc=undefined;this.notificationUrl=undefined;this.notificationText="";this.productName=undefined;this.subtitle=undefined;this.productId=undefined;this.price=undefined;this.salePrice=undefined;this.currency="€";this.outOfStock=false;this.outOfStockText=undefined;this.addToCartText=undefined;this.waitingListText=undefined;this.addToWaitingList=false;this.isMini=false;this.addedToCart=false;this.endAddedToCart=false;this.variations=[];this.selectedVariation=undefined;this.priceFormatted=undefined;this.salePriceFormatted=undefined}addOption(t){let i=t.detail;this.variations=[...this.variations,Object.assign({},i)]}onVariationSelected(){let t=this.variationSelectEl.value;let i=this.variations.find((i=>i.code==t));this.selectedVariation=i;this.variationSelected.emit(i)}componentWillLoad(){}componentDidLoad(){this.jumpQuantityEl=this.JumpCardEcommerce.querySelector("jump-quantity");if(this.jumpQuantityEl){this.jumpQuantityEl.addEventListener("jump-change",this.onQuantityChange.bind(this));this.quantity=this.jumpQuantityEl.getValue().then((t=>{this.quantity=t}))}this.formatPrices()}disconnectedCallback(){this.jumpQuantityEl=this.JumpCardEcommerce.querySelector("jump-quantity");if(this.jumpQuantityEl){this.jumpQuantityEl.removeEventListener("jump-change",this.onQuantityChange)}}onQuantityChange(t){var i;this.quantity=(i=t.detail.value)!==null&&i!==void 0?i:false}onToggleFavorite(){this.favorite=!this.favorite;this.toggleFavorite.emit({productId:this.productId,favorite:this.favorite})}addProductToCart(){var t;this.addedToCart=true;let i=this.selectedVariation;if(!i&&this.variations.length>0){i=this.variations[0]}const s={productId:this.productId,addedToCart:this.addedToCart,quantity:(t=this.quantity)!==null&&t!==void 0?t:null,variation:i!==null&&i!==void 0?i:null};this.productAddToCart.emit(s);setTimeout((()=>{this.addedToCart=false}),6e3)}waitingList(){this.addToWaitingList=true;this.productWaitingList.emit({productId:this.productId,addToWaitingList:this.addToWaitingList})}formatPrices(){var t;let i=(t=document.documentElement.lang)!==null&&t!==void 0?t:"it-IT";if(i.length==2){i=`${i}-${i.toUpperCase()}`}this.priceFormatted=this.price.toLocaleString(i,{minimumFractionDigits:2,maximumFractionDigits:2});this.salePriceFormatted=this.salePrice.toLocaleString(i,{minimumFractionDigits:2,maximumFractionDigits:2})}render(){const t=this.hasBackground&&!this.isMini?"hasBackground":"";const i=this.onlyIconButton&&!this.isMini?"iconOnly":"";const a=this.outOfStock?"justify-between":"";const o=this.hoverImg?"has-hover-image":"";const n=this.isMini?"is-mini":"";function r(t,i){const s=(t-i)/t*100;return s.toFixed(0)}return s(e,null,!this.isMini&&this.badge?s("jump-badge",{class:`${t} ${i}`,variant:"secondary",dimension:"small",label:this.badge}):"",!this.isMini&&this.hasFavorite?this.favoriteHref!=""?s("jump-button",{href:this.favoriteHref,onClick:()=>this.onToggleFavorite(),class:`Favorite ${t} ${i}`,variant:this.favorite?"primary":"neutral",size:"small",text:true,onlyIcon:true},s("jump-icon",{slot:"prefix",name:"heart",category:this.favorite?"solid":"light",size:"medium"})):s("jump-button",{onClick:()=>this.onToggleFavorite(),class:`Favorite ${t} ${i}`,variant:this.favorite?"primary":"neutral",size:"small",text:true,onlyIcon:true},s("jump-icon",{slot:"prefix",name:"heart",category:this.favorite?"solid":"light",size:"medium"})):this.hasSlotForFavorite?s("div",{class:"Favorite"},s("slot",{name:"favorite"})," "):null,s("div",{class:`Media ${i} ${t} ${n}`},s("a",{href:this.link},s("figure",{class:`Images ${o} `},this.img&&!this.videoSrc?s("img",{class:"Images__Front",src:this.img,alt:this.imgAlt}):"",this.hoverImg&&!this.videoSrc?s("img",{class:"Images__OnHover",src:this.hoverImg,alt:this.hoverImgAlt}):""),this.videoSrc&&!this.img?s("video",{autoplay:true},s("source",{src:this.videoSrc,type:"video/mp4"}),s("source",{src:this.videoSrc,type:"video/mov"}),s("source",{src:this.videoSrc,type:"video/webm"})):""),!this.isMini?s("div",{class:`NotificationCart ${this.addedToCart==true?"is-active fade-in-out":""}`},s("jump-button",{href:this.notificationUrl,variant:"white",text:true},s("jump-icon",{slot:"prefix",name:"check"}),s("span",null," ",this.notificationText," "))):null,!this.isMini&&this.onlyIconButton?s("div",{class:"OnlyIconButton"},s("jump-button",{variant:"secondary",size:"large",pill:true,onlyIcon:true,onClick:()=>this.addProductToCart()},s("jump-icon",{slot:"prefix",name:"cart-shopping",category:"regular"}))):""),s("div",{class:`Content ${t} ${i} ${n}`},s("div",{class:`Body ${t} ${i} ${n}`},s("div",null,s("div",{class:"Info"},s("div",{class:"Product"},this.productName),!this.isMini&&this.subtitle?s("div",{class:"Subtitle"},this.subtitle):null),this.price?s("div",{class:`Price ${n}`},!this.isMini&&this.salePrice&&this.salePrice<this.price?s("div",{class:"Price__Discount"}," ",r(this.price,this.salePrice),"% "):null,!this.isMini?s("div",{class:`Price__Regular ${this.salePrice&&this.salePrice<this.price?"sale":""}`},this.currency,this.priceFormatted):s("div",{class:`Price__Regular`},this.currency,this.salePrice&&this.salePrice<this.price?this.salePriceFormatted:this.priceFormatted),!this.isMini&&this.salePrice&&this.salePrice<this.price?s("div",{class:"Price__Sale"},this.currency,this.salePriceFormatted):null):null),!this.isMini?s("div",{class:"SelectVariations"},this.variations.length!=0?s("select",{ref:t=>this.variationSelectEl=t,onChange:()=>{this.onVariationSelected()}},this.variations.filter((t=>!t.imgUrl)).map((t=>s("option",{value:t.code},t.label)))):null):null,!this.isMini?s("slot",{name:"quantity"}):null),s("div",{class:`Footer ${a} ${t} ${i} ${n}`},this.outOfStock?s("div",{class:"OutOfStock"},this.outOfStockText?this.outOfStockText:"Esaurito"):"",this.outOfStock?s("jump-button",{variant:"secondary",size:"small",text:true,onClick:()=>this.waitingList()},s("jump-icon",{slot:"prefix",name:!this.outOfStock?"cart-shopping":"bell",category:"regular",size:"small"}),this.waitingListText?this.waitingListText:"Notifica disponibilità"):"",!this.outOfStock&&!this.onlyIconButton?s("jump-button",{variant:"secondary",size:"small",text:true,onClick:()=>this.addProductToCart()},s("jump-icon",{slot:"prefix",name:!this.outOfStock?"cart-shopping":"bell",category:"regular",size:"small"}),this.addToCartText?this.addToCartText:"Aggiungi al carrello"):"")))}get JumpCardEcommerce(){return a(this)}};r.style=n;export{r as jump_card_ecommerce};
-//# sourceMappingURL=p-52754e07.entry.js.map
+import{r as t,c as i,h as s,H as e,g as a}from"./p-d4c681a4.js";const o=":host{--card-max-width:450px;--jump-card-max-width-horizontal:100%;--jump-card-color:var(--neutral-grey-primary);--jump-card-background:transparent;--jump-card-border-color:var(--neutral-grey-background);--jump-card-padding:0.5rem;max-width:var(--card-max-width);overflow:hidden;display:flex;flex-direction:column;position:relative;width:100%;font-family:var(--ff-primary, \"Arial\"), sans-serif;line-height:var(--lh-400, 1.3);background-color:var(--jump-card-background);color:var(--jump-card-color)}:host .Footer,:host .Body{display:flex;width:100%}:host jump-badge{position:absolute;top:1rem;left:1rem;z-index:2}:host jump-badge.hasBackground.iconOnly{top:calc(1rem + 8px);left:calc(1rem + 8px)}:host .Favorite{position:absolute;top:1rem;right:1rem;z-index:2}:host .Favorite.hasBackground.iconOnly{top:calc(1rem + 8px);right:calc(1rem + 8px)}:host .Media{overflow:hidden;position:relative;border-radius:3px;aspect-ratio:1/1}:host .Media .Images{height:100%;margin:0;position:relative}:host .Media .Images img{height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0;overflow:hidden}:host .Media .Images__Front{z-index:1;transition:opacity 0.5s linear;cursor:pointer}:host .Media .Images.has-hover-image:hover .Images__Front{opacity:0}:host .Media.hasBackground{background-color:var(--neutral-white)}:host .Media.hasBackground.iconOnly{border-top-left-radius:6px;border-top-right-radius:6px;padding:var(--jump-card-padding) var(--jump-card-padding) 0}:host .Media.hasBackground.iconOnly img{border-radius:6px}:host .Media.iconOnly{border-bottom-right-radius:0}:host .Media.is-mini{max-width:180px}:host .NotificationCart{display:none;position:absolute;bottom:0px;width:100%;padding:2rem 1rem;background-color:hsla(0, 0%, 0%, 0.35);box-sizing:border-box;z-index:2;transform:translate3d(0, 0, 0)}:host .NotificationCart.is-active{display:flex;align-items:center;justify-content:center}:host .Content.hasBackground{background-color:var(--neutral-white);padding:calc(var(--jump-card-padding) * 2)}:host .Content.iconOnly{padding:calc(var(--jump-card-padding) * 2) var(--jump-card-padding)}:host .Content.is-mini{max-width:180px}:host .Body{display:flex;flex-direction:column;gap:0.75rem;padding:var(--jump-card-padding) 0}:host .Body>*{display:flex;flex-direction:row;justify-content:space-between}:host .Body>*>*{flex:0 1 auto}:host .Body.hasBackground{padding:0 0 var(--jump-card-padding)}:host .Body.iconOnly{padding:0}:host .Body.is-mini{padding:calc(var(--jump-card-padding) / 2) 0}:host .Body.is-mini>*{flex-direction:column}:host .Product{font-size:var(--fs-400)}:host .Subtitle{font-size:var(--fs-300);color:var(--neutral-grey-secondary);line-height:1.2}:host .Footer{line-height:var(--lh-400);justify-content:end;padding:var(--jump-card-padding) 0;align-items:flex-end}:host .Footer.justify-between{justify-content:space-between}:host .Footer.hasBackground{padding-bottom:0}:host .Footer.iconOnly{padding:0}:host .Footer.is-mini{padding:calc(var(--jump-card-padding) / 2) 0}:host .OutOfStock{justify-items:start;font-size:var(--fs-300);font-weight:var(--fw-900);color:var(--status-danger-standard)}:host .OnlyIconButton{position:absolute;bottom:0;right:0;background:var(--neutral-white);border-top-left-radius:20px;padding:8px 8px 0px 8px;z-index:2}:host .Price{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:1.5rem 1.5rem auto;justify-items:end;align-items:end;column-gap:0.5rem;font-size:var(--fs-500);font-weight:var(--fw-900);line-height:var(--lh-400)}:host .Price>*{display:inline-flex}:host .Price__Regular{text-align:right}:host .Price__Regular.sale{text-decoration:line-through;color:var(--neutral-grey-secondary);font-weight:var(--fw-400);font-size:var(--fs-400);grid-column:2;grid-row:1}:host .Price__Sale{grid-column:2;grid-row:2}:host .Price__Discount{color:var(--status-danger-standard);font-weight:var(--fw-400);font-size:var(--fs-300);grid-column:1;grid-row:1}:host .Price.is-mini{display:flex;font-size:var(--fs-400)}:host .SelectVariations select{appearance:none;background-color:transparent;border:1px solid var(--neutral-grey-secondary);border-radius:3px;color:var(--neutral-grey-secondary);font-size:var(--fs-300);padding:0.5rem 0.75rem;max-width:100%;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E\");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact}.slide-in-bottom{animation:slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}.slide-out-bottom{animation:slide-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both}.fade-in-out{animation-name:fade-in-out;animation-duration:6s;animation-timing-function:ease-in-out}@keyframes fade-in-out{from{opacity:0;transform:translateY(100px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}";const n=o;const r=class{constructor(s){t(this,s);this.toggleFavorite=i(this,"jump-toggle-favorite",7);this.productAddToCart=i(this,"jump-add-to-cart",7);this.productWaitingList=i(this,"jump-add-to-waiting-list",7);this.variationSelected=i(this,"jump-variation-selected",7);this.onlyIconButton=false;this.hasBackground=false;this.badge=undefined;this.favorite=false;this.hasFavorite=false;this.hasSlotForFavorite=false;this.favoriteHref=undefined;this.link=undefined;this.img=undefined;this.imgAlt=undefined;this.hoverImg=undefined;this.hoverImgAlt=undefined;this.videoSrc=undefined;this.notificationUrl=undefined;this.notificationText="";this.productName=undefined;this.subtitle=undefined;this.productId=undefined;this.price=undefined;this.salePrice=undefined;this.currency="€";this.outOfStock=false;this.outOfStockText=undefined;this.addToCartText=undefined;this.waitingListText=undefined;this.addToWaitingList=false;this.isMini=false;this.addedToCart=false;this.endAddedToCart=false;this.variations=[];this.selectedVariation=undefined;this.priceFormatted=undefined;this.salePriceFormatted=undefined}async setPrice(t,i){let s=false;if(t&&t>0){s=true;this.price=t}if(i&&i>0){this.salePrice=i}if(s){this.formatPrices()}}addOption(t){let i=t.detail;this.variations=[...this.variations,Object.assign({},i)]}onVariationSelected(){let t=this.variationSelectEl.value;let i=this.variations.find((i=>i.code==t));this.selectedVariation=i;this.variationSelected.emit(i)}componentWillLoad(){}componentDidLoad(){this.jumpQuantityEl=this.JumpCardEcommerce.querySelector("jump-quantity");if(this.jumpQuantityEl){this.jumpQuantityEl.addEventListener("jump-change",this.onQuantityChange.bind(this));this.quantity=this.jumpQuantityEl.getValue().then((t=>{this.quantity=t}))}this.formatPrices()}disconnectedCallback(){this.jumpQuantityEl=this.JumpCardEcommerce.querySelector("jump-quantity");if(this.jumpQuantityEl){this.jumpQuantityEl.removeEventListener("jump-change",this.onQuantityChange)}}onQuantityChange(t){var i;this.quantity=(i=t.detail.value)!==null&&i!==void 0?i:false}onToggleFavorite(){this.favorite=!this.favorite;this.toggleFavorite.emit({productId:this.productId,favorite:this.favorite})}addProductToCart(){var t;this.addedToCart=true;let i=this.selectedVariation;if(!i&&this.variations.length>0){i=this.variations[0]}const s={productId:this.productId,addedToCart:this.addedToCart,quantity:(t=this.quantity)!==null&&t!==void 0?t:null,variation:i!==null&&i!==void 0?i:null};this.productAddToCart.emit(s);setTimeout((()=>{this.addedToCart=false}),6e3)}waitingList(){this.addToWaitingList=true;this.productWaitingList.emit({productId:this.productId,addToWaitingList:this.addToWaitingList})}formatPrices(){var t;let i=(t=document.documentElement.lang)!==null&&t!==void 0?t:"it-IT";if(i.length==2){i=`${i}-${i.toUpperCase()}`}this.priceFormatted=this.price.toLocaleString(i,{minimumFractionDigits:2,maximumFractionDigits:2});this.salePriceFormatted=this.salePrice.toLocaleString(i,{minimumFractionDigits:2,maximumFractionDigits:2})}render(){const t=this.hasBackground&&!this.isMini?"hasBackground":"";const i=this.onlyIconButton&&!this.isMini?"iconOnly":"";const a=this.outOfStock?"justify-between":"";const o=this.hoverImg?"has-hover-image":"";const n=this.isMini?"is-mini":"";function r(t,i){const s=(t-i)/t*100;return s.toFixed(0)}return s(e,null,!this.isMini&&this.badge?s("jump-badge",{class:`${t} ${i}`,variant:"secondary",dimension:"small",label:this.badge}):"",!this.isMini&&this.hasFavorite?this.favoriteHref!=""?s("jump-button",{href:this.favoriteHref,onClick:()=>this.onToggleFavorite(),class:`Favorite ${t} ${i}`,variant:this.favorite?"primary":"neutral",size:"small",text:true,onlyIcon:true},s("jump-icon",{slot:"prefix",name:"heart",category:this.favorite?"solid":"light",size:"medium"})):s("jump-button",{onClick:()=>this.onToggleFavorite(),class:`Favorite ${t} ${i}`,variant:this.favorite?"primary":"neutral",size:"small",text:true,onlyIcon:true},s("jump-icon",{slot:"prefix",name:"heart",category:this.favorite?"solid":"light",size:"medium"})):this.hasSlotForFavorite?s("div",{class:"Favorite"},s("slot",{name:"favorite"})):null,s("div",{class:`Media ${i} ${t} ${n}`},s("a",{href:this.link},s("figure",{class:`Images ${o} `},this.img&&!this.videoSrc?s("img",{class:"Images__Front",src:this.img,alt:this.imgAlt}):"",this.hoverImg&&!this.videoSrc?s("img",{class:"Images__OnHover",src:this.hoverImg,alt:this.hoverImgAlt}):""),this.videoSrc&&!this.img?s("video",{autoplay:true},s("source",{src:this.videoSrc,type:"video/mp4"}),s("source",{src:this.videoSrc,type:"video/mov"}),s("source",{src:this.videoSrc,type:"video/webm"})):""),!this.isMini?s("div",{class:`NotificationCart ${this.addedToCart==true?"is-active fade-in-out":""}`},s("jump-button",{href:this.notificationUrl,variant:"white",text:true},s("jump-icon",{slot:"prefix",name:"check"}),s("span",null," ",this.notificationText," "))):null,!this.isMini&&this.onlyIconButton?s("div",{class:"OnlyIconButton"},s("jump-button",{variant:"secondary",size:"large",pill:true,onlyIcon:true,onClick:()=>this.addProductToCart()},s("jump-icon",{slot:"prefix",name:"cart-shopping",category:"regular"}))):""),s("div",{class:`Content ${t} ${i} ${n}`},s("div",{class:`Body ${t} ${i} ${n}`},s("div",null,s("div",{class:"Info"},s("div",{class:"Product"},this.productName),!this.isMini&&this.subtitle?s("div",{class:"Subtitle"},this.subtitle):null),this.price?s("div",{class:`Price ${n}`},!this.isMini&&this.salePrice&&this.salePrice<this.price?s("div",{class:"Price__Discount"}," ",r(this.price,this.salePrice),"% "):null,!this.isMini?s("div",{class:`Price__Regular ${this.salePrice&&this.salePrice<this.price?"sale":""}`},this.currency,this.priceFormatted):s("div",{class:`Price__Regular`},this.currency,this.salePrice&&this.salePrice<this.price?this.salePriceFormatted:this.priceFormatted),!this.isMini&&this.salePrice&&this.salePrice<this.price?s("div",{class:"Price__Sale"},this.currency,this.salePriceFormatted):null):null),!this.isMini?s("div",{class:"SelectVariations"},this.variations.length!=0?s("select",{ref:t=>this.variationSelectEl=t,onChange:()=>{this.onVariationSelected()}},this.variations.filter((t=>!t.imgUrl)).map((t=>s("option",{value:t.code},t.label)))):null):null,!this.isMini?s("slot",{name:"quantity"}):null),s("div",{class:`Footer ${a} ${t} ${i} ${n}`},this.outOfStock?s("div",{class:"OutOfStock"},this.outOfStockText?this.outOfStockText:"Esaurito"):"",this.outOfStock?s("jump-button",{variant:"secondary",size:"small",text:true,onClick:()=>this.waitingList()},s("jump-icon",{slot:"prefix",name:!this.outOfStock?"cart-shopping":"bell",category:"regular",size:"small"}),this.waitingListText?this.waitingListText:"Notifica disponibilità"):"",!this.outOfStock&&!this.onlyIconButton?s("jump-button",{variant:"secondary",size:"small",text:true,onClick:()=>this.addProductToCart()},s("jump-icon",{slot:"prefix",name:!this.outOfStock?"cart-shopping":"bell",category:"regular",size:"small"}),this.addToCartText?this.addToCartText:"Aggiungi al carrello"):"")))}get JumpCardEcommerce(){return a(this)}};r.style=n;export{r as jump_card_ecommerce};
+//# sourceMappingURL=p-1a7387af.entry.js.map

package/dist/jump-design-system/p-1a7387af.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jumpCardEcommerceCss","JumpCardEcommerceStyle0","JumpCardEcommerce","setPrice","price","salePrice","shouldFormat","this","formatPrices","addOption","e","props","detail","variations","Object","assign","onVariationSelected","currentValue","variationSelectEl","value","variation","find","code","selectedVariation","variationSelected","emit","componentWillLoad","componentDidLoad","jumpQuantityEl","querySelector","addEventListener","onQuantityChange","bind","quantity","getValue","then","disconnectedCallback","removeEventListener","_a","onToggleFavorite","favorite","toggleFavorite","productId","addProductToCart","addedToCart","length","payload","productAddToCart","setTimeout","waitingList","addToWaitingList","productWaitingList","locale","document","documentElement","lang","toUpperCase","priceFormatted","toLocaleString","minimumFractionDigits","maximumFractionDigits","salePriceFormatted","render","backgroundClass","hasBackground","isMini","iconOnlyClass","onlyIconButton","justifyClass","outOfStock","hasImageOnHover","hoverImg","miniCard","calculateDiscount","discount","toFixed","h","Host","badge","class","variant","dimension","label","hasFavorite","favoriteHref","href","onClick","size","text","onlyIcon","slot","name","category","hasSlotForFavorite","link","img","videoSrc","src","alt","imgAlt","hoverImgAlt","autoplay","type","notificationUrl","notificationText","pill","productName","subtitle","currency","ref","el","onChange","filter","imgUrl","map","outOfStockText","waitingListText","addToCartText"],"sources":["src/components/jump-card-ecommerce/jump-card-ecommerce.scss?tag=jump-card-ecommerce&encapsulation=shadow","src/components/jump-card-ecommerce/jump-card-ecommerce.tsx"],"sourcesContent":[":host {\n  --card-max-width: 450px;\n  --jump-card-max-width-horizontal: 100%;\n  --jump-card-color: var(--neutral-grey-primary);\n  --jump-card-background: transparent;\n  --jump-card-border-color: var(--neutral-grey-background);\n  --jump-card-padding: 0.5rem;\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-background);\n  color: var(--jump-card-color);\n\n  .Footer,\n  .Body {\n    display: flex;\n    width: 100%;\n  }\n\n  jump-badge {\n    position: absolute;\n    top: 1rem;\n    left: 1rem;\n    z-index: 2;\n\n    &.hasBackground.iconOnly {\n      top: calc(1rem + 8px);\n      left: calc(1rem + 8px);\n    }\n  }\n\n  .Favorite {\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    z-index: 2;\n\n    &.hasBackground.iconOnly {\n      top: calc(1rem + 8px);\n      right: calc(1rem + 8px);\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        object-fit: cover;\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: hidden;\n      }\n\n      &__Front {\n        z-index: 1;\n        transition: opacity 0.5s linear;\n        cursor: pointer;\n      }\n\n      &.has-hover-image {\n        &:hover .Images__Front {\n          opacity: 0;\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-padding) var(--jump-card-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  .NotificationCart {\n    display: none;\n    position: absolute;\n    bottom: 0px;\n    width: 100%;\n    padding: 2rem 1rem;\n    background-color: hsl(0 0% 0% / 35%);\n    box-sizing: border-box;\n    z-index: 2;\n    transform: translate3d(0, 0, 0);\n\n    &.is-active {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  .Content {\n    &.hasBackground {\n      background-color: var(--neutral-white);\n      padding: calc(var(--jump-card-padding) * 2);\n    }\n\n    &.iconOnly {\n      padding: calc(var(--jump-card-padding) * 2) var(--jump-card-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-padding) 0;\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    &.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  }\n\n  .Subtitle {\n    font-size: var(--fs-300);\n    color: var(--neutral-grey-secondary);\n    line-height: 1.2;\n  }\n\n  .Footer {\n    line-height: var(--lh-400);\n    justify-content: end;\n    padding: var(--jump-card-padding) 0;\n    align-items: flex-end;\n\n    &.justify-between {\n      justify-content: space-between;\n    }\n\n    &.hasBackground {\n      padding-bottom: 0;\n    }\n\n    &.iconOnly {\n      padding: 0;\n    }\n\n    &.is-mini {\n      padding: calc(var(--jump-card-padding) / 2) 0;\n    }\n  }\n\n  .OutOfStock {\n    justify-items: start;\n    font-size: var(--fs-300);\n    font-weight: var(--fw-900);\n    color: var(--status-danger-standard);\n  }\n\n  .OnlyIconButton {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    background: var(--neutral-white);\n    border-top-left-radius: 20px;\n    padding: 8px 8px 0px 8px;\n    z-index: 2;\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\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(--status-danger-standard);\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\n  .SelectVariations {\n    select {\n      appearance: none;\n      background-color: transparent;\n      border: 1px solid var(--neutral-grey-secondary);\n      border-radius: 3px;\n      color: var(--neutral-grey-secondary);\n      font-size: var(--fs-300);\n      padding: 0.5rem 0.75rem;\n      max-width: 100%;\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E\");\n      background-position: right 0.5rem center;\n      background-repeat: no-repeat;\n      background-size: 1.5em 1.5em;\n      padding-right: 2.5rem;\n      -webkit-print-color-adjust: exact;\n    }\n  }\n}\n\n.slide-in-bottom {\n  animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n\n.slide-out-bottom {\n  animation: slide-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;\n}\n\n.fade-in-out {\n  animation-name: fade-in-out;\n  animation-duration: 6s;\n  animation-timing-function: ease-in-out;\n}\n\n@keyframes fade-in-out {\n  from {\n    opacity: 0;\n    transform: translateY(100px);\n  }\n\n  50% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translateY(100px);\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Element, State, Listen, Method } from '@stencil/core';\n\ninterface Variation {\n  code: string;\n  imgUrl: string;\n  label: string;\n  taxonomy: string;\n  // Add more keys as needed\n}\n\n@Component({\n  tag: 'jump-card-ecommerce',\n  styleUrl: 'jump-card-ecommerce.scss',\n  shadow: true,\n})\nexport class JumpCardEcommerce {\n\n  @Element() JumpCardEcommerce: HTMLElement;\n  jumpQuantityEl;\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n\n  /** Indicate if card has only icon button*/\n  @Prop() onlyIconButton: boolean = false;\n\n  /** Indicate if card has background*/\n  @Prop() hasBackground: boolean = false;\n\n  /** Indicates the badge of the card*/\n  @Prop() badge: string;\n\n  /**  Indicates if the product is favorite */\n\n  @Prop({ mutable: true, reflect: true }) favorite: boolean = false;\n\n  /** Indicate if the whislist is active in shop*/\n  @Prop() hasFavorite: boolean = false;\n\n  /** Indicate if the whislist will be slotted*/\n  @Prop() hasSlotForFavorite: boolean = false;\n\n  /** Indicates if the favorite button is render as an anchor, and define the url*/\n  @Prop() favoriteHref: 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 over image's src of the card*/\n  @Prop() hoverImg: string;\n\n  /** Indicates the hover img's alt of the card*/\n  @Prop() hoverImgAlt: string;\n\n  /** Indicates the videoSrc of the card*/\n  @Prop() videoSrc: string;\n\n  /** Indicates the notificationUrl of the card*/\n  @Prop() notificationUrl: string;\n\n  /** Indicates the notificationText of the card*/\n  @Prop() notificationText: 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 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  /** Indicates the button class of the add to cart / notification button */\n  @Prop() addToCartText: string;\n\n  /** Indicates the button class of the add to cart / notification button */\n  @Prop() waitingListText: string;\n\n  /** Indicate if the user request to be notified when te product is avaible*/\n  @Prop() addToWaitingList: boolean = false;\n\n  /** Indicate if the card is Mini Card*/\n  @Prop() isMini: boolean = false;\n\n  /* ---------------------- @STATE ------------------------- */\n\n  /** Indicate if the product is added to cart --> non deve esserci nelle storie! */\n  @Prop() addedToCart: boolean = false;\n\n  @Prop() endAddedToCart: boolean = false;\n\n  @State() variations: Variation[] = [];\n\n  @State() selectedVariation: Variation;\n\n  @State() priceFormatted: string;\n\n  @State() salePriceFormatted: string;\n\n  // è una proprietà che viene cambiata solo da dentro\n  quantity: number;\n\n  variationSelectEl: HTMLSelectElement;\n\n  /* ---------------------- @EVENTS ------------------------- */\n\n  @Event({ eventName: 'jump-toggle-favorite' }) toggleFavorite: EventEmitter;\n\n  @Event({ eventName: 'jump-add-to-cart' }) productAddToCart: EventEmitter;\n\n  @Event({ eventName: 'jump-add-to-waiting-list' }) productWaitingList: EventEmitter;\n\n  @Event({ eventName: 'jump-variation-selected' }) variationSelected: EventEmitter; // verificare se corretto: aggiungo un evento\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  @Listen('jump-card-ecommerce-option-connected')\n  addOption(e) {\n    let props = e.detail; // es {code: 'sku1', imageUrl: 'https://google.com/'}\n    this.variations = [...this.variations, { ...props }];\n  }\n\n  onVariationSelected() {\n    let currentValue = this.variationSelectEl.value;\n    let variation = this.variations.find(\n      (variation) => variation.code == currentValue,\n    );\n    this.selectedVariation = variation;\n    this.variationSelected.emit(variation); // verificare se corretto: emetto l'evento\n  }\n\n\n  /* ---------------------- @LIFECYCLE ------------------------- */\n\n  componentWillLoad() {\n  }\n\n  componentDidLoad() {\n    this.jumpQuantityEl = this.JumpCardEcommerce.querySelector('jump-quantity');\n\n    if (this.jumpQuantityEl) {\n      this.jumpQuantityEl.addEventListener('jump-change', this.onQuantityChange.bind(this));\n      this.quantity = this.jumpQuantityEl.getValue().then((quantity) => {\n        this.quantity = quantity;\n      });\n    }\n\n    this.formatPrices();\n  }\n\n  disconnectedCallback() {\n    this.jumpQuantityEl = this.JumpCardEcommerce.querySelector('jump-quantity');\n    if (this.jumpQuantityEl) {\n      this.jumpQuantityEl.removeEventListener('jump-change', this.onQuantityChange);\n    }\n  }\n\n  /* ---------------------- @METHODS ------------------------- */\n  onQuantityChange(e) {\n    this.quantity = e.detail.value ?? false;\n  }\n\n  onToggleFavorite() {\n    this.favorite = !this.favorite;\n    this.toggleFavorite.emit(\n      {\n        productId: this.productId,\n        favorite: this.favorite,\n      },\n    );\n  }\n\n  addProductToCart() {\n    this.addedToCart = true;\n    let variations = this.selectedVariation;\n    if (!variations && this.variations.length > 0) {\n      variations = this.variations[0];\n    }\n\n    const payload = {\n      productId: this.productId,\n      addedToCart: this.addedToCart,\n      quantity: this.quantity ?? null,\n      variation: variations ?? null,\n    };\n    this.productAddToCart.emit(payload);\n\n    setTimeout(() => {\n      this.addedToCart = false;\n    }, 6000);\n  }\n\n  waitingList() {\n    this.addToWaitingList = true;\n    this.productWaitingList.emit(\n      {\n        productId: this.productId,\n        addToWaitingList: this.addToWaitingList,\n      },\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 = this.hasBackground && !this.isMini ? 'hasBackground' : '';\n    const iconOnlyClass = this.onlyIconButton && !this.isMini ? 'iconOnly' : '';\n    const justifyClass = this.outOfStock ? 'justify-between' : '';\n    const hasImageOnHover = this.hoverImg ? 'has-hover-image' : '';\n    const miniCard = this.isMini ? 'is-mini' : '';\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>\n        {!this.isMini && this.badge ?\n          <jump-badge class={`${backgroundClass} ${iconOnlyClass}`} variant=\"secondary\" dimension=\"small\"\n                      label={this.badge}></jump-badge> : ''}\n\n        {!this.isMini && this.hasFavorite ?\n          this.favoriteHref != '' ?\n            <jump-button href={this.favoriteHref} onClick={() => this.onToggleFavorite()}\n                         class={`Favorite ${backgroundClass} ${iconOnlyClass}`}\n                         variant={this.favorite ? 'primary' : 'neutral'} size=\"small\" text onlyIcon>\n              <jump-icon slot=\"prefix\" name=\"heart\" category={this.favorite ? 'solid' : 'light'}\n                         size=\"medium\"></jump-icon>\n            </jump-button>\n            :\n            <jump-button onClick={() => this.onToggleFavorite()} class={`Favorite ${backgroundClass} ${iconOnlyClass}`}\n                         variant={this.favorite ? 'primary' : 'neutral'} size=\"small\" text onlyIcon>\n              <jump-icon slot=\"prefix\" name=\"heart\" category={this.favorite ? 'solid' : 'light'}\n                         size=\"medium\"></jump-icon>\n            </jump-button>\n          :\n          this.hasSlotForFavorite ? <div class=\"Favorite\">\n            <slot name=\"favorite\"></slot>\n          </div> : null\n        }\n\n        <div class={`Media ${iconOnlyClass} ${backgroundClass} ${miniCard}`}>\n          <a href={this.link}>\n            <figure class={`Images ${hasImageOnHover} `}>\n              {this.img && !this.videoSrc ? <img class=\"Images__Front\" src={this.img} alt={this.imgAlt}></img> : ''}\n              {this.hoverImg && !this.videoSrc ?\n                <img class=\"Images__OnHover\" src={this.hoverImg} alt={this.hoverImgAlt}></img> : ''}\n            </figure>\n            {this.videoSrc && !this.img ?\n              <video autoplay>\n                <source src={this.videoSrc} type=\"video/mp4\" />\n                <source src={this.videoSrc} type=\"video/mov\" />\n                <source src={this.videoSrc} type=\"video/webm\" />\n              </video> : ''}\n          </a>\n          {!this.isMini ?\n            <div class={`NotificationCart ${this.addedToCart == true ? 'is-active fade-in-out' : ''}`}>\n              <jump-button href={this.notificationUrl} variant=\"white\" text>\n                <jump-icon slot=\"prefix\" name=\"check\"></jump-icon>\n                <span> {this.notificationText} </span>\n              </jump-button>\n            </div>\n            : null}\n          {!this.isMini && this.onlyIconButton ?\n            <div class=\"OnlyIconButton\">\n              <jump-button variant=\"secondary\" size=\"large\" pill onlyIcon onClick={() => this.addProductToCart()}>\n                <jump-icon slot=\"prefix\" name=\"cart-shopping\" category=\"regular\"></jump-icon>\n              </jump-button>\n            </div>\n            : ''\n          }\n        </div>\n\n        <div class={`Content ${backgroundClass} ${iconOnlyClass} ${miniCard}`}>\n          <div class={`Body ${backgroundClass} ${iconOnlyClass} ${miniCard}`}>\n            <div>\n              <div class=\"Info\">\n                <div class=\"Product\">{this.productName}</div>\n                {!this.isMini && this.subtitle ? <div class=\"Subtitle\">{this.subtitle}</div> : null}\n              </div>\n\n              {this.price ?\n                <div class={`Price ${miniCard}`}>\n                  {!this.isMini && this.salePrice && this.salePrice < this.price ?\n                    <div class=\"Price__Discount\"> {calculateDiscount(this.price, this.salePrice)}% </div>\n                    : null}\n\n                  {!this.isMini ?\n                    <div class={`Price__Regular ${this.salePrice && this.salePrice < this.price ? 'sale' : ''}`}>\n                      {this.currency}{this.priceFormatted}\n                    </div>\n                    :\n                    <div class={`Price__Regular`}>\n                      {this.currency}{this.salePrice && this.salePrice < this.price ? this.salePriceFormatted : this.priceFormatted}\n                    </div>\n                  }\n\n                  {!this.isMini && this.salePrice && this.salePrice < this.price ?\n                    <div class=\"Price__Sale\">{this.currency}{this.salePriceFormatted}</div>\n                    : null}\n                </div>\n                : null}\n            </div>\n\n            {!this.isMini ?\n              <div class=\"SelectVariations\">\n                {this.variations.length != 0 ?\n                  <select\n                    ref={(el) => (this.variationSelectEl = el)} //salvo questo elemento in this.variationSelectEl\n                    onChange={() => {\n                      this.onVariationSelected();\n                    }}\n                  >\n                    {this.variations\n                      .filter((variation) => !variation.imgUrl)\n                      .map((variation) => (\n                        <option value={variation.code}>{variation.label}</option>\n                      ))}\n                  </select>\n                  : null}\n              </div>\n              : null}\n\n            {!this.isMini ? <slot name=\"quantity\"></slot> : null}\n          </div>\n\n          <div class={`Footer ${justifyClass} ${backgroundClass} ${iconOnlyClass} ${miniCard}`}>\n\n            {this.outOfStock ?\n              <div class=\"OutOfStock\">{this.outOfStockText ? this.outOfStockText : 'Esaurito'}</div> : ''}\n\n            {this.outOfStock ?\n              <jump-button variant=\"secondary\" size=\"small\" text onClick={() => this.waitingList()}>\n                <jump-icon slot=\"prefix\" name={!this.outOfStock ? 'cart-shopping' : 'bell'} category=\"regular\"\n                           size=\"small\"></jump-icon>\n                {this.waitingListText ? this.waitingListText : 'Notifica disponibilità'}\n              </jump-button> : ''\n            }\n\n            {!this.outOfStock && !this.onlyIconButton ?\n              <jump-button variant=\"secondary\" size=\"small\" text onClick={() => this.addProductToCart()}>\n                <jump-icon slot=\"prefix\" name={!this.outOfStock ? 'cart-shopping' : 'bell'} category=\"regular\"\n                           size=\"small\"></jump-icon>\n                {this.addToCartText ? this.addToCartText : 'Aggiungi al carrello'}\n              </jump-button> : ''\n            }\n\n          </div>\n\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}

package/dist/jump-design-system/p-21a38875.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as i}from"./p-d4c681a4.js";const t=":host{--primary-standard:var(--secondary-hard, #435171);--jump-button-background-hover:red;--bg-drawer:var(--bg-drawer, #fff);--header-height:var(--header-height, 80px);--drawer-width:var(--drawer-width, 240px)}:host h3{margin:0}.filtersDrawer{position:fixed;display:flex;flex-direction:column;gap:1rem;left:-100vw;top:var(--header-height);height:-webkit-fill-available;max-height:calc(100vh - var(--header-height));transition:0.3s all ease-in-out;background-color:var(--bg-drawer, #fff);padding:1rem;width:100%;max-width:var(--drawer-width);box-shadow:8px 0 15px 0 rgba(0, 0, 0, 0.1490196078);z-index:2;overflow:auto}.filtersDrawer[aria-hidden=false]{left:0;transition:0.3s all ease-in-out}.filtersDrawer[aria-hidden=false] .filtersDrawer__close{position:fixed;top:calc(var(--header-height) + 1rem);left:calc(var(--drawer-width) - 2rem)}@media (min-width: 768px){.filtersDrawer{position:relative;left:0;height:auto;max-width:initial;box-shadow:none}}.filtersDrawer .filtersDrawer__header{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem}";const r=t;const s=class{constructor(a){e(this,a);this.direction="vertical";this.filterHeading="Filtra per";this.filterButtonLabel="Filtri";this.filterButtonIcon="sliders";this.mobileThreshold=768;this.filters=undefined;this.activeFilters=0;this.showMobileFilters=false;this.isMobile=false}filterChangeHandler(e){this.filters=Object.assign(Object.assign({},this.filters),{[e.detail.name]:e.detail.values});console.log("Received the custom filterChange event: ",this.filters)}handleResize(){this.isMobile=window.innerWidth<this.mobileThreshold}watchHandler(e,a){var i,t,r,s;if(e!==a){if(e){(i=this.mobileToggle)===null||i===void 0?void 0:i.setAttribute("aria-expanded","true");(t=this.filtersDrawer)===null||t===void 0?void 0:t.setAttribute("aria-hidden","false")}else{(r=this.mobileToggle)===null||r===void 0?void 0:r.setAttribute("aria-expanded","false");(s=this.filtersDrawer)===null||s===void 0?void 0:s.setAttribute("aria-hidden","true")}}}async getFilters(){return this.filters}componentDidLoad(){this.handleResize()}render(){return a(i,{key:"b45c2e4a0ed8985f709b5ef0cd6796c73f78080b",mobileFilters:this.showMobileFilters},this.isMobile&&a("jump-button",{key:"a8bf5423d154fe3dc7c91bc12a379fc30ab85992",ref:e=>{this.mobileToggle=e},buttonId:this.filterButtonIcon,variant:"primary",outline:true,onClick:()=>this.showMobileFilters=!this.showMobileFilters},a("slot",{key:"e9cdf515fe9d1f5f6c557f1b345ccaa5e75ed5ba",name:"prefix"},this.filterButtonIcon&&a("jump-icon",{key:"7175bf68ccc5cba19384ac74de269a83a9321f9c",library:"fa",category:"regular",name:this.filterButtonIcon,size:"small"}),this.filterButtonLabel),a("slot",{key:"43d5a322cf0d0828b821abfb8bdfe14a9c2bf706",name:"suffix"},this.activeFilters>0&&a("jump-badge",{key:"2d27ab99d6980334ca33b7d75ccceef9561005b0",label:this.activeFilters.toString(),variant:"success",soft:true,dimension:"dot"},"1"))),a("div",{key:"b960e02353e147de8dc633b6f3fa74e8aebd4fc1",ref:e=>{this.filtersDrawer=e},class:"filtersDrawer","data-variant":this.direction},!this.isMobile&&a("div",{key:"6c86c707343eab1720d49208d487dacfed2c7a69",class:"filtersDrawer__header"},a("jump-icon",{key:"44e43addc3beecc57cc0b5a4bbc1f004df9f4ea3",class:"small",name:this.filterButtonIcon}),a("h3",{key:"49893521129b517c91caa15fb38d7c1bfc17be2c"},this.filterHeading)),this.isMobile&&a("jump-icon",{key:"91d6bfe0b195cad204df517eb4e2ab02b141a3a8",library:"lucide",name:"x",size:"small",label:"",class:"filtersDrawer__close",onClick:()=>this.showMobileFilters=false}),a("slot",{key:"5691db6520a4ea84d3b3ea5b1b4c622893770317"})))}static get watchers(){return{showMobileFilters:["watchHandler"]}}};s.style=r;export{s as jump_filter};
+//# sourceMappingURL=p-21a38875.entry.js.map

package/dist/jump-design-system/p-21a38875.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jumpFilterCss","JumpFilterStyle0","JumpFilter","filterChangeHandler","event","this","filters","Object","assign","detail","name","values","console","log","handleResize","isMobile","window","innerWidth","mobileThreshold","watchHandler","newValue","oldValue","_a","mobileToggle","setAttribute","_b","filtersDrawer","_c","_d","getFilters","componentDidLoad","render","h","Host","key","mobileFilters","showMobileFilters","ref","el","buttonId","filterButtonIcon","variant","outline","onClick","library","category","size","filterButtonLabel","activeFilters","label","toString","soft","dimension","class","direction","filterHeading"],"sources":["src/components/jump-filter/jump-filter.scss?tag=jump-filter&encapsulation=shadow","src/components/jump-filter/jump-filter.tsx"],"sourcesContent":[":host {\n  --primary-standard: var(--secondary-hard, #435171);\n  //--jump-button-background-hover: var(--secondary-hard, #435171);\n  --jump-button-background-hover: red;\n  --bg-drawer: var(--bg-drawer, #fff);\n  --header-height: var(--header-height, 80px);\n  --drawer-width: var(--drawer-width, 240px);\n\n  h3 {\n    margin: 0;\n  }\n}\n\n.filtersDrawer {\n  position: fixed;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  left: -100vw;\n  top: var(--header-height);\n  height: -webkit-fill-available;\n  max-height: calc(100vh - var(--header-height));\n  transition: 0.3s all ease-in-out;\n  background-color: var(--bg-drawer, #fff);\n  padding: 1rem;\n  width: 100%;\n  max-width: var(--drawer-width);\n  box-shadow: 8px 0 15px 0 #00000026;\n  z-index: 2;\n  overflow: auto;\n\n  &[aria-hidden=\"false\"] {\n    left: 0;\n    transition: 0.3s all ease-in-out;\n\n    .filtersDrawer__close {\n      position: fixed;\n      top: calc(var(--header-height) + 1rem);\n      left: calc(var(--drawer-width) - 2rem);\n    }\n  }\n\n  @media (min-width: 768px) { //md breakpoint tailwind\n    position: relative;\n    left: 0;\n    height: auto;\n    max-width: initial;\n    box-shadow: none;\n  }\n\n  .filtersDrawer__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 0.5rem;\n  }\n}\n","import { Component, Host, Prop, h, State, Listen, Method, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'jump-filter',\n  styleUrl: 'jump-filter.scss',\n  shadow: true,\n})\nexport class JumpFilter {\n\n  @Prop() direction: 'horizontal' | 'vertical' = 'vertical';\n  @Prop() filterHeading: string = 'Filtra per';\n  @Prop() filterButtonLabel: string = 'Filtri';\n  @Prop() filterButtonIcon: string = 'sliders';\n  @Prop() mobileThreshold: number = 768;\n  @Prop() filters: any;\n\n  @State() activeFilters: number = 0;\n  @State() showMobileFilters: boolean = false;\n  @State() isMobile: boolean = false;\n\n  mobileToggle: HTMLElement | null;\n  filtersDrawer: HTMLElement;\n\n  @Listen('jump-filterchange')\n  filterChangeHandler(event: CustomEvent) {\n    //set this.filter as this.filters[event.detail.name] = event.detail.value; even if not present\n    this.filters = {...this.filters, [event.detail.name]: event.detail.values};\n    console.log('Received the custom filterChange event: ', this.filters);\n\n\n\n    //TODO: increment this.activeFilters\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    this.isMobile = window.innerWidth < this.mobileThreshold;\n  }\n\n  @Watch('showMobileFilters')\n  watchHandler(newValue: boolean, oldValue: boolean) {\n    if (newValue !== oldValue) {\n      if (newValue) {\n        this.mobileToggle?.setAttribute('aria-expanded', 'true');\n        this.filtersDrawer?.setAttribute('aria-hidden', 'false');\n      } else {\n        this.mobileToggle?.setAttribute('aria-expanded', 'false');\n        this.filtersDrawer?.setAttribute('aria-hidden', 'true');\n      }\n    }\n  }\n\n  /**\n   * Get the active filters from the component\n   */\n  @Method()\n  async getFilters() {\n    return this.filters;\n  }\n\n  componentDidLoad(){\n    this.handleResize();\n  }\n\n  render() {\n    return (\n      <Host mobileFilters={this.showMobileFilters}>\n        {this.isMobile && <jump-button\n          ref={(el) => {this.mobileToggle = el}}\n          buttonId={this.filterButtonIcon} variant={'primary'} outline\n          onClick={() => this.showMobileFilters = !this.showMobileFilters}>\n          <slot name=\"prefix\">\n            {this.filterButtonIcon &&\n              <jump-icon library=\"fa\" category=\"regular\" name={this.filterButtonIcon} size=\"small\"></jump-icon>}\n            {this.filterButtonLabel}\n          </slot>\n          <slot name=\"suffix\">\n            {this.activeFilters > 0 &&\n              <jump-badge label={this.activeFilters.toString()} variant=\"success\" soft dimension=\"dot\">1</jump-badge>}\n              </slot>\n              </jump-button>}\n\n            {<div\n              ref={(el) => {this.filtersDrawer = el}}\n          class=\"filtersDrawer\" data-variant={this.direction}>\n          {!this.isMobile &&\n          <div class={'filtersDrawer__header'}>\n            <jump-icon class=\"small\" name={this.filterButtonIcon}></jump-icon>\n            <h3>{this.filterHeading}</h3>\n          </div>}\n              {this.isMobile && <jump-icon library=\"lucide\" name=\"x\" size=\"small\" label=\"\" class={'filtersDrawer__close'}\n              onClick={() => this.showMobileFilters = false}></jump-icon>}\n              <slot></slot>\n            </div>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,siCACtB,MAAAC,EAAeD,E,MCMFE,EAAU,M,wCAE0B,W,mBACf,a,uBACI,S,sBACD,U,qBACD,I,0CAGD,E,uBACK,M,cACT,K,CAM7B,mBAAAC,CAAoBC,GAElBC,KAAKC,QAAOC,OAAAC,OAAAD,OAAAC,OAAA,GAAOH,KAAKC,SAAO,CAAE,CAACF,EAAMK,OAAOC,MAAON,EAAMK,OAAOE,SACnEC,QAAQC,IAAI,2CAA4CR,KAAKC,Q,CAQ/D,YAAAQ,GACET,KAAKU,SAAWC,OAAOC,WAAaZ,KAAKa,e,CAI3C,YAAAC,CAAaC,EAAmBC,G,YAC9B,GAAID,IAAaC,EAAU,CACzB,GAAID,EAAU,EACZE,EAAAjB,KAAKkB,gBAAY,MAAAD,SAAA,SAAAA,EAAEE,aAAa,gBAAiB,SACjDC,EAAApB,KAAKqB,iBAAa,MAAAD,SAAA,SAAAA,EAAED,aAAa,cAAe,Q,KAC3C,EACLG,EAAAtB,KAAKkB,gBAAY,MAAAI,SAAA,SAAAA,EAAEH,aAAa,gBAAiB,UACjDI,EAAAvB,KAAKqB,iBAAa,MAAAE,SAAA,SAAAA,EAAEJ,aAAa,cAAe,O,GAStD,gBAAMK,GACJ,OAAOxB,KAAKC,O,CAGd,gBAAAwB,GACEzB,KAAKS,c,CAGP,MAAAiB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,cAAe9B,KAAK+B,mBACvB/B,KAAKU,UAAYiB,EAAA,eAAAE,IAAA,2CAChBG,IAAMC,IAAQjC,KAAKkB,aAAee,CAAE,EACpCC,SAAUlC,KAAKmC,iBAAkBC,QAAS,UAAWC,QAAO,KAC5DC,QAAS,IAAMtC,KAAK+B,mBAAqB/B,KAAK+B,mBAC9CJ,EAAA,QAAAE,IAAA,2CAAMxB,KAAK,UACRL,KAAKmC,kBACJR,EAAA,aAAAE,IAAA,2CAAWU,QAAQ,KAAKC,SAAS,UAAUnC,KAAML,KAAKmC,iBAAkBM,KAAK,UAC9EzC,KAAK0C,mBAERf,EAAA,QAAAE,IAAA,2CAAMxB,KAAK,UACRL,KAAK2C,cAAgB,GACpBhB,EAAA,cAAAE,IAAA,2CAAYe,MAAO5C,KAAK2C,cAAcE,WAAYT,QAAQ,UAAUU,KAAI,KAACC,UAAU,OAAK,OAIzFpB,EAAA,OAAAE,IAAA,2CACCG,IAAMC,IAAQjC,KAAKqB,cAAgBY,CAAE,EACzCe,MAAM,gBAAe,eAAehD,KAAKiD,YACvCjD,KAAKU,UACPiB,EAAA,OAAAE,IAAA,2CAAKmB,MAAO,yBACVrB,EAAA,aAAAE,IAAA,2CAAWmB,MAAM,QAAQ3C,KAAML,KAAKmC,mBACpCR,EAAA,MAAAE,IAAA,4CAAK7B,KAAKkD,gBAEPlD,KAAKU,UAAYiB,EAAA,aAAAE,IAAA,2CAAWU,QAAQ,SAASlC,KAAK,IAAIoC,KAAK,QAAQG,MAAM,GAAGI,MAAO,uBACpFV,QAAS,IAAMtC,KAAK+B,kBAAoB,QACxCJ,EAAA,QAAAE,IAAA,8C"}

package/dist/jump-design-system/{p-d1586b59.entry.js → p-3094f68c.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as a,h as t,H as i}from"./p-d4c681a4.js";const s=":host{display:block}.JumpPaginationTable{--jump-pagination-table-label:var(--neutral-grey-secondary);--jump-pagination-table-arrows:var(--neutral-grey-secondary);--jump-pagination-table-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPaginationTable__Wrapper{display:flex;justify-content:space-between}.JumpPaginationTable__Wrapper .elementsPerPage{display:flex;gap:1rem;align-items:center}.JumpPaginationTable__Wrapper .elementsPerPage label{color:var(--jump-pagination-table-label);font-size:var(--fs-300);font-weight:normal}.JumpPaginationTable__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-table-label)}.JumpPaginationTable__Wrapper .indicators .arrow{color:var(--jump-pagination-table-arrows);display:flex;align-items:center;gap:10px}.JumpPaginationTable__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPaginationTable__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-table-arrows-disabled)}.JumpPaginationTable__Wrapper .indicators .elements{color:var(--jump-pagination-table-label);display:flex;align-items:center;gap:5px}";const n=s;const l=class{constructor(t){e(this,t);this.changePage=a(this,"jump-change-page",7);this.changeElPerPage=a(this,"jump-change-el-per-page",7);this.elementsRanges="10,20,60,100";this.elementsRangesArray=undefined;this.elPerPage=undefined;this.pagLabel="di";this.labelElementsPerPage="Elementi per pagina";this.total=100;this.first=1;this.last=10;this.showFirstAndLast=false}elementsRangesChanged(e,a){console.log("dentro el");if(e!==a){this.elementsRangesArray=e.split(",").map(Number)}this.elementsRangesArray=[...this.elementsRangesArray];console.log("elementsRangesChanged",e,a)}elPerPageChanged(e,a){if(e!==a){this.first=1;this.last=Math.min(this.total,e)}this.changeElPerPage.emit({elPerPage:e})}componentWillLoad(){this.elementsRangesArray=this.elementsRanges.split(",").map(Number);this.elPerPage=this.elementsRangesArray[0]}setElPerPage(e){this.elPerPage=e.target.value}doChangePage(e){let a;let t;if(e==="first"){a=1;t=Math.min(this.total,this.elPerPage)}else if(e==="last"){t=this.total;a=Math.max(1,this.total-this.elPerPage+1)}else if(e==="previous"){a=Math.max(1,this.first-this.elPerPage);t=Math.min(this.total,a+this.elPerPage-1)}else if(e==="next"){t=Math.min(this.total,this.last+this.elPerPage);a=Math.max(1,t-this.elPerPage+1)}this.first=a;this.last=t;let i={first:a,last:t,direction:e};this.changePage.emit(i)}render(){var e;return t(i,{key:"05cc7342c23f7addfc29dcd2e2ce15ee979d5978",class:"JumpPaginationTable"},t("div",{key:"cfa4b3f89e06dfe13ec965ac40ce031ed1871763",class:"JumpPaginationTable__Wrapper"},t("div",{key:"4f876ccf87d40b9e9243416f58af9b15a2feba2e",class:"elementsPerPage"},t("label",{key:"9a3cce63a825cb410445f66679080ebc7f9b188b",htmlFor:"elements"},(e=this.labelElementsPerPage)!==null&&e!==void 0?e:"Elements per page"),t("select",{key:"5bca39ee7fd8d301a23888ad19e8cb97155cdd26",name:"elements",id:"elements",onChange:e=>this.setElPerPage(e)},this.elementsRangesArray.map((e=>t("option",{value:e,selected:this.elPerPage==e&&true},e))))),t("div",{key:"be7da51c23244f749cf1422898f8cbc950fec886",class:"indicators"},t("div",{key:"2ea6d1cb27c01757182941cb7079aa27c23db88f",class:"elements"},t("span",{key:"7dd6136cbb0cbeec9c0bd7da1cfd9052777ffb8c"},t("span",{key:"75955627db16a0346816ff3d19da8a733e35278e"},this.first)," - ",t("span",{key:"df317f7c7aac18421c66a79201a5775f59baba10"},this.last)," ",this.pagLabel," ",t("span",{key:"5502d41a0e0fa0318da443fd2989668eeaae182d"},this.total))),t("div",{key:"da0e8a247346c37c0835210e3e94ff96c058be2a",class:"arrow"},this.showFirstAndLast&&t("jump-button",{key:"909ad386104dfa8514fc7da5c1257696a90af4c1",onClick:()=>this.doChangePage("first"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"3b3fdef996e042bdc33f88b47f861ee4ecc413c1",slot:"suffix",name:"chevrons-left"})," "),t("jump-button",{key:"ac09f89f7cfa0a409538b1e02323a33b07badb59",onClick:()=>this.doChangePage("previous"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"7d0b19c2767c667b34d01a180f0efd204ccba3b7",slot:"suffix",name:"chevron-left"})," "),t("jump-button",{key:"d3517acb7e443ba5f2acaf37e577ce45e669e517",onClick:()=>this.doChangePage("next"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"31910f4c14100cd7b77b5252c0f3efed98b23e9d",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&t("jump-button",{key:"dbb858d2a2c8501b1698af3627aea4d2643f2d48",onClick:()=>this.doChangePage("last"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"4befdc4e4a8735cc970faeb4ff8d50e718ad0907",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}}};l.style=n;export{l as jump_pagination_table};
-//# sourceMappingURL=p-d1586b59.entry.js.map
+import{r as e,c as a,h as t,H as i}from"./p-d4c681a4.js";const s=":host{display:block}.JumpPaginationTable{--jump-pagination-table-label:var(--neutral-grey-secondary);--jump-pagination-table-arrows:var(--neutral-grey-secondary);--jump-pagination-table-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPaginationTable__Wrapper{display:flex;justify-content:space-between}.JumpPaginationTable__Wrapper .elementsPerPage{display:flex;gap:1rem;align-items:center}.JumpPaginationTable__Wrapper .elementsPerPage label{color:var(--jump-pagination-table-label);font-size:var(--fs-300);font-weight:normal}.JumpPaginationTable__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-table-label)}.JumpPaginationTable__Wrapper .indicators .arrow{color:var(--jump-pagination-table-arrows);display:flex;align-items:center;gap:10px}.JumpPaginationTable__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPaginationTable__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-table-arrows-disabled)}.JumpPaginationTable__Wrapper .indicators .elements{color:var(--jump-pagination-table-label);display:flex;align-items:center;gap:5px}";const n=s;const l=class{constructor(t){e(this,t);this.changePage=a(this,"jump-change-page",7);this.changeElPerPage=a(this,"jump-change-el-per-page",7);this.elementsRanges="10,20,60,100";this.elementsRangesArray=undefined;this.elPerPage=undefined;this.pagLabel="di";this.labelElementsPerPage="Elementi per pagina";this.total=100;this.first=1;this.last=10;this.showFirstAndLast=false}elementsRangesChanged(e,a){console.log("dentro el");if(e!==a){this.elementsRangesArray=e.split(",").map(Number)}this.elementsRangesArray=[...this.elementsRangesArray];console.log("elementsRangesChanged",e,a)}elPerPageChanged(e,a){if(e!==a){this.first=1;this.last=Math.min(this.total,e)}this.changeElPerPage.emit({elPerPage:e})}componentWillLoad(){this.elementsRangesArray=this.elementsRanges.split(",").map(Number);this.elPerPage=this.elementsRangesArray[0]}setElPerPage(e){this.elPerPage=e.target.value}doChangePage(e){let a;let t;if(e==="first"){a=1;t=Math.min(this.total,this.elPerPage)}else if(e==="last"){t=this.total;a=Math.max(1,this.total-this.elPerPage+1)}else if(e==="previous"){a=Math.max(1,this.first-this.elPerPage);t=Math.min(this.total,a+this.elPerPage-1)}else if(e==="next"){t=Math.min(this.total,this.last+this.elPerPage);a=Math.max(1,t-this.elPerPage+1)}this.first=a;this.last=t;let i={first:a,last:t,direction:e};this.changePage.emit(i)}render(){var e;return t(i,{key:"b93a7aae00b09ebe32f2bab6857171383edc57bf",class:"JumpPaginationTable"},t("div",{key:"44f7e61e77ea870d3283cf0c1e937c45fc3fec77",class:"JumpPaginationTable__Wrapper"},t("div",{key:"e358074b3863755d73193dae05cdb3bdfd3b572c",class:"elementsPerPage"},t("label",{key:"bc09d6744ecc3dea86c4364e2d3c7576feab96bc",htmlFor:"elements"},(e=this.labelElementsPerPage)!==null&&e!==void 0?e:"Elements per page"),t("select",{key:"2d4c6986712352acacd53e0b9e39624759ec8768",name:"elements",id:"elements",onChange:e=>this.setElPerPage(e)},this.elementsRangesArray.map((e=>t("option",{value:e,selected:this.elPerPage==e&&true},e))))),t("div",{key:"92aa49a2ee542637da64517f88ff6afae18ac5cf",class:"indicators"},t("div",{key:"44dfbc53900e05f71702c184446f495926e2113a",class:"elements"},t("span",{key:"0ab5aef1040c55245af7bb7c81c974afcd8e0112"},t("span",{key:"e11a148e6c34c2166a50e899d57e6100e487e0ee"},this.first)," - ",t("span",{key:"518e3df7eb88ba05da4214b25f126f4f9adac1d1"},this.last)," ",this.pagLabel," ",t("span",{key:"1da94abdbf776484c51ab0f065526c766ec7864b"},this.total))),t("div",{key:"147eb949e7715fd2f981aefa263b3bf7db37ac87",class:"arrow"},this.showFirstAndLast&&t("jump-button",{key:"64bd0a9572b0d5af3c96981a03067ddb83800b45",onClick:()=>this.doChangePage("first"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"839d1a645fcbefe1c451fa89f2a78be9c0ef9fc0",slot:"suffix",name:"chevrons-left"})," "),t("jump-button",{key:"8ae7904417ac2d4358d7ec46b26ed902a1ace87e",onClick:()=>this.doChangePage("previous"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"5796c3bcbf234571471ba856d9ee3b88abdd6b11",slot:"suffix",name:"chevron-left"})," "),t("jump-button",{key:"c0023c0febe6f4d0bf4b54d6ffbb846776a6c196",onClick:()=>this.doChangePage("next"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"68e02ea94cb642bd615bb2de5d144c9dea939fac",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&t("jump-button",{key:"0d2b0c6cde87459ae3508bbd3cb957ec3fe0ac1c",onClick:()=>this.doChangePage("last"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"96fa3939e421d4380f573cb92ce71e37df99cdf8",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}}};l.style=n;export{l as jump_pagination_table};
+//# sourceMappingURL=p-3094f68c.entry.js.map

package/dist/jump-design-system/p-62b52857.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as s}from"./p-d4c681a4.js";const t=":host{display:block}.JumpTabPanel__Content{display:none;padding:1rem 0}.JumpTabPanel__Content.active{display:block}";const n=t;const d=class{constructor(a){e(this,a);this.identifier=undefined;this.active=false}render(){return a(s,{key:"be2d841d0dd1b5cf9785e427d23cec2f64736722",class:"JumpTabPanel",id:this.identifier},a("div",{key:"843453d48997bac1a6d9407ef4d8338fe50c2bf8",class:"JumpTabPanel__Content "+(this.active?"active":"")},a("slot",{key:"6359a6f56a92683f44964e41ee46e49a8de8e10a"})))}};d.style=n;export{d as jump_tab_panel};
+//# sourceMappingURL=p-62b52857.entry.js.map

package/dist/jump-design-system/{p-273ff8ec.entry.js → p-7ca6b546.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,H as e}from"./p-d4c681a4.js";const h=':host{--hidden-display:none;--font-family:var(--ff-primary, "Inter"), serif;--font-size:var(--fs-400, 16px);--line-height:var(--lh-300, 1.2);--font-weight:var(--fw-900, 700);--color:var(--neutral-grey-primary, #282828);--distance-items:.25rem;display:block}:host h5{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);color:var(--color);margin:0 0 var(--distance-items, 0.25rem)}:host slot{display:flex;flex-direction:column;margin-bottom:1rem}:host ::slotted(.item){max-height:500px;transition:all 0.3s ease-in-out;margin-top:var(--distance-items, 0.25rem);display:flex;align-items:center;justify-content:flex-start;gap:0.25rem}:host ::slotted(.hidden){max-height:0;overflow:hidden}';const a=h;const n=class{constructor(s){t(this,s);this.change=i(this,"jump-filterchange",7);this.name="tax-name";this.heading="Titolo del filtro";this.otherLabel="Mostra altro";this.lessLabel="Mostra meno";this.maxElements=8;this.variant="default";this.label=this.otherLabel;this.values=[];this.value="";this.slotItems=undefined;this.inputs=[];this.showMore=false}watchShowMore(t){this.label=t?this.lessLabel:this.otherLabel}async getValues(){return this.values}async getActiveAmount(){return this.values.length}async getInputs(){return this.inputs}async getName(){return this.name}toggleHiddenItems(){this.slotItemsWrapper.assignedElements().forEach(((t,i)=>{if(i>this.maxElements){if(this.showMore){t.classList.remove("hidden")}else{t.classList.add("hidden")}}}))}handleShowMore(){this.showMore=!this.showMore;this.toggleHiddenItems()}handleChange(t){const i=t.target;const s=i.value;if(i.tagName==="INPUT"){if(i.type==="checkbox"){if(i.checked){this.values.push(s)}else{const t=this.values.indexOf(s);if(t!==-1){this.values.splice(t,1)}}}else if(i.type==="radio"){this.value=s;this.values=[s]}}else if(i.tagName==="SELECT"){this.value=s;this.values=[s]}this.change.emit({name:this.name,values:this.values})}handleCheckboxChange(t){if(t.detail.checked&&!this.values.includes(t.detail.value)){this.values.push(t.detail.value)}else if(!t.detail.checked&&this.values.includes(t.detail.value)){const i=this.values.indexOf(t.detail.value);if(i!==-1){this.values.splice(i,1)}}this.change.emit({name:this.name,values:this.values})}componentDidLoad(){this.slotItems=this.slotItemsWrapper.assignedElements();this.slotItemsWrapper.addEventListener("change",this.handleChange.bind(this));this.slotItemsWrapper.addEventListener("jump-checkbox-change",this.handleCheckboxChange.bind(this));let t=0;this.slotItems.forEach((i=>{i.classList.add("item");if(t>this.maxElements){i.classList.add("hidden")}if(i.tagName==="INPUT"||i.tagName==="SELECT"||i.tagName.startsWith("JUMP-")||i.tagName==="LABEL"){this.inputs.push(i);if(i.tagName==="INPUT"&&i.type==="radio"){i.name=this.name}}else{const t=i.querySelectorAll("input, select");if(t.length>0){t.forEach((t=>{this.inputs.push(t);if(t.tagName==="INPUT"&&t.type==="radio"){t.name=this.name}}))}}t++}))}render(){return s(e,{key:"7d3b79b574cb9b46501ea0482c6d3cc1fbb98e1f"},this.heading&&s("h5",{key:"68f2dd39f94fb905d9ea151cfbf946080abf1883"},this.heading),s("div",{key:"3975c6ca04b3bd077eef48dd93311299c4cb2308",class:"filterGroup"},s("slot",{key:"c45798ed4fa32dc7baa18aa183740b5ad589b87b",ref:t=>this.slotItemsWrapper=t})),this.inputs.length>this.maxElements&&s("jump-button",{key:"068c3456f098fd7d58f943964338ff0416507797",variant:"primary",size:"small",text:true,name:this.label,"aria-label":this.label,ref:t=>{this.showMoreBtn=t},onClick:()=>this.handleShowMore()},this.label,s("jump-icon",{key:"7e0b01f499ff2af6948120711d09f84dd70e4039",slot:"suffix",name:!this.showMore?"chevron-down":"chevron-up"})))}static get watchers(){return{showMore:["watchShowMore"]}}};n.style=a;export{n as jump_filtergroup};
-//# sourceMappingURL=p-273ff8ec.entry.js.map
+import{r as t,c as i,h as s,H as e}from"./p-d4c681a4.js";const h=':host{--hidden-display:none;--font-family:var(--ff-primary, "Inter"), serif;--font-size:var(--fs-400, 16px);--line-height:var(--lh-300, 1.2);--font-weight:var(--fw-900, 700);--color:var(--neutral-grey-primary, #282828);--distance-items:.25rem;display:block}:host h5{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);color:var(--color);margin:0 0 var(--distance-items, 0.25rem)}:host slot{display:flex;flex-direction:column;margin-bottom:1rem}:host ::slotted(.item){max-height:500px;transition:all 0.3s ease-in-out;margin-top:var(--distance-items, 0.25rem);display:flex;align-items:center;justify-content:flex-start;gap:0.25rem}:host ::slotted(.hidden){max-height:0;overflow:hidden}';const a=h;const n=class{constructor(s){t(this,s);this.change=i(this,"jump-filterchange",7);this.name="tax-name";this.heading="Titolo del filtro";this.otherLabel="Mostra altro";this.lessLabel="Mostra meno";this.maxElements=8;this.variant="default";this.label=this.otherLabel;this.values=[];this.value="";this.slotItems=undefined;this.inputs=[];this.showMore=false}watchShowMore(t){this.label=t?this.lessLabel:this.otherLabel}async getValues(){return this.values}async getActiveAmount(){return this.values.length}async getInputs(){return this.inputs}async getName(){return this.name}toggleHiddenItems(){this.slotItemsWrapper.assignedElements().forEach(((t,i)=>{if(i>this.maxElements){if(this.showMore){t.classList.remove("hidden")}else{t.classList.add("hidden")}}}))}handleShowMore(){this.showMore=!this.showMore;this.toggleHiddenItems()}handleChange(t){const i=t.target;const s=i.value;if(i.tagName==="INPUT"){if(i.type==="checkbox"){if(i.checked){this.values.push(s)}else{const t=this.values.indexOf(s);if(t!==-1){this.values.splice(t,1)}}}else if(i.type==="radio"){this.value=s;this.values=[s]}}else if(i.tagName==="SELECT"){this.value=s;this.values=[s]}this.change.emit({name:this.name,values:this.values})}handleCheckboxChange(t){if(t.detail.checked&&!this.values.includes(t.detail.value)){this.values.push(t.detail.value)}else if(!t.detail.checked&&this.values.includes(t.detail.value)){const i=this.values.indexOf(t.detail.value);if(i!==-1){this.values.splice(i,1)}}this.change.emit({name:this.name,values:this.values})}componentDidLoad(){this.slotItems=this.slotItemsWrapper.assignedElements();this.slotItemsWrapper.addEventListener("change",this.handleChange.bind(this));this.slotItemsWrapper.addEventListener("jump-checkbox-change",this.handleCheckboxChange.bind(this));let t=0;this.slotItems.forEach((i=>{i.classList.add("item");if(t>this.maxElements){i.classList.add("hidden")}if(i.tagName==="INPUT"||i.tagName==="SELECT"||i.tagName.startsWith("JUMP-")||i.tagName==="LABEL"){this.inputs.push(i);if(i.tagName==="INPUT"&&i.type==="radio"){i.name=this.name}}else{const t=i.querySelectorAll("input, select");if(t.length>0){t.forEach((t=>{this.inputs.push(t);if(t.tagName==="INPUT"&&t.type==="radio"){t.name=this.name}}))}}t++}))}render(){return s(e,{key:"617ff708e4d0d0e253ffc68ef6b09454979b825c"},this.heading&&s("h5",{key:"3b52d2bd28904d992a9e6484dffd4fd843912460"},this.heading),s("div",{key:"c58c3529632b7a12f5672f003db9c2796dfd3ab9",class:"filterGroup"},s("slot",{key:"9a670a5c3413cb70509ce46c9e9120f11d274f00",ref:t=>this.slotItemsWrapper=t})),this.inputs.length>this.maxElements&&s("jump-button",{key:"6501171c07fc582145449de789b5a6d65e4288e2",variant:"primary",size:"small",text:true,name:this.label,"aria-label":this.label,ref:t=>{this.showMoreBtn=t},onClick:()=>this.handleShowMore()},this.label,s("jump-icon",{key:"f58c9913533102fa524f25d8e713224875e05ca1",slot:"suffix",name:!this.showMore?"chevron-down":"chevron-up"})))}static get watchers(){return{showMore:["watchShowMore"]}}};n.style=a;export{n as jump_filtergroup};
+//# sourceMappingURL=p-7ca6b546.entry.js.map

package/dist/jump-design-system/{p-0f44f465.entry.js → p-cf8832ed.entry.js}

@@ -240,5 +240,5 @@ import{r as t,c as e,h as s,H as i}from"./p-d4c681a4.js";import{i as o,u as r,_
           <slot name="help-text">${this.helpText}</slot>
         </div>
       </div>
-    `}};O.styles=[f,q,$];O.dependencies={"sl-icon":u};b([z('input[type="checkbox"]')],O.prototype,"input",2);b([k()],O.prototype,"hasFocus",2);b([x()],O.prototype,"title",2);b([x()],O.prototype,"name",2);b([x()],O.prototype,"value",2);b([x({reflect:true})],O.prototype,"size",2);b([x({type:Boolean,reflect:true})],O.prototype,"disabled",2);b([x({type:Boolean,reflect:true})],O.prototype,"checked",2);b([x({type:Boolean,reflect:true})],O.prototype,"indeterminate",2);b([C("checked")],O.prototype,"defaultChecked",2);b([x({reflect:true})],O.prototype,"form",2);b([x({type:Boolean,reflect:true})],O.prototype,"required",2);b([x({attribute:"help-text"})],O.prototype,"helpText",2);b([m("disabled",{waitUntilFirstUpdate:true})],O.prototype,"handleDisabledChange",1);b([m(["checked","indeterminate"],{waitUntilFirstUpdate:true})],O.prototype,"handleStateChange",1);O.define("sl-checkbox");const W=":host{display:flex;width:100%}:host .count{color:var(--neutral-grey-secondary, #707070)}:host sl-checkbox{display:flex;width:100%}:host sl-checkbox::part(control){height:1rem;width:1rem;border:1px solid var(--neutral-grey-secondary, #707070);border-radius:3px;margin-top:3px}:host sl-checkbox::part(control--checked){background-color:var(--status-interaction-standard, #2C6ECB);border-color:var(--status-interaction-standard, #2C6ECB);color:var(--neutral-ultralight, #fff)}:host sl-checkbox::part(label){display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-grow:1;color:var(--neutral-grey-primary, #1d1d1d);font-family:var(--ff-primary), serif}";const L=W;const H=class{constructor(s){t(this,s);this.toggleCheckbox=e(this,"jump-checkbox-change",7);this.value=undefined;this.label=undefined;this.checked=false;this.count=null}componentDidLoad(){this.listenSLChange()}listenSLChange(){if(this.host){this.host.addEventListener("sl-change",(()=>{this.checked=!this.checked;this.toggleCheckbox.emit({value:this.el.value,checked:this.checked})}))}}async isChecked(){return this.el.checked}render(){return s(i,{key:"74dd2712e19e9d67905d219acf1cf18e8f75d770",ref:t=>this.host=t},this.value&&this.label&&s("sl-checkbox",{key:"72abd14bff4427b060ffd8daad69e8bc7146dc59",value:this.value,ref:t=>this.el=t,checked:this.checked},this.label),this.count&&s("span",{key:"e7d7ca80d82c9ad1d1bf58ca2075a6a565b38350",class:"count"},this.count))}};H.style=L;export{H as jump_filter_checkbox};
-//# sourceMappingURL=p-0f44f465.entry.js.map
+    `}};O.styles=[f,q,$];O.dependencies={"sl-icon":u};b([z('input[type="checkbox"]')],O.prototype,"input",2);b([k()],O.prototype,"hasFocus",2);b([x()],O.prototype,"title",2);b([x()],O.prototype,"name",2);b([x()],O.prototype,"value",2);b([x({reflect:true})],O.prototype,"size",2);b([x({type:Boolean,reflect:true})],O.prototype,"disabled",2);b([x({type:Boolean,reflect:true})],O.prototype,"checked",2);b([x({type:Boolean,reflect:true})],O.prototype,"indeterminate",2);b([C("checked")],O.prototype,"defaultChecked",2);b([x({reflect:true})],O.prototype,"form",2);b([x({type:Boolean,reflect:true})],O.prototype,"required",2);b([x({attribute:"help-text"})],O.prototype,"helpText",2);b([m("disabled",{waitUntilFirstUpdate:true})],O.prototype,"handleDisabledChange",1);b([m(["checked","indeterminate"],{waitUntilFirstUpdate:true})],O.prototype,"handleStateChange",1);O.define("sl-checkbox");const W=":host{display:flex;width:100%}:host .count{color:var(--neutral-grey-secondary, #707070)}:host sl-checkbox{display:flex;width:100%}:host sl-checkbox::part(control){height:1rem;width:1rem;border:1px solid var(--neutral-grey-secondary, #707070);border-radius:3px;margin-top:3px}:host sl-checkbox::part(control--checked){background-color:var(--status-interaction-standard, #2C6ECB);border-color:var(--status-interaction-standard, #2C6ECB);color:var(--neutral-ultralight, #fff)}:host sl-checkbox::part(label){display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-grow:1;color:var(--neutral-grey-primary, #1d1d1d);font-family:var(--ff-primary), serif}";const L=W;const H=class{constructor(s){t(this,s);this.toggleCheckbox=e(this,"jump-checkbox-change",7);this.value=undefined;this.label=undefined;this.checked=false;this.count=null}componentDidLoad(){this.listenSLChange()}listenSLChange(){if(this.host){this.host.addEventListener("sl-change",(()=>{this.checked=!this.checked;this.toggleCheckbox.emit({value:this.el.value,checked:this.checked})}))}}async isChecked(){return this.el.checked}render(){return s(i,{key:"046c23b0b66c4699aa0962a8113e682e42714452",ref:t=>this.host=t},this.value&&this.label&&s("sl-checkbox",{key:"c3a433acde331fa96f433339c56ab2a37e474fbd",value:this.value,ref:t=>this.el=t,checked:this.checked},this.label),this.count&&s("span",{key:"3dfa72e71a55d99a0b54c6ae31bc9c696025264d",class:"count"},this.count))}};H.style=L;export{H as jump_filter_checkbox};
+//# sourceMappingURL=p-cf8832ed.entry.js.map

package/dist/jump-design-system/{p-91d68f85.entry.js → p-d93e4ed5.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as a,H as i,g as s}from"./p-d4c681a4.js";const n=":host{display:inline-flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:0.5rem}:host jump-button,:host button{--jump-button-padding:0.5rem}:host [data-variant=horizontal]{flex-direction:row}:host label{color:var(--neutral-grey-secondary);font-size:0.875rem}:host input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;margin:0;outline:none;border:1px solid transparent;border-radius:3px;padding:0.5rem;height:14px;width:36px;font-size:0.875rem;text-align:center}:host input::-webkit-inner-spin-button,:host input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:host input:focus{border-color:var(--secondary-standard)}:host input:not([aria-hasbuttons]){border-color:var(--neutral-grey-secondary)}:host input[type=button]{cursor:pointer}:host ::slotted(jump-button){--jump-button-padding:0}:host .jump-quantity__InnerWrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:0}";const r=n;const o=class{constructor(a){t(this,a);this.change=e(this,"jump-change",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.min=1;this.max=undefined;this.step=1;this.label="";this.type="buttons";this.variant="vertical";this.showButtons=true;this.value=undefined}onValueChange(t,e){this.change.emit({value:t,oldValue:e});this.internals.setFormValue(t)}async getValue(){return this.value}async reset(){this.value=this.min}componentWillLoad(){this.value=this.min;this.internals.setFormValue(this.value.toString())}formResetCallback(){this.internals.setValidity({});this.internals.setFormValue("")}handleChange(t){this.value=t.target.value}handleBlur(t){if(t.target.value<this.min){this.value=this.min}}render(){return a(i,{key:"ddbdb7054f022710743a0e1be66e1483764877aa",value:this.value,"data-variant":this.variant,"data-hasbuttons":this.showButtons},this.label&&a("label",{key:"81427af22327a3942b26cd9bc191659ec94e4442"},this.label),a("div",{key:"73b09e58f64a9c5075e3735a7f65a4f0352b52f4",class:`jump-quantity__InnerWrapper`},this.showButtons&&a("jump-button",{key:"1fb3364874ffeae4f49d47d988b8ed4abcaf0786",onClick:()=>this.value=this.value-this.step,disabled:this.value<=this.min,variant:"neutral",size:"custom"},a("jump-icon",{key:"d2285a71c9a26d14015f93f961814bd8d6ba2938",library:"lucide",name:"minus",size:"small"})),a("input",{key:"0d6daa4896d64165eca2c856765f1cf0720ccd48",ref:t=>{this.inputEl=t},type:"number",value:this.value,onInput:t=>this.handleChange(t),min:this.min,max:this.max,step:this.step,"aria-hasbuttons":this.showButtons}),this.showButtons&&a("jump-button",{key:"58b4df54beabe0480ac2a4962ffcb494333cb99c",onClick:()=>this.value=this.value+this.step,disabled:this.value>=this.max,variant:"neutral",size:"custom"},a("jump-icon",{key:"7563ce381545ca32848ea2d42b8c93ab7a2cc5ff",library:"lucide",name:"plus",size:"small"}))))}static get formAssociated(){return true}get el(){return s(this)}static get watchers(){return{value:["onValueChange"]}}};o.style=r;export{o as jump_quantity};
-//# sourceMappingURL=p-91d68f85.entry.js.map
+import{r as t,c as e,h as i,H as s,g as a}from"./p-d4c681a4.js";const n=":host{display:inline-flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:0.5rem}:host jump-button,:host button{--jump-button-padding:0.5rem}:host [data-variant=horizontal]{flex-direction:row}:host label{color:var(--neutral-grey-secondary);font-size:0.875rem}:host input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;margin:0;outline:none;border:1px solid transparent;border-radius:3px;padding:0.5rem;height:14px;width:36px;font-size:0.875rem;text-align:center}:host input::-webkit-inner-spin-button,:host input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:host input:focus{border-color:var(--secondary-standard)}:host input:not([aria-hasbuttons]){border-color:var(--neutral-grey-secondary)}:host input[type=button]{cursor:pointer}:host ::slotted(jump-button){--jump-button-padding:0}:host .jump-quantity__InnerWrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:0}";const r=n;const o=class{constructor(i){t(this,i);this.change=e(this,"jump-change",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.min=1;this.max=undefined;this.step=1;this.label="";this.type="buttons";this.variant="vertical";this.showButtons=true;this.value=undefined}onValueChange(t,e){this.change.emit({value:t,oldValue:e});this.internals.setFormValue(t)}async getValue(){return this.value}async reset(){this.value=this.min}componentWillLoad(){this.value=this.min;this.internals.setFormValue(this.value.toString())}formResetCallback(){this.internals.setValidity({});this.internals.setFormValue("")}handleChange(t){this.value=t.target.value}handleBlur(t){if(t.target.value<this.min){this.value=this.min}}render(){return i(s,{key:"98247725c15e0768eaa1abcb970488367343f296",value:this.value,"data-variant":this.variant,"data-hasbuttons":this.showButtons},this.label&&i("label",{key:"44810a868b55dae39d2f52fff655b1add47f09d7"},this.label),i("div",{key:"9ac8f2057d2c7042038c4f045a769796a0f2baf1",class:`jump-quantity__InnerWrapper`},this.showButtons&&i("jump-button",{key:"1f38a16961192da4de7260516f1ccf6bf4053400",onClick:()=>this.value=this.value-this.step,disabled:this.value<=this.min,variant:"neutral",size:"custom"},i("jump-icon",{key:"d6db4d6b632a18a9d87b2c981c50486616b3e553",library:"lucide",name:"minus",size:"small"})),i("input",{key:"dc7ef8b1dd29423c315e8f94a4f6434b1d0b4093",ref:t=>{this.inputEl=t},type:"number",value:this.value,onInput:t=>this.handleChange(t),min:this.min,max:this.max,step:this.step,"aria-hasbuttons":this.showButtons}),this.showButtons&&i("jump-button",{key:"8f63f27a11f7e0bcdec7313170be3724a18166b8",onClick:()=>this.value=this.value+this.step,disabled:this.value>=this.max,variant:"neutral",size:"custom"},i("jump-icon",{key:"d12d5a6e63c1c3faf00a42d716d19724c3f1de63",library:"lucide",name:"plus",size:"small"}))))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{value:["onValueChange"]}}};o.style=r;export{o as jump_quantity};
+//# sourceMappingURL=p-d93e4ed5.entry.js.map

package/dist/jump-design-system/{p-701fa0cf.entry.js → p-eebee8f5.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as o,h as e,H as n}from"./p-d4c681a4.js";const a=":host{display:block;--jump-tabitem-active-color:var(--secondary-standard);--jump-tabitem-color:var(--neutral-grey-secondary);--jump-tabitem-hover-color:var(--neutral-grey-disabled, #CBCBCB);--jump-tabitem-boxed-bg-color:var(--secondary-soft, #EDF2FA);--jump-tabitem-rounded-bg-color:white;font-family:var(--ff-primary)}:host .Content{display:flex;}:host .Content label{font-size:16px}:host .Content.left{flex-direction:row;gap:6px;align-items:center}:host .Content.top{flex-direction:column;gap:2px;align-items:center}:host .Content.inline{color:var(--jump-tabitem-color);padding:12px 24px}:host .Content.inline.active{color:var(--jump-tabitem-active-color)}:host .Content.inline.active span{font-weight:bold}:host .Content.boxed{color:var(--jump-tabitem-color);padding:15px 39px;background-color:transparent;border:1px solid var(--jump-tabitem-boxed-bg-color)}:host .Content.boxed:hover:not(.disabled),:host .Content.boxed:hover:not(.active){background-color:transparent}:host .Content.boxed:hover:not(.disabled) span,:host .Content.boxed:hover:not(.active) span{font-weight:bold}:host .Content.boxed.active{color:var(--jump-tabitem-active-color);background-color:var(--jump-tabitem-boxed-bg-color);border:1px solid var(--jump-tabitem-boxed-bg-color)}:host .Content.boxed.active span{font-weight:bold}:host .Content.rounded{padding:12px 32px;color:var(--jump-tabitem-color)}:host .Content.rounded:hover:not(.disabled){cursor:pointer}:host .Content.rounded:hover:not(.disabled) span{font-weight:bold}:host .Content.rounded.active{color:var(--jump-tabitem-active-color);background-color:var(--jump-tabitem-rounded-bg-color);border:1px solid var(--jump-tabitem-active-color);border-radius:50px}:host .Content.sheet{padding:12px 32px;color:var(--neutral-grey-secondary)}:host .Content.sheet:hover:not(.disabled){cursor:pointer}:host .Content.sheet:hover:not(.disabled) span{font-weight:bold}:host .Content.sheet.active{color:var(--jump-tabitem-active-color);background-color:var(--jump-tabitem-rounded-bg-color);border-radius:8px 8px 0px 0px}:host .Content.disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}:host(.inline){border-bottom:1px solid var(--jump-tabitem-hover-color)}:host(.inline):hover:not(.disabled):not(.active){border-bottom:3px solid var(--jump-tabitem-hover-color);cursor:pointer}:host(.inline.active){border-bottom:3px solid var(--jump-tabitem-active-color)}";const r=a;const i=class{constructor(e){t(this,e);this.changeActiveTab=o(this,"jump-change-active-tab",7);this.identifier=undefined;this.iconName=undefined;this.iconPosition="left";this.label="";this.active=false;this.disabled=false;this.variant="inline"}changeTab(t){this.changeActiveTab.emit({id:t})}componentDidLoad(){console.log("Component has been rendered");let t=this.tabEl.parentElement.getAttribute("variant");this.variant=t}render(){return e(n,{key:"f7d5e1dd4f895739a30af71e5a717f597c9fb531",ref:t=>{this.tabEl=t},class:"JumpTabItem "+(this.active?"active":"")+" "+this.variant},e("div",{key:"9cb6191f3f860fa1e17e440dc009173d07d94f24",class:"Content "+(this.iconName?this.iconPosition:"")+" "+this.variant+" "+(this.active?"active":"")+" "+(this.disabled?"disabled":""),onClick:()=>this.changeTab(this.identifier),id:this.identifier},this.iconName&&(this.variant=="inline"||this.variant=="boxed")&&e("jump-icon",{key:"39714079d26a8bafe0da96cd317f00755b9999b5",library:"fa",category:"regular",name:this.iconName,size:"small"}),e("span",{key:"f1e254bbadf8c94ce034eb346ade54fc20b3e3da",class:"label"},this.label)))}};i.style=r;export{i as jump_tab_item};
-//# sourceMappingURL=p-701fa0cf.entry.js.map
+import{r as t,c as o,h as e,H as n}from"./p-d4c681a4.js";const r=":host{display:block;--jump-tabitem-active-color:var(--secondary-standard);--jump-tabitem-color:var(--neutral-grey-secondary);--jump-tabitem-hover-color:var(--neutral-grey-disabled, #CBCBCB);--jump-tabitem-boxed-bg-color:var(--secondary-soft, #EDF2FA);--jump-tabitem-rounded-bg-color:white;font-family:var(--ff-primary)}:host .Content{display:flex;}:host .Content label{font-size:16px}:host .Content.left{flex-direction:row;gap:6px;align-items:center}:host .Content.top{flex-direction:column;gap:2px;align-items:center}:host .Content.inline{color:var(--jump-tabitem-color);padding:12px 24px}:host .Content.inline.active{color:var(--jump-tabitem-active-color)}:host .Content.inline.active span{font-weight:bold}:host .Content.boxed{color:var(--jump-tabitem-color);padding:15px 39px;background-color:transparent;border:1px solid var(--jump-tabitem-boxed-bg-color)}:host .Content.boxed:hover:not(.disabled),:host .Content.boxed:hover:not(.active){background-color:transparent}:host .Content.boxed:hover:not(.disabled) span,:host .Content.boxed:hover:not(.active) span{font-weight:bold}:host .Content.boxed.active{color:var(--jump-tabitem-active-color);background-color:var(--jump-tabitem-boxed-bg-color);border:1px solid var(--jump-tabitem-boxed-bg-color)}:host .Content.boxed.active span{font-weight:bold}:host .Content.rounded{padding:12px 32px;color:var(--jump-tabitem-color)}:host .Content.rounded:hover:not(.disabled){cursor:pointer}:host .Content.rounded:hover:not(.disabled) span{font-weight:bold}:host .Content.rounded.active{color:var(--jump-tabitem-active-color);background-color:var(--jump-tabitem-rounded-bg-color);border:1px solid var(--jump-tabitem-active-color);border-radius:50px}:host .Content.sheet{padding:12px 32px;color:var(--neutral-grey-secondary)}:host .Content.sheet:hover:not(.disabled){cursor:pointer}:host .Content.sheet:hover:not(.disabled) span{font-weight:bold}:host .Content.sheet.active{color:var(--jump-tabitem-active-color);background-color:var(--jump-tabitem-rounded-bg-color);border-radius:8px 8px 0px 0px}:host .Content.disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}:host(.inline){border-bottom:1px solid var(--jump-tabitem-hover-color)}:host(.inline):hover:not(.disabled):not(.active){border-bottom:3px solid var(--jump-tabitem-hover-color);cursor:pointer}:host(.inline.active){border-bottom:3px solid var(--jump-tabitem-active-color)}";const a=r;const i=class{constructor(e){t(this,e);this.changeActiveTab=o(this,"jump-change-active-tab",7);this.identifier=undefined;this.iconName=undefined;this.iconPosition="left";this.label="";this.active=false;this.disabled=false;this.variant="inline"}changeTab(t){this.changeActiveTab.emit({id:t})}componentDidLoad(){console.log("Component has been rendered");let t=this.tabEl.parentElement.getAttribute("variant");this.variant=t}render(){return e(n,{key:"9d817c4dc39e4091ddf11bbe3586dd299db2c9a1",ref:t=>{this.tabEl=t},class:"JumpTabItem "+(this.active?"active":"")+" "+this.variant},e("div",{key:"59bdb3b691141796dd912611742bc79c0d10a4ca",class:"Content "+(this.iconName?this.iconPosition:"")+" "+this.variant+" "+(this.active?"active":"")+" "+(this.disabled?"disabled":""),onClick:()=>this.changeTab(this.identifier),id:this.identifier},this.iconName&&(this.variant=="inline"||this.variant=="boxed")&&e("jump-icon",{key:"3cd011409f305046cf76d79256be72662f7d6c9a",library:"fa",category:"regular",name:this.iconName,size:"small"}),e("span",{key:"522ca0332d2302021ded4941ca67d790b308f3ac",class:"label"},this.label)))}};i.style=a;export{i as jump_tab_item};
+//# sourceMappingURL=p-eebee8f5.entry.js.map

package/dist/jump-design-system/{p-d1553b58.entry.js → p-f3c9fa96.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as e,h as i,H as t}from"./p-d4c681a4.js";const r=":host{display:block;--jump-button-color:yellow}.JumpPagination{--jump-pagination-label:var(--neutral-grey-secondary);--jump-pagination-arrows-color:var(--neutral-grey-secondary);--jump-pagination-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPagination__Wrapper{display:flex;justify-content:space-between}.JumpPagination__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-label)}.JumpPagination__Wrapper .indicators .arrow{color:var(--jump-pagination-arrows-color);display:flex;align-items:center;gap:10px}.JumpPagination__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPagination__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-arrows-disabled)}.JumpPagination__Wrapper .indicators .elements{color:var(--jump-pagination-label);display:flex;align-items:center;gap:5px}";const n=r;const s=class{constructor(i){a(this,i);this.changePage=e(this,"jump-change-page",7);this.current=1;this.pagLabel="di";this.last=10;this.showFirstAndLast=false}watchcurrent(a,e){let i={current:a,previousPage:e,first:1,last:this.last,direction:a>e?"next":"prev"};this.changePage.emit(i)}componentWillLoad(){this.current=1}render(){return i(t,{key:"6dfabf0d657b923bfe827907e2d607c4bd593115",class:"JumpPagination"},i("div",{key:"c650c3684c5fa6c3c81e4e26d8b5c0d2711f1f4a",class:"JumpPagination__Wrapper"},i("div",{key:"a5b900b96f1688d0ee7ee127c3b76b18c8e991c5",class:"indicators"},i("div",{key:"6c2ab60611f5afdee28ac75298df6e5586fa6517",class:"elements"},i("span",{key:"d30b3989ea3a2ab86b2aa7e776df3c314b03a3d1"},i("span",{key:"6ede11163b85988f3b7952c0bc7809e6f0020ac5"},this.current)," ",this.pagLabel," ",i("span",{key:"1a3757f38cf9b676e65e5d0b1924255fc2056bb0"},this.last))),i("div",{key:"f1f8bf078f214faca027767f05b933dcc98e2df4",class:"arrow"},this.showFirstAndLast&&i("jump-button",{key:"8dfd1d3851b8cd28c14ae55950b01e06b9647cce",onClick:()=>{this.current=1},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===1?true:false}," ",i("jump-icon",{key:"f45e7ec9bd1186c7d4689f2585ede2e320443a7b",slot:"suffix",name:"chevrons-left"})," "),i("jump-button",{key:"684984168c728a9c687ae9c48002259f939c00e6",onClick:()=>{this.current--},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===1?true:false}," ",i("jump-icon",{key:"dff0cc8d6f49ad1cb38cf7ea6041531a1d2e8edb",slot:"suffix",name:"chevron-left"})," "),i("jump-button",{key:"432d2378ce09d2848cfd4a2e2bd279a8104aed79",onClick:()=>{this.current++},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"b3749b007c9957aaa4385106460494dd8e628bb9",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&i("jump-button",{key:"1139a6c84e1867208f402615e3a9f758ff56a4a4",onClick:()=>{this.current=this.last},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"01385e77b0c8b039af414cb6ce8c7fa179f76b96",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{current:["watchcurrent"]}}};s.style=n;export{s as jump_pagination};
-//# sourceMappingURL=p-d1553b58.entry.js.map
+import{r as a,c as e,h as i,H as t}from"./p-d4c681a4.js";const r=":host{display:block;--jump-button-color:yellow}.JumpPagination{--jump-pagination-label:var(--neutral-grey-secondary);--jump-pagination-arrows-color:var(--neutral-grey-secondary);--jump-pagination-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPagination__Wrapper{display:flex;justify-content:space-between}.JumpPagination__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-label)}.JumpPagination__Wrapper .indicators .arrow{color:var(--jump-pagination-arrows-color);display:flex;align-items:center;gap:10px}.JumpPagination__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPagination__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-arrows-disabled)}.JumpPagination__Wrapper .indicators .elements{color:var(--jump-pagination-label);display:flex;align-items:center;gap:5px}";const n=r;const s=class{constructor(i){a(this,i);this.changePage=e(this,"jump-change-page",7);this.current=1;this.pagLabel="di";this.last=10;this.showFirstAndLast=false}watchcurrent(a,e){let i={current:a,previousPage:e,first:1,last:this.last,direction:a>e?"next":"prev"};this.changePage.emit(i)}componentWillLoad(){this.current=1}render(){return i(t,{key:"fc5407d7263fe2840016376275193975c5ce07cb",class:"JumpPagination"},i("div",{key:"ac8929cf57ca834e7787bed1362ed2208b92a110",class:"JumpPagination__Wrapper"},i("div",{key:"a8769c49f76181fc8614ce3659727e9ec678c444",class:"indicators"},i("div",{key:"644df00cb7899d314aef6185f626dc4c77b9998d",class:"elements"},i("span",{key:"c43a1303a3e5a96312a334ca42c9d9616e2597c8"},i("span",{key:"a4ca75395697a77ca64c1524765561f01c8cabfc"},this.current)," ",this.pagLabel," ",i("span",{key:"41ab2ec87e2dd56e227888202504a0557d684aa0"},this.last))),i("div",{key:"07de8c668bd5a9e84427bbcd9d50344333e94331",class:"arrow"},this.showFirstAndLast&&i("jump-button",{key:"3d7ec2eb837082a88213b3bbdeb41ce1b8621c73",onClick:()=>{this.current=1},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===1?true:false}," ",i("jump-icon",{key:"72cb59738cd7e3fa4b82f75e41f54b75db0f91a5",slot:"suffix",name:"chevrons-left"})," "),i("jump-button",{key:"2d310117b1aaff7478b446ebb3a7b6abe77710cd",onClick:()=>{this.current--},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===1?true:false}," ",i("jump-icon",{key:"c67fa75cef688edf974f9160ff96e6707c24e8a3",slot:"suffix",name:"chevron-left"})," "),i("jump-button",{key:"860dfc4e061ca2a3ff9cb1431c876d49786deb3a",onClick:()=>{this.current++},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"dcfd19e401f0f46f9ea4d74d409d016676049bbe",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&i("jump-button",{key:"5677dd009a15a5a46318d914a301d8ac9271224d",onClick:()=>{this.current=this.last},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"95d544d95eec216228151bef5fac83d7a39af0ea",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{current:["watchcurrent"]}}};s.style=n;export{s as jump_pagination};
+//# sourceMappingURL=p-f3c9fa96.entry.js.map

package/dist/types/components/jump-card-ecommerce/jump-card-ecommerce.d.ts

@@ -75,6 +75,12 @@ export declare class JumpCardEcommerce {
     productAddToCart: EventEmitter;
     productWaitingList: EventEmitter;
     variationSelected: EventEmitter;
+    /**
+     * Set the price of the product
+     * @param price
+     * @param salePrice
+     */
+    setPrice(price: number, salePrice: number): Promise<void>;
     addOption(e: any): void;
     onVariationSelected(): void;
     componentWillLoad(): void;

package/dist/types/components.d.ts

@@ -254,6 +254,12 @@ export namespace Components {
           * Indicates the sale price of the card
          */
         "salePrice": number;
+        /**
+          * Set the price of the product
+          * @param price
+          * @param salePrice
+         */
+        "setPrice": (price: number, salePrice: number) => Promise<void>;
         /**
           * Indicates the subtitle of the card
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jumpgroup/jump-design-system",
-  "version": "0.3.28",
+  "version": "0.3.30",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/jump-design-system/p-4eda6db0.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as s}from"./p-d4c681a4.js";const t=":host{display:block}.JumpTabPanel__Content{display:none;padding:1rem 0}.JumpTabPanel__Content.active{display:block}";const c=t;const n=class{constructor(a){e(this,a);this.identifier=undefined;this.active=false}render(){return a(s,{key:"359fc4d638f54a0a773fa2693cce1e671debe39f",class:"JumpTabPanel",id:this.identifier},a("div",{key:"766c75c1c8df88c36452b488aab737bddc8ff893",class:"JumpTabPanel__Content "+(this.active?"active":"")},a("slot",{key:"3ed59d7eaf7430c669ee1317fd2f0e1796e281d6"})))}};n.style=c;export{n as jump_tab_panel};
-//# sourceMappingURL=p-4eda6db0.entry.js.map

package/dist/jump-design-system/p-52754e07.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["jumpCardEcommerceCss","JumpCardEcommerceStyle0","JumpCardEcommerce","addOption","e","props","detail","this","variations","Object","assign","onVariationSelected","currentValue","variationSelectEl","value","variation","find","code","selectedVariation","variationSelected","emit","componentWillLoad","componentDidLoad","jumpQuantityEl","querySelector","addEventListener","onQuantityChange","bind","quantity","getValue","then","formatPrices","disconnectedCallback","removeEventListener","_a","onToggleFavorite","favorite","toggleFavorite","productId","addProductToCart","addedToCart","length","payload","productAddToCart","setTimeout","waitingList","addToWaitingList","productWaitingList","locale","document","documentElement","lang","toUpperCase","priceFormatted","price","toLocaleString","minimumFractionDigits","maximumFractionDigits","salePriceFormatted","salePrice","render","backgroundClass","hasBackground","isMini","iconOnlyClass","onlyIconButton","justifyClass","outOfStock","hasImageOnHover","hoverImg","miniCard","calculateDiscount","discount","toFixed","h","Host","badge","class","variant","dimension","label","hasFavorite","favoriteHref","href","onClick","size","text","onlyIcon","slot","name","category","hasSlotForFavorite","link","img","videoSrc","src","alt","imgAlt","hoverImgAlt","autoplay","type","notificationUrl","notificationText","pill","productName","subtitle","currency","ref","el","onChange","filter","imgUrl","map","outOfStockText","waitingListText","addToCartText"],"sources":["src/components/jump-card-ecommerce/jump-card-ecommerce.scss?tag=jump-card-ecommerce&encapsulation=shadow","src/components/jump-card-ecommerce/jump-card-ecommerce.tsx"],"sourcesContent":[":host {\n  --card-max-width: 450px;\n  --jump-card-max-width-horizontal: 100%;\n  --jump-card-color: var(--neutral-grey-primary);\n  --jump-card-background: transparent;\n  --jump-card-border-color: var(--neutral-grey-background);\n  --jump-card-padding: 0.5rem;\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-background);\n  color: var(--jump-card-color);\n\n  .Footer,\n  .Body {\n    display: flex;\n    width: 100%;\n  }\n\n  jump-badge {\n    position: absolute;\n    top: 1rem;\n    left: 1rem;\n    z-index: 2;\n\n    &.hasBackground.iconOnly {\n      top: calc(1rem + 8px);\n      left: calc(1rem + 8px);\n    }\n  }\n\n  .Favorite {\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    z-index: 2;\n\n    &.hasBackground.iconOnly {\n      top: calc(1rem + 8px);\n      right: calc(1rem + 8px);\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        object-fit: cover;\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: hidden;\n      }\n\n      &__Front {\n        z-index: 1;\n        transition: opacity 0.5s linear;\n        cursor: pointer;\n      }\n\n      &.has-hover-image {\n        &:hover .Images__Front {\n          opacity: 0;\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-padding) var(--jump-card-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  .NotificationCart {\n    display: none;\n    position: absolute;\n    bottom: 0px;\n    width: 100%;\n    padding: 2rem 1rem;\n    background-color: hsl(0 0% 0% / 35%);\n    box-sizing: border-box;\n    z-index: 2;\n    transform: translate3d(0, 0, 0);\n\n    &.is-active {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  .Content {\n    &.hasBackground {\n      background-color: var(--neutral-white);\n      padding: calc(var(--jump-card-padding) * 2);\n    }\n\n    &.iconOnly {\n      padding: calc(var(--jump-card-padding) * 2) var(--jump-card-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-padding) 0;\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    &.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  }\n\n  .Subtitle {\n    font-size: var(--fs-300);\n    color: var(--neutral-grey-secondary);\n    line-height: 1.2;\n  }\n\n  .Footer {\n    line-height: var(--lh-400);\n    justify-content: end;\n    padding: var(--jump-card-padding) 0;\n    align-items: flex-end;\n\n    &.justify-between {\n      justify-content: space-between;\n    }\n\n    &.hasBackground {\n      padding-bottom: 0;\n    }\n\n    &.iconOnly {\n      padding: 0;\n    }\n\n    &.is-mini {\n      padding: calc(var(--jump-card-padding) / 2) 0;\n    }\n  }\n\n  .OutOfStock {\n    justify-items: start;\n    font-size: var(--fs-300);\n    font-weight: var(--fw-900);\n    color: var(--status-danger-standard);\n  }\n\n  .OnlyIconButton {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    background: var(--neutral-white);\n    border-top-left-radius: 20px;\n    padding: 8px 8px 0px 8px;\n    z-index: 2;\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\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(--status-danger-standard);\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\n  .SelectVariations {\n    select {\n      appearance: none;\n      background-color: transparent;\n      border: 1px solid var(--neutral-grey-secondary);\n      border-radius: 3px;\n      color: var(--neutral-grey-secondary);\n      font-size: var(--fs-300);\n      padding: 0.5rem 0.75rem;\n      max-width: 100%;\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E\");\n      background-position: right 0.5rem center;\n      background-repeat: no-repeat;\n      background-size: 1.5em 1.5em;\n      padding-right: 2.5rem;\n      -webkit-print-color-adjust: exact;\n    }\n  }\n}\n\n.slide-in-bottom {\n  animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n\n.slide-out-bottom {\n  animation: slide-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;\n}\n\n.fade-in-out {\n  animation-name: fade-in-out;\n  animation-duration: 6s;\n  animation-timing-function: ease-in-out;\n}\n\n@keyframes fade-in-out {\n  from {\n    opacity: 0;\n    transform: translateY(100px);\n  }\n\n  50% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translateY(100px);\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Element, State, Listen} from '@stencil/core';\n\ninterface Variation {\n  code: string;\n  imgUrl: string;\n  label: string;\n  taxonomy: string;\n  // Add more keys as needed\n}\n\n@Component({\n  tag: 'jump-card-ecommerce',\n  styleUrl: 'jump-card-ecommerce.scss',\n  shadow: true,\n})\nexport class JumpCardEcommerce {\n\n  @Element() JumpCardEcommerce: HTMLElement;\n  jumpQuantityEl;\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n\n  /** Indicate if card has only icon button*/\n  @Prop() onlyIconButton: boolean = false;\n\n  /** Indicate if card has background*/\n  @Prop() hasBackground: boolean = false;\n\n  /** Indicates the badge of the card*/\n  @Prop() badge: string;\n\n  /**  Indicates if the product is favorite */\n\n  @Prop({mutable:true, reflect: true}) favorite: boolean = false;\n\n  /** Indicate if the whislist is active in shop*/\n  @Prop() hasFavorite: boolean = false;\n\n  /** Indicate if the whislist will be slotted*/\n  @Prop() hasSlotForFavorite: boolean = false;\n\n  /** Indicates if the favorite button is render as an anchor, and define the url*/\n  @Prop() favoriteHref: 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 over image's src of the card*/\n  @Prop() hoverImg: string ;\n\n  /** Indicates the hover img's alt of the card*/\n  @Prop() hoverImgAlt: string;\n\n  /** Indicates the videoSrc of the card*/\n  @Prop() videoSrc: string;\n\n  /** Indicates the notificationUrl of the card*/\n  @Prop() notificationUrl: string;\n\n  /** Indicates the notificationText of the card*/\n  @Prop() notificationText: 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 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  /** Indicates the button class of the add to cart / notification button */\n  @Prop() addToCartText: string ;\n\n  /** Indicates the button class of the add to cart / notification button */\n  @Prop() waitingListText: string ;\n\n  /** Indicate if the user request to be notified when te product is avaible*/\n  @Prop() addToWaitingList: boolean = false;\n\n  /** Indicate if the card is Mini Card*/\n  @Prop() isMini: boolean = false;\n\n  /* ---------------------- @STATE ------------------------- */\n\n  /** Indicate if the product is added to cart --> non deve esserci nelle storie! */\n  @Prop() addedToCart: boolean = false;\n\n  @Prop() endAddedToCart: boolean = false;\n\n  @State() variations: Variation[] = [];\n\n  @State() selectedVariation: Variation;\n\n  @State() priceFormatted: string;\n\n  @State() salePriceFormatted: string;\n\n  // è una proprietà che viene cambiata solo da dentro\n  quantity: number;\n\n  variationSelectEl: HTMLSelectElement;\n\n /* ---------------------- @EVENTS ------------------------- */\n\n  @Event({eventName: 'jump-toggle-favorite'}) toggleFavorite: EventEmitter;\n\n  @Event({eventName: 'jump-add-to-cart'}) productAddToCart: EventEmitter;\n\n  @Event({eventName: 'jump-add-to-waiting-list'}) productWaitingList: EventEmitter;\n\n  @Event({ eventName: 'jump-variation-selected' }) variationSelected: EventEmitter; // verificare se corretto: aggiungo un evento\n\n  @Listen(\"jump-card-ecommerce-option-connected\")\n  addOption(e) {\n    let props = e.detail; // es {code: 'sku1', imageUrl: 'https://google.com/'}\n    this.variations = [...this.variations, { ...props }];\n  }\n\n  onVariationSelected() {\n    let currentValue = this.variationSelectEl.value;\n    let variation = this.variations.find(\n      (variation) => variation.code == currentValue,\n    );\n    this.selectedVariation = variation;\n    this.variationSelected.emit(variation); // verificare se corretto: emetto l'evento\n  }\n\n\n  /* ---------------------- @LIFECYCLE ------------------------- */\n\n  componentWillLoad() {}\n\n  componentDidLoad() {\n    this.jumpQuantityEl = this.JumpCardEcommerce.querySelector('jump-quantity');\n\n    if(this.jumpQuantityEl){\n      this.jumpQuantityEl.addEventListener('jump-change',  this.onQuantityChange.bind(this));\n      this.quantity = this.jumpQuantityEl.getValue().then((quantity) => {\n        this.quantity = quantity;\n      });\n    }\n\n    this.formatPrices();\n  }\n\n  disconnectedCallback() {\n    this.jumpQuantityEl = this.JumpCardEcommerce.querySelector('jump-quantity');\n    if(this.jumpQuantityEl){\n      this.jumpQuantityEl.removeEventListener('jump-change',this.onQuantityChange);\n    }\n  }\n\n  /* ---------------------- @METHODS ------------------------- */\n  onQuantityChange(e) {\n    this.quantity = e.detail.value ?? false;\n  }\n\n  onToggleFavorite() {\n    this.favorite = !this.favorite;\n    this.toggleFavorite.emit(\n      {\n        productId: this.productId,\n        favorite: this.favorite\n      }\n    );\n  }\n\n  addProductToCart() {\n    this.addedToCart = true;\n    let variations = this.selectedVariation;\n    if(!variations && this.variations.length > 0) {\n      variations = this.variations[0];\n    }\n\n    const payload = {\n      productId: this.productId,\n      addedToCart: this.addedToCart,\n      quantity: this.quantity ?? null,\n      variation: variations ?? null\n    };\n    this.productAddToCart.emit(payload);\n\n    setTimeout(() => {\n      this.addedToCart = false;\n    }, 6000);\n  }\n\n  waitingList() {\n    this.addToWaitingList = true;\n    this.productWaitingList.emit(\n      {\n        productId: this.productId,\n        addToWaitingList: this.addToWaitingList\n      }\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, {minimumFractionDigits: 2, maximumFractionDigits: 2});\n  }\n\n  render() {\n    const backgroundClass = this.hasBackground && !this.isMini ? 'hasBackground' : '';\n    const iconOnlyClass = this.onlyIconButton && !this.isMini ? 'iconOnly' : '';\n    const justifyClass = this.outOfStock ? 'justify-between' : '';\n    const hasImageOnHover = this.hoverImg ? 'has-hover-image' : '';\n    const miniCard = this.isMini ? 'is-mini' : '';\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>\n        { !this.isMini && this.badge ? <jump-badge class={`${backgroundClass} ${iconOnlyClass}`} variant=\"secondary\" dimension=\"small\" label={this.badge}></jump-badge> : ''}\n\n        { !this.isMini && this.hasFavorite ?\n          this.favoriteHref != '' ?\n          <jump-button href={this.favoriteHref} onClick={ () => this.onToggleFavorite() } class={`Favorite ${backgroundClass} ${iconOnlyClass}`} variant={this.favorite ? 'primary' : 'neutral'} size=\"small\" text onlyIcon>\n              <jump-icon slot=\"prefix\" name=\"heart\" category={this.favorite ? 'solid' : 'light'} size=\"medium\"></jump-icon>\n          </jump-button>\n              :\n          <jump-button onClick={ () => this.onToggleFavorite() } class={`Favorite ${backgroundClass} ${iconOnlyClass}`} variant={this.favorite ? 'primary' : 'neutral'} size=\"small\" text onlyIcon>\n              <jump-icon slot=\"prefix\" name=\"heart\" category={this.favorite ? 'solid' : 'light'} size=\"medium\"></jump-icon>\n          </jump-button>\n        :\n          this.hasSlotForFavorite ? <div class=\"Favorite\"><slot name=\"favorite\"></slot> </div> : null\n        }\n\n        <div class={`Media ${iconOnlyClass} ${backgroundClass} ${miniCard}`}>\n          <a href={this.link}>\n            <figure class={`Images ${hasImageOnHover} `}>\n              {this.img && !this.videoSrc ? <img class=\"Images__Front\" src={this.img} alt={this.imgAlt}></img> : ''}\n              {this.hoverImg && !this.videoSrc ? <img class=\"Images__OnHover\" src={this.hoverImg} alt={this.hoverImgAlt}></img> : ''}\n            </figure>\n            {this.videoSrc && !this.img ?\n              <video autoplay>\n                <source src={this.videoSrc} type=\"video/mp4\"/>\n                <source src={this.videoSrc} type=\"video/mov\"/>\n                <source src={this.videoSrc} type=\"video/webm\"/>\n              </video> : ''}\n          </a>\n          { !this.isMini ?\n            <div class={`NotificationCart ${this.addedToCart == true ? 'is-active fade-in-out' : ''}`}>\n              <jump-button href={this.notificationUrl} variant=\"white\" text>\n                <jump-icon slot=\"prefix\" name=\"check\"></jump-icon>\n                <span> {this.notificationText} </span>\n              </jump-button>\n            </div>\n          : null}\n          { !this.isMini && this.onlyIconButton ?\n            <div class=\"OnlyIconButton\">\n              <jump-button variant=\"secondary\" size=\"large\" pill onlyIcon onClick={() => this.addProductToCart()}>\n                <jump-icon slot=\"prefix\" name='cart-shopping' category=\"regular\"></jump-icon>\n              </jump-button>\n            </div>\n            : ''\n          }\n        </div>\n\n        <div class={`Content ${backgroundClass} ${iconOnlyClass} ${miniCard}`}>\n          <div class={`Body ${backgroundClass} ${iconOnlyClass} ${miniCard}`}>\n            <div>\n              <div class=\"Info\">\n                <div class=\"Product\">{this.productName}</div>\n                { !this.isMini && this.subtitle ? <div class=\"Subtitle\">{this.subtitle}</div> : null}\n              </div>\n\n              {this.price ?\n                <div class={`Price ${miniCard}`}>\n                  {!this.isMini && this.salePrice && this.salePrice < this.price ?\n                    <div class=\"Price__Discount\"> {calculateDiscount(this.price, this.salePrice)}% </div>\n                  : null}\n\n                  {!this.isMini ?\n                    <div class={`Price__Regular ${this.salePrice && this.salePrice < this.price ? 'sale' : ''}`}>\n                      {this.currency}{this.priceFormatted}\n                    </div>\n                  :\n                    <div class={`Price__Regular`}>\n                      {this.currency}{ this.salePrice && this.salePrice < this.price ? this.salePriceFormatted : this.priceFormatted}\n                    </div>\n                  }\n\n                  {!this.isMini && this.salePrice && this.salePrice < this.price ?\n                    <div class=\"Price__Sale\">{this.currency}{this.salePriceFormatted}</div>\n                  : null}\n                </div>\n                : null}\n            </div>\n\n            {!this.isMini ?\n              <div class=\"SelectVariations\">\n                {this.variations.length != 0 ?\n                  <select\n                    ref={(el) => (this.variationSelectEl = el)} //salvo questo elemento in this.variationSelectEl\n                    onChange={() => {\n                      this.onVariationSelected();\n                    }}\n                  >\n                    {this.variations\n                      .filter((variation) => !variation.imgUrl)\n                      .map((variation) => (\n                        <option value={variation.code}>{variation.label}</option>\n                    ))}\n                  </select>\n                : null }\n              </div>\n            : null}\n\n            {!this.isMini ? <slot name=\"quantity\"></slot> : null}\n          </div>\n\n          <div class={`Footer ${justifyClass} ${backgroundClass} ${iconOnlyClass} ${miniCard}`}>\n\n            {this.outOfStock ? <div class=\"OutOfStock\">{this.outOfStockText ? this.outOfStockText : 'Esaurito'}</div> : ''}\n\n            { this.outOfStock ?\n              <jump-button variant=\"secondary\" size=\"small\" text onClick={() => this.waitingList()}>\n                <jump-icon slot=\"prefix\" name={!this.outOfStock ? 'cart-shopping' : 'bell'} category=\"regular\" size=\"small\"></jump-icon>\n                {this.waitingListText ? this.waitingListText : 'Notifica disponibilità'}\n              </jump-button> : ''\n            }\n\n            { !this.outOfStock && !this.onlyIconButton ?\n              <jump-button variant=\"secondary\" size=\"small\" text onClick={() => this.addProductToCart()}>\n                <jump-icon slot=\"prefix\" name={!this.outOfStock ? 'cart-shopping' : 'bell'} category=\"regular\" size=\"small\"></jump-icon>\n                {this.addToCartText ? this.addToCartText : 'Aggiungi al carrello'}\n              </jump-button> : ''\n            }\n\n          </div>\n\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}

package/dist/jump-design-system/p-fb02f386.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as i,H as a}from"./p-d4c681a4.js";const t=":host{--primary-standard:var(--secondary-hard, #435171);--jump-button-background-hover:red;--bg-drawer:var(--bg-drawer, #fff)}:host h3{margin:0}.filtersDrawer{position:fixed;display:flex;flex-direction:column;gap:1rem;left:-100vw;top:0;height:--webkit-fill-available;transition:0.3s all ease-in-out;background-color:var(--bg-drawer, #fff);padding:1rem;width:100%;max-width:240px;box-shadow:8px 0 15px 0 rgba(0, 0, 0, 0.1490196078);z-index:2}.filtersDrawer[aria-hidden=false]{left:0;transition:0.3s all ease-in-out}@media (min-width: 768px){.filtersDrawer{position:relative;left:0;height:auto;max-width:initial;box-shadow:none}}.filtersDrawer .filtersDrawer__header{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem}";const s=t;const r=class{constructor(i){e(this,i);this.direction="vertical";this.filterHeading="Filtra per";this.filterButtonLabel="Filtri";this.filterButtonIcon="sliders";this.mobileThreshold=768;this.filters=undefined;this.activeFilters=0;this.showMobileFilters=false;this.isMobile=false}filterChangeHandler(e){this.filters=Object.assign(Object.assign({},this.filters),{[e.detail.name]:e.detail.values});console.log("Received the custom filterChange event: ",this.filters)}handleResize(){this.isMobile=window.innerWidth<this.mobileThreshold}watchHandler(e,i){var a,t,s,r;if(e!==i){if(e){(a=this.mobileToggle)===null||a===void 0?void 0:a.setAttribute("aria-expanded","true");(t=this.filtersDrawer)===null||t===void 0?void 0:t.setAttribute("aria-hidden","false")}else{(s=this.mobileToggle)===null||s===void 0?void 0:s.setAttribute("aria-expanded","false");(r=this.filtersDrawer)===null||r===void 0?void 0:r.setAttribute("aria-hidden","true")}}}async getFilters(){return this.filters}componentDidLoad(){this.handleResize()}render(){return i(a,{key:"b45c2e4a0ed8985f709b5ef0cd6796c73f78080b",mobileFilters:this.showMobileFilters},this.isMobile&&i("jump-button",{key:"a8bf5423d154fe3dc7c91bc12a379fc30ab85992",ref:e=>{this.mobileToggle=e},buttonId:this.filterButtonIcon,variant:"primary",outline:true,onClick:()=>this.showMobileFilters=!this.showMobileFilters},i("slot",{key:"e9cdf515fe9d1f5f6c557f1b345ccaa5e75ed5ba",name:"prefix"},this.filterButtonIcon&&i("jump-badge",{key:"c5ce28fa3bc0e85195e80ee77d6c21724b2c8590",label:"1",variant:"success",soft:true,dimension:"dot"},this.filterButtonIcon),this.filterButtonLabel),i("slot",{key:"43d5a322cf0d0828b821abfb8bdfe14a9c2bf706",name:"suffix"},this.activeFilters>0?`(${this.activeFilters})`:"0")),i("div",{key:"7abdc1b83c1ecf2d507cc92d7034eaa089d3d4f4",ref:e=>{this.filtersDrawer=e},class:"filtersDrawer","data-variant":this.direction},!this.isMobile&&i("div",{key:"e74ee758eb1f18afae3b35c4d01ada3883819474",class:"filtersDrawer__header"},i("jump-icon",{key:"a9d1632b19d5f01ea3b471b09a1560bb5c8318fa",class:"small",name:this.filterButtonIcon}),i("h3",{key:"7447630022854d2ef9f4ec5d13a4b28661e834a5"},this.filterHeading)),i("slot",{key:"06e9e689e54131c31c99bc79faa1c9bb483df084"})))}static get watchers(){return{showMobileFilters:["watchHandler"]}}};r.style=s;export{r as jump_filter};
-//# sourceMappingURL=p-fb02f386.entry.js.map

package/dist/jump-design-system/p-fb02f386.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["jumpFilterCss","JumpFilterStyle0","JumpFilter","filterChangeHandler","event","this","filters","Object","assign","detail","name","values","console","log","handleResize","isMobile","window","innerWidth","mobileThreshold","watchHandler","newValue","oldValue","_a","mobileToggle","setAttribute","_b","filtersDrawer","_c","_d","getFilters","componentDidLoad","render","h","Host","key","mobileFilters","showMobileFilters","ref","el","buttonId","filterButtonIcon","variant","outline","onClick","label","soft","dimension","filterButtonLabel","activeFilters","class","direction","filterHeading"],"sources":["src/components/jump-filter/jump-filter.scss?tag=jump-filter&encapsulation=shadow","src/components/jump-filter/jump-filter.tsx"],"sourcesContent":[":host {\n  --primary-standard: var(--secondary-hard, #435171);\n  //--jump-button-background-hover: var(--secondary-hard, #435171);\n  --jump-button-background-hover: red;\n  --bg-drawer: var(--bg-drawer, #fff);\n\n  h3 {\n    margin: 0;\n  }\n}\n\n.filtersDrawer {\n  position: fixed;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  left: -100vw;\n  top: 0;\n  height: --webkit-fill-available;\n  transition: 0.3s all ease-in-out;\n  background-color: var(--bg-drawer, #fff);\n  padding: 1rem;\n  width: 100%;\n  max-width: 240px;\n  box-shadow: 8px 0 15px 0 #00000026;\n  z-index: 2;\n\n  &[aria-hidden=\"false\"] {\n    left: 0;\n    transition: 0.3s all ease-in-out;\n  }\n\n  @media (min-width: 768px) { //md breakpoint tailwind\n    position: relative;\n    left: 0;\n    height: auto;\n    max-width: initial;\n    box-shadow: none;\n  }\n\n  .filtersDrawer__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 0.5rem;\n  }\n}\n","import { Component, Host, Prop, h, State, Listen, Method, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'jump-filter',\n  styleUrl: 'jump-filter.scss',\n  shadow: true,\n})\nexport class JumpFilter {\n\n  @Prop() direction: 'horizontal' | 'vertical' = 'vertical';\n  @Prop() filterHeading: string = 'Filtra per';\n  @Prop() filterButtonLabel: string = 'Filtri';\n  @Prop() filterButtonIcon: string = 'sliders';\n  @Prop() mobileThreshold: number = 768;\n  @Prop() filters: any;\n\n  @State() activeFilters: number = 0;\n  @State() showMobileFilters: boolean = false;\n  @State() isMobile: boolean = false;\n\n  mobileToggle: HTMLElement | null;\n  filtersDrawer: HTMLElement;\n\n  @Listen('jump-filterchange')\n  filterChangeHandler(event: CustomEvent) {\n    //set this.filter as this.filters[event.detail.name] = event.detail.value; even if not present\n    this.filters = {...this.filters, [event.detail.name]: event.detail.values};\n    console.log('Received the custom filterChange event: ', this.filters);\n\n\n\n    //TODO: increment this.activeFilters\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    this.isMobile = window.innerWidth < this.mobileThreshold;\n  }\n\n  @Watch('showMobileFilters')\n  watchHandler(newValue: boolean, oldValue: boolean) {\n    if (newValue !== oldValue) {\n      if (newValue) {\n        this.mobileToggle?.setAttribute('aria-expanded', 'true');\n        this.filtersDrawer?.setAttribute('aria-hidden', 'false');\n      } else {\n        this.mobileToggle?.setAttribute('aria-expanded', 'false');\n        this.filtersDrawer?.setAttribute('aria-hidden', 'true');\n      }\n    }\n  }\n\n  /**\n   * Get the active filters from the component\n   */\n  @Method()\n  async getFilters() {\n    return this.filters;\n  }\n\n  componentDidLoad(){\n    this.handleResize();\n  }\n\n  render() {\n    return (\n      <Host mobileFilters={this.showMobileFilters}>\n        {this.isMobile && <jump-button\n          ref={(el) => {this.mobileToggle = el}}\n          buttonId={this.filterButtonIcon} variant={'primary'} outline\n          onClick={() => this.showMobileFilters = !this.showMobileFilters}>\n          <slot name=\"prefix\">\n            {this.filterButtonIcon &&\n              <jump-badge label=\"1\" variant=\"success\" soft dimension=\"dot\">{this.filterButtonIcon}</jump-badge>}\n            {this.filterButtonLabel}\n          </slot>\n          <slot name=\"suffix\">\n            {this.activeFilters > 0 ? `(${this.activeFilters})` : '0'}\n          </slot>\n        </jump-button>}\n\n        {<div\n          ref={(el) => {this.filtersDrawer = el}}\n          class=\"filtersDrawer\" data-variant={this.direction}>\n          {!this.isMobile &&\n          <div class={'filtersDrawer__header'}>\n            <jump-icon class=\"small\" name={this.filterButtonIcon}></jump-icon>\n            <h3>{this.filterHeading}</h3>\n          </div>}\n          <slot></slot>\n        </div>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,kuBACtB,MAAAC,EAAeD,E,MCMFE,EAAU,M,wCAE0B,W,mBACf,a,uBACI,S,sBACD,U,qBACD,I,0CAGD,E,uBACK,M,cACT,K,CAM7B,mBAAAC,CAAoBC,GAElBC,KAAKC,QAAOC,OAAAC,OAAAD,OAAAC,OAAA,GAAOH,KAAKC,SAAO,CAAE,CAACF,EAAMK,OAAOC,MAAON,EAAMK,OAAOE,SACnEC,QAAQC,IAAI,2CAA4CR,KAAKC,Q,CAQ/D,YAAAQ,GACET,KAAKU,SAAWC,OAAOC,WAAaZ,KAAKa,e,CAI3C,YAAAC,CAAaC,EAAmBC,G,YAC9B,GAAID,IAAaC,EAAU,CACzB,GAAID,EAAU,EACZE,EAAAjB,KAAKkB,gBAAY,MAAAD,SAAA,SAAAA,EAAEE,aAAa,gBAAiB,SACjDC,EAAApB,KAAKqB,iBAAa,MAAAD,SAAA,SAAAA,EAAED,aAAa,cAAe,Q,KAC3C,EACLG,EAAAtB,KAAKkB,gBAAY,MAAAI,SAAA,SAAAA,EAAEH,aAAa,gBAAiB,UACjDI,EAAAvB,KAAKqB,iBAAa,MAAAE,SAAA,SAAAA,EAAEJ,aAAa,cAAe,O,GAStD,gBAAMK,GACJ,OAAOxB,KAAKC,O,CAGd,gBAAAwB,GACEzB,KAAKS,c,CAGP,MAAAiB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,cAAe9B,KAAK+B,mBACvB/B,KAAKU,UAAYiB,EAAA,eAAAE,IAAA,2CAChBG,IAAMC,IAAQjC,KAAKkB,aAAee,CAAE,EACpCC,SAAUlC,KAAKmC,iBAAkBC,QAAS,UAAWC,QAAO,KAC5DC,QAAS,IAAMtC,KAAK+B,mBAAqB/B,KAAK+B,mBAC9CJ,EAAA,QAAAE,IAAA,2CAAMxB,KAAK,UACRL,KAAKmC,kBACJR,EAAA,cAAAE,IAAA,2CAAYU,MAAM,IAAIH,QAAQ,UAAUI,KAAI,KAACC,UAAU,OAAOzC,KAAKmC,kBACpEnC,KAAK0C,mBAERf,EAAA,QAAAE,IAAA,2CAAMxB,KAAK,UACRL,KAAK2C,cAAgB,EAAI,IAAI3C,KAAK2C,iBAAmB,MAIzDhB,EAAA,OAAAE,IAAA,2CACCG,IAAMC,IAAQjC,KAAKqB,cAAgBY,CAAE,EACrCW,MAAM,gBAAe,eAAe5C,KAAK6C,YACvC7C,KAAKU,UACPiB,EAAA,OAAAE,IAAA,2CAAKe,MAAO,yBACVjB,EAAA,aAAAE,IAAA,2CAAWe,MAAM,QAAQvC,KAAML,KAAKmC,mBACpCR,EAAA,MAAAE,IAAA,4CAAK7B,KAAK8C,gBAEZnB,EAAA,QAAAE,IAAA,8C"}