@jumpgroup/jump-design-system 0.3.52 → 0.3.54

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","hasSlotAddToCart","link","img","imgAlt","hoverImg","hoverImgAlt","videoSrc","notificationUrl","notificationText","productName","subtitle","productId","price","salePrice","currency","addToCartColor","badgeColor","outOfStock","outOfStockText","addToCartText","waitingListText","addToWaitingList","isMini","addedToCart","endAddedToCart","variations","selectedVariation","priceFormatted","salePriceFormatted","setPrice","direction","filterHeading","filterButtonLabel","filterButtonIcon","mobileThreshold","filters","showCount","offCanvasOverlay","activeFilters","showMobileFilters","isMobile","offCanvasClasses","getFilters","heading","otherLabel","lessLabel","maxElements","values","slotItems","inputs","showMore","getValues","getActiveAmount","getInputs","getName","logo","navItems","secondaryNavItems","navPosition","megaMenuAlignment","sticky","stickyThreshold","mobileLogo","user","pagLabel","last","showFirstAndLast","current","elementsRanges","elPerPage","labelElementsPerPage","total","first","elementsRangesArray","min","max","step","showButtons","currentValue","getValue","reset","placeholder","identifier","debounceTime","searchType","summary","open","icon","iconName","iconPosition","active","groupIdentifier","horizontal","dark","shadow","border","borderRadius","topBorderContentRadius","boxed","roundedMedia","imgSrc","code","imgUrl","sku","taxonomy","checked","count","isChecked","alignment","fullBorder","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","hasSlotAddToCart","link","img","imgAlt","hoverImg","hoverImgAlt","videoSrc","notificationUrl","notificationText","productName","subtitle","productId","price","salePrice","currency","addToCartColor","badgeColor","outOfStock","outOfStockText","addToCartText","waitingListText","addToWaitingList","isMini","addedToCart","endAddedToCart","variations","selectedVariation","priceFormatted","salePriceFormatted","setPrice","direction","filterHeading","filterButtonLabel","filterButtonIcon","mobileThreshold","filters","showCount","offCanvasOverlay","activeFilters","showMobileFilters","isMobile","offCanvasClasses","getFilters","heading","otherLabel","lessLabel","maxElements","values","slotItems","inputs","showMore","getValues","getActiveAmount","getInputs","getName","logo","navItems","secondaryNavItems","navPosition","megaMenuAlignment","sticky","stickyThreshold","mobileLogo","user","pagLabel","last","showFirstAndLast","current","elementsRanges","elPerPage","labelElementsPerPage","total","first","elementsRangesArray","min","max","step","showButtons","currentValue","getValue","reset","placeholder","noResultText","loadingText","resultsText","showAllResText","identifier","debounceTime","withBtn","recentsTitle","recents","results","dropdown","linearIconOnly","dropdownPosition","dropdownVisible","searchValue","resType","innerResults","totalResults","isExpanded","setResults","isOpen","summary","open","icon","iconName","iconPosition","active","groupIdentifier","horizontal","dark","shadow","border","borderRadius","topBorderContentRadius","boxed","roundedMedia","imgSrc","code","imgUrl","sku","taxonomy","checked","count","isChecked","details","alignment","fullBorder","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-00b5b7b1.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,H as a,g as e}from"./p-21aa0095.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);color:var(--neutral-grey-primary);text-decoration:none}: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 .Footer__AddToCart{--jump-button-color:var(--jump-card-ecommerce-add-to-cart-color);--jump-button-background:var(--jump-card-ecommerce-add-to-cart-background);--jump-button-color-hover:var(--jump-card-ecommerce-add-to-cart-color-hover);--jump-button-background-hover:var(--jump-card-ecommerce-add-to-cart-background-hover)}: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{display:flex;align-items:flex-end}: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 r=o;const n=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.hasSlotAddToCart=false;this.link=undefined;this.img=undefined;this.imgAlt=undefined;this.hoverImg=undefined;this.hoverImgAlt=undefined;this.videoSrc=undefined;this.notificationUrl=undefined;this.notificationText="Aggiunto al carrello";this.productName=undefined;this.subtitle=undefined;this.productId=undefined;this.price=undefined;this.salePrice=undefined;this.currency="€";this.addToCartColor="secondary";this.badgeColor="secondary";this.outOfStock=false;this.outOfStockText=undefined;this.addToCartText="Aggiungi al carrello";this.waitingListText="Notifica disponibilità";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 e=this.outOfStock?"justify-between":"";const o=this.hoverImg?"has-hover-image":"";const r=this.isMini?"is-mini":"";function n(t,i){const s=(t-i)/t*100;return s.toFixed(0)}return s(a,null,!this.isMini&&this.badge?s("jump-badge",{class:`${t} ${i}`,variant:this.badgeColor,dimension:"small",label:this.badge}):"",!this.isMini&&this.hasFavorite?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} ${r}`},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&&!this.hasSlotAddToCart?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"}))):"",!this.isMini&&this.onlyIconButton&&this.hasSlotAddToCart?s("div",{class:"OnlyIconButton"},s("slot",{name:"add-to-cart"})):""),s("div",{class:`Content ${t} ${i} ${r}`},s("div",{class:`Body ${t} ${i} ${r}`},s("div",null,s("div",{class:"Info"},s("a",{href:this.link,class:"Product"},this.productName),!this.isMini&&this.subtitle?s("div",{class:"Subtitle"},this.subtitle):null),this.price?s("div",{class:`Price ${r}`},!this.isMini&&this.salePrice&&this.salePrice<this.price?s("div",{class:"Price__Discount"}," ",n(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",null,this.variations.length!=0?s("div",{class:"SelectVariations"},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,s("slot",{name:"quantity"})):null),s("div",{class:`Footer ${e} ${t} ${i} ${r}`},this.outOfStock&&!this.isMini?s("div",{class:"OutOfStock"},this.outOfStockText?this.outOfStockText:"Esaurito"):"",this.outOfStock?s("jump-button",{class:"Footer__AddToCart",variant:this.addToCartColor,size:"small",text:true,onClick:()=>this.waitingList()},s("jump-icon",{slot:"prefix",name:"bell",category:"regular",size:"small"}),this.waitingListText):"",!this.outOfStock&&!this.onlyIconButton&&!this.hasSlotAddToCart?s("jump-button",{class:"Footer__AddToCart",variant:this.addToCartColor,size:"small",text:true,onClick:()=>this.addProductToCart()},s("jump-icon",{slot:"prefix",name:"cart-shopping",category:"regular",size:"small"}),this.addToCartText):"",!this.outOfStock&&!this.onlyIconButton&&this.hasSlotAddToCart?s("slot",{name:"add-to-cart"}):null)))}get JumpCardEcommerce(){return e(this)}};n.style=r;export{n as jump_card_ecommerce};
+//# sourceMappingURL=p-00b5b7b1.entry.js.map

package/dist/jump-design-system/p-00b5b7b1.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","badgeColor","dimension","label","hasFavorite","onClick","size","text","onlyIcon","slot","name","category","hasSlotForFavorite","href","link","img","videoSrc","src","alt","imgAlt","hoverImgAlt","autoplay","type","notificationUrl","notificationText","hasSlotAddToCart","pill","productName","subtitle","currency","ref","el","onChange","filter","imgUrl","map","outOfStockText","addToCartColor","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    color: var(--neutral-grey-primary);\n    text-decoration: none;\n  }\n\n  .Subtitle {\n    font-size: var(--fs-300);\n    color: var(--neutral-grey-secondary);\n    line-height: 1.2;\n  }\n\n  .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    &__AddToCart {\n      --jump-button-color: var(--jump-card-ecommerce-add-to-cart-color);\n      --jump-button-background: var(--jump-card-ecommerce-add-to-cart-background);\n      --jump-button-color-hover: var(--jump-card-ecommerce-add-to-cart-color-hover);\n      --jump-button-background-hover: var(--jump-card-ecommerce-add-to-cart-background-hover);\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    display: flex;\n    align-items: flex-end;\n\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  @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  /** Indicate if the add to cart btn will be slotted*/\n  @Prop() hasSlotAddToCart: boolean = false;\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 = 'Aggiunto al carrello';\n\n  /** Indicates the title of the card*/\n  @Prop() productName: string;\n\n  /** Indicates the subtitle of the card*/\n  @Prop() subtitle: string;\n\n  /** Indicates the ID of the product, can be also a SKU*/\n  @Prop() productId: string;\n\n  /**  Indicates the price of the card */\n  @Prop() price: number;\n\n  /** Indicates the sale price of the card */\n  @Prop() salePrice: number;\n\n  /** Indicates the currency of the card */\n  @Prop() currency: string = '€';\n\n  /** Indicates the variant of the button */\n  @Prop() addToCartColor: 'primary' | 'secondary'|'white'|'neutral' = 'secondary';\n\n  /** Indicates the variant of the button */\n  @Prop() badgeColor: 'primary' | 'secondary' | 'neutral' | 'warning' | 'success' | 'danger' = 'secondary';\n\n  /** Indicates if the product is outOfStock */\n  @Prop({ mutable: true, reflect: true }) outOfStock: boolean = false;\n\n  /** Indicates the outOfStockText of the product*/\n  @Prop() outOfStockText: string;\n\n  /** Indicates the button class of the add to cart / notification button */\n  @Prop() addToCartText: string = 'Aggiungi al carrello';\n\n  /** Indicates the button class of the add to cart / notification button */\n  @Prop() waitingListText: string = 'Notifica disponibilità';\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  /* ---------------------- @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={this.badgeColor} dimension=\"small\"\n                      label={this.badge}></jump-badge> : ''}\n\n        {!this.isMini && this.hasFavorite ?\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          }\n\n          {!this.isMini && this.onlyIconButton && !this.hasSlotAddToCart ?\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\n          {!this.isMini && this.onlyIconButton && this.hasSlotAddToCart ?\n            <div class=\"OnlyIconButton\">\n                <slot name=\"add-to-cart\"></slot>\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                <a href={this.link} class=\"Product\">{this.productName}</a>\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>\n                {this.variations.length != 0 ?\n                  <div class=\"SelectVariations\">\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                  </div>\n                : null}\n                <slot name=\"quantity\"></slot>\n              </div>\n            : null}\n\n          </div>\n\n          <div class={`Footer ${justifyClass} ${backgroundClass} ${iconOnlyClass} ${miniCard}`}>\n\n            {this.outOfStock && !this.isMini?\n              <div class=\"OutOfStock\">{this.outOfStockText ? this.outOfStockText : 'Esaurito'}</div> : ''}\n\n            {this.outOfStock ?\n              <jump-button class=\"Footer__AddToCart\" variant={this.addToCartColor} size=\"small\" text onClick={() => this.waitingList()}>\n                <jump-icon slot=\"prefix\" name=\"bell\" category=\"regular\" size=\"small\"></jump-icon>\n                {this.waitingListText}\n              </jump-button> : ''\n            }\n\n            {!this.outOfStock && !this.onlyIconButton && !this.hasSlotAddToCart ?\n              <jump-button class=\"Footer__AddToCart\" variant={this.addToCartColor} size=\"small\" text onClick={() => this.addProductToCart()}>\n                <jump-icon slot=\"prefix\" name=\"cart-shopping\" category=\"regular\" size=\"small\"></jump-icon>\n                {this.addToCartText}\n              </jump-button> : ''\n            }\n\n            {!this.outOfStock && !this.onlyIconButton && this.hasSlotAddToCart ?\n                <slot name=\"add-to-cart\"></slot>\n              : null\n            }\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}

package/dist/jump-design-system/{p-18df1585.entry.js → p-02e863db.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as a,H as i}from"./p-1c5db8d3.js";const r=":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);--overlay-bg-color:var(--overlay-bg-color, rgba(0, 0, 0, 0.35))}:host h3{margin:0}.filtersDrawer__overlay{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:var(--overlay-bg-color, rgba(0, 0, 0, 0.35));z-index:1;width:100vw;height:100vh;display:none;opacity:0;transition:opacity 0.3s ease-in-out}.filtersDrawer__overlay.filtersDrawer__overlay--active{display:block}.filtersDrawer__overlay.filtersDrawer__overlay--active{opacity:1}.filtersDrawer{position:fixed;display:flex;flex-direction:column;gap:2.5rem;left:-100vw;top:0;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;right:0;width:auto;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;max-height:initial;box-shadow:none}}@media (max-width: 767px){.filtersDrawer{top:var(--header-height)}}.filtersDrawer .filtersDrawer__header{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem}";const t=r;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.showCount=false;this.offCanvasOverlay=false;this.activeFilters=0;this.showMobileFilters=false;this.isMobile=false;this.offCanvasClasses="filtersDrawer__overlay"}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,r,t,s;if(e!==a){if(e){(i=this.mobileToggle)===null||i===void 0?void 0:i.setAttribute("aria-expanded","true");(r=this.filtersDrawer)===null||r===void 0?void 0:r.setAttribute("aria-hidden","false");this.offCanvasClasses="filtersDrawer__overlay filtersDrawer__overlay--active"}else{(t=this.mobileToggle)===null||t===void 0?void 0:t.setAttribute("aria-expanded","false");(s=this.filtersDrawer)===null||s===void 0?void 0:s.setAttribute("aria-hidden","true");this.offCanvasClasses="filtersDrawer__overlay"}}}async getFilters(){return this.filters}componentDidLoad(){this.handleResize()}render(){return a(i,{key:"a6887d6f754cdba0e3ec854c0e553d4805c62c63",mobileFilters:this.showMobileFilters},this.isMobile&&a("jump-button",{key:"0194221f6ba4be2f547d8b6495f94c9d716e8be1",ref:e=>{this.mobileToggle=e},buttonId:this.filterButtonIcon,variant:"primary",outline:true,onClick:()=>this.showMobileFilters=!this.showMobileFilters},a("slot",{key:"5b60281b75d958d605c97b69be6576f177538740",name:"prefix"},this.filterButtonIcon&&a("jump-icon",{key:"c85beb03fd5132192bfa5f2d83c1e5cec64c4f4e",library:"fa",category:"regular",name:this.filterButtonIcon,size:"small"}),this.filterButtonLabel),a("slot",{key:"9bf612b73c9c0d69172ed6caff94e1f34541c539",name:"suffix"},this.activeFilters>0&&a("jump-badge",{key:"8c01c39288672210dc546ecb72fa7ef4d9c60bef",label:this.activeFilters.toString(),variant:"success",soft:true,dimension:"dot"},"1"))),this.offCanvasOverlay&&a("div",{key:"b588e7ab489541c92a04df32ad40a5c31238451a",class:this.offCanvasClasses,onClick:()=>this.showMobileFilters=false}),a("div",{key:"af8c4b52c7a87461e98a63d2040999b179c6c372",ref:e=>{this.filtersDrawer=e},class:"filtersDrawer","data-variant":this.direction},!this.isMobile&&a("div",{key:"fde6a476ff39c470b91030a2ea00c73392a7644d",class:"filtersDrawer__header"},a("jump-icon",{key:"4173961bcb0943d9de12c853968e503917bf6063",class:"small",name:this.filterButtonIcon}),a("h3",{key:"c7e1982a2805e714acab2d9ca5ba3a3c8b925e6e"},this.filterHeading)),this.isMobile&&a("jump-icon",{key:"95e0e48852c12f9474482410e0a4aec7dd348d1f",library:"lucide",name:"x",size:"small",label:"",class:"filtersDrawer__close",onClick:()=>this.showMobileFilters=false}),a("slot",{key:"0185bb00a4bd55193ff3cf9594f45a3d2da9f8d9"})))}static get watchers(){return{showMobileFilters:["watchHandler"]}}};s.style=t;export{s as jump_filter};
-//# sourceMappingURL=p-18df1585.entry.js.map
+import{r as e,h as a,H as i}from"./p-21aa0095.js";const r=":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);--overlay-bg-color:var(--overlay-bg-color, rgba(0, 0, 0, 0.35))}:host h3{margin:0}.filtersDrawer__overlay{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:var(--overlay-bg-color, rgba(0, 0, 0, 0.35));z-index:1;width:100vw;height:100vh;display:none;opacity:0;transition:opacity 0.3s ease-in-out}.filtersDrawer__overlay.filtersDrawer__overlay--active{display:block}.filtersDrawer__overlay.filtersDrawer__overlay--active{opacity:1}.filtersDrawer{position:fixed;display:flex;flex-direction:column;gap:2.5rem;left:-100vw;top:0;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;right:0;width:auto;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;max-height:initial;box-shadow:none}}@media (max-width: 767px){.filtersDrawer{top:var(--header-height)}}.filtersDrawer .filtersDrawer__header{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem}";const t=r;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.showCount=false;this.offCanvasOverlay=false;this.activeFilters=0;this.showMobileFilters=false;this.isMobile=false;this.offCanvasClasses="filtersDrawer__overlay"}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,r,t,s;if(e!==a){if(e){(i=this.mobileToggle)===null||i===void 0?void 0:i.setAttribute("aria-expanded","true");(r=this.filtersDrawer)===null||r===void 0?void 0:r.setAttribute("aria-hidden","false");this.offCanvasClasses="filtersDrawer__overlay filtersDrawer__overlay--active"}else{(t=this.mobileToggle)===null||t===void 0?void 0:t.setAttribute("aria-expanded","false");(s=this.filtersDrawer)===null||s===void 0?void 0:s.setAttribute("aria-hidden","true");this.offCanvasClasses="filtersDrawer__overlay"}}}async getFilters(){return this.filters}componentDidLoad(){this.handleResize()}render(){return a(i,{key:"a6887d6f754cdba0e3ec854c0e553d4805c62c63",mobileFilters:this.showMobileFilters},this.isMobile&&a("jump-button",{key:"0194221f6ba4be2f547d8b6495f94c9d716e8be1",ref:e=>{this.mobileToggle=e},buttonId:this.filterButtonIcon,variant:"primary",outline:true,onClick:()=>this.showMobileFilters=!this.showMobileFilters},a("slot",{key:"5b60281b75d958d605c97b69be6576f177538740",name:"prefix"},this.filterButtonIcon&&a("jump-icon",{key:"c85beb03fd5132192bfa5f2d83c1e5cec64c4f4e",library:"fa",category:"regular",name:this.filterButtonIcon,size:"small"}),this.filterButtonLabel),a("slot",{key:"9bf612b73c9c0d69172ed6caff94e1f34541c539",name:"suffix"},this.activeFilters>0&&a("jump-badge",{key:"8c01c39288672210dc546ecb72fa7ef4d9c60bef",label:this.activeFilters.toString(),variant:"success",soft:true,dimension:"dot"},"1"))),this.offCanvasOverlay&&a("div",{key:"b588e7ab489541c92a04df32ad40a5c31238451a",class:this.offCanvasClasses,onClick:()=>this.showMobileFilters=false}),a("div",{key:"af8c4b52c7a87461e98a63d2040999b179c6c372",ref:e=>{this.filtersDrawer=e},class:"filtersDrawer","data-variant":this.direction},!this.isMobile&&a("div",{key:"fde6a476ff39c470b91030a2ea00c73392a7644d",class:"filtersDrawer__header"},a("jump-icon",{key:"4173961bcb0943d9de12c853968e503917bf6063",class:"small",name:this.filterButtonIcon}),a("h3",{key:"c7e1982a2805e714acab2d9ca5ba3a3c8b925e6e"},this.filterHeading)),this.isMobile&&a("jump-icon",{key:"95e0e48852c12f9474482410e0a4aec7dd348d1f",library:"lucide",name:"x",size:"small",label:"",class:"filtersDrawer__close",onClick:()=>this.showMobileFilters=false}),a("slot",{key:"0185bb00a4bd55193ff3cf9594f45a3d2da9f8d9"})))}static get watchers(){return{showMobileFilters:["watchHandler"]}}};s.style=t;export{s as jump_filter};
+//# sourceMappingURL=p-02e863db.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,H as r}from"./p-21aa0095.js";const s=":host{display:block;position:relative;--jump-search-bar-mobile-focus-color:var(--secondary-standard, #5E79BA);--jump-search-bar-mobile-background-color:var(--gray-ultralight, #FFFFFF);--jump-search-bar-mobile-border-color:var(--neutral-grey-secondary, #707070);font-family:var(--ff-primary)}:host .DropdownWrapper{background-color:var(--jump-search-bar-mobile-background-color);padding:16px;position:fixed;top:0;left:0;height:100vh;z-index:1000;}:host .DropdownWrapper .closeButton{cursor:pointer}:host .DropdownWrapper.open{display:block}:host .DropdownWrapper:not(.open){display:none}:host .DropdownWrapper .InputWrapper{background-color:white;width:100%;display:flex;gap:12px;border-bottom:1px solid var(--jump-search-bar-mobile-border-color);padding-bottom:4px}:host .DropdownWrapper .InputWrapper.focused{border-color:var(--jump-search-bar-mobile-focus-color) !important}:host .DropdownWrapper .InputWrapper.focused jump-icon{color:var(--jump-search-bar-mobile-focus-color) !important}:host .DropdownWrapper .InputWrapper.focused input{outline:none !important}:host .DropdownWrapper input{width:100%;border:none}:host .DropdownWrapper .Results{margin-top:12px}:host .DropdownWrapper .Results__Recents .title{color:#707070;font-size:14px;line-height:20px;padding:8px 0;font-weight:700;display:flex}:host .DropdownWrapper .Results__Results .totalRes{display:flex;justify-content:space-between}:host .DropdownWrapper .Results .ResWrapper{display:flex;flex-direction:column}:host .DropdownWrapper .Results .ResWrapper div{padding:8px 0;color:#707070;font-size:14px;display:flex;gap:12px;align-items:center}:host .DropdownWrapper .Results .ResWrapper div img{width:40px;height:48px;object-fit:cover;border-radius:3px}:host .DropdownWrapper .Results .ResWrapper div:hover{cursor:pointer}:host .DropdownWrapper .Results .ResWrapper .helperText{color:#CBCBCB}:host .DropdownWrapper .Results .ResWrapper .helperText svg{width:25px;height:25px}";const a=s;const o=class{constructor(i){e(this,i);this.resultClicked=t(this,"jump-search-bar-mobile-res-clicked",7);this.search=t(this,"jump-search-bar-mobile",7);this.showFullSearch=t(this,"jump-search-bar-mobile-show-all",7);this.handleFocus=()=>{const e=this.jumpSearchBar.closest(".InputWrapper");if(e){e.classList.add("focused")}};this.handleBlur=()=>{const e=this.jumpSearchBar.closest(".InputWrapper");if(e){e.classList.remove("focused")}};this.doSearch=()=>{if(this.jumpSearchBar){this.searchValue=this.jumpSearchBar.value;if(this.searchValue.length>=3){this.resType="results";this.innerResults=undefined;this.search.emit({search:this.searchValue})}}};this.isOpen=false;this.innerResults=[];this.totalResults=0;this.resType="recents";this.searchValue=undefined;this.identifier="search-bar-mobile";this.placeholder="Cerca...";this.recents=[];this.recentsTitle="Recenti";this.debounceTime=500;this.loadingText="Sto caricando...";this.noResultText="Nessun risultato corrispondente";this.results=[];this.resultsText="risultati";this.showAllResText="Mostra tutti i risultati"}searchValueChanged(e){if(e===""){this.innerResults=[...this.recents];this.results=[]}}addOption(e){let t=e.detail;this.recents=[...this.recents,Object.assign({},t)];this.innerResults=[...this.recents]}async setResults(e,t){this.results=e;this.innerResults=e;this.totalResults=t}openDropdown(){console.log("openDropdown");this.isOpen=true}closeDropdown(){this.isOpen=false}btnOrShowOtherClicked(){this.showFullSearch.emit({search:this.searchValue})}handleResClicked(e){this.resultClicked.emit({clicked:e})}debounce(e,t=this.debounceTime){let i;return(...r)=>{if(i){clearTimeout(i)}i=setTimeout((()=>{e.apply(null,r)}),t)}}render(){return i(r,{key:"f0535a70395bacabc372999896fc410c948bbed4",class:"JumpSearchBarMobile",ref:e=>this.componentRef=e},i("jump-icon",{key:"34431a69c6c68f48b5f92b03f5a876f485d66e34",name:"magnifying-glass",category:"light",onClick:()=>this.openDropdown()}),i("div",{key:"89575c7a7a1c0a601a589ac451242e591d907a43",class:"DropdownWrapper "+(this.isOpen?"open":"")},i("div",{key:"633c8543dc2eaf36b7fc61857d7d63aadf852cd8",class:"InputWrapper"},i("jump-icon",{key:"3c85be9683007c77faf9fe705c382b753dc8d6fb",class:"closeButton",category:"light",name:"arrow-left",onClick:()=>this.closeDropdown()}),i("input",{key:"29f98929f8ed596072f1fe31d5820e9bde0a5604",placeholder:this.placeholder,type:"search",id:this.identifier,class:"search-input",ref:e=>{this.jumpSearchBar=e},onInput:this.debounce(this.doSearch),onFocus:this.handleFocus,onBlur:this.handleBlur}),i("jump-icon",{key:"0e577fbdc3cfcc3d1628360487a828437459e01a",name:"magnifying-glass",category:"light"})),i("div",{key:"da670ec6f527cc0015b42eea74acc355d081e260",class:"Results"},this.resType=="recents"&&i("div",{key:"bb8eed320957070598e1fb57b3db5a7aa0cea4bd",class:"Results__Recents"},this.recents.length!=0&&i("span",{key:"748a65cfbb955af507acc30a86afa2366b31d99a",class:"title"},this.recentsTitle),i("div",{key:"e3fd0b306f42a56a85d1efc4898a4ead272ce15d",class:"ResWrapper"},this.innerResults.length>0&&this.innerResults.map((e=>i("div",{onClick:()=>this.handleResClicked(e)},i("jump-icon",{name:"magnifying-glass",category:"light"}),e["value"]))))),this.resType=="results"&&i("div",{key:"29f82834ad14a34547f9f856f045c7cccc9431e0",class:"Results__Results"},i("div",{key:"1c005fe5f1d9a88c151886eda65f372c52f4710f",class:"ResWrapper"},this.innerResults===undefined?i("div",{class:"helperText"},i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",width:"252",height:"252"},i("g",null,i("g",{transform:"rotate(0 50 50)"},i("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},i("animate",{repeatCount:"indefinite",begin:"-0.9s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),i("g",{transform:"rotate(36 50 50)"},i("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},i("animate",{repeatCount:"indefinite",begin:"-0.8s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),i("g",{transform:"rotate(72 50 50)"},i("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},i("animate",{repeatCount:"indefinite",begin:"-0.7s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),i("g",{transform:"rotate(108 50 50)"},i("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},i("animate",{repeatCount:"indefinite",begin:"-0.6s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),i("g",{transform:"rotate(144 50 50)"},i("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},i("animate",{repeatCount:"indefinite",begin:"-0.5s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),i("g",{transform:"rotate(180 50 50)"},i("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},i("animate",{repeatCount:"indefinite",begin:"-0.4s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),i("g",{transform:"rotate(216 50 50)"},i("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},i("animate",{repeatCount:"indefinite",begin:"-0.3s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),i("g",{transform:"rotate(252 50 50)"},i("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},i("animate",{repeatCount:"indefinite",begin:"-0.2s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),i("g",{transform:"rotate(288 50 50)"},i("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},i("animate",{repeatCount:"indefinite",begin:"-0.1s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),i("g",{transform:"rotate(324 50 50)"},i("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},i("animate",{repeatCount:"indefinite",begin:"0s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),i("g",null))),this.loadingText):this.innerResults.length>0?this.innerResults.map((e=>i("div",{onClick:()=>this.handleResClicked(e),key:e["id"]},e["img"]&&i("img",{src:e["img"],alt:"result"}),e["value"]))):i("div",{class:"helperText"},this.noResultText),this.innerResults&&this.innerResults.length>0&&i("div",{key:"084038e82063eb93fea6ea10d0a405fb7f1e04a8",class:"totalRes"},i("jump-button",{key:"f09ae73865768a64e75fcc2b887c4631e3271697",variant:"secondary",size:"small",text:true,onClick:()=>this.btnOrShowOtherClicked(),target:"_blank"}," ",this.showAllResText," "),this.totalResults&&i("div",{key:"66c370a16342ebfe68e3032299bf3da32ed53acd"},this.totalResults," ",this.resultsText)))))))}static get watchers(){return{searchValue:["searchValueChanged"]}}};o.style=a;export{o as jump_search_bar_mobile};
+//# sourceMappingURL=p-07633158.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jumpSearchBarMobileCss","JumpSearchBarMobileStyle0","JumpSearchBarMobile","this","handleFocus","searchBarContainer","jumpSearchBar","closest","classList","add","handleBlur","remove","doSearch","searchValue","value","length","resType","innerResults","undefined","search","emit","searchValueChanged","newValue","recents","results","addOption","e","props","detail","Object","assign","setResults","tot","totalResults","openDropdown","console","log","isOpen","closeDropdown","btnOrShowOtherClicked","showFullSearch","handleResClicked","item","resultClicked","clicked","debounce","fn","delay","debounceTime","timeoutId","args","clearTimeout","setTimeout","apply","render","h","Host","key","class","ref","el","componentRef","name","category","onClick","placeholder","type","id","identifier","onInput","onFocus","onBlur","recentsTitle","map","xmlns","viewBox","preserveAspectRatio","width","height","transform","fill","ry","rx","y","x","repeatCount","begin","dur","keyTimes","values","attributeName","loadingText","src","alt","noResultText","variant","size","text","target","showAllResText","resultsText"],"sources":["src/components/jump-search-bar-mobile/jump-search-bar-mobile.scss?tag=jump-search-bar-mobile&encapsulation=shadow","src/components/jump-search-bar-mobile/jump-search-bar-mobile.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n\n  --jump-search-bar-mobile-focus-color: var(--secondary-standard, #5E79BA);\n  --jump-search-bar-mobile-background-color: var(--gray-ultralight, #FFFFFF);\n  --jump-search-bar-mobile-border-color: var(--neutral-grey-secondary, #707070);\n\n  font-family: var(--ff-primary);\n\n  .DropdownWrapper {\n    background-color: var(--jump-search-bar-mobile-background-color);\n    padding: 16px;\n    position: fixed;\n    top: 0;\n    left: 0;\n    //width: 100vw; tengo commentato solo per i test\n    height: 100vh;\n    z-index: 1000;\n\n    .closeButton {\n      cursor: pointer;\n    }\n\n    &.open {\n      display: block;\n    }\n\n    &:not(.open){\n      display: none;\n    }\n\n\n    /* Stile parte interna del dropdown*/\n    .InputWrapper {\n      background-color: white;\n      width: 100%;\n      display: flex;\n      gap: 12px;\n      border-bottom: 1px solid var(--jump-search-bar-mobile-border-color);\n      padding-bottom: 4px;\n\n      &.focused {\n        border-color: var(--jump-search-bar-mobile-focus-color) !important;\n\n        jump-icon{\n          color: var(--jump-search-bar-mobile-focus-color) !important;\n        }\n\n        input {\n          outline: none !important;\n        }\n      }\n    }\n\n    input {\n      width: 100%;\n      border: none;\n    }\n\n    .Results {\n      margin-top: 12px;\n\n      &__Recents {\n        .title {\n          color: #707070;\n          font-size: 14px;\n          line-height: 20px;\n          padding: 8px 0;\n          font-weight: 700;\n          display: flex;\n        }\n      }\n\n      &__Results {\n        .totalRes {\n          display: flex;\n          justify-content: space-between;\n        }\n      }\n\n      .ResWrapper {\n        display: flex;\n        flex-direction: column;\n\n        div {\n          padding: 8px 0;\n          color: #707070;\n          font-size: 14px;\n          display: flex;\n          gap: 12px;\n          align-items: center;\n\n          img {\n            width: 40px;\n            height: 48px;\n            object-fit: cover;\n            border-radius: 3px;\n          }\n        }\n\n        div:hover {\n          cursor: pointer;\n        }\n\n        .helperText {\n          color: #CBCBCB;\n\n          svg {\n            width: 25px;\n            height: 25px;\n          }\n        }\n      }\n    }\n\n    \n  }\n}\n","import { Component, Watch, Method, Event, EventEmitter, State, Listen, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'jump-search-bar-mobile',\n  styleUrl: 'jump-search-bar-mobile.scss',\n  shadow: true,\n})\nexport class JumpSearchBarMobile {\n\n  /* ---------------------- @OWN PROPERTIES ------------------------- */\n  jumpSearchBar: HTMLInputElement;\n  componentRef: HTMLElement;\n\n  /* ---------------------- @STATE ------------------------- */\n  @State() isOpen: boolean = false;\n  @State() innerResults: Array<object> = [];\n  @State() totalResults: number = 0;\n  @State() resType: string = 'recents';\n  \n  @State() searchValue: string = undefined;\n\n  @Watch('searchValue')\n  searchValueChanged(newValue: string) {\n    if (newValue === '') {\n      // Create a new array reference to trigger re-render\n      this.innerResults = [...this.recents];\n      this.results = [];\n    }\n  }\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n  @Prop() identifier: string = 'search-bar-mobile'; // Identificatore della searchbar\n  @Prop() placeholder: string = 'Cerca...'; //Il testo del placeholder dell\\'input della searchbar\n  @Prop() recents: Array<object> = []; // Serve per il dropdown quando si vedono le ricerche recenti\n  @Prop() recentsTitle: string = 'Recenti'; // Serve per il titolo del dropwdown quando si vedono le ricerche recenti\n  @Prop() debounceTime: number = 500; // 'Il tempo di attesa per l\\'invio della ricerca in caso di ricerca automatica. In millisecondi.\n  @Prop() loadingText: string = 'Sto caricando...'; // Il testo mostrato durante il caricamento dei risultati.\n  @Prop() noResultText: string = 'Nessun risultato corrispondente'; // Il testo da mostrare in caso nessun risultato sia stato recuperato.\n  @Prop() results: Array<object> = []; // Serve per il dropdown quando si vedono i risultati della ricerca\n  @Prop() resultsText: string = 'risultati'; // Il testo mostrato accanto al numero di risultati totali.\n  @Prop() showAllResText: string = 'Mostra tutti i risultati'; // La label da mostrare per il pulsante che mostra tutti i risultati.\n\n  /* ---------------------- @EVENTS ------------------------- */\n\n  /* ---------------------- @LIFECYCLE ------------------------- */\n\n  /* -------------------- @LISTEN ------------------------------- */\n  @Listen(\"jump-search-bar-dropdown-item-connected\")\n  addOption(e) {\n    let props = e.detail; // es {code: 'sku1', imageUrl: 'https://google.com/'}\n\n    // Aggiungi l'elemento solo a `recents`\n    this.recents = [...this.recents, { ...props }];\n\n    // Aggiorna `innerResults` basandoti solo su `recents`\n    this.innerResults = [...this.recents];\n  }\n\n\n  /* \n  * Evento da ascoltare per recuperare il dato cliccato\n  * Emette un oggetto contenente tutti i dati relativi al risultato cliccato.\n  */\n  @Event({ eventName: 'jump-search-bar-mobile-res-clicked' }) resultClicked: EventEmitter; \n\n  /**\n * Evento emesso quando l'utente effettua una ricerca \n * Emette un oggetto contenenente il valore della ricerca alla chiave 'search'\n * */\n  @Event({ eventName: 'jump-search-bar-mobile' }) search: EventEmitter;\n\n  /** \n * Evento emesso quando l'utente clicca sul pulsante (se presente) o nel pulsante del dropdown per vedere tutti i risultati \n * Emette un oggetto contenenente il valore della ricerca alla chiave 'search'\n*/\n  @Event({ eventName: 'jump-search-bar-mobile-show-all' }) showFullSearch: EventEmitter;\n\n  /* -------------------- @METHOD ------------------------------- */\n\n  /** Imposta i risultati della ricerca all'interno della dropdown */\n  @Method()\n  async setResults(results, tot?: number) {\n    this.results = results;\n    this.innerResults = results;\n    this.totalResults = tot;\n  }\n\n  /* -------------------- LOCAL METHODS ------------------------- */\n  openDropdown(){\n    console.log('openDropdown');\n    this.isOpen = true;\n  } \n\n  closeDropdown(){\n    this.isOpen = false;\n  }\n\n  /** Emette l'evento quando l'utente clicca sul pulsante (se presente) o nel pulsante del dropdown per vedere tutti i risultati */\n  btnOrShowOtherClicked() {\n    this.showFullSearch.emit({ search: this.searchValue });\n  }\n\n  // Gestisce l'evento focus sull'input\n  handleFocus = () => {\n    const searchBarContainer = this.jumpSearchBar.closest('.InputWrapper');\n    if (searchBarContainer) {\n      searchBarContainer.classList.add('focused');\n    }\n  };\n\n  // Gestisce l'evento blur sull'input\n  handleBlur = () => {\n    const searchBarContainer = this.jumpSearchBar.closest('.InputWrapper');\n    if (searchBarContainer) {\n      searchBarContainer.classList.remove('focused');\n    }\n  };\n\n  /** Emette l'evento di click su un risultato, mandandone tutti i dati */\n  handleResClicked(item) {\n    this.resultClicked.emit({ clicked: item });\n  } \n\n  doSearch = () => {\n    if (this.jumpSearchBar) {\n      this.searchValue = this.jumpSearchBar.value;\n\n      // Iniziare la ricerca solamente se ci sono almeno tre caratteri \n      if (this.searchValue.length >= 3) {\n        this.resType = 'results';\n\n        this.innerResults = undefined;\n\n        this.search.emit({ search: this.searchValue });\n\n       \n      }\n    }\n  };\n\n  debounce(fn, delay = this.debounceTime) {\n    let timeoutId;\n\n    return (...args) => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n      timeoutId = setTimeout(() => {\n        fn.apply(null, args);\n      }, delay);\n    };\n  };\n\n  /* --------------------- RENDER ------------------------------- */\n\n  render() {\n    return (\n      <Host class=\"JumpSearchBarMobile\" ref={(el) => (this.componentRef = el as HTMLElement)}>\n        <jump-icon\n          name=\"magnifying-glass\"\n          category=\"light\"\n          onClick={() => this.openDropdown()}\n        ></jump-icon>\n        <div class={\"DropdownWrapper \" + (this.isOpen ? 'open' : '')}>\n          <div class=\"InputWrapper\">\n            <jump-icon class=\"closeButton\" category=\"light\" name=\"arrow-left\" onClick={() => this.closeDropdown()}></jump-icon>\n            <input\n              placeholder={this.placeholder}\n              type=\"search\"\n              id={this.identifier}\n              class=\"search-input\"\n              ref={(el) => { this.jumpSearchBar = el as HTMLInputElement }}\n              onInput={this.debounce(this.doSearch)}\n              onFocus={this.handleFocus}\n              onBlur={this.handleBlur}\n            />\n            <jump-icon name=\"magnifying-glass\" category=\"light\"></jump-icon>\n          </div>\n          <div class=\"Results\">\n            {(this.resType == 'recents') &&\n              <div class=\"Results__Recents\">\n                {this.recents.length != 0 && <span class=\"title\">{this.recentsTitle}</span>}\n                <div class=\"ResWrapper\">\n                  {this.innerResults.length > 0 && this.innerResults.map((item) => (\n                    <div onClick={() => this.handleResClicked(item)}>\n                      <jump-icon name=\"magnifying-glass\" category=\"light\"></jump-icon>\n                      {item['value']}\n                    </div>\n                  ))}\n                </div>\n              </div>\n            }\n            {this.resType == 'results' &&\n              <div class=\"Results__Results\">\n                <div class=\"ResWrapper\">\n                  {this.innerResults === undefined ?\n                    <div class=\"helperText\">\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" width=\"252\" height=\"252\" ><g><g transform=\"rotate(0 50 50)\">\n                      <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                        <animate repeatCount=\"indefinite\" begin=\"-0.9s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                      </rect>\n                    </g><g transform=\"rotate(36 50 50)\">\n                        <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                          <animate repeatCount=\"indefinite\" begin=\"-0.8s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                        </rect>\n                      </g><g transform=\"rotate(72 50 50)\">\n                        <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                          <animate repeatCount=\"indefinite\" begin=\"-0.7s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                        </rect>\n                      </g><g transform=\"rotate(108 50 50)\">\n                        <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                          <animate repeatCount=\"indefinite\" begin=\"-0.6s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                        </rect>\n                      </g><g transform=\"rotate(144 50 50)\">\n                        <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                          <animate repeatCount=\"indefinite\" begin=\"-0.5s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                        </rect>\n                      </g><g transform=\"rotate(180 50 50)\">\n                        <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                          <animate repeatCount=\"indefinite\" begin=\"-0.4s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                        </rect>\n                      </g><g transform=\"rotate(216 50 50)\">\n                        <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                          <animate repeatCount=\"indefinite\" begin=\"-0.3s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                        </rect>\n                      </g><g transform=\"rotate(252 50 50)\">\n                        <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                          <animate repeatCount=\"indefinite\" begin=\"-0.2s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                        </rect>\n                      </g><g transform=\"rotate(288 50 50)\">\n                        <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                          <animate repeatCount=\"indefinite\" begin=\"-0.1s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                        </rect>\n                      </g><g transform=\"rotate(324 50 50)\">\n                        <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                          <animate repeatCount=\"indefinite\" begin=\"0s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                        </rect>\n                      </g><g></g></g></svg>{this.loadingText}</div>\n                    :\n                    (this.innerResults.length > 0 ?\n                      this.innerResults.map((item) => (\n                        <div onClick={() => this.handleResClicked(item)} key={item['id']}>\n                          {item['img'] && <img src={item['img']} alt=\"result\" />}\n                          {item['value']}\n                        </div>\n                      ))\n                      :\n                      <div class=\"helperText\">{this.noResultText}</div>\n                    )\n                  }\n                  {(this.innerResults && this.innerResults.length > 0) &&\n                    <div class=\"totalRes\">\n                      <jump-button variant=\"secondary\" size=\"small\" text onClick={() => this.btnOrShowOtherClicked()} target=\"_blank\"> {this.showAllResText} </jump-button>\n                      {this.totalResults && <div>{this.totalResults} {this.resultsText}</div>}\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{r as t,c as r,h as e,H as i}from"./p-21aa0095.js";const s=":host{display:block;--jump-search-bar-focus-color:var(--secondary-standard, #5E79BA);--jump-search-bar-border-color:var(--neutral-grey-secondary, #707070);--jump-search-bar-bg-color:var(--gray-ultralight, #F8F8F8);--jump-search-bar-dropdown-border-color:var(--neutral-grey-disabled, #CBCBCB);font-family:var(--ff-primary);}:host jump-button{--jump-button-border-radius:0px 3px 3px 0px}:host .SearchBar{position:relative}:host .SearchBar.focused .InputWrapper{border-color:var(--jump-search-bar-focus-color) !important}:host .SearchBar.focused .InputWrapper jump-icon{color:var(--jump-search-bar-focus-color) !important}:host .SearchBar.focused .InputWrapper input{outline:none !important}:host .SearchBar:not(.iconOnly){display:flex;width:100%;}:host .SearchBar:not(.iconOnly) .InputWrapper{width:100%;display:flex}:host .SearchBar:not(.iconOnly) input{width:100%;border:none}:host .SearchBar:not(.iconOnly).outline .InputWrapper{border:1px solid var(--jump-search-bar-border-color);border-radius:3px;padding:12px;gap:8px}:host .SearchBar:not(.iconOnly).outline .InputWrapper jump-icon{color:var(--jump-search-bar-border-color)}:host .SearchBar:not(.iconOnly).outline.withBtn .InputWrapper{border-radius:3px 0px 0px 3px}:host .SearchBar:not(.iconOnly).filled .InputWrapper{border:1px solid var(--jump-search-bar-bg-color);background-color:var(--jump-search-bar-bg-color);border-radius:3px;padding:12px;gap:8px}:host .SearchBar:not(.iconOnly).filled .InputWrapper input{background-color:var(--jump-search-bar-bg-color)}:host .SearchBar:not(.iconOnly).filled .InputWrapper jump-icon{color:var(--jump-search-bar-border-color)}:host .SearchBar:not(.iconOnly).filled.focused.withBtn .InputWrapper{border-radius:3px 0px 0px 3px !important}:host .SearchBar:not(.iconOnly).linear .InputWrapper{border-bottom:1px solid var(--jump-search-bar-border-color);padding-bottom:4px}:host .SearchBar:not(.iconOnly).linear .InputWrapper jump-icon{padding-right:6px}:host .Dropdown{margin-top:10px;border-radius:3px;border:1px solid var(--jump-search-bar-dropdown-border-color);padding:4px 16px;background-color:white}:host .Dropdown.dropAbsolute{position:absolute;box-sizing:border-box;position:absolute;left:0;width:100%}:host .Dropdown.dropRelative{position:relative}:host .Dropdown__Recents .title{color:#707070;font-size:14px;line-height:20px;padding:8px 0;font-weight:700;display:flex}:host .Dropdown__Results .totalRes{display:flex;justify-content:space-between}:host .Dropdown .ResWrapper{display:flex;flex-direction:column}:host .Dropdown .ResWrapper div{padding:8px 0;color:#707070;font-size:14px;display:flex;gap:12px;align-items:center}:host .Dropdown .ResWrapper div img{width:40px;height:48px;object-fit:cover;border-radius:3px}:host .Dropdown .ResWrapper div:hover{cursor:pointer}:host .Dropdown .ResWrapper .helperText{color:#CBCBCB}:host .Dropdown .ResWrapper .helperText svg{width:25px;height:25px}:host .SearchBar.iconOnly.linear{display:flex;width:100%}:host .SearchBar.iconOnly.linear .InputWrapper{width:100%;display:flex;align-items:center;transition:border-bottom 0.3s ease;border-bottom:1px solid transparent;padding-bottom:4px;overflow:hidden;}:host .SearchBar.iconOnly.linear .InputWrapper jump-icon{padding-right:6px;}:host .SearchBar.iconOnly.linear .InputWrapper input{width:0;border:none;transform:translateX(-100%);transition:width 0.3s ease, transform 0.3s ease;animation:none;}:host .SearchBar.iconOnly.linear.expanded .InputWrapper{border-bottom:1px solid var(--jump-search-bar-border-color);transition:border-bottom 0.3s ease;}:host .SearchBar.iconOnly.linear.expanded .InputWrapper input{width:100%;transform:translateX(0);animation:slide-right 0.3s ease forwards;}@keyframes slide-right{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes border-slide-right{from{border-bottom-width:0}to{border-bottom-width:1px}}";const a=s;const o=class{constructor(e){t(this,e);this.searchbarExpanded=r(this,"jump-search-bar-expanded",7);this.search=r(this,"jump-search-bar",7);this.showFullSearch=r(this,"jump-search-bar-show-all",7);this.resultClicked=r(this,"jump-search-bar-res-clicked",7);this.handleFocus=()=>{const t=this.jumpSearchBar.closest(".SearchBar");if(t){t.classList.add("focused")}};this.handleBlur=()=>{const t=this.jumpSearchBar.closest(".SearchBar");if(t){t.classList.remove("focused")}};this.doSearch=()=>{if(this.jumpSearchBar){this.searchValue=this.jumpSearchBar.value;if(this.searchValue.length>=3){this.resType="results";this.innerResults=undefined;this.search.emit({search:this.searchValue});if(!this.dropdownVisible){this.dropdownVisible=true}}else if(this.searchValue.length==0){this.dropdownVisible=false}}};this.dropdownVisible=false;this.searchValue=undefined;this.resType="recents";this.innerResults=[];this.totalResults=0;this.isExpanded=false;this.placeholder="Cerca...";this.noResultText="Nessun risultato corrispondente";this.loadingText="Sto caricando...";this.resultsText="risultati";this.showAllResText="Mostra tutti i risultati";this.identifier="search-bar";this.debounceTime=500;this.variant="outline";this.withBtn=false;this.recentsTitle="Recenti";this.recents=[];this.results=[];this.dropdown=false;this.linearIconOnly=false;this.dropdownPosition="relative"}searchValueChanged(t){if(t===""){this.innerResults=[...this.recents];this.results=[]}}componentDidLoad(){document.addEventListener("click",this.handleOutsideClick.bind(this))}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick.bind(this))}addOption(t){let r=t.detail;this.recents=[...this.recents,Object.assign({},r)];this.innerResults=[...this.recents]}async setResults(t,r){this.results=t;this.innerResults=t;this.totalResults=r}handleOutsideClick(t){if(this.componentRef&&!this.componentRef.contains(t.target)){this.dropdownVisible=false}}debounce(t,r=this.debounceTime){let e;return(...i)=>{if(e){clearTimeout(e)}e=setTimeout((()=>{t.apply(null,i)}),r)}}openDropdown(){this.resType="recents";this.dropdownVisible=true}handleResClicked(t){this.resultClicked.emit({clicked:t})}btnOrShowOtherClicked(){this.showFullSearch.emit({search:this.searchValue})}expandSearchBar(){this.isExpanded=true;this.searchbarExpanded.emit()}renderLinearIconOnly(){return e(i,{class:"JumpSearchBar ",ref:t=>this.componentRef=t},e("div",{class:"SearchBar iconOnly "+this.variant+(this.isExpanded?" expanded":"")},e("div",{class:"InputWrapper",onClick:this.isExpanded&&this.dropdown&&this.recents.length>0?()=>this.openDropdown():null},e("jump-icon",{name:"magnifying-glass",category:"light",onClick:()=>this.expandSearchBar()}),this.isExpanded&&e("input",{placeholder:this.placeholder,type:"search",id:this.identifier,class:"search-input",ref:t=>{this.jumpSearchBar=t},onInput:this.debounce(this.doSearch),onFocus:this.handleFocus,onBlur:this.handleBlur}))),this.dropdown&&this.dropdownVisible&&this.renderDropdown())}renderDefault(){return e(i,{class:"JumpSearchBar",ref:t=>this.componentRef=t},e("div",{class:"SearchBar "+this.variant+" "+(this.withBtn?"withBtn":"")+(this.isExpanded?" expanded":"")},e("div",{class:"InputWrapper",onClick:this.dropdown&&this.recents.length>0?()=>this.openDropdown():null},!this.withBtn&&e("jump-icon",{name:"magnifying-glass",category:"light"}),e("input",{placeholder:this.placeholder,type:"search",id:this.identifier,class:"search-input",ref:t=>{this.jumpSearchBar=t},onInput:this.debounce(this.doSearch),onFocus:this.handleFocus,onBlur:this.handleBlur})),this.withBtn&&!this.linearIconOnly&&e("jump-button",{variant:"secondary",size:"medium",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,onClick:()=>this.btnOrShowOtherClicked()},e("jump-icon",{slot:"suffix",name:"magnifying-glass"}))),this.dropdown&&this.dropdownVisible&&this.renderDropdown())}renderDropdown(){console.log("POSITION",this.dropdownPosition);return e("div",{class:"Dropdown "+(this.dropdownPosition=="absolute"?"dropAbsolute":"dropRelative")},this.resType=="recents"&&e("div",{class:"Dropdown__Recents"},e("span",{class:"title"},this.recentsTitle),e("div",{class:"ResWrapper"},this.innerResults.length>0&&this.innerResults.map((t=>e("div",{onClick:()=>this.handleResClicked(t)},e("jump-icon",{name:"magnifying-glass",category:"light"}),t["value"]))))),this.resType=="results"&&e("div",{class:"Dropdown__Results"},e("div",{class:"ResWrapper"},this.innerResults===undefined?e("div",{class:"helperText"},e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",width:"252",height:"252"},e("g",null,e("g",{transform:"rotate(0 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.9s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(36 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.8s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(72 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.7s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(108 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.6s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(144 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.5s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(180 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.4s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(216 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.3s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(252 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.2s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(288 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"-0.1s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",{transform:"rotate(324 50 50)"},e("rect",{fill:"#707070",height:"11",width:"4",ry:"1.87",rx:"1.87",y:"27.5",x:"48"},e("animate",{repeatCount:"indefinite",begin:"0s",dur:"1s",keyTimes:"0;1",values:"1;0",attributeName:"opacity"}))),e("g",null))),this.loadingText):this.innerResults.length>0?this.innerResults.map((t=>e("div",{onClick:()=>this.handleResClicked(t),key:t["id"]},t["img"]&&e("img",{src:t["img"],alt:"result"}),t["value"]))):e("div",{class:"helperText"},this.noResultText),this.innerResults&&this.innerResults.length>0&&e("div",{class:"totalRes"},e("jump-button",{variant:"secondary",size:"small",text:true,onClick:()=>this.btnOrShowOtherClicked(),target:"_blank"}," ",this.showAllResText," "),this.totalResults&&e("div",null,this.totalResults," ",this.resultsText)))))}render(){if(this.variant==="linear"&&this.linearIconOnly){return this.renderLinearIconOnly()}else{return this.renderDefault()}}static get watchers(){return{searchValue:["searchValueChanged"]}}};o.style=a;export{o as jump_search_bar};
+//# sourceMappingURL=p-1aa5fb8a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jumpSearchBarCss","JumpSearchBarStyle0","JumpSearchBar","this","handleFocus","searchBarContainer","jumpSearchBar","closest","classList","add","handleBlur","remove","doSearch","searchValue","value","length","resType","innerResults","undefined","search","emit","dropdownVisible","searchValueChanged","newValue","recents","results","componentDidLoad","document","addEventListener","handleOutsideClick","bind","disconnectedCallback","removeEventListener","addOption","e","props","detail","Object","assign","setResults","tot","totalResults","event","componentRef","contains","target","debounce","fn","delay","debounceTime","timeoutId","args","clearTimeout","setTimeout","apply","openDropdown","handleResClicked","item","resultClicked","clicked","btnOrShowOtherClicked","showFullSearch","expandSearchBar","isExpanded","searchbarExpanded","renderLinearIconOnly","h","Host","class","ref","el","variant","onClick","dropdown","name","category","placeholder","type","id","identifier","onInput","onFocus","onBlur","renderDropdown","renderDefault","withBtn","linearIconOnly","size","onlyIcon","slot","console","log","dropdownPosition","recentsTitle","map","xmlns","viewBox","preserveAspectRatio","width","height","transform","fill","ry","rx","y","x","repeatCount","begin","dur","keyTimes","values","attributeName","loadingText","key","src","alt","noResultText","text","showAllResText","resultsText","render"],"sources":["src/components/jump-search-bar/jump-search-bar.scss?tag=jump-search-bar&encapsulation=shadow","src/components/jump-search-bar/jump-search-bar.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  --jump-search-bar-focus-color: var(--secondary-standard, #5E79BA);\n  --jump-search-bar-border-color: var(--neutral-grey-secondary, #707070);\n  --jump-search-bar-bg-color: var(--gray-ultralight, #F8F8F8);\n  --jump-search-bar-dropdown-border-color: var(--neutral-grey-disabled, #CBCBCB);\n\n  font-family: var(--ff-primary);\n\n  jump-button {\n    --jump-button-border-radius: 0px 3px 3px 0px;\n  }\n\n  .SearchBar {\n    position: relative;\n\n    &.focused .InputWrapper {\n        border-color: var(--jump-search-bar-focus-color) !important;\n    \n        jump-icon {\n          color: var(--jump-search-bar-focus-color) !important;\n        }\n    \n        input {\n          outline: none !important;\n        }\n      }\n  }\n\n  .SearchBar:not(.iconOnly) {\n      display: flex;\n      width: 100%;\n  \n      .InputWrapper {\n        width: 100%;\n        display: flex;\n      }\n  \n      input {\n        width: 100%;\n        border: none;\n      }\n  \n      /* Stile outline*/\n      &.outline .InputWrapper {\n        border: 1px solid var(--jump-search-bar-border-color);\n        border-radius: 3px;\n        padding: 12px;\n        gap: 8px;\n  \n        jump-icon {\n          color: var(--jump-search-bar-border-color);\n        }\n      }\n  \n      &.outline.withBtn .InputWrapper {\n        border-radius: 3px 0px 0px 3px;\n      }\n  \n  \n      /* Stile filled */\n      &.filled .InputWrapper {\n        border: 1px solid var(--jump-search-bar-bg-color);\n        background-color: var(--jump-search-bar-bg-color);\n        border-radius: 3px;\n        padding: 12px;\n        gap: 8px;\n  \n        input {\n          background-color: var(--jump-search-bar-bg-color);\n        }\n  \n        jump-icon {\n          color: var(--jump-search-bar-border-color);\n        }\n      }\n  \n      &.filled.focused.withBtn .InputWrapper {\n        border-radius: 3px 0px 0px 3px !important;\n      }\n  \n      /* Stile linear */\n      &.linear .InputWrapper {\n        border-bottom: 1px solid var(--jump-search-bar-border-color);\n        padding-bottom: 4px;\n  \n        jump-icon {\n          padding-right: 6px;\n        }\n      }\n  }\n    \n \n  .Dropdown {\n\n    &.dropAbsolute {\n      position: absolute;\n      box-sizing: border-box;\n      position: absolute;\n      left: 0;\n      width: 100%;\n    }\n\n    &.dropRelative {\n      position: relative;\n    }\n\n   // position: absolute; la tolgo per il test\n    margin-top: 10px;\n    border-radius: 3px;\n    border: 1px solid var(--jump-search-bar-dropdown-border-color);\n    padding: 4px 16px;\n    background-color: white;\n\n    &__Recents {\n      .title {\n          color: #707070;\n          font-size: 14px;\n          line-height: 20px;\n          padding: 8px 0;\n          font-weight: 700;\n          display: flex;\n        }\n    }\n\n    &__Results {\n      .totalRes {\n        display: flex; \n        justify-content: space-between;\n      }\n    }\n    \n\n    .ResWrapper {\n      display: flex;\n      flex-direction: column;\n\n      div {\n        padding: 8px 0;\n        color: #707070;\n        font-size: 14px;\n        display: flex;\n        gap: 12px;\n        align-items: center;\n\n        img {\n          width: 40px;\n          height: 48px;\n          object-fit: cover;\n          border-radius: 3px;\n        }\n      }\n\n      div:hover {\n        cursor: pointer;\n       }\n\n       .helperText {\n        color: #CBCBCB;\n\n        svg {\n          width: 25px;\n          height: 25px;\n        }\n       }\n    }\n  }\n\n/* Applicazione dell'animazione alla SearchBar.iconOnly.linear */\n.SearchBar.iconOnly.linear {\n  display: flex;\n  width: 100%;\n\n  .InputWrapper {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    transition: border-bottom 0.3s ease;\n    /* Transizione solo per il bordo inferiore */\n    border-bottom: 1px solid transparent;\n    /* Nessun bordo inizialmente */\n    padding-bottom: 4px;\n    overflow: hidden;\n    /* Per nascondere il contenuto che esce dai limiti dell'InputWrapper */\n\n    jump-icon {\n      padding-right: 6px;\n      /* Padding dell'icona */\n    }\n\n    input {\n      width: 0;\n      /* Imposta la larghezza iniziale a 0 */\n      border: none;\n      transform: translateX(-100%);\n      /* Sposta l'input fuori dalla vista */\n      transition: width 0.3s ease, transform 0.3s ease;\n      /* Transizioni separate per width e transform */\n      animation: none;\n      /* Disabilita l'animazione predefinita */\n    }\n  }\n\n  &.expanded {\n    .InputWrapper {\n      border-bottom: 1px solid var(--jump-search-bar-border-color);\n      /* Mostra il bordo inferiore quando espanso */\n      transition: border-bottom 0.3s ease;\n      /* Transizione per il bordo inferiore */\n\n      input {\n        width: 100%;\n        /* Espande l'input a tutta la larghezza disponibile */\n        transform: translateX(0);\n        /* Riposiziona l'input nella vista */\n        animation: slide-right 0.3s ease forwards;\n        /* Applicazione dell'animazione slide-right */\n      }\n    }\n  }\n}\n            \n}\n\n@keyframes slide-right {\n  from {\n    transform: translateX(-100%);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n\n@keyframes border-slide-right {\n  from {\n    border-bottom-width: 0;\n  }\n\n  to {\n    border-bottom-width: 1px;\n  }\n}","import { Component, Method, Watch, Listen, State, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'jump-search-bar',\n  styleUrl: 'jump-search-bar.scss',\n  shadow: true,\n})\nexport class JumpSearchBar {\n\n  /* ---------------------- @OWN PROPERTIES ------------------------- */\n  jumpSearchBar: HTMLInputElement;\n  private componentRef: HTMLElement;\n\n  /* ---------------------- @STATE ------------------------- */\n  @State() dropdownVisible: boolean = false;\n  @State() searchValue: string = undefined;\n\n  @Watch('searchValue')\n  searchValueChanged(newValue: string) {\n    if (newValue === '') {\n      // Create a new array reference to trigger re-render\n      this.innerResults = [...this.recents];\n      this.results = [];\n    }\n  }\n\n  @State() resType: string = 'recents';\n  @State() innerResults: Array<object> = [];\n  @State() totalResults: number = 0;\n  @State() isExpanded: boolean = false; \n\n  /* ---------------------- @PROPERTIES ------------------------- */\n  @Prop() placeholder: string = 'Cerca...'; //Il testo del placeholder dell\\'input della searchbar\n  @Prop() noResultText: string = 'Nessun risultato corrispondente'; // Il testo da mostrare in caso nessun risultato sia stato recuperato.\n  @Prop() loadingText: string = 'Sto caricando...'; // Il testo mostrato durante il caricamento dei risultati.\n  @Prop() resultsText: string = 'risultati'; // Il testo mostrato accanto al numero di risultati totali.\n  @Prop() showAllResText: string = 'Mostra tutti i risultati'; // La label da mostrare per il pulsante che mostra tutti i risultati.\n  @Prop() identifier: string = 'search-bar'; // Identificatore della searchbar\n  @Prop() debounceTime: number = 500; // 'Il tempo di attesa per l\\'invio della ricerca in caso di ricerca automatica. In millisecondi.\n  @Prop() variant: string = 'outline'; // Scelta dello stile della barra di ricerca tra filled, linear e outline.\n  @Prop() withBtn: boolean = false; // Se true, aggiunge un pulsante alla barra di ricerca\n  @Prop() recentsTitle: string = 'Recenti'; // Serve per il titolo del dropwdown quando si vedono le ricerche recenti\n  @Prop() recents: Array<object> = []; // Serve per il dropdown quando si vedono le ricerche recenti\n  @Prop() results: Array<object> = []; // Serve per il dropdown quando si vedono i risultati della ricerca\n  @Prop() dropdown: boolean = false; // Se true, mostra il dropdown con i risultati della ricerca.\n  @Prop() linearIconOnly: boolean = false; // Se true, mostra solo l'icona nella barra di ricerca lineare\n  @Prop() dropdownPosition: string = 'relative'; // Posizione del dropdown rispetto alla searchbar. \"relative\" o \"absolute\"\n\n\n  /* ---------------------- @EVENTS ------------------------- */\n\n  /**\n   * Evento emesso quando l'utente clicca sull'icona in variant linear e linearIconOnly\n   */\n  @Event({ eventName: 'jump-search-bar-expanded' }) searchbarExpanded: EventEmitter;\n\n  /**\n   * Evento emesso quando l'utente effettua una ricerca \n   * Emette un oggetto contenenente il valore della ricerca alla chiave 'search'\n   * */\n  @Event({ eventName: 'jump-search-bar' }) search: EventEmitter;\n\n  /** \n   * Evento emesso quando l'utente clicca sul pulsante (se presente) o nel pulsante del dropdown per vedere tutti i risultati \n   * Emette un oggetto contenenente il valore della ricerca alla chiave 'search'\n  */\n  @Event({ eventName: 'jump-search-bar-show-all' }) showFullSearch: EventEmitter;\n\n  /* \n  * Evento da ascoltare per recuperare il dato cliccato\n  * Emette un oggetto contenente tutti i dati relativi al risultato cliccato.\n  */\n  @Event({ eventName: 'jump-search-bar-res-clicked'}) resultClicked: EventEmitter; \n\n  /* ---------------------- @LIFECYCLE ------------------------- */\n  componentDidLoad() {\n    // Aggiungi l'event listener per il clic al di fuori del componente\n    document.addEventListener('click', this.handleOutsideClick.bind(this));\n  }\n\n  disconnectedCallback() {\n    // Rimuovi l'event listener per evitare perdite di memoria\n    document.removeEventListener('click', this.handleOutsideClick.bind(this));\n  }\n\n  /* -------------------- @LISTEN ------------------------------- */\n  @Listen(\"jump-search-bar-dropdown-item-connected\")\n  addOption(e) {\n    let props = e.detail; // es {code: 'sku1', imageUrl: 'https://google.com/'}\n\n    // Aggiungi l'elemento solo a `recents`\n    this.recents = [...this.recents, { ...props }];\n\n    // Aggiorna `innerResults` basandoti solo su `recents`\n    this.innerResults = [...this.recents];\n  }\n\n\n  /* -------------------- @METHOD ------------------------------- */\n\n  /** Imposta i risultati della ricerca all'interno della dropdown */\n  @Method()\n  async setResults(results, tot?: number) {\n    this.results = results;\n    this.innerResults = results;\n    this.totalResults = tot;\n  }\n\n  /* -------------------- LOCAL METHODS ------------------------- */\n  handleOutsideClick(event: MouseEvent) {\n    // Controlla se il clic è fuori dal componente\n    if (this.componentRef && !this.componentRef.contains(event.target as Node)) {\n      this.dropdownVisible = false;\n    }\n  }\n\n  // Gestisce l'evento focus sull'input\n  handleFocus = () => {\n    const searchBarContainer = this.jumpSearchBar.closest('.SearchBar');\n    if (searchBarContainer) {\n      searchBarContainer.classList.add('focused');\n    }\n  };\n\n  // Gestisce l'evento blur sull'input\n  handleBlur = () => {\n    const searchBarContainer = this.jumpSearchBar.closest('.SearchBar');\n    if (searchBarContainer) {\n      searchBarContainer.classList.remove('focused');\n    }\n  };\n\n  doSearch = () => {\n    if (this.jumpSearchBar) {\n      this.searchValue = this.jumpSearchBar.value;\n      \n      // Iniziare la ricerca solamente se ci sono almeno tre caratteri \n      if (this.searchValue.length >= 3) {\n        this.resType = 'results';\n\n        this.innerResults = undefined;\n        \n        this.search.emit({ search: this.searchValue });\n  \n        // Se il dropdown è chiuso, aprilo. Potrebbe essere chiuso perchè non ci sono recenti\n        if (!this.dropdownVisible) {\n          this.dropdownVisible = true;\n        }\n      } else if(this.searchValue.length == 0) {\n        this.dropdownVisible = false;\n      }\n    }\n  };\n\n  debounce(fn, delay = this.debounceTime) {\n    let timeoutId;\n\n    return (...args) => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n      timeoutId = setTimeout(() => {\n        fn.apply(null, args);\n      }, delay);\n    };\n  };\n\n  openDropdown() {\n    this.resType = 'recents';\n    this.dropdownVisible = true;\n  }\n\n  /** Emette l'evento di click su un risultato, mandandone tutti i dati */\n  handleResClicked(item) {\n    this.resultClicked.emit({ clicked: item });\n  } \n\n  /** Emette l'evento quando l'utente clicca sul pulsante (se presente) o nel pulsante del dropdown per vedere tutti i risultati */\n  btnOrShowOtherClicked(){\n    this.showFullSearch.emit({ search: this.searchValue });\n  }\n\n  /**\n   * Se clicco l'icona espando la searchbar ed emetto un evento dedicato\n   */\n  expandSearchBar() {\n    this.isExpanded = true;\n    this.searchbarExpanded.emit();\n  }\n\n\n  /* --------------------- RENDER ------------------------------- */\n  renderLinearIconOnly() {\n    return (\n      <Host class={\"JumpSearchBar \"} ref={(el) => (this.componentRef = el as HTMLElement)}>\n        <div class={\"SearchBar iconOnly \" + this.variant + (this.isExpanded ? \" expanded\" : \"\")}>\n          <div class=\"InputWrapper\" onClick={(this.isExpanded && this.dropdown && this.recents.length > 0) ? () => this.openDropdown() : null}>\n              <jump-icon\n                name=\"magnifying-glass\"\n                category=\"light\"\n                onClick={() => this.expandSearchBar()}\n              ></jump-icon>\n            {this.isExpanded &&\n              // Mostra la barra di ricerca con l'animazione di slide\n              <input\n                placeholder={this.placeholder}\n                type=\"search\"\n                id={this.identifier}\n                class=\"search-input\"\n                ref={(el) => { this.jumpSearchBar = el as HTMLInputElement }}\n                onInput={this.debounce(this.doSearch)}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n              />\n            }\n          </div>\n        </div>\n        {(this.dropdown && this.dropdownVisible) && this.renderDropdown()} \n      </Host>\n    );\n  }\n\n  renderDefault() {\n    return (\n      <Host class={\"JumpSearchBar\"} ref={(el) => (this.componentRef = el as HTMLElement)}>\n        <div class={\"SearchBar \" + this.variant + \" \" + (this.withBtn ? \"withBtn\" : \"\") + (this.isExpanded ? \" expanded\" : \"\")}>\n          <div class=\"InputWrapper\" onClick={(this.dropdown && this.recents.length > 0) ? () => this.openDropdown() : null}>\n            {!this.withBtn && <jump-icon name=\"magnifying-glass\" category=\"light\"></jump-icon>}\n            <input\n              placeholder={this.placeholder}\n              type=\"search\"\n              id={this.identifier}\n              class=\"search-input\"\n              ref={(el) => { this.jumpSearchBar = el as HTMLInputElement }}\n              onInput={this.debounce(this.doSearch)}\n              onFocus={this.handleFocus}\n              onBlur={this.handleBlur}\n            />\n          </div>\n          {this.withBtn && !this.linearIconOnly && (\n            <jump-button\n              variant=\"secondary\"\n              size=\"medium\"\n              name=\"scopri\"\n              value=\"value\"\n              aria-label=\"Scopri di più\"\n              id=\"button\"\n              onlyIcon\n              onClick={() => this.btnOrShowOtherClicked()}\n            >\n              <jump-icon slot=\"suffix\" name=\"magnifying-glass\"></jump-icon>\n            </jump-button>\n          )}\n        </div>\n        {(this.dropdown && this.dropdownVisible) && this.renderDropdown()} \n      </Host>\n    );\n  }\n\n  renderDropdown(){\n    console.log('POSITION', this.dropdownPosition);\n    return <div class={\"Dropdown \" + (this.dropdownPosition == 'absolute' ? 'dropAbsolute' : 'dropRelative' ) }>\n        {(this.resType == 'recents') &&\n          <div class=\"Dropdown__Recents\">\n            <span class=\"title\">{this.recentsTitle}</span>\n            <div class=\"ResWrapper\">\n              {this.innerResults.length > 0 && this.innerResults.map((item) => (\n                <div onClick={() => this.handleResClicked(item)}>\n                  <jump-icon name=\"magnifying-glass\" category=\"light\"></jump-icon>\n                  {item['value']}\n                </div>\n              ))}\n            </div>\n          </div>\n        }\n        {this.resType == 'results' &&\n          <div class=\"Dropdown__Results\">\n            <div class=\"ResWrapper\">\n              {this.innerResults === undefined ?\n                <div class=\"helperText\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" width=\"252\" height=\"252\" ><g><g transform=\"rotate(0 50 50)\">\n                  <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                    <animate repeatCount=\"indefinite\" begin=\"-0.9s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                  </rect>\n                </g><g transform=\"rotate(36 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"-0.8s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g transform=\"rotate(72 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"-0.7s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g transform=\"rotate(108 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"-0.6s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g transform=\"rotate(144 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"-0.5s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g transform=\"rotate(180 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"-0.4s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g transform=\"rotate(216 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"-0.3s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g transform=\"rotate(252 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"-0.2s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g transform=\"rotate(288 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"-0.1s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g transform=\"rotate(324 50 50)\">\n                    <rect fill=\"#707070\" height=\"11\" width=\"4\" ry=\"1.87\" rx=\"1.87\" y=\"27.5\" x=\"48\">\n                      <animate repeatCount=\"indefinite\" begin=\"0s\" dur=\"1s\" keyTimes=\"0;1\" values=\"1;0\" attributeName=\"opacity\"></animate>\n                    </rect>\n                  </g><g></g></g></svg>{this.loadingText}</div>\n                :\n                (this.innerResults.length > 0 ?\n                  this.innerResults.map((item) => (\n                    <div onClick={() => this.handleResClicked(item)} key={item['id']}>\n                      {item['img'] && <img src={item['img']} alt=\"result\" />}\n                      {item['value']}\n                    </div>\n                  ))\n                  :\n                  <div class=\"helperText\">{this.noResultText}</div>\n                )\n              }\n              {(this.innerResults && this.innerResults.length > 0) &&\n                <div class=\"totalRes\">\n                  <jump-button variant=\"secondary\" size=\"small\" text onClick={() => this.btnOrShowOtherClicked()} target=\"_blank\"> {this.showAllResText} </jump-button>\n                  {this.totalResults && <div>{this.totalResults} {this.resultsText}</div>}\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n  }\n\n  render() {\n    if (this.variant === 'linear' && this.linearIconOnly) {\n      return this.renderLinearIconOnly();\n    } else {\n      return this.renderDefault();\n    }\n  }\n}"],"mappings":"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"}

package/dist/jump-design-system/p-21aa0095.js

@@ -0,0 +1,3 @@
+const e="jump-design-system";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:true,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:true};var r=Object.defineProperty;var l=(e,t)=>{for(var l in t)r(e,l,{get:t[l],enumerable:true})};var n={};var s="http://www.w3.org/2000/svg";var i="http://www.w3.org/1999/xhtml";var o=e=>e!=null;var a=e=>{e=typeof e;return e==="object"||e==="function"};function f(e){var t,r,l;return(l=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?l:void 0}var c={};l(c,{err:()=>v,map:()=>d,ok:()=>u,unwrap:()=>p,unwrapErr:()=>m});var u=e=>({isOk:true,isErr:false,value:e});var v=e=>({isOk:false,isErr:true,value:e});function d(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>u(e)))}else{return u(r)}}if(e.isErr){const t=e.value;return v(t)}throw"should never get here"}var p=e=>{if(e.isOk){return e.value}else{throw e.value}};var m=e=>{if(e.isErr){return e.value}else{throw e.value}};var h=(e,t="")=>{{return()=>{}}};var y=(e,t)=>{{return()=>{}}};var b="{visibility:hidden}.hydrated{visibility:inherit}";var w="slot-fb{display:contents}slot-fb[hidden]{display:none}";var g=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var $=(e,t,...r)=>{let l=null;let n=null;let s=null;let i=false;let o=false;const f=[];const c=t=>{for(let r=0;r<t.length;r++){l=t[r];if(Array.isArray(l)){c(l)}else if(l!=null&&typeof l!=="boolean"){if(i=typeof e!=="function"&&!a(l)){l=String(l)}if(i&&o){f[f.length-1].t+=l}else{f.push(i?S(null,l):l)}o=i}}};c(r);if(t){if(t.key){n=t.key}if(t.name){s=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}const u=S(e,null);u.l=t;if(f.length>0){u.i=f}{u.o=n}{u.u=s}return u};var S=(e,t)=>{const r={v:0,p:e,t,m:null,i:null};{r.l=null}{r.o=null}{r.u=null}return r};var k={};var C=e=>e&&e.p===k;var j=(e,t)=>{if(e!=null&&!a(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var O=e=>Ne(e).$hostElement$;var x=(e,t,r)=>{const l=O(e);return{emit:e=>R(l,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var R=(e,t,r)=>{const l=Ke.ce(t,r);e.dispatchEvent(l);return l};var T=new WeakMap;var L=(e,t,r)=>{let l=qe.get(e);if(_e&&r){l=l||new CSSStyleSheet;if(typeof l==="string"){l=t}else{l.replaceSync(t)}}else{l=t}qe.set(e,l)};var D=(e,t,r)=>{var l;const n=F(t);const s=qe.get(n);e=e.nodeType===11?e:Ie;if(s){if(typeof s==="string"){e=e.head||e;let r=T.get(e);let i;if(!r){T.set(e,r=new Set)}if(!r.has(n)){{i=Ie.createElement("style");i.innerHTML=s;const t=(l=Ke.h)!=null?l:f(Ie);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.v&4){i.innerHTML+=w}if(r){r.add(n)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return n};var E=e=>{const t=e.$;const r=e.$hostElement$;const l=t.v;const n=h("attachStyles",t.S);const s=D(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(l&10){r["s-sc"]=s;r.classList.add(s+"-h")}n()};var F=(e,t)=>"sc-"+e.S;var M=(e,t,r,l,n,s)=>{if(r!==l){let i=He(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const n=P(r);const s=P(l);t.remove(...n.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!n.includes(e))))}else if(t==="style"){{for(const t in r){if(!l||l[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in l){if(!r||l[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,l[t])}else{e.style[t]=l[t]}}}}else if(t==="key");else if(t==="ref"){if(l){l(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(He(Ge,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(r||l){const n=t.endsWith(N);t=t.replace(U,"");if(r){Ke.rel(e,t,r,n)}if(l){Ke.ael(e,t,l,n)}}}else{const o=a(l);if((i||o&&l!==null)&&!n){try{if(!e.tagName.includes("-")){const n=l==null?"":l;if(t==="list"){i=false}else if(r==null||e[t]!=n){e[t]=n}}else{e[t]=l}}catch(e){}}if(l==null||l===false){if(l!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!i||s&4||n)&&!o){l=l===true?"":l;{e.setAttribute(t,l)}}}}};var A=/\s/;var P=e=>!e?[]:e.split(A);var N="Capture";var U=new RegExp(N+"$");var W=(e,t,r)=>{const l=t.m.nodeType===11&&t.m.host?t.m.host:t.m;const s=e&&e.l||n;const i=t.l||n;{for(const e of H(Object.keys(s))){if(!(e in i)){M(l,e,s[e],void 0,r,t.v)}}}for(const e of H(Object.keys(i))){M(l,e,s[e],i[e],r,t.v)}};function H(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var z;var B;var Q;var q=false;var G=false;var I=false;var K=false;var V=(e,t,r,l)=>{var n;const a=t.i[r];let f=0;let c;let u;let v;if(!q){I=true;if(a.p==="slot"){if(z){l.classList.add(z+"-s")}a.v|=a.i?2:1}}if(a.t!==null){c=a.m=Ie.createTextNode(a.t)}else if(a.v&1){c=a.m=Ie.createTextNode("")}else{if(!K){K=a.p==="svg"}c=a.m=Ie.createElementNS(K?s:i,a.v&2?"slot-fb":a.p);if(K&&a.p==="foreignObject"){K=false}{W(null,a,K)}if(o(z)&&c["s-si"]!==z){c.classList.add(c["s-si"]=z)}if(a.i){for(f=0;f<a.i.length;++f){u=V(e,a,f,c);if(u){c.appendChild(u)}}}{if(a.p==="svg"){K=false}else if(c.tagName==="foreignObject"){K=true}}}c["s-hn"]=Q;{if(a.v&(2|1)){c["s-sr"]=true;c["s-cr"]=B;c["s-sn"]=a.u||"";c["s-rf"]=(n=a.l)==null?void 0:n.ref;v=e&&e.i&&e.i[r];if(v&&v.p===a.p&&e.m){{X(e.m,false)}}}}return c};var X=(e,r)=>{Ke.v|=1;const l=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===Q){l.push(t)}}}for(let e=l.length-1;e>=0;e--){const t=l[e];if(t["s-hn"]!==Q&&t["s-ol"]){ae(te(t),t,ee(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;I=true}if(r){X(t,r)}}Ke.v&=~1};var _=(e,t,r,l,n,s)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let o;if(i.shadowRoot&&i.tagName===Q){i=i.shadowRoot}for(;n<=s;++n){if(l[n]){o=V(null,r,n,e);if(o){l[n].m=o;ae(i,o,ee(t))}}}};var J=(e,t,r)=>{for(let l=t;l<=r;++l){const t=e[l];if(t){const e=t.m;oe(t);if(e){{G=true;if(e["s-ol"]){e["s-ol"].remove()}else{X(e,true)}}e.remove()}}}};var Y=(e,t,r,l,n=false)=>{let s=0;let i=0;let o=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=l.length-1;let d=l[0];let p=l[v];let m;let h;while(s<=f&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=l[++i]}else if(p==null){p=l[--v]}else if(Z(c,d,n)){re(c,d,n);c=t[++s];d=l[++i]}else if(Z(u,p,n)){re(u,p,n);u=t[--f];p=l[--v]}else if(Z(c,p,n)){if(c.p==="slot"||p.p==="slot"){X(c.m.parentNode,false)}re(c,p,n);ae(e,c.m,u.m.nextSibling);c=t[++s];p=l[--v]}else if(Z(u,d,n)){if(c.p==="slot"||p.p==="slot"){X(u.m.parentNode,false)}re(u,d,n);ae(e,u.m,c.m);u=t[--f];d=l[++i]}else{o=-1;{for(a=s;a<=f;++a){if(t[a]&&t[a].o!==null&&t[a].o===d.o){o=a;break}}}if(o>=0){h=t[o];if(h.p!==d.p){m=V(t&&t[i],r,o,e)}else{re(h,d,n);t[o]=void 0;m=h.m}d=l[++i]}else{m=V(t&&t[i],r,i,e);d=l[++i]}if(m){{ae(te(c.m),m,ee(c.m))}}}}if(s>f){_(e,l[v+1]==null?null:l[v+1].m,r,l,i,v)}else if(i>v){J(t,s,f)}};var Z=(e,t,r=false)=>{if(e.p===t.p){if(e.p==="slot"){return e.u===t.u}if(!r){return e.o===t.o}return true}return false};var ee=e=>e&&e["s-ol"]||e;var te=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;var re=(e,t,r=false)=>{const l=t.m=e.m;const n=e.i;const s=t.i;const i=t.p;const o=t.t;let a;if(o===null){{K=i==="svg"?true:i==="foreignObject"?false:K}{if(i==="slot"&&!q);else{W(e,t,K)}}if(n!==null&&s!==null){Y(l,n,t,s,r)}else if(s!==null){if(e.t!==null){l.textContent=""}_(l,null,t,s,0,s.length-1)}else if(n!==null){J(n,0,n.length-1)}if(K&&i==="svg"){K=false}}else if(a=l["s-cr"]){a.parentNode.textContent=o}else if(e.t!==o){l.data=o}};var le=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const r=e["s-sn"];e.hidden=false;for(const l of t){if(l!==e){if(l["s-hn"]!==e["s-hn"]||r!==""){if(l.nodeType===1&&(r===l.getAttribute("slot")||r===l["s-sn"])||l.nodeType===3&&r===l["s-sn"]){e.hidden=true;break}}else{if(l.nodeType===1||l.nodeType===3&&l.textContent.trim()!==""){e.hidden=true;break}}}}}le(e)}}};var ne=[];var se=e=>{let r;let l;let n;for(const s of e.childNodes){if(s["s-sr"]&&(r=s["s-cr"])&&r.parentNode){l=r.parentNode.childNodes;const e=s["s-sn"];for(n=l.length-1;n>=0;n--){r=l[n];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==s["s-hn"]&&!t.experimentalSlotFixes){if(ie(r,e)){let t=ne.find((e=>e.k===r));G=true;r["s-sn"]=r["s-sn"]||e;if(t){t.k["s-sh"]=s["s-hn"];t.C=s}else{r["s-sh"]=s["s-hn"];ne.push({C:s,k:r})}if(r["s-sr"]){ne.map((e=>{if(ie(e.k,r["s-sn"])){t=ne.find((e=>e.k===r));if(t&&!e.C){e.C=t.C}}}))}}else if(!ne.some((e=>e.k===r))){ne.push({k:r})}}}}if(s.nodeType===1){se(s)}}};var ie=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var oe=e=>{{e.l&&e.l.ref&&e.l.ref(null);e.i&&e.i.map(oe)}};var ae=(e,t,r)=>{const l=e==null?void 0:e.insertBefore(t,r);return l};var fe=(e,t,r=false)=>{var l,n,s,i;const o=e.$hostElement$;const a=e.$;const f=e.j||S(null,null);const c=C(t)?t:$(null,null,t);Q=o.tagName;if(a.O){c.l=c.l||{};a.O.map((([e,t])=>c.l[t]=o[e]))}if(r&&c.l){for(const e of Object.keys(c.l)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.l[e]=o[e]}}}c.p=null;c.v|=4;e.j=c;c.m=f.m=o.shadowRoot||o;{z=o["s-sc"]}q=(a.v&1)!==0;{B=o["s-cr"];G=false}re(f,c,r);{Ke.v|=1;if(I){se(c.m);for(const e of ne){const t=e.k;if(!t["s-ol"]){const e=Ie.createTextNode("");e["s-nr"]=t;ae(t.parentNode,t["s-ol"]=e,t)}}for(const e of ne){const t=e.k;const o=e.C;if(o){const e=o.parentNode;let r=o.nextSibling;{let s=(l=t["s-ol"])==null?void 0:l.previousSibling;while(s){let l=(n=s["s-nr"])!=null?n:null;if(l&&l["s-sn"]===t["s-sn"]&&e===l.parentNode){l=l.nextSibling;while(l===t||(l==null?void 0:l["s-sr"])){l=l==null?void 0:l.nextSibling}if(!l||!l["s-nr"]){r=l;break}}s=s.previousSibling}}if(!r&&e!==t.parentNode||t.nextSibling!==r){if(t!==r){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}ae(e,t,r);if(t.nodeType===1){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](t)}else{if(t.nodeType===1){if(r){t["s-ih"]=(i=t.hidden)!=null?i:false}t.hidden=true}}}}if(G){le(c.m)}Ke.v&=~1;ne.length=0}B=void 0};var ce=(e,t)=>{if(t&&!e.R&&t["s-p"]){t["s-p"].push(new Promise((t=>e.R=t)))}};var ue=(e,t)=>{{e.v|=16}if(e.v&4){e.v|=512;return}ce(e,e.T);const r=()=>ve(e,t);return nt(r)};var ve=(e,t)=>{const r=e.$hostElement$;const l=h("scheduleUpdate",e.$.S);const n=e.L;if(!n){throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{e.v|=256;if(e.D){e.D.map((([e,t])=>we(n,e,t)));e.D=void 0}}{s=we(n,"componentWillLoad")}}l();return de(s,(()=>me(e,n,t)))};var de=(e,t)=>pe(e)?e.then(t):t();var pe=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var me=async(e,t,r)=>{var l;const n=e.$hostElement$;const s=h("update",e.$.S);const i=n["s-rc"];if(r){E(e)}const o=h("render",e.$.S);{he(e,t,n,r)}if(i){i.map((e=>e()));n["s-rc"]=void 0}o();s();{const t=(l=n["s-p"])!=null?l:[];const r=()=>ye(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.v|=4;t.length=0}}};var he=(e,t,r,l)=>{try{t=t.render();{e.v&=~16}{e.v|=2}{{{fe(e,t,l)}}}}catch(t){ze(t,e.$hostElement$)}return null};var ye=e=>{const t=e.$.S;const r=e.$hostElement$;const l=h("postUpdate",t);const n=e.L;const s=e.T;if(!(e.v&64)){e.v|=64;{ge(r)}{we(n,"componentDidLoad")}l();{e.F(r);if(!s){be()}}}else{l()}{e.M(r)}{if(e.R){e.R();e.R=void 0}if(e.v&512){lt((()=>ue(e,false)))}e.v&=~(4|512)}};var be=t=>{{ge(Ie.documentElement)}lt((()=>R(Ge,"appload",{detail:{namespace:e}})))};var we=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){ze(e)}}return void 0};var ge=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var $e=(e,t)=>Ne(e).A.get(t);var Se=(e,t,r,l)=>{const n=Ne(e);if(!n){throw new Error(`Couldn't find host element for "${l.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const s=n.$hostElement$;const i=n.A.get(t);const o=n.v;const a=n.L;r=j(r,l.P[t][0]);const f=Number.isNaN(i)&&Number.isNaN(r);const c=r!==i&&!f;if((!(o&8)||i===void 0)&&c){n.A.set(t,r);if(a){if(l.N&&o&128){const e=l.N[t];if(e){e.map((e=>{try{a[e](r,i,t)}catch(e){ze(e,s)}}))}}if((o&(2|16))===2){ue(n,false)}}}};var ke=(e,t,r)=>{var l;const n=e.prototype;if(t.v&64&&r&1){g.forEach((e=>Object.defineProperty(n,e,{value(...t){const r=Ne(this);const l=r.L;if(!l){r.U.then((r=>{const l=r[e];typeof l==="function"&&l.call(r,...t)}))}else{const r=l[e];typeof r==="function"&&r.call(l,...t)}}})))}if(t.P){if(e.watchers){t.N=e.watchers}const s=Object.entries(t.P);s.map((([e,[l]])=>{if(l&31||r&2&&l&32){Object.defineProperty(n,e,{get(){return $e(this,e)},set(r){Se(this,e,r,t)},configurable:true,enumerable:true})}else if(r&1&&l&64){Object.defineProperty(n,e,{value(...t){var r;const l=Ne(this);return(r=l==null?void 0:l.W)==null?void 0:r.then((()=>{var r;return(r=l.L)==null?void 0:r[e](...t)}))}})}}));if(r&1){const r=new Map;n.attributeChangedCallback=function(e,l,s){Ke.jmp((()=>{var i;const o=r.get(e);if(this.hasOwnProperty(o)){s=this[o];delete this[o]}else if(n.hasOwnProperty(o)&&typeof this[o]==="number"&&this[o]==s){return}else if(o==null){const r=Ne(this);const n=r==null?void 0:r.v;if(n&&!(n&8)&&n&128&&s!==l){const n=r.L;const o=(i=t.N)==null?void 0:i[e];o==null?void 0:o.forEach((t=>{if(n[t]!=null){n[t].call(n,s,l,e)}}))}return}this[o]=s===null&&typeof this[o]==="boolean"?false:s}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=t.N)!=null?l:{}),...s.filter((([e,t])=>t[0]&15)).map((([e,l])=>{var n;const s=l[1]||e;r.set(s,e);if(l[0]&512){(n=t.O)==null?void 0:n.push([e,s])}return s}))]))}}return e};var Ce=async(e,t,r,l)=>{let n;if((t.v&32)===0){t.v|=32;const l=r.H;if(l){const e=Qe(r);if(e&&"then"in e){const t=y();n=await e;t()}else{n=e}if(!n){throw new Error(`Constructor for "${r.S}#${t.B}" was not found`)}if(!n.isProxied){{r.N=n.watchers}ke(n,r,2);n.isProxied=true}const l=h("createInstance",r.S);{t.v|=8}try{new n(t)}catch(e){ze(e)}{t.v&=~8}{t.v|=128}l()}else{n=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.v|=128))}if(n&&n.style){let e=n.style;const t=F(r);if(!qe.has(t)){const l=h("registerStyles",r.S);L(t,e,!!(r.v&1));l()}}}const s=t.T;const i=()=>ue(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var je=e=>{};var Oe=e=>{if((Ke.v&1)===0){const t=Ne(e);const r=t.$;const l=h("connectedCallback",r.S);if(!(t.v&1)){t.v|=1;{if(r.v&(4|8)){xe(e)}}{let r=e;while(r=r.parentNode||r.host){if(r["s-p"]){ce(t,t.T=r);break}}}if(r.P){Object.entries(r.P).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{Ce(e,t,r)}}else{De(e,t,r.q);if(t==null?void 0:t.L);else if(t==null?void 0:t.U){t.U.then((()=>je()))}}l()}};var xe=e=>{const t=e["s-cr"]=Ie.createComment("");t["s-cn"]=true;ae(e,t,e.firstChild)};var Re=e=>{{we(e,"disconnectedCallback")}};var Te=async e=>{if((Ke.v&1)===0){const t=Ne(e);{if(t.G){t.G.map((e=>e()));t.G=void 0}}if(t==null?void 0:t.L){Re(t.L)}else if(t==null?void 0:t.U){t.U.then((()=>Re(t.L)))}}};var Le=(e,t={})=>{var r;const l=h();const n=[];const s=t.exclude||[];const i=Ge.customElements;const o=Ie.head;const a=o.querySelector("meta[charset]");const c=Ie.createElement("style");const u=[];let v;let d=true;Object.assign(Ke,t);Ke.I=new URL(t.resourcesUrl||"./",Ie.baseURI).href;let p=false;e.map((e=>{e[1].map((t=>{var r;const l={v:t[0],S:t[1],P:t[2],q:t[3]};if(l.v&4){p=true}{l.P=t[2]}{l.q=t[3]}{l.O=[]}{l.N=(r=t[4])!=null?r:{}}const o=l.S;const a=class extends HTMLElement{constructor(e){super(e);e=this;We(e,l);if(l.v&1){{{e.attachShadow({mode:"open"})}}}}connectedCallback(){if(v){clearTimeout(v);v=null}if(d){u.push(this)}else{Ke.jmp((()=>Oe(this)))}}disconnectedCallback(){Ke.jmp((()=>Te(this)))}componentOnReady(){return Ne(this).U}};if(l.v&64){a.formAssociated=true}l.H=e[0];if(!s.includes(o)&&!i.get(o)){n.push(o);i.define(o,ke(a,l,1))}}))}));if(n.length>0){if(p){c.textContent+=w}{c.textContent+=n+b}if(c.innerHTML.length){c.setAttribute("data-styles","");const e=(r=Ke.h)!=null?r:f(Ie);if(e!=null){c.setAttribute("nonce",e)}o.insertBefore(c,a?a.nextSibling:o.firstChild)}}d=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{Ke.jmp((()=>v=setTimeout(be,30)))}}l()};var De=(e,t,r,l)=>{if(r){r.map((([r,l,n])=>{const s=Fe(e,r);const i=Ee(t,n);const o=Me(r);Ke.ael(s,l,i,o);(t.G=t.G||[]).push((()=>Ke.rel(s,l,i,o)))}))}};var Ee=(e,t)=>r=>{try{{if(e.v&256){e.L[t](r)}else{(e.D=e.D||[]).push([t,r])}}}catch(e){ze(e)}};var Fe=(e,t)=>{if(t&8)return Ge;return e};var Me=e=>Ve?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var Ae=e=>Ke.h=e;var Pe=new WeakMap;var Ne=e=>Pe.get(e);var Ue=(e,t)=>Pe.set(t.L=e,t);var We=(e,t)=>{const r={v:0,$hostElement$:e,$:t,A:new Map};{r.W=new Promise((e=>r.M=e))}{r.U=new Promise((e=>r.F=e));e["s-p"]=[];e["s-rc"]=[]}De(e,r,t.q);return Pe.set(e,r)};var He=(e,t)=>t in e;var ze=(e,t)=>(0,console.error)(e,t);var Be=new Map;var Qe=(e,t,r)=>{const l=e.S.replace(/-/g,"_");const n=e.H;const s=Be.get(n);if(s){return s[l]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${n}.entry.js${""}`).then((e=>{{Be.set(n,e)}return e[l]}),ze)};var qe=new Map;var Ge=typeof window!=="undefined"?window:{};var Ie=Ge.document||{head:{}};var Ke={v:0,I:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,l)=>e.addEventListener(t,r,l),rel:(e,t,r,l)=>e.removeEventListener(t,r,l),ce:(e,t)=>new CustomEvent(e,t)};var Ve=(()=>{let e=false;try{Ie.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var Xe=e=>Promise.resolve(e);var _e=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var Je=false;var Ye=[];var Ze=[];var et=(e,t)=>r=>{e.push(r);if(!Je){Je=true;if(t&&Ke.v&4){lt(rt)}else{Ke.raf(rt)}}};var tt=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){ze(e)}}e.length=0};var rt=()=>{tt(Ye);{tt(Ze);if(Je=Ye.length>0){Ke.raf(rt)}}};var lt=e=>Xe().then(e);var nt=et(Ze,true);export{k as H,Le as b,x as c,O as g,$ as h,Xe as p,Ue as r,Ae as s};
+//# sourceMappingURL=p-21aa0095.js.map