@jumpgroup/jump-design-system 0.3.78 → 0.3.80
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-230bcbae.js → index-e9479989.js} +5 -5
- package/dist/cjs/index-e9479989.js.map +1 -0
- package/dist/cjs/jump-accordion-group.cjs.entry.js +1 -1
- package/dist/cjs/jump-accordion.cjs.entry.js +1 -1
- package/dist/cjs/jump-badge.cjs.entry.js +1 -1
- package/dist/cjs/jump-button_2.cjs.entry.js +1 -1
- package/dist/cjs/jump-card-ecommerce-option.cjs.entry.js +1 -1
- package/dist/cjs/jump-card-ecommerce.cjs.entry.js +1 -1
- package/dist/cjs/jump-card.cjs.entry.js +1 -1
- package/dist/cjs/jump-design-system.cjs.js +2 -2
- package/dist/cjs/jump-filter-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/jump-filter-range.cjs.entry.js +45 -75
- package/dist/cjs/jump-filter-range.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-filter-select.cjs.entry.js +61 -21
- package/dist/cjs/jump-filter-select.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-filter-switch.cjs.entry.js +2 -2
- package/dist/cjs/jump-filter.cjs.entry.js +1 -1
- package/dist/cjs/jump-filtergroup.cjs.entry.js +4 -4
- package/dist/cjs/jump-navbar.cjs.entry.js +6 -6
- package/dist/cjs/jump-pagination-table.cjs.entry.js +4 -4
- package/dist/cjs/jump-pagination.cjs.entry.js +4 -4
- package/dist/cjs/jump-quantity.cjs.entry.js +4 -4
- package/dist/cjs/jump-search-bar-dropdown-item.cjs.entry.js +2 -2
- package/dist/cjs/jump-search-bar-mobile.cjs.entry.js +5 -5
- package/dist/cjs/jump-search-bar.cjs.entry.js +1 -1
- package/dist/cjs/jump-side-cart-example.cjs.entry.js +2 -2
- package/dist/cjs/jump-side-cart.cjs.entry.js +1 -1
- package/dist/cjs/jump-tab-item.cjs.entry.js +3 -3
- package/dist/cjs/jump-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/jump-tab.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/components/jump-filter-range/jump-filter-range.js +76 -128
- package/dist/collection/components/jump-filter-range/jump-filter-range.js.map +1 -1
- package/dist/collection/components/jump-filter-range/jump-filter-range.stories.js +13 -4
- package/dist/collection/components/jump-filter-range/jump-filter-range.stories.js.map +1 -1
- package/dist/collection/components/jump-filter-select/jump-filter-select.js +60 -21
- package/dist/collection/components/jump-filter-select/jump-filter-select.js.map +1 -1
- package/dist/collection/components/jump-filter-select/jump-filter-select.stories.js +28 -10
- package/dist/collection/components/jump-filter-switch/jump-filter-switch.js +1 -1
- package/dist/collection/components/jump-filtergroup/jump-filtergroup.js +3 -3
- package/dist/collection/components/jump-navbar/jump-navbar.js +5 -5
- package/dist/collection/components/jump-pagination/jump-pagination.js +3 -3
- package/dist/collection/components/jump-pagination-table/jump-pagination-table.js +3 -3
- package/dist/collection/components/jump-quantity/jump-quantity.js +3 -3
- package/dist/collection/components/jump-search-bar-dropdown-item/jump-search-bar-dropdown-item.js +1 -1
- package/dist/collection/components/jump-search-bar-mobile/jump-search-bar-mobile.js +4 -4
- package/dist/collection/components/jump-side-cart/jump-side-cart.example.js +1 -1
- package/dist/collection/components/jump-tab/jump-tab.js +1 -1
- package/dist/collection/components/jump-tab-item/jump-tab-item.js +2 -2
- package/dist/collection/components/jump-tab-panel/jump-tab-panel.js +1 -1
- package/dist/collection/utils/utils.js +4 -0
- package/dist/collection/utils/utils.js.map +1 -1
- package/dist/components/jump-filter-range.js +51 -81
- package/dist/components/jump-filter-range.js.map +1 -1
- package/dist/components/jump-filter-select.js +60 -21
- package/dist/components/jump-filter-select.js.map +1 -1
- package/dist/components/jump-filter-switch.js +1 -1
- package/dist/components/jump-filtergroup.js +3 -3
- package/dist/components/jump-navbar.js +5 -5
- package/dist/components/jump-pagination-table.js +3 -3
- package/dist/components/jump-pagination.js +3 -3
- package/dist/components/jump-quantity.js +3 -3
- package/dist/components/jump-search-bar-dropdown-item.js +1 -1
- package/dist/components/jump-search-bar-mobile.js +4 -4
- package/dist/components/jump-side-cart-example.js +1 -1
- package/dist/components/jump-tab-item.js +2 -2
- package/dist/components/jump-tab-panel.js +1 -1
- package/dist/components/jump-tab.js +1 -1
- package/dist/esm/{index-4363ffe4.js → index-a94b3471.js} +5 -5
- package/dist/esm/index-a94b3471.js.map +1 -0
- package/dist/esm/jump-accordion-group.entry.js +1 -1
- package/dist/esm/jump-accordion.entry.js +1 -1
- package/dist/esm/jump-badge.entry.js +1 -1
- package/dist/esm/jump-button_2.entry.js +1 -1
- package/dist/esm/jump-card-ecommerce-option.entry.js +1 -1
- package/dist/esm/jump-card-ecommerce.entry.js +1 -1
- package/dist/esm/jump-card.entry.js +1 -1
- package/dist/esm/jump-design-system.js +3 -3
- package/dist/esm/jump-filter-checkbox.entry.js +1 -1
- package/dist/esm/jump-filter-range.entry.js +45 -75
- package/dist/esm/jump-filter-range.entry.js.map +1 -1
- package/dist/esm/jump-filter-select.entry.js +61 -21
- package/dist/esm/jump-filter-select.entry.js.map +1 -1
- package/dist/esm/jump-filter-switch.entry.js +2 -2
- package/dist/esm/jump-filter.entry.js +1 -1
- package/dist/esm/jump-filtergroup.entry.js +4 -4
- package/dist/esm/jump-navbar.entry.js +6 -6
- package/dist/esm/jump-pagination-table.entry.js +4 -4
- package/dist/esm/jump-pagination.entry.js +4 -4
- package/dist/esm/jump-quantity.entry.js +4 -4
- package/dist/esm/jump-search-bar-dropdown-item.entry.js +2 -2
- package/dist/esm/jump-search-bar-mobile.entry.js +5 -5
- package/dist/esm/jump-search-bar.entry.js +1 -1
- package/dist/esm/jump-side-cart-example.entry.js +2 -2
- package/dist/esm/jump-side-cart.entry.js +1 -1
- package/dist/esm/jump-tab-item.entry.js +3 -3
- package/dist/esm/jump-tab-panel.entry.js +2 -2
- package/dist/esm/jump-tab.entry.js +2 -2
- package/dist/esm/loader.js +3 -3
- package/dist/jump-design-system/jump-design-system.esm.js +1 -1
- package/dist/jump-design-system/jump-design-system.esm.js.map +1 -1
- package/dist/jump-design-system/{p-048d87ee.entry.js → p-0140b32c.entry.js} +2 -2
- package/dist/jump-design-system/{p-d40c487f.entry.js → p-02ab8fb7.entry.js} +2 -2
- package/dist/jump-design-system/{p-985e8ea6.entry.js → p-038a2a14.entry.js} +2 -2
- package/dist/jump-design-system/{p-e7b3ebb1.entry.js → p-0d86819c.entry.js} +2 -2
- package/dist/jump-design-system/{p-79e5dac6.entry.js → p-18c359e3.entry.js} +2 -2
- package/dist/jump-design-system/{p-ae1435a6.entry.js → p-1ef1fc5c.entry.js} +2 -2
- package/dist/jump-design-system/{p-1f824808.entry.js → p-264fa972.entry.js} +2 -2
- package/dist/jump-design-system/{p-e7d1e3d8.entry.js → p-421ebb5a.entry.js} +2 -2
- package/dist/jump-design-system/{p-5092836a.entry.js → p-55fcebb1.entry.js} +5 -5
- package/dist/jump-design-system/p-55fcebb1.entry.js.map +1 -0
- package/dist/jump-design-system/{p-5fb2a919.entry.js → p-629835ac.entry.js} +2 -2
- package/dist/jump-design-system/{p-a7d5e687.entry.js → p-6905cee4.entry.js} +2 -2
- package/dist/jump-design-system/{p-6e497dd6.entry.js → p-6b8fccdb.entry.js} +2 -2
- package/dist/jump-design-system/{p-9035201c.entry.js → p-6d82feb3.entry.js} +2 -2
- package/dist/jump-design-system/{p-8f02eb5e.entry.js → p-7ac9382b.entry.js} +2 -2
- package/dist/jump-design-system/{p-48bb1cbf.entry.js → p-7e35d9f1.entry.js} +3 -3
- package/dist/jump-design-system/{p-a0237406.entry.js → p-87903fff.entry.js} +2 -2
- package/dist/jump-design-system/{p-40ca24a6.js → p-98d5dd1f.js} +3 -3
- package/dist/jump-design-system/{p-40ca24a6.js.map → p-98d5dd1f.js.map} +1 -1
- package/dist/jump-design-system/{p-66c79fb9.entry.js → p-b3765945.entry.js} +4 -4
- package/dist/jump-design-system/{p-b03b8328.entry.js → p-bb18f919.entry.js} +2 -2
- package/dist/jump-design-system/{p-0cc799f3.entry.js → p-bd692b1f.entry.js} +2 -2
- package/dist/jump-design-system/{p-83b3a560.entry.js → p-cdc5daf7.entry.js} +2 -2
- package/dist/jump-design-system/p-d0ea0f54.entry.js +2 -0
- package/dist/jump-design-system/p-d1fc1ddf.entry.js +2 -0
- package/dist/jump-design-system/p-e30da431.entry.js +2 -0
- package/dist/jump-design-system/p-e30da431.entry.js.map +1 -0
- package/dist/jump-design-system/{p-916742f5.entry.js → p-f36de1a8.entry.js} +2 -2
- package/dist/jump-design-system/{p-cdc53aae.entry.js → p-ff62e250.entry.js} +2 -2
- package/dist/jump-design-system-elements.json +8 -0
- package/dist/types/components/jump-filter-range/jump-filter-range.d.ts +10 -36
- package/dist/types/components/jump-filter-range/jump-filter-range.stories.d.ts +1 -0
- package/dist/types/components/jump-filter-select/jump-filter-select.d.ts +1 -6
- package/dist/types/components.d.ts +17 -20
- package/package.json +1 -1
- package/dist/cjs/index-230bcbae.js.map +0 -1
- package/dist/esm/index-4363ffe4.js.map +0 -1
- package/dist/jump-design-system/p-37b7b679.entry.js +0 -2
- package/dist/jump-design-system/p-37b7b679.entry.js.map +0 -1
- package/dist/jump-design-system/p-5092836a.entry.js.map +0 -1
- package/dist/jump-design-system/p-6134b84b.entry.js +0 -2
- package/dist/jump-design-system/p-64024e67.entry.js +0 -2
- /package/dist/jump-design-system/{p-048d87ee.entry.js.map → p-0140b32c.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-d40c487f.entry.js.map → p-02ab8fb7.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-985e8ea6.entry.js.map → p-038a2a14.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-e7b3ebb1.entry.js.map → p-0d86819c.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-79e5dac6.entry.js.map → p-18c359e3.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-ae1435a6.entry.js.map → p-1ef1fc5c.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-1f824808.entry.js.map → p-264fa972.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-e7d1e3d8.entry.js.map → p-421ebb5a.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-5fb2a919.entry.js.map → p-629835ac.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-a7d5e687.entry.js.map → p-6905cee4.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-6e497dd6.entry.js.map → p-6b8fccdb.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-9035201c.entry.js.map → p-6d82feb3.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-8f02eb5e.entry.js.map → p-7ac9382b.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-48bb1cbf.entry.js.map → p-7e35d9f1.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-a0237406.entry.js.map → p-87903fff.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-66c79fb9.entry.js.map → p-b3765945.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-b03b8328.entry.js.map → p-bb18f919.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-0cc799f3.entry.js.map → p-bd692b1f.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-83b3a560.entry.js.map → p-cdc5daf7.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-64024e67.entry.js.map → p-d0ea0f54.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-6134b84b.entry.js.map → p-d1fc1ddf.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-916742f5.entry.js.map → p-f36de1a8.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-cdc53aae.entry.js.map → p-ff62e250.entry.js.map} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e,c as
|
|
1
|
+
import{r as e,c as o,h as a,H as r}from"./p-98d5dd1f.js";import{i as s,c as t,_ as i,w as n,S as d,x as l,n as c}from"./p-95a1bbc5.js";import{s as h,L as p,a as u,g as m,b as f,c as b,w as y}from"./p-f2d287d6.js";import{S as g}from"./p-1b31e36f.js";import{e as v,a as _}from"./p-9d21c18a.js";var j=s`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
}
|
|
@@ -80,7 +80,7 @@ import{r as e,c as a,h as o,H as r}from"./p-40ca24a6.js";import{i as s,c as t,_
|
|
|
80
80
|
display: block;
|
|
81
81
|
padding: var(--sl-spacing-medium);
|
|
82
82
|
}
|
|
83
|
-
`;var x=class extends d{constructor(){super(...arguments);this.localize=new p(this);this.open=false;this.disabled=false}firstUpdated(){this.body.style.height=this.open?"auto":"0";if(this.open){this.details.open=true}this.detailsObserver=new MutationObserver((e=>{for(const
|
|
83
|
+
`;var x=class extends d{constructor(){super(...arguments);this.localize=new p(this);this.open=false;this.disabled=false}firstUpdated(){this.body.style.height=this.open?"auto":"0";if(this.open){this.details.open=true}this.detailsObserver=new MutationObserver((e=>{for(const o of e){if(o.type==="attributes"&&o.attributeName==="open"){if(this.details.open){this.show()}else{this.hide()}}}}));this.detailsObserver.observe(this.details,{attributes:true})}disconnectedCallback(){super.disconnectedCallback();this.detailsObserver.disconnect()}handleSummaryClick(e){e.preventDefault();if(!this.disabled){if(this.open){this.hide()}else{this.show()}this.header.focus()}}handleSummaryKeyDown(e){if(e.key==="Enter"||e.key===" "){e.preventDefault();if(this.open){this.hide()}else{this.show()}}if(e.key==="ArrowUp"||e.key==="ArrowLeft"){e.preventDefault();this.hide()}if(e.key==="ArrowDown"||e.key==="ArrowRight"){e.preventDefault();this.show()}}async handleOpenChange(){if(this.open){this.details.open=true;const e=this.emit("sl-show",{cancelable:true});if(e.defaultPrevented){this.open=false;this.details.open=false;return}await u(this.body);const{keyframes:o,options:a}=m(this,"details.show",{dir:this.localize.dir()});await f(this.body,b(o,this.body.scrollHeight),a);this.body.style.height="auto";this.emit("sl-after-show")}else{const e=this.emit("sl-hide",{cancelable:true});if(e.defaultPrevented){this.details.open=true;this.open=true;return}await u(this.body);const{keyframes:o,options:a}=m(this,"details.hide",{dir:this.localize.dir()});await f(this.body,b(o,this.body.scrollHeight),a);this.body.style.height="auto";this.details.open=false;this.emit("sl-after-hide")}}async show(){if(this.open||this.disabled){return void 0}this.open=true;return y(this,"sl-after-show")}async hide(){if(!this.open||this.disabled){return void 0}this.open=false;return y(this,"sl-after-hide")}render(){const e=this.localize.dir()==="rtl";return l`
|
|
84
84
|
<details
|
|
85
85
|
part="base"
|
|
86
86
|
class=${v({details:true,"details--open":this.open,"details--disabled":this.disabled,"details--rtl":e})}
|
|
@@ -113,5 +113,5 @@ import{r as e,c as a,h as o,H as r}from"./p-40ca24a6.js";import{i as s,c as t,_
|
|
|
113
113
|
<slot part="content" id="content" class="details__content"></slot>
|
|
114
114
|
</div>
|
|
115
115
|
</details>
|
|
116
|
-
`}};x.styles=[t,j];x.dependencies={"sl-icon":g};i([_(".details")],x.prototype,"details",2);i([_(".details__header")],x.prototype,"header",2);i([_(".details__body")],x.prototype,"body",2);i([_(".details__expand-icon-slot")],x.prototype,"expandIconSlot",2);i([c({type:Boolean,reflect:true})],x.prototype,"open",2);i([c()],x.prototype,"summary",2);i([c({type:Boolean,reflect:true})],x.prototype,"disabled",2);i([n("open",{waitUntilFirstUpdate:true})],x.prototype,"handleOpenChange",1);h("details.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}});h("details.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});x.define("sl-details");const w=':host{--jump-acordion-header-color:var(--neutral-grey-primary, #282828);--jump-accordion-border-color:var(--neutral-grey-secondary, #707070);--jump-accordion-icon-color:var(--neutral-grey-primary, #282828);--jump-accordion-font-family:var(--ff-primary, "Inter", sans-serif)}:host ::part(base){border-radius:3px;border:none;font-family:var(--jump-accordion-font-family)}:host ::part(header){padding:24px;font-weight:bold;font-size:18px}:host ::part(content){padding-left:24px;padding-bottom:24px;padding-right:24px;margin:0px}:host(.boxed){--jump-accordion-bg-color:var(--secondary-standard, #5e79ba);--jump-accordion-color:var(--neutral-white, #ffffff);--jump-accordion-icon-color:var(--neutral-white, #ffffff)}:host(.boxed) ::part(base){background-color:var(--jump-accordion-bg-color);color:var(--jump-accordion-color)}:host(.boxed) ::part(summary-icon){color:var(--jump-accordion-icon-color)}:host(.sidestroke){--jump-accordion-stroke-color:var(--secondary-standard, #5e79ba);--jump-accordion-bg-color:var(--secondary-soft, #EDF2FA);--jump-accordion-color:var(--neutral-grey-primary, #282828);--jump-accordion-icon-color:var(--neutral-grey-primary, #282828)}:host(.sidestroke) ::part(base){border-left:6px solid var(--jump-accordion-stroke-color);background-color:var(--jump-accordion-bg-color);color:var(--jump-accordion-color)}:host(.sidestroke) ::part(summary-icon){color:var(--jump-accordion-icon-color)}:host(.boxedheader){--jump-accordion-header-bg-color:var(--secondary-soft, #EDF2FA);--jump-acordion-header-color:var(--secondary-standard, #5e79ba);--jump-accordion-icon-color:var(--secondary-standard, #5e79ba)}:host(.boxedheader) ::part(header){background-color:var(--jump-accordion-header-bg-color);color:var(--jump-acordion-header-color)}:host(.boxedheader) ::part(summary-icon){color:var(--jump-accordion-icon-color)}:host(.boxedheader) ::part(content){background-color:transparent;padding-top:16px;padding-bottom:16px}:host(.divider) ::part(base){background-color:transparent;border-top:1px solid var(--jump-accordion-border-color);border-bottom:1px solid var(--jump-accordion-border-color);border-radius:0px}:host(.divider) ::part(header){color:var(--jump-acordion-header-color)}:host(.divider) ::part(summary-icon){color:var(--jump-accordion-icon-color)}:host ::part(summary-icon){rotate:none}';const k=w;const $=class{constructor(
|
|
117
|
-
//# sourceMappingURL=p-
|
|
116
|
+
`}};x.styles=[t,j];x.dependencies={"sl-icon":g};i([_(".details")],x.prototype,"details",2);i([_(".details__header")],x.prototype,"header",2);i([_(".details__body")],x.prototype,"body",2);i([_(".details__expand-icon-slot")],x.prototype,"expandIconSlot",2);i([c({type:Boolean,reflect:true})],x.prototype,"open",2);i([c()],x.prototype,"summary",2);i([c({type:Boolean,reflect:true})],x.prototype,"disabled",2);i([n("open",{waitUntilFirstUpdate:true})],x.prototype,"handleOpenChange",1);h("details.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}});h("details.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});x.define("sl-details");const w=':host{--jump-acordion-header-color:var(--neutral-grey-primary, #282828);--jump-accordion-border-color:var(--neutral-grey-secondary, #707070);--jump-accordion-icon-color:var(--neutral-grey-primary, #282828);--jump-accordion-font-family:var(--ff-primary, "Inter", sans-serif)}:host ::part(base){border-radius:3px;border:none;font-family:var(--jump-accordion-font-family)}:host ::part(header){padding:24px;font-weight:bold;font-size:18px}:host ::part(content){padding-left:24px;padding-bottom:24px;padding-right:24px;margin:0px}:host(.boxed){--jump-accordion-bg-color:var(--secondary-standard, #5e79ba);--jump-accordion-color:var(--neutral-white, #ffffff);--jump-accordion-icon-color:var(--neutral-white, #ffffff)}:host(.boxed) ::part(base){background-color:var(--jump-accordion-bg-color);color:var(--jump-accordion-color)}:host(.boxed) ::part(summary-icon){color:var(--jump-accordion-icon-color)}:host(.sidestroke){--jump-accordion-stroke-color:var(--secondary-standard, #5e79ba);--jump-accordion-bg-color:var(--secondary-soft, #EDF2FA);--jump-accordion-color:var(--neutral-grey-primary, #282828);--jump-accordion-icon-color:var(--neutral-grey-primary, #282828)}:host(.sidestroke) ::part(base){border-left:6px solid var(--jump-accordion-stroke-color);background-color:var(--jump-accordion-bg-color);color:var(--jump-accordion-color)}:host(.sidestroke) ::part(summary-icon){color:var(--jump-accordion-icon-color)}:host(.boxedheader){--jump-accordion-header-bg-color:var(--secondary-soft, #EDF2FA);--jump-acordion-header-color:var(--secondary-standard, #5e79ba);--jump-accordion-icon-color:var(--secondary-standard, #5e79ba)}:host(.boxedheader) ::part(header){background-color:var(--jump-accordion-header-bg-color);color:var(--jump-acordion-header-color)}:host(.boxedheader) ::part(summary-icon){color:var(--jump-accordion-icon-color)}:host(.boxedheader) ::part(content){background-color:transparent;padding-top:16px;padding-bottom:16px}:host(.divider) ::part(base){background-color:transparent;border-top:1px solid var(--jump-accordion-border-color);border-bottom:1px solid var(--jump-accordion-border-color);border-radius:0px}:host(.divider) ::part(header){color:var(--jump-acordion-header-color)}:host(.divider) ::part(summary-icon){color:var(--jump-accordion-icon-color)}:host ::part(summary-icon){rotate:none}';const k=w;const $=class{constructor(a){e(this,a);this.jumpAccordionOpen=o(this,"jump-accordion-open",7);this.variant=undefined;this.summary=undefined;this.disabled=undefined;this.open=undefined;this.icon=undefined;this.identifier=undefined}handleShow(){this.open=true;this.jumpAccordionOpen.emit("open")}renderIcons(){if(this.icon==="plus"){return[a("jump-icon",{library:"fa",category:"regular",name:"plus",size:"small",slot:"expand-icon"}),a("jump-icon",{library:"fa",category:"regular",name:"minus",size:"small",slot:"collapse-icon"})]}else{return[a("jump-icon",{library:"fa",category:"regular",name:"chevron-down",size:"small",slot:"expand-icon"}),a("jump-icon",{library:"fa",category:"regular",name:"chevron-up",size:"small",slot:"collapse-icon"})]}}render(){return a(r,{key:"0bf4df9cd8b59e2dbb716360d2c55c294c1e7cd5",class:"JumpAccordion "+this.variant,open:this.open,id:this.identifier},a("sl-details",{key:"b453e7c90758e88ed92bb479ee0a87d10716d653",class:"item",summary:this.summary,disabled:this.disabled,open:this.open},this.renderIcons(),a("slot",{key:"ea98bc779ab7aca79eeef5436c26d53bb4ac3b16",name:"acc-content"})))}};$.style=k;export{$ as jump_accordion};
|
|
117
|
+
//# sourceMappingURL=p-b3765945.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,h as e,H as t}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,h as e,H as t}from"./p-98d5dd1f.js";const s=":host{--jump-navbar-height:var(--header-height, 100px);--jump-navbar-background:var(--bg-drawer, #fff);--jump-navbar-width:var(--drawer-width, 240px);--jump-navbar-shadow:8px 0 15px 0 #00000026;--jump-navbar-zindex:2;--jump-navbar-transition:0.3s all ease-in-out;--jump-navbar-gap:2.5rem;--jump-navbar-padding:1rem;--jump-navbar-close-top:calc(var(--header-height) + 1rem);--jump-navbar-close-left:calc(var(--drawer-width) - 2rem);--jump-navbar-close-gap:0.5rem}";const i=s;const r=class{constructor(e){a(this,e);this.logo={image_url:"",alt:"",link:"#",target:"_self"};this.navItems=[];this.secondaryNavItems=[];this.mobileThreshold=768;this.type="basic";this.navPosition="inline";this.megaMenuAlignment="left";this.sticky=false;this.stickyThreshold=0;this.mobileLogo=this.logo;this.user=null;this.isMobile=false}handleResize(){this.isMobile=window.innerWidth<this.mobileThreshold}render(){var a,s;return e(t,{key:"c3ca42acda8ec6b651b5aed19917da6f2e3b593d"},e("jump-button",{key:"a0bfb27d783b855384298cddea88bf8530dac309",variant:"primary",size:"small",text:true,href:this.logo["link"],target:(a=this.logo["target"])!==null&&a!==void 0?a:"_self"},e("img",{key:"2341978b73481036ca8ff8705c18b532a258e0f2",src:this.logo["image_url"],alt:this.logo["alt"]})),this.isMobile&&e("div",{key:"8c0f8a79828f53e0cddc70a282188c4795e626d7",class:"MobileMenuOffCanvas"},e("div",{key:"dd44366b3adc201a60f72e51d853ebc1ed492492",class:"MobileMenuOffCanvas__Header"},"/* TODO: ricerca + pulsante chiusura + profilo utente con immagine */"),e("div",{key:"8fbd221bb8f3f574015c8d94976236f4557534ca",class:"MobileMenuOffCanvas__Navbar"},this.navbar.cloneNode(true)),e("div",{key:"26e1fe3e3654d1d355780e09010fd9dbbcce91c8",class:"MobileMenuOffCanvas__Footer"},"/* TODO: langswitcher */",this.mobileLogo&&e("jump-button",{key:"cc5738f24ab07fa9aa1e3a89b90e2310d3f570d2",variant:"primary",size:"small",text:true,href:this.mobileLogo["link"],target:(s=this.mobileLogo["target"])!==null&&s!==void 0?s:"_self"},e("img",{key:"f3dc96e3229fcdfd6a963b93d776d2611d87721b",src:this.mobileLogo["image_url"],alt:this.mobileLogo["alt"]})))),e("nav",{key:"eb4c284f0e58f4a336c9076d47176f2660ef8c9c",ref:a=>{this.navbar=a}},e("ul",{key:"e5745a9c684740c03b63431f250776ae7836779b"},this.navItems.map((a=>e("li",null,e("jump-button",{variant:"primary",size:"small",text:true,href:a.link,target:a.target,class:a.class},a.text,this.secondaryNavItems.some((e=>e.parent===a.id))&&e("jump-icon",{slot:"suffix",library:"lucide",name:"chevron-down",size:"small"})),this.secondaryNavItems.map((t=>t.parent===a.id&&e("ul",{"data-parent":t.parent},t.title&&e("h4",null,t.title)," /* TODO: utilizzare jump-heading? */",t.items.map((a=>e("li",null,e("jump-button",{variant:"primary",size:"small",text:true,href:a.link,target:a.target,class:a.class},a.text)))))))))))),e("slot",{key:"09a7005e63bb12d5d1f8b35fa7db7178498359a2",name:"actions"},e("slot",{key:"2dfabc1a5a007abb5b11b04e0b2457daae3938b4",name:"lang_switcher"}),e("slot",{key:"572997fa2c14881c73e39ca02bc233ac655d7214",name:"search"}),e("slot",{key:"4b5b99f65a35e86030b84a5c2500c68402f7aea4",name:"buttons"}),e("slot",{key:"838333c326920f01917c9d2f896c74e1d898cc9f",name:"cart"})))}};r.style=i;export{r as jump_navbar};
|
|
2
|
+
//# sourceMappingURL=p-bb18f919.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as d,h as s,H as e}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as d,h as s,H as e}from"./p-98d5dd1f.js";const o=":host{display:flex;flex-direction:column}:host(.boxed),:host(.boxedheader),:host(.sidestroke){gap:8px}:host(.divider){gap:4px}";const t=o;const c=class{constructor(s){d(this,s);this.variant=undefined;this.groupIdentifier=undefined}render(){return s(e,{key:"38cc6b122de79f7a7df088028b09fcd2807f84d6",class:"JumpAccordionGroup "+this.variant,id:this.groupIdentifier},s("slot",{key:"e22ef6902ad5dc8d9e4d6c78efa250f617770d6d"}))}};c.style=t;export{c as jump_accordion_group};
|
|
2
|
+
//# sourceMappingURL=p-bd692b1f.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as a,H as i}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
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;--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) + 1rem);left:calc(var(--drawer-width) - 2rem)}@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:"95e0e48852c12f9474482410e0a4aec7dd348d1f",library:"lucide",name:"x",size:"small",label:"",class:"filtersDrawer__close",onClick:()=>this.showMobileFilters=false}),a("slot",{key:"0185bb00a4bd55193ff3cf9594f45a3d2da9f8d9"})))}static get watchers(){return{showMobileFilters:["watchHandler"]}}};s.style=t;export{s as jump_filter};
|
|
2
|
+
//# sourceMappingURL=p-cdc5daf7.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=p-d0ea0f54.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=p-d1fc1ddf.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=p-e30da431.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jumpFilterRangeCss","JumpFilterRangeStyle0","MIN_GAP","JumpFilterRange","this","handleMinInput","event","input","target","newMinVal","parseInt","value","internalMaxVal","toString","internalMinVal","handleMaxInput","newMaxVal","handleCommit","minVal","maxVal","filterChange","emit","name","values","watchMinVal","newValue","validateValue","watchMaxVal","componentWillLoad","initializeValues","val","type","defaultVal","min","max","undefined","getFillStyle","range","left","width","leftPercent","rightPercent","getValues","render","h","Host","key","class","disabled","labelMinBefore","labelMinAfter","labelMaxBefore","labelMaxAfter","style","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\n /** Il valore minimo dello slider. */\n @Prop() minVal: number;\n /** Il valore massimo dello slider. */\n @Prop() maxVal: number;\n\n /** Stato disabilitato dello slider. */\n @Prop({ reflect: true }) disabled: boolean = false;\n\n @State() private internalMinVal: number;\n @State() private internalMaxVal: number;\n\n /**\n * Evento emesso SOLO quando l'utente ha terminato la selezione (al rilascio del mouse).\n */\n @Event({ eventName: 'jump-filterchange' }) filterChange: EventEmitter<{ name: string; values: number[] }>;\n\n @Watch('minVal')\n watchMinVal(newValue: number) {\n this.internalMinVal = this.validateValue(newValue, 'min');\n }\n\n @Watch('maxVal')\n watchMaxVal(newValue: number) {\n this.internalMaxVal = this.validateValue(newValue, 'max');\n }\n\n componentWillLoad() {\n this.initializeValues();\n }\n\n private initializeValues() {\n this.internalMinVal = this.validateValue(this.minVal, 'min');\n this.internalMaxVal = this.validateValue(this.maxVal, 'max');\n\n // Assicura che il valore minimo non superi il massimo\n if (this.internalMinVal > this.internalMaxVal) {\n this.internalMinVal = this.internalMaxVal;\n }\n\n // Sincronizza le prop se erano indefinite\n this.minVal = this.internalMinVal;\n this.maxVal = this.internalMaxVal;\n }\n\n private validateValue(val: number, type: 'min' | 'max'): number {\n const defaultVal = type === 'min' ? this.min : this.max;\n if (val === undefined || val === null) return defaultVal;\n if (val < this.min) return this.min;\n if (val > this.max) return this.max;\n return val;\n }\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.internalMaxVal - MIN_GAP) {\n newMinVal = this.internalMaxVal - MIN_GAP;\n input.value = newMinVal.toString();\n }\n this.internalMinVal = newMinVal;\n };\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.internalMinVal + MIN_GAP) {\n newMaxVal = this.internalMinVal + MIN_GAP;\n input.value = newMaxVal.toString();\n }\n this.internalMaxVal = newMaxVal;\n };\n\n private handleCommit = () => {\n // Sincronizza le prop con lo stato interno prima di emettere l'evento\n this.minVal = this.internalMinVal;\n this.maxVal = this.internalMaxVal;\n\n this.filterChange.emit({\n name: this.name,\n values: [this.minVal, this.maxVal],\n });\n };\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.internalMinVal - this.min) / range) * 100;\n const rightPercent = ((this.internalMaxVal - this.min) / range) * 100;\n return { left: `${leftPercent}%`, width: `${rightPercent - leftPercent}%` };\n }\n\n @Method()\n async getValues(): Promise<number[]> {\n return [this.internalMinVal, this.internalMaxVal];\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.internalMinVal}{this.labelMinAfter}\n </label>\n <label class=\"label-max\">\n {this.labelMaxBefore} {this.internalMaxVal}{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.internalMinVal}\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.internalMaxVal}\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":"gEAAA,MAAMA,EAAqB,m4DAC3B,MAAAC,EAAeD,ECEf,MAAME,EAAU,E,MAOHC,EAAe,M,yEA2ElBC,KAAAC,eAAkBC,IACxB,MAAMC,EAAQD,EAAME,OACpB,IAAIC,EAAYC,SAASH,EAAMI,MAAO,IAEtC,GAAIF,EAAYL,KAAKQ,eAAiBV,EAAS,CAC7CO,EAAYL,KAAKQ,eAAiBV,EAClCK,EAAMI,MAAQF,EAAUI,U,CAE1BT,KAAKU,eAAiBL,CAAS,EAGzBL,KAAAW,eAAkBT,IACxB,MAAMC,EAAQD,EAAME,OACpB,IAAIQ,EAAYN,SAASH,EAAMI,MAAO,IAEtC,GAAIK,EAAYZ,KAAKU,eAAiBZ,EAAS,CAC7Cc,EAAYZ,KAAKU,eAAiBZ,EAClCK,EAAMI,MAAQK,EAAUH,U,CAE1BT,KAAKQ,eAAiBI,CAAS,EAGzBZ,KAAAa,aAAe,KAErBb,KAAKc,OAASd,KAAKU,eACnBV,KAAKe,OAASf,KAAKQ,eAEnBR,KAAKgB,aAAaC,KAAK,CACrBC,KAAMlB,KAAKkB,KACXC,OAAQ,CAACnB,KAAKc,OAAQd,KAAKe,SAC3B,E,UArGmB,e,oBAGU,O,mBAED,G,oBAGC,O,mBAED,G,SAGV,E,SAEA,I,UAEC,E,0DAQsB,M,4DAW7C,WAAAK,CAAYC,GACVrB,KAAKU,eAAiBV,KAAKsB,cAAcD,EAAU,M,CAIrD,WAAAE,CAAYF,GACVrB,KAAKQ,eAAiBR,KAAKsB,cAAcD,EAAU,M,CAGrD,iBAAAG,GACExB,KAAKyB,kB,CAGC,gBAAAA,GACNzB,KAAKU,eAAiBV,KAAKsB,cAActB,KAAKc,OAAQ,OACtDd,KAAKQ,eAAiBR,KAAKsB,cAActB,KAAKe,OAAQ,OAGtD,GAAIf,KAAKU,eAAiBV,KAAKQ,eAAgB,CAC7CR,KAAKU,eAAiBV,KAAKQ,c,CAI7BR,KAAKc,OAASd,KAAKU,eACnBV,KAAKe,OAASf,KAAKQ,c,CAGb,aAAAc,CAAcI,EAAaC,GACjC,MAAMC,EAAaD,IAAS,MAAQ3B,KAAK6B,IAAM7B,KAAK8B,IACpD,GAAIJ,IAAQK,WAAaL,IAAQ,KAAM,OAAOE,EAC9C,GAAIF,EAAM1B,KAAK6B,IAAK,OAAO7B,KAAK6B,IAChC,GAAIH,EAAM1B,KAAK8B,IAAK,OAAO9B,KAAK8B,IAChC,OAAOJ,C,CAoCD,YAAAM,GACN,MAAMC,EAAQjC,KAAK8B,IAAM9B,KAAK6B,IAC9B,GAAII,IAAU,EAAG,MAAO,CAAEC,KAAM,KAAMC,MAAO,MAE7C,MAAMC,GAAgBpC,KAAKU,eAAiBV,KAAK6B,KAAOI,EAAS,IACjE,MAAMI,GAAiBrC,KAAKQ,eAAiBR,KAAK6B,KAAOI,EAAS,IAClE,MAAO,CAAEC,KAAM,GAAGE,KAAgBD,MAAO,GAAGE,EAAeD,K,CAI7D,eAAME,GACJ,MAAO,CAACtC,KAAKU,eAAgBV,KAAKQ,e,CAGpC,MAAA+B,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAE,cAAe3C,KAAK4C,WACjCJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,SAAAE,IAAA,2CAAOC,MAAM,aACV3C,KAAK6C,eAAc,IAAG7C,KAAKU,eAAgBV,KAAK8C,eAEnDN,EAAA,SAAAE,IAAA,2CAAOC,MAAM,aACV3C,KAAK+C,eAAc,IAAG/C,KAAKQ,eAAgBR,KAAKgD,gBAGrDR,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBACXH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cAAcM,MAAOjD,KAAKgC,iBACrCQ,EAAA,SAAAE,IAAA,2CACEf,KAAK,QACLE,IAAK7B,KAAK6B,IACVC,IAAK9B,KAAK8B,IACVoB,KAAMlD,KAAKkD,KACX3C,MAAOP,KAAKU,eACZyC,QAASnD,KAAKC,eACdmD,SAAUpD,KAAKa,aACf+B,SAAU5C,KAAK4C,SACfD,MAAM,cAAa,aACP3C,KAAK6C,iBAEnBL,EAAA,SAAAE,IAAA,2CACEf,KAAK,QACLE,IAAK7B,KAAK6B,IACVC,IAAK9B,KAAK8B,IACVoB,KAAMlD,KAAKkD,KACX3C,MAAOP,KAAKQ,eACZ2C,QAASnD,KAAKW,eACdyC,SAAUpD,KAAKa,aACf+B,SAAU5C,KAAK4C,SACfD,MAAM,cAAa,aACP3C,KAAK+C,kB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,c as e,h as i,H as t}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=p-f36de1a8.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as t}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as t}from"./p-98d5dd1f.js";const i=":host{display:block}.example-container{display:flex;min-height:100vh;align-items:center;justify-content:center;gap:1rem;padding:2rem;background-color:#f5f5f5}.example-button{padding:0.75rem 1.5rem;background-color:#80bb55;color:white;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color 0.2s ease}.example-button:hover{background-color:#68a03b}.example-button:active{transform:translateY(1px)}";const a=i;const r=class{constructor(t){e(this,t);this.handleUpdateQuantity=e=>{const{itemId:t,quantity:i}=e.detail;this.cartItems=this.cartItems.map((e=>e.id===t?Object.assign(Object.assign({},e),{quantity:i}):e))};this.handleRemoveItem=e=>{const t=e.detail;this.cartItems=this.cartItems.filter((e=>e.id!==t))};this.handleCartClosed=()=>{this.isCartOpen=false};this.handleCheckout=()=>{alert("Proceeding to checkout")};this.handleViewCart=()=>{alert("View cart clicked")};this.openCartFromRight=()=>{this.position="right";this.isCartOpen=true};this.openCartFromLeft=()=>{this.position="left";this.isCartOpen=true};this.isCartOpen=false;this.position="right";this.cartItems=[{id:"1",name:"Prolife Grain Free Adult Sensitive Mini Manzo e Patate per Cani",brand:"Prolife",price:15,originalPrice:30,quantity:1,image:"/placeholder.svg?height=80&width=80",description:"500 g"},{id:"2",name:"Prolife Grain Free Adult Sensitive Mini Manzo e Patate per Cani",brand:"Prolife",price:15,quantity:1,image:"/placeholder.svg?height=80&width=80",description:"500 g"}]}render(){return t("div",{key:"5efee94d4b2b177e44dd4de1fdb99facf24af210",class:"example-container"},t("button",{key:"42d849157bb43fd022e8febfd0abe61ff4f3edf2",class:"example-button",onClick:this.openCartFromRight},"Open Cart from Right"),t("button",{key:"9067c8fa80e8649e74885c9dc3dd057d42752018",class:"example-button",onClick:this.openCartFromLeft},"Open Cart from Left"),t("jump-side-cart",{key:"28379da2a29089c10f2cb4f8311a25e508f07277",isOpen:this.isCartOpen,items:this.cartItems,position:this.position,discountThreshold:{amount:170,percentage:3},progressPercentage:30,checkoutLabel:"Vai al Checkout",viewCartLabel:"Vedi carrello",onCartClosed:this.handleCartClosed,onItemQuantityChanged:this.handleUpdateQuantity,onItemRemoved:this.handleRemoveItem,onCheckoutClicked:this.handleCheckout,onViewCartClicked:this.handleViewCart}))}};r.style=a;export{r as jump_side_cart_example};
|
|
2
|
+
//# sourceMappingURL=p-ff62e250.entry.js.map
|
|
@@ -616,10 +616,18 @@
|
|
|
616
616
|
"name": "max",
|
|
617
617
|
"description": "Il valore massimo possibile per lo slider."
|
|
618
618
|
},
|
|
619
|
+
{
|
|
620
|
+
"name": "max-val",
|
|
621
|
+
"description": "Il valore massimo dello slider."
|
|
622
|
+
},
|
|
619
623
|
{
|
|
620
624
|
"name": "min",
|
|
621
625
|
"description": "Il valore minimo possibile per lo slider."
|
|
622
626
|
},
|
|
627
|
+
{
|
|
628
|
+
"name": "min-val",
|
|
629
|
+
"description": "Il valore minimo dello slider."
|
|
630
|
+
},
|
|
623
631
|
{
|
|
624
632
|
"name": "name",
|
|
625
633
|
"description": "Nome identificativo del filtro, utilizzato nell'evento finale."
|
|
@@ -17,56 +17,30 @@ export declare class JumpFilterRange {
|
|
|
17
17
|
max: number;
|
|
18
18
|
/** L'incremento tra i valori dello slider. */
|
|
19
19
|
step: number;
|
|
20
|
-
/**
|
|
21
|
-
value: number[];
|
|
22
|
-
/** Stato disabilitato dello slider. */
|
|
23
|
-
disabled: boolean;
|
|
20
|
+
/** Il valore minimo dello slider. */
|
|
24
21
|
minVal: number;
|
|
22
|
+
/** Il valore massimo dello slider. */
|
|
25
23
|
maxVal: number;
|
|
24
|
+
/** Stato disabilitato dello slider. */
|
|
25
|
+
disabled: boolean;
|
|
26
|
+
private internalMinVal;
|
|
27
|
+
private internalMaxVal;
|
|
26
28
|
/**
|
|
27
29
|
* Evento emesso SOLO quando l'utente ha terminato la selezione (al rilascio del mouse).
|
|
28
|
-
* Ideale per lanciare chiamate API o ricalcoli onerosi.
|
|
29
30
|
*/
|
|
30
31
|
filterChange: EventEmitter<{
|
|
31
32
|
name: string;
|
|
32
33
|
values: number[];
|
|
33
34
|
}>;
|
|
34
|
-
|
|
35
|
+
watchMinVal(newValue: number): void;
|
|
36
|
+
watchMaxVal(newValue: number): void;
|
|
35
37
|
componentWillLoad(): void;
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
*/
|
|
39
|
-
private setComponentValues;
|
|
40
|
-
/**
|
|
41
|
-
* Gestisce l'aggiornamento in tempo reale dello slider MINIMO.
|
|
42
|
-
* Aggiorna solo lo stato interno per un feedback visivo immediato.
|
|
43
|
-
*/
|
|
38
|
+
private initializeValues;
|
|
39
|
+
private validateValue;
|
|
44
40
|
private handleMinInput;
|
|
45
|
-
/**
|
|
46
|
-
* Gestisce l'aggiornamento in tempo reale dello slider MASSIMO.
|
|
47
|
-
* Aggiorna solo lo stato interno per un feedback visivo immediato.
|
|
48
|
-
*/
|
|
49
41
|
private handleMaxInput;
|
|
50
|
-
/**
|
|
51
|
-
* Eseguito quando l'utente rilascia lo slider (evento onChange).
|
|
52
|
-
* Consolida il valore e emette l'evento finale.
|
|
53
|
-
*/
|
|
54
42
|
private handleCommit;
|
|
55
|
-
/**
|
|
56
|
-
* Calcola lo stile per la barra di riempimento tra i due slider.
|
|
57
|
-
*/
|
|
58
43
|
private getFillStyle;
|
|
59
|
-
/**
|
|
60
|
-
* Metodo pubblico per impostare il valore del filtro programmaticamente.
|
|
61
|
-
*/
|
|
62
|
-
setValue(values: number[], emitEvent?: boolean): Promise<number[]>;
|
|
63
|
-
/**
|
|
64
|
-
* Metodo pubblico per ottenere il valore corrente.
|
|
65
|
-
*/
|
|
66
44
|
getValues(): Promise<number[]>;
|
|
67
|
-
/**
|
|
68
|
-
* Metodo pubblico per ottenere il nome del filtro.
|
|
69
|
-
*/
|
|
70
|
-
getName(): Promise<string>;
|
|
71
45
|
render(): any;
|
|
72
46
|
}
|
|
@@ -31,18 +31,12 @@ export declare class JumpFilterSelect {
|
|
|
31
31
|
loading: boolean;
|
|
32
32
|
/** Stato interno per gestire l'apertura del dropdown */
|
|
33
33
|
open: boolean;
|
|
34
|
-
/** Flag per determinare se sono presenti opzioni come slot */
|
|
35
|
-
hasSlottedOptions: boolean;
|
|
36
34
|
/** Stato interno per tenere traccia dei valori selezionati come array per compatibilità con gli altri filtri */
|
|
37
35
|
values: string[];
|
|
38
36
|
/** Riferimento all'elemento host */
|
|
39
37
|
host: HTMLElement;
|
|
40
38
|
/** Riferimento all'elemento sl-select interno */
|
|
41
39
|
el: any;
|
|
42
|
-
/**
|
|
43
|
-
* Controlla se ci sono opzioni definite come slot
|
|
44
|
-
*/
|
|
45
|
-
componentWillRender(): void;
|
|
46
40
|
/**
|
|
47
41
|
* Converte le opzioni da string o array a array di oggetti
|
|
48
42
|
*/
|
|
@@ -52,6 +46,7 @@ export declare class JumpFilterSelect {
|
|
|
52
46
|
*/
|
|
53
47
|
private updateValues;
|
|
54
48
|
componentDidLoad(): void;
|
|
49
|
+
componentDidRender(): void;
|
|
55
50
|
/**
|
|
56
51
|
* Ascolta gli eventi di cambio selezione dal select Shoelace
|
|
57
52
|
*/
|
|
@@ -316,13 +316,6 @@ export namespace Components {
|
|
|
316
316
|
* Stato disabilitato dello slider.
|
|
317
317
|
*/
|
|
318
318
|
"disabled": boolean;
|
|
319
|
-
/**
|
|
320
|
-
* Metodo pubblico per ottenere il nome del filtro.
|
|
321
|
-
*/
|
|
322
|
-
"getName": () => Promise<string>;
|
|
323
|
-
/**
|
|
324
|
-
* Metodo pubblico per ottenere il valore corrente.
|
|
325
|
-
*/
|
|
326
319
|
"getValues": () => Promise<number[]>;
|
|
327
320
|
/**
|
|
328
321
|
* Testo da mostrare dopo il valore massimo (es. unità di misura).
|
|
@@ -344,26 +337,26 @@ export namespace Components {
|
|
|
344
337
|
* Il valore massimo possibile per lo slider.
|
|
345
338
|
*/
|
|
346
339
|
"max": number;
|
|
340
|
+
/**
|
|
341
|
+
* Il valore massimo dello slider.
|
|
342
|
+
*/
|
|
343
|
+
"maxVal": number;
|
|
347
344
|
/**
|
|
348
345
|
* Il valore minimo possibile per lo slider.
|
|
349
346
|
*/
|
|
350
347
|
"min": number;
|
|
351
348
|
/**
|
|
352
|
-
*
|
|
349
|
+
* Il valore minimo dello slider.
|
|
353
350
|
*/
|
|
354
|
-
"
|
|
351
|
+
"minVal": number;
|
|
355
352
|
/**
|
|
356
|
-
*
|
|
353
|
+
* Nome identificativo del filtro, utilizzato nell'evento finale.
|
|
357
354
|
*/
|
|
358
|
-
"
|
|
355
|
+
"name": string;
|
|
359
356
|
/**
|
|
360
357
|
* L'incremento tra i valori dello slider.
|
|
361
358
|
*/
|
|
362
359
|
"step": number;
|
|
363
|
-
/**
|
|
364
|
-
* I valori iniziali dello slider, come array [min, max].
|
|
365
|
-
*/
|
|
366
|
-
"value": number[];
|
|
367
360
|
}
|
|
368
361
|
/**
|
|
369
362
|
* Componente select per filtri con supporto per opzioni e stato
|
|
@@ -1504,26 +1497,30 @@ declare namespace LocalJSX {
|
|
|
1504
1497
|
* Il valore massimo possibile per lo slider.
|
|
1505
1498
|
*/
|
|
1506
1499
|
"max"?: number;
|
|
1500
|
+
/**
|
|
1501
|
+
* Il valore massimo dello slider.
|
|
1502
|
+
*/
|
|
1503
|
+
"maxVal"?: number;
|
|
1507
1504
|
/**
|
|
1508
1505
|
* Il valore minimo possibile per lo slider.
|
|
1509
1506
|
*/
|
|
1510
1507
|
"min"?: number;
|
|
1508
|
+
/**
|
|
1509
|
+
* Il valore minimo dello slider.
|
|
1510
|
+
*/
|
|
1511
|
+
"minVal"?: number;
|
|
1511
1512
|
/**
|
|
1512
1513
|
* Nome identificativo del filtro, utilizzato nell'evento finale.
|
|
1513
1514
|
*/
|
|
1514
1515
|
"name"?: string;
|
|
1515
1516
|
/**
|
|
1516
|
-
* Evento emesso SOLO quando l'utente ha terminato la selezione (al rilascio del mouse).
|
|
1517
|
+
* Evento emesso SOLO quando l'utente ha terminato la selezione (al rilascio del mouse).
|
|
1517
1518
|
*/
|
|
1518
1519
|
"onJump-filterchange"?: (event: JumpFilterRangeCustomEvent<{ name: string; values: number[] }>) => void;
|
|
1519
1520
|
/**
|
|
1520
1521
|
* L'incremento tra i valori dello slider.
|
|
1521
1522
|
*/
|
|
1522
1523
|
"step"?: number;
|
|
1523
|
-
/**
|
|
1524
|
-
* I valori iniziali dello slider, come array [min, max].
|
|
1525
|
-
*/
|
|
1526
|
-
"value"?: number[];
|
|
1527
1524
|
}
|
|
1528
1525
|
/**
|
|
1529
1526
|
* Componente select per filtri con supporto per opzioni e stato
|