@jumpgroup/jump-design-system 0.2.3 → 0.2.4

package/dist/esm/jump-pagination.entry.js

@@ -1,29 +1,51 @@
-import { r as registerInstance, h, H as Host } from './index-d09b8a38.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-192aeaf1.js';
 
-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}";
+const jumpPaginationCss = ":host{display:block}.JumpPagination{--pagination-label-color:var(--neutral-grey-secondary);--pagination-arrows-color:var(--neutral-grey-secondary);--pagination-arrows-disabled:#CBCBCB;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 .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPagination__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--pagination-arrows-disabled)}.JumpPagination__Wrapper .indicators .elements{color:var(--pagination-label-color);display:flex;align-items:center;gap:5px}";
 const JumpPaginationStyle0 = jumpPaginationCss;
 
 const JumpPagination = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.jumpChangePage = createEvent(this, "jump-change-page", 7);
+        this.firstPage = 1;
+        this.currentPage = undefined;
         this.totalElements = undefined;
         this.pagLabel = 'di';
-        this.currentPage = undefined;
-        this.lastPage = undefined;
+        this.initialPage = 1;
+        this.lastPage = 10;
         this.labelElementsPerPage = 'Elementi per pagina';
         this.elementsRanges = [10, 20, 60, 100];
-        this.firstPage = undefined;
         this.completeVersion = false;
-        this.showAdditionalChrevrons = false;
+        this.showFirstAndLast = false;
+    }
+    watchCurrentPage(newValue, oldValue) {
+        let details = {
+            currentPage: newValue,
+            previousPage: oldValue,
+            firstPage: this.firstPage,
+            lastPage: this.lastPage,
+            direction: newValue > oldValue ? 'next' : 'prev'
+        };
+        this.jumpChangePage.emit(details);
+    }
+    /* ---------------------- @LIFECYCLE ------------------------- */
+    componentWillLoad() {
+        this.currentPage = this.initialPage;
     }
     render() {
         var _a;
-        return (h(Host, { key: '97d153323192675905ef7efc310edd9544917194', class: "JumpPagination" }, h("div", { key: '706326dbd689f2250863df55db66a868deb98465', class: "JumpPagination__Wrapper" }, this.completeVersion &&
-            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: 'ba6b84fcfc0cb4d2f0f52767f2be99386a6f004c', class: "indicators" }, h("div", { key: 'b0786315ca18db1608bd07c5658ec37ae9931802', class: "elements" }, this.completeVersion ?
-            h("span", null, h("span", null, this.firstPage), " - ", h("span", null, this.currentPage), " di ", h("span", null, this.totalElements))
+        console.log('completeVersion', this.completeVersion);
+        return (h(Host, { key: '32e300881b3a78d25edf6480e9a8a6594f907c76', class: "JumpPagination" }, h("div", { key: '0c4e133e409740331083588fbb046d79c2878ea9', class: "JumpPagination__Wrapper" }, this.completeVersion &&
+            h("div", { key: '13daa8e819ec294b50823becc7e8d904eff66f32', class: "elementsPerPage" }, h("label", { key: '162555e0ebfc295d96d5ba358ec879eba1730746', htmlFor: "elements" }, (_a = this.labelElementsPerPage) !== null && _a !== void 0 ? _a : 'Elements per page'), h("select", { key: 'c4e99d784347a67c5616b3ed0ca25934dbdae55f', name: "elements", id: "elements" }, this.elementsRanges.map((range) => (h("option", { value: range }, range))))), h("div", { key: '5eb516226cf5bcb23e575109371c4f55ca235e04', class: "indicators" }, h("div", { key: '58a8655b582e8cdcd9f8c553343d9e407dd66971', class: "elements" }, this.completeVersion ?
+            h("span", null, h("span", null, this.firstPage), " - ", h("span", null, this.currentPage), " ", this.pagLabel, " ", h("span", null, this.totalElements))
             :
-                h("span", null, h("span", null, this.currentPage), " di ", h("span", null, this.lastPage))), h("div", { key: '93343a7729d7bbd8512d65bc1877041c25f77cdf', class: "arrow" }, this.showAdditionalChrevrons && h("jump-icon", { id: "first-page", name: "chevrons-left" }), h("jump-icon", { key: 'ed735fb41710b632485cc9a24151590842fbdc48', id: "prev-page", name: "chevron-left" }), h("jump-icon", { key: 'fffdbf1d84cee94bf0d2ab561cb36d4de82cc763', id: "next-page", name: "chevron-right" }), this.showAdditionalChrevrons && h("jump-icon", { id: "last-page", name: "chevrons-right" }))))));
+                h("span", null, h("span", null, this.currentPage), " ", this.pagLabel, " ", h("span", null, this.lastPage))), h("div", { key: '92b5476c223e477532726304c282ed34e1acccc7', class: "arrow" }, this.showFirstAndLast &&
+            h("button", { key: '740c67ee4f73c5a55a022b2281913d8652deeed2', onClick: () => { this.currentPage = this.firstPage; }, disabled: (this.currentPage === this.firstPage) ? true : false }, " ", h("jump-icon", { key: '5a880ea7c01afcc8ae9a4e84934e386e0edab58c', slot: "prefix", name: "chevrons-left" }), "   "), h("button", { key: '08fe7f7faa6c7645151ec3ea2b4bf4247f082a2d', onClick: () => { this.currentPage--; }, disabled: (this.currentPage === this.firstPage) ? true : false }, " ", h("jump-icon", { key: '04a972584533f1272b10c7e9068ce332aef77299', slot: "prefix", name: "chevron-left" }), "   "), h("button", { key: '0ea012c03b06b587296c9190eece67351579b6e3', onClick: () => { this.currentPage++; }, disabled: (this.currentPage === this.lastPage) ? true : false }, " ", h("jump-icon", { key: '155d6a407989f9cc5d38832df8fb98a3505c3113', slot: "prefix", name: "chevron-right" }), "   "), this.showFirstAndLast &&
+            h("button", { key: 'be46c67831f6d732d47e9340aca1a43a650af958', onClick: () => { this.currentPage = this.lastPage; }, disabled: (this.currentPage === this.lastPage) ? true : false }, " ", h("jump-icon", { key: 'b04a3d8a8726f945d5639761dde68a300e40f80a', slot: "prefix", name: "chevrons-right" }), "   "))))));
     }
