@sapudex/web-components 2.22.0 → 2.24.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/CountrySelector.cy.tsx +158 -144
- package/cypress/specs/EventRibbon.cy.tsx +3 -1
- package/cypress/specs/SelectBox.cy.tsx +173 -206
- package/cypress/specs/Tag.cy.tsx +1 -1
- package/cypress/specs/TextField.cy.tsx +15 -0
- package/cypress/specs/Textarea.cy.tsx +15 -33
- package/dist/Checkbox.js +4 -0
- package/dist/Checkbox.js.map +1 -1
- package/dist/CountrySelector.d.ts +25 -142
- package/dist/CountrySelector.js +91 -268
- package/dist/CountrySelector.js.map +1 -1
- package/dist/FilterMenu.d.ts +14 -2
- package/dist/FilterMenu.js +11 -1
- package/dist/FilterMenu.js.map +1 -1
- package/dist/Footer.js +2 -2
- package/dist/Footer.js.map +1 -1
- package/dist/FooterTemplate.js +1 -1
- package/dist/FooterTemplate.js.map +1 -1
- package/dist/List.js +2 -3
- package/dist/List.js.map +1 -1
- package/dist/ListGroupHeaderBase.d.ts +1 -0
- package/dist/ListGroupHeaderBase.js +3 -0
- package/dist/ListGroupHeaderBase.js.map +1 -1
- package/dist/ListItemBase.d.ts +12 -0
- package/dist/ListItemBase.js +17 -2
- package/dist/ListItemBase.js.map +1 -1
- package/dist/MediaPlayer.js +4 -0
- package/dist/MediaPlayer.js.map +1 -1
- package/dist/MediaPlayerTemplate.js +4 -4
- package/dist/MediaPlayerTemplate.js.map +1 -1
- package/dist/SearchableListBase.d.ts +23 -16
- package/dist/SearchableListBase.js +48 -72
- package/dist/SearchableListBase.js.map +1 -1
- package/dist/SelectBase.d.ts +193 -0
- package/dist/SelectBase.js +428 -0
- package/dist/SelectBase.js.map +1 -0
- package/dist/SelectBox.d.ts +30 -152
- package/dist/SelectBox.js +139 -348
- package/dist/SelectBox.js.map +1 -1
- package/dist/TagGroup.d.ts +23 -5
- package/dist/TagGroup.js +37 -16
- package/dist/TagGroup.js.map +1 -1
- package/dist/TagTemplate.js +4 -2
- package/dist/TagTemplate.js.map +1 -1
- package/dist/TextArea.d.ts +1 -1
- package/dist/TextArea.js +5 -5
- package/dist/TextArea.js.map +1 -1
- package/dist/TextAreaTemplate.d.ts +2 -0
- package/dist/TextAreaTemplate.js +13 -0
- package/dist/TextAreaTemplate.js.map +1 -0
- package/dist/TextField.d.ts +29 -4
- package/dist/TextField.js +32 -16
- package/dist/TextField.js.map +1 -1
- package/dist/TextFieldTemplate.d.ts +2 -0
- package/dist/TextFieldTemplate.js +14 -0
- package/dist/TextFieldTemplate.js.map +1 -0
- package/dist/assets/{InputSuggestions-By00xQan.js → InputSuggestions-63QG0i9j.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-BGtoxRbA.js → ListItemStandardExpandableTextTemplate-B1CpqSCb.js} +1 -1
- package/dist/assets/{bundle.esm-9yDdQqR5.js → bundle.esm-lUYJDofa.js} +218 -217
- package/dist/assets/fi-BGPAljj_.js +1 -0
- package/dist/assets/gl-DqaooM6m.js +1 -0
- package/dist/assets/{video.es-DIP_dh4I.js → video.es-BDeHzm02.js} +32 -32
- package/dist/css/themes/Checkbox.css +1 -1
- package/dist/css/themes/CountrySelector.css +1 -1
- package/dist/css/themes/EventRibbon.css +1 -1
- package/dist/css/themes/Footer.css +1 -1
- package/dist/css/themes/ImageGridTickerItem.css +1 -1
- package/dist/css/themes/InputGroup.css +1 -1
- package/dist/css/themes/Link.css +1 -1
- package/dist/css/themes/ListItem.css +1 -1
- package/dist/css/themes/MastheadItem.css +1 -1
- package/dist/css/themes/MastheadMobileMenu.css +1 -1
- package/dist/css/themes/RadioButton.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Search.css +1 -1
- package/dist/css/themes/SelectBase.css +1 -0
- package/dist/css/themes/SelectBox.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/StatusMessage.css +1 -1
- package/dist/css/themes/TagGroup.css +1 -1
- package/dist/css/themes/TextField.css +1 -1
- package/dist/custom-elements-internal.json +1088 -1284
- package/dist/custom-elements.json +284 -934
- package/dist/generated/templates/CountrySelectorTemplate.lit.js +3 -3
- package/dist/generated/templates/CountrySelectorTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ListItemTemplate.lit.js +1 -1
- package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SelectBoxTemplate.lit.js +10 -9
- package/dist/generated/templates/SelectBoxTemplate.lit.js.map +1 -1
- package/dist/generated/themes/Checkbox.css.d.ts +1 -1
- package/dist/generated/themes/Checkbox.css.js +1 -1
- package/dist/generated/themes/Checkbox.css.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/EventRibbon.css.d.ts +1 -1
- package/dist/generated/themes/EventRibbon.css.js +1 -1
- package/dist/generated/themes/EventRibbon.css.js.map +1 -1
- package/dist/generated/themes/Footer.css.d.ts +1 -1
- package/dist/generated/themes/Footer.css.js +1 -1
- package/dist/generated/themes/Footer.css.js.map +1 -1
- package/dist/generated/themes/ImageGridTickerItem.css.d.ts +1 -1
- package/dist/generated/themes/ImageGridTickerItem.css.js +1 -1
- package/dist/generated/themes/ImageGridTickerItem.css.js.map +1 -1
- package/dist/generated/themes/InputGroup.css.d.ts +1 -1
- package/dist/generated/themes/InputGroup.css.js +1 -1
- package/dist/generated/themes/InputGroup.css.js.map +1 -1
- package/dist/generated/themes/Link.css.d.ts +1 -1
- package/dist/generated/themes/Link.css.js +1 -1
- package/dist/generated/themes/Link.css.js.map +1 -1
- package/dist/generated/themes/ListItem.css.d.ts +1 -1
- package/dist/generated/themes/ListItem.css.js +1 -1
- package/dist/generated/themes/ListItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
- package/dist/generated/themes/MastheadItem.css.js +1 -1
- package/dist/generated/themes/MastheadItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadMobileMenu.css.d.ts +1 -1
- package/dist/generated/themes/MastheadMobileMenu.css.js +1 -1
- package/dist/generated/themes/MastheadMobileMenu.css.js.map +1 -1
- package/dist/generated/themes/RadioButton.css.d.ts +1 -1
- package/dist/generated/themes/RadioButton.css.js +1 -1
- package/dist/generated/themes/RadioButton.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/SelectBase.css.d.ts +2 -0
- package/dist/generated/themes/SelectBase.css.js +8 -0
- package/dist/generated/themes/SelectBase.css.js.map +1 -0
- package/dist/generated/themes/SelectBox.css.d.ts +1 -1
- package/dist/generated/themes/SelectBox.css.js +1 -1
- package/dist/generated/themes/SelectBox.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/StatusMessage.css.d.ts +1 -1
- package/dist/generated/themes/StatusMessage.css.js +1 -1
- package/dist/generated/themes/StatusMessage.css.js.map +1 -1
- package/dist/generated/themes/TagGroup.css.d.ts +1 -1
- package/dist/generated/themes/TagGroup.css.js +1 -1
- package/dist/generated/themes/TagGroup.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/types/common.d.ts +1 -1
- package/dist/types/common.js +1 -1
- package/dist/types/common.js.map +1 -1
- package/dist/vscode.html-custom-data.json +23 -234
- package/dist/web-types.json +256 -811
- package/package.json +2 -2
- package/src/Checkbox.ts +4 -0
- package/src/CountrySelector.hbs +6 -61
- package/src/CountrySelector.ts +93 -375
- package/src/FilterMenu.ts +13 -3
- package/src/Footer.ts +2 -2
- package/src/FooterTemplate.tsx +5 -4
- package/src/List.ts +2 -3
- package/src/ListGroupHeaderBase.ts +4 -0
- package/src/ListItem.hbs +0 -1
- package/src/ListItemBase.ts +17 -3
- package/src/MediaPlayer.ts +4 -0
- package/src/MediaPlayerTemplate.tsx +0 -1
- package/src/SearchableListBase.ts +68 -83
- package/src/SelectBase.ts +580 -0
- package/src/SelectBox.hbs +118 -107
- package/src/SelectBox.ts +155 -445
- package/src/TagGroup.ts +53 -19
- package/src/TagTemplate.tsx +4 -2
- package/src/TextArea.ts +5 -5
- package/src/TextAreaTemplate.tsx +67 -0
- package/src/TextField.ts +57 -24
- package/src/TextFieldTemplate.tsx +90 -0
- package/src/generated/templates/CountrySelectorTemplate.lit.ts +2 -2
- package/src/generated/templates/ListItemTemplate.lit.ts +1 -1
- package/src/generated/templates/SelectBoxTemplate.lit.ts +10 -9
- package/src/generated/themes/Checkbox.css.ts +1 -1
- package/src/generated/themes/CountrySelector.css.ts +1 -1
- package/src/generated/themes/EventRibbon.css.ts +1 -1
- package/src/generated/themes/Footer.css.ts +1 -1
- package/src/generated/themes/ImageGridTickerItem.css.ts +1 -1
- package/src/generated/themes/InputGroup.css.ts +1 -1
- package/src/generated/themes/Link.css.ts +1 -1
- package/src/generated/themes/ListItem.css.ts +1 -1
- package/src/generated/themes/MastheadItem.css.ts +1 -1
- package/src/generated/themes/MastheadMobileMenu.css.ts +1 -1
- package/src/generated/themes/RadioButton.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/SelectBase.css.ts +9 -0
- package/src/generated/themes/SelectBox.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/StatusMessage.css.ts +1 -1
- package/src/generated/themes/TagGroup.css.ts +1 -1
- package/src/generated/themes/TextField.css.ts +1 -1
- package/src/themes/Checkbox.css +21 -15
- package/src/themes/CountrySelector.css +42 -115
- package/src/themes/EventRibbon.css +21 -13
- package/src/themes/Footer.css +3 -2
- package/src/themes/ImageGridTickerItem.css +1 -1
- package/src/themes/InputGroup.css +11 -6
- package/src/themes/Link.css +2 -0
- package/src/themes/ListItem.css +6 -0
- package/src/themes/MastheadItem.css +0 -2
- package/src/themes/MastheadMobileMenu.css +2 -0
- package/src/themes/RadioButton.css +29 -6
- package/src/themes/Search.css +0 -1
- package/src/themes/SelectBase.css +239 -0
- package/src/themes/SelectBox.css +13 -195
- package/src/themes/StatusMessage.css +1 -2
- package/src/themes/TagGroup.css +0 -1
- package/src/themes/TextField.css +7 -7
- package/src/types/common.ts +1 -1
- package/dist/assets/fi-hYXoEotT.js +0 -1
- package/dist/assets/gl-eZFVp-ap.js +0 -1
- package/dist/generated/templates/TextAreaTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/TextAreaTemplate.lit.js +0 -13
- package/dist/generated/templates/TextAreaTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TextFieldTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/TextFieldTemplate.lit.js +0 -14
- package/dist/generated/templates/TextFieldTemplate.lit.js.map +0 -1
- package/src/TextArea.hbs +0 -54
- package/src/TextField.hbs +0 -78
- package/src/generated/templates/TextAreaTemplate.lit.ts +0 -17
- package/src/generated/templates/TextFieldTemplate.lit.ts +0 -18
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TextFieldTemplate.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 TextField from \"../../TextField.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-text-field__container\">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<div class=\"udex-text-field__wrap\"><input id=\"${ifDefined(this._id)}-input\" class=\"udex-text-field__input\" type=\"${ifDefined(this.type)}\" .value=\"${ifDefined(this.value)}\" @change=\"${this.handleChange}\" @input=\"${this.handleInput}\" @focus=\"${this.handleFocus}\" @blur=\"${this.handleBlur}\" @click=\"${this.handleClick}\" @keydown=\"${this.handleKeydown}\" maxlength=\"${ifDefined(this.maxlength)}\" ?disabled=\"${this.disabled}\" ?readonly=\"${this.isInputReadonly}\" ?required=\"${this.required}\" aria-required=\"${ifDefined(this.required)}\" aria-readonly=\"${ifDefined(this.isInputReadonly)}\" autocomplete=\"${ifDefined(this.autocomplete)}\" role=\"${ifDefined(this.inputRole)}\" ?aria-disabled=\"${this.readonlyNotDisabled}\" aria-invalid=\"${ifDefined(this.accInfo.ariaInvalid)}\" aria-describedby=\"${ifDefined(this.accInfo.ariaDescribedBy)}\" aria-haspopup=\"${ifDefined(this.accInfo.ariaHasPopup)}\" aria-label=\"${ifDefined(this.accInfo.ariaLabel)}\" part=\"textfield-input\" min=\"${ifDefined(this.min)}\" max=\"${ifDefined(this.max)}\" step=\"${ifDefined(this.step)}\" />${ this.icon ? block3.call(this, context, tags, suffix) : undefined }</div>${ this.supportingText ? block4.call(this, context, tags, suffix) : undefined }${ this.supportingText ? block5.call(this, context, tags, suffix) : undefined }${ this.hasValueState ? block6.call(this, context, tags, suffix) : undefined }${ this.readonly ? block7.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block1 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label for=\"${ifDefined(this._id)}-input\" class=\"${ifDefined(this.labelClasses)}\" part=\"label\">${ifDefined(this.label)}${ this.required ? block2.call(this, context, tags, suffix) : undefined }</label>`;}\nfunction block2 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return html` * `;}\nfunction block3 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-control-button\", tags, suffix)} accessible-name=\"${ifDefined(this.buttonAccessibleName)}\" accessible-description=\"${ifDefined(this.buttonAccessibleDescription)}\" tooltip=\"${ifDefined(this.showButtonTooltip)}\" ?active=\"${this.active}\" ?disabled=\"${this.disabled}\" ?readonly=\"${this.readonly}\" ?_is-combobox-role=\"${ifDefined(this._isComboboxRole)}\" ?non-interactive=\"${this.readonly}\" design=\"${ifDefined(this.valueState)}\" icon=\"${ifDefined(this.icon)}\" @click=\"${this.handleIconClick}\" part=\"textfield-control-btn\" size=\"Large\" class=\"udex-text-field_icon-container\"></${scopeTag(\"udex-control-button\", tags, suffix)}>` : html`<udex-control-button accessible-name=\"${ifDefined(this.buttonAccessibleName)}\" accessible-description=\"${ifDefined(this.buttonAccessibleDescription)}\" tooltip=\"${ifDefined(this.showButtonTooltip)}\" ?active=\"${this.active}\" ?disabled=\"${this.disabled}\" ?readonly=\"${this.readonly}\" ?_is-combobox-role=\"${ifDefined(this._isComboboxRole)}\" ?non-interactive=\"${this.readonly}\" design=\"${ifDefined(this.valueState)}\" icon=\"${ifDefined(this.icon)}\" @click=\"${this.handleIconClick}\" part=\"textfield-control-btn\" size=\"Large\" class=\"udex-text-field_icon-container\"></udex-control-button>`;}\nfunction block4 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-status-message\", tags, suffix)} ?disabled=\"${this.disabled}\" supporting-text=\"${ifDefined(this.supportingText)}\" value-state=\"${ifDefined(this.valueState)}\"></${scopeTag(\"udex-status-message\", tags, suffix)}>` : html`<udex-status-message ?disabled=\"${this.disabled}\" supporting-text=\"${ifDefined(this.supportingText)}\" value-state=\"${ifDefined(this.valueState)}\"></udex-status-message>`;}\nfunction block5 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-supportingTextDesc\" class=\"hidden-text\">${ifDefined(this.supportingText)}</span>`;}\nfunction block6 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-valueStateDesc\" class=\"hidden-text\">${ifDefined(this.valueStateText)}</span>`;}\nfunction block7 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-stateReadOnlyDesc\" class=\"hidden-text\">${ifDefined(this.readOnlyStateText)}</span>`;}\n\nfunction template(this: TextField) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
package/src/TextArea.hbs
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
<div class="udex-textarea">
|
|
2
|
-
<div class="udex-textarea__wrapper">
|
|
3
|
-
{{#if label}}
|
|
4
|
-
<label
|
|
5
|
-
class="{{labelClasses}}"
|
|
6
|
-
for="textarea"
|
|
7
|
-
part="label">
|
|
8
|
-
{{label}}
|
|
9
|
-
{{#if required}}
|
|
10
|
-
*
|
|
11
|
-
{{/if}}
|
|
12
|
-
</label>
|
|
13
|
-
{{else}}
|
|
14
|
-
<label for="textarea" class="hidden-label">{{textHiddenLabel}}</label>
|
|
15
|
-
{{/if}}
|
|
16
|
-
<textarea
|
|
17
|
-
id="textarea"
|
|
18
|
-
class="udex-textarea__field"
|
|
19
|
-
part="textarea"
|
|
20
|
-
.value="{{value}}"
|
|
21
|
-
maxlength="{{maxlength}}"
|
|
22
|
-
rows="{{rows}}"
|
|
23
|
-
?disabled="{{disabled}}"
|
|
24
|
-
?readonly="{{isInputReadonly}}"
|
|
25
|
-
?required="{{required}}"
|
|
26
|
-
aria-label="{{accessibleName}}"
|
|
27
|
-
aria-describedby="{{ariaDescribedBy}}"
|
|
28
|
-
aria-labelledby="{{accessibleNameRef}}"
|
|
29
|
-
aria-required="{{required}}"
|
|
30
|
-
aria-readonly="{{isInputReadonly}}"
|
|
31
|
-
aria-invalid="{{ariaInvalid}}"
|
|
32
|
-
@input="{{handleInput}}"
|
|
33
|
-
@focus="{{handleFocus}}"
|
|
34
|
-
@click="{{handleClick}}"
|
|
35
|
-
@blur="{{handleBlur}}"
|
|
36
|
-
@change="{{handleChange}}">
|
|
37
|
-
</textarea>
|
|
38
|
-
</div>
|
|
39
|
-
{{#if _supportingText}}
|
|
40
|
-
<udex-status-message
|
|
41
|
-
supporting-text-alignment="Right"
|
|
42
|
-
?disabled="{{disabled}}"
|
|
43
|
-
supporting-text="{{_supportingText}}"
|
|
44
|
-
value-state="{{valueState}}">
|
|
45
|
-
</udex-status-message>
|
|
46
|
-
<span id="{{_id}}-supportingTextDesc" class="hidden-text">{{_supportingText}}</span>
|
|
47
|
-
{{/if}}
|
|
48
|
-
{{#if hasValueState}}
|
|
49
|
-
<span id="{{_id}}-valueStateDesc" class="hidden-text">{{ariaValueStateHiddenText}}</span>
|
|
50
|
-
{{/if}}
|
|
51
|
-
{{#if readonly}}
|
|
52
|
-
<span id="{{_id}}-readonlyDesc" class="hidden-text">{{readOnlyText}}</span>
|
|
53
|
-
{{/if}}
|
|
54
|
-
</div>
|
package/src/TextField.hbs
DELETED
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
<div class="udex-text-field__container">
|
|
2
|
-
{{#if label}}
|
|
3
|
-
<label for="{{this._id}}-input" class="{{labelClasses}}" part="label">
|
|
4
|
-
{{label}}
|
|
5
|
-
{{#if required}}
|
|
6
|
-
*
|
|
7
|
-
{{/if}}
|
|
8
|
-
</label>
|
|
9
|
-
{{/if}}
|
|
10
|
-
|
|
11
|
-
<div class="udex-text-field__wrap">
|
|
12
|
-
<input id="{{this._id}}-input" class="udex-text-field__input"
|
|
13
|
-
type="{{type}}"
|
|
14
|
-
.value="{{value}}"
|
|
15
|
-
@change="{{handleChange}}"
|
|
16
|
-
@input="{{handleInput}}"
|
|
17
|
-
@focus="{{handleFocus}}"
|
|
18
|
-
@blur="{{handleBlur}}"
|
|
19
|
-
@click="{{handleClick}}"
|
|
20
|
-
@keydown="{{handleKeydown}}"
|
|
21
|
-
maxlength="{{maxlength}}"
|
|
22
|
-
?disabled="{{disabled}}"
|
|
23
|
-
?readonly="{{isInputReadonly}}"
|
|
24
|
-
?required="{{required}}"
|
|
25
|
-
aria-required="{{required}}"
|
|
26
|
-
aria-readonly="{{isInputReadonly}}"
|
|
27
|
-
autocomplete="{{autocomplete}}"
|
|
28
|
-
role="{{inputRole}}"
|
|
29
|
-
?aria-disabled="{{readonlyNotDisabled}}"
|
|
30
|
-
aria-invalid="{{accInfo.ariaInvalid}}"
|
|
31
|
-
aria-describedby="{{accInfo.ariaDescribedBy}}"
|
|
32
|
-
aria-haspopup="{{accInfo.ariaHasPopup}}"
|
|
33
|
-
aria-label="{{accInfo.ariaLabel}}"
|
|
34
|
-
part="textfield-input"
|
|
35
|
-
min="{{min}}"
|
|
36
|
-
max="{{max}}"
|
|
37
|
-
step="{{step}}"
|
|
38
|
-
/>
|
|
39
|
-
{{#if icon}}
|
|
40
|
-
<udex-control-button
|
|
41
|
-
accessible-name="{{buttonAccessibleName}}"
|
|
42
|
-
accessible-description="{{buttonAccessibleDescription}}"
|
|
43
|
-
tooltip="{{showButtonTooltip}}"
|
|
44
|
-
?active="{{active}}"
|
|
45
|
-
?disabled="{{disabled}}"
|
|
46
|
-
?readonly="{{readonly}}"
|
|
47
|
-
?_is-combobox-role="{{_isComboboxRole}}"
|
|
48
|
-
?non-interactive="{{readonly}}"
|
|
49
|
-
design="{{valueState}}"
|
|
50
|
-
icon="{{icon}}"
|
|
51
|
-
@click="{{handleIconClick}}"
|
|
52
|
-
part="textfield-control-btn"
|
|
53
|
-
size="Large"
|
|
54
|
-
class="udex-text-field_icon-container">
|
|
55
|
-
</udex-control-button>
|
|
56
|
-
{{/if}}
|
|
57
|
-
</div>
|
|
58
|
-
|
|
59
|
-
{{#if supportingText}}
|
|
60
|
-
<udex-status-message
|
|
61
|
-
?disabled="{{disabled}}"
|
|
62
|
-
supporting-text="{{supportingText}}"
|
|
63
|
-
value-state="{{valueState}}">
|
|
64
|
-
</udex-status-message>
|
|
65
|
-
{{/if}}
|
|
66
|
-
|
|
67
|
-
{{#if supportingText}}
|
|
68
|
-
<span id="{{_id}}-supportingTextDesc" class="hidden-text">{{supportingText}}</span>
|
|
69
|
-
{{/if}}
|
|
70
|
-
|
|
71
|
-
{{#if hasValueState}}
|
|
72
|
-
<span id="{{_id}}-valueStateDesc" class="hidden-text">{{valueStateText}}</span>
|
|
73
|
-
{{/if}}
|
|
74
|
-
|
|
75
|
-
{{#if readonly}}
|
|
76
|
-
<span id="{{_id}}-stateReadOnlyDesc" class="hidden-text">{{readOnlyStateText}}</span>
|
|
77
|
-
{{/if}}
|
|
78
|
-
</div>
|
|
@@ -1,17 +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 TextArea from "../../TextArea.js";
|
|
6
|
-
import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
|
|
7
|
-
|
|
8
|
-
function block0 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-textarea"><div class="udex-textarea__wrapper">${ this.label ? block1.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }<textarea id="textarea" class="udex-textarea__field" part="textarea" .value="${ifDefined(this.value)}" maxlength="${ifDefined(this.maxlength)}" rows="${ifDefined(this.rows)}" ?disabled="${this.disabled}" ?readonly="${this.isInputReadonly}" ?required="${this.required}" aria-label="${ifDefined(this.accessibleName)}" aria-describedby="${ifDefined(this.ariaDescribedBy)}" aria-labelledby="${ifDefined(this.accessibleNameRef)}" aria-required="${ifDefined(this.required)}" aria-readonly="${ifDefined(this.isInputReadonly)}" aria-invalid="${ifDefined(this.ariaInvalid)}" @input="${this.handleInput}" @focus="${this.handleFocus}" @click="${this.handleClick}" @blur="${this.handleBlur}" @change="${this.handleChange}"></textarea></div>${ this._supportingText ? block4.call(this, context, tags, suffix) : undefined }${ this.hasValueState ? block5.call(this, context, tags, suffix) : undefined }${ this.readonly ? block6.call(this, context, tags, suffix) : undefined }</div>`;}
|
|
9
|
-
function block1 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label class="${ifDefined(this.labelClasses)}" for="textarea" part="label">${ifDefined(this.label)}${ this.required ? block2.call(this, context, tags, suffix) : undefined }</label>`;}
|
|
10
|
-
function block2 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return html` * `;}
|
|
11
|
-
function block3 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label for="textarea" class="hidden-label">${ifDefined(this.textHiddenLabel)}</label>`;}
|
|
12
|
-
function block4 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-status-message", tags, suffix)} supporting-text-alignment="Right" ?disabled="${this.disabled}" supporting-text="${ifDefined(this._supportingText)}" value-state="${ifDefined(this.valueState)}"></${scopeTag("udex-status-message", tags, suffix)}><span id="${ifDefined(this._id)}-supportingTextDesc" class="hidden-text">${ifDefined(this._supportingText)}</span>` : html`<udex-status-message supporting-text-alignment="Right" ?disabled="${this.disabled}" supporting-text="${ifDefined(this._supportingText)}" value-state="${ifDefined(this.valueState)}"></udex-status-message><span id="${ifDefined(this._id)}-supportingTextDesc" class="hidden-text">${ifDefined(this._supportingText)}</span>`;}
|
|
13
|
-
function block5 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id="${ifDefined(this._id)}-valueStateDesc" class="hidden-text">${ifDefined(this.ariaValueStateHiddenText)}</span>`;}
|
|
14
|
-
function block6 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id="${ifDefined(this._id)}-readonlyDesc" class="hidden-text">${ifDefined(this.readOnlyText)}</span>`;}
|
|
15
|
-
|
|
16
|
-
function template(this: TextArea) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
|
|
17
|
-
export default template;
|
|
@@ -1,18 +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 TextField from "../../TextField.js";
|
|
6
|
-
import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
|
|
7
|
-
|
|
8
|
-
function block0 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-text-field__container">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<div class="udex-text-field__wrap"><input id="${ifDefined(this._id)}-input" class="udex-text-field__input" type="${ifDefined(this.type)}" .value="${ifDefined(this.value)}" @change="${this.handleChange}" @input="${this.handleInput}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${this.handleClick}" @keydown="${this.handleKeydown}" maxlength="${ifDefined(this.maxlength)}" ?disabled="${this.disabled}" ?readonly="${this.isInputReadonly}" ?required="${this.required}" aria-required="${ifDefined(this.required)}" aria-readonly="${ifDefined(this.isInputReadonly)}" autocomplete="${ifDefined(this.autocomplete)}" role="${ifDefined(this.inputRole)}" ?aria-disabled="${this.readonlyNotDisabled}" aria-invalid="${ifDefined(this.accInfo.ariaInvalid)}" aria-describedby="${ifDefined(this.accInfo.ariaDescribedBy)}" aria-haspopup="${ifDefined(this.accInfo.ariaHasPopup)}" aria-label="${ifDefined(this.accInfo.ariaLabel)}" part="textfield-input" min="${ifDefined(this.min)}" max="${ifDefined(this.max)}" step="${ifDefined(this.step)}" />${ this.icon ? block3.call(this, context, tags, suffix) : undefined }</div>${ this.supportingText ? block4.call(this, context, tags, suffix) : undefined }${ this.supportingText ? block5.call(this, context, tags, suffix) : undefined }${ this.hasValueState ? block6.call(this, context, tags, suffix) : undefined }${ this.readonly ? block7.call(this, context, tags, suffix) : undefined }</div>`;}
|
|
9
|
-
function block1 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label for="${ifDefined(this._id)}-input" class="${ifDefined(this.labelClasses)}" part="label">${ifDefined(this.label)}${ this.required ? block2.call(this, context, tags, suffix) : undefined }</label>`;}
|
|
10
|
-
function block2 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return html` * `;}
|
|
11
|
-
function block3 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-control-button", tags, suffix)} accessible-name="${ifDefined(this.buttonAccessibleName)}" accessible-description="${ifDefined(this.buttonAccessibleDescription)}" tooltip="${ifDefined(this.showButtonTooltip)}" ?active="${this.active}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?_is-combobox-role="${ifDefined(this._isComboboxRole)}" ?non-interactive="${this.readonly}" design="${ifDefined(this.valueState)}" icon="${ifDefined(this.icon)}" @click="${this.handleIconClick}" part="textfield-control-btn" size="Large" class="udex-text-field_icon-container"></${scopeTag("udex-control-button", tags, suffix)}>` : html`<udex-control-button accessible-name="${ifDefined(this.buttonAccessibleName)}" accessible-description="${ifDefined(this.buttonAccessibleDescription)}" tooltip="${ifDefined(this.showButtonTooltip)}" ?active="${this.active}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?_is-combobox-role="${ifDefined(this._isComboboxRole)}" ?non-interactive="${this.readonly}" design="${ifDefined(this.valueState)}" icon="${ifDefined(this.icon)}" @click="${this.handleIconClick}" part="textfield-control-btn" size="Large" class="udex-text-field_icon-container"></udex-control-button>`;}
|
|
12
|
-
function block4 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-status-message", tags, suffix)} ?disabled="${this.disabled}" supporting-text="${ifDefined(this.supportingText)}" value-state="${ifDefined(this.valueState)}"></${scopeTag("udex-status-message", tags, suffix)}>` : html`<udex-status-message ?disabled="${this.disabled}" supporting-text="${ifDefined(this.supportingText)}" value-state="${ifDefined(this.valueState)}"></udex-status-message>`;}
|
|
13
|
-
function block5 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id="${ifDefined(this._id)}-supportingTextDesc" class="hidden-text">${ifDefined(this.supportingText)}</span>`;}
|
|
14
|
-
function block6 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id="${ifDefined(this._id)}-valueStateDesc" class="hidden-text">${ifDefined(this.valueStateText)}</span>`;}
|
|
15
|
-
function block7 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id="${ifDefined(this._id)}-stateReadOnlyDesc" class="hidden-text">${ifDefined(this.readOnlyStateText)}</span>`;}
|
|
16
|
-
|
|
17
|
-
function template(this: TextField) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
|
|
18
|
-
export default template;
|