@jumpgroup/jump-design-system 0.3.70 → 0.3.72

package/dist/types/components.d.ts

@@ -311,6 +311,51 @@ export namespace Components {
         "label": string;
         "value": string;
     }
+    interface JumpFilterRange {
+        /**
+          * Stato disabilitato dello slider
+         */
+        "disabled": boolean;
+        "getName": () => Promise<string>;
+        "getValues": () => Promise<number[]>;
+        /**
+          * Testo da mostrare dopo il valore massimo (es. unità di misura).
+         */
+        "labelMaxAfter": string;
+        /**
+          * Testo da mostrare prima del valore massimo.
+         */
+        "labelMaxBefore": string;
+        /**
+          * Testo da mostrare dopo il valore minimo (es. unità di misura).
+         */
+        "labelMinAfter": string;
+        /**
+          * Testo da mostrare prima del valore minimo.
+         */
+        "labelMinBefore": string;
+        /**
+          * Il valore massimo possibile per lo slider
+         */
+        "max": number;
+        /**
+          * Il valore minimo possibile per lo slider
+         */
+        "min": number;
+        /**
+          * Nome identificativo del filtro, utilizzato negli eventi
+         */
+        "name": string;
+        "setValue": (values: number[], emitEvent?: boolean) => Promise<number[]>;
+        /**
+          * L'incremento tra i valori dello slider
+         */
+        "step": number;
+        /**
+          * I valori iniziali dello slider, come array [min, max]
+         */
+        "value": number[];
+    }
     /**
      * Componente select per filtri con supporto per opzioni e stato
      */
@@ -675,6 +720,10 @@ export interface JumpFilterCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJumpFilterCheckboxElement;
 }
+export interface JumpFilterRangeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJumpFilterRangeElement;
+}
 export interface JumpFilterSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJumpFilterSelectElement;
@@ -825,6 +874,24 @@ declare global {
         prototype: HTMLJumpFilterCheckboxElement;
         new (): HTMLJumpFilterCheckboxElement;
     };
