@sapudex/web-components 2.36.0 → 2.37.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (143) hide show
  1. package/cypress/specs/Pagination.cy.tsx +52 -0
  2. package/cypress/specs/SelectBox.cy.tsx +1 -1
  3. package/cypress/specs/TabNavigation.cy.tsx +314 -0
  4. package/cypress/specs/Table.cy.tsx +170 -0
  5. package/cypress/support/component-imports.instrumented.ts +2 -0
  6. package/cypress/support/component-imports.src.ts +2 -0
  7. package/dist/CountrySelector.d.ts +2 -0
  8. package/dist/CountrySelector.js +12 -3
  9. package/dist/CountrySelector.js.map +1 -1
  10. package/dist/CountrySelectorTemplate.d.ts +2 -0
  11. package/dist/CountrySelectorTemplate.js +8 -0
  12. package/dist/CountrySelectorTemplate.js.map +1 -0
  13. package/dist/FilterMenu.d.ts +3 -3
  14. package/dist/FilterMenu.js +8 -9
  15. package/dist/FilterMenu.js.map +1 -1
  16. package/dist/FilterMenuTemplate.d.ts +2 -0
  17. package/dist/FilterMenuTemplate.js +27 -0
  18. package/dist/FilterMenuTemplate.js.map +1 -0
  19. package/dist/Pagination.js +1 -0
  20. package/dist/Pagination.js.map +1 -1
  21. package/dist/SearchableListBaseTemplate.d.ts +2 -0
  22. package/dist/SearchableListBaseTemplate.js +32 -0
  23. package/dist/SearchableListBaseTemplate.js.map +1 -0
  24. package/dist/SecondaryNavigation.d.ts +2 -0
  25. package/dist/SecondaryNavigation.js +20 -0
  26. package/dist/SecondaryNavigation.js.map +1 -1
  27. package/dist/SelectBase.d.ts +7 -6
  28. package/dist/SelectBase.js +2 -2
  29. package/dist/SelectBase.js.map +1 -1
  30. package/dist/SelectBox.d.ts +2 -0
  31. package/dist/SelectBox.js +11 -3
  32. package/dist/SelectBox.js.map +1 -1
  33. package/dist/SelectBoxTemplate.d.ts +2 -0
  34. package/dist/SelectBoxTemplate.js +27 -0
  35. package/dist/SelectBoxTemplate.js.map +1 -0
  36. package/dist/Tab.d.ts +9 -0
  37. package/dist/Tab.js +6 -0
  38. package/dist/Tab.js.map +1 -1
  39. package/dist/TabNavigation.js +32 -12
  40. package/dist/TabNavigation.js.map +1 -1
  41. package/dist/TableGroupRowTemplate.js +1 -1
  42. package/dist/TableGroupRowTemplate.js.map +1 -1
  43. package/dist/TableTemplate.js +1 -1
  44. package/dist/TableTemplate.js.map +1 -1
  45. package/dist/TagTemplate.js +2 -4
  46. package/dist/TagTemplate.js.map +1 -1
  47. package/dist/assets/{InputSuggestions-BIR_sdOv.js → InputSuggestions-CAJNg_KD.js} +1 -1
  48. package/dist/assets/{ListItemStandardExpandableTextTemplate-5xOuY0en.js → ListItemStandardExpandableTextTemplate-CTxLxjip.js} +1 -1
  49. package/dist/assets/{bundle.esm-C8GwJvJr.js → bundle.esm-AREsL-HM.js} +240 -240
  50. package/dist/css/themes/MastheadMenu.css +1 -1
  51. package/dist/css/themes/MastheadMobileMenu.css +1 -1
  52. package/dist/css/themes/MediaPlayer.css +1 -1
  53. package/dist/css/themes/RatingBar.css +1 -1
  54. package/dist/css/themes/RatingIndicator.css +1 -1
  55. package/dist/css/themes/Slider.css +1 -1
  56. package/dist/css/themes/TabNavigation.css +1 -1
  57. package/dist/css/themes/TableGroupRow.css +1 -1
  58. package/dist/custom-elements-internal.json +19 -0
  59. package/dist/custom-elements.json +19 -0
  60. package/dist/generated/templates/TabHeaderTemplate.lit.js +4 -4
  61. package/dist/generated/templates/TabHeaderTemplate.lit.js.map +1 -1
  62. package/dist/generated/templates/TabInOverflowTemplate.lit.js +2 -2
  63. package/dist/generated/templates/TabInOverflowTemplate.lit.js.map +1 -1
  64. package/dist/generated/themes/MastheadMenu.css.d.ts +1 -1
  65. package/dist/generated/themes/MastheadMenu.css.js +1 -1
  66. package/dist/generated/themes/MastheadMenu.css.js.map +1 -1
  67. package/dist/generated/themes/MastheadMobileMenu.css.d.ts +1 -1
  68. package/dist/generated/themes/MastheadMobileMenu.css.js +1 -1
  69. package/dist/generated/themes/MastheadMobileMenu.css.js.map +1 -1
  70. package/dist/generated/themes/MediaPlayer.css.d.ts +1 -1
  71. package/dist/generated/themes/MediaPlayer.css.js +1 -1
  72. package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
  73. package/dist/generated/themes/RatingBar.css.d.ts +1 -1
  74. package/dist/generated/themes/RatingBar.css.js +1 -1
  75. package/dist/generated/themes/RatingBar.css.js.map +1 -1
  76. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  77. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  78. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  79. package/dist/generated/themes/Slider.css.d.ts +1 -1
  80. package/dist/generated/themes/Slider.css.js +1 -1
  81. package/dist/generated/themes/Slider.css.js.map +1 -1
  82. package/dist/generated/themes/TabNavigation.css.d.ts +1 -1
  83. package/dist/generated/themes/TabNavigation.css.js +1 -1
  84. package/dist/generated/themes/TabNavigation.css.js.map +1 -1
  85. package/dist/generated/themes/TableGroupRow.css.d.ts +1 -1
  86. package/dist/generated/themes/TableGroupRow.css.js +1 -1
  87. package/dist/generated/themes/TableGroupRow.css.js.map +1 -1
  88. package/dist/vscode.html-custom-data.json +5 -0
  89. package/dist/web-types.json +11 -1
  90. package/package.json +1 -1
  91. package/src/CountrySelector.ts +14 -3
  92. package/src/CountrySelectorTemplate.tsx +12 -0
  93. package/src/FilterMenu.ts +9 -10
  94. package/src/FilterMenuTemplate.tsx +104 -0
  95. package/src/Pagination.ts +1 -0
  96. package/src/SearchableListBaseTemplate.tsx +157 -0
  97. package/src/SecondaryNavigation.ts +20 -0
  98. package/src/SelectBase.ts +7 -6
  99. package/src/SelectBox.ts +13 -3
  100. package/src/SelectBoxTemplate.tsx +165 -0
  101. package/src/Tab.ts +14 -0
  102. package/src/TabHeader.hbs +6 -2
  103. package/src/TabInOverflow.hbs +2 -0
  104. package/src/TabNavigation.ts +34 -12
  105. package/src/TableGroupRowTemplate.tsx +26 -17
  106. package/src/TableTemplate.tsx +1 -1
  107. package/src/TagTemplate.tsx +2 -4
  108. package/src/generated/templates/TabHeaderTemplate.lit.ts +4 -4
  109. package/src/generated/templates/TabInOverflowTemplate.lit.ts +2 -2
  110. package/src/generated/themes/MastheadMenu.css.ts +1 -1
  111. package/src/generated/themes/MastheadMobileMenu.css.ts +1 -1
  112. package/src/generated/themes/MediaPlayer.css.ts +1 -1
  113. package/src/generated/themes/RatingBar.css.ts +1 -1
  114. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  115. package/src/generated/themes/Slider.css.ts +1 -1
  116. package/src/generated/themes/TabNavigation.css.ts +1 -1
  117. package/src/generated/themes/TableGroupRow.css.ts +1 -1
  118. package/src/themes/MastheadMenu.css +4 -2
  119. package/src/themes/MastheadMobileMenu.css +4 -2
  120. package/src/themes/MediaPlayer.css +12 -0
  121. package/src/themes/RatingBar.css +14 -5
  122. package/src/themes/TabNavigation.css +6 -0
  123. package/src/themes/TableGroupRow.css +5 -0
  124. package/dist/generated/templates/CountrySelectorTemplate.lit.d.ts +0 -3
  125. package/dist/generated/templates/CountrySelectorTemplate.lit.js +0 -8
  126. package/dist/generated/templates/CountrySelectorTemplate.lit.js.map +0 -1
  127. package/dist/generated/templates/FilterMenuTemplate.lit.d.ts +0 -3
  128. package/dist/generated/templates/FilterMenuTemplate.lit.js +0 -13
  129. package/dist/generated/templates/FilterMenuTemplate.lit.js.map +0 -1
  130. package/dist/generated/templates/SearchableListBaseTemplate.lit.d.ts +0 -3
  131. package/dist/generated/templates/SearchableListBaseTemplate.lit.js +0 -19
  132. package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +0 -1
  133. package/dist/generated/templates/SelectBoxTemplate.lit.d.ts +0 -3
  134. package/dist/generated/templates/SelectBoxTemplate.lit.js +0 -20
  135. package/dist/generated/templates/SelectBoxTemplate.lit.js.map +0 -1
  136. package/src/CountrySelector.hbs +0 -6
  137. package/src/FilterMenu.hbs +0 -88
  138. package/src/SearchableListBase.hbs +0 -148
  139. package/src/SelectBox.hbs +0 -138
  140. package/src/generated/templates/CountrySelectorTemplate.lit.ts +0 -12
  141. package/src/generated/templates/FilterMenuTemplate.lit.ts +0 -17
  142. package/src/generated/templates/SearchableListBaseTemplate.lit.ts +0 -23
  143. package/src/generated/templates/SelectBoxTemplate.lit.ts +0 -24
