@ui5/webcomponents 0.0.0-bad80d0d6 → 0.0.0-bf8366eb6

package/dist/CalendarHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.js","sourceRoot":"","sources":["../src/CalendarHeader.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 { isSpace, isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport CalendarType from \"@ui5/webcomponents-base/dist/types/CalendarType.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-left.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport Icon from \"./Icon.js\";\nimport CalendarHeaderTemplate from \"./generated/templates/CalendarHeaderTemplate.lit.js\";\nimport {\n\tCALENDAR_HEADER_NEXT_BUTTON,\n\tCALENDAR_HEADER_PREVIOUS_BUTTON,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport calendarHeaderStyles from \"./generated/themes/CalendarHeader.css.js\";\n\ntype SecondaryCalendarButtonTexts = {\n\tmonthButtonText: string,\n\tmonthButtonInfo: string,\n\tyearButtonText: string,\n}\n\n@customElement({\n\ttag: \"ui5-calendar-header\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\ttemplate: CalendarHeaderTemplate,\n\tstyles: calendarHeaderStyles,\n\tdependencies: [Icon],\n})\n@event(\"next-press\")\n@event(\"previous-press\")\n@event(\"show-month-view\")\n@event(\"show-year-view\")\nclass CalendarHeader extends UI5Element {\n\t/**\n\t * Defines component's timestamp.\n\t *\n\t * **Note:** set by the Calendar component\n\t * @public\n\t * @default undefined\n\t */\n\t@property({ validator: Integer })\n\ttimestamp?: number;\n\n\t/**\n\t * Defines component's primary calendar type.\n\t *\n\t * **Note:** set by the Calendar component\n\t * @public\n\t * @default undefined\n\t */\n\t@property({ type: CalendarType })\n\tprimaryCalendarType?: `${CalendarType}`;\n\n\t/**\n\t * Defines component's secondary calendar type.\n\t *\n\t * **Note:** set by the Calendar component\n\t * @since 1.0.0-rc.16\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: CalendarType })\n\tsecondaryCalendarType?: `${CalendarType}`;\n\n\t/**\n\t * Stores information for month button for secondary calendar type\n\t * @private\n\t*/\n\t@property({ type: Object })\n\tbuttonTextForSecondaryCalendarType!: SecondaryCalendarButtonTexts;\n\n\t@property({ type: Boolean })\n\tisNextButtonDisabled!: boolean;\n\n\t@property({ type: Boolean })\n\tisPrevButtonDisabled!: boolean;\n\n\t@property({ type: Boolean })\n\tisMonthButtonHidden!: boolean;\n\n\t@property()\n\t_monthButtonText!: string;\n\n\t@property()\n\t_yearButtonText!: string;\n\n\t@property()\n\t_yearButtonTextSecType!: string;\n\n\t@property({ type: Boolean })\n\tisYearButtonHidden!: boolean;\n\n\t_prevButtonText?: string;\n\t_nextButtonText?: string;\n\t_secondMonthButtonText?: string;\n\t_secondYearButtonText?: string;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\tCalendarHeader.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tonBeforeRendering() {\n\t\tthis._prevButtonText = CalendarHeader.i18nBundle.getText(CALENDAR_HEADER_PREVIOUS_BUTTON);\n\t\tthis._nextButtonText = CalendarHeader.i18nBundle.getText(CALENDAR_HEADER_NEXT_BUTTON);\n\n\t\tif (this.hasSecondaryCalendarType) {\n\t\t\tthis._secondMonthButtonText = this.buttonTextForSecondaryCalendarType.monthButtonText;\n\t\t\tthis._secondYearButtonText = this.buttonTextForSecondaryCalendarType.yearButtonText;\n\t\t}\n\t}\n\n\tonPrevButtonClick(e: MouseEvent) {\n\t\tif (this.isPrevButtonDisabled) {\n\t\t\te.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.fireEvent(\"previous-press\", e);\n\t\te.preventDefault();\n\t}\n\n\tonNextButtonClick(e: MouseEvent) {\n\t\tif (this.isNextButtonDisabled) {\n\t\t\te.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.fireEvent(\"next-press\", e);\n\t\te.preventDefault();\n\t}\n\n\tonMonthButtonClick(e: MouseEvent) {\n\t\tthis.fireEvent(\"show-month-view\", e);\n\t}\n\n\tonMonthButtonKeyDown(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tif (isEnter(e)) {\n\t\t\tthis.fireEvent(\"show-month-view\", e);\n\t\t}\n\t}\n\n\tonMonthButtonKeyUp(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.fireEvent(\"show-month-view\", e);\n\t\t}\n\t}\n\n\tonYearButtonClick(e: MouseEvent) {\n\t\tthis.fireEvent(\"show-year-view\", e);\n\t}\n\n\tonYearButtonKeyDown(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tif (isEnter(e)) {\n\t\t\tthis.fireEvent(\"show-year-view\", e);\n\t\t}\n\t}\n\n\tonYearButtonKeyUp(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.fireEvent(\"show-year-view\", e);\n\t\t}\n\t}\n\n\tget hasSecondaryCalendarType() {\n\t\treturn !!this.secondaryCalendarType && this.secondaryCalendarType !== this.primaryCalendarType;\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\tprevButton: {\n\t\t\t\t\"ui5-calheader-arrowbtn\": true,\n\t\t\t\t\"ui5-calheader-arrowbtn-disabled\": this.isPrevButtonDisabled,\n\t\t\t},\n\t\t\tnextButton: {\n\t\t\t\t\"ui5-calheader-arrowbtn\": true,\n\t\t\t\t\"ui5-calheader-arrowbtn-disabled\": this.isNextButtonDisabled,\n\t\t\t},\n\t\t};\n\t}\n\n\tget accInfo() {\n\t\treturn {\n\t\t\tariaLabelMonthButton: this.hasSecondaryCalendarType\n\t\t\t\t? `${this._monthButtonText}, ${this.buttonTextForSecondaryCalendarType.monthButtonInfo}` : `${this._monthButtonText}`,\n\t\t};\n\t}\n}\n\nCalendarHeader.define();\n\nexport default CalendarHeader;\n"]}

