@sapudex/web-components 2.16.0 → 2.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cypress/specs/AccordionItem.cy.tsx +18 -1
- package/cypress/specs/PasswordField.cy.tsx +91 -0
- package/cypress/specs/Quote.cy.tsx +2 -2
- package/cypress/specs/SecondaryNavigationDesktop.cy.tsx +2 -2
- package/cypress/support/component-imports.instrumented.ts +3 -1
- package/cypress/support/component-imports.src.ts +3 -1
- package/dist/AccordionItem.d.ts +4 -0
- package/dist/AccordionItem.js +16 -1
- package/dist/AccordionItem.js.map +1 -1
- package/dist/AvatarGroup.d.ts +1 -0
- package/dist/AvatarGroup.js +8 -4
- package/dist/AvatarGroup.js.map +1 -1
- package/dist/LinkListItemTemplate.js +1 -1
- package/dist/LinkListItemTemplate.js.map +1 -1
- package/dist/List.js +7 -1
- package/dist/List.js.map +1 -1
- package/dist/ListGroupHeader.js +7 -1
- package/dist/ListGroupHeader.js.map +1 -1
- package/dist/ListSelectAll.js +7 -1
- package/dist/ListSelectAll.js.map +1 -1
- package/dist/MastheadShell.js +2 -1
- package/dist/MastheadShell.js.map +1 -1
- package/dist/PasswordField.d.ts +3 -5
- package/dist/PasswordField.js +6 -8
- package/dist/PasswordField.js.map +1 -1
- package/dist/PasswordFieldTemplate.d.ts +4 -0
- package/dist/PasswordFieldTemplate.js +8 -0
- package/dist/PasswordFieldTemplate.js.map +1 -0
- package/dist/Quote.js +3 -4
- package/dist/Quote.js.map +1 -1
- package/dist/QuoteTemplate.d.ts +2 -0
- package/dist/QuoteTemplate.js +6 -0
- package/dist/QuoteTemplate.js.map +1 -0
- package/dist/Search.d.ts +0 -1
- package/dist/Search.js +0 -13
- package/dist/Search.js.map +1 -1
- package/dist/Tag.js +3 -3
- package/dist/Tag.js.map +1 -1
- package/dist/TagGroup.d.ts +0 -2
- package/dist/TagGroup.js +3 -9
- package/dist/TagGroup.js.map +1 -1
- package/dist/TagGroupTemplate.d.ts +2 -0
- package/dist/TagGroupTemplate.js +12 -0
- package/dist/TagGroupTemplate.js.map +1 -0
- package/dist/TagTemplate.d.ts +2 -0
- package/dist/TagTemplate.js +18 -0
- package/dist/TagTemplate.js.map +1 -0
- package/dist/TextField.d.ts +5 -3
- package/dist/TextField.js +5 -3
- package/dist/TextField.js.map +1 -1
- package/dist/Tooltip.d.ts +5 -0
- package/dist/Tooltip.js.map +1 -1
- package/dist/assets/{InputSuggestions-lpqKgn1j.js → InputSuggestions-EyZxsb7i.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-BPs3CyVq.js → ListItemStandardExpandableTextTemplate-DgdZLN5V.js} +1 -1
- package/dist/assets/{bundle.esm-C3RAGF4b.js → bundle.esm-ChjL9w9f.js} +206 -206
- package/dist/css/themes/CountrySelector.css +1 -1
- package/dist/css/themes/PhoneNumberField.css +1 -1
- package/dist/css/themes/Quote.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Search.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/TextArea.css +1 -1
- package/dist/css/themes/TextField.css +1 -1
- package/dist/custom-elements-internal.json +73 -0
- package/dist/custom-elements.json +61 -0
- package/dist/generated/templates/SearchTemplate.lit.js +1 -1
- package/dist/generated/templates/SearchTemplate.lit.js.map +1 -1
- package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
- package/dist/generated/themes/CountrySelector.css.js +1 -1
- package/dist/generated/themes/CountrySelector.css.js.map +1 -1
- package/dist/generated/themes/PhoneNumberField.css.d.ts +1 -1
- package/dist/generated/themes/PhoneNumberField.css.js +1 -1
- package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
- package/dist/generated/themes/Quote.css.d.ts +1 -1
- package/dist/generated/themes/Quote.css.js +1 -1
- package/dist/generated/themes/Quote.css.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/Search.css.d.ts +1 -1
- package/dist/generated/themes/Search.css.js +1 -1
- package/dist/generated/themes/Search.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.d.ts +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/generated/themes/TextArea.css.d.ts +1 -1
- package/dist/generated/themes/TextArea.css.js +1 -1
- package/dist/generated/themes/TextArea.css.js.map +1 -1
- package/dist/generated/themes/TextField.css.d.ts +1 -1
- package/dist/generated/themes/TextField.css.js +1 -1
- package/dist/generated/themes/TextField.css.js.map +1 -1
- package/dist/vscode.html-custom-data.json +21 -3
- package/dist/web-types.json +60 -6
- package/package.json +1 -1
- package/src/AccordionItem.ts +21 -1
- package/src/AvatarGroup.ts +10 -5
- package/src/LinkListItemTemplate.tsx +4 -1
- package/src/List.ts +5 -0
- package/src/ListGroupHeader.ts +5 -0
- package/src/ListSelectAll.ts +5 -1
- package/src/MastheadShell.ts +2 -1
- package/src/PasswordField.ts +7 -10
- package/src/PasswordFieldTemplate.tsx +29 -0
- package/src/Quote.ts +3 -5
- package/src/QuoteTemplate.tsx +28 -0
- package/src/Search.hbs +1 -1
- package/src/Search.ts +0 -14
- package/src/Tag.ts +3 -3
- package/src/TagGroup.ts +3 -11
- package/src/TagGroupTemplate.tsx +75 -0
- package/src/TagTemplate.tsx +79 -0
- package/src/TextField.ts +5 -3
- package/src/Tooltip.ts +5 -0
- package/src/generated/templates/SearchTemplate.lit.ts +1 -1
- package/src/generated/themes/CountrySelector.css.ts +1 -1
- package/src/generated/themes/PhoneNumberField.css.ts +1 -1
- package/src/generated/themes/Quote.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Search.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/TextArea.css.ts +1 -1
- package/src/generated/themes/TextField.css.ts +1 -1
- package/src/themes/CountrySelector.css +0 -8
- package/src/themes/PhoneNumberField.css +1 -21
- package/src/themes/Quote.css +38 -29
- package/src/themes/Search.css +1 -5
- package/src/themes/TextArea.css +1 -25
- package/src/themes/TextField.css +4 -18
- package/dist/generated/templates/PasswordFieldTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/PasswordFieldTemplate.lit.js +0 -7
- package/dist/generated/templates/PasswordFieldTemplate.lit.js.map +0 -1
- package/dist/generated/templates/QuoteTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/QuoteTemplate.lit.js +0 -10
- package/dist/generated/templates/QuoteTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TagGroupTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/TagGroupTemplate.lit.js +0 -10
- package/dist/generated/templates/TagGroupTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TagTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/TagTemplate.lit.js +0 -19
- package/dist/generated/templates/TagTemplate.lit.js.map +0 -1
- package/src/PasswordField.hbs +0 -18
- package/src/Quote.hbs +0 -20
- package/src/Tag.hbs +0 -76
- package/src/TagGroup.hbs +0 -57
- package/src/generated/templates/PasswordFieldTemplate.lit.ts +0 -11
- package/src/generated/templates/QuoteTemplate.lit.ts +0 -14
- package/src/generated/templates/TagGroupTemplate.lit.ts +0 -14
- package/src/generated/templates/TagTemplate.lit.ts +0 -23
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TagGroupTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TagGroupTemplate.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 TagGroup from \"../../TagGroup.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction 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> `;}\nfunction 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>`;}\nfunction 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>`;}\nfunction 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>`;}\n\nfunction template(this: TagGroup) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
function block0(context, tags, suffix) { return html `${this.readOnly ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)} `; }
|
|
5
|
-
function block1(context, tags, suffix) { return html `<div class="${ifDefined(this.tagClasses)}"><span class="udex-tag__text">${unsafeHTML(this.text)}</span></div>`; }
|
|
6
|
-
function block2(context, tags, suffix) { return html `${this.href ? block3.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix)}`; }
|
|
7
|
-
function block3(context, tags, suffix) { 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>`; }
|
|
8
|
-
function block4(context, tags, suffix) { 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>`; }
|
|
9
|
-
function block5(context, tags, suffix) { 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>`; }
|
|
10
|
-
function block6(context, tags, suffix) { return html `${this.nonSelectable ? block7.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}`; }
|
|
11
|
-
function block7(context, tags, suffix) { 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>`; }
|
|
12
|
-
function block8(context, tags, suffix) { 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>`; }
|
|
13
|
-
function block9(context, tags, suffix) { 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>`; }
|
|
14
|
-
function block10(context, tags, suffix) { 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>`; }
|
|
15
|
-
function block11(context, tags, suffix) { 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>`; }
|
|
16
|
-
function block12(context, tags, suffix) { 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>`; }
|
|
17
|
-
function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
|
|
18
|
-
export default template;
|
|
19
|
-
//# sourceMappingURL=TagTemplate.lit.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TagTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TagTemplate.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 Tag from \"../../Tag.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction 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) } `;}\nfunction 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>`;}\nfunction 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) }`;}\nfunction 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>`;}\nfunction 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>`;}\nfunction 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>`;}\nfunction 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) }`;}\nfunction 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>`;}\nfunction 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>`;}\nfunction 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>`;}\nfunction 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>`;}\nfunction 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>`;}\nfunction 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>`;}\n\nfunction template(this: Tag) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
package/src/PasswordField.hbs
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
<udex-text-field
|
|
2
|
-
type="{{type}}"
|
|
3
|
-
value="{{value}}"
|
|
4
|
-
label="{{passwordLabel}}"
|
|
5
|
-
autocomplete="{{autocomplete}}"
|
|
6
|
-
?disabled="{{disabled}}"
|
|
7
|
-
?readonly="{{readonly}}"
|
|
8
|
-
?displayonly="{{displayonly}}"
|
|
9
|
-
maxlength="{{maxlength}}"
|
|
10
|
-
value-state="{{valueState}}"
|
|
11
|
-
supporting-text="{{supportingText}}"
|
|
12
|
-
accessible-name="{{accessibleName}}"
|
|
13
|
-
accessible-name-ref="{{accessibleNameRef}}"
|
|
14
|
-
accessible-icon-name="{{showButtonTooltip}}"
|
|
15
|
-
show-button-tooltip="{{showButtonTooltip}}"
|
|
16
|
-
@ui5-click-icon="{{handleShowPassword}}"
|
|
17
|
-
icon="{{iconButton}}"
|
|
18
|
-
></udex-text-field>
|
package/src/Quote.hbs
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
<div class="udex-quote__container">
|
|
2
|
-
<div class="udex-quote__image-container">
|
|
3
|
-
{{#if image}}
|
|
4
|
-
<slot name="image" slot="image"></slot>
|
|
5
|
-
{{/if}}
|
|
6
|
-
</div>
|
|
7
|
-
<div class="udex-quote__content-container">
|
|
8
|
-
<div class="content-container__text-container">
|
|
9
|
-
<p class="content-container__text">
|
|
10
|
-
<slot></slot>
|
|
11
|
-
</p>
|
|
12
|
-
</div>
|
|
13
|
-
{{#if author}}
|
|
14
|
-
<slot slot="author" name="author"></slot>
|
|
15
|
-
{{/if}}
|
|
16
|
-
{{#if link}}
|
|
17
|
-
<slot slot="link" name="link"></slot>
|
|
18
|
-
{{/if}}
|
|
19
|
-
</div>
|
|
20
|
-
</div>
|
package/src/Tag.hbs
DELETED
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
{{#if readOnly}}
|
|
2
|
-
<div class="{{tagClasses}}">
|
|
3
|
-
<span class="udex-tag__text">{{{text}}}</span>
|
|
4
|
-
</div>
|
|
5
|
-
{{else if href}}
|
|
6
|
-
<a role="{{accessibleRole}}" class="{{tagClasses}}" @click="{{tagLinkClickHandler}}" href="{{href}}">
|
|
7
|
-
{{#if startIcon}}
|
|
8
|
-
<ui5-icon
|
|
9
|
-
class="udex-tag__icon udex-tag__icon--start"
|
|
10
|
-
name="{{icon}}">
|
|
11
|
-
</ui5-icon>
|
|
12
|
-
{{/if}}
|
|
13
|
-
<span class="udex-tag__text">{{{text}}}</span>
|
|
14
|
-
{{#if endIcon}}
|
|
15
|
-
<ui5-icon
|
|
16
|
-
class="udex-tag__icon udex-tag__icon--end"
|
|
17
|
-
name="{{icon}}">
|
|
18
|
-
</ui5-icon>
|
|
19
|
-
{{/if}}
|
|
20
|
-
</a>
|
|
21
|
-
{{else if nonSelectable}}
|
|
22
|
-
<div class="{{tagClasses}}">
|
|
23
|
-
{{#if startIcon}}
|
|
24
|
-
<button
|
|
25
|
-
class="udex-tag__btn-icon"
|
|
26
|
-
@click="{{iconClickHandler}}"
|
|
27
|
-
role="{{accessibleRole}}"
|
|
28
|
-
aria-label="{{iconAccessibleName}}">
|
|
29
|
-
<ui5-icon
|
|
30
|
-
class="udex-tag__icon udex-tag__icon--start"
|
|
31
|
-
name="{{icon}}">
|
|
32
|
-
</ui5-icon>
|
|
33
|
-
</button>
|
|
34
|
-
{{/if}}
|
|
35
|
-
<span class="udex-tag__text">{{{text}}}</span>
|
|
36
|
-
{{#if endIcon}}
|
|
37
|
-
<button
|
|
38
|
-
class="udex-tag__btn-icon"
|
|
39
|
-
@click="{{iconClickHandler}}"
|
|
40
|
-
role="{{accessibleRole}}"
|
|
41
|
-
aria-label="{{iconAccessibleName}}">
|
|
42
|
-
<ui5-icon
|
|
43
|
-
class="udex-tag__icon udex-tag__icon--end"
|
|
44
|
-
name="{{icon}}">
|
|
45
|
-
</ui5-icon>
|
|
46
|
-
</button>
|
|
47
|
-
{{/if}}
|
|
48
|
-
</div>
|
|
49
|
-
{{else}}
|
|
50
|
-
<div
|
|
51
|
-
tabindex="{{_tabIndex}}"
|
|
52
|
-
class="{{tagClasses}}"
|
|
53
|
-
@click="{{tagClickHandler}}"
|
|
54
|
-
@focusin="{{_focusin}}"
|
|
55
|
-
@focusout="{{_focusout}}"
|
|
56
|
-
@keydown="{{tagKeyDown}}"
|
|
57
|
-
role="{{accessibleRole}}"
|
|
58
|
-
aria-label="{{accessibleName}}"
|
|
59
|
-
aria-pressed="{{selected}}">
|
|
60
|
-
{{#if startIcon}}
|
|
61
|
-
<ui5-icon
|
|
62
|
-
class="udex-tag__icon udex-tag__icon--start"
|
|
63
|
-
name="{{icon}}"
|
|
64
|
-
@click="{{iconClickHandler}}">
|
|
65
|
-
</ui5-icon>
|
|
66
|
-
{{/if}}
|
|
67
|
-
<span class="udex-tag__text">{{{text}}}</span>
|
|
68
|
-
{{#if endIcon}}
|
|
69
|
-
<ui5-icon
|
|
70
|
-
class="udex-tag__icon udex-tag__icon--end"
|
|
71
|
-
name="{{icon}}"
|
|
72
|
-
@click="{{iconClickHandler}}">
|
|
73
|
-
</ui5-icon>
|
|
74
|
-
{{/if}}
|
|
75
|
-
</div>
|
|
76
|
-
{{/if}}
|
package/src/TagGroup.hbs
DELETED
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
<div
|
|
2
|
-
id="{{_id}}-tag-group"
|
|
3
|
-
class="udex-tag-group"
|
|
4
|
-
role="group">
|
|
5
|
-
<ui5-tokenizer
|
|
6
|
-
part="tokenizer"
|
|
7
|
-
show-more
|
|
8
|
-
prevent-popover-open
|
|
9
|
-
?disabled="{{disabled}}"
|
|
10
|
-
id="{{_id}}-tag-group-tokenizer"
|
|
11
|
-
class="udex-tag-group__tokenizer"
|
|
12
|
-
@ui5-show-more-items-press="{{showMoreItems}}"
|
|
13
|
-
?expanded="{{tokenizerExpanded}}">
|
|
14
|
-
{{#each items}}
|
|
15
|
-
{{>TAG}}
|
|
16
|
-
{{/each}}
|
|
17
|
-
</ui5-tokenizer>
|
|
18
|
-
{{#if _isHiddenTags}}
|
|
19
|
-
<udex-tooltip
|
|
20
|
-
@keydown="{{handleShowMoreButtonKeydown}}"
|
|
21
|
-
id="{{_id}}-tag-group-tooltip"
|
|
22
|
-
placement="{{tooltipPlacement}}">
|
|
23
|
-
<div
|
|
24
|
-
role="group"
|
|
25
|
-
class="udex-tag-group-tooltip__content">
|
|
26
|
-
{{#each hiddenTags}}
|
|
27
|
-
{{>TAG}}
|
|
28
|
-
{{/each}}
|
|
29
|
-
</div>
|
|
30
|
-
</udex-tooltip>
|
|
31
|
-
{{/if}}
|
|
32
|
-
</div>
|
|
33
|
-
|
|
34
|
-
{{#*inline "TAG"}}
|
|
35
|
-
<udex-tag
|
|
36
|
-
role="{{../tagRole}}"
|
|
37
|
-
accessible-role="option"
|
|
38
|
-
class="udex-tag-group__tag"
|
|
39
|
-
data-id="{{this.id}}"
|
|
40
|
-
part="token-{{@index}}"
|
|
41
|
-
?read-only="{{../isReadOrDisplayOnly}}"
|
|
42
|
-
tabindex="{{../tagTabIndex}}"
|
|
43
|
-
id="{{_id}}-tag-group-tag"
|
|
44
|
-
text="{{this.text}}"
|
|
45
|
-
icon="{{this.icon}}"
|
|
46
|
-
href="{{this.href}}"
|
|
47
|
-
design="{{this.design}}"
|
|
48
|
-
size="{{this.size}}"
|
|
49
|
-
icon-placement="{{this.iconPlacement}}"
|
|
50
|
-
accessible-name="{{this.accessibleName}}"
|
|
51
|
-
?non-selectable="{{this.nonSelectable}}"
|
|
52
|
-
?data-overflows="{{this.overflows}}"
|
|
53
|
-
@keydown="{{../handleTagKeyDown}}"
|
|
54
|
-
@ui5-selectionChange="{{../handleTagClick}}"
|
|
55
|
-
@ui5-iconClick="{{../tagIconClickHandler}}">
|
|
56
|
-
</udex-tag>
|
|
57
|
-
{{/inline}}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
|
5
|
-
import type PasswordField from "../../PasswordField.js";
|
|
6
|
-
import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
|
|
7
|
-
|
|
8
|
-
function block0 (this: PasswordField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-text-field", tags, suffix)} type="${ifDefined(this.type)}" value="${ifDefined(this.value)}" label="${ifDefined(this.passwordLabel)}" autocomplete="${ifDefined(this.autocomplete)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?displayonly="${this.displayonly}" maxlength="${ifDefined(this.maxlength)}" value-state="${ifDefined(this.valueState)}" supporting-text="${ifDefined(this.supportingText)}" accessible-name="${ifDefined(this.accessibleName)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" accessible-icon-name="${ifDefined(this.showButtonTooltip)}" show-button-tooltip="${ifDefined(this.showButtonTooltip)}" @ui5-click-icon="${ifDefined(this.handleShowPassword)}" icon="${ifDefined(this.iconButton)}"></${scopeTag("udex-text-field", tags, suffix)}>` : html`<udex-text-field type="${ifDefined(this.type)}" value="${ifDefined(this.value)}" label="${ifDefined(this.passwordLabel)}" autocomplete="${ifDefined(this.autocomplete)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?displayonly="${this.displayonly}" maxlength="${ifDefined(this.maxlength)}" value-state="${ifDefined(this.valueState)}" supporting-text="${ifDefined(this.supportingText)}" accessible-name="${ifDefined(this.accessibleName)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" accessible-icon-name="${ifDefined(this.showButtonTooltip)}" show-button-tooltip="${ifDefined(this.showButtonTooltip)}" @ui5-click-icon="${ifDefined(this.handleShowPassword)}" icon="${ifDefined(this.iconButton)}"></udex-text-field>`;}
|
|
9
|
-
|
|
10
|
-
function template(this: PasswordField) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
|
|
11
|
-
export default template;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
|
5
|
-
import type Quote from "../../Quote.js";
|
|
6
|
-
import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
|
|
7
|
-
|
|
8
|
-
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>`;}
|
|
9
|
-
function block1 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name="image" slot="image"></slot>`;}
|
|
10
|
-
function block2 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot="author" name="author"></slot>`;}
|
|
11
|
-
function block3 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot="link" name="link"></slot>`;}
|
|
12
|
-
|
|
13
|
-
function template(this: Quote) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
|
|
14
|
-
export default template;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
|
5
|
-
import type TagGroup from "../../TagGroup.js";
|
|
6
|
-
import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
|
|
7
|
-
|
|
8
|
-
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> `;}
|
|
9
|
-
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>`;}
|
|
10
|
-
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>`;}
|
|
11
|
-
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>`;}
|
|
12
|
-
|
|
13
|
-
function template(this: TagGroup) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
|
|
14
|
-
export default template;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
|
5
|
-
import type Tag from "../../Tag.js";
|
|
6
|
-
import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
|
|
7
|
-
|
|
8
|
-
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) } `;}
|
|
9
|
-
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>`;}
|
|
10
|
-
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) }`;}
|
|
11
|
-
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>`;}
|
|
12
|
-
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>`;}
|
|
13
|
-
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>`;}
|
|
14
|
-
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) }`;}
|
|
15
|
-
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>`;}
|
|
16
|
-
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>`;}
|
|
17
|
-
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>`;}
|
|
18
|
-
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>`;}
|
|
19
|
-
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>`;}
|
|
20
|
-
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>`;}
|
|
21
|
-
|
|
22
|
-
function template(this: Tag) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
|
|
23
|
-
export default template;
|