@@ -1,14 +1,12 @@
1
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
2
2
  import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
3
- // Move it to SelectBox template after rewriting to TSX
4
- import { cleanLabel } from "./utils/listItemLabelUtils.js";
5
3
  export default function TagTemplate() {
6
4
  const rootClass = "udex-tag";
7
- return (this.readOnly ? (_jsx("div", { class: this.tagClasses, children: _jsx("span", { class: `${rootClass}__text`, children: cleanLabel(this.text) }) })) : this.href ? (_jsx("a", { class: this.tagClasses, role: this.accessibleRole, href: this.href, onClick: this.tagLinkClickHandler, children: tagContent.call(this, rootClass) })) : this.nonInteractive ? (_jsx("div", { class: this.tagClasses, children: tagContent.call(this, rootClass, false, false) })) : this.nonSelectable ? (_jsx("div", { class: this.tagClasses, children: tagContent.call(this, rootClass, false, true) })) : (_jsx("div", { tabindex: this._tabIndex, class: this.tagClasses, onClick: this.tagClickHandler, onFocusIn: this._focusin, onFocusOut: this._focusout, onKeyDown: this.tagKeyDown, role: this.accessibleRole, "aria-label": this.accessibleName, "aria-pressed": this.selected, children: tagContent.call(this, rootClass, true) })));
5
+ return (this.readOnly ? (_jsx("div", { class: this.tagClasses, children: _jsx("span", { class: `${rootClass}__text`, children: this.text }) })) : this.href ? (_jsx("a", { class: this.tagClasses, role: this.accessibleRole, href: this.href, onClick: this.tagLinkClickHandler, children: tagContent.call(this, rootClass) })) : this.nonInteractive ? (_jsx("div", { class: this.tagClasses, children: tagContent.call(this, rootClass, false, false) })) : this.nonSelectable ? (_jsx("div", { class: this.tagClasses, children: tagContent.call(this, rootClass, false, true) })) : (_jsx("div", { tabindex: this._tabIndex, class: this.tagClasses, onClick: this.tagClickHandler, onFocusIn: this._focusin, onFocusOut: this._focusout, onKeyDown: this.tagKeyDown, role: this.accessibleRole, "aria-label": this.accessibleName, "aria-pressed": this.selected, children: tagContent.call(this, rootClass, true) })));
8
6
  }
