@umbraco-ui/uui-combobox 1.2.0 → 1.2.1

package/custom-elements.json

@@ -23,6 +23,12 @@
           "type": " string ",
           "default": "\"\\\"Close\\\"\""
         },
+        {
+          "name": "disabled",
+          "description": "Disables the uui-combobox.",
+          "type": "boolean",
+          "default": "\"false\""
+        },
         {
           "name": "name",
           "description": "This is a name property of the component.",
@@ -93,6 +99,13 @@
           "type": " string ",
           "default": "\"\\\"Close\\\"\""
         },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Disables the uui-combobox.",
+          "type": "boolean",
+          "default": "\"false\""
+        },
         {
           "name": "formAssociated",
           "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
@@ -168,7 +181,7 @@
       ],
       "slots": [
         {
-          "name": "default",
+          "name": "",
           "description": "for uui-combobox-list-options"
         },
         {

package/lib/index.js

@@ -28,6 +28,7 @@ let UUIComboboxElement = class extends FormControlMixin(LitElement) {
     super(...arguments);
     this.open = false;
     this.closeLabel = "Close";
+    this.disabled = false;
     this._displayValue = "";
     this._search = "";
     this._isPhone = false;
@@ -107,11 +108,12 @@ let UUIComboboxElement = class extends FormControlMixin(LitElement) {
       type="text"
       .value=${this._displayValue}
       autocomplete="off"
+      .disabled=${this.disabled}
       @click=${this._open}
       @input=${this._onInput}
       @keydown=${this._onKeyDown}>
       <slot name="input-prepend" slot="prepend"></slot>
-      ${this._renderClearButton()} ${this._renderCaret()}
+      ${this.disabled ? "" : this._renderClearButton()} ${this._renderCaret()}
       <slot name="input-append" slot="append"></slot>
     </uui-input>`;
     };
@@ -268,6 +270,10 @@ UUIComboboxElement.styles = [
         margin-top: -1px;
       }
 
+      :host([disabled]) #caret {
+        fill: var(--uui-color-disabled-contrast,#c4c4c4);
+      }
+
       #phone-wrapper {
         position: fixed;
         inset: 0;
@@ -307,6 +313,9 @@ __decorateClass([
 __decorateClass([
   property({ type: String })
 ], UUIComboboxElement.prototype, "closeLabel", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], UUIComboboxElement.prototype, "disabled", 2);
 __decorateClass([
   query("#combobox-input")
 ], UUIComboboxElement.prototype, "_input", 2);

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

@@ -4,7 +4,7 @@ declare const UUIComboboxElement_base: (new (...args: any[]) => import("@umbraco
  * @element uui-combobox
  * @fires {UUIComboboxEvent} input - fires when search input is changed
  * @fires {UUIComboboxEvent} change - fires when selection is changed
- * @slot default - for uui-combobox-list-options
+ * @slot - for uui-combobox-list-options
  * @slot input-prepend - prepend for the uui-input
  * @slot input-append - append for the uui-input
  * @description - Filterable combobox
@@ -35,6 +35,13 @@ export declare class UUIComboboxElement extends UUIComboboxElement_base {
      * @default "Close"
      */
     closeLabel: string;
+    /**
+     * Disables the uui-combobox.
+     * @type {boolean}
+     * @attr
+     * @default false
+     */
+    disabled: boolean;
     private _input;
     private _comboboxListElements?;
     private _comboboxList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-combobox",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,11 +30,11 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@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"
+    "@umbraco-ui/uui-base": "1.2.1",
+    "@umbraco-ui/uui-button": "1.2.1",
+    "@umbraco-ui/uui-combobox-list": "1.2.1",
+    "@umbraco-ui/uui-icon": "1.2.1",
+    "@umbraco-ui/uui-scroll-container": "1.2.1"
   },
   "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": "5159a81e353c893c30073cdbf2fdd94306477d6e"
+  "gitHead": "94eb22bee5ff21bac6fadbd78653671279bebe36"
 }