pure-uikit 1.2.16 → 1.3.0

package/cdn/chunks/{chunk.F6C2PFVO.js → chunk.2EMQCXR6.js}

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

package/cdn/chunks/{chunk.4YSW7SR5.js → chunk.2G6IGRHR.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.5BTTH5Q4.js";
 import {
   PPopup
-} from "./chunk.GFKC672D.js";
+} from "./chunk.3URE23L4.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -24,17 +24,17 @@ import {
 import {
   to
 } from "./chunk.DQNILPUT.js";
-import {
-  watch
-} from "./chunk.FA5RT4K4.js";
 import {
   Rt
 } from "./chunk.A56LY5J2.js";
+import {
+  watch
+} from "./chunk.FA5RT4K4.js";
 import {
   PureElement,
   e,
   n
-} from "./chunk.JFV5DLRK.js";
+} from "./chunk.55OMZ4V3.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.AEOJFTSF.js → chunk.2HZVR6HV.js}

@@ -1,6 +1,6 @@
 import {
   PTag
-} from "./chunk.JTNIHFXH.js";
+} from "./chunk.OMJ4Y35U.js";
 
 // src/react/tag/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.K4XPUBVG.js → cdn/chunks/chunk.2I4JPMCE.js}

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

package/cdn/chunks/{chunk.ULOJBQNR.js → chunk.2J4QZAQM.js}

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

package/cdn/chunks/{chunk.7GLXENCZ.js → chunk.2OYV6FXI.js}

@@ -1,6 +1,6 @@
 import {
   PCopyButton
-} from "./chunk.PHBXV44A.js";
+} from "./chunk.VRPPGMFS.js";
 
 // src/components/copy-button/copy-button.ts
 var copy_button_default = PCopyButton;

package/cdn/chunks/{chunk.TEHBSZNA.js → chunk.2SHWC5JF.js}

@@ -1,6 +1,6 @@
 import {
   PResizeObserver
-} from "./chunk.DJN7KAAY.js";
+} from "./chunk.3YOJ5MIW.js";
 
 // src/react/resize-observer/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.MQORPB3Z.js → chunk.2VRXK7GF.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.32NA2AQM.js";
 import {
   PureElement
-} from "./chunk.JFV5DLRK.js";
+} from "./chunk.55OMZ4V3.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.GPT6DSJR.js → chunk.2XYQHQY5.js}

@@ -1,6 +1,6 @@
 import {
   PRating
-} from "./chunk.LCK27PSF.js";
+} from "./chunk.AMNVUZPD.js";
 
 // src/react/rating/index.ts
 import * as React from "react";

package/cdn/chunks/chunk.2YGV7BED.js

@@ -0,0 +1,11 @@
+import {
+  PSmartContainer
+} from "./chunk.6XLCP2YR.js";
+
+// src/components/smart-container/smart-container.ts
+var smart_container_default = PSmartContainer;
+PSmartContainer.define("p-smart-container");
+
+export {
+  smart_container_default
+};

package/{dist/chunks/chunk.WEGAUWS7.js → cdn/chunks/chunk.2Z6WCQZO.js}

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

package/cdn/chunks/{chunk.7QOAA2NT.js → chunk.32X5EOBU.js}

@@ -9,13 +9,13 @@ import {
 } from "./chunk.NOWCQZBS.js";
 import {
   PTag
-} from "./chunk.JTNIHFXH.js";
+} from "./chunk.OMJ4Y35U.js";
 import {
   ae
 } from "./chunk.6JBGXCYU.js";
 import {
   PPopup
-} from "./chunk.GFKC672D.js";
+} from "./chunk.3URE23L4.js";
 import {
   defaultValue
 } from "./chunk.PGG27OMY.js";
@@ -42,21 +42,21 @@ import {
 import {
   HasSlotController
 } from "./chunk.MLXUTV4G.js";
+import {
+  Rt
+} from "./chunk.A56LY5J2.js";
 import {
   PIcon
-} from "./chunk.AV2NC2PZ.js";
+} from "./chunk.7DAXBWOT.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
-import {
-  Rt
-} from "./chunk.A56LY5J2.js";
 import {
   PureElement,
   e,
   n,
   r
-} from "./chunk.JFV5DLRK.js";
+} from "./chunk.55OMZ4V3.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.EH2WLOEJ.js → chunk.3CMIF3QK.js}