+    static get watchers() { return {
+        "currentPage": ["watchCurrentPage"]
+    }; }
 };
 JumpPagination.style = JumpPaginationStyle0;
 

package/dist/esm/jump-pagination.entry.js.map

@@ -1 +1 @@
-{"file":"jump-pagination.entry.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,o1BAAo1B,CAAC;AAC/2B,6BAAe,iBAAiB;;MCMnB,cAAc;;;;wBAMiB,IAAI;;;oCAWU,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,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,eAAe,GAAa,EAC7F,kEAAW,EAAE,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,GAAa,EAC1D,kEAAW,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,eAAe,GAAa,EAC3D,IAAI,CAAC,uBAAuB,IAAI,iBAAW,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,gBAAgB,GAAa,CAC1F,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  @Prop({reflect: true}) pagLabel: string = 'di'; // Identifica la label testuale di pagination. \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 id=\"first-page\" name=\"chevrons-left\"></jump-icon>}\n              <jump-icon id=\"prev-page\" name=\"chevron-left\"></jump-icon>\n              <jump-icon id=\"next-page\"  name=\"chevron-right\"></jump-icon>\n              {this.showAdditionalChrevrons && <jump-icon id=\"last-page\"  name=\"chevrons-right\"></jump-icon>}\n            </div> \n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}
+{"file":"jump-pagination.entry.js","mappings":"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","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  --pagination-arrows-disabled: #CBCBCB;\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        button {\n          background-color: transparent;\n          border: none;\n          cursor: pointer;\n          padding: 0px;\n              display: flex;\n                align-items: center;\n        }\n\n        button:disabled {\n          cursor: not-allowed;\n          color: var(--pagination-arrows-disabled); \n        \n      }\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, State, Event, EventEmitter, Prop, h, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'jump-pagination',\n  styleUrl: 'jump-pagination.scss',\n  shadow: false,\n})\nexport class JumpPagination {\n  \n  /* ---------------------- @STATE ------------------------- */\n  /**\n   * Indicates the first page/product of the list\n   */\n  @State() firstPage: number = 1;\n\n  @State() currentPage: number;\n\n  @Watch('currentPage')\n  watchCurrentPage(newValue: number, oldValue: number) {\n    let details = {\n      currentPage: newValue,\n      previousPage: oldValue,\n      firstPage: this.firstPage,\n      lastPage: this.lastPage,\n      direction: newValue > oldValue ? 'next' : 'prev'\n    };\n\n    this.jumpChangePage.emit(details);\n  }\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n\n  @Prop({reflect:true}) totalElements: number;\n\n  @Prop({reflect:true}) pagLabel: string = 'di'; // Identifica la label testuale di pagination. \n\n  @Prop({reflect:true}) initialPage: number = 1;\n\n  @Prop({reflect:true}) lastPage: number = 10; \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  /**\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}) showFirstAndLast: boolean = false;\n\n  /* ---------------------- @EVENTS ------------------------- */\n  @Event({ eventName: 'jump-change-page' }) jumpChangePage: EventEmitter;\n\n  /* ---------------------- @LIFECYCLE ------------------------- */\n  componentWillLoad() {\n    this.currentPage = this.initialPage;\n  }\n\n  render() {\n    console.log('completeVersion', this.completeVersion);\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> {this.pagLabel} <span>{this.totalElements}</span>\n                </span>\n                \n              :\n                <span>\n                  <span>{this.currentPage}</span> {this.pagLabel} <span>{this.lastPage}</span>\n                </span>\n              }\n            </div>\n            <div class=\"arrow\">\n              {this.showFirstAndLast &&\n                <button \n                  onClick={() => {this.currentPage = this.firstPage} }\n                  disabled={(this.currentPage === this.firstPage) ? true : false}\n                > <jump-icon slot=\"prefix\" name=\"chevrons-left\"></jump-icon>   </button>\n              }\n              <button \n                onClick={() => {this.currentPage--}} \n                disabled={(this.currentPage === this.firstPage) ? true : false}\n              > <jump-icon slot=\"prefix\" name=\"chevron-left\"></jump-icon>   </button>\n              <button \n                onClick={() => {this.currentPage++}}\n                disabled={(this.currentPage === this.lastPage) ? true : false}\n                > <jump-icon slot=\"prefix\" name=\"chevron-right\"></jump-icon>   </button>\n              {this.showFirstAndLast &&\n                <button \n                  onClick={() => {this.currentPage = this.lastPage}}\n                  disabled={(this.currentPage === this.lastPage) ? true : false}\n                  > <jump-icon slot=\"prefix\" name=\"chevrons-right\"></jump-icon>   </button> \n              }\n            </div> \n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

package/dist/esm/jump-tab.entry.js

@@ -0,0 +1,25 @@
+import { r as registerInstance, h, H as Host } from './index-192aeaf1.js';
+
+const jumpTabCss = ":host{display:block}";
+const JumpTabStyle0 = jumpTabCss;
+
+const JumpTab = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.activeTab = undefined;
+        this.tabNames = undefined;
+    }
+    componentWillLoad() {
+        console.log('Component is about to be rendered');
+        console.log('active', this.activeTab);
+        console.log('tabNames', this.tabNames);
+    }
+    render() {
+        return (h(Host, { key: '08d20c1e157286fd4034790df04c2f7113e57e43', class: "JumpTab" }, (this.tabNames && this.activeTab) && this.tabNames.map((tabName) => (h("div", { class: `JumpTab__Tab ${this.activeTab === tabName ? 'active' : ''}` }, tabName)))));
+    }
+};
+JumpTab.style = JumpTabStyle0;
+
+export { JumpTab as jump_tab };
+
+//# sourceMappingURL=jump-tab.entry.js.map

