@sapudex/web-components 0.111.0

package/config/dist/Pagination.js

@@ -0,0 +1,272 @@
+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 UDExPagination_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 event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { OF } from "./generated/i18n/i18n-defaults.js";
+import "@ui5/webcomponents/dist/Icon.js";
+import "@ui5/webcomponents-icons/dist/nav-back.js";
+import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
+import "@ui5/webcomponents-icons/dist/open-command-field.js";
+import "@ui5/webcomponents-icons/dist/close-command-field.js";
+// Template
+import PaginationTemplate from "./generated/templates/PaginationTemplate.lit.js";
+// Styles
+import PaginationCss from "./generated/themes/Pagination.css";
+export var PaginationType;
+(function (PaginationType) {
+    PaginationType["full"] = "full";
+    PaginationType["short"] = "short";
+})(PaginationType || (PaginationType = {}));
+export var DisplayType;
+(function (DisplayType) {
+    DisplayType["desktop"] = "desktop";
+    DisplayType["mobile"] = "mobile";
+})(DisplayType || (DisplayType = {}));
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code>udex-pagination</code> component is a pagination component used to navigate thought the pages.
+ *
+ * @constructor
+ * @alias udex.components.UDExPagination
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname udex-pagination
+ * @public
+ */
+let UDExPagination = UDExPagination_1 = class UDExPagination extends UI5Element {
+    constructor() {
+        super();
+        this._pages = [];
+        this._currentPageIndex = 0;
+        this._mobileDisplayNumber = 5;
+    }
+    get nextButtonDisbled() {
+        return this._currentPageIndex + 1 === this.pages;
+    }
+    get prevButtonDisbled() {
+        return this._currentPageIndex === 0;
+    }
+    get typeFull() {
+        return (this.type === PaginationType.full || this.display === DisplayType.mobile);
+    }
+    get typeShort() {
+        return (this.type === PaginationType.short && this.display !== DisplayType.mobile);
+    }
+    get shortTextStart() {
+        if (!this.pages) {
+            return "";
+        }
+        return `${this._currentPageIndex + 1}`;
+    }
+    get shortTextEnd() {
+        if (!this.pages) {
+            return "";
+        }
+        return `${this.pages}`;
+    }
+    get shortTextSeparator() {
+        if (!this.pages) {
+            return "";
+        }
+        return ` ${UDExPagination_1.i18nBundle.getText(OF)} `;
+    }
+    get pagination() {
+        return this.setupPages(this.pages);
+    }
+    get paginationClass() {
+        let classes = "udex-pagination";
+        if (this._direction === "rtl") {
+            classes = `${classes} udex-pagination--${this._direction}`;
+        }
+        if (!this.display) {
+            return classes;
+        }
+        return `${classes} udex-pagination--${this.display} udex-pagination--${this.type}`;
+    }
+    static async onDefine() {
+        UDExPagination_1.i18nBundle = await getI18nBundle("sap-ui-webcomponents-bundle");
+    }
+    setActive(element) {
+        const pageIndex = element.getAttribute("index")
+            ? parseInt(element.getAttribute("index") || "")
+            : null;
+        if (pageIndex === null) {
+            return;
+        }
+        element.setAttribute("aria-current", "page");
+        this._currentPageIndex = pageIndex;
+        this._previousPageElement?.removeAttribute("aria-current");
+        this._previousPageElement = element;
+    }
+    setNextPage(e) {
+        e.preventDefault();
+        const currentPage = this._currentPageIndex ?? 1;
+        if (this.pages && currentPage >= this.pages - 1) {
+            return;
+        }
+        this._currentPageIndex = currentPage + 1;
+        this.emitChangeEvent();
+    }
+    setPrevPage(e) {
+        e.preventDefault();
+        const currentPage = this._currentPageIndex ?? 1;
+        if (this.pages && currentPage <= 0) {
+            return;
+        }
+        this._currentPageIndex -= 1;
+        this.emitChangeEvent();
+    }
+    setFirstPage(e) {
+        e.preventDefault();
+        const currentPage = this._currentPageIndex ?? 1;
+        if (currentPage === 0) {
+            return;
+        }
+        this._currentPageIndex = 0;
+        this.emitChangeEvent();
+    }
+    setLastPage(e) {
+        e.preventDefault();
+        const currentPage = this._currentPageIndex ?? 1;
+        if (!this.pages || currentPage >= this.pages - 1) {
+            return;
+        }
+        this._currentPageIndex = this.pages - 1;
+        this.emitChangeEvent();
+    }
+    setupMobilePages(pages) {
+        const pagesCollection = [];
+        let startIndex;
+        let endIndex;
+        const offset = Math.floor(this._mobileDisplayNumber / 2);
+        if (pages <= this._mobileDisplayNumber) {
+            startIndex = 0;
+            endIndex = pages;
+        }
+        else {
+            const displayStartNumber = this._currentPageIndex < offset ? 0 : this._currentPageIndex - offset;
+            startIndex = this._currentPageIndex <= pages - offset - 1
+                ? displayStartNumber
+                : pages - this._mobileDisplayNumber;
+            const displayEndNumber = this._currentPageIndex < offset
+                ? this._mobileDisplayNumber
+                : this._currentPageIndex + this._mobileDisplayNumber - offset;
+            endIndex = this._currentPageIndex <= pages - offset ? displayEndNumber : pages;
+        }
+        for (let index = startIndex; index < endIndex && index < pages; index++) {
+            const isCurrent = index === this._currentPageIndex;
+            pagesCollection.push({
+                index,
+                value: index + 1,
+                active: isCurrent,
+            });
+        }
+        return pagesCollection;
+    }
+    setupDesktopPages(pages) {
+        const pagesCollection = [];
+        for (let index = 0; index < pages; index++) {
+            const isCurrent = index === this._currentPageIndex;
+            pagesCollection.push({
+                index,
+                value: index + 1,
+                active: isCurrent,
+            });
+        }
+        return pagesCollection;
+    }
+    setupPages(pages) {
+        if (!pages) {
+            return [];
+        }
+        if (this.display === DisplayType.mobile) {
+            return this.setupMobilePages(pages);
+        }
+        return this.setupDesktopPages(pages);
+    }
+    onPageClick(e) {
+        e.preventDefault();
+        const target = e.target;
+        const element = target !== e.currentTarget ? target.parentNode : target;
+        if (element.getAttribute("active") !== null) {
+            return;
+        }
+        this.setActive(element);
+        this.emitChangeEvent();
+    }
+    emitChangeEvent() {
+        this.fireEvent("change", { currentPage: this._currentPageIndex + 1 });
+    }
+    onAfterRendering() {
+        if (this.type === PaginationType.full) {
+            return;
+        }
+        const shortPaginationElement = this.shadowRoot?.querySelector(".udex-pagination__item--short");
+        if (!shortPaginationElement) {
+            return;
+        }
+        const directionStyles = window
+            .getComputedStyle(shortPaginationElement)
+            .getPropertyValue("direction");
+        if (!directionStyles) {
+            this._direction = "ltr";
+        }
+        else {
+            this._direction = directionStyles;
+        }
+    }
+};
+__decorate([
+    property({ validator: Integer })
+], UDExPagination.prototype, "pages", void 0);
+__decorate([
+    property({ defaultValue: PaginationType.full, type: PaginationType })
+], UDExPagination.prototype, "type", void 0);
+__decorate([
+    property({ defaultValue: DisplayType.desktop, type: DisplayType })
+], UDExPagination.prototype, "display", void 0);
+__decorate([
+    property({ defaultValue: false, type: Boolean })
+], UDExPagination.prototype, "absoluteNavigation", void 0);
+__decorate([
+    property({ validator: Integer, defaultValue: 0 })
+], UDExPagination.prototype, "_currentPageIndex", void 0);
+__decorate([
+    property({ type: String })
+], UDExPagination.prototype, "_direction", void 0);
+UDExPagination = UDExPagination_1 = __decorate([
+    customElement({
+        tag: "udex-pagination",
+        renderer: litRender,
+        styles: PaginationCss,
+        template: PaginationTemplate,
+    })
+    /**
+     * Fires when pagination item was clicked.
+     *
+     * @allowPreventDefault
+     * @param {Number}
+     * @public
+     */
+    ,
+    event("change", {
+        detail: {
+            currentPage: { type: Number },
+        },
+    })
+], UDExPagination);
+UDExPagination.define();
+export default UDExPagination;
+//# sourceMappingURL=Pagination.js.map

