@sapudex/web-components 0.199.3 → 0.224.0

package/config/dist/TextArea.js

@@ -1,182 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var UDExTextArea_1;
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import browserScrollbarCSS from "@ui5/webcomponents/dist/generated/themes/BrowserScrollbar.css.js";
-import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
-import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import { TEXTAREA_CHARACTERS_LEFT } from "./generated/i18n/i18n-defaults.js";
-import "@ui5/webcomponents/dist/Icon.js";
-import "@ui5/webcomponents-icons/dist/accept.js";
-import "@ui5/webcomponents-icons/dist/error.js";
-import "@ui5/webcomponents-icons/dist/alert.js";
-import TextAreaTemplate from "./generated/templates/TextAreaTemplate.lit.js";
-// Styles
-import TextAreaCss from "./generated/themes/TextArea.css.js";
-export var FieldState;
-(function (FieldState) {
-    FieldState["Standard"] = "Standard";
-    FieldState["Warning"] = "Warning";
-    FieldState["Error"] = "Error";
-    FieldState["Success"] = "Success";
-})(FieldState || (FieldState = {}));
-export var IconMapping;
-(function (IconMapping) {
-    IconMapping["Success"] = "accept";
-    IconMapping["Error"] = "error";
-    IconMapping["Warning"] = "alert";
-})(IconMapping || (IconMapping = {}));
-/**
- * @class
- *
- * @constructor
- * @alias udex.components.UDExTextArea
- * @extends sap.ui.webc.base.UI5Element
- * @tagname udex-text-area
- * @public
- */
-let UDExTextArea = UDExTextArea_1 = class UDExTextArea extends UI5Element {
-    constructor() {
-        super(...arguments);
-        this._labelActiveClassName = "udex-textarea__label--active";
-        this.handleInput = (event) => {
-            this.value = event.target?.value;
-        };
-        this.handleGrowing = () => {
-            if (this.growing) {
-                const nativeTextArea = this.getInputDomRef();
-                if (!this.rows) {
-                    this.rows = 1;
-                }
-                nativeTextArea.style.height = "auto";
-                // 2px - to avoid an unnecessary scrollbar, the border needs to be taken into account
-                nativeTextArea.style.height = `${nativeTextArea.scrollHeight + 2}px`;
-                if (this.growingMaxLines) {
-                    const style = getComputedStyle(nativeTextArea);
-                    const lineHeight = parseInt(style.lineHeight);
-                    const paddingTop = parseInt(style.paddingTop);
-                    const paddingBottom = parseInt(style.paddingBottom);
-                    const heightRatio = this.growingMaxLines > this.rows ? this.growingMaxLines : this.rows;
-                    const growingMaxHeight = lineHeight * heightRatio + paddingTop + paddingBottom;
-                    // 2px - to avoid an unnecessary scrollbar, the border needs to be taken into account
-                    nativeTextArea.style.maxHeight = `${growingMaxHeight + 2}px`;
-                }
-            }
-        };
-        this.handleFocus = () => {
-            if (!this.disabled && !this.readonly && !this.displayonly) {
-                this.labelActiveClass = this._labelActiveClassName;
-            }
-        };
-        this.handleBlur = () => {
-            if (this.value) {
-                this.labelActiveClass = this._labelActiveClassName;
-            }
-            else {
-                this.labelActiveClass = "";
-            }
-        };
-    }
-    static async onDefine() {
-        UDExTextArea_1.i18nBundle = await getI18nBundle("sap-ui-webcomponents-bundle");
-    }
-    getInputDomRef() {
-        return this.getDomRef().querySelector("textarea");
-    }
-    get _supportingText() {
-        if (this.supportingText.length) {
-            return this.supportingText;
-        }
-        const maxLength = this.maxlength;
-        if (maxLength !== null && maxLength !== undefined) {
-            const leftCharactersCount = maxLength - this.value.length;
-            if (leftCharactersCount >= 0) {
-                return UDExTextArea_1.i18nBundle.getText(TEXTAREA_CHARACTERS_LEFT, leftCharactersCount);
-            }
-        }
-    }
-    get iconName() {
-        if (this.fieldState !== FieldState.Standard) {
-            return IconMapping[this.fieldState];
-        }
-    }
-    get hasIcon() {
-        return this.fieldState !== FieldState.Standard;
-    }
-    get ariaInvalid() {
-        return this.fieldState === FieldState.Error ? "true" : null;
-    }
-    onBeforeRendering() {
-        if (this.value && this.labelActiveClass === "") {
-            this.labelActiveClass = this._labelActiveClassName;
-        }
-        this.isInputReadonly = this.readonly || this.displayonly;
-        this.labelClasses = `udex-textarea__label ${this.labelActiveClass}`;
-    }
-    onAfterRendering() {
-        this.handleGrowing();
-    }
-};
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExTextArea.prototype, "label", void 0);
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExTextArea.prototype, "value", void 0);
-__decorate([
-    property({ validator: Integer })
-], UDExTextArea.prototype, "rows", void 0);
-__decorate([
-    property({ type: Boolean, defaultValue: false })
-], UDExTextArea.prototype, "growing", void 0);
-__decorate([
-    property({ validator: Integer, defaultValue: 0 })
-], UDExTextArea.prototype, "growingMaxLines", void 0);
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExTextArea.prototype, "supportingText", void 0);
-__decorate([
-    property({ validator: Integer })
-], UDExTextArea.prototype, "maxlength", void 0);
-__decorate([
-    property({ type: FieldState, defaultValue: FieldState.Standard })
-], UDExTextArea.prototype, "fieldState", void 0);
-__decorate([
-    property({ type: Boolean, defaultValue: false })
-], UDExTextArea.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean, defaultValue: false })
-], UDExTextArea.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, defaultValue: false })
-], UDExTextArea.prototype, "readonly", void 0);
-__decorate([
-    property({ type: Boolean, defaultValue: false })
-], UDExTextArea.prototype, "displayonly", void 0);
-__decorate([
-    property({ type: Boolean, noAttribute: true, defaultValue: false })
-], UDExTextArea.prototype, "isInputReadonly", void 0);
-__decorate([
-    property({ type: String, noAttribute: true, defaultValue: "" })
-], UDExTextArea.prototype, "labelClasses", void 0);
-__decorate([
-    property({ type: String, noAttribute: true, defaultValue: "" })
-], UDExTextArea.prototype, "labelActiveClass", void 0);
-UDExTextArea = UDExTextArea_1 = __decorate([
-    customElement({
-        tag: "udex-textarea",
-        renderer: litRender,
-        styles: [TextAreaCss, browserScrollbarCSS],
-        template: TextAreaTemplate,
-    })
-], UDExTextArea);
-UDExTextArea.define();
-export default UDExTextArea;
-//# sourceMappingURL=TextArea.js.map