package/dist/CalendarLegend.d.ts

@@ -0,0 +1,71 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
+import CalendarLegendItemType from "./types/CalendarLegendItemType.js";
+import CalendarLegendItem from "./CalendarLegendItem.js";
+type CalendarLegendItemSelectionChangeEventDetail = {
+    item: CalendarLegendItem;
+};
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * The `ui5-calendar-legend` component is designed for use within the `ui5-calendar` to display a legend.
+ * Each `ui5-calendar-legend-item` represents a unique date type, specifying its visual style
+ * and a corresponding textual label.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/CalendarLegend.js";`
+ * @constructor
+ * @extends UI5Element
+ * @public
+ * @since 1.23.0
+ */
+declare class CalendarLegend extends UI5Element {
+    /**
+     * Hides the Today item in the legend.
+     * @default false
+     * @public
+     */
+    hideToday: boolean;
+    /**
+     * Hides the Selected day item in the legend.
+     * @default false
+     * @public
+     */
+    hideSelectedDay: boolean;
+    /**
+     * Hides the Non-Working day item in the legend.
+     * @default false
+     * @public
+     */
+    hideNonWorkingDay: boolean;
+    /**
+     * Hides the Working day item in the legend.
+     * @default false
+     * @public
+     */
+    hideWorkingDay: boolean;
+    /**
+     * Defines the items of the component.
+     * @public
+     */
+    items: Array<CalendarLegendItem>;
+    _itemNavigation: ItemNavigation;
+    _lastFocusedItemIndex: number | null;
+    constructor();
+    onAfterRendering(): void;
+    _onMouseDown(e: MouseEvent): void;
+    _onFocusIn(e: FocusEvent): void;
+    _onFocusOut(): void;
+    _onItemKeyDown(e: KeyboardEvent): void;
+    get focusableElements(): CalendarLegendItem[];
+    get legendItems(): CalendarLegendItem[];
+    get defaultItemsMapping(): {
+        type: CalendarLegendItemType[];
+        hide: boolean;
+    }[];
+}
+export default CalendarLegend;
+export type { CalendarLegendItemSelectionChangeEventDetail, };

package/dist/CalendarLegend.js

