@jumpgroup/jump-design-system 0.3.9 → 0.3.15

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.
Files changed (120) hide show
  1. package/dist/cjs/chunk.H33C3MRM-2c09acb5.js +547 -0
  2. package/dist/cjs/chunk.H33C3MRM-2c09acb5.js.map +1 -0
  3. package/dist/cjs/jump-button_2.cjs.entry.js +3 -525
  4. package/dist/cjs/jump-button_2.cjs.entry.js.map +1 -1
  5. package/dist/cjs/jump-design-system.cjs.js +1 -1
  6. package/dist/cjs/jump-filter-checkbox.cjs.entry.js +845 -0
  7. package/dist/cjs/jump-filter-checkbox.cjs.entry.js.map +1 -0
  8. package/dist/cjs/jump-filter.cjs.entry.js +5 -4
  9. package/dist/cjs/jump-filter.cjs.entry.js.map +1 -1
  10. package/dist/cjs/jump-filtergroup.cjs.entry.js +32 -9
  11. package/dist/cjs/jump-filtergroup.cjs.entry.js.map +1 -1
  12. package/dist/cjs/jump-pagination-table.cjs.entry.js +3 -3
  13. package/dist/cjs/jump-pagination.cjs.entry.js +3 -3
  14. package/dist/cjs/jump-quantity.cjs.entry.js +4 -4
  15. package/dist/cjs/jump-quantity.cjs.entry.js.map +1 -1
  16. package/dist/cjs/jump-tab-item.cjs.entry.js +2 -2
  17. package/dist/cjs/jump-tab-panel.cjs.entry.js +1 -1
  18. package/dist/cjs/jump-tab.cjs.entry.js +1 -1
  19. package/dist/cjs/loader.cjs.js +1 -1
  20. package/dist/collection/collection-manifest.json +1 -0
  21. package/dist/collection/components/jump-filter/jump-filter.css +8 -1
  22. package/dist/collection/components/jump-filter/jump-filter.js +5 -4
  23. package/dist/collection/components/jump-filter/jump-filter.js.map +1 -1
  24. package/dist/collection/components/jump-filter/jump-filter.stories.js +5 -4
  25. package/dist/collection/components/jump-filter/jump-filter.stories.js.map +1 -1
  26. package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.css +31 -0
  27. package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.js +161 -0
  28. package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.js.map +1 -0
  29. package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.stories.js +51 -0
  30. package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.stories.js.map +1 -0
  31. package/dist/collection/components/jump-filtergroup/jump-filtergroup.css +5 -4
  32. package/dist/collection/components/jump-filtergroup/jump-filtergroup.js +33 -10
  33. package/dist/collection/components/jump-filtergroup/jump-filtergroup.js.map +1 -1
  34. package/dist/collection/components/jump-filtergroup/jump-filtergroup.stories.js +1 -1
  35. package/dist/collection/components/jump-filtergroup/jump-filtergroup.stories.js.map +1 -1
  36. package/dist/collection/components/jump-pagination/jump-pagination.js +3 -3
  37. package/dist/collection/components/jump-pagination-table/jump-pagination-table.js +3 -3
  38. package/dist/collection/components/jump-quantity/jump-quantity.css +6 -3
  39. package/dist/collection/components/jump-quantity/jump-quantity.js +3 -3
  40. package/dist/collection/components/jump-quantity/jump-quantity.js.map +1 -1
  41. package/dist/collection/components/jump-tab/jump-tab.js +1 -1
  42. package/dist/collection/components/jump-tab-item/jump-tab-item.js +2 -2
  43. package/dist/collection/components/jump-tab-panel/jump-tab-panel.js +1 -1
  44. package/dist/components/chunk.H33C3MRM.js +529 -0
  45. package/dist/components/chunk.H33C3MRM.js.map +1 -0
  46. package/dist/components/jump-filter-checkbox.d.ts +11 -0
  47. package/dist/components/jump-filter-checkbox.js +865 -0
  48. package/dist/components/jump-filter-checkbox.js.map +1 -0
  49. package/dist/components/jump-filter.js +5 -4
  50. package/dist/components/jump-filter.js.map +1 -1
  51. package/dist/components/jump-filtergroup.js +33 -10
  52. package/dist/components/jump-filtergroup.js.map +1 -1
  53. package/dist/components/jump-icon2.js +6 -528
  54. package/dist/components/jump-icon2.js.map +1 -1
  55. package/dist/components/jump-pagination-table.js +3 -3
  56. package/dist/components/jump-pagination.js +3 -3
  57. package/dist/components/jump-quantity.js +4 -4
  58. package/dist/components/jump-quantity.js.map +1 -1
  59. package/dist/components/jump-tab-item.js +2 -2
  60. package/dist/components/jump-tab-panel.js +1 -1
  61. package/dist/components/jump-tab.js +1 -1
  62. package/dist/esm/chunk.H33C3MRM-d1872e67.js +529 -0
  63. package/dist/esm/chunk.H33C3MRM-d1872e67.js.map +1 -0
  64. package/dist/esm/jump-button_2.entry.js +6 -528
  65. package/dist/esm/jump-button_2.entry.js.map +1 -1
  66. package/dist/esm/jump-design-system.js +1 -1
  67. package/dist/esm/jump-filter-checkbox.entry.js +841 -0
  68. package/dist/esm/jump-filter-checkbox.entry.js.map +1 -0
  69. package/dist/esm/jump-filter.entry.js +5 -4
  70. package/dist/esm/jump-filter.entry.js.map +1 -1
  71. package/dist/esm/jump-filtergroup.entry.js +32 -9
  72. package/dist/esm/jump-filtergroup.entry.js.map +1 -1
  73. package/dist/esm/jump-pagination-table.entry.js +3 -3
  74. package/dist/esm/jump-pagination.entry.js +3 -3
  75. package/dist/esm/jump-quantity.entry.js +4 -4
  76. package/dist/esm/jump-quantity.entry.js.map +1 -1
  77. package/dist/esm/jump-tab-item.entry.js +2 -2
  78. package/dist/esm/jump-tab-panel.entry.js +1 -1
  79. package/dist/esm/jump-tab.entry.js +1 -1
  80. package/dist/esm/loader.js +1 -1
  81. package/dist/jump-design-system/jump-design-system.esm.js +1 -1
  82. package/dist/jump-design-system/jump-design-system.esm.js.map +1 -1
  83. package/dist/jump-design-system/{p-95460fa4.entry.js → p-4302b229.entry.js} +2 -2
  84. package/dist/jump-design-system/p-60849b83.entry.js +2 -0
  85. package/dist/jump-design-system/p-60849b83.entry.js.map +1 -0
  86. package/dist/jump-design-system/p-839e054d.entry.js +2 -0
  87. package/dist/jump-design-system/p-839e054d.entry.js.map +1 -0
  88. package/dist/jump-design-system/{p-d2ee7b9b.entry.js → p-9d9b0076.entry.js} +2 -2
  89. package/dist/jump-design-system/p-a00d20d8.entry.js +264 -0
  90. package/dist/jump-design-system/p-a00d20d8.entry.js.map +1 -0
  91. package/dist/jump-design-system/p-a4b9515b.js +66 -0
  92. package/dist/jump-design-system/p-a4b9515b.js.map +1 -0
  93. package/dist/jump-design-system/p-aee5a8c3.entry.js +2 -0
  94. package/dist/jump-design-system/p-b4e60ca4.entry.js +2 -0
  95. package/dist/jump-design-system/p-b4e60ca4.entry.js.map +1 -0
  96. package/dist/jump-design-system/{p-37114ce3.entry.js → p-c8733544.entry.js} +2 -2
  97. package/dist/jump-design-system/{p-8efeaa79.entry.js → p-ed897778.entry.js} +2 -2
  98. package/dist/jump-design-system/p-fde99383.entry.js +2 -0
  99. package/dist/jump-design-system/p-fde99383.entry.js.map +1 -0
  100. package/dist/jump-design-system-elements.json +29 -4
  101. package/dist/types/components/jump-filter-checkbox/jump-filter-checkbox.d.ts +15 -0
  102. package/dist/types/components/jump-filter-checkbox/jump-filter-checkbox.stories.d.ts +30 -0
  103. package/dist/types/components/jump-filtergroup/jump-filtergroup.d.ts +4 -2
  104. package/dist/types/components/jump-filtergroup/jump-filtergroup.stories.d.ts +1 -1
  105. package/dist/types/components.d.ts +40 -2
  106. package/package.json +1 -1
  107. package/dist/jump-design-system/p-529a09f6.entry.js +0 -2
  108. package/dist/jump-design-system/p-529a09f6.entry.js.map +0 -1
  109. package/dist/jump-design-system/p-5da7839d.entry.js +0 -2
  110. package/dist/jump-design-system/p-8628896f.entry.js +0 -2
  111. package/dist/jump-design-system/p-8628896f.entry.js.map +0 -1
  112. package/dist/jump-design-system/p-c2bc6395.entry.js +0 -66
  113. package/dist/jump-design-system/p-c2bc6395.entry.js.map +0 -1
  114. package/dist/jump-design-system/p-d1e411fd.entry.js +0 -2
  115. package/dist/jump-design-system/p-d1e411fd.entry.js.map +0 -1
  116. /package/dist/jump-design-system/{p-95460fa4.entry.js.map → p-4302b229.entry.js.map} +0 -0
  117. /package/dist/jump-design-system/{p-d2ee7b9b.entry.js.map → p-9d9b0076.entry.js.map} +0 -0
  118. /package/dist/jump-design-system/{p-5da7839d.entry.js.map → p-aee5a8c3.entry.js.map} +0 -0
  119. /package/dist/jump-design-system/{p-37114ce3.entry.js.map → p-c8733544.entry.js.map} +0 -0
  120. /package/dist/jump-design-system/{p-8efeaa79.entry.js.map → p-ed897778.entry.js.map} +0 -0
