@sapudex/web-components 0.199.3 → 0.224.0

package/config/dist/PhoneNumberField.d.ts

@@ -1,176 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import Dropdown from "./Dropdown.js";
-import Button from "./Button.js";
-import { CountriesListPhoneNumberData } from "./data/CountriesListPhoneNumber.js";
-import "@ui5/webcomponents/dist/Icon.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-up.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-down.js";
-export interface ExtendedCountriesListPhoneNumberData extends CountriesListPhoneNumberData {
-    selected?: boolean;
-}
-export declare enum OpenButtonIcon {
-    iconUp = "slim-arrow-up",
-    iconDown = "slim-arrow-down"
-}
-export declare enum FieldState {
-    Standard = "Standard",
-    Success = "Success",
-    Error = "Error"
-}
-export declare enum IconMapping {
-    Success = "accept",
-    Error = "error"
-}
-/**
- * @class
- *
- * @constructor
- * @alias udex.components.UDExPhoneNumberField
- * @extends sap.ui.webc.base.UI5Element
- * @tagname udex-phone-number-field
- * @public
- */
-declare class UDExPhoneNumberField extends UI5Element {
-    /**
-     * Defines label text for the textarea field.
-     *
-     * @type {string}
-     * @name udex.components.UDExPhoneNumberField.prototype.label
-     * @defaultvalue ""
-     * @public
-     */
-    label: string;
-    /**
-     * Defines the value state of the component.
-     *
-     * @type {FieldState}
-     * @name udex.components.UDExPhoneNumberField.prototype.FieldState
-     * @defaultvalue "Standard"
-     * @public
-     */
-    fieldState: `${FieldState}`;
-    /**
-     * Defines supporting text under the input field.
-     *
-     * @type {string}
-     * @name udex.components.UDExPhoneNumberField.prototype.supportingText
-     * @defaultvalue ""
-     * @public
-     */
-    supportingText: string;
-    /**
-     * Defines whether the component is required.
-     *
-     * @type {boolean}
-     * @name udex.components.UDExPhoneNumberField.prototype.required
-     * @defaultvalue false
-     * @public
-     */
-    required: boolean;
-    /**
-     * Defines whether the component is in disabled state.
-     * <br><br>
-     * <b>Note:</b> A disabled component is completely noninteractive.
-     *
-     * @type {boolean}
-     * @name udex.components.UDExPhoneNumberField.prototype.disabled
-     * @defaultvalue false
-     * @public
-     */
-    disabled: boolean;
-    /**
-     * 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 udex.components.UDExPhoneNumberField.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 udex.components.UDExPhoneNumberField.prototype.displayonly
-     * @defaultvalue false
-     * @public
-     */
-    displayonly: boolean;
-    /**
-     * Defines the selected country iso code
-     * <br><br>
-     * Note: should be used two-letter country codes, e.g.: "DE" | "PL" | "UA" | "US"
-     *
-     * @name udex.components.UDExPhoneNumberField.prototype.selectedIso
-     * @defaultvalue ""
-     * @public
-     */
-    selectedIso: string;
-    /**
-     * Defines the value of the component.
-     *
-     * @type {string}
-     * @defaultvalue ""
-     * @private
-     */
-    value: string;
-    /**
-     * Defines the open button icon
-     *
-     * @type {String}
-     * @private
-     */
-    buttonIcon: string;
-    /**
-     * Defines the phone format of the input
-     *
-     * @type {String}
-     * @private
-     */
-    phoneFormat: string;
-    /**
-     * Defines the maxlength of the input
-     *
-     * @type {sap.ui.webc.base.types.Integer}
-     * @private
-     */
-    maxlength: number;
-    onClick(): void;
-    handleInput(event: InputEvent): void;
-    handleKeyDown: (event: KeyboardEvent) => void;
-    handleKeyUp(): void;
-    handleFocus(): void;
-    handleBlur(): void;
-    handleSelect(event: CustomEvent): void;
-    handelDropdownOpen(): void;
-    handelDropdownClose(): void;
-    autoSelectCountry(value: string): void;
-    applyPhoneMask(): void;
-    applyPlaceholder(): void;
-    getDropdown(): Dropdown;
-    getButton(): Button;
-    getInputField(): HTMLFormElement;
-    get selectedPhonePrefix(): string;
-    get selectedPlaceholder(): string;
-    get selectedCountryName(): string;
-    get selectedFlagBackgroundPosition(): {
-        backgroundPosition?: undefined;
-    } | {
-        backgroundPosition: string;
-    };
-    get iconFieldName(): IconMapping | undefined;
-    get hasFieldIcon(): boolean;
-    get ariaInvalid(): "true" | null;
-    get isInputReadonly(): boolean;
-    get isButtonDisabled(): boolean;
-    get countriesList(): ExtendedCountriesListPhoneNumberData[];
-    get updatedCountriesList(): ExtendedCountriesListPhoneNumberData[];
-    onBeforeRendering(): void;
-}
-export default UDExPhoneNumberField;

