pure-uikit 1.0.7 → 1.0.8

package/{dist/chunks/chunk.HI7RHQLF.js → cdn/chunks/chunk.2G3FNFS4.js}

@@ -1,6 +1,6 @@
 import {
   PSpinner
-} from "./chunk.ZDZLFM5L.js";
+} from "./chunk.5GSJ63Y3.js";
 
 // src/react/spinner/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.62DIJRBW.js → chunk.2SDTXWMZ.js}

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

package/cdn/chunks/{chunk.VGG3BF3I.js → chunk.2UU6HACX.js}

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

package/cdn/chunks/{chunk.DUPFS6FA.js → chunk.2VVYIISE.js}

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

package/cdn/chunks/{chunk.EBSZWOXG.js → chunk.3D3SWZSQ.js}

@@ -11,7 +11,7 @@ import {
   PureElement,
   e,
   n
-} from "./chunk.ZGERXEWL.js";
+} from "./chunk.R65QCKSQ.js";
 import {
   component_styles_default
 } from "./chunk.U7KETH4O.js";

package/cdn/chunks/{chunk.BI4C5ZSH.js → chunk.3GKL7SIC.js}

@@ -1,6 +1,6 @@
 import {
   PResizeObserver
-} from "./chunk.FOGOILFX.js";
+} from "./chunk.CSUG64RV.js";
 
 // src/components/resize-observer/resize-observer.ts
 var resize_observer_default = PResizeObserver;

package/{dist/chunks/chunk.DYC3ZPFE.js → cdn/chunks/chunk.3JJMYPJ6.js}

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

package/cdn/chunks/{chunk.FE4ZWD5J.js → chunk.464625MI.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.3HFF2RMK.js";
 import {
   PPopup
-} from "./chunk.KXHHYXA2.js";
+} from "./chunk.UZA2DNYN.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -29,7 +29,7 @@ import {
   PureElement,
   e as e2,
   n
-} from "./chunk.ZGERXEWL.js";
+} from "./chunk.R65QCKSQ.js";
 import {
   component_styles_default
 } from "./chunk.U7KETH4O.js";

package/{dist/chunks/chunk.2CVWWIYS.js → cdn/chunks/chunk.4EUXDOB6.js}

@@ -1,6 +1,6 @@
 import {
   PDrawer
-} from "./chunk.25VALCMI.js";
+} from "./chunk.H2HK5AR7.js";
 
 // src/react/drawer/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.ZNEFQYAA.js → chunk.4K5MEJCR.js}

@@ -7,7 +7,7 @@ import {
 import {
   PureElement,
   n
-} from "./chunk.ZGERXEWL.js";
+} from "./chunk.R65QCKSQ.js";
 import {
   component_styles_default
 } from "./chunk.U7KETH4O.js";

package/cdn/chunks/{chunk.4FAIR4MO.js → chunk.4QOYKKDO.js}

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

package/cdn/chunks/{chunk.YX3NIBM4.js → chunk.4YS4C5UP.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.TGM7ILZL.js";
 import {
   PIcon
-} from "./chunk.HKNLNZIB.js";
+} from "./chunk.H7AW7XFK.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -14,7 +14,7 @@ import {
   PureElement,
   n,
   r
-} from "./chunk.ZGERXEWL.js";
+} from "./chunk.R65QCKSQ.js";
 import {
   component_styles_default
 } from "./chunk.U7KETH4O.js";

package/cdn/chunks/{chunk.4QA4FU3H.js → chunk.4ZPLUXMI.js}

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

package/cdn/chunks/chunk.53FNT7CD.js

