@jumpgroup/jump-design-system 0.3.34 → 0.3.36

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

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","disabled","variant","outline","size","full","pill","text","onlyIcon","target","type","name","value","ariaLabel","class","buttonId","library","category","label","src","onlyIconButton","hasBackground","badge","favorite","hasFavorite","hasSlotForFavorite","favoriteHref","link","img","imgAlt","hoverImg","hoverImgAlt","videoSrc","notificationUrl","notificationText","productName","subtitle","productId","price","salePrice","currency","outOfStock","outOfStockText","addToCartText","waitingListText","addToWaitingList","isMini","addedToCart","endAddedToCart","variations","selectedVariation","priceFormatted","salePriceFormatted","setPrice","direction","filterHeading","filterButtonLabel","filterButtonIcon","mobileThreshold","filters","activeFilters","showMobileFilters","isMobile","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","labelElementsPerPage","total","first","elementsRangesArray","elPerPage","min","max","step","showButtons","currentValue","getValue","reset","summary","open","icon","identifier","iconName","iconPosition","active","groupIdentifier","horizontal","dark","shadow","border","borderRadius","topBorderContentRadius","boxed","roundedMedia","imgSrc","code","imgUrl","sku","taxonomy","checked","count","isChecked","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","favoriteHref","link","img","imgAlt","hoverImg","hoverImgAlt","videoSrc","notificationUrl","notificationText","productName","subtitle","productId","price","salePrice","currency","outOfStock","outOfStockText","addToCartText","waitingListText","addToWaitingList","isMini","addedToCart","endAddedToCart","variations","selectedVariation","priceFormatted","salePriceFormatted","setPrice","direction","filterHeading","filterButtonLabel","filterButtonIcon","mobileThreshold","filters","activeFilters","showMobileFilters","isMobile","getFilters","heading","otherLabel","lessLabel","maxElements","values","slotItems","inputs","showMore","getValues","getActiveAmount","getInputs","getName","logo","navItems","secondaryNavItems","navPosition","megaMenuAlignment","sticky","stickyThreshold","mobileLogo","user","pagLabel","last","showFirstAndLast","current","elementsRanges","labelElementsPerPage","total","first","elementsRangesArray","elPerPage","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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"}

package/dist/jump-design-system/p-5b680303.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as s,H as a}from"./p-d4c681a4.js";const i=":host{display:block;--jump-tab-bg-color:var(--gray-ultralight, #f8f8f8);--jump-tab-border-color:var(--neutral-grey-disabled, #CBCBCB)}:host .Wrapper{}:host .Wrapper.center{display:flex;justify-content:center;align-items:center}:host .Wrapper.left{display:flex;justify-content:flex-start;align-items:center}:host .Wrapper.right{display:flex;justify-content:flex-end;align-items:center}:host .Wrapper.fullBorder.inline{border-bottom:1px solid var(--jump-tab-border-color)}:host .Wrapper.fullBorder.inline ::slotted([slot=tab-item]){margin-bottom:-1px}:host .Content{display:flex;width:fit-content}:host .Content.rounded{border-radius:50px;background-color:#f8f8f8}:host .Content.disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}";const r=i;const o=class{constructor(s){e(this,s);this.setActiveTab=t(this,"jump-change-activetab",7);this.disabled=false;this.alignment="left";this.fullBorder=false;this.tabGroupName=undefined;this.variant="inline"}changeActiveTabHandler(e){this.setActiveTab.emit(e.detail);const t=getComputedStyle(document.documentElement);const s=t.getPropertyValue("--neutral-grey-secondary").trim();let a=this.JumpTabEl.querySelectorAll("jump-tab-item");if(a.length>0){a.forEach((t=>{if(t.getAttribute("identifier")===e.detail.id){t.setAttribute("active","");if(this.variant==="sheet"){a.forEach(((e,i)=>{if(e!==t&&i!==a.length-1){e.style.borderRight=`1px solid ${s}`}else{e.style.borderRight="1px solid transparent"}}));let e=t.previousElementSibling;if(e){e.style.borderRight="1px solid transparent"}}}else{t.removeAttribute("active")}}))}let i=this.JumpTabEl.querySelectorAll("jump-tab-panel");if(i.length>0){i.forEach((t=>{if(t.getAttribute("identifier")===e.detail.id){t.setAttribute("active","")}else{t.removeAttribute("active")}}))}}componentDidLoad(){if(this.variant==="sheet"){const e=getComputedStyle(document.documentElement);const t=e.getPropertyValue("--neutral-grey-secondary").trim();let s=this.JumpTabEl.querySelectorAll("jump-tab-item");if(s.length>0){s.forEach(((e,a)=>{if(a===s.length-1||e.classList.contains("active")){e.style.borderRight="1px solid transparent"}else{e.style.borderRight=`1px solid ${t}`}}))}}}render(){return s(a,{key:"d266e47e15f07bb230f05248565ade7e0709583a",class:"JumpTab "+this.variant,id:this.tabGroupName,ref:e=>{this.JumpTabEl=e}},s("div",{key:"ce1dcc0a97d3f84e597e1f8d062d5a3c94928607",class:"Wrapper "+this.alignment+" "+(this.fullBorder&&"fullBorder")+" "+this.variant},s("div",{key:"67ba27b40f38e2f9192b766c908f3a84df43070d",class:"Content "+this.variant+" "+(this.disabled?"disabled":"")},s("slot",{key:"4e62fd0e4f7c145e2aab6d0b370fb11bffe3a7ea",name:"tab-item"})),s("div",{key:"f45e4eb142af620e16d25140e63928a553d11ec5"},s("slot",{key:"c667c0a89fa1d4a0694b270e298b2a2fc1be0186",name:"tab-content"}))))}};o.style=r;export{o as jump_tab};
+//# sourceMappingURL=p-5b680303.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jumpTabCss","JumpTabStyle0","JumpTab","undefined","changeActiveTabHandler","event","this","setActiveTab","emit","detail","rootStyles","getComputedStyle","document","documentElement","primaryColor","getPropertyValue","trim","items","JumpTabEl","querySelectorAll","length","forEach","item","getAttribute","id","setAttribute","variant","sibling","index","style","borderRight","previousSibling","previousElementSibling","removeAttribute","panel","componentDidLoad","classList","contains","render","h","Host","key","class","tabGroupName","ref","el","alignment","fullBorder","disabled","name"],"sources":["src/components/jump-tab/jump-tab.scss?tag=jump-tab&encapsulation=shadow","src/components/jump-tab/jump-tab.tsx"],"sourcesContent":[":host {\n  display: block;\n\n    --jump-tab-bg-color: var(--gray-ultralight, #f8f8f8);\n    --jump-tab-border-color: var(--neutral-grey-disabled, #CBCBCB);\n\n      .Wrapper {\n          &.center {\n              display: flex;\n              justify-content: center;\n              align-items: center;\n            }\n          \n            &.left {\n              display: flex;\n              justify-content: flex-start;\n              align-items: center;\n            }\n          \n            &.right {\n              display: flex;\n              justify-content: flex-end;\n              align-items: center;\n            }\n\n\n            /* Stile fullBorder */\n            &.fullBorder.inline {\n              border-bottom: 1px solid var(--jump-tab-border-color);\n            }\n\n            &.fullBorder.inline ::slotted([slot=\"tab-item\"]) {\n              margin-bottom: -1px;\n            }\n      }\n\n\n      .Content {\n        display: flex;\n        width: fit-content;\n    \n        &.rounded {\n          border-radius: 50px;\n          background-color: #f8f8f8; // dovrà andarci var(--jump-tab-bg-color)\n        }\n\n        &.disabled {\n            cursor: not-allowed;\n            opacity: 0.5;\n            pointer-events: none;\n        }\n      }\n}\n\n\n","import { Component, Host, Event, EventEmitter, Prop, h, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'jump-tab',\n  styleUrl: 'jump-tab.scss',\n  shadow: true,\n})\nexport class JumpTab {\n\n  JumpTabEl: HTMLElement;\n  /* ---------------------- @PROPERTIES ------------------------- */\n  @Prop() disabled: boolean = false;\n\n  @Prop() alignment: string = 'left';\n\n  /**\n   * If true, the jump-tab component have a full bottom border\n   */\n  @Prop() fullBorder: boolean = false;\n\n  @Prop() tabGroupName: string = undefined;\n\n  /**\n   * The style of the tab. The same value must be passed to all the items.\n   * Choosed from \"inline\", \"boxed\", \"sheet\", \"rounded\"\n   */\n  @Prop() variant: string = 'inline';\n\n  @Event({ eventName: 'jump-change-activetab'}) setActiveTab: EventEmitter;\n\n  @Listen('jump-change-active-tab')\n  changeActiveTabHandler(event: CustomEvent) {\n    this.setActiveTab.emit(event.detail);\n\n    // Recupera il valore della variabile CSS\n    const rootStyles = getComputedStyle(document.documentElement);\n    const primaryColor = rootStyles.getPropertyValue('--neutral-grey-secondary').trim();\n\n    let items = this.JumpTabEl.querySelectorAll('jump-tab-item');\n    if (items.length > 0) {\n      items.forEach((item) => {\n        if (item.getAttribute('identifier') === event.detail.id) {\n          item.setAttribute('active', '');\n\n          if (this.variant === 'sheet') {\n            // Aggiungi il bordo ai fratelli dell'elemento attivo tranne l'ultimo\n            items.forEach((sibling, index) => {\n              if (sibling !== item && index !== items.length - 1) {\n                sibling.style.borderRight = `1px solid ${primaryColor}`; // Usa i backticks\n              } else {\n                sibling.style.borderRight = '1px solid transparent';\n              }\n            });\n\n            // Rimuovi il bordo dal fratello precedente\n            let previousSibling = item.previousElementSibling as any;\n            if (previousSibling) {\n              previousSibling.style.borderRight = '1px solid transparent';\n            }\n          }\n\n        } else {\n          item.removeAttribute('active');\n        }\n      });\n    }\n\n    let panel = this.JumpTabEl.querySelectorAll('jump-tab-panel');\n    if (panel.length > 0) {\n      panel.forEach((panel) => {\n        if (panel.getAttribute('identifier') === event.detail.id) {\n          panel.setAttribute('active', '');\n        } else {\n          panel.removeAttribute('active');\n        }\n      });\n    }\n  }\n\n\n  componentDidLoad() {\n    if(this.variant === 'sheet') {\n      // Recupera il valore della variabile CSS\n      const rootStyles = getComputedStyle(document.documentElement);\n      const primaryColor = rootStyles.getPropertyValue('--neutral-grey-secondary').trim();\n\n      // Seleziona tutti gli elementi jump-tab-item\n      let items = this.JumpTabEl.querySelectorAll('jump-tab-item');\n      if (items.length > 0) {\n        items.forEach((item, index) => {\n          // Aggiungi bordo destro a tutti tranne:\n          // - l'ultimo elemento\n          // - l'elemento attivo (avente classe \"active\")\n          if (index === items.length - 1 || item.classList.contains('active')) {\n            item.style.borderRight = '1px solid transparent';\n          } else {\n            item.style.borderRight = `1px solid ${primaryColor}`;\n          }\n        });\n      }\n    }\n\n  }\n\n  render() {\n    return (\n      <Host class={\"JumpTab \" + (this.variant) } id={this.tabGroupName} ref={(el) => {this.JumpTabEl = el;}}> \n        <div class={\"Wrapper \" + this.alignment + \" \" + (this.fullBorder && 'fullBorder') + \" \" + (this.variant)}>\n          <div class={\"Content \" + this.variant + \" \" + (this.disabled ? 'disabled' : '')}>\n          <slot name=\"tab-item\"></slot>\n        </div>\n        <div>\n          <slot name=\"tab-content\"></slot>\n        </div>\n        </div>\n      </Host>\n    );\n  }\n}"],"mappings":"yDAAA,MAAMA,EAAa,ouBACnB,MAAAC,EAAeD,E,MCMFE,EAAO,M,2FAIU,M,eAEA,O,gBAKE,M,kBAECC,U,aAML,Q,CAK1B,sBAAAC,CAAuBC,GACrBC,KAAKC,aAAaC,KAAKH,EAAMI,QAG7B,MAAMC,EAAaC,iBAAiBC,SAASC,iBAC7C,MAAMC,EAAeJ,EAAWK,iBAAiB,4BAA4BC,OAE7E,IAAIC,EAAQX,KAAKY,UAAUC,iBAAiB,iBAC5C,GAAIF,EAAMG,OAAS,EAAG,CACpBH,EAAMI,SAASC,IACb,GAAIA,EAAKC,aAAa,gBAAkBlB,EAAMI,OAAOe,GAAI,CACvDF,EAAKG,aAAa,SAAU,IAE5B,GAAInB,KAAKoB,UAAY,QAAS,CAE5BT,EAAMI,SAAQ,CAACM,EAASC,KACtB,GAAID,IAAYL,GAAQM,IAAUX,EAAMG,OAAS,EAAG,CAClDO,EAAQE,MAAMC,YAAc,aAAahB,G,KACpC,CACLa,EAAQE,MAAMC,YAAc,uB,KAKhC,IAAIC,EAAkBT,EAAKU,uBAC3B,GAAID,EAAiB,CACnBA,EAAgBF,MAAMC,YAAc,uB,OAInC,CACLR,EAAKW,gBAAgB,S,KAK3B,IAAIC,EAAQ5B,KAAKY,UAAUC,iBAAiB,kBAC5C,GAAIe,EAAMd,OAAS,EAAG,CACpBc,EAAMb,SAASa,IACb,GAAIA,EAAMX,aAAa,gBAAkBlB,EAAMI,OAAOe,GAAI,CACxDU,EAAMT,aAAa,SAAU,G,KACxB,CACLS,EAAMD,gBAAgB,S,MAO9B,gBAAAE,GACE,GAAG7B,KAAKoB,UAAY,QAAS,CAE3B,MAAMhB,EAAaC,iBAAiBC,SAASC,iBAC7C,MAAMC,EAAeJ,EAAWK,iBAAiB,4BAA4BC,OAG7E,IAAIC,EAAQX,KAAKY,UAAUC,iBAAiB,iBAC5C,GAAIF,EAAMG,OAAS,EAAG,CACpBH,EAAMI,SAAQ,CAACC,EAAMM,KAInB,GAAIA,IAAUX,EAAMG,OAAS,GAAKE,EAAKc,UAAUC,SAAS,UAAW,CACnEf,EAAKO,MAAMC,YAAc,uB,KACpB,CACLR,EAAKO,MAAMC,YAAc,aAAahB,G,OAQhD,MAAAwB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,WAAcpC,KAAY,QAAIkB,GAAIlB,KAAKqC,aAAcC,IAAMC,IAAQvC,KAAKY,UAAY2B,CAAE,GACjGN,EAAA,OAAAE,IAAA,2CAAKC,MAAO,WAAapC,KAAKwC,UAAY,KAAOxC,KAAKyC,YAAc,cAAgB,IAAOzC,KAAY,SACrGiC,EAAA,OAAAE,IAAA,2CAAKC,MAAO,WAAapC,KAAKoB,QAAU,KAAOpB,KAAK0C,SAAW,WAAa,KAC5ET,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,cAEbV,EAAA,OAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,kB"}

