pure-uikit 1.3.3 → 1.3.4

package/cdn/chunks/{chunk.NUZFFVPP.js → chunk.2FKKBQWH.js}

@@ -4,19 +4,19 @@ import {
 import {
   ke
 } from "./chunk.V7W45QBZ.js";
-import {
-  LocalizeController
-} from "./chunk.3C33BQBP.js";
 import {
   Rt
 } from "./chunk.A56LY5J2.js";
+import {
+  LocalizeController
+} from "./chunk.3C33BQBP.js";
 import {
   PIcon
-} from "./chunk.YJVC2AP2.js";
+} from "./chunk.4TSTCMKK.js";
 import {
   PureElement,
   n
-} from "./chunk.6DIPKQ4W.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.N5SG2LJP.js → chunk.2IAVLZDD.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk.NOELO442.js";
 import {
   PSpinner
-} from "./chunk.YYIFSNFK.js";
+} from "./chunk.T2TT2LUI.js";
 import {
   PPopup
-} from "./chunk.JBUZHGZ2.js";
+} from "./chunk.EWP7FB5V.js";
 import {
   HasSlotController,
   getTextContent
@@ -19,7 +19,7 @@ import {
 } from "./chunk.A56LY5J2.js";
 import {
   PIcon
-} from "./chunk.YJVC2AP2.js";
+} from "./chunk.4TSTCMKK.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -27,7 +27,7 @@ import {
   PureElement,
   e,
   n
-} from "./chunk.6DIPKQ4W.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/{dist/chunks/chunk.MZAEPSEB.js → cdn/chunks/chunk.2SIYJ5NM.js}

@@ -1,6 +1,6 @@
 import {
   PVisuallyHidden
-} from "./chunk.2YYGBYU3.js";
+} from "./chunk.K4EVXUWB.js";
 
 // src/components/visually-hidden/visually-hidden.ts
 var visually_hidden_default = PVisuallyHidden;

package/cdn/chunks/{chunk.XN3WUZ2V.js → chunk.3D4JBZDT.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.B4NXU6TF.js";
 import {
   PButtonGroup
-} from "./chunk.NIPDBGYN.js";
+} from "./chunk.AX5Z3RVM.js";
 import {
   form_control_styles_default
 } from "./chunk.IQ5OJYFT.js";
@@ -27,7 +27,7 @@ import {
   e,
   n,
   r
-} from "./chunk.6DIPKQ4W.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.MY45M5HV.js → chunk.3LEDKGV7.js}

@@ -21,7 +21,7 @@ import {
   e,
   n,
   r
-} from "./chunk.6DIPKQ4W.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.QPAKO5VY.js → chunk.3PSQK66Z.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.5BTTH5Q4.js";
 import {
   PPopup
-} from "./chunk.JBUZHGZ2.js";
+} from "./chunk.EWP7FB5V.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -18,15 +18,15 @@ import {
   animateTo,
   stopAnimations
 } from "./chunk.S7GYYU7Z.js";
-import {
-  LocalizeController
-} from "./chunk.3C33BQBP.js";
 import {
   to
 } from "./chunk.DQNILPUT.js";
 import {
   Rt
 } from "./chunk.A56LY5J2.js";
+import {
+  LocalizeController
+} from "./chunk.3C33BQBP.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -34,7 +34,7 @@ import {
   PureElement,
   e,
   n
-} from "./chunk.6DIPKQ4W.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.IUGWIN4H.js → chunk.3RULBA56.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.NOWCQZBS.js";
 import {
   PTag
-} from "./chunk.EYD2J7SV.js";
+} from "./chunk.KZ6FL4ZJ.js";
 import {
   ae
 } from "./chunk.6JBGXCYU.js";
 import {
   PPopup
-} from "./chunk.JBUZHGZ2.js";
+} from "./chunk.EWP7FB5V.js";
 import {
   defaultValue
 } from "./chunk.PGG27OMY.js";
@@ -33,18 +33,18 @@ import {
   animateTo,
   stopAnimations
 } from "./chunk.S7GYYU7Z.js";
-import {
-  LocalizeController
-} from "./chunk.3C33BQBP.js";
 import {
   HasSlotController
 } from "./chunk.MLXUTV4G.js";
 import {
   Rt
 } from "./chunk.A56LY5J2.js";
+import {
+  LocalizeController
+} from "./chunk.3C33BQBP.js";
 import {
   PIcon
-} from "./chunk.YJVC2AP2.js";
+} from "./chunk.4TSTCMKK.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -53,7 +53,7 @@ import {
   e,
   n,
   r
-} from "./chunk.6DIPKQ4W.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.4OJC2LXX.js → chunk.3ZCDCJL6.js}