9
7
  function tagContent(rootClass, isIconClickable = false, isIconBtn = false) {
10
8
  return (_jsxs(_Fragment, { children: [this.startIcon && (isIconBtn ? tagBtnIcon.call(this, rootClass, "start")
11
- : tagIcon.call(this, rootClass, "start", isIconClickable)), _jsx("span", { class: `${rootClass}__text`, children: cleanLabel(this.text) }), this.endIcon && (isIconBtn ? tagBtnIcon.call(this, rootClass, "end")
9
+ : tagIcon.call(this, rootClass, "start", isIconClickable)), _jsx("span", { class: `${rootClass}__text`, children: this.text }), this.endIcon && (isIconBtn ? tagBtnIcon.call(this, rootClass, "end")
12
10
  : tagIcon.call(this, rootClass, "end", isIconClickable))] }));
13
11
  }
14
12
  function tagBtnIcon(rootClass, iconType) {
@@ -1 +1 @@
1
- {"version":3,"file":"TagTemplate.js","sourceRoot":"","sources":["../src/TagTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type UDExTag from \"./Tag.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport type { AriaRole } from \"@ui5/webcomponents-base/dist/types.js\";\n// Move it to SelectBox template after rewriting to TSX\nimport { cleanLabel } from \"./utils/listItemLabelUtils.js\";\n\nexport default function TagTemplate(this: UDExTag) {\n const rootClass = \"udex-tag\";\n\n return (\n this.readOnly ? (\n <div class={this.tagClasses}>\n <span class={`${rootClass}__text`}>{cleanLabel(this.text)}</span>\n </div>\n ) : this.href ? (\n <a class={this.tagClasses}\n role={this.accessibleRole as AriaRole}\n href={this.href}\n onClick={this.tagLinkClickHandler}>\n {tagContent.call(this, rootClass)}\n </a>\n ) : this.nonInteractive ? (\n <div class={this.tagClasses}>\n {tagContent.call(this, rootClass, false, false)}\n </div>\n ) : this.nonSelectable ? (\n <div class={this.tagClasses}>\n {tagContent.call(this, rootClass, false, true)}\n </div>\n ) : (\n <div\n tabindex={this._tabIndex}\n class={this.tagClasses}\n onClick={this.tagClickHandler}\n onFocusIn={this._focusin}\n onFocusOut={this._focusout}\n onKeyDown={this.tagKeyDown}\n role={this.accessibleRole as AriaRole}\n aria-label={this.accessibleName}\n aria-pressed={this.selected}>\n {tagContent.call(this, rootClass, true)}\n </div>\n )\n );\n}\n\nfunction tagContent(this: UDExTag, rootClass: string, isIconClickable: boolean = false, isIconBtn: boolean = false) {\n return (\n <>\n {this.startIcon && (\n isIconBtn ? tagBtnIcon.call(this, rootClass, \"start\")\n : tagIcon.call(this, rootClass, \"start\", isIconClickable))}\n <span class={`${rootClass}__text`}>{cleanLabel(this.text)}</span>\n {this.endIcon && (\n isIconBtn ? tagBtnIcon.call(this, rootClass, \"end\")\n : tagIcon.call(this, rootClass, \"end\", isIconClickable))}\n </>\n );\n}\n\nfunction tagBtnIcon(this: UDExTag, rootClass: string, iconType: string) {\n return (\n <>\n <button\n class={`${rootClass}__btn-icon`}\n onClick={this.iconClickHandler}\n role={this.accessibleRole as AriaRole}\n aria-label={this.iconAccessibleName}>\n {tagIcon.call(this, rootClass, iconType)}\n </button>\n </>\n );\n}\n\nfunction tagIcon(this: UDExTag, rootClass: string, iconType: string, isIconClickable: boolean = false) {\n return (\n <>\n <UI5Icon\n class={`${rootClass}__icon ${rootClass}__icon--${iconType}`}\n name={this.icon}\n {...(isIconClickable ? { onClick: this.iconClickHandler } : {})}>\n </UI5Icon>\n </>\n );\n}\n"]}
1
+ {"version":3,"file":"TagTemplate.js","sourceRoot":"","sources":["../src/TagTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type UDExTag from \"./Tag.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport type { AriaRole } from \"@ui5/webcomponents-base/dist/types.js\";\n\nexport default function TagTemplate(this: UDExTag) {\n const rootClass = \"udex-tag\";\n\n return (\n this.readOnly ? (\n <div class={this.tagClasses}>\n <span class={`${rootClass}__text`}>{this.text}</span>\n </div>\n ) : this.href ? (\n <a class={this.tagClasses}\n role={this.accessibleRole as AriaRole}\n href={this.href}\n onClick={this.tagLinkClickHandler}>\n {tagContent.call(this, rootClass)}\n </a>\n ) : this.nonInteractive ? (\n <div class={this.tagClasses}>\n {tagContent.call(this, rootClass, false, false)}\n </div>\n ) : this.nonSelectable ? (\n <div class={this.tagClasses}>\n {tagContent.call(this, rootClass, false, true)}\n </div>\n ) : (\n <div\n tabindex={this._tabIndex}\n class={this.tagClasses}\n onClick={this.tagClickHandler}\n onFocusIn={this._focusin}\n onFocusOut={this._focusout}\n onKeyDown={this.tagKeyDown}\n role={this.accessibleRole as AriaRole}\n aria-label={this.accessibleName}\n aria-pressed={this.selected}>\n {tagContent.call(this, rootClass, true)}\n </div>\n )\n );\n}\n\nfunction tagContent(this: UDExTag, rootClass: string, isIconClickable: boolean = false, isIconBtn: boolean = false) {\n return (\n <>\n {this.startIcon && (\n isIconBtn ? tagBtnIcon.call(this, rootClass, \"start\")\n : tagIcon.call(this, rootClass, \"start\", isIconClickable))}\n <span class={`${rootClass}__text`}>{this.text}</span>\n {this.endIcon && (\n isIconBtn ? tagBtnIcon.call(this, rootClass, \"end\")\n : tagIcon.call(this, rootClass, \"end\", isIconClickable))}\n </>\n );\n}\n\nfunction tagBtnIcon(this: UDExTag, rootClass: string, iconType: string) {\n return (\n <>\n <button\n class={`${rootClass}__btn-icon`}\n onClick={this.iconClickHandler}\n role={this.accessibleRole as AriaRole}\n aria-label={this.iconAccessibleName}>\n {tagIcon.call(this, rootClass, iconType)}\n </button>\n </>\n );\n}\n\nfunction tagIcon(this: UDExTag, rootClass: string, iconType: string, isIconClickable: boolean = false) {\n return (\n <>\n <UI5Icon\n class={`${rootClass}__icon ${rootClass}__icon--${iconType}`}\n name={this.icon}\n {...(isIconClickable ? { onClick: this.iconClickHandler } : {})}>\n </UI5Icon>\n </>\n );\n}\n"]}
@@ -1,2 +1,2 @@
1
- import{r as w,j as l,a as c,p as x,d as P,b as R,s as p,m as v,u as S,v as y,w as O,x as L,D,c as A,z as G,I as b,A as I,F as H,B as f,R as E,C as V,G as $,H as B,J as N}from"./bundle.esm-C8GwJvJr.js";const F=n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");function _(n,e,t,s){return n.replaceAll(new RegExp(F(e),`${s?"i":""}g`),t)}function M(n,e){if(!n||!e)return n;const t=r=>{const[a,d]=r.split("");for(;n.indexOf(r)>=0||e.indexOf(r)>=0;)r=`${a}${r}${d}`;return r},s=t("12"),i=t("34");let o=w(_(n,e,r=>`${s}${r}${i}`,!0));return[[s,"<b>"],[i,"</b>"]].forEach(([r,a])=>{o=_(o,r,a,!1)}),o}function z(n,e){const t=(n==null?void 0:n.listItemContent)||q;return l("li",{part:"native-li","data-sap-focus-ref":!0,tabindex:this._effectiveTabIndex,class:this.classes.main,draggable:this.movable,role:e==null?void 0:e.role,title:e==null?void 0:e.title,onFocusIn:this._onfocusin,onKeyUp:this._onkeyup,onKeyDown:this._onkeydown,onClick:this._onclick,children:t.call(this)})}function q(){return l("div",{part:"content",id:`${this._id}-content`,class:"ui5-li-content",children:l("div",{class:"ui5-li-text-wrapper",children:l("span",{part:"title",class:"ui5-li-title",children:l("slot",{})})})})}function U(){return[z.call(this,{listItemContent:K},{role:"option"})]}function K(){return l("div",{part:"content",id:"content",class:"ui5-li-content",children:c("div",{class:"ui5-li-text-wrapper",children:[l("span",{part:"title",className:"ui5-li-title",dangerouslySetInnerHTML:{__html:this.markupText}}),this.additionalText&&l("span",{part:"additional-text",class:"ui5-li-additional-text",children:this.additionalText})]})})}x("@ui5/webcomponents-theming","sap_horizon",async()=>P);x("@ui5/webcomponents","sap_horizon",async()=>R);const W=`:host([ui5-suggestion-item]){height:auto;min-height:var(--_ui5-v2-17-0_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-root{min-height:var(--_ui5-v2-17-0_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-content{padding-bottom:.5rem;padding-top:.5rem;box-sizing:border-box}
1
+ import{r as w,j as l,a as c,p as x,d as P,b as R,s as p,m as v,u as S,v as y,w as O,x as L,D,c as A,z as G,I as b,A as I,F as H,B as f,R as E,C as V,G as $,H as B,J as N}from"./bundle.esm-AREsL-HM.js";const F=n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");function _(n,e,t,s){return n.replaceAll(new RegExp(F(e),`${s?"i":""}g`),t)}function M(n,e){if(!n||!e)return n;const t=r=>{const[a,d]=r.split("");for(;n.indexOf(r)>=0||e.indexOf(r)>=0;)r=`${a}${r}${d}`;return r},s=t("12"),i=t("34");let o=w(_(n,e,r=>`${s}${r}${i}`,!0));return[[s,"<b>"],[i,"</b>"]].forEach(([r,a])=>{o=_(o,r,a,!1)}),o}function z(n,e){const t=(n==null?void 0:n.listItemContent)||q;return l("li",{part:"native-li","data-sap-focus-ref":!0,tabindex:this._effectiveTabIndex,class:this.classes.main,draggable:this.movable,role:e==null?void 0:e.role,title:e==null?void 0:e.title,onFocusIn:this._onfocusin,onKeyUp:this._onkeyup,onKeyDown:this._onkeydown,onClick:this._onclick,children:t.call(this)})}function q(){return l("div",{part:"content",id:`${this._id}-content`,class:"ui5-li-content",children:l("div",{class:"ui5-li-text-wrapper",children:l("span",{part:"title",class:"ui5-li-title",children:l("slot",{})})})})}function U(){return[z.call(this,{listItemContent:K},{role:"option"})]}function K(){return l("div",{part:"content",id:"content",class:"ui5-li-content",children:c("div",{class:"ui5-li-text-wrapper",children:[l("span",{part:"title",className:"ui5-li-title",dangerouslySetInnerHTML:{__html:this.markupText}}),this.additionalText&&l("span",{part:"additional-text",class:"ui5-li-additional-text",children:this.additionalText})]})})}x("@ui5/webcomponents-theming","sap_horizon",async()=>P);x("@ui5/webcomponents","sap_horizon",async()=>R);const W=`:host([ui5-suggestion-item]){height:auto;min-height:var(--_ui5-v2-17-0_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-root{min-height:var(--_ui5-v2-17-0_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-content{padding-bottom:.5rem;padding-top:.5rem;box-sizing:border-box}
2
2
  `;var g=function(n,e,t,s){var i=arguments.length,o=i<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,s);else for(var a=n.length-1;a>=0;a--)(r=n[a])&&(o=(i<3?r(o):i>3?r(e,t,o):r(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};let h=class extends S{constructor(){super(...arguments),this.markupText=""}onEnterDOM(){y()&&this.setAttribute("desktop","")}get _effectiveTabIndex(){return-1}};g([p()],h.prototype,"text",void 0);g([p()],h.prototype,"additionalText",void 0);g([p()],h.prototype,"markupText",void 0);h=g([v({tag:"ui5-suggestion-item",template:U,styles:[S.styles,W]})],h);h.define();function J(n){const e=(n==null?void 0:n.items)||X;return c("ul",{role:"group",class:"ui5-group-li-root",onDragEnter:this._ondragenter,onDragOver:this._ondragover,onDrop:this._ondrop,onDragLeave:this._ondragleave,children:[this.hasHeader&&l(L,{focused:this.focused,part:"header",accessibleRole:O.Group,children:this.hasFormattedHeader?l("slot",{name:"header"}):this.headerText}),e.call(this),l(D,{orientation:"Horizontal",ownerReference:this})]})}function X(){return l("slot",{})}var T=function(n,e,t,s){var i=arguments.length,o=i<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,s);else for(var a=n.length-1;a>=0;a--)(r=n[a])&&(o=(i<3?r(o):i>3?r(e,t,o):r(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};let m=class extends G{};T([A({default:!0,invalidateOnChildChange:!0,type:HTMLElement})],m.prototype,"items",void 0);m=T([v({tag:"ui5-suggestion-item-group",template:J})],m);m.define();function j(n){const e=(n==null?void 0:n.suggestionsList)||Q,t=n==null?void 0:n.mobileHeader,s=n==null?void 0:n.valueStateMessage,i=n==null?void 0:n.valueStateMessageInputIcon;return c(E,{class:this.classes.popover,hideArrow:!0,preventFocusRestore:!0,preventInitialFocus:!0,placement:"Bottom",horizontalAlign:"Start",tabindex:-1,style:this.styles.suggestionsPopover,onOpen:this._afterOpenPicker,onClose:this._afterClosePicker,onScroll:this._scroll,open:this.open,opener:this,accessibleName:this._popupLabel,children:[this._isPhone&&l(H,{children:c("div",{slot:"header",class:"ui5-responsive-popover-header",children:[l("div",{class:"row",children:l("span",{children:this._headerTitleText})}),l("div",{class:"row",children:c("div",{class:"input-root-phone native-input-wrapper",children:[l(b,{class:"ui5-input-inner-phone",type:this.inputType,value:this.value,showClearIcon:this.showClearIcon,placeholder:this.placeholder,onInput:this._handleInput}),t==null?void 0:t.call(this)]})}),this.hasValueStateMessage&&c("div",{class:this.classes.popoverValueState,style:this.styles.suggestionPopoverHeader,children:[l(I,{class:"ui5-input-value-state-message-icon",name:i==null?void 0:i.call(this)}),this.open&&(s==null?void 0:s.call(this))]})]})}),!this._isPhone&&this.hasValueStateMessage&&c("div",{slot:"header",class:{"ui5-responsive-popover-header":!0,...this.classes.popoverValueState},style:this.styles.suggestionPopoverHeader,children:[l(I,{class:"ui5-input-value-state-message-icon",name:i==null?void 0:i.call(this)}),this.open&&(s==null?void 0:s.call(this))]}),this.showSuggestions&&e.call(this),this._isPhone&&c("div",{slot:"footer",class:"ui5-responsive-popover-footer",children:[l(f,{design:"Emphasized",onClick:this._confirmMobileValue,children:this._suggestionsOkButtonText}),l(f,{class:"ui5-responsive-popover-close-btn",design:"Transparent",onClick:this._cancelMobileValue,children:this._suggestionsCancelButtonText})]})]})}function Q(){return l($,{accessibleRole:V.ListBox,separators:this.suggestionSeparators,selectionMode:"Single",onMouseDown:this.onItemMouseDown,onItemClick:this._handleSuggestionItemPress,onSelectionChange:this._handleSelectionChange,children:l("slot",{})})}class u{get template(){return j}constructor(e,t,s,i){this.component=e,this.slotName=t,this.handleFocus=i,this.highlight=s,this.selectedItemIndex=-1}onUp(e,t){e.preventDefault();const s=!this.isOpened&&this._hasValueState&&t===-1?0:t;return this._handleItemNavigation(!1,s),!0}onDown(e,t){e.preventDefault();const s=!this.isOpened&&this._hasValueState&&t===-1?0:t;return this._handleItemNavigation(!0,s),!0}onSpace(e){return this._isItemOnTarget()?(e.preventDefault(),this.onItemSelected(this._selectedItem,!0),!0):!1}onEnter(e){return this._isGroupItem?(e.preventDefault(),!1):this._isItemOnTarget()?(this.onItemSelected(this._selectedItem,!0),!0):!1}onPageUp(e){e.preventDefault();const t=this.selectedItemIndex-10>-1;return this._moveItemSelection(this.selectedItemIndex,t?this.selectedItemIndex-=10:this.selectedItemIndex=0),!0}onPageDown(e){e.preventDefault();const t=this._getItems();if(!t)return!0;const s=t.length-1,i=this.selectedItemIndex+10<=s;return this._moveItemSelection(this.selectedItemIndex,i?this.selectedItemIndex+=10:this.selectedItemIndex=s),!0}onHome(e){return e.preventDefault(),this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=0),!0}onEnd(e){e.preventDefault();const t=this._getItems().length-1;return t&&this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=t),!0}onTab(){return this._isItemOnTarget()?(this.onItemSelected(this._selectedItem,!0),!0):!1}toggle(e,t){(e!==void 0?e:!this.isOpened())?this._getComponent().open=!0:this.close(t.preventFocusRestore)}get _selectedItem(){return this._getNonGroupItems().find(e=>e.selected)}_isScrollable(){const e=this._getScrollContainer();return e.offsetHeight<e.scrollHeight}close(e=!1){const t=this._getItems()&&this._getItems()[this.selectedItemIndex];this._getComponent().open=!1;const s=this._getPicker();s.preventFocusRestore=e,s.open=!1,t&&t.focused&&(t.focused=!1)}updateSelectedItemPosition(e){this.selectedItemIndex=e}onItemSelected(e,t){const s=e,i=this._getNonGroupItems();s&&(this.accInfo={isGroup:s.hasAttribute("ui5-suggestion-item-group"),currentPos:i.indexOf(s)+1,listSize:i.length,itemText:s.text||"",additionalText:s.additionalText},this._getComponent().onItemSelected(s,t),this._getComponent().open=!1)}onItemSelect(e){this._getComponent().onItemSelect(e)}onItemPress(e){let t;const s=e.type==="ui5-item-click";s&&!e.detail.item.selected||this._handledPress&&!s||(s&&e.detail.item.selected?(t=e.detail.item,this._handledPress=!0):t=e.detail.selectedItems[0],this.onItemSelected(t,!1))}_onClose(){this._handledPress=!1}_isItemOnTarget(){return this.isOpened()&&this.selectedItemIndex!==null&&this.selectedItemIndex!==-1&&!this._isGroupItem}get _isGroupItem(){const e=this._getItems();return!e||!e[this.selectedItemIndex]?!1:e[this.selectedItemIndex].hasAttribute("ui5-suggestion-item-group")}isOpened(){var e;return!!((e=this._getPicker())!=null&&e.open)}_handleItemNavigation(e,t){this.selectedItemIndex=t,this._getItems().length&&(e?this._selectNextItem():this._selectPreviousItem())}_selectNextItem(){const e=this._getItems().length,t=this.selectedItemIndex;t!==-1&&t+1>e-1||this._moveItemSelection(t,++this.selectedItemIndex)}_selectPreviousItem(){const e=this._getItems(),t=this.selectedItemIndex;if(!(t===-1||t===null)){if(t-1<0){(e[t].hasAttribute("ui5-suggestion-item")||e[t].hasAttribute("ui5-suggestion-item-custom"))&&(e[t].selected=!1),e[t].focused=!1,this.component.focused=!0,this.component.hasSuggestionItemSelected=!1,this.selectedItemIndex-=1;return}this._moveItemSelection(t,--this.selectedItemIndex)}}_moveItemSelection(e,t){const s=this._getItems(),i=s[t],o=s[e],r=this._getNonGroupItems(),a=i.hasAttribute("ui5-suggestion-item-group");if(!i)return;this.component.focused=!1;const d=this._getItems()[this.selectedItemIndex];if(this.accInfo={isGroup:a,currentPos:s.indexOf(i)+1,itemText:(a?d.headerText:d.text)||""},(i.hasAttribute("ui5-suggestion-item")||i.hasAttribute("ui5-suggestion-item-custom"))&&(this.accInfo.additionalText=i.additionalText||"",this.accInfo.currentPos=r.indexOf(i)+1,this.accInfo.listSize=r.length),o&&(o.focused=!1),(o!=null&&o.hasAttribute("ui5-suggestion-item")||o!=null&&o.hasAttribute("ui5-suggestion-item-custom"))&&(o.selected=!1),i&&(i.focused=!0,a||(i.selected=!0),this.handleFocus&&i.focus()),this.component.hasSuggestionItemSelected=!0,this.onItemSelect(i),!this._isItemIntoView(i)){const C=this._isGroupItem?i.shadowRoot.querySelector("[ui5-li-group-header]"):i;this._scrollItemIntoView(C)}}_deselectItems(){this._getItems().forEach(t=>{t.hasAttribute("ui5-suggestion-item")&&(t.selected=!1),t.focused=!1})}_clearItemFocus(){const e=this._getItems().find(t=>t.focused);e&&(e.focused=!1)}_isItemIntoView(e){const t=e.getDomRef().getBoundingClientRect(),s=this._getComponent().getDomRef().getBoundingClientRect(),i=window.innerHeight||document.documentElement.clientHeight;let o=0;return this._hasValueState&&(o=this._getPicker().querySelector("[slot=header]").getBoundingClientRect().height),t.top+u.SCROLL_STEP<=i&&t.top>=s.top+o}_scrollItemIntoView(e){e.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}_getScrollContainer(){return this._scrollContainer||(this._scrollContainer=this._getPicker().shadowRoot.querySelector(".ui5-popup-content")),this._scrollContainer}_getItems(){return this._getComponent().getSlottedNodes("suggestionItems").flatMap(t=>t.hasAttribute("ui5-suggestion-item-group")?[t,...t.items]:[t])}_getNonGroupItems(){return this._getItems().filter(e=>!e.hasAttribute("ui5-suggestion-item-group"))}_getComponent(){return this.component}_getList(){return this._getPicker().querySelector("[ui5-list]")}_getListWidth(){var e;return(e=this._getList())==null?void 0:e.offsetWidth}_getPicker(){return this._getComponent().shadowRoot.querySelector("[ui5-responsive-popover]")}get itemSelectionAnnounce(){if(!this.accInfo)return"";if(this.accInfo.isGroup)return`${u.i18nBundle.getText(B)} ${this.accInfo.itemText}`;const e=u.i18nBundle.getText(N,this.accInfo.currentPos||0,this.accInfo.listSize||0);return`${this.accInfo.additionalText} ${e}`}hightlightInput(e,t){return M(e,t)}get _hasValueState(){return this.component.hasValueStateMessage}_clearSelectedSuggestionAndaccInfo(){this.accInfo=void 0,this.selectedItemIndex=0}}u.SCROLL_STEP=60;b.SuggestionsClass=u;export{u as default};
@@ -1,3 +1,3 @@
1
- import{j as o,a as _,F as y,p as m,d as b,b as E,s as x,c as C,i as P,m as O,y as B,e as w,f as I,t as A,E as L,g as R,L as S,R as M,B as N,h as F,k as D,l as X,n as j,o as z,q as k}from"./bundle.esm-C8GwJvJr.js";var T;(function(t){t.InPlace="InPlace",t.Popover="Popover"})(T||(T={}));const $=T;var g;(function(t){t.Off="Off",t.On="On"})(g||(g={}));const H=g;function W(){return o(y,{children:o("span",{children:this._renderEmptyIndicator?_(y,{children:[o("span",{className:"empty-indicator","aria-hidden":"true",children:this._emptyIndicatorSymbol}),o("span",{className:"empty-indicator-aria-label",children:this._emptyIndicatorAriaLabel})]}):o("slot",{})})})}m("@ui5/webcomponents-theming","sap_horizon",async()=>b);m("@ui5/webcomponents","sap_horizon",async()=>E);const q=`:host{max-width:100%;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);color:var(--sapTextColor);line-height:normal;cursor:text;overflow:hidden}:host([max-lines="1"]){display:inline-block;text-overflow:ellipsis;white-space:nowrap}:host(:not([max-lines="1"])){display:-webkit-box;-webkit-line-clamp:var(--_ui5-v2-17-0_text_max_lines);line-clamp:var(--_ui5-v2-17-0_text_max_lines);-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.empty-indicator-aria-label{position:absolute!important;clip:rect(1px,1px,1px,1px);user-select:none;left:0;top:0;font-size:0}
1
+ import{j as o,a as _,F as y,p as m,d as b,b as E,s as x,c as C,i as P,m as O,y as B,e as w,f as I,t as A,E as L,g as R,L as S,R as M,B as N,h as F,k as D,l as X,n as j,o as z,q as k}from"./bundle.esm-AREsL-HM.js";var T;(function(t){t.InPlace="InPlace",t.Popover="Popover"})(T||(T={}));const $=T;var g;(function(t){t.Off="Off",t.On="On"})(g||(g={}));const H=g;function W(){return o(y,{children:o("span",{children:this._renderEmptyIndicator?_(y,{children:[o("span",{className:"empty-indicator","aria-hidden":"true",children:this._emptyIndicatorSymbol}),o("span",{className:"empty-indicator-aria-label",children:this._emptyIndicatorAriaLabel})]}):o("slot",{})})})}m("@ui5/webcomponents-theming","sap_horizon",async()=>b);m("@ui5/webcomponents","sap_horizon",async()=>E);const q=`:host{max-width:100%;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);color:var(--sapTextColor);line-height:normal;cursor:text;overflow:hidden}:host([max-lines="1"]){display:inline-block;text-overflow:ellipsis;white-space:nowrap}:host(:not([max-lines="1"])){display:-webkit-box;-webkit-line-clamp:var(--_ui5-v2-17-0_text_max_lines);line-clamp:var(--_ui5-v2-17-0_text_max_lines);-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.empty-indicator-aria-label{position:absolute!important;clip:rect(1px,1px,1px,1px);user-select:none;left:0;top:0;font-size:0}
2
2
  `;var u=function(t,e,n,s){var a=arguments.length,i=a<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,n):s,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,n,s);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(i=(a<3?l(i):a>3?l(e,n,i):l(e,n))||i);return a>3&&i&&Object.defineProperty(e,n,i),i},f;let p=f=class extends w{constructor(){super(...arguments),this.maxLines=1/0,this.emptyIndicatorMode="Off"}onBeforeRendering(){this.style.setProperty(I("--_ui5_text_max_lines"),`${this.maxLines}`)}get hasText(){return A(this.text)}get _renderEmptyIndicator(){return!this.hasText&&this.emptyIndicatorMode===H.On}get _emptyIndicatorAriaLabel(){return f.i18nBundle.getText(L)}get _emptyIndicatorSymbol(){return f.i18nBundle.getText(R)}};u([x({type:Number})],p.prototype,"maxLines",void 0);u([x()],p.prototype,"emptyIndicatorMode",void 0);u([C({type:Node,default:!0})],p.prototype,"text",void 0);u([P("@ui5/webcomponents")],p,"i18nBundle",void 0);p=f=u([O({tag:"ui5-text",renderer:B,template:W,styles:q})],p);p.define();const v=p;function Y(){return _("div",{children:[o(v,{class:"ui5-exp-text-text",emptyIndicatorMode:this.emptyIndicatorMode,children:this._displayedText}),this._maxCharactersExceeded&&_(y,{children:[o("span",{class:"ui5-exp-text-ellipsis",children:this._ellipsisText}),o(S,{id:"toggle",class:"ui5-exp-text-toggle",accessibleRole:"Button",accessibleName:this._accessibleNameForToggle,accessibilityAttributes:this._accessibilityAttributesForToggle,onClick:this._handleToggleClick,children:this._textForToggle}),this._usePopover&&_(M,{open:this._expanded,opener:"toggle",accessibleNameRef:"popover-text",contentOnlyOnDesktop:!0,_hideHeader:!0,class:"ui5-exp-text-popover",onClose:this._handlePopoverClose,children:[o(v,{id:"popover-text",children:this.text}),o("div",{slot:"footer",class:"ui5-exp-text-footer",children:o(N,{design:"Transparent",onClick:this._handleCloseButtonClick,children:this._closeButtonText})})]})]})]})}m("@ui5/webcomponents-theming","sap_horizon",async()=>b);m("@ui5/webcomponents","sap_horizon",async()=>E);const V=`:host{display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapTextColor)}:host([hidden]){display:none}.ui5-exp-text-text{display:inline}.ui5-exp-text-text,.ui5-exp-text-toggle{font-family:inherit;font-size:inherit}.ui5-exp-text-text,.ui5-exp-text-ellipsis{color:inherit}.ui5-exp-text-popover::part(content){padding-inline:1rem}.ui5-exp-text-footer{width:100%;display:flex;align-items:center;justify-content:flex-end}
3
3
  `;var h=function(t,e,n,s){var a=arguments.length,i=a<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,n):s,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,n,s);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(i=(a<3?l(i):a>3?l(e,n,i):l(e,n))||i);return a>3&&i&&Object.defineProperty(e,n,i),i},c;let r=c=class extends w{constructor(){super(...arguments),this.maxCharacters=100,this.overflowMode="InPlace",this.emptyIndicatorMode="Off",this._expanded=!1}getFocusDomRef(){var e,n;return this._usePopover?(e=this.shadowRoot)==null?void 0:e.querySelector("[ui5-responsive-popover]"):(n=this.shadowRoot)==null?void 0:n.querySelector("[ui5-link]")}get _displayedText(){var e;return this._expanded&&!this._usePopover?this.text:(e=this.text)==null?void 0:e.substring(0,this.maxCharacters)}get _maxCharactersExceeded(){var e;return(((e=this.text)==null?void 0:e.length)||0)>this.maxCharacters}get _usePopover(){return this.overflowMode===$.Popover}get _ellipsisText(){return this._expanded&&!this._usePopover?" ":"... "}get _textForToggle(){return this._expanded?c.i18nBundle.getText(F):c.i18nBundle.getText(D)}get _closeButtonText(){return c.i18nBundle.getText(X)}get _accessibilityAttributesForToggle(){return this._usePopover?{expanded:this._expanded,hasPopup:"dialog"}:{expanded:this._expanded}}get _accessibleNameForToggle(){if(this._usePopover)return this._expanded?c.i18nBundle.getText(j):c.i18nBundle.getText(z)}_handlePopoverClose(){k()||(this._expanded=!1)}_handleToggleClick(){this._expanded=!this._expanded}_handleCloseButtonClick(e){this._expanded=!1,e.stopPropagation()}};h([x()],r.prototype,"text",void 0);h([x({type:Number})],r.prototype,"maxCharacters",void 0);h([x()],r.prototype,"overflowMode",void 0);h([x()],r.prototype,"emptyIndicatorMode",void 0);h([x({type:Boolean})],r.prototype,"_expanded",void 0);h([P("@ui5/webcomponents")],r,"i18nBundle",void 0);r=c=h([O({tag:"ui5-expandable-text",renderer:B,styles:V,template:Y})],r);r.define();function Q(t){const{className:e,text:n,maxCharacters:s,part:a}=t;return o(r,{part:a,class:e,text:n,maxCharacters:s})}export{Q as default};