package/config/dist/PhoneNumberField.js

@@ -1,270 +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 CountriesListPhoneNumber from "./data/CountriesListPhoneNumber.js";
-import PhoneNumberFieldTemplate from "./generated/templates/PhoneNumberFieldTemplate.lit.js";
-import "@ui5/webcomponents/dist/Icon.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-up.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-down.js";
-// Styles
-import PhoneNumberFieldCss from "./generated/themes/PhoneNumberField.css.js";
-export var OpenButtonIcon;
-(function (OpenButtonIcon) {
-    OpenButtonIcon["iconUp"] = "slim-arrow-up";
-    OpenButtonIcon["iconDown"] = "slim-arrow-down";
-})(OpenButtonIcon || (OpenButtonIcon = {}));
-export var FieldState;
-(function (FieldState) {
-    FieldState["Standard"] = "Standard";
-    FieldState["Success"] = "Success";
-    FieldState["Error"] = "Error";
-})(FieldState || (FieldState = {}));
-export var IconMapping;
-(function (IconMapping) {
-    IconMapping["Success"] = "accept";
-    IconMapping["Error"] = "error";
-})(IconMapping || (IconMapping = {}));
-const initialPlaceholder = "+X XXX-XXX-XXXX";
-/**
- * @class
- *
- * @constructor
- * @alias udex.components.UDExPhoneNumberField
- * @extends sap.ui.webc.base.UI5Element
- * @tagname udex-phone-number-field
- * @public
- */
-let UDExPhoneNumberField = class UDExPhoneNumberField extends UI5Element {
-    constructor() {
-        super(...arguments);
-        this.handleKeyDown = (event) => {
-            event.stopPropagation();
-        };
-    }
-    onClick() {
-        if (this.isButtonDisabled) {
-            return;
-        }
-        const button = this.getButton();
-        const dropdown = this.getDropdown();
-        if (dropdown.open) {
-            dropdown.onClose();
-        }
-        else {
-            dropdown.onOpen(button);
-        }
-    }
-    handleInput(event) {
-        this.value = event.target?.value;
-        this.applyPhoneMask();
-    }
-    handleKeyUp() {
-        this.value = this.value.replace(/[^\d+ -]/g, "").trim();
-        this.applyPhoneMask();
-    }
-    handleFocus() {
-        if (this.selectedIso.length === 0) {
-            this.phoneFormat = initialPlaceholder;
-        }
-        if (this.value.length === 0 || this.value === "+") {
-            this.value = this.selectedPhonePrefix;
-        }
-    }
-    handleBlur() {
-        this.applyPlaceholder();
-        const prefixLength = this.selectedPhonePrefix.length;
-        const enteredPrefix = this.value.substring(0, prefixLength);
-        const isIncorrectPrefixEntered = enteredPrefix !== this.selectedPhonePrefix;
-        const isIncorrectNumberEntered = !this.selectedIso || this.value.length <= prefixLength || isIncorrectPrefixEntered;
-        if (isIncorrectNumberEntered) {
-            this.value = "";
-        }
-    }
-    handleSelect(event) {
-        const dropdown = this.getDropdown();
-        dropdown.onClose();
-        this.selectedIso = event.detail.item.id;
-        this.value = this.selectedPhonePrefix;
-        this.phoneFormat = this.value + this.selectedPlaceholder;
-        this.maxlength = this.phoneFormat.length;
-        this.getInputField().focus();
-    }
-    handelDropdownOpen() {
-        this.buttonIcon = OpenButtonIcon.iconUp;
-    }
-    handelDropdownClose() {
-        this.buttonIcon = OpenButtonIcon.iconDown;
-    }
-    autoSelectCountry(value) {
-        const countryToSelect = this.updatedCountriesList.find(country => {
-            const valuePhonePrefix = value.substring(0, country.phonePrefix.length);
-            return country.phonePrefix === valuePhonePrefix;
-        });
-        if (countryToSelect) {
-            this.selectedIso = countryToSelect.iso;
-        }
-        if (this.selectedPhonePrefix && this.selectedPlaceholder) {
-            this.maxlength = this.selectedPhonePrefix.length + this.selectedPlaceholder.length;
-        }
-    }
-    applyPhoneMask() {
-        const isNewPrefixEntered = this.value.substring(0, this.selectedPhonePrefix.length) !== this.selectedPhonePrefix;
-        if (this.value.split("")[0] !== "+") {
-            this.value = `+${this.value}`;
-        }
-        this.autoSelectCountry(this.value);
-        if (isNewPrefixEntered) {
-            return;
-        }
-        const mask = this.selectedPhonePrefix + this.selectedPlaceholder;
-        const valueWithMask = this.value.split("").map((char, index) => {
-            if ((char === " " && mask[index] === " ") || (char === "-" && mask[index] === "-")) {
-                return char;
-            }
-            if ((char === " " && mask[index] !== " ") || (char === "-" && mask[index] !== "-")) {
-                return "";
-            }
-            if ((char !== " " && mask[index] === " ") || (char !== "-" && mask[index] === "-")) {
-                return `${mask[index]}${char}`;
-            }
-            return char;
-        }).join("");
-        this.value = valueWithMask;
-        if (this.value.length > this.maxlength) {
-            this.value = this.value.substring(0, this.maxlength);
-        }
-    }
-    applyPlaceholder() {
-        this.phoneFormat = this.selectedIso.length > 0
-            ? this.selectedPhonePrefix + this.selectedPlaceholder : initialPlaceholder;
-    }
-    getDropdown() {
-        return this.shadowRoot.querySelector("[udex-dropdown]");
-    }
-    getButton() {
-        return this.shadowRoot.querySelector("[udex-button]");
-    }
-    getInputField() {
-        return this.shadowRoot.querySelector("input");
-    }
-    get selectedPhonePrefix() {
-        if (!this.selectedIso) {
-            return "";
-        }
-        return this.updatedCountriesList.filter(country => country.iso === this.selectedIso)[0]?.phonePrefix
-            || this.updatedCountriesList[0]?.phonePrefix;
-    }
-    get selectedPlaceholder() {
-        if (!this.selectedIso) {
-            return "";
-        }
-        return this.updatedCountriesList.filter(country => country.iso === this.selectedIso)[0]?.phoneFmt
-            || this.updatedCountriesList[0]?.phoneFmt;
-    }
-    get selectedCountryName() {
-        if (!this.selectedIso) {
-            return "";
-        }
-        return this.updatedCountriesList.filter(country => country.iso === this.selectedIso)[0]?.countryName
-            || this.updatedCountriesList[0]?.countryName;
-    }
-    get selectedFlagBackgroundPosition() {
-        if (!this.selectedIso) {
-            return {};
-        }
-        const selectedCountry = this.updatedCountriesList.filter(country => country.iso === this.selectedIso)[0];
-        if (!selectedCountry) {
-            return {};
-        }
-        return { "backgroundPosition": `${selectedCountry.flagX} ${selectedCountry.flagY}` };
-    }
-    get iconFieldName() {
-        if (this.fieldState !== FieldState.Standard) {
-            return IconMapping[this.fieldState];
-        }
-    }
-    get hasFieldIcon() {
-        return this.fieldState !== FieldState.Standard;
-    }
-    get ariaInvalid() {
-        return this.fieldState === FieldState.Error ? "true" : null;
-    }
-    get isInputReadonly() {
-        return this.readonly || this.displayonly;
-    }
-    get isButtonDisabled() {
-        return this.disabled || this.isInputReadonly;
-    }
-    get countriesList() {
-        return CountriesListPhoneNumber;
-    }
-    get updatedCountriesList() {
-        return this.countriesList.map(country => {
-            if (country.selected) {
-                delete country.selected;
-            }
-            if (country.iso === this.selectedIso) {
-                country.selected = true;
-            }
-            return country;
-        });
-    }
-    onBeforeRendering() {
-        this.applyPlaceholder();
-    }
-};
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExPhoneNumberField.prototype, "label", void 0);
-__decorate([
-    property({ type: FieldState, defaultValue: FieldState.Standard })
-], UDExPhoneNumberField.prototype, "fieldState", void 0);
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExPhoneNumberField.prototype, "supportingText", void 0);
-__decorate([
-    property({ type: Boolean, defaultValue: false })
-], UDExPhoneNumberField.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean, defaultValue: false })
-], UDExPhoneNumberField.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, defaultValue: false })
-], UDExPhoneNumberField.prototype, "readonly", void 0);
-__decorate([
-    property({ type: Boolean, defaultValue: false })
-], UDExPhoneNumberField.prototype, "displayonly", void 0);
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExPhoneNumberField.prototype, "selectedIso", void 0);
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExPhoneNumberField.prototype, "value", void 0);
-__decorate([
-    property({ type: String, noAttribute: true, defaultValue: OpenButtonIcon.iconDown })
-], UDExPhoneNumberField.prototype, "buttonIcon", void 0);
-__decorate([
-    property({ type: String, defaultValue: initialPlaceholder, noAttribute: true })
-], UDExPhoneNumberField.prototype, "phoneFormat", void 0);
-__decorate([
-    property({ validator: Integer })
-], UDExPhoneNumberField.prototype, "maxlength", void 0);
-UDExPhoneNumberField = __decorate([
-    customElement({
-        tag: "udex-phone-number-field",
-        renderer: litRender,
-        styles: PhoneNumberFieldCss,
-        template: PhoneNumberFieldTemplate,
-    })
-], UDExPhoneNumberField);
-UDExPhoneNumberField.define();
-export default UDExPhoneNumberField;
-//# sourceMappingURL=PhoneNumberField.js.map