@@ -6,25 +6,25 @@ import {
 } from "./chunk.O5XD4CAG.js";
 import {
   PPaginate
-} from "./chunk.NUZFFVPP.js";
+} from "./chunk.2FKKBQWH.js";
 import {
   icon_default
-} from "./chunk.MWM3XZHU.js";
+} from "./chunk.C4QWRUSL.js";
 import {
   PCheckbox
-} from "./chunk.533QZ5RP.js";
+} from "./chunk.PVMSNEKG.js";
 import {
   se
 } from "./chunk.VA36342L.js";
 import {
   PTag
-} from "./chunk.EYD2J7SV.js";
-import {
-  LocalizeController
-} from "./chunk.3C33BQBP.js";
+} from "./chunk.KZ6FL4ZJ.js";
 import {
   Rt
 } from "./chunk.A56LY5J2.js";
+import {
+  LocalizeController
+} from "./chunk.3C33BQBP.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -33,7 +33,7 @@ import {
   e,
   n,
   r
-} from "./chunk.6DIPKQ4W.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.RL5FH24L.js → chunk.44PGAPWM.js}

@@ -1,6 +1,6 @@
 import {
   PMenuItem
-} from "./chunk.N5SG2LJP.js";
+} from "./chunk.2IAVLZDD.js";
 
 // src/react/menu-item/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.NBQPFQGT.js → chunk.46TXZL5T.js}

@@ -1,6 +1,6 @@
 import {
   PFormatNumber
-} from "./chunk.MUQJFH4R.js";
+} from "./chunk.NH5XKGEI.js";
 
 // src/components/format-number/format-number.ts
 var format_number_default = PFormatNumber;

package/cdn/chunks/{chunk.UN4VH6JM.js → chunk.4BIPBZY6.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.L52NKNLQ.js";
 import {
   icon_default
-} from "./chunk.MWM3XZHU.js";
+} from "./chunk.C4QWRUSL.js";
 import {
   PDropdown
-} from "./chunk.QPAKO5VY.js";
+} from "./chunk.3PSQK66Z.js";
 import {
   PButton
-} from "./chunk.6UMEXJXB.js";
+} from "./chunk.AZL3G5WN.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -17,7 +17,7 @@ import {
   PureElement,
   e,
   n