package/config/dist/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.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 { OF } from \"./generated/i18n/i18n-defaults.js\";\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/nav-back.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport \"@ui5/webcomponents-icons/dist/open-command-field.js\";\nimport \"@ui5/webcomponents-icons/dist/close-command-field.js\";\n\n// Template\nimport PaginationTemplate from \"./generated/templates/PaginationTemplate.lit.js\";\n\n// Styles\nimport PaginationCss from \"./generated/themes/Pagination.css\";\n\ninterface Page {\n  value: number;\n  active: boolean;\n}\n\nexport enum PaginationType {\n  full = \"full\",\n  short = \"short\",\n}\n\nexport enum DisplayType {\n  desktop = \"desktop\",\n  mobile = \"mobile\"\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>udex-pagination</code> component is a pagination component used to navigate thought the pages.\n *\n * @constructor\n * @alias udex.components.UDExPagination\n * @extends sap.ui.webc.base.UI5Element\n * @tagname udex-pagination\n * @public\n */\n@customElement({\n  tag: \"udex-pagination\",\n  renderer: litRender,\n  styles: PaginationCss,\n  template: PaginationTemplate,\n})\n/**\n * Fires when pagination item was clicked.\n *\n * @allowPreventDefault\n * @param {Number}\n * @public\n */\n@event(\"change\", {\n  detail: {\n    currentPage: { type: Number },\n  },\n})\nclass UDExPagination extends UI5Element {\n  /**\n   * Defines number of pages.\n   * @name udex.components.UDExPagination.prototype.pages\n   * @public\n   * @type { sap.ui.webc.base.types.Integer }\n   */\n  @property({ validator: Integer })\n    pages?: number;\n\n  /**\n   * Defines type of pagination.\n   * @name udex.components.UDExPagination.prototype.type\n   * @public\n   * @type { PaginationType }\n   * @defaultValue \"full\"\n   */\n  @property({ defaultValue: PaginationType.full, type: PaginationType })\n    type?: PaginationType;\n\n  /**\n   * Define display purpose.\n   * @name udex.components.UDExPagination.prototype.display\n   * @public\n   * @type { DisplayType }\n   * @defaultValue \"desktop\"\n   */\n  @property({ defaultValue: DisplayType.desktop, type: DisplayType })\n    display?: DisplayType;\n\n  /**\n   * Define if arrow icons for last and first page are visible.\n   * @name udex.components.UDExPagination.prototype.absoluteNavigation\n   * @public\n   * @type { boolean }\n   * @defaultValue \"desktop\"\n   */\n  @property({ defaultValue: false, type: Boolean })\n    absoluteNavigation!: boolean;\n\n  /**\n   * Current index of pagination page.\n   * @private\n   * @type { number }\n   * @defaultValue 0\n   */\n  @property({ validator: Integer, defaultValue: 0 })\n    _currentPageIndex: number;\n\n  /**\n   * Defines direction of the input.\n   *\n   * @type {string}\n   * @name sap.ui.webc.udex.TextField.prototype.direction\n   * @private\n   */\n  @property({ type: String })\n    _direction?: string;\n\n  _pages: Page[];\n\n  _previousPageElement?: HTMLElement;\n\n  _mobileDisplayNumber: number;\n\n  static i18nBundle: I18nBundle;\n\n  constructor() {\n    super();\n    this._pages = [];\n    this._currentPageIndex = 0;\n    this._mobileDisplayNumber = 5;\n  }\n\n  get nextButtonDisbled(): boolean {\n    return this._currentPageIndex + 1 === this.pages;\n  }\n\n  get prevButtonDisbled(): boolean {\n    return this._currentPageIndex === 0;\n  }\n\n  get typeFull(): boolean {\n    return (\n      this.type === PaginationType.full || this.display === DisplayType.mobile\n    );\n  }\n\n  get typeShort(): boolean {\n    return (\n      this.type === PaginationType.short && this.display !== DisplayType.mobile\n    );\n  }\n\n  get shortTextStart(): string {\n    if (!this.pages) {\n      return \"\";\n    }\n    return `${this._currentPageIndex + 1}`;\n  }\n\n  get shortTextEnd(): string {\n    if (!this.pages) {\n      return \"\";\n    }\n    return `${this.pages}`;\n  }\n\n  get shortTextSeparator(): string {\n    if (!this.pages) {\n      return \"\";\n    }\n    return ` ${UDExPagination.i18nBundle.getText(OF)} `;\n  }\n\n  get pagination(): Page[] {\n    return this.setupPages(this.pages);\n  }\n\n  get paginationClass(): string {\n    let classes = \"udex-pagination\";\n    if (this._direction === \"rtl\") {\n      classes = `${classes} udex-pagination--${this._direction}`;\n    }\n    if (!this.display) {\n      return classes;\n    }\n    return `${classes} udex-pagination--${this.display} udex-pagination--${this.type}`;\n  }\n\n  static async onDefine() {\n    UDExPagination.i18nBundle = await getI18nBundle(\"sap-ui-webcomponents-bundle\");\n  }\n\n  setActive(element: HTMLElement): void {\n    const pageIndex = element.getAttribute(\"index\")\n      ? parseInt(element.getAttribute(\"index\") || \"\")\n      : null;\n    if (pageIndex === null) {\n      return;\n    }\n\n    element.setAttribute(\"aria-current\", \"page\");\n    this._currentPageIndex = pageIndex;\n    this._previousPageElement?.removeAttribute(\"aria-current\");\n    this._previousPageElement = element;\n  }\n\n  setNextPage(e: Event): void {\n    e.preventDefault();\n    const currentPage = this._currentPageIndex ?? 1;\n    if (this.pages && currentPage >= this.pages - 1) {\n      return;\n    }\n    this._currentPageIndex = currentPage + 1;\n    this.emitChangeEvent();\n  }\n\n  setPrevPage(e: Event): void {\n    e.preventDefault();\n    const currentPage = this._currentPageIndex ?? 1;\n    if (this.pages && currentPage <= 0) {\n      return;\n    }\n    this._currentPageIndex -= 1;\n    this.emitChangeEvent();\n  }\n\n  setFirstPage(e: Event): void {\n    e.preventDefault();\n    const currentPage = this._currentPageIndex ?? 1;\n    if (currentPage === 0) {\n      return;\n    }\n    this._currentPageIndex = 0;\n    this.emitChangeEvent();\n  }\n\n  setLastPage(e: Event): void {\n    e.preventDefault();\n    const currentPage = this._currentPageIndex ?? 1;\n    if (!this.pages || currentPage >= this.pages - 1) {\n      return;\n    }\n    this._currentPageIndex = this.pages - 1;\n    this.emitChangeEvent();\n  }\n\n  setupMobilePages(pages: number): Page[] {\n    const pagesCollection = [];\n    let startIndex;\n    let endIndex;\n    const offset = Math.floor(this._mobileDisplayNumber / 2);\n\n    if (pages <= this._mobileDisplayNumber) {\n      startIndex = 0;\n      endIndex = pages;\n    } else {\n      const displayStartNumber = this._currentPageIndex < offset ? 0 : this._currentPageIndex - offset;\n\n      startIndex = this._currentPageIndex <= pages - offset - 1\n        ? displayStartNumber\n        : pages - this._mobileDisplayNumber;\n\n      const displayEndNumber = this._currentPageIndex < offset\n        ? this._mobileDisplayNumber\n        : this._currentPageIndex + this._mobileDisplayNumber - offset;\n\n      endIndex = this._currentPageIndex <= pages - offset ? displayEndNumber : pages;\n    }\n\n    for (let index = startIndex; index < endIndex && index < pages; index++) {\n      const isCurrent = index === this._currentPageIndex;\n      pagesCollection.push({\n        index,\n        value: index + 1,\n        active: isCurrent,\n      });\n    }\n\n    return pagesCollection;\n  }\n\n  setupDesktopPages(pages: number): Page[] {\n    const pagesCollection = [];\n    for (let index = 0; index < pages; index++) {\n      const isCurrent = index === this._currentPageIndex;\n      pagesCollection.push({\n        index,\n        value: index + 1,\n        active: isCurrent,\n      });\n    }\n\n    return pagesCollection;\n  }\n\n  setupPages(pages?: number): Page[] {\n    if (!pages) {\n      return [];\n    }\n    if (this.display === DisplayType.mobile) {\n      return this.setupMobilePages(pages);\n    }\n\n    return this.setupDesktopPages(pages);\n  }\n\n  onPageClick(e: Event) {\n    e.preventDefault();\n    const target = e.target as HTMLElement;\n    const element = target !== e.currentTarget ? (target.parentNode as HTMLElement) : target;\n    if (element.getAttribute(\"active\") !== null) {\n      return;\n    }\n\n    this.setActive(element);\n    this.emitChangeEvent();\n  }\n\n  emitChangeEvent() {\n    this.fireEvent(\"change\", { currentPage: this._currentPageIndex + 1 });\n  }\n\n  onAfterRendering() {\n    if (this.type === PaginationType.full) {\n      return;\n    }\n\n    const shortPaginationElement = this.shadowRoot?.querySelector<HTMLElement>(\n      \".udex-pagination__item--short\",\n    );\n\n    if (!shortPaginationElement) {\n      return;\n    }\n\n    const directionStyles: string = window\n      .getComputedStyle(shortPaginationElement)\n      .getPropertyValue(\"direction\");\n    if (!directionStyles) {\n      this._direction = \"ltr\";\n    } else {\n      this._direction = directionStyles;\n    }\n  }\n}\n\nUDExPagination.define();\n\nexport default UDExPagination;\n"]}

