@sapudex/web-components 2.17.1 → 2.19.0

package/src/themes/ImageGridTicker.css

@@ -0,0 +1,134 @@
+:host {
+  --udex-image-grid-ticker-duration: 31s;
+  --udex-image-grid-ticker-play-btn-color: var(--udexColorGrey7, #475E75);
+  --udex-image-grid-ticker-play-btn-color-hover: #000;
+  --udex-image-grid-ticker-min-height: 76px;
+}
+
+:host([_is-scrollable]) .udex-image-grid-ticker__track {
+  animation: scroll-ticker var(--udex-image-grid-ticker-duration) linear infinite;
+}
+
+:host([_is-scrollable]:dir(rtl)) .udex-image-grid-ticker__track {
+  animation: scroll-ticker-rtl var(--udex-image-grid-ticker-duration) linear infinite;
+}
+
+:host([_is-paused]:dir(rtl)) .udex-image-grid-ticker__track,
+:host([_is-paused]) .udex-image-grid-ticker__track {
+  animation-play-state: paused;
+}
+
+:host([_is-focus-in]) .udex-image-grid-ticker__track {
+  animation: none !important;
+}
+
+:host([grayscale]) ::part(grid-image) {
+  filter: grayscale(100%);
+}
+
+:host([grayscale]) ::part(grid-image):hover {
+  filter: grayscale(0%);
+}
+
+.udex-image-grid-ticker__track-holder {
+  position: relative;
+  overflow: hidden;
+}
+
+.udex-image-grid-ticker__track {
+  display: flex;
+  align-items: center;
+  min-height: var(--udex-image-grid-ticker-min-height);
+  width: max-content;
+}
+
+.udex-image-grid-ticker {
+  display: flex;
+  flex-direction: column-reverse;
+}
+
+.udex-image-grid-ticker__track-wrapper {
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+  padding: 14px 0;
+}
+
+:host([_is-scrollable]) .udex-image-grid-ticker__track-holder::after,
+:host([_is-scrollable]) .udex-image-grid-ticker__track-holder::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: -25px;
+  bottom: 0;
+  width: 120px;
+  background: linear-gradient(90deg, #FFF 23.96%, rgba(255, 255, 255, 0) 100%);
+  z-index: 1;
+}
+
+:host([_is-scrollable]) .udex-image-grid-ticker__track-holder::after {
+  right: -25px;
+  left: auto;
+  transform: rotate(180deg);
+}
+
+.udex-image-grid-ticker__play-button-holder {
+  padding-top: 34px;
+}
+
+.udex-image-grid-ticker__play-button {
+  position: relative;
+  --udex-button-medium-size: 32px;
+  --udex-button-icon-m-size: 32px;
+  --udex-button-focus-border-radius: 50%;
+  --udex-button-invisible-focus-inset: 0;
+  --udex-button-color-invisible-standard-default-text-and-icon: var(--udex-image-grid-ticker-play-btn-color);
+  --udex-button-color-invisible-standard-hover-text-and-icon: var(--udex-image-grid-ticker-play-btn-color-hover);
+}
+
+:host([desktop]) .udex-image-grid-ticker__play-button:focus:before,
+.udex-image-grid-ticker__play-button:focus-visible:before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  box-shadow: 0 0 0 2px #FFF;
+  border-radius: 50%;
+}
+
+.udex-image-grid-ticker__play-button::part(button):focus-within:after,
+.udex-image-grid-ticker__play-button::part(button):focus-within:before {
+  border-radius: 50%;
+}
+
+@keyframes scroll-ticker-rtl {
+  0% { transform: translateX(0); }
+  100% { transform: translateX(50%);
+  }
+}
+
+@keyframes scroll-ticker {
+  0% { transform: translateX(0); }
+  100% { transform: translateX(-50%);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :host([_is-scrollable]:dir(rtl)) .udex-image-grid-ticker__track,
+  :host([_is-scrollable]) .udex-image-grid-ticker__track {
+    animation: none;
+  }
+}
+
+@media (max-width: 979px) {
+  .udex-image-grid-ticker__track {
+    min-height: auto;
+    width: auto;
+    justify-content: center;
+    flex-wrap: wrap;
+  }
+
+  :host([_is-scrollable]) .udex-image-grid-ticker__track-holder::after,
+  :host([_is-scrollable]) .udex-image-grid-ticker__track-holder::before {
+    display: none;
+  }
+}

package/src/themes/ImageGridTickerItem.css

@@ -0,0 +1,52 @@
+:host {
+  --udex-image-grid-ticker-item-width: 120px;
+  --udex-image-grid-ticker-item-height: 76px;
+  --udex-image-grid-ticker-item-hover-scale: 1.3;
+  --udex-image-grid-ticker-item-gaps: var(--udexSpacer12, 12px);
+}
+
+.udex-image-grid-ticker-item__link,
+.udex-image-grid-ticker-item {
+  width: var(--udex-image-grid-ticker-item-width);
+  height: var(--udex-image-grid-ticker-item-height);
+  display: flex;
+  align-items: center;
+}
+
+.udex-image-grid-ticker-item {
+  padding: 0 var(--udex-image-grid-ticker-item-gaps);
+}
+
+.udex-image-grid-ticker-item__link {
+  transition: transform 0.3s ease-in-out;
+}
+
+:host([desktop]) .udex-image-grid-ticker-item__link:focus,
+.udex-image-grid-ticker-item__link:focus-visible {
+  outline: var(--udexRadiusXXS) solid var(--udexColorBlue10);
+  border-radius: var(--udexRadiusM, 8px);
+}
+
+.udex-image-grid-ticker-item__link:hover {
+  transform: scale(var(--udex-image-grid-ticker-item-hover-scale), 1.3);
+  z-index: 10;
+}
+
+.udex-image-grid-ticker-item__img {
+  max-height: var(--udex-image-grid-ticker-item-height);
+  object-fit: contain;
+  width: 100%;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .udex-image-grid-ticker-item__link{
+    transition: none;
+  }
+}
+
+@media (max-width: 979px) {
+  .udex-image-grid-ticker-item {
+    padding: 0 var(--udexSpacer8);
+    margin-bottom: var(--udexSpacer16);
+  }
+}

package/src/themes/MediaPlayer.css

@@ -458,8 +458,12 @@ body.vjs-pip-window .video-js {
 
 .video-js .vjs-big-play-button:focus,
 .video-js .vjs-big-play-button:focus-within,
-.video-js .vjs-big-play-button:focus:not(:focus-visible) {
-  box-shadow: 0 0 0 2px var(--udexColorBlue9);
+.video-js .vjs-big-play-button:focus-visible {
+  box-shadow: 0 0 0 3px var(--udexColorBlue9);
+  outline-width: 2px;
+  outline-color: var(--udexColorNeutralWhite);
+  outline-offset: 3px;
+  outline-style: solid;
 }
 
 .video-js .vjs-big-play-button {
@@ -1659,11 +1663,6 @@ video::-webkit-media-text-track-display {
   z-index: -1000;
 }
 
-.video-js *:focus:not(:focus-visible),
-.js-focus-visible .video-js *:focus:not(.focus-visible) {
-  outline: none;
-}
-
 .vjs-audio .vjs-control-bar{
   display: flex;
 }

package/src/themes/Upload.css

@@ -33,6 +33,10 @@
   align-items: center;
 }
 
+.udex-upload__upload-button-container #fileUploader {
+  flex-shrink: 0;
+}
+
 .udex-upload__upload-button input {
   display: none;
 }

package/src/types/BadgeDesign.ts

@@ -1,12 +1,30 @@
-export enum UDExTextBadgeDesign{
+export enum UDExTextBadgeDesign {
   Negative = "Negative",
   Information = "Information",
   Positive = "Positive",
   Warning = "Warning",
   Neutral = "Neutral",
+  "Grey-Light" = "Grey-Light",
+  "Grey-Dark" = "Grey-Dark",
+  "Red-Light" = "Red-Light",
+  "Red-Dark" = "Red-Dark",
+  "Mango-Light" = "Mango-Light",
+  "Mango-Dark" = "Mango-Dark",
+  "Green-Light" = "Green-Light",
+  "Green-Dark" = "Green-Dark",
+  "Teal-Light" = "Teal-Light",
+  "Teal-Dark" = "Teal-Dark",
+  "Blue-Light" = "Blue-Light",
+  "Blue-Dark" = "Blue-Dark",
+  "Indigo-Light" = "Indigo-Light",
+  "Indigo-Dark" = "Indigo-Dark",
+  "Pink-Light" = "Pink-Light",
+  "Pink-Dark" = "Pink-Dark",
+  "Raspberry-Light" = "Raspberry-Light",
+  "Raspberry-Dark" = "Raspberry-Dark",
 }
 
-export enum UDExNumberBadgeDesign{
+export enum UDExNumberBadgeDesign {
   Blue = "Blue",
   Red = "Red",
   Neutral = "Neutral",
@@ -22,7 +40,31 @@ export enum UDExTypeBadgeDesign {
   Number = "Number",
 }
 
-export const textBadgeOptions = [UDExTextBadgeDesign.Negative, UDExTextBadgeDesign.Information, UDExTextBadgeDesign.Neutral, UDExTextBadgeDesign.Positive, UDExTextBadgeDesign.Warning];
+export const textBadgeOptions = [UDExTextBadgeDesign.Negative,
+  UDExTextBadgeDesign.Information,
+  UDExTextBadgeDesign.Neutral,
+  UDExTextBadgeDesign.Positive,
+  UDExTextBadgeDesign.Warning,
+  UDExTextBadgeDesign["Blue-Dark"],
+  UDExTextBadgeDesign["Blue-Light"],
+  UDExTextBadgeDesign["Green-Dark"],
+  UDExTextBadgeDesign["Green-Light"],
+  UDExTextBadgeDesign["Grey-Dark"],
+  UDExTextBadgeDesign["Grey-Light"],
+  UDExTextBadgeDesign["Indigo-Dark"],
+  UDExTextBadgeDesign["Indigo-Light"],
+  UDExTextBadgeDesign["Mango-Dark"],
+  UDExTextBadgeDesign["Mango-Light"],
+  UDExTextBadgeDesign["Pink-Dark"],
+  UDExTextBadgeDesign["Pink-Light"],
+  UDExTextBadgeDesign["Raspberry-Dark"],
+  UDExTextBadgeDesign["Raspberry-Light"],
+  UDExTextBadgeDesign["Red-Dark"],
+  UDExTextBadgeDesign["Red-Light"],
+  UDExTextBadgeDesign["Teal-Dark"],
+  UDExTextBadgeDesign["Teal-Light"],
+];
+
 export const numberBadgeOptions = [UDExNumberBadgeDesign.Blue, UDExNumberBadgeDesign.Red, UDExNumberBadgeDesign.Neutral];
 
 export const sizeBadgeOptions = [UDExSizeBadgeDesign.Medium, UDExSizeBadgeDesign.Small];

package/dist/assets/InputSuggestions-Bxc8oM64.js

@@ -1,2 +0,0 @@
-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,F as H,B as I,I as b,A as f,R as E,C as V,G as $,H as N,J as B,K as F}from"./bundle.esm-qoZLPRl7.js";const z=n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");function _(n,e,t,s){return n.replaceAll(new RegExp(z(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 q(n,e){const t=(n==null?void 0:n.listItemContent)||U;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 U(){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 K(){return[q.call(this,{listItemContent:W},{role:"option"})]}function W(){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 J=`:host([ui5-suggestion-item]){height:auto;min-height:var(--_ui5-v2-14-0_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-root{min-height:var(--_ui5-v2-14-0_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-content{padding-bottom:.5rem;padding-top:.5rem;box-sizing:border-box}
-`;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:K,styles:[S.styles,J]})],h);h.define();function X(n){const e=(n==null?void 0:n.items)||j;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 j(){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:X})],m);m.define();function Q(n){const e=(n==null?void 0:n.suggestionsList)||Y,t=n==null?void 0:n.valueStateMessage,s=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&&c(H,{children:[c("div",{slot:"header",class:"ui5-responsive-popover-header",children:[c("div",{class:"row",children:[l("span",{children:this._headerTitleText}),l(I,{class:"ui5-responsive-popover-close-btn",icon:N,design:"Transparent",onClick:this._closePicker})]}),l("div",{class:"row",children:l("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,onChange:this._handleChange})})})]}),this.hasValueStateMessage&&c("div",{class:this.classes.popoverValueState,style:this.styles.suggestionPopoverHeader,children:[l(f,{class:"ui5-input-value-state-message-icon",name:s==null?void 0:s.call(this)}),this.open&&(t==null?void 0:t.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(f,{class:"ui5-input-value-state-message-icon",name:s==null?void 0:s.call(this)}),this.open&&(t==null?void 0:t.call(this))]}),e.call(this),this._isPhone&&l("div",{slot:"footer",class:"ui5-responsive-popover-footer",children:l(I,{design:"Transparent",onClick:this._closePicker,children:this._suggestionsOkButtonText})})]})}function Y(){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 Q}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(F,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};