@sme.up/ketchup 6.6.0 → 6.8.0

package/dist/collection/components/kup-list/kup-list.js

@@ -1,16 +1,21 @@
 var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  if (kind === "a" && !f)
+    throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+    throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-  if (kind === "m") throw new TypeError("Private method is not writable");
-  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  if (kind === "m")
+    throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f)
+    throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+    throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
 var _KupList_instances, _KupList_kupManager, _KupList_radios, _KupList_listItems, _KupList_handleSelection, _KupList_isNested, _KupList_renderListItem, _KupList_getIconTag, _KupList_isMultiSelection, _KupList_isCheckBoxRule, _KupList_isRadioButtonRule, _KupList_isListBoxRule, _KupList_checkRoleType, _KupList_itemCompliant;
-import { Component, Element, Event, forceUpdate, h, Host, Listen, Method, Prop, State, } from '@stencil/core';
+import { forceUpdate, h, Host, } from '@stencil/core';
 import { KupListProps, KupListRole, } from './kup-list-declarations';
 import { ItemsDisplayMode } from './kup-list-declarations';
 import { getIdOfItemByDisplayMode } from './kup-list-helper';
@@ -23,91 +28,28 @@ export class KupList {
   constructor() {
     _KupList_instances.add(this);
     /*-------------------------------------------------*/
-    /*                   S t a t e s                   */
+    /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     /**
-     * The focused list item.
-     * @default null
+     * Instance of the KupManager class.
      */
+    _KupList_kupManager.set(this, kupManagerInstance());
+    _KupList_radios.set(this, []);
+    _KupList_listItems.set(this, []);
     this.focused = null;
-    /**
-     * The selected list items.
-     * @default []
-     */
     this.selected = [];
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
     this.customStyle = '';
-    /**
-     * The data of the list.
-     * @default []
-     */
     this.data = [];
-    /**
-     * Selects how the items must display their label and how they can be filtered for.
-     * @default ItemsDisplayMode.DESCRIPTION
-     */
     this.displayMode = ItemsDisplayMode.DESCRIPTION;
-    /**
-     * Keeps string for filtering elements when filter mode is active
-     * @default ''
-     */
     this.filter = '';
-    /**
-     * Hides rows' text, ideally to display a list of icons only.
-     * @default false
-     */
     this.hideText = false;
-    /**
-     * Defines whether the list is a menu or not.
-     * @default false
-     */
     this.isMenu = false;
-    /**
-     * When true, enables items' navigation through arrow keys.
-     * @default true
-     */
     this.keyboardNavigation = true;
-    /**
-     * Sets the status of the menu, when false it's hidden otherwise it's visible.
-     * @default false
-     */
     this.menuVisible = false;
-    /**
-     * Defines the type of selection. Values accepted: listbox, radiogroup or group.
-     * @default KupListRole.LISTBOX
-     */
     this.roleType = KupListRole.LISTBOX;
-    /**
-     * Defines whether items are selectable or not.
-     * @default true
-     */
     this.selectable = true;
-    /**
-     * Displays the icons associated to each row when set to true.
-     * @default false
-     */
     this.showIcons = false;
-    /**
-     * The list elements descriptions will be arranged in two lines.
-     * @default false
-     */
     this.twoLine = false;
-    /*-------------------------------------------------*/
-    /*       I n t e r n a l   V a r i a b l e s       */
-    /*-------------------------------------------------*/
-    /**
-     * Instance of the KupManager class.
-     */
-    _KupList_kupManager.set(this, kupManagerInstance());
-    _KupList_radios.set(this, []);
-    _KupList_listItems.set(this, []);
   }
   onKupBlur() {
     this.kupBlur.emit({
@@ -149,9 +91,6 @@ export class KupList {
     }
   }
   /*-------------------------------------------------*/
-  /*                  W a t c h e r s                */
-  /*-------------------------------------------------*/
-  /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */
   /*-------------------------------------------------*/
   /**
@@ -208,6 +147,19 @@ export class KupList {
   async getProps(descriptions) {
     return getProps(this, KupListProps, descriptions);
   }
+  /**
+   * Returns the selected node.
+   * @returns {Promise<KupListNode>} Selected node.
+   */
+  async getSelectedNode() {
+    const nodes = [];
+    this.data.forEach((node) => {
+      if (this.selected.includes(node.id)) {
+        nodes.push(node);
+      }
+    });
+    return nodes;
+  }
   /**
    * This method is used to trigger a new render of the component.
    */
@@ -291,511 +243,545 @@ export class KupList {
     }
     __classPrivateFieldSet(this, _KupList_radios, [], "f");
     let index = 0;
-    return (h(Host, null,
-      h("style", null, __classPrivateFieldGet(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)),
-      h("div", { id: "kup-component", class: wrapperClass },
-        h("ul", { class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
-          .filter((item) => __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_itemCompliant).call(this, item))
-          .map((item) => __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index++))))));
+    return (h(Host, null, h("style", null, __classPrivateFieldGet(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: "kup-component", class: wrapperClass }, h("ul", { class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+      .filter((item) => __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_itemCompliant).call(this, item))
+      .map((item) => __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index++))))));
   }
   disconnectedCallback() {
     __classPrivateFieldGet(this, _KupList_kupManager, "f").theme.unregister(this);
   }
   static get is() { return "kup-list"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["kup-list.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["kup-list.css"]
-  }; }
-  static get properties() { return {
-    "customStyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "\"\""
-          }, {
-            "name": "see",
-            "text": "https://ketchup.smeup.com/ketchup-showcase/#/customization"
-          }],
-        "text": "Custom style of the component."
-      },
-      "attribute": "custom-style",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "data": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "KupListNode[]",
-        "resolved": "KupListNode[]",
-        "references": {
-          "KupListNode": {
-            "location": "import",
-            "path": "./kup-list-declarations"
+  static get originalStyleUrls() {
+    return {
+      "$": ["kup-list.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["kup-list.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "customStyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "\"\""
+            }, {
+              "name": "see",
+              "text": "https://ketchup.smeup.com/ketchup-showcase/#/customization"
+            }],
+          "text": "Custom style of the component."
+        },
+        "attribute": "custom-style",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "data": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "KupListNode[]",
+          "resolved": "KupListNode[]",
+          "references": {
+            "KupListNode": {
+              "location": "import",
+              "path": "./kup-list-declarations"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "[]"
-          }],
-        "text": "The data of the list."
-      },
-      "defaultValue": "[]"
-    },
-    "displayMode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ItemsDisplayMode",
-        "resolved": "ItemsDisplayMode.CODE | ItemsDisplayMode.DESCRIPTION | ItemsDisplayMode.DESCRIPTION_AND_CODE",
-        "references": {
-          "ItemsDisplayMode": {
-            "location": "import",
-            "path": "./kup-list-declarations"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "[]"
+            }],
+          "text": "The data of the list."
+        },
+        "defaultValue": "[]"
+      },
+      "displayMode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ItemsDisplayMode",
+          "resolved": "ItemsDisplayMode.CODE | ItemsDisplayMode.DESCRIPTION | ItemsDisplayMode.DESCRIPTION_AND_CODE",
+          "references": {
+            "ItemsDisplayMode": {
+              "location": "import",
+              "path": "./kup-list-declarations"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "ItemsDisplayMode.DESCRIPTION"
-          }],
-        "text": "Selects how the items must display their label and how they can be filtered for."
-      },
-      "attribute": "display-mode",
-      "reflect": false,
-      "defaultValue": "ItemsDisplayMode.DESCRIPTION"
-    },
-    "filter": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "''"
-          }],
-        "text": "Keeps string for filtering elements when filter mode is active"
-      },
-      "attribute": "filter",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "hideText": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "false"
-          }],
-        "text": "Hides rows' text, ideally to display a list of icons only."
-      },
-      "attribute": "hide-text",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "isMenu": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "false"
-          }],
-        "text": "Defines whether the list is a menu or not."
-      },
-      "attribute": "is-menu",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "keyboardNavigation": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "true"
-          }],
-        "text": "When true, enables items' navigation through arrow keys."
-      },
-      "attribute": "keyboard-navigation",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "menuVisible": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "false"
-          }],
-        "text": "Sets the status of the menu, when false it's hidden otherwise it's visible."
-      },
-      "attribute": "menu-visible",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "roleType": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "KupListRole",
-        "resolved": "KupListRole.GROUP | KupListRole.LISTBOX | KupListRole.RADIOGROUP",
-        "references": {
-          "KupListRole": {
-            "location": "import",
-            "path": "./kup-list-declarations"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "ItemsDisplayMode.DESCRIPTION"
+            }],
+          "text": "Selects how the items must display their label and how they can be filtered for."
+        },
+        "attribute": "display-mode",
+        "reflect": false,
+        "defaultValue": "ItemsDisplayMode.DESCRIPTION"
+      },
+      "filter": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "''"
+            }],
+          "text": "Keeps string for filtering elements when filter mode is active"
+        },
+        "attribute": "filter",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "hideText": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "false"
+            }],
+          "text": "Hides rows' text, ideally to display a list of icons only."
+        },
+        "attribute": "hide-text",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "isMenu": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "false"
+            }],
+          "text": "Defines whether the list is a menu or not."
+        },
+        "attribute": "is-menu",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "keyboardNavigation": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "true"
+            }],
+          "text": "When true, enables items' navigation through arrow keys."
+        },
+        "attribute": "keyboard-navigation",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "menuVisible": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "false"
+            }],
+          "text": "Sets the status of the menu, when false it's hidden otherwise it's visible."
+        },
+        "attribute": "menu-visible",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "roleType": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "KupListRole",
+          "resolved": "KupListRole.GROUP | KupListRole.LISTBOX | KupListRole.RADIOGROUP",
+          "references": {
+            "KupListRole": {
+              "location": "import",
+              "path": "./kup-list-declarations"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "KupListRole.LISTBOX"
-          }],
-        "text": "Defines the type of selection. Values accepted: listbox, radiogroup or group."
-      },
-      "attribute": "role-type",
-      "reflect": false,
-      "defaultValue": "KupListRole.LISTBOX"
-    },
-    "selectable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "true"
-          }],
-        "text": "Defines whether items are selectable or not."
-      },
-      "attribute": "selectable",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "showIcons": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "false"
-          }],
-        "text": "Displays the icons associated to each row when set to true."
-      },
-      "attribute": "show-icons",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "twoLine": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "false"
-          }],
-        "text": "The list elements descriptions will be arranged in two lines."
-      },
-      "attribute": "two-line",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "focused": {},
-    "selected": {}
-  }; }
-  static get events() { return [{
-      "method": "kupBlur",
-      "name": "kup-list-blur",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "KupEventPayload",
-        "resolved": "KupEventPayload",
-        "references": {
-          "KupEventPayload": {
-            "location": "import",
-            "path": "../../types/GenericTypes"
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "KupListRole.LISTBOX"
+            }],
+          "text": "Defines the type of selection. Values accepted: listbox, radiogroup or group."
+        },
+        "attribute": "role-type",
+        "reflect": false,
+        "defaultValue": "KupListRole.LISTBOX"
+      },
+      "selectable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "true"
+            }],
+          "text": "Defines whether items are selectable or not."
+        },
+        "attribute": "selectable",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "showIcons": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "false"
+            }],
+          "text": "Displays the icons associated to each row when set to true."
+        },
+        "attribute": "show-icons",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "twoLine": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "false"
+            }],
+          "text": "The list elements descriptions will be arranged in two lines."
+        },
+        "attribute": "two-line",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "focused": {},
+      "selected": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "kupBlur",
+        "name": "kup-list-blur",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "KupEventPayload",
+          "resolved": "KupEventPayload",
+          "references": {
+            "KupEventPayload": {
+              "location": "import",
+              "path": "../../types/GenericTypes"
+            }
           }
         }
