@jumpgroup/jump-design-system 0.1.4 → 0.1.6

package/dist/collection/components/jump-pagination/jump-pagination.stories.js

@@ -1,72 +1,71 @@
 export default {
-  title: 'Components/Atoms/Pagination',
-  tags: ['autodocs'],
-  argTypes: {
-    completeVersion: {
-      name: 'Versione con selezione di prodotti',
-      control: 'boolean',
-      description: 'Indica se mostrare la versione con selezione di prodotti'
-    },
-    showAdditionalChrevrons: {
-      name: 'Mostra frecce aggiuntive',
-      control: 'boolean',
-      description: 'Indica se mostrare le frecce aggiuntive per navigare rapidamente nella prima o ultima pagina. Da preferire con un numero elevato di pagine.'
-    },
-    firstPage: {
-      name: 'Primo elemento',
-      control: 'number',
-      description: 'Se si tratta di pagination per prodotti, indica il valore min di range di prodotto, altrimenti la prima pagina',
-      if: {
-        arg: 'completeVersion',
-        eq: true
-      },
-    },
-    currentPage: {
-      name: 'Elemento Corrente',
-      control: 'number',
-      description: 'Se si tratta di pagination per prodotti, indica il valore max di range di prodotto, altrimenti la pagina corrente'
-    },
-    lastPage: {
-      name: 'Ultima pagina',
-      control: 'number',
-      description: 'Indica l\'ultima pagina',
-      if: {
-        arg: 'completeVersion',
-        eq: false
-      },
-    },
-    totalElements: {
-      name: 'Elementi totali',
-      control: 'number',
-      description: 'Indica il numero totale di elementi disponibili. ',
-      if: {
-        arg: 'completeVersion',
-        eq: true
-      },
-    },
-    labelElementsPerPage: {
-      name: 'Etichetta elementi per pagina',
-      control: 'text',
-      description: 'Indica l\'etichetta per gli elementi per pagina',
-      if: {
-        arg: 'completeVersion',
-        eq: true
-      },
-    },
-    elementsRanges: {
-      name: 'Range elementi',
-      control: 'multi-select',
-      options: [10, 20, 30],
-      if: {
-        arg: 'completeVersion',
-        eq: true
-      },
-    },
-  }
+    title: 'Components/Atoms/Pagination',
+    tags: ['autodocs'],
+    argTypes: {
+        completeVersion: {
+            name: 'Versione con selezione di prodotti',
+            control: 'boolean',
+            description: 'Indica se mostrare la versione con selezione di prodotti'
+        },
+        showAdditionalChrevrons: {
+            name: 'Mostra frecce aggiuntive',
+            control: 'boolean',
+            description: 'Indica se mostrare le frecce aggiuntive per navigare rapidamente nella prima o ultima pagina. Da preferire con un numero elevato di pagine.'
+        },
+        firstPage: {
+            name: 'Primo elemento',
+            control: 'number',
+            description: 'Se si tratta di pagination per prodotti, indica il valore min di range di prodotto, altrimenti la prima pagina',
+            if: {
+                arg: 'completeVersion',
+                eq: true
+            },
+        },
+        currentPage: {
+            name: 'Elemento Corrente',
+            control: 'number',
+            description: 'Se si tratta di pagination per prodotti, indica il valore max di range di prodotto, altrimenti la pagina corrente'
+        },
+        lastPage: {
+            name: 'Ultima pagina',
+            control: 'number',
+            description: 'Indica l\'ultima pagina',
+            if: {
+                arg: 'completeVersion',
+                eq: false
+            },
+        },
+        totalElements: {
+            name: 'Elementi totali',
+            control: 'number',
+            description: 'Indica il numero totale di elementi disponibili. ',
+            if: {
+                arg: 'completeVersion',
+                eq: true
+            },
+        },
+        labelElementsPerPage: {
+            name: 'Etichetta elementi per pagina',
+            control: 'text',
+            description: 'Indica l\'etichetta per gli elementi per pagina',
+            if: {
+                arg: 'completeVersion',
+                eq: true
+            },
+        },
+        elementsRanges: {
+            name: 'Range elementi',
+            control: 'multi-select',
+            options: [10, 20, 30],
+            if: {
+                arg: 'completeVersion',
+                eq: true
+            },
+        },
+    }
 };
 const Template = (args) => {
-  console.log(args);
-  return `<jump-pagination 
+    return `<jump-pagination 
               current-page="${args.currentPage}" 
               first-page="${args.firstPage}" 
               last-page="${args.lastPage}" 
@@ -78,40 +77,40 @@ const Template = (args) => {
 };
 export const PaginationPerProdottiRidotto = Template.bind({});
 PaginationPerProdottiRidotto.args = {
-  completeVersion: true,
-  showAdditionalChrevrons: false,
-  firstPage: 1,
-  currentPage: 1,
-  lastPage: 20,
-  totalElements: 150,
-  labelElementsPerPage: "Elementi per pagina",
-  elementsRanges: [10, 20, 60, 100],
+    completeVersion: true,
+    showAdditionalChrevrons: false,
+    firstPage: 1,
+    currentPage: 1,
+    lastPage: 20,
+    totalElements: 150,
+    labelElementsPerPage: "Elementi per pagina",
+    elementsRanges: [10, 20, 60, 100],
 };
 export const PaginationPerProdottiCompleto = Template.bind({});
 PaginationPerProdottiCompleto.args = {
-  completeVersion: true,
-  showAdditionalChrevrons: true,
-  firstPage: 1,
-  currentPage: 1,
-  lastPage: 20,
-  totalElements: 150,
-  labelElementsPerPage: "Elementi per pagina",
-  elementsRanges: [10, 20, 60, 100],
+    completeVersion: true,
+    showAdditionalChrevrons: true,
+    firstPage: 1,
+    currentPage: 1,
+    lastPage: 20,
+    totalElements: 150,
+    labelElementsPerPage: "Elementi per pagina",
+    elementsRanges: [10, 20, 60, 100],
 };
 export const PaginationPerPagineRidotto = Template.bind({});
 PaginationPerPagineRidotto.args = {
-  completeVersion: false,
-  showAdditionalChrevrons: false,
-  firstPage: 1,
-  currentPage: 5,
-  lastPage: 10,
+    completeVersion: false,
+    showAdditionalChrevrons: false,
+    firstPage: 1,
+    currentPage: 5,
+    lastPage: 10,
 };
 export const PaginationPerPagineCompleto = Template.bind({});
 PaginationPerPagineCompleto.args = {
-  completeVersion: false,
-  showAdditionalChrevrons: true,
-  firstPage: 1,
-  currentPage: 5,
-  lastPage: 10,
+    completeVersion: false,
+    showAdditionalChrevrons: true,
+    firstPage: 1,
+    currentPage: 5,
+    lastPage: 10,
 };
 //# sourceMappingURL=jump-pagination.stories.js.map

package/dist/collection/components/jump-pagination/jump-pagination.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-pagination.stories.js","sourceRoot":"","sources":["../../../src/components/jump-pagination/jump-pagination.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACb,KAAK,EAAE,6BAA6B;EACpC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClB,QAAQ,EAAE;IACR,eAAe,EAAE;MACf,IAAI,EAAE,oCAAoC;MAC1C,OAAO,EAAE,SAAS;MAClB,WAAW,EAAE,0DAA0D;KACxE;IACD,uBAAuB,EAAE;MACvB,IAAI,EAAE,0BAA0B;MAChC,OAAO,EAAE,SAAS;MAClB,WAAW,EAAE,6IAA6I;KAC3J;IACD,SAAS,EAAE;MACT,IAAI,EAAE,gBAAgB;MACtB,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,gHAAgH;MAC7H,EAAE,EAAE;QACF,GAAG,EAAE,iBAAiB;QACtB,EAAE,EAAE,IAAI;OACT;KACF;IACD,WAAW,EAAE;MACX,IAAI,EAAE,mBAAmB;MACzB,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,mHAAmH;KACjI;IACD,QAAQ,EAAE;MACR,IAAI,EAAE,eAAe;MACrB,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,yBAAyB;MACpC,EAAE,EAAE;QACJ,GAAG,EAAE,iBAAiB;QACtB,EAAE,EAAE,KAAK;OACV;KACF;IACD,aAAa,EAAE;MACb,IAAI,EAAE,iBAAiB;MACvB,OAAO,EAAE,QAAQ;MACjB,WAAW,EAAE,mDAAmD;MAChE,EAAE,EAAE;QACF,GAAG,EAAE,iBAAiB;QACtB,EAAE,EAAE,IAAI;OACT;KACF;IACD,oBAAoB,EAAE;MACpB,IAAI,EAAE,+BAA+B;MACrC,OAAO,EAAE,MAAM;MACf,WAAW,EAAE,iDAAiD;MAC5D,EAAE,EAAE;QACJ,GAAG,EAAE,iBAAiB;QACtB,EAAE,EAAE,IAAI;OACT;KACF;IACD,cAAc,EAAE;MACd,IAAI,EAAE,gBAAgB;MACtB,OAAO,EAAE,cAAc;MACvB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;MACrB,EAAE,EAAE;QACF,GAAG,EAAE,iBAAiB;QACtB,EAAE,EAAE,IAAI;OACT;KACF;GAIF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;EACxB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;EAClB,OAAO;8BACqB,IAAI,CAAC,WAAW;4BAClB,IAAI,CAAC,SAAS;2BACf,IAAI,CAAC,QAAQ;gCACR,IAAI,CAAC,aAAa;iCACjB,IAAI,CAAC,eAAe;iCACpB,IAAI,CAAC,cAAc;0CACV,IAAI,CAAC,uBAAuB;6BACzC,CAAC;AAC9B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE9D,4BAA4B,CAAC,IAAI,GAAG;EAClC,eAAe,EAAE,IAAI;EACrB,uBAAuB,EAAE,KAAK;EAC9B,SAAS,EAAE,CAAC;EACZ,WAAW,EAAE,CAAC;EACd,QAAQ,EAAC,EAAE;EACX,aAAa,EAAE,GAAG;EAClB,oBAAoB,EAAE,qBAAqB;EAC3C,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE/D,6BAA6B,CAAC,IAAI,GAAG;EACnC,eAAe,EAAE,IAAI;EACrB,uBAAuB,EAAE,IAAI;EAC7B,SAAS,EAAE,CAAC;EACZ,WAAW,EAAE,CAAC;EACd,QAAQ,EAAC,EAAE;EACX,aAAa,EAAE,GAAG;EAClB,oBAAoB,EAAE,qBAAqB;EAC3C,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;CAClC,CAAC;AAGF,MAAM,CAAC,MAAM,0BAA0B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE5D,0BAA0B,CAAC,IAAI,GAAG;EAChC,eAAe,EAAE,KAAK;EACtB,uBAAuB,EAAE,KAAK;EAC9B,SAAS,EAAE,CAAC;EACZ,WAAW,EAAE,CAAC;EACd,QAAQ,EAAC,EAAE;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE7D,2BAA2B,CAAC,IAAI,GAAG;EACjC,eAAe,EAAE,KAAK;EACtB,uBAAuB,EAAE,IAAI;EAC7B,SAAS,EAAE,CAAC;EACZ,WAAW,EAAE,CAAC;EACd,QAAQ,EAAC,EAAE;CACZ,CAAC","sourcesContent":["export default {\n  title: 'Components/Atoms/Pagination',\n  tags: ['autodocs'],\n  argTypes: {\n    completeVersion: {\n      name: 'Versione con selezione di prodotti',\n      control: 'boolean',\n      description: 'Indica se mostrare la versione con selezione di prodotti'\n    },\n    showAdditionalChrevrons: {\n      name: 'Mostra frecce aggiuntive',\n      control: 'boolean',\n      description: 'Indica se mostrare le frecce aggiuntive per navigare rapidamente nella prima o ultima pagina. Da preferire con un numero elevato di pagine.'\n    },\n    firstPage: {\n      name: 'Primo elemento',\n      control: 'number',\n      description: 'Se si tratta di pagination per prodotti, indica il valore min di range di prodotto, altrimenti la prima pagina',\n      if: {\n        arg: 'completeVersion',\n        eq: true\n      },\n    },\n    currentPage: {\n      name: 'Elemento Corrente',\n      control: 'number',\n      description: 'Se si tratta di pagination per prodotti, indica il valore max di range di prodotto, altrimenti la pagina corrente'\n    },\n    lastPage: {\n      name: 'Ultima pagina',\n      control: 'number',\n      description: 'Indica l\\'ultima pagina',\n        if: {\n        arg: 'completeVersion',\n        eq: false\n      },\n    },\n    totalElements: {\n      name: 'Elementi totali',\n      control: 'number',\n      description: 'Indica il numero totale di elementi disponibili. ',\n      if: {\n        arg: 'completeVersion',\n        eq: true\n      },\n    },\n    labelElementsPerPage: {\n      name: 'Etichetta elementi per pagina',\n      control: 'text',\n      description: 'Indica l\\'etichetta per gli elementi per pagina',\n        if: {\n        arg: 'completeVersion',\n        eq: true\n      },\n    },\n    elementsRanges: {\n      name: 'Range elementi',\n      control: 'multi-select', \n      options: [10, 20, 30],\n      if: {\n        arg: 'completeVersion',\n        eq: true\n      }, \n    },\n\n    \n    \n  }\n};\n\nconst Template = (args) => {\n  console.log(args);\n  return `<jump-pagination \n              current-page=\"${args.currentPage}\" \n              first-page=\"${args.firstPage}\" \n              last-page=\"${args.lastPage}\" \n              total-elements=\"${args.totalElements}\"\n              complete-version=${args.completeVersion} \n              elements-ranges=\"${args.elementsRanges}\"\n              show-additional-chrevrons=${args.showAdditionalChrevrons}>\n          </jump-pagination>`;\n};\n\nexport const PaginationPerProdottiRidotto = Template.bind({});\n\nPaginationPerProdottiRidotto.args = {\n  completeVersion: true,\n  showAdditionalChrevrons: false,\n  firstPage: 1,\n  currentPage: 1,\n  lastPage:20,\n  totalElements: 150,\n  labelElementsPerPage: \"Elementi per pagina\",\n  elementsRanges: [10, 20, 60, 100],\n};\n\nexport const PaginationPerProdottiCompleto = Template.bind({});\n\nPaginationPerProdottiCompleto.args = {\n  completeVersion: true,\n  showAdditionalChrevrons: true,\n  firstPage: 1,\n  currentPage: 1,\n  lastPage:20,\n  totalElements: 150,\n  labelElementsPerPage: \"Elementi per pagina\",\n  elementsRanges: [10, 20, 60, 100],\n};\n\n\nexport const PaginationPerPagineRidotto = Template.bind({});\n\nPaginationPerPagineRidotto.args = {\n  completeVersion: false,\n  showAdditionalChrevrons: false,\n  firstPage: 1,\n  currentPage: 5,\n  lastPage:10,\n};\n\nexport const PaginationPerPagineCompleto = Template.bind({});\n\nPaginationPerPagineCompleto.args = {\n  completeVersion: false,\n  showAdditionalChrevrons: true,\n  firstPage: 1,\n  currentPage: 5,\n  lastPage:10,\n};\n"]}
+{"version":3,"file":"jump-pagination.stories.js","sourceRoot":"","sources":["../../../src/components/jump-pagination/jump-pagination.stories.ts"],"names":[],"mappings":"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","sourcesContent":["export default {\n  title: 'Components/Atoms/Pagination',\n  tags: ['autodocs'],\n  argTypes: {\n    completeVersion: {\n      name: 'Versione con selezione di prodotti',\n      control: 'boolean',\n      description: 'Indica se mostrare la versione con selezione di prodotti'\n    },\n    showAdditionalChrevrons: {\n      name: 'Mostra frecce aggiuntive',\n      control: 'boolean',\n      description: 'Indica se mostrare le frecce aggiuntive per navigare rapidamente nella prima o ultima pagina. Da preferire con un numero elevato di pagine.'\n    },\n    firstPage: {\n      name: 'Primo elemento',\n      control: 'number',\n      description: 'Se si tratta di pagination per prodotti, indica il valore min di range di prodotto, altrimenti la prima pagina',\n      if: {\n        arg: 'completeVersion',\n        eq: true\n      },\n    },\n    currentPage: {\n      name: 'Elemento Corrente',\n      control: 'number',\n      description: 'Se si tratta di pagination per prodotti, indica il valore max di range di prodotto, altrimenti la pagina corrente'\n    },\n    lastPage: {\n      name: 'Ultima pagina',\n      control: 'number',\n      description: 'Indica l\\'ultima pagina',\n        if: {\n        arg: 'completeVersion',\n        eq: false\n      },\n    },\n    totalElements: {\n      name: 'Elementi totali',\n      control: 'number',\n      description: 'Indica il numero totale di elementi disponibili. ',\n      if: {\n        arg: 'completeVersion',\n        eq: true\n      },\n    },\n    labelElementsPerPage: {\n      name: 'Etichetta elementi per pagina',\n      control: 'text',\n      description: 'Indica l\\'etichetta per gli elementi per pagina',\n        if: {\n        arg: 'completeVersion',\n        eq: true\n      },\n    },\n    elementsRanges: {\n      name: 'Range elementi',\n      control: 'multi-select', \n      options: [10, 20, 30],\n      if: {\n        arg: 'completeVersion',\n        eq: true\n      }, \n    },\n\n    \n    \n  }\n};\n\nconst Template = (args) => {\n  return `<jump-pagination \n              current-page=\"${args.currentPage}\" \n              first-page=\"${args.firstPage}\" \n              last-page=\"${args.lastPage}\" \n              total-elements=\"${args.totalElements}\"\n              complete-version=${args.completeVersion} \n              elements-ranges=\"${args.elementsRanges}\"\n              show-additional-chrevrons=${args.showAdditionalChrevrons}>\n          </jump-pagination>`;\n};\n\nexport const PaginationPerProdottiRidotto = Template.bind({});\n\nPaginationPerProdottiRidotto.args = {\n  completeVersion: true,\n  showAdditionalChrevrons: false,\n  firstPage: 1,\n  currentPage: 1,\n  lastPage:20,\n  totalElements: 150,\n  labelElementsPerPage: \"Elementi per pagina\",\n  elementsRanges: [10, 20, 60, 100],\n};\n\nexport const PaginationPerProdottiCompleto = Template.bind({});\n\nPaginationPerProdottiCompleto.args = {\n  completeVersion: true,\n  showAdditionalChrevrons: true,\n  firstPage: 1,\n  currentPage: 1,\n  lastPage:20,\n  totalElements: 150,\n  labelElementsPerPage: \"Elementi per pagina\",\n  elementsRanges: [10, 20, 60, 100],\n};\n\n\nexport const PaginationPerPagineRidotto = Template.bind({});\n\nPaginationPerPagineRidotto.args = {\n  completeVersion: false,\n  showAdditionalChrevrons: false,\n  firstPage: 1,\n  currentPage: 5,\n  lastPage:10,\n};\n\nexport const PaginationPerPagineCompleto = Template.bind({});\n\nPaginationPerPagineCompleto.args = {\n  completeVersion: false,\n  showAdditionalChrevrons: true,\n  firstPage: 1,\n  currentPage: 5,\n  lastPage:10,\n};\n"]}