@@ -0,0 +1,188 @@
+import {
+  combobox_styles_default
+} from "./chunk.D5KRIQU6.js";
+import {
+  o
+} from "./chunk.LY5BUJHA.js";
+import {
+  HasSlotController
+} from "./chunk.VWMKJPVE.js";
+import {
+  PureElement,
+  e,
+  n,
+  r
+} from "./chunk.R65QCKSQ.js";
+import {
+  x
+} from "./chunk.N4FVDREO.js";
+import {
+  __decorateClass
+} from "./chunk.KIILAQWQ.js";
+
+// src/components/combobox/combobox.component.ts
+var escapeRegExp = (text) => text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+var PCombobox = class extends PureElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(this, "loading-text", "empty-text");
+    this.value = "";
+    this.hasFocus = false;
+    this.emptyText = "";
+    this.loading = false;
+    this.loadingText = "";
+    this.autofilter = false;
+    this.highlight = false;
+    this.threshold = 1;
+  }
+  handleInput(event) {
+    const { value } = event.target;
+    this.value = value;
+    this.hasFocus = true;
+    if (this.autofilter) {
+      this.filterOptions(value);
+    }
+  }
+  handleKeydown(event) {
+    if (!this.shouldDisplayAutoComplete || event.ctrlKey || event.metaKey)
+      return;
+    const options = this.visibleOptions;
+    if (options.length === 0)
+      return;
+    switch (event.key) {
+      case "Tab":
+      case "Escape":
+        this.hasFocus = false;
+        break;
+      case "ArrowDown":
+        event.preventDefault();
+        this.menu.setCurrentItem(options[0]);
+        options[0].focus();
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        this.menu.setCurrentItem(options[options.length - 1]);
+        options[options.length - 1].focus();
+        break;
+    }
+  }
+  handleFocus() {
+    if (this.value.length >= this.threshold) {
+      this.hasFocus = true;
+      this.show();
+    }
+  }
+  handleDropdownHide() {
+    this.hasFocus = false;
+  }
+  filterOptions(value) {
+    const regex = new RegExp(`(${escapeRegExp(value)})`, "ig");
+    this.options.forEach((option) => {
+      const shouldDisplay = regex.test(option.getTextLabel());
+      option.style.display = shouldDisplay ? "block" : "none";
+      option.disabled = !shouldDisplay;
+      option.ariaHidden = shouldDisplay ? "false" : "true";
+    });
+  }
+  show() {
+    var _a;
+    (_a = this.dropdown) == null ? void 0 : _a.show();
+  }
+  hide() {
+    var _a;
+    (_a = this.dropdown) == null ? void 0 : _a.hide();
+  }
+  reset() {
+    this.value = "";
+  }
+  get options() {
+    var _a;
+    return ((_a = this.defaultSlot) == null ? void 0 : _a.assignedElements()) || [];
+  }
+  get visibleOptions() {
+    return this.options.filter((option) => option.style.display !== "none");
+  }
+  get hasResults() {
+    return this.visibleOptions.length > 0;
+  }
+  get shouldDisplayLoadingText() {
+    return this.loading && (this.loadingText || this.hasSlotController.test("loading-text"));
+  }
+  get shouldDisplayEmptyText() {
+    return !this.shouldDisplayLoadingText && !this.hasResults && (this.emptyText || this.hasSlotController.test("empty-text"));
+  }
+  get shouldDisplayAutoComplete() {
+    return this.hasFocus && (this.value.length >= this.threshold && this.hasResults || this.shouldDisplayLoadingText || this.shouldDisplayEmptyText);
+  }
+  render() {
+    return x`
+      <div part="base">
+        <div part="trigger" @p-focus=${this.handleFocus} @p-input=${this.handleInput} @keydown=${this.handleKeydown}>
+          <slot name="trigger"></slot>
+        </div>
+        <p-dropdown ?open=${this.shouldDisplayAutoComplete} @p-after-hide=${this.handleDropdownHide}>
+          <p-menu>
+            <slot style=${o({ display: this.shouldDisplayLoadingText ? "none" : "block" })}></slot>
+            <div
+              part="loading-text"
+              id="loading-text"
+              class="loading-text"
+              aria-hidden=${this.shouldDisplayLoadingText ? "false" : "true"}
+              style=${o({ display: this.shouldDisplayLoadingText ? "block" : "none" })}
+            >
+              <slot name="loading-text">${this.loadingText}</slot>
+            </div>
+            <div
+              part="empty-text"
+              id="empty-text"
+              class="empty-text"
+              aria-hidden=${this.shouldDisplayEmptyText ? "false" : "true"}
+              style=${o({ display: this.shouldDisplayEmptyText ? "block" : "none" })}
+            >
+              <slot name="empty-text">${this.emptyText}</slot>
+            </div>
+            <div aria-hidden="true" style=${o({ width: `${this.clientWidth}px` })}></div>
+          </p-menu>
+        </p-dropdown>
+      </div>
+    `;
+  }
+};
+PCombobox.styles = [combobox_styles_default];
+__decorateClass([
+  e("p-menu")
+], PCombobox.prototype, "menu", 2);
+__decorateClass([
+  e("p-dropdown")
+], PCombobox.prototype, "dropdown", 2);
+__decorateClass([
+  e("slot:not([name])")
+], PCombobox.prototype, "defaultSlot", 2);
+__decorateClass([
+  r()
+], PCombobox.prototype, "value", 2);
+__decorateClass([
+  r()
+], PCombobox.prototype, "hasFocus", 2);
+__decorateClass([
+  n({ type: String, reflect: true })
+], PCombobox.prototype, "emptyText", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], PCombobox.prototype, "loading", 2);
+__decorateClass([
+  n({ type: String, reflect: true })
+], PCombobox.prototype, "loadingText", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], PCombobox.prototype, "autofilter", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], PCombobox.prototype, "highlight", 2);
+__decorateClass([
+  n({ type: Number, reflect: true })
+], PCombobox.prototype, "threshold", 2);
+
+export {
+  PCombobox
+};