-      }
-    }, {
-      "method": "kupFocus",
-      "name": "kup-list-focus",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "KupEventPayload",
-        "resolved": "KupEventPayload",
-        "references": {
-          "KupEventPayload": {
-            "location": "import",
-            "path": "../../types/GenericTypes"
+      }, {
+        "method": "kupFocus",
+        "name": "kup-list-focus",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "KupEventPayload",
+          "resolved": "KupEventPayload",
+          "references": {
+            "KupEventPayload": {
+              "location": "import",
+              "path": "../../types/GenericTypes"
+            }
           }
         }
-      }
-    }, {
-      "method": "kupClick",
-      "name": "kup-list-click",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "KupListEventPayload",
-        "resolved": "KupListEventPayload",
-        "references": {
-          "KupListEventPayload": {
-            "location": "import",
-            "path": "./kup-list-declarations"
+      }, {
+        "method": "kupClick",
+        "name": "kup-list-click",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "KupListEventPayload",
+          "resolved": "KupListEventPayload",
+          "references": {
+            "KupListEventPayload": {
+              "location": "import",
+              "path": "./kup-list-declarations"
+            }
           }
         }
-      }
-    }]; }
-  static get methods() { return {
-    "focusNext": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+      }];
+  }
+  static get methods() {
+    return {
+      "focusNext": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "KupListNode": {
+              "location": "import",
+              "path": "./kup-list-declarations"
+            }
           },
-          "KupListNode": {
-            "location": "import",
-            "path": "./kup-list-declarations"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Focuses the next element of the list.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Focuses the next element of the list.",
-        "tags": []
-      }
-    },
-    "focusPrevious": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "focusPrevious": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "KupListNode": {
+              "location": "import",
+              "path": "./kup-list-declarations"
+            }
           },
