@sapudex/web-components 0.192.4 → 0.224.0

package/config/dist/Checkbox.d.ts

@@ -1,24 +0,0 @@
-import CheckBox from "@ui5/webcomponents/dist/CheckBox.js";
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- *
- * <h3>Usage</h3>
- *
- * For the <code>udex-checkbox</code>
- * <h3>ES6 Module Import</h3>
- *
- * <code>import @udex/web-components/dist/Checkbox.js";</code>
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.web-components.UDExCheckbox
- * @extends sap.ui.webc.main.CheckBox
- * @tagname udex-checkbox
- * @public
- */
-declare class UDExCheckbox extends CheckBox {
-}
-export default UDExCheckbox;

package/config/dist/Checkbox.js

@@ -1,45 +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 CheckBox from "@ui5/webcomponents/dist/CheckBox.js";
-// Styles
-import checkboxCss from "@ui5/webcomponents/dist/generated/themes/CheckBox.css.js";
-import CheckboxCss from "./generated/themes/Checkbox.css.js";
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- *
- * <h3>Usage</h3>
- *
- * For the <code>udex-checkbox</code>
- * <h3>ES6 Module Import</h3>
- *
- * <code>import @udex/web-components/dist/Checkbox.js";</code>
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.web-components.UDExCheckbox
- * @extends sap.ui.webc.main.CheckBox
- * @tagname udex-checkbox
- * @public
- */
-let UDExCheckbox = class UDExCheckbox extends CheckBox {
-};
-UDExCheckbox = __decorate([
-    customElement({
-        tag: "udex-checkbox",
-        renderer: litRender,
-        styles: [checkboxCss, CheckboxCss],
-        dependencies: [CheckBox],
-    })
-], UDExCheckbox);
-UDExCheckbox.define();
-export default UDExCheckbox;
-//# sourceMappingURL=Checkbox.js.map

package/config/dist/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,QAAQ,MAAM,qCAAqC,CAAC;AAE3D,SAAS;AACT,OAAO,WAAW,MAAM,0DAA0D,CAAC;AACnF,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;GAmBG;AAOH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;CAClC,CAAA;AADK,YAAY;IANjB,aAAa,CAAC;QACb,GAAG,EAAE,eAAe;QACpB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;QAClC,YAAY,EAAE,CAAC,QAAQ,CAAC;KACzB,CAAC;GACI,YAAY,CACjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport CheckBox from \"@ui5/webcomponents/dist/CheckBox.js\";\n\n// Styles\nimport checkboxCss from \"@ui5/webcomponents/dist/generated/themes/CheckBox.css.js\";\nimport CheckboxCss from \"./generated/themes/Checkbox.css.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-checkbox</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import @udex/web-components/dist/Checkbox.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.web-components.UDExCheckbox\n * @extends sap.ui.webc.main.CheckBox\n * @tagname udex-checkbox\n * @public\n */\n@customElement({\n  tag: \"udex-checkbox\",\n  renderer: litRender,\n  styles: [checkboxCss, CheckboxCss],\n  dependencies: [CheckBox],\n})\nclass UDExCheckbox extends CheckBox {\n}\n\nUDExCheckbox.define();\n\nexport default UDExCheckbox;\n"]}

package/config/dist/DatePicker.d.ts