package/dist/collection/components/jump-pagination/test/jump-pagination.e2e.js

@@ -1,10 +1,10 @@
 import { newE2EPage } from "@stencil/core/testing";
 describe('jump-pagination', () => {
-  it('renders', async () => {
-    const page = await newE2EPage();
-    await page.setContent('<jump-pagination></jump-pagination>');
-    const element = await page.find('jump-pagination');
-    expect(element).toHaveClass('hydrated');
-  });
+    it('renders', async () => {
+        const page = await newE2EPage();
+        await page.setContent('<jump-pagination></jump-pagination>');
+        const element = await page.find('jump-pagination');
+        expect(element).toHaveClass('hydrated');
+    });
 });
 //# sourceMappingURL=jump-pagination.e2e.js.map

package/dist/collection/components/jump-pagination/test/jump-pagination.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-pagination.e2e.js","sourceRoot":"","sources":["../../../../src/components/jump-pagination/test/jump-pagination.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;EAC/B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,qCAAqC,CAAC,CAAC;IAE7D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACnD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('jump-pagination', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<jump-pagination></jump-pagination>');\n\n    const element = await page.find('jump-pagination');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}
+{"version":3,"file":"jump-pagination.e2e.js","sourceRoot":"","sources":["../../../../src/components/jump-pagination/test/jump-pagination.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,qCAAqC,CAAC,CAAC;QAE7D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACnD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('jump-pagination', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<jump-pagination></jump-pagination>');\n\n    const element = await page.find('jump-pagination');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/jump-pagination/test/jump-pagination.spec.js

@@ -1,18 +1,18 @@
 import { newSpecPage } from "@stencil/core/testing";
 import { JumpPagination } from "../jump-pagination";
 describe('jump-pagination', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [JumpPagination],
-      html: `<jump-pagination></jump-pagination>`,
-    });
-    expect(page.root).toEqualHtml(`
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [JumpPagination],
+            html: `<jump-pagination></jump-pagination>`,
+        });
+        expect(page.root).toEqualHtml(`
       <jump-pagination>
         <mock:shadow-root>
           <slot></slot>
         </mock:shadow-root>
       </jump-pagination>
     `);
-  });
+    });
 });
 //# sourceMappingURL=jump-pagination.spec.js.map

package/dist/collection/components/jump-pagination/test/jump-pagination.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-pagination.spec.js","sourceRoot":"","sources":["../../../../src/components/jump-pagination/test/jump-pagination.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;EAC/B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;MAC5B,IAAI,EAAE,qCAAqC;KAC5C,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { JumpPagination } from '../jump-pagination';\n\ndescribe('jump-pagination', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [JumpPagination],\n      html: `<jump-pagination></jump-pagination>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <jump-pagination>\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </jump-pagination>\n    `);\n  });\n});\n"]}
+{"version":3,"file":"jump-pagination.spec.js","sourceRoot":"","sources":["../../../../src/components/jump-pagination/test/jump-pagination.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,qCAAqC;SAC5C,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { JumpPagination } from '../jump-pagination';\n\ndescribe('jump-pagination', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [JumpPagination],\n      html: `<jump-pagination></jump-pagination>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <jump-pagination>\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </jump-pagination>\n    `);\n  });\n});\n"]}

package/dist/collection/utils/utils.js

@@ -1,4 +1,4 @@
 export function format(first, middle, last) {
-  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
 }
 //# sourceMappingURL=utils.js.map

package/dist/collection/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM,CAAC,KAAa,EAAE,MAAc,EAAE,IAAY;EAChE,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjF,CAAC","sourcesContent":["export function format(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM,CAAC,KAAa,EAAE,MAAc,EAAE,IAAY;IAChE,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjF,CAAC","sourcesContent":["export function format(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n"]}

package/dist/collection/utils/utils.spec.js

@@ -1,16 +1,16 @@
 import { format } from "./utils";
 describe('format', () => {
-  it('returns empty string for no names defined', () => {
-    expect(format(undefined, undefined, undefined)).toEqual('');
-  });
-  it('formats just first names', () => {
-    expect(format('Joseph', undefined, undefined)).toEqual('Joseph');
-  });
-  it('formats first and last names', () => {
-    expect(format('Joseph', undefined, 'Publique')).toEqual('Joseph Publique');
-  });
-  it('formats first, middle and last names', () => {
-    expect(format('Joseph', 'Quincy', 'Publique')).toEqual('Joseph Quincy Publique');
-  });
+    it('returns empty string for no names defined', () => {
+        expect(format(undefined, undefined, undefined)).toEqual('');
+    });
+    it('formats just first names', () => {
+        expect(format('Joseph', undefined, undefined)).toEqual('Joseph');
+    });
+    it('formats first and last names', () => {
+        expect(format('Joseph', undefined, 'Publique')).toEqual('Joseph Publique');
+    });
+    it('formats first, middle and last names', () => {
+        expect(format('Joseph', 'Quincy', 'Publique')).toEqual('Joseph Quincy Publique');
+    });
 });
 //# sourceMappingURL=utils.spec.js.map

package/dist/collection/utils/utils.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.spec.js","sourceRoot":"","sources":["../../src/utils/utils.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;EACtB,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;IACnD,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;EAC9D,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;IAClC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;EACnE,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;IACtC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;EAC7E,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;IAC9C,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;EACnF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { format } from './utils';\n\ndescribe('format', () => {\n  it('returns empty string for no names defined', () => {\n    expect(format(undefined, undefined, undefined)).toEqual('');\n  });\n\n  it('formats just first names', () => {\n    expect(format('Joseph', undefined, undefined)).toEqual('Joseph');\n  });\n\n  it('formats first and last names', () => {\n    expect(format('Joseph', undefined, 'Publique')).toEqual('Joseph Publique');\n  });\n\n  it('formats first, middle and last names', () => {\n    expect(format('Joseph', 'Quincy', 'Publique')).toEqual('Joseph Quincy Publique');\n  });\n});\n"]}
+{"version":3,"file":"utils.spec.js","sourceRoot":"","sources":["../../src/utils/utils.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;IACnF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { format } from './utils';\n\ndescribe('format', () => {\n  it('returns empty string for no names defined', () => {\n    expect(format(undefined, undefined, undefined)).toEqual('');\n  });\n\n  it('formats just first names', () => {\n    expect(format('Joseph', undefined, undefined)).toEqual('Joseph');\n  });\n\n  it('formats first and last names', () => {\n    expect(format('Joseph', undefined, 'Publique')).toEqual('Joseph Publique');\n  });\n\n  it('formats first, middle and last names', () => {\n    expect(format('Joseph', 'Quincy', 'Publique')).toEqual('Joseph Quincy Publique');\n  });\n});\n"]}

package/dist/components/index.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
 /**
  * Used to manually set the base path where assets can be found.
  * If the script is used as "module", it's recommended to use "import.meta.url",

package/dist/components/index.js

@@ -1,3 +1,3 @@
-export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
 
 //# sourceMappingURL=index.js.map

package/dist/components/jump-button.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface JumpButton extends Components.JumpButton, HTMLElement {}
 export const JumpButton: {
-  prototype: JumpButton;
-  new (): JumpButton;
+    prototype: JumpButton;
+    new (): JumpButton;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/jump-button.js

@@ -1,44 +1,59 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const jumpButtonCss = "jump-button button{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:blue;--jump-button-background-outline:transparent;--jump-button-color-hover:#ffffff;--jump-button-background-hover:darkblue;--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{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-400, 400);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);padding:var(--jump-button-padding)}jump-button button:hover{background-color:var(--jump-button-background-hover);color:var(--jump-button-color-hover)}jump-button button[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-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[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]{border-radius:100rem}jump-button button[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]{font-size:var(--fs-400, 1rem);line-height:var(--lh-400, 1.3)}jump-button button[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]{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{background-color:var(--jump-button-background-hover);border:1px solid var(--jump-button-background-hover);color:var(--jump-button-background-hover)}jump-button button[data-text]{background-color:transparent;border:none;color:var(--jump-button-background);padding:0}jump-button button[data-text]:hover{background-color:transparent;border:none;color:var(--jump-button-background-hover)}jump-button button[data-only-icon]{--jump-button-padding:1.125rem}jump-button button[data-only-icon][data-size=small]{--jump-button-padding:0.5rem}jump-button button[data-only-icon][data-size=medium]{--jump-button-padding:1rem}jump-button button[data-only-icon][data-size=large]{--jump-button-padding:1.125rem}";
+const jumpButtonCss = "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-400, 400);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[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 JumpButtonStyle0 = jumpButtonCss;
 
 const AppButton = /*@__PURE__*/ proxyCustomElement(class AppButton extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.disabled = false;
-    this.variant = 'primary';
-    this.outline = false;
-    this.size = 'medium';
-    this.pill = false;
-    this.text = false;
-    this.onlyIcon = false;
-  }
-  render() {
-    return (h(Host, null, h("button", { "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 }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" }))));
-  }
-  static get style() { return jumpButtonCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        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;
+    }
+    render() {
+        return (h(Host, { key: '74a02b6f19805b842eaa6c6060652225c0f0f255' }, this.href ? (h("a", { href: this.href, 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 }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" }))) : (h("button", { 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 }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" })))));
+    }
+    static get style() { return JumpButtonStyle0; }
 }, [4, "jump-button", {
-    "disabled": [4],
-    "variant": [513],
-    "outline": [516],
-    "size": [513],
-    "pill": [516],
-    "text": [516],
-    "onlyIcon": [516, "only-icon"]
-  }]);
+        "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"],
+        "class": [513]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["jump-button"];
-  components.forEach(tagName => { switch (tagName) {
-    case "jump-button":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, AppButton);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["jump-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "jump-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AppButton);
+            }
+            break;
+    } });
 }
 
 const JumpButton = AppButton;

package/dist/components/jump-button.js.map

@@ -1 +1 @@
-{"file":"jump-button.js","mappings":";;AAAA,MAAM,aAAa,GAAG,kgGAAkgG;;MCO3gG,SAAS;;;;oBAIQ,KAAK;mBAKkC,SAAS;mBAKlC,KAAK;gBAKT,QAAQ;gBAKP,KAAK;gBAKL,KAAK;oBAKD,KAAK;;EAEhD,MAAM;IACJ,QACE,EAAC,IAAI,QACH,8BAAsB,IAAI,CAAC,OAAO,kBAAgB,IAAI,CAAC,OAAO,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,oBAAkB,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IACtL,YAAM,IAAI,EAAC,QAAQ,GAAQ,EAEzB,CAAC,IAAI,CAAC,QAAQ,IAAI,eAAa,EAEjC,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACpB,CACJ,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"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: blue;\n  --jump-button-background-outline: transparent;\n  --jump-button-color-hover: #ffffff;\n  --jump-button-background-hover: darkblue;\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    @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-400, 400);\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\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    &[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-background-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}\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\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Indicates the variant of the button\n   */\n  @Prop({reflect: true}) variant: 'primary'|'secondary'|'tertiary' = '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  render() {\n    return (\n      <Host>\n        <button 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} >\n          <slot name=\"prefix\"></slot>\n          {\n            !this.onlyIcon && <slot></slot>\n          }\n          <slot name=\"suffix\"></slot>\n        </button>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}
+{"file":"jump-button.js","mappings":";;AAAA,MAAM,aAAa,GAAG,o0HAAo0H,CAAC;AAC31H,yBAAe,aAAa;;MCMf,SAAS;;;;wBAIQ,KAAK;uBAK4C,SAAS;uBAK5C,KAAK;oBAKT,QAAQ;oBAKP,KAAK;oBAKL,KAAK;wBAKD,KAAK;oBAKV,SAAS;;oBAUU,QAAQ;oBAK3B,SAAS;qBAKR,SAAS;yBAKL,SAAS;qBAKb,SAAS;;IAEhD,MAAM;QACJ,QACE,EAAC,IAAI,uDACF,IAAI,CAAC,IAAI,IACR,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,kBAAgB,IAAI,CAAC,OAAO,kBAAgB,IAAI,CAAC,OAAO,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,oBAAkB,IAAI,CAAC,QAAQ,gBAAc,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IAC7O,YAAM,IAAI,EAAC,QAAQ,GAAQ,EAC1B,CAAC,IAAI,CAAC,QAAQ,IAAI,eAAa,EAChC,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACzB,KAEJ,cAAQ,KAAK,EAAE,IAAI,CAAC,KAAK,kBAAgB,IAAI,CAAC,OAAO,kBAAgB,IAAI,CAAC,OAAO,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,eAAa,IAAI,CAAC,IAAI,oBAAkB,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBAAc,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAC1R,YAAM,IAAI,EAAC,QAAQ,GAAQ,EAC1B,CAAC,IAAI,CAAC,QAAQ,IAAI,eAAa,EAChC,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACpB,CACV,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"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-400, 400);\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    &[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  render() {\n    return (\n      <Host>\n        {this.href ? (\n          <a href={this.href} 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 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"],"version":3}

package/dist/components/jump-icon.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface JumpIcon extends Components.JumpIcon, HTMLElement {}
 export const JumpIcon: {
-  prototype: JumpIcon;
-  new (): JumpIcon;
+    prototype: JumpIcon;
+    new (): JumpIcon;
 };
 /**
  * Used to define this component and all nested components recursively.