package/config/dist/PasswordField.d.ts

@@ -0,0 +1,155 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+export declare enum ValueState {
+    Standard = "Standard",
+    Warning = "Warning",
+    Error = "Error",
+    Success = "Success"
+}
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-password-field</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/UDExPasswordField.js";</code>
+ *
+ * @constructor
+ * @alias udex.components.UDExPasswordField
+ * @extends UI5Element
+ * @tagname udex-password-field
+ * @public
+ */
+declare class UDExPasswordField extends UI5Element {
+    /**
+     * Defines supporting text under the input field.
+     *
+     * @type {string}
+     * @name sap.ui.webc.udex.UDExPasswordField.prototype.type
+     * @defaultvalue ""
+     * @public
+     */
+    type: 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.UDExPasswordField.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.UDExPasswordField.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.UDExPasswordField.prototype.maxlength
+     * @public
+     */
+    maxlength?: number;
+    /**
+     * Defines label text for the input field.
+     *
+     * @type {string}
+     * @name sap.ui.webc.udex.UDExPasswordField.prototype.label
+     * @defaultvalue ""
+     * @public
+     */
+    label: string;
+    /**
+     * Defines asterisk for the input field's label text.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.udex.UDExPasswordField.prototype.showAsterisk
+     * @defaultvalue false
+     * @public
+     */
+    showAsterisk: boolean;
+    /**
+     * Defines the value state of the component.
+     *
+     * @type {string}
+     * @name sap.ui.webc.udex.UDExPasswordField.prototype.valueState
+     * @defaultvalue "Standard"
+     * @public
+     */
+    valueState: "Standard" | "Warning" | "Error" | "Success";
+    /**
+     * Defines supporting text under the input field.
+     *
+     * @type {string}
+     * @name sap.ui.webc.udex.UDExPasswordField.prototype.supportingText
+     * @defaultvalue ""
+     * @public
+     */
+    supportingText: string;
+    /**
+     * Defines the inner stored show password button visibility state.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.udex.UDExPasswordField.prototype.showButtonEnabled
+     * @defaultvalue "false"
+     * @public
+     */
+    showButtonEnabled: boolean;
+    /**
+     * Defines the inner stored show password button icon.
+     *
+     * @type {string}
+     * @name sap.ui.webc.udex.UDExPasswordField.prototype.icon
+     * @defaultvalue "hide"
+     * @private
+     */
+    icon: string;
+    /**
+     * Defines the inner stored show password button tooltip.
+     *
+     * @type {string}
+     * @name sap.ui.webc.udex.UDExPasswordField.prototype.showButtonTooltip
+     * @defaultvalue ""
+     * @public
+     */
+    showButtonTooltip: string;
+    /**
+     * Defines the inner stored readonly state.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.udex.UDExPasswordField.prototype.readonly
+     * @defaultvalue "false"
+     * @public
+     */
+    readonly: boolean;
+    /**
+     * Defines the inner stored displayonly state.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.udex.UDExPasswordField.prototype.displayonly
+     * @defaultvalue "false"
+     * @public
+     */
+    displayonly: boolean;
+    handleShowPassword(): void;
+    get passwordLabel(): string;
+    get renderShowButton(): boolean;
+}
+export default UDExPasswordField;