package/config/dist/TextArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../src/TextArea.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport browserScrollbarCSS from \"@ui5/webcomponents/dist/generated/themes/BrowserScrollbar.css.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { TEXTAREA_CHARACTERS_LEFT } from \"./generated/i18n/i18n-defaults.js\";\n\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/accept.js\";\nimport \"@ui5/webcomponents-icons/dist/error.js\";\nimport \"@ui5/webcomponents-icons/dist/alert.js\";\n\nimport TextAreaTemplate from \"./generated/templates/TextAreaTemplate.lit.js\";\n\n// Styles\nimport TextAreaCss from \"./generated/themes/TextArea.css.js\";\n\nexport enum FieldState {\n  Standard = \"Standard\",\n  Warning = \"Warning\",\n  Error = \"Error\",\n  Success = \"Success\",\n}\n\nexport enum IconMapping {\n  Success = \"accept\",\n  Error = \"error\",\n  Warning = \"alert\",\n}\n\n/**\n * @class\n *\n * @constructor\n * @alias udex.components.UDExTextArea\n * @extends sap.ui.webc.base.UI5Element\n * @tagname udex-text-area\n * @public\n */\n@customElement({\n  tag: \"udex-textarea\",\n  renderer: litRender,\n  styles: [TextAreaCss, browserScrollbarCSS],\n  template: TextAreaTemplate,\n})\n\nclass UDExTextArea extends UI5Element {\n  _labelActiveClassName = \"udex-textarea__label--active\";\n\n  /**\n   * Defines label text for the textarea field.\n   *\n   * @type {string}\n   * @name udex.components.UDExTextArea.prototype.label\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    label!: string;\n\n  /**\n   * Defines the value of the component.\n   * <br><br>\n   * <b>Note:</b> The property is updated upon typing.\n   *\n   * @type {string}\n   * @name udex.components.UDExTextArea.prototype.value\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    value!: string;\n\n  /**\n   * Defines the number of visible text lines for the component.\n   * <br><br>\n   * <b>Notes:</b>\n   * <ul>\n   * <li>If the <code>growing</code> property is enabled, this property defines the minimum rows to be displayed\n   * in the textarea.</li>\n   * <li>The CSS <code>height</code> property wins over the <code>rows</code> property, if both are set.</li>\n   * </ul>\n   *\n   * @type {sap.ui.webc.base.types.Integer}\n   * @name udex.components.UDExTextArea.prototype.rows\n   * @public\n   */\n  @property({ validator: Integer })\n    rows!: number;\n\n  /**\n   * Enables the component to automatically grow and shrink dynamically with its content.\n   * <br><br>\n   *\n   * @type {boolean}\n   * @name udex.components.UDExTextArea.prototype.open\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean, defaultValue: false })\n    growing!: boolean;\n\n  /**\n   * Defines the maximum number of lines that the component can grow.\n   *\n   * @type {sap.ui.webc.base.types.Integer}\n   * @name udex.components.UDExTextArea.prototype.growingMaxLines\n   * @default 0\n   * @public\n   */\n  @property({ validator: Integer, defaultValue: 0 })\n    growingMaxLines!: number;\n\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @type {string}\n   * @name udex.components.UDExTextArea.prototype.supportingText\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    supportingText!: string;\n\n  /**\n   * Sets the maximum number of characters available in the textarea.\n   *\n   * @type {sap.ui.webc.base.types.Integer}\n   * @name udex.components.UDExTextArea.prototype.maxlength\n   * @public\n   */\n  @property({ validator: Integer })\n    maxlength?: number;\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @type {FieldState}\n   * @name udex.components.UDExTextArea.prototype.FieldState\n   * @defaultvalue \"Standard\"\n   * @public\n   */\n  @property({ type: FieldState, defaultValue: FieldState.Standard })\n    fieldState!: `${FieldState}`;\n\n  /**\n   * Defines whether the component is required.\n   *\n   * @type {boolean}\n   * @name udex.components.UDExTextArea.prototype.required\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean, defaultValue: false })\n    required!: boolean;\n\n  /**\n   * Defines whether the component is in disabled state.\n   * <br><br>\n   * <b>Note:</b> A disabled component is completely noninteractive.\n   *\n   * @type {boolean}\n   * @name udex.components.UDExTextArea.prototype.disabled\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean, defaultValue: false })\n    disabled!: boolean;\n\n  /**\n   * Defines whether the component is read-only.\n   * <br><br>\n   * <b>Note:</b> A read-only component is not editable,\n   * but still provides visual feedback upon user interaction.\n   *\n   * @type {boolean}\n   * @name udex.components.UDExTextArea.prototype.readonly\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean, defaultValue: false })\n    readonly!: boolean;\n\n  /**\n   * Defines whether the component is display-only.\n   * <br><br>\n   * <b>Note:</b> A display-only component is not editable,\n   * but still provides visual feedback upon user interaction, input border is not visible.\n   *\n   * @type {boolean}\n   * @name udex.components.UDExTextArea.prototype.displayonly\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean, defaultValue: false })\n    displayonly!: boolean;\n\n  /**\n   * Defines the inner stored value of the readonly attribute of the input.\n   *\n   * @type {boolean}\n   * @defaultvalue false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true, defaultValue: false })\n    isInputReadonly!: boolean;\n\n  /**\n   * Defines the inner stored value of the classes of the label.\n   *\n   * @type {string}\n   * @defaultvalue \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true, defaultValue: \"\" })\n    labelClasses!: string;\n\n  /**\n   * Defines the inner stored class of the label.\n   *\n   * @type {string}\n   * @defaultvalue \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true, defaultValue: \"\" })\n    labelActiveClass!: string;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine() {\n    UDExTextArea.i18nBundle = await getI18nBundle(\"sap-ui-webcomponents-bundle\");\n  }\n\n  getInputDomRef() {\n    return this.getDomRef()!.querySelector<HTMLTextAreaElement>(\"textarea\")!;\n  }\n\n  get _supportingText() {\n    if (this.supportingText.length) {\n      return this.supportingText;\n    }\n\n    const maxLength = this.maxlength;\n\n    if (maxLength !== null && maxLength !== undefined) {\n      const leftCharactersCount = maxLength - this.value.length;\n\n      if (leftCharactersCount >= 0) {\n        return UDExTextArea.i18nBundle.getText(TEXTAREA_CHARACTERS_LEFT, leftCharactersCount);\n      }\n    }\n  }\n\n  get iconName() {\n    if (this.fieldState !== FieldState.Standard) {\n      return IconMapping[this.fieldState];\n    }\n  }\n\n  get hasIcon() {\n    return this.fieldState !== FieldState.Standard;\n  }\n\n  handleInput = (event: InputEvent) => {\n    this.value = (event.target as HTMLInputElement)?.value;\n  };\n\n  handleGrowing = () => {\n    if (this.growing) {\n      const nativeTextArea = this.getInputDomRef();\n\n      if (!this.rows) {\n        this.rows = 1;\n      }\n      nativeTextArea.style.height = \"auto\";\n      // 2px - to avoid an unnecessary scrollbar, the border needs to be taken into account\n      nativeTextArea.style.height = `${nativeTextArea.scrollHeight + 2}px`;\n\n      if (this.growingMaxLines) {\n        const style = getComputedStyle(nativeTextArea);\n\n        const lineHeight = parseInt(style.lineHeight);\n        const paddingTop = parseInt(style.paddingTop);\n        const paddingBottom = parseInt(style.paddingBottom);\n\n        const heightRatio = this.growingMaxLines > this.rows ? this.growingMaxLines : this.rows;\n\n        const growingMaxHeight = lineHeight * heightRatio + paddingTop + paddingBottom;\n\n        // 2px - to avoid an unnecessary scrollbar, the border needs to be taken into account\n        nativeTextArea.style.maxHeight = `${growingMaxHeight + 2}px`;\n      }\n    }\n  };\n\n  handleFocus = () => {\n    if (!this.disabled && !this.readonly && !this.displayonly) {\n      this.labelActiveClass = this._labelActiveClassName;\n    }\n  };\n\n  handleBlur = () => {\n    if (this.value) {\n      this.labelActiveClass = this._labelActiveClassName;\n    } else {\n      this.labelActiveClass = \"\";\n    }\n  };\n\n  get ariaInvalid() {\n    return this.fieldState === FieldState.Error ? \"true\" : null;\n  }\n\n  onBeforeRendering() {\n    if (this.value && this.labelActiveClass === \"\") {\n      this.labelActiveClass = this._labelActiveClassName;\n    }\n\n    this.isInputReadonly = this.readonly || this.displayonly;\n\n    this.labelClasses = `udex-textarea__label ${this.labelActiveClass}`;\n  }\n\n  onAfterRendering() {\n    this.handleGrowing();\n  }\n}\n\nUDExTextArea.define();\n\nexport default UDExTextArea;\n"]}

