@jumpgroup/jump-design-system 0.3.7 → 0.3.9

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["jump-button_2",[[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]}]]],["jump-card-ecommerce",[[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"]]]]],["jump-filter",[[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"]]]]],["jump-filtergroup",[[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]}]]],["jump-pagination",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table",[[0,"jump-pagination-table",{"elementsRanges":[16],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"]},null,{"elPerPage":["elPerPageChanged"]}]]],["jump-quantity",[[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"]}]]],["jump-tab-item",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion",[[1,"jump-accordion"]]],["jump-card",[[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"]}]]],["jump-card-ecommerce-option",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1]}]]],["jump-tab",[[1,"jump-tab",{"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]]], options);
+  return bootstrapLazy([["jump-button_2",[[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]}]]],["jump-card-ecommerce",[[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"]]]]],["jump-filter",[[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"]]]]],["jump-filtergroup",[[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]}]]],["jump-pagination",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table",[[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"]}]]],["jump-quantity",[[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"]}]]],["jump-tab-item",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion",[[1,"jump-accordion"]]],["jump-card",[[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"]}]]],["jump-card-ecommerce-option",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1]}]]],["jump-tab",[[1,"jump-tab",{"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/jump-design-system/jump-design-system.esm.js

@@ -1,2 +1,2 @@
-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-65ac4e72",[[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-95460fa4",[[1,"jump-pagination",{pagLabel:[1,"pag-label"],last:[2],showFirstAndLast:[4,"show-first-and-last"],current:[32]},null,{current:["watchcurrent"]}]]],["p-594b15ee",[[0,"jump-pagination-table",{elementsRanges:[16],elPerPage:[2,"el-per-page"],pagLabel:[513,"pag-label"],labelElementsPerPage:[513,"label-elements-per-page"],total:[514],first:[514],last:[514],showFirstAndLast:[516,"show-first-and-last"]},null,{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)}));
+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)}));
 //# sourceMappingURL=jump-design-system.esm.js.map

package/dist/jump-design-system/jump-design-system.esm.js.map

@@ -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","heading","otherLabel","lessLabel","maxElements","values","slotItems","inputs","showMore","getValues","getActiveAmount","getInputs","getName","pagLabel","last","showFirstAndLast","current","elementsRanges","elPerPage","labelElementsPerPage","total","first","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,QAAA,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,KAAAC,UAAA,kBAAAL,SAAA,kBAAAM,qBAAA,gCAAAC,MAAA,MAAAC,MAAA,MAAAP,KAAA,MAAAC,iBAAA,mCAAAG,UAAA,6DAAAI,IAAA,IAAAC,IAAA,IAAAC,KAAA,IAAAhE,MAAA,IAAAR,KAAA,IAAAR,QAAA,IAAAiF,YAAA,mBAAAvE,MAAA,IAAAwE,SAAA,KAAAC,MAAA,YAAAzE,MAAA,yDAAA0E,WAAA,IAAAC,SAAA,gBAAAC,aAAA,oBAAAtE,MAAA,IAAAuE,OAAA,IAAAxF,SAAA,IAAAC,QAAA,8EAAAwF,WAAA,IAAAC,KAAA,IAAAC,OAAA,IAAAC,OAAA,IAAAC,aAAA,oBAAAC,uBAAA,gCAAAC,MAAA,IAAAC,aAAA,oBAAAC,OAAA,cAAAtE,OAAA,cAAAG,SAAA,oEAAAoE,KAAA,IAAAC,OAAA,cAAAlF,MAAA,IAAAmF,IAAA,IAAAC,SAAA,sCAAAC,aAAA,qBAAArG,QAAA,oGAAAoF,WAAA,IAAAG,OAAA,wCAAAvE,MAAA,IAAAhB,QAAA,MAAAsG,UAAA,MAAAC,KAAA,MAAAtG,QAAA,WAAAL,EAAA"}
+{"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"}

