@sapudex/web-components 2.25.1 → 2.27.0

package/src/themes/MastheadProfileMenu.css

@@ -29,14 +29,14 @@
   display: inline-flex;
   flex-direction: column;
   align-items: stretch;
-  gap: var(--udexSpacer48);
   background-color: var(--udex-masthead-profile-menu-background-color);
   padding: var(--udex-masthead-profile-menu-paddings-desktop);
   box-sizing: border-box;
 }
 
-.udex-masthead-profile-menu.udex-masthead-profile-menu_switcher {
-  gap: var(--udexSpacer40);
+.udex-masthead-profile-menu__message,
+.udex-masthead-profile-menu__header {
+  margin-bottom: var(--udexSpacer48);
 }
 
 .udex-masthead-profile-menu__header {
@@ -72,17 +72,27 @@
   width: 100%;
 }
 
-.udex-masthead-profile-menu__actions {
-  border-top: 1px solid var(--udex-masthead-profile-menu-login-border-color);
-  position: relative;
-}
-
 :host([_is-mobile-mode]) .udex-masthead-profile-menu {
   padding: var(--udex-masthead-profile-menu-paddings-mobile);
-  gap: var(--udexSpacer24);
   box-sizing: border-box;
   width: 100%;
-  min-height: 100%;
+  height: 100%;
+  overflow: auto;
+}
+
+:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,
+:host([_is-mobile-mode]) .udex-masthead-profile-menu__header {
+  margin-bottom: var(--udexSpacer24);
+}
+
+.udex-masthead-profile-menu__identities-list-wrap {
+  overflow: auto;
+  min-height: 150px;
+}
+
+.udex-masthead-profile-menu__identities-list-wrap {
+  height: 100%;
+  position: relative;
 }
 
 .udex-masthead-profile-menu__btn-back {
@@ -115,16 +125,15 @@
   font-weight: var(--udexTypographyFontWeightMedium);
   border-bottom: 1px solid var(--udex-masthead-profile-menu-login-border-color);
   margin-bottom: var(--udexSpacer4);
+  margin-top: var(--udexSpacer32);
   display: block;
 }
 
-:host([_is-mobile-mode]) .udex-masthead-profile-menu__switcher-title {
-  display: none;
-}
-
 .udex-masthead-profile-menu__add-remove-btn {
   margin-inline-end: auto;
   margin-top: var(--udexSpacer24);
+  display: block;
+  min-height: 42px;
 }
 
 .udex-masthead-profile-menu__header-wrap {
@@ -133,8 +142,12 @@
 }
 
 :host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list {
-  max-height: initial;
-  overflow: initial;
+  max-height: 100%;
+}
+
+:host([_is-mobile-mode]) .udex-masthead-profile-menu.udex-masthead-profile-menu_switcher,
+.udex-masthead-profile-menu.udex-masthead-profile-menu_switcher {
+  gap: 0;
 }
 
 .udex-masthead-profile-menu__identities-list {
@@ -143,6 +156,49 @@
   display: block;
 }
 
+.udex-masthead-profile-menu__content {
+  position: relative;
+  min-height: 150px;
+  overflow: auto;
+}
+
+.udex-masthead-profile-menu__links {
+  height: 100%;
+  overflow: auto;
+  max-height: 100%;
+}
+
+.udex-masthead-profile-menu__content {
+  position: relative;
+}
+
+:host([_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,
+.udex-masthead-profile-menu__identities-list_scrollable:before {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 40px;
+  z-index: 1;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
+}
+
+:host([desktop][_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,
+:host([desktop]) .udex-masthead-profile-menu__identities-list_scrollable:before {
+  right: 15px;
+}
+
+:host([desktop][_is-mobile-mode]:dir(rtl)) .udex-masthead-profile-menu__links_scrollable:before,
+:host([desktop]:dir(rtl)) .udex-masthead-profile-menu__identities-list_scrollable:before {
+  right: 0;
+  left: 15px;
+}
+
+:host([_is-mobile-mode]) .udex-masthead-profile-menu__switcher-title {
+  display: none;
+}
+
 .udex-masthead-profile-menu__identities-list-item {
   margin-bottom: var(--udexSpacer4);
 }
@@ -151,7 +207,42 @@
   word-break: break-all;
 }
 
+:host([_is-mobile-mode]) .udex-masthead-profile-menu__actions [udex-link] {
+  padding: var(--udexSpacer16) var(--udexSpacer8);
+  margin: 0;
+  display: block;
+}
+
+.udex-masthead-profile-menu__actions [udex-link] {
+  font-family: var(--udex-masthead-menu-item-font-family, sans-serif);
+  font-size: var(--udex-masthead-menu-item-font-size, 14px);
+  line-height: var(--udex-masthead-menu-item-line-height, 1.1);
+  font-weight: var(--udex-masthead-menu-item-font-weight, 500);
+  margin: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);
+  color: var(--sapList_TextColor, #000);
+  --udex-link-icon-width: 14px;
+  --udex-link-icon-height: 14px;
+}
+
+.udex-masthead-profile-menu__btn {
+  padding-top: var(--udexSpacer32);
+}
+
+:host([_is-mobile-mode]) .udex-masthead-profile-menu__btn {
+  padding-top: var(--udexSpacer24);
+}
+
 @media (max-width: 1279px) {
+  .udex-masthead-profile-menu__actions [udex-link] {
+    padding: var(--udexSpacer16) var(--udexSpacer8);
+    margin: 0;
+    display: block;
+  }
+
+  .udex-masthead-profile-menu__btn {
+    padding-top: var(--udexSpacer24);
+  }
+
   .udex-masthead-profile-menu__btn-back::part(menu-item-button) {
     justify-content: space-between;
   }
@@ -166,14 +257,19 @@
 
   .udex-masthead-profile-menu {
     padding: var(--udex-masthead-profile-menu-paddings-mobile);
-    gap: var(--udexSpacer32);
     box-sizing: border-box;
     width: 100%;
     min-height: 100%;
   }
 
+  :host([_is-mobile-mode]) .udex-masthead-profile-menu__message,
+  :host([_is-mobile-mode]) .udex-masthead-profile-menu__header {
+    margin-bottom: var(--udexSpacer32);
+  }
+
   .udex-masthead-profile-menu__actions {
     border-top: 0;
+    margin-top: auto;
   }
 
   udex-masthead-menu-item::part(menu-item) {

package/src/themes/Quote.css

@@ -74,7 +74,7 @@
 
 .udex-quote__text-container:before,
 .udex-quote__text-container:after {
-  font-family: var(--sapFontFamily);
+  font-family: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";
   font-weight: var(--udexTypographyFontWeightMedium, 500);
   text-align: center;
   position: absolute;

package/src/themes/TabNavigation.css

@@ -63,7 +63,9 @@
   --udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);
   --udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);
   --udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);
-  --udex-tab-navigation-content-line-height: var(--udexTypographyHeadingLineHeight, 1.1);
+  --udex-tab-navigation-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);
+
+  --udex-tab-header-width: 428px;
 }
 
 :host([icon-without-background]) .udex-tab-navigation__button-icon-outer {
@@ -375,13 +377,213 @@
   display: none;
 }
 
+.visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
 .udex-tab-navigation__badge {
   margin-inline-start: var(--udexSpacer4);
   display: inline-flex;
 }
 
+/* Hide body text and link by default (horizontal tabs) */
+.udex-tab-navigation__button-body-text,
+.udex-tab-navigation__button-link {
+  display: none;
+}
+
 @media screen and (max-width: 979px) {
   .udex-tab-navigation__content {
     padding-block-start: var(--udex-tab-navigation-content-padding-vertical-mobile);
   }
+
+  :host([orientation="Vertical"]) .udex-tab-navigation__root {
+    flex-direction: column;
+  }
+
+  :host([orientation="Vertical"]) .udex-tab-navigation__header {
+    flex: 0 0 100%;
+  }
+
+  :host([orientation="Vertical"]) .udex-tab-navigation__content {
+    flex: 0 0 100%;
+    padding-inline-start: 0;
+  }
+
+  :host([orientation="Vertical"]) > .udex-tab-navigation__root > .udex-tab-navigation__content {
+    display: none;
+  }
+}
+
+/* Vertical Tabs Styles */
+:host([orientation="Vertical"]) .udex-tab-navigation__root {
+  display: flex;
+  gap: var(--udexSpacer24, 24px);
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__header {
+  flex-direction: column;
+  align-items: stretch;
+  min-height: auto;
+  height: 100%;
+  flex: 0 0 25%;
+  width: 100%;
+  max-height: none;
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__header:before {
+  display: none;
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs {
+  flex-direction: column;
+  gap: var(--udexSpacer32, 32px);
+  overflow: visible;
+  white-space: normal;
+  max-height: none;
+  border-inline-start: 1px solid var(--udexColorGrey3, #D5DADD);
+}
+
+@media screen and (max-width: 979px) {
+  :host([orientation="Vertical"]) .udex-tab-navigation__header-tabs {
+    gap: var(--udexSpacer24, 24px);
+  }
+
+  :host([orientation="Vertical"]) .udex-tab-navigation__header-tabs > .udex-tab-navigation__button-tab:not(:last-child):not(:has(+ .udex-tab-navigation__content)),
+  :host([orientation="Vertical"]) .udex-tab-navigation__header-tabs > .udex-tab-navigation__tab-wrapper:not(:last-child):not(:has(+ .udex-tab-navigation__content)),
+  :host([orientation="Vertical"]) .udex-tab-navigation__header-tabs > .udex-tab-navigation__button-link:not(:last-child):not(:has(+ .udex-tab-navigation__content)) {
+    margin-block-end: var(--udexSpacer8, 8px);
+  }
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__button-tab {
+  padding: 0 var(--udexSpacer16, 16px);
+  align-items: flex-start;
+  width: 100%;
+  height: auto;
+  min-height: auto;
+  margin-inline-end: 0;
+  transition: all 200ms ease-in;
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__button-tab:not(:last-child) {
+  margin-inline-end: 0;
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active {
+  padding: var(--udexSpacer16, 16px);
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active::before {
+  content: '';
+  position: absolute;
+  inset-inline-start: -1px;
+  inset-block: 0;
+  z-index: 1;
+  width: 3px;
+  height: 100%;
+  background-color: var(--udex-button-tab-border-color-active);
+  border-start-start-radius: 0;
+  border-start-end-radius: 2px;
+  border-end-start-radius: 0;
+  border-end-end-radius: 2px;
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: var(--udexSpacer16, 16px);
+  padding: 0 var(--udexSpacer16, 16px);
+  transition: all 200ms ease-in;
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active) {
+  padding: var(--udexSpacer16, 16px);
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active)::before {
+  content: '';
+  position: absolute;
+  inset-inline-start: -1px;
+  inset-block: 0;
+  z-index: 1;
+  width: 3px;
+  height: 100%;
+  background-color: var(--udex-button-tab-border-color-active);
+  border-start-start-radius: 0;
+  border-start-end-radius: 2px;
+  border-end-start-radius: 0;
+  border-end-end-radius: 2px;
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper > .udex-tab-navigation__button-tab {
+  padding: 0;
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper > .udex-tab-navigation__button-tab--active::before {
+  display: none;
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__button-badge {
+  inset-block-start: 0;
+  inset-inline-end: -10px;
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__button-text {
+  position: relative;
+  font-size: var(--udexTypographyHeadingRegularXXSFontSize, 20px);
+  line-height: 1.1;
+  font-weight: var(--udexTypographyFontWeightMedium);
+  text-align: start;
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__button-body-text {
+  display: none;
+  margin: 0;
+  font-family: var(--udex-button-tab-font-family);
+  font-size: var(--udexTypographyBodyXSFontSize, 14px);
+  font-weight: var(--udexTypographyFontWeightRegular, 400);
+  color: var(--udexColorGrey7);
+  line-height: var(--udex-tab-navigation-content-line-height);
+  text-align: start;
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active ~ .udex-tab-navigation__button-body-text {
+  display: block;
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__button-link {
+  font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);
+  font-weight: var(--udexTypographyFontWeightRegular, 400);
+  line-height: 24px;
+  display: none;
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active ~ .udex-tab-navigation__button-link {
+  display: block;
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__button-links {
+  display: none;
+  flex-direction: column;
+  gap: var(--udexSpacer2, 2px);
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active ~ .udex-tab-navigation__button-links {
+  display: flex;
+}
+
+:host([orientation="Vertical"]) .udex-tab-navigation__content {
+  flex: 1 1 75%;
+  padding-block-start: 0;
+  padding-inline-start: var(--udexSpacer16, 16px);
 }

package/src/types/List.ts

@@ -24,3 +24,10 @@ export enum UDExAdditionalTextState {
   Error = "Error",
   Information = "Information",
 }
+
+export enum UDExScrollIntoViewOptions {
+  Start = "Start",
+  Center = "Center",
+  End = "End",
+  Nearest = "Nearest",
+}

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

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

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

@@ -1,8 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, ifDefined, 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)} .opener="${ifDefined(this.opener)}" ?open="${this.open}" class="udex-tooltip__pane" ?hide-arrow="${this.hideArrow}" placement="${ifDefined(this.placement)}" horizontal-align="${ifDefined(this.horizontalAlign)}" vertical-align="${ifDefined(this.verticalAlign)}" accessible-name="${ifDefined(this.accessibleName)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" accessible-role="${ifDefined(this.accessibleRole)}" ?prevent-initial-focus="${this.preventInitialFocus}" ?prevent-focus-restore="${this.preventFocusRestore}" @ui5-open="${ifDefined(this.handleOpen)}" @ui5-close="${ifDefined(this.handleClose)}" @ui5-before-close="${ifDefined(this.handleBeforeClose)}" @ui5-before-open="${ifDefined(this.handleBeforeOpen)}">${this.title ? block1.call(this, context, tags, suffix) : undefined}<slot></slot></${scopeTag("ui5-popover", tags, suffix)}>` : html `<ui5-popover .opener="${ifDefined(this.opener)}" ?open="${this.open}" class="udex-tooltip__pane" ?hide-arrow="${this.hideArrow}" placement="${ifDefined(this.placement)}" horizontal-align="${ifDefined(this.horizontalAlign)}" vertical-align="${ifDefined(this.verticalAlign)}" accessible-name="${ifDefined(this.accessibleName)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" accessible-role="${ifDefined(this.accessibleRole)}" ?prevent-initial-focus="${this.preventInitialFocus}" ?prevent-focus-restore="${this.preventFocusRestore}" @ui5-open="${ifDefined(this.handleOpen)}" @ui5-close="${ifDefined(this.handleClose)}" @ui5-before-close="${ifDefined(this.handleBeforeClose)}" @ui5-before-open="${ifDefined(this.handleBeforeOpen)}">${this.title ? block1.call(this, context, tags, suffix) : undefined}<slot></slot></ui5-popover>`; }
-function block1(context, tags, suffix) { return html `<div class="udex-tooltip-title">${ifDefined(this.title)}</div>`; }
-function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;
-//# sourceMappingURL=TooltipTemplate.lit.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TooltipTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAmC,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAiB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,aAAa,EAAE,IAAI,EAAE,MAAM,CAAC,aAAa,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,CAAC,IAAI,6CAA6C,IAAI,CAAC,SAAS,gBAAgB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,uBAAuB,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,qBAAqB,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,0BAA0B,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,6BAA6B,IAAI,CAAC,mBAAmB,6BAA6B,IAAI,CAAC,mBAAmB,gBAAgB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,wBAAwB,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,uBAAuB,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAM,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,kBAAkB,QAAQ,CAAC,aAAa,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,yBAAyB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,CAAC,IAAI,6CAA6C,IAAI,CAAC,SAAS,gBAAgB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,uBAAuB,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,qBAAqB,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,0BAA0B,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,6BAA6B,IAAI,CAAC,mBAAmB,6BAA6B,IAAI,CAAC,mBAAmB,gBAAgB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,wBAAwB,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,uBAAuB,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAM,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,6BAA6B,CAAC,CAAA,CAAC;AAC10D,SAAS,MAAM,CAAiB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA,CAAC;AAEhL,SAAS,QAAQ,KAAkB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AAC3J,eAAe,QAAQ,CAAC","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 Tooltip from \"../../Tooltip.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Tooltip, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-popover\", tags, suffix)} .opener=\"${ifDefined(this.opener)}\" ?open=\"${this.open}\" class=\"udex-tooltip__pane\" ?hide-arrow=\"${this.hideArrow}\" placement=\"${ifDefined(this.placement)}\" horizontal-align=\"${ifDefined(this.horizontalAlign)}\" vertical-align=\"${ifDefined(this.verticalAlign)}\" accessible-name=\"${ifDefined(this.accessibleName)}\" accessible-name-ref=\"${ifDefined(this.accessibleNameRef)}\" accessible-role=\"${ifDefined(this.accessibleRole)}\" ?prevent-initial-focus=\"${this.preventInitialFocus}\" ?prevent-focus-restore=\"${this.preventFocusRestore}\" @ui5-open=\"${ifDefined(this.handleOpen)}\" @ui5-close=\"${ifDefined(this.handleClose)}\" @ui5-before-close=\"${ifDefined(this.handleBeforeClose)}\" @ui5-before-open=\"${ifDefined(this.handleBeforeOpen)}\">${ this.title ? block1.call(this, context, tags, suffix) : undefined }<slot></slot></${scopeTag(\"ui5-popover\", tags, suffix)}>` : html`<ui5-popover .opener=\"${ifDefined(this.opener)}\" ?open=\"${this.open}\" class=\"udex-tooltip__pane\" ?hide-arrow=\"${this.hideArrow}\" placement=\"${ifDefined(this.placement)}\" horizontal-align=\"${ifDefined(this.horizontalAlign)}\" vertical-align=\"${ifDefined(this.verticalAlign)}\" accessible-name=\"${ifDefined(this.accessibleName)}\" accessible-name-ref=\"${ifDefined(this.accessibleNameRef)}\" accessible-role=\"${ifDefined(this.accessibleRole)}\" ?prevent-initial-focus=\"${this.preventInitialFocus}\" ?prevent-focus-restore=\"${this.preventFocusRestore}\" @ui5-open=\"${ifDefined(this.handleOpen)}\" @ui5-close=\"${ifDefined(this.handleClose)}\" @ui5-before-close=\"${ifDefined(this.handleBeforeClose)}\" @ui5-before-open=\"${ifDefined(this.handleBeforeOpen)}\">${ this.title ? block1.call(this, context, tags, suffix) : undefined }<slot></slot></ui5-popover>`;}\nfunction block1 (this: Tooltip, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-tooltip-title\">${ifDefined(this.title)}</div>`;}\n\nfunction template(this: Tooltip) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}

package/src/Tooltip.hbs

@@ -1,22 +0,0 @@
-<ui5-popover
-  .opener="{{opener}}"
-  ?open="{{open}}"
-  class="udex-tooltip__pane"
-  ?hide-arrow="{{hideArrow}}"
-  placement="{{placement}}"
-  horizontal-align="{{horizontalAlign}}"
-  vertical-align="{{verticalAlign}}"
-  accessible-name="{{accessibleName}}"
-  accessible-name-ref="{{accessibleNameRef}}"
-  accessible-role="{{accessibleRole}}"
-  ?prevent-initial-focus="{{preventInitialFocus}}"
-  ?prevent-focus-restore="{{preventFocusRestore}}"
-  @ui5-open="{{handleOpen}}"
-  @ui5-close="{{handleClose}}"
-  @ui5-before-close="{{handleBeforeClose}}"
-  @ui5-before-open="{{handleBeforeOpen}}">
-  {{#if title}}
-    <div class="udex-tooltip-title">{{title}}</div>
-  {{/if}}
-  <slot></slot>
-</ui5-popover>

package/src/generated/templates/TooltipTemplate.lit.ts

@@ -1,12 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type Tooltip from "../../Tooltip.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: Tooltip, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-popover", tags, suffix)} .opener="${ifDefined(this.opener)}" ?open="${this.open}" class="udex-tooltip__pane" ?hide-arrow="${this.hideArrow}" placement="${ifDefined(this.placement)}" horizontal-align="${ifDefined(this.horizontalAlign)}" vertical-align="${ifDefined(this.verticalAlign)}" accessible-name="${ifDefined(this.accessibleName)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" accessible-role="${ifDefined(this.accessibleRole)}" ?prevent-initial-focus="${this.preventInitialFocus}" ?prevent-focus-restore="${this.preventFocusRestore}" @ui5-open="${ifDefined(this.handleOpen)}" @ui5-close="${ifDefined(this.handleClose)}" @ui5-before-close="${ifDefined(this.handleBeforeClose)}" @ui5-before-open="${ifDefined(this.handleBeforeOpen)}">${ this.title ? block1.call(this, context, tags, suffix) : undefined }<slot></slot></${scopeTag("ui5-popover", tags, suffix)}>` : html`<ui5-popover .opener="${ifDefined(this.opener)}" ?open="${this.open}" class="udex-tooltip__pane" ?hide-arrow="${this.hideArrow}" placement="${ifDefined(this.placement)}" horizontal-align="${ifDefined(this.horizontalAlign)}" vertical-align="${ifDefined(this.verticalAlign)}" accessible-name="${ifDefined(this.accessibleName)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" accessible-role="${ifDefined(this.accessibleRole)}" ?prevent-initial-focus="${this.preventInitialFocus}" ?prevent-focus-restore="${this.preventFocusRestore}" @ui5-open="${ifDefined(this.handleOpen)}" @ui5-close="${ifDefined(this.handleClose)}" @ui5-before-close="${ifDefined(this.handleBeforeClose)}" @ui5-before-open="${ifDefined(this.handleBeforeOpen)}">${ this.title ? block1.call(this, context, tags, suffix) : undefined }<slot></slot></ui5-popover>`;}
-function block1 (this: Tooltip, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-tooltip-title">${ifDefined(this.title)}</div>`;}
-
-function template(this: Tooltip) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;