-          "KupListNode": {
-            "location": "import",
-            "path": "./kup-list-declarations"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Focuses the previous element of the list.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Focuses the previous element of the list.",
-        "tags": []
-      }
-    },
-    "getProps": {
-      "complexType": {
-        "signature": "(descriptions?: boolean) => Promise<GenericObject>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "descriptions - When provided and true, the result will be the list of props with their description."
-              }],
-            "text": "- When provided and true, the result will be the list of props with their description."
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "getProps": {
+        "complexType": {
+          "signature": "(descriptions?: boolean) => Promise<GenericObject>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "descriptions - When provided and true, the result will be the list of props with their description."
+                }],
+              "text": "- When provided and true, the result will be the list of props with their description."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "GenericObject": {
+              "location": "import",
+              "path": "../../types/GenericTypes"
+            }
           },
-          "GenericObject": {
-            "location": "import",
-            "path": "../../types/GenericTypes"
-          }
+          "return": "Promise<GenericObject>"
         },
-        "return": "Promise<GenericObject>"
+        "docs": {
+          "text": "Used to retrieve component's props values.",
+          "tags": [{
+              "name": "param",
+              "text": "descriptions - When provided and true, the result will be the list of props with their description."
+            }, {
+              "name": "returns",
+              "text": "List of props as object, each key will be a prop."
+            }]
+        }
       },