@@ -1,123 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import { CalendarSelectedDatesChangeEventDetail } from "@ui5/webcomponents/dist/Calendar.js";
-import "@ui5/webcomponents/dist/Icon.js";
-import "@ui5/webcomponents-icons/dist/appointment-2.js";
-export declare enum UDExDatePickerSelectionMode {
-    Single = "Single",
-    Range = "Range"
-}
-export type DatePickerSelectionChangeEventDetail = {
-    selectedValues: Array<string>;
-    selectedDates: Array<number>;
-    timestamp: number | undefined;
-};
-declare class UDExDatePicker extends UI5Element {
-    /**
-     * Defines selection mode of the calendar component.
-     *
-     * @type {UDExDatePickerSelectionMode}
-     * @name sap.ui.webc.udex.DatePicker.prototype.selectionMode
-     * @defaultvalue "Single"
-     * @public
-     */
-    selectionMode?: UDExDatePickerSelectionMode;
-    /**
-     * 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.DatePicker.prototype.readonly
-     * @defaultvalue false
-     * @public
-     */
-    readonly: boolean;
-    /**
-     * Defines whether the component is required.
-     *
-     * @type {boolean}
-     * @name sap.ui.webc.udex.DatePicker.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 sap.ui.webc.udex.DatePicker.prototype.disabled
-     * @defaultvalue false
-     * @public
-     */
-    disabled: boolean;
-    /**
-     * Defines supporting text under the input field.
-     *
-     * @type {string}
-     * @name sap.ui.webc.udex.DatePicker.prototype.supportingText
-     * @defaultvalue ""
-     * @public
-     */
-    supportingText: string;
-    /**
-     * Defines the value of the input.
-     *
-     * @type {string}
-     * @defaultvalue ""
-     * @public
-     */
-    value: string;
-    /**
-     * Sets the accessible ARIA name of the component.
-     * @type {string}
-     * @name udex.components.DatePicker.prototype.accessibleName
-     * @defaultvalue ""
-     * @public
-     */
-    accessibleName: string;
-    /**
-     * Defines label text for the input field.
-     * @type {string}
-     * @name udex.components.DatePicker.prototype.label
-     * @defaultvalue ""
-     * @public
-     */
-    label: string;
-    /**
-     * Defines if the calendar is visible.
-     *
-     * @type {boolean}
-     * @defaultvalue false
-     * @private
-     */
-    isCalendarVisible: boolean;
-    /**
-     * Defines if the input is active.
-     *
-     * @type {boolean}
-     * @defaultvalue false
-     * @private
-     */
-    isTextFieldActive: boolean;
-    /**
-     * Defines selected dates values.
-     *
-     * @type {string}
-     * @defaultvalue ""
-     * @private
-     */
-    selectedDates: string;
-    hideCalendar(): void;
-    showCalendar(): void;
-    handleCaledarChange(e: CustomEvent<CalendarSelectedDatesChangeEventDetail>): void;
-    handleInputClick(e: MouseEvent | KeyboardEvent): void;
-    handleInputMouseDown(e: MouseEvent): void;
-    handleInputKeyDown(e: KeyboardEvent): void;
-    onEnterDOM(): void;
-    onAfterRendering(): void;
-    setSelectedDates(): void;
-}
-export default UDExDatePicker;

package/config/dist/DatePicker.js