@@ -0,0 +1,151 @@
+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";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
+import NavigationMode from "@ui5/webcomponents-base/dist/types/NavigationMode.js";
+import { isDown, isUp, } from "@ui5/webcomponents-base/dist/Keys.js";
+import ItemNavigationBehavior from "@ui5/webcomponents-base/dist/types/ItemNavigationBehavior.js";
+import CalendarLegendItemType from "./types/CalendarLegendItemType.js";
+import CalendarLegendTemplate from "./generated/templates/CalendarLegendTemplate.lit.js";
+import CalendarLegendItem from "./CalendarLegendItem.js";
+// Styles
+import CalendarLegendCss from "./generated/themes/CalendarLegend.css.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * The `ui5-calendar-legend` component is designed for use within the `ui5-calendar` to display a legend.
+ * Each `ui5-calendar-legend-item` represents a unique date type, specifying its visual style
+ * and a corresponding textual label.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/CalendarLegend.js";`
+ * @constructor
+ * @extends UI5Element
+ * @public
+ * @since 1.23.0
+ */
+let CalendarLegend = class CalendarLegend extends UI5Element {
+    constructor() {
+        super();
+        this._lastFocusedItemIndex = null;
+    }
+    onAfterRendering() {
+        if (!this._itemNavigation) {
+            this._itemNavigation = new ItemNavigation(this, {
+                navigationMode: NavigationMode.Horizontal,
+                behavior: ItemNavigationBehavior.Static,
+                getItemsCallback: () => this.focusableElements,
+            });
+            const focusableItemIndex = this._lastFocusedItemIndex !== null ? this._lastFocusedItemIndex : 0;
+            this._itemNavigation.setCurrentItem(this.focusableElements[focusableItemIndex]);
+        }
+    }
+    _onMouseDown(e) {
+        e.stopPropagation();
+        const target = e.target;
+        this._itemNavigation.setCurrentItem(target);
+        this._itemNavigation._focusCurrentItem();
+        this._lastFocusedItemIndex = this.focusableElements.indexOf(target);
+    }
+    _onFocusIn(e) {
+        const target = e.target;
+        this.fireEvent("_calendar-legend-selection-change", {
+            item: target,
+        });
+        this._lastFocusedItemIndex = this.focusableElements.indexOf(target);
+    }
+    _onFocusOut() {
+        this.fireEvent("_calendar-legend-focus-out");
+    }
+    _onItemKeyDown(e) {
+        const items = this.focusableElements;
+        const itemsCount = items.length;
+        const currentItem = e.target;
+        const currentIndex = items.indexOf(currentItem);
+        if (isDown(e)) {
+            e.preventDefault();
+            const nextIndex = currentIndex + 1;
+            if (nextIndex < itemsCount) {
+                this._itemNavigation.setCurrentItem(items[nextIndex]);
+                this._itemNavigation._focusCurrentItem();
+                this._lastFocusedItemIndex = nextIndex;
+            }
+        }
+        if (isUp(e)) {
+            e.preventDefault();
+            const nextIndex = currentIndex - 1;
+            if (nextIndex >= 0) {
+                this._itemNavigation.setCurrentItem(items[nextIndex]);
+                this._itemNavigation._focusCurrentItem();
+                this._lastFocusedItemIndex = nextIndex;
+            }
+        }
+    }
+    get focusableElements() {
+        const allFocusableItems = [...this.shadowRoot.querySelectorAll("[ui5-calendar-legend-item]"), ...this.legendItems];
+        return allFocusableItems;
+    }
+    get legendItems() {
+        const items = this.getSlottedNodes("items");
+        return items.filter(item => item.hasAttribute("ui5-calendar-legend-item"));
+    }
+    get defaultItemsMapping() {
+        const typeMapping = [
+            { type: [CalendarLegendItemType.Today], hide: this.hideToday },
+            { type: [CalendarLegendItemType.Selected], hide: this.hideSelectedDay },
+            { type: [CalendarLegendItemType.Working], hide: this.hideWorkingDay },
+            { type: [CalendarLegendItemType.NonWorking], hide: this.hideNonWorkingDay },
+        ];
+        return typeMapping;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], CalendarLegend.prototype, "hideToday", void 0);
+__decorate([
+    property({ type: Boolean })
+], CalendarLegend.prototype, "hideSelectedDay", void 0);
+__decorate([
+    property({ type: Boolean })
+], CalendarLegend.prototype, "hideNonWorkingDay", void 0);
+__decorate([
+    property({ type: Boolean })
+], CalendarLegend.prototype, "hideWorkingDay", void 0);
+__decorate([
+    slot({
+        type: HTMLElement,
+        invalidateOnChildChange: true,
+        individualSlots: true,
+        "default": true,
+    })
+], CalendarLegend.prototype, "items", void 0);
+CalendarLegend = __decorate([
+    customElement({
+        tag: "ui5-calendar-legend",
+        renderer: litRender,
+        styles: CalendarLegendCss,
+        template: CalendarLegendTemplate,
+        dependencies: [CalendarLegendItem],
+    }),
+    event("_calendar-legend-selection-change", {
+        detail: {
+            item: { type: CalendarLegendItem },
+        },
+    }),
+    event("_calendar-legend-focus-out")
+], CalendarLegend);
+CalendarLegend.define();
+export default CalendarLegend;
+//# sourceMappingURL=CalendarLegend.js.map