@@ -1,2 +1,2 @@
1
- import{p as e,b as t}from"./p-4d6cc90d.js";export{s as setNonce}from"./p-4d6cc90d.js";import{g as a}from"./p-e1255160.js";const i=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};i().then((async e=>{await a();return t([["p-c2bc6395",[[1,"jump-button",{disabled:[4],variant:[1],outline:[4],size:[1],full:[4],pill:[4],text:[4],onlyIcon:[4,"only-icon"],href:[1],target:[1],type:[1],name:[1],value:[1],ariaLabel:[1,"aria-label"],class:[1],buttonId:[1,"button-id"]}],[1,"jump-icon",{class:[1],library:[1],name:[1],category:[1],size:[1],label:[1],src:[1]}]]],["p-23fb306d",[[1,"jump-card-ecommerce",{onlyIconButton:[4,"only-icon-button"],hasBackground:[4,"has-background"],badge:[1],favorite:[1540],hasFavorite:[4,"has-favorite"],favoriteBtnClass:[1,"favorite-btn-class"],link:[1],img:[1],imgAlt:[1,"img-alt"],hoverImg:[1,"hover-img"],hoverImgAlt:[1,"hover-img-alt"],videoSrc:[1,"video-src"],notificationUrl:[1,"notification-url"],notificationText:[1,"notification-text"],productName:[1,"product-name"],subtitle:[1],productId:[1,"product-id"],price:[2],salePrice:[2,"sale-price"],currency:[1],outOfStock:[1540,"out-of-stock"],outOfStockText:[1,"out-of-stock-text"],addToCartText:[1,"add-to-cart-text"],waitingListText:[1,"waiting-list-text"],addToWaitingList:[4,"add-to-waiting-list"],addedToCart:[4,"added-to-cart"],endAddedToCart:[4,"end-added-to-cart"],variations:[32],selectedVariation:[32]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["p-529a09f6",[[1,"jump-filter",{direction:[1],filterHeading:[1,"filter-heading"],filterButtonLabel:[1,"filter-button-label"],filterButtonIcon:[1,"filter-button-icon"],mobileThreshold:[2,"mobile-threshold"],filters:[8],activeFilters:[32],showMobileFilters:[32],isMobile:[32],getFilters:[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]]]]],["p-d1e411fd",[[1,"jump-filtergroup",{name:[1],title:[1],otherLabel:[1,"other-label"],lessLabel:[1,"less-label"],maxElements:[2,"max-elements"],variant:[1],values:[32],value:[32],slotItems:[32],inputs:[32],showMore:[32],getValues:[64],getActiveAmount:[64],getInputs:[64],getName:[64]}]]],["p-95460fa4",[[1,"jump-pagination",{pagLabel:[1,"pag-label"],last:[2],showFirstAndLast:[4,"show-first-and-last"],current:[32]},null,{current:["watchcurrent"]}]]],["p-37114ce3",[[0,"jump-pagination-table",{elementsRanges:[1,"elements-ranges"],pagLabel:[513,"pag-label"],labelElementsPerPage:[513,"label-elements-per-page"],total:[514],first:[514],last:[514],showFirstAndLast:[516,"show-first-and-last"],elementsRangesArray:[32],elPerPage:[32]},null,{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}]]],["p-8628896f",[[65,"jump-quantity",{min:[2],max:[2],step:[2],label:[1],type:[1],variant:[1],showButtons:[4,"show-buttons"],value:[2],getValue:[64],reset:[64]},null,{value:["onValueChange"]}]]],["p-8efeaa79",[[1,"jump-tab-item",{identifier:[1],iconName:[1,"icon-name"],iconPosition:[1,"icon-position"],label:[1],active:[4],disabled:[4],variant:[32]}]]],["p-56609b82",[[1,"jump-accordion"]]],["p-c1665537",[[4,"jump-card",{horizontal:[4],dark:[4],shadow:[4],border:[4],borderRadius:[4,"border-radius"],topBorderContentRadius:[4,"top-border-content-radius"],boxed:[4],roundedMedia:[4,"rounded-media"],imgSrc:[1,"img-src"],imgAlt:[1,"img-alt"],videoSrc:[1,"video-src"]}]]],["p-a5aaa1dd",[[1,"jump-card-ecommerce-option",{code:[1],imgUrl:[1,"img-url"],label:[1],sku:[1],taxonomy:[1]}]]],["p-d2ee7b9b",[[1,"jump-tab",{tabGroupName:[1,"tab-group-name"],variant:[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["p-5da7839d",[[1,"jump-tab-panel",{identifier:[1],active:[4]}]]],["p-27fa0ba4",[[1,"jump-badge",{label:[1],variant:[513],dimension:[513],soft:[516],outline:[516]}]]]],e)}));
1
+ import{p as e,b as t}from"./p-4d6cc90d.js";export{s as setNonce}from"./p-4d6cc90d.js";import{g as a}from"./p-e1255160.js";const i=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};i().then((async e=>{await a();return t([["p-23fb306d",[[1,"jump-card-ecommerce",{onlyIconButton:[4,"only-icon-button"],hasBackground:[4,"has-background"],badge:[1],favorite:[1540],hasFavorite:[4,"has-favorite"],favoriteBtnClass:[1,"favorite-btn-class"],link:[1],img:[1],imgAlt:[1,"img-alt"],hoverImg:[1,"hover-img"],hoverImgAlt:[1,"hover-img-alt"],videoSrc:[1,"video-src"],notificationUrl:[1,"notification-url"],notificationText:[1,"notification-text"],productName:[1,"product-name"],subtitle:[1],productId:[1,"product-id"],price:[2],salePrice:[2,"sale-price"],currency:[1],outOfStock:[1540,"out-of-stock"],outOfStockText:[1,"out-of-stock-text"],addToCartText:[1,"add-to-cart-text"],waitingListText:[1,"waiting-list-text"],addToWaitingList:[4,"add-to-waiting-list"],addedToCart:[4,"added-to-cart"],endAddedToCart:[4,"end-added-to-cart"],variations:[32],selectedVariation:[32]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["p-fde99383",[[1,"jump-filter",{direction:[1],filterHeading:[1,"filter-heading"],filterButtonLabel:[1,"filter-button-label"],filterButtonIcon:[1,"filter-button-icon"],mobileThreshold:[2,"mobile-threshold"],filters:[8],activeFilters:[32],showMobileFilters:[32],isMobile:[32],getFilters:[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]]]]],["p-b4e60ca4",[[1,"jump-filtergroup",{name:[1],heading:[1],otherLabel:[1,"other-label"],lessLabel:[1,"less-label"],maxElements:[2,"max-elements"],variant:[1],values:[32],value:[32],slotItems:[32],inputs:[32],showMore:[32],getValues:[64],getActiveAmount:[64],getInputs:[64],getName:[64]}]]],["p-4302b229",[[1,"jump-pagination",{pagLabel:[1,"pag-label"],last:[2],showFirstAndLast:[4,"show-first-and-last"],current:[32]},null,{current:["watchcurrent"]}]]],["p-c8733544",[[0,"jump-pagination-table",{elementsRanges:[1,"elements-ranges"],pagLabel:[513,"pag-label"],labelElementsPerPage:[513,"label-elements-per-page"],total:[514],first:[514],last:[514],showFirstAndLast:[516,"show-first-and-last"],elementsRangesArray:[32],elPerPage:[32]},null,{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}]]],["p-839e054d",[[65,"jump-quantity",{min:[2],max:[2],step:[2],label:[1],type:[1],variant:[1],showButtons:[4,"show-buttons"],value:[2],getValue:[64],reset:[64]},null,{value:["onValueChange"]}]]],["p-ed897778",[[1,"jump-tab-item",{identifier:[1],iconName:[1,"icon-name"],iconPosition:[1,"icon-position"],label:[1],active:[4],disabled:[4],variant:[32]}]]],["p-56609b82",[[1,"jump-accordion"]]],["p-c1665537",[[4,"jump-card",{horizontal:[4],dark:[4],shadow:[4],border:[4],borderRadius:[4,"border-radius"],topBorderContentRadius:[4,"top-border-content-radius"],boxed:[4],roundedMedia:[4,"rounded-media"],imgSrc:[1,"img-src"],imgAlt:[1,"img-alt"],videoSrc:[1,"video-src"]}]]],["p-a5aaa1dd",[[1,"jump-card-ecommerce-option",{code:[1],imgUrl:[1,"img-url"],label:[1],sku:[1],taxonomy:[1]}]]],["p-a00d20d8",[[1,"jump-filter-checkbox",{value:[1],label:[1],checked:[516],count:[8],isChecked:[64]}]]],["p-9d9b0076",[[1,"jump-tab",{tabGroupName:[1,"tab-group-name"],variant:[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["p-aee5a8c3",[[1,"jump-tab-panel",{identifier:[1],active:[4]}]]],["p-27fa0ba4",[[1,"jump-badge",{label:[1],variant:[513],dimension:[513],soft:[516],outline:[516]}]]],["p-60849b83",[[1,"jump-button",{disabled:[4],variant:[1],outline:[4],size:[1],full:[4],pill:[4],text:[4],onlyIcon:[4,"only-icon"],href:[1],target:[1],type:[1],name:[1],value:[1],ariaLabel:[1,"aria-label"],class:[1],buttonId:[1,"button-id"]}],[1,"jump-icon",{class:[1],library:[1],name:[1],category:[1],size:[1],label:[1],src:[1]}]]]],e)}));
2
2
  //# sourceMappingURL=jump-design-system.esm.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","disabled","variant","outline","size","full","pill","text","onlyIcon","target","type","name","value","ariaLabel","class","buttonId","library","category","label","src","onlyIconButton","hasBackground","badge","favorite","hasFavorite","favoriteBtnClass","link","img","imgAlt","hoverImg","hoverImgAlt","videoSrc","notificationUrl","notificationText","productName","subtitle","productId","price","salePrice","currency","outOfStock","outOfStockText","addToCartText","waitingListText","addToWaitingList","addedToCart","endAddedToCart","variations","selectedVariation","direction","filterHeading","filterButtonLabel","filterButtonIcon","mobileThreshold","filters","activeFilters","showMobileFilters","isMobile","getFilters","title","otherLabel","lessLabel","maxElements","values","slotItems","inputs","showMore","getValues","getActiveAmount","getInputs","getName","pagLabel","last","showFirstAndLast","current","elementsRanges","labelElementsPerPage","total","first","elementsRangesArray","elPerPage","min","max","step","showButtons","getValue","reset","identifier","iconName","iconPosition","active","horizontal","dark","shadow","border","borderRadius","topBorderContentRadius","boxed","roundedMedia","imgSrc","code","imgUrl","sku","taxonomy","tabGroupName","dimension","soft"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.15.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n if (importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n }\n return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,iCAA8B,CAAAC,SAAS,IAAAC,QAAA,IAAAC,QAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,SAAA,gBAAAd,KAAA,IAAAe,OAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,MAAA,IAAAC,UAAA,iBAAAC,MAAA,IAAAC,SAAA,kCAAAD,MAAA,IAAAE,QAAA,IAAAL,KAAA,IAAAM,SAAA,IAAAb,KAAA,IAAAc,MAAA,IAAAC,IAAA,iDAAAC,eAAA,uBAAAC,cAAA,qBAAAC,MAAA,IAAAC,SAAA,OAAAC,YAAA,mBAAAC,iBAAA,yBAAAC,KAAA,IAAAC,IAAA,IAAAC,OAAA,cAAAC,SAAA,gBAAAC,YAAA,oBAAAC,SAAA,gBAAAC,gBAAA,uBAAAC,iBAAA,wBAAAC,YAAA,mBAAAC,SAAA,IAAAC,UAAA,iBAAAC,MAAA,IAAAC,UAAA,iBAAAC,SAAA,IAAAC,WAAA,sBAAAC,eAAA,wBAAAC,cAAA,uBAAAC,gBAAA,wBAAAC,iBAAA,0BAAAC,YAAA,oBAAAC,eAAA,wBAAAC,WAAA,KAAAC,kBAAA,mGAAAC,UAAA,IAAAC,cAAA,qBAAAC,kBAAA,0BAAAC,iBAAA,yBAAAC,gBAAA,uBAAAC,QAAA,IAAAC,cAAA,KAAAC,kBAAA,KAAAC,SAAA,KAAAC,WAAA,2HAAA/C,KAAA,IAAAgD,MAAA,IAAAC,WAAA,kBAAAC,UAAA,iBAAAC,YAAA,mBAAA5D,QAAA,IAAA6D,OAAA,KAAAnD,MAAA,KAAAoD,UAAA,KAAAC,OAAA,KAAAC,SAAA,KAAAC,UAAA,KAAAC,gBAAA,KAAAC,UAAA,KAAAC,QAAA,8CAAAC,SAAA,gBAAAC,KAAA,IAAAC,iBAAA,0BAAAC,QAAA,YAAAA,QAAA,gEAAAC,eAAA,sBAAAJ,SAAA,kBAAAK,qBAAA,gCAAAC,MAAA,MAAAC,MAAA,MAAAN,KAAA,MAAAC,iBAAA,4BAAAM,oBAAA,KAAAC,UAAA,YAAAL,eAAA,0BAAAK,UAAA,6DAAAC,IAAA,IAAAC,IAAA,IAAAC,KAAA,IAAAjE,MAAA,IAAAR,KAAA,IAAAR,QAAA,IAAAkF,YAAA,mBAAAxE,MAAA,IAAAyE,SAAA,KAAAC,MAAA,YAAA1E,MAAA,yDAAA2E,WAAA,IAAAC,SAAA,gBAAAC,aAAA,oBAAAvE,MAAA,IAAAwE,OAAA,IAAAzF,SAAA,IAAAC,QAAA,8EAAAyF,WAAA,IAAAC,KAAA,IAAAC,OAAA,IAAAC,OAAA,IAAAC,aAAA,oBAAAC,uBAAA,gCAAAC,MAAA,IAAAC,aAAA,oBAAAC,OAAA,cAAAvE,OAAA,cAAAG,SAAA,oEAAAqE,KAAA,IAAAC,OAAA,cAAAnF,MAAA,IAAAoF,IAAA,IAAAC,SAAA,sCAAAC,aAAA,qBAAAtG,QAAA,oGAAAqF,WAAA,IAAAG,OAAA,wCAAAxE,MAAA,IAAAhB,QAAA,MAAAuG,UAAA,MAAAC,KAAA,MAAAvG,QAAA,WAAAL,EAAA"}
1
+ {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","onlyIconButton","hasBackground","badge","favorite","hasFavorite","favoriteBtnClass","link","img","imgAlt","hoverImg","hoverImgAlt","videoSrc","notificationUrl","notificationText","productName","subtitle","productId","price","salePrice","currency","outOfStock","outOfStockText","addToCartText","waitingListText","addToWaitingList","addedToCart","endAddedToCart","variations","selectedVariation","direction","filterHeading","filterButtonLabel","filterButtonIcon","mobileThreshold","filters","activeFilters","showMobileFilters","isMobile","getFilters","name","heading","otherLabel","lessLabel","maxElements","variant","values","value","slotItems","inputs","showMore","getValues","getActiveAmount","getInputs","getName","pagLabel","last","showFirstAndLast","current","elementsRanges","labelElementsPerPage","total","first","elementsRangesArray","elPerPage","min","max","step","label","type","showButtons","getValue","reset","identifier","iconName","iconPosition","active","disabled","horizontal","dark","shadow","border","borderRadius","topBorderContentRadius","boxed","roundedMedia","imgSrc","code","imgUrl","sku","taxonomy","checked","count","isChecked","tabGroupName","dimension","soft","outline","size","full","pill","text","onlyIcon","target","ariaLabel","class","buttonId","library","category","src"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.15.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n if (importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n }\n return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,yCAAuC,CAAAC,eAAA,uBAAAC,cAAA,qBAAAC,MAAA,IAAAC,SAAA,OAAAC,YAAA,mBAAAC,iBAAA,yBAAAC,KAAA,IAAAC,IAAA,IAAAC,OAAA,cAAAC,SAAA,gBAAAC,YAAA,oBAAAC,SAAA,gBAAAC,gBAAA,uBAAAC,iBAAA,wBAAAC,YAAA,mBAAAC,SAAA,IAAAC,UAAA,iBAAAC,MAAA,IAAAC,UAAA,iBAAAC,SAAA,IAAAC,WAAA,sBAAAC,eAAA,wBAAAC,cAAA,uBAAAC,gBAAA,wBAAAC,iBAAA,0BAAAC,YAAA,oBAAAC,eAAA,wBAAAC,WAAA,KAAAC,kBAAA,mGAAAC,UAAA,IAAAC,cAAA,qBAAAC,kBAAA,0BAAAC,iBAAA,yBAAAC,gBAAA,uBAAAC,QAAA,IAAAC,cAAA,KAAAC,kBAAA,KAAAC,SAAA,KAAAC,WAAA,2HAAAC,KAAA,IAAAC,QAAA,IAAAC,WAAA,kBAAAC,UAAA,iBAAAC,YAAA,mBAAAC,QAAA,IAAAC,OAAA,KAAAC,MAAA,KAAAC,UAAA,KAAAC,OAAA,KAAAC,SAAA,KAAAC,UAAA,KAAAC,gBAAA,KAAAC,UAAA,KAAAC,QAAA,8CAAAC,SAAA,gBAAAC,KAAA,IAAAC,iBAAA,0BAAAC,QAAA,YAAAA,QAAA,gEAAAC,eAAA,sBAAAJ,SAAA,kBAAAK,qBAAA,gCAAAC,MAAA,MAAAC,MAAA,MAAAN,KAAA,MAAAC,iBAAA,4BAAAM,oBAAA,KAAAC,UAAA,YAAAL,eAAA,0BAAAK,UAAA,6DAAAC,IAAA,IAAAC,IAAA,IAAAC,KAAA,IAAAC,MAAA,IAAAC,KAAA,IAAAxB,QAAA,IAAAyB,YAAA,mBAAAvB,MAAA,IAAAwB,SAAA,KAAAC,MAAA,YAAAzB,MAAA,yDAAA0B,WAAA,IAAAC,SAAA,gBAAAC,aAAA,oBAAAP,MAAA,IAAAQ,OAAA,IAAAC,SAAA,IAAAhC,QAAA,8EAAAiC,WAAA,IAAAC,KAAA,IAAAC,OAAA,IAAAC,OAAA,IAAAC,aAAA,oBAAAC,uBAAA,gCAAAC,MAAA,IAAAC,aAAA,oBAAAC,OAAA,cAAA7E,OAAA,cAAAG,SAAA,oEAAA2E,KAAA,IAAAC,OAAA,cAAApB,MAAA,IAAAqB,IAAA,IAAAC,SAAA,kDAAA3C,MAAA,IAAAqB,MAAA,IAAAuB,QAAA,MAAAC,MAAA,IAAAC,UAAA,uCAAAC,aAAA,qBAAAjD,QAAA,oGAAA4B,WAAA,IAAAG,OAAA,wCAAAR,MAAA,IAAAvB,QAAA,MAAAkD,UAAA,MAAAC,KAAA,MAAAC,QAAA,2CAAApB,SAAA,IAAAhC,QAAA,IAAAoD,QAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,SAAA,gBAAA5G,KAAA,IAAA6G,OAAA,IAAAlC,KAAA,IAAA7B,KAAA,IAAAO,MAAA,IAAAyD,UAAA,iBAAAC,MAAA,IAAAC,SAAA,kCAAAD,MAAA,IAAAE,QAAA,IAAAnE,KAAA,IAAAoE,SAAA,IAAAV,KAAA,IAAA9B,MAAA,IAAAyC,IAAA,SAAA/G,EAAA"}
@@ -1,2 +1,2 @@
1
- import{r as a,c as e,h as i,H as t}from"./p-4d6cc90d.js";const r=":host{display:block;--jump-button-color:yellow}.JumpPagination{--jump-pagination-label:var(--neutral-grey-secondary);--jump-pagination-arrows-color:var(--neutral-grey-secondary);--jump-pagination-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPagination__Wrapper{display:flex;justify-content:space-between}.JumpPagination__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-label)}.JumpPagination__Wrapper .indicators .arrow{color:var(--jump-pagination-arrows-color);display:flex;align-items:center;gap:10px}.JumpPagination__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPagination__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-arrows-disabled)}.JumpPagination__Wrapper .indicators .elements{color:var(--jump-pagination-label);display:flex;align-items:center;gap:5px}";const n=r;const s=class{constructor(i){a(this,i);this.changePage=e(this,"jump-change-page",7);this.current=1;this.pagLabel="di";this.last=10;this.showFirstAndLast=false}watchcurrent(a,e){let i={current:a,previousPage:e,first:1,last:this.last,direction:a>e?"next":"prev"};this.changePage.emit(i)}componentWillLoad(){this.current=1}render(){return i(t,{key:"18d410dc3a9511ace652112d4109918293df9906",class:"JumpPagination"},i("div",{key:"9a7106cc8fad86b9d88df5bae5256c65dec638d2",class:"JumpPagination__Wrapper"},i("div",{key:"408904b95e5ccbc5c8dec7992cf86bc6afa6d668",class:"indicators"},i("div",{key:"89ac5f884a14e1bf4b9d7e191239b66a01f15dfc",class:"elements"},i("span",{key:"daebe2f9181ba0ca7d04534776433b278dd7f45d"},i("span",{key:"1c340139fec9bb56b4419503e96da5db100389ad"},this.current)," ",this.pagLabel," ",i("span",{key:"1c8005a1a84d928bd03a019f55f8ce10bec6ef63"},this.last))),i("div",{key:"22c30cb2b8e201ad83b861bafae9456af3651601",class:"arrow"},this.showFirstAndLast&&i("jump-button",{key:"d33a4ab68bc65b7f3904339d2af6560d5087cc4f",onClick:()=>{this.current=1},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===1?true:false}," ",i("jump-icon",{key:"96d22863c7fc2cbaae7b72ab96a1ba8217e595a9",slot:"suffix",name:"chevrons-left"})," "),i("jump-button",{key:"db02538122d3d8086efdbf49145c17e0e9af8788",onClick:()=>{this.current--},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===1?true:false}," ",i("jump-icon",{key:"ffceb9d84a86c2cf2a8f21e0f9f5defea43c5f09",slot:"suffix",name:"chevron-left"})," "),i("jump-button",{key:"855a75372082a8c9f749477ef28c47345f8a14fe",onClick:()=>{this.current++},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"433de11f11450ecee65e4e0a9e4ff579589df7bc",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&i("jump-button",{key:"80ccd477f717ce04e9c1411f2a8a808247f568ac",onClick:()=>{this.current=this.last},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"93bbfd2eeb6158397e93808f330babb27338a983",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{current:["watchcurrent"]}}};s.style=n;export{s as jump_pagination};
2
- //# sourceMappingURL=p-95460fa4.entry.js.map
1
+ import{r as a,c as e,h as i,H as t}from"./p-4d6cc90d.js";const r=":host{display:block;--jump-button-color:yellow}.JumpPagination{--jump-pagination-label:var(--neutral-grey-secondary);--jump-pagination-arrows-color:var(--neutral-grey-secondary);--jump-pagination-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPagination__Wrapper{display:flex;justify-content:space-between}.JumpPagination__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-label)}.JumpPagination__Wrapper .indicators .arrow{color:var(--jump-pagination-arrows-color);display:flex;align-items:center;gap:10px}.JumpPagination__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPagination__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-arrows-disabled)}.JumpPagination__Wrapper .indicators .elements{color:var(--jump-pagination-label);display:flex;align-items:center;gap:5px}";const n=r;const c=class{constructor(i){a(this,i);this.changePage=e(this,"jump-change-page",7);this.current=1;this.pagLabel="di";this.last=10;this.showFirstAndLast=false}watchcurrent(a,e){let i={current:a,previousPage:e,first:1,last:this.last,direction:a>e?"next":"prev"};this.changePage.emit(i)}componentWillLoad(){this.current=1}render(){return i(t,{key:"6ef030ab9b4e21d726894fd4a900d3483b8d641b",class:"JumpPagination"},i("div",{key:"d46a4d78bf52013f78da6672a7cc6bce926fb042",class:"JumpPagination__Wrapper"},i("div",{key:"7fac451a3eeaaf7de386c43986ed77c2d76e8924",class:"indicators"},i("div",{key:"be9182cb5c2abfa184327f38d4986ccde82b9261",class:"elements"},i("span",{key:"c6cf78cdee38c5b4ad15fcee17fe9e4d4816eca6"},i("span",{key:"e1accb40623fd6a19ebbfb3fe479b88721f0144a"},this.current)," ",this.pagLabel," ",i("span",{key:"bb763d0c1c08ca63ebcd2f03bfc5266e17fe3140"},this.last))),i("div",{key:"3bc88641103f555344af6d0c59cbcadcfadf3a1f",class:"arrow"},this.showFirstAndLast&&i("jump-button",{key:"17a5c6fed8aeaf1d01fe554a7ae6febab0ecd662",onClick:()=>{this.current=1},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===1?true:false}," ",i("jump-icon",{key:"01b4f0ebe3d010e73d1e528b18d4b52ff17ccff4",slot:"suffix",name:"chevrons-left"})," "),i("jump-button",{key:"c38d217f91fa283e554acbf2f2076043ee235f67",onClick:()=>{this.current--},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===1?true:false}," ",i("jump-icon",{key:"0146a1938d8eaca858957c7e3ddd2b722f7ce3f5",slot:"suffix",name:"chevron-left"})," "),i("jump-button",{key:"63d84b14aedaa84411db9b2ed6cc481369951207",onClick:()=>{this.current++},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"0aec6f6e4141694ca45d41d4c40e1523afa4ac6e",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&i("jump-button",{key:"7895c3c9e513d8a54b70b900ecd223a8c9a434a2",onClick:()=>{this.current=this.last},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"1d4f498831de1b30c53cd60d518f05744e2e08aa",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{current:["watchcurrent"]}}};c.style=n;export{c as jump_pagination};
2
+ //# sourceMappingURL=p-4302b229.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{r as t,h as a,H as r}from"./p-4d6cc90d.js";import{S as o,g as i}from"./p-a4b9515b.js";const e=':host button,:host a{background-color:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}:host{--jump-button-color:#ffffff;--jump-button-color-disabled:#cbcbcb;--jump-button-background:var(--primary-standard);--jump-button-background-outline:transparent;--jump-button-color-hover:#ffffff;--jump-button-background-hover:var(--primary-hard);--jump-button-border-radius:var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem);--jump-button-padding:1rem 1.25rem;display:flex}:host button{display:flex}:host a{display:inline-flex;box-sizing:border-box}:host button,:host a{background-color:var(--jump-button-background);border-radius:var(--jump-button-border-radius);color:var(--jump-button-color);position:relative;font-family:var(--ff-primary, "Arial"), sans-serif;font-weight:var(--fw-700, 700);font-size:var(--fs-400, 1rem);line-height:1.2;align-items:center;gap:var(--jump-button-gap, 0.5rem);text-decoration:none;padding:var(--jump-button-padding)}:host button:hover,:host a:hover{background-color:var(--jump-button-background-hover);color:var(--jump-button-color-hover)}:host button[data-variant=primary],:host a[data-variant=primary]{--jump-button-color:var(--neutral-white);--jump-button-background:var(--primary-standard);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:var(--primary-hard)}:host button[data-variant=secondary],:host a[data-variant=secondary]{--jump-button-color:var(--neutral-white);--jump-button-background:var(--secondary-standard);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:var(--secondary-hard)}:host button[data-variant=neutral],:host a[data-variant=neutral]{--jump-button-color:var(--neutral-white);--jump-button-background:var(--neutral-grey-secondary);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:var(--neutral-grey-primary)}:host button[data-variant=white],:host a[data-variant=white]{--jump-button-color:var(--neutral-grey-primary);--jump-button-background:var(--neutral-white);--jump-button-color-hover:var(--neutral-grey-primary);--jump-button-background-hover:var(--neutral-grey-background)}:host button[disabled],:host a[disabled]{--jump-button-background:var(--jump-button-color-disabled);--jump-button-background-hover:var(--jump-button-color-disabled);cursor:not-allowed}:host button[data-pill],:host a[data-pill]{border-radius:100rem}:host button[data-size=small],:host a[data-size=small]{font-size:var(--fs-300, 0.875rem);--jump-button-padding:0.65rem 1rem}:host button[data-size=medium],:host a[data-size=medium]{font-size:var(--fs-400, 1rem);--jump-button-padding:0.75rem 1.25rem}:host button[data-size=large],:host a[data-size=large]{font-size:var(--fs-500, 1.125rem);--jump-button-padding:1rem 1.5rem}:host button[data-outline],:host a[data-outline]{background-color:var(--jump-button-background-outline);border:1px solid var(--jump-button-background);color:var(--jump-button-background)}:host button[data-outline]:hover,:host a[data-outline]:hover{background-color:var(--jump-button-background-hover);border:1px solid var(--jump-button-background-hover);color:var(--jump-button-color-hover)}:host button[data-text],:host a[data-text]{background-color:transparent;border:none;color:var(--jump-button-background);padding:0}:host button[data-text]:hover,:host a[data-text]:hover{background-color:transparent;border:none;color:var(--jump-button-background-hover)}:host button[data-only-icon],:host a[data-only-icon]{--jump-button-padding:0.5rem}:host button[data-only-icon][data-size=small],:host a[data-only-icon][data-size=small]{--jump-button-padding:0.5rem}:host button[data-only-icon][data-size=medium],:host a[data-only-icon][data-size=medium]{--jump-button-padding:0.875rem}:host button[data-only-icon][data-size=large],:host a[data-only-icon][data-size=large]{--jump-button-padding:1rem}:host button[data-full],:host a[data-full]{width:100%;justify-content:center}:host button.chat,:host a.chat{--jump-button-color:var(--neutral-white);--jump-button-background:hsla(133, 54%, 58%, 1);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:hsla(161, 63%, 31%, 1)}';const s=e;const n=class{constructor(a){t(this,a);this.disabled=false;this.variant="primary";this.outline=false;this.size="medium";this.full=false;this.pill=false;this.text=false;this.onlyIcon=false;this.href=undefined;this.target=undefined;this.type="button";this.name=undefined;this.value=undefined;this.ariaLabel=undefined;this.class=undefined;this.buttonId=undefined}componentWillLoad(){this.target=this.href?this.target:"_self"}render(){return a(r,{key:"654a8147c4251ebab7834f6ddb569e0a3ebe2b77"},this.href?a("a",{href:this.href,id:this.buttonId,class:this.class,"data-variant":this.variant,"data-outline":this.outline,"data-size":this.size,"data-full":this.full,"data-pill":this.pill,"data-text":this.text,"data-only-icon":this.onlyIcon,"aria-label":this.ariaLabel,target:this.target},a("slot",{name:"prefix"}),!this.onlyIcon&&a("slot",null),a("slot",{name:"suffix"})):a("button",{id:this.buttonId,class:this.class,"data-variant":this.variant,"data-outline":this.outline,"data-size":this.size,"data-full":this.full,"data-pill":this.pill,"data-text":this.text,"data-only-icon":this.onlyIcon,disabled:this.disabled,"aria-label":this.ariaLabel,type:this.type,name:this.name,value:this.value},a("slot",{name:"prefix"}),!this.onlyIcon&&a("slot",null),a("slot",{name:"suffix"})))}};n.style=s;o.define("sl-icon");const u=":host{display:inline-flex}sl-icon{display:inline-flex}sl-icon[library=lucide]{width:var(--sl-icon-width);height:var(--sl-icon-height)}sl-icon[library=lucide][size=small]{--sl-icon-width:var(--fs-400, 1rem);--sl-icon-height:var(--fs-400, 1rem)}sl-icon[library=lucide][size=medium]{--sl-icon-width:var(--fs-500, 1.125rem);--sl-icon-height:var(--fs-500, 1.125rem)}sl-icon[library=lucide][size=large]{--sl-icon-width:var(--fs-600, 1.5rem);--sl-icon-height:var(--fs-600, 1.5rem)}sl-icon[library=lucide][size=inherit]{width:100%;height:100%}sl-icon[library=custom]{width:var(--sl-icon-width);height:var(--sl-icon-height)}sl-icon[library=custom][size=small]{--sl-icon-width:var(--fs-400, 1rem);--sl-icon-height:var(--fs-400, 1rem)}sl-icon[library=custom][size=medium]{--sl-icon-width:var(--fs-500, 1.125rem);--sl-icon-height:var(--fs-500, 1.125rem)}sl-icon[library=custom][size=large]{--sl-icon-width:var(--fs-600, 1.5rem);--sl-icon-height:var(--fs-600, 1.5rem)}sl-icon[library=custom][size=inherit]{width:inherit;height:inherit}sl-icon[library=fa]{font-size:var(--font-size);line-height:var(--line-height)}sl-icon[library=fa][size=small]{--font-size:var(--fs-400, 1rem);--line-height:var(--fs-400, 1rem)}sl-icon[library=fa][size=medium]{--font-size:var(--fs-500, 1.125rem);--line-height:var(--fs-500, 1.125rem)}sl-icon[library=fa][size=large]{--font-size:var(--fs-600, 1.5rem);--line-height:var(--fs-600, 1.5rem)}sl-icon[library=fa][size=inherit]{font-size:inherit;line-height:inherit}";const l=u;const h=class{constructor(a){t(this,a);this.fontAwesomeClassGenerator=(t,a)=>{let r=[];let o=!a?"category-classic":`category-${a}`;o&&r.push(o);let i=`name-${t}`;i&&r.push(i);return r.join(" ")};this.fontAwesomeLibrary={resolver:t=>{const a=t.split(" ");const r=a.find((t=>t.startsWith("category-"))).replace("category-","");const o=a.find((t=>t.startsWith("name-"))).replace("name-","");return`https://designsystem-media.jumpgroup.it/svgs/${r}/${o}.svg`},mutator:t=>t.setAttribute("fill","currentColor")};this.lucideLibrary={resolver:t=>`https://cdn.jsdelivr.net/npm/lucide-static@0.16.29/icons/${t}.svg`};this.class=undefined;this.library="fa";this.name="heart";this.category="solid";this.size=undefined;this.label=undefined;this.src=undefined}componentWillLoad(){let t=this.lucideLibrary;this.size=this.size||"inherit";switch(this.library){case"fa":t=this.fontAwesomeLibrary;break;case"lucide":t=this.lucideLibrary;break}i(this.library,t)}render(){if(!this.name&&!this.src){return`Please set the 'name' or 'src' property to display the icon`}if(this.library==="custom"){return a("sl-icon",{library:this.library,src:this.src,size:this.size,label:this.label})}if(this.library==="lucide"){return a("sl-icon",{library:this.library,name:this.name,size:this.size,label:this.label})}if(this.library==="fa"){return a("sl-icon",{library:this.library,name:this.fontAwesomeClassGenerator(this.name,this.category),class:this.class,size:this.size,label:this.label})}}};h.style=l;export{n as jump_button,h as jump_icon};
2
+ //# sourceMappingURL=p-60849b83.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jumpButtonCss","JumpButtonStyle0","JumpButton","undefined","componentWillLoad","this","target","href","render","h","Host","key","id","buttonId","class","variant","outline","size","full","pill","text","onlyIcon","ariaLabel","name","disabled","type","value","SlIcon","define","jumpIconCss","JumpIconStyle0","JumpIcon","fontAwesomeClassGenerator","category","fa_class","category_class","push","name_class","join","fontAwesomeLibrary","resolver","found_classes","split","find","c","startsWith","replace","icon_name","mutator","svg","setAttribute","lucideLibrary","libraryConfig","library","registerIconLibrary","src","label"],"sources":["src/components/jump-button/jump-button.scss?tag=jump-button&encapsulation=shadow","src/components/jump-button/jump-button.tsx","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.22M42QYS.js","src/components/jump-icon/jump-icon.scss?tag=jump-icon&encapsulation=shadow","src/components/jump-icon/jump-icon.tsx"],"sourcesContent":["%reset-button {\n background-color: transparent;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n color: inherit;\n cursor: pointer;\n}\n\n:host {\n --jump-button-color: #ffffff;\n --jump-button-color-disabled: #cbcbcb;\n --jump-button-background: var(--primary-standard);\n --jump-button-background-outline: transparent;\n --jump-button-color-hover: #ffffff;\n --jump-button-background-hover: var(--primary-hard);\n --jump-button-border-radius: var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem);\n --jump-button-padding: 1rem 1.25rem;\n\n display: flex;\n\n button {\n display: flex;\n }\n\n a {\n display: inline-flex;\n box-sizing: border-box;\n }\n\n button,\n a {\n @extend %reset-button;\n background-color: var(--jump-button-background);\n border-radius: var(--jump-button-border-radius);\n color: var(--jump-button-color);\n position: relative;\n font-family: var(--ff-primary, 'Arial'), sans-serif;\n font-weight: var(--fw-700, 700);\n font-size: var(--fs-400, 1rem);\n // line-height: var(--lh-400, 1.3);\n line-height: 1.2;\n align-items: center;\n gap: var(--jump-button-gap, 0.5rem);\n text-decoration: none;\n\n //TODO: internal padding of the button\n padding: var(--jump-button-padding);\n\n // TODO: gestire il focus con un outline\n &:hover {\n background-color: var(--jump-button-background-hover);\n color: var(--jump-button-color-hover);\n }\n\n &[data-variant='primary'] {\n --jump-button-color: var(--neutral-white);\n --jump-button-background: var(--primary-standard);\n --jump-button-color-hover: var(--neutral-white);\n --jump-button-background-hover: var(--primary-hard);\n }\n\n &[data-variant='secondary'] {\n --jump-button-color: var(--neutral-white);\n --jump-button-background: var(--secondary-standard);\n --jump-button-color-hover: var(--neutral-white);\n --jump-button-background-hover: var(--secondary-hard);\n }\n\n &[data-variant='neutral'] {\n --jump-button-color: var(--neutral-white);\n --jump-button-background: var(--neutral-grey-secondary);\n --jump-button-color-hover: var(--neutral-white);\n --jump-button-background-hover: var(--neutral-grey-primary);\n }\n\n &[data-variant='white'] {\n --jump-button-color: var(--neutral-grey-primary);\n --jump-button-background: var(--neutral-white);\n --jump-button-color-hover: var(--neutral-grey-primary);\n --jump-button-background-hover: var(--neutral-grey-background);\n }\n\n &[disabled] {\n --jump-button-background: var(--jump-button-color-disabled);\n --jump-button-background-hover: var(--jump-button-color-disabled);\n cursor: not-allowed;\n }\n\n &[data-pill] {\n border-radius: 100rem;\n }\n\n &[data-size='small'] {\n font-size: var(--fs-300, 0.875rem);\n --jump-button-padding: 0.65rem 1rem;\n }\n\n &[data-size='medium'] {\n font-size: var(--fs-400, 1rem);\n --jump-button-padding: 0.75rem 1.25rem;\n }\n\n &[data-size='large'] {\n font-size: var(--fs-500, 1.125rem);\n --jump-button-padding: 1rem 1.5rem;\n }\n\n &[data-outline] {\n background-color: var(--jump-button-background-outline);\n border: 1px solid var(--jump-button-background);\n color: var(--jump-button-background);\n &:hover {\n background-color: var(--jump-button-background-hover);\n border: 1px solid var(--jump-button-background-hover);\n color: var(--jump-button-color-hover);\n }\n }\n\n &[data-text] {\n background-color: transparent;\n border: none;\n color: var(--jump-button-background);\n padding: 0;\n &:hover {\n background-color: transparent;\n border: none;\n color: var(--jump-button-background-hover);\n }\n }\n\n &[data-only-icon] {\n --jump-button-padding: 0.5rem;\n }\n\n &[data-only-icon][data-size='small'] {\n --jump-button-padding: 0.5rem;\n }\n &[data-only-icon][data-size='medium'] {\n --jump-button-padding: 0.875rem;\n }\n &[data-only-icon][data-size='large'] {\n --jump-button-padding: 1rem;\n }\n\n &[data-full] {\n width: 100%;\n justify-content: center;\n }\n\n &.chat {\n --jump-button-color: var(--neutral-white);\n --jump-button-background: hsla(133, 54%, 58%, 1);\n --jump-button-color-hover: var(--neutral-white);\n --jump-button-background-hover: hsla(161, 63%, 31%, 1);\n }\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'jump-button',\n styleUrl: 'jump-button.scss',\n shadow: true,\n})\nexport class JumpButton {\n /**\n * Set the button as disabled; Vale solo per i bottoni\n */\n @Prop() disabled: boolean = false;\n\n /**\n * Indicates the variant of the button\n */\n @Prop() variant: 'primary'|'secondary'|'white'|'neutral' = 'primary';\n\n /**\n * Indicates the button as outline\n */\n @Prop() outline: boolean = false;\n\n /**\n * Indicates the size of the button\n */\n @Prop() size: string = 'medium';\n\n /**\n * Indicates if the button is full width\n */\n @Prop() full: boolean = false;\n\n /**\n * Indicates the button as pill\n */\n @Prop() pill: boolean = false;\n\n /**\n * Indicates the button as text\n */\n @Prop() text: boolean = false;\n\n /**\n * Indicates the button as only icon\n **/\n @Prop() onlyIcon: boolean = false;\n\n /**\n * Indicates if button becames a anchor\n **/\n @Prop() href: string;\n\n /**\n * Indicates the type of anchor's target \n **/\n @Prop() target: '_blank' | '_parent' | '_self' | '_top'\n\n /**\n * Indicates type button\n **/\n @Prop() type: 'button'|'submit'|'reset' = 'button';\n\n /**\n * Indicates the name that the sender button will send\n **/\n @Prop() name: string = undefined;\n\n /**\n * Indicates the value that the sender button will send\n **/\n @Prop() value: string = undefined;\n\n /**\n * Indicates the value of text alternative to an element that has no visible text on the screen\n **/\n @Prop() ariaLabel: string = undefined;\n\n /**\n * Indicates classes of the component\n **/\n @Prop() class: string = undefined;\n\n /**\n * Indicates classes of the component\n **/\n @Prop() buttonId: string = undefined;\n\n componentWillLoad() {\n this.target = this.href ? this.target : '_self';\n }\n\n render() {\n \n return (\n <Host>\n {this.href ? (\n <a href={this.href} id={this.buttonId} class={this.class} data-variant={this.variant} data-outline={this.outline} data-size={this.size} data-full={this.full} data-pill={this.pill} data-text={this.text} data-only-icon={this.onlyIcon} aria-label={this.ariaLabel} target={this.target}>\n <slot name=\"prefix\"></slot>\n {!this.onlyIcon && <slot></slot>}\n <slot name=\"suffix\"></slot>\n </a>\n ) : ( \n <button id={this.buttonId} class={this.class} data-variant={this.variant} data-outline={this.outline} data-size={this.size} data-full={this.full} data-pill={this.pill} data-text={this.text} data-only-icon={this.onlyIcon} disabled={this.disabled} aria-label={this.ariaLabel} type={this.type} name={this.name} value={this.value}>\n <slot name=\"prefix\"></slot>\n {!this.onlyIcon && <slot></slot> }\n <slot name=\"suffix\"></slot>\n </button>\n )}\n </Host>\n );\n }\n\n}\n","import {\n SlIcon\n} from \"./chunk.H33C3MRM.js\";\n\n// src/components/icon/icon.ts\nvar icon_default = SlIcon;\nSlIcon.define(\"sl-icon\");\n\nexport {\n icon_default\n};\n",":host {\n display: inline-flex;\n}\n\nsl-icon {\n display: inline-flex;\n // --sl-icon-width: var(--fs-400, 1rem);\n // --sl-icon-height: var(--fs-400, 1rem);\n\n &[library='lucide'] {\n width: var(--sl-icon-width);\n height: var(--sl-icon-height);\n\n &[size='small'] {\n --sl-icon-width: var(--fs-400, 1rem);\n --sl-icon-height: var(--fs-400, 1rem);\n }\n\n &[size='medium'] {\n --sl-icon-width: var(--fs-500, 1.125rem);\n --sl-icon-height: var(--fs-500, 1.125rem);\n }\n\n &[size='large'] {\n --sl-icon-width: var(--fs-600, 1.5rem);\n --sl-icon-height: var(--fs-600, 1.5rem);\n }\n\n &[size='inherit'] {\n width: 100%;\n height: 100%;\n }\n }\n\n &[library='custom'] {\n width: var(--sl-icon-width);\n height: var(--sl-icon-height);\n\n &[size='small'] {\n --sl-icon-width: var(--fs-400, 1rem);\n --sl-icon-height: var(--fs-400, 1rem);\n }\n\n &[size='medium'] {\n --sl-icon-width: var(--fs-500, 1.125rem);\n --sl-icon-height: var(--fs-500, 1.125rem);\n }\n\n &[size='large'] {\n --sl-icon-width: var(--fs-600, 1.5rem);\n --sl-icon-height: var(--fs-600, 1.5rem);\n }\n\n &[size='inherit'] {\n width: inherit;\n height: inherit;\n }\n }\n\n &[library='fa'] {\n font-size: var(--font-size);\n line-height: var(--line-height);\n\n &[size='small'] {\n --font-size: var(--fs-400, 1rem);\n --line-height: var(--fs-400, 1rem);\n }\n\n &[size='medium'] {\n --font-size: var(--fs-500, 1.125rem);\n --line-height: var(--fs-500, 1.125rem);\n }\n\n &[size='large'] {\n --font-size: var(--fs-600, 1.5rem);\n --line-height: var(--fs-600, 1.5rem);\n }\n\n &[size='inherit'] {\n font-size: inherit;\n line-height: inherit;\n }\n }\n\n // width: var(--sl-icon-width);\n // height: var(--sl-icon-height);\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport '@shoelace-style/shoelace/dist/components/icon/icon.js';\nimport { registerIconLibrary } from '@shoelace-style/shoelace/dist/utilities/icon-library';\n\n@Component({\n tag: 'jump-icon',\n styleUrl: 'jump-icon.scss',\n shadow: true,\n})\nexport class JumpIcon {\n /**\n * Class of the icon\n */\n @Prop() class: string;\n /**\n * Library of the icon\n */\n @Prop() library: string = 'fa';\n\n /**\n * Name of the icon\n **/\n @Prop() name: string = 'heart';\n\n /**\n * Category of the icon\n */\n @Prop() category: 'solid' | 'sharp-light' | 'sharp-regular' | 'sharp-solid' | 'sharp-thin' | 'brands' | 'regular' | 'light' | 'thin' | 'duotone' = 'solid';\n\n /**\n * Size of the icon\n **/\n @Prop() size: string;\n\n /**\n * Label for the icon\n */\n @Prop() label: string;\n\n /**\n * Src of the icon\n */\n @Prop() src: string;\n\n componentWillLoad() {\n let libraryConfig = this.lucideLibrary;\n this.size = this.size || 'inherit';\n switch (this.library) {\n case 'fa':\n libraryConfig = this.fontAwesomeLibrary;\n break;\n\n case 'lucide':\n libraryConfig = this.lucideLibrary;\n break;\n\n default:\n break;\n }\n\n registerIconLibrary(this.library, libraryConfig);\n }\n\n render() {\n if (!this.name && !this.src) {\n return `Please set the 'name' or 'src' property to display the icon`;\n }\n\n if (this.library === 'custom') {\n return <sl-icon library={this.library} src={this.src} size={this.size} label={this.label}></sl-icon>;\n }\n if (this.library === 'lucide') {\n return <sl-icon library={this.library} name={this.name} size={this.size} label={this.label}></sl-icon>;\n }\n if (this.library === 'fa') {\n return <sl-icon library={this.library} name={this.fontAwesomeClassGenerator(this.name, this.category)} class={this.class} size={this.size} label={this.label}></sl-icon>;\n }\n }\n\n fontAwesomeClassGenerator = (name: string, category: string) => {\n let fa_class = [];\n let category_class = !category ? 'category-classic' : `category-${category}`;\n category_class && fa_class.push(category_class);\n let name_class = `name-${name}`;\n name_class && fa_class.push(name_class);\n return fa_class.join(' ');\n };\n\n fontAwesomeLibrary = {\n resolver: name => {\n const found_classes = name.split(' ');\n const category = found_classes.find(c => c.startsWith('category-')).replace('category-', '');\n const icon_name = found_classes.find(c => c.startsWith('name-')).replace('name-', '');\n\n return `https://designsystem-media.jumpgroup.it/svgs/${category}/${icon_name}.svg`;\n },\n mutator: svg => svg.setAttribute('fill', 'currentColor'),\n };\n\n lucideLibrary = {\n resolver: name => `https://cdn.jsdelivr.net/npm/lucide-static@0.16.29/icons/${name}.svg`,\n };\n}\n"],"mappings":"6FAAA,MAAMA,EAAgB,0pIACtB,MAAAC,EAAeD,E,MCMFE,EAAU,M,uCAIO,M,aAK+B,U,aAKhC,M,UAKJ,S,UAKC,M,UAKA,M,UAKA,M,cAKI,M,oDAec,S,UAKnBC,U,WAKCA,U,eAKIA,U,WAKJA,U,cAKGA,S,CAE3B,iBAAAC,GACEC,KAAKC,OAASD,KAAKE,KAAOF,KAAKC,OAAS,O,CAG1C,MAAAE,GAEE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFN,KAAKE,KACJE,EAAA,KAAGF,KAAMF,KAAKE,KAAMK,GAAIP,KAAKQ,SAAUC,MAAOT,KAAKS,MAAK,eAAgBT,KAAKU,QAAO,eAAgBV,KAAKW,QAAO,YAAaX,KAAKY,KAAI,YAAaZ,KAAKa,KAAI,YAAab,KAAKc,KAAI,YAAad,KAAKe,KAAI,iBAAkBf,KAAKgB,SAAQ,aAAchB,KAAKiB,UAAWhB,OAAQD,KAAKC,QAChRG,EAAA,QAAMc,KAAK,YACTlB,KAAKgB,UAAYZ,EAAA,aACnBA,EAAA,QAAMc,KAAK,YAGbd,EAAA,UAAQG,GAAIP,KAAKQ,SAAUC,MAAOT,KAAKS,MAAK,eAAgBT,KAAKU,QAAO,eAAgBV,KAAKW,QAAO,YAAaX,KAAKY,KAAI,YAAaZ,KAAKa,KAAI,YAAab,KAAKc,KAAI,YAAad,KAAKe,KAAI,iBAAkBf,KAAKgB,SAAUG,SAAUnB,KAAKmB,SAAQ,aAAcnB,KAAKiB,UAAWG,KAAMpB,KAAKoB,KAAMF,KAAMlB,KAAKkB,KAAMG,MAAOrB,KAAKqB,OAC9TjB,EAAA,QAAMc,KAAK,YACTlB,KAAKgB,UAAYZ,EAAA,aACnBA,EAAA,QAAMc,KAAK,Y,aCpGvBI,EAAOC,OAAO,WCNd,MAAMC,EAAc,08CACpB,MAAAC,EAAeD,E,MCQFE,EAAQ,M,yBAsEnB1B,KAAA2B,0BAA4B,CAACT,EAAcU,KACzC,IAAIC,EAAW,GACf,IAAIC,GAAkBF,EAAW,mBAAqB,YAAYA,IAClEE,GAAkBD,EAASE,KAAKD,GAChC,IAAIE,EAAa,QAAQd,IACzBc,GAAcH,EAASE,KAAKC,GAC5B,OAAOH,EAASI,KAAK,IAAI,EAG3BjC,KAAAkC,mBAAqB,CACnBC,SAAUjB,IACR,MAAMkB,EAAgBlB,EAAKmB,MAAM,KACjC,MAAMT,EAAWQ,EAAcE,MAAKC,GAAKA,EAAEC,WAAW,eAAcC,QAAQ,YAAa,IACzF,MAAMC,EAAYN,EAAcE,MAAKC,GAAKA,EAAEC,WAAW,WAAUC,QAAQ,QAAS,IAElF,MAAO,gDAAgDb,KAAYc,OAAe,EAEpFC,QAASC,GAAOA,EAAIC,aAAa,OAAQ,iBAG3C7C,KAAA8C,cAAgB,CACdX,SAAUjB,GAAQ,4DAA4DA,S,kCAnFtD,K,UAKH,Q,cAK4H,Q,4DAiBnJ,iBAAAnB,GACE,IAAIgD,EAAgB/C,KAAK8C,cACzB9C,KAAKY,KAAOZ,KAAKY,MAAQ,UACzB,OAAQZ,KAAKgD,SACX,IAAK,KACHD,EAAgB/C,KAAKkC,mBACrB,MAEF,IAAK,SACHa,EAAgB/C,KAAK8C,cACrB,MAMJG,EAAoBjD,KAAKgD,QAASD,E,CAGpC,MAAA5C,GACE,IAAKH,KAAKkB,OAASlB,KAAKkD,IAAK,CAC3B,MAAO,6D,CAGT,GAAIlD,KAAKgD,UAAY,SAAU,CAC7B,OAAO5C,EAAA,WAAS4C,QAAShD,KAAKgD,QAASE,IAAKlD,KAAKkD,IAAKtC,KAAMZ,KAAKY,KAAMuC,MAAOnD,KAAKmD,O,CAErF,GAAInD,KAAKgD,UAAY,SAAU,CAC7B,OAAO5C,EAAA,WAAS4C,QAAShD,KAAKgD,QAAS9B,KAAMlB,KAAKkB,KAAMN,KAAMZ,KAAKY,KAAMuC,MAAOnD,KAAKmD,O,CAEvF,GAAInD,KAAKgD,UAAY,KAAM,CACzB,OAAO5C,EAAA,WAAS4C,QAAShD,KAAKgD,QAAS9B,KAAMlB,KAAK2B,0BAA0B3B,KAAKkB,KAAMlB,KAAK4B,UAAWnB,MAAOT,KAAKS,MAAOG,KAAMZ,KAAKY,KAAMuC,MAAOnD,KAAKmD,O"}
@@ -0,0 +1,2 @@
1
+ import{r as t,c as e,h as a,H as i,g as s}from"./p-4d6cc90d.js";const n=":host{display:inline-flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:0.5rem}:host jump-button,:host button{--jump-button-padding:0.5rem}:host [data-variant=horizontal]{flex-direction:row}:host label{color:var(--neutral-grey-secondary);font-size:0.875rem}:host input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;margin:0;outline:none;border:1px solid transparent;border-radius:3px;padding:0.5rem;height:14px;width:36px;font-size:0.875rem;text-align:center}:host input::-webkit-inner-spin-button,:host input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:host input:focus{border-color:var(--secondary-standard)}:host input:not([aria-hasbuttons]){border-color:var(--neutral-grey-secondary)}:host input[type=button]{cursor:pointer}:host ::slotted(jump-button){--jump-button-padding:0}:host .jump-quantity__InnerWrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:0}";const r=n;const o=class{constructor(a){t(this,a);this.change=e(this,"jump-change",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.min=1;this.max=undefined;this.step=1;this.label="";this.type="buttons";this.variant="vertical";this.showButtons=true;this.value=undefined}onValueChange(t,e){this.change.emit({value:t,oldValue:e});this.internals.setFormValue(t)}async getValue(){return this.value}async reset(){this.value=this.min}componentWillLoad(){this.value=this.min;this.internals.setFormValue(this.value.toString())}formResetCallback(){this.internals.setValidity({});this.internals.setFormValue("")}handleChange(t){this.value=t.target.value}handleBlur(t){if(t.target.value<this.min){this.value=this.min}}render(){return a(i,{key:"e0057c54218f8b181669d9d71ca4ffdd81be352d",value:this.value,"data-variant":this.variant,"data-hasbuttons":this.showButtons},this.label&&a("label",{key:"6e22578bc3c99d43674227a32828af7b1d021a6e"},this.label),a("div",{key:"e7fcdf05facc434247711e1b22e1ecb1dd1af870",class:`jump-quantity__InnerWrapper`},this.showButtons&&a("jump-button",{key:"e95187c85caa499e69a3ab99d25c66c1748b2435",onClick:()=>this.value=this.value-this.step,disabled:this.value<=this.min,variant:"neutral",size:"custom"},a("jump-icon",{key:"1940100b15763362a83b459344aa17bbcba6dcbb",library:"lucide",name:"minus",size:"small"})),a("input",{key:"60c9c2d3a8c05c8ebcef1ecc57ec9c1eb03708a5",ref:t=>{this.inputEl=t},type:"number",value:this.value,onInput:t=>this.handleChange(t),min:this.min,max:this.max,step:this.step,"aria-hasbuttons":this.showButtons}),this.showButtons&&a("jump-button",{key:"425df591c28196a39e783b48ea9cb505d6b45de8",onClick:()=>this.value=this.value+this.step,disabled:this.value>=this.max,variant:"neutral",size:"custom"},a("jump-icon",{key:"c87adbc6aa13c8405026fcab77ad0f4b0a589b24",library:"lucide",name:"plus",size:"small"}))))}static get formAssociated(){return true}get el(){return s(this)}static get watchers(){return{value:["onValueChange"]}}};o.style=r;export{o as jump_quantity};
2
+ //# sourceMappingURL=p-839e054d.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jumpQuantityCss","JumpQuantityStyle0","JumpQuantity","onValueChange","newValue","oldValue","this","change","emit","value","internals","setFormValue","getValue","reset","min","componentWillLoad","toString","formResetCallback","setValidity","handleChange","event","target","handleBlur","render","h","Host","key","variant","showButtons","label","class","onClick","step","disabled","size","library","name","ref","el","inputEl","type","onInput","max"],"sources":["src/components/jump-quantity/jump-quantity.scss?tag=jump-quantity&encapsulation=shadow","src/components/jump-quantity/jump-quantity.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n align-items: flex-start;\n justify-content: center;\n flex-direction: column;\n gap: 0.5rem;\n\n jump-button, button{\n --jump-button-padding: 0.5rem;\n }\n\n [data-variant='horizontal'] {\n flex-direction: row;\n }\n\n label {\n color: var(--neutral-grey-secondary);\n font-size: 0.875rem;\n }\n\n input {\n //remove user agent styles\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: none;\n margin: 0;\n\n //remove + and - buttons\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n outline: none;\n\n &:focus {\n border-color: var(--secondary-standard);\n }\n\n border: 1px solid transparent;\n border-radius: 3px;\n padding: 0.5rem;\n height: 14px;\n width: 36px;\n font-size: 0.875rem;\n text-align: center;\n\n &:not([aria-hasbuttons]) {\n border-color: var(--neutral-grey-secondary);\n }\n\n &[type='button'] {\n cursor: pointer;\n }\n }\n\n ::slotted(jump-button) {\n --jump-button-padding: 0;\n }\n\n\n .jump-quantity__InnerWrapper {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: center;\n gap: 0;\n }\n}\n","import { Component, Host, AttachInternals, Watch, Method, Prop, h, Event, Element } from '@stencil/core';\n\n@Component({\n tag: 'jump-quantity',\n styleUrl: 'jump-quantity.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class JumpQuantity {\n\n @AttachInternals() internals: ElementInternals;\n @Element() el;\n\n @Prop() min: number = 1;\n @Prop() max: number;\n @Prop() step: number = 1;\n @Prop() label: string = '';\n @Prop() type: 'buttons' | 'dropdown' | 'input' = 'buttons';\n @Prop() variant: 'vertical' | 'horizontal' = 'vertical';\n @Prop() showButtons: boolean = true;\n @Prop() value: number;\n\n @Event({ eventName: 'jump-change' }) change;\n\n inputEl: HTMLInputElement;\n\n @Watch('value')\n onValueChange(newValue, oldValue) {\n this.change.emit({\n value: newValue,\n oldValue: oldValue,\n });\n this.internals.setFormValue(newValue);\n }\n\n /**\n * Get the current value\n */\n @Method()\n async getValue() {\n return this.value;\n }\n\n @Method()\n async reset() {\n this.value = this.min;\n }\n\n componentWillLoad() {\n this.value = this.min;\n this.internals.setFormValue(this.value.toString());\n }\n\n formResetCallback() {\n this.internals.setValidity({});\n this.internals.setFormValue('');\n }\n\n handleChange(event) {\n this.value = event.target.value;\n }\n\n //avoid user can change the value below the min\n handleBlur(event) {\n if (event.target.value < this.min) {\n this.value = this.min;\n }\n }\n\n render() {\n return (\n <Host value={this.value} data-variant={this.variant} data-hasbuttons={this.showButtons}>\n {this.label && <label>{this.label}</label>}\n <div class={`jump-quantity__InnerWrapper`}>\n {this.showButtons &&\n <jump-button onClick={() => this.value = this.value - this.step} disabled={this.value <= this.min}\n variant='neutral' size='custom'>\n <jump-icon library=\"lucide\" name=\"minus\" size=\"small\"></jump-icon>\n </jump-button>}\n <input ref={(el) => {\n this.inputEl = el;\n }}\n type='number'\n value={this.value}\n onInput={(event) => this.handleChange(event)}\n min={this.min}\n max={this.max}\n step={this.step}\n aria-hasbuttons={this.showButtons}\n />\n {this.showButtons &&\n <jump-button onClick={() => this.value = this.value + this.step} disabled={this.value >= this.max}\n variant='neutral' size='custom'>\n <jump-icon library=\"lucide\" name=\"plus\" size=\"small\"></jump-icon>\n </jump-button>}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAkB,i9BACxB,MAAAC,EAAeD,E,MCOFE,EAAY,M,sOAKD,E,6BAEC,E,WACC,G,UACyB,U,aACJ,W,iBACd,K,qBAQ/B,aAAAC,CAAcC,EAAUC,GACtBC,KAAKC,OAAOC,KAAK,CACfC,MAAOL,EACPC,SAAUA,IAEZC,KAAKI,UAAUC,aAAaP,E,CAO9B,cAAMQ,GACJ,OAAON,KAAKG,K,CAId,WAAMI,GACJP,KAAKG,MAAQH,KAAKQ,G,CAGpB,iBAAAC,GACET,KAAKG,MAAQH,KAAKQ,IAClBR,KAAKI,UAAUC,aAAaL,KAAKG,MAAMO,W,CAGzC,iBAAAC,GACEX,KAAKI,UAAUQ,YAAY,IAC3BZ,KAAKI,UAAUC,aAAa,G,CAG9B,YAAAQ,CAAaC,GACXd,KAAKG,MAAQW,EAAMC,OAAOZ,K,CAI5B,UAAAa,CAAWF,GACT,GAAIA,EAAMC,OAAOZ,MAAQH,KAAKQ,IAAK,CACjCR,KAAKG,MAAQH,KAAKQ,G,EAItB,MAAAS,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACjB,MAAOH,KAAKG,MAAK,eAAgBH,KAAKqB,QAAO,kBAAmBrB,KAAKsB,aACxEtB,KAAKuB,OAASL,EAAA,SAAAE,IAAA,4CAAQpB,KAAKuB,OAC5BL,EAAA,OAAAE,IAAA,2CAAKI,MAAO,+BACXxB,KAAKsB,aACFJ,EAAA,eAAAE,IAAA,2CAAaK,QAAS,IAAMzB,KAAKG,MAAQH,KAAKG,MAAQH,KAAK0B,KAAMC,SAAU3B,KAAKG,OAASH,KAAKQ,IACjFa,QAAQ,UAAUO,KAAK,UAClCV,EAAA,aAAAE,IAAA,2CAAWS,QAAQ,SAASC,KAAK,QAAQF,KAAK,WAElDV,EAAA,SAAAE,IAAA,2CAAOW,IAAMC,IACXhC,KAAKiC,QAAUD,CAAE,EAEZE,KAAK,SACL/B,MAAOH,KAAKG,MACZgC,QAAUrB,GAAUd,KAAKa,aAAaC,GACtCN,IAAKR,KAAKQ,IACV4B,IAAKpC,KAAKoC,IACVV,KAAM1B,KAAK0B,KAAI,kBACE1B,KAAKsB,cAE5BtB,KAAKsB,aACJJ,EAAA,eAAAE,IAAA,2CAAaK,QAAS,IAAMzB,KAAKG,MAAQH,KAAKG,MAAQH,KAAK0B,KAAMC,SAAU3B,KAAKG,OAASH,KAAKoC,IACjFf,QAAQ,UAAUO,KAAK,UAClCV,EAAA,aAAAE,IAAA,2CAAWS,QAAQ,SAASC,KAAK,OAAOF,KAAK,Y"}
@@ -1,2 +1,2 @@
1
- import{r as e,c as t,h as a,H as i}from"./p-4d6cc90d.js";const s=":host{display:block;--jump-tab-bg-color:var(--gray-ultralight, #f8f8f8)}:host .Wrapper{display:flex;width:fit-content}:host .Wrapper.rounded{border-radius:50px;background-color:#f8f8f8}";const n=s;const c=class{constructor(a){e(this,a);this.setActiveTab=t(this,"jump-change-activetab",7);this.tabGroupName=undefined;this.variant="inline"}changeActiveTabHandler(e){this.setActiveTab.emit(e.detail);const t=getComputedStyle(document.documentElement);const a=t.getPropertyValue("--neutral-grey-secondary").trim();let i=this.JumpTabEl.querySelectorAll("jump-tab-item");if(i.length>0){i.forEach((t=>{if(t.getAttribute("identifier")===e.detail.id){t.setAttribute("active","");if(this.variant==="sheet"){i.forEach(((e,s)=>{if(e!==t&&s!==i.length-1){e.style.borderRight=`1px solid ${a}`}else{e.style.borderRight="1px solid transparent"}}));let e=t.previousElementSibling;if(e){e.style.borderRight="1px solid transparent"}}}else{t.removeAttribute("active")}}))}let s=this.JumpTabEl.querySelectorAll("jump-tab-panel");if(s.length>0){s.forEach((t=>{if(t.getAttribute("identifier")===e.detail.id){t.setAttribute("active","")}else{t.removeAttribute("active")}}))}}componentDidLoad(){console.log("Component has been rendered");if(this.variant==="sheet"){const e=getComputedStyle(document.documentElement);const t=e.getPropertyValue("--neutral-grey-secondary").trim();let a=this.JumpTabEl.querySelectorAll("jump-tab-item");if(a.length>0){a.forEach(((e,i)=>{if(i===a.length-1||e.classList.contains("active")){e.style.borderRight="1px solid transparent"}else{e.style.borderRight=`1px solid ${t}`}}))}}}render(){return a(i,{key:"141d0932c588a4644d67abf4378858eb8a3771f7",class:"JumpTab",id:this.tabGroupName,ref:e=>{this.JumpTabEl=e}},a("div",{key:"2b84773fbb263e8a593793da0db59c0110566ad7",class:"Wrapper "+this.variant},a("slot",{key:"559a5801972af5c746cfca3d0a387855316d10ee",name:"tab-item"})),a("div",{key:"5d2c365e4e6d9694faa073025560e1984135af47"},a("slot",{key:"ebf5b38c8a196ed002c88c24360942d05eb04ef7",name:"tab-content"})))}};c.style=n;export{c as jump_tab};
2
- //# sourceMappingURL=p-d2ee7b9b.entry.js.map
1
+ import{r as e,c as t,h as a,H as i}from"./p-4d6cc90d.js";const s=":host{display:block;--jump-tab-bg-color:var(--gray-ultralight, #f8f8f8)}:host .Wrapper{display:flex;width:fit-content}:host .Wrapper.rounded{border-radius:50px;background-color:#f8f8f8}";const c=s;const d=class{constructor(a){e(this,a);this.setActiveTab=t(this,"jump-change-activetab",7);this.tabGroupName=undefined;this.variant="inline"}changeActiveTabHandler(e){this.setActiveTab.emit(e.detail);const t=getComputedStyle(document.documentElement);const a=t.getPropertyValue("--neutral-grey-secondary").trim();let i=this.JumpTabEl.querySelectorAll("jump-tab-item");if(i.length>0){i.forEach((t=>{if(t.getAttribute("identifier")===e.detail.id){t.setAttribute("active","");if(this.variant==="sheet"){i.forEach(((e,s)=>{if(e!==t&&s!==i.length-1){e.style.borderRight=`1px solid ${a}`}else{e.style.borderRight="1px solid transparent"}}));let e=t.previousElementSibling;if(e){e.style.borderRight="1px solid transparent"}}}else{t.removeAttribute("active")}}))}let s=this.JumpTabEl.querySelectorAll("jump-tab-panel");if(s.length>0){s.forEach((t=>{if(t.getAttribute("identifier")===e.detail.id){t.setAttribute("active","")}else{t.removeAttribute("active")}}))}}componentDidLoad(){console.log("Component has been rendered");if(this.variant==="sheet"){const e=getComputedStyle(document.documentElement);const t=e.getPropertyValue("--neutral-grey-secondary").trim();let a=this.JumpTabEl.querySelectorAll("jump-tab-item");if(a.length>0){a.forEach(((e,i)=>{if(i===a.length-1||e.classList.contains("active")){e.style.borderRight="1px solid transparent"}else{e.style.borderRight=`1px solid ${t}`}}))}}}render(){return a(i,{key:"8bee60d35e49d0afbc66a258108abc0242897206",class:"JumpTab",id:this.tabGroupName,ref:e=>{this.JumpTabEl=e}},a("div",{key:"8328fe6bee0408102e0cba38f90c58b883908d3d",class:"Wrapper "+this.variant},a("slot",{key:"0e4fd0e4d93148cdf01ff78abc36373dda53ae93",name:"tab-item"})),a("div",{key:"9540449ea09f1373e8aefd3fa1c503553e2077ae"},a("slot",{key:"e3bca29c3edb9f3ac12816ddebc8ac7b760d40a2",name:"tab-content"})))}};d.style=c;export{d as jump_tab};
2
+ //# sourceMappingURL=p-9d9b0076.entry.js.map
@@ -0,0 +1,264 @@
1
+ import{r as t,c as e,h as s,H as i}from"./p-4d6cc90d.js";import{i as o,u as r,_ as l,a as n,w as a,T as c,f as h,m as d,c as u,S as f,b,d as p,e as m,x as v,r as k,n as x}from"./p-a4b9515b.js";var g=o`
2
+ :host {
3
+ display: inline-block;
4
+ }
5
+
6
+ .checkbox {
7
+ position: relative;
8
+ display: inline-flex;
9
+ align-items: flex-start;
10
+ font-family: var(--sl-input-font-family);
11
+ font-weight: var(--sl-input-font-weight);
12
+ color: var(--sl-input-label-color);
13
+ vertical-align: middle;
14
+ cursor: pointer;
15
+ }
16
+
17
+ .checkbox--small {
18
+ --toggle-size: var(--sl-toggle-size-small);
19
+ font-size: var(--sl-input-font-size-small);
20
+ }
21
+
22
+ .checkbox--medium {
23
+ --toggle-size: var(--sl-toggle-size-medium);
24
+ font-size: var(--sl-input-font-size-medium);
25
+ }
26
+
27
+ .checkbox--large {
28
+ --toggle-size: var(--sl-toggle-size-large);
29
+ font-size: var(--sl-input-font-size-large);
30
+ }
31
+
32
+ .checkbox__control {
33
+ flex: 0 0 auto;
34
+ position: relative;
35
+ display: inline-flex;
36
+ align-items: center;
37
+ justify-content: center;
38
+ width: var(--toggle-size);
39
+ height: var(--toggle-size);
40
+ border: solid var(--sl-input-border-width) var(--sl-input-border-color);
41
+ border-radius: 2px;
42
+ background-color: var(--sl-input-background-color);
43
+ color: var(--sl-color-neutral-0);
44
+ transition:
45
+ var(--sl-transition-fast) border-color,
46
+ var(--sl-transition-fast) background-color,
47
+ var(--sl-transition-fast) color,
48
+ var(--sl-transition-fast) box-shadow;
49
+ }
50
+
51
+ .checkbox__input {
52
+ position: absolute;
53
+ opacity: 0;
54
+ padding: 0;
55
+ margin: 0;
56
+ pointer-events: none;
57
+ }
58
+
59
+ .checkbox__checked-icon,
60
+ .checkbox__indeterminate-icon {
61
+ display: inline-flex;
62
+ width: var(--toggle-size);
63
+ height: var(--toggle-size);
64
+ }
65
+
66
+ /* Hover */
67
+ .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {
68
+ border-color: var(--sl-input-border-color-hover);
69
+ background-color: var(--sl-input-background-color-hover);
70
+ }
71
+
72
+ /* Focus */
73
+ .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {
74
+ outline: var(--sl-focus-ring);
75
+ outline-offset: var(--sl-focus-ring-offset);
76
+ }
77
+
78
+ /* Checked/indeterminate */
79
+ .checkbox--checked .checkbox__control,
80
+ .checkbox--indeterminate .checkbox__control {
81
+ border-color: var(--sl-color-primary-600);
82
+ background-color: var(--sl-color-primary-600);
83
+ }
84
+
85
+ /* Checked/indeterminate + hover */
86
+ .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,
87
+ .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {
88
+ border-color: var(--sl-color-primary-500);
89
+ background-color: var(--sl-color-primary-500);
90
+ }
91
+
92
+ /* Checked/indeterminate + focus */
93
+ .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control,
94
+ .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {
95
+ outline: var(--sl-focus-ring);
96
+ outline-offset: var(--sl-focus-ring-offset);
97
+ }
98
+
99
+ /* Disabled */
100
+ .checkbox--disabled {
101
+ opacity: 0.5;
102
+ cursor: not-allowed;
103
+ }
104
+
105
+ .checkbox__label {
106
+ display: inline-block;
107
+ color: var(--sl-input-label-color);
108
+ line-height: var(--toggle-size);
109
+ margin-inline-start: 0.5em;
110
+ user-select: none;
111
+ -webkit-user-select: none;
112
+ }
113
+
114
+ :host([required]) .checkbox__label::after {
115
+ content: var(--sl-input-required-content);
116
+ color: var(--sl-input-required-content-color);
117
+ margin-inline-start: var(--sl-input-required-content-offset);
118
+ }
119
+ `;var _=(t="value")=>(e,s)=>{const i=e.constructor;const o=i.prototype.attributeChangedCallback;i.prototype.attributeChangedCallback=function(e,l,n){var a;const c=i.getPropertyOptions(t);const h=typeof c.attribute==="string"?c.attribute:t;if(e===h){const e=c.converter||r;const i=typeof e==="function"?e:(a=e==null?void 0:e.fromAttribute)!=null?a:r.fromAttribute;const o=i(n,c.type);if(this[t]!==o){this[s]=o}}o.call(this,e,l,n)}};var y=o`
120
+ .form-control .form-control__label {
121
+ display: none;
122
+ }
123
+
124
+ .form-control .form-control__help-text {
125
+ display: none;
126
+ }
127
+
128
+ /* Label */
129
+ .form-control--has-label .form-control__label {
130
+ display: inline-block;
131
+ color: var(--sl-input-label-color);
132
+ margin-bottom: var(--sl-spacing-3x-small);
133
+ }
134
+
135
+ .form-control--has-label.form-control--small .form-control__label {
136
+ font-size: var(--sl-input-label-font-size-small);
137
+ }
138
+
139
+ .form-control--has-label.form-control--medium .form-control__label {
140
+ font-size: var(--sl-input-label-font-size-medium);
141
+ }
142
+
143
+ .form-control--has-label.form-control--large .form-control__label {
144
+ font-size: var(--sl-input-label-font-size-large);
145
+ }
146
+
147
+ :host([required]) .form-control--has-label .form-control__label::after {
148
+ content: var(--sl-input-required-content);
149
+ margin-inline-start: var(--sl-input-required-content-offset);
150
+ color: var(--sl-input-required-content-color);
151
+ }
152
+
153
+ /* Help text */
154
+ .form-control--has-help-text .form-control__help-text {
155
+ display: block;
156
+ color: var(--sl-input-help-text-color);
157
+ margin-top: var(--sl-spacing-3x-small);
158
+ }
159
+
160
+ .form-control--has-help-text.form-control--small .form-control__help-text {
161
+ font-size: var(--sl-input-help-text-font-size-small);
162
+ }
163
+
164
+ .form-control--has-help-text.form-control--medium .form-control__help-text {
165
+ font-size: var(--sl-input-help-text-font-size-medium);
166
+ }
167
+
168
+ .form-control--has-help-text.form-control--large .form-control__help-text {
169
+ font-size: var(--sl-input-help-text-font-size-large);
170
+ }
171
+
172
+ .form-control--has-help-text.form-control--radio-group .form-control__help-text {
173
+ margin-top: var(--sl-spacing-2x-small);
174
+ }
175
+ `;var w=new WeakMap;var z=new WeakMap;var $=new WeakMap;var C=new WeakSet;var E=new WeakMap;var j=class{constructor(t,e){this.handleFormData=t=>{const e=this.options.disabled(this.host);const s=this.options.name(this.host);const i=this.options.value(this.host);const o=this.host.tagName.toLowerCase()==="sl-button";if(this.host.isConnected&&!e&&!o&&typeof s==="string"&&s.length>0&&typeof i!=="undefined"){if(Array.isArray(i)){i.forEach((e=>{t.formData.append(s,e.toString())}))}else{t.formData.append(s,i.toString())}}};this.handleFormSubmit=t=>{var e;const s=this.options.disabled(this.host);const i=this.options.reportValidity;if(this.form&&!this.form.noValidate){(e=w.get(this.form))==null?void 0:e.forEach((t=>{this.setUserInteracted(t,true)}))}if(this.form&&!this.form.noValidate&&!s&&!i(this.host)){t.preventDefault();t.stopImmediatePropagation()}};this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host));this.setUserInteracted(this.host,false);E.set(this.host,[])};this.handleInteraction=t=>{const e=E.get(this.host);if(!e.includes(t.type)){e.push(t.type)}if(e.length===this.options.assumeInteractionOn.length){this.setUserInteracted(this.host,true)}};this.checkFormValidity=()=>{if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const e of t){if(typeof e.checkValidity==="function"){if(!e.checkValidity()){return false}}}}return true};this.reportFormValidity=()=>{if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const e of t){if(typeof e.reportValidity==="function"){if(!e.reportValidity()){return false}}}}return true};(this.host=t).addController(this);this.options=n({form:t=>{const e=t.form;if(e){const s=t.getRootNode();const i=s.querySelector(`#${e}`);if(i){return i}}return t.closest("form")},name:t=>t.name,value:t=>t.value,defaultValue:t=>t.defaultValue,disabled:t=>{var e;return(e=t.disabled)!=null?e:false},reportValidity:t=>typeof t.reportValidity==="function"?t.reportValidity():true,checkValidity:t=>typeof t.checkValidity==="function"?t.checkValidity():true,setValue:(t,e)=>t.value=e,assumeInteractionOn:["sl-input"]},e)}hostConnected(){const t=this.options.form(this.host);if(t){this.attachForm(t)}E.set(this.host,[]);this.options.assumeInteractionOn.forEach((t=>{this.host.addEventListener(t,this.handleInteraction)}))}hostDisconnected(){this.detachForm();E.delete(this.host);this.options.assumeInteractionOn.forEach((t=>{this.host.removeEventListener(t,this.handleInteraction)}))}hostUpdated(){const t=this.options.form(this.host);if(!t){this.detachForm()}if(t&&this.form!==t){this.detachForm();this.attachForm(t)}if(this.host.hasUpdated){this.setValidity(this.host.validity.valid)}}attachForm(t){if(t){this.form=t;if(w.has(this.form)){w.get(this.form).add(this.host)}else{w.set(this.form,new Set([this.host]))}this.form.addEventListener("formdata",this.handleFormData);this.form.addEventListener("submit",this.handleFormSubmit);this.form.addEventListener("reset",this.handleFormReset);if(!z.has(this.form)){z.set(this.form,this.form.reportValidity);this.form.reportValidity=()=>this.reportFormValidity()}if(!$.has(this.form)){$.set(this.form,this.form.checkValidity);this.form.checkValidity=()=>this.checkFormValidity()}}else{this.form=void 0}}detachForm(){if(!this.form)return;const t=w.get(this.form);if(!t){return}t.delete(this.host);if(t.size<=0){this.form.removeEventListener("formdata",this.handleFormData);this.form.removeEventListener("submit",this.handleFormSubmit);this.form.removeEventListener("reset",this.handleFormReset);if(z.has(this.form)){this.form.reportValidity=z.get(this.form);z.delete(this.form)}if($.has(this.form)){this.form.checkValidity=$.get(this.form);$.delete(this.form)}this.form=void 0}}setUserInteracted(t,e){if(e){C.add(t)}else{C.delete(t)}t.requestUpdate()}doAction(t,e){if(this.form){const s=document.createElement("button");s.type=t;s.style.position="absolute";s.style.width="0";s.style.height="0";s.style.clipPath="inset(50%)";s.style.overflow="hidden";s.style.whiteSpace="nowrap";if(e){s.name=e.name;s.value=e.value;["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach((t=>{if(e.hasAttribute(t)){s.setAttribute(t,e.getAttribute(t))}}))}this.form.append(s);s.click();s.remove()}}getForm(){var t;return(t=this.form)!=null?t:null}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){const e=this.host;const s=Boolean(C.has(e));const i=Boolean(e.required);e.toggleAttribute("data-required",i);e.toggleAttribute("data-optional",!i);e.toggleAttribute("data-invalid",!t);e.toggleAttribute("data-valid",t);e.toggleAttribute("data-user-invalid",!t&&s);e.toggleAttribute("data-user-valid",t&&s)}updateValidity(){const t=this.host;this.setValidity(t.validity.valid)}emitInvalidEvent(t){const e=new CustomEvent("sl-invalid",{bubbles:false,composed:false,cancelable:true,detail:{}});if(!t){e.preventDefault()}if(!this.host.dispatchEvent(e)){t==null?void 0:t.preventDefault()}}};var S=Object.freeze({badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valid:true,valueMissing:false});Object.freeze(l(n({},S),{valid:false,valueMissing:true}));Object.freeze(l(n({},S),{valid:false,customError:true}));var B=class{constructor(t,...e){this.slotNames=[];this.handleSlotChange=t=>{const e=t.target;if(this.slotNames.includes("[default]")&&!e.name||e.name&&this.slotNames.includes(e.name)){this.host.requestUpdate()}};(this.host=t).addController(this);this.slotNames=e}hasDefaultSlot(){return[...this.host.childNodes].some((t=>{if(t.nodeType===t.TEXT_NODE&&t.textContent.trim()!==""){return true}if(t.nodeType===t.ELEMENT_NODE){const e=t;const s=e.tagName.toLowerCase();if(s==="sl-visually-hidden"){return false}if(!e.hasAttribute("slot")){return true}}return false}))}hasNamedSlot(t){return this.host.querySelector(`:scope > [slot="${t}"]`)!==null}test(t){return t==="[default]"?this.hasDefaultSlot():this.hasNamedSlot(t)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}};
176
+ /**
177
+ * @license
178
+ * Copyright 2017 Google LLC
179
+ * SPDX-License-Identifier: BSD-3-Clause
180
+ */const M=(t,e,s)=>(s.configurable=!0,s.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,s),s)
181
+ /**
182
+ * @license
183
+ * Copyright 2017 Google LLC
184
+ * SPDX-License-Identifier: BSD-3-Clause
185
+ */;function T(t,e){return(s,i,o)=>{const r=e=>e.renderRoot?.querySelector(t)??null;if(e){const{get:t,set:e}="object"==typeof i?s:o??(()=>{const t=Symbol();return{get(){return this[t]},set(e){this[t]=e}}})();return M(s,i,{get(){let s=t.call(this);return void 0===s&&(s=r(this),(null!==s||this.hasUpdated)&&e.call(this,s)),s}})}return M(s,i,{get(){return r(this)}})}}
186
+ /**
187
+ * @license
188
+ * Copyright 2017 Google LLC
189
+ * SPDX-License-Identifier: BSD-3-Clause
190
+ */const V={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},q=t=>(...e)=>({_$litDirective$:t,values:e});class U{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
191
+ /**
192
+ * @license
193
+ * Copyright 2018 Google LLC
194
+ * SPDX-License-Identifier: BSD-3-Clause
195
+ */const O=q(class extends U{constructor(t){if(super(t),t.type!==V.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const s=t.element.classList;for(const t of this.st)t in e||(s.remove(t),this.st.delete(t));for(const t in e){const i=!!e[t];i===this.st.has(t)||this.nt?.has(t)||(i?(s.add(t),this.st.add(t)):(s.remove(t),this.st.delete(t)))}return a}});
196
+ /**
197
+ * @license
198
+ * Copyright 2018 Google LLC
199
+ * SPDX-License-Identifier: BSD-3-Clause
200
+ */const D=t=>t??c
201
+ /**
202
+ * @license
203
+ * Copyright 2020 Google LLC
204
+ * SPDX-License-Identifier: BSD-3-Clause
205
+ */;const F=q(class extends U{constructor(t){if(super(t),t.type!==V.PROPERTY&&t.type!==V.ATTRIBUTE&&t.type!==V.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!h(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===a||e===c)return e;const s=t.element,i=t.name;if(t.type===V.PROPERTY){if(e===s[i])return a}else if(t.type===V.BOOLEAN_ATTRIBUTE){if(!!e===s.hasAttribute(i))return a}else if(t.type===V.ATTRIBUTE&&s.getAttribute(i)===e+"")return a;return d(t),e}});var I=class extends m{constructor(){super(...arguments);this.formControlController=new j(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,e)=>t.checked=e});this.hasSlotController=new B(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(t){this.formControlController.setValidity(false);this.formControlController.emitInvalidEvent(t)}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(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t);this.formControlController.updateValidity()}render(){const t=this.hasSlotController.test("help-text");const e=this.helpText?true:!!t;return v`
206
+ <div
207
+ class=${O({"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":e})}
208
+ >
209
+ <label
210
+ part="base"
211
+ class=${O({checkbox:true,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--indeterminate":this.indeterminate,"checkbox--small":this.size==="small","checkbox--medium":this.size==="medium","checkbox--large":this.size==="large"})}
212
+ >
213
+ <input
214
+ class="checkbox__input"
215
+ type="checkbox"
216
+ title=${this.title}
217
+ name=${this.name}
218
+ value=${D(this.value)}
219
+ .indeterminate=${F(this.indeterminate)}
220
+ .checked=${F(this.checked)}
221
+ .disabled=${this.disabled}
222
+ .required=${this.required}
223
+ aria-checked=${this.checked?"true":"false"}
224
+ aria-describedby="help-text"
225
+ @click=${this.handleClick}
226
+ @input=${this.handleInput}
227
+ @invalid=${this.handleInvalid}
228
+ @blur=${this.handleBlur}
229
+ @focus=${this.handleFocus}
230
+ />
231
+
232
+ <span
233
+ part="control${this.checked?" control--checked":""}${this.indeterminate?" control--indeterminate":""}"
234
+ class="checkbox__control"
235
+ >
236
+ ${this.checked?v`
237
+ <sl-icon part="checked-icon" class="checkbox__checked-icon" library="system" name="check"></sl-icon>
238
+ `:""}
239
+ ${!this.checked&&this.indeterminate?v`
240
+ <sl-icon
241
+ part="indeterminate-icon"
242
+ class="checkbox__indeterminate-icon"
243
+ library="system"
244
+ name="indeterminate"
245
+ ></sl-icon>
246
+ `:""}
247
+ </span>
248
+
249
+ <div part="label" class="checkbox__label">
250
+ <slot></slot>
251
+ </div>
252
+ </label>
253
+
254
+ <div
255
+ aria-hidden=${e?"false":"true"}
256
+ class="form-control__help-text"
257
+ id="help-text"
258
+ part="form-control-help-text"
259
+ >
260
+ <slot name="help-text">${this.helpText}</slot>
261
+ </div>
262
+ </div>
263
+ `}};I.styles=[u,y,g];I.dependencies={"sl-icon":f};b([T('input[type="checkbox"]')],I.prototype,"input",2);b([k()],I.prototype,"hasFocus",2);b([x()],I.prototype,"title",2);b([x()],I.prototype,"name",2);b([x()],I.prototype,"value",2);b([x({reflect:true})],I.prototype,"size",2);b([x({type:Boolean,reflect:true})],I.prototype,"disabled",2);b([x({type:Boolean,reflect:true})],I.prototype,"checked",2);b([x({type:Boolean,reflect:true})],I.prototype,"indeterminate",2);b([_("checked")],I.prototype,"defaultChecked",2);b([x({reflect:true})],I.prototype,"form",2);b([x({type:Boolean,reflect:true})],I.prototype,"required",2);b([x({attribute:"help-text"})],I.prototype,"helpText",2);b([p("disabled",{waitUntilFirstUpdate:true})],I.prototype,"handleDisabledChange",1);b([p(["checked","indeterminate"],{waitUntilFirstUpdate:true})],I.prototype,"handleStateChange",1);I.define("sl-checkbox");const A=":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}: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 L=A;const R=class{constructor(s){t(this,s);this.toggleCheckbox=e(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 s(i,{key:"8c7ea463a6e26c6f77962cd0295dcb41411fa074",ref:t=>this.host=t},this.value&&this.label&&s("sl-checkbox",{key:"7467e1c364d868c7d58a58937411daf4f8c4e397",value:this.value,ref:t=>this.el=t,checked:this.checked},this.label),this.count&&s("span",{key:"e3add7e4ad2024096d8484b93cb276ac714d57d8",class:"count"},"(",this.count,")"))}};R.style=L;export{R as jump_filter_checkbox};
264
+ //# sourceMappingURL=p-a00d20d8.entry.js.map