package/config/dist/PhoneNumberField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PhoneNumberField.js","sourceRoot":"","sources":["../src/PhoneNumberField.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,OAAO,MAAM,+CAA+C,CAAC;AAGpE,OAAO,wBAA0D,MAAM,oCAAoC,CAAC;AAE5G,OAAO,wBAAwB,MAAM,uDAAuD,CAAC;AAE7F,OAAO,iCAAiC,CAAC;AACzC,OAAO,gDAAgD,CAAC;AACxD,OAAO,kDAAkD,CAAC;AAE1D,SAAS;AACT,OAAO,mBAAmB,MAAM,4CAA4C,CAAC;AAM7E,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,0CAAwB,CAAA;IACxB,8CAA4B,CAAA;AAC9B,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB;AAED,MAAM,CAAN,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,mCAAqB,CAAA;IACrB,iCAAmB,CAAA;IACnB,6BAAe,CAAA;AACjB,CAAC,EAJW,UAAU,KAAV,UAAU,QAIrB;AAED,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,iCAAkB,CAAA;IAClB,8BAAe,CAAA;AACjB,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB;AAED,MAAM,kBAAkB,GAAW,iBAAiB,CAAC;AAErD;;;;;;;;GAQG;AAQH,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QA2JE,kBAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YACvC,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC,CAAC;IAgNJ,CAAC;IAtOC,OAAO;QACL,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,OAAO;SACR;QACD,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAChC,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAEpC,IAAI,QAAQ,CAAC,IAAI,EAAE;YACjB,QAAQ,CAAC,OAAO,EAAE,CAAC;SACpB;aAAM;YACL,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;SACzB;IACH,CAAC;IAED,WAAW,CAAC,KAAiB;QAC3B,IAAI,CAAC,KAAK,GAAI,KAAK,CAAC,MAA2B,EAAE,KAAK,CAAC;QAEvD,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAMD,WAAW;QACT,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QAExD,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,WAAW;QACT,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,IAAI,CAAC,WAAW,GAAG,kBAAkB,CAAC;SACvC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,KAAK,GAAG,EAAE;YACjD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC;SACvC;IACH,CAAC;IAED,UAAU;QACR,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAExB,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC;QACrD,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;QAC5D,MAAM,wBAAwB,GAAG,aAAa,KAAK,IAAI,CAAC,mBAAmB,CAAC;QAE5E,MAAM,wBAAwB,GAAG,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,YAAY,IAAI,wBAAwB,CAAC;QAEpH,IAAI,wBAAwB,EAAE;YAC5B,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;SACjB;IACH,CAAC;IAED,YAAY,CAAC,KAAkB;QAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAEpC,QAAQ,CAAC,OAAO,EAAE,CAAC;QAEnB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;QACxC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC;QACtC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC;QACzD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;QACzC,IAAI,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC;IAC/B,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,MAAM,CAAC;IAC1C,CAAC;IACD,mBAAmB;QACjB,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC;IAC5C,CAAC;IAED,iBAAiB,CAAC,KAAa;QAC7B,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YAC/D,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAExE,OAAO,OAAO,CAAC,WAAW,KAAK,gBAAgB,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,IAAI,eAAe,EAAE;YACnB,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC,GAAG,CAAC;SACxC;QAED,IAAI,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,mBAAmB,EAAE;YACxD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,mBAAmB,CAAC,MAAM,GAAG,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC;SACpF;IACH,CAAC;IAED,cAAc;QACZ,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,mBAAmB,CAAC;QACjH,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;YACnC,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;SAC/B;QAED,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEnC,IAAI,kBAAkB,EAAE;YACtB,OAAO;SACR;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC;QACjE,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC7D,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE;gBAClF,OAAO,IAAI,CAAC;aACb;YACD,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE;gBAClF,OAAO,EAAE,CAAC;aACX;YACD,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE;gBAClF,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,EAAE,CAAC;aAChC;YAED,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAEZ,IAAI,CAAC,KAAK,GAAG,aAAa,CAAC;QAE3B,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE;YACtC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;SACtD;IACH,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;YAC5C,CAAC,CAAC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB,CAAC;IAC/E,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CACnC,iBAAiB,CACjB,CAAC;IACL,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CACnC,eAAe,CACf,CAAC;IACL,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CACnC,OAAO,CACP,CAAC;IACL,CAAC;IAED,IAAI,mBAAmB;QACrB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,OAAO,EAAE,CAAC;SACX;QAED,OAAO,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW;eACjG,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC;IAC/C,CAAC;IAED,IAAI,mBAAmB;QACrB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,OAAO,EAAE,CAAC;SACX;QAED,OAAO,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ;eAC5F,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC;IAC9C,CAAC;IAED,IAAI,mBAAmB;QACrB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,OAAO,EAAE,CAAC;SACX;QAED,OAAO,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW;eAC/F,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC;IACjD,CAAC;IAED,IAAI,8BAA8B;QAChC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,OAAO,EAAE,CAAC;SACX;QAED,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QAEzG,IAAI,CAAC,eAAe,EAAE;YACpB,OAAO,EAAE,CAAC;SACX;QAED,OAAO,EAAE,oBAAoB,EAAE,GAAG,eAAe,CAAC,KAAK,IAAI,eAAe,CAAC,KAAK,EAAE,EAAE,CAAC;IACvF,CAAC;IAED,IAAI,aAAa;QACf,IAAI,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC,QAAQ,EAAE;YAC3C,OAAO,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACrC;IACH,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC,QAAQ,CAAC;IACjD,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9D,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,CAAC;IAC3C,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe,CAAC;IAC/C,CAAC;IAED,IAAI,aAAa;QACf,OAAO,wBAAwB,CAAC;IAClC,CAAC;IAED,IAAI,oBAAoB;QACtB,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACtC,IAAI,OAAO,CAAC,QAAQ,EAAE;gBACpB,OAAO,OAAO,CAAC,QAAQ,CAAC;aACzB;YAED,IAAI,OAAO,CAAC,GAAG,KAAK,IAAI,CAAC,WAAW,EAAE;gBACpC,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;aACzB;YAED,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;CACF,CAAA;AAnWC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;mDAC9B;AAWf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,CAAC,QAAQ,EAAE,CAAC;wDACrC;AAW7B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;4DACrB;AAWxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;sDAC9B;AAanB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;sDAC9B;AAcnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;sDAC9B;AAcnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;yDAC3B;AAYtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;yDACxB;AAUrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;mDAC9B;AASf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,cAAc,CAAC,QAAQ,EAAE,CAAC;wDACjE;AASpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;yDAC3D;AASrB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;uDACd;AArIf,oBAAoB;IAPzB,aAAa,CAAC;QACb,GAAG,EAAE,yBAAyB;QAC9B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,mBAAmB;QAC3B,QAAQ,EAAE,wBAAwB;KACnC,CAAC;GAEI,oBAAoB,CA6WzB;AAED,oBAAoB,CAAC,MAAM,EAAE,CAAC;AAE9B,eAAe,oBAAoB,CAAC","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 Dropdown from \"./Dropdown.js\";\nimport Button from \"./Button.js\";\nimport CountriesListPhoneNumber, { CountriesListPhoneNumberData } from \"./data/CountriesListPhoneNumber.js\";\n\nimport PhoneNumberFieldTemplate from \"./generated/templates/PhoneNumberFieldTemplate.lit.js\";\n\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-up.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\n\n// Styles\nimport PhoneNumberFieldCss from \"./generated/themes/PhoneNumberField.css.js\";\n\nexport interface ExtendedCountriesListPhoneNumberData extends CountriesListPhoneNumberData {\n  selected?: boolean;\n}\n\nexport enum OpenButtonIcon {\n  iconUp = \"slim-arrow-up\",\n  iconDown = \"slim-arrow-down\",\n}\n\nexport enum FieldState {\n  Standard = \"Standard\",\n  Success = \"Success\",\n  Error = \"Error\",\n}\n\nexport enum IconMapping {\n  Success = \"accept\",\n  Error = \"error\",\n}\n\nconst initialPlaceholder: string = \"+X XXX-XXX-XXXX\";\n\n/**\n * @class\n *\n * @constructor\n * @alias udex.components.UDExPhoneNumberField\n * @extends sap.ui.webc.base.UI5Element\n * @tagname udex-phone-number-field\n * @public\n */\n@customElement({\n  tag: \"udex-phone-number-field\",\n  renderer: litRender,\n  styles: PhoneNumberFieldCss,\n  template: PhoneNumberFieldTemplate,\n})\n\nclass UDExPhoneNumberField extends UI5Element {\n  /**\n   * Defines label text for the textarea field.\n   *\n   * @type {string}\n   * @name udex.components.UDExPhoneNumberField.prototype.label\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n  label!: string;\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @type {FieldState}\n   * @name udex.components.UDExPhoneNumberField.prototype.FieldState\n   * @defaultvalue \"Standard\"\n   * @public\n   */\n  @property({ type: FieldState, defaultValue: FieldState.Standard })\n  fieldState!: `${FieldState}`;\n\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @type {string}\n   * @name udex.components.UDExPhoneNumberField.prototype.supportingText\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n  supportingText!: string;\n\n  /**\n   * Defines whether the component is required.\n   *\n   * @type {boolean}\n   * @name udex.components.UDExPhoneNumberField.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.UDExPhoneNumberField.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.UDExPhoneNumberField.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.UDExPhoneNumberField.prototype.displayonly\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean, defaultValue: false })\n  displayonly!: boolean;\n\n  /**\n   * Defines the selected country iso code\n   * <br><br>\n   * Note: should be used two-letter country codes, e.g.: \"DE\" | \"PL\" | \"UA\" | \"US\"\n   *\n   * @name udex.components.UDExPhoneNumberField.prototype.selectedIso\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n  selectedIso!: string;\n\n  /**\n   * Defines the value of the component.\n   *\n   * @type {string}\n   * @defaultvalue \"\"\n   * @private\n   */\n  @property({ type: String, defaultValue: \"\" })\n  value!: string;\n\n  /**\n   * Defines the open button icon\n   *\n   * @type {String}\n   * @private\n   */\n  @property({ type: String, noAttribute: true, defaultValue: OpenButtonIcon.iconDown })\n  buttonIcon!: string;\n\n  /**\n   * Defines the phone format of the input\n   *\n   * @type {String}\n   * @private\n   */\n  @property({ type: String, defaultValue: initialPlaceholder, noAttribute: true })\n  phoneFormat!: string;\n\n  /**\n   * Defines the maxlength of the input\n   *\n   * @type {sap.ui.webc.base.types.Integer}\n   * @private\n   */\n  @property({ validator: Integer })\n  maxlength!: number;\n\n  onClick(): void {\n    if (this.isButtonDisabled) {\n      return;\n    }\n    const button = this.getButton();\n    const dropdown = this.getDropdown();\n\n    if (dropdown.open) {\n      dropdown.onClose();\n    } else {\n      dropdown.onOpen(button);\n    }\n  }\n\n  handleInput(event: InputEvent) {\n    this.value = (event.target as HTMLInputElement)?.value;\n\n    this.applyPhoneMask();\n  }\n\n  handleKeyDown = (event: KeyboardEvent) => {\n    event.stopPropagation();\n  };\n\n  handleKeyUp() {\n    this.value = this.value.replace(/[^\\d+ -]/g, \"\").trim();\n\n    this.applyPhoneMask();\n  }\n\n  handleFocus() {\n    if (this.selectedIso.length === 0) {\n      this.phoneFormat = initialPlaceholder;\n    }\n\n    if (this.value.length === 0 || this.value === \"+\") {\n      this.value = this.selectedPhonePrefix;\n    }\n  }\n\n  handleBlur() {\n    this.applyPlaceholder();\n\n    const prefixLength = this.selectedPhonePrefix.length;\n    const enteredPrefix = this.value.substring(0, prefixLength);\n    const isIncorrectPrefixEntered = enteredPrefix !== this.selectedPhonePrefix;\n\n    const isIncorrectNumberEntered = !this.selectedIso || this.value.length <= prefixLength || isIncorrectPrefixEntered;\n\n    if (isIncorrectNumberEntered) {\n      this.value = \"\";\n    }\n  }\n\n  handleSelect(event: CustomEvent) {\n    const dropdown = this.getDropdown();\n\n    dropdown.onClose();\n\n    this.selectedIso = event.detail.item.id;\n    this.value = this.selectedPhonePrefix;\n    this.phoneFormat = this.value + this.selectedPlaceholder;\n    this.maxlength = this.phoneFormat.length;\n    this.getInputField().focus();\n  }\n\n  handelDropdownOpen() {\n    this.buttonIcon = OpenButtonIcon.iconUp;\n  }\n  handelDropdownClose() {\n    this.buttonIcon = OpenButtonIcon.iconDown;\n  }\n\n  autoSelectCountry(value: string) {\n    const countryToSelect = this.updatedCountriesList.find(country => {\n      const valuePhonePrefix = value.substring(0, country.phonePrefix.length);\n\n      return country.phonePrefix === valuePhonePrefix;\n    });\n\n    if (countryToSelect) {\n      this.selectedIso = countryToSelect.iso;\n    }\n\n    if (this.selectedPhonePrefix && this.selectedPlaceholder) {\n      this.maxlength = this.selectedPhonePrefix.length + this.selectedPlaceholder.length;\n    }\n  }\n\n  applyPhoneMask() {\n    const isNewPrefixEntered = this.value.substring(0, this.selectedPhonePrefix.length) !== this.selectedPhonePrefix;\n    if (this.value.split(\"\")[0] !== \"+\") {\n      this.value = `+${this.value}`;\n    }\n\n    this.autoSelectCountry(this.value);\n\n    if (isNewPrefixEntered) {\n      return;\n    }\n\n    const mask = this.selectedPhonePrefix + this.selectedPlaceholder;\n    const valueWithMask = this.value.split(\"\").map((char, index) => {\n      if ((char === \" \" && mask[index] === \" \") || (char === \"-\" && mask[index] === \"-\")) {\n        return char;\n      }\n      if ((char === \" \" && mask[index] !== \" \") || (char === \"-\" && mask[index] !== \"-\")) {\n        return \"\";\n      }\n      if ((char !== \" \" && mask[index] === \" \") || (char !== \"-\" && mask[index] === \"-\")) {\n        return `${mask[index]}${char}`;\n      }\n\n      return char;\n    }).join(\"\");\n\n    this.value = valueWithMask;\n\n    if (this.value.length > this.maxlength) {\n      this.value = this.value.substring(0, this.maxlength);\n    }\n  }\n\n  applyPlaceholder() {\n    this.phoneFormat = this.selectedIso.length > 0\n      ? this.selectedPhonePrefix + this.selectedPlaceholder : initialPlaceholder;\n  }\n\n  getDropdown() {\n    return this.shadowRoot!.querySelector<Dropdown>(\n      \"[udex-dropdown]\",\n    )!;\n  }\n\n  getButton() {\n    return this.shadowRoot!.querySelector<Button>(\n      \"[udex-button]\",\n    )!;\n  }\n\n  getInputField() {\n    return this.shadowRoot!.querySelector<HTMLFormElement>(\n      \"input\",\n    )!;\n  }\n\n  get selectedPhonePrefix(): string {\n    if (!this.selectedIso) {\n      return \"\";\n    }\n\n    return this.updatedCountriesList.filter(country => country.iso === this.selectedIso)[0]?.phonePrefix\n    || this.updatedCountriesList[0]?.phonePrefix;\n  }\n\n  get selectedPlaceholder(): string {\n    if (!this.selectedIso) {\n      return \"\";\n    }\n\n    return this.updatedCountriesList.filter(country => country.iso === this.selectedIso)[0]?.phoneFmt\n      || this.updatedCountriesList[0]?.phoneFmt;\n  }\n\n  get selectedCountryName(): string {\n    if (!this.selectedIso) {\n      return \"\";\n    }\n\n    return this.updatedCountriesList.filter(country => country.iso === this.selectedIso)[0]?.countryName\n      || this.updatedCountriesList[0]?.countryName;\n  }\n\n  get selectedFlagBackgroundPosition() {\n    if (!this.selectedIso) {\n      return {};\n    }\n\n    const selectedCountry = this.updatedCountriesList.filter(country => country.iso === this.selectedIso)[0];\n\n    if (!selectedCountry) {\n      return {};\n    }\n\n    return { \"backgroundPosition\": `${selectedCountry.flagX} ${selectedCountry.flagY}` };\n  }\n\n  get iconFieldName() {\n    if (this.fieldState !== FieldState.Standard) {\n      return IconMapping[this.fieldState];\n    }\n  }\n\n  get hasFieldIcon() {\n    return this.fieldState !== FieldState.Standard;\n  }\n\n  get ariaInvalid() {\n    return this.fieldState === FieldState.Error ? \"true\" : null;\n  }\n\n  get isInputReadonly() {\n    return this.readonly || this.displayonly;\n  }\n\n  get isButtonDisabled() {\n    return this.disabled || this.isInputReadonly;\n  }\n\n  get countriesList(): ExtendedCountriesListPhoneNumberData[] {\n    return CountriesListPhoneNumber;\n  }\n\n  get updatedCountriesList(): ExtendedCountriesListPhoneNumberData[] {\n    return this.countriesList.map(country => {\n      if (country.selected) {\n        delete country.selected;\n      }\n\n      if (country.iso === this.selectedIso) {\n        country.selected = true;\n      }\n\n      return country;\n    });\n  }\n\n  onBeforeRendering() {\n    this.applyPlaceholder();\n  }\n}\n\nUDExPhoneNumberField.define();\n\nexport default UDExPhoneNumberField;\n"]}

