pure-uikit 1.3.2 → 1.3.4

package/cdn/chunks/{chunk.COEUIFBS.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.V5GVGMTW.js";
+} from "./chunk.4TSTCMKK.js";
 import {
   PureElement,
   n
-} from "./chunk.JNCZHATJ.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

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

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

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

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

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

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

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

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

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

@@ -6,7 +6,7 @@ import {
 } from "./chunk.5BTTH5Q4.js";
 import {
   PPopup
-} from "./chunk.BPUA6TVJ.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.JNCZHATJ.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

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

@@ -3,13 +3,13 @@ import {
 } from "./chunk.NOWCQZBS.js";
 import {
   PTag
-} from "./chunk.F2OZ427V.js";
+} from "./chunk.KZ6FL4ZJ.js";
 import {
   ae
 } from "./chunk.6JBGXCYU.js";
 import {
   PPopup
-} from "./chunk.BPUA6TVJ.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.V5GVGMTW.js";
+} from "./chunk.4TSTCMKK.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -53,7 +53,7 @@ import {
   e,
   n,
   r
-} from "./chunk.JNCZHATJ.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

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

@@ -6,25 +6,25 @@ import {
 } from "./chunk.O5XD4CAG.js";
 import {
   PPaginate
-} from "./chunk.COEUIFBS.js";
+} from "./chunk.2FKKBQWH.js";
 import {
   icon_default
-} from "./chunk.QT74P54R.js";
+} from "./chunk.C4QWRUSL.js";
 import {
   PCheckbox
-} from "./chunk.HRSTWZ2L.js";
+} from "./chunk.PVMSNEKG.js";
 import {
   se
 } from "./chunk.VA36342L.js";
 import {
   PTag
-} from "./chunk.F2OZ427V.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.JNCZHATJ.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

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

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

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

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

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

@@ -3,13 +3,13 @@ import {
 } from "./chunk.L52NKNLQ.js";
 import {
   icon_default
-} from "./chunk.QT74P54R.js";
+} from "./chunk.C4QWRUSL.js";
 import {
   PDropdown
-} from "./chunk.TU2Q4RC3.js";
+} from "./chunk.3PSQK66Z.js";
 import {
   PButton
-} from "./chunk.UCVE4BTN.js";
+} from "./chunk.AZL3G5WN.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -17,7 +17,7 @@ import {
   PureElement,
   e,
   n
-} from "./chunk.JNCZHATJ.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,44 +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.dropdownMenu.style.display = "none";
+        this.dropdown.style.visibility = "hidden";
+        this.dropdown.style.width = "0px";
       }
       this.requestUpdate();
     });
@@ -99,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,
@@ -125,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.XTG4XKNZ.js → chunk.4MEBJUBF.js}

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

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

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

package/cdn/chunks/{chunk.CRE5SWS6.js → chunk.4RRBQSD6.js}

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

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

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

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

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

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

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

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

@@ -1,15 +1,15 @@
 import {
   PVisuallyHidden
-} from "./chunk.JDDXKEGO.js";
+} from "./chunk.K4EVXUWB.js";
 import {
   PInput
-} from "./chunk.VOHKTARO.js";
+} from "./chunk.FLVQSIRE.js";
 import {
   drag
 } from "./chunk.ESELY2US.js";
 import {
   PDropdown
-} from "./chunk.TU2Q4RC3.js";
+} from "./chunk.3PSQK66Z.js";
 import {
   se
 } from "./chunk.VA36342L.js";
@@ -21,28 +21,28 @@ import {
 } from "./chunk.HF7GESMZ.js";
 import {
   PButton
-} from "./chunk.UCVE4BTN.js";
+} from "./chunk.AZL3G5WN.js";
 import {
   PButtonGroup
-} from "./chunk.QC4PWWVU.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.V5GVGMTW.js";
+} from "./chunk.4TSTCMKK.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -52,7 +52,7 @@ import {
   n,
   r,
   t
-} from "./chunk.JNCZHATJ.js";
+} from "./chunk.BVTZSXXQ.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

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

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

package/cdn/chunks/{chunk.3DHPHTPF.js → chunk.5S77X3KT.js}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/cdn/chunks/{chunk.VIH32MK2.js → chunk.7725K6HG.js}

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

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

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

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

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

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

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

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

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

package/{dist/chunks/chunk.BGXTPHUU.js → cdn/chunks/chunk.A4TR7AC4.js}

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

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

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