@umbraco-ui/uui-combobox 1.12.2 → 1.13.0-rc.2

package/lib/index.js

@@ -36,7 +36,7 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _comboboxList, _phoneMediaQuery, _onPhoneChange, _UUIComboboxElement_instances, updateValue_fn, _onMouseDown, _onBlur, _onInput, _onSlotChange, _onChange, _onToggle, _onOpen, _onClose, _onKeyDown, _onClear, _renderInput, _renderClearButton, _renderDropdown;
+var _comboboxList, _phoneMediaQuery, _UUIComboboxElement_instances, onSlotChange_fn, _onPhoneChange, updateValue_fn, _onMouseDown, _onBlur, _onInput, _onInnerSlotChange, _onChange, _onToggle, _onOpen, _onClose, _onKeyDown, _onClear, _renderInput, _renderClearButton, _renderDropdown;
 let UUIComboboxElement = class extends UUIFormControlMixin(LitElement, "") {
   constructor() {
     super(...arguments);
@@ -66,9 +66,9 @@ let UUIComboboxElement = class extends UUIFormControlMixin(LitElement, "") {
       this.dispatchEvent(new UUIComboboxEvent(UUIComboboxEvent.SEARCH));
       __privateGet(this, _onOpen).call(this);
     });
-    __privateAdd(this, _onSlotChange, () => {
+    __privateAdd(this, _onInnerSlotChange, () => {
       if (this.value && this.value !== __privateGet(this, _comboboxList)?.value) {
-        __privateMethod(this, _UUIComboboxElement_instances, updateValue_fn).call(this, this.value);
+        __privateMethod(this, _UUIComboboxElement_instances, updateValue_fn).call(this);
       }
     });
     __privateAdd(this, _onChange, () => {
@@ -155,7 +155,7 @@ let UUIComboboxElement = class extends UUIFormControlMixin(LitElement, "") {
     __privateAdd(this, _renderDropdown, () => {
       return html`<div id="dropdown">
       <uui-scroll-container tabindex="-1" id="scroll-container">
-        <slot></slot>
+        <slot @slotchange=${__privateMethod(this, _UUIComboboxElement_instances, onSlotChange_fn)}></slot>
       </uui-scroll-container>
     </div>`;
     });
@@ -164,10 +164,10 @@ let UUIComboboxElement = class extends UUIFormControlMixin(LitElement, "") {
     return super.value;
   }
   set value(newValue) {
+    super.value = newValue;
     if (typeof newValue === "string") {
-      __privateMethod(this, _UUIComboboxElement_instances, updateValue_fn).call(this, newValue);
+      __privateMethod(this, _UUIComboboxElement_instances, updateValue_fn).call(this);
     }
-    super.value = newValue;
   }
   get search() {
     return this._search;
@@ -217,23 +217,6 @@ let UUIComboboxElement = class extends UUIFormControlMixin(LitElement, "") {
     this.removeEventListener("mousedown", __privateGet(this, _onMouseDown));
     __privateGet(this, _phoneMediaQuery).removeEventListener("change", __privateGet(this, _onPhoneChange));
   }
-  async firstUpdated() {
-    const list = this._comboboxListElements?.[0];
-    if (list) {
-      __privateSet(this, _comboboxList, list);
-      __privateGet(this, _comboboxList).for = this;
-      __privateGet(this, _comboboxList).addEventListener(
-        UUIComboboxListEvent.CHANGE,
-        __privateGet(this, _onChange)
-      );
-      __privateGet(this, _comboboxList).addEventListener(
-        UUIComboboxListEvent.INNER_SLOT_CHANGE,
-        __privateGet(this, _onSlotChange)
-      );
-      await this.updateComplete;
-      __privateMethod(this, _UUIComboboxElement_instances, updateValue_fn).call(this, this.value);
-    }
-  }
   getFormElement() {
     return this._input;
   }
@@ -272,11 +255,39 @@ let UUIComboboxElement = class extends UUIFormControlMixin(LitElement, "") {
 };
 _comboboxList = new WeakMap();
 _phoneMediaQuery = new WeakMap();
-_onPhoneChange = new WeakMap();
 _UUIComboboxElement_instances = new WeakSet();
-updateValue_fn = function(value) {
+onSlotChange_fn = function() {
+  if (__privateGet(this, _comboboxList)) {
+    __privateGet(this, _comboboxList).removeEventListener(
+      UUIComboboxListEvent.CHANGE,
+      __privateGet(this, _onChange)
+    );
+    __privateGet(this, _comboboxList).removeEventListener(
+      UUIComboboxListEvent.INNER_SLOT_CHANGE,
+      __privateGet(this, _onInnerSlotChange)
+    );
+  }
+  const list = this._comboboxListElements?.[0];
+  if (list) {
+    __privateSet(this, _comboboxList, list);
+    __privateGet(this, _comboboxList).for = this;
+    __privateGet(this, _comboboxList).addEventListener(
+      UUIComboboxListEvent.CHANGE,
+      __privateGet(this, _onChange)
+    );
+    __privateGet(this, _comboboxList).addEventListener(
+      UUIComboboxListEvent.INNER_SLOT_CHANGE,
+      __privateGet(this, _onInnerSlotChange)
+    );
+  }
+  this.updateComplete.then(() => {
+    __privateMethod(this, _UUIComboboxElement_instances, updateValue_fn).call(this);
+  });
+};
+_onPhoneChange = new WeakMap();
+updateValue_fn = function() {
   if (__privateGet(this, _comboboxList)) {
-    __privateGet(this, _comboboxList).value = value;
+    __privateGet(this, _comboboxList).value = this.value;
     requestAnimationFrame(
       () => this._displayValue = __privateGet(this, _comboboxList).displayValue || ""
     );
@@ -285,7 +296,7 @@ updateValue_fn = function(value) {
 _onMouseDown = new WeakMap();
 _onBlur = new WeakMap();
 _onInput = new WeakMap();
-_onSlotChange = new WeakMap();
+_onInnerSlotChange = new WeakMap();
 _onChange = new WeakMap();
 _onToggle = new WeakMap();
 _onOpen = new WeakMap();

package/lib/uui-combobox.element.d.ts

@@ -60,7 +60,6 @@ export declare class UUIComboboxElement extends UUIComboboxElement_base {
     private _isOpen;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    protected firstUpdated(): Promise<void>;
     protected getFormElement(): HTMLElement | undefined;
     focus(): Promise<void>;
     blur(): Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-combobox",
-  "version": "1.12.2",
+  "version": "1.13.0-rc.2",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,13 +30,13 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.12.2",
-    "@umbraco-ui/uui-button": "1.12.2",
-    "@umbraco-ui/uui-combobox-list": "1.12.2",
-    "@umbraco-ui/uui-icon": "1.12.2",
-    "@umbraco-ui/uui-popover-container": "1.12.2",
-    "@umbraco-ui/uui-scroll-container": "1.12.2",
-    "@umbraco-ui/uui-symbol-expand": "1.12.2"
+    "@umbraco-ui/uui-base": "1.13.0-rc.2",
+    "@umbraco-ui/uui-button": "1.13.0-rc.2",
+    "@umbraco-ui/uui-combobox-list": "1.13.0-rc.2",
+    "@umbraco-ui/uui-icon": "1.13.0-rc.2",
+    "@umbraco-ui/uui-popover-container": "1.13.0-rc.2",
+    "@umbraco-ui/uui-scroll-container": "1.13.0-rc.2",
+    "@umbraco-ui/uui-symbol-expand": "1.13.0-rc.2"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-combobox",
-  "gitHead": "207119ec53a655eeddfa1d626155490490336753"
+  "gitHead": "b7efeca91b64cfb5b59e1fcacafcfee23b861b79"
 }