@jumpgroup/jump-design-system 0.3.79 → 0.3.80

package/dist/types/components/jump-filter-range/jump-filter-range.d.ts

@@ -17,56 +17,30 @@ export declare class JumpFilterRange {
     max: number;
     /** L'incremento tra i valori dello slider. */
     step: number;
-    /** I valori iniziali dello slider, come array [min, max]. */
-    value: number[];
-    /** Stato disabilitato dello slider. */
-    disabled: boolean;
+    /** Il valore minimo dello slider. */
     minVal: number;
+    /** Il valore massimo dello slider. */
     maxVal: number;
+    /** Stato disabilitato dello slider. */
+    disabled: boolean;
+    private internalMinVal;
+    private internalMaxVal;
     /**
      * Evento emesso SOLO quando l'utente ha terminato la selezione (al rilascio del mouse).
-     * Ideale per lanciare chiamate API o ricalcoli onerosi.
      */
     filterChange: EventEmitter<{
         name: string;
         values: number[];
     }>;
-    valueWatcher(newValue: number[]): void;
+    watchMinVal(newValue: number): void;
+    watchMaxVal(newValue: number): void;
     componentWillLoad(): void;
-    /**
-     * Imposta i valori interni del componente partendo da un array.
-     */
-    private setComponentValues;
-    /**
-     * Gestisce l'aggiornamento in tempo reale dello slider MINIMO.
-     * Aggiorna solo lo stato interno per un feedback visivo immediato.
-     */
+    private initializeValues;
+    private validateValue;
     private handleMinInput;
-    /**
-     * Gestisce l'aggiornamento in tempo reale dello slider MASSIMO.
-     * Aggiorna solo lo stato interno per un feedback visivo immediato.
-     */
     private handleMaxInput;
-    /**
-     * Eseguito quando l'utente rilascia lo slider (evento onChange).
-     * Consolida il valore e emette l'evento finale.
-     */
     private handleCommit;
-    /**
-     * Calcola lo stile per la barra di riempimento tra i due slider.
-     */
     private getFillStyle;
-    /**
-     * Metodo pubblico per impostare il valore del filtro programmaticamente.
-     */
-    setValue(values: number[], emitEvent?: boolean): Promise<number[]>;
-    /**
-     * Metodo pubblico per ottenere il valore corrente.
-     */
     getValues(): Promise<number[]>;
-    /**
-     * Metodo pubblico per ottenere il nome del filtro.
-     */
-    getName(): Promise<string>;
     render(): any;
 }

package/dist/types/components/jump-filter-range/jump-filter-range.stories.d.ts

@@ -44,3 +44,4 @@ export declare const PriceRange: any;
 export declare const Percentage: any;
 export declare const OnlyValues: any;
 export declare const Disabled: any;
+export declare const WithValues: any;

package/dist/types/components.d.ts

