pure-uikit 1.3.13 → 1.3.15

package/{cdn/chunks/chunk.NIWQJW3N.js → dist/chunks/chunk.HXFBS3D4.js}

@@ -1,6 +1,6 @@
 import {
   PTree
-} from "./chunk.MTCZTG2O.js";
+} from "./chunk.TKCNDFR5.js";
 
 // src/react/tree/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.BORCT5SF.js → chunk.I24TXSLC.js}

@@ -1,6 +1,6 @@
 import {
   PCarousel
-} from "./chunk.7NTUAT7X.js";
+} from "./chunk.PYWGXMSL.js";
 
 // src/components/carousel/carousel.ts
 var carousel_default = PCarousel;

package/{cdn/chunks/chunk.4WX3QI5A.js → dist/chunks/chunk.I3EKCYAF.js}

@@ -1,6 +1,6 @@
 import {
   POption
-} from "./chunk.DHBFCS4V.js";
+} from "./chunk.B4BCQB3D.js";
 
 // src/react/option/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.GFCJCR4R.js → chunk.I5FQN4KX.js}

@@ -9,13 +9,13 @@ import {
 } from "./chunk.HF7GESMZ.js";
 import {
   PIcon
-} from "./chunk.L66WVOK7.js";
+} from "./chunk.RDY62BI5.js";
 import {
   watch
 } from "./chunk.2FB5TK5H.js";
 import {
   PureElement
-} from "./chunk.L5MRE522.js";
+} from "./chunk.SZ2TSBWP.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/{cdn/chunks/chunk.7J2O6TBT.js → dist/chunks/chunk.I5XFE2V3.js}

@@ -1,6 +1,6 @@
 import {
   PRadioButton
-} from "./chunk.4VWK2E4P.js";
+} from "./chunk.DRVTZ7DK.js";
 
 // src/react/radio-button/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.W5YQMRSX.js → chunk.I7VOSS6T.js}

@@ -1,6 +1,6 @@
 import {
   PTooltip
-} from "./chunk.RZOC6JQI.js";
+} from "./chunk.A3SXB5IG.js";
 
 // src/components/tooltip/tooltip.ts
 var tooltip_default = PTooltip;

package/dist/chunks/{chunk.7DUSIXNG.js → chunk.IWKHVYXD.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.B6I27X24.js";
 import {
   PIcon
-} from "./chunk.L66WVOK7.js";
+} from "./chunk.RDY62BI5.js";
 import {
   watch
 } from "./chunk.2FB5TK5H.js";
 import {
   PureElement
-} from "./chunk.L5MRE522.js";
+} from "./chunk.SZ2TSBWP.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.EDY275QZ.js → chunk.J5RUROSM.js}

@@ -1,6 +1,6 @@
 import {
   PProgressRing
-} from "./chunk.SXTJMKLF.js";
+} from "./chunk.HHBKHA3X.js";
 
 // src/components/progress-ring/progress-ring.ts
 var progress_ring_default = PProgressRing;

package/dist/chunks/{chunk.SXK2BO2F.js → chunk.J7XB3SNN.js}

@@ -1,6 +1,6 @@
 import {
   PDrawer
-} from "./chunk.P45OBWLB.js";
+} from "./chunk.E3LOTDDD.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = PDrawer;

package/dist/chunks/{chunk.6C2UK5NJ.js → chunk.JC265VQC.js}

@@ -1,6 +1,6 @@
 import {
   PSwitch
-} from "./chunk.34LX5UBF.js";
+} from "./chunk.AEC7PZ4Y.js";
 
 // src/react/switch/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.OL7CQPBG.js → chunk.JKJOAFTF.js}

@@ -18,13 +18,13 @@ import {
 } from "./chunk.OLPLIBBP.js";
 import {
   PIcon
-} from "./chunk.L66WVOK7.js";
+} from "./chunk.RDY62BI5.js";
 import {
   watch
 } from "./chunk.2FB5TK5H.js";
 import {
   PureElement
-} from "./chunk.L5MRE522.js";
+} from "./chunk.SZ2TSBWP.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/{cdn/chunks/chunk.3VXJMKA2.js → dist/chunks/chunk.JYMVAUM4.js}

