@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.
- package/dist/cjs/chunk.H33C3MRM-2c09acb5.js +547 -0
- package/dist/cjs/chunk.H33C3MRM-2c09acb5.js.map +1 -0
- package/dist/cjs/jump-button_2.cjs.entry.js +3 -525
- package/dist/cjs/jump-button_2.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-design-system.cjs.js +1 -1
- package/dist/cjs/jump-filter-checkbox.cjs.entry.js +845 -0
- package/dist/cjs/jump-filter-checkbox.cjs.entry.js.map +1 -0
- package/dist/cjs/jump-filter.cjs.entry.js +5 -4
- package/dist/cjs/jump-filter.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-filtergroup.cjs.entry.js +32 -9
- package/dist/cjs/jump-filtergroup.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-pagination-table.cjs.entry.js +3 -3
- package/dist/cjs/jump-pagination.cjs.entry.js +3 -3
- package/dist/cjs/jump-quantity.cjs.entry.js +4 -4
- package/dist/cjs/jump-quantity.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-tab-item.cjs.entry.js +2 -2
- package/dist/cjs/jump-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/jump-tab.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/jump-filter/jump-filter.css +8 -1
- package/dist/collection/components/jump-filter/jump-filter.js +5 -4
- package/dist/collection/components/jump-filter/jump-filter.js.map +1 -1
- package/dist/collection/components/jump-filter/jump-filter.stories.js +5 -4
- package/dist/collection/components/jump-filter/jump-filter.stories.js.map +1 -1
- package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.css +31 -0
- package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.js +161 -0
- package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.js.map +1 -0
- package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.stories.js +51 -0
- package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.stories.js.map +1 -0
- package/dist/collection/components/jump-filtergroup/jump-filtergroup.css +5 -4
- package/dist/collection/components/jump-filtergroup/jump-filtergroup.js +33 -10
- package/dist/collection/components/jump-filtergroup/jump-filtergroup.js.map +1 -1
- package/dist/collection/components/jump-filtergroup/jump-filtergroup.stories.js +1 -1
- package/dist/collection/components/jump-filtergroup/jump-filtergroup.stories.js.map +1 -1
- package/dist/collection/components/jump-pagination/jump-pagination.js +3 -3
- package/dist/collection/components/jump-pagination-table/jump-pagination-table.js +3 -3
- package/dist/collection/components/jump-quantity/jump-quantity.css +6 -3
- package/dist/collection/components/jump-quantity/jump-quantity.js +3 -3
- package/dist/collection/components/jump-quantity/jump-quantity.js.map +1 -1
- package/dist/collection/components/jump-tab/jump-tab.js +1 -1
- package/dist/collection/components/jump-tab-item/jump-tab-item.js +2 -2
- package/dist/collection/components/jump-tab-panel/jump-tab-panel.js +1 -1
- package/dist/components/chunk.H33C3MRM.js +529 -0
- package/dist/components/chunk.H33C3MRM.js.map +1 -0
- package/dist/components/jump-filter-checkbox.d.ts +11 -0
- package/dist/components/jump-filter-checkbox.js +865 -0
- package/dist/components/jump-filter-checkbox.js.map +1 -0
- package/dist/components/jump-filter.js +5 -4
- package/dist/components/jump-filter.js.map +1 -1
- package/dist/components/jump-filtergroup.js +33 -10
- package/dist/components/jump-filtergroup.js.map +1 -1
- package/dist/components/jump-icon2.js +6 -528
- package/dist/components/jump-icon2.js.map +1 -1
- package/dist/components/jump-pagination-table.js +3 -3
- package/dist/components/jump-pagination.js +3 -3
- package/dist/components/jump-quantity.js +4 -4
- package/dist/components/jump-quantity.js.map +1 -1
- package/dist/components/jump-tab-item.js +2 -2
- package/dist/components/jump-tab-panel.js +1 -1
- package/dist/components/jump-tab.js +1 -1
- package/dist/esm/chunk.H33C3MRM-d1872e67.js +529 -0
- package/dist/esm/chunk.H33C3MRM-d1872e67.js.map +1 -0
- package/dist/esm/jump-button_2.entry.js +6 -528
- package/dist/esm/jump-button_2.entry.js.map +1 -1
- package/dist/esm/jump-design-system.js +1 -1
- package/dist/esm/jump-filter-checkbox.entry.js +841 -0
- package/dist/esm/jump-filter-checkbox.entry.js.map +1 -0
- package/dist/esm/jump-filter.entry.js +5 -4
- package/dist/esm/jump-filter.entry.js.map +1 -1
- package/dist/esm/jump-filtergroup.entry.js +32 -9
- package/dist/esm/jump-filtergroup.entry.js.map +1 -1
- package/dist/esm/jump-pagination-table.entry.js +3 -3
- package/dist/esm/jump-pagination.entry.js +3 -3
- package/dist/esm/jump-quantity.entry.js +4 -4
- package/dist/esm/jump-quantity.entry.js.map +1 -1
- package/dist/esm/jump-tab-item.entry.js +2 -2
- package/dist/esm/jump-tab-panel.entry.js +1 -1
- package/dist/esm/jump-tab.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/jump-design-system/jump-design-system.esm.js +1 -1
- package/dist/jump-design-system/jump-design-system.esm.js.map +1 -1
- package/dist/jump-design-system/{p-95460fa4.entry.js → p-4302b229.entry.js} +2 -2
- package/dist/jump-design-system/p-60849b83.entry.js +2 -0
- package/dist/jump-design-system/p-60849b83.entry.js.map +1 -0
- package/dist/jump-design-system/p-839e054d.entry.js +2 -0
- package/dist/jump-design-system/p-839e054d.entry.js.map +1 -0
- package/dist/jump-design-system/{p-d2ee7b9b.entry.js → p-9d9b0076.entry.js} +2 -2
- package/dist/jump-design-system/p-a00d20d8.entry.js +264 -0
- package/dist/jump-design-system/p-a00d20d8.entry.js.map +1 -0
- package/dist/jump-design-system/p-a4b9515b.js +66 -0
- package/dist/jump-design-system/p-a4b9515b.js.map +1 -0
- package/dist/jump-design-system/p-aee5a8c3.entry.js +2 -0
- package/dist/jump-design-system/p-b4e60ca4.entry.js +2 -0
- package/dist/jump-design-system/p-b4e60ca4.entry.js.map +1 -0
- package/dist/jump-design-system/{p-37114ce3.entry.js → p-c8733544.entry.js} +2 -2
- package/dist/jump-design-system/{p-8efeaa79.entry.js → p-ed897778.entry.js} +2 -2
- package/dist/jump-design-system/p-fde99383.entry.js +2 -0
- package/dist/jump-design-system/p-fde99383.entry.js.map +1 -0
- package/dist/jump-design-system-elements.json +29 -4
- package/dist/types/components/jump-filter-checkbox/jump-filter-checkbox.d.ts +15 -0
- package/dist/types/components/jump-filter-checkbox/jump-filter-checkbox.stories.d.ts +30 -0
- package/dist/types/components/jump-filtergroup/jump-filtergroup.d.ts +4 -2
- package/dist/types/components/jump-filtergroup/jump-filtergroup.stories.d.ts +1 -1
- package/dist/types/components.d.ts +40 -2
- package/package.json +1 -1
- package/dist/jump-design-system/p-529a09f6.entry.js +0 -2
- package/dist/jump-design-system/p-529a09f6.entry.js.map +0 -1
- package/dist/jump-design-system/p-5da7839d.entry.js +0 -2
- package/dist/jump-design-system/p-8628896f.entry.js +0 -2
- package/dist/jump-design-system/p-8628896f.entry.js.map +0 -1
- package/dist/jump-design-system/p-c2bc6395.entry.js +0 -66
- package/dist/jump-design-system/p-c2bc6395.entry.js.map +0 -1
- package/dist/jump-design-system/p-d1e411fd.entry.js +0 -2
- package/dist/jump-design-system/p-d1e411fd.entry.js.map +0 -1
- /package/dist/jump-design-system/{p-95460fa4.entry.js.map → p-4302b229.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-d2ee7b9b.entry.js.map → p-9d9b0076.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-5da7839d.entry.js.map → p-aee5a8c3.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-37114ce3.entry.js.map → p-c8733544.entry.js.map} +0 -0
- /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-
|
|
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","
|
|
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
|
|
2
|
-
//# sourceMappingURL=p-
|
|
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
|
|
2
|
-
//# sourceMappingURL=p-
|
|
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
|