@jumpgroup/jump-design-system 0.1.4 → 0.1.5
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/app-globals-3a1e7e63.js +7 -0
- package/dist/cjs/app-globals-3a1e7e63.js.map +1 -0
- package/dist/cjs/{index-c572276a.js → index-46644e39.js} +499 -152
- package/dist/cjs/index-46644e39.js.map +1 -0
- package/dist/cjs/jump-button.cjs.entry.js +22 -15
- package/dist/cjs/jump-button.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-design-system.cjs.js +6 -4
- package/dist/cjs/jump-design-system.cjs.js.map +1 -1
- package/dist/cjs/jump-icon.cjs.entry.js +19 -30
- package/dist/cjs/jump-icon.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-pagination.cjs.entry.js +22 -21
- package/dist/cjs/jump-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +6 -4
- package/dist/cjs/loader.cjs.js.map +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/app-icon/jump-icon.js +59 -59
- package/dist/collection/components/app-icon/jump-icon.js.map +1 -1
- package/dist/collection/components/app-icon/jump-icon.stories.js +16 -16
- package/dist/collection/components/app-icon/jump-icon.stories.js.map +1 -1
- package/dist/collection/components/app-icon/test/jump-icon.e2e.js +6 -6
- package/dist/collection/components/app-icon/test/jump-icon.e2e.js.map +1 -1
- package/dist/collection/components/app-icon/test/jump-icon.spec.js +7 -7
- package/dist/collection/components/app-icon/test/jump-icon.spec.js.map +1 -1
- package/dist/collection/components/jump-button/jump-button.js +266 -153
- package/dist/collection/components/jump-button/jump-button.js.map +1 -1
- package/dist/collection/components/jump-button/jump-button.stories.js +284 -167
- package/dist/collection/components/jump-button/jump-button.stories.js.map +1 -1
- package/dist/collection/components/jump-button/test/jump-button.e2e.js +6 -6
- package/dist/collection/components/jump-button/test/jump-button.e2e.js.map +1 -1
- package/dist/collection/components/jump-button/test/jump-button.spec.js +7 -7
- package/dist/collection/components/jump-button/test/jump-button.spec.js.map +1 -1
- package/dist/collection/components/jump-pagination/jump-pagination.js +175 -175
- package/dist/collection/components/jump-pagination/jump-pagination.js.map +1 -1
- package/dist/collection/components/jump-pagination/jump-pagination.stories.js +91 -92
- package/dist/collection/components/jump-pagination/jump-pagination.stories.js.map +1 -1
- package/dist/collection/components/jump-pagination/test/jump-pagination.e2e.js +6 -6
- package/dist/collection/components/jump-pagination/test/jump-pagination.e2e.js.map +1 -1
- package/dist/collection/components/jump-pagination/test/jump-pagination.spec.js +7 -7
- package/dist/collection/components/jump-pagination/test/jump-pagination.spec.js.map +1 -1
- package/dist/collection/utils/utils.js +1 -1
- package/dist/collection/utils/utils.js.map +1 -1
- package/dist/collection/utils/utils.spec.js +12 -12
- package/dist/collection/utils/utils.spec.js.map +1 -1
- package/dist/components/index.d.ts +6 -0
- package/dist/components/index.js +1 -1
- package/dist/components/jump-button.d.ts +2 -2
- package/dist/components/jump-button.js +47 -34
- package/dist/components/jump-button.js.map +1 -1
- package/dist/components/jump-icon.d.ts +2 -2
- package/dist/components/jump-icon2.js +33 -44
- package/dist/components/jump-icon2.js.map +1 -1
- package/dist/components/jump-pagination.d.ts +2 -2
- package/dist/components/jump-pagination.js +47 -46
- package/dist/components/jump-pagination.js.map +1 -1
- package/dist/esm/app-globals-0f993ce5.js +5 -0
- package/dist/esm/app-globals-0f993ce5.js.map +1 -0
- package/dist/esm/{index-ad69454c.js → index-b0176170.js} +499 -152
- package/dist/esm/index-b0176170.js.map +1 -0
- package/dist/esm/jump-button.entry.js +22 -15
- package/dist/esm/jump-button.entry.js.map +1 -1
- package/dist/esm/jump-design-system.js +7 -5
- package/dist/esm/jump-design-system.js.map +1 -1
- package/dist/esm/jump-icon.entry.js +19 -30
- package/dist/esm/jump-icon.entry.js.map +1 -1
- package/dist/esm/jump-pagination.entry.js +22 -21
- package/dist/esm/jump-pagination.entry.js.map +1 -1
- package/dist/esm/loader.js +7 -5
- package/dist/esm/loader.js.map +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-0d2b55a8.entry.js +2 -0
- package/dist/jump-design-system/p-0d2b55a8.entry.js.map +1 -0
- package/dist/jump-design-system/{p-15ecd712.entry.js → p-3cbc3a68.entry.js} +3 -3
- package/dist/jump-design-system/p-3cbc3a68.entry.js.map +1 -0
- package/dist/jump-design-system/p-68bce598.js +3 -0
- package/dist/jump-design-system/p-68bce598.js.map +1 -0
- package/dist/jump-design-system/{p-42799645.entry.js → p-9e6ea006.entry.js} +2 -2
- package/dist/jump-design-system/p-9e6ea006.entry.js.map +1 -0
- package/dist/jump-design-system/p-e1255160.js +2 -0
- package/dist/jump-design-system/p-e1255160.js.map +1 -0
- package/dist/jump-design-system-elements.json +53 -1
- package/dist/types/components/app-icon/jump-icon.d.ts +10 -10
- package/dist/types/components/app-icon/jump-icon.stories.d.ts +14 -14
- package/dist/types/components/jump-button/jump-button.d.ts +53 -29
- package/dist/types/components/jump-button/jump-button.stories.d.ts +147 -85
- package/dist/types/components/jump-pagination/jump-pagination.d.ts +24 -24
- package/dist/types/components/jump-pagination/jump-pagination.stories.d.ts +63 -63
- package/dist/types/components.d.ts +52 -4
- package/dist/types/stencil-public-runtime.d.ts +46 -5
- package/loader/index.d.ts +1 -1
- package/package.json +2 -2
- package/readme.md +13 -8
- package/dist/cjs/index-c572276a.js.map +0 -1
- package/dist/esm/index-ad69454c.js.map +0 -1
- package/dist/jump-design-system/p-15ecd712.entry.js.map +0 -1
- package/dist/jump-design-system/p-42799645.entry.js.map +0 -1
- package/dist/jump-design-system/p-44f459bb.js +0 -3
- package/dist/jump-design-system/p-44f459bb.js.map +0 -1
- package/dist/jump-design-system/p-6ba563bd.entry.js +0 -2
- package/dist/jump-design-system/p-6ba563bd.entry.js.map +0 -1
|
@@ -1,29 +1,30 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-b0176170.js';
|
|
2
2
|
|
|
3
3
|
const jumpPaginationCss = ":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}";
|
|
4
|
+
const JumpPaginationStyle0 = jumpPaginationCss;
|
|
4
5
|
|
|
5
6
|
const JumpPagination = class {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
7
|
+
constructor(hostRef) {
|
|
8
|
+
registerInstance(this, hostRef);
|
|
9
|
+
this.totalElements = undefined;
|
|
10
|
+
this.currentPage = undefined;
|
|
11
|
+
this.lastPage = undefined;
|
|
12
|
+
this.labelElementsPerPage = 'Elementi per pagina';
|
|
13
|
+
this.elementsRanges = [10, 20, 60, 100];
|
|
14
|
+
this.firstPage = undefined;
|
|
15
|
+
this.completeVersion = false;
|
|
16
|
+
this.showAdditionalChrevrons = false;
|
|
17
|
+
}
|
|
18
|
+
render() {
|
|
19
|
+
var _a;
|
|
20
|
+
return (h(Host, { key: 'eacb989c1eafddab001bce8a3e7618b42e281604', class: "JumpPagination" }, h("div", { key: '52ebe6a91e9cde9f4bdcbad4be0a7e16d0a3867f', class: "JumpPagination__Wrapper" }, this.completeVersion &&
|
|
21
|
+
h("div", { class: "elementsPerPage" }, h("label", { htmlFor: "elements" }, (_a = this.labelElementsPerPage) !== null && _a !== void 0 ? _a : 'Elements per page'), h("select", { name: "elements", id: "elements" }, this.elementsRanges.map((range) => (h("option", { value: range }, range))))), h("div", { key: '97a70fd1f86f644ee0199f0a6f1945988579705c', class: "indicators" }, h("div", { key: '9e9a1c2f541b3aaad78105a58f051127770b6e4d', class: "elements" }, this.completeVersion ?
|
|
22
|
+
h("span", null, h("span", null, this.firstPage), " - ", h("span", null, this.currentPage), " di ", h("span", null, this.totalElements))
|
|
23
|
+
:
|
|
24
|
+
h("span", null, h("span", null, this.currentPage), " di ", h("span", null, this.lastPage))), h("div", { key: 'e7fe2402c2c6a1906f9f3bfc70cfde428590c964', class: "arrow" }, this.showAdditionalChrevrons && h("jump-icon", { name: "chevrons-left" }), h("jump-icon", { key: 'dadb4d94ce1bf31219adfa554a47b33f19b9b3a7', name: "chevron-left" }), h("jump-icon", { key: '841030e266c11bda6d75800bbc61f7e0899fd1ae', name: "chevron-right" }), this.showAdditionalChrevrons && h("jump-icon", { name: "chevrons-right" }))))));
|
|
25
|
+
}
|
|
25
26
|
};
|
|
26
|
-
JumpPagination.style =
|
|
27
|
+
JumpPagination.style = JumpPaginationStyle0;
|
|
27
28
|
|
|
28
29
|
export { JumpPagination as jump_pagination };
|
|
29
30
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"jump-pagination.entry.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,o1BAAo1B;;
|
|
1
|
+
{"file":"jump-pagination.entry.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,o1BAAo1B,CAAC;AAC/2B,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;;oCAe+B,qBAAqB;8BAKpB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;;+BAUtB,KAAK;uCAEG,KAAK;;IAEjE,MAAM;;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,EAAC,gBAAgB,IAC1B,4DAAK,KAAK,EAAC,yBAAyB,IAChC,IAAI,CAAC,eAAe;YACpB,WAAK,KAAK,EAAC,iBAAiB,IAC1B,aAAO,OAAO,EAAC,UAAU,IAAE,MAAA,IAAI,CAAC,oBAAoB,mCAAI,mBAAmB,CAAS,EAChF,cAAQ,IAAI,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,IAClC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,MAC7B,cAAQ,KAAK,EAAE,KAAK,IAAG,KAAK,CAAU,CACvC,CAAC,CACK,CACT,EAER,4DAAK,KAAK,EAAC,YAAY,IACrB,4DAAK,KAAK,EAAC,UAAU,IAClB,IAAI,CAAC,eAAe;YACnB,gBACE,gBAAO,IAAI,CAAC,SAAS,CAAQ,SAAG,gBAAO,IAAI,CAAC,WAAW,CAAQ,UAAI,gBAAO,IAAI,CAAC,aAAa,CAAQ,CAC/F;;gBAGP,gBACE,gBAAO,IAAI,CAAC,WAAW,CAAQ,UAAI,gBAAO,IAAI,CAAC,QAAQ,CAAQ,CAC1D,CAEL,EACN,4DAAK,KAAK,EAAC,OAAO,IACf,IAAI,CAAC,uBAAuB,IAAI,iBAAW,IAAI,EAAC,eAAe,GAAa,EAC7E,kEAAW,IAAI,EAAC,cAAc,GAAa,EAC3C,kEAAW,IAAI,EAAC,eAAe,GAAa,EAC3C,IAAI,CAAC,uBAAuB,IAAI,iBAAW,IAAI,EAAC,gBAAgB,GAAa,CAC1E,CACF,CACF,CACD,EACP;KACH;;;;;;","names":[],"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"],"version":3}
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-b0176170.js';
|
|
2
|
+
export { s as setNonce } from './index-b0176170.js';
|
|
3
|
+
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
3
4
|
|
|
4
|
-
const defineCustomElements = (win, options) => {
|
|
5
|
-
if (typeof window === 'undefined') return
|
|
6
|
-
|
|
5
|
+
const defineCustomElements = async (win, options) => {
|
|
6
|
+
if (typeof window === 'undefined') return undefined;
|
|
7
|
+
await globalScripts();
|
|
8
|
+
return bootstrapLazy([["jump-icon",[[0,"jump-icon",{"name":[1],"class":[1]}]]],["jump-pagination",[[0,"jump-pagination",{"totalElements":[514,"total-elements"],"currentPage":[514,"current-page"],"lastPage":[514,"last-page"],"labelElementsPerPage":[513,"label-elements-per-page"],"elementsRanges":[16],"firstPage":[514,"first-page"],"completeVersion":[516,"complete-version"],"showAdditionalChrevrons":[516,"show-additional-chrevrons"]}]]],["jump-button",[[4,"jump-button",{"disabled":[4],"variant":[513],"outline":[516],"size":[513],"pill":[516],"text":[516],"onlyIcon":[516,"only-icon"],"href":[513],"target":[513],"type":[513],"name":[513],"value":[513],"ariaLabel":[513,"aria-label"]}]]]], options);
|
|
7
9
|
};
|
|
8
10
|
|
|
9
11
|
export { defineCustomElements };
|
package/dist/esm/loader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"loader.js","mappings":"
|
|
1
|
+
{"file":"loader.js","mappings":";;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS,CAAC;AACtD,EAAE,MAAM,aAAa,EAAE,CAAC;AACxB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D;;;;","names":[],"sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n if (typeof window === 'undefined') return undefined;\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"version":3}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as
|
|
1
|
+
import{p as e,b as a}from"./p-68bce598.js";export{s as setNonce}from"./p-68bce598.js";import{g as t}from"./p-e1255160.js";const n=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};n().then((async e=>{await t();return a([["p-3cbc3a68",[[0,"jump-icon",{name:[1],class:[1]}]]],["p-0d2b55a8",[[0,"jump-pagination",{totalElements:[514,"total-elements"],currentPage:[514,"current-page"],lastPage:[514,"last-page"],labelElementsPerPage:[513,"label-elements-per-page"],elementsRanges:[16],firstPage:[514,"first-page"],completeVersion:[516,"complete-version"],showAdditionalChrevrons:[516,"show-additional-chrevrons"]}]]],["p-9e6ea006",[[4,"jump-button",{disabled:[4],variant:[513],outline:[516],size:[513],pill:[516],text:[516],onlyIcon:[516,"only-icon"],href:[513],target:[513],type:[513],name:[513],value:[513],ariaLabel:[513,"aria-label"]}]]]],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","options","bootstrapLazy","name","class","totalElements","currentPage","lastPage","labelElementsPerPage","elementsRanges","firstPage","completeVersion","showAdditionalChrevrons","disabled","variant","outline","size","pill","text","onlyIcon"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.
|
|
1
|
+
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","name","class","totalElements","currentPage","lastPage","labelElementsPerPage","elementsRanges","firstPage","completeVersion","showAdditionalChrevrons","disabled","variant","outline","size","pill","text","onlyIcon","target","type","value","ariaLabel"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.12.4 | 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,+BAA8B,CAAAC,KAAS,IAAAC,MAAA,6CAAAC,cAAA,uBAAAC,YAAA,qBAAAC,SAAA,kBAAAC,qBAAA,gCAAAC,eAAA,KAAAC,UAAA,mBAAAC,gBAAA,yBAAAC,wBAAA,uEAAAC,SAAA,IAAAC,QAAA,MAAAC,QAAA,MAAAC,KAAA,MAAAC,KAAA,MAAAC,KAAA,MAAAC,SAAA,kBAAAvB,KAAA,MAAAwB,OAAA,MAAAC,KAAA,MAAAlB,KAAA,MAAAmB,MAAA,MAAAC,UAAA,wBAAAvB,EAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as a,H as n}from"./p-68bce598.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:"eacb989c1eafddab001bce8a3e7618b42e281604",class:"JumpPagination"},a("div",{key:"52ebe6a91e9cde9f4bdcbad4be0a7e16d0a3867f",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:"97a70fd1f86f644ee0199f0a6f1945988579705c",class:"indicators"},a("div",{key:"9e9a1c2f541b3aaad78105a58f051127770b6e4d",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:"e7fe2402c2c6a1906f9f3bfc70cfde428590c964",class:"arrow"},this.showAdditionalChrevrons&&a("jump-icon",{name:"chevrons-left"}),a("jump-icon",{key:"dadb4d94ce1bf31219adfa554a47b33f19b9b3a7",name:"chevron-left"}),a("jump-icon",{key:"841030e266c11bda6d75800bbc61f7e0899fd1ae",name:"chevron-right"}),this.showAdditionalChrevrons&&a("jump-icon",{name:"chevrons-right"})))))}};s.style=t;export{s as jump_pagination};
|
|
2
|
+
//# sourceMappingURL=p-0d2b55a8.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import{r as e,h as n,H as i}from"./p-
|
|
1
|
+
import{r as e,h as n,H as i}from"./p-68bce598.js";var r=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e["default"]:e}var o={exports:{}};(function(e,n){(function n(i,r){e.exports=r()})(typeof self!=="undefined"?self:r,(function(){return function(e){var n={};function i(r){if(n[r]){return n[r].exports}var l=n[r]={i:r,l:false,exports:{}};e[r].call(l.exports,l,l.exports,i);l.l=true;return l.exports}i.m=e;i.c=n;i.d=function(e,n,r){if(!i.o(e,n)){Object.defineProperty(e,n,{configurable:false,enumerable:true,get:r})}};i.r=function(e){Object.defineProperty(e,"__esModule",{value:true})};i.n=function(e){var n=e&&e.__esModule?function n(){return e["default"]}:function n(){return e};i.d(n,"a",n);return n};i.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)};i.p="";return i(i.s=0)}({"./dist/icons.json":
|
|
2
2
|
/*!*************************!*\
|
|
3
3
|
!*** ./dist/icons.json ***!
|
|
4
4
|
\*************************/
|
|
@@ -327,5 +327,5 @@ import{r as e,h as n,H as i}from"./p-44f459bb.js";var r=typeof globalThis!=="und
|
|
|
327
327
|
/*!**************************************************!*\
|
|
328
328
|
!*** multi core-js/es/array/from ./src/index.js ***!
|
|
329
329
|
\**************************************************/
|
|
330
|
-
/*! no static exports found */function(e,n,i){i(/*! core-js/es/array/from */"./node_modules/core-js/es/array/from.js");e.exports=i(/*! /home/runner/work/feather/feather/src/index.js */"./src/index.js")}})}))}));const
|
|
331
|
-
//# sourceMappingURL=p-
|
|
330
|
+
/*! no static exports found */function(e,n,i){i(/*! core-js/es/array/from */"./node_modules/core-js/es/array/from.js");e.exports=i(/*! /home/runner/work/feather/feather/src/index.js */"./src/index.js")}})}))})(o);const t=l(o.exports);const a="jump-icon{display:inline-flex}jump-icon svg{width:1em;height:1em}";const s=a;const c=class{constructor(n){e(this,n);this.name=undefined;this.class=undefined}componentDidLoad(){t.replace()}render(){return n(i,{key:"14d7d5f653ab907fe0d9da64a440698b76a6d04d"},n("i",{key:"fd7106ed6861826cbb4a17a6a5b63f3e02a39f1c","data-feather":this.name,class:this.class}))}};c.style=s;export{c as jump_icon};
|
|
331
|
+
//# sourceMappingURL=p-3cbc3a68.entry.js.map
|