package/dist/jump-design-system/p-96e7d098.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as a,H as r}from"./p-d4c681a4.js";const e=':host{display:flex;--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)}:host jump-button{--jump-button-border-radius:0px 3px 3px 0px}:host input{width:100%}:host(.manual.outline) input{border-radius:3px 0px 0px 3px;border:1px solid var(--jump-search-bar-border-color);padding:12px}:host(.manual.outline) input:focus-visible{outline:2px solid var(--jump-search-bar-focus-color);outline-offset:-2px}:host(.auto.outline) input{border-radius:3px;border:1px solid var(--jump-search-bar-border-color);padding:12px;padding-left:35px;background:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.625%204.875C8.625%203.53906%207.89844%202.32031%206.75%201.64062C5.57812%200.960938%204.14844%200.960938%203%201.64062C1.82812%202.32031%201.125%203.53906%201.125%204.875C1.125%206.23438%201.82812%207.45312%203%208.13281C4.14844%208.8125%205.57812%208.8125%206.75%208.13281C7.89844%207.45312%208.625%206.23438%208.625%204.875ZM7.89844%208.71875C7.05469%209.375%206%209.75%204.875%209.75C2.17969%209.75%200%207.57031%200%204.875C0%202.20312%202.17969%200%204.875%200C7.54688%200%209.75%202.20312%209.75%204.875C9.75%206.02344%209.35156%207.07812%208.69531%207.92188L11.8359%2011.0391C12.0469%2011.2734%2012.0469%2011.625%2011.8359%2011.8359C11.6016%2012.0703%2011.25%2012.0703%2011.0391%2011.8359L7.89844%208.71875Z%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fsvg%3E") no-repeat left;background-size:14px;background-position:10px center}:host(.auto.outline) input:focus-visible{outline:2px solid var(--jump-search-bar-focus-color);outline-offset:-2px;background:url(\'data:image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.625 4.875C8.625 3.53906 7.89844 2.32031 6.75 1.64062C5.57812 0.960938 4.14844 0.960938 3 1.64062C1.82812 2.32031 1.125 3.53906 1.125 4.875C1.125 6.23438 1.82812 7.45312 3 8.13281C4.14844 8.8125 5.57812 8.8125 6.75 8.13281C7.89844 7.45312 8.625 6.23438 8.625 4.875ZM7.89844 8.71875C7.05469 9.375 6 9.75 4.875 9.75C2.17969 9.75 0 7.57031 0 4.875C0 2.20312 2.17969 0 4.875 0C7.54688 0 9.75 2.20312 9.75 4.875C9.75 6.02344 9.35156 7.07812 8.69531 7.92188L11.8359 11.0391C12.0469 11.2734 12.0469 11.625 11.8359 11.8359C11.6016 12.0703 11.25 12.0703 11.0391 11.8359L7.89844 8.71875Z" fill="%235E79BA"/></svg>\') no-repeat left !important;background-size:14px !important;background-position:10px center !important}:host(.auto.linear) input.search-input{border:none;border-bottom:1px solid var(--jump-search-bar-border-color);padding:8px 5px 8px 0;padding-left:35px;background:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.625%204.875C8.625%203.53906%207.89844%202.32031%206.75%201.64062C5.57812%200.960938%204.14844%200.960938%203%201.64062C1.82812%202.32031%201.125%203.53906%201.125%204.875C1.125%206.23438%201.82812%207.45312%203%208.13281C4.14844%208.8125%205.57812%208.8125%206.75%208.13281C7.89844%207.45312%208.625%206.23438%208.625%204.875ZM7.89844%208.71875C7.05469%209.375%206%209.75%204.875%209.75C2.17969%209.75%200%207.57031%200%204.875C0%202.20312%202.17969%200%204.875%200C7.54688%200%209.75%202.20312%209.75%204.875C9.75%206.02344%209.35156%207.07812%208.69531%207.92188L11.8359%2011.0391C12.0469%2011.2734%2012.0469%2011.625%2011.8359%2011.8359C11.6016%2012.0703%2011.25%2012.0703%2011.0391%2011.8359L7.89844%208.71875Z%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fsvg%3E") no-repeat left;background-size:14px;background-position:10px center}:host(.auto.linear) input:focus-visible{outline:2px solid var(--jump-search-bar-focus-color);outline-offset:-2px;background:url(\'data:image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.625 4.875C8.625 3.53906 7.89844 2.32031 6.75 1.64062C5.57812 0.960938 4.14844 0.960938 3 1.64062C1.82812 2.32031 1.125 3.53906 1.125 4.875C1.125 6.23438 1.82812 7.45312 3 8.13281C4.14844 8.8125 5.57812 8.8125 6.75 8.13281C7.89844 7.45312 8.625 6.23438 8.625 4.875ZM7.89844 8.71875C7.05469 9.375 6 9.75 4.875 9.75C2.17969 9.75 0 7.57031 0 4.875C0 2.20312 2.17969 0 4.875 0C7.54688 0 9.75 2.20312 9.75 4.875C9.75 6.02344 9.35156 7.07812 8.69531 7.92188L11.8359 11.0391C12.0469 11.2734 12.0469 11.625 11.8359 11.8359C11.6016 12.0703 11.25 12.0703 11.0391 11.8359L7.89844 8.71875Z" fill="%235E79BA"/></svg>\') no-repeat left !important;background-size:14px !important;background-position:10px center !important}:host(.auto.filled) input.search-input{border:none;border-radius:3px;padding:12px;padding-left:35px;background:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.625%204.875C8.625%203.53906%207.89844%202.32031%206.75%201.64062C5.57812%200.960938%204.14844%200.960938%203%201.64062C1.82812%202.32031%201.125%203.53906%201.125%204.875C1.125%206.23438%201.82812%207.45312%203%208.13281C4.14844%208.8125%205.57812%208.8125%206.75%208.13281C7.89844%207.45312%208.625%206.23438%208.625%204.875ZM7.89844%208.71875C7.05469%209.375%206%209.75%204.875%209.75C2.17969%209.75%200%207.57031%200%204.875C0%202.20312%202.17969%200%204.875%200C7.54688%200%209.75%202.20312%209.75%204.875C9.75%206.02344%209.35156%207.07812%208.69531%207.92188L11.8359%2011.0391C12.0469%2011.2734%2012.0469%2011.625%2011.8359%2011.8359C11.6016%2012.0703%2011.25%2012.0703%2011.0391%2011.8359L7.89844%208.71875Z%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fsvg%3E") no-repeat left;background-size:14px;background-position:10px center;background-color:var(--jump-search-bar-bg-color)}';const i=e;const s=class{constructor(a){t(this,a);this.search=o(this,"jump-search-bar",7);this.doSearch=()=>{if(this.jumpSearchBar){const t=this.jumpSearchBar.value;console.log("doSearch",t);this.search.emit({search:t})}};this.placeholder="Cerca...";this.identifier="search-bar";this.debounceTime=500;this.searchType="auto";this.variant="outline"}debounce(t,o=this.debounceTime){let a;return(...r)=>{if(a){clearTimeout(a)}a=setTimeout((()=>{t.apply(null,r)}),o)}}render(){return a(r,{key:"efa1c6cdd7f2cb5d22b50707aee020bab23609b0",class:"JumpSearchBar "+(this.searchType=="manual"?"manual outline":this.searchType+" "+this.variant)},a("input",{key:"823778b4c704a72ff14662dff408b41b4fe79fb1",placeholder:this.placeholder,type:"search",id:this.identifier,class:"search-input",ref:t=>{this.jumpSearchBar=t},onInput:this.searchType==="auto"?this.debounce(this.doSearch):undefined}),this.searchType==="manual"&&a("jump-button",{key:"8f940966131504f605b0aadb272e0c590fb2b32f",variant:"secondary",size:"medium",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,onClick:()=>this.doSearch()},a("jump-icon",{key:"df8a23cd6a3b8374bfb18fc2a9061ef4af5f887a",slot:"suffix",name:"magnifying-glass"})))}};s.style=i;export{s as jump_search_bar};
+//# sourceMappingURL=p-96e7d098.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jumpSearchBarCss","JumpSearchBarStyle0","JumpSearchBar","this","doSearch","jumpSearchBar","searchValue","value","console","log","search","emit","debounce","fn","delay","debounceTime","timeoutId","args","clearTimeout","setTimeout","apply","render","h","Host","key","class","searchType","variant","placeholder","type","id","identifier","ref","el","onInput","undefined","size","name","onlyIcon","onClick","slot"],"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: flex;\n\n  jump-button {\n    --jump-button-border-radius: 0px 3px 3px 0px;\n  }\n\n  input {\n    width: 100%;\n  }\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}\n\n// /* Stile manuale */\n:host(.manual.outline) {\n  input {\n    border-radius: 3px 0px 0px 3px;\n    border: 1px solid var(--jump-search-bar-border-color);\n    padding: 12px;\n  }\n\n  input:focus-visible {\n    outline: 2px solid var(--jump-search-bar-focus-color);\n    outline-offset: -2px;\n  }\n}\n\n:host(.auto.outline) {\n  input {\n    border-radius: 3px;\n    border: 1px solid var(--jump-search-bar-border-color);\n    padding: 12px;\n    padding-left: 35px;\n    background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.625%204.875C8.625%203.53906%207.89844%202.32031%206.75%201.64062C5.57812%200.960938%204.14844%200.960938%203%201.64062C1.82812%202.32031%201.125%203.53906%201.125%204.875C1.125%206.23438%201.82812%207.45312%203%208.13281C4.14844%208.8125%205.57812%208.8125%206.75%208.13281C7.89844%207.45312%208.625%206.23438%208.625%204.875ZM7.89844%208.71875C7.05469%209.375%206%209.75%204.875%209.75C2.17969%209.75%200%207.57031%200%204.875C0%202.20312%202.17969%200%204.875%200C7.54688%200%209.75%202.20312%209.75%204.875C9.75%206.02344%209.35156%207.07812%208.69531%207.92188L11.8359%2011.0391C12.0469%2011.2734%2012.0469%2011.625%2011.8359%2011.8359C11.6016%2012.0703%2011.25%2012.0703%2011.0391%2011.8359L7.89844%208.71875Z%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fsvg%3E') no-repeat left;\n    background-size: 14px;\n    background-position: 10px center;\n  }\n\n  input:focus-visible {\n    outline: 2px solid var(--jump-search-bar-focus-color);\n    outline-offset: -2px;\n    background: url('data:image/svg+xml;utf8,<svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.625 4.875C8.625 3.53906 7.89844 2.32031 6.75 1.64062C5.57812 0.960938 4.14844 0.960938 3 1.64062C1.82812 2.32031 1.125 3.53906 1.125 4.875C1.125 6.23438 1.82812 7.45312 3 8.13281C4.14844 8.8125 5.57812 8.8125 6.75 8.13281C7.89844 7.45312 8.625 6.23438 8.625 4.875ZM7.89844 8.71875C7.05469 9.375 6 9.75 4.875 9.75C2.17969 9.75 0 7.57031 0 4.875C0 2.20312 2.17969 0 4.875 0C7.54688 0 9.75 2.20312 9.75 4.875C9.75 6.02344 9.35156 7.07812 8.69531 7.92188L11.8359 11.0391C12.0469 11.2734 12.0469 11.625 11.8359 11.8359C11.6016 12.0703 11.25 12.0703 11.0391 11.8359L7.89844 8.71875Z\" fill=\"%235E79BA\"/></svg>') no-repeat left !important;\n    background-size: 14px !important;\n    background-position: 10px center !important;\n  } \n}\n\n/* Stile linear */\n:host(.auto.linear){\n  input.search-input {\n    border: none;\n    border-bottom: 1px solid var(--jump-search-bar-border-color);\n    padding: 8px 5px 8px 0;\n    padding-left: 35px;\n    background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.625%204.875C8.625%203.53906%207.89844%202.32031%206.75%201.64062C5.57812%200.960938%204.14844%200.960938%203%201.64062C1.82812%202.32031%201.125%203.53906%201.125%204.875C1.125%206.23438%201.82812%207.45312%203%208.13281C4.14844%208.8125%205.57812%208.8125%206.75%208.13281C7.89844%207.45312%208.625%206.23438%208.625%204.875ZM7.89844%208.71875C7.05469%209.375%206%209.75%204.875%209.75C2.17969%209.75%200%207.57031%200%204.875C0%202.20312%202.17969%200%204.875%200C7.54688%200%209.75%202.20312%209.75%204.875C9.75%206.02344%209.35156%207.07812%208.69531%207.92188L11.8359%2011.0391C12.0469%2011.2734%2012.0469%2011.625%2011.8359%2011.8359C11.6016%2012.0703%2011.25%2012.0703%2011.0391%2011.8359L7.89844%208.71875Z%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fsvg%3E') no-repeat left;\n    background-size: 14px;\n    background-position: 10px center;\n  }\n\n  input:focus-visible {\n    outline: 2px solid var(--jump-search-bar-focus-color);\n    outline-offset: -2px;\n    background: url('data:image/svg+xml;utf8,<svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.625 4.875C8.625 3.53906 7.89844 2.32031 6.75 1.64062C5.57812 0.960938 4.14844 0.960938 3 1.64062C1.82812 2.32031 1.125 3.53906 1.125 4.875C1.125 6.23438 1.82812 7.45312 3 8.13281C4.14844 8.8125 5.57812 8.8125 6.75 8.13281C7.89844 7.45312 8.625 6.23438 8.625 4.875ZM7.89844 8.71875C7.05469 9.375 6 9.75 4.875 9.75C2.17969 9.75 0 7.57031 0 4.875C0 2.20312 2.17969 0 4.875 0C7.54688 0 9.75 2.20312 9.75 4.875C9.75 6.02344 9.35156 7.07812 8.69531 7.92188L11.8359 11.0391C12.0469 11.2734 12.0469 11.625 11.8359 11.8359C11.6016 12.0703 11.25 12.0703 11.0391 11.8359L7.89844 8.71875Z\" fill=\"%235E79BA\"/></svg>') no-repeat left !important;\n    background-size: 14px !important;\n    background-position: 10px center !important;\n  }\n}\n\n/* Stile filled */\n:host(.auto.filled) {\n  input.search-input {\n      border: none;\n      border-radius: 3px;\n      padding: 12px;\n      padding-left: 35px;\n      background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.625%204.875C8.625%203.53906%207.89844%202.32031%206.75%201.64062C5.57812%200.960938%204.14844%200.960938%203%201.64062C1.82812%202.32031%201.125%203.53906%201.125%204.875C1.125%206.23438%201.82812%207.45312%203%208.13281C4.14844%208.8125%205.57812%208.8125%206.75%208.13281C7.89844%207.45312%208.625%206.23438%208.625%204.875ZM7.89844%208.71875C7.05469%209.375%206%209.75%204.875%209.75C2.17969%209.75%200%207.57031%200%204.875C0%202.20312%202.17969%200%204.875%200C7.54688%200%209.75%202.20312%209.75%204.875C9.75%206.02344%209.35156%207.07812%208.69531%207.92188L11.8359%2011.0391C12.0469%2011.2734%2012.0469%2011.625%2011.8359%2011.8359C11.6016%2012.0703%2011.25%2012.0703%2011.0391%2011.8359L7.89844%208.71875Z%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fsvg%3E') no-repeat left;\n      background-size: 14px;\n      background-position: 10px center;\n      background-color: var(--jump-search-bar-bg-color);\n    }\n}\n","import { Component, 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  /* ---------------------- OWN PROPERTIES ---------------------- */\n\n  /* ---------------------- @ELEMENT ---------------------------- */\n  jumpSearchBar: HTMLInputElement;\n\n  /* ---------------------- @STATE ------------------------- */\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n  @Prop() placeholder: string = 'Cerca...';\n  @Prop() identifier: string = 'search-bar';\n\n  /**\n   * Variabile per personalizzare il tempo di attesa prima di eseguire la ricerca\n   */\n  @Prop() debounceTime: number = 500;\n\n  /**\n   * Se \"Auto\" la ricerca parte automaticamente al termine della digitazione\n   * Se \"Manual\" la ricerca parte solo dopo aver premuto invio -> può avere solo stile outline\n   */\n  @Prop() searchType: string = 'auto' || 'manual';\n\n  @Prop() variant: string = 'outline' || 'filled' || 'linear';\n\n  /* ---------------------- @EVENTS ------------------------- */\n  @Event({ eventName: 'jump-search-bar' }) search: EventEmitter;\n\n\n  /* ---------------------- @LIFECYCLE ------------------------- */\n\n  /* -------------------- @LISTEN ------------------------------- */\n\n  /* -------------------- @METHOD ------------------------------- */\n\n  /* -------------------- LOCAL METHODS ------------------------- */\n\n  /**\n   * se searchType == 'manual' l'utente deve cliccare sul pulsante per eseguire la funzione\n   * se searchType == 'auto' la funzione viene eseguita automaticamente al termine della digitazione\n   */\n  doSearch = () => {\n    if (this.jumpSearchBar) {\n      const searchValue = this.jumpSearchBar.value;\n\n      console.log('doSearch', searchValue);\n      this.search.emit({ search: searchValue });\n    }\n  }\n\n\n  /** Used to filters/searchbar */\ndebounce(fn, delay = this.debounceTime) {\n  let timeoutId;\n\n  return (...args) => {\n    // cancel the previous timer\n    if (timeoutId) {\n      clearTimeout(timeoutId);\n    }\n    // setup a new timer\n    timeoutId = setTimeout(() => {\n      fn.apply(null, args);\n    }, delay);\n  };\n};\n\n  /* -------------------- RENDER ------------------------- */\n\n  render() {\n    return (\n      <Host \n        class={\"JumpSearchBar \" + (this.searchType == 'manual' ? 'manual outline' : (this.searchType + \" \" + this.variant))} \n        >\n        <input \n          placeholder={this.placeholder} \n          type=\"search\" id={this.identifier} class=\"search-input\" ref={(el) => { this.jumpSearchBar = el as HTMLInputElement }} \n          onInput={this.searchType === 'auto' ? this.debounce(this.doSearch) : undefined}\n          />\n        {this.searchType === 'manual' &&\n          <jump-button variant=\"secondary\" size=\"medium\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" onlyIcon onClick={() => this.doSearch()}>\n            <jump-icon slot=\"suffix\" name=\"magnifying-glass\"></jump-icon>\n          </jump-button>\n        }\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,85LACzB,MAAAC,EAAeD,E,MCMFE,EAAa,M,iEAyCxBC,KAAAC,SAAW,KACT,GAAID,KAAKE,cAAe,CACtB,MAAMC,EAAcH,KAAKE,cAAcE,MAEvCC,QAAQC,IAAI,WAAYH,GACxBH,KAAKO,OAAOC,KAAK,CAAED,OAAQJ,G,oBArCD,W,gBACD,a,kBAKE,I,gBAMF,O,aAEH,S,CA6B5B,QAAAM,CAASC,EAAIC,EAAQX,KAAKY,cACxB,IAAIC,EAEJ,MAAO,IAAIC,KAET,GAAID,EAAW,CACbE,aAAaF,E,CAGfA,EAAYG,YAAW,KACrBN,EAAGO,MAAM,KAAMH,EAAK,GACnBH,EAAM,C,CAMX,MAAAO,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,kBAAoBtB,KAAKuB,YAAc,SAAW,iBAAoBvB,KAAKuB,WAAa,IAAMvB,KAAKwB,UAE1GL,EAAA,SAAAE,IAAA,2CACEI,YAAazB,KAAKyB,YAClBC,KAAK,SAASC,GAAI3B,KAAK4B,WAAYN,MAAM,eAAeO,IAAMC,IAAS9B,KAAKE,cAAgB4B,CAAsB,EAClHC,QAAS/B,KAAKuB,aAAe,OAASvB,KAAKS,SAAST,KAAKC,UAAY+B,YAEtEhC,KAAKuB,aAAe,UACnBJ,EAAA,eAAAE,IAAA,2CAAaG,QAAQ,YAAYS,KAAK,SAASC,KAAK,SAAS9B,MAAM,QAAO,aAAY,gBAAgBuB,GAAG,SAASQ,SAAQ,KAACC,QAAS,IAAMpC,KAAKC,YAC7IkB,EAAA,aAAAE,IAAA,2CAAWgB,KAAK,SAASH,KAAK,sB"}

