@jumpgroup/jump-design-system 1.0.22 → 1.0.24

package/dist/jump-design-system/{p-e30da431.entry.js → p-82a66366.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as a,g as s}from"./p-98d5dd1f.js";const r=":host{--jump-range-track-height:4px;--jump-range-thumb-color:var(--neutral-white, #ffffff);--jump-range-thumb-size:18px;--jump-range-fill-color:var(--secondary-standard, #5e79ba);--jump-range-track-color:var(--gray-ultralight, #f8f8f8);display:block;width:100%}:host(.is-disabled){opacity:0.5;cursor:not-allowed;--jump-range-fill-color:var(--gray-light, #e0e0e0)}.label-container{display:flex;justify-content:space-between;margin-bottom:0.75rem;font-size:0.9em;color:#333}.slider-container{position:relative;height:var(--jump-range-thumb-size);display:flex;align-items:center}.slider-track,.slider-fill{position:absolute;left:0;height:var(--jump-range-track-height);border-radius:var(--jump-range-track-height);width:100%}.slider-track{background-color:var(--jump-range-track-color);z-index:1}.slider-fill{background-color:var(--jump-range-fill-color);z-index:2}.range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;width:100%;height:var(--jump-range-thumb-size);background:transparent;pointer-events:none;margin:0;z-index:3}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:var(--jump-range-thumb-size);width:var(--jump-range-thumb-size);border-radius:50%;background:var(--jump-range-thumb-color);border:1px solid #ccc;cursor:pointer;pointer-events:auto;margin-top:calc((var(--jump-range-thumb-size) - var(--jump-range-track-height)) / -2)}input[type=range]::-moz-range-thumb{-moz-appearance:none;height:var(--jump-range-thumb-size);width:var(--jump-range-thumb-size);border-radius:50%;background:var(--jump-range-thumb-color);border:1px solid #ccc;cursor:pointer;pointer-events:auto}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;height:var(--jump-range-track-height);background:transparent;border:none}input[type=range]::-moz-range-track{-moz-appearance:none;height:var(--jump-range-track-height);background:transparent;border:none}";const n=r;const h=0;const l=class{constructor(i){t(this,i);this.filterChange=e(this,"jump-filterchange",7);this.handleMinInput=t=>{const e=t.target;let i=parseInt(e.value,10);if(i>this.internalMaxVal-h){i=this.internalMaxVal-h;e.value=i.toString()}this.internalMinVal=i};this.handleMaxInput=t=>{const e=t.target;let i=parseInt(e.value,10);if(i<this.internalMinVal+h){i=this.internalMinVal+h;e.value=i.toString()}this.internalMaxVal=i};this.handleCommit=()=>{this.minVal=this.internalMinVal;this.maxVal=this.internalMaxVal;this.filterChange.emit({name:this.name,values:[this.minVal,this.maxVal]})};this.name="range-filter";this.labelMinBefore="Min:";this.labelMinAfter="";this.labelMaxBefore="Max:";this.labelMaxAfter="";this.min=0;this.max=100;this.step=1;this.minVal=undefined;this.maxVal=undefined;this.disabled=false;this.internalMinVal=undefined;this.internalMaxVal=undefined}watchMinVal(t){this.internalMinVal=this.validateValue(t,"min")}watchMaxVal(t){this.internalMaxVal=this.validateValue(t,"max")}componentWillLoad(){this.initializeValues()}initializeValues(){this.internalMinVal=this.validateValue(this.minVal,"min");this.internalMaxVal=this.validateValue(this.maxVal,"max");if(this.internalMinVal>this.internalMaxVal){this.internalMinVal=this.internalMaxVal}this.minVal=this.internalMinVal;this.maxVal=this.internalMaxVal}validateValue(t,e){const i=e==="min"?this.min:this.max;if(t===undefined||t===null)return i;if(t<this.min)return this.min;if(t>this.max)return this.max;return t}getFillStyle(){const t=this.max-this.min;if(t===0)return{left:"0%",width:"0%"};const e=(this.internalMinVal-this.min)/t*100;const i=(this.internalMaxVal-this.min)/t*100;return{left:`${e}%`,width:`${i-e}%`}}async getValues(){return[this.internalMinVal,this.internalMaxVal]}render(){return i(a,{key:"86845857fd074c171e294dc033aa770700401d26",class:{"is-disabled":this.disabled}},i("div",{key:"113c5ed7ef5719a189811785c6e5bf35a4ff8649",class:"label-container"},i("label",{key:"b7415f0d21740dd5b65c1c82746a0f385b1d810f",class:"label-min"},this.labelMinBefore," ",this.internalMinVal,this.labelMinAfter),i("label",{key:"934a8fdff0fc69f0c2a9e6cd404c7df94d79f7ce",class:"label-max"},this.labelMaxBefore," ",this.internalMaxVal,this.labelMaxAfter)),i("div",{key:"71e3c78ba4433bb63d522e34842dcdc91e421100",class:"slider-container"},i("div",{key:"6514105f0f22b475c2a7f210fed6bbb88d5f7148",class:"slider-track"}),i("div",{key:"eb02aaa3b388a51136df71a94e9f0128e35653a1",class:"slider-fill",style:this.getFillStyle()}),i("input",{key:"c11e5cf68251d18d15b46a9fbf2129e33a732e69",type:"range",min:this.min,max:this.max,step:this.step,value:this.internalMinVal,onInput:this.handleMinInput,onChange:this.handleCommit,disabled:this.disabled,class:"range-input","aria-label":this.labelMinBefore}),i("input",{key:"41a5bc8333377c6028894735e60f8e7645c4abf3",type:"range",min:this.min,max:this.max,step:this.step,value:this.internalMaxVal,onInput:this.handleMaxInput,onChange:this.handleCommit,disabled:this.disabled,class:"range-input","aria-label":this.labelMaxBefore})))}get host(){return s(this)}static get watchers(){return{minVal:["watchMinVal"],maxVal:["watchMaxVal"]}}};l.style=n;export{l as jump_filter_range};
-//# sourceMappingURL=p-e30da431.entry.js.map
+import{r as t,c as e,h as i,H as a,g as s}from"./p-98d5dd1f.js";const r=":host{--jump-range-track-height:4px;--jump-range-thumb-color:var(--neutral-white, #ffffff);--jump-range-thumb-size:18px;--jump-range-fill-color:var(--secondary-standard, #5e79ba);--jump-range-track-color:var(--gray-ultralight, #f8f8f8);display:block;width:100%}:host(.is-disabled){opacity:0.5;cursor:not-allowed;--jump-range-fill-color:var(--gray-light, #e0e0e0)}.label-container{display:flex;justify-content:space-between;margin-bottom:0.75rem;font-size:0.9em;color:#333}.slider-container{position:relative;height:var(--jump-range-thumb-size);display:flex;align-items:center}.slider-track,.slider-fill{position:absolute;left:0;height:var(--jump-range-track-height);border-radius:var(--jump-range-track-height);width:100%}.slider-track{background-color:var(--jump-range-track-color);z-index:1}.slider-fill{background-color:var(--jump-range-fill-color);z-index:2}.range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;width:100%;height:var(--jump-range-thumb-size);background:transparent;pointer-events:none;margin:0;z-index:3}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:var(--jump-range-thumb-size);width:var(--jump-range-thumb-size);border-radius:50%;background:var(--jump-range-thumb-color);border:1px solid #ccc;cursor:pointer;pointer-events:auto;margin-top:calc((var(--jump-range-thumb-size) - var(--jump-range-track-height)) / -2)}input[type=range]::-moz-range-thumb{-moz-appearance:none;height:var(--jump-range-thumb-size);width:var(--jump-range-thumb-size);border-radius:50%;background:var(--jump-range-thumb-color);border:1px solid #ccc;cursor:pointer;pointer-events:auto}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;height:var(--jump-range-track-height);background:transparent;border:none}input[type=range]::-moz-range-track{-moz-appearance:none;height:var(--jump-range-track-height);background:transparent;border:none}";const n=r;const h=0;const l=class{constructor(i){t(this,i);this.filterChange=e(this,"jump-filterchange",7);this.handleMinInput=t=>{const e=t.target;let i=parseInt(e.value,10);if(i>this.internalMaxVal-h){i=this.internalMaxVal-h;e.value=i.toString()}this.internalMinVal=i};this.handleMaxInput=t=>{const e=t.target;let i=parseInt(e.value,10);if(i<this.internalMinVal+h){i=this.internalMinVal+h;e.value=i.toString()}this.internalMaxVal=i};this.handleCommit=()=>{this.minVal=this.internalMinVal;this.maxVal=this.internalMaxVal;this.filterChange.emit({name:this.name,values:[this.minVal,this.maxVal]})};this.name="range-filter";this.labelMinBefore="Min:";this.labelMinAfter="";this.labelMaxBefore="Max:";this.labelMaxAfter="";this.min=0;this.max=100;this.step=1;this.minVal=undefined;this.maxVal=undefined;this.disabled=false;this.internalMinVal=undefined;this.internalMaxVal=undefined}watchMinVal(t){this.internalMinVal=this.validateValue(t,"min")}watchMaxVal(t){this.internalMaxVal=this.validateValue(t,"max")}componentWillLoad(){this.initializeValues()}initializeValues(){this.internalMinVal=this.validateValue(this.minVal,"min");this.internalMaxVal=this.validateValue(this.maxVal,"max");if(this.internalMinVal>this.internalMaxVal){this.internalMinVal=this.internalMaxVal}this.minVal=this.internalMinVal;this.maxVal=this.internalMaxVal}validateValue(t,e){const i=e==="min"?this.min:this.max;if(t===undefined||t===null)return i;if(t<this.min)return this.min;if(t>this.max)return this.max;return t}getFillStyle(){const t=this.max-this.min;if(t===0)return{left:"0%",width:"0%"};const e=(this.internalMinVal-this.min)/t*100;const i=(this.internalMaxVal-this.min)/t*100;return{left:`${e}%`,width:`${i-e}%`}}async getValues(){return[this.internalMinVal,this.internalMaxVal]}render(){return i(a,{key:"1f2a845be6a4b911ebd90db88af722760a83f706",class:{"is-disabled":this.disabled}},i("div",{key:"e23a19e9266647d24bb4dfe202bc48c3749f2928",class:"label-container"},i("label",{key:"4809eb711395ef356dc8a2e91292a645841dee51",class:"label-min"},this.labelMinBefore," ",this.internalMinVal,this.labelMinAfter),i("label",{key:"560987750839169f3d0d6f0e44e1b7f3231b471d",class:"label-max"},this.labelMaxBefore," ",this.internalMaxVal,this.labelMaxAfter)),i("div",{key:"9a4a886d8b00aaa40c54b4a9ae12f4a2c0d1cfb8",class:"slider-container"},i("div",{key:"7d51a89cd74b9555505d17014feba393dc39f9c8",class:"slider-track"}),i("div",{key:"4462c2bccd371ae53ec3b7238c38f88070b0f63f",class:"slider-fill",style:this.getFillStyle()}),i("input",{key:"4d320f799fab361079a5d478654b6989795832ad",type:"range",min:this.min,max:this.max,step:this.step,value:this.internalMinVal,onInput:this.handleMinInput,onChange:this.handleCommit,disabled:this.disabled,class:"range-input","aria-label":this.labelMinBefore}),i("input",{key:"4f1dba696f9e475cffdc1c845637062db201f2f2",type:"range",min:this.min,max:this.max,step:this.step,value:this.internalMaxVal,onInput:this.handleMaxInput,onChange:this.handleCommit,disabled:this.disabled,class:"range-input","aria-label":this.labelMaxBefore})))}get host(){return s(this)}static get watchers(){return{minVal:["watchMinVal"],maxVal:["watchMaxVal"]}}};l.style=n;export{l as jump_filter_range};
+//# sourceMappingURL=p-82a66366.entry.js.map