-} from "./chunk.6DIPKQ4W.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";
@@ -33,7 +33,6 @@ var PSmartContainer = class extends PureElement {
   constructor() {
     super(...arguments);
     this.observedElements = [];
-    this.overlapElements = [];
     this.attr = "example";
   }
   handleExampleChange() {
@@ -50,42 +49,40 @@ var PSmartContainer = class extends PureElement {
     this.resizeObserver.disconnect();
   }
   firstUpdated() {
-    var _a;
-    const slot = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("slot:not([name])");
-    const elements = slot == null ? void 0 : slot.assignedElements({ flatten: true });
-    elements.forEach((el) => {
-      var _a2;
-      (_a2 = this.dropdownMenu) == null ? void 0 : _a2.appendChild(el.cloneNode(true));
-    });
     this.startObserver();
   }
   connectedCallback() {
     super.connectedCallback();
     this.resizeObserver = new ResizeObserver((entries) => {
       var _a, _b;
-      this.overlapElements = [];
       const slot = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("slot:not([name])");
       if (!slot || !entries.length)
         return;
       const container = (_b = entries[0]) == null ? void 0 : _b.contentRect;
       const elements = slot == null ? void 0 : slot.assignedElements({ flatten: true });
+      const lastElement = elements[elements.length - 1];
+      if (this.dropdownContent.children.length > 0) {
+        const lastChild = this.dropdownContent.lastElementChild;
+        if (lastChild) {
+          const width = Number(lastChild.dataset.oldWidth);
+          if (lastElement.offsetLeft + lastElement.offsetWidth + width < container.width) {
+            this.append(lastChild);
+          }
+        }
+      }
       elements.forEach((el) => {
-        el.style.display = "block";
-      });
-      elements.forEach((el, index) => {
+        var _a2;
         if (el.offsetLeft + el.offsetWidth > container.width) {
-          this.overlapElements.push(index);
-          el.style.display = "none";
+          el.dataset.oldWidth = String(el.offsetWidth);
+          (_a2 = this.dropdownContent) == null ? void 0 : _a2.appendChild(el);
         }
       });
-      if (this.overlapElements.length > 0) {
-        Array.from(this.dropdownMenu.children).forEach((el, index) => {
-          if (this.overlapElements.includes(index)) {
-            el.style.display = "block";
-          } else {
-            el.style.display = "none";
-          }
-        });
+      if (this.dropdownContent.children.length > 0) {
+        this.dropdown.style.width = "auto";
+        this.dropdown.style.visibility = "visible";
+      } else {
+        this.dropdown.style.visibility = "hidden";
+        this.dropdown.style.width = "0px";
       }
       this.requestUpdate();
     });
@@ -97,20 +94,21 @@ var PSmartContainer = class extends PureElement {
   render() {
     return ke` <div class="smart-container" part="base">
       <slot></slot>
-      <p-dropdown>
-        <slot name="icon" slot="trigger">
+      <p-dropdown class="smart_container__dropdown">
+        <slot name="trigger" slot="trigger">
           <p-button>
             <p-icon name="funnel"></p-icon>
           </p-button>
         </slot>
         <p-menu part="dropdown-menu">
-          <div class="smart_container__dropdown-menu"></div>
+          <div class="smart_container__dropdown-content"></div>
         </p-menu>
       </p-dropdown>
     </div>`;
   }
 };
 PSmartContainer.styles = [component_styles_default, smart_container_styles_default];
+// private overlapElements: number[] = [];
 PSmartContainer.dependencies = {
   "p-dropdown": PDropdown,
   "p-icon": icon_default,
@@ -123,8 +121,11 @@ __decorateClass([
   e(".smart-container")
 ], PSmartContainer.prototype, "smartContainer", 2);
 __decorateClass([
-  e(".smart_container__dropdown-menu")
-], PSmartContainer.prototype, "dropdownMenu", 2);
+  e(".smart_container__dropdown")
+], PSmartContainer.prototype, "dropdown", 2);
+__decorateClass([
+  e(".smart_container__dropdown-content")
+], PSmartContainer.prototype, "dropdownContent", 2);
 __decorateClass([
   watch("example")
 ], PSmartContainer.prototype, "handleExampleChange", 1);

package/cdn/chunks/{chunk.CQ47MZYI.js → chunk.4MEBJUBF.js}

@@ -13,13 +13,13 @@ import {
 } from "./chunk.A56LY5J2.js";
 import {
   PIcon
-} from "./chunk.YJVC2AP2.js";
+} from "./chunk.4TSTCMKK.js";
 import {
   PureElement,
   e,
   n,
   r
-} from "./chunk.6DIPKQ4W.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/{dist/chunks/chunk.SGCJOG5A.js → cdn/chunks/chunk.4Q3QS3R2.js}

@@ -1,6 +1,6 @@
 import {
   PTag
-} from "./chunk.FIBUTRNB.js";
+} from "./chunk.KZ6FL4ZJ.js";
 
 // src/components/tag/tag.ts
 var tag_default = PTag;

package/{dist/chunks/chunk.5QTSZSIK.js → cdn/chunks/chunk.4RRBQSD6.js}

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

package/cdn/chunks/{chunk.YJVC2AP2.js → chunk.4TSTCMKK.js}

@@ -16,7 +16,7 @@ import {
   PureElement,
   n,
   r
-} from "./chunk.6DIPKQ4W.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.WFTNNANR.js → chunk.4TZJ6FIL.js}

@@ -1,6 +1,6 @@
 import {
   PTabPanel
-} from "./chunk.YKOLYSA6.js";
+} from "./chunk.UIOXKSYF.js";
 
 // src/components/tab-panel/tab-panel.ts
 var tab_panel_default = PTabPanel;

package/cdn/chunks/{chunk.VEDGC24K.js → chunk.4X3DTRLX.js}

@@ -13,7 +13,7 @@ import {
 import {
   PureElement,
   n
-} from "./chunk.6DIPKQ4W.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.GX77FUYX.js → chunk.4ZC3L5XE.js}

@@ -1,15 +1,15 @@
 import {
   PVisuallyHidden
-} from "./chunk.R7O4U5EG.js";
+} from "./chunk.K4EVXUWB.js";
 import {
   PInput
-} from "./chunk.OPXAHKBM.js";
+} from "./chunk.FLVQSIRE.js";
 import {
   drag
 } from "./chunk.ESELY2US.js";
 import {
   PDropdown
-} from "./chunk.QPAKO5VY.js";
+} from "./chunk.3PSQK66Z.js";
 import {
   se
 } from "./chunk.VA36342L.js";
@@ -21,28 +21,28 @@ import {
 } from "./chunk.HF7GESMZ.js";
 import {
   PButton
-} from "./chunk.6UMEXJXB.js";
+} from "./chunk.AZL3G5WN.js";
 import {
   PButtonGroup
-} from "./chunk.NIPDBGYN.js";
+} from "./chunk.AX5Z3RVM.js";
 import {
   defaultValue
 } from "./chunk.PGG27OMY.js";
 import {
   FormControlController
 } from "./chunk.SW6OGP3X.js";