-      "docs": {
-        "text": "Used to retrieve component's props values.",
-        "tags": [{
-            "name": "param",
-            "text": "descriptions - When provided and true, the result will be the list of props with their description."
-          }, {
-            "name": "returns",
-            "text": "List of props as object, each key will be a prop."
-          }]
-      }
-    },
-    "refresh": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "getSelectedNode": {
+        "complexType": {
+          "signature": "() => Promise<KupListNode[]>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "KupListNode": {
+              "location": "import",
+              "path": "./kup-list-declarations"
+            }
+          },
+          "return": "Promise<KupListNode[]>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Returns the selected node.",
+          "tags": [{
+              "name": "returns",
+              "text": "Selected node."
+            }]
+        }
       },
-      "docs": {
-        "text": "This method is used to trigger a new render of the component.",
-        "tags": []
-      }
-    },
-    "select": {
-      "complexType": {
-        "signature": "(index?: number) => Promise<void>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "index - Based zero index of the item that must be selected, when not provided the list will attempt to select the focused element."
-              }],
-            "text": "- Based zero index of the item that must be selected, when not provided the list will attempt to select the focused element."
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "refresh": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "This method is used to trigger a new render of the component.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Calls handleSelection internal method to select the given item.",
-        "tags": [{
-            "name": "param",
-            "text": "index - Based zero index of the item that must be selected, when not provided the list will attempt to select the focused element."
-          }]
-      }
-    },
-    "setProps": {
-      "complexType": {
-        "signature": "(props: GenericObject) => Promise<void>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "props - Object containing props that will be set to the component."
-              }],
-            "text": "- Object containing props that will be set to the component."
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "select": {
+        "complexType": {
+          "signature": "(index?: number) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "index - Based zero index of the item that must be selected, when not provided the list will attempt to select the focused element."
+                }],
+              "text": "- Based zero index of the item that must be selected, when not provided the list will attempt to select the focused element."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
           },
-          "GenericObject": {
-            "location": "import",
-            "path": "../../types/GenericTypes"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Calls handleSelection internal method to select the given item.",
+          "tags": [{
+              "name": "param",
+              "text": "index - Based zero index of the item that must be selected, when not provided the list will attempt to select the focused element."
+            }]
+        }
       },