package/dist/jump-design-system/{p-264fa972.entry.js → p-99aee627.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as o,h as e,H as a}from"./p-98d5dd1f.js";const i=":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;--jump-tabitem-border-inline-color:var(--neutral-grey-disabled, #CBCBCB);--jump-tabitem-font-size:16px;--jump-tabitem-inline-padding:12px 24px;--jump-tabitem-boxed-padding:15px 39px;--jump-tabitem-rounded-padding:12px 32px;--jump-tabitem-sheet-padding:12px 32px;font-family:var(--ff-primary);flex:0 0 auto}:host .Content{display:flex;}:host .Content:hover:not(.disabled){cursor:pointer}:host .Content .label{font-size:var(--jump-tabitem-font-size)}: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:var(--jump-tabitem-inline-padding);border-bottom:1px solid var(--jump-tabitem-border-inline-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:var(--jump-tabitem-boxed-padding);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:var(--jump-tabitem-rounded-padding);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:var(--jump-tabitem-sheet-padding);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 n=i;const r=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:"e5cc92e20d207f5a77ae4ef8365cd05e5697ad43",ref:t=>{this.tabEl=t},class:"JumpTabItem "+(this.active?"active":"")+" "+this.variant+" "+(this.disabled?"disabled":"")},e("div",{key:"935051a19cc3feae5745e2ac7d0ea0270e3d9849",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:"bdd907209efa74af1bb0cfd93b3cd85e02ec9f41",library:"fa",category:"regular",name:this.iconName,size:"small"}),e("span",{key:"6d4747a618f8f2b38a8c4adfc710bdf743f197a0",class:"label"},this.label)))}};r.style=n;export{r as jump_tab_item};
-//# sourceMappingURL=p-264fa972.entry.js.map
+import{r as t,c as o,h as e,H as a}from"./p-98d5dd1f.js";const i=":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;--jump-tabitem-border-inline-color:var(--neutral-grey-disabled, #CBCBCB);--jump-tabitem-font-size:16px;--jump-tabitem-inline-padding:12px 24px;--jump-tabitem-boxed-padding:15px 39px;--jump-tabitem-rounded-padding:12px 32px;--jump-tabitem-sheet-padding:12px 32px;font-family:var(--ff-primary);flex:0 0 auto}:host .Content{display:flex;}:host .Content:hover:not(.disabled){cursor:pointer}:host .Content .label{font-size:var(--jump-tabitem-font-size)}: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:var(--jump-tabitem-inline-padding);border-bottom:1px solid var(--jump-tabitem-border-inline-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:var(--jump-tabitem-boxed-padding);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:var(--jump-tabitem-rounded-padding);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:var(--jump-tabitem-sheet-padding);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 n=i;const r=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:"82ce82a7661b0677f7f4041a7ae499cec593f14f",ref:t=>{this.tabEl=t},class:"JumpTabItem "+(this.active?"active":"")+" "+this.variant+" "+(this.disabled?"disabled":"")},e("div",{key:"1805ac3582d5f6d87bcc2e6fb51ac336f5128e57",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:"0227962214c89e1da7a574163952ab23a17dd7af",library:"fa",category:"regular",name:this.iconName,size:"small"}),e("span",{key:"5922dedce82d6ac398cf72ae12cd7bb0e1400e70",class:"label"},this.label)))}};r.style=n;export{r as jump_tab_item};
+//# sourceMappingURL=p-99aee627.entry.js.map

