pure-uikit 1.4.8 → 1.5.1

package/cdn/chunks/{chunk.Q2KTIJEM.js → chunk.2D7HPEOU.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.TQQ6S3EH.js";
 import {
   PIconButton
-} from "./chunk.H7FO2CCX.js";
+} from "./chunk.AF5NBBAV.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -41,7 +41,7 @@ import {
   PureElement,
   e,
   n
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.REZJ7V4V.js → chunk.2EBEEI55.js}

@@ -1,6 +1,6 @@
 import {
   PAlert
-} from "./chunk.3D733MGB.js";
+} from "./chunk.ECPTDOXU.js";
 
 // src/components/alert/alert.ts
 var alert_default = PAlert;

package/cdn/chunks/{chunk.BFUWLT2A.js → chunk.2EKIAD2W.js}

@@ -1,6 +1,6 @@
 import {
   PCarouselItem
-} from "./chunk.3S23AACK.js";
+} from "./chunk.RJA7FZZ5.js";
 
 // src/react/carousel-item/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.XKJ2ORWU.js → cdn/chunks/chunk.2EOTQLEV.js}

@@ -1,6 +1,6 @@
 import {
   PColorPicker
-} from "./chunk.CDZ2FCM2.js";
+} from "./chunk.JRBI4QXS.js";
 
 // src/react/color-picker/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.VP25RPIJ.js → chunk.2GVXA3CF.js}

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

package/cdn/chunks/{chunk.QKXYMAKB.js → chunk.2YBMIAKG.js}

@@ -31,7 +31,7 @@ import {
   PureElement,
   e,
   n
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.ISSEA7YJ.js → chunk.3BR6UGNM.js}

@@ -1,6 +1,6 @@
 import {
   PBreadcrumbItem
-} from "./chunk.2OJZ4XM6.js";
+} from "./chunk.5UO3BVLC.js";
 
 // src/react/breadcrumb-item/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.O4I7R3FE.js → chunk.3FJKZTOC.js}

@@ -1,15 +1,18 @@
 import {
   smart_container_styles_default
-} from "./chunk.LJ27WTJA.js";
+} from "./chunk.YSFX6IYB.js";
 import {
   icon_default
-} from "./chunk.IOD3FMWF.js";
+} from "./chunk.BKMAQVQD.js";
 import {
   PDropdown
-} from "./chunk.2E5PILCD.js";
+} from "./chunk.D3DSASAU.js";
 import {
   PButton
-} from "./chunk.JMWXFJMP.js";
+} from "./chunk.4KXGWPRN.js";
+import {
+  Rt
+} from "./chunk.A56LY5J2.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -17,7 +20,7 @@ import {
   PureElement,
   e,
   n
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";
@@ -34,12 +37,12 @@ var PSmartContainer = class extends PureElement {
     super(...arguments);
     this.observedElements = [];
     this.backupContainerWidth = 0;
-    this.attr = "example";
+    this.rtl = false;
   }
   handleExampleChange() {
   }
   handleResize(entries) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     const slot = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("slot:not([name])");
     const prefixElement = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector(".smart_container__prefix");
     const suffixElement = (_c = this.shadowRoot) == null ? void 0 : _c.querySelector(".smart_container__suffix");