@@ -20,7 +20,7 @@ import {
   PureElement,
   e,
   n
-} from "./chunk.JFV5DLRK.js";
+} from "./chunk.55OMZ4V3.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.73WPXUZ3.js → chunk.3IIV43C3.js}

@@ -1,6 +1,6 @@
 import {
   PCalendar
-} from "./chunk.7UCI5FLX.js";
+} from "./chunk.U4PBPMGW.js";
 
 // src/components/calendar/calendar.ts
 var calendar_default = PCalendar;

package/cdn/chunks/{chunk.2PZ6MTZY.js → chunk.3IVYQNJX.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.TQQ6S3EH.js";
 import {
   PIconButton
-} from "./chunk.Z4Y55WIZ.js";
+} from "./chunk.XAHIAUXC.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -31,17 +31,17 @@ import {
 import {
   HasSlotController
 } from "./chunk.MLXUTV4G.js";
-import {
-  watch
-} from "./chunk.FA5RT4K4.js";
 import {
   Rt
 } from "./chunk.A56LY5J2.js";
+import {
+  watch
+} from "./chunk.FA5RT4K4.js";
 import {
   PureElement,
   e,
   n
-} from "./chunk.JFV5DLRK.js";
+} from "./chunk.55OMZ4V3.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.UTCRSSYJ.js → chunk.3LJ46AZP.js}

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

package/cdn/chunks/{chunk.JB3LKNSW.js → chunk.3QHL4L7U.js}

@@ -1,6 +1,6 @@
 import {
   PIconButton
-} from "./chunk.Z4Y55WIZ.js";
+} from "./chunk.XAHIAUXC.js";
 
 // src/components/icon-button/icon-button.ts
 var icon_button_default = PIconButton;

package/cdn/chunks/{chunk.IJAICJ4H.js → chunk.3TZCM7OZ.js}

@@ -1,6 +1,6 @@
 import {
   PCarousel
-} from "./chunk.B7BHDTRM.js";
+} from "./chunk.HYSWJI44.js";
 
 // src/react/carousel/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.GFKC672D.js → chunk.3URE23L4.js}

@@ -8,7 +8,7 @@ import {
   PureElement,
   e,
   n
-} from "./chunk.JFV5DLRK.js";
+} from "./chunk.55OMZ4V3.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.JMRGVYBV.js → chunk.3VYWU3EP.js}

@@ -6,22 +6,22 @@ import {
 } from "./chunk.TQQ6S3EH.js";
 import {
   PIconButton
-} from "./chunk.Z4Y55WIZ.js";
+} from "./chunk.XAHIAUXC.js";
 import {
   LocalizeController
 } from "./chunk.3C33BQBP.js";
-import {
-  watch
-} from "./chunk.FA5RT4K4.js";
 import {
   Rt
 } from "./chunk.A56LY5J2.js";
+import {
+  watch
+} from "./chunk.FA5RT4K4.js";
 import {
   PureElement,
   e,
   n,
   r
-} from "./chunk.JFV5DLRK.js";
+} from "./chunk.55OMZ4V3.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/{dist/chunks/chunk.FCQOUZHF.js → cdn/chunks/chunk.3YJP3ANR.js}

@@ -1,6 +1,6 @@
 import {
   PMenuLabel
-} from "./chunk.PUGXC2ER.js";
+} from "./chunk.2VRXK7GF.js";
 
 // src/react/menu-label/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.DJN7KAAY.js → chunk.3YOJ5MIW.js}

@@ -7,7 +7,7 @@ import {
 import {
   PureElement,
   n
-} from "./chunk.JFV5DLRK.js";
+} from "./chunk.55OMZ4V3.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.WILOCASO.js → chunk.4A6WLXLE.js}