package/dist/jump-design-system/{p-6b8fccdb.entry.js → p-bc87448e.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,H as r}from"./p-98d5dd1f.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:"8e82f7b1d5faddaa1fa8dd7c0d21c5254db63993",class:"JumpSearchBarMobile",ref:e=>this.componentRef=e},i("jump-icon",{key:"8c15dd4bce72244f49c727e73da4f19bbe0e5de7",name:"magnifying-glass",category:"light",onClick:()=>this.openDropdown()}),i("div",{key:"1b90590142feb43a4ed879230fe8a4831e5b6948",class:"DropdownWrapper "+(this.isOpen?"open":"")},i("div",{key:"5f809148e2ee236ffe98afc5cfbdf44c4cdb38b8",class:"InputWrapper"},i("jump-icon",{key:"8d57238a39ff3ee9dd00459acffb5a50be1becce",class:"closeButton",category:"light",name:"arrow-left",onClick:()=>this.closeDropdown()}),i("input",{key:"d0a99536bb0890827a9862178fa33308aab58889",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:"831143def53982970c40bc31f4dc7d79cf936ab2",name:"magnifying-glass",category:"light"})),i("div",{key:"148b2510523f6b714241e5ad36328ef5b4316b9a",class:"Results"},this.resType=="recents"&&i("div",{key:"3d9aab39538877fb350415fba9b57ccab85768d0",class:"Results__Recents"},this.recents.length!=0&&i("span",{key:"d50cf48b74a63371d2684dbfcae843b13b14dcc6",class:"title"},this.recentsTitle),i("div",{key:"ec2557a3c524105797075015a98217f14b6b194a",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:"f9b1c5de942cc3ecffb707991b839c8481d08cd2",class:"Results__Results"},i("div",{key:"dc80f4b4e2dc62671ac55bec72726c0fa4f9efd5",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:"d465037752274907f4c5aa19175c868b93b8d79f",class:"totalRes"},i("jump-button",{key:"6e8bfc6e61979f92b0c96de2698e2adda1a53ce2",variant:"secondary",size:"small",text:true,onClick:()=>this.btnOrShowOtherClicked(),target:"_blank"}," ",this.showAllResText," "),this.totalResults&&i("div",{key:"4dca3e806f427d7fa7d9b1d2a3b35d000f9d58b7"},this.totalResults," ",this.resultsText)))))))}static get watchers(){return{searchValue:["searchValueChanged"]}}};o.style=a;export{o as jump_search_bar_mobile};
-//# sourceMappingURL=p-6b8fccdb.entry.js.map
+import{r as e,c as t,h as i,H as r}from"./p-98d5dd1f.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:"2536b1f0ae49a8846f83de2a6619a2879fb5c007",class:"JumpSearchBarMobile",ref:e=>this.componentRef=e},i("jump-icon",{key:"a0bcb9ee2cd8dec0a6c37132ef65232739120bc7",name:"magnifying-glass",category:"light",onClick:()=>this.openDropdown()}),i("div",{key:"672612e8637351b3e558d876e2f9a195e10c8e9e",class:"DropdownWrapper "+(this.isOpen?"open":"")},i("div",{key:"e051c440647d74967aa879723306bfc70458ddfa",class:"InputWrapper"},i("jump-icon",{key:"1cf122efb81cc37fe2521978ee3bcabcbe150a8c",class:"closeButton",category:"light",name:"arrow-left",onClick:()=>this.closeDropdown()}),i("input",{key:"18b175b318847b95c24cc245d2d7a3b1a87fa520",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:"799b2ec7419725fe9d6ccd38559b33b4885985e2",name:"magnifying-glass",category:"light"})),i("div",{key:"f09906b6d56210753c6bb0a22e69e2e0950edd88",class:"Results"},this.resType=="recents"&&i("div",{key:"fd32c692c51f584db8023585a105b471c407abda",class:"Results__Recents"},this.recents.length!=0&&i("span",{key:"eb838189df07f24a255f5cef1faa559c3cf50f22",class:"title"},this.recentsTitle),i("div",{key:"2409d4e8937101f71cb2306e692d11cdcc049038",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:"947f63941d7b7a962d4a6ce51f23771c86e4a57c",class:"Results__Results"},i("div",{key:"9a960729de62217ae7102b903338800af55fb5eb",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:"a89d62259384695b2662ed092aa7d9f828b5e43d",class:"totalRes"},i("jump-button",{key:"faf62951a5a42d2a0f2bf80b75545fd3e4e49f37",variant:"secondary",size:"small",text:true,onClick:()=>this.btnOrShowOtherClicked(),target:"_blank"}," ",this.showAllResText," "),this.totalResults&&i("div",{key:"2f8e1ce5496deaaefdb5d5367232bf7f58dbb1a2"},this.totalResults," ",this.resultsText)))))))}static get watchers(){return{searchValue:["searchValueChanged"]}}};o.style=a;export{o as jump_search_bar_mobile};
+//# sourceMappingURL=p-bc87448e.entry.js.map