package/dist/CalendarLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarLegend.js","sourceRoot":"","sources":["../src/CalendarLegend.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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport ItemNavigation from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport NavigationMode from \"@ui5/webcomponents-base/dist/types/NavigationMode.js\";\nimport {\n\tisDown,\n\tisUp,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport ItemNavigationBehavior from \"@ui5/webcomponents-base/dist/types/ItemNavigationBehavior.js\";\nimport CalendarLegendItemType from \"./types/CalendarLegendItemType.js\";\nimport CalendarLegendTemplate from \"./generated/templates/CalendarLegendTemplate.lit.js\";\nimport CalendarLegendItem from \"./CalendarLegendItem.js\";\n\n// Styles\nimport CalendarLegendCss from \"./generated/themes/CalendarLegend.css.js\";\n\ntype CalendarLegendItemSelectionChangeEventDetail = {\n\titem: CalendarLegendItem;\n}\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-calendar-legend` component is designed for use within the `ui5-calendar` to display a legend.\n * Each `ui5-calendar-legend-item` represents a unique date type, specifying its visual style\n * and a corresponding textual label.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/CalendarLegend.js\";`\n * @constructor\n * @extends UI5Element\n * @public\n * @since 1.23.0\n */\n@customElement({\n\ttag: \"ui5-calendar-legend\",\n\trenderer: litRender,\n\tstyles: CalendarLegendCss,\n\ttemplate: CalendarLegendTemplate,\n\tdependencies: [CalendarLegendItem],\n})\n@event<CalendarLegendItemSelectionChangeEventDetail>(\"_calendar-legend-selection-change\", {\n\tdetail: {\n\t\titem: { type: CalendarLegendItem },\n\t},\n})\n@event(\"_calendar-legend-focus-out\")\nclass CalendarLegend extends UI5Element {\n\t/**\n\t * Hides the Today item in the legend.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideToday!: boolean;\n\n\t/**\n\t * Hides the Selected day item in the legend.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideSelectedDay!: boolean;\n\n\t/**\n\t * Hides the Non-Working day item in the legend.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideNonWorkingDay!: boolean;\n\n\t/**\n\t * Hides the Working day item in the legend.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideWorkingDay!: boolean;\n\n\t/**\n\t * Defines the items of the component.\n\t * @public\n\t */\n\t@slot({\n\t\ttype: HTMLElement,\n\t\tinvalidateOnChildChange: true,\n\t\tindividualSlots: true,\n\t\t\"default\": true,\n\t })\n\titems!: Array<CalendarLegendItem>;\n\n\t_itemNavigation!: ItemNavigation;\n\t_lastFocusedItemIndex: number | null;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._lastFocusedItemIndex = null;\n\t}\n\n\tonAfterRendering(): void {\n\t\tif (!this._itemNavigation) {\n\t\t\tthis._itemNavigation = new ItemNavigation(this, {\n\t\t\t\tnavigationMode: NavigationMode.Horizontal,\n\t\t\t\tbehavior: ItemNavigationBehavior.Static,\n\t\t\t\tgetItemsCallback: () => this.focusableElements,\n\t\t\t});\n\n\t\t\tconst focusableItemIndex = this._lastFocusedItemIndex !== null ? this._lastFocusedItemIndex : 0;\n\t\t\tthis._itemNavigation.setCurrentItem(this.focusableElements[focusableItemIndex]);\n\t\t}\n\t}\n\n\t_onMouseDown(e: MouseEvent) {\n\t\te.stopPropagation();\n\t\tconst target = e.target as CalendarLegendItem;\n\n\t\tthis._itemNavigation.setCurrentItem(target);\n\t\tthis._itemNavigation._focusCurrentItem();\n\t\tthis._lastFocusedItemIndex = this.focusableElements.indexOf(target);\n\t}\n\n\t_onFocusIn(e: FocusEvent) {\n\t\tconst target = e.target as CalendarLegendItem;\n\n\t\tthis.fireEvent<CalendarLegendItemSelectionChangeEventDetail>(\"_calendar-legend-selection-change\", {\n\t\t\titem: target,\n\t\t});\n\t\tthis._lastFocusedItemIndex = this.focusableElements.indexOf(target);\n\t}\n\n\t_onFocusOut() {\n\t\tthis.fireEvent(\"_calendar-legend-focus-out\");\n\t}\n\n\t_onItemKeyDown(e: KeyboardEvent) {\n\t\tconst items = this.focusableElements;\n\t\tconst itemsCount = items.length;\n\t\tconst currentItem = e.target as CalendarLegendItem;\n\t\tconst currentIndex = items.indexOf(currentItem);\n\n\t\tif (isDown(e)) {\n\t\t\te.preventDefault();\n\t\t\tconst nextIndex = currentIndex + 1;\n\n\t\t\tif (nextIndex < itemsCount) {\n\t\t\t\tthis._itemNavigation.setCurrentItem(items[nextIndex]);\n\t\t\t\tthis._itemNavigation._focusCurrentItem();\n\t\t\t\tthis._lastFocusedItemIndex = nextIndex;\n\t\t\t}\n\t\t}\n\n\t\tif (isUp(e)) {\n\t\t\te.preventDefault();\n\t\t\tconst nextIndex = currentIndex - 1;\n\n\t\t\tif (nextIndex >= 0) {\n\t\t\t\tthis._itemNavigation.setCurrentItem(items[nextIndex]);\n\t\t\t\tthis._itemNavigation._focusCurrentItem();\n\t\t\t\tthis._lastFocusedItemIndex = nextIndex;\n\t\t\t}\n\t\t}\n\t}\n\n\tget focusableElements() {\n\t\tconst allFocusableItems = [...this.shadowRoot!.querySelectorAll<CalendarLegendItem>(\"[ui5-calendar-legend-item]\"), ...this.legendItems];\n\t\treturn allFocusableItems;\n\t}\n\n\tget legendItems() {\n\t\tconst items = this.getSlottedNodes<CalendarLegendItem>(\"items\");\n\t\treturn items.filter(item => item.hasAttribute(\"ui5-calendar-legend-item\"));\n\t}\n\n\tget defaultItemsMapping() {\n\t\tconst typeMapping = [\n\t\t\t{ type: [CalendarLegendItemType.Today], hide: this.hideToday },\n\t\t\t{ type: [CalendarLegendItemType.Selected], hide: this.hideSelectedDay },\n\t\t\t{ type: [CalendarLegendItemType.Working], hide: this.hideWorkingDay },\n\t\t\t{ type: [CalendarLegendItemType.NonWorking], hide: this.hideNonWorkingDay },\n\t\t];\n\n\t\treturn typeMapping;\n\t}\n}\n\nCalendarLegend.define();\n\nexport default CalendarLegend;\nexport type {\n\tCalendarLegendItemSelectionChangeEventDetail,\n};\n"]}

