@jumpgroup/jump-design-system 1.0.22 → 1.0.23
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 +4 -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-717e43ab.entry.js +2 -0
- package/dist/jump-design-system/p-717e43ab.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
|
@@ -209,5 +209,5 @@ import{r as l,c as s,h as o,H as r}from"./p-98d5dd1f.js";import{i as e,c as t,_
|
|
|
209
209
|
<slot name="help-text">${this.helpText}</slot>
|
|
210
210
|
</div>
|
|
211
211
|
</div>
|
|
212
|
-
`}};k.styles=[t,d,y];i([b('input[type="checkbox"]')],k.prototype,"input",2);i([n()],k.prototype,"hasFocus",2);i([u()],k.prototype,"title",2);i([u()],k.prototype,"name",2);i([u()],k.prototype,"value",2);i([u({reflect:true})],k.prototype,"size",2);i([u({type:Boolean,reflect:true})],k.prototype,"disabled",2);i([u({type:Boolean,reflect:true})],k.prototype,"checked",2);i([v("checked")],k.prototype,"defaultChecked",2);i([u({reflect:true})],k.prototype,"form",2);i([u({type:Boolean,reflect:true})],k.prototype,"required",2);i([u({attribute:"help-text"})],k.prototype,"helpText",2);i([c("checked",{waitUntilFirstUpdate:true})],k.prototype,"handleCheckedChange",1);i([c("disabled",{waitUntilFirstUpdate:true})],k.prototype,"handleDisabledChange",1);k.define("sl-switch");const x=':root,:host,.sl-theme-light{color-scheme:light;--sl-color-gray-50:hsl(0 0% 97.5%);--sl-color-gray-100:hsl(240 4.8% 95.9%);--sl-color-gray-200:hsl(240 5.9% 90%);--sl-color-gray-300:hsl(240 4.9% 83.9%);--sl-color-gray-400:hsl(240 5% 64.9%);--sl-color-gray-500:hsl(240 3.8% 46.1%);--sl-color-gray-600:hsl(240 5.2% 33.9%);--sl-color-gray-700:hsl(240 5.3% 26.1%);--sl-color-gray-800:hsl(240 3.7% 15.9%);--sl-color-gray-900:hsl(240 5.9% 10%);--sl-color-gray-950:hsl(240 7.3% 8%);--sl-color-red-50:hsl(0 85.7% 97.3%);--sl-color-red-100:hsl(0 93.3% 94.1%);--sl-color-red-200:hsl(0 96.3% 89.4%);--sl-color-red-300:hsl(0 93.5% 81.8%);--sl-color-red-400:hsl(0 90.6% 70.8%);--sl-color-red-500:hsl(0 84.2% 60.2%);--sl-color-red-600:hsl(0 72.2% 50.6%);--sl-color-red-700:hsl(0 73.7% 41.8%);--sl-color-red-800:hsl(0 70% 35.3%);--sl-color-red-900:hsl(0 62.8% 30.6%);--sl-color-red-950:hsl(0 60% 19.6%);--sl-color-orange-50:hsl(33.3 100% 96.5%);--sl-color-orange-100:hsl(34.3 100% 91.8%);--sl-color-orange-200:hsl(32.1 97.7% 83.1%);--sl-color-orange-300:hsl(30.7 97.2% 72.4%);--sl-color-orange-400:hsl(27 96% 61%);--sl-color-orange-500:hsl(24.6 95% 53.1%);--sl-color-orange-600:hsl(20.5 90.2% 48.2%);--sl-color-orange-700:hsl(17.5 88.3% 40.4%);--sl-color-orange-800:hsl(15 79.1% 33.7%);--sl-color-orange-900:hsl(15.3 74.6% 27.8%);--sl-color-orange-950:hsl(15.2 69.1% 19%);--sl-color-amber-50:hsl(48 100% 96.1%);--sl-color-amber-100:hsl(48 96.5% 88.8%);--sl-color-amber-200:hsl(48 96.6% 76.7%);--sl-color-amber-300:hsl(45.9 96.7% 64.5%);--sl-color-amber-400:hsl(43.3 96.4% 56.3%);--sl-color-amber-500:hsl(37.7 92.1% 50.2%);--sl-color-amber-600:hsl(32.1 94.6% 43.7%);--sl-color-amber-700:hsl(26 90.5% 37.1%);--sl-color-amber-800:hsl(22.7 82.5% 31.4%);--sl-color-amber-900:hsl(21.7 77.8% 26.5%);--sl-color-amber-950:hsl(22.9 74.1% 16.7%);--sl-color-yellow-50:hsl(54.5 91.7% 95.3%);--sl-color-yellow-100:hsl(54.9 96.7% 88%);--sl-color-yellow-200:hsl(52.8 98.3% 76.9%);--sl-color-yellow-300:hsl(50.4 97.8% 63.5%);--sl-color-yellow-400:hsl(47.9 95.8% 53.1%);--sl-color-yellow-500:hsl(45.4 93.4% 47.5%);--sl-color-yellow-600:hsl(40.6 96.1% 40.4%);--sl-color-yellow-700:hsl(35.5 91.7% 32.9%);--sl-color-yellow-800:hsl(31.8 81% 28.8%);--sl-color-yellow-900:hsl(28.4 72.5% 25.7%);--sl-color-yellow-950:hsl(33.1 69% 13.9%);--sl-color-lime-50:hsl(78.3 92% 95.1%);--sl-color-lime-100:hsl(79.6 89.1% 89.2%);--sl-color-lime-200:hsl(80.9 88.5% 79.6%);--sl-color-lime-300:hsl(82 84.5% 67.1%);--sl-color-lime-400:hsl(82.7 78% 55.5%);--sl-color-lime-500:hsl(83.7 80.5% 44.3%);--sl-color-lime-600:hsl(84.8 85.2% 34.5%);--sl-color-lime-700:hsl(85.9 78.4% 27.3%);--sl-color-lime-800:hsl(86.3 69% 22.7%);--sl-color-lime-900:hsl(87.6 61.2% 20.2%);--sl-color-lime-950:hsl(86.5 60.6% 13.9%);--sl-color-green-50:hsl(138.5 76.5% 96.7%);--sl-color-green-100:hsl(140.6 84.2% 92.5%);--sl-color-green-200:hsl(141 78.9% 85.1%);--sl-color-green-300:hsl(141.7 76.6% 73.1%);--sl-color-green-400:hsl(141.9 69.2% 58%);--sl-color-green-500:hsl(142.1 70.6% 45.3%);--sl-color-green-600:hsl(142.1 76.2% 36.3%);--sl-color-green-700:hsl(142.4 71.8% 29.2%);--sl-color-green-800:hsl(142.8 64.2% 24.1%);--sl-color-green-900:hsl(143.8 61.2% 20.2%);--sl-color-green-950:hsl(144.3 60.7% 12%);--sl-color-emerald-50:hsl(151.8 81% 95.9%);--sl-color-emerald-100:hsl(149.3 80.4% 90%);--sl-color-emerald-200:hsl(152.4 76% 80.4%);--sl-color-emerald-300:hsl(156.2 71.6% 66.9%);--sl-color-emerald-400:hsl(158.1 64.4% 51.6%);--sl-color-emerald-500:hsl(160.1 84.1% 39.4%);--sl-color-emerald-600:hsl(161.4 93.5% 30.4%);--sl-color-emerald-700:hsl(162.9 93.5% 24.3%);--sl-color-emerald-800:hsl(163.1 88.1% 19.8%);--sl-color-emerald-900:hsl(164.2 85.7% 16.5%);--sl-color-emerald-950:hsl(164.3 87.5% 9.4%);--sl-color-teal-50:hsl(166.2 76.5% 96.7%);--sl-color-teal-100:hsl(167.2 85.5% 89.2%);--sl-color-teal-200:hsl(168.4 83.8% 78.2%);--sl-color-teal-300:hsl(170.6 76.9% 64.3%);--sl-color-teal-400:hsl(172.5 66% 50.4%);--sl-color-teal-500:hsl(173.4 80.4% 40%);--sl-color-teal-600:hsl(174.7 83.9% 31.6%);--sl-color-teal-700:hsl(175.3 77.4% 26.1%);--sl-color-teal-800:hsl(176.1 69.4% 21.8%);--sl-color-teal-900:hsl(175.9 60.8% 19%);--sl-color-teal-950:hsl(176.5 58.6% 11.4%);--sl-color-cyan-50:hsl(183.2 100% 96.3%);--sl-color-cyan-100:hsl(185.1 95.9% 90.4%);--sl-color-cyan-200:hsl(186.2 93.5% 81.8%);--sl-color-cyan-300:hsl(187 92.4% 69%);--sl-color-cyan-400:hsl(187.9 85.7% 53.3%);--sl-color-cyan-500:hsl(188.7 94.5% 42.7%);--sl-color-cyan-600:hsl(191.6 91.4% 36.5%);--sl-color-cyan-700:hsl(192.9 82.3% 31%);--sl-color-cyan-800:hsl(194.4 69.6% 27.1%);--sl-color-cyan-900:hsl(196.4 63.6% 23.7%);--sl-color-cyan-950:hsl(196.8 61% 16.1%);--sl-color-sky-50:hsl(204 100% 97.1%);--sl-color-sky-100:hsl(204 93.8% 93.7%);--sl-color-sky-200:hsl(200.6 94.4% 86.1%);--sl-color-sky-300:hsl(199.4 95.5% 73.9%);--sl-color-sky-400:hsl(198.4 93.2% 59.6%);--sl-color-sky-500:hsl(198.6 88.7% 48.4%);--sl-color-sky-600:hsl(200.4 98% 39.4%);--sl-color-sky-700:hsl(201.3 96.3% 32.2%);--sl-color-sky-800:hsl(201 90% 27.5%);--sl-color-sky-900:hsl(202 80.3% 23.9%);--sl-color-sky-950:hsl(202.3 73.8% 16.5%);--sl-color-blue-50:hsl(213.8 100% 96.9%);--sl-color-blue-100:hsl(214.3 94.6% 92.7%);--sl-color-blue-200:hsl(213.3 96.9% 87.3%);--sl-color-blue-300:hsl(211.7 96.4% 78.4%);--sl-color-blue-400:hsl(213.1 93.9% 67.8%);--sl-color-blue-500:hsl(217.2 91.2% 59.8%);--sl-color-blue-600:hsl(221.2 83.2% 53.3%);--sl-color-blue-700:hsl(224.3 76.3% 48%);--sl-color-blue-800:hsl(225.9 70.7% 40.2%);--sl-color-blue-900:hsl(224.4 64.3% 32.9%);--sl-color-blue-950:hsl(226.2 55.3% 18.4%);--sl-color-indigo-50:hsl(225.9 100% 96.7%);--sl-color-indigo-100:hsl(226.5 100% 93.9%);--sl-color-indigo-200:hsl(228 96.5% 88.8%);--sl-color-indigo-300:hsl(229.7 93.5% 81.8%);--sl-color-indigo-400:hsl(234.5 89.5% 73.9%);--sl-color-indigo-500:hsl(238.7 83.5% 66.7%);--sl-color-indigo-600:hsl(243.4 75.4% 58.6%);--sl-color-indigo-700:hsl(244.5 57.9% 50.6%);--sl-color-indigo-800:hsl(243.7 54.5% 41.4%);--sl-color-indigo-900:hsl(242.2 47.4% 34.3%);--sl-color-indigo-950:hsl(243.5 43.6% 22.9%);--sl-color-violet-50:hsl(250 100% 97.6%);--sl-color-violet-100:hsl(251.4 91.3% 95.5%);--sl-color-violet-200:hsl(250.5 95.2% 91.8%);--sl-color-violet-300:hsl(252.5 94.7% 85.1%);--sl-color-violet-400:hsl(255.1 91.7% 76.3%);--sl-color-violet-500:hsl(258.3 89.5% 66.3%);--sl-color-violet-600:hsl(262.1 83.3% 57.8%);--sl-color-violet-700:hsl(263.4 70% 50.4%);--sl-color-violet-800:hsl(263.4 69.3% 42.2%);--sl-color-violet-900:hsl(263.5 67.4% 34.9%);--sl-color-violet-950:hsl(265.1 61.5% 21.4%);--sl-color-purple-50:hsl(270 100% 98%);--sl-color-purple-100:hsl(268.7 100% 95.5%);--sl-color-purple-200:hsl(268.6 100% 91.8%);--sl-color-purple-300:hsl(269.2 97.4% 85.1%);--sl-color-purple-400:hsl(270 95.2% 75.3%);--sl-color-purple-500:hsl(270.7 91% 65.1%);--sl-color-purple-600:hsl(271.5 81.3% 55.9%);--sl-color-purple-700:hsl(272.1 71.7% 47.1%);--sl-color-purple-800:hsl(272.9 67.2% 39.4%);--sl-color-purple-900:hsl(273.6 65.6% 32%);--sl-color-purple-950:hsl(276 59.5% 16.5%);--sl-color-fuchsia-50:hsl(289.1 100% 97.8%);--sl-color-fuchsia-100:hsl(287 100% 95.5%);--sl-color-fuchsia-200:hsl(288.3 95.8% 90.6%);--sl-color-fuchsia-300:hsl(291.1 93.1% 82.9%);--sl-color-fuchsia-400:hsl(292 91.4% 72.5%);--sl-color-fuchsia-500:hsl(292.2 84.1% 60.6%);--sl-color-fuchsia-600:hsl(293.4 69.5% 48.8%);--sl-color-fuchsia-700:hsl(294.7 72.4% 39.8%);--sl-color-fuchsia-800:hsl(295.4 70.2% 32.9%);--sl-color-fuchsia-900:hsl(296.7 63.6% 28%);--sl-color-fuchsia-950:hsl(297.1 56.8% 14.5%);--sl-color-pink-50:hsl(327.3 73.3% 97.1%);--sl-color-pink-100:hsl(325.7 77.8% 94.7%);--sl-color-pink-200:hsl(325.9 84.6% 89.8%);--sl-color-pink-300:hsl(327.4 87.1% 81.8%);--sl-color-pink-400:hsl(328.6 85.5% 70.2%);--sl-color-pink-500:hsl(330.4 81.2% 60.4%);--sl-color-pink-600:hsl(333.3 71.4% 50.6%);--sl-color-pink-700:hsl(335.1 77.6% 42%);--sl-color-pink-800:hsl(335.8 74.4% 35.3%);--sl-color-pink-900:hsl(335.9 69% 30.4%);--sl-color-pink-950:hsl(336.2 65.4% 15.9%);--sl-color-rose-50:hsl(355.7 100% 97.3%);--sl-color-rose-100:hsl(355.6 100% 94.7%);--sl-color-rose-200:hsl(352.7 96.1% 90%);--sl-color-rose-300:hsl(352.6 95.7% 81.8%);--sl-color-rose-400:hsl(351.3 94.5% 71.4%);--sl-color-rose-500:hsl(349.7 89.2% 60.2%);--sl-color-rose-600:hsl(346.8 77.2% 49.8%);--sl-color-rose-700:hsl(345.3 82.7% 40.8%);--sl-color-rose-800:hsl(343.4 79.7% 34.7%);--sl-color-rose-900:hsl(341.5 75.5% 30.4%);--sl-color-rose-950:hsl(341.3 70.1% 17.1%);--sl-color-primary-50:var(--sl-color-sky-50);--sl-color-primary-100:var(--sl-color-sky-100);--sl-color-primary-200:var(--sl-color-sky-200);--sl-color-primary-300:var(--sl-color-sky-300);--sl-color-primary-400:var(--sl-color-sky-400);--sl-color-primary-500:var(--sl-color-sky-500);--sl-color-primary-600:var(--sl-color-sky-600);--sl-color-primary-700:var(--sl-color-sky-700);--sl-color-primary-800:var(--sl-color-sky-800);--sl-color-primary-900:var(--sl-color-sky-900);--sl-color-primary-950:var(--sl-color-sky-950);--sl-color-success-50:var(--sl-color-green-50);--sl-color-success-100:var(--sl-color-green-100);--sl-color-success-200:var(--sl-color-green-200);--sl-color-success-300:var(--sl-color-green-300);--sl-color-success-400:var(--sl-color-green-400);--sl-color-success-500:var(--sl-color-green-500);--sl-color-success-600:var(--sl-color-green-600);--sl-color-success-700:var(--sl-color-green-700);--sl-color-success-800:var(--sl-color-green-800);--sl-color-success-900:var(--sl-color-green-900);--sl-color-success-950:var(--sl-color-green-950);--sl-color-warning-50:var(--sl-color-amber-50);--sl-color-warning-100:var(--sl-color-amber-100);--sl-color-warning-200:var(--sl-color-amber-200);--sl-color-warning-300:var(--sl-color-amber-300);--sl-color-warning-400:var(--sl-color-amber-400);--sl-color-warning-500:var(--sl-color-amber-500);--sl-color-warning-600:var(--sl-color-amber-600);--sl-color-warning-700:var(--sl-color-amber-700);--sl-color-warning-800:var(--sl-color-amber-800);--sl-color-warning-900:var(--sl-color-amber-900);--sl-color-warning-950:var(--sl-color-amber-950);--sl-color-danger-50:var(--sl-color-red-50);--sl-color-danger-100:var(--sl-color-red-100);--sl-color-danger-200:var(--sl-color-red-200);--sl-color-danger-300:var(--sl-color-red-300);--sl-color-danger-400:var(--sl-color-red-400);--sl-color-danger-500:var(--sl-color-red-500);--sl-color-danger-600:var(--sl-color-red-600);--sl-color-danger-700:var(--sl-color-red-700);--sl-color-danger-800:var(--sl-color-red-800);--sl-color-danger-900:var(--sl-color-red-900);--sl-color-danger-950:var(--sl-color-red-950);--sl-color-neutral-50:var(--sl-color-gray-50);--sl-color-neutral-100:var(--sl-color-gray-100);--sl-color-neutral-200:var(--sl-color-gray-200);--sl-color-neutral-300:var(--sl-color-gray-300);--sl-color-neutral-400:var(--sl-color-gray-400);--sl-color-neutral-500:var(--sl-color-gray-500);--sl-color-neutral-600:var(--sl-color-gray-600);--sl-color-neutral-700:var(--sl-color-gray-700);--sl-color-neutral-800:var(--sl-color-gray-800);--sl-color-neutral-900:var(--sl-color-gray-900);--sl-color-neutral-950:var(--sl-color-gray-950);--sl-color-neutral-0:hsl(0, 0%, 100%);--sl-color-neutral-1000:hsl(0, 0%, 0%);--sl-border-radius-small:0.1875rem;--sl-border-radius-medium:0.25rem;--sl-border-radius-large:0.5rem;--sl-border-radius-x-large:1rem;--sl-border-radius-circle:50%;--sl-border-radius-pill:9999px;--sl-shadow-x-small:0 1px 2px hsl(240 3.8% 46.1% / 6%);--sl-shadow-small:0 1px 2px hsl(240 3.8% 46.1% / 12%);--sl-shadow-medium:0 2px 4px hsl(240 3.8% 46.1% / 12%);--sl-shadow-large:0 2px 8px hsl(240 3.8% 46.1% / 12%);--sl-shadow-x-large:0 4px 16px hsl(240 3.8% 46.1% / 12%);--sl-spacing-3x-small:0.125rem;--sl-spacing-2x-small:0.25rem;--sl-spacing-x-small:0.5rem;--sl-spacing-small:0.75rem;--sl-spacing-medium:1rem;--sl-spacing-large:1.25rem;--sl-spacing-x-large:1.75rem;--sl-spacing-2x-large:2.25rem;--sl-spacing-3x-large:3rem;--sl-spacing-4x-large:4.5rem;--sl-transition-x-slow:1000ms;--sl-transition-slow:500ms;--sl-transition-medium:250ms;--sl-transition-fast:150ms;--sl-transition-x-fast:50ms;--sl-font-mono:SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--sl-font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,\n Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",\n "Segoe UI Symbol";--sl-font-serif:Georgia, "Times New Roman", serif;--sl-font-size-2x-small:0.625rem;--sl-font-size-x-small:0.75rem;--sl-font-size-small:0.875rem;--sl-font-size-medium:1rem;--sl-font-size-large:1.25rem;--sl-font-size-x-large:1.5rem;--sl-font-size-2x-large:2.25rem;--sl-font-size-3x-large:3rem;--sl-font-size-4x-large:4.5rem;--sl-font-weight-light:300;--sl-font-weight-normal:400;--sl-font-weight-semibold:500;--sl-font-weight-bold:700;--sl-letter-spacing-denser:-0.03em;--sl-letter-spacing-dense:-0.015em;--sl-letter-spacing-normal:normal;--sl-letter-spacing-loose:0.075em;--sl-letter-spacing-looser:0.15em;--sl-line-height-denser:1;--sl-line-height-dense:1.4;--sl-line-height-normal:1.8;--sl-line-height-loose:2.2;--sl-line-height-looser:2.6;--sl-focus-ring-color:var(--sl-color-primary-600);--sl-focus-ring-style:solid;--sl-focus-ring-width:3px;--sl-focus-ring:var(--sl-focus-ring-style) var(--sl-focus-ring-width)\n var(--sl-focus-ring-color);--sl-focus-ring-offset:1px;--sl-button-font-size-small:var(--sl-font-size-x-small);--sl-button-font-size-medium:var(--sl-font-size-small);--sl-button-font-size-large:var(--sl-font-size-medium);--sl-input-height-small:1.875rem;--sl-input-height-medium:2.5rem;--sl-input-height-large:3.125rem;--sl-input-background-color:var(--sl-color-neutral-0);--sl-input-background-color-hover:var(--sl-input-background-color);--sl-input-background-color-focus:var(--sl-input-background-color);--sl-input-background-color-disabled:var(--sl-color-neutral-100);--sl-input-border-color:var(--sl-color-neutral-300);--sl-input-border-color-hover:var(--sl-color-neutral-400);--sl-input-border-color-focus:var(--sl-color-primary-500);--sl-input-border-color-disabled:var(--sl-color-neutral-300);--sl-input-border-width:1px;--sl-input-required-content:"*";--sl-input-required-content-offset:-2px;--sl-input-required-content-color:var(--sl-input-label-color);--sl-input-border-radius-small:var(--sl-border-radius-medium);--sl-input-border-radius-medium:var(--sl-border-radius-medium);--sl-input-border-radius-large:var(--sl-border-radius-medium);--sl-input-font-family:var(--sl-font-sans);--sl-input-font-weight:var(--sl-font-weight-normal);--sl-input-font-size-small:var(--sl-font-size-small);--sl-input-font-size-medium:var(--sl-font-size-medium);--sl-input-font-size-large:var(--sl-font-size-large);--sl-input-letter-spacing:var(--sl-letter-spacing-normal);--sl-input-color:var(--sl-color-neutral-700);--sl-input-color-hover:var(--sl-color-neutral-700);--sl-input-color-focus:var(--sl-color-neutral-700);--sl-input-color-disabled:var(--sl-color-neutral-900);--sl-input-icon-color:var(--sl-color-neutral-500);--sl-input-icon-color-hover:var(--sl-color-neutral-600);--sl-input-icon-color-focus:var(--sl-color-neutral-600);--sl-input-placeholder-color:var(--sl-color-neutral-500);--sl-input-placeholder-color-disabled:var(--sl-color-neutral-600);--sl-input-spacing-small:var(--sl-spacing-small);--sl-input-spacing-medium:var(--sl-spacing-medium);--sl-input-spacing-large:var(--sl-spacing-large);--sl-input-focus-ring-color:hsl(198.6 88.7% 48.4% / 40%);--sl-input-focus-ring-offset:0;--sl-input-filled-background-color:var(--sl-color-neutral-100);--sl-input-filled-background-color-hover:var(--sl-color-neutral-100);--sl-input-filled-background-color-focus:var(--sl-color-neutral-100);--sl-input-filled-background-color-disabled:var(--sl-color-neutral-100);--sl-input-filled-color:var(--sl-color-neutral-800);--sl-input-filled-color-hover:var(--sl-color-neutral-800);--sl-input-filled-color-focus:var(--sl-color-neutral-700);--sl-input-filled-color-disabled:var(--sl-color-neutral-800);--sl-input-label-font-size-small:var(--sl-font-size-small);--sl-input-label-font-size-medium:var(--sl-font-size-medium);--sl-input-label-font-size-large:var(--sl-font-size-large);--sl-input-label-color:inherit;--sl-input-help-text-font-size-small:var(--sl-font-size-x-small);--sl-input-help-text-font-size-medium:var(--sl-font-size-small);--sl-input-help-text-font-size-large:var(--sl-font-size-medium);--sl-input-help-text-color:var(--sl-color-neutral-500);--sl-toggle-size-small:0.875rem;--sl-toggle-size-medium:1.125rem;--sl-toggle-size-large:1.375rem;--sl-overlay-background-color:hsl(240 3.8% 46.1% / 33%);--sl-panel-background-color:var(--sl-color-neutral-0);--sl-panel-border-color:var(--sl-color-neutral-200);--sl-panel-border-width:1px;--sl-tooltip-border-radius:var(--sl-border-radius-medium);--sl-tooltip-background-color:var(--sl-color-neutral-800);--sl-tooltip-color:var(--sl-color-neutral-0);--sl-tooltip-font-family:var(--sl-font-sans);--sl-tooltip-font-weight:var(--sl-font-weight-normal);--sl-tooltip-font-size:var(--sl-font-size-small);--sl-tooltip-line-height:var(--sl-line-height-dense);--sl-tooltip-padding:var(--sl-spacing-2x-small) var(--sl-spacing-x-small);--sl-tooltip-arrow-size:6px;--sl-z-index-drawer:700;--sl-z-index-dialog:800;--sl-z-index-dropdown:900;--sl-z-index-toast:950;--sl-z-index-tooltip:1000}@supports (scrollbar-gutter: stable){.sl-scroll-lock{scrollbar-gutter:stable !important;overflow:hidden !important}}@supports not (scrollbar-gutter: stable){.sl-scroll-lock body{padding-right:var(--sl-scroll-lock-size) !important;overflow:hidden !important}}.sl-toast-stack{position:fixed;top:0;inset-inline-end:0;z-index:var(--sl-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.sl-toast-stack sl-alert{margin:var(--sl-spacing-medium)}.sl-toast-stack sl-alert::part(base){box-shadow:var(--sl-shadow-large)}:host{--jump-switch-width:36px;--jump-switch-height:20px;--jump-switch-thumb-size:14px;--jump-switch-thumb-color:var(--neutral-white, #ffffff);--jump-switch-active-color:var(--secondary-standard, #5e79ba);--jump-switch-inactive-color:var(--neutral-grey-disabled, #cbcbcb);--jump-switch-disabled-opacity:0.5;--jump-switch-font-family:var(--ff-primary, "Inter", sans-serif);--jump-switch-font-size:16px;--jump-switch-font-weight:normal;--jump-switch-label-color:var(--neutral-black, #000000);display:flex;align-items:center;width:100%;}:host sl-switch::part(base){width:100%;font-family:var(--jump-switch-font-family);font-size:var(--jump-switch-font-size);font-weight:var(--jump-switch-font-weight);color:var(--jump-switch-label-color)}:host sl-switch::part(control){width:var(--jump-switch-width) !important;height:var(--jump-switch-height) !important;background-color:var(--jump-switch-inactive-color) !important;border-color:var(--jump-switch-inactive-color) !important}:host sl-switch::part(thumb){width:var(--jump-switch-thumb-size) !important;height:var(--jump-switch-thumb-size) !important;background-color:var(--jump-switch-thumb-color) !important;border-color:var(--jump-switch-thumb-color) !important}:host sl-switch[checked]::part(control){background-color:var(--jump-switch-active-color) !important;border-color:var(--jump-switch-active-color) !important}:host sl-switch::part(label){margin-left:8px}:host sl-switch[disabled]{opacity:var(--jump-switch-disabled-opacity);cursor:not-allowed}:host .count{margin-left:auto;color:var(--neutral-grey-secondary, #707070);font-size:0.85em}';const z=x;const _=class{constructor(o){l(this,o);this.toggleCheckbox=s(this,"jump-switch-change",7);this.toggleCheckboxFilterChange=s(this,"jump-filterchange",7);this.valueChange=s(this,"jump-switch-value-change",7);this.value=undefined;this.label=undefined;this.name="switch-filter";this.checked=false;this.disabled=false;this.values=[]}checkedChanged(l,s){if(l!==s){if(this.el){this.el.checked=l}this.updateValues()}}componentDidLoad(){this.listenSLChange();this.updateValues();if(this.el&&this.checked){this.el.checked=this.checked}}updateValues(){this.values=this.checked&&this.value?[this.value]:[]}listenSLChange(){if(this.host){this.host.addEventListener("sl-change",(()=>{if(this.disabled){return}this.checked=!this.checked;this.updateValues();const l={value:this.value,checked:this.checked};this.toggleCheckbox.emit(l);const s={name:this.name,values:this.values,checked:this.checked};this.toggleCheckboxFilterChange.emit(s)}))}}async setValue(l,s=true){if(this.disabled){return this.checked}const o=this.checked;this.checked=l;if(this.el){this.el.checked=l}this.updateValues();if(s&&o!==l){const l={value:this.value,checked:this.checked,programmatic:true};this.toggleCheckbox.emit(l);const s={name:this.name,values:this.values,checked:this.checked,programmatic:true};this.toggleCheckboxFilterChange.emit(s);this.valueChange.emit({value:this.value,checked:this.checked,oldChecked:o})}return this.checked}async isChecked(){return this.checked}async getValues(){return this.values}async getName(){return this.name}render(){return o(r,{key:"8f226d3fe4682e7e62eb4a389e2951b6aaf41566",ref:l=>this.host=l},this.value&&this.label&&o("sl-switch",{key:"b12cb3cc7785e582da5917ebec5ff88c0dd91b30",value:this.value,ref:l=>this.el=l,checked:this.checked,disabled:this.disabled},this.label))}static get watchers(){return{checked:["checkedChanged"]}}};_.style=z;export{_ as jump_filter_switch};
|
|
213
|
-
//# sourceMappingURL=p-
|
|
212
|
+
`}};k.styles=[t,d,y];i([b('input[type="checkbox"]')],k.prototype,"input",2);i([n()],k.prototype,"hasFocus",2);i([u()],k.prototype,"title",2);i([u()],k.prototype,"name",2);i([u()],k.prototype,"value",2);i([u({reflect:true})],k.prototype,"size",2);i([u({type:Boolean,reflect:true})],k.prototype,"disabled",2);i([u({type:Boolean,reflect:true})],k.prototype,"checked",2);i([v("checked")],k.prototype,"defaultChecked",2);i([u({reflect:true})],k.prototype,"form",2);i([u({type:Boolean,reflect:true})],k.prototype,"required",2);i([u({attribute:"help-text"})],k.prototype,"helpText",2);i([c("checked",{waitUntilFirstUpdate:true})],k.prototype,"handleCheckedChange",1);i([c("disabled",{waitUntilFirstUpdate:true})],k.prototype,"handleDisabledChange",1);k.define("sl-switch");const x=':root,:host,.sl-theme-light{color-scheme:light;--sl-color-gray-50:hsl(0 0% 97.5%);--sl-color-gray-100:hsl(240 4.8% 95.9%);--sl-color-gray-200:hsl(240 5.9% 90%);--sl-color-gray-300:hsl(240 4.9% 83.9%);--sl-color-gray-400:hsl(240 5% 64.9%);--sl-color-gray-500:hsl(240 3.8% 46.1%);--sl-color-gray-600:hsl(240 5.2% 33.9%);--sl-color-gray-700:hsl(240 5.3% 26.1%);--sl-color-gray-800:hsl(240 3.7% 15.9%);--sl-color-gray-900:hsl(240 5.9% 10%);--sl-color-gray-950:hsl(240 7.3% 8%);--sl-color-red-50:hsl(0 85.7% 97.3%);--sl-color-red-100:hsl(0 93.3% 94.1%);--sl-color-red-200:hsl(0 96.3% 89.4%);--sl-color-red-300:hsl(0 93.5% 81.8%);--sl-color-red-400:hsl(0 90.6% 70.8%);--sl-color-red-500:hsl(0 84.2% 60.2%);--sl-color-red-600:hsl(0 72.2% 50.6%);--sl-color-red-700:hsl(0 73.7% 41.8%);--sl-color-red-800:hsl(0 70% 35.3%);--sl-color-red-900:hsl(0 62.8% 30.6%);--sl-color-red-950:hsl(0 60% 19.6%);--sl-color-orange-50:hsl(33.3 100% 96.5%);--sl-color-orange-100:hsl(34.3 100% 91.8%);--sl-color-orange-200:hsl(32.1 97.7% 83.1%);--sl-color-orange-300:hsl(30.7 97.2% 72.4%);--sl-color-orange-400:hsl(27 96% 61%);--sl-color-orange-500:hsl(24.6 95% 53.1%);--sl-color-orange-600:hsl(20.5 90.2% 48.2%);--sl-color-orange-700:hsl(17.5 88.3% 40.4%);--sl-color-orange-800:hsl(15 79.1% 33.7%);--sl-color-orange-900:hsl(15.3 74.6% 27.8%);--sl-color-orange-950:hsl(15.2 69.1% 19%);--sl-color-amber-50:hsl(48 100% 96.1%);--sl-color-amber-100:hsl(48 96.5% 88.8%);--sl-color-amber-200:hsl(48 96.6% 76.7%);--sl-color-amber-300:hsl(45.9 96.7% 64.5%);--sl-color-amber-400:hsl(43.3 96.4% 56.3%);--sl-color-amber-500:hsl(37.7 92.1% 50.2%);--sl-color-amber-600:hsl(32.1 94.6% 43.7%);--sl-color-amber-700:hsl(26 90.5% 37.1%);--sl-color-amber-800:hsl(22.7 82.5% 31.4%);--sl-color-amber-900:hsl(21.7 77.8% 26.5%);--sl-color-amber-950:hsl(22.9 74.1% 16.7%);--sl-color-yellow-50:hsl(54.5 91.7% 95.3%);--sl-color-yellow-100:hsl(54.9 96.7% 88%);--sl-color-yellow-200:hsl(52.8 98.3% 76.9%);--sl-color-yellow-300:hsl(50.4 97.8% 63.5%);--sl-color-yellow-400:hsl(47.9 95.8% 53.1%);--sl-color-yellow-500:hsl(45.4 93.4% 47.5%);--sl-color-yellow-600:hsl(40.6 96.1% 40.4%);--sl-color-yellow-700:hsl(35.5 91.7% 32.9%);--sl-color-yellow-800:hsl(31.8 81% 28.8%);--sl-color-yellow-900:hsl(28.4 72.5% 25.7%);--sl-color-yellow-950:hsl(33.1 69% 13.9%);--sl-color-lime-50:hsl(78.3 92% 95.1%);--sl-color-lime-100:hsl(79.6 89.1% 89.2%);--sl-color-lime-200:hsl(80.9 88.5% 79.6%);--sl-color-lime-300:hsl(82 84.5% 67.1%);--sl-color-lime-400:hsl(82.7 78% 55.5%);--sl-color-lime-500:hsl(83.7 80.5% 44.3%);--sl-color-lime-600:hsl(84.8 85.2% 34.5%);--sl-color-lime-700:hsl(85.9 78.4% 27.3%);--sl-color-lime-800:hsl(86.3 69% 22.7%);--sl-color-lime-900:hsl(87.6 61.2% 20.2%);--sl-color-lime-950:hsl(86.5 60.6% 13.9%);--sl-color-green-50:hsl(138.5 76.5% 96.7%);--sl-color-green-100:hsl(140.6 84.2% 92.5%);--sl-color-green-200:hsl(141 78.9% 85.1%);--sl-color-green-300:hsl(141.7 76.6% 73.1%);--sl-color-green-400:hsl(141.9 69.2% 58%);--sl-color-green-500:hsl(142.1 70.6% 45.3%);--sl-color-green-600:hsl(142.1 76.2% 36.3%);--sl-color-green-700:hsl(142.4 71.8% 29.2%);--sl-color-green-800:hsl(142.8 64.2% 24.1%);--sl-color-green-900:hsl(143.8 61.2% 20.2%);--sl-color-green-950:hsl(144.3 60.7% 12%);--sl-color-emerald-50:hsl(151.8 81% 95.9%);--sl-color-emerald-100:hsl(149.3 80.4% 90%);--sl-color-emerald-200:hsl(152.4 76% 80.4%);--sl-color-emerald-300:hsl(156.2 71.6% 66.9%);--sl-color-emerald-400:hsl(158.1 64.4% 51.6%);--sl-color-emerald-500:hsl(160.1 84.1% 39.4%);--sl-color-emerald-600:hsl(161.4 93.5% 30.4%);--sl-color-emerald-700:hsl(162.9 93.5% 24.3%);--sl-color-emerald-800:hsl(163.1 88.1% 19.8%);--sl-color-emerald-900:hsl(164.2 85.7% 16.5%);--sl-color-emerald-950:hsl(164.3 87.5% 9.4%);--sl-color-teal-50:hsl(166.2 76.5% 96.7%);--sl-color-teal-100:hsl(167.2 85.5% 89.2%);--sl-color-teal-200:hsl(168.4 83.8% 78.2%);--sl-color-teal-300:hsl(170.6 76.9% 64.3%);--sl-color-teal-400:hsl(172.5 66% 50.4%);--sl-color-teal-500:hsl(173.4 80.4% 40%);--sl-color-teal-600:hsl(174.7 83.9% 31.6%);--sl-color-teal-700:hsl(175.3 77.4% 26.1%);--sl-color-teal-800:hsl(176.1 69.4% 21.8%);--sl-color-teal-900:hsl(175.9 60.8% 19%);--sl-color-teal-950:hsl(176.5 58.6% 11.4%);--sl-color-cyan-50:hsl(183.2 100% 96.3%);--sl-color-cyan-100:hsl(185.1 95.9% 90.4%);--sl-color-cyan-200:hsl(186.2 93.5% 81.8%);--sl-color-cyan-300:hsl(187 92.4% 69%);--sl-color-cyan-400:hsl(187.9 85.7% 53.3%);--sl-color-cyan-500:hsl(188.7 94.5% 42.7%);--sl-color-cyan-600:hsl(191.6 91.4% 36.5%);--sl-color-cyan-700:hsl(192.9 82.3% 31%);--sl-color-cyan-800:hsl(194.4 69.6% 27.1%);--sl-color-cyan-900:hsl(196.4 63.6% 23.7%);--sl-color-cyan-950:hsl(196.8 61% 16.1%);--sl-color-sky-50:hsl(204 100% 97.1%);--sl-color-sky-100:hsl(204 93.8% 93.7%);--sl-color-sky-200:hsl(200.6 94.4% 86.1%);--sl-color-sky-300:hsl(199.4 95.5% 73.9%);--sl-color-sky-400:hsl(198.4 93.2% 59.6%);--sl-color-sky-500:hsl(198.6 88.7% 48.4%);--sl-color-sky-600:hsl(200.4 98% 39.4%);--sl-color-sky-700:hsl(201.3 96.3% 32.2%);--sl-color-sky-800:hsl(201 90% 27.5%);--sl-color-sky-900:hsl(202 80.3% 23.9%);--sl-color-sky-950:hsl(202.3 73.8% 16.5%);--sl-color-blue-50:hsl(213.8 100% 96.9%);--sl-color-blue-100:hsl(214.3 94.6% 92.7%);--sl-color-blue-200:hsl(213.3 96.9% 87.3%);--sl-color-blue-300:hsl(211.7 96.4% 78.4%);--sl-color-blue-400:hsl(213.1 93.9% 67.8%);--sl-color-blue-500:hsl(217.2 91.2% 59.8%);--sl-color-blue-600:hsl(221.2 83.2% 53.3%);--sl-color-blue-700:hsl(224.3 76.3% 48%);--sl-color-blue-800:hsl(225.9 70.7% 40.2%);--sl-color-blue-900:hsl(224.4 64.3% 32.9%);--sl-color-blue-950:hsl(226.2 55.3% 18.4%);--sl-color-indigo-50:hsl(225.9 100% 96.7%);--sl-color-indigo-100:hsl(226.5 100% 93.9%);--sl-color-indigo-200:hsl(228 96.5% 88.8%);--sl-color-indigo-300:hsl(229.7 93.5% 81.8%);--sl-color-indigo-400:hsl(234.5 89.5% 73.9%);--sl-color-indigo-500:hsl(238.7 83.5% 66.7%);--sl-color-indigo-600:hsl(243.4 75.4% 58.6%);--sl-color-indigo-700:hsl(244.5 57.9% 50.6%);--sl-color-indigo-800:hsl(243.7 54.5% 41.4%);--sl-color-indigo-900:hsl(242.2 47.4% 34.3%);--sl-color-indigo-950:hsl(243.5 43.6% 22.9%);--sl-color-violet-50:hsl(250 100% 97.6%);--sl-color-violet-100:hsl(251.4 91.3% 95.5%);--sl-color-violet-200:hsl(250.5 95.2% 91.8%);--sl-color-violet-300:hsl(252.5 94.7% 85.1%);--sl-color-violet-400:hsl(255.1 91.7% 76.3%);--sl-color-violet-500:hsl(258.3 89.5% 66.3%);--sl-color-violet-600:hsl(262.1 83.3% 57.8%);--sl-color-violet-700:hsl(263.4 70% 50.4%);--sl-color-violet-800:hsl(263.4 69.3% 42.2%);--sl-color-violet-900:hsl(263.5 67.4% 34.9%);--sl-color-violet-950:hsl(265.1 61.5% 21.4%);--sl-color-purple-50:hsl(270 100% 98%);--sl-color-purple-100:hsl(268.7 100% 95.5%);--sl-color-purple-200:hsl(268.6 100% 91.8%);--sl-color-purple-300:hsl(269.2 97.4% 85.1%);--sl-color-purple-400:hsl(270 95.2% 75.3%);--sl-color-purple-500:hsl(270.7 91% 65.1%);--sl-color-purple-600:hsl(271.5 81.3% 55.9%);--sl-color-purple-700:hsl(272.1 71.7% 47.1%);--sl-color-purple-800:hsl(272.9 67.2% 39.4%);--sl-color-purple-900:hsl(273.6 65.6% 32%);--sl-color-purple-950:hsl(276 59.5% 16.5%);--sl-color-fuchsia-50:hsl(289.1 100% 97.8%);--sl-color-fuchsia-100:hsl(287 100% 95.5%);--sl-color-fuchsia-200:hsl(288.3 95.8% 90.6%);--sl-color-fuchsia-300:hsl(291.1 93.1% 82.9%);--sl-color-fuchsia-400:hsl(292 91.4% 72.5%);--sl-color-fuchsia-500:hsl(292.2 84.1% 60.6%);--sl-color-fuchsia-600:hsl(293.4 69.5% 48.8%);--sl-color-fuchsia-700:hsl(294.7 72.4% 39.8%);--sl-color-fuchsia-800:hsl(295.4 70.2% 32.9%);--sl-color-fuchsia-900:hsl(296.7 63.6% 28%);--sl-color-fuchsia-950:hsl(297.1 56.8% 14.5%);--sl-color-pink-50:hsl(327.3 73.3% 97.1%);--sl-color-pink-100:hsl(325.7 77.8% 94.7%);--sl-color-pink-200:hsl(325.9 84.6% 89.8%);--sl-color-pink-300:hsl(327.4 87.1% 81.8%);--sl-color-pink-400:hsl(328.6 85.5% 70.2%);--sl-color-pink-500:hsl(330.4 81.2% 60.4%);--sl-color-pink-600:hsl(333.3 71.4% 50.6%);--sl-color-pink-700:hsl(335.1 77.6% 42%);--sl-color-pink-800:hsl(335.8 74.4% 35.3%);--sl-color-pink-900:hsl(335.9 69% 30.4%);--sl-color-pink-950:hsl(336.2 65.4% 15.9%);--sl-color-rose-50:hsl(355.7 100% 97.3%);--sl-color-rose-100:hsl(355.6 100% 94.7%);--sl-color-rose-200:hsl(352.7 96.1% 90%);--sl-color-rose-300:hsl(352.6 95.7% 81.8%);--sl-color-rose-400:hsl(351.3 94.5% 71.4%);--sl-color-rose-500:hsl(349.7 89.2% 60.2%);--sl-color-rose-600:hsl(346.8 77.2% 49.8%);--sl-color-rose-700:hsl(345.3 82.7% 40.8%);--sl-color-rose-800:hsl(343.4 79.7% 34.7%);--sl-color-rose-900:hsl(341.5 75.5% 30.4%);--sl-color-rose-950:hsl(341.3 70.1% 17.1%);--sl-color-primary-50:var(--sl-color-sky-50);--sl-color-primary-100:var(--sl-color-sky-100);--sl-color-primary-200:var(--sl-color-sky-200);--sl-color-primary-300:var(--sl-color-sky-300);--sl-color-primary-400:var(--sl-color-sky-400);--sl-color-primary-500:var(--sl-color-sky-500);--sl-color-primary-600:var(--sl-color-sky-600);--sl-color-primary-700:var(--sl-color-sky-700);--sl-color-primary-800:var(--sl-color-sky-800);--sl-color-primary-900:var(--sl-color-sky-900);--sl-color-primary-950:var(--sl-color-sky-950);--sl-color-success-50:var(--sl-color-green-50);--sl-color-success-100:var(--sl-color-green-100);--sl-color-success-200:var(--sl-color-green-200);--sl-color-success-300:var(--sl-color-green-300);--sl-color-success-400:var(--sl-color-green-400);--sl-color-success-500:var(--sl-color-green-500);--sl-color-success-600:var(--sl-color-green-600);--sl-color-success-700:var(--sl-color-green-700);--sl-color-success-800:var(--sl-color-green-800);--sl-color-success-900:var(--sl-color-green-900);--sl-color-success-950:var(--sl-color-green-950);--sl-color-warning-50:var(--sl-color-amber-50);--sl-color-warning-100:var(--sl-color-amber-100);--sl-color-warning-200:var(--sl-color-amber-200);--sl-color-warning-300:var(--sl-color-amber-300);--sl-color-warning-400:var(--sl-color-amber-400);--sl-color-warning-500:var(--sl-color-amber-500);--sl-color-warning-600:var(--sl-color-amber-600);--sl-color-warning-700:var(--sl-color-amber-700);--sl-color-warning-800:var(--sl-color-amber-800);--sl-color-warning-900:var(--sl-color-amber-900);--sl-color-warning-950:var(--sl-color-amber-950);--sl-color-danger-50:var(--sl-color-red-50);--sl-color-danger-100:var(--sl-color-red-100);--sl-color-danger-200:var(--sl-color-red-200);--sl-color-danger-300:var(--sl-color-red-300);--sl-color-danger-400:var(--sl-color-red-400);--sl-color-danger-500:var(--sl-color-red-500);--sl-color-danger-600:var(--sl-color-red-600);--sl-color-danger-700:var(--sl-color-red-700);--sl-color-danger-800:var(--sl-color-red-800);--sl-color-danger-900:var(--sl-color-red-900);--sl-color-danger-950:var(--sl-color-red-950);--sl-color-neutral-50:var(--sl-color-gray-50);--sl-color-neutral-100:var(--sl-color-gray-100);--sl-color-neutral-200:var(--sl-color-gray-200);--sl-color-neutral-300:var(--sl-color-gray-300);--sl-color-neutral-400:var(--sl-color-gray-400);--sl-color-neutral-500:var(--sl-color-gray-500);--sl-color-neutral-600:var(--sl-color-gray-600);--sl-color-neutral-700:var(--sl-color-gray-700);--sl-color-neutral-800:var(--sl-color-gray-800);--sl-color-neutral-900:var(--sl-color-gray-900);--sl-color-neutral-950:var(--sl-color-gray-950);--sl-color-neutral-0:hsl(0, 0%, 100%);--sl-color-neutral-1000:hsl(0, 0%, 0%);--sl-border-radius-small:0.1875rem;--sl-border-radius-medium:0.25rem;--sl-border-radius-large:0.5rem;--sl-border-radius-x-large:1rem;--sl-border-radius-circle:50%;--sl-border-radius-pill:9999px;--sl-shadow-x-small:0 1px 2px hsl(240 3.8% 46.1% / 6%);--sl-shadow-small:0 1px 2px hsl(240 3.8% 46.1% / 12%);--sl-shadow-medium:0 2px 4px hsl(240 3.8% 46.1% / 12%);--sl-shadow-large:0 2px 8px hsl(240 3.8% 46.1% / 12%);--sl-shadow-x-large:0 4px 16px hsl(240 3.8% 46.1% / 12%);--sl-spacing-3x-small:0.125rem;--sl-spacing-2x-small:0.25rem;--sl-spacing-x-small:0.5rem;--sl-spacing-small:0.75rem;--sl-spacing-medium:1rem;--sl-spacing-large:1.25rem;--sl-spacing-x-large:1.75rem;--sl-spacing-2x-large:2.25rem;--sl-spacing-3x-large:3rem;--sl-spacing-4x-large:4.5rem;--sl-transition-x-slow:1000ms;--sl-transition-slow:500ms;--sl-transition-medium:250ms;--sl-transition-fast:150ms;--sl-transition-x-fast:50ms;--sl-font-mono:SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--sl-font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,\n Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",\n "Segoe UI Symbol";--sl-font-serif:Georgia, "Times New Roman", serif;--sl-font-size-2x-small:0.625rem;--sl-font-size-x-small:0.75rem;--sl-font-size-small:0.875rem;--sl-font-size-medium:1rem;--sl-font-size-large:1.25rem;--sl-font-size-x-large:1.5rem;--sl-font-size-2x-large:2.25rem;--sl-font-size-3x-large:3rem;--sl-font-size-4x-large:4.5rem;--sl-font-weight-light:300;--sl-font-weight-normal:400;--sl-font-weight-semibold:500;--sl-font-weight-bold:700;--sl-letter-spacing-denser:-0.03em;--sl-letter-spacing-dense:-0.015em;--sl-letter-spacing-normal:normal;--sl-letter-spacing-loose:0.075em;--sl-letter-spacing-looser:0.15em;--sl-line-height-denser:1;--sl-line-height-dense:1.4;--sl-line-height-normal:1.8;--sl-line-height-loose:2.2;--sl-line-height-looser:2.6;--sl-focus-ring-color:var(--sl-color-primary-600);--sl-focus-ring-style:solid;--sl-focus-ring-width:3px;--sl-focus-ring:var(--sl-focus-ring-style) var(--sl-focus-ring-width)\n var(--sl-focus-ring-color);--sl-focus-ring-offset:1px;--sl-button-font-size-small:var(--sl-font-size-x-small);--sl-button-font-size-medium:var(--sl-font-size-small);--sl-button-font-size-large:var(--sl-font-size-medium);--sl-input-height-small:1.875rem;--sl-input-height-medium:2.5rem;--sl-input-height-large:3.125rem;--sl-input-background-color:var(--sl-color-neutral-0);--sl-input-background-color-hover:var(--sl-input-background-color);--sl-input-background-color-focus:var(--sl-input-background-color);--sl-input-background-color-disabled:var(--sl-color-neutral-100);--sl-input-border-color:var(--sl-color-neutral-300);--sl-input-border-color-hover:var(--sl-color-neutral-400);--sl-input-border-color-focus:var(--sl-color-primary-500);--sl-input-border-color-disabled:var(--sl-color-neutral-300);--sl-input-border-width:1px;--sl-input-required-content:"*";--sl-input-required-content-offset:-2px;--sl-input-required-content-color:var(--sl-input-label-color);--sl-input-border-radius-small:var(--sl-border-radius-medium);--sl-input-border-radius-medium:var(--sl-border-radius-medium);--sl-input-border-radius-large:var(--sl-border-radius-medium);--sl-input-font-family:var(--sl-font-sans);--sl-input-font-weight:var(--sl-font-weight-normal);--sl-input-font-size-small:var(--sl-font-size-small);--sl-input-font-size-medium:var(--sl-font-size-medium);--sl-input-font-size-large:var(--sl-font-size-large);--sl-input-letter-spacing:var(--sl-letter-spacing-normal);--sl-input-color:var(--sl-color-neutral-700);--sl-input-color-hover:var(--sl-color-neutral-700);--sl-input-color-focus:var(--sl-color-neutral-700);--sl-input-color-disabled:var(--sl-color-neutral-900);--sl-input-icon-color:var(--sl-color-neutral-500);--sl-input-icon-color-hover:var(--sl-color-neutral-600);--sl-input-icon-color-focus:var(--sl-color-neutral-600);--sl-input-placeholder-color:var(--sl-color-neutral-500);--sl-input-placeholder-color-disabled:var(--sl-color-neutral-600);--sl-input-spacing-small:var(--sl-spacing-small);--sl-input-spacing-medium:var(--sl-spacing-medium);--sl-input-spacing-large:var(--sl-spacing-large);--sl-input-focus-ring-color:hsl(198.6 88.7% 48.4% / 40%);--sl-input-focus-ring-offset:0;--sl-input-filled-background-color:var(--sl-color-neutral-100);--sl-input-filled-background-color-hover:var(--sl-color-neutral-100);--sl-input-filled-background-color-focus:var(--sl-color-neutral-100);--sl-input-filled-background-color-disabled:var(--sl-color-neutral-100);--sl-input-filled-color:var(--sl-color-neutral-800);--sl-input-filled-color-hover:var(--sl-color-neutral-800);--sl-input-filled-color-focus:var(--sl-color-neutral-700);--sl-input-filled-color-disabled:var(--sl-color-neutral-800);--sl-input-label-font-size-small:var(--sl-font-size-small);--sl-input-label-font-size-medium:var(--sl-font-size-medium);--sl-input-label-font-size-large:var(--sl-font-size-large);--sl-input-label-color:inherit;--sl-input-help-text-font-size-small:var(--sl-font-size-x-small);--sl-input-help-text-font-size-medium:var(--sl-font-size-small);--sl-input-help-text-font-size-large:var(--sl-font-size-medium);--sl-input-help-text-color:var(--sl-color-neutral-500);--sl-toggle-size-small:0.875rem;--sl-toggle-size-medium:1.125rem;--sl-toggle-size-large:1.375rem;--sl-overlay-background-color:hsl(240 3.8% 46.1% / 33%);--sl-panel-background-color:var(--sl-color-neutral-0);--sl-panel-border-color:var(--sl-color-neutral-200);--sl-panel-border-width:1px;--sl-tooltip-border-radius:var(--sl-border-radius-medium);--sl-tooltip-background-color:var(--sl-color-neutral-800);--sl-tooltip-color:var(--sl-color-neutral-0);--sl-tooltip-font-family:var(--sl-font-sans);--sl-tooltip-font-weight:var(--sl-font-weight-normal);--sl-tooltip-font-size:var(--sl-font-size-small);--sl-tooltip-line-height:var(--sl-line-height-dense);--sl-tooltip-padding:var(--sl-spacing-2x-small) var(--sl-spacing-x-small);--sl-tooltip-arrow-size:6px;--sl-z-index-drawer:700;--sl-z-index-dialog:800;--sl-z-index-dropdown:900;--sl-z-index-toast:950;--sl-z-index-tooltip:1000}@supports (scrollbar-gutter: stable){.sl-scroll-lock{scrollbar-gutter:stable !important;overflow:hidden !important}}@supports not (scrollbar-gutter: stable){.sl-scroll-lock body{padding-right:var(--sl-scroll-lock-size) !important;overflow:hidden !important}}.sl-toast-stack{position:fixed;top:0;inset-inline-end:0;z-index:var(--sl-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.sl-toast-stack sl-alert{margin:var(--sl-spacing-medium)}.sl-toast-stack sl-alert::part(base){box-shadow:var(--sl-shadow-large)}:host{--jump-switch-width:36px;--jump-switch-height:20px;--jump-switch-thumb-size:14px;--jump-switch-thumb-color:var(--neutral-white, #ffffff);--jump-switch-active-color:var(--secondary-standard, #5e79ba);--jump-switch-inactive-color:var(--neutral-grey-disabled, #cbcbcb);--jump-switch-disabled-opacity:0.5;--jump-switch-font-family:var(--ff-primary, "Inter", sans-serif);--jump-switch-font-size:16px;--jump-switch-font-weight:normal;--jump-switch-label-color:var(--neutral-black, #000000);display:flex;align-items:center;width:100%;}:host sl-switch::part(base){width:100%;font-family:var(--jump-switch-font-family);font-size:var(--jump-switch-font-size);font-weight:var(--jump-switch-font-weight);color:var(--jump-switch-label-color)}:host sl-switch::part(control){width:var(--jump-switch-width) !important;height:var(--jump-switch-height) !important;background-color:var(--jump-switch-inactive-color) !important;border-color:var(--jump-switch-inactive-color) !important}:host sl-switch::part(thumb){width:var(--jump-switch-thumb-size) !important;height:var(--jump-switch-thumb-size) !important;background-color:var(--jump-switch-thumb-color) !important;border-color:var(--jump-switch-thumb-color) !important}:host sl-switch[checked]::part(control){background-color:var(--jump-switch-active-color) !important;border-color:var(--jump-switch-active-color) !important}:host sl-switch::part(label){margin-left:8px}:host sl-switch[disabled]{opacity:var(--jump-switch-disabled-opacity);cursor:not-allowed}:host .count{margin-left:auto;color:var(--neutral-grey-secondary, #707070);font-size:0.85em}';const z=x;const _=class{constructor(o){l(this,o);this.toggleCheckbox=s(this,"jump-switch-change",7);this.toggleCheckboxFilterChange=s(this,"jump-filterchange",7);this.valueChange=s(this,"jump-switch-value-change",7);this.value=undefined;this.label=undefined;this.name="switch-filter";this.checked=false;this.disabled=false;this.values=[]}checkedChanged(l,s){if(l!==s){if(this.el){this.el.checked=l}this.updateValues()}}componentDidLoad(){this.listenSLChange();this.updateValues();if(this.el&&this.checked){this.el.checked=this.checked}}updateValues(){this.values=this.checked&&this.value?[this.value]:[]}listenSLChange(){if(this.host){this.host.addEventListener("sl-change",(()=>{if(this.disabled){return}this.checked=!this.checked;this.updateValues();const l={value:this.value,checked:this.checked};this.toggleCheckbox.emit(l);const s={name:this.name,values:this.values,checked:this.checked};this.toggleCheckboxFilterChange.emit(s)}))}}async setValue(l,s=true){if(this.disabled){return this.checked}const o=this.checked;this.checked=l;if(this.el){this.el.checked=l}this.updateValues();if(s&&o!==l){const l={value:this.value,checked:this.checked,programmatic:true};this.toggleCheckbox.emit(l);const s={name:this.name,values:this.values,checked:this.checked,programmatic:true};this.toggleCheckboxFilterChange.emit(s);this.valueChange.emit({value:this.value,checked:this.checked,oldChecked:o})}return this.checked}async isChecked(){return this.checked}async getValues(){return this.values}async getName(){return this.name}render(){return o(r,{key:"f7e5939637497219f44aa6ba22acb4a68937d019",ref:l=>this.host=l},this.value&&this.label&&o("sl-switch",{key:"4025228df5c5b4ef987d8ee70cb613ef9c993d9b",value:this.value,ref:l=>this.el=l,checked:this.checked,disabled:this.disabled},this.label))}static get watchers(){return{checked:["checkedChanged"]}}};_.style=z;export{_ as jump_filter_switch};
|
|
213
|
+
//# sourceMappingURL=p-1af5f0da.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
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:"
|
|
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:"e7b39ed60d93c4cf1b1950eb825e4b9adc469423",class:"example-container"},t("button",{key:"cbbf5e1da70c5051ffaaa42e341a213371ad1ce3",class:"example-button",onClick:this.openCartFromRight},"Open Cart from Right"),t("button",{key:"9c8ce9eb9455591dcd8053837d768c555cddd920",class:"example-button",onClick:this.openCartFromLeft},"Open Cart from Left"),t("jump-side-cart",{key:"089052d928794db594a4edb1bdc448587497b6cb",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-22edef06.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as i,h as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as i,h as e,H as s}from"./p-98d5dd1f.js";const h=':host{--hidden-display:none;--font-family:var(--ff-primary, "Inter"), serif;--font-size:var(--fs-400, 16px);--line-height:var(--lh-300, 1.2);--font-weight:var(--fw-900, 700);--color:var(--neutral-grey-primary, #282828);--distance-items:.25rem;display:block}:host h5{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);color:var(--color);margin:0 0 var(--distance-items, 0.25rem)}:host slot{display:flex;flex-direction:column;margin-bottom:1rem}:host ::slotted(.item){max-height:500px;transition:all 0.3s ease-in-out;margin-top:var(--distance-items, 0.25rem);display:flex;align-items:center;justify-content:flex-start;gap:0.25rem}:host ::slotted(.hidden){max-height:0;overflow:hidden}';const a=h;const n=class{constructor(e){t(this,e);this.change=i(this,"jump-filterchange",7);this.name="tax-name";this.heading="Titolo del filtro";this.otherLabel="Mostra altro";this.lessLabel="Mostra meno";this.maxElements=8;this.variant="default";this.label=this.otherLabel;this.values=[];this.value="";this.slotItems=undefined;this.inputs=[];this.showMore=false}watchShowMore(t){this.label=t?this.lessLabel:this.otherLabel}async getValues(){return this.values}async getActiveAmount(){return this.values.length}async getInputs(){return this.inputs}async getName(){return this.name}toggleHiddenItems(){this.slotItemsWrapper.assignedElements().forEach(((t,i)=>{if(i>this.maxElements){if(this.showMore){t.classList.remove("hidden")}else{t.classList.add("hidden")}}}))}handleShowMore(){this.showMore=!this.showMore;this.toggleHiddenItems()}handleChange(t){const i=t.target;const e=i.value;if(i.tagName==="INPUT"){if(i.type==="checkbox"){if(i.checked){this.values.push(e)}else{const t=this.values.indexOf(e);if(t!==-1){this.values.splice(t,1)}}}else if(i.type==="radio"){this.value=e;this.values=[e]}}else if(i.tagName==="SELECT"){this.value=e;this.values=[e]}this.change.emit({name:this.name,values:this.values})}handleCheckboxChange(t){if(t.detail.checked&&!this.values.includes(t.detail.value)){this.values.push(t.detail.value)}else if(!t.detail.checked&&this.values.includes(t.detail.value)){const i=this.values.indexOf(t.detail.value);if(i!==-1){this.values.splice(i,1)}}this.change.emit({name:this.name,values:this.values})}componentDidLoad(){this.slotItems=this.slotItemsWrapper.assignedElements();this.slotItemsWrapper.addEventListener("change",this.handleChange.bind(this));this.slotItemsWrapper.addEventListener("jump-checkbox-change",this.handleCheckboxChange.bind(this));let t=0;this.slotItems.forEach((i=>{i.classList.add("item");if(t>this.maxElements){i.classList.add("hidden")}if(i.tagName==="INPUT"||i.tagName==="SELECT"||i.tagName.startsWith("JUMP-")||i.tagName==="LABEL"){this.inputs.push(i);if(i.tagName==="INPUT"&&i.type==="radio"){i.name=this.name}}else{const t=i.querySelectorAll("input, select");if(t.length>0){t.forEach((t=>{this.inputs.push(t);if(t.tagName==="INPUT"&&t.type==="radio"){t.name=this.name}}))}}t++}))}render(){return e(s,{key:"d48d500b033b0706d566bf2fc288af58647ced44"},this.heading&&e("h5",{key:"61a498d5c8f5f4e619565942fac2f42e35c249b8"},this.heading),e("div",{key:"8e39330b5c1fdcb1921667831bc2eeb24f503e5c",class:"filterGroup"},e("slot",{key:"01694d0edb05bf1e4939bd6397f2f9a475f0e0f1",ref:t=>this.slotItemsWrapper=t})),this.inputs.length>this.maxElements&&e("jump-button",{key:"ba5452865b1ff2e5ecb61e481be9e593882b6a13",variant:"primary",size:"small",text:true,name:this.label,"aria-label":this.label,ref:t=>{this.showMoreBtn=t},onClick:()=>this.handleShowMore()},this.label,e("jump-icon",{key:"8219159cbd596cc6cefa6b07440fb4c5cdbacd03",slot:"suffix",name:!this.showMore?"chevron-down":"chevron-up"})))}static get watchers(){return{showMore:["watchShowMore"]}}};n.style=a;export{n as jump_filtergroup};
|
|
2
|
+
//# sourceMappingURL=p-2f9dbd42.entry.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,H as o}from"./p-98d5dd1f.js";import{i as s,c,_ as
|
|
1
|
+
import{r as e,c as t,h as i,H as o}from"./p-98d5dd1f.js";import{i as s,c as r,_ as c,w as l,S as a,x as n,r as h,n as d}from"./p-95a1bbc5.js";import{f as b,F as u,H as f,o as k,d as p}from"./p-67339850.js";import{S as x}from"./p-1b31e36f.js";import{e as m,a as v}from"./p-9d21c18a.js";import{l as g}from"./p-94229ed5.js";var _=s`
|
|
2
2
|
:host {
|
|
3
3
|
display: inline-block;
|
|
4
4
|
}
|
|
@@ -116,7 +116,7 @@ import{r as e,c as t,h as i,H as o}from"./p-98d5dd1f.js";import{i as s,c,_ as r,
|
|
|
116
116
|
color: var(--sl-input-required-content-color);
|
|
117
117
|
margin-inline-start: var(--sl-input-required-content-offset);
|
|
118
118
|
}
|
|
119
|
-
`;var y=class extends a{constructor(){super(...arguments);this.formControlController=new u(this,{value:e=>e.checked?e.value||"on":void 0,defaultValue:e=>e.defaultChecked,setValue:(e,t)=>e.checked=t});this.hasSlotController=new
|
|
119
|
+
`;var y=class extends a{constructor(){super(...arguments);this.formControlController=new u(this,{value:e=>e.checked?e.value||"on":void 0,defaultValue:e=>e.defaultChecked,setValue:(e,t)=>e.checked=t});this.hasSlotController=new f(this,"help-text");this.hasFocus=false;this.title="";this.name="";this.size="medium";this.disabled=false;this.checked=false;this.indeterminate=false;this.defaultChecked=false;this.form="";this.required=false;this.helpText=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked;this.indeterminate=false;this.emit("sl-change")}handleBlur(){this.hasFocus=false;this.emit("sl-blur")}handleInput(){this.emit("sl-input")}handleInvalid(e){this.formControlController.setValidity(false);this.formControlController.emitInvalidEvent(e)}handleFocus(){this.hasFocus=true;this.emit("sl-focus")}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked;this.input.indeterminate=this.indeterminate;this.formControlController.updateValidity()}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e);this.formControlController.updateValidity()}render(){const e=this.hasSlotController.test("help-text");const t=this.helpText?true:!!e;return n`
|
|
120
120
|
<div
|
|
121
121
|
class=${m({"form-control":true,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":t})}
|
|
122
122
|
>
|
|
@@ -129,7 +129,7 @@ import{r as e,c as t,h as i,H as o}from"./p-98d5dd1f.js";import{i as s,c,_ as r,
|
|
|
129
129
|
type="checkbox"
|
|
130
130
|
title=${this.title}
|
|
131
131
|
name=${this.name}
|
|
132
|
-
value=${
|
|
132
|
+
value=${k(this.value)}
|
|
133
133
|
.indeterminate=${g(this.indeterminate)}
|
|
134
134
|
.checked=${g(this.checked)}
|
|
135
135
|
.disabled=${this.disabled}
|
|
@@ -174,5 +174,5 @@ import{r as e,c as t,h as i,H as o}from"./p-98d5dd1f.js";import{i as s,c,_ as r,
|
|
|
174
174
|
<slot name="help-text">${this.helpText}</slot>
|
|
175
175
|
</div>
|
|
176
176
|
</div>
|
|
177
|
-
`}};y.styles=[
|
|
178
|
-
//# sourceMappingURL=p-
|
|
177
|
+
`}};y.styles=[r,b,_];y.dependencies={"sl-icon":x};c([v('input[type="checkbox"]')],y.prototype,"input",2);c([h()],y.prototype,"hasFocus",2);c([d()],y.prototype,"title",2);c([d()],y.prototype,"name",2);c([d()],y.prototype,"value",2);c([d({reflect:true})],y.prototype,"size",2);c([d({type:Boolean,reflect:true})],y.prototype,"disabled",2);c([d({type:Boolean,reflect:true})],y.prototype,"checked",2);c([d({type:Boolean,reflect:true})],y.prototype,"indeterminate",2);c([p("checked")],y.prototype,"defaultChecked",2);c([d({reflect:true})],y.prototype,"form",2);c([d({type:Boolean,reflect:true})],y.prototype,"required",2);c([d({attribute:"help-text"})],y.prototype,"helpText",2);c([l("disabled",{waitUntilFirstUpdate:true})],y.prototype,"handleDisabledChange",1);c([l(["checked","indeterminate"],{waitUntilFirstUpdate:true})],y.prototype,"handleStateChange",1);y.define("sl-checkbox");const $=":host{display:flex;width:100%}:host .count{color:var(--neutral-grey-secondary, #707070)}:host sl-checkbox{display:flex;width:100%}:host sl-checkbox::part(control){height:1rem;width:1rem;border:1px solid var(--neutral-grey-secondary, #707070);border-radius:3px;margin-top:3px}:host sl-checkbox::part(control--checked){background-color:var(--status-interaction-standard, #2C6ECB);border-color:var(--status-interaction-standard, #2C6ECB);color:var(--neutral-ultralight, #fff)}:host sl-checkbox::part(label){display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-grow:1;color:var(--neutral-grey-primary, #1d1d1d);font-family:var(--ff-primary), serif}";const w=$;const z=class{constructor(i){e(this,i);this.toggleCheckbox=t(this,"jump-checkbox-change",7);this.value=undefined;this.label=undefined;this.checked=false;this.count=null}componentDidLoad(){this.listenSLChange()}listenSLChange(){if(this.host){this.host.addEventListener("sl-change",(()=>{this.checked=!this.checked;this.toggleCheckbox.emit({value:this.el.value,checked:this.checked})}))}}async isChecked(){return this.el.checked}render(){return i(o,{key:"9fb024e211d10a744888133d2bc2110c6db14efa",ref:e=>this.host=e},this.value&&this.label&&i("sl-checkbox",{key:"9aeea450806d75080f630a4f73e75027f5923874",value:this.value,ref:e=>this.el=e,checked:this.checked},this.label),this.count&&i("span",{key:"44efddcb65af6f098bce54a361025909fbbd64b7",class:"count"},this.count))}};z.style=w;export{z as jump_filter_checkbox};
|
|
178
|
+
//# sourceMappingURL=p-38e9e123.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["checkbox_styles_default","css","SlCheckbox","ShoelaceElement","constructor","super","arguments","this","formControlController","FormControlController","value","control","checked","defaultValue","defaultChecked","setValue","hasSlotController","HasSlotController","hasFocus","title","name","size","disabled","indeterminate","form","required","helpText","validity","input","validationMessage","firstUpdated","updateValidity","handleClick","emit","handleBlur","handleInput","handleInvalid","event","setValidity","emitInvalidEvent","handleFocus","handleDisabledChange","handleStateChange","click","focus","options","blur","checkValidity","getForm","reportValidity","setCustomValidity","message","render","hasHelpTextSlot","test","hasHelpText","html","classMap","checkbox","ifDefined","live","styles","component_styles_default","form_control_styles_default","dependencies","SlIcon","__decorateClass","query","prototype","state","property","reflect","type","Boolean","attribute","watch","waitUntilFirstUpdate","define","jumpFilterCheckboxCss","JumpFilterCheckboxStyle0","JumpFilterCheckbox","componentDidLoad","listenSLChange","host","addEventListener","toggleCheckbox","el","isChecked","h","Host","key","ref","label","count","class"],"sources":["node_modules/@shoelace-style/shoelace/dist/chunks/chunk.R3NF57O3.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.WFOPYYZB.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.3DLLDGMJ.js","src/components/jump-filter-checkbox/jump-filter-checkbox.scss?tag=jump-filter-checkbox&encapsulation=shadow","src/components/jump-filter-checkbox/jump-filter-checkbox.tsx"],"sourcesContent":["// src/components/checkbox/checkbox.styles.ts\nimport { css } from \"lit\";\nvar checkbox_styles_default = css`\n :host {\n display: inline-block;\n }\n\n .checkbox {\n position: relative;\n display: inline-flex;\n align-items: flex-start;\n font-family: var(--sl-input-font-family);\n font-weight: var(--sl-input-font-weight);\n color: var(--sl-input-label-color);\n vertical-align: middle;\n cursor: pointer;\n }\n\n .checkbox--small {\n --toggle-size: var(--sl-toggle-size-small);\n font-size: var(--sl-input-font-size-small);\n }\n\n .checkbox--medium {\n --toggle-size: var(--sl-toggle-size-medium);\n font-size: var(--sl-input-font-size-medium);\n }\n\n .checkbox--large {\n --toggle-size: var(--sl-toggle-size-large);\n font-size: var(--sl-input-font-size-large);\n }\n\n .checkbox__control {\n flex: 0 0 auto;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--toggle-size);\n height: var(--toggle-size);\n border: solid var(--sl-input-border-width) var(--sl-input-border-color);\n border-radius: 2px;\n background-color: var(--sl-input-background-color);\n color: var(--sl-color-neutral-0);\n transition:\n var(--sl-transition-fast) border-color,\n var(--sl-transition-fast) background-color,\n var(--sl-transition-fast) color,\n var(--sl-transition-fast) box-shadow;\n }\n\n .checkbox__input {\n position: absolute;\n opacity: 0;\n padding: 0;\n margin: 0;\n pointer-events: none;\n }\n\n .checkbox__checked-icon,\n .checkbox__indeterminate-icon {\n display: inline-flex;\n width: var(--toggle-size);\n height: var(--toggle-size);\n }\n\n /* Hover */\n .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {\n border-color: var(--sl-input-border-color-hover);\n background-color: var(--sl-input-background-color-hover);\n }\n\n /* Focus */\n .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n outline: var(--sl-focus-ring);\n outline-offset: var(--sl-focus-ring-offset);\n }\n\n /* Checked/indeterminate */\n .checkbox--checked .checkbox__control,\n .checkbox--indeterminate .checkbox__control {\n border-color: var(--sl-color-primary-600);\n background-color: var(--sl-color-primary-600);\n }\n\n /* Checked/indeterminate + hover */\n .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,\n .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {\n border-color: var(--sl-color-primary-500);\n background-color: var(--sl-color-primary-500);\n }\n\n /* Checked/indeterminate + focus */\n .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control,\n .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n outline: var(--sl-focus-ring);\n outline-offset: var(--sl-focus-ring-offset);\n }\n\n /* Disabled */\n .checkbox--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .checkbox__label {\n display: inline-block;\n color: var(--sl-input-label-color);\n line-height: var(--toggle-size);\n margin-inline-start: 0.5em;\n user-select: none;\n -webkit-user-select: none;\n }\n\n :host([required]) .checkbox__label::after {\n content: var(--sl-input-required-content);\n color: var(--sl-input-required-content-color);\n margin-inline-start: var(--sl-input-required-content-offset);\n }\n`;\n\nexport {\n checkbox_styles_default\n};\n","import {\n checkbox_styles_default\n} from \"./chunk.R3NF57O3.js\";\nimport {\n defaultValue\n} from \"./chunk.GI7VDIWX.js\";\nimport {\n form_control_styles_default\n} from \"./chunk.SI4ACBFK.js\";\nimport {\n FormControlController\n} from \"./chunk.KWPBDQ6I.js\";\nimport {\n HasSlotController\n} from \"./chunk.NYIIDP5N.js\";\nimport {\n SlIcon\n} from \"./chunk.H33C3MRM.js\";\nimport {\n watch\n} from \"./chunk.2FB5TK5H.js\";\nimport {\n component_styles_default\n} from \"./chunk.TUVJKY7S.js\";\nimport {\n ShoelaceElement\n} from \"./chunk.SFSTXCXC.js\";\nimport {\n __decorateClass\n} from \"./chunk.IFDWM6P4.js\";\n\n// src/components/checkbox/checkbox.component.ts\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { html } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { property, query, state } from \"lit/decorators.js\";\nvar SlCheckbox = class extends ShoelaceElement {\n constructor() {\n super(...arguments);\n this.formControlController = new FormControlController(this, {\n value: (control) => control.checked ? control.value || \"on\" : void 0,\n defaultValue: (control) => control.defaultChecked,\n setValue: (control, checked) => control.checked = checked\n });\n this.hasSlotController = new HasSlotController(this, \"help-text\");\n this.hasFocus = false;\n this.title = \"\";\n this.name = \"\";\n this.size = \"medium\";\n this.disabled = false;\n this.checked = false;\n this.indeterminate = false;\n this.defaultChecked = false;\n this.form = \"\";\n this.required = false;\n this.helpText = \"\";\n }\n /** Gets the validity state object */\n get validity() {\n return this.input.validity;\n }\n /** Gets the validation message */\n get validationMessage() {\n return this.input.validationMessage;\n }\n firstUpdated() {\n this.formControlController.updateValidity();\n }\n handleClick() {\n this.checked = !this.checked;\n this.indeterminate = false;\n this.emit(\"sl-change\");\n }\n handleBlur() {\n this.hasFocus = false;\n this.emit(\"sl-blur\");\n }\n handleInput() {\n this.emit(\"sl-input\");\n }\n handleInvalid(event) {\n this.formControlController.setValidity(false);\n this.formControlController.emitInvalidEvent(event);\n }\n handleFocus() {\n this.hasFocus = true;\n this.emit(\"sl-focus\");\n }\n handleDisabledChange() {\n this.formControlController.setValidity(this.disabled);\n }\n handleStateChange() {\n this.input.checked = this.checked;\n this.input.indeterminate = this.indeterminate;\n this.formControlController.updateValidity();\n }\n /** Simulates a click on the checkbox. */\n click() {\n this.input.click();\n }\n /** Sets focus on the checkbox. */\n focus(options) {\n this.input.focus(options);\n }\n /** Removes focus from the checkbox. */\n blur() {\n this.input.blur();\n }\n /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n checkValidity() {\n return this.input.checkValidity();\n }\n /** Gets the associated form, if one exists. */\n getForm() {\n return this.formControlController.getForm();\n }\n /** Checks for validity and shows the browser's validation message if the control is invalid. */\n reportValidity() {\n return this.input.reportValidity();\n }\n /**\n * Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\n * the custom validation message, call this method with an empty string.\n */\n setCustomValidity(message) {\n this.input.setCustomValidity(message);\n this.formControlController.updateValidity();\n }\n render() {\n const hasHelpTextSlot = this.hasSlotController.test(\"help-text\");\n const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n return html`\n <div\n class=${classMap({\n \"form-control\": true,\n \"form-control--small\": this.size === \"small\",\n \"form-control--medium\": this.size === \"medium\",\n \"form-control--large\": this.size === \"large\",\n \"form-control--has-help-text\": hasHelpText\n })}\n >\n <label\n part=\"base\"\n class=${classMap({\n checkbox: true,\n \"checkbox--checked\": this.checked,\n \"checkbox--disabled\": this.disabled,\n \"checkbox--focused\": this.hasFocus,\n \"checkbox--indeterminate\": this.indeterminate,\n \"checkbox--small\": this.size === \"small\",\n \"checkbox--medium\": this.size === \"medium\",\n \"checkbox--large\": this.size === \"large\"\n })}\n >\n <input\n class=\"checkbox__input\"\n type=\"checkbox\"\n title=${this.title}\n name=${this.name}\n value=${ifDefined(this.value)}\n .indeterminate=${live(this.indeterminate)}\n .checked=${live(this.checked)}\n .disabled=${this.disabled}\n .required=${this.required}\n aria-checked=${this.checked ? \"true\" : \"false\"}\n aria-describedby=\"help-text\"\n @click=${this.handleClick}\n @input=${this.handleInput}\n @invalid=${this.handleInvalid}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n />\n\n <span\n part=\"control${this.checked ? \" control--checked\" : \"\"}${this.indeterminate ? \" control--indeterminate\" : \"\"}\"\n class=\"checkbox__control\"\n >\n ${this.checked ? html`\n <sl-icon part=\"checked-icon\" class=\"checkbox__checked-icon\" library=\"system\" name=\"check\"></sl-icon>\n ` : \"\"}\n ${!this.checked && this.indeterminate ? html`\n <sl-icon\n part=\"indeterminate-icon\"\n class=\"checkbox__indeterminate-icon\"\n library=\"system\"\n name=\"indeterminate\"\n ></sl-icon>\n ` : \"\"}\n </span>\n\n <div part=\"label\" class=\"checkbox__label\">\n <slot></slot>\n </div>\n </label>\n\n <div\n aria-hidden=${hasHelpText ? \"false\" : \"true\"}\n class=\"form-control__help-text\"\n id=\"help-text\"\n part=\"form-control-help-text\"\n >\n <slot name=\"help-text\">${this.helpText}</slot>\n </div>\n </div>\n `;\n }\n};\nSlCheckbox.styles = [component_styles_default, form_control_styles_default, checkbox_styles_default];\nSlCheckbox.dependencies = { \"sl-icon\": SlIcon };\n__decorateClass([\n query('input[type=\"checkbox\"]')\n], SlCheckbox.prototype, \"input\", 2);\n__decorateClass([\n state()\n], SlCheckbox.prototype, \"hasFocus\", 2);\n__decorateClass([\n property()\n], SlCheckbox.prototype, \"title\", 2);\n__decorateClass([\n property()\n], SlCheckbox.prototype, \"name\", 2);\n__decorateClass([\n property()\n], SlCheckbox.prototype, \"value\", 2);\n__decorateClass([\n property({ reflect: true })\n], SlCheckbox.prototype, \"size\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlCheckbox.prototype, \"disabled\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlCheckbox.prototype, \"checked\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlCheckbox.prototype, \"indeterminate\", 2);\n__decorateClass([\n defaultValue(\"checked\")\n], SlCheckbox.prototype, \"defaultChecked\", 2);\n__decorateClass([\n property({ reflect: true })\n], SlCheckbox.prototype, \"form\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlCheckbox.prototype, \"required\", 2);\n__decorateClass([\n property({ attribute: \"help-text\" })\n], SlCheckbox.prototype, \"helpText\", 2);\n__decorateClass([\n watch(\"disabled\", { waitUntilFirstUpdate: true })\n], SlCheckbox.prototype, \"handleDisabledChange\", 1);\n__decorateClass([\n watch([\"checked\", \"indeterminate\"], { waitUntilFirstUpdate: true })\n], SlCheckbox.prototype, \"handleStateChange\", 1);\n\nexport {\n SlCheckbox\n};\n","import {\n SlCheckbox\n} from \"./chunk.WFOPYYZB.js\";\n\n// src/components/checkbox/checkbox.ts\nvar checkbox_default = SlCheckbox;\nSlCheckbox.define(\"sl-checkbox\");\n\nexport {\n checkbox_default\n};\n",":host {\n display: flex;\n width: 100%;\n\n .count {\n color: var(--neutral-grey-secondary, #707070);\n }\n\n sl-checkbox {\n display: flex;\n width: 100%;\n\n &::part(control) {\n height: 1rem;\n width: 1rem;\n border: 1px solid var(--neutral-grey-secondary, #707070);\n border-radius: 3px;\n margin-top: 3px;\n }\n\n &::part(control--checked) {\n background-color: var(--status-interaction-standard, #2C6ECB);\n border-color: var(--status-interaction-standard, #2C6ECB);\n color: var(--neutral-ultralight, #fff);\n }\n\n &::part(label) {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n flex-grow: 1;\n color: var(--neutral-grey-primary, #1d1d1d);\n font-family: var(--ff-primary), serif;\n }\n }\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Method } from '@stencil/core';\nimport '@shoelace-style/shoelace/dist/components/checkbox/checkbox.js';\n\n@Component({\n tag: 'jump-filter-checkbox',\n styleUrl: 'jump-filter-checkbox.scss',\n shadow: true,\n})\nexport class JumpFilterCheckbox {\n\n @Prop() value: string;\n @Prop() label: string;\n @Prop({ reflect: true }) checked: boolean = false;\n @Prop() count: number | string = null;\n\n host: HTMLElement;\n el: HTMLElement;\n\n componentDidLoad() {\n this.listenSLChange();\n }\n\n listenSLChange() {\n if (this.host) {\n this.host.addEventListener('sl-change', () => {\n //invert the checked value\n this.checked = !this.checked;\n this.toggleCheckbox.emit({\n //@ts-ignore\n value: this.el.value,\n //@ts-ignore\n checked: this.checked,\n });\n });\n }\n }\n\n @Event({ eventName: 'jump-checkbox-change' }) toggleCheckbox: EventEmitter;\n\n @Method()\n async isChecked() {\n // @ts-ignore\n return this.el.checked;\n }\n\n render() {\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n {this.value && this.label &&\n <sl-checkbox value={this.value} ref={(el: HTMLElement) => this.el = el}\n checked={this.checked}>\n {this.label}\n </sl-checkbox>}\n {this.count && <span class=\"count\">{this.count}</span>}\n </Host>\n );\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["checkbox_styles_default","css","SlCheckbox","ShoelaceElement","constructor","super","arguments","this","formControlController","FormControlController","value","control","checked","defaultValue","defaultChecked","setValue","hasSlotController","HasSlotController","hasFocus","title","name","size","disabled","indeterminate","form","required","helpText","validity","input","validationMessage","firstUpdated","updateValidity","handleClick","emit","handleBlur","handleInput","handleInvalid","event","setValidity","emitInvalidEvent","handleFocus","handleDisabledChange","handleStateChange","click","focus","options","blur","checkValidity","getForm","reportValidity","setCustomValidity","message","render","hasHelpTextSlot","test","hasHelpText","html","classMap","checkbox","ifDefined","live","styles","component_styles_default","form_control_styles_default","dependencies","SlIcon","__decorateClass","query","prototype","state","property","reflect","type","Boolean","attribute","watch","waitUntilFirstUpdate","define","jumpFilterCheckboxCss","JumpFilterCheckboxStyle0","JumpFilterCheckbox","componentDidLoad","listenSLChange","host","addEventListener","toggleCheckbox","el","isChecked","h","Host","key","ref","label","count","class"],"sources":["node_modules/@shoelace-style/shoelace/dist/chunks/chunk.R3NF57O3.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.WFOPYYZB.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.3DLLDGMJ.js","src/components/jump-filter-checkbox/jump-filter-checkbox.scss?tag=jump-filter-checkbox&encapsulation=shadow","src/components/jump-filter-checkbox/jump-filter-checkbox.tsx"],"sourcesContent":["// src/components/checkbox/checkbox.styles.ts\nimport { css } from \"lit\";\nvar checkbox_styles_default = css`\n :host {\n display: inline-block;\n }\n\n .checkbox {\n position: relative;\n display: inline-flex;\n align-items: flex-start;\n font-family: var(--sl-input-font-family);\n font-weight: var(--sl-input-font-weight);\n color: var(--sl-input-label-color);\n vertical-align: middle;\n cursor: pointer;\n }\n\n .checkbox--small {\n --toggle-size: var(--sl-toggle-size-small);\n font-size: var(--sl-input-font-size-small);\n }\n\n .checkbox--medium {\n --toggle-size: var(--sl-toggle-size-medium);\n font-size: var(--sl-input-font-size-medium);\n }\n\n .checkbox--large {\n --toggle-size: var(--sl-toggle-size-large);\n font-size: var(--sl-input-font-size-large);\n }\n\n .checkbox__control {\n flex: 0 0 auto;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--toggle-size);\n height: var(--toggle-size);\n border: solid var(--sl-input-border-width) var(--sl-input-border-color);\n border-radius: 2px;\n background-color: var(--sl-input-background-color);\n color: var(--sl-color-neutral-0);\n transition:\n var(--sl-transition-fast) border-color,\n var(--sl-transition-fast) background-color,\n var(--sl-transition-fast) color,\n var(--sl-transition-fast) box-shadow;\n }\n\n .checkbox__input {\n position: absolute;\n opacity: 0;\n padding: 0;\n margin: 0;\n pointer-events: none;\n }\n\n .checkbox__checked-icon,\n .checkbox__indeterminate-icon {\n display: inline-flex;\n width: var(--toggle-size);\n height: var(--toggle-size);\n }\n\n /* Hover */\n .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {\n border-color: var(--sl-input-border-color-hover);\n background-color: var(--sl-input-background-color-hover);\n }\n\n /* Focus */\n .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n outline: var(--sl-focus-ring);\n outline-offset: var(--sl-focus-ring-offset);\n }\n\n /* Checked/indeterminate */\n .checkbox--checked .checkbox__control,\n .checkbox--indeterminate .checkbox__control {\n border-color: var(--sl-color-primary-600);\n background-color: var(--sl-color-primary-600);\n }\n\n /* Checked/indeterminate + hover */\n .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,\n .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {\n border-color: var(--sl-color-primary-500);\n background-color: var(--sl-color-primary-500);\n }\n\n /* Checked/indeterminate + focus */\n .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control,\n .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n outline: var(--sl-focus-ring);\n outline-offset: var(--sl-focus-ring-offset);\n }\n\n /* Disabled */\n .checkbox--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .checkbox__label {\n display: inline-block;\n color: var(--sl-input-label-color);\n line-height: var(--toggle-size);\n margin-inline-start: 0.5em;\n user-select: none;\n -webkit-user-select: none;\n }\n\n :host([required]) .checkbox__label::after {\n content: var(--sl-input-required-content);\n color: var(--sl-input-required-content-color);\n margin-inline-start: var(--sl-input-required-content-offset);\n }\n`;\n\nexport {\n checkbox_styles_default\n};\n","import {\n checkbox_styles_default\n} from \"./chunk.R3NF57O3.js\";\nimport {\n defaultValue\n} from \"./chunk.GI7VDIWX.js\";\nimport {\n form_control_styles_default\n} from \"./chunk.SI4ACBFK.js\";\nimport {\n FormControlController\n} from \"./chunk.KWPBDQ6I.js\";\nimport {\n HasSlotController\n} from \"./chunk.NYIIDP5N.js\";\nimport {\n SlIcon\n} from \"./chunk.H33C3MRM.js\";\nimport {\n watch\n} from \"./chunk.2FB5TK5H.js\";\nimport {\n component_styles_default\n} from \"./chunk.TUVJKY7S.js\";\nimport {\n ShoelaceElement\n} from \"./chunk.SFSTXCXC.js\";\nimport {\n __decorateClass\n} from \"./chunk.IFDWM6P4.js\";\n\n// src/components/checkbox/checkbox.component.ts\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { html } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { property, query, state } from \"lit/decorators.js\";\nvar SlCheckbox = class extends ShoelaceElement {\n constructor() {\n super(...arguments);\n this.formControlController = new FormControlController(this, {\n value: (control) => control.checked ? control.value || \"on\" : void 0,\n defaultValue: (control) => control.defaultChecked,\n setValue: (control, checked) => control.checked = checked\n });\n this.hasSlotController = new HasSlotController(this, \"help-text\");\n this.hasFocus = false;\n this.title = \"\";\n this.name = \"\";\n this.size = \"medium\";\n this.disabled = false;\n this.checked = false;\n this.indeterminate = false;\n this.defaultChecked = false;\n this.form = \"\";\n this.required = false;\n this.helpText = \"\";\n }\n /** Gets the validity state object */\n get validity() {\n return this.input.validity;\n }\n /** Gets the validation message */\n get validationMessage() {\n return this.input.validationMessage;\n }\n firstUpdated() {\n this.formControlController.updateValidity();\n }\n handleClick() {\n this.checked = !this.checked;\n this.indeterminate = false;\n this.emit(\"sl-change\");\n }\n handleBlur() {\n this.hasFocus = false;\n this.emit(\"sl-blur\");\n }\n handleInput() {\n this.emit(\"sl-input\");\n }\n handleInvalid(event) {\n this.formControlController.setValidity(false);\n this.formControlController.emitInvalidEvent(event);\n }\n handleFocus() {\n this.hasFocus = true;\n this.emit(\"sl-focus\");\n }\n handleDisabledChange() {\n this.formControlController.setValidity(this.disabled);\n }\n handleStateChange() {\n this.input.checked = this.checked;\n this.input.indeterminate = this.indeterminate;\n this.formControlController.updateValidity();\n }\n /** Simulates a click on the checkbox. */\n click() {\n this.input.click();\n }\n /** Sets focus on the checkbox. */\n focus(options) {\n this.input.focus(options);\n }\n /** Removes focus from the checkbox. */\n blur() {\n this.input.blur();\n }\n /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n checkValidity() {\n return this.input.checkValidity();\n }\n /** Gets the associated form, if one exists. */\n getForm() {\n return this.formControlController.getForm();\n }\n /** Checks for validity and shows the browser's validation message if the control is invalid. */\n reportValidity() {\n return this.input.reportValidity();\n }\n /**\n * Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\n * the custom validation message, call this method with an empty string.\n */\n setCustomValidity(message) {\n this.input.setCustomValidity(message);\n this.formControlController.updateValidity();\n }\n render() {\n const hasHelpTextSlot = this.hasSlotController.test(\"help-text\");\n const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n return html`\n <div\n class=${classMap({\n \"form-control\": true,\n \"form-control--small\": this.size === \"small\",\n \"form-control--medium\": this.size === \"medium\",\n \"form-control--large\": this.size === \"large\",\n \"form-control--has-help-text\": hasHelpText\n })}\n >\n <label\n part=\"base\"\n class=${classMap({\n checkbox: true,\n \"checkbox--checked\": this.checked,\n \"checkbox--disabled\": this.disabled,\n \"checkbox--focused\": this.hasFocus,\n \"checkbox--indeterminate\": this.indeterminate,\n \"checkbox--small\": this.size === \"small\",\n \"checkbox--medium\": this.size === \"medium\",\n \"checkbox--large\": this.size === \"large\"\n })}\n >\n <input\n class=\"checkbox__input\"\n type=\"checkbox\"\n title=${this.title}\n name=${this.name}\n value=${ifDefined(this.value)}\n .indeterminate=${live(this.indeterminate)}\n .checked=${live(this.checked)}\n .disabled=${this.disabled}\n .required=${this.required}\n aria-checked=${this.checked ? \"true\" : \"false\"}\n aria-describedby=\"help-text\"\n @click=${this.handleClick}\n @input=${this.handleInput}\n @invalid=${this.handleInvalid}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n />\n\n <span\n part=\"control${this.checked ? \" control--checked\" : \"\"}${this.indeterminate ? \" control--indeterminate\" : \"\"}\"\n class=\"checkbox__control\"\n >\n ${this.checked ? html`\n <sl-icon part=\"checked-icon\" class=\"checkbox__checked-icon\" library=\"system\" name=\"check\"></sl-icon>\n ` : \"\"}\n ${!this.checked && this.indeterminate ? html`\n <sl-icon\n part=\"indeterminate-icon\"\n class=\"checkbox__indeterminate-icon\"\n library=\"system\"\n name=\"indeterminate\"\n ></sl-icon>\n ` : \"\"}\n </span>\n\n <div part=\"label\" class=\"checkbox__label\">\n <slot></slot>\n </div>\n </label>\n\n <div\n aria-hidden=${hasHelpText ? \"false\" : \"true\"}\n class=\"form-control__help-text\"\n id=\"help-text\"\n part=\"form-control-help-text\"\n >\n <slot name=\"help-text\">${this.helpText}</slot>\n </div>\n </div>\n `;\n }\n};\nSlCheckbox.styles = [component_styles_default, form_control_styles_default, checkbox_styles_default];\nSlCheckbox.dependencies = { \"sl-icon\": SlIcon };\n__decorateClass([\n query('input[type=\"checkbox\"]')\n], SlCheckbox.prototype, \"input\", 2);\n__decorateClass([\n state()\n], SlCheckbox.prototype, \"hasFocus\", 2);\n__decorateClass([\n property()\n], SlCheckbox.prototype, \"title\", 2);\n__decorateClass([\n property()\n], SlCheckbox.prototype, \"name\", 2);\n__decorateClass([\n property()\n], SlCheckbox.prototype, \"value\", 2);\n__decorateClass([\n property({ reflect: true })\n], SlCheckbox.prototype, \"size\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlCheckbox.prototype, \"disabled\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlCheckbox.prototype, \"checked\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlCheckbox.prototype, \"indeterminate\", 2);\n__decorateClass([\n defaultValue(\"checked\")\n], SlCheckbox.prototype, \"defaultChecked\", 2);\n__decorateClass([\n property({ reflect: true })\n], SlCheckbox.prototype, \"form\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlCheckbox.prototype, \"required\", 2);\n__decorateClass([\n property({ attribute: \"help-text\" })\n], SlCheckbox.prototype, \"helpText\", 2);\n__decorateClass([\n watch(\"disabled\", { waitUntilFirstUpdate: true })\n], SlCheckbox.prototype, \"handleDisabledChange\", 1);\n__decorateClass([\n watch([\"checked\", \"indeterminate\"], { waitUntilFirstUpdate: true })\n], SlCheckbox.prototype, \"handleStateChange\", 1);\n\nexport {\n SlCheckbox\n};\n","import {\n SlCheckbox\n} from \"./chunk.WFOPYYZB.js\";\n\n// src/components/checkbox/checkbox.ts\nvar checkbox_default = SlCheckbox;\nSlCheckbox.define(\"sl-checkbox\");\n\nexport {\n checkbox_default\n};\n",":host {\n display: flex;\n width: 100%;\n\n .count {\n color: var(--neutral-grey-secondary, #707070);\n }\n\n sl-checkbox {\n display: flex;\n width: 100%;\n\n &::part(control) {\n height: 1rem;\n width: 1rem;\n border: 1px solid var(--neutral-grey-secondary, #707070);\n border-radius: 3px;\n margin-top: 3px;\n }\n\n &::part(control--checked) {\n background-color: var(--status-interaction-standard, #2C6ECB);\n border-color: var(--status-interaction-standard, #2C6ECB);\n color: var(--neutral-ultralight, #fff);\n }\n\n &::part(label) {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n flex-grow: 1;\n color: var(--neutral-grey-primary, #1d1d1d);\n font-family: var(--ff-primary), serif;\n }\n }\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Method } from '@stencil/core';\nimport '@shoelace-style/shoelace/dist/components/checkbox/checkbox.js';\n\n@Component({\n tag: 'jump-filter-checkbox',\n styleUrl: 'jump-filter-checkbox.scss',\n shadow: true,\n})\nexport class JumpFilterCheckbox {\n\n @Prop() value: string;\n @Prop() label: string;\n @Prop({ reflect: true }) checked: boolean = false;\n @Prop() count: number | string = null;\n\n host: HTMLElement;\n el: HTMLElement;\n\n componentDidLoad() {\n this.listenSLChange();\n }\n\n listenSLChange() {\n if (this.host) {\n this.host.addEventListener('sl-change', () => {\n //invert the checked value\n this.checked = !this.checked;\n this.toggleCheckbox.emit({\n //@ts-ignore\n value: this.el.value,\n //@ts-ignore\n checked: this.checked,\n });\n });\n }\n }\n\n @Event({ eventName: 'jump-checkbox-change' }) toggleCheckbox: EventEmitter;\n\n @Method()\n async isChecked() {\n // @ts-ignore\n return this.el.checked;\n }\n\n render() {\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n {this.value && this.label &&\n <sl-checkbox value={this.value} ref={(el: HTMLElement) => this.el = el}\n checked={this.checked}>\n {this.label}\n </sl-checkbox>}\n {this.count && <span class=\"count\">{this.count}</span>}\n </Host>\n );\n }\n}\n"],"mappings":"iUAEA,IAAIA,EAA0BC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECmCjC,IAAIC,EAAa,cAAcC,EAC7B,WAAAC,GACEC,SAASC,WACTC,KAAKC,sBAAwB,IAAIC,EAAsBF,KAAM,CAC3DG,MAAQC,GAAYA,EAAQC,QAAUD,EAAQD,OAAS,UAAY,EACnEG,aAAeF,GAAYA,EAAQG,eACnCC,SAAU,CAACJ,EAASC,IAAYD,EAAQC,QAAUA,IAEpDL,KAAKS,kBAAoB,IAAIC,EAAkBV,KAAM,aACrDA,KAAKW,SAAW,MAChBX,KAAKY,MAAQ,GACbZ,KAAKa,KAAO,GACZb,KAAKc,KAAO,SACZd,KAAKe,SAAW,MAChBf,KAAKK,QAAU,MACfL,KAAKgB,cAAgB,MACrBhB,KAAKO,eAAiB,MACtBP,KAAKiB,KAAO,GACZjB,KAAKkB,SAAW,MAChBlB,KAAKmB,SAAW,EACpB,CAEE,YAAIC,GACF,OAAOpB,KAAKqB,MAAMD,QACtB,CAEE,qBAAIE,GACF,OAAOtB,KAAKqB,MAAMC,iBACtB,CACE,YAAAC,GACEvB,KAAKC,sBAAsBuB,gBAC/B,CACE,WAAAC,GACEzB,KAAKK,SAAWL,KAAKK,QACrBL,KAAKgB,cAAgB,MACrBhB,KAAK0B,KAAK,YACd,CACE,UAAAC,GACE3B,KAAKW,SAAW,MAChBX,KAAK0B,KAAK,UACd,CACE,WAAAE,GACE5B,KAAK0B,KAAK,WACd,CACE,aAAAG,CAAcC,GACZ9B,KAAKC,sBAAsB8B,YAAY,OACvC/B,KAAKC,sBAAsB+B,iBAAiBF,EAChD,CACE,WAAAG,GACEjC,KAAKW,SAAW,KAChBX,KAAK0B,KAAK,WACd,CACE,oBAAAQ,GACElC,KAAKC,sBAAsB8B,YAAY/B,KAAKe,SAChD,CACE,iBAAAoB,GACEnC,KAAKqB,MAAMhB,QAAUL,KAAKK,QAC1BL,KAAKqB,MAAML,cAAgBhB,KAAKgB,cAChChB,KAAKC,sBAAsBuB,gBAC/B,CAEE,KAAAY,GACEpC,KAAKqB,MAAMe,OACf,CAEE,KAAAC,CAAMC,GACJtC,KAAKqB,MAAMgB,MAAMC,EACrB,CAEE,IAAAC,GACEvC,KAAKqB,MAAMkB,MACf,CAEE,aAAAC,GACE,OAAOxC,KAAKqB,MAAMmB,eACtB,CAEE,OAAAC,GACE,OAAOzC,KAAKC,sBAAsBwC,SACtC,CAEE,cAAAC,GACE,OAAO1C,KAAKqB,MAAMqB,gBACtB,CAKE,iBAAAC,CAAkBC,GAChB5C,KAAKqB,MAAMsB,kBAAkBC,GAC7B5C,KAAKC,sBAAsBuB,gBAC/B,CACE,MAAAqB,GACE,MAAMC,EAAkB9C,KAAKS,kBAAkBsC,KAAK,aACpD,MAAMC,EAAchD,KAAKmB,SAAW,OAAS2B,EAC7C,OAAOG,CAAI;;gBAECC,EAAS,CACnB,eAAgB,KAChB,sBAAuBlD,KAAKc,OAAS,QACrC,uBAAwBd,KAAKc,OAAS,SACtC,sBAAuBd,KAAKc,OAAS,QACrC,8BAA+BkC;;;;kBAKnBE,EAAS,CACrBC,SAAU,KACV,oBAAqBnD,KAAKK,QAC1B,qBAAsBL,KAAKe,SAC3B,oBAAqBf,KAAKW,SAC1B,0BAA2BX,KAAKgB,cAChC,kBAAmBhB,KAAKc,OAAS,QACjC,mBAAoBd,KAAKc,OAAS,SAClC,kBAAmBd,KAAKc,OAAS;;;;;oBAMnBd,KAAKY;mBACNZ,KAAKa;oBACJuC,EAAUpD,KAAKG;6BACNkD,EAAKrD,KAAKgB;uBAChBqC,EAAKrD,KAAKK;wBACTL,KAAKe;wBACLf,KAAKkB;2BACFlB,KAAKK,QAAU,OAAS;;qBAE9BL,KAAKyB;qBACLzB,KAAK4B;uBACH5B,KAAK6B;oBACR7B,KAAK2B;qBACJ3B,KAAKiC;;;;2BAICjC,KAAKK,QAAU,oBAAsB,KAAKL,KAAKgB,cAAgB,0BAA4B;;;cAGxGhB,KAAKK,QAAU4C,CAAI;;kBAEb;eACLjD,KAAKK,SAAWL,KAAKgB,cAAgBiC,CAAI;;;;;;;kBAOpC;;;;;;;;;wBASID,EAAc,QAAU;;;;;mCAKbhD,KAAKmB;;;KAIxC,GAEAxB,EAAW2D,OAAS,CAACC,EAA0BC,EAA6B/D,GAC5EE,EAAW8D,aAAe,CAAE,UAAWC,GACvCC,EAAgB,CACdC,EAAM,2BACLjE,EAAWkE,UAAW,QAAS,GAClCF,EAAgB,CACdG,KACCnE,EAAWkE,UAAW,WAAY,GACrCF,EAAgB,CACdI,KACCpE,EAAWkE,UAAW,QAAS,GAClCF,EAAgB,CACdI,KACCpE,EAAWkE,UAAW,OAAQ,GACjCF,EAAgB,CACdI,KACCpE,EAAWkE,UAAW,QAAS,GAClCF,EAAgB,CACdI,EAAS,CAAEC,QAAS,QACnBrE,EAAWkE,UAAW,OAAQ,GACjCF,EAAgB,CACdI,EAAS,CAAEE,KAAMC,QAASF,QAAS,QAClCrE,EAAWkE,UAAW,WAAY,GACrCF,EAAgB,CACdI,EAAS,CAAEE,KAAMC,QAASF,QAAS,QAClCrE,EAAWkE,UAAW,UAAW,GACpCF,EAAgB,CACdI,EAAS,CAAEE,KAAMC,QAASF,QAAS,QAClCrE,EAAWkE,UAAW,gBAAiB,GAC1CF,EAAgB,CACdrD,EAAa,YACZX,EAAWkE,UAAW,iBAAkB,GAC3CF,EAAgB,CACdI,EAAS,CAAEC,QAAS,QACnBrE,EAAWkE,UAAW,OAAQ,GACjCF,EAAgB,CACdI,EAAS,CAAEE,KAAMC,QAASF,QAAS,QAClCrE,EAAWkE,UAAW,WAAY,GACrCF,EAAgB,CACdI,EAAS,CAAEI,UAAW,eACrBxE,EAAWkE,UAAW,WAAY,GACrCF,EAAgB,CACdS,EAAM,WAAY,CAAEC,qBAAsB,QACzC1E,EAAWkE,UAAW,uBAAwB,GACjDF,EAAgB,CACdS,EAAM,CAAC,UAAW,iBAAkB,CAAEC,qBAAsB,QAC3D1E,EAAWkE,UAAW,oBAAqB,GCxP9ClE,EAAW2E,OAAO,eCNlB,MAAMC,EAAwB,4qBAC9B,MAAAC,EAAeD,E,MCOFE,EAAkB,M,qIAIe,M,WACX,I,CAKjC,gBAAAC,GACE1E,KAAK2E,gB,CAGP,cAAAA,GACE,GAAI3E,KAAK4E,KAAM,CACb5E,KAAK4E,KAAKC,iBAAiB,aAAa,KAEtC7E,KAAKK,SAAWL,KAAKK,QACrBL,KAAK8E,eAAepD,KAAK,CAEvBvB,MAAOH,KAAK+E,GAAG5E,MAEfE,QAASL,KAAKK,SACd,G,EAQR,eAAM2E,GAEJ,OAAOhF,KAAK+E,GAAG1E,O,CAGjB,MAAAwC,GACE,OACEoC,EAACC,EAAI,CAAAC,IAAA,2CAACC,IAAMR,GAAsB5E,KAAK4E,KAAOA,GAC3C5E,KAAKG,OAASH,KAAKqF,OAClBJ,EAAA,eAAAE,IAAA,2CAAahF,MAAOH,KAAKG,MAAOiF,IAAML,GAAoB/E,KAAK+E,GAAKA,EAClE1E,QAASL,KAAKK,SACbL,KAAKqF,OAETrF,KAAKsF,OAASL,EAAA,QAAAE,IAAA,2CAAMI,MAAM,SAASvF,KAAKsF,O"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as e,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){t(this,a);this.setActiveTab=e(this,"jump-change-activetab",7);this.disabled=false;this.alignment="left";this.fullBorder=false;this.tabGroupName=undefined;this.variant="inline"}changeActiveTabHandler(t){this.setActiveTab.emit(t.detail);const e=getComputedStyle(document.documentElement);const a=e.getPropertyValue("--neutral-grey-secondary").trim();let n=this.JumpTabEl.querySelectorAll("jump-tab-item");if(n.length>0){n.forEach((e=>{if(e.getAttribute("identifier")===t.detail.id){e.setAttribute("active","");if(this.variant==="sheet"){n.forEach(((t,i)=>{if(t!==e&&i!==n.length-1){t.style.borderRight=`1px solid ${a}`}else{t.style.borderRight="1px solid transparent"}}));let t=e.previousElementSibling;if(t){t.style.borderRight="1px solid transparent"}}}else{e.removeAttribute("active")}}))}let i=this.JumpTabEl.querySelectorAll("jump-tab-panel");if(i.length>0){i.forEach((e=>{if(e.getAttribute("identifier")===t.detail.id){e.setAttribute("active","")}else{e.removeAttribute("active")}}))}}componentDidLoad(){if(this.variant==="sheet"){const t=getComputedStyle(document.documentElement);const e=t.getPropertyValue("--neutral-grey-secondary").trim();let a=this.JumpTabEl.querySelectorAll("jump-tab-item");if(a.length>0){a.forEach(((t,n)=>{if(n===a.length-1||t.classList.contains("active")){t.style.borderRight="1px solid transparent"}else{t.style.borderRight=`1px solid ${e}`}}))}}}render(){return a(n,{key:"a9487cf3bd46c5dac915b90636b9d45e87e576c0",class:"JumpTab "+this.variant,id:this.tabGroupName,ref:t=>{this.JumpTabEl=t}},a("div",{key:"6b4f8dd93c4ecea25f998196f91057b321657926",class:"Wrapper "+(this.fullBorder?"fullBorder":"")},a("div",{key:"5987a837094386a68d8262287f23f775d82d049c",class:"ContentWrapper ContentWrapper--Items",style:{"--alignment":this.getAlignment(this.alignment)}},a("div",{key:"68f9660eaf3b9b5d7afa25ba8c06b50a8cd68acb",class:"Content "+this.variant+" "+(this.disabled?"disabled":"")+" "+(this.fullBorder?"fullBorder":""),style:{"--alignment":this.getAlignment(this.alignment)}},a("slot",{key:"046bc6775c4d3417d2ad3356df08710500c010b7",name:"tab-item"}))),a("div",{key:"a8ada645deff60fafd590dd118ed80d2d318978a",class:"ContentWrapper ContentWrapper--Panel"},a("slot",{key:"28c698d7c775f5488fd6be00be26a068954d6ecd",name:"tab-content"}))))}getAlignment(t){switch(t){case"center":return"center";case"right":return"flex-end";default:return"flex-start"}}};o.style=r;export{o as jump_tab};
|
|
2
|
+
//# sourceMappingURL=p-3c89d6b5.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as a,h as t,H as i}from"./p-98d5dd1f.js";const s=":host{display:block}.JumpPaginationTable{--jump-pagination-table-label:var(--neutral-grey-secondary);--jump-pagination-table-arrows:var(--neutral-grey-secondary);--jump-pagination-table-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPaginationTable__Wrapper{display:flex;justify-content:space-between}.JumpPaginationTable__Wrapper .elementsPerPage{display:flex;gap:1rem;align-items:center}.JumpPaginationTable__Wrapper .elementsPerPage label{color:var(--jump-pagination-table-label);font-size:var(--fs-300);font-weight:normal}.JumpPaginationTable__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-table-label)}.JumpPaginationTable__Wrapper .indicators .arrow{color:var(--jump-pagination-table-arrows);display:flex;align-items:center;gap:10px}.JumpPaginationTable__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPaginationTable__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-table-arrows-disabled)}.JumpPaginationTable__Wrapper .indicators .elements{color:var(--jump-pagination-table-label);display:flex;align-items:center;gap:5px}";const n=s;const l=class{constructor(t){e(this,t);this.changePage=a(this,"jump-change-page",7);this.changeElPerPage=a(this,"jump-change-el-per-page",7);this.elementsRanges="10,20,60,100";this.elementsRangesArray=undefined;this.elPerPage=undefined;this.pagLabel="di";this.labelElementsPerPage="Elementi per pagina";this.total=100;this.first=1;this.last=10;this.showFirstAndLast=false}elementsRangesChanged(e,a){console.log("dentro el");if(e!==a){this.elementsRangesArray=e.split(",").map(Number)}this.elementsRangesArray=[...this.elementsRangesArray];console.log("elementsRangesChanged",e,a)}elPerPageChanged(e,a){if(e!==a){this.first=1;this.last=Math.min(this.total,e)}this.changeElPerPage.emit({elPerPage:e})}componentWillLoad(){this.elementsRangesArray=this.elementsRanges.split(",").map(Number);this.elPerPage=!this.elPerPage?this.elementsRangesArray[0]:this.elPerPage}setElPerPage(e){this.elPerPage=e.target.value}doChangePage(e){let a;let t;if(e==="first"){a=1;t=Math.min(this.total,this.elPerPage)}else if(e==="last"){t=this.total;a=Math.max(1,this.total-this.elPerPage+1)}else if(e==="previous"){a=Math.max(1,this.first-this.elPerPage);t=Math.min(this.total,a+this.elPerPage-1)}else if(e==="next"){t=Math.min(this.total,this.last+this.elPerPage);a=Math.max(1,t-this.elPerPage+1)}this.first=a;this.last=t;let i={first:a,last:t,direction:e};this.changePage.emit(i)}render(){var e;return t(i,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as a,h as t,H as i}from"./p-98d5dd1f.js";const s=":host{display:block}.JumpPaginationTable{--jump-pagination-table-label:var(--neutral-grey-secondary);--jump-pagination-table-arrows:var(--neutral-grey-secondary);--jump-pagination-table-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPaginationTable__Wrapper{display:flex;justify-content:space-between}.JumpPaginationTable__Wrapper .elementsPerPage{display:flex;gap:1rem;align-items:center}.JumpPaginationTable__Wrapper .elementsPerPage label{color:var(--jump-pagination-table-label);font-size:var(--fs-300);font-weight:normal}.JumpPaginationTable__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-table-label)}.JumpPaginationTable__Wrapper .indicators .arrow{color:var(--jump-pagination-table-arrows);display:flex;align-items:center;gap:10px}.JumpPaginationTable__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPaginationTable__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-table-arrows-disabled)}.JumpPaginationTable__Wrapper .indicators .elements{color:var(--jump-pagination-table-label);display:flex;align-items:center;gap:5px}";const n=s;const l=class{constructor(t){e(this,t);this.changePage=a(this,"jump-change-page",7);this.changeElPerPage=a(this,"jump-change-el-per-page",7);this.elementsRanges="10,20,60,100";this.elementsRangesArray=undefined;this.elPerPage=undefined;this.pagLabel="di";this.labelElementsPerPage="Elementi per pagina";this.total=100;this.first=1;this.last=10;this.showFirstAndLast=false}elementsRangesChanged(e,a){console.log("dentro el");if(e!==a){this.elementsRangesArray=e.split(",").map(Number)}this.elementsRangesArray=[...this.elementsRangesArray];console.log("elementsRangesChanged",e,a)}elPerPageChanged(e,a){if(e!==a){this.first=1;this.last=Math.min(this.total,e)}this.changeElPerPage.emit({elPerPage:e})}componentWillLoad(){this.elementsRangesArray=this.elementsRanges.split(",").map(Number);this.elPerPage=!this.elPerPage?this.elementsRangesArray[0]:this.elPerPage}setElPerPage(e){this.elPerPage=e.target.value}doChangePage(e){let a;let t;if(e==="first"){a=1;t=Math.min(this.total,this.elPerPage)}else if(e==="last"){t=this.total;a=Math.max(1,this.total-this.elPerPage+1)}else if(e==="previous"){a=Math.max(1,this.first-this.elPerPage);t=Math.min(this.total,a+this.elPerPage-1)}else if(e==="next"){t=Math.min(this.total,this.last+this.elPerPage);a=Math.max(1,t-this.elPerPage+1)}this.first=a;this.last=t;let i={first:a,last:t,direction:e};this.changePage.emit(i)}render(){var e;return t(i,{key:"47cc6b24347df37305f7df4fe5a8afd7514e6e10",class:"JumpPaginationTable"},t("div",{key:"f55fceb2be6ded4feff7aa6755a2cbeaa5945ef9",class:"JumpPaginationTable__Wrapper"},t("div",{key:"0b01c97f6b6bed5ffb75473f511607c7e8dd5372",class:"elementsPerPage"},t("label",{key:"74b35bb0d6f5d7fdd5a1ec893662dd0a7e019151",htmlFor:"elements"},(e=this.labelElementsPerPage)!==null&&e!==void 0?e:"Elements per page"),t("select",{key:"4572cf12b14a2ba4cd83ba130a195a41e02612e3",name:"elements",id:"elements",onChange:e=>this.setElPerPage(e)},this.elementsRangesArray.map((e=>t("option",{value:e,selected:this.elPerPage==e&&true},e))))),t("div",{key:"585299d1d1e3e7a87657a1c96ba387b1922ac67c",class:"indicators"},t("div",{key:"e040c1efd9b97d3957c3b7f848db3485caa832ea",class:"elements"},t("span",{key:"2b0d31316aa647f835536d441288fce844c1a654"},t("span",{key:"b824d7c687b1a865c889fc4706c646d8d8848ffa"},this.first)," - ",t("span",{key:"572dd73f4a9efa7e93ce40211798b35e7c70dbc1"},this.last)," ",this.pagLabel," ",t("span",{key:"b3c51986ed329c5bfe4a096a8eeea0eaf17b9a5d"},this.total))),t("div",{key:"f92bd2eb072b9d84860b3e971bad0eb7a665b3c8",class:"arrow"},this.showFirstAndLast&&t("jump-button",{key:"a99b6a74d3e5cd2e41ed7555f73fcae79e7a0f47",onClick:()=>this.doChangePage("first"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"69530966896abe5880b9806105617e1e5b97602f",slot:"suffix",name:"chevrons-left"})," "),t("jump-button",{key:"1c6df3f2752d92c276b3a279e74dff939ac3f56f",onClick:()=>this.doChangePage("previous"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"afd4a54bed701892067cb83677877b0b3a1deae6",slot:"suffix",name:"chevron-left"})," "),t("jump-button",{key:"4a41c1520ffd5e185c416d9b89c82dd406361815",onClick:()=>this.doChangePage("next"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"f5e95f77772ed5b1ad757b292900dd597cd4d885",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&t("jump-button",{key:"3647bdcd23f181b9d7969bf2a895a7c8b7ac5db8",onClick:()=>this.doChangePage("last"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"963a4017dea5172684587208992277b0086e80c0",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}}};l.style=n;export{l as jump_pagination_table};
|
|
2
|
+
//# sourceMappingURL=p-468f27f9.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
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:"
|
|
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:"6f08de69934587d46d0e97ac63e409b5613e4d84"},e("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"},e("img",{key:"7ae0333a9644192c7699eecf8dd9b79f01e6c292",src:this.logo["image_url"],alt:this.logo["alt"]})),this.isMobile&&e("div",{key:"bcac331190313c3958b62496c3a6b1799dbf0a06",class:"MobileMenuOffCanvas"},e("div",{key:"815fcfc1a539d9d7a5353bcfce811ce6067fd7ab",class:"MobileMenuOffCanvas__Header"},"/* TODO: ricerca + pulsante chiusura + profilo utente con immagine */"),e("div",{key:"e5a3453677332d6d06e867679f1fce9e2c0d73e8",class:"MobileMenuOffCanvas__Navbar"},this.navbar.cloneNode(true)),e("div",{key:"b21b16958faa252dff66cb0e01b0dfbcb9840d8e",class:"MobileMenuOffCanvas__Footer"},"/* TODO: langswitcher */",this.mobileLogo&&e("jump-button",{key:"8e1234c5ed43013e828fbd95e8fcb5031f623b07",variant:"primary",size:"small",text:true,href:this.mobileLogo["link"],target:(s=this.mobileLogo["target"])!==null&&s!==void 0?s:"_self"},e("img",{key:"ca384db7ad14349b6baa2b7438f1164feeb96b80",src:this.mobileLogo["image_url"],alt:this.mobileLogo["alt"]})))),e("nav",{key:"059a7b48b8cfd33154fef936c25f8321249f1250",ref:a=>{this.navbar=a}},e("ul",{key:"da9bbcb6f853f74c5b7c86a50f9bfbcdd7429a02"},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:"744976cc652586c06c8d57b6c72bcecbad6f18a2",name:"actions"},e("slot",{key:"015abc23a87fe0463a66ecb582262f5bb9df08c8",name:"lang_switcher"}),e("slot",{key:"eb48590e68a8a142901fcd1aa765dcb68f543002",name:"search"}),e("slot",{key:"d8ec80bc6bd8063d884520aba59e0ed70ed2965f",name:"buttons"}),e("slot",{key:"6a26ce21dd00a2bc6c4eb92961e9e8bfcb3be7ba",name:"cart"})))}};r.style=i;export{r as jump_navbar};
|
|
2
|
+
//# sourceMappingURL=p-4e8b0955.entry.js.map
|
|
@@ -844,5 +844,5 @@ import{r as t,c as e,h as s,H as l,g as o}from"./p-98d5dd1f.js";import{i as r,x
|
|
|
844
844
|
<slot part="label" class="option__label" @slotchange=${this.handleDefaultSlotChange}></slot>
|
|
845
845
|
<slot part="suffix" name="suffix" class="option__suffix"></slot>
|
|
846
846
|
</div>
|
|
847
|
-
`}};Ye.styles=[n,We];Ye.dependencies={"sl-icon":b};a([y(".option__label")],Ye.prototype,"defaultSlot",2);a([h()],Ye.prototype,"current",2);a([h()],Ye.prototype,"selected",2);a([h()],Ye.prototype,"hasHover",2);a([u({reflect:true})],Ye.prototype,"value",2);a([u({type:Boolean,reflect:true})],Ye.prototype,"disabled",2);a([g("disabled")],Ye.prototype,"handleDisabledChange",1);a([g("selected")],Ye.prototype,"handleSelectedChange",1);a([g("value")],Ye.prototype,"handleValueChange",1);Ye.define("sl-option");const Ge=':root,:host,.sl-theme-light{color-scheme:light;--sl-color-gray-50:hsl(0 0% 97.5%);--sl-color-gray-100:hsl(240 4.8% 95.9%);--sl-color-gray-200:hsl(240 5.9% 90%);--sl-color-gray-300:hsl(240 4.9% 83.9%);--sl-color-gray-400:hsl(240 5% 64.9%);--sl-color-gray-500:hsl(240 3.8% 46.1%);--sl-color-gray-600:hsl(240 5.2% 33.9%);--sl-color-gray-700:hsl(240 5.3% 26.1%);--sl-color-gray-800:hsl(240 3.7% 15.9%);--sl-color-gray-900:hsl(240 5.9% 10%);--sl-color-gray-950:hsl(240 7.3% 8%);--sl-color-red-50:hsl(0 85.7% 97.3%);--sl-color-red-100:hsl(0 93.3% 94.1%);--sl-color-red-200:hsl(0 96.3% 89.4%);--sl-color-red-300:hsl(0 93.5% 81.8%);--sl-color-red-400:hsl(0 90.6% 70.8%);--sl-color-red-500:hsl(0 84.2% 60.2%);--sl-color-red-600:hsl(0 72.2% 50.6%);--sl-color-red-700:hsl(0 73.7% 41.8%);--sl-color-red-800:hsl(0 70% 35.3%);--sl-color-red-900:hsl(0 62.8% 30.6%);--sl-color-red-950:hsl(0 60% 19.6%);--sl-color-orange-50:hsl(33.3 100% 96.5%);--sl-color-orange-100:hsl(34.3 100% 91.8%);--sl-color-orange-200:hsl(32.1 97.7% 83.1%);--sl-color-orange-300:hsl(30.7 97.2% 72.4%);--sl-color-orange-400:hsl(27 96% 61%);--sl-color-orange-500:hsl(24.6 95% 53.1%);--sl-color-orange-600:hsl(20.5 90.2% 48.2%);--sl-color-orange-700:hsl(17.5 88.3% 40.4%);--sl-color-orange-800:hsl(15 79.1% 33.7%);--sl-color-orange-900:hsl(15.3 74.6% 27.8%);--sl-color-orange-950:hsl(15.2 69.1% 19%);--sl-color-amber-50:hsl(48 100% 96.1%);--sl-color-amber-100:hsl(48 96.5% 88.8%);--sl-color-amber-200:hsl(48 96.6% 76.7%);--sl-color-amber-300:hsl(45.9 96.7% 64.5%);--sl-color-amber-400:hsl(43.3 96.4% 56.3%);--sl-color-amber-500:hsl(37.7 92.1% 50.2%);--sl-color-amber-600:hsl(32.1 94.6% 43.7%);--sl-color-amber-700:hsl(26 90.5% 37.1%);--sl-color-amber-800:hsl(22.7 82.5% 31.4%);--sl-color-amber-900:hsl(21.7 77.8% 26.5%);--sl-color-amber-950:hsl(22.9 74.1% 16.7%);--sl-color-yellow-50:hsl(54.5 91.7% 95.3%);--sl-color-yellow-100:hsl(54.9 96.7% 88%);--sl-color-yellow-200:hsl(52.8 98.3% 76.9%);--sl-color-yellow-300:hsl(50.4 97.8% 63.5%);--sl-color-yellow-400:hsl(47.9 95.8% 53.1%);--sl-color-yellow-500:hsl(45.4 93.4% 47.5%);--sl-color-yellow-600:hsl(40.6 96.1% 40.4%);--sl-color-yellow-700:hsl(35.5 91.7% 32.9%);--sl-color-yellow-800:hsl(31.8 81% 28.8%);--sl-color-yellow-900:hsl(28.4 72.5% 25.7%);--sl-color-yellow-950:hsl(33.1 69% 13.9%);--sl-color-lime-50:hsl(78.3 92% 95.1%);--sl-color-lime-100:hsl(79.6 89.1% 89.2%);--sl-color-lime-200:hsl(80.9 88.5% 79.6%);--sl-color-lime-300:hsl(82 84.5% 67.1%);--sl-color-lime-400:hsl(82.7 78% 55.5%);--sl-color-lime-500:hsl(83.7 80.5% 44.3%);--sl-color-lime-600:hsl(84.8 85.2% 34.5%);--sl-color-lime-700:hsl(85.9 78.4% 27.3%);--sl-color-lime-800:hsl(86.3 69% 22.7%);--sl-color-lime-900:hsl(87.6 61.2% 20.2%);--sl-color-lime-950:hsl(86.5 60.6% 13.9%);--sl-color-green-50:hsl(138.5 76.5% 96.7%);--sl-color-green-100:hsl(140.6 84.2% 92.5%);--sl-color-green-200:hsl(141 78.9% 85.1%);--sl-color-green-300:hsl(141.7 76.6% 73.1%);--sl-color-green-400:hsl(141.9 69.2% 58%);--sl-color-green-500:hsl(142.1 70.6% 45.3%);--sl-color-green-600:hsl(142.1 76.2% 36.3%);--sl-color-green-700:hsl(142.4 71.8% 29.2%);--sl-color-green-800:hsl(142.8 64.2% 24.1%);--sl-color-green-900:hsl(143.8 61.2% 20.2%);--sl-color-green-950:hsl(144.3 60.7% 12%);--sl-color-emerald-50:hsl(151.8 81% 95.9%);--sl-color-emerald-100:hsl(149.3 80.4% 90%);--sl-color-emerald-200:hsl(152.4 76% 80.4%);--sl-color-emerald-300:hsl(156.2 71.6% 66.9%);--sl-color-emerald-400:hsl(158.1 64.4% 51.6%);--sl-color-emerald-500:hsl(160.1 84.1% 39.4%);--sl-color-emerald-600:hsl(161.4 93.5% 30.4%);--sl-color-emerald-700:hsl(162.9 93.5% 24.3%);--sl-color-emerald-800:hsl(163.1 88.1% 19.8%);--sl-color-emerald-900:hsl(164.2 85.7% 16.5%);--sl-color-emerald-950:hsl(164.3 87.5% 9.4%);--sl-color-teal-50:hsl(166.2 76.5% 96.7%);--sl-color-teal-100:hsl(167.2 85.5% 89.2%);--sl-color-teal-200:hsl(168.4 83.8% 78.2%);--sl-color-teal-300:hsl(170.6 76.9% 64.3%);--sl-color-teal-400:hsl(172.5 66% 50.4%);--sl-color-teal-500:hsl(173.4 80.4% 40%);--sl-color-teal-600:hsl(174.7 83.9% 31.6%);--sl-color-teal-700:hsl(175.3 77.4% 26.1%);--sl-color-teal-800:hsl(176.1 69.4% 21.8%);--sl-color-teal-900:hsl(175.9 60.8% 19%);--sl-color-teal-950:hsl(176.5 58.6% 11.4%);--sl-color-cyan-50:hsl(183.2 100% 96.3%);--sl-color-cyan-100:hsl(185.1 95.9% 90.4%);--sl-color-cyan-200:hsl(186.2 93.5% 81.8%);--sl-color-cyan-300:hsl(187 92.4% 69%);--sl-color-cyan-400:hsl(187.9 85.7% 53.3%);--sl-color-cyan-500:hsl(188.7 94.5% 42.7%);--sl-color-cyan-600:hsl(191.6 91.4% 36.5%);--sl-color-cyan-700:hsl(192.9 82.3% 31%);--sl-color-cyan-800:hsl(194.4 69.6% 27.1%);--sl-color-cyan-900:hsl(196.4 63.6% 23.7%);--sl-color-cyan-950:hsl(196.8 61% 16.1%);--sl-color-sky-50:hsl(204 100% 97.1%);--sl-color-sky-100:hsl(204 93.8% 93.7%);--sl-color-sky-200:hsl(200.6 94.4% 86.1%);--sl-color-sky-300:hsl(199.4 95.5% 73.9%);--sl-color-sky-400:hsl(198.4 93.2% 59.6%);--sl-color-sky-500:hsl(198.6 88.7% 48.4%);--sl-color-sky-600:hsl(200.4 98% 39.4%);--sl-color-sky-700:hsl(201.3 96.3% 32.2%);--sl-color-sky-800:hsl(201 90% 27.5%);--sl-color-sky-900:hsl(202 80.3% 23.9%);--sl-color-sky-950:hsl(202.3 73.8% 16.5%);--sl-color-blue-50:hsl(213.8 100% 96.9%);--sl-color-blue-100:hsl(214.3 94.6% 92.7%);--sl-color-blue-200:hsl(213.3 96.9% 87.3%);--sl-color-blue-300:hsl(211.7 96.4% 78.4%);--sl-color-blue-400:hsl(213.1 93.9% 67.8%);--sl-color-blue-500:hsl(217.2 91.2% 59.8%);--sl-color-blue-600:hsl(221.2 83.2% 53.3%);--sl-color-blue-700:hsl(224.3 76.3% 48%);--sl-color-blue-800:hsl(225.9 70.7% 40.2%);--sl-color-blue-900:hsl(224.4 64.3% 32.9%);--sl-color-blue-950:hsl(226.2 55.3% 18.4%);--sl-color-indigo-50:hsl(225.9 100% 96.7%);--sl-color-indigo-100:hsl(226.5 100% 93.9%);--sl-color-indigo-200:hsl(228 96.5% 88.8%);--sl-color-indigo-300:hsl(229.7 93.5% 81.8%);--sl-color-indigo-400:hsl(234.5 89.5% 73.9%);--sl-color-indigo-500:hsl(238.7 83.5% 66.7%);--sl-color-indigo-600:hsl(243.4 75.4% 58.6%);--sl-color-indigo-700:hsl(244.5 57.9% 50.6%);--sl-color-indigo-800:hsl(243.7 54.5% 41.4%);--sl-color-indigo-900:hsl(242.2 47.4% 34.3%);--sl-color-indigo-950:hsl(243.5 43.6% 22.9%);--sl-color-violet-50:hsl(250 100% 97.6%);--sl-color-violet-100:hsl(251.4 91.3% 95.5%);--sl-color-violet-200:hsl(250.5 95.2% 91.8%);--sl-color-violet-300:hsl(252.5 94.7% 85.1%);--sl-color-violet-400:hsl(255.1 91.7% 76.3%);--sl-color-violet-500:hsl(258.3 89.5% 66.3%);--sl-color-violet-600:hsl(262.1 83.3% 57.8%);--sl-color-violet-700:hsl(263.4 70% 50.4%);--sl-color-violet-800:hsl(263.4 69.3% 42.2%);--sl-color-violet-900:hsl(263.5 67.4% 34.9%);--sl-color-violet-950:hsl(265.1 61.5% 21.4%);--sl-color-purple-50:hsl(270 100% 98%);--sl-color-purple-100:hsl(268.7 100% 95.5%);--sl-color-purple-200:hsl(268.6 100% 91.8%);--sl-color-purple-300:hsl(269.2 97.4% 85.1%);--sl-color-purple-400:hsl(270 95.2% 75.3%);--sl-color-purple-500:hsl(270.7 91% 65.1%);--sl-color-purple-600:hsl(271.5 81.3% 55.9%);--sl-color-purple-700:hsl(272.1 71.7% 47.1%);--sl-color-purple-800:hsl(272.9 67.2% 39.4%);--sl-color-purple-900:hsl(273.6 65.6% 32%);--sl-color-purple-950:hsl(276 59.5% 16.5%);--sl-color-fuchsia-50:hsl(289.1 100% 97.8%);--sl-color-fuchsia-100:hsl(287 100% 95.5%);--sl-color-fuchsia-200:hsl(288.3 95.8% 90.6%);--sl-color-fuchsia-300:hsl(291.1 93.1% 82.9%);--sl-color-fuchsia-400:hsl(292 91.4% 72.5%);--sl-color-fuchsia-500:hsl(292.2 84.1% 60.6%);--sl-color-fuchsia-600:hsl(293.4 69.5% 48.8%);--sl-color-fuchsia-700:hsl(294.7 72.4% 39.8%);--sl-color-fuchsia-800:hsl(295.4 70.2% 32.9%);--sl-color-fuchsia-900:hsl(296.7 63.6% 28%);--sl-color-fuchsia-950:hsl(297.1 56.8% 14.5%);--sl-color-pink-50:hsl(327.3 73.3% 97.1%);--sl-color-pink-100:hsl(325.7 77.8% 94.7%);--sl-color-pink-200:hsl(325.9 84.6% 89.8%);--sl-color-pink-300:hsl(327.4 87.1% 81.8%);--sl-color-pink-400:hsl(328.6 85.5% 70.2%);--sl-color-pink-500:hsl(330.4 81.2% 60.4%);--sl-color-pink-600:hsl(333.3 71.4% 50.6%);--sl-color-pink-700:hsl(335.1 77.6% 42%);--sl-color-pink-800:hsl(335.8 74.4% 35.3%);--sl-color-pink-900:hsl(335.9 69% 30.4%);--sl-color-pink-950:hsl(336.2 65.4% 15.9%);--sl-color-rose-50:hsl(355.7 100% 97.3%);--sl-color-rose-100:hsl(355.6 100% 94.7%);--sl-color-rose-200:hsl(352.7 96.1% 90%);--sl-color-rose-300:hsl(352.6 95.7% 81.8%);--sl-color-rose-400:hsl(351.3 94.5% 71.4%);--sl-color-rose-500:hsl(349.7 89.2% 60.2%);--sl-color-rose-600:hsl(346.8 77.2% 49.8%);--sl-color-rose-700:hsl(345.3 82.7% 40.8%);--sl-color-rose-800:hsl(343.4 79.7% 34.7%);--sl-color-rose-900:hsl(341.5 75.5% 30.4%);--sl-color-rose-950:hsl(341.3 70.1% 17.1%);--sl-color-primary-50:var(--sl-color-sky-50);--sl-color-primary-100:var(--sl-color-sky-100);--sl-color-primary-200:var(--sl-color-sky-200);--sl-color-primary-300:var(--sl-color-sky-300);--sl-color-primary-400:var(--sl-color-sky-400);--sl-color-primary-500:var(--sl-color-sky-500);--sl-color-primary-600:var(--sl-color-sky-600);--sl-color-primary-700:var(--sl-color-sky-700);--sl-color-primary-800:var(--sl-color-sky-800);--sl-color-primary-900:var(--sl-color-sky-900);--sl-color-primary-950:var(--sl-color-sky-950);--sl-color-success-50:var(--sl-color-green-50);--sl-color-success-100:var(--sl-color-green-100);--sl-color-success-200:var(--sl-color-green-200);--sl-color-success-300:var(--sl-color-green-300);--sl-color-success-400:var(--sl-color-green-400);--sl-color-success-500:var(--sl-color-green-500);--sl-color-success-600:var(--sl-color-green-600);--sl-color-success-700:var(--sl-color-green-700);--sl-color-success-800:var(--sl-color-green-800);--sl-color-success-900:var(--sl-color-green-900);--sl-color-success-950:var(--sl-color-green-950);--sl-color-warning-50:var(--sl-color-amber-50);--sl-color-warning-100:var(--sl-color-amber-100);--sl-color-warning-200:var(--sl-color-amber-200);--sl-color-warning-300:var(--sl-color-amber-300);--sl-color-warning-400:var(--sl-color-amber-400);--sl-color-warning-500:var(--sl-color-amber-500);--sl-color-warning-600:var(--sl-color-amber-600);--sl-color-warning-700:var(--sl-color-amber-700);--sl-color-warning-800:var(--sl-color-amber-800);--sl-color-warning-900:var(--sl-color-amber-900);--sl-color-warning-950:var(--sl-color-amber-950);--sl-color-danger-50:var(--sl-color-red-50);--sl-color-danger-100:var(--sl-color-red-100);--sl-color-danger-200:var(--sl-color-red-200);--sl-color-danger-300:var(--sl-color-red-300);--sl-color-danger-400:var(--sl-color-red-400);--sl-color-danger-500:var(--sl-color-red-500);--sl-color-danger-600:var(--sl-color-red-600);--sl-color-danger-700:var(--sl-color-red-700);--sl-color-danger-800:var(--sl-color-red-800);--sl-color-danger-900:var(--sl-color-red-900);--sl-color-danger-950:var(--sl-color-red-950);--sl-color-neutral-50:var(--sl-color-gray-50);--sl-color-neutral-100:var(--sl-color-gray-100);--sl-color-neutral-200:var(--sl-color-gray-200);--sl-color-neutral-300:var(--sl-color-gray-300);--sl-color-neutral-400:var(--sl-color-gray-400);--sl-color-neutral-500:var(--sl-color-gray-500);--sl-color-neutral-600:var(--sl-color-gray-600);--sl-color-neutral-700:var(--sl-color-gray-700);--sl-color-neutral-800:var(--sl-color-gray-800);--sl-color-neutral-900:var(--sl-color-gray-900);--sl-color-neutral-950:var(--sl-color-gray-950);--sl-color-neutral-0:hsl(0, 0%, 100%);--sl-color-neutral-1000:hsl(0, 0%, 0%);--sl-border-radius-small:0.1875rem;--sl-border-radius-medium:0.25rem;--sl-border-radius-large:0.5rem;--sl-border-radius-x-large:1rem;--sl-border-radius-circle:50%;--sl-border-radius-pill:9999px;--sl-shadow-x-small:0 1px 2px hsl(240 3.8% 46.1% / 6%);--sl-shadow-small:0 1px 2px hsl(240 3.8% 46.1% / 12%);--sl-shadow-medium:0 2px 4px hsl(240 3.8% 46.1% / 12%);--sl-shadow-large:0 2px 8px hsl(240 3.8% 46.1% / 12%);--sl-shadow-x-large:0 4px 16px hsl(240 3.8% 46.1% / 12%);--sl-spacing-3x-small:0.125rem;--sl-spacing-2x-small:0.25rem;--sl-spacing-x-small:0.5rem;--sl-spacing-small:0.75rem;--sl-spacing-medium:1rem;--sl-spacing-large:1.25rem;--sl-spacing-x-large:1.75rem;--sl-spacing-2x-large:2.25rem;--sl-spacing-3x-large:3rem;--sl-spacing-4x-large:4.5rem;--sl-transition-x-slow:1000ms;--sl-transition-slow:500ms;--sl-transition-medium:250ms;--sl-transition-fast:150ms;--sl-transition-x-fast:50ms;--sl-font-mono:SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--sl-font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,\n Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",\n "Segoe UI Symbol";--sl-font-serif:Georgia, "Times New Roman", serif;--sl-font-size-2x-small:0.625rem;--sl-font-size-x-small:0.75rem;--sl-font-size-small:0.875rem;--sl-font-size-medium:1rem;--sl-font-size-large:1.25rem;--sl-font-size-x-large:1.5rem;--sl-font-size-2x-large:2.25rem;--sl-font-size-3x-large:3rem;--sl-font-size-4x-large:4.5rem;--sl-font-weight-light:300;--sl-font-weight-normal:400;--sl-font-weight-semibold:500;--sl-font-weight-bold:700;--sl-letter-spacing-denser:-0.03em;--sl-letter-spacing-dense:-0.015em;--sl-letter-spacing-normal:normal;--sl-letter-spacing-loose:0.075em;--sl-letter-spacing-looser:0.15em;--sl-line-height-denser:1;--sl-line-height-dense:1.4;--sl-line-height-normal:1.8;--sl-line-height-loose:2.2;--sl-line-height-looser:2.6;--sl-focus-ring-color:var(--sl-color-primary-600);--sl-focus-ring-style:solid;--sl-focus-ring-width:3px;--sl-focus-ring:var(--sl-focus-ring-style) var(--sl-focus-ring-width)\n var(--sl-focus-ring-color);--sl-focus-ring-offset:1px;--sl-button-font-size-small:var(--sl-font-size-x-small);--sl-button-font-size-medium:var(--sl-font-size-small);--sl-button-font-size-large:var(--sl-font-size-medium);--sl-input-height-small:1.875rem;--sl-input-height-medium:2.5rem;--sl-input-height-large:3.125rem;--sl-input-background-color:var(--sl-color-neutral-0);--sl-input-background-color-hover:var(--sl-input-background-color);--sl-input-background-color-focus:var(--sl-input-background-color);--sl-input-background-color-disabled:var(--sl-color-neutral-100);--sl-input-border-color:var(--sl-color-neutral-300);--sl-input-border-color-hover:var(--sl-color-neutral-400);--sl-input-border-color-focus:var(--sl-color-primary-500);--sl-input-border-color-disabled:var(--sl-color-neutral-300);--sl-input-border-width:1px;--sl-input-required-content:"*";--sl-input-required-content-offset:-2px;--sl-input-required-content-color:var(--sl-input-label-color);--sl-input-border-radius-small:var(--sl-border-radius-medium);--sl-input-border-radius-medium:var(--sl-border-radius-medium);--sl-input-border-radius-large:var(--sl-border-radius-medium);--sl-input-font-family:var(--sl-font-sans);--sl-input-font-weight:var(--sl-font-weight-normal);--sl-input-font-size-small:var(--sl-font-size-small);--sl-input-font-size-medium:var(--sl-font-size-medium);--sl-input-font-size-large:var(--sl-font-size-large);--sl-input-letter-spacing:var(--sl-letter-spacing-normal);--sl-input-color:var(--sl-color-neutral-700);--sl-input-color-hover:var(--sl-color-neutral-700);--sl-input-color-focus:var(--sl-color-neutral-700);--sl-input-color-disabled:var(--sl-color-neutral-900);--sl-input-icon-color:var(--sl-color-neutral-500);--sl-input-icon-color-hover:var(--sl-color-neutral-600);--sl-input-icon-color-focus:var(--sl-color-neutral-600);--sl-input-placeholder-color:var(--sl-color-neutral-500);--sl-input-placeholder-color-disabled:var(--sl-color-neutral-600);--sl-input-spacing-small:var(--sl-spacing-small);--sl-input-spacing-medium:var(--sl-spacing-medium);--sl-input-spacing-large:var(--sl-spacing-large);--sl-input-focus-ring-color:hsl(198.6 88.7% 48.4% / 40%);--sl-input-focus-ring-offset:0;--sl-input-filled-background-color:var(--sl-color-neutral-100);--sl-input-filled-background-color-hover:var(--sl-color-neutral-100);--sl-input-filled-background-color-focus:var(--sl-color-neutral-100);--sl-input-filled-background-color-disabled:var(--sl-color-neutral-100);--sl-input-filled-color:var(--sl-color-neutral-800);--sl-input-filled-color-hover:var(--sl-color-neutral-800);--sl-input-filled-color-focus:var(--sl-color-neutral-700);--sl-input-filled-color-disabled:var(--sl-color-neutral-800);--sl-input-label-font-size-small:var(--sl-font-size-small);--sl-input-label-font-size-medium:var(--sl-font-size-medium);--sl-input-label-font-size-large:var(--sl-font-size-large);--sl-input-label-color:inherit;--sl-input-help-text-font-size-small:var(--sl-font-size-x-small);--sl-input-help-text-font-size-medium:var(--sl-font-size-small);--sl-input-help-text-font-size-large:var(--sl-font-size-medium);--sl-input-help-text-color:var(--sl-color-neutral-500);--sl-toggle-size-small:0.875rem;--sl-toggle-size-medium:1.125rem;--sl-toggle-size-large:1.375rem;--sl-overlay-background-color:hsl(240 3.8% 46.1% / 33%);--sl-panel-background-color:var(--sl-color-neutral-0);--sl-panel-border-color:var(--sl-color-neutral-200);--sl-panel-border-width:1px;--sl-tooltip-border-radius:var(--sl-border-radius-medium);--sl-tooltip-background-color:var(--sl-color-neutral-800);--sl-tooltip-color:var(--sl-color-neutral-0);--sl-tooltip-font-family:var(--sl-font-sans);--sl-tooltip-font-weight:var(--sl-font-weight-normal);--sl-tooltip-font-size:var(--sl-font-size-small);--sl-tooltip-line-height:var(--sl-line-height-dense);--sl-tooltip-padding:var(--sl-spacing-2x-small) var(--sl-spacing-x-small);--sl-tooltip-arrow-size:6px;--sl-z-index-drawer:700;--sl-z-index-dialog:800;--sl-z-index-dropdown:900;--sl-z-index-toast:950;--sl-z-index-tooltip:1000}@supports (scrollbar-gutter: stable){.sl-scroll-lock{scrollbar-gutter:stable !important;overflow:hidden !important}}@supports not (scrollbar-gutter: stable){.sl-scroll-lock body{padding-right:var(--sl-scroll-lock-size) !important;overflow:hidden !important}}.sl-toast-stack{position:fixed;top:0;inset-inline-end:0;z-index:var(--sl-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.sl-toast-stack sl-alert{margin:var(--sl-spacing-medium)}.sl-toast-stack sl-alert::part(base){box-shadow:var(--sl-shadow-large)}:host{--jump-select-border-radius:4px;--jump-select-border-color:var(--neutral-grey-disabled, #cbcbcb);--jump-select-border-color-hover:var(--secondary-standard, #5e79ba);--jump-select-border-color-focus:var(--secondary-standard, #5e79ba);--jump-select-background:var(--neutral-white, #ffffff);--jump-select-color:var(--neutral-black, #000000);--jump-select-font-family:var(--ff-primary, "Inter", sans-serif);--jump-select-font-size:16px;--jump-select-font-weight:normal;--jump-select-height:40px;--jump-select-padding:0 10px;--jump-select-disabled-opacity:0.5;--jump-select-placeholder-color:var(--neutral-grey-disabled, #cbcbcb);--jump-select-label-margin:0 0 8px 0;--jump-select-label-color:var(--neutral-black, #000000);--jump-select-label-font-size:14px;--jump-select-label-font-weight:500;--jump-select-option-selected-background:var(--secondary-standard, #5e79ba);--jump-select-option-selected-color:var(--neutral-white, #ffffff);--jump-select-dropdown-box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);display:flex;flex-direction:column;width:100%;}:host .select-label{font-family:var(--jump-select-font-family);font-size:var(--jump-select-label-font-size);font-weight:var(--jump-select-label-font-weight);color:var(--jump-select-label-color);margin:var(--jump-select-label-margin)}:host sl-select::part(form-control){display:block;width:100%}:host sl-select::part(base){width:100%;font-family:var(--jump-select-font-family);font-size:var(--jump-select-font-size);font-weight:var(--jump-select-font-weight)}:host sl-select::part(control){height:var(--jump-select-height);border-radius:var(--jump-select-border-radius);border-color:var(--jump-select-border-color);background-color:var(--jump-select-background);color:var(--jump-select-color);padding:var(--jump-select-padding)}:host sl-select::part(control):hover{border-color:var(--jump-select-border-color-hover)}:host sl-select::part(control):focus-within{border-color:var(--jump-select-border-color-focus);box-shadow:0 0 0 2px rgba(94, 121, 186, 0.25)}:host sl-select::part(display-input){height:var(--jump-select-height);line-height:var(--jump-select-height);color:var(--jump-select-color)}:host sl-select::part(placeholder){color:var(--jump-select-placeholder-color)}:host sl-select::part(dropdown){box-shadow:var(--jump-select-dropdown-box-shadow);border-radius:var(--jump-select-border-radius);z-index:100}:host sl-select::part(listbox){font-family:var(--jump-select-font-family);font-size:var(--jump-select-font-size)}:host sl-select::part(tags){margin-top:0}:host sl-select::part(tag){background-color:var(--secondary-standard, #5e79ba);color:var(--neutral-white, #ffffff)}:host sl-select[disabled]::part(control){opacity:var(--jump-select-disabled-opacity);cursor:not-allowed}:host sl-option::part(checked-icon){color:var(--jump-select-option-selected-color)}:host sl-option[selected]::part(base){background-color:var(--jump-select-option-selected-background);color:var(--jump-select-option-selected-color)}';const Je=Ge;const Ke=class{constructor(s){t(this,s);this.selectionChange=e(this,"jump-select-change",7);this.selectionFilterChange=e(this,"jump-filterchange",7);this.valueChange=e(this,"jump-select-value-change",7);this.value=undefined;this.placeholder="Seleziona un'opzione";this.label=undefined;this.name="select-filter";this.options=[];this.disabled=false;this.multiple=false;this.required=false;this.loading=false;this.open=false;this.values=[]}getOptionsArray(){if(typeof this.options==="string"){try{return JSON.parse(this.options)}catch(t){console.error("Errore nel parsing delle opzioni:",t);return[]}}return this.options}updateValues(){this.values=this.value?[this.value]:[]}componentDidLoad(){this.updateValues();setTimeout((()=>{this.listenSLChange()}),100)}componentDidRender(){if(this.el&&!this.el._jumpListenerAttached){this.listenSLChange()}}listenSLChange(){if(this.el&&!this.el._jumpListenerAttached){this.el._jumpListenerAttached=true;this.el.addEventListener("sl-change",(t=>{if(this.disabled){return}console.log("sl-change event received:",t.target.value);this.value=t.target.value;this.updateValues();const e=this.getOptionsArray();let s=e.find((t=>t.value===this.value));if(!s&&this.value){const t=this.hostElement.querySelectorAll("sl-option");const e=Array.from(t).find((t=>t.value===this.value));if(e){s={value:this.value,label:e.textContent||this.value}}}const l={value:this.value,selectedOption:s};this.selectionChange.emit(l);const o={name:this.name,values:this.values,value:this.value,selectedOption:s};console.log("jump-filter-select: Emitting jump-filterchange with data:",o);this.selectionFilterChange.emit(o)}))}}async getSelectedValue(){return this.value}async getSelectedOption(){const t=this.getOptionsArray();let e=t.find((t=>t.value===this.value));if(!e&&this.value){const t=this.hostElement.querySelectorAll("sl-option");const s=Array.from(t).find((t=>t.value===this.value));if(s){e={value:this.value,label:s.textContent||this.value}}}return e}async getValues(){return this.values}async getName(){return this.name}async setValue(t,e=true){if(this.disabled){return this.value}const s=this.value;if(s===t){return this.value}this.value=t;this.updateValues();if(this.el){this.el.value=t}if(e){const t=this.getOptionsArray();let e=t.find((t=>t.value===this.value));if(!e&&this.value){const t=this.hostElement.querySelectorAll("sl-option");const s=Array.from(t).find((t=>t.value===this.value));if(s){e={value:this.value,label:s.textContent||this.value}}}const l={value:this.value,oldValue:s,selectedOption:e,programmatic:true};this.selectionChange.emit(l);const o={name:this.name,values:this.values,value:this.value,oldValue:s,selectedOption:e,programmatic:true};this.selectionFilterChange.emit(o);this.valueChange.emit({value:this.value,oldValue:s,selectedOption:e})}return this.value}render(){const t=this.getOptionsArray();const e=t&&t.length>0;return s(l,{key:"97473942caed469dfb681d77e1335542d5d67808",ref:t=>this.host=t},this.label&&s("div",{key:"eb5d0f4a428642694bb47f1bedf1da14d375e592",class:"select-label"},this.label),s("sl-select",{key:"c3d4cb422603fdf837e5433dddd061c47832723a",value:this.value,placeholder:this.placeholder,disabled:this.disabled,multiple:this.multiple,required:this.required,loading:this.loading,ref:t=>this.el=t},e?t.map((t=>s("sl-option",{value:t.value},t.label))):s("slot",null)))}get hostElement(){return o(this)}};Ke.style=Je;export{Ke as jump_filter_select};
|
|
848
|
-
//# sourceMappingURL=p-
|
|
847
|
+
`}};Ye.styles=[n,We];Ye.dependencies={"sl-icon":b};a([y(".option__label")],Ye.prototype,"defaultSlot",2);a([h()],Ye.prototype,"current",2);a([h()],Ye.prototype,"selected",2);a([h()],Ye.prototype,"hasHover",2);a([u({reflect:true})],Ye.prototype,"value",2);a([u({type:Boolean,reflect:true})],Ye.prototype,"disabled",2);a([g("disabled")],Ye.prototype,"handleDisabledChange",1);a([g("selected")],Ye.prototype,"handleSelectedChange",1);a([g("value")],Ye.prototype,"handleValueChange",1);Ye.define("sl-option");const Ge=':root,:host,.sl-theme-light{color-scheme:light;--sl-color-gray-50:hsl(0 0% 97.5%);--sl-color-gray-100:hsl(240 4.8% 95.9%);--sl-color-gray-200:hsl(240 5.9% 90%);--sl-color-gray-300:hsl(240 4.9% 83.9%);--sl-color-gray-400:hsl(240 5% 64.9%);--sl-color-gray-500:hsl(240 3.8% 46.1%);--sl-color-gray-600:hsl(240 5.2% 33.9%);--sl-color-gray-700:hsl(240 5.3% 26.1%);--sl-color-gray-800:hsl(240 3.7% 15.9%);--sl-color-gray-900:hsl(240 5.9% 10%);--sl-color-gray-950:hsl(240 7.3% 8%);--sl-color-red-50:hsl(0 85.7% 97.3%);--sl-color-red-100:hsl(0 93.3% 94.1%);--sl-color-red-200:hsl(0 96.3% 89.4%);--sl-color-red-300:hsl(0 93.5% 81.8%);--sl-color-red-400:hsl(0 90.6% 70.8%);--sl-color-red-500:hsl(0 84.2% 60.2%);--sl-color-red-600:hsl(0 72.2% 50.6%);--sl-color-red-700:hsl(0 73.7% 41.8%);--sl-color-red-800:hsl(0 70% 35.3%);--sl-color-red-900:hsl(0 62.8% 30.6%);--sl-color-red-950:hsl(0 60% 19.6%);--sl-color-orange-50:hsl(33.3 100% 96.5%);--sl-color-orange-100:hsl(34.3 100% 91.8%);--sl-color-orange-200:hsl(32.1 97.7% 83.1%);--sl-color-orange-300:hsl(30.7 97.2% 72.4%);--sl-color-orange-400:hsl(27 96% 61%);--sl-color-orange-500:hsl(24.6 95% 53.1%);--sl-color-orange-600:hsl(20.5 90.2% 48.2%);--sl-color-orange-700:hsl(17.5 88.3% 40.4%);--sl-color-orange-800:hsl(15 79.1% 33.7%);--sl-color-orange-900:hsl(15.3 74.6% 27.8%);--sl-color-orange-950:hsl(15.2 69.1% 19%);--sl-color-amber-50:hsl(48 100% 96.1%);--sl-color-amber-100:hsl(48 96.5% 88.8%);--sl-color-amber-200:hsl(48 96.6% 76.7%);--sl-color-amber-300:hsl(45.9 96.7% 64.5%);--sl-color-amber-400:hsl(43.3 96.4% 56.3%);--sl-color-amber-500:hsl(37.7 92.1% 50.2%);--sl-color-amber-600:hsl(32.1 94.6% 43.7%);--sl-color-amber-700:hsl(26 90.5% 37.1%);--sl-color-amber-800:hsl(22.7 82.5% 31.4%);--sl-color-amber-900:hsl(21.7 77.8% 26.5%);--sl-color-amber-950:hsl(22.9 74.1% 16.7%);--sl-color-yellow-50:hsl(54.5 91.7% 95.3%);--sl-color-yellow-100:hsl(54.9 96.7% 88%);--sl-color-yellow-200:hsl(52.8 98.3% 76.9%);--sl-color-yellow-300:hsl(50.4 97.8% 63.5%);--sl-color-yellow-400:hsl(47.9 95.8% 53.1%);--sl-color-yellow-500:hsl(45.4 93.4% 47.5%);--sl-color-yellow-600:hsl(40.6 96.1% 40.4%);--sl-color-yellow-700:hsl(35.5 91.7% 32.9%);--sl-color-yellow-800:hsl(31.8 81% 28.8%);--sl-color-yellow-900:hsl(28.4 72.5% 25.7%);--sl-color-yellow-950:hsl(33.1 69% 13.9%);--sl-color-lime-50:hsl(78.3 92% 95.1%);--sl-color-lime-100:hsl(79.6 89.1% 89.2%);--sl-color-lime-200:hsl(80.9 88.5% 79.6%);--sl-color-lime-300:hsl(82 84.5% 67.1%);--sl-color-lime-400:hsl(82.7 78% 55.5%);--sl-color-lime-500:hsl(83.7 80.5% 44.3%);--sl-color-lime-600:hsl(84.8 85.2% 34.5%);--sl-color-lime-700:hsl(85.9 78.4% 27.3%);--sl-color-lime-800:hsl(86.3 69% 22.7%);--sl-color-lime-900:hsl(87.6 61.2% 20.2%);--sl-color-lime-950:hsl(86.5 60.6% 13.9%);--sl-color-green-50:hsl(138.5 76.5% 96.7%);--sl-color-green-100:hsl(140.6 84.2% 92.5%);--sl-color-green-200:hsl(141 78.9% 85.1%);--sl-color-green-300:hsl(141.7 76.6% 73.1%);--sl-color-green-400:hsl(141.9 69.2% 58%);--sl-color-green-500:hsl(142.1 70.6% 45.3%);--sl-color-green-600:hsl(142.1 76.2% 36.3%);--sl-color-green-700:hsl(142.4 71.8% 29.2%);--sl-color-green-800:hsl(142.8 64.2% 24.1%);--sl-color-green-900:hsl(143.8 61.2% 20.2%);--sl-color-green-950:hsl(144.3 60.7% 12%);--sl-color-emerald-50:hsl(151.8 81% 95.9%);--sl-color-emerald-100:hsl(149.3 80.4% 90%);--sl-color-emerald-200:hsl(152.4 76% 80.4%);--sl-color-emerald-300:hsl(156.2 71.6% 66.9%);--sl-color-emerald-400:hsl(158.1 64.4% 51.6%);--sl-color-emerald-500:hsl(160.1 84.1% 39.4%);--sl-color-emerald-600:hsl(161.4 93.5% 30.4%);--sl-color-emerald-700:hsl(162.9 93.5% 24.3%);--sl-color-emerald-800:hsl(163.1 88.1% 19.8%);--sl-color-emerald-900:hsl(164.2 85.7% 16.5%);--sl-color-emerald-950:hsl(164.3 87.5% 9.4%);--sl-color-teal-50:hsl(166.2 76.5% 96.7%);--sl-color-teal-100:hsl(167.2 85.5% 89.2%);--sl-color-teal-200:hsl(168.4 83.8% 78.2%);--sl-color-teal-300:hsl(170.6 76.9% 64.3%);--sl-color-teal-400:hsl(172.5 66% 50.4%);--sl-color-teal-500:hsl(173.4 80.4% 40%);--sl-color-teal-600:hsl(174.7 83.9% 31.6%);--sl-color-teal-700:hsl(175.3 77.4% 26.1%);--sl-color-teal-800:hsl(176.1 69.4% 21.8%);--sl-color-teal-900:hsl(175.9 60.8% 19%);--sl-color-teal-950:hsl(176.5 58.6% 11.4%);--sl-color-cyan-50:hsl(183.2 100% 96.3%);--sl-color-cyan-100:hsl(185.1 95.9% 90.4%);--sl-color-cyan-200:hsl(186.2 93.5% 81.8%);--sl-color-cyan-300:hsl(187 92.4% 69%);--sl-color-cyan-400:hsl(187.9 85.7% 53.3%);--sl-color-cyan-500:hsl(188.7 94.5% 42.7%);--sl-color-cyan-600:hsl(191.6 91.4% 36.5%);--sl-color-cyan-700:hsl(192.9 82.3% 31%);--sl-color-cyan-800:hsl(194.4 69.6% 27.1%);--sl-color-cyan-900:hsl(196.4 63.6% 23.7%);--sl-color-cyan-950:hsl(196.8 61% 16.1%);--sl-color-sky-50:hsl(204 100% 97.1%);--sl-color-sky-100:hsl(204 93.8% 93.7%);--sl-color-sky-200:hsl(200.6 94.4% 86.1%);--sl-color-sky-300:hsl(199.4 95.5% 73.9%);--sl-color-sky-400:hsl(198.4 93.2% 59.6%);--sl-color-sky-500:hsl(198.6 88.7% 48.4%);--sl-color-sky-600:hsl(200.4 98% 39.4%);--sl-color-sky-700:hsl(201.3 96.3% 32.2%);--sl-color-sky-800:hsl(201 90% 27.5%);--sl-color-sky-900:hsl(202 80.3% 23.9%);--sl-color-sky-950:hsl(202.3 73.8% 16.5%);--sl-color-blue-50:hsl(213.8 100% 96.9%);--sl-color-blue-100:hsl(214.3 94.6% 92.7%);--sl-color-blue-200:hsl(213.3 96.9% 87.3%);--sl-color-blue-300:hsl(211.7 96.4% 78.4%);--sl-color-blue-400:hsl(213.1 93.9% 67.8%);--sl-color-blue-500:hsl(217.2 91.2% 59.8%);--sl-color-blue-600:hsl(221.2 83.2% 53.3%);--sl-color-blue-700:hsl(224.3 76.3% 48%);--sl-color-blue-800:hsl(225.9 70.7% 40.2%);--sl-color-blue-900:hsl(224.4 64.3% 32.9%);--sl-color-blue-950:hsl(226.2 55.3% 18.4%);--sl-color-indigo-50:hsl(225.9 100% 96.7%);--sl-color-indigo-100:hsl(226.5 100% 93.9%);--sl-color-indigo-200:hsl(228 96.5% 88.8%);--sl-color-indigo-300:hsl(229.7 93.5% 81.8%);--sl-color-indigo-400:hsl(234.5 89.5% 73.9%);--sl-color-indigo-500:hsl(238.7 83.5% 66.7%);--sl-color-indigo-600:hsl(243.4 75.4% 58.6%);--sl-color-indigo-700:hsl(244.5 57.9% 50.6%);--sl-color-indigo-800:hsl(243.7 54.5% 41.4%);--sl-color-indigo-900:hsl(242.2 47.4% 34.3%);--sl-color-indigo-950:hsl(243.5 43.6% 22.9%);--sl-color-violet-50:hsl(250 100% 97.6%);--sl-color-violet-100:hsl(251.4 91.3% 95.5%);--sl-color-violet-200:hsl(250.5 95.2% 91.8%);--sl-color-violet-300:hsl(252.5 94.7% 85.1%);--sl-color-violet-400:hsl(255.1 91.7% 76.3%);--sl-color-violet-500:hsl(258.3 89.5% 66.3%);--sl-color-violet-600:hsl(262.1 83.3% 57.8%);--sl-color-violet-700:hsl(263.4 70% 50.4%);--sl-color-violet-800:hsl(263.4 69.3% 42.2%);--sl-color-violet-900:hsl(263.5 67.4% 34.9%);--sl-color-violet-950:hsl(265.1 61.5% 21.4%);--sl-color-purple-50:hsl(270 100% 98%);--sl-color-purple-100:hsl(268.7 100% 95.5%);--sl-color-purple-200:hsl(268.6 100% 91.8%);--sl-color-purple-300:hsl(269.2 97.4% 85.1%);--sl-color-purple-400:hsl(270 95.2% 75.3%);--sl-color-purple-500:hsl(270.7 91% 65.1%);--sl-color-purple-600:hsl(271.5 81.3% 55.9%);--sl-color-purple-700:hsl(272.1 71.7% 47.1%);--sl-color-purple-800:hsl(272.9 67.2% 39.4%);--sl-color-purple-900:hsl(273.6 65.6% 32%);--sl-color-purple-950:hsl(276 59.5% 16.5%);--sl-color-fuchsia-50:hsl(289.1 100% 97.8%);--sl-color-fuchsia-100:hsl(287 100% 95.5%);--sl-color-fuchsia-200:hsl(288.3 95.8% 90.6%);--sl-color-fuchsia-300:hsl(291.1 93.1% 82.9%);--sl-color-fuchsia-400:hsl(292 91.4% 72.5%);--sl-color-fuchsia-500:hsl(292.2 84.1% 60.6%);--sl-color-fuchsia-600:hsl(293.4 69.5% 48.8%);--sl-color-fuchsia-700:hsl(294.7 72.4% 39.8%);--sl-color-fuchsia-800:hsl(295.4 70.2% 32.9%);--sl-color-fuchsia-900:hsl(296.7 63.6% 28%);--sl-color-fuchsia-950:hsl(297.1 56.8% 14.5%);--sl-color-pink-50:hsl(327.3 73.3% 97.1%);--sl-color-pink-100:hsl(325.7 77.8% 94.7%);--sl-color-pink-200:hsl(325.9 84.6% 89.8%);--sl-color-pink-300:hsl(327.4 87.1% 81.8%);--sl-color-pink-400:hsl(328.6 85.5% 70.2%);--sl-color-pink-500:hsl(330.4 81.2% 60.4%);--sl-color-pink-600:hsl(333.3 71.4% 50.6%);--sl-color-pink-700:hsl(335.1 77.6% 42%);--sl-color-pink-800:hsl(335.8 74.4% 35.3%);--sl-color-pink-900:hsl(335.9 69% 30.4%);--sl-color-pink-950:hsl(336.2 65.4% 15.9%);--sl-color-rose-50:hsl(355.7 100% 97.3%);--sl-color-rose-100:hsl(355.6 100% 94.7%);--sl-color-rose-200:hsl(352.7 96.1% 90%);--sl-color-rose-300:hsl(352.6 95.7% 81.8%);--sl-color-rose-400:hsl(351.3 94.5% 71.4%);--sl-color-rose-500:hsl(349.7 89.2% 60.2%);--sl-color-rose-600:hsl(346.8 77.2% 49.8%);--sl-color-rose-700:hsl(345.3 82.7% 40.8%);--sl-color-rose-800:hsl(343.4 79.7% 34.7%);--sl-color-rose-900:hsl(341.5 75.5% 30.4%);--sl-color-rose-950:hsl(341.3 70.1% 17.1%);--sl-color-primary-50:var(--sl-color-sky-50);--sl-color-primary-100:var(--sl-color-sky-100);--sl-color-primary-200:var(--sl-color-sky-200);--sl-color-primary-300:var(--sl-color-sky-300);--sl-color-primary-400:var(--sl-color-sky-400);--sl-color-primary-500:var(--sl-color-sky-500);--sl-color-primary-600:var(--sl-color-sky-600);--sl-color-primary-700:var(--sl-color-sky-700);--sl-color-primary-800:var(--sl-color-sky-800);--sl-color-primary-900:var(--sl-color-sky-900);--sl-color-primary-950:var(--sl-color-sky-950);--sl-color-success-50:var(--sl-color-green-50);--sl-color-success-100:var(--sl-color-green-100);--sl-color-success-200:var(--sl-color-green-200);--sl-color-success-300:var(--sl-color-green-300);--sl-color-success-400:var(--sl-color-green-400);--sl-color-success-500:var(--sl-color-green-500);--sl-color-success-600:var(--sl-color-green-600);--sl-color-success-700:var(--sl-color-green-700);--sl-color-success-800:var(--sl-color-green-800);--sl-color-success-900:var(--sl-color-green-900);--sl-color-success-950:var(--sl-color-green-950);--sl-color-warning-50:var(--sl-color-amber-50);--sl-color-warning-100:var(--sl-color-amber-100);--sl-color-warning-200:var(--sl-color-amber-200);--sl-color-warning-300:var(--sl-color-amber-300);--sl-color-warning-400:var(--sl-color-amber-400);--sl-color-warning-500:var(--sl-color-amber-500);--sl-color-warning-600:var(--sl-color-amber-600);--sl-color-warning-700:var(--sl-color-amber-700);--sl-color-warning-800:var(--sl-color-amber-800);--sl-color-warning-900:var(--sl-color-amber-900);--sl-color-warning-950:var(--sl-color-amber-950);--sl-color-danger-50:var(--sl-color-red-50);--sl-color-danger-100:var(--sl-color-red-100);--sl-color-danger-200:var(--sl-color-red-200);--sl-color-danger-300:var(--sl-color-red-300);--sl-color-danger-400:var(--sl-color-red-400);--sl-color-danger-500:var(--sl-color-red-500);--sl-color-danger-600:var(--sl-color-red-600);--sl-color-danger-700:var(--sl-color-red-700);--sl-color-danger-800:var(--sl-color-red-800);--sl-color-danger-900:var(--sl-color-red-900);--sl-color-danger-950:var(--sl-color-red-950);--sl-color-neutral-50:var(--sl-color-gray-50);--sl-color-neutral-100:var(--sl-color-gray-100);--sl-color-neutral-200:var(--sl-color-gray-200);--sl-color-neutral-300:var(--sl-color-gray-300);--sl-color-neutral-400:var(--sl-color-gray-400);--sl-color-neutral-500:var(--sl-color-gray-500);--sl-color-neutral-600:var(--sl-color-gray-600);--sl-color-neutral-700:var(--sl-color-gray-700);--sl-color-neutral-800:var(--sl-color-gray-800);--sl-color-neutral-900:var(--sl-color-gray-900);--sl-color-neutral-950:var(--sl-color-gray-950);--sl-color-neutral-0:hsl(0, 0%, 100%);--sl-color-neutral-1000:hsl(0, 0%, 0%);--sl-border-radius-small:0.1875rem;--sl-border-radius-medium:0.25rem;--sl-border-radius-large:0.5rem;--sl-border-radius-x-large:1rem;--sl-border-radius-circle:50%;--sl-border-radius-pill:9999px;--sl-shadow-x-small:0 1px 2px hsl(240 3.8% 46.1% / 6%);--sl-shadow-small:0 1px 2px hsl(240 3.8% 46.1% / 12%);--sl-shadow-medium:0 2px 4px hsl(240 3.8% 46.1% / 12%);--sl-shadow-large:0 2px 8px hsl(240 3.8% 46.1% / 12%);--sl-shadow-x-large:0 4px 16px hsl(240 3.8% 46.1% / 12%);--sl-spacing-3x-small:0.125rem;--sl-spacing-2x-small:0.25rem;--sl-spacing-x-small:0.5rem;--sl-spacing-small:0.75rem;--sl-spacing-medium:1rem;--sl-spacing-large:1.25rem;--sl-spacing-x-large:1.75rem;--sl-spacing-2x-large:2.25rem;--sl-spacing-3x-large:3rem;--sl-spacing-4x-large:4.5rem;--sl-transition-x-slow:1000ms;--sl-transition-slow:500ms;--sl-transition-medium:250ms;--sl-transition-fast:150ms;--sl-transition-x-fast:50ms;--sl-font-mono:SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--sl-font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,\n Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",\n "Segoe UI Symbol";--sl-font-serif:Georgia, "Times New Roman", serif;--sl-font-size-2x-small:0.625rem;--sl-font-size-x-small:0.75rem;--sl-font-size-small:0.875rem;--sl-font-size-medium:1rem;--sl-font-size-large:1.25rem;--sl-font-size-x-large:1.5rem;--sl-font-size-2x-large:2.25rem;--sl-font-size-3x-large:3rem;--sl-font-size-4x-large:4.5rem;--sl-font-weight-light:300;--sl-font-weight-normal:400;--sl-font-weight-semibold:500;--sl-font-weight-bold:700;--sl-letter-spacing-denser:-0.03em;--sl-letter-spacing-dense:-0.015em;--sl-letter-spacing-normal:normal;--sl-letter-spacing-loose:0.075em;--sl-letter-spacing-looser:0.15em;--sl-line-height-denser:1;--sl-line-height-dense:1.4;--sl-line-height-normal:1.8;--sl-line-height-loose:2.2;--sl-line-height-looser:2.6;--sl-focus-ring-color:var(--sl-color-primary-600);--sl-focus-ring-style:solid;--sl-focus-ring-width:3px;--sl-focus-ring:var(--sl-focus-ring-style) var(--sl-focus-ring-width)\n var(--sl-focus-ring-color);--sl-focus-ring-offset:1px;--sl-button-font-size-small:var(--sl-font-size-x-small);--sl-button-font-size-medium:var(--sl-font-size-small);--sl-button-font-size-large:var(--sl-font-size-medium);--sl-input-height-small:1.875rem;--sl-input-height-medium:2.5rem;--sl-input-height-large:3.125rem;--sl-input-background-color:var(--sl-color-neutral-0);--sl-input-background-color-hover:var(--sl-input-background-color);--sl-input-background-color-focus:var(--sl-input-background-color);--sl-input-background-color-disabled:var(--sl-color-neutral-100);--sl-input-border-color:var(--sl-color-neutral-300);--sl-input-border-color-hover:var(--sl-color-neutral-400);--sl-input-border-color-focus:var(--sl-color-primary-500);--sl-input-border-color-disabled:var(--sl-color-neutral-300);--sl-input-border-width:1px;--sl-input-required-content:"*";--sl-input-required-content-offset:-2px;--sl-input-required-content-color:var(--sl-input-label-color);--sl-input-border-radius-small:var(--sl-border-radius-medium);--sl-input-border-radius-medium:var(--sl-border-radius-medium);--sl-input-border-radius-large:var(--sl-border-radius-medium);--sl-input-font-family:var(--sl-font-sans);--sl-input-font-weight:var(--sl-font-weight-normal);--sl-input-font-size-small:var(--sl-font-size-small);--sl-input-font-size-medium:var(--sl-font-size-medium);--sl-input-font-size-large:var(--sl-font-size-large);--sl-input-letter-spacing:var(--sl-letter-spacing-normal);--sl-input-color:var(--sl-color-neutral-700);--sl-input-color-hover:var(--sl-color-neutral-700);--sl-input-color-focus:var(--sl-color-neutral-700);--sl-input-color-disabled:var(--sl-color-neutral-900);--sl-input-icon-color:var(--sl-color-neutral-500);--sl-input-icon-color-hover:var(--sl-color-neutral-600);--sl-input-icon-color-focus:var(--sl-color-neutral-600);--sl-input-placeholder-color:var(--sl-color-neutral-500);--sl-input-placeholder-color-disabled:var(--sl-color-neutral-600);--sl-input-spacing-small:var(--sl-spacing-small);--sl-input-spacing-medium:var(--sl-spacing-medium);--sl-input-spacing-large:var(--sl-spacing-large);--sl-input-focus-ring-color:hsl(198.6 88.7% 48.4% / 40%);--sl-input-focus-ring-offset:0;--sl-input-filled-background-color:var(--sl-color-neutral-100);--sl-input-filled-background-color-hover:var(--sl-color-neutral-100);--sl-input-filled-background-color-focus:var(--sl-color-neutral-100);--sl-input-filled-background-color-disabled:var(--sl-color-neutral-100);--sl-input-filled-color:var(--sl-color-neutral-800);--sl-input-filled-color-hover:var(--sl-color-neutral-800);--sl-input-filled-color-focus:var(--sl-color-neutral-700);--sl-input-filled-color-disabled:var(--sl-color-neutral-800);--sl-input-label-font-size-small:var(--sl-font-size-small);--sl-input-label-font-size-medium:var(--sl-font-size-medium);--sl-input-label-font-size-large:var(--sl-font-size-large);--sl-input-label-color:inherit;--sl-input-help-text-font-size-small:var(--sl-font-size-x-small);--sl-input-help-text-font-size-medium:var(--sl-font-size-small);--sl-input-help-text-font-size-large:var(--sl-font-size-medium);--sl-input-help-text-color:var(--sl-color-neutral-500);--sl-toggle-size-small:0.875rem;--sl-toggle-size-medium:1.125rem;--sl-toggle-size-large:1.375rem;--sl-overlay-background-color:hsl(240 3.8% 46.1% / 33%);--sl-panel-background-color:var(--sl-color-neutral-0);--sl-panel-border-color:var(--sl-color-neutral-200);--sl-panel-border-width:1px;--sl-tooltip-border-radius:var(--sl-border-radius-medium);--sl-tooltip-background-color:var(--sl-color-neutral-800);--sl-tooltip-color:var(--sl-color-neutral-0);--sl-tooltip-font-family:var(--sl-font-sans);--sl-tooltip-font-weight:var(--sl-font-weight-normal);--sl-tooltip-font-size:var(--sl-font-size-small);--sl-tooltip-line-height:var(--sl-line-height-dense);--sl-tooltip-padding:var(--sl-spacing-2x-small) var(--sl-spacing-x-small);--sl-tooltip-arrow-size:6px;--sl-z-index-drawer:700;--sl-z-index-dialog:800;--sl-z-index-dropdown:900;--sl-z-index-toast:950;--sl-z-index-tooltip:1000}@supports (scrollbar-gutter: stable){.sl-scroll-lock{scrollbar-gutter:stable !important;overflow:hidden !important}}@supports not (scrollbar-gutter: stable){.sl-scroll-lock body{padding-right:var(--sl-scroll-lock-size) !important;overflow:hidden !important}}.sl-toast-stack{position:fixed;top:0;inset-inline-end:0;z-index:var(--sl-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.sl-toast-stack sl-alert{margin:var(--sl-spacing-medium)}.sl-toast-stack sl-alert::part(base){box-shadow:var(--sl-shadow-large)}:host{--jump-select-border-radius:4px;--jump-select-border-color:var(--neutral-grey-disabled, #cbcbcb);--jump-select-border-color-hover:var(--secondary-standard, #5e79ba);--jump-select-border-color-focus:var(--secondary-standard, #5e79ba);--jump-select-background:var(--neutral-white, #ffffff);--jump-select-color:var(--neutral-black, #000000);--jump-select-font-family:var(--ff-primary, "Inter", sans-serif);--jump-select-font-size:16px;--jump-select-font-weight:normal;--jump-select-height:40px;--jump-select-padding:0 10px;--jump-select-disabled-opacity:0.5;--jump-select-placeholder-color:var(--neutral-grey-disabled, #cbcbcb);--jump-select-label-margin:0 0 8px 0;--jump-select-label-color:var(--neutral-black, #000000);--jump-select-label-font-size:14px;--jump-select-label-font-weight:500;--jump-select-option-selected-background:var(--secondary-standard, #5e79ba);--jump-select-option-selected-color:var(--neutral-white, #ffffff);--jump-select-dropdown-box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);display:flex;flex-direction:column;width:100%;}:host .select-label{font-family:var(--jump-select-font-family);font-size:var(--jump-select-label-font-size);font-weight:var(--jump-select-label-font-weight);color:var(--jump-select-label-color);margin:var(--jump-select-label-margin)}:host sl-select::part(form-control){display:block;width:100%}:host sl-select::part(base){width:100%;font-family:var(--jump-select-font-family);font-size:var(--jump-select-font-size);font-weight:var(--jump-select-font-weight)}:host sl-select::part(control){height:var(--jump-select-height);border-radius:var(--jump-select-border-radius);border-color:var(--jump-select-border-color);background-color:var(--jump-select-background);color:var(--jump-select-color);padding:var(--jump-select-padding)}:host sl-select::part(control):hover{border-color:var(--jump-select-border-color-hover)}:host sl-select::part(control):focus-within{border-color:var(--jump-select-border-color-focus);box-shadow:0 0 0 2px rgba(94, 121, 186, 0.25)}:host sl-select::part(display-input){height:var(--jump-select-height);line-height:var(--jump-select-height);color:var(--jump-select-color)}:host sl-select::part(placeholder){color:var(--jump-select-placeholder-color)}:host sl-select::part(dropdown){box-shadow:var(--jump-select-dropdown-box-shadow);border-radius:var(--jump-select-border-radius);z-index:100}:host sl-select::part(listbox){font-family:var(--jump-select-font-family);font-size:var(--jump-select-font-size)}:host sl-select::part(tags){margin-top:0}:host sl-select::part(tag){background-color:var(--secondary-standard, #5e79ba);color:var(--neutral-white, #ffffff)}:host sl-select[disabled]::part(control){opacity:var(--jump-select-disabled-opacity);cursor:not-allowed}:host sl-option::part(checked-icon){color:var(--jump-select-option-selected-color)}:host sl-option[selected]::part(base){background-color:var(--jump-select-option-selected-background);color:var(--jump-select-option-selected-color)}';const Je=Ge;const Ke=class{constructor(s){t(this,s);this.selectionChange=e(this,"jump-select-change",7);this.selectionFilterChange=e(this,"jump-filterchange",7);this.valueChange=e(this,"jump-select-value-change",7);this.value=undefined;this.placeholder="Seleziona un'opzione";this.label=undefined;this.name="select-filter";this.options=[];this.disabled=false;this.multiple=false;this.required=false;this.loading=false;this.open=false;this.values=[]}getOptionsArray(){if(typeof this.options==="string"){try{return JSON.parse(this.options)}catch(t){console.error("Errore nel parsing delle opzioni:",t);return[]}}return this.options}updateValues(){this.values=this.value?[this.value]:[]}componentDidLoad(){this.updateValues();setTimeout((()=>{this.listenSLChange()}),100)}componentDidRender(){if(this.el&&!this.el._jumpListenerAttached){this.listenSLChange()}}listenSLChange(){if(this.el&&!this.el._jumpListenerAttached){this.el._jumpListenerAttached=true;this.el.addEventListener("sl-change",(t=>{if(this.disabled){return}console.log("sl-change event received:",t.target.value);this.value=t.target.value;this.updateValues();const e=this.getOptionsArray();let s=e.find((t=>t.value===this.value));if(!s&&this.value){const t=this.hostElement.querySelectorAll("sl-option");const e=Array.from(t).find((t=>t.value===this.value));if(e){s={value:this.value,label:e.textContent||this.value}}}const l={value:this.value,selectedOption:s};this.selectionChange.emit(l);const o={name:this.name,values:this.values,value:this.value,selectedOption:s};console.log("jump-filter-select: Emitting jump-filterchange with data:",o);this.selectionFilterChange.emit(o)}))}}async getSelectedValue(){return this.value}async getSelectedOption(){const t=this.getOptionsArray();let e=t.find((t=>t.value===this.value));if(!e&&this.value){const t=this.hostElement.querySelectorAll("sl-option");const s=Array.from(t).find((t=>t.value===this.value));if(s){e={value:this.value,label:s.textContent||this.value}}}return e}async getValues(){return this.values}async getName(){return this.name}async setValue(t,e=true){if(this.disabled){return this.value}const s=this.value;if(s===t){return this.value}this.value=t;this.updateValues();if(this.el){this.el.value=t}if(e){const t=this.getOptionsArray();let e=t.find((t=>t.value===this.value));if(!e&&this.value){const t=this.hostElement.querySelectorAll("sl-option");const s=Array.from(t).find((t=>t.value===this.value));if(s){e={value:this.value,label:s.textContent||this.value}}}const l={value:this.value,oldValue:s,selectedOption:e,programmatic:true};this.selectionChange.emit(l);const o={name:this.name,values:this.values,value:this.value,oldValue:s,selectedOption:e,programmatic:true};this.selectionFilterChange.emit(o);this.valueChange.emit({value:this.value,oldValue:s,selectedOption:e})}return this.value}render(){const t=this.getOptionsArray();const e=t&&t.length>0;return s(l,{key:"58c0485182fc2b0428893def04740722136cf725",ref:t=>this.host=t},this.label&&s("div",{key:"4cc360e6f15788f78252b7c40c4ad750cb5d2d2a",class:"select-label"},this.label),s("sl-select",{key:"f790989114dbcb6d60c3d1db6e48d113abba4ced",value:this.value,placeholder:this.placeholder,disabled:this.disabled,multiple:this.multiple,required:this.required,loading:this.loading,ref:t=>this.el=t},e?t.map((t=>s("sl-option",{value:t.value},t.label))):s("slot",null)))}get hostElement(){return o(this)}};Ke.style=Je;export{Ke as jump_filter_select};
|
|
848
|
+
//# sourceMappingURL=p-6a605b21.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
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;--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%}.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}";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:"c4cf8592159c2168ef96a38863f11f3ff9becdfd",library:"lucide",name:"x",size:"medium",label:"",class:"filtersDrawer__close",onClick:()=>this.showMobileFilters=false}),a("div",{key:"434ac98afef7476edd24ea60e1917f58b129b978",class:"filtersDrawer__content"},a("slot",{key:"78d35a190b17fba5a3566451a313e3e2f309152c"}))))}static get watchers(){return{showMobileFilters:["watchHandler"]}}};s.style=t;export{s as jump_filter};
|
|
2
|
+
//# sourceMappingURL=p-717e43ab.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jumpFilterCss","JumpFilterStyle0","JumpFilter","filterChangeHandler","event","this","filters","Object","assign","detail","name","values","console","log","handleResize","isMobile","window","innerWidth","mobileThreshold","watchHandler","newValue","oldValue","_a","mobileToggle","setAttribute","_b","filtersDrawer","offCanvasClasses","_c","_d","getFilters","componentDidLoad","render","h","Host","key","mobileFilters","showMobileFilters","ref","el","buttonId","filterButtonIcon","variant","outline","onClick","library","category","size","filterButtonLabel","activeFilters","label","toString","soft","dimension","offCanvasOverlay","class","direction","filterHeading"],"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 }\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"],"mappings":"kDAAA,MAAMA,EAAgB,g3DACtB,MAAAC,EAAeD,E,MCMFE,EAAU,M,wCAE0B,W,mBACf,a,uBACI,S,sBACD,U,qBACD,I,sCAEL,M,sBACO,M,mBAEH,E,uBACK,M,cACT,M,sBACO,wB,CAMpC,mBAAAC,CAAoBC,GAElBC,KAAKC,QAAOC,OAAAC,OAAAD,OAAAC,OAAA,GAAQH,KAAKC,SAAO,CAAE,CAACF,EAAMK,OAAOC,MAAON,EAAMK,OAAOE,SACpEC,QAAQC,IAAI,2CAA4CR,KAAKC,Q,CAO/D,YAAAQ,GACET,KAAKU,SAAWC,OAAOC,WAAaZ,KAAKa,e,CAI3C,YAAAC,CAAaC,EAAmBC,G,YAC9B,GAAID,IAAaC,EAAU,CACzB,GAAID,EAAU,EACZE,EAAAjB,KAAKkB,gBAAY,MAAAD,SAAA,SAAAA,EAAEE,aAAa,gBAAiB,SACjDC,EAAApB,KAAKqB,iBAAa,MAAAD,SAAA,SAAAA,EAAED,aAAa,cAAe,SAChDnB,KAAKsB,iBAAmB,uD,KACnB,EACLC,EAAAvB,KAAKkB,gBAAY,MAAAK,SAAA,SAAAA,EAAEJ,aAAa,gBAAiB,UACjDK,EAAAxB,KAAKqB,iBAAa,MAAAG,SAAA,SAAAA,EAAEL,aAAa,cAAe,QAChDnB,KAAKsB,iBAAmB,wB,GAS9B,gBAAMG,GACJ,OAAOzB,KAAKC,O,CAGd,gBAAAyB,GACE1B,KAAKS,c,CAGP,MAAAkB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,cAAe/B,KAAKgC,mBACvBhC,KAAKU,UAAYkB,EAAA,eAAAE,IAAA,2CAChBG,IAAMC,IACJlC,KAAKkB,aAAegB,CAAE,EAExBC,SAAUnC,KAAKoC,iBAAkBC,QAAS,UAAWC,QAAO,KAC5DC,QAAS,IAAMvC,KAAKgC,mBAAqBhC,KAAKgC,mBAC9CJ,EAAA,QAAAE,IAAA,2CAAMzB,KAAK,UACRL,KAAKoC,kBACJR,EAAA,aAAAE,IAAA,2CAAWU,QAAQ,KAAKC,SAAS,UAAUpC,KAAML,KAAKoC,iBAAkBM,KAAK,UAC9E1C,KAAK2C,mBAERf,EAAA,QAAAE,IAAA,2CAAMzB,KAAK,UACRL,KAAK4C,cAAgB,GACpBhB,EAAA,cAAAE,IAAA,2CAAYe,MAAO7C,KAAK4C,cAAcE,WAAYT,QAAQ,UAAUU,KAAI,KAACC,UAAU,OAAK,OAI7FhD,KAAKiD,kBACJrB,EAAA,OAAAE,IAAA,2CAAKoB,MAAOlD,KAAKsB,iBACZiB,QAAS,IAAMvC,KAAKgC,kBAAoB,QAE9CJ,EAAA,OAAAE,IAAA,2CACCG,IAAMC,IACJlC,KAAKqB,cAAgBa,CAAE,EAEzBgB,MAAM,gBAAe,eAAelD,KAAKmD,YACvCnD,KAAKU,UACLkB,EAAA,OAAAE,IAAA,2CAAKoB,MAAO,yBACVtB,EAAA,aAAAE,IAAA,2CAAWoB,MAAM,QAAQ7C,KAAML,KAAKoC,mBACpCR,EAAA,MAAAE,IAAA,4CAAK9B,KAAKoD,gBAEbpD,KAAKU,UAAYkB,EAAA,aAAAE,IAAA,2CAAWU,QAAQ,SAASnC,KAAK,IAAIqC,KAAK,SAASG,MAAM,GAAGK,MAAO,uBACxDX,QAAS,IAAMvC,KAAKgC,kBAAoB,QACrEJ,EAAA,OAAAE,IAAA,2CAAKoB,MAAM,0BACTtB,EAAA,QAAAE,IAAA,+C"}
|