@jumpgroup/jump-design-system 0.2.1 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/dist/cjs/{index-79e97f36.js → index-12f40d28.js} +58 -8
  2. package/dist/cjs/index-12f40d28.js.map +1 -0
  3. package/dist/cjs/jump-badge.cjs.entry.js +1 -1
  4. package/dist/cjs/jump-button.cjs.entry.js +9 -6
  5. package/dist/cjs/jump-button.cjs.entry.js.map +1 -1
  6. package/dist/cjs/jump-card.cjs.entry.js +2 -2
  7. package/dist/cjs/jump-card.cjs.entry.js.map +1 -1
  8. package/dist/cjs/jump-design-system.cjs.js +2 -2
  9. package/dist/cjs/jump-icon.cjs.entry.js +1 -1
  10. package/dist/cjs/jump-pagination.cjs.entry.js +5 -4
  11. package/dist/cjs/jump-pagination.cjs.entry.js.map +1 -1
  12. package/dist/cjs/loader.cjs.js +2 -2
  13. package/dist/collection/components/jump-button/jump-button-anchor.stories.js +253 -0
  14. package/dist/collection/components/jump-button/jump-button-anchor.stories.js.map +1 -0
  15. package/dist/collection/components/jump-button/jump-button-dimension.stories.js +236 -0
  16. package/dist/collection/components/jump-button/jump-button-dimension.stories.js.map +1 -0
  17. package/dist/collection/components/jump-button/jump-button-filled.stories.js +5 -259
  18. package/dist/collection/components/jump-button/jump-button-filled.stories.js.map +1 -1
  19. package/dist/collection/components/jump-button/jump-button-only-icon.stories.js +342 -0
  20. package/dist/collection/components/jump-button/jump-button-only-icon.stories.js.map +1 -0
  21. package/dist/collection/components/jump-button/jump-button-outline.stories.js +5 -74
  22. package/dist/collection/components/jump-button/jump-button-outline.stories.js.map +1 -1
  23. package/dist/collection/components/jump-button/jump-button-text.stories.js +289 -0
  24. package/dist/collection/components/jump-button/jump-button-text.stories.js.map +1 -0
  25. package/dist/collection/components/jump-button/jump-button.css +92 -43
  26. package/dist/collection/components/jump-button/jump-button.js +20 -17
  27. package/dist/collection/components/jump-button/jump-button.js.map +1 -1
  28. package/dist/collection/components/jump-button/test/jump-button.spec.js +2 -2
  29. package/dist/collection/components/jump-button/test/jump-button.spec.js.map +1 -1
  30. package/dist/collection/components/jump-card/jump-card-border-radius.stories.js +2 -14
  31. package/dist/collection/components/jump-card/jump-card-border-radius.stories.js.map +1 -1
  32. package/dist/collection/components/jump-card/jump-card-top-border-content-radius.stories.js +1 -2
  33. package/dist/collection/components/jump-card/jump-card-top-border-content-radius.stories.js.map +1 -1
  34. package/dist/collection/components/jump-card/jump-card.css +50 -1
  35. package/dist/collection/components/jump-pagination/jump-pagination-pages.stories.js +8 -0
  36. package/dist/collection/components/jump-pagination/jump-pagination-pages.stories.js.map +1 -1
  37. package/dist/collection/components/jump-pagination/jump-pagination-products.stories.js +8 -1
  38. package/dist/collection/components/jump-pagination/jump-pagination-products.stories.js.map +1 -1
  39. package/dist/collection/components/jump-pagination/jump-pagination.js +22 -3
  40. package/dist/collection/components/jump-pagination/jump-pagination.js.map +1 -1
  41. package/dist/collection/utils/utils.js +13 -0
  42. package/dist/collection/utils/utils.js.map +1 -1
  43. package/dist/components/jump-button.js +24 -20
  44. package/dist/components/jump-button.js.map +1 -1
  45. package/dist/components/jump-card.js +1 -1
  46. package/dist/components/jump-card.js.map +1 -1
  47. package/dist/components/jump-pagination.js +5 -3
  48. package/dist/components/jump-pagination.js.map +1 -1
  49. package/dist/esm/{index-7feee8ea.js → index-d09b8a38.js} +58 -8
  50. package/dist/esm/index-d09b8a38.js.map +1 -0
  51. package/dist/esm/jump-badge.entry.js +1 -1
  52. package/dist/esm/jump-button.entry.js +9 -6
  53. package/dist/esm/jump-button.entry.js.map +1 -1
  54. package/dist/esm/jump-card.entry.js +2 -2
  55. package/dist/esm/jump-card.entry.js.map +1 -1
  56. package/dist/esm/jump-design-system.js +3 -3
  57. package/dist/esm/jump-icon.entry.js +1 -1
  58. package/dist/esm/jump-pagination.entry.js +5 -4
  59. package/dist/esm/jump-pagination.entry.js.map +1 -1
  60. package/dist/esm/loader.js +3 -3
  61. package/dist/jump-design-system/jump-design-system.esm.js +1 -1
  62. package/dist/jump-design-system/jump-design-system.esm.js.map +1 -1
  63. package/dist/jump-design-system/p-062fa189.entry.js +2 -0
  64. package/dist/jump-design-system/p-062fa189.entry.js.map +1 -0
  65. package/dist/jump-design-system/p-407027a9.js +3 -0
  66. package/dist/jump-design-system/p-407027a9.js.map +1 -0
  67. package/dist/jump-design-system/{p-99238e3f.entry.js → p-81fba573.entry.js} +2 -2
  68. package/dist/jump-design-system/{p-bc02e346.entry.js → p-b2967e30.entry.js} +2 -2
  69. package/dist/jump-design-system/p-e0c9453d.entry.js +2 -0
  70. package/dist/jump-design-system/p-e0c9453d.entry.js.map +1 -0
  71. package/dist/jump-design-system/p-fea57bd7.entry.js +2 -0
  72. package/dist/jump-design-system/p-fea57bd7.entry.js.map +1 -0
  73. package/dist/jump-design-system-elements.json +4 -0
  74. package/dist/types/components/jump-button/jump-button-anchor.stories.d.ts +160 -0
  75. package/dist/types/components/jump-button/jump-button-dimension.stories.d.ts +158 -0
  76. package/dist/types/components/jump-button/jump-button-filled.stories.d.ts +0 -13
  77. package/dist/types/components/jump-button/jump-button-only-icon.stories.d.ts +164 -0
  78. package/dist/types/components/jump-button/jump-button-outline.stories.d.ts +0 -2
  79. package/dist/types/components/jump-button/jump-button-text.stories.d.ts +161 -0
  80. package/dist/types/components/jump-button/jump-button.d.ts +2 -1
  81. package/dist/types/components/jump-pagination/jump-pagination-pages.stories.d.ts +5 -0
  82. package/dist/types/components/jump-pagination/jump-pagination-products.stories.d.ts +5 -0
  83. package/dist/types/components/jump-pagination/jump-pagination.d.ts +1 -0
  84. package/dist/types/components.d.ts +2 -0
  85. package/dist/types/utils/utils.d.ts +2 -1
  86. package/package.json +1 -1
  87. package/readme.md +1 -1
  88. package/dist/cjs/index-79e97f36.js.map +0 -1
  89. package/dist/esm/index-7feee8ea.js.map +0 -1
  90. package/dist/jump-design-system/p-7cfed9c6.entry.js +0 -2
  91. package/dist/jump-design-system/p-7cfed9c6.entry.js.map +0 -1
  92. package/dist/jump-design-system/p-8ec7e589.entry.js +0 -2
  93. package/dist/jump-design-system/p-8ec7e589.entry.js.map +0 -1
  94. package/dist/jump-design-system/p-9fd6e0a0.entry.js +0 -2
  95. package/dist/jump-design-system/p-9fd6e0a0.entry.js.map +0 -1
  96. package/dist/jump-design-system/p-c560071a.js +0 -3
  97. package/dist/jump-design-system/p-c560071a.js.map +0 -1
  98. /package/dist/jump-design-system/{p-99238e3f.entry.js.map → p-81fba573.entry.js.map} +0 -0
  99. /package/dist/jump-design-system/{p-bc02e346.entry.js.map → p-b2967e30.entry.js.map} +0 -0