package/config/dist/TextField.d.ts

@@ -1,178 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import "@ui5/webcomponents/dist/Icon.js";
-export declare enum ValueState {
-    Standard = "Standard",
-    Warning = "Warning",
-    Error = "Error",
-    Success = "Success"
-}
-/**
- * @class
- *
- * @constructor
- * @alias udex.components.UDExTextField
- * @extends sap.ui.webc.base.UI5Element
- * @tagname udex-text-field
- * @public
- */
-declare class UDExTextField extends UI5Element {
-    _labelActiveClassName: string;
-    /**
-     * Defines whether the component is in disabled state.
-     * <br><br>
-     * <b>Note:</b> A disabled component is completely noninteractive.
-     *
-     * @type {boolean}
-     * @name sap.ui.webc.udex.UDExTextField.prototype.disabled
-     * @defaultvalue false
-     * @public
-     */
-    disabled: boolean;
-    /**
-     * Defines the value of the component.
-     * <br><br>
-     * <b>Note:</b> The property is updated upon typing.
-     *
-     * @type {string}
-     * @name sap.ui.webc.udex.UDExTextField.prototype.value
-     * @defaultvalue ""
-     * @formEvents input
-     * @formProperty
-     * @public
-     */
-    value: string;
-    /**
-     * Sets the maximum number of characters available in the input field.
-     * <br><br>
-     * <b>Note:</b> This property is not compatible with the ui5-input type InputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.
-     * @type {sap.ui.webc.base.types.Integer}
-     * @name sap.ui.webc.udex.UDExTextField.prototype.maxlength
-     * @public
-     */
-    maxlength?: number;
-    /**
-     * Defines label text for the input field.
-     *
-     * @type {string}
-     * @name sap.ui.webc.udex.UDExTextField.prototype.label
-     * @defaultvalue ""
-     * @public
-     */
-    label: string;
-    /**
-     * Defines whether the component is read-only.
-     * <br><br>
-     * <b>Note:</b> A read-only component is not editable,
-     * but still provides visual feedback upon user interaction.
-     *
-     * @type {boolean}
-     * @name sap.ui.webc.udex.UDExTextField.prototype.readonly
-     * @defaultvalue false
-     * @public
-     */
-    readonly: boolean;
-    /**
-     * Defines whether the component is display-only.
-     * <br><br>
-     * <b>Note:</b> A display-only component is not editable,
-     * but still provides visual feedback upon user interaction, input border is not visible.
-     *
-     * @type {boolean}
-     * @name sap.ui.webc.udex.UDExTextField.prototype.displayonly
-     * @defaultvalue false
-     * @public
-     */
-    displayonly: boolean;
-    /**
-     * Defines whether the component is required.
-     *
-     * @type {boolean}
-     * @name sap.ui.webc.udex.UDExTextField.prototype.required
-     * @defaultvalue false
-     * @public
-     */
-    required: boolean;
-    /**
-     * Defines the value state of the component.
-     *
-     * @type {string}
-     * @name sap.ui.webc.udex.UDExTextField.prototype.valueState
-     * @defaultvalue "Standard"
-     * @public
-     */
-    valueState: "Standard" | "Warning" | "Error" | "Success";
-    /**
-     * Defines supporting text under the input field.
-     *
-     * @type {string}
-     * @name sap.ui.webc.udex.TextField.prototype.supportingText
-     * @defaultvalue ""
-     * @public
-     */
-    supportingText: string;
-    /**
-     * Defines the icon name in the text-field.
-     *
-     * @type {string}
-     * @name sap.ui.webc.udex.TextField.prototype.icon
-     * @defaultvalue ""
-     * @public
-     */
-    icon: string;
-    /**
-     * Defines if the text-field is active
-     *
-     * @type {boolean}
-     * @name sap.ui.webc.udex.TextField.prototype.active
-     * @defaultvalue false
-     * @public
-     */
-    active: boolean;
-    /**
-     * Defines the inner stored class of the label.
-     *
-     * @type {string}
-     * @defaultvalue ""
-     * @private
-     */
-    labelActiveClass: string;
-    /**
-     * Defines the inner stored value of the readonly attribute of the input.
-     *
-     * @type {boolean}
-     * @defaultvalue false
-     * @private
-     */
-    isInputReadonly: boolean;
-    /**
-     * Defines the inner stored value of the classes of the label.
-     *
-     * @type {string}
-     * @defaultvalue ""
-     * @private
-     */
-    labelClasses: string;
-    /**
-     * Defines the inner stored value of the classes of the label.
-     *
-     * @type {string}
-     * @defaultvalue "text"
-     * @private
-     */
-    type: string;
-    /**
-     * Defines direction of the input.
-     *
-     * @type {string}
-     * @name sap.ui.webc.udex.TextField.prototype.direction
-     * @public
-     */
-    direction?: string;
-    handleInput: (event: InputEvent) => void;
-    handleFocus: () => void;
-    handleBlur: () => void;
-    handleKeyDown: (event: KeyboardEvent) => void;
-    onBeforeRendering(): void;
-    onAfterRendering(): void;
-}
-export default UDExTextField;