package/dist/jump-design-system/p-9defb660.entry.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["jumpTabItemCss","JumpTabItemStyle0","JumpTabItem","undefined","changeTab","identifier","this","changeActiveTab","emit","id","componentDidLoad","parentVariant","tabEl","parentElement","getAttribute","variant","render","h","Host","key","ref","el","class","active","disabled","iconName","iconPosition","onClick","library","category","name","size","label"],"sources":["src/components/jump-tab-item/jump-tab-item.scss?tag=jump-tab-item&encapsulation=shadow","src/components/jump-tab-item/jump-tab-item.tsx"],"sourcesContent":[":host {\n  display: block;\n\n    --jump-tabitem-active-color: var(--secondary-standard);\n    --jump-tabitem-color: var(--neutral-grey-secondary);\n    --jump-tabitem-hover-color: var(--neutral-grey-disabled, #CBCBCB);\n    --jump-tabitem-boxed-bg-color: var(--secondary-soft, #EDF2FA);\n    --jump-tabitem-rounded-bg-color: white;\n  \n    font-family: var(--ff-primary);\n  \n    .Content {\n  \n      display: flex;\n\n      &:hover:not(.disabled){\n        cursor: pointer;\n      }\n\n      label {\n        font-size: 16px;\n      }\n  \n      &.left {\n        flex-direction: row;\n        gap: 6px;\n        align-items: center;\n      }\n  \n      &.top {\n        flex-direction: column;\n        gap: 2px;\n        align-items: center;\n      }\n  \n      /*Tipologia inline */\n      &.inline {\n        color: var(--jump-tabitem-color);\n        padding: 12px 24px;\n        border-bottom: 1px solid var(--jump-tabitem-hover-color);\n      }\n\n      &.inline:not(.active) {\n        padding-bottom: 14px;\n      }\n\n      &.inline.active {\n        color: var(--jump-tabitem-active-color);\n        border-bottom: 3px solid var(--jump-tabitem-active-color);\n  \n        span {\n          font-weight: bold;\n        }\n      }\n\n      &.inline:hover:not(.disabled):not(.active) {\n        border-bottom: 3px solid var(--jump-tabitem-hover-color);\n        cursor: pointer;\n        padding-bottom: 12px;\n      }\n  \n      /* Tipologia boxed */\n      &.boxed {\n        color: var(--jump-tabitem-color);\n        padding: 15px 39px;\n        background-color: transparent;\n        border: 1px solid var(--jump-tabitem-boxed-bg-color);\n      }\n  \n      &.boxed:hover:not(.disabled),\n      &.boxed:hover:not(.active) {\n        background-color: transparent;\n  \n        span {\n          font-weight: bold;\n        }\n      }\n  \n      &.boxed.active {\n        color: var(--jump-tabitem-active-color);\n        background-color: var(--jump-tabitem-boxed-bg-color);\n        border: 1px solid var(--jump-tabitem-boxed-bg-color);\n  \n        span {\n          font-weight: bold;\n        }\n      }\n  \n      /* Tipologia rounded */\n      &.rounded {\n        padding: 12px 32px;\n        color: var(--jump-tabitem-color);\n  \n      }\n  \n      &.rounded:hover:not(.disabled) {\n        cursor: pointer;\n  \n        span {\n          font-weight: bold;\n        }\n      }\n  \n      &.rounded.active {\n        color: var(--jump-tabitem-active-color);\n        background-color: var(--jump-tabitem-rounded-bg-color);\n        border: 1px solid var(--jump-tabitem-active-color);\n        border-radius: 50px;\n  \n      }\n  \n      /** Tipologia sheet */\n      &.sheet {\n        padding: 12px 32px;\n        color: var(--neutral-grey-secondary);\n      }\n  \n      &.sheet:hover:not(.disabled) {\n        cursor: pointer;\n  \n        span {\n          font-weight: bold;\n        }\n      }\n  \n      &.sheet.active {\n        color: var(--jump-tabitem-active-color);\n        background-color: var(--jump-tabitem-rounded-bg-color);\n        border-radius: 8px 8px 0px 0px;\n      }\n    }\n}\n\n:host(.disabled) {\n    cursor: not-allowed;\n    opacity: 0.5;\n    pointer-events: none;\n}\n\n","import { Component, Host, Prop,State,  h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'jump-tab-item',\n  styleUrl: 'jump-tab-item.scss',\n  shadow: true,\n})\nexport class JumpTabItem {\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n\n  /**\n   * Identifier of the tab\n   */\n  @Prop() identifier: string = undefined;\n\n  /**\n   * Name of the icon. If not provided, the icon will not be displayed\n   */\n  @Prop() iconName: string = undefined;\n\n  /**\n   * Icon position, apply only if the icon is present\n   * Choosed from \"left\", \"top\"\n   */\n  @Prop() iconPosition: string = 'left';\n  @Prop() label: string = '';\n  @Prop() active: boolean = false;\n\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The style of the tab item\n   * Choosed from \"inline\", \"boxed\", \"sheet\", \"rounded\"\n   */\n  @State() variant: string = 'inline';\n\n  @Event({ eventName: 'jump-change-active-tab' }) changeActiveTab: EventEmitter;\n\n  changeTab(identifier){\n    this.changeActiveTab.emit({id: identifier});\n  }\n\n  componentDidLoad() {\n    // Deve leggere la prop \"variant\" del componente babbo jump-tab e popolare la propria prop \"variant\"\n    let parentVariant = this.tabEl.parentElement.getAttribute('variant');\n    this.variant = parentVariant;\n  }\n\n  tabEl: HTMLElement;\n\n  render() {\n    return (\n      <Host\n        ref={(el) => { this.tabEl = el }}\n        class={\"JumpTabItem \" + (this.active ? 'active' : '') + \" \" + (this.variant) + \" \" + (this.disabled ? 'disabled' : '')}>\n        <div class={\"Content \" + (this.iconName ? this.iconPosition : '') + \" \" + (this.variant) + \" \" + (this.active ? 'active' : '') + \" \" + (this.disabled ? 'disabled' : '')} onClick={() => this.changeTab(this.identifier)} id={this.identifier}>\n          {(this.iconName && (this.variant == 'inline' || this.variant == 'boxed')) &&\n            <jump-icon library=\"fa\" category=\"regular\" name={this.iconName} size=\"small\"></jump-icon>\n          }\n          <span class=\"label\">{this.label}</span>\n        </div>\n      </Host>\n    );\n  }\n}\n\n"],"mappings":"yDAAA,MAAMA,EAAiB,46EACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,iGAOOC,U,cAKFA,U,kBAMI,O,WACP,G,YACE,M,cAEE,M,aAMD,Q,CAI3B,SAAAC,CAAUC,GACRC,KAAKC,gBAAgBC,KAAK,CAACC,GAAIJ,G,CAGjC,gBAAAK,GAEE,IAAIC,EAAgBL,KAAKM,MAAMC,cAAcC,aAAa,WAC1DR,KAAKS,QAAUJ,C,CAKjB,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,IAAMC,IAASf,KAAKM,MAAQS,CAAE,EAC9BC,MAAO,gBAAkBhB,KAAKiB,OAAS,SAAW,IAAM,IAAOjB,KAAY,QAAI,KAAOA,KAAKkB,SAAW,WAAa,KACnHP,EAAA,OAAAE,IAAA,2CAAKG,MAAO,YAAchB,KAAKmB,SAAWnB,KAAKoB,aAAe,IAAM,IAAOpB,KAAY,QAAI,KAAOA,KAAKiB,OAAS,SAAW,IAAM,KAAOjB,KAAKkB,SAAW,WAAa,IAAKG,QAAS,IAAMrB,KAAKF,UAAUE,KAAKD,YAAaI,GAAIH,KAAKD,YAC/NC,KAAKmB,WAAanB,KAAKS,SAAW,UAAYT,KAAKS,SAAW,UAC9DE,EAAA,aAAAE,IAAA,2CAAWS,QAAQ,KAAKC,SAAS,UAAUC,KAAMxB,KAAKmB,SAAUM,KAAK,UAEvEd,EAAA,QAAAE,IAAA,2CAAMG,MAAM,SAAShB,KAAK0B,Q"}