-      "docs": {
-        "text": "Sets the props to the component.",
-        "tags": [{
-            "name": "param",
-            "text": "props - Object containing props that will be set to the component."
-          }]
+      "setProps": {
+        "complexType": {
+          "signature": "(props: GenericObject) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "props - Object containing props that will be set to the component."
+                }],
+              "text": "- Object containing props that will be set to the component."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "GenericObject": {
+              "location": "import",
+              "path": "../../types/GenericTypes"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Sets the props to the component.",
+          "tags": [{
+              "name": "param",
+              "text": "props - Object containing props that will be set to the component."
+            }]
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "rootElement"; }
-  static get listeners() { return [{
-      "name": "keydown",
-      "method": "listenKeydown",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "listenKeydown",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
 _KupList_kupManager = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_listItems = new WeakMap(), _KupList_instances = new WeakSet(), _KupList_handleSelection = function _KupList_handleSelection(index) {
   if (index !== null && index !== undefined && !isNaN(index)) {
@@ -876,9 +862,7 @@ _KupList_kupManager = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_l
   }
   let innerSpanTag = [
     imageTag,
-    h("span", { class: "list-item__text" },
-      primaryTextTag,
-      secTextTag),
+    h("span", { class: "list-item__text" }, primaryTextTag, secTextTag),
   ];
   if (__classPrivateFieldGet(this, _KupList_instances, "m", _KupList_isRadioButtonRule).call(this)) {
     roleAttr = 'radio';
@@ -894,13 +878,9 @@ _KupList_kupManager = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_l
       display: 'none',
     };
     innerSpanTag = [
-      h("span", { class: "list-item__graphic" },
-        h("input", { type: "radio", style: trickForMDC }),
-        h("kup-radio", { data: dataTmp, id: this.rootElement.id + '_' + index, ref: (el) => (__classPrivateFieldGet(this, _KupList_radios, "f")[index] = el) })),
+      h("span", { class: "list-item__graphic" }, h("input", { type: "radio", style: trickForMDC }), h("kup-radio", { data: dataTmp, id: this.rootElement.id + '_' + index, ref: (el) => (__classPrivateFieldGet(this, _KupList_radios, "f")[index] = el) })),
       imageTag,
-      h("label", { class: "list-item__text", htmlFor: this.rootElement.id + '_' + index },
-        primaryTextTag,
-        secTextTag),
+      h("label", { class: "list-item__text", htmlFor: this.rootElement.id + '_' + index }, primaryTextTag, secTextTag),
     ];
   }
   else if (__classPrivateFieldGet(this, _KupList_instances, "m", _KupList_isCheckBoxRule).call(this)) {
@@ -911,13 +891,9 @@ _KupList_kupManager = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_l
       display: 'none',
     };
     innerSpanTag = [
-      h("span", { class: "list-item__graphic" },
-        h("input", { type: "checkbox", style: trickForMDC }),
-        h(FCheckbox, { checked: checkedAttr })),
+      h("span", { class: "list-item__graphic" }, h("input", { type: "checkbox", style: trickForMDC }), h(FCheckbox, { checked: checkedAttr })),
       imageTag,
-      h("label", { class: "list-item__text", htmlFor: this.rootElement.id + '_' + index },
-        primaryTextTag,
-        secTextTag),
+      h("label", { class: "list-item__text", htmlFor: this.rootElement.id + '_' + index }, primaryTextTag, secTextTag),
     ];
   }
   const vNodes = [];
@@ -937,14 +913,12 @@ _KupList_kupManager = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_l
           e.stopPropagation();
           this.onKupClick(index);
         }
-        : () => this.onKupClick(index) },
-    innerSpanTag,
-    nestedList
-      ? [
-        h(FImage, { resource: "chevron-right", sizeX: "1.5em", sizeY: "1.5em", wrapperClass: "list-item__expand-icon" }),
-        nestedList,
-      ]
-      : null));
+        : () => this.onKupClick(index) }, innerSpanTag, nestedList
+    ? [
+      h(FImage, { resource: "chevron-right", sizeX: "1.5em", sizeY: "1.5em", wrapperClass: "list-item__expand-icon" }),
+      nestedList,
+    ]
+    : null));
   return vNodes;
 }, _KupList_getIconTag = function _KupList_getIconTag(icon) {
   const large = this.rootElement.classList.contains('kup-large');