@descope/web-components-ui 1.0.391 → 1.0.393-1

package/dist/index.esm.js

@@ -9068,9 +9068,9 @@ class RawPolicyValidation extends createBaseClass({ componentName: componentName
   updateLabel(val) {
     if (!val) {
       this.classList.add('hide-label');
-      this.label.innerHTML = '';
+      this.label.textContent = '';
     } else {
-      this.label.innerHTML = val;
+      this.label.textContent = val;
       this.classList.remove('hide-label');
     }
   }
@@ -9918,15 +9918,15 @@ class RawUploadFile extends BaseInputClass$3 {
   }
 
   updateTitle(val) {
-    this.title.innerHTML = val;
+    this.title.textContent = val;
   }
 
   updateDescription(val) {
-    this.description.innerHTML = val;
+    this.description.textContent = val;
   }
 
   updateButtonLabel(val) {
-    this.button.innerHTML = val;
+    this.button.textContent = val;
   }
 
   updateButtonSize(val) {
@@ -11103,7 +11103,7 @@ const renderCodeSnippet = (value, lang) =>
 
 const renderText = (text) =>
   `<div class="row-details__value text" title="${text}">${text}</div>`;
-const renderJson = (value) => renderCodeSnippet(JSON.stringify(value, null, 2), 'json');
+const renderJson = (value) => renderCodeSnippet(escapeXML(JSON.stringify(value, null, 2)), 'json');
 const renderXml = (value) => renderCodeSnippet(escapeXML(value), 'xml');
 
 const defaultRowDetailsValueRenderer = (value) => {
@@ -14574,11 +14574,31 @@ class RawScopesList extends createBaseClass({ componentName: componentName$2, ba
     return this.getAttribute('size') || 'sm';
   }
 
+  #getChildNodes() {
+    return Array.from(this.shadowRoot.querySelector('div').children);
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  reportValidity() {
+    this.checkValidity();
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  checkValidity() {
+    return this.data.every((item) => !item.required || this.value.includes(item.id));
+  }
+
   get value() {
-    return Array.from(this.shadowRoot.querySelector('div').children).reduce(
-      (acc, el) => ({ ...acc, [el.getAttribute('data-id')]: el.checked }),
-      {}
-    );
+    return this.#getChildNodes()
+      .filter((node) => node.checked)
+      .map((node) => node.getAttribute('data-id'));
+  }
+
+  set value(val = []) {
+    this.#getChildNodes().forEach((node) => {
+      // eslint-disable-next-line no-param-reassign
+      node.checked = val.includes(node.getAttribute('data-id'));
+    });
   }
 
   get variant() {
@@ -14655,6 +14675,7 @@ class RawThirdPartyAppLogoClass extends createBaseClass({
           display: flex;
           justify-content: center;
           align-items: center;
+          min-width: max-content;
         }
 
 				.third-party-app-logo {