@descope/web-components-ui 1.113.0 → 1.115.0

package/dist/index.esm.js

@@ -4800,11 +4800,17 @@ const ComboBoxMixin = (superclass) =>
         return {};
       };
 
-      this.setComboBoxDescriptor();
-      this.#overrideOverlaySettings();
       this.#overrideRenderer();
       this.#disableDataProviderFilterEventIfNeeded();
 
+      // This is a workaround for a problem we have in Console App, where in ScreenBuilder - the inputElement is not ready when trying to
+      // set the component's descriptor and override the overlay settings.
+      // THIS IS A PROBLEM WITH THE CONSOLE APP THAT NEEDS TO BE RESOLVED. Until then, we use this workaround.
+      setTimeout(() => {
+        this.setComboBoxDescriptor();
+        this.#overrideOverlaySettings();
+      });
+
       // Set up observers - order matters here since renderItems can clear innerHTML
       observeAttributes(this, this.renderItems.bind(this), {
         includeAttrs: ['data'],
@@ -14658,10 +14664,6 @@ const multiSelectComboBoxMixin = (superclass) =>
 
       this.setGetValidity();
 
-      this.setComboBoxDescriptor();
-
-      this.#overrideOverlaySettings();
-
       this.#handleCustomValues();
 
       this.renderItems();
@@ -14674,6 +14676,14 @@ const multiSelectComboBoxMixin = (superclass) =>
       // tries to override it, causing us to lose the user set placeholder.
       forwardAttrs$1(this, this.baseElement, { includeAttrs: ['placeholder'] });
 
+      // This is a workaround for a problem we have in Console App, where in ScreenBuilder - the inputElement is not ready when trying to
+      // set the component's descriptor and override the overlay settings.
+      // THIS IS A PROBLEM WITH THE CONSOLE APP THAT NEEDS TO BE RESOLVED. Until then, we use this workaround.
+      setTimeout(() => {
+        this.setComboBoxDescriptor();
+        this.#overrideOverlaySettings();
+      });
+
       this.setDefaultValues();
 
       this.baseElement.addEventListener('selected-items-changed', () => {
@@ -24550,6 +24560,7 @@ const itemRenderer = (
       ${logo ? `img="${logo}"` : ''}
       ${name ? `display-name="${name}" abbr=${limitAbbreviation(name)}` : ''}
       size=${ref.size}
+      ${logo ? 'st-avatar-background-color="none"' : ''}
       class="app-logo"
     ></descope-avatar>
 
@@ -24686,10 +24697,6 @@ const OutboundAppsClass = compose(
         selector: TextClass.componentName,
         property: TextClass.cssVarList.fontSize,
       },
-      appLogoBackgroundColor: {
-        selector: AvatarClass.componentName,
-        property: AvatarClass.cssVarList.avatarBackgroundColor,
-      },
       appLogoGap: {
         selector: () => ' .app-logo',
         property: 'margin-inline-end'