@emuanalytics/flow-rdf-ui 4.1.21 → 4.1.23

package/dist/components/autocomplete/autocomplete.component.mjs

@@ -123,9 +123,10 @@ class FlowUiAutocomplete extends FlowRdfFormControl {
     if (this.currentOption) {
       this.currentOption.current = false;
     }
+    this.currentOption = option;
     option.current = true;
+    option.tabIndex = 0;
     option.focus();
-    this.currentOption = option;
   }
   /**
    * @internal
@@ -252,7 +253,7 @@ class FlowUiAutocomplete extends FlowRdfFormControl {
     if (event.key === "Enter" && this.open) {
       event.preventDefault();
       event.stopPropagation();
-      if (this.currentOption) {
+      if (this.currentOption && !this.currentOption.disabled) {
         this.setSelectedOption(this.currentOption);
         this.setValue(this.currentOption.value, { emitChangeEvent: true });
       }

package/dist/components/list-item/list-item.component.mjs

@@ -6,6 +6,7 @@ import FlowRdfElement from '../../internal/flow-ui-rdf-element.mjs';
 import { HasSlotController } from '../../internal/slot.mjs';
 import { watch } from '../../internal/watch.mjs';
 import styles from './list-item.styles.mjs';
+import { ifDefined } from 'lit/directives/if-defined.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -201,6 +202,7 @@ class FlowUiListItem extends FlowRdfElement {
           class="list-item__input"
           .value=${this.label}
           .readonly=${!this.editable}
+          placeholder=${ifDefined(this.placeholder)}
           tabindex=${this.editable ? "0" : "-1"}
           @flow-ui-change=${this.handleInputEvents}
           @flow-ui-input=${this.handleInputEvents}
@@ -226,6 +228,9 @@ __decorateClass([
 __decorateClass([
   property({ attribute: "edit-menu-name" })
 ], FlowUiListItem.prototype, "editMenuName", 2);
+__decorateClass([
+  property()
+], FlowUiListItem.prototype, "placeholder", 2);
 __decorateClass([
   property({ reflect: true })
 ], FlowUiListItem.prototype, "value", 2);

package/dist/components/option/option.styles.mjs

@@ -39,6 +39,11 @@ const styles = css`
     font-size: var(--flow-ui-font-size-large);
   }
 
+  .option--hover:not(.option--current):not(.option--disabled) {
+    background-color: var(--flow-ui-menu-background-color-hover);
+    color: var(--flow-ui-menu-color-hover);
+  }
+
   .option--current,
   .option--current.option--disabled {
     background-color: var(--flow-ui-menu-background-color-selected);
@@ -46,11 +51,6 @@ const styles = css`
     opacity: 1;
   }
 
-  .option--hover:not(.option--disabled) {
-    background-color: var(--flow-ui-menu-background-color-hover);
-    color: var(--flow-ui-menu-color-hover);
-  }
-
   .option--disabled {
     outline: none;
     opacity: 0.5;

package/dist/components/query-builder/query-builder.component.mjs

@@ -141,6 +141,8 @@ const _FlowUiQueryBuilder = class _FlowUiQueryBuilder extends FlowRdfElement {
     if (!rule.field) {
       rule.operator = this.getDefault(fieldConfig.defaultOperator, "=");
       rule.value = this.getDefault(fieldConfig.defaultValue);
+    } else {
+      rule.value = this.getDefault(fieldConfig.defaultValue);
     }
     rule.field = field;
     this.emitValueChange();