package/dist/jump-design-system/{p-02ab8fb7.entry.js → p-bd2eb88b.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,c as t,h as i,H as e}from"./p-98d5dd1f.js";const d=":host{display:block}";const h=d;const n=class{constructor(i){s(this,i);this.connectedEvent=t(this,"jump-search-bar-dropdown-item-connected",7);this.value=undefined;this.img=undefined;this.href=undefined;this.details=undefined}componentDidLoad(){if(this.componentRef.hasAttributes()){const s=this.componentRef.attributes;this.details={};for(let t=0;t<s.length;t++){if(s[t].name.includes("details")){this.details[s[t].name.split("details-")[1]]=s[t].value}}}this.connectedEvent.emit({value:this.value,details:this.details,img:this.img,href:this.href})}render(){return i(e,{key:"8cbba459dbe5ca9f8785b67e04520dd54832ce52",ref:s=>this.componentRef=s})}};n.style=h;export{n as jump_search_bar_dropdown_item};
-//# sourceMappingURL=p-02ab8fb7.entry.js.map
+import{r as s,c as t,h as i,H as e}from"./p-98d5dd1f.js";const d=":host{display:block}";const h=d;const n=class{constructor(i){s(this,i);this.connectedEvent=t(this,"jump-search-bar-dropdown-item-connected",7);this.value=undefined;this.img=undefined;this.href=undefined;this.details=undefined}componentDidLoad(){if(this.componentRef.hasAttributes()){const s=this.componentRef.attributes;this.details={};for(let t=0;t<s.length;t++){if(s[t].name.includes("details")){this.details[s[t].name.split("details-")[1]]=s[t].value}}}this.connectedEvent.emit({value:this.value,details:this.details,img:this.img,href:this.href})}render(){return i(e,{key:"1d47a172947f5873fa5ee72e30b966d0b4676b0c",ref:s=>this.componentRef=s})}};n.style=h;export{n as jump_search_bar_dropdown_item};
+//# sourceMappingURL=p-bd2eb88b.entry.js.map