@@ -1,6 +1,6 @@
 import {
   PFormatDate
-} from "./chunk.RKTYO4MT.js";
+} from "./chunk.7OA2E4NI.js";
 
 // src/components/format-date/format-date.ts
 var format_date_default = PFormatDate;

package/dist/chunks/{chunk.A35O63YI.js → chunk.JYZPJK57.js}

@@ -1,6 +1,6 @@
 import {
   PIconButton
-} from "./chunk.2VALVN25.js";
+} from "./chunk.K2M3YHMB.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -12,12 +12,12 @@ import {
   animateTo,
   stopAnimations
 } from "./chunk.LHI6QEL2.js";
-import {
-  HasSlotController
-} from "./chunk.MLXUTV4G.js";
 import {
   LocalizeController
 } from "./chunk.OLPLIBBP.js";
+import {
+  HasSlotController
+} from "./chunk.MLXUTV4G.js";
 import {
   alert_styles_default
 } from "./chunk.V4QK7ZMX.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.2FB5TK5H.js";
 import {
   PureElement
-} from "./chunk.L5MRE522.js";
+} from "./chunk.SZ2TSBWP.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.2VALVN25.js → chunk.K2M3YHMB.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.S6NDCMXS.js";
 import {
   PIcon
-} from "./chunk.L66WVOK7.js";
+} from "./chunk.RDY62BI5.js";
 import {
   PureElement
-} from "./chunk.L5MRE522.js";
+} from "./chunk.SZ2TSBWP.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.YYWJBALF.js → chunk.K475Y6SJ.js}

@@ -1,6 +1,6 @@
 import {
   PIconButton
-} from "./chunk.2VALVN25.js";
+} from "./chunk.K2M3YHMB.js";
 
 // src/react/icon-button/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.J54I7VHV.js → chunk.K7WTTCFE.js}

@@ -1,6 +1,6 @@
 import {
   PRelativeTime
-} from "./chunk.VY6XSYYC.js";
+} from "./chunk.F7OMHL3N.js";
 
 // src/react/relative-time/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.IIWDNEFO.js → chunk.KLUE47TU.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk.OLPLIBBP.js";
 import {
   PIcon
-} from "./chunk.L66WVOK7.js";
+} from "./chunk.RDY62BI5.js";
 import {
   PureElement
-} from "./chunk.L5MRE522.js";
+} from "./chunk.SZ2TSBWP.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.Y2F5PX4Z.js → chunk.KMGK4OB3.js}

@@ -1,15 +1,27 @@
+import {
+  PSelect
+} from "./chunk.6GLDKQWG.js";
 import {
   paginate_styles_default
-} from "./chunk.4QX6OUGJ.js";
+} from "./chunk.NE2LD674.js";
+import {
+  PFormatNumber
+} from "./chunk.PLJXDI7G.js";
+import {
+  PButton
+} from "./chunk.ST6T3LCS.js";
+import {
+  PButtonGroup
+} from "./chunk.FEFYIJXZ.js";
 import {
   LocalizeController
 } from "./chunk.OLPLIBBP.js";
 import {
   PIcon
-} from "./chunk.L66WVOK7.js";
+} from "./chunk.RDY62BI5.js";
 import {
   PureElement
-} from "./chunk.L5MRE522.js";
+} from "./chunk.SZ2TSBWP.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";
@@ -34,6 +46,7 @@ var PPaginate = class extends PureElement {
     this.page = 1;
     this.limit = 12;
     this.maxVisiblePages = 3;
+    this.pageList = [10, 20, 30, 40, 50];
   }
   getPages() {
     const totalPages = Math.ceil(this.total / this.limit);
@@ -54,6 +67,13 @@ var PPaginate = class extends PureElement {
     }
     return pages;
   }
