@sapudex/web-components 2.21.0 → 2.23.0

package/src/themes/SelectBase.css

@@ -0,0 +1,239 @@
+:host {
+  --udex-select-box-popover-min-width: 0px;
+  --udex-select-box-popover-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 rgba(34,54,73,0.3));
+  --udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));
+  --udex-select-box-popover-border-width: var(--sapElement_BorderWidth, 1px);
+  --udex-select-box-popover-border-radius: var(--udexRadiusM, 8px);
+  --udex-select-box-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));
+  --udex-select-box-input-background: var(--sapField_Background, var(--udexColorNeutralWhite));
+  --udex-select-box-input-autocomplete-background: transparent;
+}
+
+:host([displayonly]) .udex-text-field__search,
+:host([readonly]) .udex-text-field__search,
+:host([disabled]) .udex-text-field__search,
+:host([disabled]) .udex-text-field__trigger,
+:host([readonly]) .udex-text-field__trigger {
+  cursor: inherit;
+}
+
+:host([mode="SingleSelect"]) .udex-text-field__input {
+  position: relative;
+}
+
+:host([_focused]) .udex-text-field__wrap:before {
+  content: "";
+  position: absolute;
+  inset: -5px;
+  border: 2px solid var(--udexColorBlue10);
+  border-radius: var(--udexRadiusXS);
+  pointer-events: none;
+}
+
+:host([readonly]) .udex-text-field__search {
+  background: inherit;
+  border: inherit;
+}
+
+.udex-text-field__input:not([readonly]):not([disabled]) .udex-text-field__trigger:hover {
+  border-left: 1px solid var(--udexColorGrey4, #A9B4BE);
+}
+
+.udex-text-field__input[open]:not([readonly]):not([disabled]) .udex-text-field__trigger:hover,
+.udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger {
+  border-left: 1px solid var(--udexColorBlue4, #89D1FF);
+  cursor: pointer;
+}
+
+:host(:dir(rtl)) .udex-text-field__input:not([readonly]) .udex-text-field__trigger:hover {
+  border-right: 1px solid var(--udexColorGrey4, #A9B4BE);
+  border-left: none;
+}
+
+:host(:dir(rtl)) .udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger {
+  border-right: 1px solid var(--udexColorBlue4, #89D1FF);
+  border-left: none;
+}
+
+:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
+:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger {
+  border-left: 1px solid var(--udexCoreSemanticError4, #FF8CB2);
+  color:  var(--udexCoreSemanticError9, #840606);
+}
+
+:host([value-state="Error"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
+  border-right: 1px solid var(--udexCoreSemanticError4, #FF8CB2);
+  color:  var(--udexCoreSemanticError9, #840606);
+  border-left: none;
+}
+
+:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
+:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger {
+  border-left: 1px solid var(--udexCoreSemanticSuccess6, #36a41d);
+  color: var(--udexCoreSemanticSuccess9, #1E592F);
+}
+
+:host([value-state="Success"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
+  border-right: 1px solid var(--udexCoreSemanticSuccess6, #36a41d);
+  color: var(--udexCoreSemanticSuccess9, #1E592F);
+  border-left: none;
+}
+
+:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
+:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger {
+  border-left: 1px solid var(--udexCoreSemanticWarning6, #E76500);
+  color: var(--udexCoreSemanticWarning9, #8D2A00);
+}
+
+:host([value-state="Warning"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
+  border-right: 1px solid var(--udexCoreSemanticWarning6, #E76500);
+  color: var(--udexCoreSemanticWarning9, #8D2A00);
+  border-left: none;
+}
+
+.udex-text-field__trigger:hover,
+:host([mode="SingleSelect"]:not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__container:hover {
+  cursor: pointer;
+}
+
+:host([mode="SingleSelect"]) .udex-text-field__search {
+  position: absolute;
+  inset: 0 42px 0 0;
+}
+
+.udex-text-field__holder {
+  height: 100%;
+  width: 100%;
+  position: relative;
+}
+
+.udex-text-field__label {
+  pointer-events: none;
+  max-width: calc(100% - 56px);
+}
+
+.udex-text-field__label_active {
+  position: absolute;
+  top: 9px;
+  left: 12px;
+}
+
+.udex-text-field__input {
+  display: flex;
+  align-items: center;
+  padding: 0;
+}
+
+.udex-text-field__trigger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border-style: solid;
+  box-sizing: border-box;
+  border-width: var(--sapButton_BorderWidth);
+  border-color: transparent;
+  border-radius: var(--udexRadiusXS);
+  padding: var(--udexSpacer4);
+  z-index: 1;
+  height: 42px;
+  width: 42px;
+  min-width: 42px;
+  color: var(--udexColorGrey7, #475E75);
+  outline: none;
+}
+
+:host([mode="SingleSelect"]) .udex-text-field__trigger {
+  margin-inline-start: auto;
+}
+
+:host([_open]) .udex-text-field__trigger [ui5-icon]{
+  transform: rotate(180deg);
+}
+
+.udex-text-field__trigger [ui5-icon] {
+  height: 18px;
+  width: 18px;
+  color: inherit;
+}
+
+.udex-text-field__text-holder {
+  background: var(--udex-select-box-input-background);
+  position: absolute;
+  inset: 0 13px;
+  overflow: hidden;
+  padding: var(--udexSpacer8) 0;
+  pointer-events: none;
+  z-index: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:host([readonly]) .udex-text-field__text-holder {
+  background: inherit;
+}
+
+.udex-text-field__single-label {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  background-color: var(--udex-select-box-input-autocomplete-background);
+}
+
+.udex-text-field__single-label b {
+  font-weight: normal;
+}
+
+:host .udex-text-field__input[open] .udex-text-field__trigger {
+  color: var(--udexColorBlue9, #0040B0);
+}
+
+.udex-select-box__dropdown {
+  --udex-dropdown-pane-min-width: var(--udex-select-box-popover-min-width);
+  width: var(--udex-dropdown-pane-width);
+  border: var(--udex-select-box-popover-border-width) solid var(--udex-select-box-popover-border-color);
+  border-radius: var(--udex-select-box-popover-border-radius);
+  box-shadow: var(--udex-select-box-popover-shadow);
+}
+
+.udex-no-result {
+  font-family: var(--sapFontFamily);
+  font-weight: var(--udexTypographyFontWeightRegular, 400);
+  font-size: var(--udexTypographyBodyXSFontSize, 14px);
+  line-height: var(--udexTypographyBodyLineHeight, 1.5);
+  color: var(--sapContent_TitleColor, #000000);
+  padding: var(--udexSpacer16, 16px) var(--udexSpacer12, 12px);
+}
+
+.udex-select-box__dropdown::part(content) {
+  padding: 0;
+  overflow: auto;
+}
+
+.udex-text-field__search {
+  font-family: var(--sapFontFamily);
+  font-size: 16px;
+  line-height: 24px;
+  display: block;
+  color: var(--udex-select-box-input-color-typed-text);
+  padding: var(--udexSpacer8) var(--udexSpacer12);
+  box-sizing: border-box;
+  font-weight: var(--udexTypographyFontWeightRegular, 400);
+  background: var(--udex-select-box-input-background);
+  border-radius: var(--udexRadiusXS);
+  cursor: pointer;
+  border: 0;
+  width: 100%;
+}
+
+.udex-text-field__trigger:focus,
+.udex-text-field__search:focus {
+  outline: none;
+}
+
+@media (max-width: 639px) {
+  .udex-select-box__dropdown {
+    --udex-dropdown-pane-min-width-xs: var(--udex-select-box-popover-min-width);
+  }
+}

package/src/themes/SelectBox.css

@@ -1,185 +1,37 @@
-:host {
-  --udex-select-box-popover-min-width: 0px;
-  --udex-select-box-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,0.3));
-  --udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));
-  --udex-select-box-popover-border-width: var(--sapElement_BorderWidth, 1px);
-  --udex-select-box-popover-border-radius: var(--udexRadiusM, 8px);
+:host([displayonly][mode="MultiSelect"]) .udex-text-field__input {
+  min-width: inherit;
 }
 
-:host([disabled]) .udex-text-field__trigger,
-:host([readonly]) .udex-text-field__trigger {
-  cursor: inherit;
+:host([mode="MultiSelect"]) .udex-text-field__input {
+  min-width: 20%;
 }
 
-:host([displayonly]) .udex-text-field__input {
-  overflow: hidden;
+.udex-tag-group + .udex-text-field__input .udex-text-field__text-holder {
+  inset: 0 var(--udexSpacer12) 0 1px;
 }
 
-.udex-text-field__wrap {
-  position: unset;
-}
-
-.udex-text-field__input:not([readonly]):not([disabled]) .udex-text-field__trigger:hover {
-  border-left: 1px solid var(--udexColorGrey4, #A9B4BE);
-}
-
-.udex-text-field__input[open]:not([readonly]):not([disabled]) .udex-text-field__trigger:hover,
-.udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger {
-  border-left: 1px solid var(--udexColorBlue4, #89D1FF);
-  cursor: pointer;
-}
-
-:host(:dir(rtl)) .udex-text-field__input:not([readonly]) .udex-text-field__trigger:hover {
-  border-right: 1px solid var(--udexColorGrey4, #A9B4BE);
-  border-left: none;
-}
-
-:host(:dir(rtl)) .udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger {
-  border-right: 1px solid var(--udexColorBlue4, #89D1FF);
-  border-left: none;
-}
-
-:host([displayonly]:dir(rtl)) .udex-text-field__label {
-  right: 0;
-}
-
-:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
-:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-left: 1px solid var(--udexCoreSemanticError4, #FF8CB2);
-  color:  var(--udexCoreSemanticError9, #840606);
-}
-
-:host([value-state="Error"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-right: 1px solid var(--udexCoreSemanticError4, #FF8CB2);
-  color:  var(--udexCoreSemanticError9, #840606);
-  border-left: none;
-}
-
-:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
-:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-left: 1px solid var(--udexCoreSemanticSuccess6, #36a41d);
-  color: var(--udexCoreSemanticSuccess9, #1E592F);
-}
-
-:host([value-state="Success"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-right: 1px solid var(--udexCoreSemanticSuccess6, #36a41d);
-  color: var(--udexCoreSemanticSuccess9, #1E592F);
-  border-left: none;
-}
-
-:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
-:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-left: 1px solid var(--udexCoreSemanticWarning6, #E76500);
-  color: var(--udexCoreSemanticWarning9, #8D2A00);
-}
-
-:host([value-state="Warning"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-right: 1px solid var(--udexCoreSemanticWarning6, #E76500);
-  color: var(--udexCoreSemanticWarning9, #8D2A00);
-  border-left: none;
-}
-
-:host([mode="SingleSelect"]:not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__container:hover {
-  cursor: pointer;
-}
-
-.udex-text-field__label {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.udex-text-field__label_active {
-  position: absolute;
-  top: 9px;
-  left: 12px;
-  max-width: max-content;
-}
-
-.udex-text-field__input {
-  display: flex;
-  align-items: center;
-  padding: 0;
+.udex-tag-group + .udex-text-field__input .udex-text-field__search {
+  padding: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) 0;
 }
 
-.udex-text-field__trigger {
-  display: flex;
+.udex-text-field__wrap {
   align-items: center;
-  justify-content: center;
-  height: 42px;
-  width: 42px;
-  background: none;
-  border-style: solid;
-  box-sizing: border-box;
-  border-width: var(--sapButton_BorderWidth);
-  border-color: transparent;
-  border-radius: var(--udexRadiusXS);
-  margin-inline-start: auto;
-  padding: 4px;
-  z-index: 1;
-  color: var(--udexColorGrey7, #475E75);
-  outline: none;
-}
-
-.udex-text-field__trigger:focus-visible ui5-icon {
-  outline: 2px solid var(--udexColorBlue10, #002A86);
-  outline-offset: 2px;
-  border-radius: 2px;
-}
-
-.udex-text-field__trigger:hover {
-  cursor: pointer;
-}
-
-.udex-text-field__trigger ui5-icon {
-  height: 18px;
-  width: 18px;
-  color: inherit;
-}
-
-.udex-text-field__text-holder {
-  display: flex;
-  overflow: hidden;
-  padding: var(--udexSpacer8) var(--udexSpacer12);
-}
-
-:host([displayonly]) .udex-text-field__text-holder {
-  padding: var(--udexSpacer8) 0;
-}
-
-.udex-text-field__single-label {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-.udex-text-field__single-label b {
-  font-weight: normal;
 }
 
 .udex-tag-group {
   display: flex;
-  width: 100%;
-  min-width: 100px;
-  max-width: calc(100% - 42px - var(--udexSpacer8));
+  max-width: 70%;
 }
 
 :host([displayonly]) .udex-tag-group {
-  margin-inline-start: -20px;
-}
-
-:host .udex-text-field__input[open] .udex-text-field__trigger {
-  color: var(--udexColorBlue9, #0040B0);
-}
-
-:host([displayonly]) .udex-text-field__label {
-  left: 0;
+  margin-inline-start: calc(var(--udexSpacer20)* -1);
+  max-width: 100%;
 }
 
 .udex-truncatable-tag-content {
   display: flex;
   align-items: center;
-  padding: var(--udexSpacer12, 12px) var(--udexSpacer12, 12px);
+  padding: var(--udexSpacer12, 12px);
 }
 
 .udex-truncatable-tag-content__label {
@@ -198,37 +50,3 @@
   fill: var(--udexColorBlue7, #0070F2);
   cursor: pointer;
 }
-
-.udex-select-box__dropdown {
-  --udex-dropdown-pane-min-width: var(--udex-select-box-popover-min-width);
-  width: var(--udex-dropdown-pane-width);
-  border: var(--udex-select-box-popover-border-width) solid var(--udex-select-box-popover-border-color);
-  border-radius: var(--udex-select-box-popover-border-radius);
-  box-shadow: var(--udex-select-box-popover-shadow);
-}
-
-@media (width < 640px) {
-  .udex-select-box__dropdown {
-    --udex-dropdown-pane-min-width-xs: var(--udex-select-box-popover-min-width);
-  }
-}
-
-.udex-no-result {
-  font-family: var(--sapFontFamily);
-  font-weight: var(--udexTypographyFontWeightRegular, 400);
-  font-size: var(--udexTypographyBodyXSFontSize, 14px);
-  line-height: var(--udexTypographyBodyLineHeight, 1.5);
-  color: var(--sapContent_TitleColor, #000000);
-  padding: 0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
-}
-
-
-.udex-select-box__dropdown::part(header),
-.udex-select-box__dropdown::part(footer) {
-  padding: var(--udexSpacer16, 16px) var(--udexSpacer12, 12px);
-}
-
-.udex-select-box__dropdown::part(content) {
-  padding: 0;
-  overflow: auto;
-}

package/src/themes/TagGroup.css

@@ -5,7 +5,6 @@
 .udex-tag-group__tokenizer {
   border: none;
   width: 100%;
-  min-width: 100px;
   line-height: normal
 }
 

package/src/themes/TextField.css

@@ -118,8 +118,7 @@
 
 :host([value-state="Success"][displayonly]) .udex-text-field__wrap,
 :host([value-state="Warning"][displayonly]) .udex-text-field__wrap,
-:host([value-state="Error"][displayonly]) .udex-text-field__wrap,
-:host([displayonly]) .udex-text-field__wrap {
+:host([value-state="Error"][displayonly]) .udex-text-field__wrap {
   border: 0;
   background-color: transparent;
   font-family: inherit;
@@ -128,7 +127,8 @@
 :host([displayonly]) .udex-text-field__wrap[open],
 :host([displayonly]) .udex-text-field__wrap {
   outline: 0;
-  border: 0;
+  background-color: transparent;
+  border-color: transparent;
 }
 
 :host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,
@@ -195,7 +195,7 @@
   padding: 0 var(--udexSpacer4);
 }
 
-.udex-text-field__container:dir(rtl) .udex-text-field_icon-container {
+.udex-text-field__container:dir(rtl) .udex-text-field__icon-container {
   left: 1px;
   right: auto;
 }
@@ -236,7 +236,7 @@
 }
 
 /* Control button styles */
-.udex-text-field_icon-container {
+.udex-text-field__icon-container {
   --sapContent_DisabledOpacity: 1;
   --sapButton_BorderWidth: 0 0 0 1px;
   --udex-control-button-large-height: 40px;
@@ -245,12 +245,12 @@
   padding: var(--udexSpacer4, 4px);
 }
 
-:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container {
+:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field__icon-container {
   --udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);
   --sapButton_BorderWidth: 0 1px 0 0;
 }
 
-:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container {
+:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field__icon-container {
   --sapButton_BorderWidth: 0 1px 0 0;
 }
 

package/src/types/common.ts

@@ -7,7 +7,7 @@ export enum UDExTarget {
   _top = "_top",
 }
 
-enum UDExValueState {
+export enum UDExValueState {
   Standard = "Standard",
   Warning = "Warning",
   Error = "Error",

package/dist/generated/templates/SearchSuggestionsTemplate.lit.d.ts

@@ -1,3 +0,0 @@
-import type SearchSuggestions from "../../SearchSuggestions.js";
-declare function template(this: SearchSuggestions): import("lit-html").TemplateResult;
-export default template;

package/dist/generated/templates/SearchSuggestionsTemplate.lit.js

@@ -1,17 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, repeat, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-function block0(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-popover", tags, suffix)} class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow prevent-initial-focus placement="Bottom" horizontal-align="End" style="${styleMap(this.popoverStyles)}" id="${ifDefined(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${this.showNoResultMessage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}</${scopeTag("ui5-popover", tags, suffix)}>` : html `<ui5-popover class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow prevent-initial-focus placement="Bottom" horizontal-align="End" style="${styleMap(this.popoverStyles)}" id="${ifDefined(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${this.showNoResultMessage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}</ui5-popover>`; }
-function block1(context, tags, suffix) { return html `<span class="udex-search-suggestions__message">${ifDefined(this.noResultMessage)}</span>`; }
-function block2(context, tags, suffix) { return html `<div role="tree">${this.isShowSuggestedList ? block3.call(this, context, tags, suffix) : undefined}${this.isShowRecommendedList ? block6.call(this, context, tags, suffix) : undefined}</div>`; }
-function block3(context, tags, suffix) { return html `<div class="udex-search-suggestions__block" role="treeitem">${this.suggestedHeading ? block4.call(this, context, tags, suffix) : undefined}<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="suggested-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${repeat(this.suggestedList, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}</div></div>`; }
-function block4(context, tags, suffix) { return html `<span class="udex-search-suggestions__heading" id="suggested-heading">${ifDefined(this.suggestedHeading)}</span>`; }
-function block5(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" accessible-name="${ifDefined(item.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html `<ui5-button id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" accessible-name="${ifDefined(item.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`; }
-function block6(context, tags, suffix) { return html `<div class="udex-search-suggestions__block" role="treeitem">${this.recommendedHeading ? block7.call(this, context, tags, suffix) : undefined}<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="recommended-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${repeat(this.recommendedList, (item, index) => item._id || index, (item, index) => block8.call(this, context, tags, suffix, item, index))}</div></div>`; }
-function block7(context, tags, suffix) { return html `<span class="udex-search-suggestions__heading" id="recommended-heading">${ifDefined(this.recommendedHeading)}</span>`; }
-function block8(context, tags, suffix, item, index) { return html `${item.hasCustomIcon ? block9.call(this, context, tags, suffix, item, index) : block10.call(this, context, tags, suffix, item, index)}`; }
-function block9(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" accessible-name="${ifDefined(item.suggestionDescription)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html `<ui5-button id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" accessible-name="${ifDefined(item.suggestionDescription)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`; }
-function block10(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${ifDefined(item.suggestionDescription)}" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html `<ui5-button id="${ifDefined(item.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${ifDefined(item.suggestionDescription)}" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`; }
-function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;
-//# sourceMappingURL=SearchSuggestionsTemplate.lit.js.map

package/dist/generated/templates/SearchSuggestionsTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchSuggestionsTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/SearchSuggestionsTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type SearchSuggestions from \"../../SearchSuggestions.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-popover\", tags, suffix)} class=\"udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}\" hide-arrow prevent-initial-focus placement=\"Bottom\" horizontal-align=\"End\" style=\"${styleMap(this.popoverStyles)}\" id=\"${ifDefined(this.getSuggestionsPopoverId)}\" aria-orientation=\"vertical\" accessible-role=\"Dialog\" @keydown=\"${this.handleKeyPressSuggestionList}\" accessible-name=\"${ifDefined(this.suggestionsAccessibleName)}\">${ this.showNoResultMessage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</${scopeTag(\"ui5-popover\", tags, suffix)}>` : html`<ui5-popover class=\"udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}\" hide-arrow prevent-initial-focus placement=\"Bottom\" horizontal-align=\"End\" style=\"${styleMap(this.popoverStyles)}\" id=\"${ifDefined(this.getSuggestionsPopoverId)}\" aria-orientation=\"vertical\" accessible-role=\"Dialog\" @keydown=\"${this.handleKeyPressSuggestionList}\" accessible-name=\"${ifDefined(this.suggestionsAccessibleName)}\">${ this.showNoResultMessage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</ui5-popover>`;}\nfunction block1 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-search-suggestions__message\">${ifDefined(this.noResultMessage)}</span>`;}\nfunction block2 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div role=\"tree\">${ this.isShowSuggestedList ? block3.call(this, context, tags, suffix) : undefined }${ this.isShowRecommendedList ? block6.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block3 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-search-suggestions__block\" role=\"treeitem\">${ this.suggestedHeading ? block4.call(this, context, tags, suffix) : undefined }<div class=\"udex-search-suggestions__list\" role=\"listbox\" aria-labelledby=\"suggested-heading\" tabindex=\"0\" @keydown=\"${this.handleKeyDownPopover}\">${ repeat(this.suggestedList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</div></div>`;}\nfunction block4 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-search-suggestions__heading\" id=\"suggested-heading\">${ifDefined(this.suggestedHeading)}</span>`;}\nfunction block5 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"ui5-button\", tags, suffix)} id=\"${ifDefined(item.id)}\" icon=\"${ifDefined(item.icon)}\" type=\"Button\" design=\"Default\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" class=\"udex-search-suggestions__item-button\" title=\"${ifDefined(item.title)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</${scopeTag(\"ui5-button\", tags, suffix)}>` : html`<ui5-button id=\"${ifDefined(item.id)}\" icon=\"${ifDefined(item.icon)}\" type=\"Button\" design=\"Default\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" class=\"udex-search-suggestions__item-button\" title=\"${ifDefined(item.title)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</ui5-button>`;}\nfunction block6 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-search-suggestions__block\" role=\"treeitem\">${ this.recommendedHeading ? block7.call(this, context, tags, suffix) : undefined }<div class=\"udex-search-suggestions__list\" role=\"listbox\" aria-labelledby=\"recommended-heading\" tabindex=\"0\" @keydown=\"${this.handleKeyDownPopover}\">${ repeat(this.recommendedList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block8.call(this, context, tags, suffix, item, index)) }</div></div>`;}\nfunction block7 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-search-suggestions__heading\" id=\"recommended-heading\">${ifDefined(this.recommendedHeading)}</span>`;}\nfunction block8 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.hasCustomIcon ? block9.call(this, context, tags, suffix, item, index) : block10.call(this, context, tags, suffix, item, index) }`;}\nfunction block9 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"ui5-button\", tags, suffix)} id=\"${ifDefined(item.id)}\" icon=\"${ifDefined(item.icon)}\" type=\"Button\" design=\"Default\" class=\"udex-search-suggestions__item-button\" title=\"${ifDefined(item.title)}\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</${scopeTag(\"ui5-button\", tags, suffix)}>` : html`<ui5-button id=\"${ifDefined(item.id)}\" icon=\"${ifDefined(item.icon)}\" type=\"Button\" design=\"Default\" class=\"udex-search-suggestions__item-button\" title=\"${ifDefined(item.title)}\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</ui5-button>`;}\nfunction block10 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"ui5-button\", tags, suffix)} id=\"${ifDefined(item.id)}\" type=\"Button\" design=\"Default\" class=\"udex-search-suggestions__item-button\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" title=\"${ifDefined(item.title)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</${scopeTag(\"ui5-button\", tags, suffix)}>` : html`<ui5-button id=\"${ifDefined(item.id)}\" type=\"Button\" design=\"Default\" class=\"udex-search-suggestions__item-button\" accessible-name=\"${ifDefined(item.suggestionDescription)}\" title=\"${ifDefined(item.title)}\" tabindex=\"-1\" role=\"option\" @click=\"${item.handleSelectItem}\">${unsafeHTML(item.text)}</ui5-button>`;}\n\nfunction template(this: SearchSuggestions) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}

package/dist/generated/templates/SearchTemplate.lit.d.ts

@@ -1,3 +0,0 @@
-import type Search from "../../Search.js";
-declare function template(this: Search): import("lit-html").TemplateResult;
-export default template;