@sapudex/web-components 2.5.0 → 2.7.0

package/src/Avatar.hbs

@@ -1,19 +0,0 @@
-<ui5-avatar
-    class="{{udexAvatarClass}}"
-    ?disabled="{{disabled}}"
-    initials="{{initials}}"
-    ?interactive="{{interactive}}"
-    accessible-name="{{avatarAccessibleName}}"
-    color-scheme="{{getUDExAvatarColorScheme}}"
-    fallback-icon="{{fallbackIcon}}"
-    icon="{{icon}}"
-    shape="{{shape}}"
-    size="{{size}}"
-    @click="{{handleClick}}">
-    {{#if imageSlot}}
-        <slot></slot>
-    {{/if}}
-    {{#if badgeSlot}}
-        <slot name="badge" slot="badge"></slot>
-    {{/if}}
-</ui5-avatar>

package/src/Badge.hbs

@@ -1,16 +0,0 @@
-<div class="{{badgeClasses}}">
-    {{#if startIcon}}
-        <ui5-icon
-            class="udex-badge__icon udex-badge__icon--start"
-            name="{{icon}}">
-        </ui5-icon>
-    {{/if}}
-        <slot></slot>
-    {{#if endIcon}}
-        <ui5-icon
-            class="udex-badge__icon udex-badge__icon--end"
-            name="{{icon}}">
-        </ui5-icon>
-    {{/if}}
-
-</div>

package/src/Carousel.hbs

@@ -1,45 +0,0 @@
-<div class="{{carouselClass}}" @keydown="{{_onkeydown}}">
-  {{#if showNavigationButtons.top}}
-      {{> navigation}}
-  {{/if}}
-  <ui5-carousel
-    id="carousel"
-    hide-navigation-arrows
-    arrows-placement="Navigation"
-    accessible-name="{{accessibleName}}"
-    ?hide-page-indicator="{{_hidePageIndicator}}">
-    {{#each items}}
-      <slot name="{{_individualSlot}}"></slot>
-    {{/each}}
-  </ui5-carousel>
-  {{#if showNavigationButtons.bottom}}
-    {{> navigation}}
-  {{/if}}
-</div>
-
-{{#*inline "navigation"}}
-  <div class="udex-carousel__navigation-wrapper" part="navigation">
-    <udex-button
-      size="Large"
-      design="{{buttonDesign}}"
-      arrow-back
-      class="udex-carousel__navigation-button"
-      icon="slim-arrow-left"
-      tooltip="{{previousPageText}}"
-      part="prev-button"
-      @click="{{_prevButtonClick}}"
-      ?disabled="{{isPrevButtonDisabled}}"
-    ></udex-button>
-    <udex-button
-      size="Large"
-      design="{{buttonDesign}}"
-      arrow-forward
-      class="udex-carousel__navigation-button"
-      icon="slim-arrow-right"
-      tooltip="{{nextPageText}}"
-      part="next-button"
-      @click="{{_nextButtonClick}}"
-      ?disabled="{{isNextButtonDisabled}}"
-    ></udex-button>
-  </div>
-{{/inline}}

package/src/Divider.hbs

@@ -1 +0,0 @@
-<div class="udex-divider-wrapper" role="{{effectiveAccRole}}"><span class="udex-divider"></span></div>

package/src/generated/templates/AccordionItemTemplate.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 AccordionItem from "../../AccordionItem.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: AccordionItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<button id="udex-accordion-item__${ifDefined(this._id)}" type="button" class="udex-accordion-item__header" aria-expanded="false" aria-controls="udex-accordion-item__${ifDefined(this._id)}-content" @focus="${this.focusHandler}" @click="${this.itemClickHandler}" @keydown="${this.keydownHandler}"><div class="udex-accordion-item__icon-wrapper"><${scopeTag("ui5-icon", tags, suffix)} class="udex-accordion-item__icon" name="slim-arrow-right" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}></div><span class="udex-accordion-item__title">${ifDefined(this.label)}${ this.numberBadge ? block1.call(this, context, tags, suffix) : undefined }</span></button><div id="udex-accordion-item__${ifDefined(this._id)}-content" class="udex-accordion-item__content" aria-labelledby="udex-accordion-item__${ifDefined(this._id)}" @keydown="${this.contentKeydown}" role="region"><slot></slot></div>` : html`<button id="udex-accordion-item__${ifDefined(this._id)}" type="button" class="udex-accordion-item__header" aria-expanded="false" aria-controls="udex-accordion-item__${ifDefined(this._id)}-content" @focus="${this.focusHandler}" @click="${this.itemClickHandler}" @keydown="${this.keydownHandler}"><div class="udex-accordion-item__icon-wrapper"><ui5-icon class="udex-accordion-item__icon" name="slim-arrow-right" mode="Decorative"></ui5-icon></div><span class="udex-accordion-item__title">${ifDefined(this.label)}${ this.numberBadge ? block1.call(this, context, tags, suffix) : undefined }</span></button><div id="udex-accordion-item__${ifDefined(this._id)}-content" class="udex-accordion-item__content" aria-labelledby="udex-accordion-item__${ifDefined(this._id)}" @keydown="${this.contentKeydown}" role="region"><slot></slot></div>`;}
-function block1 (this: AccordionItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-badge", tags, suffix)} class="udex-accordion-item__badge" number-design="Blue" type="Number" size="Medium">${ifDefined(this.numberBadge)}</${scopeTag("udex-badge", tags, suffix)}>` : html`<udex-badge class="udex-accordion-item__badge" number-design="Blue" type="Number" size="Medium">${ifDefined(this.numberBadge)}</udex-badge>`;}
-
-function template(this: AccordionItem) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,14 +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 Accordion from "../../Accordion.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: Accordion, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-accordion" @keydown="${this.keydownHandler}" @ui5-accordion-item-focus="${ifDefined(this.itemFocusHandler)}"><div class="udex-accordion__head" part="head">${ this.headline ? block1.call(this, context, tags, suffix) : undefined }${ !this.hideExpandButton ? block2.call(this, context, tags, suffix) : undefined }</div><div class="udex-accordion__content">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></div>`;}
-function block1 (this: Accordion, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<h3 class="udex-accordion__headline">${ifDefined(this.headline)}</h3>`;}
-function block2 (this: Accordion, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} class="udex-accordion__btn" size="Large" design="Tertiary" @click="${this.toggleAllHandler}" @keydown="${this.toggleKeyAllHandler}" accessible-name="${ifDefined(this.toggleAllText)}">${ifDefined(this.toggleAllText)}</${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button class="udex-accordion__btn" size="Large" design="Tertiary" @click="${this.toggleAllHandler}" @keydown="${this.toggleKeyAllHandler}" accessible-name="${ifDefined(this.toggleAllText)}">${ifDefined(this.toggleAllText)}</udex-button>`;}
-function block3 (this: Accordion, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name="${ifDefined(item.item._individualSlot)}"></slot>`;}
-
-function template(this: Accordion) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,13 +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 Avatar from "../../Avatar.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: Avatar, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-avatar", tags, suffix)} class="${ifDefined(this.udexAvatarClass)}" ?disabled="${this.disabled}" initials="${ifDefined(this.initials)}" ?interactive="${this.interactive}" accessible-name="${ifDefined(this.avatarAccessibleName)}" color-scheme="${ifDefined(this.getUDExAvatarColorScheme)}" fallback-icon="${ifDefined(this.fallbackIcon)}" icon="${ifDefined(this.icon)}" shape="${ifDefined(this.shape)}" size="${ifDefined(this.size)}" @click="${this.handleClick}">${ this.imageSlot ? block1.call(this, context, tags, suffix) : undefined }${ this.badgeSlot ? block2.call(this, context, tags, suffix) : undefined }</${scopeTag("ui5-avatar", tags, suffix)}>` : html`<ui5-avatar class="${ifDefined(this.udexAvatarClass)}" ?disabled="${this.disabled}" initials="${ifDefined(this.initials)}" ?interactive="${this.interactive}" accessible-name="${ifDefined(this.avatarAccessibleName)}" color-scheme="${ifDefined(this.getUDExAvatarColorScheme)}" fallback-icon="${ifDefined(this.fallbackIcon)}" icon="${ifDefined(this.icon)}" shape="${ifDefined(this.shape)}" size="${ifDefined(this.size)}" @click="${this.handleClick}">${ this.imageSlot ? block1.call(this, context, tags, suffix) : undefined }${ this.badgeSlot ? block2.call(this, context, tags, suffix) : undefined }</ui5-avatar>`;}
-function block1 (this: Avatar, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot></slot>`;}
-function block2 (this: Avatar, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name="badge" slot="badge"></slot>`;}
-
-function template(this: Avatar) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,13 +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 Badge from "../../Badge.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: Badge, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="${ifDefined(this.badgeClasses)}">${ this.startIcon ? block1.call(this, context, tags, suffix) : undefined }<slot></slot>${ this.endIcon ? block2.call(this, context, tags, suffix) : undefined }</div>`;}
-function block1 (this: Badge, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-badge__icon udex-badge__icon--start" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-badge__icon udex-badge__icon--start" name="${ifDefined(this.icon)}"></ui5-icon>`;}
-function block2 (this: Badge, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-badge__icon udex-badge__icon--end" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-badge__icon udex-badge__icon--end" name="${ifDefined(this.icon)}"></ui5-icon>`;}
-
-function template(this: Badge) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,14 +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 Carousel from "../../Carousel.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="${ifDefined(this.carouselClass)}" @keydown="${this._onkeydown}">${ this.showNavigationButtons.top ? block1.call(this, context, tags, suffix) : undefined }<${scopeTag("ui5-carousel", tags, suffix)} id="carousel" hide-navigation-arrows arrows-placement="Navigation" accessible-name="${ifDefined(this.accessibleName)}" ?hide-page-indicator="${this._hidePageIndicator}">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }</${scopeTag("ui5-carousel", tags, suffix)}>${ this.showNavigationButtons.bottom ? block3.call(this, context, tags, suffix) : undefined }</div> ` : html`<div class="${ifDefined(this.carouselClass)}" @keydown="${this._onkeydown}">${ this.showNavigationButtons.top ? block1.call(this, context, tags, suffix) : undefined }<ui5-carousel id="carousel" hide-navigation-arrows arrows-placement="Navigation" accessible-name="${ifDefined(this.accessibleName)}" ?hide-page-indicator="${this._hidePageIndicator}">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }</ui5-carousel>${ this.showNavigationButtons.bottom ? block3.call(this, context, tags, suffix) : undefined }</div> `;}
-function block1 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-carousel__navigation-wrapper" part="navigation"><${scopeTag("udex-button", tags, suffix)} size="Large" design="${ifDefined(this.buttonDesign)}" arrow-back class="udex-carousel__navigation-button" icon="slim-arrow-left" tooltip="${ifDefined(this.previousPageText)}" part="prev-button" @click="${this._prevButtonClick}" ?disabled="${this.isPrevButtonDisabled}"></${scopeTag("udex-button", tags, suffix)}><${scopeTag("udex-button", tags, suffix)} size="Large" design="${ifDefined(this.buttonDesign)}" arrow-forward class="udex-carousel__navigation-button" icon="slim-arrow-right" tooltip="${ifDefined(this.nextPageText)}" part="next-button" @click="${this._nextButtonClick}" ?disabled="${this.isNextButtonDisabled}"></${scopeTag("udex-button", tags, suffix)}></div>` : html`<div class="udex-carousel__navigation-wrapper" part="navigation"><udex-button size="Large" design="${ifDefined(this.buttonDesign)}" arrow-back class="udex-carousel__navigation-button" icon="slim-arrow-left" tooltip="${ifDefined(this.previousPageText)}" part="prev-button" @click="${this._prevButtonClick}" ?disabled="${this.isPrevButtonDisabled}"></udex-button><udex-button size="Large" design="${ifDefined(this.buttonDesign)}" arrow-forward class="udex-carousel__navigation-button" icon="slim-arrow-right" tooltip="${ifDefined(this.nextPageText)}" part="next-button" @click="${this._nextButtonClick}" ?disabled="${this.isNextButtonDisabled}"></udex-button></div>`;}
-function block2 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;}
-function block3 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-carousel__navigation-wrapper" part="navigation"><${scopeTag("udex-button", tags, suffix)} size="Large" design="${ifDefined(this.buttonDesign)}" arrow-back class="udex-carousel__navigation-button" icon="slim-arrow-left" tooltip="${ifDefined(this.previousPageText)}" part="prev-button" @click="${this._prevButtonClick}" ?disabled="${this.isPrevButtonDisabled}"></${scopeTag("udex-button", tags, suffix)}><${scopeTag("udex-button", tags, suffix)} size="Large" design="${ifDefined(this.buttonDesign)}" arrow-forward class="udex-carousel__navigation-button" icon="slim-arrow-right" tooltip="${ifDefined(this.nextPageText)}" part="next-button" @click="${this._nextButtonClick}" ?disabled="${this.isNextButtonDisabled}"></${scopeTag("udex-button", tags, suffix)}></div>` : html`<div class="udex-carousel__navigation-wrapper" part="navigation"><udex-button size="Large" design="${ifDefined(this.buttonDesign)}" arrow-back class="udex-carousel__navigation-button" icon="slim-arrow-left" tooltip="${ifDefined(this.previousPageText)}" part="prev-button" @click="${this._prevButtonClick}" ?disabled="${this.isPrevButtonDisabled}"></udex-button><udex-button size="Large" design="${ifDefined(this.buttonDesign)}" arrow-forward class="udex-carousel__navigation-button" icon="slim-arrow-right" tooltip="${ifDefined(this.nextPageText)}" part="next-button" @click="${this._nextButtonClick}" ?disabled="${this.isNextButtonDisabled}"></udex-button></div>`;}
-
-function template(this: Carousel) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,11 +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 Divider from "../../Divider.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: Divider, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-divider-wrapper" role="${ifDefined(this.effectiveAccRole)}"><span class="udex-divider"></span></div>`;}
-
-function template(this: Divider) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;