@@ -52,43 +55,56 @@ var PSmartContainer = class extends PureElement {
     const lastElement = elements[elements.length - 1];
     if (this.backupContainerWidth > 0 && container.width > this.backupContainerWidth) {
       if (this.dropdownContent.children.length > 1) {
-        const lastChild = this.dropdownContent.lastElementChild;
-        if (lastChild) {
-          const width = Number(lastChild.dataset.oldWidth);
-          if (lastElement.offsetLeft + lastElement.offsetWidth + width < container.width - this.dropdown.offsetWidth) {
-            this.append(lastChild);
+        const lastChildOfDropdown = this.dropdownContent.lastElementChild;
+        if (lastChildOfDropdown) {
+          const lastChildOfDropdownWidth = Number(lastChildOfDropdown.dataset.oldWidth);
+          if (lastElement.offsetLeft + lastElement.offsetWidth + lastChildOfDropdownWidth + this.dropdown.offsetWidth < container.width) {
+            this.append(lastChildOfDropdown);
           }
         }
       } else if (this.dropdownContent.children.length === 1) {
-        const lastChild = this.dropdownContent.lastElementChild;
-        if (lastChild) {
-          const width = Number(lastChild.dataset.oldWidth);
+        const lastChildOfDropdown = this.dropdownContent.lastElementChild;
+        if (lastChildOfDropdown) {
+          const width = Number(lastChildOfDropdown.dataset.oldWidth);
           if (lastElement.offsetLeft + lastElement.offsetWidth + width < container.width) {
-            this.append(lastChild);
+            this.append(lastChildOfDropdown);
           }
         }
       }
     } else {
-      for (let i = elements.length - 1; i > 0; i--) {
-        const el = elements[i];
-        let triggerElementWidth = 0;
-        if (this.dropdownContent.children.length > 0) {
-          triggerElementWidth = this.dropdown.offsetWidth;
+      if (this.rtl) {
+        for (let i = 0; i < elements.length - 1; i++) {
+          const el = elements[i];
+          if (el.offsetLeft < 0) {
+            const dropElement = elements[elements.length - 1];
+            dropElement.dataset.oldWidth = String(dropElement.offsetWidth);
+            (_e = this.dropdownContent) == null ? void 0 : _e.appendChild(dropElement);
+          }
         }
-        if (el.offsetLeft + el.offsetWidth + prefixWidth + suffixWidth > container.width - triggerElementWidth) {
-          el.dataset.oldWidth = String(el.offsetWidth);
-          (_e = this.dropdownContent) == null ? void 0 : _e.appendChild(el);
+      } else {
+        for (let i = elements.length - 1; i > 0; i--) {
+          const el = elements[i];
+          let triggerElementWidth = 0;
+          if (this.dropdownContent.children.length > 0) {
+            triggerElementWidth = this.dropdown.offsetWidth;
+          }
+          if (el.offsetLeft + el.offsetWidth + prefixWidth + suffixWidth + triggerElementWidth > container.width) {
+            el.dataset.oldWidth = String(el.offsetWidth);
+            (_f = this.dropdownContent) == null ? void 0 : _f.appendChild(el);
+          }
         }
       }
     }
     if (this.dropdownContent.children.length > 0) {
       this.dropdown.style.width = "auto";
       this.dropdown.style.visibility = "visible";
+      this.dropdown.style.position = "relative";
     } else {
       this.dropdown.style.visibility = "hidden";
       this.dropdown.style.width = "0px";
+      this.dropdown.style.position = "fixed";
     }
-    this.backupContainerWidth = (_f = entries[0]) == null ? void 0 : _f.contentRect.width;
+    this.backupContainerWidth = (_g = entries[0]) == null ? void 0 : _g.contentRect.width;
     this.requestUpdate();
   }
   startObserver() {
@@ -115,7 +131,14 @@ var PSmartContainer = class extends PureElement {
     this.stopObserver();
   }
   render() {
-    return ke` <div class="smart-container" part="base">
+    const isRTL = this.rtl;
+    return ke` <div
+      part="base"
+      class=${Rt({
+      "smart-container": true,
+      "smart-container__rtl": isRTL
+    })}
+    >
       <div class="smart_container__prefix">
         <slot name="prefix"></slot>
       </div>
@@ -143,8 +166,8 @@ PSmartContainer.dependencies = {
   "p-button": PButton
 };
 __decorateClass([
-  n()
-], PSmartContainer.prototype, "attr", 2);
+  n({ type: Boolean, reflect: true })
+], PSmartContainer.prototype, "rtl", 2);
 __decorateClass([
   e(".smart-container")
 ], PSmartContainer.prototype, "smartContainer", 2);

package/cdn/chunks/{chunk.BF3S7HTM.js → chunk.3HVLNOAS.js}

@@ -1,15 +1,18 @@
 import {
   SubmenuController
-} from "./chunk.HMTZNKXS.js";
+} from "./chunk.YSH5MIPQ.js";
 import {
   menu_item_styles_default
 } from "./chunk.NOELO442.js";
+import {
+  PPopup
+} from "./chunk.FHECQVN6.js";
 import {
   PSpinner
-} from "./chunk.2C5CE2YE.js";
+} from "./chunk.MVBL2SAF.js";
 import {
-  PPopup
-} from "./chunk.6EGLXWVE.js";
+  PIcon
+} from "./chunk.4D3G6IXE.js";
 import {
   HasSlotController,
   getTextContent
@@ -17,9 +20,6 @@ import {
 import {
   Rt
 } from "./chunk.A56LY5J2.js";
-import {
-  PIcon
-} from "./chunk.VZSP2MXP.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -27,7 +27,7 @@ import {
   PureElement,
   e,
   n
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.HLAF4TG3.js → chunk.3MDRULGY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.J5FFFMEI.js";
 import {
   PureElement
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.ZGSAAU24.js → chunk.3WHALFCH.js}

@@ -1,6 +1,6 @@
 import {
   PPopup
-} from "./chunk.6EGLXWVE.js";
+} from "./chunk.FHECQVN6.js";
 
 // src/components/popup/popup.ts
 var popup_default = PPopup;

package/cdn/chunks/{chunk.CY2KC2LZ.js → chunk.3WQXMOIZ.js}

@@ -1,6 +1,6 @@
 import {
   PDropdown
-} from "./chunk.2E5PILCD.js";
+} from "./chunk.D3DSASAU.js";
 
 // src/react/dropdown/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.NYVR3VAC.js → cdn/chunks/chunk.4BB73YY5.js}

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

package/cdn/chunks/{chunk.VZSP2MXP.js → chunk.4D3G6IXE.js}

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

package/cdn/chunks/{chunk.WAVXMD22.js → chunk.4EHNENG2.js}

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

package/cdn/chunks/{chunk.3JDU5CSA.js → chunk.4EMAW3DF.js}

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

package/cdn/chunks/{chunk.TSY522ZK.js → chunk.4ITROIV2.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.P7DBTPOG.js";
 import {
   Ft
-} from "./chunk.NYJ7YDN4.js";
+} from "./chunk.4TFZALWI.js";
 import {
   defaultValue
 } from "./chunk.PGG27OMY.js";
@@ -30,7 +30,7 @@ import {
   e,
   n,
   r
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.JMWXFJMP.js → chunk.4KXGWPRN.js}

@@ -1,13 +1,13 @@
 import {
   PSpinner
-} from "./chunk.2C5CE2YE.js";
-import {
-  button_styles_default
-} from "./chunk.RPBNCTJM.js";
+} from "./chunk.MVBL2SAF.js";
 import {
   FormControlController,
   validValidityState
 } from "./chunk.SW6OGP3X.js";
+import {
+  button_styles_default
+} from "./chunk.RPBNCTJM.js";
 import {
   er,
   ke
@@ -15,6 +15,9 @@ import {
 import {
   LocalizeController
 } from "./chunk.3C33BQBP.js";
+import {
+  PIcon
+} from "./chunk.4D3G6IXE.js";
 import {
   to
 } from "./chunk.DQNILPUT.js";
@@ -24,9 +27,6 @@ import {
 import {
   Rt
 } from "./chunk.A56LY5J2.js";
-import {
-  PIcon
-} from "./chunk.VZSP2MXP.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -35,7 +35,7 @@ import {
   e,
   n,
   r
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.X5EV4SGS.js → chunk.4TQ2YG4N.js}

@@ -8,7 +8,7 @@ import {
   PureElement,
   n,
   r2 as r
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.7KVDFRNN.js → chunk.4WXTCR7M.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.RIHQOLPJ.js";
 import {
   PIconButton
-} from "./chunk.H7FO2CCX.js";
+} from "./chunk.AF5NBBAV.js";
 import {
   LocalizeController
 } from "./chunk.3C33BQBP.js";
@@ -17,7 +17,7 @@ import {
   PureElement,
   e,
   n
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.H5TGFH5K.js → chunk.52BI7A4J.js}

@@ -7,7 +7,7 @@ import {
 import {
   PureElement,
   n
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.GOC4VQJA.js → chunk.53B525AI.js}

@@ -1,6 +1,6 @@
 import {
   POption
-} from "./chunk.ZHJDN3Q4.js";
+} from "./chunk.6F3LDSWK.js";
 
 // src/components/option/option.ts
 var option_default = POption;

package/cdn/chunks/{chunk.ATFX4JQW.js → chunk.5EDCW7F4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.BBWZSNKY.js";
 import {
   PIconButton
-} from "./chunk.H7FO2CCX.js";
+} from "./chunk.AF5NBBAV.js";
 import {
   LocalizeController
 } from "./chunk.3C33BQBP.js";
@@ -13,7 +13,7 @@ import {
 import {
   PureElement,
   n
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.VNMH34OL.js → chunk.5FEIEB6T.js}

@@ -4,7 +4,7 @@ import {
 import {
   PureElement,
   n
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   __decorateClass
 } from "./chunk.KIILAQWQ.js";

package/cdn/chunks/{chunk.77C6XLHT.js → chunk.5QDKS4OQ.js}

@@ -1,6 +1,6 @@
 import {
   PSmartContainer
-} from "./chunk.O4I7R3FE.js";
+} from "./chunk.3FJKZTOC.js";
 
 // src/components/smart-container/smart-container.ts
 var smart_container_default = PSmartContainer;

package/{dist/chunks/chunk.KPFXI7J6.js → cdn/chunks/chunk.5TYEOQMZ.js}

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

package/cdn/chunks/{chunk.2OJZ4XM6.js → chunk.5UO3BVLC.js}

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

package/cdn/chunks/{chunk.CNVGKHX7.js → chunk.5XXXOGIM.js}

@@ -10,7 +10,7 @@ import {
 import {
   PureElement,
   n
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.5R3LK6N6.js → chunk.6BO7AIBO.js}

@@ -1,6 +1,6 @@
 import {
   PIcon
-} from "./chunk.VZSP2MXP.js";
+} from "./chunk.4D3G6IXE.js";
 
 // src/react/icon/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.DFIIPSRC.js → cdn/chunks/chunk.6EUPGIF7.js}

@@ -1,6 +1,6 @@
 import {
   PTable
-} from "./chunk.D7KUU5QU.js";
+} from "./chunk.PMJGYUXE.js";
 
 // src/react/table/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.ZHJDN3Q4.js → chunk.6F3LDSWK.js}

@@ -4,12 +4,12 @@ import {
 import {
   LocalizeController
 } from "./chunk.3C33BQBP.js";
+import {
+  PIcon
+} from "./chunk.4D3G6IXE.js";
 import {
   Rt
 } from "./chunk.A56LY5J2.js";
-import {
-  PIcon
-} from "./chunk.VZSP2MXP.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -18,7 +18,7 @@ import {
   e,
   n,
   r
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.OUB6PTYH.js → chunk.6POIGDXU.js}

@@ -1,6 +1,6 @@
 import {
   PButton
-} from "./chunk.JMWXFJMP.js";
+} from "./chunk.4KXGWPRN.js";
 
 // src/components/button/button.ts
 var button_default = PButton;

package/cdn/chunks/{chunk.HN4ZTI7L.js → chunk.6UYMFD25.js}

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

package/cdn/chunks/{chunk.S43UMCXE.js → chunk.6XSPSXHZ.js}

@@ -6,12 +6,12 @@ import {
 } from "./chunk.3C33BQBP.js";
 import {
   PIcon
-} from "./chunk.VZSP2MXP.js";
+} from "./chunk.4D3G6IXE.js";
 import {
   PureElement,
   e,
   n
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.7XRS2MYR.js → chunk.72TU6YMZ.js}

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

package/{dist/chunks/chunk.OBQUFVDT.js → cdn/chunks/chunk.7TNUSX2Y.js}

@@ -1,6 +1,6 @@
 import {
   PSkeleton
-} from "./chunk.QJ7BHTE5.js";
+} from "./chunk.RSRF2RFV.js";
 
 // src/components/skeleton/skeleton.ts
 var skeleton_default = PSkeleton;

package/{dist/chunks/chunk.O5B3LCJP.js → cdn/chunks/chunk.7XCADXAA.js}

@@ -1,6 +1,6 @@
 import {
   PCheckbox
-} from "./chunk.M6ARWDPX.js";
+} from "./chunk.LUVY2RZA.js";
 
 // src/react/checkbox/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.H7FO2CCX.js → chunk.AF5NBBAV.js}

@@ -5,21 +5,21 @@ import {
   er,
   ke
 } from "./chunk.V7W45QBZ.js";
+import {
+  PIcon
+} from "./chunk.4D3G6IXE.js";
 import {
   to
 } from "./chunk.DQNILPUT.js";
 import {
   Rt
 } from "./chunk.A56LY5J2.js";
-import {
-  PIcon
-} from "./chunk.VZSP2MXP.js";
 import {
   PureElement,
   e,
   n,
   r
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.UOW5D3UG.js → chunk.APGSEUYR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.JZNY24Z3.js";
 import {
   Ft
-} from "./chunk.NYJ7YDN4.js";
+} from "./chunk.4TFZALWI.js";
 import {
   defaultValue
 } from "./chunk.PGG27OMY.js";
@@ -30,7 +30,7 @@ import {
   e,
   n,
   r
-} from "./chunk.NECVW2KN.js";
+} from "./chunk.NZ5WSK4A.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";