@sapudex/web-components 2.35.0 → 2.37.0

package/dist/BreadcrumbsPopoverTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsPopoverTemplate.js","sourceRoot":"","sources":["../src/BreadcrumbsPopoverTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type Breadcrumbs from \"./Breadcrumbs.js\";\nimport UDExDropdown from \"./Dropdown.js\";\nimport UDExLink from \"./Link.js\";\nimport { Placement, HorizontalAlign } from \"./types/Dropdown.js\";\n\nexport default function BreadcrumbsPopoverTemplate(this: Breadcrumbs) {\n  const focusableCount = this._dropdownItems.filter(i => !i._isCurrentPageItem).length;\n  const ofText = this._ofText;\n  let focusablePos = 0;\n\n  return (\n    <UDExDropdown\n      id={`udex-${this._id}-breadcrumbs__popover`}\n      opener={`udex-${this._id}-breadcrumbs__opener`}\n      class={`${this._rootClass}__popover ui5-breadcrumbs-popover`}\n      accessibleName={this._dropdownAccessibleNameText}\n      placement={Placement.Bottom}\n      horizontalAlign={HorizontalAlign.Start}\n      onKeyDown={this._handleKeydown}\n      onClose={this._afterDropdownClose}\n      onOpen={this._afterDropdownOpen}>\n      <nav className={`${this._rootClass}__popover-content`} aria-label={this._breadcrumbsAccessibleNameText}>\n        <ol>\n          {this._dropdownItems.map((item, index) => {\n            if (!item._isCurrentPageItem) { focusablePos++; }\n            const posLabel = `${item.accessibleName || item.textContent || \"\"}, ${focusablePos} ${ofText} ${focusableCount}`;\n            return item._isCurrentPageItem ? (\n              <li key={index} aria-hidden=\"true\">\n                <span\n                  id={`${item._id}-li`}\n                  className={`${this._rootClass}__item ${this._rootClass}__item--current ${this._rootClass}__item--hidden ${this._rootClass}__item--${index}`}\n                  aria-current=\"page\"\n                  accessible-name={item.accessibleName}\n                  data-ui5-stable={item.stableDomRef}>\n                  {item.textContent}\n                </span>\n              </li>\n            ) : (\n              <li key={index}>\n                {item.icon ? (\n                  <UDExLink\n                    data-index={index}\n                    id={`${item._id}-li`}\n                    onClick={this._onDropdownLinkPress}\n                    href={item.href}\n                    target={item.target}\n                    class={`${this._rootClass}__item ${this._rootClass}__item--with-icon ${this._rootClass}__item--hidden ${this._rootClass}__item--${index}`}\n                    icon={item.icon}\n                    accessibleName={posLabel}\n                    data-ui5-stable={item.stableDomRef}>\n                    {item.textContent}\n                  </UDExLink>\n                ) : (\n                  <UDExLink\n                    data-index={index}\n                    id={`${item._id}-li`}\n                    onClick={this._onDropdownLinkPress}\n                    href={item.href}\n                    target={item.target}\n                    class={`${this._rootClass}__item ${this._rootClass}__item--hidden ${this._rootClass}__item--${index}`}\n                    accessibleName={posLabel}\n                    data-ui5-stable={item.stableDomRef}>\n                    {item.textContent}\n                  </UDExLink>\n                )}\n              </li>\n            );\n          })}\n        </ol>\n      </nav>\n    </UDExDropdown>\n  );\n}\n"]}
+{"version":3,"file":"BreadcrumbsPopoverTemplate.js","sourceRoot":"","sources":["../src/BreadcrumbsPopoverTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type Breadcrumbs from \"./Breadcrumbs.js\";\nimport UDExDropdown from \"./Dropdown.js\";\nimport UDExLink from \"./Link.js\";\nimport { Placement, HorizontalAlign } from \"./types/Dropdown.js\";\n\nexport default function BreadcrumbsPopoverTemplate(this: Breadcrumbs) {\n  const focusableCount = this._dropdownItems.filter(i => !i._isCurrentPageItem).length;\n  const ofText = this._ofText;\n  let focusablePos = 0;\n\n  return (\n    <UDExDropdown\n      id={`udex-${this._id}-breadcrumbs__popover`}\n      opener={`udex-${this._id}-breadcrumbs__opener`}\n      class={`${this._rootClass}__popover ui5-breadcrumbs-popover`}\n      accessibleName={this._dropdownAccessibleNameText}\n      placement={Placement.Bottom}\n      horizontalAlign={HorizontalAlign.Start}\n      onKeyDown={this._handleKeydown}\n      onClose={this._afterDropdownClose}\n      onOpen={this._afterDropdownOpen}>\n      <nav className={`${this._rootClass}__popover-content`} aria-label={this._breadcrumbsAccessibleNameText}>\n        <ol>\n          {this._dropdownItems.map((item, index) => {\n            if (!item._isCurrentPageItem) { focusablePos++; }\n            const posLabel = `${item.accessibleName || item.textContent || \"\"}, ${focusablePos} ${ofText} ${focusableCount}`;\n            return item._isCurrentPageItem ? (\n              <li key={index}>\n                <span\n                  id={`${item._id}-li`}\n                  className={`${this._rootClass}__item ${this._rootClass}__item--current ${this._rootClass}__item--hidden ${this._rootClass}__item--${index}`}\n                  aria-current=\"page\"\n                  accessible-name={item.accessibleName}\n                  data-ui5-stable={item.stableDomRef}>\n                  {item.textContent}\n                </span>\n              </li>\n            ) : (\n              <li key={index}>\n                {item.icon ? (\n                  <UDExLink\n                    data-index={index}\n                    id={`${item._id}-li`}\n                    onClick={this._onDropdownLinkPress}\n                    href={item.href}\n                    target={item.target}\n                    class={`${this._rootClass}__item ${this._rootClass}__item--with-icon ${this._rootClass}__item--hidden ${this._rootClass}__item--${index}`}\n                    icon={item.icon}\n                    accessibleName={posLabel}\n                    data-ui5-stable={item.stableDomRef}>\n                    {item.textContent}\n                  </UDExLink>\n                ) : (\n                  <UDExLink\n                    data-index={index}\n                    id={`${item._id}-li`}\n                    onClick={this._onDropdownLinkPress}\n                    href={item.href}\n                    target={item.target}\n                    class={`${this._rootClass}__item ${this._rootClass}__item--hidden ${this._rootClass}__item--${index}`}\n                    accessibleName={posLabel}\n                    data-ui5-stable={item.stableDomRef}>\n                    {item.textContent}\n                  </UDExLink>\n                )}\n              </li>\n            );\n          })}\n        </ol>\n      </nav>\n    </UDExDropdown>\n  );\n}\n"]}

package/dist/BreadcrumbsTemplate.js

@@ -5,6 +5,6 @@ import slimArrowDown from "@ui5/webcomponents-icons/dist/slim-arrow-down.js";
 import BreadcrumbsPopoverTemplate from "./BreadcrumbsPopoverTemplate.js";
 export default function BreadcrumbsTemplate() {
     const rootClass = "udex-breadcrumbs";
-    return (_jsxs(_Fragment, { children: [_jsx("nav", { class: `${this._rootClass} ui5-breadcrumbs-root`, "aria-label": this._breadcrumbsAccessibleNameText, children: _jsxs("ol", { children: [_jsx("li", { class: `${this._rootClass}__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper`, children: _jsx(UDExLink, { id: `udex-${this._id}-breadcrumbs__opener`, class: `${this._rootClass}__trigger ${this._triggerClass}`, onClick: this._toggleDropdown, accessibleName: this._dropdownArrowAccessibleNameText, accessibleRole: UDExButtonAccessibleRole.Button, accessibilityAttributes: this._triggerAccessibilityAttributes, icon: slimArrowDown }) }), this._linksData.map(linkData => (linkData._isCurrentPageItem && !this.showCurrentPage ? null : (_jsx("li", { role: linkData._isCurrentPageItem ? "presentation" : undefined, class: `${this._rootClass}__link-wrapper ui5-breadcrumbs-link-wrapper`, id: `${linkData._id}-link-wrapper`, children: linkData._isCurrentPageItem ? (_jsxs(_Fragment, { children: [_jsx("span", { className: `${this._rootClass}__separator`, "aria-hidden": "true" }), _jsx("span", { id: `${linkData._id}-link`, class: `${rootClass}__item ${this._rootClass}__item--visible ${this._rootClass}__item--current-page`, "aria-current": "page", "data-ui5-stable": linkData.stableDomRef, children: linkData.textContent })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: `${this._rootClass}__separator`, "aria-hidden": "true" }), _jsx(UDExLink, { onClick: this._onLinkPress, id: `${linkData._id}-link`, class: `${rootClass}__item ${this._rootClass}__item--visible`, href: linkData.href, target: linkData.target, accessibleName: linkData._accessibleNameText, "data-ui5-stable": linkData.stableDomRef, children: linkData.textContent })] })) }))))] }) }), BreadcrumbsPopoverTemplate.call(this)] }));
+    return (_jsxs(_Fragment, { children: [_jsx("nav", { class: `${this._rootClass} ui5-breadcrumbs-root`, "aria-label": this._breadcrumbsAccessibleNameText, children: _jsxs("ol", { children: [_jsx("li", { class: `${this._rootClass}__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper`, children: _jsx(UDExLink, { id: `udex-${this._id}-breadcrumbs__opener`, class: `${this._rootClass}__trigger ${this._triggerClass}`, onClick: this._toggleDropdown, accessibleName: this._dropdownArrowAccessibleNameText, accessibleRole: UDExButtonAccessibleRole.Button, accessibilityAttributes: this._triggerAccessibilityAttributes, icon: slimArrowDown }) }), this._linksData.map(linkData => (linkData._isCurrentPageItem && !this.showCurrentPage ? null : (_jsx("li", { role: linkData._isCurrentPageItem ? "presentation" : undefined, class: `${this._rootClass}__link-wrapper ui5-breadcrumbs-link-wrapper`, id: `${linkData._id}-link-wrapper`, children: linkData._isCurrentPageItem ? (_jsxs(_Fragment, { children: [_jsx("span", { className: `${this._rootClass}__separator` }), _jsx("span", { id: `${linkData._id}-link`, class: `${rootClass}__item ${this._rootClass}__item--visible ${this._rootClass}__item--current-page`, "aria-current": "page", "data-ui5-stable": linkData.stableDomRef, children: linkData.textContent })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: `${this._rootClass}__separator`, "aria-hidden": "true" }), _jsx(UDExLink, { onClick: this._onLinkPress, id: `${linkData._id}-link`, class: `${rootClass}__item ${this._rootClass}__item--visible`, href: linkData.href, target: linkData.target, accessibleName: linkData._accessibleNameText, "data-ui5-stable": linkData.stableDomRef, children: linkData.textContent })] })) }))))] }) }), BreadcrumbsPopoverTemplate.call(this)] }));
 }
 //# sourceMappingURL=BreadcrumbsTemplate.js.map