package/dist/esm/jump-tab.entry.js.map

@@ -0,0 +1 @@
+{"file":"jump-tab.entry.js","mappings":";;AAAA,MAAM,UAAU,GAAG,sBAAsB,CAAC;AAC1C,sBAAe,UAAU;;MCMZ,OAAO;;;yBAGU,SAAS;wBACH,SAAS;;IAE3C,iBAAiB;QACf,OAAO,CAAC,GAAG,CAAC,mCAAmC,CAAC,CAAC;QACjD,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACrC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACvC;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,EAAC,SAAS,IAClB,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,MAC9D,WAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,SAAS,KAAK,OAAO,GAAG,QAAQ,GAAG,EAAE,EAAE,IACrE,OAAO,CACJ,CACP,CAAC,CACG,EACP;KACH;;;;;;","names":[],"sources":["src/components/jump-tab/jump-tab.scss?tag=jump-tab&encapsulation=shadow","src/components/jump-tab/jump-tab.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'jump-tab',\n  styleUrl: 'jump-tab.scss',\n  shadow: true,\n})\nexport class JumpTab {\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n  @Prop() activeTab: string = undefined;\n  @Prop() tabNames: Array<string> = undefined;\n\n  componentWillLoad() {\n    console.log('Component is about to be rendered');\n    console.log('active',this.activeTab);\n    console.log('tabNames',this.tabNames);\n  }\n\n  render() {\n    return (\n      <Host class=\"JumpTab\">\n        {(this.tabNames && this.activeTab) && this.tabNames.map((tabName) => (\n          <div class={`JumpTab__Tab ${this.activeTab === tabName ? 'active' : ''}`}>\n            {tabName}\n          </div>\n        ))}\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-d09b8a38.js';
-export { s as setNonce } from './index-d09b8a38.js';
+import { b as bootstrapLazy } from './index-192aeaf1.js';
+export { s as setNonce } from './index-192aeaf1.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["jump-pagination",[[0,"jump-pagination",{"totalElements":[514,"total-elements"],"pagLabel":[513,"pag-label"],"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-badge",[[0,"jump-badge",{"label":[513],"variant":[513]}]]],["jump-button",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}]]],["jump-card",[[4,"jump-card",{"horizontal":[516],"dark":[516],"shadow":[516],"border":[516],"borderRadius":[516,"border-radius"],"topBorderContentRadius":[516,"top-border-content-radius"],"boxed":[516],"roundedMedia":[516,"rounded-media"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"],"videoSrc":[513,"video-src"]}]]],["jump-icon",[[0,"jump-icon",{"name":[1],"class":[1]}]]]], options);
+  return bootstrapLazy([["jump-pagination",[[0,"jump-pagination",{"totalElements":[514,"total-elements"],"pagLabel":[513,"pag-label"],"initialPage":[514,"initial-page"],"lastPage":[514,"last-page"],"labelElementsPerPage":[513,"label-elements-per-page"],"elementsRanges":[16],"completeVersion":[516,"complete-version"],"showFirstAndLast":[516,"show-first-and-last"],"firstPage":[32],"currentPage":[32]},null,{"currentPage":["watchCurrentPage"]}]]],["jump-badge",[[0,"jump-badge",{"label":[1],"variant":[1]}]]],["jump-button",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}]]],["jump-card",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-tab",[[1,"jump-tab",{"activeTab":[1,"active-tab"],"tabNames":[16]}]]],["jump-icon",[[0,"jump-icon",{"name":[1],"class":[1]}]]]], options);
 };
 
 export { defineCustomElements };

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

@@ -1,2 +1,2 @@
-import{p as e,b as a}from"./p-407027a9.js";export{s as setNonce}from"./p-407027a9.js";import{g as t}from"./p-e1255160.js";const r=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};r().then((async e=>{await t();return a([["p-e0c9453d",[[0,"jump-pagination",{totalElements:[514,"total-elements"],pagLabel:[513,"pag-label"],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-81fba573",[[0,"jump-badge",{label:[513],variant:[513]}]]],["p-062fa189",[[1,"jump-button",{disabled:[4],variant:[1],outline:[4],size:[1],pill:[4],text:[4],onlyIcon:[4,"only-icon"],href:[1],target:[1],type:[1],name:[1],value:[1],ariaLabel:[1,"aria-label"],class:[1],buttonId:[1,"button-id"]}]]],["p-fea57bd7",[[4,"jump-card",{horizontal:[516],dark:[516],shadow:[516],border:[516],borderRadius:[516,"border-radius"],topBorderContentRadius:[516,"top-border-content-radius"],boxed:[516],roundedMedia:[516,"rounded-media"],imgSrc:[513,"img-src"],imgAlt:[513,"img-alt"],videoSrc:[513,"video-src"]}]]],["p-b2967e30",[[0,"jump-icon",{name:[1],class:[1]}]]]],e)}));
+import{p as e,b as a}from"./p-20ceb40c.js";export{s as setNonce}from"./p-20ceb40c.js";import{g as t}from"./p-e1255160.js";const r=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};r().then((async e=>{await t();return a([["p-87256ed6",[[0,"jump-pagination",{totalElements:[514,"total-elements"],pagLabel:[513,"pag-label"],initialPage:[514,"initial-page"],lastPage:[514,"last-page"],labelElementsPerPage:[513,"label-elements-per-page"],elementsRanges:[16],completeVersion:[516,"complete-version"],showFirstAndLast:[516,"show-first-and-last"],firstPage:[32],currentPage:[32]},null,{currentPage:["watchCurrentPage"]}]]],["p-8f5caf32",[[0,"jump-badge",{label:[1],variant:[1]}]]],["p-9e47f451",[[1,"jump-button",{disabled:[4],variant:[1],outline:[4],size:[1],full:[4],pill:[4],text:[4],onlyIcon:[4,"only-icon"],href:[1],target:[1],type:[1],name:[1],value:[1],ariaLabel:[1,"aria-label"],class:[1],buttonId:[1,"button-id"]}]]],["p-700b96b4",[[4,"jump-card",{horizontal:[4],dark:[4],shadow:[4],border:[4],borderRadius:[4,"border-radius"],topBorderContentRadius:[4,"top-border-content-radius"],boxed:[4],roundedMedia:[4,"rounded-media"],imgSrc:[1,"img-src"],imgAlt:[1,"img-alt"],videoSrc:[1,"video-src"]}]]],["p-61729377",[[1,"jump-tab",{activeTab:[1,"active-tab"],tabNames:[16]}]]],["p-511d4425",[[0,"jump-icon",{name:[1],class:[1]}]]]],e)}));
 //# sourceMappingURL=jump-design-system.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","totalElements","pagLabel","currentPage","lastPage","labelElementsPerPage","elementsRanges","firstPage","completeVersion","showAdditionalChrevrons","label","variant","disabled","outline","size","pill","text","onlyIcon","target","type","name","value","ariaLabel","class","buttonId","horizontal","dark","shadow","border","borderRadius","topBorderContentRadius","boxed","roundedMedia","imgSrc","imgAlt","videoSrc"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.13.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,qCAAqC,CAACC,cAAC,uBAAAC,SAAA,kBAAAC,YAAA,qBAAAC,SAAA,kBAAAC,qBAAA,gCAAAC,eAAA,KAAAC,UAAA,mBAAAC,gBAAA,yBAAAC,wBAAA,sEAAAC,MAAA,MAAAC,QAAA,2CAAAC,SAAA,IAAAD,QAAA,IAAAE,QAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,SAAA,gBAAAvB,KAAA,IAAAwB,OAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,MAAA,IAAAC,UAAA,iBAAAC,MAAA,IAAAC,SAAA,mDAAAC,WAAA,MAAAC,KAAA,MAAAC,OAAA,MAAAC,OAAA,MAAAC,aAAA,sBAAAC,uBAAA,kCAAAC,MAAA,MAAAC,aAAA,sBAAAC,OAAA,gBAAAC,OAAA,gBAAAC,SAAA,qDAAAf,KAAA,IAAAG,MAAA,SAAAzB,EAAA"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","totalElements","pagLabel","initialPage","lastPage","labelElementsPerPage","elementsRanges","completeVersion","showFirstAndLast","firstPage","currentPage","label","variant","disabled","outline","size","full","pill","text","onlyIcon","target","type","name","value","ariaLabel","class","buttonId","horizontal","dark","shadow","border","borderRadius","topBorderContentRadius","boxed","roundedMedia","imgSrc","imgAlt","videoSrc","activeTab","tabNames"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.15.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,qCAAqC,CAACC,cAAC,uBAAAC,SAAA,kBAAAC,YAAA,qBAAAC,SAAA,kBAAAC,qBAAA,gCAAAC,eAAA,KAAAC,gBAAA,yBAAAC,iBAAA,4BAAAC,UAAA,KAAAC,YAAA,YAAAA,YAAA,yDAAAC,MAAA,IAAAC,QAAA,yCAAAC,SAAA,IAAAD,QAAA,IAAAE,QAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,SAAA,gBAAAzB,KAAA,IAAA0B,OAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,MAAA,IAAAC,UAAA,iBAAAC,MAAA,IAAAC,SAAA,mDAAAC,WAAA,IAAAC,KAAA,IAAAC,OAAA,IAAAC,OAAA,IAAAC,aAAA,oBAAAC,uBAAA,gCAAAC,MAAA,IAAAC,aAAA,oBAAAC,OAAA,cAAAC,OAAA,cAAAC,SAAA,kDAAAC,UAAA,iBAAAC,SAAA,wCAAAjB,KAAA,IAAAG,MAAA,SAAA3B,EAAA"}

package/dist/jump-design-system/p-20ceb40c.js

@@ -0,0 +1,3 @@
+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:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:false,element:false,event:true,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:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:false,vdomRender:true,vdomStyle:false,vdomText:true,vdomXlink:false,watchCallback:true};let n;let s;let l;let o=false;let i=false;let f=false;let c=false;let r=false;const a=(e,t="")=>{{return()=>{}}};const u=(e,t)=>{{return()=>{}}};const d="{visibility:hidden}.hydrated{visibility:inherit}";const p="slot-fb{display:contents}slot-fb[hidden]{display:none}";const m={};const v=e=>e!=null;const h=e=>{e=typeof e;return e==="object"||e==="function"};function y(e){var t,n,s;return(s=(n=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const b=(e,t,...n)=>{let s=null;let l=null;let o=null;let i=false;let f=false;const c=[];const r=t=>{for(let n=0;n<t.length;n++){s=t[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(i=typeof e!=="function"&&!h(s)){s=String(s)}if(i&&f){c[c.length-1].t+=s}else{c.push(i?$(null,s):s)}f=i}}};r(n);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=$(e,null);a.l=t;if(c.length>0){a.o=c}{a.i=l}{a.u=o}return a};const $=(e,t)=>{const n={p:0,m:e,t,v:null,o:null};{n.l=null}{n.i=null}{n.u=null}return n};const S={};const w=e=>e&&e.m===S;const g=(e,t)=>{if(e!=null&&!h(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 k=e=>we(e).$hostElement$;const C=(e,t,n)=>{const s=k(e);return{emit:e=>T(s,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};const T=(e,t,n)=>{const s=De.ce(t,n);e.dispatchEvent(s);return s};const L=new WeakMap;const j=(e,t,n)=>{let s=xe.get(e);if(Me&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=t}else{s.replaceSync(t)}}else{s=t}xe.set(e,s)};const x=(e,t,n)=>{var s;const l=O(t);const o=xe.get(l);e=e.nodeType===11?e:Oe;if(o){if(typeof o==="string"){e=e.head||e;let n=L.get(e);let i;if(!n){L.set(e,n=new Set)}if(!n.has(l)){{i=Oe.createElement("style");i.innerHTML=o;const t=(s=De.h)!==null&&s!==void 0?s:y(Oe);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.p&4){i.innerHTML+=p}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]}}return l};const R=e=>{const t=e.$;const n=e.$hostElement$;const s=t.p;const l=a("attachStyles",t.S);const o=x(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h")}l()};const O=(e,t)=>"sc-"+e.S;const D=(e,t,n,s,l,o)=>{if(n!==s){let i=Ce(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const l=M(n);const o=M(s);t.remove(...l.filter((e=>e&&!o.includes(e))));t.add(...o.filter((e=>e&&!l.includes(e))))}else if(t==="key");else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(Ce(Re,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||s){const l=t.endsWith(A);t=t.replace(N,"");if(n){De.rel(e,t,n,l)}if(s){De.ael(e,t,s,l)}}}else{const f=h(s);if((i||f&&s!==null)&&!l){try{if(!e.tagName.includes("-")){const l=s==null?"":s;if(t==="list"){i=false}else if(n==null||e[t]!=l){e[t]=l}}else{e[t]=s}}catch(e){}}if(s==null||s===false){if(s!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!i||o&4||l)&&!f){s=s===true?"":s;{e.setAttribute(t,s)}}}}};const F=/\s/;const M=e=>!e?[]:e.split(F);const A="Capture";const N=new RegExp(A+"$");const P=(e,t,n,s)=>{const l=t.v.nodeType===11&&t.v.host?t.v.host:t.v;const o=e&&e.l||m;const i=t.l||m;{for(s of U(Object.keys(o))){if(!(s in i)){D(l,s,o[s],undefined,n,t.p)}}}for(s of U(Object.keys(i))){D(l,s,o[s],i[s],n,t.p)}};function U(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}const W=(e,t,i,r)=>{var a;const u=t.o[i];let d=0;let p;let m;let h;if(!o){f=true;if(u.m==="slot"){if(n){r.classList.add(n+"-s")}u.p|=u.o?2:1}}if(u.t!==null){p=u.v=Oe.createTextNode(u.t)}else if(u.p&1){p=u.v=Oe.createTextNode("")}else{p=u.v=Oe.createElement(u.p&2?"slot-fb":u.m);{P(null,u,c)}if(v(n)&&p["s-si"]!==n){p.classList.add(p["s-si"]=n)}if(u.o){for(d=0;d<u.o.length;++d){m=W(e,u,d,p);if(m){p.appendChild(m)}}}}p["s-hn"]=l;{if(u.p&(2|1)){p["s-sr"]=true;p["s-cr"]=s;p["s-sn"]=u.u||"";p["s-rf"]=(a=u.l)===null||a===void 0?void 0:a.ref;h=e&&e.o&&e.o[i];if(h&&h.m===u.m&&e.v){{E(e.v,false)}}}}return p};const E=(e,n)=>{De.p|=1;const s=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"]===l){s.push(t)}}}for(let e=s.length-1;e>=0;e--){const t=s[e];if(t["s-hn"]!==l&&t["s-ol"]){I(t).insertBefore(t,q(t));t["s-ol"].remove();t["s-ol"]=undefined;t["s-sh"]=undefined;f=true}if(n){E(t,n)}}De.p&=~1};const z=(e,t,n,s,o,i)=>{let f=e["s-cr"]&&e["s-cr"].parentNode||e;let c;if(f.shadowRoot&&f.tagName===l){f=f.shadowRoot}for(;o<=i;++o){if(s[o]){c=W(null,n,o,e);if(c){s[o].v=c;f.insertBefore(c,q(t))}}}};const B=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.v;if(e){{i=true;if(e["s-ol"]){e["s-ol"].remove()}else{E(e,true)}}e.remove()}}}};const H=(e,t,n,s,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=s.length-1;let p=s[0];let m=s[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=s[++i]}else if(m==null){m=s[--d]}else if(Q(a,p,l)){K(a,p,l);a=t[++o];p=s[++i]}else if(Q(u,m,l)){K(u,m,l);u=t[--r];m=s[--d]}else if(Q(a,m,l)){if(a.m==="slot"||m.m==="slot"){E(a.v.parentNode,false)}K(a,m,l);e.insertBefore(a.v,u.v.nextSibling);a=t[++o];m=s[--d]}else if(Q(u,p,l)){if(a.m==="slot"||m.m==="slot"){E(u.v.parentNode,false)}K(u,p,l);e.insertBefore(u.v,a.v);u=t[--r];p=s[++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=W(t&&t[i],n,f,e)}else{K(h,p,l);t[f]=undefined;v=h.v}p=s[++i]}else{v=W(t&&t[i],n,i,e);p=s[++i]}if(v){{I(a.v).insertBefore(v,q(a.v))}}}}if(o>r){z(e,s[d+1]==null?null:s[d+1].v,n,s,i,d)}else if(i>d){B(t,o,r)}};const Q=(e,t,n=false)=>{if(e.m===t.m){if(e.m==="slot"){return e.u===t.u}if(!n){return e.i===t.i}return true}return false};const q=e=>e&&e["s-ol"]||e;const I=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;const K=(e,t,n=false)=>{const s=t.v=e.v;const l=e.o;const i=t.o;const f=t.m;const r=t.t;let a;if(r===null){{if(f==="slot"&&!o);else{P(e,t,c)}}if(l!==null&&i!==null){H(s,l,t,i,n)}else if(i!==null){if(e.t!==null){s.textContent=""}z(s,null,t,i,0,i.length-1)}else if(l!==null){B(l,0,l.length-1)}}else if(a=s["s-cr"]){a.parentNode.textContent=r}else if(e.t!==r){s.data=r}};const V=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const n=e["s-sn"];e.hidden=false;for(const s of t){if(s!==e){if(s["s-hn"]!==e["s-hn"]||n!==""){if(s.nodeType===1&&(n===s.getAttribute("slot")||n===s["s-sn"])){e.hidden=true;break}}else{if(s.nodeType===1||s.nodeType===3&&s.textContent.trim()!==""){e.hidden=true;break}}}}}V(e)}}};const X=[];const _=e=>{let n;let s;let l;for(const o of e.childNodes){if(o["s-sr"]&&(n=o["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;const e=o["s-sn"];for(l=s.length-1;l>=0;l--){n=s[l];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==o["s-hn"]&&!t.experimentalSlotFixes){if(G(n,e)){let t=X.find((e=>e.k===n));i=true;n["s-sn"]=n["s-sn"]||e;if(t){t.k["s-sh"]=o["s-hn"];t.C=o}else{n["s-sh"]=o["s-hn"];X.push({C:o,k:n})}if(n["s-sr"]){X.map((e=>{if(G(e.k,n["s-sn"])){t=X.find((e=>e.k===n));if(t&&!e.C){e.C=t.C}}}))}}else if(!X.some((e=>e.k===n))){X.push({k:n})}}}}if(o.nodeType===1){_(o)}}};const G=(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 J=(e,t,c=false)=>{var r,a,u,d;const p=e.$hostElement$;const m=e.$;const v=e.T||$(null,null);const h=w(t)?t:b(null,null,t);l=p.tagName;if(m.L){h.l=h.l||{};m.L.map((([e,t])=>h.l[t]=p[e]))}if(c&&h.l){for(const e of Object.keys(h.l)){if(p.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){h.l[e]=p[e]}}}h.m=null;h.p|=4;e.T=h;h.v=v.v=p.shadowRoot||p;{n=p["s-sc"]}o=(m.p&1)!==0;{s=p["s-cr"];i=false}K(v,h,c);{De.p|=1;if(f){_(h.v);for(const e of X){const t=e.k;if(!t["s-ol"]){const e=Oe.createTextNode("");e["s-nr"]=t;t.parentNode.insertBefore(t["s-ol"]=e,t)}}for(const e of X){const t=e.k;const n=e.C;if(n){const e=n.parentNode;let s=n.nextSibling;{let n=(r=t["s-ol"])===null||r===void 0?void 0:r.previousSibling;while(n){let l=(a=n["s-nr"])!==null&&a!==void 0?a:null;if(l&&l["s-sn"]===t["s-sn"]&&e===l.parentNode){l=l.nextSibling;while(l===t||(l===null||l===void 0?void 0:l["s-sr"])){l=l===null||l===void 0?void 0:l.nextSibling}if(!l||!l["s-nr"]){s=l;break}}n=n.previousSibling}}if(!s&&e!==t.parentNode||t.nextSibling!==s){if(t!==s){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}e.insertBefore(t,s);if(t.nodeType===1){t.hidden=(u=t["s-ih"])!==null&&u!==void 0?u:false}}}t&&typeof n["s-rf"]==="function"&&n["s-rf"](t)}else{if(t.nodeType===1){if(c){t["s-ih"]=(d=t.hidden)!==null&&d!==void 0?d:false}t.hidden=true}}}}if(i){V(h.v)}De.p&=~1;X.length=0}s=undefined};const Y=(e,t)=>{if(t&&!e.j&&t["s-p"]){t["s-p"].push(new Promise((t=>e.j=t)))}};const Z=(e,t)=>{{e.p|=16}if(e.p&4){e.p|=512;return}Y(e,e.R);const n=()=>ee(e,t);return ze(n)};const ee=(e,t)=>{const n=a("scheduleUpdate",e.$.S);const s=e.O;let l;if(t){{l=fe(s,"componentWillLoad")}}n();return te(l,(()=>se(e,s,t)))};const te=(e,t)=>ne(e)?e.then(t):t();const ne=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";const se=async(e,t,n)=>{var s;const l=e.$hostElement$;const o=a("update",e.$.S);const i=l["s-rc"];if(n){R(e)}const f=a("render",e.$.S);{le(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=undefined}f();o();{const t=(s=l["s-p"])!==null&&s!==void 0?s:[];const n=()=>oe(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.p|=4;t.length=0}}};const le=(e,t,n,s)=>{try{t=t.render();{e.p&=~16}{e.p|=2}{{{J(e,t,s)}}}}catch(t){Te(t,e.$hostElement$)}return null};const oe=e=>{const t=e.$.S;const n=e.$hostElement$;const s=a("postUpdate",t);const l=e.O;const o=e.R;if(!(e.p&64)){e.p|=64;{ce(n)}{fe(l,"componentDidLoad")}s();{e.D(n);if(!o){ie()}}}else{s()}{if(e.j){e.j();e.j=undefined}if(e.p&512){Ee((()=>Z(e,false)))}e.p&=~(4|512)}};const ie=t=>{{ce(Oe.documentElement)}Ee((()=>T(Re,"appload",{detail:{namespace:e}})))};const fe=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){Te(e)}}return undefined};const ce=e=>e.classList.add("hydrated");const re=(e,t)=>we(e).F.get(t);const ae=(e,t,n,s)=>{const l=we(e);const o=l.$hostElement$;const i=l.F.get(t);const f=l.p;const c=l.O;n=g(n,s.M[t][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const a=n!==i&&!r;if((!(f&8)||i===undefined)&&a){l.F.set(t,n);if(c){if(s.A&&f&128){const e=s.A[t];if(e){e.map((e=>{try{c[e](n,i,t)}catch(e){Te(e,o)}}))}}if((f&(2|16))===2){Z(l,false)}}}};const ue=(e,t,n)=>{var s;const l=e.prototype;if(t.M){if(e.watchers){t.A=e.watchers}const o=Object.entries(t.M);o.map((([e,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,e,{get(){return re(this,e)},set(n){ae(this,e,n,t)},configurable:true,enumerable:true})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(e,s,o){De.jmp((()=>{var i;const f=n.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 n=we(this);const l=n===null||n===void 0?void 0:n.p;if(l&&!(l&8)&&l&128&&o!==s){const l=n.O;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,s,e)}}))}return}this[f]=o===null&&typeof this[f]==="boolean"?false:o}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=t.A)!==null&&s!==void 0?s:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,s])=>{var l;const o=s[1]||e;n.set(o,e);if(s[0]&512){(l=t.L)===null||l===void 0?void 0:l.push([e,o])}return o}))]))}}return e};const de=async(e,t,n,s)=>{let l;if((t.p&32)===0){t.p|=32;const s=n.N;if(s){l=je(n);if(l.then){const e=u();l=await l;e()}if(!l.isProxied){{n.A=l.watchers}ue(l,n,2);l.isProxied=true}const e=a("createInstance",n.S);{t.p|=8}try{new l(t)}catch(e){Te(e)}{t.p&=~8}{t.p|=128}e()}else{l=e.constructor;customElements.whenDefined(n.S).then((()=>t.p|=128))}if(l.style){let e=l.style;const t=O(n);if(!xe.has(t)){const s=a("registerStyles",n.S);j(t,e,!!(n.p&1));s()}}}const o=t.R;const i=()=>Z(t,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const pe=e=>{};const me=e=>{if((De.p&1)===0){const t=we(e);const n=t.$;const s=a("connectedCallback",n.S);if(!(t.p&1)){t.p|=1;{if(n.p&(4|8)){ve(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){Y(t,t.R=n);break}}}if(n.M){Object.entries(n.M).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{de(e,t,n)}}else{if(t===null||t===void 0?void 0:t.O);else if(t===null||t===void 0?void 0:t.P){t.P.then((()=>pe()))}}s()}};const ve=e=>{const t=e["s-cr"]=Oe.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};const he=e=>{};const ye=async e=>{if((De.p&1)===0){const t=we(e);if(t===null||t===void 0?void 0:t.O);else if(t===null||t===void 0?void 0:t.P){t.P.then((()=>he()))}}};const be=(e,t={})=>{var n;const s=a();const l=[];const o=t.exclude||[];const i=Re.customElements;const f=Oe.head;const c=f.querySelector("meta[charset]");const r=Oe.createElement("style");const u=[];let m;let v=true;Object.assign(De,t);De.U=new URL(t.resourcesUrl||"./",Oe.baseURI).href;let h=false;e.map((e=>{e[1].map((t=>{var n;const s={p:t[0],S:t[1],M:t[2],W:t[3]};if(s.p&4){h=true}{s.M=t[2]}{s.L=[]}{s.A=(n=t[4])!==null&&n!==void 0?n:{}}const f=s.S;const c=class extends HTMLElement{constructor(e){super(e);e=this;ke(e,s);if(s.p&1){{{e.attachShadow({mode:"open"})}}}}connectedCallback(){if(m){clearTimeout(m);m=null}if(v){u.push(this)}else{De.jmp((()=>me(this)))}}disconnectedCallback(){De.jmp((()=>ye(this)))}componentOnReady(){return we(this).P}};s.N=e[0];if(!o.includes(f)&&!i.get(f)){l.push(f);i.define(f,ue(c,s,1))}}))}));if(l.length>0){if(h){r.textContent+=p}{r.textContent+=l+d}if(r.innerHTML.length){r.setAttribute("data-styles","");const e=(n=De.h)!==null&&n!==void 0?n:y(Oe);if(e!=null){r.setAttribute("nonce",e)}f.insertBefore(r,c?c.nextSibling:f.firstChild)}}v=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{De.jmp((()=>m=setTimeout(ie,30)))}}s()};const $e=e=>De.h=e;const Se=new WeakMap;const we=e=>Se.get(e);const ge=(e,t)=>Se.set(t.O=e,t);const ke=(e,t)=>{const n={p:0,$hostElement$:e,$:t,F:new Map};{n.P=new Promise((e=>n.D=e));e["s-p"]=[];e["s-rc"]=[]}return Se.set(e,n)};const Ce=(e,t)=>t in e;const Te=(e,t)=>(0,console.error)(e,t);const Le=new Map;const je=(e,t,n)=>{const s=e.S.replace(/-/g,"_");const l=e.N;const o=Le.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{Le.set(l,e)}return e[s]}),Te)};const xe=new Map;const Re=typeof window!=="undefined"?window:{};const Oe=Re.document||{head:{}};const De={p:0,U:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)};const Fe=e=>Promise.resolve(e);const Me=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();const Ae=[];const Ne=[];const Pe=(e,t)=>n=>{e.push(n);if(!r){r=true;if(t&&De.p&4){Ee(We)}else{De.raf(We)}}};const Ue=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){Te(e)}}e.length=0};const We=()=>{Ue(Ae);{Ue(Ne);if(r=Ae.length>0){De.raf(We)}}};const Ee=e=>Fe().then(e);const ze=Pe(Ne,true);export{S as H,be as b,C as c,b as h,Fe as p,ge as r,$e as s};
+//# sourceMappingURL=p-20ceb40c.js.map