package/dist/CalendarLegendItem.d.ts

@@ -0,0 +1,48 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
+import CalendarLegendItemType from "./types/CalendarLegendItemType.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * Each `ui5-calendar-legend-item` represents a legend item, displaying a color with a label.
+ * The color is determined by the `type` property and the label by the `text` property.
+ * If a `ui5-special-date` is used within the `ui5-calendar` and a type is set, clicking on a `ui5-calendar-legend-item`
+ * with the same type will emphasize the respective date(s) in the calendar.
+ *
+ * ### Usage
+ * The `ui5-calendar-legend-item` is intended to be used within the `ui5-calendar-legend` component.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/CalendarLegendItem.js";`
+ * @constructor
+ * @extends UI5Element
+ * @since 1.23.0
+ * @public
+ */
+declare class CalendarLegendItem extends UI5Element implements ITabbable {
+    /**
+     * Defines the text content of the Calendar Legend Item.
+     * @default ""
+     * @public
+     */
+    text: string;
+    /**
+     * Defines the type of the Calendar Legend Item.
+     * @default "None"
+     * @public
+     */
+    type: `${CalendarLegendItemType}`;
+    /**
+     * Tab index of the component.
+     * @private
+     */
+    forcedTabIndex: string;
+    static i18nBundle: I18nBundle;
+    static onDefine(): Promise<void>;
+    get effectiveText(): string;
+}
+export default CalendarLegendItem;

package/dist/CalendarLegendItem.js

@@ -0,0 +1,77 @@
+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 CalendarLegendItem_1;
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
+import CalendarLegendItemType from "./types/CalendarLegendItemType.js";
+import { CAL_LEGEND_TODAY_TEXT, CAL_LEGEND_SELECTED_TEXT, CAL_LEGEND_WORKING_DAY_TEXT, CAL_LEGEND_NON_WORKING_DAY_TEXT, } from "./generated/i18n/i18n-defaults.js";
+import CalendarLegendItemTemplate from "./generated/templates/CalendarLegendItemTemplate.lit.js";
+// Styles
+import CalendarLegendItemCss from "./generated/themes/CalendarLegendItem.css.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * Each `ui5-calendar-legend-item` represents a legend item, displaying a color with a label.
+ * The color is determined by the `type` property and the label by the `text` property.
+ * If a `ui5-special-date` is used within the `ui5-calendar` and a type is set, clicking on a `ui5-calendar-legend-item`
+ * with the same type will emphasize the respective date(s) in the calendar.
+ *
+ * ### Usage
+ * The `ui5-calendar-legend-item` is intended to be used within the `ui5-calendar-legend` component.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/CalendarLegendItem.js";`
+ * @constructor
+ * @extends UI5Element
+ * @since 1.23.0
+ * @public
+ */
+let CalendarLegendItem = CalendarLegendItem_1 = class CalendarLegendItem extends UI5Element {
+    static async onDefine() {
+        CalendarLegendItem_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
+    }
+    get effectiveText() {
+        const TodayI18n = CalendarLegendItem_1.i18nBundle.getText(CAL_LEGEND_TODAY_TEXT);
+        const SelectedI18n = CalendarLegendItem_1.i18nBundle.getText(CAL_LEGEND_SELECTED_TEXT);
+        const WorkingI18n = CalendarLegendItem_1.i18nBundle.getText(CAL_LEGEND_WORKING_DAY_TEXT);
+        const NonWorkingI18n = CalendarLegendItem_1.i18nBundle.getText(CAL_LEGEND_NON_WORKING_DAY_TEXT);
+        const typeMapping = {
+            [CalendarLegendItemType.Today]: TodayI18n,
+            [CalendarLegendItemType.Selected]: SelectedI18n,
+            [CalendarLegendItemType.NonWorking]: NonWorkingI18n,
+            [CalendarLegendItemType.Working]: WorkingI18n,
+        };
+        return typeMapping[this.type] || this.text || this.type;
+    }
+};
+__decorate([
+    property()
+], CalendarLegendItem.prototype, "text", void 0);
+__decorate([
+    property({ type: CalendarLegendItemType, defaultValue: CalendarLegendItemType.None })
+], CalendarLegendItem.prototype, "type", void 0);
+__decorate([
+    property({ defaultValue: "-1", noAttribute: true })
+], CalendarLegendItem.prototype, "forcedTabIndex", void 0);
+CalendarLegendItem = CalendarLegendItem_1 = __decorate([
+    customElement({
+        tag: "ui5-calendar-legend-item",
+        renderer: litRender,
+        styles: CalendarLegendItemCss,
+        template: CalendarLegendItemTemplate,
+    })
+], CalendarLegendItem);
+CalendarLegendItem.define();
+export default CalendarLegendItem;
+//# sourceMappingURL=CalendarLegendItem.js.map

