@descope/web-components-ui 1.26.0 → 1.28.0

package/dist/cjs/index.cjs.js

@@ -2539,6 +2539,15 @@ class RawIcon extends createBaseClass$1({ componentName: componentName$16, baseS
 	`;
   }
 
+  init() {
+    super.init?.();
+    this.toggleVisibility(this.src);
+  }
+
+  toggleVisibility(isVisible) {
+    this.style.display = isVisible ? '' : 'none';
+  }
+
   get src() {
     return this.getAttribute('src');
   }
@@ -2564,6 +2573,8 @@ class RawIcon extends createBaseClass$1({ componentName: componentName$16, baseS
     if (oldValue === newValue) return;
 
     if (attrName === 'src') {
+      this.toggleVisibility(newValue);
+
       createIcon(this.src).then((res) => {
         this.innerHTML = '';
         if (res) {
@@ -15712,11 +15723,9 @@ class RawCalendar extends BaseInputClass$2 {
     <div>
       <nav class="nav top-nav">
         <div class="nav-prev">
-          <descope-icon></descope-icon>
         </div>
         <div class="selectors"></div>
         <div class="nav-next">
-          <descope-icon></descope-icon>
         </div>
       </nav>
       <div class="calendar"></div>
@@ -15844,8 +15853,8 @@ class RawCalendar extends BaseInputClass$2 {
       })
     );
 
-    this.shadowRoot.querySelector('.nav-next descope-icon').innerHTML = arrowRightIcon;
-    this.shadowRoot.querySelector('.nav-prev descope-icon').innerHTML = arrowLeftIcon;
+    this.shadowRoot.querySelector('.nav-next').innerHTML = arrowRightIcon;
+    this.shadowRoot.querySelector('.nav-prev').innerHTML = arrowLeftIcon;
   }
 
   onSubmit() {
@@ -16536,7 +16545,7 @@ class RawDateFieldClass extends BaseInputClass$1 {
     <div>
       <descope-text-field>
         <span slot="suffix" class="toggle-calendar">
-          <descope-icon>${calendarIcon}</descope-icon>
+          ${calendarIcon}
         </span>
       </descope-text-field>
       <vaadin-popover></vaadin-popover>