package/dist/jump-design-system-elements.json

@@ -826,6 +826,35 @@
         }
       ]
     },
+    {
+      "name": "jump-search-bar",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "debounce-time",
+          "description": "Variabile per personalizzare il tempo di attesa prima di eseguire la ricerca"
+        },
+        {
+          "name": "identifier",
+          "description": ""
+        },
+        {
+          "name": "placeholder",
+          "description": ""
+        },
+        {
+          "name": "search-type",
+          "description": "Se \"Auto\" la ricerca parte automaticamente al termine della digitazione\nSe \"Manual\" la ricerca parte solo dopo aver premuto invio -> può avere solo stile outline"
+        },
+        {
+          "name": "variant",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "jump-tab",
       "description": {
@@ -837,6 +866,10 @@
           "name": "alignment",
           "description": ""
         },
+        {
+          "name": "disabled",
+          "description": ""
+        },
         {
           "name": "full-border",
           "description": "If true, the jump-tab component have a full bottom border"

package/dist/types/components/jump-search-bar/jump-search-bar.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class JumpSearchBar {
+    jumpSearchBar: HTMLInputElement;
+    placeholder: string;
+    identifier: string;
+    /**
+     * Variabile per personalizzare il tempo di attesa prima di eseguire la ricerca
+     */
+    debounceTime: number;
+    /**
+     * Se "Auto" la ricerca parte automaticamente al termine della digitazione
+     * Se "Manual" la ricerca parte solo dopo aver premuto invio -> può avere solo stile outline
+     */
+    searchType: string;
+    variant: string;
+    search: EventEmitter;
+    /**
+     * se searchType == 'manual' l'utente deve cliccare sul pulsante per eseguire la funzione
+     * se searchType == 'auto' la funzione viene eseguita automaticamente al termine della digitazione
+     */
+    doSearch: () => void;
+    /** Used to filters/searchbar */
+    debounce(fn: any, delay?: number): (...args: any[]) => void;
+    render(): any;
+}

package/dist/types/components/jump-search-bar/jump-search-bar.stories.d.ts

@@ -0,0 +1,49 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        identifier: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        placeholder: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        searchType: {
+            name: string;
+            control: string;
+            options: string[];
+            description: string;
+        };
+        variant: {
+            name: string;
+            control: string;
+            options: string[];
+            if: {
+                arg: string;
+                eq: string;
+            };
+            description: string;
+        };
+        debounceTime: {
+            name: string;
+            control: string;
+            description: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const SearchBar: any;
+export declare const SearchBarManual: any;
+export declare const SearchBarAutoOutline: any;
+export declare const SearchBarAutoFilled: any;
+export declare const SearchBarAutoLinear: any;
+export declare const SearchBarManualWithListener: any;
+export declare const SearchBarAutoWithListener: any;

package/dist/types/components/jump-tab/jump-tab.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class JumpTab {
     JumpTabEl: HTMLElement;
+    disabled: boolean;
     alignment: string;
     /**
      * If true, the jump-tab component have a full bottom border

package/dist/types/components/jump-tab/jump-tab.stories.d.ts

@@ -6,18 +6,52 @@ declare const _default: {
             name: string;
             control: string;
             description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
         };
         variant: {
             name: string;
             control: string;
             options: string[];
             description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            name: string;
+            control: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
         };
         alignment: {
             name: string;
             control: string;
             options: string[];
             description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
         fullBorder: {
             name: string;
@@ -27,6 +61,14 @@ declare const _default: {
                 arg: string;
                 eq: string;
             };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
         };
     };
 };

package/dist/types/components.d.ts

@@ -440,8 +440,22 @@ export namespace Components {
         "value": number;
         "variant": 'vertical' | 'horizontal';
     }
+    interface JumpSearchBar {
+        /**
+          * Variabile per personalizzare il tempo di attesa prima di eseguire la ricerca
+         */
+        "debounceTime": number;
+        "identifier": string;
+        "placeholder": string;
+        /**
+          * Se "Auto" la ricerca parte automaticamente al termine della digitazione Se "Manual" la ricerca parte solo dopo aver premuto invio -> può avere solo stile outline
+         */
+        "searchType": string;
+        "variant": string;
+    }
     interface JumpTab {
         "alignment": string;
+        "disabled": boolean;
         /**
           * If true, the jump-tab component have a full bottom border
          */
@@ -506,6 +520,10 @@ export interface JumpQuantityCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJumpQuantityElement;
 }
+export interface JumpSearchBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJumpSearchBarElement;
+}
 export interface JumpTabCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJumpTabElement;
@@ -697,6 +715,23 @@ declare global {
         prototype: HTMLJumpQuantityElement;
         new (): HTMLJumpQuantityElement;
     };
+    interface HTMLJumpSearchBarElementEventMap {
+        "jump-search-bar": any;
+    }
+    interface HTMLJumpSearchBarElement extends Components.JumpSearchBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJumpSearchBarElementEventMap>(type: K, listener: (this: HTMLJumpSearchBarElement, ev: JumpSearchBarCustomEvent<HTMLJumpSearchBarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJumpSearchBarElementEventMap>(type: K, listener: (this: HTMLJumpSearchBarElement, ev: JumpSearchBarCustomEvent<HTMLJumpSearchBarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLJumpSearchBarElement: {
+        prototype: HTMLJumpSearchBarElement;
+        new (): HTMLJumpSearchBarElement;
+    };
     interface HTMLJumpTabElementEventMap {
         "jump-change-activetab": any;
     }
@@ -753,6 +788,7 @@ declare global {
         "jump-pagination": HTMLJumpPaginationElement;
         "jump-pagination-table": HTMLJumpPaginationTableElement;
         "jump-quantity": HTMLJumpQuantityElement;
+        "jump-search-bar": HTMLJumpSearchBarElement;
         "jump-tab": HTMLJumpTabElement;
         "jump-tab-item": HTMLJumpTabItemElement;
         "jump-tab-panel": HTMLJumpTabPanelElement;
@@ -1185,8 +1221,23 @@ declare namespace LocalJSX {
         "value"?: number;
         "variant"?: 'vertical' | 'horizontal';
     }
+    interface JumpSearchBar {
+        /**
+          * Variabile per personalizzare il tempo di attesa prima di eseguire la ricerca
+         */
+        "debounceTime"?: number;
+        "identifier"?: string;
+        "onJump-search-bar"?: (event: JumpSearchBarCustomEvent<any>) => void;
+        "placeholder"?: string;
+        /**
+          * Se "Auto" la ricerca parte automaticamente al termine della digitazione Se "Manual" la ricerca parte solo dopo aver premuto invio -> può avere solo stile outline
+         */
+        "searchType"?: string;
+        "variant"?: string;
+    }
     interface JumpTab {
         "alignment"?: string;
+        "disabled"?: boolean;
         /**
           * If true, the jump-tab component have a full bottom border
          */
@@ -1236,6 +1287,7 @@ declare namespace LocalJSX {
         "jump-pagination": JumpPagination;
         "jump-pagination-table": JumpPaginationTable;
         "jump-quantity": JumpQuantity;
+        "jump-search-bar": JumpSearchBar;
         "jump-tab": JumpTab;
         "jump-tab-item": JumpTabItem;
         "jump-tab-panel": JumpTabPanel;
@@ -1260,6 +1312,7 @@ declare module "@stencil/core" {
             "jump-pagination": LocalJSX.JumpPagination & JSXBase.HTMLAttributes<HTMLJumpPaginationElement>;
             "jump-pagination-table": LocalJSX.JumpPaginationTable & JSXBase.HTMLAttributes<HTMLJumpPaginationTableElement>;
             "jump-quantity": LocalJSX.JumpQuantity & JSXBase.HTMLAttributes<HTMLJumpQuantityElement>;
+            "jump-search-bar": LocalJSX.JumpSearchBar & JSXBase.HTMLAttributes<HTMLJumpSearchBarElement>;
             "jump-tab": LocalJSX.JumpTab & JSXBase.HTMLAttributes<HTMLJumpTabElement>;
             "jump-tab-item": LocalJSX.JumpTabItem & JSXBase.HTMLAttributes<HTMLJumpTabItemElement>;
             "jump-tab-panel": LocalJSX.JumpTabPanel & JSXBase.HTMLAttributes<HTMLJumpTabPanelElement>;

package/package.json

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["jumpTabItemCss","JumpTabItemStyle0","JumpTabItem","undefined","changeTab","identifier","this","changeActiveTab","emit","id","componentDidLoad","parentVariant","tabEl","parentElement","getAttribute","variant","render","h","Host","key","ref","el","class","active","disabled","iconName","iconPosition","onClick","library","category","name","size","label"],"sources":["src/components/jump-tab-item/jump-tab-item.scss?tag=jump-tab-item&encapsulation=shadow","src/components/jump-tab-item/jump-tab-item.tsx"],"sourcesContent":[":host {\n  display: block;\n\n    --jump-tabitem-active-color: var(--secondary-standard);\n    --jump-tabitem-color: var(--neutral-grey-secondary);\n    --jump-tabitem-hover-color: var(--neutral-grey-disabled, #CBCBCB);\n    --jump-tabitem-boxed-bg-color: var(--secondary-soft, #EDF2FA);\n    --jump-tabitem-rounded-bg-color: white;\n  \n    font-family: var(--ff-primary);\n  \n    \n      .Content {\n    \n        display: flex;\n\n        &:hover:not(.disabled){\n          cursor: pointer;\n        }\n\n        label {\n          font-size: 16px;\n        }\n    \n        &.left {\n          flex-direction: row;\n          gap: 6px;\n          align-items: center;\n        }\n    \n        &.top {\n          flex-direction: column;\n          gap: 2px;\n          align-items: center;\n        }\n    \n        /*Tipologia inline */\n        &.inline {\n          color: var(--jump-tabitem-color);\n          padding: 12px 24px;\n        }\n    \n        &.inline.active {\n          color: var(--jump-tabitem-active-color);\n    \n    \n          span {\n            font-weight: bold;\n          }\n        }\n    \n        /* Tipologia boxed */\n        &.boxed {\n          color: var(--jump-tabitem-color);\n          padding: 15px 39px;\n          background-color: transparent;\n          border: 1px solid var(--jump-tabitem-boxed-bg-color);\n        }\n    \n        &.boxed:hover:not(.disabled),\n        &.boxed:hover:not(.active) {\n          background-color: transparent;\n    \n          span {\n            font-weight: bold;\n          }\n        }\n    \n    \n    \n        &.boxed.active {\n          color: var(--jump-tabitem-active-color);\n          background-color: var(--jump-tabitem-boxed-bg-color);\n          border: 1px solid var(--jump-tabitem-boxed-bg-color);\n    \n          span {\n            font-weight: bold;\n          }\n        }\n    \n        /* Tipologia rounded */\n        &.rounded {\n          padding: 12px 32px;\n          color: var(--jump-tabitem-color);\n    \n        }\n    \n        &.rounded:hover:not(.disabled) {\n          cursor: pointer;\n    \n          span {\n            font-weight: bold;\n          }\n        }\n    \n        &.rounded.active {\n          color: var(--jump-tabitem-active-color);\n          background-color: var(--jump-tabitem-rounded-bg-color);\n          border: 1px solid var(--jump-tabitem-active-color);\n          border-radius: 50px;\n    \n        }\n    \n        /** Tipologia sheet */\n        &.sheet {\n          padding: 12px 32px;\n          color: var(--neutral-grey-secondary);\n          // border: 1px solid transparent;\n    \n        }\n    \n        &.sheet:hover:not(.disabled) {\n          cursor: pointer;\n    \n          span {\n            font-weight: bold;\n          }\n        }\n    \n        &.sheet.active {\n          color: var(--jump-tabitem-active-color);\n          background-color: var(--jump-tabitem-rounded-bg-color);\n          //border: 1px solid var(--jump-tabitem-rounded-bg-color);\n          border-radius: 8px 8px 0px 0px;\n        }\n      }\n}\n\n:host(.disabled) {\n    cursor: not-allowed;\n    opacity: 0.5;\n    pointer-events: none;\n}\n\n:host(.inline){\n  border-bottom: 1px solid var(--jump-tabitem-hover-color);\n}\n\n:host(.inline):hover:not(.disabled):not(.active) {\n  border-bottom: 3px solid var(--jump-tabitem-hover-color);\n  cursor: pointer;\n}\n\n:host(.inline.active) {\n  border-bottom: 3px solid var(--jump-tabitem-active-color);\n}\n\n","import { Component, Host, Prop,State,  h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'jump-tab-item',\n  styleUrl: 'jump-tab-item.scss',\n  shadow: true,\n})\nexport class JumpTabItem {\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n\n  /**\n   * Identifier of the tab\n   */\n  @Prop() identifier: string = undefined;\n\n  /**\n   * Name of the icon. If not provided, the icon will not be displayed\n   */\n  @Prop() iconName: string = undefined;\n\n  /**\n   * Icon position, apply only if the icon is present\n   * Choosed from \"left\", \"top\"\n   */\n  @Prop() iconPosition: string = 'left';\n  @Prop() label: string = '';\n  @Prop() active: boolean = false;\n\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The style of the tab item\n   * Choosed from \"inline\", \"boxed\", \"sheet\", \"rounded\"\n   */\n  @State() variant: string = 'inline';\n\n  @Event({ eventName: 'jump-change-active-tab' }) changeActiveTab: EventEmitter;\n\n  changeTab(identifier){\n    this.changeActiveTab.emit({id: identifier});\n  }\n\n  componentDidLoad() {\n    // Deve leggere la prop \"variant\" del componente babbo jump-tab e popolare la propria prop \"variant\"\n    let parentVariant = this.tabEl.parentElement.getAttribute('variant');\n    this.variant = parentVariant;\n  }\n\n  tabEl: HTMLElement;\n\n  render() {\n    return (\n      <Host\n        ref={(el) => { this.tabEl = el }}\n        class={\"JumpTabItem \" + (this.active ? 'active' : '') + \" \" + (this.variant) + \" \" + (this.disabled ? 'disabled' : '')}>\n        <div class={\"Content \" + (this.iconName ? this.iconPosition : '') + \" \" + (this.variant) + \" \" + (this.active ? 'active' : '') + \" \" + (this.disabled ? 'disabled' : '')} onClick={() => this.changeTab(this.identifier)} id={this.identifier}>\n          {(this.iconName && (this.variant == 'inline' || this.variant == 'boxed')) &&\n            <jump-icon library=\"fa\" category=\"regular\" name={this.iconName} size=\"small\"></jump-icon>\n          }\n          <span class=\"label\">{this.label}</span>\n        </div>\n      </Host>\n    );\n  }\n}\n\n"],"mappings":"yDAAA,MAAMA,EAAiB,+3EACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,iGAOOC,U,cAKFA,U,kBAMI,O,WACP,G,YACE,M,cAEE,M,aAMD,Q,CAI3B,SAAAC,CAAUC,GACRC,KAAKC,gBAAgBC,KAAK,CAACC,GAAIJ,G,CAGjC,gBAAAK,GAEE,IAAIC,EAAgBL,KAAKM,MAAMC,cAAcC,aAAa,WAC1DR,KAAKS,QAAUJ,C,CAKjB,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,IAAMC,IAASf,KAAKM,MAAQS,CAAE,EAC9BC,MAAO,gBAAkBhB,KAAKiB,OAAS,SAAW,IAAM,IAAOjB,KAAY,QAAI,KAAOA,KAAKkB,SAAW,WAAa,KACnHP,EAAA,OAAAE,IAAA,2CAAKG,MAAO,YAAchB,KAAKmB,SAAWnB,KAAKoB,aAAe,IAAM,IAAOpB,KAAY,QAAI,KAAOA,KAAKiB,OAAS,SAAW,IAAM,KAAOjB,KAAKkB,SAAW,WAAa,IAAKG,QAAS,IAAMrB,KAAKF,UAAUE,KAAKD,YAAaI,GAAIH,KAAKD,YAC/NC,KAAKmB,WAAanB,KAAKS,SAAW,UAAYT,KAAKS,SAAW,UAC9DE,EAAA,aAAAE,IAAA,2CAAWS,QAAQ,KAAKC,SAAS,UAAUC,KAAMxB,KAAKmB,SAAUM,KAAK,UAEvEd,EAAA,QAAAE,IAAA,2CAAMG,MAAM,SAAShB,KAAK0B,Q"}

package/dist/jump-design-system/p-2c95396a.entry.js

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

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

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,H as a}from"./p-d4c681a4.js";const s=":host{display:block;--jump-tab-bg-color:var(--gray-ultralight, #f8f8f8);--jump-tab-border-color:var(--neutral-grey-disabled, #CBCBCB)}:host .Wrapper{display:flex;width:fit-content}:host .Wrapper.rounded{border-radius:50px;background-color:#f8f8f8}:host(.center){display:flex;justify-content:center;align-items:center}:host(.left){display:flex;justify-content:flex-start;align-items:center}:host(.right){display:flex;justify-content:flex-end;align-items:center}:host(.fullBorder.inline){border-bottom:1px solid var(--jump-tab-border-color)}:host(.fullBorder.inline) ::slotted([slot=tab-item]){margin-bottom:-1px}";const r=s;const c=class{constructor(i){t(this,i);this.setActiveTab=e(this,"jump-change-activetab",7);this.alignment="left";this.fullBorder=false;this.tabGroupName=undefined;this.variant="inline"}changeActiveTabHandler(t){this.setActiveTab.emit(t.detail);const e=getComputedStyle(document.documentElement);const i=e.getPropertyValue("--neutral-grey-secondary").trim();let a=this.JumpTabEl.querySelectorAll("jump-tab-item");if(a.length>0){a.forEach((e=>{if(e.getAttribute("identifier")===t.detail.id){e.setAttribute("active","");if(this.variant==="sheet"){a.forEach(((t,s)=>{if(t!==e&&s!==a.length-1){t.style.borderRight=`1px solid ${i}`}else{t.style.borderRight="1px solid transparent"}}));let t=e.previousElementSibling;if(t){t.style.borderRight="1px solid transparent"}}}else{e.removeAttribute("active")}}))}let s=this.JumpTabEl.querySelectorAll("jump-tab-panel");if(s.length>0){s.forEach((e=>{if(e.getAttribute("identifier")===t.detail.id){e.setAttribute("active","")}else{e.removeAttribute("active")}}))}}componentDidLoad(){if(this.variant==="sheet"){const t=getComputedStyle(document.documentElement);const e=t.getPropertyValue("--neutral-grey-secondary").trim();let i=this.JumpTabEl.querySelectorAll("jump-tab-item");if(i.length>0){i.forEach(((t,a)=>{if(a===i.length-1||t.classList.contains("active")){t.style.borderRight="1px solid transparent"}else{t.style.borderRight=`1px solid ${e}`}}))}}}render(){return i(a,{key:"5692c9c61191b435aa4d54749e091b5305dfec3f",class:"JumpTab"+" "+this.alignment+" "+this.variant+" "+(this.fullBorder&&"fullBorder"),id:this.tabGroupName,ref:t=>{this.JumpTabEl=t}},i("div",{key:"1f2d7f7a61778897bfdb21b5c7243908f48ca8a4"},i("div",{key:"f959c8d64f35c96ed8b2ae470fdc8c8a63da7ea1",class:"Wrapper "+this.variant},i("slot",{key:"006c9bfcfd55068064a009f1acb834b7a20c0ac0",name:"tab-item"})),i("div",{key:"119d24cba57a23144c2167b3c378ccd1279d4774"},i("slot",{key:"975e6edbc7f29cba13fb45bac921fbd9b3e92a6f",name:"tab-content"}))))}};c.style=r;export{c as jump_tab};
-//# sourceMappingURL=p-cfdf7090.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jumpTabCss","JumpTabStyle0","JumpTab","undefined","changeActiveTabHandler","event","this","setActiveTab","emit","detail","rootStyles","getComputedStyle","document","documentElement","primaryColor","getPropertyValue","trim","items","JumpTabEl","querySelectorAll","length","forEach","item","getAttribute","id","setAttribute","variant","sibling","index","style","borderRight","previousSibling","previousElementSibling","removeAttribute","panel","componentDidLoad","classList","contains","render","h","Host","key","class","alignment","fullBorder","tabGroupName","ref","el","name"],"sources":["src/components/jump-tab/jump-tab.scss?tag=jump-tab&encapsulation=shadow","src/components/jump-tab/jump-tab.tsx"],"sourcesContent":[":host {\n  display: block;\n\n    --jump-tab-bg-color: var(--gray-ultralight, #f8f8f8);\n    --jump-tab-border-color: var(--neutral-grey-disabled, #CBCBCB);\n\n      .Wrapper {\n        display: flex;\n        width: fit-content;\n    \n        &.rounded {\n          border-radius: 50px;\n          background-color: #f8f8f8; // dovrà andarci var(--jump-tab-bg-color)\n        }\n      }\n}\n\n\n\n:host(.center) {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n:host(.left) {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n:host(.right) {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n}\n\n/* Stile fullBorder */\n:host(.fullBorder.inline) {\n  border-bottom: 1px solid var(--jump-tab-border-color);\n}\n\n:host(.fullBorder.inline) ::slotted([slot=\"tab-item\"]) {\n  margin-bottom: -1px;\n}","import { Component, Host, Event, EventEmitter, Prop, h, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'jump-tab',\n  styleUrl: 'jump-tab.scss',\n  shadow: true,\n})\nexport class JumpTab {\n\n  JumpTabEl: HTMLElement;\n  /* ---------------------- @PROPERTIES ------------------------- */\n  @Prop() alignment: string = 'left';\n\n  /**\n   * If true, the jump-tab component have a full bottom border\n   */\n  @Prop() fullBorder: boolean = false;\n\n  @Prop() tabGroupName: string = undefined;\n\n  /**\n   * The style of the tab. The same value must be passed to all the items.\n   * Choosed from \"inline\", \"boxed\", \"sheet\", \"rounded\"\n   */\n  @Prop() variant: string = 'inline';\n\n  @Event({ eventName: 'jump-change-activetab'}) setActiveTab: EventEmitter;\n\n  @Listen('jump-change-active-tab')\n  changeActiveTabHandler(event: CustomEvent) {\n    this.setActiveTab.emit(event.detail);\n\n    // Recupera il valore della variabile CSS\n    const rootStyles = getComputedStyle(document.documentElement);\n    const primaryColor = rootStyles.getPropertyValue('--neutral-grey-secondary').trim();\n\n    let items = this.JumpTabEl.querySelectorAll('jump-tab-item');\n    if (items.length > 0) {\n      items.forEach((item) => {\n        if (item.getAttribute('identifier') === event.detail.id) {\n          item.setAttribute('active', '');\n\n          if (this.variant === 'sheet') {\n            // Aggiungi il bordo ai fratelli dell'elemento attivo tranne l'ultimo\n            items.forEach((sibling, index) => {\n              if (sibling !== item && index !== items.length - 1) {\n                sibling.style.borderRight = `1px solid ${primaryColor}`; // Usa i backticks\n              } else {\n                sibling.style.borderRight = '1px solid transparent';\n              }\n            });\n\n            // Rimuovi il bordo dal fratello precedente\n            let previousSibling = item.previousElementSibling as any;\n            if (previousSibling) {\n              previousSibling.style.borderRight = '1px solid transparent';\n            }\n          }\n\n        } else {\n          item.removeAttribute('active');\n        }\n      });\n    }\n\n    let panel = this.JumpTabEl.querySelectorAll('jump-tab-panel');\n    if (panel.length > 0) {\n      panel.forEach((panel) => {\n        if (panel.getAttribute('identifier') === event.detail.id) {\n          panel.setAttribute('active', '');\n        } else {\n          panel.removeAttribute('active');\n        }\n      });\n    }\n  }\n\n\n  componentDidLoad() {\n    if(this.variant === 'sheet') {\n      // Recupera il valore della variabile CSS\n      const rootStyles = getComputedStyle(document.documentElement);\n      const primaryColor = rootStyles.getPropertyValue('--neutral-grey-secondary').trim();\n\n      // Seleziona tutti gli elementi jump-tab-item\n      let items = this.JumpTabEl.querySelectorAll('jump-tab-item');\n      if (items.length > 0) {\n        items.forEach((item, index) => {\n          // Aggiungi bordo destro a tutti tranne:\n          // - l'ultimo elemento\n          // - l'elemento attivo (avente classe \"active\")\n          if (index === items.length - 1 || item.classList.contains('active')) {\n            item.style.borderRight = '1px solid transparent';\n          } else {\n            item.style.borderRight = `1px solid ${primaryColor}`;\n          }\n        });\n      }\n    }\n\n  }\n\n  render() {\n    return (\n      <Host class={\"JumpTab\" + \" \" + this.alignment + \" \" + (this.variant) + \" \" + (this.fullBorder && 'fullBorder')} id={this.tabGroupName} ref={(el) => {this.JumpTabEl = el;}}> \n        <div>\n        <div class={\"Wrapper \" + this.variant}>\n          <slot name=\"tab-item\"></slot>\n        </div>\n        <div>\n          <slot name=\"tab-content\"></slot>\n        </div>\n        </div>\n      </Host>\n    );\n  }\n}"],"mappings":"yDAAA,MAAMA,EAAa,smBACnB,MAAAC,EAAeD,E,MCMFE,EAAO,M,4FAIU,O,gBAKE,M,kBAECC,U,aAML,Q,CAK1B,sBAAAC,CAAuBC,GACrBC,KAAKC,aAAaC,KAAKH,EAAMI,QAG7B,MAAMC,EAAaC,iBAAiBC,SAASC,iBAC7C,MAAMC,EAAeJ,EAAWK,iBAAiB,4BAA4BC,OAE7E,IAAIC,EAAQX,KAAKY,UAAUC,iBAAiB,iBAC5C,GAAIF,EAAMG,OAAS,EAAG,CACpBH,EAAMI,SAASC,IACb,GAAIA,EAAKC,aAAa,gBAAkBlB,EAAMI,OAAOe,GAAI,CACvDF,EAAKG,aAAa,SAAU,IAE5B,GAAInB,KAAKoB,UAAY,QAAS,CAE5BT,EAAMI,SAAQ,CAACM,EAASC,KACtB,GAAID,IAAYL,GAAQM,IAAUX,EAAMG,OAAS,EAAG,CAClDO,EAAQE,MAAMC,YAAc,aAAahB,G,KACpC,CACLa,EAAQE,MAAMC,YAAc,uB,KAKhC,IAAIC,EAAkBT,EAAKU,uBAC3B,GAAID,EAAiB,CACnBA,EAAgBF,MAAMC,YAAc,uB,OAInC,CACLR,EAAKW,gBAAgB,S,KAK3B,IAAIC,EAAQ5B,KAAKY,UAAUC,iBAAiB,kBAC5C,GAAIe,EAAMd,OAAS,EAAG,CACpBc,EAAMb,SAASa,IACb,GAAIA,EAAMX,aAAa,gBAAkBlB,EAAMI,OAAOe,GAAI,CACxDU,EAAMT,aAAa,SAAU,G,KACxB,CACLS,EAAMD,gBAAgB,S,MAO9B,gBAAAE,GACE,GAAG7B,KAAKoB,UAAY,QAAS,CAE3B,MAAMhB,EAAaC,iBAAiBC,SAASC,iBAC7C,MAAMC,EAAeJ,EAAWK,iBAAiB,4BAA4BC,OAG7E,IAAIC,EAAQX,KAAKY,UAAUC,iBAAiB,iBAC5C,GAAIF,EAAMG,OAAS,EAAG,CACpBH,EAAMI,SAAQ,CAACC,EAAMM,KAInB,GAAIA,IAAUX,EAAMG,OAAS,GAAKE,EAAKc,UAAUC,SAAS,UAAW,CACnEf,EAAKO,MAAMC,YAAc,uB,KACpB,CACLR,EAAKO,MAAMC,YAAc,aAAahB,G,OAQhD,MAAAwB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,UAAY,IAAMpC,KAAKqC,UAAY,IAAOrC,KAAY,QAAI,KAAOA,KAAKsC,YAAc,cAAepB,GAAIlB,KAAKuC,aAAcC,IAAMC,IAAQzC,KAAKY,UAAY6B,CAAE,GACtKR,EAAA,OAAAE,IAAA,4CACAF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,WAAapC,KAAKoB,SAC5Ba,EAAA,QAAAE,IAAA,2CAAMO,KAAK,cAEbT,EAAA,OAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,2CAAMO,KAAK,kB"}