package/config/dist/PasswordField.js

@@ -0,0 +1,105 @@
+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 TextField from "./TextField.js";
+import PasswordFieldTemplate from "./generated/templates/PasswordFieldTemplate.lit.js";
+// Styles
+import PasswordFieldCss from "./generated/themes/PasswordField.css.js";
+export var ValueState;
+(function (ValueState) {
+    ValueState["Standard"] = "Standard";
+    ValueState["Warning"] = "Warning";
+    ValueState["Error"] = "Error";
+    ValueState["Success"] = "Success";
+})(ValueState || (ValueState = {}));
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-password-field</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/UDExPasswordField.js";</code>
+ *
+ * @constructor
+ * @alias udex.components.UDExPasswordField
+ * @extends UI5Element
+ * @tagname udex-password-field
+ * @public
+ */
+let UDExPasswordField = class UDExPasswordField extends UI5Element {
+    handleShowPassword() {
+        const isPassword = this.type === "password";
+        this.icon = isPassword ? "hide" : "show";
+        this.type = isPassword ? "text" : "password";
+    }
+    get passwordLabel() {
+        return `${this.label} ${this.showAsterisk && this.showAsterisk ? "*" : ""}`;
+    }
+    get renderShowButton() {
+        return !this.disabled && !this.readonly && this.showButtonEnabled;
+    }
+};
+__decorate([
+    property({ type: String, noAttribute: true, defaultValue: "password" })
+], UDExPasswordField.prototype, "type", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExPasswordField.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String })
+], UDExPasswordField.prototype, "value", void 0);
+__decorate([
+    property({ validator: Integer })
+], UDExPasswordField.prototype, "maxlength", void 0);
+__decorate([
+    property({ type: String })
+], UDExPasswordField.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExPasswordField.prototype, "showAsterisk", void 0);
+__decorate([
+    property({ type: ValueState, defaultValue: "Standard" })
+], UDExPasswordField.prototype, "valueState", void 0);
+__decorate([
+    property({ type: String })
+], UDExPasswordField.prototype, "supportingText", void 0);
+__decorate([
+    property({ type: Boolean, defaultValue: false })
+], UDExPasswordField.prototype, "showButtonEnabled", void 0);
+__decorate([
+    property({ type: String, noAttribute: true, defaultValue: "show" })
+], UDExPasswordField.prototype, "icon", void 0);
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExPasswordField.prototype, "showButtonTooltip", void 0);
+__decorate([
+    property({ type: Boolean, defaultValue: false })
+], UDExPasswordField.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean, defaultValue: false })
+], UDExPasswordField.prototype, "displayonly", void 0);
+UDExPasswordField = __decorate([
+    customElement({
+        tag: "udex-password-field",
+        renderer: litRender,
+        styles: PasswordFieldCss,
+        template: PasswordFieldTemplate,
+        dependencies: [TextField],
+    })
+], UDExPasswordField);
+UDExPasswordField.define();
+export default UDExPasswordField;
+//# sourceMappingURL=PasswordField.js.map