+  changeLimit(newLimit) {
+    this.limit = newLimit;
+    this.page = 1;
+    this.emit("p-change", {
+      detail: { limit: this.limit }
+    });
+  }
   changePage(newPage) {
     if (newPage === "...")
       return;
@@ -77,19 +97,41 @@ var PPaginate = class extends PureElement {
     const pages = this.getPages();
     return html`
       <div class="paginate">
-        <p-button
-          size=${this.size}
-          variant=${this.variant}
-          ?disabled="${this.page === 1 || this.disabled}"
-          @click="${this.prevPage}"
-          ?circle=${this.pill}
-        >
-          <slot name="prefix" part="prefix" slot="prefix">
-            <p-icon name="arrow-left"></p-icon>
-          </slot>
-          ${this.localize.term("previousPage")}
-        </p-button>
-        <div class="paginate__items">
+        <div class="paginate__summary">
+          <p-select
+            label=""
+            ?disabled="${this.disabled}"
+            size=${this.size}
+            .value=${String(this.limit)}
+            class="paginate__select_limit"
+            @p-change="${(e) => {
+      var _a;
+      return this.changeLimit(Number((_a = e.target) == null ? void 0 : _a.value));
+    }}"
+          >
+            ${this.pageList.map((page) => {
+      return html`<p-option value=${String(page)}>${page} / page</p-option>`;
+    })}
+          </p-select>
+          <span class="paginate__summary-text">
+            of total
+            <p-format-number value=${this.total}></p-format-number>
+            results
+          </span>
+        </div>
+        <p-button-group>
+          <p-button
+            size=${this.size}
+            variant=${this.variant}
+            ?disabled="${this.page === 1 || this.disabled}"
+            @click="${this.prevPage}"
+            ?circle=${this.pill}
+          >
+            <slot name="prefix" part="prefix" slot="prefix">
+              <p-icon name="arrow-left"></p-icon>
+            </slot>
+            ${this.localize.term("previousPage")}
+          </p-button>
           ${pages.map((page, pIdx) => {
       if (page === "...") {
         if (pIdx === 0) {
@@ -171,26 +213,30 @@ var PPaginate = class extends PureElement {
               `;
       }
     })}