package/config/dist/ProgressBar.d.ts

@@ -1,25 +0,0 @@
-import ProgressIndicator from "@ui5/webcomponents/dist/ProgressIndicator.js";
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- *
- * <h3>Usage</h3>
- *
- * For the <code>udex-progress-bar</code>
- * <h3>ES6 Module Import</h3>
- *
- * <code>import "@udex/web-components/dist/ProgressBar.js";</code>
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.web-components.UDExProgressBar
- * @extends sap.ui.webc.main.ProgressIndicator
- * @tagname udex-progress-bar
- * @public
- */
-declare class UDExProgressBar extends ProgressIndicator {
-    onAfterRendering(): void;
-}
-export default UDExProgressBar;

package/config/dist/ProgressBar.js

@@ -1,50 +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 customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import ProgressIndicator from "@ui5/webcomponents/dist/ProgressIndicator.js";
-import ProgressBarTemplate from "./generated/templates/ProgressBarTemplate.lit.js";
-// Styles
-import ProgressBarCss from "./generated/themes/ProgressBar.css.js";
-import redirectAttributes from "./utils/redirectAttributes.js";
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- *
- * <h3>Usage</h3>
- *
- * For the <code>udex-progress-bar</code>
- * <h3>ES6 Module Import</h3>
- *
- * <code>import "@udex/web-components/dist/ProgressBar.js";</code>
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.web-components.UDExProgressBar
- * @extends sap.ui.webc.main.ProgressIndicator
- * @tagname udex-progress-bar
- * @public
- */
-let UDExProgressBar = class UDExProgressBar extends ProgressIndicator {
-    onAfterRendering() {
-        redirectAttributes(this, "udex-progress-bar");
-    }
-};
-UDExProgressBar = __decorate([
-    customElement({
-        tag: "udex-progress-bar",
-        renderer: litRender,
-        styles: ProgressBarCss,
-        template: ProgressBarTemplate,
-        dependencies: [],
-    })
-], UDExProgressBar);
-UDExProgressBar.define();
-export default UDExProgressBar;
-//# sourceMappingURL=ProgressBar.js.map