package/config/dist/PasswordField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.js","sourceRoot":"","sources":["../src/PasswordField.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 TextField from \"./TextField.js\";\n\nimport PasswordFieldTemplate from \"./generated/templates/PasswordFieldTemplate.lit.js\";\n\n// Styles\n\nimport PasswordFieldCss from \"./generated/themes/PasswordField.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 * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-password-field</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/UDExPasswordField.js\";</code>\n *\n * @constructor\n * @alias udex.components.UDExPasswordField\n * @extends UI5Element\n * @tagname udex-password-field\n * @public\n */\n@customElement({\n  tag: \"udex-password-field\",\n  renderer: litRender,\n  styles: PasswordFieldCss,\n  template: PasswordFieldTemplate,\n  dependencies: [TextField],\n})\nclass UDExPasswordField extends UI5Element {\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @type {string}\n   * @name sap.ui.webc.udex.UDExPasswordField.prototype.type\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, noAttribute: true, defaultValue: \"password\" })\n  type!: string;\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.UDExPasswordField.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.UDExPasswordField.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.UDExPasswordField.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.UDExPasswordField.prototype.label\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String })\n  label!: string;\n\n  /**\n   * Defines asterisk for the input field's label text.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.udex.UDExPasswordField.prototype.showAsterisk\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n  showAsterisk!: boolean;\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @type {string}\n   * @name sap.ui.webc.udex.UDExPasswordField.prototype.valueState\n   * @defaultvalue \"Standard\"\n   * @public\n   */\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.UDExPasswordField.prototype.supportingText\n   * @defaultvalue \"\"\n   * @public\n   */\n\n  @property({ type: String })\n  supportingText!: string;\n\n  /**\n   * Defines the inner stored show password button visibility state.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.udex.UDExPasswordField.prototype.showButtonEnabled\n   * @defaultvalue \"false\"\n   * @public\n   */\n\n  @property({ type: Boolean, defaultValue: false })\n  showButtonEnabled!: boolean;\n\n  /**\n   * Defines the inner stored show password button icon.\n   *\n   * @type {string}\n   * @name sap.ui.webc.udex.UDExPasswordField.prototype.icon\n   * @defaultvalue \"hide\"\n   * @private\n   */\n\n  @property({ type: String, noAttribute: true, defaultValue: \"show\" })\n  icon!: string;\n\n  /**\n   * Defines the inner stored show password button tooltip.\n   *\n   * @type {string}\n   * @name sap.ui.webc.udex.UDExPasswordField.prototype.showButtonTooltip\n   * @defaultvalue \"\"\n   * @public\n   */\n\n  @property({ type: String, defaultValue: \"\" })\n  showButtonTooltip!: string;\n\n  /**\n   * Defines the inner stored readonly state.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.udex.UDExPasswordField.prototype.readonly\n   * @defaultvalue \"false\"\n   * @public\n   */\n\n  @property({ type: Boolean, defaultValue: false })\n  readonly!: boolean;\n\n  /**\n   * Defines the inner stored displayonly state.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.udex.UDExPasswordField.prototype.displayonly\n   * @defaultvalue \"false\"\n   * @public\n   */\n\n  @property({ type: Boolean, defaultValue: false })\n  displayonly!: boolean;\n\n  handleShowPassword() {\n    const isPassword = this.type === \"password\";\n\n    this.icon = isPassword ? \"hide\" : \"show\";\n    this.type = isPassword ? \"text\" : \"password\";\n  }\n\n  get passwordLabel() {\n    return `${this.label} ${this.showAsterisk && this.showAsterisk ? \"*\" : \"\"}`;\n  }\n\n  get renderShowButton() {\n    return !this.disabled && !this.readonly && this.showButtonEnabled;\n  }\n}\n\nUDExPasswordField.define();\n\nexport default UDExPasswordField;\n"]}