package/config/dist/TextField.js

@@ -1,139 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
-import "@ui5/webcomponents/dist/Icon.js";
-// Template
-import TextFieldTemplate from "./generated/templates/TextFieldTemplate.lit";
-// Styles
-import TextFieldCss from "./generated/themes/TextField.css.js";
-export var ValueState;
-(function (ValueState) {
-    ValueState["Standard"] = "Standard";
-    ValueState["Warning"] = "Warning";
-    ValueState["Error"] = "Error";
-    ValueState["Success"] = "Success";
-})(ValueState || (ValueState = {}));
-/**
- * @class
- *
- * @constructor
- * @alias udex.components.UDExTextField
- * @extends sap.ui.webc.base.UI5Element
- * @tagname udex-text-field
- * @public
- */
-let UDExTextField = class UDExTextField extends UI5Element {
-    constructor() {
-        super(...arguments);
-        this._labelActiveClassName = "udex-text-field__label--active";
-        this.handleInput = (event) => {
-            this.value = event.target?.value;
-        };
-        this.handleFocus = () => {
-            if (!this.disabled && !this.readonly && !this.displayonly) {
-                this.labelActiveClass = this._labelActiveClassName;
-                this.active = true;
-            }
-        };
-        this.handleBlur = () => {
-            this.active = false;
-            if (this.value) {
-                this.labelActiveClass = this._labelActiveClassName;
-            }
-            else {
-                this.labelActiveClass = "";
-            }
-        };
-        this.handleKeyDown = (event) => {
-            event.stopPropagation();
-        };
-    }
-    onBeforeRendering() {
-        if ((this.value || this.active) && this.labelActiveClass === "") {
-            this.labelActiveClass = this._labelActiveClassName;
-        }
-        else if (!this.active && !this.value && this.labelActiveClass.length) {
-            this.labelActiveClass = "";
-        }
-        this.isInputReadonly = this.readonly || this.displayonly;
-        this.labelClasses = `udex-text-field__label ${this.labelActiveClass}`;
-    }
-    onAfterRendering() {
-        const directionStyles = window
-            .getComputedStyle(this)
-            .getPropertyValue("direction");
-        if (!directionStyles) {
-            this.direction = "ltr";
-        }
-        else {
-            this.direction = directionStyles;
-        }
-    }
-};
-__decorate([
-    property({ type: Boolean })
-], UDExTextField.prototype, "disabled", void 0);
-__decorate([
-    property({ type: String })
-], UDExTextField.prototype, "value", void 0);
-__decorate([
-    property({ validator: Integer })
-], UDExTextField.prototype, "maxlength", void 0);
-__decorate([
-    property({ type: String })
-], UDExTextField.prototype, "label", void 0);
-__decorate([
-    property({ type: Boolean })
-], UDExTextField.prototype, "readonly", void 0);
-__decorate([
-    property({ type: Boolean })
-], UDExTextField.prototype, "displayonly", void 0);
-__decorate([
-    property({ type: Boolean })
-], UDExTextField.prototype, "required", void 0);
-__decorate([
-    property({ type: ValueState, defaultValue: "Standard" })
-], UDExTextField.prototype, "valueState", void 0);
-__decorate([
-    property({ type: String })
-], UDExTextField.prototype, "supportingText", void 0);
-__decorate([
-    property({ type: String })
-], UDExTextField.prototype, "icon", void 0);
-__decorate([
-    property({ type: Boolean })
-], UDExTextField.prototype, "active", void 0);
-__decorate([
-    property({ type: String, noAttribute: true, defaultValue: "" })
-], UDExTextField.prototype, "labelActiveClass", void 0);
-__decorate([
-    property({ type: Boolean, noAttribute: true, defaultValue: false })
-], UDExTextField.prototype, "isInputReadonly", void 0);
-__decorate([
-    property({ type: String, noAttribute: true, defaultValue: "" })
-], UDExTextField.prototype, "labelClasses", void 0);
-__decorate([
-    property({ type: String, defaultValue: "text" })
-], UDExTextField.prototype, "type", void 0);
-__decorate([
-    property({ type: String, noAttribute: true })
-], UDExTextField.prototype, "direction", void 0);
-UDExTextField = __decorate([
-    customElement({
-        tag: "udex-text-field",
-        renderer: litRender,
-        styles: TextFieldCss,
-        template: TextFieldTemplate,
-    })
-], UDExTextField);
-UDExTextField.define();
-export default UDExTextField;
-//# sourceMappingURL=TextField.js.map