@@ -1,175 +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 litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.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 "@ui5/webcomponents/dist/Icon.js";
-import "@ui5/webcomponents-icons/dist/appointment-2.js";
-// Template
-import DatePickerTemplate from "./generated/templates/DatePickerTemplate.lit.js";
-// Styles
-import DatePickerCss from "./generated/themes/DatePicker.css";
-import UDExCalendar from "./Calendar.js";
-export var UDExDatePickerSelectionMode;
-(function (UDExDatePickerSelectionMode) {
-    UDExDatePickerSelectionMode["Single"] = "Single";
-    UDExDatePickerSelectionMode["Range"] = "Range";
-})(UDExDatePickerSelectionMode || (UDExDatePickerSelectionMode = {}));
-let UDExDatePicker = class UDExDatePicker extends UI5Element {
-    hideCalendar() {
-        this.isCalendarVisible = false;
-        this.isTextFieldActive = false;
-    }
-    showCalendar() {
-        this.isCalendarVisible = true;
-        this.isTextFieldActive = true;
-    }
-    handleCaledarChange(e) {
-        const { dates, timestamp, values } = e.detail;
-        if (this.selectionMode === UDExDatePickerSelectionMode.Single) {
-            const date = new Date(dates[0] * 1000);
-            const dateOptions = {
-                year: "numeric",
-                month: "short",
-                day: "2-digit",
-            };
-            this.value = date.toLocaleDateString("en-US", dateOptions);
-            this.selectedDates = `${date.getDate()}/${date.getMonth() + 1}/${date.getFullYear()}`;
-            this.hideCalendar();
-        }
-        if (this.selectionMode === UDExDatePickerSelectionMode.Range) {
-            if (dates.length < 2) {
-                return;
-            }
-            const startDate = new Date(dates[0] * 1000);
-            const endDate = new Date(dates[1] * 1000);
-            const dateOptions = {
-                year: "numeric",
-                month: "short",
-                day: "2-digit",
-            };
-            this.value = `${startDate.toLocaleDateString("en-US", dateOptions)} - ${endDate.toLocaleDateString("en-US", dateOptions)}`;
-            this.selectedDates = `
-        ${startDate.getDate()}/${startDate.getMonth() + 1}/${startDate.getFullYear()},
-        ${endDate.getDate()}/${endDate.getMonth() + 1}/${endDate.getFullYear()}`;
-            this.hideCalendar();
-        }
-        this.fireEvent("selection-change", {
-            timestamp,
-            selectedDates: [...dates],
-            selectedValues: [...values],
-        }, true);
-    }
-    handleInputClick(e) {
-        e.preventDefault();
-        if (this.disabled || this.readonly) {
-            return;
-        }
-        this.showCalendar();
-    }
-    handleInputMouseDown(e) {
-        e.preventDefault();
-    }
-    handleInputKeyDown(e) {
-        if (e.key === "Enter") {
-            this.handleInputClick(e);
-        }
-    }
-    onEnterDOM() {
-        document.addEventListener("click", (e) => {
-            if (!this.contains(e.target)) {
-                this.hideCalendar();
-            }
-        });
-    }
-    onAfterRendering() {
-        if (this.disabled || this.readonly) {
-            this.hideCalendar();
-        }
-        if (this.isCalendarVisible) {
-            this.setSelectedDates();
-        }
-    }
-    setSelectedDates() {
-        const selectedDatesValues = this.selectedDates.split(",");
-        const calendarElement = this.shadowRoot?.querySelector("udex-calendar");
-        selectedDatesValues.forEach(selectedDateValue => {
-            const selectedDateElement = document.createElement("ui5-date");
-            selectedDateElement.setAttribute("value", selectedDateValue);
-            calendarElement?.append(selectedDateElement);
-        });
-    }
-};
-__decorate([
-    property({ type: UDExDatePickerSelectionMode, defaultValue: "Single" })
-], UDExDatePicker.prototype, "selectionMode", void 0);
-__decorate([
-    property({ type: Boolean })
-], UDExDatePicker.prototype, "readonly", void 0);
-__decorate([
-    property({ type: Boolean })
-], UDExDatePicker.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean })
-], UDExDatePicker.prototype, "disabled", void 0);
-__decorate([
-    property({ type: String })
-], UDExDatePicker.prototype, "supportingText", void 0);
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExDatePicker.prototype, "value", void 0);
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExDatePicker.prototype, "accessibleName", void 0);
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExDatePicker.prototype, "label", void 0);
-__decorate([
-    property({ type: Boolean, noAttribute: true, defaultValue: false })
-], UDExDatePicker.prototype, "isCalendarVisible", void 0);
-__decorate([
-    property({ type: Boolean, noAttribute: true, defaultValue: false })
-], UDExDatePicker.prototype, "isTextFieldActive", void 0);
-__decorate([
-    property({ type: String, noAttribute: true, defaultValue: "" })
-], UDExDatePicker.prototype, "selectedDates", void 0);
-UDExDatePicker = __decorate([
-    customElement({
-        tag: "udex-date-picker",
-        renderer: litRender,
-        styles: DatePickerCss,
-        template: DatePickerTemplate,
-        dependencies: [UDExCalendar],
-    })
-    /**
-     * Fired when the selected dates change.
-     *
-     * @allowPreventDefault
-     * @param {Array<string>} selectedValues The selected dates
-     * @param {Array<number>} selectedDates The selected dates as UTC timestamps
-     * @public
-     */
-    ,
-    event("selection-change", {
-        detail: {
-            /**
-             * @public
-             */
-            selectedDates: { type: Array },
-            /**
-             * @public
-             */
-            selectedValues: { type: Array },
-            timestamp: { type: Number },
-        },
-    })
-], UDExDatePicker);
-UDExDatePicker.define();
-export default UDExDatePicker;
-//# sourceMappingURL=DatePicker.js.map