@@ -7,7 +7,7 @@ import {
 import {
   PureElement,
   n
-} from "./chunk.JFV5DLRK.js";
+} from "./chunk.55OMZ4V3.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/{dist/chunks/chunk.NH6HIZEX.js → cdn/chunks/chunk.4CNQHDQI.js}

@@ -1,6 +1,6 @@
 import {
   PAnimatedImage
-} from "./chunk.7H5T7GVE.js";
+} from "./chunk.5CGZR4H7.js";
 
 // src/react/animated-image/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.XGV2J2VI.js → chunk.4W4D6NIS.js}

@@ -1,6 +1,6 @@
 import {
   PBadge
-} from "./chunk.WILOCASO.js";
+} from "./chunk.4A6WLXLE.js";
 
 // src/components/badge/badge.ts
 var badge_default = PBadge;

package/cdn/chunks/{chunk.DY52CUEQ.js → chunk.4ZDWHBTL.js}

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

package/cdn/chunks/{chunk.UTGWHKNS.js → chunk.53TK2YYF.js}

@@ -11,7 +11,7 @@ import {
   PureElement,
   n,
   r2 as r
-} from "./chunk.JFV5DLRK.js";
+} from "./chunk.55OMZ4V3.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.JFV5DLRK.js → chunk.55OMZ4V3.js}

@@ -138,7 +138,7 @@ var PureElement = class extends h {
 };
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-PureElement.version = "1.2.16";
+PureElement.version = "1.3.0";
 PureElement.dependencies = {};
 __decorateClass([
   n()

package/cdn/chunks/{chunk.DEGMIPFG.js → chunk.5CDF4ZK2.js}

@@ -1,6 +1,6 @@
 import {
   PProgressBar
-} from "./chunk.C6QFQ7ZW.js";
+} from "./chunk.OGMLRRJB.js";
 import {
   file_upload_styles_default
 } from "./chunk.TF3ZKHDR.js";
@@ -10,31 +10,31 @@ import {
 } from "./chunk.OC75CHDN.js";
 import {
   PFileUploadItem
-} from "./chunk.LK76YQYS.js";
+} from "./chunk.VUKEPLHR.js";
 import {
   FormControlController
 } from "./chunk.SW6OGP3X.js";
 import {
   PIconButton
-} from "./chunk.Z4Y55WIZ.js";
+} from "./chunk.XAHIAUXC.js";
 import {
   LocalizeController
 } from "./chunk.3C33BQBP.js";
 import {
   to
 } from "./chunk.DQNILPUT.js";
-import {
-  PIcon
-} from "./chunk.AV2NC2PZ.js";
 import {
   Rt
 } from "./chunk.A56LY5J2.js";
+import {
+  PIcon
+} from "./chunk.7DAXBWOT.js";
 import {
   PureElement,
   e,
   n,
   r
-} from "./chunk.JFV5DLRK.js";
+} from "./chunk.55OMZ4V3.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.COPCTGZQ.js → chunk.5CGZR4H7.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.MKTYGTX7.js";
 import {
   PIcon
-} from "./chunk.AV2NC2PZ.js";
+} from "./chunk.7DAXBWOT.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -12,7 +12,7 @@ import {
   e,
   n,
   r
-} from "./chunk.JFV5DLRK.js";
+} from "./chunk.55OMZ4V3.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.RPBZUZJ6.js → chunk.5MF626NS.js}

@@ -1,6 +1,6 @@
 import {
   PFileUpload
-} from "./chunk.DEGMIPFG.js";
+} from "./chunk.5CDF4ZK2.js";
 
 // src/react/file-upload/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.UUTG4JE6.js → chunk.5TIH3N5J.js}

@@ -16,20 +16,20 @@ import {
 import {
   LocalizeController
 } from "./chunk.3C33BQBP.js";
+import {
+  Rt
+} from "./chunk.A56LY5J2.js";
 import {
   PIcon
-} from "./chunk.AV2NC2PZ.js";
+} from "./chunk.7DAXBWOT.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
-import {
-  Rt
-} from "./chunk.A56LY5J2.js";
 import {
   PureElement,
   e,
   n
-} from "./chunk.JFV5DLRK.js";
+} from "./chunk.55OMZ4V3.js";
 import {
   component_styles_default
 } from "./chunk.DNSDK7ZG.js";