package/dist/CalendarLegendItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarLegendItem.js","sourceRoot":"","sources":["../src/CalendarLegendItem.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,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAE3E,OAA0B,yDAAyD,CAAC;AACpF,OAAO,sBAAsB,MAAM,mCAAmC,CAAC;AACvE,OAAO,EACN,qBAAqB,EACrB,wBAAwB,EACxB,2BAA2B,EAC3B,+BAA+B,GAC/B,MAAM,mCAAmC,CAAC;AAE3C,OAAO,0BAA0B,MAAM,yDAAyD,CAAC;AAEjG,SAAS;AACT,OAAO,qBAAqB,MAAM,8CAA8C,CAAC;AAEjF;;;;;;;;;;;;;;;;;;;;GAoBG;AAQH,IAAM,kBAAkB,0BAAxB,MAAM,kBAAmB,SAAQ,UAAU;IA0B1C,MAAM,CAAC,KAAK,CAAC,QAAQ;QACpB,oBAAkB,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC3E,CAAC;IAED,IAAI,aAAa;QAChB,MAAM,SAAS,GAAG,oBAAkB,CAAC,UAAU,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAC/E,MAAM,YAAY,GAAG,oBAAkB,CAAC,UAAU,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;QACrF,MAAM,WAAW,GAAG,oBAAkB,CAAC,UAAU,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;QACvF,MAAM,cAAc,GAAG,oBAAkB,CAAC,UAAU,CAAC,OAAO,CAAC,+BAA+B,CAAC,CAAC;QAE9F,MAAM,WAAW,GAAG;YACnB,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,SAAS;YACzC,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAAE,YAAY;YAC/C,CAAC,sBAAsB,CAAC,UAAU,CAAC,EAAE,cAAc;YACnD,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,WAAW;SAC7C,CAAC;QAEF,OAAO,WAAW,CAAC,IAAI,CAAC,IAAgC,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC;IACrF,CAAC;CACD,CAAA;AAtCA;IADC,QAAQ,EAAE;gDACG;AAQd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,YAAY,EAAE,sBAAsB,CAAC,IAAI,EAAE,CAAC;gDACnD;AAOnC;IADC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;0DAC5B;AAtBnB,kBAAkB;IAPvB,aAAa,CAAC;QACd,GAAG,EAAE,0BAA0B;QAC/B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,qBAAqB;QAC7B,QAAQ,EAAE,0BAA0B;KACpC,CAAC;GAEI,kBAAkB,CA6CvB;AAED,kBAAkB,CAAC,MAAM,EAAE,CAAC;AAE5B,eAAe,kBAAkB,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 { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport CalendarLegendItemType from \"./types/CalendarLegendItemType.js\";\nimport {\n\tCAL_LEGEND_TODAY_TEXT,\n\tCAL_LEGEND_SELECTED_TEXT,\n\tCAL_LEGEND_WORKING_DAY_TEXT,\n\tCAL_LEGEND_NON_WORKING_DAY_TEXT,\n} from \"./generated/i18n/i18n-defaults.js\";\n\nimport CalendarLegendItemTemplate from \"./generated/templates/CalendarLegendItemTemplate.lit.js\";\n\n// Styles\nimport CalendarLegendItemCss from \"./generated/themes/CalendarLegendItem.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * Each `ui5-calendar-legend-item` represents a legend item, displaying a color with a label.\n * The color is determined by the `type` property and the label by the `text` property.\n * If a `ui5-special-date` is used within the `ui5-calendar` and a type is set, clicking on a `ui5-calendar-legend-item`\n * with the same type will emphasize the respective date(s) in the calendar.\n *\n * ### Usage\n * The `ui5-calendar-legend-item` is intended to be used within the `ui5-calendar-legend` component.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/CalendarLegendItem.js\";`\n * @constructor\n * @extends UI5Element\n * @since 1.23.0\n * @public\n */\n@customElement({\n\ttag: \"ui5-calendar-legend-item\",\n\trenderer: litRender,\n\tstyles: CalendarLegendItemCss,\n\ttemplate: CalendarLegendItemTemplate,\n})\n\nclass CalendarLegendItem extends UI5Element implements ITabbable {\n\t/**\n\t * Defines the text content of the Calendar Legend Item.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ttext!: string;\n\n\t/**\n\t * Defines the type of the Calendar Legend Item.\n\t * @default \"None\"\n\t * @public\n\t */\n\t@property({ type: CalendarLegendItemType, defaultValue: CalendarLegendItemType.None })\n\ttype!: `${CalendarLegendItemType}`;\n\n\t/**\n\t * Tab index of the component.\n\t * @private\n\t */\n\t@property({ defaultValue: \"-1\", noAttribute: true })\n\tforcedTabIndex!: string;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\tCalendarLegendItem.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n\n\tget effectiveText() {\n\t\tconst TodayI18n = CalendarLegendItem.i18nBundle.getText(CAL_LEGEND_TODAY_TEXT);\n\t\tconst SelectedI18n = CalendarLegendItem.i18nBundle.getText(CAL_LEGEND_SELECTED_TEXT);\n\t\tconst WorkingI18n = CalendarLegendItem.i18nBundle.getText(CAL_LEGEND_WORKING_DAY_TEXT);\n\t\tconst NonWorkingI18n = CalendarLegendItem.i18nBundle.getText(CAL_LEGEND_NON_WORKING_DAY_TEXT);\n\n\t\tconst typeMapping = {\n\t\t\t[CalendarLegendItemType.Today]: TodayI18n,\n\t\t\t[CalendarLegendItemType.Selected]: SelectedI18n,\n\t\t\t[CalendarLegendItemType.NonWorking]: NonWorkingI18n,\n\t\t\t[CalendarLegendItemType.Working]: WorkingI18n,\n\t\t};\n\n\t\treturn typeMapping[this.type as keyof typeof typeMapping] || this.text || this.type;\n\t}\n}\n\nCalendarLegendItem.define();\n\nexport default CalendarLegendItem;\n"]}