package/config/dist/DatePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../src/DatePicker.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.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\";\n// eslint-disable-next-line\nimport { CalendarSelectedDatesChangeEventDetail } from \"@ui5/webcomponents/dist/Calendar.js\";\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/appointment-2.js\";\n\n// Template\nimport DatePickerTemplate from \"./generated/templates/DatePickerTemplate.lit.js\";\n\n// Styles\nimport DatePickerCss from \"./generated/themes/DatePicker.css\";\nimport UDExCalendar from \"./Calendar.js\";\n\nexport enum UDExDatePickerSelectionMode {\n  Single = \"Single\",\n  Range = \"Range\",\n}\n\nexport type DatePickerSelectionChangeEventDetail = {\n  selectedValues: Array<string>;\n  selectedDates: Array<number>;\n  timestamp: number | undefined;\n};\n\n@customElement({\n  tag: \"udex-date-picker\",\n  renderer: litRender,\n  styles: DatePickerCss,\n  template: DatePickerTemplate,\n  dependencies: [UDExCalendar],\n})\n/**\n * Fired when the selected dates change.\n *\n * @allowPreventDefault\n * @param {Array<string>} selectedValues The selected dates\n * @param {Array<number>} selectedDates The selected dates as UTC timestamps\n * @public\n */\n@event<DatePickerSelectionChangeEventDetail>(\"selection-change\", {\n  detail: {\n    /**\n     * @public\n     */\n    selectedDates: { type: Array },\n    /**\n     * @public\n     */\n    selectedValues: { type: Array },\n\n    timestamp: { type: Number },\n  },\n})\nclass UDExDatePicker extends UI5Element {\n  /**\n   * Defines selection mode of the calendar component.\n   *\n   * @type {UDExDatePickerSelectionMode}\n   * @name sap.ui.webc.udex.DatePicker.prototype.selectionMode\n   * @defaultvalue \"Single\"\n   * @public\n   */\n  @property({ type: UDExDatePickerSelectionMode, defaultValue: \"Single\" })\n    selectionMode?: UDExDatePickerSelectionMode;\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.DatePicker.prototype.readonly\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Defines whether the component is required.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.udex.DatePicker.prototype.required\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\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 sap.ui.webc.udex.DatePicker.prototype.disabled\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @type {string}\n   * @name sap.ui.webc.udex.DatePicker.prototype.supportingText\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String })\n    supportingText!: string;\n\n  /**\n   * Defines the value of the input.\n   *\n   * @type {string}\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    value!: string;\n\n  /**\n   * Sets the accessible ARIA name of the component.\n   * @type {string}\n   * @name udex.components.DatePicker.prototype.accessibleName\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    accessibleName!: string;\n\n  /**\n   * Defines label text for the input field.\n   * @type {string}\n   * @name udex.components.DatePicker.prototype.label\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    label!: string;\n\n  /**\n   * Defines if the calendar is visible.\n   *\n   * @type {boolean}\n   * @defaultvalue false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true, defaultValue: false })\n    isCalendarVisible!: boolean;\n\n  /**\n   * Defines if the input is active.\n   *\n   * @type {boolean}\n   * @defaultvalue false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true, defaultValue: false })\n    isTextFieldActive!: boolean;\n\n  /**\n   * Defines selected dates values.\n   *\n   * @type {string}\n   * @defaultvalue \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true, defaultValue: \"\" })\n    selectedDates!: string;\n\n  hideCalendar(): void {\n    this.isCalendarVisible = false;\n    this.isTextFieldActive = false;\n  }\n\n  showCalendar(): void {\n    this.isCalendarVisible = true;\n    this.isTextFieldActive = true;\n  }\n\n  handleCaledarChange(\n    e: CustomEvent<CalendarSelectedDatesChangeEventDetail>,\n  ): void {\n    const { dates, timestamp, values } = e.detail;\n\n    if (this.selectionMode === UDExDatePickerSelectionMode.Single) {\n      const date = new Date(dates[0] * 1000);\n      const dateOptions: Intl.DateTimeFormatOptions = {\n        year: \"numeric\",\n        month: \"short\",\n        day: \"2-digit\",\n      };\n\n      this.value = date.toLocaleDateString(\"en-US\", dateOptions);\n\n      this.selectedDates = `${date.getDate()}/${date.getMonth() + 1}/${date.getFullYear()}`;\n\n      this.hideCalendar();\n    }\n\n    if (this.selectionMode === UDExDatePickerSelectionMode.Range) {\n      if (dates.length < 2) {\n        return;\n      }\n\n      const startDate = new Date(dates[0] * 1000);\n      const endDate = new Date(dates[1] * 1000);\n      const dateOptions: Intl.DateTimeFormatOptions = {\n        year: \"numeric\",\n        month: \"short\",\n        day: \"2-digit\",\n      };\n\n      this.value = `${startDate.toLocaleDateString(\n        \"en-US\",\n        dateOptions,\n      )} - ${endDate.toLocaleDateString(\"en-US\", dateOptions)}`;\n\n      this.selectedDates = `\n        ${startDate.getDate()}/${startDate.getMonth() + 1}/${startDate.getFullYear()},\n        ${endDate.getDate()}/${endDate.getMonth() + 1}/${endDate.getFullYear()}`;\n\n      this.hideCalendar();\n    }\n\n    this.fireEvent(\n      \"selection-change\",\n      {\n        timestamp,\n        selectedDates: [...dates],\n        selectedValues: [...values],\n      },\n      true,\n    );\n  }\n\n  handleInputClick(e: MouseEvent | KeyboardEvent): void {\n    e.preventDefault();\n\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    this.showCalendar();\n  }\n\n  handleInputMouseDown(e: MouseEvent): void {\n    e.preventDefault();\n  }\n\n  handleInputKeyDown(e: KeyboardEvent): void {\n    if (e.key === \"Enter\") {\n      this.handleInputClick(e);\n    }\n  }\n\n  onEnterDOM(): void {\n    document.addEventListener(\"click\", (e: MouseEvent) => {\n      if (!this.contains(e.target as Node)) {\n        this.hideCalendar();\n      }\n    });\n  }\n\n  onAfterRendering(): void {\n    if (this.disabled || this.readonly) {\n      this.hideCalendar();\n    }\n\n    if (this.isCalendarVisible) {\n      this.setSelectedDates();\n    }\n  }\n\n  setSelectedDates(): void {\n    const selectedDatesValues = this.selectedDates.split(\",\");\n    const calendarElement = this.shadowRoot?.querySelector(\"udex-calendar\");\n\n    selectedDatesValues.forEach(selectedDateValue => {\n      const selectedDateElement = document.createElement(\"ui5-date\");\n\n      selectedDateElement.setAttribute(\n        \"value\",\n        selectedDateValue,\n      );\n\n      calendarElement?.append(selectedDateElement);\n    });\n  }\n}\n\nUDExDatePicker.define();\n\nexport default UDExDatePicker;\n"]}

