@descope/web-components-ui 1.0.400 → 1.0.402-1

package/dist/index.esm.js

@@ -1918,7 +1918,7 @@ const ButtonClass = compose(
 
       labelTextColor: { property: 'color' },
       iconColor: {
-        selector: () => `::slotted(${IconClass.componentName})`,
+        selector: () => `::slotted(*)`,
         property: IconClass.cssVarList.fill,
       },
       labelTextDecoration: { ...label$a, property: 'text-decoration' },
@@ -9082,9 +9082,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');
     }
   }
@@ -9933,15 +9933,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) {
@@ -11118,7 +11118,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) => {
@@ -11758,6 +11758,14 @@ const multiSelectComboBoxMixin = (superclass) =>
     setGetValidity() {
       // eslint-disable-next-line func-names
       this.getValidity = function () {
+        if (this.pattern) {
+          const patternRegex = new RegExp(this.pattern);
+          if (this.value.some((val) => !patternRegex.test(val)))
+            return {
+              patternMismatch: true,
+            };
+        }
+
         if (this.isRequired && !this.value.length) {
           return {
             valueMissing: true,
@@ -13651,6 +13659,7 @@ const UserAuthMethodClass = compose(
         { ...methodIconSlot, property: 'width' },
         { ...methodIconSlot, property: 'height' },
       ],
+      iconColor: [{ selector: () => '::slotted(*)', property: IconClass.cssVarList.fill }],
     },
   }),
   draggableMixin,
@@ -17473,6 +17482,7 @@ const userAuthMethod = {
   [vars$g.itemsGap]: '16px',
   [vars$g.hostMinWidth]: '530px',
   [vars$g.iconSize]: '24px',
+  [vars$g.iconColor]: 'currentcolor',
   _fullWidth: {
     [vars$g.hostWidth]: '100%',
   },