feat(component): Enhance IconLink with label support (#9173)

- Add label_ config (reactive).
- Update _vdom to include a span for the label.
- Implement afterSetLabel to toggle visibility and update text.

Author: tobiu

src/component/IconLink.mjs

@@ -26,6 +26,11 @@ class IconLink extends Component {
          * @reactive
          */
         iconCls_: null,
+        /**
+         * @member {String|null} label_=null
+         * @reactive
+         */
+        label_: null,
         /**
          * @member {String} tag='a'
          */
@@ -45,7 +50,8 @@ class IconLink extends Component {
          */
         _vdom:
         {cn: [
-            {tag: 'i', cls: []}
+            {tag: 'i', cls: []},
+            {tag: 'span', cls: ['neo-link-label'], style: {visibility: 'hidden'}}
         ]}
     }
 
@@ -65,6 +71,25 @@ class IconLink extends Component {
         me.update()
     }
 
+    /**
+     * Triggered after the label config got changed
+     * @param {String|null} value
+     * @param {String|null} oldValue
+     */
+    afterSetLabel(value, oldValue) {
+        let me   = this,
+            node = me.vdom.cn[1];
+
+        if (value) {
+            node.html = value;
+            delete node.style
+        } else {
+            node.style = {visibility: 'hidden'}
+        }
+
+        me.update()
+    }
+
     /**
      * Triggered after the target config got changed
      * @param {String} value