@jumpgroup/jump-design-system 1.0.22 → 1.0.24
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/jump-filter-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/jump-filter-range.cjs.entry.js +1 -1
- package/dist/cjs/jump-filter-select.cjs.entry.js +1 -1
- package/dist/cjs/jump-filter-switch.cjs.entry.js +1 -1
- package/dist/cjs/jump-filter.cjs.entry.js +2 -2
- package/dist/cjs/jump-filter.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-filtergroup.cjs.entry.js +3 -3
- package/dist/cjs/jump-navbar.cjs.entry.js +5 -5
- package/dist/cjs/jump-pagination-table.cjs.entry.js +3 -3
- package/dist/cjs/jump-pagination.cjs.entry.js +3 -3
- package/dist/cjs/jump-quantity.cjs.entry.js +3 -3
- package/dist/cjs/jump-search-bar-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/jump-search-bar-mobile.cjs.entry.js +4 -4
- package/dist/cjs/jump-side-cart-example.cjs.entry.js +1 -1
- package/dist/cjs/jump-tab-item.cjs.entry.js +2 -2
- package/dist/cjs/jump-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/jump-tab.cjs.entry.js +1 -1
- package/dist/collection/components/jump-filter/jump-filter.css +7 -0
- package/dist/collection/components/jump-filter/jump-filter.js +1 -1
- package/dist/collection/components/jump-filter/jump-filter.js.map +1 -1
- package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.js +2 -2
- package/dist/collection/components/jump-filter-range/jump-filter-range.js +1 -1
- package/dist/collection/components/jump-filter-select/jump-filter-select.js +1 -1
- 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/components/jump-filter-checkbox.js +2 -2
- package/dist/components/jump-filter-range.js +1 -1
- package/dist/components/jump-filter-select.js +1 -1
- package/dist/components/jump-filter-switch.js +1 -1
- package/dist/components/jump-filter.js +2 -2
- package/dist/components/jump-filter.js.map +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/jump-filter-checkbox.entry.js +2 -2
- package/dist/esm/jump-filter-range.entry.js +1 -1
- package/dist/esm/jump-filter-select.entry.js +1 -1
- package/dist/esm/jump-filter-switch.entry.js +1 -1
- package/dist/esm/jump-filter.entry.js +2 -2
- package/dist/esm/jump-filter.entry.js.map +1 -1
- package/dist/esm/jump-filtergroup.entry.js +3 -3
- package/dist/esm/jump-navbar.entry.js +5 -5
- package/dist/esm/jump-pagination-table.entry.js +3 -3
- package/dist/esm/jump-pagination.entry.js +3 -3
- package/dist/esm/jump-quantity.entry.js +3 -3
- package/dist/esm/jump-search-bar-dropdown-item.entry.js +1 -1
- package/dist/esm/jump-search-bar-mobile.entry.js +4 -4
- package/dist/esm/jump-side-cart-example.entry.js +1 -1
- package/dist/esm/jump-tab-item.entry.js +2 -2
- package/dist/esm/jump-tab-panel.entry.js +1 -1
- package/dist/esm/jump-tab.entry.js +1 -1
- package/dist/jump-design-system/jump-design-system.esm.js +1 -1
- package/dist/jump-design-system/p-063ac122.entry.js +2 -0
- package/dist/jump-design-system/{p-b6c7ffcd.entry.js → p-185f8e46.entry.js} +2 -2
- package/dist/jump-design-system/{p-7e35d9f1.entry.js → p-1af5f0da.entry.js} +2 -2
- package/dist/jump-design-system/{p-ff62e250.entry.js → p-22edef06.entry.js} +2 -2
- package/dist/jump-design-system/{p-0140b32c.entry.js → p-2f9dbd42.entry.js} +2 -2
- package/dist/jump-design-system/{p-0d86819c.entry.js → p-38e9e123.entry.js} +5 -5
- package/dist/jump-design-system/{p-0d86819c.entry.js.map → p-38e9e123.entry.js.map} +1 -1
- package/dist/jump-design-system/p-3c89d6b5.entry.js +2 -0
- package/dist/jump-design-system/{p-629835ac.entry.js → p-468f27f9.entry.js} +2 -2
- package/dist/jump-design-system/{p-bb18f919.entry.js → p-4e8b0955.entry.js} +2 -2
- package/dist/jump-design-system/{p-55fcebb1.entry.js → p-6a605b21.entry.js} +2 -2
- package/dist/jump-design-system/p-78ace220.entry.js +2 -0
- package/dist/jump-design-system/p-78ace220.entry.js.map +1 -0
- package/dist/jump-design-system/{p-e30da431.entry.js → p-82a66366.entry.js} +2 -2
- package/dist/jump-design-system/{p-264fa972.entry.js → p-99aee627.entry.js} +2 -2
- package/dist/jump-design-system/{p-6b8fccdb.entry.js → p-bc87448e.entry.js} +2 -2
- package/dist/jump-design-system/{p-02ab8fb7.entry.js → p-bd2eb88b.entry.js} +2 -2
- package/dist/jump-design-system/{p-f36de1a8.entry.js → p-f6e09dc2.entry.js} +2 -2
- package/package.json +1 -1
- package/dist/jump-design-system/p-14141071.entry.js +0 -2
- package/dist/jump-design-system/p-14141071.entry.js.map +0 -1
- package/dist/jump-design-system/p-d0ea0f54.entry.js +0 -2
- package/dist/jump-design-system/p-d1fc1ddf.entry.js +0 -2
- /package/dist/jump-design-system/{p-d0ea0f54.entry.js.map → p-063ac122.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-b6c7ffcd.entry.js.map → p-185f8e46.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-7e35d9f1.entry.js.map → p-1af5f0da.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-ff62e250.entry.js.map → p-22edef06.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-0140b32c.entry.js.map → p-2f9dbd42.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-d1fc1ddf.entry.js.map → p-3c89d6b5.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-629835ac.entry.js.map → p-468f27f9.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-bb18f919.entry.js.map → p-4e8b0955.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-55fcebb1.entry.js.map → p-6a605b21.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-e30da431.entry.js.map → p-82a66366.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-264fa972.entry.js.map → p-99aee627.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-6b8fccdb.entry.js.map → p-bc87448e.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-02ab8fb7.entry.js.map → p-bd2eb88b.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-f36de1a8.entry.js.map → p-f6e09dc2.entry.js.map} +0 -0
|
@@ -74,7 +74,7 @@ const JumpTab$1 = /*@__PURE__*/ proxyCustomElement(class JumpTab extends HTMLEle
|
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
76
|
render() {
|
|
77
|
-
return (h(Host, { key: '
|
|
77
|
+
return (h(Host, { key: 'a9487cf3bd46c5dac915b90636b9d45e87e576c0', class: "JumpTab " + this.variant, id: this.tabGroupName, ref: (el) => { this.JumpTabEl = el; } }, h("div", { key: '6b4f8dd93c4ecea25f998196f91057b321657926', class: "Wrapper " + (this.fullBorder ? 'fullBorder' : '') }, h("div", { key: '5987a837094386a68d8262287f23f775d82d049c', class: "ContentWrapper ContentWrapper--Items", style: { '--alignment': this.getAlignment(this.alignment) } }, h("div", { key: '68f9660eaf3b9b5d7afa25ba8c06b50a8cd68acb', class: "Content " + this.variant + " " + (this.disabled ? 'disabled' : '') + " " + (this.fullBorder ? 'fullBorder' : ''), style: { '--alignment': this.getAlignment(this.alignment) } }, h("slot", { key: '046bc6775c4d3417d2ad3356df08710500c010b7', name: "tab-item" }))), h("div", { key: 'a8ada645deff60fafd590dd118ed80d2d318978a', class: "ContentWrapper ContentWrapper--Panel" }, h("slot", { key: '28c698d7c775f5488fd6be00be26a068954d6ecd', name: "tab-content" })))));
|
|
78
78
|
}
|
|
79
79
|
getAlignment(alignment) {
|
|
80
80
|
switch (alignment) {
|
|
@@ -381,8 +381,8 @@ const JumpFilterCheckbox = class {
|
|
|
381
381
|
return this.el.checked;
|
|
382
382
|
}
|
|
383
383
|
render() {
|
|
384
|
-
return (h(Host, { key: '
|
|
385
|
-
h("sl-checkbox", { key: '
|
|
384
|
+
return (h(Host, { key: '9fb024e211d10a744888133d2bc2110c6db14efa', ref: (host) => this.host = host }, this.value && this.label &&
|
|
385
|
+
h("sl-checkbox", { key: '9aeea450806d75080f630a4f73e75027f5923874', value: this.value, ref: (el) => this.el = el, checked: this.checked }, this.label), this.count && h("span", { key: '44efddcb65af6f098bce54a361025909fbbd64b7', class: "count" }, this.count)));
|
|
386
386
|
}
|
|
387
387
|
};
|
|
388
388
|
JumpFilterCheckbox.style = JumpFilterCheckboxStyle0;
|
|
@@ -92,7 +92,7 @@ const JumpFilterRange = class {
|
|
|
92
92
|
return [this.internalMinVal, this.internalMaxVal];
|
|
93
93
|
}
|
|
94
94
|
render() {
|
|
95
|
-
return (h(Host, { key: '
|
|
95
|
+
return (h(Host, { key: '1f2a845be6a4b911ebd90db88af722760a83f706', class: { 'is-disabled': this.disabled } }, h("div", { key: 'e23a19e9266647d24bb4dfe202bc48c3749f2928', class: "label-container" }, h("label", { key: '4809eb711395ef356dc8a2e91292a645841dee51', class: "label-min" }, this.labelMinBefore, " ", this.internalMinVal, this.labelMinAfter), h("label", { key: '560987750839169f3d0d6f0e44e1b7f3231b471d', class: "label-max" }, this.labelMaxBefore, " ", this.internalMaxVal, this.labelMaxAfter)), h("div", { key: '9a4a886d8b00aaa40c54b4a9ae12f4a2c0d1cfb8', class: "slider-container" }, h("div", { key: '7d51a89cd74b9555505d17014feba393dc39f9c8', class: "slider-track" }), h("div", { key: '4462c2bccd371ae53ec3b7238c38f88070b0f63f', class: "slider-fill", style: this.getFillStyle() }), h("input", { key: '4d320f799fab361079a5d478654b6989795832ad', type: "range", min: this.min, max: this.max, step: this.step, value: this.internalMinVal, onInput: this.handleMinInput, onChange: this.handleCommit, disabled: this.disabled, class: "range-input", "aria-label": this.labelMinBefore }), h("input", { key: '4f1dba696f9e475cffdc1c845637062db201f2f2', type: "range", min: this.min, max: this.max, step: this.step, value: this.internalMaxVal, onInput: this.handleMaxInput, onChange: this.handleCommit, disabled: this.disabled, class: "range-input", "aria-label": this.labelMaxBefore }))));
|
|
96
96
|
}
|
|
97
97
|
get host() { return getElement(this); }
|
|
98
98
|
static get watchers() { return {
|
|
@@ -4319,7 +4319,7 @@ const JumpFilterSelect = class {
|
|
|
4319
4319
|
render() {
|
|
4320
4320
|
const optionsArray = this.getOptionsArray();
|
|
4321
4321
|
const hasOptionsFromProp = optionsArray && optionsArray.length > 0;
|
|
4322
|
-
return (h(Host, { key: '
|
|
4322
|
+
return (h(Host, { key: '58c0485182fc2b0428893def04740722136cf725', ref: (host) => (this.host = host) }, this.label && (h("div", { key: '4cc360e6f15788f78252b7c40c4ad750cb5d2d2a', class: "select-label" }, this.label)), h("sl-select", { key: 'f790989114dbcb6d60c3d1db6e48d113abba4ced', value: this.value, placeholder: this.placeholder, disabled: this.disabled, multiple: this.multiple, required: this.required, loading: this.loading, ref: (el) => (this.el = el) }, hasOptionsFromProp ? (optionsArray.map(option => (h("sl-option", { value: option.value }, option.label)))) : (h("slot", null)))));
|
|
4323
4323
|
}
|
|
4324
4324
|
get hostElement() { return getElement(this); }
|
|
4325
4325
|
};
|
|
@@ -525,7 +525,7 @@ const JumpFilterSwitch = class {
|
|
|
525
525
|
return this.name;
|
|
526
526
|
}
|
|
527
527
|
render() {
|
|
528
|
-
return (h(Host, { key: '
|
|
528
|
+
return (h(Host, { key: 'f7e5939637497219f44aa6ba22acb4a68937d019', ref: (host) => (this.host = host) }, this.value && this.label && (h("sl-switch", { key: '4025228df5c5b4ef987d8ee70cb613ef9c993d9b', value: this.value, ref: (el) => (this.el = el), checked: this.checked, disabled: this.disabled }, this.label))));
|
|
529
529
|
}
|
|
530
530
|
static get watchers() { return {
|
|
531
531
|
"checked": ["checkedChanged"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-a94b3471.js';
|
|
2
2
|
|
|
3
|
-
const jumpFilterCss = ":host{--primary-standard:var(--secondary-hard, #435171);--jump-button-background-hover:red;--jump-filter-close-btn-bg:white;--jump-filter-close-btn-color:#000000;--bg-drawer:var(--bg-drawer, #fff);--header-height:var(--header-height, 80px);--drawer-width:var(--drawer-width, 240px);--overlay-bg-color:var(--overlay-bg-color, rgba(0, 0, 0, 0.35))}:host h3{margin:0}.filtersDrawer__overlay{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:var(--overlay-bg-color, rgba(0, 0, 0, 0.35));z-index:1;width:100vw;height:100vh;display:none;opacity:0;transition:opacity 0.3s ease-in-out}.filtersDrawer__overlay.filtersDrawer__overlay--active{display:block}.filtersDrawer__overlay.filtersDrawer__overlay--active{opacity:1}.filtersDrawer{position:fixed;display:flex;flex-direction:column;gap:2.5rem;left:-100vw;top:0;height:-webkit-fill-available;max-height:calc(100vh - var(--header-height));transition:0.3s all ease-in-out;background-color:var(--bg-drawer, #fff);padding:1rem;width:100%;max-width:var(--drawer-width);box-shadow:8px 0 15px 0 rgba(0, 0, 0, 0.1490196078);z-index:2;overflow:auto}.filtersDrawer[aria-hidden=false]{left:0;right:0;width:auto;transition:0.3s all ease-in-out}.filtersDrawer[aria-hidden=false] .filtersDrawer__close{position:fixed;top:calc(var(--header-height) + 0rem);left:calc(var(--drawer-width) + 2rem);background-color:var(--jump-filter-close-btn-bg, white);color:var(--jump-filter-close-btn-color, #000000);padding:0.5rem;box-shadow:8px 0 15px 0 rgba(0, 0, 0, 0.1490196078)}@media (min-width: 768px){.filtersDrawer{position:relative;left:0;height:auto;max-width:initial;max-height:initial;box-shadow:none}}@media (max-width: 767px){.filtersDrawer{top:var(--header-height)}}.filtersDrawer .filtersDrawer__header{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem}";
|
|
3
|
+
const jumpFilterCss = ":host{--primary-standard:var(--secondary-hard, #435171);--jump-button-background-hover:red;--jump-filter-close-btn-bg:white;--jump-filter-close-btn-color:#000000;--bg-drawer:var(--bg-drawer, #fff);--header-height:var(--header-height, 80px);--drawer-width:var(--drawer-width, 240px);--overlay-bg-color:var(--overlay-bg-color, rgba(0, 0, 0, 0.35))}:host h3{margin:0}.filtersDrawer__overlay{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:var(--overlay-bg-color, rgba(0, 0, 0, 0.35));z-index:1;width:100vw;height:100vh;display:none;opacity:0;transition:opacity 0.3s ease-in-out}.filtersDrawer__overlay.filtersDrawer__overlay--active{display:block}.filtersDrawer__overlay.filtersDrawer__overlay--active{opacity:1}.filtersDrawer{position:fixed;display:flex;flex-direction:column;gap:2.5rem;left:-100vw;top:0;height:-webkit-fill-available;max-height:calc(100vh - var(--header-height));transition:0.3s all ease-in-out;background-color:var(--bg-drawer, #fff);padding:1rem;width:100%;max-width:var(--drawer-width);box-shadow:8px 0 15px 0 rgba(0, 0, 0, 0.1490196078);z-index:2;overflow:visible}.filtersDrawer .filtersDrawer__content{overflow:auto;height:100%;display:flex;flex-direction:column;gap:2.5rem}.filtersDrawer[aria-hidden=false]{left:0;right:0;width:auto;transition:0.3s all ease-in-out}.filtersDrawer[aria-hidden=false] .filtersDrawer__close{position:fixed;top:calc(var(--header-height) + 0rem);left:calc(var(--drawer-width) + 2rem);background-color:var(--jump-filter-close-btn-bg, white);color:var(--jump-filter-close-btn-color, #000000);padding:0.5rem;box-shadow:8px 0 15px 0 rgba(0, 0, 0, 0.1490196078)}@media (min-width: 768px){.filtersDrawer{position:relative;left:0;height:auto;max-width:initial;max-height:initial;box-shadow:none}}@media (max-width: 767px){.filtersDrawer{top:var(--header-height)}}.filtersDrawer .filtersDrawer__header{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem}";
|
|
4
4
|
const JumpFilterStyle0 = jumpFilterCss;
|
|
5
5
|
|
|
6
6
|
const JumpFilter = class {
|
|
@@ -61,7 +61,7 @@ const JumpFilter = class {
|
|
|
61
61
|
h("div", { key: 'b588e7ab489541c92a04df32ad40a5c31238451a', class: this.offCanvasClasses, onClick: () => this.showMobileFilters = false }), h("div", { key: 'af8c4b52c7a87461e98a63d2040999b179c6c372', ref: (el) => {
|
|
62
62
|
this.filtersDrawer = el;
|
|
63
63
|
}, class: "filtersDrawer", "data-variant": this.direction }, !this.isMobile &&
|
|
64
|
-
h("div", { key: 'fde6a476ff39c470b91030a2ea00c73392a7644d', class: 'filtersDrawer__header' }, h("jump-icon", { key: '4173961bcb0943d9de12c853968e503917bf6063', class: "small", name: this.filterButtonIcon }), h("h3", { key: 'c7e1982a2805e714acab2d9ca5ba3a3c8b925e6e' }, this.filterHeading)), this.isMobile && h("jump-icon", { key: 'c4cf8592159c2168ef96a38863f11f3ff9becdfd', library: "lucide", name: "x", size: "medium", label: "", class: 'filtersDrawer__close', onClick: () => this.showMobileFilters = false }), h("slot", { key: '
|
|
64
|
+
h("div", { key: 'fde6a476ff39c470b91030a2ea00c73392a7644d', class: 'filtersDrawer__header' }, h("jump-icon", { key: '4173961bcb0943d9de12c853968e503917bf6063', class: "small", name: this.filterButtonIcon }), h("h3", { key: 'c7e1982a2805e714acab2d9ca5ba3a3c8b925e6e' }, this.filterHeading)), this.isMobile && h("jump-icon", { key: 'c4cf8592159c2168ef96a38863f11f3ff9becdfd', library: "lucide", name: "x", size: "medium", label: "", class: 'filtersDrawer__close', onClick: () => this.showMobileFilters = false }), h("div", { key: '434ac98afef7476edd24ea60e1917f58b129b978', class: "filtersDrawer__content" }, h("slot", { key: '78d35a190b17fba5a3566451a313e3e2f309152c' })))));
|
|
65
65
|
}
|
|
66
66
|
static get watchers() { return {
|
|
67
67
|
"showMobileFilters": ["watchHandler"]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"jump-filter.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,
|
|
1
|
+
{"file":"jump-filter.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,65DAA65D,CAAC;AACp7D,yBAAe,aAAa;;MCMf,UAAU;;;yBAE0B,UAAU;6BACzB,YAAY;iCACR,QAAQ;gCACT,SAAS;+BACV,GAAG;;yBAER,KAAK;gCACE,KAAK;6BAER,CAAC;iCACI,KAAK;wBACd,KAAK;gCACE,wBAAwB;;IAM5D,mBAAmB,CAAC,KAAkB;;QAEpC,IAAI,CAAC,OAAO,mCAAQ,IAAI,CAAC,OAAO,KAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,GAAE,CAAC;QAC7E,OAAO,CAAC,GAAG,CAAC,0CAA0C,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;;KAIvE;IAGD,YAAY;QACV,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC;KAC1D;IAGD,YAAY,CAAC,QAAiB,EAAE,QAAiB;;QAC/C,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACzB,IAAI,QAAQ,EAAE;gBACZ,MAAA,IAAI,CAAC,YAAY,0CAAE,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;gBACzD,MAAA,IAAI,CAAC,aAAa,0CAAE,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;gBACzD,IAAI,CAAC,gBAAgB,GAAG,uDAAuD,CAAC;aACjF;iBAAM;gBACL,MAAA,IAAI,CAAC,YAAY,0CAAE,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;gBAC1D,MAAA,IAAI,CAAC,aAAa,0CAAE,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;gBACxD,IAAI,CAAC,gBAAgB,GAAG,wBAAwB,CAAC;aAClD;SACF;KACF;;;;IAMD,MAAM,UAAU;QACd,OAAO,IAAI,CAAC,OAAO,CAAC;KACrB;IAED,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,IACxC,IAAI,CAAC,QAAQ,IAAI,oEAChB,GAAG,EAAE,CAAC,EAAE;gBACN,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;aACxB,EACD,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,QAC5D,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,iBAAiB,IAC/D,6DAAM,IAAI,EAAC,QAAQ,IAChB,IAAI,CAAC,gBAAgB;YACpB,kEAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAC,OAAO,GAAa,EAClG,IAAI,CAAC,iBAAiB,CAClB,EACP,6DAAM,IAAI,EAAC,QAAQ,IAChB,IAAI,CAAC,aAAa,GAAG,CAAC;YACrB,mEAAY,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,QAAC,SAAS,EAAC,KAAK,QAAe,CACpG,CACK,EAEb,IAAI,CAAC,gBAAgB;YACpB,4DAAK,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAC5B,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,GAAG,KAAK,GAAQ,EAE3D,4DACC,GAAG,EAAE,CAAC,EAAE;gBACN,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;aACzB,EACD,KAAK,EAAC,eAAe,kBAAe,IAAI,CAAC,SAAS,IACjD,CAAC,IAAI,CAAC,QAAQ;YACb,4DAAK,KAAK,EAAE,uBAAuB,IACjC,kEAAW,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,CAAC,gBAAgB,GAAc,EAClE,6DAAK,IAAI,CAAC,aAAa,CAAM,CACzB,EACP,IAAI,CAAC,QAAQ,IAAI,kEAAW,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAE,sBAAsB,EAC9E,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,GAAG,KAAK,GAAc,EACxF,4DAAK,KAAK,EAAC,wBAAwB,IACjC,8DAAa,CACT,CACF,CACD,EACP;KACH;;;;;;;;;","names":[],"sources":["src/components/jump-filter/jump-filter.scss?tag=jump-filter&encapsulation=shadow","src/components/jump-filter/jump-filter.tsx"],"sourcesContent":[":host {\n --primary-standard: var(--secondary-hard, #435171);\n //--jump-button-background-hover: var(--secondary-hard, #435171);\n --jump-button-background-hover: red;\n --jump-filter-close-btn-bg: white;\n --jump-filter-close-btn-color: #000000;\n --bg-drawer: var(--bg-drawer, #fff);\n --header-height: var(--header-height, 80px);\n --drawer-width: var(--drawer-width, 240px);\n --overlay-bg-color: var(--overlay-bg-color, rgba(0, 0, 0, 0.35));\n\n h3 {\n margin: 0;\n }\n}\n\n@mixin fade-in-out($duration: 0.3s, $ease: ease-in-out) {\n opacity: 0;\n transition: opacity $duration $ease;\n\n &.filtersDrawer__overlay--active {\n opacity: 1;\n }\n}\n\n.filtersDrawer__overlay {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: var(--overlay-bg-color, rgba(0, 0, 0, 0.35));\n z-index: 1;\n width: 100vw;\n height: 100vh;\n display: none;\n\n &.filtersDrawer__overlay--active {\n display: block;\n }\n\n @include fade-in-out();\n}\n\n.filtersDrawer {\n position: fixed;\n display: flex;\n flex-direction: column;\n gap: 2.5rem;\n left: -100vw;\n top: 0;\n height: -webkit-fill-available;\n max-height: calc(100vh - var(--header-height));\n transition: 0.3s all ease-in-out;\n background-color: var(--bg-drawer, #fff);\n padding: 1rem;\n width: 100%;\n max-width: var(--drawer-width);\n box-shadow: 8px 0 15px 0 #00000026;\n z-index: 2;\n overflow: visible;\n\n .filtersDrawer__content {\n overflow: auto;\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: 2.5rem;\n }\n\n &[aria-hidden='false'] {\n left: 0;\n right: 0;\n width: auto;\n transition: 0.3s all ease-in-out;\n\n .filtersDrawer__close {\n position: fixed;\n top: calc(var(--header-height) + 0rem);\n left: calc(var(--drawer-width) + 2rem);\n background-color: var(--jump-filter-close-btn-bg, white);\n color: var(--jump-filter-close-btn-color, #000000);\n padding: 0.5rem;\n box-shadow: 8px 0 15px 0 #00000026;\n }\n }\n\n @media (min-width: 768px) {\n //md breakpoint tailwind\n position: relative;\n left: 0;\n height: auto;\n max-width: initial;\n max-height: initial;\n box-shadow: none;\n }\n\n @media (max-width: 767px) {\n top: var(--header-height);\n }\n\n .filtersDrawer__header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n }\n}\n","import { Component, Host, Prop, h, State, Listen, Method, Watch } from '@stencil/core';\n\n@Component({\n tag: 'jump-filter',\n styleUrl: 'jump-filter.scss',\n shadow: true,\n})\nexport class JumpFilter {\n\n @Prop() direction: 'horizontal' | 'vertical' = 'vertical';\n @Prop() filterHeading: string = 'Filtra per';\n @Prop() filterButtonLabel: string = 'Filtri';\n @Prop() filterButtonIcon: string = 'sliders';\n @Prop() mobileThreshold: number = 768;\n @Prop() filters: any;\n @Prop() showCount: boolean = false;\n @Prop() offCanvasOverlay: boolean = false;\n\n @State() activeFilters: number = 0;\n @State() showMobileFilters: boolean = false;\n @State() isMobile: boolean = false;\n @State() offCanvasClasses: string = 'filtersDrawer__overlay';\n\n mobileToggle: HTMLElement | null;\n filtersDrawer: HTMLElement;\n\n @Listen('jump-filterchange')\n filterChangeHandler(event: CustomEvent) {\n //set this.filter as this.filters[event.detail.name] = event.detail.value; even if not present\n this.filters = { ...this.filters, [event.detail.name]: event.detail.values };\n console.log('Received the custom filterChange event: ', this.filters);\n\n\n //TODO: increment this.activeFilters\n }\n\n @Listen('resize', { target: 'window' })\n handleResize() {\n this.isMobile = window.innerWidth < this.mobileThreshold;\n }\n\n @Watch('showMobileFilters')\n watchHandler(newValue: boolean, oldValue: boolean) {\n if (newValue !== oldValue) {\n if (newValue) {\n this.mobileToggle?.setAttribute('aria-expanded', 'true');\n this.filtersDrawer?.setAttribute('aria-hidden', 'false');\n this.offCanvasClasses = 'filtersDrawer__overlay filtersDrawer__overlay--active';\n } else {\n this.mobileToggle?.setAttribute('aria-expanded', 'false');\n this.filtersDrawer?.setAttribute('aria-hidden', 'true');\n this.offCanvasClasses = 'filtersDrawer__overlay';\n }\n }\n }\n\n /**\n * Get the active filters from the component\n */\n @Method()\n async getFilters() {\n return this.filters;\n }\n\n componentDidLoad() {\n this.handleResize();\n }\n\n render() {\n return (\n <Host mobileFilters={this.showMobileFilters}>\n {this.isMobile && <jump-button\n ref={(el) => {\n this.mobileToggle = el;\n }}\n buttonId={this.filterButtonIcon} variant={'primary'} outline\n onClick={() => this.showMobileFilters = !this.showMobileFilters}>\n <slot name=\"prefix\">\n {this.filterButtonIcon &&\n <jump-icon library=\"fa\" category=\"regular\" name={this.filterButtonIcon} size=\"small\"></jump-icon>}\n {this.filterButtonLabel}\n </slot>\n <slot name=\"suffix\">\n {this.activeFilters > 0 &&\n <jump-badge label={this.activeFilters.toString()} variant=\"success\" soft dimension=\"dot\">1</jump-badge>}\n </slot>\n </jump-button>}\n\n {this.offCanvasOverlay &&\n <div class={this.offCanvasClasses}\n onClick={() => this.showMobileFilters = false}></div>}\n\n {<div\n ref={(el) => {\n this.filtersDrawer = el;\n }}\n class=\"filtersDrawer\" data-variant={this.direction}>\n {!this.isMobile &&\n <div class={'filtersDrawer__header'}>\n <jump-icon class=\"small\" name={this.filterButtonIcon}></jump-icon>\n <h3>{this.filterHeading}</h3>\n </div>}\n {this.isMobile && <jump-icon library=\"lucide\" name=\"x\" size=\"medium\" label=\"\" class={'filtersDrawer__close'}\n onClick={() => this.showMobileFilters = false}></jump-icon>}\n <div class=\"filtersDrawer__content\">\n <slot></slot>\n </div>\n </div>}\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -132,10 +132,10 @@ const JumpFiltergroup = class {
|
|
|
132
132
|
//this.toggleHiddenItems();
|
|
133
133
|
}
|
|
134
134
|
render() {
|
|
135
|
-
return (h(Host, { key: '
|
|
136
|
-
h("jump-button", { key: '
|
|
135
|
+
return (h(Host, { key: 'd48d500b033b0706d566bf2fc288af58647ced44' }, this.heading && h("h5", { key: '61a498d5c8f5f4e619565942fac2f42e35c249b8' }, this.heading), h("div", { key: '8e39330b5c1fdcb1921667831bc2eeb24f503e5c', class: "filterGroup" }, h("slot", { key: '01694d0edb05bf1e4939bd6397f2f9a475f0e0f1', ref: (el) => (this.slotItemsWrapper = el) })), this.inputs.length > this.maxElements &&
|
|
136
|
+
h("jump-button", { key: 'ba5452865b1ff2e5ecb61e481be9e593882b6a13', variant: "primary", size: "small", text: true, name: this.label, "aria-label": this.label, ref: (showMoreBtn) => {
|
|
137
137
|
this.showMoreBtn = showMoreBtn;
|
|
138
|
-
}, onClick: () => this.handleShowMore() }, this.label, h("jump-icon", { key: '
|
|
138
|
+
}, onClick: () => this.handleShowMore() }, this.label, h("jump-icon", { key: '8219159cbd596cc6cefa6b07440fb4c5cdbacd03', slot: "suffix", name: !this.showMore ? 'chevron-down' : 'chevron-up' }))));
|
|
139
139
|
}
|
|
140
140
|
static get watchers() { return {
|
|
141
141
|
"showMore": ["watchShowMore"]
|
|
@@ -24,14 +24,14 @@ const JumpNavbar = class {
|
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
26
|
var _a, _b;
|
|
27
|
-
return (h(Host, { key: '
|
|
28
|
-
h("div", { key: '
|
|
29
|
-
h("jump-button", { key: '
|
|
27
|
+
return (h(Host, { key: '6f08de69934587d46d0e97ac63e409b5613e4d84' }, h("jump-button", { key: 'a21f05cbacf04e83236733e588045e047fb95d00', variant: "primary", size: "small", text: true, href: this.logo['link'], target: (_a = this.logo['target']) !== null && _a !== void 0 ? _a : '_self' }, h("img", { key: '7ae0333a9644192c7699eecf8dd9b79f01e6c292', src: this.logo['image_url'], alt: this.logo['alt'] })), this.isMobile &&
|
|
28
|
+
h("div", { key: 'bcac331190313c3958b62496c3a6b1799dbf0a06', class: "MobileMenuOffCanvas" }, h("div", { key: '815fcfc1a539d9d7a5353bcfce811ce6067fd7ab', class: "MobileMenuOffCanvas__Header" }, "/* TODO: ricerca + pulsante chiusura + profilo utente con immagine */"), h("div", { key: 'e5a3453677332d6d06e867679f1fce9e2c0d73e8', class: "MobileMenuOffCanvas__Navbar" }, this.navbar.cloneNode(true)), h("div", { key: 'b21b16958faa252dff66cb0e01b0dfbcb9840d8e', class: "MobileMenuOffCanvas__Footer" }, "/* TODO: langswitcher */", this.mobileLogo &&
|
|
29
|
+
h("jump-button", { key: '8e1234c5ed43013e828fbd95e8fcb5031f623b07', variant: "primary", size: "small", text: true, href: this.mobileLogo['link'], target: (_b = this.mobileLogo['target']) !== null && _b !== void 0 ? _b : '_self' }, h("img", { key: 'ca384db7ad14349b6baa2b7438f1164feeb96b80', src: this.mobileLogo['image_url'], alt: this.mobileLogo['alt'] })))), h("nav", { key: '059a7b48b8cfd33154fef936c25f8321249f1250', ref: (el) => {
|
|
30
30
|
this.navbar = el;
|
|
31
|
-
} }, h("ul", { key: '
|
|
31
|
+
} }, h("ul", { key: 'da9bbcb6f853f74c5b7c86a50f9bfbcdd7429a02' }, this.navItems.map((item) => (h("li", null, h("jump-button", { variant: "primary", size: "small", text: true, href: item.link, target: item.target, class: item.class }, item.text, this.secondaryNavItems.some(secondaryItem => secondaryItem.parent === item.id) &&
|
|
32
32
|
h("jump-icon", { slot: "suffix", library: "lucide", name: "chevron-down", size: "small" })), this.secondaryNavItems.map((secondaryItem) => (secondaryItem.parent === item.id &&
|
|
33
33
|
h("ul", { "data-parent": secondaryItem.parent }, secondaryItem.title &&
|
|
34
|
-
h("h4", null, secondaryItem.title), " /* TODO: utilizzare jump-heading? */", secondaryItem.items.map((subItem) => (h("li", null, h("jump-button", { variant: "primary", size: "small", text: true, href: subItem.link, target: subItem.target, class: subItem.class }, subItem.text)))))))))))), h("slot", { key: '
|
|
34
|
+
h("h4", null, secondaryItem.title), " /* TODO: utilizzare jump-heading? */", secondaryItem.items.map((subItem) => (h("li", null, h("jump-button", { variant: "primary", size: "small", text: true, href: subItem.link, target: subItem.target, class: subItem.class }, subItem.text)))))))))))), h("slot", { key: '744976cc652586c06c8d57b6c72bcecbad6f18a2', name: "actions" }, h("slot", { key: '015abc23a87fe0463a66ecb582262f5bb9df08c8', name: "lang_switcher" }), h("slot", { key: 'eb48590e68a8a142901fcd1aa765dcb68f543002', name: "search" }), h("slot", { key: 'd8ec80bc6bd8063d884520aba59e0ed70ed2965f', name: "buttons" }), h("slot", { key: '6a26ce21dd00a2bc6c4eb92961e9e8bfcb3be7ba', name: "cart" }))));
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
37
|
JumpNavbar.style = JumpNavbarStyle0;
|
|
@@ -77,9 +77,9 @@ const JumpPaginationTable = class {
|
|
|
77
77
|
/* --------------------- RENDER ------------------------------- */
|
|
78
78
|
render() {
|
|
79
79
|
var _a;
|
|
80
|
-
return (h(Host, { key: '
|
|
81
|
-
h("jump-button", { key: '
|
|
82
|
-
h("jump-button", { key: '
|
|
80
|
+
return (h(Host, { key: '47cc6b24347df37305f7df4fe5a8afd7514e6e10', class: "JumpPaginationTable" }, h("div", { key: 'f55fceb2be6ded4feff7aa6755a2cbeaa5945ef9', class: "JumpPaginationTable__Wrapper" }, h("div", { key: '0b01c97f6b6bed5ffb75473f511607c7e8dd5372', class: "elementsPerPage" }, h("label", { key: '74b35bb0d6f5d7fdd5a1ec893662dd0a7e019151', htmlFor: "elements" }, (_a = this.labelElementsPerPage) !== null && _a !== void 0 ? _a : 'Elements per page'), h("select", { key: '4572cf12b14a2ba4cd83ba130a195a41e02612e3', name: "elements", id: "elements", onChange: (e) => this.setElPerPage(e) }, this.elementsRangesArray.map((range) => (h("option", { value: range, selected: (this.elPerPage == range) && true }, range))))), h("div", { key: '585299d1d1e3e7a87657a1c96ba387b1922ac67c', class: "indicators" }, h("div", { key: 'e040c1efd9b97d3957c3b7f848db3485caa832ea', class: "elements" }, h("span", { key: '2b0d31316aa647f835536d441288fce844c1a654' }, h("span", { key: 'b824d7c687b1a865c889fc4706c646d8d8848ffa' }, this.first), " - ", h("span", { key: '572dd73f4a9efa7e93ce40211798b35e7c70dbc1' }, this.last), " ", this.pagLabel, " ", h("span", { key: 'b3c51986ed329c5bfe4a096a8eeea0eaf17b9a5d' }, this.total))), h("div", { key: 'f92bd2eb072b9d84860b3e971bad0eb7a665b3c8', class: "arrow" }, this.showFirstAndLast &&
|
|
81
|
+
h("jump-button", { key: 'a99b6a74d3e5cd2e41ed7555f73fcae79e7a0f47', onClick: () => this.doChangePage('first'), variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: this.first === 1 }, " ", h("jump-icon", { key: '69530966896abe5880b9806105617e1e5b97602f', slot: "suffix", name: "chevrons-left" }), " "), h("jump-button", { key: '1c6df3f2752d92c276b3a279e74dff939ac3f56f', onClick: () => this.doChangePage('previous'), variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: this.first === 1 }, " ", h("jump-icon", { key: 'afd4a54bed701892067cb83677877b0b3a1deae6', slot: "suffix", name: "chevron-left" }), " "), h("jump-button", { key: '4a41c1520ffd5e185c416d9b89c82dd406361815', onClick: () => this.doChangePage('next'), variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: this.last === this.total }, " ", h("jump-icon", { key: 'f5e95f77772ed5b1ad757b292900dd597cd4d885', slot: "suffix", name: "chevron-right" }), " "), this.showFirstAndLast &&
|
|
82
|
+
h("jump-button", { key: '3647bdcd23f181b9d7969bf2a895a7c8b7ac5db8', onClick: () => this.doChangePage('last'), variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: this.last === this.total }, " ", h("jump-icon", { key: '963a4017dea5172684587208992277b0086e80c0', slot: "suffix", name: "chevrons-right" }), " "))))));
|
|
83
83
|
}
|
|
84
84
|
static get watchers() { return {
|
|
85
85
|
"elementsRanges": ["elementsRangesChanged"],
|
|
@@ -28,7 +28,7 @@ const JumpPagination = class {
|
|
|
28
28
|
}
|
|
29
29
|
/* --------------------- RENDER ------------------------------- */
|
|
30
30
|
render() {
|
|
31
|
-
return (h(Host, { key: '
|
|
31
|
+
return (h(Host, { key: '6d59cfd7f9bee81d599c42e804d0be48c1183b2c', class: "JumpPagination" }, h("div", { key: 'a3620c928b3302e6d5c9c51e99a5770ccf2eed08', class: "JumpPagination__Wrapper" }, h("div", { key: '6afc40de5d106e6a1427d5e7fdcf77628526c697', class: "indicators" }, h("div", { key: '6b2d8c5ccd7d70a5771d0e081d6bd2ef601b24f1', class: "elements" }, h("span", { key: '504c32d0067207719004ea4ad50b560fde48ccaa' }, h("span", { key: 'e22630f7a9523a8c36e5ae5e16aecc95fd6fb9b3' }, this.current), " ", this.pagLabel, " ", h("span", { key: '9627d631cf2dbebf81d4a97a5f62f35320907156' }, this.last))), h("div", { key: 'f513997580f67b7f58a73909bb6046413b1d47ae', class: "arrow" }, this.showFirstAndLast &&
|
|
32
32
|
// <button
|
|
33
33
|
// onClick={() => {this.current = 1} }
|
|
34
34
|
// disabled={(this.current === 1) ? true : false}>
|
|
@@ -36,14 +36,14 @@ const JumpPagination = class {
|
|
|
36
36
|
// disabled={(this.current === 1) ? true : false}
|
|
37
37
|
// ></jump-icon>
|
|
38
38
|
// </button>
|
|
39
|
-
h("jump-button", { key: '
|
|
39
|
+
h("jump-button", { key: '479d23ea1aed06af78a0aca4546cbd470db41fc6', onClick: () => { this.current = 1; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === 1) ? true : false }, " ", h("jump-icon", { key: 'c66720f530c76a0e251a4dd05adc57ba50db0032', slot: "suffix", name: "chevrons-left" }), " "), h("jump-button", { key: '490c17ffdc9f4b584338bcc0047eb8d5c5aefb53', onClick: () => { this.current--; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === 1) ? true : false }, " ", h("jump-icon", { key: 'e78b9de2a3640f71d1a6834adfee60abeb147c70', slot: "suffix", name: "chevron-left" }), " "), h("jump-button", { key: 'b4a8f249de7e4187cd8884b1edfc7329233e5f28', onClick: () => { this.current++; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === this.last) ? true : false }, " ", h("jump-icon", { key: '52e2ceada52102d6fc546d48a61dc97a8540ad57', slot: "suffix", name: "chevron-right" }), " "), this.showFirstAndLast &&
|
|
40
40
|
// <button
|
|
41
41
|
// onClick={() => {this.current = this.last}}
|
|
42
42
|
// disabled={(this.current === this.last) ? true : false}
|
|
43
43
|
// >
|
|
44
44
|
// <jump-icon library="fa" category="regular" name="chevrons-right" size="small" slot="prefix"></jump-icon>
|
|
45
45
|
// </button>
|
|
46
|
-
h("jump-button", { key: '
|
|
46
|
+
h("jump-button", { key: 'e81f401f008130ca0ff380f1fa520649709fade6', onClick: () => { this.current = this.last; }, variant: "primary", text: true, size: "small", name: "scopri", value: "value", "aria-label": "Scopri di pi\u00F9", id: "button", onlyIcon: true, disabled: (this.current === this.last) ? true : false }, " ", h("jump-icon", { key: 'd7bb704276c1aa16e046d56b23a41f94ff00aa74', slot: "suffix", name: "chevrons-right" }), " "))))));
|
|
47
47
|
}
|
|
48
48
|
static get watchers() { return {
|
|
49
49
|
"current": ["watchcurrent"]
|
|
@@ -83,11 +83,11 @@ const JumpQuantity = class {
|
|
|
83
83
|
render() {
|
|
84
84
|
// Disabilita il componente se value è 0 o max è 0
|
|
85
85
|
const isDisabled = this.value === 0 || this.max === 0;
|
|
86
|
-
return (h(Host, { key: '
|
|
87
|
-
h("jump-button", { key: '
|
|
86
|
+
return (h(Host, { key: 'fbbcea7549f9cb77a326f76053ed9beb045925b2', value: this.value, "data-variant": this.variant, "data-hasbuttons": this.showButtons, "data-disabled": isDisabled }, this.label && h("label", { key: 'da5b8cb0505091b611043c656562c57bd5727488' }, this.label), h("div", { key: '157b1ca9ae705daa33200012d0d726db4295b644', class: `jump-quantity__InnerWrapper` }, this.showButtons &&
|
|
87
|
+
h("jump-button", { key: 'f7ca6a2c2061d8d2ad33743ec3c7fcfd4c80a4be', onClick: () => this.value = this.value - this.step, disabled: this.value <= this.min || isDisabled, variant: 'neutral', size: 'custom' }, h("jump-icon", { key: '223b202debdd4a4c0f0f7d151a6745863ee6fb31', library: "lucide", name: "minus", size: "small" })), h("input", { key: '16ff4596f3695d997260956788800b37bdf0fa5c', ref: (el) => {
|
|
88
88
|
this.inputEl = el;
|
|
89
89
|
}, type: 'number', value: this.internalValue, onInput: (event) => this.handleChange(event), min: this.min, max: this.max, step: this.step, disabled: isDisabled, "aria-hasbuttons": this.showButtons }), this.showButtons &&
|
|
90
|
-
h("jump-button", { key: '
|
|
90
|
+
h("jump-button", { key: 'c5906228f5f60e5f3662963bf68b2a3529c0f82c', onClick: () => this.value = this.value + this.step, disabled: this.value >= this.max || isDisabled, variant: 'neutral', size: 'custom' }, h("jump-icon", { key: '2fe84c96e30d3abcc7dc13be7a936872a8789337', library: "lucide", name: "plus", size: "small" })))));
|
|
91
91
|
}
|
|
92
92
|
static get formAssociated() { return true; }
|
|
93
93
|
get el() { return getElement(this); }
|
|
@@ -32,7 +32,7 @@ const JumpSearchBarDropdownItem = class {
|
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: '1d47a172947f5873fa5ee72e30b966d0b4676b0c', ref: (el) => this.componentRef = el }));
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
JumpSearchBarDropdownItem.style = JumpSearchBarDropdownItemStyle0;
|
|
@@ -104,16 +104,16 @@ const JumpSearchBarMobile = class {
|
|
|
104
104
|
;
|
|
105
105
|
/* --------------------- RENDER ------------------------------- */
|
|
106
106
|
render() {
|
|
107
|
-
return (h(Host, { key: '
|
|
108
|
-
h("div", { key: '
|
|
109
|
-
h("div", { key: '
|
|
107
|
+
return (h(Host, { key: '2536b1f0ae49a8846f83de2a6619a2879fb5c007', class: "JumpSearchBarMobile", ref: (el) => (this.componentRef = el) }, h("jump-icon", { key: 'a0bcb9ee2cd8dec0a6c37132ef65232739120bc7', name: "magnifying-glass", category: "light", onClick: () => this.openDropdown() }), h("div", { key: '672612e8637351b3e558d876e2f9a195e10c8e9e', class: "DropdownWrapper " + (this.isOpen ? 'open' : '') }, h("div", { key: 'e051c440647d74967aa879723306bfc70458ddfa', class: "InputWrapper" }, h("jump-icon", { key: '1cf122efb81cc37fe2521978ee3bcabcbe150a8c', class: "closeButton", category: "light", name: "arrow-left", onClick: () => this.closeDropdown() }), h("input", { key: '18b175b318847b95c24cc245d2d7a3b1a87fa520', placeholder: this.placeholder, type: "search", id: this.identifier, class: "search-input", ref: (el) => { this.jumpSearchBar = el; }, onInput: this.debounce(this.doSearch), onFocus: this.handleFocus, onBlur: this.handleBlur }), h("jump-icon", { key: '799b2ec7419725fe9d6ccd38559b33b4885985e2', name: "magnifying-glass", category: "light" })), h("div", { key: 'f09906b6d56210753c6bb0a22e69e2e0950edd88', class: "Results" }, (this.resType == 'recents') &&
|
|
108
|
+
h("div", { key: 'fd32c692c51f584db8023585a105b471c407abda', class: "Results__Recents" }, this.recents.length != 0 && h("span", { key: 'eb838189df07f24a255f5cef1faa559c3cf50f22', class: "title" }, this.recentsTitle), h("div", { key: '2409d4e8937101f71cb2306e692d11cdcc049038', class: "ResWrapper" }, this.innerResults.length > 0 && this.innerResults.map((item) => (h("div", { onClick: () => this.handleResClicked(item) }, h("jump-icon", { name: "magnifying-glass", category: "light" }), item['value']))))), this.resType == 'results' &&
|
|
109
|
+
h("div", { key: '947f63941d7b7a962d4a6ce51f23771c86e4a57c', class: "Results__Results" }, h("div", { key: '9a960729de62217ae7102b903338800af55fb5eb', class: "ResWrapper" }, this.innerResults === undefined ?
|
|
110
110
|
h("div", { class: "helperText" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid", width: "252", height: "252" }, h("g", null, h("g", { transform: "rotate(0 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.9s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(36 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.8s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(72 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.7s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(108 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.6s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(144 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.5s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(180 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.4s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(216 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.3s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(252 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.2s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(288 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "-0.1s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", { transform: "rotate(324 50 50)" }, h("rect", { fill: "#707070", height: "11", width: "4", ry: "1.87", rx: "1.87", y: "27.5", x: "48" }, h("animate", { repeatCount: "indefinite", begin: "0s", dur: "1s", keyTimes: "0;1", values: "1;0", attributeName: "opacity" }))), h("g", null))), this.loadingText)
|
|
111
111
|
:
|
|
112
112
|
(this.innerResults.length > 0 ?
|
|
113
113
|
this.innerResults.map((item) => (h("div", { onClick: () => this.handleResClicked(item), key: item['id'] }, item['img'] && h("img", { src: item['img'], alt: "result" }), item['value'])))
|
|
114
114
|
:
|
|
115
115
|
h("div", { class: "helperText" }, this.noResultText)), (this.innerResults && this.innerResults.length > 0) &&
|
|
116
|
-
h("div", { key: '
|
|
116
|
+
h("div", { key: 'a89d62259384695b2662ed092aa7d9f828b5e43d', class: "totalRes" }, h("jump-button", { key: 'faf62951a5a42d2a0f2bf80b75545fd3e4e49f37', variant: "secondary", size: "small", text: true, onClick: () => this.btnOrShowOtherClicked(), target: "_blank" }, " ", this.showAllResText, " "), this.totalResults && h("div", { key: '2f8e1ce5496deaaefdb5d5367232bf7f58dbb1a2' }, this.totalResults, " ", this.resultsText))))))));
|
|
117
117
|
}
|
|
118
118
|
static get watchers() { return {
|
|
119
119
|
"searchValue": ["searchValueChanged"]
|
|
@@ -56,7 +56,7 @@ const JumpSideCartExample = class {
|
|
|
56
56
|
];
|
|
57
57
|
}
|
|
58
58
|
render() {
|
|
59
|
-
return (h("div", { key: '
|
|
59
|
+
return (h("div", { key: 'e7b39ed60d93c4cf1b1950eb825e4b9adc469423', class: "example-container" }, h("button", { key: 'cbbf5e1da70c5051ffaaa42e341a213371ad1ce3', class: "example-button", onClick: this.openCartFromRight }, "Open Cart from Right"), h("button", { key: '9c8ce9eb9455591dcd8053837d768c555cddd920', class: "example-button", onClick: this.openCartFromLeft }, "Open Cart from Left"), h("jump-side-cart", { key: '089052d928794db594a4edb1bdc448587497b6cb', isOpen: this.isCartOpen, items: this.cartItems, position: this.position, discountThreshold: {
|
|
60
60
|
amount: 170,
|
|
61
61
|
percentage: 3
|
|
62
62
|
}, progressPercentage: 30, checkoutLabel: "Vai al Checkout", viewCartLabel: "Vedi carrello", onCartClosed: this.handleCartClosed, onItemQuantityChanged: this.handleUpdateQuantity, onItemRemoved: this.handleRemoveItem, onCheckoutClicked: this.handleCheckout, onViewCartClicked: this.handleViewCart })));
|
|
@@ -24,8 +24,8 @@ const JumpTabItem = class {
|
|
|
24
24
|
this.variant = parentVariant;
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return (h(Host, { key: '
|
|
28
|
-
h("jump-icon", { key: '
|
|
27
|
+
return (h(Host, { key: '82ce82a7661b0677f7f4041a7ae499cec593f14f', ref: (el) => { this.tabEl = el; }, class: "JumpTabItem " + (this.active ? 'active' : '') + " " + (this.variant) + " " + (this.disabled ? 'disabled' : '') }, h("div", { key: '1805ac3582d5f6d87bcc2e6fb51ac336f5128e57', class: "Content " + (this.iconName ? this.iconPosition : '') + " " + (this.variant) + " " + (this.active ? 'active' : '') + " " + (this.disabled ? 'disabled' : ''), onClick: () => this.changeTab(this.identifier), id: this.identifier }, (this.iconName && (this.variant == 'inline' || this.variant == 'boxed')) &&
|
|
28
|
+
h("jump-icon", { key: '0227962214c89e1da7a574163952ab23a17dd7af', library: "fa", category: "regular", name: this.iconName, size: "small" }), h("span", { key: '5922dedce82d6ac398cf72ae12cd7bb0e1400e70', class: "label" }, this.label))));
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
31
|
JumpTabItem.style = JumpTabItemStyle0;
|
|
@@ -10,7 +10,7 @@ const JumpTabPanel = class {
|
|
|
10
10
|
this.active = false;
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '3ed1150190842c832987a664f0349558427968a1', class: "JumpTabPanel", id: this.identifier }, h("div", { key: '5541d0e120b67894b2636b6f3870472f13347afe', class: "JumpTabPanel__Content " + (this.active ? 'active' : '') }, h("slot", { key: 'c0a04d8bad8c7553866c872ff19e40ed56a08b0a' }))));
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
16
|
JumpTabPanel.style = JumpTabPanelStyle0;
|
|
@@ -72,7 +72,7 @@ const JumpTab = class {
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
render() {
|
|
75
|
-
return (h(Host, { key: '
|
|
75
|
+
return (h(Host, { key: 'a9487cf3bd46c5dac915b90636b9d45e87e576c0', class: "JumpTab " + this.variant, id: this.tabGroupName, ref: (el) => { this.JumpTabEl = el; } }, h("div", { key: '6b4f8dd93c4ecea25f998196f91057b321657926', class: "Wrapper " + (this.fullBorder ? 'fullBorder' : '') }, h("div", { key: '5987a837094386a68d8262287f23f775d82d049c', class: "ContentWrapper ContentWrapper--Items", style: { '--alignment': this.getAlignment(this.alignment) } }, h("div", { key: '68f9660eaf3b9b5d7afa25ba8c06b50a8cd68acb', class: "Content " + this.variant + " " + (this.disabled ? 'disabled' : '') + " " + (this.fullBorder ? 'fullBorder' : ''), style: { '--alignment': this.getAlignment(this.alignment) } }, h("slot", { key: '046bc6775c4d3417d2ad3356df08710500c010b7', name: "tab-item" }))), h("div", { key: 'a8ada645deff60fafd590dd118ed80d2d318978a', class: "ContentWrapper ContentWrapper--Panel" }, h("slot", { key: '28c698d7c775f5488fd6be00be26a068954d6ecd', name: "tab-content" })))));
|
|
76
76
|
}
|
|
77
77
|
getAlignment(alignment) {
|
|
78
78
|
switch (alignment) {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-98d5dd1f.js";export{s as setNonce}from"./p-98d5dd1f.js";import{g as a}from"./p-e1255160.js";var o=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};o().then((async e=>{await a();return t([["p-be188dd4",[[1,"jump-card-ecommerce",{hideDiscountIfLessThreshold:[2,"hide-discount-if-less-threshold"],onlyIconButton:[4,"only-icon-button"],hasBackground:[4,"has-background"],badge:[1],favorite:[1540],hasFavorite:[4,"has-favorite"],hasSlotForFavorite:[4,"has-slot-for-favorite"],hasSlotAddToCart:[4,"has-slot-add-to-cart"],link:[1],img:[1],imgAlt:[1,"img-alt"],hoverImg:[1,"hover-img"],hoverImgAlt:[1,"hover-img-alt"],videoSrc:[1,"video-src"],notificationUrl:[1,"notification-url"],notificationText:[1,"notification-text"],productName:[1,"product-name"],subtitle:[1],productId:[1,"product-id"],price:[2],salePrice:[2,"sale-price"],currency:[1],addToCartColor:[1,"add-to-cart-color"],badgeColor:[1,"badge-color"],badgeCustomColor:[1,"badge-custom-color"],outOfStock:[1540,"out-of-stock"],outOfStockText:[1,"out-of-stock-text"],addToCartText:[1,"add-to-cart-text"],waitingListButtonShow:[1540,"waiting-list-button-show"],waitingListText:[1,"waiting-list-text"],addToWaitingList:[4,"add-to-waiting-list"],isMini:[4,"is-mini"],disallowAddToCart:[4,"disallow-add-to-cart"],disallowAddToCartLabel:[1,"disallow-add-to-cart-label"],enableZoom:[4,"enable-zoom"],imageObjectFit:[1,"image-object-fit"],autoSelectFirstVariation:[4,"auto-select-first-variation"],showDiscountBadge:[4,"show-discount-badge"],verticalCard:[4,"vertical-card"],addedToCart:[4,"added-to-cart"],endAddedToCart:[4,"end-added-to-cart"],variations:[32],selectedVariation:[32],priceFormatted:[32],salePriceFormatted:[32],optionsOrdered:[32],setPrice:[64],forceVariationsOrder:[64],selectVariation:[64],selectFirstVariation:[64],getSelectedVariation:[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["p-
|
|
1
|
+
import{p as e,b as t}from"./p-98d5dd1f.js";export{s as setNonce}from"./p-98d5dd1f.js";import{g as a}from"./p-e1255160.js";var o=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};o().then((async e=>{await a();return t([["p-be188dd4",[[1,"jump-card-ecommerce",{hideDiscountIfLessThreshold:[2,"hide-discount-if-less-threshold"],onlyIconButton:[4,"only-icon-button"],hasBackground:[4,"has-background"],badge:[1],favorite:[1540],hasFavorite:[4,"has-favorite"],hasSlotForFavorite:[4,"has-slot-for-favorite"],hasSlotAddToCart:[4,"has-slot-add-to-cart"],link:[1],img:[1],imgAlt:[1,"img-alt"],hoverImg:[1,"hover-img"],hoverImgAlt:[1,"hover-img-alt"],videoSrc:[1,"video-src"],notificationUrl:[1,"notification-url"],notificationText:[1,"notification-text"],productName:[1,"product-name"],subtitle:[1],productId:[1,"product-id"],price:[2],salePrice:[2,"sale-price"],currency:[1],addToCartColor:[1,"add-to-cart-color"],badgeColor:[1,"badge-color"],badgeCustomColor:[1,"badge-custom-color"],outOfStock:[1540,"out-of-stock"],outOfStockText:[1,"out-of-stock-text"],addToCartText:[1,"add-to-cart-text"],waitingListButtonShow:[1540,"waiting-list-button-show"],waitingListText:[1,"waiting-list-text"],addToWaitingList:[4,"add-to-waiting-list"],isMini:[4,"is-mini"],disallowAddToCart:[4,"disallow-add-to-cart"],disallowAddToCartLabel:[1,"disallow-add-to-cart-label"],enableZoom:[4,"enable-zoom"],imageObjectFit:[1,"image-object-fit"],autoSelectFirstVariation:[4,"auto-select-first-variation"],showDiscountBadge:[4,"show-discount-badge"],verticalCard:[4,"vertical-card"],addedToCart:[4,"added-to-cart"],endAddedToCart:[4,"end-added-to-cart"],variations:[32],selectedVariation:[32],priceFormatted:[32],salePriceFormatted:[32],optionsOrdered:[32],setPrice:[64],forceVariationsOrder:[64],selectVariation:[64],selectFirstVariation:[64],getSelectedVariation:[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["p-78ace220",[[1,"jump-filter",{direction:[1],filterHeading:[1,"filter-heading"],filterButtonLabel:[1,"filter-button-label"],filterButtonIcon:[1,"filter-button-icon"],mobileThreshold:[2,"mobile-threshold"],filters:[8],showCount:[4,"show-count"],offCanvasOverlay:[4,"off-canvas-overlay"],activeFilters:[32],showMobileFilters:[32],isMobile:[32],offCanvasClasses:[32],getFilters:[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{showMobileFilters:["watchHandler"]}]]],["p-2f9dbd42",[[1,"jump-filtergroup",{name:[1],heading:[1],otherLabel:[1,"other-label"],lessLabel:[1,"less-label"],maxElements:[2,"max-elements"],variant:[1],label:[32],values:[32],value:[32],slotItems:[32],inputs:[32],showMore:[32],getValues:[64],getActiveAmount:[64],getInputs:[64],getName:[64]},null,{showMore:["watchShowMore"]}]]],["p-4e8b0955",[[1,"jump-navbar",{logo:[16],navItems:[16],secondaryNavItems:[16],mobileThreshold:[2,"mobile-threshold"],type:[1],navPosition:[1,"nav-position"],megaMenuAlignment:[1,"mega-menu-alignment"],sticky:[4],stickyThreshold:[2,"sticky-threshold"],mobileLogo:[16],user:[16],isMobile:[32]},[[9,"resize","handleResize"]]]]],["p-9eba7c7c",[[1,"jump-notice",{id:[1],title:[1],description:[1],link:[1],linkText:[1,"link-text"],closable:[4],type:[1],size:[1],visible:[32]}]]],["p-f6e09dc2",[[1,"jump-pagination",{pagLabel:[1,"pag-label"],last:[2],showFirstAndLast:[4,"show-first-and-last"],current:[32]},null,{current:["watchcurrent"]}]]],["p-468f27f9",[[0,"jump-pagination-table",{elementsRanges:[1,"elements-ranges"],elPerPage:[2,"el-per-page"],pagLabel:[513,"pag-label"],labelElementsPerPage:[513,"label-elements-per-page"],total:[514],first:[514],last:[514],showFirstAndLast:[516,"show-first-and-last"],elementsRangesArray:[32]},null,{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}]]],["p-185f8e46",[[65,"jump-quantity",{min:[2],max:[2],step:[2],label:[1],type:[1],variant:[1],showButtons:[4,"show-buttons"],value:[2],internalValue:[32],getValue:[64],setMax:[64],reset:[64]},null,{value:["onValueChange"]}]]],["p-038a2a14",[[1,"jump-search-bar",{searchValue:[1025,"search-value"],placeholder:[1],noResultText:[1,"no-result-text"],loadingText:[1,"loading-text"],resultsText:[1,"results-text"],showAllResText:[1,"show-all-res-text"],identifier:[1],debounceTime:[2,"debounce-time"],variant:[1],withBtn:[4,"with-btn"],recentsTitle:[1,"recents-title"],recents:[16],results:[16],dropdown:[4],linearIconOnly:[4,"linear-icon-only"],dropdownPosition:[1,"dropdown-position"],dropdownVisible:[32],resType:[32],innerResults:[32],totalResults:[32],isExpanded:[32],setResults:[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{searchValue:["searchValueChanged"]}]]],["p-bc87448e",[[1,"jump-search-bar-mobile",{identifier:[1],placeholder:[1],recents:[16],recentsTitle:[1,"recents-title"],debounceTime:[2,"debounce-time"],loadingText:[1,"loading-text"],noResultText:[1,"no-result-text"],results:[16],resultsText:[1,"results-text"],showAllResText:[1,"show-all-res-text"],isOpen:[32],innerResults:[32],totalResults:[32],resType:[32],searchValue:[32],setResults:[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{searchValue:["searchValueChanged"]}]]],["p-b3765945",[[1,"jump-accordion",{variant:[1],summary:[1],disabled:[4],open:[516],icon:[1],identifier:[1]},[[0,"sl-show","handleShow"]]]]],["p-0867da55",[[1,"jump-card-ecommerce-showcase",{hideDiscountIfLessThreshold:[2,"hide-discount-if-less-threshold"],badge:[1],link:[1],img:[1],imgAlt:[1,"img-alt"],productName:[1,"product-name"],subtitle:[1],productId:[1,"product-id"],price:[2],salePrice:[2,"sale-price"],currency:[1],badgeColor:[1,"badge-color"],outOfStock:[1540,"out-of-stock"],outOfStockText:[1,"out-of-stock-text"],availableText:[1,"available-text"],imageObjectFit:[1,"image-object-fit"],priceFormatted:[32],salePriceFormatted:[32],setPrice:[64]}]]],["p-421ebb5a",[[1,"jump-side-cart",{isOpen:[4,"is-open"],position:[1],items:[16],discountThreshold:[16],freeShippingThreshold:[2,"free-shipping-threshold"],progressPercentage:[2,"progress-percentage"],checkoutLabel:[1,"checkout-label"],viewCartLabel:[1,"view-cart-label"],shippingInfo:[1,"shipping-info"],cartItems:[32]}]]],["p-22edef06",[[1,"jump-side-cart-example",{isCartOpen:[32],position:[32],cartItems:[32]}]]],["p-99aee627",[[1,"jump-tab-item",{identifier:[1],iconName:[1,"icon-name"],iconPosition:[1,"icon-position"],label:[1],active:[4],disabled:[4],variant:[32]}]]],["p-bd692b1f",[[1,"jump-accordion-group",{variant:[1],groupIdentifier:[1,"group-identifier"]}]]],["p-6905cee4",[[4,"jump-card",{horizontal:[4],dark:[4],shadow:[4],border:[4],borderRadius:[4,"border-radius"],topBorderContentRadius:[4,"top-border-content-radius"],boxed:[4],roundedMedia:[4,"rounded-media"],imgSrc:[1,"img-src"],imgAlt:[1,"img-alt"],videoSrc:[1,"video-src"]}]]],["p-f7310fd5",[[1,"jump-card-ecommerce-option",{code:[1],imgUrl:[1,"img-url"],label:[1],sku:[1],taxonomy:[1],order:[2]}]]],["p-38e9e123",[[1,"jump-filter-checkbox",{value:[1],label:[1],checked:[516],count:[8],isChecked:[64]}]]],["p-82a66366",[[1,"jump-filter-range",{name:[1],labelMinBefore:[1,"label-min-before"],labelMinAfter:[1,"label-min-after"],labelMaxBefore:[1,"label-max-before"],labelMaxAfter:[1,"label-max-after"],min:[2],max:[2],step:[2],minVal:[2,"min-val"],maxVal:[2,"max-val"],disabled:[516],internalMinVal:[32],internalMaxVal:[32],getValues:[64]},null,{minVal:["watchMinVal"],maxVal:["watchMaxVal"]}]]],["p-6a605b21",[[1,"jump-filter-select",{value:[1537],placeholder:[1],label:[1],name:[1],options:[1],disabled:[516],multiple:[4],required:[4],loading:[4],open:[32],values:[32],getSelectedValue:[64],getSelectedOption:[64],getValues:[64],getName:[64],setValue:[64]}]]],["p-1af5f0da",[[1,"jump-filter-switch",{value:[1],label:[1],name:[1],checked:[1540],disabled:[516],values:[32],setValue:[64],isChecked:[64],getValues:[64],getName:[64]},null,{checked:["checkedChanged"]}]]],["p-bd2eb88b",[[1,"jump-search-bar-dropdown-item",{value:[1],img:[1],href:[1],details:[32]}]]],["p-3c89d6b5",[[1,"jump-tab",{disabled:[4],alignment:[1],fullBorder:[4,"full-border"],tabGroupName:[1,"tab-group-name"],variant:[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["p-063ac122",[[1,"jump-tab-panel",{identifier:[1],active:[4]}]]],["p-d663236e",[[1,"jump-badge",{label:[1],variant:[513],dimension:[513],soft:[516],outline:[516],customColor:[1,"custom-color"]}]]],["p-18c359e3",[[1,"jump-button",{disabled:[4],variant:[1],outline:[4],size:[1],full:[4],pill:[4],text:[4],onlyIcon:[4,"only-icon"],href:[1],target:[1],type:[1],name:[1],value:[1],ariaLabel:[1,"aria-label"],class:[1],buttonId:[1,"button-id"]}],[1,"jump-icon",{class:[1],library:[1],name:[1],category:[1],size:[1],label:[1],src:[1]}]]]],e)}));
|
|
2
2
|
//# sourceMappingURL=jump-design-system.esm.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:"3ed1150190842c832987a664f0349558427968a1",class:"JumpTabPanel",id:this.identifier},e("div",{key:"5541d0e120b67894b2636b6f3870472f13347afe",class:"JumpTabPanel__Content "+(this.active?"active":"")},e("slot",{key:"c0a04d8bad8c7553866c872ff19e40ed56a08b0a"})))}};d.style=n;export{d as jump_tab_panel};
|
|
2
|
+
//# sourceMappingURL=p-063ac122.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as s,g as a}from"./p-98d5dd1f.js";const n=":host{display:inline-flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:0.5rem}:host jump-button,:host button{--jump-button-padding:0.5rem}:host [data-variant=horizontal]{flex-direction:row}:host label{color:var(--neutral-grey-secondary);font-size:0.875rem}:host input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;margin:0;outline:none;border:1px solid transparent;border-radius:3px;padding:0.5rem;height:14px;width:36px;font-size:0.875rem;text-align:center}:host input::-webkit-inner-spin-button,:host input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:host input:focus{border-color:var(--secondary-standard)}:host input:not([aria-hasbuttons]){border-color:var(--neutral-grey-secondary)}:host input[type=button]{cursor:pointer}:host ::slotted(jump-button){--jump-button-padding:0}:host .jump-quantity__InnerWrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:0}";const r=n;const h=class{constructor(i){t(this,i);this.change=e(this,"jump-change",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.min=1;this.max=undefined;this.step=1;this.label="";this.type="buttons";this.variant="vertical";this.showButtons=true;this.value=this.min;this.internalValue=undefined}onValueChange(t,e){this.change.emit({value:t,oldValue:e});this.internalValue=t!==null&&t!==void 0?t:this.min;this.change.emit({value:this.internalValue,oldValue:e});this.internals.setFormValue(this.internalValue.toString());this.internals.setFormValue(t)}async getValue(){return this.value}async setMax(t){this.max=t}async reset(){this.value=this.min}componentWillLoad(){var t;this.internalValue=(t=this.value)!==null&&t!==void 0?t:this.min;this.internals.setFormValue(this.internalValue.toString())}formResetCallback(){this.internals.setValidity({});this.internals.setFormValue("")}handleChange(t){if(this.value===0||this.max===0){return}let e=parseInt(t.target.value);if(e<this.min){this.value=this.min}else if(e>this.max){this.value=this.max}else{this.value=t.target.value}}handleBlur(t){if(t.target.value<this.min){this.value=this.min}}render(){const t=this.value===0||this.max===0;return i(s,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as e,h as i,H as s,g as a}from"./p-98d5dd1f.js";const n=":host{display:inline-flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:0.5rem}:host jump-button,:host button{--jump-button-padding:0.5rem}:host [data-variant=horizontal]{flex-direction:row}:host label{color:var(--neutral-grey-secondary);font-size:0.875rem}:host input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;margin:0;outline:none;border:1px solid transparent;border-radius:3px;padding:0.5rem;height:14px;width:36px;font-size:0.875rem;text-align:center}:host input::-webkit-inner-spin-button,:host input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:host input:focus{border-color:var(--secondary-standard)}:host input:not([aria-hasbuttons]){border-color:var(--neutral-grey-secondary)}:host input[type=button]{cursor:pointer}:host ::slotted(jump-button){--jump-button-padding:0}:host .jump-quantity__InnerWrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:0}";const r=n;const h=class{constructor(i){t(this,i);this.change=e(this,"jump-change",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.min=1;this.max=undefined;this.step=1;this.label="";this.type="buttons";this.variant="vertical";this.showButtons=true;this.value=this.min;this.internalValue=undefined}onValueChange(t,e){this.change.emit({value:t,oldValue:e});this.internalValue=t!==null&&t!==void 0?t:this.min;this.change.emit({value:this.internalValue,oldValue:e});this.internals.setFormValue(this.internalValue.toString());this.internals.setFormValue(t)}async getValue(){return this.value}async setMax(t){this.max=t}async reset(){this.value=this.min}componentWillLoad(){var t;this.internalValue=(t=this.value)!==null&&t!==void 0?t:this.min;this.internals.setFormValue(this.internalValue.toString())}formResetCallback(){this.internals.setValidity({});this.internals.setFormValue("")}handleChange(t){if(this.value===0||this.max===0){return}let e=parseInt(t.target.value);if(e<this.min){this.value=this.min}else if(e>this.max){this.value=this.max}else{this.value=t.target.value}}handleBlur(t){if(t.target.value<this.min){this.value=this.min}}render(){const t=this.value===0||this.max===0;return i(s,{key:"fbbcea7549f9cb77a326f76053ed9beb045925b2",value:this.value,"data-variant":this.variant,"data-hasbuttons":this.showButtons,"data-disabled":t},this.label&&i("label",{key:"da5b8cb0505091b611043c656562c57bd5727488"},this.label),i("div",{key:"157b1ca9ae705daa33200012d0d726db4295b644",class:`jump-quantity__InnerWrapper`},this.showButtons&&i("jump-button",{key:"f7ca6a2c2061d8d2ad33743ec3c7fcfd4c80a4be",onClick:()=>this.value=this.value-this.step,disabled:this.value<=this.min||t,variant:"neutral",size:"custom"},i("jump-icon",{key:"223b202debdd4a4c0f0f7d151a6745863ee6fb31",library:"lucide",name:"minus",size:"small"})),i("input",{key:"16ff4596f3695d997260956788800b37bdf0fa5c",ref:t=>{this.inputEl=t},type:"number",value:this.internalValue,onInput:t=>this.handleChange(t),min:this.min,max:this.max,step:this.step,disabled:t,"aria-hasbuttons":this.showButtons}),this.showButtons&&i("jump-button",{key:"c5906228f5f60e5f3662963bf68b2a3529c0f82c",onClick:()=>this.value=this.value+this.step,disabled:this.value>=this.max||t,variant:"neutral",size:"custom"},i("jump-icon",{key:"2fe84c96e30d3abcc7dc13be7a936872a8789337",library:"lucide",name:"plus",size:"small"}))))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{value:["onValueChange"]}}};h.style=r;export{h as jump_quantity};
|
|
2
|
+
//# sourceMappingURL=p-185f8e46.entry.js.map
|