-import {
-  LocalizeController
-} from "./chunk.3C33BQBP.js";
 import {
   to
 } from "./chunk.DQNILPUT.js";
 import {
   Rt
 } from "./chunk.A56LY5J2.js";
+import {
+  LocalizeController
+} from "./chunk.3C33BQBP.js";
 import {
   PIcon
-} from "./chunk.YJVC2AP2.js";
+} from "./chunk.4TSTCMKK.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -52,7 +52,7 @@ import {
   n,
   r,
   t
-} from "./chunk.6DIPKQ4W.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/{dist/chunks/chunk.3ARMT6FI.js → cdn/chunks/chunk.5HPSBNM2.js}

@@ -1,6 +1,6 @@
 import {
   PMenu
-} from "./chunk.GTLGAAS6.js";
+} from "./chunk.SN6UYAD6.js";
 
 // src/react/menu/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.6LTVANG3.js → chunk.5S77X3KT.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.A56LY5J2.js";
 import {
   PureElement
-} from "./chunk.6DIPKQ4W.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/{dist/chunks/chunk.X47TBEFX.js → cdn/chunks/chunk.63F5AUVW.js}

@@ -1,6 +1,6 @@
 import {
   PInput
-} from "./chunk.O54VHSHJ.js";
+} from "./chunk.FLVQSIRE.js";
 
 // src/react/input/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.Z3TVB7LR.js → chunk.66XBZBR5.js}

@@ -1,6 +1,6 @@
 import {
   PPaginate
-} from "./chunk.NUZFFVPP.js";
+} from "./chunk.2FKKBQWH.js";
 
 // src/react/paginate/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.NUDE6HXR.js → chunk.6KV2KROL.js}

@@ -1,6 +1,6 @@
 import {
   PMenuLabel
-} from "./chunk.5RG5POLA.js";
+} from "./chunk.NROXPITM.js";
 
 // src/components/menu-label/menu-label.ts
 var menu_label_default = PMenuLabel;

package/cdn/chunks/{chunk.PEALG7O3.js → chunk.6O43O4JI.js}

@@ -1,6 +1,6 @@
 import {
   PPopup
-} from "./chunk.JBUZHGZ2.js";
+} from "./chunk.EWP7FB5V.js";
 
 // src/react/popup/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.JU3LDVSD.js → chunk.6T55JK23.js}

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

package/cdn/chunks/{chunk.IMLGVUO2.js → chunk.6WCPJRLP.js}

@@ -1,6 +1,6 @@
 import {
   PSpinner
-} from "./chunk.YYIFSNFK.js";
+} from "./chunk.T2TT2LUI.js";
 
 // src/components/spinner/spinner.ts
 var spinner_default = PSpinner;

package/cdn/chunks/{chunk.EYMUPUW6.js → chunk.6YGTXZ3A.js}

@@ -1,6 +1,6 @@
 import {
   PButtonGroup
-} from "./chunk.NIPDBGYN.js";
+} from "./chunk.AX5Z3RVM.js";
 
 // src/react/button-group/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.AFZI56GY.js → cdn/chunks/chunk.73LVEGKA.js}

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

package/{dist/chunks/chunk.4LFWVAUN.js → cdn/chunks/chunk.7725K6HG.js}

@@ -1,6 +1,6 @@
 import {
   PInclude
-} from "./chunk.MKHWF3N5.js";
+} from "./chunk.USFTCAOV.js";
 
 // src/react/include/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.TQWGND3R.js → chunk.7ATWG37H.js}

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

package/cdn/chunks/{chunk.IA7KIX4Q.js → chunk.7MIGDNS6.js}

@@ -1,6 +1,6 @@
 import {
   PButton
-} from "./chunk.6UMEXJXB.js";
+} from "./chunk.AZL3G5WN.js";
 
 // src/react/button/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.JG7C52L7.js → chunk.7RHZWKBM.js}

@@ -1,6 +1,6 @@
 import {
   PFileUploadItem
-} from "./chunk.IP4TMJZF.js";
+} from "./chunk.UD2UNZY4.js";
 
 // src/components/file-upload-item/file-upload-item.ts
 var file_upload_item_default = PFileUploadItem;

package/cdn/chunks/{chunk.U4IWMIZF.js → chunk.A3XACK2C.js}

@@ -1,6 +1,6 @@
 import {
   PBreadcrumb
-} from "./chunk.BJCTEAOC.js";
+} from "./chunk.FDILLMPY.js";
 
 // src/react/breadcrumb/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.V7ZWFTMW.js → chunk.A4TR7AC4.js}

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

package/{dist/chunks/chunk.3IA4Q56T.js → cdn/chunks/chunk.A7QFNM7W.js}

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