@lion/ui 0.11.3 → 0.11.4

package/components/form-core/src/FormControlMixin.js

@@ -293,11 +293,11 @@ const FormControlMixinImplementation = superclass =>
         );
       }
 
-      if (changedProperties.has('label') && this._labelNode) {
+      if (changedProperties.has('label') && this.__label && this._labelNode) {
         this._labelNode.textContent = this.label;
       }
 
-      if (changedProperties.has('helpText') && this._helpTextNode) {
+      if (changedProperties.has('helpText') && this.__helpText && this._helpTextNode) {
         this._helpTextNode.textContent = this.helpText;
       }
 

package/components/form-core/test/FormControlMixin.test.js

@@ -52,11 +52,13 @@ describe('FormControlMixin', () => {
       const elElem = /** @type {FormControlMixinClass} */ (
         await fixture(html`
         <${tag}>
-          <label slot="label">Email address</label>
+          <label slot="label"><b>Email</b> address</label>
           ${inputSlot}
         </${tag}>`)
       );
       expect(elElem.label).to.equal('Email address', 'as an element');
+      // @ts-expect-error
+      expect(elElem._labelNode.innerHTML).to.equal('<b>Email</b> address', 'html as an element');
     });
 
     it('has a label that supports inner html', async () => {
@@ -68,6 +70,8 @@ describe('FormControlMixin', () => {
         </${tag}>`)
       );
       expect(el.label).to.equal('Email address');
+      // @ts-expect-error
+      expect(el._labelNode.innerHTML).to.equal('Email <span>address</span>');
     });
 
     it('only takes label of direct child', async () => {
@@ -139,11 +143,13 @@ describe('FormControlMixin', () => {
       const elElem = /** @type {FormControlMixinClass} */ (
         await fixture(html`
         <${tag}>
-          <div slot="help-text">We will not send you any spam</div>
+          <div slot="help-text">We will <b>not</b> send you any spam</div>
           ${inputSlot}
         </${tag}>`)
       );
       expect(elElem.helpText).to.equal('We will not send you any spam', 'as an element');
+      // @ts-expect-error
+      expect(elElem._helpTextNode.innerHTML).to.equal('We will <b>not</b> send you any spam');
     });
 
     it('can have a help-text that supports inner html', async () => {
@@ -155,6 +161,8 @@ describe('FormControlMixin', () => {
         </${tag}>`)
       );
       expect(el.helpText).to.equal('We will not send you any spam');
+      // @ts-expect-error
+      expect(el._helpTextNode.innerHTML).to.equal('We will not send you any <span>spam</span>');
     });
 
     it('only takes help-text of direct child', async () => {

package/custom-elements.json

@@ -146520,7 +146520,12 @@
         },
         {
           "kind": "variable",
-          "name": "y"
+          "name": "m"
+        },
+        {
+          "kind": "variable",
+          "name": "i",
+          "default": "t"
         },
         {
           "kind": "class",
@@ -146548,6 +146553,25 @@
               ],
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "C",
+              "parameters": [
+                {
+                  "name": "t"
+                },
+                {
+                  "name": "s"
+                },
+                {
+                  "name": "{useDefault:i,reflect:e,wrapped:h}"
+                },
+                {
+                  "name": "r"
+                }
+              ],
+              "privacy": "public"
+            },
             {
               "kind": "method",
               "name": "createProperty",
@@ -146558,7 +146582,7 @@
                 },
                 {
                   "name": "s",
-                  "default": "m"
+                  "default": "y"
                 }
               ],
               "privacy": "public"
@@ -146641,22 +146665,6 @@
               "default": "!1",
               "privacy": "public"
             },
-            {
-              "kind": "method",
-              "name": "P",
-              "parameters": [
-                {
-                  "name": "t"
-                },
-                {
-                  "name": "s"
-                },
-                {
-                  "name": "i"
-                }
-              ],
-              "privacy": "public"
-            },
             {
               "kind": "method",
               "name": "removeController",
@@ -146698,21 +146706,13 @@
             },
             {
               "kind": "method",
-              "name": "_$EC",
-              "parameters": [
-                {
-                  "name": "t"
-                },
-                {
-                  "name": "s"
-                }
-              ],
+              "name": "_$Ei",
+              "static": true,
               "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "_$Ei",
-              "static": true,
+              "name": "_$EM",
               "privacy": "protected"
             },
             {
@@ -146724,6 +146724,11 @@
               "default": "null",
               "privacy": "protected"
             },
+            {
+              "kind": "method",
+              "name": "_$EP",
+              "privacy": "protected"
+            },
             {
               "kind": "field",
               "name": "_$Ep",
@@ -146733,6 +146738,14 @@
             {
               "kind": "method",
               "name": "_$ET",
+              "parameters": [
+                {
+                  "name": "t"
+                },
+                {
+                  "name": "s"
+                }
+              ],
               "privacy": "protected"
             },
             {
@@ -146749,11 +146762,6 @@
               ],
               "privacy": "protected"
             },
-            {
-              "kind": "method",
-              "name": "_$EU",
-              "privacy": "protected"
-            },
             {
               "kind": "method",
               "name": "_$Ev",
@@ -146768,6 +146776,10 @@
           "superclass": {
             "module": "../../node_modules/@lit/reactive-element/node/reactive-element.js"
           }
+        },
+        {
+          "kind": "variable",
+          "name": "e"
         }
       ],
       "exports": [
@@ -146779,14 +146791,6 @@
             "module": "\"./css-tag.js\""
           }
         },
-        {
-          "kind": "js",
-          "name": "adoptStyles",
-          "declaration": {
-            "name": "adoptStyles",
-            "module": "\"./css-tag.js\""
-          }
-        },
         {
           "kind": "js",
           "name": "css",
@@ -146795,14 +146799,6 @@
             "module": "\"./css-tag.js\""
           }
         },
-        {
-          "kind": "js",
-          "name": "getCompatibleStyle",
-          "declaration": {
-            "name": "getCompatibleStyle",
-            "module": "\"./css-tag.js\""
-          }
-        },
         {
           "kind": "js",
           "name": "supportsAdoptingStyleSheets",
@@ -146827,6 +146823,14 @@
             "module": "../../node_modules/@lit/reactive-element/node/reactive-element.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "adoptStyles",
+          "declaration": {
+            "name": "e",
+            "module": "../../node_modules/@lit/reactive-element/node/reactive-element.js"
+          }
+        },
         {
           "kind": "js",
           "name": "defaultConverter",
@@ -146835,11 +146839,19 @@
             "module": "../../node_modules/@lit/reactive-element/node/reactive-element.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "getCompatibleStyle",
+          "declaration": {
+            "name": "i",
+            "module": "../../node_modules/@lit/reactive-element/node/reactive-element.js"
+          }
+        },
         {
           "kind": "js",
           "name": "notEqual",
           "declaration": {
-            "name": "y",
+            "name": "m",
             "module": "../../node_modules/@lit/reactive-element/node/reactive-element.js"
           }
         }