package/cdn/chunks/{chunk.S4YI5BCE.js → chunk.54XD5KSM.js}

@@ -1,6 +1,6 @@
 import {
   PRange
-} from "./chunk.6MN6Z6GV.js";
+} from "./chunk.YPSUG7YR.js";
 
 // src/components/range/range.ts
 var range_default = PRange;

package/cdn/chunks/{chunk.QE4GJ2QD.js → chunk.54Z2CZ3L.js}

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

package/cdn/chunks/{chunk.M2DIS7JD.js → chunk.55ZJ3F4S.js}

@@ -13,13 +13,13 @@ import {
 } from "./chunk.TGM7ILZL.js";
 import {
   PIcon
-} from "./chunk.HKNLNZIB.js";
+} from "./chunk.H7AW7XFK.js";
 import {
   PureElement,
   e as e2,
   n,
   r
-} from "./chunk.ZGERXEWL.js";
+} from "./chunk.R65QCKSQ.js";
 import {
   component_styles_default
 } from "./chunk.U7KETH4O.js";

package/cdn/chunks/{chunk.GZAAZES7.js → chunk.56LBYQWP.js}

@@ -1,6 +1,6 @@
 import {
   PMutationObserver
-} from "./chunk.BADWPVAN.js";
+} from "./chunk.YFGLN4KL.js";
 
 // src/react/mutation-observer/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.YGJNWTKV.js → chunk.5GSJ63Y3.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.6BMNUR6W.js";
 import {
   PureElement
-} from "./chunk.ZGERXEWL.js";
+} from "./chunk.R65QCKSQ.js";
 import {
   component_styles_default
 } from "./chunk.U7KETH4O.js";

package/{dist/chunks/chunk.LX3V4TXF.js → cdn/chunks/chunk.5H4VJOO7.js}

@@ -1,6 +1,6 @@
 import {
   PDialog
-} from "./chunk.LAAIJLMV.js";
+} from "./chunk.WS32IRQ2.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = PDialog;

package/cdn/chunks/{chunk.WRHZX2XH.js → chunk.5IUL2CU4.js}

@@ -1,6 +1,6 @@
 import {
   PTag
-} from "./chunk.XBZI332O.js";
+} from "./chunk.CYIENBAZ.js";
 import {
   select_styles_default
 } from "./chunk.Y2C2UYOH.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.TQQ6S3EH.js";
 import {
   PPopup
-} from "./chunk.KXHHYXA2.js";
+} from "./chunk.UZA2DNYN.js";
 import {
   defaultValue
 } from "./chunk.VEGLXO4Q.js";
@@ -44,7 +44,7 @@ import {
 } from "./chunk.TGM7ILZL.js";
 import {
   PIcon
-} from "./chunk.HKNLNZIB.js";
+} from "./chunk.H7AW7XFK.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -53,7 +53,7 @@ import {
   e as e2,
   n,
   r
-} from "./chunk.ZGERXEWL.js";
+} from "./chunk.R65QCKSQ.js";
 import {
   component_styles_default
 } from "./chunk.U7KETH4O.js";

package/cdn/chunks/{chunk.EHSBSSC6.js → chunk.5KOBUUN4.js}

@@ -1,6 +1,6 @@
 import {
   PIconButton
-} from "./chunk.M2DIS7JD.js";
+} from "./chunk.55ZJ3F4S.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -31,7 +31,7 @@ import {
   PureElement,
   e as e2,
   n
-} from "./chunk.ZGERXEWL.js";
+} from "./chunk.R65QCKSQ.js";
 import {
   component_styles_default
 } from "./chunk.U7KETH4O.js";

package/cdn/chunks/{chunk.ZRR7Y4X7.js → chunk.5LJT22MW.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.TGM7ILZL.js";
 import {
   PIcon
-} from "./chunk.HKNLNZIB.js";
+} from "./chunk.H7AW7XFK.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -23,7 +23,7 @@ import {
   PureElement,
   e as e2,
   n
-} from "./chunk.ZGERXEWL.js";
+} from "./chunk.R65QCKSQ.js";
 import {
   component_styles_default
 } from "./chunk.U7KETH4O.js";

package/{dist/chunks/chunk.ZOC7ALI7.js → cdn/chunks/chunk.5MS62ZDU.js}

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

package/cdn/chunks/{chunk.POBBAZKC.js → chunk.5P4HCTJS.js}

@@ -1,6 +1,6 @@
 import {
   PFormatBytes
-} from "./chunk.DUPFS6FA.js";
+} from "./chunk.2VVYIISE.js";
 
 // src/react/format-bytes/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.YW25MK7K.js → chunk.5TL72LHN.js}

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

