@jumpgroup/jump-design-system 0.3.77 → 0.3.79

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

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

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

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

package/dist/jump-design-system/p-6134b84b.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as a,H as n}from"./p-40ca24a6.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){t(this,a);this.setActiveTab=e(this,"jump-change-activetab",7);this.disabled=false;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 a=e.getPropertyValue("--neutral-grey-secondary").trim();let n=this.JumpTabEl.querySelectorAll("jump-tab-item");if(n.length>0){n.forEach((e=>{if(e.getAttribute("identifier")===t.detail.id){e.setAttribute("active","");if(this.variant==="sheet"){n.forEach(((t,i)=>{if(t!==e&&i!==n.length-1){t.style.borderRight=`1px solid ${a}`}else{t.style.borderRight="1px solid transparent"}}));let t=e.previousElementSibling;if(t){t.style.borderRight="1px solid transparent"}}}else{e.removeAttribute("active")}}))}let i=this.JumpTabEl.querySelectorAll("jump-tab-panel");if(i.length>0){i.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 a=this.JumpTabEl.querySelectorAll("jump-tab-item");if(a.length>0){a.forEach(((t,n)=>{if(n===a.length-1||t.classList.contains("active")){t.style.borderRight="1px solid transparent"}else{t.style.borderRight=`1px solid ${e}`}}))}}}render(){return a(n,{key:"a9487cf3bd46c5dac915b90636b9d45e87e576c0",class:"JumpTab "+this.variant,id:this.tabGroupName,ref:t=>{this.JumpTabEl=t}},a("div",{key:"6b4f8dd93c4ecea25f998196f91057b321657926",class:"Wrapper "+(this.fullBorder?"fullBorder":"")},a("div",{key:"5987a837094386a68d8262287f23f775d82d049c",class:"ContentWrapper ContentWrapper--Items",style:{"--alignment":this.getAlignment(this.alignment)}},a("div",{key:"68f9660eaf3b9b5d7afa25ba8c06b50a8cd68acb",class:"Content "+this.variant+" "+(this.disabled?"disabled":"")+" "+(this.fullBorder?"fullBorder":""),style:{"--alignment":this.getAlignment(this.alignment)}},a("slot",{key:"046bc6775c4d3417d2ad3356df08710500c010b7",name:"tab-item"}))),a("div",{key:"a8ada645deff60fafd590dd118ed80d2d318978a",class:"ContentWrapper ContentWrapper--Panel"},a("slot",{key:"28c698d7c775f5488fd6be00be26a068954d6ecd",name:"tab-content"}))))}getAlignment(t){switch(t){case"center":return"center";case"right":return"flex-end";default:return"flex-start"}}};o.style=r;export{o as jump_tab};
-//# sourceMappingURL=p-6134b84b.entry.js.map

package/dist/jump-design-system/p-64024e67.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as e,H as s}from"./p-40ca24a6.js";const t=":host{display:block}.JumpTabPanel__Content{display:none;padding:1rem 0}.JumpTabPanel__Content.active{display:block}";const n=t;const c=class{constructor(e){a(this,e);this.identifier=undefined;this.active=false}render(){return e(s,{key:"3ed1150190842c832987a664f0349558427968a1",class:"JumpTabPanel",id:this.identifier},e("div",{key:"5541d0e120b67894b2636b6f3870472f13347afe",class:"JumpTabPanel__Content "+(this.active?"active":"")},e("slot",{key:"c0a04d8bad8c7553866c872ff19e40ed56a08b0a"})))}};c.style=n;export{c as jump_tab_panel};
-//# sourceMappingURL=p-64024e67.entry.js.map