@@ -1,2 +0,0 @@
1
- import{r,h as a,H as d}from"./p-c560071a.js";const o='jump-card{display:flex;flex-direction:column;position:relative;--jump-card-max-width-horizontal:100%;--jump-card-color:var(--neutral-grey-primary);--jump-card-background:#fff;--jump-card-color-dark:#fff;--jump-card-border-color:var(--neutral-grey-background);--jump-card-border-radius:6px;--jump-card-border-top-radius:1rem;--jump-card-top-border-body-radius:1.5rem 1rem;--jump-card-padding:1rem 1.25rem;font-family:var(--ff-primary, "Arial"), sans-serif;line-height:var(--lh-400, 1.3);background-color:var(--jump-card-background);color:var(--jump-card-color);overflow:hidden}jump-card img,jump-card video{aspect-ratio:4/3;overflow:hidden;position:relative}jump-card .Content{padding:1.5rem 1rem;display:flex;flex-direction:column;gap:0.75rem;flex:1;background-color:var(--jump-card-background)}jump-card[dark]{background-color:var(--neutral-grey-primary);color:var(--jump-card-color-dark)}jump-card[dark] .Content{background-color:var(--neutral-grey-primary);color:var(--jump-card-color-dark)}jump-card[border]{border:1px solid var(--jump-card-border-color)}jump-card[border-radius]{border-radius:var(--jump-card-border-radius)}jump-card[top-border-content-radius]{border-radius:var(--jump-card-border-top-radius)}jump-card[top-border-content-radius] .Content{border-top-left-radius:var(--jump-card-border-top-radius);border-top-right-radius:var(--jump-card-border-top-radius);margin-top:-1rem;z-index:2}jump-card[boxed]{border-radius:var(--jump-card-border-radius)}jump-card[boxed] img,jump-card[boxed] video{border-radius:var(--jump-card-border-radius);background-color:var(--jump-card-background);margin:0.5rem 0.5rem 0}jump-card[horizontal]{flex-direction:row;gap:0.5rem;align-items:center;max-width:var(--jump-card-max-width-horizontal)}jump-card[rounded-media]{align-items:center;justify-content:center;text-align:center;background-color:transparent}jump-card[rounded-media] img,jump-card[rounded-media] video{background-color:transparent;border-radius:50%;aspect-ratio:1;object-fit:cover;width:100%;flex:0 1 40%}jump-card[rounded-media] .Content{background-color:transparent;align-items:center}jump-card[rounded-media][horizontal]{text-align:left}jump-card[rounded-media][horizontal] .Content{align-items:flex-start}jump-card[shadow]{box-shadow:0px 2px 25px 0px hsla(0, 0%, 0%, 0.1)}';const e=o;const t=class{constructor(a){r(this,a);this.horizontal=false;this.dark=false;this.shadow=undefined;this.border=undefined;this.borderRadius=false;this.topBorderContentRadius=false;this.boxed=false;this.roundedMedia=false;this.imgSrc="";this.imgAlt="";this.videoSrc=""}render(){return a(d,{key:"a1f0752a89731d2f493060b79548fa69e99e1e68",horizontal:this.horizontal,"border-radius":this.borderRadius,"rounded-media":this.roundedMedia,"top-border-content-radius":this.topBorderContentRadius,boxed:this.boxed,shadow:this.shadow,border:this.border},this.imgSrc&&!this.videoSrc?a("img",{src:this.imgSrc,alt:this.imgAlt}):"",this.videoSrc&&!this.imgSrc?a("video",{autoplay:true},a("source",{src:this.videoSrc,type:"video/mp4"}),a("source",{src:this.videoSrc,type:"video/mov"}),a("source",{src:this.videoSrc,type:"video/webm"})):"",a("div",{key:"a7d7a20a7a5960f3fab3d417d224dd711d119e0b",class:"Content"},a("slot",{key:"7667cd1ea36b6f2115174f0fa39a6368bc020b16",name:"body"}),a("slot",{key:"bbaded488f7b0603a9aa19e1549ba41e524ad322",name:"footer"})))}};t.style=e;export{t as jump_card};
2
- //# sourceMappingURL=p-7cfed9c6.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["jumpCardCss","JumpCardStyle0","AppCard","render","h","Host","key","horizontal","this","borderRadius","roundedMedia","topBorderContentRadius","boxed","shadow","border","imgSrc","videoSrc","src","alt","imgAlt","autoplay","type","class","name"],"sources":["src/components/jump-card/jump-card.scss?tag=jump-card","src/components/jump-card/jump-card.tsx"],"sourcesContent":["jump-card {\n display: flex;\n flex-direction: column;\n position: relative;\n // --jump-card-max-width: 320px;\n --jump-card-max-width-horizontal: 100%;\n --jump-card-color: var(--neutral-grey-primary);\n --jump-card-background: #fff;\n --jump-card-color-dark: #fff;\n --jump-card-border-color: var(--neutral-grey-background);\n --jump-card-border-radius: 6px;\n --jump-card-border-top-radius: 1rem;\n --jump-card-top-border-body-radius: 1.5rem 1rem;\n --jump-card-padding: 1rem 1.25rem;\n\n font-family: var(--ff-primary, 'Arial'), sans-serif;\n line-height: var(--lh-400, 1.3);\n background-color: var(--jump-card-background);\n color: var(--jump-card-color);\n // max-width: var(--jump-card-max-width);\n overflow: hidden;\n\n img,\n video {\n aspect-ratio: 4/3;\n overflow: hidden;\n position: relative;\n }\n\n .Content {\n padding: 1.5rem 1rem;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n flex: 1;\n background-color: var(--jump-card-background);\n }\n\n &[dark] {\n background-color: var(--neutral-grey-primary);\n color: var(--jump-card-color-dark);\n\n .Content {\n background-color: var(--neutral-grey-primary);\n color: var(--jump-card-color-dark);\n }\n }\n\n &[border] {\n border: 1px solid var(--jump-card-border-color);\n }\n\n &[border-radius] {\n border-radius: var(--jump-card-border-radius);\n }\n\n &[top-border-content-radius] {\n border-radius: var(--jump-card-border-top-radius);\n\n .Content {\n border-top-left-radius: var(--jump-card-border-top-radius);\n border-top-right-radius: var(--jump-card-border-top-radius);\n margin-top: -1rem;\n z-index: 2;\n }\n }\n\n &[boxed] {\n border-radius: var(--jump-card-border-radius);\n\n img,\n video {\n border-radius: var(--jump-card-border-radius);\n background-color: var(--jump-card-background);\n margin: 0.5rem 0.5rem 0;\n }\n }\n\n &[horizontal] {\n flex-direction: row;\n gap: 0.5rem;\n align-items: center;\n max-width: var(--jump-card-max-width-horizontal);\n }\n\n &[rounded-media] {\n align-items: center;\n justify-content: center;\n text-align: center;\n background-color: transparent;\n\n img,\n video {\n background-color: transparent;\n border-radius: 50%;\n aspect-ratio: 1;\n object-fit: cover;\n width: 100%;\n flex: 0 1 40%;\n }\n\n .Content {\n background-color: transparent;\n align-items: center;\n }\n }\n\n &[rounded-media][horizontal] {\n text-align: left;\n\n .Content {\n align-items: flex-start;\n }\n }\n\n &[shadow] {\n box-shadow: 0px 2px 25px 0px hsla(0, 0%, 0%, 0.1);\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'jump-card',\n styleUrl: 'jump-card.scss',\n shadow: false,\n})\nexport class AppCard {\n /**\n * Indicates if the card is horizontal\n */\n @Prop({reflect: true}) horizontal: boolean = false;\n\n /**\n * Indicates if the card is horizontal\n */\n @Prop({reflect: true}) dark: boolean = false;\n\n /**\n * Indicates if card has shadow\n */\n @Prop({reflect: true}) shadow: boolean;\n\n /**\n * Indicates if card has borders\n */\n @Prop({reflect: true}) border: boolean;\n\n /**\n * Indicates if borders of the entire card are rounded\n */\n @Prop({reflect: true}) borderRadius: boolean = false;\n\n /**\n * Indicates if border top of the body is rounded; Not compatible with boxed\n */\n @Prop({reflect: true}) topBorderContentRadius: boolean = false;\n\n /**\n * Indicates if media has padding; Not compatible with roundedMedia\n */\n @Prop({reflect: true}) boxed: boolean = false;\n\n /**\n * Indicates if image is rounded and there isnt a bg\n */\n @Prop({reflect: true}) roundedMedia: boolean = false;\n\n /**\n * Indicates the imgSrc of the card\n */\n @Prop({reflect: true}) imgSrc: string = '';\n\n /**\n * Indicates the img's alt of the card\n */\n @Prop({reflect: true}) imgAlt: string = '';\n\n /**\n * Indicates the videoSrc of the card\n */\n @Prop({reflect: true}) videoSrc: string = '';\n\n render() {\n return (\n <Host horizontal={this.horizontal} border-radius={this.borderRadius} rounded-media={this.roundedMedia} top-border-content-radius={this.topBorderContentRadius} boxed={this.boxed} shadow={this.shadow} border={this.border}>\n {this.imgSrc && !this.videoSrc ? <img src={this.imgSrc} alt={this.imgAlt}></img> : ''}\n {this.videoSrc && !this.imgSrc ? \n <video autoplay> \n <source src={this.videoSrc} type=\"video/mp4\"/> \n <source src={this.videoSrc} type=\"video/mov\"/> \n <source src={this.videoSrc} type=\"video/webm\"/> \n </video> : ''}\n <div class=\"Content\">\n <slot name=\"body\"></slot>\n <slot name=\"footer\"></slot>\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":"6CAAA,MAAMA,EAAc,svEACpB,MAAAC,EAAeD,E,MCMFE,EAAO,M,yCAI2B,M,UAKN,M,8DAeQ,M,4BAKU,M,WAKjB,M,kBAKO,M,YAKP,G,YAKA,G,cAKE,E,CAE1C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,WAAYC,KAAKD,WAAU,gBAAiBC,KAAKC,aAAY,gBAAiBD,KAAKE,aAAY,4BAA6BF,KAAKG,uBAAwBC,MAAOJ,KAAKI,MAAOC,OAAQL,KAAKK,OAAQC,OAAQN,KAAKM,QACjNN,KAAKO,SAAWP,KAAKQ,SAAWZ,EAAA,OAAKa,IAAKT,KAAKO,OAAQG,IAAKV,KAAKW,SAAiB,GAClFX,KAAKQ,WAAaR,KAAKO,OACtBX,EAAA,SAAOgB,SAAQ,MACbhB,EAAA,UAAQa,IAAKT,KAAKQ,SAAUK,KAAK,cACjCjB,EAAA,UAAQa,IAAKT,KAAKQ,SAAUK,KAAK,cACjCjB,EAAA,UAAQa,IAAKT,KAAKQ,SAAUK,KAAK,gBACxB,GACbjB,EAAA,OAAAE,IAAA,2CAAKgB,MAAM,WACTlB,EAAA,QAAAE,IAAA,2CAAMiB,KAAK,SACXnB,EAAA,QAAAE,IAAA,2CAAMiB,KAAK,Y"}
@@ -1,2 +0,0 @@
1
- import{r as e,h as a,H as n}from"./p-c560071a.js";const i=":host{display:block}.JumpPagination{--pagination-label-color:var(--neutral-grey-secondary);--pagination-arrows-color:var(--neutral-grey-secondary);font-family:var(--ff-primary)}.JumpPagination__Wrapper{display:flex;justify-content:space-between}.JumpPagination__Wrapper .elementsPerPage{display:flex;gap:1rem;align-items:center}.JumpPagination__Wrapper .elementsPerPage label{color:var(--pagination-label-color);font-size:14px;font-weight:normal}.JumpPagination__Wrapper .indicators{font-size:16px;font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--pagination-label-color)}.JumpPagination__Wrapper .indicators .arrow{color:var(--pagination-arrows-color);display:flex;align-items:center;gap:10px}.JumpPagination__Wrapper .indicators .elements{color:var(--pagination-label-color);display:flex;align-items:center;gap:5px}";const t=i;const s=class{constructor(a){e(this,a);this.totalElements=undefined;this.currentPage=undefined;this.lastPage=undefined;this.labelElementsPerPage="Elementi per pagina";this.elementsRanges=[10,20,60,100];this.firstPage=undefined;this.completeVersion=false;this.showAdditionalChrevrons=false}render(){var e;return a(n,{key:"e19fd7770573042573cc19152c02c74054c80ca0",class:"JumpPagination"},a("div",{key:"293584737d7a7d04e6d35756736f5041e79057bc",class:"JumpPagination__Wrapper"},this.completeVersion&&a("div",{class:"elementsPerPage"},a("label",{htmlFor:"elements"},(e=this.labelElementsPerPage)!==null&&e!==void 0?e:"Elements per page"),a("select",{name:"elements",id:"elements"},this.elementsRanges.map((e=>a("option",{value:e},e))))),a("div",{key:"abcc46875ebf0e3d6197b964b6ae5fc7d3478bd8",class:"indicators"},a("div",{key:"4bf7e8c0470eb551389f35ac9325162a01ebdde2",class:"elements"},this.completeVersion?a("span",null,a("span",null,this.firstPage)," - ",a("span",null,this.currentPage)," di ",a("span",null,this.totalElements)):a("span",null,a("span",null,this.currentPage)," di ",a("span",null,this.lastPage))),a("div",{key:"977288ffe184d14a7bf5b3fe8cb0d252324b303c",class:"arrow"},this.showAdditionalChrevrons&&a("jump-icon",{name:"chevrons-left"}),a("jump-icon",{key:"b4707986287695a858e70ad2765f2b7e6a3d144c",name:"chevron-left"}),a("jump-icon",{key:"2cbe3824ee94c3d893784ffb78fefff385c714d3",name:"chevron-right"}),this.showAdditionalChrevrons&&a("jump-icon",{name:"chevrons-right"})))))}};s.style=t;export{s as jump_pagination};
2
- //# sourceMappingURL=p-8ec7e589.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["jumpPaginationCss","JumpPaginationStyle0","JumpPagination","render","h","Host","key","class","this","completeVersion","htmlFor","_a","labelElementsPerPage","name","id","elementsRanges","map","range","value","firstPage","currentPage","totalElements","lastPage","showAdditionalChrevrons"],"sources":["src/components/jump-pagination/jump-pagination.scss?tag=jump-pagination","src/components/jump-pagination/jump-pagination.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.JumpPagination {\n --pagination-label-color: var(--neutral-grey-secondary);\n --pagination-arrows-color: var(--neutral-grey-secondary);\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(--pagination-label-color);\n font-size: 14px;\n font-weight: normal;\n }\n } \n \n .indicators {\n font-size: 16px;\n font-weight: normal;\n display: flex;\n justify-content: space-between;\n gap: 20px;\n \n color: var(--pagination-label-color);\n\n .arrow {\n color: var(--pagination-arrows-color);\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .elements {\n color: var(--pagination-label-color);\n display: flex;\n align-items: center;\n gap: 5px;\n }\n }\n \n }\n \n}","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'jump-pagination',\n styleUrl: 'jump-pagination.scss',\n shadow: false,\n})\nexport class JumpPagination {\n \n /* ---------------------- @PROPERTIES ------------------------- */\n\n @Prop({ reflect: true }) totalElements: number;\n\n /**\n * \n */\n @Prop({ reflect: true }) currentPage: number;\n @Prop({ reflect: true }) lastPage: number; \n\n /**\n * Label for the elements per page select\n */\n @Prop({ reflect: true }) labelElementsPerPage: string = 'Elementi per pagina';\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 * Indicates the first page/product of the list\n */\n @Prop({ reflect: true }) firstPage: number;\n\n /**\n * If true, the component will show the complete version of the pagination, with elements informations\n */\n @Prop({ reflect: true }) completeVersion: boolean = false;\n\n @Prop({ reflect: true }) showAdditionalChrevrons: boolean = false;\n\n render() {\n return (\n <Host class=\"JumpPagination\">\n <div class=\"JumpPagination__Wrapper\">\n { this.completeVersion && \n <div class=\"elementsPerPage\">\n <label htmlFor=\"elements\">{this.labelElementsPerPage ?? 'Elements per page'}</label>\n <select name=\"elements\" id=\"elements\">\n {this.elementsRanges.map((range) => (\n <option value={range}>{range}</option>\n ))}\n </select>\n </div> \n }\n <div class=\"indicators\"> \n <div class=\"elements\">\n {this.completeVersion ?\n <span>\n <span>{this.firstPage}</span> - <span>{this.currentPage}</span> di <span>{this.totalElements}</span>\n </span>\n \n :\n <span>\n <span>{this.currentPage}</span> di <span>{this.lastPage}</span>\n </span>\n }\n </div>\n <div class=\"arrow\">\n {this.showAdditionalChrevrons && <jump-icon name=\"chevrons-left\"></jump-icon>}\n <jump-icon name=\"chevron-left\"></jump-icon>\n <jump-icon name=\"chevron-right\"></jump-icon>\n {this.showAdditionalChrevrons && <jump-icon name=\"chevrons-right\"></jump-icon>}\n </div> \n </div>\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,q1BAC1B,MAAAC,EAAeD,E,MCMFE,EAAc,M,mIAe+B,sB,oBAKC,CAAC,GAAI,GAAI,GAAI,K,8CAUlB,M,6BAEQ,K,CAE5D,MAAAC,G,MACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,kBACVH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACPC,KAAKC,iBACLL,EAAA,OAAKG,MAAM,mBACTH,EAAA,SAAOM,QAAQ,aAAYC,EAAAH,KAAKI,wBAAoB,MAAAD,SAAA,EAAAA,EAAI,qBACpDP,EAAA,UAAQS,KAAK,WAAWC,GAAG,YACxBN,KAAKO,eAAeC,KAAKC,GACxBb,EAAA,UAAQc,MAAOD,GAAQA,OAKnCb,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,YACRC,KAAKC,gBACJL,EAAA,YACEA,EAAA,YAAOI,KAAKW,WAAiB,MAAGf,EAAA,YAAOI,KAAKY,aAAmB,OAAIhB,EAAA,YAAOI,KAAKa,gBAIjFjB,EAAA,YACEA,EAAA,YAAOI,KAAKY,aAAmB,OAAIhB,EAAA,YAAOI,KAAKc,YAIrDlB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SACRC,KAAKe,yBAA2BnB,EAAA,aAAWS,KAAK,kBACjDT,EAAA,aAAAE,IAAA,2CAAWO,KAAK,iBAChBT,EAAA,aAAAE,IAAA,2CAAWO,KAAK,kBACfL,KAAKe,yBAA2BnB,EAAA,aAAWS,KAAK,sB"}
@@ -1,2 +0,0 @@
1
- import{r as t,h as a,H as o}from"./p-c560071a.js";const u='jump-button button,jump-button a{background-color:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}jump-button{display:inline-flex;align-items:center;--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}jump-button button,jump-button 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:var(--lh-400, 1.3);display:flex;align-items:center;gap:var(--jump-button-gap, 0.5rem);text-decoration:none;padding:var(--jump-button-padding)}jump-button button:hover,jump-button a:hover{background-color:var(--jump-button-background-hover);color:var(--jump-button-color-hover)}jump-button button[data-variant=primary],jump-button 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)}jump-button button[data-variant=secondary],jump-button 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)}jump-button button[data-variant=neutral],jump-button 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)}jump-button button[data-variant=white],jump-button 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)}jump-button button[disabled],jump-button a[disabled]{--jump-button-background:var(--jump-button-color-disabled);--jump-button-background-hover:var(--jump-button-color-disabled);cursor:not-allowed}jump-button button[data-pill],jump-button a[data-pill]{border-radius:100rem}jump-button button[data-size=small],jump-button a[data-size=small]{font-size:var(--fs-300, 0.875rem);line-height:var(--lh-300, 1.2);--jump-button-padding:0.5rem 1rem}jump-button button[data-size=medium],jump-button a[data-size=medium]{font-size:var(--fs-400, 1rem);line-height:var(--lh-400, 1.3)}jump-button button[data-size=large],jump-button a[data-size=large]{font-size:var(--fs-500, 1.125rem);line-height:var(--lh-500, 1.4);--jump-button-padding:1.125rem 1.5rem}jump-button button[data-outline],jump-button a[data-outline]{background-color:var(--jump-button-background-outline);border:1px solid var(--jump-button-background);color:var(--jump-button-background)}jump-button button[data-outline]:hover,jump-button 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)}jump-button button[data-text],jump-button a[data-text]{background-color:transparent;border:none;color:var(--jump-button-background);padding:0}jump-button button[data-text]:hover,jump-button a[data-text]:hover{background-color:transparent;border:none;color:var(--jump-button-background-hover)}jump-button button[data-only-icon],jump-button a[data-only-icon]{--jump-button-padding:1.125rem}jump-button button[data-only-icon][data-size=small],jump-button a[data-only-icon][data-size=small]{--jump-button-padding:0.5rem}jump-button button[data-only-icon][data-size=medium],jump-button a[data-only-icon][data-size=medium]{--jump-button-padding:1rem}jump-button button[data-only-icon][data-size=large],jump-button a[data-only-icon][data-size=large]{--jump-button-padding:1.125rem}jump-button button.chat,jump-button 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 r=u;const n=class{constructor(a){t(this,a);this.disabled=false;this.variant="primary";this.outline=false;this.size="medium";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}render(){return a(o,{key:"21647cd89a0a179d5c035f5e7f533f54375311cf"},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-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-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=r;export{n as jump_button};
2
- //# sourceMappingURL=p-9fd6e0a0.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["jumpButtonCss","JumpButtonStyle0","AppButton","undefined","render","h","Host","key","this","href","id","buttonId","class","variant","outline","size","pill","text","onlyIcon","ariaLabel","target","name","disabled","type","value"],"sources":["src/components/jump-button/jump-button.scss?tag=jump-button","src/components/jump-button/jump-button.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\njump-button {\n display: inline-flex;\n align-items: center;\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 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 display: flex;\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 line-height: var(--lh-300, 1.2);\n --jump-button-padding: 0.5rem 1rem;\n }\n\n &[data-size='medium'] {\n font-size: var(--fs-400, 1rem);\n line-height: var(--lh-400, 1.3);\n }\n\n &[data-size='large'] {\n font-size: var(--fs-500, 1.125rem);\n line-height: var(--lh-500, 1.4);\n --jump-button-padding: 1.125rem 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: 1.125rem;\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: 1rem;\n }\n &[data-only-icon][data-size='large'] {\n --jump-button-padding: 1.125rem;\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: false,\n})\nexport class AppButton {\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({reflect: true}) variant: 'primary'|'secondary'|'tertiary'|'neutral' = 'primary';\n\n /**\n * Indicates the button as outline\n */\n @Prop({reflect: true}) outline: boolean = false;\n\n /**\n * Indicates the size of the button\n */\n @Prop({reflect: true}) size: string = 'medium';\n\n /**\n * Indicates the button as pill\n */\n @Prop({reflect: true}) pill: boolean = false;\n\n /**\n * Indicates the button as text\n */\n @Prop({reflect: true}) text: boolean = false;\n\n /**\n * Indicates the button as only icon\n **/\n @Prop({reflect: true}) onlyIcon: boolean = false;\n\n /**\n * Indicates if button becames a anchor\n **/\n @Prop({reflect: true}) href: string = undefined;\n\n /**\n * Indicates the type of anchor's target \n **/\n @Prop({reflect: true}) target: '_blank' | '_parent' | '_self' | '_top'\n\n /**\n * Indicates type button\n **/\n @Prop({reflect: true}) type: 'button'|'submit'|'reset' = 'button';\n\n /**\n * Indicates the name that the sender button will send\n **/\n @Prop({reflect: true}) name: string = undefined;\n\n /**\n * Indicates the value that the sender button will send\n **/\n @Prop({reflect: true}) 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({reflect: true}) ariaLabel: string = undefined;\n\n /**\n * Indicates classes of the component\n **/\n @Prop({reflect: true}) class: string = undefined;\n\n /**\n * Indicates classes of the component\n **/\n @Prop({reflect: true}) buttonId: string = undefined;\n\n render() {\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-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-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"],"mappings":"kDAAA,MAAMA,EAAgB,q3IACtB,MAAAC,EAAeD,E,MCMFE,EAAS,M,uCAIQ,M,aAKiD,U,aAKnC,M,UAKJ,S,UAKC,M,UAKA,M,cAKI,M,UAKLC,U,gCAUmB,S,UAKnBA,U,WAKCA,U,eAKIA,U,WAKJA,U,cAKGA,S,CAE1C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFC,KAAKC,KACJJ,EAAA,KAAGI,KAAMD,KAAKC,KAAMC,GAAIF,KAAKG,SAAUC,MAAOJ,KAAKI,MAAK,eAAgBJ,KAAKK,QAAO,eAAgBL,KAAKM,QAAO,YAAaN,KAAKO,KAAI,YAAaP,KAAKQ,KAAI,YAAaR,KAAKS,KAAI,iBAAkBT,KAAKU,SAAQ,aAAcV,KAAKW,UAAWC,OAAQZ,KAAKY,QAC1Pf,EAAA,QAAMgB,KAAK,YACTb,KAAKU,UAAYb,EAAA,aACnBA,EAAA,QAAMgB,KAAK,YAGbhB,EAAA,UAAQK,GAAIF,KAAKG,SAAUC,MAAOJ,KAAKI,MAAK,eAAgBJ,KAAKK,QAAO,eAAgBL,KAAKM,QAAO,YAAaN,KAAKO,KAAI,YAAaP,KAAKQ,KAAI,YAAaR,KAAKS,KAAI,iBAAkBT,KAAKU,SAAUI,SAAUd,KAAKc,SAAQ,aAAcd,KAAKW,UAAWI,KAAMf,KAAKe,KAAMF,KAAMb,KAAKa,KAAMG,MAAOhB,KAAKgB,OACxSnB,EAAA,QAAMgB,KAAK,YACTb,KAAKU,UAAYb,EAAA,aACnBA,EAAA,QAAMgB,KAAK,Y"}
@@ -1,3 +0,0 @@
1
- const e="jump-design-system";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:false,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:false,element:false,event:false,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:false,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:false,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:false,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:false,slot:true,slotChildNodesFix:false,slotRelocation:true,state:false,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:false,vdomPropOrAttr:true,vdomRef:false,vdomRender:true,vdomStyle:false,vdomText:true,vdomXlink:false,watchCallback:false};let s;let n;let l=false;let o=false;let i=false;let f=false;let c=false;const r=(e,t="")=>{{return()=>{}}};const a=(e,t)=>{{return()=>{}}};const u="{visibility:hidden}.hydrated{visibility:inherit}";const d="slot-fb{display:contents}slot-fb[hidden]{display:none}";const p={};const m=e=>{e=typeof e;return e==="object"||e==="function"};function v(e){var t,s,n;return(n=(s=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||s===void 0?void 0:s.getAttribute("content"))!==null&&n!==void 0?n:undefined}const h=(e,t,...s)=>{let n=null;let l=null;let o=null;let i=false;let f=false;const c=[];const r=t=>{for(let s=0;s<t.length;s++){n=t[s];if(Array.isArray(n)){r(n)}else if(n!=null&&typeof n!=="boolean"){if(i=typeof e!=="function"&&!m(n)){n=String(n)}if(i&&f){c[c.length-1].t+=n}else{c.push(i?y(null,n):n)}f=i}}};r(s);if(t){if(t.key){l=t.key}if(t.name){o=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}const a=y(e,null);a.l=t;if(c.length>0){a.o=c}{a.i=l}{a.u=o}return a};const y=(e,t)=>{const s={p:0,m:e,t,v:null,o:null};{s.l=null}{s.i=null}{s.u=null}return s};const b={};const $=e=>e&&e.m===b;const S=(e,t)=>{if(e!=null&&!m(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};const w=(e,t,s)=>{const n=Ce.ce(t,s);e.dispatchEvent(n);return n};const g=new WeakMap;const k=(e,t,s)=>{let n=we.get(e);if(Le&&s){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}we.set(e,n)};const C=(e,t,s)=>{var n;const l=L(t);const o=we.get(l);e=e.nodeType===11?e:ke;if(o){if(typeof o==="string"){e=e.head||e;let s=g.get(e);let i;if(!s){g.set(e,s=new Set)}if(!s.has(l)){{i=ke.createElement("style");i.innerHTML=o;const t=(n=Ce.h)!==null&&n!==void 0?n:v(ke);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.p&4){i.innerHTML+=d}if(s){s.add(l)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]}}return l};const T=e=>{const t=e.$;const s=e.$hostElement$;const n=r("attachStyles",t.S);C(s.getRootNode(),t);n()};const L=(e,t)=>"sc-"+e.S;const x=(e,t,s,n,l,o)=>{if(s!==n){let i=ye(e,t);t.toLowerCase();if(t==="class"){const t=e.classList;const l=j(s);const o=j(n);t.remove(...l.filter((e=>e&&!o.includes(e))));t.add(...o.filter((e=>e&&!l.includes(e))))}else if(t==="key");else{const f=m(n);if((i||f&&n!==null)&&!l){try{if(!e.tagName.includes("-")){const l=n==null?"":n;if(t==="list"){i=false}else if(s==null||e[t]!=l){e[t]=l}}else{e[t]=n}}catch(e){}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!i||o&4||l)&&!f){n=n===true?"":n;{e.setAttribute(t,n)}}}}};const R=/\s/;const j=e=>!e?[]:e.split(R);const D=(e,t,s,n)=>{const l=t.v.nodeType===11&&t.v.host?t.v.host:t.v;const o=e&&e.l||p;const i=t.l||p;{for(n in o){if(!(n in i)){x(l,n,o[n],undefined,s,t.p)}}}for(n in i){x(l,n,o[n],i[n],s,t.p)}};const F=(e,t,o,c)=>{var r;const a=t.o[o];let u=0;let d;let p;let m;if(!l){i=true;if(a.m==="slot"){a.p|=a.o?2:1}}if(a.t!==null){d=a.v=ke.createTextNode(a.t)}else if(a.p&1){d=a.v=ke.createTextNode("")}else{d=a.v=ke.createElement(a.p&2?"slot-fb":a.m);{D(null,a,f)}if(a.o){for(u=0;u<a.o.length;++u){p=F(e,a,u);if(p){d.appendChild(p)}}}}d["s-hn"]=n;{if(a.p&(2|1)){d["s-sr"]=true;d["s-cr"]=s;d["s-sn"]=a.u||"";d["s-rf"]=(r=a.l)===null||r===void 0?void 0:r.ref;m=e&&e.o&&e.o[o];if(m&&m.m===a.m&&e.v){{M(e.v,false)}}}}return d};const M=(e,s)=>{Ce.p|=1;const l=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===n){l.push(t)}}}for(let e=l.length-1;e>=0;e--){const t=l[e];if(t["s-hn"]!==n&&t["s-ol"]){W(t).insertBefore(t,U(t));t["s-ol"].remove();t["s-ol"]=undefined;t["s-sh"]=undefined;i=true}if(s){M(t,s)}}Ce.p&=~1};const O=(e,t,s,n,l,o)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let f;for(;l<=o;++l){if(n[l]){f=F(null,s,l);if(f){n[l].v=f;i.insertBefore(f,U(t))}}}};const A=(e,t,s)=>{for(let n=t;n<=s;++n){const t=e[n];if(t){const e=t.v;if(e){{o=true;if(e["s-ol"]){e["s-ol"].remove()}else{M(e,true)}}e.remove()}}}};const N=(e,t,s,n,l=false)=>{let o=0;let i=0;let f=0;let c=0;let r=t.length-1;let a=t[0];let u=t[r];let d=n.length-1;let p=n[0];let m=n[d];let v;let h;while(o<=r&&i<=d){if(a==null){a=t[++o]}else if(u==null){u=t[--r]}else if(p==null){p=n[++i]}else if(m==null){m=n[--d]}else if(P(a,p,l)){E(a,p,l);a=t[++o];p=n[++i]}else if(P(u,m,l)){E(u,m,l);u=t[--r];m=n[--d]}else if(P(a,m,l)){if(a.m==="slot"||m.m==="slot"){M(a.v.parentNode,false)}E(a,m,l);e.insertBefore(a.v,u.v.nextSibling);a=t[++o];m=n[--d]}else if(P(u,p,l)){if(a.m==="slot"||m.m==="slot"){M(u.v.parentNode,false)}E(u,p,l);e.insertBefore(u.v,a.v);u=t[--r];p=n[++i]}else{f=-1;{for(c=o;c<=r;++c){if(t[c]&&t[c].i!==null&&t[c].i===p.i){f=c;break}}}if(f>=0){h=t[f];if(h.m!==p.m){v=F(t&&t[i],s,f)}else{E(h,p,l);t[f]=undefined;v=h.v}p=n[++i]}else{v=F(t&&t[i],s,i);p=n[++i]}if(v){{W(a.v).insertBefore(v,U(a.v))}}}}if(o>r){O(e,n[d+1]==null?null:n[d+1].v,s,n,i,d)}else if(i>d){A(t,o,r)}};const P=(e,t,s=false)=>{if(e.m===t.m){if(e.m==="slot"){return e.u===t.u}if(!s){return e.i===t.i}return true}return false};const U=e=>e&&e["s-ol"]||e;const W=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;const E=(e,t,s=false)=>{const n=t.v=e.v;const o=e.o;const i=t.o;const c=t.m;const r=t.t;let a;if(r===null){{if(c==="slot"&&!l);else{D(e,t,f)}}if(o!==null&&i!==null){N(n,o,t,i,s)}else if(i!==null){if(e.t!==null){n.textContent=""}O(n,null,t,i,0,i.length-1)}else if(o!==null){A(o,0,o.length-1)}}else if(a=n["s-cr"]){a.parentNode.textContent=r}else if(e.t!==r){n.data=r}};const z=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const s=e["s-sn"];e.hidden=false;for(const n of t){if(n!==e){if(n["s-hn"]!==e["s-hn"]||s!==""){if(n.nodeType===1&&(s===n.getAttribute("slot")||s===n["s-sn"])){e.hidden=true;break}}else{if(n.nodeType===1||n.nodeType===3&&n.textContent.trim()!==""){e.hidden=true;break}}}}}z(e)}}};const B=[];const H=e=>{let s;let n;let l;for(const i of e.childNodes){if(i["s-sr"]&&(s=i["s-cr"])&&s.parentNode){n=s.parentNode.childNodes;const e=i["s-sn"];for(l=n.length-1;l>=0;l--){s=n[l];if(!s["s-cn"]&&!s["s-nr"]&&s["s-hn"]!==i["s-hn"]&&!t.experimentalSlotFixes){if(Q(s,e)){let t=B.find((e=>e.k===s));o=true;s["s-sn"]=s["s-sn"]||e;if(t){t.k["s-sh"]=i["s-hn"];t.C=i}else{s["s-sh"]=i["s-hn"];B.push({C:i,k:s})}if(s["s-sr"]){B.map((e=>{if(Q(e.k,s["s-sn"])){t=B.find((e=>e.k===s));if(t&&!e.C){e.C=t.C}}}))}}else if(!B.some((e=>e.k===s))){B.push({k:s})}}}}if(i.nodeType===1){H(i)}}};const Q=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};const q=(e,t,f=false)=>{var c,r,a,u;const d=e.$hostElement$;const p=e.$;const m=e.T||y(null,null);const v=$(t)?t:h(null,null,t);n=d.tagName;if(p.L){v.l=v.l||{};p.L.map((([e,t])=>v.l[t]=d[e]))}if(f&&v.l){for(const e of Object.keys(v.l)){if(d.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){v.l[e]=d[e]}}}v.m=null;v.p|=4;e.T=v;v.v=m.v=d;l=(p.p&1)!==0;{s=d["s-cr"];o=false}E(m,v,f);{Ce.p|=1;if(i){H(v.v);for(const e of B){const t=e.k;if(!t["s-ol"]){const e=ke.createTextNode("");e["s-nr"]=t;t.parentNode.insertBefore(t["s-ol"]=e,t)}}for(const e of B){const t=e.k;const s=e.C;if(s){const e=s.parentNode;let n=s.nextSibling;{let s=(c=t["s-ol"])===null||c===void 0?void 0:c.previousSibling;while(s){let l=(r=s["s-nr"])!==null&&r!==void 0?r:null;if(l&&l["s-sn"]===t["s-sn"]&&e===l.parentNode){l=l.nextSibling;if(!l||!l["s-nr"]){n=l;break}}s=s.previousSibling}}if(!n&&e!==t.parentNode||t.nextSibling!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}e.insertBefore(t,n);if(t.nodeType===1){t.hidden=(a=t["s-ih"])!==null&&a!==void 0?a:false}}}t&&typeof s["s-rf"]==="function"&&s["s-rf"](t)}else{if(t.nodeType===1){if(f){t["s-ih"]=(u=t.hidden)!==null&&u!==void 0?u:false}t.hidden=true}}}}if(o){z(v.v)}Ce.p&=~1;B.length=0}s=undefined};const I=(e,t)=>{if(t&&!e.R&&t["s-p"]){t["s-p"].push(new Promise((t=>e.R=t)))}};const K=(e,t)=>{{e.p|=16}if(e.p&4){e.p|=512;return}I(e,e.j);const s=()=>V(e,t);return Oe(s)};const V=(e,t)=>{const s=r("scheduleUpdate",e.$.S);const n=e.D;let l;s();return X(l,(()=>G(e,n,t)))};const X=(e,t)=>_(e)?e.then(t):t();const _=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";const G=async(e,t,s)=>{var n;const l=e.$hostElement$;const o=r("update",e.$.S);const i=l["s-rc"];if(s){T(e)}const f=r("render",e.$.S);{J(e,t,l,s)}if(i){i.map((e=>e()));l["s-rc"]=undefined}f();o();{const t=(n=l["s-p"])!==null&&n!==void 0?n:[];const s=()=>Y(e);if(t.length===0){s()}else{Promise.all(t).then(s);e.p|=4;t.length=0}}};const J=(e,t,s,n)=>{try{t=t.render();{e.p&=~16}{e.p|=2}{{{q(e,t,n)}}}}catch(t){be(t,e.$hostElement$)}return null};const Y=e=>{const t=e.$.S;const s=e.$hostElement$;const n=r("postUpdate",t);const l=e.D;const o=e.j;if(!(e.p&64)){e.p|=64;{te(s)}{ee(l,"componentDidLoad")}n();{e.F(s);if(!o){Z()}}}else{n()}{if(e.R){e.R();e.R=undefined}if(e.p&512){Me((()=>K(e,false)))}e.p&=~(4|512)}};const Z=t=>{{te(ke.documentElement)}Me((()=>w(ge,"appload",{detail:{namespace:e}})))};const ee=(e,t,s)=>{if(e&&e[t]){try{return e[t](s)}catch(e){be(e)}}return undefined};const te=e=>e.classList.add("hydrated");const se=(e,t)=>me(e).M.get(t);const ne=(e,t,s,n)=>{const l=me(e);const o=l.M.get(t);const i=l.p;const f=l.D;s=S(s,n.O[t][0]);const c=Number.isNaN(o)&&Number.isNaN(s);const r=s!==o&&!c;if((!(i&8)||o===undefined)&&r){l.M.set(t,s);if(f){if((i&(2|16))===2){K(l,false)}}}};const le=(e,t,s)=>{var n;const l=e.prototype;if(t.O){const o=Object.entries(t.O);o.map((([e,[n]])=>{if(n&31||s&2&&n&32){Object.defineProperty(l,e,{get(){return se(this,e)},set(s){ne(this,e,s,t)},configurable:true,enumerable:true})}}));if(s&1){const s=new Map;l.attributeChangedCallback=function(e,n,o){Ce.jmp((()=>{var i;const f=s.get(e);if(this.hasOwnProperty(f)){o=this[f];delete this[f]}else if(l.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==o){return}else if(f==null){const s=me(this);const l=s===null||s===void 0?void 0:s.p;if(l&&!(l&8)&&l&128&&o!==n){const l=s.D;const f=(i=t.A)===null||i===void 0?void 0:i[e];f===null||f===void 0?void 0:f.forEach((t=>{if(l[t]!=null){l[t].call(l,o,n,e)}}))}return}this[f]=o===null&&typeof this[f]==="boolean"?false:o}))};e.observedAttributes=Array.from(new Set([...Object.keys((n=t.A)!==null&&n!==void 0?n:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,n])=>{var l;const o=n[1]||e;s.set(o,e);if(n[0]&512){(l=t.L)===null||l===void 0?void 0:l.push([e,o])}return o}))]))}}return e};const oe=async(e,t,s,n)=>{let l;if((t.p&32)===0){t.p|=32;const n=s.N;if(n){l=Se(s);if(l.then){const e=a();l=await l;e()}if(!l.isProxied){le(l,s,2);l.isProxied=true}const e=r("createInstance",s.S);{t.p|=8}try{new l(t)}catch(e){be(e)}{t.p&=~8}e()}else{l=e.constructor;customElements.whenDefined(s.S).then((()=>t.p|=128))}if(l.style){let e=l.style;const t=L(s);if(!we.has(t)){const n=r("registerStyles",s.S);k(t,e,!!(s.p&1));n()}}}const o=t.j;const i=()=>K(t,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const ie=e=>{};const fe=e=>{if((Ce.p&1)===0){const t=me(e);const s=t.$;const n=r("connectedCallback",s.S);if(!(t.p&1)){t.p|=1;{if(s.p&(4|8)){ce(e)}}{let s=e;while(s=s.parentNode||s.host){if(s["s-p"]){I(t,t.j=s);break}}}if(s.O){Object.entries(s.O).map((([t,[s]])=>{if(s&31&&e.hasOwnProperty(t)){const s=e[t];delete e[t];e[t]=s}}))}{oe(e,t,s)}}else{if(t===null||t===void 0?void 0:t.D);else if(t===null||t===void 0?void 0:t.P){t.P.then((()=>ie()))}}n()}};const ce=e=>{const t=e["s-cr"]=ke.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};const re=e=>{};const ae=async e=>{if((Ce.p&1)===0){const t=me(e);if(t===null||t===void 0?void 0:t.D);else if(t===null||t===void 0?void 0:t.P){t.P.then((()=>re()))}}};const ue=(e,t={})=>{var s;const n=r();const l=[];const o=t.exclude||[];const i=ge.customElements;const f=ke.head;const c=f.querySelector("meta[charset]");const a=ke.createElement("style");const p=[];let m;let h=true;Object.assign(Ce,t);Ce.U=new URL(t.resourcesUrl||"./",ke.baseURI).href;let y=false;e.map((e=>{e[1].map((t=>{const s={p:t[0],S:t[1],O:t[2],W:t[3]};if(s.p&4){y=true}{s.O=t[2]}{s.L=[]}const n=s.S;const f=class extends HTMLElement{constructor(e){super(e);e=this;he(e,s)}connectedCallback(){if(m){clearTimeout(m);m=null}if(h){p.push(this)}else{Ce.jmp((()=>fe(this)))}}disconnectedCallback(){Ce.jmp((()=>ae(this)))}componentOnReady(){return me(this).P}};s.N=e[0];if(!o.includes(n)&&!i.get(n)){l.push(n);i.define(n,le(f,s,1))}}))}));if(l.length>0){if(y){a.textContent+=d}{a.textContent+=l+u}if(a.innerHTML.length){a.setAttribute("data-styles","");const e=(s=Ce.h)!==null&&s!==void 0?s:v(ke);if(e!=null){a.setAttribute("nonce",e)}f.insertBefore(a,c?c.nextSibling:f.firstChild)}}h=false;if(p.length){p.map((e=>e.connectedCallback()))}else{{Ce.jmp((()=>m=setTimeout(Z,30)))}}n()};const de=e=>Ce.h=e;const pe=new WeakMap;const me=e=>pe.get(e);const ve=(e,t)=>pe.set(t.D=e,t);const he=(e,t)=>{const s={p:0,$hostElement$:e,$:t,M:new Map};{s.P=new Promise((e=>s.F=e));e["s-p"]=[];e["s-rc"]=[]}return pe.set(e,s)};const ye=(e,t)=>t in e;const be=(e,t)=>(0,console.error)(e,t);const $e=new Map;const Se=(e,t,s)=>{const n=e.S.replace(/-/g,"_");const l=e.N;const o=$e.get(l);if(o){return o[n]}
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{$e.set(l,e)}return e[n]}),be)};const we=new Map;const ge=typeof window!=="undefined"?window:{};const ke=ge.document||{head:{}};const Ce={p:0,U:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,s,n)=>e.addEventListener(t,s,n),rel:(e,t,s,n)=>e.removeEventListener(t,s,n),ce:(e,t)=>new CustomEvent(e,t)};const Te=e=>Promise.resolve(e);const Le=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();const xe=[];const Re=[];const je=(e,t)=>s=>{e.push(s);if(!c){c=true;if(t&&Ce.p&4){Me(Fe)}else{Ce.raf(Fe)}}};const De=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){be(e)}}e.length=0};const Fe=()=>{De(xe);{De(Re);if(c=xe.length>0){Ce.raf(Fe)}}};const Me=e=>Te().then(e);const Oe=je(Re,true);export{b as H,ue as b,h,Te as p,ve as r,de as s};
3
- //# sourceMappingURL=p-c560071a.js.map