@@ -316,13 +316,6 @@ export namespace Components {
           * Stato disabilitato dello slider.
          */
         "disabled": boolean;
-        /**
-          * Metodo pubblico per ottenere il nome del filtro.
-         */
-        "getName": () => Promise<string>;
-        /**
-          * Metodo pubblico per ottenere il valore corrente.
-         */
         "getValues": () => Promise<number[]>;
         /**
           * Testo da mostrare dopo il valore massimo (es. unità di misura).
@@ -344,26 +337,26 @@ export namespace Components {
           * Il valore massimo possibile per lo slider.
          */
         "max": number;
+        /**
+          * Il valore massimo dello slider.
+         */
+        "maxVal": number;
         /**
           * Il valore minimo possibile per lo slider.
          */
         "min": number;
         /**
-          * Nome identificativo del filtro, utilizzato nell'evento finale.
+          * Il valore minimo dello slider.
          */
-        "name": string;
+        "minVal": number;
         /**
-          * Metodo pubblico per impostare il valore del filtro programmaticamente.
+          * Nome identificativo del filtro, utilizzato nell'evento finale.
          */
-        "setValue": (values: number[], emitEvent?: boolean) => Promise<number[]>;
+        "name": string;
         /**
           * 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
@@ -1504,26 +1497,30 @@ declare namespace LocalJSX {
           * Il valore massimo possibile per lo slider.
          */
         "max"?: number;
+        /**
+          * Il valore massimo dello slider.
+         */
+        "maxVal"?: number;
         /**
           * Il valore minimo possibile per lo slider.
          */
         "min"?: number;
+        /**
+          * Il valore minimo dello slider.
+         */
+        "minVal"?: number;
         /**
           * Nome identificativo del filtro, utilizzato nell'evento finale.
          */
         "name"?: string;
         /**
-          * Evento emesso SOLO quando l'utente ha terminato la selezione (al rilascio del mouse). Ideale per lanciare chiamate API o ricalcoli onerosi.
+          * Evento emesso SOLO quando l'utente ha terminato la selezione (al rilascio del mouse).
          */
         "onJump-filterchange"?: (event: JumpFilterRangeCustomEvent<{ name: string; values: number[] }>) => 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

package/package.json

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

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

@@ -1,2 +0,0 @@
-import{r as e,c as t,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 o=class{constructor(i){e(this,i);this.filterChange=t(this,"jump-filterchange",7);this.handleMinInput=e=>{const t=e.target;let i=parseInt(t.value,10);if(i>this.maxVal-h){i=this.maxVal-h;t.value=i.toString()}this.minVal=i};this.handleMaxInput=e=>{const t=e.target;let i=parseInt(t.value,10);if(i<this.minVal+h){i=this.minVal+h;t.value=i.toString()}this.maxVal=i};this.handleCommit=()=>{console.log("Committing values:",this.minVal,this.maxVal);const e=[this.minVal,this.maxVal];this.value=e;this.filterChange.emit({name:this.name,values:e})};this.name="range-filter";this.labelMinBefore="Min:";this.labelMinAfter="";this.labelMaxBefore="Max:";this.labelMaxAfter="";this.min=0;this.max=100;this.step=1;this.value=[];this.disabled=false;this.minVal=undefined;this.maxVal=undefined}valueWatcher(e){if(e&&e.length===2&&e[0]===this.minVal&&e[1]===this.maxVal){return}this.setComponentValues(e)}componentWillLoad(){this.setComponentValues(this.value)}setComponentValues(e){if(e&&e.length===2){this.minVal=e[0];this.maxVal=e[1]}else{this.minVal=this.min;this.maxVal=this.max}this.value=[this.minVal,this.maxVal]}getFillStyle(){const e=this.max-this.min;if(e===0)return{left:"0%",width:"0%"};const t=(this.minVal-this.min)/e*100;const i=(this.maxVal-this.min)/e*100;return{left:`${t}%`,width:`${i-t}%`}}async setValue(e,t=true){if(this.disabled||!e||e.length!==2){return this.getValues()}this.setComponentValues(e);if(t){this.handleCommit()}return this.getValues()}async getValues(){return[this.minVal,this.maxVal]}async getName(){return this.name}render(){return i(a,{key:"2d9000905208f8c66c1758050b95c8ed2bb9f0e7",class:{"is-disabled":this.disabled}},i("div",{key:"40d5c90036ed81f8a20c2abf3d0484f70310f614",class:"label-container"},i("label",{key:"befc2f02f7d708d072f530e6866a8a30dccb4bc2",class:"label-min"},this.labelMinBefore," ",this.minVal,this.labelMinAfter),i("label",{key:"5c18199234f89c0f278111e66655625d3873f14b",class:"label-max"},this.labelMaxBefore," ",this.maxVal,this.labelMaxAfter)),i("div",{key:"715136ff9ff433bf6d71b93bc15925b1534e3a0b",class:"slider-container"},i("div",{key:"002dec100b9ca6df2ea734d567c2641dc3537652",class:"slider-track"}),i("div",{key:"915ff539d52779644e19b78e76e47f82b88f2ba3",class:"slider-fill",style:this.getFillStyle()}),i("input",{key:"764a350ec536c0e2c6fb355f366da4b12e58bac7",type:"range",min:this.min,max:this.max,step:this.step,value:this.minVal,onInput:this.handleMinInput,onChange:this.handleCommit,disabled:this.disabled,class:"range-input","aria-label":this.labelMinBefore}),i("input",{key:"b9b59b141bb97c18304d90a0df8a6a865d7904a7",type:"range",min:this.min,max:this.max,step:this.step,value:this.maxVal,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{value:["valueWatcher"]}}};o.style=n;export{o as jump_filter_range};
-//# sourceMappingURL=p-d70793e3.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jumpFilterRangeCss","JumpFilterRangeStyle0","MIN_GAP","JumpFilterRange","this","handleMinInput","event","input","target","newMinVal","parseInt","value","maxVal","toString","minVal","handleMaxInput","newMaxVal","handleCommit","console","log","currentValues","filterChange","emit","name","values","valueWatcher","newValue","length","setComponentValues","componentWillLoad","min","max","getFillStyle","range","left","width","leftPercent","rightPercent","setValue","emitEvent","disabled","getValues","getName","render","h","Host","key","class","labelMinBefore","labelMinAfter","labelMaxBefore","labelMaxAfter","style","type","step","onInput","onChange"],"sources":["src/components/jump-filter-range/jump-filter-range.scss?tag=jump-filter-range&encapsulation=shadow","src/components/jump-filter-range/jump-filter-range.tsx"],"sourcesContent":[":host {\n  --jump-range-track-height: 4px;\n  --jump-range-thumb-color: var(--neutral-white, #ffffff);\n  --jump-range-thumb-size: 18px;\n  --jump-range-fill-color: var(--secondary-standard, #5e79ba);\n  --jump-range-track-color: var(--gray-ultralight, #f8f8f8);\n\n  display: block;\n  width: 100%;\n}\n\n:host(.is-disabled) {\n  opacity: 0.5;\n  cursor: not-allowed;\n  --jump-range-fill-color: var(--gray-light, #e0e0e0);\n}\n\n.label-container {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 0.75rem;\n  font-size: 0.9em;\n  color: #333;\n}\n\n.slider-container {\n  position: relative;\n  height: var(--jump-range-thumb-size);\n  display: flex;\n  align-items: center;\n}\n\n// Traccia visiva di background\n.slider-track,\n.slider-fill {\n  position: absolute;\n  left: 0;\n  height: var(--jump-range-track-height);\n  border-radius: var(--jump-range-track-height);\n  width: 100%;\n}\n\n.slider-track {\n  background-color: var(--jump-range-track-color);\n  z-index: 1;\n}\n\n.slider-fill {\n  background-color: var(--jump-range-fill-color);\n  z-index: 2;\n}\n\n// Stili per gli input nativi\n.range-input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  position: absolute;\n  width: 100%;\n  height: var(--jump-range-thumb-size);\n  background: transparent;\n  pointer-events: none; // Permette di cliccare attraverso l'input\n  margin: 0;\n  z-index: 3;\n}\n\n// Stili per il selettore (thumb)\n// Il pointer-events qui è fondamentale per rendere solo il thumb cliccabile\ninput[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  height: var(--jump-range-thumb-size);\n  width: var(--jump-range-thumb-size);\n  border-radius: 50%;\n  background: var(--jump-range-thumb-color);\n  border: 1px solid #ccc;\n  cursor: pointer;\n  pointer-events: auto;\n  margin-top: calc((var(--jump-range-thumb-size) - var(--jump-range-track-height)) / -2);\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n  -moz-appearance: none;\n  height: var(--jump-range-thumb-size);\n  width: var(--jump-range-thumb-size);\n  border-radius: 50%;\n  background: var(--jump-range-thumb-color);\n  border: 1px solid #ccc;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n// Rende la traccia nativa dell'input invisibile\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n  -webkit-appearance: none;\n  height: var(--jump-range-track-height);\n  background: transparent;\n  border: none;\n}\n\ninput[type=\"range\"]::-moz-range-track {\n  -moz-appearance: none;\n  height: var(--jump-range-track-height);\n  background: transparent;\n  border: none;\n}","import { Component, Host, Prop, h, Event, EventEmitter, Method, State, Watch, Element } from '@stencil/core';\n\n// La distanza minima tra i due slider, per evitare che si sovrappongano.\nconst MIN_GAP = 0;\n\n@Component({\n  tag: 'jump-filter-range',\n  styleUrl: 'jump-filter-range.scss',\n  shadow: true,\n})\nexport class JumpFilterRange {\n  @Element() host: HTMLElement;\n\n  /** Nome identificativo del filtro, utilizzato nell'evento finale. */\n  @Prop() name: string = 'range-filter';\n\n  /** Testo da mostrare prima del valore minimo. */\n  @Prop() labelMinBefore: string = 'Min:';\n  /** Testo da mostrare dopo il valore minimo (es. unità di misura). */\n  @Prop() labelMinAfter: string = '';\n\n  /** Testo da mostrare prima del valore massimo. */\n  @Prop() labelMaxBefore: string = 'Max:';\n  /** Testo da mostrare dopo il valore massimo (es. unità di misura). */\n  @Prop() labelMaxAfter: string = '';\n\n  /** Il valore minimo possibile per lo slider. */\n  @Prop() min: number = 0;\n  /** Il valore massimo possibile per lo slider. */\n  @Prop() max: number = 100;\n  /** L'incremento tra i valori dello slider. */\n  @Prop() step: number = 1;\n  /** I valori iniziali dello slider, come array [min, max]. */\n  @Prop({ mutable: true }) value: number[] = [];\n  /** Stato disabilitato dello slider. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  @State() minVal: number;\n  @State() maxVal: number;\n\n  /**\n   * Evento emesso SOLO quando l'utente ha terminato la selezione (al rilascio del mouse).\n   * Ideale per lanciare chiamate API o ricalcoli onerosi.\n   */\n  @Event({ eventName: 'jump-filterchange' }) filterChange: EventEmitter<{ name: string; values: number[] }>;\n\n  @Watch('value')\n  valueWatcher(newValue: number[]) {\n    if (newValue && newValue.length === 2 && newValue[0] === this.minVal && newValue[1] === this.maxVal) {\n      return;\n    }\n  \n    this.setComponentValues(newValue);\n  }\n\n\n  componentWillLoad() {\n    this.setComponentValues(this.value);\n  }\n\n  /**\n   * Imposta i valori interni del componente partendo da un array.\n   */\n  private setComponentValues(values: number[]) {\n    if (values && values.length === 2) {\n      this.minVal = values[0];\n      this.maxVal = values[1];\n    } else {\n      // Fallback ai valori di default se l'input non è valido\n      this.minVal = this.min;\n      this.maxVal = this.max;\n    }\n    // Sincronizza la prop `value` con lo stato interno\n    this.value = [this.minVal, this.maxVal];\n  }\n\n  /**\n   * Gestisce l'aggiornamento in tempo reale dello slider MINIMO.\n   * Aggiorna solo lo stato interno per un feedback visivo immediato.\n   */\n  private handleMinInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    let newMinVal = parseInt(input.value, 10);\n\n    if (newMinVal > this.maxVal - MIN_GAP) {\n      newMinVal = this.maxVal - MIN_GAP;\n      input.value = newMinVal.toString();\n    }\n    this.minVal = newMinVal;\n  };\n\n  /**\n   * Gestisce l'aggiornamento in tempo reale dello slider MASSIMO.\n   * Aggiorna solo lo stato interno per un feedback visivo immediato.\n   */\n  private handleMaxInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    let newMaxVal = parseInt(input.value, 10);\n\n    if (newMaxVal < this.minVal + MIN_GAP) {\n      newMaxVal = this.minVal + MIN_GAP;\n      input.value = newMaxVal.toString();\n    }\n    this.maxVal = newMaxVal;\n  };\n\n  /**\n   * Eseguito quando l'utente rilascia lo slider (evento onChange).\n   * Consolida il valore e emette l'evento finale.\n   */\n  private handleCommit = () => {\n    console.log('Committing values:', this.minVal, this.maxVal);\n    const currentValues = [this.minVal, this.maxVal];\n    this.value = currentValues; // Sincronizza la prop\n    this.filterChange.emit({\n      name: this.name,\n      values: currentValues,\n    });\n  };\n\n  /**\n   * Calcola lo stile per la barra di riempimento tra i due slider.\n   */\n  private getFillStyle() {\n    const range = this.max - this.min;\n    if (range === 0) return { left: '0%', width: '0%' };\n\n    const leftPercent = ((this.minVal - this.min) / range) * 100;\n    const rightPercent = ((this.maxVal - this.min) / range) * 100;\n    return { left: `${leftPercent}%`, width: `${rightPercent - leftPercent}%` };\n  }\n\n  /**\n   * Metodo pubblico per impostare il valore del filtro programmaticamente.\n   */\n  @Method()\n  async setValue(values: number[], emitEvent: boolean = true): Promise<number[]> {\n    if (this.disabled || !values || values.length !== 2) {\n      return this.getValues();\n    }\n    this.setComponentValues(values);\n    if (emitEvent) {\n      this.handleCommit();\n    }\n    return this.getValues();\n  }\n\n  /**\n   * Metodo pubblico per ottenere il valore corrente.\n   */\n  @Method()\n  async getValues(): Promise<number[]> {\n    return [this.minVal, this.maxVal];\n  }\n\n  /**\n   * Metodo pubblico per ottenere il nome del filtro.\n   */\n  @Method()\n  async getName(): Promise<string> {\n    return this.name;\n  }\n\n  render() {\n    return (\n      <Host class={{ 'is-disabled': this.disabled }}>\n        <div class=\"label-container\">\n          <label class=\"label-min\">\n            {this.labelMinBefore} {this.minVal}{this.labelMinAfter}\n          </label>\n          <label class=\"label-max\">\n            {this.labelMaxBefore} {this.maxVal}{this.labelMaxAfter}\n          </label>\n        </div>\n        <div class=\"slider-container\">\n          <div class=\"slider-track\"></div>\n          <div class=\"slider-fill\" style={this.getFillStyle()}></div>\n          <input\n            type=\"range\"\n            min={this.min}\n            max={this.max}\n            step={this.step}\n            value={this.minVal}\n            onInput={this.handleMinInput}\n            onChange={this.handleCommit}\n            disabled={this.disabled}\n            class=\"range-input\"\n            aria-label={this.labelMinBefore}\n          />\n          <input\n            type=\"range\"\n            min={this.min}\n            max={this.max}\n            step={this.step}\n            value={this.maxVal}\n            onInput={this.handleMaxInput}\n            onChange={this.handleCommit}\n            disabled={this.disabled}\n            class=\"range-input\"\n            aria-label={this.labelMaxBefore}\n          />\n        </div>\n      </Host>\n    );\n  }\n}"],"mappings":"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"}