package/dist/jump-design-system/{p-f36de1a8.entry.js → p-f6e09dc2.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as e,h as i,H as t}from"./p-98d5dd1f.js";const r=":host{display:block;--jump-button-color:yellow}.JumpPagination{--jump-pagination-label:var(--neutral-grey-secondary);--jump-pagination-arrows-color:var(--neutral-grey-secondary);--jump-pagination-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPagination__Wrapper{display:flex;justify-content:space-between}.JumpPagination__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-label)}.JumpPagination__Wrapper .indicators .arrow{color:var(--jump-pagination-arrows-color);display:flex;align-items:center;gap:10px}.JumpPagination__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPagination__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-arrows-disabled)}.JumpPagination__Wrapper .indicators .elements{color:var(--jump-pagination-label);display:flex;align-items:center;gap:5px}";const n=r;const s=class{constructor(i){a(this,i);this.changePage=e(this,"jump-change-page",7);this.current=1;this.pagLabel="di";this.last=10;this.showFirstAndLast=false}watchcurrent(a,e){let i={current:a,previousPage:e,first:1,last:this.last,direction:a>e?"next":"prev"};this.changePage.emit(i)}componentWillLoad(){this.current=1}render(){return i(t,{key:"2c1e0c33955bc82a9371ccf1eca0c5350d05b136",class:"JumpPagination"},i("div",{key:"85eb248c9268624057f16fc5e50f0ce058e06eac",class:"JumpPagination__Wrapper"},i("div",{key:"dd568d3a6f0f32fbed16705cef38f8f1a8613a1e",class:"indicators"},i("div",{key:"0315ee98935597733bfba159e813699d3ab098e0",class:"elements"},i("span",{key:"003e190b73aad2d0b88dab5575ce673a75efb35c"},i("span",{key:"a32cc0529a7f4ea719ee269425323b629bd0cd5a"},this.current)," ",this.pagLabel," ",i("span",{key:"11f60aecd7bdf4b8335bc6376ab25175a8a5fbc0"},this.last))),i("div",{key:"8497b1df6e084bee3f7169b8112be2e958b9ead6",class:"arrow"},this.showFirstAndLast&&i("jump-button",{key:"aff51b684e01e98a22fc78a801a16cef92c89740",onClick:()=>{this.current=1},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===1?true:false}," ",i("jump-icon",{key:"82fe2c7d55e3aeea6688249be096fff04d4e8a9e",slot:"suffix",name:"chevrons-left"})," "),i("jump-button",{key:"a6fa825586501964b252afe4c59d0b4ed6319cf5",onClick:()=>{this.current--},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===1?true:false}," ",i("jump-icon",{key:"ad4fbb998ac7002620712352f0802f8e614988fc",slot:"suffix",name:"chevron-left"})," "),i("jump-button",{key:"ea53f48221f4282174a55ff6d3a4dc3b22ba193d",onClick:()=>{this.current++},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"2ae20415c41150bf4ad3c7edc6fcf2bae8cf7ea3",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&i("jump-button",{key:"527c3431dbc4770eeed3dfcdfe19354d8164f1a0",onClick:()=>{this.current=this.last},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"cd722d6c312b6c6511cd93da1dbcfe445d8998e2",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{current:["watchcurrent"]}}};s.style=n;export{s as jump_pagination};
-//# sourceMappingURL=p-f36de1a8.entry.js.map
+import{r as a,c as e,h as i,H as t}from"./p-98d5dd1f.js";const r=":host{display:block;--jump-button-color:yellow}.JumpPagination{--jump-pagination-label:var(--neutral-grey-secondary);--jump-pagination-arrows-color:var(--neutral-grey-secondary);--jump-pagination-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPagination__Wrapper{display:flex;justify-content:space-between}.JumpPagination__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-label)}.JumpPagination__Wrapper .indicators .arrow{color:var(--jump-pagination-arrows-color);display:flex;align-items:center;gap:10px}.JumpPagination__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPagination__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-arrows-disabled)}.JumpPagination__Wrapper .indicators .elements{color:var(--jump-pagination-label);display:flex;align-items:center;gap:5px}";const n=r;const s=class{constructor(i){a(this,i);this.changePage=e(this,"jump-change-page",7);this.current=1;this.pagLabel="di";this.last=10;this.showFirstAndLast=false}watchcurrent(a,e){let i={current:a,previousPage:e,first:1,last:this.last,direction:a>e?"next":"prev"};this.changePage.emit(i)}componentWillLoad(){this.current=1}render(){return i(t,{key:"6d59cfd7f9bee81d599c42e804d0be48c1183b2c",class:"JumpPagination"},i("div",{key:"a3620c928b3302e6d5c9c51e99a5770ccf2eed08",class:"JumpPagination__Wrapper"},i("div",{key:"6afc40de5d106e6a1427d5e7fdcf77628526c697",class:"indicators"},i("div",{key:"6b2d8c5ccd7d70a5771d0e081d6bd2ef601b24f1",class:"elements"},i("span",{key:"504c32d0067207719004ea4ad50b560fde48ccaa"},i("span",{key:"e22630f7a9523a8c36e5ae5e16aecc95fd6fb9b3"},this.current)," ",this.pagLabel," ",i("span",{key:"9627d631cf2dbebf81d4a97a5f62f35320907156"},this.last))),i("div",{key:"f513997580f67b7f58a73909bb6046413b1d47ae",class:"arrow"},this.showFirstAndLast&&i("jump-button",{key:"479d23ea1aed06af78a0aca4546cbd470db41fc6",onClick:()=>{this.current=1},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===1?true:false}," ",i("jump-icon",{key:"c66720f530c76a0e251a4dd05adc57ba50db0032",slot:"suffix",name:"chevrons-left"})," "),i("jump-button",{key:"490c17ffdc9f4b584338bcc0047eb8d5c5aefb53",onClick:()=>{this.current--},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===1?true:false}," ",i("jump-icon",{key:"e78b9de2a3640f71d1a6834adfee60abeb147c70",slot:"suffix",name:"chevron-left"})," "),i("jump-button",{key:"b4a8f249de7e4187cd8884b1edfc7329233e5f28",onClick:()=>{this.current++},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"52e2ceada52102d6fc546d48a61dc97a8540ad57",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&i("jump-button",{key:"e81f401f008130ca0ff380f1fa520649709fade6",onClick:()=>{this.current=this.last},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"d7bb704276c1aa16e046d56b23a41f94ff00aa74",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{current:["watchcurrent"]}}};s.style=n;export{s as jump_pagination};
+//# sourceMappingURL=p-f6e09dc2.entry.js.map

package/package.json

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

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

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as i}from"./p-98d5dd1f.js";const r=":host{--primary-standard:var(--secondary-hard, #435171);--jump-button-background-hover:red;--jump-filter-close-btn-bg:white;--jump-filter-close-btn-color:#000000;--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) + 0rem);left:calc(var(--drawer-width) + 2rem);background-color:var(--jump-filter-close-btn-bg, white);color:var(--jump-filter-close-btn-color, #000000);padding:0.5rem;box-shadow:8px 0 15px 0 rgba(0, 0, 0, 0.1490196078)}@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:"c4cf8592159c2168ef96a38863f11f3ff9becdfd",library:"lucide",name:"x",size:"medium",label:"",class:"filtersDrawer__close",onClick:()=>this.showMobileFilters=false}),a("slot",{key:"e78555090e26aab2ea4d72f3db0c3175062796f8"})))}static get watchers(){return{showMobileFilters:["watchHandler"]}}};s.style=t;export{s as jump_filter};
-//# sourceMappingURL=p-14141071.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jumpFilterCss","JumpFilterStyle0","JumpFilter","filterChangeHandler","event","this","filters","Object","assign","detail","name","values","console","log","handleResize","isMobile","window","innerWidth","mobileThreshold","watchHandler","newValue","oldValue","_a","mobileToggle","setAttribute","_b","filtersDrawer","offCanvasClasses","_c","_d","getFilters","componentDidLoad","render","h","Host","key","mobileFilters","showMobileFilters","ref","el","buttonId","filterButtonIcon","variant","outline","onClick","library","category","size","filterButtonLabel","activeFilters","label","toString","soft","dimension","offCanvasOverlay","class","direction","filterHeading"],"sources":["src/components/jump-filter/jump-filter.scss?tag=jump-filter&encapsulation=shadow","src/components/jump-filter/jump-filter.tsx"],"sourcesContent":[":host {\n  --primary-standard: var(--secondary-hard, #435171);\n  //--jump-button-background-hover: var(--secondary-hard, #435171);\n  --jump-button-background-hover: red;\n  --jump-filter-close-btn-bg: white;\n  --jump-filter-close-btn-color: #000000;\n  --bg-drawer: var(--bg-drawer, #fff);\n  --header-height: var(--header-height, 80px);\n  --drawer-width: var(--drawer-width, 240px);\n  --overlay-bg-color: var(--overlay-bg-color, rgba(0, 0, 0, 0.35));\n\n  h3 {\n    margin: 0;\n  }\n}\n\n@mixin fade-in-out($duration: 0.3s, $ease: ease-in-out) {\n  opacity: 0;\n  transition: opacity $duration $ease;\n\n  &.filtersDrawer__overlay--active {\n    opacity: 1;\n  }\n}\n\n.filtersDrawer__overlay {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: var(--overlay-bg-color, rgba(0, 0, 0, 0.35));\n  z-index: 1;\n  width: 100vw;\n  height: 100vh;\n  display: none;\n\n  &.filtersDrawer__overlay--active {\n    display: block;\n  }\n\n  @include fade-in-out();\n}\n\n.filtersDrawer {\n  position: fixed;\n  display: flex;\n  flex-direction: column;\n  gap: 2.5rem;\n  left: -100vw;\n  top: 0;\n  height: -webkit-fill-available;\n  max-height: calc(100vh - var(--header-height));\n  transition: 0.3s all ease-in-out;\n  background-color: var(--bg-drawer, #fff);\n  padding: 1rem;\n  width: 100%;\n  max-width: var(--drawer-width);\n  box-shadow: 8px 0 15px 0 #00000026;\n  z-index: 2;\n  overflow: auto;\n\n  &[aria-hidden='false'] {\n    left: 0;\n    right: 0;\n    width: auto;\n    transition: 0.3s all ease-in-out;\n\n    .filtersDrawer__close {\n      position: fixed;\n      top: calc(var(--header-height) + 0rem);\n      left: calc(var(--drawer-width) + 2rem);\n      background-color: var(--jump-filter-close-btn-bg, white);\n      color: var(--jump-filter-close-btn-color, #000000);\n      padding: 0.5rem;\n      box-shadow: 8px 0 15px 0 #00000026;\n    }\n  }\n\n  @media (min-width: 768px) {\n    //md breakpoint tailwind\n    position: relative;\n    left: 0;\n    height: auto;\n    max-width: initial;\n    max-height: initial;\n    box-shadow: none;\n  }\n\n  @media (max-width: 767px) {\n    top: var(--header-height);\n  }\n\n  .filtersDrawer__header {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 0.5rem;\n  }\n}\n","import { Component, Host, Prop, h, State, Listen, Method, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'jump-filter',\n  styleUrl: 'jump-filter.scss',\n  shadow: true,\n})\nexport class JumpFilter {\n\n  @Prop() direction: 'horizontal' | 'vertical' = 'vertical';\n  @Prop() filterHeading: string = 'Filtra per';\n  @Prop() filterButtonLabel: string = 'Filtri';\n  @Prop() filterButtonIcon: string = 'sliders';\n  @Prop() mobileThreshold: number = 768;\n  @Prop() filters: any;\n  @Prop() showCount: boolean = false;\n  @Prop() offCanvasOverlay: boolean = false;\n\n  @State() activeFilters: number = 0;\n  @State() showMobileFilters: boolean = false;\n  @State() isMobile: boolean = false;\n  @State() offCanvasClasses: string = 'filtersDrawer__overlay';\n\n  mobileToggle: HTMLElement | null;\n  filtersDrawer: HTMLElement;\n\n  @Listen('jump-filterchange')\n  filterChangeHandler(event: CustomEvent) {\n    //set this.filter as this.filters[event.detail.name] = event.detail.value; even if not present\n    this.filters = { ...this.filters, [event.detail.name]: event.detail.values };\n    console.log('Received the custom filterChange event: ', this.filters);\n\n\n    //TODO: increment this.activeFilters\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    this.isMobile = window.innerWidth < this.mobileThreshold;\n  }\n\n  @Watch('showMobileFilters')\n  watchHandler(newValue: boolean, oldValue: boolean) {\n    if (newValue !== oldValue) {\n      if (newValue) {\n        this.mobileToggle?.setAttribute('aria-expanded', 'true');\n        this.filtersDrawer?.setAttribute('aria-hidden', 'false');\n        this.offCanvasClasses = 'filtersDrawer__overlay filtersDrawer__overlay--active';\n      } else {\n        this.mobileToggle?.setAttribute('aria-expanded', 'false');\n        this.filtersDrawer?.setAttribute('aria-hidden', 'true');\n        this.offCanvasClasses = 'filtersDrawer__overlay';\n      }\n    }\n  }\n\n  /**\n   * Get the active filters from the component\n   */\n  @Method()\n  async getFilters() {\n    return this.filters;\n  }\n\n  componentDidLoad() {\n    this.handleResize();\n  }\n\n  render() {\n    return (\n      <Host mobileFilters={this.showMobileFilters}>\n        {this.isMobile && <jump-button\n          ref={(el) => {\n            this.mobileToggle = el;\n          }}\n          buttonId={this.filterButtonIcon} variant={'primary'} outline\n          onClick={() => this.showMobileFilters = !this.showMobileFilters}>\n          <slot name=\"prefix\">\n            {this.filterButtonIcon &&\n              <jump-icon library=\"fa\" category=\"regular\" name={this.filterButtonIcon} size=\"small\"></jump-icon>}\n            {this.filterButtonLabel}\n          </slot>\n          <slot name=\"suffix\">\n            {this.activeFilters > 0 &&\n              <jump-badge label={this.activeFilters.toString()} variant=\"success\" soft dimension=\"dot\">1</jump-badge>}\n          </slot>\n        </jump-button>}\n\n        {this.offCanvasOverlay &&\n          <div class={this.offCanvasClasses}\n               onClick={() => this.showMobileFilters = false}></div>}\n\n        {<div\n          ref={(el) => {\n            this.filtersDrawer = el;\n          }}\n          class=\"filtersDrawer\" data-variant={this.direction}>\n          {!this.isMobile &&\n            <div class={'filtersDrawer__header'}>\n              <jump-icon class=\"small\" name={this.filterButtonIcon}></jump-icon>\n              <h3>{this.filterHeading}</h3>\n            </div>}\n          {this.isMobile && <jump-icon library=\"lucide\" name=\"x\" size=\"medium\" label=\"\" class={'filtersDrawer__close'}\n                                       onClick={() => this.showMobileFilters = false}></jump-icon>}\n          <slot></slot>\n        </div>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,4yDACtB,MAAAC,EAAeD,E,MCMFE,EAAU,M,wCAE0B,W,mBACf,a,uBACI,S,sBACD,U,qBACD,I,sCAEL,M,sBACO,M,mBAEH,E,uBACK,M,cACT,M,sBACO,wB,CAMpC,mBAAAC,CAAoBC,GAElBC,KAAKC,QAAOC,OAAAC,OAAAD,OAAAC,OAAA,GAAQH,KAAKC,SAAO,CAAE,CAACF,EAAMK,OAAOC,MAAON,EAAMK,OAAOE,SACpEC,QAAQC,IAAI,2CAA4CR,KAAKC,Q,CAO/D,YAAAQ,GACET,KAAKU,SAAWC,OAAOC,WAAaZ,KAAKa,e,CAI3C,YAAAC,CAAaC,EAAmBC,G,YAC9B,GAAID,IAAaC,EAAU,CACzB,GAAID,EAAU,EACZE,EAAAjB,KAAKkB,gBAAY,MAAAD,SAAA,SAAAA,EAAEE,aAAa,gBAAiB,SACjDC,EAAApB,KAAKqB,iBAAa,MAAAD,SAAA,SAAAA,EAAED,aAAa,cAAe,SAChDnB,KAAKsB,iBAAmB,uD,KACnB,EACLC,EAAAvB,KAAKkB,gBAAY,MAAAK,SAAA,SAAAA,EAAEJ,aAAa,gBAAiB,UACjDK,EAAAxB,KAAKqB,iBAAa,MAAAG,SAAA,SAAAA,EAAEL,aAAa,cAAe,QAChDnB,KAAKsB,iBAAmB,wB,GAS9B,gBAAMG,GACJ,OAAOzB,KAAKC,O,CAGd,gBAAAyB,GACE1B,KAAKS,c,CAGP,MAAAkB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,cAAe/B,KAAKgC,mBACvBhC,KAAKU,UAAYkB,EAAA,eAAAE,IAAA,2CAChBG,IAAMC,IACJlC,KAAKkB,aAAegB,CAAE,EAExBC,SAAUnC,KAAKoC,iBAAkBC,QAAS,UAAWC,QAAO,KAC5DC,QAAS,IAAMvC,KAAKgC,mBAAqBhC,KAAKgC,mBAC9CJ,EAAA,QAAAE,IAAA,2CAAMzB,KAAK,UACRL,KAAKoC,kBACJR,EAAA,aAAAE,IAAA,2CAAWU,QAAQ,KAAKC,SAAS,UAAUpC,KAAML,KAAKoC,iBAAkBM,KAAK,UAC9E1C,KAAK2C,mBAERf,EAAA,QAAAE,IAAA,2CAAMzB,KAAK,UACRL,KAAK4C,cAAgB,GACpBhB,EAAA,cAAAE,IAAA,2CAAYe,MAAO7C,KAAK4C,cAAcE,WAAYT,QAAQ,UAAUU,KAAI,KAACC,UAAU,OAAK,OAI7FhD,KAAKiD,kBACJrB,EAAA,OAAAE,IAAA,2CAAKoB,MAAOlD,KAAKsB,iBACZiB,QAAS,IAAMvC,KAAKgC,kBAAoB,QAE9CJ,EAAA,OAAAE,IAAA,2CACCG,IAAMC,IACJlC,KAAKqB,cAAgBa,CAAE,EAEzBgB,MAAM,gBAAe,eAAelD,KAAKmD,YACvCnD,KAAKU,UACLkB,EAAA,OAAAE,IAAA,2CAAKoB,MAAO,yBACVtB,EAAA,aAAAE,IAAA,2CAAWoB,MAAM,QAAQ7C,KAAML,KAAKoC,mBACpCR,EAAA,MAAAE,IAAA,4CAAK9B,KAAKoD,gBAEbpD,KAAKU,UAAYkB,EAAA,aAAAE,IAAA,2CAAWU,QAAQ,SAASnC,KAAK,IAAIqC,KAAK,SAASG,MAAM,GAAGK,MAAO,uBACxDX,QAAS,IAAMvC,KAAKgC,kBAAoB,QACrEJ,EAAA,QAAAE,IAAA,8C"}

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

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

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

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as a,H as n}from"./p-98d5dd1f.js";const i=":host{display:block;--jump-tab-bg-color:var(--gray-ultralight, #f8f8f8);--jump-tab-border-color:var(--neutral-grey-disabled, #CBCBCB);overflow-x:auto;scrollbar-width:none;}:host::-webkit-scrollbar{display:none;}.Wrapper{display:flex;flex-direction:column;overflow-x:auto;scrollbar-width:none;}.Wrapper::-webkit-scrollbar{display:none;}.ContentWrapper{display:flex;flex-direction:column;width:100%;justify-content:var(--alignment, flex-start)}@media (max-width: 768px){.ContentWrapper.ContentWrapper--Items{justify-content:flex-start;overflow-x:auto}.ContentWrapper.ContentWrapper--Items .fullBorder{justify-content:flex-start}}.Content{display:flex;flex-direction:row;align-items:flex-end;width:fit-content}.Content.fullBorder{width:100%;border-bottom:1px solid var(--jump-tab-border-color);justify-content:var(--alignment, flex-start)}.Content.fullBorder.inline ::slotted([slot=tab-item]){margin-bottom:-1px}.Content.rounded{border-radius:50px;background-color:var(--jump-tab-bg-color)}.Content.disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}jump-tab-item{display:flex;align-items:flex-end;overflow:hidden}jump-tab-item .tab-title{display:block;white-space:normal;text-align:center}";const r=i;const o=class{constructor(a){e(this,a);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 a=t.getPropertyValue("--neutral-grey-secondary").trim();let n=this.JumpTabEl.querySelectorAll("jump-tab-item");if(n.length>0){n.forEach((t=>{if(t.getAttribute("identifier")===e.detail.id){t.setAttribute("active","");if(this.variant==="sheet"){n.forEach(((e,i)=>{if(e!==t&&i!==n.length-1){e.style.borderRight=`1px solid ${a}`}else{e.style.borderRight="1px solid transparent"}}));let e=t.previousElementSibling;if(e){e.style.borderRight="1px solid transparent"}}}else{t.removeAttribute("active")}}))}let 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 a=this.JumpTabEl.querySelectorAll("jump-tab-item");if(a.length>0){a.forEach(((e,n)=>{if(n===a.length-1||e.classList.contains("active")){e.style.borderRight="1px solid transparent"}else{e.style.borderRight=`1px solid ${t}`}}))}}}render(){return a(n,{key:"59e43d82c8b42b021901c38df7e011b4214322c4",class:"JumpTab "+this.variant,id:this.tabGroupName,ref:e=>{this.JumpTabEl=e}},a("div",{key:"bf856ca2cdf08bedac4de091665a76fad3839035",class:"Wrapper "+(this.fullBorder?"fullBorder":"")},a("div",{key:"e9972902f6be1b6e389a84cc13ebe0d143fd30ec",class:"ContentWrapper ContentWrapper--Items",style:{"--alignment":this.getAlignment(this.alignment)}},a("div",{key:"7e2bbecf1a4ba7ca854edf4b632039300e3987ed",class:"Content "+this.variant+" "+(this.disabled?"disabled":"")+" "+(this.fullBorder?"fullBorder":""),style:{"--alignment":this.getAlignment(this.alignment)}},a("slot",{key:"99ed84c1151955db9c2df9b5ef992fa57ffdb49b",name:"tab-item"}))),a("div",{key:"6881b2bfa14e188654c31088c4a27b8de7ba14f1",class:"ContentWrapper ContentWrapper--Panel"},a("slot",{key:"c33f6ee0952db88e1237593a1e264beb9f8c7ed3",name:"tab-content"}))))}getAlignment(e){switch(e){case"center":return"center";case"right":return"flex-end";default:return"flex-start"}}};o.style=r;export{o as jump_tab};
-//# sourceMappingURL=p-d1fc1ddf.entry.js.map