-        </div>
-        <p-button
-          size=${this.size}
-          variant=${this.variant}
-          ?disabled="${this.page === Math.ceil(this.total / this.limit) || this.disabled}"
-          @click="${this.nextPage}"
-          ?circle=${this.pill}
-        >
-          <slot slot="suffix" name="suffix" part="suffix">
-            <p-icon name="arrow-right"></p-icon>
-          </slot>
-          ${this.localize.term("nextPage")}
-        </p-button>
+          <p-button
+            size=${this.size}
+            variant=${this.variant}
+            ?disabled="${this.page === Math.ceil(this.total / this.limit) || this.disabled}"
+            @click="${this.nextPage}"
+            ?circle=${this.pill}
+          >
+            <slot slot="suffix" name="suffix" part="suffix">
+              <p-icon name="arrow-right"></p-icon>
+            </slot>
+            ${this.localize.term("nextPage")}
+          </p-button>
+        </p-button-group>
       </div>
     `;
   }
 };
 PPaginate.styles = [component_styles_default, paginate_styles_default];
 PPaginate.dependencies = {
-  "p-icon": PIcon
+  "p-icon": PIcon,
+  "p-select": PSelect,
+  "p-format-number": PFormatNumber,
+  "p-button": PButton,
+  "p-button-group": PButtonGroup
 };
 __decorateClass([
   property()
@@ -219,6 +265,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Number, reflect: true, attribute: "max-visible-pages" })
 ], PPaginate.prototype, "maxVisiblePages", 2);
+__decorateClass([
+  property({ type: Array, attribute: "page-list" })
+], PPaginate.prototype, "pageList", 2);
 
 export {
   PPaginate

package/{cdn/chunks/chunk.7WZYDUNX.js → dist/chunks/chunk.KRLDRGOP.js}

@@ -1,6 +1,6 @@
 import {
   PCard
-} from "./chunk.K5B6EOJU.js";
+} from "./chunk.C3OH5AB7.js";
 
 // src/components/card/card.ts
 var card_default = PCard;

package/dist/chunks/{chunk.7V2L4YMQ.js → chunk.KRLNKK2G.js}

@@ -1,6 +1,6 @@
 import {
   PRadioGroup
-} from "./chunk.VIZNNCBT.js";
+} from "./chunk.36XIUTCC.js";
 
 // src/react/radio-group/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.CNLV7AAA.js → chunk.LJ3X3FXF.js}

@@ -1,6 +1,6 @@
 import {
   PRange
-} from "./chunk.XS4TFBQU.js";
+} from "./chunk.H3JGZT4S.js";
 
 // src/react/range/index.ts
 import * as React from "react";

package/{cdn/chunks/chunk.2L4MOOXZ.js → dist/chunks/chunk.LKG3XSGH.js}

@@ -1,6 +1,6 @@
 import {
   PDivider
-} from "./chunk.DFUHMRJG.js";
+} from "./chunk.3LKUTYMP.js";
 
 // src/react/divider/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.LKFYYC5S.js → chunk.LLJ7IRBH.js}

@@ -1,6 +1,6 @@
 import {
   PCard
-} from "./chunk.LLH52L7V.js";
+} from "./chunk.C3OH5AB7.js";
 
 // src/react/card/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.YT6OKGCT.js → chunk.LUHV5VK2.js}

@@ -1,6 +1,6 @@
 import {
   PRelativeTime
-} from "./chunk.VY6XSYYC.js";
+} from "./chunk.F7OMHL3N.js";
 
 // src/components/relative-time/relative-time.ts
 var relative_time_default = PRelativeTime;

package/dist/chunks/{chunk.QB646LAP.js → chunk.MCF62YCW.js}

@@ -1,6 +1,6 @@
 import {
   PProgressBar
-} from "./chunk.TLYTJHCW.js";
+} from "./chunk.NIDEEYOO.js";
 import {
   file_upload_styles_default
 } from "./chunk.Q6SL6FAV.js";
@@ -10,22 +10,22 @@ import {
 } from "./chunk.OC75CHDN.js";
 import {
   PFileUploadItem
-} from "./chunk.AR45B6ID.js";
+} from "./chunk.4ZSTHBI4.js";
 import {
   FormControlController
 } from "./chunk.QI65WEA7.js";
 import {
   PIconButton
-} from "./chunk.2VALVN25.js";
+} from "./chunk.K2M3YHMB.js";
 import {
   LocalizeController
 } from "./chunk.OLPLIBBP.js";
 import {
   PIcon
-} from "./chunk.L66WVOK7.js";
+} from "./chunk.RDY62BI5.js";
 import {
   PureElement
-} from "./chunk.L5MRE522.js";
+} from "./chunk.SZ2TSBWP.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.SIDBFWHA.js → chunk.MHKTPRWY.js}

@@ -1,6 +1,6 @@
 import {
   PAnimation
-} from "./chunk.JCSMWN3Y.js";
+} from "./chunk.6MJSZHLB.js";
 
 // src/react/animation/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.6FCRDP5N.js → chunk.MHYKE3PZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.NPVRNAM6.js";
 import {
   PureElement
-} from "./chunk.L5MRE522.js";
+} from "./chunk.SZ2TSBWP.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.FQA3AYZ6.js → chunk.MKFQVYLD.js}

@@ -1,6 +1,6 @@
 import {
   PSplitPanel
-} from "./chunk.P6T7E4RT.js";
+} from "./chunk.MUOTXJIT.js";
 
 // src/components/split-panel/split-panel.ts
 var split_panel_default = PSplitPanel;

package/{cdn/chunks/chunk.4EYT4Q35.js → dist/chunks/chunk.MQMKUZBQ.js}

@@ -1,6 +1,6 @@
 import {
   PDropdown
-} from "./chunk.7K3BTQBS.js";
+} from "./chunk.EEQWLBDF.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = PDropdown;

package/dist/chunks/{chunk.P6T7E4RT.js → chunk.MUOTXJIT.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.2FB5TK5H.js";
 import {
   PureElement
-} from "./chunk.L5MRE522.js";
+} from "./chunk.SZ2TSBWP.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.WLMPDGCU.js → chunk.MZQUJZ5L.js}

@@ -1,6 +1,6 @@
 import {
   PDialog
-} from "./chunk.AOKIQ4L5.js";
+} from "./chunk.UATLCTMK.js";
 
 // src/react/dialog/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.VAXLNWTU.js → chunk.N5SY23LF.js}

@@ -1,6 +1,6 @@
 import {
   PPaginate
-} from "./chunk.Y2F5PX4Z.js";
+} from "./chunk.KMGK4OB3.js";
 
 // src/components/paginate/paginate.ts
 var paginate_default = PPaginate;

package/dist/chunks/{chunk.PCMH2MYL.js → chunk.NBIGVPLQ.js}

@@ -1,6 +1,6 @@
 import {
   PButtonGroup
-} from "./chunk.FVHHDWN6.js";
+} from "./chunk.FEFYIJXZ.js";
 
 // src/components/button-group/button-group.ts
 var button_group_default = PButtonGroup;

package/dist/chunks/{chunk.4QX6OUGJ.js → chunk.NE2LD674.js}

@@ -21,6 +21,16 @@ var paginate_styles_default = css`
     gap: var(--p-spacing-x-small);
   }
 