package/cdn/chunks/{chunk.M2HRSWNP.js → chunk.5ZSBUBBC.js}

@@ -1,6 +1,6 @@
 import {
   PMenuItem
-} from "./chunk.63UCEHG2.js";
+} from "./chunk.HQZR3SKM.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = PMenuItem;

package/cdn/chunks/{chunk.ZRPFA67F.js → chunk.66FGVJLC.js}

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

package/cdn/chunks/{chunk.HOUENYCJ.js → chunk.6EOV5MML.js}

@@ -1,9 +1,9 @@
-import {
-  PTreeItem
-} from "./chunk.QAOCDIIQ.js";
 import {
   tree_styles_default
 } from "./chunk.SOMPNWVO.js";
+import {
+  PTreeItem
+} from "./chunk.L3HSIISS.js";
 import {
   clamp
 } from "./chunk.HF7GESMZ.js";
@@ -14,7 +14,7 @@ import {
   PureElement,
   e,
   n
-} from "./chunk.ZGERXEWL.js";
+} from "./chunk.R65QCKSQ.js";
 import {
   component_styles_default
 } from "./chunk.U7KETH4O.js";

package/cdn/chunks/{chunk.SNXPXGRX.js → chunk.6OWZT57E.js}

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

package/cdn/chunks/{chunk.AXHOX2PZ.js → chunk.6VXC3NUC.js}

@@ -1,6 +1,6 @@
 import {
   PCarouselItem
-} from "./chunk.WJVJ56MO.js";
+} from "./chunk.IS3CU6KD.js";
 
 // src/components/carousel-item/carousel-item.ts
 var carousel_item_default = PCarouselItem;

package/cdn/chunks/{chunk.5YNKSIAP.js → chunk.6Y4O3MDI.js}

@@ -1,6 +1,6 @@
 import {
   PRadioButton
-} from "./chunk.ZGPCVJD3.js";
+} from "./chunk.JOVBZAPZ.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = PRadioButton;

package/cdn/chunks/{chunk.SBWVFCDH.js → chunk.7EKJOFDQ.js}

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

package/cdn/chunks/{chunk.V66OX37S.js → chunk.7FKSQJTI.js}

@@ -1,9 +1,9 @@
-import {
-  o as o2
-} from "./chunk.NKZH4U4I.js";
 import {
   rating_styles_default
 } from "./chunk.R4FQVMUJ.js";
+import {
+  o as o2
+} from "./chunk.NKZH4U4I.js";
 import {
   o
 } from "./chunk.LY5BUJHA.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.TGM7ILZL.js";
 import {
   PIcon
-} from "./chunk.HKNLNZIB.js";
+} from "./chunk.H7AW7XFK.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -25,7 +25,7 @@ import {
   n,
   r,
   t
-} from "./chunk.ZGERXEWL.js";
+} from "./chunk.R65QCKSQ.js";
 import {
   component_styles_default
 } from "./chunk.U7KETH4O.js";

package/cdn/chunks/{chunk.OELH4ZT6.js → chunk.7MGFKU4R.js}

@@ -30,7 +30,7 @@ import {
   e as e2,
   n,
   r
-} from "./chunk.ZGERXEWL.js";
+} from "./chunk.R65QCKSQ.js";
 import {
   component_styles_default
 } from "./chunk.U7KETH4O.js";

package/cdn/chunks/{chunk.L76GGPSA.js → chunk.7RUO2PX2.js}

@@ -1,6 +1,6 @@
 import {
   PRating
-} from "./chunk.V66OX37S.js";
+} from "./chunk.7FKSQJTI.js";
 
 // src/components/rating/rating.ts
 var rating_default = PRating;

package/cdn/chunks/{chunk.OTNZK2PP.js → chunk.AN4RUG24.js}

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

package/cdn/chunks/{chunk.HS4ZC4UY.js → chunk.AV3N5ELR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WTYGEOYL.js";
 import {
   PureElement
-} from "./chunk.ZGERXEWL.js";
+} from "./chunk.R65QCKSQ.js";
 import {
   component_styles_default
 } from "./chunk.U7KETH4O.js";

package/cdn/chunks/{chunk.ED32Q65W.js → chunk.B5TLP7SR.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk.TGM7ILZL.js";
 import {
   PIcon
-} from "./chunk.HKNLNZIB.js";
+} from "./chunk.H7AW7XFK.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
@@ -29,7 +29,7 @@ import {
   PureElement,
   e as e2,
   n
-} from "./chunk.ZGERXEWL.js";
+} from "./chunk.R65QCKSQ.js";
 import {
   component_styles_default
 } from "./chunk.U7KETH4O.js";