package/config/dist/ProgressBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../src/ProgressBar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,iBAAiB,MAAM,8CAA8C,CAAC;AAE7E,OAAO,mBAAmB,MAAM,kDAAkD,CAAC;AAEnF,SAAS;AACT,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,kBAAkB,MAAM,+BAA+B,CAAC;AAE/D;;;;;;;;;;;;;;;;;;;GAmBG;AAQH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,iBAAiB;IAC7C,gBAAgB;QACd,kBAAkB,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;IAChD,CAAC;CACF,CAAA;AAJK,eAAe;IAPpB,aAAa,CAAC;QACb,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,cAAc;QACtB,QAAQ,EAAE,mBAAmB;QAC7B,YAAY,EAAE,EAAE;KACjB,CAAC;GACI,eAAe,CAIpB;AAED,eAAe,CAAC,MAAM,EAAE,CAAC;AAEzB,eAAe,eAAe,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport ProgressIndicator from \"@ui5/webcomponents/dist/ProgressIndicator.js\";\n\nimport ProgressBarTemplate from \"./generated/templates/ProgressBarTemplate.lit.js\";\n\n// Styles\nimport ProgressBarCss from \"./generated/themes/ProgressBar.css.js\";\nimport redirectAttributes from \"./utils/redirectAttributes.js\";\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-progress-bar</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/ProgressBar.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.web-components.UDExProgressBar\n * @extends sap.ui.webc.main.ProgressIndicator\n * @tagname udex-progress-bar\n * @public\n */\n@customElement({\n  tag: \"udex-progress-bar\",\n  renderer: litRender,\n  styles: ProgressBarCss,\n  template: ProgressBarTemplate,\n  dependencies: [],\n})\nclass UDExProgressBar extends ProgressIndicator {\n  onAfterRendering() {\n    redirectAttributes(this, \"udex-progress-bar\");\n  }\n}\n\nUDExProgressBar.define();\n\nexport default UDExProgressBar;\n"]}