package/dist/CalendarPart.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="openui5" />
+import CalendarDate from "@ui5/webcomponents-localization/dist/dates/CalendarDate.js";
+import DateComponentBase from "./DateComponentBase.js";
+/**
+ * @class
+ *
+ * Abstract base class for Calendar, DayPicker, MonthPicker and YearPicker that adds support for:
+ *  - common properties (timestamp, selectedDates): declarations and methods that operate on them
+ *  - other common code
+ * @constructor
+ * @extends DateComponentBase
+ * @public
+ */
+declare class CalendarPart extends DateComponentBase {
+    /**
+     * The timestamp of the currently focused date. Set this property to move the component's focus to a certain date.
+     * **Node:** Timestamp is 10-digit Integer representing the seconds (not milliseconds) since the Unix Epoch.
+     * @protected
+     */
+    timestamp?: number;
+    get _minTimestamp(): number;
+    get _maxTimestamp(): number;
+    /**
+     * Returns the effective timestamp to be used by the respective calendar part
+     * @protected
+     */
+    get _timestamp(): number;
+    get _localDate(): Date | import("sap/ui/core/date/UI5Date").default;
+    /**
+     * Returns a CalendarDate instance, representing the _timestamp getter - this date is central to all components' rendering logic
+     * @protected
+     */
+    get _calendarDate(): CalendarDate;
+    /**
+     * Change a timestamp and enforce limits
+     * @param timestamp
+     * @protected
+     */
+    _safelySetTimestamp(timestamp: number): void;
+    /**
+     * Modify a timestamp by a certain amount of days/months/years and enforce limits
+     * @param amount
+     * @param unit
+     * @param preserveDate whether to preserve the day of the month (f.e. 15th of March + 1 month = 15th of April)
+     * @protected
+     */
+    _safelyModifyTimestampBy(amount: number, unit: string, preserveDate?: boolean): void;
+    _getTimestampFromDom(domNode: HTMLElement): number;
+}
+export default CalendarPart;

package/dist/CalendarPart.js

@@ -1,111 +1,95 @@
+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 property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import CalendarDate from "@ui5/webcomponents-localization/dist/dates/CalendarDate.js";
 import modifyDateBy from "@ui5/webcomponents-localization/dist/dates/modifyDateBy.js";
 import getTodayUTCTimestamp from "@ui5/webcomponents-localization/dist/dates/getTodayUTCTimestamp.js";
+import UI5Date from "@ui5/webcomponents-localization/dist/dates/UI5Date.js";
 import DateComponentBase from "./DateComponentBase.js";
-
-/**
- * @public
- */
-const metadata = {
-	properties: /** @lends  sap.ui.webcomponents.main.CalendarPart.prototype */ {
-		/**
-		 * The timestamp of the currently focused date. Set this property to move the component's focus to a certain date.
-		 * <b>Node:</b> Timestamp is 10-digit Integer representing the seconds (not milliseconds) since the Unix Epoch.
-		 * @type {Integer}
-		 * @protected
-		 */
-		timestamp: {
-			type: Integer,
-		},
-	},
-};
-
 /**
  * @class
  *
  * Abstract base class for Calendar, DayPicker, MonthPicker and YearPicker that adds support for:
  *  - common properties (timestamp, selectedDates): declarations and methods that operate on them
  *  - other common code
- *
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.main.CalendarPart
  * @extends DateComponentBase
  * @public
  */