+    interface HTMLJumpFilterRangeElementEventMap {
+        "jump-range-change": any;
+        "jump-filterchange": any;
+    }
+    interface HTMLJumpFilterRangeElement extends Components.JumpFilterRange, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJumpFilterRangeElementEventMap>(type: K, listener: (this: HTMLJumpFilterRangeElement, ev: JumpFilterRangeCustomEvent<HTMLJumpFilterRangeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJumpFilterRangeElementEventMap>(type: K, listener: (this: HTMLJumpFilterRangeElement, ev: JumpFilterRangeCustomEvent<HTMLJumpFilterRangeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLJumpFilterRangeElement: {
+        prototype: HTMLJumpFilterRangeElement;
+        new (): HTMLJumpFilterRangeElement;
+    };
     interface HTMLJumpFilterSelectElementEventMap {
         "jump-select-change": any;
         "jump-filterchange": any;
@@ -1083,6 +1150,7 @@ declare global {
         "jump-card-ecommerce-option": HTMLJumpCardEcommerceOptionElement;
         "jump-filter": HTMLJumpFilterElement;
         "jump-filter-checkbox": HTMLJumpFilterCheckboxElement;
+        "jump-filter-range": HTMLJumpFilterRangeElement;
         "jump-filter-select": HTMLJumpFilterSelectElement;
         "jump-filter-switch": HTMLJumpFilterSwitchElement;
         "jump-filtergroup": HTMLJumpFiltergroupElement;
@@ -1401,6 +1469,50 @@ declare namespace LocalJSX {
         "onJump-checkbox-change"?: (event: JumpFilterCheckboxCustomEvent<any>) => void;
         "value"?: string;
     }
+    interface JumpFilterRange {
+        /**
+          * Stato disabilitato dello slider
+         */
+        "disabled"?: boolean;
+        /**
+          * Testo da mostrare dopo il valore massimo (es. unità di misura).
+         */
+        "labelMaxAfter"?: string;
+        /**
+          * Testo da mostrare prima del valore massimo.
+         */
+        "labelMaxBefore"?: string;
+        /**
+          * Testo da mostrare dopo il valore minimo (es. unità di misura).
+         */
+        "labelMinAfter"?: string;
+        /**
+          * Testo da mostrare prima del valore minimo.
+         */
+        "labelMinBefore"?: string;
+        /**
+          * Il valore massimo possibile per lo slider
+         */
+        "max"?: number;
+        /**
+          * Il valore minimo possibile per lo slider
+         */
+        "min"?: number;
+        /**
+          * Nome identificativo del filtro, utilizzato negli eventi
+         */
+        "name"?: string;
+        "onJump-filterchange"?: (event: JumpFilterRangeCustomEvent<any>) => void;
+        "onJump-range-change"?: (event: JumpFilterRangeCustomEvent<any>) => void;
+        /**
+          * L'incremento tra i valori dello slider
+         */
+        "step"?: number;
+        /**
+          * I valori iniziali dello slider, come array [min, max]
+         */
+        "value"?: number[];
+    }
     /**
      * Componente select per filtri con supporto per opzioni e stato
      */
@@ -1741,6 +1853,7 @@ declare namespace LocalJSX {
         "jump-card-ecommerce-option": JumpCardEcommerceOption;
         "jump-filter": JumpFilter;
         "jump-filter-checkbox": JumpFilterCheckbox;
+        "jump-filter-range": JumpFilterRange;
         "jump-filter-select": JumpFilterSelect;
         "jump-filter-switch": JumpFilterSwitch;
         "jump-filtergroup": JumpFiltergroup;
@@ -1772,6 +1885,7 @@ declare module "@stencil/core" {
             "jump-card-ecommerce-option": LocalJSX.JumpCardEcommerceOption & JSXBase.HTMLAttributes<HTMLJumpCardEcommerceOptionElement>;
             "jump-filter": LocalJSX.JumpFilter & JSXBase.HTMLAttributes<HTMLJumpFilterElement>;
             "jump-filter-checkbox": LocalJSX.JumpFilterCheckbox & JSXBase.HTMLAttributes<HTMLJumpFilterCheckboxElement>;
+            "jump-filter-range": LocalJSX.JumpFilterRange & JSXBase.HTMLAttributes<HTMLJumpFilterRangeElement>;
             /**
              * Componente select per filtri con supporto per opzioni e stato
              */

package/package.json

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

package/dist/jump-design-system/p-629ef0c7.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;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 s=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:"eb67c13009a3d5bb2ea7275c02a0cf4936496244",class:"JumpTab "+this.variant,id:this.tabGroupName,ref:t=>{this.JumpTabEl=t}},a("div",{key:"2be879c8dc231a42c69457353855d52ef438339d",class:"Wrapper "+(this.fullBorder?"fullBorder":"")},a("div",{key:"7dcbffc75c62e3dd64ecf47f50f0b308c4882a04",class:"ContentWrapper ContentWrapper--Items",style:{"--alignment":this.getAlignment(this.alignment)}},a("div",{key:"17c437c456684b5fcac81e5df964ac316c8b7371",class:"Content "+this.variant+" "+(this.disabled?"disabled":"")+" "+(this.fullBorder?"fullBorder":""),style:{"--alignment":this.getAlignment(this.alignment)}},a("slot",{key:"14b413cc2687aa73e848bb0bdccb2b9121d46fc3",name:"tab-item"}))),a("div",{key:"fd9ed0cddc9fec9779b5a76e5a378bdd7f153c08",class:"ContentWrapper ContentWrapper--Panel"},a("slot",{key:"0bd78d8369b8402f5e8d1182b82d0110209c57c2",name:"tab-content"}))))}getAlignment(t){switch(t){case"center":return"center";case"right":return"flex-end";default:return"flex-start"}}};s.style=r;export{s as jump_tab};
-//# sourceMappingURL=p-629ef0c7.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jumpTabCss","JumpTabStyle0","JumpTab","undefined","changeActiveTabHandler","event","this","setActiveTab","emit","detail","rootStyles","getComputedStyle","document","documentElement","primaryColor","getPropertyValue","trim","items","JumpTabEl","querySelectorAll","length","forEach","item","getAttribute","id","setAttribute","variant","sibling","index","style","borderRight","previousSibling","previousElementSibling","removeAttribute","panel","componentDidLoad","classList","contains","render","h","Host","key","class","tabGroupName","ref","el","fullBorder","getAlignment","alignment","disabled","name"],"sources":["src/components/jump-tab/jump-tab.scss?tag=jump-tab&encapsulation=shadow","src/components/jump-tab/jump-tab.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  --jump-tab-bg-color: var(--gray-ultralight, #f8f8f8);\n  --jump-tab-border-color: var(--neutral-grey-disabled, #CBCBCB);\n\n  /* Permette lo scroll orizzontale */\n  overflow-x: auto;\n  scrollbar-width: none;\n  /* Nasconde la scrollbar in Firefox */\n}\n\n:host::-webkit-scrollbar {\n  display: none;\n  /* Nasconde la scrollbar in Chrome, Safari e Edge */\n}\n\n.Wrapper {\n  display: flex;\n  flex-direction: column;\n\n  /* Permette lo scroll orizzontale */\n  overflow-x: auto;\n  scrollbar-width: none;\n  /* Nasconde la scrollbar in Firefox */\n}\n\n.Wrapper::-webkit-scrollbar {\n  display: none;\n  /* Nasconde la scrollbar in Chrome, Safari e Edge */\n}\n\n.ContentWrapper {\n  display: flex;\n  width: 100%;\n  justify-content: var(--alignment, flex-start);\n\n  &.ContentWrapper--Items {\n    @media (max-width: 768px) {\n      justify-content: flex-start;\n      overflow-x: auto;\n\n      .fullBorder {\n        justify-content: flex-start;\n      }\n    }\n  }\n}\n\n.Content {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n  width: fit-content;\n\n  &.fullBorder {\n    width: 100%;\n    border-bottom: 1px solid var(--jump-tab-border-color);\n    justify-content: var(--alignment, flex-start);\n  }\n\n  &.fullBorder.inline ::slotted([slot=\"tab-item\"]) {\n    margin-bottom: -1px;\n  }\n\n  &.rounded {\n    border-radius: 50px;\n    background-color: var(--jump-tab-bg-color);\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n\njump-tab-item {\n  display: flex;\n  align-items: flex-end;\n  overflow: hidden;\n\n  .tab-title {\n    display: block;\n    white-space: normal;\n    text-align: center;\n  }\n}\n","import { Component, Host, Event, EventEmitter, Prop, h, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'jump-tab',\n  styleUrl: 'jump-tab.scss',\n  shadow: true,\n})\nexport class JumpTab {\n  JumpTabEl: HTMLElement;\n\n  @Prop() disabled: boolean = false;\n  @Prop() alignment: string = 'left';\n  @Prop() fullBorder: boolean = false;\n  @Prop() tabGroupName: string = undefined;\n  @Prop() variant: string = 'inline';\n\n  @Event({ eventName: 'jump-change-activetab' }) setActiveTab: EventEmitter;\n\n  @Listen('jump-change-active-tab')\n  changeActiveTabHandler(event: CustomEvent) {\n    this.setActiveTab.emit(event.detail);\n\n    const rootStyles = getComputedStyle(document.documentElement);\n    const primaryColor = rootStyles.getPropertyValue('--neutral-grey-secondary').trim();\n\n    let items = this.JumpTabEl.querySelectorAll('jump-tab-item');\n    if (items.length > 0) {\n      items.forEach((item) => {\n        if (item.getAttribute('identifier') === event.detail.id) {\n          item.setAttribute('active', '');\n\n          if (this.variant === 'sheet') {\n            items.forEach((sibling, index) => {\n              if (sibling !== item && index !== items.length - 1) {\n                sibling.style.borderRight = `1px solid ${primaryColor}`;\n              } else {\n                sibling.style.borderRight = '1px solid transparent';\n              }\n            });\n\n            let previousSibling = item.previousElementSibling as any;\n            if (previousSibling) {\n              previousSibling.style.borderRight = '1px solid transparent';\n            }\n          }\n\n        } else {\n          item.removeAttribute('active');\n        }\n      });\n    }\n\n    let panel = this.JumpTabEl.querySelectorAll('jump-tab-panel');\n    if (panel.length > 0) {\n      panel.forEach((panel) => {\n        if (panel.getAttribute('identifier') === event.detail.id) {\n          panel.setAttribute('active', '');\n        } else {\n          panel.removeAttribute('active');\n        }\n      });\n    }\n  }\n\n  componentDidLoad() {\n    if (this.variant === 'sheet') {\n      const rootStyles = getComputedStyle(document.documentElement);\n      const primaryColor = rootStyles.getPropertyValue('--neutral-grey-secondary').trim();\n\n      let items = this.JumpTabEl.querySelectorAll('jump-tab-item');\n      if (items.length > 0) {\n        items.forEach((item, index) => {\n          if (index === items.length - 1 || item.classList.contains('active')) {\n            item.style.borderRight = '1px solid transparent';\n          } else {\n            item.style.borderRight = `1px solid ${primaryColor}`;\n          }\n        });\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host class={\"JumpTab \" + this.variant} id={this.tabGroupName} ref={(el) => { this.JumpTabEl = el; }}>\n        <div class={\"Wrapper \" + (this.fullBorder ? 'fullBorder' : '')}>\n          <div class={\"ContentWrapper ContentWrapper--Items\"} style={{ '--alignment': this.getAlignment(this.alignment) }}>\n            <div class={\"Content \" + this.variant + \" \" + (this.disabled ? 'disabled' : '') + \" \" + (this.fullBorder ? 'fullBorder' : '')} style={{ '--alignment': this.getAlignment(this.alignment) }}>\n              <slot name=\"tab-item\"></slot>\n            </div>\n          </div>\n          <div class=\"ContentWrapper ContentWrapper--Panel\">\n            <slot name=\"tab-content\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  private getAlignment(alignment: string): string {\n    switch (alignment) {\n      case 'center':\n        return 'center';\n      case 'right':\n        return 'flex-end';\n      default:\n        return 'flex-start';\n    }\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAa,ypCACnB,MAAAC,EAAeD,E,MCMFE,EAAO,M,2FAGU,M,eACA,O,gBACE,M,kBACCC,U,aACL,Q,CAK1B,sBAAAC,CAAuBC,GACrBC,KAAKC,aAAaC,KAAKH,EAAMI,QAE7B,MAAMC,EAAaC,iBAAiBC,SAASC,iBAC7C,MAAMC,EAAeJ,EAAWK,iBAAiB,4BAA4BC,OAE7E,IAAIC,EAAQX,KAAKY,UAAUC,iBAAiB,iBAC5C,GAAIF,EAAMG,OAAS,EAAG,CACpBH,EAAMI,SAASC,IACb,GAAIA,EAAKC,aAAa,gBAAkBlB,EAAMI,OAAOe,GAAI,CACvDF,EAAKG,aAAa,SAAU,IAE5B,GAAInB,KAAKoB,UAAY,QAAS,CAC5BT,EAAMI,SAAQ,CAACM,EAASC,KACtB,GAAID,IAAYL,GAAQM,IAAUX,EAAMG,OAAS,EAAG,CAClDO,EAAQE,MAAMC,YAAc,aAAahB,G,KACpC,CACLa,EAAQE,MAAMC,YAAc,uB,KAIhC,IAAIC,EAAkBT,EAAKU,uBAC3B,GAAID,EAAiB,CACnBA,EAAgBF,MAAMC,YAAc,uB,OAInC,CACLR,EAAKW,gBAAgB,S,KAK3B,IAAIC,EAAQ5B,KAAKY,UAAUC,iBAAiB,kBAC5C,GAAIe,EAAMd,OAAS,EAAG,CACpBc,EAAMb,SAASa,IACb,GAAIA,EAAMX,aAAa,gBAAkBlB,EAAMI,OAAOe,GAAI,CACxDU,EAAMT,aAAa,SAAU,G,KACxB,CACLS,EAAMD,gBAAgB,S,MAM9B,gBAAAE,GACE,GAAI7B,KAAKoB,UAAY,QAAS,CAC5B,MAAMhB,EAAaC,iBAAiBC,SAASC,iBAC7C,MAAMC,EAAeJ,EAAWK,iBAAiB,4BAA4BC,OAE7E,IAAIC,EAAQX,KAAKY,UAAUC,iBAAiB,iBAC5C,GAAIF,EAAMG,OAAS,EAAG,CACpBH,EAAMI,SAAQ,CAACC,EAAMM,KACnB,GAAIA,IAAUX,EAAMG,OAAS,GAAKE,EAAKc,UAAUC,SAAS,UAAW,CACnEf,EAAKO,MAAMC,YAAc,uB,KACpB,CACLR,EAAKO,MAAMC,YAAc,aAAahB,G,OAOhD,MAAAwB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,WAAapC,KAAKoB,QAASF,GAAIlB,KAAKqC,aAAcC,IAAMC,IAASvC,KAAKY,UAAY2B,CAAE,GAC/FN,EAAA,OAAAE,IAAA,2CAAKC,MAAO,YAAcpC,KAAKwC,WAAa,aAAe,KACzDP,EAAA,OAAAE,IAAA,2CAAKC,MAAO,uCAAwCb,MAAO,CAAE,cAAevB,KAAKyC,aAAazC,KAAK0C,aACjGT,EAAA,OAAAE,IAAA,2CAAKC,MAAO,WAAapC,KAAKoB,QAAU,KAAOpB,KAAK2C,SAAW,WAAa,IAAM,KAAO3C,KAAKwC,WAAa,aAAe,IAAKjB,MAAO,CAAE,cAAevB,KAAKyC,aAAazC,KAAK0C,aAC5KT,EAAA,QAAAE,IAAA,2CAAMS,KAAK,eAGfX,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wCACTH,EAAA,QAAAE,IAAA,2CAAMS,KAAK,kB,CAOb,YAAAH,CAAaC,GACnB,OAAQA,GACN,IAAK,SACH,MAAO,SACT,IAAK,QACH,MAAO,WACT,QACE,MAAO,a"}

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

@@ -1,2 +0,0 @@
-import{r as e,h as a,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(a){e(this,a);this.identifier=undefined;this.active=false}render(){return a(s,{key:"d9f90af98ebb99d55241c3fef49e5d8e08f8540f",class:"JumpTabPanel",id:this.identifier},a("div",{key:"6fc79b82988a87e0c3e13b08dcd08305e173eaab",class:"JumpTabPanel__Content "+(this.active?"active":"")},a("slot",{key:"ac3bfea8a132096ae27e9fbd146e090626c72ff5"})))}};c.style=n;export{c as jump_tab_panel};
-//# sourceMappingURL=p-cb9ab473.entry.js.map