package/config/dist/Divider.d.ts

@@ -1,17 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- * The <code>udex-divider</code> component is a divider component used to separate content in a page.
- *
- * @constructor
- * @alias udex.components.UDExDivider
- * @extends sap.ui.webc.base.UI5Element
- * @tagname udex-divider
- * @public
- */
-declare class UDExDivider extends UI5Element {
-}
-export default UDExDivider;

package/config/dist/Divider.js

@@ -1,39 +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 litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-// Template
-import DividerTemplate from "./generated/templates/DividerTemplate.lit.js";
-// Styles
-import DividerCss from "./generated/themes/Divider.css";
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- * The <code>udex-divider</code> component is a divider component used to separate content in a page.
- *
- * @constructor
- * @alias udex.components.UDExDivider
- * @extends sap.ui.webc.base.UI5Element
- * @tagname udex-divider
- * @public
- */
-let UDExDivider = class UDExDivider extends UI5Element {
-};
-UDExDivider = __decorate([
-    customElement({
-        tag: "udex-divider",
-        renderer: litRender,
-        styles: DividerCss,
-        template: DividerTemplate,
-    })
-], UDExDivider);
-UDExDivider.define();
-export default UDExDivider;
-//# sourceMappingURL=Divider.js.map

package/config/dist/Divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../src/Divider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,WAAW;AACX,OAAO,eAAe,MAAM,8CAA8C,CAAC;AAE3E,SAAS;AACT,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAExD;;;;;;;;;;;;GAYG;AAOH,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;CACnC,CAAA;AADK,WAAW;IANhB,aAAa,CAAC;QACb,GAAG,EAAE,cAAc;QACnB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,eAAe;KAC1B,CAAC;GACI,WAAW,CAChB;AAED,WAAW,CAAC,MAAM,EAAE,CAAC;AAErB,eAAe,WAAW,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\n\n// Template\nimport DividerTemplate from \"./generated/templates/DividerTemplate.lit.js\";\n\n// Styles\nimport DividerCss from \"./generated/themes/Divider.css\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>udex-divider</code> component is a divider component used to separate content in a page.\n *\n * @constructor\n * @alias udex.components.UDExDivider\n * @extends sap.ui.webc.base.UI5Element\n * @tagname udex-divider\n * @public\n */\n@customElement({\n  tag: \"udex-divider\",\n  renderer: litRender,\n  styles: DividerCss,\n  template: DividerTemplate,\n})\nclass UDExDivider extends UI5Element {\n}\n\nUDExDivider.define();\n\nexport default UDExDivider;\n"]}

