@sapudex/web-components 2.22.0 → 2.23.0

package/src/themes/SelectBox.css

@@ -1,185 +1,37 @@
-:host {
-  --udex-select-box-popover-min-width: 0px;
-  --udex-select-box-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,0.3));
-  --udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));
-  --udex-select-box-popover-border-width: var(--sapElement_BorderWidth, 1px);
-  --udex-select-box-popover-border-radius: var(--udexRadiusM, 8px);
+:host([displayonly][mode="MultiSelect"]) .udex-text-field__input {
+  min-width: inherit;
 }
 
-:host([disabled]) .udex-text-field__trigger,
-:host([readonly]) .udex-text-field__trigger {
-  cursor: inherit;
+:host([mode="MultiSelect"]) .udex-text-field__input {
+  min-width: 20%;
 }
 
-:host([displayonly]) .udex-text-field__input {
-  overflow: hidden;
+.udex-tag-group + .udex-text-field__input .udex-text-field__text-holder {
+  inset: 0 var(--udexSpacer12) 0 1px;
 }
 
-.udex-text-field__wrap {
-  position: unset;
-}
-
-.udex-text-field__input:not([readonly]):not([disabled]) .udex-text-field__trigger:hover {
-  border-left: 1px solid var(--udexColorGrey4, #A9B4BE);
-}
-
-.udex-text-field__input[open]:not([readonly]):not([disabled]) .udex-text-field__trigger:hover,
-.udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger {
-  border-left: 1px solid var(--udexColorBlue4, #89D1FF);
-  cursor: pointer;
-}
-
-:host(:dir(rtl)) .udex-text-field__input:not([readonly]) .udex-text-field__trigger:hover {
-  border-right: 1px solid var(--udexColorGrey4, #A9B4BE);
-  border-left: none;
-}
-
-:host(:dir(rtl)) .udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger {
-  border-right: 1px solid var(--udexColorBlue4, #89D1FF);
-  border-left: none;
-}
-
-:host([displayonly]:dir(rtl)) .udex-text-field__label {
-  right: 0;
-}
-
-:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
-:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-left: 1px solid var(--udexCoreSemanticError4, #FF8CB2);
-  color:  var(--udexCoreSemanticError9, #840606);
-}
-
-:host([value-state="Error"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-right: 1px solid var(--udexCoreSemanticError4, #FF8CB2);
-  color:  var(--udexCoreSemanticError9, #840606);
-  border-left: none;
-}
-
-:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
-:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-left: 1px solid var(--udexCoreSemanticSuccess6, #36a41d);
-  color: var(--udexCoreSemanticSuccess9, #1E592F);
-}
-
-:host([value-state="Success"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-right: 1px solid var(--udexCoreSemanticSuccess6, #36a41d);
-  color: var(--udexCoreSemanticSuccess9, #1E592F);
-  border-left: none;
-}
-
-:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,
-:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-left: 1px solid var(--udexCoreSemanticWarning6, #E76500);
-  color: var(--udexCoreSemanticWarning9, #8D2A00);
-}
-
-:host([value-state="Warning"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger {
-  border-right: 1px solid var(--udexCoreSemanticWarning6, #E76500);
-  color: var(--udexCoreSemanticWarning9, #8D2A00);
-  border-left: none;
-}
-
-:host([mode="SingleSelect"]:not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__container:hover {
-  cursor: pointer;
-}
-
-.udex-text-field__label {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.udex-text-field__label_active {
-  position: absolute;
-  top: 9px;
-  left: 12px;
-  max-width: max-content;
-}
-
-.udex-text-field__input {
-  display: flex;
-  align-items: center;
-  padding: 0;
+.udex-tag-group + .udex-text-field__input .udex-text-field__search {
+  padding: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) 0;
 }
 
-.udex-text-field__trigger {
-  display: flex;
+.udex-text-field__wrap {
   align-items: center;
-  justify-content: center;
-  height: 42px;
-  width: 42px;
-  background: none;
-  border-style: solid;
-  box-sizing: border-box;
-  border-width: var(--sapButton_BorderWidth);
-  border-color: transparent;
-  border-radius: var(--udexRadiusXS);
-  margin-inline-start: auto;
-  padding: 4px;
-  z-index: 1;
-  color: var(--udexColorGrey7, #475E75);
-  outline: none;
-}
-
-.udex-text-field__trigger:focus-visible ui5-icon {
-  outline: 2px solid var(--udexColorBlue10, #002A86);
-  outline-offset: 2px;
-  border-radius: 2px;
-}
-
-.udex-text-field__trigger:hover {
-  cursor: pointer;
-}
-
-.udex-text-field__trigger ui5-icon {
-  height: 18px;
-  width: 18px;
-  color: inherit;
-}
-
-.udex-text-field__text-holder {
-  display: flex;
-  overflow: hidden;
-  padding: var(--udexSpacer8) var(--udexSpacer12);
-}
-
-:host([displayonly]) .udex-text-field__text-holder {
-  padding: var(--udexSpacer8) 0;
-}
-
-.udex-text-field__single-label {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-.udex-text-field__single-label b {
-  font-weight: normal;
 }
 
 .udex-tag-group {
   display: flex;
-  width: 100%;
-  min-width: 100px;
-  max-width: calc(100% - 42px - var(--udexSpacer8));
+  max-width: 70%;
 }
 
 :host([displayonly]) .udex-tag-group {
-  margin-inline-start: -20px;
-}
-
-:host .udex-text-field__input[open] .udex-text-field__trigger {
-  color: var(--udexColorBlue9, #0040B0);
-}
-
-:host([displayonly]) .udex-text-field__label {
-  left: 0;
+  margin-inline-start: calc(var(--udexSpacer20)* -1);
+  max-width: 100%;
 }
 
 .udex-truncatable-tag-content {
   display: flex;
   align-items: center;
-  padding: var(--udexSpacer12, 12px) var(--udexSpacer12, 12px);
+  padding: var(--udexSpacer12, 12px);
 }
 
 .udex-truncatable-tag-content__label {
@@ -198,37 +50,3 @@
   fill: var(--udexColorBlue7, #0070F2);
   cursor: pointer;
 }
-
-.udex-select-box__dropdown {
-  --udex-dropdown-pane-min-width: var(--udex-select-box-popover-min-width);
-  width: var(--udex-dropdown-pane-width);
-  border: var(--udex-select-box-popover-border-width) solid var(--udex-select-box-popover-border-color);
-  border-radius: var(--udex-select-box-popover-border-radius);
-  box-shadow: var(--udex-select-box-popover-shadow);
-}
-
-@media (width < 640px) {
-  .udex-select-box__dropdown {
-    --udex-dropdown-pane-min-width-xs: var(--udex-select-box-popover-min-width);
-  }
-}
-
-.udex-no-result {
-  font-family: var(--sapFontFamily);
-  font-weight: var(--udexTypographyFontWeightRegular, 400);
-  font-size: var(--udexTypographyBodyXSFontSize, 14px);
-  line-height: var(--udexTypographyBodyLineHeight, 1.5);
-  color: var(--sapContent_TitleColor, #000000);
-  padding: 0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
-}
-
-
-.udex-select-box__dropdown::part(header),
-.udex-select-box__dropdown::part(footer) {
-  padding: var(--udexSpacer16, 16px) var(--udexSpacer12, 12px);
-}
-
-.udex-select-box__dropdown::part(content) {
-  padding: 0;
-  overflow: auto;
-}

package/src/themes/TagGroup.css

@@ -5,7 +5,6 @@
 .udex-tag-group__tokenizer {
   border: none;
   width: 100%;
-  min-width: 100px;
   line-height: normal
 }
 

package/src/themes/TextField.css

@@ -118,8 +118,7 @@
 
 :host([value-state="Success"][displayonly]) .udex-text-field__wrap,
 :host([value-state="Warning"][displayonly]) .udex-text-field__wrap,
-:host([value-state="Error"][displayonly]) .udex-text-field__wrap,
-:host([displayonly]) .udex-text-field__wrap {
+:host([value-state="Error"][displayonly]) .udex-text-field__wrap {
   border: 0;
   background-color: transparent;
   font-family: inherit;
@@ -128,7 +127,8 @@
 :host([displayonly]) .udex-text-field__wrap[open],
 :host([displayonly]) .udex-text-field__wrap {
   outline: 0;
-  border: 0;
+  background-color: transparent;
+  border-color: transparent;
 }
 
 :host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,
@@ -195,7 +195,7 @@
   padding: 0 var(--udexSpacer4);
 }
 
-.udex-text-field__container:dir(rtl) .udex-text-field_icon-container {
+.udex-text-field__container:dir(rtl) .udex-text-field__icon-container {
   left: 1px;
   right: auto;
 }
@@ -236,7 +236,7 @@
 }
 
 /* Control button styles */
-.udex-text-field_icon-container {
+.udex-text-field__icon-container {
   --sapContent_DisabledOpacity: 1;
   --sapButton_BorderWidth: 0 0 0 1px;
   --udex-control-button-large-height: 40px;
@@ -245,12 +245,12 @@
   padding: var(--udexSpacer4, 4px);
 }
 
-:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container {
+:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field__icon-container {
   --udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);
   --sapButton_BorderWidth: 0 1px 0 0;
 }
 
-:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container {
+:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field__icon-container {
   --sapButton_BorderWidth: 0 1px 0 0;
 }
 

package/src/types/common.ts

@@ -7,7 +7,7 @@ export enum UDExTarget {
   _top = "_top",
 }
 
-enum UDExValueState {
+export enum UDExValueState {
   Standard = "Standard",
   Warning = "Warning",
   Error = "Error",

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

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

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

@@ -1,13 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-function block0(context, tags, suffix) { return 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>`; }
-function block1(context, tags, suffix) { return html `<label class="${ifDefined(this.labelClasses)}" for="textarea" part="label">${ifDefined(this.label)}${this.required ? block2.call(this, context, tags, suffix) : undefined}</label>`; }
-function block2(context, tags, suffix) { return html ` * `; }
-function block3(context, tags, suffix) { return html `<label for="textarea" class="hidden-label">${ifDefined(this.textHiddenLabel)}</label>`; }
-function block4(context, tags, suffix) { 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>`; }
-function block5(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-valueStateDesc" class="hidden-text">${ifDefined(this.ariaValueStateHiddenText)}</span>`; }
-function block6(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-readonlyDesc" class="hidden-text">${ifDefined(this.readOnlyText)}</span>`; }
-function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;
-//# sourceMappingURL=TextAreaTemplate.lit.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextAreaTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TextAreaTemplate.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 TextArea from \"../../TextArea.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction 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>`;}\nfunction 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>`;}\nfunction block2 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return html` * `;}\nfunction block3 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label for=\"textarea\" class=\"hidden-label\">${ifDefined(this.textHiddenLabel)}</label>`;}\nfunction 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>`;}\nfunction 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>`;}\nfunction 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>`;}\n\nfunction template(this: TextArea) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}

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

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

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

@@ -1,14 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-function block0(context, tags, suffix) { return 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>`; }
-function block1(context, tags, suffix) { 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>`; }
-function block2(context, tags, suffix) { return html ` * `; }
-function block3(context, tags, suffix) { 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>`; }
-function block4(context, tags, suffix) { 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>`; }
-function block5(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-supportingTextDesc" class="hidden-text">${ifDefined(this.supportingText)}</span>`; }
-function block6(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-valueStateDesc" class="hidden-text">${ifDefined(this.valueStateText)}</span>`; }
-function block7(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-stateReadOnlyDesc" class="hidden-text">${ifDefined(this.readOnlyStateText)}</span>`; }
-function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;
-//# sourceMappingURL=TextFieldTemplate.lit.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,54 +0,0 @@
-<div class="udex-textarea">
-  <div class="udex-textarea__wrapper">
-      {{#if label}}
-          <label
-              class="{{labelClasses}}"
-              for="textarea"
-              part="label">
-              {{label}}
-              {{#if required}}
-                  *
-              {{/if}}
-          </label>
-      {{else}}
-          <label for="textarea" class="hidden-label">{{textHiddenLabel}}</label>
-      {{/if}}
-      <textarea
-        id="textarea"
-        class="udex-textarea__field"
-        part="textarea"
-        .value="{{value}}"
-        maxlength="{{maxlength}}"
-        rows="{{rows}}"
-        ?disabled="{{disabled}}"
-        ?readonly="{{isInputReadonly}}"
-        ?required="{{required}}"
-        aria-label="{{accessibleName}}"
-        aria-describedby="{{ariaDescribedBy}}"
-        aria-labelledby="{{accessibleNameRef}}"
-        aria-required="{{required}}"
-        aria-readonly="{{isInputReadonly}}"
-        aria-invalid="{{ariaInvalid}}"
-        @input="{{handleInput}}"
-        @focus="{{handleFocus}}"
-        @click="{{handleClick}}"
-        @blur="{{handleBlur}}"
-        @change="{{handleChange}}">
-     </textarea>
-  </div>
-  {{#if _supportingText}}
-    <udex-status-message 
-    supporting-text-alignment="Right"
-    ?disabled="{{disabled}}" 
-    supporting-text="{{_supportingText}}" 
-    value-state="{{valueState}}">
-    </udex-status-message>
-    <span id="{{_id}}-supportingTextDesc" class="hidden-text">{{_supportingText}}</span>
-  {{/if}}
-  {{#if hasValueState}}
-    <span id="{{_id}}-valueStateDesc" class="hidden-text">{{ariaValueStateHiddenText}}</span>
-  {{/if}}
-  {{#if readonly}}
-    <span id="{{_id}}-readonlyDesc" class="hidden-text">{{readOnlyText}}</span>
-  {{/if}}
-</div>

package/src/TextField.hbs

@@ -1,78 +0,0 @@
-<div class="udex-text-field__container">
-  {{#if label}}
-    <label for="{{this._id}}-input" class="{{labelClasses}}" part="label">
-      {{label}}
-      {{#if required}}
-        *
-      {{/if}}
-    </label>
-  {{/if}}
-
-  <div class="udex-text-field__wrap">
-      <input id="{{this._id}}-input" class="udex-text-field__input"
-         type="{{type}}"
-         .value="{{value}}"
-         @change="{{handleChange}}"
-         @input="{{handleInput}}"
-         @focus="{{handleFocus}}"
-         @blur="{{handleBlur}}"
-         @click="{{handleClick}}"
-         @keydown="{{handleKeydown}}"
-         maxlength="{{maxlength}}"
-         ?disabled="{{disabled}}"
-         ?readonly="{{isInputReadonly}}"
-         ?required="{{required}}"
-         aria-required="{{required}}"
-         aria-readonly="{{isInputReadonly}}"
-         autocomplete="{{autocomplete}}"
-         role="{{inputRole}}"
-         ?aria-disabled="{{readonlyNotDisabled}}"
-         aria-invalid="{{accInfo.ariaInvalid}}"
-         aria-describedby="{{accInfo.ariaDescribedBy}}"
-         aria-haspopup="{{accInfo.ariaHasPopup}}"
-         aria-label="{{accInfo.ariaLabel}}"
-         part="textfield-input"
-         min="{{min}}"
-         max="{{max}}"
-         step="{{step}}"
-      />
-      {{#if icon}}
-        <udex-control-button
-          accessible-name="{{buttonAccessibleName}}"
-          accessible-description="{{buttonAccessibleDescription}}"
-          tooltip="{{showButtonTooltip}}"
-          ?active="{{active}}"
-          ?disabled="{{disabled}}"
-          ?readonly="{{readonly}}"
-          ?_is-combobox-role="{{_isComboboxRole}}"
-          ?non-interactive="{{readonly}}"
-          design="{{valueState}}"
-          icon="{{icon}}"
-          @click="{{handleIconClick}}"
-          part="textfield-control-btn"
-          size="Large"
-          class="udex-text-field_icon-container">
-        </udex-control-button>
-      {{/if}}
-  </div>
-
-  {{#if supportingText}}
-    <udex-status-message
-      ?disabled="{{disabled}}"
-      supporting-text="{{supportingText}}"
-      value-state="{{valueState}}">
-    </udex-status-message>
-  {{/if}}
-
-  {{#if supportingText}}
-    <span id="{{_id}}-supportingTextDesc" class="hidden-text">{{supportingText}}</span>
-  {{/if}}
-
-  {{#if hasValueState}}
-    <span id="{{_id}}-valueStateDesc" class="hidden-text">{{valueStateText}}</span>
-  {{/if}}
-
-  {{#if readonly}}
-    <span id="{{_id}}-stateReadOnlyDesc" class="hidden-text">{{readOnlyStateText}}</span>
-  {{/if}}
-</div>

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

@@ -1,17 +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 TextArea from "../../TextArea.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-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>`;}
-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>`;}
-function block2 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return html` * `;}
-function block3 (this: TextArea, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label for="textarea" class="hidden-label">${ifDefined(this.textHiddenLabel)}</label>`;}
-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>`;}
-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>`;}
-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>`;}
-
-function template(this: TextArea) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,18 +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 TextField from "../../TextField.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-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>`;}
-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>`;}
-function block2 (this: TextField, context: UI5Element, tags: string[], suffix: string | undefined) { return html` * `;}
-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>`;}
-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>`;}
-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>`;}
-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>`;}
-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>`;}
-
-function template(this: TextField) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;