package/config/dist/Quote.d.ts

@@ -1,81 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-export declare enum SizeType {
-    small = "small",
-    large = "large"
-}
-export declare enum MaskType {
-    avatar = "avatar",
-    rectangle = "rectangle"
-}
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- * The <code>udex-quote</code> component is a demo component that displays some text.
- *
- * @constructor
- * @alias modal.components.UDExQuote
- * @extends sap.ui.webc.base.UI5Element
- * @tagname udex-quote
- * @public
- */
-declare class UDExQuote extends UI5Element {
-    /**
-      * Defines the text content of the Quote.
-      * @type {HTMLElement[]}
-      * @name sap.ui.webc.main.UDExQuote.prototype.default
-      * @slot content
-      * @public
-      */
-    content: Array<HTMLElement>;
-    /**
-      * Defines the link in the Quote
-      * @type {HTMLElement[]}
-      * @name udex.components.UDExQuote.prototype.link
-      * @slot
-      * @public
-    */
-    link: Array<HTMLElement>;
-    /**
-      * Defines author's name and company
-      * @public
-      * @type {HTMLElement[]}
-      * @name udex.components.UDExQuote.prototype.author
-      * @slot
-    */
-    author: Array<HTMLElement>;
-    /**
-      * Defines image near quote text
-      * @public
-      * @type {HTMLElement[]}
-      * @name udex.components.UDExQuote.prototype.image
-      * @slot
-    */
-    image: Array<HTMLElement>;
-    /**
-      * Defines image (Avatar or company logo) size
-      * @public
-      * @type {SizeType}
-      * @name udex.components.UDExQuote.prototype.imageSize
-      * @defaultvalue "large"
-    */
-    imageSize: SizeType;
-    /**
-      * Defines text size
-      * @public
-      * @type {SizeType}
-      * @name udex.components.UDExQuote.prototype.textSize
-      * @defaultvalue "large"
-    */
-    textSize: SizeType;
-    /**
-      * Defines image mask
-      * @public
-      * @type {MaskType}
-      * @name udex.components.UDExQuote.prototype.textSize
-      * @defaultvalue "large"
-    */
-    mask: MaskType;
-}
-export default UDExQuote;