package/cdn/chunks/{chunk.QLOSYCGT.js → chunk.64D7H2QQ.js}

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

package/cdn/chunks/{chunk.JFK7CZVC.js → chunk.6BMT7G6C.js}

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

package/cdn/chunks/{chunk.LE3DJO45.js → chunk.6KDY3MKA.js}

@@ -1,6 +1,6 @@
 import {
   PRadioGroup
-} from "./chunk.26U6RJAA.js";
+} from "./chunk.7HLNMTKV.js";
 
 // src/components/radio-group/radio-group.ts
 var radio_group_default = PRadioGroup;

package/cdn/chunks/{chunk.2JLQ5JVL.js → chunk.6W3ZINDZ.js}

@@ -1,6 +1,6 @@
 import {
   PCopyButton
-} from "./chunk.PHBXV44A.js";
+} from "./chunk.VRPPGMFS.js";
 
 // src/react/copy-button/index.ts
 import * as React from "react";

package/cdn/chunks/chunk.6XLCP2YR.js

@@ -0,0 +1,136 @@
+import {
+  smart_container_styles_default
+} from "./chunk.L52NKNLQ.js";
+import {
+  icon_default
+} from "./chunk.IVQKQVXR.js";
+import {
+  PDropdown
+} from "./chunk.2G6IGRHR.js";
+import {
+  PButton
+} from "./chunk.G7UE6JDV.js";
+import {
+  watch
+} from "./chunk.FA5RT4K4.js";
+import {
+  PureElement,
+  e,
+  n
+} from "./chunk.55OMZ4V3.js";
+import {
+  component_styles_default
+} from "./chunk.DNSDK7ZG.js";
+import {
+  ke
+} from "./chunk.XHSHLALN.js";
+import {
+  __decorateClass
+} from "./chunk.KIILAQWQ.js";
+
+// src/components/smart-container/smart-container.component.ts
+var PSmartContainer = class extends PureElement {
+  constructor() {
+    super(...arguments);
+    this.observedElements = [];
+    this.overlapElements = [];
+    this.attr = "example";
+  }
+  handleExampleChange() {
+  }
+  startObserver() {
+    var _a;
+    const containerElement = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".smart-container");
+    this.observedElements.forEach((el) => this.resizeObserver.unobserve(el));
+    this.observedElements = [];
+    this.resizeObserver.observe(containerElement);
+    this.observedElements.push(containerElement);
+  }
+  stopObserver() {
+    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 });
+      elements.forEach((el) => {
+        el.style.display = "block";
+      });
+      elements.forEach((el, index) => {
+        if (el.offsetLeft + el.offsetWidth > container.width) {
+          this.overlapElements.push(index);
+          el.style.display = "none";
+        }
+      });
+      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";
+          }
+        });
+      } else {
+        this.dropdownMenu.style.display = "none";
+      }
+      this.requestUpdate();
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.stopObserver();
+  }
+  render() {
+    return ke` <div class="smart-container" part="base">
+      <slot></slot>
+      <p-dropdown>
+        <slot name="icon" 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>
+        </p-menu>
+      </p-dropdown>
+    </div>`;
+  }
+};
+PSmartContainer.styles = [component_styles_default, smart_container_styles_default];
+PSmartContainer.dependencies = {
+  "p-dropdown": PDropdown,
+  "p-icon": icon_default,
+  "p-button": PButton
+};
+__decorateClass([
+  n()
+], PSmartContainer.prototype, "attr", 2);
+__decorateClass([
+  e(".smart-container")
+], PSmartContainer.prototype, "smartContainer", 2);
+__decorateClass([
+  e(".smart_container__dropdown-menu")
+], PSmartContainer.prototype, "dropdownMenu", 2);
+__decorateClass([
+  watch("example")
+], PSmartContainer.prototype, "handleExampleChange", 1);
+
+export {
+  PSmartContainer
+};