package/config/dist/TextField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../src/TextField.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport \"@ui5/webcomponents/dist/Icon.js\";\n\n// Template\nimport TextFieldTemplate from \"./generated/templates/TextFieldTemplate.lit\";\n\n// Styles\nimport TextFieldCss from \"./generated/themes/TextField.css.js\";\n\nexport enum ValueState {\n  Standard = \"Standard\",\n  Warning = \"Warning\",\n  Error = \"Error\",\n  Success = \"Success\",\n}\n\n/**\n * @class\n *\n * @constructor\n * @alias udex.components.UDExTextField\n * @extends sap.ui.webc.base.UI5Element\n * @tagname udex-text-field\n * @public\n */\n@customElement({\n  tag: \"udex-text-field\",\n  renderer: litRender,\n  styles: TextFieldCss,\n  template: TextFieldTemplate,\n})\nclass UDExTextField extends UI5Element {\n  _labelActiveClassName = \"udex-text-field__label--active\";\n\n  /**\n   * Defines whether the component is in disabled state.\n   * <br><br>\n   * <b>Note:</b> A disabled component is completely noninteractive.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.udex.UDExTextField.prototype.disabled\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines the value of the component.\n   * <br><br>\n   * <b>Note:</b> The property is updated upon typing.\n   *\n   * @type {string}\n   * @name sap.ui.webc.udex.UDExTextField.prototype.value\n   * @defaultvalue \"\"\n   * @formEvents input\n   * @formProperty\n   * @public\n   */\n  @property({ type: String })\n    value!: string;\n\n  /**\n   * Sets the maximum number of characters available in the input field.\n   * <br><br>\n   * <b>Note:</b> This property is not compatible with the ui5-input type InputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.\n   * @type {sap.ui.webc.base.types.Integer}\n   * @name sap.ui.webc.udex.UDExTextField.prototype.maxlength\n   * @public\n   */\n  @property({ validator: Integer })\n    maxlength?: number;\n\n  /**\n   * Defines label text for the input field.\n   *\n   * @type {string}\n   * @name sap.ui.webc.udex.UDExTextField.prototype.label\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String })\n    label!: string;\n\n  /**\n   * Defines whether the component is read-only.\n   * <br><br>\n   * <b>Note:</b> A read-only component is not editable,\n   * but still provides visual feedback upon user interaction.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.udex.UDExTextField.prototype.readonly\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Defines whether the component is display-only.\n   * <br><br>\n   * <b>Note:</b> A display-only component is not editable,\n   * but still provides visual feedback upon user interaction, input border is not visible.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.udex.UDExTextField.prototype.displayonly\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    displayonly!: boolean;\n\n  /**\n   * Defines whether the component is required.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.udex.UDExTextField.prototype.required\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    required!: boolean;\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @type {string}\n   * @name sap.ui.webc.udex.UDExTextField.prototype.valueState\n   * @defaultvalue \"Standard\"\n   * @public\n   */\n  @property({ type: ValueState, defaultValue: \"Standard\" })\n    valueState!: \"Standard\" | \"Warning\" | \"Error\" | \"Success\";\n\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @type {string}\n   * @name sap.ui.webc.udex.TextField.prototype.supportingText\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String })\n    supportingText!: string;\n\n  /**\n   * Defines the icon name in the text-field.\n   *\n   * @type {string}\n   * @name sap.ui.webc.udex.TextField.prototype.icon\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String })\n    icon!: string;\n\n  /**\n   * Defines if the text-field is active\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.udex.TextField.prototype.active\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    active!: boolean;\n\n  /**\n   * Defines the inner stored class of the label.\n   *\n   * @type {string}\n   * @defaultvalue \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true, defaultValue: \"\" })\n    labelActiveClass!: string;\n\n  /**\n   * Defines the inner stored value of the readonly attribute of the input.\n   *\n   * @type {boolean}\n   * @defaultvalue false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true, defaultValue: false })\n    isInputReadonly!: boolean;\n\n  /**\n   * Defines the inner stored value of the classes of the label.\n   *\n   * @type {string}\n   * @defaultvalue \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true, defaultValue: \"\" })\n    labelClasses!: string;\n\n  /**\n   * Defines the inner stored value of the classes of the label.\n   *\n   * @type {string}\n   * @defaultvalue \"text\"\n   * @private\n   */\n  @property({ type: String, defaultValue: \"text\" })\n    type!: string;\n\n  /**\n   * Defines direction of the input.\n   *\n   * @type {string}\n   * @name sap.ui.webc.udex.TextField.prototype.direction\n   * @public\n   */\n  @property({ type: String, noAttribute: true })\n    direction?: string;\n\n  handleInput = (event: InputEvent) => {\n    this.value = (event.target as HTMLInputElement)?.value;\n  };\n\n  handleFocus = () => {\n    if (!this.disabled && !this.readonly && !this.displayonly) {\n      this.labelActiveClass = this._labelActiveClassName;\n      this.active = true;\n    }\n  };\n\n  handleBlur = () => {\n    this.active = false;\n\n    if (this.value) {\n      this.labelActiveClass = this._labelActiveClassName;\n    } else {\n      this.labelActiveClass = \"\";\n    }\n  };\n\n  handleKeyDown = (event: KeyboardEvent) => {\n    event.stopPropagation();\n  };\n\n  onBeforeRendering() {\n    if ((this.value || this.active) && this.labelActiveClass === \"\") {\n      this.labelActiveClass = this._labelActiveClassName;\n    } else if (!this.active && !this.value && this.labelActiveClass.length) {\n      this.labelActiveClass = \"\";\n    }\n\n    this.isInputReadonly = this.readonly || this.displayonly;\n\n    this.labelClasses = `udex-text-field__label ${this.labelActiveClass}`;\n  }\n\n  onAfterRendering(): void {\n    const directionStyles: string = window\n      .getComputedStyle(this)\n      .getPropertyValue(\"direction\");\n\n    if (!directionStyles) {\n      this.direction = \"ltr\";\n    } else {\n      this.direction = directionStyles;\n    }\n  }\n}\n\nUDExTextField.define();\n\nexport default UDExTextField;\n"]}