package/dist/BreadcrumbsTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsTemplate.js","sourceRoot":"","sources":["../src/BreadcrumbsTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,wBAAwB,MAAM,iCAAiC,CAAC;AACvE,OAAO,aAAa,MAAM,kDAAkD,CAAC;AAC7E,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AAEzE,MAAM,CAAC,OAAO,UAAU,mBAAmB;IACzC,MAAM,SAAS,GAAG,kBAAkB,CAAC;IAErC,OAAO,CACL,8BACE,cACE,KAAK,EAAE,GAAG,IAAI,CAAC,UAAU,uBAAuB,gBACpC,IAAI,CAAC,8BAA8B,YAC/C,yBACE,aAAI,KAAK,EAAE,GAAG,IAAI,CAAC,UAAU,6DAA6D,YACxF,KAAC,QAAQ,IACP,EAAE,EAAE,QAAQ,IAAI,CAAC,GAAG,sBAAsB,EAC1C,KAAK,EAAE,GAAG,IAAI,CAAC,UAAU,aAAa,IAAI,CAAC,aAAa,EAAE,EAC1D,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,cAAc,EAAE,IAAI,CAAC,gCAAgC,EACrD,cAAc,EAAE,wBAAwB,CAAC,MAAM,EAC/C,uBAAuB,EAAE,IAAI,CAAC,+BAA+B,EAC7D,IAAI,EAAE,aAAa,GACV,GACR,EACJ,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAC9B,CAAC,QAAQ,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC7D,aACE,IAAI,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC9D,KAAK,EAAE,GAAG,IAAI,CAAC,UAAU,6CAA6C,EACtE,EAAE,EAAE,GAAG,QAAQ,CAAC,GAAG,eAAe,YACjC,QAAQ,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAC7B,8BACE,eAAM,SAAS,EAAE,GAAG,IAAI,CAAC,UAAU,aAAa,iBAAc,MAAM,GAAQ,EAC5E,eACE,EAAE,EAAE,GAAG,QAAQ,CAAC,GAAG,OAAO,EAC1B,KAAK,EAAE,GAAG,SAAS,UAAU,IAAI,CAAC,UAAU,mBAAmB,IAAI,CAAC,UAAU,sBAAsB,kBACvF,MAAM,qBACF,QAAQ,CAAC,YAAY,YACrC,QAAQ,CAAC,WAAW,GAChB,IACN,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,eAAM,SAAS,EAAE,GAAG,IAAI,CAAC,UAAU,aAAa,iBAAc,MAAM,GAAQ,EAC5E,KAAC,QAAQ,IACP,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,EAAE,EAAE,GAAG,QAAQ,CAAC,GAAG,OAAO,EAC1B,KAAK,EAAE,GAAG,SAAS,UAAU,IAAI,CAAC,UAAU,iBAAiB,EAC7D,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,MAAM,EAAE,QAAQ,CAAC,MAAM,EACvB,cAAc,EAAE,QAAQ,CAAC,mBAAmB,qBAC3B,QAAQ,CAAC,YAAY,YACrC,QAAQ,CAAC,WAAW,GACZ,IACV,CACJ,GACE,CACN,CAAC,CACH,IACE,GACD,EACL,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,IACrC,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import type Breadcrumbs from \"./Breadcrumbs.js\";\nimport UDExLink from \"./Link.js\";\nimport UDExButtonAccessibleRole from \"./types/ButtonAccessibleRole.js\";\nimport slimArrowDown from \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\nimport BreadcrumbsPopoverTemplate from \"./BreadcrumbsPopoverTemplate.js\";\n\nexport default function BreadcrumbsTemplate(this: Breadcrumbs) {\n  const rootClass = \"udex-breadcrumbs\";\n\n  return (\n    <>\n      <nav\n        class={`${this._rootClass} ui5-breadcrumbs-root`}\n        aria-label={this._breadcrumbsAccessibleNameText}>\n        <ol>\n          <li class={`${this._rootClass}__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper`}>\n            <UDExLink\n              id={`udex-${this._id}-breadcrumbs__opener`}\n              class={`${this._rootClass}__trigger ${this._triggerClass}`}\n              onClick={this._toggleDropdown}\n              accessibleName={this._dropdownArrowAccessibleNameText}\n              accessibleRole={UDExButtonAccessibleRole.Button}\n              accessibilityAttributes={this._triggerAccessibilityAttributes}\n              icon={slimArrowDown}>\n            </UDExLink>\n          </li>\n          {this._linksData.map(linkData =>\n            (linkData._isCurrentPageItem && !this.showCurrentPage ? null : (\n              <li\n                role={linkData._isCurrentPageItem ? \"presentation\" : undefined}\n                class={`${this._rootClass}__link-wrapper ui5-breadcrumbs-link-wrapper`}\n                id={`${linkData._id}-link-wrapper`}>\n                {linkData._isCurrentPageItem ? (\n                  <>\n                    <span className={`${this._rootClass}__separator`} aria-hidden=\"true\"></span>\n                    <span\n                      id={`${linkData._id}-link`}\n                      class={`${rootClass}__item ${this._rootClass}__item--visible ${this._rootClass}__item--current-page`}\n                      aria-current=\"page\"\n                      data-ui5-stable={linkData.stableDomRef}>\n                      {linkData.textContent}\n                    </span>\n                  </>\n                ) : (\n                  <>\n                    <span className={`${this._rootClass}__separator`} aria-hidden=\"true\"></span>\n                    <UDExLink\n                      onClick={this._onLinkPress}\n                      id={`${linkData._id}-link`}\n                      class={`${rootClass}__item ${this._rootClass}__item--visible`}\n                      href={linkData.href}\n                      target={linkData.target}\n                      accessibleName={linkData._accessibleNameText}\n                      data-ui5-stable={linkData.stableDomRef}>\n                      {linkData.textContent}\n                    </UDExLink>\n                  </>\n                )}\n              </li>\n            ))\n          )}\n        </ol>\n      </nav>\n      {BreadcrumbsPopoverTemplate.call(this)}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"BreadcrumbsTemplate.js","sourceRoot":"","sources":["../src/BreadcrumbsTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,wBAAwB,MAAM,iCAAiC,CAAC;AACvE,OAAO,aAAa,MAAM,kDAAkD,CAAC;AAC7E,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AAEzE,MAAM,CAAC,OAAO,UAAU,mBAAmB;IACzC,MAAM,SAAS,GAAG,kBAAkB,CAAC;IAErC,OAAO,CACL,8BACE,cACE,KAAK,EAAE,GAAG,IAAI,CAAC,UAAU,uBAAuB,gBACpC,IAAI,CAAC,8BAA8B,YAC/C,yBACE,aAAI,KAAK,EAAE,GAAG,IAAI,CAAC,UAAU,6DAA6D,YACxF,KAAC,QAAQ,IACP,EAAE,EAAE,QAAQ,IAAI,CAAC,GAAG,sBAAsB,EAC1C,KAAK,EAAE,GAAG,IAAI,CAAC,UAAU,aAAa,IAAI,CAAC,aAAa,EAAE,EAC1D,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,cAAc,EAAE,IAAI,CAAC,gCAAgC,EACrD,cAAc,EAAE,wBAAwB,CAAC,MAAM,EAC/C,uBAAuB,EAAE,IAAI,CAAC,+BAA+B,EAC7D,IAAI,EAAE,aAAa,GACV,GACR,EACJ,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAC9B,CAAC,QAAQ,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC7D,aACE,IAAI,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC9D,KAAK,EAAE,GAAG,IAAI,CAAC,UAAU,6CAA6C,EACtE,EAAE,EAAE,GAAG,QAAQ,CAAC,GAAG,eAAe,YACjC,QAAQ,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAC7B,8BACE,eAAM,SAAS,EAAE,GAAG,IAAI,CAAC,UAAU,aAAa,GAAS,EACzD,eACE,EAAE,EAAE,GAAG,QAAQ,CAAC,GAAG,OAAO,EAC1B,KAAK,EAAE,GAAG,SAAS,UAAU,IAAI,CAAC,UAAU,mBAAmB,IAAI,CAAC,UAAU,sBAAsB,kBACvF,MAAM,qBACF,QAAQ,CAAC,YAAY,YACrC,QAAQ,CAAC,WAAW,GAChB,IACN,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,eAAM,SAAS,EAAE,GAAG,IAAI,CAAC,UAAU,aAAa,iBAAc,MAAM,GAAQ,EAC5E,KAAC,QAAQ,IACP,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,EAAE,EAAE,GAAG,QAAQ,CAAC,GAAG,OAAO,EAC1B,KAAK,EAAE,GAAG,SAAS,UAAU,IAAI,CAAC,UAAU,iBAAiB,EAC7D,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,MAAM,EAAE,QAAQ,CAAC,MAAM,EACvB,cAAc,EAAE,QAAQ,CAAC,mBAAmB,qBAC3B,QAAQ,CAAC,YAAY,YACrC,QAAQ,CAAC,WAAW,GACZ,IACV,CACJ,GACE,CACN,CAAC,CACH,IACE,GACD,EACL,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,IACrC,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import type Breadcrumbs from \"./Breadcrumbs.js\";\nimport UDExLink from \"./Link.js\";\nimport UDExButtonAccessibleRole from \"./types/ButtonAccessibleRole.js\";\nimport slimArrowDown from \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\nimport BreadcrumbsPopoverTemplate from \"./BreadcrumbsPopoverTemplate.js\";\n\nexport default function BreadcrumbsTemplate(this: Breadcrumbs) {\n  const rootClass = \"udex-breadcrumbs\";\n\n  return (\n    <>\n      <nav\n        class={`${this._rootClass} ui5-breadcrumbs-root`}\n        aria-label={this._breadcrumbsAccessibleNameText}>\n        <ol>\n          <li class={`${this._rootClass}__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper`}>\n            <UDExLink\n              id={`udex-${this._id}-breadcrumbs__opener`}\n              class={`${this._rootClass}__trigger ${this._triggerClass}`}\n              onClick={this._toggleDropdown}\n              accessibleName={this._dropdownArrowAccessibleNameText}\n              accessibleRole={UDExButtonAccessibleRole.Button}\n              accessibilityAttributes={this._triggerAccessibilityAttributes}\n              icon={slimArrowDown}>\n            </UDExLink>\n          </li>\n          {this._linksData.map(linkData =>\n            (linkData._isCurrentPageItem && !this.showCurrentPage ? null : (\n              <li\n                role={linkData._isCurrentPageItem ? \"presentation\" : undefined}\n                class={`${this._rootClass}__link-wrapper ui5-breadcrumbs-link-wrapper`}\n                id={`${linkData._id}-link-wrapper`}>\n                {linkData._isCurrentPageItem ? (\n                  <>\n                    <span className={`${this._rootClass}__separator`}></span>\n                    <span\n                      id={`${linkData._id}-link`}\n                      class={`${rootClass}__item ${this._rootClass}__item--visible ${this._rootClass}__item--current-page`}\n                      aria-current=\"page\"\n                      data-ui5-stable={linkData.stableDomRef}>\n                      {linkData.textContent}\n                    </span>\n                  </>\n                ) : (\n                  <>\n                    <span className={`${this._rootClass}__separator`} aria-hidden=\"true\"></span>\n                    <UDExLink\n                      onClick={this._onLinkPress}\n                      id={`${linkData._id}-link`}\n                      class={`${rootClass}__item ${this._rootClass}__item--visible`}\n                      href={linkData.href}\n                      target={linkData.target}\n                      accessibleName={linkData._accessibleNameText}\n                      data-ui5-stable={linkData.stableDomRef}>\n                      {linkData.textContent}\n                    </UDExLink>\n                  </>\n                )}\n              </li>\n            ))\n          )}\n        </ol>\n      </nav>\n      {BreadcrumbsPopoverTemplate.call(this)}\n    </>\n  );\n}\n"]}

package/dist/CountrySelector.d.ts