package/config/dist/Dropdown.d.ts

@@ -1,125 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import Popover from "@ui5/webcomponents/dist/Popover.js";
-import { PlacementType, HorizontalAlign } from "./types/Dropdown.js";
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- *
- * <h3>Usage</h3>
- *
- * For the <code>udex-dropdown</code>
- * <h3>ES6 Module Import</h3>
- *
- * <code>import @udex/web-components/dist/Dropdown.js";</code>
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.web-components.UDExDropdown
- * @extends sap.ui.webc.base.UI5Element
- * @tagname udex-dropdown
- * @public
- */
-declare class UDExDropdown extends UI5Element {
-    /**
-     * Allows control over the height.
-     * @type {string}
-     * @name sap.ui.webc.web-components.UDExDropdown.prototype.height
-     * @public
-     */
-    height?: string;
-    /**
-     * Determines on which side the component is placed at.
-     *
-     * @type {PlacementType}
-     * @name sap.ui.webc.web-components.UDExDropdown.prototype.placementType
-     * @defaultvalue "Bottom"
-     * @public
-     */
-    placementType: `${PlacementType}`;
-    /**
-     * Determines the horizontal alignment of the component.
-     *
-     * @type {HorizontalAlign}
-     * @name sap.ui.webc.web-components.UDExDropdown.prototype.horizontalAlign
-     * @defaultvalue "Left"
-     * @public
-     */
-    horizontalAlign: `${HorizontalAlign}`;
-    /**
-     * Defines the content of the Dropdown.
-     * @type {HTMLElement[]}
-     * @name sap.ui.webc.web-components.UDExDropdown.prototype.default
-     * @slot content
-     * @public
-     */
-    content: Array<HTMLElement>;
-    /**
-     * Defines the header HTML Element.
-     *
-     * @type {HTMLElement[]}
-     * @name sap.ui.webc.web-components.UDExDropdown.prototype.header
-     * @slot
-     * @public
-     */
-    header: Array<HTMLElement>;
-    /**
-     * Defines the footer HTML Element.
-     *
-     * @type {HTMLElement[]}
-     * @name sap.ui.webc.web-components.UDExDropdown.prototype.footer
-     * @slot
-     * @public
-     */
-    footer: Array<HTMLElement>;
-    /**
-     * Defines the trigger HTML Element.
-     *
-     * @type {HTMLElement[]}
-     * @name sap.ui.webc.web-components.UDExDropdown.prototype.trigger
-     * @slot
-     * @public
-     */
-    trigger: Array<HTMLElement>;
-    /**
-     * Indicates if the dropdown pane is open
-     * @public
-     * @type {boolean}
-     * @name sap.ui.web-components.UDExDropdown.prototype.open
-     * @defaultvalue false
-     */
-    open: boolean;
-    /**
-     * Allows control over the width.
-     * @type {string}
-     * @name sap.ui.web-components.UDExDropdown.prototype.width
-     * @public
-     */
-    width?: string;
-    /**
-     * Defines direction of the component.
-     *
-     * @type {string}
-     * @name sap.ui.webc.web-components.UDExDropdown.prototype.direction
-     * @private
-     */
-    _direction?: string;
-    onAfterRendering(): void;
-    onBeforeRendering(): void;
-    handleDirection(): void;
-    getDropdownPane(): Popover;
-    getTrigger(): HTMLElement;
-    onTriggerClick(): void;
-    onOpen(opener: HTMLElement): void;
-    onClose(): void;
-    get hasTriggerSlot(): boolean;
-    get hasHeaderSlot(): boolean;
-    get hasFooterSlot(): boolean;
-    afterDropdownClose(): void;
-    afterDropdownOpen(): void;
-    beforeDropdownOpen(): void;
-    beforeDropdownClose(): void;
-    get holderWeight(): string;
-}
-export default UDExDropdown;