@sapudex/web-components 2.16.1 → 2.17.1

package/src/Quote.hbs

@@ -1,20 +0,0 @@
-<div class="udex-quote__container">
-    <div class="udex-quote__image-container">
-        {{#if image}}
-            <slot name="image" slot="image"></slot>
-        {{/if}}
-    </div>
-    <div class="udex-quote__content-container">
-        <div class="content-container__text-container">
-            <p class="content-container__text">
-                <slot></slot>
-            </p>
-        </div>
-        {{#if author}}
-            <slot slot="author" name="author"></slot>
-        {{/if}}
-        {{#if link}}
-            <slot slot="link" name="link"></slot>
-        {{/if}}
-    </div>
-</div>

package/src/Tag.hbs

@@ -1,76 +0,0 @@
-{{#if readOnly}}
-    <div class="{{tagClasses}}">
-        <span class="udex-tag__text">{{{text}}}</span>
-    </div>
-{{else if href}}
-    <a role="{{accessibleRole}}" class="{{tagClasses}}" @click="{{tagLinkClickHandler}}" href="{{href}}">
-        {{#if startIcon}}
-            <ui5-icon
-                    class="udex-tag__icon udex-tag__icon--start"
-                    name="{{icon}}">
-            </ui5-icon>
-        {{/if}}
-        <span class="udex-tag__text">{{{text}}}</span>
-        {{#if endIcon}}
-            <ui5-icon
-                    class="udex-tag__icon udex-tag__icon--end"
-                    name="{{icon}}">
-            </ui5-icon>
-        {{/if}}
-    </a>
-{{else if nonSelectable}}
-    <div class="{{tagClasses}}">
-        {{#if startIcon}}
-            <button
-                    class="udex-tag__btn-icon"
-                    @click="{{iconClickHandler}}"
-                    role="{{accessibleRole}}"
-                    aria-label="{{iconAccessibleName}}">
-                <ui5-icon
-                        class="udex-tag__icon udex-tag__icon--start"
-                        name="{{icon}}">
-                </ui5-icon>
-            </button>
-        {{/if}}
-        <span class="udex-tag__text">{{{text}}}</span>
-        {{#if endIcon}}
-            <button
-                    class="udex-tag__btn-icon"
-                    @click="{{iconClickHandler}}"
-                    role="{{accessibleRole}}"
-                    aria-label="{{iconAccessibleName}}">
-                <ui5-icon
-                        class="udex-tag__icon udex-tag__icon--end"
-                        name="{{icon}}">
-                </ui5-icon>
-            </button>
-        {{/if}}
-    </div>
-{{else}}
-    <div
-        tabindex="{{_tabIndex}}"
-        class="{{tagClasses}}"
-        @click="{{tagClickHandler}}"
-        @focusin="{{_focusin}}"
-        @focusout="{{_focusout}}"
-        @keydown="{{tagKeyDown}}"
-        role="{{accessibleRole}}"
-        aria-label="{{accessibleName}}"
-        aria-pressed="{{selected}}">
-        {{#if startIcon}}
-            <ui5-icon
-                class="udex-tag__icon udex-tag__icon--start"
-                name="{{icon}}"
-                @click="{{iconClickHandler}}">
-            </ui5-icon>
-        {{/if}}
-        <span class="udex-tag__text">{{{text}}}</span>
-        {{#if endIcon}}
-            <ui5-icon
-                class="udex-tag__icon udex-tag__icon--end"
-                name="{{icon}}"
-                @click="{{iconClickHandler}}">
-            </ui5-icon>
-        {{/if}}
-    </div>
-{{/if}}

package/src/TagGroup.hbs

@@ -1,57 +0,0 @@
-<div
-    id="{{_id}}-tag-group"
-    class="udex-tag-group"
-    role="group">
-    <ui5-tokenizer
-        part="tokenizer"
-        show-more
-        prevent-popover-open
-        ?disabled="{{disabled}}"
-        id="{{_id}}-tag-group-tokenizer"
-        class="udex-tag-group__tokenizer"
-        @ui5-show-more-items-press="{{showMoreItems}}"
-        ?expanded="{{tokenizerExpanded}}">
-        {{#each items}}
-            {{>TAG}}
-        {{/each}}
-    </ui5-tokenizer>
-    {{#if _isHiddenTags}}
-        <udex-tooltip
-            @keydown="{{handleShowMoreButtonKeydown}}"
-            id="{{_id}}-tag-group-tooltip"
-            placement="{{tooltipPlacement}}">
-            <div
-                role="group"
-                class="udex-tag-group-tooltip__content">
-                {{#each hiddenTags}}
-                    {{>TAG}}
-                {{/each}}
-            </div>
-        </udex-tooltip>
-    {{/if}}
-</div>
-
-{{#*inline "TAG"}}
-    <udex-tag
-        role="{{../tagRole}}"
-        accessible-role="option"
-        class="udex-tag-group__tag"
-        data-id="{{this.id}}"
-        part="token-{{@index}}"
-        ?read-only="{{../isReadOrDisplayOnly}}"
-        tabindex="{{../tagTabIndex}}"
-        id="{{_id}}-tag-group-tag"
-        text="{{this.text}}"
-        icon="{{this.icon}}"
-        href="{{this.href}}"
-        design="{{this.design}}"
-        size="{{this.size}}"
-        icon-placement="{{this.iconPlacement}}"
-        accessible-name="{{this.accessibleName}}"
-        ?non-selectable="{{this.nonSelectable}}"
-        ?data-overflows="{{this.overflows}}"
-        @keydown="{{../handleTagKeyDown}}"
-        @ui5-selectionChange="{{../handleTagClick}}"
-        @ui5-iconClick="{{../tagIconClickHandler}}">
-    </udex-tag>
-{{/inline}}

package/src/generated/templates/QuoteTemplate.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 Quote from "../../Quote.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-quote__container"><div class="udex-quote__image-container">${ this.image ? block1.call(this, context, tags, suffix) : undefined }</div><div class="udex-quote__content-container"><div class="content-container__text-container"><p class="content-container__text"><slot></slot></p></div>${ this.author ? block2.call(this, context, tags, suffix) : undefined }${ this.link ? block3.call(this, context, tags, suffix) : undefined }</div></div>`;}
-function block1 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name="image" slot="image"></slot>`;}
-function block2 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot="author" name="author"></slot>`;}
-function block3 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot="link" name="link"></slot>`;}
-
-function template(this: Quote) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

package/src/generated/templates/TagGroupTemplate.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 TagGroup from "../../TagGroup.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: TagGroup, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div id="${ifDefined(this._id)}-tag-group" class="udex-tag-group" role="group"><${scopeTag("ui5-tokenizer", tags, suffix)} part="tokenizer" show-more prevent-popover-open ?disabled="${this.disabled}" id="${ifDefined(this._id)}-tag-group-tokenizer" class="udex-tag-group__tokenizer" @ui5-show-more-items-press="${ifDefined(this.showMoreItems)}" ?expanded="${this.tokenizerExpanded}">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</${scopeTag("ui5-tokenizer", tags, suffix)}>${ this._isHiddenTags ? block2.call(this, context, tags, suffix) : undefined }</div> ` : html`<div id="${ifDefined(this._id)}-tag-group" class="udex-tag-group" role="group"><ui5-tokenizer part="tokenizer" show-more prevent-popover-open ?disabled="${this.disabled}" id="${ifDefined(this._id)}-tag-group-tokenizer" class="udex-tag-group__tokenizer" @ui5-show-more-items-press="${ifDefined(this.showMoreItems)}" ?expanded="${this.tokenizerExpanded}">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</ui5-tokenizer>${ this._isHiddenTags ? block2.call(this, context, tags, suffix) : undefined }</div> `;}
-function block1 (this: TagGroup, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-tag", tags, suffix)} role="${ifDefined(this.tagRole)}" accessible-role="option" class="udex-tag-group__tag" data-id="${ifDefined(item.id)}" part="token-${index}" ?read-only="${this.isReadOrDisplayOnly}" tabindex="${ifDefined(this.tagTabIndex)}" id="${ifDefined(item._id)}-tag-group-tag" text="${ifDefined(item.text)}" icon="${ifDefined(item.icon)}" href="${ifDefined(item.href)}" design="${ifDefined(item.design)}" size="${ifDefined(item.size)}" icon-placement="${ifDefined(item.iconPlacement)}" accessible-name="${ifDefined(item.accessibleName)}" ?non-selectable="${item.nonSelectable}" ?data-overflows="${item.overflows}" @keydown="${this.handleTagKeyDown}" @ui5-selectionChange="${ifDefined(this.handleTagClick)}" @ui5-iconClick="${ifDefined(this.tagIconClickHandler)}"></${scopeTag("udex-tag", tags, suffix)}>` : html`<udex-tag role="${ifDefined(this.tagRole)}" accessible-role="option" class="udex-tag-group__tag" data-id="${ifDefined(item.id)}" part="token-${index}" ?read-only="${this.isReadOrDisplayOnly}" tabindex="${ifDefined(this.tagTabIndex)}" id="${ifDefined(item._id)}-tag-group-tag" text="${ifDefined(item.text)}" icon="${ifDefined(item.icon)}" href="${ifDefined(item.href)}" design="${ifDefined(item.design)}" size="${ifDefined(item.size)}" icon-placement="${ifDefined(item.iconPlacement)}" accessible-name="${ifDefined(item.accessibleName)}" ?non-selectable="${item.nonSelectable}" ?data-overflows="${item.overflows}" @keydown="${this.handleTagKeyDown}" @ui5-selectionChange="${ifDefined(this.handleTagClick)}" @ui5-iconClick="${ifDefined(this.tagIconClickHandler)}"></udex-tag>`;}
-function block2 (this: TagGroup, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-tooltip", tags, suffix)} @keydown="${this.handleShowMoreButtonKeydown}" id="${ifDefined(this._id)}-tag-group-tooltip" placement="${ifDefined(this.tooltipPlacement)}"><div role="group" class="udex-tag-group-tooltip__content">${ repeat(this.hiddenTags, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></${scopeTag("udex-tooltip", tags, suffix)}>` : html`<udex-tooltip @keydown="${this.handleShowMoreButtonKeydown}" id="${ifDefined(this._id)}-tag-group-tooltip" placement="${ifDefined(this.tooltipPlacement)}"><div role="group" class="udex-tag-group-tooltip__content">${ repeat(this.hiddenTags, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></udex-tooltip>`;}
-function block3 (this: TagGroup, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-tag", tags, suffix)} role="${ifDefined(this.tagRole)}" accessible-role="option" class="udex-tag-group__tag" data-id="${ifDefined(item.id)}" part="token-${index}" ?read-only="${this.isReadOrDisplayOnly}" tabindex="${ifDefined(this.tagTabIndex)}" id="${ifDefined(item._id)}-tag-group-tag" text="${ifDefined(item.text)}" icon="${ifDefined(item.icon)}" href="${ifDefined(item.href)}" design="${ifDefined(item.design)}" size="${ifDefined(item.size)}" icon-placement="${ifDefined(item.iconPlacement)}" accessible-name="${ifDefined(item.accessibleName)}" ?non-selectable="${item.nonSelectable}" ?data-overflows="${item.overflows}" @keydown="${this.handleTagKeyDown}" @ui5-selectionChange="${ifDefined(this.handleTagClick)}" @ui5-iconClick="${ifDefined(this.tagIconClickHandler)}"></${scopeTag("udex-tag", tags, suffix)}>` : html`<udex-tag role="${ifDefined(this.tagRole)}" accessible-role="option" class="udex-tag-group__tag" data-id="${ifDefined(item.id)}" part="token-${index}" ?read-only="${this.isReadOrDisplayOnly}" tabindex="${ifDefined(this.tagTabIndex)}" id="${ifDefined(item._id)}-tag-group-tag" text="${ifDefined(item.text)}" icon="${ifDefined(item.icon)}" href="${ifDefined(item.href)}" design="${ifDefined(item.design)}" size="${ifDefined(item.size)}" icon-placement="${ifDefined(item.iconPlacement)}" accessible-name="${ifDefined(item.accessibleName)}" ?non-selectable="${item.nonSelectable}" ?data-overflows="${item.overflows}" @keydown="${this.handleTagKeyDown}" @ui5-selectionChange="${ifDefined(this.handleTagClick)}" @ui5-iconClick="${ifDefined(this.tagIconClickHandler)}"></udex-tag>`;}
-
-function template(this: TagGroup) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,23 +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 Tag from "../../Tag.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.readOnly ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) } `;}
-function block1 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="${ifDefined(this.tagClasses)}"><span class="udex-tag__text">${unsafeHTML(this.text)}</span></div>`;}
-function block2 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.href ? block3.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix) }`;}
-function block3 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a role="${ifDefined(this.accessibleRole)}" class="${ifDefined(this.tagClasses)}" @click="${this.tagLinkClickHandler}" href="${ifDefined(this.href)}">${ this.startIcon ? block4.call(this, context, tags, suffix) : undefined }<span class="udex-tag__text">${unsafeHTML(this.text)}</span>${ this.endIcon ? block5.call(this, context, tags, suffix) : undefined }</a>`;}
-function block4 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}"></ui5-icon>`;}
-function block5 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}"></ui5-icon>`;}
-function block6 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.nonSelectable ? block7.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix) }`;}
-function block7 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="${ifDefined(this.tagClasses)}">${ this.startIcon ? block8.call(this, context, tags, suffix) : undefined }<span class="udex-tag__text">${unsafeHTML(this.text)}</span>${ this.endIcon ? block9.call(this, context, tags, suffix) : undefined }</div>`;}
-function block8 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<button class="udex-tag__btn-icon" @click="${this.iconClickHandler}" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.iconAccessibleName)}"><${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}></button>` : html`<button class="udex-tag__btn-icon" @click="${this.iconClickHandler}" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.iconAccessibleName)}"><ui5-icon class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}"></ui5-icon></button>`;}
-function block9 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<button class="udex-tag__btn-icon" @click="${this.iconClickHandler}" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.iconAccessibleName)}"><${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}></button>` : html`<button class="udex-tag__btn-icon" @click="${this.iconClickHandler}" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.iconAccessibleName)}"><ui5-icon class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}"></ui5-icon></button>`;}
-function block10 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div tabindex="${ifDefined(this._tabIndex)}" class="${ifDefined(this.tagClasses)}" @click="${this.tagClickHandler}" @focusin="${this._focusin}" @focusout="${this._focusout}" @keydown="${this.tagKeyDown}" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.accessibleName)}" aria-pressed="${ifDefined(this.selected)}">${ this.startIcon ? block11.call(this, context, tags, suffix) : undefined }<span class="udex-tag__text">${unsafeHTML(this.text)}</span>${ this.endIcon ? block12.call(this, context, tags, suffix) : undefined }</div>`;}
-function block11 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}" @click="${this.iconClickHandler}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}" @click="${this.iconClickHandler}"></ui5-icon>`;}
-function block12 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}" @click="${this.iconClickHandler}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}" @click="${this.iconClickHandler}"></ui5-icon>`;}
-
-function template(this: Tag) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

package/src/i18n/messagebundle_pt_BR.properties

@@ -1,4 +0,0 @@
-COPYRIGHT=© {0} SAP SE ou empresa afiliada SAP. Todos os direitos reservados.
-OVERVIEW=Síntese
-LOGOUT=Sair
-MAIN_LINKS=Principais links