package/config/dist/Tile.d.ts

@@ -1,82 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-/**
- * @class
- *
- * @constructor
- * @alias udex.components.UDExTile
- * @extends sap.ui.webc.base.UI5Element
- * @tagname udex-tile
- * @public
- */
-declare class UDExTile extends UI5Element {
-    /**
-     * Defines display the shadow for the Tile.
-     *
-     * @type {string}
-     * @name udex.components.UDExTile.prototype.hideShadow
-     * @public
-     */
-    hideShadow: boolean;
-    /**
-     * Defines if the component would be interactive,
-     * e.g. gets hover effect, gets focus outline and <code>click</code> event is fired, when pressed.
-     * @default false
-     * @public
-     */
-    interactive: boolean;
-    /**
-     * Defines the component href.
-     *
-     * <b>This property must only be used when the <code>interactive</code> property is set.</b>
-     *
-     * @type {string}
-     * @name udex.components.UDExTile.prototype.href
-     * <br><br>
-     * <b>Note:</b> Standard hyperlink behavior is supported.
-     * @public
-     */
-    href: string;
-    /**
-     * Defines the component target.
-     * <br><br>
-     * <b>Notes:</b>
-     *
-     * <ul>
-     * <li><code>_self</code></li>
-     * <li><code>_top</code></li>
-     * <li><code>_blank</code></li>
-     * <li><code>_parent</code></li>
-     * <li><code>_search</code></li>
-     * </ul>
-     *
-     * <b>This property must only be used when the <code>interactive</code> property is set.</b>
-     *
-     * @type {string}
-     * @name udex.components.UDExTile.prototype.target
-     * <br><br>
-     * <b>Note:</b> Standard hyperlink behavior is supported.
-     * @public
-     */
-    target: string;
-    /**
-     * Defines the component aria-label accessibility attribute.
-     *
-     * <b>This property must only be used when the <code>interactive</code> property is set.</b>
-     *
-     * @type {string}
-     * @name udex.components.UDExTile.prototype.accessibleName
-     * @public
-     */
-    accessibleName: string;
-    /**
-     * Defines the content of the component.
-     *
-     * @type {Node}
-     * @name udex.components.UDExTile.prototype.default
-     * @slot
-     * @public
-     */
-    default: Node;
-    _onkeydown(e: KeyboardEvent): void;
-}
-export default UDExTile;