+  @media only screen and (max-width: 768px) {
+    .paginate {
+      justify-content: center !important;
+    }
+    .paginate__summary {
+      display: none !important;
+    }
+  }
+
+  .paginate__summary,
   .paginate__items {
     display: flex;
     align-items: center;
@@ -29,9 +39,24 @@ var paginate_styles_default = css`
     position: relative;
     gap: var(--p-spacing-x-small);
   }
+  .paginate__select_limit {
+    width: 128px;
+  }
+
+  .paginate__summary-text {
+    font-family: var(--p-font-sans);
+    font-size: var(--p-font-size-small);
+    font-weight: var(--p-font-weight-medium);
+    line-height: var(--p-line-height-normal);
+    letter-spacing: var(--p-letter-spacing-normal);
+    color: var(--p-color-gray-600);
+    white-space: nowrap;
+    user-select: none;
+    -webkit-user-select: none;
+  }
 
   .page::part(base) {
-    border: none !important;
+    // border: none !important;
   }
 
   .page::part(base):hover {

package/dist/chunks/{chunk.7SX7KDAG.js → chunk.NE3VEA6G.js}

@@ -1,6 +1,6 @@
 import {
   PBreadcrumbItem
-} from "./chunk.ICJ3KIOQ.js";
+} from "./chunk.424U2JFD.js";
 
 // src/components/breadcrumb-item/breadcrumb-item.ts
 var breadcrumb_item_default = PBreadcrumbItem;

package/{cdn/chunks/chunk.X5AZPBIP.js → dist/chunks/chunk.NFDDZK63.js}

@@ -1,6 +1,6 @@
 import {
   PDetails
-} from "./chunk.IDA3WORT.js";
+} from "./chunk.JKJOAFTF.js";
 
 // src/react/details/index.ts
 import * as React from "react";

package/{cdn/chunks/chunk.TGL3UW6H.js → dist/chunks/chunk.NI5WEWK2.js}

@@ -1,6 +1,6 @@
 import {
   PTextarea
-} from "./chunk.36KIWXUK.js";
+} from "./chunk.2B6KN2UU.js";
 
 // src/react/textarea/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.TLYTJHCW.js → chunk.NIDEEYOO.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.OLPLIBBP.js";
 import {
   PureElement
-} from "./chunk.L5MRE522.js";
+} from "./chunk.SZ2TSBWP.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.4BA5J5P4.js → chunk.NJLFRDW6.js}

@@ -1,6 +1,6 @@
 import {
   PCheckbox
-} from "./chunk.UUYELZ3Y.js";
+} from "./chunk.SKHBP5IA.js";
 
 // src/components/checkbox/checkbox.ts
 var checkbox_default = PCheckbox;

package/dist/chunks/{chunk.32YDTYEK.js → chunk.NPWYJXDC.js}

@@ -1,6 +1,6 @@
 import {
   PSkeleton
-} from "./chunk.777NHZXT.js";
+} from "./chunk.E5JMPCXI.js";
 
 // src/react/skeleton/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.4SXT2T6S.js → chunk.NY3T5GHG.js}

@@ -1,6 +1,6 @@
 import {
   PDetails
-} from "./chunk.OL7CQPBG.js";
+} from "./chunk.JKJOAFTF.js";
 
 // src/components/details/details.ts
 var details_default = PDetails;

package/dist/chunks/{chunk.NYBUF7W4.js → chunk.NYSOJW4Y.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.EESMAN23.js";
 import {
   PureElement
-} from "./chunk.L5MRE522.js";
+} from "./chunk.SZ2TSBWP.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";