@sapudex/web-components 2.39.0 → 2.41.0

package/dist/SearchableListBase.js

@@ -327,8 +327,11 @@ let UDExSearchableListBase = UDExSearchableListBase_1 = class UDExSearchableList
     getDataTokenId(item) {
         return item.getAttribute("data-token-id");
     }
+    get _validItems() {
+        return this.items.filter(item => !(item instanceof HTMLElement) || "isGroup" in item);
+    }
     getProcessedItems() {
-        return this.items.map(item => {
+        return this._validItems.map(item => {
             const isGroup = item.isGroup;
             const groupItems = isGroup ? item.getItems() : [];
             if (isGroup) {
@@ -373,7 +376,7 @@ let UDExSearchableListBase = UDExSearchableListBase_1 = class UDExSearchableList
         return this._filteredItems.length === 0;
     }
     get selectedItems() {
-        const selectedItems = this.getSlottedItems(this.items).filter(({ selected }) => selected);
+        const selectedItems = this.getSlottedItems(this._validItems).filter(({ selected }) => selected);
         return selectedItems;
     }
     get modeMultiSelect() {
@@ -404,7 +407,7 @@ let UDExSearchableListBase = UDExSearchableListBase_1 = class UDExSearchableList
         return this.nonGroupItems.length > SHOW_SEARCH_AFTER_COUNT;
     }
     get nonGroupItems() {
-        return this.getSlottedItems(this.items).filter(item => !item.isGroup);
+        return this.getSlottedItems(this._validItems).filter(item => !item.isGroup);
     }
     get roleForGroupList() {
         return this._filteredItems.some(element => element.isGroup) ? "group" : "none";

package/dist/SearchableListBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchableListBase.js","sourceRoot":"","sources":["../src/SearchableListBase.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AAEpE,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAW/C,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC7F,OAAO,SAAS,MAAM,sBAAsB,CAAC;AA+B7C;;;;;;;;;;GAUG;AAEH;;;;;;;;GAQG;AAsDH,IAAM,sBAAsB,8BAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAqI7C;QACE,KAAK,EAAE,CAAC;QApHV;;;;;WAKG;QAED,sBAAiB,GAAG,KAAK,CAAC;QAoB5B;;;;;WAKG;QAED,cAAS,GAAW,IAAI,CAAC;QAsC3B;;;;;WAKG;QAED,SAAI,GAAsB,YAAY,CAAC,YAAY,CAAC;QAWtD;;;;;WAKG;QAED,0BAAqB,GAAW,MAAM,CAAC;QAoBvC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;QACzB,IAAI,CAAC,+BAA+B,GAAG,IAAI,GAAG,EAAE,CAAC;IACnD,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC7B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACjD,CAAC;IACH,CAAC;IAED,WAAW,CAAC,CAAa;QACvB,MAAM,cAAc,GAAW,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,IAAwB,CAAC,CAAC;QACtF,IAAI,CAAC,uBAAuB,CAAC,cAAc,CAAC,CAAC;QAC7C,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC;IAC3C,CAAC;IAED,uBAAuB,CAAC,cAAsB;QAC5C,IAAI,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;YACjE,IAAI,OAAO,EAAE,CAAC;gBACZ,MAAM,SAAS,GAAqB,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,cAAc,CAAE,CAAC;gBAC1F,IAAI,SAAS,EAAE,CAAC;oBACd,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;oBAChC,IAAI,CAAC,sBAAsB,CAAC,IAA+B,CAAC,CAAC;gBAC/D,CAAC;YACH,CAAC;iBAAM,IAAI,IAAI,CAAC,GAAG,KAAK,cAAc,EAAE,CAAC;gBACvC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,eAAe,CAAC,IAAsB;QACpC,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/C,CAAC;QAED,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,MAAM,WAAW,GAAG,IAAI,CAAC,aAAwC,CAAC;YAClE,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;QACnD,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IACjC,CAAC;IAED,sBAAsB,CAAC,WAAoC;QACzD,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,WAAW,CAAC,iBAAiB,EAAE,CAAC;QAClC,CAAC;IACH,CAAC;IAED,aAAa,CAAC,CAAa;QACzB,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,IAAwB,CAAC;QAC/C,MAAM,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QACrC,IAAI,CAAC,0BAA0B,CAAC,EAAE,CAAC,CAAC;QACpC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC;IAED,sBAAsB,CAAC,CAAa;QAClC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,IAAwB,CAAC;QAC/C,MAAM,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QACrC,IAAI,CAAC,0BAA0B,CAAC,EAAE,CAAC,CAAC;QACpC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACxC,CAAC;IAED,0BAA0B,CAAC,EAAU;QACnC,IAAI,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;YAC5C,IAAI,IAAI,CAAC,GAAG,KAAK,EAAE,EAAE,CAAC;gBACnB,IAAgC,CAAC,yBAAyB,EAAE,CAAC;YAChE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ,CAAC,KAAa;QACpB,MAAM,WAAW,GAAW,KAAK,CAAC;QAClC,MAAM,cAAc,GAAG,WAAW,KAAK,EAAE,CAAC;QAE1C,IAAI,cAAc,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC/C,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAChC,CAAC;QAED,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC/C,IAAI,CAAC,yBAAyB,EAAE,CAAC;QACnC,CAAC;QAED,IAAI,CAAC,kBAAkB,GAAG,cAAc,CAAC;QACzC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,WAAW,CAAC,CAAC;QAC9E,MAAM,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC7D,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC;QAClH,IAAI,CAAC,kBAAkB,CAAC,eAAe,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;IACnE,CAAC;IAED,OAAO;QACL,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/C,CAAC;IAED,aAAa;QACX,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAC1C,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,kBAAkB,CAAC,eAAe,EAAE;YACvC,aAAa,EAAE,IAAI,CAAC,aAAa;SAClC,CAAC,CAAC;IACL,CAAC;IAED;;;OAGG;IACH,WAAW;QACT,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAChC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,yBAAyB,EAAE,CAAC;QACjC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,EAAE,CAAC,CAAC;IACvE,CAAC;IAED,WAAW,CAAC,KAA+B,EAAE,GAAW;QACtD,MAAM,cAAc,GAAG,GAAG,KAAK,EAAE,CAAC;QAElC,OAAO,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE;YACjC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,YAAY,CAAC;YAEvC,IAAI,OAAO,EAAE,CAAC;gBACZ,YAAY,CAAC,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;gBAEjF,IAAI,cAAc,IAAI,YAAY,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACzD,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACzB,CAAC;gBAED,OAAO,YAAY,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;YAC5C,CAAC;YAED,OAAO,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,mBAAmB,CAAC,UAAmC,EAAE,GAAW;QAClE,OAAO,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;IAClF,CAAC;IAED,mBAAmB,CAAC,IAAgD,EAAE,GAAW;QAC/E,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;QAChD,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,OAAO,CAAC,IAAI,CAAC,2CAA2C,CAAC,CAAC;YAC1D,OAAO,KAAK,CAAC;QACf,CAAC;QACD,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5C,IAAI,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC;YACvC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;YACtD,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,gBAAgB,CAAC,IAAY,EAAE,GAAW;QACxC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;YAChB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,IAAI,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC;QAC1C,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAC1C,CAAC;IAED,UAAU,CAAC,MAAc,EAAE,KAAa;QACtC,OAAO,MAAM,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED,mBAAmB,CAAC,KAA8B;QAChD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAsB,EAAE,EAAE;YACvC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACnB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACxB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB;QACf,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAChC,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC5B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;QACjF,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACjD,CAAC;IACH,CAAC;IAED,sBAAsB;QACpB,IAAI,CAAC,+BAA+B,CAAC,KAAK,EAAE,CAAC;QAE7C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACxB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,CAAC,+BAA+B,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;YAC9E,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,yBAAyB;QACvB,IAAI,CAAC,IAAI,CAAC,+BAA+B,CAAC,IAAI,EAAE,CAAC;YAC/C,OAAO;QACT,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACxB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,MAAM,SAAS,GAAG,IAAI,CAAC,+BAA+B,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAErE,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;oBAC5B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;gBAC7B,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,+BAA+B,CAAC,KAAK,EAAE,CAAC;IAC/C,CAAC;IAED,eAAe,CAAC,KAAwD;QACtE,MAAM,GAAG,GAAsD,EAAE,CAAC;QAClE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnB,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACf,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,GAAG,CAAC,IAAI,CAAC,GAAI,IAAgC,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC5D,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,CAAC;IACb,CAAC;IAED,eAAe,CAAC,MAAa;QAC3B,IAAI,QAAQ,GAAG,IAAI,CAAC;QAEpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAE3B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,MAAM,UAAU,GAAI,IAAgC,CAAC,QAAQ,EAAE,CAAC;gBAChE,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC;gBAExD,IAAI,QAAQ,EAAE,CAAC;oBACb,MAAM;gBACR,CAAC;YACH,CAAC;iBAAM,IAAI,IAAI,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC;gBAC/B,QAAQ,GAAG,IAAI,CAAC;gBAChB,MAAM;YACR,CAAC;QACH,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,mBAAmB,CAAC,MAAc;QAChC,IAAI,CAAC,kBAAkB,CAAC,kBAAkB,EAAE;YAC1C,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;SACnC,CAAC,CAAC;IACL,CAAC;IAED,uBAAuB,CAAC,CAAc;QACpC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC;IAClD,CAAC;IAED,wBAAwB,CAAC,CAAc;QACrC,IAAI,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC;IACnD,CAAC;IAEO,mBAAmB,CAAC,SAAmD,EAAE,CAAc;QAC7F,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,IAAwB,CAAC;QAC/C,MAAM,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QACrC,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE;YACjC,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,aAAa;YACrC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;SAC/B,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB,CAAC,KAA+B;QAClD,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC1B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,OAAO;oBACL,IAAI;oBACJ,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC;iBAC5D,CAAC;YACJ,CAAC;YACD,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,eAAe,CAAC,IAAkB;QAChC,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CAAW,aAAa,CAAE,CAAC;IAClE,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CAAa,eAAe,CAAE,IAAI,IAAI,CAAC,UAAW,CAAC,aAAa,CAAmB,0BAA0B,CAAE,CAAC;IACvJ,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CAAU,eAAe,CAAE,CAAC;IACnE,CAAC;IAED,eAAe;QACb,MAAM,WAAW,GAAG,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,aAAa,CAAgB,CAAC;QACjF,OAAO,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACzF,CAAC;IAED,cAAc,CAAC,IAAsB;QACnC,OAAO,IAAI,CAAC,YAAY,CAAC,eAAe,CAAW,CAAC;IACtD,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;YAC7B,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAE,IAAgC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAE/E,IAAI,OAAO,EAAE,CAAC;gBACZ,IAAI,CAAC,uBAAuB,CAAC,UAAU,CAAC,CAAC;YAC3C,CAAC;YAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACtB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC;YAEpC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,cAAc,CAAC,IAAqB;QAClC,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,UAAW,CAAC,aAAa,CAAc,SAAS,IAAI,GAAG,CAAE,CAAC;IACrF,CAAC;IAED,qBAAqB,CAAC,IAAqB,EAAE,MAAkD;QAC7F,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAC1C,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,CAAkB,CAAC,CAAC;IACvF,CAAC;IAED,iBAAiB;QACf,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAC7D,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;IAC9C,CAAC;IAED,uBAAuB,CAAC,KAAoD;QAC1E,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACtB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC;QACtC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,eAAe;QACjB,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;QACxF,OAAO,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC;IACvE,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,SAAS,CAAC,wBAAsB,EAAE,gBAAgB,CAAC,CAAC;IAC7D,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,SAAS,CAAC,wBAAsB,EAAE,eAAe,CAAC,CAAC;IAC5D,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,SAAS,CAAC,wBAAsB,EAAE,KAAK,CAAC,CAAC;IAClD,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,KAAK,CAAC,CAAC;IAC1C,CAAC;IAED,IAAI,aAAa;QACf,MAAM,aAAa,GAA4B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC;QACnH,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,WAAW,CAAC;IAChD,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,YAAY,CAAC;IACjD,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,UAAU,CAAC;IAC/C,CAAC;IAED,IAAI,YAAY;QACd,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;QAC7D,OAAO,IAAI,CAAC,eAAe,IAAI,UAAU,CAAC;IAC5C,CAAC;IAED,IAAI,mBAAmB;QACrB,OAAO,8BAA8B,CAAC;IACxC,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,8BAA8B,CAAC;QACnD,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,WAAW,yCAAyC,CAAC,CAAC,CAAC,WAAW,CAAC;IACjG,CAAC;IAED,IAAI,UAAU;QACZ,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC9F,OAAO,CAAC,IAAI,CAAC,kBAAkB,IAAI,eAAe,CAAC;IACrD,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,uBAAuB,CAAC;IAC7D,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACxE,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IACjF,CAAC;IAED,IAAI,qBAAqB;QACvB,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC;IACrG,CAAC;IAED,IAAI,YAAY;QACd,IAAI,IAAI,CAAC,qBAAqB,KAAK,MAAM,EAAE,CAAC;YAC1C,OAAO,UAAU,CAAC;QACpB,CAAC;QAED,IAAI,IAAI,CAAC,qBAAqB,KAAK,SAAS,EAAE,CAAC;YAC7C,OAAO,QAAQ,CAAC;QAClB,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,KAAK,CAAC;IACf,CAAC;CACF,CAAA;AAtjBG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oEACK;AAO/B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACT;AAShB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iEACA;AAS1B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACX;AASf;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+DACA;AAS1B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDACA;AASzB;IADD,QAAQ,EAAE;4DACa;AAStB;IADD,QAAQ,EAAE;iEACkB;AAS3B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDACN;AASpB;IADD,QAAQ,EAAE;8DACe;AASxB;IADD,QAAQ,EAAE;oDAC2C;AASpD;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAC;qDACV;AAShE;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qEACc;AASvC;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8DACiB;AAGrC;IADN,IAAI,CAAC,yBAAyB,CAAC;gDACF;AA/H1B,sBAAsB;IArD3B,KAAK,CAAC,kBAAkB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAE7C;;;;OAIG;;IACF,KAAK,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAEvC;;;;;;OAMG;;IACF,KAAK,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAE1C;;;;OAIG;;IACF,KAAK,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAEzC;;;;;OAKG;;IACF,KAAK,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAE1C;;;;;;;OAOG;;IACF,KAAK,CAAC,kBAAkB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAE7C;;;;;;;OAOG;;IACF,KAAK,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;GAExC,sBAAsB,CA+jB3B;AAED,eAAe,sBAAsB,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport { cleanLabel } from \"./utils/listItemLabelUtils.js\";\nimport { UDExListMode } from \"./types/List.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport type { UDExProcessedItem } from \"./types/SearchableListBase.js\";\nimport type UDExSearch from \"./Search.js\";\nimport type UDExListItemBase from \"./ListItemBase.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport type UDExList from \"./List.js\";\nimport type UDExListItem from \"./ListItem.js\";\nimport type UDExFilterMenuItem from \"./FilterMenuItem.js\";\nimport type UDExSelectBoxItem from \"./SelectBoxItem.js\";\nimport { SHOW_SEARCH_AFTER_COUNT, UDExPopoverPart } from \"./types/SearchableListBase.js\";\nimport { NO_MATCHES_FOUND, RESULT_RETURNED, STARS } from \"./generated/i18n/i18n-defaults.js\";\nimport translate from \"./utils/translate.js\";\n\nexport type UDExItemFromList = UDExListItemBase | UDExListGroupHeaderBase | null | undefined;\n\ntype UDExSearchableListBaseChangeSearchEventDetail = {\n  value: string,\n}\n\ntype UDExSearchableListBaseSelectionChangeEventDetail = {\n  selectedItems: Array<UDExListItemBase>,\n  item: UDExItemFromList,\n}\ntype UDExSearchableListBaseSubmitSearchEventDetail = {\n  selectedItems: Array<UDExListItemBase>\n}\n\ntype UDExSelectBoxIconClickEventDetail = {\n  originalEvent: PointerEvent,\n  item: UDExItemFromList,\n}\n\nexport type UDExSearchableListBaseEvents = {\n  \"select-all\": void,\n  \"selection-change\": UDExSearchableListBaseSelectionChangeEventDetail,\n  \"submit-search\": UDExSearchableListBaseSubmitSearchEventDetail,\n  \"reset-search\": void,\n  \"change-search\": UDExSearchableListBaseChangeSearchEventDetail,\n  \"first-icon-click\": UDExSelectBoxIconClickEventDetail,\n  \"second-icon-click\": UDExSelectBoxIconClickEventDetail,\n}\n\n/**\n * @class\n *\n * A class to serve as a foundation\n * for the <code>UDExFilterMenu</code> ,<code>UDExSelectBox</code> and <code>UDExCountrySelector</code> classes.\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @public\n */\n\n/**\n * Fired event when the user click on an item on the list.\n * @param {Array<UDExListItemBase>} selectedItems The selected items.\n * @param {UDExListItemBase | UDExListGroupHeaderBase | null | undefined} item The clicked item.\n * @public\n * @param {Array<UDExListItemBase>} selectedItems The selected items.\n * @param {UDExListItemBase | UDExListGroupHeaderBase | null | undefined} item The clicked item.\n *\n */\n@event(\"selection-change\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the Select All header.\n *\n * @public\n */\n@event(\"select-all\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the submitted icon in the search.\n * @param {Array<UDExListItemBase>} selectedItems The selected items.\n * @public\n * @param {Array<UDExListItemBase>} selectedItems The selected items.\n *\n */\n@event(\"submit-search\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the reset button in the search.\n *\n * @public\n */\n@event(\"reset-search\", { bubbles: true })\n\n/**\n * Fired event when the user submitted the value in the search.\n * @param {string} value The search value.\n * @public\n * @param {string} value The search value.\n */\n@event(\"change-search\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the first icon.\n * @param { PointerEvent } originalEvent The original event object\n * @param { UDExListItemBase | UDExListGroupHeaderBase | null | undefined } item The list item\n * @public\n * @param { PointerEvent } originalEvent The original event object\n * @param { UDExListItemBase | UDExListGroupHeaderBase | null | undefined } item The list item\n */\n@event(\"first-icon-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the second icon.\n * @param { PointerEvent } originalEvent The original event object\n * @param { UDExListItemBase | UDExListGroupHeaderBase | null | undefined } item The list item\n * @public\n * @param { PointerEvent } originalEvent The original event object\n * @param { UDExListItemBase | UDExListGroupHeaderBase | null | undefined } item The list item\n */\n@event(\"second-icon-click\", { bubbles: true })\n\nclass UDExSearchableListBase extends UI5Element {\n  eventDetails!: UDExSearchableListBaseEvents;\n  /**\n   * Enables tab navigation for the list.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    tabNavigationEnabled?: boolean;\n\n  /**\n   * Allows control over the height.\n   * @public\n   */\n  @property({ type: String })\n    height?: string;\n\n  /**\n   * Defines if page scrolling should be prevented within the list of items.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    preventPageScroll = false;\n\n  /**\n   * Defines if the component would display a loading indicator.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    busy?: boolean;\n\n  /**\n   * Defines if the search input is visible.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    showSearchInput!: boolean;\n\n  /**\n   * Defines the delay in milliseconds, after which the busy indicator will show up for this component.\n   *\n   * @default 1000\n   * @public\n   */\n  @property({ type: Number })\n    busyDelay: number = 1000;\n\n  /**\n   * Defines the \"no result\" text of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    noResultText!: string;\n\n  /**\n   * Defines the placeholder of the search.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    searchPlaceholder!: string;\n\n  /**\n   * Defines the selectAll option of the component.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    selectAll?: boolean;\n\n  /**\n   * Defines label text for select all header.\n   *\n   * @default \"Select All\"\n   * @public\n   */\n  @property()\n    selectAllLabel!: string;\n\n  /**\n   * Defines the mode of the component.\n   *\n   * @default \"SingleSelect\"\n   * @public\n   */\n  @property()\n    mode: `${UDExListMode}` = UDExListMode.SingleSelect;\n\n  /**\n   * Slot for items.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true, invalidateOnChildChange: true })\n    items!: DefaultSlot<UDExListItemBase | UDExListGroupHeaderBase>;\n\n  /**\n   * Defines the default accessible role for the list component.\n   *\n   * @default \"list\"\n   * @public\n   */\n  @property({ type: String })\n    defaultAccessibleRole: string = \"list\";\n\n  /**\n   * Defines the filtered items for the component.\n   *\n   * @default []\n   * @private\n   */\n  @property({ type: Object })\n    _filteredItems!: Array<UDExProcessedItem>;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _shouldFilterItems?: boolean;\n  _accSearchResultInfo?: string;\n  _groupCollapseStateBeforeSearch: Map<string, boolean>;\n\n  constructor() {\n    super();\n    this._shouldFilterItems = false;\n    this._filteredItems = [];\n    this._groupCollapseStateBeforeSearch = new Map();\n  }\n\n  onBeforeRendering() {\n    if (!this._shouldFilterItems) {\n      this._filteredItems = this.getProcessedItems();\n    }\n  }\n\n  onItemPress(e:CustomEvent) {\n    const dropdownItemId: string = this.getDataTokenId(e.detail.item as UDExListItemBase);\n    this.handleDropdownItemPress(dropdownItemId);\n    this.fireSelectionChange(dropdownItemId);\n  }\n\n  handleDropdownItemPress(dropdownItemId: string) {\n    this.getProcessedItems().forEach(({ item, groupItems, isGroup }) => {\n      if (isGroup) {\n        const groupItem: UDExListItemBase = groupItems.find(({ _id }) => _id === dropdownItemId)!;\n        if (groupItem) {\n          this.handleItemClick(groupItem);\n          this.handleGroupHeaderState(item as UDExListGroupHeaderBase);\n        }\n      } else if (item._id === dropdownItemId) {\n        this.handleItemClick(item);\n      }\n    });\n\n    this.syncFilteredItems();\n  }\n\n  handleItemClick(item: UDExListItemBase) {\n    if (this.modeSingleSelect) {\n      this.revertSelectedItems(this.selectedItems);\n    }\n\n    if (this.modeRadioGroup) {\n      const groupHeader = item.parentElement as UDExListGroupHeaderBase;\n      this.revertSelectedItems(groupHeader.getItems());\n    }\n\n    item.selected = !item.selected;\n  }\n\n  handleGroupHeaderState(groupHeader: UDExListGroupHeaderBase) {\n    if (this.modeMultiSelect) {\n      groupHeader.handleHeaderState();\n    }\n  }\n\n  onHeaderPress(e:CustomEvent) {\n    const item = e.detail.item as UDExListItemBase;\n    const id = this.getDataTokenId(item);\n    this.handleGroupHeaderSelection(id);\n    this.syncFilteredItems();\n    this.fireSelectionChange(id);\n  }\n\n  onSelectAllHeaderPress(e:CustomEvent) {\n    const item = e.detail.item as UDExListItemBase;\n    const id = this.getDataTokenId(item);\n    this.handleGroupHeaderSelection(id);\n    this.syncFilteredItems();\n    this.fireDecoratorEvent(\"select-all\");\n  }\n\n  handleGroupHeaderSelection(id: string): void {\n    this.getProcessedItems().forEach(({ item }) => {\n      if (item._id === id) {\n        (item as UDExListGroupHeaderBase).handleSelectionGroupState();\n      }\n    });\n  }\n\n  onSearch(value: string) {\n    const searchValue: string = value;\n    const hasSearchQuery = searchValue !== \"\";\n\n    if (hasSearchQuery && !this._shouldFilterItems) {\n      this.saveGroupCollapseState();\n    }\n\n    if (!hasSearchQuery && this._shouldFilterItems) {\n      this.restoreGroupCollapseState();\n    }\n\n    this._shouldFilterItems = hasSearchQuery;\n    this._filteredItems = this.filterItems(this.getProcessedItems(), searchValue);\n    const items = this.getFlattenItemsArray(this._filteredItems);\n    this._accSearchResultInfo = items.length ? `${items.length} ${this.resultReturnedText}` : this.noMatchesFoundText;\n    this.fireDecoratorEvent(\"change-search\", { value: searchValue });\n  }\n\n  onReset() {\n    this.revertSelectedItems(this.selectedItems);\n  }\n\n  onResetSearch() {\n    this.resetSearch();\n    this.fireDecoratorEvent(\"reset-search\");\n  }\n\n  onSubmitSearch() {\n    this.fireDecoratorEvent(\"submit-search\", {\n      selectedItems: this.selectedItems,\n    });\n  }\n\n  /**\n   * Reset the search value.\n   * @public\n   */\n  resetSearch() {\n    const search = this.getSearch();\n    search.value = \"\";\n    this._shouldFilterItems = false;\n    this.restoreGroupCollapseState();\n    this._filteredItems = this.filterItems(this.getProcessedItems(), \"\");\n  }\n\n  filterItems(items: Array<UDExProcessedItem>, str: string): Array<UDExProcessedItem> {\n    const hasSearchQuery = str !== \"\";\n\n    return items.filter(preparedItem => {\n      const { isGroup, item } = preparedItem;\n\n      if (isGroup) {\n        preparedItem.groupItems = this.filterItemsForLabel(preparedItem.groupItems, str);\n\n        if (hasSearchQuery && preparedItem.groupItems.length > 0) {\n          item.collapsed = false;\n        }\n\n        return preparedItem.groupItems.length > 0;\n      }\n\n      return this.checkAndUpdateLabel(item, str);\n    });\n  }\n\n  filterItemsForLabel(groupItems: Array<UDExListItemBase>, str: string): Array<UDExListItemBase> {\n    return groupItems.filter(groupItem => this.checkAndUpdateLabel(groupItem, str));\n  }\n\n  checkAndUpdateLabel(item: UDExListItemBase | UDExListGroupHeaderBase, str: string): boolean {\n    if (item.ratingCount) {\n      return this.isIncludes(item.ratingCount, str);\n    }\n\n    if (!item.label) {\n      console.warn(\"A label property is required for the item\");\n      return false;\n    }\n    const cleanedLabel = cleanLabel(item.label);\n    if (this.isIncludes(cleanedLabel, str)) {\n      item.label = this.addSearchTermTag(cleanedLabel, str);\n      return true;\n    }\n    return false;\n  }\n\n  addSearchTermTag(text: string, str: string): string {\n    if (!str.length) {\n      return text;\n    }\n\n    const regex = new RegExp(`(${str})`, \"i\");\n    return text.replace(regex, \"<b>$1</b>\");\n  }\n\n  isIncludes(string: string, value: string): boolean {\n    return string.toLowerCase().includes(value.toLowerCase());\n  }\n\n  revertSelectedItems(items: Array<UDExListItemBase>) {\n    items.forEach((item: UDExListItemBase) => {\n      if (!item.disabled) {\n        item.selected = false;\n      }\n    });\n  }\n\n  syncFilteredItems() {\n    const search = this.getSearch();\n    if (this._shouldFilterItems) {\n      this._filteredItems = this.filterItems(this.getProcessedItems(), search.value);\n    } else {\n      this._filteredItems = this.getProcessedItems();\n    }\n  }\n\n  saveGroupCollapseState(): void {\n    this._groupCollapseStateBeforeSearch.clear();\n\n    this.items.forEach(item => {\n      if (item.isGroup) {\n        this._groupCollapseStateBeforeSearch.set(item._id, Boolean(item.collapsed));\n      }\n    });\n  }\n\n  restoreGroupCollapseState(): void {\n    if (!this._groupCollapseStateBeforeSearch.size) {\n      return;\n    }\n\n    this.items.forEach(item => {\n      if (item.isGroup) {\n        const collapsed = this._groupCollapseStateBeforeSearch.get(item._id);\n\n        if (collapsed !== undefined) {\n          item.collapsed = collapsed;\n        }\n      }\n    });\n\n    this._groupCollapseStateBeforeSearch.clear();\n  }\n\n  getSlottedItems(items: Array<UDExListItemBase | UDExListGroupHeaderBase>): Array<UDExListItemBase | UDExListGroupHeaderBase> {\n    const arr: Array<UDExListItemBase | UDExListGroupHeaderBase> = [];\n    items.forEach(item => {\n      arr.push(item);\n      if (item.isGroup) {\n        arr.push(...(item as UDExListGroupHeaderBase).getItems());\n      }\n    });\n    return arr;\n  }\n\n  getItemFromList(itemId:string): UDExItemFromList {\n    let menuItem = null;\n\n    for (let i = 0; i < this.items.length; i++) {\n      const item = this.items[i];\n\n      if (item.isGroup) {\n        const groupItems = (item as UDExListGroupHeaderBase).getItems();\n        menuItem = groupItems.find(({ _id }) => _id === itemId);\n\n        if (menuItem) {\n          break;\n        }\n      } else if (item._id === itemId) {\n        menuItem = item;\n        break;\n      }\n    }\n\n    return menuItem;\n  }\n\n  fireSelectionChange(itemId: string) {\n    this.fireDecoratorEvent(\"selection-change\", {\n      selectedItems: this.selectedItems,\n      item: this.getItemFromList(itemId),\n    });\n  }\n\n  fireFirstIconClickEvent(e: CustomEvent): void {\n    this._fireIconClickEvent(\"first-icon-click\", e);\n  }\n\n  fireSecondIconClickEvent(e: CustomEvent): void {\n    this._fireIconClickEvent(\"second-icon-click\", e);\n  }\n\n  private _fireIconClickEvent(eventName: \"first-icon-click\" | \"second-icon-click\", e: CustomEvent): void {\n    const item = e.detail.item as UDExListItemBase;\n    const id = this.getDataTokenId(item);\n    this.fireDecoratorEvent(eventName, {\n      originalEvent: e.detail.originalEvent,\n      item: this.getItemFromList(id),\n    });\n  }\n\n  getFlattenItemsArray(array: Array<UDExProcessedItem>): (UDExProcessedItem | UDExListItemBase)[] {\n    return array.flatMap(item => {\n      if (item.isGroup) {\n        return [\n          item,\n          ...item.groupItems.filter(groupItem => !groupItem.disabled),\n        ];\n      }\n      return item.item.disabled ? [] : [item.item];\n    });\n  }\n\n  getCurrentIndex(item: UDExListItem): number {\n    return this.getDomListItems().indexOf(item);\n  }\n\n  getList(): UDExList {\n    return this.shadowRoot!.querySelector<UDExList>(\"[udex-list]\")!;\n  }\n\n  getSearch(): UDExSearch | HTMLInputElement {\n    return this.shadowRoot!.querySelector<UDExSearch>(\"[udex-search]\")! || this.shadowRoot!.querySelector<HTMLInputElement>(\".udex-text-field__search\")!;\n  }\n\n  getPopover(): Popover {\n    return this.shadowRoot!.querySelector<Popover>(\"[ui5-popover]\")!;\n  }\n\n  getDomListItems(): UDExListItem[] {\n    const elementList = this.shadowRoot!.querySelector(\"[udex-list]\") as HTMLElement;\n    return elementList ? Array.from(elementList.querySelectorAll(\"[udex-list-item]\")) : [];\n  }\n\n  getDataTokenId(item: UDExListItemBase): string {\n    return item.getAttribute(\"data-token-id\") as string;\n  }\n\n  getProcessedItems(): Array<UDExProcessedItem> {\n    return this.items.map(item => {\n      const isGroup = item.isGroup;\n      const groupItems = isGroup ? (item as UDExListGroupHeaderBase).getItems() : [];\n\n      if (isGroup) {\n        this._setItemsModeAndControl(groupItems);\n      }\n\n      item.mode = this.mode;\n      item.controlled = this.isControlled;\n\n      return { item, groupItems, isGroup };\n    });\n  }\n\n  getPopoverPart(part: UDExPopoverPart): HTMLElement {\n    return this.getPopover().shadowRoot!.querySelector<HTMLElement>(`[part=${part}]`)!;\n  }\n\n  _managePopupListeners(part: UDExPopoverPart, action: \"addEventListener\" | \"removeEventListener\"): void {\n    const element = this.getPopoverPart(part);\n    element?.[action](\"wheel\", ((e: WheelEvent) => e.preventDefault()) as EventListener);\n  }\n\n  _setContentHeight(): void {\n    const content = this.getPopoverPart(UDExPopoverPart.Content);\n    content.style.maxHeight = this.height || \"\";\n  }\n\n  _setItemsModeAndControl(items: Array<UDExFilterMenuItem | UDExSelectBoxItem>) {\n    items.forEach(item => {\n      item.mode = this.mode;\n      item.controlled = this.isControlled;\n    });\n  }\n\n  get getNoResultText(): string {\n    const hasTextProperty = this.noResultText !== undefined && this.noResultText.length > 0;\n    return hasTextProperty ? this.noResultText : this.noMatchesFoundText;\n  }\n\n  get noMatchesFoundText(): string {\n    return translate(UDExSearchableListBase, NO_MATCHES_FOUND);\n  }\n\n  get resultReturnedText(): string {\n    return translate(UDExSearchableListBase, RESULT_RETURNED);\n  }\n\n  get startsText(): string {\n    return translate(UDExSearchableListBase, STARS);\n  }\n\n  get isListEmpty(): boolean {\n    return this._filteredItems.length === 0;\n  }\n\n  get selectedItems(): Array<UDExListItemBase> {\n    const selectedItems: Array<UDExListItemBase> = this.getSlottedItems(this.items).filter(({ selected }) => selected);\n    return selectedItems;\n  }\n\n  get modeMultiSelect(): boolean {\n    return this.mode === UDExListMode.MultiSelect;\n  }\n\n  get modeSingleSelect(): boolean {\n    return this.mode === UDExListMode.SingleSelect;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get isControlled(): boolean {\n    const isGrouping = this.items.some(({ isGroup }) => isGroup);\n    return this.modeMultiSelect && isGrouping;\n  }\n\n  get additionalClassName(): string {\n    return `udex-searchable-list__header`;\n  }\n\n  get groupClassName(): string {\n    const classHeader = `udex-searchable-list__header`;\n    return this.showSearch ? `${classHeader} udex-searchable-list__header_no-margin` : classHeader;\n  }\n\n  get showSearch(): boolean {\n    const isSearchVisible = this.showSearchInput || (this.isSearchActive && !this.modeRadioGroup);\n    return !this.hideDropdownSearch && isSearchVisible;\n  }\n\n  get isSearchActive(): boolean {\n    return this.nonGroupItems.length > SHOW_SEARCH_AFTER_COUNT;\n  }\n\n  get nonGroupItems(): Array<UDExListItemBase> {\n    return this.getSlottedItems(this.items).filter(item => !item.isGroup);\n  }\n\n  get roleForGroupList(): string {\n    return this._filteredItems.some(element => element.isGroup) ? \"group\" : \"none\";\n  }\n\n  get accessibleRoleForList(): string {\n    return this._filteredItems.some(element => element.isGroup) ? \"group\" : this.defaultAccessibleRole;\n  }\n\n  get listItemRole(): string {\n    if (this.accessibleRoleForList === \"list\") {\n      return \"listitem\";\n    }\n\n    if (this.accessibleRoleForList === \"listbox\") {\n      return \"option\";\n    }\n\n    return \"none\";\n  }\n\n  get hideDropdownSearch(): boolean {\n    return false;\n  }\n}\n\nexport default UDExSearchableListBase;\nexport type {\n  UDExSelectBoxIconClickEventDetail, UDExSearchableListBaseSubmitSearchEventDetail, UDExSearchableListBaseChangeSearchEventDetail, UDExSearchableListBaseSelectionChangeEventDetail,\n};\n"]}
+{"version":3,"file":"SearchableListBase.js","sourceRoot":"","sources":["../src/SearchableListBase.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport { cleanLabel } from \"./utils/listItemLabelUtils.js\";\nimport { UDExListMode } from \"./types/List.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport type { UDExProcessedItem } from \"./types/SearchableListBase.js\";\nimport type UDExSearch from \"./Search.js\";\nimport type UDExListItemBase from \"./ListItemBase.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport type UDExList from \"./List.js\";\nimport type UDExListItem from \"./ListItem.js\";\nimport type UDExFilterMenuItem from \"./FilterMenuItem.js\";\nimport type UDExSelectBoxItem from \"./SelectBoxItem.js\";\nimport { SHOW_SEARCH_AFTER_COUNT, UDExPopoverPart } from \"./types/SearchableListBase.js\";\nimport { NO_MATCHES_FOUND, RESULT_RETURNED, STARS } from \"./generated/i18n/i18n-defaults.js\";\nimport translate from \"./utils/translate.js\";\n\nexport type UDExItemFromList = UDExListItemBase | UDExListGroupHeaderBase | null | undefined;\n\ntype UDExSearchableListBaseChangeSearchEventDetail = {\n  value: string,\n}\n\ntype UDExSearchableListBaseSelectionChangeEventDetail = {\n  selectedItems: Array<UDExListItemBase>,\n  item: UDExItemFromList,\n}\ntype UDExSearchableListBaseSubmitSearchEventDetail = {\n  selectedItems: Array<UDExListItemBase>\n}\n\ntype UDExSelectBoxIconClickEventDetail = {\n  originalEvent: PointerEvent,\n  item: UDExItemFromList,\n}\n\nexport type UDExSearchableListBaseEvents = {\n  \"select-all\": void,\n  \"selection-change\": UDExSearchableListBaseSelectionChangeEventDetail,\n  \"submit-search\": UDExSearchableListBaseSubmitSearchEventDetail,\n  \"reset-search\": void,\n  \"change-search\": UDExSearchableListBaseChangeSearchEventDetail,\n  \"first-icon-click\": UDExSelectBoxIconClickEventDetail,\n  \"second-icon-click\": UDExSelectBoxIconClickEventDetail,\n}\n\n/**\n * @class\n *\n * A class to serve as a foundation\n * for the <code>UDExFilterMenu</code> ,<code>UDExSelectBox</code> and <code>UDExCountrySelector</code> classes.\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @public\n */\n\n/**\n * Fired event when the user click on an item on the list.\n * @param {Array<UDExListItemBase>} selectedItems The selected items.\n * @param {UDExListItemBase | UDExListGroupHeaderBase | null | undefined} item The clicked item.\n * @public\n * @param {Array<UDExListItemBase>} selectedItems The selected items.\n * @param {UDExListItemBase | UDExListGroupHeaderBase | null | undefined} item The clicked item.\n *\n */\n@event(\"selection-change\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the Select All header.\n *\n * @public\n */\n@event(\"select-all\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the submitted icon in the search.\n * @param {Array<UDExListItemBase>} selectedItems The selected items.\n * @public\n * @param {Array<UDExListItemBase>} selectedItems The selected items.\n *\n */\n@event(\"submit-search\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the reset button in the search.\n *\n * @public\n */\n@event(\"reset-search\", { bubbles: true })\n\n/**\n * Fired event when the user submitted the value in the search.\n * @param {string} value The search value.\n * @public\n * @param {string} value The search value.\n */\n@event(\"change-search\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the first icon.\n * @param { PointerEvent } originalEvent The original event object\n * @param { UDExListItemBase | UDExListGroupHeaderBase | null | undefined } item The list item\n * @public\n * @param { PointerEvent } originalEvent The original event object\n * @param { UDExListItemBase | UDExListGroupHeaderBase | null | undefined } item The list item\n */\n@event(\"first-icon-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the second icon.\n * @param { PointerEvent } originalEvent The original event object\n * @param { UDExListItemBase | UDExListGroupHeaderBase | null | undefined } item The list item\n * @public\n * @param { PointerEvent } originalEvent The original event object\n * @param { UDExListItemBase | UDExListGroupHeaderBase | null | undefined } item The list item\n */\n@event(\"second-icon-click\", { bubbles: true })\n\nclass UDExSearchableListBase extends UI5Element {\n  eventDetails!: UDExSearchableListBaseEvents;\n  /** @deprecated Tab keyboard navigation is no longer allowed. */\n  @property({ type: Boolean })\n    tabNavigationEnabled?: boolean;\n\n  /**\n   * Allows control over the height.\n   * @public\n   */\n  @property({ type: String })\n    height?: string;\n\n  /**\n   * Defines if page scrolling should be prevented within the list of items.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    preventPageScroll = false;\n\n  /**\n   * Defines if the component would display a loading indicator.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    busy?: boolean;\n\n  /**\n   * Defines if the search input is visible.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    showSearchInput!: boolean;\n\n  /**\n   * Defines the delay in milliseconds, after which the busy indicator will show up for this component.\n   *\n   * @default 1000\n   * @public\n   */\n  @property({ type: Number })\n    busyDelay: number = 1000;\n\n  /**\n   * Defines the \"no result\" text of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    noResultText!: string;\n\n  /**\n   * Defines the placeholder of the search.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    searchPlaceholder!: string;\n\n  /**\n   * Defines the selectAll option of the component.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    selectAll?: boolean;\n\n  /**\n   * Defines label text for select all header.\n   *\n   * @default \"Select All\"\n   * @public\n   */\n  @property()\n    selectAllLabel!: string;\n\n  /**\n   * Defines the mode of the component.\n   *\n   * @default \"SingleSelect\"\n   * @public\n   */\n  @property()\n    mode: `${UDExListMode}` = UDExListMode.SingleSelect;\n\n  /**\n   * Slot for items.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true, invalidateOnChildChange: true })\n    items!: DefaultSlot<UDExListItemBase | UDExListGroupHeaderBase>;\n\n  /**\n   * Defines the default accessible role for the list component.\n   *\n   * @default \"list\"\n   * @public\n   */\n  @property({ type: String })\n    defaultAccessibleRole: string = \"list\";\n\n  /**\n   * Defines the filtered items for the component.\n   *\n   * @default []\n   * @private\n   */\n  @property({ type: Object })\n    _filteredItems!: Array<UDExProcessedItem>;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _shouldFilterItems?: boolean;\n  _accSearchResultInfo?: string;\n  _groupCollapseStateBeforeSearch: Map<string, boolean>;\n\n  constructor() {\n    super();\n    this._shouldFilterItems = false;\n    this._filteredItems = [];\n    this._groupCollapseStateBeforeSearch = new Map();\n  }\n\n  onBeforeRendering() {\n    if (!this._shouldFilterItems) {\n      this._filteredItems = this.getProcessedItems();\n    }\n  }\n\n  onItemPress(e:CustomEvent) {\n    const dropdownItemId: string = this.getDataTokenId(e.detail.item as UDExListItemBase);\n    this.handleDropdownItemPress(dropdownItemId);\n    this.fireSelectionChange(dropdownItemId);\n  }\n\n  handleDropdownItemPress(dropdownItemId: string) {\n    this.getProcessedItems().forEach(({ item, groupItems, isGroup }) => {\n      if (isGroup) {\n        const groupItem: UDExListItemBase = groupItems.find(({ _id }) => _id === dropdownItemId)!;\n        if (groupItem) {\n          this.handleItemClick(groupItem);\n          this.handleGroupHeaderState(item as UDExListGroupHeaderBase);\n        }\n      } else if (item._id === dropdownItemId) {\n        this.handleItemClick(item);\n      }\n    });\n\n    this.syncFilteredItems();\n  }\n\n  handleItemClick(item: UDExListItemBase) {\n    if (this.modeSingleSelect) {\n      this.revertSelectedItems(this.selectedItems);\n    }\n\n    if (this.modeRadioGroup) {\n      const groupHeader = item.parentElement as UDExListGroupHeaderBase;\n      this.revertSelectedItems(groupHeader.getItems());\n    }\n\n    item.selected = !item.selected;\n  }\n\n  handleGroupHeaderState(groupHeader: UDExListGroupHeaderBase) {\n    if (this.modeMultiSelect) {\n      groupHeader.handleHeaderState();\n    }\n  }\n\n  onHeaderPress(e:CustomEvent) {\n    const item = e.detail.item as UDExListItemBase;\n    const id = this.getDataTokenId(item);\n    this.handleGroupHeaderSelection(id);\n    this.syncFilteredItems();\n    this.fireSelectionChange(id);\n  }\n\n  onSelectAllHeaderPress(e:CustomEvent) {\n    const item = e.detail.item as UDExListItemBase;\n    const id = this.getDataTokenId(item);\n    this.handleGroupHeaderSelection(id);\n    this.syncFilteredItems();\n    this.fireDecoratorEvent(\"select-all\");\n  }\n\n  handleGroupHeaderSelection(id: string): void {\n    this.getProcessedItems().forEach(({ item }) => {\n      if (item._id === id) {\n        (item as UDExListGroupHeaderBase).handleSelectionGroupState();\n      }\n    });\n  }\n\n  onSearch(value: string) {\n    const searchValue: string = value;\n    const hasSearchQuery = searchValue !== \"\";\n\n    if (hasSearchQuery && !this._shouldFilterItems) {\n      this.saveGroupCollapseState();\n    }\n\n    if (!hasSearchQuery && this._shouldFilterItems) {\n      this.restoreGroupCollapseState();\n    }\n\n    this._shouldFilterItems = hasSearchQuery;\n    this._filteredItems = this.filterItems(this.getProcessedItems(), searchValue);\n    const items = this.getFlattenItemsArray(this._filteredItems);\n    this._accSearchResultInfo = items.length ? `${items.length} ${this.resultReturnedText}` : this.noMatchesFoundText;\n    this.fireDecoratorEvent(\"change-search\", { value: searchValue });\n  }\n\n  onReset() {\n    this.revertSelectedItems(this.selectedItems);\n  }\n\n  onResetSearch() {\n    this.resetSearch();\n    this.fireDecoratorEvent(\"reset-search\");\n  }\n\n  onSubmitSearch() {\n    this.fireDecoratorEvent(\"submit-search\", {\n      selectedItems: this.selectedItems,\n    });\n  }\n\n  /**\n   * Reset the search value.\n   * @public\n   */\n  resetSearch() {\n    const search = this.getSearch();\n    search.value = \"\";\n    this._shouldFilterItems = false;\n    this.restoreGroupCollapseState();\n    this._filteredItems = this.filterItems(this.getProcessedItems(), \"\");\n  }\n\n  filterItems(items: Array<UDExProcessedItem>, str: string): Array<UDExProcessedItem> {\n    const hasSearchQuery = str !== \"\";\n\n    return items.filter(preparedItem => {\n      const { isGroup, item } = preparedItem;\n\n      if (isGroup) {\n        preparedItem.groupItems = this.filterItemsForLabel(preparedItem.groupItems, str);\n\n        if (hasSearchQuery && preparedItem.groupItems.length > 0) {\n          item.collapsed = false;\n        }\n\n        return preparedItem.groupItems.length > 0;\n      }\n\n      return this.checkAndUpdateLabel(item, str);\n    });\n  }\n\n  filterItemsForLabel(groupItems: Array<UDExListItemBase>, str: string): Array<UDExListItemBase> {\n    return groupItems.filter(groupItem => this.checkAndUpdateLabel(groupItem, str));\n  }\n\n  checkAndUpdateLabel(item: UDExListItemBase | UDExListGroupHeaderBase, str: string): boolean {\n    if (item.ratingCount) {\n      return this.isIncludes(item.ratingCount, str);\n    }\n\n    if (!item.label) {\n      console.warn(\"A label property is required for the item\");\n      return false;\n    }\n    const cleanedLabel = cleanLabel(item.label);\n    if (this.isIncludes(cleanedLabel, str)) {\n      item.label = this.addSearchTermTag(cleanedLabel, str);\n      return true;\n    }\n    return false;\n  }\n\n  addSearchTermTag(text: string, str: string): string {\n    if (!str.length) {\n      return text;\n    }\n\n    const regex = new RegExp(`(${str})`, \"i\");\n    return text.replace(regex, \"<b>$1</b>\");\n  }\n\n  isIncludes(string: string, value: string): boolean {\n    return string.toLowerCase().includes(value.toLowerCase());\n  }\n\n  revertSelectedItems(items: Array<UDExListItemBase>) {\n    items.forEach((item: UDExListItemBase) => {\n      if (!item.disabled) {\n        item.selected = false;\n      }\n    });\n  }\n\n  syncFilteredItems() {\n    const search = this.getSearch();\n    if (this._shouldFilterItems) {\n      this._filteredItems = this.filterItems(this.getProcessedItems(), search.value);\n    } else {\n      this._filteredItems = this.getProcessedItems();\n    }\n  }\n\n  saveGroupCollapseState(): void {\n    this._groupCollapseStateBeforeSearch.clear();\n\n    this.items.forEach(item => {\n      if (item.isGroup) {\n        this._groupCollapseStateBeforeSearch.set(item._id, Boolean(item.collapsed));\n      }\n    });\n  }\n\n  restoreGroupCollapseState(): void {\n    if (!this._groupCollapseStateBeforeSearch.size) {\n      return;\n    }\n\n    this.items.forEach(item => {\n      if (item.isGroup) {\n        const collapsed = this._groupCollapseStateBeforeSearch.get(item._id);\n\n        if (collapsed !== undefined) {\n          item.collapsed = collapsed;\n        }\n      }\n    });\n\n    this._groupCollapseStateBeforeSearch.clear();\n  }\n\n  getSlottedItems(items: Array<UDExListItemBase | UDExListGroupHeaderBase>): Array<UDExListItemBase | UDExListGroupHeaderBase> {\n    const arr: Array<UDExListItemBase | UDExListGroupHeaderBase> = [];\n    items.forEach(item => {\n      arr.push(item);\n      if (item.isGroup) {\n        arr.push(...(item as UDExListGroupHeaderBase).getItems());\n      }\n    });\n    return arr;\n  }\n\n  getItemFromList(itemId:string): UDExItemFromList {\n    let menuItem = null;\n\n    for (let i = 0; i < this.items.length; i++) {\n      const item = this.items[i];\n\n      if (item.isGroup) {\n        const groupItems = (item as UDExListGroupHeaderBase).getItems();\n        menuItem = groupItems.find(({ _id }) => _id === itemId);\n\n        if (menuItem) {\n          break;\n        }\n      } else if (item._id === itemId) {\n        menuItem = item;\n        break;\n      }\n    }\n\n    return menuItem;\n  }\n\n  fireSelectionChange(itemId: string) {\n    this.fireDecoratorEvent(\"selection-change\", {\n      selectedItems: this.selectedItems,\n      item: this.getItemFromList(itemId),\n    });\n  }\n\n  fireFirstIconClickEvent(e: CustomEvent): void {\n    this._fireIconClickEvent(\"first-icon-click\", e);\n  }\n\n  fireSecondIconClickEvent(e: CustomEvent): void {\n    this._fireIconClickEvent(\"second-icon-click\", e);\n  }\n\n  private _fireIconClickEvent(eventName: \"first-icon-click\" | \"second-icon-click\", e: CustomEvent): void {\n    const item = e.detail.item as UDExListItemBase;\n    const id = this.getDataTokenId(item);\n    this.fireDecoratorEvent(eventName, {\n      originalEvent: e.detail.originalEvent,\n      item: this.getItemFromList(id),\n    });\n  }\n\n  getFlattenItemsArray(array: Array<UDExProcessedItem>): (UDExProcessedItem | UDExListItemBase)[] {\n    return array.flatMap(item => {\n      if (item.isGroup) {\n        return [\n          item,\n          ...item.groupItems.filter(groupItem => !groupItem.disabled),\n        ];\n      }\n      return item.item.disabled ? [] : [item.item];\n    });\n  }\n\n  getCurrentIndex(item: UDExListItem): number {\n    return this.getDomListItems().indexOf(item);\n  }\n\n  getList(): UDExList {\n    return this.shadowRoot!.querySelector<UDExList>(\"[udex-list]\")!;\n  }\n\n  getSearch(): UDExSearch | HTMLInputElement {\n    return this.shadowRoot!.querySelector<UDExSearch>(\"[udex-search]\")! || this.shadowRoot!.querySelector<HTMLInputElement>(\".udex-text-field__search\")!;\n  }\n\n  getPopover(): Popover {\n    return this.shadowRoot!.querySelector<Popover>(\"[ui5-popover]\")!;\n  }\n\n  getDomListItems(): UDExListItem[] {\n    const elementList = this.shadowRoot!.querySelector(\"[udex-list]\") as HTMLElement;\n    return elementList ? Array.from(elementList.querySelectorAll(\"[udex-list-item]\")) : [];\n  }\n\n  getDataTokenId(item: UDExListItemBase): string {\n    return item.getAttribute(\"data-token-id\") as string;\n  }\n\n  get _validItems(): Array<UDExListItemBase | UDExListGroupHeaderBase> {\n    return this.items.filter(item => !(item instanceof HTMLElement) || \"isGroup\" in item);\n  }\n\n  getProcessedItems(): Array<UDExProcessedItem> {\n    return this._validItems.map(item => {\n      const isGroup = item.isGroup;\n      const groupItems = isGroup ? (item as UDExListGroupHeaderBase).getItems() : [];\n\n      if (isGroup) {\n        this._setItemsModeAndControl(groupItems);\n      }\n\n      item.mode = this.mode;\n      item.controlled = this.isControlled;\n\n      return { item, groupItems, isGroup };\n    });\n  }\n\n  getPopoverPart(part: UDExPopoverPart): HTMLElement {\n    return this.getPopover().shadowRoot!.querySelector<HTMLElement>(`[part=${part}]`)!;\n  }\n\n  _managePopupListeners(part: UDExPopoverPart, action: \"addEventListener\" | \"removeEventListener\"): void {\n    const element = this.getPopoverPart(part);\n    element?.[action](\"wheel\", ((e: WheelEvent) => e.preventDefault()) as EventListener);\n  }\n\n  _setContentHeight(): void {\n    const content = this.getPopoverPart(UDExPopoverPart.Content);\n    content.style.maxHeight = this.height || \"\";\n  }\n\n  _setItemsModeAndControl(items: Array<UDExFilterMenuItem | UDExSelectBoxItem>) {\n    items.forEach(item => {\n      item.mode = this.mode;\n      item.controlled = this.isControlled;\n    });\n  }\n\n  get getNoResultText(): string {\n    const hasTextProperty = this.noResultText !== undefined && this.noResultText.length > 0;\n    return hasTextProperty ? this.noResultText : this.noMatchesFoundText;\n  }\n\n  get noMatchesFoundText(): string {\n    return translate(UDExSearchableListBase, NO_MATCHES_FOUND);\n  }\n\n  get resultReturnedText(): string {\n    return translate(UDExSearchableListBase, RESULT_RETURNED);\n  }\n\n  get startsText(): string {\n    return translate(UDExSearchableListBase, STARS);\n  }\n\n  get isListEmpty(): boolean {\n    return this._filteredItems.length === 0;\n  }\n\n  get selectedItems(): Array<UDExListItemBase> {\n    const selectedItems: Array<UDExListItemBase> = this.getSlottedItems(this._validItems).filter(({ selected }) => selected);\n    return selectedItems;\n  }\n\n  get modeMultiSelect(): boolean {\n    return this.mode === UDExListMode.MultiSelect;\n  }\n\n  get modeSingleSelect(): boolean {\n    return this.mode === UDExListMode.SingleSelect;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get isControlled(): boolean {\n    const isGrouping = this.items.some(({ isGroup }) => isGroup);\n    return this.modeMultiSelect && isGrouping;\n  }\n\n  get additionalClassName(): string {\n    return `udex-searchable-list__header`;\n  }\n\n  get groupClassName(): string {\n    const classHeader = `udex-searchable-list__header`;\n    return this.showSearch ? `${classHeader} udex-searchable-list__header_no-margin` : classHeader;\n  }\n\n  get showSearch(): boolean {\n    const isSearchVisible = this.showSearchInput || (this.isSearchActive && !this.modeRadioGroup);\n    return !this.hideDropdownSearch && isSearchVisible;\n  }\n\n  get isSearchActive(): boolean {\n    return this.nonGroupItems.length > SHOW_SEARCH_AFTER_COUNT;\n  }\n\n  get nonGroupItems(): Array<UDExListItemBase> {\n    return this.getSlottedItems(this._validItems).filter(item => !item.isGroup);\n  }\n\n  get roleForGroupList(): string {\n    return this._filteredItems.some(element => element.isGroup) ? \"group\" : \"none\";\n  }\n\n  get accessibleRoleForList(): string {\n    return this._filteredItems.some(element => element.isGroup) ? \"group\" : this.defaultAccessibleRole;\n  }\n\n  get listItemRole(): string {\n    if (this.accessibleRoleForList === \"list\") {\n      return \"listitem\";\n    }\n\n    if (this.accessibleRoleForList === \"listbox\") {\n      return \"option\";\n    }\n\n    return \"none\";\n  }\n\n  get hideDropdownSearch(): boolean {\n    return false;\n  }\n}\n\nexport default UDExSearchableListBase;\nexport type {\n  UDExSelectBoxIconClickEventDetail, UDExSearchableListBaseSubmitSearchEventDetail, UDExSearchableListBaseChangeSearchEventDetail, UDExSearchableListBaseSelectionChangeEventDetail,\n};\n"]}

package/dist/SearchableListBaseTemplate.js

@@ -7,7 +7,7 @@ import UDExListItem from "./ListItem.js";
 import UDExListGroupHeader from "./ListGroupHeader.js";
 import UDExListSelectAll from "./ListSelectAll.js";
 export default function SearchableListBaseTemplate() {
-    return (_jsxs(_Fragment, { children: [this.showSearch && (_jsxs(_Fragment, { children: [_jsx(UDExSearch, { slot: "header", mode: UDExSearchMode.Standard, class: "udex-filter-menu__search", label: this.searchPlaceholder, "label-animation-disabled": true, "non-interactive-submit-button": true, "show-submit-button": true }), _jsx("span", { "aria-live": "polite", "aria-atomic": "true", class: "hidden", children: this._accSearchResultInfo })] })), this.isListEmpty ? (_jsxs("div", { class: "udex-no-result", children: [_jsx(IllustratedMessage, { name: "NoSearchResults", design: "Dot", "title-text": " ", "subtitle-text": " " }), _jsx("span", { children: this.getNoResultText })] })) : this.busy ? (_jsx(UDExBusyIndicator, { class: "udex-busy-indicator", size: "M", delay: this.busyDelay, active: true })) : (_jsx(UDExList, { id: "udex-list", role: this.roleForGroupList, "accessible-role": this.accessibleRoleForList, class: "udex-filter-menu__list", "tab-navigation-enabled": this.tabNavigationEnabled, controlled: this.isControlled, mode: this.mode, children: this._filteredItems.map((processedItem, index) => (processedItem.isGroup
+    return (_jsxs(_Fragment, { children: [this.showSearch && (_jsxs(_Fragment, { children: [_jsx(UDExSearch, { slot: "header", mode: UDExSearchMode.Standard, class: "udex-filter-menu__search", label: this.searchPlaceholder, "label-animation-disabled": true, "non-interactive-submit-button": true, "show-submit-button": true }), _jsx("span", { "aria-live": "polite", "aria-atomic": "true", class: "hidden", children: this._accSearchResultInfo })] })), this.isListEmpty ? (_jsxs("div", { class: "udex-no-result", children: [_jsx(IllustratedMessage, { name: "NoSearchResults", design: "Dot", "title-text": " ", "subtitle-text": " " }), _jsx("span", { children: this.getNoResultText })] })) : this.busy ? (_jsx(UDExBusyIndicator, { class: "udex-busy-indicator", size: "M", delay: this.busyDelay, active: true })) : (_jsx(UDExList, { id: "udex-list", role: this.roleForGroupList, "accessible-role": this.accessibleRoleForList, class: "udex-filter-menu__list", controlled: this.isControlled, mode: this.mode, children: this._filteredItems.map((processedItem, index) => (processedItem.isGroup
                     ? renderGroup.call(this, processedItem, index)
                     : renderListItem(processedItem.item, index, "none", this.listItemRole, this.fireFirstIconClickEvent, this.fireSecondIconClickEvent))) }))] }));
 }

package/dist/SearchableListBaseTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchableListBaseTemplate.js","sourceRoot":"","sources":["../src/SearchableListBaseTemplate.tsx"],"names":[],"mappings":";AAGA,OAAO,UAAU,EAAE,EAAE,IAAI,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,kBAAkB,MAAM,qDAAqD,CAAC;AACrF,OAAO,iBAAiB,MAAM,oBAAoB,CAAC;AACnD,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,mBAAmB,MAAM,sBAAsB,CAAC;AACvD,OAAO,iBAAiB,MAAM,oBAAoB,CAAC;AAGnD,MAAM,CAAC,OAAO,UAAU,0BAA0B;IAChD,OAAO,CACL,8BACG,IAAI,CAAC,UAAU,IAAI,CAClB,8BACE,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,cAAc,CAAC,QAAQ,EAC7B,KAAK,EAAC,0BAA0B,EAChC,KAAK,EAAE,IAAI,CAAC,iBAAiB,wGAIlB,EACb,4BAAgB,QAAQ,iBAAa,MAAM,EAAC,KAAK,EAAC,QAAQ,YAAE,IAAI,CAAC,oBAAoB,GAAQ,IAC5F,CACJ,EACA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,eAAK,KAAK,EAAC,gBAAgB,aACzB,KAAC,kBAAkB,IACjB,IAAI,EAAC,iBAAiB,EACtB,MAAM,EAAC,KAAK,gBACD,GAAG,mBACA,GAAG,GACE,EACrB,yBAAO,IAAI,CAAC,eAAe,GAAQ,IAC/B,CACP,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,iBAAiB,IAChB,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,SACY,CACrB,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IACP,EAAE,EAAC,WAAW,EACd,IAAI,EAAE,IAAI,CAAC,gBAA4B,qBACtB,IAAI,CAAC,qBAAqB,EAC3C,KAAK,EAAC,wBAAwB,4BACN,IAAI,CAAC,oBAAoB,EACjD,UAAU,EAAE,IAAI,CAAC,YAAY,EAC7B,IAAI,EAAE,IAAI,CAAC,IAAI,YACd,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE,CAAC,CACjD,aAAa,CAAC,OAAO;oBACnB,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC;oBAC9C,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,IAAoB,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,uBAAuB,EAAE,IAAI,CAAC,wBAAwB,CAAC,CACtJ,CAAC,GACO,CACZ,IACA,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAA+B,aAAgC,EAAE,KAAa;IAChG,OAAQ,aAAa,CAAC,IAAgC,CAAC,iBAAiB;QACtE,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC;QAClD,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;AACzD,CAAC;AAED,SAAS,eAAe,CAA+B,aAAgC,EAAE,KAAa;IACpG,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC;IAC3C,MAAM,MAAM,GAAG,IAA+B,CAAC;IAC/C,OAAO,CACL,KAAC,iBAAiB,8BAEQ,IAAI,CAAC,mBAAmB,mBACjC,IAAI,CAAC,GAAG,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,MAAM,CAAC,UAAU,qBACZ,IAAI,CAAC,cAAc,EACpC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,aAAa,EAAE,MAAM,CAAC,aAAa,EACnC,gBAAgB,EAAE,IAAI,CAAC,uBAAuB,EAC9C,iBAAiB,EAAE,IAAI,CAAC,wBAAwB,YAC/C,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAC3B,cAAc,CAAC,KAAqB,EAAE,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,IAAI,CAAC,uBAAuB,EAAE,IAAI,CAAC,wBAAwB,CAAC,CACpI,IAbI,KAAK,CAcQ,CACrB,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAA+B,aAAgC,EAAE,KAAa;IACtG,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC;IAC3C,MAAM,MAAM,GAAG,IAA+B,CAAC;IAC/C,OAAO,CACL,KAAC,mBAAmB,IAElB,IAAI,EAAC,OAAO,4BACW,8BAA8B,EACrD,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,MAAM,CAAC,cAAc,mBACvB,IAAI,CAAC,GAAG,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,qBACA,IAAI,CAAC,cAAc,EACpC,UAAU,EAAE,MAAM,CAAC,UAAU,EAC7B,WAAW,EAAE,MAAM,CAAC,WAAW,EAC/B,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,SAAS,EAAE,IAAI,CAAC,kBAAkB,EAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,gBAAgB,EAAE,IAAI,CAAC,uBAAuB,EAC9C,iBAAiB,EAAE,IAAI,CAAC,wBAAwB,EAChD,aAAa,EAAE,MAAM,CAAC,aAAa,YAClC,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAC3B,cAAc,CAAC,KAAqB,EAAE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,uBAAuB,EAAE,IAAI,CAAC,wBAAwB,CAAC,CACzH,IAnBI,KAAK,CAoBU,CACvB,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CACrB,IAAkB,EAClB,KAAa,EACb,IAAY,EACZ,cAAkC,EAClC,gBAA0C,EAC1C,iBAA2C;IAE3C,OAAO,CACL,KAAC,YAAY,IAEX,IAAI,EAAE,IAAgB,mBACP,IAAI,CAAC,GAAG,EACvB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,iBAAiB,qBACnB,IAAI,CAAC,cAAc,qBACnB,IAAI,CAAC,cAAc,2BACb,IAAI,CAAC,mBAAmB,EAC/C,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,IAAI,CAAC,MAAM,iBACN,IAAI,CAAC,UAAU,kBACd,IAAI,CAAC,WAAW,gBAClB,IAAI,CAAC,SAAS,EAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,KACb,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC7D,CAAE,IAAY,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAG,IAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAnBhG,KAAK,CAoBG,CAChB,CAAC;AACJ,CAAC","sourcesContent":["import type UDExSearchableListBase from \"./SearchableListBase.js\";\nimport type { UDExProcessedItem } from \"./types/SearchableListBase.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport UDExSearch, { Mode as UDExSearchMode } from \"./Search.js\";\nimport IllustratedMessage from \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";\nimport UDExBusyIndicator from \"./BusyIndicator.js\";\nimport UDExList from \"./List.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExListGroupHeader from \"./ListGroupHeader.js\";\nimport UDExListSelectAll from \"./ListSelectAll.js\";\nimport type { AriaRole } from \"@ui5/webcomponents-base/dist/types.js\";\n\nexport default function SearchableListBaseTemplate(this: UDExSearchableListBase) {\n  return (\n    <>\n      {this.showSearch && (\n        <>\n          <UDExSearch\n            slot=\"header\"\n            mode={UDExSearchMode.Standard}\n            class=\"udex-filter-menu__search\"\n            label={this.searchPlaceholder}\n            label-animation-disabled\n            non-interactive-submit-button\n            show-submit-button>\n          </UDExSearch>\n          <span aria-live=\"polite\" aria-atomic=\"true\" class=\"hidden\">{this._accSearchResultInfo}</span>\n        </>\n      )}\n      {this.isListEmpty ? (\n        <div class=\"udex-no-result\">\n          <IllustratedMessage\n            name=\"NoSearchResults\"\n            design=\"Dot\"\n            title-text=\" \"\n            subtitle-text=\" \">\n          </IllustratedMessage>\n          <span>{this.getNoResultText}</span>\n        </div>\n      ) : this.busy ? (\n        <UDExBusyIndicator\n          class=\"udex-busy-indicator\"\n          size=\"M\"\n          delay={this.busyDelay}\n          active>\n        </UDExBusyIndicator>\n      ) : (\n        <UDExList\n          id=\"udex-list\"\n          role={this.roleForGroupList as AriaRole}\n          accessible-role={this.accessibleRoleForList}\n          class=\"udex-filter-menu__list\"\n          tab-navigation-enabled={this.tabNavigationEnabled}\n          controlled={this.isControlled}\n          mode={this.mode}>\n          {this._filteredItems.map((processedItem, index) => (\n            processedItem.isGroup\n              ? renderGroup.call(this, processedItem, index)\n              : renderListItem(processedItem.item as UDExListItem, index, \"none\", this.listItemRole, this.fireFirstIconClickEvent, this.fireSecondIconClickEvent)\n          ))}\n        </UDExList>\n      )}\n    </>\n  );\n}\n\nfunction renderGroup(this: UDExSearchableListBase, processedItem: UDExProcessedItem, index: number) {\n  return (processedItem.item as UDExListGroupHeaderBase).isSelectAllHeader\n    ? renderSelectAll.call(this, processedItem, index)\n    : renderGroupHeader.call(this, processedItem, index);\n}\n\nfunction renderSelectAll(this: UDExSearchableListBase, processedItem: UDExProcessedItem, index: number) {\n  const { item, groupItems } = processedItem;\n  const header = item as UDExListGroupHeaderBase;\n  return (\n    <UDExListSelectAll\n      key={index}\n      _additional-class-name={this.additionalClassName}\n      data-token-id={item._id}\n      label={item.label}\n      controlled={header.controlled}\n      supporting-text={item.supportingText}\n      disabled={item.disabled}\n      selected={item.selected}\n      indeterminate={header.indeterminate}\n      onFirstIconClick={this.fireFirstIconClickEvent}\n      onSecondIconClick={this.fireSecondIconClickEvent}>\n      {groupItems.map((child, i) =>\n        renderListItem(child as UDExListItem, i, this.listItemRole, undefined, this.fireFirstIconClickEvent, this.fireSecondIconClickEvent)\n      )}\n    </UDExListSelectAll>\n  );\n}\n\nfunction renderGroupHeader(this: UDExSearchableListBase, processedItem: UDExProcessedItem, index: number) {\n  const { item, groupItems } = processedItem;\n  const header = item as UDExListGroupHeaderBase;\n  return (\n    <UDExListGroupHeader\n      key={index}\n      role=\"group\"\n      _additional-class-name=\"udex-searchable-list__header\"\n      class={this.groupClassName}\n      non-interactive={header.nonInteractive}\n      data-token-id={item._id}\n      label={item.label}\n      supporting-text={item.supportingText}\n      controlled={header.controlled}\n      collapsible={header.collapsible}\n      collapsed={header.collapsed}\n      _filtered={this._shouldFilterItems}\n      disabled={item.disabled}\n      selected={item.selected}\n      onFirstIconClick={this.fireFirstIconClickEvent}\n      onSecondIconClick={this.fireSecondIconClickEvent}\n      indeterminate={header.indeterminate}>\n      {groupItems.map((child, i) =>\n        renderListItem(child as UDExListItem, i, \"none\", undefined, this.fireFirstIconClickEvent, this.fireSecondIconClickEvent)\n      )}\n    </UDExListGroupHeader>\n  );\n}\n\nfunction renderListItem(\n  item: UDExListItem,\n  index: number,\n  role: string,\n  accessibleRole: string | undefined,\n  onFirstIconClick: (e: CustomEvent) => void,\n  onSecondIconClick: (e: CustomEvent) => void,\n) {\n  return (\n    <UDExListItem\n      key={index}\n      role={role as AriaRole}\n      data-token-id={item._id}\n      controlled={item.controlled}\n      mode={item.mode}\n      onFirstIconClick={onFirstIconClick}\n      onSecondIconClick={onSecondIconClick}\n      supporting-text={item.supportingText}\n      additional-text={item.additionalText}\n      additional-text-state={item.additionalTextState}\n      divider={item.divider}\n      disabled={item.disabled}\n      selected={item.selected}\n      rating={item.rating}\n      total-count={item.totalCount}\n      rating-count={item.ratingCount}\n      rating-max={item.ratingMax}\n      label={item.label}\n      {...(accessibleRole ? { \"accessible-role\": accessibleRole } : {})}\n      {...((item as any).innerHTML ? { dangerouslySetInnerHTML: { __html: (item as any).innerHTML } } : {})}>\n    </UDExListItem>\n  );\n}\n"]}
+{"version":3,"file":"SearchableListBaseTemplate.js","sourceRoot":"","sources":["../src/SearchableListBaseTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type UDExSearchableListBase from \"./SearchableListBase.js\";\nimport type { UDExProcessedItem } from \"./types/SearchableListBase.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport UDExSearch, { Mode as UDExSearchMode } from \"./Search.js\";\nimport IllustratedMessage from \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";\nimport UDExBusyIndicator from \"./BusyIndicator.js\";\nimport UDExList from \"./List.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExListGroupHeader from \"./ListGroupHeader.js\";\nimport UDExListSelectAll from \"./ListSelectAll.js\";\nimport type { AriaRole } from \"@ui5/webcomponents-base/dist/types.js\";\n\nexport default function SearchableListBaseTemplate(this: UDExSearchableListBase) {\n  return (\n    <>\n      {this.showSearch && (\n        <>\n          <UDExSearch\n            slot=\"header\"\n            mode={UDExSearchMode.Standard}\n            class=\"udex-filter-menu__search\"\n            label={this.searchPlaceholder}\n            label-animation-disabled\n            non-interactive-submit-button\n            show-submit-button>\n          </UDExSearch>\n          <span aria-live=\"polite\" aria-atomic=\"true\" class=\"hidden\">{this._accSearchResultInfo}</span>\n        </>\n      )}\n      {this.isListEmpty ? (\n        <div class=\"udex-no-result\">\n          <IllustratedMessage\n            name=\"NoSearchResults\"\n            design=\"Dot\"\n            title-text=\" \"\n            subtitle-text=\" \">\n          </IllustratedMessage>\n          <span>{this.getNoResultText}</span>\n        </div>\n      ) : this.busy ? (\n        <UDExBusyIndicator\n          class=\"udex-busy-indicator\"\n          size=\"M\"\n          delay={this.busyDelay}\n          active>\n        </UDExBusyIndicator>\n      ) : (\n        <UDExList\n          id=\"udex-list\"\n          role={this.roleForGroupList as AriaRole}\n          accessible-role={this.accessibleRoleForList}\n          class=\"udex-filter-menu__list\"\n          controlled={this.isControlled}\n          mode={this.mode}>\n          {this._filteredItems.map((processedItem, index) => (\n            processedItem.isGroup\n              ? renderGroup.call(this, processedItem, index)\n              : renderListItem(processedItem.item as UDExListItem, index, \"none\", this.listItemRole, this.fireFirstIconClickEvent, this.fireSecondIconClickEvent)\n          ))}\n        </UDExList>\n      )}\n    </>\n  );\n}\n\nfunction renderGroup(this: UDExSearchableListBase, processedItem: UDExProcessedItem, index: number) {\n  return (processedItem.item as UDExListGroupHeaderBase).isSelectAllHeader\n    ? renderSelectAll.call(this, processedItem, index)\n    : renderGroupHeader.call(this, processedItem, index);\n}\n\nfunction renderSelectAll(this: UDExSearchableListBase, processedItem: UDExProcessedItem, index: number) {\n  const { item, groupItems } = processedItem;\n  const header = item as UDExListGroupHeaderBase;\n  return (\n    <UDExListSelectAll\n      key={index}\n      _additional-class-name={this.additionalClassName}\n      data-token-id={item._id}\n      label={item.label}\n      controlled={header.controlled}\n      supporting-text={item.supportingText}\n      disabled={item.disabled}\n      selected={item.selected}\n      indeterminate={header.indeterminate}\n      onFirstIconClick={this.fireFirstIconClickEvent}\n      onSecondIconClick={this.fireSecondIconClickEvent}>\n      {groupItems.map((child, i) =>\n        renderListItem(child as UDExListItem, i, this.listItemRole, undefined, this.fireFirstIconClickEvent, this.fireSecondIconClickEvent)\n      )}\n    </UDExListSelectAll>\n  );\n}\n\nfunction renderGroupHeader(this: UDExSearchableListBase, processedItem: UDExProcessedItem, index: number) {\n  const { item, groupItems } = processedItem;\n  const header = item as UDExListGroupHeaderBase;\n  return (\n    <UDExListGroupHeader\n      key={index}\n      role=\"group\"\n      _additional-class-name=\"udex-searchable-list__header\"\n      class={this.groupClassName}\n      non-interactive={header.nonInteractive}\n      data-token-id={item._id}\n      label={item.label}\n      supporting-text={item.supportingText}\n      controlled={header.controlled}\n      collapsible={header.collapsible}\n      collapsed={header.collapsed}\n      _filtered={this._shouldFilterItems}\n      disabled={item.disabled}\n      selected={item.selected}\n      onFirstIconClick={this.fireFirstIconClickEvent}\n      onSecondIconClick={this.fireSecondIconClickEvent}\n      indeterminate={header.indeterminate}>\n      {groupItems.map((child, i) =>\n        renderListItem(child as UDExListItem, i, \"none\", undefined, this.fireFirstIconClickEvent, this.fireSecondIconClickEvent)\n      )}\n    </UDExListGroupHeader>\n  );\n}\n\nfunction renderListItem(\n  item: UDExListItem,\n  index: number,\n  role: string,\n  accessibleRole: string | undefined,\n  onFirstIconClick: (e: CustomEvent) => void,\n  onSecondIconClick: (e: CustomEvent) => void,\n) {\n  return (\n    <UDExListItem\n      key={index}\n      role={role as AriaRole}\n      data-token-id={item._id}\n      controlled={item.controlled}\n      mode={item.mode}\n      onFirstIconClick={onFirstIconClick}\n      onSecondIconClick={onSecondIconClick}\n      supporting-text={item.supportingText}\n      additional-text={item.additionalText}\n      additional-text-state={item.additionalTextState}\n      divider={item.divider}\n      disabled={item.disabled}\n      selected={item.selected}\n      rating={item.rating}\n      total-count={item.totalCount}\n      rating-count={item.ratingCount}\n      rating-max={item.ratingMax}\n      label={item.label}\n      {...(accessibleRole ? { \"accessible-role\": accessibleRole } : {})}\n      {...((item as any).innerHTML ? { dangerouslySetInnerHTML: { __html: (item as any).innerHTML } } : {})}>\n    </UDExListItem>\n  );\n}\n"]}

package/dist/SelectBase.d.ts

@@ -1,4 +1,4 @@
-import type { ChangeInfo } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { ChangeInfo, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { UDExListItemBase } from "./List.js";
 import type Popover from "@ui5/webcomponents/dist/Popover.js";
 import type UDExList from "./List.js";
@@ -120,6 +120,14 @@ declare class UDExSelectBase extends UDExSearchableListBase {
      * @private
      */
     _requestRender: boolean;
+    /**
+     * Defines the footer content for the component dropdown.
+     * Place any content (e.g. an action button) here. Clicking footer content does not close the dropdown —
+     * use the <code>close</code> method if needed.
+     *
+     * @public
+     */
+    footer: Slot<HTMLElement>;
     _paneWidthVariableName: string;
     _labelBaseClass: string;
     _dropdownClass: string;
@@ -134,6 +142,8 @@ declare class UDExSelectBase extends UDExSearchableListBase {
     _inputValue: string;
     _lastSelectedItemId: string;
     _handleResizeBound: ResizeObserverCallback;
+    _handleListKeyDownBound: (e: KeyboardEvent) => void;
+    _listKeyDownListenerAdded: boolean;
     constructor();
     onEnterDOM(): void;
     onExitDOM(): void;
@@ -141,7 +151,7 @@ declare class UDExSelectBase extends UDExSearchableListBase {
     onAfterRendering(): void;
     _handleResize(): void;
     handleKeyDownDropdown(e: KeyboardEvent): void;
-    handleListNavigationKeys(e: KeyboardEvent, items: UDExListItemBase[]): void;
+    handleListNavigationKeys(e: KeyboardEvent, items: UDExListItemBase[], effectiveTarget?: UDExListItemBase): void;
     handleEndKeyPress(items: UDExListItemBase[], lastItemIndex: number): void;
     handleHomeKeyPress(items: UDExListItemBase[]): void;
     handleDownKeyPress(items: UDExListItemBase[], currentSelectedIndex: number, lastItemIndex: number): void;
@@ -166,6 +176,14 @@ declare class UDExSelectBase extends UDExSearchableListBase {
     setSelectOption(): void;
     updatePopoverWidth(): void;
     handleImagePosition(items: UDExListItemBase[], index: number): void;
+    get hasFooter(): boolean;
+    _getIconButtonSlot(el: HTMLElement): string | null;
+    _handleArrowRightInRow(target: HTMLElement): void;
+    _handleArrowLeftInRow(target: HTMLElement): void;
+    _handleListKeyDownCapture(e: KeyboardEvent): void;
+    _focusLastListItem(): void;
+    _firstFocusableIn(el: Element | undefined): HTMLElement | null;
+    _moveFocusAfterComponent(): void;
     get ariaDescribedbyText(): string;
     get trigger(): HTMLElement;
     get isDisabled(): boolean;

package/dist/SelectBase.js

@@ -5,8 +5,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import executeTemplate from "@ui5/webcomponents-base/dist/renderer/executeTemplate.js";
-import { isEscape, isDown, isUp, isHome, isEnd, isTabNext, isTabPrevious, } from "@ui5/webcomponents-base/dist/Keys.js";
+import { isEscape, isDown, isUp, isHome, isEnd, isTabNext, isTabPrevious, isLeft, isRight, } from "@ui5/webcomponents-base/dist/Keys.js";
 import { getAllAccessibleNameRefTexts } from "@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js";
 import "@ui5/webcomponents-icons/dist/decline.js";
 import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
@@ -60,7 +61,9 @@ class UDExSelectBase extends UDExSearchableListBase {
         this._ariaAutoComplete = "list";
         this._inputValue = "";
         this._lastSelectedItemId = "";
+        this._listKeyDownListenerAdded = false;
         this._handleResizeBound = this._handleResize.bind(this);
+        this._handleListKeyDownBound = this._handleListKeyDownCapture.bind(this);
     }
     onEnterDOM() {
         ResizeHandler.register(this, this._handleResizeBound);
@@ -70,6 +73,10 @@ class UDExSelectBase extends UDExSearchableListBase {
     }
     onExitDOM() {
         ResizeHandler.deregister(this, this._handleResizeBound);
+        if (this._list && this._listKeyDownListenerAdded) {
+            this._list.removeEventListener("keydown", this._handleListKeyDownBound, { capture: true });
+            this._listKeyDownListenerAdded = false;
+        }
     }
     onInvalidation({ name }) {
         if (name === "default" && this.modeSingleSelect && !this._inputValue) {
@@ -85,6 +92,10 @@ class UDExSelectBase extends UDExSearchableListBase {
         if (this._requestRender) {
             this._requestRender = false;
         }
+        if (!this._listKeyDownListenerAdded && this._list) {
+            this._list.addEventListener("keydown", this._handleListKeyDownBound, { capture: true });
+            this._listKeyDownListenerAdded = true;
+        }
     }
     _handleResize() {
         this.updatePopoverWidth();
@@ -95,26 +106,68 @@ class UDExSelectBase extends UDExSearchableListBase {
             this.handleLetterKeyPress(e);
             return;
         }
-        if (isTabPrevious(e) && !this.tabNavigationEnabled) {
+        if (this.hasFooter) {
+            const isInFooter = e.target.closest?.("[slot=\"footer\"]");
+            if (isInFooter) {
+                if (isEscape(e)) {
+                    this.handleEscKeyPress(e);
+                    return;
+                }
+                if (isTabNext(e)) {
+                    e.preventDefault();
+                    this.closeDropdown();
+                    this._moveFocusAfterComponent();
+                    return;
+                }
+                if (isTabPrevious(e)) {
+                    e.preventDefault();
+                    this._focusLastListItem();
+                    return;
+                }
+                return;
+            }
+            if (isTabNext(e)) {
+                e.preventDefault();
+                (this._firstFocusableIn(this.footer[0]) ?? this.footer[0])?.focus();
+                return;
+            }
+        }
+        if (isTabPrevious(e)) {
             e.preventDefault();
             this._search.focus();
             return;
         }
-        if (isTabNext(e) && !this.tabNavigationEnabled) {
+        if (isTabNext(e)) {
+            e.preventDefault();
             this.closeDropdown();
+            this._moveFocusAfterComponent();
             return;
         }
         if (isEscape(e)) {
             this.handleEscKeyPress(e);
             return;
         }
-        if (!items || this.tabNavigationEnabled) {
+        if (!items) {
             return;
         }
-        this.handleListNavigationKeys(e, items);
+        if (isRight(e)) {
+            e.preventDefault();
+            this._handleArrowRightInRow(e.target);
+            return;
+        }
+        if (isLeft(e)) {
+            e.preventDefault();
+            this._handleArrowLeftInRow(e.target);
+            return;
+        }
+        const iconSlot = this._getIconButtonSlot(e.target);
+        const effectiveTarget = iconSlot
+            ? e.target.parentElement
+            : undefined;
+        this.handleListNavigationKeys(e, items, effectiveTarget);
     }
-    handleListNavigationKeys(e, items) {
-        const currentSelectedIndex = this._list?.getCurrentIndex(items, e.target);
+    handleListNavigationKeys(e, items, effectiveTarget) {
+        const currentSelectedIndex = this._list?.getCurrentIndex(items, effectiveTarget ?? e.target);
         const lastItemIndex = items.length - 1;
         if (isDown(e)) {
             e.preventDefault();
@@ -197,9 +250,7 @@ class UDExSelectBase extends UDExSearchableListBase {
         e.stopPropagation();
         this.closeDropdown();
         this._search.focus();
-        if (!this.tabNavigationEnabled) {
-            this._selectedOption = "";
-        }
+        this._selectedOption = "";
     }
     handleItemSelection(e) {
         this.onItemPress(e);
@@ -248,9 +299,7 @@ class UDExSelectBase extends UDExSearchableListBase {
         const firstIndex = (items[0]?.nonInteractive && !items[0]?.collapsible) ? 1 : 0;
         const firstItem = items[firstIndex];
         this._list.setTabIndexByIndex(items, firstIndex);
-        if (!this.tabNavigationEnabled) {
-            this._selectedOption = firstItem.label;
-        }
+        this._selectedOption = firstItem.label;
         if (firstItem.isGroup) {
             this._list.focusHeader(firstItem);
         }
@@ -349,6 +398,130 @@ class UDExSelectBase extends UDExSearchableListBase {
             imagePlaceholder.style.backgroundPosition = image?.style?.backgroundPosition || "";
         }
     }
+    get hasFooter() {
+        return this.footer.length > 0;
+    }
+    _getIconButtonSlot(el) {
+        const iconSlot = el.getAttribute?.("slot");
+        return (iconSlot === "firstIcon" || iconSlot === "secondIcon") ? iconSlot : null;
+    }
+    _handleArrowRightInRow(target) {
+        const iconSlot = this._getIconButtonSlot(target);
+        if (!iconSlot) {
+            const firstIcon = target.querySelector("[slot=\"firstIcon\"]");
+            firstIcon?.focus();
+            return;
+        }
+        if (iconSlot === "firstIcon") {
+            const parentItem = target.parentElement;
+            if (parentItem) {
+                const secondIcon = parentItem.querySelector("[slot=\"secondIcon\"]");
+                secondIcon?.focus();
+            }
+        }
+    }
+    _handleArrowLeftInRow(target) {
+        const iconSlot = this._getIconButtonSlot(target);
+        if (!iconSlot) {
+            return;
+        }
+        const parentItem = target.parentElement;
+        if (!parentItem) {
+            return;
+        }
+        if (iconSlot === "secondIcon") {
+            const firstIcon = parentItem.querySelector("[slot=\"firstIcon\"]");
+            firstIcon?.focus();
+        }
+        else if (iconSlot === "firstIcon") {
+            parentItem.focus();
+        }
+    }
+    _handleListKeyDownCapture(e) {
+        const target = e.target;
+        if (!this._getIconButtonSlot(target)) {
+            return;
+        }
+        if (!isDown(e) && !isUp(e)) {
+            return;
+        }
+        const items = this._list?.getKeyboardNavigationItems();
+        if (!items?.length) {
+            return;
+        }
+        e.stopImmediatePropagation();
+        e.preventDefault();
+        const parentItem = target.parentElement;
+        if (!parentItem) {
+            return;
+        }
+        const currentIndex = this._list.getCurrentIndex(items, parentItem);
+        if (currentIndex < 0) {
+            return;
+        }
+        const lastItemIndex = items.length - 1;
+        let targetIndex;
+        if (isDown(e)) {
+            const nextIndex = currentIndex + 1 > lastItemIndex ? 0 : currentIndex + 1;
+            const isNonInteractive = items[nextIndex].nonInteractive && !items[nextIndex].collapsible;
+            const wrappedNext = nextIndex + 1 > lastItemIndex ? 0 : nextIndex + 1;
+            targetIndex = isNonInteractive ? wrappedNext : nextIndex;
+        }
+        else {
+            const prevIndex = currentIndex - 1 < 0 ? lastItemIndex : currentIndex - 1;
+            const isNonInteractive = items[prevIndex].nonInteractive && !items[prevIndex].collapsible;
+            const wrappedPrev = prevIndex === 0 ? lastItemIndex : prevIndex - 1;
+            targetIndex = isNonInteractive ? wrappedPrev : prevIndex;
+        }
+        this._list.unsetTabIndexByIndex(items, currentIndex);
+        this._list.setTabIndexByIndex(items, targetIndex);
+        items[targetIndex].focus();
+        this._selectedOption = items[targetIndex].label;
+    }
+    _focusLastListItem() {
+        const items = this._list?.getKeyboardNavigationItems();
+        if (!items || items.length === 0) {
+            this._search.focus();
+            return;
+        }
+        const lastIndex = items.length - 1;
+        const lastItem = items[lastIndex];
+        this._list.setTabIndexByIndex(items, lastIndex);
+        this._selectedOption = lastItem.label;
+        if (lastItem.isGroup) {
+            this._list.focusHeader(lastItem);
+        }
+        else {
+            lastItem.focus();
+        }
+    }
+    _firstFocusableIn(el) {
+        if (!(el instanceof HTMLElement)) {
+            return null;
+        }
+        if (el.tabIndex >= 0 && !el.hidden && !el.disabled && (!!el.offsetParent || el.matches("body"))) {
+            return el;
+        }
+        return Array.from(el.children).reduce((found, child) => found ?? this._firstFocusableIn(child), null);
+    }
+    _moveFocusAfterComponent() {
+        const findAndFocus = (from) => {
+            let node = from;
+            while (node && node !== document.documentElement) {
+                let sibling = node.nextElementSibling;
+                while (sibling) {
+                    const focusable = this._firstFocusableIn(sibling);
+                    if (focusable) {
+                        focusable.focus();
+                        return;
+                    }
+                    sibling = sibling.nextElementSibling;
+                }
+                node = node.parentElement;
+            }
+        };
+        findAndFocus(this);
+    }
     get ariaDescribedbyText() {
         if (this.modeSingleSelect) {
             return this._selectedOption;
@@ -455,5 +628,8 @@ __decorate([
 __decorate([
     property({ type: Boolean, noAttribute: true })
 ], UDExSelectBase.prototype, "_requestRender", void 0);
+__decorate([
+    slot({ type: HTMLElement })
+], UDExSelectBase.prototype, "footer", void 0);
 export default UDExSelectBase;
 //# sourceMappingURL=SelectBase.js.map