@@ -71,6 +71,8 @@ declare class UDExCountrySelector extends UDExSelectBase {
     prepareCountrySelectorItems(): void;
     getItemTemplate(country: Country): string | undefined;
     getCountryLabel(countryName?: string, localName?: string): string | null;
+    get countryFlag(): object;
+    get searchableList(): import("@ui5/webcomponents-base").JSX.Element;
     get selectedCountryName(): string | null;
     get flagAriaLabel(): string;
     get selectedCountryFlagX(): string | undefined;

package/dist/CountrySelector.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import UI5Button from "@ui5/webcomponents/dist/Button.js";
 import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
@@ -20,7 +20,9 @@ import UDExSelectBase from "./SelectBase.js";
 import UDExListItem from "./ListItem.js";
 import UDExTextField from "./TextField.js";
 import UDExStatusMessage from "./StatusMessage.js";
-import SelectBoxTemplate from "./generated/templates/SelectBoxTemplate.lit.js";
+import SelectBoxTemplate from "./SelectBoxTemplate.js";
+import CountrySelectorTemplate from "./CountrySelectorTemplate.js";
+import SearchableListBaseTemplate from "./SearchableListBaseTemplate.js";
 // Styles
 import CountrySelectorCss from "./generated/themes/CountrySelector.css.js";
 import TextFieldCss from "./generated/themes/TextField.css.js";
@@ -143,6 +145,13 @@ let UDExCountrySelector = class UDExCountrySelector extends UDExSelectBase {
     getCountryLabel(countryName, localName) {
         return localName ? `${countryName} (${localName})` : countryName || null;
     }
+    get countryFlag() {
+        return CountrySelectorTemplate.call(this);
+    }
+    get searchableList() {
+        this.defaultAccessibleRole = this._listBoxRole;
+        return SearchableListBaseTemplate.call(this);
+    }
     get selectedCountryName() {
         return this._selectedCountry ? this.getCountryLabel(this._selectedCountry.countryName, this._selectedCountry.localName) : "";
     }
@@ -174,7 +183,7 @@ __decorate([
 UDExCountrySelector = __decorate([
     customElement({
         tag: "udex-country-selector",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: [
             TextFieldCss,
             SelectBaseCss,

package/dist/CountrySelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"CountrySelector.js","sourceRoot":"","sources":["../src/CountrySelector.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport UI5Button from \"@ui5/webcomponents/dist/Button.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-down-arrow.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-up-arrow.js\";\nimport type { Country } from \"./data/CountryListISO3166.js\";\nimport { CountryListDB } from \"./data/CountryListISO3166.js\";\nimport IllustratedMessage from \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";\nimport \"@ui5/webcomponents-fiori/dist/illustrations/NoSearchResults.js\";\nimport UDExSearch from \"./Search.js\";\nimport UDExDropdown from \"./Dropdown.js\";\nimport UDExList from \"./List.js\";\nimport UDExSelectBase from \"./SelectBase.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExTextField from \"./TextField.js\";\nimport UDExStatusMessage from \"./StatusMessage.js\";\nimport SelectBoxTemplate from \"./generated/templates/SelectBoxTemplate.lit.js\";\n\n// Styles\nimport CountrySelectorCss from \"./generated/themes/CountrySelector.css.js\";\nimport TextFieldCss from \"./generated/themes/TextField.css.js\";\nimport SelectBaseCss from \"./generated/themes/SelectBase.css.js\";\nimport SearchableListCss from \"./generated/themes/SearchableList.css.js\";\nimport getEffectiveScrollbarStyle from \"./utils/getEffectiveScrollbarStyle.js\";\n\ntype UDExCountrySelectorChangeSearchEventDetail = {\n  value: string,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-country-selector</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/CountrySelector.js\";</code>\n *\n * @constructor\n * @extends UDExSelectBase\n * @tagname udex-country-selector\n * @public\n */\n@customElement({\n  tag: \"udex-country-selector\",\n  renderer: litRender,\n  styles: [\n    TextFieldCss,\n    SelectBaseCss,\n    CountrySelectorCss,\n    SearchableListCss,\n    getEffectiveScrollbarStyle(),\n  ],\n  template: SelectBoxTemplate,\n  dependencies: [\n    UI5Button,\n    UDExList,\n    UDExSearch,\n    UDExListItem,\n    UDExDropdown,\n    UDExTextField,\n    UDExStatusMessage,\n    IllustratedMessage,\n  ],\n})\n\nclass UDExCountrySelector extends UDExSelectBase {\n  /**\n   * Allows to define the initially preselected country.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    preselectedCountry!: string;\n\n  /**\n   * Allows to define the list of blocked country.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    blockedCountryCodes?: string;\n\n  /**\n   * Allows to hide the flag images in the country selector.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    hideFlagImages?: boolean;\n\n  /**\n   * Indicates whether the country selector is enabled.\n   *\n   * @default true\n   * @private\n   */\n  @property({ type: Boolean })\n    _countrySelector: boolean = true;\n\n  _countryList: Country[] = CountryListDB;\n  _selectedCountry!: Country | undefined;\n\n  onAfterRendering(): void {\n    super.onAfterRendering();\n    this.handleOutsideClick();\n  }\n\n  onBeforeRendering(): void {\n    super.onBeforeRendering();\n    this.filterBlockedCountries();\n    this.setPreselectedCountry();\n    this.prepareCountrySelectorItems();\n  }\n\n  handleItemPress(e: CustomEvent): void {\n    this.handleItemSelection(e);\n    this.selectCountryByElement(e.target as HTMLElement);\n  }\n\n  handleInputFocusIn(): void {\n    this.inputFocusIn();\n  }\n\n  handleInputFocusOut(e: FocusEvent): void {\n    const relatedTarget = e.relatedTarget as HTMLElement;\n    const isInsideComponent = relatedTarget?.closest(`.${this._rootClass}`);\n\n    if (!isInsideComponent) {\n      this.closeDropdown();\n      this.resetSearchState();\n      this.updateImagePosition();\n    }\n\n    this._focused = false;\n  }\n\n  handleKeyDownSearch(e: KeyboardEvent): void {\n    this.onKeyDownSearch(e);\n  }\n\n  handleDropdownBeforeOpen(): void {\n    this.dropdownBeforeOpen();\n  }\n\n  handleDropdownClose(): void {\n    this._open = false;\n    this.fireEventDropdownClose();\n  }\n\n  handleOutsideClick(): void {\n    document.addEventListener(\"click\", (e: Event) => {\n      if (e.target !== this) {\n        this._open = this._popover.open;\n      }\n    });\n  }\n\n  updateImagePosition(): void {\n    const imagePlaceholder = this.shadowRoot!.querySelector<HTMLElement>(\".udex-text-field__input > .udex-text-field__image\");\n    if (imagePlaceholder) {\n      imagePlaceholder.style.backgroundPosition = this.selectedCountryFlagX || \"\";\n    }\n  }\n\n  filterBlockedCountries(): void {\n    if (this.blockedCountryCodes?.length) {\n      const blockedCountryCodesArray = this.blockedCountryCodes.split(\",\").map(code => code.trim().toUpperCase());\n      this._countryList = this._countryList.filter(country => !blockedCountryCodesArray.includes(country.iso.toUpperCase()));\n    }\n  }\n\n  setPreselectedCountry(): void {\n    if (!this._selectedCountry && this.preselectedCountry) {\n      const preselectedISO = this.preselectedCountry.toUpperCase();\n      this._selectedCountry = this._countryList.find(({ iso }) => iso.toUpperCase() === preselectedISO);\n    }\n  }\n\n  selectCountryByElement(el: HTMLElement): void {\n    const tokenId = el?.getAttribute(\"data-token-id\") || \"\";\n    const itemObj = this.getItemFromList(tokenId);\n    this._selectedCountry = this._countryList.find(country => country.iso === itemObj?._id);\n    this._selectedOption = this.selectedCountryName || \"\";\n  }\n\n  prepareCountrySelectorItems(): void {\n    this.items.length = 0;\n    this._countryList.forEach(country => {\n      const selected = country.iso.toUpperCase() === this._selectedCountry?.iso.toUpperCase();\n      this.items.push({\n        label: this.getCountryLabel(country.countryName, country.localName),\n        innerHTML: this.getItemTemplate(country),\n        selected,\n        _id: country.iso.toUpperCase(),\n      } as UDExListItem);\n    });\n  }\n\n  getItemTemplate(country: Country) :string | undefined {\n    return this.hideFlagImages ? undefined : `<span class=\"udex-text-field__image\" style=\"background-position:${country.flagX}\">`;\n  }\n\n  getCountryLabel(countryName?: string, localName?: string): string | null {\n    return localName ? `${countryName} (${localName})` : countryName || null;\n  }\n\n  get selectedCountryName(): string | null {\n    return this._selectedCountry ? this.getCountryLabel(this._selectedCountry.countryName, this._selectedCountry.localName) : \"\";\n  }\n\n  get flagAriaLabel(): string {\n    return this.getCountryLabel(this._selectedCountry?.countryName, this._selectedCountry?.localName) || \"None\";\n  }\n\n  get selectedCountryFlagX(): string | undefined {\n    return this._selectedCountry?.flagX;\n  }\n\n  get selectedCountryFlagY(): string | undefined {\n    return this._selectedCountry?.flagY;\n  }\n\n  get showImageFlags(): boolean {\n    return true;\n  }\n}\n\nUDExCountrySelector.define();\n\nexport default UDExCountrySelector;\nexport type { UDExCountrySelectorChangeSearchEventDetail };\n"]}
+{"version":3,"file":"CountrySelector.js","sourceRoot":"","sources":["../src/CountrySelector.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport UI5Button from \"@ui5/webcomponents/dist/Button.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-down-arrow.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-up-arrow.js\";\nimport type { Country } from \"./data/CountryListISO3166.js\";\nimport { CountryListDB } from \"./data/CountryListISO3166.js\";\nimport IllustratedMessage from \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";\nimport \"@ui5/webcomponents-fiori/dist/illustrations/NoSearchResults.js\";\nimport UDExSearch from \"./Search.js\";\nimport UDExDropdown from \"./Dropdown.js\";\nimport UDExList from \"./List.js\";\nimport UDExSelectBase from \"./SelectBase.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExTextField from \"./TextField.js\";\nimport UDExStatusMessage from \"./StatusMessage.js\";\nimport SelectBoxTemplate from \"./SelectBoxTemplate.js\";\nimport CountrySelectorTemplate from \"./CountrySelectorTemplate.js\";\nimport SearchableListBaseTemplate from \"./SearchableListBaseTemplate.js\";\n\n// Styles\nimport CountrySelectorCss from \"./generated/themes/CountrySelector.css.js\";\nimport TextFieldCss from \"./generated/themes/TextField.css.js\";\nimport SelectBaseCss from \"./generated/themes/SelectBase.css.js\";\nimport SearchableListCss from \"./generated/themes/SearchableList.css.js\";\nimport getEffectiveScrollbarStyle from \"./utils/getEffectiveScrollbarStyle.js\";\n\ntype UDExCountrySelectorChangeSearchEventDetail = {\n  value: string,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-country-selector</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/CountrySelector.js\";</code>\n *\n * @constructor\n * @extends UDExSelectBase\n * @tagname udex-country-selector\n * @public\n */\n@customElement({\n  tag: \"udex-country-selector\",\n  renderer: jsxRenderer,\n  styles: [\n    TextFieldCss,\n    SelectBaseCss,\n    CountrySelectorCss,\n    SearchableListCss,\n    getEffectiveScrollbarStyle(),\n  ],\n  template: SelectBoxTemplate,\n  dependencies: [\n    UI5Button,\n    UDExList,\n    UDExSearch,\n    UDExListItem,\n    UDExDropdown,\n    UDExTextField,\n    UDExStatusMessage,\n    IllustratedMessage,\n  ],\n})\n\nclass UDExCountrySelector extends UDExSelectBase {\n  /**\n   * Allows to define the initially preselected country.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    preselectedCountry!: string;\n\n  /**\n   * Allows to define the list of blocked country.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    blockedCountryCodes?: string;\n\n  /**\n   * Allows to hide the flag images in the country selector.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    hideFlagImages?: boolean;\n\n  /**\n   * Indicates whether the country selector is enabled.\n   *\n   * @default true\n   * @private\n   */\n  @property({ type: Boolean })\n    _countrySelector: boolean = true;\n\n  _countryList: Country[] = CountryListDB;\n  _selectedCountry!: Country | undefined;\n\n  onAfterRendering(): void {\n    super.onAfterRendering();\n    this.handleOutsideClick();\n  }\n\n  onBeforeRendering(): void {\n    super.onBeforeRendering();\n    this.filterBlockedCountries();\n    this.setPreselectedCountry();\n    this.prepareCountrySelectorItems();\n  }\n\n  handleItemPress(e: CustomEvent): void {\n    this.handleItemSelection(e);\n    this.selectCountryByElement(e.target as HTMLElement);\n  }\n\n  handleInputFocusIn(): void {\n    this.inputFocusIn();\n  }\n\n  handleInputFocusOut(e: FocusEvent): void {\n    const relatedTarget = e.relatedTarget as HTMLElement;\n    const isInsideComponent = relatedTarget?.closest(`.${this._rootClass}`);\n\n    if (!isInsideComponent) {\n      this.closeDropdown();\n      this.resetSearchState();\n      this.updateImagePosition();\n    }\n\n    this._focused = false;\n  }\n\n  handleKeyDownSearch(e: KeyboardEvent): void {\n    this.onKeyDownSearch(e);\n  }\n\n  handleDropdownBeforeOpen(): void {\n    this.dropdownBeforeOpen();\n  }\n\n  handleDropdownClose(): void {\n    this._open = false;\n    this.fireEventDropdownClose();\n  }\n\n  handleOutsideClick(): void {\n    document.addEventListener(\"click\", (e: Event) => {\n      if (e.target !== this) {\n        this._open = this._popover.open;\n      }\n    });\n  }\n\n  updateImagePosition(): void {\n    const imagePlaceholder = this.shadowRoot!.querySelector<HTMLElement>(\".udex-text-field__input > .udex-text-field__image\");\n    if (imagePlaceholder) {\n      imagePlaceholder.style.backgroundPosition = this.selectedCountryFlagX || \"\";\n    }\n  }\n\n  filterBlockedCountries(): void {\n    if (this.blockedCountryCodes?.length) {\n      const blockedCountryCodesArray = this.blockedCountryCodes.split(\",\").map(code => code.trim().toUpperCase());\n      this._countryList = this._countryList.filter(country => !blockedCountryCodesArray.includes(country.iso.toUpperCase()));\n    }\n  }\n\n  setPreselectedCountry(): void {\n    if (!this._selectedCountry && this.preselectedCountry) {\n      const preselectedISO = this.preselectedCountry.toUpperCase();\n      this._selectedCountry = this._countryList.find(({ iso }) => iso.toUpperCase() === preselectedISO);\n    }\n  }\n\n  selectCountryByElement(el: HTMLElement): void {\n    const tokenId = el?.getAttribute(\"data-token-id\") || \"\";\n    const itemObj = this.getItemFromList(tokenId);\n    this._selectedCountry = this._countryList.find(country => country.iso === itemObj?._id);\n    this._selectedOption = this.selectedCountryName || \"\";\n  }\n\n  prepareCountrySelectorItems(): void {\n    this.items.length = 0;\n    this._countryList.forEach(country => {\n      const selected = country.iso.toUpperCase() === this._selectedCountry?.iso.toUpperCase();\n      this.items.push({\n        label: this.getCountryLabel(country.countryName, country.localName),\n        innerHTML: this.getItemTemplate(country),\n        selected,\n        _id: country.iso.toUpperCase(),\n      } as UDExListItem);\n    });\n  }\n\n  getItemTemplate(country: Country) :string | undefined {\n    return this.hideFlagImages ? undefined : `<span class=\"udex-text-field__image\" style=\"background-position:${country.flagX}\">`;\n  }\n\n  getCountryLabel(countryName?: string, localName?: string): string | null {\n    return localName ? `${countryName} (${localName})` : countryName || null;\n  }\n\n  override get countryFlag(): object {\n    return CountrySelectorTemplate.call(this) as object;\n  }\n\n  override get searchableList() {\n    this.defaultAccessibleRole = this._listBoxRole;\n    return SearchableListBaseTemplate.call(this);\n  }\n\n  get selectedCountryName(): string | null {\n    return this._selectedCountry ? this.getCountryLabel(this._selectedCountry.countryName, this._selectedCountry.localName) : \"\";\n  }\n\n  get flagAriaLabel(): string {\n    return this.getCountryLabel(this._selectedCountry?.countryName, this._selectedCountry?.localName) || \"None\";\n  }\n\n  get selectedCountryFlagX(): string | undefined {\n    return this._selectedCountry?.flagX;\n  }\n\n  get selectedCountryFlagY(): string | undefined {\n    return this._selectedCountry?.flagY;\n  }\n\n  get showImageFlags(): boolean {\n    return true;\n  }\n}\n\nUDExCountrySelector.define();\n\nexport default UDExCountrySelector;\nexport type { UDExCountrySelectorChangeSearchEventDetail };\n"]}

package/dist/CountrySelectorTemplate.d.ts

@@ -0,0 +1,2 @@
+import type UDExCountrySelector from "./CountrySelector.js";
+export default function CountrySelectorTemplate(this: UDExCountrySelector): import("@ui5/webcomponents-base").JSX.Element;

package/dist/CountrySelectorTemplate.js

@@ -0,0 +1,8 @@
+import { Fragment as _Fragment, jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
+export default function CountrySelectorTemplate() {
+    if (this.hideFlagImages) {
+        return _jsx(_Fragment, {});
+    }
+    return (_jsx("img", { class: "udex-text-field__image", "aria-label": this.flagAriaLabel, style: `background-position-x: ${this.selectedCountryFlagX}; background-position-y: ${this.selectedCountryFlagY}` }));
+}
+//# sourceMappingURL=CountrySelectorTemplate.js.map

package/dist/CountrySelectorTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountrySelectorTemplate.js","sourceRoot":"","sources":["../src/CountrySelectorTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,uBAAuB;IAC7C,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;QAAC,OAAO,mBAAK,CAAC;IAAC,CAAC;IAC1C,OAAO,CACL,cACE,KAAK,EAAC,wBAAwB,gBAClB,IAAI,CAAC,aAAa,EAC9B,KAAK,EAAE,0BAA0B,IAAI,CAAC,oBAAoB,4BAA4B,IAAI,CAAC,oBAAoB,EAAE,GAC7G,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type UDExCountrySelector from \"./CountrySelector.js\";\n\nexport default function CountrySelectorTemplate(this: UDExCountrySelector) {\n  if (this.hideFlagImages) { return <></>; }\n  return (\n    <img\n      class=\"udex-text-field__image\"\n      aria-label={this.flagAriaLabel}\n      style={`background-position-x: ${this.selectedCountryFlagX}; background-position-y: ${this.selectedCountryFlagY}`}>\n    </img>\n  );\n}\n"]}

package/dist/FilterMenu.d.ts

@@ -10,7 +10,7 @@ import { Placement, HorizontalAlign } from "./types/Dropdown.js";
 import { UDExListMode } from "./types/List.js";
 import type UDExListItemBase from "./ListItemBase.js";
 import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
-import SearchableListBaseTemplate from "./generated/templates/SearchableListBaseTemplate.lit.js";
+import SearchableListBaseTemplate from "./SearchableListBaseTemplate.js";
 import type UDExListGroupHeaderBase from "./ListGroupHeaderBase.js";
 export type initialItemState = {
     id: string;
@@ -227,14 +227,14 @@ declare class UDExFilterMenu extends UDExSearchableListBase {
     get getResetLabelText(): string;
     get _iconAccessibleNameText(): string;
     get triggerButtonAccessibleName(): string;
-    get searchableList(): object;
+    get searchableList(): import("@ui5/webcomponents-base").JSX.Element;
+    static get searchableListBaseTemplate(): typeof SearchableListBaseTemplate;
     get hideActionBar(): boolean;
     get hasFooterButtons(): boolean;
     get hasResetBtn(): boolean;
     get modeSelectAll(): boolean;
     getTriggerButton(): UDExButton;
     getItems(): Array<UDExListItemBase>;
-    static get searchableListBaseTemplate(): typeof SearchableListBaseTemplate;
 }
 export default UDExFilterMenu;
 export type { UDExFilterMenuResetClickEventDetail, UDExFilterMenuResultClickEventDetail };

package/dist/FilterMenu.js

@@ -8,8 +8,7 @@ var UDExFilterMenu_1;
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import executeTemplate from "@ui5/webcomponents-base/dist/renderer/executeTemplate.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 import { isTabPrevious, isTabNext, isEscape, isSpace, isEnter, } from "@ui5/webcomponents-base/dist/Keys.js";
 import PopupAccessibleRole from "@ui5/webcomponents/dist/types/PopupAccessibleRole.js";
@@ -34,8 +33,8 @@ import UDExListSelectAll from "./ListSelectAll.js";
 import UDExBadge from "./Badge.js";
 import { RESET, SHOW_RESULTS, SELECT_OPTIONS } from "./generated/i18n/i18n-defaults.js";
 import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
-import FilterMenuTemplate from "./generated/templates/FilterMenuTemplate.lit.js";
-import SearchableListBaseTemplate from "./generated/templates/SearchableListBaseTemplate.lit.js";
+import FilterMenuTemplate from "./FilterMenuTemplate.js";
+import SearchableListBaseTemplate from "./SearchableListBaseTemplate.js";
 import translate from "./utils/translate.js";
 // Styles
 import FilterMenuCss from "./generated/themes/FilterMenu.css.js";
@@ -344,7 +343,10 @@ let UDExFilterMenu = UDExFilterMenu_1 = class UDExFilterMenu extends UDExSearcha
         return this.accessibleName || translate(UDExFilterMenu_1, SELECT_OPTIONS);
     }
     get searchableList() {
-        return executeTemplate(UDExFilterMenu_1.searchableListBaseTemplate, this);
+        return SearchableListBaseTemplate.call(this);
+    }
+    static get searchableListBaseTemplate() {
+        return SearchableListBaseTemplate;
     }
     get hideActionBar() {
         return this.hideResultBtn && this.hideResetBtn;
@@ -364,9 +366,6 @@ let UDExFilterMenu = UDExFilterMenu_1 = class UDExFilterMenu extends UDExSearcha
     getItems() {
         return this.getSlottedNodes("items");
     }
-    static get searchableListBaseTemplate() {
-        return SearchableListBaseTemplate;
-    }
 };
 __decorate([
     property({ type: Number })
@@ -428,7 +427,7 @@ __decorate([
 UDExFilterMenu = UDExFilterMenu_1 = __decorate([
     customElement({
         tag: "udex-filter-menu",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: [FilterMenuCss, SearchableListCss, getEffectiveScrollbarStyle()],
         template: FilterMenuTemplate,
         dependencies: [

package/dist/FilterMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../src/FilterMenu.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport executeTemplate from \"@ui5/webcomponents-base/dist/renderer/executeTemplate.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport {\n  isTabPrevious, isTabNext, isEscape, isSpace, isEnter,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport PopupAccessibleRole from \"@ui5/webcomponents/dist/types/PopupAccessibleRole.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport UDExBusyIndicator from \"./BusyIndicator.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport IllustratedMessage from \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";\nimport \"@ui5/webcomponents-fiori/dist/illustrations/NoSearchResults.js\";\nimport UDExList from \"./List.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExListGroupHeader from \"./ListGroupHeader.js\";\nimport UDExFilterMenuItem from \"./FilterMenuItem.js\";\nimport UDExFilterMenuGroupHeader from \"./FilterMenuGroupHeader.js\";\nimport type { UDExSearchKeydownEventDetail } from \"./Search.js\";\nimport UDExSearch from \"./Search.js\";\nimport UDExButton from \"./Button.js\";\nimport type { UDExSearchableListBaseEvents } from \"./SearchableListBase.js\";\nimport UDExSearchableListBase from \"./SearchableListBase.js\";\nimport { UDExPopoverPart } from \"./types/SearchableListBase.js\";\nimport { Placement, HorizontalAlign } from \"./types/Dropdown.js\";\nimport { UDExListMode } from \"./types/List.js\";\nimport UDExFilterMenuSelectAll from \"./FilterMenuSelectAll.js\";\nimport UDExListSelectAll from \"./ListSelectAll.js\";\nimport UDExBadge from \"./Badge.js\";\nimport type UDExListItemBase from \"./ListItemBase.js\";\nimport { RESET, SHOW_RESULTS, SELECT_OPTIONS } from \"./generated/i18n/i18n-defaults.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-down-arrow.js\";\nimport FilterMenuTemplate from \"./generated/templates/FilterMenuTemplate.lit.js\";\nimport SearchableListBaseTemplate from \"./generated/templates/SearchableListBaseTemplate.lit.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport FilterMenuCss from \"./generated/themes/FilterMenu.css.js\";\nimport SearchableListCss from \"./generated/themes/SearchableList.css.js\";\nimport getEffectiveScrollbarStyle from \"./utils/getEffectiveScrollbarStyle.js\";\n\nexport type initialItemState = {\n  id: string,\n  selected: boolean,\n  indeterminate?: boolean,\n  collapsed?: boolean,\n  _filtered?: boolean,\n}\n\ntype UDExFilterMenuResultClickEventDetail = {\n  selectedItems: Array<UDExListItemBase>,\n}\n\ntype UDExFilterMenuResetClickEventDetail = {\n  restoredItems: Array<UDExListItemBase>,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-filter-menu</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/UDExFilterMenu.js\";</code>\n *\n * @constructor\n * @extends UDExSearchableListBase\n * @tagname udex-filter-menu\n * @public\n */\n@customElement({\n  tag: \"udex-filter-menu\",\n  renderer: litRender,\n  styles: [FilterMenuCss, SearchableListCss, getEffectiveScrollbarStyle()],\n  template: FilterMenuTemplate,\n  dependencies: [\n    IllustratedMessage,\n    Popover,\n    Icon,\n    UDExBusyIndicator,\n    UDExFilterMenuItem,\n    UDExFilterMenuGroupHeader,\n    UDExFilterMenuSelectAll,\n    UDExList,\n    UDExListSelectAll,\n    UDExListItem,\n    UDExListGroupHeader,\n    UDExBadge,\n    UDExSearch,\n    UDExButton,\n  ],\n})\n\n/**\n * Fired event when the user click on a reset button on the footer.\n *\n * @public\n * @param {Array<UDExListItemBase>} restoredItems\n */\n@event(\"reset-click\", { bubbles: true })\n\n/**\n * Fired event when the user click on a result button on the footer.\n *\n * @public\n * @param {Array<UDExListItemBase>} selectedItems\n */\n@event(\"result-click\", { bubbles: true })\n\n/**\n * Fired event when the user click on Select All header item.\n *\n * @public\n */\n@event(\"select-all\", { bubbles: true })\n\n/**\n * Fired before the dropdown pane is opened.\n *\n * @public\n */\n@event(\"before-open\", { bubbles: true })\n\n/**\n * Fired after the dropdown pane is opened.\n *\n * @public\n */\n@event(\"after-open\", { bubbles: true })\n\n/**\n * Fired before the dropdown pane is closed.\n *\n * @public\n */\n@event(\"before-close\", { bubbles: true })\n\n/**\n * Fired after the dropdown pane is closed.\n *\n * @public\n */\n@event(\"after-close\", { bubbles: true })\n\nclass UDExFilterMenu extends UDExSearchableListBase {\n  eventDetails!: {\n    \"result-click\": UDExFilterMenuResultClickEventDetail,\n    \"reset-click\": UDExFilterMenuResetClickEventDetail,\n    \"before-open\": void,\n    \"after-open\": void,\n    \"before-close\": void,\n    \"after-close\": void,\n  } & UDExSearchableListBaseEvents;\n  /**\n   * Determines the value of the badge.\n   *\n   * @public\n   */\n  @property({ type: Number })\n    badgeValue?: number;\n\n  /**\n   * Determines if there is no enough space, the component can be placed\n   * over the target.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disableTargetOverlap?: boolean;\n\n  /**\n   * Determines on which side the component is placed at.\n   *\n   * @default \"Bottom\"\n   * @public\n   */\n  @property()\n    placement: `${Placement}` = Placement.Bottom;\n\n  /**\n   * Determines the horizontal alignment of the component.\n   *\n   * @default \"Left\"\n   * @public\n   */\n  @property()\n    horizontalAlign: `${HorizontalAlign}` = HorizontalAlign.Start;\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   * Defines the label of the button reset in the footer.\n   *\n   * @default \"Reset\"\n   * @public\n   */\n  @property()\n    resetBtnLabel?: string;\n\n  /**\n   * Defines the label of the button result in the footer.\n   *\n   * @default \"Show Result\"\n   * @public\n   */\n  @property()\n    resultBtnLabel?: string;\n\n  /**\n   * Defines the filter name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    filterName!: string;\n\n  /**\n   * Defines the filter name prefix of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    filterNamePrefix!: string;\n\n  /**\n   * Defines whether the component is in disabled state.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled: boolean = false;\n\n  /**\n   * Defines whether the dropdown is open or not.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _open: boolean = false;\n\n  /**\n   * Hides the result button in the footer.\n   *\n   * @type {boolean}\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    hideResultBtn: boolean = false;\n\n  /**\n   * Hides the reset button in the footer.\n   *\n   * @type {boolean}\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    hideResetBtn: boolean = false;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    accessibleName?: string;\n\n  /**\n   * Defines id (or many ids) of the elements that contain the ARIA name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleNameRef!: string;\n  /**\n   * Allows setting a custom role.\n   * @default \"None\"\n   * @public\n   */\n  @property()\n    accessibleRole: `${PopupAccessibleRole}` = PopupAccessibleRole.None;\n\n  /**\n   * Allows setting a custom role for dropdown trigger.\n   * @default \"combobox\"\n   * @public\n   */\n  @property({ type: String })\n    triggerAccessibleRole: string = \"combobox\";\n\n  /**\n   * Determines whether the filter should be applied.\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _shouldApplyFilter: boolean = false;\n\n  /**\n   * Determines whether the component should be re-rendered.\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    _requestRender = false;\n\n  _trigger!: UDExButton;\n  _search!: UDExSearch | HTMLInputElement;\n  _popover!: Popover;\n  _breakpointSizeXS = 640;\n  _initialState: Array<initialItemState> = [];\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  onBeforeRendering() {\n    super.onBeforeRendering();\n  }\n\n  onAfterRendering() {\n    this._search = this.getSearch();\n    this._popover = this.getPopover();\n    this._trigger = this.getTriggerButton();\n  }\n\n  handleSelectAll(e:CustomEvent): void {\n    this.onSelectAllHeaderPress(e);\n  }\n\n  handleItemPress(e:CustomEvent): void {\n    this.onItemPress(e);\n\n    if (this.modeSingleSelect) {\n      this.onDropdownClose();\n    }\n  }\n\n  handleHeaderPress(e:CustomEvent): void {\n    this.onHeaderPress(e);\n  }\n\n  handleValueSearch(e:CustomEvent<{ value: string }>): void {\n    this.onSearch(e.detail.value);\n  }\n\n  handleSubmitSearch(): void {\n    this.onDropdownClose();\n    this.onSubmitSearch();\n  }\n\n  handleResetSearch(): void {\n    this.onResetSearch();\n  }\n\n  handleReset(): void {\n    this.onDropdownClose();\n    this.fireDecoratorEvent(\"reset-click\", {\n      restoredItems: this.selectedItems,\n    });\n    this.onReset();\n  }\n\n  handleResult(): void {\n    this._shouldApplyFilter = true;\n    this.onDropdownClose();\n    this.fireDecoratorEvent(\"result-click\", {\n      selectedItems: this.selectedItems,\n    });\n  }\n\n  handleKeyDownList(e: KeyboardEvent): void {\n    const isTabNextPress = isTabNext(e) && !this.hasFooterButtons;\n    const isTabPrevPress = isTabPrevious(e) && !this._search;\n    const target = e.target as HTMLElement;\n    const isSearchResetTrigger = target === this._search;\n    if ((isTabNextPress && (!isSearchResetTrigger || this.isListEmpty)) || isTabPrevPress) {\n      this.onDropdownClose(e);\n    }\n  }\n\n  handleKeyDownSearch(keyEvent: CustomEvent<UDExSearchKeydownEventDetail>): void {\n    const { detail: { e } } = keyEvent;\n    if (isTabPrevious(e) || isEscape(e)) {\n      this.onDropdownClose(e);\n    }\n  }\n\n  handleKeyDownResultBtn(e: KeyboardEvent): void {\n    e.stopPropagation();\n    if (isTabNext(e) && !this.hasResetBtn) {\n      this.onDropdownClose();\n    }\n  }\n\n  handleKeyDownResetBtn(e: KeyboardEvent): void {\n    e.stopPropagation();\n    if (isTabNext(e)) {\n      this.onDropdownClose();\n    }\n  }\n\n  handleTriggerClick(): void {\n    this.toggleDropdown();\n  }\n\n  handleTriggerKeydown(e: KeyboardEvent): void {\n    if (isSpace(e) || isEnter(e)) {\n      e.preventDefault();\n      this.toggleDropdown();\n    }\n  }\n\n  toggleDropdown(): void {\n    this._open = !this._open;\n\n    if (this._open) {\n      this._trigger.classList.add(\"udex-filter-menu__trigger-active\");\n      this._popover.opener = this._trigger;\n      this._popover.open = true;\n    } else {\n      this.onDropdownClose();\n    }\n  }\n\n  onDropdownClose(e?: KeyboardEvent): void {\n    if (this._popover.open) {\n      if (e && (isTabPrevious(e) || isEscape(e))) {\n        e.preventDefault();\n        this._popover.open = false;\n      } else {\n        this._popover.open = false;\n      }\n    }\n  }\n\n  _dropdownBeforeOpen(): void {\n    if (this.preventPageScroll) {\n      this._managePopupListeners(UDExPopoverPart.Header, \"addEventListener\");\n      this._managePopupListeners(UDExPopoverPart.Footer, \"addEventListener\");\n    }\n\n    if (this.height) {\n      this._setContentHeight();\n    }\n\n    this._initialState = this._getInitialState(this.items);\n    this.fireDecoratorEvent(\"before-open\");\n  }\n\n  _dropdownAfterOpen(): void {\n    const popoverLeftOffset = +this._popover.style.left.split(\"px\")[0];\n    if (this._popover.offsetWidth + popoverLeftOffset < this._breakpointSizeXS) {\n      this.style.setProperty(\"--udex-filter-menu-popover-left-offset\", `${this._popover.style.left}`);\n    }\n    this.fireDecoratorEvent(\"after-open\");\n  }\n\n  _getInitialState(items: Array<UDExListItemBase | UDExListGroupHeaderBase>): Array<initialItemState> {\n    return items.flatMap(item => {\n      if (item.isGroup) {\n        const groupState: initialItemState = {\n          id: item._id,\n          selected: item.selected,\n          indeterminate: item.indeterminate,\n          collapsed: item.collapsed,\n          _filtered: item._filtered,\n        };\n        const subItemsState = (item as UDExListGroupHeaderBase).getItems().map(subItem => ({\n          id: subItem._id,\n          selected: subItem.selected,\n        }));\n        return [groupState, ...subItemsState];\n      }\n      return {\n        id: item._id,\n        selected: item.selected,\n      };\n    });\n  }\n\n  _setInitialListState(): void {\n    this.getSlottedItems(this.items).forEach((item, index) => {\n      const initialState = this._initialState[index];\n      if (item._id === initialState?.id) {\n        item.selected = initialState.selected;\n        if (item.isGroup) {\n          item.indeterminate = initialState.indeterminate;\n        }\n      }\n    });\n  }\n\n  _setInitialState(): void {\n    this._setInitialListState();\n    this._requestRender = true;\n  }\n\n  _dropdownBeforeClose(): void {\n    this.fireDecoratorEvent(\"before-close\");\n  }\n\n  _dropdownAfterClose(): void {\n    if (this.preventPageScroll) {\n      this._managePopupListeners(UDExPopoverPart.Header, \"removeEventListener\");\n      this._managePopupListeners(UDExPopoverPart.Footer, \"removeEventListener\");\n    }\n\n    if (!this._shouldApplyFilter && this.modeMultiSelect && !this.modeSelectAll) {\n      this._setInitialState();\n    }\n\n    this._shouldApplyFilter = false;\n    this._open = false;\n    this._trigger.classList.remove(\"udex-filter-menu__trigger-active\");\n    this.fireDecoratorEvent(\"after-close\");\n  }\n\n  /**\n   * Close the dropdown.\n   * @public\n   */\n  close(): void {\n    this.onDropdownClose();\n  }\n\n  get disableAllowTargetOverlap(): boolean {\n    return !this.disableTargetOverlap;\n  }\n\n  get hasFilterNamePrefix(): boolean {\n    return !!this.filterNamePrefix?.length;\n  }\n\n  get getResultLabelText(): string {\n    return this.resultBtnLabel !== undefined && this.resultBtnLabel.length > 0 && this.resultBtnLabel ? this.resultBtnLabel : translate(UDExFilterMenu, SHOW_RESULTS);\n  }\n\n  get getResetLabelText(): string {\n    return this.resetBtnLabel !== undefined && this.resetBtnLabel.length > 0 ? this.resetBtnLabel : translate(UDExFilterMenu, RESET);\n  }\n\n  get _iconAccessibleNameText(): string {\n    return translate(UDExFilterMenu, SELECT_OPTIONS);\n  }\n\n  get triggerButtonAccessibleName(): string {\n    return this.accessibleName || translate(UDExFilterMenu, SELECT_OPTIONS);\n  }\n\n  get searchableList() {\n    return executeTemplate(UDExFilterMenu.searchableListBaseTemplate, this);\n  }\n\n  get hideActionBar(): boolean {\n    return this.hideResultBtn && this.hideResetBtn;\n  }\n\n  get hasFooterButtons(): boolean {\n    return !!this.shadowRoot!.querySelector(\"[udex-button]\");\n  }\n\n  get hasResetBtn(): boolean {\n    return !this.hideResetBtn;\n  }\n\n  get modeSelectAll(): boolean {\n    return !!this.querySelector<UDExFilterMenuSelectAll>(\"[udex-filter-menu-select-all]\");\n  }\n\n  getTriggerButton(): UDExButton {\n    return this.shadowRoot!.querySelector<UDExButton>(\"#filterMenuTrigger\")!;\n  }\n\n  getItems(): Array<UDExListItemBase> {\n    return this.getSlottedNodes<UDExListItemBase>(\"items\");\n  }\n\n  static get searchableListBaseTemplate() {\n    return SearchableListBaseTemplate;\n  }\n}\n\nUDExFilterMenu.define();\n\nexport default UDExFilterMenu;\nexport type { UDExFilterMenuResetClickEventDetail, UDExFilterMenuResultClickEventDetail };\n"]}
+{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../src/FilterMenu.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport {\n  isTabPrevious, isTabNext, isEscape, isSpace, isEnter,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport PopupAccessibleRole from \"@ui5/webcomponents/dist/types/PopupAccessibleRole.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport UDExBusyIndicator from \"./BusyIndicator.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport IllustratedMessage from \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";\nimport \"@ui5/webcomponents-fiori/dist/illustrations/NoSearchResults.js\";\nimport UDExList from \"./List.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExListGroupHeader from \"./ListGroupHeader.js\";\nimport UDExFilterMenuItem from \"./FilterMenuItem.js\";\nimport UDExFilterMenuGroupHeader from \"./FilterMenuGroupHeader.js\";\nimport type { UDExSearchKeydownEventDetail } from \"./Search.js\";\nimport UDExSearch from \"./Search.js\";\nimport UDExButton from \"./Button.js\";\nimport type { UDExSearchableListBaseEvents } from \"./SearchableListBase.js\";\nimport UDExSearchableListBase from \"./SearchableListBase.js\";\nimport { UDExPopoverPart } from \"./types/SearchableListBase.js\";\nimport { Placement, HorizontalAlign } from \"./types/Dropdown.js\";\nimport { UDExListMode } from \"./types/List.js\";\nimport UDExFilterMenuSelectAll from \"./FilterMenuSelectAll.js\";\nimport UDExListSelectAll from \"./ListSelectAll.js\";\nimport UDExBadge from \"./Badge.js\";\nimport type UDExListItemBase from \"./ListItemBase.js\";\nimport { RESET, SHOW_RESULTS, SELECT_OPTIONS } from \"./generated/i18n/i18n-defaults.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-down-arrow.js\";\nimport FilterMenuTemplate from \"./FilterMenuTemplate.js\";\nimport SearchableListBaseTemplate from \"./SearchableListBaseTemplate.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport FilterMenuCss from \"./generated/themes/FilterMenu.css.js\";\nimport SearchableListCss from \"./generated/themes/SearchableList.css.js\";\nimport getEffectiveScrollbarStyle from \"./utils/getEffectiveScrollbarStyle.js\";\n\nexport type initialItemState = {\n  id: string,\n  selected: boolean,\n  indeterminate?: boolean,\n  collapsed?: boolean,\n  _filtered?: boolean,\n}\n\ntype UDExFilterMenuResultClickEventDetail = {\n  selectedItems: Array<UDExListItemBase>,\n}\n\ntype UDExFilterMenuResetClickEventDetail = {\n  restoredItems: Array<UDExListItemBase>,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-filter-menu</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/UDExFilterMenu.js\";</code>\n *\n * @constructor\n * @extends UDExSearchableListBase\n * @tagname udex-filter-menu\n * @public\n */\n@customElement({\n  tag: \"udex-filter-menu\",\n  renderer: jsxRenderer,\n  styles: [FilterMenuCss, SearchableListCss, getEffectiveScrollbarStyle()],\n  template: FilterMenuTemplate,\n  dependencies: [\n    IllustratedMessage,\n    Popover,\n    Icon,\n    UDExBusyIndicator,\n    UDExFilterMenuItem,\n    UDExFilterMenuGroupHeader,\n    UDExFilterMenuSelectAll,\n    UDExList,\n    UDExListSelectAll,\n    UDExListItem,\n    UDExListGroupHeader,\n    UDExBadge,\n    UDExSearch,\n    UDExButton,\n  ],\n})\n\n/**\n * Fired event when the user click on a reset button on the footer.\n *\n * @public\n * @param {Array<UDExListItemBase>} restoredItems\n */\n@event(\"reset-click\", { bubbles: true })\n\n/**\n * Fired event when the user click on a result button on the footer.\n *\n * @public\n * @param {Array<UDExListItemBase>} selectedItems\n */\n@event(\"result-click\", { bubbles: true })\n\n/**\n * Fired event when the user click on Select All header item.\n *\n * @public\n */\n@event(\"select-all\", { bubbles: true })\n\n/**\n * Fired before the dropdown pane is opened.\n *\n * @public\n */\n@event(\"before-open\", { bubbles: true })\n\n/**\n * Fired after the dropdown pane is opened.\n *\n * @public\n */\n@event(\"after-open\", { bubbles: true })\n\n/**\n * Fired before the dropdown pane is closed.\n *\n * @public\n */\n@event(\"before-close\", { bubbles: true })\n\n/**\n * Fired after the dropdown pane is closed.\n *\n * @public\n */\n@event(\"after-close\", { bubbles: true })\n\nclass UDExFilterMenu extends UDExSearchableListBase {\n  eventDetails!: {\n    \"result-click\": UDExFilterMenuResultClickEventDetail,\n    \"reset-click\": UDExFilterMenuResetClickEventDetail,\n    \"before-open\": void,\n    \"after-open\": void,\n    \"before-close\": void,\n    \"after-close\": void,\n  } & UDExSearchableListBaseEvents;\n  /**\n   * Determines the value of the badge.\n   *\n   * @public\n   */\n  @property({ type: Number })\n    badgeValue?: number;\n\n  /**\n   * Determines if there is no enough space, the component can be placed\n   * over the target.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disableTargetOverlap?: boolean;\n\n  /**\n   * Determines on which side the component is placed at.\n   *\n   * @default \"Bottom\"\n   * @public\n   */\n  @property()\n    placement: `${Placement}` = Placement.Bottom;\n\n  /**\n   * Determines the horizontal alignment of the component.\n   *\n   * @default \"Left\"\n   * @public\n   */\n  @property()\n    horizontalAlign: `${HorizontalAlign}` = HorizontalAlign.Start;\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   * Defines the label of the button reset in the footer.\n   *\n   * @default \"Reset\"\n   * @public\n   */\n  @property()\n    resetBtnLabel?: string;\n\n  /**\n   * Defines the label of the button result in the footer.\n   *\n   * @default \"Show Result\"\n   * @public\n   */\n  @property()\n    resultBtnLabel?: string;\n\n  /**\n   * Defines the filter name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    filterName!: string;\n\n  /**\n   * Defines the filter name prefix of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    filterNamePrefix!: string;\n\n  /**\n   * Defines whether the component is in disabled state.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled: boolean = false;\n\n  /**\n   * Defines whether the dropdown is open or not.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _open: boolean = false;\n\n  /**\n   * Hides the result button in the footer.\n   *\n   * @type {boolean}\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    hideResultBtn: boolean = false;\n\n  /**\n   * Hides the reset button in the footer.\n   *\n   * @type {boolean}\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    hideResetBtn: boolean = false;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    accessibleName?: string;\n\n  /**\n   * Defines id (or many ids) of the elements that contain the ARIA name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleNameRef!: string;\n  /**\n   * Allows setting a custom role.\n   * @default \"None\"\n   * @public\n   */\n  @property()\n    accessibleRole: `${PopupAccessibleRole}` = PopupAccessibleRole.None;\n\n  /**\n   * Allows setting a custom role for dropdown trigger.\n   * @default \"combobox\"\n   * @public\n   */\n  @property({ type: String })\n    triggerAccessibleRole: string = \"combobox\";\n\n  /**\n   * Determines whether the filter should be applied.\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _shouldApplyFilter: boolean = false;\n\n  /**\n   * Determines whether the component should be re-rendered.\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    _requestRender = false;\n\n  _trigger!: UDExButton;\n  _search!: UDExSearch | HTMLInputElement;\n  _popover!: Popover;\n  _breakpointSizeXS = 640;\n  _initialState: Array<initialItemState> = [];\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  onBeforeRendering() {\n    super.onBeforeRendering();\n  }\n\n  onAfterRendering() {\n    this._search = this.getSearch();\n    this._popover = this.getPopover();\n    this._trigger = this.getTriggerButton();\n  }\n\n  handleSelectAll(e:CustomEvent): void {\n    this.onSelectAllHeaderPress(e);\n  }\n\n  handleItemPress(e:CustomEvent): void {\n    this.onItemPress(e);\n\n    if (this.modeSingleSelect) {\n      this.onDropdownClose();\n    }\n  }\n\n  handleHeaderPress(e:CustomEvent): void {\n    this.onHeaderPress(e);\n  }\n\n  handleValueSearch(e:CustomEvent<{ value: string }>): void {\n    this.onSearch(e.detail.value);\n  }\n\n  handleSubmitSearch(): void {\n    this.onDropdownClose();\n    this.onSubmitSearch();\n  }\n\n  handleResetSearch(): void {\n    this.onResetSearch();\n  }\n\n  handleReset(): void {\n    this.onDropdownClose();\n    this.fireDecoratorEvent(\"reset-click\", {\n      restoredItems: this.selectedItems,\n    });\n    this.onReset();\n  }\n\n  handleResult(): void {\n    this._shouldApplyFilter = true;\n    this.onDropdownClose();\n    this.fireDecoratorEvent(\"result-click\", {\n      selectedItems: this.selectedItems,\n    });\n  }\n\n  handleKeyDownList(e: KeyboardEvent): void {\n    const isTabNextPress = isTabNext(e) && !this.hasFooterButtons;\n    const isTabPrevPress = isTabPrevious(e) && !this._search;\n    const target = e.target as HTMLElement;\n    const isSearchResetTrigger = target === this._search;\n    if ((isTabNextPress && (!isSearchResetTrigger || this.isListEmpty)) || isTabPrevPress) {\n      this.onDropdownClose(e);\n    }\n  }\n\n  handleKeyDownSearch(keyEvent: CustomEvent<UDExSearchKeydownEventDetail>): void {\n    const { detail: { e } } = keyEvent;\n    if (isTabPrevious(e) || isEscape(e)) {\n      this.onDropdownClose(e);\n    }\n  }\n\n  handleKeyDownResultBtn(e: KeyboardEvent): void {\n    e.stopPropagation();\n    if (isTabNext(e) && !this.hasResetBtn) {\n      this.onDropdownClose();\n    }\n  }\n\n  handleKeyDownResetBtn(e: KeyboardEvent): void {\n    e.stopPropagation();\n    if (isTabNext(e)) {\n      this.onDropdownClose();\n    }\n  }\n\n  handleTriggerClick(): void {\n    this.toggleDropdown();\n  }\n\n  handleTriggerKeydown(e: KeyboardEvent): void {\n    if (isSpace(e) || isEnter(e)) {\n      e.preventDefault();\n      this.toggleDropdown();\n    }\n  }\n\n  toggleDropdown(): void {\n    this._open = !this._open;\n\n    if (this._open) {\n      this._trigger.classList.add(\"udex-filter-menu__trigger-active\");\n      this._popover.opener = this._trigger;\n      this._popover.open = true;\n    } else {\n      this.onDropdownClose();\n    }\n  }\n\n  onDropdownClose(e?: KeyboardEvent): void {\n    if (this._popover.open) {\n      if (e && (isTabPrevious(e) || isEscape(e))) {\n        e.preventDefault();\n        this._popover.open = false;\n      } else {\n        this._popover.open = false;\n      }\n    }\n  }\n\n  _dropdownBeforeOpen(): void {\n    if (this.preventPageScroll) {\n      this._managePopupListeners(UDExPopoverPart.Header, \"addEventListener\");\n      this._managePopupListeners(UDExPopoverPart.Footer, \"addEventListener\");\n    }\n\n    if (this.height) {\n      this._setContentHeight();\n    }\n\n    this._initialState = this._getInitialState(this.items);\n    this.fireDecoratorEvent(\"before-open\");\n  }\n\n  _dropdownAfterOpen(): void {\n    const popoverLeftOffset = +this._popover.style.left.split(\"px\")[0];\n    if (this._popover.offsetWidth + popoverLeftOffset < this._breakpointSizeXS) {\n      this.style.setProperty(\"--udex-filter-menu-popover-left-offset\", `${this._popover.style.left}`);\n    }\n    this.fireDecoratorEvent(\"after-open\");\n  }\n\n  _getInitialState(items: Array<UDExListItemBase | UDExListGroupHeaderBase>): Array<initialItemState> {\n    return items.flatMap(item => {\n      if (item.isGroup) {\n        const groupState: initialItemState = {\n          id: item._id,\n          selected: item.selected,\n          indeterminate: item.indeterminate,\n          collapsed: item.collapsed,\n          _filtered: item._filtered,\n        };\n        const subItemsState = (item as UDExListGroupHeaderBase).getItems().map(subItem => ({\n          id: subItem._id,\n          selected: subItem.selected,\n        }));\n        return [groupState, ...subItemsState];\n      }\n      return {\n        id: item._id,\n        selected: item.selected,\n      };\n    });\n  }\n\n  _setInitialListState(): void {\n    this.getSlottedItems(this.items).forEach((item, index) => {\n      const initialState = this._initialState[index];\n      if (item._id === initialState?.id) {\n        item.selected = initialState.selected;\n        if (item.isGroup) {\n          item.indeterminate = initialState.indeterminate;\n        }\n      }\n    });\n  }\n\n  _setInitialState(): void {\n    this._setInitialListState();\n    this._requestRender = true;\n  }\n\n  _dropdownBeforeClose(): void {\n    this.fireDecoratorEvent(\"before-close\");\n  }\n\n  _dropdownAfterClose(): void {\n    if (this.preventPageScroll) {\n      this._managePopupListeners(UDExPopoverPart.Header, \"removeEventListener\");\n      this._managePopupListeners(UDExPopoverPart.Footer, \"removeEventListener\");\n    }\n\n    if (!this._shouldApplyFilter && this.modeMultiSelect && !this.modeSelectAll) {\n      this._setInitialState();\n    }\n\n    this._shouldApplyFilter = false;\n    this._open = false;\n    this._trigger.classList.remove(\"udex-filter-menu__trigger-active\");\n    this.fireDecoratorEvent(\"after-close\");\n  }\n\n  /**\n   * Close the dropdown.\n   * @public\n   */\n  close(): void {\n    this.onDropdownClose();\n  }\n\n  get disableAllowTargetOverlap(): boolean {\n    return !this.disableTargetOverlap;\n  }\n\n  get hasFilterNamePrefix(): boolean {\n    return !!this.filterNamePrefix?.length;\n  }\n\n  get getResultLabelText(): string {\n    return this.resultBtnLabel !== undefined && this.resultBtnLabel.length > 0 && this.resultBtnLabel ? this.resultBtnLabel : translate(UDExFilterMenu, SHOW_RESULTS);\n  }\n\n  get getResetLabelText(): string {\n    return this.resetBtnLabel !== undefined && this.resetBtnLabel.length > 0 ? this.resetBtnLabel : translate(UDExFilterMenu, RESET);\n  }\n\n  get _iconAccessibleNameText(): string {\n    return translate(UDExFilterMenu, SELECT_OPTIONS);\n  }\n\n  get triggerButtonAccessibleName(): string {\n    return this.accessibleName || translate(UDExFilterMenu, SELECT_OPTIONS);\n  }\n\n  get searchableList() {\n    return SearchableListBaseTemplate.call(this);\n  }\n\n  static get searchableListBaseTemplate() {\n    return SearchableListBaseTemplate;\n  }\n\n  get hideActionBar(): boolean {\n    return this.hideResultBtn && this.hideResetBtn;\n  }\n\n  get hasFooterButtons(): boolean {\n    return !!this.shadowRoot!.querySelector(\"[udex-button]\");\n  }\n\n  get hasResetBtn(): boolean {\n    return !this.hideResetBtn;\n  }\n\n  get modeSelectAll(): boolean {\n    return !!this.querySelector<UDExFilterMenuSelectAll>(\"[udex-filter-menu-select-all]\");\n  }\n\n  getTriggerButton(): UDExButton {\n    return this.shadowRoot!.querySelector<UDExButton>(\"#filterMenuTrigger\")!;\n  }\n\n  getItems(): Array<UDExListItemBase> {\n    return this.getSlottedNodes<UDExListItemBase>(\"items\");\n  }\n}\n\nUDExFilterMenu.define();\n\nexport default UDExFilterMenu;\nexport type { UDExFilterMenuResetClickEventDetail, UDExFilterMenuResultClickEventDetail };\n"]}

package/dist/FilterMenuTemplate.d.ts

@@ -0,0 +1,2 @@
+import type UDExFilterMenu from "./FilterMenu.js";
+export default function FilterMenuTemplate(this: UDExFilterMenu): import("@ui5/webcomponents-base").JSX.Element;

package/dist/FilterMenuTemplate.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import UDExBadge from "./Badge.js";
+import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
+import UI5Popover from "@ui5/webcomponents/dist/Popover.js";
+import UDExButton from "./Button.js";
+import UDExButtonDesign from "./types/ButtonDesign.js";
+import UDExButtonSize from "./types/ButtonSize.js";
+import SearchableListBaseTemplate from "./SearchableListBaseTemplate.js";
+import { UDExTextBadgeDesign, UDExTypeBadgeDesign } from "./types/BadgeDesign.js";
+export default function FilterMenuTemplate() {
+    return (_jsxs("div", { children: [_jsxs("button", { id: "filterMenuTrigger", onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeydown, "aria-label": this.triggerButtonAccessibleName, "aria-labelledby": this.accessibleNameRef, "aria-expanded": this._open, "aria-haspopup": "true", role: this.triggerAccessibleRole, "aria-controls": `${this._id}_udex-filter-menu-dropdown`, disabled: this.disabled, class: "udex-filter-menu__trigger", tabindex: 0, children: [this.hasFilterNamePrefix && (_jsx("span", { class: "udex-filter-menu__trigger-prefix", children: this.filterNamePrefix })), _jsxs("span", { class: "udex-filter-menu__trigger-wrap", ...(this.disabled ? { disabled: "" } : {}), children: [_jsx("span", { class: "udex-filter-menu__trigger-name", children: this.filterName }), !!this.badgeValue && (_jsx(UDExBadge, { class: "udex-filter-menu__badge", type: UDExTypeBadgeDesign.Number, design: UDExTextBadgeDesign.Information, size: "Small", children: this.badgeValue })), _jsx(UI5Icon, { class: "udex-filter-menu__trigger-icon", name: "navigation-down-arrow", mode: "Decorative", "accessible-name": this._iconAccessibleNameText })] })] }), _jsxs(UI5Popover, { id: `${this._id}_udex-filter-menu-dropdown`, "hide-arrow": true, "allow-target-overlap": this.disableAllowTargetOverlap, "accessible-role": this.accessibleRole, placement: this.placement, "horizontal-align": this.horizontalAlign, onKeyDown: this.handleKeyDownList, onBeforeOpen: this._dropdownBeforeOpen, onOpen: this._dropdownAfterOpen, onBeforeClose: this._dropdownBeforeClose, onClose: this._dropdownAfterClose, ...{
+                    onItemPress: this.handleItemPress,
+                    onHeaderPress: this.handleHeaderPress,
+                    onSelectAll: this.handleSelectAll,
+                    onSearchKeydown: this.handleKeyDownSearch,
+                    onSubmitSearchValue: this.handleSubmitSearch,
+                    onHandleValueSearch: this.handleValueSearch,
+                    onHandleValueReset: this.handleResetSearch,
+                }, children: [SearchableListBaseTemplate.call(this), this.modeMultiSelect && renderButtons.call(this)] })] }));
+}
+function renderButtons() {
+    if (this.hideActionBar) {
+        return null;
+    }
+    return (_jsxs("div", { class: "udex-filter-menu__footer", slot: "footer", ...{ name: "footer" }, children: [!this.hideResultBtn && (_jsx(UDExButton, { class: "udex-filter-menu__result-btn", size: UDExButtonSize.Medium, design: UDExButtonDesign.Primary, onKeyDown: this.handleKeyDownResultBtn, onClick: this.handleResult, children: this.getResultLabelText })), !this.hideResetBtn && (_jsx(UDExButton, { class: "udex-filter-menu__reset-btn", size: UDExButtonSize.Medium, design: UDExButtonDesign.Tertiary, onKeyDown: this.handleKeyDownResetBtn, onClick: this.handleReset, children: this.getResetLabelText }))] }));
+}
+//# sourceMappingURL=FilterMenuTemplate.js.map

package/dist/FilterMenuTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterMenuTemplate.js","sourceRoot":"","sources":["../src/FilterMenuTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,cAAc,MAAM,uBAAuB,CAAC;AACnD,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElF,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACxC,OAAO,CACL,0BACE,kBACE,EAAE,EAAC,mBAAmB,EACtB,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,SAAS,EAAE,IAAI,CAAC,oBAAoB,gBACxB,IAAI,CAAC,2BAA2B,qBAC3B,IAAI,CAAC,iBAAiB,mBACxB,IAAI,CAAC,KAAK,mBACX,MAAM,EACpB,IAAI,EAAE,IAAI,CAAC,qBAAiC,mBAC7B,GAAG,IAAI,CAAC,GAAG,4BAA4B,EACtD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAC,2BAA2B,EACjC,QAAQ,EAAE,CAAC,aACV,IAAI,CAAC,mBAAmB,IAAI,CAC3B,eAAM,KAAK,EAAC,kCAAkC,YAAE,IAAI,CAAC,gBAAgB,GAAQ,CAC9E,EACD,gBAAM,KAAK,EAAC,gCAAgC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aACtF,eAAM,KAAK,EAAC,gCAAgC,YAAE,IAAI,CAAC,UAAU,GAAQ,EACpE,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,CACpB,KAAC,SAAS,IACR,KAAK,EAAC,yBAAyB,EAC/B,IAAI,EAAE,mBAAmB,CAAC,MAAM,EAChC,MAAM,EAAE,mBAAmB,CAAC,WAAW,EACvC,IAAI,EAAC,OAAO,YACX,IAAI,CAAC,UAAU,GACN,CACb,EACD,KAAC,OAAO,IACN,KAAK,EAAC,gCAAgC,EACtC,IAAI,EAAC,uBAAuB,EAC5B,IAAI,EAAC,YAAY,qBACA,IAAI,CAAC,uBAAuB,GACrC,IACL,IACA,EACT,MAAC,UAAU,IACT,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,4BAA4B,8CAErB,IAAI,CAAC,yBAAyB,qBACnC,IAAI,CAAC,cAAc,EACpC,SAAS,EAAE,IAAI,CAAC,SAAS,sBACP,IAAI,CAAC,eAAe,EACtC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EACjC,YAAY,EAAE,IAAI,CAAC,mBAAmB,EACtC,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAC/B,aAAa,EAAE,IAAI,CAAC,oBAAoB,EACxC,OAAO,EAAE,IAAI,CAAC,mBAAmB,KAC5B;oBACH,WAAW,EAAE,IAAI,CAAC,eAAe;oBACjC,aAAa,EAAE,IAAI,CAAC,iBAAiB;oBACrC,WAAW,EAAE,IAAI,CAAC,eAAe;oBACjC,eAAe,EAAE,IAAI,CAAC,mBAAmB;oBACzC,mBAAmB,EAAE,IAAI,CAAC,kBAAkB;oBAC5C,mBAAmB,EAAE,IAAI,CAAC,iBAAiB;oBAC3C,kBAAkB,EAAE,IAAI,CAAC,iBAAiB;iBACnC,aACR,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,EACrC,IAAI,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,IACtC,IACT,CACP,CAAC;AACJ,CAAC;AAED,SAAS,aAAa;IACpB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;QAAC,OAAO,IAAI,CAAC;IAAC,CAAC;IACxC,OAAO,CACL,eAAK,KAAK,EAAC,0BAA0B,EAAC,IAAI,EAAC,QAAQ,KAAM,EAAE,IAAI,EAAE,QAAQ,EAAU,aAChF,CAAC,IAAI,CAAC,aAAa,IAAI,CACtB,KAAC,UAAU,IACT,KAAK,EAAC,8BAA8B,EACpC,IAAI,EAAE,cAAc,CAAC,MAAM,EAC3B,MAAM,EAAE,gBAAgB,CAAC,OAAO,EAChC,SAAS,EAAE,IAAI,CAAC,sBAAsB,EACtC,OAAO,EAAE,IAAI,CAAC,YAAY,YACzB,IAAI,CAAC,kBAAkB,GACb,CACd,EACA,CAAC,IAAI,CAAC,YAAY,IAAI,CACrB,KAAC,UAAU,IACT,KAAK,EAAC,6BAA6B,EACnC,IAAI,EAAE,cAAc,CAAC,MAAM,EAC3B,MAAM,EAAE,gBAAgB,CAAC,QAAQ,EACjC,SAAS,EAAE,IAAI,CAAC,qBAAqB,EACrC,OAAO,EAAE,IAAI,CAAC,WAAW,YACxB,IAAI,CAAC,iBAAiB,GACZ,CACd,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type UDExFilterMenu from \"./FilterMenu.js\";\nimport UDExBadge from \"./Badge.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UI5Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport SearchableListBaseTemplate from \"./SearchableListBaseTemplate.js\";\nimport type { AriaRole } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { UDExTextBadgeDesign, UDExTypeBadgeDesign } from \"./types/BadgeDesign.js\";\n\nexport default function FilterMenuTemplate(this: UDExFilterMenu) {\n  return (\n    <div>\n      <button\n        id=\"filterMenuTrigger\"\n        onClick={this.handleTriggerClick}\n        onKeyDown={this.handleTriggerKeydown}\n        aria-label={this.triggerButtonAccessibleName}\n        aria-labelledby={this.accessibleNameRef}\n        aria-expanded={this._open}\n        aria-haspopup=\"true\"\n        role={this.triggerAccessibleRole as AriaRole}\n        aria-controls={`${this._id}_udex-filter-menu-dropdown`}\n        disabled={this.disabled}\n        class=\"udex-filter-menu__trigger\"\n        tabindex={0}>\n        {this.hasFilterNamePrefix && (\n          <span class=\"udex-filter-menu__trigger-prefix\">{this.filterNamePrefix}</span>\n        )}\n        <span class=\"udex-filter-menu__trigger-wrap\" {...(this.disabled ? { disabled: \"\" } : {})}>\n          <span class=\"udex-filter-menu__trigger-name\">{this.filterName}</span>\n          {!!this.badgeValue && (\n            <UDExBadge\n              class=\"udex-filter-menu__badge\"\n              type={UDExTypeBadgeDesign.Number}\n              design={UDExTextBadgeDesign.Information}\n              size=\"Small\">\n              {this.badgeValue}\n            </UDExBadge>\n          )}\n          <UI5Icon\n            class=\"udex-filter-menu__trigger-icon\"\n            name=\"navigation-down-arrow\"\n            mode=\"Decorative\"\n            accessible-name={this._iconAccessibleNameText}>\n          </UI5Icon>\n        </span>\n      </button>\n      <UI5Popover\n        id={`${this._id}_udex-filter-menu-dropdown`}\n        hide-arrow\n        allow-target-overlap={this.disableAllowTargetOverlap}\n        accessible-role={this.accessibleRole}\n        placement={this.placement}\n        horizontal-align={this.horizontalAlign}\n        onKeyDown={this.handleKeyDownList}\n        onBeforeOpen={this._dropdownBeforeOpen}\n        onOpen={this._dropdownAfterOpen}\n        onBeforeClose={this._dropdownBeforeClose}\n        onClose={this._dropdownAfterClose}\n        {...({\n          onItemPress: this.handleItemPress,\n          onHeaderPress: this.handleHeaderPress,\n          onSelectAll: this.handleSelectAll,\n          onSearchKeydown: this.handleKeyDownSearch,\n          onSubmitSearchValue: this.handleSubmitSearch,\n          onHandleValueSearch: this.handleValueSearch,\n          onHandleValueReset: this.handleResetSearch,\n        } as any)}>\n        {SearchableListBaseTemplate.call(this)}\n        {this.modeMultiSelect && renderButtons.call(this)}\n      </UI5Popover>\n    </div>\n  );\n}\n\nfunction renderButtons(this: UDExFilterMenu) {\n  if (this.hideActionBar) { return null; }\n  return (\n    <div class=\"udex-filter-menu__footer\" slot=\"footer\" {...({ name: \"footer\" } as any)}>\n      {!this.hideResultBtn && (\n        <UDExButton\n          class=\"udex-filter-menu__result-btn\"\n          size={UDExButtonSize.Medium}\n          design={UDExButtonDesign.Primary}\n          onKeyDown={this.handleKeyDownResultBtn}\n          onClick={this.handleResult}>\n          {this.getResultLabelText}\n        </UDExButton>\n      )}\n      {!this.hideResetBtn && (\n        <UDExButton\n          class=\"udex-filter-menu__reset-btn\"\n          size={UDExButtonSize.Medium}\n          design={UDExButtonDesign.Tertiary}\n          onKeyDown={this.handleKeyDownResetBtn}\n          onClick={this.handleReset}>\n          {this.getResetLabelText}\n        </UDExButton>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/MastheadItem.js

@@ -116,7 +116,7 @@ let UDExMastheadItem = UDExMastheadItem_1 = class UDExMastheadItem extends UI5El
         this._profileAvatar = this.profileAvatar;
         this._mastheadShell = this.mastheadShell;
         this.handleDirection();
-        if (this.selected && this.hasDropdownSlot && !this.isMobile && !this.isExploreBtn) {
+        if (this.selected && this.hasDropdownSlot && !this.isMobile && !this.isExploreBtn && !this.hasFourColumnsMenu) {
             this.setDropdownInsetStart();
         }
         this.handleOutsideClick();
@@ -249,7 +249,7 @@ let UDExMastheadItem = UDExMastheadItem_1 = class UDExMastheadItem extends UI5El
     }
     recalculateDropdownPosition() {
         const dropdown = this.dropdownHolder;
-        if (dropdown) {
+        if (dropdown && !this.hasFourColumnsMenu) {
             dropdown.style.marginInlineStart = "";
             this.setDropdownInsetStart();
         }