@umbraco-ui/uui-combobox 1.1.1 → 1.2.0

package/lib/index.js

@@ -48,6 +48,12 @@ let UUIComboboxElement = class extends FormControlMixin(LitElement) {
       this.dispatchEvent(new UUIComboboxEvent(UUIComboboxEvent.SEARCH));
       this._open();
     };
+    this._onSlotChange = () => {
+      var _a;
+      if (this.value && this.value !== ((_a = this._comboboxList) == null ? void 0 : _a.value)) {
+        this._updateValue(this.value);
+      }
+    };
     this._onChange = (e) => {
       var _a;
       e.stopImmediatePropagation();
@@ -183,17 +189,20 @@ let UUIComboboxElement = class extends FormControlMixin(LitElement) {
         UUIComboboxListEvent.CHANGE,
         this._onChange
       );
-      if (typeof this.value === "string") {
-        await this.updateComplete;
-        this._updateValue(this.value);
-      }
+      this._comboboxList.addEventListener(
+        UUIComboboxListEvent.SLOT_CHANGE,
+        this._onSlotChange
+      );
+      await this.updateComplete;
+      this._updateValue(this.value);
     }
   }
   _updateValue(value) {
-    var _a;
     if (this._comboboxList) {
       this._comboboxList.value = value;
-      this._displayValue = ((_a = this._comboboxList) == null ? void 0 : _a.displayValue) || "";
+      requestAnimationFrame(
+        () => this._displayValue = this._comboboxList.displayValue || ""
+      );
     }
   }
   getFormElement() {
@@ -286,6 +295,9 @@ UUIComboboxElement.styles = [
       }
     `
 ];
+__decorateClass([
+  property({ attribute: "value", reflect: true })
+], UUIComboboxElement.prototype, "value", 1);
 __decorateClass([
   property({ type: String })
 ], UUIComboboxElement.prototype, "search", 1);

package/lib/uui-combobox-async-options-example.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+export declare class UUIComboboxAsyncOptionsExampleElement extends LitElement {
+    _options: any[];
+    connectedCallback(): void;
+    private _fetchData;
+    preselected: string;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -51,6 +51,7 @@ export declare class UUIComboboxElement extends UUIComboboxElement_base {
     private _onMouseDown;
     private _onBlur;
     private _onInput;
+    private _onSlotChange;
     private _onChange;
     private _open;
     private _onClose;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-combobox",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,11 +30,11 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.0.0",
-    "@umbraco-ui/uui-button": "1.0.0",
-    "@umbraco-ui/uui-combobox-list": "1.0.0",
-    "@umbraco-ui/uui-icon": "1.0.0",
-    "@umbraco-ui/uui-scroll-container": "1.0.0"
+    "@umbraco-ui/uui-base": "1.1.0",
+    "@umbraco-ui/uui-button": "1.1.0",
+    "@umbraco-ui/uui-combobox-list": "1.1.0",
+    "@umbraco-ui/uui-icon": "1.1.0",
+    "@umbraco-ui/uui-scroll-container": "1.1.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
@@ -45,5 +45,5 @@
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-combobox",
-  "gitHead": "be41090c074658278069302f78f668ad362521fe"
+  "gitHead": "5159a81e353c893c30073cdbf2fdd94306477d6e"
 }