package/dist/jump-design-system/p-37114ce3.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as a,h as t,H as i}from"./p-4d6cc90d.js";const s=":host{display:block}.JumpPaginationTable{--jump-pagination-table-label:var(--neutral-grey-secondary);--jump-pagination-table-arrows:var(--neutral-grey-secondary);--jump-pagination-table-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPaginationTable__Wrapper{display:flex;justify-content:space-between}.JumpPaginationTable__Wrapper .elementsPerPage{display:flex;gap:1rem;align-items:center}.JumpPaginationTable__Wrapper .elementsPerPage label{color:var(--jump-pagination-table-label);font-size:var(--fs-300);font-weight:normal}.JumpPaginationTable__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-table-label)}.JumpPaginationTable__Wrapper .indicators .arrow{color:var(--jump-pagination-table-arrows);display:flex;align-items:center;gap:10px}.JumpPaginationTable__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPaginationTable__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-table-arrows-disabled)}.JumpPaginationTable__Wrapper .indicators .elements{color:var(--jump-pagination-table-label);display:flex;align-items:center;gap:5px}";const n=s;const l=class{constructor(t){e(this,t);this.changePage=a(this,"jump-change-page",7);this.changeElPerPage=a(this,"jump-change-el-per-page",7);this.elementsRanges="10,20,60,100";this.elementsRangesArray=undefined;this.elPerPage=undefined;this.pagLabel="di";this.labelElementsPerPage="Elementi per pagina";this.total=100;this.first=1;this.last=10;this.showFirstAndLast=false}elementsRangesChanged(e,a){console.log("dentro el");if(e!==a){this.elementsRangesArray=e.split(",").map(Number)}this.elementsRangesArray=[...this.elementsRangesArray];console.log("elementsRangesChanged",e,a)}elPerPageChanged(e,a){if(e!==a){this.first=1;this.last=Math.min(this.total,e)}this.changeElPerPage.emit({elPerPage:e})}componentWillLoad(){this.elementsRangesArray=this.elementsRanges.split(",").map(Number);this.elPerPage=this.elementsRangesArray[0]}setElPerPage(e){this.elPerPage=e.target.value}doChangePage(e){let a;let t;if(e==="first"){a=1;t=Math.min(this.total,this.elPerPage)}else if(e==="last"){t=this.total;a=Math.max(1,this.total-this.elPerPage+1)}else if(e==="previous"){a=Math.max(1,this.first-this.elPerPage);t=Math.min(this.total,a+this.elPerPage-1)}else if(e==="next"){t=Math.min(this.total,this.last+this.elPerPage);a=Math.max(1,t-this.elPerPage+1)}this.first=a;this.last=t;let i={first:a,last:t,direction:e};this.changePage.emit(i)}render(){var e;return t(i,{key:"fd4a13e65dfbcc334ace661e61297ff05d78624d",class:"JumpPaginationTable"},t("div",{key:"ae50a5dbac84be7f7f02c5c93f1e7cbd73a1fc6f",class:"JumpPaginationTable__Wrapper"},t("div",{key:"2eade4e3a54fb4c84f3c7718d827d6e5295508bf",class:"elementsPerPage"},t("label",{key:"4211a782ce895731ed90d52c88a278ccf69e03fc",htmlFor:"elements"},(e=this.labelElementsPerPage)!==null&&e!==void 0?e:"Elements per page"),t("select",{key:"6ce02a5ad892bf1d6b48b3ccb2605e1e1de3416b",name:"elements",id:"elements",onChange:e=>this.setElPerPage(e)},this.elementsRangesArray.map((e=>t("option",{value:e,selected:this.elPerPage==e&&true},e))))),t("div",{key:"915e8eefc53385620b2d554935ab6f81f9571407",class:"indicators"},t("div",{key:"02b3867d0fe90a6408aced6bd7b639d92cec61a6",class:"elements"},t("span",{key:"e1d25f5be0f4fbdd995588642d1ba1583e90a280"},t("span",{key:"775b964a3dcc29be4d914c9ff309f6809555683b"},this.first)," - ",t("span",{key:"31886227817ee097c5594bc1a81f271ac185531c"},this.last)," ",this.pagLabel," ",t("span",{key:"a6525640edea1672b429732d2e23c72b1fbacf04"},this.total))),t("div",{key:"9231615ab10231842136b4d64ce2a5e87a502c3f",class:"arrow"},this.showFirstAndLast&&t("jump-button",{key:"cd9d9073f37b561464dfe5209cb43bc351392b40",onClick:()=>this.doChangePage("first"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"48ece4b1628154ea80b33698c2de4a473e433d25",slot:"suffix",name:"chevrons-left"})," "),t("jump-button",{key:"69c9b009244d96aa5c5e770d38ed9535330c1904",onClick:()=>this.doChangePage("previous"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"d5b18f4b7809af2032b4c955c59b0de2fb81b1b0",slot:"suffix",name:"chevron-left"})," "),t("jump-button",{key:"95bf121ea17a00e01f4d47c256191665850dfcb6",onClick:()=>this.doChangePage("next"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"64ac86934180ce2203c06472c00ec33334d128dd",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&t("jump-button",{key:"2de71c60a69f5dc61088e2e4a27591e8b442967a",onClick:()=>this.doChangePage("last"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"c2113c26705cfafe41c9cb5c92527856dc7ee433",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}}};l.style=n;export{l as jump_pagination_table};
+//# sourceMappingURL=p-37114ce3.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jumpPaginationTableCss","JumpPaginationTableStyle0","JumpPaginationTable","elementsRangesChanged","newValue","oldValue","console","log","this","elementsRangesArray","split","map","Number","elPerPageChanged","first","last","Math","min","total","changeElPerPage","emit","elPerPage","componentWillLoad","elementsRanges","setElPerPage","e","target","value","doChangePage","dir","newFirst","newLast","max","details","direction","changePage","render","h","Host","key","class","htmlFor","_a","labelElementsPerPage","name","id","onChange","range","selected","pagLabel","showFirstAndLast","onClick","variant","text","size","onlyIcon","disabled","slot"],"sources":["src/components/jump-pagination-table/jump-pagination-table.scss?tag=jump-pagination-table","src/components/jump-pagination-table/jump-pagination-table.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.JumpPaginationTable {\n  --jump-pagination-table-label: var(--neutral-grey-secondary);\n  --jump-pagination-table-arrows: var(--neutral-grey-secondary);\n  --jump-pagination-table-arrows-disabled: var(--neutral-grey-disabled); //mappare una variabile del design system\n\n  font-family: var(--ff-primary);\n\n  &__Wrapper {\n      display: flex;\n      justify-content: space-between;\n  \n      .elementsPerPage {\n        display: flex;\n        gap: 1rem;\n        align-items: center;\n  \n        label {\n          color: var(--jump-pagination-table-label);\n          font-size: var(--fs-300);\n          font-weight: normal;\n        }\n      }\n  \n      .indicators {\n        font-size: var(--fs-400);\n        font-weight: normal;\n        display: flex;\n        justify-content: space-between;\n        gap: 20px;\n  \n        color: var(--jump-pagination-table-label);\n  \n        .arrow {\n          color: var(--jump-pagination-table-arrows);\n          display: flex;\n          align-items: center;\n          gap: 10px;\n  \n          button {\n            background-color: transparent;\n            border: none;\n            cursor: pointer;\n            padding: 0px;\n            display: flex;\n            align-items: center;\n          }\n  \n          button:disabled {\n            cursor: not-allowed;\n            color: var(--jump-pagination-table-arrows-disabled);\n  \n          }\n        }\n  \n        .elements {\n          color: var(--jump-pagination-table-label);\n          display: flex;\n          align-items: center;\n          gap: 5px;\n        }\n      }\n  \n    }\n}","import { Component, State,  Event, EventEmitter, Watch, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'jump-pagination-table',\n  styleUrl: 'jump-pagination-table.scss',\n  shadow: false,\n})\nexport class JumpPaginationTable {\n\n  /* ---------------------- OWN PROPERTIES ---------------------- */\n\n  /* ---------------------- @ELEMENT ---------------------------- */\n\n  /* ---------------------- @STATE ------------------------------ */\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n\n  /**\n   * Values for the elements per page select\n   */\n  @Prop() elementsRanges: string = \"10,20,60,100\";\n\n  @State() elementsRangesArray: number[];\n  @Watch('elementsRanges')\n  elementsRangesChanged(newValue, oldValue) {\n    console.log('dentro el');\n    if(newValue !== oldValue) {\n      this.elementsRangesArray = newValue.split(',').map(Number);\n      }\n    this.elementsRangesArray = [...this.elementsRangesArray]\n    console.log('elementsRangesChanged', newValue, oldValue);\n  }\n\n  /**\n   * Number of elements per page selected\n   */\n  @State() elPerPage: number;\n  @Watch('elPerPage')\n  elPerPageChanged(newValue: number, oldValue: number) {\n    if (newValue !== oldValue) {\n      // Riporta la paginazione allo stato iniziale\n      this.first = 1;\n      this.last = Math.min(this.total, newValue);\n    }\n\n    this.changeElPerPage.emit({ elPerPage: newValue });\n  }\n\n  @Prop({ reflect: true }) pagLabel: string = 'di'; // Identifica la label testuale di pagination. \n\n  /**\n   * Label for the elements per page select\n   */\n  @Prop({ reflect: true }) labelElementsPerPage: string = 'Elementi per pagina';\n\n  /**\n   * Total of elements\n   */\n  @Prop({ reflect: true }) total: number = 100; \n\n  /**\n   * First element of the page\n   */\n  @Prop({ reflect: true }) first: number = 1;\n\n  /**\n   * Last element of the page\n   */\n  @Prop({ reflect: true }) last: number = 10;\n\n  /**\n   * Show button to navigate so first e last page\n   */\n  @Prop({ reflect: true }) showFirstAndLast: boolean = false;\n\n  /* ---------------------- @EVENTS ------------------------- */\n  @Event({ eventName: 'jump-change-page' }) changePage: EventEmitter;\n  @Event({ eventName: 'jump-change-el-per-page' }) changeElPerPage: EventEmitter;\n\n  /* -------------------- LYFECYCLE EVENTS ---------------------- */\n  componentWillLoad() {\n    this.elementsRangesArray = this.elementsRanges.split(',').map(Number);\n    this.elPerPage = this.elementsRangesArray[0];\n  }\n\n  /* -------------------- @LISTEN ------------------------------- */\n\n  /* -------------------- @METHOD ------------------------------- */\n\n  /* -------------------- LOCAL METHODS ------------------------- */\n  setElPerPage(e) {\n    this.elPerPage = e.target.value;\n  }\n\n  doChangePage(dir) {\n    let newFirst;\n    let newLast;\n\n    //TODO refactorare \n    if (dir === 'first') {\n      newFirst = 1;\n      newLast = Math.min(this.total, this.elPerPage);\n    } else if (dir === 'last') {\n      newLast = this.total;\n      newFirst = Math.max(1, this.total - this.elPerPage + 1);\n    } else if (dir === 'previous') {\n      newFirst = Math.max(1, this.first - this.elPerPage);\n      newLast = Math.min(this.total, newFirst + this.elPerPage - 1);\n    } else if (dir === 'next') {\n      newLast = Math.min(this.total, this.last + this.elPerPage);\n      newFirst = Math.max(1, newLast - this.elPerPage + 1);\n    }\n\n    this.first = newFirst;\n    this.last = newLast;\n\n    let details = {\n      first: newFirst,\n      last: newLast,\n      direction: dir\n    }\n\n    this.changePage.emit(details);\n  }\n\n  /* --------------------- RENDER ------------------------------- */\n  render() {\n    return (\n      <Host class=\"JumpPaginationTable\">\n        <div class=\"JumpPaginationTable__Wrapper\">\n          <div class=\"elementsPerPage\">\n            <label htmlFor=\"elements\">{this.labelElementsPerPage ?? 'Elements per page'}</label>\n            <select name=\"elements\" id=\"elements\" onChange={(e) => this.setElPerPage(e)}>\n              {this.elementsRangesArray.map((range) => (\n                <option value={range} selected={(this.elPerPage == range) && true}>{range}</option>\n              ))}\n            </select>\n          </div> \n          <div class=\"indicators\">\n            <div class=\"elements\">\n              <span>\n                <span>{this.first}</span> - <span>{this.last}</span> {this.pagLabel} <span>{this.total}</span>\n              </span>\n            </div>\n            <div class=\"arrow\">\n              {this.showFirstAndLast &&\n                <jump-button onClick={() => this.doChangePage('first')} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" onlyIcon disabled={this.first === 1}> <jump-icon slot=\"suffix\" name=\"chevrons-left\" ></jump-icon> </jump-button>\n              }\n              <jump-button onClick={() => this.doChangePage('previous')} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" onlyIcon disabled={this.first === 1}> <jump-icon slot=\"suffix\" name=\"chevron-left\" ></jump-icon> </jump-button>\n              <jump-button onClick={() => this.doChangePage('next')} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" onlyIcon disabled={this.last === this.total}> <jump-icon slot=\"suffix\" name=\"chevron-right\" ></jump-icon> </jump-button>\n              {this.showFirstAndLast &&\n                <jump-button onClick={() => this.doChangePage('last')} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" onlyIcon disabled={this.last === this.total}> <jump-icon slot=\"suffix\" name=\"chevrons-right\" ></jump-icon> </jump-button>\n              }\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,H as e}from"./p-4d6cc90d.js";const h=":host{display:block}:host slot{display:flex;flex-direction:column;gap:0.25rem;margin-bottom:1rem}h5{margin:0 0 0.25rem}[data-hide=true]{display:none}";const a=h;const n=class{constructor(s){t(this,s);this.change=i(this,"jump-filterchange",7);this.name="tax-name";this.title="Titolo del filtro";this.otherLabel="Mostra altro";this.lessLabel="Mostra meno";this.maxElements=8;this.variant="default";this.values=[];this.value="";this.slotItems=undefined;this.inputs=[];this.showMore=true}async getValues(){return this.values}async getActiveAmount(){return this.values.length}async getInputs(){return this.inputs}async getName(){return this.name}toggleHiddenItems(){this.slotItemsWrapper.assignedElements().forEach(((t,i)=>{if(i>this.maxElements){t.setAttribute("data-hide",this.showMore?"true":"false")}}))}handleShowMore(){this.showMore=!this.showMore;this.toggleHiddenItems()}handleChange(t){const i=t.target;const s=i.value;if(i.tagName==="INPUT"){if(i.type==="checkbox"){if(i.checked){this.values.push(s)}else{const t=this.values.indexOf(s);if(t!==-1){this.values.splice(t,1)}}}else if(i.type==="radio"){this.value=s;this.values=[s]}}else if(i.tagName==="SELECT"){this.value=s;this.values=[s]}this.change.emit({name:this.name,values:this.values})}componentDidLoad(){this.slotItems=this.slotItemsWrapper.assignedElements();this.slotItemsWrapper.addEventListener("change",this.handleChange.bind(this));let t=0;this.slotItems.forEach((i=>{if(t>this.maxElements){i.setAttribute("data-hide","true")}if(i.tagName==="INPUT"||i.tagName==="SELECT"){this.inputs.push(i);if(i.tagName==="INPUT"&&i.type==="radio"){i.name=this.name}}else{const t=i.querySelectorAll("input, select");if(t.length>0){t.forEach((t=>{this.inputs.push(t);if(t.tagName==="INPUT"&&t.type==="radio"){t.name=this.name}}))}}t++}))}render(){return s(e,{key:"aa5959350948a2325f4b646ab8e6d31311df03a0"},this.title&&s("h5",{key:"43dff28c8b63b311b673390fabfec1dfaf933386"},this.title),s("div",{key:"4b93f3ab110f6646977e00590eb8bee9e7b1ce28",class:"filterGroup"},s("slot",{key:"459320fd46540ac84ab5e2ba3cd911e0bfcd663c",ref:t=>this.slotItemsWrapper=t})),this.inputs.length>this.maxElements&&s("jump-button",{key:"24999d7f0a79eeefd25ecd6c677f1170e14df6b5",variant:"primary",size:"small",text:true,name:this.showMore?this.otherLabel:this.lessLabel,"aria-label":this.showMore?this.otherLabel:this.lessLabel,onClick:()=>this.handleShowMore()},this.showMore?this.otherLabel:this.lessLabel,s("jump-icon",{key:"7731006e80030c6d6a9fc8ce4b49fc60f792834e",slot:"suffix",name:this.showMore?"chevron-down":"chevron-down"})))}};n.style=a;export{n as jump_filtergroup};
+//# sourceMappingURL=p-d1e411fd.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jumpFiltergroupCss","JumpFiltergroupStyle0","JumpFiltergroup","getValues","this","values","getActiveAmount","length","getInputs","inputs","getName","name","toggleHiddenItems","slotItemsWrapper","assignedElements","forEach","item","index","maxElements","setAttribute","showMore","handleShowMore","handleChange","event","target","newValue","value","tagName","type","checked","push","indexOf","splice","change","emit","componentDidLoad","slotItems","addEventListener","bind","querySelectorAll","input","render","h","Host","key","title","class","ref","el","variant","size","text","otherLabel","lessLabel","onClick","slot"],"sources":["src/components/jump-filtergroup/jump-filtergroup.scss?tag=jump-filtergroup&encapsulation=shadow","src/components/jump-filtergroup/jump-filtergroup.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  slot {\n    display: flex;\n    flex-direction: column;\n    gap: .25rem;\n    margin-bottom: 1rem;\n  }\n}\n\nh5 {\n  margin: 0 0 .25rem;\n}\n//TODO: capire perché non prende questo stile\n[data-hide=\"true\"] {\n  display: none;\n}\n\n\n","import { Component, Host, h, Prop, State, Event, Method } from '@stencil/core';\n\n@Component({\n  tag: 'jump-filtergroup',\n  styleUrl: 'jump-filtergroup.scss',\n  shadow: true,\n})\nexport class JumpFiltergroup {\n  @Prop() name: string = 'tax-name';\n  @Prop() title: string = 'Titolo del filtro';\n  @Prop() otherLabel: string = 'Mostra altro';\n  @Prop() lessLabel: string = 'Mostra meno';\n  @Prop() maxElements: number = 8;\n  //TODO: Add Accordion variant within jump-acccordion component\n  @Prop() variant: 'accordion' | 'default' = 'default';\n\n  @State() values: string[] = [];\n  @State() value: string = '';\n  @State() slotItems: any;\n  @State() inputs: any = [];\n  @State() showMore: boolean = true;\n\n  @Event({ eventName: 'jump-filterchange' }) change;\n\n  slotItemsWrapper: HTMLSlotElement;\n\n  @Method('getValues')\n  async getValues() {\n    return this.values;\n  }\n\n  @Method('getActiveAmount')\n  async getActiveAmount() {\n    return this.values.length;\n  }\n\n  @Method('getInputs')\n  async getInputs() {\n    return this.inputs;\n  }\n\n  @Method('getName')\n  async getName() {\n    return this.name;\n  }\n\n  toggleHiddenItems() {\n    this.slotItemsWrapper.assignedElements().forEach((item, index) => {\n      if(index > this.maxElements) {\n        item.setAttribute('data-hide', this.showMore ? 'true' : 'false');\n      }\n    });\n  }\n\n  handleShowMore() {\n    this.showMore = !this.showMore;\n    this.toggleHiddenItems();\n  }\n\n  handleChange(event: Event) {\n    const target = event.target as HTMLInputElement | HTMLSelectElement;\n    const newValue = target.value;\n\n    if (target.tagName === 'INPUT') {\n      if (target.type === 'checkbox') {\n        // @ts-ignore\n        if (target.checked) {\n          this.values.push(newValue);\n        } else {\n          const index = this.values.indexOf(newValue);\n          if (index !== -1) {\n            this.values.splice(index, 1);\n          }\n        }\n      } else if (target.type === 'radio') {\n        // Se è un input radio selezionato, imposta il valore e aggiorna this.values\n        this.value = newValue;\n        this.values = [newValue]; // Assicurati che this.values contenga solo il valore selezionato\n      }\n    } else if (target.tagName === 'SELECT') {\n      // Se è un select, aggiorna semplicemente il valore\n      this.value = newValue;\n      this.values = [newValue];\n    }\n\n    // Emit event con i valori aggiornati\n    this.change.emit({\n      name: this.name,\n      values: this.values,\n    });\n  }\n\n  componentDidLoad() {\n    this.slotItems = this.slotItemsWrapper.assignedElements();\n    this.slotItemsWrapper.addEventListener('change', this.handleChange.bind(this));\n\n    let index = 0;\n    this.slotItems.forEach((item) => {\n      if(index > this.maxElements) {\n        item.setAttribute('data-hide', 'true');\n      }\n      if (item.tagName === 'INPUT' || item.tagName === 'SELECT') {\n        this.inputs.push(item);\n        if (item.tagName === 'INPUT' && item.type === 'radio') {\n          item.name = this.name;\n        }\n      } else {\n        const inputs = item.querySelectorAll('input, select');\n        if (inputs.length > 0) {\n          inputs.forEach((input) => {\n            this.inputs.push(input);\n\n            if (input.tagName === 'INPUT' && input.type === 'radio') {\n              input.name = this.name;\n            }\n          });\n        }\n      }\n      index++;\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.title && <h5>{this.title}</h5>}\n        <div class=\"filterGroup\">\n          <slot ref={(el) => (this.slotItemsWrapper = el as HTMLSlotElement)}></slot>\n        </div>\n        {this.inputs.length > this.maxElements &&\n          <jump-button variant=\"primary\" size=\"small\" text name={this.showMore ? this.otherLabel : this.lessLabel}\n                       aria-label={this.showMore ? this.otherLabel : this.lessLabel}\n                       onClick={() => this.handleShowMore() }>\n            {this.showMore ? this.otherLabel : this.lessLabel}\n            <jump-icon slot=\"suffix\" name={this.showMore ? 'chevron-down' : 'chevron-down'}></jump-icon>\n          </jump-button>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAqB,wJAC3B,MAAAC,EAAeD,E,MCMFE,EAAe,M,6EACH,W,WACC,oB,gBACK,e,eACD,c,iBACE,E,aAEa,U,YAEf,G,WACH,G,qCAEF,G,cACM,I,CAO7B,eAAMC,GACJ,OAAOC,KAAKC,M,CAId,qBAAMC,GACJ,OAAOF,KAAKC,OAAOE,M,CAIrB,eAAMC,GACJ,OAAOJ,KAAKK,M,CAId,aAAMC,GACJ,OAAON,KAAKO,I,CAGd,iBAAAC,GACER,KAAKS,iBAAiBC,mBAAmBC,SAAQ,CAACC,EAAMC,KACtD,GAAGA,EAAQb,KAAKc,YAAa,CAC3BF,EAAKG,aAAa,YAAaf,KAAKgB,SAAW,OAAS,Q,KAK9D,cAAAC,GACEjB,KAAKgB,UAAYhB,KAAKgB,SACtBhB,KAAKQ,mB,CAGP,YAAAU,CAAaC,GACX,MAAMC,EAASD,EAAMC,OACrB,MAAMC,EAAWD,EAAOE,MAExB,GAAIF,EAAOG,UAAY,QAAS,CAC9B,GAAIH,EAAOI,OAAS,WAAY,CAE9B,GAAIJ,EAAOK,QAAS,CAClBzB,KAAKC,OAAOyB,KAAKL,E,KACZ,CACL,MAAMR,EAAQb,KAAKC,OAAO0B,QAAQN,GAClC,GAAIR,KAAW,EAAG,CAChBb,KAAKC,OAAO2B,OAAOf,EAAO,E,QAGzB,GAAIO,EAAOI,OAAS,QAAS,CAElCxB,KAAKsB,MAAQD,EACbrB,KAAKC,OAAS,CAACoB,E,OAEZ,GAAID,EAAOG,UAAY,SAAU,CAEtCvB,KAAKsB,MAAQD,EACbrB,KAAKC,OAAS,CAACoB,E,CAIjBrB,KAAK6B,OAAOC,KAAK,CACfvB,KAAMP,KAAKO,KACXN,OAAQD,KAAKC,Q,CAIjB,gBAAA8B,GACE/B,KAAKgC,UAAYhC,KAAKS,iBAAiBC,mBACvCV,KAAKS,iBAAiBwB,iBAAiB,SAAUjC,KAAKkB,aAAagB,KAAKlC,OAExE,IAAIa,EAAQ,EACZb,KAAKgC,UAAUrB,SAASC,IACtB,GAAGC,EAAQb,KAAKc,YAAa,CAC3BF,EAAKG,aAAa,YAAa,O,CAEjC,GAAIH,EAAKW,UAAY,SAAWX,EAAKW,UAAY,SAAU,CACzDvB,KAAKK,OAAOqB,KAAKd,GACjB,GAAIA,EAAKW,UAAY,SAAWX,EAAKY,OAAS,QAAS,CACrDZ,EAAKL,KAAOP,KAAKO,I,MAEd,CACL,MAAMF,EAASO,EAAKuB,iBAAiB,iBACrC,GAAI9B,EAAOF,OAAS,EAAG,CACrBE,EAAOM,SAASyB,IACdpC,KAAKK,OAAOqB,KAAKU,GAEjB,GAAIA,EAAMb,UAAY,SAAWa,EAAMZ,OAAS,QAAS,CACvDY,EAAM7B,KAAOP,KAAKO,I,MAK1BM,GAAO,G,CAIX,MAAAwB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFxC,KAAKyC,OAASH,EAAA,MAAAE,IAAA,4CAAKxC,KAAKyC,OACzBH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,eACTJ,EAAA,QAAAE,IAAA,2CAAMG,IAAMC,GAAQ5C,KAAKS,iBAAmBmC,KAE7C5C,KAAKK,OAAOF,OAASH,KAAKc,aACzBwB,EAAA,eAAAE,IAAA,2CAAaK,QAAQ,UAAUC,KAAK,QAAQC,KAAI,KAACxC,KAAMP,KAAKgB,SAAWhB,KAAKgD,WAAahD,KAAKiD,UAAS,aAC9EjD,KAAKgB,SAAWhB,KAAKgD,WAAahD,KAAKiD,UACnDC,QAAS,IAAMlD,KAAKiB,kBAC9BjB,KAAKgB,SAAWhB,KAAKgD,WAAahD,KAAKiD,UACxCX,EAAA,aAAAE,IAAA,2CAAWW,KAAK,SAAS5C,KAAMP,KAAKgB,SAAW,eAAiB,kB"}

package/dist/jump-design-system-elements.json

@@ -431,10 +431,6 @@
         "value": ""
       },
       "attributes": [
-        {
-          "name": "heading",
-          "description": ""
-        },
         {
           "name": "less-label",
           "description": ""
@@ -451,6 +447,10 @@
           "name": "other-label",
           "description": ""
         },
+        {
+          "name": "title",
+          "description": ""
+        },
         {
           "name": "variant",
           "description": "",
@@ -563,8 +563,8 @@
       },
       "attributes": [
         {
-          "name": "el-per-page",
-          "description": "Number of elements per page selected"
+          "name": "elements-ranges",
+          "description": "Values for the elements per page select"
         },
         {
           "name": "first",

package/dist/types/components/jump-filtergroup/jump-filtergroup.d.ts

@@ -1,6 +1,6 @@
 export declare class JumpFiltergroup {
     name: string;
-    heading: string;
+    title: string;
     otherLabel: string;
     lessLabel: string;
     maxElements: number;

package/dist/types/components/jump-pagination-table/jump-pagination-table.d.ts

@@ -3,7 +3,9 @@ export declare class JumpPaginationTable {
     /**
      * Values for the elements per page select
      */
-    elementsRanges: Array<number>;
+    elementsRanges: string;
+    elementsRangesArray: number[];
+    elementsRangesChanged(newValue: any, oldValue: any): void;
     /**
      * Number of elements per page selected
      */

package/dist/types/components/jump-pagination-table/jump-pagination-table.stories.d.ts

@@ -28,16 +28,11 @@ declare const _default: {
             description: string;
         };
         elementsRanges: {
-            name: string;
-            control: string;
-            options: number[];
-        };
-        showFirstAndLast: {
             name: string;
             control: string;
             description: string;
         };
-        elPerPage: {
+        showFirstAndLast: {
             name: string;
             control: string;
             description: string;

package/dist/types/components.d.ts

@@ -273,11 +273,11 @@ export namespace Components {
         "getInputs": () => Promise<any>;
         "getName": () => Promise<string>;
         "getValues": () => Promise<string[]>;
-        "heading": string;
         "lessLabel": string;
         "maxElements": number;
         "name": string;
         "otherLabel": string;
+        "title": string;
         "variant": 'accordion' | 'default';
     }
     interface JumpIcon {
@@ -325,14 +325,10 @@ export namespace Components {
         "showFirstAndLast": boolean;
     }
     interface JumpPaginationTable {
-        /**
-          * Number of elements per page selected
-         */
-        "elPerPage": number;
         /**
           * Values for the elements per page select
          */
-        "elementsRanges": Array<number>;
+        "elementsRanges": string;
         /**
           * First element of the page
          */
@@ -897,12 +893,12 @@ declare namespace LocalJSX {
         "mobileThreshold"?: number;
     }
     interface JumpFiltergroup {
-        "heading"?: string;
         "lessLabel"?: string;
         "maxElements"?: number;
         "name"?: string;
         "onJump-filterchange"?: (event: JumpFiltergroupCustomEvent<any>) => void;
         "otherLabel"?: string;
+        "title"?: string;
         "variant"?: 'accordion' | 'default';
     }
     interface JumpIcon {
@@ -951,14 +947,10 @@ declare namespace LocalJSX {
         "showFirstAndLast"?: boolean;
     }
     interface JumpPaginationTable {
-        /**
-          * Number of elements per page selected
-         */
-        "elPerPage"?: number;
         /**
           * Values for the elements per page select
          */
-        "elementsRanges"?: Array<number>;
+        "elementsRanges"?: string;
         /**
           * First element of the page
          */

package/package.json

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

package/dist/jump-design-system/p-594b15ee.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as a,h as t,H as i}from"./p-4d6cc90d.js";const s=":host{display:block}.JumpPaginationTable{--jump-pagination-table-label:var(--neutral-grey-secondary);--jump-pagination-table-arrows:var(--neutral-grey-secondary);--jump-pagination-table-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPaginationTable__Wrapper{display:flex;justify-content:space-between}.JumpPaginationTable__Wrapper .elementsPerPage{display:flex;gap:1rem;align-items:center}.JumpPaginationTable__Wrapper .elementsPerPage label{color:var(--jump-pagination-table-label);font-size:var(--fs-300);font-weight:normal}.JumpPaginationTable__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-table-label)}.JumpPaginationTable__Wrapper .indicators .arrow{color:var(--jump-pagination-table-arrows);display:flex;align-items:center;gap:10px}.JumpPaginationTable__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPaginationTable__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-table-arrows-disabled)}.JumpPaginationTable__Wrapper .indicators .elements{color:var(--jump-pagination-table-label);display:flex;align-items:center;gap:5px}";const n=s;const r=class{constructor(t){e(this,t);this.changePage=a(this,"jump-change-page",7);this.changeElPerPage=a(this,"jump-change-el-per-page",7);this.elementsRanges=[10,20,60,100];this.elPerPage=10;this.pagLabel="di";this.labelElementsPerPage="Elementi per pagina";this.total=100;this.first=1;this.last=10;this.showFirstAndLast=false}elPerPageChanged(e,a){if(e!==a){this.first=1;this.last=Math.min(this.total,e)}this.changeElPerPage.emit({elPerPage:e})}componentWillLoad(){this.elPerPage=this.elementsRanges[0]}setElPerPage(e){this.elPerPage=e.target.value}doChangePage(e){let a;let t;if(e==="first"){a=1;t=Math.min(this.total,this.elPerPage)}else if(e==="last"){t=this.total;a=Math.max(1,this.total-this.elPerPage+1)}else if(e==="previous"){a=Math.max(1,this.first-this.elPerPage);t=Math.min(this.total,a+this.elPerPage-1)}else if(e==="next"){t=Math.min(this.total,this.last+this.elPerPage);a=Math.max(1,t-this.elPerPage+1)}this.first=a;this.last=t;let i={first:a,last:t,direction:e};this.changePage.emit(i)}render(){var e;return t(i,{key:"35e491be212d92ad5236fa808401b00519805464",class:"JumpPaginationTable"},t("div",{key:"3d983450f3128aa27d7aaf71d88059c2286b78de",class:"JumpPaginationTable__Wrapper"},t("div",{key:"18012e3b71c78c1f4b5fae8f8a3f0e62be9ce605",class:"elementsPerPage"},t("label",{key:"e5af13dfc62132a04bbf83968a17a32e25ed2db7",htmlFor:"elements"},(e=this.labelElementsPerPage)!==null&&e!==void 0?e:"Elements per page"),t("select",{key:"813734540e10b51a533511f11e3c3c7b280dd323",name:"elements",id:"elements",onChange:e=>this.setElPerPage(e)},this.elementsRanges.map((e=>t("option",{value:e,selected:this.elPerPage==e&&true},e))))),t("div",{key:"260bf5e7c2775970b04d382ccb4fd14080588b94",class:"indicators"},t("div",{key:"44da392904dea45319a1179c418cb690ccbe5c49",class:"elements"},t("span",{key:"785cb75ecd13082ca489f5ee74397c1eb41ebfbf"},t("span",{key:"a5914c44df81c108034edf298860ced791c1c600"},this.first)," - ",t("span",{key:"c2e32a38e9bf3843a0881acd4792746a559718d3"},this.last)," ",this.pagLabel," ",t("span",{key:"d30a564a486c4d06b2996b326b86ef85765064c8"},this.total))),t("div",{key:"8193f04ee380f418b5b477ef7ca40e4de18e6b46",class:"arrow"},this.showFirstAndLast&&t("jump-button",{key:"c7a833acee791a25257e237d88aef4e5bf5b5cc8",onClick:()=>this.doChangePage("first"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"ffb50e27e476c8ca8d58ff18ce30c96ff6330872",slot:"suffix",name:"chevrons-left"})," "),t("jump-button",{key:"46bf715a0803deef866d90a1523675ab24c1793f",onClick:()=>this.doChangePage("previous"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"223bf0f161ffce6ee0e17fbae7b8467cae790be3",slot:"suffix",name:"chevron-left"})," "),t("jump-button",{key:"97696457a54e5808a0c252eeda2c8d915bcfe2e8",onClick:()=>this.doChangePage("next"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"9e01f45cc02450c41bf3ffc2f14cfd6606ab5a96",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&t("jump-button",{key:"05a745e26f5f14383e745a744c0c23e5598b0623",onClick:()=>this.doChangePage("last"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"0ba46ee7053a3aed0091c05a20444c767738dc2f",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{elPerPage:["elPerPageChanged"]}}};r.style=n;export{r as jump_pagination_table};
-//# sourceMappingURL=p-594b15ee.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jumpPaginationTableCss","JumpPaginationTableStyle0","JumpPaginationTable","elPerPageChanged","newValue","oldValue","this","first","last","Math","min","total","changeElPerPage","emit","elPerPage","componentWillLoad","elementsRanges","setElPerPage","e","target","value","doChangePage","dir","newFirst","newLast","max","details","direction","changePage","render","h","Host","key","class","htmlFor","_a","labelElementsPerPage","name","id","onChange","map","range","selected","pagLabel","showFirstAndLast","onClick","variant","text","size","onlyIcon","disabled","slot"],"sources":["src/components/jump-pagination-table/jump-pagination-table.scss?tag=jump-pagination-table","src/components/jump-pagination-table/jump-pagination-table.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.JumpPaginationTable {\n  --jump-pagination-table-label: var(--neutral-grey-secondary);\n  --jump-pagination-table-arrows: var(--neutral-grey-secondary);\n  --jump-pagination-table-arrows-disabled: var(--neutral-grey-disabled); //mappare una variabile del design system\n\n  font-family: var(--ff-primary);\n\n  &__Wrapper {\n      display: flex;\n      justify-content: space-between;\n  \n      .elementsPerPage {\n        display: flex;\n        gap: 1rem;\n        align-items: center;\n  \n        label {\n          color: var(--jump-pagination-table-label);\n          font-size: var(--fs-300);\n          font-weight: normal;\n        }\n      }\n  \n      .indicators {\n        font-size: var(--fs-400);\n        font-weight: normal;\n        display: flex;\n        justify-content: space-between;\n        gap: 20px;\n  \n        color: var(--jump-pagination-table-label);\n  \n        .arrow {\n          color: var(--jump-pagination-table-arrows);\n          display: flex;\n          align-items: center;\n          gap: 10px;\n  \n          button {\n            background-color: transparent;\n            border: none;\n            cursor: pointer;\n            padding: 0px;\n            display: flex;\n            align-items: center;\n          }\n  \n          button:disabled {\n            cursor: not-allowed;\n            color: var(--jump-pagination-table-arrows-disabled);\n  \n          }\n        }\n  \n        .elements {\n          color: var(--jump-pagination-table-label);\n          display: flex;\n          align-items: center;\n          gap: 5px;\n        }\n      }\n  \n    }\n}","import { Component, Event, EventEmitter, Watch, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'jump-pagination-table',\n  styleUrl: 'jump-pagination-table.scss',\n  shadow: false,\n})\nexport class JumpPaginationTable {\n\n  /* ---------------------- OWN PROPERTIES ---------------------- */\n\n  /* ---------------------- @ELEMENT ---------------------------- */\n\n  /* ---------------------- @STATE ------------------------------ */\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n\n  /**\n   * Values for the elements per page select\n   */\n  @Prop({ reflect: true }) elementsRanges: Array<number> = [10, 20, 60, 100];\n\n  /**\n   * Number of elements per page selected\n   */\n  @Prop() elPerPage: number = 10;\n  @Watch('elPerPage')\n  elPerPageChanged(newValue: number, oldValue: number) {\n    if (newValue !== oldValue) {\n      // Riporta la paginazione allo stato iniziale\n      this.first = 1;\n      this.last = Math.min(this.total, newValue);\n    }\n\n    this.changeElPerPage.emit({ elPerPage: newValue });\n  }\n\n  @Prop({ reflect: true }) pagLabel: string = 'di'; // Identifica la label testuale di pagination. \n\n  /**\n   * Label for the elements per page select\n   */\n  @Prop({ reflect: true }) labelElementsPerPage: string = 'Elementi per pagina';\n\n  /**\n   * Total of elements\n   */\n  @Prop({ reflect: true }) total: number = 100; \n\n  /**\n   * First element of the page\n   */\n  @Prop({ reflect: true }) first: number = 1;\n\n  /**\n   * Last element of the page\n   */\n  @Prop({ reflect: true }) last: number = 10;\n\n  /**\n   * Show button to navigate so first e last page\n   */\n  @Prop({ reflect: true }) showFirstAndLast: boolean = false;\n\n  /* ---------------------- @EVENTS ------------------------- */\n  @Event({ eventName: 'jump-change-page' }) changePage: EventEmitter;\n  @Event({ eventName: 'jump-change-el-per-page' }) changeElPerPage: EventEmitter;\n\n  /* -------------------- LYFECYCLE EVENTS ---------------------- */\n  componentWillLoad() {\n    this.elPerPage = this.elementsRanges[0];\n  }\n\n  /* -------------------- @LISTEN ------------------------------- */\n\n  /* -------------------- @METHOD ------------------------------- */\n\n  /* -------------------- LOCAL METHODS ------------------------- */\n  setElPerPage(e) {\n    this.elPerPage = e.target.value;\n  }\n\n  doChangePage(dir) {\n    let newFirst;\n    let newLast;\n\n    //TODO refactorare \n    if (dir === 'first') {\n      newFirst = 1;\n      newLast = Math.min(this.total, this.elPerPage);\n    } else if (dir === 'last') {\n      newLast = this.total;\n      newFirst = Math.max(1, this.total - this.elPerPage + 1);\n    } else if (dir === 'previous') {\n      newFirst = Math.max(1, this.first - this.elPerPage);\n      newLast = Math.min(this.total, newFirst + this.elPerPage - 1);\n    } else if (dir === 'next') {\n      newLast = Math.min(this.total, this.last + this.elPerPage);\n      newFirst = Math.max(1, newLast - this.elPerPage + 1);\n    }\n\n    this.first = newFirst;\n    this.last = newLast;\n\n    let details = {\n      first: newFirst,\n      last: newLast,\n      direction: dir\n    }\n\n    this.changePage.emit(details);\n  }\n\n  /* --------------------- RENDER ------------------------------- */\n  render() {\n    return (\n      <Host class=\"JumpPaginationTable\">\n        <div class=\"JumpPaginationTable__Wrapper\">\n          <div class=\"elementsPerPage\">\n            <label htmlFor=\"elements\">{this.labelElementsPerPage ?? 'Elements per page'}</label>\n            <select name=\"elements\" id=\"elements\" onChange={(e) => this.setElPerPage(e)}>\n              {this.elementsRanges.map((range) => (\n                <option value={range} selected={(this.elPerPage == range) && true}>{range}</option>\n              ))}\n            </select>\n          </div> \n          <div class=\"indicators\">\n            <div class=\"elements\">\n              <span>\n                <span>{this.first}</span> - <span>{this.last}</span> {this.pagLabel} <span>{this.total}</span>\n              </span>\n            </div>\n            <div class=\"arrow\">\n              {this.showFirstAndLast &&\n                // <button \n                //   onClick={() => this.doChangePage('first')}\n                //   disabled={this.first === 1}\n                // >\n                //   <jump-icon slot=\"prefix\" name=\"chevrons-left\"></jump-icon>\n                // </button>\n                <jump-button onClick={() => this.doChangePage('first')} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" onlyIcon disabled={this.first === 1}> <jump-icon slot=\"suffix\" name=\"chevrons-left\" ></jump-icon> </jump-button>\n              }\n              {/* <button\n                onClick={() => this.doChangePage('previous')}\n                disabled={this.first === 1}\n              >\n                <jump-icon slot=\"prefix\" name=\"chevron-left\"></jump-icon>\n              </button> */}\n              <jump-button onClick={() => this.doChangePage('previous')} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" onlyIcon disabled={this.first === 1}> <jump-icon slot=\"suffix\" name=\"chevron-left\" ></jump-icon> </jump-button>\n              <jump-button onClick={() => this.doChangePage('next')} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" onlyIcon disabled={this.last === this.total}> <jump-icon slot=\"suffix\" name=\"chevron-right\" ></jump-icon> </jump-button>\n              {/* <button\n                onClick={() => this.doChangePage('next')}\n                disabled={this.last === this.total}\n              >\n                <jump-icon slot=\"prefix\" name=\"chevron-right\"></jump-icon>\n              </button> */}\n              {this.showFirstAndLast &&\n                // <button\n                //   onClick={() => this.doChangePage('last')}\n                //   disabled={this.last === this.total}\n                // >\n                //   <jump-icon slot=\"prefix\" name=\"chevrons-right\"></jump-icon>\n                // </button>\n                <jump-button onClick={() => this.doChangePage('last')} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" onlyIcon disabled={this.last === this.total}> <jump-icon slot=\"suffix\" name=\"chevrons-right\" ></jump-icon> </jump-button>\n              }\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}

package/dist/jump-design-system/p-65ac4e72.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s,H as e}from"./p-4d6cc90d.js";const h=":host{display:block}:host slot{display:flex;flex-direction:column;gap:0.25rem;margin-bottom:1rem}h5{margin:0 0 0.25rem}[data-hide=true]{display:none}";const a=h;const n=class{constructor(s){t(this,s);this.change=i(this,"jump-filterchange",7);this.name="tax-name";this.heading="Titolo del filtro";this.otherLabel="Mostra altro";this.lessLabel="Mostra meno";this.maxElements=8;this.variant="default";this.values=[];this.value="";this.slotItems=undefined;this.inputs=[];this.showMore=true}async getValues(){return this.values}async getActiveAmount(){return this.values.length}async getInputs(){return this.inputs}async getName(){return this.name}toggleHiddenItems(){this.slotItemsWrapper.assignedElements().forEach(((t,i)=>{if(i>this.maxElements){t.setAttribute("data-hide",this.showMore?"true":"false")}}))}handleShowMore(){this.showMore=!this.showMore;this.toggleHiddenItems()}handleChange(t){const i=t.target;const s=i.value;if(i.tagName==="INPUT"){if(i.type==="checkbox"){if(i.checked){this.values.push(s)}else{const t=this.values.indexOf(s);if(t!==-1){this.values.splice(t,1)}}}else if(i.type==="radio"){this.value=s;this.values=[s]}}else if(i.tagName==="SELECT"){this.value=s;this.values=[s]}this.change.emit({name:this.name,values:this.values})}componentDidLoad(){this.slotItems=this.slotItemsWrapper.assignedElements();this.slotItemsWrapper.addEventListener("change",this.handleChange.bind(this));let t=0;this.slotItems.forEach((i=>{if(t>this.maxElements){i.setAttribute("data-hide","true")}if(i.tagName==="INPUT"||i.tagName==="SELECT"){this.inputs.push(i);if(i.tagName==="INPUT"&&i.type==="radio"){i.name=this.name}}else{const t=i.querySelectorAll("input, select");if(t.length>0){t.forEach((t=>{this.inputs.push(t);if(t.tagName==="INPUT"&&t.type==="radio"){t.name=this.name}}))}}t++}))}render(){return s(e,{key:"d830aaa7f43d5c7b8bd0f3fd031fc05feb6992a6"},this.heading&&s("h5",{key:"6cc93095701fd3661c080f3d90fcee49b6331b3e"},this.heading),s("div",{key:"4a530aaf6ca0dc513b30a4fa71fe742d8880106a",class:"filterGroup"},s("slot",{key:"aa1a4a654084bae835eef9c73d1575c8b46c3307",ref:t=>this.slotItemsWrapper=t})),this.inputs.length>this.maxElements&&s("jump-button",{key:"daebaf36924d7f7a62a169b37d1c9f216800b5c9",variant:"primary",size:"small",text:true,name:this.showMore?this.otherLabel:this.lessLabel,"aria-label":this.showMore?this.otherLabel:this.lessLabel,onClick:()=>this.handleShowMore()},this.showMore?this.otherLabel:this.lessLabel,s("jump-icon",{key:"3d6440909b8247a717c2fbc54e94009ef8dbc539",slot:"suffix",name:this.showMore?"chevron-down":"chevron-down"})))}};n.style=a;export{n as jump_filtergroup};
-//# sourceMappingURL=p-65ac4e72.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jumpFiltergroupCss","JumpFiltergroupStyle0","JumpFiltergroup","getValues","this","values","getActiveAmount","length","getInputs","inputs","getName","name","toggleHiddenItems","slotItemsWrapper","assignedElements","forEach","item","index","maxElements","setAttribute","showMore","handleShowMore","handleChange","event","target","newValue","value","tagName","type","checked","push","indexOf","splice","change","emit","componentDidLoad","slotItems","addEventListener","bind","querySelectorAll","input","render","h","Host","key","heading","class","ref","el","variant","size","text","otherLabel","lessLabel","onClick","slot"],"sources":["src/components/jump-filtergroup/jump-filtergroup.scss?tag=jump-filtergroup&encapsulation=shadow","src/components/jump-filtergroup/jump-filtergroup.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  slot {\n    display: flex;\n    flex-direction: column;\n    gap: .25rem;\n    margin-bottom: 1rem;\n  }\n}\n\nh5 {\n  margin: 0 0 .25rem;\n}\n//TODO: capire perché non prende questo stile\n[data-hide=\"true\"] {\n  display: none;\n}\n\n\n","import { Component, Host, h, Prop, State, Event, Method } from '@stencil/core';\n\n@Component({\n  tag: 'jump-filtergroup',\n  styleUrl: 'jump-filtergroup.scss',\n  shadow: true,\n})\nexport class JumpFiltergroup {\n  @Prop() name: string = 'tax-name';\n  @Prop() heading: string = 'Titolo del filtro';\n  @Prop() otherLabel: string = 'Mostra altro';\n  @Prop() lessLabel: string = 'Mostra meno';\n  @Prop() maxElements: number = 8;\n  //TODO: Add Accordion variant within jump-acccordion component\n  @Prop() variant: 'accordion' | 'default' = 'default';\n\n  @State() values: string[] = [];\n  @State() value: string = '';\n  @State() slotItems: any;\n  @State() inputs: any = [];\n  @State() showMore: boolean = true;\n\n  @Event({ eventName: 'jump-filterchange' }) change;\n\n  slotItemsWrapper: HTMLSlotElement;\n\n  @Method('getValues')\n  async getValues() {\n    return this.values;\n  }\n\n  @Method('getActiveAmount')\n  async getActiveAmount() {\n    return this.values.length;\n  }\n\n  @Method('getInputs')\n  async getInputs() {\n    return this.inputs;\n  }\n\n  @Method('getName')\n  async getName() {\n    return this.name;\n  }\n\n  toggleHiddenItems() {\n    this.slotItemsWrapper.assignedElements().forEach((item, index) => {\n      if(index > this.maxElements) {\n        item.setAttribute('data-hide', this.showMore ? 'true' : 'false');\n      }\n    });\n  }\n\n  handleShowMore() {\n    this.showMore = !this.showMore;\n    this.toggleHiddenItems();\n  }\n\n  handleChange(event: Event) {\n    const target = event.target as HTMLInputElement | HTMLSelectElement;\n    const newValue = target.value;\n\n    if (target.tagName === 'INPUT') {\n      if (target.type === 'checkbox') {\n        // @ts-ignore\n        if (target.checked) {\n          this.values.push(newValue);\n        } else {\n          const index = this.values.indexOf(newValue);\n          if (index !== -1) {\n            this.values.splice(index, 1);\n          }\n        }\n      } else if (target.type === 'radio') {\n        // Se è un input radio selezionato, imposta il valore e aggiorna this.values\n        this.value = newValue;\n        this.values = [newValue]; // Assicurati che this.values contenga solo il valore selezionato\n      }\n    } else if (target.tagName === 'SELECT') {\n      // Se è un select, aggiorna semplicemente il valore\n      this.value = newValue;\n      this.values = [newValue];\n    }\n\n    // Emit event con i valori aggiornati\n    this.change.emit({\n      name: this.name,\n      values: this.values,\n    });\n  }\n\n  componentDidLoad() {\n    this.slotItems = this.slotItemsWrapper.assignedElements();\n    this.slotItemsWrapper.addEventListener('change', this.handleChange.bind(this));\n\n    let index = 0;\n    this.slotItems.forEach((item) => {\n      if(index > this.maxElements) {\n        item.setAttribute('data-hide', 'true');\n      }\n      if (item.tagName === 'INPUT' || item.tagName === 'SELECT') {\n        this.inputs.push(item);\n        if (item.tagName === 'INPUT' && item.type === 'radio') {\n          item.name = this.name;\n        }\n      } else {\n        const inputs = item.querySelectorAll('input, select');\n        if (inputs.length > 0) {\n          inputs.forEach((input) => {\n            this.inputs.push(input);\n\n            if (input.tagName === 'INPUT' && input.type === 'radio') {\n              input.name = this.name;\n            }\n          });\n        }\n      }\n      index++;\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.heading && <h5>{this.heading}</h5>}\n        <div class=\"filterGroup\">\n          <slot ref={(el) => (this.slotItemsWrapper = el as HTMLSlotElement)}></slot>\n        </div>\n        {this.inputs.length > this.maxElements &&\n          <jump-button variant=\"primary\" size=\"small\" text name={this.showMore ? this.otherLabel : this.lessLabel}\n                       aria-label={this.showMore ? this.otherLabel : this.lessLabel}\n                       onClick={() => this.handleShowMore() }>\n            {this.showMore ? this.otherLabel : this.lessLabel}\n            <jump-icon slot=\"suffix\" name={this.showMore ? 'chevron-down' : 'chevron-down'}></jump-icon>\n          </jump-button>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAqB,wJAC3B,MAAAC,EAAeD,E,MCMFE,EAAe,M,6EACH,W,aACG,oB,gBACG,e,eACD,c,iBACE,E,aAEa,U,YAEf,G,WACH,G,qCAEF,G,cACM,I,CAO7B,eAAMC,GACJ,OAAOC,KAAKC,M,CAId,qBAAMC,GACJ,OAAOF,KAAKC,OAAOE,M,CAIrB,eAAMC,GACJ,OAAOJ,KAAKK,M,CAId,aAAMC,GACJ,OAAON,KAAKO,I,CAGd,iBAAAC,GACER,KAAKS,iBAAiBC,mBAAmBC,SAAQ,CAACC,EAAMC,KACtD,GAAGA,EAAQb,KAAKc,YAAa,CAC3BF,EAAKG,aAAa,YAAaf,KAAKgB,SAAW,OAAS,Q,KAK9D,cAAAC,GACEjB,KAAKgB,UAAYhB,KAAKgB,SACtBhB,KAAKQ,mB,CAGP,YAAAU,CAAaC,GACX,MAAMC,EAASD,EAAMC,OACrB,MAAMC,EAAWD,EAAOE,MAExB,GAAIF,EAAOG,UAAY,QAAS,CAC9B,GAAIH,EAAOI,OAAS,WAAY,CAE9B,GAAIJ,EAAOK,QAAS,CAClBzB,KAAKC,OAAOyB,KAAKL,E,KACZ,CACL,MAAMR,EAAQb,KAAKC,OAAO0B,QAAQN,GAClC,GAAIR,KAAW,EAAG,CAChBb,KAAKC,OAAO2B,OAAOf,EAAO,E,QAGzB,GAAIO,EAAOI,OAAS,QAAS,CAElCxB,KAAKsB,MAAQD,EACbrB,KAAKC,OAAS,CAACoB,E,OAEZ,GAAID,EAAOG,UAAY,SAAU,CAEtCvB,KAAKsB,MAAQD,EACbrB,KAAKC,OAAS,CAACoB,E,CAIjBrB,KAAK6B,OAAOC,KAAK,CACfvB,KAAMP,KAAKO,KACXN,OAAQD,KAAKC,Q,CAIjB,gBAAA8B,GACE/B,KAAKgC,UAAYhC,KAAKS,iBAAiBC,mBACvCV,KAAKS,iBAAiBwB,iBAAiB,SAAUjC,KAAKkB,aAAagB,KAAKlC,OAExE,IAAIa,EAAQ,EACZb,KAAKgC,UAAUrB,SAASC,IACtB,GAAGC,EAAQb,KAAKc,YAAa,CAC3BF,EAAKG,aAAa,YAAa,O,CAEjC,GAAIH,EAAKW,UAAY,SAAWX,EAAKW,UAAY,SAAU,CACzDvB,KAAKK,OAAOqB,KAAKd,GACjB,GAAIA,EAAKW,UAAY,SAAWX,EAAKY,OAAS,QAAS,CACrDZ,EAAKL,KAAOP,KAAKO,I,MAEd,CACL,MAAMF,EAASO,EAAKuB,iBAAiB,iBACrC,GAAI9B,EAAOF,OAAS,EAAG,CACrBE,EAAOM,SAASyB,IACdpC,KAAKK,OAAOqB,KAAKU,GAEjB,GAAIA,EAAMb,UAAY,SAAWa,EAAMZ,OAAS,QAAS,CACvDY,EAAM7B,KAAOP,KAAKO,I,MAK1BM,GAAO,G,CAIX,MAAAwB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFxC,KAAKyC,SAAWH,EAAA,MAAAE,IAAA,4CAAKxC,KAAKyC,SAC3BH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,eACTJ,EAAA,QAAAE,IAAA,2CAAMG,IAAMC,GAAQ5C,KAAKS,iBAAmBmC,KAE7C5C,KAAKK,OAAOF,OAASH,KAAKc,aACzBwB,EAAA,eAAAE,IAAA,2CAAaK,QAAQ,UAAUC,KAAK,QAAQC,KAAI,KAACxC,KAAMP,KAAKgB,SAAWhB,KAAKgD,WAAahD,KAAKiD,UAAS,aAC9EjD,KAAKgB,SAAWhB,KAAKgD,WAAahD,KAAKiD,UACnDC,QAAS,IAAMlD,KAAKiB,kBAC9BjB,KAAKgB,SAAWhB,KAAKgD,WAAahD,KAAKiD,UACxCX,EAAA,aAAAE,IAAA,2CAAWW,KAAK,SAAS5C,KAAMP,KAAKgB,SAAW,eAAiB,kB"}