-class CalendarPart extends DateComponentBase {
-	static get metadata() {
-		return metadata;
-	}
-
-	get _minTimestamp() {
-		return this._minDate.valueOf() / 1000;
-	}
-
-	get _maxTimestamp() {
-		return this._maxDate.valueOf() / 1000;
-	}
-
-	/**
-	 * Returns the effective timestamp to be used by the respective calendar part
-	 * @protected
-	 */
-	get _timestamp() {
-		let timestamp = this.timestamp !== undefined ? this.timestamp : getTodayUTCTimestamp(this._primaryCalendarType);
-		if (timestamp < this._minTimestamp || timestamp > this._maxTimestamp) {
-			timestamp = this._minTimestamp;
-		}
-		return timestamp;
-	}
-
-	get _localDate() {
-		return new Date(this._timestamp * 1000);
-	}
-
-	/**
-	 * Returns a CalendarDate instance, representing the _timestamp getter - this date is central to all components' rendering logic
-	 * @protected
-	 */
-	get _calendarDate() {
-		return CalendarDate.fromTimestamp(this._localDate.getTime(), this._primaryCalendarType);
-	}
-
-	/**
-	 * Change a timestamp and enforce limits
-	 *
-	 * @param timestamp
-	 * @protected
-	 */
-	_safelySetTimestamp(timestamp) {
-		const min = this._minDate.valueOf() / 1000;
-		const max = this._maxDate.valueOf() / 1000;
-
-		if (timestamp < min) {
-			timestamp = min;
-		}
-		if (timestamp > max) {
-			timestamp = max;
-		}
-
-		this.timestamp = timestamp;
-	}
-
-	/**
-	 * Modify a timestamp by a certain amount of days/months/years and enforce limits
-	 * @param amount
-	 * @param unit
-	 * @protected
-	 */
-	_safelyModifyTimestampBy(amount, unit) {
-		const newDate = modifyDateBy(this._calendarDate, amount, unit);
-		this._safelySetTimestamp(newDate.valueOf() / 1000);
-	}
-
-	_getTimestampFromDom(domNode) {
-		const oMonthDomRef = domNode.getAttribute("data-sap-timestamp");
-		return parseInt(oMonthDomRef);
-	}
-}
-
+let CalendarPart = class CalendarPart extends DateComponentBase {
+    get _minTimestamp() {
+        return this._minDate.valueOf() / 1000;
+    }
+    get _maxTimestamp() {
+        return this._maxDate.valueOf() / 1000;
+    }
+    /**
+     * Returns the effective timestamp to be used by the respective calendar part
+     * @protected
+     */
+    get _timestamp() {
+        let timestamp = this.timestamp !== undefined ? this.timestamp : getTodayUTCTimestamp(this._primaryCalendarType);
+        if (this._maxTimestamp && this._maxTimestamp < timestamp) {
+            timestamp = this._maxTimestamp;
+        }
+        else if (this._minTimestamp && this._minTimestamp > timestamp) {
+            timestamp = this._minTimestamp;
+        }
+        return timestamp;
+    }
+    get _localDate() {
+        return UI5Date.getInstance(this._timestamp * 1000);
+    }
+    /**
+     * Returns a CalendarDate instance, representing the _timestamp getter - this date is central to all components' rendering logic
+     * @protected
+     */
+    get _calendarDate() {
+        return CalendarDate.fromTimestamp(this._localDate.getTime(), this._primaryCalendarType);
+    }
+    /**
+     * Change a timestamp and enforce limits
+     * @param timestamp
+     * @protected
+     */
+    _safelySetTimestamp(timestamp) {
+        const min = this._minDate.valueOf() / 1000;
+        const max = this._maxDate.valueOf() / 1000;
+        if (timestamp < min) {
+            timestamp = min;
+        }
+        if (timestamp > max) {
+            timestamp = max;
+        }
+        this.timestamp = timestamp;
+    }
+    /**
+     * Modify a timestamp by a certain amount of days/months/years and enforce limits
+     * @param amount
+     * @param unit
+     * @param preserveDate whether to preserve the day of the month (f.e. 15th of March + 1 month = 15th of April)
+     * @protected
+     */
+    _safelyModifyTimestampBy(amount, unit, preserveDate) {
+        const newDate = modifyDateBy(this._calendarDate, amount, unit, preserveDate);
+        this._safelySetTimestamp(newDate.valueOf() / 1000);
+    }
+    _getTimestampFromDom(domNode) {
+        const oMonthDomRef = domNode.getAttribute("data-sap-timestamp");
+        return parseInt(oMonthDomRef);
+    }
+};
+__decorate([
+    property({ validator: Integer })
+], CalendarPart.prototype, "timestamp", void 0);
+CalendarPart = __decorate([
+    customElement()
+], CalendarPart);
 export default CalendarPart;
+//# sourceMappingURL=CalendarPart.js.map